Gecko [ dp-client.com ]

Name	Size	Permission
comnon.css	24.24 KB	-rw-r--r--
daterangepicker.css	8.07 KB	-rw-r--r--
ecommerce.css	7.11 KB	-rw-r--r--
index.css	6.75 KB	-rw-r--r--
jquery.fancybox-3.5.7.min.css	12.5 KB	-rw-r--r--
main-style.css	0 B	-rw-r--r--
single-product.css	1.44 KB	-rw-r--r--

Code Editor : comnon.css

:root {
  --black: #222222;
  --white: #ffffff;
  --gray: #717171;
  --red: #fd2901;
  --primary: #06486f;
}
@font-face {
  font-family: "Geist-Light";
  src: url("../fonts/Geist-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Geist-Light";
  src: url("../fonts/Geist-Light..otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Geist-Regular";
  src: url("../fonts/Geist-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Geist-Regular";
  src: url("../fonts/Geist-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Geist-SemiBold";
  src: url("../fonts/Geist-SemiBold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Geist-SemiBold";
  src: url("../fonts/Geist-SemiBold.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Geist-Bold";
  src: url("../fonts/Geist-Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Geist-Bold";
  src: url("../fonts/Geist-Bold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
}
*:focus {
  outline: none;
}
body {
  font: normal 16px/24px "Geist-Regular";
  color: var(--black);
  box-sizing: border-box;
  outline: none;
}
a {
  text-decoration: none;
  background-color: transparent;
}
button,
select {
  text-transform: none;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-type: none;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
svg:not(:root) {
  overflow: hidden;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1rem;
}
mark {
  background: #ff0;
  color: #1a1a1a;
}
dfn {
  font-style: italic;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
ul,
ol {
  list-style: none outside none;
}
h1,
h2,
h3,
strong {
  font-weight: 600;
}
img {
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}
.custom-container {
  max-width: 1310px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.pos-relative {
  position: relative;
}
.text-center {
  text-align: center;
}
.w-100 {
  width: 100% !important;
}
.h-100 {
  height: 100%;
}
.border-rad35 {
  border-radius: 35px;
  border: 1px solid var(--blue);
}
.text-right {
  text-align: right;
}
.justify-end {
  justify-content: end;
}
.justify-center {
  justify-content: center;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-acenter {
  display: flex;
  align-items: center;
}
.flex-end {
  display: flex;
  align-items: end;
}
.flex-js-b {
  display: flex;
  justify-content: space-between;
}
.dflex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
  flex-wrap: wrap;
}
.mid-center {
  width: 100%;
  margin: auto;
}
.title-h1 {
  font: 400 48px / 60px "Geist-Regular";
  color: var(--black);
  letter-spacing: -1.92px;
  text-transform: capitalize;
}
.title-h2 {
  font: 600 24px / 32px "Geist-Bold";
  color: var(--black);
  letter-spacing: -0.2px;
}
.title-h6 {
  font: 600 16px / 19px "Geist-Bold";
  color: var(--black);
  letter-spacing: -0.2px;
}
.title-h4 {
  font: 600 20px / 28px "Geist-Bold";
  color: var(--black);
  letter-spacing: -0.2px;
}
.link-title {
  font: 400 16px / 24px "Geist-Regular";
  letter-spacing: -0.2px;
}
.link-gray {
  font: 400 16px / 34px "Geist-Regular";
  color: var(--black);
  letter-spacing: -0.2px;
}
.p-gray {
  font: 400 16px / 19px "Geist-Regular";
  color: var(--gray);
  letter-spacing: -0.2px;
}
.link-info {
  color: #6a6a6a;
  text-decoration: underline;
  letter-spacing: -0.32px;
}
.color-gray {
  color: var(--gray);
}
.color-gray-2 {
  color: #6a6a6a;
}
.color-black {
  color: var(--black);
}
.color-white {
  color: var(--white);
}
.bc-gray {
  background-color: #fafafa;
}
.btn-bg {
  background-color: var(--primary) !important;
  color: #fff !important;
  border: 1px solid var(--primary) !important;
}
.h1-heading {
  font: 700 32px / 38px "Geist-Bold";
  color: var(--black);
}
.p-heading {
  font: normal 28px / 33px "Geist-Bold";
  color: var(--black);
}
.fs-32 {
  font: 400 20px / 30px "Geist-Regular";
  color: var(--black);
  letter-spacing: -0.4px;
  text-transform: capitalize;
}
.fs-24 {
  font: 400 24px / 36px "Geist-Regular";
  color: var(--black);
  letter-spacing: -0.96px;
  text-transform: capitalize;
}
.fs-20 {
  font: 500 20px / 30px "Geist-SemiBold";
  letter-spacing: -0.8px;
  text-transform: capitalize;
}
.fs-18 {
  font: 400 18px / 24px "Geist-Regular";
  color: var(--black);
  letter-spacing: -0.36px;
  text-transform: capitalize;
}
.fs-18-sm {
  font: 500 18px / 27px "Geist-SemiBold";
  color: var(--black);
  letter-spacing: -0.36px;
  text-transform: capitalize;
}
.fs-16-sm {
  font: 500 16px / 27px "Geist-SemiBold";
  color: var(--black);
  letter-spacing: -0.36px;
  text-transform: capitalize;
}
.b-radius-6 {
  border-radius: 6px;
}
.b-radius-4 {
  border-radius: 6px;
}
.unset-caps {
  text-transform: unset;
}
.caps {
  text-transform: capitalize;
}
.upper-case {
  text-transform: uppercase;
}
.border-rad {
  border-radius: 6px;
  border: 1px solid #dee2e7;
}
.divider {
  height: 1px;
  background: #e0e0e0;
  width: 100%;
}
.mtb-7 {
  margin: 0.5rem 0;
}
.m-auto {
  margin: auto;
}
.pb-0 {
  padding-bottom: 0;
}
.pt-60 {
  padding-top: 60px;
}
.pt-135 {
  padding-top: 135px;
}
.pd-135 {
  padding: 135px 0;
}
.f-widget-link,
.flex-1 {
  flex: 1;
}
.gap-80 {
  gap: 80px;
}
.gap-60 {
  gap: 60px;
}
.gap-30 {
  gap: 30px;
}
.gap-24 {
  gap: 24px;
}
.ptb-32 {
  padding: 2rem 0;
}
.gap-8 {
  gap: 7px !important;
}
.align-end {
  align-items: end;
}
.gap-1,
.f-widget-link ul {
  gap: 1rem !important;
}
.center-50 {
  padding: 50px;
}
.pd-60 {
  padding: 60px 0;
}
.pad-20 {
  padding: 20px 0;
}
.p-tb {
  padding: 1rem 0;
}
.mtb-16 {
  margin: 1rem 0;
}
.mtb-32 {
  margin: 2rem 0;
}
.mb-24 {
  margin-bottom: 1.5rem;
}
.mtb-24 {
  margin: 1.5rem 0;
}
.mt-10 {
  margin-top: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mtb-10 {
  margin: 10px 0;
}
.mt-15 {
  margin-top: 1rem;
}
.mr-15 {
  margin-right: 15px;
}
.mb-15 {
  margin-bottom: 1rem;
}
.mb-20 {
  margin-bottom: 20px;
}
.mt-24 {
  margin-top: 1.5rem;
}
.mb-32 {
  margin-bottom: 2rem;
}
.mt-5 {
  margin-top: 5px;
}
.mr-5 {
  margin-right: 5px;
}
.mb-5 {
  margin-bottom: 5px;
}
.divider {
  width: 100%;
  height: 1px;
  background-color: #ddd;
}
.comm-btn {
  width: fit-content;
  font: 500 16px / 24px "Geist-SemiBold";
  letter-spacing: -0.32px;
  color: var(--white);
  background-color: var(--primary);
  padding: 8px 16px;
  border-radius: 4px;
  border: 0;
}
.btn-100 {
  padding: 8px 16px;
  border-radius: 4px;
  font: 500 16px / 27px "Geist-SemiBold";
  border: 1px solid var(--black);
  color: var(--black);
  background-color: #fff;
}
.badges {
  padding: 2px 12px;
  padding: 2px 12px;
  border-radius: 4px 0px;
  background: #fd2901;
  font: 500 16px / 27px "Geist-SemiBold";
  letter-spacing: -0.32px;
  text-transform: capitalize;
  color: var(--white);
}
.grids-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.grids-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.grids-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.grids-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.grids-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.img-responsive {
  max-width: 100%;
  height: auto;
}
/***** Header Start *****/
.header-v1 {
  border-bottom: 1px solid #ddd;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08);
  position: sticky;
  top: 0;
  padding: 20px;
  transition: padding 0.3s ease, background-color 0.3s ease;
  z-index: 1000;
}
.header-v1.scrolled {
  padding: 10px;
  background-color: #ffffff;
}
.nav-right {
  display: flex;
  gap: 32px;
  flex-basis: auto;
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.nav-ul {
  display: flex;
  align-items: center;
  gap: 32px;
}
.ml-auto {
  margin-left: auto !important;
}
.nav-li a {
  color: var(--black);
  letter-spacing: -0.32px;
}
.nav-li.active {
  padding: 8px 16px;
  align-items: center;
  border-radius: 30px;
  border: 1px solid var(--black);
}
/***** Header End *****/
/***** Footer Start *****/
.footer {
  border-top: 1px solid #ddd;
  padding-top: 40px;
}
.brand-text {
  max-width: 523px;
  width: 100%;
  letter-spacing: -0.32px;
  text-transform: capitalize;
}
.copy-right {
  border-top: 1px solid #ddd;
  letter-spacing: -0.28px;
}
.f-widget-link ul a {
  color: var(--black);
  letter-spacing: -0.32px;
}
.child-news {
  gap: 1rem;
  background-color: rgba(175, 194, 224, 0.15);
}
.news-input {
  padding: 8px 16px;
  font: 500 16px / 21px "Geist-Regular";
  border-radius: 4px;
  border: 1px solid #ddd;
}
.child-equal img {
  width: 100%;
  height: 193px;
  object-fit: cover;
}
/***** Footer End *****/
/******************************* other page css ***************************************/
/***** listing pro start *****/
.pro-list-info {
  letter-spacing: -0.32px;
  margin-top: 8px;
  gap: 1rem;
}
.typeof-pop {
  letter-spacing: -0.32px;
  text-transform: uppercase;
}
.address-pop h2 {
  margin-bottom: 2px;
}
.list-ami {
  gap: 2rem;
}
.clickbtn,
.ami-list {
  gap: 0.5rem;
}
.gap-135 {
  gap: 135px;
}
.why-list {
  gap: 40px;
}
.set-abs {
  position: absolute;
}
/***** listing pro end *****/
/***** locations start */
.pro-lo-list {
  gap: 1.5rem;
}
.pro-lo-thumbs img {
  border-radius: 4px;
  height: 275px;
  width: 100%;
  object-fit: cover;
}
.pro-lo-thumbs:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 183px;
  border-radius: 4px;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.85) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}
.pro-lo-title {
  position: absolute;
  bottom: 24px;
  left: 24px;
}
/***** location end */
/***** Blog Start *****/
.blog-list {
  gap: 40px;
}
.blog-thumbs,
.blog-thumbs img {
  border-radius: 4px;
  position: relative;
}
.blog-thumbs:before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  border-radius: 4px;
  width: 100%;
  height: 100%;
}
.tags {
  text-transform: uppercase;
  color: var(--primary);
  margin-bottom: 4px;
}
/***** Blog End *****/
/***** contact us *****/
.accel-contact {
  padding: 1.5rem;
  border-radius: 4px;
  border: 1px solid #ddd;
}
label {
  display: inline-block;
  color: var(--gray);
  text-transform: capitalize;
  margin-bottom: 8px;
}
textarea {
  resize: none;
  height: 175px;
}
.faq-question {
  margin-bottom: 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.faq-question:after {
  display: inline-flex;
  transition: transform 0.3s ease;
  content: "";
  background-image: url("../icons/icon-cricle-plus.svg");
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
}
.faq-question.active:after {
  background-image: url("../icons/icon-cricle-minus.svg");
} /*
.icon {
  font-size: 18px;
  transition: transform 0.3s ease;
}
.faq-question.active .icon {
  transform: rotate(45deg);
}*/
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  color: #555;
}
.nowclick {
  padding: 12px 60px;
}
/***** about css *****/
.round-img {
  border-radius: 8px;
  height: 385px;
  width: 100%;
  object-fit: cover;
}
.user-title {
  position: absolute;
  background-color: #fff;
  padding: 4px 16px;
  border-radius: 4px;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.25);
  width: calc(100% - 20px);
  bottom: 20px;
  left: 10px;
}
/***** About end *****/
/***** listing page  start*****/
.div-filter label {
  color: var(--black);
}
.form-select-input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 11px 16px;
  border-radius: 4px;
  border: 1px solid #ddd;
  color: var(--gray);
  width: 100%;
  background-position: 96%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M14.333 5L8.68301 10.65C8.58954 10.7416 8.46388 10.7929 8.33301 10.7929C8.20213 10.7929 8.07647 10.7416 7.98301 10.65L2.33301 5' stroke='%23717171' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.div-filter .comm-btn {
  width: 100%;
}
/*
.form-select-input::before
{
content: " ";
width:16px;
height:16px;
background-position: 98%;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M14.333 5L8.68301 10.65C8.58954 10.7416 8.46388 10.7929 8.33301 10.7929C8.20213 10.7929 8.07647 10.7416 7.98301 10.65L2.33301 5' stroke='%23717171' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
}*/
.div-filter option {
  padding: 5px 2px;
  background-color: lightblue;
  color: var(--gray);
}
.div-filter select:focus option:checked {
  background-color: var(--primary);
  color: var(--white);
}
.more-gap {
  gap: 60px 30px;
}
.wrap-count-list {
  padding-bottom: 160px;
}
.listing-pagi {
  border-top: 1px solid #ddd;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08);
}
.heading-v1 {
  padding: 60px 0 32px;
}
.width-720 {
  max-width: 720px;
  width: 100%;
}
.pro-list .tumbs-img-v1 {
  width: 100%;
  height: 260px;
  object-fit: cover;
}
/***** listing page end */
/***** listing single page *****/
.tumbs-img-listing {
  margin-right: 1.5rem;
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.pro-name {
  font: 500 24px / 36px "Geist-SemiBold";
  letter-spacing: -0.96px;
  color: var(--black);
  margin-right: 1rem;
}
.width-850 {
  max-width: 850px;
  width: 100%;
}
.banner-listing {
  width: 100%;
  height: 414px;
  object-fit: cover;
}
.see-photos {
  position: absolute;
  left: 24px;
  bottom: 24px;
}
.btn-white {
  padding: 8px 16px;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #222;
  background: #fff;
}
.width-414 {
  max-width: 414px;
  width: 100%;
}
.tumbs-listing {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.card-component {
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 1.5rem;
}
.amenitie-icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  margin-right: 16px;
}
.amenitie-ul {
  max-width: 525px;
  display: flex;
  flex-wrap: wrap;
}
.amenitie-li {
  flex: 1 1 50%;
  padding: 8px 0px;
  text-transform: capitalize;
}
.radius-btn {
  padding: 4px 12px;
  color: #a216f8;
  border-radius: 30px;
  border: 1px solid #a216f8;
  font: 600 14px / 21px "Geist-Bold";
  letter-spacing: -0.28px;
}
.div-list {
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 6px 16px;
}
.price-li {
  gap: 6px;
}
.diveder-div {
  width: calc(100% + 32px);
  height: 1px;
  margin-left: -16px;
  background: #ddd;
}
.price-li:last-child .diveder-div {
  display: none;
}
.text-31 .fs-24,
.price-li .fs-24,
.amenitie-list h2 {
  line-height: 31px;
}
.editor-div :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 500;
  margin-bottom: 24px;
}
.editor-div a {
  color: var(--primary);
}
.editor-div {
  color: var(--gray);
}
.map-address iframe {
  width: 100%;
  border-radius: 4px;
  height: 330px;
}
.editor-div .map-nearby h3 {
  font-size: 20px;
  color: var(--black);
}
.map-nearby p {
  margin-bottom: 1rem;
}
.editor-div .map-nearby {
  margin-bottom: 40px;
}
.editor-div .map-nearby:last-child,
.map-nearby p:last-child {
  margin: 0;
}
.div-fm .label {
  display: inline;
}
.form-select,
.input-box {
  width: 100%;
  padding: 8px 16px;
  font: 500 16px / 21px "Geist-Regular";
  border-radius: 4px;
  border: 1px solid #ddd;
}
.btn-black {
  border: 0;
  font: 500 16px / 24px "Geist-SemiBold";
  background-color: var(--black);
  color: var(--white);
  padding: 8px 16px;
  border-radius: 4px;
}
.daterangepicker {
  font-family: "Geist-Regular" !important;
}
/***** Single listing end *****/
/***** home page advance filter *****/
.hero-filter:before
{
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
background:  rgba(0, 0, 0, 0.50);
}
.filter-home
{
max-width:745px;
width:100%;
}
.home-hero
{
font: 500 48px / 48px "Geist-SemiBold";
color: #FFF;
text-shadow: 0px 0px 40px rgba(0, 0, 0, 0.25);
letter-spacing: -1.92px;
text-transform: capitalize;
}
.hero-search
{ 
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 1310px;
padding: 0 15px;
width: 100%;
}
.index-input,
.button-filter {
border-radius: 4px;
border: 1px solid #DDD;
background: #FFF;
}
.index-input
{
padding: 12px 64px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-position: 96%;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M14.333 5L8.68301 10.65C8.58954 10.7416 8.46388 10.7929 8.33301 10.7929C8.20213 10.7929 8.07647 10.7416 7.98301 10.65L2.33301 5' stroke='%23717171' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.center-flex 
{
display: flex;
align-items: center;
justify-content: center;
}
.button-filter input[type="radio"]
{
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.button-filter input[type="radio"] {
cursor: pointer;
opacity: 0;
z-index: 2;
}
.button-filter input[type="radio"]:checked + label {
background: #20b8be;
border-radius: 4px;
}
.button-filter label {
margin-left: 4px;
cursor: pointer;
z-index: 1;
margin: 0;
padding: 12px 64px;
}
.form-hero{
background-color:#FAFAFA;
padding:0.25rem;
margin: 0.5rem 0;
border-radius: 8px;
border: 1px solid #DDD;
width: 100%;
}
.wrap-filter
{
width: 100%;
gap:0.50rem;
color:#6A6A6A;
}
.call-adv-filter{
text-transform: capitalize;
gap:2px;
align-items: center;
font-family: 'Geist-Light';
}

.filter-advance-div
{

transition: all 0.2s ease-in-out;
   
      visibility: hidden;
      opacity: 0;
  padding: 30px 64px;
  background-color: #FFF;
  width: 100%;
  position: absolute;
  right: 0;
  max-width: 536px;
}

.filter-advance-div.active
{
  visibility: visible;
  opacity: 1;
}

.homefilter {
  display: flex;
  flex-wrap: wrap;
}
.homefilter .div-filter{
  flex: 0 0 50%;
  max-width: calc(50% - 3.5px);
}
.homefilter .div-filter:nth-child(1){
  flex: 0 0 100%;
  max-width: calc(100% - 0px);
}
/***** end advance *****/
/************************** responsive all *********************/

@media (max-width: 767px) {
  /***** menu *****/
  .nav-right {
    transition: all 0.2s ease-in-out;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    height: calc(100vh - 63px);
    width: 100%;
    display: unset;
    position: absolute;
    inset: 0;
    top: 63px;
  }
  .nav-ul {
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

.header-v1 {
    padding: 15px 0;
  }

.mobileview.active {
    visibility: visible;
    opacity: 1;
  }

body.no-scroll {
    overflow: hidden;
  }

.menuToggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
  }

.menuToggle .overlay-input {
    height: 2px;
    width: 35px;
    border-radius: 2px;
    background-color: var(--primary);
    position: relative;
    display: block;
    transition: all 0.2s ease-in-out;
  }

.menuToggle.active .overlay-input {
    background-color: transparent;
  }

.menuToggle .overlay-input span:before,
  .menuToggle .overlay-input span:after {
    height: 2px;
    width: 35px;
    border-radius: 2px;
    background-color: var(--primary);
    position: absolute;
    content: "";
    transition: all 0.2s ease-in-out;
  }
  .menuToggle .overlay-input span:before {
    top: -10px;
    visibility: visible;
  }
  .menuToggle .overlay-input span:after {
    top: 10px;
  }

.menuToggle.active .overlay-input span:hover span,
  .menuToggle.active .overlay-input ~ span {
    background: transparent;
  }

.menuToggle.active .overlay-input span:before {
    transform: rotate(45deg) translate(7px, 7px);
    opacity: 1;
  }
  .menuToggle.active .overlay-input span:after {
    transform: rotate(-45deg) translate(7px, -7px);
  }

.header-v1.scrolled {
    padding: 15px 0;
  }

/*****mobile  menu end  *****/

.pd-135 {
    padding: 50px 0;
  }

.pt-135 {
    padding-top: 50px;
  }
  .child-news.center-50 {
    padding: 20px 10px;
  }

.heading-v1,
  .pd-60 {
    padding: 30px 0;
  }

.pt-60 {
    padding-top: 30px;
  }

.gap-60,
  .more-gap,
  .why-list,
  .gap-80 {
    gap: 30px;
  }

.pro-list-info {
    gap: 0.75rem;
  }
  .gap-135 {
    gap: 50px;
  }

footer .flex-js-b.flex-end {
    flex-direction: column;
    align-items: baseline;
  }

.contact-pg .dflex.gap-60 {
    flex-direction: column;
  }

.map-nearby p{
    margin-bottom: 0.50rem;
  }

.listing-data-pg .mb-24,
  .mb-32.fs-32,
  .brand-text .color-gray.mt-24 {
    margin-bottom: 1rem;
  }
  .mtb-32 {
    margin: 1rem 0;
  }

.mtb-16 {
    margin: 0.75rem 0;
  }

.mid-footer .flex-js-b .f-widget-link:last-child {
    margin-top: 30px;
  }

.news-input {
    flex: 0 0 70%;
    width: 70%;
  }

.form-news .susb-btn {
    width: 30%;
    padding: 8px 10px;
    font: 500 14px / 21px "Geist-SemiBold";
  }

.form-news .news-input {
    width: calc(70% - 5px);
    font-size: 14px;
  }

.grids-2,
  .grids-4,
  .grids-3 {
    grid-template-columns: repeat(1, 1fr);
  }

.Property-lo-post .grids-4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }

.advance-filter .grids-6 {
    grid-template-columns: repeat(2, 1fr);
  }

.wrap-count-list {
    padding-bottom: 50px;
    flex-direction: column-reverse;
  }

.pro-lo-thumbs img {
    height: 170px;
  }

.pro-lo-title {
    bottom: 10px;
    left: 10px;
  }

.news-wrap .child-equal {
    display: none;
  }

.count-list,
  .typeof-pop,
  .child-news {
    font-size: 14px;
  }
  .pro-lo-thumbs:before {
    height: 90px;
  }

.pro-lo-title .fs-20 {
    font: 500 16px / 24px "Geist-SemiBold";
  }

.listing-data-pg .fs-24,
  .contact-pg .fs-24 {
    font: 400 20px / 32px "Geist-Regular";
  }

.home-hero,
  .title-h1 {
    font: 400 24px / 32px "Geist-Regular";
    letter-spacing: 0.92px;
  }

.fs-18,
  .child-news .fs-24 {
    font: 400 16px / 21px "Geist-Regular";
  }

.mid-footer .flex-js-b {
    flex-wrap: wrap;
  }

.mid-footer .flex-js-b .f-widget-link {
    flex: 0 0 50%;
  }

.mid-footer .flex-js-b .f-widget-link:last-child {
    flex: 0 0 100%;
  }
  /* listing */

.type-pro,
  .listing-name 
  {
    flex-direction: column;
    align-items: flex-start;
  }
  .tumbs-img-listing {
    margin-right: 0.5rem;
}
.pro-name
{
  font: 500 20px / 32px "Geist-SemiBold";
  margin-right: 0rem;
}
 .listing-name
{
  position: relative;
  gap: 2rem;
  padding-bottom: 0;
}
.list-pro-heading .type-pro + .color-gray{
  position: absolute;
  width: 100%;
  left: 0px;
}
.list-pro-heading .color-gray {
  line-height: 18px;
  font-size: 14px;
}
.type-pro{
  margin-bottom: 16px;
}
.listing-name .link-info{
  display: block;
  margin-left: auto;
}

.amenitie-wrap,
.gallery-wrap
{
  flex-direction: column;
}

.banner-listing {

height: 120px;

}
.tumbs-listing {

height: 50px;
 
}
   
.gallery-tumbs.grids-2 {
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem !important;
}

.see-photos {
  left: 10px;
  bottom: 10px;
  font-size: 14px;
    padding: 8px;
    line-height: 18px;
}

.width-414 ,
.width-850 {
  max-width: 100%;

}
.card-component {
 
  padding: 1rem;
}
.gap-24
{
  gap:1rem;
}
.amenitie-icon img {
  width: 18px;
  height: 18px;
  margin-right: 2px;
}
.amenitie-li {
  
  font-size: 14px;
}

.editor-div :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 500;
  margin-bottom: 16px;
}

.hero-search .comm-btn.nowclick,
.index-input,
.button-filter label {
   padding: 8px 10px;
}

}

${this.title}

Code Editor : comnon.css