:root {
    --primarycolor: #DF485C;
    --primarycolor30: rgba(223, 72, 92, 0.30);
    --primarycolor49: rgba(223, 72, 92, 0.49);
    --primarycolor20: rgba(223, 72, 92, 0.20);
    --green: #006F76;
    --bluestone: #035D65;
    --satin-red: #B9313F;
    --light-maroon: #D73B50;
    --light-burgundy: #C7384B;
    --extreme-maroon: #320A0A;
    --salmon-red: #EA7260;
    --abstract-orange: #F59B63;
    --black: #000000;
    --black10: rgba(0, 0, 0, 0.10);
    --black15: rgba(0, 0, 0, 0.15);
    --black17: rgba(0, 0, 0, 0.17);
    --black20: rgba(0, 0, 0, 0.20);
    --black30: rgba(0, 0, 0, 0.30);
    --black38: rgba(0, 0, 0, 0.38);
    --black60: rgba(0, 0, 0, 0.60);
    --black70: rgba(0, 0, 0, 0.70);
    --black80: rgba(0, 0, 0, 0.80);
    --true-black: #0A0A0A;
    --true-black40: rgba(10, 10, 10, 0.4);
    --black-mist: #454545;
    --black-hole: #050505;
    --storm-dust: #626262;
    --burnt-malt: #484444;
    --storm-dust2: #616161;
    --peach: #FFE3B1;
    --white: #ffffff;
    --white50: rgba(255, 255, 255, 0.50);
    --white60: rgba(255, 255, 255, 0.60);
    --white70: rgba(255, 255, 255, 0.70);
    --white85: rgba(255, 255, 255, 0.85);
    --white-gold: #FEFDF0;
    --neutral-offwhite: #E7E7E7;
    --luxury-white: #FAFAFA;
    --silvery-white: #E4E4E4;
    --silvery-white70: rgba(228, 228, 228, 0.7);
    --royal-white: #FDFDFD;
    --light-gold: #FFFFF4;
    --cherokee: #FFDB99;
    --candlelight: #FFEECB;
    --cream: #FFFCD1;
    --fashion-grey: #8B8B8B;
    --atomic-grey: #575757;
    --atomic-grey80: rgb(87, 87, 87, 0.80);
    --light-grey: #535353;
    --funky-grey: #777777;
    --dark-grey: #A9A9A9;
    --sweet-grey: #D9D9D9;
    --sweet-grey32: rgba(217, 217, 217, 0.32);
    --hydrocarbon: #4A5565;
    --mirage: #101828;

    --primaryFont: "Montserrat", sans-serif;
    --secondaryFont: "Inter", sans-serif;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--white);
    color: var(--black);
    font-family: var(--primaryFont);
    font-size: 17px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

a,
button {
    font-family: var(--primaryFont);
    outline: none !important;
    text-decoration: none;
    box-shadow: none;
    transition: all 0.5s ease-in-out;
}

a:hover,
a:focus,
select:focus,
button:focus,
.btn:focus,
.btn.focus {
    outline: none;
    text-decoration: none;
    box-shadow: none;
}

img {
    border-radius: 0;
    display: block;
    object-fit: cover;
    max-width: 100%;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    outline: none !important;
}

input,
select,
textarea,
button {
    outline: none !important;
    box-shadow: none;
}

p {
    padding: 0;
}

.container {
    max-width: 1272px;
    margin: 0 auto;
    padding: 0 16px;
}

section {
    display: inline-block;
    margin: 50px 0;
    width: 100%;
}

.mt-0 {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.theme-btn {
    background-color: var(--green);
    border: 1px solid var(--green);
    border-radius: 30px;
    color: var(--white);
    cursor: pointer;
    display: block;
    font-family: var(--primaryFont);
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 1px;
    max-width: max-content;
    padding: 12px 55px;
    text-align: center;
    width: 100%;
}

.theme-btn:hover,
.theme-btn:focus {
    background-color: transparent;
    color: var(--green);
}

.secondary-btn {
    background-color: transparent;
    border: 1px solid var(--green);
    border-radius: 30px;
    color: var(--green);
    cursor: pointer;
    display: block;
    font-family: var(--primaryFont);
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 1px;
    max-width: max-content;
    padding: 12px 55px;
    text-align: center;
    width: 100%;
}

.secondary-btn:hover,
.secondary-btn:focus {
    background-color: var(--green);
    color: var(--white);
}

.heading {
    color: var(--primarycolor);
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: 0;
    margin: 0;
}

.heading i {
    font-weight: 500;
    font-style: italic;
}

.subheading {
    color: var(--primarycolor);
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin: 0;
}

/* ===================================
   Home Page CSS
=================================== */

/* Header CSS Start */

header {
    margin-bottom: -100px;
    position: relative;
    z-index: 99;
}

.header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}

.header-menu {
    width: 40%;
}

.header-menu>ul {
    display: flex;
}

.header-menu>ul>li>a {
    color: var(--white);
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 2px;
    padding: 16px 15px;
    text-transform: uppercase;
    transition: none;
}

.header-menu>ul>li>a:hover {
    font-weight: 800;
}

.megamenu:hover .megamenu-wrapper {
    opacity: 1;
    visibility: visible;
    display: flex;
}

.megamenu-wrapper {
    background-color: var(--white-gold);
    border-top: 1px solid var(--primarycolor49);
    display: none;
    opacity: 0;
    visibility: hidden;
    gap: 50px;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 30px 70px 60px;
    width: 100%;
}

.menu-properties {
    width: 30%;
}

.megamenu-heading {
    color: var(--primarycolor);
    font-size: 10px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin: 0 0 8px;
}

.properties-count {
    padding: 10px 0;
}

.properties-count ul {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.properties-count ul li {
    padding: 0 30px 0 0;
}

.properties-count ul li a {
    background: linear-gradient(var(--primarycolor), var(--primarycolor));
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    color: var(--black);
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    padding: 0 0 2px;
    position: relative;
}

.properties-count ul li a::before {
    background-image: url(../images/menu-arrow-right.svg);
    background-size: 23px 17px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 0;
    right: -30px;
    content: "";
    height: 17px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    width: 23px;
}

.properties-count ul li a span {
    font-weight: 400;
}

.properties-count ul li a:hover {
    font-weight: 600;
    background-size: 100% 1px;
}

.properties-count ul li a:hover span {
    font-style: italic;
    font-weight: 400;
}

.properties-count ul li a:hover::before {
    opacity: 1;
}

.menu-popular-locations h4 {
    color: var(--black);
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 8px;
}

.menu-popular-locations ul {
    display: flex;
    flex-direction: column;
}

.menu-popular-locations ul li {
    padding: 0 0 0 10px;
}

.menu-popular-locations ul a {
    color: var(--black);
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    line-height: 28px;
    margin: 0;
}

.menu-popular-locations ul a:hover {
    color: var(--primarycolor);
}

.menu-useful {
    width: 20%;
}

.menu-useful ul {
    display: flex;
    flex-direction: column;
}

.menu-useful ul li a {
    color: var(--black);
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
}

.menu-useful ul li a:hover {
    color: var(--primarycolor);
}

.menu-latest-listings {
    width: 50%;
}

.menu-listings {
    display: flex;
    gap: 20px;
}

.menu-listings-box {
    width: 50%;
}

.menu-listings-box a {
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

.menu-listings-box a img {
    border-radius: 6px;
    width: 100%;
}

.menu-listings-overlay {
    background: linear-gradient(180deg, transparent 40%, var(--black80) 100%);
    border-radius: 6px;
    display: flex;
    align-items: start;
    justify-content: end;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 20px;
    width: 100%;
}

.menu-listings-overlay h3 {
    color: var(--white);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin: 0 0 5px;
}

.menu-listings-overlay p {
    color: var(--white);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 10px;
}

.menu-listings-overlay span {
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    margin: 0;
}

.menu-active {
    background-color: var(--white-gold);
}

.menu-active .header-menu>ul>li>a {
    color: var(--black);
}

.logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
}

.logo img {
    min-height: 60px;
    max-height: 60px;
    max-width: 200px;
}

.logo .logo-black,
.logo .logo-lightyellow {
    display: none;
}

.menu-active .logo .logo-black {
    display: block;
}

.menu-active .logo .logo-white {
    display: none;
}

.header-menu.menu-right ul {
    justify-content: end;
}

.header-menu .wishlist {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.toggle-menu-mobile {
    display: none;
}

.header-lightyellow .header-menu>ul>li>a {
    color: var(--black);
}

.header-lightyellow .logo .logo-black {
    display: block;
}

.header-lightyellow .logo .logo-white,
.header-lightyellow .logo-lightyellow,
.white-logo.menu-active .logo-lightyellow {
    display: none;
}

.white-logo .logo-white {
    display: none;
}

.white-logo .logo-lightyellow {
    display: block;
}

/* New CSS Add */

.megamenu-wrapper.about-menu .menu-properties {
    margin: 0 0 0 210px;
}

.megamenu-wrapper.blog-menu .menu-properties {
    margin: 0 0 0 auto;
    min-width: 250px;
    padding-right: 60px;
    width: auto;
}


/* Hero CSS Start */

.hero {
    background-image: url(../images/home-hero.gif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 9;
}

.hero::after {
    background: linear-gradient(0deg, transparent 9.78%, var(--black38) 100%);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    z-index: 2;
}

.hero::before {
    background: var(--black38);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    z-index: 1;
}

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

.hero-video video {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.hero-row {
    display: flex;
    align-items: end;
    min-height: 970px;
    height: 100%;
    position: relative;
    padding: 110px 0;
    z-index: 9;
}

.hero-content {
    width: 100%;
}

.hero-heading {
    color: var(--white);
    font-size: 58px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.6px;
    margin: 0 0 26px;
}

.hero-heading i {
    font-weight: 500;
}

.hero-heading span {
    font-size: 44px;
    font-weight: 500;
    font-style: italic;
}

.hero-form {
    background-color: var(--white85);
    border-bottom: 1px solid var(--black10);
    border-radius: 8px;
    max-width: 730px;
    margin: 0 0 20px;
    padding: 20px 30px;
    width: 100%;
}

.hero-form form {
    display: flex;
    align-items: end;
    gap: 15px;
}

.hero-form .form-group {
    width: 33.33%;
}

.hero-form .form-group label {
    color: var(--true-black);
    display: block;
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    width: 100%;
}

.hero-form .form-group select {
    background-color: var(--white);
    border: 1px solid var(--black15);
    border-radius: 8px;
    color: var(--fashion-grey);
    font-family: var(--secondaryFont);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    height: 40px;
    padding: 10px 12px;
    width: 100%;
}

.hero-form .form-group-btn {
    padding: 0 0 0 15px;
    width: 33.33%;
}

.hero-form .form-group-btn .theme-btn,
.hero-form .form-group-btn input[type="submit"] {
    background-color: var(--bluestone);
    border: 1px solid var(--bluestone);
    border-radius: 30px;
    color: var(--white);
    cursor: pointer;
    display: block;
    font-family: var(--primaryFont);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 1px;
    max-width: max-content;
    padding: 12px 55px;
    width: 100%;
}

.hero-form .form-group-btn .theme-btn:hover,
.hero-form .form-group-btn .theme-btn:focus,
.hero-form .form-group-btn input[type="submit"]:hover,
.hero-form .form-group-btn input[type="submit"]:focus {
    background-color: transparent;
    color: var(--bluestone);
}

.hero-content p {
    color: var(--white);
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
}

/* Google Rating CSS Start */

.google-rating {
    background-color: var(--white);
    padding: 22px 0;
}

.google-rating-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.google-rating-row h4 {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
}

/* Property Intro CSS Start */

.property-intro {
    background-color: var(--white-gold);
    background-image: url(../images/property-intro-bg.png);
    background-repeat: no-repeat;
    background-position: center 70px;
    background-size: auto;
    padding: 138px 0 130px;
    position: relative;
}

.property-intro-row {
    display: flex;
    gap: 120px;
}

.property-intro-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 620px;
    width: 50%;
}

.property-intro-content .subheading {
    margin: 0 0 16px;
}

.property-intro-content .heading {
    max-width: 500px;
    margin: 0 0 46px;
}

.property-intro-content .heading i {
    display: block;
}

.property-intro-content p {
    color: var(--primarycolor);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 400px;
    margin: 0 0 20px;
}

.property-intro-btn {
    display: flex;
    align-items: center;
    gap: 12px;
}

.property-intro-btn .theme-btn {
    letter-spacing: 0;
    padding: 16px 66px;
}

.property-intro-btn .secondary-btn {
    letter-spacing: 0;
    padding: 16px 52px;
}

.property-intro-img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: calc(50vw - 20px);
}

.property-intro-img-inner {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 22px;
    height: 100%;
}

.property-intro-img-left {
    border-radius: 10px;
    max-height: 620px;
    max-width: 440px;
    transition: all 0.5s ease-in-out;
    width: 100%;
}

.property-intro-img-left:hover {
    transform: scale(1.05);
}

.property-intro-img-inner .property-intro-img-right {
    max-height: 540px;
    border-radius: 0;
    max-width: 170px;
    width: 100%;
}

/* Latest Property CSS Start */

.latest-property {
    background: linear-gradient(106deg, var(--satin-red) -2.38%, var(--light-maroon) 19.59%, var(--salmon-red) 54.05%, var(--abstract-orange) 75.6%);
    display: block;
    overflow: hidden;
    padding: 130px 0 100px;
    position: relative;
    z-index: 2;
}

.latest-property::before {
    background-image: url(../images/blog-hero-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.13;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
}

.latest-property-title .heading {
    color: var(--light-gold);
    text-align: center;
    margin: 0 0 40px;
}

.latest-property-list {
    margin: 0 0 80px;
}
.latest-property-slider > .slick-list > .slick-track{
    display: flex;
}
.latest-property-slider > .slick-list > .slick-track > .slick-slide{
    height: auto;
}

/* .latest-property-slider{
    overflow: hidden;
    width: calc(100vw - ((100vw - 100%) / 2));
} */
.latest-property-slider>.slick-list {
    margin: 0 0 0 -16px;
    overflow: visible;
}

.latest-property-box {
    padding: 0 16px;
}

.latest-property-box-inner {
    background-color: var(--luxury-white);
    border-radius: 8px;
    overflow: hidden;
}

.latest-property-img {
    position: relative;
}

.latest-property-tag {
    background-color: var(--primarycolor);
    border-radius: 50px;
    color: var(--white);
    font-family: var(--secondaryFont);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    position: absolute;
    top: 12px;
    left: 19px;
    padding: 6px 30px;
    z-index: 3;
}

.latest-property-img-number {
    background-color: var(--atomic-grey80);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    position: absolute;
    top: 14px;
    right: 25px;
    padding: 4px 10px;
    z-index: 3;
}

.latest-property-img-number img {
    max-width: 18px;
    width: 100%;
}

.property-img-count {
    color: var(--white);
    font-family: var(--secondaryFont);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

.latest-property-content {
    padding: 25px 25px 18px;
    max-height: 182px;
}

.latest-property-box-heading {
    color: var(--black-mist);
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
}

.latest-property-content>p {
    color: var(--light-grey);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 0 10px;
}

.latest-property-price {
    color: var(--extreme-maroon);
    font-family: var(--secondaryFont);
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
}

.latest-property-amenities {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 30px;
    margin: 36px 0 0;
}

.latest-property-amenities ul {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
}

.latest-property-amenities ul li {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 4px;
}

.latest-property-amenities ul li span {
    color: var(--hydrocarbon);
    font-family: var(--secondaryFont);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.property-favourite-btn {
    color: var(--hydrocarbon);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: var(--secondaryFont);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

/* .latest-property-img-slider-box img{
    max-height: 350px;
    width: 100%;
} */

/* New Add CSS */
.latest-property-img-slider-box img {
    min-height: 350px;
    max-height: 350px;
    width: 100%;
}


.latest-property-img-slider .slick-arrow {
    background-image: url(../images/latest-property-arrow-left.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 34px 34px;
    background-color: transparent;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    margin: auto 0;
    font-size: 0;
    height: 34px;
    width: 34px;
    z-index: 1;
}

.latest-property-img-slider .slick-next {
    background-image: url(../images/latest-property-arrow-right.svg);
    left: auto;
    right: 12px;
}

.latest-property-img-slider-mobile .slick-arrow {
    background-image: url(../images/latest-property-arrow-left.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 34px 34px;
    background-color: transparent;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    margin: auto 0;
    font-size: 0;
    height: 34px;
    width: 34px;
    z-index: 1;
}
.latest-property-img-slider-mobile .slick-next {
    background-image: url(../images/latest-property-arrow-right.svg);
    left: auto;
    right: 12px;
}

.latest-property-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.latest-property-btn .theme-btn {
    background: transparent;
    border: 1px solid var(--cherokee);
    color: var(--cherokee);
    letter-spacing: 0;
    padding: 15px 92px;
}

.latest-property-btn .theme-btn:hover {
    background-color: var(--cherokee);
    color: var(--black);
}

/* Sell Content CSS Start */

.selling-us {
    background-image: url(../images/selling-us-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 120px 0;
    position: relative;
    z-index: 1;
}

.selling-us::before {
    background: linear-gradient(90deg, var(--black17) 30%, var(--black70) 60%);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
}

.selling-us-right {
    max-width: 410px;
    margin: 0 0 0 auto;
}

.selling-us-title {
    margin: 0 0 22px;
}

.selling-us-title .subheading {
    color: var(--white-gold);
}

.selling-us-title .heading {
    color: var(--white-gold);
}

.selling-us-content {
    margin: 0 0 20px;
}

.selling-us-content p {
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 0 20px;
}

.selling-us-content ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
}

.selling-us-content ul li {
    color: var(--white);
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    list-style: none;
    padding: 0 0 0 30px;
    position: relative;
}

.selling-us-content ul li::after {
    background-image: url(../images/icon-list-true.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    content: "";
    height: 16px;
    width: 20px;
}

.selling-us-btn .theme-btn {
    padding: 16px 72px;
}

.selling-us-btn .theme-btn:hover,
.selling-us-btn .theme-btn:focus {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--bluestone);
}

/* Testimonial CSS Start */

.testimonial {
    padding: 50px 0 0;
}

.testimonial-title {
    margin: 0 0 40px;
    text-align: center;
}

.testimonial-title .heading {
    text-align: center;
}

.testimonial-title .subheading {
    margin: 0 0 10px;
}

.testimonial-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0 0;
}

.testimonial-btn .secondary-btn {
    padding: 15px 73px;
}

/* Happy Client CSS Start */

.happy-client {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.happy-client::after {
    background-color: var(--white-gold);
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 290px;
    width: 100%;
    z-index: -1;
}

/* .happy-client-slider{
    overflow: hidden;
    width: calc(100vw - ((100vw - 100%) / 2));
} */
.happy-client-slider .slick-track {
    display: flex;
    align-items: center;
}

.happy-client-slider .slick-list {
    overflow: visible;
    margin: 0 0 0 -10px;
}

.happy-client-slider .slick-arrow {
    background-image: url(../images/happy-client-arrow-left.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 56px 56px;
    background-color: transparent;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 64px;
    margin: auto 0;
    font-size: 0;
    height: 56px;
    width: 56px;
    z-index: 1;
}

.happy-client-slider .slick-next {
    background-image: url(../images/happy-client-arrow-right.svg);
    left: auto;
    right: 64px;
}

.happy-client-slider .slick-arrow.slick-disabled {
    display: none !important;
}

.happy-client-box {
    padding: 0 10px;
}

.happy-client-box-inner {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.happy-client-box-inner a {
    overflow: hidden;
}
.happy-client-row {max-width: 55%;margin: 0 auto;}


.happy-client-box.slick-slide .happy-client-box-inner{
    transition: transform 0.4s ease, opacity 0.4s ease;
    transform: translateX(5%) scale(0.8);
    /* opacity: 0.5; */
}

.happy-client-box.slick-slide.slick-current.slick-center + .happy-client-box.slick-slide .happy-client-box-inner {
    transform: translateX(-5%) scale(0.8);
}
.happy-client-box.slick-slide.slick-center .happy-client-box-inner{
    transform: scale(1);
    opacity: 1;
}

.happy-client-box-inner img {
    width: 100%;
    aspect-ratio: 1/1;
}


.client-box-overlay {
    background: linear-gradient(180deg, transparent 40%, var(--black80) 100%);
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: start;
    justify-content: end;
    flex-direction: column;
    height: 100%;
    padding: 40px 30px;
    width: 100%;
}

.happy-client-name {
    color: var(--white-gold);
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
}

/* Our Team CSS Start */

.our-team {
    background-color: var(--white-gold);
    padding: 100px 0;
}

.our-team-title {
    display: flex;
    align-items: end;
    gap: 70px;
    margin: 0 0 60px;
}

.our-team-heading {
    width: 50%;
}

.our-team-copy {
    width: 50%;
}

.our-team-copy p {
    color: var(--black);
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
    max-width: 420px;
    margin: 0 0 0 auto;
}

.our-team-list {
    overflow: hidden;
}

.our-team-list-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.our-team-box {
    margin: 30px 0 0;
    padding: 0 10px;
    width: 33.33%;
}

.our-team-box-inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.our-team-img img {
    border-radius: 8px;
    max-height: 480px;
    min-height: 480px;
    height: 100%;
    width: 100%;
}

.our-team-name {
    color: var(--mirage);
    font-size: 28px;
    font-weight: 600;
    line-height: 26px;
    margin: 0 0 8px;
}

.our-team-post {
    color: var(--hydrocarbon);
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 0 20px;
}

.our-team-content .theme-btn {
    font-family: var(--secondaryFont);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    padding: 6px 32px;
}

/* Local CSS Start */

.local {
    overflow: hidden;
    position: relative;
}

.local-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 0 40px;
}

.local-title .heading {
    text-align: center;
}

/* .local-slider{
    overflow: hidden;
    width: calc(100vw - ((100vw - 100%) / 2));
} */
.local-slider .slick-list {
    overflow: visible;
    margin: 0 0 0 -15px;
}

.local-slider .slick-arrow {
    background-image: url(../images/happy-client-arrow-left.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 56px 56px;
    background-color: transparent;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 70px;
    margin: auto 0;
    font-size: 0;
    height: 56px;
    width: 56px;
    z-index: 1;
}

.local-slider .slick-next {
    background-image: url(../images/happy-client-arrow-right.svg);
    left: auto;
    right: 70px;
}

.local-slider .slick-arrow.slick-disabled {
    display: none !important;
}

.local-slider-box {
    padding: 0 15px;
}

.local-slider-box-inner {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.local-slider-box-inner a {
    border-radius: 10px;
    overflow: hidden;
}

.local-slider-box-inner img {
    max-height: 530px;
    width: 100%;
}

.local-overlay {
    background: linear-gradient(180deg, transparent 40%, var(--black80) 100%);
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: start;
    justify-content: end;
    flex-direction: column;
    height: 100%;
    padding: 32px;
    width: 100%;
}

.local-box-heading {
    color: var(--white-gold);
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
}

/* Surrounding CSS Start */

.surrounding {
    background-image: url(../images/map-surrounding-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 172px 0 140px;
    position: relative;
    z-index: 1;
}

.surrounding::after {
    background: linear-gradient(90deg, transparent -1.6%, var(--black60) 59.05%);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
}

.surrounding-right {
    margin: 0 0 0 auto;
    max-width: 480px;
}

.surrounding-right .subheading {
    color: var(--white-gold);
    margin: 0 0 15px;
}

.surrounding-right .heading {
    color: var(--white-gold);
    margin: 0 0 20px;
}

.surrounding-right .theme-btn {
    letter-spacing: 0;
    padding: 15px 72px;
}

.surrounding-right .theme-btn:hover,
.surrounding-right .theme-btn:focus {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--bluestone);
}

/* Footer CSS Start */

footer {
    background: linear-gradient(151deg, var(--light-maroon) 39.91%, var(--salmon-red) 71.74%, var(--abstract-orange) 102.43%);
    position: relative;
    z-index: 1;
}

footer::before {
    background-image: url(../images/footer-bg.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
}

.footer-signup {
    padding: 80px 0 0;
}

.footer-signup-row {
    max-width: 788px;
    margin: 0 auto;
}

.footer-signup-row .heading {
    color: var(--white-gold);
    display: none;
}

.footer-signup-input {
    position: relative;
}

.footer-signup-input input {
    background-color: var(--white);
    border: 0;
    border-radius: 50px;
    color: var(--storm-dust);
    font-family: var(--primaryFont);
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 28px;
    height: 66px;
    padding: 19px 220px 19px 34px;
    width: 100%;
}

.footer-signup-input input:focus {
    background-color: var(--white);
    color: var(--storm-dust);
}

.footer-signup-input .theme-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 6px;
    margin: auto 0;
    height: max-content;
    padding: 14px 68px;
}

.footer-signup-input .theme-btn:hover {
    background-color: var(--white);
    border-color: var(--green);
}

.footer-info {
    padding: 80px 0 0;
}

.footer-info-row {
    display: flex;
    justify-content: space-between;
    gap: 60px;
}

.footer-heading {
    color: var(--peach);
    font-size: 10px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.footer-contact-info {
    margin: 0 0 30px;
}

.footer-contact-info ul {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.footer-contact-info ul li {
    color: var(--white);
    display: flex;
    align-items: start;
    gap: 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
}

.footer-contact-info ul li a {
    color: var(--white);
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
}

.footer-social ul {
    display: flex;
    gap: 14px;
}

.footer-social ul li a {
    border: 1px solid var(--peach);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
}

.footer-menu ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer-menu ul li a {
    color: var(--white);
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
}

.footer-party ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.copyright {
    padding: 120px 0 0;
}

.copyright-row {
    display: flex;
    align-items: center;
    justify-content: end;
}

.copyright-row p {
    color: var(--white);
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.footer-name-row img {
    width: 100%;
}

.brandname-mobile {
    display: none;
}


/* ===================================
   Listings Page CSS
=================================== */

/* breadcrumb CSS Start */

.breadcrumb {
    background-color: var(--white-gold);
    background-image: url(../images/breadcrumb-bg.png);
    background-position: center 80%;
    background-repeat: no-repeat;
    background-size: auto 300px;
    padding: 250px 0 220px;
}
.previoust_sold_list.breadcrumb {
    background: linear-gradient(151deg, var(--light-maroon) 39.91%, var(--salmon-red) 71.74%, var(--abstract-orange) 102.43%);
    position: relative;
    z-index: 1;
}
.previoust_sold_list.breadcrumb::before{
    background-image: url(../images/breadcrumb-bg.png);
    background-position: center 80%;
    background-repeat: no-repeat;
    background-size: auto 300px;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
}
.breadcrumb-heading {
    color: var(--primarycolor);
    font-size: 42px;
    font-weight: 600;
    line-height: 52px;
    margin: 0;
    text-align: center;
}
.previoust_sold_list .breadcrumb-heading{
    color: var(--cream);
}
.breadcrumb-heading i {
    font-weight: 500;
    font-style: italic;
}

/* Properties Filter CSS Start */

.properties-filter {
    display: block;
    margin-top: -60px;
    z-index: 4;
    position: relative;
}

.properties-filter-form {
    background-color: var(--white);
    border: 1px solid var(--black15);
    border-radius: 12px;
    padding: 26px 32px;
}

.properties-filter-form form {
    display: flex;
    gap: 12px;
}

.filter-group label {
    color: var(--true-black);
    display: inline-block;
    font-family: var(--secondaryFont);
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
    width: 100%;
}

/* Multiple Select CSS Start */

.location-filter .chosen-container {
    width: 100% !important;
}

.location-filter .chosen-container-multi .chosen-choices {
    background-color: var(--white);
    background-image: none;
    border: 1px solid var(--black15);
    border-radius: 8px;
    box-shadow: none;
    color: var(--fashion-grey);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 6px 10px;
    width: 100%;
}

.location-filter .chosen-container-multi .chosen-choices li.search-choice {
    background-image: none;
    background-color: var(--neutral-offwhite);
    border: none;
    border-radius: 50px;
    color: var(--funky-grey);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 4px 26px 4px 20px;
}

.location-filter .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 0;
    bottom: 0;
    right: 8px;
    margin: auto 0;
}

/* Multiple Select CSS End */

.location-filter {
    width: 20%;
}

.style-filter {
    display: flex;
    gap: 12px;
    width: 56%;
}

.style-filter .form-group {
    width: 25%;
}

.filter-group select {
    background-color: var(--white);
    border: 1px solid var(--black15);
    border-radius: 8px;
    color: var(--fashion-grey);
    font-family: var(--secondaryFont);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    height: 40px;
    padding: 8px 10px;
    width: 100%;
}

.filter-btn-group {
    display: flex;
    align-items: center;
    gap: 20px;
    max-height: max-content;
    padding: 20px 0 0;
    width: 24%;
}

.mobile-filter-btn,
.mobile-save-search-btn {
    display: none;
}

.filter-form-search-btn {
    background-color: var(--green);
    border: none;
    border-radius: 40px;
    color: var(--white);
    cursor: pointer;
    font-family: var(--secondaryFont);
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    padding: 10px 36px;
}

.filter-radio {
    display: flex;
    align-items: center;
    gap: 6px;
}

.filter-radio input {
    height: 16px;
    width: 16px;
}

.filter-radio label {
    color: var(--true-black);
    font-family: var(--secondaryFont);
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
}

/* Properties List Start CSS */

.properties-listing {
    border-bottom: 1px solid var(--black20);
    padding: 0 0 70px;
}

.properties-list-row {
    overflow: hidden;
}

.properties-list-row-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -13px;
}

.properties-listing .latest-property-box {
    margin: 0 0 50px;
    padding: 0 13px;
    width: 50%;
}

.properties-listing-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px 0 0;
}

.properties-listing-btn .theme-btn {
    letter-spacing: 0;
    padding: 15px 74px;
}


/* ===================================
   Blog Page CSS
=================================== */

/* Blog Filter CSS Start */

.blog-filter {
    display: block;
    margin-top: -36px;
    z-index: 4;
    position: relative;
}

.blog-filter-menu {
    background-color: var(--white);
    border: 1px solid var(--black15);
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: 40px;
    max-width: 860px;
    margin: 0 auto;
    overflow-x: auto;
    padding: 14px 24px;
}

.blog-filter-menu::-webkit-scrollbar,
.blog-filter-menu::-webkit-scrollbar-track,
.blog-filter-menu::-webkit-scrollbar-thumb {
    width: 0;
    height: 0;
}

.blog-filter-menu-link {
    color: var(--black);
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    white-space: nowrap;
}

.blog-filter-menu-active {
    border: 1px solid var(--green);
    border-radius: 50px;
    color: var(--green);
    padding: 8px 32px;
}

/* Blog List CSS Start */

.blog-list {
    border-bottom: 1px solid var(--black20);
    padding: 0 0 130px;
}

.blog-list-top-row,
.blog-list-row {
    overflow: hidden;
}

.blog-list-top-row-inner,
.blog-list-row-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -18px;
}

.blog-box-big {
    margin: 50px 0 0;
    padding: 0 18px;
    width: 66.66%;
}

.blog-box-big-inner {
    border-radius: 8px;
    overflow: hidden;
}

.blog-box-big-img {
    position: relative;
}

.blog-box-big-img img {
    border-radius: 8px;
    min-height: 480px;
    max-height: 480px;
    width: 100%;
}

.blog-box-tag {
    background-color: var(--primarycolor);
    border-radius: 50px;
    color: var(--white);
    font-family: var(--secondaryFont);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 6px 26px;
    z-index: 3;
}

.blog-box-big-content {
    background: linear-gradient(180deg, transparent 40%, var(--black80) 100%);
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: end;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 30px;
    width: 100%;
    z-index: 2;
}

.blog-box-big-heading {
    color: var(--candlelight);
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    max-width: 442px;
    margin: 0 0 24px;
}

.blog-box-big-date {
    color: var(--white);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
}

.blog-box {
    margin: 50px 0 0;
    padding: 0 18px;
    width: 33.33%;
}

.blog-box-img {
    position: relative;
}

.blog-box-img img {
    border-radius: 8px;
    max-height: 340px;
    min-height: 340px;
    width: 100%;
}

.blog-box-content {
    margin: 25px 0 0;
}

.blog-box-heading {
    color: var(--primarycolor);
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    margin: 0 0 24px;
}

.blog-box-date {
    color: var(--light-grey);
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
}

.blog-list-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 80px 0 0;
}


/* ===================================
   Blog Single Page CSS
=================================== */

/* Blog Hero CSS Start */

.blog-hero {
    background: linear-gradient(105.91deg, var(--satin-red) -2.38%, var(--light-maroon) 19.59%, var(--salmon-red) 54.05%, var(--abstract-orange) 75.6%);
    padding: 236px 0 0;
    position: relative;
    z-index: 1;
}

.blog-hero::after {
    background-image: url(../images/blog-hero-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    opacity: 0.13;
    width: 100%;
    z-index: -1;
}

.blog-hero-title {
    display: flex;
    flex-direction: column;
    gap: 70px;
}

.blog-hero-taglist ul {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 20px;
    padding: 0;
}

.blog-hero-tag {
    background-color: transparent;
    border: 1px solid var(--cherokee);
    border-radius: 50px;
    color: var(--white);
    font-family: var(--secondaryFont);
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    list-style: none;
    padding: 6px 28px;
}

.blog-hero-taglist .heading {
    color: var(--cream);
    font-size: 42px;
    line-height: 48px;
    margin: 0 0 15px;
}

.blog-hero-taglist .heading i {
    display: block;
}

.blog-hero-date {
    color: var(--white);
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
}

.blog-hero-img img {
    border-radius: 8px;
    margin: 0 0 -280px;
    min-height: 560px;
    max-height: 560px;
    width: 100%;
}

/* Blog Single CSS Start */

.blog-single {
    background-color: var(--white-gold);
    padding: 380px 0 160px;
}

.blog-single-row {
    display: flex;
    align-items: start;
    gap: 30px;
}

.blog-single-content {
    width: calc(100% - 350px);
}

.blog-single-subtitle {
    margin: 0 0 50px;
    padding: 0 86px;
}

.blog-single-subtitle h2 {
    color: var(--primarycolor);
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    margin: 0;
}

.blog-single-copy {
    padding: 0 86px;
}

.blog-single-copy .alignwide,
.blog-single-copy .size-full,
.blog-single-copy .alignfull {
    border-radius: 8px;
    margin: 0 -86px 25px;
    width: calc(100% + 172px);
    max-width: unset;
}

.blog-single-copy p {
    color: var(--storm-dust2);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 25px;
}

.blog-single-copy h1 {
    color: var(--burnt-malt);
    display: inline-block;
    font-size: 36px;
    font-weight: 600;
    line-height: 42px;
    margin: 25px 0;
    width: 100%;
}

.blog-single-copy h2 {
    color: var(--burnt-malt);
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    line-height: 31px;
    margin: 25px 0;
    width: 100%;
}

.blog-single-copy h3 {
    color: var(--burnt-malt);
    display: inline-block;
    font-size: 19px;
    font-weight: 600;
    line-height: 26px;
    margin: 25px 0;
    width: 100%;
}

.blog-single-copy h4 {
    color: var(--burnt-malt);
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    margin: 25px 0;
    width: 100%;
}

.blog-single-copy h5 {
    color: var(--burnt-malt);
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    margin: 25px 0;
    width: 100%;
}

.blog-single-copy h6 {
    color: var(--burnt-malt);
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    margin: 25px 0;
    width: 100%;
}

.blog-single-copy ul {
    margin: 0 0 25px;
    padding: 0 0 0 30px;
}

.blog-single-copy ul li {
    color: var(--storm-dust2);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    list-style: disc;
    margin: 0 0 10px;
}

.blog-single-copy ol {
    margin: 0 0 25px;
    padding: 0 0 0 30px;
}

.blog-single-copy ol li {
    color: var(--storm-dust2);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    list-style: decimal;
    margin: 0 0 10px;
}

.blog-single-copy>strong {
    color: var(--storm-dust2);
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 25px;
}

.blog-single-copy>a {
    color: var(--primarycolor);
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    list-style: disc;
    margin: 0 0 25px;
}

.blog-single-copy a {
    color: var(--primarycolor);
}

.blog-single-copy>blockquote {
    color: var(--storm-dust2);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 25px;
}

.blog-single-copy blockquote {
    color: var(--storm-dust2);
}

.blog-auther {
    background-color: var(--white);
    border: 1px solid var(--black15);
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0 auto;
    padding: 16px 20px;
    width: calc(100% - 176px);
}

.blog-auther-img img {
    border-radius: 50%;
    height: 90px;
    width: 90px;
}

.blog-auther-copy {
    display: flex;
    flex-direction: column;
}

.blog-auther-heading {
    color: var(--dark-grey);
    font-size: 10px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 2px;
    margin: 0;
    text-transform: uppercase;
}

.blog-auther-name {
    color: var(--hydrocarbon);
    font-family: var(--secondaryFont);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0;
}

.blog-auther-post {
    color: var(--hydrocarbon);
    display: inline-block;
    font-family: var(--secondaryFont);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
}


.blog-single-sidebar {
    background-color: var(--white);
    border: 1px solid var(--black15);
    border-radius: 12px;
    max-width: 320px;
    padding: 32px 22px;
    position: sticky;
    top: 10px;
    width: 100%;
}

.blog-single-sidebar-heading {
    color: var(--black-hole);
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 20px;
}

.blog-single-sidebar ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.blog-single-sidebar .secondary-btn,
.blog-single-sidebar .theme-btn {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0;
    max-width: 100%;
    padding: 10px;
    text-align: center;
    width: 100%;
}

.blog-single-share {
    margin: 24px 0 0;
}

.blog-single-share {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-single-share-btn {
    color: var(--hydrocarbon);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: var(--secondaryFont);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

/* Newsletter CSS Start */

.newsletter {
    background-image: url(../images/sellwith-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0;
    position: relative;
    z-index: 1;
}

.newsletter::after {
    background-color: var(--black60);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
}

.newsletter-form {
    margin: 0 auto;
    max-width: 690px;
}

.newsletter-heading {
    color: var(--white-gold);
    font-size: 28px;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
    margin: 0 0 40px;
}

.newsletter-heading i {
    font-style: italic;
    font-weight: 600;
}

.newsletter-form .form-group {
    position: relative;
}

.newsletter-form .form-group input {
    background-color: var(--white);
    border: 0;
    border-radius: 66px;
    color: var(--storm-dust);
    font-family: var(--primaryFont);
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    line-height: 28px;
    outline: none;
    padding: 18px 230px 18px 30px;
    width: 100%;
}

.newsletter-btn {
    background-color: var(--bluestone);
    border: 1px solid var(--bluestone);
    border-radius: 30px;
    color: var(--white);
    cursor: pointer;
    display: block;
    font-family: var(--primaryFont);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 1px;
    height: 50px;
    padding: 12px 72px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 7px;
    margin: auto 0;
    text-align: center;
}

/* Interested CSS Start */

.interested {
    padding: 0 0 80px;
}

.interested-title .heading {
    font-weight: 500;
    text-align: center;
}

.interested-title .heading i {
    font-weight: 600;
}


/* ===================================
   Property Page CSS
=================================== */

.property-hero {
    position: relative;
}

.property-hero-row {
    display: flex;
}

.property-hero-left {
    background: linear-gradient(129deg, var(--light-burgundy) 17.54%, var(--light-maroon) 36.79%, var(--salmon-red) 91.88%);
    display: flex;
    align-items: center;
    padding: 0 0 0 16px;
    width: 44vw;
}

.property-hero-left-inner {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 0 0 auto;
    max-width: 505px;
    padding: 92px 20px 92px 0;
    width: 100%;
}

.property-hero-subheading {
    color: var(--white);
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 20px;
}

.property-hero-heading {
    color: var(--cream);
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    margin: 0 0 40px;
}

.property-hero-price {
    color: var(--white);
    font-family: var(--secondaryFont);
    font-size: 32px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
}

.property-hero-right {
    width: 56vw;
}
.property-hero-box .latest-property-img-slider-box img{
    display: none ;
}

.property-hero-box .latest-property-img-slider-box:first-child img {
    display: block;
}

.property-hero-box .slick-initialized .latest-property-img-slider-box img {
    display: block;
}

.property-hero-box {
    height: 100%;
}

.property-hero-box img {
    height: 100%;
    max-height: 780px;
    width: 100%;
}

.property-hero-counter {
    position: absolute;
    bottom: 66px;
    right: 70px;
}

.property-hero-counter ul {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 0;
}

.property-hero-counter ul li a {
    background-color: var(--atomic-grey80);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 80px;
    padding: 10px 25px;
}

.property-hero-counter ul li a img {
    max-width: 18px;
    width: 100%;
}

.property-hero-count {
    color: var(--white);
    font-family: var(--secondaryFont);
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
}

/* Property Nav CSS Start */

.property-nav {
    display: block;
    margin-top: -30px;
    z-index: 4;
    position: relative;
    transition: all 0.5s ease-in-out;
}

.property-nav-row {
    background-color: var(--white);
    border: 1px solid var(--black15);
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
    padding: 30px;
}

.property-nav-menu ul {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0;
    padding: 0;
}

.property-nav-menu ul li {
    list-style: none;
}

.property-nav-menu ul li a {
    color: var(--black70);
    font-size: 10px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
}

.property-nav-menu ul li a:hover {
    color: var(--primarycolor);
}

.property-nav-other-btn {
    display: flex;
    align-items: center;
    gap: 20px;
}

.property-nav-share-btn {
    color: var(--hydrocarbon);
    font-family: var(--secondaryFont);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.property-nav-favourite-btn {
    color: var(--hydrocarbon);
    font-family: var(--secondaryFont);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.property-nav-view-btn {
    background-color: var(--green);
    border: 1px solid var(--green);
    border-radius: 50px;
    color: var(--white);
    font-family: var(--secondaryFont);
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    padding: 10px 40px;
    text-decoration: none;
}

.property-nav-view-btn:hover {
    background-color: var(--white);
    color: var(--green);
}

.mobile-property-nav-group {
    display: none;
}

/* Property Details CSS Start */

.property-details {
    padding: 0 0 40px;
}

.property-details-row {
    display: flex;
    align-items: start;
    gap: 150px;
}

.property-details-left {
    width: calc(100% - 490px);
}

.property-details-title {
    margin: 0 0 58px;
}

.property-details-title .heading {
    font-size: 28px;
    line-height: 38px;
}

.property-details-info {
    border-top: 1px solid var(--black30);
    display: flex;
    align-items: start;
    gap: 30px;
    margin: 0 0 46px;
    padding: 16px 0 0;
}

.property-details-info-list {
    width: 66%;
}

.property-details-info-list ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 25px;
    margin: 0;
    padding: 0;
}

.property-details-info-list ul li {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
    padding: 0 8px 0 0;
    width: 50%;
}

.property-info-icon {
    background-color: var(--sweet-grey32);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    min-width: 46px;
}

.property-info-icon img {
    max-width: 22px;
}

.property-info-content {
    display: flex;
    flex-direction: column;
}

.property-info-content span {
    color: var(--dark-grey);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 2px;
    margin: 0;
    text-transform: uppercase;
}

.property-info-content h5 {
    color: var(--hydrocarbon);
    font-family: var(--secondaryFont);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0;
}

.property-details-info-img {
    position: relative;
    width: 34%;
}

.property-details-info-img img {
    width: 100%;
}

.property-details-zoom-btn {
    background-color: var(--silvery-white70);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 30px;
}

.property-details-zoom-btn img {
    max-width: 15px;
}

.property-key-peatures {
    border-top: 1px solid var(--black30);
    margin: 0 0 46px;
    padding: 16px 0 0;
}

.property-key-peatures .heading {
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 10px;
}

.property-key-peatures ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.property-key-peatures ul li {
    color: var(--storm-dust2);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 10px 0 0;
    position: relative;
    padding: 0 0 0 16px;
    width: 50%;
}

.property-key-peatures ul li::after {
    background-color: var(--storm-dust2);
    border-radius: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    margin: auto 0;
    height: 3px;
    width: 3px;
}

.property-full-description {
    border-top: 1px solid var(--black30);
    margin: 0 0 70px;
    padding: 16px 0 0;
}

.property-full-description .heading {
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 10px;
}

.property-full-description-copy {
    color: var(--storm-dust2);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.property-full-description-copy p {
    color: var(--storm-dust2);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 30px;
}

.property-full-description-copy h1 {
    color: var(--storm-dust2);
    display: inline-block;
    font-size: 36px;
    font-weight: 600;
    line-height: 42px;
    margin: 0 0 30px;
    width: 100%;
}

.property-full-description-copy h2 {
    color: var(--storm-dust2);
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    line-height: 31px;
    margin: 0 0 30px;
    width: 100%;
}

.property-full-description-copy h3 {
    color: var(--storm-dust2);
    display: inline-block;
    font-size: 19px;
    font-weight: 600;
    line-height: 26px;
    margin: 0 0 30px;
    width: 100%;
}

.property-full-description-copy h4 {
    color: var(--storm-dust2);
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    margin: 0 0 30px;
    width: 100%;
}

.property-full-description-copy h5 {
    color: var(--storm-dust2);
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    margin: 0 0 30px;
    width: 100%;
}

.property-full-description-copy h6 {
    color: var(--storm-dust2);
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    margin: 0 0 30px;
    width: 100%;
}

.property-full-description-copy ul {
    margin: 0 0 30px;
    padding: 0;
}

.property-full-description-copy ul li {
    color: var(--storm-dust2);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    list-style: disc inside;
    margin: 0 0 10px;
}

.property-full-description-copy ol {
    margin: 0 0 30px;
    padding: 0;
}

.property-full-description-copy ol li {
    color: var(--storm-dust2);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    list-style: decimal inside;
    margin: 0 0 10px;
}

.property-full-description-copy>strong {
    color: var(--storm-dust2);
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 30px;
}

.property-full-description-copy>a {
    color: var(--primarycolor);
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    list-style: disc;
    margin: 0 0 30px;
}

.property-full-description-copy a {
    color: var(--primarycolor);
}

.property-full-description-copy>blockquote {
    color: var(--storm-dust2);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 30px;
}

.property-full-description-copy blockquote {
    color: var(--storm-dust2);
}

.property-details-gallery {
    border-top: 1px solid var(--black30);
    margin: 0;
    padding: 16px 0 0;
}

.property-details-gallery .heading {
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 16px;
}

.property-details-gallery-list {
    display: flex;
    align-items: center;
    gap: 12px;
}

.property-details-gallery-single img {
    border-radius: 10px;
    height: 98px;
    width: 98px;
}

.property-details-gallery-count span {
    color: var(--green);
    font-family: var(--secondaryFont);
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
}

.property-details-right {
    max-width: 340px;
    position: sticky;
    top: 10px;
    width: 100%;
}

.property-info-agent {
    background-color: var(--royal-white);
    border: 1px solid var(--black15);
    border-radius: 12px;
    margin: 0 0 40px;
    padding: 24px 22px;
}

.property-info-agent-list ul {
    margin: 0;
    padding: 0;
}

.property-info-agent-list ul li {
    border-bottom: 1px solid var(--black15);
    list-style: none;
    margin: 0 0 10px;
    padding: 0 0 18px;
}

.property-info-agent-list ul li span {
    color: var(--dark-grey);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.property-info-agent-list ul li h5 {
    color: var(--hydrocarbon);
    font-family: var(--secondaryFont);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0;
}

.property-agent {
    display: flex;
    align-items: start;
    gap: 16px;
    margin: 0 0 18px;
}

.property-agent-copy {
    width: 100%;
}

.property-agent-heading {
    color: var(--dark-grey);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.property-agent-name {
    color: var(--hydrocarbon);
    font-family: var(--secondaryFont);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0;
}

.property-agent-post {
    color: var(--hydrocarbon);
    font-family: var(--secondaryFont);
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    margin: 0;
}

.property-agent-img img {
    border-radius: 50%;
    min-height: 90px;
    max-height: 90px;
    min-width: 90px;
    max-width: 90px;
}

.property-info-agent-btn {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.property-info-agent-btn .secondary-btn {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0;
    max-width: 100%;
    padding: 10px;
    width: 100%;
}

.property-info-agent-btn .theme-btn {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0;
    max-width: 100%;
    padding: 10px;
    width: 100%;
}

.sidebar-property-alert {
    background-color: var(--candlelight);
    background-image: url(../images/alerticon-gif.gif);
    background-position: calc(100% + 42px) center;
    background-repeat: no-repeat;
    background-size: 195px auto;
    border-radius: 12px;
    padding: 30px 25px;
}

.sidebar-property-alert span {
    color: var(--dark-grey);
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 2px;
    margin: 0 0 6px;
    text-transform: uppercase;
}

.sidebar-property-alert h3 {
    color: var(--hydrocarbon);
    font-family: var(--secondaryFont);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 26px;
    max-width: 216px;
}

.sidebar-property-alert .theme-btn {
    font-family: var(--secondaryFont);
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0;
    padding: 10px 24px;
}

.sidebar-property-alert-mobile {
    display: none;
}

/* Property gallery CSS Start */

.property-gallery {
    background-color: var(--white-gold);
    padding: 60px 0 100px;
}

.property-gallery-video {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.videoplay {
    border-radius: 10px;
    display: block;
    max-height: 620px;
    object-fit: cover;
    width: 100%;
}

.property-video-overlay {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.property-video-overlay-inner {
    background-color: var(--black20);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.video-play-btn {
    background: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    padding: 0;
    width: 100px;
}

.video-play-btn img {
    max-width: 65px;
}

.property-gallery-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}

/* Every 1st item full width */
.property-gallery-single:nth-child(3n+1) {
    grid-column: span 2;
}

.property-gallery-img {
    height: 100%;
    position: relative;
}

.property-gallery-img>img {
    border-radius: 10px;
    height: 100%;
    width: 100%;
}

.property-gallery-zoom {
    background-color: var(--silvery-white70);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    position: absolute;
    width: 100%;
    bottom: 20px;
    right: 26px;
    width: 34px;
}

.property-gallery-zoom img {
    max-width: 16px;
    width: 100%;
}

/* Location CSS Start */

.location {
    padding: 0;
}

.location-title {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin: 0 0 42px;
    align-items: flex-start;
}

.location-title-left {
    width: 50%;
}

.location-subheading {
    color: var(--primarycolor);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin: 0 0 16px;
}

.location-title-left .heading {
    font-size: 28px;
    line-height: 36px;
}

.location-copy {
    width: 50%;
}

.location-copy p {
    color: var(--black);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin: 0 0 0 auto;
    max-width: 428px;
}


.location-nav {
    border-top: 1px solid var(--black30);
}

.location-nav-toggle {
    display: none;
}

.location-nav-list ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 46px;
    margin: 0;
    padding: 0;
}

.location-nav-list ul li {
    list-style: none;
}

.location-nav-list ul li a {
    color: var(--black);
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 16px 0;
}

.location-nav-list ul li.location-active a {
    border-bottom: 2px solid var(--primarycolor);
    color: var(--primarycolor);
}

.location-maps {
    border-bottom: 1px solid var(--black30);
}

/* Property Faqs CSS Start */

.property-faq {
    padding: 0;
}

.property-faq-boxs {
    background-color: var(--royal-white);
    border: 1px solid var(--black15);
    border-radius: 12px;
    margin: 0 0 16px;
}

.property-faq-title {
    background-color: transparent;
    background-image: url(../images/icon-plus-green.svg);
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border: 0;
    border-radius: 12px;
    color: var(--primarycolor);
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 30px 50px 30px 30px;
    text-align: left;
    width: 100%;
}

.property-faq-title.active {
    background-image: url(../images/icon-minus-green.svg);
}

.property-faq-body {
    display: none;
}

.property-faq-body-inner {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 30px 30px;
}

.property-faq-img {
    width: 48%;
}

.property-faq-content {
    width: 52%;
}

.property-faq-content p {
    color: var(--black);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin: 0 0 20px;
}

.property-faq-content>*:last-child {
    margin: 0;
}

/* Area Guide CSS Start */

.area-guide {
    background-color: var(--white-gold);
    padding: 80px 0;
}

.area-guide-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}

/* Every 1st item full width */
.area-guide-single:nth-child(3n+1) {
    grid-column: span 2;
}

.area-guide-single {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.area-guide-single img {
    border-radius: 8px;
    height: 100%;
    width: 100%;
}

.area-guide-overlay {
    background: linear-gradient(0deg, var(--black) 0%, transparent 70%);
    display: flex;
    align-items: start;
    justify-content: end;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 50px 36px;
    width: 100%;
}

.area-guide-heading {
    color: var(--white-gold);
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
    margin: 0 0 30px;
}

.area-guide-btn {
    background-color: var(--green);
    border-radius: 50px;
    color: var(--white);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 10px 48px;
}

.area-guide-btn:hover {
    background-color: var(--white);
    color: var(--green);
}

/* Similar Properties CSS Start */

.similar-properties {
    overflow: hidden;
}

.similar-properties-title {
    margin: 0 0 40px;
}

.similar-properties-title .heading {
    text-align: center;
}

/* .similar-properties-slider {
    overflow: hidden;
    width: calc(100vw - ((100vw - 100%) / 2));
} */

.similar-properties .properties-list-row-inner .slick-list{
    overflow: visible;
}
.similar-properties .properties-list-row{
    overflow: visible;
}
.similar-properties .properties-list-row-inner > .slick-list{
    width: 100%;
}
/* .similar-properties .properties-list-row-inner{
    margin: 0;
} */


/* ===================================
   Register Page CSS
=================================== */

/* Register CSS Start */

.register {
    padding: 230px 0 130px;
    position: relative;
    z-index: 1;
}

.register-bg {
    background-image: url(../images/register-login-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(14px);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -2;
}

.register::after {
    background-color: var(--black38);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
}

.register-box {
    background-color: var(--white-gold);
    background-image: url(../images/breadcrumb-bg.png);
    background-position: center 100px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 12px;
    margin: 0 auto;
    max-width: 710px;
}

.register-title {
    margin: 0 auto;
    max-width: 440px;
    padding: 80px 0 30px;
}

.register-title .heading {
    font-size: 28px;
    line-height: 32px;
    text-align: center;
}

.register-form {
    margin: 0 auto;
    max-width: 440px;
}

.keep-logged {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0;
}

.keepmelogin {
    color: var(--true-black);
    display: block;
    cursor: pointer;
    font-family: var(--secondaryFont);
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    margin: 0 !important;
    position: relative;
    padding: 0 0 0 28px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto !important;
}

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

.keepmelogin-checkmark {
    background-color: transparent;
    border: 1px solid var(--black15);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
}

.keepmelogin input:checked~.keepmelogin-checkmark {
    background-color: transparent;
}

.keepmelogin-checkmark::after {
    background: var(--primarycolor);
    border-radius: 50%;
    content: "";
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 14px;
    width: 14px;
}

.keepmelogin input:checked~.keepmelogin-checkmark:after {
    display: block;
}

.register-bottom {
    border-top: 1px solid var(--primarycolor30);
    margin: 40px 0 0;
    padding: 32px 0;
}

.register-bottom p {
    color: var(--black);
    font-family: var(--secondaryFont);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin: 0 auto;
    max-width: 440px;
    text-align: center;
}

.register-bottom p a {
    color: var(--primarycolor);
    text-decoration: underline;
}


/* ===================================
   Sign In Page CSS
=================================== */

/* Sign In CSS Start */

.login-with-google {
    margin: 0 0 25px;
}

.login-with-google a {
    background-color: var(--white);
    border: 1px solid var(--green);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    text-align: center;
    width: 100%;
}

.login-option {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 16px;
    position: relative;
}

.login-option::after {
    background-color: var(--black30);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    margin: auto 0;
    height: 1px;
    width: 110px;
}

.login-option::before {
    background-color: var(--black30);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    content: "";
    margin: auto 0;
    height: 1px;
    width: 110px;
}

.login-option-heading {
    color: var(--black);
    font-family: var(--secondaryFont);
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    margin: 0;
}


/* ===================================
   Dashboard Page CSS
=================================== */

/* Dashboard Filter CSS Start */

.dashboard-filter {
    display: block;
    margin-top: -36px;
    z-index: 4;
    position: relative;
}

.dashboard-filter-menu {
    background-color: var(--white);
    border: 1px solid var(--black15);
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: 40px;
    max-width: 740px;
    margin: 0 auto;
    overflow-x: auto;
    padding: 14px 24px;
}

.dashboard-filter-menu-link {
    color: var(--black);
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    white-space: nowrap;
}

.dashboard-filter-menu-active {
    border: 1px solid var(--green);
    border-radius: 50px;
    color: var(--green);
    padding: 8px 32px;
}

/* Dashboard List CSS Start */

.dashboard-list {
    padding: 0 0 50px;
}

.dashboard-list-row {
    display: flex;
    align-items: start;
    gap: 28px;
}

.dashboard-left-box {
    
    width: 50%;
}

.dashboard-box-saved-inner-position h3 {
    width: 100%;
    text-align: center;
    color: #006f76;

}

.dashboard-left-box-inner {
    border: 1px solid var(--black20);
    border-radius: 12px;
    padding: 40px 28px 34px;
    width: 100%;
    margin-bottom: 30px
}

.dashboard-box-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin: 0 0 20px;
}

.dashboard-box-title .heading {
    font-size: 28px;
    line-height: 36px;
}

.dashboard-box-btn .secondary-btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 12px 24px;
}

.dashboard-box-saved {
    display: inline-block;
    width: 100%;
}

.dashboard-box-saved .latest-property-box {
    margin: 12px 0 0;
    padding: 0;
}

.dashboard-box-saved .latest-property-box-inner {
    display: flex;
}

.dashboard-box-saved .latest-property-img {
    max-width: 186px;
    width: 100%;
}

.dashboard-box-saved .latest-property-img-slider-box {
    height: 100%;
}

.dashboard-box-saved .latest-property-img-slider-box img {
    height: 100%;
    min-height: auto;
}

.dashboard-right-box {
    border: 1px solid var(--black20);
    border-radius: 12px;
    padding: 40px 20px 24px;
    width: 50%;
}

.dashboard-search {
    background-color: var(--luxury-white);
    border-radius: 12px;
    display: flex;
    gap: 20px;
    padding: 20px;
}

.dashboard-search-maps {
    max-width: 172px;
    width: 100%;
}

.dashboard-search-info {
    width: calc(100% - 192px);
}

.dashboard-search-info ul {
    margin: 0;
    padding: 0;
}

.dashboard-search-info ul li {
    border-bottom: 1px solid var(--black15);
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0 0 10px;
}

.dashboard-search-info ul li:last-child {
    margin: 0;
}

.dashboard-search-info ul li:last-child {
    border: 0;
}

.dashboard-search-info .dashboard-search-label {
    color: var(--dark-grey);
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 2px;
    margin: 0 0 2px;
    text-transform: uppercase;
}

.dashboard-search-info .dashboard-search-value {
    color: var(--hydrocarbon);
    font-family: var(--secondaryFont);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 16px;
}

.dashboard-search-info li:last-child .dashboard-search-value {
    margin: 0;
}


/* ===================================
   Manage Details Page CSS
=================================== */

/* Manage Details CSS Start */

.manage-details {
    padding: 0 0 50px;
}

.manage-details-title {
    margin: 0 auto 50px;
    max-width: 860px;
}

.manage-details-title .heading {
    font-size: 28px;
    line-height: 32px;
    text-align: center;
}

.manage-details-box {
    border: 1px solid var(--black30);
    border-radius: 12px;
    margin: 0 auto;
    max-width: 860px;
}

.manage-details-nav {
    padding: 22px 0 0;
}

.manage-details-tabs {
    border-bottom: 1px solid var(--black30);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
}

.manage-details-tab-link {
    border-bottom: 2px solid transparent;
    color: var(--black);
    cursor: pointer;
    font-size: 10px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 2px;
    list-style: none;
    padding: 0 0 18px;
    text-transform: uppercase;
}

.manage-details-tab-link.manage-current {
    border-bottom: 2px solid var(--primarycolor);
    color: var(--primarycolor);
}

.manage-details-tab-content {
    display: none;
    padding: 50px 70px 70px;
}

.manage-details-tab-content.manage-current {
    display: block;
}

.manage-form-row {
    display: flex;
    gap: 28px;
}

.manage-form-row .manage-form-group {
    width: 50%;
}

.manage-form-group {
    margin: 0 0 18px;
}

.manage-form-group label {
    color: var(--dark-grey);
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 2px;
    margin: 0 0 10px;
    text-transform: uppercase;
    width: 100%;
}

.manage-form-group input {
    background-color: var(--white);
    border: 1px solid var(--black15);
    border-radius: 8px;
    color: var(--fashion-grey);
    font-family: var(--secondaryFont);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    height: 45px;
    padding: 10px;
    width: 100%;
}

.manage-form-group input::placeholder {
    color: var(--fashion-grey);
}

.manage-form-group select {
    background-color: var(--white);
    border: 1px solid var(--black15);
    border-radius: 8px;
    color: var(--fashion-grey);
    font-family: var(--secondaryFont);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    height: 45px;
    padding: 10px;
    width: 100%;
}

.manage-form-group textarea {
    background-color: var(--white);
    border: 1px solid var(--black15);
    border-radius: 8px;
    color: var(--fashion-grey);
    font-family: var(--secondaryFont);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    height: 110px;
    margin: 0 0 5px;
    padding: 10px;
    width: 100%;
}

.manage-form-group input::placeholder {
    color: var(--fashion-grey);
}

.manage-form-checkbox-group {
    margin: 0 0 30px;
}

.manage-form-checkbox {
    color: var(--true-black);
    cursor: pointer;
    display: block;
    margin: 0;
    font-family: var(--secondaryFont);
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    position: relative;
    padding: 0 0 0 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.manage-form-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.manage-checkmark {
    background-color: transparent;
    border: 1px solid var(--black15);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
}

.manage-form-checkbox input:checked~.manage-checkmark {
    background-color: transparent;
}

.manage-checkmark::after {
    background: var(--primarycolor);
    border-radius: 50%;
    content: "";
    position: absolute;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 14px;
    width: 14px;
}

.manage-form-checkbox input:checked~.manage-checkmark::after {
    display: block;
}

.manage-form-btn-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.manage-form-btn {
    background-color: var(--green);
    border: 1px solid var(--green);
    border-radius: 30px;
    color: var(--white);
    cursor: pointer;
    display: block;
    font-family: var(--secondaryFont);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 10px 20px;
    text-align: center;
    width: 100%;
}

.manage-form-btn:hover {
    background-color: var(--white);
    color: var(--green);
}

.delete-account-btn {
    background-color: var(--white);
    border: 1px solid var(--green);
    border-radius: 30px;
    color: var(--green);
    cursor: pointer;
    display: block;
    font-family: var(--secondaryFont);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 10px 20px;
    text-align: center;
    width: 100%;
}

.delete-account-btn:hover {
    background-color: var(--green);
    color: var(--white);
}

.manage-form-copy {
    display: inline-block;
    margin: 26px 0;
    width: 100%;
}

.manage-form-copy p {
    color: var(--true-black40);
    font-family: var(--secondaryFont);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    text-align: center;
}

.manage-forgot-password {
    color: var(--primarycolor);
    display: block;
    font-family: var(--secondaryFont);
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin: 8px 0 0 auto;
    text-decoration: underline;
    max-width: max-content;
    width: 100%;
}

.manage-form-password-input {
    position: relative;
}

.password-show-btn {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto 0;
    height: 30px;
    width: 30px;
    z-index: 3;
}

.password-show-btn:hover {
    background-color: transparent;
}

.password-show-btn.password-active img {
    filter: brightness(0) saturate(100%) invert(50%) sepia(43%) saturate(7001%) hue-rotate(327deg) brightness(93%) contrast(88%);
}


/* ===================================
   Saved Searches Page CSS
=================================== */

/* Saved Searches CSS Start */

.saved-searches {
    padding: 0 0 50px;
}

.saved-searches-box {
    background-color: var(--luxury-white);
    border: 1px solid var(--black20);
    border-radius: 12px;
    margin: 0 auto 35px;
    max-width: 850px;
    padding: 30px 50px 40px;
}

.saved-searches-title {
    margin: 0 0 30px;
}

.saved-searches-title .heading {
    font-size: 28px;
    line-height: 36px;
}

.saved-searches-semi {
    display: flex;
    gap: 36px;
}

.saved-searches-location {
    width: 45%;
}

.saved-searches-info {
    width: 55%;
}

.saved-searches-btn-group {
    margin: 40px 0 0;
}

.saved-searches-full-btn {
    margin: 0 0 14px;
}

.saved-searches-full-btn .theme-btn {
    font-family: var(--secondaryFont);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
    max-width: 100%;
    padding: 10px 20px;
    width: 100%;
}

.saved-searches-two-btn {
    display: flex;
    gap: 14px;
}

.saved-searches-two-btn .secondary-btn {
    font-family: var(--secondaryFont);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
    max-width: 100%;
    padding: 10px 20px;
    width: 100%;
}

.saved-searches-info .control {
    margin: 0 0 16px;
}

.saved-searches-info .control label {
    color: var(--dark-grey);
    font-size: 10px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    width: auto;
    float: unset;
}

.saved-searches-info .control input {
    background-color: var(--white);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    box-shadow: none;
    color: var(--fashion-grey);
    font-family: var(--secondaryFont);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    height: 45px;
    padding: 10px;
    width: 100% !important;
}

.saved-searches-info .control select {
    background-color: var(--white);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    box-shadow: none;
    color: var(--fashion-grey);
    font-family: var(--secondaryFont);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    height: 45px;
    padding: 10px;
    width: 100% !important;
}


/* ===================================
   Saved Property Page CSS
=================================== */

/* Saved Property CSS Start */

.saved-property {
    padding: 0 0 50px;
}

.saved-property-title {
    margin: 0 0 50px;
}

.saved-property-title .heading {
    font-size: 28px;
    line-height: 32px;
    text-align: center;
}

.saved-property-list {
    overflow: hidden;
}

.saved-property-list-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.saved-property-list .latest-property-box {
    margin: 0 0 40px;
    width: 50%;
}


/* ===================================
   Sell With Us Page CSS
=================================== */

/* Sell Us Hero CSS Start */

.sell-us-hero {
    background: linear-gradient(105.91deg, var(--satin-red) -2.38%, var(--light-maroon) 19.59%, var(--salmon-red) 54.05%, var(--abstract-orange) 75.6%);
    padding: 236px 0 0;
    position: relative;
    z-index: 1;
}

.sell-us-hero::after {
    background-image: url(../images/blog-hero-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    opacity: 0.13;
    width: 100%;
    z-index: -1;
}

.sell-us-hero-row {
    display: flex;
    gap: 120px;
}

.sell-us-hero-img {
    width: 50%;
}

.sell-us-hero-img img {
    border-radius: 8px;
    margin: 0 0 -200px;
    min-height: 824px;
    max-height: 824px;
    width: 100%;
}

.sell-us-hero-right {
    width: 50%;
}

.sell-us-hero-right .subheading {
    color: var(--cream);
    margin: 0 0 10px;
}

.sell-us-hero-right .heading {
    color: var(--cream);
    font-size: 42px;
    line-height: 48px;
    margin: 0 0 30px;
}

.sell-us-hero-right p {
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 20px;
    max-width: 430px;
}

.sell-us-hero-right ul {
    margin: 0 0 30px;
    max-width: 430px;
    padding: 0;
}

.sell-us-hero-right ul li {
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    list-style: none;
    margin: 0 0 8px;
    padding: 0 0 0 30px;
    position: relative;
}

.sell-us-hero-right ul li::after {
    background-image: url(../images/icon-list-true-yellow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 20px;
    width: 20px;
}

.sell-us-hero-right ul li:last-child {
    margin: 0 0 5px;
}

.sell-us-hero-btn {
    background-color: transparent;
    border: 1px solid var(--peach);
    border-radius: 50px;
    box-shadow: none;
    color: var(--peach);
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    padding: 15px 48px;
}

.sell-us-hero-btn:hover {
    background-color: var(--peach);
    color: var(--primarycolor);
}

/* Sell Google Rating CSS Start */

.sell-google-rating {
    background-color: var(--white);
    padding: 22px 0;
}

.sell-google-rating-row {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px;
    margin: 0 0 0 auto;
    width: 50%;
}

.sell-google-rating-row h4 {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
}

/* Selling Homes Slider CSS Start */

.selling-homes {
    background-color: var(--white-gold);
    background-image: url(../images/selling-homes-bg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto 400px;
    padding: 260px 0 80px;
}

.selling-homes-slider .selling-homes-single {
    padding: 0 40px;
}

.selling-homes-slider .selling-homes-single-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 46px;
    margin: 0 auto;
    max-width: 730px;
}

.selling-homes-number {
    border: 1px solid var(--primarycolor);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 176px;
    max-height: 176px;
    min-width: 176px;
    max-width: 176px;
}

.selling-homes-number span {
    color: var(--primarycolor);
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
}

.selling-homes-title h4 {
    color: var(--primarycolor);
    font-size: 36px;
    font-style: italic;
    font-weight: 500;
    line-height: 44px;
    margin: 0;
}

.selling-homes-slider .slick-arrow {
    background-image: url(../images/icon-selling-arrow-left.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 36px 36px;
    background-color: var(--white70);
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    font-size: 0;
    height: 36px;
    width: 36px;
    z-index: 1;
}

.selling-homes-slider .slick-next {
    background-image: url(../images/icon-selling-arrow-right.svg);
    left: auto;
    right: 0;
}

.selling-homes-slider .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 36px 0 0;
}

.selling-homes-slider .slick-dots li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.selling-homes-slider .slick-dots li button {
    background-color: var(--sweet-grey);
    border: 0;
    box-shadow: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0;
    height: 10px;
    width: 10px;
}

.selling-homes-slider .slick-dots li button:hover {
    background-color: var(--sweet-grey);
}

.selling-homes-slider .slick-dots li.slick-active button {
    background-color: var(--primarycolor);
}

/* Sell Presentation CSS Start */

.sell-presentation {
    background-color: var(--white-gold);
    padding: 40px 0 90px;
}

.sell-presentation-list {
    overflow: hidden;
}

.sell-presentation-list-inner {
    display: flex;
    flex-wrap: wrap;
    row-gap: 36px;
    margin: 0 -18px;
}

.sell-presentation-single {
    padding: 0 18px;
    width: 33.33%;
}

.sell-presentation-single-inner {
    background-color: var(--white);
    border-radius: 12px;
    padding: 40px 22px;
}

.sell-presentation-title {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0 0 28px;
}

.sell-presentation-icon img {
    max-width: 44px;
}

.sell-presentation-title .heading {
    font-size: 22px;
    line-height: 28px;
}

.sell-presentation-single-inner p {
    color: var(--storm-dust2);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.sell-presentation-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 58px 0 0;
}

.sell-presentation-btn .secondary-btn {
    letter-spacing: 0;
    padding: 15px 70px;
}

/* Sell Customer Start CSS */

.sell-customer {
    position: relative;
    z-index: 1;
}

.sell-customer::after {
    background-color: var(--white-gold);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 30%;
    width: 100%;
    z-index: -1;
}

.sell-customer-row {width: 55%;margin: 0 auto;}

.sell-customer-slider {
    overflow: visible;
}

.sell-customer-box.slick-slide .sell-customer-box-inner {
    transition: transform 0.4s ease, opacity 0.4s ease;
    transform: translateX(8%)  scale(1);
    opacity: 0.7;
}

.sell-customer-box.slick-slide.slick-current.slick-center + .sell-customer-box.slick-slide .sell-customer-box-inner{
transform: translateX(-8%)  scale(1);
}

.sell-customer-box.slick-slide.slick-center .sell-customer-box-inner {
    transform: scale(0.8);
    opacity: 1;
}

.sell-customer-slider  .slick-list.draggable{
    overflow: visible;
}

.sell-customer-slider .slick-list {
    margin: 0 -100px;
}

.sell-customer-slider .slick-track {
    display: flex;
    align-items: center;
}

.sell-customer-box-inner {
    padding: 0 14px;
}

.sell-customer-box-inner img {
    border-radius: 8px;
    width: 100%;
    aspect-ratio: 1/1;
}

/* Help Faqs CSS Start */

.help-faqs {
    border-bottom: 1px solid var(--black20);
    padding: 0 0 90px;
}

.help-faqs-title {
    margin: 0 0 50px;
}

.help-faqs-title .subheading {
    margin: 0 0 5px;
    text-align: center;
}

.help-faqs-title .heading {
    text-align: center;
}

.help-faq-boxs {
    background-color: var(--royal-white);
    border: 1px solid var(--black15);
    border-radius: 12px;
    margin: 0 0 14px;
    padding: 0;
}

.help-faq-title {
    background-color: transparent;
    background-image: url(../images/icon-plus-green.svg);
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border: 0;
    border-radius: 12px;
    color: var(--primarycolor);
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    padding: 22px 50px 22px 40px;
    text-align: left;
    width: 100%;
}
.help-faq-title:hover {
    color: var(--primarycolor);
}

.help-faq-title.active {
    background-image: url(../images/icon-minus-green.svg);
}

.help-faq-body {
    display: none;
}

.help-faq-body-inner {
    color: var(--black);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 40px 22px 40px;
}

.help-faq-body-inner p {
    color: var(--black);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 20px;
}


/* ===================================
   Partners Page CSS
=================================== */

/* Partners CSS Start */

.partners .sell-us-hero-img img {
    display: inline-block;
    margin: 0 0 -110px;
    max-height: 700px;
    min-height: 700px;
}

/* Partners Covered CSS Start */

.covered {
    background-color: var(--white-gold);
    background-image: url(../images/selling-homes-bg.png);
    background-position: center 150px;
    background-repeat: no-repeat;
    background-size: auto 430px;
    padding: 260px 0 80px;
}

.covered-title {
    margin: 0 0 20px;
}

.covered-title .subheading {
    margin: 0 0 5px;
    text-align: center;
}

.covered-title .heading {
    margin: 0 0 20px;
    text-align: center;
}

.covered-title-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.covered-title-btn .secondary-btn {
    padding: 14px 70px;
}

.covered-list {
    overflow: hidden;
}

.covered-list-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
}

.covered-box {
    margin: 100px 0 0;
    padding: 0 25px;
    width: 33.33%;
}

.covered-box-inner {
    height: 100%;
}

.covered-box-img {
    margin: 0 0 24px;
}

.covered-box-img img {
    border-radius: 8px;
    width: 100%;
}

.covered-box-content .heading {
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 20px;
}

.covered-box-content p {
    color: var(--storm-dust2);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0;
}

.covered-btn {
    margin: 50px 0 0;
}

/* Join Partners CSS Start */

.join-partners {
    padding: 0 0 50px;
}

.join-partners-title {
    margin: 0 0 60px;
}

.join-partners-title .subheading {
    margin: 0 0 5px;
    text-align: center;
}

.join-partners-title .heading {
    margin: 0 auto;
    max-width: 550px;
    text-align: center;
}

.join-partners-form {
    margin: 0 auto;
    max-width: 720px;
}

.requestaviewing .viewbook-form-group textarea {
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    box-shadow: none;
    color: #8B8B8B;
    font-family: var(--secondaryFont);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    height: 110px;
    padding: 10px;
    resize: none;
    width: 100%;
}

.requestaviewing .viewbook-form-group textarea:focus {
    box-shadow: none;
    background-color: #ffffff;
}


/* ===================================
   Reviews Page CSS
=================================== */

/* Reviews Breadcrumb CSS Start */

.reviews-breadcrumb .subheading {
    margin: 0 0 5px;
    text-align: center;
}

.reviews-breadcrumb .breadcrumb-heading {
    font-weight: 500;
}

.reviews-breadcrumb .breadcrumb-heading i {
    font-weight: 600;
}

/* Reviews CSS Start */

.reviews-filter .dashboard-filter-menu {
    gap: 90px;
    max-width: 546px;
}

/* Stories CSS Start */

.stories {
    background-color: var(--white-gold);
    padding: 90px 0 120px;
}

.stories-title {
    margin: 0 0 40px;
}

.stories-title .subheading {
    margin: 0 0 5px;
    text-align: center;
}

.stories-title .heading {
    margin: 0 0 5px;
    text-align: center;
}

.stories-list {
    overflow: hidden;
}

.stories-list-inner {
    display: flex;
    flex-wrap: wrap;
    row-gap: 80px;
    margin: 0 -20px;
}

.stories-box {
    padding: 0 20px;
    width: 33.33%;
}

.stories-box-img {
    margin: 0 0 25px;
    overflow: hidden;
    position: relative;
}

.stories-box-img img {
    border-radius: 8px;
    height: 330px;
    width: 100%;
}

.stories-box-tags {
    background-color: var(--primarycolor);
    border-radius: 50px;
    color: var(--white);
    font-family: var(--secondaryFont);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    position: absolute;
    top: 12px;
    right: 19px;
    padding: 6px 30px;
    z-index: 3;
}

.stories-box-content h3 {
    color: var(--primarycolor);
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 20px;
}

.stories-box-content span {
    color: var(--light-grey);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
}


/* ===================================
   Contact Page CSS
=================================== */

/* Contact Hero CSS Start */

.contact-hero {
    background-image: url(../images/contact-hero-img.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 260px 0 300px;
    position: relative;
    z-index: 1;
}

.contact-hero::after {
    background-color: var(--black38);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
}

.contact-hero-title .heading {
    color: var(--white-gold);
    font-size: 42px;
    line-height: 46px;
    text-align: center;
}

/* Contact Us Start CSS */

.contact-us {
    background-color: var(--white-gold);
    display: block;
    padding: 0 0 50px;
}

.contact-us-row {
    display: flex;
    align-items: start;
    gap: 78px;
}

.contact-us-left {
    background-image: url(../images/breadcrumb-bg.png);
    background-position: center 120px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: var(--white-gold);
    border: 1px solid var(--black15);
    border-radius: 12px;
    margin: -100px 0 0;
    padding: 70px 35px 50px;
    width: 100%;
    z-index: 3;
}

.contact-us-title {
    margin: 0 0 30px;
}

.contact-us-title .heading {
    font-size: 28px;
    line-height: 32px;
    max-width: 682px;
}

.contact-us-form .manage-form-checkbox-group .manage-form-checkbox {
    margin: 0 0 10px;
}

.contact-us-form .manage-form-checkbox-group .manage-form-checkbox:last-child {
    margin: 0;
}

.contact-us-form .manage-form-checkbox-group .manage-form-checkbox a {
    color: var(--true-black);
    text-decoration: underline;
}

.contact-us-form .manage-form-btn-group .manage-form-btn:hover {
    border-color: var(--green);
    background-color: transparent;
}

.contact-us-form .manage-form-btn-group .secondary-btn {
    font-family: var(--secondaryFont);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
    max-width: 100%;
    padding: 10px 20px;
    text-align: center;
}

.contact-us-right {
    background-color: var(--white);
    border: 1px solid var(--black15);
    border-radius: 12px;
    margin: -100px 0 0;
    max-width: 340px;
    padding: 28px;
    width: 100%;
    z-index: 3;
}

.contact-us-right ul {
    margin: 0;
    padding: 0;
}

.contact-us-right ul li {
    border-bottom: 1px solid var(--black15);
    margin: 0 0 10px;
    padding: 0 0 20px;
}

.contact-us-right ul li:last-child {
    border: 0;
    margin: 0;
    padding: 0;
}

.contact-us-right ul li span {
    color: var(--dark-grey);
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 2px;
    margin: 0 0 5px;
    text-transform: uppercase;
    width: 100%;
}

.contact-us-right ul li a {
    color: var(--hydrocarbon);
    font-family: var(--secondaryFont);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

.contact-us-right ul li a:hover {
    color: var(--primarycolor);
}

.contact-us-right ul li.social-menu a {
    display: block;
}

.contact-us-right ul li p {
    color: var(--hydrocarbon);
    font-family: var(--secondaryFont);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

.contact-us-right ul li.redress-scheme p,
.contact-us-right ul li.redress-scheme p a {
    font-size: 10px;
    line-height: 16px;
}

/* Experts Teams Start CSS */

.experts {
    background: linear-gradient(106deg, var(--satin-red) -2.38%, var(--light-maroon) 19.59%, var(--salmon-red) 54.05%, var(--abstract-orange) 75.6%);
    padding: 170px 0 200px;
    position: relative;
    z-index: 1;
}

.experts::after {
    background-image: url(../images/blog-hero-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    opacity: 0.13;
    width: 100%;
    z-index: -1;
}

.experts-title {
    margin: 0 0 40px;
}

.experts-title .subheading {
    color: var(--candlelight);
    margin: 0 0 5px;
    text-align: center;
}

.experts-title .heading {
    color: var(--candlelight);
    margin: 0;
    text-align: center;
}

.experts-list {
    overflow: hidden;
}

.experts-list-inner {
    display: flex;
    flex-wrap: wrap;
    row-gap: 24px;
    margin: 0 -12px;
}

.experts-single {
    padding: 0 12px;
    width: 33.33%;
}

.experts-single-inner {
    background-color: var(--white);
    border: 1px solid var(--black15);
    border-radius: 12px;
    display: flex;
    gap: 16px;
    padding: 18px;
}

.experts-single-img img {
    border-radius: 50%;
    min-height: 80px;
    max-height: 80px;
    min-width: 80px;
    max-width: 80px;
}

.experts-single-content {
    width: calc(100% - 96px);
}

.experts-single-info {
    border-bottom: 1px solid var(--black15);
    margin: 0 0 8px;
    padding: 0 0 8px;
}

.experts-subheading {
    color: var(--dark-grey);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 2px;
    margin: 0 0 8px;
    text-transform: uppercase;
}

.experts-name {
    color: var(--hydrocarbon);
    font-family: var(--secondaryFont);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.experts-post {
    color: var(--hydrocarbon);
    font-family: var(--secondaryFont);
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    margin: 0;
}

.experts-single-content ul {
    margin: 0;
    padding: 0;
}

.experts-single-content ul li {
    display: flex;
    list-style: none;
}

.experts-single-content ul li a {
    color: var(--hydrocarbon);
    text-decoration: none;
    font-family: var(--secondaryFont);
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    margin: 0;
    word-break: break-all;
}

.experts-single-content ul li a:hover {
    color: var(--primarycolor);
}


/* ===================================
   Valuation Page CSS
=================================== */

/* Valuation CSS Start */

.valuation {
    background-color: var(--white-gold);
    padding: 0 0 100px;
}

.valuation-row {
    background-color: var(--white-gold);
    border-radius: 12px;
    max-width: 990px;
    margin: -100px auto 0;
    padding: 80px 135px 0;
    position: relative;
    z-index: 1;
}

.valuation-title {
    margin: 0 0 40px;
}

.valuation-title .heading {
    font-size: 28px;
    line-height: 32px;
    margin: 0 auto;
    max-width: 682px;
    text-align: center;
}


/* ===================================
   Valuation Page CSS
=================================== */

/* Valuation CSS Start */

.privacy-hero {
    background-image: url(../images/privacy-hero-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 240px 0 130px;
}

.hero-comman {
    padding: 250px 0 220px
}


/* ===================================
   Privacy Policy Page CSS
=================================== */

/* Privacy Filter CSS Start */

.privacy-filter .dashboard-filter-menu {
    gap: 50px;
    max-width: 860px;
}

/* Privacy policy CSS Start */

.privacy-policy {
    background-color: var(--white-gold);
    margin: -36px 0 0;
    padding: 78px 0 130px;
}

.privacy-policy-row {
    margin: 0 auto;
    max-width: 760px;
}

.privacy-policy-heading {
    margin: 0 0 60px;
}

.privacy-policy-heading h2 {
    color: var(--primarycolor);
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    margin: 0;
    word-break: break-word;
}

.privacy-policy-copy {
    color: var(--storm-dust2);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 25px;
}

.privacy-policy-copy p {
    color: var(--storm-dust2);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 25px;
}

.privacy-policy-copy h1 {
    color: var(--burnt-malt);
    display: inline-block;
    font-size: 36px;
    font-weight: 600;
    line-height: 42px;
    margin: 25px 0;
    width: 100%;
}

.privacy-policy-copy h2 {
    color: var(--burnt-malt);
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    line-height: 31px;
    margin: 25px 0;
    width: 100%;
}

.privacy-policy-copy h3 {
    color: var(--burnt-malt);
    display: inline-block;
    font-size: 19px;
    font-weight: 600;
    line-height: 26px;
    margin: 25px 0;
    width: 100%;
}

.privacy-policy-copy h4 {
    color: var(--burnt-malt);
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    margin: 25px 0;
    width: 100%;
}

.privacy-policy-copy h5 {
    color: var(--burnt-malt);
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    margin: 25px 0;
    width: 100%;
}

.privacy-policy-copy h6 {
    color: var(--burnt-malt);
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    margin: 25px 0;
    width: 100%;
}

.privacy-policy-copy ul {
    margin: 0 0 25px;
    padding: 0;
}

.privacy-policy-copy ul li {
    color: var(--storm-dust2);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    list-style: disc inside;
    margin: 0 0 10px;
}

.privacy-policy-copy ol {
    margin: 0 0 25px;
    padding: 0;
}

.privacy-policy-copy ol li {
    color: var(--storm-dust2);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    list-style: decimal inside;
    margin: 0 0 10px;
}

.privacy-policy-copy>strong {
    color: var(--storm-dust2);
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 25px;
}

.privacy-policy-copy>a {
    color: var(--storm-dust2);
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    list-style: disc;
    margin: 0 0 25px;
    text-decoration: underline;
}

.privacy-policy-copy a {
    color: var(--storm-dust2);
    text-decoration: underline;
}

.privacy-policy-copy a:hover {
    color: var(--primarycolor);
}

.privacy-policy-copy>blockquote {
    color: var(--storm-dust2);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 25px;
}

.privacy-policy-copy blockquote {
    color: var(--storm-dust2);
}


/* ===================================
   Difference Page CSS
=================================== */

/* Difference Hero CSS Start */

.difference .sell-us-hero-img img {
    display: inline-block;
    margin: 0 0 -110px;
    max-height: 700px;
    min-height: 700px;
}

.difference .sell-us-hero-right {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

/* Difference Review CSS Start */

.difference-review {
    background-image: url(../images/breadcrumb-bg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: var(--white-gold);
    padding: 310px 0 110px;
}

.difference-review-title .subheading {
    margin: 0 0 16px;
    text-align: center;
}

.difference-review-title .heading {
    margin: 0 auto;
    max-width: 1130px;
    text-align: center;
}

/* Personal CSS Start */

.personal {
    background-color: var(--white-gold);
    padding: 130px 0 90px;
}

.personal-row {
    display: flex;
    align-items: center;
    gap: 70px;
}

.personal-img {
    width: 54%;
}

.personal-img img {
    border-radius: 10px;
    width: 100%;
}

.personal-list {
    width: 46%;
}

.personal-single {
    margin: 0 0 80px;
}

.personal-single:last-child {
    margin: 0;
}

.personal-single .heading {
    font-size: 28px;
    line-height: 32px;
    margin: 0 0 20px;
}

.personal-single p {
    color: var(--storm-dust2);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 16px;
}

.personal-single .secondary-btn {
    letter-spacing: 0;
    padding: 16px 48px;
}

/* Team Full Image CSS Start */

.team-full {
    padding: 90px 0 0;
    position: relative;
    z-index: 1;
}

.team-full::after {
    background-color: var(--white-gold);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 50%;
    width: 100%;
    z-index: -1;
}

.team-full-row img {
    border-radius: 10px;
    width: 100%;
}


/* ===================================
   Our Team Page CSS
=================================== */

/* Team CSS Start */

.team-listing {
    background-image: url(../images/breadcrumb-bg.png);
    background-position: center 120px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: var(--white-gold);
    padding: 235px 0 90px;
}

.team-listing-row {
    overflow: hidden;
}

.team-listing-row-inner {
    display: flex;
    flex-wrap: wrap;
    row-gap: 60px;
    margin: 0 -30px;
}

.team-listing-single {
    padding: 0 30px;
    width: 33.33%;
}

.team-listing-img {
    margin: 0 0 30px;
}

.team-listing-img img {
    border-radius: 8px;
    height: 450px;
    width: 100%;
}

.team-listing-content h3 {
    color: var(--black);
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    margin: 0 0 4px;
}

.team-listing-content span {
    color: var(--black);
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}

.team-listing-copy {
    margin: 24px 0 0;
}

.team-listing-copy p {
    color: var(--black);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 20px;
}

.team-listing-btn .theme-btn {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    padding: 6px 32px;
}

.fancybox-active header,
.scroll-up header{
    background-color: var(--white-gold);
}
.fancybox-active header .header-menu>ul>li>a,
.scroll-up header .header-menu>ul>li>a{
    color: var(--black);
}
.fancybox-active header .logo .logo-black,
.scroll-up header .logo .logo-black{
    display: block;
}
.fancybox-active header .logo-lightyellow,
.fancybox-active header .logo-white,
.scroll-up header .logo-lightyellow,
.scroll-up header .logo-white {
    display: none;
}

.scroll-down header{
  transform: translateY(-130px);
  transition: all 0.5s ease-in-out;
}
.scroll-up header{
  transform: translateY(0);
  transition: all 0.5s ease-in-out;
}
header {
  position: fixed; 
  width: 100%;
}
.single-property .property-nav{
    top: 100px;
}
.scroll-down.single-property .property-nav{
    top: 20px;
}




.latest-property-img-slider-mobile .slick-dots {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    height: auto;
    padding: 0 10px;
    width: 100%;
}
.latest-property-img-slider-mobile .slick-dots li{
    display: flex;
}
.latest-property-img-slider-mobile .slick-dots li button{
    background-color: var(--white);
    border-radius: 10px;
    font-size: 0;
    min-height: 6px;
    padding: 0;
    min-width: 6px;
}
.latest-property-img-slider-mobile .slick-dots li.slick-active button{
    background-color: var(--primarycolor);
    min-height: 10px;
    min-width: 10px;
}
.ph-infinite-scroll-loading {
    background-color: transparent;
    border: 1px solid var(--bluestone);
    box-shadow: none;
    border-radius: 30px;
    color: var(--bluestone);
    cursor: pointer;
    font-family: var(--primaryFont);
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 1px;
    margin: 0 auto;
    max-width: max-content;
    padding: 12px 55px;
    text-align: center;
    width: 100%;
}
/* .latest-property-img-slider-mobile .slick-dots li.slick-active,
.latest-property-img-slider-mobile .slick-dots li.slick-active + li,
.latest-property-img-slider-mobile .slick-dots li.slick-active + li + li,
.latest-property-img-slider-mobile .slick-dots li:has(+ li.slick-active),
.latest-property-img-slider-mobile .slick-dots li:has(+ li + li.slick-active){
    display: flex;
}
.latest-property-img-slider-mobile .slick-dots li {
    display: none;
} */




@media (min-width:1280px) {
    .header-mobile-menu {
        display: none;
    }
}
@media (max-width:1279px) {

    /* Home Page CSS */
    header {
        margin: 0 0 -70px 0;
        position: sticky;
        top: 0;
    }

    .menu-sticky {
        background-color: var(--white-gold);
    }
    .scroll-down header{
        transform: translateY(0);
        transition: all 0.5s ease-in-out;
    }

    .menu-sticky .logo .logo-black {
        display: block;
    }

    .menu-sticky .logo .logo-white {
        display: none;
    }

    .menu-sticky .logo .logo-lightyellow {
        display: none;
    }

    .menu-sticky .toggle-menu {
        color: var(--black);
    }

    .toggle-menu-mobile {
        display: block;
    }

    .menu-active .toggle-menu {
        color: var(--black);
    }

    .menu-active .header-row {
        border-color: var(--primarycolor20);
    }

    .toggle-menu .icon-hamburger,
    .toggle-menu.toggle-active .icon-close {
        display: block;
    }

    .toggle-menu .icon-close,
    .toggle-menu.toggle-active .icon-hamburger,
    .header-menu {
        display: none;
    }

    .header-row {
        border-bottom: 1px solid var(--white60);
        padding: 13px 23px;
    }

    .logo {
        justify-content: start;
    }

    .toggle-menu {
        background-color: transparent;
        border: none;
        border-radius: 0;
        color: var(--white);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        font-family: var(--primaryFont);
        font-size: 10px;
        font-weight: 800;
        line-height: 24px;
        letter-spacing: 3px;
        text-transform: uppercase;
        transition: none;
    }

    .toggle-icon img {
        height: 19px;
        width: 19px;
    }

    .logo img {
        min-height: unset;
        max-height: 40px;
        max-width: 120px;
    }

    .header-mobile-menu {
        background-color: var(--white-gold);
        display: none;
        position: fixed;
        top: auto;
        left: 0;
        height: calc(100vh - 66px);
        overflow: auto;
        padding: 0 0 20px 0;
        width: 100%;
    }

    .mobile-menu>ul>li {
        border-bottom: 1px solid var(--primarycolor20);
        padding: 15px 30px;
        position: relative;
    }

    .mobile-menu>ul>li:last-child {
        border: none;
    }

    .submenu {
        display: none;
        padding: 50px 0 10px;
    }

    .submenu-toggle {
        background-image: url(../images/icon-plus.svg);
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 16px 16px;
        background-color: transparent;
        border: none;
        border-radius: 0;
        height: 24px;
        position: absolute;
        top: 15px;
        right: 30px;
        width: 100%;
        z-index: 2;
    }

    .submenu-toggle.active {
        background-image: url(../images/icon-minus.svg);
    }

    .mobile-menu>ul>li>a {
        color: var(--black);
        font-size: 12px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 4px;
        text-transform: uppercase;
        display: block;
        text-align: center;
        width: 100%;
        /* max-width: max-content; */
    }

    .menu-arrow-icon {
        background-image: url(../images/icon-menu-arrow.svg);
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 16px 16px;
        background-color: transparent;
        border: none;
        border-radius: 0;
        height: 24px;
        position: absolute;
        top: 15px;
        right: 30px;
        width: 16px;
    }

    .mobile-menu>ul>li.menu-arrow a {
        position: relative;
        z-index: 1;
    }

    .mobile-menu .menu-properties {
        width: 100%;
    }

    .mobile-menu .megamenu-heading {
        text-align: center;
    }

    .mobile-menu .properties-count ul,
    .mobile-menu .menu-useful ul {
        align-items: center;
        justify-content: center;
    }

    .mobile-menu .properties-count ul li {
        padding: 0;
    }

    .mobile-menu .properties-count ul li a::before {
        display: none;
    }

    .mobile-menu .properties-count ul li a {
        background: none;
    }

    .mobile-menu .menu-useful {
        margin: 20px 0 0;
        width: 100%;
    }

    .mobile-menu .menu-useful ul li a {
        font-size: 14px;
    }

    .mobile-menu-bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 24px 0 0;
    }

    .mobile-sale-sign-btn {
        width: 100%;
    }

    .mobile-menu-bottom .theme-btn {
        background-color: var(--green);
        border-color: var(--green);
        font-size: 12px;
        line-height: 18px;
        margin: 0 auto;
        min-width: 350px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }

    .mobile-menu-bottom .theme-btn:hover,
    .mobile-menu-bottom .theme-btn:focus {
        background-color: transparent;
        color: var(--green);
    }

    .mobile-menu-bottom .secondary-btn {
        border-color: var(--green);
        color: var(--green);
        font-size: 12px;
        line-height: 18px;
        margin: 0 auto;
        min-width: 350px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }

    .mobile-menu-bottom .secondary-btn:hover,
    .mobile-menu-bottom .secondary-btn:focus {
        background-color: var(--green);
        color: var(--white);
    }

    /* New CSS Add */
    .megamenu-wrapper.about-menu .menu-properties {
        margin: 0;
    }

    .megamenu-wrapper.blog-menu .menu-properties {
        margin: 0;
    }

    .hero-row {
        min-height: 880px;
        padding: 80px 0 60px 0;
    }

    .hero-heading {
        font-size: 48px;
    }

    .property-intro-img-left {
        max-height: 440px;
        max-width: 320px;
    }

    .property-intro-img-inner .property-intro-img-right {
        max-height: 380px;
        max-width: 120px;
    }

    .selling-us {
        padding: 80px 0;
    }

    .client-box-overlay {
        padding: 30px 20px;
    }

    .happy-client-name {
        font-size: 20px;
    }

    .our-team-title {
        gap: 50px;
    }

    .our-team-name {
        font-size: 24px;
    }

    .local-overlay {
        padding: 20px;
    }

    .local-box-heading {
        font-size: 20px;
    }

    .surrounding {
        padding: 140px 0 120px;
    }

    .footer-info-row {
        gap: 30px;
    }

    /* ===================================
    Blog Page CSS
    =================================== */

    .header-lightyellow .toggle-menu {
        color: var(--black);
    }
    .blog-box-img img {
        max-height: 260px;
        min-height: 260px;
    }
    .blog-box-big-img img {
        min-height: 410px;
        max-height: 410px;
    }

    /* ===================================
    Blog Single Page CSS
    =================================== */

    .white-logo .icon-hamburger {
        filter: brightness(0) saturate(100%) invert(95%) sepia(6%) saturate(2599%) hue-rotate(314deg) brightness(109%) contrast(101%);
    }

    .white-logo.menu-sticky .icon-hamburger {
        filter: none;
    }

    .blog-single-sidebar {
        top: 80px;
    }

    .blog-single {
        padding: 380px 0 100px;
    }

    .blog-single-subtitle,
    .blog-single-copy {
        padding: 0 50px;
    }

    .blog-single-copy .alignwide,
    .blog-single-copy .size-full,
    .blog-single-copy .alignfull {
        margin: 0 -50px 25px;
        width: calc(100% + 100px);
    }

    .blog-auther {
        width: calc(100% - 100px);
    }

    /* ===================================
    Property Page CSS
    =================================== */

    .property-nav-row {
        padding: 20px;
    }

    .property-nav-menu ul,
    .property-nav-other-btn {
        gap: 15px;
    }

    .property-nav-menu ul li a {
        letter-spacing: 1px;
    }

    .property-details-row {
        gap: 80px;
    }

    .property-details-left {
        width: calc(100% - 420px);
    }

    /* ===================================
    Dashboard Page CSS
    =================================== */

    .dashboard-list-row {
        flex-direction: column;
    }

    .dashboard-left-box {
        width: 100%;
    }

    .dashboard-right-box {
        width: 100%;
    }

    /* ===================================
    Sell With Us Page CSS
    =================================== */

    .sell-us-hero {
        padding: 200px 0 0;
    }

    .sell-us-hero-row {
        gap: 50px;
    }

    .sell-us-hero-right .heading {
        font-size: 36px;
        line-height: 42px;
    }

    .sell-presentation-list-inner {
        margin: 0 -10px;
        row-gap: 30px;
    }

    .sell-presentation-single {
        padding: 0 10px;
    }

    .sell-presentation-title .heading {
        font-size: 18px;
        line-height: 24px;
    }

    .selling-homes {
        background-size: 100% auto;
    }

    /* ===================================
    Partners Page CSS
    =================================== */

    .covered {
        background-size: 100% auto;
    }

    .covered-list-inner {
        margin: 0 -15px;
    }

    .covered-box {
        margin: 80px 0 0;
        padding: 0 15px;
    }

    /* ===================================
    Contact Page CSS
    =================================== */

    .contact-us-row {
        gap: 50px;
    }

    .contact-us-left {
        padding: 40px 35px 40px;
    }

    .experts {
        padding: 120px 0 140px;
    }

    .experts-single {
        width: 50%;
    }

    /* ===================================
    Difference Page CSS
    =================================== */

    .difference-review {
        padding: 250px 0 80px;
    }

    .personal {
        padding: 100px 0 70px;
    }

    .personal-row {
        gap: 50px;
    }

    .personal-single {
        margin: 0 0 60px;
    }

    /* ===================================
    Our Team Page CSS
    =================================== */

    .team-listing {
        padding: 235px 0 60px;
    }

    .team-listing-row-inner {
        row-gap: 40px;
        margin: 0 -20px;
    }

    .team-listing-single {
        padding: 0 20px;
    }

    .team-listing-img img {
        height: 360px;
    }

    .team-listing-content h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .team-listing-content span {
        font-size: 18px;
        line-height: 18px;
    }


    /* New CSS */
    .post-type-archive-property header{
        background-color: var(--white-gold);
    }
    .post-type-archive-property .breadcrumb{
        display: none;
    }
    .post-type-archive-property .properties-filter{
        margin: 70px 0 0 0;
    }
    .post-type-archive-property .properties-filter{
        background-color: var(--white);
        border-top: 1px solid var(--black15);
        border-bottom: 1px solid var(--black15);
    }
    .post-type-archive-property .properties-filter-form{
        border: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .properties-filter-form form.property-search-form-default{
        gap: 0;
        flex-direction: row;
        justify-content: space-between;
    }
    .filterssearch .filter-group {
        margin: 0 0 10px;
    }
    .property-search-form-default .filter-group label{
        display: none;
    }
    .properties-filter-form .property-search-form-default .filter-group.location{
        width: calc(100% - 100px);
    }
    .property-search-form-default .filter-btn-group .filter-form-btn{
        display: none;
    }
    .properties-filter-form .property-search-form-default .filter-btn-group{
        min-width: 85px;
        width: auto;
    }
    .property-search-form-default .filter-popup-btn span {
        margin: 0 0 0 auto;
    }
    .property-search-form-default .filter-popup-btn{
        background-position: 13px center;
    }
    .filterssearch .property-search-form-default .filter-group label{
        display: block;
    }
    .filterssearch .property-search-form-default .filter-btn-group .filter-form-btn{
        display: flex;
    }
    .filterssearch .fancybox-close-small{
        display: none;
    }
    .filterssearch .fancybox-slide--html .fancybox-content{
        padding: 0 !important;
    }
    .filterssearch .property-search-form-default{
        padding: 0 28px;
    }
    .filterssearch .filterssearch-title{
        border-bottom: 1px solid var(--black15);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        padding: 12px 28px;
    }
    .close-btn-filter{
        background-color: var(--white-gold);
        border: 1px solid var(--black20);
        border-radius: 8px;
        color: var(--true-black);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-family: var(--primaryFont);
        font-size: 13px;
        font-weight: 500;
        line-height: 1;
        padding: 12px;
    }
    .close-btn-filter:hover,
    .close-btn-filter:focus{
        background-color: var(--white-gold);
        border: 1px solid var(--black20);
        color: var(--true-black);
    }
}
@media (max-width:991px) {  
    .heading {
        font-size: 32px;
        line-height: 40px;
    }

    .hero-heading {
        font-size: 40px;
    }

    .property-intro {
        overflow: hidden;
        padding: 60px 0;
    }

    .property-intro .container {
        padding: 0;
    }

    .property-intro-row {
        flex-direction: column;
        gap: 40px;
    }

    .property-intro-content {
        min-height: unset;
        padding: 0 16px;
        width: 100%;
    }

    .property-intro-content .heading {
        margin: 0 0 20px;
        max-width: unset;
    }

    .property-intro-content p {
        max-width: unset;
    }

    .property-intro-img {
        position: unset;
        height: auto;
        width: 100%;
    }

    .property-intro-img-inner {
        padding: 0 0 0 16px;
        gap: 0;
    }

    .property-intro-img-left {
        margin-right: 16px;
        max-height: 620px;
        max-width: 440px;
        width: calc(80% - 16px);
    }

    .property-intro-img-inner .property-intro-img-right {
        max-height: 540px;
        max-width: 170px;
        width: 20%;
    }

    .selling-us-right {
        max-width: 380px;
    }

    .testimonial {
        padding: 0;
    }

    .our-team {
        padding: 80px 0 60px;
    }

    .our-team-title {
        flex-direction: column;
        align-items: start;
        gap: 20px;
        margin: 0 0 20px;
    }

    .our-team-heading {
        width: 100%;
    }

    .our-team-copy {
        width: 100%;
    }

    .our-team-copy p {
        margin: 0;
        max-width: 100%;
    }

    .our-team-box {
        width: 50%;
    }

    .surrounding-right {
        max-width: 410px;
    }

    .footer-info-row {
        flex-wrap: wrap;
        justify-content: unset;
        column-gap: 0;
    }

    .footer-contact {
        width: 40%;
    }

    .footer-menu,
    .footer-party {
        width: 30%;
    }

    /* ===================================
    Blog Page CSS
    =================================== */

    .breadcrumb {
        padding: 170px 0 130px;
    }

    .breadcrumb-heading {
        font-size: 36px;
    }

    .blog-list {
        padding: 0 0 80px;
    }

    .blog-list-top-row-inner,
    .blog-list-row-inner {
        margin: 0 -10px;
    }

    .blog-box-big,
    .blog-box {
        padding: 0 10px;
    }

    .blog-box-tag {
        padding: 6px 16px;
    }

    .blog-box-content {
        margin: 18px 0 0;
    }

    .blog-box-heading {
        font-size: 19px;
        line-height: 22px;
        margin: 0 0 18px;
    }

    .blog-box-big-content {
        padding: 20px;
    }

    .blog-box-big-heading {
        font-size: 20px;
        margin: 0 0 12px;
    }
    .blog-box-img img {
        max-height: 220px;
        min-height: 220px;
    }
    .blog-box-big-img img {
        min-height: 360px;
        max-height: 360px;
    }

    /* ===================================
    Blog Single Page CSS
    =================================== */

    .interested .container {
        padding-right: 0;
    }

    .interested-row {
        overflow: hidden;
    }

    .interested-title {
        padding-right: 16px;
    }

    .blog-single-row {
        flex-direction: column;
    }

    .blog-single-content {
        width: 100%;
    }

    .blog-single-sidebar {
        max-width: 100%;
    }

    .blog-single-sidebar {
        position: static;
        top: 0;
    }

    /* ===================================
    Property Page CSS
    =================================== */

    .property-nav .container {
        padding: 0;
    }

    .property-nav-row {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }

    .property-nav-menu,
    .property-nav-other-btn {
        display: none;
    }

    .mobile-property-nav-group {
        display: block;
        margin: 0 auto;
    }

    .mobile-property-nav-group ul {
        display: flex;
        gap: 10px;
        margin: 0;
        padding: 0;
    }

    .mobile-property-nav-group ul li {
        list-style: none;
    }

    .mobile-property-nav-group ul li .theme-btn {
        font-family: var(--secondaryFont);
        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        padding: 10px 70px;
    }

    .mobile-property-nav-group ul li .secondary-btn {
        font-family: var(--secondaryFont);
        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        padding: 10px 30px;
    }
    .sidebar-property-alert {
        display: none;
    }

    .sidebar-property-alert-mobile {
        border-radius: 0 0 12px 12px;
        display: block;
    }

    .property-info-agent {
        padding: 0;
    }

    .property-info-agent-list {
        padding: 24px 22px 0 22px;
    }

    .property-agent {
        padding: 0 22px 0 22px;
    }

    .property-info-agent-btn {
        display: none;
    }

    /* ===================================
    Dashboard Page CSS
    =================================== */

    .dashboard-filter .container {
        padding: 0;
    }

    .dashboard-filter-menu {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        max-width: 100%;
        width: 100%;
    }

    /* ===================================
    Saved Property Page CSS
    =================================== */

    .saved-property-list .latest-property-content {
        padding: 20px 20px 18px;
    }

    .saved-property-list .latest-property-amenities {
        gap: 16px;
    }

    .latest-property-amenities ul {
        gap: 16px;
    }

    /* ===================================
    Sell With Us Page CSS
    =================================== */

    .sell-us-hero {
        padding: 150px 0 0;
    }

    .sell-us-hero-row {
        flex-direction: column-reverse;
    }

    .sell-us-hero-right {
        width: 100%;
    }

    .sell-us-hero-img {
        width: 100%;
    }

    .sell-us-hero-right p {
        max-width: 100%;
    }

    .sell-us-hero-img img {
        min-height: 650px;
        max-height: 650px;
    }

    .sell-google-rating {
        padding: 222px 0 22px;
    }

    .sell-google-rating-row {
        justify-content: center;
        width: 100%;
    }

    .selling-homes {
        background-size: 100% auto;
        padding: 80px 0;
    }

    .selling-homes-slider .selling-homes-single-inner {
        gap: 36px;
    }

    .selling-homes-number {
        min-height: 140px;
        max-height: 140px;
        min-width: 140px;
        max-width: 140px;
    }

    .selling-homes-number span {
        font-size: 36px;
    }

    .selling-homes-title h4 {
        font-size: 30px;
    }

    .sell-presentation-single {
        width: 50%;
    }

    .sell-presentation-list-inner {
        row-gap: 20px;
    }

    /* ===================================
    Partners Page CSS
    =================================== */

    .covered-box {
        width: 50%;
    }

    /* ===================================
    Contact Page CSS
    =================================== */

    .contact-hero-title .heading {
        font-size: 32px;
        line-height: 40px;
    }

    .contact-us-row {
        flex-direction: column;
    }

    .contact-us-right {
        margin: 0;
        max-width: 100%;
        width: 100%;
    }

    /* ===================================
    Valuation Page CSS
    =================================== */
    .valuation-row {
        padding: 60px 60px 0;
    }

    /* ===================================
    Privacy Policy Page CSS
    =================================== */

    .privacy-policy {
        padding: 80px 0 80px;
    }

    .privacy-filter .dashboard-filter-menu {
        max-width: 100%;
    }

    /* ===================================
    Difference Page CSS
    =================================== */

    .difference .sell-us-hero-row {
        flex-direction: column;
    }

    .difference-review {
        padding: 200px 0 60px;
    }

    .personal {
        padding: 60px 0 50px;
    }

    .personal-row {
        flex-direction: column;
    }

    .personal-img,
    .personal-list {
        width: 100%;
    }

    /* ===================================
    Our Team Page CSS
    =================================== */

    .team-listing-single {
        width: 50%;
    }

    /* Other */
    .stories-box {
        width: 50%;
    }
}
@media (max-width:767px) {
    section {
        margin: 40px 0;
    }

    .hero::after {
        background: linear-gradient(0deg, var(--black) 2%, transparent 50%);
    }

    .hero::before {
        background: linear-gradient(0deg, transparent 0%, var(--black) 100%);
        height: 320px;
    }

    .hero-heading {
        text-align: center;
    }

    .hero-form form {
        flex-direction: column;
    }

    .hero-form {
        padding: 25px;
    }

    .hero-form .form-group {
        width: 100%;
    }

    .hero-form .form-group-btn {
        padding: 0;
        width: 100%;
    }

    .hero-form .form-group-btn .theme-btn,
    .hero-form .form-group-btn input[type="submit"] {
        margin: 0 auto;
        text-align: center;
        max-width: 100%;
        width: 100%;
    }

    .latest-property {
        padding: 70px 0;
    }

    .latest-property-list {
        margin: 0 0 70px;
    }

    .selling-us::before {
        background: linear-gradient(90deg, var(--black17) -30%, var(--black70) 30%);
    }

    .selling-us-right {
        max-width: 100%;
        margin: 0;
    }

    .happy-client-slider .slick-arrow,
    .local-slider .slick-arrow {
        background-size: 36px 36px;
        height: 36px;
        left: 20px;
        width: 36px;
    }

    .happy-client-slider .slick-next,
    .local-slider .slick-next {
        left: auto;
        right: 20px;
    }

    .our-team-box {
        width: 100%;
    }

    .our-team-img img {
        min-height: unset;
        max-height: unset;
    }

    .our-team-name {
        font-size: 28px;
    }

    .surrounding {
        padding: 264px 0 60px;
    }

    .surrounding::after {
        background: linear-gradient(180deg, transparent -1.6%, var(--black60) 59.05%);
    }

    .surrounding-right {
        max-width: unset;
    }

    .footer-signup {
        padding: 60px 0 0;
    }

    .footer-signup-row .heading {
        display: block;
        margin: 0 0 22px;
    }

    .footer-signup-input input {
        height: 60px;
        padding: 14px 80px 14px 28px;
    }

    .footer-signup-input .theme-btn {
        background-image: url(../images/footer-signup-arrow.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 24px 24px;
        font-size: 0;
        padding: 11px 28px;
    }

    .footer-info {
        padding: 60px 0 0;
    }

    .footer-info .container {
        padding: 0;
    }

    .footer-info-row {
        gap: 0;
    }

    .footer-body {
        padding: 0 0 30px;
    }

    .footer-contact {
        border-top: 1px solid var(--white50);
        border-bottom: 1px solid var(--white50);
        padding: 0 16px;
        width: 100%;
    }

    .footer-contact-info ul {
        gap: 20px;
    }

    .footer-contact-info ul li {
        justify-content: center;
    }

    .footer-social ul {
        justify-content: center;
    }

    .footer-menu {
        border-bottom: 1px solid var(--white50);
        padding: 0 16px;
        width: 100%;
    }

    .footer-menu ul li {
        text-align: center;
    }

    .footer-menu ul li a {
        display: inline-block;
    }

    .footer-party {
        margin: 30px 0 0;
        padding: 0 16px;
        width: 100%;
    }

    .footer-party ul {
        justify-content: center;
    }

    .footer-party ul li {
        text-align: center;
    }

    .footer-party ul li a {
        display: inline-block;
    }

    .footer-heading {
        background-image: url(../images/icon-plus-white.svg);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        margin: 0;
        padding: 30px 0;
        text-align: center;
    }

    .footer-heading.heading-active {
        background-image: url(../images/icon-minus-white.svg);
    }

    .copyright,
    .brandname-desktop {
        display: none;
    }

    .footer-name {
        margin: 60px 0 0;
    }

    .brandname-mobile {
        display: block;
    }

    /* ===================================
    Blog Page CSS
    =================================== */

    .breadcrumb,
    .previoust_sold_list.breadcrumb::before{
        background-size: 100% auto;
    }

    .breadcrumb-heading {
        font-size: 28px;
        line-height: 44px;
    }

    .blog-filter {
        margin-bottom: 10px;
    }

    .blog-filter .container {
        padding: 0;
    }

    .blog-filter-menu {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }

    .blog-list {
        padding: 0 0 70px;
    }

    .blog-box-big,
    .blog-box {
        margin: 40px 0 0;
        width: 100%;
    }

    .blog-box-big-img img {
        max-height: unset;
        min-height: 400px;
    }

    .blog-box-img img {
        min-height: 270px;
        max-height: 270px;
    }

    /* ===================================
    Blog Single Page CSS
    =================================== */

    .blog-hero {
        background: linear-gradient(105.91deg, var(--satin-red) -2.38%, var(--light-maroon) 19.59%);
        padding: 160px 0 0;
    }

    .blog-hero-taglist .heading {
        font-size: 28px;
        line-height: 32px;
    }

    .blog-hero-img {
        margin: 0 -16px;
    }

    .blog-hero-img img {
        border-radius: 0;
        margin: 0 0 -220px;
        min-height: 500px;
        max-height: 500px;
    }

    .blog-single {
        padding: 350px 0 100px;
    }

    /* ===================================
    Dashboard Page CSS
    =================================== */

    .dashboard-left-box-inner {
        padding: 30px 16px 20px;
    }


    .dashboard-right-box {
        padding: 30px 16px 20px;
    }

    .dashboard-box-title .heading {
        font-size: 24px;
        line-height: 32px;
    }

    /* ===================================
    Manage Details Page CSS
    =================================== */

    .manage-details-tabs {
        gap: 40px;
    }

    .manage-details-tab-content {
        padding: 30px;
    }

    .manage-form-row {
        flex-direction: column;
        gap: 0;
    }

    .manage-form-row .manage-form-group,
    .manage-form-group{
        margin: 0 0 5px;
        width: 100%;
    }

    /* ===================================
    Saved Searches Page CSS
    =================================== */

    .saved-searches-semi {
        flex-direction: column;
    }

    .saved-searches-location,
    .saved-searches-info {
        width: 100%;
    }

    /* ===================================
    Saved Property Page CSS
    =================================== */

    .saved-property-list .latest-property-box {
        width: 100%;
    }

    .saved-property-list .latest-property-amenities {
        flex-wrap: wrap;
    }

    /* ===================================
    Sell With Us Page CSS
    =================================== */

    .selling-homes-slider .selling-homes-single-inner {
        flex-direction: column;
    }

    .selling-homes-title h4 {
        text-align: center;
    }

    .sell-presentation {
        padding: 0 0 80px;
    }

    .sell-presentation-single {
        width: 100%;
    }

    .sell-presentation-btn {
        margin: 40px 0 0;
    }

    .sell-customer-slider .slick-list {
        margin: 0;
    }

    .help-faqs {
        padding: 0 0 80px;
    }

    .help-faq-title {
        background-position: calc(100% - 16px) center;
        font-size: 16px;
        padding: 20px 50px 20px 20px;
    }

    .help-faq-body-inner {
        padding: 0 20px 20px;
    }

    /* ===================================
    Partners Page CSS
    =================================== */

    .covered {
        padding: 200px 0 80px;
    }

    .covered-box {
        margin: 50px 0 0;
        width: 100%;
    }

    .join-partners {
        padding: 0 0 40px;
    }

    /* ===================================
    Contact Page CSS
    =================================== */

    .experts {
        padding: 80px 0;
    }

    .experts-single {
        width: 100%;
    }

    /* ===================================
    Valuation Page CSS
    =================================== */
    .valuation {
        padding: 0 0 60px;
    }

    .valuation-row {
        padding: 30px 16px 0;
    }

    /* ===================================
    Privacy Policy Page CSS
    =================================== */

    .privacy-filter .dashboard-filter-menu {
        gap: 30px;
    }

    .privacy-policy-heading {
        margin: 0 0 30px;
    }

    .privacy-policy-heading h2 {
        font-size: 24px;
        line-height: 28px;
    }

    /* ===================================
    Our Team Page CSS
    =================================== */

    .team-listing {
        padding: 200px 0 40px;
    }

    .team-listing-single {
        width: 100%;
    }

    .team-listing-img img {
        height: auto;
    }

    /* Other */
    .stories-box {
        width: 100%;
    }

    .stories-list-inner {
        row-gap: 40px;
    }

    .stories-box-content h3 {
        margin: 0 0 10px;
    }

    .stories-box-img img {
        height: 550px;
    }
    .local-slider, .latest-property-slider {
        width: 90%;
        margin: 0 auto;
    }
    .happy-client-row {max-width: 75%;margin: 0 auto;}
    .sell-customer-row {width: 100%;}
}
@media (max-width:575px) {
    .heading {
        font-size: 26px;
        line-height: 32px;
    }

    .breadcrumb-heading {        
        max-width: 270px;
        margin: 0 auto;
    }

    .subheading {
        font-size: 9px;
    }

    .theme-btn,
    .secondary-btn {
        font-size: 13px;
        font-weight: 500;
        line-height: 18px;
    }

    .hero {
        background-image: url(../images/home-hero-mobile.jpg);
    }

    .hero-row {
        /* min-height: 970px; */
        min-height: 100vh;
        /* padding: 80px 0 42px 0; */
        padding: 80px 0 100px 0;
        align-items: center;
    }

    .hero-heading {
        margin: 0 0 20px;
    }

    .hero-form {
        padding: 16px 20px;
    }
    .hero-form form{
        gap: 10px;
    }

    .hero-content p {
        font-size: 10px;
        line-height: 16px;
        text-align: center;
    }

    .google-rating {
        padding: 20px 0;
    }

    .google-rating-row h4 {
        line-height: 14px;
        max-width: 110px;
        text-align: right;
    }

    .property-intro {
        background-image: none;
    }

    .property-intro-btn {
        flex-direction: column;
    }

    .property-intro-btn li {
        width: 100%;
    }

    .property-intro-btn .theme-btn {
        padding: 14px 66px;
        max-width: 100%;
    }

    .property-intro-btn .secondary-btn {
        padding: 14px 52px;
        max-width: 100%;
    }

    .latest-property::before {
        display: none;
    }

    .latest-property {
        background: linear-gradient(144deg, var(--light-maroon) 42.97%, var(--salmon-red) 79.31%, var(--abstract-orange) 114.35%);
    }

    .latest-property-title .heading {
        text-align: left;
    }

    .latest-property-slider>.slick-list {
        margin: 0 0 0 -6px;
    }

    .latest-property-box {
        padding: 0 6px;
    }

    .latest-property-btn .theme-btn {
        padding: 12px 30px;
        max-width: 100%;
        width: 100%;
    }

    .latest-property-tag {
        font-size: 10px;
        line-height: 14px;
        left: 12px;
        padding: 6px 20px;
    }

    .latest-property-img-number {
        top: 12px;
        right: 12px;
    }

    .latest-property-img-slider .slick-arrow {
        background-size: 26px 26px;
        height: 26px;
        width: 26px;
    }
    .latest-property-img-slider-mobile .slick-arrow {
        background-size: 26px 26px;
        height: 26px;
        width: 26px;
    }

    .selling-us {
        padding: 140px 0 110px;
    }

    .selling-us-content p,
    .selling-us-content ul li {
        font-size: 14px;
    }

    .selling-us-btn .theme-btn {
        padding: 13px 30px;
        max-width: 100%;
        width: 100%;
    }

    .testimonial-btn .secondary-btn {
        padding: 14px 30px;
        max-width: 100%;
        width: 100%;
    }

    .testimonial-title,
    .testimonial-title .heading,
    .local-title .heading {
        text-align: left;
    }
    .testimonial-title .heading{
        max-width: 290px;
    }

    .client-box-overlay {
        padding: 25px 20px;
    }

    .happy-client-name {
        font-size: 17px;
    }

    .our-team-copy {
        display: none;
    }

    .our-team-box {
        margin: 60px 0 0;
    }

    .local-title {
        align-items: start;
    }

    .local-slider-box-inner img {
        max-height: 400px;
    }

    .local-slider .slick-list {
        margin: 0 0 0 -10px;
    }

    .local-slider-box {
        padding: 0 10px;
    }

    .local-overlay {
        padding: 30px 20px;
    }

    .local-box-heading {
        font-size: 18px;
        line-height: 20px;
    }

    .surrounding-right .theme-btn {
        padding: 12px 30px;
        max-width: 100%;
        width: 100%;
    }

    .footer-signup-input .theme-btn {
        height: 48px;
        padding: 10px;
        min-width: 64px;
    }

    /* ===================================
    Blog Page CSS
    =================================== */

    .blog-box-date {
        font-size: 12px;
    }

    /* ===================================
    Blog Single Page CSS
    =================================== */

    .blog-single {
        padding: 220px 0 0;
    }

    .blog-single .container {
        padding: 0;
    }

    .blog-hero-img img {
        margin: 0 0 -140px;
        min-height: 280px;
        max-height: 280px;
    }

    .blog-single-subtitle,
    .blog-single-copy {
        padding: 0;
    }

    .blog-single-subtitle h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .blog-single-copy .alignwide,
    .blog-single-copy .size-full,
    .blog-single-copy .alignfull {
        margin: 0 -16px 25px;
        width: calc(100% + 32px);
        border-radius: 0;
    }

    .blog-auther {
        width: 100%;
    }

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

    .blog-single-sidebar {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }

    .newsletter {
        padding: 150px 0 125px;
    }

    .newsletter-heading {
        font-size: 22px;
        line-height: 28px;
    }

    .newsletter-form .form-group input {
        height: 60px;
        padding: 16px 82px 16px 26px;
    }

    .newsletter-btn {
        background-image: url(../images/footer-signup-arrow.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 24px 24px;
        font-size: 0;
        height: 48px;
        padding: 12px 28px;
    }

    .interested-title .heading {
        text-align: left;
    }

    .interested-slider .slick-list {
        margin-left: -10px;
    }

    /* ===================================
    Dashboard Page CSS
    =================================== */

    .dashboard-box-title {
        align-items: start;
        flex-direction: column;
        gap: 20px;
    }

    .dashboard-box-saved .latest-property-box-inner {
        flex-direction: column;
    }

    .dashboard-search {
        flex-direction: column;
        padding: 16px;
    }

    .dashboard-box-saved .latest-property-img,
    .dashboard-search-maps {
        max-width: 100%;
    }

    .dashboard-search-info {
        width: 100%;
    }

    /* ===================================
    Manage Details Page CSS
    =================================== */

    .manage-details {
        padding: 0 0 40px;
    }

    .manage-details-tabs {
        gap: 20px;
    }

    .manage-details-tab-link {
        letter-spacing: 1px;
        padding: 0 0 12px;
    }

    .manage-details-tab-content {
        padding: 30px 16px;
    }

    /* ===================================
    Saved Searches Page CSS
    =================================== */

    .saved-searches {
        padding: 0;
    }

    .saved-searches-box {
        padding: 20px 16px;
    }

    .saved-searches-semi {
        gap: 20px;
    }

    .saved-searches-btn-group {
        margin: 20px 0 0;
    }

    .saved-searches-title .heading {
        font-size: 22px;
        line-height: 28px;
    }

    /* ===================================
    Saved Property Page CSS
    =================================== */

    .saved-property {
        padding: 0;
    }

    .saved-property-title {
        margin: 0 0 30px;
    }

    .saved-property-title .heading {
        font-size: 22px;
        line-height: 28px;
    }

    /* ===================================
    Sell With Us Page CSS
    =================================== */

    .sell-us-hero-right .heading {
        font-size: 28px;
        line-height: 32px;
        margin: 0 0 20px;
    }

    .sell-us-hero-btn {
        font-size: 16px;
        padding: 12px 38px;
    }

    .sell-us-hero-img img {
        min-height: 500px;
        max-height: 500px;
    }

    .sell-google-rating-row h4 {
        line-height: 14px;
        max-width: 110px;
        text-align: right;
    }

    .selling-homes {
        padding: 60px 0;
    }

    .selling-homes-slider .selling-homes-single-inner {
        gap: 20px;
    }

    .selling-homes-number {
        min-height: 100px;
        max-height: 100px;
        min-width: 100px;
        max-width: 100px;
    }

    .selling-homes-number span {
        font-size: 26px;
    }

    .selling-homes-title h4 {
        font-size: 22px;
        line-height: 28px;
    }

    .selling-homes-slider .slick-arrow {
        background-size: 30px 30px;
    }

    .sell-presentation-single-inner {
        padding: 26px 20px;
    }

    .sell-customer-box-inner {
        padding: 0 8px;
    }

    .help-faq-title {
        padding: 20px 45px 20px 20px;
    }

    .help-faq-body-inner p {
        font-size: 14px;
        line-height: 19px;
        margin: 0 0 10px;
    }

    .help-faqs {
        padding: 0 0 60px;
    }

    /* ===================================
    Partners Page CSS
    =================================== */

    .partners .sell-us-hero-img img {
        max-height: 480px;
        min-height: 480px;
    }

    .covered {
        padding: 160px 0 60px;
    }

    .covered-title {
        margin: 0;
    }

    /* ===================================
    Contact Page CSS
    =================================== */

    .contact-hero {
        padding: 180px 0 200px;
    }

    .contact-hero-title .heading {
        font-size: 28px;
        line-height: 32px;
    }

    .contact-us-left {
        padding: 30px 16px;
    }

    .contact-us-title .heading {
        font-size: 22px;
        line-height: 26px;
    }

    .contact-us-right {
        padding: 22px;
    }

    .contact-us-right ul li a,
    .contact-us-right ul li p {
        font-size: 16px;
        line-height: 24px;
    }

    .experts-single-inner {
        padding: 16px;
    }

    .experts-single-img img {
        min-height: 60px;
        max-height: 60px;
        min-width: 60px;
        max-width: 60px;
    }

    .experts-single-content {
        width: calc(100% - 76px);
    }

    .experts-name {
        font-size: 16px;
        line-height: 22px;
    }

    /* ===================================
    Valuation Page CSS
    =================================== */

    .valuation-title .heading {
        font-size: 24px;
        line-height: 30px;
    }

    /* ===================================
    Privacy Policy Page CSS
    =================================== */

    .privacy-hero {
        padding: 160px 0 100px;
    }

    .hero-comman {
        padding: 160px 0 100px;
    }

    .privacy-policy {
        padding: 80px 0 60px;
    }

    /* ===================================
    Difference Page CSS
    =================================== */

    .personal-single .heading {
        font-size: 24px;
    }

    .difference .sell-us-hero-img img {
        max-height: 480px;
        min-height: 480px;
    }

    .difference-review {
        padding: 180px 0 40px;
    }

    .personal {
        padding: 40px 0;
    }

    .team-full {
        padding: 40px 0 0;
    }

    .personal-single .secondary-btn {
        font-size: 14px;
        line-height: 22px;
        padding: 12px 42px;
    }

    /* Other */
    .stories-box-img img {
        height: 300px;
    }


    /* New Add CSS */
    .latest-property-img-slider-box img {
        min-height: 280px;
        max-height: 280px;
    }
}
@media (max-width:399px) {
    .hero-heading {
        font-size: 36px;
    }

    .heading {
        font-size: 22px;
        line-height: 30px;
    }

    .our-team-name {
        font-size: 24px;
    }
    .testimonial-title .heading {
        max-width: 240px;
    }
    .ph-infinite-scroll-loading {
        font-size: 14px;
    }
}