/* ---------------------------------------------------------
        * Name: 
        * Version: 1.0.1
        * Author: Themesflat
        * Author URI: http://themesflat.com 

        * Abstracts variable

        * Reset css styles

        * Components

        * Widgets

            Header
            Footer
            Tabs
            Button
            Range-slider
            Form
            Slider
            Pop-up
            Dashboard
            Blog
            Testimonial
            Accordion
            Map
            Nice-select
            Animation
            Color-themes

        * section

        * Responsive
    ------------------------------------------------------------------------------ */

    /*--------- Abstracts variable ---------- */

    @import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Manrope:wght@200..800&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

    @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
    :root {
        --Black: #000000;
        --White: #ffffff;
        --Black: #000;
        --Text: #fff;
        --Text-2: #161e2d;
        --Heading: #000;
        --Note: #000;
        --Note-2: #8e8e93;
        --Primary:#ff4242;
        --Sub-primary-1: #fef7f1;
        --Sub-primary-3: rgba(241, 145, 61, 0.15);
        --Sub-primary-2: rgba(241, 145, 61, 0.1);
        --shadown: rgba(241, 145, 61, 0.12);
        --Secondary: #ebb703;
        --Color-1: #06a788;
        --Color-2: #f2695c;
        --Color-3: #c79e34;
        --Color-4: #7695ff;
        --Color-5: #1563df;
        --Color-6: #fdefe2;
        --Color-7: #25c55b;
        --Color-8: #ffa920;
        --Line: #ececec;
    }

    /*---------- Reset css styles ----------- */

    /* Reset Browsers
    -------------------------------------------------------------- */

    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font: inherit;
        vertical-align: baseline;
        font-family: "Inter", sans-serif;
        font-size: 100%;
        font-style: inherit;
        font-weight: inherit;
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
        display: block;
    }

    html {
            overflow-x: hidden;
        margin-right: 0 !important;
        font-size: 62.5%;
        scroll-behavior: smooth;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }

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

    body {
        background: var(--White);
        line-height: 1;
        padding: 0 !important;
        font-family: "Inter", sans-serif;

    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    main,
    nav,
    section {
        display: block;
    }

    ol,
    ul {
        list-style: none;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    caption,
    th,
    td {
        font-weight: normal;
        text-align: left;
    }

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: "";
    }

    blockquote,
    q {
        quotes: none;
    }

    a img {
        border: 0;
    }

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

    select {
        max-width: 100%;
    }

    /* General
    -------------------------------------------------------------- */

    body,
    button,
    input,
    select,
    textarea {
        /* font-family: "gilroy"; */
        font-family: "Inter", sans-serif;
        font-size: 14px;
        line-height: 19.6px;
        font-weight: 400;
        color: var(--Text);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
        overflow-x: hidden;
        overflow-y: auto;
    }

    img {
        height: auto;
        width: 100%;
        max-width: 100%;
        vertical-align: middle;
        -ms-interpolation-mode: bicubic;
    }

    p {
        font-weight: 100;
        font-size: 16px;
        line-height: 24px;
    }
     li,strong{line-height: 24px;}
    strong,
    b,
    cite {
        font-weight: bold;
    }

    dfn,
    cite,
    em,
    i,
    blockquote {
        font-style: italic;
    }

    abbr,
    acronym {
        border-bottom: 1px dotted #e0e0e0;
        cursor: help;
    }

    .btn-link:focus,
    .btn-link:hover,
    mark,
    ins {
        text-decoration: none;
    }

    sup,
    sub {
        font-size: 75%;
        height: 0;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    small {
        font-size: 75%;
    }

    big {
        font-size: 125%;
    }

    address {
        font-style: italic;
        margin: 0 0 20px;
    }

    code,
    kbd,
    tt,
    var,
    samp,
    pre {
        margin: 20px 0;
        padding: 4px 12px;
        background: #f5f5f5;
        border: 1px solid #e0e0e0;
        overflow-x: auto;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        hyphens: none;
        border-radius: 0;
        height: auto;
    }

    svg,
    svg path {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    /* Elements
    -------------------------------------------------------------- */

    html {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

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

    hr {
        margin-bottom: 20px;
        border: dashed 1px #ccc;
    }

    /* List */

    ul,
    ol {
        padding: 0;
    }

    ul {
        list-style: disc;
    }

    ol {
        list-style: decimal;
    }

    li>ul,
    li>ol {
        margin-bottom: 0;
    }

    li {
        list-style: none;
    }

    ul li,
    ol li {
        padding: 0;
        color: #333;
    }

    dl,
    dd {
        margin: 0 0 20px;
    }

    dt {
        font-weight: bold;
    }

    del,
    .disable {
        text-decoration: line-through;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    table {
        table-layout: auto;
        border-collapse: separate;
        border-spacing: 0;
        width: 100%;
    }

    caption,
    th,
    td {
        font-weight: normal;
        text-align: left;
    }

    th {
        border-width: 0 1px 1px 0;
        font-weight: bold;
    }

    td {
        border-width: 0 1px 1px 0;
    }

    th,
    td {
        padding: 8px 12px;
    }

    /* Media */

    embed,
    object,
    video {
        margin-bottom: 20px;
        max-width: 100%;
        vertical-align: middle;
    }

    p>embed,
    p>iframe,
    p>object,
    p>video {
        margin-bottom: 0;
    }

    /* Forms
    -------------------------------------------------------------- */

    /* Fixes */

    button,
    input {
        line-height: normal;
    }

    button,
    input,
    select,
    textarea {
        font-size: 100%;
        line-height: inherit;
        margin: 0;
        vertical-align: baseline;
    }

    textarea {
        overflow: auto;
        /* Removes default vertical scrollbar in IE6/7/8/9 */
        vertical-align: top;
        /* Improves readability and alignment in all browsers */
    }

    input[type=checkbox] {
        display: inline;
    }

    button,
    input[type=button],
    input[type=reset],
    input[type=submit] {
        line-height: 1;
        cursor: pointer;
        -webkit-appearance: button;
        border: 0;
    }

    input[type=checkbox],
    input[type=radio] {
        padding: 0;
        width: 20px;
        height: 20px;
        border-radius: 6px;
        background: rgba(0, 0, 0, 0);
        cursor: pointer;
        vertical-align: sub;
        /* Addresses excess padding in IE8/9 */
    }

    input[type=search] {
        -webkit-appearance: textfield;
        /* Addresses appearance set to searchfield in S5, Chrome */
    }

    input[type=search]::-webkit-search-decoration {
        /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
        -webkit-appearance: none;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    /* Remove chrome yellow autofill */

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset;
    }

    /* Reset search styling */

    input[type=search] {
        outline: 0;
    }

    input[type=search]::-webkit-search-decoration,
    input[type=search]::-webkit-search-cancel-button,
    input[type=search]::-webkit-search-results-button,
    input[type=search]::-webkit-search-results-decoration {
        display: none;
    }

    /* Placeholder color */

    ::-webkit-input-placeholder {
        color: #171412;
    }

    ::-moz-placeholder {
        color: #171412;
        opacity: 1;
    }

    /* Since FF19 lowers the opacity of the placeholder by default */

    :-ms-input-placeholder {
        color: #171412;
    }

    /* Typography
    -------------------------------------------------------------- */

    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
        font-family: "Inter", sans-serif;
        margin: 0;
        text-rendering: optimizeLegibility;
    }

    h1,
    .h1 {
        font-size: 23px;
        line-height: 20px;
    }

    h2,
    .h2 {
        font-size: 24px;
        line-height: 24px;
        color: var(--Heading);
            font-weight: bold;
            /*text-shadow: 0px 4px 3px rgba(0,0,0,0.1),
            0px 8px 3px rgba(0,0,0,0.1),
            0px 18px 10px rgba(0,0,0,0.1);*/ 
    }

    h3,
    .h3 {
        font-size: 20px;
        line-height: 25px;
            color: #000;
            font-weight: 500;
    }

    h4,
    .h4 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
    }

    h5,
    .h5 {
        font-size: 18px;
        line-height: 20px;
    }

    h6,
    .h6 {
        font-size: 17px;
        line-height: 18px;
    }
    p,
    .p {
        font-size: 16px;
        line-height: 18px;
        font-weight: 400;  
        color: #000;
    }

    .wrap-image  ul {
        margin: 30px 0;
    }
    .wrap-image  ul li {
        margin: 10px 0;
    }

    .section-box-team.section-help.viss .wrap-image h2.title,
    .section-box-team .tf-container .heading-section.mb-14 h2.title
    {
        color: var(--Primary);
        margin-bottom: 10px;
        text-shadow: none;
    }
     .heading-section h2 span {
        color: var(--Secondary);

        

    }
    .terms p
    { color:#000;}
    #wrapper-faq
    { color:#000;}
    .text-1 {
        color:#000;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;           
    }

    .text-2 {
        font-size: 12px;
        line-height: 16.8px;
    }

    .text-3 {
        font-size: 14px;
        line-height: 30px;
    }

    .text-4 {
        font-size: 14px;
        line-height: 19.6px;
    }

    .text-5 {
        font-size: 36px;
        line-height: 44px;
    }

    .text-6 {
        font-size: 36px;
        line-height: 33.6px;
    }

    .text-7 {
        font-size: 34px;
        line-height: 42.5px;
    }

    .text-8 {
        font-size: 26px;
        line-height: 32.5px;
    }

    .text-9 {
        font-size: 14px;
        line-height: 21px;
    }

    .text-10 {
        font-size: 20px;
        line-height: 24.2px;
    }

    .text-11 {
        font-size: 24px;
        line-height: 33.6px;
    }

    .text-12 {
        font-size: 14px;
        line-height: 22px;
    }

    .fw-3 {
        font-weight: 300;
    }

    .fw-4 {
        font-weight: 400;
    }

    .fw-5 {
        font-weight: 500;
    }

    .fw-6 {
        font-weight: 600 !important;
    }

    .fw-7 {
        font-weight: 700;
    }

    .lh-16 {
        line-height: 16px;
    }

    .lh-18 {
        line-height: 18px;
    }

    .lh-20 {
        line-height: 20px;
    }

    .lh-22 {
        line-height: 22px;
    }

    .lh-28 {
        line-height: 28px;
    }

    .lh-30 {
        line-height: 30px;
    }

    /* link style
    -------------------------------------------------------------- */

    a {
        text-decoration: none;
        color: var(--Heading);
        cursor: pointer;
        display: inline-block;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        font-weight: 400;

    }

    a:hover,
    a:focus {
        color: var(--Primary);
        outline: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    /* tf-container
    -------------------------------------------------------------- */

    .tf-container {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-right: 20px;
        padding-left: 20px;
        width: 1320px;
        max-width: 100%;
    }

    .tf-container .row {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }

    .tf-container .row>* {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .tf-container.xl {
        width: 1848px;
    }

    .tf-container.lg {
        width: 1800px;
    }

    .tf-container.md {
        width: 1760px;
    }

    .tf-container.full {
        width: 1920px;
        padding-right: 24px;
        padding-left: 24px;
    }

    .tf-container-xxl {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-right: 15px;
        padding-left: 15px;
        width: 1920px;
        max-width: 100%;
    }

    .tf-container-xxl .row {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    .tf-container-xxl .row>* {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .row {
        margin-right: -15px;
        margin-left: -15px;
    }

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

    /* Extra classes
    -------------------------------------------------------------- */

    .hidden {
        display: none;
    }

    .block {
        display: block;
    }

    .relative {
        position: relative;
    }

    .absolute {
        position: absolute;
    }

    .fixed {
        position: fixed !important;
    }

    .position-unset {
        position: unset !important;
    }

    .z-5 {
        z-index: 5;
    }

    .flex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .d-block {
        display: block;
    }

    .items-center {
        align-items: center;
    }

    .justify-between {
        justify-content: space-between;
    }

    .justify-center {
        justify-content: center !important;
    }

    .mx-auto {
        margin: 0 auto;
    }

    .mt-4 {
        margin-top: 4px !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pt-0 {
        padding-top: 0px !important;
    }

    .tf-gap-5 {
        gap: 5px;
    }

    .gap-6 {
        gap: 6px;
    }

    .gap-8 {
        gap: 8px;
    }

    .gap-10 {
        gap: 10px;
    }

    .gap-30 {
        gap: 30px !important;
    }

    .w-full {
        width: 100% !important;
    }
    /* h3.description-1{
        color: var(--Primary);
        margin: 12px 0;
    } */

    .text-color-primary {
        color: var(--Primary);
    }

    .text-color-heading {
        color: var(--Heading) !important;
    }

    .text-color-default {
        color: var(--Text) !important;
    }

    .bg-main {
        background-color: var(--Primary);
    }

    .bg-main-sub-2 {
        background-color: var(--Sub-primary-2);
    }

    .bg-1 {
        background-color: var(--Heading);
    }

    .bg-2 {
        background-color: var(--Color-2);
    }

    .bg-3 {
        background-color: rgba(0, 0, 0, 0.4);
    }

    .bg-4 {
        background-color: rgb(247, 247, 247);
    }

    .bg-dashboard {
        background-color: #f7f7f7;
    }

    .overflow-x-auto {
        overflow-x: auto;
    }

    .overflow-x-auto::-webkit-scrollbar {
        height: 3px;
    }

    .overflow-x-auto::-webkit-scrollbar-thumb {
        background: var(--Border);
        border-radius: 999px;
    }

    .font-manrope {
        /* font-family: "Manrope", sans-serif; */
        font-family: "Inter", sans-serif;
    }

    .font-poppins {
        /* font-family: "Poppins", sans-serif; */
        font-family: "Inter", sans-serif;
    }

    .font-mulish {
        /* font-family: "Mulish", sans-serif; */
        font-family: "Inter", sans-serif;
    }

    .line-clamp-1 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }

    .line-clamp-2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }

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

    .w-60 {
        width: 60px;
    }

    .sticky-sidebar {
        position: sticky;
        top: 104px;
    }

    .z-31 {
        z-index: 31;
    }

    /*------------ Components ---------------- */

    /*------------ header ---------------- */

    .tf-top-bar {
        border-bottom: 1px solid var(--Line);
    }

    .tf-top-bar .top-bar-inner {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        padding: 13px 0 12px;
    }

    .tf-top-bar .top-bar-info {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 30px;
    }

    .tf-top-bar .top-bar-info li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .tf-top-bar .top-bar-info li i {
        font-size: 16px;
    }

    .tf-top-bar .top-bar-info li a {
        color: var(--Text);
    }

    .tf-top-bar .top-bar-info li a:hover {
        color: var(--Primary);
    }

    .tf-top-bar .wrap-social {
        gap: 14px;
    }

    #header-main {
        padding-right: 0 !important;
    }

    #header-main.is-fixed {
        -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
        animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
        z-index: 999;
        opacity: 0;
        position: sticky;
        top: -150px;
        left: 0;
        width: 100%;
        padding: 0;
    }

    #header-main.is-fixed.is-small {
        top: 0px;
        opacity: 1;
        visibility: visible;
    }

    #header-main.is-fixed.is-small .main-menu .navigation>li>a {
        color: var(--Heading);
    }

    #header-main.is-fixed.is-small .header-right .phone-number p {
        color: var(--Heading);
    }

    #header-main.is-fixed.is-small .header-right .user {
        border-color: var(--Line);
    }

    #header-main.is-fixed.is-small .header-right .user>svg path {
        stroke: var(--Heading);
    }

    #header-main.is-fixed.is-small .header-inner {
        box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.0784313725);
        background-color: var(--White);
    }

    #header-main.is-fixed.is-small .header-logo .img-is-fixed {
        display: block;
    }

    #header-main.is-fixed.is-small .header-logo .img-default {
        display: none;
    }

    #header-main .img-is-fixed {
        display: none;
    }

    #header-main {
        box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.08);
        background-color:#003a48d9;
    }

    #header-main .header-inner-wrap {
        width:100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        z-index: 999;
    }

    .header-logo {
        justify-content: center;
        text-align: center;
    }
    #header-main .header-right {
        margin-right: 0px;
        justify-content: end;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        gap: 16px;
    }

    #header-main .header-right .phone-number {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    #header-main .header-right .phone-number p {
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        color: var(--Heading);
    }

    #header-main .header-right .user {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 44px;
        width: 44px;
        border: 1px solid var(--Line);
        border-radius: 12px;
        position: relative;
        cursor: pointer;
    }

    #header-main .header-right .user.active .menu-user {
        opacity: 1;
        visibility: visible;
    }

    #header-main .header-right .box-user {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 12px;
        align-items: center;
        cursor: pointer;
    }

    #header-main .header-right .box-user .name {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        font-size: 16px;
        line-height: 20px;
        align-items: center;
        gap: 6px;
        color: var(--Heading);
    }

    #header-main .header-right .box-user .name i {
        font-size: 20px;
    }

    #header-main .header-right .box-user.active .menu-user {
        opacity: 1;
        visibility: visible;
        display:block;
    }

    #header-main .mobile-button {
        display: none;
        font-size: 25px;
        color: var(--Primary);
    }


    #header-main .header-logo img {
        width: 76px;
        height: 100%;
        padding: 0px 0px 0px;
    }

    #header-main .tf-btn {
        height: 44px;
        border-radius: 12px;
        font-weight: 600;
    }

    #header-main .icons svg path {
        stroke: var(--Primary);
    }

    #header-main.style-2 .header-inner {
        position: relative;
        z-index: 999;
        margin-bottom: -78px;
    }

    #header-main.style-2 .header-logo {
        padding: 17px 0px 15px;
    }

    #header-main.style-2 .main-menu .navigation>li>a {
        color: var(--White);
    }

    #header-main.style-2 .main-menu li a:hover {
        color: var(--Primary);
    }

    #header-main.style-2 .header-right .phone-number p {
        color: var(--White);
    }

    #header-main.style-2 .header-right .user {
        background-color: rgba(255, 255, 255, 0.2);
        border-color: rgba(255, 255, 255, 0.1);
    }

    #header-main.style-2 .header-right .user>svg path {
        stroke: var(--White);
    }

    #header-main.style-3 .main-menu .navigation>li>a {
        color: var(--White);
    }

    #header-main.style-3 .main-menu li a:hover {
        color: var(--Primary);
    }

    #header-main.style-3 .header-right .phone-number p {
        color: var(--White);
    }

    #header-main.style-3 .header-right .user {
        border-color: rgba(255, 255, 255, 0.1);
    }

    #header-main.style-3 .header-right .user svg path {
        stroke: var(--Primary);
    }

    #header-main.style-4 {
        box-shadow: unset;
    }

    #header-main.style-4 .header-logo {
        padding: 16px 0px 15px;
    }

    #header-main.dashboard {
        position: fixed !important;
        border-bottom: 1px solid rgb(236, 236, 236);
        box-shadow: unset;
        z-index: 9999;
        left: 0;
        background-color: var(--White);
        right: 0;
        top: 0 !important;
        background-color: var(--White);
    }

    .menu-user {
        display:none;
        position: absolute;
        width: 280px;
        overflow: hidden;
        border-radius: 16px;
        background-color: #fff;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        top: calc(100% + 25px);
        right: 0;
        border: none;
        opacity: 0;
        visibility: hidden;
        padding: 8px;
    }

    .menu-user .dropdown-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 12px;
        font-size: 16px;
        line-height: 20px;
        padding: 12px 24px;
        width: 100%;
        position: relative;
        color: var(--Heading);
        border-radius: 10px;
    }

    .menu-user .dropdown-item:not(:last-child) {
        margin-bottom: 5px;
    }

    .menu-user .dropdown-item.current,
    .menu-user .dropdown-item:hover {
        background-color: var(--Primary);
        color: var(--White);
    }

    .menu-user .dropdown-item.current svg path,
    .menu-user .dropdown-item:hover svg path {
        stroke: var(--White);
    }

    .menu-user .dropdown-item.current .wrap-login a,
    .menu-user .dropdown-item:hover .wrap-login a {
        color: var(--White);
    }

    .menu-user .dropdown-item.current .wrap-login a:hover,
    .menu-user .dropdown-item:hover .wrap-login a:hover {
        color: var(--Heading);
    }

    .menu-user .dropdown-item .wrap-login {
        gap: 4px;
    }

    .menu-user .dropdown-item .wrap-login span {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .menu-user .dropdown-item .wrap-login a {
        color: var(--Heading);
    }

    /* main-nav
    ============================================================================*/

    .main-menu {
        position: relative;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin-right: 10px;
    }

    .main-menu .navigation {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 14px;
    }

    .main-menu .navigation>li.current-menu>a {
        color: var(--Primary) !important;
        font-weight: 700;
    }

    .main-menu .navigation>li>a {
        padding: 29px 0px;
    }

    .main-menu .navigation>li.has-child>a::after {
        right: 0;
    }

    .main-menu .navigation>li>.submenu {
        position: absolute;
        z-index: 999;
        z-index: 1;
        padding: 0px 0px 0px;
        top: calc(100% + 16px);
    }

    .main-menu .navigation>li>.submenu::before {
        content: "";
        position: absolute;
        bottom: calc(100% - 14px);
        left: 45px;
        border-top: 20px solid #fff;
        border-right: 20px solid transparent;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .main-menu .navigation>li>.submenu::after {
        content: "";
        position: absolute;
        background-color: transparent;
        left: 0;
        right: 0;
        height: 35px;
        top: -25px;
    }

    .main-menu .navigation>li>.submenu>li {
        position: relative;
    }

    .main-menu .navigation>li>.submenu>li:hover::after {
        position: absolute;
        content: "";
        height: 100%;
        width: 20%;
    }

    .main-menu .navigation>li>.submenu>li:hover a::after {
        transform: rotate(-90deg);
    }

    .main-menu .navigation>li>.submenu>li a {
        padding: 9px 0;
        width: 100%;
            text-align: center; 
    }

    .main-menu .navigation>li>.submenu>li>.submenu {
        position: absolute;
        left: calc(100% + 20px);
        top: -25px;
        opacity: 0;
        visibility: hidden;
    }

    .main-menu .navigation>li:hover>ul {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        visibility: visible;
    }

    .main-menu .navigation>li:hover>ul>li:hover>.submenu {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        visibility: visible;
    }

    .navigation {
        position: relative;
    }

    .navigation li.has-child>a {
        position: relative;
        padding-right: 20px;
    }

    .navigation li.has-child>a::after {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        right: 0;
        font-family: "icomoon";
        content: "\e901";
        font-size: 14px;
        cursor: pointer;
    }

    .navigation li a {
        font-weight: bold;
        display: inline-block;
        font-size: 16px;
        line-height: 20px;
        color: #fff;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        /*new*/
        font-size: 16px;
        padding: 8px;
        display: inline-block;
        white-space: nowrap;
        color: #ffffff !important;
        font-weight: 100;
        font-family: "Raleway", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }

    .navigation li:hover ul li {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transition-delay: 70ms;
        -moz-transition-delay: 70ms;
        -ms-transition-delay: 70ms;
        -o-transition-delay: 70ms;
        transition-delay: 70ms;
    }

    .navigation li:hover ul li:nth-child(2) {
        -webkit-transition-delay: 140ms;
        -moz-transition-delay: 140ms;
        -ms-transition-delay: 140ms;
        -o-transition-delay: 140ms;
        transition-delay: 140ms;
    }

    .navigation li:hover ul li:nth-child(3) {
        -webkit-transition-delay: 210ms;
        -moz-transition-delay: 210ms;
        -ms-transition-delay: 210ms;
        -o-transition-delay: 210ms;
        transition-delay: 210ms;
    }

    .navigation li:hover ul li:nth-child(4) {
        -webkit-transition-delay: 280ms;
        -moz-transition-delay: 280ms;
        -ms-transition-delay: 280ms;
        -o-transition-delay: 280ms;
        transition-delay: 280ms;
    }

    .navigation li:hover ul li:nth-child(5) {
        -webkit-transition-delay: 350ms;
        -moz-transition-delay: 350ms;
        -ms-transition-delay: 350ms;
        -o-transition-delay: 350ms;
        transition-delay: 350ms;
    }

    .navigation li:hover ul li:nth-child(6) {
        -webkit-transition-delay: 420ms;
        -moz-transition-delay: 420ms;
        -ms-transition-delay: 420ms;
        -o-transition-delay: 420ms;
        transition-delay: 420ms;
    }

    .navigation li:hover ul li:nth-child(7) {
        -webkit-transition-delay: 490ms;
        -moz-transition-delay: 490ms;
        -ms-transition-delay: 490ms;
        -o-transition-delay: 490ms;
        transition-delay: 490ms;
    }

    .navigation li:hover ul li:nth-child(8) {
        -webkit-transition-delay: 560ms;
        -moz-transition-delay: 560ms;
        -ms-transition-delay: 560ms;
        -o-transition-delay: 560ms;
        transition-delay: 560ms;
    }

    .navigation li:hover ul li:nth-child(9) {
        -webkit-transition-delay: 630ms;
        -moz-transition-delay: 630ms;
        -ms-transition-delay: 630ms;
        -o-transition-delay: 630ms;
        transition-delay: 630ms;
    }
    .offcanvas.show:not(.hiding), .offcanvas.showing
    {  background-color: #003a48d9;}

    .navigation .submenu li a{color:#000!important;}
    .navigation .submenu {
        position: absolute;
        z-index: 999;
        width: max-content;
        z-index: 1;
        width: 280px;
        padding: 25px 30px 30px 30px;
        border-radius: 16px;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        opacity: 0;
        visibility: hidden;
        transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        background-color: #fff;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    }

    .navigation .submenu>li>.submenu {
        position: absolute;
        left: 100%;
        top: 0px;
        opacity: 0;
        visibility: hidden;
    }

    .navigation .submenu li {
        opacity: 0;
        transform: translateY(11px);
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }

    .navigation .submenu li a,
    .navigation .submenu2 li a {
        display: inline-block;
        padding: 5px 0;
        width: 100%;
    }

    .navigation .submenu li.current-item>a,
    .navigation .submenu li:hover>a,
    .navigation .submenu2 li.current-item>a,
    .navigation .submenu2 li:hover>a {
        color: var(--Primary) !important;
    }

    .navigation .submenu li.current-item ul,
    .navigation .submenu li:hover ul,
    .navigation .submenu2 li.current-item ul,
    .navigation .submenu2 li:hover ul {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        visibility: visible;
    }

    .has-child.style-2>.submenu {
        right: 0;
        left: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        min-width: 800px;
    }

    .has-child.style-2>.submenu::before {
        left: 105px !important;
    }
    p
    {
        color:#000;
    }
    .owl-carousel .owl-item a
    {
        width:100%;
    }
    .has-child.style-2>.submenu>li>a {
        font-size: 20px;
        font-weight: 600;
        padding-left: 0 !important;
        color: var(--Heading) !important;
    }

    .has-child.style-2>.submenu>li>.submenu2>li {
        width: 100%;
    }

    .has-child.style-2>.submenu>li>.submenu2>li>a {
        color: #000;
    }

    .has-child.style-2>.submenu>li>.submenu2>li>a:hover {
        color: var(--Primary);
    }

    /* nenu-moblie
    ============================================================================*/

    .mobile-nav-wrap .top-nav-mobile {
        padding-bottom: 0px;
    }

    .mobile-nav-wrap .top-nav-mobile .icon-close {
        font-size: 18px;
    }

    .mobile-nav-wrap .offcanvas-title img {
        max-width: 136px;
        height: 42px;
    }

    .mobile-nav-wrap .inner-mobile-nav::-webkit-scrollbar {
        width: 0px;
    }

    .inner-mobile-nav {
        padding: 15px;
        position: relative;
    }

    .inner-mobile-nav .top-nav-mobile {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
    }

    .inner-mobile-nav .top-nav-mobile #mobile-logo_header {
        width: 150px;
    }

    .inner-mobile-nav .top-nav-mobile .mobile-nav-close {
        cursor: pointer;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .inner-mobile-nav .mb-body {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
        padding-bottom: 30px;
        gap: 30px;
    }

    .inner-mobile-nav .mb-body .support .text-need {
        font-weight: 500;
        border-bottom: 1px solid var(--Line);
        margin-bottom: 11px;
    }

    .inner-mobile-nav .mb-body .support .mb-info li {
        color: #fff;
        font-size: 14px;
        line-height: 24px;
    }

    .inner-mobile-nav .mb-body .support .mb-info li span {
        margin-left: 5px;
        font-weight: 600;
        color: var(--Heading);
    }

    .inner-mobile-nav .mb-body .support .mb-info li a {
        margin-left: 5px;
        font-weight: 400;
        color: #fff;
    }

    .inner-mobile-nav #menu-mobile-menu {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        border-top: 1px solid var(--Line);
        padding-top: 15px;
    }

    .inner-mobile-nav #menu-mobile-menu>li {
        position: relative;
        cursor: pointer;
        color: var(--Primary);
        border-bottom: 1px solid var(--Line);
    }

    .inner-mobile-nav #menu-mobile-menu li a {
        font-weight: 600;
        font-size: 16px;
        min-height: 40px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        color: var(--Heading);
        /*new*/
        font-size: 16px;
        padding: 8px;
        display: inline-block;
        white-space: nowrap;
        color: #ffffff !important;
        font-weight: 100;
        font-family: "Raleway", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }
.support a
{color:#fff;}
.support .mb-info li
{color:#fff;}
    .inner-mobile-nav #menu-mobile-menu li.menu-item-has-children-mobile>a::after {
        content: "\e901";
        position: absolute;
        font-family: "icomoon"; 
        font-weight: 300;
        position: absolute;
        font-size: 20px;
        right: 0;
        top: 8px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .inner-mobile-nav #menu-mobile-menu li.menu-item-has-children-mobile>a:not(.collapsed)::after {
        transform: rotate(-180deg);
    }

    .inner-mobile-nav #menu-mobile-menu li.menu-item-has-children-mobile ul>.menu-item-has-children-mobile-2 {
        position: relative;
    }

    .inner-mobile-nav #menu-mobile-menu li.menu-item-has-children-mobile ul>.menu-item-has-children-mobile-2>a::after {
        content: "\e901";
        position: absolute;
        font-family: "icomoon";
        font-weight: 300;
        position: absolute;
        font-size: 20px;
        right: 0;
        top: 8px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .inner-mobile-nav #menu-mobile-menu li.menu-item-has-children-mobile ul>.menu-item-has-children-mobile-2>a:hover:not(.collapsed)::after {
        transform: rotate(-180deg);
    }

    .inner-mobile-nav #menu-mobile-menu li .sub-mobile {
        margin-bottom: 26px;
        border-left: 1px solid var(--Line);
    }

    .inner-mobile-nav #menu-mobile-menu li .sub-mobile>li {
        padding-left: 15px;
    }

    .inner-mobile-nav .wrap-social p{color:#fff;}
    .inner-mobile-nav .wrap-social {
        gap: 5px;
    }

    .inner-mobile-nav .wrap-social .tf-social {
        gap: 10px;
    }

    #menu-mobile-menu li.current-menu-item>a,
    #menu-mobile-menu li a:hover,
    #menu-mobile-menu li.current-item a {
        color: var(--Primary);
        font-weight: 700;
    }

    /*------------ footer ---------------- */

    #footer {
        background-color:#003a48d9;
        padding-top: 0px;
    }

    #footer .footer-top {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 0px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
        flex-wrap: wrap;
        gap: 30px 20px;
    }

    #footer .footer-top .footer-contact {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 20px 48px;
        flex-wrap: wrap;
    }

    #footer .footer-top .contact-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 33px;
    }

    #footer .footer-top .contact-item svg path {
           stroke: #B6790D;
    }

    #footer .footer-top .contact-item .content {
        position: relative;
    }

    #footer .footer-top .contact-item .content .title {
        color: #fff;
        margin-bottom: 4px;
    }

    #footer .footer-top .contact-item .content h6 a {
        color: #fff;
    }

    #footer .footer-top .contact-item .content h6 a:hover {
        color: var(--Primary);
    }

    #footer .footer-top .contact-item .content::after {
        content: "";
        position: absolute;
        width: 1px;
        height: 51px;
        background-color: rgba(255, 255, 255, 0.07);
        top: 0;
        left: -18px;
    }

    #footer .footer-main {
        padding: 35px 0 0px;
    }

    #footer .footer-menu-list .title {
           margin-bottom: 24px;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #B6790D;
    border-radius: 0px 0px 0px 0px;
    color: #B6790D;
    font-family: "Polysans", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    width: 34%;
    }

    #footer .footer-menu-list ul li:not(:last-child) {
        margin-bottom: 10px;
    }

    #footer .footer-menu-list ul li a {
        font-size: 16px;
        line-height: 11.4px;
        color: #fff;
    }

    #footer .footer-menu-list ul li:hover a {
        color: var(--Primary);
    }

    #footer .footer-menu-list.style-2 ul li a {
        padding-left: 20px;
        position: relative;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 3;
    }

    #footer .footer-menu-list.style-2 ul li a::after {
        content: "\e908";
        position: absolute;
        font-family: "icomoon";
        font-size: 16px;
        color: var(--Primary);
        font-size: 12px;
        margin-right: 11px;
        left: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 1;
    }

    #footer .footer-menu-list.style-2 ul li:hover a {
        padding-left: 0;
    }

    #footer .footer-menu-list.style-2 ul li:hover a::after {
        opacity: 0;
    }

    #footer .footer-bottom {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 0 0px;
        border-top: 1px solid rgba(255, 255, 255, 0.07);
        gap: 10px 20px;
        flex-wrap: wrap;
    }

    #footer .footer-bottom p a {
        color: var(--Text);
    }

    #footer .footer-bottom p a:hover {
        color: var(--Primary);
    }

    #footer .wrap-social {
        gap: 16px;
    }

    #footer .footer-logo img {
        width: 136px;
        height: 100%;
    }

    .footer-col-block .title-mobile {
        display: none;
        position: relative;
    }

    .footer-col-block .title-mobile::after {
        position: absolute;
        content: "";
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 12px;
        height: 1px;
        background-color: var(--White);
        transition: 0.25s ease-in-out;
    }

    .footer-col-block .title-mobile::before {
        position: absolute;
        content: "";
        right: 15px;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 1px;
        height: 12px;
        background-color: var(--White);
        transition: 0.25s ease-in-out;
    }

    .footer-col-block.open .title-mobile::before {
        opacity: 0;
    }

    .footer-col-block.open .title-mobile::after {
        transform: translate(0%, -50%) rotate(-180deg);
    }

    /*------------ tabs ---------------- */

    .flat-animate-tab {
        overflow: hidden;
    }

    .flat-animate-tab .tab-content {
        position: relative;
    }

    .flat-animate-tab .tab-pane {
        display: block;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
        transition-timing-function: ease-in;
        transition-duration: 0.2s;
    }

    .flat-animate-tab .tab-pane.active {
        pointer-events: auto;
        opacity: 1;
        visibility: visible;
        position: relative;
        z-index: 2;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        transition-timing-function: ease-out;
        transition-duration: 0.3s;
        transition-delay: 0.3s;
    }

    .widget-tabs .widget-menu-tab {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
    }

    .widget-tabs .item-title {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    .widget-tabs.style-1 .widget-menu-tab {
        margin-bottom: 29px;
        gap: 10px;
    }

    .widget-tabs.style-1 .widget-menu-tab .item-title {
        cursor: pointer;
        font-size: 16px;
        line-height: 20px;
        width: 122px;
        height: 50px;
        font-weight: 600;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--White);
        border-radius: 16px;
        color: var(--Heading);
    }

    .widget-tabs.style-1 .widget-menu-tab .item-title.active,
    .widget-tabs.style-1 .widget-menu-tab .item-title:hover {
        color: var(--White);
        background-color: var(--Primary);
        position: relative;
    }

    .widget-tabs.style-1 .widget-menu-tab .item-title.active::after,
    .widget-tabs.style-1 .widget-menu-tab .item-title:hover::after {
        content: "";
        bottom: -5px;
        position: absolute;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid var(--Primary);
        transform: rotate(180deg);
    }

    .widget-tabs.style-1.color-2 .item-title.active {
        background-color: var(--Color-2);
    }

    .widget-tabs.style-1.color-2 .item-title.active::after {
        border-bottom: 5px solid var(--Color-2);
    }

    .widget-tabs.style-1.color-3 .item-title.active {
        background-color: var(--Color-3);
    }

    .widget-tabs.style-1.color-3 .item-title.active::after {
        border-bottom: 5px solid var(--Color-3);
    }

    .widget-tabs.style-2 .widget-menu-tab {
        gap: 12px;
        padding-top: 50px;
        margin-top: -40px;
    }

    .widget-tabs.style-2 .item-title {
        padding: 8px 20px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        border: 1px solid var(--Line);
        font-size: 16px;
        line-height: 22.4px;
    }

    .widget-tabs.style-2 .item-title:hover,
    .widget-tabs.style-2 .item-title.active {
        background-color: var(--Primary);
        color: var(--White);
        font-weight: 700;
    }

    .widget-tabs.style-2.style-border-primary .item-title {
        border-color: var(--Primary);
        color: var(--Primary);
    }

    .widget-tabs.style-2.style-border-primary .item-title:hover,
    .widget-tabs.style-2.style-border-primary .item-title.active {
        color: var(--White);
    }

    /*------------ button ---------------- */

    .tf-btn {
        font-size: 16px;
        line-height: 22.4px;
        height: 50px;
        background-color: var(--White);
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border-radius: 16px;
        width: max-content;
        gap: 10px;
        white-space: nowrap;
    }

    .tf-btn.pd-1 {
        padding: 0 23.5px;
    }

    .tf-btn.pd-2 {
        padding: 0 26.5px;
    }

    .tf-btn.pd-3 {
        padding: 0 40px;
    }

    .tf-btn.pd-4 {
        padding: 0 28px;
    }

    .tf-btn.pd-5 {
        padding: 0 41.5px;
    }

    .tf-btn.pd-6 {
        padding: 0 28.5px;
    }

    .tf-btn.pd-7 {
        padding: 0 44.5px;
    }

    .tf-btn.pd-8 {
        padding: 0 24px;
    }

    .tf-btn.pd-9 {
        padding: 0 20.5px;
    }

    .tf-btn.pd-10 {
        padding: 0 20px;
    }

    .tf-btn.pd-11 {
        padding: 0 26px;
    }

    .tf-btn.pd-12 {
        padding: 0 52px;
        margin-top:50px;
    }

    .tf-btn.pd-13 {
        padding: 0 31.5px;
    }

    .tf-btn.pd-14 {
        padding: 0 57px;
    }

    .tf-btn.pd-15 {
        padding: 0 27px;
    }

    .tf-btn.pd-16 {
        padding: 0 70px;
    }

    .tf-btn.pd-17 {
        padding: 0 56px;
    }

    .tf-btn.pd-18 {
        padding: 0 64px;
    }

    .tf-btn.pd-19 {
        padding: 0 48px;
    }

    .tf-btn.pd-20 {
        padding: 0 33.5px;
    }

    .tf-btn.pd-21 {
        padding: 0 32.5px;
    }

    .tf-btn.pd-22 {
        padding: 0 19.5px;
    }

    .tf-btn.pd-23 {
        padding: 0 23px;
    }

    .tf-btn.pd-24 {
        padding: 0 18.5px;
    }

    .tf-btn.pd-25 {
        padding: 0 29.5px;
    }

    .tf-btn.bg-color-primary {
        background-color: var(--Primary);
    }

    .tf-btn.bg-color-white {
        background-color: var(--White);
        color: var(--Primary);
    }

    .tf-btn.style-border {
            border: 1px solid #d7aa22;
    color: #fff;
    background-color: #d7aa22;
    background-image: url(../images/bg.webp)
    }

    .tf-btn.style-border:hover {
        background-color: var(--Primary);
        color: var(--White);
    }

    .tf-btn.style-border:hover svg path {
        stroke: var(--White);
    }

    .tf-btn.style-border.color-white {
        color: var(--White);
        border-color: var(--White);
    }

    .tf-btn.style-border.color-white:hover {
        border-color: var(--Primary);
        background-color: var(--Primary);
        color: var(--White);
    }

    .tf-btn.style-border.color-white:hover svg path {
        stroke: var(--White);
    }

    .tf-btn.style-2 {
        background-color: var(--White);
        color: var(--Primary);
    }

    .tf-btn:hover {
        background-color: var(--Secondary);
        color: var(--White);
    }

    .tf-btn:hover svg path {
        stroke: var(--Primary);
    }

    .tf-btn-link {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        font-size: 16px;
        font-weight: 600;
        color: var(--Primary);
        gap: 8px;
        width: max-content;
    }

    .tf-btn-link span {
        position: relative;
    }

    .tf-btn-link span::after {
        position: absolute;
        content: "";
        width: 0;
        left: 0;
        bottom: -1px;
        background: var(--Primary);
        height: 2px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .tf-btn-link svg path {
        stroke: var(--Primary);
    }

    .tf-btn-link svg {
        transition-delay: 0.2s;
    }

    .tf-btn-link:hover span::after {
        width: 100%;
    }

    .tf-btn-link:hover svg {
        transform: translateX(4px);
    }

    .tf-btn-link.style-hover-rotate:hover svg {
        transform: rotate(-90deg);
    }

    /*------------ range slider ---------------- */

    .noUi-target,
    .noUi-target * {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -ms-touch-action: none;
        touch-action: none;
        -ms-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
    }

    .noUi-target {
        position: relative;
        direction: ltr;
    }

    .noUi-base {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 1;
        background: var(--Line);
    }

    .noUi-origin {
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
    }

    .noUi-handle {
        position: relative;
        z-index: 1;
    }

    .noUi-stacking .noUi-handle {
        z-index: 10;
    }

    .noUi-state-tap .noUi-origin {
        -webkit-transition: left 0.3s, top 0.3s;
        transition: left 0.3s, top 0.3s;
    }

    .noUi-state-drag * {
        cursor: inherit !important;
    }

    .noUi-base,
    .noUi-handle {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .noUi-horizontal {
        height: 4px;
    }

    .noUi-horizontal .noUi-handle {
        position: relative;
        width: 22px !important;
        height: 22px;
        border-radius: 50%;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
        background-color: var(--Primary);
        border: 2px solid var(--White);
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
        cursor: pointer;
    }

    .caption {
        margin-bottom: 10px;
    }

    /* Styling; */

    .noUi-background {
        background: var(--Line);
    }

    .noUi-connect {
        background: var(--Primary);
        -webkit-transition: background 450ms;
        transition: background 450ms;
    }

    .noUi-origin {
        border-radius: 0px;
    }

    .noUi-target {
        width: 100%;
        padding-right: 10px;
    }

    /* Handles and cursors;
    */

    .noUi-draggable {
        cursor: w-resize;
    }

    .noUi-vertical .noUi-draggable {
        cursor: n-resize;
    }

    .noUi-handle {
        cursor: default;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

    /* Disabled state; */

    [disabled].noUi-connect,
    [disabled] .noUi-connect {
        background: #b8b8b8;
    }

    [disabled].noUi-origin,
    [disabled] .noUi-handle {
        cursor: not-allowed;
    }

    .slider-labels .caption {
        font-weight: 500;
        font-size: 16px;
    }

    .widget-price .box-title-price {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 4px;
    }

    .widget-price .box-title-price span {
        font-size: 14px;
        line-height: 19.6px;
        color: var(--Heading);
    }

    .widget-price .caption-price .value {
        color: var(--Primary);
    }

    .widget-price.style-2 .box-title-price {
        color: rgb(92, 94, 97);
    }

    .widget-price.style-2 .box-title-price span {
        font-size: 14px;
        line-height: 22px;
        color: rgb(92, 94, 97);
    }

    /*------------ form ---------------- */

    form {
        position: relative;
        z-index: 30;
    }

    form .input.input-nl,
    form textarea,
    form input[type=text],
    form input[type=password],
    form input[type=datetime],
    form input[type=datetime-local],
    form input[type=date],
    form input[type=month],
    form input[type=time],
    form input[type=week],
    form input[type=number],
    form input[type=email],
    form input[type=url],
    form input[type=search],
    form input[type=tel],
    form input[type=color] {
        outline: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: 100%;
        padding: 13px 15px;
        font-size: 16px;
        font-weight: 400;
        line-height: 22.4px;
        background-color: var(--White);
        border: 1px solid var(--Line);
        border-radius: 16px;
        color: #000; 
        overflow: hidden;
        height: 54px;
        margin-bottom: 0;
    }

    form .input.input-nl::placeholder,
    form textarea::placeholder,
    form input[type=text]::placeholder,
    form input[type=password]::placeholder,
    form input[type=datetime]::placeholder,
    form input[type=datetime-local]::placeholder,
    form input[type=date]::placeholder,
    form input[type=month]::placeholder,
    form input[type=time]::placeholder,
    form input[type=week]::placeholder,
    form input[type=number]::placeholder,
    form input[type=email]::placeholder,
    form input[type=url]::placeholder,
    form input[type=search]::placeholder,
    form input[type=tel]::placeholder,
    form input[type=color]::placeholder {
        font-size: 16px;
        font-weight: 400;
        line-height: 22.4px;
        color: var(--Text);
    }

    form .input.input-nl.style-default,
    form textarea.style-default,
    form input[type=text].style-default,
    form input[type=password].style-default,
    form input[type=datetime].style-default,
    form input[type=datetime-local].style-default,
    form input[type=date].style-default,
    form input[type=month].style-default,
    form input[type=time].style-default,
    form input[type=week].style-default,
    form input[type=number].style-default,
    form input[type=email].style-default,
    form input[type=url].style-default,
    form input[type=search].style-default,
    form input[type=tel].style-default,
    form input[type=color].style-default {
        padding: 0;
        border: 0 !important;
        border-radius: 0;
        background-color: transparent;
    }

    form .input.input-nl.style-1,
    form textarea.style-1,
    form input[type=text].style-1,
    form input[type=password].style-1,
    form input[type=datetime].style-1,
    form input[type=datetime-local].style-1,
    form input[type=date].style-1,
    form input[type=month].style-1,
    form input[type=time].style-1,
    form input[type=week].style-1,
    form input[type=number].style-1,
    form input[type=email].style-1,
    form input[type=url].style-1,
    form input[type=search].style-1,
    form input[type=tel].style-1,
    form input[type=color].style-1 {
        font-size: 15px;
        border-radius: 0;
        padding: 18px 0 3px;
        border: 0;
        border-bottom: 2px solid var(--Border);
        color: var(--Soft-Text);
    }

    form button,
    form input[type=button],
    form input[type=reset],
    form input[type=submit] {
        background-color: transparent;
        overflow: hidden;
        padding: 0;
    }

    form textarea {
        font-size: 16px;
        line-height: 22.4px;
        height: 148px;
    }

    form .cols {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px 24px;
        width: 100%;
        margin-bottom: 18px;
    }

    form .cols fieldset {
        width: 100%;
    }

    form label {
        font-size: 16px;
        line-height: 22.5px;
        font-weight: 600;
        color: var(--Heading);
        margin-bottom: 12px;
    }

    .form-search {
        position: relative;
    }

    .form-search fieldset input {
        padding-left: 46px;
    }

    .form-search .button-submit {
        position: absolute;
        top: 54%;
        transform: translateY(-50%);
        left: 18px;
    }

    .form-search .button-submit i {
        font-size: 18px;
        color: var(--Note);
        font-weight: 700;
    }

    .box-send .heading-box {
        margin-bottom: 24px;
    }

    .box-send .heading-box .title {
        margin-bottom: 11px;
    }

    .box-send label {
        color: var(--Heading);
        margin-bottom: 12px;
    }

    .box-send .message {
        margin-bottom: 18px;
    }

    .box-send .checkbox-item {
        margin-bottom: 20px;
    }

    .box-send .checkbox-item label {
        padding-left: 29px;
        color: var(--Text);
        margin-bottom: 0;
    }

    .form-pre-approved .cols {
        margin-bottom: 30px;
    }

    .form-pre-approved .cols .wrap-input {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100%;
    }

    .form-pre-approved .cols .percent {
        width: 64px;
        flex: none;
        margin-top: 31px;
    }

    .form-pre-approved .cols .input-percent {
        padding: 16px 14px;
    }

    .form-pre-approved .cols .select {
        width: 50%;
    }

    .form-pre-approved .cols .interest-rate {
        width: 50%;
    }

    .form-pre-approved>p {
        margin-bottom: 33px;
        color: #000;
    }

    .form-pre-approved>p span {
        color: var(--Primary);
        font-weight: 700;
    }

    .form-pre-approved .wrap-btn {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 10px 24px;
        flex-wrap: wrap;
    }

    .form-pre-approved .nice-select {
        color: var(--Heading);
    }

    .form-pre-approved .nice-select::after {
        width: 20px;
        height: 20px;
        background-image: url(../icons/arrow-down-2.svg);
        right: 15px;
    }

    .form-pre-approved fieldset input::placeholder {
        color: var(--Heading);
    }

    .form-contact {
        padding: 39px;
        border: 1px solid var(--Line);
        border-radius: 16px;
        box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.07);
        background-color: var(--White);
    }

    .form-contact .heading-section {
        margin-bottom: 48px;
    }

    .form-contact .cols {
        margin-bottom: 8px;
        gap: 33px;
    }

    .form-contact fieldset input::placeholder {
        color: var(--Note);
    }

    .form-contact textarea {
        border-radius: 16px;
        margin-bottom: 32px;
    }

    .form-contact .phone {
        width: 50%;
    }

    .form-contact .select {
        width: 50%;
    }

    .form-contact .nice-select {
        color: var(--Heading);
    }

    .form-contact-agent {
        padding: 28px 30px 29px;
        border-radius: 16px;
        box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);
    }

    .form-contact-agent .wrap-btn {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 24px;
    }

    .form-contact-agent fieldset {
        margin-bottom: 12px;
    }

    .form-contact-agent fieldset input,
    .form-contact-agent fieldset textarea,
    .form-contact-agent fieldset input::placeholder,
    .form-contact-agent fieldset textarea::placeholder {
        font-size: 14px;
        line-height: 22px;
    }

    .form-contact-agent textarea {
        height: 130px;
        margin-bottom: 18px;
    }

    .form-contact-agent.style-2 {
        box-shadow: unset;
        border: 1px solid var(--Line);
    }

    .form-contact-seller {
        padding: 30px;
        border-radius: 16px;
        border: 1px solid var(--Line);
    }

    .form-contact-seller .seller-info {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 19px;
        margin-bottom: 28px;
    }

    .form-contact-seller .seller-info .avartar {
        border-radius: 999px;
        width: 100px;
        height: 100px;
        overflow: hidden;
        flex: none;
    }

    .form-contact-seller .seller-info .name {
        margin-bottom: 12px;
    }

    .form-contact-seller .seller-info .contact li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 4px;
        color: var(--Text);
    }

    .form-contact-seller .seller-info .contact li:not(:last-child) {
        margin-bottom: 6px;
    }

    .form-contact-seller .seller-info .contact li i {
        font-size: 16px;
    }

    .form-contact-seller .seller-info .contact li span {
        line-height: 19.6px;
        color: var(--Primary);
    }

    .form-contact-seller .seller-info .contact li a {
        color: var(--Text);
    }

    .form-contact-seller .seller-info .contact li a:hover {
        color: var(--Primary);
    }

    .form-contact-seller fieldset input,
    .form-contact-seller fieldset textarea,
    .form-contact-seller fieldset textarea::placeholder,
    .form-contact-seller fieldset input::placeholder {
        font-size: 14px;
        line-height: 22px;
    }

    .form-contact-seller textarea {
        height: 130px;
    }

    .form-add-review .checkbox-item label {
        font-size: 14px;
        line-height: 19.6px;
        font-weight: 400;
    }

    .form-advanced-search {
        padding: 30px;
        border-radius: 16px;
        border: 1px solid rgb(236, 236, 236);
        background-color: var(--White);
    }

    .form-advanced-search fieldset {
        position: relative;
    }

    .form-advanced-search fieldset input,
    .form-advanced-search fieldset input::placeholder {
        font-size: 14px;
        line-height: 22px;
    }

    .form-advanced-search fieldset .icon {
        position: absolute;
        font-size: 16px;
        right: 16px;
        top: 57%;
        transform: translateY(-50%);
    }

    .form-advanced-search .nice-select {
        font-size: 14px;
        line-height: 22px;
    }

    .sib-form {
        padding: 0;
        /* font-family: "Lexend", sans-serif; */
        font-family: "Inter", sans-serif;
    }

    .sib-form #sib-container,
    .sib-form .sib-form-block {
        background-color: transparent;
        padding: 0;
    }

    .sib-form fieldset .input.input-nl {
        padding: 0 18px;
        max-width: 100%;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 10px;
        background-color: #fc3741;
    }

    .sib-form .clickable__icon {
        height: 1.5rem;
        vertical-align: bottom;
        width: 1.5rem;
    }

    .sib-form .sib-text-form-block {
        margin-bottom: 16px;
    }

    .sib-form .entry__error {
        font-size: 12px;
        line-height: 16.8px;
    }

    .sib-form .form__label-row {
        margin-top: 10px;
    }

    .sib-form .tf-btn {
        height: 54px;
        border-radius: 10px;
        margin-bottom: 16px;
        border: 1px solid var(--Primary);
    }

    .sib-form .tf-btn:hover {
        border: 1px solid var(--Primary);
    }

    .sib-form .checkbox-item label .btn-checkbox::after {
        top: -2px;
    }

    .sib-form .checkbox-item span {
        color: var(--Text);
    }

    /*------------ slider ---------------- */

    .style-pagination {
        position: relative;
    }

    .style-pagination .swiper-pagination {
        position: unset;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 20px;
    }

    .style-pagination .swiper-pagination.pagination-layout {
        display: none;
    }

    .style-pagination .swiper-pagination.pagination-testimonial-1 {
        display: none;
    }

    .style-pagination .swiper-pagination-bullet {
        position: relative;
        background: rgb(228, 228, 228);
        opacity: 1;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .style-pagination .swiper-pagination-bullet::after {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        border-radius: 999px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .style-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: var(--Primary);
    }

    .style-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        border-radius: 999px;
        border: 1px solid var(--Primary);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .sw-wrap-btn {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 24px;
    }

    .sw-wrap-btn .sw-pagination {
        width: max-content;
    }

    .sw-button {
        position: unset;
        border-radius: 999px;
        color: var(--White);
        background-color: var(--White);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        height: 58px;
        width: 58px;
        border: 1px solid var(--Line);
        margin-top: unset;
        top: 50%;
    }

    .sw-button:hover {
        background-color: var(--Primary);
    }

    .sw-button:hover svg path {
        stroke: var(--White);
    }

    .sw-button.style-2 {
        position: absolute;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 67px;
        width: 67px;
        border: none;
        background: rgba(0, 0, 0, 0.5);
        font-size: 24px;
        transform: translateY(-50%);
    }

    .sw-button.style-2.swiper-button-prev {
        left: 16px;
    }

    .sw-button.style-2.swiper-button-next {
        right: 16px;
    }

    .swiper-button-prev::after {
        display: none;
    }

    .swiper-button-next::after {
        display: none;
    }

    .thumbs-sw-pagi .swiper-slide {
        width: auto;
    }

    .thumbs-sw-pagi .img-thumb-pagi {
        border-radius: 12px;
        overflow: hidden;
        cursor: pointer;
    }

    .thumbs-sw-pagi.style-2 {
        max-width: 963px;
        margin: -64px auto 0;
    }

    .sw-thumbs-sigle .image-wrap img,
    .sw-single .image-wrap img {
        width: 100%;
    }

    /*------------ off canvas ---------------- */

    /*form-login, register
    ===============================================================================*/

    .flat-account {
        display: flex;
        border-radius: 30px;
        overflow: hidden;
    }

    .flat-account .banner-account {
        max-width: 380px;
        width: 100%;
        flex-shrink: 0;
    }

    .flat-account .banner-account img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .flat-account .form-account {
        flex-grow: 1;
        padding: 40px;
    }

    .flat-account .form-account .box:not(:last-child) {
        margin-bottom: 30px;
    }

    .flat-account .form-account .box-fieldset:not(:last-child) {
        margin-bottom: 30px;
    }

    .flat-account .form-account .box-fieldset label {
        margin-bottom: 10px;
    }

    .flat-account .form-account .box-fieldset .text-forgot {
        margin-top: 18px;
    }

    .flat-account .form-account .ip-field {
        position: relative;
    }

    .flat-account .form-account .ip-field .icon {
        position: absolute;
        left: 18px;
        top: 50%;
        transform: translateY(-50%);
    }

    .flat-account .form-account .ip-field input {
        padding-left: 46px;
    }

    .flat-account .box-btn .text {
        margin-top: 18px;
    }

    .flat-account .group-btn {
        display: flex;
        gap: 10px;
    }

    .flat-account .group-btn .btn-social {
        width: 50%;
        font-weight: 600;
        color: #3a3a3c;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px;
        border: 1px solid var(--Line);
        border-radius: 999px;
    }

    .flat-account .group-btn .btn-social:hover {
        color: var(--White);
        background-color: var(--Primary);
    }

    .modal .title-box {
        margin-bottom: 40px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .modal .title-box .close-modal {
        font-size: 18px;
        cursor: pointer;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .modal .title-box .close-modal:hover {
        transform: rotate(90deg);
        color: var(--Primary);
    }

    .modal-content {
        border-radius: 30px;
        overflow: hidden;
    }

    /*------------ dashboard ---------------- */

    .page-layout {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .page-layout .main-content {
        padding-left: 280px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .page-layout .main-content-inner {
        padding: 111px 56px 0;
    }

    .page-layout .main-content-inner.style-2 {
        width: 100%;
    }

    .page-layout .main-content-inner.style-3 {
        height: 100vh;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .page-layout .main-content-inner .box-btn {
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .page-layout .flat-counter-v2 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin-bottom: 20px;
    }

    .page-layout .flat-counter-v2 .counter-box {
        display: flex;
        gap: 10px;
        align-items: center;
        background-color: var(--White);
        padding: 20px;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.0392156863);
        border-radius: 16px;
    }

    .page-layout .flat-counter-v2 .counter-box .box-icon {
        flex-shrink: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background-color: var(--Sub-primary-2);
    }

    .page-layout .flat-counter-v2 .counter-box .box-icon svg path {
        color: var(--Primary);
    }

    .page-layout .flat-counter-v2 .counter-box .title-count {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 2px;
        font-weight: 600;
        color: var(--Heading);
    }

    .page-layout .flat-counter-v2 .counter-box .number {
        font-size: 36px;
        line-height: 44px;
        font-weight: 500;
        color: var(--Heading);
    }

    .page-layout .flat-counter-v2 .box-count .text {
        font-size: 14px;
        line-height: 30px;
        font-weight: 500;
        margin-left: 11px;
    }

    .page-layout .footer-dashboard {
        padding: 30px 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
    }

    .page-layout .footer-dashboard p {
        color: #3a3a3c;
        font-weight: 600;
        opacity: 0.5;
        /* font-family: "Manrope", sans-serif; */
        font-family: "Inter", sans-serif;
    }

    .page-layout .footer-dashboard .list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 12px;
    }

    .page-layout .footer-dashboard .list li a {
        color: #3a3a3c;
        /* font-family: "Manrope", sans-serif; */
        font-family: "Inter", sans-serif;
        opacity: 0.5;
        line-height: 19.6px;
    }

    .page-layout .footer-dashboard .list li a:hover {
        color: var(--Primary);
    }

    .page-layout .footer-dashboard .list li:not(:last-child) {
        position: relative;
    }

    .page-layout .footer-dashboard .list li:not(:last-child)::after {
        position: absolute;
        content: "/";
        color: #3a3a3c;
        opacity: 0.5;
        right: -10px;
    }

    .sidebar-menu-dashboard {
        position: fixed;
        min-width: 304px;
        background: var(--White);
        top: 78px;
        padding: 32px;
        overflow-y: auto;
        z-index: 998;
        height: 100%;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        transform: translateX(0);
    }

    .sidebar-menu-dashboard .box-menu-dashboard .nav-menu-item:not(:last-child) {
        margin-bottom: 6px;
    }

    .sidebar-menu-dashboard .box-menu-dashboard .nav-menu-item:hover .nav-menu-link,
    .sidebar-menu-dashboard .box-menu-dashboard .nav-menu-item.active .nav-menu-link {
        background-color: var(--Primary);
        color: var(--White);
    }

    .sidebar-menu-dashboard .box-menu-dashboard .nav-menu-item:hover .nav-menu-link svg path,
    .sidebar-menu-dashboard .box-menu-dashboard .nav-menu-item.active .nav-menu-link svg path {
        stroke: var(--White);
    }

    .sidebar-menu-dashboard .box-menu-dashboard .nav-menu-link {
        display: flex;
        align-items: center;
        gap: 12px;
        border-radius: 16px;
        font-size: 16px;
        line-height: 20px;
        padding: 16px 34px;
        color: var(--Heading);
    }

    .sidebar-menu-dashboard .box-menu-dashboard .nav-menu-link svg path {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .sidebar-menu-dashboard::-webkit-scrollbar {
        width: 2px;
    }

    .overlay-dashboard {
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: rgba(22, 30, 45, 0.3);
        transition: all 0.3s ease 0s;
        visibility: hidden;
        opacity: 0;
    }

    .show-mb {
        margin-bottom: 30px;
        display: none;
    }

    .widget-box-2 {
        padding: 30px;
        border-radius: 16px;
        background-color: var(--White);
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.0392156863);
    }

    .widget-box-2 .title {
        margin-bottom: 20px;
    }

    .widget-box-2 .box-agent-account {
        padding: 20px;
        border-radius: 20px;
        border: 1px solid var(--Line);
    }

    .widget-box-2 .box-agent-account h6 {
        margin-bottom: 15px;
    }

    .widget-box-2 .box-agent-account .note {
        font-size: 18px;
        line-height: 28px;
        padding: 20px;
        border-radius: 8px;
        background-color: #fff3cd;
        margin-bottom: 15px;
    }

    .widget-box-2 .box-agent-avt {
        display: flex;
        align-items: center;
        gap: 30px;
    }

    .widget-box-2 .box-agent-avt .avatar {
        flex-shrink: 0;
        width: 128px;
        height: 128px;
        border-radius: 50%;
        overflow: hidden;
    }

    .widget-box-2 .box-agent-avt p {
        margin-bottom: 15px;
    }

    .widget-box-2 .box-agent-avt .box-ip {
        border-radius: 16px;
        border: 1px solid var(--Line);
        padding: 10px;
        width: 100%;
        max-width: 340px;
        margin-bottom: 15px;
    }

    .widget-box-2 .box-agent-avt .box-ip input {
        width: 100%;
    }

    .widget-box-2 .box-agent-avt .img-poster {
        width: 100%;
        max-width: 350px;
    }

    .widget-box-2 .box:not(:last-child) {
        margin-bottom: 30px;
    }

    .widget-box-2 .flat-pricing {
        max-width: 366px;
    }

    .widget-box-2 .btn-add-floor {
        margin-top: 20px;
        width: 54px;
        height: 54px;
        border-radius: 50%;
        border: 1px solid var(--Primary);
        color: var(--Primary);
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
    }

    .widget-box-2 .btn-add-floor:hover {
        background-color: var(--Primary);
        color: var(--White);
    }

    .widget-box-2.style-2 {
        box-shadow: unset;
        background-color: unset;
    }

    .widget-box-2 .nice-select {
        font-size: 16px;
        line-height: 22.4px;
    }

    .wrap-table {
        margin-top: 20px;
    }

    .wrap-table thead tr {
        background-color: var(--Heading);
    }

    .wrap-table thead tr th {
        color: var(--White);
        font-size: 14px;
        line-height: 19.6px;
        font-weight: 600;
        padding: 8px 14px;
        padding-right: 30px;
    }

    .wrap-table thead tr th:nth-child(1) {
        width: 55%;
    }

    .wrap-table thead tr th:not(:last-child) {
        position: relative;
    }

    .wrap-table thead tr th:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 8px;
        bottom: 8px;
        background-color: rgba(255, 255, 255, 0.1);
        width: 1px;
    }

    .wrap-table thead tr th:not(:first-child) {
        padding-left: 30px;
        padding-right: 30px;
    }

    .wrap-table thead tr th:first-child {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }

    .wrap-table thead tr th:last-child {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .wrap-table table tbody td {
        padding: 16px;
        align-content: start;
        border-bottom: 1px solid var(--Line);
    }

    .wrap-table table tbody td:first-child {
        padding-left: 0;
    }

    .wrap-table table tbody td:not(:last-child) {
        position: relative;
    }

    .wrap-table table tbody td:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 16px;
        bottom: 16px;
        background-color: var(--Line);
        width: 1px;
    }

    .wrap-table table tbody td:not(:first-child) {
        padding-left: 30px;
        padding-right: 30px;
    }

    .wrap-table .listing-box {
        display: flex;
        gap: 20px;
    }

    .wrap-table .listing-box .images {
        width: 168px;
        border-radius: 8px;
        overflow: hidden;
    }

    .wrap-table .listing-box .content .title {
        margin-bottom: 2px;
        font-size: 16px;
        line-height: 21.86px;
        font-weight: 600;
    }

    .wrap-table .listing-box .content .text-date {
        margin-bottom: 9px;
        font-size: 13px;
        line-height: 16px;
        color: #3a3a3c;
    }

    .wrap-table .status-wrap .btn-status {
        width: 78px;
        padding: 0px 6px;
        border-radius: 999px;
        font-size: 13px;
        line-height: 23px;
        height: 23px;
        font-weight: 800;
        color: var(--White);
        background-color: #25c55b;
        text-align: center;
    }

    .wrap-table .status-wrap .btn-status.pending {
        background-color: #ee6742;
    }

    .wrap-table .status-wrap .btn-status.sold {
        background-color: #6e55ff;
    }

    .wrap-table .list-action li:not(:last-child) {
        margin-bottom: 8px;
    }

    .wrap-table .list-action .item {
        display: flex;
        gap: 8px;
        align-items: center;
        font-weight: 600;
    }

    .wrap-table .list-action .item .icon {
        font-size: 20px;
    }

    .wrap-table .wd-navigation {
        padding-top: 16px;
    }

    .wd-filter {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid var(--Line);
    }

    .wd-filter input,
    .wd-filter .nice-select {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        padding: 0 18px;
        color: var(--Heading);
        height: 54px;
    }

    .wd-filter input:focus,
    .wd-filter .nice-select:focus {
        border-color: var(--Line);
    }

    .wd-filter .ip-group.icon-left {
        position: relative;
    }

    .wd-filter .ip-group.icon-left input {
        padding-left: 46px;
    }

    .wd-filter .ip-group.icon-left .icon {
        position: absolute;
        font-size: 18px;
        top: 50%;
        transform: translateY(-50%);
        left: 18px;
        color: var(--Heading);
    }

    .wd-chart .wd-filter-date {
        display: flex;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid var(--Line);
    }

    .wd-chart .wd-filter-date .left {
        display: flex;
        gap: 14px;
        flex-wrap: wrap;
    }

    .wd-chart .wd-filter-date .right {
        display: flex;
        gap: 14px;
        flex-grow: 1;
        flex-wrap: wrap;
    }

    .wd-chart .wd-filter-date .right form {
        width: calc(50% - 14px);
    }

    .wd-chart .wd-filter-date .dates {
        padding: 10px 18px;
        text-align: center;
        min-width: 86px;
        border-radius: 999px;
        border: 1px solid var(--Line);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        font-size: 16px;
        line-height: 22.4px;
        cursor: pointer;
    }

    .wd-chart .wd-filter-date .dates:hover {
        background-color: var(--Primary);
        color: var(--White);
    }

    .wd-chart .wd-filter-date .ip-group {
        flex-grow: 1;
    }

    .wd-chart .wd-filter-date .ip-group input {
        padding: 10px 16px;
    }

    .wd-chart .wd-filter-date .ip-group input:focus {
        border-color: var(--Line);
    }

    .mess-box .title {
        margin-bottom: 14px;
    }

    .mess-box .mess-item {
        display: grid;
        gap: 12px;
    }

    .mess-box .mess-item .user-box {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .mess-box .mess-item .user-box .avatar {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        overflow: hidden;
    }

    .mess-box .mess-item .user-box .content {
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
    }

    .mess-box .mess-item:not(:last-child) {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #efefef;
    }

    .mess-box .list-star {
        gap: 2px;
    }

    .mess-box .list-star .icon {
        font-size: 14px;
    }

    .flat-dashboard .titles {
        margin-bottom: 13px;
    }

    .flat-dashboard .tf-new-listing {
        width: 100%;
        margin-right: 20px;
    }

    .flat-dashboard .tf-new-listing .wrap-listing tbody tr td {
        padding: 16px 30px 16px 12px;
    }

    thead tr {
        background-color: #3a3a3c;
        color: #fff;
        border-radius: 8px;
    }

    table.table-save-search tr th {
        width: 15%;
    }

    table.table-save-search tr th:nth-child(1) {
        width: 15%;
        padding-left: 14px;
    }

    table.table-save-search tr th:nth-child(2) {
        width: 40%;
    }

    .box-uploadfile .uploadfile {
        border-radius: 16px;
        border: 2px dashed #e5e5ea;
        padding: 95px 30px;
    }

    .box-img-upload {
        display: flex;
        gap: 20px;
        overflow: auto;
    }

    .box-img-upload .item-upload {
        flex-shrink: 0;
        border-radius: 10px;
        width: 194px;
        height: 109px;
        overflow: hidden;
        position: relative;
    }

    .box-img-upload .item-upload img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .box-img-upload .item-upload .icon {
        position: absolute;
        right: 5px;
        top: 5px;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 16px;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--White);
        cursor: pointer;
    }

    .uploadfile {
        width: 100%;
        margin-bottom: 14px;
    }

    .uploadfile .icon {
        margin-bottom: 8px;
        font-size: 80px;
        color: var(--Primary);
    }

    .uploadfile .btn-upload {
        position: relative;
        margin-bottom: 15px;
    }

    .uploadfile .btn-upload .ip-file {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0;
        margin: 0;
        opacity: 0;
        cursor: pointer;
    }

    .uploadfile.style-1 .icon {
        color: var(--Line);
    }

    .box-fieldset label {
        margin-bottom: 8px;
    }

    .box-fieldset .nice-select {
        padding: 15px 18px;
    }

    .box-fieldset .box-ip {
        position: relative;
    }

    .box-fieldset .box-ip .btn-location {
        position: absolute;
        right: 18px;
        top: 50%;
        transform: translateY(-50%);
    }

    .box-fieldset .box-ip .btn-location .icon {
        font-size: 20px;
    }

    .box-fieldset .map {
        margin-top: 20px;
        height: 456px;
        border-radius: 16px;
        overflow: hidden;
    }

    .box-fieldset .textarea {
        height: 130px;
    }

    .box-amenities-property {
        display: grid;
        gap: 30px;
        grid-template-columns: 1fr;
    }

    .box-amenities-property .title-amenities {
        margin-bottom: 20px;
    }

    .box-amenities-property .list-amenities {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .box-amenities-property .amenities-item {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .box-amenities-property .amenities-item input {
        flex-shrink: 0;
    }

    .box-amenities-property .amenities-item .text-cb-amenities {
        font-weight: 400;
    }

    .box-floor-property {
        padding: 30px;
        background-color: #f7f7f7;
        border-radius: 16px;
    }

    .box-floor-property .box-floor-img {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 16px;
        padding: 38px 30px;
        background-color: var(--White);
        border-radius: 12px;
        margin-bottom: 0;
    }

    .box-floor-property .box-floor-img .btn-upload {
        margin-bottom: 0;
    }

    .box-floor-property .top {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid var(--Line);
    }

    .box-floor-property .top .icon {
        font-size: 20px;
    }

    tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit;
        white-space: nowrap !important;
        transition: all 0.3s ease;
    }

    .show-mb span {
        color: var(--Primary);
        font-weight: 600;
        font-size: 20px;
        line-height: 30px;
    }

    /*------------ blog ---------------- */

    .blog-article-item {
        padding-bottom: 31px;
        border-bottom: 1px solid var(--Line);
    }

    .blog-article-item .image-wrap {
        border-radius: 30px;
        overflow: hidden;
        margin-bottom: 28px;
        position: relative;
    }

    .blog-article-item .box-tag {
        position: absolute;
        background-color: var(--Primary);
        padding: 4px 12px;
        border-radius: 999px;
        left: 8px;
        top: 8px;
    }

    .blog-article-item .time {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 12px;
    }

    .blog-article-item .time p {
        color: var(--Heading);
    }

    .blog-article-item .title {
        margin-bottom: 18px;
        letter-spacing: -0.2px;
    }

    .blog-article-item .description {
        margin-bottom: 18px;
    }

    .blog-article-item.style-2 {
        padding-bottom: 0;
        border-bottom: unset;
    }

    .blog-article-item.style-2 .image-wrap {
        border-radius: 16px;
        margin-bottom: 32px;
    }

    .blog-article-item.style-2 .image-wrap img {
        min-height: 163px;
        height: 300px;
    }

    .tf-sidebar .sidebar-item {
        margin-bottom: 40px;
    }

    .tf-sidebar .sidebar-item .sidebar-title {
        margin-bottom: 22px;
    }

    .tf-sidebar .sidebar-categories ul li a {
        padding: 8px 0 10px;
    }

    .tf-sidebar .sidebar-categories ul li:not(:last-child) {
        padding-bottom: 6px;
        border-bottom: 1px solid var(--Line);
        margin-bottom: 8px;
    }

    .tf-sidebar .sidebar-featured>ul>li:not(:last-child) {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid var(--Line);
    }

    .tf-sidebar .sidebar-featured.style-2 {
        padding: 30px;
        border: 1px solid var(--Line);
        border-radius: 16px;
    }

    .tf-sidebar .sidebar-newslatter .sidebar-title {
        margin-bottom: 19px;
    }

    .tf-sidebar .sidebar-newslatter p {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 21px;
        color: var(--Text);
    }

    .tf-sidebar .sidebar-newslatter fieldset input {
        padding-left: 15px;
    }

    .tf-sidebar .sidebar-newslatter .button-submit {
        right: 18px;
        left: unset;
    }

    .tf-sidebar .sidebar-newslatter .button-submit i {
        color: var(--Primary);
    }

    .tf-sidebar .sidebar-tags .sidebar-title {
        margin-bottom: 39px;
    }

    .tf-sidebar .sidebar-tags .tags-list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    .tf-sidebar .sidebar-tags .tags-item {
        display: inline-block;
        padding: 10px 16px;
        color: var(--Text);
        line-height: 19.6px;
        border-radius: 99px;
        border: 1px solid var(--Line);
    }

    .tf-sidebar .sidebar-tags .tags-item:hover {
        background-color: var(--Primary);
        color: var(--White);
    }

    .tf-sidebar .sidebar-location .wrap-box-location {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .tf-sidebar .sidebar-ads {
        border-radius: 16px;
        overflow: hidden;
        position: relative;
    }

    .tf-sidebar .sidebar-ads .image-wrap img {
        width: 100%;
        object-fit: cover;
    }

    .tf-sidebar .sidebar-ads .logo {
        position: absolute;
        top: 30px;
        left: 30px;
        width: 136px;
        height: 42px;
    }

    .tf-sidebar .sidebar-ads .box-ads {
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0;
        margin: 0 30px;
    }

    .tf-sidebar .sidebar-ads .box-ads .content {
        margin-bottom: 20px;
    }

    .tf-sidebar .sidebar-ads .box-ads .title {
        margin-bottom: 20px;
    }

    .tf-sidebar .sidebar-ads .box-ads .title a {
        color: var(--White);
    }

    .tf-sidebar .sidebar-ads .box-ads p {
        color: var(--White);
    }

    .tf-sidebar .sidebar-ads::after {
        position: absolute;
        content: "";
        background: linear-gradient(180deg, rgba(88, 41, 0, 0) 0%, #582900 100%);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .tf-sidebar .box-contact-agent {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 16px;
        align-items: center;
    }

    .tf-sidebar .box-contact-agent .avatar {
        height: 65px;
        width: 65px;
    }

    .tf-sidebar .box-contact-agent .content h6 {
        line-height: 25.2px;
    }

    .tf-sidebar .box-contact-agent .content a {
        color: var(--Text);
    }

    .tf-sidebar .box-contact-agent .content a:hover {
        color: var(--Primary);
    }

    .tf-sidebar .wrap-contact-agents .box-contact-agent:not(:last-child) {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid var(--Line);
    }

    .box-listings {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 16px;
    }

    .box-listings .image-wrap {
        width: 112px;
        flex: none;
        border-radius: 12px;
        overflow: hidden;
    }

    .box-listings .title {
        margin-bottom: 10px;
    }

    .box-listings p {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 12px;
        line-height: 16.8px;
        color: var(--Note);
    }

    .box-listings p i {
        font-size: 16px;
    }

    .box-listings.style-2 {
        gap: 12px;
    }

    .box-listings.style-2 .image-wrap {
        height: 80px;
    }

    .box-listings.style-2 .title {
        margin-bottom: 6px;
    }

    .box-listings.style-2 .meta-list {
        margin-bottom: 10px;
    }

    .box-listings.style-2 .price {
        color: var(--Primary);
    }

    .box-listings.style-2 .content a {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }

    .wrap-blog-list .blog-article-item:not(:last-child) {
        margin-bottom: 32px;
    }

    .section-blog-list {
        margin-bottom: 80px;
    }

    .section-blog-list .tf-sidebar .sidebar-tags .sidebar-title {
        margin-bottom: 18px;
    }

    .section-blog-list .wg-pagination {
        margin-top: 25px;
    }

    .box-title {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 32px;
        gap: 20px 10px;
        flex-wrap: wrap;
    }

    .box-title .group-layout {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 10px;
    }

    .box-title .right {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 10px;
    }

    .box-title .btn-layout {
        border-radius: 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        width: 40px;
        border: 1px solid var(--Line);
    }

    .box-title .btn-layout:hover,
    .box-title .btn-layout.active {
        background-color: var(--Primary);
    }

    .box-title .btn-layout:hover svg path,
    .box-title .btn-layout.active svg path {
        stroke: var(--White);
    }

    .box-title .filter-popup {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        height: 40px;
        padding: 0 10px;
        gap: 8px;
        font-size: 14px;
        line-height: 21px;
        color: var(--Heading);
        border-radius: 10px;
        border: 1px solid var(--Line);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    .box-title .filter-popup:hover {
        background-color: var(--Primary);
        color: var(--White);
    }

    .box-title .filter-popup:hover svg path {
        stroke: var(--White);
    }

    .box-title .nice-select {
        width: 179px;
        height: 40px;
        border-radius: 10px;
        padding: 0 18px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
    }

    .box-title .nice-select::after {
        right: 18px;
    }

    .box-title .nice-select>span {
        font-size: 14px;
        line-height: 21px;
        color: var(--Heading);
    }

    .box-title.style-2 .nice-select {
        height: 54px;
        width: 100%;
        padding: 0 16px;
        border-radius: 16px;
    }

    .section-blog-grid {
        margin-bottom: 80px;
    }

    .section-blog-grid .grid-layout-3 {
        gap: 56px 40px;
        margin-bottom: 56px;
    }

    .section-blog-grid .wg-pagination {
        padding-top: 26px;
        border-top: 1px solid var(--Line);
    }

    .section-blog-details {
        margin-bottom: 75px;
    }

    .section-blog-details .heading {
        padding-bottom: 30px;
        border-bottom: 1px solid var(--Line);
        margin-bottom: 30px;
    }

    .section-blog-details .heading .title-heading {
        margin-bottom: 16px;
    }

    .section-blog-details .meta {
        gap: 16px;
        flex-wrap: wrap;
    }

    .section-blog-details .meta .meta-item {
        gap: 6px;
    }

    .section-blog-details .image-wrap {
        border-radius: 16px;
        overflow: hidden;
    }

    .section-blog-details .image-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .section-blog-details .quote {
        padding: 27px 25px 26px;
        background-color: var(--Color-6);
        border-left: 4px solid var(--Primary);
        border-radius: 10px;
        margin-bottom: 20px;
    }

    .section-blog-details .quote p {
        color: var(--Primary);
    }

    .section-blog-details .quote .author {
        font-weight: 600;
        margin-top: 20px;
    }

    .section-blog-details .group-image {
        margin-bottom: 20px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 20px;
    }

    .section-blog-details .group-image .image-wrap {
        width: 100%;
    }

    .section-blog-details .tag-wrap {
        padding-top: 17px;
        border-top: 1px solid var(--Line);
        margin-bottom: 50px;
        flex-wrap: wrap;
        gap: 10px 20px;
    }

    .section-blog-details .tag-wrap .tags {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .section-blog-details .tag-wrap .tags a {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 89px;
        height: 36px;
        border-radius: 999px;
        border: 1px solid var(--Line);
    }

    .section-blog-details .tag-wrap .tags a:hover {
        color: var(--White);
        background-color: var(--Primary);
    }

    .section-blog-details .tag-wrap .wrap-social {
        gap: 9px;
    }

    .section-related-posts {
        margin-bottom: 80px;
    }

    .section-related-posts .heading {
        line-height: 33.6px;
        margin-bottom: 24px;
    }

    .section-related-posts .grid-layout-3 {
        gap: 40px;
    }

    /*------------ testimonial ---------------- */

    .wg-testimonial {
        padding: 24px 24px 21px;
        border: 1px solid var(--Line);
        border-radius: 20px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .wg-testimonial .avatar {
        width: 90px;
        height: 90px;
        border-radius: 999px;
        overflow: hidden;
        margin: 0 auto 16px;
    }

    .wg-testimonial .ratings {
        margin-bottom: 26px;
    }

    .wg-testimonial .ratings i {
        color: rgb(255, 168, 0);
    }

    .wg-testimonial .description {
        margin-bottom: 21px;
    }

    .wg-testimonial .author .name {
        margin-bottom: 3px;
    }

    .wg-testimonial.has-bg {
        background: var(--Sub-primary-3);
    }

    .wg-testimonial.has-bg .author .name {
        margin-bottom: 5px;
    }

    .wg-testimonial:hover {
        box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.07);
    }

    .wg-testimonial.style-2 {
        padding: 24px 23px 24px;
    }

    .wg-testimonial.style-2 .author {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .wg-testimonial.style-2 .ratings {
        margin-bottom: 15px;
    }

    .wg-testimonial.style-2 .description {
        margin-bottom: 22px;
    }

    .wg-testimonial.style-2 .avatar {
        width: 60px;
        height: 60px;
        margin: 0;
    }

    .wg-testimonial.style-2 .avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .wg-testimonial.style-3 {
        padding: 32px;
        border: none;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .wg-testimonial.style-3:hover {
        box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.07);
    }

    .wg-testimonial.style-4 {
        padding: 31px 27px 30px;
    }

    .wg-testimonial.style-4 .avatar {
        width: 100px;
        height: 100px;
        margin-bottom: 31px;
    }

    .wg-testimonial.style-4 .description {
        margin-bottom: 31px;
    }

    .wg-testimonial.style-4 .ratings {
        margin-bottom: 16px;
    }

    .wg-testimonial.style-4 .author .name {
        margin-bottom: 3px;
        font-size: 20px;
        line-height: 24.2px;
    }

    .wg-testimonial.style-no-boder {
        border: none;
        padding: 32px 24px 21px;
    }

    .wg-testimonial.style-no-boder .avatar {
        width: 100px;
        height: 100px;
        margin-bottom: 31px;
    }

    .wg-testimonial.style-no-boder .description {
        margin-bottom: 31px;
    }

    .wg-testimonial.style-no-boder .author .name {
        font-size: 20px;
        line-height: 24.2px;
    } 

    .wg-testimonial.style-no-boder .ratings {
        margin-bottom: 16px;
    }

    /*------------ accordion ---------------- */

    .tf-faq .faq-item {
        padding-bottom: 1px;
        margin-bottom: 24px;
        border-bottom: 1px solid var(--Line);
    }

    .tf-faq .faq-header {
        font-size: 17px;
        display: inline-block;
        line-height: 25.2px;
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .tf-faq .faq-header i {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .tf-faq .faq-header:not(.collapsed) {
        color: var(--Primary);
    }

    .tf-faq .faq-header:not(.collapsed) i {
        transform: rotate(-180deg);
    }

    .tf-faq .faq-body {
        padding-top: 16px;
        line-height: 22.4px;
    }

    /*------------ map ---------------- */

    .map-marker-container {
        position: absolute;
        margin-top: 10px;
        transform: translate3d(-50%, -100%, 0);
    }

    .marker-container {
        position: relative;
        top: 25px;
        left: 10px;
        width: 26px;
        height: 26px;
        z-index: 999;
        border-radius: 50%;
        cursor: pointer;
        -webkit-perspective: 1000;
    }

    .marker-card .face {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        text-align: center;
        color: #fff;
        z-index: 100;
        background: var(--Primary);
        border: 2px solid #fff;
        border-radius: 50%;
        box-sizing: content-box;
        background-clip: content-box;
        line-height: 46px;
        font-size: 24px;
    }

    .marker-card .face::before,
    .marker-card .face::after {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        border-radius: 9999px;
        -webkit-animation: ripple 2s infinite;
        animation: ripple 2s infinite;
    }

    .marker-card .face::before {
        content: "";
        position: absolute;
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }

    .marker-card .face::after {
        content: "";
        position: absolute;
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .marker-card .face>div {
        position: absolute;
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: 99;
    }

    #singleListingMap .marker-container {
        cursor: default;
    }

    #singleListingMap .marker-container {
        cursor: default;
    }

    .marker-card {
        width: 100%;
        height: 100%;
        transform-style: preserve-3d;
        position: absolute;
        z-index: 1;
    }

    .mapboxgl-popup-content {
        padding: 0 !important;
        width: 310px;
        border-radius: 16px !important;
        overflow: hidden;
    }

    /*------------ nice-select ---------------- */

    .nice-select {
        -webkit-tap-highlight-color: transparent;
        background-color: #fff;
        border: 1px solid var(--Line);
        color: var(--Text);
        border-radius: 3px;
        height: 54px;
        padding: 16px;
        box-sizing: border-box;
        clear: both;
        cursor: pointer;
        font-size: 15px;
        line-height: 18.75px;
        font-weight: 400;
        outline: none;
        position: relative;
        transition: all linear 0.2s;
        user-select: none;
        white-space: nowrap;
        width: 100%;
        border-radius: 16px;
        position: relative;
    }

    .nice-select::after {
        content: "";
        right: 10px;
        top: 50%;
        color: var(--Text);
        background-image: url(../icons/arrow-down.svg);
        position: absolute;
        transform: translateY(-50%) rotate(0);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 1;
        width: 16px;
        height: 16px;
    }

    .nice-select>span {
        font-weight: 400;
    }

    .nice-select>.list {
        position: absolute;
        background-color: #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
        box-sizing: border-box;
        margin-top: 4px;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 0;
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
        transform: scale(0.75) translateY(-21px);
        -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        z-index: 9;
        width: 100%;
        font-size: 14px;
        max-height: 155px;
        overflow: auto;
        z-index: 1;
    }

    .nice-select>.list::-webkit-scrollbar {
        width: 6px;
        height: 4px;
        background-color: #f5f5f5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
    }

    .nice-select>.list::-webkit-scrollbar-thumb {
        background-color: #a7a7a7;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
    }

    .nice-select>.list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #f5f5f5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
    }

    .nice-select>.list .option {
        width: 100%;
        padding: 10px 10px;
        color: var(--Text);
        position: relative;
        cursor: pointer;
    }

    .nice-select>.list .option:hover {
        background-color: rgba(0, 0, 0, 0.12);
    }

    .nice-select>.list .option.selected {
        color: var(--Main-color);
        background-color: rgba(0, 0, 0, 0.12);
    }

    .nice-select>.list .option.selected::after {
        position: absolute;
        font-family: "icomoon" !important;
        content: "\e917";
        right: 18px;
        top: 50%;
        transform: translateY(-50%);
    }

    .nice-select.open {
        border-color: var(--Line) !important;
        z-index: 99;
    }

    .nice-select.open::after {
        transform: translateY(-50%) rotate(-180deg);
    }

    .nice-select.open .list {
        opacity: 1;
        visibility: visible;
        z-index: 10;
        pointer-events: auto;
        -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        width: 100%;
        -moz-transform: scale(1) translateY(0);
        -o-transform: scale(1) translateY(0);
    }

    .nice-select.select-sort {
        justify-content: end;
        padding-right: 30px !important;
        border: none;
    }

    .nice-select.select-sort::after {
        background-image: url(../icons/arrow-down-2.svg);
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        right: 0;
    }

    .nice-select.select-sort.open::after {
        transform: translateY(-50%) rotate(-180deg);
    }

    .nice-select.select-sort.style-2>.list {
        right: 0;
        width: 70%;
        left: unset;
    }

    /*------------ animation ---------------- */

    .effec-icon .icon i,
    .effec-icon .icon svg,
    .effec-icon .tf-icon i,
    .effec-icon .tf-icon svg {
        transition: all 0.6s ease-in-out;
    }

    .effec-icon:hover .icon i,
    .effec-icon:hover .icon svg,
    .effec-icon:hover .tf-icon i,
    .effec-icon:hover .tf-icon svg {
        transform: rotateY(360deg);
    }

    .ani1 {
        -webkit-animation: ani1 10s infinite ease-in-out alternate;
        animation: ani1 10s infinite ease-in-out alternate;
    }

    .ani2 {
        -webkit-animation: ani2 10s infinite ease-in-out alternate;
        animation: ani2 10s infinite ease-in-out alternate;
    }

    .ani3 {
        -webkit-animation: ani3 4s infinite ease-in-out alternate;
        animation: ani3 4s infinite ease-in-out alternate;
    }

    .ani4 {
        -webkit-animation: ani4 7s infinite ease-in-out alternate;
        animation: ani4 7s infinite ease-in-out alternate;
    }

    .ani5 {
        -webkit-animation: ani5 7s infinite ease-in-out alternate;
        animation: ani5 7s infinite ease-in-out alternate;
    }

    .ani6 {
        -webkit-animation: ani6 7s infinite ease-in-out alternate;
        animation: ani6 7s infinite ease-in-out alternate;
    }

    .ani7 {
        -webkit-animation: ani7 7s infinite ease-in-out alternate;
        animation: ani7 7s infinite ease-in-out alternate;
    }

    .ani8 {
        -webkit-animation: ani8 2000ms infinite ease-in-out alternate;
        animation: ani8 2000ms infinite ease-in-out alternate;
    }

    @keyframes ani1 {
        0% {
            -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
        }
        20% {
            -webkit-transform: translate(-73px, 1px) rotate(-36deg);
            transform: translate(-73px, 1px) rotate(-36deg);
        }
        40% {
            -webkit-transform: translate(-141px, -72px) rotate(-72deg);
            transform: translate(-141px, -72px) rotate(-72deg);
        }
        60% {
            -webkit-transform: translate(-83px, -122px) rotate(-108deg);
            transform: translate(-83px, -122px) rotate(-108deg);
        }
        80% {
            -webkit-transform: translate(40px, -72px) rotate(-144deg);
            transform: translate(40px, -72px) rotate(-144deg);
        }
        100% {
            -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
        }
    }

    @keyframes ani2 {
        0% {
            -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
        }
        20% {
            -webkit-transform: translate(20px, 1px) rotate(36deg);
            transform: translate(20px, 1px) rotate(36deg);
        }
        40% {
            -webkit-transform: translate(100px, 72px) rotate(72deg);
            transform: translate(100px, 72px) rotate(72deg);
        }
        60% {
            -webkit-transform: translate(83px, 122px) rotate(108deg);
            transform: translate(83px, 122px) rotate(108deg);
        }
        80% {
            -webkit-transform: translate(40px, 72px) rotate(144deg);
            transform: translate(40px, 72px) rotate(144deg);
        }
        100% {
            -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
        }
    }

    @keyframes ani3 {
        0% {
            transform: scale(0.8, 0.8);
        }
        50% {
            transform: scale(1, 1);
        }
        100% {
            transform: scale(0.8, 0.8);
        }
    }

    @keyframes ani4 {
        0%,
        100% {
            transform: translateX(0);
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }
        50% {
            transform: translateX(-20px);
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }
    }

    @keyframes ani5 {
        0%,
        100% {
            transform: translateX(0);
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }
        50% {
            transform: translateX(10px);
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }
    }

    @keyframes ani6 {
        0% {
            -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
        }
        20% {
            -webkit-transform: translate(-13px, 1px) rotate(-6deg);
            transform: translate(-13px, 1px) rotate(-6deg);
        }
        40% {
            -webkit-transform: translate(-41px, -22px) rotate(-22deg);
            transform: translate(-41px, -22px) rotate(-22deg);
        }
        60% {
            -webkit-transform: translate(-33px, -22px) rotate(-50deg);
            transform: translate(-33px, -22px) rotate(-50deg);
        }
        80% {
            -webkit-transform: translate(40px, -72px) rotate(-50deg);
            transform: translate(40px, -72px) rotate(-50deg);
        }
        100% {
            -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
        }
    }

    @keyframes ani7 {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }

    @keyframes ani8 {
        from {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -o-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
        to {
            -webkit-transform: translateY(-7px);
            -moz-transform: translateY(-7px);
            -o-transform: translateY(-7px);
            -ms-transform: translateY(-7px);
            transform: translateY(-7px);
        }
    }

    @keyframes rotate1 {
        from {
            transform: rotate(-360deg);
        }
        to {
            transform: rotate(360deg);
        }
    }

    @keyframes ripple {
        0% {
            box-shadow: 0 0 0 0 var(--Sub-primary-2);
        }
        50% {
            box-shadow: 0 0 0 20px var(--Sub-primary-2);
        }
        100% {
            box-shadow: 0 0 0 0 var(--Sub-primary-2);
        }
    }

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

    @keyframes spin {
        0% {
            transform: rotate(0deg);
            box-shadow: 0 2px 0 var(--Primary);
        }
        50% {
            transform: rotate(180deg);
            box-shadow: 0 2px 0 var(--Primary);
        }
        100% {
            transform: rotate(360deg);
            box-shadow: 0 2px 0 var(--Primary);
        }
    }

    /*------------ hover ---------------- */

    .hover-tooltip {
        position: relative;
    }

    .hover-tooltip .tooltip {
        position: absolute;
        white-space: nowrap;
        padding: 0px 8.5px;
        height: 25px;
        border-radius: 2px;
        bottom: calc(100% + 7px);
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        visibility: hidden;
        color: var(--White);
        max-width: 250px;
        width: max-content;
        background-color: var(--Heading);
        transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        z-index: 5;
        font-size: 12px;
        line-height: 22px;
    }

    .hover-tooltip .tooltip::before {
        content: "";
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        top: 20px;
        position: absolute;
        background: var(--Heading);
        width: 8px;
        height: 8px;
        z-index: -1;
    }

    .hover-tooltip.style-2 .tooltip {
        z-index: 202;
        right: calc(100% + 10px);
        top: 50%;
        transform: translateY(-50%);
        left: unset;
        transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    }

    .hover-tooltip.style-2 .tooltip::before {
        left: unset;
        right: -3px;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }

    .hover-tooltip:hover .tooltip {
        opacity: 1;
        visibility: visible;
    }

    .hover-img .image-wrap {
        overflow: hidden;
    }

    .hover-img .image-wrap img {
        object-fit: cover;
        -webkit-transition: all 1s cubic-bezier(0.3, 1, 0.35, 1) 0s;
        transition: all 1s cubic-bezier(0.3, 1, 0.35, 1) 0s;
    }

    .hover-img:hover .image-wrap img {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    .hover-img-rotate .image-wrap {
        overflow: hidden;
        border-radius: 8px;
    }

    .hover-img-rotate .image-wrap img {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .hover-img-rotate:hover .image-wrap img {
        transform: scale(1.1) rotate(3deg);
    }

    .hover-img-wrap {
        position: relative;
    }

    .hover-img-wrap::before {
        content: "";
        position: absolute;
        top: -100%;
        left: 0;
        width: 50%;
        height: 100%;
        background: rgb(0, 0, 0);
        transition: 0.25s;
        z-index: 3;
        opacity: 0.1;
    }

    .hover-img-wrap::after {
        content: "";
        position: absolute;
        bottom: -100%;
        right: 0;
        width: 50%;
        height: 100%;
        background: rgb(0, 0, 0);
        transition: 0.25s;
        z-index: 3;
        opacity: 0.1;
    }

    .hover-img-wrap:hover::after {
        bottom: 0;
        transition-delay: 0.25s;
    }

    .hover-img-wrap:hover::before {
        top: 0;
    }

    /*------------ themes-color ---------------- */

    .theme-color-1 {
        --Primary: #06a788;
        --Sub-primary-1: rgba(215, 241, 236, 1);
        --Sub-primary-2: rgba(6, 167, 136, 0.16);
    }

    .theme-color-2 {
        --Primary: #f2695c;
        --Sub-primary-1: rgba(253, 231, 229, 1);
        --Sub-primary-2: rgba(242, 105, 92, 0.16);
    }

    .theme-color-3 {
        --Primary: #c79e34;
        --Sub-primary-1: rgba(246, 239, 222, 1);
        --Sub-primary-2: rgba(199, 158, 52, 0.16);
    }

    .theme-color-4 {
        --Primary: #7695ff;
        --Sub-primary-1: rgba(242, 245, 255, 1);
        --Sub-primary-2: rgba(118, 149, 255, 0.16);
        --Sub-primary-3: rgba(118, 149, 255, 0.1);
    }

    /*------------ widgets ---------------- */

    .wg-pagination {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-top: 30px;
        gap: 16px;
        flex-wrap: wrap;
    }

    .wg-pagination li {
        height: max-content;
        overflow: hidden;
        border-radius: 10px;
        flex: none;
    }

    .wg-pagination li a {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 44px;
        width: 44px;
        color: var(--Heading);
        background-color: var(--White);
        font-size: 16px;
        line-height: 22.86px;
    }

    .wg-pagination li.arrow {
        border: 1px solid var(--Line);
    }

    .wg-pagination li:hover a,
    .wg-pagination li.active a {
        color: var(--White);
        background-color: var(--Primary);
    }

    .radio-item label {
        padding-left: 30px;
        cursor: pointer;
        position: relative;
        font-weight: 400;
        color: var(--Text);
    }

    .radio-item label input {
        position: absolute;
        opacity: 0;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }

    .radio-item label input:checked~.btn-radio {
        background-color: var(--Primary);
    }

    .radio-item label input:checked~.btn-radio::after {
        display: block;
    }

    .radio-item label .btn-radio {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: transparent;
        border: 1px solid var(--Primary);
    }

    .radio-item label .btn-radio::after {
        content: "\e917";
        font-family: "icomoon";
        position: absolute;
        display: none;
        font-weight: 600;
        font-size: 14px;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: var(--White);
    }

    .checkbox-item label {
        padding-left: 30px;
        cursor: pointer;
        position: relative;
    }

    .checkbox-item label input {
        position: absolute;
        opacity: 0;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .checkbox-item label input:checked~.btn-checkbox {
        border: 1px solid var(--Primary);
        background-color: var(--Primary);
    }

    .checkbox-item label input:checked~.btn-checkbox:after {
        display: block;
    }

    .checkbox-item label .btn-checkbox {
        position: absolute;
        left: 0;
        top: 2px;
        width: 20px;
        height: 20px;
        background-color: transparent;
        border-radius: 6px;
        border: 1px solid rgba(255, 255, 255, 0.15);
    }

    .checkbox-item label .btn-checkbox:after {
        content: "\e917";
        font-family: "icomoon" !important;
        position: absolute;
        font-size: 16px;
        font-weight: 600;
        top: 0px;
        left: 1px;
        color: var(--White);
        display: none;
    }

    .checkbox-item.style-1 label {
        align-items: center;
    }

    .checkbox-item.style-1 label .btn-checkbox {
        border: 1px solid var(--Line);
    }

    .wrap-social {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
    }

    .tf-social {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 8px;
    }

    .tf-social:not(.tf-social.style-2) li a {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--White);
        height: 44px;
        width: 44px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 999px;
    }

    .tf-social:not(.tf-social.style-2) li:hover a {
        background-color: var(--Primary);
    }

    .tf-social.style-1 li a {
        border-color: var(--Line) !important;
        color: var(--Note) !important;
    }

    .tf-social.style-1 li:hover a {
        color: var(--White) !important;
    }

    .tf-social.style-2 {
        gap: 20px;
    }

    .tf-social.style-2 li a {
        font-size: 14px;
        color: var(--Text);
    }

    .tf-social.style-2 li:hover a {
        color: var(--Primary);
    }

    .tf-social.style-3 {
        padding: 16px 15.5px;
        background-color: var(--Black);
        justify-content: space-between;
        border-radius: 16px;
        position: absolute;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 3;
    }

    .tf-social.style-3 li a {
        color: var(--White);
        font-size: 18px;
        position: relative;
        height: unset !important;
        width: unset !important;
        border: none !important;
        background-color: unset !important;
    }

    .tf-social.style-3 li a::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 16px;
        background-color: rgba(255, 255, 255, 0.2);
        right: -16px;
    }

    .tf-social.style-3 li a:hover {
        color: var(--Primary);
    }

    .ratings {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .ratings i {
        font-size: 14px;
        color: var(--Primary);
    }

    .wrap-comment {
        padding-bottom: 40px;
        border-bottom: 1px solid var(--Line);
        margin-bottom: 51px;
    }

    .wrap-comment .title {
        line-height: 33.6px;
        margin-bottom: 24px;
    }

    .wrap-comment .comment-list {
        margin-bottom: 25px;
    }

    .wrap-comment .comment-list li:not(:last-child) {
        margin-bottom: 27px;
    }

    .wrap-comment .comment-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 20px;
    }

    .wrap-comment .comment-item .image-wrap {
        max-width: 60px;
        height: 60px;
        flex: none;
        overflow: hidden;
        border-radius: 14px;
    }

    .wrap-comment .comment-item .user {
        margin-bottom: 16px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: start;
        justify-content: space-between;
    }

    .wrap-comment .comment-item .author .name {
        line-height: 25.2px;
        color: var(--Text-2);
        margin-bottom: 4px;
    }

    .wrap-comment .comment-item .author .time {
        font-size: 12px;
        line-height: 16px;
        color: var(--Note);
    }

    .wrap-comment .comment-item .comment {
        padding-bottom: 28px;
        border-bottom: 1px solid var(--Line);
    }

    .wrap-comment .comment-item .comment p {
        margin-bottom: 16px;
    }

    .wrap-comment .comment-item .comment .group-image {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 10px 16px;
        margin-bottom: 14px;
        flex-wrap: wrap;
    }

    .wrap-comment .comment-item .comment .group-image img {
        max-width: 141px;
        border-radius: 10px;
    }

    .wrap-comment .ratings {
        gap: 5px;
        margin-top: 5px;
    }

    .wrap-comment .action {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 16px;
    }

    .wrap-comment .action .action-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 6px;
        cursor: pointer;
    }

    .wrap-comment .action .action-item svg path {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .wrap-comment .action .action-item .text-2 {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .wrap-comment .action .action-item:hover svg path,
    .wrap-comment .action .action-item.active svg path {
        stroke: var(--Primary);
    }

    .wrap-comment .action .action-item:hover .text-2,
    .wrap-comment .action .action-item.active .text-2 {
        color: var(--Primary);
    }

    .tf-dropdown-sort .btn-select {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 12px;
        cursor: pointer;
    }

    .tf-dropdown-sort .btn-select i {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .tf-dropdown-sort .text-sort-value {
        font-size: 18px;
        line-height: 22.5px;
        color: var(--Heading);
        font-weight: 600;
    }

    .tf-dropdown-sort .dropdown-menu {
        border: none;
        box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.08);
        padding: 20px 10px;
    }

    .tf-dropdown-sort .select-item .text-value-item {
        cursor: pointer;
        font-weight: 400;
        line-height: 30px;
        padding-left: 10px;
        padding-right: 29px;
        text-align: left;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        font-size: 18px;
        color: var(--Text);
    }

    .tf-dropdown-sort .select-item:hover {
        background-color: var(--Line);
    }

    .tf-dropdown-sort .select-item.active .text-value-item {
        color: var(--Primary);
    }

    .tf-dropdown-sort.show .btn-select i {
        transform: rotate(-180deg);
    }

    .wd-search-form {
        background-color: var(--White);
        padding: 28px 20px;
        border-radius: 16px;
    }

    .wd-search-form .title-box {
        padding-bottom: 30px;
        border-bottom: 1px solid var(--Line);
        margin-bottom: 30px;
    }

    .wd-search-form .group-price {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        margin-bottom: 30px;
    }

    .wd-search-form .group-price .box-title-price {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-bottom: 10px;
    }

    .wd-search-form .group-select {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px 30px;
        margin-bottom: 30px;
    }

    .wd-search-form .group-amenities {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 16px;
    }

    .wd-search-form .group-checkbox {
        text-align: start;
    }

    .wd-search-form .group-checkbox .title {
        margin-bottom: 14px;
    }

    .wd-search-form.style-2 .group-amenities {
        grid-template-columns: repeat(3, 1fr);
    }

    .wd-search-form.style-3 .group-amenities {
        grid-template-columns: repeat(3, 1fr);
    }

    .wd-search-form.style-3 .group-select {
        grid-template-columns: repeat(2, 1fr);
    }

    .wd-search-form.style-4 {
        padding: 0;
    }

    .wd-search-form.style-4 .group-price,
    .wd-search-form.style-4 .group-amenities,
    .wd-search-form.style-4 .group-select {
        grid-template-columns: repeat(1, 1fr);
    }

    .wd-search-form.style-4 .group-amenities {
        gap: 14px;
    }

    .wd-search-form.style-4 .group-select {
        gap: 30px;
    }

    .wd-search-form.style-4 .checkbox-item label {
        font-weight: 400;
        color: var(--Text);
    }

    .wd-search-form.style-4 .checkbox-item label .btn-checkbox:after {
        top: -2px;
    }

    .wd-search-form.style-4 .nice-select {
        font-size: 16px;
        line-height: 22.4px;
    }

    .wd-search-form.style-4 .box-select.style-2 .nice-select {
        font-size: 14px;
        line-height: 22px;
    }

    .wd-search-form.style-4 .bot {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
    }

    .wd-search-form.style-4 .bot a:hover svg path {
        stroke: var(--Primary);
    }

    .wd-search-form .box-search {
        position: relative;
    }

    .wd-search-form .box-search input,
    .wd-search-form .box-search input::placeholder {
        font-size: 14px;
        line-height: 22px;
    }

    .wd-search-form .box-search .icon {
        position: absolute;
        font-size: 16px;
        right: 16px;
        top: 57%;
        transform: translateY(-50%);
    }

    .offcanvas-filter {
        max-width: 380px;
    }

    .offcanvas-filter .offcanvas-header {
        padding: 30px 30px 0;
    }

    .offcanvas-filter .offcanvas-body {
        padding: 30px;
    }

    .offcanvas-filter .offcanvas-body::-webkit-scrollbar {
        width: 6px;
        height: 4px;
        background-color: #f5f5f5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
    }

    .offcanvas-filter .offcanvas-body::-webkit-scrollbar-thumb {
        background-color: #a7a7a7;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
    }

    .offcanvas-filter .offcanvas-body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #f5f5f5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
    }

    .map-listing-item .infoBox-close {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 6;
        cursor: pointer;
        font-size: 18px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .map-listing-item .infoBox-close:hover {
        color: var(--White);
    }

    .map-listing-item .box-house {
        position: relative;
        border: none;
        max-width: max-content;
        /* font-family: "Lexend", sans-serif; */
        font-family: "Inter", sans-serif;
    }

    .map-listing-item .box-house .image-wrap {
        max-width: 310px;
    }

    .map-listing-item .box-house .image-wrap img {
        max-width: 100% !important;
    }

    .meta-list {
        gap: 0px 16px;
        flex-wrap: wrap;
    }

    .meta-list li {
        align-items: center;
        gap: 4px;
        color: rgba(44, 46, 51, 0.5);
    }

    .meta-list li span {
        color: var(--Heading);
    }

    .box-house {
        border-radius: 16px;
        border: 1px solid var(--Line);
        overflow: hidden;
        background-color: var(--White);
        box-sizing: border-box;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .box-house .image-wrap {
        position: relative;
        overflow: hidden;
    }

    .box-house .image-wrap>a {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .box-house .image-wrap>a::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        bottom: 100%;
        left: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .box-house .image-wrap img {
        width: 100%;
        object-fit: cover;
        height: 100%;
        height: 300px;
    }

    .box-house .box-tag {
        z-index: 2;
        position: absolute;
        top: 7px;
        left: 8px;
    }

    .box-house .box-tag .flat-tag {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        padding: 0 12px;
        height: 28px;
        border-radius: 999px;
    }

    .box-house .list-btn {
        z-index: 2;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .box-house .list-btn .btn-icon {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        width: 40px;
        color: var(--Primary);
        background-color: var(--White);
        border-radius: 999px;
        font-size: 20px;
        transform: translateY(12px);
        opacity: 0;
        visibility: hidden;
    }

    .box-house .list-btn .btn-icon:hover {
        background-color: var(--Secondary);
    }

    .box-house .list-btn .save {
        transition-delay: 0s;
    }

    .box-house .list-btn .find {
        transition-delay: 0.1s;
    }

    .box-house .content {
        padding: 23px 24px 24px;
    }

    .box-house .content .title {
        margin-bottom: 10px;
    }

    .box-house .content .location {
        margin-bottom: 16px;
    }

    .box-house .content .location i {
        margin-right: 4px;
    }

    .box-house .meta-list {
        border-bottom: 1px solid var(--Line);
        padding-bottom: 16px;
        margin-bottom: 15px;
        gap: 9px;
    }

    .box-house .meta-list i {
        font-size: 20px;
    }

    .box-house .price {
        color: var(--Primary);
    }

    .box-house .wrap-btn {
        gap: 7px;
    }

    .box-house .wrap-btn .compare:hover svg path {
        fill: var(--Primary);
    }

    .box-house .tf-btn {
        height: 44px;
        border-radius: 12px;
    }

    .box-house:hover {
        box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.0705882353);
    }

    .box-house:hover .btn-icon {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
    }

    .box-house:hover .image-wrap a::after {
        bottom: 0;
        opacity: 1;
        visibility: visible;
    }

    .box-house.style-list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        box-shadow: unset;
    }

    .box-house.style-list .image-wrap {
        max-width: 290px;
        flex: none;
    }

    .box-house.style-list .image-wrap .box-tag {
        top: 8px;
    }

    .box-house.style-list .content {
        padding: 24px;
        width: 100%;
    }

    .box-house.style-list .content .location {
        margin-bottom: 23px;
    }

    .box-house.style-list .meta-list {
        gap: 8px 45px;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }

    .box-house.style-list .meta-list .meta-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 8px;
    }

    .box-house.style-list .meta-list .meta-item>div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .box-house.style-3 {
        border: none;
        border-radius: unset;
        display: grid;
        grid-template-columns: 0.96fr 1fr;
    }

    .box-house.style-3 .box-tag {
        position: unset;
        margin-bottom: 16px;
    }

    .box-house.style-3 .image-wrap {
        max-width: 940px;
    }

    .box-house.style-3 .image-wrap a {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .box-house.style-3 .image-wrap a::after {
        content: "";
        position: absolute;
        width: 50%;
        height: 0%;
        background-color: rgba(0, 0, 0, 0.2);
        left: 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        z-index: 1;
        bottom: 0;
    }

    .box-house.style-3 .image-wrap a::before {
        content: "";
        position: absolute;
        width: 50%;
        height: 0%;
        background-color: rgba(0, 0, 0, 0.2);
        right: 0;
        top: 0;
        z-index: 1;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .box-house.style-3 .image-wrap a:hover::after {
        height: 100%;
    }

    .box-house.style-3 .image-wrap a:hover::before {
        height: 100%;
    }

    .box-house.style-3 .image-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .box-house.style-3 .meta-list {
        gap: 10px 37px;
        margin-bottom: 16px;
        padding-bottom: 0;
        border-bottom: none;
    }

    .box-house.style-3 .meta-list .meta-item div {
        line-height: 21px;
        color: rgb(58, 58, 60);
    }

    .box-house.style-3 .content {
        width: unset;
        margin: 104px 15px 104px 30px;
        padding: 0;
    }

    .box-house.style-3 .content .title {
        margin-bottom: 16px;
    }

    .box-house.style-3 .content .location {
        margin-bottom: 40px;
    }

    .box-house.style-3 .author {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 12px;
        align-items: center;
    }

    .box-house.style-3 .author .avatar {
        width: 60px;
        height: 60px;
        overflow: hidden;
        border-radius: 999px;
    }

    .box-house.style-3 .author .name {
        line-height: 25.2px;
    }

    .box-house.style-3 .bot {
        padding-top: 40px;
        margin-top: 40px;
        border-top: 1px solid var(--Line);
        gap: 10px;
        flex-wrap: wrap;
    }

    .box-house.style-3 .bot .price {
        color: var(--Heading);
    }

    .box-house.style-3 .bot .price span {
        color: #5c6368;
    }

    .icons-box.gal img{
        height: 200px;
            border-radius: 16px;
    }
    .icons-box {
        padding: 10px;
            margin: 10px 0px;
        border-radius: 16px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background-color: var(--White);
    }

    .icons-box .tf-icon {
            height: 200px;
    }
    .icons-box .tf-icon img {
            height: 200px;
    }
    .icons-box .tf-icon {
        margin-bottom: 32px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .icons-box .title {
        margin-bottom: 24px;
        margin-top: 24px;
    }

    .icons-box p {
        margin-bottom: 30px;
    }

    .icons-box:hover {
        box-shadow: 0px 30px 60px var(--Sub-primary-2);
    }

    .icons-box.default {
        padding: 24px 30px;
        height:500px;
    }
    .icons-box.defaulthelp {
        padding: 24px 30px; 
        height:390px;
    }

    .icons-box.default .tf-icon svg path:not(:first-child) {
        fill: var(--Primary);
    }

    .icons-box.default:hover .tf-btn {
        background-color: var(--Primary);
        color: var(--White);
    }

    .icons-box.style-1 .heading {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 16px;
        margin-bottom: 24px;
    }

    .icons-box.style-1 .tf-icon {
        margin-bottom: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        width: 50px;
        background-color: var(--Sub-primary-2);
        border-radius: 16px;
        flex-shrink: 0;
    }

    .icons-box.style-1 .tf-icon svg:not(.icons-box.style-1 .tf-icon svg.stroke) path {
        fill: var(--Primary);
    }

    .icons-box.style-1 .tf-icon .stroke path {
        stroke: var(--Primary);
    }

    .icons-box.style-1 .title {
        margin-bottom: 0;
    }

    .icons-box.style-1 .title a:hover {
        color: var(--Color-1);
    }

    .icons-box.style-1 p {
        margin-bottom: 24px;
    }

    .icons-box.style-1:hover {
        box-shadow: 0px 30px 60px rgba(6, 167, 136, 0.12);
    }

    .icons-box.style-1:hover .tf-icon {
        background-color: var(--Primary);
    }

    .icons-box.style-1:hover .tf-icon svg:not(.icons-box.style-1:hover .tf-icon svg.stroke) path {
        fill: var(--White);
    }

    .icons-box.style-1:hover .tf-icon .stroke path {
        stroke: var(--White);
    }

    .icons-box.style-2 {
        background-color: rgb(254, 247, 247);
    }

    .icons-box.style-2 .tf-icon {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 16px;
        width: 68px;
        height: 68px;
        background-color: var(--White);
        box-shadow: 0px 8px 18px var(--Sub-primary-2);
        margin-bottom: 24px;
    }

    .icons-box.style-2 .tf-icon svg path:not(:last-child) {
        fill: var(--Primary);
    }

    .icons-box.style-2 .tf-icon .change path:nth-last-child(1),
    .icons-box.style-2 .tf-icon .change path:nth-last-child(2) {
        fill: #2c2e33;
    }

    .icons-box.style-2 .title {
        margin-bottom: 23px;
    }

    .icons-box.style-2 .title a:hover {
        color: var(--White);
    }

    .icons-box.style-2 p {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin-bottom: 0;
    }

    .icons-box.style-2:hover {
        background-color: var(--Primary);
    }

    .icons-box.style-2:hover .title a {
        color: var(--White);
    }

    .icons-box.style-2:hover p {
        color: var(--White);
    }

    .icons-box.style-3 {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 24px;
    }

    .icons-box.style-3 .tf-icon {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 76px;
        width: 76px;
        font-size: 40px;
        margin-bottom: 0;
        color: var(--Primary);
        background-color: var(--Sub-primary-2);
        border-radius: 16px;
        flex-shrink: 0;
    }

    .icons-box.style-3 .title,
    .icons-box.style-3 p {
        margin-bottom: 16px;
    }

    .icons-box.style-3:hover {
        box-shadow: 0px 30px 60px var(--Sub-primary-1);
    }

    .icons-box.style-3:hover .tf-icon {
        background-color: var(--Primary);
        color: var(--White);
    }

    .icons-box.style-4,
    .icons-box.style-5 {
        flex-grow: 0;
    }

    .icons-box.style-4 .tf-icon,
    .icons-box.style-5 .tf-icon {
        width: 120px;
        height: 120px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        margin: 0 auto 24px;
        background-color: var(--Sub-primary-1);
    }

    .icons-box.style-4 .line,
    .icons-box.style-5 .line {
        display: block;
        background-color: var(--Line);
        width: 80px;
        height: 1px;
        margin: 0 auto;
        margin-bottom: 16px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .icons-box.style-4 p,
    .icons-box.style-5 p {
        margin-bottom: 0;
    }

    .icons-box.style-4:hover,
    .icons-box.style-5:hover {
        box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.07);
    }

    .icons-box.style-4:hover .tf-icon,
    .icons-box.style-5:hover .tf-icon {
        background-color: var(--Primary);
    }

    .icons-box.style-4:hover .tf-icon svg .change,
    .icons-box.style-5:hover .tf-icon svg .change {
        fill: var(--White);
    }

    .icons-box.style-4:hover .line,
    .icons-box.style-5:hover .line {
        background-color: var(--Primary);
    }

    .icons-box.style-4 {
        padding: 30px 30px 30px;
    }

    .icons-box.style-4 .tf-icon svg path:not(:last-child) {
        fill: var(--Primary);
    }

    .icons-box.style-4 .tf-icon.style-2 svg path:nth-last-child(1),
    .icons-box.style-4 .tf-icon.style-2 svg path:nth-last-child(2) {
        fill: var(--Heading) !important;
    }

    .icons-box.style-4 .title {
        margin-bottom: 15px;
    }

    .icons-box.style-4:hover .tf-icon svg path:not(:last-child) {
        fill: var(--White);
    }

    .icons-box.style-5 {
        position: relative;
        padding: 34px 31px 30px;
    }

    .icons-box.style-5 .tf-icon {
        background-color: var(--Sub-primary-1);
    }

    .icons-box.style-5 .title {
        margin-bottom: 15px;
    }

    .icons-box.style-5 p {
        margin-bottom: 24px;
    }

    .icons-box.style-5:hover {
        box-shadow: 0px 30px 60px var(--shadown);
    }

    .icons-box.style-5:hover .tf-icon {
        background-color: var(--Sub-primary-1);
    }

    .icons-box.style-5:hover .tf-icon svg .change {
        fill: unset;
    }

    .icons-box.style-5:hover .line {
        background-color: var(--Line);
    }

    .icons-box.style-6 .title a:hover {
        color: var(--Color-3);
    }

    .icons-box.style-6:hover {
        box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.07);
    }

    .icons-box.style-7 .tf-icon {
        margin-bottom: 23px;
    }

    .icons-box.style-7 .tf-icon svg .change {
        color: var(--Primary);
    }

    .icons-box.style-7 p {
        margin-bottom: 23px;
    }

    .icons-box.style-7:hover {
        box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.07);
    }

    .wrap-partners {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .wrap-partners:hover .partner-item:not(:hover) {
        filter: brightness(0.9) saturate(0) contrast(1.2) blur(2px);
    }

    .partner-item {
        cursor: pointer;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .partner-item:hover svg path {
        fill: var(--Primary);
    }

    .partner-item.style-2 {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255, 255, 255, 0.1);
        width: 180px;
        height: 100px;
        border-radius: 16px;
    }

    .partner-item.style-2:hover {
        border-color: var(--Primary);
    }

    .agent-item {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .agent-item .image-wrap {
        border-radius: 16px;
        overflow: hidden;
        margin-bottom: 16px;
        position: relative;
    }

    .agent-item .image-wrap>a {
        display: block;
        position: relative;
        width: 100%;
    }

    .agent-item .image-wrap>a::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.12);
        bottom: 100%;
        left: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 1;
    }

    .agent-item .image-wrap>a img {
        width: 100%;
    }

    .agent-item .content {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px;
    }

    .agent-item .content .name {
        margin-bottom: 2px;
    }

    .agent-item .wrap-btn-icon {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 8px;
    }

    .agent-item .btn-icon {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 38px;
        width: 38px;
        border-radius: 999px;
        border: 1px solid var(--Line);
        color: var(--Text);
    }

    .agent-item .btn-icon:hover {
        background: var(--Primary);
        color: var(--White);
    }

    .agent-item .tf-social {
        max-width: 202px;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        transition-delay: 0.1s;
        z-index: 1;
    }

    .agent-item .tf-social a {
        color: var(--White);
        font-size: 18px;
        position: relative;
    }

    .agent-item .tf-social a::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 16px;
        background-color: rgba(255, 255, 255, 0.2);
        right: -16px;
    }

    .agent-item .tf-social a:hover {
        color: var(--Primary);
    }

    .agent-item:hover .tf-social {
        opacity: 1;
        visibility: visible;
        bottom: 32px;
    }

    .agent-item:hover .image-wrap a::after {
        bottom: 0;
        opacity: 1;
        visibility: visible;
    }

    .agent-item.style-2 {
        position: relative;
        border-radius: 16px;
        overflow: hidden;
    }

    .agent-item.style-2::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        bottom: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 68.29%, #000000 100%);
    }

    .agent-item.style-2 .image-wrap {
        margin-bottom: 0;
    }

    .agent-item.style-2 .content {
        position: absolute;
        bottom: 14px;
        max-width: 186px;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 1;
    }

    .agent-item.style-2 .content .name a {
        color: var(--White);
    }

    .agent-item.style-2 .content p {
        color: var(--White);
    }

    .agent-item.style-2 .wrap-btn-icon {
        position: absolute;
        right: 16px;
        top: 16px;
        flex-direction: column;
        gap: 8px;
        z-index: 1;
    }

    .agent-item.style-2 .btn-icon {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.2);
        border: none;
        color: var(--White);
    }

    .agent-item.style-2 .btn-icon.phone {
        transition-delay: 0.1s;
    }

    .agent-item.style-2 .btn-icon.message {
        transition-delay: 0.2s;
    }

    .agent-item.style-2 .btn-icon:hover {
        background-color: var(--Color-4);
    }

    .agent-item.style-2 .tf-social {
        bottom: 32px;
    }

    .agent-item.style-2:hover .tf-social {
        bottom: 88px;
    }

    .agent-item.style-3 .image-wrap {
        margin-bottom: 25px;
    }

    .agent-item.style-3 .tf-social {
        bottom: 16px;
    }

    .agent-item.style-3:hover .tf-social {
        bottom: 32px;
    }

    .agent-details {
        padding: 20px;
        border-radius: 12px;
        box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 30px;
    }

    .agent-details .image-wrap {
        flex: none;
        position: relative;
        max-width: 348px;
        border-radius: 16px;
        overflow: hidden;
    }

    .agent-details .image-wrap>a {
        width: 100%;
        height: 100%;
    }

    .agent-details .image-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .agent-details .tf-social {
        max-width: 202px;
        bottom: 0px;
        left: 0;
        right: 0;
        margin: 0 auto;
        opacity: 0;
    }

    .agent-details .author {
        margin-bottom: 20px;
    }

    .agent-details .author .name {
        margin-bottom: 2px;
    }

    .agent-details .author p {
        color: var(--Note-2);
    }

    .agent-details .info {
        padding-bottom: 30px;
        border-bottom: 1px solid var(--Line);
        margin-bottom: 30px;
    }

    .agent-details .info li {
        font-size: 16px;
        line-height: 22.4px;
    }

    .agent-details .info li:not(:last-child) {
        margin-bottom: 6px;
    }

    .agent-details .info span {
        color: var(--Color-8);
        letter-spacing: -1px;
    }

    .agent-details .info a {
        color: var(--Text);
    }

    .agent-details .info a:hover {
        color: var(--Primary);
    }

    .agent-details .info svg {
        margin-right: 3px;
    }

    .agent-details .content .title {
        margin-bottom: 10px;
    }

    .agent-details .content p {
        margin-bottom: 12px;
    }

    .agent-details .content .tf-btn-link svg {
        transform: rotate(90deg);
    }

    .agent-details .content .tf-btn-link:hover svg {
        transform: rotate(0deg);
    }

    .agent-details:hover .image-wrap .tf-social {
        bottom: 16px;
        opacity: 1;
    }

    .wrap-neighborhoods {
        display: grid;
        grid-auto-columns: 1fr;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr 1fr;
        gap: 11px 12px;
        grid-template-areas: "aa bb cc dd" "ee ff ff gg";
    }

    .wrap-neighborhoods .item-1 {
        grid-area: aa;
    }

    .wrap-neighborhoods .item-2 {
        grid-area: bb;
    }

    .wrap-neighborhoods .item-3 {
        grid-area: cc;
    }

    .wrap-neighborhoods .item-4 {
        grid-area: dd;
    }

    .wrap-neighborhoods .item-5 {
        grid-area: ee;
    }

    .wrap-neighborhoods .item-6 {
        grid-area: ff;
    }

    .wrap-neighborhoods .item-7 {
        grid-area: gg;
    }

    .box-location {
        border-radius: 16px;
        overflow: hidden;
        position: relative;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .box-location.h-450 .image-wrap img {
        height: 450px;
    }

    .box-location .image-wrap {
        overflow: hidden;
        min-height: 245px;
    }

    .box-location .image-wrap img {
        width: 100%;
        min-height: 245px;
        object-fit: cover;
    }

    .box-location .image-wrap a {
        position: relative;
    }

    .box-location .image-wrap a::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 68.29%, #000000 100%);
        left: 0;
        top: 0;
    }

    .box-location .content {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: absolute;
        z-index: 5;
        bottom: 16px;
        left: 0;
        right: 0;
        margin: 0 15px;
        flex-wrap: wrap;
        gap: 5px 10px;
    }

    .box-location .tf-btn {
        gap: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        padding: 17px 23px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 16px;
        font-weight: 700;
    }

    .box-location .tf-btn:hover {
        background-color: var(--Primary);
    }

    .box-location.style-2 {
        border-radius: 8px;
    }

    .box-location.style-2 .image-wrap {
        min-height: unset;
    }

    .box-location.style-2 .image-wrap img {
        min-height: unset;
    }

    .box-location.style-2 .content {
        flex-direction: column;
        align-items: start;
    }

    .box-location.style-2 .content p {
        color: var(--White);
    }

    .wrap-counter {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 24px;
    }

    .counter-item:not(.style-2) {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 290px;
        height: 290px;
        border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .counter-item .counter-number {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        width: max-content;
    }

    .counter-item .odometer-formatting-mark {
        display: none;
    }

    .counter-item .odometer .odometer-value {
        width: 100%;
        text-align: right !important;
    }

    .counter-item .odometer .odometer-digit {
        vertical-align: unset !important;
    }

    .counter-item span {
        color: var(--White);
        font-size: 80px;
        line-height: 100px;
        font-weight: 600;
        /* font-family: "Lexend", sans-serif; */
        font-family: "Inter", sans-serif;
    }

    .counter-item .sub {
        position: relative;
        top: -2px;
        left: -2px;
    }

    .counter-item .sub.plus {
        top: -14px;
        font-size: 40px;
    }

    .counter-item.style-2 {
        width: 135px;
    }

    .counter-item.style-2 .icons {
        font-size: 50px;
        color: var(--Primary);
        margin-bottom: 15px;
    }

    .counter-item.style-2 span {
        font-size: 40px;
        line-height: 50px;
        font-weight: 600;
        color: var(--Heading);
    }

    .counter-item.style-2 .sub.plus {
        top: -9px;
        left: 2px;
        font-size: 25px;
    }

    .wg-filter .form-title {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        background-color: var(--White);
        gap: 30px;
        border-radius: 16px;
    }

    .wg-filter .form-title .wrap-btn {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 8px;
    }

    .wg-filter .form-title .wrap-btn .tf-btn {
        height: 54px;
    }

    .wg-filter .form-title .btn-filter {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 54px;
        width: 54px;
        border-radius: 16px;
        background: var(--Sub-primary-2);
        cursor: pointer;
        flex: none;
    }

    .wg-filter .form-title .btn-filter svg path {
        stroke: var(--Primary);
    }

    .wg-filter .form-title.style-2 .nice-select,
    .wg-filter .form-title.style-2 form fieldset input,
    .wg-filter .form-title.style-2 form fieldset input::placeholder {
        font-size: 15px;
        line-height: 18.75px;
    }

    .wg-filter .wd-search-form {
        box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.08);
        z-index: 3;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 100%;
        width: 1280px;
        max-width: 100%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .wg-filter .wd-search-form.show {
        display: block;
        margin-top: 8px;
        opacity: 1;
        visibility: visible;
    }

    .wg-filter.style-3 form,
    .wg-filter.style-2 form {
        max-width: 390px;
        width: 100%;
        flex-shrink: 0;
    }

    .wg-filter.style-3 form fieldset input,
    .wg-filter.style-2 form fieldset input {
        font-size: 15px;
        line-height: 18.75px;
    }

    .wg-filter.style-3 .form-title,
    .wg-filter.style-2 .form-title {
        gap: 12px;
    }

    .wg-filter.style-3 .nice-select:after,
    .wg-filter.style-2 .nice-select:after {
        right: 18px;
    }

    .wg-filter.style-3 .nice-select .list,
    .wg-filter.style-2 .nice-select .list {
        width: 170px;
    }

    .wg-filter.style-3 .wrap-btn,
    .wg-filter.style-2 .wrap-btn {
        gap: 16px;
    }

    .wg-filter.style-3 form {
        max-width: 215px;
    }

    .wg-filter.style-3 .wrap-btn {
        gap: 10px;
    }

    .single-property-gallery {
        margin-bottom: 40px;
    }

    .single-property-gallery .sw-single {
        border-radius: 16px;
        margin-bottom: 12px;
    }

    .single-property-gallery .sw-thumbs-sigle {
        border-radius: 16px;
    }

    .box-overview .heading {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid var(--Line);
        flex-wrap: wrap;
        gap: 10px 15px;
    }

    .box-overview .heading .price span {
        margin-left: -10px;
    }

    .box-overview .info {
        margin-bottom: 40px;
        flex-wrap: wrap;
        gap: 15px;
    }

    .box-overview .info .location {
        margin-bottom: 7px;
    }

    .box-overview .info .meta-list {
        gap: 17px;
    }

    .box-overview .list-action {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 8px;
    }

    .box-overview .list-action a {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        width: 40px;
        border: 1px solid var(--Line);
        border-radius: 10px;
    }

    .box-overview .list-action a svg path {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .box-overview .list-action a:hover {
        background-color: var(--Primary);
    }

    .box-overview .list-action a:hover svg path {
        stroke: var(--White);
    }

    .box-overview .info-detail {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-bottom: 40px;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: space-between;
    }

    .box-overview .info-detail .wrap-box {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .box-overview .box-icon {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 12px;
    }

    .box-overview .box-icon .icons {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        border: 1px solid var(--Line);
        border-radius: 8px;
        font-size: 24px;
    }

    .box-overview .box-icon .content div:last-child {
        font-weight: 500;
    }

    .box-overview.style-2 {
        border-radius: 0 0 16px 16px !important;
    }

    .box-property-detail .content {
        margin-bottom: 26px;
    }

    .box-property-detail .description {
        margin-bottom: 16px;
    }

    .box-property-detail .box {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        gap: 20px;
        flex-wrap: wrap;
    }

    .box-property-detail .box ul {
        width: calc(50% - 10px);
    }

    .box-property-detail ul li:not(:last-child) {
        margin-bottom: 12px;
    }

    .box-property-detail ul li p:first-child {
        color: #3a3a3c;
        width: 76px;
    }

    .widget-video {
        position: relative;
    }

    .widget-video img {
        border-radius: 16px;
        width: 100%;
    }

    .widget-video .popup-youtube {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60px;
        height: 60px;
        background-color: var(--White);
        border-radius: 50%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }

    .widget-video .popup-youtube i {
        color: var(--Primary);
        font-size: 18px;
        margin-left: 4px;
    }

    .widget-video .popup-youtube::after,
    .widget-video .popup-youtube::before {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        border-radius: 9999px;
        animation: ripple 3s infinite;
    }

    .widget-video .popup-youtube::after {
        animation-delay: 0.5s;
    }

    .widget-video .popup-youtube::before {
        animation-delay: 0.9s;
    }

    .box-amenities .wrap-feature {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .box-amenities .wrap-feature .box-feature ul {
        padding-left: 15px;
        list-style: disc;
    }

    .box-amenities .wrap-feature .box-feature ul li {
        list-style: disc;
    }

    .box-amenities .wrap-feature .box-feature ul li::marker {
        color: var(--Primary);
    }

    .box-amenities .wrap-feature .box-feature ul li:not(:last-child) {
        margin-bottom: 11px;
    }

    .box-amenities .wrap-feature .box-feature .feature-item {
        gap: 8px;
    }

    .single-property-map .map {
        border-radius: 30px;
        width: 100%;
        height: 420px;
    }

    .single-property-map .info-map {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-top: 20px;
    }

    .single-property-map .info-map li {
        display: flex;
        gap: 10px;
    }

    .single-property-map .info-map li:not(:last-child) {
        margin-bottom: 12px;
    }

    .single-property-map .info-map li .label {
        color: #3a3a3c;
        width: 110px;
    }

    .single-property-floor .floor-item {
        padding: 0px 20px;
        background-color: #f7f7f7;
        border-radius: 12px;
    }

    .single-property-floor .floor-item:not(:last-child) {
        margin-bottom: 24px;
    }

    .single-property-floor .floor-item .floor-header {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 15px;
        padding: 19px 0px 17px;
    }

    .single-property-floor .floor-item .floor-header .inner-left {
        display: flex;
    }

    .single-property-floor .floor-item .floor-header .inner-left span {
        color: #161e2d;
        font-size: 16px;
        line-height: 21.86px;
        font-weight: 600;
        /* font-family: "Manrope", sans-serif; */
        font-family: "Inter", sans-serif;
    }

    .single-property-floor .floor-item .floor-header .inner-left .icon {
        flex-shrink: 0;
        margin-right: 9px;
        margin-top: -2px;
        display: inline-block;
        transform: rotate(0);
        font-size: 21px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .single-property-floor .floor-item .floor-header .inner-right {
        display: flex;
        gap: 28px;
    }

    .single-property-floor .floor-item .floor-header .inner-right .icon {
        font-size: 20px;
        color: #a3abb0;
    }

    .single-property-floor .floor-item .floor-header:not(.collapsed) .inner-left .icon {
        transform: rotate(-180deg);
    }

    .single-property-floor .floor-item .faq-body {
        padding: 17px 0px;
        border-top: 1px solid #e4e4e4;
    }

    .single-property-floor .floor-item .faq-body .box-img {
        background-color: var(--White);
        border-radius: 12px;
        overflow: hidden;
    }

    .box-attachments .attachments-item {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .box-attachments .attachments-item .box-icon {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background-color: #f7f7f7;
        width: 60px;
        height: 60px;
    }

    .box-attachments .attachments-item .box-icon img {
        max-width: 40px;
    }

    .box-attachments .attachments-item .icon {
        font-size: 24px;
    }

    .box-attachments .attachments-item span {
        color: var(--Text);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .box-attachments .attachments-item:hover span {
        color: var(--Primary);
    }

    .box-virtual-tour .image-wrap {
        position: relative;
        border-radius: 16px;
        overflow: hidden;
    }

    .box-virtual-tour .image-wrap .box-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .box-virtual-tour .image-wrap .box-icon .icons {
        font-size: 60px;
        color: var(--White);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-animation: rotate1 5s infinite ease-in-out;
        animation: rotate1 5s infinite ease-in-out;
    }

    .single-property-nearby .box-nearby {
        margin-top: 25px;
    }

    .single-property-nearby .box-nearby .item-nearby:not(:last-child) {
        margin-bottom: 8px;
    }

    .single-property-nearby .item-nearby {
        display: flex;
        gap: 4px;
    }

    .single-property-nearby .item-nearby .label {
        width: 120px;
        color: #3a3a3c;
        opacity: 0.8;
    }

    .agencies-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 30px;
        padding: 30px;
        border: 1px solid var(--Line);
        border-radius: 16px;
    }

    .agencies-item .logo-wrap {
        width: 90px;
        height: 90px;
        overflow: hidden;
        border-radius: 10px;
        border: 1px solid var(--Line);
        flex-shrink: 0;
    }

    .agencies-item .info {
        margin-bottom: 19px;
    }

    .agencies-item .info .name {
        margin-bottom: 5px;
    }

    .agencies-item .info .location {
        color: var(--Note);
    }

    .agencies-item .contact {
        padding-top: 20px;
        border-top: 1px solid var(--Line);
        margin-top: 20px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .agencies-item .contact .list-link {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 7px;
    }

    .agencies-item .contact .list-link a {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        background: rgba(241, 145, 61, 0.1019607843);
        color: var(--Primary);
        border-radius: 999px;
        font-size: 18px;
    }

    .agencies-item .contact .list-link a:hover {
        color: var(--Secondary);
    }

    .agencies-item .contact .tf-btn {
        height: 44px;
        border-radius: 12px;
    }

    .agencies-item.style-2 {
        flex-direction: column;
        gap: 0;
        border: 1px solid var(--Line);
        border-radius: 10px;
        overflow: hidden;
        padding: 0;
    }

    .agencies-item.style-2 .bg-image img {
        width: 100%;
    }

    .agencies-item.style-2 .content-inner {
        margin-top: -44px;
        padding: 0 23px 23px;
    }

    .agencies-item.style-2 .logo-wrap {
        border: none;
        border-radius: 999px;
        box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.0784313725);
        margin-bottom: 17px;
    }

    .agencies-item.style-2 .info {
        margin-bottom: 15px;
    }

    .agencies-item.style-2 .info .name {
        margin-bottom: 1px;
    }

    .agencies-item.style-2 .info .location {
        color: var(--Text);
    }

    .agencies-item.style-2 .list-info li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 10px;
    }

    .agencies-item.style-2 .list-info li:not(:last-child) {
        margin-bottom: 12px;
    }

    .agencies-item.style-2 .list-info li span {
        font-size: 14px;
        line-height: 21px;
    }

    .agencies-item.style-2 .list-info li span:first-child {
        font-weight: 500;
        width: 76px;
        color: var(--Heading);
    }

    .agencies-item.style-2 .contact {
        padding-top: 16px;
        margin-top: 16px;
    }

    .career-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 29px;
        justify-content: space-between;
        border-radius: 16px;
        border: 1px solid var(--Line);
        flex-wrap: wrap;
        gap: 10px;
    }

    .career-item .name {
        margin-bottom: 10px;
    }

    .career-item .list-info {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 10px 20px;
        flex-wrap: wrap;
    }

    .career-item .list-info li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .career-item .list-info li:not(:last-child) {
        font-weight: 300;
    }

    .career-item .list-info li i {
        font-size: 18px;
    }

    .career-item .tf-btn {
        height: 44px;
        border-radius: 12px;
    }

    .wg-appraisal .content {
        background-color: var(--Sub-primary-1);
        padding: 112px 0 111px 69px;
        position: relative;
        border-radius: 24px;
        position: relative;
        z-index: 2;
    }

    .wg-appraisal .content::after {
        content: "";
        position: absolute;
        background-image: url(../images/section/cta-1.png);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .wg-appraisal .content .person {
        position: absolute;
        bottom: 0;
        right: 103px;
        z-index: 2;
    }

    .wg-appraisal.style-2 {
        margin-top: 0;
    }

    .wg-appraisal.style-2 .content {
        background-image: url(../images/section/section-appraisal.jpg);
    }

    .wg-appraisal.style-2 .content::after {
        display: none;
    }

    .wg-appraisal.style-2 .content .person {
        right: 87px;
    }

    .wg-appraisal.style-3 {
        margin-top: 0;
        padding-bottom: 0;
    }

    .wg-appraisal.style-3 .content .heading-section {
        max-width: 591px;
    }

    .wg-appraisal.style-3 .content::after {
        background-image: url(../images/section/cta-2.png);
        bottom: 0;
        top: unset;
        background-size: cover;
    }

    .wg-appraisal.style-3 .content .person {
        right: 69px;
    }

    .loadmore-item .fl-item {
        display: none;
    }

    .loadmore-item-1 .fl-item-1 {
        display: none;
    }

    .loadmore-item-3 .fl-item-3 {
        display: none;
    }

    .loadmore-item-4 .fl-item-4 {
        display: none;
    }

    .loadmore-item-5 .fl-item-5 {
        display: none;
    }

    .loadmore-item-6 .fl-item-6 {
        display: none;
    }

    .loadmore-item-7 .fl-item-7 {
        display: none;
    }

    .wrap-map #map {
        height: 100%;
        width: 100%;
    }

    .wrap-pagination {
        margin-top: 32px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px 10px;
    }

    .wrap-pagination .wg-pagination {
        margin-top: 0;
    }

    .wrap-pagination .wg-pagination li a {
        font-weight: 600;
    }

    .tag-property {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 15px 21px;
        position: absolute;
        bottom: 16px;
        left: 16px;
        background-color: var(--Primary);
        border-radius: 999px;
    }

    .agency-details .image-wrap {
        border-radius: 16px;
        overflow: hidden;
    }

    .agency-details .image-wrap img {
        width: 100%;
    }

    .agency-details .logo {
        width: 190px;
        border-radius: 999px;
        overflow: hidden;
        box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.08);
    }

    .agency-details .content {
        margin-top: -95px;
        margin-left: 30px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: flex-end;
        gap: 26px;
    }

    .agency-details .content .info {
        margin-bottom: 14px;
    }

    .agency-details .content .name {
        margin-bottom: 6px;
    }

    .wg-listing .heading {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 32px;
    }

    .wg-listing .tf-houese-filter {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 7px;
    }

    .wg-listing .tf-houese-filter :nth-child(1) {
        width: 34.84px;
    }

    .wg-listing .tf-houese-filter :nth-child(2) {
        width: 79.14px;
    }

    .wg-listing .tf-houese-filter :nth-child(3) {
        width: 78.86px;
    }

    .wg-listing .tf-btns-filter {
        position: relative;
        padding: 7px 7px 8px;
        cursor: pointer;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .wg-listing .tf-btns-filter::after {
        position: absolute;
        content: "";
        width: 0;
        height: 2px;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: var(--Primary);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .wg-listing .tf-btns-filter:hover {
        color: var(--Primary);
    }

    .wg-listing .tf-btns-filter:hover::after {
        width: 100%;
    }

    .wg-listing .tf-btns-filter.is--active {
        font-weight: 700;
        color: var(--Primary);
    }

    .wg-listing .tf-btns-filter.is--active::after {
        width: 100%;
    }

    .box-calculate {
        border-radius: 16px;
        overflow: hidden;
    }

    .box-calculate form {
        border-width: 0px 1px 1px 1px;
        border-style: solid;
        border-color: var(--Line);
        padding: 40px;
        border-radius: 0 0 16px 16px;
    }

    .box-benefits {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 20px;
    }

    .box-benefits .wrap-image {
        flex: 0 0 auto;
        width: 50%;
    }

    .box-benefits .image {
        border-radius: 16px;
        overflow: hidden;
        width: 62.4%;
    }

    .box-benefits .image.img-1 {
        position: relative;
        z-index: 1;
        box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.25);
    }

    .box-benefits .image.img-2 {
        position: absolute;
        bottom: 0;
        right: 61px;
    }

    .box-benefits .content {
        padding: 78.5px 0;
    }

    .box-benefits .content>.title {
        margin-bottom: 32px;
    }

    .box-benefits .content .description {
        margin-bottom: 32px;
    }

    .box-benefits .content .wrap-icon {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        margin-bottom: 31px;
    }

    .box-benefits .content .wrap-icon .box-icon {
        position: relative;
    }

    .box-benefits .content .wrap-icon .box-icon:not(:last-child)::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        background-color: var(--Line);
        top: 0;
        right: -25px;
    }

    .box-benefits .box-icon {
        width: 174px;
        flex: none;
    }

    .box-benefits .box-icon .icons {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 42px;
        height: 90px;
        width: 90px;
        background-color: var(--Sub-primary-1);
        border-radius: 16px;
        color: var(--Primary);
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 16px;
    }

    .box-review {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 72px;
    }

    .box-review .content-left {
        max-width: 546px;
        padding: 186.5px 0;
    }

    .box-review .box-author {
        position: absolute;
        top: 137px;
        left: 6px;
        max-width: max-content;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 16px;
        border-radius: 16px;
        box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.07);
        background-color: var(--White);
    }

    .box-review .box-author .title {
        margin-bottom: 31px;
    }

    .box-review .box-author .avatar {
        height: 60px;
        width: 60px;
        border-radius: 999px;
        overflow: hidden;
    }

    .box-review .box-author .name {
        margin-bottom: 4px;
    }

    .box-review .content-right {
        position: relative;
        width: 100%;
    }

    .box-review .content-right::after {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        border-radius: 999px;
        background-color: var(--Sub-primary-2);
        left: 98px;
        top: 80px;
        z-index: -1;
    }

    .box-review .content-right>.ratings {
        position: absolute;
        top: 223px;
        right: 15px;
        padding: 16px;
        border-radius: 16px;
        box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.07);
        background-color: var(--White);
        max-width: max-content;
    }

    .box-review .content-right .person {
        margin-left: 53px;
    }

    .box-review .wg-testimonial {
        padding: 24px 23px 21px;
        position: absolute;
        max-width: 510px;
        background-color: var(--White);
        box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.07);
        bottom: 0;
        right: 57px;
    }

    .box-review .wg-testimonial .description {
        margin-bottom: 25px;
    }

    .box-password {
        position: relative;
    }

    .box-password .form-control {
        padding-right: 40px;
    }

    .box-password .show-pass,
    .box-password .show-pass2,
    .box-password .show-pass3 {
        position: absolute;
        right: 16px;
        top: 16px;
        cursor: pointer;
    }

    .box-password .show-pass .icon-pass,
    .box-password .show-pass2 .icon-pass,
    .box-password .show-pass3 .icon-pass {
        font-size: 20px;
    }

    .box-password .show-pass .icon-view,
    .box-password .show-pass2 .icon-view,
    .box-password .show-pass3 .icon-view {
        display: none;
    }

    .box-password .show-pass.active .icon-view,
    .box-password .show-pass2.active .icon-view,
    .box-password .show-pass3.active .icon-view {
        display: inline-block;
    }

    .box-password .show-pass.active .icon-hide,
    .box-password .show-pass2.active .icon-hide,
    .box-password .show-pass3.active .icon-hide {
        display: none;
    }

    .flat-pricing .box {
        background: var(--White);
        padding: 41px 30px 30px;
        border-radius: 10px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.07);
    }

    .flat-pricing .box:hover {
        transform: translateY(-12px);
    }

    .flat-pricing .box .sub-title {
        margin-bottom: 14px;
    }

    .flat-pricing .box .text-sub {
        margin-bottom: 31px;
    }

    .flat-pricing .box .title-price {
        margin-bottom: 15px;
    }

    .flat-pricing .box .title-price h2 {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .flat-pricing .box .title-price .month {
        margin-left: 5px;
        margin-top: 26px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .flat-pricing .box .texts {
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #efefef;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .flat-pricing .box .check {
        margin-bottom: 24px;
    }

    .flat-pricing .box .check li {
        margin-bottom: 14px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
    }

    .flat-pricing .box .check li::before {
        content: "\e917";
        font-family: "icomoon";
        font-size: 13px;
        font-weight: 600;
        color: #fff;
        margin-right: 13px;
        width: 17px;
        height: 17px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--Primary);
        border-radius: 50%;
        flex: none;
    }

    .flat-pricing .box .button-pricing a {
        width: 100%;
        text-align: center;
    }

    .wow {
        visibility: hidden;
    }

    .progress-wrap {
        position: fixed;
        bottom: 40px;
        right: 15px;
        height: 40px;
        width: 40px;
        cursor: pointer;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border-radius: 999px;
        z-index: 98;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all 400ms linear;
        -o-transition: all 400ms linear;
        transition: all 400ms linear;
        background: var(--White);
        border: 1.2px solid rgba(134, 134, 134, 0.12);
    }

    .progress-wrap::after {
        position: absolute;
        content: "\e945";
        font-family: "icomoon";
        text-align: center;
        line-height: 40px;
        font-size: 20px;
        color: var(--Primary);
        height: 40px;
        width: 40px;
        cursor: pointer;
        z-index: 1;
        -webkit-transition: all 400ms linear;
        -o-transition: all 400ms linear;
        transition: all 400ms linear;
    }

    .progress-wrap.active-progress {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .progress-wrap svg path {
        fill: none;
    }

    .progress-wrap svg.progress-circle path {
        box-sizing: border-box;
        stroke: var(--Primary);
        stroke-width: 4;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        transition-duration: 0.4s;
        transition-timing-function: linear;
    }

    .categories-item {
        margin:10px 0px;
        padding: 30px 24px 24px 24px;
        background-color: var(--White);
        border-radius: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 27px;
        z-index: 1;
        border: 1px solid var(--Line);
        position: relative;
        overflow: hidden;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }

    .categories-item::after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: var(--Primary);
        transform: scale(1, 0);
        transition: transform 400ms ease;
        transform-origin: bottom center;
        z-index: -1;
        border-radius: 16px;
    }

    .categories-item .icon-box {
        overflow: hidden;
    }

    .categories-item .icon-box .icon {
        position: relative;
        z-index: 5;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        font-size: 80px;
        color: var(--Heading);
    }

    .categories-item .content {
        position: relative;
        z-index: 5;
    }

    .categories-item .content h5,
    .categories-item .content p {
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        font-weight: 400;

    }

    .categories-item.active::after,
    .categories-item:hover::after {
        transform: scale(1, 1);
        transform-origin: top center;
    }

    .categories-item.active .icon-box .icon,
    .categories-item:hover .icon-box .icon {
        color: var(--White);
    }

    .categories-item.active .content h5,
    .categories-item.active .content p,
    .categories-item:hover .content h5,
    .categories-item:hover .content p {
        color: var(--White);
    }

    .categories-item.style-2 {
        flex-direction: row;
        padding: 16px;
        border: none;
        gap: 16px;
    }

    .categories-item.style-2::after {
        display: none;
    }

    .categories-item.style-2 .icon-box {
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        height: 101px;
        width: 101px;
        border-radius: 16px;
        border: 1px solid rgb(236, 236, 236);
    }

    .categories-item.style-2 .icon-box .icon {
        font-size: 50px;
    }

    .categories-item.style-2 p {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .categories-item.style-2:hover {
        background-color: unset;
    }

    .categories-item.style-2:hover .icon-box {
        background-color: var(--Primary);
    }

    .categories-item.style-2:hover .content h5 {
        color: var(--Primary);
    }

    .categories-item.style-2:hover .content p {
        color: var(--Text);
    }

    #loading {
        background-color: var(--White);
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 1;
        margin-top: 0px;
        top: 0px;
        left: 0px;
        bottom: 0px;
        overflow: hidden;
        right: 0px;
        z-index: 999999;
    }

    #loading #loading-center {
        width: 100%;
        height: 100%;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #loading #loading-center .loader-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #loading #loading-center .loader-container .wrap-loader {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #loading #loading-center .loader-container .wrap-loader .icon {
        position: absolute;
        max-width: 80px;
    }

    #loading #loading-center .loader-container .loader {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }

    #loading .icon {
        width: 42px;
        height: 42px;
    }

    /*------------ sections ---------------- */

    /* spacing
    ===============================================================================*/

    .tf-spacing-1 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .tf-spacing-2 {
        padding-top: 30px;
        padding-bottom: 5px;
    }

    .tf-spacing-3 {
        padding-top: 64px;
        padding-bottom: 80px;
    }

    .tf-spacing-4 {
        padding-top: 0;
        padding-bottom: 77px;
    }

    .tf-spacing-5 {
        padding-top: 69px;
        padding-bottom: 104px;
    }

    .tf-spacing-6 {
        padding-top: 0;
        padding-bottom: 80px;
    }
    .tf-spacing-7 {
        padding-top: 40px;
        padding-bottom: 10px;
    }
    /* layout
    ===============================================================================*/

    .grid-layout-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }

    .tf-grid-layout {
        display: grid;
        gap: 20px;
    }

    .tf-grid-layout-2 {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(2, 1fr);
    }

    .tf-grid-layout-3 {
        display: grid;
        gap: 20px;
    }

    .grid-layout-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
    }

    .grid-layout-4 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 40px;
    }

    /* heading-section
    ===============================================================================*/

    .heading-section {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 12px;
        flex-direction: column;
    }

    .heading-section p {
        color: #000;
        font-weight: 500;
    }

    /* page-title
    ===============================================================================*/

    /*.page-title {*/
    /*    position: relative;*/
    /*    z-index: 10;*/
    /*    background-position: center;*/
    /*    background-attachment: fixed;*/
    /*}*/


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

    .page-title .heading-title .title {
        color: var(--White);
        margin-bottom: 16px;
    }

    .page-title .heading-title p {
        color: var(--White);
        line-height: 25.2px;
    }

    .page-title form fieldset input::placeholder {
        color: rgb(124, 127, 132);
        font-weight: 400;
    }

    .page-title.home01,
    .page-title.home05,
    .page-title.career {
        background-image: url(../images/slider.webp);
        background-attachment: fixed;
        padding: 154px 0 258px;
        background-size: cover;
    }

    .page-title.home01 .heading-title,
    .page-title.home05 .heading-title,
    .page-title.career .heading-title {
        margin-bottom: 45px;
    }

    .page-title.home01 .tf-dropdown-sort,
    .page-title.home05 .tf-dropdown-sort,
    .page-title.career .tf-dropdown-sort {
        padding-right: 30px;
        border-right: 1px solid var(--Line);
    }

    .page-title.home01 form,
    .page-title.home05 form,
    .page-title.career form {
        flex: 1;
    }

    .page-title.home01 form fieldset input,
    .page-title.home05 form fieldset input,
    .page-title.career form fieldset input {
        border: none;
    }

    .page-title.home01 .form-title,
    .page-title.home05 .form-title,
    .page-title.career .form-title {
        padding: 8px 8px 8px 24px;
    }

    .page-title.home01 .btn-filter,
    .page-title.home05 .btn-filter,
    .page-title.career .btn-filter {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 54px;
        width: 54px;
        border-radius: 16px;
        cursor: pointer;
    }

    .page-title.home02 {
        background-image: url(../images/section/page-title-2.jpg);
        padding: 232px 0 294px;
        background-size: cover;
        background-attachment: fixed;
    }

    .page-title.home02 .heading-title {
        margin-bottom: 80px;
    }

    .page-title.home02 .form-title {
        padding: 16px;
        gap: 12px;
    }

    .page-title.home02 form {
        flex-grow: 1;
    }

    .page-title.home02 .nice-select {
        flex-grow: 1;
    }

    .page-title.home02 .btn-filter {
        background: var(--Sub-primary-2);
    }

    .page-title.home02 .btn-filter svg path {
        stroke: var(--Primary);
    }

    .page-title.home02 .checkbox-item label input:checked~.btn-checkbox {
        background-color: var(--Primary);
        border-color: var(--Primary);
    }

    .page-title.home03 {
        background-image: url(../images/section/page-title-3.jpg);
        background-size: cover;
        padding: 200px 0 310px;
    }

    .page-title.home03 .heading-title {
        text-align: start;
        margin-bottom: 74px;
    }

    .page-title.home03 .widget-tabs .widget-menu-tab {
        justify-content: start;
    }

    .page-title.home03 .form-title {
        padding: 16px;
        gap: 12px;
    }

    .page-title.home04 {
        background-image: url(../images/section/page-title-4.jpg);
        padding: 112px 0 207px;
        background-size: cover;
    }

    .page-title.home04 .heading-title {
        margin-bottom: 63px;
    }

    .page-title.home04 .form-title {
        padding: 16px;
        gap: 12px;
    }

    .page-title.home04 form {
        flex-grow: 1;
    }

    .page-title.home04 .nice-select {
        flex-grow: 1;
    }

    .page-title.home05 {
        background-image: url(../images/section/page-title-5.jpg);
        padding: 237px 0 300px;
        background-size: cover;
    }

    .page-title.home05 .heading-title {
        margin-bottom: 45px;
    }

    .page-title.style-1 {
        padding: 132px 0 232px;
        background-image: url(../images/section/bg1.jpg);
        background-size: cover;
    }
    .privacy p
    {color:#000;}
    .why p
    {color:#000;}
    .work p
    {color:#000;}
    .about p
    {color:#000;}
    .page-title.style-2 {
        padding: 132px 0 232px;
        background-image: url(../images/section/page-title-loan.jpg);
            background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .page-title.style-2::after {
        display: none;
    }

    .page-title.style-2 .heading-title .title {
        color: #fff;
    }
    .page-title.style-2 .heading-title .breadcrumb li {
        color: #fff;
    }

    .page-title.career {
        background-image: url(../images/section/page-title-career.jpg);
        background-size: cover;
        padding: 384px 0 0;
        background-repeat: no-repeat;
    }

    .page-title.career .heading-title {
        margin-bottom: 56px;
    }

    .page-title.career .heading-title .title {
        line-height: 70px;
    }

    .page-title.career .content-inner {
        margin-bottom: -35px;
    }

    .page-title.career .form-title {
        box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.07);
    }

    .page-title .wd-search-form {
        max-width: calc(100vw - 30px);
    }

    /* title-inner 
    ===============================================================================*/

    .flat-title {
        margin-bottom: 62px;
    }

    .flat-title .title-inner {
        padding-top: 34px;
    }

    .flat-title.style-2 .title-inner {
        padding-top: 34px;
        margin-bottom: 30px;
    }

    /* breadcrumb 
    ===============================================================================*/

    .breadcrumb {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 28px;
        margin-bottom: 0;
    }

    .breadcrumb li a {
        color: var(--Primary);
    }

    .breadcrumb li a:hover {
        color: var(--Secondary);
    }

    .breadcrumb li:not(:last-child) {
        position: relative;
    }

    .breadcrumb li:not(:last-child)::after {
        content: "\e908";
        position: absolute;
        font-family: "icomoon"; 
        color: var(--Text);
        font-size: 8px;
        line-height: normal;
        top: 5px;
        margin: 0 12.5px 0 11.5px;
    }

    /* section-CTA
    ===============================================================================*/

    .section-CTA:not(.style-2) {
        background-color: var(--Primary);
    }

    .section-CTA:not(.style-2) .content-inner {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 34px 0;
        gap: 10px;
    }

    .section-CTA:not(.style-2) .content-inner img {
        max-width: 108px;
        position: absolute;
        bottom: 0;
    }

    .section-CTA:not(.style-2) .content-inner .content {
        padding-left: 134px;
    }

    .section-CTA:not(.style-2) .content-inner .tf-btn {
        height: 54px;
        padding: 0 29.5px;
    }

    .section-CTA.style-2 .content-inner {
        overflow: hidden;
        background-color: #2a3680;
        position: relative;
        padding: 32px;
        border-radius: 16px;
    }

    .section-CTA.style-2 .content-inner::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url(../images/section/cta-4.png);
        left: 0;
        top: 0;
    }

    .section-CTA.style-2 .content-inner::before {
        content: "";
        position: absolute;
        height: 484px;
        width: 484px;
        background-color: #c8992a;
        border-radius: 999px;
        right: 32px;
        bottom: -245px;
    }

    .section-CTA.style-2 .logo {
        margin-bottom: 33px;
        width: 136px;
        height: 42px;
    }

    .section-CTA.style-2 .content {
        position: relative;
        z-index: 5;
    }

    .section-CTA.style-2 .person {
        max-width: 300px;
        position: absolute;
        bottom: 0;
        right: 175px;
        z-index: 2;
    }

    .section-CTA.style-2 .tf-btn {
        height: 54px;
    }

    /*section-realty
    ===============================================================================*/

    .section-realty {
        background-image: url(../images/section/section-realty.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        background-attachment: fixed;
    }

    .section-realty::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        top: 0;
    }

    .section-realty .heading-section {
        margin-bottom: 46px;
        position: relative;
        z-index: 5;
    }

    .section-realty .counter-item {
        position: relative;
        z-index: 5;
    }

    /*section-property-detail
    ===============================================================================*/

    .section-property-detail .wg-property {
        padding: 24px;
        border-radius: 16px;
        box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);
        margin-bottom: 40px;
    }

    .section-property-detail .wg-property.single-property-floor,
    .section-property-detail .wg-property.box-attachments,
    .section-property-detail .wg-property.box-property-detail {
        padding: 30px 30px 37px;
    }

    .section-property-detail .wg-property.box-amenities {
        padding-right: 133px !important;
    }

    .section-property-detail .wg-property.single-property-floor {
        padding: 30px 30px 32px;
    }

    .section-property-detail .wg-property.box-virtual-tour {
        padding: 23px 29px 34px;
    }

    .section-property-detail .wg-property.box-loan {
        padding: 32px 30px 30px;
    }

    .section-property-detail .wg-property.box-loan .wrap-btn {
        margin-top: 23px;
    }

    .section-property-detail .wg-property.box-loan .wrap-btn p {
        margin-top: 0;
    }

    .section-property-detail .wg-property.box-loan .wrap-btn span {
        color: var(--Primary);
    }

    .section-property-detail .wg-property.single-property-nearby {
        padding: 32px 30px 30px;
    }

    .section-property-detail .wg-property.box-property-detail .box ul li {
        gap: 10px;
    }

    .section-property-detail .wg-property.box-comment {
        padding: 30px;
    }

    .section-property-detail .wg-property.spacing-1 {
        padding: 24px 24px 39px;
    }

    .section-property-detail .wg-property.spacing-2 {
        padding: 22px 24px 23px;
    }

    .section-property-detail .wg-property.spacing-3 {
        padding: 25px 24px 20px;
    }

    .section-property-detail .wg-property.spacing-4 {
        padding: 25px 23px 35px;
    }

    .section-property-detail .wg-property.spacing-5 {
        padding: 24px 23px 35px;
    }

    .section-property-detail .wg-property.spacing-6 {
        padding: 23px 23px 34px;
    }

    .section-property-detail .wg-property.spacing-7 {
        padding: 24px 23px 37px;
    }

    .section-property-detail .wg-property.spacing-8 {
        padding: 23px 23px 35px;
    }

    .section-property-detail .wg-property.spacing-9 {
        padding: 27px 24px 21px;
    }

    .section-property-detail .wg-property.spacing-10 {
        padding: 26px 24px 23px;
    }

    .section-property-detail .wg-property.spacing-11 {
        padding: 27px 24px 23px;
    }

    .section-property-detail .wg-property .wrap-comment {
        padding-bottom: 38px;
        margin-bottom: 36px;
    }

    .section-property-detail .wg-property .wrap-comment .comment-item .author .name {
        margin-bottom: 6px;
    }

    .section-property-detail .wg-property .wrap-comment .comment-item p {
        margin-bottom: 15px;
    }

    .section-property-detail .wg-property form .tf-btn {
        gap: 1px;
    }

    .section-property-detail .wg-title {
        margin-bottom: 24px;
    }

    .section-property-detail .sw-thumbs-sigle {
        border-radius: 16px 16px 0 0;
    }

    .section-property-detail .single-property-gallery {
        margin-bottom: 40px;
    }

    .section-property-detail .single-property-gallery.style-1 .sw-button {
        top: calc(50% - 55px);
    }

    .section-property-detail .single-property-gallery.style-1 .sw-button.swiper-button-next {
        right: 16px;
    }

    .section-property-detail .single-property-gallery.style-1 .sw-button.swiper-button-prev {
        left: 16px;
    }

    .section-property-detail .form-pre-approved .cols {
        margin-bottom: 32px;
    }

    .section-property-detail .form-pre-approved .cols:nth-last-child(2) {
        margin-bottom: 0;
    }

    .section-property-detail.style-2 .wg-property {
        box-shadow: unset;
        border: 1px solid var(--Line);
    }

    /*section-property-image
    ===============================================================================*/

    .section-property-image {
        margin-bottom: 40px;
    }

    .section-property-image .wrap-image {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 14px;
    }

    .section-property-image .wrap-image .image {
        border-radius: 16px;
        overflow: hidden;
        position: relative;
    }

    .section-property-image .wrap-image .wrap-image-right {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 14px;
        flex-direction: column;
    }

    .section-property-image .wrap-image .wrap-image-right .bot {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 14px;
    }

    /*section-listing
    ===============================================================================*/

    .section-listing .heading-section {
        margin-bottom: 47px;
    }

    /*section-help 
    ===============================================================================*/

    .section-help {
        background-color: var(--Sub-primary-1);
    }

    .section-help .heading-section {
        margin-bottom: 10px;
    }

    .section-help .widget-tabs {
        margin-bottom: 0px;
        text-align: center;
    }

    .section-help .widget-tabs .widget-menu-tab {
        margin-bottom: 25px;
    }

    .section-help .text {
        color: #000;
    }

    .section-help .text a {
        color: var(--Primary);
        text-decoration: underline;
        margin-left: 6px;
    }

    .section-help .text a:hover {
        color: var(--Heading);
    }

    .section-help.style-2 {
        background-color: var(--White);
    }

    .section-help.style-2 .icons-box:hover {
        box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.07);
    }

    /*section-pre-approved
    ===============================================================================*/

    .section-pre-approved .content {
        margin: 88px 0;
    }

    .section-pre-approved .heading-section {
        margin-bottom: 47px;
    }

    .section-pre-approved .image-wrap {
        border-radius: 24px;
        overflow: hidden;
    }

    .section-pre-approved .image-wrap img {
        width: 100%;
    }

    .section-pre-approved.style-2 .content {
        margin: 31px 0;
    }

    .section-pre-approved.style-2 .image-wrap {
        max-width: 550px;
        margin-left: auto;
    }

    .section-pre-approved.style-2 .form-pre-approved p {
        margin-top: 34px;
    }

    /*section-work-together
    ===============================================================================*/

    .section-work-together .wg-partner {
        background-color: var(--Secondary);
        padding-bottom: 328px;
    }

    .section-work-together .wg-appraisal {
        margin-top: calc(-11% - 13px);
        padding-bottom: 104px;
    }

    .section-work-together.style-2 .wg-partner {
        background-color: unset;
        padding-bottom: unset;
    }

    /*section-testimonials
    ===============================================================================*/

    .section-testimonials .box-testimonials {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        gap: 38px;
    }

    .section-testimonials.style-1 .tf-grid-layout {
        padding: 40px;
        margin: -40px;
        position: relative;
        max-height: 86rem;
        overflow: hidden;
    }

    .section-testimonials.style-1 .tf-grid-layout .tf-btn {
        position: absolute;
        bottom: 60px;
        z-index: 10;
        left: 50%;
        transform: translateX(-50%);
        height: 40px;
        padding: 0 15px;
        font-weight: 500;
    }

    .section-testimonials.style-1 .tf-grid-layout.active {
        max-height: 100%;
    }

    .section-testimonials.style-1 .tf-grid-layout.active::after {
        display: none;
    }

    .section-testimonials.style-1 .tf-grid-layout::after {
        content: "";
        position: absolute;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
        width: 100%;
        height: 64%;
        bottom: 0;
    }

    /*section-trusted
    ===============================================================================*/

    .section-trusted {
        background-color: var(--Sub-primary-1);
    }

    .section-trusted .heading-section span {
        position: relative;
        margin-right: 11px;
    }

    .section-trusted .heading-section span::after {
        position: absolute;
        content: "+";
        top: -8px;
        font-size: 22px;
    }

    .section-trusted .person {
        bottom: -105px;
        right: 167px;
        z-index: 2;
    }

    .section-trusted .item {
        bottom: -104px;
        right: 34px;
    }

    /*section-neighborhoods
    ===============================================================================*/

    .section-neighborhoods.style-2 .wrap-neighborhoods {
        display: flex;
        gap: unset;
    }

    /*section-featured
    ===============================================================================*/

    .section-featured {
        max-width: 1920px;
        margin: 0 auto;
    }

    .section-featured .box-house {
        background: rgba(242, 105, 92, 0.0509803922);
    }

    .section-featured .box-house .image-wrap {
        max-width: 100%;
    }

    /*section-why
    ===============================================================================*/

    .section-why p a {
        color: var(--Primary);
    }

    .section-why .tf-btn {
        height: 54px;
    }

    /*section-box-team
    ===============================================================================*/

    .section-box-team .wrap-image {
        position: relative;
        height: 100%;
    }

    .section-box-team .image-wrap {
        border-radius: 16px;
        overflow: hidden;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .section-box-team .image-wrap.img-1 {
        box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.25);
        z-index: 1;
    }

    .section-box-team .image-wrap.img-2 {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .section-box-team .image-wrap.img-2:hover {
        z-index: 2;
    }

    .section-box-team .content-inner {
        padding: 62.5px 0;
    }

    .section-box-team.style-2 .content-inner {
        padding: 52.5px 0 47.5px;
    }

    /*section-categories-neighborhoods{
    ===============================================================================*/

    .section-categories-neighborhoods .wrap-neighborhoods {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 0;
    }

    .section-categories-neighborhoods .swiper {
        border-radius: 16px;
    }

    /*section-appraisal
    ===============================================================================*/

    .section-appraisal.style-2 .wg-appraisal .content::after {
        background-image: url(../images/section/cta-3.png);
    }

    /*section-sale
    ===============================================================================*/

    .section-sale .box-sale {
        padding-top: 104px;
        padding-bottom: 323px;
        background-color: var(--Secondary);
        position: relative;
    }

    .section-sale .box-sale::after {
        content: "";
        position: absolute;
        background-image: url(../images/section/section-sale.png);
        width: 100%;
        height: 100%;
        top: 0;
    }

    .section-sale .box-sale .heading-section,
    .section-sale .box-sale .tf-btn {
        position: relative;
        z-index: 5;
    }

    .section-sale .box-sale .tf-btn {
        border: 1px solid var(--Primary);
    }

    .section-sale .box-sale .tf-btn:hover {
        border: 1px solid var(--Primary);
    }

    .section-sale .tf-grid-layout {
        margin-top: -219px;
    }

    /*section-selling-home
    ===============================================================================*/

    .section-selling-home {
        background-color: rgb(247, 247, 247);
    }

    .section-selling-home.style-2 {
        background-color: var(--Sub-primary-1);
        padding-bottom: 40px;
    }

    .section-selling-home.style-2 .wrap-box .number {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 64px;
        height: 64px;
        border-radius: 999px;
        border: 1px dashed var(--Primary);
        color: var(--Primary);
        font-size: 20px;
        font-weight: 600;
        margin: 0 auto 32px;
        position: relative;
        z-index: 1;
        background-color: var(--Sub-primary-1);
    }

    .section-selling-home.style-2 .tf-grid-layout {
        position: relative;
    }

    .section-selling-home.style-2 .tf-grid-layout::after {
        content: "";
        position: absolute;
        max-width: 1128px;
        border: 1px dashed var(--Primary);
        height: 1px;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 32px;
    }

    /*section-selling-home
    ===============================================================================*/

    .section-download .heading-section {
        margin-bottom: 30px;
    }

    .section-download .content {
        background-color: var(--Sub-primary-1);
        padding: 123px 0 123px 69px;
        border-radius: 24px;
    }

    .section-download .wrap-download {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 11px;
    }

    .section-download .wrap-download a {
        display: inline-block;
        border-radius: 12px;
        overflow: hidden;
        max-width: 148px;
    }

    .section-download .wrap-download a.ch-play {
        max-width: 168px;
    }

    .section-download .image-wrap {
        position: absolute;
        top: -15px;
        right: 0;
    }

    /*section-property-layout
    ===============================================================================*/

    .section-property-layout {
        margin-bottom: 61px;
    }

    .section-property-layout .wg-filter {
        margin-bottom: 64px;
    }

    /*section-property
    ===============================================================================*/

    .section-property .box-title {
        margin-bottom: 33px;
    }

    /*section-selling-home
    ===============================================================================*/

    .section-property-map {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative;
    }

    .section-property-map .wg-filter {
        margin-bottom: 39px;
    }

    .section-property-map .wg-filter form.w-215 {
        max-width: 215px;
    }

    .section-property-map .wg-filter form.w-226 {
        max-width: 226px;
    }

    .section-property-map .content-right {
        padding: 39px 56px 47px 34px;
    }

    .section-property-map .wrap-map {
        height: 100vh;
        width: 81.9%;
        position: sticky;
        top: 0;
    }

    .section-property-map .wrap-map #map {
        height: 100%;
        width: 100%;
    }

    .section-property-map .grid-layout-3 {
        gap: 32px;
    }

    .section-property-map .wg-pagination {
        gap: 10px;
    }

    .section-property-map.list .wrap-list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .section-property-map.list .wrap-map {
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .section-property-map.list .content-right {
        padding: 39px 58px 48px 18px;
        width: 50%;
    }

    .section-property-map.list .box-house .content .location {
        margin-bottom: 20px;
    }

    .section-property-map.list .box-house .meta-list {
        gap: 8px 37px;
    }

    .section-property-map.list .wrap-pagination {
        margin-top: 29px;
    }

    /*section-selling-home
    ===============================================================================*/

    .section-top-map .wrap-map {
        width: 100%;
        height: 800px;
    }

    .section-top-map .wrap-filter {
        padding: 32px 0;
        background-color: var(--Secondary);
    }

    .section-top-map .wg-filter .form-title {
        background-color: var(--Secondary);
    }

    .section-top-map.style-2 .wrap-map {
        height: 855px;
    }

    .section-top-map.style-2 .box {
        margin-top: -180px;
    }

    /*section-agent
    ===============================================================================*/

    .section-agent {
        margin-bottom: 79px;
    }

    .section-agent .box-title {
        flex-direction: column;
        align-items: unset;
        gap: 0;
        margin-bottom: 47px;
    }

    .section-agent .box-title h2 {
        margin-bottom: 24px;
    }

    .section-agent .wrap-sort {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 24px;
    }

    .section-agent .wrap-sort form {
        min-width: 290px;
        flex-shrink: 0;
    }

    .section-agent .wrap-sort .nice-select {
        max-width: 290px;
    }

    .section-agent .wrap-sort .nice-select>span {
        font-size: 16px;
        line-height: 22.4px;
    }

    .section-agent .wrap-sort .select-sort {
        max-width: 100%;
    }

    .section-agent .wrap-sort .select-sort>span {
        font-size: 14px;
        line-height: 21px;
    }

    .section-agent .wrap-pagination {
        padding-top: 48px;
        border-top: 1px solid var(--Line);
        margin-top: 40px;
    }

    .section-agent .wrap-pagination .wg-pagination li a {
        font-weight: 400;
    }

    /*section-faq
    ===============================================================================*/

    .section-faq {
        margin-bottom: 39px;
    }

    .section-faq .heading-section {
        gap: 0;
    }

    /*section-contact-help
    ===============================================================================*/

    .section-contact-help .logo {
        position: absolute;
        z-index: 1;
        top: 31px;
        left: 52px;
        width: 136px;
        height: 42px;
    }

    .section-contact-help .image-wrap {
        position: relative;
        border-radius: 16px;
        overflow: hidden;
    }

    .section-contact-help .image-wrap::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(88, 41, 0, 0) 0%, #582900 100%);
        top: 0;
        left: 0;
    }

    .section-contact-help .content {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: absolute;
        bottom: 32px;
        left: 0;
        right: 0;
        max-width: 1216px;
        margin: 0 32px;
        z-index: 2;
        gap: 20px;
    }

    .section-contact-help .wrap-btn {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 13px;
    }

    /*section-agency
    ===============================================================================*/

    .section-agency .wrap-list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        gap: 23px;
    }

    /*section-agency-details
    ===============================================================================*/

    .section-agency-details .box-description {
        padding: 30px 30px 26px;
        border: 1px solid var(--Line);
        border-radius: 16px;
    }

    .section-agency-details .box-description .widget .title {
        padding-bottom: 11px;
        border-bottom: 1px solid var(--Line);
        margin-bottom: 11px;
    }

    .section-agency-details .box-description .about {
        margin-bottom: 30px;
    }

    .section-agency-details .map {
        height: 360px;
        width: 100%;
    }

    .section-agency-details .wg-pagination {
        margin-top: 40px;
    }

    /*section-calculate
    ===============================================================================*/

    .section-calculate {
        margin-top: -254px;
    }

    .section-calculate form .cols {
        gap: 10px 32px;
        margin-bottom: 31px;
    }

    /*section-contact
    ===============================================================================*/

    .section-contact .box-contact {
        padding: 66.5px 0;
    }

    .section-contact .list-info li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        gap: 41px;
    }

    .section-contact .list-info li .icon {
        position: relative;
    }

    .section-contact .list-info li .icon::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        background-color: var(--Line);
        right: -20px;
    }

    .section-contact .list-info li .sub {
        font-size: 14px;
        line-height: 21px;
        color: var(--Note);
        font-weight: 500;
        margin-bottom: 2px;
    }

    .section-contact .list-info li p {
        font-size: 16px;
        line-height: 24px;
        color: var(--Heading);
    }

    .section-contact .list-info li .phone {
        font-size: 30px;
        line-height: 37.5px;
        color: var(--Primary);
        font-weight: 700;
    }

    .section-contact .list-info li a {
        font-size: 16px;
        line-height: 24px;
        color: var(--Primary);
    }

    .section-contact .list-info li a:hover {
        color: var(--Heading);
    }

    .section-contact .list-info li:not(:last-child) {
        margin-bottom: 30px;
    }

    .section-contact .image-wrap {
        border-radius: 16px;
        overflow: hidden;
    }

    /*section-local-agent
    ===============================================================================*/

    .section-local-agent .tf-btn {
        height: 54px;
    }

    /*section-featured-listings
    ===============================================================================*/

    .section-featured-listings .widget-tabs .widget-menu-tab {
        gap: 15px;
    }

    .section-featured-listings .widget-tabs .item-title {
        max-width: max-content;
        white-space: nowrap;
    }

    .section-featured-listings .widget-content-inner>.tf-btn {
        margin: 47px auto 0;
    }

    /*section-agents-details
    ===============================================================================*/

    .section-agents-details .wg-pagination {
        margin-top: 41px;
    }

    /*section-agency-grid 
    ===============================================================================*/

    .section-agency-layout .box-title {
        margin-bottom: 30px;
    }

    .section-agency-layout .grid-layout-2 {
        gap: 39px;
    }

    .section-agency-layout .wg-pagination {
        margin-top: 32px;
    }

    .section-agency-layout .wrap-list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    /*section-property-layout
    ===============================================================================*/

    .section-property-layout .wrap-list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /*section-categories
    ===============================================================================*/

    .section-categories.style-2 .tf-layout-mobile-sm {
        gap: 24px;
    }

    /*-------------- Responsive ----------------- */

    @media (min-width: 576px) {
        .widget-tabs.style-2 .item-title {
        padding: 6px;
        line-height: 20px;
    }
    .widget-tabs.style-2 .item-title.active {
        background-color: var(--Primary);
        color: var(--White);
        font-weight: 600;
    }
        .tf-grid-layout {
            gap: 20px;
        }
        .tf-grid-layout-3 {
            display: grid;
            gap: 15px;
        }
        .d-md-none {
            display: none !important;
        }
        .tf-layout-mobile-sm.sm-col-4,
        .tf-grid-layout-2.sm-col-4,
        .tf-grid-layout-3.sm-col-4,
        .tf-grid-layout.sm-col-4 {
            grid-template-columns: repeat(4, 1fr);
        }
        .tf-layout-mobile-sm.sm-col-3,
        .tf-grid-layout-2.sm-col-3,
        .tf-grid-layout-3.sm-col-3,
        .tf-grid-layout.sm-col-3 {
            grid-template-columns: repeat(3, 1fr);
        }
        .tf-layout-mobile-sm.sm-col-2,
        .tf-grid-layout-2.sm-col-2,
        .tf-grid-layout-3.sm-col-2,
        .tf-grid-layout.sm-col-2 {
            grid-template-columns: repeat(2, 1fr);
        }
        .box-amenities-property {
            grid-template-columns: 1fr 1fr;
        }
        .tf-layout-mobile-sm {
            display: grid;
            gap: 15px;
        }
    }

    @media (min-width: 768px) {
        .box-amenities-property {
            grid-template-columns: 1fr 1fr 1fr;
        }
        .tf-layout-mobile-sm.md-col-4,
        .tf-grid-layout-2.md-col-4,
        .tf-grid-layout-3.md-col-4,
        .tf-layout-mobile-md.md-col-4,
        .tf-grid-layout.md-col-4 {
            grid-template-columns: repeat(4, 1fr);
        }
        .tf-layout-mobile-sm.md-col-3,
        .tf-grid-layout-2.md-col-3,
        .tf-grid-layout-3.md-col-3,
        .tf-layout-mobile-md.md-col-3,
        .tf-grid-layout.md-col-3 {
            grid-template-columns: repeat(3, 1fr);
        }
        .tf-layout-mobile-sm.md-col-2,
        .tf-grid-layout-2.md-col-2,
        .tf-grid-layout-3.md-col-2,
        .tf-layout-mobile-md.md-col-2,
        .tf-grid-layout.md-col-2 {
            grid-template-columns: repeat(2, 1fr);
        }
        .tf-layout-mobile-md {
            /*display: grid;*/
            /*gap: 40px;*/
        }
        .tf-layout-mobile-sm {
            gap: 20px;
        }
    }

    @media (min-width: 991px) {
        .d-lg-none {
            display: none;
        }
        .tf-layout-mobile-xl.lg-col-4,
        .tf-grid-layout-2.lg-col-4,
        .tf-grid-layout-3.lg-col-4,
        .tf-layout-mobile-md.lg-col-4,
        .tf-layout-mobile-lg.lg-col-4,
        .tf-layout-mobile-sm.lg-col-4,
        .tf-grid-layout.lg-col-4 {
            grid-template-columns: repeat(4, 1fr);
        }
        .tf-layout-mobile-xl.lg-col-3,
        .tf-grid-layout-2.lg-col-3,
        .tf-grid-layout-3.lg-col-3,
        .tf-layout-mobile-md.lg-col-3,
        .tf-layout-mobile-lg.lg-col-3,
        .tf-layout-mobile-sm.lg-col-3,
        .tf-grid-layout.lg-col-3 {
            grid-template-columns: repeat(3, 1fr);
        }
        .tf-layout-mobile-xl.lg-col-2,
        .tf-grid-layout-2.lg-col-2,
        .tf-grid-layout-3.lg-col-2,
        .tf-layout-mobile-md.lg-col-2,
        .tf-layout-mobile-lg.lg-col-2,
        .tf-layout-mobile-sm.lg-col-2,
        .tf-grid-layout.lg-col-2 {
            grid-template-columns: repeat(2, 1fr);
        }
        .tf-layout-mobile-lg {
            display: grid;
            gap: 40px;
        }
        .tf-grid-layout,
        .tf-grid-layout-2 {
            gap: 20px;
        }
        .tf-layout-mobile-sm {
            gap: 40px;
        }
        .tf-layout-mobile-xl {
            display: grid;
            gap: 40px;
        }
        .section-listing .tf-layout-mobile-lg {
            gap: 38px 40px;
        }
        .modal-account {
            --bs-modal-width: 920px;
        }
        .modal-filter {
            --bs-modal-width: 544px;
        }
    }

    @media (min-width: 1200px) {
        .tf-layout-mobile-sm,
        .tf-grid-layout-3,
        .tf-grid-layout-2,
        .tf-grid-layout {
            gap: 40px;
        }
        .tf-layout-mobile-sm.xl-col-4,
        .tf-grid-layout-3.xl-col-4,
        .tf-grid-layout-2.xl-col-4,
        .tf-grid-layout.xl-col-4 {
            grid-template-columns: repeat(4, 1fr);
        }
        .tf-layout-mobile-sm.xl-col-3,
        .tf-grid-layout-3.xl-col-3,
        .tf-grid-layout-2.xl-col-3,
        .tf-grid-layout.xl-col-3 {
            grid-template-columns: repeat(3, 1fr);
        }
        .tf-layout-mobile-sm.xl-col-2,
        .tf-grid-layout-3.xl-col-2,
        .tf-grid-layout-2.xl-col-2,
        .tf-grid-layout.xl-col-2 {
            grid-template-columns: repeat(2, 1fr);
        }
        .tf-grid-layout-3 {
            gap: 32px;
        }
        .box-house .wrap-btn {
            gap: 20px;
        }
        .img-animation {
            -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
            transform: scale(1.05);
            -webkit-filter: blur(5px);
            filter: blur(5px);
            -webkit-transition: -webkit-clip-path 0.8s ease-in-out 0.3s, -webkit-transform 0.8s ease-in-out 1.1s, -webkit-filter 0.5s ease-in-out 1.1s;
            transition: -webkit-clip-path 0.8s ease-in-out 0.3s, -webkit-transform 0.8s ease-in-out 1.1s, -webkit-filter 0.5s ease-in-out 1.1s;
            -o-transition: clip-path 0.8s ease-in-out 0.3s, transform 0.8s ease-in-out 1.1s, filter 0.5s ease-in-out 1.1s;
            transition: clip-path 0.8s ease-in-out 0.3s, transform 0.8s ease-in-out 1.1s, filter 0.5s ease-in-out 1.1s;
            transition: clip-path 0.8s ease-in-out 0.3s, transform 0.8s ease-in-out 1.1s, filter 0.5s ease-in-out 1.1s, -webkit-clip-path 0.8s ease-in-out 0.3s, -webkit-transform 0.8s ease-in-out 1.1s, -webkit-filter 0.5s ease-in-out 1.1s;
            position: relative;
        }
        .img-animation.animated {
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            -webkit-filter: blur(0px);
            filter: blur(0px);
        }
        .img-animation2 {
            -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
            clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
            -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
            transform: scale(1.05);
            -webkit-filter: blur(5px);
            filter: blur(5px);
            -webkit-transition: -webkit-clip-path 0.8s ease-in-out 0.3s, -webkit-transform 0.8s ease-in-out 1.1s, -webkit-filter 0.5s ease-in-out 1.1s;
            transition: -webkit-clip-path 0.8s ease-in-out 0.3s, -webkit-transform 0.8s ease-in-out 1.1s, -webkit-filter 0.5s ease-in-out 1.1s;
            -o-transition: clip-path 0.8s ease-in-out 0.3s, transform 0.8s ease-in-out 1.1s, filter 0.5s ease-in-out 1.1s;
            transition: clip-path 0.8s ease-in-out 0.3s, transform 0.8s ease-in-out 1.1s, filter 0.5s ease-in-out 1.1s;
            transition: clip-path 0.8s ease-in-out 0.3s, transform 0.8s ease-in-out 1.1s, filter 0.5s ease-in-out 1.1s, -webkit-clip-path 0.8s ease-in-out 0.3s, -webkit-transform 0.8s ease-in-out 1.1s, -webkit-filter 0.5s ease-in-out 1.1s;
            position: relative;
        }
        .img-animation2.animated {
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            -webkit-filter: blur(0px);
            filter: blur(0px);
        }
    }

    @media (min-width: 1440px) {
        .box-house.style-3 .content {
            max-width: 580px;
            margin: 104px auto 104px 80px;
            padding: 0;
        }
        .tf-grid-layout-3.xxl-col-4 {
            grid-template-columns: repeat(4, 1fr);
        }
        .tf-grid-layout-3.xxl-col-3 {
            grid-template-columns: repeat(3, 1fr);
        }
        .tf-grid-layout-3.xxl-col-2 {
            grid-template-columns: repeat(2, 1fr);
        }
        .section-listing .swiper {
            padding: 50px;
            margin: -50px;
        }
        .section-categories .swiper {
            padding: 60px;
            margin: -60px;
        }
        .categories-item.active,
        .categories-item:hover,
        .categories-item.style-2.active,
        .categories-item.style-2:hover {
            box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1019607843);
        }
        .section-current-properties .swiper {
            padding: 40px;
            margin: -40px;
        }
        .section-current-properties .box-house {
            box-shadow: unset;
        }
    }

    @media (min-width: 1380px) {
        .main-menu {
                    margin-right: 0;
        }
        .main-menu .navigation {
            gap: 60px;
        }
    }

    @media (min-width: 1300px) {
        .section-contact .image-wrap {
            margin-left: 70px;
        }
    }

    @media (min-width: 1150px) {
        #header-main .header-right .phone-number {
            margin-right: 11px;
        }
    }

    @media (min-width: 1801px) {
        .box-amenities-property .list-amenities {
            grid-template-columns: 1fr 1fr;
        }
        .single-property-nearby .box-right {
            margin-left: -13px;
        }
    }

    @media (max-width: 1800px) {
        .section-property-map.list .wrap-map {
            width: 100%;
        }
        .section-property-map.list .content-right {
            padding-right: 15px;
            width: 100%;
        }
        .section-property-map.list .wg-filter .form-title {
            flex-wrap: wrap;
        }
        .section-property-map.list .wg-filter .form-title>.nice-select {
            width: calc(50% - 6px);
        }
        .section-property-map.list .wg-filter form {
            max-width: 100%;
        }
    }

    @media (max-width: 1600px) {
        .section-property-map .content-right {
            padding-right: 15px;
        }
        .wg-filter.style-3 .form-title {
            flex-wrap: wrap;
        }
        .wg-filter.style-3 .form-title form {
            max-width: 100%;
        }
        .wg-filter.style-3 .form-title .nice-select {
            max-width: calc(50% - 6px);
        }
    }

    @media (max-width: 1500px) {
        #header-main.dashboard .header-right .phone-number {
            display: none;
        }
    }

    @media (max-width: 1440px) {
        .wd-search-form.style-2 .group-select {
            column-gap: 15px;
        }
    }

    @media (max-width: 1400px) {
        .wrap-neighborhoods {
            grid-template-columns: repeat(2, 1fr);
            grid-template-areas: "aa bb " "cc dd" "ee gg" "ff ff";
        }
        .show-mb {
            display: inline-block;
        }
        .page-layout .main-content {
            padding-left: 0;
        }
        .page-layout .sidebar-menu-dashboard {
            transform: translateX(-100%);
        }
        .page-layout.full-width .sidebar-menu-dashboard {
            transform: translateX(0);
        }
        .page-layout.full-width .overlay-dashboard {
            opacity: 1;
            visibility: visible;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }
        .page-layout .widget-box-2.package {
            padding: 0;
        }
        .page-layout .main-content-inner {
            padding: 122px 30px 0;
        }
        .section-testimonials.style-1 .tf-grid-layout {
            padding: 0;
            margin: 0;
        }
        .section-testimonials .wg-testimonial {
            box-shadow: unset !important;
        }
    }

    @media (max-width: 1320px) {
        .section-realty .tf-grid-layout-2 {
            gap: 20px;
        }
        .section-realty .counter-item {
            width: 210px;
            height: 210px;
        }
        .section-realty .counter-item span {
            font-size: 60px;
            line-height: 70px;
        }
        .section-appraisal.style-2 .content .person {
            right: 10px;
        }
    }

    @media (max-width: 1300px) {
        .box-review {
            gap: 20px;
        }
        .box-benefits .box-icon::after {
            display: none !important;
        }
    }

    @media (max-width: 1200px) {
        .box-house .tf-btn {
            padding: 0 15px;
        }
        .form-pre-approved .cols {
            flex-wrap: wrap;
            margin-bottom: 10px;
        }
        .form-pre-approved .cols .interest-rate {
            width: 100%;
        }
        .form-pre-approved .cols .select {
            width: 100%;
        }
        .form-pre-approved p {
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .section-pre-approved .heading-section {
            margin-bottom: 20px;
        }
        .section-pre-approved .heading-section .title {
            font-size: 32px;
            line-height: 40px;
        }
        .section-pre-approved .content {
            margin: 0;
        }
        .wg-filter.style-2 .form-title {
            flex-wrap: wrap;
        }
        .wg-filter.style-2 .form-title>.nice-select {
            width: calc(50% - 6px);
        }
        .wg-filter.style-2 form {
            max-width: 100%;
        }
        .box-review {
            max-width: 840px;
            margin: 0 auto;
            flex-wrap: wrap;
            gap: 70px;
        }
        .box-review .content-left {
            padding: 0;
            max-width: 100%;
        }
        .box-review .content-right {
            margin-bottom: 70px;
        }
        .box-review .content-right::after {
            width: 63%;
            height: 80%;
        }
        .box-review .wg-testimonial {
            bottom: -72px;
        }
        .box-review .person {
            width: 80%;
        }
        .section-contact .box-contact {
            padding: 0;
        }
    }

    @media (max-width: 1149px) {
        .section-trusted .person,
        .section-trusted .item {
            display: none;
        }
        .box-benefits .box-icon {
            width: 135px;
        }
        .wd-chart {
            margin-bottom: 20px;
        }
    }

    @media (max-width: 1199px) {
        .page-layout .flat-counter-v2 {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media (max-width: 1124px) {
        .wg-appraisal .content {
            padding: 112px 15px 111px 15px;
        }
        .wg-appraisal .content .person {
            right: 15px;
        }
        .section-appraisal.style-2 .content .person {
            display: none;
        }
    }

    @media (max-width: 1099px) {
            .viss .simpleParallax {
        height: 550px!important;
    }
        .wrap-dashboard-content-2 .grid-layout-4 {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media (max-width: 1093px) {
            .viss .simpleParallax {
        height: 550px!important;
    }
        #header-main .mobile-button {
            display: block;
        }
        #header-main .main-menu {
            display: none;
        }
    }

    @media (max-width: 1024px) {
        .viss .simpleParallax {
        padding: 16px;
        height: 550px!important;
    }
        .box-house.style-list:not(.box-house.style-list.style-3) .image-wrap {
            max-width: 200px;
        }
        .wg-filter .wd-search-form .group-amenities {
            grid-template-columns: repeat(3, 1fr);
        }
        .wg-filter .wd-search-form .group-select {
            grid-template-columns: repeat(2, 1fr);
        }
        .tf-sidebar .form-contact-agent {
            padding: 28px 15px 29px;
        }
    }

    @media (max-width: 991px) {
        .viss .simpleParallax {
        padding: 16px;
    height: 550px!important;
    }
        .widget-tabs.style-2 .item-title {
        
            justify-content: center;
            text-align: center;
            align-items: center;
    }

    .widget-tabs.style-2 .widget-menu-tab {
        justify-content: center;
    }
        .widget-tabs.style-2 .item-title {
        padding: 6px;
        line-height: 20px;
    }
    .widget-tabs.style-2 .item-title.active {
        background-color: var(--Primary);
        color: var(--White);
        font-weight: 100;
    }
        br {
            display: none;
        }
        .lg-hide {
            display: none;
        }
        .tf-container {
            padding-right: 15px !important; 
            padding-left: 15px !important;
        }
        .tf-container .row {
            margin-left: -15px !important;
            margin-right: -15px !important;
        }
        .tf-container .row>* {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }
        .grid-layout-3 {
            gap: 20px !important;
        }
        #footer .footer-main {
            padding-bottom: 0;
        }
        #footer .footer-menu-list {
            margin-bottom: 40px;
        }
        .page-title {
            background-attachment: unset !important;
        }
        .page-title .form-title {
            position: relative;
            z-index: 4;
        }
        .tf-sidebar {
            padding-top: 60px;
        }
        .tf-sidebar .sidebar-ads {
            max-height: 400px;
        }
        .icons-box.default {
            padding: 24px 15px;
        }
        .section-pre-approved .image-wrap {
            margin-top: 70px;
        }
        .section-pre-approved .image-wrap img {
            max-height: 500px;
            height: 100%;
            object-fit: cover;
        }
        .section-pre-approved.style-2 .image-wrap {
            margin-top: 70px;
            max-width: 100%;
        }
        .section-pre-approved.style-2 .image-wrap img {
            object-fit: cover;
        }
        .section-pre-approved.style-2 .content {
            margin: 0;
        }
        .section-listing .tf-sw-mobile-1 .swiper-wrapper {
            margin-bottom: 20px;
        }
        .wg-appraisal .content .person {
            display: none;
        }
        .section-download .content {
            padding: 70px 15px;
        }
        .section-CTA:not(.style-2) .content-inner img {
            display: none;
        }
        .section-CTA:not(.style-2) .content-inner .content {
            padding-left: 0px;
        }
        .section-CTA.style-2 .person {
            display: none;
        }
        .section-property-map {
            flex-direction: column;
        }
        .section-property-map .content-right {
            padding-left: 15px;
        }
        .section-property-map .wrap-map {
            height: 500px !important;
            width: 100% !important;
            position: unset !important;
        }
        .section-property-map.list .content-right {
            width: 100%;
        }
        .section-top-map .wrap-map {
            height: 60vh !important;
        }
        .section-contact-help .image-wrap {
            height: 372px;
        }
        .section-contact-help .image-wrap img {
            height: 100%;
            object-fit: cover;
        }
        .section-contact-help .logo {
            left: 15px;
        }
        .section-contact-help .content {
            flex-wrap: wrap;
            margin: 0 15px;
        }
        .section-box-team .content-inner {
            padding: 0 0 70px !important;
            max-width: 720px;
            margin: 0 auto;
        }
        .section-box-team .wrap-image {
            max-width: 720px;
            margin: 0 auto 20%;
        }
        .section-box-team .image-wrap {
            max-width: 100% !important;
        }
        .mb-48 {
        margin-bottom: 0px;
    }
    .section-CTA.style-2 .logo {
        display: none;
    }
        .section-box-team .image-wrap img {
            width: 100%;
            object-fit: cover;
        }
        .section-box-team .counter-item .counter-number {
            justify-content: start !important;
        }
        .box-benefits {
            flex-wrap: wrap;
            max-width: 720px;
            margin: 0 auto;
            gap: 0;
        }
        .box-benefits .wrap-image {
            width: 100%;
        }
        .box-benefits .image.img-1 {
            margin-bottom: 20%;
        }
        .box-benefits .image.img-2 {
            right: 0;
        }
        .box-benefits .image img {
            width: 100%;
        }
        .box-benefits .tf-btn {
            width: 100%;
        }
        .box-benefits .content {
            padding: 70px 0 0;
        }
        .section-contact .box-contact {
            padding: 0;
        }
        .section-contact .box-contact .title {
            font-size: 28px;
            line-height: 38px;
        }
        .flat-account .banner-account {
            display: none;
        }
        .page-layout .main-content-inner .wrapper-content .wd-filter {
            grid-template-columns: 1fr 1fr;
        }
        .counter-item .counter-number {
            width: 100%;
            justify-content: center;
        }
        .section-realty {
            background-attachment: unset;
        }
        .section-current-properties .box-house {
            box-shadow: unset;
        }
    }

    @media (max-width: 878px) {
        #footer .footer-bottom {
            justify-content: center;
        }
        #footer .footer-bottom p {
            text-align: center;
        }
    }

    @media (max-width: 800px) {
        .section-agent .wrap-sort {
            flex-wrap: wrap;
        }
        .section-agent .wrap-sort form {
            min-width: calc(50% - 24px);
        }
        .section-agent .wrap-sort .nice-select {
            max-width: calc(50% - 24px);
        }
    }

    @media (max-width: 767px) {
        .tf-spacing-1 {
            padding-top: 30px;
            padding-bottom: 30px;
        }
        h1 {
            font-size: 25px;
            line-height: 40px;
        }
        h2,
        .h2 {
            font-size: 22px;
            line-height: 28px; 
        }
        .text-5 {
            font-size: 18px;
            line-height: 24px;
        }
        .heading-section {
            margin-bottom: 30px;
        }
        #header-main .box-user .name {
            display: none !important;
        }
        #header-main .box-user .menu-user {
            left: unset;
            right: -36px;
        }
        .tf-top-bar .top-bar-inner {
            justify-content: center;
        }
        .tf-top-bar .wrap-social {
            display: none;
        }
        .page-title .wg-filter .form-title {
            flex-wrap: wrap;
            padding: 15px !important;
            gap: 15px;
        }
        .page-title .wg-filter .form-title .box-item {
            width: 100%;
        }
        .page-title .wg-filter .form-title .tf-dropdown-sort {
            border-right: none;
            padding-right: 0;
        }
        .page-title .wg-filter .form-title form fieldset input {
            border: 1px solid var(--Line);
        }
        .page-title .wg-filter .form-title .wrap-btn {
            width: 100% !important;
        }
        .page-title .wg-filter .form-title .wrap-btn .tf-btn {
            width: 100% !important;
        }
        .page-title.home01 {
            padding: 70px 0 70px;
        }
        .page-title.home01 .heading-title {
            margin-bottom: 30px;
        }
        .page-title.home02 {
            padding: 100px 0 70px;
        }
        .page-title.home02 .widget-menu-tab {
            justify-content: center;
        }
        .page-title.home03 {
            padding: 70px 0 70px;
        }
        .page-title.home04 {
            padding: 70px 0 70px;
        }
        .page-title.home04 .widget-menu-tab {
            justify-content: center;
        }
        .page-title.home05 {
            padding: 70px 0 70px;
        }
        .page-title.style-2 {
            padding: 70px 0 70px;
        }
        .page-title.career {
            padding-top: 104px;
        }
        #footer .footer-menu-list .title.title-mobile {
            display: block;
        }
        #footer .footer-menu-list .title.title-desktop {
            display: none;
        }
        .blog-article-item.style-2 .image-wrap {
            margin-bottom: 16px;
        }
        .blog-article-item.style-2 .time {
            margin-bottom: 8px;
        }
        .blog-article-item.style-2 .title {
            font-size: 19px;
            line-height: 27px;
        }
        .blog-article-item .box-tag {
            padding: 5px 10px;
        }
        .blog-article-item .box-tag .tag-item {
            font-size: 13px;
            line-height: 21.4px;
        }
        .wg-appraisal .content {
            padding: 70px 15px;
        }
        .wg-appraisal .content .person {
            display: none;
        }
        .section-work-together .wg-partner {
            padding-bottom: 150px;
        }
        .section-work-together .wg-appraisal {
            padding-bottom: 70px;
        }
        .box-house.style-3 {
            grid-template-columns: 1fr;
        }
        .box-house.style-3 .content {
            margin: 70px 15px 70px;
        }
        .icons-box.default {
            padding: 20px 15px;
        }
        .icons-box.default .tf-icon,
        .icons-box.default .title {
            margin-bottom: 15px;
        }
        .icons-box.default p {
            margin-bottom: 18px;
        }
        .section-property-detail .wg-property {
            padding: 24px 15px !important;
        }
        .section-property-image .wrap-image {
            flex-wrap: wrap;
        }
        .single-property-nearby .box-nearby .box-left {
            margin-bottom: 8px;
        }
        .agent-details .image-wrap {
            max-width: 257px;
        }
        .section-faq .tf-sidebar {
            margin-bottom: 50px;
        }
        .section-faq .tf-sidebar .form-contact-seller {
            margin-bottom: 70px;
        }
        .section-agency-grid .grid-layout-2 {
            gap: 15px;
        }
        .section-agency-grid .agencies-item .list-info li {
            flex-wrap: wrap;
        }
        .section-agency-details .box-description {
            padding: 30px 15px 26px;
        }
        .section-selling-home.style-2 .tf-grid-layout {
            gap: 30px;
        }
        .section-selling-home.style-2 .tf-grid-layout::after {
            display: none;
        }
        .section-selling-home.style-2 .wrap-box .number {
            margin-bottom: 15px;
        }
        .section-career .tf-grid-layout-2 {
            gap: 15px;
        }
        .section-contact .box-contact .title {
            font-size: 28px;
            line-height: 38px;
        }
        .section-contact .image-wrap {
            margin-top: 70px;
        }
        .section-contact .image-wrap img {
            width: 100%;
        }
        .section-contact .list-info li .phone {
            font-size: 20px;
            line-height: 30.5px;
            color: var(--Primary);
            font-weight: 700;
        }
        .section-contact .list-info li .phone {
            font-size: 20px;
            line-height: 30.5px;
        }
        .form-contact {
            padding: 30px 15px;
        }
        .page-layout .main-content-inner {
            padding: 115px 15px 0;
        }
        .page-layout .widget-box-2 {
            padding: 30px 15px;
        }
        .wrap-dashboard-content-2 .grid-layout-4 {
            grid-template-columns: 1fr;
        }
        .widget-box-2 .grid-layout-2,
        .widget-box-2 .grid-layout-3 {
            grid-template-columns: 1fr;
        }
        .wrap-dashboard-content .box-fieldset {
            margin-bottom: 30px;
        }
        .section-property-detail .wg-property.box-amenities {
            padding-right: 0 !important;
        }
        .section-property-detail .wg-property.box-amenities .heading {
            padding-bottom: 20px;
            margin-bottom: 20px;
        }
        .box-calculate .image-wrap {
            height: 271px;
        }
        .box-calculate .image-wrap .simpleParallax {
            height: 100%;
            width: 100%;
        }
        .box-calculate .image-wrap .simpleParallax img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
        .box-calculate form {
            padding: 15px;
        }
        .page-layout.full-width .sidebar-menu-dashboard {
            padding: 32px 15px;
        }
    }

    @media (max-width: 757px) {
        #footer .footer-top .contact-item {
            align-items: center;
        }
        #footer .footer-top .contact-item svg {
            width: 35px;
            height: 35px;
        }
        #footer .footer-top .contact-item .content::after {
            top: 5px;
            height: 40px;
        }
        #footer .footer-top .contact-item .content .title {
            font-size: 14px;
            margin-bottom: 0;
        }
        #footer .footer-top .contact-item .content h6 {
            font-size: 16px;
        }
    }

    @media (max-width: 676px) {
        .widget-tabs .widget-menu-tab {
            justify-content: start;
        }
        .agency-details .content {
            flex-wrap: wrap;
            gap: 15px;
            margin-left: 15px;
        }
    }

    @media (max-width: 655px) {
        .page-layout .flat-counter-v2 {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 644px) {
        .wrap-pagination {
            justify-content: center;
        }
    }

    @media (max-width: 630px) {
        #header-main .header-right .phone-number {
            display: none;
        }
    }

    @media (max-width: 594px) {
        .wg-filter .wd-search-form .group-price {
            grid-template-columns: repeat(1, 1fr);
        }
        .wg-filter .wd-search-form .group-amenities {
            grid-template-columns: repeat(2, 1fr);
        }
        .wg-filter .wd-search-form .group-select {
            grid-template-columns: repeat(1, 1fr);
        }
    }

    @media (max-width: 575px) {
        .box-title .right {
            width: 100%;
            justify-content: space-between;
        }
        .sw-button.style-2 {
            height: 45px;
            width: 45px;
            font-size: 15px;
        }
        .agent-details {
            flex-wrap: wrap;
        }
        .agent-details .image-wrap {
            max-width: 100%;
        }
        .section-agency-layout .grid-layout-2 {
            grid-template-columns: 1fr;
        }
        .agency-details .image-wrap img {
            height: 192px;
            object-fit: cover;
        }
        .agency-details .logo {
            width: 130px;
        }
        .page-layout .box-agent-avt {
            flex-wrap: wrap;
        }
        .section-property-detail .wg-property.box-amenities .wrap-feature {
            gap: 10px;
        }
        .section-property-detail .wg-property.box-amenities .wrap-feature .box-feature {
            width: 100%;
        }
        .widget-video .popup-youtube {
            width: 60px;
            height: 60px;
        }
        .widget-video .popup-youtube i {
            font-size: 17px;
        }
        .wg-pagination {
            gap: 9px;
        }
        .flat-account .form-account {
            padding: 40px 20px;
        }
    }

    @media (max-width: 550px) {
        .grid-layout-3 {
            grid-template-columns: 1fr;
        }
        #header-main .header-right .btn-add {
            display: none;
        }
        .section-blog-details .group-image {
            flex-wrap: wrap;
        }
        .section-CTA .content-inner {
            flex-wrap: wrap;
            gap: 30px;
        }
        .box-location .content {
            margin: 0 10px;
        }
        .box-location .tf-btn {
            padding: 15px 11px;
            height: 43px;
            font-size: 13px;
            gap: 3px;
        }
        .box-location .tf-btn i {
            font-size: 11px;
        }
        .section-neighborhoods.style-2 .content {
            margin: 0 15px;
        }
        .section-CTA:not(.style-2) .content-inner {
            gap: 20px;
        }
        .section-CTA:not(.style-2) .tf-btn {
            width: 100%;
        }
        .thumbs-sw-pagi.style-2 {
            margin-top: 0;
        }
        .section-agent .wrap-sort form {
            min-width: 100%;
        }
        .section-agent .wrap-sort .nice-select {
            max-width: 100%;
        }
        .section-agent .wrap-sort .nice-select.select-sort {
            justify-content: start;
        }
        .box-review .wg-testimonial {
            right: 0px;
            padding: 15px;
        }
        .box-review .wg-testimonial .ratings {
            margin-bottom: 7px;
        }
        .box-review .wg-testimonial .avatar {
            width: 40px;
            height: 40px;
        }
        .box-review .wg-testimonial .description {
            margin-bottom: 4px;
            font-size: 14px;
            line-height: 20.4px;
        }
        .box-review h6,
        .box-review .h6 {
            font-size: 14px;
            line-height: 14.5px;
        }
        .box-review .box-author {
            top: 57px;
            left: 0px;
            padding: 9px 16px;
        }
        .box-review .box-author .avatar {
            width: 30px;
            height: 30px;
        }
        .box-review .content-right>.ratings {
            top: 100px;
        }
        .section-contact .list-info li .phone {
            font-size: 20px;
            line-height: 30.5px;
        }
        .form-contact .cols {
            flex-wrap: wrap;
        }
        .form-contact .phone {
            width: 100%;
        }
        .form-contact .select {
            width: 100%;
        }
        .menu-user {
            width: 230px;
            right: 0;
            left: unset;
        }
        .menu-user .dropdown-item {
            padding: 13px 20px;
        }
        .wg-testimonial.style-no-boder {
            padding: 32px 15px 21px;
        }
    }

    @media (max-width: 475px) {
        .box-house.style-list {
            flex-direction: column;
        }
        .box-house.style-list .image-wrap {
            max-width: 100% !important;
        }
        .box-house.style-list .image-wrap>a {
            width: 100%;
        }
        .box-house.style-list .image-wrap img {
            width: 100%;
            object-fit: cover;
        }
        .box-location:not(.style-2) {
            flex-wrap: wrap;
            justify-content: center;
        }
        .box-location:not(.style-2) .content {
            text-align: center;
        }
        .section-realty .counter-item {
            width: 165px;
            height: 164px;
        }
        .section-realty .counter-item span {
            font-size: 40px;
            line-height: 50px;
        }
        .section-realty .counter-item .count p {
            font-size: 14px;
        }
        .tf-top-bar .top-bar-info {
            justify-content: center;
            flex-wrap: wrap;
            gap: 5px 30px;
        }
        .section-property-map.list .box-house.style-list .image-wrap {
            max-width: 100% !important;
        }
        .box-overview .info-detail {
            justify-content: space-between;
            gap: 30px 20px;
        }
        .box-overview .info-detail .wrap-box {
            width: calc(50% - 20px);
        }
        .section-contact-help .heading-section {
            gap: 7px;
        }
        .section-contact-help .heading-section .title {
            font-size: 24px;
            line-height: 32px;
        }
        .section-contact-help .wrap-btn {
            flex-wrap: wrap;
        }
        .section-contact-help .wrap-btn .tf-btn {
            width: 100%;
        }
        .box-benefits .content .wrap-icon {
            flex-wrap: wrap;
            gap: 30px;
        }
        .box-benefits .content .box-icon {
            width: 100%;
        }
    }

    @media (max-width: 457px) {
        .box-amenities .wrap-feature .box-feature {
            width: 100%;
        }
    }

    @media (max-width: 425px) {
        .wrap-comment .comment-item {
            flex-wrap: wrap;
        }
        .form-pre-approved .tf-btn {
            width: 100%;
        }
        .agent-item .content .name {
            font-size: 18px;
            line-height: 28px;
        }
        .agencies-item {
            flex-wrap: wrap;
        }
        .career-item {
            padding: 29px 15px;
        }
        .career-item .name {
            font-size: 16px;
            line-height: 24px;
        }
        #header-main .header-right .box-user .name {
            display: none;
        }
        .tf-sidebar .sidebar-featured.style-2 {
            padding: 30px 15px;
        }
        .tf-sidebar .sidebar-featured .box-listings .meta-list {
            gap: 9px;
        }
    }
    .progress, .progress-stacked {
        --bs-progress-height: 5px;
        background-color: #ffa920;
    }
    /*# sourceMappingURL=styles.css.map */
    /* new css */



    .btn-whatsapp-pulse {
       background: #25d366;
    color: white;
    position: fixed;
    bottom: 70px;
    left: 15px;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 20px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    z-index: 999;
    }

    @keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }
    80% {
        box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
    }

    .btn-whatsapp-pulse-border {
    bottom: 15px;
    left: 15px;
    /* animation-play-state: paused; */
    }

    .btn-whatsapp-pulse-border::before {
    /* content: "";
    position: absolute;
    border-radius: 50%;
    padding: 25px;
    z-index: 999;
    border: 5px solid #25d366;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite; */
    }

    @keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: 0.75;
    }
    75% {
        padding: 50px;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
    }
    embed, object, video {
        margin-bottom: 20px;
        max-width: 100%;
        width: 100%;
        vertical-align: middle;
    }
    /* fixed social*/
    #fixed-social {
    position: fixed;
    top: 230px;
        z-index: 111;
    }

    #fixed-social a {
    color: #fff;
    display: block;
    height: 40px;
    position: relative;
    text-align: center;
        line-height: 40px;
    width: 40px;
    margin-bottom: 1px;
    z-index: 2;
    }
    #fixed-social a:hover>span{
        visibility: visible;
    left: 41px;
    opacity: 1;
    } 
    #fixed-social a span {
        line-height: 40px;
        left: 60px;
        position: absolute;
        text-align: center;
        width: 120px;
        visibility: hidden;
        transition-duration: 0.5s;
        z-index: 1;
        opacity: 0;
    }
    .fixed-facebook{
        background-color: #00AAE5;
    }
    .fixed-facebook span{
        background-color: #00AAE5;
    }
    .fixed-twitter{
        background-color: #000;

    }
    .fixed-twitter span{
        background-color: #000;
    }
    .fixed-gplus{
        background-color: #00AF54;

    }
    .fixed-gplus span{
        background-color: #00AF54;
    }
    .fixed-linkedin{
        background-color: #FFC41E;

    }
    .fixed-linkedin span{
        background-color: #FFC41E;
    }
    .fixed-instagrem{
        background-color: #ED2B29;

    }
    .fixed-instagrem span{
        background-color: #ED2B29;
    }
    .fixed-tumblr{
        background-color: #EB1471;

    }
    .fixed-tumblr span{
        background-color: #EB1471;
    }
    /*end fixed social*/
    body::-webkit-scrollbar {
        width: 8px;
    }

    body::-webkit-scrollbar-track {
        background-color: #e4e4e4;
        border-radius: 8px;
    }

    body::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background: #fc3741;
        box-shadow: inset 2px 2px 5px 0 rgba(255, 255, 255, 0.5);
    }
    @-webkit-keyframes blinker {
    from { opacity: 1.0; }
    to { opacity: 0.0; }
    }

    .blinker {
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
    -webkit-animation-duration: 1.7s;
    }
    .viss .simpleParallax 
    {
        padding: 16px;
            height: 490px;
    }
    .active
    {
        color:#fff; 
    }
    .active-menu
    {
        color:red!important; 
    }

    /*button design*/
    .tf-btn {
    align-items: center;
    appearance: none;
    background-color: #fff;
    border-radius: 24px;
    border-style: none;
    box-shadow: rgba(0, 0, 0, .2) 0 3px 5px -1px,rgba(0, 0, 0, .14) 0 6px 10px 0,rgba(0, 0, 0, .12) 0 1px 18px 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    fill: currentcolor;
    /* font-family: "Google Sans",Roboto,Arial,sans-serif; */
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    letter-spacing: .25px;
    line-height: normal;
    max-width: 100%;
    overflow: visible;
    padding: 2px 24px;
    position: relative;
    text-align: center;
    text-transform: none;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1),opacity 15ms linear 30ms,transform 270ms cubic-bezier(0, 0, .2, 1) 0ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: auto;
    will-change: transform,opacity;
    z-index: 0;
    }

    .tf-btn:hover {
    background: #F6F9FE;
    color: #174ea6;
    }

    .tf-btn:active {
    box-shadow: 0 4px 4px 0 rgb(60 64 67 / 30%), 0 8px 12px 6px rgb(60 64 67 / 15%);
    outline: none;
    }
    .tf-btn:focus {
    outline: none;
    border: 2px solid #4285f4;
    }

    .tf-btn:not(:disabled) {
    box-shadow: rgba(60, 64, 67, .3) 0 1px 3px 0, rgba(60, 64, 67, .15) 0 4px 8px 3px;
    }

    .tf-btn:not(:disabled):hover {
    box-shadow: rgba(60, 64, 67, .3) 0 2px 3px 0, rgba(60, 64, 67, .15) 0 6px 10px 4px;
    }

    .tf-btn:not(:disabled):focus {
    box-shadow: rgba(60, 64, 67, .3) 0 1px 3px 0, rgba(60, 64, 67, .15) 0 4px 8px 3px;
    }

    .tf-btn:not(:disabled):active {
    box-shadow: rgba(60, 64, 67, .3) 0 4px 4px 0, rgba(60, 64, 67, .15) 0 8px 12px 6px;
    }

    .tf-btn:disabled {
    box-shadow: rgba(60, 64, 67, .3) 0 1px 3px 0, rgba(60, 64, 67, .15) 0 4px 8px 3px;
    }
    /*button design*/
    .custom-hed
    {
        color: #c8992a !important;
        font-size: 30px;
        font-weight: bold;
        line-height: 20px;   
    }
    .about .about-col, .about .img-area {
        position: relative;
        z-index: 0;
    }
    .about .wide-img-area {
        position: relative;
        border-radius: 20px;
        z-index: 2;
        /*margin-right: 110px;*/
    }
    .section-box-team .image-wrap.img-1 {
        margin-top: 56px;
    }
    .about .wide-img-area:before {
        content: "";
        position: absolute;
        inset: 0;
        top: 50px;
        bottom: 200px;
        left: 50px;
        right: -50px;
        border: 2px solid #ffd000;
        border-radius: 20px;
        z-index: -1;
    }
    .about .wide-img-area>img {
        width: 100%;
        border-radius: 20px;
        max-width: 100%;
        height: auto;
        transition: all 0.5s ease-in-out 0s;
    }
    .section-box-team,.section-help
    {    position: relative;
        z-index: 111;}
    /*ripple shape*/
    .ripple-shape-span { 
        position: absolute;
        display: block;
        width: 100px;
        height: 100px;
        top: 10%;
        right: 6%;
        animation: ripple 0.6s linear infinite;
        border-radius: 50px;
    }
    .ripple-shape {
        position: absolute;
        top: 2%;
        right: 2%;
        z-index: 1;
        height: 100px;
        width: 100px;
        display: none;
    }
    .ripple-shape2 {
        position: absolute;
        top: 2%;
        left: 2%;
        z-index: 1;
        height: 100px;
        width: 100px;
        display: none;

    }
    .ripple-1,.ripple-2,.ripple-3,.ripple-4,.ripple-5,.ripple-6 {
            height: 100px;
        width: 100px;
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: transparent;
        border: 1px solid #fc3741;
        border-radius: 50%;
        -webkit-animation: heroripple 8s linear infinite;
        animation: heroripple 8s linear infinite;
    }
    .ripple-1 {
        -webkit-animation-delay: 0;
        animation-delay: 0
    }

    .ripple-2 {
        -webkit-animation-delay: 1s;
        animation-delay: 1s
    }

    .ripple-3 {
        -webkit-animation-delay: 2s;
        animation-delay: 2s
    }

    .ripple-4 {
        -webkit-animation-delay: 3s;
        animation-delay: 3s
    }

    .ripple-4 {
        -webkit-animation-delay: 4s;
        animation-delay: 4s
    }

    .ripple-5 {
        -webkit-animation-delay: 5s;
        animation-delay: 5s
    }

    .ripple-6 {
        -webkit-animation-delay: 1s;
        animation-delay: 1s
    }

    @-webkit-keyframes heroripple {
        0% {
            -webkit-transform: scale(.6);
            transform: scale(.6);
            opacity: .2
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(4);
            transform: scale(4)
        }
    }

    @keyframes heroripple {
        0% {
            -webkit-transform: scale(.6);
            transform: scale(.6);
            opacity: .2
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(4);
            transform: scale(4)
        }
    }
    /* ripple effect */
    @keyframes ripple {
    0% {
    box-shadow: 0 0 0 0 #fff, 0 0 0 20px #ffc107, 0 0 0 40px #fff, 0 0 0 60px #FFF;
    }
    100% {
            box-shadow: 0 0 0 20px #fafafa, 0 0 0 40px #fafafa, 0 0 0 60px #f1f1f1, 0 0 0 80px #fff;
    }
    }
    /*ripple shape*/
    /*media query*/
    @media (min-width: 200px) and (max-width: 575.98px) {
        .section-CTA.style-2 .content-inner::before
        {
        display: none;   
        }
        .custom-hed {
        font-size: 28px;
        line-height: 25px;
        }
        .about .wide-img-area {
        margin-right: 0px;
    }
    .about .wide-img-area:before
    {
        display: none; 
    }
    }
    @media (min-width: 576px) and (max-width: 767.98px) {
        .section-CTA.style-2 .content-inner::before
        {
        display: none;   
        }
        .custom-hed {
        font-size: 28px;
        line-height: 25px;
        }
    }
    @media (min-width: 768px) and (max-width: 991.98px) {
        .section-CTA.style-2 .content-inner::before
        {
        display: none;   
        }
        .custom-hed {
        font-size: 28px;
        line-height: 25px;
        }
        .about .wide-img-area:before {
         display:none;
        }
        .tf-btn.pd-12 {
        padding: 0 52px;
        margin-top: 0px;
        }
        .tf-spacing-4 {
        padding-top: 0;
        padding-bottom: 20px;
    }
    }
    @media (min-width: 992px) and (max-width: 1131.98px) {
        .section-CTA.style-2 .content-inner::before
        {
        display: none;    
        }
        .custom-hed {
        font-size: 28px;
        line-height: 25px;
        }
        .about .wide-img-area:before {
                display:none;
        }
        .tf-btn.pd-12 {
        padding: 0 52px;
        margin-top: 0px;
        }
        .tf-spacing-4 {
        padding-top: 0;
        padding-bottom: 20px;
    }
    }
    @media (min-width: 1132px) and (max-width: 1199.98px) {
        .about .wide-img-area:before {
            bottom: 270px;
        }
        .tf-btn.pd-12 {
        padding: 0 52px;
        margin-top: 0px;
        }
                .about .wide-img-area:before {
                display:none;
        }
        .tf-spacing-4 {
        padding-top: 0;
        padding-bottom: 20px;
    }
    }
    @media (min-width: 1200px) and (max-width: 1399.98px) {
        
    }
    /*media query*/
    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 133px;
        height: 35px;
        color: #ecbc15;
    }
            .about .wide-img-area:before {
                display:none;
        }
    .carousel-indicators [data-bs-target] {
        width: 35px;
        height: 3px;
        background-color: #ebb703;
    }
    .about .container
    {
            padding: 30px;
    }
    /*ripple shape*/
   /*Button Design*/
 .button:hover {
    background: var(--corp-blue-light);
    color: #fff;
}
.button{
    top: 30px;
    height: 50px;
    border-radius: var(--br8);
    /* position: absolute; */
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .5);
    overflow: hidden;
}
.button::before
{
  content:"";
  position:absolute;
  top:2px;
  left:2px;
  bottom:2px;
  width:50%;
  
}
.button span:nth-child(1)
{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:2px;
  background: linear-gradient(to right, #e12b37, #dca706);
  animation: animate1 2s linear infinite;
  animation-delay:1s;
  
}
@keyframes animate1
{
  0%
  {
    transform:translateX(-100%);
}
  100%
  {
    transform:translateX(100%);
  }
}
.button span:nth-child(2)
{
  position:absolute;
  top:0;
  right:0;
  width:2px;
  height:100%;
     background: linear-gradient(to right, #e12b37, #dca706);
  animation: animate2 2s linear infinite;
  animation-delay:2s;
}
@keyframes animate2
{
  0%
  {
    transform:translateY(-100%);
}
  100%
  {
    transform:translateY(100%);
  }
}
.button span:nth-child(3)
{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:2px;
      background: linear-gradient(to right, #e12b37, #dca706);
   animation: animate3 2s linear infinite;
  animation-delay:1s;
  
}
@keyframes animate3
{
  0%
  {
    transform:translateX(100%);
}
  100%
  {
    transform:translateX(-100%);
  }
}
.button span:nth-child(4)
{
  position:absolute;
  top:0;
  left:0;
  width:2px;
  height:100%;
      background: linear-gradient(to right, #e12b37, #dca706);
   animation: animate4 2s linear infinite;
  animation-delay:2s;
  
}
@keyframes animate4
{
  0%
  {
    transform:translateY(100%);
}
  100%
  {
    transform:translateY(-100%);
  }
}
.ed-btn-theme {
       background-image: url(../images/bg.webp);
    display: inline-block;
    padding: 0px 25px;
    padding-right: 30px;
    /* height: 58px; */
    line-height: 50px;
    position: relative;
    transition: 0.3s;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
}  
.viss .wrap-image ul li i {
    margin-right: 10px;
}
.button1:hover {
    background: var(--corp-blue-light);
    color: #fff;
}
.button1{ 
    top: 95px;
    height: 200px;
    border-radius: var(--br8);
    /* position: absolute; */
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .5);
    overflow: hidden;
}
.button1::before
{
  content:"";
  position:absolute;
  top:2px;
  left:2px;
  bottom:2px;
  width:50%;
  
}
.button1 .btn1
{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:2px;
  background: linear-gradient(to right, #e12b37, #dca706);
  animation: animate11 2s linear infinite;
  animation-delay:1s;
  
}
@keyframes animate11
{
  0%
  {
    transform:translateX(-100%);
}
  100%
  {
    transform:translateX(100%);
  }
}
.button1 .btn2
{
  position:absolute;
  top:0;
  right:0;
  width:2px;
  height:100%;
     background: linear-gradient(to right, #e12b37, #dca706);
  animation: animate21 2s linear infinite;
  animation-delay:2s;
}
@keyframes animate21
{
  0%
  {
    transform:translateY(-100%);
}
  100%
  {
    transform:translateY(100%);
  }
}
.button1 .btn3
{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:2px;
      background: linear-gradient(to right, #e12b37, #dca706);
   animation: animate31 2s linear infinite;
  animation-delay:1s;
  
}
@keyframes animate31
{
  0%
  {
    transform:translateX(100%);
}
  100%
  {
    transform:translateX(-100%);
  }
}
.button1 .btn4
{
  position:absolute;
  top:0;
  left:0;
  width:2px;
  height:100%;
      background: linear-gradient(to right, #e12b37, #dca706);
   animation: animate41 2s linear infinite;
  animation-delay:2s;
  
}
@keyframes animate41
{
  0%
  {
    transform:translateY(100%);
}
  100%
  {
    transform:translateY(-100%);
  }
}