/*!

Theme Name: capitalverde_

Theme URI: http://underscores.me/

Author: Pablo Broca

Author URI: https://pablobroca.com/

Description: Capital Verde Tema

Version: 1.0.0

Tested up to: 5.4

Requires PHP: 5.6

License: GNU General Public License v2 or later

License URI: LICENSE

Text Domain: capitalverde_

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned.



capitalverde_ is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/



/* ---------------------------------------------------------

    * Name: 

    * Version: 1.0.1

    * Author: Themesflat

    * Author URI: http://themesflat.com 



	* Abstracts variable



    * Reset css styles



    * Components



    * Widgets



        Header

        Footer

        Tabs

        Button

        Range-slider

        Form

        Slider

        Pop-up

        Dashboard

        Blog

        Testimonial

        Accordion

        Map

        Nice-select

        Animation

        Color-themes



    * section



    * Responsive

 ------------------------------------------------------------------------------ */

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

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

:root {

  --bg-body-color: #1f2124;

  --Black: #000000;

  --White: #ffffff;

  --Text-white: #ffffff;

  --Text: #5c5e61;

  --Text-2: #161e2d;

  --Text-3: rgba(44, 46, 51, 0.6);

  --Text-4: rgba(44, 46, 51, 0.5);

  --Text-5: rgba(44, 46, 51, 0.5);

  --Heading: #2c2e33;

  --Heading-2: rgba(44, 46, 51, 0.5);

  --Note: #a8abae;

  --Note-2: #8e8e93;

  --Primary: #69b869;

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

  --border: rgba(255, 255, 255, 0.1);

  --border-2: rgba(255, 255, 255, 0.8);

  --border-3: rgba(255, 255, 255, 0.5);

  --border-4: rgba(255, 255, 255, 0.6);

  --border-5: rgba(255, 255, 255, 0.7);

}



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

}



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: "Lexend", sans-serif;

  font-size: 14px;

  line-height: 19.6px;

  font-weight: 400;

  color: var(--Text);

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  text-rendering: optimizeLegibility;

  overflow-x: hidden;

  overflow-y: auto;

}



img {

  height: auto;

  max-width: 100%;

  vertical-align: middle;

  -ms-interpolation-mode: bicubic;

}



p {

  font-weight: 400;

  font-size: 14px;

  line-height: 19.6px;

}



strong,

b,

cite {

  font-weight: bold;

}



dfn,

cite,

em,

i,

blockquote {

  font-style: italic;

}



abbr,

acronym {

  border-bottom: 1px dotted #e0e0e0;

  cursor: help;

}



.btn-link:focus,

.btn-link:hover,

mark,

ins {

  text-decoration: none;

}



sup,

sub {

  font-size: 75%;

  height: 0;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



small {

  font-size: 75%;

}



big {

  font-size: 125%;

}



address {

  font-style: italic;

  margin: 0 0 20px;

}



code,

kbd,

tt,

var,

samp,

pre {

  margin: 20px 0;

  padding: 4px 12px;

  background: #f5f5f5;

  border: 1px solid #e0e0e0;

  overflow-x: auto;

  -webkit-hyphens: none;

  -moz-hyphens: none;

  hyphens: none;

  border-radius: 0;

  height: auto;

}



svg,

svg path {

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



/* Elements

-------------------------------------------------------------- */

html {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



*,

*:before,

*:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



hr {

  margin-bottom: 20px;

  border: dashed 1px #ccc;

}



/* List */

ul,

ol {

  padding: 0;

}



ul {

  list-style: disc;

}



ol {

  list-style: decimal;

}



li > ul,

li > ol {

  margin-bottom: 0;

}



li {

  list-style: none;

}



ul li,

ol li {

  padding: 0;

}



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: "Lexend", sans-serif;

  color: var(--Heading);

  margin: 0;

  text-rendering: optimizeLegibility;

  font-weight: 600;

}



h1,

.h1 {

  font-size: 45px;

  line-height: normal;

}



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-display {

  font-size: 90px;

  line-height: 112.5px;

}



.text-display-2 {

  font-size: 70px;

  line-height: 87.5px;

}



.text-display-3 {

  font-size: 90px;

  line-height: 96px;

}



.text-display-4 {

  font-size: 56px;

  line-height: 70px;

}



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

}



.text-13 {

  font-size: 32px;

  line-height: 40px;

}



.text-14 {

  font-size: 20px;

  line-height: 28px;

}



.text-15 {

  font-size: 48px;

  line-height: 60px;

}



.text-16 {

  font-size: 15px;

  line-height: 21px;

}



.text-17 {

  font-size: 18px;

  line-height: 25.2px;

}



.fw-2 {

  font-weight: 200 !important;

}



.fw-3 {

  font-weight: 300 !important;

}



.fw-4 {

  font-weight: 400;

}



.fw-5 {

  font-weight: 500;

}



.fw-6 {

  font-weight: 600 !important;

}



.fw-7 {

  font-weight: 700;

}



.fs-24 {

  font-size: 24px;

}



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

  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;

}



.link:hover {

  color: var(--Primary) !important;

}



.link-2:hover {

  color: var(--Heading) !important;

}



.link-3:hover {

  color: var(--White) !important;

}



/* link style

-------------------------------------------------------------- */

.bg-body-1 {

  background-color: var(--bg-body-color);

}



.bg-color-white {

  background-color: var(--White);

}



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

  position: relative;

  margin-left: auto;

  margin-right: auto;

  padding-right: 15px;

  padding-left: 15px;

  width: 1870px;

  max-width: 100%;

}



.row {

  margin-left: -15px !important;

  margin-right: -15px !important;

}

.row > * {

  padding-left: 15px !important;

  padding-right: 15px !important;

}



.tf-container-3 {

  position: relative;

  margin-left: auto;

  margin-right: auto;

  padding-right: 15px;

  padding-left: 15px;

  width: 1750px;

  max-width: 100%;

}



.tf-container-xxl {

  position: relative;

  margin-left: auto;

  margin-right: auto;

  padding-right: 15px;

  padding-left: 15px;

  width: 1920px;

  max-width: 100%;

}



.tf-container-xl {

  position: relative;

  margin-left: auto;

  margin-right: auto;

  padding-right: 15px;

  padding-left: 15px;

  width: 1519px;

  max-width: 100%;

}



.slider-layout-right {

  width: calc(100vw - (100vw - 1309px) / 2) !important;

  margin-right: unset;

  max-width: 100%;

  margin-left: auto;

}



.slider-layout-left {

  width: calc(100vw - (100vw - 1328px) / 2) !important;

  margin-left: unset;

  max-width: 100%;

  margin-right: auto;

}



/* Extra classes

-------------------------------------------------------------- */

.current_page_item a{

  color: var(--Primary) !important;

  font-weight: 700 !important;

}



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

}



.grid-2 {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

}



.rounded-cycle {

  border-radius: 999px !important;

}



.mx-auto {

  margin: 0 auto;

}



.mt_-5 {

  margin-top: -5px;

}



.mt_-9 {

  margin-top: -9px;

}



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

  margin-bottom: 11px !important;

}



.mb-12 {

  margin-bottom: 12px;

}



.mb-13 {

  margin-bottom: 13px !important;

}



.mb-14 {

  margin-bottom: 14px;

}



.mb-15 {

  margin-bottom: 15px;

}



.mb-16 {

  margin-bottom: 16px;

}



.mb-18 {

  margin-bottom: 18px;

}



.mb-19 {

  margin-bottom: 19px !important;

}



.mb-20 {

  margin-bottom: 20px;

}



.mb-22 {

  margin-bottom: 22px;

}



.mb-24 {

  margin-bottom: 24px;

}



.mb-27 {

  margin-bottom: 27px;

}



.mb-28 {

  margin-bottom: 28px !important;

}



.mb-30 {

  margin-bottom: 30px;

}



.mb-31 {

  margin-bottom: 31px;

}



.mb-32 {

  margin-bottom: 32px;

}



.mb-33 {

  margin-bottom: 33px;

}



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

  margin-bottom: 53px;

}



.mb-54 {

  margin-bottom: 54px;

}



.mb-55 {

  margin-bottom: 55px !important;

}



.mb-56 {

  margin-bottom: 56px !important;

}



.mb-57 {

  margin-bottom: 57px;

}



.mb-58 {

  margin-bottom: 58px;

}



.mb-62 {

  margin-bottom: 62px;

}



.mb-68 {

  margin-bottom: 68px;

}



.mb-74 {

  margin-bottom: 74px;

}



.px-16 {

  padding-left: 16px;

  padding-right: 16px;

}



.pt-0 {

  padding-top: 0px !important;

}



.pt-32 {

  padding-top: 32px !important;

}



.tf-gap-5 {

  gap: 5px;

}



.gap-6 {

  gap: 6px;

}



.gap-8 {

  gap: 8px;

}



.gap-10 {

  gap: 10px;

}



.gap-11 {

  gap: 11px !important;

}



.gap-12 {

  gap: 12px;

}



.gap-16 {

  gap: 16px;

}



.gap-24 {

  gap: 24px !important;

}



.gap-30 {

  gap: 30px !important;

}



.gap-32 {

  gap: 32px !important;

}



.gap-33 {

  gap: 33px !important;

}



.w-full {

  width: 100% !important;

}



.text_white {

  color: var(--Text-white) !important;

}



.text-color-primary {

  color: var(--Primary);

}



.text-color-heading {

  color: var(--Heading) !important;

}



.text-color-heading-2 {

  color: var(--Heading-2) !important;

}



.text-color-note {

  color: var(--Note) !important;

}



.text-color-default {

  color: var(--Text) !important;

}



.text-color1 {

  color: var(--border-2) !important;

}



.text-color2 {

  color: var(--border-3) !important;

}



.text-color3 {

  color: var(--border-4) !important;

}



.bg-main {

  background-color: var(--Primary);

}



.bg-main-sub-2 {

  background-color: var(--Sub-primary-2);

}



.bg-1 {

  background-color: var(--Heading);

}



.bg-2 {

  background-color: var(--Color-2);

}



.bg-3 {

  background-color: rgba(0, 0, 0, 0.4);

}



.bg-4 {

  background-color: rgb(247, 247, 247);

}



.bg-dashboard {

  background-color: #f7f7f7;

}



.overflow-x-auto {

  overflow-x: auto;

}

.overflow-x-auto::-webkit-scrollbar {

  height: 3px;

}

.overflow-x-auto::-webkit-scrollbar-thumb {

  background: var(--Border);

  border-radius: 999px;

}



.font-manrope {

  font-family: "Manrope", sans-serif;

}



.font-poppins {

  font-family: "Poppins", sans-serif;

}



.font-mulish {

  font-family: "Mulish", sans-serif;

}



.line-clamp-1 {

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

  display: -webkit-box;

}



.line-clamp-2 {

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  display: -webkit-box;

}



.line-clamp-3 {

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  display: -webkit-box;

}



.w-60 {

  width: 60px;

}



.sticky-sidebar {

  position: sticky;

  top: 104px;

}



.parallax-mirror {

  z-index: 0 !important;

}



.z-31 {

  z-index: 31;

}



.split-text {

  overflow: hidden;

}



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

  box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.08);

}

.header .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 .header-right {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 16px;

}

.header .header-right .phone-number {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 8px;

}

.header .header-right .phone-number p {

  font-size: 16px;

  line-height: 20px;

  font-weight: 700;

  color: var(--Heading);

}

.header .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 .header-right .user.active .menu-user {

  opacity: 1;

  visibility: visible;

}

.header .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 .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 .header-right .box-user .name i {

  font-size: 20px;

}

.header .header-right .box-user.active .menu-user {

  opacity: 1;

  visibility: visible;

}

.header .mobile-button {

  display: none;

  font-size: 25px;

  color: var(--Primary);

}

.header .header-logo {

  padding: 21px 0px 15px;

}

.header .header-logo img {

  width: 136px;

  height: 42px;

  object-fit: contain;

}

.header .tf-btn {

  height: 44px;

  border-radius: 12px;

}

.header .icons svg path {

  stroke: var(--Primary);

}

.header.style-2 .header-inner {

  position: relative;

  z-index: 999;

  margin-bottom: -78px;

}

.header.style-2 .header-logo {

  padding: 17px 0px 15px;

}

.header.style-2 .main-menu .navigation > li > a {

  color: var(--White);

}

.header.style-2 .main-menu li a:hover {

  color: var(--Primary);

}

.header.style-2 .header-right .phone-number p {

  color: var(--White);

}

.header.style-2 .header-right .user {

  background-color: rgba(255, 255, 255, 0.2);

  border-color: rgba(255, 255, 255, 0.1);

}

.header.style-2 .header-right .user > svg path {

  stroke: var(--White);

}

.header.style-3 .main-menu .navigation > li > a {

  color: var(--White);

}

.header.style-3 .main-menu li a:hover {

  color: var(--Primary);

}

.header.style-3 .header-right .phone-number p {

  color: var(--White);

}

.header.style-3 .header-right .box-user .name {

  color: var(--White);

}

.header.style-3 .header-right .user {

  border-color: rgba(255, 255, 255, 0.1);

}

.header.style-3 .header-right .user svg path {

  stroke: var(--Primary);

}

.header.style-4 {

  box-shadow: unset;

}

.header.style-4 .header-logo {

  padding: 16px 0px 15px;

}

.header.style-5 {

  box-shadow: unset;

  margin-bottom: -82px;

}

.header.style-5 .left {

  display: flex;

  align-items: center;

}

.header.style-5 .main-menu .navigation {

  margin-left: 143px;

}

.header.style-5 .tf-btn {

  color: var(--White);

  border-radius: 999px;

  background-color: var(--Primary);

}

.header.style-5 .tf-btn:hover {

  color: var(--White) !important;

}

.header.style-5 .btn-find {

  background-color: var(--Primary);

  height: 44px;

  width: 44px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 999px;

  font-size: 24px;

  color: var(--White);

}

.header.style-5 .btn-find:hover {

  color: var(--White);

  background-color: var(--Heading);

}

.header.style-6 .header-inner-wrap {

  border-bottom: 1px solid var(--border);

}

.header.style-6 .main-menu .navigation {

  margin-left: 0 !important;

}

.header.style-6 .main-menu .navigation > li > a {

  padding: 41px 20px 36px 0;

  color: var(--White);

}

.header.style-6 .main-menu li a:hover {

  color: var(--Primary);

}

.header.style-6.v1 .main-menu .navigation > li > a {

  padding: 36px 20px 36px 0;

  color: var(--White);

}

.header.style-7 .header-inner {

  max-width: 1920px;

  padding: 0 16px;

  margin-left: auto;

  margin-right: auto;

}

.header.style-7 .main-menu .navigation > li > a {

  padding-top: 40px;

}

.header .logo-1 {

  display: none;

}

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

}

.header.no-shadow {

  box-shadow: none;

}



.header.header-sticky {

  top: 0;

  left: 0;

  right: 0;

  position: fixed;

  opacity: 0;

  z-index: 9999;

  -webkit-transform: translateY(-120%);

  -khtml-transform: translateY(-120%);

  -moz-transform: translateY(-120%);

  -ms-transform: translateY(-120%);

  -o-transform: translateY(-120%);

  transform: translateY(-120%);

  -webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);

  -khtml-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);

  -moz-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);

  -ms-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);

  -o-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);

  transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);

  visibility: hidden;

  background-color: var(--White);

  box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.08);

  pointer-events: none;

}

.header.header-sticky.style-border {

  background-color: var(--Heading);

}

.header.header-sticky.style-border .header-inner-wrap {

  border-bottom: none;

}

.header.header-sticky.style-2 {

  background-color: var(--Heading);

  height: 78px;

}

.header.header-sticky.style-5 {

  height: 78px;

}

.header.header-sticky.style-5 .header-inner-wrap {

  padding: 0;

}

.header.header-sticky.style-5 .main-menu .navigation {

  margin-left: 0px;

}

.header.header-sticky.style-5 .btn-find {

  background-color: var(--Primary);

  color: var(--White);

}

.header.header-sticky.style-5 .btn-find:hover {

  color: var(--White);

  background-color: var(--Heading);

}

.header.header-sticky.style-5 .tf-btn {

  background-color: var(--Primary);

  color: var(--White);

}

.header.header-sticky.style-6 {

  background-color: var(--Heading);

}

.header.header-sticky.style-6 .header-inner {

  padding: 0;

}

.header.header-sticky.style-6 .header-inner-wrap {

  border-bottom: none;

}

.header.header-sticky.style-6 .header-inner-wrap .navigation > li > a {

  padding: 20px 20px;

}

.header.header-sticky.is-sticky {

  -webkit-transform: translateY(0);

  -khtml-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  visibility: visible;

  opacity: 1;

  pointer-events: all;

}



.menu-user {

  position: absolute;

  width: 280px;

  overflow: hidden;

  border-radius: 16px;

  background-color: var(--White);

  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 var(--White);

  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: "\e902";

  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 li:hover ul li:nth-child(10) {

  -webkit-transition-delay: 700ms;

  -moz-transition-delay: 700ms;

  -ms-transition-delay: 700ms;

  -o-transition-delay: 700ms;

  transition-delay: 700ms;

}

.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: var(--White);

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

}

.navigation .submenu > li > .submenu {

  position: absolute;

  left: 100%;

  top: 0px;

  opacity: 0;

  visibility: hidden;

}

.navigation .submenu li {

  opacity: 0;

  transform: translateY(11px);

  transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -webkit-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

}

.navigation .submenu li a,

.navigation .submenu2 li a {

  display: inline-block;

  padding: 5px 0;

  width: 100%;

}

.navigation .submenu li.current-item > a, .navigation .submenu li:hover > a,

.navigation .submenu2 li.current-item > a,

.navigation .submenu2 li:hover > a {

  color: var(--Primary) !important;

}

.navigation .submenu li.current-item ul, .navigation .submenu li:hover ul,

.navigation .submenu2 li.current-item ul,

.navigation .submenu2 li:hover ul {

  -webkit-transform: scaleY(1);

  -ms-transform: scaleY(1);

  -o-transform: scaleY(1);

  transform: scaleY(1);

  opacity: 1;

  visibility: visible;

}



.has-child.style-2 > .submenu {

  right: 0;

  left: 0;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: space-between;

  min-width: 800px;

}

.has-child.style-2 > .submenu::before {

  left: 105px !important;

}

.has-child.style-2 > .submenu > li > a {

  font-size: 20px;

  font-weight: 600;

  padding-left: 0 !important;

  color: var(--Heading) !important;

}

.has-child.style-2 > .submenu > li > .submenu2 > li {

  width: 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 {

  z-index: 99999;

}

.mobile-nav-wrap .top-nav-mobile {

  padding-bottom: 0px;

}

.mobile-nav-wrap .top-nav-mobile .icon-close {

  font-size: 18px;

}

.mobile-nav-wrap .offcanvas-title img {

  max-width: 136px;

  height: 42px;

}



.mobile-nav-wrap .inner-mobile-nav::-webkit-scrollbar {

  width: 0px;

}



.inner-mobile-nav {

  padding: 15px;

  position: relative;

}

.inner-mobile-nav .top-nav-mobile {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

}

.inner-mobile-nav .top-nav-mobile #mobile-logo_header {

  width: 150px;

}

.inner-mobile-nav .top-nav-mobile .mobile-nav-close {

  cursor: pointer;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

}

.inner-mobile-nav .mb-body {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  height: 100%;

  justify-content: space-between;

  padding-bottom: 30px;

  gap: 30px;

}

.inner-mobile-nav .mb-body .support .text-need {

  font-weight: 500;

  border-bottom: 1px solid var(--Line);

  margin-bottom: 11px;

}

.inner-mobile-nav .mb-body .support .mb-info li {

  color: 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: "\e902";

  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: "\e902";

  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: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);

}



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

#footer {

  background-color: var(--Secondary);

  padding-top: 60px;

}

#footer.style-2 {

  background-color: #161618;

}

#footer.style-2 .footer-menu-list ul li a {

  background-color: #161618 !important;

}

#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-main {

  padding: 40px 0 22px;

}

#footer .footer-menu-list .title {

  color: var(--Text-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);

  position: relative;

}

#footer .footer-menu-list ul li a::before {

  content: "";

  position: absolute;

  width: 0;

  height: 1px;

  bottom: 0;

  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;

}

#footer .footer-menu-list ul li:hover a {

  color: var(--Primary);

}

#footer .footer-menu-list ul li:hover a::before {

  width: 100%;

}

#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: "\e909";

  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::before {

  width: 87%;

}

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

  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;

  object-fit: contain;

}



.wrap-contact-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 20px 48px;

  flex-wrap: wrap;

}

.wrap-contact-item .contact-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 33px;

}

.wrap-contact-item .contact-item i {

  font-size: 48px;

  color: var(--Primary);

}

.wrap-contact-item .contact-item svg path {

  stroke: var(--Primary);

}

.wrap-contact-item .contact-item .content {

  position: relative;

}

.wrap-contact-item .contact-item .content .title {

  color: var(--Note);

  margin-bottom: 4px !important;

}

.wrap-contact-item .contact-item .content h6 a {

  color: var(--Text-white);

}

.wrap-contact-item .contact-item .content h6 a:hover {

  color: var(--Primary);

}

.wrap-contact-item .contact-item .content::after {

  content: "";

  position: absolute;

  width: 1px;

  height: 51px;

  background-color: rgba(255, 255, 255, 0.07);

  top: 0;

  left: -18px;

}



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

  border-radius: 16px;

  color: var(--Text-white);

  width: max-content;

  gap: 10px;

  white-space: nowrap;

  position: relative;

  overflow: hidden;

  z-index: 3;

}

.tf-btn::after {

  content: "";

  position: absolute;

  background-color: var(--Secondary);

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

  width: 0;

  height: 100%;

  left: -5%;

  border-radius: 12px;

  z-index: -1;

}

.tf-btn i {

  font-size: 24px;

}

.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.pd-26 {

  padding: 0 24px;

}

.tf-btn.pd-27 {

  padding: 0 36px;

}

.tf-btn.btn-border {

  border: 1px solid var(--Primary);

}

.tf-btn.bg-color-primary {

  background-color: var(--Primary);

}

.tf-btn.bg-color-primary:hover{

  background-color: var(--Primary);

}

.tf-btn.bg-color-white {

  background-color: var(--White);

  color: var(--Primary);

}

.tf-btn.bg-color-secondary {

  background-color: var(--Secondary);

}

.tf-btn.style-border {

  border: 1px solid var(--Primary);

  color: var(--Primary);

  background-color: transparent;

}

.tf-btn.style-border::after {

  background-color: var(--Primary);

}

.tf-btn.style-border:hover {

  color: var(--Text-white) !important;

}

.tf-btn.style-border:hover svg path {

  stroke: var(--Text-white);

}

.tf-btn.style-border.color-white {

  color: var(--Text-white);

  border-color: var(--Text-white);

}

.tf-btn.style-border.color-white:hover {

  border-color: var(--Primary);

  color: var(--Text-white);

}

.tf-btn.style-border.color-white:hover svg path {

  stroke: var(--Text-white);

}

.tf-btn.style-border.color-white:hover i {

  color: var(--Text-white);

}

.tf-btn.style-border.border2 {

  border-color: rgba(255, 255, 255, 0.1);

}

.tf-btn.style-2 {

  background-color: var(--Text-white);

  color: var(--Primary);

}

.tf-btn.btn-border {

  border: 1px solid var(--Primary);

}

.tf-btn:hover {

  background-color: transparent;

  color: var(--Text-white) !important;

}

.tf-btn:hover::after {

  width: 115%;

}



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

  transition-delay: 0.2s;

}

.tf-btn-link:hover span::after {

  width: 100%;

}

.tf-btn-link:hover i {

  transform: translateX(4px);

}

.tf-btn-link.style-hover-rotate:hover svg {

  transform: rotate(-90deg);

}



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

.noUi-target,

.noUi-target * {

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -ms-touch-action: none;

  touch-action: none;

  -ms-user-select: none;

  -moz-user-select: none;

  user-select: none;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  cursor: pointer;

}



.noUi-target {

  position: relative;

  direction: ltr;

}



.noUi-base {

  width: 100%;

  height: 100%;

  position: relative;

  z-index: 1;

  background: var(--Line);

}



.noUi-origin {

  position: absolute;

  right: 0;

  top: 0;

  left: 0;

  bottom: 0;

}



.noUi-handle {

  position: relative;

  z-index: 1;

}



.noUi-stacking .noUi-handle {

  z-index: 10;

}



.noUi-state-tap .noUi-origin {

  -webkit-transition: left 0.3s, top 0.3s;

  transition: left 0.3s, top 0.3s;

}



.noUi-state-drag * {

  cursor: inherit !important;

}



.noUi-base,

.noUi-handle {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



.noUi-horizontal {

  height: 4px;

}



.noUi-horizontal .noUi-handle {

  position: relative;

  width: 22px !important;

  height: 22px;

  border-radius: 50%;

  left: 0px;

  top: 50%;

  transform: translateY(-50%);

  background-color: var(--Primary);

  border: 2px solid var(--White);

  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);

  cursor: pointer;

}



.caption {

  margin-bottom: 10px;

}



/* Styling; */

.noUi-background {

  background: var(--Line);

}



.noUi-connect {

  background: var(--Primary);

  -webkit-transition: background 450ms;

  transition: background 450ms;

}



.noUi-origin {

  border-radius: 0px;

}



.noUi-target {

  width: 100%;

  padding-right: 10px;

}



/* Handles and cursors;

 */

.noUi-draggable {

  cursor: w-resize;

}



.noUi-vertical .noUi-draggable {

  cursor: n-resize;

}



.noUi-handle {

  cursor: default;

  -webkit-box-sizing: border-box !important;

  -moz-box-sizing: border-box !important;

  box-sizing: border-box !important;

}



/* Disabled state; */

[disabled].noUi-connect,

[disabled] .noUi-connect {

  background: #b8b8b8;

}



[disabled].noUi-origin,

[disabled] .noUi-handle {

  cursor: not-allowed;

}



.slider-labels .caption {

  font-weight: 500;

  font-size: 16px;

}



.widget-price .box-title-price {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 4px;

}

.widget-price .box-title-price span {

  font-size: 14px;

  line-height: 19.6px;

  color: var(--Heading);

}

.widget-price .caption-price .value {

  color: var(--Primary);

}

.widget-price.style-2 .box-title-price {

  color: rgb(92, 94, 97);

}

.widget-price.style-2 .box-title-price span {

  font-size: 14px;

  line-height: 22px;

  color: rgb(92, 94, 97);

}



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

form {

  position: relative;

  z-index: 30;

}

form .input.input-nl,

form textarea,

form input[type=text],

form input[type=password],

form input[type=datetime],

form input[type=datetime-local],

form input[type=date],

form input[type=month],

form input[type=time],

form input[type=week],

form input[type=number],

form input[type=email],

form input[type=url],

form input[type=search],

form input[type=tel],

form input[type=color],

select {

  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 .input.input-nl::placeholder,

form textarea::placeholder,

form input[type=text]::placeholder,

form input[type=password]::placeholder,

form input[type=datetime]::placeholder,

form input[type=datetime-local]::placeholder,

form input[type=date]::placeholder,

form input[type=month]::placeholder,

form input[type=time]::placeholder,

form input[type=week]::placeholder,

form input[type=number]::placeholder,

form input[type=email]::placeholder,

form input[type=url]::placeholder,

form input[type=search]::placeholder,

form input[type=tel]::placeholder,

form input[type=color]::placeholder,

form select::placeholder,

form select option {

  font-size: 16px;

  font-weight: 400;

  line-height: 22.4px;

  color: var(--Text);

}

form .input.input-nl.style-default,

form textarea.style-default,

form input[type=text].style-default,

form input[type=password].style-default,

form input[type=datetime].style-default,

form input[type=datetime-local].style-default,

form input[type=date].style-default,

form input[type=month].style-default,

form input[type=time].style-default,

form input[type=week].style-default,

form input[type=number].style-default,

form input[type=email].style-default,

form input[type=url].style-default,

form input[type=search].style-default,

form input[type=tel].style-default,

form input[type=color].style-default {

  padding: 0;

  border: 0 !important;

  border-radius: 0;

  background-color: transparent;

}

form .input.input-nl.style-1,

form textarea.style-1,

form input[type=text].style-1,

form input[type=password].style-1,

form input[type=datetime].style-1,

form input[type=datetime-local].style-1,

form input[type=date].style-1,

form input[type=month].style-1,

form input[type=time].style-1,

form input[type=week].style-1,

form input[type=number].style-1,

form input[type=email].style-1,

form input[type=url].style-1,

form input[type=search].style-1,

form input[type=tel].style-1,

form input[type=color].style-1 {

  font-size: 15px;

  border-radius: 0;

  padding: 18px 0 3px;

  border: 0;

  border-bottom: 2px solid var(--Border);

  color: var(--Soft-Text);

}

form button,

form input[type=button],

form input[type=reset],

form input[type=submit] {

  background-color: transparent;

  overflow: hidden;

  padding: 0;

}

form textarea {

  font-size: 16px;

  line-height: 22.4px;

  height: 148px;

}

form .cols {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px 24px;

  width: 100%;

  margin-bottom: 18px;

}

form .cols fieldset {

  width: 100%;

}

form label {

  font-size: 16px;

  line-height: 22.5px;

  font-weight: 600;

  color: var(--Heading);

  margin-bottom: 12px;

}



.form-search {

  position: relative;

}

.form-search fieldset input {

  padding-left: 46px;

}

.form-search .button-submit {

  position: absolute;

  top: 54%;

  transform: translateY(-50%);

  left: 18px;

}

.form-search .button-submit i {

  font-size: 18px;

  color: var(--Note);

  font-weight: 700;

}

.form-search.style-2 fieldset input {

  height: 81px;

  background-color: var(--Heading);

  border: none;

  padding-left: 57px;

  color: var(--Text-white);

}

.form-search.style-2 fieldset input::placeholder {

  color: var(--Text-white);

}

.form-search.style-2 .button-submit {

  right: 8px;

  left: unset;

  top: 50%;

}

.form-search.style-2 .tf-btn {

  height: 65px;

  border-radius: 16px;

  border: 1px solid var(--Primary);

  gap: 12px;

}

.form-search.style-2 .tf-btn i {

  font-size: 24px;

  color: var(--White);

}

.form-search.style-2 .icon {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 32px;

}



.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 .wrap-btn p{

  width: 100%;

}

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

  background-color: var(--White);

  padding: 30px;

  border-radius: 16px;

  border: 1px solid var(--Line);

}

.form-contact-seller .seller-info {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 19px;

  margin-bottom: 28px;

}

.form-contact-seller .seller-info .avartar {

  border-radius: 999px;

  width: 100px;

  height: 100px;

  overflow: hidden;

  flex: none;

}

.form-contact-seller .seller-info .name {

  margin-bottom: 12px;

}

.form-contact-seller .seller-info .contact li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 4px;

  color: var(--Text);

}

.form-contact-seller .seller-info .contact li:not(:last-child) {

  margin-bottom: 6px;

}

.form-contact-seller .seller-info .contact li i {

  font-size: 16px;

}

.form-contact-seller .seller-info .contact li span {

  line-height: 19.6px;

  color: var(--Primary);

}

.form-contact-seller .seller-info .contact li a {

  color: var(--Text);

}

.form-contact-seller .seller-info .contact li a:hover {

  color: var(--Primary);

}

.form-contact-seller fieldset input,

.form-contact-seller fieldset textarea,

.form-contact-seller fieldset textarea::placeholder,

.form-contact-seller fieldset input::placeholder {

  font-size: 14px;

  line-height: 22px;

}

.form-contact-seller textarea {

  height: 130px;

}



.form-add-review .checkbox-item label {

  font-size: 14px;

  line-height: 19.6px;

  font-weight: 400;

}



.form-advanced-search {

  padding: 30px;

  border-radius: 16px;

  border: 1px solid rgb(236, 236, 236);

  background-color: var(--White);

}

.form-advanced-search fieldset {

  position: relative;

}

.form-advanced-search fieldset input,

.form-advanced-search fieldset input::placeholder {

  font-size: 14px;

  line-height: 22px;

}

.form-advanced-search fieldset .icon {

  position: absolute;

  font-size: 16px;

  right: 16px;

  top: 57%;

  transform: translateY(-50%);

}

.form-advanced-search .nice-select {

  font-size: 14px;

  line-height: 22px;

}



.sib-form {

  padding: 0;

  font-family: "Lexend", sans-serif;

}

.sib-form #sib-container,

.sib-form .sib-form-block {

  background-color: transparent;

  padding: 0;

}



.sib-form fieldset .input.input-nl {

  padding: 0 18px;

  max-width: 100%;

  border: 1px solid rgba(255, 255, 255, 0.2);

  border-radius: 10px;

  background-color: transparent;

}

.sib-form .clickable__icon {

  height: 1.5rem;

  vertical-align: bottom;

  width: 1.5rem;

}

.sib-form .sib-text-form-block {

  margin-bottom: 16px;

}

.sib-form .entry__error {

  font-size: 12px;

  line-height: 16.8px;

}

.sib-form .form__label-row {

  margin-top: 10px;

}

.sib-form .tf-btn {

  height: 54px;

  border-radius: 10px;

  margin-bottom: 16px;

  border: 1px solid var(--Primary) !important;

}

.sib-form .tf-btn:hover {

  border: 1px solid var(--Primary);

}

.sib-form .checkbox-item label .btn-checkbox::after {

  top: -2px;

}

.sib-form .checkbox-item span {

  color: var(--Text);

}



.form-get-in-touch {

  padding: 20px;

  border-radius: 16px;

  display: grid;

  gap: 20px;

  background-color: var(--White);

}

.form-get-in-touch .grid-2 {

  gap: 15px;

}

.form-get-in-touch fieldset input {

  border-radius: 999px;

}

.form-get-in-touch.style-2 {

  background-color: var(--Heading);

}

.form-get-in-touch.style-2 fieldset input,

.form-get-in-touch.style-2 textarea {

  background: rgba(255, 255, 255, 0.1215686275);

  border: none;

  color: var(--Note);

}

.form-get-in-touch.style-2 fieldset input::placeholder,

.form-get-in-touch.style-2 textarea::placeholder {

  color: var(--Note);

}



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

}

.style-pagination.dot-white .swiper-pagination-bullet {

  position: relative;

  background: var(--Heading);

  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.dot-white .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background-color: var(--White);

}

.style-pagination.dot-white .swiper-pagination-bullet.swiper-pagination-bullet-active::after {

  border: 1px solid var(--White);

}



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

  font-size: 24px;

  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;

}

.sw-button:hover {

  background-color: var(--Primary);

}

.sw-button:hover i {

  color: var(--White);

}

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

}

.sw-button.style-3 {

  width: 98px;

  height: 98px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 999px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  -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: none;

  background-color: var(--Primary);

}

.sw-button.style-3 svg path {

  stroke: var(--White);

}

.sw-button.style-3:hover {

  background-color: var(--White);

}

.sw-button.style-3:hover svg path {

  stroke: var(--Heading);

}

.sw-button.style-3.swiper-button-disabled {

  opacity: 1;

  background-color: var(--White);

}

.sw-button.style-3.swiper-button-disabled svg path {

  stroke: var(--Heading);

}

.sw-button.style-3.swiper-slide-thumb-active {

  background-color: var(--Primary);

}

.sw-button.style-3.swiper-slide-thumb-active svg path {

  stroke: var(--White);

}

.sw-button.style-4 {

  background-color: var(--White);

  border: none;

}

.sw-button.style-4:hover {

  background-color: var(--Primary);

}

.sw-button.style-4:hover svg path {

  stroke: var(--White);

}

.sw-button.style-5 {

  border: 1px solid var(--border);

  background-color: var(--Heading);

}

.sw-button.style-5:hover {

  background-color: var(--White);

}

.sw-button.style-5:hover i {

  color: var(--Heading);

}



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

}



.tf-slider.style-1 .thumbs-sw-pagi-2 {

  max-width: 496px;

  margin-right: 0;

  margin-left: 0;

}

.tf-slider.style-1 .pagination-thumbs {

  max-width: 496px;

}

.tf-slider.style-1 .hero-thumbs-1 {

  max-width: 1074px;

}

.tf-slider.style-1 .hero-thumbs-2 img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.tf-slider.style-1 .img-thumb-pagi {

  width: 240px;

  height: 110px;

  border-radius: 999px;

  overflow: hidden;

}

.tf-slider.style-1 .img-thumb-pagi img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.tf-slider.style-1 .wrap-pagination {

  margin-top: -96px;

}

.tf-slider.style-1 .pagination {

  position: relative;

  cursor: pointer;

}

.tf-slider.style-1 .bot {

  display: flex;

  justify-content: space-between;

  gap: 20px 0;

}

.tf-slider.style-2 .wrap-pagination-thumbs {

  position: relative;

  max-width: 620px;

}

.tf-slider.style-2 .swiper-slide {

  height: auto;

  max-height: max-content;

}

.tf-slider.style-2 .sw-button {

  position: absolute;

  transform: translateY(-50%);

  z-index: 299;

}

.tf-slider.style-2 .sw-button.sw-thumbs-prev-2 {

  left: -29px;

}

.tf-slider.style-2 .sw-button.sw-thumbs-next-2 {

  right: -29px;

}

.tf-slider.style-3 {

  display: flex;

  gap: 32px;

}

.tf-slider.style-3 .thumbs-sw-pagi-3 {

  width: 100%;

  max-width: 908px;

  max-height: 357px;

  margin-left: 0;

  margin-right: 0;

}

.tf-slider.style-3 .thumbs-sw-pagi-3 .swiper-wrapper {

  max-height: 357px;

}

.tf-slider.style-3 .thumbs-sw-pagi-3 .swiper-slide {

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.2);

  border-radius: 24px;

}

.tf-slider.style-3 .thumbs-sw-pagi-3 .swiper-slide .slide-inner {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.tf-slider.style-3 .hero-thumbs-1 {

  max-width: 830px;

  width: 100%;

  margin-left: 0;

  margin-right: 0;

  margin-bottom: 40px;

}

.tf-slider.style-3 .hero-thumbs-2 {

  width: 100%;

  max-width: 924px;

  border-radius: 24px;

  height: 100%;

}

.tf-slider.style-3 .hero-thumbs-2 .swiper-slide {

  height: auto;

}

.tf-slider.style-3 .hero-thumbs-2 .property-wrap {

  height: 100%;

}

.tf-slider.style-3 .hero-thumbs-2 .property-wrap .slide-inner {

  height: 100%;

  width: 100%;

  object-fit: cover;

}



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

  z-index: 9999;

}

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

}



.popup-setting {

  position: fixed;

  right: -150px;

  top: 150px;

  width: 150px;

  background-color: var(--White);

  z-index: 999;

  box-shadow: 0px 10px 25px rgba(54, 95, 104, 0.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;

  direction: ltr;

}

.popup-setting.show {

  right: 0;

}

.popup-setting .btn-setting {

  background-color: var(--Primary);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  left: -50px;

  top: 0;

  outline: 0;

}

.popup-setting .btn-setting a {

  width: 50px;

  height: 50px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--White);

  -webkit-animation: rotate 1s infinite linear;

  animation: rotate 3s infinite linear;

  font-size: 26px;

}

.popup-setting .popup-setting-container {

  padding: 15px 0 15px 15px;

}

.popup-setting .popup-setting-container .title {

  display: block;

}



.offcanvas-search {

  height: max-content !important;

  background-color: var(--White);

  z-index: 99999;

}

.offcanvas-search > .btn-close-search {

  position: absolute;

  right: 10px;

  top: 10px;

  width: 30px;

  height: 30px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 1;

  background-color: transparent;

  border: 1px solid var(--Primary);

  color: var(--Primary);

  border-radius: 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;

}

.offcanvas-search > .btn-close-search:hover {

  background-color: var(--Primary);

  color: var(--Text-white);

}

.offcanvas-search .offcanvas-body {

  padding: 60px 0;

}

.offcanvas-search .form-search-courses {

  overflow: hidden;

  border-radius: 4px;

}

.offcanvas-search .form-search-courses .button-submit button {

  position: absolute;

  height: 36px;

  top: 50%;

  transform: translateY(-50%);

  right: 10px;

  border-radius: 4px;

}

.offcanvas-search fieldset input {

  border-radius: 4px;

}



/*------------ 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: var(--Text-5);

  font-weight: 600;

  opacity: 0.5;

  font-family: "Manrope", sans-serif;

}

.page-layout .footer-dashboard .list {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 12px;

}

.page-layout .footer-dashboard .list li a {

  color: var(--Text-5);

  font-family: "Manrope", sans-serif;

  opacity: 0.5;

  line-height: 19.6px;

}

.page-layout .footer-dashboard .list li a:hover {

  color: var(--Primary);

}

.page-layout .footer-dashboard .list li:not(:last-child) {

  position: relative;

}

.page-layout .footer-dashboard .list li:not(:last-child)::after {

  position: absolute;

  content: "/";

  color: var(--Text-5);

  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) !important;

}

.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: var(--Text-5);

}

.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: var(--Text-5);

  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 .image-wrap a {

  width: 100%;

}

.blog-article-item .image-wrap a img {

  width: 100%;

}

.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 .time i {

  font-size: 18px;

}

.blog-article-item .title {

  margin-bottom: 18px;

  letter-spacing: -0.2px;

}

.blog-article-item .description {

  margin-bottom: 18px;

}

.blog-article-item .tf-btn-link i {

  font-size: 20px;

}

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

}

.blog-article-item.style-3 {

  padding-bottom: 0;

  border-bottom: unset;

}

.blog-article-item.style-3 .title {

  margin-bottom: 31px;

}

.blog-article-item.style-3 .image-wrap {

  border-radius: 16px;

  margin-bottom: 33px;

}

.blog-article-item.style-3 .time {

  margin-bottom: 16px;

}

.blog-article-item.style-3 .box-tag {

  right: 24px;

  bottom: -16px;

  left: unset;

  top: unset;

}



.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(--Text-white);

}

.tf-sidebar .sidebar-ads .box-ads p {

  color: var(--Text-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;

}

.box-listings.style-3 {

  background-color: var(--White);

  padding-top: 20px;

  padding-bottom: 20px;

}

.box-listings.style-3 p {

  font-size: 16px;

  line-height: 22.4px;

  gap: 8px;

}

.box-listings.style-3 p i {

  font-size: 18px;

}

.box-listings.style-3 .heading {

  margin-bottom: 30px;

}

.box-listings.style-3 .info {

  gap: 20px;

  margin-bottom: 30px;

}

.box-listings.style-3 .img-style {

  border-radius: 24px;

  overflow: hidden;

}

.box-listings.style-3 .img-style img {

  width: 100%;

  object-fit: cover;

}



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

  border: 1px solid var(--border);

  background-color: var(--Heading);

  padding: 32px 32px 21px;

}

.wg-testimonial.style-5 .avatar {

  margin: 0;

  height: 56px;

  width: 56px;

}

.wg-testimonial.style-5 .avatar img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.wg-testimonial.style-5 .description {

  margin-bottom: 56px;

}

.wg-testimonial.style-5 .author {

  display: flex;

  gap: 16px;

  align-items: center;

}

.wg-testimonial.style-5.style-bg-white {

  background-color: var(--White);

  border: 1px solid var(--Line);

}

.wg-testimonial.style-6 {

  padding: 48px 47px;

  background-color: var(--White);

  border: none;

}

.wg-testimonial.style-6 .description {

  color: var(--Text);

  line-height: 25.2px;

  font-weight: 400;

}

.wg-testimonial.style-6 P,

.wg-testimonial.style-6 .ratings 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;

}

.wg-testimonial.style-6:hover {

  background-color: var(--Primary);

}

.wg-testimonial.style-6:hover p,

.wg-testimonial.style-6:hover .ratings i,

.wg-testimonial.style-6:hover a {

  color: var(--White) !important;

}

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

  height: 26px;

  z-index: 999;

  border-radius: 50%;

  cursor: pointer;

  -webkit-perspective: 1000;

}



.marker-card .face {

  position: absolute;

  width: 100%;

  height: 100%;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  text-align: center;

  color: #fff;

  z-index: 100;

  background: var(--Primary);

  border: 2px solid #fff;

  border-radius: 50%;

  box-sizing: content-box;

  background-clip: content-box;

  line-height: 46px;

  font-size: 24px;

}



.marker-card .face::before,

.marker-card .face::after {

  position: absolute;

  content: "";

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

  border-radius: 9999px;

  -webkit-animation: ripple 2s infinite;

  animation: ripple 2s infinite;

}



.marker-card .face::before {

  content: "";

  position: absolute;

  -webkit-animation-delay: 0.6s;

  animation-delay: 0.6s;

}



.marker-card .face::after {

  content: "";

  position: absolute;

  -webkit-animation-delay: 0.2s;

  animation-delay: 0.2s;

}



.marker-card .face > div {

  position: absolute;

  height: 100%;

  width: 100%;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  z-index: 99;

}



#singleListingMap .marker-container {

  cursor: default;

}



#singleListingMap .marker-container {

  cursor: default;

}



.marker-card {

  width: 100%;

  height: 100%;

  transform-style: preserve-3d;

  position: absolute;

  z-index: 1;

}



.mapboxgl-popup-content {

  padding: 0 !important;

  width: 310px;

  border-radius: 16px !important;

  overflow: hidden;

}



/*------------ nice-select ---------------- */

.nice-select {

  -webkit-tap-highlight-color: transparent;

  background-color: var(--White);

  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: "\e926";

  font-family: "icomoon";

  right: 10px;

  font-size: 8px;

  top: 50%;

  color: var(--Heading);

  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;

}

.nice-select > span {

  font-weight: 400;

}

.nice-select > .list {

  position: absolute;

  background-color: var(--White);

  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: "\e918";

  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 {

  padding-right: 30px !important;

}

.nice-select.select-sort::after {

  top: 50%;

  transform: translateY(-50%);

  right: 18px;

}

.nice-select.select-sort.open::after {

  transform: translateY(-50%) rotate(-180deg);

}

.nice-select.select-sort.style-2 > .list {

  right: 0;

  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 rotate {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

@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);

  }

}

.img-custom-anim-left {

  animation: img-anim-left 1.1s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;

  opacity: 0;

}



@keyframes img-anim-left {

  0% {

    transform: translateX(-5%);

    clip-path: inset(0 100% 0 0);

    opacity: 0;

  }

  100% {

    transform: translateX(0);

    clip-path: inset(0 0 0 0);

    opacity: 1;

  }

}

.img-custom-anim-right {

  animation: img-anim-right 1.1s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;

  opacity: 0;

}



@keyframes img-anim-right {

  0% {

    transform: translateX(-5%);

    clip-path: inset(0 0 0 100%);

    opacity: 0;

  }

  100% {

    transform: translateX(0);

    clip-path: inset(0 0 0 0);

    opacity: 1;

  }

}

.clip-text-bg-Horizontal {

  -webkit-animation: BackgroundAnimatedHorizontal 70s linear infinite;

  -moz-animation: BackgroundAnimatedHorizontal 70s linear infinite;

  -ms-animation: BackgroundAnimatedHorizontal 70s linear infinite;

  -o-animation: BackgroundAnimatedHorizontal 70s linear infinite;

  animation: BackgroundAnimatedHorizontal 70s linear infinite;

}



@keyframes BackgroundAnimatedHorizontal {

  0% {

    background-position: 0% 50%;

  }

  100% {

    background-position: -400% 50%;

  }

}

.scroll-effect .text-change-color div {

  background-clip: text;

  color: transparent;

  background: linear-gradient(to right, var(--White) 50%, var(--Note) 50%) no-repeat;

  -webkit-background-clip: text;

  background-clip: text;

  background-size: 200% 100%;

  background-position-x: 100%;

  transition: background-size cubic-bezier(0.1, 0.5, 0.5, 1) 0.75s;

}



.effect-content-slide .effect-item {

  opacity: 0;

  animation-fill-mode: forwards;

  animation-iteration-count: 1;

  animation-duration: 1.3s;

  animation-delay: 0.3s;

  animation-name: var(--animation-name);

}

.effect-content-slide .swiper-slide-active .effect-up {

  --animation-name: slideinup;

}

.effect-content-slide .swiper-slide-active .effect-left {

  --animation-name: slideinleft;

}

.effect-content-slide .swiper-slide-active .effect-right {

  --animation-name: slideinright;

}

.effect-content-slide .swiper-slide-active .effect-down {

  --animation-name: slideindown;

}

.effect-content-slide .swiper-slide-active .effect-item.effect-1 {

  animation-delay: 0.3s;

}

.effect-content-slide .swiper-slide-active .effect-item.effect-2 {

  animation-delay: 0.5s;

}

.effect-content-slide .swiper-slide-active .effect-item.effect-3 {

  animation-delay: 0.7s;

}



@keyframes slideinup {

  0% {

    opacity: 0;

    transform: translateY(100px);

  }

  100% {

    opacity: 1;

    transform: translateY(0);

  }

}

@keyframes slideinright {

  0% {

    opacity: 0;

    transform: translateX(180px);

  }

  100% {

    opacity: 1;

    transform: translateX(0);

  }

}

@keyframes slideindown {

  0% {

    opacity: 0;

    transform: translateY(-100px);

  }

  100% {

    opacity: 1;

    transform: translateY(0);

  }

}

@keyframes slideinleft {

  0% {

    opacity: 0;

    transform: translateX(-100px);

  }

  100% {

    opacity: 1;

    transform: translateX(0);

  }

}

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

.hover-img .img-style {

  overflow: hidden;

}

.hover-img .image-wrap img,

.hover-img .img-style 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,

.hover-img:hover .img-style img {

  -webkit-transform: scale3d(1.1, 1.1, 1.1);

  transform: scale3d(1.1, 1.1, 1.1);

}



.hover-image-2 .img-style,

.hover-image-2 .image-wrap {

  position: relative;

  overflow: hidden;

}

.hover-image-2 .img-style:after,

.hover-image-2 .image-wrap:after {

  content: "";

  position: absolute;

  width: 200%;

  height: 0%;

  left: 50%;

  top: 50%;

  background-color: rgba(255, 255, 255, 0.3);

  transform: translate(-50%, -50%) rotate(-45deg);

  z-index: 1;

}

.hover-image-2 .img-style img,

.hover-image-2 .image-wrap img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: all 1s;

}

.hover-image-2:hover .img-style:after,

.hover-image-2:hover .image-wrap:after {

  height: 250%;

  transition: all 600ms linear;

  background-color: transparent;

}

.hover-image-2:hover .img-style img,

.hover-image-2:hover .image-wrap img {

  transform: scale(1.05);

}



.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: "\e918";

  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: "\e918";

  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(--Text-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 .tf-btn {

  display: flex;

  align-items: center;

  gap: 2px;

}

.wrap-comment .tf-btn i {

  font-size: 16px;

}

.wrap-comment .title {

  line-height: 33.6px;

  margin-bottom: 24px;

}

.wrap-comment .comment-list {

  margin-bottom: 25px;

}

.wrap-comment .comment-list li:not(:last-child) {

  margin-bottom: 27px;

}

.wrap-comment .comment-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 20px;

}

.wrap-comment .comment-item .image-wrap {

  max-width: 60px;

  height: 60px;

  flex: none;

  overflow: hidden;

  border-radius: 14px;

}

.wrap-comment .comment-item .user {

  margin-bottom: 16px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: start;

  justify-content: space-between;

}

.wrap-comment .comment-item .author .name {

  line-height: 25.2px;

  color: var(--Text-2);

  margin-bottom: 4px;

}

.wrap-comment .comment-item .author .time {

  font-size: 12px;

  line-height: 16px;

  color: var(--Note);

}

.wrap-comment .comment-item .comment {

  padding-bottom: 28px;

  border-bottom: 1px solid var(--Line);

}

.wrap-comment .comment-item .comment p {

  margin-bottom: 16px;

}

.wrap-comment .comment-item .comment .group-image {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 10px 16px;

  margin-bottom: 14px;

  flex-wrap: wrap;

}

.wrap-comment .comment-item .comment .group-image img {

  max-width: 141px;

  border-radius: 10px;

}

.wrap-comment .ratings {

  gap: 5px;

  margin-top: 5px;

}

.wrap-comment .action {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 16px;

}

.wrap-comment .action .action-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 6px;

  cursor: pointer;

}

.wrap-comment .action .action-item svg path {

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.wrap-comment .action .action-item .text-2 {

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.wrap-comment .action .action-item:hover svg path, .wrap-comment .action .action-item.active svg path {

  stroke: var(--Primary);

}

.wrap-comment .action .action-item:hover .text-2, .wrap-comment .action .action-item.active .text-2 {

  color: var(--Primary);

}



.tf-dropdown-sort .btn-select {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 12px;

  cursor: pointer;

}

.tf-dropdown-sort .btn-select i {

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.tf-dropdown-sort .text-sort-value {

  font-size: 18px;

  line-height: 22.5px;

  color: var(--Heading);

  font-weight: 600;

}

.tf-dropdown-sort .dropdown-menu {

  border: none;

  box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.08);

  padding: 20px 10px;

}

.tf-dropdown-sort .select-item .text-value-item {

  cursor: pointer;

  font-weight: 400;

  line-height: 30px;

  padding-left: 10px;

  padding-right: 29px;

  text-align: left;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

  font-size: 18px;

  color: var(--Text);

}

.tf-dropdown-sort .select-item:hover {

  background-color: var(--Line);

}

.tf-dropdown-sort .select-item.active .text-value-item {

  color: var(--Primary);

}

.tf-dropdown-sort.show .btn-select i {

  transform: rotate(-180deg);

}



.wd-search-form {

  background-color: var(--White);

  padding: 28px 20px;

  border-radius: 16px;

}

.wd-search-form .title-box {

  padding-bottom: 30px;

  border-bottom: 1px solid var(--Line);

  margin-bottom: 30px;

}

.wd-search-form .group-price {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 30px;

  margin-bottom: 30px;

}

.wd-search-form .group-price .box-title-price {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  margin-bottom: 10px;

}

.wd-search-form .group-select {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 20px 30px;

  margin-bottom: 30px;

}

.wd-search-form .group-amenities {

  display: grid;

  grid-template-columns: repeat(6, 1fr);

  gap: 16px;

}

.wd-search-form .group-checkbox {

  text-align: start;

}

.wd-search-form .group-checkbox .title {

  margin-bottom: 14px;

}

.wd-search-form.style-2 .group-amenities {

  grid-template-columns: repeat(3, 1fr);

}

.wd-search-form.style-3 .group-amenities {

  grid-template-columns: repeat(3, 1fr);

}

.wd-search-form.style-3 .group-select {

  grid-template-columns: repeat(2, 1fr);

}

.wd-search-form.style-4 {

  padding: 0;

}

.wd-search-form.style-4 .group-price,

.wd-search-form.style-4 .group-amenities,

.wd-search-form.style-4 .group-select {

  grid-template-columns: repeat(1, 1fr);

}

.wd-search-form.style-4 .group-amenities {

  gap: 14px;

}

.wd-search-form.style-4 .group-select {

  gap: 30px;

}

.wd-search-form.style-4 .checkbox-item label {

  font-weight: 400;

  color: var(--Text);

}

.wd-search-form.style-4 .checkbox-item label .btn-checkbox:after {

  top: -2px;

}

.wd-search-form.style-4 .nice-select {

  font-size: 16px;

  line-height: 22.4px;

}

.wd-search-form.style-4 .box-select.style-2 .nice-select {

  font-size: 14px;

  line-height: 22px;

}

.wd-search-form.style-4 .bot {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: space-between;

}

.wd-search-form.style-4 .bot a:hover svg path {

  stroke: var(--Primary);

}

.wd-search-form .box-search {

  position: relative;

}

.wd-search-form .box-search input,

.wd-search-form .box-search input::placeholder {

  font-size: 14px;

  line-height: 22px;

}

.wd-search-form .box-search .icon {

  position: absolute;

  font-size: 16px;

  right: 16px;

  top: 57%;

  transform: translateY(-50%);

}



.offcanvas-filter {

  max-width: 380px;

}

.offcanvas-filter .offcanvas-header {

  padding: 30px 30px 0;

}

.offcanvas-filter .offcanvas-body {

  padding: 30px;

}

.offcanvas-filter .offcanvas-body::-webkit-scrollbar {

  width: 6px;

  height: 4px;

  background-color: #f5f5f5;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

}

.offcanvas-filter .offcanvas-body::-webkit-scrollbar-thumb {

  background-color: #a7a7a7;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

}

.offcanvas-filter .offcanvas-body::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  background-color: #f5f5f5;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

}



.map-listing-item .infoBox-close {

  position: absolute;

  right: 10px;

  top: 10px;

  z-index: 6;

  cursor: pointer;

  font-size: 18px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.map-listing-item .infoBox-close:hover {

  color: var(--White);

}

.map-listing-item .box-house {

  position: relative;

  border: none;

  max-width: max-content;

  font-family: "Lexend", sans-serif;

}

.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: var(--Text-4);

}

.meta-list li span {

  color: var(--Heading);

}



.box-house {

  border-radius: 16px;

  border: 1px solid var(--Line);

  overflow: hidden;

  background-color: var(--White);

  box-sizing: border-box;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.box-house .image-wrap {

  position: relative;

  overflow: hidden;

}

.box-house .image-wrap > a {

  display: inline-block;

  position: relative;

  width: 100%;

  height: 100%;

}

.box-house .image-wrap > a::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);

  bottom: 100%;

  left: 0;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.box-house .image-wrap img {

  width: 100%;

  object-fit: cover;

  height: 100%;

  height: 266px;

}

.box-house .box-tag,

.box-house .status {

  z-index: 2;

  position: absolute;

  top: 7px;

  left: 8px;

}

.box-house .box-tag .flat-tag,

.box-house .status .flat-tag {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 8px;

  padding: 0 12px;

  height: 28px;

  border-radius: 999px;

}

.box-house .box-tag .flat-tag i,

.box-house .status .flat-tag i {

  font-size: 16px;

}

.box-house .box-tag .sale,

.box-house .status .sale {

  background: rgba(0, 0, 0, 0.4);

}

.box-house .status {

  left: unset;

  right: 24px;

}

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

  position: relative;

  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 .tag-catefories {

  color: var(--Primary);

  font-size: 14px;

  line-height: 19.6px;

  width: 76px;

  height: 34px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 600;

  position: absolute;

  z-index: 2;

  background-color: var(--White);

  border-radius: 999px;

  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.0588235294);

  right: 24px;

  top: -17px;

}

.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-list.v2 .image-wrap {

  max-width: 312px;

  width: 100%;

}

.box-house.style-list.v2 .image-wrap img {

  height: 100%;

  object-fit: cover;

}

.box-house.style-list.v2 .tag-catefories {

  position: unset;

  width: 102px;

  height: 34px;

  background-color: var(--Sub-primary-1);

  font-size: 16px;

  line-height: 20px;

  margin-bottom: 24px;

}

.box-house.style-list.v2 .tag-catefories i {

  font-size: 18px;

}

.box-house.style-list.v2 .content {

  background-color: var(--Heading);

}

.box-house.style-list.v2 .content .location {

  margin-bottom: 19px;

}

.box-house.style-list.v2 .meta-list {

  gap: 8px 17px;

  flex-wrap: wrap;

  padding-bottom: 20px;

  margin-bottom: 20px;

  border-color: var(--border);

}

.box-house.style-list.v2 .meta-list li {

  gap: 3px;

  color: var(--border-3);

}

.box-house.style-list.v2 .meta-list li span {

  color: var(--Text-white);

}

.box-house.style-list.v2 .meta-list li i {

  color: var(--Primary);

}

.box-house.style-list.v2 .avatar {

  width: 36px;

  overflow: hidden;

  border-radius: 999px;

}

.box-house.style-list.v2 .bot {

  flex-wrap: wrap;

  gap: 10px;

}

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

}

.box-house.style-4 {

  border: none;

  box-shadow: unset;

}

.box-house.style-4 .image-wrap {

  margin-bottom: 32px;

  border-radius: 16px;

}

.box-house.style-4 .content {

  padding: 0;

}

.box-house.style-5 {

  border: none;

  box-shadow: unset;

  position: relative;

  transition: unset;

}

.box-house.style-5:not(:last-child) {

  padding-bottom: 30px;

}

.box-house.style-5 .image-wrap {

  border-radius: 16px;

}

.box-house.style-5 .image-wrap > a::after {

  display: none;

}

.box-house.style-5 .content {

  padding: 24px;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 44px;

  background-color: var(--White);

  margin-left: 12px;

  margin-right: 12px;

  border-radius: 16px;

}

.box-house.style-5 .content .title {

  margin-bottom: 6px;

}

.box-house.style-5 .content .location {

  margin-bottom: 0;

}

.box-house.style-5 .meta-list {

  padding-bottom: 0;

  margin-bottom: 0;

  border: none;

  gap: 20px;

}

.box-house.style-5 .meta-list i {

  font-size: 16px;

  color: var(--Primary);

}

.box-house.style-5 .location i {

  font-size: 18px;

  margin-left: 0;

}

.box-house.style-5 .heading {

  display: flex;

  justify-content: space-between;

  padding-bottom: 19px;

  margin-bottom: 20px;

  border-bottom: 1px solid var(--Line);

}

.box-house.style-5 .bot .left {

  display: flex;

  align-items: center;

  gap: 48px;

}

.box-house.style-5 .tag {

  height: max-content;

  padding: 7px 12px;

  border-radius: 999px;

  display: flex;

  align-items: center;

  gap: 8px;

  color: var(--Primary);

  font-weight: 600;

  background-color: rgb(254, 247, 241);

}

.box-house.style-6, .box-house.style-8 {

  border: none;

  box-shadow: none;

}

.box-house.style-6 .price, .box-house.style-8 .price {

  position: absolute;

  bottom: 16px;

  left: 24px;

  z-index: 1;

}

.box-house.style-6 .image-wrap, .box-house.style-8 .image-wrap {

  border-radius: 16px;

}

.box-house.style-6 .image-wrap::after, .box-house.style-8 .image-wrap::after {

  position: absolute;

  content: "";

  inset: 0;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 63.73%, rgba(0, 0, 0, 0.8) 100%);

}

.box-house.style-6 .image-wrap img, .box-house.style-8 .image-wrap img {

  height: 267px;

  object-fit: cover;

}

.box-house.style-6 .content, .box-house.style-8 .content {

  padding: 16px;

}

.box-house.style-6.none-overlay .image-wrap::after, .box-house.style-8.none-overlay .image-wrap::after {

  display: none;

}

.box-house.style-7 {

  box-shadow: none;

  border: none;

}

.box-house.style-7 .image-wrap {

  border-radius: 16px;

}

.box-house.style-7 .content {

  padding-left: 15px;

  padding-right: 15px;

}

.box-house.style-7 .tag {

  color: var(--Primary);

  display: flex;

  align-items: center;

  gap: 8px;

}

.box-house.style-7 .tag i {

  font-size: 18px;

  color: var(--Text);

}

.box-house.style-7 .meta-list {

  border-bottom: none;

  padding-bottom: 0;

  margin-bottom: 0;

  gap: 22px;

}

.box-house.style-7 .meta-list i {

  font-size: 16px;

  color: var(--Primary);

}

.box-house.style-7 .bot {

  padding-top: 16px;

  margin-top: 16px;

  border-top: 1px solid var(--Line);

}

.box-house.style-8 {

  border: 1px solid var(--Line);

}

.box-house.style-8 .image-wrap {

  border-radius: unset;

}

.box-house.style-8 .content {

  padding: 23px 23px;

}

.box-house.style-8 .content .location {

  margin-bottom: 24px;

}

.box-house.style-8 .bot {

  padding-top: 24px;

  border-top: 1px solid var(--Line);

}

.box-house.style-8 .info-agent {

  gap: 16px;

}

.box-house.style-8 .avatar {

  width: 48px;

  height: 48px;

  overflow: hidden;

  border-radius: 999px;

}



.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, .icons-box.style-8 {

  flex-grow: 0;

}

.icons-box.style-4 .tf-icon, .icons-box.style-5 .tf-icon, .icons-box.style-8 .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, .icons-box.style-8 .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, .icons-box.style-8 p {

  margin-bottom: 0;

}

.icons-box.style-4:hover, .icons-box.style-5:hover, .icons-box.style-8: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, .icons-box.style-8: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, .icons-box.style-8:hover .tf-icon svg .change {

  fill: var(--White);

}

.icons-box.style-4:hover .line, .icons-box.style-5:hover .line, .icons-box.style-8: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.v2 .title {

  margin-bottom: 25px;

}

.icons-box.style-4.v2 .line {

  margin-bottom: 24px;

}

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

}

.icons-box.style-8 {

  border: 1px solid var(--Line);

  padding: 47px 34px 45px;

}

.icons-box.style-8 .tf-icon {

  font-size: 60px;

}

.icons-box.style-8 .tf-icon i {

  color: var(--Primary);

}

.icons-box.style-8 .line {

  margin-bottom: 24px;

}

.icons-box.style-8:hover {

  border-color: transparent;

}

.icons-box.style-8:hover .tf-icon i {

  color: var(--White);

}



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

.wrap-partners:hover .marquee-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;

  margin-right: 40px;

}

.partner-item:hover svg path {

  fill: var(--Primary);

}

.partner-item.style-2 {

  display: flex !important;

  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(--Text-white);

}

.agent-item.style-2 .content p {

  color: var(--Text-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-item.style-4 {

  border-radius: 24px;

  overflow: hidden;

}

.agent-item.style-4 .image-wrap {

  border-radius: unset;

  margin-bottom: 0;

  max-width: 100% !important;

}

.agent-item.style-4 .image-wrap > a::after {

  background-color: rgba(0, 0, 0, 0.6);

}

.agent-item.style-4 .content {

  padding: 24px;

  gap: 3px;

  flex-direction: column;

  align-items: start;

  background-color: var(--bg-body-color);

}

.agent-item.style-4 .list-social {

  display: flex;

  gap: 8px;

  justify-content: center;

  position: absolute;

  left: 0;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  z-index: 2;

  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;

}

.agent-item.style-4 .list-social a {

  transform: translateY(18px);

}

.agent-item.style-4 .list-social a i {

  font-size: 24.55px;

  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;

  width: 60px;

  height: 60px;

  border-radius: 999px;

  background-color: rgba(255, 255, 255, 0.3);

  color: var(--White);

}

.agent-item.style-4 .list-social a:nth-child(1) {

  transition-delay: 0s;

}

.agent-item.style-4 .list-social a:nth-child(2) {

  transition-delay: 0.1s;

}

.agent-item.style-4 .list-social a:nth-child(3) {

  transition-delay: 0.2s;

}

.agent-item.style-4 .list-social a:nth-child(4) {

  transition-delay: 0.3s;

}

.agent-item.style-4 .list-social a:hover i {

  background-color: var(--Primary);

  color: var(--White);

}

.agent-item.style-4:hover .list-social {

  opacity: 1;

  visibility: visible;

}

.agent-item.style-4:hover .list-social a {

  transform: translateY(0);

}

.agent-item.style-5 {

  position: relative;

}

.agent-item.style-5 .image-wrap {

  margin-bottom: 0;

}

.agent-item.style-5 .content {

  position: absolute;

  bottom: 8px;

  left: 0;

  right: 0;

  margin: 0 8px;

  z-index: 2;

  background-color: var(--bg-body-color);

  padding: 24px;

  border-radius: 16px;

}

.agent-item.style-5 .btn-icon {

  border-color: rgba(255, 255, 255, 0.1);

  color: var(--Text-white);

}



.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 gg hh";

}

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

}

.wrap-neighborhoods .item-8{

  grid-area: hh;

}



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

  height: 245px;

  object-fit: cover;

}

.box-location .image-wrap a {

  position: relative;

  width: 100%;

}

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

  color: var(--White);

}

.box-location .tf-btn:hover {

  background-color: var(--Primary);

}

.box-location.style-2 {

  border-radius: 8px;

  position: relative;

}

.box-location.style-2::after {

  content: "";

  position: absolute;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 53.85%, #000000 100%);

  inset: 0;

  z-index: 1;

}

.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(--Text-white);

}



.box-contact {

  padding: 66.5px 0;

}

.box-contact .list-info li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 41px;

}

.box-contact .list-info li .icon {

  position: relative;

}

.box-contact .list-info li .icon::after {

  position: absolute;

  content: "";

  width: 1px;

  height: 100%;

  background-color: var(--Line);

  right: -20px;

}

.box-contact .list-info li .sub {

  font-size: 14px;

  line-height: 21px;

  color: var(--Note);

  font-weight: 500;

  margin-bottom: 2px;

}

.box-contact .list-info li p {

  font-size: 16px;

  line-height: 24px;

  color: var(--Heading);

}

.box-contact .list-info li .phone {

  font-size: 30px;

  line-height: 37.5px;

  color: var(--Primary);

  font-weight: 700;

}

.box-contact .list-info li a {

  font-size: 16px;

  line-height: 24px;

  color: var(--Primary);

}

.box-contact .list-info li a:hover {

  color: var(--Heading);

}

.box-contact .list-info li:not(:last-child) {

  margin-bottom: 30px;

}

.box-contact .image-wrap {

  border-radius: 16px;

  overflow: hidden;

}

.box-contact.style-1 .list-info li {

  gap: 34px;

}

.box-contact.style-1 .list-info li:not(:last-child) {

  margin-bottom: 34px;

}

.box-contact.style-1 .list-info li .phone {

  font-weight: 600;

  font-size: 18px;

  line-height: 140%;

  color: var(--Heading);

}

.box-contact.style-1 .list-info li .icon::after {

  right: -17px;

}



.wrap-counter {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 24px;

}



.counter-item span {

  font-family: "Lexend", sans-serif;

}

.counter-item .counter-number {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  width: max-content;

  max-height: 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 .sub {

  position: relative;

  top: -2px;

  left: -2px;

}

.counter-item .sub.plus {

  top: -14px;

  font-size: 40px;

}

.counter-item.style-1 {

  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.style-1 span {

  font-size: 80px;

  line-height: 100px;

  font-weight: 600;

  color: var(--Text-white);

}

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

}

.counter-item.style-3 span {

  font-size: 64px;

  font-weight: 100;

  line-height: 80px;

  color: var(--White);

}

.counter-item.style-3 .sub {

  left: -2px;

}

.counter-item.style-3 p {

  color: var(--border-3);

}

.counter-item.style-4 span {

  font-size: 72px;

  font-weight: 300;

  line-height: 90px;

  color: var(--Heading);

}

.counter-item.style-5 span {

  font-size: 80px;

  font-weight: 500;

  line-height: 100px;

  color: var(--Heading);

}



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

}

.wg-filter.style-4 .form-title {

  gap: 0;

  padding-left: 8px;

  padding-right: 8px;

}

.wg-filter.style-4 .line {

  height: 24px;

  width: 1px;

  background-color: rgba(0, 0, 0, 0.1);

  margin: 23px 15px;

}

.wg-filter.style-4 .nice-select {

  padding-left: 10px;

  padding-right: 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;

}



.properties-empty{

  width: auto;

  margin: 150px auto;

  text-align: center;

}



.properties-switch-map .properties-empty{

  position: absolute;

  z-index: 15;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.properties-empty .item-not-found{

  font-weight: 600;

  font-size: 16px;

  line-height: 1.2;

  color: #000;

  margin-bottom: 15px;

}



.properties-empty .item-another{

  font-size: 15px;

  font-weight: 500;

  line-height: 1.2;

  color: #545454;

  margin: 8px 0 0;

}



.properties-empty .btn-clear-all{

  display: inline-block;

  color: #fff;

  margin: 30px auto 0;

  font-size: 15px;

  font-weight: 600;

  padding: 14px 30px;

  background: var(--theme-primary-color);

  border-radius: 10px;

}



.properties-empty .btn-clear-all:hover {

  background: #1C1C1E;

  color: #fff;

}



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

    margin-bottom: 1em;

    width: 100% !important;

}



.box-property-detail .description ul,

.box-property-detail .description ol {

    padding-left: 1.5rem;

    margin-bottom: 1em;

}



.box-property-detail .description ul {

    list-style-type: disc;

}



.box-property-detail .description ol {

    list-style-type: decimal;

}



.box-property-detail .description ul li,

.box-property-detail .description ol li {

    position: relative;

    padding-left: 1.2em;

    margin-bottom: 0.5em;

}



.box-property-detail .description ul li::before {

    content: "•";

    position: absolute;

    left: 0;

    top: 0;

    line-height: 1;

}





.box-property-detail .description a {

    text-decoration: underline;

}



.box-property-detail .description a:hover {

    text-decoration: none;

}



.box-property-detail .description br {

    display: inline;

}



.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: var(--Text-5);

  width: 76px;

}



.widget-video.style-1 {

  position: relative;

}

.widget-video.style-1 img {

  border-radius: 16px;

  width: 100%;

  height: 446px;

  object-fit: cover;

}

.widget-video.style-1 .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.style-1 .popup-youtube i {

  color: var(--Primary);

  font-size: 18px;

  margin-left: 4px;

}

.widget-video.style-1 .popup-youtube::after, .widget-video.style-1 .popup-youtube::before {

  position: absolute;

  content: "";

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

  border-radius: 9999px;

  animation: ripple 3s infinite;

}

.widget-video.style-1 .popup-youtube::after {

  animation-delay: 0.5s;

}

.widget-video.style-1 .popup-youtube::before {

  animation-delay: 0.9s;

}

.widget-video.style-2 {

  position: relative;

  display: flex;

  justify-content: flex-start;

}

.widget-video.style-2 .wrap-icon {

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  z-index: 1;

}

.widget-video.style-2 .text-circle {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.widget-video.style-2 .textcircle {

  animation: rotate 10s linear infinite;

  width: 265px;

  height: 265px;

}

.widget-video.style-2 .textcircle textPath {

  font-size: 30.47px;

  font-weight: 300;

}

.widget-video.style-2 .video-icon {

  width: 86px;

  height: 86px;

  font-size: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 999px;

  background-color: var(--Primary);

  z-index: 1;

}

.widget-video.style-2 .video-icon i {

  color: #fff;

}

.widget-video.style-2 .video-icon:hover {

  background-color: var(--Heading);

}



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

}



.box-about.style-1 .img-style {

  border-radius: 16px;

  overflow: hidden;

}

.box-about.style-1 .widget-video {

  margin-top: -43px;

  margin-left: -43px;

  margin-bottom: 90px;

}

.box-about.style-1 .left .img-style {

  max-width: 440px;

}



.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: var(--Text-5);

  width: 110px;

}



.single-property-floor .floor-item {

  padding: 0px 20px;

  background-color: #f7f7f7;

  border-radius: 12px;

}

.single-property-floor .floor-item:not(:last-child) {

  margin-bottom: 24px;

}

.single-property-floor .floor-item .floor-header {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 15px;

  padding: 19px 0px 17px;

}

.single-property-floor .floor-item .floor-header .inner-left {

  display: flex;

}

.single-property-floor .floor-item .floor-header .inner-left span {

  color: #161e2d;

  font-size: 16px;

  line-height: 21.86px;

  font-weight: 600;

  font-family: "Manrope", sans-serif;

}

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

  color: var(--Text);

}

.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: var(--Text-5);

  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(https://capitalverde.com.mx/wp-content/uploads/2024/11/ssdw.webp);

  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;

}

.form-control{

  font-size: 16px;

}

.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: "\e918";

  font-family: "icomoon";

  font-size: 13px;

  font-weight: 600;

  color: #fff;

  margin-right: 13px;

  width: 17px;

  height: 17px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--Primary);

  border-radius: 50%;

  flex: none;

}

.flat-pricing .box .button-pricing a {

  width: 100%;

  text-align: center;

}



.wow {

  visibility: hidden;

}



.progress-wrap {

  position: fixed;

  bottom: 40px;

  right: 15px;

  height: 40px;

  width: 40px;

  cursor: pointer;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  border-radius: 999px;

  z-index: 98;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(20px);

  -ms-transform: translateY(20px);

  transform: translateY(20px);

  -webkit-transition: all 400ms linear;

  -o-transition: all 400ms linear;

  transition: all 400ms linear;

  background: var(--White);

  border: 1.2px solid rgba(134, 134, 134, 0.12);

}

.progress-wrap::after {

  position: absolute;

  content: "\e946";

  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;

  border: none;

  gap: 16px;

}

.categories-item.style-2::after {

  display: none;

}

.categories-item.style-2 .icon-box {

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  -ms-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

  height: 101px;

  width: 101px;

  border-radius: 16px;

  border: 1px solid rgb(236, 236, 236);

}

.categories-item.style-2 .icon-box .icon {

  font-size: 50px;

}

.categories-item.style-2 p {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 4px;

}

.categories-item.style-2:hover {

  background-color: unset;

}

.categories-item.style-2:hover .icon-box {

  background-color: var(--Primary);

}

.categories-item.style-2:hover .content h5 {

  color: var(--Primary);

}

.categories-item.style-2:hover .content p {

  color: var(--Text);

}



#loading {

  background-color: var(--White);

  height: 100%;

  width: 100%;

  position: fixed;

  z-index: 1;

  margin-top: 0px;

  top: 0px;

  left: 0px;

  bottom: 0px;

  overflow: hidden;

  right: 0px;

  z-index: 999999;

}

#loading #loading-center {

  width: 100%;

  height: 100%;

  position: relative;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

}

#loading #loading-center .loader-container {

  display: flex;

  justify-content: center;

  align-items: center;

}

#loading #loading-center .loader-container .wrap-loader {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

}

#loading #loading-center .loader-container .wrap-loader .icon {

  position: absolute;

  max-width: 80px;

}

#loading #loading-center .loader-container .loader {

  width: 100px;

  height: 100px;

  border-radius: 50%;

  animation: spin 1s linear infinite;

}

#loading .icon {

  width: 42px;

  height: 42px;

}



.clip-color-text {

  display: flex;

  justify-content: center;

}

.clip-color-text div {

  font-size: 510px;

  line-height: 538px;

  font-weight: 900;

  background-image: url(../images/page-title/bg-text.jpg);

  background-repeat: repeat;

  background-size: 200%;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  width: max-content;

}



.service-item .icon {

  display: flex;

  justify-content: center;

  align-items: center;

  color: var(--White);

  background-color: var(--Primary);

  border-radius: 999px;

}

.service-item .img-style {

  border-radius: 24px;

  overflow: hidden;

}

.service-item .img-style img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.service-item.style-1 .icon {

  width: 154px;

  height: 154px;

  border: 5px solid var(--Heading);

  font-size: 70px;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: -80px;

  position: relative;

  z-index: 2;

}

.service-item.style-1 .img-style {

  margin-bottom: 32px;

}

.service-item.style-2 {

  padding: 30px 32px 32px;

  border-radius: 16px;

  display: grid;

  gap: 25px;

  background-color: var(--White);

}

.service-item.style-2 .heading {

  gap: 24px;

}

.service-item.style-2 .icon {

  height: 68px;

  width: 68px;

  font-size: 40px;

  flex-shrink: 0;

}



.wrap-top {

  border-radius: 0 0 16px 16px;

  padding-bottom: 16px;

}



.project-item.style-1 {

  border-radius: 16px;

  overflow: hidden;

  position: relative;

}

.project-item.style-1::after {

  content: "";

  position: absolute;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52.17%, #000000 100%);

  inset: 0;

}

.project-item.style-1 .img-style img {

  width: 100%;

  min-height: 250px;

  object-fit: cover;

  object-position: center center;

}

.project-item.style-1 .content {

  position: absolute;

  z-index: 1;

  bottom: 16px;

  left: 16px;

}

.project-item.style-1 .tf-btn {

  position: absolute;

  z-index: 1;

  height: 65px;

  width: 65px;

  top: 7px;

  right: 8px;

  color: var(--Heading);

  background-color: var(--White);

  font-size: 24px;

  border-radius: 999px;

}

.project-item.style-1 .tf-btn:hover {

  background-color: var(--Primary);

  color: var(--White);

}

.project-item.empty {

  padding-left: 19px;

  padding-right: 18px;

  padding: 120px 23px 24px;

  background-color: var(--Heading);

  border-radius: 16px;

  height: 400px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.project-item.empty .content {

  display: flex;

  align-items: center;

  flex-direction: column;

  text-align: center;

}

.project-item.empty .logo {

  width: 136px;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 19px;

}

.project-item.empty .tf-btn {

  max-width: 211px;

  width: 100%;

}



.marquee-item.style-1 {

  opacity: 0.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;

}

.marquee-item.style-1:hover {

  opacity: 1;

}

.marquee-item.style-1:hover svg path {

  fill: var(--Primary);

}



.box-help {

  position: relative;

  border-radius: 24px;

  overflow: hidden;

}

.box-help img {

  width: 100%;

  object-fit: cover;

}

.box-help .content {

  position: absolute;

  bottom: 8px;

  left: 0;

  right: 0;

  margin: 0 8px;

  background: rgba(0, 0, 0, 0.3);

  backdrop-filter: blur(10px);

  padding: 24px 15px;

  border-radius: 16px;

}

.box-help .tf-btn {

  position: absolute;

  right: 8px;

  top: 8px;

  color: var(--Heading);

  height: 40px;

  width: 40px;

  border-radius: 999px;

  font-size: 24px;

}

.box-help .tf-btn:hover {

  background-color: var(--Heading);

  color: var(--White);

}



.box-service .box-item {

  display: flex;

  align-items: center;

  gap: 28px;

  padding: 30px 0 28px;

  border-bottom: 1px solid var(--Black);

  position: relative;

}

.box-service .box-item .title,

.box-service .box-item .number {

  -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-service .box-item .title {

  color: var(--Heading);

}

.box-service .box-item .image {

  position: absolute;

  right: 34px;

  transform: rotate(-9deg) scale(0.2);

  bottom: -58px;

  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;

  opacity: 0;

  visibility: hidden;

}

.box-service .box-item .number {

  z-index: 3;

  color: var(--Note);

  position: relative;

}

.box-service .box-item .number::before {

  content: "";

  position: absolute;

  top: 50%;

  right: -62px;

  width: 30px;

  height: 1px;

  background-color: var(--Primary);

  transform: translateY(-50%);

  z-index: -1;

  opacity: 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;

}

.box-service .box-item:first-child {

  border-top: 1px solid var(--Black);

}

.box-service .box-item:hover .title,

.box-service .box-item:hover .number {

  color: var(--Primary);

}

.box-service .box-item:hover .title {

  margin-left: 40px;

}

.box-service .box-item:hover .number::before {

  opacity: 1;

}

.box-service .box-item:hover .image {

  opacity: 1;

  visibility: visible;

  transform: rotate(-9deg) scale(1);

}



.area-cursor-custom {

  position: relative;

  cursor: none;

}

.area-cursor-custom .custom-cursor {

  position: fixed;

  opacity: 0;

  transition: transform 0.3s ease, opacity 0.3s ease;

  z-index: 1000;

  display: block;

}

.area-cursor-custom .custom-cursor.style-1 img {

  border-radius: 16px;

  transform: rotate(-9.26deg);

}

.area-cursor-custom .custom-cursor.style-2 {

  pointer-events: none;

  cursor: none;

  margin-left: -60px;

  margin-top: -60px;

  width: 120px;

  height: 120px;

  color: #fff;

  border-radius: 999px;

  cursor: grab;

  background: rgba(0, 0, 0, 0.5019607843);

  backdrop-filter: blur(4px);

  box-sizing: border-box;

  z-index: 10000000;

  opacity: 0;

  transition: all 0.1s ease-out;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  font-size: 12px;

  font-weight: 500;

  gap: 7px;

}

.area-cursor-custom .custom-cursor.style-2 i {

  font-size: 32px;

}



.banner-container .banner-stripe {

  position: relative;

  background-color: var(--Primary);

  transform: rotate(3.16deg) translateY(-50%);

  top: 50%;

  z-index: 2;

  overflow: hidden;

}

.banner-container .banner-stripe .banner-text {

  color: var(--Text-white);

  white-space: nowrap;

}

.banner-container .banner-stripe .text-container {

  display: flex;

  align-items: center;

  gap: 37.18px;

  padding: 16px 0;

}

.banner-container .banner-stripe.style-2 {

  margin-top: -84px;

  background-color: var(--Heading);

  transform: rotate(-3.16deg) translateY(-50%);

  z-index: 1;

}



.box-dream-home {

  display: flex;

  gap: 40px;

}

.box-dream-home .left {

  flex: 54%;

}

.box-dream-home .left .title {

  margin-bottom: 40px;

}

.box-dream-home .left .description {

  margin-bottom: 58px;

}

.box-dream-home .right {

  flex: 54%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  gap: 24px;

}

.box-dream-home .right .title {

  margin-bottom: 31px;

}

.box-dream-home .right .description {

  margin-bottom: 39px;

}

.box-dream-home .center {

  flex: 60.4%;

}

.box-dream-home .center .img-style {

  height: 100%;

}

.box-dream-home .center .simpleParallax {

  height: 100%;

}

.box-dream-home .img-style {

  overflow: hidden;

  border-radius: 24px;

}

.box-dream-home .img-style img {

  height: 100%;

  width: 100%;

  object-fit: cover;

}

.box-dream-home .wrap-contact-item {

  gap: 24px;

  margin-bottom: 48px;

}

.box-dream-home .list-check {

  display: grid;

  gap: 12px;

}

.box-dream-home .list-check li {

  display: flex;

  align-items: center;

  gap: 8px;

}

.box-dream-home .list-check i {

  color: var(--Primary);

  font-size: 24px;

}



.scroll-tranform {

  transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);

}



.text-with-img.style-1 .img-style {

  border-radius: 24px;

  overflow: hidden;

}

.text-with-img.style-1 .right .img-style {

  margin-left: auto;

  height: 100%;

}

.text-with-img.style-1 .right .img-style img {

  height: 100%;

  width: 100%;

  object-fit: cover;

}

.text-with-img.style-2 .img-style img {

  border-radius: 24px;

  width: 100%;

  object-fit: cover;

}

.text-with-img.style-2 .main {

  width: 88.71%;

}

.text-with-img.style-2 .sub {

  border: 16px solid var(--White);

  background-color: var(--White);

  position: absolute;

  border-radius: 38px;

  width: 52%;

  right: -3%;

  bottom: -29%;

}

.text-with-img.style-2 .sub img {

  border-radius: 24px;

}

.text-with-img.style-2 .content {

  padding: 39px 0 123px;

}

.text-with-img.style-3 .widget-video {

  position: absolute;

  bottom: 45px;

  left: 48px;

}

.text-with-img.style-3 .img-style {

  border-radius: 16px;

  overflow: hidden;

}

.text-with-img.style-3 .img-style img {

  max-height: 483px;

  width: 100%;

  object-fit: cover;

}



.text-with-form.style-1, .text-with-form.style-2 {

  margin-left: 16px;

  margin-right: 16px;

  border-radius: 32px;

  overflow: hidden;

  min-height: 871px;

}

.text-with-form.style-1 .sw-single img, .text-with-form.style-2 .sw-single img {

  min-height: 871px;

  object-fit: cover;

}

.text-with-form.style-1 img, .text-with-form.style-2 img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.text-with-form.style-1 .content, .text-with-form.style-2 .content {

  max-width: 620px;

  padding: 32px;

  background-color: var(--White);

  border-radius: 24px;

  width: 100%;

  top: 90px;

  right: 90px;

  position: absolute;

  z-index: 1;

  display: flex;

  flex-direction: column;

}

.text-with-form.style-1 .info, .text-with-form.style-2 .info {

  gap: 51px;

}

.text-with-form.style-1 .location i, .text-with-form.style-2 .location i {

  font-size: 18px;

}

.text-with-form.style-1 .info-agent, .text-with-form.style-2 .info-agent {

  margin-top: 48px;

  padding-top: 48px;

  border-top: 1px solid var(--Line);

  display: flex;

  gap: 24px;

  align-items: center;

}

.text-with-form.style-1 .avatar, .text-with-form.style-2 .avatar {

  width: 80px;

  height: 80px;

  border-radius: 999px;

  overflow: hidden;

  flex-shrink: 0;

}

.text-with-form.style-1 .btn-main, .text-with-form.style-2 .btn-main {

  height: 85px;

  border-radius: 999px;

  flex-direction: column;

  gap: 0;

}

.text-with-form.style-2 {

  border-radius: 24px;

  min-height: 703px;

}

.text-with-form.style-2 .sw-single img {

  height: 703px;

  min-height: unset;

  object-fit: cover;

}

.text-with-form.style-2 .content {

  max-width: 594px;

  top: 16px;

  right: 16px;

}



.box-project-details .image {

  border-radius: 24px;

  overflow: hidden;

}

.box-project-details .list-info {

  margin-bottom: 56px;

}

.box-project-details .list-info li {

  display: flex;

  align-items: center;

}

.box-project-details .list-info li:not(:last-child) {

  margin-bottom: 25px;

  padding-bottom: 23px;

  border-bottom: 1px solid var(--Line);

}

.box-project-details .list-info li span {

  min-width: 180px;

}

.box-project-details .heading {

  margin-bottom: 30px;

}

.box-project-details .description {

  margin-bottom: 32px;

}

.box-project-details .group-agent {

  margin-bottom: 53px;

}

.box-project-details .info-agent {

  gap: 24px;

}

.box-project-details .wrap-price {

  margin-bottom: 55px;

}

.box-project-details .btn-main {

  height: 85px;

  gap: 0;

}

.box-project-details .avatar {

  width: 80px;

  overflow: hidden;

  border-radius: 999px;

}



.box-home-layout .list-info li {

  display: flex;

  align-items: center;

}

.box-home-layout .list-info li:not(:last-child) {

  margin-bottom: 24px;

  padding-bottom: 24px;

  border-bottom: 1px solid var(--Line);

}

.box-home-layout .list-info li span {

  min-width: 180px;

}

.box-home-layout .info {

  gap: 115px;

}

.box-home-layout .info .item {

  position: relative;

}

.box-home-layout .info .item:not(:last-child)::after {

  position: absolute;

  content: "";

  width: 1px;

  height: 100%;

  background-color: var(--Line);

  top: 0;

  right: -61px;

}



.project-slider {

  position: relative;

  overflow: hidden;

  border-radius: 32px;

}

.project-slider .featured-post {

  position: absolute;

  max-width: 618px;

  width: 100%;

  background: #fff;

  padding: 40px;

  border-radius: 16px;

  position: absolute;

  top: 30px;

  left: 15.2%;

}

.project-slider .wrap-btn {

  display: flex;

  align-items: center;

  gap: 8px;

  padding-top: 32px;

  margin-top: 29px;

  border-top: 1px solid var(--Line);

}

.project-slider .wrap-btn .sw-button {

  height: 65px;

  width: 65px;

}

.project-slider .sub {

  margin-bottom: 32px;

  display: block;

}

.project-slider .heading {

  margin-bottom: 32px;

}

.project-slider .heading h2 {

  margin-bottom: 12px;

}

.project-slider .img-style img {

  min-height: 564px;

  object-fit: cover;

}



.box-photo-gallery .slide-inner {

  border-radius: 24px;

  overflow: hidden;

}



.tf-compare-table {

  overflow-x: scroll;

}

.tf-compare-table::-webkit-scrollbar {

  height: 4px;

}

.tf-compare-table::-webkit-scrollbar-thumb {

  background: var(--Line);

}

.tf-compare-table sup {

  top: -6px;

}



.tf-compare-row {

  display: flex;

}

.tf-compare-row:nth-child(2n+2) > div {

  background-color: var(--Sub-primary-1);

}

.tf-compare-row .tf-compare-col:first-child {

  min-width: 229px;

}

.tf-compare-row:not(:first-child) .tf-compare-col:first-child {

  border-left: 1px solid var(--Line);

}

.tf-compare-row:first-child .tf-compare-col:first-child {

  border: 0;

}

.tf-compare-row:first-child .tf-compare-col:not(:first-child) {

  border-top: 1px solid var(--Line);

}

.tf-compare-row:first-child .tf-compare-col:nth-child(2) {

  border-left: 1px solid var(--Line);

  border-top-left-radius: 8px;

}

.tf-compare-row:first-child .tf-compare-col:last-child {

  border-top-right-radius: 8px;

}

.tf-compare-row:nth-child(2) .tf-compare-col:first-child {

  border-top-left-radius: 8px;

  border-top: 1px solid var(--Line);

}

.tf-compare-row:last-child .tf-compare-col:first-child {

  border-bottom-left-radius: 8px;

}

.tf-compare-row:last-child .tf-compare-col:last-child {

  border-bottom-right-radius: 8px;

}



.tf-compare-col {

  min-width: 350px;

  border-right: 1px solid var(--Line);

  border-bottom: 1px solid var(--Line);

  flex-grow: 1;

  position: relative;

}



.tf-compare-item {

  padding: 15px 20px;

}

.tf-compare-item .tf-compare-image {

  border-radius: 8px;

  overflow: hidden;

  display: block;

  margin: 0 auto;

}

.tf-compare-item .tf-compare-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.tf-compare-item .tf-compare-content {

  display: grid;

  margin-top: 16px;

  gap: 4px;

}



.tf-compare-field {

  padding: 15px;

}



.tf-compare-value {

  display: flex;

  align-items: center;

  justify-content: center;

}



.tf-compare-stock {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  font-weight: 500;

  color: #83b735;

}

.tf-compare-stock .icon {

  width: 16px;

  height: 16px;

  background-color: #83b735;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.tf-compare-stock .icon i {

  color: var(--White);

  font-size: 7px;

}



.btn-view-cart {

  padding: 3px 20px;

  border-radius: 8px;

  background-color: var(--Onsurface);

  color: var(--White);

  font-size: 14px;

  line-height: 22px;

  border-radius: 99px;

  text-transform: capitalize;

}

.btn-view-cart:hover {

  background-color: var(--Primary);

}



.list-compare-color {

  display: flex;

  gap: 8px;

}

.list-compare-color .item {

  width: 24px;

  height: 24px;

  border-radius: 50%;

  border: 2px solid transparent;

}

.list-compare-color .item.active {

  border-color: var(--Onsurface);

}



.tf-compare-rate {

  display: flex;

  gap: 7px;

  align-items: center;

  justify-content: center;

}

.tf-compare-rate .list-star {

  display: flex;

  align-items: center;

}

.tf-compare-rate .list-star .icon {

  font-size: 16px;

  color: var(--Primary);

}

.tf-compare-rate .list-star .icon:last-child {

  color: var(--Note);

}



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

}



.tf-spacing-7 {

  padding-top: 130px;

  padding-bottom: 130px;

}



.tf-spacing-8 {

  padding-top: 130px;

  padding-bottom: 127px;

}



.tf-spacing-9 {

  padding-top: 130px;

  padding-bottom: 200px;

}



.tf-spacing-10 {

  padding-top: 160px;

  padding-bottom: 130px;

}



.tf-spacing-11 {

  padding-top: 132px;

  padding-bottom: 130px;

}



.tf-spacing-12 {

  padding-top: 80px;

  padding-bottom: 80px;

}



.tf-spacing-13 {

  padding-top: 96px;

  padding-bottom: 128px;

}



.tf-spacing-14 {

  padding-top: 125px;

  padding-bottom: 128px;

}



.tf-spacing-15 {

  padding-top: 96px;

  padding-bottom: 128px;

}



.section-style.style-border-top {

  background: var(--Secondary);

  border-radius: 156px 156px 0px 0px;

}



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

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.heading-section p {

  color: var(--Text-3);

}



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

      width: 350px;

    /*height: 150px;*/

    object-fit: contain;

}

.page-title .heading-title .title {

  color: var(--Text-white);

  margin-bottom: 16px;

}

.page-title .heading-title p {

  color: var(--Text-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(https://capitalverde.com.mx/wp-content/uploads/imagen-principal-capital-verde.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;

  display: flex;

  align-items: center;

  width: 100%;

}

.page-title.home01 form fieldset, .page-title.home05 form fieldset, .page-title.career form fieldset{

  width: 100%;

}

.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.home06::after {

  display: none;

}

.page-title.home06 .heading {

  background-color: var(--bg-body-color);

  height: 100%;

}

.page-title.home06 .heading .title {

  background-image: linear-gradient(-225deg, var(--Note) 50%, var(--White) 50%);

  background-size: auto auto;

  background-clip: border-box;

  background-size: 200% auto;

  background-clip: text;

  text-fill-color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  animation: textclip 14s linear infinite;

  display: inline-block;

}

.page-title.home06 .heading .title span {

  background-clip: text;

  text-fill-color: transparent;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-color: var(--White);

}

@keyframes textclip {

  to {

    background-position: 200% center;

  }

}

.page-title.home06 .item {

  display: flex;

  gap: 12px 30px;

}

.page-title.home06 .item .img-wrap {

  border-radius: 24px;

  overflow: hidden;

  flex-shrink: 0;

}

.page-title.home06 .item .content {

  padding-top: 11px;

}

.page-title.home06 .item .content p {

  color: var(--border-2);

  margin-bottom: 24px;

}

.page-title.home06 .right {

  overflow: hidden;

}

.page-title.home06 .right .slide-inner {

  width: 100%;

  border-radius: 24px;

  overflow: hidden;

}

.page-title.home06 .right .swiper {

  border-radius: 24px;

}

.page-title.home06 .left {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.page-title.home06 .left .hero-thumbs-1 {

  width: 100%;

}

.page-title.home06 .wrap {

  display: flex;

  flex-direction: column;

  margin-bottom: 34px;

}

.page-title.home06 form fieldset input {

  border-radius: 999px;

}

.page-title.home07 {

  background-color: var(--White);

}

.page-title.home07::after {

  display: none;

}

.page-title.home07 .heading {

  margin-bottom: 14px;

}

.page-title.home07 .sub {

  margin-left: auto;

  margin-right: auto;

  max-width: 936px;

  margin-bottom: 20px;

}

.page-title.home08 {

  margin-top: 18px;

}

.page-title.home08::after {

  display: none;

}

.page-title.home08 .tf-slider {

  margin-left: 16px;

  margin-right: 16px;

}

.page-title.home08 .hero-thumbs-2 {

  border-radius: 32px;

}

.page-title.home08 .img-thumb-pagi {

  border-radius: 12px;

  overflow: hidden;

  cursor: pointer;

}

.page-title.home08 .content-inner {

  position: absolute;

  top: 70px;

  left: 0;

  right: 0;

  z-index: 4;

}

.page-title.home08 .row {

  gap: 40px;

}

.page-title.home08 .image-wrap {

  position: relative;

  width: 100%;

  height: 100%;

}

.page-title.home08 .image-wrap img {

  width: 100%;

  min-height: 450px;

  object-fit: cover;

}

.page-title.home08 .image-wrap::after {

  content: "";

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.4);

  position: absolute;

  top: 0;

  left: 0;

  z-index: 0;

}

.page-title.home09 {

  margin-top: 30px;

}

.page-title.home09::after {

  display: none;

}

.page-title.home09 .description {

  color: var(--border-2);

}

.page-title.home09 .left {

  max-width: 1091px;

}

.page-title.home09 .right .description {

  margin-bottom: 24px;

}

.page-title.home09 .right .img-wrap {

  border-radius: 16px;

  overflow: hidden;

}

.page-title.home09 .content {

  display: flex;

  flex-direction: column;

  gap: 30px;

  margin-bottom: 30px;

}

.page-title.home09 .form-search {

  margin-bottom: 15px;

}

.page-title.home09 .img-wrap {

  max-width: 100%;

}

.page-title.home09 .img-wrap img {

  width: 100%;

  height: 244px;

  object-fit: cover;

}

.page-title.home09 img {

  object-fit: cover;

}

.page-title.home09 .thumbs-main {

  border-radius: 16px;

  overflow: hidden;

}

.page-title.home09 .thumbs-main img {

  min-height: 300px;

}

.page-title.home10 {

  width: 1920px;

  max-width: 100%;

  margin-left: auto;

  margin-right: auto;

  padding-left: 15px;

  padding-right: 15px;

}

.page-title.home10::after {

  display: none;

}

.page-title.home10 .location {

  margin-bottom: 32px;

}

.page-title.home10 .info {

  display: flex;

}

.page-title.home10 .info .item:not(:last-child) {

  padding-right: 56px;

  border-right: 1px solid var(--Line);

}

.page-title.home10 .info .item:not(:first-child) {

  padding-left: 56px;

}

.page-title.home10 .title-main {

  margin-bottom: 38px;

}

.page-title.home10 .title {

  margin-bottom: 13px;

}

.page-title.home10 .property-info {

  position: absolute;

  padding: 8px;

  border-radius: 16px;

  display: flex;

  gap: 24px;

  bottom: 16px;

  left: 16px;

  background-color: var(--White);

}

.page-title.home10 .property-info .img-wrap {

  border-radius: 16px;

  overflow: hidden;

}

.page-title.home10 .property-info .img-wrap img {

  height: 100%;

  object-fit: cover;

}

.page-title.home10 .property-info .tf-btn {

  height: 32px;

  width: 32px;

  border-radius: 999px;

  background-color: var(--Heading);

}

.page-title.home10 .property-info .tf-btn svg {

  width: 20px;

}

.page-title.home10 .property-info .tf-btn:hover {

  background-color: var(--Primary);

}

.page-title.home10 .right,

.page-title.home10 .left {

  width: 100%;

}

.page-title.home10 .left {

  padding-top: 145px;

}

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

}

.flat-title.style-3 {

  margin-bottom: 0;

  margin-left: 16px;

  margin-right: 16px;

}

.flat-title.style-3 .heading-section {

  margin-bottom: 0 !important;

}

.flat-title.style-3 .title-inner {

  padding-top: 40px;

}

.flat-title.style-3 .img-style {

  border-radius: 16px;

  overflow: hidden;

}

.flat-title.style-3 .wg-filter {

  position: absolute;

  bottom: 8px;

  left: 8px;

  right: 8px;

}



/* 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: "\e909";

  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 {

  background-color: var(--White);

  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-property form .tf-btn i {

  font-size: 16px;

}

.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 .sw-single img{

  height: 473px;

  object-fit: cover;

}

.section-property-detail .thumbs-sw-pagi img{

  height: 100px;

  width: 100%;

  object-fit: cover;

}

.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: var(--Text-3);

}

.section-help .text a {

  color: var(--Primary);

  text-decoration: underline;

  margin-left: 6px;

}

.section-help .text a:hover {

  color: var(--Heading);

}

.section-help.style-1 {

  background-color: var(--White);

}

.section-help.style-1 .heading-section {

  margin-bottom: 55px;

}

.section-help.style-2 {

  background-color: var(--White);

}

.section-help.style-2 .icons-box:hover {

  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.07);

}



/*section-pre-approved

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

.section-pre-approved .content {

  margin: 88px 0;

}

.section-pre-approved .heading-section {

  margin-bottom: 47px;

}

.section-pre-approved .image-wrap {

  border-radius: 24px;

  overflow: hidden;

}

.section-pre-approved .image-wrap img {

  width: 100%;

}

.section-pre-approved.style-2 .content {

  margin: 31px 0;

}

.section-pre-approved.style-2 .image-wrap {

  max-width: 550px;

  margin-left: auto;

}

.section-pre-approved.style-2 .form-pre-approved p {

  margin-top: 34px;

}



/*section-work-together

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

.section-work-together .wg-partner {

  background-color: var(--Secondary);

  padding-bottom: 328px;

}

.section-work-together .wg-appraisal {

  margin-top: calc(-11% - 13px);

  padding-bottom: 104px;

}

.section-work-together.style-2 .wg-partner {

  background-color: unset;

  padding-bottom: unset;

}



/*section-testimonials

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

.section-testimonials .box-testimonials {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 38px;

}

.section-testimonials.style-1 .tf-grid-layout {

  padding: 40px;

  margin: -40px;

  position: relative;

  max-height: 86rem;

  overflow: hidden;

}

.section-testimonials.style-1 .tf-grid-layout .tf-btn {

  position: absolute;

  bottom: 60px;

  z-index: 10;

  left: 50%;

  transform: translateX(-50%);

  height: 40px;

  padding: 0 15px;

  font-weight: 500;

}

.section-testimonials.style-1 .tf-grid-layout.active {

  max-height: 100%;

}

.section-testimonials.style-1 .tf-grid-layout.active::after {

  display: none;

}

.section-testimonials.style-1 .tf-grid-layout::after {

  content: "";

  position: absolute;

  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);

  width: 100%;

  height: 64%;

  bottom: 0;

}

.section-testimonials.style-2 {

  overflow: hidden;

}

.section-testimonials.style-2 .heading-section {

  margin-bottom: 87px;

}

.section-testimonials.style-2 .sw-fipcard {

  max-width: 619px;

  width: 100%;

}

.section-testimonials.style-2 .sw-button {

  position: absolute;

  top: 32%;

}

.section-testimonials.style-2 .sw-fipcard-prev {

  left: 10%;

}

.section-testimonials.style-2 .sw-fipcard-next {

  right: 10%;

}

.section-testimonials.style-3 {

  margin-left: 15px;

  margin-right: 15px;

  background-color: var(--Sub-primary-1);

  border-radius: 24px;

}

.section-testimonials.style-3 .swiper-slide {

  height: auto;

  opacity: 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;

}

.section-testimonials.style-3 .swiper-slide-prev,

.section-testimonials.style-3 .swiper-slide-active,

.section-testimonials.style-3 .swiper-slide-next {

  opacity: 1;

}

.section-testimonials.style-3 .wg-testimonial {

  height: 100%;

}

.section-testimonials.style-4 .infiniteslide_wrap {

  height: 896px !important;

}

.section-testimonials.style-4 .wg-testimonial {

  margin-bottom: 40px;

}

.section-testimonials.style-4 .img-group {

  display: flex;

}

.section-testimonials.style-4 .img-group li {

  width: 64px;

  border-radius: 999px;

  overflow: hidden;

}

.section-testimonials.style-4 .img-group li:not(:first-child) {

  margin-left: -24px;

}



/*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-1 .swiper {

  margin-bottom: 40px;

}

.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.style-3 {

  background-color: unset;

  position: relative;

  z-index: 1;

}



/*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-layout.style-1 {

  margin-bottom: 81px;

}

.section-property-layout.style-1 .box-house .image-wrap img {

  height: 264px;

}

.section-property-layout.style-1 .box-house .content {

  padding: 30px 0 0;

}

.section-property-layout.style-1 .box-house .content .location {

  margin-bottom: 2px;

}

.section-property-layout.style-1 .wrap-pagination {

  padding-top: 40px;

  margin-top: 36px;

  border-top: 1px solid var(--Line);

}



/*section-property

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

.section-property .box-title {

  margin-bottom: 33px;

}



/*section-property-map 

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

.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-top-map {

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

.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-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 .image-wrap {

  border-radius: 16px;

  overflow: hidden;

}

.section-contact.style-1 .list-info li .phone {

  font-weight: 700;

  font-size: 30px;

  line-height: 37.5px;

  color: var(--Primary);

}

.section-contact.style-1 .list-info li .icon::after {

  background: var(--border);

}

.section-contact.style-2, .section-contact.style-3 {

  margin-left: 15px;

  margin-right: 15px;

  padding-top: 58px;

  padding-bottom: 61px;

  background-image: url(../images/section/banner-1.jpg);

  border-radius: 24px;

  background-size: cover;

}

.section-contact.style-2 form, .section-contact.style-3 form {

  margin-right: 0px;

}

.section-contact.style-3 {

  margin-left: 16px;

  margin-right: 16px;

}



/*section-local-agent

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

.section-local-agent .tf-btn {

  height: 54px;

}



/*section-featured-listings

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

.section-featured-listings .widget-tabs .widget-menu-tab {

  gap: 15px;

}

.section-featured-listings .widget-tabs .item-title {

  max-width: max-content;

  white-space: nowrap;

}

.section-featured-listings .widget-content-inner > .tf-btn {

  margin: 47px auto 0;

}



/*section-agents-details

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

.section-agents-details .wg-pagination {

  margin-top: 41px;

}



/*section-agency-grid 

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

.section-agency-layout .box-title {

  margin-bottom: 30px;

}

.section-agency-layout .grid-layout-2 {

  gap: 39px;

}

.section-agency-layout .wg-pagination {

  margin-top: 32px;

}

.section-agency-layout .wrap-list {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 24px;

}



/*section-property-layout

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

.section-property-layout .wrap-list {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 20px;

}



/*section-categories

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

.section-categories.style-2 .tf-layout-mobile-sm {

  gap: 24px;

}



/*section-best-property

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

.section-best-property .heading-title {

  font-size: 145.54px;

  line-height: 134.54px;

  font-weight: 900;

  color: var(--Heading);

  margin-bottom: -21px;

}



/*section-highlight

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

.section-highlight {

  background-color: var(--White);

}

.section-highlight .wrap {

  position: relative;

  border-radius: 24px;

  overflow: hidden;

  height: 814px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.section-highlight .wrap::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 36.89%, #000000 91.54%);

  top: 0;

}

.section-highlight .tag {

  display: flex;

  gap: 4px;

  left: 0;

  right: 0;

  top: 24px;

  justify-content: center;

  z-index: 1;

  flex-wrap: wrap;

  margin-top: 24px;

}

.section-highlight .tag li {

  display: flex;

  align-items: center;

  gap: 8px;

  padding: 15px 28px;

  background: rgba(0, 0, 0, 0.2);

  border-radius: 999px;

  white-space: nowrap;

}

.section-highlight .content {

  text-align: center;

  z-index: 1;

  padding: 0 15px 40px;

}

.section-highlight .content .img-group {

  display: flex;

  justify-content: center;

  margin-bottom: 30px;

}

.section-highlight .content .img-group li {

  width: 64px;

  border-radius: 999px;

  overflow: hidden;

}

.section-highlight .content .img-group li:not(:first-child) {

  margin-left: -24px;

}



/*section-gallery

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

.section-gallery .swiper-slide {

  border-radius: 24px;

  overflow: hidden;

}



/*section-service

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

.section-service.style-1 {

  background-color: var(--Sub-primary-1);

}



.wrap-section.style-1 {

  position: relative;

  margin-left: 16px;

  margin-right: 16px;

}

.wrap-section.style-1::after {

  content: "";

  inset: 0;

  position: absolute;

  background-color: var(--bg-body-color);

  border-radius: 24px;

  height: 1459px;

}



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

@media (min-width: 576px) {

  .tf-grid-layout {

    gap: 20px;

  }

  .tf-grid-layout-3 {

    display: grid;

    gap: 15px;

  }

  .d-md-none {

    display: none !important;

  }

  .tf-layout-mobile-sm.sm-col-4,

  .tf-grid-layout-2.sm-col-4,

  .tf-grid-layout-3.sm-col-4,

  .tf-grid-layout.sm-col-4 {

    grid-template-columns: repeat(4, 1fr);

  }

  .tf-layout-mobile-sm.sm-col-3,

  .tf-grid-layout-2.sm-col-3,

  .tf-grid-layout-3.sm-col-3,

  .tf-grid-layout.sm-col-3 {

    grid-template-columns: repeat(3, 1fr);

  }

  .tf-layout-mobile-sm.sm-col-2,

  .tf-grid-layout-2.sm-col-2,

  .tf-grid-layout-3.sm-col-2,

  .tf-grid-layout.sm-col-2 {

    grid-template-columns: repeat(2, 1fr);

  }

  .box-amenities-property {

    grid-template-columns: 1fr 1fr;

  }

  .tf-layout-mobile-sm {

    display: grid;

    gap: 15px;

  }

  .page-title.home06 .heading {

    margin-bottom: 50px;

  }

}

@media (min-width: 768px) {

  .box-amenities-property {

    grid-template-columns: 1fr 1fr 1fr;

  }

  .tf-layout-mobile-sm.md-col-4,

  .tf-grid-layout-2.md-col-4,

  .tf-grid-layout-3.md-col-4,

  .tf-layout-mobile-md.md-col-4,

  .tf-grid-layout.md-col-4 {

    grid-template-columns: repeat(4, 1fr);

  }

  .tf-layout-mobile-sm.md-col-3,

  .tf-grid-layout-2.md-col-3,

  .tf-grid-layout-3.md-col-3,

  .tf-layout-mobile-md.md-col-3,

  .tf-grid-layout.md-col-3 {

    grid-template-columns: repeat(3, 1fr);

  }

  .tf-layout-mobile-sm.md-col-2,

  .tf-grid-layout-2.md-col-2,

  .tf-grid-layout-3.md-col-2,

  .tf-layout-mobile-md.md-col-2,

  .tf-grid-layout.md-col-2 {

    grid-template-columns: repeat(2, 1fr);

  }

  .tf-layout-mobile-md {

    display: grid;

    gap: 40px;

  }

  .tf-layout-mobile-sm {

    gap: 20px;

  }

  .wg-filter.style-4 .nice-select {

    padding-left: 16px;

    padding-right: 16px;

    border: none;

  }

  .section-selling-home.style-3 .tf-layout-mobile-sm {

    gap: 15px;

  }

}

@media (min-width: 992px) {

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

  }

  .tf-btn.height-1 {

    height: 65px;

  }

  .tf-btn.height-2 {

    height: 56px;

  }

  .tf-btn.height-3 {

    height: 54px !important;

  }

  .section-listing .tf-layout-mobile-lg {

    gap: 38px 40px;

  }

  .modal-account {

    --bs-modal-width: 920px;

  }

  .modal-filter {

    --bs-modal-width: 544px;

  }

  .header.style-5 .header-inner-wrap {

    padding-top: 20px;

    padding-left: 40px;

    padding-right: 40px;

  }

  .header.style-5 .tf-btn {

    height: 54px;

    background-color: var(--White);

    color: var(--Heading);

  }

  .header.style-5 .btn-find {

    background-color: var(--White);

    height: 54px;

    width: 54px;

    color: var(--Heading);

  }

  .header.style-5 .header-right {

    gap: 13px;

  }

  .flat-title.style-3 .title-inner {

    padding-top: 78px;

  }

  .page-title.home06 .wrap {

    display: flex;

    flex-direction: row;

    padding-top: 90px;

  }

  .page-title.home06 .item {

    gap: 64px;

  }

  .page-title.home06 .item .content {

    max-width: 627px;

  }

  .page-title.home06 .left {

    width: 61.6666666667%;

    overflow: hidden;

    padding-top: 25px;

  }

  .page-title.home06 .left .title {

    margin-bottom: 46px;

    max-width: 987px;

  }

  .page-title.home06 .right {

    width: 41.6666666667%;

  }

  .page-title.home06 .right .swiper {

    max-width: 688px;

    margin-right: 0;

  }

  .page-title.home06 .right .img-wrap {

    max-width: 688px;

    margin-left: auto;

  }

  .page-title.home06 .bot {

    margin-top: 40px;

  }

  .page-title.home06 .wrap-counter {

    gap: 48px;

  }

  .page-title.home06 .tf-btn {

    gap: 18px;

  }

  .page-title.home07 .sub {

    margin-bottom: 51px;

  }

  .page-title.home07 .tf-btn {

    max-width: 233px;

    width: 100%;

  }

  .page-title.home08 .hero-thumbs-2 {

    height: 940px;

  }

  .page-title.home08 .heading {

    margin-bottom: 90px;

    max-width: 627px;

  }

  .page-title.home08 .row {

    gap: 0;

  }

  .page-title.home08 .image-wrap img {

    min-height: 1000px;

  }

  .page-title.home08 .content-inner {

    top: 161px;

  }

  .page-title.home08 .content {

    padding-top: 30px;

  }

  .page-title.home08 .form-get-in-touch {

    gap: 31px;

  }

  .page-title.home08 .form-get-in-touch .title-form {

    margin-bottom: 16px;

  }

  .page-title.home08 .form-get-in-touch textarea {

    height: 150px;

  }

  .page-title.home09 {

    margin-top: 95px;

  }

  .page-title.home09 .content {

    flex-direction: row;

    margin-bottom: 57px;

  }

  .page-title.home09 .content .left {

    width: 58.3333333333%;

  }

  .page-title.home09 .content .right {

    width: 41.6666666667%;

    text-align: end;

    margin-top: 26px;

  }

  .page-title.home09 .content .img-wrap {

    height: 224px;

  }

  .page-title.home09 .description {

    max-width: 453px;

    margin-left: auto;

  }

  .page-title.home09 .img-wrap {

    margin-left: auto;

    max-width: 690px;

  }

  .page-title.home10 {

    padding-left: 40px;

    padding-right: 16px;

  }

  .page-title.home10 .right,

  .page-title.home10 .left {

    width: 50%;

  }

  .page-title.home10 .property-info .tf-btn {

    width: 48px;

    height: 48px;

  }

  .page-title.home10 .property-info .tf-btn svg {

    width: 24px;

  }

  .form-get-in-touch {

    padding: 20px;

    gap: 30px;

  }

  .form-get-in-touch .title-form {

    margin-bottom: 12px;

  }

  .wrap-layout {

    display: grid;

    grid-template-columns: repeat(5, 1fr);

    gap: 16px;

    align-items: center;

  }

  .wrap-layout .wrap-project {

    display: flex;

    flex-direction: column;

    gap: 16px;

  }

  .section-testimonials.style-2 .sw-pagination {

    margin-top: 87px;

  }

  .section-testimonials.style-3 {

    overflow: hidden;

    margin-left: 40px;

    margin-right: 40px;

  }

  .section-testimonials.style-3 .swiper-wrapper {

    margin-bottom: 54px !important;

  }

  .section-testimonials.style-4 .left {

    padding-top: 123px;

  }

  .section-testimonials.style-4 .wrap {

    position: relative;

  }

  .section-testimonials.style-4 .wrap::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 303px;

    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);

    transform: matrix(1, 0, 0, -1, 0, 0);

  }

  .section-testimonials.style-4 .wrap::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 303px;

    bottom: 0;

    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);

    z-index: 1;

  }

  .box-listings.style-3 .heading {

    margin-bottom: 32px;

  }

  .box-listings.style-3 .info {

    gap: 30px;

    margin-bottom: 46px;

  }

  .box-dream-home .left {

    padding-top: 26px;

  }

  .box-dream-home .left .description {

    max-width: 526px;

  }

  .box-help .content {

    padding: 24px;

  }

  .box-help .tf-btn {

    right: 24px;

    top: 24px;

    height: 65px;

    width: 65px;

  }

  .section-box-team.style-1 .swiper {

    margin-bottom: 56px;

  }

  .section-contact .wrap {

    display: flex;

  }

  .section-contact .left {

    width: 50%;

    padding-left: 58px;

    padding-right: 10px;

  }

  .section-contact .box-contact.style-1 {

    padding-top: 169.5px;

  }

  .section-contact .right {

    width: 55.8333333333%;

  }

  .section-contact form {

    gap: 31px;

  }

  .section-contact .tf-btn {

    margin-top: 3px;

    height: 54px;

    gap: 16px;

  }

  .section-contact.style-2 {

    margin-left: 40px;

    margin-right: 40px;

    background-attachment: fixed;

  }

  .text-with-img.style-1 {

    gap: 32px;

    display: flex;

    padding-bottom: 130px;

    border-bottom: 1px solid var(--Line);

  }

  .text-with-img.style-1 .heading-section {

    max-width: 830px;

  }

  .text-with-img.style-1 .left {

    width: 55.4166666667%;

  }

  .text-with-img.style-1 .right {

    width: 42.9166666667%;

  }

  .text-with-img.style-1 .img-style {

    max-width: 790px;

    margin-left: auto;

  }

  .text-with-img.style-1 .bot {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

  }

  .text-with-img.style-1 .bot .img-style {

    margin-top: 8px;

  }

  .text-with-img.style-3 .widget-video {

    bottom: -47px;

    left: -40px;

  }

  .wrap-counter.style-1 {

    gap: 0;

  }

  .wrap-counter.style-1 .counter-item:not(:last-child) {

    border-right: 1px solid var(--Line);

  }

  .wg-filter.style-4 .nice-select {

    padding-left: 16px;

    padding-right: 16px;

  }

  .wg-filter.style-4 .tf-btn {

    margin-left: 30px;

  }

  .box-project-details {

    display: flex;

    padding-left: 20px;

  }

  .box-project-details .left {

    width: 57.5833333333%;

  }

  .box-project-details .right {

    padding-top: 55px;

    width: 42.4166666667%;

    padding-left: 40px;

  }

  .section-help.style-3 .tf-grid-layout {

    margin-bottom: 80px;

  }

  .section-selling-home.style-3 .tf-layout-mobile-sm {

    gap: 40px;

  }

}

@media (min-width: 1150px) {

  .header .header-right .phone-number {

    margin-right: 11px;

  }

}

@media (min-width: 1200px) {

  .tf-layout-mobile-sm,

  .tf-grid-layout-3,

  .tf-grid-layout-2,

  .tf-grid-layout {

    gap: 40px;

  }

  .tf-layout-mobile-sm.xl-col-4,

  .tf-grid-layout-3.xl-col-4,

  .tf-grid-layout-2.xl-col-4,

  .tf-grid-layout.xl-col-4 {

    grid-template-columns: repeat(4, 1fr);

  }

  .tf-layout-mobile-sm.xl-col-3,

  .tf-grid-layout-3.xl-col-3,

  .tf-grid-layout-2.xl-col-3,

  .tf-grid-layout.xl-col-3 {

    grid-template-columns: repeat(3, 1fr);

  }

  .tf-layout-mobile-sm.xl-col-2,

  .tf-grid-layout-3.xl-col-2,

  .tf-grid-layout-2.xl-col-2,

  .tf-grid-layout.xl-col-2 {

    grid-template-columns: repeat(2, 1fr);

  }

  .tf-grid-layout-3 {

    gap: 32px;

  }

  #footer .wrap-contact-item.style-1 {

    gap: 20px 54px;

  }

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

  }

  .form-get-in-touch .grid-2 {

    gap: 32px;

  }

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

  }

  .page-title.home06 .item {

    gap: 46px;

  }

  .page-title.home06 .item .content {

    max-width: 627px;

  }

  .form-get-in-touch {

    padding: 40px;

  }

  .wg-filter.style-4 .line {

    margin-left: 30px;

    margin-right: 30px;

  }

  .section-highlight .content .img-group {

    margin-bottom: 48px;

  }

  .box-listings.style-3 .info {

    gap: 48px;

  }

}

@media (min-width: 1300px) {

  .section-contact .image-wrap {

    margin-left: 70px;

  }

}

@media (min-width: 1380px) {

  .main-menu {

    margin-right: 0;

  }

  .main-menu .navigation {

    gap: 25px;

    margin-left: 221px;

  }

  .main-menu.style-1 .navigation {

    margin-left: 0px;

  }

}

@media (min-width: 1440px) {

  .box-house.style-3 .content {

    max-width: 580px;

    margin: 104px auto 104px 80px;

    padding: 0;

  }

  .page-title.style-2 .sw-button.sw-thumbs-prev {

    left: -29px;

  }

  .page-title.style-2 .sw-button.sw-thumbs-next {

    right: -29px;

  }

  .tf-grid-layout-3.xxl-col-4 {

    grid-template-columns: repeat(4, 1fr);

  }

  .tf-grid-layout-3.xxl-col-3 {

    grid-template-columns: repeat(3, 1fr);

  }

  .tf-grid-layout-3.xxl-col-2 {

    grid-template-columns: repeat(2, 1fr);

  }

  .section-listing .swiper {

    padding: 50px;

    margin: -50px;

  }

  .section-categories .swiper {

    padding: 60px;

    margin: -60px;

  }

  .categories-item.active,

  .categories-item:hover,

  .categories-item.style-2.active,

  .categories-item.style-2:hover {

    box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1019607843);

  }

  .section-current-properties .swiper {

    padding: 40px;

    margin: -40px;

  }

  .section-current-properties .box-house {

    box-shadow: unset;

  }

  .section-contact .left {

    padding-left: 58px;

  }

  .section-contact form {

    margin-right: 57px;

  }

  .section-contact form p {

    margin-bottom: 17px;

  }

}

@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: 1899px) {

  .clip-color-text div {

    font-size: 425px;

    line-height: 448px;

  }

}

@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: 1700px) {

  .clip-color-text div {

    font-size: 354px;

    line-height: 373px;

  }

}

@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.dashboard .header-right .phone-number {

    display: none;

  }

  .section-testimonials.style-3 .swiper {

    padding: 32px;

    margin: -32px;

  }

}

@media (max-width: 1439px) {

  .wd-search-form.style-2 .group-select {

    column-gap: 15px;

  }

  .clip-color-text div {

    font-size: 248px;

    line-height: 248px;

  }

  .section-highlight br {

    display: none;

  }

  .section-highlight .text-display-4 {

    font-size: 46px;

    line-height: 58px;

  }

}

@media (max-width: 1400px) {

  .wrap-neighborhoods {

    grid-template-columns: repeat(2, 1fr);

    grid-template-areas: "aa bb" "cc dd" "ee ff" "gg hh";

  }

  .show-mb {

    display: inline-block;

  }

  .page-layout .main-content {

    padding-left: 0;

  }

  .page-layout .sidebar-menu-dashboard {

    transform: translateX(-100%);

  }

  .page-layout.full-width .sidebar-menu-dashboard {

    transform: translateX(0);

  }

  .page-layout.full-width .overlay-dashboard {

    opacity: 1;

    visibility: visible;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }

  .page-layout .widget-box-2.package {

    padding: 0;

  }

  .page-layout .main-content-inner {

    padding: 122px 30px 0;

  }

  .section-testimonials.style-1 .tf-grid-layout {

    padding: 0;

    margin: 0;

  }

  .section-testimonials .wg-testimonial {

    box-shadow: unset !important;

  }

  .section-testimonials.style-3 .swiper {

    padding: 0;

    margin: 0;

  }

  .section-style.style-border-top {

    border-radius: 80px 80px 0px 0px;

  }

}

@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: 1199px) {

  .text-display {

    font-size: 75px;

    line-height: 93px;

  }

  .text-display br {

    display: none;

  }

  .text-display-3 {

    font-size: 75px;

    line-height: 80px;

  }

  .xl-hide {

    display: none;

  }

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

  }

  .page-layout .flat-counter-v2 {

    grid-template-columns: 1fr 1fr;

  }

  .section-best-property .heading-title {

    font-size: 120px;

    line-height: 108.54px;

  }

}

@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: 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 .mobile-button {

    display: block;

  }

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

  }

  .tf-spacing-13 {

    padding-top: 0;

    padding-bottom: 70px;

  }

  .lg-hide {

    display: none;

  }

  .heading-section {

    gap: 12px !important;

    flex-direction: column !important;

  }

  .heading-section .left .title {

    margin-bottom: 12px;

  }

  .text-display,

  .text-display-3 {

    font-size: 62px;

    line-height: 77px;

  }

  .text-13 {

    font-size: 26px;

    line-height: 32px;

  }

  .flex-wrap-lg {

    flex-wrap: wrap;

  }

  .tf-container {

    padding-right: 15px !important;

    padding-left: 15px !important;

  }

  .tf-container .row {

    margin-left: -15px !important;

    margin-right: -15px !important;

  }

  .tf-container .row > * {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

  .grid-layout-3 {

    gap: 20px !important;

  }

  #footer .footer-main {

    padding-bottom: 0;

  }

  #footer .footer-menu-list {

    margin-bottom: 40px;

  }

  .header.style-5 .header-inner-wrap {

    padding-left: 15px;

    padding-right: 15px;

  }

  .page-title {

    background-attachment: unset !important;

  }

  .page-title .form-title {

    position: relative;

    z-index: 4;

  }

  .page-title.home06 .wrap {

    gap: 20px;

    padding-top: 40px;

  }

  .page-title.home06 .wrap .left {

    order: 2;

  }

  .page-title.home06 .wrap .slide-inner {

    height: 350px;

  }

  .page-title.home06 .title {

    margin-bottom: 20px;

  }

  .page-title.home06 .item {

    padding-bottom: 20px;

  }

  .page-title.home08 .hero-thumbs-2 {

    height: 896px;

  }

  .page-title.home08 .hero-thumbs-2 img {

    width: 100%;

    height: 100%;

    object-fit: cover;

  }

  .page-title.home10 .left {

    padding-top: 100px;

  }

  .page-title.home10 .info {

    display: flex;

  }

  .page-title.home10 .info .item:not(:last-child) {

    padding-right: 20px;

    border-right: 1px solid var(--Line);

  }

  .page-title.home10 .info .item:not(:first-child) {

    padding-left: 20px;

  }

  .flat-title.style-3 .img-style img {

    height: 400px;

    object-fit: cover;

    width: 100%;

  }

  .tf-slider.style-3 .thumbs-sw-pagi-3 {

    max-height: 200px;

  }

  .tf-slider.style-3 .hero-thumbs-2 .property-wrap {

    height: 350px;

  }

  .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 !important;

  }

  .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.style-1 {

    width: 100%;

    justify-content: center;

  }

  .counter-item.style-3 span {

    font-size: 53px;

    line-height: 66px;

  }

  .section-realty {

    background-attachment: unset;

  }

  .section-current-properties .box-house {

    box-shadow: unset;

  }

  .tf-slider.style-1 .img-thumb-pagi {

    width: 190px;

    height: 60px;

  }

  .tf-slider.style-1 .sw-button {

    width: 52px;

    height: 52px;

  }

  .tf-slider.style-1 .sw-button svg {

    width: 25px;

  }

  .tf-slider.style-1 .thumbs-sw-pagi-2 {

    max-width: 399px;

  }

  .clip-color-text div {

    font-size: 206px;

    line-height: 206px;

  }

  .form-get-in-touch fieldset input {

    height: 40px;

    font-size: 13px;

  }

  .form-get-in-touch fieldset input::placeholder {

    font-size: 13px;

  }

  .form-get-in-touch textarea {

    height: 90px;

  }

  .wrap-layout {

    column-count: 3;

    column-gap: 16px;

  }

  .wrap-layout .project-item {

    margin-top: 16px;

  }

  .project-item.style-1 .tf-btn {

    height: 40px;

    width: 40px;

  }

  .project-item.style-1 .title {

    font-size: 16px;

    line-height: 20px;

  }

  .box-dream-home {

    flex-direction: column;

    gap: 24px;

  }

  .box-dream-home .left .title,

  .box-dream-home .left .description,

  .box-dream-home .right .title,

  .box-dream-home .right .description {

    margin-bottom: 24px;

  }

  .box-dream-home .wrap-contact-item {

    margin-bottom: 24px;

  }

  .box-dream-home .title,

  .box-dream-home .description {

    margin-bottom: 20px !important;

  }

  .box-dream-home .img-style {

    min-height: 350px;

  }

  .box-dream-home .img-style img {

    min-height: 350px;

  }

  .section-contact.style-1 .wrap .left {

    margin-bottom: 40px;

  }

  .text-with-img.style-1 .left {

    margin-bottom: 70px;

  }

  .text-with-img.style-2 .wrap-img {

    padding-bottom: 150px;

  }

  .text-with-img.style-2 .sub {

    bottom: 0;

    right: 0%;

  }

  .text-with-img.style-3 .box-contact {

    margin-bottom: 50px;

  }

  .text-with-img.style-3 .list-info {

    display: flex;

    gap: 30px 34px;

    flex-wrap: wrap;

  }

  .text-with-img.style-3 .list-info li {

    margin-bottom: 0 !important;

  }

  .box-about.style-1 .left,

  .box-about.style-1 .right {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 15px;

  }

  .box-about.style-1 .left {

    margin-bottom: 60px;

  }

  .box-about.style-1 .img-style {

    min-height: 350px;

  }

  .box-about.style-1 .img-style img {

    width: 100%;

    height: 100%;

    min-height: 350px;

    object-fit: cover;

  }

  .box-about.style-1 .widget-video {

    margin: 0;

    position: absolute;

    bottom: 21px;

    left: 48px;

  }

  .widget-video.style-2 .video-icon {

    width: 60px;

    height: 60px;

    font-size: 27px;

  }

  .widget-video.style-2 .textcircle {

    width: 150px;

    height: 150px;

  }

  .wg-filter.style-4 .tf-btn {

    padding: 0px 16px;

  }

  .section-highlight .tag li {

    padding: 7px 15px;

    font-size: 20px;

    line-height: 27.5px;

  }

  .wg-testimonial.style-6 {

    padding: 30px 24px;

  }

  .text-with-form.style-1 .content, .text-with-form.style-2 .content {

    right: 40px;

  }

  .banner-container {

    margin-top: 53px;

  }

  .banner-container .banner-stripe {

    gap: 12px;

    transform: rotate(8.16deg) translateY(-50%);

  }

  .banner-container .banner-stripe.style-2 {

    transform: rotate(-8.16deg) translateY(-50%);

  }

  .box-listings.style-3 .left {

    margin-bottom: 40px;

  }

  .box-project-details .left {

    margin-bottom: 60px;

  }

  .box-project-details .wrap-price {

    margin-bottom: 40px;

  }

  .section-best-property .heading-title {

    font-size: 80px;

    line-height: 108.54px;

  }

  .section-testimonials.style-4 .left {

    margin-bottom: 40px;

  }

}

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

  .text-display {

    font-size: 50px;

    line-height: 69px;

  }

  .text-display-2 {

    font-size: 58px;

    line-height: 72px;

  }

  .text-display-3 {

    font-size: 50px;

    line-height: 58px;

  }

  .text-display-4 {

    font-size: 38px;

    line-height: 48px;

  }

  .tf-spacing-1,

  .tf-spacing-2,

  .tf-spacing-3,

  .tf-spacing-4,

  .tf-spacing-5,

  .tf-spacing-6,

  .tf-spacing-7,

  .tf-spacing-8,

  .tf-spacing-9,

  .tf-spacing-10,

  .tf-spacing-11,

  .tf-spacing-12,

  .tf-spacing-14,

  .tf-spacing-15 {

    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;

  }

  .text-11 {

    font-size: 20px;

    line-height: 28px;

  }

  .text-13 {

    font-size: 20px;

    line-height: 28px;

  }

  .text-15 {

    font-size: 33px;

    line-height: 41px;

  }

  .heading-section {

    margin-bottom: 30px !important;

  }

  .section-style.style-border-top {

    border-radius: 30px 30px 0px 0px;

  }

  .md-hide {

    display: none !important;

  }

  .header .box-user .name {

    display: none !important;

  }

  .header .box-user .menu-user {

    left: unset;

    right: -36px;

  }

  .tf-slider.style-1 .bot {

    flex-wrap: wrap;

  }

  .tf-slider.style-1 .bot .wrap-counter {

    order: 2;

  }

  .tf-top-bar .top-bar-inner {

    justify-content: center;

  }

  .tf-top-bar .wrap-social {

    display: none;

  }

  .page-title .wg-filter .form-title {

    flex-wrap: wrap;

    padding: 15px !important;

    gap: 15px;

  }

  .page-title .wg-filter .form-title .box-item {

    width: 100%;

  }

  .page-title .wg-filter .form-title .tf-dropdown-sort {

    border-right: none;

    padding-right: 0;

  }

  .page-title .wg-filter .form-title form fieldset input {

    border: 1px solid var(--Line);

  }

  .page-title .wg-filter .form-title .wrap-btn {

    width: 100% !important;

  }

  .page-title .wg-filter .form-title .wrap-btn .tf-btn {

    width: 100% !important;

  }

  .page-title.home01 {

    padding: 70px 0 70px;

  }

  .page-title.home01 .heading-title {

    margin-bottom: 30px;

  }

  .page-title.home02 {

    padding: 100px 0 70px;

  }

  .page-title.home02 .widget-menu-tab {

    justify-content: center;

  }

  .page-title.home03 {

    padding: 70px 0 70px;

  }

  .page-title.home04 {

    padding: 70px 0 70px;

  }

  .page-title.home04 .widget-menu-tab {

    justify-content: center;

  }

  .page-title.home05 {

    padding: 70px 0 70px;

  }

  .page-title.style-2 {

    padding: 70px 0 70px;

  }

  .page-title.career {

    padding-top: 104px;

  }

  .page-title.home06 .bot,

  .page-title.home06 .item {

    justify-content: center;

  }

  .page-title.home10 .property-info {

    gap: 6px;

  }

  .page-title.home10 .property-info .img-wrap {

    width: 116px;

  }

  #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;

  }

  .box-house.style-5 .image-wrap img {

    height: 500px;

  }

  .box-house.style-5 .heading,

  .box-house.style-5 .bot .left,

  .box-house.style-5 .bot {

    flex-wrap: wrap;

    gap: 12px;

  }

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

  }

  .form-contact-seller {

    padding: 30px 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;

  }

  .counter-item.style-3 span {

    font-size: 44px;

    line-height: 54px;

  }

  .tf-slider.style-1 .thumbs-sw-pagi-2 {

    max-width: 100%;

  }

  .tf-slider.style-1 .pagination,

  .tf-slider.style-1 .img-thumb-pagi {

    width: 100%;

  }

  .clip-color-text div {

    font-size: 137px;

    line-height: 137px;

  }

  .form-search.style-2 fieldset input {

    height: 60px;

    padding-left: 38px;

  }

  .form-search.style-2 .tf-btn {

    height: 51px;

    gap: 6px;

  }

  .form-search.style-2 .icon {

    left: 15px;

  }

  .wrap-layout {

    column-count: 2;

  }

  .wrap-layout .layout-1 {

    margin-top: 50px;

  }

  .wrap-layout .project-item {

    min-height: 250px;

  }

  .box-about.style-1 .heading-section {

    margin-bottom: 0 !important;

  }

  .box-about.style-1 .left,

  .box-about.style-1 .right {

    display: grid;

    grid-template-columns: repeat(1, 1fr);

    gap: 22px;

  }

  .box-about.style-1 .right .title {

    margin-bottom: 12px;

  }

  .box-about.style-1 .left .img-style {

    max-width: 100%;

  }

  .wg-filter.style-4 .form-title {

    flex-wrap: wrap;

    gap: 10px;

    padding-top: 10px;

    padding-bottom: 10px;

  }

  .wg-filter.style-4 .nice-select {

    max-width: 48%;

    width: 100%;

  }

  .wg-filter.style-4 .line {

    display: none;

  }

  .wg-filter.style-4 .wrap-btn {

    width: 100%;

  }

  .wg-filter.style-4 .tf-btn {

    width: 100%;

  }

  .section-highlight .wrap {

    height: 636px;

  }

  .section-highlight .text-display-4 {

    font-size: 38px;

    line-height: 48px;

  }

  .text-with-img.style-2 .wrap-img {

    padding-bottom: 70px;

  }

  .text-with-img.style-2 .content {

    padding-top: 0;

    padding-bottom: 0;

  }

  .text-with-img.style-2 .sub {

    border-width: 11px;

  }

  .wg-testimonial.style-6 {

    padding: 30px 15px;

  }

  .text-with-form .info {

    gap: 20px !important;

  }

  .text-with-form .content {

    padding: 32px 15px !important;

  }

  .text-with-form .heading,

  .text-with-form .info {

    margin-bottom: 24px;

  }

  .text-with-form .price {

    margin-bottom: 12px;

  }

  .text-with-form .text-11 {

    font-size: 17px;

    line-height: 25px;

  }

  .text-with-form .text-14 {

    font-size: 16px;

    line-height: 26px;

  }

  .text-with-form .wrap-price .tf-btn {

    padding: 0 12px;

  }

  .text-with-form.style-1, .text-with-form.style-2 {

    height: unset;

    min-height: unset;

  }

  .text-with-form.style-1 .sw-single img, .text-with-form.style-2 .sw-single img {

    min-height: 701px;

  }

  .text-with-form.style-1 .content, .text-with-form.style-2 .content {

    inset: 0;

    margin: 70px 15px;

    max-width: 100%;

    width: unset;

  }

  .text-with-form.style-1 .info-agent, .text-with-form.style-2 .info-agent {

    align-items: center;

  }

  .text-with-form.style-1 .btn-main, .text-with-form.style-2 .btn-main {

    height: 66px;

  }

  .text-with-form.style-1 .avatar, .text-with-form.style-2 .avatar {

    width: 65px;

    height: 65px;

  }

  .text-with-form.style-2 {

    height: unset;

    min-height: unset;

  }

  .section-testimonials.style-4 .tf-grid-layout {

    height: 896px;

    overflow: hidden;

  }

  .box-project-details .left {

    margin-bottom: 60px;

  }

  .box-project-details .wrap-price {

    margin-bottom: 40px;

  }

  .box-project-details .tf-btn {

    padding: 0 12px;

  }

  .box-project-details .info-agent {

    gap: 12px;

  }

  .box-home-layout .left {

    margin-bottom: 60px;

  }

  .project-slider .featured-post {

    left: 0;

    right: 0;

    margin: 0 15px;

    max-width: 100%;

    width: unset;

    padding: 24px 15px;

  }

  .project-slider .sub {

    margin-bottom: 10px;

  }

  .project-slider .heading {

    margin-bottom: 20px;

  }

  .project-slider .wrap-btn .sw-button {

    height: 47px;

    width: 47px;

  }

  .box-photo-gallery {

    padding-left: 15px;

    padding-right: 15px;

  }

  .section-best-property .heading-title {

    font-size: 66px;

    line-height: 76.54px;

  }

  .banner-container .banner-stripe .text-container {

    padding: 4px 0;

  }

  .banner-container .banner-stripe.style-2 {

    transform: rotate(0) translateY(-50%);

  }

  .counter-item.style-5 span {

    font-size: 53px;

    font-weight: 500;

    line-height: 66px;

    color: var(--Heading);

  }

}

@media (max-width: 757px) {

  #footer .footer-top .contact-item {

    align-items: center;

  }

  #footer .footer-top .contact-item svg {

    width: 35px;

    height: 35px;

  }

  #footer .footer-top .contact-item .content::after {

    top: 5px;

    height: 40px;

  }

  #footer .footer-top .contact-item .content .title {

    font-size: 14px;

    margin-bottom: 0;

  }

  #footer .footer-top .contact-item .content h6 {

    font-size: 16px;

  }

}

@media (max-width: 676px) {

  .widget-tabs .widget-menu-tab {

    justify-content: start;

  }

  .agency-details .content {

    flex-wrap: wrap;

    gap: 15px;

    margin-left: 15px;

  }

}

@media (max-width: 655px) {

  .page-layout .flat-counter-v2 {

    grid-template-columns: 1fr;

  }

}

@media (max-width: 644px) {

  .wrap-pagination {

    justify-content: center;

  }

}

@media (max-width: 630px) {

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

  .flex-wrap-sm {

    flex-wrap: wrap;

  }

  .text-display,

  .text-display-2 {

    font-size: 36px;

    line-height: 47px;

  }

  .page-title.home06 .item,

  .page-title.home06 .title {

    text-align: center;

  }

  .page-title.home06 .tf-btn {

    margin-left: auto;

    margin-right: auto;

  }

  .box-title .right {

    width: 100%;

    justify-content: space-between;

  }

  .sw-button.style-2 {

    height: 45px;

    width: 45px;

    font-size: 15px;

  }

  .section-opinion.style-1 {

    padding-left: 15px;

    padding-right: 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%;

  }

  .section-property-detail .wg-property.box-attachments .row {

    gap: 20px;

  }

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

  }

  .clip-color-text div {

    font-size: 114px;

    line-height: 114px;

  }

  .section-highlight .text-display-4 {

    font-size: 30px;

    line-height: 40px;

  }

  .section-highlight .content .img-group {

    margin-bottom: 15px;

  }

  .section-highlight .content .img-group li {

    width: 55px;

  }

  .counter-item.style-4 {

    margin-bottom: 12px;

  }

  .counter-item.style-4 span {

    font-size: 48px;

    line-height: 60px;

  }

  .box-home-layout .info {

    gap: 50px;

  }

  .box-home-layout .info .item:not(:last-child)::after {

    right: -23px;

  }

  .section-best-property .heading-title {

    font-size: 55px;

    line-height: 65.54px;

  }

  .text-with-form.style-1 .info-agent, .text-with-form.style-2 .info-agent {

    padding-top: 26px;

    margin-top: 26px;

    margin-bottom: 26px;

  }

}

@media (max-width: 550px) {

  .grid-layout-3 {

    grid-template-columns: 1fr;

  }

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

  }

  .project-item.empty {

    height: 250px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 15px;

    gap: 10px;

  }

  .project-item.empty .logo {

    margin-bottom: 7px;

    width: 113px;

  }

  .project-item.empty .tf-btn i {

    display: none;

  }

}

@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-house.style-list.v2 .image-wrap img {

    height: 221px;

    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;

  }

  .box-title .nice-select {

    padding: 0 10px;

  }

  .box-title .nice-select::after {

    right: 6px;

  }

  .agencies-item {

    flex-wrap: wrap;

  }

  .career-item {

    padding: 29px 15px;

  }

  .career-item .name {

    font-size: 16px;

    line-height: 24px;

  }

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

  }

  .clip-color-text div {

    font-size: 100px;

    line-height: 100px;

  }

  .single-property-map .info-map {

    grid-template-columns: 1fr;

    gap: 12px;

  }

}



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