@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --primary-color: #4F5662;
    --secondary-color: #3498db;
    --accent-color: #f8cf2c;
    --light-color: #ecf0f1;
    --dark-color: #2c3e50;
}


body {
    font-family: "Poppins", sans-serif;
    color: #333;
}
a{
    color: #000;
}
.text-uppercase {
    text-transform: uppercase
}
.navbar .container {
    padding: 0px 15px 0px !important;
}
.btn-appointment {
    background-color: var(--accent-color);
    color: white;
    border: none;
    border-radius: 5px;
    padding: 8px 22px !important;
    font-weight: 400;
    font-size: 15px;
    transition: background-color 0.3s;
}
.btn-appointment:hover{
    background-color: var(--accent-color);
}
a {
    transition: .1s ease .1s
}

.pad-0 {
    padding: 0 !important
}

.padl-0 {
    padding-left: 0 !important
}

.padr-0 {
    padding-right: 0 !important
}

.font-100 {
    font-weight: 100
}

.font-200 {
    font-weight: 200
}

.font-300 {
    font-weight: 300
}

.font-400 {
    font-weight: 400
}

.font-500 {
    font-weight: 500
}

.font-600 {
    font-weight: 600
}

.font-700 {
    font-weight: 700
}

.font-800 {
    font-weight: 800
}

.font-900 {
    font-weight: 900
}

.text-black {
    color: #000
}

.text-white {
    color: #fff
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.default-color1 {
    color: #f8cf2c !important
}

.default-color2 {
    color: #f0f0f0
}

.default-color3 {
    color: #0e0f10 !important
}

a:hover {
    text-decoration: none
}

.hide {
    visibility: hidden !important;
    opacity: 0 !important;
    transition: visibility 0s linear .3s, opacity .3s !important;
    display: none
}

.wid_50 {
    width: 50% !important;
    padding: 0 15px;
    float: left
}

.row {
    margin: 0;
    width: 100%
}

textarea.form-control {
    height: 100px !important
}

.form-control {
    border-radius: 0
}

.form-control:focus {
    border-color: initial;
    box-shadow: none;
    outline: 0
}
.nav-link {
    color: var(--dark-color) !important;
    font-weight: 400;
    margin: 0 10px;
    transition: color 0.3s;
    font-size: 14px;
}
.search-form {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
.btn-danger{
     background-color: var(--accent-color) !important;
}
.defaultBtn1 {
    padding: 12px 30px;
    background-color: var(--accent-color);
    color: #000000;
    font-size: 1rem !important;
    .share-networks spantext-transform: uppercase;
    border-radius: 2px;
    font-weight: 600;
    letter-spacing: 1px;
    transition: .3s;
    display: inline-block !important
}

.defaultBtn1:hover {
    background-color: #0e0f10;
    color: #ffff
}

.defaultBtn2 {
    padding: 12px 30px;
    background-color: #0e0f10;
    color: #fff;
    font-size: 12px !important;
    text-transform: uppercase;
    border-radius: 2px;
    font-weight: 600;
    letter-spacing: 1px;
    transition: .3s
}

.defaultBtn2:hover {
    background-color: #f8cf2c;
    color: #ffff
}

.wid-100 {
    width: 100%
}

.mainHead {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    position: relative;
    margin-bottom: 0
}

.cs hr {
    background-color: #c9232f !important
}

.dividersize_2_70 {
    height: 4px;
    width: 90px
}

.inline-block {
    display: inline-block;
    max-width: 100%
}

hr {
    border: none;
    height: 1px;
    text-align: left;
    background-color: #f8cf2c !important;
    margin-top: 0;
    margin-bottom: 0
}

.heading {
    position: relative
}

.headingImg {
    position: absolute;
    top: -30px;
    height: 20px;
    left: 38%;
    right: 38%
}
.add_magin a{
    margin: 0 7px !important;
    font-size: 15px;
}
.form-control {
    padding: 10px;
    height: auto;
    border: 1px solid #0000003b;
    font-size: 14px;
    letter-spacing: .5px
}

.form-control:focus {
    border: 1px solid #0000003b
}

.sideHead .headingImg {
    left: 0
}

textarea.form-control {
    width: 100%
}

.miniPara {
    padding: 8px 0 0 0;
    letter-spacing: .5px;
    font-size: 14px
}

.topBar {
    background-color: #4F5662;
    padding: 2px 0
}
.topBar a {
    color: white;
    text-decoration: none;
    margin: 0 -3px;
    transition: color 0.3s;
}

.topBar .navbar-collapse .navbar-nav a {
    font-size: 12.5px;
    letter-spacing: .5px;
    color: #fff
}

.langBadge .nav-link .badge-secondary {
    background-color: var(--accent-color);
    padding: 5px 5px;
    border-radius: 2px;
    color: #fff;
    font-weight: 700;
    font-size: 10.5px
}

.langBadge {
    position: relative
}

.langBadge:after {
    content: "";
    width: 1px;
    height: 25px;
    background-color: #fff;
    right: -18px;
    top: 7px;
    position: absolute
}

.socialIconsList {
    padding: 0;
    list-style-type: none;
    padding: 2px 19px;
    display: flex;
}

.socialIconsList .s ocialIconItem a {
    padding: 7px 12px;
    color: #fff;
    font-size: 17px !important
}

.middleBar {
    background-color: #fff
}

.middleBar .navbar-nav a {
    color: #000 !important
}

.bottomBar {
    background-color: #fff
}

/*.bottomBar .navbar-nav a {*/
/*    color: #000 !important;*/
/*    font-size: 12px;*/
/*    font-weight: 500;*/
/*    letter-spacing: .5px;*/
/*    padding-top: 12px*/
/*}*/


.dropdown-menu a {
    color: #363636 !important
}

.bottomBar .navbar-nav .nav-link.active {
    color: #f8cf2c !important
}

.bottomBar .dropdown .dropdown-toggle.active {
    color: #f8cf2c !important
}

.bottomBar .dropdown .dropdown-menu .dropdown-item.active {
    color: #f8cf2c !important;
    background-color: transparent
}

.bottomBar .navbar-nav .nav-item a:hover {
    color: #f8cf2c !important
}

.middleBar .navbar-nav .nav-item:not(:last-child) {
    margin: 0 22px
}

.headerMedia img {
    height: 20px;
    margin-top: 14px !important
}

.headerMedia .media-body h4 {
    font-size: 15px;
    color: #000;
    font-weight: 600
}

.headerMedia .media-body p {
    color: #000;
    font-size: 11.5px;
    line-height: 20px;
    margin: 0
}

.bottomBar .navbar-nav .nav-item {
    margin: 0 9px !important;
    line-height: 0;
    display: flex;
    align-items: center;
}

.requestaTour {
    background-color: #f8cf2c;
    padding: 12px 15px !important;
    transition: all .4s ease
}

.requestaTour:hover {
    background-color: #fff !important;
    color: #0e0f10 !important
}

.loginWithul {
    padding: 0;
    list-style-type: none;
    display: flex
}

.loginWithul li {
    font-weight: 600
}

.loginWithHead {
    padding-top: 8px
}

.btn--withlogin {
    display: flex
}

.loginIcons {
    margin: 0 0 0 15px
}

.loginIcons img {
    height: 40px
}

.navbar-nav .dropdown-menu {
    position: absolute;
    top: 42.4px;
    height: auto;
    z-index: 999999999999999999;
    left: 8px;
    background-color: #fff;
    margin: 0;
    padding: 15px 25px 15px 25px;
    border-bottom: #f8cf2c solid 2px;
    border-radius: 0;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .4)
}

.navbar-expand-lg .navbar-nav .dropdown-menu a {
    padding: 8px 0;
    font-size: 11px
}

.fixed-header.sticky-header {
    opacity: 1;
    z-index: 999999999999999999999;
    visibility: visible
}

.fixed-header.sticky-header .navbar-nav .dropdown-menu {
    position: absolute;
    top: 59px;
    height: auto;
    z-index: 999999999999999999;
    left: 8px;
    background-color: #fff;
    margin: 0;
    padding: 15px 25px 15px 25px;
    border-bottom: #f8cf2c solid 2px;
    border-radius: 0;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .4)
}
@media only screen and (max-width: 480px) {
    .topBar, .middleBar {
        display: block !important;
    }
    .bottomBar .navbar-nav .nav-item {
    margin: 10px 9px !important;
}
.estateListingBanner {
    padding: 234px 0 34px !important;
}
.page-title h1 {
    font-size: 17px  !important;
}
.page-breadcrumb li {
    font-weight: 500 !important;
    font-size: 12.5px;
}
}

 #topBar {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    }
    .navbar{
        z-index: 99;
    }
.sticky-header {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    padding: 14px 0;
    z-index: -1;
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    -webkit-transition: top .3s ease;
    -moz-transition: top .3s ease;
    -ms-transition: top .3s ease;
    -o-transition: top .3s ease;
    transition: top .3s ease
}

.sticky-header.bottomBar .logo img {
    height: 50px
}

li.nav-item.active.pt-2 {
    padding-top: 12px !important
}

.bannerSection {
    position: relative !important
}

.flickity-viewport {
    touch-action: none !important
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .38), rgba(0, 0, 0, .38))
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 35% !important;
    top: 35% !important;
    width: 35% !important;
    height: 35% !important;
    color: #fff;
    opacity: 1
}

.hero-slider .flickity-prev-next-button:hover {
    background-color: #f8cf2c !important;
    border-color: #f8cf2c
}

.hero-slider {
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.bannerBtnGroup .defaultBtn1 {
    margin-right: 30px
}

.hero-slider .carousel-cell {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.hero-slider .carousel-cell .slide-content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

.hero-slider .carousel-cell .slide-content .title {
    position: relative;
    font-size: 3.2rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff
}

.hero-slider .carousel-cell .slide-content .caption {
    font-size: 2.2rem;
    color: #fff;
    margin-bottom: 30px
}

.hero-slider .carousel-cell .slide-content .btn {
    display: inline-block;
    border: 1px solid #fff;
    padding: 14px 18px;
    text-transform: uppercase;
    font-size: .9rem;
    letter-spacing: 2px;
    color: #fff;
    text-decoration: none
}

.hero-slider .carousel-cell .slide-content .btn:hover {
    background: #fff;
    color: #000;
    transition: all .2s ease
}

.main__header {
    position: relative
}

.hero-slider .flickity-prev-next-button {
    width: 40px;
    height: 40px;
    text-align: center;
    background: #0000001a;
    border: 2px solid #fff;
    border-radius: 0;
    z-index: 9;
    top: 320px
}

.hero-slider .flickity-prev-next-button:hover {
    background: 0 0
}

.hero-slider .flickity-prev-next-button .arrow {
    fill: #fff
}

.hero-slider .flickity-page-dots {
    bottom: 30px
}

.hero-slider .flickity-page-dots .dot {
    width: 30px;
    height: 4px;
    opacity: 1;
    background: rgba(255, 255, 255, .5);
    border: 0 solid #fff;
    border-radius: 0;
    display: none
}

.hero-slider .flickity-page-dots .dot.is-selected {
    background: red;
    border: 0 solid red
}

.slide-content .bannerBtnGroup,
.slide-content .bannerSearch,
.slide-content .caption,
.slide-content .title {
    position: relative;
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.slide-content.mask .mask {
    position: relative
}

.slide-content .bannerSearch,
.slide-content.mask .title {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-name: slide-up;
    animation-name: slide-up;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    opacity: 1
}

.slide-content.mask .divider {
    display: inline-block;
    position: relative;
    margin: 5px auto;
    height: 2px;
    width: 60%;
    background-color: #fff;
    -webkit-animation: divider-mask 1s .3s both;
    animation: divider-mask 1s .3s both
}

.slide-content.mask .caption {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-name: slide-down;
    animation-name: slide-down
}

.slide-content.mask .bannerBtnGroup {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-name: slide-up;
    animation-name: slide-up;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    opacity: 1
}

@-webkit-keyframes slide-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes slide-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes divider-mask {

    0%,
    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    40%,
    60% {
        -webkit-transform: scaleX(1)
    }
}

@keyframes divider-mask {

    0%,
    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    40%,
    60% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.slide-content {
    position: absolute;
    z-index: 9;
    top: 25%;
    width: 100%;
    text-align: center
}

.divider {
    display: none !important
}

.slide-content .title {
    color: #fff;
    font-size: 25px;
    letter-spacing: .5px;
    margin-bottom: 20px
}

.slide-content.mask .caption {
    margin-bottom: 25px
}
.mask .caption {
    font-size: 42px;
    font-weight: 600;
    color: #fff;
}
.bannerSearch {
    width: 75%;
    overflow: hidden;
    clear: both;
    display: block;
    margin-top: 0 !important;
    padding: 8px;
    margin: 0 auto;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-name: slide-up;
    animation-name: slide-up;
    position: relative;
    animation-fill-mode: forwards
}

.wid-18 {
    width: 18%;
    float: left
}

.wid-28 {
    width: 28%;
    float: left
}

.searchForm .form-group {
    margin: 0
}
.bannerSearch {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
.searchForm .form-control {
    padding: 22px 30px;
    height: auto;
    font-size: 14px;
    background-color: transparent !important;
    border: none;
}
.searchForm .form-control {
    padding: 13px 10px 10px 35px !important
}
.searchForm .inputWithIcon .form-control {
    padding: 13px 0px 10px 17px !important
}
.searchForm .form-control:focus {
    border: none;
    border-right: 1px solid #0000
}

.inputWithIcon {
    position: relative
}

/*.inputIcon {*/
/*    position: absolute;*/
/*    top: 21px;*/
/*    left: 15px*/
/*}*/

.search {
    width: fit-content;
    margin: 14px 15px
}

.advancedSearch .card-header {
    width: fit-content;
    font-size: 11px;
    padding: 8px;
    box-shadow: none
}

.collapseDiv {
    transition: height 350ms ease-in-out
}

.advancedSearch .card-header a {
    color: #000
}

.advancedSearch .card {
    background-color: transparent;
    border: none;
    box-shadow: none
}

.searchInputIcon .defaultBtn1 {
    padding: 10px 32px;
    background-color: var(--accent-color);
    color: #fff;
    /* height: 50px; */
    border: none;
    border-radius: 6px;
    font-weight: 400;
    font-size: 12px !important;
}

.searchInputIcon {
    top: 0
}
@media only screen and (max-width: 480px) {
    .adv_search {
        margin-top: -16px !important;
    }
}
.adv_search {
    text-align: right;
    cursor: pointer;
    width: fit-content;
    float: right;
    border: 1px solid #f8cf2c;
    padding: 19px 40px 14px 10px;
    /* margin-top: 2px; */
    border: 2px solid var(--accent-color) !important;
    border-radius: 6px;
    padding: 17px 23px 17px 3px;
    
}

.adv_search p {
    color: var(--accent-color);
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: 600;
    text-align: right;
    position: relative;
    line-height: 0;
    margin: 0;
}

.adv_search p:after {
    position: absolute;
    content: "\f078";
    top: -5px;
    right: -15px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.adv_search.toggleIcon p:after {
    position: absolute;
    content: "\f079";
    top: 1px;
    right: -15px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.amenitiesDiv .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.amenitiesDiv .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.amenitiesDiv .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #f0f0f0;
    border: 1px solid #f8cf2c
}

.amenitiesDiv .container:hover input~.checkmark {
    background-color: #ccc
}

.amenitiesDiv .container input:checked~.checkmark {
    background-color: #f8cf2c
}

.amenitiesDiv .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.amenitiesDiv .container input:checked~.checkmark:after {
    display: block
}

.amenitiesDiv .container .checkmark:after {
    left: 6.5px;
    top: 2px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.searchForm {
    text-align: left
}

.SearchCol {
    overflow: hidden;
    clear: both;
        display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.wid-100.collapseDiv {
    /* margin: 30px 0; */
    transition: all 2s linear;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 0s, opacity .3s
}

.amenitiesDiv {
    overflow: hidden
}

.amenitiesDiv h3 {
    font-size: 16px;
    color: #000;
    margin-bottom: 15px
}

.wid-25 {
    width: 25%;
    float: left
}

.multipleFilters .form-control {
    padding: 15px 30px;
    height: auto;
    border: 1px solid #0000003b
}

.multipleFilters .form-control:focus {
    border: 1px solid #0000003b
}

.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: 0 !important
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    display: block;
    top: 0
}

.irs-line-left {
    left: 0;
    width: 11%
}

.irs-line-mid {
    left: 9%;
    width: 82%
}

.irs-line-right {
    right: 0;
    width: 11%
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0
}

.irs-bar-edge {
    position: absolute;
    display: block;
    top: 0;
    left: 0
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1
}

.irs-slider.type_last {
    z-index: 2
}

.irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default
}

.irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default
}

.irs-from,
.irs-single,
.irs-to {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0);
    z-index: 2
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    cursor: not-allowed
}

.irs-disabled {
    opacity: .4
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    z-index: -9999 !important;
    background: 0 0 !important;
    border-style: solid !important;
    border-color: transparent !important
}

.irs {
    height: 55px;
    margin: 10px 0
}

.irs-with-grid {
    height: 75px
}

.irs-line {
    height: 5px;
    top: 33px;
    background: #eee;
    background: linear-gradient(to bottom, #ddd -50%, #fff 150%);
    border: 1px solid #ccc;
    border-radius: 16px;
    -moz-border-radius: 16px
}

.irs-line-left {
    height: 8px
}

.irs-line-mid {
    height: 8px
}

.irs-line-right {
    height: 8px
}

.irs-bar {
    height: 5px;
    top: 33px;
    border-top: 1px solid #f8cf2c;
    border-bottom: 1px solid #f8cf2c;
    background: #f8cf2c;
    background: linear-gradient(to top, #f8cf2c 0, #f8cf2c 100%)
}

.irs-bar-edge {
    height: 10px;
    top: 33px;
    width: 14px;
    border: 1px solid #428bca;
    border-right: 0;
    background: #428bca;
    background: linear-gradient(to top, rgba(66, 139, 202, 1) 0, rgba(127, 195, 232, 1) 100%);
    border-radius: 16px 0 0 16px;
    -moz-border-radius: 16px 0 0 16px
}

.irs-shadow {
    height: 2px;
    top: 38px;
    background: #000;
    opacity: .3;
    border-radius: 5px;
    -moz-border-radius: 5px
}

.irs-slider {
    top: 25px;
    width: 20px;
    height: 20px;
    border: 5px solid #fff;
    background: #ddd;
    background: #f8cf2c;
    border-radius: 27px;
    -moz-border-radius: 27px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
    cursor: pointer
}

.irs-slider.state_hover,
.irs-slider:hover {
    background: #fff
}

.irs-max,
.irs-min {
    color: #333;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(0, 0, 0, .1);
    border-radius: 3px;
    -moz-border-radius: 3px
}

.lt-ie9 .irs-max,
.lt-ie9 .irs-min {
    background: #ccc
}

.irs-from,
.irs-single,
.irs-to {
    font-size: 11px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    color: #000;
    background: #f0f0f0;
    border-radius: 3px;
    -moz-border-radius: 3px
}

.irs-max {
    display: none
}

.lt-ie9 .irs-from,
.lt-ie9 .irs-single,
.lt-ie9 .irs-to {
    background: #999
}

.irs-grid {
    height: 27px
}

.irs-grid-pol {
    opacity: .5;
    background: #428bca
}

.irs-grid-pol.small {
    background: #999
}

.irs-grid-text {
    bottom: 5px;
    color: #99a4ac
}

.range-slider .form-control {
    width: 35%
}

.multipleFilters .form-group label {
    font-weight: 600;
    font-size: 14px;
    color: #000
}

.newestProperties {
    padding: 30px 0
}

.newestRow {
    margin-top: 15px
}

.propCarousel .owl-stage {
    padding: 15px 0
}
.footer  li, ul {
    list-style: disc !important;
    margin-top: 0 !important;
    /* margin-left: 1rem !important; */
}
.propBox {
    width: 99%;
    margin: 0 auto;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .25);
    -webkit-transition: all .2s;
    transition: all .2s;
    overflow: hidden;
    cursor: pointer
}

.propBox:hover {
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .25)
}

.propFilter .form-control {
    padding: 10px 15px;
    width: fit-content
}

.propertiesDiv {
    width: 100%
}

.propImg {
    position: relative;
    overflow: hidden;
    transition: all .4s ease-in-out
}

.propImg img {
    width: 100%;
    height: 200px;
    transition: all .4s ease-in-out
}

.viewMore {
    margin-top: 15px
}

.viewMore button {
    margin: 0 auto;
    display: block
}

.forSale {
    position: absolute;
    top: 18px;
    left: 0px
}

.forSale p {
    padding: 6px 10px;
    background-color: #f8cf2c;
    font-size: 9px;
    color: #000;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 1px;
    position: relative;
    margin: 0;
    border-radius: 3px
}

.profInfo {
    padding: 15px;
    border-top: 1px solid #0000003b;
    background-color: #ffff
}

.profInfo .media img {
    height: 12px;
    width: auto !important
}

.profInfo .media-body p {
    font-size: 8px;
    margin: 0
}

.profInfo .media:not(:last-child) {
    padding-right: 2px
}

.propDescr {
    padding: 15px;
    display: none
}

.propDescr p {
    font-size: 12px;
    line-height: 25px;
    letter-spacing: .5px;
    margin: 0
}

.propCost {
    padding: 15px;
    border-top: 1px solid #0000003b;
    background-color: #ffff
}

.propCost .media img {
    height: 18px;
    width: auto !important
}

.propCost .media p {
    font-size: 11px;
    font-weight: 600;
    color: #000;
    margin: 0;
    letter-spacing: .5px
}

.cost {
    width: 100%
}

.cost h1 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 4px;
    margin-bottom: 0;
    padding-left: 20px
}

.propBox:hover .propImg img {
    transform: scale(1.05);
    transition: all .4s ease-in-out
}

.newestProperties .owl-dots {
    display: none
}

.newestProperties .owl-nav {
    display: block !important;
    top: -69px;
    position: absolute;
    right: 0
}

.newestProperties .owl-nav button {
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}
.newestProperties .owl-nav button span {
    color: #000;
    font-size: 22px
}
.fw-bold{
    font-weight: 700;
}
.owl-dots {
    text-align: center;
    margin: 15px;
}

.owl-dot span {
    width: 12px;
    height: 12px;
    background: #ccc !important;
    border-radius: 50%;
    display: block;
    margin: 2px;
}

.owl-dot.active span {
    background: #005baa !important;
    /* red active dot */
}

.lookingForSection {
    padding: 50px 0;
    background-color: #f5f5f5
}

.lookingRow {
    margin-top: 30px
}

.lookingForDiv {
    width: 100%
}

.lookingLocation {
    cursor: pointer
}

.lookingImg img {
    width: 170px !important;
    height: 170px;
    border-radius: 50%;
    margin: 0 auto
}

.lookingName h3 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin: 15px 0;
    color: #000;
    width: 75%;
    margin: 15px auto;
    display: block
}

.lookingForSection .owl-nav {
    display: block !important;
    top: 25%;
    position: absolute;
    width: 100%
}

.lookingForSection .owl-nav button.owl-prev {
    left: -30px;
    position: absolute
}

.lookingForSection .owl-nav button.owl-next {
    right: -30px;
    position: absolute
}

.lookingForSection .owl-nav button:hover {
    background-color: transparent !important
}

.lookingForSection .owl-nav button span {
    font-size: 50px;
    color: #c9232f !important
}

.requestTour {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .79), rgba(0, 0, 0, .79)), url(../images/slide1.png);
    padding: 80px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.requestBannerText {
    width: 65%;
    margin: 0 auto
}

.requestBannerText p {
    font-size: 13px;
    line-height: 30px;
    letter-spacing: .5px;
    margin-top: 15px
}

.requestBannerText h4 {
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 700
}

.requestBannerText h1 {
    font-size: 45px;
    letter-spacing: 2px;
    font-weight: 900
}

.requestTour .mainHead {
    font-size: 40px
}

.weDoSection {
    padding: 50px 0
}

.subHead {
    font-size: 18px;
    font-weight: 600;
    color: #000
}

.weDoDiv p {
    font-size: 12.4px;
    line-height: 30px;
    letter-spacing: .5px
}

.whatWeDo h4 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    width: 100%
}

.whatDoImg img {
    width: 100%
}

.doBox .media img {
    height: 30px
}

.doBox .media-body p {
    font-weight: 600;
    color: #000;
    line-height: 17px;
    margin: 0
}

.doCol:nth-child(2n) {
    padding-left: 0
}

.doCol:nth-child(2n+1) {
    padding-right: 0
}

.doCol {
    margin: 5px 0 20px 0
}

.weDoImg {
    position: relative;
    overflow: hidden
}

.weDoImg img {
    width: 100%;
    height: 210px
}

.forNumber {
    position: absolute;
    left: 25px;
    bottom: 65px
}

.forNumber p {
    padding: 10px 18px;
    background-color: #f8cf2c;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 1px;
    position: relative;
    margin: 0
}

.forNumber p:after {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 56px solid #f8cf2c;
    content: "";
    position: absolute;
    right: -25px;
    bottom: 0
}

.teamSection {
    padding: 80px 0
}

.teamRow {
    margin-top: 30px
}

.teamBox {
    width: 100%
}

.team-wrap {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.inner-pages .team-img {
    position: relative;
    z-index: 9
}

.team-img img {
    width: 100%;
    max-height: 417px;
    min-height: 417px
}

.team-content {
    width: 100%;
    bottom: 0;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 9;
    background: #0098ef;
    border-top: none
}

.team-content .team-info {
    background: #fff !important;
    padding: 30px 20px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.inner-pages .team-content h3 {
    text-transform: capitalize;
    margin-bottom: 0;
    color: #444;
    font-size: 16px
}

.team-content p {
    color: #000000c2;
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 1px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

.team-socials ul {
    padding: 0;
    margin: 0;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .4s, -webkit-transform .6s;
    transition: opacity .4s, -webkit-transform .6s;
    transition: transform .6s, opacity .4s;
    transition: transform .6s, opacity .4s, -webkit-transform .6s
}

.team .team-pro ul li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    padding: .3rem 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity .1s, -webkit-transform .6s;
    transition: opacity .1s, -webkit-transform .6s;
    transition: transform .6s, opacity .1s;
    transition: transform .6s, opacity .1s, -webkit-transform .6s;
    display: inline-block
}

.team-info h3 {
    color: #f8cf2c;
    font-size: 22px;
    font-weight: 700
}

.teamMember.team-pro.hover-effect {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #ccc
}

.teamMember {
    position: relative
}

.teamMember.team-pro.hover-effect:hover .memberInfo {
    top: 0;
    opacity: 1;
    transition: all .5s linear
}

.memberInfo {
    position: absolute;
    top: 100%;
    bottom: 0;
    opacity: 0;
    left: 0;
    right: 0;
    background-color: #f8cf2cb0;
    z-index: 999;
    padding: 30px;
    text-align: center;
    transition: all .5s linear
}

.memberInfo .information {
    padding-top: 30px
}

.information h3 {
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 24px
}

.information p {
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 18px;
    margin-bottom: 25px
}

.socialIco {
    padding: 0;
    list-style-type: none;
    display: inline-flex
}

.socialIco li {
    padding: 0 15px
}

.socialIco li a {
    color: #fff
}

.socialIco li a .fa {
    font-size: 18px
}

.information .number {
    font-size: 16px;
    color: #ffffffc7
}

.information .bio {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    line-height: 25px;
    margin-top: 30px
}

.detailsLinks {
    width: 100%;
    overflow: hidden;
    clear: both;
    display: block;
    text-align: center
}

.detailsLinks .details {
    color: #fff;
    float: left;
    font-size: 14px;
    letter-spacing: 1px
}

.detailsLinks .fa {
    font-size: 20px
}

.detailsLinks .properties {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    float: right
}

.teamSection .owl-nav {
    display: block !important;
    top: -69px;
    position: absolute;
    right: 0
}

.teamSection .owl-nav button {
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #f8cf2c !important;
    color: #fff
}

.teamSection .owl-nav button span {
    color: #fff;
    font-size: 22px
}

.ourWorkSection {
    background-image: linear-gradient(to top, #f8cf2ce8, #f8cf2ca8), url(../images/ourwork.png);
    padding: 100px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center
}

.workBox .media img {
    height: 60px
}

.workBox .media-body h3 {
    font-weight: 600;
    font-size: 50px;
    margin: 0
}

.workBox .media-body p {
    font-weight: 600;
    font-size: 17px;
    margin: 0
}

.testinomialsSection {
    padding: 80px 0
}

.testinomialRow {
    margin-top: 0
}

.testinomialBox {
    width: 100%
}

.clientImg {
    position: relative
}

.clientImg img {
    width: 90% !important;
    position: relative
}

.clientSays p {
    font-size: 12.4px;
    line-height: 30px;
    letter-spacing: .5px
}

.clientImg:before {
    content: "";
    background-color: #ebebeb;
    width: 25px;
    height: 100%;
    position: absolute;
    top: 25px;
    right: 0
}

.clientImg:after {
    content: "";
    background-color: #ebebeb;
    width: 88%;
    height: 25px;
    position: absolute;
    bottom: -25px;
    left: 25px
}

.testinomialBox .owl-stage-outer {
    padding: 30px 0
}

.clientSays {
    margin-top: 30px
}

.clientSays h5 {
    font-size: 18px;
    font-weight: 700;
    color: #f8cf2c;
    margin-bottom: 12px
}

.clientSays .job-role {
    font-size: 14px;
    font-weight: 700;
    color: #363636;
    margin-bottom: 15px;
    letter-spacing: .5px
}

.testinomialBox .owl-nav {
    display: none
}

.testinomialBox .owl-dots {
    display: block !important
}

.testinomialsSection .owl-theme .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
    margin: 5px 7px;
    background: #f8cf2c;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0
}

.testinomialsSection .owl-theme .owl-dots .owl-dot:focus {
    outline: 0;
    box-shadow: none;
    border: none
}

.consultationSection {
    padding-top: 0;
    background-color: #f5f5f5
}

.consultationBox {
    width: 75%;
    margin: 0 auto;
    padding: 30px 0
}

.consultTabs ul.nav.nav-tabs {
    border: none
}

.consultTabs ul.nav.nav-tabs li {
    margin-right: 15px
}

.consultTabs ul.nav.nav-tabs li a {
    border: none;
    color: #fff;
    text-transform: uppercase;
    background-color: #cbcbcb;
    border-radius: 2px;
    font-size: 12px;
    letter-spacing: .5px
}

.consultTabs ul.nav.nav-tabs li a.active {
    background-color: #f8cf2c
}

.consutationInput {
    width: 100%
}

.consutationInput .form-control {
    background-color: none;
    border: none;
    padding: 12px;
    border: 1px solid #dedede
}

.consutationInput .form-control.pad-3 {
    padding: 12px 15px
}

.consutationInput .input-group-text {
    background-color: transparent;
    border: none;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #dedede
}

.consutationInput .input-group-text .fa {
    color: #f8cf2c;
    width: 15px
}

.consutationInput textarea.form-control {
    padding: 15px
}

.consultationMap iframe {
    width: 100%;
    border: none;
    height: 535px
}

.i4ewOd-pzNkMb-haAclf {
    display: none !important
}

.afford_div h5 {
    font-size: 14px;
    font-weight: 600
}

.footerSection {
    padding: 50px 0 0 0;
    background: #aab7cc;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.newsletterRow {
    border-bottom: 1.5px solid #ffffff40;
    padding-bottom: 25px;
    display: none
}

.newletterText h4 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    width: 40%;
    float: right;
    text-align: left
}

.newsletterInput .input-group {
    width: 50%;
    margin: 0 auto
}

.newsletterInput .input-group-text {
    background-color: #f8cf2c;
    color: #fff;
    font-size: 11px !important;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    transition: .3s;
    border: none;
    padding-left: 25px;
    padding-right: 25px
}

.footerContainer {
    padding-top: 30px;
    border-bottom: 1.5px solid #ffffff40;
    padding-bottom: 15px
}
/* Footer */
footer {
    background: #AAB7CC;
    font-size: 14px;
    line-height: 1.6;
    color: #000;
}
footer p{
    word-break: break-all;
}

.footer h6 {
    font-size: 16px;
    margin-bottom: 15px;
}

.footer a {
    color: #000;
    text-decoration: none;
    transition: color 0.3s;
}

.footer a:hover {
    color: #005baa;
    /* highlight color */
}

.social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #222;
    /* Dark background */
    border-radius: 50%;
    color: #fff;
    transition: all 0.3s ease;
}

.social-icon:hover {
    background-color: #dc3545;
    border: 0;
}
.social-icon:hover i{
    color: #fff !important;
}

.footer .social-icons a {
    display: inline-block;
    margin-right: 10px;
    font-size: 18px;
    color: #000;
}

.footer-links li {
    line-height: 2;
}

.footer p,
footer h6 {
    color: #000;
}
.second__slider .owl-nav{
    display: none;
}
.footer .social-icons a:hover {
    color: #005baa;
}

.footer-bottom {
    background: #e30613;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    margin-top: 20px;
}

.footeraboutCont p {
    color: #000;
    font-size: 12px;
    line-height: 25px;
    margin-top: 15px
}

.downloadApp h5 {
    font-size: 16px;
    color: #000 !important
}

.downloadButtons {
    margin-top: 15px;
    display: flex
}

.downloadButtons a {
    margin-right: 10px
}

.downloadButtons a img {
    height: 45px;
    width: 100%
}

.downloadApp {
    margin-top: 30px
}

.footerHead h5 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    letter-spacing: 1.5px;
    position: relative;
    width: fit-content;
    padding-bottom: 15px
}

.footerHead h5:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 1px;
    background-color: #fff
}

.footerHead h5:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 20%;
    height: 3px;
    background-color: #000;
    z-index: 9999999
}

.footerMenuList {
    padding: 0;
    list-style-type: none;
    margin-top: 30px
}

.footerMenuItem .media img {
    height: 15px
}

.footerMenuItem .media-body p {
    color: #000 !important;
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 20px;
    margin: 0
}

.footerMenuItem {
    margin-bottom: 18px
}

.footerSocialIcons {
    padding: 0;
    list-style-type: none;
    display: flex;
    margin-top: 25px
}

.footerSocialIcons .socialItem a {
    color: #fff
}

.footerSocialIcons .socialItem .fa {
    font-size: 18px
}

.footerSocialIcons .socialItem:not(:last-child) {
    margin-right: 25px
}

.fmenu a {
    color: #fff;
    font-size: 11.5px;
    letter-spacing: 1px;
    padding-left: 15px;
    position: relative
}

.fmenu {
    margin-bottom: 5px
}

.fmenu a:before {
    content: "\f054";
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 9px;
    color: #000
}

.container.copyContainer {
    padding: 25px 0 !important
}

.copyRight p {
    color: #000 !important;
    font-size: 13px;
    margin: 0;
    letter-spacing: 1px
}

.topImg a {
    float: right
}
.aboutBanner {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../../assets/images/aboutBanner.jpg);
    padding: 101px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.auto-container {
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;
    text-align: left;   
}

.page-title h1 {
    position: relative;
    color: #fff;
    font-size: 36px;
    line-height: 1em;
    font-weight: 600;
}

/* .page-title h1:before {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    height: 2px;
    width: 90px;
    background-color: #fff;
    content: ""
} */

/* .page-title h1:after {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -1px;
    height: 4px;
    width: 35px;
    background-color: #f8cf2c !important;
    content: ""
} */
.multiselect {
    background: #fff;
    height: auto !important;
    text-align: left !important;
    border-radius: 10px;
    padding: 10px;
}
.multiselect-selected-text{
    font-size: 17px !important;
}
.property-count {
            color: #7f8c8d;
            font-size: 16px;
        }
        
        .sort-container {
            position: relative;
            display: inline-block;
        }
        
        .sort-button {
            display: flex;
            align-items: center;
            gap: 10px;
            background: transparent;
            color: #000;
            border: none;
            padding: 12px 20px;
            border-radius: 8px;
            cursor: pointer;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        .sort-button:hover {
            background: transparent;
            transform: translateY(-2px);
            box-shadow: 0 6px 8px rgba(52, 152, 219, 0.3);
        }
        
        .sort-options {
            position: absolute;
            top: 100%;
            right: 0;
            background: white;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
            width: 250px;
            z-index: 100;
            margin-top: 10px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s ease;
        }
        
        .sort-options.active {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        
        .sort-option {
            padding: 12px 20px;
            cursor: pointer;
            transition: all 0.2s ease;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        .sort-option:hover {
            background: #f8f9fa;
        }
        
        .sort-option.selected {
            background: #e1f5fe;
            color: #0288d1;
            font-weight: 600;
        }
        
        .sort-option.selected .checkmark {
            display: block;
        }
        
        .checkmark {
            display: none;
            color: #0288d1;
        }
        
        .property-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 25px;
            margin-top: 20px;
        }
        
        .property-card {
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .property-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        .property-image {
            height: 200px;
            width: 100%;
            object-fit: cover;
        }
        
        .property-details {
            padding: 20px;
        }
        
        .property-price {
            font-size: 22px;
            font-weight: 700;
            color: #2c3e50;
            margin-bottom: 10px;
        }
        
        .property-address {
            color: #7f8c8d;
            margin-bottom: 15px;
            font-size: 14px;
        }
        
        .property-features {
            display: flex;
            justify-content: space-between;
            border-top: 1px solid #eaeaea;
            padding-top: 15px;
        }
        
        .feature {
            display: flex;
            align-items: center;
            gap: 5px;
            color: #7f8c8d;
            font-size: 14px;
        }
        .multipleFilters {
    background-color: #fff;
    width: 39%;
    margin-left: auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    padding-top: 14px;
    margin-top: -10px;
    z-index: 9999;
    position: relative;
    margin-right: 2.5%;
}
        
        @media (max-width: 768px) {
            .searchForm  button.multiselect.dropdown-toggle.btn.btn-default {
    padding: 0px 22px !important;
}
            .header {
                flex-direction: column;
                align-items: flex-start;
                gap: 15px;
            }
            
            .sort-container {
                align-self: flex-end;
            }
            
            .property-grid {
                grid-template-columns: 1fr;
            }
            .navbar-nav .nav-item{
                padding: 0px 0px ;
            }
            #topBar {
    display: flex;
    justify-content: center;
            }
            .navbar-dark .navbar-brand {
    color: #fff;
    width: 20px;
}

        }
.page-breadcrumb {
    position: relative;
    margin-top: 5px;
    padding: 0
}

.page-breadcrumb li {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    padding-right: 15px;
    color: #fff !important;
    font-size: 18px;
    font-weight: 600 !important;
    text-transform: none;
    font-size: 15.5px;
    letter-spacing: 1px
}

.page-breadcrumb li a {
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    position: relative;
    font-size: 15.5px;
    letter-spacing: 1px
}

.page-breadcrumb li a:after {
    position: absolute;
    content: "|";
    right: -20px;
    top: -2px;
    color: #fff !important;
    font-size: 19px !important;
    font-weight: 900;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
}

.page-breadcrumb li:last-child {
    padding-right: 0;
    margin-right: 0
}

.aboutUsSection .weDoImg img {
    height: auto !important;
    padding-left: 50px
}

.aboutUsSection {
    padding: 50px 0 30px 0
}

.excellence {
    padding: 0;
    list-style-type: none
}

.excellence li {
    font-size: 12.4px;
    line-height: 30px;
    letter-spacing: .5px;
    font-weight: 600;
    padding-left: 15px;
    position: relative;
    color: #0e0f10
}

.excellence li:before {
    content: "\f054";
    position: absolute;
    left: 0;
    top: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 9px;
    color: #f8cf2c
}

.aboutUsSection .subHead {
    font-size: 19px;
    font-weight: 700;
    color: #000;
    letter-spacing: .5px
}

.contact-info {
    position: absolute;
    left: 0;
    bottom: 65px;
    background-color: #f8cf2c !important;
    min-height: 50px;
    padding-left: 50px;
    text-align: center
}

.contact-info:before,
.status:before {
    position: absolute;
    top: 0;
    left: 100%;
    border-right: 20px solid transparent;
    border-bottom: 50px solid #f8cf2c !important;
    content: ""
}

.fa-phone-volume:before {
    content: "\f2a0"
}

.contact-info .icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    width: 50px;
    background-color: #0e0f10;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 20px
}

.contact-info .number {
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    font-weight: 500;
    padding: 10px 25px;
    letter-spacing: .05em;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.whatWeDo {
    padding-bottom: 0
}

.weDoSecond {
    padding-bottom: 50px
}

.whatWeDo p {
    font-size: 12.4px;
    line-height: 30px;
    letter-spacing: .5px
}

.missionSection {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .79), rgba(0, 0, 0, .79)), url(../images/missionPattern.png);
    padding: 55px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.missionBox {
    width: 70%;
    margin: 0 auto
}

.missionPara p {
    font-size: 22px;
    font-style: italic;
    letter-spacing: 1px
}

.schedule {
    margin-top: 15px;
    text-align: center
}

.schedule a {
    margin: 0 auto;
    display: block;
    width: fit-content
}

.doBox:hover .doIcon {
    animation: fadeInUp 1s
}

.howItWorks {
    padding: 50px 0;
    background-color: #f5f5f5
}

.worksRow {
    margin-top: 30px
}

.inner-box {
    position: relative;
    text-align: center
}

.icon-box {
    position: relative;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    line-height: 80px;
    background-color: #0e0f10;
    color: #222;
    text-align: center;
    display: inline-block;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.icon-box:before {
    position: absolute;
    left: -4px;
    top: -4px;
    height: 88px;
    width: 88px;
    border-radius: 50%;
    border: 5px solid #0e0f1080;
    content: "";
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.icon-box span.la.la-user-secret img {
    height: 40px
}

.worksRow h4 {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 1.2em;
    color: #00c0ff;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 10px
}

.worksRow .text {
    position: relative;
    display: block;
    font-size: 12.4px;
    line-height: 25px;
    color: #0e0f10;
    font-weight: 400;
    letter-spacing: .5px
}

.inner-box:hover .icon-box {
    color: #fff;
    background-color: #f8cf2c !important;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.inner-box:hover .icon-box:before {
    border-color: #f8cf2c !important;
    opacity: .5
}

.inner-box h4 a {
    color: #f8cf2c !important
}

.teamBanner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .62), rgba(0, 0, 0, .62)), url(../images/teamBanner.jpg)
}

.teamSection {
    padding: 50px 0
}

.teamRow {
    margin-top: 30px
}

.teamInfo .information .number {
    font-size: 11px;
    color: #ffffffc7
}

.teamInfo .information p {
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 18px;
    margin-bottom: 15px
}

.teamInfo .information {
    padding-top: 80px
}

.teamInfo .detailsLinks .fa {
    font-size: 18px
}

.teamInfo .detailsLinks .details {
    color: #fff;
    float: left;
    font-size: 13px;
    letter-spacing: 1px
}

.teamCol {
    margin-bottom: 30px
}

.estateListingBanner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .62), rgba(0, 0, 0, .62)), url(../images/realestateBanner.jpg);
    background-position: 100% 100%
}

.listingSection {
    padding: 80px 0;
    position: relative
}

.column {
    float: left;
    width: 33.33%;
    padding: 10px
}

.row:after {
    content: "";
    display: table;
    clear: both
}

#btnContainer .btn {
    border: none;
    outline: 0;
    background-color: #f1f1f1;
    cursor: pointer;
    padding: 7px 12px;
    border-radius: 0;
    font-size: 14px;
    border: 1px solid #fff;
    color: #0e0f10
}
.map-section {
  position: relative;
}

.map-section .property-card {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 8px;
  max-width: 450px;
  width: 60%;
  z-index: 999;
}
.about-us h3 span, .contact strong{
   color: #f8cf2c;
   font-weight: 600;
}
.about-us p, .choose-us .text-start p, .contact p{
    font-size: 13px;
}
.choose-us img{
    width: 40px;
    height: 100%;
}
.pedding-search .multiselect {
    padding: 10.3px 10px !important;
}
  .advance-card {
    background-color: #4F5662;
  }

.advance-card form select, .advance-card form .form-control {
    padding: 13px;
    width: 100%;
    border-radius: 10px;
  }
@media only screen and (max-width: 480px) {
    .newestProperties {
        padding: 30px 0px 50px !important;
    }
    .main-title h2 {
    font-weight: 500 !important;
    font-size: 29px !important;
    line-height: 1.3 !important;
}
}
.multipleFilters {
    background-color: #fff;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .wid-18 {
        width: 16.25% !important;
        float: left;
    }
    .navbar-nav .nav-item{
        padding: 10px 0px ;
    }
}
.searchForm .multiselect-selected-text{
    font-size: 14px !important;
    color: #495057;
    overflow: hidden;
    width: 100px;
    text-wrap: nowrap;
}
.social-icons i {
    border-radius: 50%;
    padding: 14px;
    border: 1px solid #fff;
    line-height: 0;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}
.community-location ul li h6{
    color: var(--accent-color);
}
.property-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}
.community-location ul{
    color: var(--accent-color);
}
#btnContainer .btn:hover {
    background-color: #ddd
}

#btnContainer .btn.active {
    background-color: #F8CF2C;
    color: #fff
}

.listingSection .width-100 .propCost {
    padding: 25px 15px;
    border-top: 1px solid #0000003b
}

.listingSection .width-100 .propCost .media p {
    font-size: 14px
}

.listingSection .width-100 .cost h1 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0;
    padding-left: 20px
}

.listingSection .width-100 .profInfo .media-body p {
    font-size: 11px;
    margin: 0;
    letter-spacing: .5px;
    color: #666
}

.listingSection .profInfo.row {
    padding: 15px 8px
}

.listingSection .profInfo .media {
    width: fit-content;
    margin: 0 auto
}

.listingSection .width-100 .propImg img {
    width: 100%;
    height: 250px;
    transition: all .4s ease-in-out
}

.width-100 {
    width: 100%
}

.column.width-100 .propImg {
    width: 45%;
    float: left
}

.column.width-100 .propImg img {
    height: 200px
}

.column.width-100 .propContent {
    width: 55%;
    float: left
}

.column.width-100 .propCost .cost h1 {
    font-size: 25px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 20px
}

.column.width-100 .propCost .media p {
    font-size: 16px
}

div#btnContainer {
    text-align: right
}

.filterBox .mainHead {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    position: relative;
    margin-bottom: 0
}

.filtersWrapper {
    padding: 15px;
    border: 1px solid #ddd;
    margin-top: 15px
}

.listingForm label {
    font-size: 12px;
    font-weight: 600;
    color: #000
}

.col-md-small {
    width: 25%;
    flex: 25%;
    max-width: 25%
}

.col-md-large {
    width: 75%;
    flex: 75%;
    max-width: 75%
}

.buyersBanner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .62), rgba(0, 0, 0, .62)), url(../images/buyersBanner.jpg)
}

.sellersBanner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .62), rgba(0, 0, 0, .62)), url(../images/sellersBanner.jpg)
}

.BuyersChoose {
    padding: 80px 0
}

.freeBuyers .missionPara p {
    font-size: 32px;
    font-style: initial;
    letter-spacing: 1px;
    font-weight: 700
}

.freeBuyersConsultation {
    padding: 80px 0;
    position: relative
}

.freeBuyersConsultation .outer-box {
    position: relative;
    padding: 70px 0 50px
}

.freeBuyersConsultation .outer-box:before {
    position: absolute;
    left: 100px;
    top: 0;
    right: 0;
    height: 100%;
    box-shadow: 0 0 21px rgba(0, 0, 0, .18);
    content: ""
}

.freeBuyersConsultation .contact-column {
    position: relative
}

.freeBuyersConsultation .form-column {
    position: relative
}

.freeBuyersConsultation .form-column .inner-column {
    position: relative;
    padding: 0 50px
}

.contact-form {
    position: relative
}

.contact-column img {
    width: 100%
}

.contactUs .contact-column .inner-column {
    position: relative;
    padding: 0 35px;
    margin-right: 0;
    padding-top: 74px
}

.contactUs .contact-column h2 {
    position: relative;
    display: block;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase !important
}

.contactUs .contact-info {
    position: relative
}

.contactBanner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .62), rgba(0, 0, 0, .62)), url(../images/contactBanner.jpg)
}

li,
ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.contactUs .contact-info li {
    position: relative;
    padding-left: 45px;
    margin-bottom: 35px
}

.contactUs .contact-info li .icon {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    line-height: 36px;
    color: #222
}

.fa-map-marker-alt:before {
    content: "\f041";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.contactUs .contact-info li p {
    font-size: 18px;
    line-height: 36px;
    color: #fff;
    font-weight: 400
}

.inner-column .contact-info {
    bottom: auto
}

.inner-column .contact-info p {
    color: #fff;
    margin: 0;
    text-align: left;
    padding: 8px 15px;
    font-size: 10px;
    letter-spacing: 1px
}

.pt-custom {
    padding-top: 17px !important
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-phone:before {
    content: "\f095"
}

.mapSection iframe {
    width: 100%
}

.propertyDetails {
    padding: 50px 0;
    background-color: #f5f5f5
}

.ulisting_element {
    padding: 25px 0;
    display: none
}

.listing-single-info {
    display: flex;
    vertical-align: top;
    position: relative;
    line-height: 20px;
    font-size: 13px;
    color: inherit
}

.listing-single-info .listing-type-list {
    margin-right: 8px
}

.listing-single-info .listing-type-list span {
    display: inline-block;
    vertical-align: top;
    padding: 0 7px;
    line-height: 20px;
    text-transform: uppercase;
    background-color: rgba(67, 195, 112, 1);
    border-radius: 4px;
    font-weight: 700;
    font-size: 10px;
    color: #fff
}

.listing-single-info .listing-category-list span {
    display: inline-block;
    vertical-align: top;
    padding: 0 7px;
    line-height: 20px;
    text-transform: uppercase;
    background-color: #e0203b;
    border-radius: 4px;
    font-weight: 700;
    font-size: 10px;
    color: #fff
}

.listing-published {
    padding: 0 10px 0 7px;
    line-height: 18px;
    position: relative;
    font-size: 12px;
    color: #a7a7a7;
    font-weight: 400
}

.listing-save {
    padding: 0 10px 0 7px;
    line-height: 18px;
    position: relative;
    font-size: 12px;
    color: #a7a7a7;
    font-weight: 400
}

.listing-save:before {
    display: inline;
    content: "\f08a";
    top: 0;
    margin-right: 2px;
    font-size: 14px;
    position: relative;
    font-weight: 400;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.listing-share {
    padding: 0 10px 0 7px;
    line-height: 18px;
    position: relative;
    font-size: 12px;
    color: #a7a7a7;
    font-weight: 400
}

.listing-share:before {
    display: inline;
    content: "\f1e0";
    top: 0;
    margin-right: 2px;
    font-size: 14px;
    position: relative;
    font-weight: 400;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.listing-published:before {
    display: inline;
    content: "\f017";
    font-family: property-icons;
    top: 0;
    margin-right: 2px;
    font-size: 14px;
    position: relative;
    font-weight: 400;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.listing-published:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 1px;
    height: 13px;
    border: 1px solid;
    border-left: 0;
    color: inherit
}

.listing-views {
    padding: 0 10px;
    margin-left: -4px;
    font-size: 12px;
    color: #a7a7a7;
    font-weight: 400
}

.listing-views:before {
    display: inline;
    content: "\f06e";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    top: 0;
    margin-right: 2px;
    font-size: 14px;
    position: relative;
    font-weight: 400
}

.listing-head {
    width: 100%;
    margin-bottom: 25px
}

.listing-heading {
    width: 33%;
    float: left
}

.listing-features {
    width: 41%;
    float: left
}

.listing-heading h3 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.15px;
    line-height: 38px;
    color: rgba(48, 52, 65, 1);
    font-weight: 500;
    letter-spacing: .5px
}

.attribute-icon {
    text-align: center;
    margin-bottom: 5px;
    line-height: 24px;
    font-size: 27px
}

.attribute-icon img {
    height: 17px
}

.feature-item {
    width: 25%;
    float: left;
    padding: 0;
    text-align: center
}

.attribute-parts-wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-weight: 300;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    letter-spacing: 1px
}

.attribute-parts-wrap div {
    padding: 0 1px
}

.listing-cost {
    width: 25%;
    float: left
}

.listing-cost .cost-item {
    font-size: 26px;
    font-weight: 600;
    text-align: right;
    letter-spacing: 1px
}

#sync1 .item {
    padding: 0;
    margin: 0;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center
}

.gallery-thumbnail img {
    height: 100px
}

#sync2 .item {
    padding: 0;
    margin: 5px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    border: 2px solid transparent
}

#sync2 .item h1 {
    font-size: 18px
}

#sync2 .synced .item {
    border: 2px solid #fff
}

.gallery-item img {
    height: 480px
}

.users_recipient_form {
    padding: 24px 22px;
    max-width: 375px;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25);
    margin-top: 25px
}

.form-phone-box {
    display: flex
}

.form-phone .media img {
    height: 45px;
    width: 45px
}

.form-phone .media-body h4 {
    font-size: 18px;
    letter-spacing: .5px;
    color: #000
}

.form-phone-box .form-phone {
    width: 100%;
    padding-bottom: 15px;
    font-size: 14px
}

.form-phone-box .form-phone p {
    line-height: 24px;
    margin-bottom: 0;
    color: #000;
    letter-spacing: .2px;
    font-size: 12px;
    margin: 0;
    font-weight: 500
}

.form-phone .form-phone-icon.verified_user {
    margin-right: 5px
}

.property-icon-shield:before {
    content: "\f132";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #0e0f10
}

.list-description {
    margin-top: 0;
    padding: 0 15px
}

.list-description h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -.1px;
    margin-bottom: 10px;
    color: #000
}

.list-description p {
    font-size: 13px;
    line-height: 26px;
    letter-spacing: .5px
}

hr.hrLine {
    margin: 15px 0;
    background-color: #00000033 !important
}

.location-head .locHeading {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: .5px;
    margin-bottom: 10px;
    color: #000;
    float: left
}

.locParticular {
    float: right;
    font-size: 13px;
    letter-spacing: .5px;
    padding-top: 10px
}

.locParticular:before {
    content: "\f041";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #f8cf2c;
    padding-right: 5px
}

.location-head {
    width: 100%;
    overflow: hidden;
    clear: both;
    margin-bottom: 15px
}

.list-map iframe {
    width: 100%;
    height: 300px;
    margin-bottom: 15px
}

.facts .media img {
    height: 30px;
    margin-top: 9px
}

.facts .media-body {
    padding-top: 5px
}

.facts .media-body h4 {
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 11.1px;
    margin: 0;
    letter-spacing: .3px
}

.facts .media-body p {
    font-weight: 600;
    line-height: 20px;
    font-size: 13px;
    margin: 0;
    color: #0e0f10
}

#map_wrapper {
    height: 600px
}

#map_canvas {
    width: 100%;
    height: 420px
}

.factsCol {
    padding: 7px 2px 7px 0
}

.stick {
    position: fixed;
    top: 85px;
    z-index: 9999999999999
}

.otherDetails .locHeading {
    width: 50%;
    float: left
}

.tabsParticular {
    float: right;
    font-size: 13px;
    letter-spacing: .5px;
    width: 50%
}

.tabsParticular .nav-tabs {
    border: none;
    width: auto;
    float: right
}

.tabsParticular .nav-tabs .nav-link {
    border: none;
    position: relative;
    color: #0e0f10;
    padding-top: 0;
    background-color: transparent
}

.tabsParticular .nav-tabs .nav-link.active {
    color: #f8cf2c
}

.tabsParticular .nav-tabs .nav-link:after {
    content: "";
    width: 0%;
    height: 2px;
    background-color: #f8cf2c;
    margin: 5px auto;
    display: block
}

.tabsParticular .nav-tabs .nav-link.active:after {
    content: "";
    width: 50%;
    height: 2px;
    background-color: #f8cf2c;
    margin: 5px auto;
    display: block
}

.other-features {
    padding: 0;
    list-style-type: none
}

.list-others {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 25px 30px;
    border: 1px solid #ccc
}

.other-features li {
    position: relative;
    width: 33%;
    float: left;
    margin: 8px 0;
    font-weight: 600;
    list-style: none;
    position: relative;
    padding: 0 0 0 25px;
    line-height: 24px;
    color: rgba(34, 34, 34, 1);
    letter-spacing: .5px;
    font-weight: 500;
    font-size: 14px
}

.other-features li p {
    font-size: 11px;
    color: #666;
    margin: 0
}

.tab-content {
    width: 100%
}

other-features li:before {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-size: 3em;
    margin-bottom: 10px
}

.icon-container i {
    font-size: 3em;
    margin-bottom: 10px
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased
}

.material-icons {
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga'
}

.other-features i {
    position: absolute;
    top: 3px;
    font-size: 18px;
    left: 0;
    color: #f8cf2c
}

.floor-details {
    font-size: 11px;
    letter-spacing: .5px;
    color: rgba(34, 34, 34, 1);
    font-weight: 400;
    float: right;
    padding-right: 25px
}

.floor-details span {
    padding-right: 10px
}

.list-floor .card-link {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 13px;
    color: rgba(34, 34, 34, 1);
    letter-spacing: .5px;
    position: relative;
    width: 100%;
    display: block
}

.list-floor .card-link:before {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000;
    position: absolute;
    right: 0;
    content: "";
    top: 5px
}

.list-floor .card-link.collapsed:before {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-top: 5px solid #000;
    position: absolute;
    right: 0;
    content: "";
    top: 5px
}

.list-floor .card {
    border: none;
    background-color: #fff;
    border-radius: 0
}

.list-floor .card-header {
    border-radius: 0;
    padding: 10px 15px;
    border: 1px solid #dedede;
    cursor: pointer;
    background-color: #f5f5f5;
    color: #394041
}

.list-floor .card-header:hover {
    background-color: #f0f0f0
}

.floor-info table.table.table-borderless td,
.floor-info table.table.table-borderless th {
    padding: 8px 0;
    font-size: 12px;
    letter-spacing: .5px
}

.floor-info table.table.table-borderless th {
    font-size: 13px
}

@-webkit-keyframes roll {
    0% {
        -webkit-transform: rotateX(0) rotateY(0) rotateZ(0)
    }

    50% {
        -webkit-transform: rotateX(0) rotateY(360deg) rotateZ(0)
    }

    100% {
        -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(0)
    }
}

@-moz-keyframes roll {
    0% {
        -moz-transform: rotateX(0) rotateY(0) rotateZ(0)
    }

    50% {
        -moz-transform: rotateX(0) rotateY(360deg) rotateZ(0)
    }

    100% {
        -moz-transform: rotateX(360deg) rotateY(360deg) rotateZ(0)
    }
}

@keyframes roll {
    0% {
        transform: rotateX(0) rotateY(0) rotateZ(0)
    }

    50% {
        transform: rotateX(0) rotateY(360deg) rotateZ(0)
    }

    100% {
        transform: rotateX(360deg) rotateY(360deg) rotateZ(0)
    }
}

.list-3dgallery {
    position: relative
}

#control_panel {
    padding: 10px
}

#control_panel>button {
    display: inline-block;
    font: normal 20px/40px Verdana, Sans-serif;
    text-align: center;
    left: 10px;
    top: 10px;
    padding: 0 20px;
    color: #666;
    cursor: pointer
}

#control_panel>button.active,
#control_panel>button:hover {
    -webkit-filter: saturate(2)
}

#pano_viewer {
    width: 100%;
    height: 400px;
    cursor: move;
    overflow: hidden
}

#cube_box {
    -moz-perspective: 750px;
    -webkit-perspective: 750px;
    perspective: 750px;
    -moz-transform-origin: 3000px 3000px 0 50%;
    -ms-transform-origin: 3000px 3000px 0 50%;
    -webkit-transform-origin: 3000px 3000px 0 50%;
    transform-origin: 3000px 3000px 0 50%;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 6000px;
    height: 6000px;
    margin-left: -2650px;
    margin-top: -2800px
}

#cube {
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    cursor: move;
    position: relative;
    width: 6000px;
    height: 6000px
}

#cube.animate {
    -webkit-animation: roll 30s linear infinite;
    -moz-animation: roll 30s linear infinite;
    animation: roll 30s linear infinite
}

#cube img {
    position: absolute;
    opacity: 1;
    top: 1500px;
    left: 1500px;
    width: 3000px;
    height: 3000px;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#cube img.front {
    -moz-transform: translate3d(0, 0, -1499px);
    -ms-transform: translate3d(0, 0, -1499px);
    -webkit-transform: translate3d(0, 0, -1499px);
    transform: translate3d(0, 0, -1499px)
}

#cube img.left {
    -moz-transform: rotate3d(0, 1, 0, 90deg) translate3d(0, 0, -1499px);
    -ms-transform: rotate3d(0, 1, 0, 90deg) translate3d(0, 0, -1499px);
    -webkit-transform: rotate3d(0, 1, 0, 90deg) translate3d(0, 0, -1499px);
    transform: rotate3d(0, 1, 0, 90deg) translate3d(0, 0, -1499px)
}

#cube img.right {
    -moz-transform: rotate3d(0, 1, 0, -90deg) translate3d(0, 0, -1499px);
    -ms-transform: rotate3d(0, 1, 0, -90deg) translate3d(0, 0, -1499px);
    -webkit-transform: rotate3d(0, 1, 0, -90deg) translate3d(0, 0, -1499px);
    transform: rotate3d(0, 1, 0, -90deg) translate3d(0, 0, -1499px)
}

#cube img.back {
    -moz-transform: rotate3d(0, 1, 0, 180deg) translate3d(0, 0, -1499px);
    -ms-transform: rotate3d(0, 1, 0, 180deg) translate3d(0, 0, -1499px);
    -webkit-transform: rotate3d(0, 1, 0, 180deg) translate3d(0, 0, -1499px);
    transform: rotate3d(0, 1, 0, 180deg) translate3d(0, 0, -1499px)
}

#cube img.top {
    -moz-transform: rotate3d(1, 0, 0, -90deg) translate3d(0, 0, -1499px);
    -ms-transform: rotate3d(1, 0, 0, -90deg) translate3d(0, 0, -1499px);
    -webkit-transform: rotate3d(1, 0, 0, -90deg) translate3d(0, 0, -1499px);
    transform: rotate3d(1, 0, 0, -90deg) translate3d(0, 0, -1499px)
}

#cube img.bottom {
    -moz-transform: rotate3d(1, 0, 0, 90deg) translate3d(0, 0, -1499px);
    -ms-transform: rotate3d(1, 0, 0, 90deg) translate3d(0, 0, -1499px);
    -webkit-transform: rotate3d(1, 0, 0, 90deg) translate3d(0, 0, -1499px);
    transform: rotate3d(1, 0, 0, 90deg) translate3d(0, 0, -1499px)
}

#slider #carousel img {
    display: block;
    opacity: .5;
    cursor: pointer
}

#slider #carousel .flex-active-slide img {
    opacity: 1;
    cursor: default
}

.list-additional {
    padding: 0 15px;
    border-bottom: 1px solid #dedede
}

.leftContent .locHeading {
    font-size: 15px;
    font-weight: 500;
    color: #394041;
    text-transform: capitalize;
    letter-spacing: .5px;
    margin: 0
}

.list-additional table td {
    font-size: 13px;
    letter-spacing: .5px
}

.facts-features {
    padding: 15px;
    border-bottom: 1px solid #dedede
}

.leftContent table.table.table-hover {
    margin-top: 1rem;
    margin-bottom: 0
}

.leftContent .location-head {
    padding: 8px 15px;
    border-bottom: 1px solid #dedede;
    margin: 0
}

.leftContent.property-item {
    background-color: #fff
}

.list-floor .card:not(:last-child) {
    margin-bottom: 10px
}

.list-floor .card-body {
    padding: 15px 20px 20px;
    border: 1px solid #dedede;
    border-top: none;
    background-color: #fff
}

.list-floor div#accordion {
    padding: 15px;
    border-bottom: 1px solid #dedede
}

.table {
    width: 100%;
    margin-bottom: 0;
    color: #212529
}

.ugb-video-popup {
    position: relative;
    margin: 0 auto;
    width: 100%
}

.ugb-video-popup .ugb-play-button,
.ugb-video-popup .ugb-video-preview,
.ugb-video-popup a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ugb-video-popup .ugb-video-preview {
    background-size: cover;
    background-position: center;
    opacity: .4;
    transition: all .3s ease-in-out;
    z-index: 1
}

#closer_videopopup {
    position: absolute;
    display: table-cell;
    right: 2% !important;
    top: 12% !important;
    font-size: 32px;
    text-align: center;
    vertical-align: middle;
    padding: auto;
    cursor: default;
    background: 0 0;
    border: none;
    color: #fff;
    z-index: 100004
}

.ugb-video-popup:hover .ugb-video-preview {
    opacity: .5
}

.ugb-video-popup .ugb-video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%
}

.ugb-video-popup a {
    z-index: 3;
    box-shadow: none !important;
    background: 0 0 !important;
    display: block !important
}

.ugb-video-popup .ugb-play-button {
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center
}

.ugb-video-popup svg {
    fill: #fff !important
}

.list-property-video {
    border-bottom: 1px solid #dedede
}

.propertyVideo {
    padding: 15px
}

.fullView {
    padding: 15px;
    border-bottom: 1px solid #dedede
}

.list-map {
    padding: 15px;
    border-bottom: 1px solid #dedede
}

.share-networks {
    margin: 0 0;
    border: 1px solid #dedede;
    background-color: #f5f5f5
}

.share-networks .share-label {
    position: static;
    margin: -1px 6px -1px -1px;
    padding: 12px 21px 13px 17px;
    border-right: none;
    background-color: #586162;
    color: #fff
}

.share-networks span {
    display: block;
    float: left;
    padding: 11px 14px 11px 0;
    border-right: 1px solid #dedede
}

.share-networks a {
    color: #394041;
    color: #394041;
    letter-spacing: .5px;
    font-size: 13px
}

.share-networks a .fa {
    margin: 0 9px 0 12px;
    color: #929a9b;
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.right-box {
    background-color: #fff;
    overflow: hidden;
    clear: both;
    display: block;
    padding: 15px;
    border: 1px solid #dedede
}

.right-box h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 0 15px;
    text-transform: capitalize;
    letter-spacing: .5px
}

.right-box figure {
    float: left;
    margin: 0 10px 20px 0;
    width: 110px
}

.right-box figure a {
    width: 100%
}

.right-box figure a img {
    width: 100%;
    height: auto
}

.agent-detail-inner-wrap {
    display: table
}

.agentDetails {
    padding: 50px 0
}

.agentImg img {
    width: 100%;
    height: auto
}

.agent-info-div h3 {
    position: relative;
    font-size: 28px;
    line-height: 1em;
    color: #222;
    font-weight: 600;
    margin-bottom: 25px
}

.agent-info-div p {
    font-size: 13.5px;
    line-height: 30px;
    letter-spacing: .5px
}

.agent-info-table .table td {
    font-size: 12px;
    color: #000;
    padding: 10px
}

.agent-info-table .table td:first-child {
    color: #f8cf2c;
    text-align: center;
    font-size: 15px
}

.agent-info-table .table tr {
    border: 1px solid #eee
}

.socialContact a {
    margin-right: 12px;
    font-size: 16px;
    color: #000
}

.agent-info-table .table {
    margin: 0
}

.agent-propery-listing {
    margin-top: 50px
}

.agentDetails .users_recipient_form {
    margin-top: 68px;
    padding: 30px 22px
}

.agentDetCol {
    margin-bottom: 15px
}

.flip-card {
    width: 100%;
    height: 419.5px;
    perspective: 1000px;
    overflow: hidden
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform .6s;
    transform-style: preserve-3d
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg)
}

.flip-card-back,
.flip-card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden
}

.flip-card-front {
    background-color: #bbb;
    color: #000
}

.flip-card-back {
    background-color: transparent;
    color: #fff;
    transform: rotateY(180deg)
}

.agent-propery-listing .profInfo .media-body p {
    font-size: 11px;
    margin: 0;
    letter-spacing: .5px;
    color: #666
}

.agent-propery-listing .propCost {
    padding: 25px 15px;
    border-top: 1px solid #0000003b
}

.agent-propery-listing .mainHead {
    font-size: 26px
}

.facebookC .fa {
    color: #3b5998 !important
}

.twitterC .fa {
    color: #1da1f2 !important
}

.linkedinC .fa {
    color: #0271bd !important
}

.instagramC .fa {
    color: #b5247c !important
}

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: 0
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    pointer-events: all
}

.flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: #fff;
    background: hsla(0, 0%, 100%, .75);
    cursor: pointer;
    -webkit-transform: none !important
}

.flickity-prev-next-button:hover {
    background: #fff
}

.flickity-prev-next-button:focus {
    outline: 0;
    box-shadow: 0 0 0 5px #09f
}

.flickity-prev-next-button:active {
    opacity: .6
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-prev-next-button:disabled {
    opacity: .3;
    cursor: auto
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-prev-next-button .arrow {
    fill: #333
}

.carousel {
    background: #fafafa
}

.carousel-main {
    margin-bottom: 8px
}

.carousel-cell {
    width: 100%;
    height: 386px;
    margin-right: 8px;
    background: #8c8;
    border-radius: 5px
}

.carousel-nav .carousel-cell {
    height: 60px;
    width: 82px
}

.carousel-main img {
    display: block;
    margin: 0 auto;
    height: 100%;
    width: 100%;
}

.leftContent {
    border: 1px solid #dedede
}

.wrap {
    background-color: #dedede;
    margin-bottom: 16px
}

.leftContent .title {
    float: left;
    padding: 0 0 0 16px;
    font-size: 14px;
    line-height: 40px;
    color: #394041;
    background: 0 0;
    margin: 0;
    border: none;
    letter-spacing: .5px
}

.property-item .price {
    float: right;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    background-color: #4dc7ec
}

.property-item .price .price-and-type {
    position: relative
}

.property-item .price span {
    display: inline-block;
    background-color: #f8cf2c;
    padding: 13px 10px 13px 14px;
    color: #fff;
    font-size: 13px;
    letter-spacing: .5px
}

.property-item .price .price-and-type .tag-arrow {
    position: absolute;
    top: 0;
    left: -11px
}

.property-item .price small {
    vertical-align: 1px;
    color: #fff;
    font-size: 13px;
    letter-spacing: .5px;
    color: #fff;
    text-transform: capitalize
}

.carousel.carousel-main.flickity-enabled.is-draggable {
    margin: 0;
    overflow: hidden
}

.property-item .property-meta {
    border: 1px solid #dedede;
    margin: 0 17px 18px;
    padding: 0;
    background-color: #f5f5f5;
    border-color: #dedede;
    width: auto
}

.property-item .property-meta span {
    margin-left: 15px
}

.property-item .property-meta span {
    margin: 0 0 0 10px;
    padding: 10px 12px 10px 0;
    border-color: #f5f5f5;
    color: #394041;
    min-height: 22px;
    min-width: 86px;
    height: auto !important;
    height: 22px
}

.property-item .property-meta span {
    float: left;
    font-size: 12px;
    color: #394041;
    display: inline-block;
    padding: 10px 9px 10px 0;
    margin-right: 9px
}

.property-item .property-meta span svg {
    margin-right: 5px;
    vertical-align: top
}

.widget {
    font-size: 13px;
    line-height: 22px;
    background-color: #f2f2f2;
    margin-bottom: 28px;
    border: 1px solid #dedede
}

.widget h3 {
    padding: 12px 24px;
    font-size: 15px;
    margin-bottom: 0 !important;
    line-height: 24px;
    letter-spacing: .5px;
    font-weight: 400;
    margin: 0 0 16px;
    padding: 15px 11px 16px 15px;
    border-bottom: 1px solid #dedede;
    background-color: #fff
}

.mc-wrapper {
    padding: 15px
}

.mc-wrapper .propBox:not(:last-child) {
    margin-bottom: 15px
}

.mc-wrapper .profInfo .media img {
    height: 12px;
    width: auto !important;
    margin-top: 5px
}

.mc-wrapper .profInfo .media-body p {
    font-size: 11px;
    margin: 0;
    letter-spacing: .5px
}

.mortageBanner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .62), rgba(0, 0, 0, .62)), url(../images/mortageBanner.jpg)
}

.affordabilityBanner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .62), rgba(0, 0, 0, .62)), url(../images/affordabilityBanner.jpg);
    background-position: 100% 100%
}

.afford_div {
    text-align: center;
    width: 100%;
    margin: 15px 0
}

.afford_div h5 {
    margin: 0;
    letter-spacing: .5px
}

.afford-cost {
    padding: 5px 0;
    font-size: 30px;
    font-weight: 200;
    letter-spacing: .5px;
    color: #000;
    margin: 0
}

.based-on {
    padding: 5px 0;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: .5px;
    color: #000;
    width: 75%;
    margin: 0 auto;
    line-height: 22px
}

.afford_div .range {
    position: relative
}

.afford_div .range input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    width: 100%;
    height: 22px;
    cursor: pointer;
    display: block
}

.afford_div .range input[type=range]:focus {
    outline: 0
}

.afford_div .range input[type=range][disabled] {
    opacity: .3;
    cursor: default
}

.afford_div .range .rangeslider {
    position: relative;
    height: 22px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.afford_div .range .rangeslider:before {
    box-sizing: border-box;
    width: 100%;
    height: 4px;
    background: #e6e6e6;
    border-radius: 100px;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.afford_div .range input::-webkit-slider-runnable-track {
    box-sizing: border-box;
    width: 100%;
    height: 4px;
    background: #e6e6e6;
    border-radius: 100px;
    margin: 11px 0
}

.afford_div .range input::-moz-range-track {
    box-sizing: border-box;
    width: 100%;
    height: 4px;
    background: #e6e6e6;
    border-radius: 100px;
    margin: 11px 0
}

.afford_div .range input::-ms-track {
    box-sizing: border-box;
    width: 100%;
    height: 4px;
    background: #e6e6e6;
    border-radius: 100px;
    color: transparent;
    padding: 11px 0;
    background: 0 0;
    border-color: transparent
}

.afford_div .range input::-ms-fill-lower,
.afford_div .range input::-ms-fill-upper {
    box-sizing: border-box;
    width: 100%;
    height: 4px;
    background: #e6e6e6;
    border-radius: 100px
}

.afford_div .range input::-ms-fill-lower {
    background: #60cd18
}

.afford_div .range .rangeslider-fill-lower {
    background-color: #f8cf2c;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 4px;
    will-change: width
}

.afford_div .range input::-webkit-slider-thumb {
    box-sizing: border-box;
    box-shadow: 0 4px 25px rgba(0, 0, 0, .5);
    border: 6px solid #fff;
    height: 24px;
    width: 24px;
    border-radius: 100px;
    background: #333940;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 2px
}

.afford_div .range input::-moz-range-thumb {
    box-sizing: border-box;
    box-shadow: 0 4px 25px rgba(0, 0, 0, .5);
    border: 6px solid #fff;
    height: 24px;
    width: 24px;
    border-radius: 100px;
    background: #333940;
    cursor: pointer
}

.afford_div .range input::-ms-thumb {
    box-sizing: border-box;
    box-shadow: 0 4px 25px rgba(0, 0, 0, .5);
    border: 6px solid #fff;
    height: 24px;
    width: 24px;
    border-radius: 100px;
    background: #333940;
    cursor: pointer
}

.afford_div .range .rangeslider-thumb {
    box-sizing: border-box;
    box-shadow: 0 4px 25px rgba(0, 0, 0, .5);
    border: 6px solid #fff;
    height: 24px;
    width: 24px;
    border-radius: 100px;
    background: #0e0f10;
    cursor: pointer;
    position: absolute;
    touch-action: pan-x;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    will-change: left
}

.afford_div .range .range-output {
    position: absolute;
    left: 6px;
    top: 6px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: -webkit-transform .4s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .4s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .4s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .4s cubic-bezier(.175, .885, .32, 1.275);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.afford_div .range .range-output .output {
    display: block;
    position: absolute;
    height: 40px;
    line-height: 40px;
    min-width: 32px;
    padding: 0 20px;
    top: -26px;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    background: #0e0f10;
    color: #fff;
    border-radius: 100px;
    white-space: nowrap;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    letter-spacing: .5px;
    font-weight: 300
}

.afford_div .range .range-output .output:before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    border: 10px solid #0e0f10;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.afford_div main {
    display: flex;
    height: 23vh;
    justify-content: center;
    align-items: center;
    color: #333
}

.afford_div form {
    max-width: 500px;
    min-width: 320px
}

.afford_div h2 {
    font-weight: 300;
    text-align: center;
    margin-bottom: 30px
}

.range {
    position: relative
}

.range:before {
    content: "";
    background-image: url(../images/piggy-bank.png);
    position: absolute;
    left: -15px;
    height: 37px;
    width: 50px;
    top: -45px;
    background-repeat: no-repeat;
    color: #0e0f10;
    font-size: 30px;
    background-position: center;
    background-size: contain
}

.range:after {
    content: "";
    background-image: url(../images/home.png);
    position: absolute;
    right: -15px;
    height: 37px;
    width: 50px;
    top: -45px;
    background-repeat: no-repeat;
    color: #0e0f10;
    font-size: 30px;
    background-position: center;
    background-size: contain
}

.chart {
    height: 350px
}

.effectiveDate {
    padding: 30px 0
}

.eDate p {
    margin: 0;
    font-size: 13px;
    letter-spacing: .5px
}

.privacyBanner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .62), rgba(0, 0, 0, .62)), url(../images/privacyBanner.jpg)
}

.privacyPolicy {
    padding: 50px 0;
    background-color: #f5f5f5
}

.privacyPolicy .buyersConcept h5 {
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 30px;
    margin-bottom: 25px
}

.privacyPolicy .buyersConcept h4 {
    font-size: 18px;
    letter-spacing: .5px;
    line-height: 25px;
    font-size: 18px;
    letter-spacing: .5px;
    line-height: 25px;
    margin-bottom: 0;
    margin-top: 25px
}

.privacyPolicy .buyersConcept h4.default-color3 {
    margin-bottom: 25px
}

.agentPropertiesListing .column {
    width: 33.33%
}

.agentPropertiesListing .column .profInfo {
    padding: 15px 5px;
    border-top: 1px solid #0000003b
}

.privacyPolicy .excellence li {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: .5px;
    font-weight: 400;
    padding-left: 25px;
    position: relative;
    color: #666
}

.privacyPolicy .excellence li:before {
    content: "\f111";
    position: absolute;
    left: 0;
    top: 12px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 6px;
    color: #666
}

.privacyPolicy .weDoDiv p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 6px
}

.privacyPolicy h6 {
    margin-bottom: 25px;
    margin-top: 25px !important
}

.privacyPolicy .weDoDiv .col-sm-12.pad-0.mb-2 {
    margin-bottom: 30px !important
}

.privacyPolicy .excellence {
    margin: 25px 0
}

.error {
    color: red
}

.input-group>.form-control {
    width: 84%
}

.slider__banner {
    position: relative
}

.slider__banner:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgb(0 0 0 / 50%);
    content: ""
}

.slider__banner img {
    height: 500px
}
@media only screen and (max-width: 480px) {
    .slider__banner img {
        height: 500px !important;
    }
}

.second__slider .slide-content {
    top: auto;
    width: 75%;
    left: 12.5%;
    bottom: 3%;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .second__slider .slide-content {
        top: auto !important;
        width: 95%;
        left: 2.5%;
         bottom: 3% !important;
    }
}

.second-banner {
    overflow: hidden !important;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none
}

.second__slider .owl-stage-outer {
    overflow: visible !important
}

/* .second__slider .owl-nav {
    display: block !important;
    top: 45%;
    position: absolute;
    width: 100%
} */

.second__slider .owl-nav button {
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #fff !important;
    border: 2px solid #fff !important
}

.second__slider .owl-nav button span {
    color: #0000007a;
    font-size: 22px
}

.second__slider .owl-nav .owl-prev {
    position: absolute;
    left: 30px
}

.second__slider .owl-nav .owl-next {
    position: absolute;
    right: 30px
}

.banner___form {
    position: absolute
}

.second__slider {
    position: relative
}

.bannerSearch {
    width: 100%
}

.second__slider .owl-dots {
    display: none
}

.weDoDiv li {
    font-size: 12.4px;
    line-height: 30px;
    letter-spacing: .5px;
    position: relative;
    padding-left: 25px
}

.weDoDiv li:before {
    content: "\f054";
    position: absolute;
    left: 0;
    top: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 9px;
    color: #f8cf2c
}
p{
    color: #000;
}
.main-title{
    color: #000;
}
.property-icons i {
    color: #005baa;
    margin-right: 5px;
}
.main-title h2 {
    font-weight: 500 !important;
    font-size: 50px;
    line-height: 1.5;
}
.main-title p {
    font-size: 19px;
    font-weight: 500 !important;
}
.footer-email {
    background-position: -49px 0 !important;
    width: 30px !important;
    height: 37px !important;
}



.footerMenu.footer__extra {
    width: 50%;
    padding: 0px 5px;
    float: left;
}

.footer-call,
.footer-email,
.footer-loc {
    filter: grayscale(1);
}

.footerMenu.footer__extra .footerMenuList {
    padding: 0;
    list-style-type: none;
    margin-top: 30px;
    margin-right: 15px;
}

.footerMenu.footer__extra .fmenu a {
    color: #000;
    font-size: 10.5px;
    letter-spacing: 1px;
    padding-left: 15px;
    position: relative;
}

.footer__extra__head h5 {
    text-align: center !important;
    margin: 0 auto !important;
}

.managed__by p,
.topImg i.fa {
    color: #000 !important;
}

.footer__extra__head h5:after {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -1px;
    height: 3px;
    width: 35px;
    background-color: #000 !important;
    content: "";
    Z-INDEX: 999999;
}

.footer__extra__head h5:before {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    height: 1px;
    width: 50%;
    background-color: #fff;
    content: "";
    Z-INDEX: 0;
}


.leftContent.property-item .detCarousel .carousel-main img {
    display: block;
    margin: 0 auto;
    height: 100%;
    width: auto !important;
}

.detCarousel {
    overflow: hidden !important;
    height: 386px;
}

.leftContent.property-item .detCarousel .carousel-cell {
    background: #fff;
}

li.socialIconItem {
    margin: 0 0;
}

.socialIconItem i.fab {
    color: #fff;
    border: 1px solid #fff;
    padding: 7px 8px;
    border-radius: 50%;
}

.searchForm .multiselect {
    padding: 0px 30px;
    height: auto;
    font-size: 11px;
    background-color: transparent;
    height: 64px;
    border: none;
    border-radius: 0 !important;
    white-space: initial !important;
    line-height: 34px;
    padding: 0 10px !important;
    position: relative;
    overflow: visible !important;
    border: 0 !important;
    border-left: 1px solid #000 !important;
}

.searchForm .multiselect .caret:after {
    content: "\f078";
    font: normal normal normal 10px/1 FontAwesome;
    position: absolute;
    right: 10px;
    top: 27px;
    color: #212529;
}

.SearchCol {
    overflow: visible !important;
}

.searchForm .multiselect-selected-text {
    font-size: 14px !important;
    color: #495057;
}

input.form-control.multiselect-search {
    padding: 10px 15px;
    height: auto !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-right: 10px;
}

.multiselect-filter .input-group-btn {
    display: none;
}



/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #000000;
}

.bannerSearch {
    overflow: visible !important;
    min-height: 88px;
}


.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0 !important;
    padding: 0;
    /* display: block; */
    overflow: auto;
    max-height: 500px;
    z-index: 9999999;
    overflow-x: hidden !important;
    min-width: 250px;
}

.multiselect-selected-text {
    font-size: 21px;
    color: #495057;
}

.multiselect {
    background: #fff;
    height: 64px;
}

.multiselect-container>li>a>label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 15px 3px 15px !important;
    font-size: 11px !important;
}

.multiselect.dropdown-toggle::after {
    display: none !important;
}

.listing_historytext {
    position: absolute;
    top: 15px;
    left: 0;
    display: flex;
    width: 100%;
    text-align: center;
}

.listing_historytext .form-group {
    display: flex;
    margin: 0 auto;
    align-items: center;
}

.listing_historytext .form-group p {
    font-size: 13px;
    margin-bottom: 0;
    margin-right: 15px;
}

.favourite_icon {
    position: absolute;
    right: 10px;
    top: 10px;
}

.favourite_icon a i {
    color: #ffffff;
}

.btn-xs {
    padding: 5px 10px !important;
    font-size: 10px !important;
}

.modal-dialog .btn {
    font-size: 12px;
    padding: 10px 20px;

}

.modal-dialog .btn-success,
.modal-dialog .btn-success:hover {
    background-color: #f8cf2c;
    border-color: #f8cf2c;
}

.consultTabs .tabactive {
    background-color: #f8cf2c !important;
}

.modal-dialog .btn-default,
.modal-dialog .btn-default:hover {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}

.filtersWrapper .multiselect {
    height: 44px;
    border: 1px solid #0000003b;
    border-radius: 0;
    text-align: left;
    font-size: 14px;
}

.filtersWrapper .multiselect .caret:after {
    content: "\f078";
    font: normal normal normal 10px/1 FontAwesome;
    position: absolute;
    right: 10px;
    top: 50%;
    color: #212529;
    transform: translateY(-50%);
}

.filtersWrapper .multiselect-selected-text {
    font-size: 14px !important;
}

/*****************************customer_portal******************/

.customer_cover {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(http://demomaplebrains.com/creativ_portal/assets/images/customer_banner.jpg);
    padding: 15px;
    background-repeat: no-repeat;
    background-size: cover;
}

.customer_cover .media img {
    height: 100px;
    width: 100px;
}

.customer_cover .media-body h4 {
    color: #ffffff;
    font-size: 16px;
}

.customer_cover .media-body p {
    font-size: 12px;
    margin-bottom: 2px;
    color: #ffffff;
}

.customer_cover .media-body p a {
    color: #ffdc8f;
}

.customer_tabs {
    background-color: #363636;
    padding: 5px 15px;
}

.customer_tabs ul,
.customer_tabs ul li {
    border: none;
}

.customer_tabs ul li a {
    font-size: 13px;
    background-color: transparent !important;
    color: #ffffff;
    border-radius: 0;
    border: none !important;
    position: relative;
}

.customer_tabs ul li a.active {
    color: #f8cf2c !important;
    position: relative;
}

.customer_tabs ul li a.active:after {
    content: "\f0d8";
    position: absolute;
    left: 50%;
    bottom: -11px;
    color: #ffffff;
    font: normal normal normal 20px/1 FontAwesome;
    transform: translateX(-50%);
}

.customer_tabs ul li span.badge.badge-secondary {
    background-color: #000000;
    color: #ffffff;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    text-align: center;
    line-height: 15px;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.customer_tabs ul li a.active span.badge.badge-secondary {
    background-color: #f8cf2c !important;
    color: #ffffff;

}

.customer_portal .tab-content {
    padding: 0;
}

.customer_inf {
    padding-top: 15px;
}

.customer_inf .nav-item a {
    color: #000000;
    font-size: 13px;
    border-radius: 0;
    margin: 0 !important;
}

.customer_inf ul.nav.nav-tabs {
    padding-left: 15px;
    padding-right: 15px;
}

.customer_inf .nav-item a.active {
    background-color: #f8cf2c !important;
    border: none;
    color: #ffffff;

}

.images_with_details {
    border: 1px solid #dcdcdc;
}

.images_with_details .owl-carousel .item img {
    height: 250px;
    width: auto !important;
    margin: 0 auto;
}

.images_with_details .owl-dots {
    display: none;
}

.images_with_details .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.images_with_details .owl-nav button {
    height: 30px;
    width: 30px;
    line-height: 30px;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.75) !important;
    border-radius: 50% !important;
    position: absolute;
    transform: translateY(-50%);
    margin: 0 !important;
    color: #ffffff !important;
}

.images_with_details .owl-nav .owl-prev {
    left: 15px;
}

.images_with_details .owl-nav .owl-next {
    right: 15px;
}

.images_with_details .owl-item {
    overflow: hidden;
}

.left_details h3 {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 15px;
}

.left_details p {
    font-size: 12px;
    margin-bottom: 0;
}

.left_details h3 a {
    color: #000000;
}

.message_box img {
    height: 60px;
    width: 60px;
}

.message_box h6 {
    font-weight: 400;
    font-size: 12px;
    color: #737d84;
}

.message_box p {
    font-size: 13px;
    color: #000000;
    line-height: 24px;
    margin: 0;
}

.right_msg {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 25px;
    margin-bottom: 25px;
    text-align: right;
}

.left_msg {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.single_message {
    border-top: 7.5px solid #E4E7EB;
    border-bottom: 7.5px solid #E4E7EB;
    padding: 15px;
}

.chat_bg {
    background: #E4E7EB;
}

.chat_info {
    background: #fff;
    max-width: 750px;
    padding: 20px;
    margin: auto;
}

.unread_messages {
    padding: 15px 30px;
}

.customer_inf .nav-tabs .nav-item {
    margin-bottom: 0 !important;
}

.unread_messages li {
    display: inline-block;
}

.inner_info .single_message:first-child {
    border-top: 15px solid #E4E7EB !important;
}

.inner_info .single_message:last-child {
    border-bottom: 15px solid #E4E7EB;
}

.unread_messages li a {
    font-size: 9px;
    padding: 5px 10px;
    background-color: #363636;
    color: #ffffff;
    border-radius: 3px;
}

.bottom_bar {
    padding: 5px 15px;
    background-color: #FAF8F9;
}

.bottom_bar .slider-counter {
    font-size: 12px;
}

.bar_options_list li {
    display: inline-block;
    padding: 0px 10px;
}

.bar_options_list li a {
    color: #000000;

}

.bar_options_list li a i {
    font-size: 12px;
}

.bar_options_list {
    float: right;
}

.largeView_images.modal_w75 .modal-dialog {
    max-width: 50%;
}

.largeView_images .modal-body .left_details {
    width: 50%;
    margin: 0 auto;
}

.largeView_images.modal_centered .modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

.largeView_images.modal .images_with_details .owl-carousel .item img {
    height: 100%;
}

.largeView_images .modal-header {
    padding: 0;
    border: none;
}

.largeView_images .close {
    position: absolute;
    right: 15px;
    top: 15px;
    background-color: rgba(0, 0, 0, 0.5);
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
    color: #ffffff;
    z-index: 9999999;
    margin: 0;
    padding: 0;
    font-size: 13px;
    border-radius: 50%;
}

.largeView_images .images_with_details .item {
    height: 350px;
}

.agent_des h4 {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    width: 100%;
}

.agent_img {
    max-width: 400px;
}

.agent_des p {
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    margin-bottom: 5px;
}

.agent_info {
    padding: 30px 0px;
}

.chat_left {
    width: 100%;
    text-align: left;
}

.chat_right {
    width: 100%;
    text-align: right;
    display: flow-root;
}

.message_chat {
    min-height: 500px;
}

.message_chat p {
    margin-bottom: 2px;
    max-width: fit-content;
    background: #e1e1e1;
    font-size: 12px;
    padding: 5px 10px;
    color: #000;
    border-radius: 50px;
    letter-spacing: 0.3px;
    position: relative;
    font-weight: 500;
}

.chat_right p {
    float: right;
    background: #ff0817;
    background: #363636;
    color: #fff;
    border-radius: 50px 0px 0px 50px;
}

.chat_group .chat_right:first-child p {
    border-radius: 50px 50px 0px 50px;
}

.chat_group .chat_right:last-child p {
    border-radius: 50px 0px 50px 50px;
}

.chat_group {
    width: 100%;
    text-align: right;
}

.chat_letter .form-control {
    border-radius: 0px;
    font-size: 12px;
    padding: 15px;
}

.footer-button,
.footer-button:hover {
    background: #f8cf2c;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    padding: 0px 40px;
    border-radius: 0px;
}

.find_home .chat_letter .form-control {
    width: 80%;
}

.find_home .chat_letter {
    width: 100%;
    padding: 10px 20px;
}

.hm_choose {
    width: 150px;
    display: inline-block;
    height: 40px;
    font-size: 12px;
}

.home_h {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #111;
    padding-top: 13px;
}

.prod {
    margin-top: 10px;
}

.map-view .col-h1 {
    width: 50%;
}

.home_list {
    background: #E4E7EB;
    padding: 10px;
}

.home_list .single_message {
    background: #fff;
    padding: 10px 0px;
}

.home_list .alert-success {
    border-radius: 0px;
    font-size: 14px;
    letter-spacing: 0.3px;
}

.badge-hmlist {
    background: #f8cf2c;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.5px;
    display: inline-table;
    padding: 5px;
    font-size: 10px;
}

.hm_lhead {
    display: flex;
    flex-wrap: wrap;
}

.hm_lhead h3 {
    font-weight: 600;
    color: #111;
    margin-right: 10px;
}

.hm_lhead .badge-hmlist {
    margin-top: 5px;
}

.hm_lhead a {
    float: right;
    display: block;
    margin: 0 0 0 auto;
    color: #bbb;
    font-size: 25px;
}

.hm_status {
    letter-spacing: 0.2px;
    margin-bottom: 5px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    color: #0e0f10;
}

.home_location {
    font-size: 20px;
    color: #f8cf2c;
    font-weight: 700;
}

.hm_mark {
    font-size: 14px;
    color: #333;
    letter-spacing: 0.3px;
}

.hm_address {
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: .5px;
}

.hm_details {
    color: #222;
    font-size: 14px;
    letter-spacing: 0.3px;
}

.hm_des {
    margin: 0;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: .5px;
}

.map-view .home_list {
    max-height: 450px;
    overflow-x: scroll;
}

.list-view .home_map {
    display: none;
}

.list-view .col-h1 {
    width: 100%;
}

.grid-view .home_map {
    display: none;
}

.grid-view .col-h1 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.grid-view .col-h1 .single_message {
    width: 22.6%;
    margin: 0px 15px;
}

.grid-view .alert-dismissible {
    display: none;
}

.grid-view .col-h1 .single_message .col-md-5,
.grid-view .col-h1 .single_message .col-md-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

#btnContainer .btn {
    min-width: 40px;
}

.mysearch_tab {
    padding: 20px;
    min-height: 400px;
}

.search_table h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #111;
    background: #e1e1e1;
    padding: 10px;
}

.search_table .col-md-4 {
    padding: 2px;
}

.search_table a {
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 14px;
}

.search_table p {
    font-size: 13px;
    line-height: 26px;
    letter-spacing: .5px;
    color: #333;
    text-align: center;
}

.custom_search_icons {
    text-align: center;
}

.custom_search_icons .badge-secondary {
    border-radius: 50px;
    font-weight: 500;
    background: #f8cf2c;
    transform: translate(39px, -10px);
    width: 15px;
    height: 15px;
    font-size: 10px;
}

.myshow_more {
    width: 25px;
    height: 25px;
    background: #111;
    border-radius: 50px;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    line-height: 25px;
    color: #fff;
}

.show_conv_modal {
    top: 10%;
}

.customer_pLogo img {
    max-width: 180px;
    margin: auto;
    display: block;
}

.right_msg p {
    text-align: left;
}

.list-view .left_details,
.grid-view .left_details {
    max-width: 230px;
    margin: auto;
}

.dataTables_wrapper input[type="search"] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: none;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
}

.paging_simple_numbers .paginate_button {
    color: #2c2c2c;
    font-size: 14px;
    border: 0;
    border-radius: 30px !important;
    padding: 0px 11px;
    margin: 0 3px;
    min-width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    text-transform: uppercase;
    background: transparent
}

.paging_simple_numbers .paginate_button.disabled {
    opacity: .5;
    background-color: rgba(41, 42, 51, 0.2);
    color: #fff;
}

.paging_simple_numbers .paginate_button.current {
    background-color: #f8cf2c;
    border-color: #f8cf2c;
    color: #fff;
}

.bannerSearch_save .defaultBtn1 {
    padding: 17px 50px;
}

.bannerSearch_save {
    position: absolute;
    bottom: 5%;
    z-index: 8;
    text-align: center;
    width: 100%;
}

.navbar-dark .navbar-toggler-icon {
    filter: invert(1);
}

.bottomBar .navbar-nav a,
.navbar-expand-xl .navbar-nav .nav-link {
    padding: 8px 7px;
}

.pagination.pg-red .page-item .page-link:hover {
    background-color: var(--accent-color) !important;
    color: #000 !important;
    transition: 0.5s;
  }

  .pagination.pg-red .page-item.active .page-link {
    background-color: var(--accent-color) !important;
    color: #000 !important;
    transition: 0.5s;
  }

  .page-item.active .page-link {
    border-color: var(--accent-color) !important;
  }


  .custom-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 2rem;
}

.custom-dropdown-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #6c757d;
}