body {
    --primary-color: #bc7636;
    --primary-color-700: #FFF5EC;
    --green-700: #0b3d34;
    --secondary-color: #ebd6b1;
    --primary-font-color: #070026;
    --secondary-font-color: #E6F2FF;
    --a-hover-color: #bc7636;
    --heading-color: #070026;
    --descprition-color: #73777D;
    font-family: var(--luxury-body-font);
    --deaf-font-color: #222222;
    --deaf-font-color-600: #1118271f;
    --deaf-font-color-400: #8894ad44;
    --label-font-color: #151e42;
    --input-font-color-700: #6d7ca3;
    --input-font-color-500: #484f5f;
    --input-border-color: #d4dcff;
    --faded-font-color: #525c84;
    --primary-disabled: #0075ff22;
    --primary-border-color: #eaeef7;
    --primary-border-color-600: #e5edf966;
    --grid-text-color: #73777D;
    --overlay-color: #000000;
    --stats-bg-color: #F4F5F7;
    --stars-color: #d1e4fa;
    --dashboard-secondary-bg-color: #f5f9fd;
    --black-700: #000000;
    --white-700: #ffffff;
    --white-500: #FFFFFFDE;
    --white-200: #ffffff22;
    --orange-700: #f8b849;
    --purple-700: #4339f2;
    --red-700: #fb295b;
    --grey-700: #808080;
    --cyan-700: #28F8C0;
    --golden-700: #F8BB18;
    --input-radius: 10px;
    --border-radius-lg: 20px;
    --border-radius: 12px;
    --border-radius-md: 16px;
    --border-radius-xs: 4px;
    --primary-font: 'Inter';
    --luxury-heading-font: 'Poltawski Nowy', serif;
    --luxury-body-font: 'Helvetica';
    --icons-font: "Font Awesome 6 Free";
    --transition: 300ms;
    --overlay-opacity: 0.6;
    /* Icons Variables */
    --chevron-down-icon-code: "\f078";
    --heart-filled-icon-code: "\f004";
    --star-filled-icon-code: "\f005";
    --square-icon-code: "\f0c8";
    --check-icon-code: "\f00c";
    --circle-icon-code: "\f111";
    --close-icon-code: "\f00d";
    --marker-icon-code: "\f3c5";
    --search-icon-code: "\f002";
    --remove-heart-icon-code: "\e4ff";
    --loading-icon: "\f110";
    --bs-body-font-family: 'Urbanist';
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--luxury-heading-font);
}

h1:not(.hero-luxury-title):not(.navbar h1),
h2,
.post-title h2 {
    font-family: 'Poltawski Nowy', serif !important;
}

label {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: var(--luxury-body-font);
    color: var(--heading-color);
    margin: 0 0 0 0;
}

a {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: var(--bs-body-font-family);
    color: var(--secondary-font-color);
    margin: 0 0 0 0;
    transition: var(--transition);
    display: inline-block;
}

.post-page-numbers {
    color: var(--primary-color);
}

a:hover,
a:focus {
    color: var(--a-hover-color);
}

img {
    max-width: 100%;
}

.p-sm {
    font-size: 11px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: var(--bs-body-font-family);
    color: var(--grid-text-color);
    margin: 0 0 0 0;
}

.p-md {
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: var(--bs-body-font-family);
    color: var(--grid-text-color);
    margin: 0 0 0 0;
}

button.disabled {
    pointer-events: none;
    background: #ddd !important;
    color: #817d7d !important;
    border-color: #fff0 !important;
}

.p-lg {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: var(--bs-body-font-family);
    color: var(--grid-text-color);
    margin: 0 0 0 0;
}

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

.realestate-tooltip .tooltip-inner {
    background: var(--red-700);
    box-shadow: 0 0 5px 1px #d6d6d6;
    font-size: 12px;
    padding: 0 12px;
    color: var(--white-700);
    font-weight: 600;
    border-radius: 9px;
    line-height: 1.5em;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* START TOOLTIP STYLES */

[tooltip] {
    position: relative;
    cursor: pointer;
    color: var(--primary-color);
}


/* Applies to all tooltips */

[data-tooltip]::before,
[data-tooltip]::after {
    text-transform: none;
    font-size: .9em;
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}

[data-tooltip] {
    position: relative;
}

[data-tooltip]::before {
    content: '';
    border: 5px solid transparent;
    z-index: 1001;
}

[data-tooltip]::after {
    content: attr(data-tooltip);
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
    color: #fff;
    z-index: 1000;
    background-color: var(--primary-color) !important;
    opacity: 1 !important;
    padding: 8px;
    text-align: left;
    line-height: 17px;
    font-family: 'inter';
    min-width: 100px;
    border-radius: 5px;
}

/* Make the data-tooltips respond to hover */

[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
    display: block;
}


/* don't show empty data-tooltips */

[data-tooltip='']::before,
[data-tooltip='']::after {
    display: none !important;
}


/* FLOW: UP */

[data-tooltip]:not([data-flow])::before,
[data-tooltip][data-flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: var(--primary-color) !important;
}

[data-tooltip]:not([data-flow])::after,
[data-tooltip][data-flow^="up"]::after {
    bottom: calc(100% + 5px);
}

[data-tooltip]:not([data-flow])::before,
[data-tooltip]:not([data-flow])::after,
[data-tooltip][data-flow^="up"]::before,
[data-tooltip][data-flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}


/* data-flow: DOWN */

[data-tooltip][data-flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: var(--primary-color) !important;
}

[data-tooltip][data-flow^="down"]::after {
    top: calc(100% + 5px);
}

[data-tooltip][data-flow^="down"]::before,
[data-tooltip][data-flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, .5em);
}


/* data-flow: LEFT */

[data-tooltip][data-flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: var(--primary-color) !important;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%);
}

[data-tooltip][data-flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%);
}


/* data-flow: RIGHT */

[data-tooltip][data-flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: var(--primary-color) !important;
    right: calc(0em - 5px);
    transform: translate(.5em, -50%);
}

[data-tooltip][data-flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
}


/* KEYFRAMES */

@keyframes data-tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes data-tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}


/* FX All The Things */

[data-tooltip]:not([data-flow]):hover::before,
[data-tooltip]:not([data-flow]):hover::after,
[data-tooltip][data-flow^="up"]:hover::before,
[data-tooltip][data-flow^="up"]:hover::after,
[data-tooltip][data-flow^="down"]:hover::before,
[data-tooltip][data-flow^="down"]:hover::after {
    animation: data-tooltips-vert 300ms ease-out forwards;
}

[data-tooltip][data-flow^="left"]:hover::before,
[data-tooltip][data-flow^="left"]:hover::after,
[data-tooltip][data-flow^="right"]:hover::before,
[data-tooltip][data-flow^="right"]:hover::after {
    animation: data-tooltips-horz 300ms ease-out forwards;
}

a,
.realestate-navigation-nav li a {
    text-decoration: none;
    position: relative;
}
 .realestate-navigation-nav ul a::after {
    content: '';
    width: 100%;
    height: 20px;
    background: #ddd0;
    position: absolute;
    bottom: -9px;
    right: 0;
    left: 0;
}
.realestate-header.home-brokerage2 .realestate-navigation-nav li a {
    background-color: #fff0;
    color: #FFFFFF;
    border-bottom: 1px solid #fff0;
    border-radius: 0;
}

.realestate-header.home-brokerage2 .realestate-navigation-nav li a:hover {
    background-color: #fff0;
    color: #FFFFFF;
    border-color: #fff;
    border-radius: 0;
}

.realestate-header.home-brokerage2 .realestate-navigation-nav li .sub-menu a {
    color: #000;
    border-bottom: 1px solid #ddd;
}
.realestate-header.home-brokerage2 .realestate-navigation-nav li .sub-menu li:last-child a {
 
    border-bottom: 1px solid #fff0;
}

.realestate-content-container {
    min-height: 70vh;
    margin-bottom: 40px;
}

#realestate-header nav {
    padding: 20px 0;
}


/**
 * Default CSS End
 */

 .offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    background: var(--green-700);
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    background-color: var(--primary-color-700) !important;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
}

.realestate-navigation-nav-menus .sub-menu li {
    position: relative;
}

.realestate-section-bg-color-light {
    background-color: var(--stats-bg-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.realestate-section-bg-color-dark {
    background-color: var(--primary-font-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.realestate-section-bg-color-dark h2 {
    color: var(--white-700) !important;
}

html,
body {
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

button:focus-visible,
select:focus-visible {
    outline: none;
}

button {
    transition: var(--transition);
}

.modal-content {
    padding: 30px;
    position: relative;
}

.modal-content .modal-header {
    border: unset;
    padding: 0;
    margin-bottom: 30px;
}

.modal-content .modal-header h5 {
    text-align: center;
    width: 100%;
}

.modal-content .modal-header button {
    border: unset;
    color: var(--primary-color);
    font-family: var(--bs-body-font-family);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    border-radius: 4px;
    /* position: absolute; */
    right: 4px;
    top: 7px;
    /* font-size: 22px; */
    /* z-index: 9999; */
    /* background: var(--white-700) */
}

.realestate-input {
    border-color: #B2BAC0;
    height: 38px;
    font-size: 14px;
}

.modal-body {
    padding: 0;
}

.modal-body .realestate-login-btn {
    width: 100%;
    margin-top: 10px;
    background-color: var(--primary-color);
    color: var(--white-700);
    border: unset;
    font-size: 16px;
    padding: 6px 0;
}

.select2-selection.select2-selection--single.select2-selection--clearable {
    border: 1px solid #B2BAC0;
    min-width: 120px;
}


/* realestate login modal  */

.realestate-login-modal {
    padding: 80px;
    position: relative;
}

.realestate-login-modal .realestate-login-form-image {
    position: fixed;
    bottom: 0;
    left: 0;
    max-width: 633px;
    z-index: -1;
}

#realestate-login-modal,
#realestate-register-modal,
#realestate-forgot-password-modal{
    background-color: var(--green-700);
    z-index: 9999999999999;
}

.realestate-login-form-content {
    background: linear-gradient(135deg, var(--green-700) 0%, var(--green-800) 100%);
    min-height: 100vh;
}

.realestate-login-form-content-title {
    padding-right: 50px;
}

.realestate-login-form-content-title img {
    max-width: 210px;
}

.realestate-login-form-content-title h2 {
    font-size: 40px;
    color: #FFFFFF;
    font-family: 'Poppins';
    margin-top: 24px;
}

.realestate-login-form-content-title p {
    font-size: 14px;
    color: #fff;
    font-family: 'Poppins';
    margin-top: 12px;
}

.guide-btn {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 12px 20px;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    background: #bc7636;
    color: #fff;
}

.guide-btn:hover {
    background: #a5642e;
    color: #fff;
    text-decoration: none;
}

.realestate-login-form {
    background: #FFFFFF;
    position: relative;
    max-width: 582px;
    border-radius: 25px;
    margin-bottom: 50px;
    font-weight: 500;
    padding: 100px 80px;
}

.realestate-login-form h3 {
    font-size: 36px;
    font-family: 'Poppins';
    color: #202020;
    text-align: center;
}

.realestate-login-form .signup-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
}

.realestate-login-form .signup-tabs li {
    font-size: 14px;
    font-family: 'Inter';
    padding-bottom: 10px;
    margin: 0 20px;
    border-bottom: 1px solid #fff0;
    color: #000000;
    font-weight: 600;
    cursor: pointer;
}

.realestate-login-form .signup-tabs .active {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.realestate-login-modal .modal-content {
    background-color: #fff0;
    position: unset;
    padding: 0;
}

.realestate-user-logins .realestate-user-logins-group label {
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.realestate-user-logins .realestate-user-logins-group {
    margin-bottom: 20px;
    position: relative;
}

.realestate-user-logins {
    margin-top: 35px;
}

.realestate-user-logins .realestate-user-logins-group input {
    border: 1px solid #EEF0F5;
    width: 100%;
    background-color: #F8F9FC;
    border-radius: 4px;
    height: 34px;
    padding: 5px 15px;
}

.realestate-user-logins .realestate-user-logins-group .forget-option {
    text-align: end;
}

.realestate-user-logins .realestate-user-logins-group .forget-option p {
    color: #47464A;
    font-size: 12px;
    font-family: 'poppins';
    cursor: pointer;
    margin-top: 5px;
}

.realestate-user-logins-group-checkbox {
    display: flex;
    margin-bottom: 21px;
    align-items: start;
    gap: 8px;
}

.realestate-user-logins-group-checkbox input {
    display: none;
}

.realestate-user-logins-group-checkbox label {
    position: relative;
    font-size: 12px;
    color: #424242;
    font-family: 'Poppins';
    padding-left: 25px;
    cursor: pointer;
}

.realestate-user-logins-group-checkbox label a {
    font-size: 12px;
    color: #424242;
    font-weight: 500;
}

.realestate-user-logins-group-checkbox label a:hover {
    color: var(--primary-color);
}

.realestate-user-logins-group-checkbox label::after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 1px;
    background: var(--white-700);
    border: 1px solid #C2C2C2;
    border-radius: 4px;
    transition: var(--transition);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--icons-font);
    color: var(--primary-color);
    font-size: 9px;
    font-weight: 600;
}

.realestate-user-logins-group-checkbox input:checked+label::after {
    content: var(--check-icon-code) !important;
    background: var(--primary-color) !important;
    color: var(--white-700) !important;
    border-color: #fff0 !important;
}

.realestate-user-logins input[type="submit"] {
    font-size: 14px;
    border: unset;
    width: 100%;
    color: #fff;
    background-color: var(--primary-color);
    font-family: 'Poppins';
    padding: 15px 8px;
    line-height: 18px;
    border-radius: 4px;
    transition: var(--transition);
}

.realestate-user-logins input[type="submit"]:hover {
    background-color: var(--primary-color-700);
}

.realestate-login-form-signup .form-saprater {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #DCDBDD;
    position: relative;
    margin: 15px 0 15px 0;
    justify-content: center;
}

.realestate-login-form-signup .form-saprater p {
    color: #84818A;
    font-size: 14px;
    background: #fff;
    margin-bottom: -9px;
    padding: 0 10px;
}

.realestate-user-social-logins a {
    padding: 13px 0;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #070026;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 14px;
    gap: 11px;
    border: 1px solid #DCDBDD;
    transition: var(--transition);
    border-radius: 12px;
}

.realestate-user-social-logins {
    padding-top: 10px;
}

.realestate-user-social-logins a:hover {
    background-color: var(--primary-color);
    color: var(--white-700);
}

/* ----- Üye Ol seçenekleri (Bireysel / Kurumsal) ----- */
.realestate-user-signup-options {
    padding-top: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.realestate-signup-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 12px;
    width: 100%;
    text-align: center;
    color: #070026;
    font-family: 'Poppins', 'Inter', sans-serif;
    font-weight: 500;
    font-size: 13px;
    border: 1px solid #DCDBDD;
    border-radius: 12px;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.realestate-signup-btn i {
    font-size: 13px;
    color: #DAB668;
    transition: color 0.2s ease;
}
.realestate-signup-btn:hover {
    background-color: var(--primary-color, #070026);
    color: #fff;
    border-color: var(--primary-color, #070026);
    transform: translateY(-1px);
}
.realestate-signup-btn:hover i {
    color: #DAB668;
}

@media (max-width: 480px) {
    .realestate-user-signup-options {
        grid-template-columns: 1fr;
    }
}

.realestate-user-logins .realestate-user-logins-group i {
    position: absolute;
    right: 12px;
    margin-top: 10px;
    color: #0000009e;
    cursor: pointer;
}

.login-user-form-show {
    color: #47464A;
    font-size: 12px;
    font-family: 'poppins';
    margin-top: 5px;
}

.login-user-form-show span {
    color: var(--primary-color);
    cursor: pointer;
}

.realestate-user-logins .realestate-user-logins-group .forget-option p:hover,
.login-user-form-show span:hover {
    opacity: 0.5;
}

.realestate-close-login-modal {
    position: absolute;
    right: 30px;
    top: 24px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #070026;
    gap: 10px;
    cursor: pointer;
}


/* realestate general spaces css  */

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

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

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-100 {
    margin-top: 100px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-100 {
    margin-left: 100px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-80 {
    margin-right: 80px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-100 {
    margin-right: 100px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

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

.pb-80 {
    padding-bottom: 80px;
}

.pt-85 {
    padding-top: 85px;
}

.pb-90 {
    padding-bottom: 90px;
}

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

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

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

.pt-60 {
    padding-top: 60px;
}

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

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

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

.pl-10 {
    padding-left: 10px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-100 {
    padding-left: 100px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-80 {
    padding-right: 80px;
}

.pr-90 {
    padding-right: 90px;
}

.pr-100 {
    padding-right: 100px;
}

.realestate-hide {
    display: none;
}


/* style select2 dropdoem  */

.select2-container--open .select2-dropdown--above,
span.select2-dropdown.select2-dropdown--below {
    padding: 9px;
    border-color: #ffffff00;
    border-radius: 8px;
    z-index: 9999999999999;
    box-shadow: 9px 16px 57px 0 #00000029;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #F8F9FC;
    border-color: #EEF0F5;
    height: 34px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    padding: 0 12px;
    line-height: 29px;
    color: #4E576E !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--primary-color);
    color: white;
    padding: 6px;
    border-radius: 5px;
}

.select2-container--default .select2-results__option--selected {
    border-radius: 6px;
}


/* close realestate general spaces css  */


/* breadcrumbs menus  */

.realestate-breadcrumb {
    margin-bottom: 15px;
}

.realestate-breadcrumb ul {
    display: flex;
    align-items: center;
    gap: 6px;
}

.realestate-breadcrumb ul a {
    position: relative;
    color: #73777D;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 400;
}

.realestate-breadcrumb ul a::after {
    content: '/';
    margin-left: 6px;
}

.realestate-breadcrumb ul span {
    position: relative;
    color: #070026;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 500;
}


/* realestate  offcanvas  */

.realestate-sidebar-body {
    background-color: var(--green-700);
    height: 100%;
    overflow: auto;
}

.realestate-sidebar-body .realestate-navigation-nav-menus a {
    width: 100%;
    padding-left: 25px !important;
    border-bottom: none;
}

.realestate-sidebar-body .realestate-navigation-nav-menus .sub-menu {
    position: unset !important;
    visibility: visible;
    opacity: 1;
    transform: unset !important;
    margin-left: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    border-bottom: none;
    display: block;
    grid-template-columns: none;
}

.realestate-sidebar-body .realestate-navigation-nav-menus .sub-menu::after {
    display: none;
}

/* home-classic banner start */

.realestate-classic-navigation-icons {
    display: flex;
    gap: 12px;
    margin-right: 30px;
}

.realestate-classic-navigation-icons button {
    background: none;
    border: none;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: relative;
}

.realestate-classic-navigation-icons i {
    font-size: 24px;
    text-align: center;
    color: var(--primary-color);
    display: block;
    width: 31px;
    transition: var(--transition);
    height: 31px;
}

.realestate-classic-navigation-icons i:hover {
    opacity: 0.5;
}

.realestate-classic-navigation-icons button::after {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #E20000;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    right: -6px;
}

.realestate-classic-navigation-icons .bell-icon i {
    display: block;
    animation: ring 4s .1s ease-in-out infinite;
    transform-origin: 50% 4px;
    animation: ring 4s .1s ease-in-out infinite;
    transform-origin: 50% 4px;
    animation: ring 4s .1s ease-in-out infinite;
    transform-origin: 50% 4px;
}



@keyframes ring {
    0% {
        transform: rotateZ(0);
    }

    1% {
        transform: rotateZ(30deg);
    }

    3% {
        transform: rotateZ(-28deg);
    }

    5% {
        transform: rotateZ(34deg);
    }

    7% {
        transform: rotateZ(-32deg);
    }

    9% {
        transform: rotateZ(30deg);
    }

    11% {
        transform: rotateZ(-28deg);
    }

    13% {
        transform: rotateZ(26deg);
    }

    15% {
        transform: rotateZ(-24deg);
    }

    17% {
        transform: rotateZ(22deg);
    }

    19% {
        transform: rotateZ(-20deg);
    }

    21% {
        transform: rotateZ(18deg);
    }

    23% {
        transform: rotateZ(-16deg);
    }

    25% {
        transform: rotateZ(14deg);
    }

    27% {
        transform: rotateZ(-12deg);
    }

    29% {
        transform: rotateZ(10deg);
    }

    31% {
        transform: rotateZ(-8deg);
    }

    33% {
        transform: rotateZ(6deg);
    }

    35% {
        transform: rotateZ(-4deg);
    }

    37% {
        transform: rotateZ(2deg);
    }

    39% {
        transform: rotateZ(-1deg);
    }

    41% {
        transform: rotateZ(1deg);
    }

    43% {
        transform: rotateZ(0);
    }

    100% {
        transform: rotateZ(0);
    }
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }

    1% {
        transform: rotate(30deg);
    }

    3% {
        transform: rotate(-28deg);
    }

    5% {
        transform: rotate(34deg);
    }

    7% {
        transform: rotate(-32deg);
    }

    9% {
        transform: rotate(30deg);
    }

    11% {
        transform: rotate(-28deg);
    }

    13% {
        transform: rotate(26deg);
    }

    15% {
        transform: rotate(-24deg);
    }

    17% {
        transform: rotate(22deg);
    }

    19% {
        transform: rotate(-20deg);
    }

    21% {
        transform: rotate(18deg);
    }

    23% {
        transform: rotate(-16deg);
    }

    25% {
        transform: rotate(14deg);
    }

    27% {
        transform: rotate(-12deg);
    }

    29% {
        transform: rotate(10deg);
    }

    31% {
        transform: rotate(-8deg);
    }

    33% {
        transform: rotate(6deg);
    }

    35% {
        transform: rotate(-4deg);
    }

    37% {
        transform: rotate(2deg);
    }

    39% {
        transform: rotate(-1deg);
    }

    41% {
        transform: rotate(1deg);
    }

    43% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }

    1% {
        transform: rotate(30deg);
    }

    3% {
        transform: rotate(-28deg);
    }

    5% {
        transform: rotate(34deg);
    }

    7% {
        transform: rotate(-32deg);
    }

    9% {
        transform: rotate(30deg);
    }

    11% {
        transform: rotate(-28deg);
    }

    13% {
        transform: rotate(26deg);
    }

    15% {
        transform: rotate(-24deg);
    }

    17% {
        transform: rotate(22deg);
    }

    19% {
        transform: rotate(-20deg);
    }

    21% {
        transform: rotate(18deg);
    }

    23% {
        transform: rotate(-16deg);
    }

    25% {
        transform: rotate(14deg);
    }

    27% {
        transform: rotate(-12deg);
    }

    29% {
        transform: rotate(10deg);
    }

    31% {
        transform: rotate(-8deg);
    }

    33% {
        transform: rotate(6deg);
    }

    35% {
        transform: rotate(-4deg);
    }

    37% {
        transform: rotate(2deg);
    }

    39% {
        transform: rotate(-1deg);
    }

    41% {
        transform: rotate(1deg);
    }

    43% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}

/* banner  realestate main home start  */


/* message box for header  */

.massage-alert-box {
    border: 1px solid #EBEBEB;
    border-radius: 9px;
    min-width: 364px;
    overflow: hidden;
    margin-bottom: 80px;
}

.massage-alert-box-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 13px 6px 16px;
    color: #fff0;
    background-color: #F6F6F6;
}

.massage-alert-box-title h2 {
    font-size: 16px;
    font-family: 'inter';
    font-weight: 500;
    color: #000000;
    margin: 0px;
}

.massage-alert-box-title button {
    color: #47B0FC;
    border: none;
    background: none;
    font-size: 12px;
    font-family: 'inter';
    font-weight: 500;
}

.massage-alert-user-data {
    border-top: 1px solid #EBEBEB;
    padding: 11px 20px 12px 12px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    gap: 8px;
}

.massage-alert-user-data h3 {
    margin: 0px;
    color: #000000;
    font-family: 'inter';
    font-size: 14px;
    font-weight: 500;
}

.massage-alert-user-data h3:hover {
    color: var(--primary-color);
}

.massage-alert-user-data p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    font-family: 'inter';
    color: #7F7F7F;
}

.notification-alert-box-title button::after {
    display: none;
}

.massage-alert-data-link {
    border-top: 1px solid #EBEBEB;
    min-width: 364px;
    text-align: center;
    padding: 7px 0px;
    color: #fff0;
    background-color: #F3F7FF;
}

.massage-alert-data-link a {
    text-decoration: none;
    color: #47B0FC;
    font-size: 12px;
    font-family: 'inter';
    font-weight: 600;
}

.notification-alert-box {
    border: 1px solid #EBEBEB;
    border-radius: 9px;
    overflow: hidden;
    min-width: 364px;
}

.notification-alert-box-title {
    display: flex;
    padding: 9px;
    justify-content: space-between;
    align-items: center;
    padding: 14px 13px 6px 16px;
    color: #fff0;
    background-color: #F6F6F6;
}

.realetate-notification-bell.success {
    width: 13px;
    height: 13px;
    background: #08C552;
    border-radius: 50%;
}

.realetate-notification-bell.danger {
    width: 13px;
    height: 13px;
    background: red;
    border-radius: 50%;
}

.notification-alert-box-title h2 {
    font-size: 16px;
    font-family: 'inter';
    font-weight: 500;
    color: #000000;
    margin: 0px;
}

.notification-alert-box-title h2:hover {
    color: var(--primary-color);
}

.notification-alert-box-title button {
    color: var(--primary-color) !important;
    border: none;
    background: none;
    font-size: 12px;
    font-family: 'inter';
    font-weight: 500;
}

.notification-alert-user-data {
    border-top: 1px solid #EBEBEB;
    display: flex;
    align-items: center;
    padding: 12px;
    gap: 12px;
}

.notification-alert-user-data h3 {
    margin: 0px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    transition: var(--transition);
    color: #000000;
}

.massage-alert-user-text {
    width: calc(100% - 30px);
}

.notification-alert-user-data h3:hover {
    color: var(--primary-color);
}

.notification-alert-user-data p {
    margin: 0;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    color: #7F7F7F;
}

.notification-alert-data-link {
    border-top: 1px solid #EBEBEB;
    min-width: 364px;
    text-align: center;
    padding: 7px 0px;
    color: #fff0;
    background-color: #F3F7FF;
}

.notification-alert-data-link a {
    text-decoration: none;
    color: var(--primary-color);
    font-size: 12px;
    font-family: 'inter';
    font-weight: 600;
}

.bell-icon,
.message-icon {
    position: relative;
}

.realestate-popuop-notification {
    position: absolute;
    opacity: 0;
    background-color: #fff;
    transition: 0.2s;
    left: -182px;
    visibility: hidden;
    transform: scale(0.8) translate(0px, -32px);
}

.realestate-popuop-notification.active {
    transform: scale(1) translate(0, 0);
    opacity: 1;
    visibility: visible;
}

.massage-alert-user-data img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: cover;
}

.massage-alert-user-data img:last-child {
    width: 47px;
    height: 35px;
    border-radius: 2px;
}


.realestate-navigation-nav-menus .sub-menu::after {
    display: none !important;
}



/* Extra css  */
.rel-classic-blog-post-img a {
    width: 100%;
}

.classic2-home-explore-communities ul.slick-dots {
    display: none !important;
}

.realestate-main-profile .realestate-profile-content img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
}

.offcanvas.show {
    transform: none;
    z-index: 999999999;
}



 
.realestate-single-user-listings-loop {
    display: flex;
    position: relative;
    border-bottom: 1px solid #EFEFEF;
    border-radius: 8px;
}

.realestate-single-page-banner img {
    height: 409px;
    object-fit: cover;
    width: 100%;
}

.realestate-parks .parks-thumb img {
    width: 360px;
    height: 220px;
    border: 1px solid #DBDBDB;
    object-fit: cover;
}

.realestate-single-user-listings-loop {
    display: flex;
    position: relative;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
}

.realestate-partnert-logos-list img {
    width: fit-content;
    max-height: 130px;
    object-fit: cover;
}

.popular-properties .popular-properties-images img { 
    width: 800px;
    border-radius: 15px;
    border: 13px solid #fff;
    object-fit: cover;
}

.image-help-to-sell {
    width: 60px;
    height: 60px;
}

.image-help-to-sell img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.help-to-sell-two .style3 {
    max-width: 358px;
    max-height: 429px;
}

.about-experience-image {
    max-height: 635px;
    margin-left: -81px;
}

.about-experience-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* //home-4 */
.eoww-ar {
    height: 66px;
}

.realestate-main-thumbnail-style2 {
    width: 536px;
    height: 579px;
}

.realestate-main-thumbnail-style2 img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* // hiome 9 */
.find-your-dream-bg {
    max-width: 1620px;
    height: 497px;
    margin: auto;
}

.find-your-dream-bg img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* //home-5 */
.real-estate-main-container-style3-thumbnail img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 596px;
    border-radius: 15px;
}

/* // home-6     apartment plan check */
 

.img-fluid {
    max-width: 100%;
    object-fit: contain;
    height: 100%;
}

 

.modern-living-content .image {
    width: 591px;
    margin-left: -62px;
    margin-top: 7px;
    height: auto;
}

.partners-logo img {
    width: fit-content;
    max-height: 60px;
    object-fit: cover;
}

.home11-explore-slider-pic-icon a {
    width: 100%;
    max-height: 343px;
}

.realestate-login-modal.realestate-login-page .realestate-login-form-image {
    position: absolute;
    z-index: 9;
}

.fancybox__container {
    z-index: 99999999999999;
}

.slick-arrow {
    cursor: pointer;
}

.slick-arrow.slick-disabled {
    pointer-events: none;
}

/* Hero Luxury Landing Styles */
.hero-luxury-landing {
    background: #0b3d34;
    position: relative;
    padding-top: 120px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    margin-top: 0;
}

/* Hero content için header yüksekliği kadar padding */
.hero-luxury-landing .container {
    padding-top: 0;
}

/* Mobilde sadece kutucuklar görünsün */
@media (max-width: 991.98px) {
    .hero-luxury-landing {
        padding-top: 100px;
        padding-bottom: 40px;
    }
    
    .hero-luxury-landing .container {
        padding-top: 20px;
    }
    
    .hero-categories-grid {
        margin-top: 0;
    }
}

.hero-luxury-background {
    top: 0;
    left: 0;
    background-image: 
        radial-gradient(circle at 20% 50%, rgba(244, 200, 58, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);
}

/* Background Slider Styles */
.hero-luxury-background-slider {
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
}

.hero-luxury-background-slider .hero-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.hero-luxury-background-slider .hero-slide.active {
    opacity: 1;
}

.hero-luxury-gradient {
    background: linear-gradient(135deg, 
        rgba(11, 61, 52, 0.7) 0%, 
        rgba(11, 61, 52, 0.6) 15%, 
        rgba(12, 50, 65, 0.65) 35%, 
        rgba(18, 40, 55, 0.7) 55%, 
        rgba(20, 35, 50, 0.75) 75%, 
        rgba(15, 25, 40, 0.8) 100%);
    z-index: 2;
}

/* Slider Dots */
.hero-slider-dots-bottom {
    display: flex;
    gap: 12px;
    z-index: 15;
}

.hero-slider-dots-bottom .hero-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    transition: all 0.3s ease;
}

.hero-slider-dots-bottom .hero-dot.active {
    background: #ffffff;
    transform: scale(1.3);
}

.hero-luxury-accent {
    color: var(--secondary-color);
}

.badge-luxury {
    background: rgba(11, 61, 52, 0.4);
    color: #ffffff;
    border: 1px solid rgba(11, 61, 52, 0.6);
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: none;
}

.badge-luxury:hover {
    background: rgba(11, 61, 52, 0.4);
    border-color: rgba(11, 61, 52, 0.6);
    transform: none;
}

.category-card-hero {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    min-height: 180px;
    transition: transform 0.3s ease;
    overflow: hidden;
}

/* Visual Category Cards with Images */
.category-card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    transition: transform 0.5s ease;
}

.category-card-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%);
    z-index: 1;
}

.category-card-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.category-card-hero:hover .category-card-image {
    transform: scale(1.1);
}

.category-icon-hero {
    font-size: 2.5rem;
    color: var(--secondary-color);
}

.category-arrow-hero {
    bottom: 1rem;
    right: 1rem;
    color: var(--secondary-color);
}

.category-card-hero:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    border-color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.15) !important;
}

.category-card-hero:hover .category-arrow-hero {
    transform: translateX(5px);
    transition: transform 0.3s ease;
}

.category-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    border-color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.15) !important;
}

.category-card:hover .category-arrow {
    transform: translateX(5px);
    transition: transform 0.3s ease;
}

.btn-hero-primary {
    background-color: var(--secondary-color);
    color: #0b3d34;
    border: none;
}

.btn-hero-primary:hover {
    background-color: var(--a-hover-color) !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(244, 200, 58, 0.4);
}

.btn-hero-outline {
    border-color: rgba(255, 255, 255, 0.3);
    color: white;
}

.btn-hero-outline:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    transform: translateY(-2px);
}

.py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.hero-luxury-title {
    font-family: var(--luxury-heading-font) !important;
}

.hero-luxury-subtitle {
    font-family: var(--luxury-body-font) !important;
}

.hero-luxury-accent {
    font-family: var(--luxury-heading-font) !important;
}

.luxury-section-badge {
    font-family: var(--luxury-body-font);
}

.luxury-nav-link {
    font-family: var(--luxury-body-font) !important;
}

.luxury-location {
    font-family: var(--luxury-body-font);
}

.luxury-status-badge {
    font-family: var(--luxury-body-font);
}

@media (max-width: 768px) {
    .hero-luxury-title {
        font-size: 2.2rem !important;
    }
    
    .category-card {
        min-height: 150px !important;
    }
}

/* Luxury Featured Section Styles */
.luxury-featured-section {
    padding: 0;
    background: transparent;
    overflow: hidden;
}

/* Öne Çıkan Varlıklar — slick okları gizlendi (header arkasında sızıyordu) */
.luxury-featured-section span.prev-arrowexplore.slick-arrow,
.luxury-featured-section .next-arrowexplore.slick-arrow {
    display: none !important;
}

/* Öne Çıkan Varlıklar — başlık satırına eklenen özel slider okları */
.luxury-slider-nav {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.luxury-slider-arrow {
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    line-height: 0;
    display: inline-flex;
    transition: opacity .25s ease;
}
.luxury-slider-arrow:hover {
    opacity: 0.7;
}
.luxury-slider-arrow svg {
    width: 40px;
    height: 40px;
    display: block;
}

.luxury-section-heading {
}

.luxury-section-badge {
    background: rgba(11, 61, 52, 0.1);
    color: var(--green-700);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    border: 1px solid rgba(11, 61, 52, 0.2);
}

.luxury-section-title {
    font-size: 2.8rem;
    font-weight: 700;
    font-family: var(--luxury-heading-font);
    color: var(--heading-color);
    margin-bottom: 10px;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.luxury-section-subtitle {
    font-size: 1.1rem;
    font-family: var(--luxury-body-font);
    color: var(--descprition-color);
    font-weight: 400;
    margin: 0;
}

/* Luxury Tab Navigation */
.luxury-nav-pills {
    border-bottom: 2px solid rgba(11, 61, 52, 0.1);
    padding-bottom: 0;
    gap: 10px;
}

.luxury-nav-link {
    background: transparent !important;
    border: none !important;
    color: var(--descprition-color) !important;
    padding: 12px 24px !important;
    font-weight: 500;
    font-size: 0.95rem;
    border-radius: 8px 8px 0 0 !important;
    position: relative;
    transition: all 0.3s ease;
    margin-bottom: -2px;
}

.luxury-nav-link span {
    position: relative;
    z-index: 2;
}

.luxury-nav-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: var(--secondary-color);
    transition: width 0.3s ease;
}

.luxury-nav-link:hover {
    color: var(--green-700) !important;
    background: rgba(11, 61, 52, 0.05) !important;
}

.luxury-nav-link:hover::before {
    width: 100%;
}

.luxury-nav-link.active {
    color: var(--green-700) !important;
    background: rgba(11, 61, 52, 0.05) !important;
}

.luxury-nav-link.active::before {
    width: 100%;
}

/* Luxury Property Card Link (tüm kartı detay sayfasına bağlar) */
.luxury-property-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.luxury-property-card-link:hover {
    color: inherit;
}

/* Luxury Property Cards */
.luxury-property-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    /* border-radius: 16px !important; */
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.luxury-property-card .real-listings-post-item {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.luxury-property-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(11, 61, 52, 0.15) !important;
}

.luxury-thumbnail {
    position: relative;
    overflow: hidden;
}

.luxury-thumbnail::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 0%, rgba(11, 61, 52, 0.3) 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
}

.luxury-property-card:hover .luxury-thumbnail::after {
    opacity: 1;
}

.luxury-save-btn {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    z-index: 3;
}

.luxury-save-btn:hover {
    background: var(--secondary-color) !important;
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(235, 214, 177, 0.4);
}

.luxury-save-btn:hover i {
    color: var(--green-700) !important;
}

.luxury-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: var(--secondary-color);
    color: var(--primary-color);
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 0.70rem;
    font-weight: 700;
    z-index: 3;
    box-shadow: 0 4px 15px rgba(235, 214, 177, 0.3);
}

.luxury-content {
    padding: 10px !important;
    background: white;
}

.luxury-price p {
    font-size: 1.5rem;
    font-family: var(--luxury-heading-font);
    font-weight: 700;
    color: var(--green-700);
    margin: 0;
    letter-spacing: -0.02em;
}

.luxury-title h2 {
    font-size: 1.15rem;
    font-family: var(--luxury-heading-font);
    font-weight: 600;
    color: var(--heading-color);
    margin: 12px 0 8px 0;
    line-height: 1.4;
    transition: color 0.3s ease;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 2.8rem;
}

.luxury-title a:hover h2 {
    color: var(--green-700);
}

.luxury-location {
    color: var(--descprition-color);
    font-size: 0.9rem;
    margin-bottom: 12px;
}

.luxury-location i {
    color: var(--secondary-color);
}

.luxury-status-badge {
    display: inline-block;
    background: rgba(11, 61, 52, 0.1);
    color: var(--green-700);
    padding: 3px 8px;
    border-radius: 50px;
    font-size: 9px;
    font-weight: 600;
    margin: 0;
    border: 1px solid rgba(11, 61, 52, 0.2);
    white-space: nowrap;
    vertical-align: middle;
}

/* Luxury Card Footer Tags */
.luxury-content .post-footer-left {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
}

.luxury-content .post-footer-left .for-sale {
    flex-shrink: 0;
}

.luxury-content .subcategory-badge {
    font-size: 9px !important;
    padding: 3px 8px !important;
    border-radius: 50px !important;
    background: rgba(12, 61, 52, 0.08) !important;
    color: #0c3d34 !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 120px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Luxury Partners Section - Premium Design */
.luxury-partners-section {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, var(--primary-color-700) 100%);
    position: relative;
    overflow: hidden;
}

.realestate-element-section.home-brokerage-agents.luxury-partners-section {
    padding-top: 40px !important;
}

.luxury-partners-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 30%, rgba(11, 61, 52, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(235, 214, 177, 0.08) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
}

.luxury-partners-heading {
    position: relative;
    z-index: 2;
}

/* Premium Form Card */
.luxury-form-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.95) 100%);
    border-radius: 24px;
    padding: 45px 35px;
    box-shadow: 
        0 20px 60px rgba(11, 61, 52, 0.12),
        0 0 0 1px rgba(11, 61, 52, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(11, 61, 52, 0.08);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    position: relative;
    overflow: hidden;
}

.luxury-form-card::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(235, 214, 177, 0.1) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.5s ease;
}

.luxury-form-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 
        0 30px 80px rgba(11, 61, 52, 0.18),
        0 0 0 1px rgba(235, 214, 177, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    border-color: var(--secondary-color);
}

.luxury-form-card:hover::before {
    opacity: 1;
}

.luxury-form-icon {
    width: 85px;
    height: 85px;
    background: linear-gradient(135deg, var(--green-700) 0%, rgba(11, 61, 52, 0.9) 100%);
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    color: var(--secondary-color);
    font-size: 2.2rem;
    box-shadow: 
        0 10px 30px rgba(11, 61, 52, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    position: relative;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.luxury-form-icon::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(135deg, var(--secondary-color), rgba(235, 214, 177, 0.5));
    border-radius: 24px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.luxury-form-card:hover .luxury-form-icon {
    transform: scale(1.1) rotate(5deg);
    box-shadow: 
        0 15px 40px rgba(11, 61, 52, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.luxury-form-card:hover .luxury-form-icon::after {
    opacity: 0.3;
}

.luxury-form-title {
    font-family: var(--luxury-heading-font);
    font-size: 2rem;
    font-weight: 700;
    color: var(--green-700);
    margin: 20px 0 10px 0;
    text-align: center;
    letter-spacing: -0.02em;
    background: linear-gradient(135deg, var(--green-700) 0%, rgba(11, 61, 52, 0.8) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.luxury-form-subtitle {
    font-family: var(--luxury-body-font);
    font-size: 1rem;
    color: var(--descprition-color);
    text-align: center;
    margin-bottom: 30px;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.luxury-form-description label {
    font-family: var(--luxury-body-font);
    font-size: 0.95rem;
    color: var(--descprition-color);
    text-align: center;
    display: block;
    margin-bottom: 30px;
    line-height: 1.6;
}

.luxury-form-label {
    font-family: var(--luxury-body-font);
    font-weight: 600;
    color: var(--heading-color);
    font-size: 0.95rem;
    margin-bottom: 10px;
    letter-spacing: 0.2px;
}

.luxury-form-input {
    border: 2px solid rgba(11, 61, 52, 0.15);
    border-radius: 14px;
    padding: 14px 18px;
    font-family: var(--luxury-body-font);
    font-size: 0.95rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
}

.luxury-form-input:focus {
    border-color: var(--secondary-color);
    box-shadow: 
        0 0 0 4px rgba(235, 214, 177, 0.15),
        0 4px 15px rgba(11, 61, 52, 0.1);
    outline: none;
    background: white;
    transform: translateY(-2px);
}

.luxury-form-submit {
    background: linear-gradient(135deg, var(--green-700) 0%, rgba(11, 61, 52, 0.95) 100%);
    color: white;
    border: none;
    border-radius: 14px;
    padding: 16px 35px;
    font-family: var(--luxury-body-font);
    font-weight: 600;
    font-size: 1rem;
    width: 100%;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 
        0 6px 20px rgba(11, 61, 52, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    position: relative;
    overflow: hidden;
    letter-spacing: 0.5px;
}

.luxury-form-submit::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.4s ease, height 0.4s ease;
}

.luxury-form-submit:hover {
    background: linear-gradient(135deg, rgba(11, 61, 52, 0.95) 0%, var(--green-700) 100%);
    transform: translateY(-3px);
    box-shadow: 
        0 12px 35px rgba(11, 61, 52, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.luxury-form-submit:hover::before {
    width: 300px;
    height: 300px;
}

/* Premium Partner Cards */
.luxury-partner-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.95) 100%);
    border-radius: 20px;
    padding: 20px 20px;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(11, 61, 52, 0.1);
    height: 100%;
    box-shadow: 
        0 8px 25px rgba(11, 61, 52, 0.08),
        0 0 0 1px rgba(11, 61, 52, 0.05);
    position: relative;
    overflow: hidden;
}

.luxury-partner-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(235, 214, 177, 0.05) 0%, transparent 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
}

.luxury-partner-card:hover {
    transform: translateY(-10px) scale(1.03);
    box-shadow: 
        0 20px 50px rgba(11, 61, 52, 0.2),
        0 0 0 1px rgba(235, 214, 177, 0.4);
    border-color: var(--secondary-color);
}

.luxury-partner-card:hover::before {
    opacity: 1;
}

.luxury-partner-img {
    position: relative;
    margin-bottom: 15px;
    /* min-height: 120px; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5px;
}

/* Oval logo container - logonun tam görünmesi için */
.luxury-partner-img .agents-profile {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 95px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: visible;
    border: 4px solid rgba(11, 61, 52, 0.1);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    background: white;
    padding: 8px 12px;
    box-shadow: 
        0 8px 25px rgba(11, 61, 52, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    position: relative;
}

/* Logo/ikon %100 gözüksün - contain ile kesilmeden tam alanı kullanır */
.luxury-partner-img .agents-profile img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center;
    border-radius: 0;
    display: block;
}

/* Oval çerçeve için ::before - agents-profile ile aynı oran */
.luxury-partner-img .agents-profile::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(135deg, var(--secondary-color), rgba(235, 214, 177, 0.5));
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.luxury-partner-card:hover .luxury-partner-img .agents-profile {
    border-color: var(--secondary-color);
    transform: scale(1.08) rotate(5deg);
    box-shadow: 
        0 15px 40px rgba(11, 61, 52, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.luxury-partner-card:hover .luxury-partner-img .agents-profile::before {
    opacity: 0.4;
}

.luxury-badge-partner {
    position: absolute;
    top: 2px;
    right: calc(60% - 70px);
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--secondary-color) 0%, rgba(235, 214, 177, 0.9) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--green-700);
    font-size: 0.9rem;
    box-shadow: 
        0 6px 20px rgba(235, 214, 177, 0.5),
        0 0 0 3px rgba(255, 255, 255, 0.9);
    z-index: 3;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.luxury-partner-card:hover .luxury-badge-partner {
    transform: scale(1.15) rotate(10deg);
    box-shadow: 
        0 10px 30px rgba(235, 214, 177, 0.6),
        0 0 0 4px rgba(255, 255, 255, 0.9);
}

.luxury-partner-name h4 {
    font-family: var(--luxury-heading-font);
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--green-700);
    text-align: center;
    margin: 12px 0 8px 0;
    letter-spacing: -0.01em;
    background: linear-gradient(135deg, var(--green-700) 0%, rgba(11, 61, 52, 0.8) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    transition: all 0.3s ease;
}

.luxury-partner-card:hover .luxury-partner-name h4 {
    transform: scale(1.05);
}

.luxury-partner-location {
    text-align: center;
    margin-bottom: 12px;
}

.luxury-partner-location a {
    font-family: var(--luxury-body-font);
    color: var(--descprition-color);
    font-size: 0.95rem;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.luxury-partner-location a:hover {
    color: var(--green-700);
    transform: translateX(3px);
}

.luxury-partner-location i {
    color: var(--secondary-color);
    font-size: 0.9rem;
}

.luxury-partner-link {
    text-align: center;
    margin-bottom: 12px;
}

.luxury-partner-link a {
    font-family: var(--luxury-body-font);
    color: var(--green-700);
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
    position: relative;
    padding-bottom: 3px;
}

.luxury-partner-link a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--secondary-color);
    transition: width 0.3s ease;
}

.luxury-partner-link a:hover {
    color: var(--secondary-color);
    transform: translateX(5px);
}

.luxury-partner-link a:hover::after {
    width: 100%;
}

.luxury-partner-btn {
    text-align: center;
}

.luxury-partner-btn a {
    display: inline-block;
    background: linear-gradient(135deg, var(--green-700) 0%, rgba(11, 61, 52, 0.95) 100%);
    color: white;
    padding: 12px 30px;
    border-radius: 50px;
    font-family: var(--luxury-body-font);
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 
        0 6px 20px rgba(11, 61, 52, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    position: relative;
    overflow: hidden;
    letter-spacing: 0.3px;
}

.luxury-partner-btn a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.4s ease, height 0.4s ease;
}

.luxury-partner-btn a:hover {
    background: linear-gradient(135deg, rgba(11, 61, 52, 0.95) 0%, var(--green-700) 100%);
    transform: translateY(-3px);
    box-shadow: 
        0 12px 35px rgba(11, 61, 52, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.luxury-partner-btn a:hover::before {
    width: 300px;
    height: 300px;
}

@media (max-width: 768px) {
    .luxury-section-title {
        font-size: 2rem !important;
    }
    
    .luxury-nav-link {
        padding: 10px 16px !important;
        font-size: 0.85rem;
    }
    
    .luxury-price p {
        font-size: 1.3rem;
    }
    
    .luxury-form-card {
        padding: 35px 25px;
        margin-bottom: 30px;
    }
    
    .luxury-form-icon {
        width: 70px;
        height: 70px;
        font-size: 1.8rem;
    }
    
    .luxury-form-title {
        font-size: 1.6rem;
    }
    
    .luxury-partner-card {
        margin-bottom: 25px;
    }
    
    .luxury-partner-img .agents-profile {
        width: 120px;
        height: 85px;
        padding: 6px 10px;
    }
}