:root {

  --White: #fff;

  --Text: #4A4A4A;

  --Primary: #AAFF03;

  --Secondary: #1A1A1A;

  --Third: #EB664E;

  --Fourth: #0A3E31;

  --Border: #EBEBEB;

}



/**

  * Name: JustHome - Real Estate HTML Template

  * Version: 1.0.1

  * Author: Creative Layers

*/

/**



  	* Reset Browsers

    * General

	* Elements

  	* Forms

	* Typography

	* Extra classes

    * link style

    * cl-container



*/

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

  font-size: 62.5%;

  overflow-y: scroll;

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

}



*,

*:before,

*:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



body {

  background: var(--White);

  line-height: 1;

  padding: 0 !important;

}



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

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

  font-weight: 400;

  font-size: 15px;

  line-height: 28px;

  color: var(--Secondary);

}



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,

th,

td {

  border: 1px solid #343444;

}



table {

  border-collapse: separate;

  border-spacing: 0;

  border-width: 1px 0 0 1px;

  margin: 0 0 30px;

  table-layout: fixed;

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

  cursor: pointer;

  vertical-align: sub;

  /* Addresses excess padding in IE8/9 */

}



input[type=search] {

  -webkit-appearance: textfield;

  /* Addresses appearance set to searchfield in S5, Chrome */

}



input[type=search]::-webkit-search-decoration {

  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

  -webkit-appearance: none;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}



/* Remove chrome yellow autofill */

input:-webkit-autofill {

  -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset;

}



/* Reset search styling */

input[type=search] {

  outline: 0;

}



input[type=search]::-webkit-search-decoration,

input[type=search]::-webkit-search-cancel-button,

input[type=search]::-webkit-search-results-button,

input[type=search]::-webkit-search-results-decoration {

  display: none;

}



/* Placeholder color */

::-webkit-input-placeholder {

  color: #171412;

}



::-moz-placeholder {

  color: #171412;

  opacity: 1;

}



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

:-ms-input-placeholder {

  color: #171412;

}



/* Typography

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

h1, .h1,

h2, .h2,

h3, .h3,

h4, .h4,

h5, .h5,

h6, .h6 {

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

  color: var(--Text);

  margin: 0;

  font-weight: 600;

  text-rendering: optimizeLegibility;

}



h1, .h1 {

  font-size: 60px;

  line-height: 70px;

}



h2, .h2 {

  font-size: 40px;

  line-height: 47px;

}



h3, .h3 {

  font-size: 26px;

  line-height: 36px;

}



h4, .h4 {

  font-size: 21px;

  line-height: 30px;

}



h5, .h5 {

  font-size: 19px;

  line-height: 28px;

}



h6, .h6 {

  font-size: 18px;

  line-height: 25px;

}



/* Extra classes

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

.hidden {

  display: none;

}



.block {

  display: block;

}



.relative {

  position: relative;

}



.absolute {

  position: absolute;

}



.fixed {

  position: fixed !important;

}



.position-unset {

  position: unset !important;

}



.over-hidden {

  overflow: hidden;

}



.z-5 {

  z-index: 5;

}



.flex {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}



.flex-grow {

  flex-grow: 1 !important;

}



.row-reverse {

  flex-direction: row-reverse !important;

}



.justify-start {

  justify-content: start !important;

}



.justify-center {

  justify-content: center !important;

}



.justify-end {

  justify-content: flex-end !important;

}



.justify-between {

  justify-content: space-between !important;

}



.items-center {

  align-items: center !important;

}



.flex-wrap {

  flex-wrap: wrap !important;

}



.text-end {

  text-align: end !important;

}



.text-center {

  text-align: center !important;

}



.gap2 {

  gap: 2px !important;

}



.gap6 {

  gap: 6px !important;

}



.gap7 {

  gap: 7px !important;

}



.gap8 {

  gap: 8px !important;

}



.gap9 {

  gap: 9px !important;

}



.gap10 {

  gap: 10px !important;

}



.gap14 {

  gap: 14px !important;

}



.gap15 {

  gap: 15px !important;

}



.gap16 {

  gap: 16px !important;

}



.gap18 {

  gap: 18px !important;

}



.gap20 {

  gap: 20px !important;

}



.gap22 {

  gap: 22px !important;

}



.gap24 {

  gap: 24px !important;

}



.gap30 {

  gap: 30px !important;

}



.gap34 {

  gap: 34px !important;

}



.gap40 {

  gap: 40px !important;

}



.gap50 {

  gap: 50px !important;

}



.ml-20 {

  margin-left: 20px !important;

}



.mr-20 {

  margin-right: 20px !important;

}



.pr-20 {

  padding-right: 20px !important;

}



.pl-20 {

  padding-left: 20px !important;

}



.ml-6 {

  margin-left: 6px !important;

}



.mt-3 {

  margin-top: 3px !important;

}



.mt-4 {

  margin-top: 4px !important;

}



.mt-10 {

  margin-top: 10px !important;

}



.mt-13 {

  margin-top: 13px !important;

}



.mt-20 {

  margin-top: 20px !important;

}



.mt-21 {

  margin-top: 21px !important;

}



.mb-1 {

  margin-bottom: 1px !important;

}



.mb-2 {

  margin-bottom: 2px !important;

}



.mb-3 {

  margin-bottom: 3px !important;

}



.mb-4 {

  margin-bottom: 4px !important;

}



.mb-5 {

  margin-bottom: 5px !important;

}



.mb-6 {

  margin-bottom: 6px !important;

}



.mb-8 {

  margin-bottom: 8px !important;

}



.mb-10 {

  margin-bottom: 10px !important;

}



.mb-14 {

  margin-bottom: 14px !important;

}



.mb-15 {

  margin-bottom: 15px !important;

}



.mb-16 {

  margin-bottom: 16px !important;

}



.mb-12 {

  margin-bottom: 12px !important;

}



.mb-20 {

  margin-bottom: 20px !important;

}



.mb-22 {

  margin-bottom: 22px !important;

}



.mb-24 {

  margin-bottom: 24px !important;

}



.mb-27 {

  margin-bottom: 27px !important;

}



.mb-30 {

  margin-bottom: 30px !important;

}



.mb-35 {

  margin-bottom: 35px !important;

}



.mb-40 {

  margin-bottom: 40px !important;

}



.mb-50 {

  margin-bottom: 50px !important;

}



.pt-30 {

  padding-top: 30px;

}



.pb-40 {

  padding-bottom: 40px;

}



.pb-30 {

  padding-bottom: 30px;

}



.pb-20 {

  padding-bottom: 20px;

}



.w-full {

  width: 100% !important;

}



.w-half {

  width: 50% !important;

}



.w-max {

  width: max-content !important;

}



.h-full {

  height: 100%;

}



.capitalize {

  text-transform: capitalize;

}



.italic {

  font-style: italic;

}



.e-resize {

  cursor: e-resize;

}



.tf-color {

  color: var(--Primary) !important;

}



.cursor-pointer {

  cursor: pointer;

}



.border-radius-corner {

  border-radius: 999px !important;

}



.space-20 {

  height: 20px;

}



#wrapper {

  position: relative;

  overflow: hidden;

  max-width: 100%;

  height: 100%;

}

#wrapper > .background-F9F9F9 {

  background-color: #F9F9F9;

}



/* link style

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

a {

  text-decoration: none;

  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;

}

a:hover, a:focus {

  color: var(--Primary);

  text-decoration: none;

  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;

}



/* cl-container

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

.cl-container {

  position: relative;

  margin-left: auto;

  margin-right: auto;

  padding-right: 14px;

  padding-left: 14px;

  width: 1428px;

  max-width: 100%;

}

.cl-container .row {

  margin-left: -14px !important;

  margin-right: -14px !important;

}

.cl-container .row > * {

  padding-left: 14px !important;

  padding-right: 14px !important;

}

.cl-container.full {

  width: 100%;

}

.cl-container.w1800 {

  width: 1828px;

}



.tf-section {

  padding-top: 200px;

  padding-bottom: 200px;

}



.heading-section {

  margin-bottom: 46px;

}

.heading-section h2 {

  margin-top: -9px;

  margin-bottom: 16px;

}

.heading-section .text {

  font-weight: 400;

  font-size: 17px;

  line-height: 20px;

  color: var(--Text);

}

.heading-section.style-white h2,

.heading-section.style-white .text {

  color: var(--White);

}



.text-content {

  font-weight: 400;

  font-size: 16px;

  line-height: 24px;

}



.divider {

  height: 1px;

  background: var(--Border);

}



ul.breadcrumbs {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  gap: 5px;

}

ul.breadcrumbs li {

  font-weight: 400;

  font-size: 16px;

  line-height: 24px;

  color: var(--Text);

}

ul.breadcrumbs.style-1 li {

  font-weight: 400;

  font-size: 15px;

  line-height: 28px;

}



.wg-blog {

  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;

  margin-bottom: 29px;

}

.wg-blog .image {

  overflow: hidden;

}

.wg-blog .image img {

  width: 100%;

  height: 100%;

  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;

  transition: transform 500ms ease;

}

.wg-blog .content {

  padding: 22px 25px 30px;

  text-align: center;

  background-color: var(--White);

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

  border-top: 0;

  border-radius: 0 0 16px 16px;

}

.wg-blog .content .name {

  font-weight: 500;

  font-size: 17px;

  line-height: 28px;

  color: var(--Secondary);

  margin-bottom: 23px;

}

.wg-blog .content p {

  margin-bottom: 23px;

}

.wg-blog .content a {

  margin: auto;

}

.wg-blog:hover {

  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.0509803922);

}

.wg-blog:hover .image img {

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

  transform: scale3d(1.1, 1.1, 1.1);

  -webkit-transition: all 2s cubic-bezier(0.3, 1, 0.35, 2) 0s;

  transition: all 2s cubic-bezier(0.3, 1, 0.35, 2) 0s;

}

.wg-blog.style-row {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  margin-bottom: 27px;

}

.wg-blog.style-row .image {

  width: 35.6%;

}

.wg-blog.style-row .content {

  width: 64.4%;

  padding: 41px 30px;

  text-align: start;

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

  border-radius: 0 16px 16px 0;

}

.wg-blog.style-row .content .sub-blog {

  justify-content: start;

}

.wg-blog.style-row .content .name {

  font-weight: 600;

  font-size: 21px;

  line-height: 30px;

  max-width: 415px;

  margin-bottom: 14px;

}

.wg-blog.style-row .content a {

  margin: unset;

}

.wg-blog.style-large {

  margin-bottom: 27px;

}

.wg-blog.style-large .content {

  padding: 22px 30px 26px;

  text-align: start;

}

.wg-blog.style-large .content .sub-blog {

  justify-content: start;

  margin-bottom: 12px;

}

.wg-blog.style-large .content .name {

  font-weight: 600;

  font-size: 26px;

  line-height: 36px;

  margin-bottom: 13px;

}

.wg-blog.style-large .content p {

  margin-bottom: 22px;

}

.wg-blog.style-large .content a {

  margin: unset;

}



.sub-blog {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  gap: 24px;

  margin-bottom: 13px;

}

.sub-blog div {

  position: relative;

  font-weight: 400;

  font-size: 15px;

  line-height: 28px;

  color: var(--Text);

}

.sub-blog div:not(:last-child)::after {

  position: absolute;

  content: "";

  width: 4px;

  height: 4px;

  border-radius: 50%;

  background-color: var(--Text);

  right: -14px;

  top: 50%;

  transform: translateY(-50%);

}

.sub-blog.style-color {

  justify-content: start;

}

.sub-blog.style-color div {

  color: var(--Fourth);

}

.sub-blog.style-color div::after {

  background-color: var(--Fourth);

}



.wg-pagination {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  flex-wrap: wrap;

  gap: 10px;

}

.wg-pagination li {

  min-width: 40px;

  text-align: center;

  color: var(--Secondary);

  font-size: 15px;

  font-weight: 400;

  line-height: 28px;

}

.wg-pagination li a {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  gap: 10px;

  border-radius: 40px;

  color: var(--Secondary);

}

.wg-pagination li a i {

  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;

}

.wg-pagination li:hover a {

  background: #F9F9F9;

}

.wg-pagination li.active a {

  background: var(--Secondary);

  color: #fff !important;

}

.wg-pagination li.active i {

  color: #fff !important;

}

.wg-pagination li:last-child a, .wg-pagination li:first-child a {

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

  width: 61px;

  height: 40px;

}

.wg-pagination li:last-child a i, .wg-pagination li:first-child a i {

  font-size: 23px;

}

.wg-pagination li:last-child:hover a, .wg-pagination li:first-child:hover a {

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

}

.wg-pagination li:last-child {

  margin-left: 10px;

}

.wg-pagination li:first-child {

  margin-right: 10px;

}



.wg-social {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 23px;

}

.wg-social > span {

  font-size: 19px;

  font-weight: 500;

  line-height: 28px;

  color: var(--White);

}

.wg-social ul.list-social {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 28px;

}

.wg-social ul.list-social li a {

  color: var(--White);

  position: relative;

  font-size: 14px;

}

.wg-social ul.list-social li a::before {

  position: absolute;

  content: "";

  top: 50%;

  left: 50%;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  opacity: 0.07;

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

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

}

.wg-social ul.list-social li a:hover::before {

  background-color: #FFFFFF;

}

.wg-social.style-black > span {

  color: var(--Secondary);

}

.wg-social.style-black ul.list-social li a {

  color: var(--Secondary);

}

.wg-social.style-black ul.list-social li a:hover::before {

  background-color: #1c1c1c;

}



ul.wg-social-1 {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 15px;

  border-radius: 120px;

  padding: 19px 20px;

  background-color: var(--White);

}

ul.wg-social-1 li a {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 16px;

}



.checkbox-item label {

  padding-left: 30px;

  cursor: pointer;

  position: relative;

}

.checkbox-item label input {

  position: absolute;

  opacity: 0;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  z-index: 1;

}

.checkbox-item label input:checked ~ .btn-checkbox {

  background-color: var(--Secondary);

}

.checkbox-item label input:checked ~ .btn-checkbox:after {

  display: block;

}

.checkbox-item label .btn-checkbox {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 20px;

  height: 20px;

  background-color: transparent;

  border-radius: 6px;

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

}

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

  content: "\f125";

  font-family: flaticon_just-home !important;

  position: absolute;

  font-size: 11px;

  top: 3px;

  left: 4px;

  color: #fff;

  display: none;

}



.radio-item label {

  padding-left: 30px;

  cursor: pointer;

  position: relative;

}

.radio-item label input {

  position: absolute;

  opacity: 0;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  z-index: 1;

}

.radio-item label input:checked ~ .btn-checkbox:after {

  display: block;

}

.radio-item label .btn-checkbox {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 20px;

  height: 20px;

  background-color: transparent;

  border-radius: 50%;

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

}

.radio-item label .btn-checkbox:after {

  position: absolute;

  content: "";

  width: 20px;

  height: 20px;

  background-color: transparent;

  border-radius: 50%;

  border: 4px solid var(--Secondary);

  display: none;

}



.switch-item label {

  cursor: pointer;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 16px;

}

.switch-item label input {

  position: relative;

  width: 55px;

  min-width: 55px;

  height: 30px;

  -webkit-appearance: none;

  appearance: none;

  background-color: #F8F5F0 !important;

  border-radius: 999px;

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

}

.switch-item label input::before {

  position: absolute;

  top: 3px;

  left: 3px;

  content: "";

  width: 24px;

  height: 24px;

  border-radius: 50%;

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

}

.switch-item label input:checked {

  background-color: var(--Secondary) !important;

}

.switch-item label input:checked::before {

  left: 28px;

}



ul.list-text {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 13px;

}

ul.list-text li {

  position: relative;

  padding-left: 16px;

}

ul.list-text li::before {

  position: absolute;

  content: "";

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background-color: var(--Fourth);

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}



.ratings {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 7px;

}

.ratings i {

  font-size: 12px;

  color: var(--Primary);

}



.wg-related-posts {

  padding-top: 191px;

  padding-bottom: 171px;

  border-radius: 24px;

  background-color: #F9F9F9;

}



.box-content-search {

  position: absolute;

  top: 100%;

  left: 0;

  right: 0;

  padding: 40px 0;

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

  border-radius: 32px;

  background-color: var(--White);

  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.0509803922);

  opacity: 0;

  visibility: hidden;

  z-index: 5;

}

.box-content-search.active {

  top: calc(100% + 10px);

  opacity: 1;

  visibility: visible;

}

.box-content-search .heading {

  padding: 0 40px 13px;

  font-weight: 500;

  font-size: 15px;

  line-height: 18px;

  color: var(--Fourth);

}

.box-content-search .item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 10px;

  height: 56px;

  padding: 0 40px;

  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;

}

.box-content-search .item i {

  font-size: 16px;

  color: var(--Fourth);

}

.box-content-search .item:hover {

  background-color: #F9F9F9;

}

.box-content-search .item1 {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

  padding: 20px 40px;

  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;

}

.box-content-search .item1:hover {

  background-color: #F9F9F9;

}

.box-content-search .item1 > div {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

}

.box-content-search .item1 > div .image {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  overflow: hidden;

}

.box-content-search .item1 > div .image img {

  width: 100%;

  object-fit: cover;

}

.box-content-search .item1 .text {

  font-weight: 500;

  font-size: 15px;

  line-height: 18px;

  color: var(--Secondary);

}

.box-content-search.style-1 {

  padding: 28px 21px 20px;

}

.box-content-search.style-1 ul {

  max-height: 320px;

}

.box-content-search.style-1 ul .item1 {

  padding: 15px;

  border-radius: 16px;

}



.wg-filter {

  position: relative;

  z-index: 15;

}

.wg-filter .btn-filter.active {

  border-color: var(--Secondary);

}

.wg-filter .open-filter {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 30px;

  padding: 30px;

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

  border-radius: 16px;

  background-color: var(--White);

  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.0509803922);

  position: absolute;

  width: 100%;

  top: 100%;

  right: 0;

  opacity: 0;

  visibility: hidden;

}

.wg-filter .open-filter.active {

  opacity: 1;

  visibility: visible;

  top: 110%;

}

.wg-filter .open-filter .title {

  font-weight: 500;

  font-size: 15px;

  line-height: 18px;

  color: var(--Secondary);

  margin-bottom: 20px;

}

.wg-filter.style-more {

  z-index: 40;

}

.wg-filter.style-more .btn-filter {

  height: 54px;

  padding: 16px 47px 16px 28px;

}

.wg-filter.style-more .open-filter {

  width: 1022px;

}

.wg-filter.style-more .open-filter.active {

  top: 116%;

  z-index: 70;

}

.wg-filter.style-more::after {

  border-bottom: 1.7px solid #3A3A3C;

  border-right: 1.7px solid #3A3A3C;

  content: "";

  height: 8px;

  width: 8px;

  margin-top: -4px;

  pointer-events: none;

  position: absolute;

  top: 47%;

  right: 30px;

  border-color: var(--Secondary);

  -webkit-transform-origin: 66% 66%;

  -ms-transform-origin: 66% 66%;

  transform-origin: 66% 66%;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

  -webkit-transition: all 0.15s ease-in-out;

  transition: all 0.15s ease-in-out;

}

.wg-filter.style-price {

  z-index: 50;

}

.wg-filter.style-price .btn-filter {

  height: 54px;

  padding: 16px 47px 16px 28px;

}

.wg-filter.style-price .open-filter {

  width: 401px;

  left: 0;

  padding: 24px 30px 30px 20px;

}

.wg-filter.style-price .open-filter.active {

  top: 116%;

  z-index: 60;

}

.wg-filter.style-price .open-filter .title {

  font-size: 15px;

  font-weight: 500;

  line-height: 18px;

  margin-bottom: 16px;

}

.wg-filter.style-price .open-filter .grid-2-cols {

  gap: 10px;

}

.wg-filter.style-price .open-filter .nice-select {

  border-radius: 12px !important;

  padding: 12px 49px 12px 19px !important;

}

.wg-filter.style-price .open-filter .nice-select::after {

  right: 21px !important;

}

.wg-filter.style-price::after {

  border-bottom: 1.7px solid #3A3A3C;

  border-right: 1.7px solid #3A3A3C;

  content: "";

  height: 8px;

  width: 8px;

  margin-top: -4px;

  pointer-events: none;

  position: absolute;

  top: 47%;

  right: 30px;

  border-color: var(--Secondary);

  -webkit-transform-origin: 66% 66%;

  -ms-transform-origin: 66% 66%;

  transform-origin: 66% 66%;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

  -webkit-transition: all 0.15s ease-in-out;

  transition: all 0.15s ease-in-out;

}



.grid-2-cols {

  display: grid;

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

  gap: 20px 20px;

  width: 100%;

}



.grid-3-cols {

  display: grid;

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

  gap: 20px 20px;

  width: 100%;

}



.grid-4-cols {

  display: grid;

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

  gap: 20px 20px;

  width: 100%;

}



.grid-checkbox {

  display: grid;

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

  gap: 20px 30px;

  width: 100%;

}



.box-dream {

  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;

  border-radius: 16px;

  background-color: var(--White);

  padding-top: 10px;

}

.box-dream:hover {

  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.0509803922);

}

.box-dream:hover .image .swiper-container::after {

  opacity: 1;

  visibility: visible;

}

.box-dream:hover .image .swiper-container .swiper-pagination,

.box-dream:hover .image .swiper-container .swiper-button-next,

.box-dream:hover .image .swiper-container .swiper-button-prev {

  opacity: 1;

  visibility: visible;

}

.box-dream:hover .image img {

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

  transform: scale3d(1.1, 1.1, 1.1);

  -webkit-transition: all 2s cubic-bezier(0.3, 1, 0.35, 2) 0s;

  transition: all 2s cubic-bezier(0.3, 1, 0.35, 2) 0s;

}

.box-dream:hover .button-heart {

  opacity: 1;

  visibility: visible;

}

.box-dream .image {

  position: relative;

  margin: 0px 10px;

  border-radius: 12px;

  overflow: hidden;

}

.box-dream .image img {

  width: 100%;

  height: 100%;

  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;

  transition: transform 500ms ease;

}

.box-dream .image .swiper-container .swiper-slide {

  overflow: hidden;

}

.box-dream .image .swiper-container::after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

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

  z-index: 5;

  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-dream .image .swiper-container .swiper-pagination,

.box-dream .image .swiper-container .swiper-button-next,

.box-dream .image .swiper-container .swiper-button-prev {

  z-index: 10;

  opacity: 0;

  visibility: hidden;

}

.box-dream .button-heart {

  position: absolute;

  top: 20px;

  right: 20px;

  width: 33px;

  height: 33px;

  border-radius: 50%;

  background-color: rgba(26, 26, 26, 0.3019607843);

  padding: 9px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  z-index: 20;

  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;

  opacity: 0;

  visibility: hidden;

}

.box-dream .button-heart i {

  font-size: 15px;

  color: var(--White);

}

.box-dream .button-heart.style-1 {

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

  background-color: transparent;

}

.box-dream .button-heart.style-1 i {

  color: var(--Text);

}

.box-dream .content {

  padding: 24px 30px 30px 30px;

}

.box-dream .content .head {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

  flex-wrap: wrap;

  margin-bottom: 11px;

}

.box-dream .content .title {

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

}

.box-dream .content .price {

  font-weight: 600;

  font-size: 21px;

  line-height: 25px;

  color: var(--Third);

}

.box-dream .content .location {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 10px;

  margin-bottom: 27px;

}

.box-dream .content .location .icon i {

  font-size: 20px;

  color: var(--Text);

}

.box-dream .content .location p {

  line-height: 24px;

}

.box-dream .content .bot {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

  flex-wrap: wrap;

  padding-top: 17px;

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

}

.box-dream .content p {

  font-weight: 400;

  font-size: 16px;

  line-height: 20px;

  color: var(--Text);

}

.box-dream.has-border {

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

  padding-top: 9px;

}

.box-dream.has-border:hover {

  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.0509803922);

}

.box-dream.style-1 {

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

}

.box-dream.style-1 .image {

  margin: 0px 9px;

}

.box-dream.style-1 .content {

  padding: 13px 20px 13px 20px;

}

.box-dream.style-1 .content .head {

  align-items: flex-start;

  flex-direction: column;

  gap: 1px;

  margin-bottom: 2px;

}

.box-dream.style-1 .content .price {

  font-size: 19px;

  font-weight: 500;

  line-height: 28px;

}

.box-dream.style-1 .content .location {

  gap: 7px;

  margin-bottom: 10px;

}

.box-dream.style-1 .content .location i {

  font-size: 16px;

}

.box-dream.style-1 .content .location p {

  font-size: 15px;

  font-weight: 400;

  line-height: 28px;

}

.box-dream.style-1 .content .icon-box .item {

  gap: 7px;

}

.box-dream.style-1 .content .icon-box .item i {

  font-size: 17px;

}

.box-dream.style-1 .content .icon-box .item p {

  font-weight: 400;

  font-size: 15px;

  line-height: 28px;

}

.box-dream.style-2 {

  padding-top: 0;

}

.box-dream.style-2 .image {

  margin: 0;

}

.box-dream.style-2 .content {

  padding-left: 0;

  padding-right: 0;

  padding-bottom: 0;

}

.box-dream.style-2 .content .location {

  margin-bottom: 17px;

}

.box-dream.style-2:hover {

  box-shadow: none;

}

.box-dream.style-2.type-small .content {

  padding-top: 15px;

}

.box-dream.style-2.type-small .content .head {

  margin-bottom: 9px;

}

.box-dream.style-2.type-small .content .location {

  margin-bottom: 15px;

}

.box-dream.style-2.type-small .content .location p {

  font-size: 15px;

  font-weight: 400;

  line-height: 28px;

}

.box-dream.style-2.type-small .content .bot {

  padding-top: 16px;

}

.box-dream.style-2.type-small .content .icon-box .item {

  gap: 7px;

}

.box-dream.style-2.type-small .content .icon-box .item i {

  font-size: 17px;

}

.box-dream.style-2.type-small .content .icon-box .item p {

  font-weight: 400;

  font-size: 15px;

  line-height: 28px;

}

.box-dream.style-2.type-small .content .price {

  font-size: 19px;

  font-weight: 600;

  line-height: 22px;

}

.box-dream.style-3 {

  padding-top: 0;

}

.box-dream.style-3 .image {

  margin: 0;

  border-radius: 12px 12px 0 0;

}

.box-dream.style-3 .list-tags .tags-item {

  font-size: 12px;

  font-weight: 500;

  line-height: 14px;

}

.box-dream.style-3 .content {

  padding: 13px 20px 16px;

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

  border-top: 0;

  border-radius: 0 0 12px 12px;

}

.box-dream.style-3 .content .head {

  margin-bottom: 2px;

}

.box-dream.style-3 .content .location {

  gap: 7px;

  margin-bottom: 13px;

}

.box-dream.style-3 .content .location .icon i {

  font-size: 16px;

}

.box-dream.style-3 .content .location p {

  font-weight: 400;

  font-size: 15px;

  line-height: 28px;

}

.box-dream.style-3 .content .icon-box {

  gap: 10px;

}

.box-dream.style-3 .content .icon-box .item {

  padding: 7px 15px;

  gap: 7px;

}

.box-dream.style-3 .content .icon-box .item i {

  font-size: 16px;

}

.box-dream.style-3 .content .icon-box .item p {

  font-weight: 400;

  font-size: 15px;

}

.box-dream.style-3 .content .price {

  font-size: 19px;

  font-weight: 500;

  line-height: 28px;

}

.box-dream.style-3 .content .bot {

  padding-top: 22px;

}

.box-dream.style-3 .button-heart {

  position: unset;

  opacity: 1;

  visibility: visible;

}

.box-dream.style-3 .icon-box {

  margin-bottom: 20px;

}

.box-dream.style-absolute {

  padding-top: 0;

}

.box-dream.style-absolute .image {

  margin: 0;

}

.box-dream.style-absolute .content {

  position: absolute;

  padding: 14px 20px 17px 20px;

  bottom: 20px;

  left: 20px;

  right: 20px;

  background-color: var(--White);

  border-radius: 8px;

  z-index: 10;

}

.box-dream.style-absolute .content .location {

  margin-bottom: 15px;

}

.box-dream.style-absolute.type-no-bg-content .image::after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

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

  z-index: 5;

  -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-dream.style-absolute.type-no-bg-content .content {

  background-color: transparent;

}

.box-dream.style-absolute.type-no-bg-content .content .icon-box .item p,

.box-dream.style-absolute.type-no-bg-content .content .icon-box .item i,

.box-dream.style-absolute.type-no-bg-content .content .price,

.box-dream.style-absolute.type-no-bg-content .content .location p,

.box-dream.style-absolute.type-no-bg-content .content .location .icon i,

.box-dream.style-absolute.type-no-bg-content .content .title a {

  color: var(--White);

}

.box-dream.style-row {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 30px;

  padding-top: 0;

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

}

.box-dream.style-row .image {

  margin: 9px 0 9px 9px;

  width: 350px;

  flex-shrink: 0;

}

.box-dream.style-row .image img {

  height: 300px;

}

.box-dream.style-row .content {

  padding: 0;

  padding-top: 45px;

  padding-bottom: 15px;

}

.box-dream.style-row .content .head {

  align-items: flex-start;

  flex-direction: column;

  gap: 19px;

}

.box-dream.style-row .content .location {

  margin-bottom: 19px;

}

.box-dream.style-row .content > p {

  font-weight: 400;

  font-size: 15px;

  line-height: 28px;

  margin-bottom: 20px;

}

.box-dream.style-properties .image {

  border-radius: 16px;

  height: 100%;

}

.box-dream.style-properties .image .list-tags {

  top: 40px;

  left: 40px;

}

.box-dream.style-properties .content {

  padding: 0;

  max-width: 368px;

  bottom: 37px;

  left: 40px;

}

.box-dream.style-properties .content .title {

  font-size: 26px;

  font-weight: 600;

  line-height: 36px;

}

.box-dream.style-properties .content .location {

  margin-bottom: 25px;

}

.box-dream.style-properties .button-arrow-right {

  position: absolute;

  bottom: 40px;

  right: 40px;

  z-index: 10;

}

.box-dream.style-white {

  background-color: transparent;

}

.box-dream.style-white .content .price,

.box-dream.style-white .content .icon-box .item p,

.box-dream.style-white .content .icon-box .item i,

.box-dream.style-white .content .location p,

.box-dream.style-white .content .location .icon i,

.box-dream.style-white .content .title a {

  color: var(--White);

}

.box-dream.style-properties-1 .image {

  border-radius: 16px;

  height: 100%;

}

.box-dream.style-properties-1 .image .list-tags {

  top: 30px;

  left: 30px;

}

.box-dream.style-properties-1 .content {

  padding: 0;

  max-width: 368px;

  bottom: 33px;

  left: 30px;

}

.box-dream.style-properties-1 .content .price {

  font-size: 19px;

  font-weight: 600;

  line-height: 22px;

  margin-bottom: 8px;

}

.box-dream.style-properties-1 .content .head {

  margin-bottom: 9px;

}

.box-dream.style-properties-1 .content .title {

  font-size: 21px;

  font-weight: 600;

  line-height: 30px;

}

.box-dream.style-properties-1 .content .location p {

  font-weight: 400;

  font-size: 15px;

  line-height: 28px;

}

.box-dream.style-properties-1 .button-arrow-right {

  position: absolute;

  bottom: 30px;

  right: 30px;

  z-index: 10;

  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-dream.style-properties-1:hover .button-arrow-right {

  opacity: 1;

  visibility: visible;

}

.box-dream.style-full {

  padding: 0;

}

.box-dream.style-full .image {

  margin: 0;

}

.box-dream.style-full .content {

  padding: 155px 0 155px 3px;

}

.box-dream.style-full .content .head {

  margin-bottom: 9px;

}

.box-dream.style-full .content .head .title {

  font-size: 40px;

  font-weight: 600;

  line-height: 47px;

}

.box-dream.style-full .content .location {

  margin-bottom: 21px;

}

.box-dream.style-full .content .text-content {

  margin-bottom: 23px;

}

.box-dream.style-full .content .price {

  font-size: 26px;

  font-weight: 600;

  line-height: 36px;

  margin-top: 20px;

  margin-bottom: 41px;

}

.box-dream.style-favorities > .wg-icon {

  position: absolute;

  top: 20px;

  right: 20px;

  z-index: 10;

}

.box-dream.style-favorities > .wg-icon > * i {

  font-size: 14px;

}

.box-dream.style-favorities .image {

  width: 264px;

  margin: 7px 0 6px 6px;

}

.box-dream.style-favorities .image img {

  height: unset;

}

.box-dream.style-favorities .content {

  padding-top: 42px;

}

.box-dream.style-favorities .content .location {

  margin-bottom: 26px;

}



.list-tags {

  position: absolute;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 10px;

  top: 20px;

  left: 20px;

  z-index: 10;

}

.list-tags .tags-item {

  padding: 9px 15px;

  font-weight: 500;

  font-size: 13px;

  line-height: 15px;

  border-radius: 120px;

}

.list-tags .tags-item.for-sell {

  background-color: var(--Fourth);

  color: var(--White);

}

.list-tags .tags-item.featured {

  background-color: var(--Primary);

  color: var(--Secondary);

}

.list-tags.type-1 {

  top: 30px;

  left: 30px;

}



.icon-box {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 15px 31px;

}

.icon-box .item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 10px;

  position: relative;

}

.icon-box .item i {

  font-size: 20px;

  color: var(--Text);

}

.icon-box .item:not(:last-child)::after {

  position: absolute;

  content: "";

  width: 1px;

  height: 20px;

  right: -15px;

  background-color: var(--Border);

}

.icon-box.style-border .item {

  padding: 10px 16px;

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

  border-radius: 120px;

}

.icon-box.style-border .item::after {

  display: none;

}



.cities-item {

  /* border-radius: 16px; */

  overflow: hidden;

  position: relative;

  margin-bottom: 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;

}

.cities-item .image {

  overflow: hidden;

}

.cities-item::after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  /* background: linear-gradient(180deg, rgba(26, 26, 26, 0.8) 0%, rgba(26, 26, 26, 0.1) 61.39%, rgba(26, 26, 26, 0) 100%); */

}

.cities-item img {

  width: 100%;

  object-fit: cover;

  height: 100%;

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

  transition: transform 500ms ease;

}

.cities-item .content {

  position: absolute;

  top: 42px;

  left: 50px;

  z-index: 3;

}

.cities-item .content p {

  margin-bottom: 4px;

  color: var(--White);

}

.cities-item .content h4 {

  color: var(--White);

}

.cities-item > a {

  position: absolute;

  left: 50px;

  bottom: 40px;

  z-index: 10;

  opacity: 0;

  visibility: hidden;

}

.cities-item:hover > a {

  opacity: 1;

  visibility: visible;

}

.cities-item:hover img {

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

  transform: scale3d(1.1, 1.1, 1.1);

  -webkit-transition: all 2s cubic-bezier(0.3, 1, 0.35, 2) 0s;

  transition: all 2s cubic-bezier(0.3, 1, 0.35, 2) 0s;

}

.cities-item.style-1 {

  border-radius: 0;

}

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

  display: none;

}

.cities-item.style-1 .image {

  border-radius: 16px;

}

.cities-item.style-1 .content {

  position: unset;

  padding-top: 22px;

}

.cities-item.style-1 .content p {

  color: var(--Text);

}

.cities-item.style-1 .content h4 {

  color: var(--Secondary);

  font-size: 19px;

  font-weight: 500;

  line-height: 28px;

}

.cities-item.style-2 {

  height: 480px;

  margin-bottom: 0;

}

.cities-item.style-3::after {

  display: none;

}

.cities-item.style-3 .content {

  top: 34px;

  left: 40px;

}

.cities-item.style-3 .content h4 {

  color: #111235;

  font-size: 19px;

  font-weight: 500;

  line-height: 28px;

  margin-bottom: 0px;

}

.cities-item.style-3 .content p {

  color: #111235;

}

.cities-item.style-4 .content {

  top: unset;

  left: 30px;

  bottom: 30px;

  right: 30px;

  padding: 9px 30px 12px 30px;

  backdrop-filter: blur(10px);

  border-radius: 16px;

}

.cities-item.style-5::after {

  display: none;

}

.cities-item.style-5 .content {

  top: 24px;

  left: 30px;

}

.cities-item.style-5 .content h4 {

  color: #111235;

  font-size: 19px;

  font-weight: 500;

  line-height: 28px;

  margin-bottom: 0px;

}

.cities-item.style-5 .content p {

  color: #111235;

}

.cities-item.style-5 a {

  bottom: 30px;

  left: 30px;

}

.cities-item.style-6 {

  border-radius: 16px;

}

.cities-item.style-6:hover {

  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.05);

}

.cities-item.style-6::after {

  display: none;

}

.cities-item.style-6 img {

  height: unset;

  border-radius: 0;

}

.cities-item.style-6 .content {

  position: unset;

  padding: 14px 20px 6px 20px;

  background-color: var(--White);

}

.cities-item.style-6 .content p {

  color: var(--Text);

}

.cities-item.style-6 .content h4 {

  color: var(--Secondary);

  font-size: 19px;

  font-weight: 500;

  line-height: 28px;

}



.box-icon {

  text-align: center;

}

.box-icon:hover .icon:not(.has-ellipse) i {

  transform: rotateY(360deg);

}

.box-icon:hover .icon.has-ellipse::before {

  width: 100px !important;

  height: 100px !important;

  bottom: -10px;

  left: -12px;

}

.box-icon:hover .icon.has-ellipse.small::before {

  width: 80px !important;

  height: 80px !important;

  bottom: -10px;

  left: -12px;

}

.box-icon:hover .image {

  transform: rotateY(360deg);

}

.box-icon .icon {

  width: 50px;

  height: 50px;

  font-size: 50px;

  color: var(--Secondary);

  margin-right: auto;

  margin-bottom: 24px;

  position: relative;

}

.box-icon .icon i {

  display: inline-block;

  -webkit-transition: all 0.7s ease;

  -moz-transition: all 0.7s ease;

  -ms-transition: all 0.7s ease;

  -o-transition: all 0.7s ease;

  transition: all 0.7s ease;

}

.box-icon .icon.has-ellipse {

  padding-left: 10px;

  padding-bottom: 10px;

}

.box-icon .icon.has-ellipse::before {

  position: absolute;

  content: "";

  bottom: 0;

  left: 0;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background-color: var(--Fourth);

  -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-icon .icon.has-ellipse.small::before {

  width: 30px;

  height: 30px;

}

.box-icon .icon i {

  position: relative;

}

.box-icon .title {

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

  color: var(--Secondary);

  text-transform: capitalize;

}

.box-icon .title:hover {

  color: var(--Fourth);

}

.box-icon p {

  color: var(--Secondary);

  margin-top: 14px;

}

.box-icon.style-1 .icon {

  width: 70px;

  height: 70px;

  font-size: 60px;

}

.box-icon.style-1 .title {

  font-size: 21px;

  font-weight: 600;

  line-height: 30px;

  text-transform: none;

}

.box-icon.style-2 {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 20px;

}

.box-icon.style-2 .icon {

  width: 50px;

  height: 50px;

  margin: 7px 0 0 0;

  font-size: 40px;

}

.box-icon.style-2 .content {

  text-align: start;

}

.box-icon.style-2 .content .title {

  font-weight: 600;

  font-size: 21px;

  line-height: 30px;

}

.box-icon.style-2 .content p {

  margin-top: 4px;

}

.box-icon.style-3 .image {

  margin-bottom: 58px;

  -webkit-transition: all 0.7s ease;

  -moz-transition: all 0.7s ease;

  -ms-transition: all 0.7s ease;

  -o-transition: all 0.7s ease;

  transition: all 0.7s ease;

}

.box-icon.style-3 .text-content {

  margin-top: 16px;

}

.box-icon.has-bg {

  text-align: start;

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

  padding: 34px 47px 30px 47px;

  border-radius: 0px 16px 16px 0px;

  border-left: 3px solid #FFF8F6;

}

.box-icon.has-bg .icon {

  margin-left: unset;

  margin-right: unset;

  margin-bottom: 5px;

}

.box-icon.has-bg .icon i {

  font-size: 35px;

}

.box-icon.has-bg .content .title {

  font-weight: 600;

  font-size: 21px;

  line-height: 30px;

}

.box-icon.has-bg .content p {

  margin-top: 4px;

}

.box-icon.has-bg.active, .box-icon.has-bg:hover {

  background-color: #FFF8F6;

  border-left: 3px solid var(--Secondary);

}

.box-icon.style-4 .icon {

  width: 80px;

  height: 80px;

  border-radius: 50%;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}

.box-icon.style-4 .icon::before {

  position: absolute;

  content: "";

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

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

}

.box-icon.style-4 .icon i {

  font-size: 40px;

}

.box-icon.style-4 .title {

  font-size: 21px;

  font-weight: 600;

  line-height: 30px;

}

.box-icon.style-4 p {

  margin-top: 3px;

}

.box-icon.style-4:hover .icon::before {

  width: 50px;

  height: 50px;

}

.box-icon.style-5 .icon {

  width: 80px;

  height: 80px;

  background-color: var(--Primary);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

}

.box-icon.style-5 .icon i {

  font-size: 40px;

}

.box-icon.style-5 .title {

  font-size: 21px;

  font-weight: 600;

  line-height: 30px;

}

.box-icon.style-5 p {

  margin-top: 3px;

}

.box-icon.type-row {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 11px 0px 14px 0px;

}

.box-icon.type-row .icon {

  margin: 0;

  width: 70px;

  height: 60px;

  padding-left: 20px;

  padding-bottom: 10px;

}

.box-icon.type-row .icon i {

  font-size: 50px;

  color: var(--Fourth);

}

.box-icon.type-row .content {

  text-align: start;

}

.box-icon.type-row .content .title {

  font-size: 40px;

  font-weight: 600;

  line-height: 47px;

}

.box-icon.type-row .content .text-content {

  color: var(--Fourth);

  margin-top: 4px;

}



.properties-slider {

  border-radius: 16px;

  overflow: hidden;

}

.properties-slider .swiper-button-next {

  right: 20px !important;

}

.properties-slider .swiper-button-prev {

  left: 20px !important;

}



.properties-content-default {

  padding: 31px 40px 40px 40px;

  border-radius: 16px;

  background-color: var(--Secondary);

}

.properties-content-default .number {

  font-weight: 600;

  font-size: 40px;

  line-height: 47px;

  color: var(--White);

  margin-bottom: 4px;

}

.properties-content-default .number span {

  font-size: 26px;

  line-height: 36px;

}

.properties-content-default .text {

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

  color: var(--White);

  margin-bottom: 34px;

}

.properties-content-default p {

  color: var(--White);

  margin-bottom: 45px;

}

.properties-content-default > a {

  margin-left: auto;

}



.video-wrap {

  position: relative;

  border-radius: 16px;

  overflow: hidden;

}

.video-wrap img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.video-wrap .popup-youtube {

  position: absolute;

  top: 50%;

  left: 50%;

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

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

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

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

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

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 70px;

  height: 70px;

  border-radius: 50%;

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

  backdrop-filter: blur(10px);

}

.video-wrap .popup-youtube .icon {

  height: 20px;

}

.video-wrap .popup-youtube .icon i {

  font-size: 20px;

  color: var(--White);

}

.video-wrap .popup-youtube::before {

  position: absolute;

  content: "";

  width: 70px;

  height: 70px;

  border-radius: 50%;

  background: rgba(26, 26, 26, 0.1098039216);

  animation: playvideo 2s ease-in-out infinite alternate;

  z-index: -1;

}



.counter .number-counter div {

  font-weight: 600;

  font-size: 40px;

  line-height: 47px;

  color: var(--Primary);

  margin-bottom: 12px;

}

.counter .number-counter p {

  color: var(--White);

  text-transform: capitalize;

}

.counter .number-counter.style-1 {

  border-radius: 16px;

  padding: 61px 40px 63px;

  background-color: #F9F9F9;

  text-align: start !important;

}

.counter .number-counter.style-1 div {

  text-align: start !important;

  margin-bottom: 53px;

  color: var(--Primary);

}

.counter .number-counter.style-1 h4 {

  color: var(--Secondary);

  margin-bottom: 16px;

}

.counter .number-counter.style-1 .text-content {

  color: var(--Secondary);

}



.testimonials-item {

  position: relative;

}

.testimonials-item .head {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: start;

  justify-content: start;

  gap: 20px;

  margin-bottom: 43px;

}

.testimonials-item .head .image {

  width: 90px;

  height: 90px;

  border-radius: 50%;

  overflow: hidden;

}

.testimonials-item .head .image img {

  width: 100%;

}

.testimonials-item .head .title {

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

  color: var(--Secondary);

  margin-top: 20px;

}

.testimonials-item .description {

  font-weight: 500;

  font-size: 19px;

  line-height: 32px;

  color: var(--Secondary);

}

.testimonials-item > svg {

  position: absolute;

  top: 0;

  right: 0;

}

.testimonials-item.style-white p,

.testimonials-item.style-white .description,

.testimonials-item.style-white .title a {

  color: var(--White);

}

.testimonials-item.style-white svg path {

  fill: var(--Primary);

}

.testimonials-item.style-no-img .head {

  margin-bottom: 53px;

}

.testimonials-item.style-no-img .head .image {

  width: 70px;

  height: 70px;

  border-radius: 6px;

  background-color: var(--Primary);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

}

.testimonials-item.style-no-img .head .title {

  margin-top: 10px;

}

.testimonials-item.background-white {

  padding: 40px 40px 30px 40px;

  background-color: var(--White);

  border-radius: 16px;

}

.testimonials-item.background-white.type-1 {

  background-color: #F9F9F9;

}

.testimonials-item.background-white .head {

  margin-bottom: 40px;

}

.testimonials-item.background-white .image {

  width: 80px;

  height: 80px;

}

.testimonials-item.background-white .title {

  font-size: 16px;

  font-weight: 500;

  line-height: 19px;

}

.testimonials-item.background-white .description {

  font-size: 17px;

  font-weight: 400;

  line-height: 32px;

}

.testimonials-item.background-white svg {

  top: 61px;

  right: 43px;

}



.gird-tab-search {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: space-between;

}

.gird-tab-search .item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

}

.gird-tab-search .item a {

  width: max-content;

  font-weight: 400;

  font-size: 15px;

  line-height: 40px;

  color: var(--Secondary);

  position: relative;

}

.gird-tab-search .item a::after {

  position: absolute;

  content: "";

  bottom: 10px;

  left: auto;

  right: 0;

  width: 0;

  height: 2px;

  background-color: var(--Third);

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

}

.gird-tab-search .item a.active, .gird-tab-search .item a:hover {

  color: var(--Third);

}

.gird-tab-search .item a.active::after, .gird-tab-search .item a:hover::after {

  width: 100%;

  left: 0px;

  right: auto;

}



.experts-item .image {

  position: relative;

  border-radius: 16px;

  overflow: hidden;

  margin-bottom: 23px;

}

.experts-item .image img {

  width: 100%;

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

  transition: transform 500ms ease;

}

.experts-item .image .wg-social-1 {

  position: absolute;

  top: 55%;

  left: 50%;

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

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

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

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

  transform: translate(-50%, -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;

  opacity: 0;

  visibility: hidden;

}

.experts-item:hover .wg-social-1 {

  top: 50%;

  opacity: 1;

  visibility: visible;

}

.experts-item:hover .image img {

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

  transform: scale3d(1.1, 1.1, 1.1);

  -webkit-transition: all 2s cubic-bezier(0.3, 1, 0.35, 2) 0s;

  transition: all 2s cubic-bezier(0.3, 1, 0.35, 2) 0s;

}



ul.grid-tags {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 20px;

  flex-wrap: wrap;

}

ul.grid-tags li a {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 16px 19px 15px 19px;

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

  border-radius: 120px;

  font-weight: 500;

  font-size: 15px;

  line-height: 18px;

  color: var(--Secondary);

}

ul.grid-tags li a:hover {

  border-color: var(--Secondary);

  background-color: #FFF8F6;

}



.area-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 30px;

  margin-bottom: 50px;

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

}

.area-item:hover .image img {

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

  transform: scale3d(1.1, 1.1, 1.1);

  -webkit-transition: all 2s cubic-bezier(0.3, 1, 0.35, 2) 0s;

  transition: all 2s cubic-bezier(0.3, 1, 0.35, 2) 0s;

}

.area-item .image {

  width: 100px;

  height: 100px;

  overflow: hidden;

  border-radius: 12px;

  flex-shrink: 0;

}

.area-item .image img {

  width: 100%;

  height: 100%;

  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;

  transition: transform 500ms ease;

}

.area-item .name {

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

  color: var(--Secondary);

  margin-bottom: 4px;

}

.area-item .text {

  font-weight: 400;

  font-size: 13px;

  line-height: 15px;

  color: var(--Secondary);

}

.area-item.style-1 {

  padding: 9px;

  gap: 20px;

  align-items: center;

  border-radius: 16px;

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

  width: 100%;

  margin-bottom: 0;

}

.area-item.style-1 .image {

  width: 60px;

  height: 60px;

  border-radius: 12px;

}

.area-item.style-1 .image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.area-item.style-1 .name {

  margin-top: -5px;

  font-size: 17px;

  font-weight: 500;

  line-height: 28px;

}

.area-item.style-1:hover {

  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.0509803922);

}



.group-icon {

  position: relative;

  background-color: #F9F9F9;

  padding: 88px 0 96px 80px;

  border-radius: 16px;

}

.group-icon .image {

  position: absolute;

  right: 39px;

  bottom: 96px;

}

.group-icon h3 {

  margin-bottom: 15px;

}

.group-icon .text-content {

  margin-bottom: 23px;

}

.group-icon.style-1 {

  background-color: #FFF8F6;

}

.group-icon.style-1 .image {

  right: 42px;

}



.categories-item {

  padding: 30px;

  border-radius: 16px;

  background-color: var(--White);

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

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 20px;

  position: relative;

}

.categories-item .icon {

  width: 60px;

  height: 60px;

  border-radius: 12px;

  background-color: rgb(255, 248, 246);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  flex-shrink: 0;

}

.categories-item .icon i {

  font-size: 24px;

  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;

}

.categories-item .name {

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

  color: var(--Secondary);

  margin-bottom: 4px;

  margin-top: 4px;

}

.categories-item .text {

  font-weight: 400;

  font-size: 13px;

  line-height: 15px;

  color: var(--Secondary);

}

.categories-item > a {

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

  position: absolute;

  right: 40px;

  top: 50%;

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

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

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

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

  transform: translate(0, -50%);

  opacity: 0;

  visibility: hidden;

}

.categories-item:hover a {

  right: 30px;

  opacity: 1;

  visibility: visible;

}

.categories-item:hover .icon {

  background-color: var(--Primary);

}

.categories-item.style-1 {

  width: 100%;

  flex-direction: column;

  text-align: center;

  padding: 59px 30px 56px 30px;

  gap: 14px;

}

.categories-item.style-1 .icon {

  margin-left: auto;

  margin-right: auto;

  width: 90px;

  height: 90px;

  border-radius: 50%;

  background-color: transparent;

}

.categories-item.style-1 .icon i {

  font-size: 36px;

  color: var(--Secondary);

}

.categories-item.style-1 .name {

  margin-top: 0;

}

.categories-item.style-1:hover .icon {

  background-color: var(--Fourth);

}

.categories-item.style-1:hover .icon i {

  color: var(--White);

}



.flat-accordion .flat-toggle {

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

  margin-bottom: 47px;

  padding-bottom: 15px;

  margin-bottom: 20px;

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

}

.flat-accordion .flat-toggle .toggle-title {

  position: relative;

  cursor: pointer;

}

.flat-accordion .flat-toggle .toggle-title:before {

  position: absolute;

  content: "";

  right: 7px;

  top: 50%;

  transform: translateY(-50%);

  height: 16px;

  width: 2px;

  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;

}

.flat-accordion .flat-toggle .toggle-title::after {

  position: absolute;

  content: "";

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 16px;

  height: 2px;

  background-color: var(--Secondary);

}

.flat-accordion .flat-toggle .toggle-content {

  margin-top: 26px;

  display: none;

}

.flat-accordion .flat-toggle.active {

  background-color: #F9F9F9;

  padding: 0px 20px;

}

.flat-accordion .flat-toggle.active .toggle-title::before {

  opacity: 0;

  visibility: hidden;

}



.ft-download {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 20px;

}

.ft-download li {

  flex-shrink: 0;

  width: 198px;

}

.ft-download li a {

  padding: 14px 22px 14px 25px;

  border-radius: 12px;

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

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 30px;

}

.ft-download li a .icon {

  font-size: 21px;

  color: var(--White);

  width: 21px;

}

.ft-download li a .app {

  position: relative;

}

.ft-download li a .app::before {

  position: absolute;

  content: "";

  top: 0;

  left: -15px;

  height: 100%;

  width: 1px;

  background-color: var(--White);

  opacity: 0.2;

}

.ft-download li a .app div:first-child {

  font-weight: 400;

  font-size: 13px;

  line-height: 15px;

  color: var(--White);

  margin-bottom: 2px;

}

.ft-download li a .app div:last-child {

  font-weight: 500;

  font-size: 16px;

  line-height: 19px;

  color: var(--White);

}

.ft-download.style-1 {

  flex-direction: row;

  gap: 30px;

}

.ft-download.style-1 li {

  width: 210px;

}

.ft-download.style-1 li a {

  padding: 12px 22px 12px 20px;

  gap: 39px;

  background-color: var(--White);

}

.ft-download.style-1 li a .icon {

  color: var(--Fourth);

}

.ft-download.style-1 li a .app::before {

  background-color: var(--Fourth);

  opacity: 0.3;

  left: -21px;

}

.ft-download.style-1 li a .app div:first-child {

  font-family: "DM Sans", sans-serif;

  font-size: 12px;

  color: var(--Fourth);

}

.ft-download.style-1 li a .app div:last-child {

  font-family: "DM Sans", sans-serif;

  font-size: 15px;

  color: var(--Fourth);

}

.ft-download.bg-fourth.type-secondary li a {

  background-color: var(--Secondary);

}

.ft-download.bg-fourth.type-secondary li a .icon {

  background-color: var(--Secondary) !important;

  color: var(--White);

}

.ft-download.bg-fourth li a {

  background-color: var(--Fourth);

}

.ft-download.bg-fourth li a .icon {

  background-color: var(--Fourth) !important;

  color: var(--White);

}

.ft-download.bg-fourth li a .app::before {

  background-color: var(--White);

  opacity: 0.3;

}

.ft-download.bg-fourth li a .app div:first-child {

  color: var(--White);

}

.ft-download.bg-fourth li a .app div:last-child {

  color: var(--White);

}



.download-app {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  background-color: var(--Fourth);

  border-radius: 16px;

  overflow: hidden;

  align-items: center;

}

.download-app .content-right {

  padding-left: 119px;

  flex-grow: 1;

  padding-right: 20px;

}

.download-app .content-right .sub {

  width: max-content;

  padding: 4px 25px;

  border-radius: 60px;

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

  font-family: "DM Sans", sans-serif;

  font-weight: 400;

  font-size: 14px;

  line-height: 28px;

  color: var(--White);

  margin-bottom: 25px;

}

.download-app .content-right .heading {

  font-family: "DM Sans", sans-serif;

  font-weight: 700;

  font-size: 32px;

  line-height: 42px;

  color: var(--White);

  margin-bottom: 35px;

}

.download-app .content-right p {

  font-family: "DM Sans", sans-serif;

  color: var(--White);

  margin-bottom: 35px;

}

.download-app .image {

  max-width: 567px;

}



.work-with-us-item {

  padding: 83px 0 82px 0;

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

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 50px;

}

.work-with-us-item .proces {

  width: 100%;

  max-width: 250px;

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

  color: var(--Secondary);

}

.work-with-us-item h2 {

  width: 100%;

  max-width: 450px;

  position: relative;

}

.work-with-us-item .text-content {

  width: 100%;

  max-width: 340px;

  color: var(--Secondary);

  text-align: end;

}

.work-with-us-item a {

  position: absolute;

  left: 61px;

  top: 50%;

  transform: translateY(-50%);

  opacity: 0;

  visibility: hidden;

  width: 72px;

  height: 72px;

}

.work-with-us-item a i {

  font-size: 22px;

}

.work-with-us-item:hover a {

  left: 71px;

  opacity: 1;

  visibility: visible;

}



.box-curved-text .curved-text-inner {

  width: 159px;

  height: 159px;

  background-color: var(--Primary);

  border-radius: 50%;

  position: relative;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}

.box-curved-text .curved-text-inner .text {

  font-weight: 500;

  font-size: 15px;

  line-height: 18px;

}

.box-curved-text .curved-text-inner .curved-text {

  position: absolute;

  font-weight: 500;

  font-size: 17px;

  line-height: 20px;

  color: var(--Secondary);

  animation: rotate360 7s infinite linear;

}



.wrap-file-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  gap: 10px;

}

.wrap-file-item .file-item {

  width: 100%;

  max-width: 301px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: start;

  justify-content: start;

  gap: 10px;

  padding: 20px 20px 18px 20px;

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

  border-radius: 8px;

}

.wrap-file-item .file-item .icon {

  width: 40px;

}

.wrap-file-item .file-item .icon img {

  width: 100%;

}

.wrap-file-item .file-item .name {

  font-weight: 500;

  font-size: 15px;

  line-height: 18px;

  color: var(--Secondary);

  margin-top: 1px;

  margin-bottom: 3px;

}

.wrap-file-item .file-item .size {

  font-weight: 400;

  font-size: 13px;

  line-height: 16px;

  color: var(--Fourth);

}



.wrap-check-ellipse {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  gap: 10px 30px;

}



.check-ellipse-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 10px;

  width: 100%;

  max-width: 250px;

}

.check-ellipse-item .icon {

  width: 18px;

  height: 18px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

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

  border-radius: 50%;

}

.check-ellipse-item .icon i {

  font-size: 8px;

  color: var(--Secondary);

}

.check-ellipse-item .icon.has-bg {

  background-color: #FFF8F6;

}

.check-ellipse-item.style-1 {

  gap: 15px;

}

.check-ellipse-item.style-1 .icon {

  width: 30px;

  height: 30px;

  border: 0;

  background-color: var(--White);

}

.check-ellipse-item.style-1 .icon i {

  font-size: 12px;

}

.check-ellipse-item.style-1 p {

  font-size: 16px;

  font-weight: 500;

  line-height: 19px;

}



.uncheck-ellipse-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 10px;

  width: 100%;

  max-width: 250px;

}

.uncheck-ellipse-item .icon {

  width: 18px;

  height: 18px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: rgba(235, 102, 78, 0.1490196078);

  border-radius: 50%;

}

.uncheck-ellipse-item .icon i {

  font-size: 8px;

  color: var(--Third);

}



.wrap-walk-score {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  gap: 60px;

}

.wrap-walk-score .walk-score-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 25px;

}

.wrap-walk-score .walk-score-item .icon {

  width: 90px;

  height: 90px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: rgb(255, 248, 246);

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

  border-radius: 50%;

}

.wrap-walk-score .walk-score-item .icon i {

  font-size: 30px;

  color: var(--Secondary);

}

.wrap-walk-score .walk-score-item .title {

  font-weight: 500;

  font-size: 17px;

  line-height: 28px;

  color: var(--Secondary);

}

.wrap-walk-score .walk-score-item p {

  color: var(--Secondary);

}



.wrap-nearby {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 40px;

  flex-direction: column;

}

.wrap-nearby .nearby-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 25px;

}

.wrap-nearby .nearby-item .number {

  width: 70px;

  height: 70px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: var(--Primary);

  border-radius: 50%;

}

.wrap-nearby .nearby-item .number h4 span {

  font-size: 15px;

  font-weight: 400;

  line-height: 28px;

}

.wrap-nearby .nearby-item .title {

  font-weight: 500;

  font-size: 17px;

  line-height: 28px;

  color: var(--Secondary);

}

.wrap-nearby .nearby-item p {

  color: var(--Secondary);

}

.wrap-nearby .nearby-item p span {

  font-weight: 500;

}



.wrap-gallery-image {

  position: relative;

  border-radius: 16px;

  overflow: hidden;

  display: grid;

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

  gap: 10px 10px;

  grid-template-rows: auto;

  grid-template-areas: "aa aa bb cc" "aa aa dd ee";

}

.wrap-gallery-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.wrap-gallery-image .item-1 {

  grid-area: aa;

}

.wrap-gallery-image .item-2 {

  grid-area: bb;

}

.wrap-gallery-image .item-3 {

  grid-area: cc;

}

.wrap-gallery-image .item-4 {

  grid-area: dd;

}

.wrap-gallery-image .item-5 {

  grid-area: ee;

}

.wrap-gallery-image .more-photos {

  position: absolute;

  bottom: 10px;

  right: 15px;

}



.more-photos {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  padding: 9px 15px;

  background-color: var(--White);

  border-radius: 8px;

  cursor: pointer;

}

.more-photos i {

  font-size: 16px;

  color: var(--Secondary);

}

.more-photos p {

  color: var(--Secondary);

}



.list-icons-page {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 15px;

}

.list-icons-page .item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 10px;

  cursor: pointer;

}

.list-icons-page .item .icon {

  width: 40px;

  height: 40px;

  padding-top: 2px;

  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: 1px solid var(--Border);

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

}

.list-icons-page .item .icon i {

  font-size: 16px;

  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;

}

.list-icons-page .item:hover .icon {

  background-color: #F9F9F9;

}

.list-icons-page .item:hover .icon i {

  color: var(--Fourth);

}

.list-icons-page.style-white .icon {

  background-color: transparent;

}

.list-icons-page.style-white .icon i {

  color: var(--White);

}

.list-icons-page.style-white p {

  color: var(--White);

}

.list-icons-page.style-default {

  gap: 30px;

}

.list-icons-page.style-default .item .icon {

  width: 16px;

  height: 16px;

  padding-top: 0;

  border: 0;

}



.wrap-recent-activities {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 30px;

}

.wrap-recent-activities .recent-activities-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 10px;

}

.wrap-recent-activities .recent-activities-item .image {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background-color: #F9F9F9;

  overflow: hidden;

  flex-shrink: 0;

}

.wrap-recent-activities .recent-activities-item p {

  line-height: 20px;

}

.wrap-recent-activities .recent-activities-item p span {

  font-weight: 500;

}

.wrap-recent-activities .tf-button-primary {

  height: 54px;

}



.avatar-image {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 10px 30px;

  flex-wrap: wrap;

}

.avatar-image .left {

  width: 150px;

  height: 150px;

  position: relative;

  flex-shrink: 0;

}

.avatar-image .left img {

  width: 100%;

  object-fit: cover;

  border-radius: 50%;

}

.avatar-image .left .icon {

  position: absolute;

  top: 0;

  right: 0;

  width: 40px;

  height: 40px;

  border-radius: 50%;

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

  background-color: var(--White);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}

.avatar-image .left .icon i {

  font-size: 16px;

  color: var(--Secondary);

}

.avatar-image .right .uploadfile {

  position: relative;

}

.avatar-image .right .uploadfile input {

  position: absolute;

  opacity: 0;

  visibility: hidden;

}

.avatar-image .right .uploadfile .tf-button-primary {

  height: 52px;

  padding: 0 40px;

}

.avatar-image .right .uploadfile .file-name {

  font-size: 14px;

  margin-top: 9px;

}



.list-message {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 32px;

  flex-direction: column;

}



.message-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 10px;

}

.message-item .avt {

  width: 50px;

  height: 50px;

}

.message-item .avt img {

  width: 100%;

  object-fit: cover;

}

.message-item .name {

  font-weight: 500;

  font-size: 15px;

  line-height: 18px;

  color: var(--Secondary);

  margin-bottom: 3px;

}

.message-item .sub {

  font-weight: 400;

  font-size: 13px;

  line-height: 15px;

  color: var(--Fourth);

}

.message-item .time {

  font-weight: 400;

  font-size: 13px;

  line-height: 28px;

  color: #6B7177;

}

.message-item .number {

  position: absolute;

  right: 0;

  bottom: 0px;

  width: 16px;

  height: 16px;

  border-radius: 50%;

  background-color: #1967D2;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--White);

  font-family: "Jost";

  font-size: 8px;

  font-weight: 700;

  line-height: 12px;

  letter-spacing: 0.07em;

}

.message-item .number.bg-green {

  background-color: #34A853;

}

.message-item .number.bg-yellow {

  background-color: #F9AB00;

}



.upload-image-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 12px;

  flex-direction: column;

  padding-bottom: 29px;

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

}

.upload-image-wrap .text {

  font-weight: 500;

  font-size: 17px;

  line-height: 28px;

  color: var(--Secondary);

}

.upload-image-wrap p {

  font-weight: 400;

  font-size: 14px;

  line-height: 28px;

  color: var(--Secondary);

}

.upload-image-wrap .list {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 10px;

}

.upload-image-wrap .list .item {

  position: relative;

  width: 190px;

  height: 167px;

}

.upload-image-wrap .list .item img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 16px;

}

.upload-image-wrap .list .item ul {

  position: absolute;

  top: 55%;

  left: 50%;

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

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

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

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

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

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

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

  opacity: 0;

  visibility: hidden;

}

.upload-image-wrap .list .item ul li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  background-color: var(--White);

  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.0509803922);

  cursor: pointer;

}

.upload-image-wrap .list .item ul li i {

  font-size: 12px;

  color: var(--Fourth);

}

.upload-image-wrap .list .item .uploadfile {

  width: 100%;

  height: 100%;

  background-color: #FFF8F6;

  border-radius: 16px;

  border: 1px dashed var(--Fourth);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 14px;

  flex-direction: column;

  cursor: pointer;

}

.upload-image-wrap .list .item .uploadfile input {

  position: absolute;

  opacity: 0;

  visibility: hidden;

}

.upload-image-wrap .list .item .uploadfile i {

  font-size: 26px;

  color: var(--Secondary);

}

.upload-image-wrap .list .item .uploadfile div {

  font-weight: 500;

  font-size: 15px;

  line-height: 18px;

  color: var(--Secondary);

}

.upload-image-wrap .list .item:hover ul {

  top: 50%;

  opacity: 1;

  visibility: visible;

}



.wg-icon {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 10px;

}

.wg-icon > * {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background-color: #FFF8F6;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  cursor: pointer;

}

.wg-icon > * i {

  font-size: 12px;

  color: var(--Fourth);

}

.wg-icon > *:hover {

  background-color: var(--Primary);

}



.my-properties-item {

  padding: 40px 54px 39px;

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

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 53px;

}

.my-properties-item .property {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: start;

  justify-content: start;

  gap: 20px;

}

.my-properties-item .property .image {

  width: 150px;

  height: 128.57px;

  overflow: hidden;

  border-radius: 12px;

}

.my-properties-item .property .image img {

  width: 100%;

}

.my-properties-item .property .price {

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

  color: var(--Third);

  margin-top: 15px;

  margin-bottom: 4px;

}

.my-properties-item .property .title {

  font-weight: 500;

  font-size: 17px;

  line-height: 28px;

  color: var(--Secondary);

  margin-bottom: 11px;

}

.my-properties-item .property .location {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 10px;

  margin-bottom: 0px;

}

.my-properties-item .property .location .icon i {

  font-size: 20px;

  color: var(--Text);

}

.my-properties-item .property .location p {

  font-size: 16px;

  font-weight: 400;

  line-height: 24px;

}

.my-properties-item > div {

  width: 150px;

}

.my-properties-item > div:first-child {

  width: 500px;

}



.text-infor-item {

  height: 120px;

  padding: 33px 54px 30px;

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

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 53px;

  color: var(--Secondary);

}

.text-infor-item .title {

  font-size: 15px;

  font-weight: 500;

  line-height: 18px;

}

.text-infor-item > div {

  width: 100%;

}

.text-infor-item > div:last-child {

  width: 100px;

  flex-shrink: 0;

}



.box-status {

  width: max-content;

  padding: 0px 15px;

  background-color: var(--Third);

  font-weight: 400;

  font-size: 13px;

  line-height: 29px;

  color: var(--White);

  border-radius: 120px;

}



.agents-item {

  padding: 39px 54px 38px 39px;

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

  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;

}

.agents-item .image {

  width: 150px;

  height: 150px;

  flex-shrink: 0;

  border-radius: 50%;

  overflow: hidden;

}

.agents-item .image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.agents-item .image.has-border {

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

}

.agents-item .name {

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

  color: var(--Secondary);

  margin-bottom: 4px;

  margin-top: 12px;

}

.agents-item p {

  margin-bottom: 20px;

}

.agents-item p span {

  font-size: 15px;

  font-weight: 500;

  line-height: 18px;

  color: var(--Third);

}

.agents-item .bot {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 20px;

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

  padding-top: 20px;

}

.agents-item:hover {

  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.0509803922);

}



.shop-item {

  text-align: center;

}

.shop-item .image {

  position: relative;

  border-radius: 12px;

  overflow: hidden;

  margin-bottom: 24px;

}

.shop-item .image img {

  width: 100%;

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

  transition: transform 500ms ease;

}

.shop-item .image a {

  border: 0;

  position: absolute;

  bottom: 0;

  left: 10px;

  right: 10px;

  opacity: 0;

  width: unset;

  visibility: hidden;

}

.shop-item .title {

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

  color: var(--Secondary);

  margin-bottom: 8px;

}

.shop-item .price {

  font-weight: 600;

  font-size: 16px;

  line-height: 19px;

  color: var(--Third);

}

.shop-item:hover .image img {

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

  transform: scale3d(1.1, 1.1, 1.1);

  -webkit-transition: all 2s cubic-bezier(0.3, 1, 0.35, 2) 0s;

  transition: all 2s cubic-bezier(0.3, 1, 0.35, 2) 0s;

}

.shop-item:hover a {

  bottom: 10px;

  opacity: 1;

  visibility: visible;

}



.shop-detail-content {

  padding-left: 1px;

}

.shop-detail-content h2 {

  margin-bottom: 10px;

  margin-top: -9px;

}

.shop-detail-content h3 {

  color: var(--Third);

}

.shop-detail-content .divider {

  margin-top: 20px;

  margin-bottom: 27px;

}

.shop-detail-content .tf-button-primary {

  width: 240px;

}

.shop-detail-content .check {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 7px;

  margin-bottom: 10px;

}

.shop-detail-content .check .icon {

  width: 20px;

  height: 20px;

  border-radius: 50%;

  background-color: #F9F9F9;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

}

.shop-detail-content .check p {

  line-height: 26px;

  color: var(--Secondary);

}

.shop-detail-content > p {

  margin-bottom: 20px;

}

.shop-detail-content .bot {

  margin-top: 22px;

}

.shop-detail-content .bot .item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 20px;

}

.shop-detail-content .bot .item > p:first-child {

  width: 91px;

}



.wg-quantity {

  position: relative;

  width: max-content;

}

.wg-quantity .btn-quantity {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 27px;

  height: 27px;

  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: 50%;

  font-size: 14px;

  cursor: pointer;

}

.wg-quantity .btn-quantity.minus-btn {

  left: 10px;

}

.wg-quantity .btn-quantity.plus-btn {

  right: 10px;

}

.wg-quantity input {

  width: 127px !important;

  padding: 12px 40px !important;

  background-color: #F9F9F9 !important;

  border: 0 !important;

  text-align: center;

}



.shop-cart-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 20px 30px;

  gap: 21px;

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

}

.shop-cart-item .image {

  width: 100px;

  height: 100px;

  border-radius: 16px;

  overflow: hidden;

}

.shop-cart-item .image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.shop-cart-item .title {

  font-weight: 500;

  font-size: 16px;

  line-height: 19px;

  color: var(--Secondary);

}

.shop-cart-item .wg-icon li {

  background-color: var(--White);

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

}

.shop-cart-item .wg-icon li i {

  font-size: 12px;

}

.shop-cart-item > div:nth-child(2) {

  width: 203px;

}

.shop-cart-item > div:nth-child(3) {

  width: 132px;

}

.shop-cart-item > div:nth-child(4) {

  width: 148px;

}

.shop-cart-item > div:nth-child(5) {

  width: 198px;

}



.order-completed .icon {

  width: 80px;

  height: 80px;

  border-radius: 50%;

  background-color: var(--Primary);

  margin: 0 auto 20px auto;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

}

.order-completed h2 {

  text-align: center;

  margin-bottom: 14px;

}

.order-completed > .text-content {

  text-align: center;

  margin-bottom: 33px;

}

.order-completed .order-info {

  padding: 37px 95px 33px 77px;

  background-color: #FFF8F6;

  border-radius: 8px;

  border: 2px dashed var(--Secondary);

  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;

  margin-bottom: 40px;

}

.order-completed .order-info .item p:first-child {

  margin-bottom: 2px;

}

.order-completed .order-info .item p:last-child {

  font-weight: 500;

}

.order-completed .sidebar-shop {

  max-width: unset;

}



.pricing-item {

  border-radius: 16px;

  background-color: var(--White);

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

  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;

}

.pricing-item .top {

  padding: 32px 40px 30px 40px;

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

  text-align: center;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 10px;

  flex-direction: column;

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

}

.pricing-item .top h4 span {

  font-weight: 400;

  font-size: 15px;

  line-height: 28px;

  color: var(--Fourth);

}

.pricing-item .top h4:first-child {

  margin-bottom: -5px;

}

.pricing-item .center {

  padding: 40px 30px 29px;

}

.pricing-item .center ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 25px;

  margin-bottom: 40px;

}

.pricing-item .center ul li {

  justify-content: center;

}

.pricing-item .center ul li p {

  line-height: 18px;

}

.pricing-item .center > a {

  height: 54px;

}

.pricing-item.active, .pricing-item:hover {

  background-color: #FFF8F6;

  border-color: var(--Primary);

}

.pricing-item.active .top, .pricing-item:hover .top {

  border-color: var(--Primary);

}

.pricing-item.active a, .pricing-item:hover a {

  background-color: var(--Primary);

}



.tooltips-item {

  position: relative;

}

.tooltips-item:hover .sub-tooltips {

  opacity: 1;

  visibility: visible;

}

.tooltips-item .tooltips-main {

  width: 100px;

  height: 50px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #F9F9F9;

  border-radius: 12px;

}

.tooltips-item .sub-tooltips {

  position: absolute;

  bottom: calc(100% + 3px);

  left: 50%;

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

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

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

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

  transform: translate(-50%, 0);

  height: 30px;

  padding-left: 12px;

  padding-right: 20px;

  background-color: var(--Secondary);

  border-radius: 6px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  opacity: 0;

  visibility: hidden;

}

.tooltips-item .sub-tooltips * {

  color: var(--White);

}

.tooltips-item .sub-tooltips::before {

  position: absolute;

  content: "";

  width: 7px;

  height: 7px;

  background-color: var(--Secondary);

  transform: translateX(-50%) rotate(45deg);

  bottom: -3px;

  left: 50%;

}

.tooltips-item .sub-tooltips.left {

  right: calc(100% + 3px);

  left: unset;

  top: 50%;

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

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

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

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

  transform: translate(0, -50%);

}

.tooltips-item .sub-tooltips.left::before {

  right: -6px;

  bottom: unset;

  left: unset;

}

.tooltips-item .sub-tooltips.bottom {

  top: calc(100% + 3px);

  left: 50%;

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

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

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

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

  transform: translate(-50%, 0);

}

.tooltips-item .sub-tooltips.bottom::before {

  top: -3px;

  left: 50%;

}

.tooltips-item .sub-tooltips.right {

  left: calc(100% + 3px);

  right: unset;

  top: 50%;

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

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

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

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

  transform: translate(0, -50%);

}

.tooltips-item .sub-tooltips.right::before {

  left: 0px;

  bottom: unset;

  right: unset;

}



.progress-bars .progress-bars-line {

  display: block;

  height: 10px;

  border-radius: 10px;

  background-color: var(--Border);

}

.progress-bars .progress-bars-line > div {

  position: relative;

  display: block;

  height: 10px;

  border-radius: 10px;

  background-color: var(--Primary);

}

.progress-bars .progress-bars-line > div .progress-bars-number {

  position: absolute;

  right: -3px;

  top: -30px;

}



.range-slider #range-two-val {

  margin-bottom: 10px;

  height: 6px;

  box-shadow: none;

  border: 0;

  background-color: var(--Border);

}

.range-slider #range-two-val .noUi-connects .noUi-connect {

  background-color: var(--Primary);

}

.range-slider #range-two-val .noUi-origin .noUi-handle {

  width: 16px;

  height: 16px;

  background-color: var(--White);

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

  border-radius: 50%;

  right: -8px;

}

.range-slider #range-two-val .noUi-origin .noUi-handle::after, .range-slider #range-two-val .noUi-origin .noUi-handle::before {

  display: none;

}

.range-slider .value {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

}

.range-slider .value > div {

  font-size: 15px;

  font-weight: 400;

  line-height: 28px;

  color: var(--Secondary);

}



.box-agents {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  flex-direction: column;

  gap: 30px;

  padding: 30px;

}

.box-agents .list-user {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 5px;

}

.box-agents .list-user .item {

  width: 54px;

  height: 54px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

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

  border-radius: 50%;

  padding: 3px;

}

.box-agents .list-user .item img {

  width: 100%;

  border-radius: 50%;

}

.box-agents .text {

  font-size: 15px;

  font-weight: 400;

  line-height: 18px;

  color: var(--Secondary);

}

.box-agents .text span {

  font-size: 17px;

  font-weight: 500;

  line-height: 20px;

  margin-right: 10px;

}

.box-agents.style-1 {

  padding: 0;

  justify-content: start;

  flex-direction: row;

}

.box-agents.style-1 .list-user .item {

  border-color: var(--Primary);

}

.box-agents.style-1 .text {

  color: var(--White);

}



.box-testimonials {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  border-radius: 24px;

  overflow: hidden;

  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.0509803922);

}

.box-testimonials > .image {

  width: 100%;

  max-width: 580px;

  height: 600px;

}

.box-testimonials > .image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.box-testimonials .testimonials-item {

  width: 100%;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  justify-content: center;

  border-radius: 0;

  padding: 50px 0 50px 134px;

}

.box-testimonials .testimonials-item > svg {

  position: unset;

  margin-bottom: 44px;

}

.box-testimonials .testimonials-item .image {

  width: 90px;

  height: 90px;

}

.box-testimonials .testimonials-item .title {

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

}

.box-testimonials .testimonials-item .description {

  max-width: 567px;

  font-size: 19px;

  font-weight: 500;

  line-height: 32px;

}



.sort-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 7px;

}

.sort-wrap p {

  color: var(--Fourth);

  width: 100%;

}



.box-filter-small {

  margin-bottom: 10px;

}

.box-filter-small form {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 15px;

  flex-wrap: wrap;

}

.box-filter-small form .input-search {

  width: 260px;

}

.box-filter-small form .input-search input {

  height: 44px;

}

.box-filter-small form > .nice-select {

  width: max-content;

  height: 44px;

  padding-top: 6px;

  padding-bottom: 6px;

  border-radius: 120px;

  padding-right: 40px;

}

.box-filter-small form > .nice-select ul.list {

  width: 300px;

}

.box-filter-small form .wg-filter .btn-filter {

  height: 44px !important;

  padding-right: 40px;

  padding-left: 20px;

}

.box-filter-small form > div::after {

  top: 43% !important;

  right: 23px !important;

}



.property-single-sidebar {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 30px;

  max-width: 390px;

  margin-left: auto;

}

.property-single-sidebar.has-background .sidebar-item {

  background-color: #F9F9F9;

}

.property-single-sidebar .sidebar-item {

  padding: 30px;

  border-radius: 16px;

  background-color: var(--White);

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

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 20px;

  flex-direction: column;

}

.property-single-sidebar .sidebar-title {

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

  margin-top: -6px;

}

.property-single-sidebar .sidebar-request .text {

  font-size: 16px;

  font-weight: 500;

  line-height: 19px;

  color: var(--Secondary);

  text-align: center;

}

.property-single-sidebar .sidebar-request .text span {

  font-size: 16px;

  font-weight: 400;

  line-height: 24px;

}

.property-single-sidebar .sidebar-schedule form {

  gap: 20px;

}

.property-single-sidebar .sidebar-schedule form .cols {

  gap: 20px;

  flex-wrap: wrap;

}

.property-single-sidebar .sidebar-schedule form .widget-menu-tab {

  margin-bottom: 20px;

}

.property-single-sidebar .sidebar-schedule form .widget-content-inner {

  gap: 20px;

}

.property-single-sidebar .sidebar-schedule form .widget-content-inner textarea {

  height: 100px !important;

}

.property-single-sidebar .sidebar-contact-info {

  margin-bottom: 30px;

}

.property-single-sidebar .sidebar-contact-info .contact-info {

  margin-bottom: 0;

}

.property-single-sidebar .sidebar-contact-info .contact-info .person {

  margin-top: 0;

  margin-bottom: 31px;

}

.property-single-sidebar .sidebar-contact-info .contact-info form {

  gap: 20px;

}

.property-single-sidebar .sidebar-contact-info .contact-info form .cols {

  gap: 20px;

  flex-wrap: wrap;

}

.property-single-sidebar .sidebar-contact-info .contact-info form .cols > * {

  width: 100%;

}

.property-single-sidebar .sidebar-contact-info .contact-info form textarea {

  height: 100px !important;

}

.property-single-sidebar .sidebar-contact-info .contact-info form .widget-menu-tab {

  margin-bottom: 20px;

}

.property-single-sidebar .sidebar-contact-info .contact-info form .widget-content-inner {

  gap: 20px;

}

.property-single-sidebar .sidebar-contact-info .contact-info form .button-submit .tf-button-primary {

  height: 54px;

}

.property-single-sidebar .sidebar-contact-info .contact-info form .tf-button-primary {

  height: 52px;

}



.form-schedule {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 30px;

  flex-direction: column;

}

.form-schedule .widget-tabs {

  width: 100%;

}

.form-schedule .widget-tabs .widget-menu-tab {

  justify-content: center;

  margin-bottom: 30px;

  position: relative;

}

.form-schedule .widget-tabs .widget-menu-tab::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 1px;

  background-color: var(--Border);

  top: 50%;

  z-index: -1;

}

.form-schedule .widget-tabs .widget-content-inner {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 30px;

  flex-direction: column;

}

.form-schedule .widget-tabs .widget-content-inner textarea {

  height: 230px !important;

}

.form-schedule .nice-select > .list {

  max-width: unset;

  width: 100%;

}



.contact-info {

  margin-bottom: 72px;

}

.contact-info .tf-button-green {

  height: 33px !important;

}

.contact-info .person {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 25px;

  margin-top: 39px;

  margin-bottom: 42px;

}

.contact-info .person .image {

  width: 90px;

  height: 90px;

}

.contact-info .person .image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 50%;

}

.contact-info .person .content {

  padding-top: 5px;

}

.contact-info .person .content .name {

  font-size: 17px;

  font-weight: 500;

  line-height: 28px;

  color: var(--Secondary);

}

.contact-info > .title {

  font-size: 17px;

  font-weight: 500;

  line-height: 28px;

  margin-bottom: 22px;

}

.contact-info form {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 30px;

  flex-direction: column;

}

.contact-info form textarea {

  height: 230px !important;

}

.contact-info form .cols > * {

  width: 50%;

}

.contact-info form .checkbox-item {

  margin-top: -3px;

  margin-bottom: -5px;

}

.contact-info form .checkbox-item p span {

  color: var(--Third);

}

.contact-info form .nice-select > .list {

  max-width: unset;

  width: 100%;

}



.contact-item {

  padding: 60px 50px;

  border-radius: 24px;

  background-color: var(--White);

  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.0509803922);

  text-align: center;

  min-height: 385px;

  color: var(--Secondary);

}

.contact-item .icon {

  width: 80px;

  height: 80px;

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

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 22px;

}

.contact-item .icon i {

  font-size: 35px;

}

.contact-item .content {

  min-height: 100px;

}

.contact-item .content h4 {

  margin-bottom: 14px;

}

.contact-item .bot {

  margin-top: 21px;

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

  padding-top: 23px;

}



.message-boxes-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0 29px;

  height: 75px;

  background-color: rgba(205, 233, 246, 0.5019607843);

}

.message-boxes-item .text {

  font-size: 15px;

  font-weight: 500;

  line-height: 18px;

  color: #4780AA;

}

.message-boxes-item i {

  color: #4780AA;

  cursor: pointer;

}

.message-boxes-item.type-warning {

  background-color: rgba(247, 243, 215, 0.5019607843);

}

.message-boxes-item.type-warning .text,

.message-boxes-item.type-warning i {

  color: #927238;

}

.message-boxes-item.type-error {

  background-color: rgba(236, 200, 197, 0.5019607843);

}

.message-boxes-item.type-error .text,

.message-boxes-item.type-error i {

  color: #AB3331;

}

.message-boxes-item.type-success {

  background-color: rgba(222, 242, 215, 0.5019607843);

}

.message-boxes-item.type-success .text,

.message-boxes-item.type-success i {

  color: #5B7052;

}



.wg-blockquote {

  position: relative;

  border-left: 5px solid var(--Secondary);

  padding: 53px 83px 56px 75px;

  background-color: #F9F9F9;

}

.wg-blockquote blockquote {

  font-style: italic;

  font-weight: 400;

  font-size: 21px;

  line-height: 36px;

  color: var(--Secondary);

  margin-bottom: 21px;

}

.wg-blockquote cite {

  font-weight: 400;

  font-size: 15px;

  line-height: 28px;

  color: var(--Secondary);

  font-style: normal;

}

.wg-blockquote .icon {

  position: absolute;

  bottom: 44px;

  right: 58px;

}



.flat-title {

  padding-top: 90px;

  padding-bottom: 94px;

  position: relative;

  z-index: 20;

}

.flat-title .content {

  text-align: center;

}

.flat-title .content h2 {

  margin-bottom: 14px;

}

.flat-title .content > .text {

  font-size: 17px;

  font-weight: 400;

  line-height: 20px;

}

.flat-title.page-property-grid-2 {

  padding-top: 40px;

  padding-bottom: 42px;

}

.flat-title.page-property-grid-2 .content {

  text-align: start;

}

.flat-title.page-property-grid-2 .content .breadcrumbs {

  justify-content: start;

  margin-bottom: 44px;

}

.flat-title.page-property-grid-2 .content .form-filter {

  position: relative;

  z-index: 5;

}

.flat-title.page-property-grid-2 .content .form-filter form {

  background-color: #F9F9F9;

  border-radius: 16px;

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

}

.flat-title.page-property-grid-2 .content .form-filter form .wg-filter > .btn-filter {

  background-color: var(--White);

}

.flat-title.page-property-grid-2 .content .form-filter form .list .group-form {

  width: 212px;

}

.flat-title.page-property-grid-2 .content .form-filter form .list .group-form.form-search-content {

  width: 526px;

}

.flat-title.page-property-grid-3 {

  padding-top: 90px;

  padding-bottom: 101px;

  border-radius: 24px;

  background-color: #F9F9F9;

}

.flat-title.page-property-grid-3 .content .breadcrumbs {

  margin-bottom: 23px;

}

.flat-title.page-property-grid-3 .content .form-filter {

  max-width: 1022px;

  margin-left: auto;

  margin-right: auto;

  text-align: start;

  position: relative;

  z-index: 5;

}

.flat-title.page-property-grid-3 .content .form-filter form {

  border-radius: 16px;

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

}

.flat-title.page-property-grid-3 .content .form-filter form .wg-filter > .btn-filter {

  background-color: var(--White);

}

.flat-title.page-property-grid-3 .content .form-filter form .list .group-form {

  width: 152px;

}

.flat-title.page-property-grid-3 .content .form-filter form .list .group-form.form-search-content {

  width: 266px;

}

.flat-title.page-property-grid-4 {

  padding-top: 29px;

  padding-bottom: 30px;

  background-color: var(--Secondary);

  border-radius: 24px;

  margin-bottom: 41px;

}

.flat-title.page-property-grid-4 .content {

  text-align: start;

}

.flat-title.page-property-grid-4 .content .form-filter form {

  padding: 0;

}

.flat-title.page-property-grid-4 .content .form-filter form .wg-filter input {

  color: var(--Secondary) !important;

}

.flat-title.page-property-grid-4 .content .form-filter form .wg-filter input::placeholder {

  color: var(--Secondary) !important;

}

.flat-title.page-property-grid-4 .content .form-filter form .list .group-form {

  width: 100%;

  max-width: 212px;

}

.flat-title.page-property-grid-4 .content .form-filter form .list .group-form.form-search-content {

  max-width: 576px;

}

.flat-title.page-property-list-2 {

  padding-top: 239px;

  padding-bottom: 129px;

  border-radius: 24px;

  position: relative;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  background-image: url(../images/slider/slider-home-1.jpg);

  background-attachment: fixed;

  z-index: 20;

}

.flat-title.page-property-list-2::before {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  border-radius: 24px;

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

}

.flat-title.page-property-list-2 .content h2 {

  color: var(--White);

}

.flat-title.page-property-list-2 .content .breadcrumbs {

  margin-bottom: 23px;

}

.flat-title.page-property-list-2 .content .breadcrumbs li {

  color: var(--White);

}

.flat-title.page-property-list-2 .content .breadcrumbs li a {

  color: var(--White);

}

.flat-title.page-property-list-2 .content .form-filter {

  max-width: 1022px;

  margin-left: auto;

  margin-right: auto;

  text-align: start;

  position: relative;

  z-index: 5;

}

.flat-title.page-property-list-2 .content .form-filter form {

  border-radius: 16px;

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

}

.flat-title.page-property-list-2 .content .form-filter form .wg-filter > .btn-filter {

  background-color: var(--White);

}

.flat-title.page-property-list-2 .content .form-filter form > .list {

  gap: 10px;

}

.flat-title.page-property-list-2 .content .form-filter form .list .group-form {

  width: 152px;

}

.flat-title.page-property-list-2 .content .form-filter form .list .group-form.form-search-content {

  width: 266px;

}

.flat-title.page-property-list-3 {

  padding-top: 212px;

  padding-bottom: 101px;

  border-radius: 24px;

  position: relative;

  background-color: var(--Fourth);

  z-index: 20;

}

.flat-title.page-property-list-3 .content h2 {

  color: var(--White);

}

.flat-title.page-property-list-3 .content .breadcrumbs {

  margin-bottom: 23px;

}

.flat-title.page-property-list-3 .content .breadcrumbs li {

  color: var(--White);

}

.flat-title.page-property-list-3 .content .breadcrumbs li a {

  color: var(--White);

}

.flat-title.page-property-list-3 .content .form-filter {

  max-width: 1022px;

  margin-left: auto;

  margin-right: auto;

  text-align: start;

  position: relative;

  z-index: 5;

}

.flat-title.page-property-list-3 .content .form-filter form {

  border-radius: 16px;

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

}

.flat-title.page-property-list-3 .content .form-filter form .wg-filter > .btn-filter {

  background-color: var(--White);

}

.flat-title.page-property-list-3 .content .form-filter form .list .group-form {

  width: 152px;

}

.flat-title.page-property-list-3 .content .form-filter form .list .group-form.form-search-content {

  width: 266px;

}

.flat-title.agency-single {

  padding-bottom: 92px;

}

.flat-title.agency-single .content h2 {

  margin-bottom: 12px;

}

.flat-title.agency-single .content .breadcrumbs li {

  font-size: 15px;

  font-weight: 400;

  line-height: 28px;

}

.flat-title.agency-single .content .breadcrumbs li span {

  font-size: 15px;

  font-weight: 500;

  color: var(--Third);

}

.flat-title.inner-page {


  background-image: url(../files/Hakkimizda_Banner.webp);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  background-attachment: fixed;

  padding-top: 241px;

  padding-bottom: 248px;


}

@media (max-width: 768px) {
  .flat-title.inner-page {
    background-image: url(../files/mobil-hakkimizda-banner.webp);
    height: 932px;
    background-attachment: fixed;

  }
}


.flat-title.inner-page2 {

  background-image: url(../files/emlak_banner.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 241px;
  padding-bottom: 248px;
}



@media (max-width: 768px) {
  .flat-title.inner-page2 {
    background-image: url(../files/mobil-form-banner.webp);
    

  }
}

.flat-title.inner-page .content h2 {
  color: var(--White);
}

.flat-title.inner-page .content > .text {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: var(--White);
}

.flat-title.inner-page .content .breadcrumbs a,
.flat-title.inner-page .content .breadcrumbs li {
  color: var(--White);
}

.flat-title.inner-page2 .content h2 {
  color: var(--White);
}

.flat-title.inner-page2 .content > .text {
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: var(--White);
}

.flat-title.inner-page2 .content .breadcrumbs a,
.flat-title.inner-page2 .content .breadcrumbs li {
  color: var(--White);
}

.slider .wrap-slider {

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

.slider .slider-item .slider-content {

  /* padding-top: 259px; */

  padding-bottom: 237px;

  text-align: center;

}

.slider .slider-item .slider-content .sub {

  width: max-content;

  margin: auto;

  padding: 11px 25px;

  border-radius: 120px;

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

  font-weight: 500;

  font-size: 13px;

  line-height: 15px;

  color: var(--White);

  margin-bottom: 17px;

}

.slider .slider-item .slider-content h1 {

  color: var(--White);

  max-width: 610px;

  margin: auto;

  margin-bottom: 42px;

}

.slider .slider-item .slider-content .list-link {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 60px;

  margin-bottom: 36px;

}

.slider .slider-item .slider-content .list-link > * {

  position: relative;

  font-weight: 400;

  font-size: 17px;

  line-height: 20px;

  color: var(--White);

  cursor: pointer;

}

.slider .slider-item .slider-content .list-link > *::after {

  position: absolute;

  content: "";

  bottom: -3px;

  left: auto;

  right: 0;

  width: 0;

  height: 2px;

  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;

}

.slider .slider-item .slider-content .list-link > *.active::after, .slider .slider-item .slider-content .list-link > *:hover::after {

  width: 100%;

  left: 0px;

  right: auto;

}

.slider.home1 .wrap-slider {

  position: relative;

  border-radius: 24px;

  background-image: url(../images/slider/slider-home-1.jpg);

  background-attachment: fixed;

}

.slider.home1 .wrap-slider::before {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  border-radius: 24px;

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

}

.slider.home1 .wrap-slider form {

  max-width: 686px;

  margin: auto;

}

.slider.home1 .wrap-slider .slider-content {

  padding-right: 28px;

}

.slider.home2 .wrap-slider {

  position: relative;

  background-image: url(../files/home-banner-img.webp);

  background-attachment: scroll;

}

@media (max-width: 768px) {
  .slider.home2 .wrap-slider {
    background-image: url(../files/mobil-anasyfa-banner.webp);

    position: relative;

  
    background-attachment: scroll;
  
}
}

.slider.home2 .wrap-slider form {

  max-width: 686px;

  margin: auto;

  margin-bottom: 56px;

}

.slider.home2 .wrap-slider .slider-content {

  /* padding-top: 312px;

  padding-bottom: 114px; */

}

.slider.home2 .wrap-slider .slider-content .sub {

  color: var(--Fourth);

  border-color: var(--Fourth);

}

.slider.home2 .wrap-slider .slider-content h1 {

  color: var(--White);

  font-weight: 500;

  margin-bottom: 12px;

}



.slider.home2 .wrap-slider .slider-content h2 {

  color: var(--White);

  font-weight: 900;

  margin-bottom: 12px;

  font-size: 70px;



}

.slider.home2 .wrap-slider .slider-content > .text {

  font-size: 16px;

  font-weight: 500;

  line-height: 19px;

  color: var(--Fourth);

  margin-bottom: 56px;

}

.slider.home2 .wrap-slider .slider-content > .text-1 {

  font-size: 16px;

  font-weight: 500;

  line-height: 19px;

  color: var(--White);

  margin-bottom: 26px;

}

.slider.home2 .wrap-slider .slider-content .list-icon {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

}

.slider.home2 .wrap-slider .slider-content .list-icon .item {

  position: relative;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  padding: 5px 20px 5px 5px;

  /* border-radius: 120px; */

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

  -webkit-backdrop-filter: blur(50px);

  backdrop-filter: blur(50px);

}

.slider.home2 .wrap-slider .slider-content .list-icon .item .icon {

  width: 40px;

  height: 40px;

  flex-shrink: 0;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background-color: var(--Fourth);

}

.slider.home2 .wrap-slider .slider-content .list-icon .item .icon i {

  font-size: 18px;

  color: var(--White);

}

.slider.home2 .wrap-slider .slider-content .list-icon .item p {

  font-size: 13px;

  font-weight: 400;

  line-height: 15px;

  color: var(--White);

}

.slider.home3 .wrap-slider {

  position: relative;

  background-image: url(../images/slider/slider-home-3.jpg);

}

.slider.home3 .wrap-slider .slider-content {

  padding-top: 286px;

  padding-bottom: 300px;

}

.slider.home3 .wrap-slider .slider-content h1 {

  margin-bottom: 12px;

  color: #111235;

}

.slider.home3 .wrap-slider .slider-content h1 span {

  color: #254EF0;

}

.slider.home3 .wrap-slider .slider-content > .text {

  font-size: 16px;

  font-weight: 400;

  line-height: 19px;

  color: #111235;

  margin-bottom: 52px;

}

.slider.home3 .wrap-slider .slider-content .list-link {

  margin-bottom: 36px;

}

.slider.home3 .wrap-slider .slider-content .list-link > * {

  color: #111235;

}

.slider.home3 .wrap-slider .slider-content .list-link > *::after {

  background-color: #111235;

}

.slider.home3 .wrap-slider .slider-content form {

  max-width: 920px;

  margin: auto;

}

.slider.home4 .wrap-slider {

  position: relative;

}

.slider.home4 .wrap-slider::after {

  position: absolute;

  content: url(../images/sale.svg);

  bottom: 0;

  right: 0;

  z-index: 0;

}

.slider.home4 .wrap-slider::before {

  position: absolute;

  content: url(../images/rent.svg);

  bottom: 0;

  left: 0;

  z-index: 0;

}

.slider.home4 .wrap-slider .slider-item {

  position: relative;

  z-index: 5;

}

.slider.home4 .wrap-slider .slider-item .slider-content {

  padding-top: 259px;

  padding-bottom: 184px;

  padding-right: 17px;

}

.slider.home4 .wrap-slider .slider-item .slider-content .sub {

  color: var(--Fourth);

  border-color: var(--Fourth);

  margin-bottom: 24px;

}

.slider.home4 .wrap-slider .slider-item .slider-content .text-content {

  margin-bottom: 10px;

}

.slider.home4 .wrap-slider .slider-item .slider-content h1 {

  color: var(--Fourth);

  font-weight: 500;

  margin-bottom: 46px;

  max-width: none;

}

.slider.home4 .wrap-slider .slider-item .slider-content > .text-1 {

  font-size: 16px;

  font-weight: 500;

  line-height: 19px;

  color: var(--Fourth);

  margin-bottom: 26px;

}

.slider.home4 .wrap-slider .slider-item .slider-content .list-links {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

}

.slider.home4 .wrap-slider .slider-item .slider-content .list-links a {

  font-size: 13px;

  font-weight: 400;

  line-height: 15px;

  padding: 8px 17px;

  border-radius: 120px;

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

  color: var(--Fourth);

}

.slider.home4 .wrap-slider form {

  max-width: 686px;

  margin: auto;

  margin-bottom: 56px;

}

.slider.home5 .wrap-slider {

  position: relative;

  background-color: #FFF8F6;

}

.slider.home5 .wrap-slider .slider-content {

  padding-top: 281px;

  padding-bottom: 139px;

  text-align: start;

}

.slider.home5 .wrap-slider .slider-content p {

  color: var(--Fourth);

  margin-bottom: 8px;

}

.slider.home5 .wrap-slider .slider-content .text-content {

  margin-bottom: 10px;

}

.slider.home5 .wrap-slider .slider-content h1 {

  position: relative;

  z-index: 15;

  color: var(--Fourth);

  font-weight: 500;

  margin-bottom: 46px;

  max-width: none;

}

.slider.home5 .wrap-slider .slider-content h1 span {

  color: var(--Primary);

}

.slider.home5 .wrap-slider .slider-content > form {

  position: relative;

  z-index: 15;

  margin-bottom: 60px;

  max-width: 1022px;

  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.0509803922);

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

}

.slider.home5 .wrap-slider .slider-content .text-1 {

  font-size: 16px;

  font-weight: 500;

  line-height: 19px;

  color: var(--Fourth);

}

.slider.home5 .wrap-slider .slider-content .list-links {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

}

.slider.home5 .wrap-slider .slider-content .list-links a {

  font-size: 13px;

  font-weight: 400;

  line-height: 15px;

  padding: 8px 17px;

  border-radius: 120px;

  background-color: var(--White);

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

  color: var(--Fourth);

}

.slider.home5 .wrap-slider .slider-content .left {

  position: absolute;

  top: 158px;

  right: 0;

  z-index: 2;

}

.slider.home5 .wrap-slider .slider-content .left form {

  position: absolute;

  top: 16px;

  left: -31px;

  width: 100%;

  max-width: 378px;

}

.slider.home5 .wrap-slider .slider-content .left .box-agents {

  position: absolute;

  right: -47px;

  bottom: -30px;

  border-radius: 24px;

  background-color: var(--White);

  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.05);

}

.slider.home5 .wrap-slider .slider-content .left .wrap-img {

  max-width: 567px;

}

.slider.home5 .wrap-slider .slider-content .left .wrap-img img {

  width: 100%;

}

.slider.home5 .wrap-slider .slider-content .left .wrap-img .img-1 {

  border-radius: 200px 0px 0px 30px;

}

.slider.home5 .wrap-slider .slider-content .left .wrap-img .img-2 {

  border-radius: 30px 0px 0px 30px;

}

.slider.home5 .wrap-slider .slider-content .left .wrap-img .img-3 {

  border-radius: 0px 30px 30px 0px;

}

.slider.home5 .wrap-slider .slider-content .left .wrap-img .img-4 {

  border-radius: 0px 30px 200px 0px;

}

.slider.home6 .wrap-slider {

  position: relative;

  background-color: var(--Secondary);

}

.slider.home6 .wrap-slider .slider-item {

  background-image: url(../images/slider/slider-home-6.jpg);

  background-repeat: no-repeat;

  background-position: 100% 100%;

  background-size: 924px;

  position: relative;

}

.slider.home6 .wrap-slider .slider-item::before {

  position: absolute;

  content: "";

  width: 583px;

  height: 583px;

  top: -63px;

  bottom: -73px;

  opacity: 0.2;

  background-color: var(--Primary);

  filter: blur(500px);

}

.slider.home6 .wrap-slider .slider-item .slider-content {

  text-align: start;

  padding-top: 267px;

  padding-bottom: 159px;

}

.slider.home6 .wrap-slider .slider-item .slider-content .sub {

  margin-left: unset;

  margin-right: unset;

}

.slider.home6 .wrap-slider .slider-item .slider-content h1 {

  margin-left: unset;

  margin-right: unset;

  margin-bottom: 8px;

  max-width: unset;

}

.slider.home6 .wrap-slider .slider-item .slider-content h1 span {

  color: var(--Primary);

}

.slider.home6 .wrap-slider .slider-item .slider-content > p {

  color: var(--White);

  margin-bottom: 47px;

}

.slider.home6 .wrap-slider .slider-item .slider-content .list-link {

  justify-content: start;

}

.slider.home6 .wrap-slider .slider-item .slider-content .form-search-home6 {

  position: relative;

  z-index: 15;

  margin-bottom: 60px;

  max-width: 899px;

  border: 0;

}

.slider.home7 .wrap-slider {

  position: relative;

  background-color: #FFF8F6;

}

.slider.home7 .wrap-slider .image {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

}

.slider.home7 .wrap-slider .image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.slider.home7 .wrap-slider::before {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  z-index: 1;

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

}

.slider.home7 .wrap-slider .slider-item {

  position: relative;

  z-index: 5;

}

.slider.home7 .wrap-slider .slider-item .slider-content {

  padding-top: 284px;

  padding-bottom: 228px;

  text-align: center;

}

.slider.home7 .wrap-slider .slider-item .slider-content .text {

  font-size: 17px;

  font-weight: 400;

  line-height: 20px;

  color: var(--White);

  margin-bottom: 33px;

}

.slider.home7 .wrap-slider .slider-item .slider-content h1 {

  max-width: 587px;

  font-weight: 500;

  margin-bottom: 32px;

}

.slider.home7 .wrap-slider .slider-item .slider-content .text-1 {

  font-size: 21px;

  font-weight: 500;

  line-height: 24.61px;

  margin-bottom: 44px;

  color: var(--White);

}

.slider.home7 .swiper-button-next {

  right: 60px !important;

}

.slider.home7 .swiper-button-prev {

  left: 60px !important;

}

.slider.home7 > form {

  max-width: 1162px;

  margin-left: auto;

  margin-right: auto;

  margin-top: -48px;

  border-radius: 24px !important;

  gap: 50px;

}

.slider.home7 > form > .list .group-form {

  width: 172px;

}

.slider.home7 > form > .list .group-form.form-search-content {

  width: 356px;

}

.slider.home8 .wrap-slider {

  position: relative;

  background-image: url(../images/slider/slider-home-8.jpg);

  border-radius: 24px;

}

.slider.home8 .wrap-slider .slider-item {

  position: relative;

  z-index: 5;

}

.slider.home8 .wrap-slider .slider-item .slider-content {

  padding-top: 192px;

  padding-bottom: 308px;

}

.slider.home8 .wrap-slider .slider-item .slider-content h1 {

  max-width: unset;

  margin-bottom: 8px;

}

.slider.home8 .wrap-slider .slider-item .slider-content > p {

  color: var(--White);

  margin-bottom: 51px;

}

.slider.home8 .wrap-slider .slider-item .slider-content .widget-tabs {

  max-width: 899px;

  margin-left: auto;

  margin-right: auto;

}

.slider.home8 .wrap-slider .slider-item .slider-content .widget-tabs .widget-menu-tab {

  justify-content: center;

}

.slider.home8 .wrap-slider .slider-item .slider-content .widget-tabs .form-search-home6 {

  text-align: start;

  border-radius: 24px;

}

.slider.home8 .wrap-slider .slider-item .slider-content .widget-tabs .form-search-home6 .wg-filter .tf-button-filter {

  border-radius: 12px;

}

.slider.home8 .wrap-slider .slider-item .slider-content .widget-tabs .form-search-home6 .button-submit button {

  border-radius: 12px;

  color: var(--White);

  background-color: var(--Secondary);

}

.slider.home8 .wrap-slider .counter {

  position: absolute;

  bottom: 0;

  right: 0;

  width: 100%;

  max-width: 900px;

  height: 80px;

  padding: 26px 200px 0 102px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: space-between;

  background-image: url(../images/image-box/img-3.png);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

.slider.home8 .wrap-slider .counter .number-counter div {

  font-size: 30px;

  font-weight: 500;

  line-height: 35px;

  margin-bottom: 0;

}

.slider.home8 .wrap-slider .counter .number-counter div,

.slider.home8 .wrap-slider .counter p {

  color: var(--Secondary);

}

.slider.home9 .top {

  padding-top: 29px;

  padding-bottom: 48px;

}

.slider.home9 .top .row {

  align-items: flex-end;

}

.slider.home9 .top .tf-button-primary {

  margin-bottom: 12px;

}

.slider.home9 .top h2 {

  font-size: 50px;

  font-weight: 500;

  line-height: 59px;

}

.slider.home9 .top .box-agents {

  padding: 0;

  margin-bottom: 12px;

  align-items: start;

}

.slider.home9 .top .box-agents .text div {

  margin-top: 10px;

}

.slider.home9 .wrap-slider {

  position: relative;

  border-radius: 24px;

  background-image: url(../images/slider/slider-home-9.jpg);

  background-attachment: fixed;

}

.slider.home9 .wrap-slider::before {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  border-radius: 24px;

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

}

.slider.home9 .wrap-slider .slider-item {

  padding-top: 74px;

  padding-bottom: 74px;

}

.slider.home9 .wrap-slider .slider-item .button-play-video {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 20px;

  height: 100%;

  padding: 20px 0;

}

.slider.home9 .wrap-slider .slider-item .button-play-video .video-wrap {

  width: 86px;

  height: 86px;

}

.slider.home9 .wrap-slider .slider-item .button-play-video .video-wrap .popup-youtube {

  width: 100%;

  height: 100%;

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

}

.slider.home9 .wrap-slider .slider-item .button-play-video p {

  color: var(--White);

}

.slider.home10 .wrap-slider {

  position: relative;

  background-image: url(../images/slider/slider-home-10.jpg);

  background-attachment: fixed;

}

.slider.home10 .wrap-slider .slider-content {

  padding-top: 323px;

  padding-bottom: 391px;

  text-align: start;

}

.slider.home10 .wrap-slider .slider-content h1 {

  max-width: unset;

  margin-bottom: 12px;

}

.slider.home10 .wrap-slider .slider-content h1 span {

  color: var(--Primary);

}

.slider.home10 .wrap-slider .slider-content .text {

  font-size: 16px;

  font-weight: 400;

  line-height: 19px;

  color: var(--White);

  margin-bottom: 57px;

}

.slider.home10 .wrap-slider .slider-content .btns-more {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 10px;

  font-size: 15px;

  font-weight: 500;

  line-height: 18px;

  color: var(--Primary);

}

.slider.home10 .wrap-slider .slider-content .btns-more i {

  font-size: 18px;

}

.slider.home10 .wrap-slider .slider-content .btns-more:hover {

  color: var(--White);

}

.slider.home10 .wrap-slider .counter {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  max-width: 960px;

  height: 150px;

  border-radius: 0px 24px 0px 0px;

  padding: 45px 102px 45px 260px;

  background-color: var(--Primary);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: space-between;

}

.slider.home10 .wrap-slider .counter .number-counter div {

  font-size: 30px;

  font-weight: 500;

  line-height: 35px;

  margin-bottom: 0;

}

.slider.home10 .wrap-slider .counter .number-counter div,

.slider.home10 .wrap-slider .counter p {

  color: var(--Secondary);

}

.slider.page-404 {

  padding: 20px 20px 0 20px;

}

.slider.page-404 .wrap-slider {

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

  background-attachment: unset;

  border-radius: 24px;

}

.slider.page-404 .wrap-slider .slider-item .slider-content {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding-top: 200px;

  padding-bottom: 200px;

  min-height: calc(100vh - 40px);

}

.slider.page-404 .wrap-slider .slider-item .slider-content > .heading {

  font-size: 70px;

  font-weight: 600;

  line-height: 82px;

  color: var(--White);

  margin-bottom: 4px;

}

.slider.page-404 .wrap-slider .slider-item .slider-content > h2 {

  color: var(--White);

  margin-bottom: 14px;

}

.slider.page-404 .wrap-slider .slider-item .slider-content > .text-content {

  color: var(--White);

  margin-bottom: 53px;

}

.slider.page-404 .wrap-slider .slider-item .slider-content > form {

  width: 100%;

  max-width: 565px;

  margin-left: auto;

  margin-right: auto;

}



.luxury-home {

  background-color: var(--Fourth);

  border-radius: 24px;

  padding-bottom: 191px;

}

.luxury-home.has-bg-vector-1 {

  position: relative;

}

.luxury-home.has-bg-vector-1::before {

  position: absolute;

  bottom: -35px;

  left: -20px;

  right: -20px;

  content: url(../images/section/bg-luxury-home.png);

}

.luxury-home .image {

  position: relative;

}

.luxury-home .image img {

  width: 100%;

  border-radius: 16px;

}

.luxury-home .image .box {

  position: absolute;

  top: 20px;

  left: 20px;

  background-color: var(--White);

  padding: 20px 60px 20px 30px;

  border-radius: 16px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 20px;

}

.luxury-home .image .box .icon {

  width: 60px;

  height: 60px;

  background-color: rgba(231, 200, 115, 0.2);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

}

.luxury-home .image .box .icon i {

  font-size: 26px;

}

.luxury-home .content {

  height: 100%;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding-bottom: 9px;

}

.luxury-home .content h2 {

  color: var(--White);

  margin-bottom: 34px;

}

.luxury-home .content .text-content {

  color: var(--White);

  margin-bottom: 43px;

}

.luxury-home .content ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 30px 53px;

  flex-wrap: wrap;

  margin-bottom: 41px;

}

.luxury-home .content ul li h4 {

  margin-bottom: 14px;

}

.luxury-home .counter {

  padding-top: 91px;

}

.luxury-home.style-1 {

  background-color: var(--White);

  padding-bottom: 199px;

}

.luxury-home.style-1 .content {

  padding-top: 123px;

  justify-content: unset;

}

.luxury-home.style-1 .content .text-content {

  color: var(--Secondary);

  margin-bottom: 36px;

}

.luxury-home.style-1 .content h2 {

  color: var(--Secondary);

}

.luxury-home.style-1 .heading-section {

  margin-top: 196px;

}

.luxury-home.style-2 {

  background-color: var(--White);

  padding-bottom: 199px;

}

.luxury-home.style-2 .content .text-content {

  color: var(--Secondary);

  margin-bottom: 36px;

}

.luxury-home.style-2 .content h2 {

  color: var(--Secondary);

}

.luxury-home.style-2 .image {

  width: 100%;

  max-width: 576px;

  margin-left: auto;

}

.luxury-home.style-2 .image .box {

  bottom: 20px;

  left: 20px;

  top: unset;

  background-color: var(--Fourth);

}

.luxury-home.style-2 .image .box .icon {

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

}

.luxury-home.style-2 .image .box .icon i {

  color: var(--White);

}

.luxury-home.style-2 .image .box h4,

.luxury-home.style-2 .image .box p {

  color: var(--White);

}

.luxury-home.style-2 .heading-section {

  margin-top: 196px;

}

.luxury-home.style-3 {

  border-radius: 0;

  background-color: rgb(255, 248, 246);

  padding-top: 0;

  padding-bottom: 0;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}

.luxury-home.style-3 .image {

  width: 100%;

}

.luxury-home.style-3 .image img {

  border-radius: 0;

  height: 100%;

  object-fit: cover;

}

.luxury-home.style-3 .content {

  width: 100%;

  padding: 191px 50px 191px 147px;

}

.luxury-home.style-3 .content .text-content {

  margin-bottom: 36px;

}

.luxury-home.style-3 .content h2,

.luxury-home.style-3 .content .text-content {

  color: var(--Secondary);

}

.luxury-home.style-4 {

  background-color: var(--White);

  padding-bottom: 200px;

}

.luxury-home.style-4 .content {

  justify-content: start;

  padding-top: 69px;

}

.luxury-home.style-4 .content h2,

.luxury-home.style-4 .content .text-content {

  color: var(--Secondary);

}

.luxury-home.style-4 .content .text-content {

  margin-bottom: 34px;

}

.luxury-home.style-4 .content .counter {

  padding-top: 0;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 90px;

  max-width: 470px;

  margin-bottom: 41px;

}

.luxury-home.style-4 .content .counter > div {

  width: 100%;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 42px;

  flex-direction: column;

}

.luxury-home.style-4 .content .counter .number-counter div,

.luxury-home.style-4 .content .counter p {

  color: var(--Secondary);

}

.luxury-home.style-5 {

  background-color: var(--White);

  padding-bottom: 200px;

}

.luxury-home.style-5 .content h2,

.luxury-home.style-5 .content .text-content {

  color: var(--Secondary);

}



.parallax-wrap {

  padding-top: 216px;

  padding-bottom: 229px;

  text-align: center;

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

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  background-attachment: scroll;

  position: relative;

}

.parallax-wrap .heading {

  font-weight: 500;

  font-size: 60px;

  line-height: 70px;

  color: #111235;

  margin-bottom: 30px;

}

.parallax-wrap .text {

  font-weight: 400;

  font-size: 16px;

  line-height: 24px;

  color: #111235;

  margin-bottom: 43px;

}

.parallax-wrap .color-white .heading,

.parallax-wrap .color-white .text {

  color: var(--White);

}

.parallax-wrap.style-1 {
  padding-bottom: 228px;
  background-image: url(../images/section/parallax-2.jpg);
}

.parallax-wrap.style-1::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(26, 26, 26, 0.8) 0%, rgba(26, 26, 26, 0.1) 61.39%, rgba(26, 26, 26, 0) 100%);
}

.parallax-wrap.style-1 .content {
  position: relative;
  z-index: 7;
}





@media (max-width: 768px) {
  .parallax-wrap.style-s11 {
    background-image: url(../files/mobil-hakkimizda-banner.webp);
  }
}


.parallax-wrap.style-11 {
  padding-bottom: 228px;
  background-image: url(../files/Hakkimizda_Banner.webp);
}



.parallax-wrap.style-11::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.parallax-wrap.style-11 .content {
  position: relative;
  z-index:7
}


.progress-wrap {

  position: fixed;

  bottom: 30px;

  right: 30px;

  height: 50px;

  width: 50px;

  cursor: pointer;

  display: block;

  border-radius: 30px;

  -webkit-box-shadow: inset 0 0 0 2px rgba(130, 130, 130, 0.2);

  box-shadow: inset 0 0 0 2px rgba(130, 130, 130, 0.2);

  z-index: 100;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(20px);

  -ms-transform: translateY(20px);

  transform: translateY(20px);

  -webkit-transition: all 300ms linear;

  -o-transition: all 300ms linear;

  transition: all 300ms linear;

  background: var(--Secondary);

}

.progress-wrap::after {

  position: absolute;

  content: "\ea3a";

  font-family: "icomoon";

  text-align: center;

  line-height: 50px;

  font-size: 16px;

  color: var(--White);

  left: 0;

  top: 0;

  height: 50px;

  width: 50px;

  cursor: pointer;

  display: block;

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

  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;

}



.preload-container {

  position: fixed;

  top: 0px;

  left: 0px;

  z-index: 1000000000000000000000;

  height: 100%;

  width: 100%;

  background-color: #fff;

}

.preload-container .middle {

  top: 50%;

  left: 50%;

  position: absolute;

  z-index: 100;

  margin:-130px;

  width: 250px;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: contain;

  content: url(../images/logo/logo-3.svg);

  animation: preload 1.2s linear infinite alternate;

}



#header_main {

  position: relative;

  z-index: 100;

}

#header_main .header-inner {

  padding: 20px 20px 0 20px !important;

}

#header_main .header-inner.background-white .header-inner-wrap {

  background-color: var(--White);

}

#header_main .header-inner .header-inner-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

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

  /* border-radius: 24px; */

  padding-left: 40px;

  padding-right: 40px;

}

#header_main .header-inner .header-inner-wrap #site-logo #logo-header-mobile {

  display: none;

}

#header_main .header-inner .header-inner-wrap .main-menu ul.navigation {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 40px;

  margin-left: 197px;

}

#header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li {

  position: relative;

}

#header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li > a {

  line-height: 100px;

}

#header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li > ul {

  position: absolute;

  min-width: 270px;

  padding: 30px;

  opacity: 0;

  border-radius: 16px;

  background-color: var(--White);

  visibility: hidden;

  transform: translateY(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;

  pointer-events: none;

}

#header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li > ul > li {

  line-height: 40px;

}

#header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li > ul > li a {

  position: relative;

  font-weight: 400;

  font-size: 15px;

  line-height: 40px;

}

#header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li > ul > li a::after {

  position: absolute;

  content: "";

  bottom: 0;

  left: auto;

  right: 0;

  width: 0;

  height: 1px;

  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;

}

#header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li > ul > li a.current::after, #header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li > ul > li a:hover::after {

  width: 100%;

  left: 0px;

  right: auto;

}

#header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li > ul.mega-menu {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 130px;

  padding: 40px 45px;

  transform: translateX(-50%) translateY(10px);

}

#header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li > ul.mega-menu .title {

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

  color: var(--Secondary);

  margin-bottom: 33px;

}

#header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li:hover ul {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

  pointer-events: all;

}

#header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li:hover ul.mega-menu {

  transform: translateX(-50%) translateY(0px);

}

#header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li::after {

  position: absolute;

  content: "";

  bottom: 0;

  left: auto;

  right: 0;

  width: 0;

  height: 2px;

  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;

}

#header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li:hover::after {

  width: 100%;

  left: 0px;

  right: auto;

}

#header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li.current::after {

  position: absolute;

  content: "";

  bottom: 0;

  width: 100%;

  height: 2px;

  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;

}

#header_main .header-inner .header-inner-wrap .main-menu ul.navigation a,

#header_main .header-inner .header-inner-wrap .main-menu ul.navigation li {

  width: max-content;

  font-weight: 500;

  font-size: 16px;

  line-height: 19px;

  color: var(--Secondary);

}

#header_main .header-inner .header-inner-wrap .main-menu.style-white > ul > li > a {

  color: var(--White);

}

#header_main .header-inner .header-inner-wrap .main-menu.style-white > ul > li::after {

  background-color: var(--White) !important;

}

#header_main .header-inner .header-inner-wrap .main-menu.style-blue > ul > li > a {

  color: var(--Fourth);

}

#header_main .header-inner .header-inner-wrap .main-menu.style-blue > ul > li::after {

  background-color: var(--Fourth) !important;

}

#header_main .header-inner .header-inner-wrap .header-right {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 20px;

}

#header_main .header-inner .header-inner-wrap .header-right .header-call {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 15px;

  cursor: pointer;

}

#header_main .header-inner .header-inner-wrap .header-right .header-call .icon i {

  font-size: 20px;

  color: var(--Secondary);

}

#header_main .header-inner .header-inner-wrap .header-right .header-call .number {

  font-size: 16px;

  font-weight: 500;

  line-height: 19px;

  color: var(--Secondary);

}

#header_main .header-inner .header-inner-wrap .header-right .header-call.style-white .number {

  color: var(--White);

}

#header_main .header-inner .header-inner-wrap .header-right .header-call.style-white .icon i {

  color: var(--White);

}

#header_main .header-inner .header-inner-wrap .header-right .header-call.style-blue .number {

  color: var(--Fourth);

}

#header_main .header-inner .header-inner-wrap .header-right .header-call.style-blue .icon i {

  color: var(--Fourth);

}

#header_main .header-inner .header-inner-wrap .header-right .header-user {

  width: 41px;

  height: 41px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

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

  border-radius: 50%;

  cursor: pointer;

  flex-shrink: 0;

}

#header_main .header-inner .header-inner-wrap .header-right .header-user i {

  font-size: 16px;

  color: var(--Secondary);

}

#header_main .header-inner .header-inner-wrap .header-right .header-user.style-white {

  border-color: var(--White);

}

#header_main .header-inner .header-inner-wrap .header-right .header-user.style-white .icon i {

  color: var(--White);

}

#header_main .header-inner .header-inner-wrap .header-right .header-user.style-blue {

  border-color: var(--Fourth);

}

#header_main .header-inner .header-inner-wrap .header-right .header-user.style-blue .icon i {

  color: var(--Fourth);

}

#header_main .header-inner .header-inner-wrap .header-right .header-user-login {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

}

#header_main .header-inner .header-inner-wrap .header-right .header-user-login .image {

  width: 41px;

  height: 41px;

}

#header_main .header-inner .header-inner-wrap .header-right .header-user-login .image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 50%;

}

#header_main .header-inner .header-inner-wrap .header-right .header-user-login .name {

  font-size: 16px;

  font-weight: 500;

  line-height: 19px;

  color: var(--Secondary);

}

#header_main .header-inner .header-inner-wrap .mobile-button {

  display: none;

  width: 23px;

  height: 10px;

  position: relative;

}

#header_main .header-inner .header-inner-wrap .mobile-button::before, #header_main .header-inner .header-inner-wrap .mobile-button::after {

  position: absolute;

  content: "";

  left: 0;

  right: 0;

  height: 2px;

  background-color: var(--Secondary);

}

#header_main .header-inner .header-inner-wrap .mobile-button::before {

  top: 0;

}

#header_main .header-inner .header-inner-wrap .mobile-button::after {

  bottom: 0;

}

#header_main.is-fixed {

  position: fixed !important;

  padding: 0;

  top: -100%;

  left: 0;

  width: 100%;

  z-index: 9999;

  border: none;

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

}

#header_main.is-fixed.is-small {

  top: 0;

}

#header_main.is-fixed.is-small .header-inner {

  padding-top: 0 !important;

}

#header_main.is-fixed.is-small .header-inner .header-inner-wrap {

  background-color: var(--White);

}

#header_main.is-fixed.type-home1.is-small {

  top: 20px;

}

#header_main.style-absolute {

  position: absolute;

  width: 100%;

}

#header_main.style-no-bg .header-inner .header-inner-wrap {

  background-color: transparent;

  border: 0;

}

#header_main.style-no-bg.is-fixed.is-small .header-inner .header-inner-wrap {

  background-color: var(--Secondary);

}

#header_main.style-no-bg .header-inner .header-inner-wrap .main-menu ul.navigation > li::after {

  bottom: 29px;

  height: 2px;

}

#header_main.type-home2 .header-inner .header-inner-wrap {

  background-color: var(--White);

}

#header_main.type-home3 {

  border-bottom: 1px solid rgba(151, 170, 190, 0.5);

}

#header_main.type-home3 .header-inner {

  padding: 0 !important;

}

#header_main.type-home3 .header-inner .header-inner-wrap {

  padding-left: 60px;

  padding-right: 60px;

  border-radius: 0;

}

#header_main.type-home3 .header-inner .header-inner-wrap #site-logo {

  position: absolute;

  top: 50%;

  left: 50%;

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

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

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

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

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

}

#header_main.type-home3 .header-inner .header-inner-wrap .main-menu .navigation {

  margin-left: 0;

}

#header_main.type-home3 .header-inner .header-inner-wrap .main-menu .navigation > li > a {

  line-height: 81px;

}

#header_main.type-home3 .header-inner .header-inner-wrap .main-menu .navigation > li .mega-menu {

  left: 0;

  transform: translateY(10px);

}

#header_main.type-home3 .header-inner .header-inner-wrap .main-menu .navigation > li:hover .mega-menu {

  transform: translateY(0px);

}

#header_main.type-home3.is-fixed.is-small .header-inner .header-inner-wrap {

  background-color: var(--White);

}

#header_main.type-home4 .header-inner {

  padding: 10px 20px 0 20px !important;

}

#header_main.type-home4.is-fixed.is-small {

  background-color: var(--White);

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

}

#header_main.type-home4.is-fixed.is-small .header-inner .header-inner-wrap {

  background-color: transparent;

}

#header_main.type-home6 .header-inner {

  padding: 10px 20px 0 20px !important;

}

#header_main.type-home6.is-fixed.is-small {

  background-color: var(--Secondary);

  border: 0;

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

}

#header_main.type-home6.is-fixed.is-small .header-inner .header-inner-wrap {

  background-color: transparent;

}

#header_main.type-home8 .header-inner {

  padding: 0px 20px 0 20px !important;

}

#header_main.type-home8 .header-inner .header-inner-wrap .main-menu ul.navigation > li > a {

  line-height: 81px;

}

#header_main.type-home8.is-fixed.is-small {

  background-color: var(--White);

  border: 0;

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

}

#header_main.type-home8.is-fixed.is-small .header-inner .header-inner-wrap {

  background-color: transparent;

}

#header_main.type-home10 .header-inner {

  padding: 10px 20px 0 20px !important;

}

#header_main.type-home10.is-fixed.is-small {

  background-color: var(--Secondary);

  border: 0;

}

#header_main.type-home10.is-fixed.is-small .header-inner .header-inner-wrap {

  background-color: transparent;

}

#header_main.style-bg-white .header-inner {

  padding: 40px 130px 0 130px !important

  

}

#header_main.style-bg-white .header-inner .header-inner-wrap {

  /* border-radius: 120px; */

  padding-right: 20px;

}

#header_main.style-bg-white .header-inner .header-inner-wrap .main-menu ul.navigation {

  gap: 50px;

}

#header_main.style-bg-white .header-inner .header-inner-wrap .main-menu ul.navigation > li::after {

  display: none;

}

#header_main.style-bg-white .header-inner .header-inner-wrap .main-menu ul.navigation > li::before {

  position: absolute;

  content: "";

  top: 50%;

  left: 50%;

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

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

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

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

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

  width: calc(100% + 50px);

  height: 41px;

  border-radius: 120px;

  background-color: unset;

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

}

#header_main.style-bg-white .header-inner .header-inner-wrap .main-menu ul.navigation > li.current::before, 

#header_main.style-bg-white .header-inner .header-inner-wrap .main-menu ul.navigation > li:hover::before {

  /* background-color: var(--Primary); */

}





#header_main.style-bg-white .header-inner .header-inner-wrap .main-menu ul.navigation > li > a {

  position: relative;

  line-height: 79px;



}

#header_main.style-container .header-inner .header-inner-wrap {

  width: 100%;

  max-width: 1400px;

  margin-left: auto;

  margin-right: auto;

  padding-left: 0;

  padding-right: 0;

}

#header_main.style-container .header-inner .header-inner-wrap .main-menu {

  flex-grow: 1;

}

#header_main.style-container .header-inner .header-inner-wrap .main-menu .navigation {

  margin-left: 90px;

  justify-content: start;

}

#header_main.style-fixed {

  position: fixed;

  width: 100%;

  left: 0;

  top: 0 !important;

  background-color: #F9F9F9;

}

#header_main.style-fixed.none-bg {

  background-color: var(--White);

}



.mm-wrapper--position-left .mm-slideout,

.mm-wrapper--position-right .mm-slideout {

  transform: none;

}



#menu {

  font-size: 16px;

  font-weight: 500;

  line-height: 19px;

  color: var(--Secondary) !important;

  background-color: var(--White) !important;

}

#menu > a.close {

  position: absolute;

  top: 10px;

  left: unset;

  right: 20px;

  width: 40px;

  height: 40px;

  background-color: #F9F9F9;

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

}

#menu > a.close i {

  font-size: 10px;

  color: var(--Secondary);

}

#menu .mm-panels {

  background-color: var(--White) !important;

}

#menu .mm-panels .mm-panel {

  background-color: var(--White) !important;

}

#menu .mm-panels .mm-panel .mm-navbar {

  background-color: var(--White) !important;

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

}

#menu .mm-panels .mm-panel .mm-navbar .mm-navbar__title {

  justify-content: start;

  padding: 10px 20px;

  height: 60px;

  color: var(--Secondary) !important;

}

#menu .mm-panels .mm-panel .mm-listview {

  padding: 30px 20px;

}

#menu .mm-panels .mm-panel .mm-listview .current {

  background-color: #F9F9F9;

  border-radius: 12px;

}

#menu .mm-panels .mm-panel .mm-listview .mm-listitem .mm-btn {

  height: 51px;

}

#menu .mm-panels .mm-panel .mm-listview .mm-listitem .mm-btn::after {

  border-color: var(--Secondary);

}

#menu .mm-panels .mm-panel .mm-listview .mm-listitem::after {

  display: none;

}



@media (min-width: 992px) {

  #menu {

    display: none;

  }

}

.tf-button-default {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  padding: 10px 24px;

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

  /* border-radius: 120px; */

  color: var(--Secondary);

  font-weight: 500;

  font-size: 16px;

  line-height: 19px;

  -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-button-default:hover {

  background-color: var(--Fourth);

  color: var(----White);

}

.tf-button-default.style-white {

  color: var(--White);

  border-color: var(--White);

}

.tf-button-default.style-white:hover {

  background-color: var(--White);

  color: var(--Secondary);

}

.tf-button-default.style-blue {

  background-color: var(--White);

  border-color: var(--Fourth);

  color: var(--Fourth);

}

.tf-button-default.style-blue:hover {

  color: var(--White);

  background-color: var(--Fourth);

}

.tf-button-default.style-blue.active {

  color: var(--White);

  background-color: var(--Fourth);

}

.tf-button-default.style-blue.active:hover {

  background-color: #112e29;

}

.tf-button-default.type-1 {

  background-color: #F7F6F7;

  border-color: #F7F6F7;

}

.tf-button-default.type-1:hover {

  background-color: var(--Secondary);

  color: var(--White);

}



.tf-button-no-bg {

  position: relative;

  width: max-content;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  color: var(--Secondary);

  font-weight: 500;

  font-size: 15px;

  line-height: 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;

}

.tf-button-no-bg i {

  font-size: 18px;

}

.tf-button-no-bg:hover i {

  animation: 0.3s link-icon linear;

  color: var(--Primary);

}

.tf-button-no-bg.style-white {

  color: var(--White);

}

.tf-button-no-bg.style-white i {

  color: var(--White);

}



.tf-button-bg {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 13px;

  border-radius: 44px;

  padding: 13px 30px;

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

  font-weight: 500;

  font-size: 15px;

  line-height: 18px;

  color: var(--White);

}

.tf-button-bg:hover {

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

}

.tf-button-bg.type-secondary {

  background-color: var(--Secondary) !important;

}



.tf-button-green {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  padding: 9px 12px;

  border-radius: 8px;

  background-color: var(--Fourth);

  font-weight: 400;

  font-size: 13px;

  line-height: 15px;

  color: var(--White);

}

.tf-button-green i {

  font-size: 16px;

}

.tf-button-green:hover {

  background-color: #1e302d;

  color: var(--White);

}



.tf-button-primary {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  width: max-content;

  gap: 10px;

  padding: 18px 26px;

  border-radius: 12px;

  border: 0;

  background-color: #E7C873;

  font-weight: 500;

  font-size: 15px;

  line-height: 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;

}

.tf-button-primary i {

  font-size: 18px;

}

.tf-button-primary.active, .tf-button-primary:hover {

  background-color: #D9B75A;

  color: var(--Secondary);

}

.tf-button-primary.active i, .tf-button-primary:hover i {

  animation: 0.3s link-icon linear;

}

.tf-button-primary.style-green {

  background-color: #254EF0;

  color: var(--White);

}

.tf-button-primary.style-green:hover {

  background-color: #0a36e1;

}

.tf-button-primary.style-blue {

  background-color: var(--Fourth);

  color: var(--White);

}

.tf-button-primary.style-blue:hover {

  background-color: #112e29;

}

.tf-button-primary.style-bg-white {

  background-color: var(--White);

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

}

.tf-button-primary.style-bg-white.active, .tf-button-primary.style-bg-white:hover {

  background-color: rgba(217, 183, 90, 0.0509803922);

}

.tf-button-primary.style-black {

  background-color: var(--Secondary);

  color: var(--White);

}

.tf-button-primary.style-black.active, .tf-button-primary.style-black:hover {

  background-color: var(--Fourth);

}

.tf-button-primary.type-1 {

  padding: 17px 26px;

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

  border-radius: 120px;

}



.tf-button-filter {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  padding: 16px 30px;

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

  border-radius: 12px;

  color: var(--Secondary);

  font-weight: 500;

  font-size: 15px;

  line-height: 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;

}

.tf-button-filter i {

  font-size: 18px;

}

.tf-button-filter.border-radius {

  border-radius: 120px;

}



.button-arrow-right {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  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;

}

.button-arrow-right i {

  font-size: 18px;

  color: var(--Secondary);

}

.button-arrow-right:hover i {

  animation: 0.3s link-icon linear;

}

.button-arrow-right.style-third {

  background-color: var(--Third);

}

.button-arrow-right.style-third i {

  color: var(--White);

}



.tf-button-icon-before {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  padding-right: 20px;

  gap: 15px;

  font-weight: 500;

  font-size: 16px;

  line-height: 19px;

  color: var(--Secondary);

  position: relative;

}

.tf-button-icon-before::before {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  width: 50px;

  height: 50px;

  background-color: var(--White);

  border-radius: 50px;

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

}

.tf-button-icon-before span {

  position: relative;

}

.tf-button-icon-before i {

  position: relative;

  width: 50px;

  height: 50px;

  font-size: 20px;

  color: var(--Secondary);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.tf-button-icon-before:hover i {

  color: var(--Primary);

}

.tf-button-icon-before:hover::before {

  width: 100% !important;

}

.tf-button-icon-before.style-1 {

  font-weight: 400;

  font-size: 15px;

  line-height: 28px;

  gap: 10px;

  padding-right: 0;

}

.tf-button-icon-before.style-1 i {

  width: 40px;

  height: 40px;

  font-size: 16px;

  border-radius: 40px;

  background-color: #F9F9F9;

}

.tf-button-icon-before.style-1 .title {

  position: relative;

  font-weight: 500;

  font-size: 15px;

  line-height: 18px;

}

.tf-button-icon-before.style-1:hover {

  color: var(--Third);

}

.tf-button-icon-before.style-1:hover i {

  color: var(--Third);

}



.tf-button-other {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 10px;

  font-size: 15px;

  font-weight: 400;

  line-height: 26px;

  color: var(--Secondary);

}

.tf-button-other .icon {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  width: 26px;

  height: 26px;

  border-radius: 8px;

  background-color: var(--White);

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

  position: relative;

}

.tf-button-other .icon::after {

  position: absolute;

  content: "";

  top: 50%;

  left: 50%;

  background-color: var(--Secondary);

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

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

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

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

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

  width: 8px;

  height: 1px;

}

.tf-button-other .icon::before {

  position: absolute;

  content: "";

  top: 50%;

  left: 50%;

  background-color: var(--Secondary);

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

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

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

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

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

  height: 8px;

  width: 1px;

}



form {

  position: relative;

  z-index: 30;

}

form textarea,

form input[type=text],

form input[type=password],

form input[type=datetime],

form input[type=datetime-local],

form input[type=date],

form input[type=month],

form input[type=time],

form input[type=week],

form input[type=number],

form input[type=email],

form input[type=url],

form input[type=search],

form input[type=tel],

form input[type=color] {

  outline: 0;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  width: 100%;

  padding: 12px 18px;

  font-size: 15px;

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

  font-weight: 400;

  line-height: 28px;

  background-color: var(--White);

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

  /* border-radius: 12px; */

  color: var(--Secondary);

  overflow: hidden;

  margin-bottom: 0;

}

form textarea::placeholder,

form input[type=text]::placeholder,

form input[type=password]::placeholder,

form input[type=datetime]::placeholder,

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

form input[type=date]::placeholder,

form input[type=month]::placeholder,

form input[type=time]::placeholder,

form input[type=week]::placeholder,

form input[type=number]::placeholder,

form input[type=email]::placeholder,

form input[type=url]::placeholder,

form input[type=search]::placeholder,

form input[type=tel]::placeholder,

form input[type=color]::placeholder {

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

  font-size: 15px;

  font-weight: 400;

  line-height: 28px;

  color: var(--Secondary);

}

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 {

  height: 44px;

  padding: 0;

  border-radius: 0;

  border: 0;

  background-color: transparent;

  color: var(--White);

}

form textarea.style-1::placeholder,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  color: var(--White);

}

form textarea.style-2,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  font-size: 17px;

  font-weight: 400;

  line-height: 20px;

  padding: 0 30px;

  height: 70px;

  border-radius: 70px;

  background-color: var(--White);

}

form textarea.style-2::placeholder,

form input[type=text].style-2::placeholder,

form input[type=password].style-2::placeholder,

form input[type=datetime].style-2::placeholder,

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

form input[type=date].style-2::placeholder,

form input[type=month].style-2::placeholder,

form input[type=time].style-2::placeholder,

form input[type=week].style-2::placeholder,

form input[type=number].style-2::placeholder,

form input[type=email].style-2::placeholder,

form input[type=url].style-2::placeholder,

form input[type=search].style-2::placeholder,

form input[type=tel].style-2::placeholder,

form input[type=color].style-2::placeholder {

  font-size: 17px;

  font-weight: 400;

  line-height: 20px;

}

form textarea.style-3,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  font-size: 15px;

  font-weight: 400;

  line-height: 28px;

  padding: 0 56px;

  height: 55px;

  border-radius: 70px;

  background-color: var(--White);

}

form textarea.style-3::placeholder,

form input[type=text].style-3::placeholder,

form input[type=password].style-3::placeholder,

form input[type=datetime].style-3::placeholder,

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

form input[type=date].style-3::placeholder,

form input[type=month].style-3::placeholder,

form input[type=time].style-3::placeholder,

form input[type=week].style-3::placeholder,

form input[type=number].style-3::placeholder,

form input[type=email].style-3::placeholder,

form input[type=url].style-3::placeholder,

form input[type=search].style-3::placeholder,

form input[type=tel].style-3::placeholder,

form input[type=color].style-3::placeholder {

  font-size: 15px;

  font-weight: 400;

  line-height: 28px;

}

form textarea.style-4,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  font-size: 15px;

  font-weight: 400;

  line-height: 28px;

  padding: 0 30px;

  height: 70px;

  border: 0;

  border-radius: 70px;

  color: var(--White);

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

}

form textarea.style-4::placeholder,

form input[type=text].style-4::placeholder,

form input[type=password].style-4::placeholder,

form input[type=datetime].style-4::placeholder,

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

form input[type=date].style-4::placeholder,

form input[type=month].style-4::placeholder,

form input[type=time].style-4::placeholder,

form input[type=week].style-4::placeholder,

form input[type=number].style-4::placeholder,

form input[type=email].style-4::placeholder,

form input[type=url].style-4::placeholder,

form input[type=search].style-4::placeholder,

form input[type=tel].style-4::placeholder,

form input[type=color].style-4::placeholder {

  font-size: 15px;

  font-weight: 400;

  line-height: 28px;

  color: var(--White);

}

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 button,

form input[type=button],

form input[type=reset],

form input[type=submit] {

  padding: 14px 22px;

  font-size: 14px;

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

  font-weight: 400;

  line-height: 20px;

  background-color: var(--White);

  border-radius: 12px;

  color: var(--Secondary);

  overflow: hidden;

  display: inline-block;

  -webkit-appearance: none;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease;

  position: relative;

}

form textarea {

  height: 200px !important;

}

form .cols {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 30px;

  width: 100%;

}

form .cols.cols-two > * {

  width: 50%;

}

form .style-absolute-right {

  position: absolute;

  top: 50%;

  right: 0;

  z-index: 5;

  transform: translateY(-50%);

}

form .style-absolute-right-center {

  position: absolute;

  top: 50%;

  right: 19px;

  z-index: 5;

  transform: translateY(-50%);

}

form .style-absolute-left-center {

  position: absolute;

  top: 50%;

  left: 25px;

  z-index: 5;

  transform: translateY(-50%);

}

form .style-icon-default {

  padding: 0;

  background-color: transparent;

  border: 0;

  font-size: 17px;

}

form .style-icon-bg {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 60px;

  height: 60px;

  padding: 0;

  margin: 5px;

  background-color: var(--Primary);

  border: 0;

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

}

form .style-icon-bg 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;

  font-size: 20px;

}

form .style-icon-bg:hover {

  background-color: #D9B75A;

}

form.style-line-bottom {

  padding-bottom: 13px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);

}

form.form-search .button-submit button i {

  font-size: 17px;

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

}

form.form-search .button-submit button:hover i {

  color: var(--Primary);

}

form .style-subscribe {

  background-color: unset;

  border-radius: 0;

  padding: 0;

  border-left: 1px solid rgba(255, 255, 255, 0.1019607843);

  padding-left: 30px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  font-size: 15px;

  font-weight: 500;

  line-height: 16px;

  color: var(--White);

}

form .style-subscribe i {

  font-size: 19px;

}

form .style-subscribe.type-secondary {

  color: var(--Secondary);

}

form.form-subscribe input {

  padding-right: 160px !important;

}

form.form-style-fourth {

  border: 0 !important;

  border-radius: 120px;

  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.05) !important;

}

form.form-style-fourth input {

  border: 0 !important;

  color: var(--Fourth);

}

form.form-style-fourth input::placeholder {

  color: var(--Fourth);

}

form.form-style-fourth .button-submit button {

  background-color: var(--Fourth);

  color: var(--White);

}



fieldset {

  margin-bottom: 0px;

  width: 100%;

}

fieldset.phone {

  position: relative;

}

fieldset.phone::after {

  position: absolute;

  content: "";

  border-radius: 12px;

  width: 40px;

  top: 1px;

  bottom: 1px;

  right: 1px;

  background-color: var(--White);

}



.form-style-has-title {

  position: relative;

}

.form-style-has-title .title {

  font-size: 13px;

  font-weight: 400;

  line-height: 15px;

  color: #969696;

  margin-bottom: 4px;

}

.form-style-has-title .nice-select {

  padding: 0;

  border: 0 !important;

  background-color: transparent;

}

.form-style-has-title .nice-select::after {

  right: 3px;

  margin-top: -8px;

}

.form-style-has-title .nice-select ul.list {

  width: 300px;

}

.form-style-has-title .box-content-search {

  width: 540px;

}



form.background-secondary {

  background-color: var(--Secondary) !important;

}

form.background-secondary .divider-1 {

  background-color: rgba(255, 255, 255, 0.15) !important;

}

form.background-secondary input {

  color: var(--White) !important;

}

form.background-secondary input::placeholder {

  color: var(--White) !important;

}

form.background-secondary i {

  color: var(--White) !important;

}

form.background-secondary .wg-filter > .tf-button-filter {

  color: var(--White) !important;

  border-color: rgba(255, 255, 255, 0.15) !important;

}



.form-search-home3 {

  position: relative;

  z-index: 20;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  padding: 20px;

  border-radius: 120px;

  background-color: var(--White);

  text-align: start;

}

.form-search-home3 > div:nth-child(1) {

  width: 174px;

}

.form-search-home3 > div:nth-child(1) {

  width: 174px;

}

.form-search-home3 > div:nth-child(3) {

  width: 130px;

}

.form-search-home3 > div:nth-child(4) {

  width: 107px;

}

.form-search-home3 .button-submit button {

  padding: 19px 22px;

  background-color: #254EF0;

  width: 100%;

  color: var(--White);

  border-radius: 120px;

  font-size: 15px;

  font-weight: 500;

  line-height: 17px;

}

.form-search-home3 .nice-select > ul {

  width: 300px !important;

}

.form-search-home3 .box-content-search {

  width: 540px;

}

.form-search-home3 .wg-filter {

  position: unset;

}



.form-search-home5 {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: start;

  justify-content: center;

  gap: 40px;

  padding: 19px 20px 19px 30px;

  border-radius: 12px;

  background-color: var(--White);

  z-index: 50 !important;

}

.form-search-home5 > .list {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-grow: 1;

  gap: 30px;

  margin-top: 7px;

}

.form-search-home5 > .list > .divider-1 {

  background-color: var(--Border);

  width: 1px;

}

.form-search-home5 > .list .group-form {

  width: 152px;

}

.form-search-home5 > .list .group-form.form-search-content {

  width: 266px;

}

.form-search-home5 .button-submit button {

  padding: 19px 30px;

  background-color: var(--Primary);

  width: 100%;

  color: var(--Secondary);

  border-radius: 12px;

  font-size: 15px;

  font-weight: 500;

  line-height: 17px;

}

.form-search-home5 .wg-filter {

  position: unset;

}

.form-search-home5.background-secondary .wg-filter input {

  color: var(--Secondary) !important;

}

.form-search-home5.background-secondary .wg-filter input::placeholder {

  color: var(--Secondary) !important;

}



.form-search-home6 {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: start;

  justify-content: center;

  gap: 20px;

  padding: 20px 20px 20px 30px;

  border-radius: 0;

  background-color: var(--White);

}

.form-search-home6 > .list {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-grow: 1;

  gap: 30px;

  margin-top: 7px;

}

.form-search-home6 > .list > .divider-1 {

  background-color: var(--Border);

  width: 1px;

}

.form-search-home6 > .list .group-form {

  width: 172px;

}

.form-search-home6 > .list .group-form.form-search-content {

  width: 356px;

}

.form-search-home6 .wg-filter .tf-button-filter {

  border-radius: 0;

}

.form-search-home6 .button-submit button {

  padding: 19px 30px;

  background-color: var(--Primary);

  width: 100%;

  color: var(--Secondary);

  border-radius: 0;

  font-size: 15px;

  font-weight: 500;

  line-height: 17px;

}

.form-search-home6 .wg-filter {

  position: unset;

}



.form-search-home9 {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: start;

  justify-content: center;

  flex-direction: column;

  gap: 20px;

  padding: 40px;

  border-radius: 24px;

  background-color: var(--White);

}

.form-search-home9 > .list {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  width: 100%;

  gap: 20px;

  margin-top: 0;

}

.form-search-home9 > .list > .divider-1 {

  background-color: var(--Border);

  width: 1px;

}

.form-search-home9 > .list .group-form {

  width: 100%;

  padding: 18px 30px 11px;

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

  border-radius: 12px;

}

.form-search-home9 .button-submit {

  width: 100%;

}

.form-search-home9 .button-submit button {

  width: 100%;

  height: 78px;

}

.form-search-home9 .wg-filter {

  position: unset;

}



.form-sidebar-left {

  padding: 30px;

  background-color: #F9F9F9;

  border-radius: 16px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 20px;

  max-width: 390px;

}

.form-sidebar-left .input-search {

  width: 100%;

}

.form-sidebar-left .nice-select > .list {

  max-width: unset;

  width: 100%;

}



.has-top-title {

  position: relative;

}

.has-top-title textarea:valid,

.has-top-title input:valid {

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

}

.has-top-title textarea:valid ~ label,

.has-top-title input:valid ~ label {

  opacity: 1;

  visibility: visible;

}

.has-top-title textarea[type=email].has-value,

.has-top-title input[type=email].has-value {

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

}

.has-top-title textarea[type=email].has-value ~ label,

.has-top-title input[type=email].has-value ~ label {

  opacity: 1;

  visibility: visible;

}

.has-top-title textarea ~ label,

.has-top-title input ~ label {

  position: absolute;

  width: unset;

  height: 15px;

  top: -8px;

  left: 10px;

  padding: 2px 10px 2px 10px;

  color: var(--Secondary);

  font-size: 15px;

  font-weight: 400;

  line-height: 15px;

  text-align: left;

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

}

.has-top-title textarea ~ label::before,

.has-top-title input ~ label::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 2px;

  background-color: var(--White);

  top: 50%;

  left: 50%;

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

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

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

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

  transform: translate(-50%, 0);

  z-index: -1;

}



.form-shop-checkout .nice-select > .list {

  max-width: unset;

}



body::-webkit-scrollbar {

  width: 0px;

}



.main-content {

  padding-bottom: 200px;

}

.main-content.pt-200 {

  padding-top: 200px;

}

.main-content.style-1 {

  padding-bottom: 156px;

}

.main-content.spacing-20 {

  padding: 20px;

}

.main-content.default {

  padding-bottom: 0;

}

.main-content.px-110 {

  padding-left: 110px;

  padding-right: 110px;

}

.main-content.px-60 {

  padding-left: 60px;

  padding-right: 60px;

}

.main-content.px-20 {

  padding-left: 20px;

  padding-right: 20px;

}



.footer {

  padding: 0 20px 20px 20px;

}

.footer #logo-footer {

  width: 200px;

  height: 56px;

}

.footer .footer-inner {

  background-color: var(--Secondary);

  border-radius: 24px;

  padding: 50px 20px 40px 20px;

}

.footer .footer-inner .footer-inner-wrap {

  width: 100%;

  max-width: 1680px;

  margin: auto;

}

.footer .footer-inner .footer-inner-wrap .top-footer {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-bottom: 41px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);

}

.footer .footer-inner .footer-inner-wrap .top-footer .wg-social {

  margin-top: 2px;

}

.footer .footer-inner .footer-inner-wrap .center-footer {

  padding-top: 95px;

  padding-bottom: 87px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: space-between;

  gap: 15px;

}

.footer .footer-inner .footer-inner-wrap .center-footer .ft-title {

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

  color: #fff;

  opacity: 0.5;

  margin-bottom: 42px;

}

.footer .footer-inner .footer-inner-wrap .center-footer .navigation-menu-footer {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

}

.footer .footer-inner .footer-inner-wrap .center-footer .navigation-menu-footer li a {

  font-weight: 400;

  font-size: 15px;

  line-height: 35px;

  color: #fff;

}

.footer .footer-inner .footer-inner-wrap .center-footer .footer-cl-1 {

  width: 100%;

  max-width: 400px;

}

.footer .footer-inner .footer-inner-wrap .center-footer .footer-cl-3 .ft-title,

.footer .footer-inner .footer-inner-wrap .center-footer .footer-cl-2 .ft-title {

  margin-bottom: 30px;

}

.footer .footer-inner .footer-inner-wrap .center-footer .footer-cl-4 {

  width: 122px;

}

.footer .footer-inner .footer-inner-wrap .center-footer .footer-cl-4 .ft-title {

  margin-bottom: 34px;

}

.footer .footer-inner .footer-inner-wrap .center-footer .footer-cl-5 {

  width: 171px;

}

.footer .footer-inner .footer-inner-wrap .center-footer .footer-cl-5 .ft-title {

  margin-bottom: 34px;

}

.footer .footer-inner .footer-inner-wrap .center-footer form {

  margin-bottom: 42px;

}

.footer .footer-inner .footer-inner-wrap .center-footer form .button-submit {

  top: 0 !important;

  transform: none !important;

}

.footer .footer-inner .footer-inner-wrap .text {

  font-weight: 400;

  font-size: 15px;

  line-height: 28px;

  color: #fff;

}

.footer .footer-inner .footer-inner-wrap.style-container {

  max-width: 1400px;

}

.footer .bottom-footer {

  padding-top: 43px;

  border-top: 1px solid rgba(255, 255, 255, 0.1019607843);

  text-align: center;

}

.footer.style-1 .footer-inner .footer-inner-wrap .center-footer {

  flex-direction: column;

  align-items: center;

  padding-top: 50px;

  padding-bottom: 18px;

}

.footer.style-1 .footer-inner .footer-inner-wrap .center-footer .icon {

  width: 60px !important;

  height: 60px;

  background-color: #254EF0;

  border-radius: 50%;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 27px;

}

.footer.style-1 .footer-inner .footer-inner-wrap .center-footer .icon i {

  font-size: 30px;

  color: var(--White);

}

.footer.style-1 .footer-inner .footer-inner-wrap .center-footer h2 {

  color: var(--White);

  margin-bottom: -4px;

}

.footer.style-1 .footer-inner .footer-inner-wrap .center-footer p {

  color: var(--White);

  margin-bottom: 26px;

}

.footer.style-1 .footer-inner .footer-inner-wrap .center-footer form {

  width: 100%;

  max-width: 567px;

}

.footer.style-1 .footer-inner .footer-inner-wrap .center-footer form input {

  height: 60px !important;

}

.footer.style-1 .footer-inner .footer-inner-wrap .center-footer form .button-submit {

  right: 30px;

}

.footer.style-1 .footer-inner .footer-inner-wrap .center-footer form .style-absolute-right-center {

  top: 50% !important;

  transform: translateY(-50%) !important;

}

.footer.style-1 .bottom-footer {

  border: none;

  background-color: #222121;

  padding-top: 30px;

  padding-bottom: 29px;

}

.footer.style-1 .bottom-footer .inner {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.footer.style-1 .bottom-footer p {

  color: var(--White);

}

.footer.style-1 .bottom-footer .list-social {

  gap: 32px;

}

.footer.style-1.bg-fourth .footer-inner {

  background-color: var(--Fourth);

}

.footer.style-1.bg-fourth .footer-inner .footer-inner-wrap .center-footer .icon {

  background-color: var(--Primary);

}

.footer.style-1.bg-fourth .footer-inner .footer-inner-wrap .center-footer .icon i {

  color: var(--Fourth);

}

.footer.style-1.bg-fourth .bottom-footer {

  background-color: var(--Text);

}

.footer.style-1.background-white .footer-inner {

  background-color: var(--White);

}

.footer.style-1.background-white .footer-inner .footer-inner-wrap .center-footer .icon {

  background-color: var(--Primary);

}

.footer.style-1.background-white .footer-inner .footer-inner-wrap .center-footer .icon i {

  color: var(--Fourth);

}

.footer.style-1.background-white .footer-inner .footer-inner-wrap .center-footer h2,

.footer.style-1.background-white .footer-inner .footer-inner-wrap .center-footer p {

  color: var(--Secondary);

}

.footer.style-1.background-white .bottom-footer {

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

}

.footer.style-1.background-white .bottom-footer p {

  color: var(--Secondary);

}

.footer.style-1.background-white.type-1 .footer-inner {

  background-color: #F9F9F9;

}

.footer.style-1.background-white.type-1 .bottom-footer {

  background-color: #F2F1F1;

}

.footer.style-full {

  padding: 0;

}

.footer.style-full .footer-inner {

  border-radius: 0;

}

.footer.style-fourth .footer-inner {

  background-color: var(--Fourth);

}

.footer.bg-white .footer-inner {

  background-color: var(--White);

}

.footer.bg-white .footer-inner .footer-inner-wrap .top-footer {

  border-color: var(--Border);

}

.footer.bg-white .footer-inner .footer-inner-wrap .center-footer form {

  border-color: var(--Fourth);

}

.footer.bg-white .footer-inner .footer-inner-wrap .center-footer form input {

  color: var(--Fourth);

}

.footer.bg-white .footer-inner .footer-inner-wrap .center-footer form input::placeholder {

  color: var(--Fourth);

}

.footer.bg-white .footer-inner .footer-inner-wrap .center-footer form .button-submit button {

  background-color: var(--Fourth);

  color: var(--White);

}

.footer.bg-white .footer-inner .footer-inner-wrap .center-footer .icon {

  background-color: var(--Primary);

}

.footer.bg-white .footer-inner .footer-inner-wrap .center-footer .icon i {

  color: var(--White);

}

.footer.bg-white .footer-inner .footer-inner-wrap .center-footer .ft-title {

  color: var(--Secondary);

  opacity: 1;

}

.footer.bg-white .footer-inner .footer-inner-wrap .center-footer .text {

  color: var(--Fourth);

}

.footer.bg-white .footer-inner .footer-inner-wrap .center-footer .navigation-menu-footer li a {

  color: var(--Fourth);

}

.footer.bg-white .bottom-footer {

  background-color: var(--White);

  border-color: var(--Border);

}

.footer.bg-white .bottom-footer .text {

  color: var(--Fourth);

}

.footer.type-home8 {

  padding-left: 60px;

  padding-right: 60px;

  padding-bottom: 60px;

}

.footer.type-home8 .footer-inner {

  background-color: #F9F9FB;

}

.footer.type-home8 .bottom-footer {

  background-color: #F9F9FB;

}



.blog-single-wrap .image-head {

  margin-bottom: 40px;

}

.blog-single-wrap .image-head img {

  width: 100%;

  border-radius: 24px;

}

.blog-single-wrap .blog-single-inner {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 51px;

  margin-bottom: 200px;

}

.blog-single-wrap .blog-single-inner h2 {

  margin-bottom: 12px;

}

.blog-single-wrap .blog-single-inner h4 {

  margin-bottom: 24px;

}

.blog-single-wrap .blog-single-inner .grid-image {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 20px;

}

.blog-single-wrap .blog-single-inner .grid-image .right {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 20px;

}

.blog-single-wrap .blog-single-inner .grid-image .image img {

  width: 100%;

  border-radius: 12px;

}

.blog-single-wrap .blog-single-inner .grid-image-1 {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 20px;

}

.blog-single-wrap .blog-single-inner .grid-image-1 .image img {

  width: 100%;

  border-radius: 12px;

  margin-bottom: 12px;

}

.blog-single-wrap .blog-single-inner .grid-image-1 .image p {

  text-align: center;

}

.blog-single-wrap .blog-single-inner .bottom {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  margin-top: 19px;

  gap: 20px;

}

.blog-single-wrap .blog-single-inner .bottom .share {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 31px;

}

.blog-single-wrap .blog-single-inner .bottom .share span {

  font-weight: 500;

  font-size: 15px;

  line-height: 18px;

  color: var(--Secondary);

}

.blog-single-wrap .blog-single-inner .bottom .share ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 26px;

}

.blog-single-wrap .blog-single-inner .bottom .share ul li {

  position: relative;

}

.blog-single-wrap .blog-single-inner .bottom .share ul li:not(:last-child)::after {

  position: absolute;

  content: "";

  width: 4px;

  height: 4px;

  border-radius: 50%;

  background-color: var(--Fourth);

  right: -14px;

  top: 50%;

  transform: translateY(-50%);

}

.blog-single-wrap .blog-single-inner .bottom ul.tags {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 10px;

  flex-wrap: wrap;

}

.blog-single-wrap .blog-single-inner .bottom ul.tags li a {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 41px;

  padding: 0px 20px;

  border-radius: 8px;

  background-color: #F9F9F9;

  font-weight: 400;

  font-size: 15px;

  line-height: 28px;

}

.blog-single-wrap .blog-single-inner .box-admin {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 30px;

  background-color: #F9F9F9;

  border-radius: 16px;

  padding: 40px;

  margin-top: 29px;

}

.blog-single-wrap .blog-single-inner .box-admin .image {

  width: 112px;

  height: 112px;

  border-radius: 50%;

  overflow: hidden;

  flex-shrink: 0;

}

.blog-single-wrap .blog-single-inner .box-admin .content .name {

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

  color: var(--Secondary);

  margin-bottom: 5px;

}

.blog-single-wrap .blog-single-inner .nav-links {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 24px;

}

.blog-single-wrap .blog-single-inner .nav-links > svg {

  margin-right: 13px;

}

.blog-single-wrap .blog-single-inner .nav-links .post-navigation {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 20px;

}

.blog-single-wrap .blog-single-inner .nav-links .post-navigation > a {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

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

  border-radius: 40px;

  width: 60px;

  height: 39px;

  margin-top: 5px;

}

.blog-single-wrap .blog-single-inner .nav-links .post-navigation > a i {

  font-size: 18px;

}

.blog-single-wrap .blog-single-inner .nav-links .post-navigation .content .title-post {

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

  color: var(--Secondary);

  margin-bottom: 3px;

}

.blog-single-wrap .blog-single-inner .nav-links .post-navigation.next-post .content {

  text-align: end;

}



.reviews-wrap {

  margin-top: 20px;

}

.reviews-wrap ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 30px;

}

.reviews-wrap ul li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 25px;

  padding-bottom: 20px;

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

}

.reviews-wrap ul li .image {

  width: 90px;

  height: 90px;

  border-radius: 50%;

  overflow: hidden;

  flex-shrink: 0;

}

.reviews-wrap ul li .content .ratings {

  margin-top: 14px;

  margin-bottom: 4px;

}

.reviews-wrap ul li .content .name {

  font-weight: 500;

  font-size: 17px;

  line-height: 28px;

  color: var(--Secondary);

  margin-bottom: 5px;

}

.reviews-wrap ul li .content .time {

  font-weight: 400;

  font-size: 13px;

  line-height: 15px;

  color: var(--Secondary);

  margin-bottom: 32px;

}



.leave-a-review {

  margin-top: 22px;

}

.leave-a-review > div {

  margin-bottom: 28px;

}

.leave-a-review > p {

  margin-bottom: 14px;

}

.leave-a-review form {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 30px;

  flex-direction: column;

}

.leave-a-review form textarea {

  height: 230px !important;

}

.leave-a-review form .checkbox-item {

  margin-top: -3px;

  margin-bottom: -5px;

}



.properties-cities {

  padding-top: 269px;

  padding-bottom: 0;

}

.properties-cities .wrap {

  margin-top: 43px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 28px;

}



.featured-properties {

  padding-top: 150px;

  padding-bottom: 169px;

}

.featured-properties.style-1 {

  border-radius: 24px;

  padding-top: 190px;

  padding-bottom: 200px;

  background-color: var(--Secondary);

}

.featured-properties.style-1 .box-dream {

  max-width: 448px;

}

.featured-properties.style-2 {

  background-color: #F9F9F9;

  padding-top: 200px;

  padding-bottom: 200px;

}



.testimonials .testimonials-inner h2 {

  margin-top: -9px;

  margin-bottom: 34px;

}

.testimonials .testimonials-inner .text {

  font-weight: 400;

  font-size: 16px;

  line-height: 24px;

  color: var(--Secondary);

  margin-bottom: 34px;

}

.testimonials .testimonials-inner .list {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 50px;

}

.testimonials .testimonials-inner .list h3 {

  margin-bottom: 3px;

}

.testimonials .testimonials-inner .list p {

  margin-bottom: 6px;

}

.testimonials .testimonials-inner .list .ratings i {

  font-size: 10px;

}

.testimonials .testimonials-inner.style-row {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: space-between;

}

.testimonials .testimonials-inner.style-row h2 {

  margin-top: 0px;

  margin-bottom: 40px;

}

.testimonials .bottom-wrap .swiper-button-prev,

.testimonials .bottom-wrap .swiper-button-next {

  width: 60px !important;

  height: 40px !important;

}



.account-bar {

  padding-top: 91px;

  padding-bottom: 94px;

  background-color: #FFF8F6;

  border-radius: 24px;

}

.account-bar h3 {

  font-size: 30px;

  margin-bottom: 17px;

}

.account-bar .text {

  font-weight: 400;

  font-size: 17px;

  line-height: 20px;

}

.account-bar.style-1 {

  background-color: var(--Fourth);

}

.account-bar.style-1 h3,

.account-bar.style-1 .text {

  color: var(--White);

}

.account-bar.style-1 a {

  color: var(--Fourth);

}

.account-bar.type-container {

  background-color: unset;

  padding-top: 0;

  padding-bottom: 0;

}

.account-bar.type-container .wrap {

  background-color: var(--Fourth);

  padding-top: 91px;

  padding-bottom: 94px;

  border-radius: 16px;

}

.account-bar.background-secondary {

  background-color: var(--Secondary);

}

.account-bar.background-secondary h3,

.account-bar.background-secondary .text {

  color: var(--White);

}



.perfect-home .wrap-image {

  position: relative;

}

.perfect-home .wrap-image > div:first-child {

  max-width: 550px;

}

.perfect-home .wrap-image > div.flex .image:first-child {

  max-width: 310px;

}

.perfect-home .wrap-image > div.flex .image:last-child {

  max-width: 450px;

}

.perfect-home .wrap-image .image img {

  border-radius: 16px;

}

.perfect-home .wrap-image .box {

  position: absolute;

  top: 223px;

  left: 199px;

  background-color: var(--White);

  padding: 20px 60px 20px 30px;

  border-radius: 16px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 20px;

}

.perfect-home .wrap-image .box .icon {

  width: 60px;

  height: 60px;

  background-color: var(--Fourth);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

}

.perfect-home .wrap-image .box .icon i {

  font-size: 26px;

  color: var(--White);

}

.perfect-home .content-right {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  height: 100%;

  padding-left: 47px;

  padding-top: 134px;

}

.perfect-home .content-right h2 {

  margin-bottom: 34px;

}

.perfect-home .content-right .text-content {

  margin-bottom: 36px;

}

.perfect-home .content-right .list {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 34px;

}

.perfect-home.style-1 {

  padding-top: 198px;

  padding-bottom: 200px;

}

.perfect-home.style-1 .content-left {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  height: 100%;

  flex-direction: column;

  padding-top: 56px;

  padding-bottom: 56px;

}

.perfect-home.style-1 .content-left .box-icon {

  height: 209px;

}

.perfect-home.style-1 .content-left .box-icon:nth-child(2), .perfect-home.style-1 .content-left .box-icon:nth-child(3) {

  height: 214px;

}

.perfect-home.style-1 .content-left .box-icon:nth-child(2) .icon i, .perfect-home.style-1 .content-left .box-icon:nth-child(3) .icon i {

  font-size: 40px;

}

.perfect-home.style-1 .img-right img {

  border-radius: 16px;

}

.perfect-home.style-2 {

  background-color: rgb(255, 248, 246);

}

.perfect-home.style-2 .wrap-image {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 20px;

}

.perfect-home.style-2 .wrap-image .box {

  position: unset;

  gap: 11px;

  background-color: var(--Primary);

  flex-direction: column;

  padding: 30px 30px 21px 30px;

  width: 100%;

  max-width: 209px;

  align-items: flex-start;

  margin-left: auto;

  margin-top: 21px;

  margin-bottom: 73px;

}

.perfect-home.style-2 .wrap-image .item-1 {

  max-width: 310px;

}

.perfect-home.style-2 .wrap-image .item-2 {

  margin-top: auto;

  max-width: 400px;

}

.perfect-home.style-2 .content-right {

  padding-left: 0;

  padding-top: 101px;

}

.perfect-home.style-2 .content-right .text-content {

  margin-bottom: 44px;

}

.perfect-home.style-2 .content-right .list {

  flex-wrap: wrap;

  gap: 30px 10px;

  flex-direction: row;

  margin-bottom: 50px;

}

.perfect-home.style-2 .content-right .list > * {

  max-width: 259px;

}

.perfect-home.style-3 .wrap-image {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 20px;

}

.perfect-home.style-3 .wrap-image .box {

  position: unset;

  gap: 11px;

  background-color: var(--Primary);

  flex-direction: column;

  padding: 30px 30px 21px 30px;

  width: 100%;

  max-width: 209px;

  align-items: flex-start;

  margin-left: auto;

  margin-top: 21px;

  margin-bottom: 73px;

  border-radius: 50px 50px 16px 16px;

}

.perfect-home.style-3 .wrap-image .item-1 {

  max-width: 310px;

}

.perfect-home.style-3 .wrap-image .item-1 img {

  border-radius: 16px 16px 100px 100px;

}

.perfect-home.style-3 .wrap-image .item-2 {

  max-width: 400px;

  margin-top: auto;

}

.perfect-home.style-3 .wrap-image .item-2 img {

  border-radius: 200px 200px 16px 16px;

}

.perfect-home.style-3 .content-right {

  padding-left: 0;

  padding-top: 101px;

}

.perfect-home.style-3 .content-right .text-content {

  margin-bottom: 44px;

}

.perfect-home.style-3 .content-right .list {

  flex-wrap: wrap;

  gap: 30px 10px;

  flex-direction: row;

  margin-bottom: 50px;

}

.perfect-home.style-3 .content-right .list > * {

  max-width: 259px;

}



.flat-homes {

  border-radius: 24px;

  background-color: #F6F8FA;

}

.flat-homes .heading-section {

  padding-left: 45px;

}

.flat-homes.style-1 {

  background-color: var(--White);

  padding-bottom: 0;

}



.flat-cities .inner {

  display: grid;

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

  gap: 30px 28px;

  grid-template-rows: auto;

  grid-template-areas: "aa aa bb cc" "dd ee ff ff";

}

.flat-cities .inner .item-1 {

  grid-area: aa;

}

.flat-cities .inner .item-2 {

  grid-area: bb;

}

.flat-cities .inner .item-3 {

  grid-area: cc;

}

.flat-cities .inner .item-4 {

  grid-area: dd;

}

.flat-cities .inner .item-5 {

  grid-area: ee;

}

.flat-cities .inner .item-6 {

  grid-area: ff;

}

.flat-cities .inner .cities-item {

  margin-bottom: 0;

}

.flat-cities .inner.style-1 {

  display: grid;

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

  gap: 30px 28px;

  grid-template-areas: "aa bb cc" "aa dd ee";

}

.flat-cities .inner.style-1 .cities-item img {

  height: 320px;

}

.flat-cities .inner.style-1 .cities-item.item-1 img {

  height: 670px;

}

.flat-cities.style-1 {

  background-color: #F7F7F7;

  padding-top: 212px;

}

.flat-cities.style-1 .wrap {

  padding-left: 46px;

  padding-right: 46px;

}

.flat-cities.style-2 {

  background-color: #F7F7F7;

  padding-top: 189px;

  padding-bottom: 173px;

}

.flat-cities.style-2 .cities-item img {

  height: 330px;

}

.flat-cities.style-3 .inner {

  margin-bottom: 196px;

}

.flat-cities.style-4 {

  padding-top: 114px;

  padding-bottom: 0;

}

.flat-cities.style-4 .cities-item {

  height: 300px;

}

.flat-cities.style-4 .cities-item .content {

  top: 27px;

  left: 30px;

}

.flat-cities.style-4 .cities-item .content p {

  font-size: 13px;

  font-weight: 400;

  line-height: 15.23px;

  margin-bottom: 6px;

}

.flat-cities.style-4 .cities-item .content h4 {

  font-size: 19px;

  font-weight: 500;

  line-height: 28px;

}

.flat-cities.style-4 .cities-item a {

  left: 30px;

}

.flat-cities.style-4 .cities-item img {

  height: 300px;

}

.flat-cities.style-4.py-200 {

  padding-top: 200px;

  padding-bottom: 200px;

}



.exclusive-properties .inner {

  display: grid;

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

  gap: 30px 28px;

  grid-template-rows: auto;

  grid-template-areas: "aa aa bb cc" "dd ee ff ff";

}

.exclusive-properties .inner .item-1 {

  grid-area: aa;

}

.exclusive-properties .inner .item-2 {

  grid-area: bb;

}

.exclusive-properties .inner .item-3 {

  grid-area: cc;

}

.exclusive-properties .inner .item-4 {

  grid-area: dd;

}

.exclusive-properties .inner .item-5 {

  grid-area: ee;

}

.exclusive-properties .inner .item-6 {

  grid-area: ff;

}

.exclusive-properties .inner .cities-item {

  margin-bottom: 0;

}



.choose-us {

  border-radius: 24px;

  background-color: var(--Primary);

  padding-bottom: 175px;

}

.choose-us.style-1 {

  background-color: #FFF8F6;

  padding-bottom: 181px;

  border-radius: 16px;

}

.choose-us.style-2 {

  background-color: var(--White);

  padding-bottom: 191px;

  padding-top: 231px;

  border-radius: 16px;

}

.choose-us.has-bg-vector {

  position: relative;

}

.choose-us.has-bg-vector::before {

  position: absolute;

  top: 0;

  left: 0;

  content: url(../../images/section/vector-1.html);

}



.best-properties .inner {

  display: grid;

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

  gap: 30px 28px;

  grid-template-rows: auto;

  grid-template-areas: "aa aa dd dd" "bb cc dd dd";

}

.best-properties .inner .item-1 {

  grid-area: aa;

}

.best-properties .inner .item-2 {

  grid-area: bb;

}

.best-properties .inner .item-3 {

  grid-area: cc;

}

.best-properties .inner .item-4 {

  grid-area: dd;

}

.best-properties.style-1 {

  background-color: var(--Secondary);

}

.best-properties.style-1 .inner {

  display: grid;

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

  gap: 30px 28px;

  grid-template-rows: auto;

  grid-template-areas: "dd dd aa aa" "dd dd cc bb";

}

.best-properties.style-1 .inner .properties-content-default {

  background-color: var(--Primary);

}

.best-properties.style-1 .inner .properties-content-default .number,

.best-properties.style-1 .inner .properties-content-default p,

.best-properties.style-1 .inner .properties-content-default .text {

  color: var(--Secondary);

}

.best-properties.style-1.type-2D3A4F {

  background-color: #2D3A4F;

}



.flat-testimonial > .divider {

  margin: 99px 0 95px 0;

}

.flat-testimonial.style-1 {

  background-color: #FFF8F6;

  padding-top: 190px;

  padding-bottom: 210px;

}

.flat-testimonial.style-2 {

  background-color: var(--Fourth);

  padding-top: 190px;

  padding-bottom: 198px;

}

.flat-testimonial.style-2 .testimonials-inner h2,

.flat-testimonial.style-2 .testimonials-inner .text {

  color: var(--White);

}

.flat-testimonial.style-2 .testimonials-inner .list h3,

.flat-testimonial.style-2 .testimonials-inner .list p {

  color: var(--White);

}

.flat-testimonial.style-3 {

  background-color: rgb(253, 238, 236);

  padding-top: 130px;

  padding-bottom: 130px;

}

.flat-testimonial.style-4 {

  background-color: var(--Secondary);

  padding-top: 200px;

  padding-bottom: 199px;

}

.flat-testimonial.background-secondary {

  background-color: var(--Secondary);

}

.flat-testimonial.background-secondary > .divider {

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

}

.flat-testimonial.background-secondary .testimonials-inner h2,

.flat-testimonial.background-secondary .testimonials-inner h3,

.flat-testimonial.background-secondary .testimonials-inner p {

  color: var(--White);

}

.flat-testimonial.style-5 {

  background-color: #F9F9F9;

  padding-top: 201px;

  padding-bottom: 191px;

}

.flat-testimonial.style-5.type-1 {

  background-color: var(--White);

  padding-top: 191px;

}

.flat-testimonial.style-6 {

  padding-top: 191px;

  position: relative;

  padding-bottom: 0;

}

.flat-testimonial.style-6::before {

  position: absolute;

  content: "";

  top: 0;

  border-radius: 24px;

  left: 0;

  right: 0;

  height: 655px;

  background-color: var(--Fourth);

}

.flat-testimonial.style-6 > .divider {

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

}

.flat-testimonial.style-6 .testimonials-inner h2,

.flat-testimonial.style-6 .testimonials-inner h3,

.flat-testimonial.style-6 .testimonials-inner p {

  color: var(--White);

}



.tab-search {

  padding-top: 194px;

  padding-bottom: 185px;

}

.tab-search .widget-tabs {

  padding-left: 2px;

}



.flat-news {

  background-color: #F9F9F9;

  border-radius: 24px;

}

.flat-news .wg-blog {

  margin-bottom: 0;

}

.flat-news.style-1 {

  background-color: transparent;

  padding-top: 150px;

  padding-bottom: 0;

}

.flat-news.style-2 {

  background-color: transparent;

  padding-top: 201px;

  padding-bottom: 199px;

}

.flat-news.style-2 > div:first-child {

  margin-bottom: 196px;

}

.flat-news.style-3 {

  background-color: var(--White);

}



.flat-experts .wrap-experts {

  margin-bottom: 190px;

}

.flat-experts.style-1 {

  padding-bottom: 190px;

}

.flat-experts.style-1 .wrap-experts {

  margin-bottom: 0;

}



.work-with-us {

  padding-top: 163px;

  padding-bottom: 200px;

}

.work-with-us .wrap {

  margin-bottom: 190px;

  padding-left: 14px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: space-between;

}

.work-with-us .widget-tabs {

  margin-bottom: 20px;

}

.work-with-us .widget-tabs .widget-menu-tab {

  margin-bottom: 50px !important;

}

.work-with-us .widget-tabs .box-dream {

  margin-bottom: 30px;

}

.work-with-us.style-1 {

  padding-top: 200px;

  padding-bottom: 193px;

}

.work-with-us.style-1 .wrap {

  padding-left: 0;

  margin-bottom: 0;

}

.work-with-us.style-1 .box-icon {

  width: 100%;

  max-width: 342px;

}

.work-with-us.style-2 {

  padding-top: 200px;

  padding-bottom: 190px;

}

.work-with-us.style-2 .wrap {

  padding-left: 0;

  margin-bottom: 0;

}

.work-with-us.style-3 {

  padding-top: 202px;

}

.work-with-us.style-4 {

  padding-top: 200px;

  padding-bottom: 0;

}

.work-with-us.style-4 .list-item {

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

}



.flat-explore {

  padding-top: 192px;

  padding-bottom: 0;

}

.flat-explore .wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 19px;

}

.flat-explore .wrap .cities-item {

  margin-bottom: 0;

}



.flat-counter {

  padding-bottom: 0;

}

.flat-counter.style-1 {

  padding-top: 123px;

  padding-bottom: 115px;

  border-radius: 16px;

  background-color: var(--Primary);

  margin-left: 60px;

  margin-right: 60px;

}

.flat-counter.style-1 .counter {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 90px;

  margin-top: -10px;

}

.flat-counter.style-1 .counter .number-counter {

  width: max-content;

}

.flat-counter.style-1 .counter .number-counter div {

  color: var(--Secondary);

  text-align: start;

}

.flat-counter.style-1 .counter .number-counter p {

  color: var(--Secondary);

  font-weight: 400;

  font-size: 15px;

  line-height: 28px;

}

.flat-counter.style-1.type-no-bg {

  padding-top: 200px;

  padding-bottom: 193px;

  background-color: transparent;

}

.flat-counter.style-1.type-no-bg .counter {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: end;

  gap: 30px 107px;

}

.flat-counter.style-1.type-no-bg .counter .number-counter {

  position: relative;

}

.flat-counter.style-1.type-no-bg .counter .number-counter:not(:last-child)::after {

  position: absolute;

  content: "";

  width: 1px;

  top: 0;

  bottom: 0;

  right: -50px;

  background-color: var(--Border);

}



.flat-discover .box-dream img {

  height: 300px;

}



.recent-properties {

  padding-bottom: 0;

}

.recent-properties .heading-section {

  padding-left: 45px;

}

.recent-properties .slider-recent-properties {

  padding-bottom: 75px;

}

.recent-properties .slider-recent-properties.padding-bottom-80 {

  padding-bottom: 80px;

}

.recent-properties.pb-200 {

  padding-bottom: 200px;

}

.recent-properties.style-1 {

  padding-bottom: 200px;

}

.recent-properties.style-1 .heading-section {

  padding-left: 0;

}

.recent-properties.style-1 .slider-recent-properties {

  padding-bottom: 55px;

}



.flat-brand.bg-fourth {

  background-color: var(--Fourth);

  padding-top: 64px;

  padding-bottom: 78px;

}

.flat-brand.bg-fourth p {

  margin-bottom: 60px;

  text-align: center;

  color: var(--White);

  letter-spacing: 0.8px;

}

.flat-brand.background-secondary {

  background-color: var(--Secondary);

  padding-top: 102px;

  padding-bottom: 92px;

  border-radius: 16px;

}

.flat-brand.background-secondary p {

  font-size: 17px;

  font-weight: 400;

  line-height: 20px;

  margin-bottom: 60px;

  text-align: center;

  color: var(--White);

}



.featured-categories {

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

  padding-bottom: 198px;

}

.featured-categories.style-1 {

  background-color: var(--Fourth);

  border-radius: 16px;

  padding-top: 170px;

  padding-bottom: 230px;

}

.featured-categories.style-1 .wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 28px;

}

.featured-categories.style-2 {

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

  border-radius: 0;

  padding-top: 200px;

  padding-bottom: 200px;

}

.featured-categories.style-2 .wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 28px;

}

.featured-categories.style-3 {

  background-color: var(--White);

  padding-top: 200px;

  padding-bottom: 200px;

}

.featured-categories.style-3 .wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 19px;

}

.featured-categories.style-3 .wrap .cities-item {

  margin-bottom: 0;

}

.featured-categories.style-4 {

  background-color: #F9F9F9;

  padding-top: 100px;

  padding-bottom: 100px;

  border-radius: 24px;

}

.featured-categories.style-4 .wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 28px;

}

.featured-categories.style-4 .wrap .cities-item {

  margin-bottom: 0;

}



.flat-partner {

  padding-top: 196px;

  padding-bottom: 0;

}

.flat-partner.style-1 {

  padding-top: 5px;

  padding-bottom: 199px;

}



.flat-area {

  padding-top: 199px;

  padding-bottom: 0;

}



.featured-listings {

  padding-top: 200px;

  padding-bottom: 200px;

  background-color: var(--Fourth);

}

.featured-listings .slider-recent-properties > .swiper-wrapper {

  padding-bottom: 73px;

}



.flat-question {

  padding-top: 200px;

  padding-bottom: 150px;

}

.flat-question .flat-accordion {

  max-width: 804px;

  margin-left: auto;

  margin-right: auto;

}

.flat-question.style-1 {

  padding-top: 100px;

}

.flat-question.style-1 .widget-tabs .widget-menu-tab {

  margin-bottom: 50px;

}



.finest-selection .inner {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  border-radius: 16px;

  overflow: hidden;

}

.finest-selection .inner .content {

  flex-grow: 1;

  padding: 134px 120px 40px;

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

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

}

.finest-selection .inner .content h2 {

  color: var(--Secondary);

  margin-bottom: 35px;

}

.finest-selection .inner .content .text-content {

  color: var(--Secondary);

  margin-bottom: 40px;

}

.finest-selection .inner .image {

  flex-grow: 2;

  max-width: 686px;

  height: 550px;

}

.finest-selection .inner .image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.popular-real {

  padding-top: 0;

  padding-bottom: 0;

}



.estate-agent {

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

}

.estate-agent .content-left {

  height: 100%;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: start;

  justify-content: center;

  flex-direction: column;

  padding-top: 40px;

  padding-bottom: 40px;

}

.estate-agent .content-left h2 {

  margin-bottom: 34px;

}

.estate-agent .content-left .text-content {

  color: var(--Secondary);

  margin-bottom: 43px;

}

.estate-agent .image {

  width: 100%;

  margin-left: auto;

  max-width: 588px;

  height: 555px;

  position: relative;

}

.estate-agent .image .box-curved-text {

  position: absolute;

  top: 118px;

  left: 111px;

  z-index: 2;

}

.estate-agent .image .img-1 {

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: 1;

  border-radius: 16px;

  max-width: 310px;

}

.estate-agent .image .img-2 {

  position: absolute;

  top: 0;

  right: 0;

  border-radius: 16px;

  max-width: 400px;

}



.page-head {

  padding-top: 30px;

  padding-bottom: 20px;

}



.top {

  position: relative;

  z-index: 10;

  padding-bottom: 21px;

}

.top h3 {

  margin-bottom: 3px;

}

.top .sub {

  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;

  width: 100%;

  max-width: 886px;

}



.property-grid-wrap {

  display: grid;

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

  gap: 20px 20px;

  padding-bottom: 30px;

  width: 100%;

}

.property-grid-wrap > .box-dream {

  max-width: 435px;

}

.property-grid-wrap > .box-dream .image {

  margin: 0 9px;

}

.property-grid-wrap > .box-dream .content {

  padding: 24px 30px 23px 30px;

  position: relative;

}

.property-grid-wrap > .box-dream .content .price {

  position: absolute;

  top: 20px;

  right: 30px;

}

.property-grid-wrap.type-2-cols {

  display: grid;

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

  gap: 20px 20px;

}



.property-grid-wrap-v2 .top {

  padding: 0;

  margin-bottom: 21px;

}

.property-grid-wrap-v2 .top .sub {

  max-width: unset;

}

.property-grid-wrap-v2 .box-dream {

  margin-bottom: 30px;

}



.property-grid-wrap-v3 {

  padding-top: 42px;

}

.property-grid-wrap-v3 .top {

  padding: 0;

  margin-bottom: 21px;

}

.property-grid-wrap-v3 .top .sub {

  max-width: unset;

}

.property-grid-wrap-v3 .box-dream {

  margin-bottom: 30px;

}



.property-list-wrap .top {

  padding: 0;

  margin-top: -8px;

  margin-bottom: 21px;

}

.property-list-wrap .top .sub {

  max-width: unset;

}

.property-list-wrap .box-dream {

  margin-bottom: 30px;

}

.property-list-wrap .form-sidebar-left {

  margin-bottom: 50px;

}

.property-list-wrap.v1 .top > form {

  display: none;

}



.property-list-wrap-v2 {

  padding-top: 50px;

}

.property-list-wrap-v2 .top {

  margin-top: -8px;

}

.property-list-wrap-v2 .top .sub {

  max-width: unset;

}

.property-list-wrap-v2 .list {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 28px;

  flex-direction: column;

  margin-bottom: 30px;

}



.property-list-wrap-v3 {

  padding-top: 50px;

}

.property-list-wrap-v3 .top {

  margin-top: -8px;

}

.property-list-wrap-v3 .top .sub {

  max-width: unset;

}

.property-list-wrap-v3 .list .box-dream {

  margin-bottom: 30px;

}



.property-map-wrap-v4 {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: center;

  gap: 20px;

}

.property-map-wrap-v4 > div {

  width: 36.7%;

}

.property-map-wrap-v4 > div:first-child {

  width: 62%;

}

.property-map-wrap-v4 .top {

  padding-bottom: 11px;

}

.property-map-wrap-v4 .list-box-dream {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 20px;

  flex-direction: column;

  margin-bottom: 30px;

}

.property-map-wrap-v4 .list-box-dream .box-dream .image {

  width: 258px;

  height: 222px;

}



.property-single-wrap.v2 .head-title {

  margin-bottom: 27px;

}

.property-single-wrap.v2 .thumbs-slider {

  margin-bottom: 51px;

}

.property-single-wrap.v3 {

  padding-bottom: 17px;

}

.property-single-wrap.v3 .wrap-gallery-image {

  margin-bottom: 43px;

}

.property-single-wrap.v4 {

  padding-bottom: 79px;

}

.property-single-wrap.v4 > .swiper-container {

  margin-bottom: 50px;

}

.property-single-wrap.v4 > .swiper-container img {

  border-radius: 16px;

}

.property-single-wrap.v4 .content-wrap .head-title .list-tags {

  position: unset;

  margin-bottom: 20px;

}

.property-single-wrap.v5 .head-title {

  margin-bottom: 27px;

}

.property-single-wrap.v5 .thumbs-slider-column {

  margin-right: -13px;

  margin-bottom: 60px;

}

.property-single-wrap.v5 .thumbs-slider-column .list-tags {

  top: 30px;

  left: 30px;

}

.property-single-wrap.v5 .thumbs-slider-column img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.property-single-wrap.v5 .content-wrap > .overview h4 {

  margin-bottom: 33px;

  margin-top: -7px;

}

.property-single-wrap.v5 .content-wrap > .overview .box-items {

  margin-bottom: 76px;

}

.property-single-wrap.v5 .content-wrap .widget-tabs .widget-menu-tab {

  margin-bottom: 73px;

}

.property-single-wrap.v5 .content-wrap .widget-tabs .widget-menu-tab .item-title {

  font-size: 15px;

  font-weight: 500;

  line-height: 18px;

  padding-bottom: 17px;

}

.property-single-wrap.v5 .content-wrap .widget-tabs .widget-content-tab .widget-content-inner > * {

  margin-bottom: 64px;

}

.property-single-wrap.v6 .head-title {

  position: absolute;

  z-index: 1;

  bottom: 42px;

  left: 50%;

  width: 100%;

  max-width: 1430px;

  padding-left: 15px;

  padding-right: 15px;

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

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

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

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

  transform: translate(-50%, 0);

  margin-bottom: 0;

}

.property-single-wrap.v6 .head-title .list-icons-page {

  margin-bottom: 25px;

}

.property-single-wrap.v6 .head-title .list-tags {

  margin-bottom: 20px;

}

.property-single-wrap.v6 .list-icons-page.show-mobile {

  display: none;

}

.property-single-wrap.v6 .slider-property-single-6 {

  margin-bottom: 50px;

}

.property-single-wrap.v6 .slider-property-single-6 .swiper-item {

  position: relative;

}

.property-single-wrap.v6 .slider-property-single-6 .swiper-item .image {

  position: relative;

}

.property-single-wrap.v6 .slider-property-single-6 .swiper-item .image img {

  border-radius: 24px;

}

.property-single-wrap.v6 .slider-property-single-6 .swiper-item .image::before {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  border-radius: 24px;

  background: linear-gradient(180deg, rgba(26, 26, 26, 0.8) 0%, rgba(26, 26, 26, 0.1) 31.59%, rgba(26, 26, 26, 0.1) 72.28%, rgba(26, 26, 26, 0.8) 100%);

}

.property-single-wrap.v6 .content-wrap > * {

  border-radius: 16px;

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

  padding: 31px 40px 38px 40px;

}

.property-single-wrap.v6 .content-wrap > *:not(:last-child) {

  margin-bottom: 30px !important;

}

.property-single-wrap.v6 .content-wrap .overview h4 {

  margin-bottom: 33px;

}

.property-single-wrap.v6 .content-wrap .overview .box-items {

  margin-bottom: 0;

}

.property-single-wrap.v7 > .page-top {

  border-radius: 24px;

  background-color: var(--White);

  margin-top: 20px;

  margin-bottom: 50px;

  padding-top: 14px;

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

}

.property-single-wrap.v7 > .page-top .head-title {

  margin-top: 13px;

  margin-bottom: 27px;

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

  padding-top: 31px;

}

.property-single-wrap.v7 .wrap-image {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 10px;

  border-radius: 16px;

  overflow: hidden;

}

.property-single-wrap.v7 .wrap-image .swiper-container {

  max-width: 972px;

  width: 100%;

}

.property-single-wrap.v7 .wrap-image .swiper-container .swiper-item {

  height: 100%;

}

.property-single-wrap.v7 .wrap-image .swiper-container .swiper-item .list-tags {

  top: 30px;

  left: 30px;

}

.property-single-wrap.v7 .wrap-image .image {

  height: 100%;

}

.property-single-wrap.v7 .wrap-image .image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.property-single-wrap.v7 .box-items {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  text-align: center;

  padding-top: 36px;

  padding-bottom: 29px;

}

.property-single-wrap.v7 .box-items > .item {

  width: 100%;

}

.property-single-wrap.v7 .box-items > .item .icon {

  margin-bottom: 6px;

}

.property-single-wrap.v7 .box-items > .item .icon i {

  font-size: 20px;

}

.property-single-wrap.v7 .box-items > .item:not(:last-child) {

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

}

.property-single-wrap.v7 .content-wrap > * {

  border-radius: 16px;

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

  padding: 31px 40px 38px 40px;

  background-color: var(--White);

}

.property-single-wrap.v7 .content-wrap > *:not(:last-child) {

  margin-bottom: 30px !important;

}

.property-single-wrap.v7 .content-wrap .list-item {

  display: grid;

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

  gap: 12px 60px;

}

.property-single-wrap.v7 .content-wrap .wrap-file-item .file-item {

  max-width: 280px;

}

.property-single-wrap.v7 .content-wrap .calculator .pie-chart {

  flex-wrap: wrap;

}

.property-single-wrap.v7 .content-wrap .calculator .pie-chart .wrap-note {

  padding-top: 0 !important;

}

.property-single-wrap.v7 .content-wrap .calculator form {

  display: grid;

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

  gap: 20px 20px;

}

.property-single-wrap .wrap-gallery-image {

  margin-bottom: 45px;

}

.property-single-wrap .head-title {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: start;

  justify-content: space-between;

  margin-bottom: 39px;

}

.property-single-wrap .head-title h3 {

  margin-top: -9px;

  margin-bottom: 9px;

}

.property-single-wrap .head-title .location {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 10px;

}

.property-single-wrap .head-title .location .icon i {

  font-size: 20px;

  color: var(--Text);

}

.property-single-wrap .head-title .location .text-content {

  color: var(--Text);

}

.property-single-wrap .head-title .square {

  font-size: 16px;

  font-weight: 500;

  line-height: 19px;

  text-align: right;

  color: var(--Secondary);

  margin-top: -4px;

  margin-bottom: 4px;

}

.property-single-wrap .head-title .price {

  font-size: 26px;

  font-weight: 600;

  line-height: 36px;

  text-align: right;

  color: var(--Secondary);

}

.property-single-wrap .head-title.style-white .location .icon i,

.property-single-wrap .head-title.style-white .location .text-content,

.property-single-wrap .head-title.style-white .square,

.property-single-wrap .head-title.style-white .price,

.property-single-wrap .head-title.style-white h3 {

  color: var(--White);

}

.property-single-wrap .content-wrap .box-items {

  display: grid;

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

  gap: 10px 10px;

  margin-bottom: 72px;

}

.property-single-wrap .content-wrap .box-items .item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 10px;

  height: 60px;

  padding: 20px;

  border-radius: 8px;

  background-color: #F9F9F9;

}

.property-single-wrap .content-wrap .box-items .item .icon i {

  font-size: 20px;

  color: var(--Secondary);

}

.property-single-wrap .content-wrap .box-items .item .text-content {

  color: var(--Secondary);

}

.property-single-wrap .content-wrap h4 {

  margin-bottom: 24px;

}

.property-single-wrap .content-wrap .tf-button-green {

  height: 40px;

}

.property-single-wrap .content-wrap .desc {

  margin-bottom: 71px;

}

.property-single-wrap .content-wrap .address {

  margin-bottom: 73px;

}

.property-single-wrap .content-wrap .address > .flex {

  margin-bottom: 32px;

}

.property-single-wrap .content-wrap .list-item {

  display: grid;

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

  gap: 12px 60px;

}

.property-single-wrap .content-wrap .list-item .item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-bottom: 10px;

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

}

.property-single-wrap .content-wrap .list-item .item .text {

  font-size: 15px;

  font-weight: 500;

  line-height: 18px;

  color: var(--Secondary);

}

.property-single-wrap .content-wrap .attachments {

  margin-bottom: 73px;

}

.property-single-wrap .content-wrap .attachments h4 {

  margin-bottom: 32px;

}

.property-single-wrap .content-wrap .details {

  margin-bottom: 73px;

}

.property-single-wrap .content-wrap .energy {

  margin-bottom: 73px;

}

.property-single-wrap .content-wrap .energy h4 {

  margin-bottom: 33px;

}

.property-single-wrap .content-wrap .energy ul {

  margin-bottom: 40px;

}

.property-single-wrap .content-wrap .energy ul li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

  flex-wrap: wrap;

  border-radius: 8px;

  padding: 11px 20px;

  min-height: 51px;

}

.property-single-wrap .content-wrap .energy ul li p {

  margin-left: auto;

}

.property-single-wrap .content-wrap .energy ul li .title {

  font-size: 15px;

  font-weight: 500;

  line-height: 18px;

  color: var(--Secondary);

}

.property-single-wrap .content-wrap .energy ul li:nth-child(2n+2) {

  background-color: #F9F9F9;

}

.property-single-wrap .content-wrap .features {

  margin-bottom: 67px;

}

.property-single-wrap .content-wrap .features > p {

  margin-bottom: 22px;

}

.property-single-wrap .content-wrap .features h5 {

  font-size: 17px;

  font-weight: 500;

  line-height: 28px;

  margin-bottom: 8px;

}

.property-single-wrap .content-wrap .features .wrap-check-ellipse {

  margin-bottom: 16px;

}

.property-single-wrap .content-wrap .schedule {

  margin-bottom: 72px;

}

.property-single-wrap .content-wrap .schedule h4 {

  margin-bottom: 33px;

}

.property-single-wrap .content-wrap .plans {

  margin-bottom: 72px;

}

.property-single-wrap .content-wrap .plans h4 {

  margin-bottom: 33px;

}

.property-single-wrap .content-wrap .plans .widget-tabs .widget-menu-tab {

  margin-bottom: 30px;

}

.property-single-wrap .content-wrap .plans .icons {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 10px;

  margin-bottom: 20px;

}

.property-single-wrap .content-wrap .plans .icons .item {

  width: 150px;

  height: 126px;

  padding: 28px 30px 30px 30px;

  border-radius: 16px;

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

  color: var(--Secondary);

}

.property-single-wrap .content-wrap .plans .icons .item i {

  font-size: 24px;

}

.property-single-wrap .content-wrap .plans .icons .item .text {

  font-size: 15px;

  font-weight: 500;

  line-height: 18px;

  margin-top: 3px;

  margin-bottom: -2px;

}

.property-single-wrap .content-wrap .plans img {

  margin-top: 22px;

}

.property-single-wrap .content-wrap .calculator {

  margin-bottom: 81px;

}

.property-single-wrap .content-wrap .calculator .pie-chart {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 55px;

  margin-bottom: 26px;

}

.property-single-wrap .content-wrap .calculator .pie-chart #morris-donut-1 {

  width: 260px;

  height: 260px;

}

.property-single-wrap .content-wrap .calculator .pie-chart .wrap-note {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 59px;

  padding-top: 100px;

}

.property-single-wrap .content-wrap .calculator .pie-chart .wrap-note .item {

  position: relative;

  padding-left: 22px;

}

.property-single-wrap .content-wrap .calculator .pie-chart .wrap-note .item::before {

  position: absolute;

  content: "";

  top: 3px;

  left: 2px;

  width: 10px;

  height: 10px;

  border-radius: 50%;

}

.property-single-wrap .content-wrap .calculator .pie-chart .wrap-note .item .text {

  font-size: 16px;

  font-weight: 500;

  line-height: 19px;

  margin-bottom: 4px;

}

.property-single-wrap .content-wrap .calculator .pie-chart .wrap-note .item p {

  color: var(--Fourth);

}

.property-single-wrap .content-wrap .calculator .pie-chart .wrap-note .item:nth-child(1)::before {

  background-color: var(--Primary);

}

.property-single-wrap .content-wrap .calculator .pie-chart .wrap-note .item:nth-child(2)::before {

  background-color: #58A0E5;

}

.property-single-wrap .content-wrap .calculator .pie-chart .wrap-note .item:nth-child(3)::before {

  background-color: #EB6E85;

}

.property-single-wrap .content-wrap .calculator form {

  display: grid;

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

  gap: 20px 20px;

  padding-right: 16px;

}

.property-single-wrap .content-wrap .video {

  margin-bottom: 74px;

}

.property-single-wrap .content-wrap .video h4 {

  margin-bottom: 32px;

}

.property-single-wrap .content-wrap .map {

  margin-bottom: 74px;

}

.property-single-wrap .content-wrap .map h4 {

  margin-bottom: 32px;

}

.property-single-wrap .content-wrap .map .wrap-map-v1 {

  height: 500px;

  min-height: unset;

  padding: 0;

  margin: 0;

  border-radius: 16px;

}

.property-single-wrap .content-wrap .tour {

  margin-bottom: 81px;

}

.property-single-wrap .content-wrap .tour h4 {

  margin-bottom: 32px;

}

.property-single-wrap .content-wrap .tour .image img {

  border-radius: 16px;

}

.property-single-wrap .content-wrap .page-views {

  margin-bottom: 98px;

}

.property-single-wrap .content-wrap .walk-score {

  margin-bottom: 73px;

}

.property-single-wrap .content-wrap .walk-score h4 {

  margin-bottom: 32px;

}

.property-single-wrap .content-wrap .nearby {

  margin-bottom: 80px;

}

.property-single-wrap .content-wrap .nearby h4 {

  margin-bottom: 29px;

}

.property-single-wrap .content-wrap .nearby .widget-tabs .widget-menu-tab {

  margin-bottom: 42px;

}

.property-single-wrap .content-wrap .nearby .widget-tabs .widget-menu-tab .item-title {

  padding-bottom: 17px;

}

.property-single-wrap .content-wrap .nearby .nearby-item h4 {

  margin-bottom: 0;

}

.property-single-wrap .content-wrap .reviews-wrap {

  margin-top: 0;

  margin-bottom: 72px;

}

.property-single-wrap .content-wrap .reviews-wrap .tf-button-green {

  height: 33px;

}

.property-single-wrap .content-wrap .leave-a-review {

  margin-top: 0;

  margin-bottom: 72px;

}

.property-single-wrap .content-wrap .smilar-homes h4 {

  margin-bottom: 33px;

}



.grid-section-4 {

  display: grid !important;

  gap: 20px;

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

}



.grid-section-1 {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 20px;

}

.grid-section-1 > .wg-box:first-child {

  width: 66%;

}



.message-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 30px;

}

.message-wrap > .wg-box.left {

  width: 27.5%;

  min-width: 300px;

  padding: 40px 39px 28px;

}

.message-wrap > .wg-box.left > form {

  margin-bottom: 30px;

}

.message-wrap > .wg-box.left > form input {

  height: 50px;

  border-radius: 12px;

}

.message-wrap > .wg-box.left > ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 32px;

  cursor: pointer;

}

.message-wrap > .wg-box.right {

  flex-grow: 1;

  padding: 21px 30px 39px;

}

.message-wrap > .wg-box.right > .head {

  padding-left: 11px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-bottom: 19px;

  border-bottom: 1px solid rgb(233, 233, 233);

}

.message-wrap > .wg-box.right > .head > a {

  font-family: "DM Sans";

  text-decoration: underline;

  font-size: 14px;

  font-weight: 600;

  line-height: 16.03px;

  color: rgb(232, 84, 62);

}

.message-wrap > .wg-box.right > .chat {

  height: 562px;

  padding-left: 11px;

  padding-top: 40px;

  overflow-y: auto;

  display: none;

}

.message-wrap > .wg-box.right > .chat.active-chat {

  display: block;

}

.message-wrap > .wg-box.right > .chat::-webkit-scrollbar {

  width: 0px;

}

.message-wrap > .wg-box.right > .chat .list-message {

  margin-bottom: 15px;

}

.message-wrap > .wg-box.right > .chat .list-message .name {

  margin-bottom: 0;

}

.message-wrap > .wg-box.right > .chat .list-message.style-me .message-item {

  flex-direction: row-reverse;

}

.message-wrap > .wg-box.right > .chat .list-message.style-me .message-item > .flex {

  flex-direction: row-reverse;

}

.message-wrap > .wg-box.right > .chat .list-message.style-me .message-item > .flex > .flex {

  flex-direction: row-reverse;

}

.message-wrap > .wg-box.right > .chat .bubble {

  border-radius: 8px;

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

  padding: 16px 30px;

  font-size: 15px;

  font-weight: 400;

  line-height: 28px;

  margin-bottom: 22px;

  word-break: break-all;

}

.message-wrap > .wg-box.right > .chat .bubble.you {

  max-width: 474px;

}

.message-wrap > .wg-box.right > .chat .bubble.me {

  max-width: 463px;

  margin-left: auto;

  text-align: end;

  background-color: rgba(231, 200, 115, 0.1);

}

.message-wrap > .wg-box.right > .write {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

  padding-top: 25px;

  border-top: 1px solid rgb(233, 233, 233);

}

.message-wrap > .wg-box.right > .write a {

  flex-shrink: 0;

}



.wg-box {

  padding: 39px;

  border-radius: 24px;

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

  background-color: var(--White);

}

.wg-box > h4 {

  margin-bottom: 33px;

  margin-top: -8px;

}

.wg-box.pl-44 {

  padding-left: 44px;

}

.wg-box.pr-45 {

  padding-right: 45px;

}

.wg-box.pr-29 {

  padding-right: 29px;

}



.my-profiles-wrap .avatar-image {

  margin-bottom: 40px;

}

.my-profiles-wrap .form-profiles .description textarea {

  height: 230px !important;

}

.my-profiles-wrap .form-profiles .wrap-map-v1 {

  height: 550px;

  min-height: 550px;

  margin: 0;

  width: 100%;

}

.my-profiles-wrap .form-profiles .cols {

  justify-content: start;

}

.my-profiles-wrap .form-profiles .cols.small > * {

  max-width: 300px;

}



.form-bacsic-infomation textarea {

  height: 230px !important;

}



.form-location .wrap-map-v1 {

  height: 550px;

  min-height: 550px;

  margin: 0;

  width: 100%;

}

.form-location .cols {

  justify-content: start;

}

.form-location .cols.small > * {

  max-width: 300px;

}



.form-media {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 40px;

  flex-direction: column;

}

.form-media .upload-image-wrap {

  margin-top: -8px;

}

.form-media textarea {

  height: 230px !important;

}



.form-amenities .grid-checkbox {

  max-width: 1260px;

  margin-top: -3px;

  gap: 12px 30px;

  margin-bottom: 35px;

}



.form-floors {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 40px;

}

.form-floors textarea {

  height: 230px !important;

}

.form-floors .upload-image-wrap {

  margin-top: -8px;

}



.grid-favorities-item {

  display: grid;

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

  gap: 28px 28px;

  padding-right: 11px;

}



.shop-list-wrap .top {

  margin-top: -9px;

}

.shop-list-wrap .top .sub {

  max-width: unset;

}

.shop-list-wrap .shop-item {

  margin-bottom: 26px;

}

.shop-list-wrap .wg-pagination {

  margin-top: 70px;

}



.shop-detail-wrap {

  padding-top: 100px;

}

.shop-detail-wrap .bottom {

  padding-top: 94px;

  padding-bottom: 190px;

}

.shop-detail-wrap .bottom .widget-tabs .widget-menu-tab {

  margin-bottom: 32px;

}



.flat-products {

  padding-top: 0;

  padding-bottom: 0;

}



.form-shop-cart .bottom {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

}

.form-shop-cart .bottom fieldset {

  max-width: 270px;

}

.form-shop-cart .bottom > a {

  border-radius: 12px;

  font-family: "DM Sans";

  font-size: 15px;

  font-weight: 700;

  line-height: 28px;

  padding: 12px 24px;

}



.sidebar-shop {

  max-width: 400px;

  margin-left: auto;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 30px;

}

.sidebar-shop.w-420 {

  max-width: 420px;

}

.sidebar-shop .title {

  font-size: 19px;

  font-weight: 500;

  line-height: 28px;

  color: var(--Secondary);

  margin-bottom: 13px;

}

.sidebar-shop .text {

  font-size: 15px;

  font-weight: 400;

  line-height: 50px;

  color: var(--Secondary);

}

.sidebar-shop .text-1 {

  font-size: 15px;

  font-weight: 500;

  line-height: 50px;

  color: var(--Secondary);

}

.sidebar-shop .sidebar-shop-item {

  border-radius: 16px;

  padding: 32px 40px 40px 40px;

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

}

.sidebar-shop .sidebar-shop-item.cart-totals > a {

  margin-top: 19px;

}

.sidebar-shop .sidebar-shop-item.your-order .text-1 {

  line-height: 18px;

}

.sidebar-shop .sidebar-shop-item.your-order .text {

  line-height: 35px;

}

.sidebar-shop .sidebar-shop-item.your-order > div:nth-child(1) {

  margin-bottom: 31px;

}

.sidebar-shop .sidebar-shop-item.your-order > div:nth-child(2) {

  margin-bottom: 13px;

}

.sidebar-shop .sidebar-shop-item.your-order > div:nth-child(3) {

  margin-bottom: 6px;

}

.sidebar-shop .sidebar-shop-item.your-order > div:nth-child(5) {

  margin-bottom: 13px;

}

.sidebar-shop .sidebar-shop-item.your-order > div:nth-child(6) {

  margin-bottom: 13px;

}

.sidebar-shop .sidebar-shop-item.your-order > div:nth-child(7) {

  margin-bottom: 17px;

}

.sidebar-shop .sidebar-shop-item.your-order > div:nth-child(8) {

  margin-bottom: 14px;

}

.sidebar-shop .sidebar-shop-item.your-order > div:nth-child(9) {

  margin-bottom: 22px;

}

.sidebar-shop .sidebar-shop-item.your-order > div:nth-child(10) {

  margin-bottom: -5px;

}

.sidebar-shop .sidebar-shop-item.payment .title {

  margin-bottom: 29px;

}

.sidebar-shop .sidebar-shop-item.payment ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 18px;

  margin-bottom: 10px;

}



.form-shop-checkout h4 {

  margin-top: -8px;

  margin-bottom: 32px;

}

.form-shop-checkout .additional {

  margin-top: 101px;

}

.form-shop-checkout .additional textarea {

  height: 290px !important;

}



.agency-list-wrap .form-sidebar-left {

  max-width: 390px;

}

.agency-list-wrap .sidebar {

  padding-left: 0;

  max-width: 390px;

  margin-top: 30px;

}

.agency-list-wrap .top {

  margin-top: -8px;

}

.agency-list-wrap .top .sub {

  max-width: unset;

}



.agency-single-wrap .wrap-inner {

  margin-top: -7px;

}

.agency-single-wrap .wrap-inner h4 {

  margin-bottom: 24px;

}

.agency-single-wrap .wrap-inner > p {

  margin-bottom: 64px;

}

.agency-single-wrap .wrap-inner .grid-box-dream {

  display: grid;

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

  gap: 28px 28px;

  margin-top: 32px;

  margin-bottom: 79px;

}

.agency-single-wrap .wrap-inner .reviews-wrap {

  margin-bottom: 73px;

}

.agency-single-wrap .wrap-inner .list-agents {

  margin-top: -7px;

  margin-bottom: 80px;

}

.agency-single-wrap .wrap-inner .list-agents h4 {

  margin-bottom: 32px;

}

.agency-single-wrap .sidebar {

  padding-left: 0;

  max-width: 390px;

  margin-left: auto;

}



.vision-mission {

  padding-top: 130px;

  padding-bottom: 130px;

}

.vision-mission .content {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 20px 200px;

}

.vision-mission .content > div {

  width: 100%;

  max-width: 600px;

}

.vision-mission .content h2 {

  margin-bottom: 22px;

}



.flat-pricing,

.flat-compare {

  padding-top: 100px;

}



.send-message {

  padding-bottom: 196px;

}

.send-message .heading-section {

  margin-bottom: 35px;

}

.send-message form {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 30px;

  flex-direction: column;

}

.send-message form textarea {

  height: 230px !important;

}

.send-message form > .checkbox-item {

  margin-top: -3px;

  margin-bottom: -5px;

}



.wg-component h4 {

  margin-bottom: 50px;

}



.page-invoice {

  padding-top: 100px;

  padding-bottom: 200px;

  width: 100%;

  max-width: 1170px;

  margin-left: auto;

  margin-right: auto;

  color: var(--Secondary);

}

.page-invoice .btns-print {

  margin-bottom: 36px;

}

.page-invoice .btns-print a {

  margin-left: auto;

}

.page-invoice .wrap {

  border-radius: 24px;

  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.0509803922);

  background-color: var(--White);

}

.page-invoice .wrap .text {

  font-size: 15px;

  font-weight: 500;

  line-height: 18px;

}

.page-invoice .wrap > .inner {

  padding: 131px 100px 104px;

  position: relative;

}

.page-invoice .wrap > .inner > .invoice {

  position: absolute;

  top: 127px;

  left: 751px;

  font-family: "DM Sans";

  font-size: 28px;

  font-weight: 700;

  line-height: 36.46px;

  color: var(--Secondary);

}

.page-invoice .wrap > .inner > .number {

  position: absolute;

  top: 130px;

  right: 95px;

  font-family: "DM Sans";

  font-size: 17px;

  font-weight: 500;

  line-height: 28px;

  text-align: right;

  color: var(--Secondary);

}

.page-invoice .wrap > .inner > .logo {

  margin-bottom: 44px;

}

.page-invoice .wrap > .inner > .logo img {

  width: 180px;

}

.page-invoice .wrap > .inner > .infor-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  margin-bottom: 69px;

}

.page-invoice .wrap > .inner > .infor-item > div:first-child {

  width: 651px;

  flex-shrink: 0;

}

.page-invoice .wrap > .inner > .infor-item > div p {

  margin-bottom: 3px;

}

.page-invoice .wrap > .inner > .infor-item > div h4 {

  margin-bottom: 23px;

}

.page-invoice .wrap > .inner > .infor-item.item-2 {

  margin-bottom: 41px;

}

.page-invoice .wrap > .inner > .infor-item.item-2 .text {

  margin-bottom: 6px;

}

.page-invoice .wrap > .inner > .infor-item.item-2 > div:first-child p {

  max-width: 218px;

}

.page-invoice .wrap > .inner .table-total-due .title {

  font-size: 17px;

  font-weight: 500;

  line-height: 28px;

  color: var(--Secondary);

}

.page-invoice .wrap > .inner .table-total-due > .head {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  padding: 18px 87px 24px 39px;

  border-radius: 8px;

  background-color: #F9F9F9;

}

.page-invoice .wrap > .inner .table-total-due > .head > div {

  width: 115px;

}

.page-invoice .wrap > .inner .table-total-due > .head > div:nth-child(1) {

  width: 438px;

}

.page-invoice .wrap > .inner .table-total-due > .head > div:nth-child(2) {

  width: 175px;

}

.page-invoice .wrap > .inner .table-total-due > .head > div:nth-child(3) {

  width: 116px;

}

.page-invoice .wrap > .inner .table-total-due > .head > div:nth-child(4) {

  text-align: end;

}

.page-invoice .wrap > .inner .table-total-due > ul > li {

  height: 71px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  padding: 23px 79px 19px 39px;

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

}

.page-invoice .wrap > .inner .table-total-due > ul > li > div {

  width: 116px;

}

.page-invoice .wrap > .inner .table-total-due > ul > li > div:nth-child(1) {

  width: 440px;

}

.page-invoice .wrap > .inner .table-total-due > ul > li > div:nth-child(2) {

  width: 177px;

}

.page-invoice .wrap > .inner .table-total-due > ul > li > div:nth-child(3) {

  width: 119px;

}

.page-invoice .wrap > .inner .table-total-due > ul > li > div:nth-child(4) {

  text-align: end;

}

.page-invoice .wrap > .inner .table-total-due > ul > li:nth-child(2) {

  height: 75px;

  padding: 17px 79px 19px 39px;

}

.page-invoice .wrap > .inner .table-total-due > .total {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: space-between;

  padding: 18px 79px 18px 39px;

}

.page-invoice .wrap > .inner .table-total-due > .total .title {

  font-size: 19px;

  font-weight: 500;

  line-height: 28px;

}

.page-invoice .wrap > .bottom {

  padding-top: 45px;

  padding-bottom: 43px;

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

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 63px;

}

.page-invoice .wrap > .bottom p {

  font-family: "DM Sans";

}



.layout-wrap {

  min-height: 100vh;

}

.layout-wrap .layout-wrap-inner .section-menu-left {

  position: fixed;

  z-index: 50;

  top: 141px;

  left: 20px;

  bottom: 20px;

  width: 331px;

  border-radius: 24px;

  padding: 40px;

  background-color: var(--Fourth);

  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;

}

.layout-wrap .layout-wrap-inner .section-menu-left .menu-content {

  height: 100%;

  overflow-y: auto;

}

.layout-wrap .layout-wrap-inner .section-menu-left .menu-content::-webkit-scrollbar {

  width: 0px;

}

.layout-wrap .layout-wrap-inner .section-menu-left .menu-content ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 10px;

}

.layout-wrap .layout-wrap-inner .section-menu-left .menu-content ul li {

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  border-radius: 12px;

}

.layout-wrap .layout-wrap-inner .section-menu-left .menu-content ul li a {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 10px;

  height: 60px;

  font-size: 16px;

  font-weight: 400;

  line-height: 24px;

  color: var(--White);

  padding-left: 20px;

}

.layout-wrap .layout-wrap-inner .section-menu-left .menu-content ul li a i {

  font-size: 20px;

}

.layout-wrap .layout-wrap-inner .section-menu-left .menu-content ul li.active, .layout-wrap .layout-wrap-inner .section-menu-left .menu-content ul li:hover {

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

}

.layout-wrap .layout-wrap-inner .section-content-right {

  flex-grow: 1;

  padding-left: 371px;

  padding-top: 121px;

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

}

.layout-wrap .layout-wrap-inner .section-content-right > h3 {

  margin-top: 31px;

  margin-bottom: 5px;

}

.layout-wrap .layout-wrap-inner .section-content-right > .text-content {

  margin-bottom: 33px;

}

.layout-wrap .layout-wrap-inner .section-content-right > .bottom-page {

  padding: 32px 0 11px;

}

.layout-wrap .layout-wrap-inner .section-content-right > .bottom-page p {

  text-align: center;

}

.layout-wrap .layout-wrap-inner .section-content-right form .nice-select > .list {

  max-width: unset;

}



.btn-canvas {

  position: fixed;

  top: 141px;

  left: 20px;

  width: 40px;

  height: 40px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: var(--White);

  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;

  display: none;

}

.btn-canvas .text-content {

  display: none;

}

.btn-canvas span {

  width: 23px;

  height: 10px;

  position: relative;

}

.btn-canvas span::before, .btn-canvas span::after {

  position: absolute;

  content: "";

  left: 0;

  right: 0;

  height: 2px;

  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;

}

.btn-canvas span::before {

  top: 0;

}

.btn-canvas span::after {

  bottom: 0;

}

.btn-canvas.active {

  left: 351px;

}

.btn-canvas.active span::before {

  transform: rotate3d(0, 0, 1, 45deg);

  top: 50%;

}

.btn-canvas.active span::after {

  transform: rotate3d(0, 0, 1, -45deg);

  top: 50%;

}



.widget-tabs .widget-menu-tab {

  overflow-x: auto;

  overflow-y: hidden;

}

.widget-tabs .widget-menu-tab .item-title {

  min-width: max-content;

}

.widget-tabs.style-1 .widget-menu-tab {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: center;

  margin-bottom: 30px;

}

.widget-tabs.style-1 .widget-menu-tab .item-title {

  padding: 10px 20px;

  border-radius: 41px;

  border: 1px solid transparent;

  background-color: transparent;

  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;

}

.widget-tabs.style-1 .widget-menu-tab .item-title .inner {

  font-weight: 500;

  font-size: 16px;

  line-height: 19px;

  color: var(--Text);

}

.widget-tabs.style-1 .widget-menu-tab .item-title.active {

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

  background-color: #FFF8F6;

}

.widget-tabs.style-2 .widget-menu-tab {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 31px;

  border-bottom: 1px solid #E1E1E1;

  margin-bottom: 37px;

}

.widget-tabs.style-2 .widget-menu-tab .item-title {

  position: relative;

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

  color: #050B20;

  padding-bottom: 12px;

  cursor: pointer;

}

.widget-tabs.style-2 .widget-menu-tab .item-title::after {

  position: absolute;

  content: "";

  bottom: -1px;

  left: auto;

  right: 0;

  width: 0;

  height: 2px;

  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;

}

.widget-tabs.style-2 .widget-menu-tab .item-title.active::after, .widget-tabs.style-2 .widget-menu-tab .item-title:hover::after {

  width: 100%;

  left: 0px;

  right: auto;

}

.widget-tabs.style-2.type-small .widget-menu-tab {

  border-bottom: 0;

}

.widget-tabs.style-2.type-small .widget-menu-tab .item-title {

  font-size: 15px;

  line-height: 18px;

}

.widget-tabs.style-3 .widget-menu-tab {

  padding: 7px 10px 6px;

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

  border-radius: 120px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

}

.widget-tabs.style-3 .widget-menu-tab .item-title {

  padding: 11px 30px;

  font-weight: 500;

  font-size: 16px;

  line-height: 19px;

  color: var(--Text);

  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;

  border-radius: 120px;

}

.widget-tabs.style-3 .widget-menu-tab .item-title.active {

  background-color: var(--White);

  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.05);

}

.widget-tabs.style-4 .widget-menu-tab {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}

.widget-tabs.style-4 .widget-menu-tab .item-title {

  padding: 15px 35px;

  font-weight: 500;

  font-size: 16px;

  line-height: 19px;

  color: var(--Text);

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

  background-color: var(--White);

  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;

}

.widget-tabs.style-4 .widget-menu-tab .item-title:first-child {

  border-radius: 12px 0px 0px 12px;

}

.widget-tabs.style-4 .widget-menu-tab .item-title:last-child {

  border-radius: 0px 12px 12px 0px;

}

.widget-tabs.style-4 .widget-menu-tab .item-title.active {

  background-color: rgb(255, 248, 246);

  border-color: var(--Secondary);

}

.widget-tabs.style-img {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 11px;

}

.widget-tabs.style-img .widget-menu-tab {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 10px;

  overflow: unset;

}

.widget-tabs.style-img .widget-menu-tab .item-title {

  width: 90px;

  height: 90px;

  border-radius: 16px;

  overflow: hidden;

  cursor: pointer;

}

.widget-tabs.style-img .widget-menu-tab .item-title img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.widget-tabs.style-img .widget-menu-tab .item-title.active {

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

}

.widget-tabs.style-img .widget-content-tab {

  width: 100%;

}

.widget-tabs.style-img .widget-content-tab .widget-content-inner {

  height: 100%;

}

.widget-tabs.style-img .widget-content-tab .widget-content-inner img {

  border-radius: 16px;

  width: 100%;

  max-width: 661px;

  height: 100%;

  object-fit: cover;

}

.widget-tabs.style-5 .widget-menu-tab {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}

.widget-tabs.style-5 .widget-menu-tab .item-title {

  padding: 16px 30px;

  font-size: 17px;

  font-weight: 400;

  line-height: 20px;

  background-color: var(--Secondary);

  color: var(--White);

  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;

}

.widget-tabs.style-5 .widget-menu-tab .item-title:first-child {

  border-radius: 12px 0px 0px 0px;

}

.widget-tabs.style-5 .widget-menu-tab .item-title:last-child {

  border-radius: 0px 12px 0px 0px;

}

.widget-tabs.style-5 .widget-menu-tab .item-title.active {

  background-color: var(--White);

  color: var(--Secondary);

}

.widget-tabs.style-row {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: space-between;

}

.widget-tabs.style-row .form-search {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 15px;

  flex-grow: 1;

}

.widget-tabs.style-row .form-search .input-search {

  position: relative;

  width: 330px;

  flex-shrink: 0;

  height: 54px;

}

.widget-tabs.style-row .form-search > .nice-select {

  border-radius: 120px;

  padding: 12px 49px 12px 27px;

}

.widget-tabs.style-row .form-search > .nice-select::after {

  top: 47%;

  right: 30px;

}

.widget-tabs.style-row .form-search > .nice-select ul.list {

  width: 300px;

}

.widget-tabs.style-row .widget-menu-tab {

  height: 54px;

}



.widget-tabs-1.style-3 .widget-menu-tab-1 {

  padding: 7px 10px 6px;

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

  border-radius: 120px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  margin-bottom: 15px;

}

.widget-tabs-1.style-3 .widget-menu-tab-1 .item-title-1 {

  padding: 11px 30px;

  font-weight: 500;

  font-size: 16px;

  line-height: 19px;

  color: var(--Text);

  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;

  border-radius: 120px;

}

.widget-tabs-1.style-3 .widget-menu-tab-1 .item-title-1.active-1 {

  background-color: var(--White);

  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.05);

}



.offcanvas-start {

  width: 370px;

}



.modal-backdrop {

  display: none !important;

}



.modal {

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

}

.modal .modal-dialog {

  min-width: 800px;

}

.modal .modal-dialog .modal-content {

  position: relative;

  border-radius: 16px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  border: 0;

  max-width: 800px;

  overflow: hidden;

  transform: translateY(3px);

}

.modal .modal-dialog .modal-content .btn-hide-modal {

  position: absolute;

  top: 10px;

  right: 10px;

  width: 40px;

  height: 40px;

  border-radius: 50%;

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

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 10;

}

.modal .modal-dialog .modal-content .btn-hide-modal i {

  font-size: 12px;

  color: var(--Secondary);

}

.modal .modal-dialog .modal-content .image-left {

  width: 386px;

  flex-shrink: 0;

  position: relative;

}

.modal .modal-dialog .modal-content .image-left img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.modal .modal-dialog .modal-content .image-left h3 {

  position: absolute;

  top: 45px;

  left: 30px;

  right: 30px;

  color: var(--Secondary);

  text-align: center;

}

.modal .modal-dialog .modal-content .content-right {

  padding: 78px 30px 30px 30px;

  width: 100%;

}

.modal .modal-dialog .modal-content .content-right h4 {

  margin-bottom: 22px;

}

.modal .modal-dialog .modal-content .content-right form {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 15px;

  flex-direction: column;

  margin-bottom: 22px;

}

.modal .modal-dialog .modal-content .content-right form > .flex {

  margin-top: -3px;

  margin-bottom: -5px;

}

.modal .modal-dialog .modal-content .content-right form .checkbox-item p {

  font-size: 14px;

  font-weight: 400;

  line-height: 28px;

}

.modal .modal-dialog .modal-content .content-right form .lost-password {

  font-size: 14px;

  font-weight: 400;

  line-height: 28px;

  color: var(--Third);

}

.modal .modal-dialog .modal-content .content-right .btn-show-register {

  font-size: 15px;

  font-weight: 500;

  line-height: 18px;

  margin-left: 4px;

}

.modal .modal-dialog .modal-content .content-right .wg-social-1 {

  gap: 20px;

  margin-top: 2px;

}

.modal .modal-dialog .modal-content .content-right .wg-social-1 li a i {

  font-size: 20px;

}

.modal#modalregister .modal-dialog .modal-content {

  transform: translateY(-5px);

}

.modal#modalregister .modal-dialog .modal-content .content-right {

  padding: 34px 30px 30px 30px;

}



.table-compare {

  overflow-x: auto !important;

}

.table-compare::-webkit-scrollbar {

  width: 0px;

}

.table-compare > * {

  min-width: 1400px;

}

.table-compare .head {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 30px;

  justify-content: end;

  margin-bottom: 32px;

  padding-right: 2px;

}

.table-compare .head .item .image {

  border-radius: 12px;

  overflow: hidden;

  position: relative;

  margin-bottom: 13px;

  max-width: 327px;

}

.table-compare .head .item .image .icon {

  position: absolute;

  top: 10px;

  right: 10px;

  width: 40px;

  height: 40px;

  background-color: var(--White);

  border-radius: 50%;

  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.0509803922);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}

.table-compare .head .item .image .icon i {

  font-size: 16px;

  color: var(--Secondary);

}

.table-compare .head .item .title {

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

  color: var(--Secondary);

  margin-bottom: -2px;

}

.table-compare .head .item .price {

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

  color: var(--Third);

}

.table-compare ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

}

.table-compare ul li {

  padding: 0px 0px 0px 30px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 29px;

  height: 51px;

  border-radius: 12px;

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

}

.table-compare ul li.h-58 {

  height: 58px;

}

.table-compare ul li .title {

  font-size: 15px;

  font-weight: 500;

  line-height: 18px;

}

.table-compare ul li:nth-child(2n+1) {

  background: #F9F9F9;

}

.table-compare ul li:hover {

  background-color: #c3c3c3;

}

.table-compare ul li > div {

  width: 100%;

}

.table-compare ul li > div:nth-child(1) {

  max-width: 298px;

}

.table-compare ul li > div:nth-child(2) {

  max-width: 327px;

}

.table-compare ul li > div:nth-child(3) {

  max-width: 329px;

}

.table-compare ul li > div:nth-child(4) {

  max-width: 329px;

}



.table-listing-properties {

  overflow-x: auto !important;

}

.table-listing-properties::-webkit-scrollbar {

  width: 0px;

}

.table-listing-properties > * {

  min-width: 1420px;

}

.table-listing-properties > .head {

  padding: 31px 53px 30px;

  border-radius: 16px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: space-between;

  gap: 53px;

  background-color: #F9F9F9;

}

.table-listing-properties > .head .item {

  font-size: 15px;

  font-weight: 500;

  line-height: 18px;

  color: var(--Secondary);

  width: 100%;

  width: 150px;

}

.table-listing-properties > .head .item:first-child {

  width: 500px;

}



.table-text-infor {

  overflow-x: auto !important;

}

.table-text-infor::-webkit-scrollbar {

  width: 0px;

}

.table-text-infor > * {

  min-width: 1200px;

}

.table-text-infor > .head {

  padding: 31px 54px 30px;

  border-radius: 16px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: space-between;

  gap: 53px;

  background-color: #F9F9F9;

}

.table-text-infor > .head .item {

  font-size: 15px;

  font-weight: 500;

  line-height: 18px;

  color: var(--Secondary);

  width: 100%;

}

.table-text-infor > .head .item:last-child {

  width: 100px;

  flex-shrink: 0;

}

.table-text-infor.no-border-bottom > ul li:last-child > div {

  border-bottom: 0;

}

.table-text-infor.default > .head .item {

  width: 100% !important;

  flex-shrink: unset !important;

}

.table-text-infor.default > ul li > div > div {

  width: 100% !important;

  flex-shrink: unset !important;

}



.table-shop-cart {

  overflow-x: auto !important;

}

.table-shop-cart::-webkit-scrollbar {

  width: 0px;

}

.table-shop-cart > * {

  min-width: 924px;

}

.table-shop-cart > .head {

  padding: 25px 30px 27px;

  border-radius: 16px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: space-between;

  gap: 0px;

  background-color: #F9F9F9;

  margin-bottom: 9px;

}

.table-shop-cart > .head .item {

  font-size: 16px;

  font-weight: 500;

  line-height: 19px;

  color: var(--Secondary);

}

.table-shop-cart > .head .item:nth-child(1) {

  width: 343px;

}

.table-shop-cart > .head .item:nth-child(2) {

  width: 152px;

}

.table-shop-cart > .head .item:nth-child(3) {

  width: 168px;

}

.table-shop-cart > .head .item:nth-child(4) {

  width: 201px;

}



.table-default {

  color: var(--Secondary);

}

.table-default > .head {

  padding: 29px 36px;

  height: 70px;

  background-color: #F9F9F9;

  border-radius: 16px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 0px;

}

.table-default > .head .text {

  font-size: 17px;

  font-weight: 500;

  line-height: 28px;

}

.table-default > ul li {

  padding: 0 24px;

  height: 70px;

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

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.sidebar {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 30px;

  padding-left: 57px;

}

.sidebar .sidebar-title {

  font-weight: 500;

  font-size: 19px;

  line-height: 28px;

  margin-bottom: 14px;

}

.sidebar .sidebar-item {

  background-color: #F9F9F9;

  border-radius: 16px;

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

  padding: 23px 30px 20px;

}

.sidebar .sidebar-item.no-bg {

  background-color: var(--White);

}

.sidebar .sidebar-item.sidebar-search {

  padding: 29px 30px;

}

.sidebar .sidebar-item.sidebar-categories {

  padding: 23px 30px 20px;

}

.sidebar .sidebar-item.sidebar-categories ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 8px;

}

.sidebar .sidebar-item.sidebar-categories ul li {

  position: relative;

  font-weight: 400;

  font-size: 15px;

  line-height: 28px;

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

}

.sidebar .sidebar-item.sidebar-categories ul li::before {

  position: absolute;

  content: "";

  width: 10px;

  height: 2px;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  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;

}

.sidebar .sidebar-item.sidebar-categories ul li:hover, .sidebar .sidebar-item.sidebar-categories ul li.active {

  padding-left: 25px;

}

.sidebar .sidebar-item.sidebar-categories ul li:hover::before, .sidebar .sidebar-item.sidebar-categories ul li.active::before {

  width: 15px;

  background-color: var(--Third);

}

.sidebar .sidebar-item.sidebar-categories ul li:hover a, .sidebar .sidebar-item.sidebar-categories ul li.active a {

  color: var(--Third);

}

.sidebar .sidebar-item.sidebar-agents {

  padding: 23px 30px 29px;

}

.sidebar .sidebar-item.sidebar-agents .sidebar-title {

  margin-bottom: 22px;

}

.sidebar .sidebar-item.sidebar-agents ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 30px;

}

.sidebar .sidebar-item.sidebar-agents ul li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 25px;

}

.sidebar .sidebar-item.sidebar-agents ul li .image {

  border-radius: 8px;

  overflow: hidden;

}

.sidebar .sidebar-item.sidebar-agents ul li .image img {

  width: 90px;

  height: 90px;

  object-fit: cover;

}

.sidebar .sidebar-item.sidebar-agents ul li .content {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 2px;

  padding-top: 23px;

}

.sidebar .sidebar-item.sidebar-agents ul li .content .name {

  font-weight: 500;

  font-size: 16px;

  line-height: 19px;

}

.sidebar .sidebar-item.sidebar-tags {

  padding: 23px 30px 29px;

}

.sidebar .sidebar-item.sidebar-tags .sidebar-title {

  margin-bottom: 22px;

}

.sidebar .sidebar-item.sidebar-tags ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 10px;

  flex-wrap: wrap;

}

.sidebar .sidebar-item.sidebar-tags ul li a {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 41px;

  padding: 0px 20px;

  border-radius: 8px;

  background-color: #fff;

  font-weight: 400;

  font-size: 15px;

  line-height: 28px;

}

.sidebar .sidebar-item.sidebar-exclusive {

  padding-bottom: 28px;

}

.sidebar .sidebar-item.sidebar-exclusive .sidebar-title {

  margin-bottom: 22px;

}

.sidebar .sidebar-item.sidebar-exclusive .box-dream .image .list-tags {

  top: 20px;

  left: 20px;

}

.sidebar .sidebar-item.sidebar-exclusive .box-dream .content {

  bottom: 20px;

  left: 20px;

}

.sidebar .sidebar-item.sidebar-agents-1 {

  padding-bottom: 28px;

}

.sidebar .sidebar-item.sidebar-agents-1 .sidebar-title {

  margin-bottom: 22px;

}

.sidebar .sidebar-item.sidebar-agents-1 ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 30px;

}

.sidebar .sidebar-item.sidebar-agents-1 ul li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 25px;

}

.sidebar .sidebar-item.sidebar-agents-1 ul li .image {

  width: 90px;

  height: 90px;

}

.sidebar .sidebar-item.sidebar-agents-1 ul li .image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 50%;

}

.sidebar .sidebar-item.sidebar-agents-1 ul li .content {

  padding-top: 5px;

}

.sidebar .sidebar-item.sidebar-agents-1 ul li .content .name {

  font-size: 17px;

  font-weight: 500;

  line-height: 28px;

  color: var(--Secondary);

}

.sidebar .sidebar-item.sidebar-info {

  padding: 30px 30px 37px 30px;

}

.sidebar .sidebar-item.sidebar-info .title {

  font-size: 15px;

  font-weight: 500;

  line-height: 18px;

}

.sidebar .sidebar-item.sidebar-info .image {

  width: 100%;

  height: 330px;

  border-radius: 16px;

  overflow: hidden;

  margin-bottom: 23px;

}

.sidebar .sidebar-item.sidebar-info .image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.sidebar .sidebar-item.sidebar-info .image.has-border {

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

  margin-bottom: 21px;

}

.sidebar .sidebar-item.sidebar-info > ul > li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-bottom: 10px;

}

.sidebar .sidebar-item.sidebar-info > ul > li:not(:last-child) {

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

  margin-bottom: 12px;

}

.sidebar .sidebar-item.sidebar-info > ul > li .wg-social {

  margin-top: 8px;

}

.sidebar .sidebar-item.sidebar-info > ul > li .wg-social .list-social {

  gap: 13px;

}

.sidebar .sidebar-item.sidebar-contact-info-1 {

  padding-bottom: 30px;

}

.sidebar .sidebar-item.sidebar-contact-info-1 .sidebar-title {

  margin-bottom: 22px;

}

.sidebar .sidebar-item.sidebar-contact-info-1 .form-comment {

  gap: 20px !important;

}

.sidebar .sidebar-item.sidebar-contact-info-1 .form-comment textarea {

  height: 100px !important;

}

.sidebar .sidebar-item.sidebar-contact-info-1 .form-comment .flex .tf-button-primary {

  height: 52px;

}

.sidebar .wrap-map-v1 {

  height: 300px;

  min-height: 300px;

  margin: 0;

}



.arrow-style-1 .swiper-button-next {

  right: 0;

  width: 70px;

  height: 46px;

}

.arrow-style-1 .swiper-button-next::after {

  font-size: 12px;

  font-weight: 700;

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

}

.arrow-style-1 .swiper-button-prev {

  left: 0;

  width: 70px;

  height: 46px;

}

.arrow-style-1 .swiper-button-prev::after {

  font-size: 12px;

  font-weight: 700;

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

}

.arrow-style-1 .has-background {

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

  border-radius: 30px;

  backdrop-filter: blur(10px);

}

.arrow-style-1 .has-border {

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

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

}

.arrow-style-1 .has-border::after {

  color: var(--Secondary);

}

.arrow-style-1 .has-border:hover {

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

}

.arrow-style-1 .type-white::after {

  color: var(--White);

}

.arrow-style-1 .type-white:hover {

  border-color: var(--White);

}

.arrow-style-1 .type-white:hover::after {

  color: var(--White);

}



.arrow-style-2 .swiper-button-prev::after {

  color: var(--Secondary);

  font-size: 12px;

  font-weight: 700;

}

.arrow-style-2 .swiper-button-next::after {

  color: var(--Secondary);

  font-size: 12px;

  font-weight: 700;

}



.top-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 6px;

  align-items: center;

  position: absolute;

  top: 36px;

  right: 22px;

}

.top-wrap > div {

  position: unset;

}



.arrow-over .swiper-button-next {

  right: -116px;

  top: 60%;

}

.arrow-over .swiper-button-prev {

  left: -116px;

  top: 60%;

}



.pagination-style-1 .swiper-pagination {

  bottom: 29px;

}

.pagination-style-1 .swiper-pagination .swiper-pagination-bullet {

  margin: 0 7.5px;

  background-color: var(--White);

}



.pagination-style-2 > .swiper-pagination {

  bottom: 0px;

}

.pagination-style-2 > .swiper-pagination .swiper-pagination-bullet {

  margin: 10px 12.5px;

  background-color: var(--Secondary);

  position: relative;

}

.pagination-style-2 > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {

  position: absolute;

  content: "";

  width: 30px;

  height: 30px;

  border: 1px solid #122223;

  border-top-color: #D9D9D9;

  border-radius: 50%;

  top: 50%;

  left: 50%;

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

}

.pagination-style-2 > .swiper-pagination.style-black .swiper-pagination-bullet {

  opacity: 1;

  background-color: var(--White);

}

.pagination-style-2 > .swiper-pagination.style-black .swiper-pagination-bullet.swiper-pagination-bullet-active::before {

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

  border-top-color: rgba(18, 34, 35, 0.2);

}



.bottom-wrap {

  position: absolute;

  left: 0;

  bottom: 0;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 30px;

}

.bottom-wrap > div {

  position: unset;

  margin: 0;

}

.bottom-wrap.style-number {

  gap: 21px;

  bottom: 30px;

}

.bottom-wrap.style-number .slider-min,

.bottom-wrap.style-number .slider-max {

  font-family: "DM Sans";

  font-size: 16px;

  font-weight: 500;

  line-height: 28px;

}

.bottom-wrap.style-number .swiper-pagination {

  width: 200px;

  margin-left: 0;

  height: 2px;

  border-radius: 0;

  background-color: rgba(24, 26, 31, 0.2);

}

.bottom-wrap.style-number .swiper-pagination .swiper-pagination-progressbar-fill {

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

}



.pagination-style-number .swiper-pagination {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: start;

  gap: 25px;

}

.pagination-style-number .swiper-pagination .swiper-pagination-bullet {

  font-weight: 500;

  font-size: 16px;

  line-height: 19px;

  color: var(--Secondary);

  width: unset;

  height: unset;

  background-color: unset;

}

.pagination-style-number .type-white .swiper-pagination-bullet {

  color: var(--White);

}



.pagination-style-progressbar .swiper-pagination {

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

  height: 3px;

  border-radius: 3px;

  top: unset;

  bottom: 21px;

  margin-left: 238px;

  max-width: 1162px;

}

.pagination-style-progressbar .swiper-pagination .swiper-pagination-progressbar-fill {

  background-color: var(--Third);

  border-radius: 3px;

}



.padding-bottom-80 {

  padding-bottom: 80px;

}



.padding-bottom-55 {

  padding-bottom: 55px;

}



.carouselright {

  width: calc(100vw - (100vw - 1400px) / 2 - 14px);

  margin-right: -34px !important;

  max-width: 100%;

  padding-bottom: 96px;

}

.carouselright .bottom-wrap {

  gap: 20px;

}

.carouselright.style-full {

  margin-right: unset !important;

}

.carouselright.style-full .box-dream .image {

  width: 428px;

  height: 300px;

}

.carouselright.style-full .bottom-wrap {

  gap: 30px;

}



.slider-auto > .swiper-wrapper > .swiper-slide {

  width: auto;

}



.thumbs-slider-second {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  padding-left: 119px;

  padding-right: 216px;

  gap: 225px;

}

.thumbs-slider-second .slider-thumbs-gallery-second-1 {

  width: 370px;

  height: 390px;

  flex-shrink: 0;

}

.thumbs-slider-second .slider-thumbs-gallery-second-2 {

  padding-top: 31px;

}

.thumbs-slider-second.style-1 {

  padding-left: 0;

  padding-right: 0;

  gap: 0;

}

.thumbs-slider-second.style-1 .slider-thumbs-gallery-second-1 {

  width: unset;

  height: unset;

  flex-shrink: unset;

}

.thumbs-slider-second.style-1 .slider-thumbs-gallery-second-2 {

  padding-top: 105px;

}



.thumbs-slider img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.thumbs-slider .slider-thumbs-gallery-2 {

  margin-bottom: 10px;

  border-radius: 16px;

  overflow: hidden;

}

.thumbs-slider .slider-thumbs-gallery-2 .thumbs-prev {

  left: 30px;

}

.thumbs-slider .slider-thumbs-gallery-2 .thumbs-next {

  right: 30px;

}

.thumbs-slider .slider-thumbs-gallery-1 img {

  border-radius: 12px;

}



.thumbs-slider-column {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 11px;

}

.thumbs-slider-column img {

  border-radius: 12px;

}

.thumbs-slider-column .slider-thumbs-gallery-1 {

  width: 158px;

  height: 650px;

  flex-shrink: 0;

}

.thumbs-slider-column .slider-thumbs-gallery-1 .swiper-wrapper {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

}

.thumbs-slider-column .slider-thumbs-gallery-1 .swiper-wrapper .swiper-slide {

  width: 158px;

  height: 121px !important;

}



.slider-4-center {

  overflow: unset;

}

.slider-4-center .swiper-slide {

  overflow: hidden;

  border-radius: 16px;

}

.slider-4-center .swiper-slide img {

  width: 100%;

  height: 100%;

  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;

  transition: transform 500ms ease;

}

.slider-4-center .swiper-slide img:hover {

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

  transform: scale3d(1.1, 1.1, 1.1);

  -webkit-transition: all 2s cubic-bezier(0.3, 1, 0.35, 2) 0s;

  transition: all 2s cubic-bezier(0.3, 1, 0.35, 2) 0s;

}



.slider-effect-fade .swiper-slide .fade-item {

  -webkit-transform: translate(0px, 150px);

  -moz-transform: translate(0px, 150px);

  -ms-transform: translate(0px, 150px);

  -o-transform: translate(0px, 150px);

  transform: translate(0px, 150px);

  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;

}

.slider-effect-fade .swiper-slide .fade-item.fade-item-1 {

  transition-delay: 0.1s;

}

.slider-effect-fade .swiper-slide .fade-item.fade-item-2 {

  transition-delay: 0.2s;

}

.slider-effect-fade .swiper-slide .fade-item.fade-item-3 {

  transition-delay: 0.3s;

}

.slider-effect-fade .swiper-slide .fade-item.fade-item-4 {

  transition-delay: 0.4s;

}

.slider-effect-fade .swiper-slide.swiper-slide-active .fade-item {

  -webkit-transform: translate(0px, 0px);

  -moz-transform: translate(0px, 0px);

  -ms-transform: translate(0px, 0px);

  -o-transform: translate(0px, 0px);

  transform: translate(0px, 0px);

  opacity: 1;

  visibility: visible;

}



.slider-recent-properties {

  padding-left: 15px;

  padding-right: 15px;

  margin-left: -15px;

  margin-right: -15px;

}



.slider-news,

.slider-homes {

  padding-left: 15px;

  padding-right: 15px;

  padding-bottom: 15px;

  margin-left: -15px;

  margin-right: -15px;

  margin-bottom: -15px;

}



a {

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

.wrap-map-v1 {

  position: relative;

  height: 100%;

  min-height: 1089px;

  padding-left: 6px;

  padding-top: 9px;

  margin-right: -40px;

}



.wrap-map-v2 {

  position: relative;

  z-index: 20;

  margin-bottom: 40px;

}

.wrap-map-v2 #map {

  height: 668px;

}

.wrap-map-v2 .wrap-filter {

  position: absolute;

  bottom: 20px;

  left: 50%;

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

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

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

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

  transform: translate(-50%, 0);

  width: 100%;

  max-width: 1400px;

}

.wrap-map-v2 .wrap-filter form {

  border-radius: 16px;

  padding: 20px 20px 20px 30px;

}

.wrap-map-v2 .wrap-filter form .list .group-form {

  width: 100%;

  max-width: 212px;

}

.wrap-map-v2 .wrap-filter form .list .group-form.form-search-content {

  max-width: 526px;

}



.wrap-map-v3 {

  position: relative;

  height: 100%;

  min-height: 1089px;

  margin-left: -40px;

  margin-right: -3px;

}



.wrap-map-v4 {

  position: relative;

  height: 100%;

  min-height: 1089px;

  height: 953px;

}



.wrap-map-v5 {

  position: relative;

  padding-bottom: 193px;

}

.wrap-map-v5 #map-1 {

  height: 571px;

}

.wrap-map-v5 .grid-contact {

  position: absolute;

  bottom: 0;

  left: 50%;

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

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

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

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

  transform: translate(-50%, 0);

  width: 100%;

  max-width: 1190px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 40px;

}

.wrap-map-v5 .grid-contact > .contact-item {

  width: 100%;

}



#map {

  border-radius: 16px;

  width: 100%;

  height: 100%;

  position: relative;

  overflow: hidden;

}



#map-1 {

  border-radius: 16px;

  width: 100%;

  height: 100%;

  position: relative;

  overflow: hidden;

}



#map-2 {

  border-radius: 16px;

  width: 100%;

  height: 100%;

  position: relative;

  overflow: hidden;

}



.map-marker-container {

  position: absolute;

  margin-top: 10px;

  transform: translate3d(-50%, -100%, 0);

}



.marker-container {

  position: relative;

  top: 25px;

  left: 10px;

  width: 46px;

  height: 46px;

  z-index: 1;

  border-radius: 50%;

  cursor: pointer;

  -webkit-perspective: 1000;

}



.face {

  position: absolute;

  width: 20px;

  height: 20px;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  text-align: center;

  color: #fff;

  z-index: 100;

  background: #1F4B43;

  border: 2px solid #fff;

  border-radius: 50%;

  box-sizing: content-box;

  background-clip: content-box;

  line-height: 46px;

  font-size: 24px;

}



.face::before,

.face::after {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 20px;

  height: 20px;

  border-radius: 50%;

  -ms-border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

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

  -ms-box-shadow: 0 0 0 50px rgba(31, 75, 67, 0.1);

  -o-box-shadow: 0 0px 0 50px rgba(31, 75, 67, 0.1);

  box-shadow: 0px 0px 0px 20px rgba(31, 75, 67, 0.1);

  -webkit-animation: ripple 2s infinite;

  animation: ripple 2s infinite;

}



.face::before {

  content: "";

  position: absolute;

  -webkit-animation-delay: 0.6s;

  animation-delay: 0.6s;

}



.face::after {

  content: "";

  position: absolute;

  -webkit-animation-delay: 0.2s;

  animation-delay: 0.2s;

}



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

}



.marker-card {

  width: 100%;

  height: 100%;

  transform-style: preserve-3d;

  position: absolute;

  z-index: 1;

}



#map .infoBox {

  margin-left: 170px;

  margin-bottom: -100px;

}



.map-listing-item {

  position: relative;

}



.map-listing-item .infoBox-close {

  position: absolute;

  right: 10px;

  top: 10px;

  width: 26px;

  height: 26px;

  background: rgb(249, 249, 249);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--Secondary);

  font-size: 9px;

  border-radius: 50%;

  z-index: 9;

  text-align: center;

  cursor: pointer;

  transition: all 300ms ease;

}



.map-listing-item .inner-box {

  position: relative;

  border-radius: 10px;

  background: #ffffff;

  min-width: 327px;

  box-shadow: 0px 10px 25px rgba(54, 95, 104, 0.1);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 10px;

  padding: 10px;

}



.map-listing-item .image {

  width: 75px;

  height: 75px;

}



.map-listing-item .image img {

  display: block;

  max-width: 100%;

  height: auto;

  border-radius: 8px;

  transition: all 500ms ease;

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

}



.map-listing-item .content {

  position: relative;

  padding: 0;

}

.map-listing-item .content .price {

  font-weight: 500;

  font-size: 17px;

  line-height: 28px;

  color: var(--Third);

}

.map-listing-item .content h4 {

  font-weight: 500;

  font-size: 15px;

  line-height: 18px;

  color: var(--Secondary);

  margin-bottom: 0 !important;

}



.cluster-map-visible {

  text-align: center;

  font-size: 16px !important;

  color: #ffffff !important;

  font-weight: 500 !important;

  border-radius: 50%;

  width: 40px !important;

  height: 40px !important;

  line-height: 40px !important;

  background-color: #14a077;

  border: 7px solid rgba(25, 103, 210, 0.2);

  box-shadow: 0 7px 30px rgba(33, 33, 33, 0.3);

  box-sizing: content-box;

  background-clip: content-box;

}



.map-style-fixed {

  position: fixed;

  top: 141px;

  bottom: 0;

  left: 20px;

  width: 48.5%;

  z-index: 0;

  margin: 0;

}



.property-map-v3 .box-filter-small {

  margin-top: 121px;

}



.property-map-wrap-v4 .box-filter-small {

  margin-top: 121px;

}

.property-map-wrap-v4 .map-style-fixed {

  width: 60.8%;

}



.nice-select {

  border-radius: 12px;

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

  padding: 12px 20px;

}

.nice-select.border-radius-1 {

  border-radius: 120px;

  padding: 12.5px 25px;

}

.nice-select::after {

  right: 27px;

  border-color: var(--Secondary);

}

.nice-select > span {

  font-weight: 400;

  font-size: 15px;

  line-height: 28px;

  color: var(--Secondary);

}

.nice-select > .list {

  margin-top: 10px;

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

  border-radius: 16px;

  max-height: unset;

  padding: 28px 20px 20px 21px;

  max-width: 300px;

}

.nice-select > .list .option {

  height: 41px;

  padding: 0 15px;

  border-radius: 12px;

  font-weight: 400;

  font-size: 15px;

  line-height: 41px;

  color: var(--Secondary);

  position: relative;

}

.nice-select > .list .option.selected {

  color: var(--Secondary);

  font-weight: 400;

}

.nice-select > .list .option.selected::after {

  position: absolute;

  font-family: flaticon_just-home !important;

  content: "\f125";

  right: 18px;

  top: 50%;

  transform: translateY(-50%);

}

.nice-select > .list.style-radio {

  padding: 28px 20px 30px 21px;

}

.nice-select > .list.style-radio .option {

  padding-left: 50px;

  height: 50px;

  line-height: 50px;

}

.nice-select > .list.style-radio .option::after {

  position: absolute;

  left: 15px;

  top: 50%;

  transform: translateY(-50%);

  content: "";

  width: 20px;

  height: 20px;

  border-radius: 50%;

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

}

.nice-select > .list.style-radio .option.selected::after {

  border: 4px solid var(--Secondary);

}

.nice-select.open {

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

  z-index: 50;

}

.nice-select.style-white span.current {

  color: var(--White) !important;

}

.nice-select.style-white::after {

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

}

.nice-select.default {

  padding: 0;

  padding-right: 18px;

  border: 0 !important;

}

.nice-select.default::after {

  right: 0;

  top: 44%;

  right: 2px;

}

.nice-select.default ul.list {

  width: 220px;

  right: 0;

  left: unset;

}



.tf-select select {

  position: relative;

  border-radius: 12px;

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

  padding: 12px 20px;

  font-size: 15px;

  line-height: 28px;

  color: var(--Secondary);

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

}

.tf-select select:focus {

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

}



.tf-field-label {

  position: relative;

}

.tf-field-label .tf-input {

  padding: 12px 18px;

}

.tf-field-label .tf-input:focus {

  border-color: var(--Black);

}

.tf-field-label .tf-input:not(:placeholder-shown) ~ .tf-label, .tf-field-label .tf-input:focus ~ .tf-label {

  top: 0;

  transform: translateY(-50%);

  padding: 0 8px;

  background-color: var(--White);

}

.tf-field-label .tf-input::placeholder {

  color: transparent;

}

.tf-field-label .tf-label {

  position: absolute;

  top: 11px;

  left: 18px;

  transition: all 0.1s ease;

  cursor: text;

  font-size: 15px;

  font-weight: 400;

  line-height: 28px;

  color: var(--Secondary);

}



.tf-select-label {

  position: relative;

  z-index: 2;

}

.tf-select-label .select-label {

  position: absolute;

  top: 11px;

  left: 18px;

  transition: all 0.1s ease;

  cursor: text;

  font-size: 15px;

  font-weight: 400;

  line-height: 28px;

  color: var(--Secondary);

  z-index: 51;

}

.tf-select-label.focused .select-label {

  top: 0;

  transform: translateY(-50%);

  padding: 0 8px;

  background-color: var(--White);

}



@media (max-width: 1800px) {

  .property-grid-wrap {

    display: grid;

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

    gap: 20px 20px;

  }

  .property-grid-wrap > .box-dream {

    margin-left: auto;

    margin-right: auto;

  }

  .property-grid-wrap.type-2-cols {

    display: grid;

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

    gap: 20px 20px;

  }

  .property-grid-wrap.type-2-cols > .box-dream {

    max-width: 500px;

  }

  .wrap-map-v3,

  .wrap-map-v1 {

    margin: 0;

    padding: 0;

  }

  .slider.home4 .wrap-slider::before {

    left: unset;

    right: calc(50% + 150px);

  }

  .slider.home4 .wrap-slider::after {

    right: unset;

    left: calc(50% + 150px);

  }

}

@media (max-width: 1440px) {

  .pagination-style-progressbar .swiper-pagination {

    width: unset;

    right: 35px;

    margin-left: 190px;

  }

  .luxury-home.style-3 .content {

    padding-left: 50px;

  }

  .box-filter-small .wg-filter.style-price .open-filter {

    left: unset;

    right: 0;

  }

  .box-filter-small .wg-filter.style-more {

    position: unset;

  }

  .box-filter-small .wg-filter.style-more > .btn-filter {

    position: relative;

  }

  .box-filter-small .wg-filter.style-more > .btn-filter::after {

    border-bottom: 1.7px solid #3A3A3C;

    border-right: 1.7px solid #3A3A3C;

    content: "";

    height: 8px;

    width: 8px;

    margin-top: -4px;

    pointer-events: none;

    position: absolute;

    top: 43% !important;

    right: 23px !important;

    border-color: var(--Secondary);

    -webkit-transform-origin: 66% 66%;

    -ms-transform-origin: 66% 66%;

    transform-origin: 66% 66%;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    -webkit-transition: all 0.15s ease-in-out;

    transition: all 0.15s ease-in-out;

  }

  .box-filter-small .wg-filter.style-more::after {

    display: none;

  }

  .message-wrap {

    gap: 10px;

  }

  .message-wrap > .wg-box {

    padding: 20px !important;

  }

  .page-head > div {

    flex-wrap: wrap;

    gap: 30px;

    flex-direction: column-reverse;

  }

  .page-head > div .widget-content-tab .widget-content-inner form {

    flex-wrap: wrap;

  }

  .page-head > div .widget-content-tab .widget-content-inner form > * {

    width: 25%;

  }

  .page-head > div .widget-content-tab .widget-content-inner form > * .btn-filter {

    justify-content: start;

  }

  .page-head > div .widget-content-tab .widget-content-inner form > *.style-more {

    position: unset;

  }

  .page-head > div .widget-content-tab .widget-content-inner form > *.style-more .open-filter {

    width: 100%;

    top: calc(100% + 20px);

  }

  .page-head > div .widget-content-tab .widget-content-inner form > *.style-more > .btn-filter {

    position: relative;

  }

  .page-head > div .widget-content-tab .widget-content-inner form > *.style-more > .btn-filter::after {

    border-bottom: 1.7px solid #3A3A3C;

    border-right: 1.7px solid #3A3A3C;

    content: "";

    height: 8px;

    width: 8px;

    margin-top: -4px;

    pointer-events: none;

    position: absolute;

    top: 47%;

    right: 30px;

    border-color: var(--Secondary);

    -webkit-transform-origin: 66% 66%;

    -ms-transform-origin: 66% 66%;

    transform-origin: 66% 66%;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    -webkit-transition: all 0.15s ease-in-out;

    transition: all 0.15s ease-in-out;

  }

  .page-head > div .widget-content-tab .widget-content-inner form > *.style-more::after {

    display: none;

  }

  .property-grid-wrap {

    display: grid;

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

    gap: 20px 20px;

  }

  .property-grid-wrap > .box-dream {

    max-width: 490px;

  }

  .box-testimonials .testimonials-item {

    padding-left: 30px;

  }

  .flat-counter.style-1 {

    margin-left: 0;

    margin-right: 0;

  }

  .pricing-item {

    margin-bottom: 30px;

  }

  .agency-list-wrap .sidebar,

  .agency-list-wrap .form-sidebar-left {

    max-width: unset;

  }

  .layout-wrap .layout-wrap-inner .section-menu-left.null {

    -webkit-transform: translate(-100%, 0);

    -moz-transform: translate(-100%, 0);

    -ms-transform: translate(-100%, 0);

    -o-transform: translate(-100%, 0);

    transform: translate(-100%, 0);

    opacity: 0;

    visibility: hidden;

  }

  .layout-wrap .layout-wrap-inner .section-content-right.full {

    padding-left: 0px;

  }

  .grid-favorities-item {

    display: grid;

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

    gap: 28px 28px;

    padding-right: 0;

  }

  .btn-canvas {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    z-index: 70;

  }

  .grid-section-4 {

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

  }

  .grid-section-1 {

    flex-wrap: wrap;

  }

  .grid-section-1 > .wg-box {

    width: 100% !important;

  }

  .thumbs-slider-second {

    padding-left: 0;

    padding-right: 0;

  }

  .main-content.px-60, .main-content.px-110 {

    padding-left: 0;

    padding-right: 0;

  }

  #header_main .header-inner .header-inner-wrap .main-menu ul.navigation {

    margin-left: 0;

  }

  #header_main .header-inner .header-inner-wrap .main-menu ul.navigation .mega-menu {

    gap: 40px !important;

  }

  #header_main .header-inner .header-inner-wrap .header-right .header-call {

    display: none;

  }

  #header_main.type-home3 .header-inner #site-logo {

    position: unset !important;

    transform: none !important;

  }

  #header_main.type-home3 .header-inner .main-menu .navigation {

    gap: 10px !important;

  }

  .sidebar {

    padding-left: 0;

  }

  .properties-content-default {

    padding: 15px 30px;

  }

  .properties-content-default .text,

  .properties-content-default p {

    margin-bottom: 15px;

  }

  .flat-cities.style-1 .wrap {

    padding-left: 0;

    padding-right: 0;

  }

  .slider.home5 .wrap-slider .slider-content .left .box-agents {

    right: 0;

  }

  .property-single-sidebar {

    max-width: unset;

    width: 100%;

  }

  .property-map-wrap-v4 .list-box-dream .box-dream {

    flex-direction: column;

    gap: 0;

  }

  .property-map-wrap-v4 .list-box-dream .box-dream .content {

    padding: 9px 0 9px 9px;

  }

  .property-map-wrap-v4 .list-box-dream .box-dream .image {

    flex-grow: 1;

    width: unset;

    margin: 9px;

    height: unset;

  }

}

@media (max-width: 1200px) {

  .po-sticky {

    position: unset !important;

  }

  .counter .number-counter.style-1 {

    width: 100%;

    margin-bottom: 15px;

  }

  .box-icon.style-2 .content p br {

    display: none;

  }

  .perfect-home .content-right {

    padding-top: 30px;

    padding-left: 0;

  }

  .box-dream.style-row {

    flex-direction: column;

    gap: 15px;

  }

  .box-dream.style-row .image {

    width: 100%;

    margin: 0 !important;

    padding: 9px;

    border-radius: 12px;

    overflow: hidden;

  }

  .box-dream.style-row .image > .swiper-container {

    border-radius: 12px;

    overflow: hidden;

  }

  .box-dream.style-row .image img {

    border-radius: 12px;

  }

  .box-dream.style-row .content {

    padding: 9px 0 9px 9px;

  }

  #header_main .header-inner {

    padding: 15px 15px 0 15px;

  }

  #header_main .header-inner .header-inner-wrap {

    padding-right: 15px;

    padding-left: 15px;

  }

  #header_main .header-inner .header-inner-wrap .main-menu ul.navigation {

    gap: 20px !important;

  }

  #header_main .header-inner .header-inner-wrap .header-right {

    gap: 15px;

  }

  #header_main.style-bg-white .header-inner .header-inner-wrap .main-menu ul.navigation > li::before {

    width: calc(100% + 20px);

  }

  #header_main.type-home3 .header-inner {

    padding: 15px 15px 0 15px !important;

  }

  .footer .footer-inner .footer-inner-wrap .center-footer {

    flex-wrap: wrap;

    gap: 40px;

  }

  .footer .footer-inner .footer-inner-wrap .center-footer .footer-cl-1 {

    max-width: unset;

  }

}

@media (max-width: 1199px) {

  .property-single-sidebar {

    margin-top: 50px;

  }

}

@media (max-width: 1024px) {

  .box-filter-small .wg-filter.style-price .open-filter {

    left: unset;

    right: 0;

  }

  .box-filter-small .wg-filter.style-more .open-filter {

    max-width: max-content;

  }

  .slider.home8 .wrap-slider .counter {

    position: unset;

    max-width: unset;

    height: unset;

    padding: 40px 14px;

  }

  .slider.home8 .wrap-slider .counter .number-counter {

    width: 100%;

    text-align: center;

  }

  .slider.home8 .wrap-slider .counter .number-counter > div {

    text-align: center !important;

  }

}

@media (max-width: 991px) {

  .layout-wrap .layout-wrap-inner .section-menu-left {

    top: 150px;

    width: unset;

    right: 20px;

    -webkit-transform: translate(-100%, 0);

    -moz-transform: translate(-100%, 0);

    -ms-transform: translate(-100%, 0);

    -o-transform: translate(-100%, 0);

    transform: translate(-100%, 0);

    opacity: 0;

    visibility: hidden;

  }

  .layout-wrap .layout-wrap-inner .section-menu-left.null {

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

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

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);

    opacity: 1;

    visibility: visible;

  }

  .layout-wrap .layout-wrap-inner .section-content-right {

    padding-top: 120px;

    padding-left: 0px;

  }

  .layout-wrap .layout-wrap-inner .section-content-right .reviews-wrap ul li {

    flex-wrap: wrap;

    gap: 15px;

  }

  .layout-wrap .layout-wrap-inner .section-content-right .reviews-wrap ul li .ratings {

    margin-top: 0;

  }

  .layout-wrap .layout-wrap-inner .section-content-right .reviews-wrap ul li .time {

    margin-bottom: 10px;

  }

  .layout-wrap .layout-wrap-inner .btn-canvas {

    top: 100px;

    left: 20px;

    right: 20px;

    position: absolute;

    width: unset;

    height: 50px;

    padding: 0 15px;

    border-radius: 6px;

    gap: 15px;

    justify-content: start;

  }

  .layout-wrap .layout-wrap-inner .btn-canvas span::after {

    transform: rotate3d(0, 0, 1, -45deg);

    top: 50%;

  }

  .layout-wrap .layout-wrap-inner .btn-canvas span::before {

    transform: rotate3d(0, 0, 1, 45deg);

    top: 50%;

  }

  .layout-wrap .layout-wrap-inner .btn-canvas .text-content {

    display: block;

  }

  .layout-wrap .layout-wrap-inner .btn-canvas.active span::after {

    bottom: 0;

    top: unset;

    transform: none;

  }

  .layout-wrap .layout-wrap-inner .btn-canvas.active span::before {

    top: 0;

    transform: none;

  }

  .agents-item {

    padding: 20px;

  }

  .agents-item > div:first-child {

    gap: 20px !important;

  }

  .agents-item .name {

    margin-top: 0;

  }

  .sidebar .sidebar-item,

  .agency-list-wrap .sidebar,

  .agency-list-wrap .form-sidebar-left {

    padding: 15px;

    gap: 15px;

  }

  .thumbs-slider-second.style-1 .slider-thumbs-gallery-second-2 {

    padding-top: 0;

  }

  .thumbs-slider-second.style-1 .slider-thumbs-gallery-second-1 {

    margin-top: 20px;

  }

  .slider.home6 .wrap-slider .slider-item {

    background-image: none;

  }

  .flat-explore .wrap {

    flex-wrap: wrap;

  }

  .flat-explore .wrap .cities-item {

    width: 47% !important;

  }

  .flat-explore .wrap .cities-item .content {

    top: 15px !important;

    left: 15px !important;

  }

  .flat-explore .wrap .cities-item > a {

    bottom: 15px !important;

    left: 15px !important;

  }

  .luxury-home.style-3 {

    flex-wrap: wrap;

    padding-left: 20px;

    padding-right: 20px;

  }

  .luxury-home.style-3 .content {

    padding-top: 70px;

    padding-bottom: 70px;

  }

  .box-dream.style-full .content {

    padding-top: 40px;

    padding-bottom: 0px;

  }

  .map-style-fixed {

    margin-top: 100px;

    position: unset;

    width: 100%;

    height: 500px;

    min-height: 500px;

  }

  .modal .modal-dialog {

    margin-top: 30px;

    margin-bottom: 30px;

    min-width: unset;

  }

  .modal .modal-dialog .modal-content {

    flex-wrap: wrap;

    transform: translateY(0) !important;

  }

  .modal .modal-dialog .modal-content .image-left {

    width: 100%;

    height: 500px;

  }

  .modal .modal-dialog .modal-content .content-right {

    padding: 34px 30px 30px 30px;

  }

  .property-map-wrap-v4 {

    padding-right: 15px;

    padding-left: 15px;

    flex-wrap: wrap;

  }

  .property-map-wrap-v4 > * {

    width: 100% !important;

  }

  .property-map-wrap-v4 > *.wrap-map-v4 {

    height: 500px;

    min-height: 500px;

  }

  .property-map-wrap-v4 > *.wrap-map-v4 .map-style-fixed {

    width: 100% !important;

  }

  .box-filter-small {

    margin-top: 50px;

  }

  .property-grid-wrap {

    display: grid;

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

    gap: 20px 20px;

  }

  .property-grid-wrap > .box-dream {

    max-width: 400px;

  }

  .slider.home6 .wrap-slider .slider-item .slider-content {

    padding-top: 150px;

    padding-bottom: 100px;

  }

  .slider.home5 {

    margin-bottom: 30px;

  }

  .slider.home5 .wrap-slider .slider-item .slider-content {

    padding-top: 150px;

    padding-bottom: 100px;

  }

  .slider.home5 .wrap-slider .slider-item .slider-content > .left {

    position: unset;

    margin-top: 50px;

  }

  .slider.home5 .wrap-slider .slider-item .slider-content > .left > form {

    position: relative;

    left: 0;

  }

  .slider.home5 .wrap-slider .slider-item .slider-content > .left > .wrap-img {

    margin-top: 40px;

    margin-bottom: 100px;

    justify-content: center;

  }

  .slider.home5 .wrap-slider .slider-item .slider-content > .left > .box-agents {

    bottom: 15px;

    right: 14px;

  }

  .slider.home10 .wrap-slider .counter {

    padding-left: 20px;

    padding-right: 20px;

    height: unset;

  }

  .download-app {

    flex-wrap: wrap;

  }

  .download-app .content-right {

    width: 100%;

    padding-top: 50px;

    padding-bottom: 50px;

    padding-left: 20px;

  }

  .download-app .content-right .ft-download {

    flex-wrap: wrap;

  }

  .download-app .image {

    width: 100%;

  }

  .download-app .image img {

    width: 100%;

    height: 600px;

    object-fit: cover;

  }

  .flat-cities .inner.style-1 {

    display: grid;

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

    gap: 30px 28px;

    grid-template-areas: "aa aa" "bb cc" "dd ee";

  }

  .flat-cities .inner.style-1 .cities-item.item-1 img {

    height: 320px;

  }

  .flat-counter.style-1 .counter {

    margin-top: 30px;

    flex-wrap: wrap;

    row-gap: 30px;

    text-align: center;

  }

  .flat-counter.style-1 .counter .number-counter {

    width: 100% !important;

  }

  .flat-counter.style-1 .counter .number-counter div {

    text-align: center;

  }

  form {

    z-index: 40 !important;

    flex-wrap: wrap;

    align-items: center !important;

  }

  form > .list {

    flex-wrap: wrap;

  }

  form > .list > * {

    width: 100% !important;

    max-width: unset !important;

  }

  form > .list > .divider-1 {

    display: none;

  }

  .wrap-map-v5 {

    padding-bottom: 0;

  }

  .wrap-map-v5 .grid-contact {

    position: unset;

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

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

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);

    padding-top: 20px;

    flex-wrap: wrap;

  }

  .vision-mission .content {

    flex-wrap: wrap;

  }

  .vision-mission .content > div {

    max-width: unset;

  }

  .agency-list-wrap .top {

    margin-top: 50px;

  }

  .sidebar-shop {

    padding-top: 50px;

    max-width: unset !important;

  }

  .shop-detail-wrap .shop-detail-content {

    padding-left: 0;

    padding-top: 50px;

  }

  .shop-detail-wrap .bottom {

    padding-top: 70px;

    padding-bottom: 70px;

  }

  form .cols {

    flex-direction: column;

  }

  form .cols > * {

    width: 100% !important;

    max-width: unset !important;

  }

  .thumbs-slider-second {

    flex-wrap: wrap;

    gap: 40px;

  }

  .grid-4-cols {

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

  }

  .mobile-wrap {

    flex-wrap: wrap;

  }

  .mobile-wrap > * {

    width: 100% !important;

  }

  #header_main {

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

  }

  #header_main.style-bg-white .header-inner {

    padding: 20px 20px 0 20px !important;

  }

  #header_main.style-fixed .header-inner {

    padding-bottom: 20px !important;

  }

  #header_main.style-fixed .header-inner .header-inner-wrap {

    background-color: #F9F9F9;

  }

  #header_main.style-fixed.none-bg .header-inner .header-inner-wrap {

    background-color: var(--White);

  }

  #header_main.type-home8 {

    padding-top: 20px;

    padding-bottom: 20px;

  }

  #header_main.style-absolute {

    background-color: var(--White);

    padding-bottom: 20px;

  }

  #header_main.style-absolute .header-inner {

    padding-bottom: 0 !important;

  }

  #header_main.is-fixed.type-home1.is-small {

    top: 0px;

  }

  #header_main.is-fixed.is-small {

    background-color: var(--White);

    padding-top: 20px;

    padding-bottom: 20px;

  }

  #header_main.is-fixed.is-small.style-no-bg {

    background-color: var(--White);

  }

  #header_main.is-fixed.is-small.style-no-bg .header-inner .header-inner-wrap {

    background-color: transparent;

  }

  #header_main .header-inner {

    padding-bottom: 20px !important;

  }

  #header_main .header-inner.background-white {

    background-color: var(--White);

  }

  #header_main .header-inner.background-white .header-inner-wrap {

    background-color: var(--White);

  }

  #header_main .header-inner .header-inner-wrap {

    padding: 0 !important;

    border: 0;

  }

  #header_main .header-inner .header-inner-wrap #site-logo #logo-header-mobile {

    display: block;

  }

  #header_main .header-inner .header-inner-wrap #site-logo #logo-header {

    display: none;

  }

  #header_main .header-inner .header-inner-wrap .main-menu {

    display: none;

  }

  #header_main .header-inner .header-inner-wrap .header-right {

    display: none;

  }

  #header_main .header-inner .header-inner-wrap .mobile-button {

    display: block !important;

  }

  .sidebar {

    margin-top: 40px;

    max-width: unset !important;

  }

  .footer {

    padding: 0 !important;

  }

  .footer .footer-inner {

    border-radius: 0;

    padding: 0;

  }

  .footer .footer-inner .footer-inner-wrap .top-footer {

    padding: 20px;

  }

  .footer .footer-inner .footer-inner-wrap .top-footer #footer-logo {

    width: 150px;

  }

  .footer .footer-inner .footer-inner-wrap .top-footer .wg-social > span {

    display: none;

  }

  .footer .footer-inner .footer-inner-wrap .center-footer {

    padding: 40px 20px;

  }

  .footer .footer-inner .footer-inner-wrap .bottom-footer {

    padding: 20px;

  }

  .blog-single-wrap {

    padding: 15px 0;

  }

  .flat-cities .inner {

    gap: 10px;

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

    grid-template-areas: "aa bb" "cc dd" "ee ff";

  }

  .exclusive-properties .inner {

    gap: 10px;

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

    grid-template-areas: "aa bb" "cc dd" "ee ff";

  }

  .best-properties .inner {

    gap: 10px !important;

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

    grid-template-areas: "aa aa" "aa aa" "dd dd" "dd dd" "dd dd" "bb cc" "bb cc" !important;

  }

  .agents-item .image {

    width: 100px;

    height: 100px;

  }

  .property-list-wrap.v1 .form-sidebar-left {

    display: none;

  }

  .property-list-wrap.v1 .top > form {

    display: block;

    margin-bottom: 30px;

  }

}

@media (max-width: 820px) {

  .form-search-home3 {

    border-radius: 12px;

  }

  .form-search-home3 > div {

    width: 100% !important;

  }

  .finest-selection .inner {

    flex-wrap: wrap;

  }

  .finest-selection .inner .content {

    padding-top: 50px;

    padding-left: 20px;

    padding-right: 20px;

  }

  .finest-selection .inner .image {

    max-width: unset;

  }

  .luxury-home .image .box {

    bottom: 10px;

    left: 10px;

    top: unset;

  }

  .counter {

    flex-wrap: wrap;

    row-gap: 15px;

  }

  .counter .number-counter {

    width: 50%;

    text-align: center;

  }

  .work-with-us .wrap {

    padding-left: 0;

    flex-wrap: wrap;

    gap: 20px;

  }

  .work-with-us .wrap > div {

    width: 100%;

    max-width: none !important;

  }

}

@media (max-width: 767px) {

  .smilar-homes .box-dream {

    margin-bottom: 30px;

  }

  .property-single-wrap .head-title {

    flex-wrap: wrap;

    gap: 15px;

  }

  .property-single-wrap .head-title .square {

    text-align: start;

  }

  .property-single-wrap.v3 .wrap-gallery-image {

    margin-left: 15px;

    margin-right: 15px;

  }

  .property-single-wrap.v6 .head-title {

    bottom: 10px;

  }

  .property-single-wrap.v6 .head-title > div:last-child {

    display: none;

  }

  .property-single-wrap.v6 .list-icons-page.show-mobile {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    padding-left: 14px;

    margin-bottom: 30px;

  }

  .list-icons-page .item p {

    display: none;

  }

  .widget-tabs.style-3 .widget-menu-tab {

    overflow-x: auto;

  }

  .widget-tabs.style-3 .widget-menu-tab .item-title {

    padding: 10px 15px;

    min-width: max-content;

  }

  .top-heading {

    flex-wrap: wrap;

    margin-bottom: 20px;

  }

  .top-heading .heading-section {

    margin-bottom: 15px;

    width: 100%;

  }

  .flat-accordion .flat-toggle {

    padding-left: 15px !important;

    padding-right: 40px !important;

  }

  .flat-accordion .flat-toggle.active {

    padding-top: 20px !important;

    padding-bottom: 20px !important;

  }

  .flat-accordion .flat-toggle .toggle-title {
    padding-left: 15px !important;
    padding-right: 20px;

  }

  .pie-chart {

    flex-wrap: wrap;

  }

  .pie-chart .wrap-note {

    padding-top: 0 !important;

    gap: 20px !important;

    flex-wrap: wrap;

  }

  .box-content-search {

    max-width: -webkit-fill-available;

  }

  .message-wrap {

    flex-direction: column;

  }

  .message-wrap > * {

    width: 100% !important;

  }

  .carouselright {

    margin-left: 0;

  }

  .work-with-us-item h2 a {

    left: unset !important;

    right: 40px;

  }

  .work-with-us-item:hover h2 a {

    right: 25px;

  }

  .box-dream .head {

    padding-top: 15px !important;

    gap: 10px !important;

  }

  .box-dream .price {

    position: unset !important;

  }

  .property-grid-wrap {

    display: grid;

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

    gap: 20px 20px;

  }

  .property-grid-wrap > .box-dream {

    max-width: 350px;

  }

  .box-testimonials {

    flex-wrap: wrap;

  }

  .box-testimonials .image {

    max-width: unset;

  }

  .work-with-us-item {

    flex-wrap: wrap;

  }

  .work-with-us-item .text-content {

    text-align: start;

  }

  .testimonials .testimonials-inner {

    flex-wrap: wrap;

  }

  .cities-item.style-4 .content {

    padding: 10px;

    bottom: 10px;

    left: 20px;

    right: 20px;

  }

  .box-icon {

    margin-bottom: 50px;

  }

  .agents-item {

    position: relative;

  }

  .agents-item > .flex {

    flex-wrap: wrap;

    row-gap: 20px !important;

  }

  .agents-item > .flex > div:last-child {

    width: 100%;

  }

  .agents-item > .flex > div:last-child .infor {

    position: absolute;

    top: 25px;

    left: 140px;

  }

  .form-shop-cart .bottom {

    flex-wrap: wrap;

  }

  .upload-image-wrap .list {

    flex-wrap: wrap;

  }

  .grid-section-4 {

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

  }

  .property-single-wrap.v7 .wrap-image {

    flex-direction: column;

  }

  .property-single-wrap.v7 .wrap-image > .flex {

    flex-direction: row !important;

  }

  .property-single-wrap.v7 .box-items {

    flex-wrap: wrap;

    row-gap: 15px;

  }

  .property-single-wrap.v7 .box-items .item {

    width: 50%;

    border: 0 !important;

  }

  .thumbs-slider-column {

    flex-wrap: wrap;

    margin-right: 0 !important;

  }

  .thumbs-slider-column .slider-thumbs-gallery-1 {

    width: unset;

    height: unset;

  }

  .thumbs-slider-column .slider-thumbs-gallery-1 .swiper-wrapper {

    display: none;

  }

  .property-single-wrap .content-wrap .box-items {

    display: grid;

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

    gap: 10px 10px;

  }

  .property-single-wrap .content-wrap > .plans .icons {

    flex-wrap: wrap;

  }

  .property-single-wrap .content-wrap > .calculator form {

    display: grid;

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

    gap: 20px 20px;

  }

  .wrap-gallery-image {

    display: grid;

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

    gap: 10px 10px;

    grid-template-areas: "aa aa" "aa aa" "bb cc" "dd ee";

  }

  .list-icons-page {

    flex-wrap: wrap;

  }

  .footer .footer-inner .footer-inner-wrap .center-footer .footer-cl-2,

  .footer .footer-inner .footer-inner-wrap .center-footer .footer-cl-3,

  .footer .footer-inner .footer-inner-wrap .center-footer .footer-cl-4,

  .footer .footer-inner .footer-inner-wrap .center-footer .footer-cl-5 {

    width: 45%;

  }

  .footer.style-1 .bottom-footer .inner {

    flex-wrap: wrap;

    gap: 15px;

  }

  .footer.style-1 .bottom-footer .inner > * {

    width: 100%;

  }

  .testimonials .testimonials-inner {

    margin-bottom: 40px;

  }

  .tab-search .widget-tabs .widget-menu-tab {

    gap: 30px;

    overflow-x: auto;

    overflow-y: hidden;

  }

  .tab-search .widget-tabs .widget-menu-tab .item-title {

    min-width: max-content;

    font-size: 16px;

  }

  .tab-search .widget-tabs .widget-content-tab .widget-content-inner .gird-tab-search {

    flex-wrap: wrap;

  }

  .tab-search .widget-tabs .widget-content-tab .widget-content-inner .gird-tab-search .item {

    width: 45%;

  }

  .luxury-home .content {

    padding-bottom: 50px;

  }

  .luxury-home .image {

    margin-bottom: 40px;

    max-width: unset !important;

  }

  .group-icon {

    margin-bottom: 20px;

    padding: 20px;

  }

  .group-icon > .image {

    bottom: 15px;

    right: 15px;

  }

  .exclusive-properties .inner {

    gap: 10px;

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

    grid-template-areas: "aa" "bb" "cc" "dd" "ee" "ff";

  }

}

@media (max-width: 550px) {

  .agents-item .wrap-contact > * {

    width: 100%;

    justify-content: start;

  }

  .has-bg-vector::before {

    display: none;

  }

  .contact-item {

    padding: 30px 20px;

  }

  .box-dream.style-favorities {

    gap: 0;

  }

  .box-dream.style-favorities .image {

    margin: 7px;

    flex-grow: 1;

    width: unset;

  }

  .box-dream.style-favorities .head {

    padding-top: 0 !important;

  }

  .wg-box {

    padding: 30px 20px 20px !important;

  }

  .property-single-wrap .content-wrap .list-item {

    display: grid;

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

    gap: 12px 60px;

  }

  .property-single-wrap.v5 .content-wrap .widget-tabs .widget-menu-tab {

    overflow-x: auto;

    overflow-y: hidden;

  }

  .property-single-wrap.v5 .content-wrap .widget-tabs .widget-menu-tab .item-title {

    min-width: max-content;

  }

  .property-single-wrap.v6 .content-wrap > * {

    padding: 15px;

  }

  .property-single-wrap.v6 .content-wrap > * > h4 {

    margin-bottom: 15px !important;

  }

  .property-single-wrap.v6 .slider-property-single-6 .swiper-item .image::before,

  .property-single-wrap.v6 .slider-property-single-6 .swiper-item .image img {

    border-radius: 0;

  }

  .property-single-wrap.v6 .slider-property-single-6 .swiper-item .head-title {

    bottom: 15px;

  }

  .property-single-wrap.v6 .slider-property-single-6 .swiper-item .head-title .list-icons-page {

    gap: 10px;

    margin-bottom: 15px;

  }

  .property-single-wrap.v7 .page-top {

    border-radius: 0;

  }

  .property-single-wrap.v7 .content-wrap > * {

    padding: 15px;

  }

  .property-single-wrap.v7 .content-wrap > * > h4 {

    margin-bottom: 15px !important;

  }

  #map {

    border-radius: 0;

  }

  .shop-detail-wrap {

    padding-top: 50px;

  }

  .flat-title {

    padding-top: 50px !important;

    padding-bottom: 50px !important;

    border-radius: 0 !important;

  }

  .flat-title.page-property-grid-2 {

    position: relative;

    z-index: 20;

  }

  .flat-title.page-property-list-3, .flat-title.page-property-list-2 {

    padding-top: 120px !important;

  }

  .flat-title.inner-page {

    /* height: unset; */

  }

  .exclusive-properties .inner .box-dream .image img {

    height: 320px;

    object-fit: cover;

  }

  h2 {

    font-size: 26px !important;

    line-height: 36px !important;

  }

  h3 {

    font-size: 21px !important;

    line-height: 30px !important;

  }

  .flat-cities .inner.style-1 {

    display: grid;

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

    gap: 30px 28px;

    margin-bottom: 70px;

    grid-template-areas: "aa" "bb" "cc" "dd" "ee";

  }

  ul.grid-tags {

    gap: 10px;

  }

  ul.grid-tags li a {

    padding: 0 15px;

    line-height: 40px;

  }

  .widget-tabs.style-1 .widget-menu-tab .item-title {

    padding: 10px;

  }

  .luxury-home .counter {

    padding-top: 30px;

  }

  .luxury-home.style-3 .content {

    padding: 20px 30px;

  }

  .categories-item.style-1 {

    padding: 15px;

  }

  .categories-item.style-1 .icon {

    width: 70px;

    height: 70px;

  }

  .flat-news.style-2 > div:first-child {

    margin-bottom: 70px;

  }

  .area-item {

    gap: 15px;

    margin-bottom: 30px;

  }

  .area-item .image {

    width: 70px;

    height: 70px;

  }

  .box-filter-small form > * {

    width: 100% !important;

    max-width: unset !important;

  }

  .box-filter-small form > * .btn-filter {

    justify-content: start;

  }

  .box-filter-small form ul.list {

    width: 100% !important;

    max-width: unset !important;

  }

  .open-filter .grid-4-cols .nice-select::after {

    display: none;

  }

  .property-grid-wrap.type-2-cols > .box-dream {

    max-width: 350px;

  }

  .page-head > div .widget-content-tab .widget-content-inner form {

    flex-wrap: wrap;

  }

  .page-head > div .widget-content-tab .widget-content-inner form .open-filter,

  .page-head > div .widget-content-tab .widget-content-inner form ul.list {

    width: 100% !important;

    max-width: unset !important;

  }

  .page-head > div .widget-content-tab .widget-content-inner form > * {

    width: 100% !important;

  }

  .page-head > div .widget-content-tab .widget-content-inner form > *.wg-filter > .btn-filter {

    justify-content: start;

  }

  .agency-single-wrap .wrap-inner .grid-box-dream {

    display: grid;

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

    gap: 28px 28px;

  }

  .layout-wrap {

    padding: 20px;

  }

  .grid-checkbox {

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

  }

  .grid-3-cols {

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

  }

  .luxury-home.style-1 .content {

    padding-top: 0;

  }

  .luxury-home.style-1 .content h2,

  .luxury-home.style-1 .content .text-content {

    margin-bottom: 15px;

  }

  .luxury-home.style-1 .heading-section {

    margin-top: 50px;

  }

  .luxury-home.style-4 .content {

    padding-top: 0;

  }

  .luxury-home.style-4 .content .counter {

    gap: 15px;

  }

  .luxury-home.style-4 .content .counter > div {

    gap: 15px;

  }

  .perfect-home .wrap-image .box {

    position: unset;

  }

  .perfect-home.style-1 .content-left {

    padding-top: 0;

  }

  .perfect-home.style-2 .wrap-image {

    flex-wrap: wrap;

    justify-content: center;

  }

  .perfect-home.style-2 .wrap-image > div {

    width: 100%;

  }

  .perfect-home.style-2 .wrap-image > div img {

    width: 100%;

  }

  .perfect-home.style-2 .wrap-image .item-1,

  .perfect-home.style-2 .wrap-image .item-2 {

    max-width: unset;

  }

  .perfect-home.style-2 .wrap-image .box {

    max-width: none;

    margin: 15px 0;

  }

  .perfect-home.style-3 .wrap-image {

    gap: 10px;

  }

  .perfect-home.style-3 .wrap-image .item-1,

  .perfect-home.style-3 .wrap-image .item-2 {

    max-width: unset;

  }

  .perfect-home.style-3 .wrap-image .box {

    margin-bottom: 0 !important;

    padding: 20px !important;

  }

  .work-with-us .wrap {

    margin-bottom: 50px;

  }

  .cities-item .content {

    top: 30px;

    left: 30px;

  }

  .property-grid-wrap > .box-dream .content {

    position: unset;

    padding: 15px 20px 10px;

  }

  .slider-cities-2,

  .slider-cities-1,

  .slider-discover,

  .slider-cities,

  .slider-recent-properties,

  .slider-news,

  .slider-homes {

    padding-right: 0;

    margin-right: 0;

    width: 100%;

    height: 100%;

  }

  .categories-item {

    padding: 15px;

  }

  .box-dream.style-absolute .content {

    bottom: 20px !important;

    left: 20px !important;

    right: 20px !important;

  }

  .box-dream.style-absolute .content .head {

    padding-top: 0 !important;

  }

  .box-dream.style-absolute .content .price {

    width: 100%;

    margin-bottom: 0;

  }

  .box-dream .content {

    bottom: 20px !important;

    left: 20px !important;

    padding: 15px 20px 10px;

  }

  .box-dream .content .title {

    font-size: 20px;

    line-height: 28px;

  }

  .box-dream .content .price {

    font-size: 18px;

  }

  .box-dream .content .location p {

    font-size: 16px;

    line-height: 19px;

  }

  .box-dream .content .icon-box {

    width: 100%;

    gap: 10px;

  }

  .box-dream .content .icon-box .item {

    gap: 7px;

  }

  .box-dream .content .icon-box .item i,

  .box-dream .content .icon-box .item p {

    font-size: 15px;

  }

  .box-dream .content .price {

    margin-bottom: 7px;

  }

  .counter .number-counter {

    width: 100%;

    text-align: start;

  }

  .counter .number-counter > div {

    font-size: 30px;

    line-height: 40px;

    text-align: start !important;

  }

  .counter .number-counter.style-1 {

    padding: 20px 15px;

  }

  .counter .number-counter.style-1 div {

    font-size: 26px;

    line-height: 35px;

    margin-bottom: 15px;

  }

  .tf-section-default {

    border-radius: 0 !important;

  }

  .tf-section {

    padding: 40px 6px !important;

    border-radius: 0 !important;

  }

  .tf-section::before {

    border-radius: 0 !important;

  }

  .account-bar {

    padding: 40px 20px;

    border-radius: 0 !important;

    text-align: center;

  }

  .account-bar a {

    width: 100%;

  }

  .account-bar h3 {

    font-size: 21px;

    line-height: 30px;

  }

  .account-bar.style-1 {

    padding-left: 0;

    padding-right: 0;

  }

  .slider .wrap-slider {

    border-radius: 0 !important;

  }

  .slider .wrap-slider::before {

    border-radius: 0 !important;

  }

  .slider .wrap-slider .slider-content {padding: 159px 0 10px !important;}

  .slider .wrap-slider .slider-content h1 {

    font-size: 32px;

    line-height: 40px;

  }

  .slider.page-404 {

    padding-left: 0;

    padding-right: 0;

  }

  .slider.home2 .slider-content .list-icon {

    gap: 5px !important;

  }

  .slider.home2 .slider-content .list-icon .item {

    padding: 5px 10px 5px 5px !important;

  }

  .slider.home9 .top {

    text-align: center;

  }

  .slider.home9 .top .tf-button-primary,

  .slider.home9 .top h2 {

    margin-bottom: 15px;

    margin-left: auto;

    margin-right: auto;

  }

  .slider.home9 .top .box-agents {

    gap: 15px;

    align-items: center;

  }

  .slider.home9 .wrap-slider .slider-item {

    padding-top: 40px;

    padding-bottom: 40px;

  }

  .slider.home9 .wrap-slider .slider-item form {

    padding: 20px;

  }

  .slider.home10 .wrap-slider .counter {

    position: unset;

    border-radius: 0;

  }

  .estate-agent .image {

    height: unset;

  }

  .estate-agent .image .box-curved-text {

    top: 0;

    right: 0;

    left: unset;

  }

  .estate-agent .image .img-1,

  .estate-agent .image .img-2 {

    position: unset;

    width: 100%;

    max-width: unset;

  }

  .work-with-us-item {

    padding: 30px 0;

    gap: 15px;

  }

  .flat-experts .wrap-experts {

    margin-bottom: 70px;

  }

  .flat-testimonial > .divider {

    margin: 30px 0;

  }

  .box-icon {

    margin-bottom: 40px;

  }

  .box-icon.has-bg {

    padding: 30px;

    margin-bottom: 0;

  }

  .parallax-wrap {

    padding: 50px 0 !important;

  }

  .parallax-wrap .heading {

    font-size: 25px;

    line-height: 32px;

  }

  .properties-content-default .number {

    font-size: 23px;

    line-height: 30px;

  }

  .properties-content-default p {

    display: none;

  }

  .main-content {

    padding: 0 0 20px 0 !important;

  }

  .main-content.default, .main-content.spacing-20 {

    padding: 0 !important;

  }

  .space-20 {

    display: none;

  }

  .wg-blog.style-row {

    flex-direction: column;

  }

  .wg-blog.style-row .image {

    width: 100%;

  }

  .wg-blog.style-row .content {

    width: 100%;

  }

  .heading-section h2 {

    font-size: 23px;

    line-height: 30px;

  }

  .footer .footer-inner .footer-inner-wrap .center-footer > div {

    width: 100% !important;

  }

  .footer .footer-inner .footer-inner-wrap .center-footer > div .ft-title {

    margin-bottom: 10px !important;

  }

  .footer #logo-footer {

    width: 150px;

    height: 41px;

  }

  .footer #footer-logo {

    order: 1;

  }

  .footer #footer-logo img {

    width: 170px;

    height: 48px;

  }

  .footer p {

    order: 2;

  }

  .footer .wg-social {

    order: 3;

  }

  .blog-single-wrap .image-head img {

    border-radius: 0;

  }

  .blog-single-wrap .blog-single-inner .wg-blockquote {

    padding: 40px;

  }

  .blog-single-wrap .blog-single-inner .grid-image-1,

  .blog-single-wrap .blog-single-inner .grid-image {

    flex-direction: column;

  }

  .blog-single-wrap .blog-single-inner .box-admin {

    flex-direction: column;

    padding: 30px;

  }

  .blog-single-wrap .blog-single-inner .nav-links {

    flex-direction: column;

    gap: 30px;

    align-items: unset;

  }

  .blog-single-wrap .blog-single-inner .nav-links > svg {

    margin: auto;

  }

  .blog-single-wrap .blog-single-inner .nav-links .next-post {

    justify-content: end;

  }

  .blog-single-wrap .blog-single-inner .reviews-wrap ul li {

    flex-direction: column;

  }

  .box-filter-small .wg-filter .open-filter {

    width: 100%;

  }

  .wg-filter .open-filter {

    padding: 15px !important;

  }

}



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