@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,400&display=swap";
@import"https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;600;700;800;900&display=swap";

body {
    font-size: 16px;
    font-family: "Source Sans Pro", sans-serif;
    color: #757575;
    font-weight: 400
}

a {
    transition: all ease .5s;
    text-decoration: none;
    color: #757575
}

a:hover {
    text-decoration: none;
    color: #ea723d
}

a:focus {
    text-decoration: none
}

button {
    outline: 0 !important;
    box-shadow: none;
    border: none;
    padding: 0
}

button:focus {
    box-shadow: none
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2b3b3a;
    font-weight: 700;
    font-family: "Raleway", sans-serif
}

h3 {
    font-weight: 600
}

.d-table {
    width: 100%;
    height: 100%
}

.d-table-cell {
    vertical-align: middle
}

p {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.7
}

p:last-child {
    margin-bottom: 0
}

img {
    max-width: 100%;
    height: auto
}

.form-control {
    height: 60px;
    color: #2b3b3a;
    border: 1px solid #e3e9ed;
    background-color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    width: 100%;
    transition: all ease .5s;
    border-radius: 0
}

.form-control::placeholder {
    color: #757575
}

.form-control:focus {
    color: #000;
    background-color: #e5e5e5;
    box-shadow: unset;
    outline: 0;
    border: 1px solid #ea723d
}

.form-control:hover:focus,
.form-control:focus {
    box-shadow: unset
}

textarea.form-control {
    height: auto
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.pt-100 {
    padding-top: 100px
}

.pb-100 {
    padding-bottom: 100px
}

.pt-70 {
    padding-top: 70px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-150 {
    padding-bottom: 150px
}

.pt-50 {
    padding-top: 50px
}

.mt-30 {
    margin-top: 30px
}

.mb-30 {
    margin-bottom: 30px
}

.ml-15 {
    margin-left: 15px
}

.mr-15 {
    margin-right: 15px
}

.bg-color-f4fafe {
    background-color: #f4fafe
}

.bg-color-f1f8f9 {
    background-color: #f1f8f9
}

.bg-color-fbf3f3 {
    background-color: #fbf3f3
}

.bg-color-f2f7fd {
    background-color: #f2f7fd
}

.bg-color-f9fcff {
    background-color: #f9fcff
}

.bg-color-f8fafb {
    background-color: #f8fafb
}

.banner-bg-color {
    background: linear-gradient(180deg, #fbf3f3 0%, rgba(251, 243, 243, 0) 100%)
}

.bg-color-ffffff {
    background: linear-gradient(90deg, #fbf3f3 0%, #ffffff 100%)
}

.bg-color-f8fafbff {
    background: linear-gradient(180deg, #f8fafb 0%, #ffffff 100%)
}

.default-btn {
    font-size: 16px;
    color: #fff;
    transition: all ease .5s;
    text-align: center;
    display: inline-grid;
    padding: 15px 40px;
    background-color: #006766;
    font-weight: 600;
    line-height: 25px
}

.default-btn.active {
    background-color: #ea723d;
    color: #fff
}

.default-btn.active:hover {
    color: #fff;
    background-color: #006766
}

.default-btn.btn-radius {
    border-radius: 3px
}

.default-btn:hover {
    color: #fff;
    background-color: #ea723d
}

.read-more {
    font-size: 16px;
    color: #006766;
    background-color: rgba(0, 0, 0, 0);
    transition: all ease .5s;
    font-weight: 600
}

.read-more i {
    position: relative;
    top: 4px
}

.read-more:hover {
    color: #006766;
    letter-spacing: 1px
}

.section-title {
    max-width: 700px;
    margin: -5px auto 45px;
    text-align: center;
    position: relative
}

.section-title .top-title {
    font-size: 14px;
    color: #006766;
    display: block;
    margin-bottom: 15px;
    font-weight: 500
}

.section-title h2 {
    font-size: 36px;
    margin-bottom: 15px
}

.section-title h2 span {
    color: #006766
}

.section-title h2:last-child {
    margin-bottom: 0
}

.section-title p {
    max-width: 600px;
    margin: auto
}

.section-title p span {
    color: #006766
}

.section-title.white-title span {
    color: #006766
}

.section-title.white-title h2 {
    color: #fff
}

.section-title.white-title p {
    color: #fff
}

.section-title.left-title {
    margin-left: 0;
    text-align: left;
    max-width: 645px
}

.section-title.left-title h2 {
    max-width: 700px
}

.section-title.left-title p {
    margin-left: 0
}

.section-title.left-title .default-btn {
    position: absolute;
    top: 0;
    right: 0
}

.navbar-area {
    position: relative;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px
}

.navbar-area.is-sticky {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    position: fixed;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
}

.navbar-area .container-fluid {
    max-width: 1760px;
    margin: auto;
    padding-left: 30px;
    padding-right: 30px
}

.navbar-area.bg-color-fbf3f3 {
    background-color: #fbf3f3 !important
}

.navbar-area.bg-color-fbf3f3 .desktop-nav .navbar .others-options .search-form .form-control {
    background-color: #fff
}

.navbar-area .navbar-brand .white-logo {
    display: none
}

.navbar-area .mobile-responsive-menu .logo .white-logo {
    display: none
}

.desktop-nav {
    padding-top: 0;
    padding-bottom: 0
}

.desktop-nav .navbar {
    transition: all ease .5s;
    z-index: 2;
    padding-right: 0;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0
}

.desktop-nav .navbar ul {
    margin-bottom: 0;
    list-style-type: none
}

.desktop-nav .navbar .navbar-nav .nav-item {
    position: relative;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0
}

.desktop-nav .navbar .navbar-nav .nav-item a {
    font-size: 16px;
    color: #2b3b3a;
    line-height: 1;
    position: relative;
    font-weight: 400;
    padding-left: 20px;
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 9px;
    margin-left: 3px;
    margin-right: 15px
}

.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle {
    padding-right: 20px
}

.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::after {
    display: none
}

.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    font-family: remixicon !important;
    line-height: 1;
    font-size: 17px
}

.desktop-nav .navbar .navbar-nav .nav-item a:hover,
.desktop-nav .navbar .navbar-nav .nav-item a:focus,
.desktop-nav .navbar .navbar-nav .nav-item a.active {
    color: #006766
}

.desktop-nav .navbar .navbar-nav .nav-item a.active {
    font-weight: 600
}

.desktop-nav .navbar .navbar-nav .nav-item a.active.dropdown-toggle::before {
    font-weight: 400
}

.desktop-nav .navbar .navbar-nav .nav-item a i {
    font-size: 18px;
    line-height: 0;
    position: relative;
    top: 4px
}

.desktop-nav .navbar .navbar-nav .nav-item:last-child a {
    margin-right: 0
}

.desktop-nav .navbar .navbar-nav .nav-item:first-child a {
    margin-left: 0
}

.desktop-nav .navbar .navbar-nav .nav-item:hover a,
.desktop-nav .navbar .navbar-nav .nav-item:focus a,
.desktop-nav .navbar .navbar-nav .nav-item.active a {
    color: #006766
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
    transition: all .3s ease-in-out;
    background: #fff;
    position: absolute;
    visibility: hidden;
    border-radius: 0;
    display: block;
    width: 250px;
    border: none;
    z-index: 99;
    opacity: 0;
    top: 80px;
    left: 0;
    padding: 0
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
    padding: 0
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
    color: #2b3b3a;
    padding: 15px;
    border-bottom: 1px dashed #ededed;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    display: block;
    position: relative
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-toggle::after {
    display: none
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-toggle::before {
    content: "";
    position: absolute;
    top: 14px;
    right: 13px;
    font-family: remixicon !important;
    line-height: 1;
    font-size: 17px
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
    color: #006766
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    left: 250px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
    color: #2b3b3a;
    border-bottom: 1px dashed #ededed;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    position: relative
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.dropdown-toggle::after {
    display: none
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.dropdown-toggle::before {
    content: "";
    position: absolute;
    top: 14px;
    right: 13px;
    font-family: remixicon !important;
    line-height: 1;
    font-size: 17px
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
    color: #006766
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: 250px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #000
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #ea723d
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: -250px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #000
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #ea723d
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: -250px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #000
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #ea723d
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: -250px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #000
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #ea723d
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: -250px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #000
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #ea723d
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #ea723d
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #ea723d
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -1px
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #006766
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    top: -1px;
    visibility: visible
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #006766
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    top: -15px;
    visibility: visible
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
    color: #006766
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
    color: #006766
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 0
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a {
    border-bottom: none
}

.desktop-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
    top: 100%;
    opacity: 1;
    margin-top: 0;
    visibility: visible
}

.desktop-nav .navbar .others-options ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.desktop-nav .navbar .others-options ul li {
    margin-right: 25px;
    display: inline-block
}

.desktop-nav .navbar .others-options ul li:last-child {
    margin-right: 0
}

.desktop-nav .navbar .others-options ul li .wishlist {
    position: relative;
    top: 7px
}

.desktop-nav .navbar .others-options ul li .wishlist i {
    font-size: 25px;
    color: #2b3b3a;
    transition: all ease .5s
}

.desktop-nav .navbar .others-options ul li .wishlist span {
    position: absolute;
    top: -12px;
    right: -5px;
    line-height: 1;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    background-color: #ea723d;
    font-size: 12px;
    color: #fff;
    border-radius: 50px
}

.desktop-nav .navbar .others-options ul li .wishlist:hover i {
    color: #ea723d
}

.desktop-nav .navbar .others-options ul li .login {
    color: #2b3b3a
}

.desktop-nav .navbar .others-options ul li .login i {
    font-size: 25px;
    position: relative;
    top: 5px;
    display: none
}

.desktop-nav .navbar .others-options ul li .login span {
    position: relative
}

.desktop-nav .navbar .others-options ul li .login:hover {
    color: #ea723d
}

.desktop-nav .navbar .others-options ul li .default-btn {
    padding: 15px 53px
}

.desktop-nav .navbar .others-options .search-form {
    position: relative;
    margin-left: 20px
}

.desktop-nav .navbar .others-options .search-form .form-control {
    width: 312px;
    background: rgba(229, 229, 229, .3)
}

.desktop-nav .navbar .others-options .search-form .src-btn {
    position: absolute;
    top: 17px;
    right: 17px;
    background-color: rgba(0, 0, 0, 0);
    font-size: 20px;
    line-height: 1;
    transition: all ease .5s;
    color: #757575
}

.desktop-nav .navbar .others-options .search-form .src-btn:hover {
    color: #ea723d
}

.desktop-nav .navbar .others-options .dropdown button {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.desktop-nav .navbar .others-options .dropdown button:focus {
    box-shadow: none
}

.desktop-nav .navbar .others-options .dropdown button img {
    border-radius: 50px
}

.desktop-nav .navbar .others-options .dropdown button span {
    margin-left: 5px;
    color: #2b3b3a
}

.desktop-nav .navbar .others-options .dropdown .dropdown-menu {
    border: none;
    padding: 15px 20px;
    width: 250px;
    border: none;
    margin-top: 80px !important;
    display: block;
    top: 0 !important;
    opacity: 0;
    visibility: hidden;
    transition: all ease .5s;
    transform: unset !important;
    left: 0 !important;
    right: auto !important;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
}

.desktop-nav .navbar .others-options .dropdown .dropdown-menu.show {
    margin-top: 63px !important;
    opacity: 1;
    visibility: visible
}

.desktop-nav .navbar .others-options .dropdown .dropdown-menu li {
    display: block;
    margin-right: 0
}

.desktop-nav .navbar .others-options .dropdown .dropdown-menu li a {
    background-color: rgba(0, 0, 0, 0);
    color: #757575;
    display: block;
    border: none;
    padding: 5px 0
}

.desktop-nav .navbar .others-options .dropdown .dropdown-menu li a.active {
    color: #006766
}

.desktop-nav .navbar .others-options .dropdown .dropdown-menu li a i {
    position: relative;
    top: 2px;
    margin-right: 5px
}

.desktop-nav .navbar .others-options .dropdown .dropdown-menu li a:hover {
    color: #006766
}

.desktop-nav .navbar .others-options .dropdown .dropdown-menu.notif {
    padding: 0 0 10px 0 !important
}

.desktop-nav .navbar .others-options .dropdown .dropdown-menu.notif li {
    border-bottom: 1px solid #eee;
    padding: 5px 30px
}

.desktop-nav .navbar .others-options .dropdown .dropdown-menu.notif li:last-child {
    border-bottom: none
}

.desktop-nav .navbar .others-options .dropdown .dropdown-menu.notif li a {
    color: #2b3b3a
}

.desktop-nav .navbar .others-options .dropdown .dropdown-menu.notif li a i {
    color: #006766
}

.desktop-nav .navbar .others-options .dropdown .dropdown-menu.notif li p {
    color: #757575
}

.desktop-nav .navbar .others-options .dropdown .dropdown-menu.notif li:hover a {
    color: #006766
}

.mobile-responsive-nav {
    display: none
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.others-option-for-responsive {
    display: none !important
}

.others-option-for-responsive .dot-menu {
    padding: 0 10px;
    height: 30px;
    cursor: pointer;
    z-index: 999;
    position: absolute;
    right: 60px;
    top: -40px
}

.others-option-for-responsive .dot-menu .inner {
    display: flex;
    align-items: center;
    height: 30px
}

.others-option-for-responsive .dot-menu .inner .circle {
    height: 5px;
    width: 5px;
    border-radius: 100%;
    margin: 0 2px;
    transition: all ease .5s;
    background-color: #006766
}

.others-option-for-responsive .dot-menu:hover .inner .circle {
    background-color: #006766
}

.others-option-for-responsive .container {
    position: relative
}

.others-option-for-responsive .container .container {
    position: absolute;
    right: -2px;
    top: 15px;
    max-width: 320px;
    margin-left: auto;
    opacity: 0;
    visibility: hidden;
    transition: all ease .5s;
    transform: scaleY(0);
    z-index: 2;
    padding-left: 15px;
    padding-right: 15px
}

.others-option-for-responsive .container .container.active {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1)
}

.others-option-for-responsive .others-options {
    background-color: #ededed;
    padding: 15px;
    text-align: center
}

.others-option-for-responsive .others-options ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.others-option-for-responsive .others-options ul li {
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 15px
}

.others-option-for-responsive .others-options ul li:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.others-option-for-responsive .others-options ul li .wishlist {
    position: relative;
    top: 2px
}

.others-option-for-responsive .others-options ul li .wishlist i {
    font-size: 25px;
    color: #2b3b3a;
    transition: all ease .5s
}

.others-option-for-responsive .others-options ul li .wishlist span {
    position: absolute;
    top: -12px;
    right: -5px;
    line-height: 1;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    background-color: #ea723d;
    font-size: 12px;
    color: #fff;
    border-radius: 50px
}

.others-option-for-responsive .others-options ul li .wishlist:hover i {
    color: #ea723d
}

.others-option-for-responsive .others-options ul li .login {
    color: #2b3b3a
}

.others-option-for-responsive .others-options ul li .login i {
    font-size: 25px
}

.others-option-for-responsive .others-options ul li .login:hover {
    color: #ea723d
}

.others-option-for-responsive .others-options .search-form {
    position: relative;
    margin-left: 20px
}

.others-option-for-responsive .others-options .search-form .src-btn {
    position: absolute;
    top: 17px;
    right: 17px;
    background-color: rgba(0, 0, 0, 0);
    font-size: 20px;
    line-height: 1;
    transition: all ease .5s;
    color: #757575
}

.others-option-for-responsive .others-options .search-form .src-btn:hover {
    color: #ea723d
}

.others-option-for-responsive .others-options .dropdown button {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.others-option-for-responsive .others-options .dropdown button:focus {
    box-shadow: none
}

.others-option-for-responsive .others-options .dropdown button img {
    border-radius: 50px
}

.others-option-for-responsive .others-options .dropdown button span {
    margin-left: 5px;
    color: #2b3b3a
}

.others-option-for-responsive .others-options .dropdown .dropdown-menu {
    border: none;
    padding: 15px 20px;
    width: 250px;
    border: none;
    margin-top: 80px !important;
    display: block;
    top: 0 !important;
    opacity: 0;
    visibility: hidden;
    transition: all ease .5s;
    transform: unset !important;
    left: 0 !important;
    right: auto !important;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
}

.others-option-for-responsive .others-options .dropdown .dropdown-menu.show {
    margin-top: 63px !important;
    opacity: 1;
    visibility: visible
}

.others-option-for-responsive .others-options .dropdown .dropdown-menu li {
    display: block;
    margin-right: 0
}

.others-option-for-responsive .others-options .dropdown .dropdown-menu li a {
    background-color: rgba(0, 0, 0, 0);
    color: #757575;
    display: block;
    border: none;
    padding: 5px 0
}

.others-option-for-responsive .others-options .dropdown .dropdown-menu li a.active {
    color: #006766
}

.others-option-for-responsive .others-options .dropdown .dropdown-menu li a i {
    position: relative;
    top: 2px;
    margin-right: 5px
}

.others-option-for-responsive .others-options .dropdown .dropdown-menu li a:hover {
    color: #006766
}

.others-option-for-responsive .others-options .dropdown .dropdown-menu.notif {
    padding: 0 0 10px 0 !important
}

.others-option-for-responsive .others-options .dropdown .dropdown-menu.notif li {
    border-bottom: 1px solid #eee;
    padding: 5px 30px
}

.others-option-for-responsive .others-options .dropdown .dropdown-menu.notif li:last-child {
    border-bottom: none
}

.others-option-for-responsive .others-options .dropdown .dropdown-menu.notif li a {
    color: #2b3b3a
}

.others-option-for-responsive .others-options .dropdown .dropdown-menu.notif li a i {
    color: #006766
}

.others-option-for-responsive .others-options .dropdown .dropdown-menu.notif li p {
    color: #757575
}

.others-option-for-responsive .others-options .dropdown .dropdown-menu.notif li:hover a {
    color: #006766
}

.banner-area {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.banner-area.bg-2 {
    background-image: url(../../assets/images/banner/banner-bg-2.jpg);
    padding-top: 150px;
    padding-bottom: 150px
}

.banner-area.bg-2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #000000 48.99%, rgba(0, 0, 0, 0) 100%);
    opacity: .65;
    z-index: -1
}

.banner-area .container-fluid {
    max-width: 1760px;
    padding-left: 30px;
    padding-right: 30px
}

.banner-content {
    position: relative;
    max-width: 778px;
    margin-left: auto;
    margin-top: -7px
}

.banner-content .top-title {
    color: #006766;
    display: block
}

.banner-content h1 {
    font-size: 90px;
    margin-bottom: 27px;
    font-weight: 800;
    line-height: 100px
}

.banner-content p {
    margin-bottom: 40px;
    font-size: 18px;
    max-width: 700px
}

.banner-content.style-two .top-title {
    color: #fff
}

.banner-content.style-two h1 {
    color: #fff
}

.banner-content.style-two p {
    color: #fff;
    margin-bottom: 0
}

.banner-rent-sale-form .rent-sale-form {
    background-color: #dfebf2;
    padding: 30px;
    margin-right: -207px;
    margin-bottom: 50px;
    position: relative;
    z-index: 1
}

.banner-rent-sale-form .rent-sale-form .nav {
    display: block
}

.banner-rent-sale-form .rent-sale-form .nav .nav-item {
    display: inline-block;
    margin-right: 12px
}

.banner-rent-sale-form .rent-sale-form .nav .nav-item:last-child {
    margin-right: 0
}

.banner-rent-sale-form .rent-sale-form .nav .nav-item span {
    font-weight: 600;
    color: #2b3b3a;
    font-size: 16px
}

.banner-rent-sale-form .rent-sale-form .nav .nav-item .nav-link {
    background-color: #fff;
    border-radius: 0;
    color: #2b3b3a;
    font-weight: 600;
    font-size: 16px;
    transition: all ease .5s;
    padding: 8px 18px
}

.banner-rent-sale-form .rent-sale-form .nav .nav-item .nav-link:hover {
    background-color: #006766;
    color: #fff
}

.banner-rent-sale-form .rent-sale-form .nav .nav-item .nav-link.active {
    background-color: #006766;
    color: #fff
}

.banner-rent-sale-form .rent-sale-form .form-group .form-select {
    cursor: pointer;
    background-image: url(../../assets/images/icon/down.svg);
    background-size: 8px
}

.banner-rent-sale-form .rent-sale-form .form-group .form-control {
    background-color: #fff;
    height: 54px
}

.banner-rent-sale-form .rent-sale-form .form-group .default-btn {
    height: 53px;
    width: 100%;
    padding: 15px 20px;
    line-height: 21px
}

.banner-rent-sale-form .rent-sale-form .form-group .default-btn i {
    position: relative;
    top: 3px;
    font-weight: 400;
    margin-right: 5px
}

.banner-rent-sale-form .agents-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    margin-left: 25px;
    display: inline-block
}

.banner-rent-sale-form .agents-list li {
    display: inline-block;
    margin-left: -25px;
    transition: all ease .5s
}

.banner-rent-sale-form .agents-list li a img {
    border-radius: 50px;
    border: 2px solid #fff
}

.banner-rent-sale-form .agents-list li:hover {
    transform: scale(1.2);
    z-index: 1
}

.banner-rent-sale-form .all-agents {
    display: inline-block;
    position: relative;
    top: 4px;
    margin-left: 10px;
    margin-bottom: 0;
    color: #2b3b3a
}

.banner-rent-sale-form .all-agents a {
    color: #006766;
    text-decoration: underline
}

.banner-rent-sale-form .all-agents a:hover {
    color: #ea723d
}

.banner-rent-sale-form .social-link {
    position: absolute;
    top: 50%;
    left: -203px;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    transform: translateY(-150px)
}

.banner-rent-sale-form .social-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    width: 1px;
    height: 100%;
    background-color: #e5e5e5;
    z-index: -1
}

.banner-rent-sale-form .social-link li {
    margin-bottom: 10px
}

.banner-rent-sale-form .social-link li:last-child {
    margin-bottom: 0
}

.banner-rent-sale-form .social-link li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #dfebf2;
    display: inline-block;
    border-radius: 50px
}

.banner-rent-sale-form .social-link li a i {
    font-size: 20px
}

.banner-rent-sale-form .social-link li a:hover {
    background-color: #ea723d;
    color: #fff
}

.banner-rent-sale-form .social-link li.call {
    position: relative;
    top: -20px
}

.banner-rent-sale-form .social-link li.call a {
    background-color: #ea723d;
    color: #fff
}

.banner-rent-sale-form.style-two {
    max-width: 540px;
    background: rgba(223, 235, 242, .6);
    border: 5px solid #fff;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 85px;
    padding-top: 118px
}

.banner-rent-sale-form.style-two .rent-sale-form {
    margin-right: 0;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    margin-bottom: 20px
}

.banner-rent-sale-form.style-two .rent-sale-form .nav {
    margin-bottom: 10px !important
}

.banner-rent-sale-form.style-two .rent-sale-form .nav .nav-item {
    position: relative
}

.banner-rent-sale-form.style-two .rent-sale-form .nav .nav-item .nav-link {
    border-radius: 3px
}

.banner-rent-sale-form.style-two .rent-sale-form .nav .nav-item.style-two {
    position: absolute;
    top: -36px;
    left: 0
}

.banner-rent-sale-form.style-two .rent-sale-form .form-group {
    margin-bottom: 10px
}

.banner-rent-sale-form.style-two .rent-sale-form .form-group .form-control {
    border-radius: 3px
}

.banner-rent-sale-form.style-two .rent-sale-form .form-group .default-btn.btn-radius {
    border-radius: 3px
}

.banner-rent-sale-form.style-two .all-agents {
    color: #2b3b3a
}

.banner-rent-sale-form.style-two .social-link {
    left: auto;
    right: -203px
}

.banner-rent-sale-form.style-two .social-link .call a {
    background-color: #ea723d;
    color: #fff
}

.banner-rent-sale-form.style-two .social-link li a {
    background-color: #fff;
    color: #2b3b3a
}

.banner-rent-sale-form.style-two .social-link li a:hover {
    background-color: #ea723d;
    color: #fff
}

.banner-rent-sale-form.style-three .nav-pills {
    margin-bottom: 10px
}

.banner-rent-sale-form.style-three .rent-sale-form {
    margin-right: 50px;
    background-color: #fbf3f3;
    padding: 50px
}

.banner-rent-sale-form.style-three .rent-sale-form .form-group {
    margin-bottom: 10px
}

.banner-rent-sale-form.style-three .rent-sale-form .form-group .form-control {
    border: 1px solid #e3e9ed
}

.banner-rent-sale-form.style-three .rent-sale-form .form-group .default-btn {
    height: 53px
}

.banner-rent-sale-form.style-three .rent-sale-form .form-group .default-btn i {
    font-size: 20px
}

.banner-rent-sale-form.style-three .social-link li a {
    border: 1px solid #e3e9ed;
    background-color: #fff
}

.banner-rent-sale-form.style-three .social-link li a:hover {
    background-color: #ea723d;
    border-color: #ea723d
}

.banner-rent-sale-form.style-three .social-link li.call a {
    background-color: #ea723d;
    border-color: #ea723d
}

.banner-img {
    text-align: center
}

.banner-img-three {
    margin-left: 50px;
    position: relative
}

.banner-img-three img {
    border-radius: 50% 50% 0 0
}

.banner-img-three .agents-list-wrap {
    position: absolute;
    bottom: 50px;
    left: 50px
}

.banner-img-three .agents-list-wrap .agents-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    margin-left: 25px;
    display: inline-block
}

.banner-img-three .agents-list-wrap .agents-list li {
    display: inline-block;
    margin-left: -25px;
    transition: all ease .5s
}

.banner-img-three .agents-list-wrap .agents-list li a img {
    border-radius: 50px;
    border: 2px solid #fff
}

.banner-img-three .agents-list-wrap .agents-list li:hover {
    transform: scale(1.2);
    z-index: 1
}

.banner-img-three .agents-list-wrap .all-agents {
    display: inline-block;
    position: relative;
    top: 4px;
    margin-left: 10px;
    margin-bottom: 0;
    color: #fff
}

.banner-img-three .agents-list-wrap .all-agents a {
    color: #fff
}

.banner-img-three .agents-list-wrap .all-agents a:hover {
    color: #ea723d
}

@keyframes rotation {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.single-featured-item {
    position: relative;
    margin-bottom: 30px
}

.single-featured-item .featured-img {
    position: relative;
    margin-bottom: 20px
}

.single-featured-item .featured-img::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent)
}

.single-featured-item .featured-img span {
    position: absolute;
    top: 30px;
    left: 30px;
    color: #fff;
    background-color: #ea723d;
    padding: 1px 15px
}

.single-featured-item .featured-img ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    line-height: 1
}

.single-featured-item .featured-img ul li i {
    color: #fff;
    font-size: 18px;
    margin-right: 0
}

.single-featured-item .featured-img ul li i:last-child {
    margin-right: 0
}

.single-featured-item .featured-img ul li button {
    background-color: rgba(0, 0, 0, 0);
    transition: all ease .5s
}

.single-featured-item .featured-img ul li button i {
    transition: all ease .5s
}

.single-featured-item .featured-img ul li button:hover i {
    color: #ea723d
}

.single-featured-item .featured-content h3 {
    font-size: 20px;
    margin-bottom: 4px
}

.single-featured-item .featured-content h3 a {
    color: #2b3b3a
}

.single-featured-item .featured-content .price {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 24px;
    color: #ea723d
}

.single-featured-item .featured-content p {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px
}

.single-featured-item .featured-content p i {
    position: absolute;
    top: 0;
    left: 0;
    color: #006766
}

.single-featured-item .featured-content ul {
    padding-left: 0;
    margin-bottom: 25px;
    padding-bottom: 25px;
    list-style-type: none;
    border-bottom: 1px solid #e5e5e5
}

.single-featured-item .featured-content ul li {
    display: inline-block;
    margin-right: 20px
}

.single-featured-item .featured-content ul li:last-child {
    margin-right: 0
}

.single-featured-item .featured-content ul li i {
    color: #006766;
    font-size: 18px;
    position: relative;
    top: 3px
}

.single-featured-item .featured-content .agent-user img {
    border-radius: 50px;
    border: 2px solid #fff;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
    max-width: 50px
}

.single-featured-item .featured-content .agent-user span {
    margin-left: 10px;
    position: relative;
    top: 2px
}

.single-featured-item .featured-content.style-three {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #e3e9ed
}

.single-featured-item.style-three .featured-img::before {
    display: none
}

.single-featured-item.style-three .featured-img ul {
    background: linear-gradient(180deg, rgba(43, 59, 58, 0.075) 0%, rgba(0, 0, 0, 0.75) 100%);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px
}

.featured-slide.owl-carousel .owl-item img {
    width: auto;
    display: inline-block
}

.featured-slide.owl-theme .owl-nav {
    position: absolute;
    top: -92px;
    right: -5px;
    margin-top: 0
}

.featured-slide.owl-theme .owl-nav .owl-prev,
.featured-slide.owl-theme .owl-nav .owl-next {
    background-color: rgba(0, 0, 0, 0);
    color: #006766;
    border: 1px solid #006766;
    width: 56px;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    transition: all ease .5s
}

.featured-slide.owl-theme .owl-nav .owl-prev i,
.featured-slide.owl-theme .owl-nav .owl-next i {
    font-size: 20px
}

.featured-slide.owl-theme .owl-nav .owl-prev:hover,
.featured-slide.owl-theme .owl-nav .owl-next:hover {
    background-color: #ea723d;
    color: #fff;
    border-color: #ea723d
}

.featured-area {
    overflow: hidden
}

.featured-area .container-fluid {
    left: calc((100% - 1320px)/2);
    position: relative
}

.featured-slide-three.owl-carousel .owl-item img {
    width: auto;
    display: inline-block
}

.featured-slide-three.owl-theme .owl-nav {
    position: absolute;
    top: -92px;
    right: 28%;
    transform: translateX(-28%);
    margin-top: 0
}

.featured-slide-three.owl-theme .owl-nav .owl-prev,
.featured-slide-three.owl-theme .owl-nav .owl-next {
    background-color: rgba(0, 0, 0, 0);
    color: #006766;
    border: 1px solid #006766;
    width: 60px;
    height: 50px;
    line-height: 50px;
    border-radius: 0;
    transition: all ease .5s
}

.featured-slide-three.owl-theme .owl-nav .owl-prev i,
.featured-slide-three.owl-theme .owl-nav .owl-next i {
    font-size: 20px
}

.featured-slide-three.owl-theme .owl-nav .owl-prev:hover,
.featured-slide-three.owl-theme .owl-nav .owl-next:hover {
    background-color: #ea723d;
    color: #fff;
    border-color: #ea723d
}

.single-can-help {
    text-align: center;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px
}

.single-can-help img {
    margin-bottom: 30px
}

.single-can-help h3 {
    margin-bottom: 15px;
    font-size: 20px
}

.single-properties-item {
    position: relative;
    margin-bottom: 30px
}

.single-properties-item .properties-img {
    position: relative;
    margin-bottom: 20px
}

.single-properties-item .properties-img span {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #fff;
    background-color: #ea723d;
    padding: 5px 20px
}

.single-properties-item .properties-img .wish {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #006766;
    font-size: 20px;
    background-color: rgba(0, 0, 0, 0);
    transition: all ease .5s
}

.single-properties-item .properties-img .wish:hover {
    color: #ea723d
}

.single-properties-item .properties-content h3 {
    font-size: 20px;
    margin-bottom: 4px
}

.single-properties-item .properties-content h3 a {
    color: #2b3b3a
}

.single-properties-item .properties-content .price {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 24px;
    color: #ea723d
}

.single-properties-item .properties-content p {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px
}

.single-properties-item .properties-content p i {
    position: absolute;
    top: 0;
    left: 0;
    color: #006766
}

.single-properties-item .properties-content .feature-list {
    padding-left: 0;
    margin-bottom: 30px;
    padding-bottom: 24px;
    list-style-type: none;
    border-bottom: 1px solid #e5e5e5
}

.single-properties-item .properties-content .feature-list li {
    display: inline-block;
    margin-right: 20px
}

.single-properties-item .properties-content .feature-list li:last-child {
    margin-right: 0
}

.single-properties-item .properties-content .feature-list li i {
    color: #006766;
    font-size: 18px;
    position: relative;
    top: 3px
}

.single-properties-item .properties-content .user {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.single-properties-item .properties-content .user li i {
    color: #ea723d;
    font-size: 16px;
    margin-right: -2px
}

.single-properties-item .properties-content .user li i:last-child {
    margin-right: 0
}

.single-properties-item .properties-content .user li .agent-user img {
    border-radius: 50px;
    border: 2px solid #fff;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
    max-width: 40px
}

.single-properties-item .properties-content .user li .agent-user span {
    margin-left: 5px;
    position: relative;
    top: 2px
}

.single-properties-item .properties-content.style-three {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #e3e9ed
}

.single-properties-item.style-three .properties-img {
    margin-bottom: 0
}

.single-properties-item.style-three .properties-content .border-style {
    border: 1px solid #e5e5e5;
    padding: 20px
}

.single-properties-item.style-three .properties-content .feature-list {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.single-properties-item.style-three .properties-content .user {
    border: 1px solid #e5e5e5;
    padding: 20px;
    border-top: none
}

.single-properties-item.mb-50 {
    margin-bottom: 50px
}

.properties-filter {
    position: relative
}

.properties-filter .shorting-menu {
    position: absolute;
    top: 5px;
    right: 0
}

.properties-filter .shorting-menu .filter {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #006766;
    padding: 15px 30px;
    margin-right: 15px;
    color: #006766;
    transition: all ease .5s
}

.properties-filter .shorting-menu .filter.border-radius-4 {
    border-radius: 3PX
}

.properties-filter .shorting-menu .filter:last-child {
    margin-right: 0
}

.properties-filter .shorting-menu .filter:hover {
    background-color: #006766;
    color: #fff
}

.properties-filter .shorting-menu .filter.active {
    background-color: #006766;
    color: #fff
}

.why-chooses-content {
    margin-right: 100px
}

.why-chooses-content.me-50 {
    margin-right: 50px
}

.why-chooses-content h2 {
    font-size: 36px;
    margin-bottom: 10px
}

.why-chooses-content ul {
    padding-left: 0;
    margin-top: 38px;
    margin-bottom: 0;
    list-style-type: none
}

.why-chooses-content ul li {
    position: relative;
    padding-left: 110px;
    margin-bottom: 35px
}

.why-chooses-content ul li:last-child {
    margin-bottom: 0
}

.why-chooses-content ul li.border-style i {
    border-radius: 3px
}

.why-chooses-content ul li i {
    display: inline-block;
    width: 88px;
    height: 88px;
    line-height: 102px;
    background-color: #006766;
    color: #fff;
    font-size: 50px;
    text-align: center;
    position: absolute;
    top: 5px;
    left: 0;
    transition: all ease .5s
}

.why-chooses-content ul li h3 {
    font-size: 20px
}

.why-chooses-content ul li:hover i {
    background-color: #ea723d
}

.why-chooses-content ul li.active {
    background: #f8fafb;
    border: 1px solid #e3e9ed;
    padding: 30px;
    padding-left: 138px
}

.why-chooses-content ul li.active i {
    left: 30px;
    top: 30px;
    background-color: #ea723d
}

.single-why-choose-item {
    position: relative
}

.single-why-choose-item .why-choose-img {
    position: relative
}

.single-why-choose-item .why-choose-img span {
    position: absolute;
    top: 20px;
    left: 0;
    color: #fff;
    background-color: #ea723d;
    padding: 5px 20px
}

.single-why-choose-item .why-choose-img .wishlist {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #006766;
    background-color: rgba(0, 0, 0, 0);
    transition: all ease .5s
}

.single-why-choose-item .why-choose-img .wishlist i {
    font-size: 20px
}

.single-why-choose-item .why-choose-img .wishlist:hover {
    color: #ea723d
}

.single-why-choose-item .why-choose-content {
    background-color: #fff;
    padding: 30px;
    margin-left: 44px;
    margin-right: 44px;
    margin-top: -140px;
    position: relative;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
}

.single-why-choose-item .why-choose-content h3 {
    font-size: 20px;
    margin-bottom: 5px
}

.single-why-choose-item .why-choose-content h3 a {
    color: #2b3b3a
}

.single-why-choose-item .why-choose-content .price {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 24px;
    color: #ea723d
}

.single-why-choose-item .why-choose-content .ps-0 {
    margin-bottom: 11px !important
}

.single-why-choose-item .why-choose-content p {
    position: relative;
    padding-left: 20px;
    margin-bottom: 0
}

.single-why-choose-item .why-choose-content p i {
    position: absolute;
    top: 0;
    left: 0;
    color: #006766
}

.single-why-choose-item .why-choose-content .feature-list {
    padding-left: 0;
    margin-bottom: 30px;
    padding-bottom: 24px;
    list-style-type: none;
    border-bottom: 1px solid #e5e5e5
}

.single-why-choose-item .why-choose-content .feature-list li {
    display: inline-block;
    margin-right: 20px
}

.single-why-choose-item .why-choose-content .feature-list li:last-child {
    margin-right: 0
}

.single-why-choose-item .why-choose-content .feature-list li i {
    color: #006766;
    font-size: 18px;
    position: relative;
    top: 3px
}

.single-why-choose-item .why-choose-content .user {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.single-why-choose-item .why-choose-content .user li i {
    color: #ea723d;
    font-size: 18px;
    margin-right: 2px
}

.single-why-choose-item .why-choose-content .user li i:last-child {
    margin-right: 0
}

.single-why-choose-item .why-choose-content .user li .agent-user img {
    border-radius: 50px;
    border: 2px solid #fff;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
}

.single-why-choose-item .why-choose-content .user li .agent-user span {
    margin-left: 5px;
    position: relative;
    top: 2px
}

.why-choose-img-4 {
    position: relative
}

.why-choose-img-4 .buyers-wrap {
    background-color: rgba(0, 103, 102, .9);
    padding: 30px;
    position: absolute;
    bottom: 30px;
    right: 30px;
    left: 30px
}

.why-choose-img-4 .buyers-wrap .col-lg-6:last-child .single-buyers::before {
    display: none
}

.why-choose-img-4 .buyers-wrap .single-buyers {
    padding: 0 20px;
    text-align: center;
    position: relative
}

.why-choose-img-4 .buyers-wrap .single-buyers::before {
    content: "";
    position: absolute;
    top: 0;
    right: -15px;
    width: 1px;
    height: 100%;
    border-right: 1px dashed rgba(255, 255, 255, .5)
}

.why-choose-img-4 .buyers-wrap .single-buyers h3 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 3px
}

.why-choose-img-4 .buyers-wrap .single-buyers p {
    color: #fff
}

.single-agents {
    margin-bottom: 30px;
    position: relative;
    z-index: 1
}

.single-agents .agents-img {
    position: relative;
    margin-bottom: 15px;
    z-index: 1
}

.single-agents .agents-img::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(43, 59, 58, 0) 35.42%, rgba(0, 0, 0, 0.5) 100%);
    width: 100%;
    height: 100%
}

.single-agents .agents-img span {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #fff;
    background-color: #ea723d;
    padding: 3px 15px
}

.single-agents .agents-img p {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff
}

.single-agents .agents-content h3 {
    font-size: 20px;
    margin-bottom: 0
}

.single-agents .agents-content h3 a {
    color: #2b3b3a
}

.single-agents .agents-content h3 a:hover {
    color: #006766
}

.single-agents .agents-content .team-social {
    position: relative;
    z-index: 1
}

.single-agents .agents-content .team-social .control {
    width: 40px;
    height: 40px;
    line-height: 42px;
    font-size: 20px;
    text-align: center;
    position: relative;
    color: #fff;
    z-index: 1;
    display: inline-block;
    background-color: #006766
}

.single-agents .agents-content .team-social ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: -200px;
    right: 0;
    opacity: 0;
    transition: all ease .5s
}

.single-agents .agents-content .team-social ul li a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #006766;
    color: #fff;
    font-size: 18px;
    text-align: center;
    transition: all ease .5s;
    display: inline-block;
    margin-bottom: 10px
}

.single-agents .agents-content .team-social ul li a:hover i {
    background-color: #ea723d
}

.single-agents .agents-content .team-social ul li:nth-child(4) a i {
    transform: translateY(40px)
}

.single-agents .agents-content .team-social ul li:nth-child(3) a i {
    transform: translateY(80px)
}

.single-agents .agents-content .team-social ul li:nth-child(2) a i {
    transform: translateY(120px)
}

.single-agents .agents-content .team-social ul li:nth-child(1) a i {
    transform: translateY(160px)
}

.single-agents .agents-content .team-social:hover ul {
    opacity: 1
}

.single-agents .agents-content .team-social:hover ul li:nth-child(4) a i {
    transform: translateY(0)
}

.single-agents .agents-content .team-social:hover ul li:nth-child(3) a i {
    transform: translateY(0)
}

.single-agents .agents-content .team-social:hover ul li:nth-child(2) a i {
    transform: translateY(0)
}

.single-agents .agents-content .team-social:hover ul li:nth-child(1) a i {
    transform: translateY(0)
}

.single-agents .agents-content .info {
    padding-left: 0;
    margin-bottom: 16px;
    list-style-type: none;
    margin-top: 15px
}

.single-agents .agents-content .info li {
    position: relative;
    padding-left: 25px;
    display: inline-block;
    margin-right: 10px
}

.single-agents .agents-content .info li:last-child {
    margin-right: 0
}

.single-agents .agents-content .info li a i {
    position: absolute;
    top: 0;
    left: 0;
    color: #006766;
    font-size: 18px
}

.single-agents .agents-content .read-more {
    color: #2b3b3a
}

.single-agents .agents-content .read-more i {
    color: #2b3b3a !important
}

.single-agents .agents-content .read-more:hover {
    color: #006766
}

.single-agents .agents-content .read-more:hover i {
    color: #006766 !important
}

.single-agents .agents-content .view-call a {
    position: relative;
    padding-left: 25px
}

.single-agents .agents-content .view-call i {
    position: absolute;
    top: 0;
    left: 0;
    color: #006766;
    font-size: 18px
}

.single-agents .agents-content .view-call .read-more {
    letter-spacing: normal
}

.single-agents .agents-content .view-call .read-more i {
    position: relative;
    top: 4px
}

.single-agents .agents-content.style-two {
    padding: 20px;
    border: 1px solid #e3e9ed;
    border-top: none
}

.single-agents.style-agents .agents-img {
    margin-bottom: 0
}

.single-agents.style-agents .agents-content {
    border: 1px solid #efefef;
    border-top: none;
    padding: 15px
}

.agents-slide.owl-theme .owl-nav {
    position: absolute;
    top: -92px;
    right: -5px;
    margin-top: 0
}

.agents-slide.owl-theme .owl-nav .owl-prev,
.agents-slide.owl-theme .owl-nav .owl-next {
    background-color: rgba(0, 0, 0, 0);
    color: #006766;
    border: 1px solid #006766;
    width: 56px;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    transition: all ease .5s
}

.agents-slide.owl-theme .owl-nav .owl-prev i,
.agents-slide.owl-theme .owl-nav .owl-next i {
    font-size: 20px
}

.agents-slide.owl-theme .owl-nav .owl-prev:hover,
.agents-slide.owl-theme .owl-nav .owl-next:hover {
    background-color: #ea723d;
    color: #fff;
    border-color: #ea723d
}

.agents-slide-two.owl-theme .owl-nav {
    position: absolute;
    top: -92px;
    right: -5px;
    margin-top: 0
}

.agents-slide-two.owl-theme .owl-nav .owl-prev,
.agents-slide-two.owl-theme .owl-nav .owl-next {
    background-color: rgba(0, 0, 0, 0);
    color: #006766;
    border: 1px solid #006766;
    width: 56px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    transition: all ease .5s
}

.agents-slide-two.owl-theme .owl-nav .owl-prev i,
.agents-slide-two.owl-theme .owl-nav .owl-next i {
    font-size: 20px
}

.agents-slide-two.owl-theme .owl-nav .owl-prev:hover,
.agents-slide-two.owl-theme .owl-nav .owl-next:hover {
    background-color: #ea723d;
    color: #fff;
    border-color: #ea723d
}

.agents-slide-two .single-agents .agents-content .team-social .control {
    border-radius: 3px
}

.agents-slide-two .single-agents .agents-content .team-social ul li a i {
    border-radius: 3px
}

.discover-slide.owl-theme .owl-nav {
    position: absolute;
    top: -92px;
    right: -5px;
    margin-top: 0
}

.discover-slide.owl-theme .owl-nav .owl-prev,
.discover-slide.owl-theme .owl-nav .owl-next {
    background-color: rgba(0, 0, 0, 0);
    color: #006766;
    border: 1px solid #006766;
    width: 56px;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    transition: all ease .5s
}

.discover-slide.owl-theme .owl-nav .owl-prev i,
.discover-slide.owl-theme .owl-nav .owl-next i {
    font-size: 20px
}

.discover-slide.owl-theme .owl-nav .owl-prev:hover,
.discover-slide.owl-theme .owl-nav .owl-next:hover {
    background-color: #ea723d;
    color: #fff;
    border-color: #ea723d
}

.discover-slide-two.owl-theme .owl-nav {
    position: absolute;
    top: -92px;
    right: -5px;
    margin-top: 0
}

.discover-slide-two.owl-theme .owl-nav .owl-prev,
.discover-slide-two.owl-theme .owl-nav .owl-next {
    background-color: rgba(0, 0, 0, 0);
    color: #006766;
    border: 1px solid #006766;
    width: 56px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    transition: all ease .5s
}

.discover-slide-two.owl-theme .owl-nav .owl-prev i,
.discover-slide-two.owl-theme .owl-nav .owl-next i {
    font-size: 20px
}

.discover-slide-two.owl-theme .owl-nav .owl-prev:hover,
.discover-slide-two.owl-theme .owl-nav .owl-next:hover {
    background-color: #ea723d;
    color: #fff;
    border-color: #ea723d
}

.single-discover {
    margin-bottom: 30px
}

.single-discover img {
    margin-bottom: 15px
}

.single-discover h3 {
    font-size: 18px;
    margin-bottom: 2px
}

.client-say-img {
    background-image: url(../../assets/images/client-say/client-say.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%
}

.client-say-slide {
    background-color: #f1f8f9
}

.client-say-slide.owl-theme .owl-dots {
    margin: 0;
    position: absolute;
    bottom: 40px;
    left: 255px;
    right: 0
}

.client-say-slide.owl-theme .owl-dots .owl-dot span {
    background-color: #c1dbdc;
    transition: all ease .5s;
    width: 15px;
    height: 15px
}

.client-say-slide.owl-theme .owl-dots .owl-dot.active span {
    background-color: #006766
}

.client-say-content {
    padding: 90px;
    padding-left: 38px;
    position: relative
}

.client-say-content p {
    font-size: 20px;
    margin-bottom: 10px
}

.client-say-content h3 {
    font-size: 20px
}

.client-say-content span {
    display: block;
    margin-bottom: 15px
}

.client-say-content ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    line-height: 1
}

.client-say-content ul li {
    display: inline-block
}

.client-say-content ul li i {
    font-size: 20px;
    color: #ea723d
}

.client-say-content .quotes {
    position: absolute;
    bottom: 90px;
    right: 90px;
    line-height: 1;
    font-size: 50px;
    color: #006766;
    background: rgba(0, 103, 102, .2);
    width: 75px;
    height: 75px;
    text-align: center;
    border-radius: 50px;
    line-height: 75px
}

.single-client-say {
    background-color: #fff;
    border: 1px solid #e3e9ed;
    padding: 30px;
    margin-bottom: 30px
}

.single-client-say .client-img {
    position: relative;
    padding-left: 65px;
    margin-bottom: 20px
}

.single-client-say .client-img img {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50px;
    max-width: 53px
}

.single-client-say .client-img h3 {
    font-size: 20px;
    margin-bottom: 5px
}

.single-client-say p {
    font-size: 20px;
    margin-bottom: 25px
}

.single-client-say ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.single-client-say ul li i {
    color: #ea723d;
    font-size: 22px
}

.single-client-say ul li .quotes {
    background: rgba(0, 103, 102, .1);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #006766;
    display: inline-block;
    font-size: 30px;
    border-radius: 50px
}

.client-say-slide-two.owl-theme .owl-dots {
    margin: 0;
    line-height: 1
}

.client-say-slide-two.owl-theme .owl-dots .owl-dot span {
    background-color: #e6d0be;
    transition: all ease .5s;
    width: 15px;
    height: 15px;
    margin-top: 0;
    margin-bottom: 0
}

.client-say-slide-two.owl-theme .owl-dots .owl-dot.active span {
    background-color: #ea723d
}

.app-area {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%
}

.app-area.bg-1 {
    background-image: url(../../assets/images/app-bg.jpg)
}

.app-content {
    margin-left: 75px
}

.app-content h2 {
    font-size: 36px;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 54px
}

.app-content p {
    margin-top: 30px;
    margin-bottom: 35px
}

.app-content.style-two {
    margin-left: 0
}

.app-content.style-two h2 {
    font-weight: 700
}

.app-btn {
    text-align: right
}

.app-btn a {
    margin-right: 24px
}

.app-btn a:last-child {
    margin-right: 0
}

.app-btn.style-two {
    text-align: left
}

.app-btn.style-two a {
    margin-right: 20px
}

.app-btn.style-two a:last-child {
    margin-right: 0
}

.single-footer-widget {
    margin-bottom: 30px
}

.single-footer-widget.mr-50 {
    margin-right: 50px
}

.single-footer-widget.mr-30 {
    margin-right: 30px
}

.single-footer-widget .white-logo {
    display: none
}

.single-footer-widget img {
    margin-bottom: 20px
}

.single-footer-widget h3 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #000
}

.single-footer-widget .contact-info {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.single-footer-widget .contact-info li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 20px
}

.single-footer-widget .contact-info li:last-child {
    margin-bottom: 0
}

.single-footer-widget .contact-info li i {
    position: absolute;
    top: 1px;
    left: 0;
    color: #006766
}

.single-footer-widget .help-link {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.single-footer-widget .help-link li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px
}

.single-footer-widget .help-link li:last-child {
    margin-bottom: 0
}

.single-footer-widget .help-link li i {
    position: absolute;
    top: -1px;
    left: -7px;
    color: #006766;
    font-size: 20px
}

.single-footer-widget .newsletter-form {
    position: relative;
    margin-top: 20px
}

.single-footer-widget .newsletter-form .form-control {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #006766
}

.single-footer-widget .newsletter-form .submit-btn {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #006766;
    height: 60px;
    width: 70px;
    color: #fff;
    font-size: 20px;
    transition: all ease .5s;
    line-height: 56px
}

.single-footer-widget .newsletter-form .submit-btn:hover {
    background-color: #ea723d
}

.single-footer-widget #validator-newsletter {
    color: red;
    margin-top: 5px
}

.single-footer-widget .social-link {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    margin-top: 20px
}

.single-footer-widget .social-link li {
    margin-right: 10px;
    display: inline-block
}

.single-footer-widget .social-link li:last-child {
    margin-right: 0
}

.single-footer-widget .social-link li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #006766;
    display: inline-block;
    border-radius: 50px;
    color: #fff
}

.single-footer-widget .social-link li a i {
    font-size: 20px
}

.single-footer-widget .social-link li a:hover {
    background-color: #ea723d;
    color: #fff
}

.copy-right-area {
    padding-top: 20px;
    padding-bottom: 20px
}

.copy-right-area p a {
    color: #006766
}

.copy-right-area p a:hover {
    color: #ea723d
}

.copy-right-area .language {
    position: relative;
    padding-left: 10px;
    float: right
}

.copy-right-area .language .form-select {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    max-width: 150px;
    cursor: pointer;
    color: #898c90;
    background-image: url(../../assets/images/icon/down.svg);
    background-size: 8px
}

.copy-right-area .language .form-select:focus {
    box-shadow: none
}

.copy-right-area .language i {
    position: absolute;
    top: 7px;
    left: 0
}

.copy-right-area.style-map {
    border-top: 1px solid #cdd0d4
}

.net-work-area {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    background-image: url(../../assets/images/network-bg.jpg);
    position: relative;
    z-index: 1
}

.net-work-area .shape {
    position: absolute;
    bottom: 0;
    right: 100px
}

.net-work-content h2 {
    color: #fff;
    font-size: 36px;
    margin-bottom: 20px
}

.net-work-content p {
    color: #fff
}

.network-btn {
    text-align: center;
    margin-right: 150px;
    position: relative
}

.network-btn .default-btn {
    background-color: #fff;
    color: #2b3b3a
}

.network-btn .default-btn:hover {
    background-color: #ea723d;
    color: #fff
}

.single-featured-box {
    background-color: #fbf3f3;
    padding: 30px;
    text-align: center;
    margin-bottom: 30px
}

.single-featured-box i {
    font-size: 100px;
    position: relative;
    top: 10px
}

.single-featured-box h3 {
    font-size: 20px;
    margin-bottom: 0
}

.single-featured-box .icon {
    position: relative;
    z-index: 1;
    margin-bottom: 15px
}

.single-featured-box .icon i {
    color: #2b3b3a
}

.single-featured-box .icon .featured-shape {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: -1
}

.single-pricing {
    background-color: #fff;
    border: 1px solid #e3e9ed;
    padding: 30px;
    transition: all ease .5s;
    margin-bottom: 30px
}

.single-pricing h3 {
    font-size: 20px;
    margin-bottom: 15px
}

.single-pricing h1 {
    font-size: 64px;
    margin-bottom: 25px;
    color: #006766
}

.single-pricing h1 sup {
    font-size: 14px;
    color: #757575;
    font-weight: 500;
    position: relative;
    top: -25px
}

.single-pricing h1 sub {
    font-size: 14px;
    color: #757575;
    font-weight: 500
}

.single-pricing .default-btn {
    width: 100%;
    margin-bottom: 25px
}

.single-pricing ul {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 0;
    list-style-type: none
}

.single-pricing ul li {
    margin-bottom: 15px
}

.single-pricing ul li:last-child {
    margin-bottom: 0
}

.single-pricing ul li i {
    float: right
}

.single-pricing ul li .ri-check-line {
    color: #006766
}

.single-pricing ul li .ri-close-line {
    color: #ea723d
}

.single-pricing:hover {
    border-color: #006766
}

.pricing-switch {
    margin-bottom: 50px;
    text-align: center
}

.pricing-switch .toggle,
.pricing-switch .toggler {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px
}

.pricing-switch .toggler {
    color: #2b3b3a;
    transition: .2s;
    cursor: pointer;
    position: relative;
    top: -2px;
    font-size: 24px
}

.pricing-switch .toggler--is-active {
    color: #006766
}

.pricing-switch .b {
    display: block
}

.pricing-switch .toggle {
    position: relative;
    width: 80px;
    height: 35px;
    border-radius: 100px;
    background-color: #fff;
    overflow: hidden;
    border: 1px solid #e3e9ed
}

.pricing-switch .check {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 6
}

.pricing-switch .check:checked~.switch {
    right: 2px;
    left: 57.5%;
    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-property: left, right;
    transition-delay: .08s, 0s
}

.pricing-switch .switch {
    position: absolute;
    left: 2px;
    top: 2px;
    bottom: 2px;
    right: 57.5%;
    background-color: #006766;
    border-radius: 36px;
    z-index: 1;
    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-property: left, right;
    transition-delay: 0s, .08s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.hide {
    display: none
}

.page-title-area {
    position: relative;
    z-index: 1;
    background-color: #d3e8ed;
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url(../../assets/images/page-bg/page-bg-1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.page-title-area.bg-7 {
    background-image: url(../../assets/images/page-bg/page-bg-2.jpg)
}

.page-title-area.bg-7::before {
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 99.68%);
    opacity: .5
}

.page-title-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: -1
}

.page-title-area.style-pb-200 {
    padding-top: 260px;
    padding-bottom: 260px
}

.page-title-area.style-pb-200 .page-title-content {
    text-align: left;
    max-width: 100%
}

.page-title-content {
    position: relative;
    max-width: 860px;
    margin: auto;
    text-align: center
}

.page-title-content h2 {
    margin-bottom: 20px;
    font-size: 50px;
    color: #fff
}

.page-title-content ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0
}

.page-title-content ul li {
    display: inline-block;
    position: relative;
    font-size: 16px;
    padding-right: 15px;
    margin-left: 15px;
    color: #fff
}

.page-title-content ul li a {
    color: #fff
}

.page-title-content ul li a:hover {
    color: #006766
}

.page-title-content ul li::before {
    content: "";
    position: absolute;
    top: 5px;
    right: -3px;
    background-color: #fff;
    width: 1px;
    height: 15px;
    transform: rotate(15deg)
}

.page-title-content ul li.active {
    color: #fff
}

.page-title-content ul li:first-child {
    margin-left: 0
}

.page-title-content ul li:last-child {
    padding-right: 0
}

.page-title-content ul li:last-child::before {
    display: none
}

.rello-about-img {
    position: relative
}

.rello-about-img .video-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex
}

.rello-about-content {
    margin-left: 50px
}

.rello-about-content h2 {
    font-size: 36px;
    margin-bottom: 20px
}

.rello-about-content ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    margin-top: 30px
}

.rello-about-content ul li {
    position: relative;
    padding-left: 90px;
    margin-bottom: 30px
}

.rello-about-content ul li:last-child {
    margin-bottom: 0
}

.rello-about-content ul li i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 50px;
    color: #006766;
    border: 1px solid #006766;
    background-color: #f1f8f9;
    width: 70px;
    height: 70px;
    line-height: 81px;
    text-align: center
}

.rello-about-content ul li h3 {
    font-size: 20px
}

.rello-about-content ul li:nth-child(2) i {
    border-color: #ea723d;
    color: #ea723d;
    background-color: #fbf3f3
}

.single-gallery {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.single-gallery a {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: rgba(0, 103, 102, .8);
    transition: all ease .5s
}

.single-gallery a i {
    display: inline-block;
    width: 45px;
    height: 45px;
    text-align: center;
    background-color: #fff;
    line-height: 45px;
    color: #006766;
    border-radius: 50px;
    font-size: 20px
}

.single-gallery:hover a {
    top: 0
}

.gallery-filter {
    position: relative
}

.gallery-filter .shorting-menu {
    position: absolute;
    top: 5px;
    right: 0
}

.gallery-filter .shorting-menu .filter {
    background-color: rgba(0, 0, 0, 0);
    margin-right: 15px;
    color: #006766;
    transition: all ease .5s
}

.gallery-filter .shorting-menu .filter:last-child {
    margin-right: 0
}

.gallery-filter .shorting-menu .filter:hover {
    color: #ea723d
}

.gallery-filter .shorting-menu .filter.active {
    color: #ea723d
}

.contact-form {
    background-color: #fff
}

.contact-form h2 {
    font-size: 25px;
    margin-bottom: 30px
}

.contact-form .form-group {
    margin-bottom: 30px
}

.contact-form .form-group label {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #2b3b3a
}

.contact-form .form-group .form-control {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #e5e5e5
}

.contact-form .form-group .form-control:focus {
    border-color: #006766
}

.contact-form .form-group .form-control::placeholder {
    font-size: 13px
}

.contact-form .form-check {
    margin-bottom: 30px;
    padding-left: 35px
}

.list-unstyled {
    color: #dc3545;
    margin-top: 10px;
    font-size: 14px
}

.hidden {
    display: none
}

#msgSubmit {
    margin-top: 30px;
    font-size: 20px
}

.contacts-info {
    margin-left: 50px
}

.contacts-info h2 {
    font-size: 20px;
    margin-bottom: 20px
}

.contacts-info p {
    margin-bottom: 30px
}

.contacts-info .address {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0
}

.contacts-info .address .location {
    line-height: normal
}

.contacts-info .address .location span {
    font-size: 16px;
    color: #2b3b3a;
    display: block;
    margin-bottom: 0;
    font-weight: 600
}

.contacts-info .address li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 40px
}

.contacts-info .address li a {
    color: #757575
}

.contacts-info .address li a:hover {
    color: #006766
}

.contacts-info .address li .icon {
    position: absolute;
    top: -7px;
    left: 0;
    color: #006766;
    font-size: 25px
}

.contacts-info .address li span {
    font-size: 16px;
    color: #2b3b3a;
    display: block;
    margin-bottom: 0;
    font-weight: 700;
    position: relative;
    top: -5px
}

.contacts-info .address li:last-child {
    margin-bottom: 0
}

.contacts-info .address li ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.contacts-info .address li ul li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 0;
    padding-left: 0
}

.contacts-info .address li ul li:last-child {
    margin-right: 0
}

.contacts-info .address li ul li a {
    background-color: #006766;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 50px
}

.contacts-info .address li ul li a i {
    font-size: 16px;
    color: #fff
}

.contacts-info .address li ul li a:hover {
    background-color: #ea723d
}

.map-wrap iframe {
    width: 100%;
    height: 500px;
    display: block
}

.user-area {
    position: relative;
    z-index: 1
}

.user-area .user-form-content {
    position: relative
}

.user-area .user-form-content.sign-up {
    padding-left: 100px
}

.user-area .user-form-content.sign-up::before {
    content: "";
    position: absolute;
    top: 0;
    left: -13px;
    width: 1px;
    height: 100%;
    background-color: #e3e9ed
}

.user-area .user-form-content.log-in {
    padding-right: 100px
}

.user-area .user-form-content h3 {
    font-size: 36px;
    margin-bottom: 20px
}

.user-area .user-form-content .user-form .form-group {
    margin-bottom: 30px
}

.user-area .user-form-content .user-form .form-group label {
    font-size: 16px;
    margin-bottom: 12px
}

.user-area .user-form-content .user-form .form-group .form-control {
    background-color: rgba(0, 0, 0, 0);
    border-color: #e3e9ed
}

.user-area .user-form-content .user-form .form-group .form-control:focus {
    border-color: #ea723d
}

.user-area .user-form-content .user-form .forgot-login {
    text-align: right;
    margin-bottom: 30px;
    display: block
}

.user-area .user-form-content .user-form .default-btn {
    width: 100%
}

.user-area #remember-2 {
    position: relative;
    top: 1px
}

.single-blog {
    margin-bottom: 30px
}

.single-blog img {
    margin-bottom: 20px
}

.single-blog .blog-content {
    padding: 20px;
    padding-top: 0
}

.single-blog ul {
    padding-left: 0;
    margin-bottom: 5px;
    list-style: none
}

.single-blog ul li {
    display: inline-block;
    margin-right: 30px
}

.single-blog ul li img {
    top: 5px;
    position: relative
}

.single-blog ul li i {
    position: relative;
    top: 3px;
    color: #006766;
    margin-right: 5px
}

.single-blog ul li:last-child {
    margin-right: 0
}

.single-blog h3 {
    font-size: 36px;
    margin-bottom: 15px
}

.single-blog h3 a {
    color: #2b3b3a
}

.single-blog p {
    margin-bottom: 25px
}

.single-blog:hover h3 a {
    color: #006766
}

.widget-sidebar .sidebar-widget {
    margin-bottom: 30px;
    border: 1px solid #e3e9ed;
    padding: 30px
}

.widget-sidebar .sidebar-widget:last-child {
    margin-bottom: 0
}

.widget-sidebar .sidebar-widget h3 {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 15px
}

.widget-sidebar .sidebar-widget ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.widget-sidebar .sidebar-widget.src-forms {
    padding: 0;
    border: none
}

.widget-sidebar .sidebar-widget .src-form {
    position: relative
}

.widget-sidebar .sidebar-widget .src-form .form-control {
    border: 1px solid #e3e9ed;
    background-color: rgba(0, 0, 0, 0)
}

.widget-sidebar .sidebar-widget .src-form .src-btn {
    position: absolute;
    top: 16px;
    right: 18px;
    background-color: rgba(0, 0, 0, 0);
    font-size: 20px;
    color: #757575
}

.widget-sidebar .sidebar-widget.categories ul li {
    position: relative;
    padding-left: 18px;
    font-size: 16px;
    margin-bottom: 10px
}

.widget-sidebar .sidebar-widget.categories ul li a {
    display: block
}

.widget-sidebar .sidebar-widget.categories ul li a span {
    float: right
}

.widget-sidebar .sidebar-widget.categories ul li:last-child {
    margin-bottom: 0
}

.widget-sidebar .sidebar-widget.categories ul li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #006766;
    border-radius: 50px
}

.widget-sidebar .sidebar-widget.recent-post .item {
    position: relative;
    margin-bottom: 60px;
    padding-left: 115px
}

.widget-sidebar .sidebar-widget.recent-post .item::before {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e3e9ed
}

.widget-sidebar .sidebar-widget.recent-post .item:last-child {
    margin-bottom: 0
}

.widget-sidebar .sidebar-widget.recent-post .item:last-child:before {
    display: none
}

.widget-sidebar .sidebar-widget.recent-post .item .thumb {
    top: 0;
    left: 0;
    width: 100px;
    float: unset;
    height: 100%;
    display: block;
    position: absolute
}

.widget-sidebar .sidebar-widget.recent-post .item .thumb .fullimage {
    width: 100px;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center center !important
}

.widget-sidebar .sidebar-widget.recent-post .item .thumb .fullimage.bg-1 {
    background-image: url(../../assets/images/blog/blog-1.jpg)
}

.widget-sidebar .sidebar-widget.recent-post .item .thumb .fullimage.bg-2 {
    background-image: url(../../assets/images/blog/blog-2.jpg)
}

.widget-sidebar .sidebar-widget.recent-post .item .thumb .fullimage.bg-3 {
    background-image: url(../../assets/images/blog/blog-3.jpg)
}

.widget-sidebar .sidebar-widget.recent-post .item .thumb .fullimage.bg-4 {
    background-image: url(../../assets/images/blog/blog-4.jpg)
}

.widget-sidebar .sidebar-widget.recent-post .item .info .title {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 7px
}

.widget-sidebar .sidebar-widget.recent-post .item .info .title a {
    color: #2b3b3a
}

.widget-sidebar .sidebar-widget.recent-post .item .info .date {
    padding-left: 0;
    position: relative;
    color: var(--paragraphColor);
    margin-bottom: 5px;
    display: block
}

.widget-sidebar .sidebar-widget.recent-post .item .info .date i {
    position: relative;
    top: 2px;
    color: #006766
}

.widget-sidebar .sidebar-widget.recent-post .item .info h5 {
    color: #ea723d;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 24px;
    font-weight: 600
}

.widget-sidebar .sidebar-widget.tags ul {
    margin-bottom: -10px
}

.widget-sidebar .sidebar-widget.tags ul li {
    display: inline-block;
    margin-bottom: 10px;
    padding-left: 0;
    margin-right: 10px
}

.widget-sidebar .sidebar-widget.tags ul li:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.widget-sidebar .sidebar-widget.tags ul li::before {
    display: none
}

.widget-sidebar .sidebar-widget.tags ul li a {
    border: 1px solid #c4c4c4;
    padding: 5px 12px;
    display: inline-block;
    font-size: 14px
}

.widget-sidebar .sidebar-widget.tags ul li a:hover {
    background-color: #006766;
    color: #fff;
    border-color: #006766
}

.widget-sidebar .sidebar-widget.agent-form .form-group {
    margin-bottom: 20px
}

.widget-sidebar .sidebar-widget.agent-form .form-group .form-control {
    background-color: #fff;
    border: 1px solid #e3e9ed
}

.widget-sidebar .sidebar-widget.agent-form .form-group .form-select {
    cursor: pointer;
    background-image: url(../../assets/images/icon/down.svg);
    background-size: 8px
}

.widget-sidebar .sidebar-widget.agent-form .default-btn {
    width: 100%
}

.widget-sidebar .sidebar-widget.recent-viewed .viewed-list {
    position: relative;
    padding-left: 85px;
    margin-bottom: 20px
}

.widget-sidebar .sidebar-widget.recent-viewed .viewed-list:last-child {
    margin-bottom: 0
}

.widget-sidebar .sidebar-widget.recent-viewed .viewed-list img {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50px
}

.widget-sidebar .sidebar-widget.recent-viewed .viewed-list h4 {
    font-size: 18px
}

.widget-sidebar .sidebar-widget.recent-viewed .viewed-list ul {
    margin-bottom: 0
}

.widget-sidebar .sidebar-widget.recent-viewed .viewed-list ul li {
    display: inline-block;
    margin-right: 5px;
    padding-left: 0;
    margin-bottom: 0
}

.widget-sidebar .sidebar-widget.recent-viewed .viewed-list ul li i {
    color: #ffbb0e
}

.widget-sidebar .sidebar-widget.recent-viewed .viewed-list ul li::before {
    display: none
}

.widget-sidebar .sidebar-widget.agent-contact .form-group {
    margin-bottom: 20px
}

.widget-sidebar .sidebar-widget.agent-contact .call a {
    display: inline-block;
    border: 1px solid #006766;
    height: 48px;
    width: 48px;
    line-height: 48px;
    font-size: 20px;
    color: #006766;
    text-align: center
}

.widget-sidebar .sidebar-widget.agent-contact .call a:hover {
    background-color: #006766;
    color: #fff
}

.widget-sidebar .sidebar-widget.agent-contact .viewed-list {
    position: relative;
    padding-left: 85px;
    margin-bottom: 20px
}

.widget-sidebar .sidebar-widget.agent-contact .viewed-list img {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50px
}

.widget-sidebar .sidebar-widget.agent-contact .viewed-list h4 {
    font-size: 18px
}

.widget-sidebar .sidebar-widget.agent-contact .viewed-list i {
    color: #ffbb0e
}

.widget-sidebar .sidebar-widget.dociments button {
    font-weight: 600;
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0);
    color: #757575;
    margin-bottom: 10px
}

.widget-sidebar .sidebar-widget.dociments button i {
    margin-right: 10px;
    font-weight: normal;
    position: relative;
    top: 2px
}

.widget-sidebar .sidebar-widget.fffeatured {
    border: none;
    padding: 0
}

.blog-details-content img {
    margin-bottom: 25px
}

.blog-details-content .user {
    padding-left: 0;
    margin-bottom: 20px;
    list-style-type: none
}

.blog-details-content .user li {
    display: inline-block;
    margin-right: 20px
}

.blog-details-content .user li img {
    max-width: 40px;
    margin-bottom: 0;
    margin-right: 10px
}

.blog-details-content .user li i {
    margin-right: 5px;
    position: relative;
    top: 3px;
    color: #006766
}

.blog-details-content h3 {
    font-size: 36px;
    margin-bottom: 20px
}

.blog-details-content blockquote {
    border: 1px solid #eee;
    padding: 30px;
    padding-left: 100px;
    position: relative;
    margin-top: 58px;
    margin-bottom: 58px
}

.blog-details-content blockquote i {
    position: absolute;
    top: 62px;
    left: 40px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: rgba(0, 103, 102, .1);
    color: #006766;
    border-radius: 50px;
    font-size: 30px
}

.blog-details-content blockquote p {
    font-size: 18px;
    color: #2b3b3a
}

.blog-details-content .tag-sshare {
    margin-bottom: 100px;
    padding-top: 35px;
    padding-bottom: 50px;
    border-bottom: 1px solid #eee
}

.blog-details-content .tag-sshare ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.blog-details-content .tag-sshare .tags li {
    display: inline-block;
    margin-right: 10px
}

.blog-details-content .tag-sshare .tags li:last-child {
    margin-right: 0
}

.blog-details-content .tag-sshare .tags li span {
    font-weight: 600;
    color: #2b3b3a
}

.blog-details-content .tag-sshare .share-opt {
    text-align: right;
    position: relative
}

.blog-details-content .tag-sshare .share-opt .share-btn {
    margin-bottom: 10px;
    cursor: pointer
}

.blog-details-content .tag-sshare .share-opt .share-btn span {
    font-weight: 600;
    color: #2b3b3a
}

.blog-details-content .tag-sshare .share-opt .share-btn i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #006766;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    position: relative;
    top: 4px;
    margin-left: 5px
}

.blog-details-content .tag-sshare .share-opt ul {
    position: absolute;
    top: 50px;
    right: 0;
    background-color: #fff;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
    padding: 15px;
    border-radius: 3px;
    opacity: 0;
    transition: all ease .5s
}

.blog-details-content .tag-sshare .share-opt ul li {
    margin-bottom: 10px
}

.blog-details-content .tag-sshare .share-opt ul li:last-child {
    margin-bottom: 0
}

.blog-details-content .tag-sshare .share-opt ul li a i {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: rgba(0, 103, 102, .1);
    border-radius: 50px;
    color: #006766;
    transition: all ease .5s
}

.blog-details-content .tag-sshare .share-opt ul li a:hover i {
    background-color: #006766;
    color: #fff
}

.blog-details-content .tag-sshare .share-opt:hover ul {
    opacity: 1
}

.blog-details-content .leave-form {
    margin-top: 40px
}

.blog-details-content .leave-form h3 {
    font-size: 30px
}

.blog-details-content .leave-form .form-group {
    margin-bottom: 25px
}

.blog-details-content .leave-form .form-group label {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #2b3b3a
}

.faq-page-area .tabs-wrap .nav-tabs {
    text-align: center;
    margin: auto;
    display: block;
    border: none;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 2px solid #d7d9e0
}

.faq-page-area .tabs-wrap .nav-tabs .nav-link {
    display: inline-block;
    color: #2b3b3a;
    border: none;
    padding: 0;
    margin: 0 20px;
    font-size: 16px;
    font-weight: 600
}

.faq-page-area .tabs-wrap .nav-tabs .nav-link:hover {
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.faq-page-area .tabs-wrap .nav-tabs .nav-link.active {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    position: relative;
    color: #006766
}

.faq-page-area .tabs-wrap .nav-tabs .nav-link.active::before {
    content: "";
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    border-bottom: 2px solid #006766
}

.accordion-item {
    margin-bottom: 10px;
    border-radius: 0 !important;
    border: none
}

.accordion-item .accordion-body {
    border-top: none;
    padding: 20px 30px;
    padding-top: 8px
}

.accordion-item .accordion-body a {
    color: #006766
}

.accordion-item .accordion-body ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.accordion-item .accordion-body ul li {
    margin-bottom: 5px;
    position: relative;
    padding-left: 20px
}

.accordion-item .accordion-body ul li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 11px;
    height: 11px;
    line-height: 10px;
    background-color: #006766
}

.accordion-item .accordion-body ul li:last-child {
    margin-bottom: 0
}

.accordion-button {
    border: 1px solid #e3e9ed;
    border-radius: 3px;
    font-weight: 600;
    padding-left: 60px
}

.accordion-button:focus {
    box-shadow: none;
    border-color: none
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
    border-radius: 3px 3px 0 0;
    background-color: #006766;
    color: #fff
}

.accordion-button:not(.collapsed)::after {
    background-image: unset;
    content: "";
    font-family: "remixicon" !important;
    border-color: #fff
}

.accordion-button:not(.collapsed):focus {
    box-shadow: none;
    border-color: #006766
}

.accordion-button::after {
    background-image: unset;
    content: "";
    font-family: "remixicon" !important;
    position: absolute;
    border: 1px solid #2b3b3a;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    left: 20px;
    top: 17px;
    text-align: center
}

.listing-location-area {
    padding-top: 20px;
    padding-bottom: 20px
}

.listing-location-area .container-fluid {
    max-width: 1760px;
    margin: auto;
    padding-left: 30px;
    padding-right: 30px
}

.form-listing-map {
    margin-right: 325px
}

.form-listing-map .form-group {
    position: relative
}

.form-listing-map .form-group .form-control {
    background-color: #fff;
    border: 1px solid #e3e9ed
}

.form-listing-map .form-group .form-control.style {
    padding-left: 40px
}

.form-listing-map .form-group .form-select {
    cursor: pointer;
    background-image: url(../../assets/images/icon/down.svg);
    background-size: 8px
}

.form-listing-map .form-group i {
    position: absolute;
    top: 17px;
    left: 20px;
    color: #2b3b3a
}

.form-listing-map .form-group .default-btn {
    position: relative;
    height: 60px;
    width: 100%;
    line-height: 28px;
    border: 1px solid #e3e9ed;
    background-color: #fff;
    color: #2b3b3a;
    padding: 15px 20px;
    font-weight: 400
}

.form-listing-map .form-group .default-btn i {
    position: relative;
    display: inline-block;
    top: 2px;
    left: 0;
    margin-left: 5px
}

.listing-map-area {
    overflow: hidden
}

.map-wraps iframe {
    width: 100%;
    height: 100vh;
    display: block
}

.map-wraps.is-sticky {
    position: fixed;
    top: 105px;
    width: 100%
}

.list-wrap {
    max-width: 838px
}

.list-wrap.mt-50 {
    margin-top: 50px;
    padding-bottom: 100px;
    margin-right: 100px
}

.list-wrap .form-control {
    background-color: #fff;
    border: 1px solid #e3e9ed;
    cursor: pointer
}

.list-wrap .form-select {
    max-width: 200px;
    background-image: url(../../assets/images/icon/down.svg);
    background-size: 8px
}

.list-wrap span {
    margin-right: 5px
}

.filter-form h3 {
    font-size: 20px
}

.filter-form .form-group {
    margin-bottom: 20px;
    position: relative
}

.filter-form .form-group label {
    margin-bottom: 8px
}

.filter-form .form-group .form-control {
    background-color: #fff;
    border-color: #cdd0d4
}

.filter-form .form-group .form-control:focus {
    border-color: #ea723d
}

.filter-form .form-group .form-control.style {
    padding-left: 45px
}

.filter-form .form-group i {
    position: absolute;
    top: 17px;
    left: 20px
}

.filter-form .form-group .form-select {
    cursor: pointer;
    background-image: url(../../assets/images/icon/down.svg);
    background-size: 8px
}

.filter-form .amenities-wrap h3 {
    margin-top: 10px;
    margin-bottom: 20px
}

.filter-form .amenities-wrap .form-check {
    margin-bottom: 15px
}

.filter-form .amenities-wrap .form-check:last-child {
    margin-bottom: 0
}

.filter-form .amenities-wrap .form-check-input {
    border-radius: 0
}

.filter-form .amenities-wrap .form-check-input:checked {
    box-shadow: none;
    background-color: #006766;
    border-color: #006766
}

.filter-form .amenities-wrap .form-check-input:focus {
    box-shadow: none;
    border-color: #006766
}

.filter-form .amenities-wrap .default-btn {
    width: 100%;
    padding: 12px 20px
}

.filter-form .amenities-wrap .mb-20 {
    margin-bottom: 20px
}

.single-agents .agents-wrap h3 {
    font-size: 20px;
    margin-bottom: 15px
}

.single-agents-details {
    margin-bottom: 50px;
    margin-top: -100px;
    position: relative;
    z-index: 1
}

.single-agents-details .agents-bg-img {
    background-image: url(../../assets/images/agents/agent-10.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%
}

.single-agents-details .deborah-wrap {
    background-color: #fff;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
    padding: 30px;
    position: relative
}

.single-agents-details .deborah-wrap h3 {
    font-size: 25px;
    margin-bottom: 8px
}

.single-agents-details .deborah-wrap span {
    margin-bottom: 20px;
    display: block
}

.single-agents-details .deborah-wrap .contact-infos {
    padding-left: 0;
    margin-bottom: 22px;
    list-style-type: none
}

.single-agents-details .deborah-wrap .contact-infos li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px
}

.single-agents-details .deborah-wrap .contact-infos li:last-child {
    margin-bottom: 0
}

.single-agents-details .deborah-wrap .contact-infos li i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    color: #006766
}

.single-agents-details .deborah-wrap .social-link {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.single-agents-details .deborah-wrap .social-link li {
    display: inline-block;
    margin-right: 10px
}

.single-agents-details .deborah-wrap .social-link li:last-child {
    margin-right: 0
}

.single-agents-details .deborah-wrap .social-link li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    background-color: #e5e5e5;
    border-radius: 50px;
    color: #757575;
    text-align: center
}

.single-agents-details .deborah-wrap .social-link li a:hover {
    background-color: #006766;
    color: #fff
}

.single-agents-details .deborah-wrap .listing-wrap {
    position: absolute;
    top: 50%;
    right: 30px;
    text-align: center;
    transform: translateY(-31px)
}

.single-agents-details .deborah-wrap .listing-wrap span {
    margin-bottom: 0;
    background-color: #ea723d;
    color: #fff;
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 10px
}

.single-agents-details .deborah-wrap .listing-wrap i {
    color: #ea723d;
    margin-right: 5px
}

.single-agents-details .deborah-wrap .listing-wrap i:last-child {
    margin-right: 0
}

.agents-details-content .agents-about {
    margin-bottom: 30px
}

.agents-details-content .agents-about h3 {
    font-size: 25px;
    margin-bottom: 15px
}

.agents-details-content .nav-tabs {
    text-align: center;
    margin: auto;
    display: inline-block;
    border: none;
    margin-bottom: 25px
}

.agents-details-content .nav-tabs .nav-link {
    display: inline-block;
    color: #006766;
    border: none;
    padding: 0;
    margin-right: 20px;
    font-size: 16px;
    border: 1px solid #006766;
    border-radius: 0;
    padding: 12px 25px
}

.agents-details-content .nav-tabs .nav-link:hover {
    background-color: #006766;
    color: #fff
}

.agents-details-content .nav-tabs .nav-link.active {
    background-color: #006766;
    color: #fff
}

.agents-details-content .product-review-form {
    border: 1px solid #ebebeb;
    padding: 30px;
    border-radius: 3px
}

.agents-details-content .product-review-form h3 {
    font-size: 20px
}

.agents-details-content .product-review-form .review-title {
    position: relative
}

.agents-details-content .product-review-form .review-title .rating {
    display: inline-block;
    position: relative;
    top: 1px
}

.agents-details-content .product-review-form .review-title .rating .fas.fa-star {
    color: #ffba0a
}

.agents-details-content .product-review-form .review-title .rating i {
    color: #ffba0a;
    font-size: 14px
}

.agents-details-content .product-review-form .review-title p {
    margin-bottom: 0;
    display: inline-block;
    padding-left: 5px;
    line-height: initial
}

.agents-details-content .product-review-form .review-title .btn {
    position: absolute;
    right: 0;
    bottom: 10px;
    padding: 10px 11px;
    font-size: 11px
}

.agents-details-content .product-review-form .review-title .btn:focus {
    border: none !important;
    box-shadow: none !important;
    border: 4px;
    background-color: #006766
}

.agents-details-content .product-review-form .review-comments {
    margin-top: 15px
}

.agents-details-content .product-review-form .review-comments .review-item {
    margin-top: 15px;
    position: relative;
    padding-right: 200px;
    border-top: 1px dashed #eaedff;
    padding-top: 15px
}

.agents-details-content .product-review-form .review-comments .review-item .rating .fas.fa-star {
    color: #ffba0a
}

.agents-details-content .product-review-form .review-comments .review-item .rating i {
    font-size: 14px;
    color: #ffba0a
}

.agents-details-content .product-review-form .review-comments .review-item h3 {
    margin-top: 10px;
    margin-bottom: 10px
}

.agents-details-content .product-review-form .review-comments .review-item span {
    margin-bottom: 10px;
    font-size: 13px;
    display: block
}

.agents-details-content .product-review-form .review-comments .review-item p {
    margin-bottom: 0
}

.agents-details-content .product-review-form .review-comments .review-item .review-report-link {
    position: absolute;
    right: 0;
    color: #57647c;
    top: 40px;
    text-decoration: underline
}

.agents-details-content .product-review-form .review-comments .review-item .review-report-link:hover {
    color: #ff4800
}

.agents-details-content .product-review-form .review-form {
    margin-top: 30px
}

.agents-details-content .product-review-form .review-form form .form-group {
    margin-bottom: 30px
}

.agents-details-content .product-review-form .review-form form .form-group label {
    color: #444;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 14px
}

.agents-details-content .product-review-form .review-form form .form-group textarea {
    padding-top: 15px
}

.agents-details-content .product-review-form .review-form form .btn:focus {
    box-shadow: none;
    border: none;
    border-radius: 0
}

.agents-details-content .contact-form {
    padding: 20px
}

.single-listing-warp {
    margin-top: -100px;
    position: relative;
    z-index: 1;
    margin-bottom: 50px
}

.single-listing-warp .properties-bg-img {
    background-image: url(../../assets/images/featured/featured-5.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%
}

.single-listing-warp .properties-content {
    background-color: #fff;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
    padding: 40px
}

.properties-details-content .gap-mb-50 {
    margin-bottom: 50px
}

.properties-details-content .gap-mb-20 {
    margin-bottom: 20px
}

.properties-details-content h3 {
    font-size: 20px;
    margin-bottom: 20px
}

.properties-details-content .features-content ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    margin-bottom: 30px
}

.properties-details-content .features-content ul li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 10px
}

.properties-details-content .features-content ul li:last-child {
    margin-bottom: 0
}

.properties-details-content .features-content ul li i {
    position: absolute;
    top: 0;
    left: 0;
    color: #006766
}

.properties-details-content .video-img .video-wrap {
    position: relative
}

.properties-details-content .video-img .video-wrap .video-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex
}

.properties-details-content .mortgage-calculator label {
    margin-bottom: 8px;
    font-weight: 600;
    color: #2b3b3a
}

.properties-details-content .mortgage-calculator .form-group {
    margin-bottom: 20px
}

.properties-details-content .mortgage-calculator .form-group .form-control {
    background-color: #fff;
    border-color: #e3e9ed
}

.properties-details-content .mortgage-calculator .form-group .form-control:focus {
    border-color: #006766
}

.properties-details-content .mortgage-calculator .form-group .form-select {
    cursor: pointer;
    background-image: url(../../assets/images/icon/down.svg);
    background-size: 8px
}

.properties-details-content .mortgage-calculator .default-btn {
    height: 55px;
    width: 100%;
    line-height: 28px;
    position: relative;
    top: 33px
}

.properties-details-content .mortgage-calculator .monthly-count {
    margin-top: 50px
}

.properties-details-content .mortgage-calculator .monthly-count h2 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;
    text-align: center;
    font-size: 30px
}

.properties-details-content .mortgage-calculator .monthly-count p {
    text-align: center
}

.properties-details-content .mortgage-calculator .monthly-count .bar {
    display: block;
    border: 6px solid #cdd0d4;
    border-left: none;
    border-right: none;
    margin-bottom: 30px;
    position: relative;
    z-index: 1
}

.properties-details-content .mortgage-calculator .monthly-count .bar::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 0;
    height: 12px;
    width: 85%;
    background-color: #006766
}

.properties-details-content .mortgage-calculator .monthly-count .bar::after {
    content: "";
    position: absolute;
    top: -6px;
    left: 0;
    height: 12px;
    width: 90%;
    background-color: #efbc73;
    z-index: -1
}

.properties-details-content .mortgage-calculator .monthly-count ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.properties-details-content .mortgage-calculator .monthly-count ul li {
    margin-bottom: 20px;
    font-size: 18px;
    position: relative;
    padding-left: 15px
}

.properties-details-content .mortgage-calculator .monthly-count ul li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #006766;
    border-radius: 50px
}

.properties-details-content .mortgage-calculator .monthly-count ul li:last-child {
    margin-bottom: 0
}

.properties-details-content .mortgage-calculator .monthly-count ul li span {
    float: right
}

.properties-details-content .mortgage-calculator .monthly-count ul li:nth-child(2)::before {
    background-color: #ea723d
}

.properties-details-content .mortgage-calculator .monthly-count ul li:nth-child(3)::before {
    background-color: #efbc73
}

.properties-details-content .mortgage-calculator .monthly-count ul li:nth-child(4)::before {
    background-color: #c4c4c4
}

.properties-details-content .map-location iframe {
    width: 100%;
    height: 600px
}

.properties-details-content .contact-form {
    padding-left: 0
}

.properties-details-content .contact-form h2 {
    font-size: 20px;
    margin-bottom: 20px
}

.properties-details-content .contact-form .form-group {
    margin-bottom: 20px
}

.properties-details-content .review-form h3 {
    margin-bottom: 5px
}

.properties-details-content .review-form ul {
    padding-left: 0;
    margin-bottom: 20px;
    list-style-type: none
}

.properties-details-content .review-form ul li {
    display: inline-block;
    margin-right: 10px
}

.properties-details-content .review-form ul li:last-child {
    margin-right: 0
}

.properties-details-content .review-form .star-rating {
    position: relative;
    top: 5px;
    direction: rtl;
    display: inline-block;
    cursor: default;
    margin-bottom: 10px
}

.properties-details-content .review-form .star-rating input[type=radio] {
    display: none
}

.properties-details-content .review-form .star-rating label {
    color: #ddd;
    font-size: 18px;
    padding: 0;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.properties-details-content .review-form .star-rating label:hover,
.properties-details-content .review-form .star-rating label:hover~label,
.properties-details-content .review-form .star-rating input[type=radio]:checked~label {
    color: #f2b600
}

.properties-details-content .review-form .form-group {
    margin-bottom: 20px
}

.properties-details-content .review-form .form-group label {
    margin-bottom: 8px;
    font-weight: 600;
    color: #2b3b3a
}

.properties-details-content .review-form .form-group .form-control {
    background-color: #fff;
    border-color: #e3e9ed
}

.properties-details-content .review-form .form-group .form-control:focus {
    border-color: #006766
}

.main-content-text h1,
.main-content-text h2,
.main-content-text h3,
.main-content-text h4,
.main-content-text h5,
.main-content-text h6 {
    margin-bottom: 15px
}

.main-content-text h1 {
    font-size: 30px
}

.main-content-text h2 {
    font-size: 26px
}

.main-content-text h3 {
    font-size: 22px
}

.main-content-text h4 {
    font-size: 22px
}

.main-content-text h5 {
    font-size: 20px
}

.main-content-text h6 {
    font-size: 18px
}

.main-content-text .gap-20 {
    margin-bottom: 30px
}

.main-content-text ul {
    padding: 0;
    list-style-type: none;
    margin-bottom: 0
}

.main-content-text ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 35px
}

.main-content-text ul li:last-child {
    margin-bottom: 0
}

.main-content-text ul li i {
    position: absolute;
    top: -6px;
    left: 0;
    color: #006766;
    font-size: 25px
}

.main-content-text ol {
    padding-left: 18px
}

.main-content-text ol li {
    margin-bottom: 10px
}

.main-content-text ol li::marker {
    color: #006766
}

.main-content-text ol li:last-child {
    margin-bottom: 0
}

.main-content-text a {
    color: #006766
}

.main-content-text a:hover {
    text-decoration: underline
}

.main-content-text .content-gap-mb-20 {
    margin-bottom: 20px
}

.main-content-text .content-gap-mb-30 {
    margin-bottom: 30px
}

.main-content-text.business-insurance-content {
    max-width: 860px;
    margin: auto
}

.main-content-text.health-insurance-content {
    max-width: 860px;
    margin: auto
}

.main-content-text.life-insurance-content {
    max-width: 860px;
    margin: auto
}

.main-content-text.car-insurance-content {
    max-width: 860px;
    margin: auto
}

.error-content {
    text-align: center;
    position: relative
}

.error-content .default-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 200px
}

.coming-soon-area {
    height: 100vh
}

.coming-soon-content {
    max-width: 700px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    padding: 60px;
    background-color: #fff;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
    margin: auto
}

.coming-soon-content h2 {
    font-size: 40px;
    margin-top: -10px;
    margin-bottom: 0
}

.coming-soon-content #timer {
    margin-top: 40px
}

.coming-soon-content #timer div {
    border: 4px solid #006766;
    color: #006766;
    width: 100px;
    height: 105px;
    border-radius: 5px;
    font-size: 40px;
    font-weight: 800;
    margin-left: 10px;
    margin-right: 10px
}

.coming-soon-content #timer div span {
    display: block;
    margin-top: -2px;
    font-size: 17px;
    font-weight: 600
}

.coming-soon-content form {
    position: relative;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px
}

.coming-soon-content form .form-group {
    margin-bottom: 25px;
    width: 100%;
    position: relative
}

.coming-soon-content form .form-group .label-title {
    margin-bottom: 0;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    color: #2b3b3a
}

.coming-soon-content form .form-group .label-title i {
    position: absolute;
    left: 0;
    transition: all ease .5s;
    top: 9px;
    font-size: 22px
}

.coming-soon-content form .form-group .label-title::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    transition: all ease .5s;
    background: #006766
}

.coming-soon-content form .form-group .input-newsletter {
    border-radius: 0;
    border: 1px solid #eee;
    padding: 10px 20px;
    color: #2b3b3a;
    height: 50px;
    display: block;
    width: 100%;
    transition: all ease .5s;
    font-size: 16px;
    font-weight: 400;
    background-color: #fff
}

.coming-soon-content form .form-group .input-newsletter::placeholder {
    color: #757575;
    transition: all ease .5s
}

.coming-soon-content form .form-group .input-newsletter:focus {
    border-color: #006766;
    outline: 0 !important
}

.coming-soon-content form .form-group .input-newsletter:focus::placeholder {
    color: rgba(0, 0, 0, 0)
}

.coming-soon-content form .validation-danger {
    margin-top: 15px;
    color: red
}

.coming-soon-content form .validation-success {
    margin-top: 15px
}

.coming-soon-content form p {
    margin-bottom: 0;
    margin-top: 20px
}

.coming-soon-content .newsletter-form .default-btn {
    margin-top: 0;
    height: 49px
}

.dashboard-bg {
    background-color: #f9fcff
}

.dashboard-area .container-fluid {
    max-width: 1760px;
    padding-left: 430px;
    padding-right: 30px;
    margin: auto
}

.dashboard-sidebar-menu {
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    border: 1px solid #e3e9ed;
    border-left: 0;
    position: fixed;
    left: 0;
    top: 92px;
    height: 100%;
    width: 400px
}

.dashboard-sidebar-menu h3 {
    font-size: 20px;
    margin-bottom: 30px;
    padding-left: 100px;
    padding-right: 100px
}

.dashboard-sidebar-menu ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.dashboard-sidebar-menu ul li {
    position: relative
}

.dashboard-sidebar-menu ul li a {
    font-size: 16px;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 100px;
    padding-right: 100px;
    border-bottom: 1px solid #e3e9ed
}

.dashboard-sidebar-menu ul li a i {
    color: #006766;
    position: relative;
    top: 3px;
    margin-right: 5px;
    transition: all ease .5s
}

.dashboard-sidebar-menu ul li a:hover {
    color: #fff;
    background-color: #006766
}

.dashboard-sidebar-menu ul li a:hover i {
    color: #fff
}

.dashboard-sidebar-menu ul li a.active {
    color: #fff;
    background-color: #006766
}

.dashboard-sidebar-menu ul li a.active i {
    color: #fff
}

.dashboard-title-wrap {
    margin-top: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e3e9ed;
    padding-bottom: 50px
}

.dashboard-title-wrap .dashboard-page-title {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    line-height: 1
}

.dashboard-title-wrap .dashboard-page-title li {
    display: inline-block;
    margin-right: 30px;
    position: relative
}

.dashboard-title-wrap .dashboard-page-title li::before {
    content: "";
    position: absolute;
    top: 0;
    right: -15px;
    width: 1px;
    height: 100%;
    background-color: #757575;
    transform: rotate(15deg)
}

.dashboard-title-wrap .dashboard-page-title li:last-child {
    margin-right: 0
}

.dashboard-title-wrap .dashboard-page-title li:last-child::before {
    display: none
}

.dashboard-title-wrap .dashboard-page-title li.active {
    color: #006766
}

.dashboard-title-wrap .dashboard-src-form .form-group {
    position: relative
}

.dashboard-title-wrap .dashboard-src-form .form-group .form-control {
    background-color: #fff;
    border-color: #e3e9ed;
    width: 480px;
    margin-left: auto
}

.dashboard-title-wrap .dashboard-src-form .form-group .src-btn {
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 20px
}

.dashboard-title-wrap .dashboard-src-form .form-group .src-btn i {
    color: #e3e9ed;
    transition: all ease .5s
}

.dashboard-title-wrap .dashboard-src-form .form-group .src-btn:hover i {
    color: #006766
}

.single-interface-card {
    background-color: #fff;
    border: 1px solid #ebf0f4;
    padding: 50px 30px;
    position: relative;
    padding-right: 125px;
    margin-bottom: 30px;
    transition: all ease .5s
}

.single-interface-card h2 {
    font-size: 40px;
    color: #006766;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    margin-bottom: 0
}

.single-interface-card i {
    background-color: #f8fafb;
    color: #006766;
    text-align: center;
    display: inline-block;
    font-size: 80px;
    position: absolute;
    top: 36px;
    right: 30px;
    padding: 0 45px
}

.single-interface-card:hover {
    transform: translateY(-5px)
}

.my-profile .my-profile-img img {
    margin-bottom: 25px
}

.my-profile .my-profile-img ul {
    padding-left: 0;
    margin-bottom: 30px;
    list-style-type: none
}

.my-profile .my-profile-img ul li {
    display: inline-block;
    margin-right: 10px
}

.my-profile .my-profile-img ul li:last-child {
    margin-right: 0
}

.my-profile .my-profile-img ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #006766;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    border-radius: 50px
}

.my-profile .my-profile-img ul li a:hover {
    background-color: #ea723d
}

.my-profile .my-profile-img .default-btn {
    width: 100%
}

.my-profile .my-profile-content ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.my-profile .my-profile-content ul li {
    position: relative;
    padding-left: 100px;
    margin-bottom: 20px
}

.my-profile .my-profile-content ul li:last-child {
    margin-bottom: 0
}

.my-profile .my-profile-content ul li span {
    font-size: 16px;
    font-weight: 600;
    color: #2b3b3a;
    position: absolute;
    top: 0;
    left: 0
}

.edit-profile .information {
    margin-bottom: 50px
}

.edit-profile .information img {
    max-width: 300px
}

.edit-profile .information .file-upload-account-info {
    position: relative;
    margin-left: 30px
}

.edit-profile .information .file-upload-account-info .inputfile {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.edit-profile .information .file-upload-account-info label {
    display: block
}

.edit-profile .information .file-upload-account-info .inputfile+label {
    color: #006766;
    background: rgba(0, 103, 102, .05);
    margin-bottom: 0;
    transition: all ease .5s;
    padding: 14px 30px;
    position: relative;
    height: 55px;
    text-align: center;
    border: 1px solid #006766;
    font-size: 16px
}

.edit-profile .information .file-upload-account-info i {
    position: relative;
    top: 2px;
    margin-right: 5px
}

.edit-profile .information .file-upload-account-info .inputfile:focus+label,
.edit-profile .information .file-upload-account-info .inputfile+label:hover {
    color: #006766
}

.edit-profile .information .file-upload-account-info .inputfile+label {
    cursor: pointer;
    margin-bottom: 15px
}

.edit-profile .information .file-upload-account-info span {
    display: block;
    margin-top: 10px
}

.edit-profile .information .file-upload-account-info p {
    margin-bottom: 0
}

.edit-profile .contact-information {
    margin-bottom: 50px
}

.edit-profile .contact-information h3 {
    font-size: 20px;
    margin-bottom: 20px
}

.edit-profile .contact-information .form-group {
    margin-bottom: 20px
}

.edit-profile .contact-information .form-group label {
    font-weight: 600;
    margin-bottom: 8px
}

.edit-profile .contact-information .form-group .form-control {
    background-color: #fff;
    border: 1px solid #e3e9ed
}

.edit-profile .contact-information .form-group .form-control::placeholder {
    color: rgba(54, 62, 68, .45)
}

.edit-profile .reset-password {
    padding-bottom: 50px
}

.edit-profile .reset-password h3 {
    font-size: 20px;
    margin-bottom: 20px
}

.edit-profile .reset-password .form-group {
    margin-bottom: 20px
}

.edit-profile .reset-password .form-group label {
    font-weight: 600;
    margin-bottom: 8px
}

.edit-profile .reset-password .form-group .form-control {
    background-color: #fff;
    border: 1px solid #e3e9ed
}

.edit-profile .reset-password .form-group .form-control::placeholder {
    color: rgba(54, 62, 68, .45)
}

.add-listing .basic-informations {
    margin-bottom: 50px
}

.add-listing .basic-informations h3 {
    font-size: 20px;
    margin-bottom: 20px
}

.add-listing .basic-informations .form-group {
    margin-bottom: 20px
}

.add-listing .basic-informations .form-group label {
    font-weight: 600;
    margin-bottom: 8px
}

.add-listing .basic-informations .form-group .form-control {
    background-color: #fff;
    border: 1px solid #e3e9ed
}

.add-listing .basic-informations .form-group .form-control::placeholder {
    color: rgba(54, 62, 68, .45)
}

.add-listing .basic-informations .form-group iframe {
    width: 100%;
    height: 400px
}

.add-listing .basic-informations .information .file-upload-account-info {
    position: relative;
    display: block;
    width: 100%
}

.add-listing .basic-informations .information .file-upload-account-info .inputfile {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.add-listing .basic-informations .information .file-upload-account-info label {
    display: block
}

.add-listing .basic-informations .information .file-upload-account-info .inputfile+label {
    color: #006766;
    background: #fff;
    margin-bottom: 0;
    transition: all ease .5s;
    padding: 14px 30px;
    position: relative;
    height: 200px;
    line-height: 200px;
    text-align: center;
    border: 1px solid #e3e9ed;
    width: 100%;
    font-size: 16px
}

.add-listing .basic-informations .information .file-upload-account-info i {
    position: relative;
    top: -11px;
    margin-right: 0;
    font-size: 80px
}

.add-listing .basic-informations .information .file-upload-account-info .inputfile:focus+label,
.add-listing .basic-informations .information .file-upload-account-info .inputfile+label:hover {
    color: #006766
}

.add-listing .basic-informations .information .file-upload-account-info .inputfile+label {
    cursor: pointer
}

.add-listing .basic-informations .information .file-upload-account-info span {
    display: block;
    margin-top: 10px
}

.add-listing .basic-informations .information .file-upload-account-info p {
    margin-bottom: 0
}

.add-listing .features-content {
    margin-bottom: 20px
}

.add-listing .features-content h3 {
    font-size: 20px;
    margin-bottom: 20px
}

.add-listing .features-content ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    margin-bottom: 30px
}

.add-listing .features-content ul li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 10px
}

.add-listing .features-content ul li:last-child {
    margin-bottom: 0
}

.add-listing .features-content ul li i {
    position: absolute;
    top: 0;
    left: 0;
    color: #006766
}

.add-listing .rooms {
    margin-bottom: 50px
}

.add-listing .rooms h3 {
    font-size: 20px;
    margin-bottom: 20px
}

.add-listing .rooms .form-group {
    margin-bottom: 20px
}

.add-listing .rooms .form-group label {
    font-weight: 600;
    margin-bottom: 8px
}

.add-listing .rooms .form-group .form-control {
    background-color: #fff;
    border: 1px solid #e3e9ed
}

.add-listing .rooms .form-group .form-control::placeholder {
    color: rgba(54, 62, 68, .45)
}

.add-listing .rooms .form-group iframe {
    width: 100%;
    height: 400px
}

.add-listing .video-title {
    margin-bottom: 50px
}

.add-listing .video-title h3 {
    font-size: 20px;
    margin-bottom: 20px
}

.add-listing .video-title .form-group {
    margin-bottom: 20px
}

.add-listing .video-title .form-group label {
    font-weight: 600;
    margin-bottom: 8px
}

.add-listing .video-title .form-group .form-control {
    background-color: #fff;
    border: 1px solid #e3e9ed
}

.add-listing .video-title .form-group .form-control::placeholder {
    color: rgba(54, 62, 68, .45)
}

.add-listing .video-title .form-group iframe {
    width: 100%;
    height: 400px
}

.agents-lists {
    padding-bottom: 50px
}

.agents-lists .latest-lavel {
    margin-bottom: 50px
}

.agents-lists .latest-lavel .form-control {
    background-color: #fff;
    border: 1px solid #e3e9ed;
    cursor: pointer;
    max-width: 300px;
    margin-left: auto
}

.agents-lists .single-agents.style-agents .agents-content {
    background-color: #fff
}

.my-listing {
    padding-bottom: 50px
}

.my-listing .latest-lavel {
    margin-bottom: 50px
}

.my-listing .latest-lavel .form-control {
    background-color: #fff;
    border: 1px solid #e3e9ed;
    cursor: pointer;
    max-width: 300px;
    margin-left: auto
}

.my-listing .single-agents.style-agents .agents-content {
    background-color: #fff
}

.booking {
    margin-bottom: 30px
}

.booking p {
    background-color: #fff;
    border: 1px solid #e3e9ed;
    padding: 12px 30px
}

.review.style-review {
    padding-bottom: 20px
}

.single-review {
    background-color: #fff;
    border: 1px solid #e3e9ed;
    padding: 30px;
    margin-bottom: 30px
}

.single-review .review-date {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e3e9ed
}

.single-review .review-date .date {
    font-weight: 600
}

.single-review .review-date .date i {
    color: #006766;
    font-size: 20px;
    position: relative;
    top: 5px;
    margin-right: 5px
}

.single-review .dropdown button {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.single-review .dropdown button:focus {
    box-shadow: none
}

.single-review .dropdown button i {
    font-size: 18px;
    font-weight: 600;
    color: #006766
}

.single-review .dropdown .dropdown-menu {
    border: none;
    padding: 15px 20px;
    width: 250px;
    border: none;
    margin-top: 80px !important;
    display: block;
    top: 0 !important;
    opacity: 0;
    visibility: hidden;
    transition: all ease .5s;
    transform: unset !important;
    left: auto !important;
    right: 0 !important;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
}

.single-review .dropdown .dropdown-menu.show {
    margin-top: 30px !important;
    opacity: 1;
    visibility: visible
}

.single-review .dropdown .dropdown-menu li {
    display: block;
    margin-right: 0
}

.single-review .dropdown .dropdown-menu li a {
    background-color: rgba(0, 0, 0, 0);
    color: #757575;
    display: block;
    border: none;
    padding: 5px 0
}

.single-review .dropdown .dropdown-menu li a.active {
    color: #006766
}

.single-review .dropdown .dropdown-menu li a i {
    position: relative;
    top: 2px;
    margin-right: 5px
}

.single-review .dropdown .dropdown-menu li a:hover {
    color: #006766
}

.single-review .dropdown .dropdown-menu.notif {
    padding: 0 0 10px 0 !important
}

.single-review .dropdown .dropdown-menu.notif li {
    border-bottom: 1px solid #eee;
    padding: 5px 30px
}

.single-review .dropdown .dropdown-menu.notif li:last-child {
    border-bottom: none
}

.single-review .dropdown .dropdown-menu.notif li a {
    color: #2b3b3a
}

.single-review .dropdown .dropdown-menu.notif li a i {
    color: #006766
}

.single-review .dropdown .dropdown-menu.notif li p {
    color: #757575
}

.single-review .dropdown .dropdown-menu.notif li:hover a {
    color: #006766
}

.single-review .client {
    position: relative;
    padding-left: 60px;
    margin-bottom: 20px
}

.single-review .client h3 {
    font-size: 18px;
    margin-bottom: 5px
}

.single-review .client img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 50px;
    border-radius: 50px
}

.single-review .review-star {
    margin-bottom: 20px
}

.single-review .review-star i {
    color: #ea723d
}

.message {
    padding-bottom: 50px
}

.message .message-wrap {
    background-color: #fff;
    border: 1px solid #e3e9ed;
    padding: 30px
}

.message .message-wrap .review-date {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e3e9ed
}

.message .message-wrap .review-date h3 {
    font-size: 20px;
    margin-bottom: 0
}

.message .message-wrap .dropdown button {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.message .message-wrap .dropdown button:focus {
    box-shadow: none
}

.message .message-wrap .dropdown button i {
    font-size: 18px;
    font-weight: 600;
    color: #006766
}

.message .message-wrap .dropdown .dropdown-menu {
    border: none;
    padding: 15px 20px;
    width: 250px;
    border: none;
    margin-top: 80px !important;
    display: block;
    top: 0 !important;
    opacity: 0;
    visibility: hidden;
    transition: all ease .5s;
    transform: unset !important;
    left: auto !important;
    right: 0 !important;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
}

.message .message-wrap .dropdown .dropdown-menu.show {
    margin-top: 30px !important;
    opacity: 1;
    visibility: visible
}

.message .message-wrap .dropdown .dropdown-menu li {
    display: block;
    margin-right: 0
}

.message .message-wrap .dropdown .dropdown-menu li a {
    background-color: rgba(0, 0, 0, 0);
    color: #757575;
    display: block;
    border: none;
    padding: 5px 0
}

.message .message-wrap .dropdown .dropdown-menu li a.active {
    color: #006766
}

.message .message-wrap .dropdown .dropdown-menu li a i {
    position: relative;
    top: 2px;
    margin-right: 5px
}

.message .message-wrap .dropdown .dropdown-menu li a:hover {
    color: #006766
}

.message .message-wrap .dropdown .dropdown-menu.notif {
    padding: 0 0 10px 0 !important
}

.message .message-wrap .dropdown .dropdown-menu.notif li {
    border-bottom: 1px solid #eee;
    padding: 5px 30px
}

.message .message-wrap .dropdown .dropdown-menu.notif li:last-child {
    border-bottom: none
}

.message .message-wrap .dropdown .dropdown-menu.notif li a {
    color: #2b3b3a
}

.message .message-wrap .dropdown .dropdown-menu.notif li a i {
    color: #006766
}

.message .message-wrap .dropdown .dropdown-menu.notif li p {
    color: #757575
}

.message .message-wrap .dropdown .dropdown-menu.notif li:hover a {
    color: #006766
}

.message .message-wrap .chat-user {
    text-align: center
}

.message .message-wrap .chat-user img {
    margin-bottom: 10px;
    border-radius: 50px
}

.message .message-wrap .chat-user h4 {
    flex-basis: 0;
    font-size: 16px
}

.message .message-wrap .massage-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.message .message-wrap .massage-list .left-chat {
    position: relative;
    margin-bottom: 25px
}

.message .message-wrap .massage-list .left-chat:last-child {
    margin-bottom: 0
}

.message .message-wrap .massage-list .left-chat img {
    position: absolute;
    top: 30px;
    left: 20px;
    border-radius: 50px
}

.message .message-wrap .massage-list .left-chat span {
    display: block;
    margin-bottom: 10px;
    margin-left: 90px
}

.message .message-wrap .massage-list .left-chat p {
    position: relative;
    padding: 20px;
    background-color: #f1f8f9;
    margin-left: 90px
}

.message .message-wrap .massage-list .right-chat {
    position: relative;
    margin-bottom: 25px
}

.message .message-wrap .massage-list .right-chat:last-child {
    margin-bottom: 0
}

.message .message-wrap .massage-list .right-chat img {
    position: absolute;
    top: 30px;
    right: 20px;
    border-radius: 50px
}

.message .message-wrap .massage-list .right-chat span {
    display: block;
    margin-bottom: 10px;
    margin-right: 90px;
    text-align: right
}

.message .message-wrap .massage-list .right-chat p {
    position: relative;
    padding: 20px;
    background-color: #fbf3f3;
    margin-right: 90px
}

.message .message-wrap form {
    margin-top: 30px
}

.message .message-wrap form .form-group {
    position: relative
}

.message .message-wrap form .form-group .form-control {
    background-color: #fff;
    border: 1px solid #e3e9ed
}

.message .message-wrap form .form-group .default-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 55px;
    line-height: 28px
}

.message .user-list {
    background-color: #fff;
    border: 1px solid #e3e9ed;
    padding: 30px
}

.message .user-list ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    height: 842px;
    overflow: auto
}

.message .user-list ul::-webkit-scrollbar {
    width: 7px
}

.message .user-list ul::-webkit-scrollbar-track {
    background: #f1f1f1
}

.message .user-list ul::-webkit-scrollbar-thumb {
    background: #888
}

.message .user-list ul::-webkit-scrollbar-thumb:hover {
    background: #555
}

.message .user-list ul li {
    position: relative;
    margin-bottom: 20px;
    cursor: pointer
}

.message .user-list ul li:last-child {
    margin-bottom: 0
}

.message .user-list ul li img {
    border-radius: 50px
}

.message .user-list ul li h4 {
    font-size: 16px;
    position: absolute;
    top: 12px;
    left: 65px
}

.message .user-list ul li:hover h4 {
    color: #006766
}

.preloader {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #162434;
    z-index: 9999
}

.preloader .preloader-wrap {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(#00FF00, #00FF00, #00FF00);
    animation: rotate-fourteen 1s linear infinite
}

.preloader .preloader-wrap span {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(#00b2ff, #00ffbb, #6bff6b)
}

.preloader .preloader-wrap span:nth-child(1) {
    filter: blur(5px)
}

.preloader .preloader-wrap span:nth-child(2) {
    filter: blur(10px)
}

.preloader .preloader-wrap::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: #162434;
    border-radius: 50%
}

.preloader.preloader-deactivate {
    visibility: hidden
}

@keyframes rotate-fourteen {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.go-top {
    position: fixed;
    cursor: pointer;
    right: 3%;
    top: 87%;
    background-color: #006766;
    z-index: 4;
    width: 40px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    transform: scale(0);
    visibility: hidden;
    transition: .9s
}

.go-top i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    transition: .5s;
    font-size: 20px
}

.go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%
}

.go-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #006766;
    opacity: 0;
    visibility: hidden;
    transition: .5s
}

.go-top:hover {
    color: #fff;
    background-color: #006766
}

.go-top:hover::before {
    opacity: 1;
    visibility: visible
}

.go-top:hover i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden
}

.go-top:hover i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%
}

.go-top:focus {
    color: #fff
}

.go-top:focus::before {
    opacity: 1;
    visibility: visible
}

.go-top:focus i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden
}

.go-top:focus i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%
}

.go-top.active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    right: 3%;
    top: 84%;
    transform: scale(1)
}

.video-btn {
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 0;
    color: #006766;
    position: relative;
    z-index: 1;
    background-color: rgba(0, 103, 102, .8);
    border-radius: 50%;
    transition: all ease .5s
}

.video-btn i {
    font-size: 42px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 1px;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
    height: 100%
}

.video-btn::after,
.video-btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 0;
    border-radius: 50%;
    transition: all ease .5s;
    animation: ripple 1.6s ease-out infinite;
    background-color: rgba(0, 103, 102, .8)
}

.video-btn span {
    position: absolute;
    top: 0;
    right: -105px;
    width: 100px;
    font-size: 15px
}

.video-btn:hover {
    background-color: rgba(234, 114, 61, .8)
}

.video-btn:hover::before,
.video-btn:hover::after {
    background-color: rgba(234, 114, 61, .8)
}

@keyframes ripple {

    0%,
    35% {
        transform: scale(0);
        opacity: 1
    }

    50% {
        transform: scale(1.5);
        opacity: .8
    }

    100% {
        opacity: 0;
        transform: scale(2)
    }
}

.pagination-area {
    margin-top: 10px
}

.pagination-area .page-numbers {
    line-height: 40px;
    color: #898c90;
    text-align: center;
    display: inline-block;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px
}

.pagination-area .page-numbers:hover {
    color: #006766
}

.pagination-area .page-numbers i {
    font-size: 20px;
    font-weight: normal
}

.pagination-area .page-numbers.next {
    top: 3px;
    background-color: #fff;
    border: 1px solid #cdd0d4;
    width: 56px;
    height: 40px
}

.pagination-area .page-numbers.next:hover {
    color: #006766;
    border-color: #006766
}

.pagination-area .page-numbers.current {
    color: #006766
}

.delay-0-2s {
    animation-delay: .2s
}

.delay-0-4s {
    animation-delay: .4s
}

.delay-0-6s {
    animation-delay: .6s
}

.delay-0-8s {
    animation-delay: .8s
}

.delay-0-1s {
    animation-delay: 1s
}

.dark-mode-btn {
    position: fixed;
    bottom: 30px;
    right: 27px;
    z-index: 1
}

.dark-mode-btn .dark-version {
    text-align: center;
    float: right;
    z-index: 2;
    position: relative
}

.dark-mode-btn .dark-version .switch {
    width: 49px;
    height: 49px;
    position: relative;
    border-radius: 50%;
    margin-bottom: -19px
}

.dark-mode-btn .dark-version .switch input {
    width: 0;
    height: 0;
    opacity: 0;
    display: block
}

.dark-mode-btn .dark-version .slider {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    position: absolute;
    color: #fff;
    background-color: #2e2e2e;
    transition: all ease .5s
}

.dark-mode-btn .dark-version .slider:before {
    left: 0;
    top: 50%;
    right: 0;
    content: "";
    position: absolute;
    transform: translateY(-50%);
    transition: all ease .5s;
    font-size: 22px;
    font-family: remixicon !important
}

.dark-mode-btn .dark-version .slider.round {
    border-radius: 50%
}

.dark-mode-btn .dark-version .slider.round:before {
    border-radius: 50%
}

.dark-mode-btn .dark-version input:checked+.slider {
    background-color: #efefef
}

.dark-mode-btn .dark-version input:checked+.slider:before {
    color: #2b3b3a;
    content: ""
}

/*# sourceMappingURL=style.css.map */

/* =========================================================
   RELLO: BIG HONEYCOMB THEME (Великі розміри + Соти)
   ========================================================= */

:root {
  --honey-bg: #FFFDF7;
  --honey-primary: #F59E0B;
  --honey-dark: #B45309;
  --wax-text: #451a03;
  --wax-muted: #78350f;
  
  --radius-card: 32px; /* Дуже округлі кути */
  --radius-btn: 16px;
  --hex-size: 42px;    /* Розмір іконки-соти */
}

/* --- 1. ШАПКА ТА ПОЗИЦІЯ (FIX "ЗБИТОСТІ") --- */
.navbar-area.navbar-honey .navbar-nav.navbar-mega {
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center;
    flex-grow: 1; /* Займає весь доступний простір, щоб знайти центр */
}

/* Важливо: дозволяємо меню розтягуватись на всю ширину екрану */
.navbar-area.navbar-honey .nav-item.nav-mega {
    position: static; 
}

/* Посилання в меню (Верхній рівень) */
.navbar-area.navbar-honey .nav-link {
    font-size: 18px; /* Великий шрифт */
    font-weight: 800;
    color: var(--wax-text) !important;
    padding: 15px 25px !important; /* Великі кнопки */
    transition: all 0.2s;
}

/* --- 2. MEGA MENU (ВИПАДАЮЧИЙ БЛОК) --- */
.navbar-area.navbar-honey .mega-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    z-index: 9999;
    
    /* Анімація появи */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Ховер ефект (Поява) */
.navbar-area.navbar-honey .nav-item.nav-mega:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* --- 3. ВНУТРІШНЯ КАРТКА (Background & Layout) --- */
.navbar-area.navbar-honey .mega-inner {
    max-width: 1400px; /* Дуже широка картка */
    margin: 10px auto 0;
    background: var(--honey-bg);
    border-radius: var(--radius-card);
    
    /* Тінь "левітації" */
    box-shadow: 0 40px 80px -20px rgba(69, 26, 3, 0.2);
    border: 1px solid rgba(245, 158, 11, 0.15);
    border-top: 6px solid var(--honey-primary); /* Золота шапка */
    
    padding: 60px; /* ВЕЛИЧЕЗНИЙ відступ всередині */
    
    /* Фоновий візерунок (Легкі соти) */
    background-image: radial-gradient(var(--honey-primary) 15%, transparent 16%);
    background-size: 24px 24px;
    background-color: #fffdf7;
    /* Робимо точки ледь помітними */
    background-blend-mode: overlay;
    opacity: 0.98;
}

/* Відступи між колонками (Щоб не було збито) */
.navbar-area.navbar-honey .mega-inner .row.g-4 {
    --bs-gutter-x: 80px; 
}

/* --- 4. ТИПОГРАФІЯ ТА ПОСИЛАННЯ --- */

/* Заголовки стовпців */
.navbar-area.navbar-honey .mega-title {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    color: var(--honey-dark);
    font-weight: 900;
    margin-bottom: 35px;
    display: flex;
    align-items: center;
}

/* Декоративна смужка біля заголовка */
.navbar-area.navbar-honey .mega-title::after {
    content: '';
    flex: 1;
    height: 2px;
    background: rgba(245, 158, 11, 0.2);
    margin-left: 15px;
    border-radius: 2px;
}

/* Посилання (Самі пункти) */
.navbar-area.navbar-honey .mega-link {
    display: flex;
    align-items: center;
    font-size: 18px; /* ВЕЛИКИЙ, ЧИТАБЕЛЬНИЙ ТЕКСТ */
    color: var(--wax-text);
    font-weight: 600;
    padding: 12px 10px;
    margin-bottom: 10px;
    text-decoration: none;
    border-radius: 12px;
    transition: 0.2s;
}

/* --- 5. ІКОНКИ-СОТИ (HEXAGONS) --- */
.navbar-area.navbar-honey .mega-link i {
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Розміри соти */
    width: var(--hex-size);
    height: var(--hex-size);
    min-width: var(--hex-size); /* Фіксація */
    
    background: #FEF3C7; /* Світло-жовтий */
    color: var(--honey-dark);
    font-size: 20px;
    margin-right: 20px;
    
    /* CSS МАГІЯ: Робимо квадрат шестикутником */
    clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    transition: all 0.3s ease;
}

/* Ефект при наведенні */
.navbar-area.navbar-honey .mega-link:hover {
    background: white;
    box-shadow: 0 10px 25px rgba(245, 158, 11, 0.1);
    transform: translateX(10px);
    color: var(--honey-primary);
}

.navbar-area.navbar-honey .mega-link:hover i {
    background: var(--honey-primary); /* Сота стає помаранчевою */
    color: white;
    transform: rotate(60deg); /* Обертається як гайка */
}

/* --- 6. ПРАВА КАРТКА (Call to Action) --- */
.navbar-area.navbar-honey .mega-cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    min-height: 320px; /* Висока картка */
    padding: 50px;
    
    background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%);
    border-radius: var(--radius-card);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    border: 2px solid #FFF;
}

.navbar-area.navbar-honey .mega-cta:hover {
    box-shadow: 0 20px 50px rgba(245, 158, 11, 0.2);
    transform: translateY(-5px);
}

.navbar-area.navbar-honey .mega-cta-title {
    font-size: 32px; /* Величезний заголовок */
    font-weight: 800;
    color: var(--wax-text);
    line-height: 1.2;
    margin: 20px 0 30px 0;
}

.navbar-area.navbar-honey .mega-cta-btn {
    align-self: flex-start;
    background: var(--wax-text);
    color: white;
    padding: 16px 32px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 700;
}

/* Декоративна велика сота на фоні картки */
.navbar-area.navbar-honey .mega-cta::after {
    content: '';
    position: absolute;
    bottom: -30px;
    right: -30px;
    width: 180px;
    height: 180px;
    background: var(--honey-primary);
    opacity: 0.1;
    clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    pointer-events: none;
}

/* =========================================================
   RELLO HONEY THEME — NAVBAR & MEGA MENU
   ========================================================= */

:root {
  /* --- Медова Палітра --- */
  --honey-bg: #FFFDF7;          /* Основний кремовий фон */
  --honey-cream-dark: #FBF4E0;  /* Трохи темніший кремовий для ховеру */
  --honey-primary: #F59E0B;     /* Основний золотий/янтарний */
  --honey-dark: #B45309;        /* Темний мед (для акцентів) */
  
  /* --- Текстова Палітра --- */
  --wax-text: #451a03;          /* Глибокий шоколадний (основний текст) */
  --wax-muted: #78350f;         /* Світліший шоколадний (другорядний текст) */
  
  /* --- Геометрія та Ефекти --- */
  --radius-card: 32px;          /* Кути карток */
  --radius-btn: 16px;           /* Кути кнопок */
  --hex-size: 42px;             /* Розмір іконки-соти */
  --navbar-height: 80px;        /* Висота навігаційної панелі */
  --shadow-soft: 0 10px 30px -10px rgba(69, 26, 3, 0.1); /* М'яка тінь */
}

/* =========================================================
   1. СТИЛІЗАЦІЯ НАВІГАЦІЙНОЇ ПАНЕЛІ (NAVBAR)
   ========================================================= */

/* Основний контейнер навбару */
.navbar-area.navbar-honey {
    background-color: var(--honey-bg); /* Теплий кремовий фон */
    border-bottom: 1px solid rgba(245, 158, 11, 0.15); /* Тонка золота лінія знизу */
    box-shadow: var(--shadow-soft); /* М'яка тінь для об'єму */
    padding: 0; /* Прибираємо зайві відступи */
    height: var(--navbar-height);
    align-items: center;
    transition: all 0.3s ease;
}

/* Логотип (коригування відступів) */
.navbar-honey .navbar-brand {
    padding: 0;
    margin-right: 40px; /* Відступ від лого до меню */
}

/* --- Посилання Меню (Верхній рівень) --- */
.navbar-honey .navbar-nav .nav-link {
    font-size: 16px;
    font-weight: 700;
    color: var(--wax-text) !important; /* Шоколадний колір */
    padding: 10px 18px !important;
    border-radius: var(--radius-btn); /* Округлі кнопки меню */
    transition: all 0.2s ease;
    position: relative;
}

/* Ховер ефект для посилань меню */
.navbar-honey .navbar-nav .nav-link:hover,
.navbar-honey .navbar-nav .nav-link.active {
    background-color: var(--honey-cream-dark); /* Світло-кремовий фон при наведенні */
    color: var(--honey-primary) !important; /* Золотистий текст */
}

/* Активне посилання (додатковий акцент) */
.navbar-honey .navbar-nav .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 3px;
    background-color: var(--honey-primary);
    border-radius: 10px;
}


/* --- Права Частина (Іконки та Кнопки) --- */

/* Іконки (Wishlist, Login) */
.navbar-honey .others-options .option-item .wishlist-btn,
.navbar-honey .others-options .option-item .login-btn {
    color: var(--wax-text); /* Шоколадний колір */
    font-weight: 700;
    transition: color 0.2s;
    display: flex;
    align-items: center;
}

.navbar-honey .others-options .option-item .wishlist-btn i,
.navbar-honey .others-options .option-item .login-btn i {
    font-size: 22px; /* Трохи більші іконки */
    margin-right: 5px;
}

/* Ховер для іконок */
.navbar-honey .others-options .option-item .wishlist-btn:hover,
.navbar-honey .others-options .option-item .login-btn:hover {
    color: var(--honey-primary); /* Золотистий при наведенні */
}

/* Бейдж (лічильник) на іконці серця */
.navbar-honey .others-options .option-item .badge {
    background-color: var(--honey-primary) !important;
    color: white !important;
    border: 2px solid var(--honey-bg); /* Обводка під колір фону */
}


/* --- Кнопка "Add Listing" --- */
.navbar-honey .others-options .option-item .default-btn {
    background: linear-gradient(135deg, var(--honey-primary), var(--honey-dark)); /* Золотий градієнт */
    color: white;
    font-weight: 700;
    font-size: 16px;
    padding: 12px 28px;
    border-radius: var(--radius-btn); /* Округла форма */
    border: none;
    box-shadow: 0 8px 15px rgba(245, 158, 11, 0.25); /* Тінь */
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

/* Іконка всередині кнопки */
.navbar-honey .others-options .option-item .default-btn i {
    margin-right: 8px;
    font-size: 18px;
}

/* Ховер ефект для кнопки */
.navbar-honey .others-options .option-item .default-btn:hover {
    transform: translateY(-3px); /* Легкий підйом */
    box-shadow: 0 12px 25px rgba(245, 158, 11, 0.35);
    filter: brightness(1.05);
}


/* =========================================================
   FIX: FULL WIDTH GRID (Лого і кнопки по краях екрану)
   ========================================================= */

@media (min-width: 1200px) {
    
    /* 1. Налаштовуємо сітку на всю ширину */
    .navbar-area.navbar-honey .navbar-honey__nav {
        display: grid !important;
        /* 1fr (Лівo) | auto (Центр) | 1fr (Право) */
        grid-template-columns: 1fr auto 1fr; 
        align-items: center;
        
        width: 100%;
        max-width: 100%; /* Прибираємо обмеження ширини */
        padding: 0;      /* Відступи регулюємо в батьківському контейнері */
    }

    /* 2. Задаємо відступи від країв монітора тут */
    .navbar-area.navbar-honey .desktop-nav .container-fluid {
        width: 100%;
        max-width: 100% !important; /* Розтягуємо на весь екран */
        padding: 0 40px; /* Відступ логотипу і кнопок від краю екрану */
        display: flex;   /* Допоміжний флекс для контейнера */
    }

    /* 3. "Розчиняємо" обгортку collapse, щоб дістати елементи */
    .navbar-area.navbar-honey .navbar-collapse {
        display: contents !important;
    }

    /* 4. Логотип -> В самий кінець ліворуч */
    .navbar-area.navbar-honey .navbar-brand {
        grid-column: 1;
        justify-self: start; /* Притискаємо вліво */
        margin-right: 0;
    }

    /* 5. Меню -> Рівно по центру */
    .navbar-area.navbar-honey .navbar-nav.navbar-mega {
        grid-column: 2;
        justify-self: center; /* Центруємо */
        
        display: flex;
        flex-direction: row;
        gap: 3px; 
        margin: 0 !important;
        white-space: nowrap;
    }

    /* 6. Кнопки -> В самий кінець праворуч */
    .navbar-area.navbar-honey .others-options {
        grid-column: 3;
        justify-self: end; /* Притискаємо вправо */
        
        display: flex;
        align-items: center;
        margin-left: 0 !important;
    }
}

/* Адаптив: якщо екран менше 1450px, зменшуємо шрифт, щоб меню влізло */
@media (max-width: 1450px) {
    .navbar-area.navbar-honey .nav-link {
        font-size: 15px;
        padding: 10px 10px !important;
    }
    /* Зменшуємо бокові відступи, якщо екран малий */
    .navbar-area.navbar-honey .desktop-nav .container-fluid {
        padding: 0 20px;
    }
}



/* =========================
   Bee Honey – Unified UI
   (searchbar + competitor-like card)
   ========================= */
:root{
  --honey-50:  #FFFBEB;
  --honey-100: #FEF3C7;
  --honey-200: #FDE68A;
  --honey-300: #FCD34D;
  --honey-400: #FBBF24;
  --honey-500: #F59E0B;
  --honey-600: #D97706;

  --ink-900:   #0F172A;
  --ink-700:   #334155;
  --ink-500:   #64748B;

  --line:      rgba(15, 23, 42, .10);
  --shadow:    0 18px 45px rgba(15, 23, 42, .12);
  --shadow2:   0 10px 26px rgba(15, 23, 42, .08);
}

/* ===== Searchbar ===== */
.honey-searchbar-area{ padding: 18px 0 0; }
.honey-searchbar{
  background:#fff;
  border:1px solid rgba(30,41,59,.10);
  border-radius:18px;
  padding:12px;
  box-shadow:0 10px 30px rgba(15,23,42,.06);
}
.honey-searchbar__form{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.honey-pill{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(30,41,59,.12);
  background:rgba(250,204,21,.10);
  min-height:44px;
}
.honey-pill i{ font-size:18px; opacity:.85; }
.honey-pill--input{ flex:1 1 320px; background:#fff; }
.honey-pill__input{
  border:none; outline:none; width:100%; min-width:220px;
  background:transparent; font-size:14px;
}
.honey-pill__select{
  border:none; outline:none; background:transparent;
  padding-right:22px; font-size:14px; cursor:pointer;
  appearance:none;
}
.honey-pill .ri-arrow-down-s-line{
  position:absolute; right:10px; pointer-events:none; opacity:.7;
}
.honey-pill--pair{ gap:6px; background:#fff; }
.honey-pill__label{ font-weight:900; opacity:.85; margin-right:4px; }
.honey-pill__mini{
  width:92px; border:none; outline:none; background:transparent; font-size:14px;
}
.honey-pill__sep{ opacity:.6; }
.honey-pill--ghost{
  background:transparent;
  border-style:dashed;
  color:inherit;
}
.honey-more-toggle{ cursor:pointer; }
.honey-more-toggle__chev{ display:inline-flex; align-items:center; margin-left:2px; transition: .2s; }
.honey-more-toggle[aria-expanded="true"] .honey-more-toggle__chev{ transform: rotate(180deg); }

.honey-btn{
  border:none;
  border-radius:999px;
  padding:12px 16px;
  min-height:44px;
  font-weight:950;
  cursor:pointer;
  background:var(--honey-300);
  color:var(--ink-900);
  display:inline-flex;
  align-items:center;
  gap:8px;
  box-shadow: 0 10px 22px rgba(245, 158, 11, .18);
}
.honey-btn:hover{ filter:brightness(.98); }
.honey-btn--soft{
  background:rgba(250,204,21,.18);
  border:1px solid rgba(250,204,21,.35);
  text-decoration:none;
  color:var(--ink-900);
  box-shadow:none;
}

/* Tabs + sort */
.honey-tabs-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:14px 2px 0;
}
.honey-tabs{ display:inline-flex; gap:10px; }
.honey-tab{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(30,41,59,.12);
  background:#fff;
  text-decoration:none;
  color:inherit;
}
.honey-tab--active{
  background:rgba(250,204,21,.16);
  border-color:rgba(250,204,21,.45);
}
.honey-count{
  background:rgba(15,23,42,.06);
  padding:2px 8px;
  border-radius:999px;
  font-size:12px;
}
.honey-sort{ display:inline-flex; align-items:center; gap:8px; }
.honey-sort__label{ opacity:.8; font-weight:900; }
.honey-sort__select{
  border-radius:10px;
  border:1px solid rgba(30,41,59,.12);
  padding:10px 12px;
  background:#fff;
}

/* More filters */
.honey-more-panel{
  margin-top:10px;
  border-top:1px solid rgba(30,41,59,.08);
  padding-top:12px;
  display:none;
}
.honey-more-panel.is-open{ display:block; }
.honey-more-panel__inner{
  background:rgba(250,204,21,.06);
  border:1px solid rgba(30,41,59,.10);
  border-radius:16px;
  padding:14px;
}
.honey-label{ font-weight:950; display:block; margin-bottom:6px; opacity:.85; }
.honey-input{
  width:100%;
  border-radius:12px;
  border:1px solid rgba(30,41,59,.12);
  padding:10px 12px;
  background:#fff;
}
.honey-more-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.honey-hint{ opacity:.7; font-weight:800; }

/* Honey checkbox */
.honey-check{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  background:#fff;
  border:1px solid rgba(30,41,59,.10);
  border-radius:14px;
  cursor:pointer;
  user-select:none;
}
.honey-check__input{ display:none; }
.honey-check__box{
  width:18px; height:18px;
  border-radius:6px;
  border:2px solid rgba(15,23,42,.25);
  background:transparent;
  display:inline-block;
  position:relative;
}
.honey-check__input:checked + .honey-check__box{
  background:rgba(250,204,21,.95);
  border-color:rgba(250,204,21,.95);
}
.honey-check__label{ font-weight:900; opacity:.9; }

/* Sponsored rail */
.honey-sponsored{
  position:sticky;
}
.honey-sponsored__title{
  font-weight:950;
  opacity:.8;
  margin:8px 0 10px;
}
.honey-sponsored__card{
  display:flex;
  gap:12px;
  align-items:center;
  padding:14px;
  border-radius:14px;
  border:1px solid rgba(30,41,59,.10);
  background:#fff;
  text-decoration:none;
  color:inherit;
  margin-bottom:12px;
  box-shadow: var(--shadow2);
}
.honey-sponsored__card:hover{
  box-shadow: var(--shadow);
  border-color: rgba(245, 158, 11, .28);
}
.honey-sponsored__logo{
  width:54px; height:54px;
  border-radius:14px;
  background:rgba(250,204,21,.22);
  display:grid;
  place-items:center;
  font-weight:950;
}
.honey-sponsored__name{ font-weight:950; }
.honey-sponsored__loc{ opacity:.7; font-size:13px; }

/* Map placeholder */
.honey-map-placeholder{
  border:1px dashed rgba(30,41,59,.20);
  background:rgba(250,204,21,.08);
  border-radius:18px;
  padding:16px;
}
.honey-map-placeholder__inner{ display:flex; gap:12px; align-items:center; }
.honey-map-placeholder i{ font-size:22px; }

/* =========================
   Competitor-like LIST CARD
   Hero + 3 thumbs + body below
   ========================= */
.honey-list-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  overflow:hidden;
  box-shadow: var(--shadow2);
  margin-bottom:18px;
}
.honey-list-card:hover{
  box-shadow: var(--shadow);
  border-color: rgba(245, 158, 11, .32);
}

/* top media row */
.honey-list-card__media{
  display:grid;
  grid-template-columns: 1fr 170px;
  gap:10px;
  padding:12px;
  background: linear-gradient(180deg, rgba(255,251,235,.9), #fff);
}

/* hero */
.honey-list-card__hero{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  min-height: 240px;
  background: var(--honey-50);
}
.honey-list-card__hero-link{ display:block; height:100%; }
.honey-list-card__hero-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: translateZ(0);
}

/* badge */
.honey-list-card__badge{
  position:absolute;
  top:14px;
  left:14px;
  padding:8px 14px;
  border-radius:999px;
  font-weight:950;
  letter-spacing:.2px;
  background: rgba(245, 158, 11, .95);
  color: var(--ink-900);
  box-shadow: 0 10px 22px rgba(245, 158, 11, .22);
}

/* overlay bottom */
.honey-list-card__overlay{
  position:absolute;
  left:0; right:0; bottom:0;
  padding:12px 12px 10px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  background: linear-gradient(180deg, rgba(15,23,42,0) 0%, rgba(15,23,42,.55) 100%);
}
.honey-stars i{
  color:#fff;
  text-shadow: 0 2px 12px rgba(15,23,42,.55);
}
.honey-fav__btn{
  border:none;
  background: rgba(255,255,255,.14);
  color:#fff;
  border-radius: 999px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  cursor:pointer;
}
.honey-fav__btn:hover{
  background: rgba(255,255,255,.18);
}

/* thumbs column */
.honey-list-card__thumbs{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.honey-thumb{
  border:none;
  background:transparent;
  padding:0;
  border-radius:16px;
  overflow:hidden;
  cursor:pointer;
  height: calc((240px - 20px) / 3);
  min-height: 70px;
  outline: none;
  position: relative;
  box-shadow: 0 6px 16px rgba(15,23,42,.08);
}
.honey-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: translateZ(0);
}
.honey-thumb.is-active{
  box-shadow: 0 10px 22px rgba(245, 158, 11, .22);
}
.honey-thumb.is-active::after{
  content:"";
  position:absolute;
  inset:0;
  border:2px solid rgba(245, 158, 11, .85);
  border-radius:16px;
}

/* body */
.honey-list-card__body{
  padding: 14px 16px 16px;
  border-top: 1px solid rgba(15,23,42,.06);
}
.honey-list-card__topline{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
}
.honey-list-card__title{
  margin:0;
  font-size:18px;
  font-weight:950;
  line-height:1.25;
}
.honey-list-card__title a{ color: var(--ink-900); }
.honey-list-card__title a:hover{ color: var(--honey-600); }

.honey-list-card__price{
  font-weight:950;
  color: var(--honey-600);
  font-size:17px;
  white-space:nowrap;
}

.honey-list-card__meta{
  margin-top:10px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
}
.honey-list-card__loc{
  color: var(--ink-700);
  font-weight:850;
}
.honey-list-card__loc i{ color: var(--honey-600); }

.honey-list-card__chips{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.honey-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background: var(--honey-50);
  border: 1px solid rgba(245, 158, 11, .18);
  color: var(--ink-700);
  font-weight:900;
  font-size:13px;
}
.honey-chip i{ color: var(--honey-600); }

/* company row */
.honey-list-card__company{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(15,23,42,.12);
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}
.honey-list-card__company img{
  width:34px;
  height:34px;
  border-radius:999px;
  object-fit:cover;
  border:2px solid rgba(245, 158, 11, .25);
}
.honey-list-card__company span{
  font-weight:950;
  color: var(--ink-900);
}

/* responsive */
@media (max-width: 991px){
  .honey-list-card__media{
    grid-template-columns: 1fr;
  }
  .honey-list-card__thumbs{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .honey-thumb{
    height: 90px;
  }
  .honey-list-card__hero{
    min-height: 260px;
  }
}

/* =========================
   Bee Honey – FIX: less yellow, more premium white
   Put at END of custom-dev.css (overrides previous)
   ========================= */

:root{
  --bh-accent: #F59E0B;      /* honey */
  --bh-accent2:#FCD34D;      /* light honey */
  --bh-ink:    #0F172A;
  --bh-muted:  #64748B;
  --bh-line:   rgba(15,23,42,.10);
  --bh-line2:  rgba(245,158,11,.22);
  --bh-bg:     #ffffff;
  --bh-soft:   rgba(245,158,11,.06); /* very soft honey tint */
  --bh-soft2:  rgba(245,158,11,.10);
}

/* Container: mostly white, small honey glow on edges */
.honey-searchbar{
  background:
    radial-gradient(900px 240px at 10% -30%, rgba(245,158,11,.10), transparent 55%),
    radial-gradient(700px 220px at 95% 0%, rgba(252,211,77,.08), transparent 55%),
    #fff;
  border: 1px solid var(--bh-line);
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(15,23,42,.08);
}

/* Honeycomb: barely visible (remove the “yellow wallpaper”) */
.honey-searchbar::before{
  opacity: .08; /* << was too high */
  mask-image: radial-gradient(closest-side, rgba(0,0,0,.8), transparent 78%);
  filter: saturate(.7);
}

/* Pills: white, with honey border/hover only */
.honey-pill{
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 10px 18px rgba(15,23,42,.04);
}
.honey-pill i{ color: rgba(245,158,11,.95); }

/* Hover/focus adds honey, but subtle */
.honey-pill:hover{
  border-color: rgba(245,158,11,.28);
  box-shadow: 0 14px 26px rgba(245,158,11,.08);
}
.honey-pill:focus-within{
  border-color: rgba(245,158,11,.45);
  box-shadow: 0 0 0 4px rgba(245,158,11,.12);
  background: rgba(255,255,255,.98);
}

/* Inputs */
.honey-pill__input{
  color: var(--bh-ink);
  font-weight: 800;
}
.honey-pill__input::placeholder{
  color: rgba(100,116,139,.70);
  font-weight: 700;
}

/* Dropdowns (select): clean + readable */
.honey-pill__select,
.honey-sort__select,
.honey-input{
  appearance: none;
  background: transparent;
  color: var(--bh-ink);
  font-weight: 900;
}
.honey-pill .ri-arrow-down-s-line{
  color: rgba(15,23,42,.55);
  opacity: 1;
}

/* Search button: honey, but not neon */
.honey-btn{
  background: linear-gradient(180deg, #FCD34D, #F59E0B);
  color: #111827;
  border: 1px solid rgba(245,158,11,.35);
  box-shadow: 0 16px 30px rgba(245,158,11,.18);
}
.honey-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 20px 38px rgba(245,158,11,.22);
}

/* Soft buttons */
.honey-btn--soft{
  background: #fff;
  border: 1px solid rgba(245,158,11,.22);
  box-shadow: 0 10px 18px rgba(15,23,42,.04);
}
.honey-btn--soft:hover{
  background: rgba(245,158,11,.06);
}

/* More filters panel: WHITE card, tiny honey tint only */
.honey-more-panel__inner{
  background:
    radial-gradient(900px 240px at 15% 0%, rgba(245,158,11,.08), transparent 60%),
    #fff;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 16px;
  box-shadow: 0 14px 38px rgba(15,23,42,.08);
}
.honey-more-panel__inner::before{
  opacity: .06;  /* << reduce honeycomb inside too */
  filter: saturate(.6);
}

/* Inputs inside panel */
.honey-input{
  background: #fff;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: 0 10px 18px rgba(15,23,42,.03);
}
.honey-input:focus{
  border-color: rgba(245,158,11,.45);
  box-shadow: 0 0 0 4px rgba(245,158,11,.12);
}

/* Amenities cards: white, honey border on hover */
.honey-check{
  background: #fff;
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 10px 18px rgba(15,23,42,.03);
}
.honey-check:hover{
  border-color: rgba(245,158,11,.28);
  box-shadow: 0 14px 26px rgba(245,158,11,.08);
}
.honey-check__box{
  border-color: rgba(15,23,42,.28);
}
.honey-check__input:checked + .honey-check__box{
  background: linear-gradient(180deg, #FCD34D, #F59E0B);
  border-color: rgba(245,158,11,.35);
}

/* Tabs: mostly white */
.honey-tab{
  background: #fff;
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 10px 18px rgba(15,23,42,.03);
}
.honey-tab--active{
  background: rgba(245,158,11,.08);
  border-color: rgba(245,158,11,.28);
}

/* Tip text, labels: darker for readability */
.honey-label{ color: rgba(15,23,42,.75); }
.honey-hint{ color: rgba(100,116,139,.85); font-weight: 700; }


/* =========================
   🐝 BEE HONEY IMMOWEB-LIKE v2 (FULL)
   Scope: properties/show
   ========================= */
:root{
  --h-amber:#f7b500;
  --h-amber2:#ffcf3f;
  --h-ink:#1f1f22;
  --h-muted:rgba(31,31,34,.62);
  --h-line:rgba(31,31,34,.10);
  --h-card:#ffffff;
  --h-cream:#fffaf0;
  --h-milk:#fff7df;
  --h-radius:18px;
  --h-shadow:0 18px 40px rgba(31,31,34,.10);
  --h-shadow2:0 12px 26px rgba(31,31,34,.12);
}

/* Page background (soft honey glow + subtle honeycomb dots) */
.honey-immo-top, .honey-immo-fold{
  position: relative;
}
.honey-immo-fold:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 550px at 12% 0%, rgba(247,181,0,.11), transparent 60%),
    radial-gradient(900px 550px at 88% 0%, rgba(255,207,63,.11), transparent 60%),
    radial-gradient(900px 650px at 50% 85%, rgba(247,181,0,.08), transparent 60%),
    radial-gradient(circle at 10px 10px, rgba(247,181,0,.10) 2px, transparent 3px) 0 0/34px 34px;
  opacity:.65;
}

/* Typography baseline */
.honey-immo-top__title{
  font-size: 34px;
  line-height: 1.15;
}
@media(max-width: 768px){
  .honey-immo-top__title{ font-size: 26px; }
}
.honey-content{
  color: rgba(31,31,34,.82);
  font-weight: 650;
  line-height: 1.75;
}

/* Cards */
.honey-card{
  background:var(--h-card);
  border:1px solid var(--h-line);
  border-radius:var(--h-radius);
  box-shadow:var(--h-shadow);
  overflow:hidden;
  position:relative;
}
.honey-card:before{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background:
    radial-gradient(420px 240px at 10% 0%, rgba(247,181,0,.10), transparent 55%),
    radial-gradient(380px 260px at 95% 10%, rgba(255,207,63,.10), transparent 55%);
  opacity:.55;
}
.honey-card__head{ position:relative; z-index:1; padding:18px 18px 0; }
.honey-card__body{ position:relative; z-index:1; padding:18px; }
.honey-card__title{
  margin:0;
  font-weight:950;
  color:var(--h-ink);
  display:flex; align-items:center; gap:10px;
  letter-spacing:-.01em;
}
.honey-card__title i{ color:var(--h-amber); }

/* TOP BAR */
.honey-immo-top{
  padding: 18px 0 10px;
  background:
    radial-gradient(900px 520px at 15% 0%, rgba(247,181,0,.12), transparent 58%),
    radial-gradient(900px 520px at 85% 0%, rgba(255,207,63,.12), transparent 58%);
}
.honey-immo-top__row{
  display:flex; align-items:flex-start; justify-content:space-between;
  gap:18px; flex-wrap:wrap;
}
.honey-immo-top__kicker{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.honey-immo-top__meta{
  display:flex; gap:10px; align-items:center; flex-wrap:wrap;
  color:var(--h-muted); font-weight:750;
}
.honey-immo-top__meta i{ color:var(--h-amber); }
.honey-immo-top__right{ margin-left:auto; text-align:right; }
.honey-immo-top__price{
  font-size: 24px;
  font-weight: 980;
  color: #b96b00;
  letter-spacing:-.01em;
}
.honey-immo-top__actions{
  display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap;
  margin-top: 10px;
}

/* Pills */
.honey-pill{
  display:inline-flex; gap:8px; align-items:center;
  padding:8px 12px; border-radius:999px;
  font-size:12px; font-weight:950; letter-spacing:.06em; text-transform:uppercase;
}
.honey-pill--deal{
  background:linear-gradient(135deg,var(--h-amber),var(--h-amber2));
  color:#1c1c1f;
  box-shadow: 0 10px 18px rgba(247,181,0,.18);
}
.honey-pill--soft{
  background: rgba(31,31,34,.05);
  border:1px solid rgba(31,31,34,.08);
  color: rgba(31,31,34,.76);
}

/* Buttons */
.honey-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:12px 14px; border-radius:14px;
  font-weight:950; text-decoration:none;
  border:1px solid transparent;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
  white-space: nowrap;
}
.honey-btn:hover{ transform: translateY(-1px); }
.honey-btn--primary{
  background:linear-gradient(135deg,var(--h-amber),var(--h-amber2));
  color:#1c1c1f;
  box-shadow: 0 14px 26px rgba(247,181,0,.22);
}
.honey-btn--primary:hover{ box-shadow: 0 18px 34px rgba(247,181,0,.28); }
.honey-btn--ghost{
  background: rgba(31,31,34,.04);
  border-color: rgba(31,31,34,.10);
  color: rgba(31,31,34,.82);
}
.honey-btn[disabled]{ cursor:not-allowed; }

/* Fold spacing */
.honey-immo-fold{ padding: 12px 0 70px; position:relative; }

/* Sticky sidebar */
.honey-sticky{ position: sticky; top: 90px; }
@media(max-width: 991px){
  .honey-sticky{ position: static; top:auto; }
}

/* Gallery */
.honey-card--media{ box-shadow: var(--h-shadow2); }
.honey-gallery{
  display:flex;
  flex-direction:column;
}
.honey-gallery__main{
  background:#000;
  border-bottom: 1px solid var(--h-line);
}
.honey-gallery__main img{
  width:100%;
  height: 440px;
  object-fit: cover;
  display:block;
  opacity:.97;
}
.honey-gallery__thumbs{
  padding: 14px;
  display:flex;
  gap:10px;
  overflow:auto;
  background: rgba(255,250,240,.55);
}
.honey-thumbbtn{
  border:1px solid rgba(31,31,34,.10);
  border-radius: 18px;
  padding: 0;
  background:#fff;
  flex: 0 0 auto;
  width: 118px;
  height: 88px;
  overflow:hidden;
  box-shadow: 0 10px 18px rgba(31,31,34,.08);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  position: relative;
}
.honey-thumbbtn:after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background:
    radial-gradient(220px 120px at 15% 10%, rgba(247,181,0,.10), transparent 55%),
    radial-gradient(220px 120px at 90% 0%, rgba(255,207,63,.10), transparent 55%);
  opacity:.55;
}
.honey-thumbbtn:hover{ transform: translateY(-1px); box-shadow: 0 14px 26px rgba(31,31,34,.10); }
.honey-thumbbtn.is-active{
  border-color: rgba(247,181,0,.65);
  box-shadow: 0 16px 30px rgba(247,181,0,.18);
}
.honey-thumbbtn img{
  width:100%; height:100%;
  object-fit: cover;
  display:block;
}
@media(max-width: 768px){
  .honey-gallery__main img{ height: 320px; }
  .honey-thumbbtn{ width: 96px; height: 74px; }
}

/* Overview chips */
.honey-overview{ display:flex; gap:12px; flex-wrap:wrap; }
.honey-chip{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px;
  border-radius:14px;
  background: rgba(255,250,240,.85);
  border:1px solid rgba(247,181,0,.12);
  font-weight:950;
  color: rgba(31,31,34,.78);
}
.honey-chip i{ color: var(--h-amber); }
.honey-chip strong{ color: var(--h-ink); }
.honey-chip span{ font-weight:850; color: rgba(31,31,34,.62); }
.honey-chip--energy i{ color:#f2a900; }

/* Amenity tags */
.honey-tags{ display:flex; gap:10px; flex-wrap:wrap; }
.honey-tag{
  display:inline-flex; gap:8px; align-items:center;
  padding:8px 10px;
  border-radius:999px;
  background: rgba(31,31,34,.04);
  border: 1px solid rgba(31,31,34,.08);
  font-weight: 950;
  color: rgba(31,31,34,.78);
}
.honey-tag i{ color:#2f9d5a; }

/* Accordion */
.honey-accordion{ display:flex; flex-direction:column; gap:10px; }
.honey-acc-item{
  border:1px solid rgba(31,31,34,.10);
  border-radius: 16px;
  overflow:hidden;
  background: rgba(255,255,255,.94);
}
.honey-acc-btn{
  width:100%;
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 14px;
  background: rgba(255,250,240,.85);
  border:0;
  font-weight:980;
  color: var(--h-ink);
  transition: background .12s ease;
}
.honey-acc-btn:hover{ background: rgba(255,247,223,.92); }
.honey-acc-btn .left{ display:flex; gap:10px; align-items:center; }
.honey-acc-btn .left i{ color: var(--h-amber); }
.honey-acc-btn .chevron{
  color: rgba(31,31,34,.55);
  transition: transform .16s ease;
}
.honey-acc-btn[aria-expanded="true"] .chevron{ transform: rotate(180deg); }

.honey-acc-body{ padding: 14px; border-top:1px solid rgba(31,31,34,.08); }

/* Spec rows */
.honey-spec{ display:flex; flex-direction:column; gap:10px; }
.honey-spec__row{
  display:flex; justify-content:space-between; gap:12px;
  padding:10px 12px;
  border-radius:14px;
  background: rgba(31,31,34,.03);
  border: 1px solid rgba(31,31,34,.06);
}
.honey-spec__label{
  font-weight:950;
  color: rgba(31,31,34,.72);
  display:flex; gap:10px; align-items:center;
}
.honey-spec__label i{ color: var(--h-amber); }
.honey-spec__value{ font-weight:980; color: var(--h-ink); }

/* Energy bar */
.honey-energy__label{ font-weight:950; color: rgba(31,31,34,.75); }
.honey-energy__bar{
  display:grid;
  grid-template-columns: repeat(7, 1fr);
  gap:6px;
  margin-top: 10px;
}
.honey-energy__bar .seg{
  padding:10px 0;
  border-radius: 12px;
  text-align:center;
  font-weight:980;
  border:1px solid rgba(31,31,34,.08);
}
.honey-energy__bar .a{ background: rgba(46, 204, 113,.18); }
.honey-energy__bar .b{ background: rgba(39, 174, 96,.16); }
.honey-energy__bar .c{ background: rgba(241, 196, 15,.20); }
.honey-energy__bar .d{ background: rgba(243, 156, 18,.20); }
.honey-energy__bar .e{ background: rgba(230, 126, 34,.20); }
.honey-energy__bar .f{ background: rgba(231, 76, 60,.18); }
.honey-energy__bar .g{ background: rgba(192, 57, 43,.16); }

/* Similar */
.honey-sim{
  display:block;
  text-decoration:none;
  color:inherit;
  border:1px solid rgba(31,31,34,.10);
  border-radius: 18px;
  overflow:hidden;
  background:#fff;
  box-shadow: 0 14px 28px rgba(31,31,34,.08);
  transition: transform .12s ease, box-shadow .12s ease;
}
.honey-sim:hover{ transform: translateY(-1px); box-shadow: 0 18px 34px rgba(31,31,34,.10); }
.honey-sim__img{
  display:block;
  height: 140px;
  background-size:cover;
  background-position:center;
}
.honey-sim__body{ display:block; padding: 12px 12px 14px; }
.honey-sim__title{ display:block; font-weight:980; color: var(--h-ink); line-height:1.2; }
.honey-sim__meta{ display:block; margin-top:6px; font-weight:850; color: var(--h-muted); font-size:13px; }
.honey-sim__meta i{ color: var(--h-amber); margin-right:6px; }
.honey-sim__price{ display:block; margin-top:8px; font-weight:980; color:#b96b00; }

/* Agency blocks */
.honey-agency{ display:flex; gap:12px; align-items:center; }
.honey-agency__logo{
  width:56px; height:56px; border-radius:18px;
  object-fit:cover;
  border:1px solid rgba(31,31,34,.10);
}
.honey-agency .name{ font-weight:980; color: var(--h-ink); }
.honey-agency .sub{ font-weight:880; color: var(--h-muted); }
.honey-agency .sub i{ color: var(--h-amber); margin-right:6px; }

/* Sidebar agency */
.honey-sideAgency{ text-align:left; }
.honey-sideAgency__logo{
  width:64px; height:64px; border-radius:20px;
  object-fit:cover;
  border:1px solid rgba(31,31,34,.10);
}
.honey-sideAgency__name{
  margin-top:10px;
  font-weight:980;
  color: var(--h-ink);
  font-size:18px;
}
.honey-sideAgency__sub{ font-weight:880; color: var(--h-muted); margin-top:3px; }
.honey-sideAgency__cta{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:14px;
}
.honey-sideAgency__cta .honey-btn{ width:100%; }
.honey-sideAgency__blockTitle{
  font-weight:980;
  color: var(--h-ink);
  margin-bottom:10px;
  display:flex; gap:10px; align-items:center;
}
.honey-sideAgency__blockTitle i{ color: var(--h-amber); }

/* Mini stats */
.honey-miniStat{
  padding:10px 12px;
  border-radius:16px;
  background: rgba(31,31,34,.04);
  border:1px solid rgba(31,31,34,.08);
  display:flex; flex-direction:column; gap:2px;
}
.honey-miniStat i{ color: var(--h-amber); }
.honey-miniStat span{ font-weight:880; color: var(--h-muted); font-size:13px; }
.honey-miniStat strong{ font-weight:980; color: var(--h-ink); }

.honey-divider{ height:1px; background: rgba(31,31,34,.08); margin:16px 0; }

/* Recent list */
.honey-recent{ display:flex; flex-direction:column; gap:12px; }
.honey-recent__item{
  display:flex; gap:12px;
  text-decoration:none; color:inherit;
  padding:10px;
  border-radius:16px;
  background: rgba(255,250,240,.85);
  border:1px solid rgba(31,31,34,.06);
  transition: transform .12s ease;
}
.honey-recent__item:hover{ transform: translateY(-1px); }
.honey-recent__thumb{
  width:74px; height:74px; border-radius:16px;
  background-size:cover; background-position:center;
  border:1px solid rgba(31,31,34,.10);
}
.honey-recent__title{
  font-weight:980;
  color: var(--h-ink);
  display:block;
  line-height:1.2;
}
.honey-recent__addr{
  font-weight:880;
  color: var(--h-muted);
  font-size:13px;
  display:block;
  margin-top:4px;
}
.honey-recent__addr i{ color: var(--h-amber); margin-right:6px; }

/* Form */
.honey-label{ font-weight:980; color: rgba(31,31,34,.75); }
.honey-input{
  border-radius:14px;
  border:1px solid rgba(31,31,34,.12);
  padding:12px 14px;
}
.honey-input:focus{
  border-color: rgba(247,181,0,.65);
  box-shadow: 0 0 0 4px rgba(247,181,0,.18);
}
#contact .honey-btn--primary{
  border-radius: 999px; /* honey bar like your screenshot */
  padding: 14px 16px;
}

/* Documents */
.honey-docs{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; }
.honey-docs a{
  display:flex; gap:10px; align-items:center;
  padding:10px 12px;
  border-radius:14px;
  text-decoration:none;
  background: rgba(31,31,34,.04);
  border:1px solid rgba(31,31,34,.08);
  color: var(--h-ink);
  font-weight:950;
}
.honey-docs i{ color:#b96b00; }

.honey-note{
  background: rgba(31,31,34,.04);
  border: 1px solid rgba(31,31,34,.08);
  border-radius: 14px;
  padding: 10px 12px;
  font-weight: 880;
  color: var(--h-muted);
}
.honey-note i{ color: var(--h-amber); margin-right:8px; }

/* Small polish */
.mt-4{ margin-top: 1.35rem !important; }

/* ===== Honey Gallery Owl ===== */
.honey-gallery2__main img{
  width:100%;
  height: 520px;
  object-fit: cover;
  display:block;
}
@media(max-width: 768px){
  .honey-gallery2__main img{ height: 340px; }
}

.honey-gallery2__thumbsWrap{
  padding: 14px;
  background: rgba(255,250,240,.55);
  border-top: 1px solid rgba(31,31,34,.10);
}

.honey-thumb2{
  border:1px solid rgba(31,31,34,.10);
  border-radius: 18px;
  padding:0;
  background:#fff;
  overflow:hidden;
  height: 92px;
  width: 100%;
  box-shadow: 0 10px 18px rgba(31,31,34,.08);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.honey-thumb2 img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
.honey-thumb2:hover{ transform: translateY(-1px); box-shadow: 0 14px 26px rgba(31,31,34,.10); }
.honey-thumb2.is-active{
  border-color: rgba(247,181,0,.75);
  box-shadow: 0 16px 30px rgba(247,181,0,.18);
}

/* Owl nav polish */
.honey-gallery2 .owl-nav button{
  width: 42px;
  height: 42px;
  border-radius: 14px !important;
  border: 1px solid rgba(31,31,34,.12) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 10px 18px rgba(31,31,34,.08);
}
.honey-gallery2 .owl-nav button span{
  font-size: 22px;
  line-height: 1;
  color: rgba(31,31,34,.85);
}


/* ===== Bee Honey Home (Immoweb-like) ===== */
.honey-home{
  background:
    radial-gradient(circle at 10% 10%, rgba(255,214,102,.12), transparent 45%),
    radial-gradient(circle at 90% 20%, rgba(247,181,0,.10), transparent 45%),
    #fbfbfd;
}

/* HERO */
.honey-hero{ position:relative; padding: 88px 0 34px; overflow:hidden; }
.honey-hero__bg{ position:absolute; inset:0; background:center/cover no-repeat; transform:scale(1.03); }
.honey-hero__overlay{ position:absolute; inset:0; background:linear-gradient(110deg, rgba(18,18,22,.84), rgba(18,18,22,.44)); }
.honey-hex{
  position:absolute; inset:-120px;
  background-image: radial-gradient(rgba(255,214,102,.13) 1px, transparent 1px);
  background-size: 18px 18px;
  opacity:.65;
  mix-blend-mode: screen;
}
.honey-hero__grid{
  position:relative;
  display:grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 22px;
  align-items:start;
}
@media(max-width: 992px){ .honey-hero__grid{ grid-template-columns:1fr; } }

.honey-kicker{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:12px; }
.honey-pill{
  display:inline-flex; align-items:center; gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  font-weight:800; font-size: 13px;
  background: rgba(255,255,255,.10);
  color: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(6px);
}
.honey-pill--soft{ background: rgba(255,214,102,.12); border-color: rgba(255,214,102,.25); }

.honey-hero__title{ color:#fff; font-weight: 900; letter-spacing:-.02em; line-height:1.05; margin:0 0 10px; font-size: clamp(34px, 4vw, 52px); }
.honey-hero__text{ color: rgba(255,255,255,.86); font-size: 16px; line-height: 1.55; margin:0; max-width: 62ch; }

.honey-hero__wave{
  height: 36px;
  margin-top: 22px;
  background: linear-gradient(to bottom, rgba(251,251,253,0), rgba(251,251,253,1));
  border-radius: 999px;
  opacity:.9;
}

/* CARD / BUTTONS */
.honey-card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,31,34,.08);
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(31,31,34,.08);
}
.honey-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(31,31,34,.14);
  font-weight: 900;
  text-decoration:none;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.honey-btn:hover{ transform: translateY(-1px); }
.honey-btn--primary{
  background: linear-gradient(180deg, #ffd666, #f7b500);
  color: #1f1f22;
  box-shadow: 0 14px 30px rgba(247,181,0,.20);
}
.honey-btn--ghost{
  background: rgba(255,255,255,.10);
  color: rgba(31,31,34,.92);
  border-color: rgba(31,31,34,.10);
}
.honey-btn.w-100{ width:100%; }

/* Search */
.honey-search{ padding: 14px; }
.honey-search__tabs{
  display:flex; gap:8px;
  background: rgba(31,31,34,.03);
  padding: 8px;
  border-radius: 16px;
  margin-bottom: 12px;
}
.honey-tab{
  flex:1;
  border:0;
  background: transparent;
  padding: 10px 10px;
  border-radius: 14px;
  font-weight: 950;
  color: rgba(31,31,34,.70);
  display:flex; align-items:center; justify-content:center; gap:8px;
}
.honey-tab.is-active{
  background:#fff;
  color: rgba(31,31,34,.92);
  box-shadow: 0 10px 18px rgba(31,31,34,.08);
  border: 1px solid rgba(31,31,34,.06);
}
.honey-tab:disabled{ opacity:.45; cursor:not-allowed; }
.honey-field{ margin-bottom: 12px; }
.honey-field label{ display:block; font-size: 12px; font-weight: 950; color: rgba(31,31,34,.68); margin-bottom: 6px; }
.honey-inputWrap{ position:relative; }
.honey-inputWrap i{ position:absolute; left:12px; top:50%; transform:translateY(-50%); color: rgba(31,31,34,.55); font-size: 18px; }
.honey-input{
  width:100%;
  padding: 12px 12px 12px 40px;
  border-radius: 16px;
  border: 1px solid rgba(31,31,34,.10);
  background:#fff;
  outline:none;
}
.honey-input:focus{ border-color: rgba(247,181,0,.55); box-shadow: 0 0 0 4px rgba(247,181,0,.14); }

.honey-pillRow{ display:flex; gap:10px; flex-wrap:wrap; margin-top: 12px; }
.honey-pillLink{
  display:inline-flex; align-items:center; gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(31,31,34,.04);
  border: 1px solid rgba(31,31,34,.06);
  font-weight: 900;
  font-size: 12px;
  color: rgba(31,31,34,.82);
  text-decoration:none;
}

/* mini card */
.honey-miniCard{ margin-top: 12px; padding: 14px 16px; background: rgba(255,255,255,.82); }
.honey-miniCard__row{ display:flex; gap:12px; align-items:flex-start; }
.honey-miniCard__row i{ font-size: 20px; color: rgba(247,181,0,.95); }
.honey-miniCard__row strong{ display:block; }
.honey-miniCard__row span{ display:block; font-size: 12px; color: rgba(31,31,34,.66); }

/* Sections */
.honey-section{ padding: 46px 0; }
.honey-section--lift{ margin-top: -16px; padding-top: 22px; }
.honey-section--soft{
  background:
    radial-gradient(circle at 10% 20%, rgba(255,214,102,.10), transparent 40%),
    radial-gradient(circle at 90% 30%, rgba(247,181,0,.08), transparent 45%),
    #fff;
  border-top: 1px solid rgba(31,31,34,.06);
  border-bottom: 1px solid rgba(31,31,34,.06);
}
.honey-head{ margin-bottom: 16px; }
.honey-head h2{ display:flex; gap:10px; align-items:center; font-weight: 950; margin:0; letter-spacing:-.01em; }
.honey-head i{ color: rgba(247,181,0,.95); }
.honey-head--row{ display:flex; align-items:center; justify-content:space-between; gap:12px; }

.honey-services{ display:flex; gap:12px; flex-wrap:wrap; margin-top: 14px; }
.honey-servicePill{
  display:inline-flex; align-items:center; gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(31,31,34,.03);
  border: 1px solid rgba(31,31,34,.06);
  font-weight: 900;
  text-decoration:none;
  color: rgba(31,31,34,.84);
}

/* Handpicked layout */
.honey-handpicked{
  display:grid;
  grid-template-columns: 360px minmax(0,1fr);
  gap: 14px;
}
@media(max-width: 992px){ .honey-handpicked{ grid-template-columns:1fr; } }

.honey-agencyCard{ padding: 14px; position:relative; }
.honey-agencyCard__badge{
  display:inline-flex; align-items:center; gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(247,181,0,.14);
  border: 1px solid rgba(247,181,0,.22);
  font-weight: 950;
  font-size: 12px;
}
.honey-agencyCard__top{ display:flex; gap:12px; margin-top: 12px; }
.honey-agencyCard__logo{ width: 62px; height: 62px; border-radius: 18px; object-fit:cover; border: 2px solid #fff; box-shadow: 0 14px 22px rgba(31,31,34,.10); }
.honey-agencyCard__meta .name{ font-weight: 950; }
.honey-agencyCard__meta .sub{ font-size: 12px; color: rgba(31,31,34,.68); margin-top: 4px; }
.honey-agencyCard__meta .link{ display:inline-flex; gap:8px; align-items:center; margin-top: 8px; font-weight: 900; font-size: 12px; text-decoration:none; color: rgba(31,31,34,.80); }
.honey-agencyCard__actions{ display:grid; gap:10px; margin-top: 14px; }

.honey-latest{ padding: 14px; }
.honey-latest__head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom: 10px; }
.honey-latest__head strong{ display:block; font-weight: 950; }
.honey-latest__head span{ display:block; font-size: 12px; color: rgba(31,31,34,.64); }

/* Horizontal strip */
.honey-strip{
  display:flex;
  gap:12px;
  overflow:auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 6px;
}
.honey-strip::-webkit-scrollbar{ height: 8px; }
.honey-strip::-webkit-scrollbar-thumb{ background: rgba(31,31,34,.12); border-radius: 999px; }
.honey-propMini{
  position:relative;
  min-width: 240px;
  scroll-snap-align: start;
  display:block;
  text-decoration:none;
  border-radius: 18px;
  border: 1px solid rgba(31,31,34,.08);
  overflow:hidden;
  background:#fff;
  box-shadow: 0 16px 28px rgba(31,31,34,.07);
}
.honey-propMini__img{ display:block; height: 120px; background:center/cover no-repeat; }
.honey-propMini__body{ display:block; padding: 10px 12px 12px; }
.honey-propMini__title{ display:block; font-weight: 950; color: rgba(31,31,34,.92); }
.honey-propMini__price{ display:block; font-weight: 950; color: rgba(247,181,0,.98); margin-top: 2px; }
.honey-propMini__meta{ display:block; font-size: 12px; color: rgba(31,31,34,.64); margin-top: 4px; }
.honey-propMini__fav{
  position:absolute; top:10px; right:10px;
  width: 34px; height: 34px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,31,34,.10);
}

.honey-dots{ display:flex; justify-content:center; gap:6px; padding-top: 10px; }
.honey-dots .dot{ width:6px; height:6px; border-radius: 999px; background: rgba(31,31,34,.18); }
.honey-dots .dot.is-active{ background: rgba(247,181,0,.95); }

.honey-navBtns{ display:flex; gap:8px; }
.honey-navBtn{
  width: 40px; height: 40px;
  border-radius: 14px;
  border: 1px solid rgba(31,31,34,.10);
  background: rgba(255,255,255,.90);
  box-shadow: 0 14px 22px rgba(31,31,34,.10);
  display:flex; align-items:center; justify-content:center;
}

/* Spotlight grid */
.honey-grid{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:12px; }
.honey-grid--4{ grid-template-columns: repeat(4, minmax(0,1fr)); }
@media(max-width: 992px){ .honey-grid, .honey-grid--4{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media(max-width: 576px){ .honey-grid, .honey-grid--4{ grid-template-columns: 1fr; } }

.honey-propCard{
  position:relative;
  display:block;
  text-decoration:none;
  border-radius: 18px;
  overflow:hidden;
  background:#fff;
  border: 1px solid rgba(31,31,34,.08);
  box-shadow: 0 16px 28px rgba(31,31,34,.07);
}
.honey-propCard__img{ display:block; height: 160px; background:center/cover no-repeat; }
.honey-propCard__tag{
  position:absolute; top:10px; left:10px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(247,181,0,.92);
  color: #1f1f22;
  font-weight: 950;
  font-size: 11px;
}
.honey-propCard__fav{
  position:absolute; top:10px; right:10px;
  width: 34px; height: 34px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(31,31,34,.10);
}
.honey-propCard__body{ display:block; padding: 10px 12px 12px; }
.honey-propCard__body .title{ display:block; font-weight: 950; color: rgba(31,31,34,.92); }
.honey-propCard__body .price{ display:block; font-weight: 950; color: rgba(247,181,0,.98); margin-top: 2px; }
.honey-propCard__body .meta{ display:block; font-size: 12px; color: rgba(31,31,34,.64); margin-top: 4px; }

.honey-propCard--mini{ min-width: 260px; }

/* Location bar */
.honey-location{
  margin-top: 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 14px 16px;
  border-radius: 20px;
  background: rgba(255,214,102,.14);
  border: 1px solid rgba(247,181,0,.22);
}
.honey-location__left{ display:flex; gap:12px; align-items:flex-start; }
.honey-location__left i{ font-size: 22px; color: rgba(247,181,0,.95); margin-top:2px; }
.honey-location__left strong{ display:block; font-weight: 950; }
.honey-location__left span{ display:block; font-size: 12px; color: rgba(31,31,34,.64); }
.honey-x{
  border:0;
  background: transparent;
  font-size: 22px;
  line-height: 1;
  color: rgba(31,31,34,.55);
}

/* Discover */
.honey-discover{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
@media(max-width: 992px){ .honey-discover{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media(max-width: 576px){ .honey-discover{ grid-template-columns: 1fr; } }
.honey-discoverCard{
  position:relative;
  display:block;
  border-radius: 18px;
  overflow:hidden;
  text-decoration:none;
  background:#fff;
  border: 1px solid rgba(31,31,34,.08);
  box-shadow: 0 16px 28px rgba(31,31,34,.07);
}
.honey-discoverCard__img{ display:block; height: 160px; background:center/cover no-repeat; }
.honey-discoverCard__overlay{ position:absolute; inset:0; background: linear-gradient(120deg, rgba(0,0,0,.55), rgba(0,0,0,.15)); }
.honey-discoverCard__body{ position:absolute; left:14px; right:14px; bottom: 14px; color:#fff; }
.honey-discoverCard__body .t{ display:block; font-weight: 950; }
.honey-discoverCard__body .b{ display:inline-flex; margin-top: 8px; padding: 8px 10px; border-radius: 999px; background: rgba(255,214,102,.92); color:#1f1f22; font-weight: 950; font-size: 12px; }

/* Cities */
.honey-cityGrid{ display:grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 12px; }
@media(max-width: 992px){ .honey-cityGrid{ grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media(max-width: 576px){ .honey-cityGrid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
.honey-city{
  display:block;
  text-decoration:none;
  border-radius: 18px;
  overflow:hidden;
  background:#fff;
  border: 1px solid rgba(31,31,34,.08);
  box-shadow: 0 16px 28px rgba(31,31,34,.06);
}
.honey-city__img{ display:block; height: 82px; background:center/cover no-repeat; }
.honey-city__name{ display:block; padding: 10px 12px 12px; font-weight: 950; color: rgba(31,31,34,.92); }

/* Types */
.honey-typeGrid{ display:grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 12px; }
@media(max-width: 992px){ .honey-typeGrid{ grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media(max-width: 576px){ .honey-typeGrid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
.honey-type{
  display:flex; align-items:center; justify-content:center; gap:10px;
  padding: 14px 12px;
  border-radius: 18px;
  text-decoration:none;
  background:#fff;
  border: 1px solid rgba(31,31,34,.08);
  box-shadow: 0 16px 28px rgba(31,31,34,.06);
  font-weight: 950;
  color: rgba(31,31,34,.86);
}
.honey-type i{ font-size: 20px; color: rgba(247,181,0,.95); }


:root{
  /* Honey palette */
  --bh-bg:#fbf6ea;          /* wax paper */
  --bh-card:#ffffff;
  --bh-text:#24170a;        /* dark honey */
  --bh-muted:#6b5b4c;

  --bh-line:rgba(36,23,10,.10);

  --bh-honey:#f7b500;       /* amber */
  --bh-honey2:#ffcf4a;      /* light honey */
  --bh-honey3:#ffdf84;      /* wax highlight */

  --bh-caramel:#c07a00;     /* deep amber for borders */
  --bh-brown:#3a240e;       /* chocolate */

  --bh-r:18px;
  --bh-shadow:0 18px 48px rgba(36,23,10,.14);
  --bh-shadow2:0 10px 22px rgba(36,23,10,.10);
}

.bh-hero{
  position: relative;
  background: var(--bh-bg);
  padding: 52px 0 42px;
  overflow: hidden;
}

/* background: warm gradient + honeycomb */
.bh-hero__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 420px at 18% 20%, rgba(255,223,132,.70), transparent 60%),
    radial-gradient(900px 420px at 80% 10%, rgba(247,181,0,.22), transparent 62%),
    linear-gradient(180deg, #fffaf0 0%, var(--bh-bg) 100%);
}

/* honeycomb (subtle, premium) */
.bh-hero__bg::after{
  content:"";
  position:absolute;
  inset:-10%;
  opacity:.55;
  pointer-events:none;

  /* BIG realistic honeycomb (SVG pattern) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='122' viewBox='0 0 140 122'%3E%3Cg fill='none' stroke='rgba(58,36,14,0.10)' stroke-width='1'%3E%3Cpath d='M35 2 L70 22 L70 62 L35 82 L0 62 L0 22 Z'/%3E%3Cpath d='M105 2 L140 22 L140 62 L105 82 L70 62 L70 22 Z'/%3E%3Cpath d='M70 60 L105 80 L105 120 L70 140 L35 120 L35 80 Z' transform='translate(0,-18)'/%3E%3C/g%3E%3C/svg%3E");

  /* control size of hex cells here */
  background-size: 160px 140px;
  background-position: 0 0;
  transform: rotate(-6deg);
}


.bh-hero__container{ position:relative; z-index:1; }

.bh-hero__grid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 26px;
  align-items: center;
}

.bh-hero__kicker{
  display:flex; align-items:center; gap:10px;
  color: var(--bh-brown);
  font-weight: 1000;
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: 12px;
}
.bh-dot{
  width:10px;height:10px;border-radius:999px;
  background: linear-gradient(135deg, var(--bh-honey2), var(--bh-honey));
  box-shadow: 0 14px 22px rgba(247,181,0,.24);
  border: 1px solid rgba(36,23,10,.10);
}

.bh-hero__title{
  margin: 10px 0 10px;
  font-size: 46px;
  line-height: 1.06;
  font-weight: 1100;
  letter-spacing: -.04em;
  color: var(--bh-text);
}
.bh-hero__sub{
  margin:0;
  color: var(--bh-muted);
  font-weight: 750;
  max-width: 60ch;
}

.bh-hero__chips{
  margin-top: 14px;
  display:flex; gap:10px; flex-wrap:wrap;
}
.bh-chip{
  display:inline-flex; align-items:center; gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  border: 1px solid var(--bh-line);
  box-shadow: 0 10px 18px rgba(36,23,10,.06);
  font-weight: 900;
  color: var(--bh-brown);
}
.bh-chip i{ color: var(--bh-caramel); }

/* SEARCH CARD = “honey premium glass” */
.bh-searchCard{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(36,23,10,.14);
  border-radius: var(--bh-r);
  box-shadow: var(--bh-shadow);
  overflow: hidden;
  backdrop-filter: blur(6px);
}

.bh-searchTabs{
  display:flex;
  gap:8px;
  padding: 12px;
  border-bottom: 1px solid rgba(36,23,10,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,250,240,.92) 100%);
}
.bh-tab{
  flex:1;
  display:flex; align-items:center; justify-content:center; gap:8px;
  border: 1px solid rgba(36,23,10,.12);
  background: rgba(255,255,255,.92);
  padding: 10px 12px;
  border-radius: 999px;
  font-weight: 1000;
  color: var(--bh-brown);
  cursor:pointer;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}
.bh-tab:hover{ transform: translateY(-1px); box-shadow: var(--bh-shadow2); }
.bh-tab.is-active{
  border-color: rgba(247,181,0,.55);
  background: linear-gradient(135deg, rgba(255,223,132,.80), rgba(247,181,0,.30));
  box-shadow: 0 14px 26px rgba(247,181,0,.16);
}
.bh-tab i{ color: var(--bh-caramel); }

.bh-form{ padding: 12px; }

.bh-field{ margin-bottom: 12px; }
.bh-label{
  display:block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 1000;
  color: rgba(58,36,14,.75);
}

.bh-inputRow{ position:relative; }
.bh-inputIcon{
  position:absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(58,36,14,.70);
  pointer-events:none;
}

.bh-input{
  width:100%;
  border: 1px solid rgba(36,23,10,.16);
  border-radius: 14px;
  padding: 12px 42px 12px 12px;
  font-weight: 800;
  outline:none;
  background: rgba(255,255,255,.92);
  color: var(--bh-text);
}
select.bh-input{ padding-right: 12px; }

.bh-input:focus{
  border-color: rgba(247,181,0,.75);
  box-shadow: 0 0 0 4px rgba(247,181,0,.20);
}

/* BUTTONS */
.bh-btn{
  width:100%;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 1100;
  border: 1px solid rgba(36,23,10,.14);
}

.bh-btn--primary{
  background: linear-gradient(135deg, var(--bh-honey2), var(--bh-honey));
  color: var(--bh-brown);
  border-color: rgba(247,181,0,.55);
  box-shadow: 0 18px 34px rgba(247,181,0,.20);
}
.bh-btn--primary:hover{
  filter: saturate(1.05);
  box-shadow: 0 22px 40px rgba(247,181,0,.24);
}

.bh-btn--honey{
  background: linear-gradient(135deg, #ffe7a6, var(--bh-honey));
  border-color: rgba(247,181,0,.55);
  color: var(--bh-brown);
}

.bh-lastSearch{
  margin-top: 10px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  color: rgba(58,36,14,.70);
  font-weight: 900;
  font-size: 12px;
}
.bh-lastSearch a{ color: var(--bh-brown); font-weight: 1100; text-decoration: underline; }
.bh-lastSearch i{ color: var(--bh-caramel); }

/* ESTIMATE PANEL */
.bh-estimate{ padding: 12px; border-top: 1px dashed rgba(36,23,10,.18); }
.bh-estimate__title{
  font-weight: 1100;
  display:flex; align-items:center; gap:10px;
  margin-bottom: 10px;
  color: var(--bh-text);
}
.bh-estimate__title i{ color: var(--bh-caramel); }

.bh-estimate__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 12px;
}

.bh-note{
  margin-top: 10px;
  color: rgba(58,36,14,.70);
  font-weight: 900;
  font-size: 12px;
  display:flex; align-items:center; gap:8px;
}
.bh-note i{ color: var(--bh-caramel); }

.bh-miniTrust{
  margin-top: 10px;
  display:flex; gap:10px; flex-wrap:wrap;
  color: rgba(58,36,14,.70);
  font-weight: 1000;
  font-size: 12px;
}
.bh-miniTrust__item{
  display:inline-flex; gap:8px; align-items:center;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.60);
  border: 1px solid rgba(36,23,10,.12);
}
.bh-miniTrust__item i{ color: var(--bh-caramel); }

/* RESPONSIVE */
@media (max-width: 991px){
  .bh-hero__grid{ grid-template-columns: 1fr; }
  .bh-hero__title{ font-size: 38px; }
  .bh-estimate__grid{ grid-template-columns: 1fr; }
}

/* ===== Handpicked expert — premium honey (closer to immoweb) ===== */
.bh-hpex{ padding: 22px 0 10px; }
.bh-hpex__sponsored{
  display:inline-flex; align-items:center; gap:8px;
  color: rgba(58,36,14,.72);
  font-weight: 1000;
  font-size: 12px;
}
.bh-hpex__title{
  margin: 4px 0 0;
  font-size: 30px;
  font-weight: 1200;
  color: var(--bh-text, #2b1b10);
  letter-spacing: -0.02em;
}

.bh-hpex__box{
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(36,23,10,.14);
  border-radius: 18px;
  box-shadow: 0 18px 46px rgba(36,23,10,.10);
  overflow: hidden;
}

.bh-hpex__grid{
  display:grid;
  grid-template-columns: 360px 1fr;
}

/* LEFT */
.bh-hpex__agency{
  padding: 18px;
  border-right: 1px solid rgba(36,23,10,.10);
}
.bh-hpex__agencyTop{
  display:flex;
  gap: 14px;
  align-items:flex-start;
}
.bh-hpex__logo{
  width: 78px; height: 78px;
  border-radius: 16px;
  border: 1px solid rgba(36,23,10,.12);
  overflow:hidden;
  background:#fff;
  box-shadow: 0 12px 22px rgba(36,23,10,.08);
}
.bh-hpex__logo img{ width:100%; height:100%; object-fit:cover; display:block; }
.bh-hpex__agencyName{
  font-weight: 1200;
  color: var(--bh-text, #2b1b10);
  font-size: 18px;
  margin: 2px 0 8px;
}
.bh-hpex__meta{
  display:flex; align-items:center; gap:8px;
  color: rgba(58,36,14,.78);
  font-weight: 950;
  margin-bottom: 8px;
}
.bh-hpex__meta i{ color: var(--bh-caramel, #b36b1e); }

.bh-hpex__services{
  display:inline-flex; align-items:center; gap:8px;
  color: rgba(58,36,14,.82);
  font-weight: 950;
  text-decoration: underline;
}

.bh-hpex__cta{
  margin-top: 18px;
  display:grid;
  gap: 12px;
}
.bh-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  width: 100%;
  padding: 12px 14px;
  border-radius: 999px;
  font-weight: 1150;
  border: 1px solid rgba(36,23,10,.16);
  text-decoration:none;
  transition: transform .12s ease, box-shadow .12s ease;
}
.bh-btn:active{ transform: translateY(1px); }
.bh-btn--outline{
  background: #fff;
  color: var(--bh-text, #2b1b10);
}
.bh-btn--outline:hover{ box-shadow: 0 14px 26px rgba(36,23,10,.08); }

.bh-btn--honey{
  background: linear-gradient(135deg, var(--bh-honey2, #ffd771), var(--bh-honey, #ffc62a));
  border-color: rgba(247,181,0,.55);
  color: var(--bh-brown, #3a240e);
  box-shadow: 0 20px 36px rgba(247,181,0,.22);
}
.bh-btn--honey:hover{ box-shadow: 0 24px 46px rgba(247,181,0,.28); }

/* RIGHT */
.bh-hpex__right{ padding: 16px 16px 12px; }
.bh-hpex__rightTop{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 2px 10px;
}
.bh-hpex__rightTitle{
  display:flex;
  gap: 14px;
  align-items: baseline;
}
.bh-hpex__rightTitle span{
  font-weight: 1200;
  color: var(--bh-text, #2b1b10);
  font-size: 22px;
  letter-spacing: -0.01em;
}
.bh-hpex__seeMore{
  font-size: 13px;
  font-weight: 1050;
  color: rgba(58,36,14,.82);
  text-decoration: underline;
}

.bh-hpex__nav{ display:flex; gap:10px; }
.bh-hpex__navBtn{
  width: 40px; height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(36,23,10,.14);
  background: #fff;
  display:grid;
  place-items:center;
  box-shadow: 0 10px 18px rgba(36,23,10,.08);
}

/* TRACK: IMPORTANT — no hidden overflow that blocks scrolling */
.bh-hpex__trackWrap{ position:relative; }
.bh-hpex__track{
  display:flex;
  gap: 16px;
  overflow-x: auto;
  padding: 10px 2px 10px;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.bh-hpex__track::-webkit-scrollbar{ height: 10px; }
.bh-hpex__track::-webkit-scrollbar-thumb{
  background: rgba(36,23,10,.18);
  border-radius: 999px;
}

/* Card */
.bh-hpexCard{
  flex: 0 0 auto;
  width: 280px;
  background: #fff;
  border: 1px solid rgba(36,23,10,.12);
  border-radius: 14px;
  overflow:hidden;
  box-shadow: 0 14px 26px rgba(36,23,10,.08);
  scroll-snap-align: start;
}
.bh-hpexCard__img{ position:relative; height: 160px; }
.bh-hpexCard__img img{ width:100%; height:100%; object-fit: cover; display:block; }
.bh-hpexCard__badge{
  position:absolute;
  left: 10px; top: 10px;
  background: rgba(58,36,14,.92);
  color: #fff;
  font-weight: 1100;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.bh-hpexCard__fav{
  position:absolute;
  right: 10px; top: 10px;
  width: 36px; height: 36px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.65);
  background: rgba(255,255,255,.92);
  display:grid;
  place-items:center;
}
.bh-hpexCard__body{ padding: 10px 12px 12px; }
.bh-hpexCard__type{ font-weight: 950; color: rgba(58,36,14,.70); font-size: 12px; }
.bh-hpexCard__price{ font-size: 20px; font-weight: 1250; color: var(--bh-text, #2b1b10); margin-top: 3px; }
.bh-hpexCard__meta,
.bh-hpexCard__loc{ font-weight: 900; color: rgba(58,36,14,.70); font-size: 13px; }

/* Dots centered like immoweb */
.bh-hpex__dots{
  display:flex;
  justify-content:center;
  gap: 10px;
  padding: 6px 0 10px;
}
.bh-hpex__dot{
  width: 8px; height: 8px;
  border-radius: 999px;
  background: rgba(36,23,10,.20);
  border: 0;
}
.bh-hpex__dot.is-active{
  background: rgba(58,36,14,.92);
  box-shadow: 0 10px 20px rgba(36,23,10,.12);
}

/* responsive */
@media (max-width: 991px){
  .bh-hpex__grid{ grid-template-columns: 1fr; }
  .bh-hpex__agency{ border-right: 0; border-bottom: 1px solid rgba(36,23,10,.10); }
  .bh-hpexCard{ width: 250px; }
}

/* ===== shared section header (можеш використати в інших секціях) ===== */
.bh-section-head{ margin: 0 0 12px; }
.bh-section-title{
  display:flex; align-items:center; gap:10px;
  font-size: 24px;
  font-weight: 1200;
  color: var(--bh-text, #2b1b10);
  letter-spacing: -.01em;
}
.bh-section-title i{ color: var(--bh-caramel, #b36b1e); }

/* ===== Cities ===== */
.bh-cities{ padding: 22px 0 8px; }
.bh-citiesGrid{
  display:grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
}

/* tile */
.bh-cityTile{
  position: relative;
  display:block;
  height: 78px;
  border-radius: 10px;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.36)),
    var(--bg) center/cover no-repeat;
  border: 1px solid rgba(36,23,10,.10);
  box-shadow: 0 12px 26px rgba(36,23,10,.08);
  transition: transform .14s ease, box-shadow .14s ease, filter .14s ease;
  text-decoration:none;
}

/* subtle honey sheen */
.bh-cityTile::after{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(circle at 30% 20%, rgba(255,214,120,.22), transparent 45%);
  pointer-events:none;
  mix-blend-mode: soft-light;
}

.bh-cityTile__overlay{
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,198,42,.20), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(58,36,14,.16), transparent 60%);
}

.bh-cityTile__name{
  position:absolute;
  left:0; right:0;
  top: 50%;
  transform: translateY(-50%);
  text-align:center;
  font-size: 16px;
  font-weight: 1200;
  color:#fff;
  text-shadow: 0 10px 22px rgba(0,0,0,.35);
  letter-spacing: .01em;
}

/* hover */
.bh-cityTile:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(36,23,10,.12);
  filter: saturate(1.05) contrast(1.02);
}

/* responsive */
@media (max-width: 1200px){
  .bh-citiesGrid{ grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 768px){
  .bh-citiesGrid{ grid-template-columns: repeat(2, 1fr); }
  .bh-cityTile{ height: 74px; }
}


  /* ============ Bee Honey tokens ============ */
  :root{
    --honey-ink:#2b1b12;
    --honey-muted: rgba(43,27,18,.64);
    --honey-line: rgba(43,27,18,.12);
    --honey-cream:#fff8ea;
    --honey-cream-2:#fff1cf;
    --honey-amber:#f5a900;
    --honey-amber-2:#ffcc4d;
    --honey-shadow: 0 14px 42px rgba(20,10,5,.12);
  }

  /* ============ Section ============ */
  .honey-popular{
    padding: 42px 0 26px;
    background:
      radial-gradient(1200px 400px at 20% 0%, rgba(245,169,0,.10), rgba(255,255,255,0) 60%),
      radial-gradient(900px 360px at 85% 30%, rgba(255,204,77,.10), rgba(255,255,255,0) 55%),
      #fff;
  }

  /* subtle honeycomb (bigger, believable, not “grid”) */
  .honey-popular::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.16;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='104' viewBox='0 0 120 104'%3E%3Cg fill='none' stroke='%23d7a74a' stroke-width='2' stroke-opacity='0.55'%3E%3Cpath d='M30 2 L90 2 L118 52 L90 102 L30 102 L2 52 Z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 140px 120px;
    background-position: 0 0;
  }
  .honey-popular{ position:relative; }

  /* ============ Head ============ */
  .honey-secHead{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-bottom: 18px;
    position:relative;
    z-index:1;
  }
  .honey-kicker{
    display:flex; align-items:center; gap:10px;
    color: rgba(43,27,18,.70);
    font-weight:800;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing:.08em;
  }
  .honey-kicker__dot{
    width:10px; height:10px; border-radius:999px;
    background: linear-gradient(180deg,var(--honey-amber-2),var(--honey-amber));
    box-shadow: 0 10px 26px rgba(245,169,0,.22);
  }
  .honey-title{
    margin:6px 0 0;
    font-weight: 900;
    color: var(--honey-ink);
    letter-spacing: -.03em;
    font-size: 28px;
  }
  .honey-link{
    display:inline-flex; align-items:center; gap:8px;
    text-decoration:none;
    font-weight:800;
    color: rgba(43,27,18,.78);
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(255,204,77,.16);
    border: 1px solid rgba(245,169,0,.18);
  }
  .honey-link:hover{
    background: rgba(255,204,77,.22);
  }

  /* ============ Slider wrapper ============ */
  .honey-popular__wrap{
    position:relative;
    z-index:1;
  }
  .honey-popular .owl-stage-outer{ padding: 10px 6px 18px; }
  .honey-popular .owl-item{ padding: 8px; }

  /* ============ Card (Bee Honey Premium) ============ */
  .honey-cardP{
    background: rgba(255,255,255,.92);
    border: 1px solid var(--honey-line);
    border-radius: 22px;
    overflow:hidden;
    box-shadow: var(--honey-shadow);
    backdrop-filter: blur(8px);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .honey-cardP:hover{
    transform: translateY(-3px);
    box-shadow: 0 22px 56px rgba(20,10,5,.16);
    border-color: rgba(245,169,0,.28);
  }

  .honey-cardP__media{
    position:relative;
    display:block;
    height: 190px;
    background: var(--bg) center/cover no-repeat;
  }
  .honey-cardP__overlay{
    position:absolute; inset:0;
    background:
      radial-gradient(900px 260px at 20% 10%, rgba(255,204,77,.18), rgba(0,0,0,0) 55%),
      linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.18));
    pointer-events:none;
  }
  .honey-cardP__shade{
    position:absolute; inset:auto 0 0 0; height:64px;
    background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.22));
    pointer-events:none;
  }

  .honey-cardP__badges{
    position:absolute; top:12px; left:12px;
    display:flex; gap:8px;
    z-index:2;
  }
  .honey-badge{
    display:inline-flex; align-items:center; gap:8px;
    padding: 7px 10px;
    border-radius: 999px;
    font-weight: 900;
    font-size: 12px;
    letter-spacing:.02em;
    border: 1px solid rgba(255,255,255,.35);
  }
  .honey-badge--new{
    background: rgba(43,27,18,.72);
    color: #fff;
    box-shadow: 0 12px 26px rgba(0,0,0,.20);
  }

  .honey-like{
    position:absolute; top:12px; right:12px;
    width:40px; height:40px;
    border-radius:999px;
    border: 1px solid rgba(255,255,255,.38);
    background: rgba(255,255,255,.86);
    display:grid; place-items:center;
    box-shadow: 0 14px 30px rgba(0,0,0,.18);
    z-index:2;
  }
  .honey-like i{ color: rgba(43,27,18,.88); font-size: 16px; }
  .honey-like:hover{ background:#fff; }

  .honey-cardP__body{
    padding: 14px 14px 12px;
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,248,234,.86));
  }
  .honey-cardP__type{
    font-weight: 800;
    color: rgba(43,27,18,.62);
    font-size: 13px;
    margin-bottom: 4px;
  }
  .honey-cardP__price{
    font-weight: 950;
    color: var(--honey-ink);
    font-size: 22px;
    letter-spacing: -.02em;
    line-height: 1.1;
    margin-bottom: 8px;
  }
  .honey-cardP__meta{
    color: var(--honey-muted);
    font-weight: 750;
    font-size: 13px;
    display:grid;
    gap: 6px;
  }
  .honey-metaRow{
    display:flex; align-items:center; gap:8px;
  }
  .honey-metaRow i{
    color: rgba(245,169,0,.95);
    width: 16px;
    text-align:center;
  }

  .honey-cardP__cta{
    margin-top: 10px;
    display:flex; align-items:center; justify-content:space-between;
    text-decoration:none;
    font-weight: 900;
    color: rgba(43,27,18,.88);
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(255,204,77,.22);
    border: 1px solid rgba(245,169,0,.18);
  }
  .honey-cardP__cta:hover{
    background: rgba(255,204,77,.28);
  }

  /* ============ Owl nav: honey buttons (not immoweb blue circle) ============ */
  .honey-popular .owl-nav{
    margin:0;
    position:absolute;
    right: -4px;
    top: 92px;
    display:flex; gap:10px;
  }
  .honey-popular .owl-nav button{
    width:44px; height:44px;
    border-radius:999px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,248,234,.92)) !important;
    border: 1px solid rgba(245,169,0,.22) !important;
    box-shadow: 0 18px 38px rgba(20,10,5,.14);
    display:grid; place-items:center;
  }
  .honey-popular .owl-nav button:hover{
    background: rgba(255,204,77,.22) !important;
  }
  .honey-popular .owl-nav button span{
    font-size: 34px;
    line-height: 1;
    color: rgba(43,27,18,.90);
    transform: translateY(-1px);
  }

  /* dots (warm) */
  .honey-popular .owl-dots{ margin-top: 8px; }
  .honey-popular .owl-dot span{
    width: 8px; height: 8px;
    margin: 5px 4px;
    background: rgba(43,27,18,.18);
  }
  .honey-popular .owl-dot.active span{
    background: rgba(245,169,0,.95);
  }

  @media (max-width: 991px){
    .honey-popular .owl-nav{ display:none; }
    .honey-cardP__media{ height: 210px; }
  }






  /* --- Language Switcher CSS --- */

.lang-dropdown {
    position: relative;
    display: inline-block;
    margin-right: 15px; /* Відступ від сусідніх елементів */
}

/* Кнопка перемикача */
.lang-btn {
    background: transparent;
    border: 1px solid #e0e0e0;
    border-radius: 50px; /* Округла кнопка */
    padding: 6px 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #292929;
    transition: all 0.3s ease;
}

/* Ефект при наведенні на кнопку */
.lang-btn:hover, 
.lang-dropdown.active .lang-btn {
    border-color: #ffb606; /* Колір вашої теми (honey) */
    color: #ffb606;
}

.lang-flag {
    font-size: 16px;
    line-height: 1;
}

.lang-arrow {
    font-size: 14px;
    color: #888;
    transition: transform 0.3s ease;
}

/* Випадаючий список */
.lang-list {
    position: absolute;
    top: 120%; /* Трохи нижче кнопки */
    right: 0;
    background: #ffffff;
    min-width: 120px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.1);
    border-radius: 8px;
    padding: 8px 0;
    list-style: none;
    z-index: 1000;
    
    /* Сховано за замовчуванням */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

/* Елементи списку */
.lang-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 15px;
    text-decoration: none;
    color: #555;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.2s;
}

.lang-item:hover {
    background-color: #fff8e1; /* Світло-жовтий фон при наведенні */
    color: #ffb606;
}

/* --- Логіка відображення (Hover) --- */
/* Якщо хочете, щоб працювало при наведенні мишкою: */
.lang-dropdown:hover .lang-list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-dropdown:hover .lang-arrow {
    transform: rotate(180deg);
}

/* Адаптивність для мобільного (якщо треба) */
@media (max-width: 768px) {
    .lang-dropdown {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .lang-list {
        left: 0; /* Випадає вліво на мобільному */
        right: auto;
    }
}