/*--------- 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");

    :root {
        --Black: #000000;
        --White: #ffffff;
        --Text: #5c5e61;
        --Text-2: #161e2d;
        --Heading: #2c2e33;
        --Note: #a8abae;
        --Note-2: #8e8e93;
        --Primary: #f1913d;
        --Sub-primary-1: #fef7f1;
        --Sub-primary-2: rgba(241, 145, 61, 0.15);
        --Sub-primary-3: rgba(241, 145, 61, 0.1);
        --shadown: rgba(241, 145, 61, 0.12);
        --Secondary: #2c2e33;
        --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;
    }

    @font-face {
        font-family: 'Avenir Next Condensed';
        src: url('../fonts/AvenirNextCondensed-BoldItalic.woff2') format('woff2'),
            url('../fonts/AvenirNextCondensed-BoldItalic.woff') format('woff');
        font-weight: bold;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next Condensed';
        src: url('../fonts/AvenirNextCondensed-Bold.woff2') format('woff2'),
            url('../fonts/AvenirNextCondensed-Bold.woff') format('woff');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next Condensed Demi';
        src: url('../fonts/AvenirNextCondensed-DemiBold.woff2') format('woff2'),
            url('../fonts/AvenirNextCondensed-DemiBold.woff') format('woff');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next Condensed';
        src: url('../fonts/AvenirNextCondensed-HeavyItalic.woff2') format('woff2'),
            url('../fonts/AvenirNextCondensed-HeavyItalic.woff') format('woff');
        font-weight: 900;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next Condensed Demi';
        src: url('../fonts/AvenirNextCondensed-DemiBoldItalic.woff2') format('woff2'),
            url('../fonts/-DemiBoldItalic.woff') format('woff');
        font-weight: 600;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next Condensed';
        src: url('../fonts/AvenirNextCondensed-Heavy.woff2') format('woff2'),
            url('../fonts/AvenirNextCondensed-Heavy.woff') format('woff');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next Condensed';
        src: url('../fonts/AvenirNextCondensed-Italic.woff2') format('woff2'),
            url('../fonts/AvenirNextCondensed-Italic.woff') format('woff');
        font-weight: normal;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next Condensed';
        src: url('../fonts/AvenirNextCondensed-Medium.woff2') format('woff2'),
            url('../fonts/AvenirNextCondensed-Medium.woff') format('woff');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next Condensed';
        src: url('../fonts/AvenirNextCondensed-Regular.woff2') format('woff2'),
            url('../fonts/AvenirNextCondensed-Regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next Condensed';
        src: url('../fonts/AvenirNextCondensed-MediumItalic.woff2') format('woff2'),
            url('../fonts/AvenirNextCondensed-MediumItalic.woff') format('woff');
        font-weight: 500;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next Condensed Ultra';
        src: url('../fonts/AvenirNextCondensed-UltraLightItalic.woff2') format('woff2'),
            url('../fonts/AvenirNextCondensed-UltraLightItalic.woff') format('woff');
        font-weight: 200;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next Condensed Ultra';
        src: url('../fonts/../fonts/AvenirNextCondensed-UltraLight.woff2') format('woff2'),
            url('../fonts/AvenirNextCondensed-UltraLight.woff') format('woff');
        font-weight: 200;
        font-style: normal;
        font-display: swap;
    }


    @font-face {
        font-family: 'Avenir Next';
        src: url('../fonts/AvenirNext-Bold.woff2') format('woff2'),
            url('../fonts/AvenirNext-Bold.woff') format('woff');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next';
        src: url('../fonts/AvenirNext-Heavy.woff2') format('woff2'),
            url('../fonts/AvenirNext-Heavy.woff') format('woff');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next Demi';
        src: url('../fonts/AvenirNext-DemiBoldItalic.woff2') format('woff2'),
            url('../fonts/AvenirNext-DemiBoldItalic.woff') format('woff');
        font-weight: 600;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next';
        src: url('../fonts/AvenirNext-BoldItalic.woff2') format('woff2'),
            url('../fonts/AvenirNext-BoldItalic.woff') format('woff');
        font-weight: bold;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next';
        src: url('../fonts/AvenirNext-HeavyItalic.woff2') format('woff2'),
            url('../fonts/AvenirNext-HeavyItalic.woff') format('woff');
        font-weight: 900;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next Demi';
        src: url('../fonts/AvenirNext-DemiBold.woff2') format('woff2'),
            url('../fonts/AvenirNext-DemiBold.woff') format('woff');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next';
        src: url('../fonts/AvenirNext-Medium.woff2') format('woff2'),
            url('../fonts/AvenirNext-Medium.woff') format('woff');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next';
        src: url('../fonts/AvenirNext-Italic.woff2') format('woff2'),
            url('../fonts/AvenirNext-Italic.woff') format('woff');
        font-weight: normal;
        font-style: italic;
        font-display: swap;
    }

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

    @font-face {
        font-family: 'Avenir Next';
        src: url('../fonts/AvenirNext-Regular.woff2') format('woff2'),
            url('../fonts/AvenirNext-Regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next Ultra';
        src: url('../fonts/AvenirNext-UltraLight.woff2') format('woff2'),
            url('../fonts/AvenirNext-UltraLight.woff') format('woff');
        font-weight: 200;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Next Ultra';
        src: url('../fonts/AvenirNext-UltraLightItalic.woff2') format('woff2'),
            url('../fonts/AvenirNext-UltraLightItalic.woff') format('woff');
        font-weight: 200;
        font-style: italic;
        font-display: swap;
    }

    /*---------- 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: inherit;
        font-size: 100%;
        font-style: inherit;
        font-weight: inherit;
    }

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

    html {
        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: 'Avenir Next' !important;

    }

    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: 'Avenir Next' !important;
        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;
        max-width: 100%;
        vertical-align: middle;
        -ms-interpolation-mode: bicubic;
    }

    p {
        font-weight: 400;
        font-size: 14px;
        line-height: normal;
    }

    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: 1px solid rgb(255 255 255 / 38%);
    }

    /* 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;
    }

    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: 'Avenir Next' !important;
        color: var(--Heading);
        margin: 0;
        text-rendering: optimizeLegibility;
        font-weight: 600;
    }

    h1,
    .h1 {
        font-size: 68px;
        line-height: 88px;
    }

    h2,
    .h2 {
        font-size: 40px;
        line-height: 50px;
    }

    h3,
    .h3 {
        font-size: 30px;
        line-height: 42px;
    }

    h4,
    .h4 {
        font-size: 24px;
        line-height: 30px;
    }

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

    h6,
    .h6 {
        font-size: 18px;
        line-height: 22.5px;
    }

    .text-1 {
        font-size: 16px;
        line-height: 22.4px;
    }

    .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;
    }

    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
-------------------------------------------------------------- */

    #wrapper {
        width: 100vw;
    }

    .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;
    }

    .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: 'Avenir Next' !important;
    }

    .font-poppins {
        font-family: 'Avenir Next' !important;
    }

    .font-mulish {
        font-family: 'Avenir Next' !important;
    }

    .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);
    }

    #header-main .header-inner-wrap {
        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-main .header-right {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        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;
    }

    #header-main .mobile-button {
        display: none;
        font-size: 25px;
        color: #012535;
        ;
    }

    #header-main .header-logo {
        padding: 21px 0px 15px;
    }

    #header-main .header-logo img {
        width: 136px;
        height: 42px;
    }

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

    #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 {
        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);
        left: 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;
        margin-left: 30px;
        -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: 25px 20px 30px;
        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%;
    }

    .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 {
        display: inline-block;
        font-size: 16px;
        line-height: 20px;
        color: var(--Heading);
        -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;
    }

    .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;
    }

    .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 a:before,
    .navigation .submenu2 li a:before {
        position: absolute;
        content: "\ea3d";
        left: 0px;
        top: 10px;
        width: 16px;
        height: 10px;
        opacity: 0;
        font-size: 12px;
        font-family: "icomoon";
        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;
        font-weight: 600;
    }

    .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;
        font-weight: 600;
        padding-left: 18px !important;
    }

    .navigation .submenu li.current-item>a::before,
    .navigation .submenu li:hover>a::before,
    .navigation .submenu2 li.current-item>a::before,
    .navigation .submenu2 li:hover>a::before {
        opacity: 1;
    }

    .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;
    }

    .navigation .submenu li.current-item>a,
    .navigation .submenu2 li.current-item>a {
        font-weight: 700;
    }

    .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;
    }

    .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>a::before {
        display: none;
    }

    .has-child.style-2>.submenu>li>.submenu2>li {
        width: 250px;
    }

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

    .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;
    }

    .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;
    }

    .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: rgb(134, 134, 134);
        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: var(--Heading);
    }

    .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: 400;
        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);
    }

    .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 {
        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: var(--Secondary);
        padding-top: 60px;
    }

    #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: 34px;
        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: var(--Primary);
    }

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

    #footer .footer-top .contact-item .content .title {
        color: var(--Note);
        margin-bottom: 4px;
    }

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

    #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: 10px 0 0 0;
    }

    #footer .footer-menu-list .title {
        color: var(--White);
        margin-bottom: 24px;
    }

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

    #footer .footer-menu-list ul li a {
        font-size: 16px;
        line-height: 22.4px;
        color: var(--Note);
    }

    #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;
        background-color: var(--Secondary);
        -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-menu-list .form-newsletter p {
        margin-bottom: 16px;
    }

    #footer .footer-menu-list .form-newsletter fieldset input {
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 10px;
        background-color: transparent;
        margin-bottom: 11px;
    }

    #footer .footer-menu-list .form-newsletter .tf-btn {
        height: 54px;
        border-radius: 10px;
        margin-bottom: 16px;
        border: 1px solid var(--Primary);
        text-transform: uppercase;
    }

    #footer .footer-menu-list .form-newsletter .tf-btn:hover {
        border: 1px solid var(--Primary);
    }

    #footer .footer-menu-list .form-newsletter .checkbox-item label .btn-checkbox::after {
        top: -2px;
    }

    #footer .footer-menu-list .form-newsletter .checkbox-item span {
        color: var(--Text);
    }

    #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: 30px 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: 42px;
    }

    .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: 40px;
        margin-top: -40px;
    }

    .widget-tabs.style-2 .item-title {
        padding: 8px 20px;
        width: 126px;
        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;
        color: var(--White);
        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;
    }

    .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 var(--Primary);
        color: var(--Primary);
        background-color: transparent;
    }

    .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 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: var(--Text);
        overflow: hidden;
        height: 54px;
        margin-bottom: 0;
    }

    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 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 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: rgba(44, 46, 51, 0.6);
    }

    .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: 32px;
        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;
    }

    /*------------ 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: 'Avenir Next' !important;
    }

    .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: 'Avenir Next' !important;
        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;
    }

    .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: 24px;
        margin-bottom: 24px;
        border-bottom: 1px solid var(--Line);
    }

    .tf-faq .faq-header {
        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: 46px;
        height: 46px;
        z-index: 1;
        border-radius: 50%;
        cursor: pointer;
        -webkit-perspective: 1000;
    }

    .marker-card .face {
        position: absolute;
        width: 26px;
        height: 26px;
        -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;
    }

    /*------------ 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;
        align-items: center;
        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: 'Avenir Next' !important;
    }

    .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%;
    }

    .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 {
        padding: 24px;
        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 {
        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;
    }

    .icons-box p {
        margin-bottom: 30px;
    }

    .icons-box:hover {
        box-shadow: 0px 30px 60px var(--Sub-primary-2);
    }

    .icons-box.default {
        padding: 24px 30px;
    }

    .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: 'Avenir Next' !important;
    }

    .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: 'Avenir Next' !important;
    }

    .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: 40px;
        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 {
        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;
    }

    .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;
    }

    .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;
    }

    .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;
        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: 104px;
        padding-bottom: 104px;
    }

    .tf-spacing-2 {
        padding-top: 72px;
        padding-bottom: 104px;
    }

    .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;
    }

    /* 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: rgba(44, 46, 51, 0.6);
    }

    /* page-title
===============================================================================*/

    .page-title {
        position: relative;
        z-index: 10;
        background-position: center;
        background-attachment: fixed;
    }

    .page-title::after {
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .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/section/page-title-1.jpg);
        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-2 {
        padding: 132px 0 232px;
        background-image: url(../images/section/page-title-loan.jpg);
        background-size: cover;
    }

    .page-title.style-2::after {
        display: none;
    }

    .page-title.style-2 .heading-title .title {
        color: var(--Heading);
    }

    .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: rgb(241, 145, 61);
        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: rgb(247, 129, 25);
        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: 48px;
    }

    .section-help .widget-tabs {
        margin-bottom: 48px;
    }

    .section-help .widget-tabs .widget-menu-tab {
        margin-bottom: 48px;
    }

    .section-help .text {
        color: rgba(44, 46, 51, 0.6);
    }

    .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 {
        position: relative;
    }

    .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 {
        position: relative;
        max-width: 400px;
        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: 358px;
    }

    .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-agency-list 
===============================================================================*/

    .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-current-properties .swiper {
        padding: 40px;
        margin: -40px;
    }

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

    @media (min-width: 1920px) {
    .drop-item {
        min-width: 23rem !important;
    }
}
    @media (min-width: 576px) {
        .tf-grid-layout {
            gap: 20px;
        }

        .tf-grid-layout-3 {
            display: grid;
            gap: 15px;
        }

        .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) {

        .map-area iframe {
            width: 100% !important;

        }

        .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-grid-layout-3,
        .tf-grid-layout-2,
        .tf-grid-layout {
            gap: 40px;
        }

        .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-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-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: 70px;
            margin: -70px;
        }

        .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);
        }
    }

    @media (min-width: 1380px) {
        .main-menu {
            margin-right: 0;
        }

        .main-menu .navigation {
            gap: 25px;
            margin-left: 221px;
        }
    }

    @media (min-width: 1300px) {

        .specbtn {
            margin-bottom: 20px !important;
            margin-top: 20px !important;
    
        }

#block-deep-roots-harvest-white-shopcategoryblock{
    margin-top: 20px;
}
        #block-deep-roots-harvest-white-productionsectionblock .thumb_sec {
            padding-bottom: 0 !important;
        }
        .brand-page .right-img img {
            height: 440px !important;
        }
        .join-us-sec.brand1-bg .row div:first-child > div > img {
            width: 230px;
            max-width: 230px;
        }
        .harvest-box-wrap a{
            width: calc(50% - 60px) !important;
        }
        .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;
        }
    }

    @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) {
        .wrap-dashboard-content-2 .grid-layout-4 {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media (max-width: 1093px) {
        #header-main .mobile-button {
            display: block;
        }

        #header-main .main-menu {
            display: none;
        }
    }

    @media (max-width: 1024px) {
        .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) {
        br {
            display: none;
        }

        .lg-hide {
            display: none;
        }

        button.join {
            background: #A0DFF2;
            padding: 5px 11px !important;
            font-weight: 600;
            border-radius: 5px;
            color: #000;
            font-size: 16px;
            margin-top: 20px;
            display: flex;
            align-items: center;
            height: 36px;
        }

        button.join img {
            margin-bottom: 0 !important;
        }

        .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;
        }

        .ftr-logo-img img {
            height: 150px !important;
        }

        .grid-layout-3 {
            gap: 20px !important;
        }

        #footer .footer-main {
            padding-bottom: 0;
        }

        #footer .footer-menu-list {
            margin-bottom: 10px;
            margin-left: 0px !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: 60% !important;
        }

        .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;
        }
    }

    @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) {
    #menu-mobile-menu li.current-menu-item>a, #menu-mobile-menu li a:hover, #menu-mobile-menu li.current-item a {
    color: #00a0e0 !important;
  
}
    .thumb_sec_new span img{
         width: 100%;
    -o-object-fit: contain !important;
    object-fit: contain !important;
    -webkit-object-fit: contain !important;
    -moz-object-fit: contain !important;
    }

.thumb-sec img {
    width: 100%;
    -o-object-fit: contain !important;
    object-fit: contain !important;
    -webkit-object-fit: contain !important;
    -moz-object-fit: contain !important;

}

        .bluediamond-section h1{
            text-align: center !important;
        }
.store-modal-open{
    display: flex;
    align-items: center;
    background: #00a0e0;
    text-align: center;
    margin: auto;
    justify-content: center;
}
        .banner-landing img {
            height: auto !important;
        }
        .specbtn{
            margin-bottom: 20px !important;
    margin-top: 0px !important;
        }
        .even-more-text p{
            padding: 0 20px;
        }
        .landing-page .bluediamond-section h2{
            margin-top: 15px !important;
        }

        .landing-page .join-us-sec img
        {
            height: auto !important;
        }
        .harvest-box-wrap a{
            /* left: 20% !important; */
            text-align: center;
        }
        .page-title-new {
            font-size: 40px !important;
            margin: 0 0 25px 0px !important;
            color: #00A0DF;
        }

        .how-it-works-wrap h2{
            text-align: center;
        }

        .view-points-line{
            display: none;
        }
        .bluediamond-section h2 {
            margin-top: 10px;
            text-align: center !important;
        }   
        .bluediamond-section h3 {
            font-size: 27px !important;
            line-height: 40px !important;
        }
    
        .harvest-box-wrap{
            margin-bottom: 20px;
        }
        .site-map .text-section h3{
            font-size: 22px !important;
        }

        .text-section {
            padding: 0 0px !important;
        }

        .contact-left h2 {
            font-size: 22px !important;
        }
        .b-left.blog-thumb{
            margin: 0px !important;
        }

        .blog-right-sec .blog-thumb{
            margin: 0px !important;
        }

        .blog-thumb{
            margin: 0 !important;
        }
        .rewards-right p {
            font-size: 20px !important;
            word-break: break-word !important;
        }

        .point-value-text{
            text-align: center;
        }
        .point-value-text h5{
            max-width: 100% !important;
        }

        .unlock-more-wrap h2{
            max-width: 100% !important;
            margin-bottom: 10px !important;
            padding: 0 20px;
        }
            .rewards-left p{
                font-size: 20px !important;
                word-break: break-word !important;
            
            }  
            }

            

        .faq-textarea h2 {
            font-size: 24px !important;
            line-height: 30px !important;
            margin-bottom: 20px;
        }
        
        .blog-section h2 {
            text-align: center !important;
        }

        .blog-sec {
            flex-wrap: wrap;
        }

        /* .blog-section .blog-sec>div{
            width: 50%;
        } */

        .even-more-table-th h3 {
            font-size: 12px !important;
            color: #012535;
            font-weight: 600 !important;
            line-height: 18px;
        }

        .even-more-table-td h3 {
            font-weight: 500 !important;
            font-size: 19px !important;
        }

        /* .rewards-box-wrap {
            margin-top: 20px;
        } */

        .view-online-wrap::before {
            background-color: transparent !important;
        }

        .view-points {
            height: 120px !important;
        }

        .how-it-works-wrap h2 {
            font-size: 44px !important;
        }

        .point-value-text h4 {
            font-size: 40px !important;
        }

        .brand1-bg .right-img img {
            height: auto !important;
            margin-bottom: 0px;
        }

        .unlock-more-wrap h2 {
            font-size: 35px !important;
            color: #fff;
            margin: 0 0 50px;
            max-width: 100% !;
            line-height: 1.2;
        }

        .brand2-bg .right-img img {
            margin-bottom: 0px;
            height: auto !important;

        }

        .brand3-bg .right-img img {
            height: auto !important;
            margin-bottom: 0px;

        }

        .footer-logo {
            display: flex;
        }

        .dis-area {
            margin: 15px 15px !important;
        }

        .harvest-box-wrap {
            margin-top: 0px;
        }

        .footer-menu-list ul {
            display: flex !important;
        }

        .footer-menu-list ul div {
            min-width: 30%;
        }

        .blog .blog-area {
            height: auto !important;
        }

        .blog {
            display: block !important;
        }

        .blog .blog-area {
            margin: 10px 10px !important;
        }

        .ex-grey-content {
            display: block !important;
        }

        .ex-grey-content div.img-ex {
            max-width: 100% !important;
        }

        .orng-label {
            left: 0 !important;
            right: 0 !important;
            margin: 0 20px;
            top: -26px;
            padding: 15px 20px;
            font-size: 22px !important;
        }

        .shop-now-btn {
            background:#012535;
            padding: 10px;
            color: #fff !important;
            border-radius: 5px;
            margin-bottom: 10px;
            font-weight: 600;
        }

        .tell_us_section-up h4 {
            color: #fff;
            margin-bottom: 20px;
            font-size: 26px !important;
        }

        .tell_us_section-up .d-flex {
            flex-direction: column;
            align-items: flex-start !important;
        }

        .tell_us_section-up .d-flex button {
            margin-bottom: 10px
        }

        .top-text {
            display: block !important;
        }

        ul.tab-res {
            white-space: nowrap;
            width: 100%;
            display: block;
            overflow-x: auto;
        }

        ul.tab-res li {
            width: auto;
            display: inline-flex;
        }

        .brands-img {
            display: block !important;
        }

        .brands-img img {
            margin-bottom: 20px;
        }

        .brands_sec-toparea {
            display: block !important;
            margin-bottom: 15px;
        }

        .brands_sec-toparea img {
            margin-left: 0 !important;
        }

        .before-footer button {
            margin-bottom: 10px;
        }

        .before-footer {
            display: block !important;
        }

        .orange-text-left {
            left: 0 !important;
            top: -67px;
            padding: 5px 20px;
            margin: 0 20px !important;
        }

        #banner-bg {
            padding: 50px 0 30px 0 !important;
        }

        #banner-bg .thumb-section {
            margin: 10px 0 !important;
        }

        .text-areasection_thumb .text-sec h4 {
            margin-bottom: 0px;
            font-size: 15px !important;
           
        }

        .btn-sec-modal3 button {
            width: 100px !important;
        }

        .full-screenmodal h2 {
            font-size: 30px !important;
            color: #fff;
            margin: 30px 0 0px 0 !important;
        }

        .tf-spacing-1 {
            padding-top: 70px;
            padding-bottom: 70px;
        }

        h1 {
            font-size: 45px;
            line-height: 55px;
        }

        h2,
        .h2 {
            font-size: 33px;
            line-height: 43px;
        }

        .text-5 {
            font-size: 26px;
            line-height: 34px;
        }

        .heading-section {
            margin-bottom: 30px;
        }

        #header-main .box-user .name {
            display: none !important;
        }

        .tf-top-bar .top-bar-inner {
            justify-content: center;
        }

        .tf-top-bar .wrap-social {
            display: none;
        }

        .page-title {
            background-attachment: unset;
        }

        .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: 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;
        }
    }

    /*# sourceMappingURL=styles.css.map */
    /*css */

    #footer {
        background-color: #fff;
    }

    #footer .footer-menu-list .form-newsletter .tf-btn {
        height: 54px;
        border-radius: 10px;
        margin-bottom: 16px;
        border: 1px solid #00a0e0 !important;
        background: #00a0e0;
        padding: 0 12px;
    }

    #footer .footer-logo img {
        width: auto;
        height: 200px;
        margin-bottom: 30px;
    }

    #footer .footer-menu-list .title {
        color: #000000;
        margin-bottom: 24px;
        text-transform: uppercase;
        font-size: 16px;
    }

    #footer .footer-menu-list.style-2 ul li a {
        background-color: transparent;
    }

    #footer .footer-menu-list.style-2 ul li a::after {
        color: #00a0e0;
        ;
    }

    .red-txt {
        color: red;
        margin-bottom: 10px;
        display: block;
    }

    #footer .footer-bottom {
        display: block !important;
        text-align: center;
        color: #ffffff85;
    }

    #footer .footer-bottom p a:hover {
        color: #00a0e0;
    }

    #footer .footer-menu-list ul li:hover a {
        color: #00a0e0;
    }

    #header-main {
        padding-right: 0 !important;
        /* background: #000; */
        height: 170px;
    }

    #header-main .header-logo img {
        width: auto;
        height: 85px;
        margin-bottom: 20px;
    }

    .main-menu .navigation>li>a {
        color: #012535;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
    }

    .top-text {
        font-size: 13px;
        margin-top: 20px;
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        float: right;
    }

    .top-text strong {
        color: #00a0e0;
    }

    .main-menu .navigation>li.current-menu>a {
        color: #ffffff !important;
        font-weight: 700;
        background: #00a0e0;
        border-radius: 5px;
        /* width: 80px; */
        padding: 10px 25px 10px 20px;
    }

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

    .navigation .submenu li.current-item>a,
    .navigation .submenu li:hover>a,
    .navigation .submenu2 li.current-item>a,
    .navigation .submenu2 li:hover>a {
        color: #00a0e0 !important;
    }

    .navigation .submenu li a:before,
    .navigation .submenu2 li a:before {
        color: #00a0e0 !important;
    }

    .search-box {
        width: 65%;
        float: right;
    }

    .search-box input {
        padding: 10px 15px;
        font-size: 14px;
        background: transparent;
        border: 2px solid #757575;
        border-radius: 15px;
        color: #757575;
    }

    .search-box input::placeholder {
        color: #757575;
    }

    .search-box {
        position: relative;
    }

    .search-box i {
        position: absolute;
        right: 12px;
        top: 14px;
        font-size: 18px;
        color: #00a0e0;
    }

    .banner_sec {
        height: 500px;
    }

    #block-deep-roots-harvest-white-content .thumb_sec h1 {
margin-bottom: 20px !important;
    }
    .thumb_sec h1 {
        text-align: center;
        font-weight: 400;
        font-size: 34px;
        
    }

    .blog-section h2{
        margin-bottom: 20px;
    }

    .thumb_sec {
        padding: 80px 0;
    }

    .thumb_sec p {
        text-align: center;
    }

    .banner_sec {
        height: auto;
    }

    .thumb-section {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }

    .white_sec {
        background: #fff;
    }

    .thumb_sec_new {
        border: none !important;
        border-radius: 15px;
        padding: 15px;
        /* width: 300px; */
        background: transparent !important;
        width: 400px;
        height: 250px;
    }

    .thumb_sec h1 {
        color: #012535;
    }

    .thumb-section a:hover {
        background: #ddd;
    }

    .thumb_sec_new_shop h3 {
        text-align: center;
        color: #000;
    }

    .thumb_sec_new_shop a:hover h3 {
        color: #000 !important;
    }

    .thumb_sec_new_shop {
        background: #b1e3f7;
        padding: 50px 20px;
        width: 200px;
        border-radius: 15px;
        display: flex;
        align-items: center;
    }

    .thumb_sec_new {
        text-align: center;
    }

    .grey_bg {
        background: #f5f5f5;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .thumb_secgrey h2 {
        text-align: center;
        font-weight: 400;
        font-size: 34px;
        color: #000;
    }

    .thumb_secgrey {
        padding: 20px 0;
    }

    .thumb_secgrey p {
        text-align: center;
    }

    .thumb-sectiongrey {
        display: flex;
        justify-content: space-around;
        margin-top: 20px;
    }

    .thumb_sec_newgrey {
        padding: 15px;
        width: 300px;
        text-align: center;
    }

    .thumb_sec_newgrey h3 {
        font-size: 20px;
        margin-top: 20px;
    }

    .thumb_sec_newgrey_sec {
        background: #fff;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        padding: 10px;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dark-container {
        background: #012535;
        padding: 50px 0px;
        color: #fff;
    }

    .tell_us_section-up h4 {
        color: #fff;
        margin-bottom: 20px;
        font-size: 46px;
    }

    .tell_us_section-up span {
        color: #F7FF0C;
        font-weight: 400;
    }

    .telss-us-sec {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
    }

    .tell_us_section-up {
        align-items: normal;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .tell_us_section h4 {
        color: #fff;
        margin-bottom: 0;
        font-size: 36px;
        font-weight: 400;
    }

    .tell_us_section span {
        color: #F7FF0C;
        font-weight: 400;
    }

    .dark-container p {
        color: #C3C3C3;

        text-align: left;
        margin: 15px 0 0 0;
        font-size: 23px;

    }

    .tell_us_section div {
        align-items: center;
        display: flex;
        justify-content: center;
        /* flex-direction: column; */
    }

    .dark-container .tell_us_section button {
        margin-left: 40px;
    }

    .text-area-section {
        margin: 0 10px;
        font-size: 14px;
    }

    .dark-container button {
        background: #F7FF0C;
        color: #000;
        text-transform: uppercase;
        /* width: 220px; */
        height: 50px;
        border-radius: 10px;
        font-weight: 600;
        padding: 0 25px;
    }

    .blue_txtsection {
        background: #012535 no-repeat !important;
        height: 320px;
        background-size: cover;
        padding: 30px 0;
    }

    /* .icon_section a img {
        height: 100px;
    } */

    .house-brands span {
        background: #f1913d;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        /* width: 180px;
    height: 50px; */
        border-radius: 10px;
        font-weight: 600;
        position: absolute;
        top: -30px;
        font-size: 36px;
        padding: 20px 25px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .learnmore button {
        background: #00a0e0;
        color: #fff;
        text-transform: uppercase;
        /* width: 120px;
    height: 50px; */
        border-radius: 10px;
        font-weight: 600;
        font-size: 20px;
        padding: 10px 25px;
    }

    .about-txt-left1 .house-brands span {
        background: #f1913d;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        /* width: 180px;
    height: 50px; */
        border-radius: 10px;
        font-weight: 600;
        position: absolute;
        top: -30px;
        right: 10%;
        font-size: 36px;
        padding: 20px 25px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .about-txt-left1 .learnmore button {
        background: #00a0e0;
        color: #fff;
        text-transform: uppercase;
        /* width: 120px;
    height: 50px; */
        border-radius: 10px;
        font-weight: 600;
        right: 10%;
        font-size: 20px;
        padding: 10px 25px;
    }

    .about_textarea p {
        padding: 0px 20px 10px 0;
        font-size: 20px;
        line-height: 1.3em;
        margin: 0 0 0px;
    }

    .about_textarea .col-6 {
        padding: 0;
    }

    .about-txt-right {
        width: 100%;
        height: 100%;
    }

    .about-txt-right img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-object-fit: cover;
        -moz-object-fit: cover;
        height: 100%;
        overflow: hidden;
        object-position: 50% 50%;
        -webkit-object-position: 50% 50%;
        -o-object-position: 50% 50%;
        -moz-object-position: 50% 50%;
        border-radius: 0 !important;
    }

    .about-txt-left {
        position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
        padding: 5%;
        flex-direction: column;
    }

    .about-txt-left p {
        line-height: 1.3em;
        margin: 0 0 0px;
    }

    .right_position {
        position: absolute;
        right: 0;
    }

    .about-txt-left1 {
        width: 100%;
        background: url(../images/home/15.jpg) 0 0 no-repeat;
        background-size: cover;
        height: 100%;
        position: relative;
        padding: 5%;
        position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
    }

    /* .about_textarea {
    display: flex;
    justify-content: space-between;
} */

    .icon_section {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
        align-items: center;
    }

    .icon_section a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

    .icon_section p.title {
        color: #fff;
        font-weight: 600;
        margin-top: 5px;
        font-size: 16px;
    }

    .blue_txtsection h2 {
        text-align: center;
        color: #fff;
        font-weight: 300;
        font-size: 35px;
        text-transform: capitalize;
    }

    .line {
        border-top: 1px solid #F7FF0C;
        width: 80px;
        display: block;
        margin-top: 20px;
        margin-right: 10px;
    }

    .blue_txtsection p {

        color: #A3E2FB;
        line-height: 28px;
    }

    .right_text p {
        font-size: 18px !important;
        color: #fff;
        line-height: 28px;
        margin-left: 100px;
        margin-top: 30px;
    }

    .blue_txtsection h5 {
        font-size: 34px;
        color: #fff;
        line-height: 44px;
    }

    .yellow_txt {
        text-transform: uppercase;
        font-weight: 600;
        display: flex;
        align-items: center;
        color: #F7FF0C;
    }

    .yellow_txt_learn {
        color: #F7FF0C;
        text-transform: uppercase;
        margin-top: 10px;
        font-size: 14px;
        margin-left: 100px;
    }

    .yellow_line {
        border-bottom: 2px solid #F7FF0C;
        width: 43px;
        margin-left: 100px;
        margin-top: 4px;
    }

    .blue_txtsection a:hover {
        color: #000;
    }

    .buton-view {
        background: #b4ebff;;
        color: #000;
        padding: 10px 20px;
        width: auto;
        border-radius: 5px;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .view_button {
        display: flex;
        align-items: center;
        text-align: center;
        margin: 50px auto 0 auto;
        width: auto;
        /* margin: auto; */
        justify-content: center;
    }

    @media (min-width: 1380px) {
        .main-menu .navigation {
            gap: 40px;
            margin-left: 221px;
        }
    }

    #header-main.is-fixed.is-small .header-inner {
        background: #fff;
    }

    .header-fixed.is-fixed .search-wrapper {
        display: none;
    }

    .header-fixed.is-fixed .top-text {
        display: none;
    }

    .header-fixed.is-fixed#header-main {
        height: 100px;
    }

    #header-main.is-fixed.is-small .main-menu .navigation>li>a {
        color: #012535;
    }

    /* 06.02.2025 */

    .banner_sec h5 {
        color: #fff;
        font-size: 50px;
        margin-bottom: 30px;
        text-align: left;
    }

    .banner_sec p {
        /* margin: 10px; */
        font-size: 18px;
        text-align: left;

    }

    .banner_sec .carousel-caption {
        bottom: 15rem;
    }

    .thumb_sec {
        padding: 30px 0 40px 0;
    }

    .about_sec {
        padding: 30px 0 80px 0;
    }

    .about_sec h2 {
        color: #fff;
        text-align: left;
        font-weight: 400;
        font-size: 34px;
        margin-bottom: 15px;
    }

    .about_sec p {
        /* color: #fff; */
        margin-bottom: 10px;
    }

    .top-text {
        background: #00a0e0;
        border-radius: 10px 10px 0 0;
        padding: 10px;
    }

    .top-text strong {
        color: #fff;
    }

    #header-main .header-logo {
        padding: 21px 0px 0px;
    }

    #header-main {
        height: auto;
    }

    .main-menu .navigation>li.current-menu>a {
        background: #012535;
    }

    .footer_section {
        background: #012535;
        width: 100%;
        padding: 50px 0 0 0;
    }

    #footer {
        background-color: #012535;
    }

    .footer-bottom {
        color: #fff;
    }

    #footer .footer-menu-list .title {
        color: #ffffff;
        margin-bottom: 10px;
    }

    .dis-area {
        margin: 15px 30px 40px 30px;
    }

    .dis-area h6 {
        color: #fff;
        /* text-decoration: underline; */
        margin-bottom: 5px;
        font-size: 16px;
    }

    .dis-area p {
        color: #fff;
    }

    .dark-container button {
        background: #A0DFF2;
        color: #000;
    }

    .blue-container button {
        background: #A0DFF2;
        color: #000;
        text-transform: uppercase;
        width: 220px;
        height: 50px;
        border-radius: 10px;
        font-weight: 600;
        margin-top: 20px;

    }

    .blue-container {
        /* background: #00a0e0 no-repeat; */
        background: #0076ad no-repeat;
        padding: 50px 0px;
        color: #fff;

    }


    .blue-container span {
        color: #fff !important;
    }

    .spec_btn {
        background: #000;
        padding: 10px 15px;
        color: #fff;
        border-radius: 5px;
        position: absolute;
        right: 0;
        bottom: -12rem;
        width: 200px;
        font-size: 16px;
        text-transform: uppercase;
    }

    .carousel-indicators {
        display: none;
    }

    @media (min-width: 1380px) {
        .main-menu .navigation {
            gap: 40px;
            margin-left: 185px;
        }
    }

    /* 10.02.2025 */

    #footer .footer-menu-list ul li a {
        font-size: 15px;
    }

    @media screen and (min-width: 769px) {
        #slider {
            height: auto;
        }

        .shop-mobile {
            display: none;
        }
    }

    .icon_section span {
        height: 80px;
        display: flex;
        align-items: center;
    }

    @media screen and (max-width: 768px) {

        .brand-page .right-img img {
            margin-bottom:15px !important;
        }
        
        .brand-page .brand1-bg p {
            margin:10px !important;
        }
        
        .brand-page .brand2-bg p {
            margin:10px !important;
        }
        
        .brand-page .brand3-bg p {
            margin:10px !important;
        }
        .landing-textarea p {
            width: auto !important;
        }
.footer-logo{
    justify-content: center;
}
        .thumb_sec h2 {
            font-size: 36px !important;
            font-weight: 500 !important; 
            margin: 25px 0 !important;
        }

        .join-us-sec {
            padding: 10px !important;
            margin-top: 10px !important;
        }

        .join-us-sec h3 {
            text-align: left;
            font-size: 40px !important;
        }

        .join-us-sec button {
            margin: 20px 0 !important;
        }

        .join-us-sec p {
            padding: 0 !important;
        }

        .join-us-sec h5 {
            margin-top: 20px;
        }

        .thumb_sec-give h2 {
            margin-top: 10px;
        }

        .bluediamond-section h2 {
            margin-top: 10px;
        }

        .bluediamond-sec-thumb {
            width: 48% !important;
        }

        .giveawyas-sec .give-thumb {
            margin: 10px 0 !important;
            height: auto !;
        }

        .give-thumb {
            width: 100% !important;
        }

        .bluediamond-section a {

            font-size: 14px !important;
        }

        .bluediamond-section h3 {
            font-size: 25px !important;
            line-height: 40px !important;
        }

        .bird-bg .thumb-sec {
            background: #ddd;
            width: 100% !important;
            height: 200px;
            border-radius: 10px;
            margin-bottom: 20px;
        }

        .give-thumb {
            width: 100% !important;
        }

        .giveawyas-sec {
            display: block !important;
        }

        .thumb-area {
            display: block !important;
        }

        .icon_section span {
            height: 80px;
            display: flex;
            align-items: center;
        }

        .icon_section a {
            margin-bottom: 20px;
        }

        .braand-bg {
            padding: 10px 10px 10px 10px !important;
        }

        .text-brand p {
            line-height: normal;
            padding: 10px;
            text-align: left;
        }

        .brand-img {
            float: none !important;
            position: relative;
            margin: auto;
            text-align: center;
            /* height: 120px; */
            overflow: hidden;
            border-radius: 10px;
        }

        .brand-img img.img-b {
            margin: 10px 0;
            height: auto !important;
            width: 100%;
            border-radius: 10px !important;
        }

        .brand-img1 {
            height: 200px;
            overflow: hidden;
            width: 100%;
            border-radius: 20px;
        }

        #footer .footer-logo img {
            height: 100px;
            margin-right: 80px;
            display: inline-block;
        }
        #footer .footer-logo .footer-menu-list img {
            height: auto !important;
            margin-right: 0;
        }

        .brand-img img {
            width: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -webkit-object-fit: cover;
            -moz-object-fit: cover;
            height: 100%;
            overflow: hidden;
            object-position: 50% 50%;
            -webkit-object-position: 50% 50%;
            -o-object-position: 50% 50%;
            -moz-object-position: 50% 50%;
            border-radius: 0 !important;
        }

        .brand-img1 img {
            width: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -webkit-object-fit: cover;
            -moz-object-fit: cover;
            height: 100%;
            overflow: hidden;
            object-position: 50% 50%;
            -webkit-object-position: 50% 50%;
            -o-object-position: 50% 50%;
            -moz-object-position: 50% 50%;
            border-radius: 0 !important;
        }

        .brand-section {
            padding-bottom: 15px !important;
        }

        .harvest-wrap {
            padding: 25px 0 !important;
        }

        .text-brand {
            display: flex;
            padding: 10px;
        }

        .text-brand h4 {
            font-size: 26px !important;
        }

        .brand-btn {
            width: 60%;
            margin: 10px auto !important;
            text-align: center;
        }

        .blue-container span {
            font-size: 26px;
        }

        #header-main .header-logo img {
            height: 55px;
        }

        .shop-mobile {
            background: #012535;
            color: #fff;
            padding: 10px 15px;
            width: auto;
            border-radius: 5px;
            font-size: 14px;
        }

        .dark-container .tell_us_section button {
            margin-left: 0;
            height: auto;
            border-radius: 10px;
            font-weight: 600;
            padding: 6px 15px;
            margin-left: 15px !important;
        }

        .thumb_sec {
            padding-bottom: 0 !important;
            padding-top: 0 !important;
        }

        .map-area {
            margin-bottom: 20px;
        }

        .banner_sec img {
            /* height: 300px !important; */

            height: auto;

        }

        .banner_sec .carousel-caption {
            bottom: 3rem !important;
        }
        .banner-btn{
            bottom: -10px !important;
        }
        .banner-btn {
            margin-top: 6px !important;
        }

        p.text-banner3 {
            margin: 7px 0 !important;
        }

        p.text-banner3 {
            font-size: 23px !important;
        }

        .text-banner2 {
            font-size: 84px !important;
            margin: 0px 0;
        }

       .text-new2 {
            font-size: 47px !important;
            display: flex;
            flex-direction: column;
            line-height: 38px !important;
            left: 40% !important;
        }

        .text-banner2 {
            font-size: 84px !important;
            margin: -16px 0 !important;
        }

        .text-new1{
            font-size: 80px !important;
        }

        p.text-banner1 {
            margin: 10px 0;
            text-transform: uppercase;
            font-size: 14px !important;
        }

        .specbtn button {
            margin-bottom: 0 !important;
        }

        .dark-container p {
            font-size: 16px;
            margin-top: 0;
        }

        .tell_us_section {
            align-items: center;
            display: flex;
            justify-content: flex-start;
            flex-direction: column;
        }

        .cus-review div {
            margin-bottom: 20px;
        }

        .cus-review {
            display: block !important;
        }

        .cus-review-head {
            display: block !important;
        }

        .arrrive-icon-set {
            display: block !important;
        }

        .icon-set-dispens p {
            text-align: center !important;
            margin-left: 0 !important;
        }

        .dis-modal2 .text-areasection {
            padding: 10px !important;
        }

        .icon-set-dispens {
            display: block !important;
        }

        .dis-text-srea h5 {
            line-height: 40px;
        }

        .dis-image {
            width: auto !important;
        }

        .dis-text-srea {
            width: auto !important;
        }

        .icon-set-dispens p {
            font-size: 16px !important;
            line-height: 26px !important;
        }

        .about-txt-left1 .house-brands span {
            font-size: 16px !important;
        }

        .house-brands span {
            font-size: 16px !important;
        }

    

        .thumb-section {
            display: flex !important;
            justify-content: center !important;
            margin-top: 20px !important;
            flex-wrap: wrap;
            align-items: center !important;
        }

        .thumb_sec_new {
            text-align: center;
            margin-bottom: 15px;
        }

        .learnmore button {
            font-size: 14px !important;
        }

        .tell_us_section h4 {
            font-size: 21px;
            line-height: 34px;
        }

        .about_textarea p {
            font-size: 16px;
            line-height: 26px;
            padding: 20px 20px 10px 10px;
        }

        .thumb_sec_new_shop {
            width: 84%;
            justify-content: center;
        }

        .icon_section {
            flex-wrap: wrap;
        }

        .icon_section a img {
            margin-bottom: 20px;
        }

        .icon_section a {
            max-width: 25%;
            display: flex;
            min-width: 25%;
            align-items: center;
            justify-content: center;
        }

        .blue_txtsection {
            height: auto;
            margin-bottom: 0px;
        }

        .house-brands span {
            padding: 20px !important;
        }
    }

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

    #footer .footer-menu-list.style-2 ul li a::after {
        display: none;
    }

    .dis-area p {
        font-size: 14px;
        line-height: 24px;
    }

    .footer-bottom p {
        margin-bottom: 10px;
    }

    #footer .footer-menu-list.style-2 ul li a {
        padding-left: 0;
        color: #fff;
        font-size: 16px;
    }

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

    #footer .footer-bottom p a {
      
        color: #ffffff6b;
    }
    #footer .footer-menu-list ul li a {
        color: #fff;
    }

    #footer .footer-menu-list .form-newsletter .tf-btn {
        height: 42px;
        border-radius: 5px;
        margin-bottom: 16px;
        border: 1px solid #00a0e0 !important;
        background: #00a0e0;
        padding: 0 15px 0 25px;
    }

    .button-submit .dropdown-toggle::after {
        content: "\e901";
        font-family: "icomoon";
        border: none;
    }

    .ftr-menu li a {
        color: #000 !important;
    }

    .ftr-menu li a:hover {
        color: #00a0e0 !important;
    }

    .ftr-menu {
        width: 150px;
    }

    .dis_sec {
        display: flex;
        justify-content: space-between;
    }

    .dis-text-srea {
        padding: 25px;
        background: url(../images/home/bg-re.jpg) #2a3539;
        /* height: 400px; */
        width: 25%;
        text-align: center;
        background-size: contain;
    }

    .dis-text-srea h5 {
        color: #fff;
        font-size: 23px;
        margin: 18px 0 0px 0;
        line-height: 30px;
    }

    .dis-image {
        width: 75%;
    }

    .dis-image img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-object-fit: cover;
        -moz-object-fit: cover;
        height: 100%;
        overflow: hidden;
        object-position: 50% 50%;
        -webkit-object-position: 50% 50%;
        -o-object-position: 50% 50%;
        -moz-object-position: 50% 50%;
        border-radius: 0 !important;
    }

    .icon-set-dispens {
        display: flex;
        align-items: center;
        margin: 0px 0 0 0;
    }

    .icon-set-dispens p {
        color: #fff;
        font-size: 16px;
        font-family: 'Avenir Next' !important;
        margin-left: 15px;
        text-align: left;
        line-height: 26px;
    }

    .icon-set-dis {
        margin: 25px 0 0 0;
    }

    .dis-btn-area button {
        background: #000;
        color: #fff;
        padding: 15px;
        font-size: 18px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        margin: 0 10px 0 0;
        margin-bottom: 10px;
    }

    .dis-btn-area {
        margin: 25px 0 0 0;
    }

    .maparea {
        height: 300px;
    }

    .maparea iframe {
        width: 100%;
        height: 300px;
    }

    .dis-modal2 .modal-header {
        padding: 0;
    }

    .dis-modal2 .modal-content {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .dis-modal2 .btn-close {
        position: absolute;
        right: 19px;
        top: 23px;
        font-size: 36px;
        color: #000;
        opacity: 1;
    }

    .dis-modal2 .modal-footer {
        background: #000;
        display: flex;
        justify-content: flex-start;
        text-align: left;
        padding: 25px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .dis-modal2 .modal-footer p {
        font-size: 18px;
        color: #fff;
        line-height: 28px;
    }

    .dis-modal2 .modal-footer div {
        margin-right: 50px;
    }

    .dis-modal2 .modal-body {
        padding: 0;
    }

    .dis-modal1 .modal-footer {
        background: #000;
        display: flex;
        justify-content: flex-start;
        text-align: left;
        padding: 25px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .dis-modal1 .modal-footer p {
        font-size: 18px;
        color: #fff;
        line-height: 28px;
    }

    .dis-modal1 .modal-footer div {
        margin-right: 50px;
    }

    .dis-modal1 .modal-body {
        padding: 0;
    }

    .dis-modal1 .modal-content {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .dis-modal1 .btn-close {
        position: absolute;
        right: 19px;
        top: 23px;
        font-size: 36px;
        color: #000;
        opacity: 1;
    }

    .dis-modal1 .modal-header {
        padding: 0;
    }

    .dis-modal2 .text-areasection {
        padding: 20px 60px;
    }

    .dis-modal2 .text-areasection p {
        font-size: 20px;
        text-align: left;
        line-height: 30px;
        color: #000;
    }

    .dis-modal2 .text-areasection h5 {
        color: #000;
        text-align: left;
        text-transform: uppercase;
    }

    .icon-set {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .icon-set p {
        font-family: 'Avenir Next' !important;
        margin-left: 5px;
    }

    .arrrive-icon-set {
        display: flex;
        justify-content: space-between;
    }

    .arrrive-icon-set p {
        font-size: 16px !important;
    }

    .dis-modal2 hr {
        border: 2px solid #009edd;
        margin: 50px 0;
        opacity: 1;
    }

    .head {
        text-decoration: underline;
        margin-bottom: 20px;
    }

    .cus-review {
        display: flex;
        justify-content: space-between;
    }

    .cus-review p {
        font-size: 14px !important;
    }

    .cus-review-head {
        display: flex;
        justify-content: space-between;
    }

    .cus-review-head h3 {
        text-transform: uppercase;
    }

    .cus-review-head button {
        text-transform: uppercase;
        border: 2px solid #009edd;
        padding: 10px 20px;
        font-weight: 600;
        background: #fff;
    }

    .cus-review {
        margin: 50px 0 0 0;
    }

    .divider-menu {
        margin: 0 8px;
    }

    .footer-menu-list a img {
        margin-right: 10px;
    }

    .drop-arrow img {
        height: 15px !important;
        margin-left: 5px;
    }

    .about_sec p {
        color: #fff !important;
        font-size: 16px;
        line-height: 24px;
    }

    @media (min-width: 1800px) {
        .about-txt-right img {
            height: 250px;
        }

        .about_textarea p {
            line-height: 1.6em;
        }
    }

    @media (min-width: 1380px) {
        .main-menu .navigation {
            gap: 18px !important;
            margin-left: 130px;
        }
    }

    @media (min-width: 1360px) {
        #header-main.header .header-inner .header-inner-wrap .header-right {
            display: none;
        }

        .header-inner .tf-container {
            width: 90%;
        }
    }

    @media (min-width: 1900px) {
    .braand-bg .brand-txt{
        margin-top: 47px !important;
        margin-bottom: 20px;
    }
    }
    @media (width: 1366px) {
        .dis-image {
            padding-right: 10px;
        }

        .icon-set-dispens {
            margin: 0px 0 0 0 !important;
        }

        .icon-set-dispens p {
            line-height: normal !important;
        }
    }

    @media (max-width: 1366px) {
        .dis-text-srea {
            padding: 0 25px 10px;
        }

        .icon-set-dispens {
            margin: 5px 0 0 0;
        }

        .about-txt-right img {
            height: 250px;
        }
    }

    #footer {
        padding-top: 0px !important;
    }

    .pl-0 {
        padding-left: 0;
    }

    .pr-0 {
        padding-right: 0;
    }

    .dis-modal3 .modal-fullscreen .modal-content {
        background: #00709b;
    }

    .full-screenmodal {
        padding: 80px 0 0 0;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .full-screenmodal h2 {
        font-size: 70px;
        color: #fff;
        margin: 30px 0 15px 0;
    }

    .btn-sec-modal3 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 30px;
    }

    .btn-sec-modal3 button {
        border: 2px solid #fff;
        color: #fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        background: transparent;
        padding: 15px 30px;
        margin: 0 10px;
        font-size: 22px;
        width: 170px;
    }

    .dis-modal4 .modal-header {
        padding: 0;
        border: none;
    }

    .dis-modal4 .modal-content {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .dis-modal4 .btn-close {
        position: absolute;
        right: 10px;
        top: 11px;
        font-size: 14px;
        color: #000;
        opacity: 1;
        z-index: 999;
    }

    .dis-modal4 .modal-footer {
        background: #fff;
        display: flex;
        justify-content: flex-start;
        text-align: left;
        padding: 25px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .dis-modal4 .modal-footer p {
        font-size: 18px;
        color: #fff;
        line-height: 28px;
    }

    .dis-modal4 .modal-footer div {
        margin-right: 50px;
    }



    .text-areasection_thumb {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        border-bottom: 1px solid rgb(88, 88, 88);
        margin: 20px 0;
        padding-bottom: 20px;
    }

    .text-areasection_thumb h4 {
        font-size: 20px;
    }

    .text-areasection_thumb .text-sec {
        text-align: left;
        margin-left: 20px;
       width: 70% !important;
    }

    .text-areasection_thumb .text-sec h4 {
        margin-bottom: 0px;
        font-size: 18px;
    }

    .select-btn {
        padding: 10px 15px;
        background: #000;
        color: #fff;
        border-radius: 20px;
        margin: 10px 0;
    }

    .selected-btn {
        padding: 10px 15px;
        background: #00a0e0;
        color: #fff;
        border-radius: 20px;
        margin: 10px 0;
    }

    .dis-modal4 .text-sec p {
        font-size: 16px;
    }

    #banner-bg {
        position: relative;
    }

    .orange-text-right {
        background: #f1913d;
        width: auto;
        text-align: center;
        color: #fff;
        border-radius: 10px;
        position: absolute;
        right: 37px;
        top: -18px;
        padding: 5px 20px;
    }

    .orange-text-right h3 {
        text-transform: uppercase;
        color: #fff;
    }

    .orange-text-left {
        background: #f1913d;
        width: auto;
        text-align: center;
        color: #fff;
        border-radius: 10px;
        position: absolute;
        left: 17px;
        top: -67px;
        padding: 5px 20px;
    }

    .orange-text-left h3 {
        text-transform: uppercase;
        color: #fff;
    }

    .discount_section {
        background: url(../images/home/spec-bg.jpg) repeat-x #000;
        padding: 50px 0 50px 0;
    }

    #banner-bg {
        background: url(../images/home/sep_sec_bg.jpg) repeat-x #000;
        padding: 0 0 30px 0;
    }

    .discount_section .thumb_sec_new {
        border: 0px solid #ddd;
        border-radius: 0;
        padding: 0;
    }

    #banner-bg .thumb-section {
        margin-bottom: 40px;
    }

    #banner-bg .thumb_sec {
        padding: 30px 0 0px 0 !important;
    }

    .before-footer {
        display: flex;
        align-items: center;
        margin-top: 20px;
    }

    .main-menu .active a {
        border: 1px solid #fff;
        padding: 10px !important;
    }

    .brands_sec_textarea p {
        color: #000;
        line-height: 1.4em;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .brands_sec_textarea h2 {
        color: #000;
        margin: 20px 0 10px 0;
    }

    .brands_sec {
        background: url(../images/home/brands_bg-re.jpg) repeat-y #fff;
        padding: 10px 0 10px 0;
    }

    .brands_sec-toparea {
        display: flex;
        justify-content: space-between;
        /* align-items: center; */
    }

    .brands_sec-toparea img {
        margin: 0 0 0px 20px;
    }

    .brands_sec button {
        background: transparent;
        border: none;
        color: #000;
        line-height: 1.4em;
        font-size: 16px;
        padding: 0;
        margin-bottom: 10px;
        font-weight: 600;
    }

    .brands_sec button:hover {
        background: transparent;
        color: #000;
        border: none;
        color: #000;
        line-height: 1.4em;
        font-size: 16px;
        padding: 0;
    }

    .brands_sec button:focus {
        background: transparent;
        color: #000;
    }

    .brands_sec button.btn:focus-visible {
        background: transparent;
        border: none;
        color: #000;
        line-height: 1.4em;
        font-size: 16px;
        padding: 0;
    }

    .brands-img {
        display: flex;
        /* justify-content: space-between; */
    }

    .brands-img img {
        margin-right: 15px;
        margin-bottom: 10px;
    }

    .tab-sec .nav button {
        padding: 10px 15px;
        background: #00a0e0;
        color: #fff;
        margin-right: 5px;
        border: none;
        border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        -ms-border-radius: 10px 10px 0 0;
        -o-border-radius: 10px 10px 0 0;
        font-size: 17px;
    }

    .tab-sec .nav button.active {
        padding: 10px;
        background: #f1913d;
        color: #fff;
    }

    .tab-sec {
        background: #000;
        padding: 50px 20px 10px 20px;
    }

    .tab-sec p {
        color: #fff;
        margin-top: 10px;
    }

    .view-all button {
        background: transparent !important;
        padding: 10px 5px !important;
    }

    .ul-container ul li {
        color: #fff;
        list-style: disc;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .ul-container ul {
        padding-left: 20px;
    }

    .black_sec.specials-container .thumb_sec_new {
        padding: 10px 50px;
    }

    .black_sec.specials-container .thumb_sec_new {
        width: 370px;
    }

    .discount_section .thumb_sec_new {
        width: 380px;
    }

    .thumb_sec_new_shop span {
        text-align: center;
        color: #000;
        font-size: 30px;
        line-height: 42px;
        font-weight: 600;
    }

    .drh-page-banner {
        height: 200px !important;
    }

    .drh-page-banner img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-object-fit: cover;
        -moz-object-fit: cover;
        height: 100%;
        overflow: hidden;
        object-position: 50% 50%;
        -webkit-object-position: 50% 50%;
        -o-object-position: 50% 50%;
        -moz-object-position: 50% 50%;
        border-radius: 0 !important;
    }

    #block-deep-roots-harvest-content .about_sec {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .experi_sec h2 {
        font-size: 40px;
        color: #fff;
        margin-bottom: 20px;
    }

    .experi_sec p {
        color: #fff;
        margin: 10px 0;
        line-height: 1.3em;
    }

    .experi_sec {
        padding: 50px 0;
    }

    .experi_sec .tab-sec {
        background: #000;
        padding: 00px 00px 10px 00px;
    }

    .ex-grey-bg {
        background: url(../images/home/ex-bg.jpg) repeat-x #000;
    }

    .ex-grey-content {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 70px 0px 50px 0;
        flex-wrap: wrap;
    }

    .ex-grey-content div.img-ex {
        max-width: 23%;
        margin: 0 10px 20px 10px;
        border: 1px solid rgb(114, 114, 114);
    }

    .orng-label {
        background: #f1913d;
        width: auto;
        text-align: center;
        color: #fff;
        border-radius: 10px;
        position: absolute;
        left: -8px;
        top: -26px;
        padding: 15px 20px;
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .product-cate .tab-sec {
        background: transparent;
        padding: 0;
    }

    .blog {
        display: flex;
        justify-content: space-between;
        /* align-items: center; */
        margin: 80px 0;
    }

    .blog .blog-area .blog-area-content {
        background: #fff;
        padding: 10px 15px;
    }

    .blog .blog-area {
        margin: 0 10px;
    }

    .blog-area-content h4 {
        font-size: 24px;
        color: #000;
        margin: 15px 0 20px 0;
    }

    .blog-area-content h6 {
        font-size: 18px;
        color: #009edd;
    }

    .blog-area-content a {
        text-transform: uppercase;
        margin: 15px 0;
        color: #000;
        font-size: 14px;
        font-weight: 400;
    }

    .blog-area-content p {
        line-height: 1.4em;
        font-size: 15px;
    }



    .blog .blog-area .img-sc img {
        height: 200px;
    }

    .main-menu .navigation li {
        margin: 0 20px;
    }

 

    .specbtn button {
        text-transform: uppercase;
        margin-bottom: 20px;
        font-weight: 600;
    }

    .banner-btn {
        text-align: left;
        position: absolute;
        left: 0%;
        padding: 10px 25px;
        border: 2px solid #fff;
        background: transparent;
        color: #fff;
        text-transform: uppercase;
        margin-top: 20px;
        font-weight: 600;
    }

   .text-banner2 {
        font-size: 150px;
        margin: 0px 0;
        font-weight: 900;
    }

    p.text-banner3 {
        font-size: 30px;
    }

    p.text-banner4 {
        font-size: 16px;
        margin: 10px 0 5px 0;
    }

    p.text-banner5 {
        font-size: 16px;
        margin: 0px 0 5px 0;
    }

    p.text-banner1 {
        margin: 10px 0;
        text-transform: uppercase;
        font-size: 18px;
    }

    p.text-banner3 {
        margin:  0 0 15px 0;
    }

    .text-new1 {
        font-size: 120px;
        font-weight: 800;
    }

    .text-new1 {
        font-size: 135px;
        font-weight: 800;
        line-height: 125px;
    }

    .text-new2 {
        font-size: 70px;
        display: flex;
        flex-direction: column;
        /* width: 100px; */
        line-height: 60px;
        margin-bottom: 0;
    position: absolute;
    top: 20%;
    left: 20%;
    }


   .text-banner2 {
        font-size: 70px;
        display: flex;
        /* flex-direction: column; */
        /* width: 100px; */
        /* line-height: 60px; */
    }

    h5.text-banner2 {
        display: flex;
        align-items: center;
    }


.text-new1 {
        font-weight: 800;
    }

    .brand-section h4 {
        text-align: center;
        font-size: 40px;
        line-height: normal;
        margin: 20px 0;
        color: #012535;
    }

    .brand-section {
        padding: 15px 0 50px 0;
    }

    .braand-bg {
        background: #012535;
        padding: 10px 10px 10px 20px;
        border-radius: 20px;
    }

    .braand-bg h4 {
        font-size: 30px;
        color: #fff;
        text-align: left;
        margin-bottom: 10px;
        line-height: 10px;
        font-weight: 400;
    }

    .brand-img img.img-b {
        margin: 10px 0;
        height: 200px;
    }

    .brand-btn {
        text-align: center;
        margin: 10px auto !important;
    }

    .brand-img p {
        color: #fff;
        font-size: 14px;
    }

    button.brand-btn {
        background: #00a0e0;
        padding: 10px;
        border-radius: 5px;
        color: #fff;
        padding: 10px 25px;
        margin-top: 50px;
    }

    .brand-img {
        float: right;
        position: relative;
    }

    .plus-item {
        position: absolute;
        right: 15px;
        top: 15px;
    }

    .harvest-wrap {
        margin: 0;
        padding: 50px 0;
    }

    .harvest-box-wrap {
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 595px;
    }

    .harvest-box-wrap img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-object-fit: cover;
        -moz-object-fit: cover;
        height: 100%;
        overflow: hidden;
        object-position: 50% 50%;
        -webkit-object-position: 50% 50%;
        -o-object-position: 50% 50%;
        -moz-object-position: 50% 50%;
        border-radius: 0 !important;
    }

    .harvest-box-wrap h2 {
        position: absolute;
        color: #fff;
    }

    .harvest-box-wrap a {
        position: absolute;
        text-transform: uppercase;
    }

    .harvest-box-wrap a {
        background: transparent;
        border: 1px solid #fff;
        color: #fff;
        padding: 5px 25px;
        border-radius: 10px;
        position: absolute;
        bottom: 50px;
        font-weight: 600;
        /* width: calc(50% - 60px); */
        text-align: center;
    }

    .tf-collapse-content {
        display: flex !important;
    }



    .footer-menu-list.footer-col-block {
        margin-left: 20px;
    }

    .footer-menu-list-menu .dis-area {
        display: flex;
        flex-direction: column;
    }

    .footer-menu-list-menu a {
        color: #fff;
        margin-bottom: 10px;
        font-size: 16px;
        text-decoration: none !important;
    }

    .footer-col-block a {
        color: #fff;     
    }

    button.join {
        background: #A0DFF2;
        padding: 5px 25px;
        font-weight: 600;
        border-radius: 5px;
        color: #000;
        font-size: 16px;
        margin-top: 20px;
    }

    .banner-inner {
        margin: auto;
        text-align: center;
        margin-top: 20px;
    }

    .banner-landing {
        margin: auto;
        text-align: center;
        /* margin-top: 20px; */
        background: #00a0e0;
    }

    .landing-textarea {
        margin: auto;
        text-align: center;
    }

    .landing-textarea h1 {
        font-weight: 500;
        margin: 20px 0;
    }
    .landing-textarea h2 {
        font-weight: 500;
        margin: 20px 0;
    }

    .landing-textarea p {
        width: 800px;
        padding: 15px;
        text-align: center;
        margin: auto;
        font-size: 16px;
        color: #000;
    }

    .landing-page-sec h2 {
        margin-top: 20px;
        font-size: 60px;
        line-height: 70px;
    }
    .landing-page-sec h1 {
        margin-top: 20px;
        font-size: 60px;
        line-height: 70px;
    }


    .landing-page-sec .bluediamond-sec-thumb {
        background: #A0DFF2 !important;
        color: #012535;
    }

    .landing-page-sec .bluediamond-sec-thumb h3 {
        color: #012535 !important;
    }

    .join-us-sec {
        background: #012535;
        padding: 20px 10px 20px 60px;
        border-radius: 10px;
        text-align: left;
        margin: 80px 0 0 0;
    }

    .join-us-sec p {
        text-align: left;
        color: #fff;
        /* padding-right: 80px; */
        padding-left: 0 !important;
        width: auto !important;
    }

    .join-us-sec h5 {
        text-align: left;
        color: #00709b;
        font-style: italic;
    }

    .landing-b-txt {
        text-align: center;
        margin-bottom: 20px !important;
        display: block;
    }

    .join-us-sec h3 {
        text-align: left;
        font-size: 50px;
        line-height: 60px;
        margin: 10px 0;
        font-weight: 500;
        color: #fff;

    }

    .join-us-sec button {
        padding: 10px 25px;
        border-radius: 5px;
        border: 1px solid #fff;
        color: #fff;
        background: transparent;
        width: 200px;
        font-weight: 600;
        font-size: 17px;
        text-transform: uppercase;
        /* margin-top: 50px; */
        margin-top: 0px;

    }



    .landing-page-sec .bluediamond-sec-thumb p {

        color: #012535 !important;
    }

    .landing-page-sec .bluediamond-sec-thumb a {
        text-decoration: underline;
        color: #012535 !important;
    }

    .blue-bg {
        background: #00a0e0 !important;
    }

    .blue-bg p {
        color: #fff !important;
    }

    .top-border {
        border-top: 1px solid #ddd;
    }

    .give-thumb {
        background: #ddd;
        border-radius: 0px !important;
        width: 400px;
        height: 400px !important;
        margin: 15px;
    }

    .giveawyas-sec {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    p.givea-text {
        text-align: center;
        margin: 15px auto 25px auto;
    }

    .thumb_sec-give h2 {
        text-align: center;
        font-weight: 400;
    }
    .thumb_sec-give h1 {
        text-align: center;
        font-weight: 400;
    }

    .bluediamond-sec {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .bluediamond-sec-thumb {
        background: #00a0e0;
        padding: 20px;
        border-radius: 10px;
        width: 32%;
        margin-bottom: 20px;
        display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    }


    .bluediamond-section h2 {
        font-weight: 400;
        margin-bottom: 20px;
        color: #012535;

    }
    .bluediamond-section h1 {
        font-weight: 400;
        margin-bottom: 20px;
        color: #012535;

    }

    .bluediamond-section h3 {

        color: #fff;
        font-weight: 600;
        font-size: 48px;
        line-height: 53px;
        margin-bottom: 10px;
    }

    .bluediamond-section p {
        color: #fff;
        font-size: 14px;
    }

    .bluediamond-section a {
        color: #fff;
        font-size: 18px;
        margin-top: 20px;
    }

    .bird-bg {
        /* background: url(../images/home/bg-s.png) no-repeat #012535; */
        background:#012535;
        margin-bottom: 50px;
        padding-bottom: 20px !important;

    }

    .bird-bg .thumb-sec {
        background: #ddd;
        width: 30%;
        height: 200px;
        border-radius: 10px;
    }

    .thumb-area {
        display: flex;
        justify-content: space-between;
    }

    .bird-bg h2 {
        color: #fff;
        margin-bottom: 20px;
    }
    .bird-bg h1 {
        color: #fff;
        margin-bottom: 20px;
    }

    .location-textarea.active {
        background: #b6deee;
        padding: 20px;
    }

    .location-left {
        height: 600px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .location-textarea {
        padding: 0 20px;
        /* margin: 15px 0 0 0; */
    }

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

    .location-area input {
        padding: 5px 10px !important;
        height: 34px !important;
        border-radius: 5px !important;
    }

    .location-area input::placeholder {
        color: #414141 !important;
        font-weight: 600 !important;
        font-size: 14px !important;
    }

    .located {
        display: flex;
        /* justify-content: space-between; */
        margin: 20px 0;
    }

    .numberedd {
        width: 15%;
    }

    .numberedd span {
        background: #00a0e0;
        padding: 5px 10px;
        border-radius: 5px;
        color: #fff;
        font-weight: 600;
    }

    .t1 {
        color: #000;
        font-size: 20px;
        font-weight: 600;
    }

    .t2 {
        color: #000;
        font-size: 20px;
        font-weight: 500;
    }

    .t3 {
        color: #727272;
        font-size: 18px;
        font-style: italic;
        font-weight: 500;
    }

    .t4 {
        color: #000;
        font-size: 18px;
margin-bottom: 15px;
        font-weight: 500;
    }
    p.t5 {
        font-weight: 500;
        color: #000;
    }    
    .t6 {
        color: #000;
        font-size: 16px;
        font-weight: 500;
        font-weight: 500;
    }

    .t4 a {
        text-decoration: underline;
    }

    .t6 a {
        text-decoration: underline;
    }

    .white_sec-left {
        padding-bottom: 50px;
    }

    .bird img {
        margin: 50px 0 0 0;
    }

    .brand1-bg button {
        text-transform: uppercase;
        width: auto;
    }

    .brand1-bg p {
        font-size: 22px;
    }


    .brand1-bg .right-img img {
        width: 500px;

        height: 400px;
    }

    .right-img {
        text-align: right;
    }

    .brand2-bg .right-img img {
        width: 500px;
        height: 400px;
    }


    .brand3-bg .right-img img {
        width: 500px;

        height: 400px;
    }

    .brand2-bg p {
        font-size: 22px;
    }


    .brand3-bg p {
        font-size: 22px;
    }



    .brand2-bg button {
        text-transform: uppercase;
        width: auto;
    }

    .brand3-bg button {
        text-transform: uppercase;
        width: auto;
    }

    .brand1-bg {
        background: #2E0809 !important;
    }

    .brand2-bg {
        background: #CE0058 !important;
    }

    .brand3-bg {
        background: #0050B6 !important;
        margin-bottom: 30px;
    }

    .rewards-btn {
        display: flex;
    }

    .rewards-btn a {
        /* position: relative !important; */
    }

    .l-more {
        right: 50px;
    }

    .sign-up-rewards {

        left: 50px;
    }

    .rewards-box-wrap {
        background: #009edd;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        padding: 40px 20px;
        margin-bottom: 15px;
    }

    .rewards-box-wrap h3 {
        font-size: 70px !important;
        font-weight: 500 !important;
        margin-bottom: 15px;
        color: #fff;
    }

    .rewards-box-wrap p {
        color: #fff;
        font-size: 18px;
    }

    .rewards-left {
        background: #A0DFF2;
        padding: 20px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        padding: 36px 20px;
        width: 49%;
        margin-right: 2%;
        height: 300px;

    }

    .rewards-right {
        background: #012535;
        padding: 20px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        padding: 30px 20px;
        width: 49%;
        height: 300px;
    }

    .rewards-box-wrap-down {
        display: flex;
    }

    .rewards-left h6 {
        color: #012535;
        font-style: italic;
        text-transform: uppercase;
    }

    /* .rewards-left h6 {
        color: #012535;
        font-style: italic;
    } */

    .rewards-right h6 {
        color: #009edd;
        font-style: italic;
        text-transform: uppercase;
    }

    .rewards-left p {
        color: #012535;
        font-weight: 500;
        font-size: 36px;
        line-height: 1.2;
    }


    .rewards-right p {
        font-size: 30px;
        color: #fff;
        font-weight: 500;

    }

    .harvest-box-wrap-reward {
        height: 550px !important;
    }





    /* HOW IT WORKS */
    .how-it-works-wrap {
        padding: 50px 0;
        background-color: #012535;
    }

    .how-it-works-wrap h2 {
        font-size: 64px;
        margin: 0 0 25px;
        color: #fff;
    }
    .how-it-works-wrap h1 {
        font-size: 64px;
        margin: 0 0 25px;
        color: #fff;
    }

    .htw-box {
        margin: 0;
    }

    .htw-box h3 {
        color: #00A0DF;
        margin: 0 0 0px;
        font-style: italic;
        font-size: 20px;
    }

    .htw-box h3 span {
        width: 40px;
        height: 40px;
        display: inline-flex;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        background-color: #A0DFF2;
        color: #012535;
        justify-content: center;
        align-items: center;
        font-weight: 400;
        margin: 0 10px 0 0;
    }

    .htw-box p {
        font-size: 18px;
        color: #ffffff;
        margin: 0 0 25px 60px;
    }

    .htw-box p.small-text {
        font-size: 16px;
    }

    .point-value-wrap {
        margin: 40px 40px 0;
    }

    .point-value-image {
        text-align: center;
    }

    .point-value-image img {
        max-width: 100%;
    }

    .point-value-text {
        padding: 20% 0 0;
        color: #fff;
    }

    .point-value-text h4 {
        font-size: 65px;
        margin: 0 0 50px;
        color: #fff;
    }

    .point-value-text p {
        font-size: 20px;
        margin: 0 0 15px;
    }

    .point-value-text p span {
        display: inline-flex;
        margin: 0 10px;
        color: #0FA0DB;
    }

    .point-value-text h5 {
        font-size: 13px;
        color: #fff;
        font-weight: 400;
        line-height: 1.4;
        max-width: 60%;
        margin: 22% 0 0;
    }

    /* UNLOCK EVEN */
    .unlock-more-wrap {
        background: #00A0DF url('../images/home/unlock-even-bg.png') 100% 50% no-repeat;
        padding: 50px 0;
    }

    .unlock-more-wrap h2 {
        font-size: 65px;
        color: #fff;
        margin: 0 0 50px;
        max-width: 50%;
        line-height: 1.2;
    }
    .unlock-more-wrap h1 {
        font-size: 65px;
        color: #fff;
        margin: 0 0 50px;
        max-width: 50%;
        line-height: 1.2;
    }

    .even-more-text {
        margin: 0;
    }

    .even-more-text p {
        font-size: 22px;
        color: #fff;
        line-height: 1.4;
    }

    .even-more-table {
        margin: 0;
    }

    .even-more-table-th {
        text-align: center;
        margin: 0 0 10px;
    }

    .even-more-table-th h3 {
        font-size: 15px;
        color: #012535;
        font-weight: 600;
    }

    .even-more-table-td {
        background: #333333;
        margin: 0 0 15px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        padding: 10px;
    }

    .even-more-table-td h3 {
        font-size: 22px;
        color: #fff;
        font-weight: 400;
        text-align: center;
        font-size: 36px;
    }

    .even-more-table-td.bg-white h3,
    .even-more-table-td.bg-sky h3 {
        color: #012535;
    }

    .even-more-table-td.bg-sky {
        background: #A0DFF2;
    }

    .even-more-table-td.bg-dark-blue {
        background: #012535;
        margin: 0;
    }

    .view-online-wrap {
        margin: 50px 0 0;
        position: relative;
    }

    .view-online-wrap::before {
        content: "";
        background-color: #abafb2;
        width: 2px;
        height: 80%;
        position: absolute;
        left: calc(50% - 1px);
        top: 10%;
    }

    .view-points {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 220px;
        /* border-right: 1px solid #ddd; */
    }

    .view-points-line{
        position: absolute;
        height: 120px;
        border-right: 2px solid #ddd;
        right: 50%;
        bottom: -7%;
    }
   

    .view-points h5 {
        font-size: 36px;
        margin: 0 0 15px;
        color: #012535;
        font-weight: 500;
    }

 

    .blog-sec .blog-thumb {
        margin: 10px 0 !important;
    }

    .blog-sec {
        display: flex;
        justify-content: space-between;
    }

    .blog-thumb {
        width: 100%;
        /* height: 250px; */
        height: auto;
        margin: 10px;
        background: #ddd;
        border-radius: 10px;
        /* max-height: 200px;
        overflow: hidden; */

    }

    .blog-txt-sec {
        padding-left: 20px;
    }

    .blog-txt-sec h6 {
        font-size: 24px;
        margin: 20px 0 10px 0;
        color: #012535;
    }



    .blog-txt-sec p {
        font-size: 20px;
        margin: 10px 0;
        color: #012535;
        text-align: left;
    }


    .blog-txt-sec a {
        font-size: 16px;
        margin: 10px 0;
        color: #012535;
        font-weight: 600;
    text-align: right;
    float: right;
    }

    .blog-section h2, .blog-section h1 {
        text-align: left;
        font-weight: 500;
    }

    .blog-right-sec {
        display: flex;
        flex-direction: column;
    }

    .b-left.blog-thumb {
        height: 500px !important;
        overflow: hidden;
    }


    .blog-right-sec .blog-thumb {
        height: 150px;
        overflow: hidden;
    }

    .blog-section {
        border-top: 1px solid #636363;
        padding-top: 50px;
    }

    .view_button-blog button {
        background: #012535;
        text-transform: uppercase;
        color: #fff;
        font-weight: 600;
        margin-bottom: 20px;
        padding: 10px 45px;
        border-radius: 10px;
        font-size: 14px;
    }

    .view_button-blog {
        margin: 50px auto;
        text-align: center;
    }

    .blog-details-sec h1, .blog-details-sec h2 {
        font-size: 40px !important;
        font-weight: 500 !important;
        margin: 15px 0 !important;
    }

    .blog-details-sec h3 {
        font-size: 30px;
        font-weight: 500;
        margin: 10px 0;
    }

    .blog-details-sec p {
        margin-bottom: 20px;
    }

    .blog-details-thumb {
        background: #ddd;
        border-radius: 20px;
        width: auto;
        height: 400px;
        margin: 20px 0;
    }

    .blog-details-banner {
        background: #ddd;
        border-radius: 20px;
        width: auto;
        height: 400px;
        margin: 20px 0;
    }

    .blog-nav-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 25px 0 0;
    }

    .blog-nav-wrap a {
        font-size: 16px;
        display: inline-flex;
        align-items: center;
        color: #000;
        opacity: 0.3;
        transition: all 0.3s ease-in-out;
    }

    .blog-nav-wrap a:hover {
        opacity: 1;
    }

    .blog-nav-wrap a span {
        margin: 0 10px 0 0;
    }

    .triangle-left {
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 9px 18px 9px 0;
        border-color: transparent #000 transparent transparent;
        transform: rotate(0deg);
    }

    .triangle-right {
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 9px 18px 9px 0;
        border-color: transparent #000000 transparent transparent;
        transform: rotate(180deg);
    }

    .blog-nav-wrap a.nav-next span {
        margin: 0 0 0 10px;
    }

    .inner-page-wrap {
        padding: 50px 0;
    }

    .page-title-new {
        font-size: 64px;
        margin: 0 0 25px;
        color: #00A0DF;
    }
    

    .contact-left {
        margin: 0;
    }

    .contact-left h3 {
        font-size: 26px;
        line-height: 1.2em;
        margin: 0 0 25px;
    }

    .contact-left p {
        font-size: 18px;
        line-height: 1.4em;
        margin: 0 0 25px;
    }

    .contact-right {
        margin: 0;
    }

    .contact-right .form-group {
        margin: 0 0 25px;
    }

    .contact-right label {
        font-size: 18px;
        margin: 0 0 15px;
        font-weight: 500;
        width: 100%;
    }

    .contact-right p.captcha {
        font-size: 18px;
        margin: 0 0 5px;
        font-weight: 500;
        width: 100%;
    }

    .contact-right .form-control,
    .contact-right .custom-select {
        background-color: #f0f0f0;
        height: auto;
        color: #000;
        padding: 10px;
        font-size: 14px;
        border: 0 none;
        border-radius: 8px;
        width: 100%;
    }

    .custom-select {
        height: auto;
        color: #000;
        padding: 10px;
        font-size: 14px;
        border: 0 none;
        border-radius: 8px;
        width: 100%;
        vertical-align: middle;
        background: #f0f0f0 url("../images/home/dd.svg") no-repeat right 15px center;
        background-size: 8px 10px;
        border: 0 none !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .custom-select:focus{
        outline: none;
    }

    .contact-right textarea.form-control {
        min-height: 130px;
        resize: none;
    }

    .contact-right label.form-check-label {
        display: inline-flex;
        margin: 0;
        padding-left: 5px;
        font-size: 16px;
        cursor: pointer;
    }

    .form-check {
        position: relative;
        margin-bottom: 15px;
    }

    .form-check .form-check-input {
        position: absolute;
        top: -5px;
    }

    .contact-right .btn-wrap {
        text-align: center;
    }

    .contact-right .btn-wrap button {
        background-color: #000;
        display: inline-flex;
        padding: 12px 30px;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 8px;
    }

    .faq-page h2 button{
        font-size: 16px;
        font-weight: 600;
    }


    .faq-btn-wrap button {
        background-color: #000;
        display: inline-flex;
        padding: 12px 30px;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 8px;
    }

    .faq-textarea h2, .faq-textarea h1{
        font-size: 24px;
        color: #052c65;
    }

    .faq-textarea{
        margin: 20px 0 0 0;
        text-align: center;
    }


    .faq-page .accordion-button{
        background: transparent !important;
        border-radius: 0 !important;
    }

    .faq-page {
        background: transparent !important;
        border-radius: 0 !important;
        padding: 20px;
    }

    .faq-page .accordion-item{
        border-radius: 0 !important; 
        border-left: 0;
        border-right: 0;
    }


    .faq-page .accordion-body{
        font-size: 12px;
    }
    .thumb_sec_new span {
        height:220px;
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
    }


    .thumb_sec_new span img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-object-fit: cover;
        -moz-object-fit: cover;
        height: 100%;
        overflow: hidden;
        object-position: 10% 50%;
        -webkit-object-position: 10% 50%;
        -o-object-position:10% 50%;
        -moz-object-position: 10% 50%;
        border-radius: 0 !important;
    }

    .thumb_sec_new {
        border: none !important;
        border-radius: 10px;
        padding: 0px !important;
        /* width: 300px; */
        background: transparent !important;
        width: 400px;
        height: auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .sp_2 {
        text-transform: uppercase;
    }

    .tell_us_section p {
        margin-top: 0;
    }


    .braand-bg .brand-txt {
        margin-top: 80px;
        margin-bottom: 20px;
    }

    .brand-img .brand-btn {
        text-transform: uppercase;
        font-weight: 600;
        background: #bfebff;
    color: #000;
    }

    .tile-dekstop {
        margin-left: 0 !important;
    }

    .user-login-form label.js-form-required {
        color: #000 !important;
    }

    .user-login-form input {
        margin-bottom: 20px !important;
    }

    .mobile-view {
        display: none !important;
    }

    @media(max-width: 768px) {
        .location-mobile-mobile #location-search-form .row {
            flex-direction:row !important;
        }
        
        /* .location-mobile .row{
            flex-direction: row !important;
        } */
        .mobile-footer-right{
            left: 75px;
            position: relative;
            top: -8px;

        }

        .even-more-text p{
            margin-bottom: 20px !important;
        }
        .bird-bg h2, .bird-bg h1{
            text-align: center;
        }
        .inner-page-wrap {
            padding: 20px 0 20px 0;
        }

        .braand-bg h4{
            line-height: 30px !important;
        }
        .bird-bg {
            background:  #012535;
            margin-bottom: 50px;
            background-position: 90% 60% !important;
        }
        .footer-menu-list br{
            display:block !important;
        }
        .thumb-section{
            margin-top: 5px !important;
        }
        .mobile-view {
            display: block !important;
        }

        .top-text {
            padding: 10px 5px;
            float: left;
            font-size: 12px;
            margin: 0;
            border-radius: 0;
            text-align: center;
        }
        #wrapper {
            width: 100% !important;
            overflow-x: hidden !important;
        }
    }
    
    
    @media(max-width: 768px) {
        .mobile-view {
            display: block !important;
        }

        .top-text {
            padding: 10px 5px;
            float: left;
            font-size: 12px;
            margin: 0;
        }
        #wrapper {
            width: 100% !important;
            overflow-x: hidden !important;
        }
    }


    /* .accordion-button:not(.collapsed)::after{
        background-image: url(../images/home/down.png);
    } */

    .accordion-button:not(.collapsed)::after{
        background-image: url(../images/home/down.png);
    }

    .accordion-button::after{
        background-image: url(../images/home/up.png) !important;
    }

    .hr-border{
        border-top: 1px solid #ddd;
        margin-top: 30px;
    }
.contentarea p{
    margin-bottom: 15px;
}
    

.contentarea h4{
    font-size: 16px;    
    font-weight: 600;
}

.text-section{
    padding: 0 50px;
}



/* ============= */

.rewards-left p {
    font-size: 43px;
    color: #012535;
    font-weight: 500;
    margin-top: 10px;
}


.rewards-right p {
    font-size: 43px;
    color: #fff;
    font-weight: 500;
    word-break: break-all;
    line-height: 1.2;
    margin-top: 10px;
}

.harvest-box-wrap-reward {
height: 570px !important;
}

@media (max-width: 767px) {

.rewards-box-wrap h3 {
    font-size: 40px !important;  
    line-height: 35px !important;
}
     .text-areasection_thumb .text-sec {
      
        width: 70%;
    }
    .join-us-sec.brand1-bg .row div:first-child > div > img {
        width: auto;
        max-width: auto !important;
        height: auto !important;
    }


    .brand-page .right-img img {
        height: auto !important;
    }
    .rewards-left{
        height: auto !important;
    }

    .rewards-right{
        height: auto !important;
    }
    #carousel-specialsBanner {
        height: auto !important;}
    .rewards-right p {
        font-size: 20px !important;}
        
        .rewards-left p{
        font-size: 20px !important;}  
        
        
        .sign-up-rewards{
        bottom: 24% !important;                
        right: 15% !important;
        left: 15% !important;
        }
    .bluediamond-section h2, .bluediamond-section h1{
        font-size: 40px !important;
        margin-top: 25px !important;
        line-height: 40px !important;
        margin-bottom: 25px !important;
        }

    .l-more{
       right: 15% !important;
        left: 15% !important;
}


    }
    div#first_section_mob {
        padding: 0 !important;
        margin: 0 auto !important;
    }

    div#second_section_mob {
        padding: 0 !important;
        margin: 0 auto !important;
    }

    div#third_section_mob {
        padding: 0 !important;
        margin: 0 auto !important;
    }
    button.brand-btn{
        width: 100%;
        font-weight: 600;
    
    }




.blogb-banner{
width: 100%;
height: 400px;
overflow: hidden;

}

.blogb-banner img{

width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  height: 100%; 
  overflow: hidden; 
  object-position: 50% 50%;
  -webkit-object-position: 50% 50%;
  -o-object-position: 50% 50%;
  -moz-object-position: 50% 50%;
  border-radius: 0 !important; 
    
    }

.give-thumb img{
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    height: 100%;
    overflow: hidden;
    object-position: 10% 50% !important;
    /* object-position: 50% 50%; */

    -webkit-object-position: 10% 50% !important;
    -o-object-position: 10% 50% !important;
    -moz-object-position: 10% 50% !important;
    border-radius: 0px !important;
}
.bird-bg .thumb-sec {
    background: transparent !important;
}
.give-thumb {
    background: transparent !important;
}
.thumb-sec img {
    width: 100%;
    -o-object-fit: contain !important;
    object-fit: contain !important;
    -webkit-object-fit: contain !important;
    -moz-object-fit: contain !important;
    height: 100%;
    overflow: hidden;
    /* object-position: 50% 50%; */
    object-position: 10% 50% !important;

    -webkit-object-position: 10% 50% !important;
    -o-object-position: 10% 50% !important;
    -moz-object-position: 10% 50% !important;
    border-radius: 0px !important;
}
ul.list {
    margin-bottom: 10px;
}
.captcha {
    font-weight: 600;
    color: #2c2e33;
}

#location-search-form #miles{
    padding: 5px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

#location-search-form #zip {
    text-transform: uppercase;
}

#location-search-form #zip::placeholder {
    color: #ccc !important;
}

p.address {
    color: #000;
    font-size:16px;
    font-weight:500
}

.content-head {
    margin-bottom:10px !important;
}
p.content-question {
    margin-bottom: 1px;
}

.blog-thumb.b-left img{
    width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  height: 100%; 
  overflow: hidden; 
  object-position: 50% 50%;
  -webkit-object-position: 50% 50%;
  -o-object-position: 50% 50%;
  -moz-object-position: 50% 50%;
  border-radius: 0 !important;
}

.grey-text{
    color: #ffffff85 !important;
}

.right-img {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
}

.addi-text{
    text-align: center !important;
    font-size: 14px !important;
    color: #fff !important;
    margin-top: 20px !important;
}

.drop-item{
    min-width: 17rem !important;
    z-index: 99;
}


.drop-item a{
    font-size: 16px;
    padding: 10px 15px;
}

.drop-item a.active{
   background: #00a0e0 !important;
   color: #000;
}

.main-menu .navigation li.active {
    border:2px solid #012535 !important;
}


#carousel-specialsBanner{
    height: auto !important ;
    overflow: hidden;
}

/* .banner-landing img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    height: 100%;
    overflow: hidden;
    object-position: 50% 50%;
    -webkit-object-position: 50% 50%;
    -o-object-position: 50% 50%;
    -moz-object-position: 50% 50%;
    border-radius: 0 !important;
} */
.banner-landing img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: contain;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    height: 500px;
    overflow: hidden;
    object-position: 0% 0%;
    -webkit-object-position: 0% 0%;
    -o-object-position: 0% 0%;
    -moz-object-position: 0% 0%;
    border-radius: 0 !important;
}

.landing-page .join-us-sec img {
    height: 420px !important;
    float: right;
} 
.bluediamond-sec{
    margin-bottom: 50px;
}

.store-modal-open a:hover{
    color: #fff !important;
}

.store-modal-open a:focus{
    color: #fff !important;
}
body h1 {    
    font-weight: 400!important;
    font-size: 34px!important;
}

.brand-page .join-us-sec{
margin-top: 20px !important;
}

.contact-thanks-message{
    color: #fff !important;
}

.contact-thanks-message p{
    font-weight: 600 !important;
    font-size: 16px !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon{
    width: 5rem !important;
    height: 5rem !important;
}

.carousel-control-next, .carousel-control-prev{
        opacity: 1 !important;
}

.footer-col-block a.footer-shop-now{
        text-decoration: underline !important;
}

.harvest-box-wrap h2{
    z-index: 9;
}

.overlay-imag {
    background: #000;
}

.overlay-imag img{
    opacity: .5;
}

/* 404 start*/
 .error-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: #f8f9fa;
  }

  .error-content {
    text-align: center;
  }

  .error-content h1 {
    font-size: 4rem !important;
    font-weight: bold !important;
    margin-bottom: 1rem;
  }

  .error-content p {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }

  .lottie-animation {
    max-width: 400px;
    margin-bottom: 2rem;
  }

  .error-container a.btn{
    font-size: 18px;
    padding: 5px 10px;
    margin-bottom: 20px;
  background: #012535 !important;
    border-color: #012535;
  }

  /* 404 end */

  .footer-menu-list-menu a{
    line-height: 24px !important;
  }

  /*--------------------------------Product List Panel Starts-------------------------*/
.left-filter-block{
    border: 1px solid #eaeaeb;
    border-radius: 26px;
    padding: 16px 6px;
}
.accord-arrow{
    background: url("../images/icons/accord-arrow.svg") no-repeat 0 0;
    width: 28px;
    height: 28px;
    background-size: contain;
    display: block;
}
.collapse-heading .accord-arrow{
    transform: rotate(180deg);
}
.collapse-heading.collapsed .accord-arrow{
    transform: rotate(0);
}
.collapse-heading {
    color: #000;
    text-decoration: none;
    align-items: center;
    margin-bottom: 8px;
}
.filter-block{
    padding-top: 15px;
}
.filter-block label{
    font-size: 13px;
}
.filter-block .form-check{
    margin-bottom: 10px;
}
.collapse-sub-heading{
    font-size: 14px;
}
.option-btn-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.option-btn-link{
    border: 1px solid #525559;
    border-radius: 30px;
    padding: 2px 15px;
    display: flex;
    justify-content: center;
    min-width: 65px;
    font-size: 14px;
    line-height: 26px;
    cursor: pointer;
}


.slider-container {
    width: 100%;
    position: relative;
}

.range-slider input[type=range] {
    position: absolute;
    width: 100%;
    pointer-events: none;
    -webkit-appearance: none;
    background: none;
}

.range-slider input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    width: 20px;
    height: 20px;
    background: black;
    border-radius: 50%;
    -webkit-appearance: none;
}

.range-slider input[type=range]::-moz-range-thumb {
    pointer-events: all;
    width: 20px;
    height: 20px;
    background: black;
    border: none;
    border-radius: 50%;
}

.slider-track {
    height: 4px;
    background: #000;
    position: absolute;
    top: 8px;
    z-index: 0;
}

.price-labels {
    display: flex;
    justify-content: space-between;
    padding-top: 22px;
    font-weight: 500;
}

.product-block-wrapper .col-sm-3{
    margin-bottom: 15px;
}
.page-nav{
    padding-top: 20px;
    padding-bottom: 30px;
}
.page-nav ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 5px;
}
.page-nav ul li a{
    width: 32px;
    height: 32px;
    border: 1px solid #53565a;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #53565a;
    text-decoration: none;
    font-size: 14px;
}
.short-drop-panel .btn-outline-secondary{
    border-radius: 50px;
}
.product-details-modal{
    max-height: 80dvh;
    overflow-y: auto;
    overflow-x: hidden;
}
.heading-sm{
    font-size: 0.875em;
    line-height: 1.43;
    color: #53565a;
}
.heading-md{
    font-weight: 500;
    font-size: 1.5em;
    line-height: 1.23;
    color: #53565a;
}
.cart-qty select{
    width: 120px;
    border-radius: 50px;
}
.cart-qty .btn{
    border-radius: 50px;
}
.product-details-offer,
.product-details-info-block{
    border-top: 1px solid #53565a1f;
    border-bottom: 1px solid #53565a1f;
    padding-top: 20px;
    padding-bottom: 20px;
}
.product-details-offer-block{
    border: 1px solid #53565a1f;
    padding: 20px;
    border-radius: 20px; 
    max-width: 250px;
}
.product-details-offer-block .btn{
    border-radius: 50px;
}
.product-details-offer-block h3{
    font-size: 1rem;
    font-weight: 500;
    color: rgb(83, 86, 90);
}
.product-details-offer-block p{
    font-size: 14px;
}
.product-details-type h6{
    color: #53565ab8;
    font-size: 14px;
}
.product-details-type h3{
    color: #53565a;
    font-size: 16px;
    font-weight: 600;
}
.font-sm{
    font-size: 13px;
}
.modal-content{
    border-radius: 20px;
    border: none;
}

/* Start 15.09.205 */
/*--------------------------------Product List Panel Starts-------------------------*/


.flower-favorites-panel .item{
    padding: 1px;
}
.flower-favorites-panel .favorites-slide-item{
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    border-radius: 30px;
    overflow: hidden;
}
.flower-favorites-panel .flower-favorites-content{
    padding: 15px;
}
.flower-favorites-content-inner{
    min-height: 250px;
}
.flower-favorites-panel .flower-favorites-content .btn-dark{
    width: 100%;
    border-radius: 30px;
    padding: 9px;
    font-size: 14px;
}

.favorites-pic {
    background: #ddd;
    padding: 15px;
    text-align: center;
}
.flower-favorites-panel .favorites-pic img{
    display: block;
    height: 200px !important;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 200px;
    object-fit: contain !important;
    vertical-align: middle;
    width: 100%;
}
.featured-list-slider{
    border-top: 1px solid #53565a1f;
    border-bottom: 1px solid #53565a1f;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.featured-list-slider h2{
    font-size: 20px;
}
.favorites-price-tags{
    background: #53565a;
    border-radius: 20px;
    display: inline-block;
    padding: 4px 8px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
}
.favorites-tags-block{
    padding-bottom: 20px;
}
.favorites-tags-block span{
    background-color: rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    font-size: 14px;
    line-height: 1.2;
    margin: 2px;
    max-width: 100%;
    padding: 5px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 8px;
    padding-right: 8px;
    white-space: nowrap;
}
.favorites-tags-block span.active{
    background-color: rgba(83, 86, 90, 0.52);
    color: #fff;
}

.theme-carousel .owl-dots,
.featured-carousel .owl-dots{
    display: none;
}
.theme-carousel .owl-nav .owl-prev,
.featured-carousel .owl-nav .owl-prev{
    background-color: #53565a !important;
    border-radius: 32px 32px 32px 32px !important;
    padding: 6px 6px 6px 6px !important;
    width: 52px;
    height: 52px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 1 !important;
    color: #fff;
}
.theme-carousel .owl-nav .owl-next,
.featured-carousel .owl-nav .owl-next{
    background-color: #53565a !important;
    border-radius: 32px 32px 32px 32px !important;
    padding: 6px 6px 6px 6px !important;
    width: 52px;
    height: 52px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    position: absolute;
    top: 50%;
    right: 0;
    opacity: 1 !important;
    color: #fff;
}
.theme-carousel .owl-prev span, .theme-carousel .owl-next span,
.featured-carousel .owl-prev span, .featured-carousel .owl-next span{
    font-size: 20px;
    color: #fff;
}
.cart-icon{
    background: url("../images/icons/cart-icon.svg") no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
    background-size: cover;
}
.btn-lg-success{
    background: #8ad879;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    line-height: 1.5em;
    color: #fff;
    border-style: none;
    border-radius: 35px;
    padding: 16px 35px;
}
.tags-icon{
    background: url("../images/icons/tags-icon.svg") no-repeat 0 0;
    width: 20px;
    height: 16px;
    display: block;
    flex-shrink: 0;
    background-size: contain;
}
.short-drop-panel .btn-outline-secondary{
    border-radius: 50px;
}
.product-details-modal{
    max-height: 80dvh;
    overflow-y: auto;
    overflow-x: hidden;
}
.footer-bottom-logo img {
    max-width: 150px;
}
.filter-block label {
    font-size: 13px;
}
.filter-block .form-check {
    margin-bottom: 10px;
}
.form-check .form-check-input {
    position: absolute;
    top: -5px;
    left: 15px;
}

.short-drop-panel .btn-outline-secondary {
    border-radius: 50px;
}

.flower-favorites-content-inner a{
    font-size: 16px;
    font-weight: 600x;
}

.flower-favorites-content-inner p{
    margin: 5px 0;
}

.product-list-wrapper .short-drop-panel .btn-outline-secondary{
    font-size: 14px;
    margin:20px 0 10px 0;
}

.product-list-wrapper .short-drop-panel ul li a{
    font-size: 14px;
}

.product-list-wrapper-panel a:hover{
    color: #00a0e0;
}

.product-list-wrapper-panel a:focus{
    color: #00a0e0;
}



.left-filter-block svg{
        padding: 5px 5px 5px 0px !important;
        height:25px;
}

/* Modal css start */
.modal-sec {
    display: flex
;
}
.left-img {
    margin-right: 20px;
}
.left-img img {
    height: 350px;
    max-width: 100%;
}
.locationmodal .contact-txt {
    flex: 1;
    margin: 0;
}
.locationmodal .contact-txt p {
    margin-bottom: 0;
}
.locationmodal p {
    text-align: left;
}
.modal-sec h4 {
    font-size: 26px !important;
    color: #000 !important;
}
.locationmodal .contact-txt h4 {
    font-size: 17px;
    color: #666;
}
.btn-1 {
    background: #000;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 10px;
    border: none;
    padding: 10px 15px;
    border-radius: 25px;
    width: 100px;
    text-align: center;
}
.button-sec {
    display: flex
;
}
 
.select-btn {
    width: 90px;
    margin-right: 15px;
}
.button-sec button {
    background: #53565a;
    color: #fff;
    border: none;
    padding: 10px 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    /* margin-left: 10px; */
    margin-right: 10px;
}
.locationmodal button {
    font-size: 16px;
}
.type-sec {
    display: flex
;
}
.type-sec > div {
    flex-wrap: wrap;
    display: flex
;
    flex-direction: column;
    margin-right: 20px;
}
.small-txt-area {
    font-size: 12px;
    margin-top: 10px;
}

/* End Modal css */

/* End 15.09.205 */


/* start 14.10.2025 */
.for-mob {
    display: none !important;
}
@media (max-width: 814px) {
    .for-mob {
        display: flex !important;
    }



    .left-filter-panel {
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        width: 300px;
        background: #fff;
        z-index: 999;
        padding: 15px;
        overflow: auto;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
        transform: translateX(200%);
        transition: all 0.3s ease;
    }



    .left-filter-panel.show {
        transform: translateX(0);
    }
}

.filter-block {
    padding-top: 15px;
}

.filter-block label {
    font-size: 13px;
}

.filter-block li{
    margin-bottom:10px
}

select#item-count {
   
    font-size: 16px;
    display: flex;
    align-items: center;
    position: relative;
    bottom: 20px;
    height: 45px;
    border-radius: 15px;
}

.select-btn {
    background: transparent;
    padding: 15px 0;
    height: 50px;
}

.locationmodal .contact-txt h4{
    margin-bottom: 15px;
}
/* end 14.10.2025 */

/* start 24.10.2025 */

input.ais-SearchBox-input {
    background: none !important;
    border: 0 none !important;
    padding: 0 0 0 0px!important;
    height: auto !important;
}
input.ais-SearchBox-input:focus{
    outline: none !important;
    box-shadow: none
}
 
.ais-SearchBox-form::before {
    height: 16px;
    left: -4px;
    margin-top: -6px;
    top: 10px;
    width: 16px;
}
 
 
.ais-RefinementList-item {
    display: block;
    font-size: 1.2rem;
    line-height: 1.75rem;
    margin: 0 0 10px;
}

.cart-sec {
    background: #000;
    width: 70px;
    height: 65px;
    border-radius: 15px;
    position: fixed;
    bottom: 50px;
    right: 25px;
    align-items: center;
    margin: auto;
    text-align: center;
    z-index: 9;
}

.cart-check {
    text-decoration: none;
    position: relative;
}
.cart-count {
    background: red;
    color: #fff;
    border-radius: 10px;
    width: 17px;
    height: 17px;
    text-decoration: none;
    position: absolute;
    right: -11px;
    top: -11px;
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
.cart-sec img {
    margin: 15px 0;
    height: 35px;
}
 /* end 24.10.2025 */

  /*start 30.10.2025 */
.deals-thumb p{
    padding:0 30px;
}

.deals-thumb{
    text-align: center !important;
    margin: auto !important;
}

.ais-SearchBox-form{
    padding-left: 15px;
}

.short-drop-panel .btn-outline-secondary{
    font-size: 16px;
}

#featured-product-list .favorites-pic{
    margin-bottom: 20px;
}

#featured-product-list .favorites-slide-item {   
     margin-bottom: 20px;
    }

    #featured-product-list .flower-favorites-content a {
    font-size:14px;
}

#block-deep-roots-harvest-white-content .banner-sec-deals{
    display: flex;
}


#block-deep-roots-harvest-white-content .deals-img-details{
    margin-right: 20px;
}


#block-deep-roots-harvest-white-content .banner-sec-deals h1{
    font-size:28px !important;
    font-weight:bold !important;
}

#block-deep-roots-harvest-white-content .banner-sec-deals h4{
    font-size:20px;
    font-weight:400;
}

.breadcrumb-panel ul li a
 {
    color: #00a0e0 !important;
    text-decoration: none;
    font-weight: 600 !important;
}

.breadcrumb-panel ul li{
     font-weight: 600 !important;
}

#featured-product-list .favorites-slide-item{
    margin-bottom: 20px;
    border-radius: 20px;
}

.ais-RefinementList-item--selected .ais-RefinementList-checkbox, .ais-GeoSearch-input:checked{
        background-repeat: no-repeat;
            background-position: 2px;
}

.ais-HierarchicalMenu-label, .ais-Menu-label, .ais-RefinementList-labelText{
    width: 60%;
    font-size: 12px;
}

.special-offer-wrapper h3 {
    font-size:16px;
 
}

.special-offer-wrapper img {
    margin-right:5px;
    height:30px;
}

.special-offer-wrapper .shop-pop button{
        background: #000;
    color: #fff;
    margin-bottom: 0px;
    margin-top: 20px;
    border: none;
    padding: 10px 15px;
    border-radius: 25px;
    width: 120px;
    text-align: center;
}

.deals-thumb a.shop-deal-btn {
    color: #000;
    font-size: 16px;
    margin-top: 0;
    /* margin-bottom: 15px; */
       padding: 10px 10px !important;
}
.deals-section{
    gap: 10px !important;
}
.deals-thumb{
    /* min-height: 420px; */
    min-height: 350px;

}
.source-sec .deals-thumb p {
    min-height: 110px;
}

.cart-sec{
    bottom: 100px !important;
}

.deals-thumb a.shop-deal-btn:focus  {
    border:none !important;
    outline:none !important;
}

.favorites-pic{
    background: transparent !important;
}

.ais-RefinementList-showMore{
    height: 1.5rem;
    font-size: 14px;
    padding: 15px 10px;
}

.featured-carousel .owl-nav .owl-prev {
    background-color: #53565a70 !important;}

    .featured-carousel .owl-nav .owl-next{
         background-color: #53565a70 !important;}

         .flower-favorites-content-inner {
    min-height: 300px;
    font-size: 14px !important;
    line-height: 19px !important;
}

.favorites-tags-block span{
     font-size: 14px !important;
  
}

#featured-product-list .flower-favorites-content a {
    font-size: 18px !important;
}

.left-filter-panel a:focus, .left-filter-panel button:focus, .left-filter-panel input:focus{
      outline:none !important;
       padding:0px !important;
}

.option-btn-link{
    margin-bottom: 10px;
}

.ais-ToggleRefinement-count, .ais-HierarchicalMenu-count, .ais-Menu-count, .ais-RatingMenu-count, .ais-RefinementList-count{
        font-size: 10px;
        padding: 5px 5px;
}

.favorites-slide-item {
    margin-bottom: 20px;
    border: 1px solid #ddd;
    padding: 10px 15px 15px 15px;
}

#featured-product-list .favorites-pic{
    margin-bottom: 0px !important;
    padding: 10px !important;
}

#featured-product-list .favorites-slide-item{
        padding: 10px 10px 15px 10px !important;
}
.favorites-tags-block span{
        width: 47%;
}
.breadcrumb-panel ul li:not(:last-child)::after{
    display: none;
}
.option-btn-link.active {
    background:#000;
    color:#fff;    
}

.shop-product-panel a {
    font-size: 16px;
    line-height:26px;
}

#featured-product-list .flower-favorites-content a {
    font-size: 16px !important;
    border-radius: 30px;
}

/* .left-filter-panel a:focus, .left-filter-panel button:focus, .left-filter-panel input:focus {
    outline: none !important;
    padding: 15px !important;
} */

.favorites-tags-block{
    font-size: 14px !important;
}

#featured-product-list .favorites-slide-item{
    font-size: 16px !important;
}

.ais-RefinementList-item{
     font-size: 14px !important;
}

.ais-HierarchicalMenu-link, .ais-Menu-link, .ais-RatingMenu-link, .ais-RefinementList-label {
    align-items: center;
    cursor: pointer;
    display: flex
;
    flex-wrap: nowrap;
    font-size: 14px !important;
}
.filter-block label {
    font-size: 14px !important;
}

.shop-product-panel a:hover {
    color: #00a0e0 !important;
}

.product-list-wrapper .short-drop-panel .btn-outline-secondary{
    padding: 10px !important;
}
.flower-favorites-content-inner div:nth-child(2) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.flower-favorites-content-inner div:nth-child(3) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.left-filter-panel .range-slider a:focus, .left-filter-panel .range-slider button:focus, .left-filter-panel .range-slider input:focus {
    padding: 0px !important;
}

#featured-product-list .favorites-price-tags {
    background-color: red !important;
}
#featured-product-list .flower-favorites-content a{
    background: #000;
}


#featured-product-list .flower-favorites-content a:hover{
    color:#efefef;
}



#featured-camp .favorites-price-tags {
    background-color: red !important;
}
#featured-camp .flower-favorites-content a{
    background: #000;
}

button.ais-RefinementList-showMore:focus {
    padding:15px !important;
}
#featured-camp .flower-favorites-content a:hover{
    color:#efefef;
}


.locationmodal button.add-to-cart-btn:hover {
    background: #000;
}

.favorites-price-tags{
    background: red !important;
}

#filtercollapseExample .ais-RefinementList-item--selected .ais-RefinementList-checkbox:focus, #filtercollapseExample .ais-GeoSearch-input:checked:focus {
    box-shadow: none;
    padding: 0 !important;
}

.deals-thumb img{
        object-fit: contain !important;
        height: auto !important;
        border-radius: 10px !important;
}



@media (min-width: 900px) {
.close-but-mobile{
    display: none;
}
}

@media (max-width: 814px) {
   .short-drop-panel{
    margin-top: 10px;
}

.close-but-mobile button {
    text-align: right;
    padding: 10px;
    position: relative;
    right: -88%;
    margin-bottom: 10px;
   
}
    .modal-sec {
    display: block!important;
}

.left-img {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
}

#block-deep-roots-harvest-white-content .banner-sec-deals {
    display: block!important;
}

#block-deep-roots-harvest-white-content .banner-sec-deals h1 {
    font-size: 28px !important;
    font-weight: bold !important;
    line-height: 32px !important;
    margin-top: 20px !important;
}
}
    
  /* end 30.10.2025 */