/* Source: cleaned from original styles.css  */
/* Kept: variables, reset, basic/common helpers, container, header & footer only.
Removed all other component/section styles.
*/

/* -------------------------
Fonts & variables
------------------------- */
@import url("[https://fonts.googleapis.com/css2?family=Lexend:wght@100.900&family=Manrope:wght@200.800&family=Mulish:ital,wght@0,200.1000;1,200.1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap](https://fonts.googleapis.com/css2?family=Lexend:wght@100.900&family=Manrope:wght@200.800&family=Mulish:ital,wght@0,200.1000;1,200.1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap)");

:root {
  --Primary: #00303b;
  --Heading: #2c2e33;
  --White: #ffffff;
  --Text: #5c5e61;
  --Note: #a8abae;
  --Line: #ececec;
  --bg-body-color: #1f2124;
}

/* -------------------------
Reset / base
------------------------- */
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;
  vertical-align: baseline;
  font-family: "Poppins", "Manrope", Arial, sans-serif;
  box-sizing: border-box;
}

/* HTML defaults */
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
body {
  font-size: 1.6rem;
  color: var(--Text);
  background: transparent;
}

/* Typography helpers */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--Heading);
  font-weight: 600;
}
a {
  text-decoration: none;
  color: var(--Heading);
  transition: color 0.25s ease;
}
a:hover {
  color: var(--Primary);
}

/* -------------------------
Layout helpers (small subset)
------------------------- */
.tf-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 1320px;
  max-width: 100%;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.row > * {
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
.hidden {
  display: none !important;
}
.flex {
  display: flex;
}
.justify-between {
  justify-content: space-between;
}
.items-center {
  align-items: center;
}

/* -------------------------
Header (kept & simplified)
------------------------- */
.header {
  width: 100%;
  background: var(--White);
  position: relative;
  z-index: 999;
  box-shadow: none;
}
.header .header-inner-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0;
}
.header .logo {
  display: block;
  max-width: 240px;
}
.header .main-menu {
  display: flex;
  gap: 28px;
  align-items: center;
}
.header .main-menu .navigation {
  list-style: none;
  display: flex;
  gap: 28px;
  margin: 0;
  padding: 0;
}
.header .main-menu .navigation > li > a {
  display: inline-block;
  padding: 12px 6px;
  color: var(--Heading);
  font-weight: 500;
}
.header .header-right {
  display: flex;
  gap: 16px;
  align-items: center;
}

/* Sticky header behaviour (kept) */
.header.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-120%);
  transition: transform 0.6s cubic-bezier(0.24, 0.74, 0.58, 1),
    opacity 0.3s ease;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  background: #1e2f3e; /* preserved background as used in original sticky */
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
}
.header.header-sticky.active {
  transform: none;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

/* Header styles for variants referenced in markup */
.header.style-5 .tf-btn {
  color: var(--White);
  border-radius: 999px;
  background: var(--Primary);
  padding: 10px 18px;
  display: inline-block;
}
.header.style-5 .btn-find {
  background: var(--Primary);
  color: var(--White);
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
}

/* Mobile nav minimal */
.inner-mobile-nav {
  display: none;
}
@media (max-width: 991px) {
  .header .main-menu {
    display: none;
  }
  .inner-mobile-nav {
    display: block;
  }
}

/* -------------------------
Footer (kept & simplified)
------------------------- */
#footer {
  background-color: #153d46;
  color: var(--White);
  padding-top: 60px;
  padding-bottom: 30px;
  font-size: 1.4rem;
}
#footer .footer-top {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 34px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  flex-wrap: wrap;
}
#footer .footer-main {
  padding: 40px 0 22px;
}
#footer .footer-menu-list .title {
  color: var(--White);
  margin-bottom: 16px;
  font-weight: 600;
}
#footer .footer-menu-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer .footer-menu-list ul li {
  margin-bottom: 12px;
}
#footer .footer-menu-list ul li a {
  color: var(--Note);
  font-size: 1.6rem;
  display: inline-block;
  position: relative;
  padding-left: 0;
}
#footer .footer-menu-list ul li a:hover {
  color: var(--Primary);
}

/* Footer bottom */
#footer .footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  gap: 10px 20px;
  flex-wrap: wrap;
}
#footer .footer-bottom p {
  color: var(--Note);
  margin: 0;
  font-size: 1.4rem;
}
#footer .wrap-social {
  display: flex;
  gap: 12px;
  align-items: center;
}

/* Footer responsive tweaks */
@media (max-width: 767px) {
  #footer .footer-top {
    flex-direction: column;
    gap: 16px;
  }
  #footer .footer-bottom {
    justify-content: center;
    text-align: center;
  }
  #footer .footer-menu-list .title.title-mobile {
    display: block;
  }
}

/* -------------------------
Minimal accessibility & focus states
------------------------- */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 2px solid rgba(0, 48, 59, 0.18);
  outline-offset: 2px;
}

/* -------------------------
End of cleaned stylesheet
------------------------- */
/*------------ footer ---------------- */
#footer {
  background-color: #153d46;
  padding-top: 60px;
}
#footer.style-2 {
  background-color: #161618;
}
#footer.style-2 .footer-menu-list ul li a {
  background-color: #161618 !important;
}
#footer .footer-top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 34px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  flex-wrap: wrap;
  gap: 30px 20px;
}
#footer .footer-main {
  padding: 40px 0 22px;
}
#footer .footer-menu-list .title {
  color: var(--Text-white);
  margin-bottom: 24px;
}
#footer .footer-menu-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
#footer .footer-menu-list ul li a {
  font-size: 16px;
  line-height: 22.4px;
  color: var(--Note);
  position: relative;
}
#footer .footer-menu-list ul li a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  bottom: 0;
  background-color: var(--Primary);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#footer .footer-menu-list ul li:hover a {
  color: var(--Primary);
}
#footer .footer-menu-list ul li:hover a::before {
  width: 100%;
}
#footer .footer-menu-list.style-2 ul li a {
  padding-left: 20px;
  position: relative;
  background-color: 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;
  z-index: 3;
  color: #a8abae !important;
}
#footer .footer-menu-list.style-2 ul li a::after {
  content: "\e909";
  position: absolute;
  font-family: "icomoon";
  font-size: 16px;
  color: var(--Primary);
  font-size: 12px;
  margin-right: 11px;
  left: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
}
#footer .footer-menu-list.style-2 ul li:hover a::before {
  width: 87%;
}
#footer .footer-bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  gap: 10px 20px;
  flex-wrap: wrap;
}
#footer .footer-bottom p a {
  color: var(--Text);
}
#footer .footer-bottom p a:hover {
  color: var(--Primary);
}
#footer .wrap-social {
  gap: 16px;
}
#footer .footer-logo img {
  width: 100%;
  height: auto;
}

.wrap-contact-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 20px 48px;
  flex-wrap: wrap;
}
.wrap-contact-item .contact-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 33px;
}
.wrap-contact-item .contact-item i {
  font-size: 48px;
  color: var(--Primary);
}
.wrap-contact-item .contact-item svg path {
  stroke: var(--Primary);
}
.wrap-contact-item .contact-item .content {
  position: relative;
}
.wrap-contact-item .contact-item .content .title {
  color: var(--Note);
  margin-bottom: 4px !important;
}
.wrap-contact-item .contact-item .content h6 a {
  color: var(--Text-white);
}
.wrap-contact-item .contact-item .content h6 a:hover {
  color: var(--Primary);
}
.wrap-contact-item .contact-item .content::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 51px;
  background-color: rgba(255, 255, 255, 0.07);
  top: 0;
  left: -18px;
}

.footer-col-block .title-mobile {
  display: none;
  position: relative;
}
.footer-col-block .title-mobile::after {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 1px;
  background-color: var(--White);
  transition: 0.25s ease-in-out;
}
.footer-col-block .title-mobile::before {
  position: absolute;
  content: "";
  right: 15px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 12px;
  background-color: var(--White);
  transition: 0.25s ease-in-out;
}
.footer-col-block.open .title-mobile::before {
  opacity: 0;
}
.footer-col-block.open .title-mobile::after {
  transform: translate(0%, -50%) rotate(-180deg);
}

/*------------ tabs ---------------- */
.flat-animate-tab {
  overflow: hidden;
}
.flat-animate-tab .tab-content {
  position: relative;
}
.flat-animate-tab .tab-pane {
  display: block;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  transition-timing-function: ease-in;
  transition-duration: 0.2s;
}
.flat-animate-tab .tab-pane.active {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
  position: relative;
  z-index: 2;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  transition-timing-function: ease-out;
  transition-duration: 0.3s;
  transition-delay: 0.3s;
}

.widget-tabs .widget-menu-tab {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.widget-tabs .item-title {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.widget-tabs.style-1 .widget-menu-tab {
  margin-bottom: 29px;
  gap: 10px;
}
.widget-tabs.style-1 .widget-menu-tab .item-title {
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
  width: 122px;
  height: 50px;
  font-weight: 600;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--White);
  border-radius: 16px;
  color: var(--Heading);
}
.widget-tabs.style-1 .widget-menu-tab .item-title.active,
.widget-tabs.style-1 .widget-menu-tab .item-title:hover {
  color: var(--White);
  background-color: var(--Primary);
  position: relative;
}
.widget-tabs.style-1 .widget-menu-tab .item-title.active::after,
.widget-tabs.style-1 .widget-menu-tab .item-title:hover::after {
  content: "";
  bottom: -5px;
  position: absolute;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid var(--Primary);
  transform: rotate(180deg);
}
.widget-tabs.style-1.color-2 .item-title.active {
  background-color: var(--Color-2);
}
.widget-tabs.style-1.color-2 .item-title.active::after {
  border-bottom: 5px solid var(--Color-2);
}
.widget-tabs.style-1.color-3 .item-title.active {
  background-color: var(--Color-3);
}
.widget-tabs.style-1.color-3 .item-title.active::after {
  border-bottom: 5px solid var(--Color-3);
}
.widget-tabs.style-2 .widget-menu-tab {
  gap: 12px;
  padding-top: 40px;
  margin-top: -40px;
}
.widget-tabs.style-2 .item-title {
  padding: 8px 20px;
  width: 126px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid var(--Line);
  font-size: 16px;
  line-height: 22.4px;
}
.widget-tabs.style-2 .item-title:hover,
.widget-tabs.style-2 .item-title.active {
  background-color: var(--Primary);
  color: var(--White);
  font-weight: 700;
}
.widget-tabs.style-2.style-border-primary .item-title {
  border-color: var(--Primary);
  color: var(--Primary);
}
.widget-tabs.style-2.style-border-primary .item-title:hover,
.widget-tabs.style-2.style-border-primary .item-title.active {
  color: var(--White);
}

/*------------ button ---------------- */
.tf-btn {
  font-size: 16px;
  line-height: 22.4px;
  height: 50px;
  background-color: var(--White);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 16px;
  color: var(--Text-white);
  width: max-content;
  gap: 10px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  z-index: 3;
}
.tf-btn::after {
  content: "";
  position: absolute;
  background-color: var(--Secondary);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 0;
  height: 100%;
  left: -5%;
  border-radius: 12px;
  z-index: -1;
}
.tf-btn i {
  font-size: 24px;
}
.tf-btn.pd-1 {
  padding: 0 23.5px;
}
.tf-btn.pd-2 {
  padding: 0 26.5px;
}
.tf-btn.pd-3 {
  padding: 0 40px;
}
.tf-btn.pd-4 {
  padding: 0 28px;
}
.tf-btn.pd-5 {
  padding: 0 41.5px;
}
.tf-btn.pd-6 {
  padding: 0 28.5px;
}
.tf-btn.pd-7 {
  padding: 0 44.5px;
}
.tf-btn.pd-8 {
  padding: 0 24px;
}
.tf-btn.pd-9 {
  padding: 0 20.5px;
}
.tf-btn.pd-10 {
  padding: 0 20px;
}
.tf-btn.pd-11 {
  padding: 0 26px;
}
.tf-btn.pd-12 {
  padding: 0 52px;
}
.tf-btn.pd-13 {
  padding: 0 31.5px;
}
.tf-btn.pd-14 {
  padding: 0 57px;
}
.tf-btn.pd-15 {
  padding: 0 27px;
}
.tf-btn.pd-16 {
  padding: 0 70px;
}
.tf-btn.pd-17 {
  padding: 0 56px;
}
.tf-btn.pd-18 {
  padding: 0 64px;
}
.tf-btn.pd-19 {
  padding: 0 48px;
}
.tf-btn.pd-20 {
  padding: 0 33.5px;
}
.tf-btn.pd-21 {
  padding: 0 32.5px;
}
.tf-btn.pd-22 {
  padding: 0 19.5px;
}
.tf-btn.pd-23 {
  padding: 0 23px;
}
.tf-btn.pd-24 {
  padding: 0 18.5px;
}
.tf-btn.pd-25 {
  padding: 0 29.5px;
}
.tf-btn.pd-26 {
  padding: 0 24px;
}
.tf-btn.pd-27 {
  padding: 0 36px;
}
.tf-btn.btn-border {
  border: 1px solid #00b579;
}
.tf-btn.bg-color-primary {
  background-color: #00b579;
}
.tf-btn.bg-color-white {
  background-color: var(--White);
  color: var(--Primary);
}
.tf-btn.bg-color-secondary {
  background-color: var(--Secondary);
}
.tf-btn.style-border {
  border: 1px solid var(--Primary);
  color: var(--Primary);
  background-color: transparent;
}
.tf-btn.style-border::after {
  background-color: var(--Primary);
}
.tf-btn.style-border:hover {
  color: var(--Text-white) !important;
}
.tf-btn.style-border:hover svg path {
  stroke: var(--Text-white);
}
.tf-btn.style-border.color-white {
  color: var(--Text-white);
  border-color: var(--Text-white);
}
.tf-btn.style-border.color-white:hover {
  border-color: var(--Primary);
  color: var(--Text-white);
}
.tf-btn.style-border.color-white:hover svg path {
  stroke: var(--Text-white);
}
.tf-btn.style-border.color-white:hover i {
  color: var(--Text-white);
}
.tf-btn.style-border.border2 {
  border-color: rgba(255, 255, 255, 0.1);
}
.tf-btn.style-2 {
  background-color: var(--Text-white);
  color: var(--Primary);
}
.tf-btn.btn-border {
  border: 1px solid var(--Primary);
}
.tf-btn:hover {
  background-color: transparent;
  color: var(--Text-white) !important;
}
.tf-btn:hover::after {
  width: 115%;
}

.tf-btn-link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--Primary);
  gap: 8px;
  width: max-content;
}
.tf-btn-link span {
  position: relative;
}
.tf-btn-link span::after {
  position: absolute;
  content: "";
  width: 0;
  left: 0;
  bottom: -1px;
  background: var(--Primary);
  height: 2px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tf-btn-link i {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-delay: 0.2s;
}
.tf-btn-link:hover span::after {
  width: 100%;
}
.tf-btn-link:hover i {
  transform: translateX(4px);
}
.tf-btn-link.style-hover-rotate:hover svg {
  transform: rotate(-90deg);
}
.sib-form {
  padding: 0;
  font-family: "Lexend", sans-serif;
}
.sib-form #sib-container,
.sib-form .sib-form-block {
  background-color: transparent;
  padding: 0;
}

.sib-form fieldset .input.input-nl {
  padding: 0 18px;
  max-width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  background-color: transparent;
}
.sib-form .clickable__icon {
  height: 1.5rem;
  vertical-align: bottom;
  width: 1.5rem;
}
.sib-form .sib-text-form-block {
  margin-bottom: 16px;
}
.sib-form .entry__error {
  font-size: 12px;
  line-height: 16.8px;
}
.sib-form .form__label-row {
  margin-top: 10px;
}
.sib-form .tf-btn {
  height: 54px;
  border-radius: 10px;
  margin-bottom: 16px;
  border: 1px solid var(--Primary) !important;
}
.sib-form .tf-btn:hover {
  border: 1px solid var(--Primary);
}
.sib-form .checkbox-item label .btn-checkbox::after {
  top: -2px;
}
.sib-form .checkbox-item span {
  color: var(--Text);
}

.form-get-in-touch {
  padding: 20px;
  border-radius: 16px;
  display: grid;
  gap: 20px;
  background-color: var(--White);
}
.form-get-in-touch .grid-2 {
  gap: 15px;
}
.form-get-in-touch fieldset input {
  border-radius: 999px;
}
.form-get-in-touch.style-2 {
  background-color: var(--Heading);
}
.form-get-in-touch.style-2 fieldset input,
.form-get-in-touch.style-2 textarea {
  background: rgba(255, 255, 255, 0.1215686275);
  border: none;
  color: var(--Note);
}
.form-get-in-touch.style-2 fieldset input::placeholder,
.form-get-in-touch.style-2 textarea::placeholder {
  color: var(--Note);
}
/*-------------- Responsive ----------------- */
@media (min-width: 576px) {
  .tf-grid-layout {
    gap: 20px;
  }
  .tf-grid-layout-3 {
    display: grid;
    gap: 15px;
  }
  .d-md-none {
    display: none !important;
  }
  .tf-layout-mobile-sm.sm-col-4,
  .tf-grid-layout-2.sm-col-4,
  .tf-grid-layout-3.sm-col-4,
  .tf-grid-layout.sm-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .tf-layout-mobile-sm.sm-col-3,
  .tf-grid-layout-2.sm-col-3,
  .tf-grid-layout-3.sm-col-3,
  .tf-grid-layout.sm-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .tf-layout-mobile-sm.sm-col-2,
  .tf-grid-layout-2.sm-col-2,
  .tf-grid-layout-3.sm-col-2,
  .tf-grid-layout.sm-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .box-amenities-property {
    grid-template-columns: 1fr 1fr;
  }
  .tf-layout-mobile-sm {
    display: grid;
    gap: 15px;
  }
  .page-title.home06 .heading {
    margin-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .box-amenities-property {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .tf-layout-mobile-sm.md-col-4,
  .tf-grid-layout-2.md-col-4,
  .tf-grid-layout-3.md-col-4,
  .tf-layout-mobile-md.md-col-4,
  .tf-grid-layout.md-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .tf-layout-mobile-sm.md-col-3,
  .tf-grid-layout-2.md-col-3,
  .tf-grid-layout-3.md-col-3,
  .tf-layout-mobile-md.md-col-3,
  .tf-grid-layout.md-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .tf-layout-mobile-sm.md-col-2,
  .tf-grid-layout-2.md-col-2,
  .tf-grid-layout-3.md-col-2,
  .tf-layout-mobile-md.md-col-2,
  .tf-grid-layout.md-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .tf-layout-mobile-md {
    display: grid;
    gap: 40px;
  }
  .tf-layout-mobile-sm {
    gap: 20px;
  }
  .wg-filter.style-4 .nice-select {
    padding-left: 16px;
    padding-right: 16px;
    border: none;
  }
  .section-selling-home.style-3 .tf-layout-mobile-sm {
    gap: 15px;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none;
  }
  .tf-layout-mobile-xl.lg-col-4,
  .tf-grid-layout-2.lg-col-4,
  .tf-grid-layout-3.lg-col-4,
  .tf-layout-mobile-md.lg-col-4,
  .tf-layout-mobile-lg.lg-col-4,
  .tf-layout-mobile-sm.lg-col-4,
  .tf-grid-layout.lg-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .tf-layout-mobile-xl.lg-col-3,
  .tf-grid-layout-2.lg-col-3,
  .tf-grid-layout-3.lg-col-3,
  .tf-layout-mobile-md.lg-col-3,
  .tf-layout-mobile-lg.lg-col-3,
  .tf-layout-mobile-sm.lg-col-3,
  .tf-grid-layout.lg-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .tf-layout-mobile-xl.lg-col-2,
  .tf-grid-layout-2.lg-col-2,
  .tf-grid-layout-3.lg-col-2,
  .tf-layout-mobile-md.lg-col-2,
  .tf-layout-mobile-lg.lg-col-2,
  .tf-layout-mobile-sm.lg-col-2,
  .tf-grid-layout.lg-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .tf-layout-mobile-lg {
    display: grid;
    gap: 40px;
  }
  .tf-grid-layout,
  .tf-grid-layout-2 {
    gap: 20px;
  }
  .tf-layout-mobile-sm {
    gap: 40px;
  }
  .tf-layout-mobile-xl {
    display: grid;
    gap: 40px;
  }
  .tf-btn.height-1 {
    height: 65px;
  }
  .tf-btn.height-2 {
    height: 56px;
  }
  .tf-btn.height-3 {
    height: 54px !important;
  }
  .section-listing .tf-layout-mobile-lg {
    gap: 38px 40px;
  }
  .modal-account {
    --bs-modal-width: 920px;
  }
  .modal-filter {
    --bs-modal-width: 544px;
  }
  .header.style-5 .header-inner-wrap {
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .header.style-5 .tf-btn {
    height: 54px;
    background-color: var(--White);
    color: var(--Heading);
  }
  .header.style-5 .btn-find {
    background-color: var(--White);
    height: 54px;
    width: 54px;
    color: var(--Heading);
  }
  .header.style-5 .header-right {
    gap: 13px;
  }
  .flat-title.style-3 .title-inner {
    padding-top: 78px;
  }
  .page-title.home06 .wrap {
    display: flex;
    flex-direction: row;
    padding-top: 90px;
  }
  .page-title.home06 .item {
    gap: 64px;
  }
  .page-title.home06 .item .content {
    max-width: 627px;
  }
  .page-title.home06 .left {
    width: 61.6666666667%;
    overflow: hidden;
    padding-top: 25px;
  }
  .page-title.home06 .left .title {
    margin-bottom: 46px;
    max-width: 987px;
  }
  .page-title.home06 .right {
    width: 41.6666666667%;
  }
  .page-title.home06 .right .swiper {
    max-width: 688px;
    margin-right: 0;
  }
  .page-title.home06 .right .img-wrap {
    max-width: 688px;
    margin-left: auto;
  }
  .page-title.home06 .bot {
    margin-top: 40px;
  }
  .page-title.home06 .wrap-counter {
    gap: 48px;
  }
  .page-title.home06 .tf-btn {
    gap: 18px;
  }
  .page-title.home07 .sub {
    margin-bottom: 51px;
  }
  .page-title.home07 .tf-btn {
    max-width: 233px;
    width: 100%;
  }
  .page-title.home08 .hero-thumbs-2 {
    height: 940px;
  }
  .page-title.home08 .heading {
    margin-bottom: 90px;
    max-width: 627px;
  }
  .page-title.home08 .row {
    gap: 0;
  }
  .page-title.home08 .image-wrap img {
    min-height: 1000px;
  }
  .page-title.home08 .content-inner {
    top: 161px;
  }
  .page-title.home08 .content {
    padding-top: 30px;
  }
  .page-title.home08 .form-get-in-touch {
    gap: 31px;
  }
  .page-title.home08 .form-get-in-touch .title-form {
    margin-bottom: 16px;
  }
  .page-title.home08 .form-get-in-touch textarea {
    height: 150px;
  }
  .page-title.home09 {
    margin-top: 95px;
  }
  .page-title.home09 .content {
    flex-direction: row;
    margin-bottom: 57px;
  }
  .page-title.home09 .content .left {
    width: 58.3333333333%;
  }
  .page-title.home09 .content .right {
    width: 41.6666666667%;
    text-align: end;
    margin-top: 26px;
  }
  .page-title.home09 .content .img-wrap {
    height: 224px;
  }
  .page-title.home09 .description {
    max-width: 453px;
    margin-left: auto;
  }
  .page-title.home09 .img-wrap {
    margin-left: auto;
    max-width: 690px;
  }
  .page-title.home10 {
    padding-left: 40px;
    padding-right: 16px;
  }
  .page-title.home10 .right,
  .page-title.home10 .left {
    width: 50%;
  }
  .page-title.home10 .property-info .tf-btn {
    width: 48px;
    height: 48px;
  }
  .page-title.home10 .property-info .tf-btn svg {
    width: 24px;
  }
  .form-get-in-touch {
    padding: 20px;
    gap: 30px;
  }
  .form-get-in-touch .title-form {
    margin-bottom: 12px;
  }
  .wrap-layout {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    align-items: center;
  }
  .wrap-layout .wrap-project {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .section-testimonials.style-2 .sw-pagination {
    margin-top: 87px;
  }
  .section-testimonials.style-3 {
    overflow: hidden;
    margin-left: 40px;
    margin-right: 40px;
  }
  .section-testimonials.style-3 .swiper-wrapper {
    margin-bottom: 54px !important;
  }
  .section-testimonials.style-4 .left {
    padding-top: 123px;
  }
  .section-testimonials.style-4 .wrap {
    position: relative;
  }
  .section-testimonials.style-4 .wrap::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 303px;
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      #ffffff 100%
    );
    transform: matrix(1, 0, 0, -1, 0, 0);
  }
  .section-testimonials.style-4 .wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 303px;
    bottom: 0;
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      #ffffff 100%
    );
    z-index: 1;
  }
  .box-listings.style-3 .heading {
    margin-bottom: 32px;
  }
  .box-listings.style-3 .info {
    gap: 30px;
    margin-bottom: 46px;
  }
  .box-dream-home .left {
    padding-top: 26px;
  }
  .box-dream-home .left .description {
    max-width: 526px;
  }
  .box-help .content {
    padding: 24px;
  }
  .box-help .tf-btn {
    right: 24px;
    top: 24px;
    height: 65px;
    width: 65px;
  }
  .section-box-team.style-1 .swiper {
    margin-bottom: 56px;
  }
  .section-contact .wrap {
    display: flex;
  }
  .section-contact .left {
    width: 50%;
    padding-left: 58px;
    padding-right: 10px;
  }
  .section-contact .box-contact.style-1 {
    padding-top: 169.5px;
  }
  .section-contact .right {
    width: 55.8333333333%;
  }
  .section-contact form {
    gap: 31px;
  }
  .section-contact .tf-btn {
    margin-top: 3px;
    height: 54px;
    gap: 16px;
  }
  .section-contact.style-2 {
    margin-left: 40px;
    margin-right: 40px;
    background-attachment: fixed;
  }
  .text-with-img.style-1 {
    gap: 32px;
    display: flex;
    padding-bottom: 130px;
    border-bottom: 1px solid var(--Line);
  }
  .text-with-img.style-1 .heading-section {
    max-width: 830px;
  }
  .text-with-img.style-1 .left {
    width: 55.4166666667%;
  }
  .text-with-img.style-1 .right {
    width: 42.9166666667%;
  }
  .text-with-img.style-1 .img-style {
    max-width: 790px;
    margin-left: auto;
  }
  .text-with-img.style-1 .bot {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .text-with-img.style-1 .bot .img-style {
    margin-top: 8px;
  }
  .text-with-img.style-3 .widget-video {
    bottom: -47px;
    left: -40px;
  }
  .wrap-counter.style-1 {
    gap: 0;
  }
  .wrap-counter.style-1 .counter-item:not(:last-child) {
    border-right: 1px solid var(--Line);
  }
  .wg-filter.style-4 .nice-select {
    padding-left: 16px;
    padding-right: 16px;
  }
  .wg-filter.style-4 .tf-btn {
    margin-left: 30px;
  }
  .box-project-details {
    display: flex;
    padding-left: 20px;
  }
  .box-project-details .left {
    width: 57.5833333333%;
  }
  .box-project-details .right {
    padding-top: 55px;
    width: 42.4166666667%;
    padding-left: 40px;
  }
  .section-help.style-3 .tf-grid-layout {
    margin-bottom: 80px;
  }
  .section-selling-home.style-3 .tf-layout-mobile-sm {
    gap: 40px;
  }
}
@media (min-width: 1150px) {
  .header .header-right .phone-number {
    margin-right: 11px;
  }
}
@media (min-width: 1200px) {
  .tf-layout-mobile-sm,
  .tf-grid-layout-3,
  .tf-grid-layout-2,
  .tf-grid-layout {
    gap: 40px;
  }
  .tf-layout-mobile-sm.xl-col-4,
  .tf-grid-layout-3.xl-col-4,
  .tf-grid-layout-2.xl-col-4,
  .tf-grid-layout.xl-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .tf-layout-mobile-sm.xl-col-3,
  .tf-grid-layout-3.xl-col-3,
  .tf-grid-layout-2.xl-col-3,
  .tf-grid-layout.xl-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .tf-layout-mobile-sm.xl-col-2,
  .tf-grid-layout-3.xl-col-2,
  .tf-grid-layout-2.xl-col-2,
  .tf-grid-layout.xl-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .tf-grid-layout-3 {
    gap: 32px;
  }
  #footer .wrap-contact-item.style-1 {
    gap: 20px 54px;
  }
  .box-house .wrap-btn {
    gap: 20px;
  }
  .img-animation {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: -webkit-clip-path 0.8s ease-in-out 0.3s,
      -webkit-transform 0.8s ease-in-out 1.1s,
      -webkit-filter 0.5s ease-in-out 1.1s;
    transition: -webkit-clip-path 0.8s ease-in-out 0.3s,
      -webkit-transform 0.8s ease-in-out 1.1s,
      -webkit-filter 0.5s ease-in-out 1.1s;
    -o-transition: clip-path 0.8s ease-in-out 0.3s,
      transform 0.8s ease-in-out 1.1s, filter 0.5s ease-in-out 1.1s;
    transition: clip-path 0.8s ease-in-out 0.3s, transform 0.8s ease-in-out 1.1s,
      filter 0.5s ease-in-out 1.1s;
    transition: clip-path 0.8s ease-in-out 0.3s, transform 0.8s ease-in-out 1.1s,
      filter 0.5s ease-in-out 1.1s, -webkit-clip-path 0.8s ease-in-out 0.3s,
      -webkit-transform 0.8s ease-in-out 1.1s,
      -webkit-filter 0.5s ease-in-out 1.1s;
    position: relative;
  }
  .img-animation.animated {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  .img-animation2 {
    -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: -webkit-clip-path 0.8s ease-in-out 0.3s,
      -webkit-transform 0.8s ease-in-out 1.1s,
      -webkit-filter 0.5s ease-in-out 1.1s;
    transition: -webkit-clip-path 0.8s ease-in-out 0.3s,
      -webkit-transform 0.8s ease-in-out 1.1s,
      -webkit-filter 0.5s ease-in-out 1.1s;
    -o-transition: clip-path 0.8s ease-in-out 0.3s,
      transform 0.8s ease-in-out 1.1s, filter 0.5s ease-in-out 1.1s;
    transition: clip-path 0.8s ease-in-out 0.3s, transform 0.8s ease-in-out 1.1s,
      filter 0.5s ease-in-out 1.1s;
    transition: clip-path 0.8s ease-in-out 0.3s, transform 0.8s ease-in-out 1.1s,
      filter 0.5s ease-in-out 1.1s, -webkit-clip-path 0.8s ease-in-out 0.3s,
      -webkit-transform 0.8s ease-in-out 1.1s,
      -webkit-filter 0.5s ease-in-out 1.1s;
    position: relative;
  }
  .form-get-in-touch .grid-2 {
    gap: 32px;
  }
  .img-animation2.animated {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  .page-title.home06 .item {
    gap: 46px;
  }
  .page-title.home06 .item .content {
    max-width: 627px;
  }
  .form-get-in-touch {
    padding: 40px;
  }
  .wg-filter.style-4 .line {
    margin-left: 30px;
    margin-right: 30px;
  }
  .section-highlight .content .img-group {
    margin-bottom: 48px;
  }
  .box-listings.style-3 .info {
    gap: 48px;
  }
}
@media (min-width: 1300px) {
  .section-contact .image-wrap {
    margin-left: 70px;
  }
}
@media (min-width: 1380px) {
  .main-menu {
    margin-right: 0;
  }
  .main-menu .navigation {
    gap: 25px;
    margin-left: 221px;
  }
  .main-menu.style-1 .navigation {
    margin-left: 0px;
  }
}
@media (min-width: 1440px) {
  .box-house.style-3 .content {
    max-width: 580px;
    margin: 104px auto 104px 80px;
    padding: 0;
  }
  .page-title.style-2 .sw-button.sw-thumbs-prev {
    left: -29px;
  }
  .page-title.style-2 .sw-button.sw-thumbs-next {
    right: -29px;
  }
  .tf-grid-layout-3.xxl-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .tf-grid-layout-3.xxl-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .tf-grid-layout-3.xxl-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .section-listing .swiper {
    padding: 50px;
    margin: -50px;
  }
  .section-categories .swiper {
    padding: 60px;
    margin: -60px;
  }
  .categories-item.active,
  .categories-item:hover,
  .categories-item.style-2.active,
  .categories-item.style-2:hover {
    box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1019607843);
  }
  .section-current-properties .swiper {
    padding: 40px;
    margin: -40px;
  }
  .section-current-properties .box-house {
    box-shadow: unset;
  }
  .section-contact .left {
    padding-left: 58px;
  }
  .section-contact form {
    margin-right: 57px;
  }
  .section-contact form p {
    margin-bottom: 17px;
  }
}
@media (min-width: 1801px) {
  .box-amenities-property .list-amenities {
    grid-template-columns: 1fr 1fr;
  }
  .single-property-nearby .box-right {
    margin-left: -13px;
  }
}
@media (max-width: 1899px) {
  .clip-color-text div {
    font-size: 425px;
    line-height: 448px;
  }
}
@media (max-width: 1800px) {
  .section-property-map.list .wrap-map {
    width: 100%;
  }
  .section-property-map.list .content-right {
    padding-right: 15px;
    width: 100%;
  }
  .section-property-map.list .wg-filter .form-title {
    flex-wrap: wrap;
  }
  .section-property-map.list .wg-filter .form-title > .nice-select {
    width: calc(50% - 6px);
  }
  .section-property-map.list .wg-filter form {
    max-width: 100%;
  }
}
@media (max-width: 1700px) {
  .clip-color-text div {
    font-size: 354px;
    line-height: 373px;
  }
}
@media (max-width: 1600px) {
  .section-property-map .content-right {
    padding-right: 15px;
  }
  .wg-filter.style-3 .form-title {
    flex-wrap: wrap;
  }
  .wg-filter.style-3 .form-title form {
    max-width: 100%;
  }
  .wg-filter.style-3 .form-title .nice-select {
    max-width: calc(50% - 6px);
  }
}
@media (max-width: 1500px) {
  .header.dashboard .header-right .phone-number {
    display: none;
  }
  .section-testimonials.style-3 .swiper {
    padding: 32px;
    margin: -32px;
  }
}
@media (max-width: 1439px) {
  .wd-search-form.style-2 .group-select {
    column-gap: 15px;
  }
  .clip-color-text div {
    font-size: 248px;
    line-height: 248px;
  }
  .section-highlight br {
    display: none;
  }
  .section-highlight .text-display-4 {
    font-size: 46px;
    line-height: 58px;
  }
}
@media (max-width: 1400px) {
  .wrap-neighborhoods {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "aa bb " "cc dd" "ee gg" "ff ff";
  }
  .show-mb {
    display: inline-block;
  }
  .page-layout .main-content {
    padding-left: 0;
  }
  .page-layout .sidebar-menu-dashboard {
    transform: translateX(-100%);
  }
  .page-layout.full-width .sidebar-menu-dashboard {
    transform: translateX(0);
  }
  .page-layout.full-width .overlay-dashboard {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .page-layout .widget-box-2.package {
    padding: 0;
  }
  .page-layout .main-content-inner {
    padding: 122px 30px 0;
  }
  .section-testimonials.style-1 .tf-grid-layout {
    padding: 0;
    margin: 0;
  }
  .section-testimonials .wg-testimonial {
    box-shadow: unset !important;
  }
  .section-testimonials.style-3 .swiper {
    padding: 0;
    margin: 0;
  }
  .section-style.style-border-top {
    border-radius: 80px 80px 0px 0px;
  }
}
@media (max-width: 1320px) {
  .section-realty .tf-grid-layout-2 {
    gap: 20px;
  }
  .section-realty .counter-item {
    width: 210px;
    height: 210px;
  }
  .section-realty .counter-item span {
    font-size: 60px;
    line-height: 70px;
  }
  .section-appraisal.style-2 .content .person {
    right: 10px;
  }
}
@media (max-width: 1300px) {
  .box-review {
    gap: 20px;
  }
  .box-benefits .box-icon::after {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .text-display {
    font-size: 75px;
    line-height: 93px;
  }
  .text-display br {
    display: none;
  }
  .text-display-3 {
    font-size: 75px;
    line-height: 80px;
  }
  .xl-hide {
    display: none;
  }
  .box-house .tf-btn {
    padding: 0 15px;
  }
  .form-pre-approved .cols {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .form-pre-approved .cols .interest-rate {
    width: 100%;
  }
  .form-pre-approved .cols .select {
    width: 100%;
  }
  .form-pre-approved p {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .section-pre-approved .heading-section {
    margin-bottom: 20px;
  }
  .section-pre-approved .heading-section .title {
    font-size: 32px;
    line-height: 40px;
  }
  .section-pre-approved .content {
    margin: 0;
  }
  .wg-filter.style-2 .form-title {
    flex-wrap: wrap;
  }
  .wg-filter.style-2 .form-title > .nice-select {
    width: calc(50% - 6px);
  }
  .wg-filter.style-2 form {
    max-width: 100%;
  }
  .box-review {
    max-width: 840px;
    margin: 0 auto;
    flex-wrap: wrap;
    gap: 70px;
  }
  .box-review .content-left {
    padding: 0;
    max-width: 100%;
  }
  .box-review .content-right {
    margin-bottom: 70px;
  }
  .box-review .content-right::after {
    width: 63%;
    height: 80%;
  }
  .box-review .wg-testimonial {
    bottom: -72px;
  }
  .box-review .person {
    width: 80%;
  }
  .section-contact .box-contact {
    padding: 0;
  }
  .page-layout .flat-counter-v2 {
    grid-template-columns: 1fr 1fr;
  }
  .section-best-property .heading-title {
    font-size: 120px;
    line-height: 108.54px;
  }
}
@media (max-width: 1149px) {
  .section-trusted .person,
  .section-trusted .item {
    display: none;
  }
  .box-benefits .box-icon {
    width: 135px;
  }
  .wd-chart {
    margin-bottom: 20px;
  }
}
@media (max-width: 1124px) {
  .wg-appraisal .content {
    padding: 112px 15px 111px 15px;
  }
  .wg-appraisal .content .person {
    right: 15px;
  }
  .section-appraisal.style-2 .content .person {
    display: none;
  }
}
@media (max-width: 1099px) {
  .wrap-dashboard-content-2 .grid-layout-4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 1093px) {
  .header .mobile-button {
    display: block;
  }
  .header .main-menu {
    display: none;
  }
}
@media (max-width: 1024px) {
  .box-house.style-list:not(.box-house.style-list.style-3) .image-wrap {
    max-width: 200px;
  }
  .wg-filter .wd-search-form .group-amenities {
    grid-template-columns: repeat(3, 1fr);
  }
  .wg-filter .wd-search-form .group-select {
    grid-template-columns: repeat(2, 1fr);
  }
  .tf-sidebar .form-contact-agent {
    padding: 28px 15px 29px;
  }
}
@media (max-width: 991px) {
  br {
    display: none;
  }
  .tf-spacing-13 {
    padding-top: 0;
    padding-bottom: 70px;
  }
  .lg-hide {
    display: none;
  }
  .heading-section {
    gap: 12px !important;
    flex-direction: column !important;
  }
  .heading-section .left .title {
    margin-bottom: 12px;
  }
  .text-display,
  .text-display-3 {
    font-size: 62px;
    line-height: 77px;
  }
  .text-13 {
    font-size: 26px;
    line-height: 32px;
  }
  .flex-wrap-lg {
    flex-wrap: wrap;
  }
  .tf-container {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .tf-container .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .tf-container .row > * {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .grid-layout-3 {
    gap: 20px !important;
  }
  #footer .footer-main {
    padding-bottom: 0;
  }
  #footer .footer-menu-list {
    margin-bottom: 40px;
  }
  .header.style-5 .header-inner-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
  .page-title {
    background-attachment: unset !important;
  }
  .page-title .form-title {
    position: relative;
    z-index: 4;
  }
  .page-title.home06 .wrap {
    gap: 20px;
    padding-top: 40px;
  }
  .page-title.home06 .wrap .left {
    order: 2;
  }
  .page-title.home06 .wrap .slide-inner {
    height: 350px;
  }
  .page-title.home06 .title {
    margin-bottom: 20px;
  }
  .page-title.home06 .item {
    padding-bottom: 20px;
  }
  .page-title.home08 .hero-thumbs-2 {
    height: 896px;
  }
  .page-title.home08 .hero-thumbs-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .page-title.home10 .left {
    padding-top: 100px;
  }
  .page-title.home10 .info {
    display: flex;
  }
  .page-title.home10 .info .item:not(:last-child) {
    padding-right: 20px;
    border-right: 1px solid var(--Line);
  }
  .page-title.home10 .info .item:not(:first-child) {
    padding-left: 20px;
  }
  .flat-title.style-3 .img-style img {
    height: 400px;
    object-fit: cover;
    width: 100%;
  }
  .tf-slider.style-3 .thumbs-sw-pagi-3 {
    max-height: 200px;
  }
  .tf-slider.style-3 .hero-thumbs-2 .property-wrap {
    height: 350px;
  }
  .tf-sidebar {
    padding-top: 60px;
  }
  .tf-sidebar .sidebar-ads {
    max-height: 400px;
  }
  .icons-box.default {
    padding: 24px 15px;
  }
  .section-pre-approved .image-wrap {
    margin-top: 70px;
  }
  .section-pre-approved .image-wrap img {
    max-height: 500px;
    height: 100%;
    object-fit: cover;
  }
  .section-pre-approved.style-2 .image-wrap {
    margin-top: 70px;
    max-width: 100%;
  }
  .section-pre-approved.style-2 .image-wrap img {
    object-fit: cover;
  }
  .section-pre-approved.style-2 .content {
    margin: 0;
  }
  .section-listing .tf-sw-mobile-1 .swiper-wrapper {
    margin-bottom: 20px;
  }
  .wg-appraisal .content .person {
    display: none;
  }
  .section-download .content {
    padding: 70px 15px;
  }
  .section-CTA:not(.style-2) .content-inner img {
    display: none;
  }
  .section-CTA:not(.style-2) .content-inner .content {
    padding-left: 0px !important;
  }
  .section-CTA.style-2 .person {
    display: none;
  }
  .section-property-map {
    flex-direction: column;
  }
  .section-property-map .content-right {
    padding-left: 15px;
  }
  .section-property-map .wrap-map {
    height: 500px !important;
    width: 100% !important;
    position: unset !important;
  }
  .section-property-map.list .content-right {
    width: 100%;
  }
  .section-top-map .wrap-map {
    height: 60vh !important;
  }
  .section-contact-help .image-wrap {
    height: 372px;
  }
  .section-contact-help .image-wrap img {
    height: 100%;
    object-fit: cover;
  }
  .section-contact-help .logo {
    left: 15px;
  }
  .section-contact-help .content {
    flex-wrap: wrap;
    margin: 0 15px;
  }
  .section-box-team .content-inner {
    padding: 0 0 70px !important;
    max-width: 720px;
    margin: 0 auto;
  }
  .section-box-team .wrap-image {
    max-width: 720px;
    margin: 0 auto 20%;
  }
  .section-box-team .image-wrap {
    max-width: 60% !important;
  }
  .section-box-team .image-wrap img {
    width: 100%;
    object-fit: cover;
  }
  .section-box-team .counter-item .counter-number {
    justify-content: start !important;
  }
  .box-benefits {
    flex-wrap: wrap;
    max-width: 720px;
    margin: 0 auto;
    gap: 0;
  }
  .box-benefits .wrap-image {
    width: 100%;
  }
  .box-benefits .image.img-1 {
    margin-bottom: 20%;
  }
  .box-benefits .image.img-2 {
    right: 0;
  }
  .box-benefits .image img {
    width: 100%;
  }
  .box-benefits .tf-btn {
    width: 100%;
  }
  .box-benefits .content {
    padding: 70px 0 0;
  }
  .section-contact .box-contact {
    padding: 0;
  }
  .section-contact .box-contact .title {
    font-size: 28px;
    line-height: 38px;
  }
  .flat-account .banner-account {
    display: none;
  }
  .page-layout .main-content-inner .wrapper-content .wd-filter {
    grid-template-columns: 1fr 1fr;
  }
  .counter-item .counter-number.style-1 {
    width: 100%;
    justify-content: center;
  }
  .counter-item.style-3 span {
    font-size: 53px;
    line-height: 66px;
  }
  .section-realty {
    background-attachment: unset;
  }
  .section-current-properties .box-house {
    box-shadow: unset;
  }
  .tf-slider.style-1 .img-thumb-pagi {
    width: 190px;
    height: 60px;
  }
  .tf-slider.style-1 .sw-button {
    width: 52px;
    height: 52px;
  }
  .tf-slider.style-1 .sw-button svg {
    width: 25px;
  }
  .tf-slider.style-1 .thumbs-sw-pagi-2 {
    max-width: 399px;
  }
  .clip-color-text div {
    font-size: 206px;
    line-height: 206px;
  }
  .form-get-in-touch fieldset input {
    height: 40px;
    font-size: 13px;
  }
  .form-get-in-touch fieldset input::placeholder {
    font-size: 13px;
  }
  .form-get-in-touch textarea {
    height: 90px;
  }
  .wrap-layout {
    column-count: 3;
    column-gap: 16px;
  }
  .wrap-layout .project-item {
    margin-top: 16px;
  }
  .project-item.style-1 .tf-btn {
    height: 40px;
    width: 40px;
  }
  .project-item.style-1 .title {
    font-size: 16px;
    line-height: 20px;
  }
  .box-dream-home {
    flex-direction: column;
    gap: 24px;
  }
  .box-dream-home .left .title,
  .box-dream-home .left .description,
  .box-dream-home .right .title,
  .box-dream-home .right .description {
    margin-bottom: 24px;
  }
  .box-dream-home .wrap-contact-item {
    margin-bottom: 24px;
  }
  .box-dream-home .title,
  .box-dream-home .description {
    margin-bottom: 20px !important;
  }
  .box-dream-home .img-style {
    min-height: 350px;
  }
  .box-dream-home .img-style img {
    min-height: 350px;
  }
  .section-contact.style-1 .wrap .left {
    margin-bottom: 40px;
  }
  .text-with-img.style-1 .left {
    margin-bottom: 70px;
  }
  .text-with-img.style-2 .wrap-img {
    padding-bottom: 150px;
  }
  .text-with-img.style-2 .sub {
    bottom: 0;
    right: 0%;
  }
  .text-with-img.style-3 .box-contact {
    margin-bottom: 50px;
  }
  .text-with-img.style-3 .list-info {
    display: flex;
    gap: 30px 34px;
    flex-wrap: wrap;
  }
  .text-with-img.style-3 .list-info li {
    margin-bottom: 0 !important;
  }
  .box-about.style-1 .left,
  .box-about.style-1 .right {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .box-about.style-1 .left {
    margin-bottom: 60px;
  }
  .box-about.style-1 .img-style {
    min-height: 350px;
  }
  .box-about.style-1 .img-style img {
    width: 100%;
    height: 100%;
    min-height: 350px;
    object-fit: cover;
  }
  .box-about.style-1 .widget-video {
    margin: 0;
    position: absolute;
    bottom: 21px;
    left: 48px;
  }
  .widget-video.style-2 .video-icon {
    width: 60px;
    height: 60px;
    font-size: 27px;
  }
  .widget-video.style-2 .textcircle {
    width: 150px;
    height: 150px;
  }
  .wg-filter.style-4 .tf-btn {
    padding: 0px 16px;
  }
  .section-highlight .tag li {
    padding: 7px 15px;
    font-size: 20px;
    line-height: 27.5px;
  }
  .wg-testimonial.style-6 {
    padding: 30px 24px;
  }
  .text-with-form.style-1 .content,
  .text-with-form.style-2 .content {
    right: 40px;
  }
  .banner-container {
    margin-top: 53px;
  }
  .banner-container .banner-stripe {
    gap: 12px;
    transform: rotate(8.16deg) translateY(-50%);
  }
  .banner-container .banner-stripe.style-2 {
    transform: rotate(-8.16deg) translateY(-50%);
  }
  .box-listings.style-3 .left {
    margin-bottom: 40px;
  }
  .box-project-details .left {
    margin-bottom: 60px;
  }
  .box-project-details .wrap-price {
    margin-bottom: 40px;
  }
  .section-best-property .heading-title {
    font-size: 80px;
    line-height: 108.54px;
  }
  .section-testimonials.style-4 .left {
    margin-bottom: 40px;
  }
}
@media (max-width: 878px) {
  #footer .footer-bottom {
    justify-content: center;
  }
  #footer .footer-bottom p {
    text-align: center;
  }
}
@media (max-width: 800px) {
  .section-agent .wrap-sort {
    flex-wrap: wrap;
  }
  .section-agent .wrap-sort form {
    min-width: calc(50% - 24px);
  }
  .section-agent .wrap-sort .nice-select {
    max-width: calc(50% - 24px);
  }
}
@media (max-width: 767px) {
  .text-display {
    font-size: 50px;
    line-height: 69px;
  }
  .text-display-2 {
    font-size: 58px;
    line-height: 72px;
  }
  .text-display-3 {
    font-size: 50px;
    line-height: 58px;
  }
  .text-display-4 {
    font-size: 38px;
    line-height: 48px;
  }
  .tf-spacing-1,
  .tf-spacing-2,
  .tf-spacing-3,
  .tf-spacing-4,
  .tf-spacing-5,
  .tf-spacing-6,
  .tf-spacing-7,
  .tf-spacing-8,
  .tf-spacing-9,
  .tf-spacing-10,
  .tf-spacing-11,
  .tf-spacing-12,
  .tf-spacing-14,
  .tf-spacing-15 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  h1 {
    font-size: 45px;
    line-height: 55px;
  }
  h2,
  .h2 {
    font-size: 33px;
    line-height: 43px;
  }
  .text-5 {
    font-size: 26px;
    line-height: 34px;
  }
  .text-11 {
    font-size: 20px;
    line-height: 28px;
  }
  .text-13 {
    font-size: 20px;
    line-height: 28px;
  }
  .text-15 {
    font-size: 33px;
    line-height: 41px;
  }
  .heading-section {
    margin-bottom: 30px !important;
  }
  .section-style.style-border-top {
    border-radius: 30px 30px 0px 0px;
  }
  .md-hide {
    display: none !important;
  }
  .header .box-user .name {
    display: none !important;
  }
  .header .box-user .menu-user {
    left: unset;
    right: -36px;
  }
  .tf-slider.style-1 .bot {
    flex-wrap: wrap;
  }
  .tf-slider.style-1 .bot .wrap-counter {
    order: 2;
  }
  .tf-top-bar .top-bar-inner {
    justify-content: center;
  }
  .tf-top-bar .wrap-social {
    display: none;
  }
  .page-title .wg-filter .form-title {
    flex-wrap: wrap;
    padding: 15px !important;
    gap: 15px;
  }
  .page-title .wg-filter .form-title .box-item {
    width: 100%;
  }
  .page-title .wg-filter .form-title .tf-dropdown-sort {
    border-right: none;
    padding-right: 0;
  }
  .page-title .wg-filter .form-title form fieldset input {
    border: 1px solid var(--Line);
  }
  .page-title .wg-filter .form-title .wrap-btn {
    width: 100% !important;
  }
  .page-title .wg-filter .form-title .wrap-btn .tf-btn {
    width: 100% !important;
  }
  .page-title.home01 {
    padding: 70px 0 70px;
  }
  .page-title.home01 .heading-title {
    margin-bottom: 30px;
  }
  .page-title.home02 {
    padding: 100px 0 70px;
  }
  .page-title.home02 .widget-menu-tab {
    justify-content: center;
  }
  .page-title.home03 {
    padding: 70px 0 70px;
  }
  .page-title.home04 {
    padding: 70px 0 70px;
  }
  .page-title.home04 .widget-menu-tab {
    justify-content: center;
  }
  .page-title.home05 {
    padding: 70px 0 70px;
  }
  .page-title.style-2 {
    padding: 70px 0 70px;
  }
  .page-title.career {
    padding-top: 104px;
  }
  .page-title.home06 .bot,
  .page-title.home06 .item {
    justify-content: center;
  }
  .page-title.home10 .property-info {
    gap: 6px;
  }
  .page-title.home10 .property-info .img-wrap {
    width: 116px;
  }
  #footer .footer-menu-list .title.title-mobile {
    display: block;
  }
  #footer .footer-menu-list .title.title-desktop {
    display: none;
  }
  .blog-article-item.style-2 .image-wrap {
    margin-bottom: 16px;
  }
  .blog-article-item.style-2 .time {
    margin-bottom: 8px;
  }
  .blog-article-item.style-2 .title {
    font-size: 19px;
    line-height: 27px;
  }
  .blog-article-item .box-tag {
    padding: 5px 10px;
  }
  .blog-article-item .box-tag .tag-item {
    font-size: 13px;
    line-height: 21.4px;
  }
  .wg-appraisal .content {
    padding: 70px 15px;
  }
  .wg-appraisal .content .person {
    display: none;
  }
  .section-work-together .wg-partner {
    padding-bottom: 150px;
  }
  .section-work-together .wg-appraisal {
    padding-bottom: 70px;
  }
  .box-house.style-3 {
    grid-template-columns: 1fr;
  }
  .box-house.style-3 .content {
    margin: 70px 15px 70px;
  }
  .box-house.style-5 .image-wrap img {
    height: 500px;
  }
  .box-house.style-5 .heading,
  .box-house.style-5 .bot .left,
  .box-house.style-5 .bot {
    flex-wrap: wrap;
    gap: 12px;
  }
  .icons-box.default {
    padding: 20px 15px;
  }
  .icons-box.default .tf-icon,
  .icons-box.default .title {
    margin-bottom: 15px;
  }
  .icons-box.default p {
    margin-bottom: 18px;
  }
  .section-property-detail .wg-property {
    padding: 24px 15px !important;
  }
  .section-property-image .wrap-image {
    flex-wrap: wrap;
  }
  .single-property-nearby .box-nearby .box-left {
    margin-bottom: 8px;
  }
  .agent-details .image-wrap {
    max-width: 257px;
  }
  .section-faq .tf-sidebar {
    margin-bottom: 50px;
  }
  .section-faq .tf-sidebar .form-contact-seller {
    margin-bottom: 70px;
  }
  .section-agency-grid .grid-layout-2 {
    gap: 15px;
  }
  .section-agency-grid .agencies-item .list-info li {
    flex-wrap: wrap;
  }
  .section-agency-details .box-description {
    padding: 30px 15px 26px;
  }
  .section-selling-home.style-2 .tf-grid-layout {
    gap: 30px;
  }
  .section-selling-home.style-2 .tf-grid-layout::after {
    display: none;
  }
  .section-selling-home.style-2 .wrap-box .number {
    margin-bottom: 15px;
  }
  .form-contact-seller {
    padding: 30px 15px;
  }
  .section-career .tf-grid-layout-2 {
    gap: 15px;
  }
  .section-contact .box-contact .title {
    font-size: 28px;
    line-height: 38px;
  }
  .section-contact .image-wrap {
    margin-top: 70px;
  }
  .section-contact .image-wrap img {
    width: 100%;
  }
  .section-contact .list-info li .phone {
    font-size: 20px;
    line-height: 30.5px;
    color: var(--Primary);
    font-weight: 700;
  }
  .section-contact .list-info li .phone {
    font-size: 20px;
    line-height: 30.5px;
  }
  .form-contact {
    padding: 30px 15px;
  }
  .page-layout .main-content-inner {
    padding: 115px 15px 0;
  }
  .page-layout .widget-box-2 {
    padding: 30px 15px;
  }
  .wrap-dashboard-content-2 .grid-layout-4 {
    grid-template-columns: 1fr;
  }
  .widget-box-2 .grid-layout-2,
  .widget-box-2 .grid-layout-3 {
    grid-template-columns: 1fr;
  }
  .wrap-dashboard-content .box-fieldset {
    margin-bottom: 30px;
  }
  .section-property-detail .wg-property.box-amenities {
    padding-right: 0 !important;
  }
  .section-property-detail .wg-property.box-amenities .heading {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .box-calculate .image-wrap {
    height: 271px;
  }
  .box-calculate .image-wrap .simpleParallax {
    height: 100%;
    width: 100%;
  }
  .box-calculate .image-wrap .simpleParallax img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .box-calculate form {
    padding: 15px;
  }
  .page-layout.full-width .sidebar-menu-dashboard {
    padding: 32px 15px;
  }
  .counter-item.style-3 span {
    font-size: 44px;
    line-height: 54px;
  }
  .tf-slider.style-1 .thumbs-sw-pagi-2 {
    max-width: 100%;
  }
  .tf-slider.style-1 .pagination,
  .tf-slider.style-1 .img-thumb-pagi {
    width: 100%;
  }
  .clip-color-text div {
    font-size: 137px;
    line-height: 137px;
  }
  .form-search.style-2 fieldset input {
    height: 60px;
    padding-left: 38px;
  }
  .form-search.style-2 .tf-btn {
    height: 51px;
    gap: 6px;
  }
  .form-search.style-2 .icon {
    left: 15px;
  }
  .wrap-layout {
    column-count: 2;
  }
  .wrap-layout .layout-1 {
    margin-top: 50px;
  }
  .wrap-layout .project-item {
    min-height: 250px;
  }
  .box-about.style-1 .heading-section {
    margin-bottom: 0 !important;
  }
  .box-about.style-1 .left,
  .box-about.style-1 .right {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 22px;
  }
  .box-about.style-1 .right .title {
    margin-bottom: 12px;
  }
  .box-about.style-1 .left .img-style {
    max-width: 100%;
  }
  .wg-filter.style-4 .form-title {
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .wg-filter.style-4 .nice-select {
    max-width: 48%;
    width: 100%;
  }
  .wg-filter.style-4 .line {
    display: none;
  }
  .wg-filter.style-4 .wrap-btn {
    width: 100%;
  }
  .wg-filter.style-4 .tf-btn {
    width: 100%;
  }
  .section-highlight .wrap {
    height: 636px;
  }
  .section-highlight .text-display-4 {
    font-size: 38px;
    line-height: 48px;
  }
  .text-with-img.style-2 .wrap-img {
    padding-bottom: 70px;
  }
  .text-with-img.style-2 .content {
    padding-top: 0;
    padding-bottom: 0;
  }
  .text-with-img.style-2 .sub {
    border-width: 11px;
  }
  .wg-testimonial.style-6 {
    padding: 30px 15px;
  }
  .text-with-form .info {
    gap: 20px !important;
  }
  .text-with-form .content {
    padding: 32px 15px !important;
  }
  .text-with-form .heading,
  .text-with-form .info {
    margin-bottom: 24px;
  }
  .text-with-form .price {
    margin-bottom: 12px;
  }
  .text-with-form .text-11 {
    font-size: 17px;
    line-height: 25px;
  }
  .text-with-form .text-14 {
    font-size: 16px;
    line-height: 26px;
  }
  .text-with-form .wrap-price .tf-btn {
    padding: 0 12px;
  }
  .text-with-form.style-1,
  .text-with-form.style-2 {
    height: unset;
    min-height: unset;
  }
  .text-with-form.style-1 .sw-single img,
  .text-with-form.style-2 .sw-single img {
    min-height: 701px;
  }
  .text-with-form.style-1 .content,
  .text-with-form.style-2 .content {
    inset: 0;
    margin: 70px 15px;
    max-width: 100%;
    width: unset;
  }
  .text-with-form.style-1 .info-agent,
  .text-with-form.style-2 .info-agent {
    align-items: center;
  }
  .text-with-form.style-1 .btn-main,
  .text-with-form.style-2 .btn-main {
    height: 66px;
  }
  .text-with-form.style-1 .avatar,
  .text-with-form.style-2 .avatar {
    width: 65px;
    height: 65px;
  }
  .text-with-form.style-2 {
    height: unset;
    min-height: unset;
  }
  .section-testimonials.style-4 .tf-grid-layout {
    height: 896px;
    overflow: hidden;
  }
  .box-project-details .left {
    margin-bottom: 60px;
  }
  .box-project-details .wrap-price {
    margin-bottom: 40px;
  }
  .box-project-details .tf-btn {
    padding: 0 12px;
  }
  .box-project-details .info-agent {
    gap: 12px;
  }
  .box-home-layout .left {
    margin-bottom: 60px;
  }
  .project-slider .featured-post {
    left: 0;
    right: 0;
    margin: 0 15px;
    max-width: 100%;
    width: unset;
    padding: 24px 15px;
  }
  .project-slider .sub {
    margin-bottom: 10px;
  }
  .project-slider .heading {
    margin-bottom: 20px;
  }
  .project-slider .wrap-btn .sw-button {
    height: 47px;
    width: 47px;
  }
  .box-photo-gallery {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section-best-property .heading-title {
    font-size: 66px;
    line-height: 76.54px;
  }
  .banner-container .banner-stripe .text-container {
    padding: 4px 0;
  }
  .banner-container .banner-stripe.style-2 {
    transform: rotate(0) translateY(-50%);
  }
  .counter-item.style-5 span {
    font-size: 53px;
    font-weight: 500;
    line-height: 66px;
    color: var(--Heading);
  }
}
@media (max-width: 757px) {
  #footer .footer-top .contact-item {
    align-items: center;
  }
  #footer .footer-top .contact-item svg {
    width: 35px;
    height: 35px;
  }
  #footer .footer-top .contact-item .content::after {
    top: 5px;
    height: 40px;
  }
  #footer .footer-top .contact-item .content .title {
    font-size: 14px;
    margin-bottom: 0;
  }
  #footer .footer-top .contact-item .content h6 {
    font-size: 16px;
  }
}
@media (max-width: 676px) {
  .widget-tabs .widget-menu-tab {
    justify-content: start;
  }
  .agency-details .content {
    flex-wrap: wrap;
    gap: 15px;
    margin-left: 15px;
  }
}
@media (max-width: 655px) {
  .page-layout .flat-counter-v2 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 644px) {
  .wrap-pagination {
    justify-content: center;
  }
}
@media (max-width: 630px) {
  .header .header-right .phone-number {
    display: none;
  }
}
@media (max-width: 594px) {
  .wg-filter .wd-search-form .group-price {
    grid-template-columns: repeat(1, 1fr);
  }
  .wg-filter .wd-search-form .group-amenities {
    grid-template-columns: repeat(2, 1fr);
  }
  .wg-filter .wd-search-form .group-select {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 575px) {
  .flex-wrap-sm {
    flex-wrap: wrap;
  }
  .text-display,
  .text-display-2 {
    font-size: 36px;
    line-height: 47px;
  }
  .page-title.home06 .item,
  .page-title.home06 .title {
    text-align: center;
  }
  .page-title.home06 .tf-btn {
    margin-left: auto;
    margin-right: auto;
  }
  .box-title .right {
    width: 100%;
    justify-content: space-between;
  }
  .sw-button.style-2 {
    height: 45px;
    width: 45px;
    font-size: 15px;
  }
  .section-opinion.style-1 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .agent-details {
    flex-wrap: wrap;
  }
  .agent-details .image-wrap {
    max-width: 100%;
  }
  .section-agency-layout .grid-layout-2 {
    grid-template-columns: 1fr;
  }
  .agency-details .image-wrap img {
    height: 192px;
    object-fit: cover;
  }
  .agency-details .logo {
    width: 130px;
  }
  .page-layout .box-agent-avt {
    flex-wrap: wrap;
  }
  .section-property-detail .wg-property.box-amenities .wrap-feature {
    gap: 10px;
  }
  .section-property-detail
    .wg-property.box-amenities
    .wrap-feature
    .box-feature {
    width: 100%;
  }
  .section-property-detail .wg-property.box-attachments .row {
    gap: 20px;
  }
  .widget-video .popup-youtube {
    width: 60px;
    height: 60px;
  }
  .widget-video .popup-youtube i {
    font-size: 17px;
  }
  .wg-pagination {
    gap: 9px;
  }
  .flat-account .form-account {
    padding: 40px 20px;
  }
  .clip-color-text div {
    font-size: 114px;
    line-height: 114px;
  }
  .section-highlight .text-display-4 {
    font-size: 30px;
    line-height: 40px;
  }
  .section-highlight .content .img-group {
    margin-bottom: 15px;
  }
  .section-highlight .content .img-group li {
    width: 55px;
  }
  .counter-item.style-4 {
    margin-bottom: 12px;
  }
  .counter-item.style-4 span {
    font-size: 48px;
    line-height: 60px;
  }
  .box-home-layout .info {
    gap: 50px;
  }
  .box-home-layout .info .item:not(:last-child)::after {
    right: -23px;
  }
  .section-best-property .heading-title {
    font-size: 55px;
    line-height: 65.54px;
  }
  .text-with-form.style-1 .info-agent,
  .text-with-form.style-2 .info-agent {
    padding-top: 26px;
    margin-top: 26px;
    margin-bottom: 26px;
  }
}
@media (max-width: 550px) {
  .grid-layout-3 {
    grid-template-columns: 1fr;
  }
  .header .header-right .btn-add {
    display: none;
  }
  .section-blog-details .group-image {
    flex-wrap: wrap;
  }
  .section-CTA .content-inner {
    flex-wrap: wrap;
    gap: 30px;
  }
  .box-location .content {
    margin: 0 10px;
  }
  .box-location .tf-btn {
    padding: 15px 11px;
    height: 43px;
    font-size: 13px;
    gap: 3px;
  }
  .box-location .tf-btn i {
    font-size: 11px;
  }
  .section-neighborhoods.style-2 .content {
    margin: 0 15px;
  }
  .section-CTA:not(.style-2) .content-inner {
    gap: 20px;
  }
  .section-CTA:not(.style-2) .tf-btn {
    width: 100%;
  }
  .thumbs-sw-pagi.style-2 {
    margin-top: 0;
  }
  .section-agent .wrap-sort form {
    min-width: 100%;
  }
  .section-agent .wrap-sort .nice-select {
    max-width: 100%;
  }
  .section-agent .wrap-sort .nice-select.select-sort {
    justify-content: start;
  }
  .box-review .wg-testimonial {
    right: 0px;
    padding: 15px;
  }
  .box-review .wg-testimonial .ratings {
    margin-bottom: 7px;
  }
  .box-review .wg-testimonial .avatar {
    width: 40px;
    height: 40px;
  }
  .box-review .wg-testimonial .description {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 20.4px;
  }
  .box-review h6,
  .box-review .h6 {
    font-size: 14px;
    line-height: 14.5px;
  }
  .box-review .box-author {
    top: 57px;
    left: 0px;
    padding: 9px 16px;
  }
  .box-review .box-author .avatar {
    width: 30px;
    height: 30px;
  }
  .box-review .content-right > .ratings {
    top: 100px;
  }
  .section-contact .list-info li .phone {
    font-size: 20px;
    line-height: 30.5px;
  }
  .form-contact .cols {
    flex-wrap: wrap;
  }
  .form-contact .phone {
    width: 100%;
  }
  .form-contact .select {
    width: 100%;
  }
  .menu-user {
    width: 230px;
    right: 0;
    left: unset;
  }
  .menu-user .dropdown-item {
    padding: 13px 20px;
  }
  .wg-testimonial.style-no-boder {
    padding: 32px 15px 21px;
  }
  .project-item.empty {
    height: 250px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    gap: 10px;
  }
  .project-item.empty .logo {
    margin-bottom: 7px;
    width: 113px;
  }
  .project-item.empty .tf-btn i {
    display: none;
  }
}
@media (max-width: 475px) {
  .box-house.style-list {
    flex-direction: column;
  }
  .box-house.style-list .image-wrap {
    max-width: 100% !important;
  }
  .box-house.style-list .image-wrap > a {
    width: 100%;
  }
  .box-house.style-list .image-wrap img {
    width: 100%;
    object-fit: cover;
  }
  .box-house.style-list.v2 .image-wrap img {
    height: 221px;
    object-fit: cover;
  }
  .box-location:not(.style-2) {
    flex-wrap: wrap;
    justify-content: center;
  }
  .box-location:not(.style-2) .content {
    text-align: center;
  }
  .section-realty .counter-item {
    width: 165px;
    height: 164px;
  }
  .section-realty .counter-item span {
    font-size: 40px;
    line-height: 50px;
  }
  .section-realty .counter-item .count p {
    font-size: 14px;
  }
  .tf-top-bar .top-bar-info {
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px 30px;
  }
  .section-property-map.list .box-house.style-list .image-wrap {
    max-width: 100% !important;
  }
  .box-overview .info-detail {
    justify-content: space-between;
    gap: 30px 20px;
  }
  .box-overview .info-detail .wrap-box {
    width: calc(50% - 20px);
  }
  .section-contact-help .heading-section {
    gap: 7px;
  }
  .section-contact-help .heading-section .title {
    font-size: 24px;
    line-height: 32px;
  }
  .section-contact-help .wrap-btn {
    flex-wrap: wrap;
  }
  .section-contact-help .wrap-btn .tf-btn {
    width: 100%;
  }
  .box-benefits .content .wrap-icon {
    flex-wrap: wrap;
    gap: 30px;
  }
  .box-benefits .content .box-icon {
    width: 100%;
  }
}
@media (max-width: 457px) {
  .box-amenities .wrap-feature .box-feature {
    width: 100%;
  }
}
@media (max-width: 425px) {
  .wrap-comment .comment-item {
    flex-wrap: wrap;
  }
  .form-pre-approved .tf-btn {
    width: 100%;
  }
  .agent-item .content .name {
    font-size: 18px;
    line-height: 28px;
  }
  .box-title .nice-select {
    padding: 0 10px;
  }
  .box-title .nice-select::after {
    right: 6px;
  }
  .agencies-item {
    flex-wrap: wrap;
  }
  .career-item {
    padding: 29px 15px;
  }
  .career-item .name {
    font-size: 16px;
    line-height: 24px;
  }
  .header .header-right .box-user .name {
    display: none;
  }
  .tf-sidebar .sidebar-featured.style-2 {
    padding: 30px 15px;
  }
  .tf-sidebar .sidebar-featured .box-listings .meta-list {
    gap: 9px;
  }
  .clip-color-text div {
    font-size: 100px;
    line-height: 100px;
  }
  .single-property-map .info-map {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}