:root {

    --bs-primary: #0b63e5;
    --bs-primary-rgb: 11,99,229;

    --color-blue-50: #ECF3FC;
    --color-blue-100: #d4e4ff;
    --color-blue-150: #b6d2ff;
    --color-blue-200: #99c0ff;
    --color-blue-250: #7dadef;
    --color-blue-300: #5d9bff;
    --color-blue-350: #3e88ff;
    --color-blue-400: #2179ff;
    --color-blue-450: #0e6cff;
    --color-blue-500: #0d6efd;
    --color-blue-550: #0b63e5;
    --color-blue-600: #0a58ca;
    --color-blue-650: #094eb0;
    --color-blue-700: #084499;
    --color-blue-750: #073b82;
    --color-blue-800: #06326b;
    --color-blue-850: #052954;
    --color-blue-900: #041f3d;

    --color-cyan-50: #ECFEFF;
    --color-cyan-100: #CFFAFE;
    --color-cyan-200: #A5F3FC;
    --color-cyan-300: #67E8F9;
    --color-cyan-400: #22D3EE;
    --color-cyan-500: #06B6D4;
    --color-cyan-600: #0891B2;
    --color-cyan-700: #0E7490;
    --color-cyan-800: #155E75;
    --color-cyan-900: #164E63;

    --color-green-100: #DCFCE6;
    --color-green-200: #B8F8CF;
    --color-green-300: #7AF1A8;
    --color-green-400: #08DF72;
    --color-green-500: #00C951;
    --color-green-550: #0BB64D;
    --color-green-600: #16A34A;
    --color-green-700: #15803D;
    --color-green-800: #166534;
    --color-green-900: #14532D;

    --color-emerald-50: #ECFDF5;
    --color-emerald-100: #D1FAE5;
    --color-emerald-200: #A7F3D0;
    --color-emerald-300: #6EE7B7;
    --color-emerald-400: #34D399;
    --color-emerald-500: #10B981;
    --color-emerald-600: #059669;
    --color-emerald-700: #047857;
    --color-emerald-800: #065F46;
    --color-emerald-900: #064E3B;

    --color-red-100: #FFE2E2;
    --color-red-200: #FFCACA;
    --color-red-300: #FFA1A3;
    --color-red-400: #FF6367;
    --color-red-500: #FA2C37;
    --color-red-600: #E4012B;
    --color-red-700: #C10008;
    --color-red-800: #9F0812;
    --color-red-900: #82181A;

    --color-pink-50: #FFF1F7;
    --color-pink-100: #FFE3EF;
    --color-pink-150: #FFCDE0;
    --color-pink-200: #FFB5D1;
    --color-pink-250: #FF9DC2;
    --color-pink-300: #FF85B3;
    --color-pink-350: #FF6CA5;
    --color-pink-400: #FF5397;
    --color-pink-450: #FA408E;
    --color-pink-500: #F6339A;
    --color-pink-550: #DB2E89;
    --color-pink-600: #C12979;
    --color-pink-650: #A7236A;
    --color-pink-700: #8D1E5B;
    --color-pink-750: #74194C;
    --color-pink-800: #5B143D;
    --color-pink-850: #430E2E;
    --color-pink-900: #2C091F;

    --color-orange-50: #FFF4E8;
    --color-orange-100: #FFE6CC;
    --color-orange-150: #FFD8B0;
    --color-orange-200: #FFCA94;
    --color-orange-250: #FFBB77;
    --color-orange-300: #FFAD5B;
    --color-orange-350: #FF9E3F;
    --color-orange-400: #FF8F22;
    --color-orange-450: #FF810A;
    --color-orange-500: #FF6900;
    --color-orange-550: #E65F00;
    --color-orange-600: #CC5500;
    --color-orange-650: #B34B00;
    --color-orange-700: #994200;
    --color-orange-750: #803800;
    --color-orange-800: #662E00;
    --color-orange-850: #4D2400;
    --color-orange-900: #331900;

    --color-coral-50: #fff4f1;
    --color-coral-100: #ffe6e0;
    --color-coral-150: #ffd3c9;
    --color-coral-200: #ffbfae;
    --color-coral-250: #ffab92;
    --color-coral-300: #ff9676;
    --color-coral-350: #ff815d;
    --color-coral-400: #ff6c47;
    --color-coral-450: #f85c3a;
    --color-coral-500: #f0512f;
    --color-coral-550: #d9492a;
    --color-coral-600: #c24125;
    --color-coral-650: #a93a20;
    --color-coral-700: #8f321b;
    --color-coral-750: #752a15;
    --color-coral-800: #5b220f;
    --color-coral-850: #41190a;
    --color-coral-900: #281105;

    --color-amber-50: #FFFBEB;
    --color-amber-100: #FEF3C7;
    --color-amber-200: #FDE68A;
    --color-amber-300: #FCD34D;
    --color-amber-400: #FBBF24;
    --color-amber-500: #F59E0B;
    --color-amber-600: #D97706;
    --color-amber-700: #B45309;
    --color-amber-800: #92400E;
    --color-amber-900: #78350F;

    --color-gray-50: #fafafa;
    --color-gray-60: #f8f8f8;
    --color-gray-70: #f4f4f4;
    --color-gray-100: #f2f2f2;
    --color-gray-150: #ebebeb;
    --color-gray-200: #e4e4e4;
    --color-gray-250: #dddddd;
    --color-gray-300: #d6d6d6;
    --color-gray-350: #cfcfcf;
    --color-gray-400: #c8c8c8;
    --color-gray-450: #bfbfbf;
    --color-gray-500: #a8a8a8;
    --color-gray-550: #949494;
    --color-gray-600: #808080;
    --color-gray-650: #6b6b6b;
    --color-gray-700: #565656;
    --color-gray-750: #434343;
    --color-gray-800: #2f2f2f;
    --color-gray-850: #1c1c1c;
    --color-gray-900: #0a0a0a;

    --color-purple-50: #F1EEFA;
    --color-purple-100: #F3E8FF;
    --color-purple-200: #E9D5FF;
    --color-purple-300: #D8B4FE;
    --color-purple-400: #C084FC;
    --color-purple-500: #A855F7;
    --color-purple-600: #9333EA;
    --color-purple-700: #7E22CE;
    --color-purple-800: #6B21A8;
    --color-purple-900: #581C87;

}
/* html {
    font-size: 15px;
} */
body {
    /* background-color: #F5F5F4; */
    color: #000;
}
a {
    text-decoration: none;
    text-underline-position: under;
    color: var(--color-blue-600);
    outline: none;
}
figure {
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #F1F1F4;
    border-radius: 0.4rem;
}
img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
img.lazy {
    opacity: 0;
    transition: 0.3s;
}
img.lazy_done {
    opacity: 1;
    transition: 0.3s;
}
ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}
.base-card {
    padding: 1rem;
    background-color: #fff;
}
.line-row-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    white-space: normal;
}
.line-row-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
}
.line-row-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    white-space: normal;
}
.lh-13 {
    line-height: 1.3 !important;
}
.lh-14 {
    line-height: 1.4 !important;
}
.lh-16 {
    line-height: 1.6 !important;
}
.lh-17 {
    line-height: 1.7 !important;
}
.fs-5-5 {
    font-size: 1.1rem !important;
}
.fs-1-05 {
    font-size: 1.05rem !important;
}
.fs-7 {
    font-size: 0.95rem !important;
}
.fs-8 {
    font-size: 0.9rem !important;
}
.fs-9 {
    font-size: 0.85rem !important;
}
.fs-10 {
    font-size: 0.8rem !important;
}
.fs-11 {
    font-size: 0.75rem !important;
}
.fs-12 {
    font-size: 0.7rem !important;
}
.fs-13 {
    font-size: 0.65rem !important;
}
.fs-14 {
    font-size: 0.6rem !important;
}
.fs-15 {
    font-size: 0.55rem !important;
}
.pt-2px {
    padding-top: 2px !important;
}
.pb-2px {
    padding-bottom: 2px !important;
}
.p-15 {
    padding: .35rem !important;
}
.pt-15 {
    padding-top: .35rem !important;
}
.pb-15 {
    padding-bottom: .35rem !important;
}
.p-25 {
    padding: .7rem;
}
.pt-25 {
    padding-top: .7rem !important;
}
.pb-25 {
    padding-bottom: .7rem !important;
}
.px-25 {
    padding-left: .7rem !important;
    padding-right: .7rem !important;
}
.pe-25 {
    padding-right: .7rem !important;
}
.p-35 {
    padding: 1.25rem !important;
}
.pt-35 {
    padding-top: 1.25rem !important;
}
.pb-35 {
    padding-bottom: 1.25rem !important;
}
.pe-35 {
    padding-right: 1.25rem !important;
}
.ps-25 {
    padding-left: 0.7rem !important;
}
.ps-35 {
    padding-left: 1.25rem !important;
}
.ps-45 {
    padding-left: 2.25rem !important;
}
.p-45 {
    padding: 2.25rem !important;
}
.pt-45 {
    padding-top: 2.25rem !important;
}
.pt-55 {
    padding-top: 4.25rem !important;
}
.pt-6 {
    padding-top: 6rem !important;
}
.pb-45 {
    padding-bottom: 2.25rem !important;
}
.pb-55 {
    padding-bottom: 4.25rem !important;
}
.pb-6 {
    padding-bottom: 6rem !important;
}
.pb-20 {
    padding-bottom: 20rem !important;
}
.m-15 {
    margin: .35rem !important;
}
.ms-15 {
    margin-left: .35rem !important;
}
.m-25 {
    margin: 0.7rem !important;
}
.ms-25 {
    margin-left: .7rem !important;
}
.ms-n05rem {
    margin-left: -0.5rem !important;
}
.me-05 {
    margin-right: .115rem !important;
}
.me-15 {
    margin-right: .325rem !important;
}
.me-25 {
    margin-right: .7rem !important;
}
.me-35 {
    margin-right: 1.25rem !important;
}
.me-45 {
    margin-right: 2.25rem !important;
}
.mt-05 {
    margin-top: .15rem !important;
}
.mx-25 {
    margin-left: .7rem !important;
    margin-right: .7rem !important;
}
.mt-25 {
    margin-top: .7rem !important;
}
.mb-25 {
    margin-bottom: .7rem !important;
}
.mt-35 {
    margin-top: 1.25rem !important;
}
.mb-15 {
    margin-bottom: .35rem !important;
}
.mb-45 {
    margin-bottom: 2.25rem !important;
}
.mb-55 {
    margin-bottom: 4.5rem !important;
}
.mb-6 {
    margin-bottom: 6rem !important;
}
.mb-n1 {
    margin-bottom: -1px !important;
}
.mb-n2 {
    margin-bottom: -2px !important;
}
.mt-45 {
    margin-top: 2.25rem !important;
}
.mt-55 {
    margin-top: 4.5rem !important;
}
.mt-6 {
    margin-top: 6rem !important;
}
.mx-15 {
    margin-left: .35rem !important;
    margin-right: .35rem !important;
}
.mt-n05rem {
    margin-top: -0.5rem !important;
}
.scrollbar-none::-webkit-scrollbar {
    display: none;
}
.w-10 {
    width: 10% !important;
}
.w-20 {
    width: 20% !important;
}
.w-35 {
    width: 35% !important;
}
.w-65 {
    width: 65% !important;
}
.h-60 {
    height: 60% !important;
}
.h-70 {
    height: 70% !important;
}
.w-4px {
    width: 4px !important;
}
.w-20px {
    width: 20px !important;
}
.w-25px {
    width: 25px !important;
}
.w-35px {
    width: 35px !important;
}
.h-16px {
    height: 16px!important;
}
.h-17px {
    height: 17px!important;
}
.h-18px {
    height: 18px!important;
}
.h-20px {
    height: 20px!important;
}
.h-22px {
    height: 22px !important;
}
.h-25px {
    height: 25px!important;
}
.h-28px {
    height: 28px!important;
}
.h-30px {
    height: 30px!important;
}
.h-35px {
    height: 35px!important;
}
.h-36px {
    height: 36px!important;
}
.h-37px {
    height: 37px!important;
}
.h-40px {
    height: 40px!important;
}
.h-45px {
    height: 45px!important;
}
.h-50px {
    height: 50px!important;
}
.h-55px {
    height: 55px!important;
}
.h-60px {
    height: 60px!important;
}
.h-80px {
    height: 80px;
}
.h-100px {
    height: 100px;
}
.h-120px {
    height: 120px;
}
.h-180px {
    height: 180px;
}
.min-h-50px {
    min-height: 50px;
}
.size-5 {
    width: 5px !important;
    height: 5px !important;
}
.size-7 {
    width: 7px !important;
    height: 7px !important;
}
.size-10 {
    width: 10px !important;
    height: 10px !important;
}
.size-12 {
    width: 12px !important;
    height: 12px !important;
}
.size-13 {
    width: 13px !important;
    height: 13px !important;
}
.size-14 {
    width: 14px !important;
    height: 14px !important;
}
.size-16 {
    width: 16px !important;
    height: 16px !important;
}
.size-17 {
    width: 17px !important;
    height: 17px !important;
}
.size-18 {
    width: 18px !important;
    height: 18px !important;
}
.size-19 {
    width: 19px !important;
    height: 19px !important;
}
.size-20 {
    width: 20px !important;
    height: 20px !important;
}
.size-22 {
    width: 22px !important;
    height: 22px !important;
}
.size-25 {
    width: 25px !important;
    height: 25px !important;
}
.size-28 {
    width: 28px !important;
    height: 28px !important;
}
.size-30 {
    width: 30px !important;
    height: 30px !important;
}
.size-35 {
    width: 35px !important;
    height: 35px !important;
}
.size-40 {
    width: 40px !important;
    height: 40px !important;
}
.size-45 {
    width: 45px !important;
    height: 45px !important;
}
.size-45-30 {
    width: 45px !important;
    height: 30px !important;
}
.size-50 {
    width: 50px !important;
    height: 50px !important;
}
.size-50-30 {
    width: 50px !important;
    height: 30px !important;
}
.size-50-35 {
    width: 50px !important;
    height: 35px !important;
}
.size-50-40 {
    width: 50px !important;
    height: 40px !important;
}
.size-50-45 {
    width: 50px !important;
    height: 45px !important;
}
.size-55 {
    width: 55px !important;
    height: 55px !important;
}
.size-55-30 {
    width: 55px !important;
    height: 30px !important;
}
.size-60 {
    width: 60px !important;
    height: 60px !important;
}
.size-60-30 {
    width: 60px !important;
    height: 30px !important;
}
.size-60-45 {
    width: 60px !important;
    height: 45px !important;
}
.size-65 {
    width: 65px !important;
    height: 65px !important;
}
.size-70 {
    width: 70px !important;
    height: 70px !important;
}
.size-80 {
    width: 80px !important;
    height: 80px !important;
}
.size-80-70 {
    width: 80px !important;
    height: 70px !important;
}
.size-100 {
    width: 100px !important;
    height: 100px !important;
}
.size-100-80 {
    width: 100px !important;
    height: 80px !important;
}
.size-120 {
    width: 120px !important;
    height: 120px !important;
}
.size-120-100 {
    width: 120px !important;
    height: 100px !important;
}
.size-140-120 {
    width: 140px !important;
    height: 120px !important;
}
.size-150 {
    width: 150px !important;
    height: 150px !important;
}
.size-170 {
    width: 170px !important;
    height: 170px !important;
}
.size-200 {
    width: 200px !important;
    height: 200px !important;
}
.size-220-170 {
    width: 220px !important;
    height: 170px !important;
}
.rotate-90 {
    transform: rotate(90deg) !important;
}
.rotate-180 {
    transform: rotate(180deg) !important;
}
.rotate-270 {
    transform: rotate(270deg) !important;
}
.col-12-percent {
    width: 12%;
}
.col-20-percent {
    width: 20%;
}
.btn {
    transition: none;
}
.btn-ai {
    background-image: linear-gradient(to right, #fc00ff 0%, #00dbde 51%, #fc00ff 100%)
}
.btn-ai {
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 10px;
    display: block;
}
.btn-ai:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
}
.btn-white {
    --bs-btn-color: #000;
    --bs-btn-bg: white;
    --bs-btn-border-color: white;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--color-gray-200);
    --bs-btn-hover-border-color: var(--color-gray-200);;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f1f1f1;
    --bs-btn-active-border-color: #f1f1f1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ddd;
    --bs-btn-disabled-border-color: #ddd;
}
.btn-white-hover-pink {
    --bs-btn-color: #000;
    --bs-btn-bg: white;
    --bs-btn-border-color: white;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--color-pink-100);
    --bs-btn-hover-border-color: var(--color-pink-100);;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f1f1f1;
    --bs-btn-active-border-color: #f1f1f1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ddd;
    --bs-btn-disabled-border-color: #ddd;
}
.btn-transparent-white {
    --bs-btn-color: white;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f1f1f1;
    --bs-btn-active-border-color: #f1f1f1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ddd;
    --bs-btn-disabled-border-color: #ddd;
}
.btn-gray {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--color-gray-100);
    --bs-btn-border-color: var(--color-gray-100);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #eee;
    --bs-btn-hover-border-color: #eee;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #dedede;
    --bs-btn-active-border-color: #dedede;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f4f4f4;
    --bs-btn-disabled-border-color: #f4f4f4;
}
.btn-gray-100 {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--color-gray-100);
    --bs-btn-border-color: var(--color-gray-100);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--color-gray-200);
    --bs-btn-hover-border-color: var(--color-gray-200);
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ccddfd;
    --bs-btn-active-border-color: #ccddfd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f4f4f4;
    --bs-btn-disabled-border-color: #f4f4f4;
}
.btn-gray-200 {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--color-gray-200);
    --bs-btn-border-color: var(--color-gray-200);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--color-gray-300);
    --bs-btn-hover-border-color: var(--color-gray-300);
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ccddfd;
    --bs-btn-active-border-color: #ccddfd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f4f4f4;
    --bs-btn-disabled-border-color: #f4f4f4;
}
.btn-gray-pink {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--color-gray-100);
    --bs-btn-border-color: var(--color-gray-100);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-pink-400);
    --bs-btn-hover-border-color: var(--color-pink-400);
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #dedede;
    --bs-btn-active-border-color: #dedede;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f4f4f4;
    --bs-btn-disabled-border-color: #f4f4f4;
}
.btn-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-blue-500);
    --bs-btn-border-color: var(--color-blue-550);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-blue-550);
    --bs-btn-hover-border-color: var(--color-blue-550);
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-blue-600);
    --bs-btn-active-border-color: var(--color-blue-600);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-blue-600);
    --bs-btn-disabled-border-color: var(--color-blue-600);
}
.btn-blue-50 {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--color-blue-50);
    --bs-btn-border-color: var(--color-blue-50);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--color-pink-100);
    --bs-btn-hover-border-color: var(--color-pink-100);
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ccddfd;
    --bs-btn-active-border-color: #ccddfd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f4f4f4;
    --bs-btn-disabled-border-color: #f4f4f4;
}
.btn-red {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-red-600);
    --bs-btn-border-color: var(--color-red-600);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-red-700);
    --bs-btn-hover-border-color: var(--color-red-700);
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-red-700);
    --bs-btn-active-border-color: var(--color-red-700);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-red-700);
    --bs-btn-disabled-border-color: var(--color-red-700);
}
.btn-orange {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-orange-500);
    --bs-btn-border-color: var(--color-orange-500);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-orange-550);
    --bs-btn-hover-border-color: var(--color-orange-550);
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-orange-550);
    --bs-btn-active-border-color: var(--color-orange-550);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-orange-550);
    --bs-btn-disabled-border-color: var(--color-orange-550);
}
.btn-amber-300 {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-amber-300);
    --bs-btn-border-color: var(--color-amber-300);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-amber-400);
    --bs-btn-hover-border-color: var(--color-amber-400);
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-amber-400);
    --bs-btn-active-border-color: var(--color-amber-400);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-amber-400);
    --bs-btn-disabled-border-color: var(--color-amber-400);
}
.btn-pink {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-pink-400);
    --bs-btn-border-color: var(--color-pink-500);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-pink-450);
    --bs-btn-hover-border-color: var(--color-pink-550);
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-pink-500);
    --bs-btn-active-border-color: var(--color-pink-500);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-pink-500);
    --bs-btn-disabled-border-color: var(--color-pink-500);
}
.btn-pink-500 {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-pink-500);
    --bs-btn-border-color: var(--color-pink-500);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-pink-400);
    --bs-btn-hover-border-color: var(--color-pink-400);
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-pink-400);
    --bs-btn-active-border-color: var(--color-pink-400);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-pink-400);
    --bs-btn-disabled-border-color: var(--color-pink-400);
}
.btn-green {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-green-500);
    --bs-btn-border-color:var(--color-green-550);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-green-550);
    --bs-btn-hover-border-color: var(--color-green-550);
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-green-600);
    --bs-btn-active-border-color: var(--color-green-600);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-green-600);
    --bs-btn-disabled-border-color: var(--color-green-600);
}
.btn-outline-gray {
    --bs-btn-color: #000;
    --bs-btn-border-color: var(--color-gray-200);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--color-gray-100);
    --bs-btn-hover-border-color: var(--color-gray-200);
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none;
}
.btn-outline-gray-400 {
    --bs-btn-color: #000;
    --bs-btn-border-color: var(--color-gray-400);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--color-gray-100);
    --bs-btn-hover-border-color: var(--color-gray-500);
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none;
}
.btn-outline-white {
    --bs-btn-color: #000;
    --bs-btn-bg: white;
    --bs-btn-border-color: var(--bs-border-color);
    --bs-btn-hover-color: var(--color-pink-400) !important;
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: var(--color-pink-400) !important;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f1f1f1;
    --bs-btn-active-border-color: #f1f1f1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ddd;
    --bs-btn-disabled-border-color: #ddd;
}
.btn-outline-pink {
    --bs-btn-color: var(--color-pink-400);
    --bs-btn-bg: white;
    --bs-btn-border-color: var(--color-pink-400);
    --bs-btn-hover-color: var(--color-pink-400) !important;
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: var(--color-pink-400) !important;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f1f1f1;
    --bs-btn-active-border-color: #f1f1f1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ddd;
    --bs-btn-disabled-border-color: #ddd;
}
.btn-outline-blue {
    --bs-btn-color: var(--color-blue-600);
    --bs-btn-bg: white;
    --bs-btn-border-color: var(--color-blue-600);
    --bs-btn-hover-color: var(--color-pink-400) !important;
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: var(--color-pink-400) !important;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f1f1f1;
    --bs-btn-active-border-color: #f1f1f1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ddd;
    --bs-btn-disabled-border-color: #ddd;
}
.btn-outline-primary .form-check-input {
    color: #0d6efd;
}
.btn-outline-primary .form-check-input:checked[type=radio] {
    border-color: #fff;
}
.bg-momo {
    background-color: var(--color-pink-600) !important;
}
.bg-coral-100 {
    background-color: var(--color-coral-100) !important;
}
.bg-orange {
    background-color: var(--color-orange-500) !important;
}
.bg-orange-50 {
    background-color: var(--color-orange-50) !important;
}
.bg-orange-100 {
    background-color: var(--color-orange-100) !important;
}
.bg-amber {
    background-color: var(--color-amber-600) !important;
}
.bg-red {
    background-color: var(--color-red-600) !important;
}
.bg-gray {
    background-color: var(--color-gray-100) !important;
}
.bg-gray-50 {
    background-color: var(--color-gray-50) !important;
}
.bg-gray-60 {
    background-color: var(--color-gray-60) !important;
}
.bg-gray-70 {
    background-color: var(--color-gray-70);
}
.bg-gray-100 {
    background-color: var(--color-gray-100) !important;
}
.bg-gray-200 {
    background-color: var(--color-gray-200) !important;
}
.bg-green {
    background-color: var(--color-green-500) !important;
}
.bg-green-500 {
    background-color: var(--color-green-500) !important;
}
.bg-emerald-400 {
    background-color: var(--color-emerald-400) !important;
}
.bg-blue {
    background-color: var(--color-blue-600) !important;
}
.bg-blue-50 {
    background-color: var(--color-blue-50) !important;
}
.bg-blue-100 {
    background-color: var(--color-blue-100) !important;
}
.bg-blue-550 {
    background-color: var(--color-blue-550) !important;
}
.bg-blue-600 {
    background-color: var(--color-blue-600) !important;
}
.bg-blue-650 {
    background-color: var(--color-blue-650) !important;
}
.bg-blue-700 {
    background-color: var(--color-blue-700) !important;
}
.bg-purple-50 {
    background-color: var(--color-purple-50) !important;
}
.bg-pink {
    background-color: var(--color-pink-400) !important;
}
.bg-pink-50 {
    background-color: var(--color-pink-50) !important;
}
.bg-pink-100 {
    background-color: var(--color-pink-100) !important;
}
.bg-pink-300 {
    background-color: var(--color-pink-300) !important;
}
.bg-pink-400 {
    background-color: var(--color-pink-400) !important;
}
.bg-pink-500 {
    background-color: var(--color-pink-500) !important;
}
.bg-pink-700 {
    background-color: var(--color-pink-700) !important;
}
.bg-gradient-blue {
    background: #0A57CA;
    background: linear-gradient(180deg, rgba(10, 87, 202, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.bg-gradient-pink {
    background: var(--color-pink-100);
    background: linear-gradient(180deg, var(--color-pink-200) 0%, rgba(255, 255, 255, 1) 100%);
}
.bg-gradient-orange {
    background: var(--color-pink-100);
    background: linear-gradient(180deg, var(--color-orange-200) 0%, rgba(255, 255, 255, 1) 100%);
}
.bg-sweetmorning {
    background: #FF5F6D;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFC371, #FF5F6D);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFC371, #FF5F6D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.border-red {
    border-color: var(--color-red-500) !important;
}
.border-red-400 {
    border-color: var(--color-red-400) !important;
}
.border-blue {
    border-color: var(--color-blue-600) !important;
}
.border-blue-50 {
    border-color: var(--color-blue-50) !important;
}
.border-blue-100 {
    border-color: var(--color-blue-100) !important;
}
.border-blue-150 {
    border-color: var(--color-blue-150) !important;
}
.border-blue-200 {
    border-color: var(--color-blue-200) !important;
}
.border-blue-500 {
    border-color: var(--color-blue-500) !important;
}
.border-emerald {
    border-color: var(--color-emerald-500) !important;
}
.border-green {
    border-color: var(--color-green-500) !important;
}
.border-green-400 {
    border-color: var(--color-green-400) !important;
}
.border-green-500 {
    border-color: var(--color-green-500) !important;
}

.border-pink {
    border-color: var(--color-pink-400) !important;
}
.border-pink-100 {
    border-color: var(--color-pink-100) !important;
}
.border-pink-200 {
    border-color: var(--color-pink-200) !important;
}
.border-pink-300 {
    border-color: var(--color-pink-300) !important;
}
.border-pink-400 {
    border-color: var(--color-pink-400) !important;
}
.border-orange {
    border-color: var(--color-orange-500) !important;
}
.border-orange-100 {
    border-color: var(--color-orange-100) !important;
}
.border-orange-150 {
    border-color: var(--color-orange-150) !important;
}
.border-orange-200 {
    border-color: var(--color-orange-200) !important;
}
.border-coral-100 {
    border-color: var(--color-coral-100) !important;
}
.border-coral-150 {
    border-color: var(--color-coral-150) !important;
}
.border-gray {
    border-color: var(--color-gray-100) !important;
}
.border-gray-70 {
    border-color: var(--color-gray-70) !important;
}
.border-gray-100 {
    border-color: var(--color-gray-100) !important;
}
.border-gray-200 {
    border-color: var(--color-gray-200) !important;
}
.text-link {
    color: var(--color-blue-600) !important;
}
.text-link-body {
    color: var(--color-gray-900) !important;
}
.text-link-white {
    color: #fff !important;
}
.text-link-white-300 {
    color: #fff !important;
}
.text-link-white-300:hover {
    color: var(--color-pink-300) !important;
}
.text-blue {
    color: var(--color-blue-600) !important;
}
.text-blue-300 {
    color: var(--color-blue-300) !important;
}
.text-blue-500 {
    color: var(--color-blue-500) !important;
}
.text-blue-600 {
    color: var(--color-blue-600) !important;
}
.text-red {
    color: var(--color-red-500) !important;
}
.text-red-400 {
    color: var(--color-red-400) !important;
}
.text-red-600 {
    color: var(--color-red-600) !important;
}
.text-coral-400 {
    color: var(--color-coral-400) !important;
}
.text-coral-500 {
    color: var(--color-coral-500) !important;
}
.text-orange {
    color: var(--color-orange-500) !important;
}
.text-pink {
    color: var(--color-pink-500) !important;
}
.text-pink-200 {
    color: var(--color-pink-200) !important;
}
.text-pink-300 {
    color: var(--color-pink-300) !important;
}
.text-pink-400 {
    color: var(--color-pink-400) !important;
}
.text-pink-500 {
    color: var(--color-pink-500) !important;
}
.text-gray {
    color: var(--color-gray-500) !important;
}
.text-gray-100 {
    color: var(--color-gray-100) !important;
}
.text-gray-200 {
    color: var(--color-gray-200) !important;
}
.text-gray-300 {
    color: var(--color-gray-300) !important;
}
.text-gray-500 {
    color: var(--color-gray-500) !important;
}
.text-gray-600 {
    color: var(--color-gray-600) !important;
}
.text-gray-700 {
    color: var(--color-gray-700) !important;
}
.text-green {
    color: var(--color-green-500) !important;
}
.text-green-500 {
    color: var(--color-green-500) !important;
}
.text-green-600 {
    color: var(--color-green-600) !important;
}
.text-emerald {
    color: var(--color-emerald-500) !important;
}
.text-white-90 {
    color: rgba(255, 255, 255, .9) !important;
}
.dropdown-hover:hover > .dropdown-menu {
    display: block;
    /* position: absolute;
    top: 100%;
    left: 0; */
}
.dropdown-menu {
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-link-hover-bg: var(--bs-primary);
}
.dropdown-item {
    padding: 0.35rem 0.75rem;
    text-decoration: none !important;
}
/* .dropdown-item:hover {
    color: #000;
    background-color: var(--color-gray-100);
} */
.dropdown-item:hover .text-primary {
    color: #fff !important;
}
#filter__bar {
    min-height: 100px;
}
body.show-filter-bar #filter__bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    box-shadow: var(--bs-box-shadow-sm);
    min-height: 60px;
}
.post__thumb {
    width: 140px;
    height: 180px;
}
.post__thumb img {
    border-radius: 0.4rem;
}
.post__thumb__vip {
    height: 250px;
}

.post__thumb__vip img {
    border-radius: 0;
    float: left;
}

.post__thumb__vip .img__1 {
    width: 50%;
    height: 60%;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    border-top-left-radius: 0.4rem;
}

.post__thumb__vip .img__2 {
    width: 50%;
    height: 60%;
    border-bottom: 3px solid #fff;
    border-top-right-radius: 0.4rem;
}

.post__thumb__vip .img__3 {
    width: 33.3333%;
    height: 40%;
    border-right: 3px solid #fff;
    border-bottom-left-radius: 0.4rem;
}

.post__thumb__vip .img__4 {
    width: 33.3333%;
    height: 40%;
    border-right: 3px solid #fff;
}

.post__thumb__vip .img__5 {
    width: 33.3333%;
    height: 40%;
    border-bottom-right-radius: 0.4rem;
}
.post__thumb__card {
    width: 100%;
    height: 150px;
}
.post__thumb__aside {
    width: 100px;
    height: 80px;
}
.icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    flex-shrink: 0;
}
.icon.fill {
    fill: currentColor !important;
}
.icon.stroke-width-3 {
    stroke-width: 3 !important;
}

.icon.cat-1,
.icon.cat-5 {
    background: url(../images/apartment-489287.svg) center no-repeat;
    background-size: contain;
}
.icon.cat-2,
.icon.cat-79 {
    background: url(../images/cottage.png) center no-repeat;
    background-size: contain;
}
.icon.cat-3 {
    background: url(../images/residential_16989898.png) center no-repeat;
    background-size: contain;
}
.icon.cat-4,
.icon.cat-7 {
    background: url(../images/street-houses.png) center no-repeat;
    background-size: contain;
}
.icon.cat-23 {
    background: url(../images/plot.png) center no-repeat;
    background-size: contain;
}
.icon.cat-24 {
    background: url(../images/field-224020.svg) center no-repeat;
    background-size: contain;
}
.icon.cat-8,
.icon.cat-30 {
    background: url(../images/houses-30.png) center no-repeat;
    background-size: contain;
}
.icon.cat-38 {
    background: url(../images/shop-window-345124.svg) center no-repeat;
    background-size: contain;
}
.icon.cat-9 {
    background: url(../images/office-10881057.svg) center no-repeat;
    background-size: contain;
}
.icon.cat-11 {
    background: url(../images/warehouse-10762665.svg) center no-repeat;
    background-size: contain;
}
.icon.cat-31 {
    background: url(../images/hotel-building-490795.svg) center no-repeat;
    background-size: contain;
}
.icon.cat-40 {
    background: url(../images/shared-flat.png) center no-repeat;
    background-size: contain;
}
.vip__tag {
    padding: 5px 10px;
    position: absolute;
    top: 1rem;
    left: -8px;
    background: var(--color-red-600);
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    pointer-events: none;
    display: inline-flex;
    align-items: center;
    line-height: 1;
}
.vip__tag.small {
    padding: 3px 5px;
    font-size: 0.65rem;
    top: 0.5rem;
}
.vip__tag.large {
    padding: 7px 10px;
    font-size: 0.9rem;
}
.vip__tag:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    bottom: -8.5px;
    left: 0.1px;
    border-top: 9px solid #000;
    border-left: 9px solid transparent;
}
.pagination {
    padding: 0;
    margin: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pagination li,
.pagination .page-item {
    list-style-type: none;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

.pagination li.disabled {
    /* opacity: 0.5; */
    pointer-events: none;
}

.pagination li.page-current {
    font-weight: bold;
    background: none;
}

.pagination li>span,
.pagination li>a,
.pagination .page-item .page-link {
    display: inline-flex;
    min-width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    color: var(--color-gray-900);
    text-decoration: none;
    border-radius: 5px;
    font-size: 1rem;
    line-height: 1.25;
    background-color: #fff;
    box-shadow: none;
    border: 0;
    transition: none;
}

.pagination li.page-current span {
    background: none;
    color: var(--color-gray-900);
    box-shadow: none;
}

.pagination li>a:hover,
.pagination .page-item .page-link:hover {
    background-color: var(--color-pink-100);
}

.pagination li.active>span,
.pagination li.active>a,
.pagination .page-item.active .page-link {
    background-color: var(--color-pink-400);
    border-color: var(--color-pink-400) !important;
    color: #fff;
    font-weight: bold;
    pointer-events: none;
}
.list__type__disc {
    margin-left: 1rem;
}
.list__type__disc > li {
    list-style-type: disc;
}
.list__type__disc.pink>li::marker {
    color: var(--color-pink-300);
}
.breadcrumb {
    /* background: #fff; */
    /* margin-bottom: 0;
    padding: 1rem 1rem 0.5rem;
    font-size: 0.95rem; */
}
.breadcrumb .breadcrumb-item {
    display: flex;
}
.breadcrumb .breadcrumb-item.active {
    color: #000;
    font-weight: bold;
}
.breadcrumb .breadcrumb-item span {
    padding: 1px 0;
}
.shadow-sm-top {
    box-shadow: 0 -0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-sm-bottom {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-md {
    box-shadow: 0 0 8px 0 rgba(11, 17, 52, .15) !important;
}
.shadow-white {
    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0 0 0 5px rgba(255, 255, 255, 1);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 1);
}
.post__photos {
    width: 100%;
    height: 250px;
    position: relative;
    color: #fff;
    font-size: .9rem;
}
.carousel-indicators [data-bs-target] {
    opacity: 0.2;
}

.carousel-indicators .active {
    opacity: 1;
}

.carousel.photos .carousel-item {
    transition: transform 0.3s ease-in-out;
    height: 100%;
}

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

.carousel.photos .carousel-indicators [data-bs-target] {
    width: auto;
    height: auto;
    display: none;
    background-color: transparent;
    background: none;
    border: 0;
    text-indent: initial;
    color: #fff;
    margin: 0;
}

.carousel.photos .carousel-indicators .active {
    display: block;
}
.z-4 {
    z-index: 4 !important;
}
.z-1021 {
    z-index: 1021 !important;
}
.z-1029 {
    z-index: 1029 !important;
}
.d-flex {
    align-items: center;
}
.flex-basis-auto {
    flex-basis: auto !important;
}
.flex-1 {
    flex: 1 !important;
}
.text-decoration-underline {
    text-underline-position: under;
}
.btn,
[type="button"],
.no-underline {
    text-decoration: none !important;
}
.hover-underline:hover {
    text-decoration: underline;
}
.gx-4-5 {
    --bs-gutter-x: 2.25rem;
}
.cursor-text {
    cursor: text !important;
}
.cursor-pointer {
    cursor: pointer !important;
}
.article__thumb__top__xlg {
    width: 100%;
    height: 400px;
}
.article__thumb__top__lg {
    width: 100%;
    height: 270px;
}
.article__thumb__top__md {
    width: 100%;
    height: 190px;
}
.article__thumb__top__sm {
    width: 100px;
    height: 100px;
}
.box__readmore.has-readmore {
  position: relative;
}

.box__readmore.has-readmore .content__read {
  max-height: 280px;
  position: relative;
  overflow: hidden;
}

.box__readmore.districts.has-readmore .content__read {
  max-height: 110px;
}

.box__readmore .button__readmore {
  display: none;
}

.box__readmore.has-readmore .button__readmore {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 100px 0 1rem 0;
  background: #020024;
  background: linear-gradient(
    180deg,
    rgba(2, 0, 36, 0) 0,
    rgba(255, 255, 255, 1) 66%
  );
}

.box__readmore.districts.has-readmore .button__readmore {
  background: none;
  position: relative;
  padding: 0;
  text-align: left;
}
.content__text {
    word-wrap: break-word;
    font-size: 1rem;
    line-height: 1.75rem;
}
.content__text > :first-child {
    margin-top: 0;
}
.content__text table {
    font-size: 0.85em;
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-right: auto;
}
.content__text table th {
    font-weight: 500;
}
.content__text table th,
.content__text table td {
    border: 1px solid #ddd;
    padding: 7px 10px;
}
.content__text iframe {
    width: 100%;
    margin-bottom: 1.5rem;
}
.content__text p {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.75rem;
}
.content__text p:has(+ol),
.content__text p:has(+ul) {
    margin-bottom: 10px;
}
.content__text h1 {
    /* font-size: 1.4em;
    font-weight: 600;
    line-height: 1.1; */
    /* margin-bottom: .8333333em; */
}
.content__text h2 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 1.75rem;
    line-height: 1.75rem;
}
.content__text h3 {
    font-size: 1.05rem;
    font-weight: 600;
    margin-bottom: 12px;
    margin-top: 1.75rem;
    line-height: 1.5rem;
}
.content__text h3:has(+ol),
.content__text h3:has(+ul) {
    margin-bottom: 12px;
}
.content__text h4 {
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 0.8rem;
    margin-top: 1.5rem;
}

.content__text h5,
.content__text h6 {
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 0.8rem;
    margin-top: 1.4rem;
}
.content__text b,
.content__text strong {
    font-weight: 600;
}
.content__text blockquote {
    padding: 0.5rem 1rem;
    margin-top: 1.5rem;
    font-style: italic;
    background-color: var(--color-blue-50);
    border-left: 2px solid var(--color-blue-500);
}
.content__text blockquote>p {
    margin: 0;
}
.content__text a {
    text-decoration: underline;
}
.content__text a:hover {
    color: var(--color-pink-400);
}
.content__text figure {
    max-width: 600px !important;
    margin: 0 auto 1em;
    background-color: transparent;
}
.content__text figure figcaption {
    font-size: .875em;
    line-height: 1.4;
    color: var(--bs-secondary-color);
}
.content__text img {
    width: auto;
    margin-bottom: .5rem;
    line-height: 1;
    display: block;
    border-radius: 0.5em;
}
.content__text ul,
.content__text ol {
    margin-bottom: 16px;
    margin-top: 8px;
    padding-left: 1.6875rem;
}

.content__text ul>li,
.content__text ol>li {
    line-height: 1.75;
    list-style-type: disc;
    margin-bottom: 12px;
    margin-top: 8px;
    padding-left: 4px;
}
.content__text li>ul>li,
.content__text li>ol>li {
    list-style-type: circle;
}
.content__text ul>li::marker,
.content__text ol>li::marker {
    color: #777;
}
.content__text li>p,
.content__text li>p {
    margin: 8px 0;
}
.toc__list ul {
    padding-left: 1.1rem;
    margin-top: 0;
    margin-bottom: 0;
}
.toc__list>ul:first-of-type {
    padding-left: 0 !important;
}
.toc__list ul>li {
    list-style-type: none;
    margin-top: 0.7rem !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}
.toc__list ul>li::marker {
    color: #ccc;
}
.toc__list ul>li>a {
    text-decoration: none;
    color: #000;
    display: block;
    line-height: 1.5;
}
.toc__list ul>li>a:hover {
    color: var(--color-pink-500);
}
.bo-cong-thuong {
    width: 134px;
    height: 50px;
    display: inline-block;
    background: url(../images/bo-cong-thuong.png) center center / contain no-repeat;
}
body .v-select .dropdown-toggle {
    padding: .375rem 2.25rem .375rem .75rem;
    border-width: 1.5px;
    border-color: var(--bs-secondary-border-subtle) !important;
    border-radius: var(--bs-border-radius-lg) !important;
    height: 45px;
    position: relative;
}
body .v-select input[type=search],
body .v-select input[type=search]:focus {
    padding: 0;
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
}
body .v-select.selected .dropdown-toggle {
    border-color: var(--color-blue-500) !important;
}
body .v-select.error .dropdown-toggle {
    border-color: var(--color-red-400) !important;
}
body .v-select .vs__selected-options {
    padding: 0;
    align-items: center;
}
body .v-select input[type=search] {
    padding: 0;
    margin: 0;
}
body .v-select .vs__actions {
    position: absolute;
    top: 2px;
    right: 0;
    height: 37px;
    justify-content: center;
}
body .v-select.disabled .vs__actions {
    display: none;
}
body .v-select .open-indicator:before {
    border-color: rgb(52 58 65);
    border-width: 1px 1px 0px 0;
    height: 8px;
    width: 8px;
}
body .v-select .dropdown-toggle .clear {
    color: var(--color-red-500);
    font-size: 16px;
    font-weight: 400;
    margin-right: 10px;
}
body .v-select .dropdown-menu {
    max-height: 200px !important;
}
body .v-select .dropdown-menu li a {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
body .v-select .selected-tag {
    padding: 0;
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    color: var(--bs-body-color);
}
body .v-select.selected .selected-tag {
    color: var(--color-blue-500) !important;
}
body .v-select.single.open .selected-tag {
    position: relative;
}
body .v-select.disabled .dropdown-toggle,
body .v-select.disabled .dropdown-toggle .clear,
body .v-select.disabled .dropdown-toggle input,
body .v-select.disabled .open-indicator,
body .v-select.disabled .selected-tag .close {
    background-color: var(--bs-secondary-bg);
}
body.hide__bubble__button #bubble__button,
body.hide__header #header,
body.hide__footer #footer,
body.hide__bottom__bar #bottom__bar,
body.hide__filter__bar #filter__bar {
    display: none !important;
}
.btn__post__save .state-unsave {
    display: flex !important;
    align-items: center;
}
.btn__post__save.saved .state-unsave {
    display: none !important;
}
.btn__post__save .state-saved {
    display: none !important;
}
.btn__post__save.saved .state-saved {
    display: flex !important;
    align-items: center;
}
.Estate__Tabs .tab__button {
    color: #999;
}
.Estate__Tabs .tab__button.active {
    color: #000;
}
.custom__tabs {
    border-bottom: 2px solid var(--color-gray-200);
}
.custom__tabs .tab__button {
    border: 0;
    border-bottom: 2px solid var(--color-gray-200);
    color: #000;
    background-color: #fff;
    margin-bottom: -2px;
    opacity: 0.5;
}
.custom__tabs .tab__button.active {
    border-color: var(--color-blue-500);
    font-weight: 600;
    opacity: 1;
}
.project__featured__img {
    width: 100%;
    height: 150px;
}
.project__thumb {
    width: 100%;
    height: 180px;
}
.section__links {
    background-color: #F0F6FF;
    line-height: 2.5;
}
.section__links p {
    margin: 0;
}
.section__links a {
    color: var(--bs-secondary-color);
}
.section__links a:hover {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
    text-decoration: underline;
}
.profile__cover {
    width: 100%;
    height: 170px;
    background-color: #fff;
    background-size: cover;
    background-position: center;
}
.profile__cover__blur {
    background-color: #dacdc5;
    filter: blur(100px);
    width: 100%;
    height: 170px;
    background-size: cover;
    background-position: center;
}
.alert-success {
    --bs-alert-bg: var(--color-green-200);
    --bs-alert-border-color: var(--color-green-300);
}
.alert-danger {
    --bs-alert-bg: var(--color-red-100);
    --bs-alert-border-color: var(--color-red-200);
}
.text-bg-pink {
    background-color: var(--color-pink-200) !important;
    color: #0A3622 !important;
}
.text-bg-pink-300 {
    background-color: var(--color-pink-300) !important;
    color: #0A3622 !important;
}
.text-bg-success {
    background-color: var(--color-green-500) !important;
    color: #fff !important;
}
.bank__tabs .bank__item {
    background-color: transparent;
    color: #000;
}
.bank__tabs .bank__item.active {
    background-color: var(--color-blue-600);
    color: #fff;
}
.bank__tabs .bank__item .bank__logo__white {
    display: none;
}
.bank__tabs .bank__item.active .bank__logo__white {
    display: block;
}
.bank__tabs .bank__item.active .bank__logo__color {
    display: none;
}
.bank__tabs__content {
    background-color: var(--color-blue-600);
    color: #fff;
}
.btn-copy .text-copied {
    display: none;
}
.btn-copy.active .text-copied,
.btn-copy.copied .text-copied {
    display: block;
}
.btn-copy.active .text-copy,
.btn-copy.copied .text-copy {
    display: none;
}
.hide,
.hidden {
    display: none !important;
}
.nav__scrollspy .nav-link {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
}
.nav__scrollspy .nav-link.active {
    color: var(--color-pink-400);
    border-color: var(--color-pink-400) !important;
    font-weight: 500;
}
#dropzone {
    border-style: dashed;
}
.list-photos-upload .photo {
    width: 100%;
    height: 100px;
    background-color: #f5f5f5;
}
.list-photos-upload .photo.video {
    height: 250px;
}
.dz-remove {
    display: none;
}
.verify_step,
.forgot_password_step {
    display: none;
}
.verify_step.active,
.forgot_password_step.active {
    display: block;
}
.form-control.error {
    border-color: var(--color-red-400) !important;
}
.border-1-5 {
    border-width: 1.5px !important;
}
.border-7 {
    border-width: 7px !important;
}
.border-10 {
    border-width: 10px !important;
}
.overflow-x-auto::-webkit-scrollbar {
    display: none;
}
.scrollbar-none::-webkit-scrollbar {
    display: none;
}
.plan-step {
    display: none;
}

.plan-step.active {
    display: block;
}
.pricing-plan-item .plan__name {
    border: 1px solid var(--bs-dark-border-subtle);
}
.pricing-plan-item.selected .plan__name {
    font-weight: 700;
}
.pricing-plan-item .plan__name .svg-record-circle-fill,
.pricing-plan-item.selected .plan__name .svg-circle {
    display: none;
}
.pricing-plan-item.selected .plan__name .svg-record-circle-fill {
    display: block;
    color: var(--color-blue-500);
}
.form-check-input {
    border-color: var(--bs-dark-border);
}
.form-check-input:checked[type=radio] {
    border-color: var(--color-blue-500);
}
.pricing-banner {
    color: #fff;
    background: var(--color-blue-600) url(../images/pricing-bg-2.png) center no-repeat;
    background-size: cover;
    width: 100%;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
body.page__banggia main.container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin-top: 0 !important;
}
.text-break-spaces {
    white-space: break-spaces !important;
}
body.home.top-0 #header {
    box-shadow: none !important;
}
.opacity-05 {
    opacity: 0.05 !important;
}
.opacity-07 {
    opacity: 0.07 !important;
}
.opacity-10 {
    opacity: 0.1 !important;
}
body .swal2-icon{
	display: none !important;
}
body.home main .container {
    max-width: 100%;
}
.modal-backdrop {
    --bs-backdrop-opacity: 0.7;
}
/* ::placeholder {
    color: var(--color-gray-500) !important;
} */
.placeholder-unset::placeholder {
    font-size: inherit !important;
}
.placeholder-white::placeholder {
    color: #fff !important;
}
.placeholder-gray::placeholder,
body .v-select input::placeholder {
    color: var(--color-gray-500) !important;
}
.table__dacdiemnhadat td {
    border-top: 1px solid #eee;
}
.table__dacdiemnhadat tr:first-child td {
    border-top: 0;
}
.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    min-height: 55px !important;
}
.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after {
    background-color: transparent !important;
}
mark.highlight {
    padding: 0 !important;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-bg-type: rgba(0,0,0,0.03) !important;
}
.nav-tabs .nav-link {
    color: var(--color-gray-500) !important;
}
.nav-tabs .nav-link.active {
    color: #000 !important;
    border-color: #000 !important;
    font-weight: bold !important;
}
@media (min-width: 576px) {

    .post__thumb {
        height: 200px;
    }
    .post__thumb__vip {
        height: 250px;
    }

}

@media (min-width: 768px) {
    .col-md-20-percent {
        width: 20%;
    }
}

@media (min-width: 992px) {
    .col-lg-20-percent {
        width: 20%;
    }
}