/* General Sans fonts start */
@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/generalsans/GeneralSans-Medium.woff2') format('woff2'),
        url('../fonts/generalsans/GeneralSans-Medium.woff') format('woff'),
        url('../fonts/generalsans/GeneralSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/generalsans/GeneralSans-MediumItalic.woff2') format('woff2'),
        url('../fonts/generalsans/GeneralSans-MediumItalic.woff') format('woff'),
        url('../fonts/generalsans/GeneralSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/generalsans/GeneralSans-Semibold.woff2') format('woff2'),
        url('../fonts/generalsans/GeneralSans-Semibold.woff') format('woff'),
        url('../fonts/generalsans/GeneralSans-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/generalsans/GeneralSans-SemiboldItalic.woff2') format('woff2'),
        url('../fonts/generalsans/GeneralSans-SemiboldItalic.woff') format('woff'),
        url('../fonts/generalsans/GeneralSans-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/generalsans/GeneralSans-Bold.woff2') format('woff2'),
        url('../fonts/generalsans/GeneralSans-Bold.woff') format('woff'),
        url('../fonts/generalsans/GeneralSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GeneralSans';
    src: url('../fonts/generalsans/GeneralSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/generalsans/GeneralSans-BoldItalic.woff') format('woff'),
        url('../fonts/generalsans/GeneralSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* General Sans fonts end */

/* SharpGrotesk fonts start  */
@font-face {
    font-family: 'SharpGrotesk20';
    src: url('../fonts/sharp-grotesk/SharpGrotesk-SemiBold20.eot');
    src: url('../fonts/sharp-grotesk/SharpGrotesk-SemiBold20.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sharp-grotesk/SharpGrotesk-SemiBold20.woff2') format('woff2'),
        url('../fonts/sharp-grotesk/SharpGrotesk-SemiBold20.woff') format('woff'),
        url('../fonts/sharp-grotesk/SharpGrotesk-SemiBold20.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SharpGrotesk20';
    src: url('../fonts/sharp-grotesk/SharpGrotesk-SemiBoldItalic20.eot');
    src: url('../fonts/sharp-grotesk/SharpGrotesk-SemiBoldItalic20.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sharp-grotesk/SharpGrotesk-SemiBoldItalic20.woff2') format('woff2'),
        url('../fonts/sharp-grotesk/SharpGrotesk-SemiBoldItalic20.woff') format('woff'),
        url('../fonts/sharp-grotesk/SharpGrotesk-SemiBoldItalic20.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SharpGrotesk20';
    src: url('../fonts/sharp-grotesk/SharpGrotesk-Medium20.eot');
    src: url('../fonts/sharp-grotesk/SharpGrotesk-Medium20.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sharp-grotesk/SharpGrotesk-Medium20.woff2') format('woff2'),
        url('../fonts/sharp-grotesk/SharpGrotesk-Medium20.woff') format('woff'),
        url('../fonts/sharp-grotesk/SharpGrotesk-Medium20.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SharpGrotesk20';
    src: url('../fonts/sharp-grotesk/SharpGrotesk-MediumItalic20.eot');
    src: url('../fonts/sharp-grotesk/SharpGrotesk-MediumItalic20.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sharp-grotesk/SharpGrotesk-MediumItalic20.woff2') format('woff2'),
        url('../fonts/sharp-grotesk/SharpGrotesk-MediumItalic20.woff') format('woff'),
        url('../fonts/sharp-grotesk/SharpGrotesk-MediumItalic20.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* SharpGrotesk fonts end  */

/* Pentoolscondensed fonts start  */
@font-face {
    font-family: 'Pentoolscondensed';
    src: url('../fonts/pentoolscondensed/Pentools Condensed.eot');
    src: url('../fonts/pentoolscondensed/Pentools Condensed.eot?#iefix') format('embedded-opentype'),
        url('../fonts/pentoolscondensed/Pentools Condensed.woff') format('woff'),
        url('../fonts/pentoolscondensed/Pentools Condensed.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Pentoolscondensed fonts end  */

/* reset  */
:root {
    --body-font-family: 'GeneralSans';
    --body-font-size: 16px;
    --body-font-weight: 500;
    --body-font-color: #150D11;
    --body-line-height: 1.25rem;
    --heading-font-family: 'SharpGrotesk20';
    --heading-font-color: #150D11;
    --heading-font-weight: 600;
    --link-font-color: #150D11;
    --link-hover-font-color: #B20303;
    --text-dark-600: #150D1199;
    --grey-color: #736E70;
    --grey-700: #1D3638CC;
    --grey-800: #27272A;
    --red-color: #B20303;
    --cream-600: #F0EBE5;
    --cream-700: #DBCEC0;
    --cream-800: #EAEAEA;
    --white: #ffffff;
}

body {
    background-color: var(--cream-600);
    font-family: var(--body-font-family);
    font-weight: 500;
    color: var(--body-font-color);
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: var(--heading-font-weight);
    color: var(--heading-font-color);
    font-weight: 600;
}

h1,
h2 {
    font-family: var(--heading-font-family);
}

h3,
h4,
h5,
h6 {
    font-family: var(--body-font-family);
    font-weight: 600;
}

h1 {
    font-size: 64px;
    line-height: 80px;
}

h2 {
    font-size: 42px;
    line-height: 50px;
}

h3 {
    font-size: 30px;
    line-height: 34px;
}

h4 {
    font-size: 24px;
    line-height: 28px;
}

h5 {
    font-size: 20px;
    line-height: 24px;
}

h6 {
    font-size: 18px;
    line-height: 25px;
}

p {
    line-height: 21px;
    margin-top: 11px;
}

small {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}

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

a {
    text-decoration: none;
    font-family: 'SharpGrotesk20';
    font-size: 14px;
    color: var(--body-font-color);
    font-weight: 500;
}

/* common css  */

#overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #a19ea06b;
    position: fixed;
    z-index: 1000;
    display: none;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.section {
    padding-block: 80px;
}

.bg-cream-600 {
    background-color: var(--cream-600);
}

.bg-square {
    background: url(../images/bg-img-shade-two.png) top 35px center, radial-gradient(47.72% 54.95% at 50% 40.14%, rgba(240, 235, 229, 0.8) 0%, var(--cream-600) 100%);
    background-size: contain;
    background-repeat: no-repeat;
}

.border-cream-1 {
    border: 1px solid var(--cream-600);
}

.radius-20 {
    border-radius: 20px;
}

.radius-24 {
    border-radius: 24px;
}

.box-shadow {
    box-shadow: 0px -4px 100px 0px #FFFFFF14;
}

.p-80 {
    padding: 80px;
}

.p-30 {
    padding: 30px;
}

.px-60 {
    padding-inline: 60px;
}

.row-gap-13 {
    row-gap: 13px;
}

.light-linear-bg {
    background: linear-gradient(179.34deg, #FFFFFF 0.57%, rgba(255, 255, 255, 0) 109.91%);
}

.light-linear-bg-two {
    background: linear-gradient(182.38deg, #FFFFFF 45.94%, rgba(255, 255, 255, 0) 99.31%);
    ;
}

.font-pentools {
    font-family: 'Pentoolscondensed';
    font-weight: 400;
    font-size: 60px;
    line-height: 60px;
    text-shadow: rgb(178, 3, 3) 5px 0px 0px, rgb(178, 3, 3) 4.90033px 0.993347px 0px, rgb(178, 3, 3) 4.60531px 1.94709px 0px, rgb(178, 3, 3) 4.12668px 2.82321px 0px, rgb(178, 3, 3) 3.48353px 3.58678px 0px, rgb(178, 3, 3) 2.70151px 4.20736px 0px, rgb(178, 3, 3) 1.81179px 4.6602px 0px, rgb(178, 3, 3) 0.849836px 4.92725px 0px, rgb(178, 3, 3) -0.145998px 4.99787px 0px, rgb(178, 3, 3) -1.13601px 4.86924px 0px, rgb(178, 3, 3) -2.08073px 4.54649px 0px, rgb(178, 3, 3) -2.94251px 4.04248px 0px, rgb(178, 3, 3) -3.68697px 3.37732px 0px, rgb(178, 3, 3) -4.28444px 2.57751px 0px, rgb(178, 3, 3) -4.71111px 1.67494px 0px, rgb(178, 3, 3) -4.94996px 0.7056px 0px, rgb(178, 3, 3) -4.99147px -0.291871px 0px, rgb(178, 3, 3) -4.83399px -1.27771px 0px, rgb(178, 3, 3) -4.48379px -2.2126px 0px, rgb(178, 3, 3) -3.95484px -3.05929px 0px, rgb(178, 3, 3) -3.26822px -3.78401px 0px, rgb(178, 3, 3) -2.4513px -4.35788px 0px, rgb(178, 3, 3) -1.53666px -4.75801px 0px, rgb(178, 3, 3) -0.560763px -4.96845px 0px, rgb(178, 3, 3) 0.437495px -4.98082px 0px, rgb(178, 3, 3) 1.41831px -4.79462px 0px, rgb(178, 3, 3) 2.34258px -4.41727px 0px, rgb(178, 3, 3) 3.17346px -3.86382px 0px, rgb(178, 3, 3) 3.87783px -3.15633px 0px, rgb(178, 3, 3) 4.4276px -2.32301px 0px, rgb(178, 3, 3) 4.80085px -1.39708px 0px, rgb(178, 3, 3) 4.98271px -0.415447px 0px;
    color: var(--white)
}

.font-pentools span {
    text-shadow: rgb(21, 13, 17) 5px 0px 0px, rgb(21, 13, 17) 4.90033px 0.993347px 0px, rgb(21, 13, 17) 4.60531px 1.94709px 0px, rgb(21, 13, 17) 4.12668px 2.82321px 0px, rgb(21, 13, 17) 3.48353px 3.58678px 0px, rgb(21, 13, 17) 2.70151px 4.20736px 0px, rgb(21, 13, 17) 1.81179px 4.6602px 0px, rgb(21, 13, 17) 0.849836px 4.92725px 0px, rgb(21, 13, 17) -0.145998px 4.99787px 0px, rgb(21, 13, 17) -1.13601px 4.86924px 0px, rgb(21, 13, 17) -2.08073px 4.54649px 0px, rgb(21, 13, 17) -2.94251px 4.04248px 0px, rgb(21, 13, 17) -3.68697px 3.37732px 0px, rgb(21, 13, 17) -4.28444px 2.57751px 0px, rgb(21, 13, 17) -4.71111px 1.67494px 0px, rgb(21, 13, 17) -4.94996px 0.7056px 0px, rgb(21, 13, 17) -4.99147px -0.291871px 0px, rgb(21, 13, 17) -4.83399px -1.27771px 0px, rgb(21, 13, 17) -4.48379px -2.2126px 0px, rgb(21, 13, 17) -3.95484px -3.05929px 0px, rgb(21, 13, 17) -3.26822px -3.78401px 0px, rgb(21, 13, 17) -2.4513px -4.35788px 0px, rgb(21, 13, 17) -1.53666px -4.75801px 0px, rgb(21, 13, 17) -0.560763px -4.96845px 0px, rgb(21, 13, 17) 0.437495px -4.98082px 0px, rgb(21, 13, 17) 1.41831px -4.79462px 0px, rgb(21, 13, 17) 2.34258px -4.41727px 0px, rgb(21, 13, 17) 3.17346px -3.86382px 0px, rgb(21, 13, 17) 3.87783px -3.15633px 0px, rgb(21, 13, 17) 4.4276px -2.32301px 0px, rgb(21, 13, 17) 4.80085px -1.39708px 0px, rgb(21, 13, 17) 4.98271px -0.415447px 0px;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-right: 10px;
    padding-left: 10px;
}

h1 span,
h2 span {
    color: var(--red-color);
}

p span.text-red {
    font-family: 'GeneralSans';
}

.small-heading {
    font-size: 14px;
    line-height: 14px;
    font-family: var(--heading-font-family);
    font-weight: var(--heading-font-weight);
}

.text-grey-600 {
    color: var(--text-dark-600);
}

.text-grey {
    color: var(--grey-color);
}

.text-red {
    color: var(--red-color);
}

.text-dark {
    color: var(--body-font-color) !important;
}

.gengeneralsans {
    font-family: 'GeneralSans';
}

.sharpgrotesk {
    font-family: var(--heading-font-family);
}

.max-width-245 {
    max-width: 245px;
}

.font-size-14 {
    font-size: 14px;
    line-height: 18px;
}

.font-size-10 {
    font-size: 10px;
    line-height: 13px;
}

.max-width-680 {
    max-width: 680px;
    width: 100%;
    margin: 0 auto;
}

.max-width-1080 {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
}

.mx-870 {
    max-width: 870px;
    margin-inline: auto;
}

.primary-btn {
    border-radius: 99px;
    background-color: var(--red-color);
    padding: 4px;
    /* font-size: 14px; */
    font-weight: 500;
    color: var(--white);
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    line-height: 18px;
    transition: all 0.3s;
}

.primary-btn:hover {
    background-color: var(--body-font-color);
}

.primary-btn .arrow_span {
    min-width: 52px;
    height: 52px;
    background: var(--white);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.primary-btn:has(.arrow_span.center_padd) {
    padding-left: 70px !important;
}

.row-gap-20 {
    row-gap: 20px;
}

.body_backdrop_filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #a19ea06b;
    display: inline-block;
    overflow-y: hidden;
    z-index: 2;
}

.line-break-anyweare {
    line-break: anywhere;
}

.cursor-pointer {
    cursor: pointer;
}

/* verticle scroll bar css  */
.verticle-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.verticle-scrollbar::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.verticle-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}


.language_switcher .lang_change_btn {
    width: 48px;
    aspect-ratio: 1 / 1;
}

.header-after-login .language_switcher .lang_change_btn {
    border: 1px solid var(--red-color) !important;
    padding: 5px !important;
}

.language_switcher .lang_change_btn img {
    width: 70%;
    height: 70%;
    display: block;
    border-radius: 50%;
}

.language_switcher .dropdown-menu {
    inset: 0px 0px auto 50% !important;
    transform: translate(-50%, 50px) !important;
    min-width: 80px;
}

.language_switcher .dropdown-menu button img {
    height: 30px;
    max-width: 30px;
    display: block;
}

.header-after-login .dropdown-menu button {
    height: auto !important;
}

.header-after-login .language_switcher .dropdown-menu {
    inset: 6px 0px auto 50% !important;
}

/* .site_nav_main{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: var(--body-font-color);
    opacity: 0.7;
    display: inline-block;
} */
/* header css  */
.site-header .header_btn div {
    border: 1px solid var(--red-color);
    border-radius: 999px;
}

.site-header.header-before-login .menu_close {
    display: none;
    width: 100%;
    margin-left: auto;
    text-align: right;
}

.site-header .header_btn .primary-btn {
    padding: 16px 46px;
    font-size: 16px;
    line-height: 16px;
    background-color: transparent;
    color: var(--body-font-color);
}

.site-header .header_btn .secondary-btn {
    padding: 16px 32px;
    font-size: 16px;
    line-height: 16px;
    border-radius: 99px;
    transition: all 0.3s;
}

.site-header .header_btn a.active {
    background-color: var(--red-color);
    color: var(--white) !important;
}

.site-header .site_nav a.active {
    color: var(--red-color);
}

.site-header .site_nav a:hover {
    color: var(--red-color);
    transition: all 0.3s;
}

.site-header .site_nav li {
    text-align: center;
}

.site-header .site_nav li a {
    display: block;
}

/* header after login  */
.header-after-login {
    border-bottom: 1px solid var(--cream-700);
}

.header-after-login .header_btn img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-after-login .header_btn .user_profile,
.header-after-login .header_btn button {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--cream-700);
    padding: 0;
}

.header-after-login .header_btn div {
    border: none;
}

.header-after-login .header_btn .user_profile:first-child:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 20px;
    background: var(--red-color);
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%)
}

.header-after-login .header_btn .user_profile:first-child {
    border: 1px solid var(--body-font-color) !important;
}

.header-after-login .site_nav ul {
    gap: 40px;
}

.header-after-login .site_nav ul a span {
    background: var(--cream-700);
    border-radius: 20px;
    font-size: 12px;
    padding: 3px 7px;
}

.header-after-login .responsive_menu {
    position: fixed;
    /* height: 100vh; */
    background: var(--cream-600);
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1040;
    max-width: 938px;
    transition: all 0.5s;
    overflow-y: auto;
    transform: translateX(100%);
}

.header-after-login .responsive_menu.active {
    transform: translateX(0);

}

.header-after-login .responsive_menu_content {
    padding: 60px 240px 40px 100px;
}

.header-after-login .responsive_menu_content .header_afterlogin_close {
    font-size: 14px;
}

.header-after-login .responsive_menu_content ul a {
    font-size: 36px;
    font-weight: 600;
    transition: all 0.3s;
}

.header-after-login .responsive_menu_content ul a img {
    width: 24px;
    opacity: 0;
    transform: translateX(20px);
    display: inline-block;
    transition: all 0.3s;
}

.header-after-login .responsive_menu_content ul a:hover img {
    transform: translateX(14px);
    opacity: 1;
}

.header-after-login .responsive_menu_content ul a:hover {
    color: var(--red-color);
}

.header-after-login .responsive_menu_content .max-width-245 {
    max-width: 270px;
}

.header-after-login .responsive_menu_content .responsive_footer p {
    font-size: 14px;
}

.header-after-login .responsive_menu_content .responsive_footer ul a {
    display: inline-block;
    height: 55px;
    width: 55px;
    border-radius: 50%;
    text-align: center;
}

.header-after-login .responsive_menu_content .responsive_footer ul a:hover {
    background-color: var(--white);
}

.header-after-login .responsive_menu_content .responsive_footer p img {
    width: 75px;
}

.header-after-login .responsive_menu_content .main_menu {
    display: none;
}

/* home page  */
.section-banner {
    padding-bottom: 120px;
    background: url(../images/banner-star.png) no-repeat, var(--white);
    background-position: top 26% right 22%;
}

.section-banner .banner_img {
    max-width: 1244px;
}

.section-who-are .whoare_block .main_img {
    width: 105%;
    margin-left: -19px;
    margin-top: -80px;
}

.section-who-are .whoare_block p.qute_paragraph {
    font-size: 32px;
    line-height: 52px;
    font-family: 'GeneralSans';
    font-weight: 600;
}

.section-who-are .whoare_block p.qute_paragraph span {
    background-color: #e98a82;
    border-radius: 99px;
}

.section-who-are .whoare_block p img.alluser {
    width: 124px;
}

.section-who-are .whoare_block p .thankyou img,
.section-who-are .whoare_block p span.money img {
    width: 39px;
}

.section-who-are .whoare_block p span.thankyou,
.section-who-are .whoare_block p span.money {
    background-color: #fcd8da;
    display: inline-block;
    padding-inline: 20px;
}

.section-who-are .whoare_block p span.money {
    background-color: #c2df93;
}

.section-subscription .row {
    margin: 0 -7px;
}

.section-subscription .row>* {
    padding-right: 7px;
    padding-left: 7px;
}

.section-subscription .price_plan .border_linear {
    padding: 5px;
    border: solid 2px transparent;
    border-radius: 20px;
    background-image: linear-gradient(86.73deg, #EFA585 3.13%, #C2DF93 95.46%);
    background-origin: border-box;
    background-clip: content-box, border-box, padding-box;
}

.section-subscription .price_plan .plan_detail::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 2px;
    background-image: linear-gradient(86.73deg, #EFA585 3.13%, #C2DF93 95.46%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.section-subscription .primary-btn {
    font-weight: 500;
    font-size: 18px;
}

.price_plan .col-xl-3 {
    position: relative;
}

.price_plan .col-xl-3:hover::before {
    content: "";
    display: inline-block;
    width: 101%;
    height: 106%;
    background: url(../images/pricing-shadow.png);
    background-size: 113%;
    backdrop-filter: saturate(180%) blur(20px);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    opacity: 0.2;
}

.section-subscription .price_plan .price {
    font-size: 60px;
    line-height: 66px;
}

.section-subscription .price_plan .price sub {
    font-size: 16px;
    line-height: 24px;
    margin-top: 22px;
}

.section-subscription .price_plan .price_text {
    color: var(--grey-700);
}

.section-subscription .price_plan .border_div {
    border-bottom: 1px solid #000;
    width: 90%;
}

.section-subscription .price_plan .border_div::before,
.section-subscription .price_plan .border_div::after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: var(--body-font-color);
    clip-path: polygon(100% 45%, 0 0, 0 100%);
    position: absolute;
    left: 0;
    top: -2px;
}

.section-subscription .price_plan .border_div::after {
    position: absolute;
    left: 99%;
    clip-path: polygon(100% 0, 0 45%, 100% 100%);
}

.section-subscription .price_plan ul img {
    top: 4px;
    left: 0px;
    position: absolute;
}

.section-subscription .price_plan ul li {
    padding-left: 23px;
}

.section-subscription .user_bar {
    height: 9px;
    border-radius: 99px;
    margin-bottom: 56px;
    margin-top: 100px;
}

.section-subscription .user_bar::before {
    content: "";
    display: block;
    width: 100%;
    height: 17px;
    background: linear-gradient(to right, var(--grey-800) 1px, transparent 1px);
    background-size: 12%;
    position: absolute;
    background-position-x: 100px;
    top: -3px;
}

.section-subscription .user_check {
    width: 20%;
    height: 100%;
    background: linear-gradient(98.24deg, #930D0F 0%, #C2DF93 46%, #EFA585 96%);
    border-radius: 99px;
}

.section-propertyexchange {
    padding-block: 145px;
    background: url('../images/property-change-shade.png') no-repeat center center;
}

.section-propertyexchange h2 {
    max-width: 720px;
}

.section-propertyexchange .propertyexchange_img {
    margin-top: 80px;
    max-width: 574px;
    width: 100%;
}

.section-propertyexchange .property_heading_two {
    border-radius: 99px;
    padding: 9px 35px 13px;
    box-shadow: 0px 0px 5px 0px #0000001A, 0px 4px 0px 0px #930D0F;
    margin-top: 135px;
}

.section-propertyexchange .property_heading_two .font-pentools {
    font-size: 60px;
    line-height: 20px;
    color: var(--white);
    text-shadow: rgb(178, 3, 3) 5px 0px 0px, rgb(178, 3, 3) 4.90033px 0.993347px 0px, rgb(178, 3, 3) 4.60531px 1.94709px 0px, rgb(178, 3, 3) 4.12668px 2.82321px 0px, rgb(178, 3, 3) 3.48353px 3.58678px 0px, rgb(178, 3, 3) 2.70151px 4.20736px 0px, rgb(178, 3, 3) 1.81179px 4.6602px 0px, rgb(178, 3, 3) 0.849836px 4.92725px 0px, rgb(178, 3, 3) -0.145998px 4.99787px 0px, rgb(178, 3, 3) -1.13601px 4.86924px 0px, rgb(178, 3, 3) -2.08073px 4.54649px 0px, rgb(178, 3, 3) -2.94251px 4.04248px 0px, rgb(178, 3, 3) -3.68697px 3.37732px 0px, rgb(178, 3, 3) -4.28444px 2.57751px 0px, rgb(178, 3, 3) -4.71111px 1.67494px 0px, rgb(178, 3, 3) -4.94996px 0.7056px 0px, rgb(178, 3, 3) -4.99147px -0.291871px 0px, rgb(178, 3, 3) -4.83399px -1.27771px 0px, rgb(178, 3, 3) -4.48379px -2.2126px 0px, rgb(178, 3, 3) -3.95484px -3.05929px 0px, rgb(178, 3, 3) -3.26822px -3.78401px 0px, rgb(178, 3, 3) -2.4513px -4.35788px 0px, rgb(178, 3, 3) -1.53666px -4.75801px 0px, rgb(178, 3, 3) -0.560763px -4.96845px 0px, rgb(178, 3, 3) 0.437495px -4.98082px 0px, rgb(178, 3, 3) 1.41831px -4.79462px 0px, rgb(178, 3, 3) 2.34258px -4.41727px 0px, rgb(178, 3, 3) 3.17346px -3.86382px 0px, rgb(178, 3, 3) 3.87783px -3.15633px 0px, rgb(178, 3, 3) 4.4276px -2.32301px 0px, rgb(178, 3, 3) 4.80085px -1.39708px 0px, rgb(178, 3, 3) 4.98271px -0.415447px 0px;
}

.section-propertyexchange .property_heading_two small {
    font-family: var(--body-font-family);
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px;
}

.section-property-landing .property_detail .property_img img {
    width: 100%;
}

.section-property-landing .property_detail .property_img {
    height: 163px;
}

.section-subscription .round_btn {
    position: absolute;
    right: 0;
    top: -9px;
    cursor: pointer;
}

.section-subscription .user_text {
    padding: 5px 7px;
    font-size: 13px;
    background-color: var(--grey-800);
    border-radius: 5px;
    right: -26px;
    top: -50px;
}

.section-subscription .user_text:before {
    content: "";
    display: inline-block;
    width: 14px;
    background: var(--grey-800);
    height: 14px;
    position: absolute;
    transform: translateX(-50%) rotate(-45deg);
    top: 22px;
    left: 50%;
}

/* .section-subscription .plan_detail::after{
    content: "";
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -2;
} */
/* .section-subscription .col:hover{
    background: url(../images/pricing-shadow.png);
    backdrop-filter: blur(70px);
    background-position: -100px 100px;
} */
.section-immoswitchslider .more_content {
    display: none;
}

.section-immoswitchslider .more_content.active {
    display: inline;
}

.section-immoswitchslider .more_cont_dot {
    display: none;
}

.section-immoswitchslider .more_cont_dot.active {
    display: inline;
}

.section-immoswitchslider {
    padding-bottom: 83px;
}

.section-immoswitchslider .slider_block {
    margin-top: 20px;
}

.section-immoswitchslider .slider_content {
    padding: 40px 60px;
}

.section-immoswitchslider .slider_block p {
    color: var(--text-dark-600);
    line-height: 28px;
}

.section-immoswitchslider .slick-arrow {
    border: 1.5px solid var(--red-color);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    top: 100%;
    background: url(../images/light-chevrol-arrow.svg) no-repeat center center, var(--white);
    z-index: 2;
}

.section-immoswitchslider .slick-arrow::before {
    display: none;
}

.section-immoswitchslider .slick-arrow:hover {
    background: url(../images/red-chevrol-arrow.svg) no-repeat center center, var(--red-color);
}

.section-immoswitchslider .slick-prev {
    left: 50%;
    transform: translate(-55px, -23px)
}

.section-immoswitchslider .slick-arrow:hover.slick-next {
    transform: translate(55px, -23px) rotate(0deg);
}

.section-immoswitchslider .slick-arrow:hover.slick-prev {
    transform: translate(-55px, -23px) rotate(180deg);
}

.section-immoswitchslider .slick-next {
    right: 50%;
    transform: translate(55px, -23px) rotate(180deg);
}

.section-immoswitchslider .slider_block:before,
.section-immoswitchslider .slider_block::after {
    content: "";
    z-index: 1;
    position: absolute;
    border-width: 1px;
    border-style: solid;
    border-image: radial-gradient(circle, rgb(178 3 3 / 18%) 0%, rgba(255, 255, 255, 0) 100%);
    border-image-width: 100%;
    border-image-slice: 50%;
    top: 0;
    left: 0;
    width: 98%;
    height: 2px;
}

.section-immoswitchslider .slider_block::after {
    top: 100%;
}

.slick-slide.slick-current+.slick-active {
    position: relative;
}

.slick-slide.slick-current+.slick-active::after,
.slick-slide.slick-current+.slick-active::before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    border-width: 1px;
    border-style: solid;
    border-image: radial-gradient(circle, rgb(178 3 3 / 18%) 0%, rgba(255, 255, 255, 0) 100%);
    border-image-width: 100%;
    border-image-slice: 30%;
    width: 2px;
    height: 95%;
}

.slick-slide.slick-current+.slick-active::after {
    left: 100%;
}

.section-accordion {
    padding-bottom: 150px;
}

.section-accordion .accordion_item.active .accordion_body,
.section-accordion .accordion_item.active .accordion_show {
    display: block !important;
}

.section-accordion .accordion_item.active h5 {
    font-weight: 600 !important;
}

.section-accordion .accordion_item.active .accordion_hide {
    display: none;
}

.section-accordion .accordion_item .accordion_btn:hover,
.section-accordion .accordion_item.active .accordion_btn {
    background-color: var(--heading-font-color);
    color: var(--white);
    transition: all 0.3s;
}

.section-accordion .accordion_show {
    display: none;
}

.section-accordion .accordion_btn {
    border: var(--cream-800);
    background-color: var(--cream-600);
    border-radius: 99px;
    padding: 14px 14px 14px 40px;
    cursor: pointer;
    margin-bottom: 18px;
}

.section-accordion .accordion_btn span {
    min-width: 52px;
    height: 52px;
    border-radius: 50%;
}

.section-accordion .accordion_body p {
    font-size: 18px;
    line-height: 26px;
    padding-inline: 18px 58px;
}

.section-accordion .accordion_body_content::after,
.section-accordion .accordion_body_content::before {
    content: "";
    display: inline-block;
    background-color: var(--red-color);
    position: absolute;
    top: 1px;
    left: -3px;
    width: 6px;
    transform: rotate(45deg);
    height: 6px;
}

.section-accordion .accordion_body_content::after {
    top: 100%;
}

.section-accordion .accordion_body_content {
    position: relative;
    margin-left: 40px;
    border-left: 1px solid var(--red-color);
}

/* property section  */
.section-properties .property_tab_button {
    max-width: 800px;
    border-radius: 99px;
    padding: 4px;
    background-color: var(--cream-600);
}

.section-properties .property_tab_button button {
    border-radius: 99px;
    padding-block: 12px;
}

.section-properties .property_tab_button button.active {
    background-color: var(--white) !important;
    color: var(--body-font-color) !important;
    font-weight: 600 !important;
}

.section-properties .property_tab_body .row {
    margin: 0 -10px;
}

.section-properties .property_tab_body .row>* {
    padding-left: 10px;
    padding-right: 10px;
}

.property_tab_body .property_detail {
    border-radius: 30px;
    background-color: var(--cream-600);
    padding: 10px;
}

.property_tab_body .property_detail .property_img img {
    transition: all 0.3s;
    object-fit: cover;
}

.property_tab_body .property_detail:hover .property_img img {
    transform: scale(1.1);
}

.property_tab_body .property_content {
    width: 65%;
}

.property_tab_body .property_img {
    width: 35%
}

.property_tab_body .box_content {
    display: none;
}

.property_tab_body .box_content.active {
    display: block;
}

.property_tab_body .property_content h6 {
    font-size: 16px;
}

.property_tab_body .property_content p span {
    font-size: 12px;
    font-weight: 500;
}

.property_tab_body .property_content .primary-btn {
    color: var(--red-color);
    cursor: unset;
    font-family: var(--heading-font-family);
    font-size: 14px;
}

/* .property_tab_body .property_content .primary-btn:hover{
    background-color: var(--body-font-color) !important;
    color: var(--white);
} */
.property_tab_body .property_content .primary-btn .arrow_span {
    height: 41px;
    min-width: 41px;
    background-color: var(--red-color);
}

.section-switch .empty_screen,
.property_tab_body .box_content .empty_screen {
    max-height: calc(100vh - 310px);
    height: calc(100vh - 310px);
}

.section-switch .empty_screen img,
.property_tab_body .box_content .empty_screen img {
    max-width: 207px;
}

/* onboarding page  */
.section-form p a {
    font-size: inherit;
}

/* profile startup section  */
.section-profilesetup .profile_content {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
}

.section-profilesetup .condition input {
    padding-inline: 0px !important;
}

.section-profilesetup .password_condition input {
    padding-inline: 4px !important;
}

.section-profilesetup .primary-btn {
    max-width: 560px;
}

.section-profilesetup .profile_span {
    background: var(--cream-600);
    padding: 18px 25px;
    border-radius: 80px 0px 0px 80px;
    width: fit-content;
    margin-right: -60px;
    margin-top: -85px;
}

.section-profilesetup .profile_span:before,
.section-profilesetup .profile_span::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/profile-curve.png) no-repeat center center;
    background-size: 100%;
    position: absolute;
    bottom: -20px;
    right: 0;
}

.section-profilesetup .profile_span::after {
    transform: rotate(90deg);
    top: -20px;
}

/* my search profile  */
.addproperty_step {
    padding-top: 30px;
    margin-bottom: 45px;
    margin-top: 62px;
}

.addproperty_step::before {
    content: "";
    background: #CFD6DC;
    display: inline-block;
    width: 75%;
    height: 3px;
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translateX(-50%);
}

.addproperty_step .red_border {
    position: absolute;
    top: -3px;
    /* width: 75%; */
    margin-left: 13%;
    height: 3px;
    background-color: var(--red-color);
}

.addproperty_step p {
    width: 25%;
}

.addproperty_step p:nth-child(2) {
    display: none;
}

.addproperty_step .step_dot {
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    border: 10px solid #CFD6DC;
    top: -63px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--white);
}

.addproperty_step .step_dot.step_inprocess {
    border-color: var(--red-color);
}

.addproperty_step .step_dot.step_done {
    background: var(--red-color);
}

.section-searchprofile.section-form .choose_block,
.building_type_detail.section-form .choose_block {
    background: var(--cream-600);
    border-radius: 99px;
    padding: 10px;
    height: 60px;
    cursor: pointer;
    font-size: 16px;
    color: var(--body-font-color);
}

.interest_choose p {
    font-size: 20px;
    line-height: 27px;
    font-weight: 600;
}

.section-searchprofile input[type="radio"] {
    display: none;
}

.section-searchprofile input:checked+.choose_block,
.building_type_detail input:checked+.choose_block {
    background-color: var(--red-color);
    color: var(--white);
}

.section-searchprofile .budget_hide_show {
    display: none;
}

.interest_choose .row {
    margin: 0 -7px;
}

.interest_choose .row>* {
    padding-left: 7px;
    padding-right: 7px;
}

/* dubble range slider  */
.section-searchprofile.section-form .dubble_range_slider .range_container {
    --body-font-color: ;
    display: flex;
    flex-direction: column;
}

.section-searchprofile.section-form .dubble_range_slider::after {
    content: "";
    background: linear-gradient(to right, var(--grey-800) 1px, transparent 1px) repeat-x;
    background-size: 6.2%;
    display: inline-block;
    position: absolute;
    bottom: 30px;
    height: 8px;
    width: 100%;
    left: 0;
}

.section-searchprofile.section-form .dubble_range_slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 15px;
    height: 15px;
    background-color: #150D11;
    border-radius: 50%;
    box-shadow: 0px 4px 4px 0px #00000014;
    cursor: pointer;
}

.section-searchprofile.section-form .dubble_range_slider input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 15px;
    height: 15px;
    background-color: #150D11;
    border-radius: 50%;
    box-shadow: 0px 4px 4px 0px #00000014;
    cursor: pointer;
}

.section-searchprofile.section-form .dubble_range_slider .slider-tooltip {
    position: absolute;
    top: -3.5rem;
    left: 0;
    translate: -50% 0;
    min-width: 77px;
    background: var(--white);
    /* color: #fff; */
    padding: 8px 15px;
    border-radius: 26px;
    pointer-events: none;
    opacity: 1;
    color: var(--grey-color);
    text-wrap: nowrap;
    box-shadow: 0px 4px 4px 0px #0000000D;
    font-size: 14px;
}

.section-searchprofile.section-form .dubble_range_slider input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    height: 6px;
    width: 100%;
    position: absolute;
    background-color: var(--body-font-color);
    pointer-events: none;
    padding: 0;
    border-width: 0;
    z-index: 1;
}

.section-searchprofile.section-form .dubble_range_slider input[type="range"]:focus {
    border: 0;
    overflow: 0;
}

.section-searchprofile.section-form .dubble_range_slider #min_budget_slider {
    height: 5;
    z-index: 1;
}

.section-searchprofile.section-form .dubble_range_slider .min_budget_input {
    height: 0;
    z-index: 1;
}

/* my object  */
.section-myobject .my_object_tab .purpose_tab_button button,
.section-myobject .my_object_tab .property_tab_button button {
    border-radius: 99px;
    background-color: var(--cream-600);
    padding: 4px;
    height: 60px;
    color: #000;
}

.section-myobject .my_object_tab .purpose_tab_button button.active,
.section-myobject .my_object_tab .property_tab_button button.active {
    background-color: var(--red-color);
    color: var(--white);
}

.section-myobject .my_object_tab .property_tab_body .form_block label svg {
    max-width: 100%;
}

.section-myobject .my_object_tab .property_tab_body .form_block label {
    font-size: 16px;
    color: var(--body-font-color);
    border: 1px solid var(--cream-600);
    padding: 34px 10px 20px;
}

.section-myobject .my_object_tab .property_tab_body .form_block input[type="radio"]+label {
    cursor: pointer;
}

.section-myobject .my_object_tab .property_tab_body .form_block input:checked+label {
    background-color: var(--cream-600);
}

.section-myobject .other_property_building_type>.col- {
    width: 33.33%;
}

.radiontab_body .radiotab_content {
    display: none;
}

.radiontab_body .radiotab_content.active {
    display: block;
}

.purpose_button .choose_block {
    background: var(--cream-600);
    border-radius: 99px;
    padding: 10px;
    height: 60px;
    cursor: pointer;
    font-size: 16px;
    color: var(--body-font-color);
}

.purpose_button input:checked+.choose_block {
    background-color: var(--red-color);
    color: var(--white);
}

.purpose_button input {
    display: none
}


/* detached house css  */
.section-detached-house .slider_div .range-slider::after {
    display: none;
}

.section-detached-house .slider_div .tooltip.km:after {
    content: "";
}

.section-detached-house .heading_range input[type="text"] {
    text-align: center;
    height: 44px;
    max-width: 120px;
    margin-top: -9px;
    margin-right: -19px;
}

.section-detached-house .row {
    margin: 0 -7px;
}

.section-detached-house .row>* {
    padding-left: 7px;
    padding-right: 7px;
}

.section-detached-house .plus_icon,
.section-detached-house .minus_icon {
    border-radius: 50%;
    width: 54px;
    height: 53px;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    cursor: pointer;
}

.section-detached-house .minus_icon {
    left: 4px;
}

.section-detached-house .my_object_tab .option_or {
    top: 50%;
    transform: translateY(-50%);
    right: -37px;
}

.section-other-information-new .option_choose input[type="radio"] {
    padding-inline: 6px;
}

/* section detached house three css */
.section-propertyfloor-four.section-form .choose_block,
.section-detached-house-two.section-form .choose_block,
.building_type_detail.section-form .choose_block {
    border: 1px solid var(--cream-700);
}

.section-form .choose_block.section-form input:checked+.choose_block,
.section-detached-house-two.section-form input:checked+.choose_block,
.building_type_detail.section-form input:checked+.choose_block {
    border: 1px solid var(--red-color);
}

.section-detached-house-three .option_choose li,
.building_type_detail .option_choose li {
    border-radius: 30px;
    align-items: center;
}

.section-detached-house-three .option_choose li label,
.building_type_detail .option_choose li label {
    padding-block: 10px;
    cursor: pointer;
}

.section-detached-house-three.section-form .option_choose input::before,
.building_type_detail.section-form .option_choose input::before {
    position: absolute;
    width: 20px;
    height: 20px;
    background: var(--white);
    border: 1.5px solid var(--body-font-color);
    outline: 6px solid var(--cream-600);
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: -7px;
}

.section-detached-house-three.section-form .option_choose input:checked:before,
.building_type_detail.section-form .option_choose input:checked:before {
    background: url(../images/black-dot.svg) center center no-repeat, var(--white);
    background-size: 20px;
    width: 20px;
    height: 20px;
}

/* property floor css  */
.section-proprty-floor .interest_choose .choose_block {
    padding: 34px 10px 20px;
    font-size: 16px;
    color: var(--body-font-color);
    border: 1px solid var(--cream-600);
    padding: 34px 8px 20px;
}

.section-proprty-floor .interest_choose input[type="radio"]:checked+.choose_block {
    background: var(--cream-600);
}

/* .section-proprty-floor.section-form .interest_choose input[type="radio"]{
    right: 22px;
    top: 17px;
    height: auto;
}
.section-proprty-floor.section-form .interest_choose input[type="radio"]::before{
    position: absolute;
    width:16px;
    height:16px;
    background: var(--white);
    border: 1px solid var(--body-font-color);
    outline: 6px solid var(--cream-600);
    left: -3px;
    top: -2px;
}
.section-proprty-floor.section-form .interest_choose input[type="radio"]:checked:before{
    background: url(../images/red-check.svg) center center no-repeat, var(--white);
    outline-color: transparent;
} */

/* section property floor two css  */
.section-property-floor-two .interest_choose .choose_block {
    padding: 11px 8px 20px;
}

/* my object download css  */
.section-myobject-download .download_block {
    padding: 40px;
}

.section-myobject-download .download_block .row {
    margin: 0 -10px;
}

.section-myobject-download .download_block .row>* {
    padding-left: 10px;
    padding-right: 10px;
}

.section-myobject-download .attach_docu_img {
    margin-top: -64px;
}

.section-myobject-download h5,
.section-congratulation h5 {
    font-family: var(--heading-font-family);
}

.section-myobject-download.section-form textarea {
    border: 1px solid var(--grey-color);
    background-color: transparent;
}

.section-myobject-download .upload__img_box {
    border: 1px dashed var(--grey-color);
}

.section-myobject-download .multiple_img_up .upload__img_box,
.section-myobject-download .multiple_img_up .priview_img {
    min-height: 200px;
    max-height: 200px;
}

.section-myobject-download .upload__img_box .upload_video_block #video-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-myobject-download .upload__img_box label {
    font-size: 16px !important;
}

.section-myobject-download .upload__img_box .file-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.section-myobject-download .upload__img_box .file-preview:has(img) {
    width: 100%;
}

.section-myobject-download .upload__img_box .preview_video_del,
.section-myobject-download .upload__img_box .preview_img_del {
    border-radius: 50%;
    padding: 10px 12px;
    top: 6px;
    right: 6px;
    display: none;
}

.section-myobject-download .upload__img_box .file-preview.del_btn+.preview_video_del,
.section-myobject-download .upload__img_box .file-preview.del_btn+.preview_img_del {
    display: block;
}

.section-myobject-download .download_block .priview_img .preview_video_del,
.section-myobject-download .download_block .priview_img .preview_img_del {
    top: 8px;
    right: 8px;
    border-radius: 50%;
    padding: 8px 10px;
}

.section-myobject-download textarea {
    border: 1px solid #736E70 !important;
    background: var(--white) !important;
}

.section-myobject .map_div {
    border-color: var(--cream-700);
}

/* my object congratulation  */
.section-congratulation .primary-btn {
    max-width: 560px;
}

.section-congratulation .congrats_main_img {
    right: -17%;
    bottom: 30px;
}

.section-congratulation.section-form input[type="number"] {
    letter-spacing: 4px;
}

/* range slider common css  */
.section-form .slider_div .range-slider {
    position: relative;
    width: 100%;
}

.section-form .slider_div input[type="range"] {
    appearance: none;
    width: 100%;
    background: linear-gradient(to right, var(--red-color) 0%, var(--red-color) var(--range-progress), var(--cream-700) var(--range-progress), var(--cream-700) 100%);
    height: 6px;
    border-radius: 5px;
    outline: none;
    transition: background 0.3s ease;
    padding: 0;
    border: 0;
}

.section-form .slider_div input[type="range"]:focus,
.section-form .slider_div input[type="range"]:-webkit-autofill,
.section-form .slider_div input[type="range"]:-webkit-autofill:hover,
.section-form .slider_div input[type="range"]:-webkit-autofill:focus,
.section-form .slider_div input[type="range"]:-webkit-autofill:active {
    box-shadow: none;
    border: none;
    outline: none;
}

.section-form .slider_div input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    background-color: var(--body-font-color);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.section-form .slider_div input[type="range"]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background-color: var(--body-font-color);
    border-radius: 50%;
    cursor: pointer;
}

.section-form .slider_div .tooltip {
    position: absolute;
    top: 39px;
    left: 50%;
    min-width: 77px;
    transform: translateX(-50%);
    background: var(--white);
    /* color: #fff; */
    padding: 8px 15px;
    border-radius: 26px;
    pointer-events: none;
    opacity: 1;
    color: var(--grey-color);
    text-wrap: nowrap;
    box-shadow: 0px 4px 4px 0px #0000000D;
}

.section-form .slider_div .tooltip.km:after {
    content: "km";
    display: inline-block;
    margin-left: 3px;
}

.section-form .slider_div .tooltip.m2:after {
    content: "m²";
    display: inline-block;
    margin-left: 3px;
}

.section-form .slider_div .tooltip.m3:after {
    content: "m³";
    display: inline-block;
    margin-left: 3px;
}

/* .slider_div .tooltip.chf::before{
    content: "CHF";
    display: inline-block;
    margin-right: 3px;
} */
/* .slider_div .tooltip.chf::after, */
.section-form .slider_div .tooltip.m2:before,
.section-form .slider_div .tooltip.m3:before,
.section-form .slider_div .tooltip.km:before {
    content: "";
    width: 18px;
    height: 18px;
    background: var(--white);
    display: inline-block;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    border-radius: 3px;
}

.section-searchprofile.section-form .dubble_range_slider .slider-tooltip.chf::before {
    content: "CHF";
    display: inline-block;
    margin-right: 3px;
}

.section-searchprofile.section-form .dubble_range_slider .slider-tooltip.chf::after {
    content: "";
    width: 18px;
    height: 18px;
    background: var(--white);
    display: inline-block;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    border-radius: 3px;
}

.section-form .slider_div .range-slider::after {
    content: "";
    background: linear-gradient(to right, var(--grey-800) 1px, transparent 1px) repeat-x;
    background-size: 6.2%;
    display: inline-block;
    position: absolute;
    bottom: -14px;
    height: 8px;
    width: 100%;
    left: 0;
}

.section-searchprofile .range .heading_text input {
    max-width: 230px
}

/* about us page css  */
.section-about p {
    line-height: 28px;
}

.section-about .about_heading p {
    font-size: 20px;
    line-height: 30px;
}

.section-about .property_heading_two {
    border-radius: 99px;
    padding: 9px 35px 13px;
    box-shadow: 0px 0px 5px 0px #0000001A, 0px 4px 0px 0px #930D0F;
    margin-top: 100px;
}

.section-about .property_heading_two .font-pentools {
    font-size: 60px;
    line-height: 20px;
}

.section-about .property_heading_two small {
    font-family: var(--body-font-family);
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px;
}

.section-about .about_img {
    max-width: 470px;
}

.section-about .back_btn {
    top: 30px;
    left: 30px;
    display: flex;
    opacity: 0;
}

.section-about .back_btn svg {
    margin-top: -2px;
}

/* .header-after-login + .section-about .back_btn{
    display: flex !important;
} */

/* property evolution css  */
.section-getintouch .form_block,
.section-proprtyevolution .form_block {
    max-width: 560px;
}

.section-proprtyevolution .container>div {
    background: linear-gradient(180.86deg, #FFFFFF 45.87%, rgba(255, 255, 255, 0) 111.47%);
    border-radius: 20px 20px 0 0;
}

.section-proprtyevolution .learn_more {
    font-size: 18px;
}

.section-proprtyevolution .learn_more:hover {
    color: var(--link-hover-font-color);
}

.section-howmuch-cost .howmuch_cost_block {
    border-radius: 30px;
    padding-inline: 30px;
}

.section-howmuch-cost.section-form .dubble_range_slider::after {
    display: none !important;
}

/* login flow css  */
.section-profilesetup.section-form input[type="radio"] {
    height: 13px !important;
}

.section-login.section-form .form_block input[type="email"] {
    background: url(../images/email-input-bg.svg) center right 4px no-repeat, var(--cream-600);
    background-size: 50px;
}

.section-changepass.section-form .form_block .password_show,
.section-login.section-form .form_block .password_show {
    height: 52px;
    width: 52px;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.section-login .password_show img {
    filter: brightness(0) saturate(100%) invert(15%) sepia(13%) saturate(489%) hue-rotate(173deg) brightness(97%) contrast(92%);
}

.section-changepass.section-form .form_block .password_show.pass_view .pass_show,
.section-changepass.section-form .form_block .password_show .pass_hide {
    display: none;
}

.section-changepass.section-form .form_block .password_show.pass_view .pass_hide {
    display: block;
}

/* my profile  */
.section-profileflow .profile {
    max-width: 560px;
}

.section-profileflow .back_btn {
    left: 30px;
    top: 30px;
}

.section-profileflow .back_btn svg {
    margin-top: -3px;
}

.section-myprofile .primary-btn {
    background: var(--cream-600);
    padding-left: 60px;
    color: var(--body-font-color);
    font-size: 16px;
    font-family: var(--body-font-family);
}

.section-myprofile .primary-btn.delet_btn {
    border: 1px solid var(--red-color);
    height: 60px;
    padding: 15px;
    color: var(--red-color);
    background-color: transparent;
}

.section-myprofile ul li:hover .icon_logo {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(238deg) brightness(113%) contrast(100%);
    transition: all 0.3s;
}

.section-myprofile .primary-btn:hover {
    background-color: var(--body-font-color);
    color: var(--white);
}

.section-myprofile .icon_logo {
    top: 52%;
    left: 24px;
    transform: translateY(-50%);
    transition: all 0.3s;
}

.section-editprofile .all_checkbox label {
    font-size: 16px !important;
}

.section-editprofile .edit_profile_footer {
    background: radial-gradient(45.37% 199.46% at 50% 50%, #FFFFFF 0%, rgba(250, 248, 246, 0) 100%);
}

.section-changepass .primary-btn,
.section-editprofile .primary-btn {
    max-width: 290px;
}

.section-editprofile .profile_img {
    width: 120px;
    height: 120px;
    background: url(../images/user-profile-border.png) no-repeat center center;
    background-size: 100% 100%;
    border-radius: 50%;
}

.section-editprofile .profile_img .upload_img_icon {
    right: 0
}

.section-editprofile .profile_img .user_img {
    background: url(../images/img-privew.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/* subscription plan css  */
.section-subscription-plan.section-form .primary-btn {
    font-family: var(--body-font-family);
    font-size: 16px;
    padding-block: 13px;
}

.section-subscription-plan .subscription_btn button:first-child {
    background: transparent;
    border: 1px solid var(--cream-700);
    padding-block: 12px;
}

.section-subscription-plan .subscription_btn button:first-child:hover {
    background-color: var(--red-color);
    color: var(--white) !important;
}

.section-subscription-plan .table_content .table_data {
    min-width: 722px;
}

.section-subscription-plan .table_content .table_data th {
    background-color: var(--cream-600);
}

.section-subscription-plan .table_content .table_data th:nth-child(2) {
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}

.section-subscription-plan .table_content .table_data th:first-child {
    width: 8px !important;
}

.section-subscription-plan .table_content .table_data th:nth-last-child(2) {
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
}

.section-subscription-plan .table_content .table_data th,
.section-subscription-plan .table_content .table_data td {
    padding: 5px;
}

.section-subscription-plan .table_content .table_data td {
    padding-block: 12px;
    border-bottom: 1px solid var(--cream-600);
}

.section-subscription-plan .table_content .table_data .download_icon {
    width: 36px;
    height: 36px;
}

.section-subscription-plan .table_content .table_data .download_icon:hover {
    background: var(--red-color) !important;
}

.section-subscription-plan .table_content .table_data .download_icon:hover svg path {
    stroke: var(--white);
}

.section-subscription-plan .table_content .table_data .status {
    background: var(--cream-600);
    color: #1E9609;
    padding: 4px 8px;
}

.section-subscription-plan .table_content .table_data .status:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 6px;
    margin-bottom: 1px;
}

.section-subscription-plan .table_content .table_data .status.status_cancel {
    color: var(--red-color);
}

.section-subscription-plan .table_content .table_data .status.status_paid::before {
    background-color: #1E9609;
}

.section-subscription-plan .table_content .table_data .status.status_cancel::before {
    background-color: var(--red-color);
}

.section-subscription-plan .pagination_num small {
    background: transparent;
    border-radius: 4px;
    width: 32px;
    height: 32px;
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
}

.section-subscription-plan .pagination_num small.active {
    background-color: var(--red-color);
    color: var(--white);
}

.section-subscription-plan .table_responsive::-webkit-scrollbar {
    height: 6px;
}

.section-subscription-plan .table_responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.section-subscription-plan .table_responsive::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.section-subscription-plan .table_responsive::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.section-subscription-plan .table_responsive.scrollable-element {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

/* delete account css */
.section_delete h5 {
    font-family: var(--heading-font-family);
}

.section-profileflow .section_delete .delete_btn button {
    font-size: 18px;
    padding-block: 20px;
    min-width: 188px;
}

.section-profileflow .section_delete .delete_btn button:last-child {
    background-color: var(--red-color);
    color: var(--white);
}

.section-profileflow .section_delete .delete_btn button:hover {
    background-color: var(--body-font-color);
    color: var(--white);
}

/* .section-myprofile.section-profileflow .sure_delete .delete_btn .primary-btn{
    background-color: var(--red-color);
} */
.section-profileflow .sure_delete .primary-btn {
    background-color: var(--red-color);
    color: var(--white);
}

.section-profileflow .sure_delete .primary-btn:hover {
    background-color: var(--body-font-color);
    color: var(--white);
}

#account_delete,
#account_sure_delete {
    display: none;
}

/* section edit property css  */
.section-edit-propertymain .container>div {
    background: linear-gradient(180.42deg, #FFFFFF 45.85%, rgba(255, 255, 255, 0) 112.59%);
}

.section-edit-property .back_btn {
    top: 30px;
    left: 30px;
}

.section-edit-property .back_btn svg {
    margin-top: -3px;
}

.section-edit-property .property_preview .property_img {
    width: 40%;
    /* height: 160px; */
}

.section-edit-property .property_preview .property_img img {
    transition: all 0.3s;
}

.section-edit-property .property_preview:hover .property_img img {
    transform: scale(1.1);
}

.section-edit-property .property_preview .property_content {
    width: 58%;
}

.section-edit-property .propertyedit_block .icon {
    width: 24px;
}

.section-edit-property .property_preview {
    padding: 10px 20px 10px 10px;
    border-radius: 30px;
}

.section-edit-property .border_div {
    border-bottom: 1px solid var(--cream-700);
}

.section-edit-property .red_sewitch {
    margin-right: -20px;
}

.section-edit-property .red_sewitch span {
    background: var(--red-color);
    padding-inline: 18px;
    padding-block: 9px;
}

.section-edit-property .propertyedit_block {
    border-radius: 30px;
    padding-block: 24px;
}

.section-edit-property .propertyedit_block .link_button {
    font-size: 16px;
}

.section-edit-property .save_btn .primary-btn {
    max-width: fit-content;
}

/* property listing css  */
.section-property-listingfree {
    padding-top: 35px;
}

.section-property-listingfree .map_block .map {
    border-radius: 30px;
}

.section-property-listingfree .property_search_criteria .property_detail_scroll,
.section-property-listingfree .property_listing .property_block .property_tab_body {
    height: calc(100vh - 200px);
    overflow-y: auto;
}

.section-property-listingfree .property_tab_body .property_content .primary-btn:hover {
    background: var(--white) !important;
    color: var(--red-color) !important;
}

.section-property-listingfree .main_block {
    padding-inline: 10px;
}

.section-property-listingfree .property_listing {
    width: 30%
}

.section-property-listingfree .map_block {
    width: 42%;
}

.section-property-listingfree .property_search_criteria {
    width: 28%
}

.section-property-listingfree .property_search_criteria .property_detail {
    border: 1px solid #DBCEC0;
    border-radius: 30px;
}

.section-property-listingfree .property_search_criteria .property_detail .type label {
    font-size: 12px;
    padding-block: 11px;
}

.section-property-listingfree .property_search_criteria .property_detail .type input:checked+label {
    background: var(--cream-800) !important;
}

.section-property-listingfree .property_search_criteria .property_detail .kind_good_block label {
    font-size: 12px;
}

.section-property-listingfree .property_search_criteria .property_detail .kind_good_block input:checked+label {
    background: var(--cream-600) !important;
}

.section-property-listingfree.section-form .dubble_range_slider::after {
    display: none;
}

.section-property-listingfree.section-form .range .form-control {
    height: 40px;
}

.section-property-listingfree.section-form .slider_div .range-slider::after {
    display: none;
}

.section-property-listingfree.section-form .single_input input {
    font-size: 12px;
    height: 40px;
}

.section-property-listingfree .charateri_selected ul li {
    width: 49%;
}

.section-property-listingfree .charateri_selected ul li label {
    padding-block: 2px;
    height: 40px;
    font-size: 12px;
    padding-right: 3px;
}

.section-property-listingfree .charateri_selected ul li input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    top: -10px;
    left: -11px;
    background: url(../images/check-white.png) no-repeat center center, var(--white);
    border-radius: 50%;
    border: 0;
}

.section-search-object .searchProperty_type {
    width: 31.5%;
}

.section-search-object .searchProperty_type img {
    width: 100%;
    max-width: 47px;
}

.section-search-object.section-search-object-new .searchProperty_type {
    width: 48.5%;
}


.section-search-object .property_tab_body .property_detail .property_img {
    height: 165px;
}

.section-property-listingfree.section-search-object-new .property_tab_body .property_detail .property_img {
    width: 33%;
    height: 220px;
}

/* .section-search-object-new .charateri_selected li input{
    height: 13px !important;
} */

.section-property-listingfree .charateri_selected ul li input[type=checkbox]:checked:before {
    background: url(../images/check-white.png) no-repeat center center, var(--red-color);
}

.section-property-listingfree .footer_btn button:last-child {
    background: var(--red-color);
    color: var(--white);
}

.section-property-listingfree .footer_btn button span {
    min-width: 52px;
    height: 52px;
}

.section-property-listingfree .property_tab_body .property_detail .property_img {
    height: 165px;
}

#chatbot_close,
.section-property-listingfree.section-form .property_search_criteria #open_chat {
    background: var(--red-color);
    right: 5px;
    bottom: 16px;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

/* chatbot css  */
.chatbot_block {
    box-shadow: 5px 14px 80px 0px #1A1A1A1F, 10px 10px 40px 0px #00000014;
    top: 50%;
    max-width: 423px;
    width: 100%;
    right: 0;
    transform: translateX(100%) translateY(-50%);
    transition: all 0.3s;
    z-index: 1010;
}

.chatbot_block.active {
    transform: translateX(-250px) translateY(-50%);
}

.chatbot_block .chatbot_content .full_chat {
    height: 352px;
}

.chatbot_block .chatbot_content .chat_suggestion small {
    border-radius: 12px;
    padding-inline: 14px;
    padding-block: 11px;
    cursor: pointer;
}

.chatbot_block .chatbot_content .chat_suggestion {
    padding-left: 39px;
}

.chatbot_block .chatbot_head {
    background: var(--red-color);
}

.chatbot_block .chatbot_head .chat_img img:nth-child(2) {
    margin-inline: -10px
}

.chatbot_block .chatbot_head span {
    color: var(--cream-600);
}

.chatbot_block .chatbot_content .massage_receive .chat_user {
    background: var(--red-color);
    min-width: 32px;
    height: 32px;
}

.chatbot_block .chatbot_content .massage_receive .receive_text,
.chatbot_block .chatbot_content .massage_sent .sent_text {
    background-color: var(--red-color);
    border-radius: 12px;
    line-height: 19px;
    max-width: 296px;
    width: 100%;
    line-break: anywhere;
}

.chatbot_block .chatbot_content .massage_sent .sent_text {
    background-color: var(--cream-600);
}

.chatbot_block .chatbot_content .chat_type input {
    box-shadow: 0px 2px 4px -2px #1717170F, 0px 4px 8px -2px #1717171A;
    padding-inline: 56px 65px;
}

.chatbot_block .chatbot_content .chat_type .emoji_open {
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.chatbot_block .chatbot_content .chat_type .send_massage {
    background-color: var(--cream-600);
    width: 52px;
    height: 52px;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    cursor: pointer;
}

#chatbot_close {
    bottom: -80px;
    right: 0;
}


/* my object property css */
.section-myobject-property .property_tab_body {
    height: calc(100vh - 235px);
    overflow-y: auto;
    min-height: calc(100vh - 230px);
}

.section-myobject-property .property_tab_body .property_content p span {
    font-size: 16px;
}

.section-myobject-property {
    padding-block: 30px;
}

.section-myobject-property .property_tab_body .property_detail {
    padding: 0;
}

.section-myobject-property.section-properties .property_tab_button {
    max-width: 100%;
}

.section-myobject-property .property_tab_body .more_option {
    right: 16px;
    top: 12px;
    min-width: 44px;
    height: 44px;
    cursor: pointer;
}

.section-myobject-property .property_tab_body .more_option.active .more_option_content {
    display: block;
}

.section-myobject-property .more_option_content {
    width: 180px;
    top: 50px;
    right: 0;
    display: none;
}

.section-myobject-property .more_option_content a:hover {
    color: var(--red-color);
}

.section-myobject-property .map_block {
    border-radius: 30px;
    border: 1px solid var(--cream-700);
    min-height: 200px;
}

.section-myobject-property .all_property .primary-btn {
    max-width: 560px;
}

/* .section-myobject-property .deactive_property .more_option {
    display: none !important;
} */

.section-myobject-property .delete_property {
    backdrop-filter: blur(4px);
    background: #150D1166;
}

.section-myobject-property .delete_property .modal-dialog-centered {
    margin-bottom: 0;
    align-items: end;
}

.section-myobject-property .delete_property .modal-content {
    margin-bottom: -28px;
}

.section-myobject-property .delete_property .modal-dialog {
    transition: all 0s;
    transform: none;
}

.section-myobject-property .delete-modal-property .modal-footer .primary-btn {
    width: 190px !important;
    padding-block: 21px;
}

.section-myobject-property .delete-modal-property .modal-footer .primary-btn:first-child {
    background: var(--cream-600);
    color: var(--body-font-color);
}


/* search object css  */
.section-property-listingfree .search_icon {
    min-width: 52px;
    height: 52px;
    top: 4px;
    right: 4px;
}

.section-property-listingfree .search_field input {
    padding-right: 55px !important;
}

/* exchange list css  */
.section-exchange-list {
    padding-block: 30px;
}

.section-exchange-list .property_tab_button {
    max-width: 100%;
}

.section-exchange-list .map_block {
    border-radius: 30px;
    border: 1px solid var(--cream-700);
    min-height: 200px;
}

.section-exchange-list .property_preview .property_img {
    width: 45%;
}

.section-edit-property #tab_matches .property_preview .property_img {
    height: 271px;
}

.section-exchange-list .property_preview .property_content {
    width: 55%;
}

.section-exchange-list .property_preview {
    padding: 10px 20px 10px 10px;
    border-radius: 30px;
    gap: 20px;
}

.section-exchange-list .property_btn span {
    width: 48px;
    height: 48px;
}

.section-exchange-list .property_btn .interest.active .interest_chevrol,
.section-exchange-list .property_btn .interest .interest_icon {
    display: none;
}

.section-exchange-list .property_btn .interest.active .interest_icon {
    display: block;
}

.section-exchange-list #tab_pending .property_btn .interest.active .interest_icon,
.section-exchange-list #tab_pending .property_btn .interest .interest_chevrol {
    display: none;
}

.section-exchange-list #tab_pending .property_btn .interest .interest_icon {
    display: block;
}

.section-exchange-list #tab_pending .property_btn .interest.active .interest_chevrol {
    display: block;
}

.section-exchange-list .property_btn .not_interest .not_interest_icon,
.section-exchange-list .property_btn .not_interest.active .not_interest_chevrol {
    display: none;
}

.section-exchange-list .property_btn .not_interest.active .not_interest_icon {
    display: block;
}

.section-exchange-list .massanger_block {
    display: none;
}

.section-exchange-list .massanger_block,
.section-exchange-list .property_tab_body {
    max-height: calc(100vh - 235px);
    height: calc(100vh - 235px);
    overflow-y: auto;
}

.section-exchange-list .chat_block .other_redirect {
    display: none;
}

.section-exchange-list .massanger_block {
    min-height: 100%;
}

.section-exchange-list .exchange_calender .back_btn {
    cursor: pointer;
}

.section-exchange-list .exchange_calender {
    display: none;
}

.section-exchange-list .exchange_calender .calender_content {
    border-radius: 30px;
    border: 1px solid var(--cream-700);
}

.section-exchange-list .exchange_calender .back_btn svg {
    margin-top: -3px;
}

.section-exchange-list .exchange_calender .main_calender {
    width: 37%;
    padding-inline: 10px;
}

.section-exchange-list .exchange_calender .main_block {
    width: 63%;
    padding-inline: 10px;
}

.section-exchange-list .owner_detail .owner_detail_title {
    min-width: 55px;
}

/* calender css  */
.section-exchange-list .show_calender .ui-datepicker-inline {
    width: 100%;
    background: var(--cream-600);
    border-radius: 30px;
    border: 0;
    padding-block: 14px;
    padding-inline: 24px;
}

.section-exchange-list .show_calender .ui-datepicker-header {
    background: transparent;
    border: 0;
}

.section-exchange-list .show_calender .ui-datepicker-header .ui-datepicker-title {
    font-family: 'GeneralSans';
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #212121;
    margin: 0;
}

.section-exchange-list .show_calender .ui-datepicker .ui-datepicker-prev {
    right: 32px;
    left: unset;
}

.section-exchange-list .show_calender .ui-datepicker .ui-datepicker-next {
    right: 0;
}

.section-exchange-list .show_calender .ui-datepicker .ui-datepicker-prev,
.section-exchange-list .show_calender .ui-datepicker .ui-datepicker-next {
    border: 1.5px solid var(--grey-color);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    top: 3px;
}

.section-exchange-list .show_calender .ui-datepicker .ui-datepicker-prev span,
.section-exchange-list .show_calender .ui-datepicker .ui-datepicker-next span {
    display: none;
}

.section-exchange-list .show_calender .ui-datepicker .ui-datepicker-prev {
    background: url(../images/calender-arrow.png) no-repeat center center, var(--white)
}

.section-exchange-list .show_calender .ui-datepicker .ui-datepicker-next {
    transform: rotate(180deg);
    background: url(../images/calender-arrow.png) no-repeat center center, var(--white);
}

.section-exchange-list .show_calender .ui-datepicker thead th {
    font-family: 'GeneralSans';
    font-weight: 500;
    color: var(--grey-color);
    font-size: 16px;
}

.section-exchange-list .show_calender .ui-datepicker tbody td .ui-state-default {
    width: 84%;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    border-radius: 50%;
    font-family: 'GeneralSans';
    font-size: 16px;
    font-weight: 600;
    color: var(--body-font-color);
    border: 0;
    background-color: var(--white);
    transition: all 0.2s;
}

.section-exchange-list .show_calender .ui-datepicker tbody td {
    width: 14.29%;
}

.section-exchange-list .show_calender .ui-datepicker tbody td .ui-state-default.ui-state-active,
.section-exchange-list .show_calender .ui-datepicker tbody td .ui-state-default:hover {
    background-color: var(--red-color);
    color: var(--white);
}

.section-exchange-list .show_calender .ui-datepicker tbody tr:not(:first-child) td .ui-state-default {
    margin-top: 10px;
}

.section-exchange-list .property_tab_body .box_content .home_icon {
    max-width: 16px;
}


/* switch  */
.section-switch {
    padding-block: 30px;
}

.section-switch .map_block {
    border-radius: 30px;
    border: 1px solid var(--cream-700);
    min-height: 200px;
}

.section-switch .property_content h6 {
    font-size: 16px;
}

.section-switch .property_preview {
    padding: 10px;
    gap: 20px;
}

.section-switch .property_block {
    max-height: calc(100vh - 180px);
    height: calc(100vh - 180px);
}

/* property detail css  */
.section-property-detail {
    padding-block: 30px;
}

.section-property-detail .row {
    margin: 0 -10px;
}

.section-property-detail .row>* {
    padding-left: 10px;
    padding-right: 10px;
}

.section-property-detail .property_block_main,
.section-property-detail .map_block {
    border-radius: 30px;
    border: 1px solid var(--cream-700);
}

.section-property-detail .property_block {
    max-height: calc(100vh - 180px);
    height: calc(100vh - 180px);
}

.section-property-detail .property_detail .property_detail_btn {
    padding: 10px 20px;
    font-size: 12px;
    color: var(--red-color);
    border: 1px solid var(--red-color);
}

.section-property-detail .property_detail .pdf_download {
    border: 1px solid var(--cream-700);
    width: 40px;
    height: 40px;
}

.section-property-detail .property_detail .pdf_download img {
    width: 20px;
}

.section-property-detail .property_facility .facility_icon {
    width: 24px;
}

.section-property-detail .property_features .row {
    margin: 0 -4px;
}

.section-property-detail .property_features .row {
    margin: 0 -4px;
}

.section-property-detail .property_features .row>* {
    padding-left: 4px;
    padding-right: 4px;
}

.section-property-detail .property_features small {
    padding: 12px 10px;
}

.section-property-detail .property_content .readmore_btn {
    cursor: pointer;
}

.section-property-detail .property_content .more_content {
    display: none;
}

.section-property-detail .property_content .more_content.active {
    display: inline;
}

.section-property-detail .property_block .property_img .property_img_big {
    width: 73%;
}

.section-property-detail .property_block .property_img .property_img_gellery {
    width: 29%;
}

.section-property-detail .property_block .image_like_btn_group {
    bottom: 12px;
    right: 12px;
}

/* .section-property-detail .property_block .image_like_btn_group button {
    width: 48px;
    height: 48px;
} */
/* New css */
.section-property-detail .property_block .image_like_btn_group button {
    width: auto !important;
    /* border-radius: 99px !important; */
    min-height: 30px;
    height: auto;
}

.section-property-detail .property_block .image_like_btn_group button img {
    width: 20px;
}

.section-property-detail .property_block .image_like_btn_group button.active .default_like_btn,
.section-property-detail .property_block .image_like_btn_group button .after_like_img {
    display: none;
}

.section-property-detail .property_block .image_like_btn_group button.active .after_like_img {
    display: block;
}

.section-property-detail .property_block .property_img_gellery .imag_gallery_open .image_filter {
    left: 0;
    right: 0;
    background: #FFFFFF1A;
    backdrop-filter: blur(2px);
    font-size: 20px;
}

.section-property-detail .property_subciption_before {
    background: #FFFFFF66;
    backdrop-filter: blur(10px);
    top: -23px;
    height: calc(100% + 48px);
    left: -23px;
    right: -20px;
    padding: 120px 120px 50px;
}

.section-property-detail .property_pdf_button {
    display: flex;
}

.section-property-detail .property_subciption_before {
    display: none
}

.section-property-detail.without_subscription .property_detail .property_price_pdf {
    margin-top: 25px;
}

.section-property-detail.without_subscription .property_detail .location_text,
.section-property-detail.without_subscription .property_detail .property_pdf_button {
    display: none;
}

.section-property-detail.without_subscription .property_subciption_before {
    display: block;
}

.section-property-detail .property_block_main .property_img {
    max-height: 336px;
}

.section-property-detail .modal-body .image_block .col-6 img {
    height: 200px;
}

.section-property-detail .exchange_modal_property .modal-dialog {
    max-width: 920px;
}

.section-property-detail .exchange_modal_property .home_icon {
    max-width: 16px;
}

.section-property-detail .delete-modal-property .modal-footer .primary-btn {
    width: 300px !important;
}

.section-property-detail .gellerySlider img {
    max-width: 100%;
    max-height: 70vh;
}

.section-property-detail .gellerySlider .slick-track {
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-property-detail .gellerySlider .slick-next::before,
.section-property-detail .gellerySlider .slick-prev::before {
    display: none;
}

.section-property-detail .gellerySlider .slick-next,
.section-property-detail .gellerySlider .slick-prev {
    background: transparent;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    z-index: 99;
    border: 1px solid var(--body-font-color);
}

.section-property-detail .gellerySlider .slick-next {
    right: 10px;
    background: url(../images/right-long-aroow.png) no-repeat center center, var(--white);
}

.section-property-detail .gellerySlider .slick-prev {
    left: 10px;
    background: url(../images/left-long-arrow.png) no-repeat center center, var(--white);
}

.section-property-detail .gellerySlider .slick-next:hover {
    background: url(../images/right-long-aroow.png) no-repeat center center, var(--cream-700);
    border: 1px solid var(--cream-700);
}

.section-property-detail .gellerySlider .slick-prev:hover {
    background: url(../images/left-long-arrow.png) no-repeat center center, var(--cream-700);
    border: 1px solid var(--cream-700);
}

.section-exchange-list .exchange_modal_property .property_preview .property_img {
    height: 160px;
}

.section-exchange-list .exchange_modal_property .property_preview .property_btn span {
    width: 48px;
    height: 48px;
}

.section-exchange-list .exchange_modal_property .property_preview {
    padding: 10px;
}

.section-exchange-list .exchange_modal_property .property_preview input[type=radio]::after,
.section-exchange-list .exchange_modal_property .property_preview input[type=radio]:before {
    content: "";
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: var(--cream-600);
}

.section-exchange-list .exchange_modal_property .property_preview input[type=radio]::after {
    width: 20px;
    height: 20px;
    background: transparent;
    border: 1.5px solid var(--body-font-color);
}

.section-exchange-list .exchange_modal_property .property_preview input[type=radio]:checked::before {
    background: var(--white);
}

.section-exchange-list .exchange_modal_property .property_preview input[type=radio]:checked::after {
    background: url('../images/checkbox-arrow.png') no-repeat center center, var(--white);
}

.building_type_detail .building_type_detail_block .building_type_detail_item.active {
    display: block;
}

.building_type_detail .building_type_detail_block .building_type_detail_item {
    display: none;
}

/* gellery popup  */
.section-property-detail .property_img_popup {
    backdrop-filter: blur(4px);
    background: #150D1166;
    padding-inline: 10px !important;
}

.section-property-detail .property_img_popup .modal-body .gellery_block {
    max-height: 100%;
}

.section-property-detail .property_img_popup .modal-body {
    padding: 30px;
}

.section-property-detail .property_img_popup .modal-dialog {
    max-width: 990px;
}

.section-property-detail .property_img_popup .modal-content {
    border: 1px solid var(--cream-700);
}

.section-property-detail .property_img_popup .gellery_head {
    border-bottom: 1px solid var(--cream-700);
}

.section-property-detail .property_img_popup .gellery_head .tabing_btn button {
    padding: 13px 20px;
    background: transparent;
}

.section-property-detail .property_img_popup .gellery_head .tabing_btn button.active {
    background: var(--cream-700);
    color: var(--body-font-color) !important;
    font-weight: 600 !important;
}

.section-property-detail .modal-body .gellery_block.active {
    display: block;
}

.section-property-detail .modal-body .gellery_block {
    display: none;
}

.section-property-detail .property_img_popup .modal-body .row {
    margin: 0 -6px;
}

.section-property-detail .property_img_popup .modal-body .row>* {
    padding-left: 6px;
    padding-right: 6px;
}

.section-property-detail .property_img_popup .lightbox {
    top: 27px !important;
    left: 27px !important;
    right: 27px;
    bottom: 27px;
    width: auto;
}

.section-property-detail .property_img_popup .lightbox .lb-container {
    width: 100%;
    height: 100%;
}

.section-property-detail .property_img_popup .lightbox .lb-image {
    object-fit: cover;
}

.section-property-detail .property_img_popup .lightbox .lb-image,
.section-property-detail .property_img_popup .lightbox .lb-outerContainer {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0;
}

.section-property-detail .property_img_popup .lightbox .lb-data .lb-details {
    display: none;
}

.section-property-detail .property_img_popup .lightbox .lb-dataContainer {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 11;
}

.section-property-detail .property_img_popup .lightbox .lb-nav a.lb-prev,
.section-property-detail .property_img_popup .lightbox .lb-nav a.lb-next {
    opacity: 1;
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    transform: translateY(-50%);
    border-radius: 50%;
}

.section-property-detail .property_img_popup .lightbox .lb-nav a.lb-prev {
    left: 20px;
    background: url(../images/left-long-arrow.png) no-repeat center center, var(--white);
}

.section-property-detail .property_img_popup .lightbox .lb-nav a.lb-next {
    right: 20px;
    background: url(../images/right-long-aroow.png) no-repeat center center, var(--white);
}

.lightboxOverlay {
    display: none !important;
}


/* massanger page css  */
.section-massage {
    padding-block: 30px;
}

.section-massage .row {
    margin: 0 -10px;
}

.section-massage .row>* {
    padding-left: 10px;
    padding-right: 10px;
}

.section-massage .chat_block,
.section-massage .massage_chat_sidebar {
    max-height: calc(100vh - 180px);
    height: calc(100vh - 180px);
}

.section-massage .back_btn {
    display: none;
}

.section-massage .chat_block .chat_content {
    padding-inline: 80px;
}

/* Blog Listing Page CSS */
.blog_heading span.text-red {
    font-weight: 600;
}

.section-blog .container>div {
    background: linear-gradient(180.86deg, #FFFFFF 1%, rgba(255, 255, 255, 0) 111.47%);
    border-radius: 20px 20px 0 0;
}

.section-blog .card {
    display: block;
    border: 1px solid #DBCEC0;
    border-radius: 24px !important;
    height: 100%;
}

.section-blog .card .card-img-top {
    border-radius: 24px 24px 0px 0px;
}

.section-blog .card-title {
    font-family: var(--body-font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
}

.section-blog .card-text {
    font-family: var(--body-font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #736E70;
}

.section-blog .author-info img {
    width: 40px;
    height: 40px;
    background: #C7B9DA;
    border-radius: 50%;
}

.section-blog .author-details .author-name {
    font-family: var(--body-font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: unset;
    color: #150D11;
}

.section-blog .blog-date {
    font-family: var(--body-font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #736E70;
}

.section-blog .author-info img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.section-blog .card .discription_limited {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.section-blog .card .discription_limited p {
    margin: 8px 0px;
}

.section-blog .card .card-title-wrapper .card-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Blog Details CSS */
.section-blog-details .container>div {
    background: linear-gradient(180.86deg, #FFFFFF 1%, rgba(255, 255, 255, 0) 111.47%);
    border-radius: 20px 20px 0 0;
}

.section-blog-details .blog-details-img img.blog-img {
    width: 100%;
    height: 100%;
    max-height: 523px;
    object-fit: cover;
}

.section-blog-details .blog-details-content h3 {
    font-family: var(--body-font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    margin: 60px 0 20px 0;
}

.section-blog-details .blog-details-content p {
    font-family: var(--body-font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #736E70;
}

.section-blog-details .blog-cta {
    border-top: 1px solid #E9ECEF;
    border-bottom: 1px solid #E9ECEF;
}

.section-blog-details .blog-details-content ul li {
    font-family: var(--body-font-family);
    font-weight: 600;
    font-style: italic;
    font-size: 18px;
    line-height: 33px;
    padding-left: 16px;
    margin-bottom: 10px;
}

.section-blog-details .blog-details-content ul {
    list-style-image: url(../images/check-green.svg);
    margin: 40px 0px 40px 20px;
}

.section-blog-details .related-blogs .related-blogs-title {
    font-family: var(--body-font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 20px;
}

/* massanger css common */
.chat_block,
.massage_chat_sidebar {
    border-radius: 30px;
}

.chat_block {
    border-radius: 30px;
}

.massage_chat_sidebar .sidebar_head {
    border-bottom: 1px solid var(--cream-700);
}

.massage_chat_sidebar .sidebar_head input {
    height: 50px !important;
}

.massage_chat_sidebar .search_icon {
    width: 42px;
    height: 42px;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
}

.massage_chat_sidebar .chat_sidebar_contact button {
    border: none;
    border-bottom: 1px solid var(--cream-700);
    background: transparent;
    border-left: 2px solid transparent;
}

.massage_chat_sidebar .chat_sidebar_contact button.active_user {
    background: var(--white);
    border-left-color: var(--red-color);
}

.massage_chat_sidebar .chat_sidebar_contact img {
    max-width: 48px;
    height: 48px;
    min-width: 48px;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: top;
}

.massage_chat_sidebar .chat_sidebar_contact .massage_count {
    background: var(--cream-700);
    min-width: 20px;
    aspect-ratio: 1 / 1;
    color: var(--grey-color);
}

.massage_chat_sidebar .chat_sidebar_contact button.active_user .massage_count {
    background: var(--red-color);
    color: var(--white);
}

.chat_block .chat_head {
    background: var(--cream-700);
    cursor: pointer;
}

.chat_block .chat_head img {
    max-width: 48px;
    min-width: 48px;
    height: 48px;
    width: 100%;
}

.chat_block .chat_head h6 {
    font-size: 16px;
    line-height: 16px;
}

.chat_block .chat_input input {
    box-shadow: 0px 2px 4px -2px #1717170F, 0px 4px 8px -2px #1717171A;
}

.chat_block .chat_input input {
    padding-inline: 53px 75px !important;
}

.chat_block .chat_input img {
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.chat_block .chat_input .attach_file_icon {
    left: 20px;
}

.chat_block .chat_input .sent_text_icon {
    right: 15px;
}

.chat_block .chat_input .voice_speak_icon {
    right: 50px;
}

.chat_block .chat_content {
    padding: 24px;
}

.chat_block .chat_content p {
    border-radius: 16px;
    padding: 12px;
    line-break: anywhere;
}

.chat_block .chat_content .sent_massage p {
    background: var(--cream-700);
}

.chat_block .chat_content .profile {
    min-width: 40px;
    max-width: 40px;
    height: 40px;
}

.chat_block .chat_content .profile img {
    object-fit: cover;
    width: 100%;
}

/* form common css  */
.section-form button.primary-btn {
    font-family: var(--heading-font-family);
}

.section-form .main_img {
    position: absolute;
    right: -53%;
    top: 25%;
    width: 59%;
}

.section-form .form_block label {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: var(--red-color);
    margin-bottom: 6px;
}

.section-form .form_block label.text-grey {
    color: var(--grey-color);
}

.section-form .form_block input,
.section-form .form_block textarea,
.section-form .form_block select {
    background: var(--cream-600);
    border-radius: 999px;
    height: 60px;
    border: 1px solid var(--cream-600);
    padding-block: 4px;
    padding-inline: 19px;
    color: var(--body-font-color);
}

.section-form .form_block input[type="radio"],
.section-form .form_block input[type="checkbox"] {
    padding-block: 6px;
}

.section-form .form_block textarea {
    height: auto;
    border-radius: 20px;
    padding: 13px 20px;
}

.section-form .form_block input#phone {
    padding-left: 125px !important;
}

.section-form .form_block input:focus,
.section-form .form_block textarea:focus,
.section-form .form_block select:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid var(--heading-font-color);
    background: var(--cream-600);
}

.section-form .form_block select {
    background: url(../images/dropdown-arrow.svg) center right 4px no-repeat, var(--cream-600);
    background-size: 50px;
    appearance: none;
    padding-right: 55px;
}

.section-form .form_block select:focus {
    background: url(../images/dropdown-arrow.svg) center right 4px no-repeat, var(--cream-600);
    background-size: 50px;
}

.section-form .form_block input.hasDatepicker {
    background: url(../images/data-picker-icon.png) center right 4px no-repeat, var(--cream-600);
    background-size: 50px;
}

.section-form .form_block .iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    left: 6px;
    bottom: 4px;
    top: 5px;
}

.section-form .form_block .iti__selected-flag {
    height: 48px;
    border-radius: 99px;
    background: var(--white);
    padding-inline: 16px;
}

.section-form .form_block .iti--allow-dropdown {
    width: 100%;
}

.section-form .form_block select:-webkit-autofill,
.section-form .form_block select:-webkit-autofill:hover,
.section-form .form_block select:-webkit-autofill:focus,
.section-form .form_block select:-webkit-autofill:active {
    box-shadow: inset 0 0 30px 30px var(--cream-600)
}

.section-form .form_block textarea:-webkit-autofill,
.section-form .form_block textarea:-webkit-autofill:hover,
.section-form .form_block textarea:-webkit-autofill:focus,
.section-form .form_block textarea:-webkit-autofill:active {
    box-shadow: inset 0 0 30px 30px var(--cream-600)
}

.section-form input:-webkit-autofill,
.section-form input:-webkit-autofill:hover,
.section-form input:-webkit-autofill:focus,
.section-form input:-webkit-autofill:active {
    box-shadow: inset 0 0 30px 30px var(--cream-600)
}

.section-form input::-webkit-input-placeholder,
.section-form textarea::-webkit-input-placeholder,
.section-form select::-webkit-input-placeholder {
    color: var(--text-dark-600);
}

.section-form input:-moz-placeholder,
.section-form textarea:-moz-placeholder,
.section-form select::-moz-placeholder {
    color: var(--text-dark-600);
}

.section-form input:-ms-input-placeholder,
.section-form textarea:-ms-input-placeholder,
.section-form select::-ms-input-placeholder {
    color: var(--text-dark-600);
}

.section-form input::placeholder,
.section-form textarea::placeholder,
.section-form select::placeholder {
    color: var(--text-dark-600);
}

.section-form input[type=checkbox] {
    position: relative;
    cursor: pointer;
    width: 8px;
    height: 12px;
    -moz-appearance: initial;
}

.section-form input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    top: -1px;
    left: -1px;
    border: 1.5px solid var(--body-font-color);
    background: var(--white);
    border-radius: 3px
}

.section-form input[type=checkbox]:checked:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/checkbox-arrow.png) center center no-repeat, var(--white);
    z-index: 1;
}

.section-form input[type="radio"] {
    position: relative;
    cursor: pointer;
    -moz-appearance: initial;
}

.section-form input[type="radio"]:before {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: -2px;
    left: 0;
    border: 1.5px solid var(--grey-color);
    background: url(../images/checkbox-grey.png) center center no-repeat, var(--white);
    border-radius: 50%;
}

.section-form input[type="radio"]:checked:before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/checkbox-white.png) center center no-repeat, var(--body-font-color);
    z-index: 1;
}

.section-form .step_next_prev .primary-btn {
    max-width: 188px;
    background-color: var(--white);
    color: var(--link-font-color);
}

.section-form .step_next_prev .primary-btn:hover {
    background-color: var(--red-color);
    color: var(--white);
}

.section-form .step_next_prev .primary-btn:hover svg path {
    stroke: var(--red-color);
}

.section-form .step_next_prev .primary-btn.prev_btn {
    padding-right: 30px;
    padding-left: 4px !important;
}

.section-form .step_next_prev .primary-btn.next_btn {
    /* padding-left: 30px; */
    padding-left: 30px !important;
}

.section-form .step_next_prev .primary-btn .arrow_span {
    background-color: var(--cream-600);
}

/* footer css  */
.site-footer {
    background-color: var(--cream-700);
    padding-block: 150px;
}

.site-footer h2,
.site-footer .block_content h2 {
    font-size: 60px;
    line-height: 64px;
}

.site-footer .primary-btn {
    background-color: var(--body-font-color);
    max-width: 270px;
}

.site-footer .block_content:nth-child(-n+3) {
    width: 32%;
}

.site-footer .block_content:nth-child(4) {
    width: 20%;
}

.site-footer .block_content:nth-child(5) {
    width: 16%;
}

.site-footer .block_content .block_text {
    padding: 20px;
}

.site-footer .block_content h2 {
    font-family: 'GeneralSans';
    font-weight: 600;
}

.site-footer .block_content img {
    max-width: 208px;
}

.site-footer .block {
    margin-top: 124px;
}

.site-footer .block_content p {
    font-size: 14px;
    line-height: 18px;
}

.site-footer .block_content ul a {
    font-size: 16px;
}

.site-footer .block_content h3 {
    margin-bottom: 40px;
}

.site-footer .block_content .social_icon span svg path {
    fill: var(--body-font-color);
}

.site-footer .block_content .social_icon span {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.site-footer .block_content .social_icon span:hover {
    background-color: var(--red-color);
    transition: all 0.3s;
}

.site-footer .block_content .social_icon span:hover svg path {
    fill: var(--white);
}

.site-footer .footer_img {
    position: absolute;
    top: -261px;
    left: 63%;
}

.site-footer .block_content .border_div {
    width: 1px;
    height: 58px;
    background-color: var(--red-color);
}

.site-footer .block_content .border_div::after,
.site-footer .block_content .border_div:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: var(--red-color);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    position: absolute;
    left: -2px;
    top: 0px;
}

.site-footer .block_content .border_div::after {
    top: 98%;
    clip-path: polygon(51% 0, 0 99%, 100% 100%);
}

.site-footer .block_content .block_text h2 {
    max-width: 249px;
}

/* miter square css  */
.meter-square::before,
.meter_square::before {
    content: "m²";
    display: inline-flex;
    position: absolute;
    bottom: 3px;
    right: 11px;
    /* background: var(--white); */
    width: 53px;
    height: 53px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.meter-cube::before,
.meter_cube::before {
    content: "m³";
    display: inline-flex;
    position: absolute;
    bottom: 3px;
    right: 11px;
    /* background: var(--white);  */
    width: 53px;
    height: 53px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.section-myprofile .profile_img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.section-myprofile .profile_img {
    width: 120px;
    height: 120px;
    padding: 8px;
    background: url(../images/user-profile-border.png) no-repeat center center;
    background-size: 100% 100%;
}



.location-data .main_block {
    border-radius: 24px;
    background: #F6F6F6;
    padding: 6px;
    position: relative;
    margin-left: -13px;
    margin-bottom: 8px;
    box-shadow: 0px 4px 4px 0px #0000000D;
}

.location-data .main_block .image_block img {
    max-width: 50px;
    height: 50px;
    border-radius: 15px;
    ;
}

.location-data .main_block .content_block h6 {
    font-size: 14px;
    color: #B20303;
}

.location-data .main_block .content_block p {
    color: #736E70;
    font-size: 12px;
    line-height: 16px;
}

.location-data .main_block:before {
    content: "";
    background: #F6F6F6;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -5px;
    left: 50.4%;
    border-radius: 2px;
    transform: rotate(45deg)
}

.location-data .main_block .content_block {
    max-width: 200px;
}



.location-data .location_data_price .price:before {
    content: "";
    background: var(--body-font-color);
    display: inline-block;
    height: 10px;
    width: 10px;
    position: absolute;
    bottom: -7px;
    border-radius: 2px;
    left: 50%;
    transform: rotate(45deg) translateX(-50%);
}

.location-data .location_data_price .price {
    position: relative;
    background: var(--body-font-color);
    border-radius: 99px;
    color: var(--white);
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 500;
    margin-left: -3px;
    margin-bottom: 5px;
    box-shadow: 0px 4px 4px 0px #0000000D;
}

.location-data .icon2 {
    display: flex;
    justify-content: center;
}

.location-data .icon {
    display: flex;
    justify-content: center;
}


.section-massage .chat_block .chat_content .received_massage p,
.section-massage .chat_block .chat_content .sent_massage p {
    line-break: anywhere;
}

.section-massage .attach_img {
    height: 45px;
    width: 45px;
    max-height: 45px;
    max-width: 45px;
    border-radius: 5px;
    right: 65px;
    top: 8px;
    padding: 2px;
    border: 1px solid black;
}

.section-massage .attach_img img {
    width: 100%;
    height: 100%;
    transform: translateY(0%);
}

.section-massage .attach_img button {
    background: var(--red-color) !important;
    width: 20px;
    height: 20px;
    top: -4px;
    right: -6px;
}

.section-massage .attach_img .image_loader {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.section-massage .attach_img .image_loader svg {
    animation: spin .5s linear 0s infinite;
}

.section-massage .attach_img .image_loader.active {
    display: block;
}

.section-massage .empty_screen img {
    max-width: 350px;
}

.section-massage .empty_screen {
    max-height: calc(100vh - 180px);
    height: calc(100vh - 180px);
}

@keyframes spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

.property_content h6 {
    text-transform: uppercase;
}

#global_received_message_count[data-count="0"],
#global_received_message_count1[data-count="0"],
#globalExchangeListChatcount[data-count="0"],
.massage_count[data-count="0"] {
    display: none !important;
}

/* Example of styling for non-zero values */
#global_received_message_count:not[data-count="0"],
#global_received_message_count1:not[data-count="0"],
#globalExchangeListChatcount:not[data-count="0"],
.massage_count:not([data-count="0"]) {
    display: block !important;
    /* or any desired style */
}

.match-request-count-span:not[data-unread-count="0"] {
    display: flex !important;
}

.match-request-count-span[data-unread-count="0"] {
    display: none !important;
}


/* map blur css  */
.map_blur .map {
    position: relative;
}

.map_blur .map:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    backdrop-filter: blur(5px);
    border-radius: 20px;
    overflow: hidden;
}

.section-search-object .main_block {
    position: relative;
}

.section-search-object .choose_subscription {
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
}



/* map data searching  */
.section-exchange-list .exchange_calender .main_block {
    max-height: calc(100vh - 180px);
    height: calc(100vh - 180px);
}

.map_data_searching {
    max-width: 480px;
    width: 100%;
}

.map_data_searching .search_field input {
    padding-right: 90px;
    border: 1px solid #DADCE0;
    background-color: transparent;
}

.map_data_searching .search_field input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

.map_data_searching .result_check {
    border-top: 1px solid #DADCE0;
}

.map_data_searching .search_field .icon {
    top: 50%;
    transform: translateY(-50%);
}

.map_data_searching .search_field .icon svg {
    width: 100%;
}

.map_data_searching .search_field .icon.search_icon {
    right: 55px;
}

.map_data_searching .search_field .icon.cancel_icon {
    right: 15px;
}

.map_data_searching .searching_result_block .star_icon img {
    max-width: 18px;
}

.map_data_searching .searching_result_block {
    border-bottom: 1px solid #DADCE0;
}

.map_data_searching .web_dire_btn {
    color: #1A73E8;
    font-size: 12px;
}

.map_data_searching .web_dire_btn span {
    border: 1px solid #1A73E8;
    aspect-ratio: 1 / 1;
    width: 40px;
}

.map_data_searching .searching_result_block sup {
    top: -.3em;
}

.map_data_searching .resul_all_data {
    height: calc(100% - 76px);
    overflow-y: auto;
}

.searching_result_block:hover {
    background: #ededed;
    cursor: pointer;
}

.searching_result_block.active {
    background: #ededed;
}

.new-property-detail-section .exchange_modal_property .property_content {
    position: relative;
}

.new-property-detail-section .exchange_modal_property .property_content .property_btn {
    position: absolute;
    top: 0;
    right: 0;
}

.new-property-detail-section .exchange_modal_property .property_content h6 {
    padding-right: 40px;
}

.section-pdf .back_btn {
    opacity: 1;
}

.section-pdf .card {
    border: 1px solid #DBCEC0;
}

.section-pdf .card .card-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.register_conform_btn {
    font-size: 16px;
}

/* Tooltip css  */
.tooltip_info:hover .info_text {
    display: block;
}

.tooltip_info .info_text {
    min-width: 35vw;
    max-width: 35vw;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    background: var(--body-font-color);
    border-radius: 10px;
    padding: 5px;
    display: none;
    position: relative;
}

.tooltip_info .info_text::before {
    content: "";
    background-color: var(--body-font-color);
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    border-radius: 2px;
}

.tooltip_info .info_text p {
    font-size: 11px;
    line-height: 14px;
    font-weight: 200;
    color: rgb(255 255 255 / 74%);
}

.mainphotodragdiv.dragover {
    border: 2px dashed #666;
    background-color: rgba(0, 0, 0, 0.1);
}