@import url("https://fonts.cdnfonts.com/css/red-hat-display");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

body {
  font-family: "Red Hat Display", sans-serif;
}

/* Global **************************************************** */
.container-inside {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.header-container {
  max-width: 1775px;
  width: 100%;
  margin: 0 auto;
}

/* p {
  margin: 0px;
} */
/*
.heading1 {
      font-family: "Red Hat Display", sans-serif;
    font-size: clamp(3rem, 1.2813rem + 5.5vw, 4.375rem);
font-weight: 900;
    color: #ffffff;
    text-align: center;
    padding: 30px;
    font-size: 45px;
    padding-top: 20px;
} */
a.logo {
  width: 135px;
}

.heading2 {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 900;
  font-style: Black;
  font-size: 54px;
}

/* Top Bar */
.top-bar {
  font-size: 14px;
  background-color: #1a1a1a;
}

.top-bar.py-2.text-white.top-nav {
  border-radius: 0px 0px 20px 20px;
  background: #293750;
  padding-left: 20px;
  padding-right: 20px;
}

.top-bar .social-icons a {
  color: white;
  transition: color 0.2s ease;
}


.wraping {
  position: relative;
}

.combo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

img.header_bg {
  width: 100%;
  height: 140px;
}

.gap-5 {
  gap: 4rem !important;
}


.combo {
  padding: 0px 30px;
}

.full-container {
  display: flex;
  width: 100%;
}

.full-container {
  padding: 0px 20px;
  padding-top: 24px !important;
}

/* .text_light_nav > li > a {
  color: #fff;
  font-family: "Red Hat Display", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
}
ul.navbar-nav {
  gap: 18px;
}

ul.navbar-nav > li {
  display: flex;
  align-items: center;
}
  */

.nav-new>li>.cta {
  border-radius: 30px;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  padding: 10px 25px;
  background: rgb(135, 219, 0) !important;
  color: rgb(255, 255, 255) !important;
  font-family: "Open Sans" !important;
}

.mobile-menu>ul>li>.cta {
  border-radius: 30px;
  background: #87db00 !important;
  color: #fff !important;
  font-family: "Open Sans" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: 2.55px; */
  text-transform: uppercase;
  padding: 10px 20px;
}

/* nav ******************************************** */
.nav-new {
  margin-bottom: 0;
}

.nav-new li {
  display: inline-block;
  margin-left: 7px;
}

.top-bar .container-inside {
  display: flex;
  justify-content: flex-end;
  /* align to right */
  align-items: center;
}

.main_header_container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.nav-new li a {
  color: #fff;
  font-family: "Red Hat Display", sans-serif;
  font-size: 18px;
  font-style: normal;
  text-transform: capitalize;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  display: inline-block;
  margin-left: 25px;
}

.nav-new li a::after {
  content: "";
  width: 0%;
  height: 2px;
  background-color: #87db00;
  display: block;
  position: relative;
  top: 10px;
  margin: 0px auto;
  transition: 300ms cubic-bezier(0, 1.46, 0.48, -0.13);
}

.nav-new li a:hover::after {
  width: 100%;
}

.nav-new li a:hover {
  color: #87db00;
}

.top-bar .social-icons a:hover {
  color: #1bb087;
}

.top-navbar {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* mobile-menu ************************* */

.mobile-menu {
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 50;
  background-color: #293750;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  transition: all 300ms ease-in-out;
}

.mobile-menu.show {
  opacity: 0.96;
  visibility: visible;
}

.mobile-menu>ul {
  list-style: none;
}

#mobile-close-btn {
  top: 40px;
  right: 40px;
}

.mobile-menu>ul>li {
  margin: 20px;
  text-align: center;
}

.mobile-menu>ul>li>a {
  font-family: var(--font3);
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}

.top-bar {
  background-color: #2e3a52 !important;
  color: white;
  font-size: 0.875rem;
  display: flex;
  justify-content: flex-end;
  padding: 0.25rem 1rem;
  align-items: center;
}

.top-bar a {
  color: white;
  text-decoration: none;
  margin-left: 1rem;
}

.navbar {
  background-color: #f4f2ec;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  flex-wrap: wrap;
  /* z-index: 9999999; */
}

.logo {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2e3a52;
  display: flex;
  align-items: center;
}

.logo img {
  margin-left: 5px;
  width: 110px;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.nav-links a {
  text-decoration: none;
  color: #2e3a52;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

button a {
    text-decoration: none;
}

button.my-account-home {
  border-radius: 5px;
  border: 1px solid #2e3a52;
  background: #2e3a52;
  color: #ffffff;
  text-align: center;
  font-size: 13px;
}

button.login {
  border-radius: 5px;
  background: #2E3A52;
  font-size: 13px;
}

button.signup {
  border-radius: 5px;
  /* background: #001b69; */
  font-size: 13px;
}

button.signup a,
button.login a,
button.post-ad a,
button.my-account-home a
 {
  color: #ffffff;
  text-decoration: none;
}

.nav-actions button {
  margin-left: 10px;
  padding: 5px 12px;
  border: none;
  cursor: pointer;
  font-weight: 600;
}

.post-ad {
  border: 1px solid #2e3a52;
  background: white;
  color: #2e3a52;
  font-weight: 700;
}

.login {
  background: #3c3c3c;
  color: white;
}

.signup {
  background: #2e3a52;
  color: white;
}

.hamburger {
  display: none;
  flex-direction: column;
  cursor: pointer;
}

.hamburger div {
  width: 25px;
  height: 3px;
  background-color: #2e3a52;
  margin: 4px 0;
}

/* Fix alignment of top-bar and nav */
.top-bar .container-inside,
.navbar .container-inside {
  /* display: flex
;
    justify-content: end;
    align-items: center; */
  flex-wrap: wrap;
}

/* .logo\+nav {
    width: 100%;
} */
/* Improve nav layout */
.bottom-navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.nav-tabs {
  border-bottom: none;
}

/* Proper wrapping for mobile view */
@media (max-width: 1024px) {
  .bottom-navbar {
    /* flex-direction: row; */
    justify-content: space-between;
    /* align-items: center; */
    flex-direction: column;
    align-items: flex-start;
  }
.text-end.for-gap {
    margin-top: 32px;
}
  .logo-nav {
    width: 100%;
  }


  .mobile-menu-toggle {
    display: flex;
    align-items: center;
    gap: 1rem;
  }

  .nav-links,
  .nav-actions {
    display: none;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
    margin-top: 1rem;
  }

  .nav-links.active,
  .nav-actions.active {
    display: flex;
  }

  .hamburger {
    display: flex;
    margin-left: auto;
  }

  .nav-actions button {
    width: 50%;
    font-size: 14px;
    padding: 5px 12px;
    margin-bottom: 10px;
    text-align: center;
  }

  .nav-actions {
    align-items: center;
  }
}

@media (max-width: 768px) {


  .nav-links,
  .nav-actions {
    width: 100%;
    display: none;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
  }

  .nav-links.active,
  .nav-actions.active {
    display: flex;
  }

  .nav-actions button {
    width: 100%;
    text-align: left;
    margin: 0;
  }

  .nav-links a {
    padding: 0.5rem 0;
  }

  .hamburger {
    display: flex;
    margin-left: auto;
  }

  .nav-actions button {
    width: 35%;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
  }

  .nav-actions {
    align-items: center;
  }
}

/* banner content  */
.main_hero {
  background-image: url("./img/final-header.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 480px;
}

.banner-content {
  position: absolute;
  top: 150%;
  left: 0;
  width: 100%;
  color: #000;
}

.banner-content .text-box {
  /* max-width: 1140px; */
  /* margin: 0 auto; */
  padding: 0 15px;
}

/* .banner-content h1 {
  color: #262626;
  font-family: "Red Hat Display";
  font-size: 55px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -1.415px;
} */

.cribo-highlight {
  color: #87db00;
  font-family: "Red Hat Display";
  font-size: 65px;
  font-style: normal;
  font-weight: 900;
  line-height: 90.895px;
  letter-spacing: -1.415px;
}

.banner-content p {
  color: #383e3e;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.stats {
  display: flex;
  gap: 50px;
  margin-top: 30px;
  font-size: 16px;
  color: #222;
}

.stats div {
  text-align: left;
}

.user-count>strong {
  color: #262626;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
}

h4.user-count {
  color: #485353;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

/* uk's leading flatshare website */

.container-inside.for-search {
  max-width: 750px !important;
}

.search-panel {
  position: relative;
  margin-top: -185px;
  z-index: 2;
}



.search-box.width-100 {
  width: 100%;
  max-width: 100% !important;
}

.dual-cta-container.width-100 {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.search-box .title {
  color: #262626;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -1.415px;
}

.search-box .subtitle {
  margin-bottom: 20px;
  margin-top: 15px;
  color: #717d7d;
  font-size: 19px;
  line-height: 1;
}

.search-bar {
  overflow: hidden;
  border-radius: var(--Border-Radius-border-radius, 8px);
  border: 3px solid #2d231a;
  background: #fff;
  box-shadow: 0px 8px 32px -4px rgba(103, 111, 123, 0.1);
}

.search-bar .search-icon {
  padding: 10px 15px;
  color: #555;
  align-self: center;
}

.search-icon-wrapper svg {
  width: 28px;
  height: 28px;
  /* fill: #293750; */
  align-self: center;
  /* padding-left: 10px; */
  margin-left: 10px;
  margin-right: 10px;
}

.search-bar input {
  border: none;
  outline: none;
  flex: 1;
  padding: 12px;
  color: #aeaeae;
  font-size: 16px;
}

.search-btn {
  color: #fff;
  border: none;
  padding: 12px 25px;
  border-radius: 0px 6px 6px 0px;
  background: #c799ff;
}

button.btn.search-btn:hover {
  background: #9d53f7;
  color: #fff;
}

.options img {
  height: 30px;
  margin-bottom: 10px;
}

.options .btn {
  background: #fff;
  border: 1px solid black !important;
  padding: 0px 8px;
  font-weight: 500;
}

.options .btn.active {
   border-radius:14px !important;
 background: #1e2b4b;
  color: #fff !important;
  border-color: #1e2b4b;
}


.form-control {
  max-width: 100%;
}

input.form-control:focus {
  border-color: transparent !important;
  background-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* two boxes css */

.dual-cta-container {
  padding-top: 40px;
  padding-bottom: 40px;
  /* margin-left: 80px;
  margin-right: 80px; */
}

.cta-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 20px;
  border: 4px solid #2d231a;
  background: rgba(219, 214, 203, 0.3);
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.cta-card:hover {
  border-color: #013531;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

h3.left-card-text {
  color: #010101;
  text-align: right;
  font-family: "Red Hat Display";
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}

h3.right-card-text {
  text-align: left;
  color: #010101;
  text-align: left;
  font-family: "Red Hat Display";
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}

p.left-sub-text {
  color: rgba(64, 64, 64, 0.8);
  text-align: right;
  font-size: 16px;
  font-style: normal;
  line-height: 1.5;
}

p.right-sub-text {
  color: rgba(64, 64, 64, 0.8);
  text-align: left;
  font-size: 16px;
  font-style: normal;
  line-height: 1.5;
}

.cta-card {
  background: rgba(219, 214, 203, 0.3);
  border: 4px solid #2d231a;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  padding-bottom: 35px;
  /* space for image */
}

.cta-card:hover {
  border-color: #013531;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* CTA images */
.cta-image {
  position: absolute;
  bottom: 10px;
  /* max-height: 150px; */
  object-fit: contain;
  width: 218px;
  height: 180px;
}

.left-img {
  left: -40px;
  bottom: 0px;

}

.right-img {
  right: 0px;
  bottom: -17px;
}

a.btn.custom-btn {
  border-radius: 50px;
  background: #7f7d79;
  color: #fff;
  color: #fff;
  padding: 10px 25px;
  text-align: center;
  font-family: "Red Hat Display";
  font-size: 15px;
  font-style: normal;
  line-height: 1;
}

/* search in london css */

.banner-section {
  /* font-family: "Open Sans", sans-serif;
  position: relative;
  height: 210px;
  background-image: url(../assets/img/paris-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white; */
}

.container-inside.for-search-london {
  max-width: 1030px !important;
}


.banner-section>div:first-child {
  font-family: "Open Sans", sans-serif;
  position: relative;
  /* height: 210px; */
  background-image: url(../assets/img/paris-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  padding-top: 50px;
  padding-bottom: 100px;
}

.banner-section>div:nth-child(2) {
  margin-top: -100px;
  z-index: 10;
  position: relative;
}

.banner-overlay {
  /* position: absolute; */
  /* top: 40px; */
  width: 100%;
  text-align: center;
  z-index: 2;
}

.banner-title {
  color: #fff;
  text-align: center;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1.415px;
}

.banner-subtitle {
  font-size: 16px;
  margin-top: 5px;
}

.search-options-box {
  /* position: absolute; */
  gap: 11px;
  /* bottom: -85px; */
  left: 50%;
  /* transform: translateX(-50%); */
  background: #dad2c6;
  border-radius: 12px;
  padding: 26px 38px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 3;
  border-radius: 20px;
  border: 4px solid #2d231a;
  background: linear-gradient(0deg, #dbd6cb 0%, #dbd6cb 100%), #fff;
}

.search-option {
  text-align: center;
}

.search-option .icon {
  font-size: 26px;
  margin-bottom: 10px;
  display: block;
  color: #000;
}

.search-option .btn {
  width: 145px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  padding: 6px 16px;
  border-radius: 4px;
  border-radius: 5px;
  border: 1.5px solid #2d231a;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgba(235, 245, 228, 0.3);
}

.search-option .btn:hover {
  background: #293750;
  color: #fff;
}

span.search-icon-wrapper {
  padding: 10px;
}

/* property card css */

.property-section {
  padding: 60px 0 30px 0;
  background: #fff;
  font-family: "Open Sans", sans-serif;
}

.section-title {
  color: #000;
  font-family: "Red Hat Display";
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
}

.section-subtitle {
  margin-top: 18px;
  color: #8e8e93;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
     line-height: 17px;
}

.property-card {
  overflow: hidden;
  transition: 0.3s ease;
  border-radius: 16px;
  border: 1px solid #dfdfdf;
  background: #fff;
  box-shadow: 0px 4px 26px 0px rgba(66, 71, 76, 0.08);
  height: 400px;
}
.property-img > img,
.property-img-inner > img {
    height: 190px !important;
}
.property-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.property-img {
  position: relative;
}

.property-img img {
  width: 100%;
  height: auto;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 12px;
  padding-bottom: 0px;
  border-radius: 30px;
}

.badge-container {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.badge {
  padding: 4px 8px;
  font-size: 11px;
  color: #fff;
  border-radius: 4px;
  font-weight: 600;
}

/* .featured {
  background: #23b26d;
} */

.rent {
  background: #715df2;
}

.tag {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #ff7555;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
}

.property-content {
  padding: 16px;
  text-align: left;
}

.property-title {
  margin: 0;
  color: #1c1c1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.property-address {
  margin: 8px 0 8px;
  color: #3a3a3c;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.property-price {
  color: #2e3a52;
  font-family: Poppins;
  font-size: 18px;
  margin-bottom:25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.property-features {
  display: flex;
  gap: 4px;
  font-size: 13px;
  color: #555;
  margin: 10px 0;
  padding-left: 0;
  list-style: none;
}

.property-features li i {
  margin-right: 4px;
  color: #222;
}

.property-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #888;
  font-weight: 400;
  font-size: 14px;

}

.compare {
  text-decoration: none;
  color: #555;
  font-weight: 600;
}

.pagination-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
}

.dot {
  background: #ddd;
  border-radius: 2px;
  display: inline-block;
  width: 50px;
  height: 4px;
  flex-shrink: 0;
}

.dot.active {
  background: #23b26d;
}

.explore-btn {
  border-radius: 50px;
  background: #293750;
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
}

span.time {
  color: #b5b5b8;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.explore-btn:hover {
  background: #0f172a;
}

/* top universities css */

.university-section {
  padding: 60px 0;
  background-color: #fff;
  font-family: "Open Sans", sans-serif;
}

.university-card {
  border-radius: 12px;
  overflow: hidden;
  transition: 0.3s ease;
}

.university-img {
  width: 100%;
  height: auto;
  display: block;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.card-info {
  padding: 16px 16px 16px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.card-info p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.name {
  margin: 0;
  color: #1c1c1e;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.role {
  color: #3a3a3c;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.contact-icons i {
  font-size: 16px;
  margin-left: 10px;
  color: #444;
  cursor: pointer;
}

.contact-icons i:hover {
  color: #007bff;
}

.social-icons-vertical {
  position: absolute;
  top: 50%;
  right: -48px;
  transform: translateY(-50%);
  background: #fff;
  padding: 10px;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.social-icons-vertical i {
  font-size: 16px;
  color: #444;
  cursor: pointer;
}

.social-icons-vertical i:hover {
  color: #007bff;
}

.explore-btn {
  background: #1e293b;
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
}

.explore-btn:hover {
  background: #0f172a;
}
.text-end.for-gap {
    margin-top: 24px;
}
/* .item{
  height: 400px !important;
} */
/* why coose us css */


.choose-card>h5 {
  min-height: 50px !important;
}

.choose-card {
  padding: 5px;
  text-align: center;

  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 12px;
  border: 3px solid #2d231a;
  background: rgba(219, 214, 203, 0.6);
  box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.1);
}

.choose-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.choose-card img {
  width: 90px;
  height: 90px;
  margin-bottom: 8px;
}

.choose-card h5 {
  margin: 5px;
  color: #252b42;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.099px;
}




.uni-tab:hover {
  transform: translateY(-2px);
}

/* footer csss */

.main-footer {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 23.1);
}

.footer-heading {
  margin-bottom: 12px;
  color: #293750;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.footer-text {
  color: #8a939b;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

.footer-subtext {
  color: #293750;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

p.footer-text-sign-up {
  color: #293750;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.footer-link {
  text-decoration: none;
  font-size: 0.92rem;
  color: #293750;
  /* font-family: Poppins; */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  padding: 5px 0px;
}

.footer-contact {
  border-bottom: 1px solid rgba(41, 55, 80, 0.1);
}

.footer-contact:last-child {
  border-bottom: none;
}

.footer-contact .circle-icon {
  width: 50px;
  height: 50px;
  background-color: #dee2e6;
  border-radius: 50%;
}

p.footer-subtext.logo-txt {
  padding-top: 25px;
}

.newsletter-form input {
  border-radius: 0.375rem;
}

.list-unstyled.fotter-list-link {
  padding-left: 0;
  list-style: none;
  display: flex;
  width: 255px;
  flex-direction: column;

  gap: 8px;
}

.footer-nav {
  color: #293750;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.footer-nav:hover {
  color: #02fd49;
  text-decoration: underline;
}

.social-icons a {
  font-size: 1.2rem;
  color: #495057;
}

.copyright-text.text-center.mt-3 {
  color: #293750;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  opacity: 0.5;
}

button.btn.sign-up-btn:hover{
  background-color: #1e1e1e61;
}

.subscribe-form {
  border-radius: 10px;
  border: 1px solid #494949;
  background: #ffffff;
  display: flex;
  width: 255px;
  height: 52px;
  padding: 16px 18px;
  align-items: center;
  gap: 10px;
  /* color: #fff !important; */
}

/* .subscribe-form :active {
  border-radius: 10px;
  border: 1px solid #848484;
  background: #526fa0;
  display: flex;
  width: 255px;
  height: 52px;
  padding: 16px 18px;
  align-items: center;
  gap: 10px;
  color: #fff !important;
} */
input.form-control.subscribe-form:active {
  background-color: #fff !important;
  border: 1px black !important;
}

.choose-card>h5 {
  min-height: 40px;
}

.control {
  text-align: left;
}

.control>div {
  text-align: left;
}

.control>div>i.fa.fa-phone.ms-4.me-2 {
  margin-left: 0px !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-dots .owl-dot span {
  background: #ddd !important;
  border-radius: 2px !important;
  display: inline-block !important;
  width: 50px !important;
  height: 4px !important;
  flex-shrink: 0 !important;
}

.owl-theme .owl-dots button.owl-dot.active>span {
  background: #23b26d !important;
}

.container-inside.for-search-london {
  width: 100% !important;
  /* max-width: 100% !important; */
}

.search-option {
  justify-content: space-between;
}

.owl-item {
    width: 268px !important; 
}

/* ===========================
   Responsive Media Queries
   =========================== */

@media (max-width: 575.98px) {
  p.footer-subtext.logo-txt {
    padding-top: 25px;
    text-align: center;
  }
  .search-bar input{
    border-radius:20px;
  }

  .search-wrapper{
    border: 1px solid black;
    border-radius: 10px;
  }
  .main_hero {
    height: 650px;
    background-size: cover;
  }

  .banner-content h1 {
    /* font-size: 36px; */
    line-height: 1;
    text-align: center;
  }

  .option.d-flex.flex-column.align-items-center.text-center {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center;
    gap: 15px;
  }

  .option.d-flex.flex-column.align-items-center.text-center>img {
    margin-bottom: 0;
  }

  .cribo-highlight {
    font-size: 42px;
    line-height: 1.2;
    text-align: center;
    display: block;
  }

  .banner-content p {
    font-size: 16px;
    text-align: center;
  }

  .stats {
    justify-content: center;
    gap: 20px;
    align-items: center;
    text-align: center;
  }

  .stats div {
    text-align: center;
  }

  .search-panel {
    margin-top: -444px;
    padding: 0 10px;
  }

  .search-box {
    padding: 25px 20px;
  }

  .search-box .title {
    font-size: 28px;
  }

  .search-box .subtitle {
    font-size: 16px;
  }

  .search-bar {
    flex-direction: column;
    padding: 12px;
    gap: 10px;
  }

  /* .search-icon-wrapper {
    display: none;
  } */

  .search-bar input {
    width: 100%;
  }

  .search-btn {
    width: 100%;
    border-radius: 6px;
  }

  .options {
    /* flex-direction: column; */
    gap: 20px;
    margin-top: 30px;
  }

  .options .option img {
    height: 35px;
  }

  h1.main-line>br {
    display: none !important;
  }

  span.cribo-highlight {
    line-height: 1 !important;
    font-size: 33px;
  }

  .social-icons {
    display: flex;
  }

  .social-icons>a {
    font-size: 14px;
  }

  a.navbar-brand.fw-bold>img {
    width: 130px;
  }

  .full-container {
    justify-content: space-between;
  }

  .combo {
    padding: 0;
  }

  .footer-column {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footer-column-txt {
    text-align: center;
  }

  .control i {
    font-size: 12px;
  }

  .control div {
    font-size: 11px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  p.footer-subtext.logo-txt {
    padding-top: 25px;
    text-align: center;
  }

  .main_hero {
    height: 700px;
  }

  .control i {
    font-size: 12px;
  }

  .control div {
    font-size: 11px;
  }

  .banner-content h1 {
    /* font-size: 50px; */
    line-height: 1.2;
  }

  .cribo-highlight {
    font-size: 58px;
    line-height: 1.2;
  }

  .banner-content p {
    font-size: 16px;
  }

  .stats {
    gap: 30px;
  }

  .search-panel {
    margin-top: -80px;
  }

  .search-box {
    padding: 30px 25px;
  }

  .search-box .title {
    font-size: 34px;
  }

  .search-box .subtitle {
    font-size: 17px;
  }

  .search-bar {
    flex-wrap: nowrap;
    flex-direction: row;
  }

  .search-bar input {
    font-size: 16px;
  }

  .options {
    gap: 30px;
  }

  .options img {
    height: 26px;
  }
  .search-options-box {

    gap: 64px;
  }
}

@media (min-width: 768px) {
  .main_hero {
    height: 480px;
  }

  /* p.footer-subtext.logo-txt {
    padding-top: 25px;
    text-align: center;
} */
  /*
 .heading1 {

    padding: 30px;
    font-size: 45px;
} */
  .search-box {
    margin-top: 0px;
  }

  .cribo-highlight {
    font-size: 65px;
  }

  .choose-card h5 {
    /* margin: 5px; */
    color: #252b42;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.099px;
  }

  /* .choose-card>h5 {
    min-height: 65px;
} */
  .choose-card {
    padding: 5px;
  }

  .search-panel {
    margin-top: -220px;
  }

  /* .search-box {
    max-width: 900px;
  } */

  .options {
    gap: 0px;
  }

  .options img {
    height: 30px;
  }

  .choose-card img {
    width: 70px;
    height: 70px;
    /* margin-bottom: 8px; */
  }

  .choose-card img {
    width: 70px;
    height: 70px;
    /* margin-bottom: 8px; */
  }

  .right-img {
    right: -20px !important;
    bottom: -17px;
  }

  .left-img {
    left: -34px !important;
    bottom: 0px;
    height: 200px !important;
  }

  .cta-image {
    width: 218px;
    height: 150px;
  }
    .search-options-box {

    gap: 80px;
  }
}

@media (max-width: 767.98px) {
  .header .logo img {
    max-width: 100px;
  }
  .left-card{
    padding: 15px;
  }

  img.header_bg {
    max-height: 90px;
  }

  .cta-image {
    /* position: static; */
    display: block;
    margin: 20px auto 0px auto;
    max-height: 125px;
  }

  .right-img {
    right: -40px Im !important;
    bottom: -17px;
  }

  .left-img {
    left: -34px !important;
    bottom: 0px;
  }

  .cta-image {
    width: 218px;
    height: 150px;
  }

  .left-card-text,
  .right-card-text,
  .left-sub-text,
  .right-sub-text {
    text-align: center !important;
  }

  .text-start,
  .text-end {
    text-align: center !important;
  }
}


/* css style for edit :-moz-user-disabled */
/* .edit_modal_s .modal-header {
    display: flex;
    border-bottom: 0;
    justify-content: flex-end;
}

.edit_modal_s .modal-header button {
    border: 0;
    background: #adadad;
    width: 27px;
    height: 27px;
    border-radius: 50px;
    color: #fff;
}
.edit_modal_strip {
    background-color: #ececec;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, 0.5);
    font-weight: 400;
    font-size: 14px;
    color: rgba(102, 102, 102, 1);
    padding: 10px;
    max-width: 483px;
    width: 100%;
    margin: auto;
}
 .edit_modal_strip,
    .phone_edit_num p {
        font-size: 10px !important;
    }

    .describe_yourself_cntnr_main {
    width: 100%;
    margin: auto;
    margin-top: 40px;
}

.describe_yourself_cntnr {
    margin-top: 25px;
}

.describe_yourself_cntnr h3 {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    font-weight: 500;
    margin-bottom: 0;
}

.describe_yourself_cntnr.red_edit_alert {
    margin-top: 35px;
}

.describe_yourself_cntnr.red_edit_alert p {
    display: flex;
    gap: 7px;
    color: rgba(255, 0, 0, 1);
    font-weight: 400;
    font-size: 14px;
}

.describe_yourself_cntnr.room_emenities .checkbox_cntnr_edit {
    display: flex;
    gap: 9px;
    margin-top: 20px;
}
.describe_yourself_cntnr.room_emenities .checkbox_cntnr_edit span {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    font-weight: 500;
}
.describe_yourself_cntnr h3.edit_head_h3 {
    font-weight: 500;
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
}

.describe_yourself_cntnr #property_size-error{
    position: relative !important;
    top:0px;
}
.button_cntnr_edit_modal {
    margin-top: 16px;
    display: flex;
    gap: 23px;
}
.button_cntnr_edit_modal button {
    width: 124px;
    height: 44px;
    border-radius: 27px;
    border: 0;
    font-weight: 500;
    font-size: 12px;
    color: rgba(37, 43, 92, 1);
}
.button_cntnr_edit_modal button.blue_edit_btn {
    background-color: rgba(47, 63, 82, 1);
    color: rgba(188, 253, 86, 1);
}
sidebar responsive
@media (min-width: 768px) {

     .describe_yourself_cntnr h3,
    .property_size_type label {
        font-size: 11px;
    }
    .describe_yourself_cntnr h3.edit_head_h3 {
        font-size: 11px;
    }
      .describe_yourself_cntnr_main {
        width: 90%;
    }

    .describe_yourself_cntnr {
        margin-top: 18px;
    }

    .describe_yourself_cntnr_main {
        margin-top: 25px;
    }
     .button_cntnr_edit_modal {
        margin-top: 10px;
    }
    .button_cntnr_edit_modal button {
        width: 84px;
        height: 29px;
        border-radius: 19px;
        font-size: 8px;
    }
    .button_cntnr_edit_modal{
        flex-wrap: wrap;
        gap:10px;
    }

} */


:root {
    --primary-color: #293750;
    --secondary-color: #a9ff20;
    --white-color: #fff;
    --lite-gray: #ededed;
    --blue-color: #3e8ff3;
    --purple-color: #c799ff;
    --dark-gray: #aaaaaa;
    /* --------- */
    --heading-font-s: 24px;
    --heading-font-w: 700;
    --text-font-s: 14px;
    --input-border: 1px solid #d5d5d5;
    --text-font-w: 400;
    --border_radius: 4px;
    --border: 1.35px solid var(--primary-color);
    --box-padding: 4px 20px;
    --box-mt: 16.5px;
    --transition: all 0.25s ease-in-out;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
    /* line-height: inherit; */
}
select{
    color: #000 !important;
    font-weight: 600 !important;
}
select option{
    color: #000 !important;
    font-weight: 600 !important;
}
.describe_yourself_cntnr #property_size-error{
    position: relative !important;
    top:0px;
}

#property_size-error{
position: absolute;
font-size: 11px;
}
.myfrunishedvalmain .frunishedval .frunishedval_text .error{
    position: absolute;
    left:15px;
    top:17px;
}

.furnished_val #room_type-error{
top:24px !important;
left: 0px;
}
._mycustom_class #property_size-error{
    display: inline;
    position: absolute !important;
    top: 41px !important;
    margin-top: 0px !important;
}
.hotAdImg{
    width: 100px !important;
    object-fit: contain !important;
    height: auto !important;
    }

/* Custom Scroll-bar */
::-webkit-scrollbar {
    width: 0.4rem;
    height: 0.4rem;
}

/* Custom Scroll Bar */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: var(--primary-color);
}

::-webkit-scrollbar-thumb {
    background: var(--secondary-color);
}

.myMessages_col-3_div-2::-webkit-scrollbar-thumb,
.myMessages_col-3_div-2::-webkit-scrollbar-track,
.myMessages_col-2_child::-webkit-scrollbar-thumb,
.myMessages_col-2_child::-webkit-scrollbar-track {
    border-radius: 10px !important;
}

a {
    text-decoration: none;
    color: var(--primary-color);
}

.swal2-styled {
    width: 100px !important;
    padding: 0.325em 1.1em !important;
}

.swal2-styled.swal2-cancel {
    background-color: #2f3f52 !important;
    background: #2f3f52 !important;
}

/*ypgrade history sec start*/
.histrory_div_upgrade h3 {
    color: rgba(17, 2, 41, 1);
    font-weight: 500;
    font-size: 32px;
    margin-top: 40px;
}

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

.filter_upgrade_new label {
    font-weight: 600;
    color: rgba(6, 28, 61, 1);
    font-size: 14px;
}

.filter_upgrade {
    display: flex;
    gap: 10px;
    align-items: center;
}

.filter_upgrade:focus-visible,
.sort_by_date select {
    outline: 0;
    border: 0;
}

.upgrade_table table th {
    font-weight: 600;
    font-size: 14px;
    color: rgba(6, 28, 61, 1);
    padding: 15px;
    border-right: solid 1px rgba(210, 210, 210, 1);
}

.upgrade_table table tr td {
    padding: 10px;
    text-align: center;
    border: solid 1px rgba(210, 210, 210, 1);
    border-left: 0;
}

.upgrade_table {
    border: solid 1px rgba(210, 210, 210, 1);
    border-radius: 7px;
    margin-top: 25px;
}

.upgrade_table table {
    width: 100%;
}

.upgrade_table table td p {
    font-weight: 400;
    font-size: 10px;
    color: rgba(6, 28, 61, 1);
}

.upgrade_table table th,
td {
    font-size: 13px;
}

.upgrade_table table td span {
    font-weight: 500;
    color: rgba(9, 9, 9, 1);
}

.upgrade_table table td label {
    font-weight: 600;
}

.red_table_clr {
    color: rgba(255, 0, 0, 1);
}

.green_table_clr {
    color: rgba(23, 187, 5, 1);
}

.arrow_num_cnt .num_cntnr ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

.chat_box_msg_send_btn form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 40px;
    align-items: center;
}

.upgrade_calc_modal .modal-dialog {
    max-width: 750px;
    width: 100%;
}

.upgrade_calc_modal .modal-content {
    border: solid 1px rgba(102, 102, 102, 0.5);
    border-radius: 13px;
    background-color: #fff;
}

.img_calc img {
    width: 100%;
}

h3.calc-head {
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    font-size: 18px;
    margin-bottom: 18px;
}

.upgrade_calc_modal select {
    height: 31px;
    border: solid 1px rgba(102, 102, 102, 0.35);
    border-radius: 7px;
    font-size: 11px;

    width: 100%;
}

.tel_div_chat {
    display: none !important;
}

.input_cntnr_calc {
    margin-bottom: 11px;
}

.input_cntnr_calc label {
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    font-size: 12px;
    margin-bottom: 9px;
}

.img_calc {
    padding-right: 30px;
}

#sendmassage {
    height: 23px;
    border-radius: 8px;
    background-color: rgba(47, 63, 82, 1);
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    padding: 20px;
    width: 32%;
}

.active_paging_upgrade {
    background-color: rgba(47, 63, 82, 1);
    width: 44px;
    height: 46px;
    border-radius: 4px;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrow_num_cnt .num_cntnr ul li {
    list-style: none;
    font-weight: 600;
    font-size: 14px;
    color: rgba(0, 0, 0, 1);
}

.arrow_num_cnt {
    display: flex;
    align-items: center;
    gap: 15px;
}

.table_paging {
    margin: 40px 0 25px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.table_paging .showing_upgrade_paging {
    font-weight: 600;
    font-size: 14px;
    color: rgba(6, 28, 61, 1);
}

.filter_upgrade_new select {
    font-weight: 600;
    font-size: 11px;
    color: rgba(6, 28, 61, 1);
    background-color: rgba(234, 236, 238, 1);
    width: 150px;
    height: 40px;
    border-radius: 7px;
    border: 0;
}

.history_upgrade_table {
    border: solid 1px rgba(210, 210, 210, 1);
    border-radius: 9px;
    padding: 30px 25px;
    margin-top: 35px;
}

.CustomeNavbar {
    margin: 0;
    padding: 0;
    height: 90px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* position: fixed; */
    top: 0;
    z-index: 10;
    background-color: #fff !important;
    box-shadow: 0 0 8px 0 rgba(133, 157, 199, 0.4);
    width: 100%;
    transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}

.nav-link:focus,
.nav-link:hover {
    color: var(--primary-color) !important;
}

.dashboard_heading {
    color: var(--lite-primary);
    font-size: var(--heading-font-s);
    font-weight: var(--heading-font-w);
    margin-bottom: 6px;
    /* padding: 0; */
}

.myMessages .viewAd127 {
    font-size: 12px;
    color: var(--blue-color);
    font-weight: 400;
    text-decoration: underline;
}

.myMessages .dashboard_heading {
    padding: 0;
}

.dashboard_boxes {
    /* border: var(--border); */
}

.dashboard_listingImg {
    width: 90%;
    height: 140px;
}

.welComeDiv {
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: end;
    height: 34px;
    gap: 10px;
}

.welComeDiv img {
    width: 30px;
}

.welComeDiv .div_1 {
    font-weight: 500;
    font-size: 18px;
}

.subDiv {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-bottom: 10px;
}

.subDiv .div_1 {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    background: var(--primary-color);
    color: var(--white-color);
    padding: 0 20px;
    height: 34px;
    display: flex;
    align-items: center;
    border-radius: 10rem;
}

.circle {
    font-size: 10px;
}

.mini-heading {
    font-size: var(--text-font-s);
    font-weight: var(--heading-font-w);
    display: block;
    width: fit-content;
    text-transform: capitalize;
}

.secondary-heading {
    font-size: 18px;
    font-weight: var(--heading-font-w);
    color: var(--primary-color);
    display: block;
    width: fit-content;
}

.global_para {
    font-size: var(--text-font-s);
    font-weight: bold;
    display: block;
}

.no-data-error {
    text-align: center;
}

.no-data-error img {
    width: 40%;
    margin: auto;
    display: block;
}

.dashboard_badgeImg {
    width: 20px;
}

.messageUser_img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
}

.myContainer {
    padding: 3% 8%;
    /* background: #fafafa !important; */
}

.myMessages input::placeholder {
    text-transform: capitalize;
    font-family: sans-serif;
    color: #aaaaaa !important;
}

.save_icon {
    color: var(--blue-color);
    font-size: 1.35rem;
}

.page_tabs {
    display: block;
    width: fit-content;
    font-weight: 600;
    padding: var(--box-padding);
    font-size: 20px;
    color: #d7d7d7;
    margin-top: 8px;
}

.page_tabs.active,
.page_tabs.active:hover {
    color: #000;
    border-bottom: solid 6px #2f3f52;
    border-radius: 4px;
}

.property-type {
    display: flex;
    align-items: center;
    gap: 22px;
}

.approval-img,
.approval_main {
    padding: 0 !important;
}

.approval-div {
    padding: 0 !important;
    display: flex;
    position: relative;
    margin: 0;
}

.tv-cntnr-inner {
    display: flex;
    gap: 12px;
}

.wifi-tv {
    display: flex;
    margin-top: 22px;
    justify-content: space-between;
    align-items: center;
    width: 96%;
    position: absolute;
    bottom:0px;
    margin-bottom: 10px;
}

.pw-cntnr button {
    /* padding: 8px 21px;
    height: 41px;
    background-color: var(--primary-color) !important;
    border: 0;
    font-weight: 500;
    color: #fff;
    border-radius: 10px;
    font-size: 19px; */
    /* border-radius: 10px;
    background: var(--secondary-color);
    border: none;
    color: var(--primary-color);
    text-align: center;
    font-family: Roboto;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; */
    color: #FFF;
    background: var(--primary-color);
    font-size: 14px;
    border-radius: 8px;
    height: 30px;
    border: 1px solid transparent;
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

.pw-cntnr .saveIcon {
    font-size: 20px;
    cursor: pointer;
    border: 1px solid #ccc;
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    height: 30px;
    padding: 0px 10px;
    color: var(--primary-color);
}
.pw-cntnr .saveIcon p{
    color: #000;
    font-size: 14px;
}

.left-space {
    padding: 0px 22px 0px 33px;
    word-wrap: break-word;
}


.bottom-sep .btn-area-new button {
    color: #0088D5;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 30px;
    border: 1px solid rgba(0, 136, 213, 0.50);
    background: rgba(0, 136, 213, 0.10);
    cursor: pointer;
    padding: 8px 21px;
    text-decoration: none !important;
}

.btn-area-new {
    display: flex;
    align-items: baseline;
    /* justify-content: space-between; */
    gap: 10px;
    margin-top: 12px;
}

.react-ad {
    color: #0088D5;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 30px;
    border: 1px solid rgba(0, 136, 213, 0.50);
    background: rgba(0, 136, 213, 0.10);
    cursor: pointer;
    padding: 8px 21px;
}

.bottom-sep .btn-area-new button:nth-child(1) {
    background: #e8f1fe;
    color: rgba(24, 119, 242, 1);
}

.bottom-sep .btn-area-new button:nth-child(2) {
    background: #e8f7ff;
    color: rgba(29, 174, 255, 1);
    border: solid 1px rgba(29, 174, 255, 0.5);
}

.bottom-sep .btn-area-new button a {
    text-decoration: none !important;
    font-weight: 400;
    color: rgba(29, 174, 255, 1);
}

.bottom-sep .btn-area-new button:nth-child(3) {
    background: #ffe5e5;
    color: rgba(255, 0, 0, 1);
    border: solid 1px rgba(255, 0, 0, 0.5);
}

.bottom-sep h3 {
    font-weight: 500;
    color: #ffbf04;
    font-size: 16px;
    margin-bottom: 0;
}

.pw-cntnr {
    display: flex;
}

.tv-cntnr img {
    width: 20px !important;
}

.approval-div p {
    font-size: 16px;
    color: #8f90a6;
    font-weight: 500;
}

.break-word-wrap-new_p {
    color: #8F90A6;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.approval-img {
    height: 170px;
    position: relative;
    /* overflow: hidden; */
}
.approval-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.approval-divSavedAds .approval-img {
    height: 250px;
}

.approval-divSavedAds .approval-img .img1 {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.myAds_amenities_div {
    display: flex;
    margin-top: 30px;
    align-items: baseline;
    justify-content: space-between;
}

.myAds_amenities_div .tv-cntnr-inner img {
    width: 20px;
    height: 20px;
}

.approval-div .img1 {
    padding: 0;
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
    border-radius: 7px 0px 0px 0px;
}

.approval-div .hotAdImg {
    left: -2.9%;
    position: absolute;
    top: 9%;
    width: 90px !important;
}

.approval-divSavedAds .hotAdImg {
    /* left: -5.5%; */
}

.amenities20 {
    margin-bottom: 20px;
}

.amenities20 .tv-cntnr img {
    width: 20px;
    height: 20px;
}

.property-type .type {
    font-weight: 400;
    font-size: 13px;
    color: #8f90a6;
}

.property-type .type span {
    font-weight: 500;
    font-size: 13px;
    color: #2f3f52;
}

.approval-div h3 {
    font-size: 18px;
    font-weight: 600;
    color: #110229;
    margin-bottom: 15px;
    margin-top: 20px;
    overflow: hidden;
    /* text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; */
    width: 60%;
}

.page_tabs {
    font-weight: 600;
    font-size: 20px;
}

.page_tabs:hover {
    color: var(--primary-color);
}

.page_content_div {
    margin-top: 10px;
    /* border: 1px solid #c2c2c2; */
    /* border-radius: var(--border_radius); */
    /* padding: 15px; */
}

.global_user_img {
    width: 15%;
    height: 100%;
    /* height: 100%; */
    border-radius: 50%;
}

.global_link a,
.global_link span {
    cursor: pointer;
    color: var(--blue-color);
    text-decoration: underline;
}

.blue {
    color: var(--blue-color);
}

/* ==========================================
========================================== */
.userDashboard {
    /* margin: 30px 0; */
    font-family: Roboto;
}

.sidebar {
    height: fit-content;
    position: sticky;
    top: 1%;
    transition: transform 0.5s ease-in-out;
}

.userDashboard .disabled {
    cursor: not-allowed;
    user-select: none;
}

.sidebar .Xmark {
    font-size: 28px;
    display: none;
    justify-content: end;
    margin-top: 15px;
    margin-right: 15px;
}

.userDashboard .sidebar_bar {
    font-size: 21px;
    background: var(--lite-primary);
    color: var(--white-color);
    width: 50px;
    z-index: 1000;
    height: 40px;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 0 10px 10px 0;
    position: absolute;
    left: 0;
    box-shadow: 0 0 10px 0 rgba(133, 157, 199, 0.5);
}

.userDashboard .sidebar_bar .sidebar_bar_arrow {
    font-size: 14px;
    color: var(--white-color);
}

.userDashboard .sidebar_bar .sidebar_userImg_toggle {
    width: 26px;
    border-radius: 100%;
    height: 26px;
}

.sidebar_not_active {
    transform: translateX(-150%);
}

.sidebar_active {
    transform: translateX(0%) !important;
}

.sidebar_heading {
    color: var(--secondary-color);
    font-size: 24px;
    font-weight: var(--heading-font-w);
    margin-bottom: 6px;
}

.profile-name {
    width: 100%;
}

.inner {
    display: flex;
    gap: 21px;
    width: 100%;
}

.edit-div {
    display: flex;
    position: absolute;
    align-self: self-end;
    right: 40px;
    top: 20px;
}

.edit-div .sidebar_btn_div a {
    margin: 0;
}

.crown-img img {
    width: 50px;
}

.sidebar_col-1 {
    /* border: var(--border); */
    border-radius: var(--border_radius);
    padding: 10px 0 18px 0;
    background: var(--white-color);
    border: solid 1px #dcdceb;
    margin-top: 30px;
    display: flex;
    padding: 13px 40px 13px 13px;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

.member-div {
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 5px;
}

.sidebar_col-1 .span-bold {
    display: block;
    color: #061c3d;
    font-weight: 700;
    font-size: 16px;
}

.sidebar_userImg_div {
    position: relative;
    display: flex;
}

.sidebar_userImg_div .crown {
    width: 20px;
    position: absolute;
    top: 0;
    right: 37%;
}

.sidebar_userImg {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border-radius: 50px;
}


#shared_living_room-error{
position: absolute;
bottom: -19px;
}
.side_bar_name .editprofile i{
    width: 30px;
    height: 30px;
    background: #fff;
    border: 2px solid #bcfd56;
    padding: 10px;
    font-size: 15px;
    display: inline-flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #000;
    top: 23px;
    left: 5px;
}
.side_bar_name .editprofile:hover{
    background: inherit;
}

.sidebar_userName {
    color: #061c3d;
    font-weight: 600;
    font-size: 18px;
    align-items: center;
}

.sidebar_userDetails {
    margin: 6px 0;
    font-size: var(--text-font-s);
    font-weight: var(--text-font-w);
    display: flex;
    justify-content: space-between;
}

.sidebar_btn_div {
    /* width: 90%;
    margin: auto; */
    /* gap: .5rem; */
    display: flex;
    flex-direction: column;
}

.edit-div .sidebar_btn_div .sidebar_btn {
    width: 46px;
    font-size: 12px;
    padding: 9px;
    height: auto;
    display: flex;
    gap: 5px;
    align-items: center;
    border-radius: 50px;
    height: 46px;
}




.sidebar_btn {
    /* border: 1px solid var(--primary-color); */
    color: #2f3f52 !important;
    /* border-radius: 20rem; */
    border-radius: 50px;
    display: flex;
    align-items: center;
    width: 46px;
    height: 43px;
    display: block;
    margin: auto;
    padding: 6px 0;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;

    /* margin-top: 10px; */

    font-size: 14px;
    font-weight: 600;
}

.sidebar_btn:nth-child(1) {}

.sidebar_btn:hover {
    /* background: var(--primary-color);
    color: var(--white-color); */
}

/* //////////////////////////// */
/* .sidebar_col-2 {
    border-bottom: none;
    border-radius: 10px;
    background-color: #2f3f52;
    padding: 50px 25px;
} */



/* .sidebar_col-2 a:nth-child(1) {
    border-radius: 4px 4px 0 0;
    border-top: 1px solid #c2c2c2;
} */

/* .sidebar_col-2 a:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom: var(--border);
    border-bottom: 1px solid #c2c2c2;
} */



.tabLink_div {
    margin-top: var(--box-mt);
    display: none;
}

.tabLink_div .icon1 {
    color: orange;
    margin-right: 2px;
}

.tabLink_div .icon2 {
    color: var(--lite-primary);
}

.tabLink_div a {
    height: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #c2c2c2;
    text-decoration: none;
    font-size: 15px;
    padding: 14px 10px;
    color: var(--primary-color);
    background: var(--white-color);
    transition: var(--transition);
}

/* Other Page Content =========
============================ */
.check_div {
    display: flex;
    align-items: center;
    gap: 10px;
    /* height: 25px; */
    padding-left: 4px;
    justify-content: start;
}

.check_heading {
    /* padding: 0 0 0 2px; */
    font-size: 24px;
    /* text-transform: capitalize; */
}

.check_heading2 {
    font-size: 18px;
    margin: 0;
    margin-top: 15px;
}

.check_heading::first-letter {
    text-transform: capitalize;
}

.check_div:nth-child(even) {
    /* background: #D7EEE8; */
}

.backgroundSPC {
    /* background: linear-gradient(to left, rgba(221, 234, 255, 1), rgba(242, 255, 221, .5)); */
    /* background: linear-gradient(to right, rgba(221, 234, 255, 1), rgb(205, 221, 247)); */
}

.check_div .check_img {
    width: 22px;
}

.check_div .check_para {
    color: #013e51;
    font-size: 14px;
    font-weight: 800;
    padding: 2px 0;
    /* text-transform: lowercase; */
    margin: 0;
}

.check_div .check_para::first-letter {
    text-transform: capitalize;
}

.upgrdBtn_div {
    display: flex;
    justify-content: end;
    /* margin-top: ; */
    /* width: fit-content; */
}

.pageContent_col .upgrdBtn_div .upgrdBtn {
    position: relative;
    background: var(--lite-primary);
    height: 34px;
    width: fit-content;
    display: flex;
    align-items: center;
    padding: 0 10px 0 40px;
    text-transform: uppercase;
    border-top-right-radius: 20rem;
    border-bottom-right-radius: 20rem;
    /* margin: 10px 8px; */
    /* margin-top: 10px; */
    margin-right: 8px;
    /* box-shadow: inset 0 0 5px 2px rgb(53, 67, 98); */
    box-shadow: 0 4px 5px 0px rgb(53, 67, 98, 0.4);
    background: linear-gradient(to bottom,
            rgb(102, 126, 172),
            rgba(74, 94, 130, 1));
}

.RoomWantedList_div_5 {
    position: relative;
    margin-bottom: 10px;
    height: 190px;
    padding-right: 0;
}

.userDashboard .RoomWantedPremium .room_wanted_hot-icon {
    width: 10%;
}

.upgrdBtn {
    font-size: 14px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: 4px;
    color: var(--white-color);
    background: var(--purple-color);
    border: 1px solid var(--purple-color);
    box-shadow: 0 5px 5px -4px rgba(199, 153, 255, 1), inset 0 1px 1px 0 white;
    transition: var(--transition);
    opacity: 0.9;
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
}

.upgrdBtn img {
    width: 16px;
    margin-bottom: 1.3px;
}

.upgrdBtn:hover {
    /* box-shadow: 0 5px 5px 0 rgba(109, 201, 86, .4), inset 0 1px 1px 0 white; */
    box-shadow: 0 5px 5px -3px rgba(199, 153, 255, 1), inset 0 1px 1px 0 white;
    scale: 1.02;
}

.upgrdBtnNew {
    border: 1px solid rgb(255, 200, 112);
    background: rgb(255, 200, 112);
    color: var(--primary-color);
    padding: 5px 8px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 10rem;
    box-shadow: 4px 4px 10px 0 rgba(111, 111, 111, 0.2);
    display: flex;
    align-items: center;
    margin-right: 10px;
    gap: 4px;
}

.upgrdBtnNew i {
    font-size: 10px;
    border: 3px solid var(--primary-color);
    padding: 5px;
    border-radius: 100%;
}

.pageContent_col .upgrdBtn_div .span_1 {
    position: absolute;
    left: -8%;
    box-shadow: 3px 0 0 0 rgba(255, 255, 255, 1);
    border-radius: 100%;
}

.pageContent_col {
    /* padding-left: 33px; */
}

.pageContent_col .upgrdBtn_div .span_1 i {
    /* box-shadow: inset 0 0 5px 2px rgb(76, 96, 136); */
    box-shadow: inset 0 0 5px 2px rgb(53, 67, 98);
    background: var(--lite-primary);
    border-radius: 100%;
    height: 40px;
    width: 40px;
    justify-content: center;
    font-size: 21px;
    display: flex;
    align-items: center;
    color: var(--white-color);
}

.pageContent_col .upgrdBtn_div .span_2 {
    text-transform: uppercase;
    color: var(--white-color);
    font-weight: 600;
    font-size: 12px !important;
}

.pageContent_bar_row {
    margin: 1.45% 0;
    padding: 0;
}

.pageContent_bar_row i {
    font-size: var(--text-font-s);
    color: var(--blue-color);
    margin-right: 2%;
}

.pageContent_bar_row span {
    font-size: var(--text-font-s);
}

/* //////////////////////// */
.ads-container {
    /* padding-left: 0; */
    margin-top: 30px;
}

.ads-container_col {
    padding: 0;
    padding-right: 1%;
}

.ads-container_col:not(:first-child) {
    padding: 0;
    padding-left: 1%;
}

.ads_div-1 {
    display: flex;
    gap: 2rem;
    margin-top: var(--box-mt);
}

.ads_div-1 span {
    font-size: var(--text-font-s);
    font-weight: var(--text-font-w);
    color: var(--primary-color);
}

.ads_div-2 {
    margin-top: var(--box-mt);
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.ads_div-2 i,
.ads_div-2 span {
    font-size: var(--text-font-s);
    color: var(--blue-color);
}

/* msg-container */
.msg-container {
    margin-top: var(--box-mt);
}

.msg-col {
    /* height: 180px; */
    height: fit-content;
    /* overflow: scroll;
    overflow-x: hidden; */
}

.userDashboard .PleaseBuyPaidOffer {
    color: var(--primary-color);
    border: 0.5px solid red;
    background: transparent;
    margin-bottom: 1.2%;
    padding: 2px 5px;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    border-radius: 4px;
}

.userDashboard .PleaseBuyPaidOffer::before {
    content: "\26A0";
    color: red;
    margin-right: 5px;
    font-size: 18px;
}

.msg-col_div {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    cursor: pointer;
}

.msg-container .msg-col_fix {
    /* position: sticky; */
    /* top: 0; */
    display: flex;
    align-items: center;
    gap: 24px;
}

.notification {
    font-size: 8px;
    padding: 0;
    width: 13px;
    padding-top: 1px;
    /* height: 3px; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 0 5px; */
    border-radius: 10px;
    background: #ff0000;
    margin-left: 2px;
    color: var(--white-color);
}

.msg-col_div i {
    font-size: var(--text-font-s);
}

.msg-col_div.active i,
.msg-col_div.active .mini-heading {
    color: var(--blue-color);
}

.msg-col_div_2_parent {
    height: 140px;
    margin-top: 10px;
    overflow: scroll;
    overflow-x: hidden;
}

.msg-col_div_2_parent::-webkit-scrollbar-track,
.msg-col_2_div_2::-webkit-scrollbar-track {
    border-radius: 10px !important;
}

.msg-col_div_2_parent::-webkit-scrollbar-thumb,
.msg-col_2_div_2::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
}

.msg-col_div_2_parent::-webkit-scrollbar,
.msg-col_2_div_2::-webkit-scrollbar {
    /* display: none; */
}

.msg-col_div_2_parent .global_para {
    width: 300px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.msg-col_div_2 {
    margin-top: 5px;
    display: flex;
    align-items: center;
    padding: 8px 0;
    gap: 0.5rem;
    border-radius: 4px;
}

.msg-col_div_2:first-child {
    margin-top: 0 !important;
}

.msg-col_div_2.active {
    background: #f0f0f0;
    margin-right: 10px;
}

.sfgsdfg .active {
    background: #e6f4ff;
    /* margin-right: 10px; */
    border-radius: 4px;
}

.sfgsdfg .unread {
    background: #e6f4ff;
    /* margin-right: 10px; */
    border-radius: 4px;
}

.sfgsdfg .read {
    /* background: #e6f4ff;
    /* margin-right: 10px; */
}

.userDashboard .total_listing,
.userDashboard .childremaining_listing {
    font-weight: 600;
    font-size: 14px;
    color: var(--primary-color);
}

.userDashboard .messageCircle {
    font-size: 9px;
    font-weight: 500 !important;
    background: red;
    /* padding: 2px; */
    height: 13px;
    width: 13px;
    display: flex;
    color: var(--white-color);
    position: absolute;
    /* top: 10%; */
    margin-top: 2px;
    margin-left: 2px;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
}

.userDashboard .messageCirclee {
    font-size: 11px;
    font-weight: 500 !important;
    background: green;
    /* padding: 2px; */
    height: 18px;
    width: 18px;
    display: inline-block;
    color: var(--white-color);
    /* top: 10%; */
    margin-top: 2px;
    margin-left: 2px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    .userDashboard .messageCirclee {
        font-size: 10px;
        height: 15px;
        width: 15px;
    }

}

.userDashboard .thereIsNo {
    margin-top: 1%;
    text-align: center;
}

.userDashboard .thereIsNo span::first-letter {
    text-transform: capitalize !important;
}

.myMessages .thereIsNo {
    margin-top: 1%;
}

.myMessages .thereIsNo span {
    font-size: 24px;
    opacity: 0.9;
    font-weight: 500;
}

.myMessages_col-2_child .reference_no {
    font-size: 14px;
    color: var(--primary-color);
}

.myMessages_col-2_child hr {
    margin: 0;
}

.msg-col_div_2 .span-2,
.msg-col_div_2 .span-3 {
    width: 280px;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    display: block;
    font-weight: 300;
    color: var(--primary-color);
}

.msg-col_div_2 .span-2 {
    color: var(--primary-color);
    font-weight: 500;
    width: 300px;
    text-transform: capitalize;
}

/* msg-col_2 */
.msg-col_2 {
    height: 180px;
    padding: 0;
    padding-right: 1%;
    /* padding-left: 2%; */
}

.msg-col_2_div_1 {
    height: 100%;
}

.msg-col_2_div_2 {
    margin-top: var(--box-mt);
    height: 130px;
    overflow-y: scroll;
}

.msg-col_2_div_2 span:not(:first-child) {
    margin-top: 8px;
}

.msg-col_2_div_2 span a {
    color: var(--primary-color);
    height: fit-content;
}

/* myAds_page ===============
=============================
========================== */
.myAds_page .myAds_page_img {
    width: 100%;
    height: 100%;
    border-radius: var(--border_radius);
}

.myAds_page .room_listing_top_check_div {
    position: absolute;
    top: 4%;
    left: 6%;
}

/* .myAds_page .RoomWantedPremium .room_wanted_hot-icon {
    top: -3.45%;
    left: -1.3%;
} */

.myAds_page .room_listing_top_check_div_RW {
    position: absolute;
    top: 4%;
    left: 10%;
}

.myAds_page .room_listing_top_check_div input {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.myAds_page .RoomWantedList,
.myAds_page .RoomList {
    margin-top: 10px;
    /* background-color: red; */
}

.myAds_page .RoomWantedListRight_div-3 .p_1 {
    max-width: 450px;
}

.myAds_page_content_div {
    margin-top: 2%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.myAds_page_content_div_button_div button {
    display: block;
    width: fit-content;
    border-radius: var(--border_radius);
    padding: var(--box-padding);
    font-size: var(--text-font-s);
    color: var(--primary-color);
    text-transform: capitalize;
    border: var(--border);
    background: var(--white-color);
    margin-top: 8px;
}

.myAds_page_content_div_child-2 {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.myAds_page_content_div_child-3 {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.myAds_page_content_div_child-4 {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 16px;
    padding-bottom: 10px;
    border-bottom: var(--border);
}

/* .myAds_page .RoomListRight .span-4 a {
    width: 300px;
} */

.myAds_page_content_div_child-5 {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: var(--border);
    justify-content: space-between;
    padding-bottom: 10px;
}

.myAds_page_content_div_child-5 .span-1 {
    color: var(--primary-color);
    background: var(--secondary-color);
    font-size: var(--text-font-s);
    font-weight: var(--text-font-w);
    padding: 4px 9px;
    border-radius: var(--border_radius);
    background-repeat: no-repeat;
    height: fit-content;
    width: fit-content;
}

.myAds_page_content_div_child-5 .span-2 i {
    color: var(--primary-color);
    font-size: var(--text-font-s);
}

.myAds_page_content_div_child-5 .span-2 .rotate {
    transform: scaleX(-1);
}

.myAds_page_content_div_child-5 .span-3 {
    color: var(--primary-color);
    font-size: var(--text-font-s);
    font-weight: var(--text-font-w);
    /* transform: scaleX(-1); */
}

.myAds_page hr {
    margin-top: 6px;
}

.myAds_page .RoomList .myAds_page_content_div_child-7 {
    padding: 0 12px 10px 20px;
}

.myAds_page .room_listing_img-div {
    border-bottom-left-radius: 0;
}

.myAds_page_content_div_child-7 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.myAds_page_content_div_child-7 .live {
    font-size: 14px;
    font-weight: 400;
    color: #83d64d;
    text-transform: capitalize;
}

.myAds_page_content_div_child-7 .not_live {
    color: red;
    font-weight: 600;
}

.myAds_page_content_div_child-7 .reactivate {
    color: var(--blue-color) !important;
    text-decoration: underline;
}

.awaiting {
    color: #ffbf00;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
}

.myAds_page_content_div_child-7 .actionBtn {
    text-transform: capitalize;
    padding: 2px 0;
    width: 100px;
    text-align: center;
    background: var(--primary-color);
    color: var(--white-color);
    border-radius: 4px;
    border: 1px solid transparent;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
}

.deleteSaveAd {
    font-size: 14px;
    text-transform: capitalize;
    cursor: pointer;
    display: flex;
    color: red;
    width: 61px !important;
    text-decoration: underline;
}

.myAds_page_content_div_child-7 .actionBtn.dctvt {
    background: none;
    color: var(--primary-color);
}

.myAds_page_content_div_child-7 .span-1 {}

.myAds_page_content_div_child-7 .stats {
    font-size: var(--text-font-s);
    color: var(--blue-color);
}

.myAds_page_content_div_child-7 .edit {
    font-size: var(--text-font-s);
    color: var(--primary-color);
}

.myAds_page_content_div_child-8 .view {
    color: var(--blue-color);
    text-decoration: underline !important;
}

.myAds_page_content_div_child-8 .dlt {
    color: red;
    text-decoration: underline !important;
    cursor: pointer;
}

.myAds_page_content_div_child-8 .dlt::first-letter {
    text-transform: capitalize;
}

.roomListPremium .myAds_page_content_div_child-7 {
    /* padding: 0 20px 10px 7px !important; */
    padding: 0 20px 0 7px !important;
}

.roomListPremium.roomListPremium {
    border: 1px solid rgba(255, 179, 15, 1) !important;
    padding: 4px 16px;
    overflow: visible !important;
    background: #fffbf3;
}

.myAds_page .room_listing_img-div .room_listing_hot-icon {
    top: -7%;
    left: -3%;
    width: 25%;
}

.editProfile_div1_child.child_1 {
    width: 70%;
}

.editProfile_div1_child.child_2 {
    width: 50%;
}

.editProfile_div2_child.child_3 {
    width: 100%;
}

/* buddyUps =============
====================== */
.savedSearch_tabs {
    width: 70%;
}

.buddyUps_user_img {
    font-size: 5rem;
    color: var(--dark-gray);
}

.buddyUps_col_1 {
    /* border-right: var(--border); */
    margin-top: 10px;
    justify-content: space-between;
    padding: 10px;
    border-radius: var(--border_radius);
    border: 1px solid #c2c2c2;
}

.buddyUps_7843:first-child {
    margin-top: 0;
}

.buddyUps_btn {
    width: 200px;
    display: block;
    text-align: center;
    color: var(--white-color);
    background: var(--blue-color);
    margin: 6px 0;
    padding: 6px 0;
    border-radius: 10rem;
    font-size: var(--text-font-s);
    border: 1px solid transparent;
    transition: var(--transition);
}

.buddyUps_btn:hover {
    background: none;
    border: 1px solid var(--blue-color);
    color: var(--blue-color);
}

.showDiv_2,
.showDiv_3 {
    display: none;
    margin-top: 30px;
}

/* Edit Profile ============
========================= */
.profileUserImage_col {
    margin-bottom: 15px;
    width: fit-content;
}

.profileUserImage_col_div-1 {
    position: relative;
    width: fit-content;
    margin-bottom: 15px;
}

.profileUserImage_col_div-2 {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.profileUserImage_col_div-2 .profileGenderDiv {
    border: var(--border);
    padding: 0px 4px;
    border-radius: var(--border_radius);
    cursor: pointer;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 5px;
}

.profileUserImage_col_div-2 .profileGenderDiv.active {
    background: var(--primary-color);
    color: var(--white-color);
}

.profileUserImage_col_div-2 .profileGenderDiv i {
    font-size: 14px;
}

.profileUserImage_col_div-2 .profileGenderDiv span {
    font-size: var(--text-font-s);
    font-weight: var(--text-font-w);
    text-transform: lowercase;
}

.profileUserImage_col_div-2 .profileGenderDiv span::first-letter {
    text-transform: capitalize;
}

.profileUserImage_col input {
    display: none;
}

.profileUserImage {
    width: 120px;
    padding: 0;
    height: 120px;
    border-radius: 50%;
    border: var(--border);
}

.profileUserImage_col .profileChangeDiv {
    display: flex;
    height: 35px;
    width: 35px;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 5%;
    right: 0;
    background: var(--primary-color);
    /* padding: 6px 10px; */
    border-radius: 50%;
    user-select: none;
    cursor: pointer;
}

.profileUserImage_col .profileChangeDiv .fa-pen-to-square {
    font-size: 18px;
    color: var(--white-color);
    margin-left: 4px;
    margin-bottom: 2px;
}

.profileUserImage_col .profileChangeDiv .profileChangeChild {
    position: absolute;
    width: 140px;
    top: 115%;
    left: 10%;
    background: #ededed;
    user-select: none;
    box-shadow: 0 0 10px 0 rgba(237, 237, 237, 1);
    border-radius: 4px;
    padding: 0;
    display: none;
    transition: all 0.4s ease-in;
}

.profileUserImage_col .profileChangeDiv .profileChangeChild.active {
    display: block !important;
}

.profileUserImage_col .profileChangeDiv .profileChangeChild label {
    display: block;
    user-select: none;
    text-transform: lowercase;
    font-size: 13px;
    padding: 3px 0 3px 4px;
    width: 100%;
    margin: 0;
}

.profileUserImage_col .profileChangeDiv .profileChangeChild label::first-letter {
    text-transform: capitalize;
}

.profileUserImage_col .profileChangeDiv .profileChangeChild label:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.profileUserImage_col .profileChangeDiv .profileChangeChild label:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.profileUserImage_col .profileChangeDiv .profileChangeChild label:hover {
    background: #dbdbdb;
}

.editProfile label {
    font-weight: var(--text-font-w);
    font-size: var(--text-font-s);
    display: block;
    width: fit-content;
    margin-bottom: 4px;
    cursor: pointer;
    font-size: 14px !important;
    font-weight: 600 !important;
    /* text-transform: capitalize !important; */
    color: var(--primary-color) !important;
    user-select: none !important;
}

@media (max-width: 500px) {
    .editProfile label {
        font-size: 12px !important;
    }
}

.editProfile .alert-success {
    padding: 4px;
    width: 80%;
    margin-left: 13px;
    font-size: 14px;
    color: var(--primary-color);
    font-weight: 500;
}

.editProfile input,
.editProfile input:focus,
.editProfile input:hover,
.editProfile input:active,
.editProfile select,
.editProfile textarea,
.editProfile textarea:active,
.editProfile textarea:focus {
    border: var(--input-border);
    border-radius: var(--border_radius);
    height: 35px;
    width: 100%;
    padding: 0 6px;
    outline: none;
    font-size: 12px;
    box-shadow: none;
    color: var(--dark-gray);
}

.editProfile textarea,
.editProfile textarea:active,
.editProfile textarea:focus {
    /* height: 80px; */
    height: auto;
    padding: 6px;
}

.editProfile select {
    cursor: pointer;
}

input.age,
input.age:hover,
input.age:active,
input.age:focus {
    width: fit-content;
}

.editProfile input::placeholder,
.editProfile textarea::placeholder {
    font-size: 12px;
    font-weight: 300;
    color: #aaaaaa !important;
}

.editProfile .editProfile_btn {
    font-size: 14px;
    font-weight: 400;
    padding: 8px 20px;
    border-radius: 4px;
    color: var(--white-color);
    background: var(--primary-color);
    box-shadow: 0 5px 5px 0 rgba(133, 157, 199, 0.5);
    border: 1px solid var(--primary-color);
    margin: 10px 0 6px 0;
}

/* .editProfile .editProfile_btn:hover {
    background: none;
    border: var(--border);
    color: var(--primary-color);
} */

/* myMessages =================
============================ */
.myMessages .goBackLink a:hover {
    color: var(--primary-color);
}

.myMessages .goBackLink .mini-heading {
    margin-top: 5px;
}

.myMessages_col-1 {
    /* border-bottom: var(--border); */
    padding-bottom: 10px;
}

.myMessages_col-2 {
    /* border-right: var(--border); */
    /* height: 600px; */
    position: relative;
    padding: 22px 10px;
}

.myMessages_col-2_withBorder {
    border-right: 1px solid #c2c2c2;
}

.myMessages_col-2 li {
    /* border: 2px solid var(--primary-color); */
}

.myMessages_col-2 .nav-tabs {
    --bs-nav-tabs-border-color: var(--primary-color);
    --bs-nav-tabs-link-active-border-color: var(--primary-color) var(--primary-color) var(--bs-body-bg);
}

.myMessages_col-2 .nav-tabs .nav-link {
    text-transform: capitalize !important;
}

.myMessages_col-2_child {
    padding-right: 5px;
    overflow-x: hidden;
    margin-top: 10px;
    height: 400px;
}

.myMessages_col-3 {
    position: relative;
    padding: 0;
}

.myMessages_col-3 .blankScreen {
    /* background: url(../../images/img/chatBg3.png); */
}

.myMessages_col-3 .blankScreen .logo {
    width: 210px;
}

.myMessages_col-3 .blankScreen p {
    font-size: 24px;
    color: #aaaaaa;
    font-weight: 500;
    margin-top: 10px;
}

.myMessages_col-3_div-1 {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: var(--box-mt);
    border-bottom: var(--border);
    padding-bottom: 6px;
}

.myMessages_col-3_div-2 {
    padding-right: 0;
    height: 350px;
    overflow-x: hidden;
    /* overflow: hidden; */
    /* align-items: end; */
}

.myMessages_col-3_div-4 {
    margin-bottom: 10px;
}

.myMessages_col-3_div-2 .myMessages_sender {
    display: flex;
    gap: 10px;
    margin-top: 14px;
    width: 400px;
    align-items: start;
}

.myMessages_col-3_div-2 .myMessages_col-3_div-2_child_1,
.myMessages_col-3_div-2 .myMessages_col-3_div-2_child_2 {
    background: #ededed;
    padding: 4px;
    padding: 4px 8px;
    box-shadow: 0 0 10px 0px rgb(218, 237, 255);
    border-radius: 10px 10px 10px 0px;
    margin-top: 10px;
    display: flex;
    align-items: end;
    gap: 6px;
}

.myMessages_col-3_div-2 .myMessages_col-3_div-2_child_2 {
    background: #dbf1ff;
    border-radius: 10px 10px 0px 10px;
}

.myMessages_col-3_div-2 .para {
    font-size: 15px;
    /* color: var(--white-color); */
    color: var(--primary-color);
}

.myMessages_col-3_div-2 .myMessages_receiver {
    display: flex;
    justify-content: end;
    flex-direction: column;
    align-items: end;
    width: 400px;
    gap: 10px;
    margin-left: auto;
    margin-top: 0px;
    margin-right: 12px;
}

.myMessages_col-3_div-2 .timeDate {
    font-size: 11px;
    margin-top: -4px;
    text-transform: capitalize;
    color: var(--primary-color);
}

.myMessages_col-3_div-3 {
    position: absolute;
    width: 97.35%;
    bottom: 1%;
}

.myMessages_col-3_div-3 .sendInput,
.msg-col_div_1 input {
    width: 100%;
    padding: 0 30px 0 6px;
    outline: none;
    font-size: 12px;
    box-shadow: none;
    color: var(--dark-gray);
    background-color: rgba(243, 243, 243, 1);
    border-radius: 11px;
    height: 42px;
    border: 0;
}

.myMessages_col-3_div-3 .sendIcon,
.msg-col_div_1 i {
    position: absolute;
    background: none;
    border: none;
    top: 0;
    right: 0;
    width: fit-content;
    color: var(--primary-color);
}

.msg-col_div_1 i {
    right: 1.55%;
}

.sendMassagechatbox .sendmassage {
    background: red;
    height: 100%;
    width: fit-content;
    /* padding: 0 24px; */
    width: 80px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: var(--white-color);
    text-transform: capitalize;
    background-color: var(--lite-primary);
}

.msg-col_div_1 {
    top: 0%;
    width: 100%;
    position: static;
}

.msg-col_div_1 i {
    top: 28%;
}

.deleteDiv {
    display: flex;
    /* align-items: self-start; */
    justify-content: end;
    /* padding-bottom: 10px; */
    margin-top: 20px;
    cursor: pointer;
    justify-content: space-between;
}

.chat_tab_main {
    display: flex;
    /* gap: 5px; */
    /* margin-bottom: 30px; */
    align-items: center;
    /* padding: 0px 0 20px 0px; */
    cursor: pointer;
}

.call_sec_avtart_sec .chat_tab_main {
    padding: 20px 20px 20px 20px;
    border-bottom: solid 1px #c2c2c2;
}

.my_side_chat_box {
    padding: 20px;
    padding-top: 10px;
    overflow: hidden;
    height: auto;
    max-height: 500px;
    overflow-y: scroll;
    /* margin-bottom: 20px; */
}

.chat_left_side .chat_tab_main {
    padding: 10px 0;
}

.chat_left_side .chat_tab_main:not(:last-child) {
    margin-bottom: 10px;
}

.chat_left_side .chat_tab_main.active {
    border-radius: 11px;
    background: #ebffcd;
}

.chat_box_msg_send_btn input {
    border: 0;
    background: transparent;
    font-weight: 400;
    font-size: 11px;
    color: #000;
    width: 65%;
}

.chat_box_msg_send_btn {
    border: solid 2px rgba(226, 232, 240, 1);
    padding: 10px 15px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
}

.chat_box_msg_send_btn button {
    width: 61px;
    height: 23px;
    border-radius: 8px;
    background-color: rgba(188, 253, 86, 1);
    border: 0;
    font-weight: 500;
    font-size: 10px;
    color: rgba(47, 63, 82, 1);
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.chat_box_msg_send_btn_wrap {
    padding: 20px;
}

.my_side_chat_box_avtar {
    display: flex;
    gap: 12px;
}

.msg-wrap_left {
    display: flex;
    justify-content: left;
    margin-bottom: 20px;
}

.msg-wrap_right {
    display: flex;
    justify-content: right;
    /* margin-bottom: 20px; */
}

.msg-wrap_right .chat_avtar_input_output {
    order: 1;
}

.msg-wrap_right .chat_box_msg p {
    background: rgba(47, 63, 82, 1);
    color: #fff !important;
}

.chat_box_msg p {
    background-color: rgba(241, 241, 241, 1);
    border-radius: 10px;
    padding: 7px 10px;
    color: rgba(0, 0, 0, 1) !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    margin-top: 0 !important;
}

.call_sec_avtart_sec .chat_tab_main .chat_name span {
    color: rgba(0, 0, 0, 1);
}

.chat_tab_main .chat_name {
    font-weight: 600;
    font-size: 14px;
    color: #000;
    margin-left: 5px;
}

.chat_tab_main .chat_name_time {
    display: flex;
    justify-content: space-between !important;
    width: 100%;
}

.chat_tab_main {
    /* background: green; */
}

.chat_tab_main .chat_name span {
    width: 60px;
    font-weight: 600;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.4);
    display: block;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat_tab_main .chat_time {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4);
    font-size: 12px;
}

.chat_avtar {
    display: flex;
    align-items: center;
}

.deleteDiv label {
    color: rgba(0, 0, 0, 0.4);
    font-weight: 400;
    font-size: 14px;
}

.input_label_chat {
    gap: 7px;
}

.deleteDiv .delete_icon {
    width: 16px;
}

.deleteDiv .restore_delete_icon {
    width: 20px;
}

.myMessages .dots_div,
.myMessages .sent-dots_div,
.myMessages .unread-dots_div,
.myMessages .notReplied-dots_div,
.myMessages .deleted-dots_div {
    position: relative;
    width: 30%;
    display: flex;
    justify-content: end;
}

.myMessages .dots_div .dots_img,
.myMessages .sent-dots_div .send-dots_img,
.myMessages .unread-dots_div .unread-dots_img,
.myMessages .notReplied-dots_div .notReplied-dots_img,
.myMessages .deleted-dots_div .deleted-dots_img {
    width: 6px;
    cursor: pointer;
}

.myMessages .dots_div .toolBox,
.myMessages .sent-dots_div .toolBox,
.myMessages .unread-dots_div .toolBox,
.myMessages .notReplied-dots_div .toolBox,
.myMessages .deleted-dots_div .toolBox {
    position: absolute;
    width: 100%;
    top: 100%;
    background: #fafafa;
    left: 0;
    margin-top: 10px;
    border-radius: 6px;
    box-shadow: 0 0 10px 0px rgb(239, 239, 239);
    display: none;
    transition: all 3s ease-in-out;
    z-index: 1000;
}

.myMessages .dots_div .toolBox.active,
.myMessages .sent-dots_div .toolBox.active,
.myMessages .unread-dots_div .toolBox.active,
.myMessages .notReplied-dots_div .toolBox.active,
.myMessages .deleted-dots_div .toolBox.active {
    display: block;
    transition: all 3s ease-in-out;
}

.myMessages .toolBox li {
    list-style: none;
    font-size: 14px;
    /* background: #fafafa; */
    padding: 8px;
    cursor: pointer;
    /* margin: 5px 0; */
    width: 100%;
    text-transform: capitalize;
}

.myMessages .toolBox li:nth-child(1) {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.myMessages .toolBox li:last-child {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.myMessages .toolBox li:hover {
    background: var(--white-color);
}

/* modal styling */
.whoIsInterested .modal-content {
    padding: 10px 12px 6px 12px;
}

.whoIsInterested .modal-content .buddyUps_btn {
    margin-top: 12px;
}

.myAds_page .modal h4,
.viewProfileModal h4 {
    font-size: 21px;
    color: var(--primary-color);
    font-weight: 500;
}

.viewProfileModal h4 {
    text-transform: capitalize;
}

.viewProfileModal .userDetails_row {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 5px;
}

.viewProfileModal .userDetails .col {
    margin-top: 10px;
}

.viewProfileModal .userDetails .heading {
    font-weight: 500;
}

.viewProfileModal .userDetails_row span {
    font-weight: 300;
}

.viewProfileModal .userDetails_row span,
.viewProfileModal .userDetails .heading {
    font-size: 14px;
    color: var(--primary-color);
    text-transform: capitalize;
}

.myAds_page .modalHeader,
.whoIsInterested .modalHeader {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 10px 10px 0 0;
}

.whoIsInterested .modalHeader {
    padding: 0;
    justify-content: space-between;
}

.myAds_page .modalBody {
    padding: 0 10px 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.myAds_page .modal .modalBTN,
.whoIsInterested .modalBTN {
    height: 30px;
    width: 100px;
    border: 1px solid transparent;
    background: var(--primary-color);
    border-radius: 4px;
    font-size: 14px;
    text-transform: capitalize;
    color: var(--white-color);
    font-weight: 400;
    margin-top: 5px;
}

.myAds_page .modal .modalBTN.yes {
    background: #d7d7d7;
    color: var(--primary-color);
}

/* //////////////////////////////////////////////////////////////////////////// */
/* primeMemberBoxprimeMemberBoxprimeMemberBoxprimeMemberBoxprimeMemberBoxprimeMemberBoxprimeMemberBoxprimeMemberBoxprimeMemberBoxprimeMemberBox */
.primeMemberBox {
    position: relative;
    /* background: red; */
}

.primeMemberBox .para {
    text-transform: capitalize;
    font-size: 14px;
}

.primeMemberBox .crown {
    width: 50px;
    /* position: absolute;
    top: 10%;
    right: .6%; */
}

.profile_sec_mobile_new,
.sidebar_userImg_div .crown {
    display: none;
}

#countdown-container {
    display: flex;
    justify-content: center;
    align-items: start;
}

#countdown-container .child {
    margin-right: 4px;
    font-size: 14px;
    color: var(--primary-color);
    /* background-color: var(--lite-primary); */
    /* padding: 0px 5px; */
    /* width: 70px; */
    display: flex;
    justify-content: center;
    border-radius: 3px;
    font-weight: 600;
}

/* Who is interested */
.whoIsInterested {
    padding-bottom: 10px;
}

.showDiv_1 {
    margin-top: 30px;
}

.whoIsInterested .room-to-rent-row {
    /* padding-left: 11px; */
    width: 100%;
    margin: auto;
}

/* edit ad styling */
.RReditAdModal {
    width: 100%;
}

.editModal::-webkit-scrollbar {
    display: none;
}

.editModal .submitBtn {
    height: 30px;
    border: 1px solid var(--primary-color);
    margin-top: 20px;
    background: var(--primary-color);
    color: var(--white-color);
    padding: 0 26px;
    border-radius: 4px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    transition: 0.2s ease-in-out;
}

.editModal .submitBtn:hover {
    background: transparent;
    color: var(--primary-color);
}

.editModal .border_BTM {
    border-bottom: 2px solid var(--lite-gray);
    padding-bottom: 30px;
}

.RWeditModal .border_BTM {
    margin: 0;
}

.editModal .modalHeader {
    padding: 10px 0 0 0;
}

.editModal .modal-content {
    width: 100% !important;
    min-width: 650px;
    overflow-x: hidden !important;
}

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

.editModal .editMultiImage_col {
    width: 100%;
    margin: auto;
    margin-top: 5px;
    border: none;
    border-radius: 4px;
}

.edit_heading {
    font-size: 24px;
    font-weight: 600;
    color: var(--primary-color);
    text-transform: capitalize;
}

.editMini_heading {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--primary-color);
    margin: 0;
}

.editFormInput,
.editFormInput:focus,
.editFormInput:active {
    width: 100%;
    height: 38px;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    font-size: 12px;
    box-shadow: none;
    padding: 0.375rem 0.75rem;
}

.editFormLabel {
    font-size: 14px;
    font-weight: 400;
    color: var(--primary-color);
    text-transform: capitalize;
    user-select: none;
}

.editFormLabel22 {
    width: 80%;
    margin-right: auto;
}

.editModal .chooseBtn {
    text-transform: capitalize;
}

.editFormTextArea,
.editFormTextArea:active,
.editFormTextArea:focus {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    font-size: 13px;
    font-family: Roboto;
    box-shadow: none;
    margin-bottom: 2%;
}

.editModal .editFormSelect {
    width: 100%;
    height: 38px;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    font-size: 12px;
    font-family: Roboto;
    box-shadow: none;
}

.myMessages .myMessages_row_1 {
    padding: 0 8px 0 20px !important;
    overflow: hidden !important;
}

.myMessages .myMessages_right_row {
    padding-top: 17px;
}

.myMessages .goBackChat {
    display: none;
}

/*benfit section start*/
.benefit-section {
    border: solid 1px #dcdceb;
    padding: 25px;
    margin-top: 30px;
    border-radius: 8px;
    overflow: visible !important;
}

.RentalHomeBoxCNT{
text-align: start;
}

.benefit-section ul li {
    list-style: none;
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    color: #061c3d;
}

.benefit-section ul {
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.crown-sec {
    display: flex;
    align-items: center;
    gap: 20px;
}

.crown-sec p {
    font-weight: 600;
    font-size: 18px;
    color: #061c3d;
}

.upgrade-btn a {
    background-color: #ffb30f;
    border-radius: 8px;
    padding: 10px;
    border: 0;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    display: block;
    margin: 30px auto 0px auto !important;
    width: fit-content;
}

.upgrade-btn a {
    color: #fff;
    letter-spacing: 1px;
}

.delete-inner h3 {
    font-size: 18px;
    color: #061c3d;
    font-weight: 600;
    margin: 0;
}

.delete-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.delete-inner button {
    color: #ff0000;
    font-size: 12px;
    font-weight: 400;
    border: 0;
    width: 88px;
    height: 30px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

/*benfit section end*/
/*ads cards */
.ads-card-container .cards {
    border-radius: 8px;
    border: 1px solid #c2c2c2;
    padding: 16px 32px;
}

.ads-main .ads-container_col:last-child .cards {
    margin-bottom: 0;
}

.ads-card-container .cards .circle-active {
    background-color: #bcfd56;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

.ads-card-container .cards h3 {
    font-weight: 600;
    font-size: 18px;
    color: #061c3d;
    margin-bottom: 10px;
}

.archive-cntnr {
    display: flex;
    gap: 40px;
}

.post-btn {
    text-align: center;
}

.post-btn button{
    position: absolute;
    right: 20px;
    top: 15px;
}
.post-btn a {
    padding: 10px 15px;
    border: 0;
    border-radius: 14px;
    background-color: var(--primary-color) !important;
    color: var(--white-color);
    font-weight: 600;
    font-size: 12px;
    display: block;
    width: fit-content;
    margin: auto;
    margin-top: 12px;
}

.post-btn button a {
    color: #fff;
}

.ads-card-container .cards .active-archive {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 400;
    font-size: 16px;
    color: #061c3d;
}

.need-help-cntnr .need-help-mob {
    display: flex;
    gap: 50px;
}

.need-help-mob-number {
    font-weight: 400;
    font-size: 16px;
    color: #061c3d;
    display: flex;
    gap: 5px;
    align-items: center;
}

.needhelp-head h3 {
    color: #061c3d;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.needhelp-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*paging start*/
.paging {
    padding: 15px 25px;
    background-color: #f3f3f3;
    border-radius: 10px;
    margin-top: 14px;
}

.paging-count {
    font-weight: 400;
    color: #2b3443;
    font-size: 14px;
}

.arrow-sec {
    display: flex;
    align-items: center;
    gap: 7px;
}

.showing-txt {
    color: #687182;
    font-size: 14px;
    font-weight: 400;
}

.lft-arrow,
.right-arrow {
    width: 30px;
    height: 25px;
    border-radius: 7px;
    border: solid 1px #c2c2c2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paging-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.room-wanted-ads .room-count {
    font-size: 14px;
    font-weight: 400;
    color: #8f90a6;
    display: block;
    margin-bottom: 14px;
}

.room-wanted-ads .room-count_para {
    color: #8F90A6;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.room-wanted-ads .locations {
    color: #8F90A6;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.room-wanted-ads .break-word-wrap-new_p{
text-overflow: ellipsis;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;}

.room-wanted-ads p {
    font-weight: 400;
    font-size: 14px;
    color: #8f90a6;
    margin-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.room-wanted-ads h3 {
    margin-bottom: 5px;
}

.live {
    font-weight: 500;
    color: rgb(0, 255, 0) !important;
    font-size: 16px;
}

.room-wanted-ads .bottom-sep h3::first-letter {
    text-transform: capitalize;
}

.room-wanted-ads h4 {
    color: var(--primary-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.live-cntnr h3 {
    margin-bottom: 0;
}

.left-day {
    font-weight: 500;
    color:rgba(255, 0, 0, 1);
    font-size: 16px;
}

.live-cntnr {
    display: flex;
    align-items: center;
    gap: 33px;
}

.angel-div {
    font-weight: 500;
    color: #8f90a6;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.saved-ads-sec {
    background-color: #fffbf3;
}

.saved-ads-sec .new-catle-text {
    font-weight: 500;
    color: #8f90a6;
    font-size: 16px;
    margin-bottom: 12px;
}

.saved-ads-sec .week-text {
    color: #ff0000;
    font-weight: 500;
    font-size: 14px;
}

.saved-ads-sec .available-room {
    font-weight: 400;
    color: #8f90a6;
    font-size: 14px;
}

.saved-ads-sec .pw-cntnr img {
    width: 23px;
    height: 22px;
}

.archiveAds_priceBTN button {
    border-radius: 10px;
    /* background: var(--secondary-color); */
    background: none;
    border: none;
    padding: 8px 21px;
    color: var(--primary-color);
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

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

.tag-new {
    position: relative;
}

p.urgent-need {
    color: #2f3f52;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}

.not-live-cntnr {
    display: flex;
    align-items: center;
    gap: 45px;
    margin-top: 12px;
}

.not-live {
    font-weight: 500;
    color: #ff2c2c;
    font-size: 16px;
}

.archive-ads .bottom-sep h3 {
    color: #ff0000;
}

.angel-text {
    font-weight: 500;
    font-size: 14px;
    color: #8f90a6;
    margin-top: 25px;
    padding-bottom: 13px;
}

.new-today {
    font-weight: 500;
    color: #e63636;
    font-size: 14px;
}

.tag-new span {
    position: absolute;
    font-weight: 500;
    font-size: 12px;
    color: #282431;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 100%;
    text-align: center;
}

.tag-cntnr {
    position: absolute;
    top: 10px;
    left: -8px;
}

.tag-cntnr .tag-shape {
    display: flex;
    align-items: self-end;
    margin-top: -2px;
}

.tag-cntnr img {
    width: auto;
    height: auto;
}

.saved-ads-sec .pw-cntnr .wifi-tv {
    margin-bottom: 8px;
}

.saved-ads-sec h3 span {
    font-weight: 500;
    font-size: 22px;
    color: #2f3f52;
}

.benefit-section.saved-ads-sec {
    border: 1px solid #ffb30f;
}

.saved-ads-sec.bdr-orange {
    border: solid 1px #dcdceb;
    background-color: transparent;
    overflow: hidden !important;
    position: relative;
}

.saved-ads-sec .pw-cntnr {
    align-items: center;
    gap: 8px;
}

.bdr-orange .wifi-tv {
    border-top: solid 1px #dcdceb;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
    margin-top: 0 !important;
}

.saved-ads-sec .wifi-tv {
    margin-top: 15px;
}

/*who interested page start*/
.who_interested .sidebar_col-1 {
    margin-top: 0px;
    margin-bottom: 20px;
}

.who_interested .referenece-id {
    font-weight: 400;
    color: #061c3d;
    font-size: 14px;
}

.interested_btn_cntnr button {
    width: 110px;
    height: 30px;
    border-radius: 30px;
    color: #1daeff;
    font-weight: 400;
    font-size: 12px;
    border: solid 1px rgba(29, 174, 255, 0.5);
    background-color: #e8f7ff;
    margin-bottom: 15px;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.interested_btn_cntnr button:nth-child(2) {
    background-color: #e8ecf2;
    border: solid 1px #8298b9;
    color: #1b437f;
}

.interested_btn_cntnr button:nth-child(3) {
    background: #2f3f52;
    border-radius: 8px;
    color: #bcfd56;
    font-weight: 500;
    font-size: 14px;
    width: 132px;
    height: 30px;
    margin: 15px 0 0 0;
}

.who_interested .room_count {
    font-weight: 500;
    font-size: 16px;
    color: #061c3d;
    margin-top: 10px;
}

.who_interested .interested_btn_cntnr {
    display: flex;
    flex-direction: column;
    align-items: end;
}

/*who interested page end*/
/*email page start*/
.email-alert .email-box {
    padding: 15px 15px 15px 30px;
    border-radius: 8px;
    border: solid 1px #dcdceb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 25px;
}

.email-box .rooms_email {
    font-weight: 600;
    color: #061c3d;
    font-size: 18px;
}

.email-alert .remove_btn {
    background: #ffe5e5;
    color: rgba(255, 0, 0, 1);
    border: solid 1px rgba(255, 0, 0, 0.5);
    width: 87px;
    height: 30px;
    border-radius: 30px;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: auto;
}

.email-alert .remove_btn:hover {
    background: #ff0000;
    color: #fff;
}

.email-alert .optin_btn {
    background: #edffe8;
    color: #00bb48;
    border: solid 1px #1dff52;
    width: 87px;
    height: 30px;
    border-radius: 30px;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: auto;
}

.email-alert .optin_btn:hover {
    background: #00d523;
    color: #fff;
}

.ribbon-email {
    display: flex;
    align-items: center;
    gap: 20px;
}

.email-alert .mini-heading {
    font-weight: 400;
    color: #061c3da7;
    font-size: 0.8rem;
}

/*who interested page end*/
/*post ad page start*/
.dashboard_boxes .bdr-btm {
    border-bottom: 1px solid #c2c2c2;
}

/*edit modal start*/
.modal-dialog.edit_modal_s {
    max-width: 595px;
}

.modal-dialog.edit_modal_s .modal-content {
    border-radius: 8px;
    border: 1px solid #ddd;
}

.edit_modal_s .modal-header {
    display: flex;
    border-bottom: 0;
    justify-content: flex-end;
}

.edit_modal_s .modal-header button {
    border: 0;
    background: #adadad;
    width: 27px;
    height: 27px;
    border-radius: 50px;
    color: #fff;
}

.modal-backdrop {
    background: #f6f7f7;
    opacity: 0.9 !important;
}

.edit_modal_strip {
    background-color: #ececec;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, 0.5);
    font-weight: 400;
    font-size: 14px;
    color: rgba(102, 102, 102, 1);
    padding: 10px;
    max-width: 483px;
    width: 100%;
    margin: auto;
}

.describe_yourself_cntnr_main {
    width: 100%;
    margin: auto;
    margin-top: 40px;
}

.describe_yourself_cntnr {
    margin-top: 25px;
}

.describe_yourself_cntnr h3 {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    font-weight: 500;
    margin-bottom: 0;
}

.property_size_type {
    margin-top: 25px;
}

.property_size_type label {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    font-weight: 500;
    margin-bottom: 5px !important;
}
.property_size_type .form_mini_headings{
    margin-bottom: 10px;
}


.property_size_type .property_size_type_inner label {
    margin-bottom: 25px;
}

.property_size_type input[type="text"],
.property_size_type select,
.property_size_type input[type="date"],
.property_size_type textarea,
.property_size_type input[type="file"] {
    border-radius: 9px;
    border: solid 1px rgba(102, 102, 102, 0.35);
    padding: 10px 15px;
    width: 100%;
    color: rgba(102, 102, 102, 1);
    height: 42px;
    font-weight: 400;
    font-size: 12px;
}

.edit_profile_new textarea {
    height: 150px;
}

button.edit_profile {
    border: solid 1px rgba(210, 210, 210, 1);
    border-radius: 3px;
    font-weight: 400;
    font-size: 13px;
    color: rgba(51, 51, 51, 1);
    width: 130px;
    padding: 8px;
    margin: auto;
    display: block;
    margin-top: 15px;
}

.phone_edit_num {
    margin-top: 15px;
}

.phone_edit_num p {
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    display: flex;
    gap: 9px;
    margin-bottom: 0;
}

button.save_btn_edit {
    background-color: rgba(47, 63, 82, 1);
    border-radius: 7px;
    width: 161px;
    height: 49px;
    border: 0px;
    font-weight: 500;
    font-size: 16px;
    margin: auto;
    margin-top: 37px;
    color:#fff;
}

.property_size_type input[type="file"] {
    padding-top: 8px;
}

.upload_img_cntnr .frame {
    border: dotted 1px rgba(47, 63, 82, 1);
    padding: 5px;
    border-radius: 8px;
}

.edit_profile_new_h3 {
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    font-size: 20px;
    margin-bottom: 35px;
}

.edit_profile_new .checkbox_cntnr_edit span {
    font-size: 14px !important;
}

.text_center_edit {
    text-align: center;
}

.profile_edit_img_cntnr label {
    font-weight: 500;
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 13px;
}

.attach_edit_new {
    background-color: rgba(210, 210, 210, 1);
    border-radius: 8px;
}

.upload_img_cntnr .frame img {
    width: 100%;
}

.upload_img_cntnr {
    border-radius: 8px;
    border: solid 1px rgba(102, 102, 102, 0.35);
    padding: 12px;
    margin-top: 26px;
}

.upload_img_cntnr {
    margin-top: 25px;
}

.upload_img_cntnr h3 {
    font-weight: 500px;
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 20px;
}

button.modify_btn {
    border: solid 1px rgba(210, 210, 210, 1);
    border-radius: 4px;
    width: 51px;
    height: 22px;
    font-weight: 400;
    font-size: 10px;
    color: rgba(51, 51, 51, 1);
    margin: auto;
    margin-top: 10px;
    display: block;
}

.property_size_type select option {
    font-weight: 400;
    font-size: 12px;
    color: rgba(102, 102, 102, 1);
}

.radio_btn_cntnr {
    display: flex;
    gap: 10px;
    align-items: center;
}

.cont-inpt-radio-edit-form {
    display: flex;
}

.radio_btn_wrap {
    display: flex;
    gap: 10px;
    padding-left: 20px;
}

.describe_yourself_cntnr.red_edit_alert {
    margin-top: 35px;
}

.describe_yourself_cntnr.red_edit_alert p {
    display: flex;
    gap: 7px;
    color: rgba(255, 0, 0, 1);
    font-weight: 400;
    font-size: 14px;
}

.describe_yourself_cntnr.room_emenities .checkbox_cntnr_edit {
    display: flex;
    gap: 9px;
    margin-top: 20px;
}

.living_prperty label {
    margin-bottom: 5px !important;
}

.checkbox_cntnr_edit_wrap {
    display: flex;
}

.describe_yourself_cntnr.room_emenities .checkbox_cntnr_edit span {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    font-weight: 500;
}

.radio_btn_cntnr-main {
    display: flex;
    align-items: center;
    gap: 20px;
}

.cont-inpt-radio-edit-form input[type="text"] {
    width: 50%;
}

.radio_btn_cntnr span {
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
}

.property_size_type h2 {
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    margin-bottom: 18px;
}

.button_cntnr_edit_modal {
    margin-top: 16px;
    display: flex;
    gap: 23px;
}

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

.half_width_cntnr select {
    width: 45%;
}

.button_cntnr_edit_modal button {
    width: 124px;
    height: 44px;
    border-radius: 27px;
    border: 0;
    font-weight: 500;
    font-size: 12px;
    color: rgba(37, 43, 92, 1);
}

.button_cntnr_edit_modal button.blue_edit_btn {
    background-color: rgba(47, 63, 82, 1);
    color: rgba(188, 253, 86, 1);
}

.property_detail_sec_edit {
    border-top: 1px solid rgba(0, 0, 0, 1);
    margin-top: 40px;
    padding-top: 40px;
}

.describe_yourself_cntnr h3.edit_head_h3 {
    font-weight: 500;
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
}

.property_detail_sec_edit_h3 {
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    font-size: 23px;
}

/*edit modal end*/
/*chat sec start*/
.message_chat li a.active {
    color: #000 !important;
    background-color: transparent !important;
    border-bottom: solid 6px #2f3f52 !important;
    border-radius: 4px;
}

.message_chat li a {
    color: #d7d7d7;
    font-weight: 600;
    font-size: 20px;
}

.nav-tabs .nav-link {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
}

#myTabContent {
    border: 1px solid #c2c2c2;
    border-radius: 8px;
    padding: 0px 13px;
    margin-top: 12px;
}

.roomListPremium .status .online-green {
    width: 8px;
    height: 8px;
    background-color: green;
    border-radius: 50px;
}

.status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    /* gap: 5px; */
    /* padding: 0; */
    margin-top: 3px;
}

.tel_div_chat {
    width: 72px;
    height: 34px;
    border-radius: 7px;
    background-color: #eaecee;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.chat_name .status button {
    background: transparent;
    border: 0;
    border-radius: 5px;
    font-size: 11px;
    padding: 0;
    font-weight: 500;
    margin-left: 5px;
    color: var(--primary-color);
    text-decoration: underline;
}

.chat_name .status button a {
    font-size: 14px;
    text-transform: capitalize;
    color: var(--primary-color);
}

/* #myModal{
    display: block !important;
} */
.tel_div_chat span {
    font-weight: 600;
    font-size: 13px;
    color: rgba(47, 63, 82, 1);
}

/*file uploader custom start*/
.file {
    position: relative;
    display: block;
    width: 100%;
    height: 42px;
    background: url(http://radity.com/static/img/form/file.png) no-repeat 0 0;
    border-radius: 9px;
    border: solid 1px rgba(102, 102, 102, 0.35);
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.file input {
    position: absolute;
    right: 0;
    right: 0;
    width: 100%;
    height: 34px;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    z-index: 30;
}

.file .value {
    position: absolute;

    left: 10px;
    font: 14px ProximaNovaRegular, Helvetica, Arial, sans-serif;
    color: #444;
    z-index: 10;
    display: block;
    border-right: solid 1px rgba(102, 102, 102, 0.35);
    padding-right: 10px;
    top: 8px;
    bottom: 8px;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.file .bt-value {
    position: absolute;
    top: 8px;
    right: 13px;
    font-size: 12px;
    color: rgba(102, 102, 102, 1);
    text-shadow: 0 -1px 0 rgba(1, 2, 2, 0.25) !important;
    z-index: 10;
    left: 30%;
    top: 32%;
}

/*file uploader custom end*/
/*chat sec end*/
/* media queri ==========
====================== */
@media (max-width: 1210px) {

    /* BuddyUps */
    .buddyUps_col_1 {
        gap: 0.5rem !important;
    }

    .buddyUps_user_img {
        font-size: 3rem;
        color: var(--dark-gray);
    }
}

@media (max-width: 992px) {
    :root {
        --box-padding: 12px 10px;
    }

    .userDashboard .RoomWantedPremium .room_wanted_hot-icon {
        width: 15%;
    }

    .crown-sec p {
        font-size: 15px;
    }

    .userDashboard .roomListPremium .roomListPremiumCol_90 {
        padding-left: 8px !important;
    }

    .myMessages_col-3_div-3 {
        width: 94%;
    }

    .myMessages_col-2_child .reference_no {
        font-size: 12px;
        color: var(--primary-color);
    }

    .myContainer {
        padding: 3% 2% 3% 1.5%;
    }

    .userDashboard .RoomWantedListRight_div-4 .span-1 a {
        width: 300px;
    }

    .usermassagelista .mini-heading,
    .myMessages_col-2 .mini-heading {
        font-size: 14px;
    }

    .ads_div-1 {
        display: flex;
        margin-top: 6px;
        /* margin-top: var(--box-mt); */
    }

    .ads_div-2 {
        margin-top: 0;
    }

    .pageContent_col {
        padding-right: 0.4rem !important;
    }

    .savedSearch_tabs {
        width: 100%;
    }

    /* BuddyUps */
    .buddyUps_col_1 {
        /* padding: 0; */
        gap: 0.5rem !important;
    }

    .buddyUps_user_img {
        font-size: 3rem;
        color: var(--dark-gray);
    }

    .buddyUps_btn {
        width: 140px;
    }

    .buddyUps_location_div {
        /* display: block !important; */
        width: 100%;
    }

    .welComeDiv img {
        display: none;
    }

    .welComeDiv .div_1 {
        font-size: 16px;
    }

    .msg-col_div_2_parent .global_para {
        width: 200px !important;
    }

    .userDashboard .room_listing_img-div {
        height: 160px !important;
    }

    .page_tabs {
        border-radius: 3px;
        padding: 4px 20px;
        font-size: 16px;
    }
}

/* ////////////////////////// */
@media (max-width: 768px) {
    .chat_tab_main .chat_name span {
        width: 100%;
    }

    .approval-div .img1 {
        border-top-right-radius: 7px;
    }

    .myContainer {
        padding: 3% 2% 3% 3%;
    }

    .box_margin_top {
        margin-top: 20px;
        padding-bottom: 25px;
    }

    .myAds_page_content_div {
        display: block;
        margin-top: 4%;
    }

    .myAds_page_content_div_child-2 {
        gap: 2rem;
        margin-top: 1%;
    }

    .myAds_page .RoomListRight_div-1 span a {
        width: 180px;
    }

    /* Edit Profile */

    .editProfile_div1_child {
        margin-top: 10px;
    }

    input.age,
    input.age:hover,
    input.age:active,
    input.age:focus {
        width: 100%;
    }

    /* .editProfile_div2 {
        display: block !important;
    } */

    .editProfile_div2_child {
        margin-top: 10px !important;
    }

    .editProfile_div3 {
        margin-top: 10px !important;
    }

    .editProfile .editProfile_btn {
        margin-top: 15px !important;
        margin-bottom: 10px !important;
    }

    .editProfile_div1_child.child_1 {
        width: 50%;
    }

    .editProfile_div1_child.child_2 {
        width: 50%;
    }

    .editProfile_div1_child.child_4 {
        width: 32%;
    }

    .editProfile_div2_child.child_3 {
        width: 50%;
    }

    .userDashboard .room_listing_img-div {
        height: 160px !important;
    }

    .not-live-cntnr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
    }
    .react-ad{
        width: 100%;
        text-align: center;
    }
    .not-live{
        text-align: center;
        width: 100%;
        display: block;
    }
}

/* ////////////////////////// */
@media (max-width: 1199px) {
    .mobile-hidden {
        display: none !important;
    }

    .msg-col_div_2_parent .global_para {
        width: 250px;
    }
}

@media (max-width: 600px) {
    :root {
        --heading-font-s: 18px;
        --text-font-s: 14px;
        --border: 1px solid var(--primary-color);
        --box-padding: 6px;
    }

    .need-help-cntnr .need-help-mob {
        gap: 20px;
    }

    .crown-sec p {
        font-size: 14px;
    }

    .userDashboard .RoomWantedPremium .room_wanted_hot-icon {
        width: 20%;
    }

    .profileUserImage_col .profileChangeDiv {
        height: 25px;
        width: 25px;
    }

    .profileUserImage_col .profileChangeDiv .profileChangeChild {
        position: absolute;
        width: 100px;
    }

    .profileUserImage_col .profileChangeDiv .fa-pen-to-square {
        font-size: 12px;
        margin-left: 2px;
    }

    .myMessages_top_bar {
        gap: 1rem !important;
    }

    .myMessages_col-3_div-3 i {
        position: absolute;
        top: 30%;
        right: 2%;
        color: var(--secondary-color);
    }

    .circle {
        font-size: 6px;
    }

    .save_icon {
        color: var(--blue-color);
        font-size: 1rem;
    }

    .profileUserImage_col_div-2 .profileGenderDiv {
        border: var(--border);
        padding: 0px 4px;
        border-radius: var(--border_radius);
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .page_tabs {
        border-radius: 3px;
        padding: 4px 20px;
    }

    .pageContent_col {
        padding-right: 0.75rem !important;
    }

    /* .sidebar_userName {
        font-size: 12px;
    } */

    .page_content_div {
        /* margin-top: 10px;
        border: var(--border);
        border-radius: var(--border_radius); */
        padding: 2px;
    }

    .myAds_page .myAds_page_img {
        /* width: 100%;
        height: 100%;
        border-radius: var(--border_radius);
        margin-bottom: 10px; */
    }

    .myAds_page_content_div_child-3 {
        display: block;
    }

    .myAds_page_content_div_child-3 .span-1 {
        margin-top: 10px;
        display: flex;
        gap: 0.1rem;
        text-transform: capitalize;
    }

    .myAds_page_content_div_child-5_child {
        gap: 0.5rem !important;
    }

    .myAds_page_content_div_child-5 .span-1 {
        color: var(--primary-color);
        background: none;
        text-decoration: underline;
        color: var(--secondary-color);
        font-size: var(--text-font-s);
        font-weight: var(--text-font-w);
        padding: 0;
        border-radius: var(--border_radius);
        background-repeat: no-repeat;
        height: fit-content;
        width: fit-content;
    }

    .myAds_page_content_div_child-5 a {
        /* margin-top: .45rem; */
    }

    .myAds_page_content_div_child-7 {
        margin-top: 0px;
        padding-top: 10px;
        display: block;
        justify-content: space-between;
        align-items: center;
    }

    .myAds_page_content_div_child-7 .span-1 {
        color: var(--primary-color);
        background: none;
        text-decoration: underline;
        color: var(--secondary-color);
        font-size: var(--text-font-s);
        font-weight: var(--text-font-w);
        padding: 0;
        border-radius: var(--border_radius);
        background-repeat: no-repeat;
        height: fit-content;
        width: fit-content;
        margin-bottom: 10px;
    }

    .myAds_page_content_div_child-7-1 {
        justify-content: space-between;
    }

    /* BuddyUps */
    .buddyUps_col_1 {
        /* padding: 0; */
        padding-top: 8px;
        gap: 0.5rem !important;
    }

    .buddyUps_user_img {
        font-size: 2rem;
        color: var(--dark-gray);
    }

    .buddyUps_col-2 {
        flex-direction: row !important;
        justify-content: start !important;
        gap: 0.55rem;
    }

    .buddyUps_btn {
        width: 90px;
        padding: 4px 2px;
    }

    .whoIsInterested .buddyUps_col-2 .buddyUps_btn {
        width: 130px;
    }

    .location_span {
        font-size: 6px;
    }

    /* Edit Profile */
    .profileUserImage {
        width: 80px;
        height: 80px;
    }

    .profileUserImage_col label {
        font-size: 10px !important;
        padding: 3px 4px 3px 6px;
    }

    .editProfile .editProfile_btn {
        padding: 4px 8px;
    }

    .profileUserImage_col_div-2 .profileGenderDiv i {
        font-size: 8px;
    }

    /* .profileUserImage_col_div-2 .profileGenderDiv {
        padding: 0 4px 2px 4px;
    } */

    .profileUserImage_col_div-2 {
        gap: 0.5rem;
    }

    .msg-col_div_2_parent .global_para {
        width: 150px !important;
    }

    .messageUser_img {
        height: 40px;
        width: 40px;
    }

    .msg-col_div_2_parent {
        height: 110px;
    }

    .msg-col_2_div_2 {
        margin-top: var(--box-mt);
        height: 100px;
        overflow-y: scroll;
    }

    .myAds_page .RoomList .myAds_page_content_div_child-7 {
        padding: 0 20px 10px 20px;
    }

    .myMessages_col-3_div-3 .sendIcon {
        top: -6px;
    }
}

@media (max-width: 691px) {
    .primeMemberBox .crown {
        width: 55px;
    }

    .myContainer {
        padding: 3% 1.5% 3% 2.35%;
    }

    .chat_tab_main .chat_name span {
        width: 80%;
    }
}

@media(max-width: 1176px) {
    .myAds_btn-area-new {
        display: block;
    }
}

/* //////////////////// */
@media (max-width: 576px) {
    .userDashboard .RoomWantedList {
        /* overflow: hidden; */
    }

    .pw-cntnr button {
        padding: 8px 8px !important;
        font-size: 12px !important;
        width: auto;
    }

    .userDashboard .RoomWantedList {
        padding: 10px 18px 10px 8px;
    }

    .userDashboard .RoomWantedList_div_5 .room_listing_bottom_icons_div {
        right: 0 !important;
    }

    .msg-col_2 {
        height: fit-content;
    }

    .pageContent_col button {
        margin: 6px 0 6px 6px;
        /* width: 46%; */
        padding: 6px 0;
    }

    .archiveAds_priceBTN button {
        padding: 8px 10px;
        font-size: 14px !important;
    }

    .bottom-sep .btn-area-new button {
        margin: 0;
    }

    .btn-area-new {
        justify-content: flex-end;
        margin-top: -3px;
    }
    .myAds_amenities_div{
        margin-top: 0px;
    }

    .pageContent_bar_div {
        margin-bottom: 6px;
    }

    .myContainer {
        padding: 3% 1.5% 3% 4%;
    }

    .upgrdBtn {
        padding: 8px 120px;
        width: 130px !important;
    }

    .ads-container_col {
        padding-right: 0;
    }

    .ads-container_col:not(:first-child) {
        padding-left: 0;
    }

    .msg-col_2 {
        padding-left: 0;
        /* margin-top: var(--box-mt); */
    }

    .ads_div-2 i,
    .ads_div-2 span {
        margin-top: 10px;
    }

    .bottom-sep {
        display: block;
        padding-top: 12px !important;
    }

    /* .approval-divSavedAds .hotAdImg {
        left: -2%;
    } */
}

@media (max-width: 422px) {
    .welComeDiv {
        align-items: center;
    }

    .welComeDiv .div_1 {
        font-size: 14px;
    }

    .myContainer {
        padding: 3% 1.5% 3% 4.4%;
    }

    .msg-col_div_2_parent .global_para {
        width: 100px !important;
    }
}

@media (max-width: 376px) {
    .subDiv .div_1 {
        font-size: 12px;
    }

    .welComeDiv .div_1 {
        font-size: 12px;
    }

    .myContainer {
        padding:0px 20px;
    }

    .chat_tab_main .chat_name span {
        width: 100px !important;
    }
}

/* ////////////////////// */
@media (max-width: 1200px) {
    .sidebar_btn_div {
        width: 90%;
        margin: auto;
    }

    .msg-col_div_2 .span-2,
    .msg-col_div_2 .span-3 {
        width: 200px;
    }
}

.goBackAnother {
    display: none !important;
}

/* sidebar responsive */
@media (min-width: 768px) {
    .mobile_sidebar_main {
        display: none;
    }

    .room-wanted-ads .room-count {
        font-size: 12px;
    }

    .room-wanted-ads h4 {
        font-size: 12px;
    }

    .mobile_sidebar_main a {
        border-bottom: solid 1px rgba(47, 63, 82, 1);
    }

    .show_mobile {
        display: none;
    }
}

@media (max-width: 768px) {
    .saved-ads-sec .pw-cntnr{
        margin-top: 10px;
        justify-content: end;
        width: 100%;
    }
    .pw-cntnr .saveIcon p{
        font-size: 12px;
    }
    #nearbyareas{
        display: none !important;
    }
    .chat_tab_main {
        justify-content: flex-start;
        gap: 15px;
    }
    .MaiFilter_tabs span{
        font-size: 13px;
    }

    .responsive_archive_wifi {
        flex-direction: column;
    }

    .cancel_profile-mob {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .myMessages_col-3_div-3 .sendInput,
    .msg-col_div_1 input {
        height: 42px;
        border-radius: 11px;
        font-size: 13px;
        padding-left: 15px;
        margin-top: 22px;
    }

    .myMessages_col-3_div-3 .sendInput,
    .msg-col_div_1 input::placeholder {
        font-size: 13px;
    }

    .myMessages_col-2 {
        padding-top: 0;
    }

    .myMessages_col-3 {
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 1;
        left: -100%;
        width: 100%;
    }

    .profile-mobile-inner {
        padding-top: 48px;
        width: 90%;
        margin: auto;
    }

    .profile-mobile-inner .profile_avtar_img {
        text-align: center;
    }

    .userDashboard .sidebar_bar {
        z-index: 1;
    }

    .profile-name-mobile h3 {
        font-size: 16px;
        color: rgba(6, 28, 61, 1);
        font-weight: 600;
    }

    .profile-name-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 10px;
    }

    .member_since_mobile label {
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: 11px;
        color: rgba(6, 28, 61, 1);
        margin-bottom: 5px;
    }

    .profile_logout_mobile {
        margin-top: 40px;
    }

    .profile_logout_mobile button {
        width: 100%;
        height: 30px;
        color: rgba(255, 255, 255, 1);
        font-weight: 600;
        font-size: 9px;
        border-radius: 7px;
        background-color: rgba(47, 63, 82, 1);
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin: 0;
    }

    .grey_circle_profile {
        width: 27px;
        height: 27px;
        background-color: rgba(243, 244, 246, 1);
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .grey_circle_profile i {
        font-size: 13px;
    }

    .profile_sec_mobile_new {
        box-shadow: 20px 31.463319778442383px 42.93000030517578px -11.798744201660156px rgba(47, 63, 82, 0.3);
        border: solid 1px rgba(47, 63, 82, 0.3);
        border-radius: 0px 8px 8px 0px;
        width: 249px;
        height: 100vh;
        position: absolute;
        background-color: #fff;
        top: 0;
        left: -249px;
        z-index: 2;
    }

    .myMessages_col-3 .blankScreen {
        background-color: #fff;
        height: 100vh;
    }

    button.save_btn_edit {
        width: 108px;
        font-size: 11px;
        height: 33px;
    }

    button.save_btn_edit {
        margin: 35px auto 0px auto;
    }

    .upload_img_cntnr h3 {
        font-size: 11px;
    }

    .file .value,
    .file .bt-value {
        font-size: 8px;
    }

    .edit_modal_strip,
    .phone_edit_num p {
        font-size: 10px !important;
    }

    button.modify_btn {
        width: 35px;
        height: 15px;
        font-size: 7px;
        font-size: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .describe_yourself_cntnr h3,
    .property_size_type label {
        font-size: 11px;
    }

    .property_detail_sec_edit_h3 {
        font-size: 16px;
    }

    .describe_yourself_cntnr h3.edit_head_h3 {
        font-size: 11px;
    }

    .property_size_type,
    .phone_edit_num {
        margin-top: 10px;
    }

    .describe_yourself_cntnr_main {
        width: 90%;
    }

        .describe_yourself_cntnr {
            margin-top: 18px;
        }

    .describe_yourself_cntnr_main {
        margin-top: 25px;
    }

    .button_cntnr_edit_modal {
        margin-top: 10px;
    }

    .button_cntnr_edit_modal button {
        width: 84px;
        height: 29px;
        border-radius: 19px;
        font-size: 8px;
    }

    .sidebar_userImg {
        width: 90px !important;
        height: 90px !important;
        border-radius: 2px !important;
    }

    .sidebar_userName {
        font-size: 15px;
        margin-top: 10px;
        display: block;
    }

    .who_interested .referenece-id,
    .who_interested .room_count {
        font-size: 11px;
    }

    .interested_btn_cntnr img {
        /* width: 8px; */
        display: none;
    }

    .interested_btn_cntnr button:nth-child(3) {
        font-size: 7px;
        /* width: 65px;
        height: 15px; */
    }

    .interested_btn_cntnr button {
        /* font-size: 6px; */
        /* width: 52px;
        height: 15px; */
        margin: 0px 0px 12px;
        width: 100%;
    }

    .full_width_mobile {
        width: 100%;
        margin-top: 0;
        padding-top: 0 !important;
        border-top: 0;
    }

    .responsive_archive_wifi .not-live-cntnr {
        width: 100%;
        justify-content: space-between;
    }

    .room-wanted-ads .bottom-sep h3,
    .left-day {
        /* font-size: 11px; */
    }
}

.post-btn button {
    /* padding: 8px 21px; */
    border-radius: 10px;
    /* background: var(--secondary-color); */
    background: none;
    border: none;
    color: var(--primary-color);
    text-align: center;
    font-family: Roboto;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    line-height: normal;
}

@media (max-width: 767px) {
    .email-box .rooms_email {
        font-size: 13px;
    }

    .myMessages_col-2 .nav-tabs .nav-link {
        font-size: 12px;
    }

    .email-alert .remove_btn {
        font-size: 9px;
        width: 60px;
        height: 21px;
    }

    .remove_btn img {
        width: 11px;
    }

    .ribbon-email img {
        width: 15px;
    }

    .ribbon-email {
        gap: 5px;
    }

    .email-alert .email-box {
        padding: 10px 20px;
    }

    .saved-ads-sec h3 span {
        font-size: 18px;
    }

    .inner {
        gap: 0px;
    }

    .who_interested .sidebar_userImg_div {
        justify-content: start;
        align-items: start;
        width: 100%;
    }


    .profile-name {
        text-align: left;
    }
    .who_interested .interested_btn_cntnr{
        width: 100%;
        align-items: inherit;
        margin-top: 10px;
    }

    .who_interested .sidebar_col-1 {
        display: block;
        padding: 10px 10px 10px 10px;
    }

    .archive-ads .bottom-sep h3 {
        text-align: right;
        margin-bottom: 10px;
    }

    .bdr-orange.saved-ads-sec_mobile {
        background-color: #fffbf3 !important;
        border: 1px solid #ffb30f !important;
    }

    .angel-text {
        font-size: 12px;
    }

    .saved-ads-sec .new-catle-text {
        font-size: 13px;
    }

    .new-today {
        font-size: 11px;
    }

    .room-wanted-ads .room-count,
    .saved-ads-sec .available-room,
    .saved-ads-sec .week-text {
        font-size: 12px;
    }

    .saved-ads-sec .pw-cntnr button {
        font-size: 11px;
    }

    .saved-ads-sec .pw-cntnr button {
        /* width: 96px;
        height: 22px; */
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .live-cntnr h3 {
        font-size: 11px !important;
    }

    .elepsis_css,
    .elepsis_css a {
        white-space: inherit;
        width: 100%;
        display: inline-block;
        overflow: inherit;
        text-overflow: inherit;
    }

    /*side bar in mobile start*/
    .hide_mobile {
        display: none;
    }

    .live_ad_cntnr {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        padding: 0px 10px;
    }

    .live-cntnr {
        gap: 10px;
        /* justify-content: space-between; */
    }

    .paging-count {
        font-size: 11px;
    }

    .lft-arrow,
    .right-arrow {
        width: 23px;
        height: 19px;
    }

    .showing-txt {
        font-size: 8px;
    }

    .ad_margin {
        margin-bottom: 15px;
    }

    .live_ad_cntnr .live_ad {
        color: rgba(51, 208, 37, 1);
        font-weight: 500;
        font-size: 11px;
    }

    .live_ad_cntnr .day_left_ad {
        color: rgba(47, 63, 82, 1);
        font-weight: 500;
        font-size: 11px;
    }

    #sidebar {
        display: none;
    }

    .userDashboard .sidebar_bar {
        display: block !important;
    }

    .mobile_sidebar_main span {
        font-weight: 400;
        font-size: 16px;
        color: rgba(8, 8, 8, 1);
    }

    .mobile_sidebar_main {
        width: 90%;
        margin: 20px auto 20px auto;
    }

    .mobile_sidebar_main a {
        padding: 20px 0px;
        display: flex;
        gap: 10px;
    }

    .mobile_sidebar_main .seprtaion {
        border-bottom: solid 1px rgba(47, 63, 82, 1);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .chevrol-right-arrow-side-bar {
        padding-right: 15px;
    }

    .myContainer {
        background: #fbfbfc;
    }

    /*side bar in mobile end*/
    /*profile page in mobile start*/
    .sidebar_col-1 {
        display: none;
    }

    .ads-card-container .cards h3 {
        display: flex;
        align-items: center;
    }

    .need-help-mob-number {
        font-size: 11px;
    }

    .benefit-section.need-help-cntnr {
        margin-bottom: 15px;
    }

    .need-help-mob-number img {
        width: 14px;
    }

    .delete-inner h3 {
        font-size: 14px;
    }

    .delete-inner button {
        width: 70px;
        border: solid 1px rgba(255, 0, 0, 0.5);
        background-color: rgba(255, 0, 0, 0.1);
        color: rgba(255, 0, 0, 1);
        width: 70px;
        font-size: 10px;
        height: 24px;
    }

    .delete-inner button img {
        width: 13px;
    }

    .archive-cntnr {
        gap: 100px !important;
        justify-content: left !important;
    }

    .needhelp-head h3 {
        font-size: 14px;
    }

    .archive_circle {
        background-color: rgba(84, 141, 236, 1) !important;
        border-radius: 50px;
        width: 10px;
        height: 10px;
    }

    .ads-card-container .cards .active-archive {
        font-size: 10px !important;
    }

    .ads-card-container .cards h3 {
        font-size: 14px;
        justify-content: space-between;
    }

    .ads-container {
        margin-top: 15px;
    }

    .ads-card-container .cards {
        margin-bottom: 15px;
    }

    .benefit-section {
        margin-top: 0;
    }

    .benefit-section ul li {
        gap: 5px;
    }

    .ads-card-container .cards h3 {
        margin-bottom: 0;
    }

    .ads-card-container .cards {
        margin-bottom: 15px !important;
    }

    .ads-card-container .cards {
        border-radius: 7px;
    }

    .ads-card-container .cards {
        border: solid 1px rgba(47, 63, 82, 0.3);
    }

    .approval-img {
        overflow: visible;
    }

    .approval_main {
        overflow: hidden;
    }

    .approval-div h3 {
        overflow: inherit;
        font-size: 14px;
        /* display: flex;
        align-items: center;
        justify-content: space-between; */
    }

    .property-type .type,
    .property-type .type span {
        font-size: 12px;
    }

    .bottom-sep .btn-area-new button {
        /* width: 61px;
        height: 24px;
        border-radius: 24px; */
        /* font-size: 10px; */
    }

    .bottom-sep {
        padding: 0 10px 15px 10px;
    }

    .jksadkajshd {
        margin-top: 6px;
    }

    .btn-area-new {
        /* width: 100%;
        justify-content: space-between; */
    }

    .wifi-tv {
        margin-top: 10px;
        position: relative;
        flex-wrap: wrap;
    }
    .tv-cntnr-inner{
        margin-bottom: 10px;
    }


    .pw-cntnr button {
        /* width: 93px;
        height: 33px;
        font-size: 15px;
        border-radius: 8px; */
    }

    .approval-div p {
        font-size: 12px !important;
    }

    .angel-div {
        font-size: 12px;
    }

    .left-day {
        font-size: 11px;
    }

    .benefit-section ul li {
        font-weight: 500;
        font-size: 10px;
        margin-bottom: 4px;
    }

    .benefit-section {
        padding: 13px 9px;
        border: solid 1px rgba(47, 63, 82, 0.3);
    }

    /* .pageContent_col {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
    } */

    .upgrade-btn button {
        margin-top: 15px !important;
        width: 129px;
        height: 30px;
        border-radius: 6px;
        font-weight: 500;
        font-size: 11px;
        letter-spacing: 1px;
    }

    .upgrade-btn button {
        box-shadow: 3.6000008583068848px 3.6000008583068848px 7.2000017166137695px 0px rgba(255, 179, 15, 0.18);
    }

    .crown-sec p {
        margin-bottom: 0;
    }

    .crown-sec {
        gap: 10px;
    }

    .crown-img img {
        width: 44px;
    }

    h3.my_ad_head {
        font-size: 20px;
        text-align: center;
        margin-bottom: 0px;
    }

    .why-upgrade h3 {
        font-size: 20px !important;
        line-height: 26px;
    }

    .detail_tick_ad .detail_text-ad-tick p {
        font-size: 8px !important;
    }

    .detail_tick_ad {
        padding: 0 !important;
    }

    .free_ad_upgrade,
    .hot_ad {
        font-size: 7px !important;
    }

    .detail_text-ad-tick {
        padding: 10px 0 !important;
    }

    .hot_ad_cntnr ul {
        margin-top: 10px !important;
    }

    .upgrade_mobile_small_cntnr {
        border: solid 1px rgba(210, 210, 210, 1);
        border-radius: 8px;
        padding: 10px;
        justify-content: space-between;
        align-items: center;
        display: flex;
        margin-bottom: 15px;
    }

    .green_small_tray h3 {
        font-weight: 600;
        color: rgba(188, 253, 86, 1);
        font-size: 22px;
    }

    .just_day_mobile {
        font-weight: 400;
        font-size: 10px;
        color: rgba(8, 8, 8, 1);
        margin-bottom: 0;
    }

    .buy_btn_wrap {
        width: 62px;
        height: 17px;
        border-radius: 5px;
        background-color: rgba(188, 253, 86, 1);
        border: 0;
        font-size: 8px;
        color: rgba(41, 55, 80, 1);
        margin-top: 10px;
    }

    .euro_upgrade_mobile {
        font-weight: 700;
        color: rgba(8, 8, 8, 1);
        font-size: 18px;
    }

    .weeks_upgrade_mobile {
        font-weight: 500;
        font-size: 14px;
        color: rgba(8, 8, 8, 1);
        margin-bottom: 4px;
    }

    .dumy_text_tray_upgrade {
        font-weight: 400;
        font-size: 10px;
        color: rgba(8, 8, 8, 1);
        padding-left: 20px;
        line-height: 20px;
    }

    .rent-find h3 {
        font-size: 20px;
    }

    .rent-find p {
        font-size: 12px !important;
    }

    /* .upgrade-traingle{background-image: none !important;} */
    .page_tabs {
        font-size: 14px;
        padding: 5px 5px 0px 0px;
    }

    .page_tabs.active,
    .page_tabs.active:hover {
        color: #000;
        border-bottom: solid 2px #2f3f52;
        border-radius: 0;
    }

    /*profile page in mobile end*/
    .tabLink_div {
        display: block;
    }

    .btn-area-new {
        gap: 10px;
    }
    .bottom-sep .btn-area-new {
        margin-top: 10px;
    }
    .approval-div {
        /* flex-direction: column; */
    }

    .left-space {
        padding-left: 15px;
    }

    .pageContent_col {
        padding-left: 0;
    }

    .goBackAnother {
        display: block !important;
    }

    .sidebar .Xmark {
        display: flex;
        position: absolute;
        top: -6px;
        right: 0;
        color: #fff;
    }

    .sidebar {
        z-index: 10000;
        padding: 10px;
        background: #fff;
        position: fixed;
        height: 100%;
        top: 0;
        left: 0;
        transform: translateX(-150%);
        box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.25);
        padding: 0;
    }

    .sidebar_col-2 {
        border: none;
        padding: 50px 10px 20px 10px !important;
    }

    /* .sidebar_col-2 a:nth-child(1) {
        border-radius: 0 0 0 0;
    } */

    /* .sidebar_col-2 a:last-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: none;
    } */

    .myAds_page .RoomListRight_div-1 span a {
        width: 230px;
    }
}

/* Chat responsive Css */
@media (max-width: 880px) {
    .myMessages_right_row {
        padding-top: 0px;
    }

    /* .usermassagelista .mini-heading {
        font-size: 12px;
    } */

    .messageUser_img {
        width: 45px;
        height: 45px;
    }

    .myMessages_col-2_child .reference_no {
        font-size: 10px;
    }

    .msg-col_div_2 .span-2,
    .msg-col_div_2 .span-3 {
        width: 150px;
        font-size: 12px;
    }

    .myMessages_col-3_div-2 .myMessages_sender {
        width: 300px;
    }

    .myMessages_col-3_div-2 .myMessages_receiver {
        width: 300px;
    }
}

@media (max-width: 768px) {
    .profile_sec_mobile_new {
        display: block;
    }

    .blankScreen {
        display: none !important;
    }

    .chat_blank_screen {
        display: block !important;
    }

    .myMessages_col-3_div-2 {
        /* height: 300px; */
        height: 61vh;
        margin-bottom: 12%;
    }

    .myMessages_col-2_child {
        height: fit-content;
        padding-right: 0;
    }

    .myMessages_col-2_withBorder {
        border-right: none;
    }

    .myMessages_col-3_div-2 .myMessages_sender {
        width: 300px;
    }

    .myMessages_col-3_div-2 .myMessages_receiver {
        width: 300px;
    }

    .myMessages .myMessages_row_1 {
        margin: 0 0 0 -50px !important;
    }

    .approval-divSavedAds {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 767px) {
    .chat_collapse_arrow {
        background-color: rgba(210, 210, 210, 1);
        width: 30px;
        height: 28px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .chat_left_side {
        overflow: hidden;
        overflow-y: scroll;
        height: 80vh;
    }

    .deleteDiv label {
        font-size: 11px;
    }

    .myMessages_col-2 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .deleteDiv {
        margin: 10px 0;
        padding: 0;
        width: 100%;
    }

    .chat_name label {
        font-size: 14px;
    }

    .myMessages .goBackChat {
        display: flex;
        margin-top: -20px;
        margin-bottom: 10px;
    }

    .myMessages .dashboard_boxes {
        padding: auto !important;
        overflow: hidden;
    }

    .myMessages .inActive {
        display: flex !important;
        flex-wrap: wrap;
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }
    .myMessages .inActive .row{
        width: 100%;
        padding: 0px;
        margin: 0px;
    }
    .msg-col_div_1 i{
        top: 55%;
    }

    .myMessages_col-3_div-1 {
        margin-top: 0px;
    }

    .myMessages .myMessages_right_row {
        padding-top: 0;
    }

    .myMessages_col-3_div-2 {
        margin-bottom: 6.2% !important;
    }

    .msg-col_div_2 .span-2,
    .msg-col_div_2 .span-3 {
        width: 300px;
    }

    .myMessages_col-3_div-3 {
        bottom: 0%;
        width: 96.6%;
    }
}

@media (max-width: 691px) {
    .myMessages .myMessages_row_1 {
        margin: 0 10px 0 0 !important;
    }

    .myMessages_col-3_div-2 {
        margin-bottom: 7% !important;
    }
}

@media (max-width: 600px) {
    .myMessages_col-3_div-1 .mini-heading {
        font-size: 14px;
    }

    .btn-area-new {
        gap: 5px;
    }

    .bottom-sep h3 {
        font-size: 13px;
    }

    .editProfile input,
    .editProfile input:focus,
    .editProfile input:hover,
    .editProfile input:active,
    .editProfile select,
    .editProfile textarea,
    .editProfile textarea:active,
    .editProfile textarea:focus {
        border: var(--input-border);
        border-radius: 3px;
        height: 25px;
        width: 100%;
        padding: 0 2px;
        font-size: 12px;
        box-shadow: none;
        color: var(--dark-gray);
    }

    .editProfile textarea,
    .editProfile textarea:active,
    .editProfile textarea:focus {
        height: auto;
    }

    .myMessages_col-3_div-2 {
        /* margin-bottom: 8% !important; */
    }

    .goBackLink .mini-heading {
        font-size: 14px;
    }

    .msg-col_div_2 .span-2,
    .msg-col_div_2 .span-3 {
        width: 300px;
    }

    .myMessages_row_1 .messageUser_img {
        width: 60px;
        height: 60px;
    }

    .myMessages_col-3_div-3 {
        bottom: 0%;
        width: 95.5%;
    }

    .myMessages_col-3_div-3 i {
        top: 4px;
    }

    .myMessages .goBackChat {
        display: flex;
        margin-top: -10px;
        margin-bottom: 10px;
    }

    .chat_tab_main .chat_name span {
        width: 150px;
    }
}

@media (max-width: 577px) {
    .myMessages_col-3_div-3 i {
        top: -3px;
    }
}

@media (max-width: 480px) {
    .myMessages_col-3_div-3 {
        bottom: 0%;
        width: 94%;
    }

    .msg-col_div_2 .span-2,
    .msg-col_div_2 .span-3 {
        width: 200px;
    }

    .myMessages .myMessages_row_1 {
        margin: 0 -15px 0 -26px !important;
    }

    .myMessages_row_1 .dashboard_boxes {
        border: none;
    }

    .myMessages_col-3_div-3 .sendIcon {
        right: -3%;
    }
}

/* new multiImage uploader */
.myAds_page .imageMulti {
    border-radius: 4px;
    border: 1.4px solid var(--primary-color) !important;
    padding: 10px 0px 0 24px !important;
    /* margin-bottom: 10px !important; */
}

.myAds_page .RReditAdModal .imageMulti {
    margin-top: 5.5rem !important;
}

.imageMulti .imageThumbnail {
    border: 1px dashed #bfbfbf !important;
    border-radius: 4px;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.imageMulti .imageThumbnail:hover {
    background: rgb(247, 247, 247) !important;
}

.imageMulti .addBtn,
.imageMulti .addBtn:focus {
    border: 1px solid #bfbfbf !important;
    background: var(--white-color);
    width: fit-content;
    padding: 2px 8px;
    font-size: 13px;
    font-weight: 500;
    color: #bfbfbf;
    /* opacity: .8; */
    border-radius: 3px;
    gap: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

.imageMulti .addBtn:hover {
    box-shadow: 0 0 10px -6px rgba(0, 0, 0, 1);
}

.imageMulti .modifyImg {
    width: 20px;
}

.imageMulti .modifyImg1 {
    width: 18px;
}

@media (max-width: 600px) {

    .myAds_page .imageMulti,
    .roomWantedAdStep3 .imageMulti {
        padding: 10px 0 10px 16px !important;
    }

    .userDashboard .room_wanted_hot-icon {
        /* width: 20% !important;
        z-index: 100000; */
    }
}

@media (max-width: 680px) {
    .editModal .modal-content {
        min-width: 400px;
        margin: auto;
    }
}

@media (max-width: 380px) {
    .editModal .modal-content {
        min-width: 340px;
        margin: auto;
    }
}

@media (max-width: 437px) {
    .myAds_page .RoomListRight_div-1 span a {
        width: 200px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 600px) {
    .sidebar_col-2 {
        padding: 20px 10px;
    }

    .sidebar_col-2 a {
        gap: 5px;
    }
}

@media (max-width: 1051px) {
    .sidebar_col-1 {
        padding-right: 10px;
    }
}

@media (max-width: 1024px) {
    .edit-div {
        position: absolute;
        right: 20px;
    }
}

@media (max-width: 870px) {
    .sidebar_userImg {
        width: 100%;
        height: auto;
    }

    .who_interested .sidebar_userImg {
        width: 100% !important;
        height: auto !important;
    }
}

@media (max-width: 500px) {
    /* .inner {
        flex-direction: column;
    } */

    .sidebar_userDetails {
        flex-direction: column;
    }

    .member-div {
        justify-content: center;
    }
}

@media (max-width: 1199px) {
    .ads-card-container .cards .active-archive {
        gap: 6px;
        font-size: 14px;
    }

    .ads-card-container .cards {
        padding: 15px;
    }

    .archive-cntnr {
        gap: inherit;
        justify-content: space-between;
    }
}

@media (max-width: 992px) {
    .ads-card-container .cards {
        margin-bottom: 20px;
    }
}

label.custom_file_uploader {
    border: solid 1px rgba(210, 210, 210, 1);
    border-radius: 3px;
    font-weight: 400;
    font-size: 13px;
    color: rgba(51, 51, 51, 1);
    width: 130px;
    padding: 8px;
    margin: 0px;
    display: block;
    margin-top: 15px;
    background-color: #f0f0f0;
    text-align: center;
}

/* The container */

.button_new {
    float: left;
    margin: 0 5px 0 0;
    width: 190px;
    height: 44px;
    position: relative;
    background: rgba(245, 244, 248, 1);
    border-radius: 28px;
    font-weight: 500;
    font-size: 12px;
    color: rgba(37, 43, 92, 1);
}

.roomDetails {}

.button_new label,
.button_new input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.button_new input[type="radio"] {
    opacity: 0.011;
    z-index: 100;
}

.button_new input[type="radio"]:checked+label {
    background: rgba(47, 63, 82, 1);
    border-radius: 28px;
    color:#fff;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button_new label {
    cursor: pointer;
    z-index: 90;
    line-height: 1.8em;
    font-weight: 500;
    font-size: 12px;
    color: rgba(37, 43, 92, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}
._text_flex {
    display: flex;
    width: 100%;
}
._text_flex .property-type{
gap:0px !important;
}
._text_flex p{
    margin-right: 10px;
    font-size: 14px !important;
    margin-bottom: 0px !important;
}
._text_flex .property-type .type{
    margin-right: 10px;
}

.week-text{
    color: red;
    }

/* #myModal_new {
    display: block !important;
} */

/* .modal.upgrade_calc_modal{
    display: block;
} */


/* .button_new input[type="radio"]:checked+label {
    background: rgba(47, 63, 82, 1);
    border-radius: 28px;
    color: rgba(188, 253, 86, 1);
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
} */

input[name="desc_youself"]+label.active {
    background: rgba(47, 63, 82, 1);
    border-radius: 28px;
    color: rgba(188, 253, 86, 1);
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width:1200px){
    .property-type .type span{
        display: block;
    }
}
@media(max-width:768px){
    .inner{
        flex-wrap: wrap;
    }
    .bottom-sep .btn-area-new button{
        padding: 8px 10px;
        display: inline-flex;
        align-items: center;
        width: 27%;
        justify-content: center;
    }
    .btn-area-new form{
        width: 27%;
    }
    .btn-area-new .gap-3{
        gap: 5px !important;
    }
    .bottom-sep .btn-area-new button a{
        font-size: 11px;
    }
    .bottom-sep .btn-area-new button{
        font-size: 11px;
        height: 28px;
        padding: 0px 5px;
    }
    .align-items-baseline{
        position: relative;
    }
    .post-btn button{
        position: absolute;
        font-size: 13px;
        white-space: nowrap;
        top: 18px;
        right: 0px;
    }
    .formLabel{
        font-size: 14px !important;
    }
    .button_cntnr_edit_modal{
        flex-wrap: wrap;
        gap:10px;
    }
    .who_searching_html .d-flex{
        flex-wrap: wrap;
    }
}

 /* BR payment modal */
.mpackagemodal {
    font-size: small;
}

.upgradePage_col-3 .pay_button_paypal {
    color: #FFF;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    margin: auto;
    border-radius: 4px;
    padding: 6px 14px;
    margin-top: 10px;
    justify-content: center;
}

.pay_icons_div_2 {
    padding: 6px 0;
}

.pay_icons_div, .pay_icons_div_2 {
    background: #FFF;
    border: 1px solid #e1e1e1;
    text-align: center;
    padding: 6px 0 8.65px 0;
    margin-top: 10px;
    cursor: pointer;
    border-radius: 4px;
}

.upgradePage_col-3 .pay_icons-1 {
    width: 70px !important;
    height: 21px;
}

.pay_icons_div i {
    font-size: 18px;
    color: #2d49a5;

}
.upgradePage_col-3 .poweredByPayPal {
    width: 80px;
}

.upgradePage_col-3 .pay_icons {
    width: 40px !important;
    height: 15px;
    cursor: pointer;
}

.greating-container-br {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.greating-container-br .greating-container{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid #c2c2c2;
    padding: 16px 32px;
}

.greating-container-br .greating-container img{
    width: 60px;
    height: 60px;
}
@import url("https://fonts.cdnfonts.com/css/red-hat-display");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

body {
  font-family: "Red Hat Display", sans-serif;
}

/* Global **************************************************** */
.container-inside {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.header-container {
  max-width: 1775px;
  width: 100%;
  margin: 0 auto;
}

/* p {
  margin: 0px;
} */
/*
.heading1 {
      font-family: "Red Hat Display", sans-serif;
    font-size: clamp(3rem, 1.2813rem + 5.5vw, 4.375rem);
font-weight: 900;
    color: #ffffff;
    text-align: center;
    padding: 30px;
    font-size: 45px;
    padding-top: 20px;
} */
a.logo {
  width: 135px;
}

.heading2 {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 900;
  font-style: Black;
  font-size: 54px;
}

/* Top Bar */
.top-bar {
  font-size: 14px;
  /* background-color: #1a1a1a; */
}

.top-bar.py-2.text-white.top-nav {
  border-radius: 0px 0px 20px 20px;
  background: #293750;
  padding-left: 20px;
  padding-right: 20px;
}

.top-bar .social-icons a {
  color: white;
  transition: color 0.2s ease;
}


.wraping {
  position: relative;
}

.combo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

img.header_bg {
  width: 100%;
  height: 140px;
}

.gap-5 {
  gap: 4rem !important;
}


.combo {
  padding: 0px 30px;
}

.full-container {
  display: flex;
  width: 100%;
}

.full-container {
  padding: 0px 20px;
  padding-top: 24px !important;
}

/* .text_light_nav > li > a {
  color: #fff;
  font-family: "Red Hat Display", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
}
ul.navbar-nav {
  gap: 18px;
}

ul.navbar-nav > li {
  display: flex;
  align-items: center;
}
  */

.nav-new>li>.cta {
  border-radius: 30px;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  padding: 10px 25px;
  background: rgb(135, 219, 0) !important;
  color: rgb(255, 255, 255) !important;
  font-family: "Open Sans" !important;
}

.mobile-menu>ul>li>.cta {
  border-radius: 30px;
  background: #87db00 !important;
  color: #fff !important;
  font-family: "Open Sans" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: 2.55px; */
  text-transform: uppercase;
  padding: 10px 20px;
}

/* nav ******************************************** */
.nav-new {
  margin-bottom: 0;
}

.nav-new li {
  display: inline-block;
  margin-left: 7px;
}

.top-bar .container-inside {
  display: flex;
  justify-content: flex-end;
  /* align to right */
  align-items: center;
}

.main_header_container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.nav-new li a {
  color: #fff;
  font-family: "Red Hat Display", sans-serif;
  font-size: 18px;
  font-style: normal;
  text-transform: capitalize;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  display: inline-block;
  margin-left: 25px;
}

.nav-new li a::after {
  content: "";
  width: 0%;
  height: 2px;
  background-color: #87db00;
  display: block;
  position: relative;
  top: 10px;
  margin: 0px auto;
  transition: 300ms cubic-bezier(0, 1.46, 0.48, -0.13);
}

.nav-new li a:hover::after {
  width: 100%;
}

.nav-new li a:hover {
  color: #87db00;
}

.top-bar .social-icons a:hover {
  color: #1bb087;
}

.top-navbar {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* mobile-menu ************************* */

.mobile-menu {
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 50;
  background-color: #293750;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  transition: all 300ms ease-in-out;
}

.mobile-menu.show {
  opacity: 0.96;
  visibility: visible;
}

.mobile-menu>ul {
  list-style: none;
}

#mobile-close-btn {
  top: 40px;
  right: 40px;
}

.mobile-menu>ul>li {
  margin: 20px;
  text-align: center;
}

.mobile-menu>ul>li>a {
  font-family: var(--font3);
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}

.top-bar {
  background-color: #2e3a52;
  color: white;
  font-size: 0.875rem;
  display: flex;
  justify-content: flex-end;
  padding: 0.25rem 1rem;
  align-items: center;
}

.top-bar a {
  color: white;
  text-decoration: none;
  margin-left: 1rem;
}

/* .navbar {
  background-color: #f4f2ec;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  flex-wrap: wrap;
  z-index: 9999999;
} */

.logo {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2e3a52;
  display: flex;
  align-items: center;
}

.logo img {
  margin-left: 5px;
  width: 110px;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.nav-links a {
  text-decoration: none;
  color: #2e3a52;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

button a {
    text-decoration: none;
}

button.post-ad {
  border-radius: 5px;
  border: 1px solid #7f7d79		;
  background: #7f7d79		;
  color: #ffffff;
  text-align: center;
  font-size: 13px;
}

button.login {
  border-radius: 5px;
  background: #2E3A52;
  font-size: 13px;
}

button.signup {
  border-radius: 5px;
  /* background: #001b69; */
  font-size: 13px;
}

button.signup a,
button.login a,
button.post-ad a {
  color: #ffffff;
  text-decoration: none;
}

.nav-actions button {
  margin-left: 10px;
  padding: 5px 12px;
  border: none;
  cursor: pointer;
  font-weight: 600;
}

.post-ad {
  border: 1px solid #2e3a52;
  background: white;
  color: #2e3a52;
}

.login {
  background: #3c3c3c;
  color: white;
}

.signup {
  background: #2e3a52;
  color: white;
}

.hamburger {
  display: none;
  flex-direction: column;
  cursor: pointer;
}

.hamburger div {
  width: 25px;
  height: 3px;
  background-color: #2e3a52;
  margin: 4px 0;
}

/* Fix alignment of top-bar and nav */
.top-bar .container-inside,
.navbar .container-inside {
  /* display: flex
;
    justify-content: end;
    align-items: center; */
  flex-wrap: wrap;
}

/* .logo\+nav {
    width: 100%;
} */
/* Improve nav layout */
.bottom-navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* Proper wrapping for mobile view */
@media (max-width: 1024px) {
  .bottom-navbar {
    /* flex-direction: row; */
    justify-content: space-between;
    /* align-items: center; */
    flex-direction: column;
    align-items: flex-start;
  }
.text-end.for-gap {
    margin-top: 32px;
}
  .logo-nav {
    width: 100%;
  }


  .mobile-menu-toggle {
    display: flex;
    align-items: center;
    gap: 1rem;
  }

  .nav-links,
  .nav-actions {
    display: none;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
    margin-top: 1rem;
  }

  .nav-links.active,
  .nav-actions.active {
    display: flex;
  }

  .hamburger {
    display: flex;
    margin-left: auto;
  }

  .nav-actions button {
    width: 50%;
    font-size: 14px;
    padding: 5px 12px;
    margin-bottom: 10px;
    text-align: center;
  }

  .nav-actions {
    align-items: center;
  }
}

@media (max-width: 768px) {


  .nav-links,
  .nav-actions {
    width: 100%;
    display: none;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
  }

  .nav-links.active,
  .nav-actions.active {
    display: flex;
  }

  .nav-actions button {
    width: 100%;
    text-align: left;
    margin: 0;
  }

  .nav-links a {
    padding: 0.5rem 0;
  }

  .hamburger {
    display: flex;
    margin-left: auto;
  }

  .nav-actions button {
    width: 35%;
    font-size: 14px;
    padding: 5px 12px;
    margin-bottom: 10px;
    text-align: center;
  }

  .nav-actions {
    align-items: center;
  }
}

/* banner content  */
.main_hero {
  background-image: url("./img/final-header.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 480px;
}

.banner-content {
  position: absolute;
  top: 150%;
  left: 0;
  width: 100%;
  color: #000;
}

.banner-content .text-box {
  /* max-width: 1140px; */
  /* margin: 0 auto; */
  padding: 0 15px;
}

/* .banner-content h1 {
  color: #262626;
  font-family: "Red Hat Display";
  font-size: 55px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -1.415px;
} */

.cribo-highlight {
  color: #87db00;
  font-family: "Red Hat Display";
  font-size: 65px;
  font-style: normal;
  font-weight: 900;
  line-height: 90.895px;
  letter-spacing: -1.415px;
}

.banner-content p {
  color: #383e3e;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.stats {
  display: flex;
  gap: 50px;
  margin-top: 30px;
  font-size: 16px;
  color: #222;
}

.stats div {
  text-align: left;
}

.user-count>strong {
  color: #262626;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
}

h4.user-count {
  color: #485353;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

/* uk's leading flatshare website */

.container-inside.for-search {
  max-width: 750px !important;
}

.search-panel {
  position: relative;
  margin-top: -185px;
  z-index: 2;
}

.search-box {
  padding: 10px 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  text-align: center;
  border-radius: 20px;
      border: 4px solid rgba(188, 253, 86, 1);
  background: rgb(255 255 255)
}

.search-box.width-100 {
  width: 100%;
  max-width: 100% !important;
}

.dual-cta-container.width-100 {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.search-box .title {
  color: #262626;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -1.415px;
}

.search-box .subtitle {
  margin-bottom: 20px;
  margin-top: 15px;
  color: #717d7d;
  font-size: 19px;
  line-height: 1;
}

.search-bar {
  overflow: hidden;
  border-radius: var(--Border-Radius-border-radius, 8px);
  border: 3px solid #2d231a;
  background: #fff;
  box-shadow: 0px 8px 32px -4px rgba(103, 111, 123, 0.1);
}

.search-bar .search-icon {
  padding: 10px 15px;
  color: #555;
  align-self: center;
}

.search-icon-wrapper svg {
  width: 28px;
  height: 28px;
  /* fill: #293750; */
  align-self: center;
  /* padding-left: 10px; */
  margin-left: 10px;
  margin-right: 10px;
}

.search-bar input {
  border: none;
  outline: none;
  flex: 1;
  padding: 12px;
  color: #aeaeae;
  font-size: 16px;
}

.search-btn {
  color: #fff;
  border: none;
  padding: 12px 25px;
  border-radius: 0px 6px 6px 0px;
  background: #c799ff;
}

button.btn.search-btn:hover {
  background: #9d53f7;
  color: #fff;
}

.options img {
  height: 30px;
  margin-bottom: 10px;
}

.options .btn {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 14px !important;
  padding: 0px 8px;
  font-weight: 500;
}

.options .btn.active {
  background: #1e2b4b;
  color: #fff;
  border-color: #1e2b4b;
}

.form-control {
  max-width: 100%;
}

input.form-control:focus {
  border-color: transparent !important;
  background-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* two boxes css */

.dual-cta-container {
  padding-top: 40px;
  padding-bottom: 40px;
  /* margin-left: 80px;
  margin-right: 80px; */
}

.cta-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 20px;
  border: 4px solid #2d231a;
  background: rgba(219, 214, 203, 0.3);
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.cta-card:hover {
  border-color: #013531;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

h3.left-card-text {
  color: #010101;
  text-align: right;
  font-family: "Red Hat Display";
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}

h3.right-card-text {
  text-align: left;
  color: #010101;
  text-align: left;
  font-family: "Red Hat Display";
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}

p.left-sub-text {
  color: rgba(64, 64, 64, 0.8);
  text-align: right;
  font-size: 16px;
  font-style: normal;
  line-height: 1.5;
}

p.right-sub-text {
  color: rgba(64, 64, 64, 0.8);
  text-align: left;
  font-size: 16px;
  font-style: normal;
  line-height: 1.5;
}

.cta-card {
  background: rgba(219, 214, 203, 0.3);
  border: 4px solid #2d231a;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  padding-bottom: 35px;
  /* space for image */
}

.cta-card:hover {
  border-color: #013531;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* CTA images */
.cta-image {
  position: absolute;
  bottom: 10px;
  /* max-height: 150px; */
  object-fit: contain;
  width: 218px;
  height: 180px;
}

.left-img {
  left: -40px;
  bottom: 0px;

}

.right-img {
  right: 0px;
  bottom: -17px;
}



/* search in london css */

.banner-section {
  /* font-family: "Open Sans", sans-serif;
  position: relative;
  height: 210px;
  background-image: url(../assets/img/paris-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white; */
}

.container-inside.for-search-london {
  max-width: 1030px !important;
}


.banner-section>div:first-child {
  font-family: "Open Sans", sans-serif;
  position: relative;
  /* height: 210px; */
  background-image: url(../assets/img/paris-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  padding-top: 50px;
  padding-bottom: 100px;
}

.banner-section>div:nth-child(2) {
  margin-top: -100px;
  z-index: 10;
  position: relative;
}

.banner-overlay {
  /* position: absolute; */
  /* top: 40px; */
  width: 100%;
  text-align: center;
  z-index: 2;
}

.banner-title {
  color: #fff;
  text-align: center;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1.415px;
}

.banner-subtitle {
  font-size: 16px;
  margin-top: 5px;
}

.search-options-box {
  /* position: absolute; */
  gap: 11px;
  /* bottom: -85px; */
  left: 50%;
  /* transform: translateX(-50%); */
  background: #dad2c6;
  border-radius: 12px;
  padding: 26px 38px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 3;
  border-radius: 20px;
  border: 4px solid #2d231a;
  background: linear-gradient(0deg, #dbd6cb 0%, #dbd6cb 100%), #fff;
}

.search-option {
  text-align: center;
}



.search-option .btn:hover {
  background: #293750;
  color: #fff;
}

span.search-icon-wrapper {
  padding: 10px;
}

/* property card css */

.property-section {
  padding: 60px 0 30px 0;
  background: #fff;
  font-family: "Open Sans", sans-serif;
}

.section-title {
  color: #000;
  font-family: "Red Hat Display";
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
}

.section-subtitle {
  margin-top: 18px;
  color: #8e8e93;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
     line-height: 17px;
}

.property-card {
  overflow: hidden;
  transition: 0.3s ease;
  border-radius: 16px;
  border: 1px solid #dfdfdf;
  background: #fff;
  box-shadow: 0px 4px 26px 0px rgba(66, 71, 76, 0.08);
  height: 400px;
}
.property-img > img,
.property-img-inner > img {
    height: 190px !important;
}
.property-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.property-img {
  position: relative;
}

.property-img img {
  width: 100%;
  height: auto;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 12px;
  padding-bottom: 0px;
  border-radius: 30px;
}

.badge-container {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.badge {
  padding: 4px 8px;
  font-size: 11px;
  color: #fff;
  border-radius: 4px;
  font-weight: 600;
}

/* .featured {
  background: #23b26d;
} */

.high-zindex {
  z-index: 9999999 !important;
  position: relative; /* ensure z-index applies */
}

.rent {
  background: #715df2;
}
@media (max-width: 575.98px) {
  .mobile-ms-5 {
    margin-left: 3rem !important; /* same as ms-5 */
  }
  .footer-subtext{
    text-align: center;
  }
}

.tag {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #ff7555;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
}

.property-content {
  padding: 16px;
  text-align: left;
}

.property-title {
  margin: 0;
  color: #1c1c1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.property-address {
  margin: 8px 0 8px;
  color: #3a3a3c;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}



.property-features {
  display: flex;
  gap: 4px;
  font-size: 13px;
  color: #555;
  margin: 10px 0;
  padding-left: 0;
  list-style: none;
}

.property-features li i {
  margin-right: 4px;
  color: #222;
}

.property-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #888;
  font-weight: 400;
  font-size: 14px;

}

.compare {
  text-decoration: none;
  color: #555;
  font-weight: 600;
}

.pagination-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
}

.dot {
  background: #ddd;
  border-radius: 2px;
  display: inline-block;
  width: 50px;
  height: 4px;
  flex-shrink: 0;
}

.dot.active {
  background: #23b26d;
}

.explore-btn {
  border-radius: 50px;
  background: #293750;
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
}

span.time {
  color: #b5b5b8;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.explore-btn:hover {
  background: #0f172a;
}

/* top universities css */

.university-section {
  padding: 60px 0;
  background-color: #fff;
  font-family: "Open Sans", sans-serif;
}

.university-card {
  border-radius: 12px;
  overflow: hidden;
  transition: 0.3s ease;
}

.university-img {
  width: 100%;
  height: auto;
  display: block;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.card-info {
  padding: 16px 16px 16px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.card-info p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.name {
  margin: 0;
  color: #1c1c1e;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.role {
  color: #3a3a3c;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.contact-icons i {
  font-size: 16px;
  margin-left: 10px;
  color: #444;
  cursor: pointer;
}

.contact-icons i:hover {
  color: #007bff;
}

.social-icons-vertical {
  position: absolute;
  top: 50%;
  right: -48px;
  transform: translateY(-50%);
  background: #fff;
  padding: 10px;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.social-icons-vertical i {
  font-size: 16px;
  color: #444;
  cursor: pointer;
}

.social-icons-vertical i:hover {
  color: #007bff;
}

.explore-btn {
  background: #1e293b;
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
}

.explore-btn:hover {
  background: #0f172a;
}
.text-end.for-gap {
    margin-top: 24px;
}
/* .item{
  height: 400px !important;
} */
/* why coose us css */

.why-choose-section {
  background: #fff;
  font-family: "Open Sans", sans-serif;
  padding-top: 15px;
}

.choose-card>h5 {
  min-height: 50px !important;
}



.choose-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.choose-card img {
  width: 90px;
  height: 90px;
  margin-bottom: 8px;
}

.choose-card h5 {
  margin: 5px;
  color: #252b42;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.099px;
}

/* search by uk university css */
.university-section {
  border-top: 3px solid #2d231a;
  border-bottom: 3px solid #2d231a;
  background: #dbd6cb;
  /* margin: 70px 0; */
}

.uni-tab {
  padding: 12px 25px;
  margin: 15px auto;
  box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.2);
  width: 90%;
  font-size: 15px;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: transform 0.2s ease;
  border-radius: 15px;
  border-left: 5px solid #403022;
  background: #fff;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
  text-decoration: none;
}

.uni-tab:hover {
  transform: translateY(-2px);
}

/* footer csss */

.main-footer {}

.footer-heading {
  margin-bottom: 12px;
  color: #293750;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.footer-text {
  color: #8a939b;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

.footer-subtext {
  color: #293750;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

p.footer-text-sign-up {
  color: #293750;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.footer-link {
  text-decoration: none;
  font-size: 0.92rem;
  color: #293750;
  /* font-family: Poppins; */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  padding: 5px 0px;
}

.footer-contact {
  border-bottom: 1px solid rgba(41, 55, 80, 0.1);
}

.footer-contact:last-child {
  border-bottom: none;
}

.footer-contact .circle-icon {
  width: 50px;
  height: 50px;
  background-color: #dee2e6;
  border-radius: 50%;
}

p.footer-subtext.logo-txt {
  padding-top: 25px;
}

.newsletter-form input {
  border-radius: 0.375rem;
}

.list-unstyled.fotter-list-link {
  padding-left: 0;
  list-style: none;
  display: flex;
  width: 255px;
  flex-direction: column;

  gap: 8px;
}

.footer-nav {
  color: #293750;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.footer-nav:hover {
  color: #02fd49;
  text-decoration: underline;
}

.social-icons a {
  font-size: 1.2rem;
  color: #495057;
}

.copyright-text.text-center.mt-3 {
  color: #293750;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  opacity: 0.5;
}

button.btn.sign-up-btn {
  border-radius: 10px;
  border: 1px solid rgba(183, 183, 183, 0.1);
  background: rgba(183, 183, 183, 0.38);
  display: flex;
  width: 255px;
  height: 54px;
  padding: 16px 18px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #293750;
  text-align: center;

  /* Button/Button EB */
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 22.5px */
}

.subscribe-form {
  border-radius: 10px;
  border: 1px solid #494949;
  background: #ffffff;
  display: flex;
  width: 255px;
  height: 52px;
  padding: 16px 18px;
  align-items: center;
  gap: 10px;
  /* color: #fff !important; */
}

/* .subscribe-form :active {
  border-radius: 10px;
  border: 1px solid #848484;
  background: #526fa0;
  display: flex;
  width: 255px;
  height: 52px;
  padding: 16px 18px;
  align-items: center;
  gap: 10px;
  color: #fff !important;
} */
input.form-control.subscribe-form:active {
  background-color: #fff !important;
  border: 1px black !important;
}

.choose-card>h5 {
  min-height: 40px;
}

.control {
  text-align: left;
}

.control>div {
  text-align: left;
}

.control>div>i.fa.fa-phone.ms-4.me-2 {
  margin-left: 0px !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-dots .owl-dot span {
  background: #ddd !important;
  border-radius: 2px !important;
  display: inline-block !important;
  width: 50px !important;
  height: 4px !important;
  flex-shrink: 0 !important;
}

.owl-theme .owl-dots button.owl-dot.active>span {
  background: #23b26d !important;
}

.container-inside.for-search-london {
  width: 100% !important;
  /* max-width: 100% !important; */
}

.search-option {
  justify-content: space-between;
}

/* ===========================
   Responsive Media Queries
   =========================== */

@media (max-width: 575.98px) {
  p.footer-subtext.logo-txt {
    padding-top: 25px;
    text-align: center;
  }

  .main_hero {
    height: 650px;
    background-size: cover;
  }

  .banner-content h1 {
    /* font-size: 36px; */
    line-height: 1;
    text-align: center;
  }

  .option.d-flex.flex-column.align-items-center.text-center {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center;
    gap: 15px;
  }

  .option.d-flex.flex-column.align-items-center.text-center>img {
    margin-bottom: 0;
  }

  .cribo-highlight {
    font-size: 42px;
    line-height: 1.2;
    text-align: center;
    display: block;
  }

  .banner-content p {
    font-size: 16px;
    text-align: center;
  }

  .stats {
    justify-content: center;
    gap: 20px;
    align-items: center;
    text-align: center;
  }

  .stats div {
    text-align: center;
  }

  .search-panel {
    margin-top: -444px;
    padding: 0 10px;
  }

  .search-box {
    padding: 25px 20px;
  }

  .search-box .title {
    font-size: 28px;
  }

  .search-box .subtitle {
    font-size: 16px;
  }

  .search-bar {
    flex-direction: column;
    padding: 12px;
    gap: 10px;
  }

  /* .search-icon-wrapper {
    display: none;
  } */

  .search-bar input {
    width: 100%;
  }

  .search-btn {
    width: 100%;
    border-radius: 6px;
  }

  .options {
    /* flex-direction: column; */
    gap: 20px;
    margin-top: 30px;
  }

  .options .option img {
    height: 35px;
  }

  h1.main-line>br {
    display: none !important;
  }

  span.cribo-highlight {
    line-height: 1 !important;
    font-size: 33px;
  }

  .social-icons {
    display: flex;
  }

  .social-icons>a {
    font-size: 14px;
  }

  a.navbar-brand.fw-bold>img {
    width: 130px;
  }

  .full-container {
    justify-content: space-between;
  }

  .combo {
    padding: 0;
  }

  .footer-column {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footer-column-txt {
    text-align: center;
  }

  .control i {
    font-size: 12px;
  }

  .control div {
    font-size: 11px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  p.footer-subtext.logo-txt {
    padding-top: 25px;
    text-align: center;
  }

  .main_hero {
    height: 700px;
  }

  .control i {
    font-size: 12px;
  }

  .control div {
    font-size: 11px;
  }

  .banner-content h1 {
    /* font-size: 50px; */
    line-height: 1.2;
  }

  .cribo-highlight {
    font-size: 58px;
    line-height: 1.2;
  }

  .banner-content p {
    font-size: 16px;
  }

  .stats {
    gap: 30px;
  }

  .search-panel {
    margin-top: -80px;
  }

  .search-box {
    padding: 30px 25px;
  }

  .search-box .title {
    font-size: 34px;
  }

  .search-box .subtitle {
    font-size: 17px;
  }

  .search-bar {
    flex-wrap: nowrap;
    flex-direction: row;
  }

  .search-bar input {
    font-size: 16px;
  }

  .options {
    gap: 30px;
  }

  .options img {
    height: 26px;
  }
  .search-options-box {

    gap: 64px;
  }
}

@media (min-width: 768px) {
  .main_hero {
    height: 480px;
  }

  /* p.footer-subtext.logo-txt {
    padding-top: 25px;
    text-align: center;
} */
  /*
 .heading1 {

    padding: 30px;
    font-size: 45px;
} */
  .search-box {
    margin-top: 0px;
  }

  .cribo-highlight {
    font-size: 65px;
  }

  .choose-card h5 {
    /* margin: 5px; */
    color: #252b42;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.099px;
  }

  /* .choose-card>h5 {
    min-height: 65px;
} */
 

  .search-panel {
    margin-top: -220px;
  }

  /* .search-box {
    max-width: 900px;
  } */

  .options {
    gap: 0px;
  }

  .options img {
    height: 30px;
  }

  .choose-card img {
    width: 70px;
    height: 70px;
    /* margin-bottom: 8px; */
  }

  .choose-card img {
    width: 70px;
    height: 70px;
    /* margin-bottom: 8px; */
  }

  .right-img {
    right: -20px !important;
    bottom: -17px;
  }

  .left-img {
    left: -34px !important;
    bottom: 0px;
    height: 200px !important;
  }

  .cta-image {
    width: 218px;
    height: 150px;
  }
    .search-options-box {

    gap: 80px;
  }
}

@media (max-width: 767.98px) {
  .header .logo img {
    max-width: 100px;
  }
  .left-card{
    padding: 15px;
    margin-top: 50px;
  }

  img.header_bg {
    max-height: 90px;
  }

  .cta-image {
    /* position: static; */
    display: block;
    margin: 20px auto 0px auto;
    max-height: 125px;
  }

  .right-img {
    right: -40px Im !important;
    bottom: -17px;
  }

  .left-img {
    left: -34px !important;
    bottom: 0px;
  }

  .cta-image {
    width: 218px;
    height: 150px;
  }

  .left-card-text,
  .right-card-text,
  .left-sub-text,
  .right-sub-text {
    text-align: center !important;
  }

  .text-start,
  .text-end {
    text-align: center !important;
  }
}


/* css style for edit :-moz-user-disabled */
/* .edit_modal_s .modal-header {
    display: flex;
    border-bottom: 0;
    justify-content: flex-end;
}

.edit_modal_s .modal-header button {
    border: 0;
    background: #adadad;
    width: 27px;
    height: 27px;
    border-radius: 50px;
    color: #fff;
}
.edit_modal_strip {
    background-color: #ececec;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, 0.5);
    font-weight: 400;
    font-size: 14px;
    color: rgba(102, 102, 102, 1);
    padding: 10px;
    max-width: 483px;
    width: 100%;
    margin: auto;
}
 .edit_modal_strip,
    .phone_edit_num p {
        font-size: 10px !important;
    }

    .describe_yourself_cntnr_main {
    width: 100%;
    margin: auto;
    margin-top: 40px;
}

.describe_yourself_cntnr {
    margin-top: 25px;
}

.describe_yourself_cntnr h3 {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    font-weight: 500;
    margin-bottom: 0;
}

.describe_yourself_cntnr.red_edit_alert {
    margin-top: 35px;
}

.describe_yourself_cntnr.red_edit_alert p {
    display: flex;
    gap: 7px;
    color: rgba(255, 0, 0, 1);
    font-weight: 400;
    font-size: 14px;
}

.describe_yourself_cntnr.room_emenities .checkbox_cntnr_edit {
    display: flex;
    gap: 9px;
    margin-top: 20px;
}
.describe_yourself_cntnr.room_emenities .checkbox_cntnr_edit span {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    font-weight: 500;
}
.describe_yourself_cntnr h3.edit_head_h3 {
    font-weight: 500;
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
}

.describe_yourself_cntnr #property_size-error{
    position: relative !important;
    top:0px;
}
.button_cntnr_edit_modal {
    margin-top: 16px;
    display: flex;
    gap: 23px;
}
.button_cntnr_edit_modal button {
    width: 124px;
    height: 44px;
    border-radius: 27px;
    border: 0;
    font-weight: 500;
    font-size: 12px;
    color: rgba(37, 43, 92, 1);
}
.button_cntnr_edit_modal button.blue_edit_btn {
    background-color: rgba(47, 63, 82, 1);
    color: rgba(188, 253, 86, 1);
}
sidebar responsive
@media (min-width: 768px) {

     .describe_yourself_cntnr h3,
    .property_size_type label {
        font-size: 11px;
    }
    .describe_yourself_cntnr h3.edit_head_h3 {
        font-size: 11px;
    }
      .describe_yourself_cntnr_main {
        width: 90%;
    }

    .describe_yourself_cntnr {
        margin-top: 18px;
    }

    .describe_yourself_cntnr_main {
        margin-top: 25px;
    }
     .button_cntnr_edit_modal {
        margin-top: 10px;
    }
    .button_cntnr_edit_modal button {
        width: 84px;
        height: 29px;
        border-radius: 19px;
        font-size: 8px;
    }
    .button_cntnr_edit_modal{
        flex-wrap: wrap;
        gap:10px;
    }

} */


:root {
    --primary-color: #293750;
    --secondary-color: #a9ff20;
    --white-color: #fff;
    --lite-gray: #ededed;
    --blue-color: #3e8ff3;
    --purple-color: #c799ff;
    --dark-gray: #aaaaaa;
    /* --------- */
    --heading-font-s: 24px;
    --heading-font-w: 700;
    --text-font-s: 14px;
    --input-border: 1px solid #d5d5d5;
    --text-font-w: 400;
    --border_radius: 4px;
    --border: 1.35px solid var(--primary-color);
    --box-padding: 4px 20px;
    --box-mt: 16.5px;
    --transition: all 0.25s ease-in-out;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
    /* line-height: inherit; */
}
select{
    color: #000 !important;
    font-weight: 600 !important;
}
select option{
    color: #000 !important;
    font-weight: 600 !important;
}
.describe_yourself_cntnr #property_size-error{
    position: relative !important;
    top:0px;
}

#property_size-error{
position: absolute;
font-size: 11px;
}
.myfrunishedvalmain .frunishedval .frunishedval_text .error{
    position: absolute;
    left:15px;
    top:17px;
}

.furnished_val #room_type-error{
top:24px !important;
left: 0px;
}
._mycustom_class #property_size-error{
    display: inline;
    position: absolute !important;
    top: 41px !important;
    margin-top: 0px !important;
}
.hotAdImg{
    width: 100px !important;
    object-fit: contain !important;
    height: auto !important;
    }

/* Custom Scroll-bar */
::-webkit-scrollbar {
    width: 0.4rem;
    height: 0.4rem;
}

/* Custom Scroll Bar */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: var(--primary-color);
}

::-webkit-scrollbar-thumb {
    background: var(--secondary-color);
}

.myMessages_col-3_div-2::-webkit-scrollbar-thumb,
.myMessages_col-3_div-2::-webkit-scrollbar-track,
.myMessages_col-2_child::-webkit-scrollbar-thumb,
.myMessages_col-2_child::-webkit-scrollbar-track {
    border-radius: 10px !important;
}

a {
    text-decoration: none;
    color: var(--primary-color);
}

.swal2-styled {
    width: 100px !important;
    padding: 0.325em 1.1em !important;
}

.swal2-styled.swal2-cancel {
    background-color: #2f3f52 !important;
    background: #2f3f52 !important;
}

/*ypgrade history sec start*/
.histrory_div_upgrade h3 {
    color: rgba(17, 2, 41, 1);
    font-weight: 500;
    font-size: 32px;
    margin-top: 40px;
}

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

.filter_upgrade_new label {
    font-weight: 600;
    color: rgba(6, 28, 61, 1);
    font-size: 14px;
}

.filter_upgrade {
    display: flex;
    gap: 10px;
    align-items: center;
}

.filter_upgrade:focus-visible,
.sort_by_date select {
    outline: 0;
    border: 0;
}

.upgrade_table table th {
    font-weight: 600;
    font-size: 14px;
    color: rgba(6, 28, 61, 1);
    padding: 15px;
    border-right: solid 1px rgba(210, 210, 210, 1);
}

.upgrade_table table tr td {
    padding: 10px;
    text-align: center;
    border: solid 1px rgba(210, 210, 210, 1);
    border-left: 0;
}

.upgrade_table {
    border: solid 1px rgba(210, 210, 210, 1);
    border-radius: 7px;
    margin-top: 25px;
}

.upgrade_table table {
    width: 100%;
}

.upgrade_table table td p {
    font-weight: 400;
    font-size: 10px;
    color: rgba(6, 28, 61, 1);
}

.upgrade_table table th,
td {
    font-size: 13px;
}

.upgrade_table table td span {
    font-weight: 500;
    color: rgba(9, 9, 9, 1);
}

.upgrade_table table td label {
    font-weight: 600;
}

.red_table_clr {
    color: rgba(255, 0, 0, 1);
}

.green_table_clr {
    color: rgba(23, 187, 5, 1);
}

.arrow_num_cnt .num_cntnr ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

.chat_box_msg_send_btn form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 40px;
    align-items: center;
}

.upgrade_calc_modal .modal-dialog {
    max-width: 750px;
    width: 100%;
}

.upgrade_calc_modal .modal-content {
    border: solid 1px rgba(102, 102, 102, 0.5);
    border-radius: 13px;
    background-color: #fff;
}

.img_calc img {
    width: 100%;
}

h3.calc-head {
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    font-size: 18px;
    margin-bottom: 18px;
}

.upgrade_calc_modal select {
    height: 31px;
    border: solid 1px rgba(102, 102, 102, 0.35);
    border-radius: 7px;
    font-size: 11px;

    width: 100%;
}

.tel_div_chat {
    display: none !important;
}

.input_cntnr_calc {
    margin-bottom: 11px;
}

.input_cntnr_calc label {
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    font-size: 12px;
    margin-bottom: 9px;
}

.img_calc {
    padding-right: 30px;
}

#sendmassage {
    height: 23px;
    border-radius: 8px;
    background-color: rgba(47, 63, 82, 1);
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    padding: 20px;
    width: 32%;
}

.active_paging_upgrade {
    background-color: rgba(47, 63, 82, 1);
    width: 44px;
    height: 46px;
    border-radius: 4px;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrow_num_cnt .num_cntnr ul li {
    list-style: none;
    font-weight: 600;
    font-size: 14px;
    color: rgba(0, 0, 0, 1);
}

.arrow_num_cnt {
    display: flex;
    align-items: center;
    gap: 15px;
}

.table_paging {
    margin: 40px 0 25px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.table_paging .showing_upgrade_paging {
    font-weight: 600;
    font-size: 14px;
    color: rgba(6, 28, 61, 1);
}

.filter_upgrade_new select {
    font-weight: 600;
    font-size: 11px;
    color: rgba(6, 28, 61, 1);
    background-color: rgba(234, 236, 238, 1);
    width: 150px;
    height: 40px;
    border-radius: 7px;
    border: 0;
}

.history_upgrade_table {
    border: solid 1px rgba(210, 210, 210, 1);
    border-radius: 9px;
    padding: 30px 25px;
    margin-top: 35px;
}

.CustomeNavbar {
    margin: 0;
    padding: 0;
    height: 90px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* position: fixed; */
    top: 0;
    z-index: 10;
    background-color: #fff !important;
    box-shadow: 0 0 8px 0 rgba(133, 157, 199, 0.4);
    width: 100%;
    transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}

.nav-link:focus,
.nav-link:hover {
    color: var(--primary-color) !important;
}

.dashboard_heading {
    color: var(--lite-primary);
    font-size: var(--heading-font-s);
    font-weight: var(--heading-font-w);
    margin-bottom: 6px;
    /* padding: 0; */
}

.myMessages .viewAd127 {
    font-size: 12px;
    color: var(--blue-color);
    font-weight: 400;
    text-decoration: underline;
}

.myMessages .dashboard_heading {
    padding: 0;
}

.dashboard_boxes {
    /* border: var(--border); */
}

.dashboard_listingImg {
    width: 90%;
    height: 140px;
}

.welComeDiv {
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: end;
    height: 34px;
    gap: 10px;
}

.welComeDiv img {
    width: 30px;
}

.welComeDiv .div_1 {
    font-weight: 500;
    font-size: 18px;
}

.subDiv {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-bottom: 10px;
}

.subDiv .div_1 {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    background: var(--primary-color);
    color: var(--white-color);
    padding: 0 20px;
    height: 34px;
    display: flex;
    align-items: center;
    border-radius: 10rem;
}

.circle {
    font-size: 10px;
}

.mini-heading {
    font-size: var(--text-font-s);
    font-weight: var(--heading-font-w);
    display: block;
    width: fit-content;
    text-transform: capitalize;
}

.secondary-heading {
    font-size: 18px;
    font-weight: var(--heading-font-w);
    color: var(--primary-color);
    display: block;
    width: fit-content;
}

.global_para {
    font-size: var(--text-font-s);
    font-weight: bold;
    display: block;
}

.no-data-error {
    text-align: center;
}

.no-data-error img {
    width: 40%;
    margin: auto;
    display: block;
}

.dashboard_badgeImg {
    width: 20px;
}

.messageUser_img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
}

.myContainer {
    padding: 3% 8%;
    /* background: #fafafa !important; */
}

.myMessages input::placeholder {
    text-transform: capitalize;
    font-family: sans-serif;
    color: #aaaaaa !important;
}

.save_icon {
    color: var(--blue-color);
    font-size: 1.35rem;
}

.page_tabs {
    display: block;
    width: fit-content;
    font-weight: 600;
    padding: var(--box-padding);
    font-size: 20px;
    color: #d7d7d7;
    margin-top: 8px;
}

.page_tabs.active,
.page_tabs.active:hover {
    color: #000;
    border-bottom: solid 6px #2f3f52;
    border-radius: 4px;
}

.property-type {
    display: flex;
    align-items: center;
    gap: 22px;
}

.approval-img,
.approval_main {
    padding: 0 !important;
}

.approval-div {
    padding: 0 !important;
    display: flex;
    position: relative;
    margin: 0;
}

.tv-cntnr-inner {
    display: flex;
    gap: 12px;
}

.wifi-tv {
    display: flex;
    margin-top: 22px;
    justify-content: space-between;
    align-items: center;
    width: 96%;
    position: absolute;
    bottom:0px;
    margin-bottom: 10px;
}

.pw-cntnr button {
    /* padding: 8px 21px;
    height: 41px;
    background-color: var(--primary-color) !important;
    border: 0;
    font-weight: 500;
    color: #fff;
    border-radius: 10px;
    font-size: 19px; */
    /* border-radius: 10px;
    background: var(--secondary-color);
    border: none;
    color: var(--primary-color);
    text-align: center;
    font-family: Roboto;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; */
    color: #FFF;
    background: var(--primary-color);
    font-size: 14px;
    border-radius: 8px;
    height: 30px;
    border: 1px solid transparent;
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

.pw-cntnr .saveIcon {
    font-size: 20px;
    cursor: pointer;
    border: 1px solid #ccc;
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    height: 30px;
    padding: 0px 10px;
    color: var(--primary-color);
}
.pw-cntnr .saveIcon p{
    color: #000;
    font-size: 14px;
}

.left-space {
    padding: 0px 22px 0px 33px;
    word-wrap: break-word;
}



.bottom-sep .btn-area-new button {
    color: #0088D5;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 30px;
    border: 1px solid rgba(0, 136, 213, 0.50);
    background: rgba(0, 136, 213, 0.10);
    cursor: pointer;
    padding: 8px 21px;
    text-decoration: none !important;
}

.btn-area-new {
    display: flex;
    align-items: baseline;
    /* justify-content: space-between; */
    gap: 10px;
    margin-top: 12px;
}

.react-ad {
    color: #0088D5;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 30px;
    border: 1px solid rgba(0, 136, 213, 0.50);
    background: rgba(0, 136, 213, 0.10);
    cursor: pointer;
    padding: 8px 21px;
}

.bottom-sep .btn-area-new button:nth-child(1) {
    background: #e8f1fe;
    color: rgba(24, 119, 242, 1);
}

.bottom-sep .btn-area-new button:nth-child(2) {
    background: #e8f7ff;
    color: rgba(29, 174, 255, 1);
    border: solid 1px rgba(29, 174, 255, 0.5);
}

.bottom-sep .btn-area-new button a {
    text-decoration: none !important;
    font-weight: 400;
    color: rgba(29, 174, 255, 1);
}

.bottom-sep .btn-area-new button:nth-child(3) {
    background: #ffe5e5;
    color: rgba(255, 0, 0, 1);
    border: solid 1px rgba(255, 0, 0, 0.5);
}

.bottom-sep h3 {
    font-weight: 500;
    color: #ffbf04;
    font-size: 16px;
    margin-bottom: 0;
}

.pw-cntnr {
    display: flex;
}

.tv-cntnr img {
    width: 20px !important;
}

.approval-div p {
    font-size: 16px;
    color: #8f90a6;
    font-weight: 500;
}

.break-word-wrap-new_p {
    color: #8F90A6;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.approval-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.approval-divSavedAds .approval-img {
    height: 250px;
}

.approval-divSavedAds .approval-img .img1 {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.myAds_amenities_div {
    display: flex;
    margin-top: 30px;
    align-items: baseline;
    justify-content: space-between;
}

.myAds_amenities_div .tv-cntnr-inner img {
    width: 20px;
    height: 20px;
}

.approval-div .img1 {
    padding: 0;
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
    border-radius: 7px 0px 0px 0px;
}

.approval-div .hotAdImg {
    left: -2.9%;
    position: absolute;
    top: 9%;
    width: 90px !important;
}

.approval-divSavedAds .hotAdImg {
    /* left: -5.5%; */
}

.amenities20 {
    margin-bottom: 20px;
}

.amenities20 .tv-cntnr img {
    width: 20px;
    height: 20px;
}

.property-type .type {
    font-weight: 400;
    font-size: 13px;
    color: #8f90a6;
}

.property-type .type span {
    font-weight: 500;
    font-size: 13px;
    color: #2f3f52;
}

.approval-div h3 {
    font-size: 18px;
    font-weight: 600;
    color: #110229;
    margin-bottom: 15px;
    margin-top: 20px;
    overflow: hidden;
    /* text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; */
    width: 60%;
}

.page_tabs {
    font-weight: 600;
    font-size: 20px;
}

.page_tabs:hover {
    color: var(--primary-color);
}

.page_content_div {
    margin-top: 10px;
    /* border: 1px solid #c2c2c2; */
    /* border-radius: var(--border_radius); */
    /* padding: 15px; */
}

.global_user_img {
    width: 15%;
    height: 100%;
    /* height: 100%; */
    border-radius: 50%;
}

.global_link a,
.global_link span {
    cursor: pointer;
    color: var(--blue-color);
    text-decoration: underline;
}

.blue {
    color: var(--blue-color);
}

/* ==========================================
========================================== */
.userDashboard {
    /* margin: 30px 0; */
    font-family: Roboto;
}

.sidebar {
    height: fit-content;
    position: sticky;
    top: 1%;
    transition: transform 0.5s ease-in-out;
}

.userDashboard .disabled {
    cursor: not-allowed;
    user-select: none;
}

.sidebar .Xmark {
    font-size: 28px;
    display: none;
    justify-content: end;
    margin-top: 15px;
    margin-right: 15px;
}

.userDashboard .sidebar_bar {
    font-size: 21px;
    background: var(--lite-primary);
    color: var(--white-color);
    width: 50px;
    z-index: 1000;
    height: 40px;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 0 10px 10px 0;
    position: absolute;
    left: 0;
    box-shadow: 0 0 10px 0 rgba(133, 157, 199, 0.5);
}

.userDashboard .sidebar_bar .sidebar_bar_arrow {
    font-size: 14px;
    color: var(--white-color);
}

.userDashboard .sidebar_bar .sidebar_userImg_toggle {
    width: 26px;
    border-radius: 100%;
    height: 26px;
}

.sidebar_not_active {
    transform: translateX(-150%);
}

.sidebar_active {
    transform: translateX(0%) !important;
}

.sidebar_heading {
    color: var(--secondary-color);
    font-size: 24px;
    font-weight: var(--heading-font-w);
    margin-bottom: 6px;
}

.profile-name {
    width: 100%;
}

.inner {
    display: flex;
    gap: 21px;
    width: 100%;
}

.edit-div {
    display: flex;
    position: absolute;
    align-self: self-end;
    right: 40px;
    top: 20px;
}

.edit-div .sidebar_btn_div a {
    margin: 0;
}

.crown-img img {
    width: 50px;
}

.sidebar_col-1 {
    /* border: var(--border); */
    border-radius: var(--border_radius);
    padding: 10px 0 18px 0;
    background: var(--white-color);
    border: solid 1px #dcdceb;
    margin-top: 30px;
    display: flex;
    padding: 13px 40px 13px 13px;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

.member-div {
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 5px;
}

.sidebar_col-1 .span-bold {
    display: block;
    color: #061c3d;
    font-weight: 700;
    font-size: 16px;
}

.sidebar_userImg_div {
    position: relative;
    display: flex;
}

.sidebar_userImg_div .crown {
    width: 20px;
    position: absolute;
    top: 0;
    right: 37%;
}

.sidebar_userImg {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border-radius: 50px;
}

#shared_living_room-error{
position: absolute;
bottom: -19px;
}
.side_bar_name .editprofile i{
    width: 30px;
    height: 30px;
    background: #fff;
    border: 2px solid #bcfd56;
    padding: 10px;
    font-size: 15px;
    display: inline-flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #000;
    top: 23px;
    left: 5px;
}
.side_bar_name .editprofile:hover{
    background: inherit;
}

.sidebar_userName {
    color: #061c3d;
    font-weight: 600;
    font-size: 18px;
    align-items: center;
}

.sidebar_userDetails {
    margin: 6px 0;
    font-size: var(--text-font-s);
    font-weight: var(--text-font-w);
    display: flex;
    justify-content: space-between;
}

.sidebar_btn_div {
    /* width: 90%;
    margin: auto; */
    /* gap: .5rem; */
    display: flex;
    flex-direction: column;
}

.edit-div .sidebar_btn_div .sidebar_btn {
    width: 46px;
    font-size: 12px;
    padding: 9px;
    height: auto;
    display: flex;
    gap: 5px;
    align-items: center;
    border-radius: 50px;
    height: 46px;
}



.sidebar_btn {
    /* background: #f3f4f6; */
    /* border: 1px solid var(--primary-color); */
    color: #2f3f52 !important;
    /* border-radius: 20rem; */
    border-radius: 50px;
    display: flex;
    align-items: center;
    width: 46px;
    height: 43px;
    display: block;
    margin: auto;
    padding: 6px 0;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;

    /* margin-top: 10px; */

    font-size: 14px;
    font-weight: 600;
}

.sidebar_btn:nth-child(1) {}

.sidebar_btn:hover {
    /* background: var(--primary-color);
    color: var(--white-color); */
}

/* //////////////////////////// */
.sidebar_col-2 {
    border-bottom: none;
    border-radius: 10px;
    /* background-color: #2f3f52; */
    padding: 50px 25px;
}



/* .sidebar_col-2 a:nth-child(1) {
    border-radius: 4px 4px 0 0;
    border-top: 1px solid #c2c2c2;
} */

/* .sidebar_col-2 a:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom: var(--border);
    border-bottom: 1px solid #c2c2c2;
} */

.sidebar_col-2 a:hover {
    background-color: #65626240;
    color: #2f3f52 !important;
    border-radius: 10px;
}

.sidebar_col-2 a.active {
    background-color: #65626240;
    color: #2f3f52 !important;
    border-radius: 10px;
}

.tabLink_div {
    margin-top: var(--box-mt);
    display: none;
}

.tabLink_div .icon1 {
    color: orange;
    margin-right: 2px;
}

.tabLink_div .icon2 {
    color: var(--lite-primary);
}

.tabLink_div a {
    height: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #c2c2c2;
    text-decoration: none;
    font-size: 15px;
    padding: 14px 10px;
    color: var(--primary-color);
    background: var(--white-color);
    transition: var(--transition);
}

/* Other Page Content =========
============================ */
.check_div {
    display: flex;
    align-items: center;
    gap: 10px;
    /* height: 25px; */
    padding-left: 4px;
    justify-content: start;
}

.check_heading {
    /* padding: 0 0 0 2px; */
    font-size: 24px;
    /* text-transform: capitalize; */
}

.check_heading2 {
    font-size: 18px;
    margin: 0;
    margin-top: 15px;
}

.check_heading::first-letter {
    text-transform: capitalize;
}

.check_div:nth-child(even) {
    /* background: #D7EEE8; */
}

.backgroundSPC {
    /* background: linear-gradient(to left, rgba(221, 234, 255, 1), rgba(242, 255, 221, .5)); */
    /* background: linear-gradient(to right, rgba(221, 234, 255, 1), rgb(205, 221, 247)); */
}

.check_div .check_img {
    width: 22px;
}

.check_div .check_para {
    color: #013e51;
    font-size: 14px;
    font-weight: 800;
    padding: 2px 0;
    /* text-transform: lowercase; */
    margin: 0;
}

.check_div .check_para::first-letter {
    text-transform: capitalize;
}

.upgrdBtn_div {
    display: flex;
    justify-content: end;
    /* margin-top: ; */
    /* width: fit-content; */
}

.pageContent_col .upgrdBtn_div .upgrdBtn {
    position: relative;
    background: var(--lite-primary);
    height: 34px;
    width: fit-content;
    display: flex;
    align-items: center;
    padding: 0 10px 0 40px;
    text-transform: uppercase;
    border-top-right-radius: 20rem;
    border-bottom-right-radius: 20rem;
    /* margin: 10px 8px; */
    /* margin-top: 10px; */
    margin-right: 8px;
    /* box-shadow: inset 0 0 5px 2px rgb(53, 67, 98); */
    box-shadow: 0 4px 5px 0px rgb(53, 67, 98, 0.4);
    background: linear-gradient(to bottom,
            rgb(102, 126, 172),
            rgba(74, 94, 130, 1));
}



.userDashboard .RoomWantedPremium .room_wanted_hot-icon {
    width: 10%;
}

.upgrdBtn {
    font-size: 14px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: 4px;
    color: var(--white-color);
    background: var(--purple-color);
    border: 1px solid var(--purple-color);
    box-shadow: 0 5px 5px -4px rgba(199, 153, 255, 1), inset 0 1px 1px 0 white;
    transition: var(--transition);
    opacity: 0.9;
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
}

.upgrdBtn img {
    width: 16px;
    margin-bottom: 1.3px;
}

.upgrdBtn:hover {
    /* box-shadow: 0 5px 5px 0 rgba(109, 201, 86, .4), inset 0 1px 1px 0 white; */
    box-shadow: 0 5px 5px -3px rgba(199, 153, 255, 1), inset 0 1px 1px 0 white;
    scale: 1.02;
}

.upgrdBtnNew {
    border: 1px solid rgb(255, 200, 112);
    background: rgb(255, 200, 112);
    color: var(--primary-color);
    padding: 5px 8px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 10rem;
    box-shadow: 4px 4px 10px 0 rgba(111, 111, 111, 0.2);
    display: flex;
    align-items: center;
    margin-right: 10px;
    gap: 4px;
}

.upgrdBtnNew i {
    font-size: 10px;
    border: 3px solid var(--primary-color);
    padding: 5px;
    border-radius: 100%;
}

.pageContent_col .upgrdBtn_div .span_1 {
    position: absolute;
    left: -8%;
    box-shadow: 3px 0 0 0 rgba(255, 255, 255, 1);
    border-radius: 100%;
}

.pageContent_col {
    /* padding-left: 33px; */
}

.pageContent_col .upgrdBtn_div .span_1 i {
    /* box-shadow: inset 0 0 5px 2px rgb(76, 96, 136); */
    box-shadow: inset 0 0 5px 2px rgb(53, 67, 98);
    background: var(--lite-primary);
    border-radius: 100%;
    height: 40px;
    width: 40px;
    justify-content: center;
    font-size: 21px;
    display: flex;
    align-items: center;
    color: var(--white-color);
}

.pageContent_col .upgrdBtn_div .span_2 {
    text-transform: uppercase;
    color: var(--white-color);
    font-weight: 600;
    font-size: 12px !important;
}

.pageContent_bar_row {
    margin: 1.45% 0;
    padding: 0;
}

.pageContent_bar_row i {
    font-size: var(--text-font-s);
    color: var(--blue-color);
    margin-right: 2%;
}

.pageContent_bar_row span {
    font-size: var(--text-font-s);
}

/* //////////////////////// */
.ads-container {
    /* padding-left: 0; */
    margin-top: 30px;
}

.ads-container_col {
    padding: 0;
    padding-right: 1%;
}

.ads-container_col:not(:first-child) {
    padding: 0;
    padding-left: 1%;
}

.ads_div-1 {
    display: flex;
    gap: 2rem;
    margin-top: var(--box-mt);
}

.ads_div-1 span {
    font-size: var(--text-font-s);
    font-weight: var(--text-font-w);
    color: var(--primary-color);
}

.ads_div-2 {
    margin-top: var(--box-mt);
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.ads_div-2 i,
.ads_div-2 span {
    font-size: var(--text-font-s);
    color: var(--blue-color);
}

/* msg-container */
.msg-container {
    margin-top: var(--box-mt);
}

.msg-col {
    /* height: 180px; */
    height: fit-content;
    /* overflow: scroll;
    overflow-x: hidden; */
}

.userDashboard .PleaseBuyPaidOffer {
    color: var(--primary-color);
    border: 0.5px solid red;
    background: transparent;
    margin-bottom: 1.2%;
    padding: 2px 5px;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    border-radius: 4px;
}

.userDashboard .PleaseBuyPaidOffer::before {
    content: "\26A0";
    color: red;
    margin-right: 5px;
    font-size: 18px;
}

.msg-col_div {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    cursor: pointer;
}

.msg-container .msg-col_fix {
    /* position: sticky; */
    /* top: 0; */
    display: flex;
    align-items: center;
    gap: 24px;
}

.notification {
    font-size: 8px;
    padding: 0;
    width: 13px;
    padding-top: 1px;
    /* height: 3px; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 0 5px; */
    border-radius: 10px;
    background: #ff0000;
    margin-left: 2px;
    color: var(--white-color);
}

.msg-col_div i {
    font-size: var(--text-font-s);
}

.msg-col_div.active i,
.msg-col_div.active .mini-heading {
    color: var(--blue-color);
}

.msg-col_div_2_parent {
    height: 140px;
    margin-top: 10px;
    overflow: scroll;
    overflow-x: hidden;
}

.msg-col_div_2_parent::-webkit-scrollbar-track,
.msg-col_2_div_2::-webkit-scrollbar-track {
    border-radius: 10px !important;
}

.msg-col_div_2_parent::-webkit-scrollbar-thumb,
.msg-col_2_div_2::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
}

.msg-col_div_2_parent::-webkit-scrollbar,
.msg-col_2_div_2::-webkit-scrollbar {
    /* display: none; */
}

.msg-col_div_2_parent .global_para {
    width: 300px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.msg-col_div_2 {
    margin-top: 5px;
    display: flex;
    align-items: center;
    padding: 8px 0;
    gap: 0.5rem;
    border-radius: 4px;
}

.msg-col_div_2:first-child {
    margin-top: 0 !important;
}

.msg-col_div_2.active {
    background: #f0f0f0;
    margin-right: 10px;
}

.sfgsdfg .active {
    background: #e6f4ff;
    /* margin-right: 10px; */
    border-radius: 4px;
}

.sfgsdfg .unread {
    background: #e6f4ff;
    /* margin-right: 10px; */
    border-radius: 4px;
}

.sfgsdfg .read {
    /* background: #e6f4ff;
    /* margin-right: 10px; */
}

.userDashboard .total_listing,
.userDashboard .childremaining_listing {
    font-weight: 600;
    font-size: 14px;
    color: var(--primary-color);
}

.userDashboard .messageCircle {
    font-size: 9px;
    font-weight: 500 !important;
    background: red;
    /* padding: 2px; */
    height: 13px;
    width: 13px;
    display: flex;
    color: var(--white-color);
    position: absolute;
    /* top: 10%; */
    margin-top: 2px;
    margin-left: 2px;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
}

.userDashboard .messageCirclee {
    font-size: 11px;
    font-weight: 500 !important;
    background: green;
    /* padding: 2px; */
    height: 18px;
    width: 18px;
    display: inline-block;
    color: var(--white-color);
    /* top: 10%; */
    margin-top: 2px;
    margin-left: 2px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    .userDashboard .messageCirclee {
        font-size: 10px;
        height: 15px;
        width: 15px;
    }

}

.userDashboard .thereIsNo {
    margin-top: 1%;
    text-align: center;
}

.userDashboard .thereIsNo span::first-letter {
    text-transform: capitalize !important;
}

.myMessages .thereIsNo {
    margin-top: 1%;
}

.myMessages .thereIsNo span {
    font-size: 24px;
    opacity: 0.9;
    font-weight: 500;
}

.myMessages_col-2_child .reference_no {
    font-size: 14px;
    color: var(--primary-color);
}

.myMessages_col-2_child hr {
    margin: 0;
}

.msg-col_div_2 .span-2,
.msg-col_div_2 .span-3 {
    width: 280px;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    display: block;
    font-weight: 300;
    color: var(--primary-color);
}

.msg-col_div_2 .span-2 {
    color: var(--primary-color);
    font-weight: 500;
    width: 300px;
    text-transform: capitalize;
}

/* msg-col_2 */
.msg-col_2 {
    height: 180px;
    padding: 0;
    padding-right: 1%;
    /* padding-left: 2%; */
}

.msg-col_2_div_1 {
    height: 100%;
}

.msg-col_2_div_2 {
    margin-top: var(--box-mt);
    height: 130px;
    overflow-y: scroll;
}

.msg-col_2_div_2 span:not(:first-child) {
    margin-top: 8px;
}

.msg-col_2_div_2 span a {
    color: var(--primary-color);
    height: fit-content;
}

/* myAds_page ===============
=============================
========================== */
.myAds_page .myAds_page_img {
    width: 100%;
    height: 100%;
    border-radius: var(--border_radius);
}

.myAds_page .room_listing_top_check_div {
    position: absolute;
    top: 4%;
    left: 6%;
}

/* .myAds_page .RoomWantedPremium .room_wanted_hot-icon {
    top: -3.45%;
    left: -1.3%;
} */

.myAds_page .room_listing_top_check_div_RW {
    position: absolute;
    top: 4%;
    left: 10%;
}

.myAds_page .room_listing_top_check_div input {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.myAds_page .RoomWantedList,
.myAds_page .RoomList {
    margin-top: 10px;
    /* background-color: red; */
}

.myAds_page .RoomWantedListRight_div-3 .p_1 {
    max-width: 450px;
}

.myAds_page_content_div {
    margin-top: 2%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.myAds_page_content_div_button_div button {
    display: block;
    width: fit-content;
    border-radius: var(--border_radius);
    padding: var(--box-padding);
    font-size: var(--text-font-s);
    color: var(--primary-color);
    text-transform: capitalize;
    border: var(--border);
    background: var(--white-color);
    margin-top: 8px;
}

.myAds_page_content_div_child-2 {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.myAds_page_content_div_child-3 {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.myAds_page_content_div_child-4 {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 16px;
    padding-bottom: 10px;
    border-bottom: var(--border);
}

/* .myAds_page .RoomListRight .span-4 a {
    width: 300px;
} */

.myAds_page_content_div_child-5 {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: var(--border);
    justify-content: space-between;
    padding-bottom: 10px;
}

.myAds_page_content_div_child-5 .span-1 {
    color: var(--primary-color);
    background: var(--secondary-color);
    font-size: var(--text-font-s);
    font-weight: var(--text-font-w);
    padding: 4px 9px;
    border-radius: var(--border_radius);
    background-repeat: no-repeat;
    height: fit-content;
    width: fit-content;
}

.myAds_page_content_div_child-5 .span-2 i {
    color: var(--primary-color);
    font-size: var(--text-font-s);
}

.myAds_page_content_div_child-5 .span-2 .rotate {
    transform: scaleX(-1);
}

.myAds_page_content_div_child-5 .span-3 {
    color: var(--primary-color);
    font-size: var(--text-font-s);
    font-weight: var(--text-font-w);
    /* transform: scaleX(-1); */
}

.myAds_page hr {
    margin-top: 6px;
}

.myAds_page .RoomList .myAds_page_content_div_child-7 {
    padding: 0 12px 10px 20px;
}

.myAds_page .room_listing_img-div {
    border-bottom-left-radius: 0;
}

.myAds_page_content_div_child-7 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.myAds_page_content_div_child-7 .live {
    font-size: 14px;
    font-weight: 400;
    color: #83d64d;
    text-transform: capitalize;
}

.myAds_page_content_div_child-7 .not_live {
    color: red;
    font-weight: 600;
}

.myAds_page_content_div_child-7 .reactivate {
    color: var(--blue-color) !important;
    text-decoration: underline;
}

.awaiting {
    color: #ffbf00;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
}

.myAds_page_content_div_child-7 .actionBtn {
    text-transform: capitalize;
    padding: 2px 0;
    width: 100px;
    text-align: center;
    background: var(--primary-color);
    color: var(--white-color);
    border-radius: 4px;
    border: 1px solid transparent;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
}

.deleteSaveAd {
    font-size: 14px;
    text-transform: capitalize;
    cursor: pointer;
    display: flex;
    color: red;
    width: 61px !important;
    text-decoration: underline;
}

.myAds_page_content_div_child-7 .actionBtn.dctvt {
    background: none;
    color: var(--primary-color);
}

.myAds_page_content_div_child-7 .span-1 {}

.myAds_page_content_div_child-7 .stats {
    font-size: var(--text-font-s);
    color: var(--blue-color);
}

.myAds_page_content_div_child-7 .edit {
    font-size: var(--text-font-s);
    color: var(--primary-color);
}

.myAds_page_content_div_child-8 .view {
    color: var(--blue-color);
    text-decoration: underline !important;
}

.myAds_page_content_div_child-8 .dlt {
    color: red;
    text-decoration: underline !important;
    cursor: pointer;
}

.myAds_page_content_div_child-8 .dlt::first-letter {
    text-transform: capitalize;
}

.roomListPremium .myAds_page_content_div_child-7 {
    /* padding: 0 20px 10px 7px !important; */
    padding: 0 20px 0 7px !important;
}

.roomListPremium.roomListPremium {
    /* border: 1px solid rgba(255, 179, 15, 1) !important; */
    padding: 4px 16px;
    overflow: visible !important;
}

.myAds_page .room_listing_img-div .room_listing_hot-icon {
    top: -7%;
    left: -3%;
    width: 25%;
}

.editProfile_div1_child.child_1 {
    width: 70%;
}

.editProfile_div1_child.child_2 {
    width: 50%;
}

.editProfile_div2_child.child_3 {
    width: 100%;
}

/* buddyUps =============
====================== */
.savedSearch_tabs {
    width: 70%;
}

.buddyUps_user_img {
    font-size: 5rem;
    color: var(--dark-gray);
}

.buddyUps_col_1 {
    /* border-right: var(--border); */
    margin-top: 10px;
    justify-content: space-between;
    padding: 10px;
    border-radius: var(--border_radius);
    border: 1px solid #c2c2c2;
}

.buddyUps_7843:first-child {
    margin-top: 0;
}

.buddyUps_btn {
    width: 200px;
    display: block;
    text-align: center;
    color: var(--white-color);
    background: var(--blue-color);
    margin: 6px 0;
    padding: 6px 0;
    border-radius: 10rem;
    font-size: var(--text-font-s);
    border: 1px solid transparent;
    transition: var(--transition);
}

.buddyUps_btn:hover {
    background: none;
    border: 1px solid var(--blue-color);
    color: var(--blue-color);
}

.showDiv_2,
.showDiv_3 {
    display: none;
    margin-top: 30px;
}

/* Edit Profile ============
========================= */
.profileUserImage_col {
    margin-bottom: 15px;
    width: fit-content;
}

.profileUserImage_col_div-1 {
    position: relative;
    width: fit-content;
    margin-bottom: 15px;
}

.profileUserImage_col_div-2 {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.profileUserImage_col_div-2 .profileGenderDiv {
    border: var(--border);
    padding: 0px 4px;
    border-radius: var(--border_radius);
    cursor: pointer;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 5px;
}

.profileUserImage_col_div-2 .profileGenderDiv.active {
    background: var(--primary-color);
    color: var(--white-color);
}

.profileUserImage_col_div-2 .profileGenderDiv i {
    font-size: 14px;
}

.profileUserImage_col_div-2 .profileGenderDiv span {
    font-size: var(--text-font-s);
    font-weight: var(--text-font-w);
    text-transform: lowercase;
}

.profileUserImage_col_div-2 .profileGenderDiv span::first-letter {
    text-transform: capitalize;
}

.profileUserImage_col input {
    display: none;
}

.profileUserImage {
    width: 120px;
    padding: 0;
    height: 120px;
    border-radius: 50%;
    border: var(--border);
}

.profileUserImage_col .profileChangeDiv {
    display: flex;
    height: 35px;
    width: 35px;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 5%;
    right: 0;
    background: var(--primary-color);
    /* padding: 6px 10px; */
    border-radius: 50%;
    user-select: none;
    cursor: pointer;
}

.profileUserImage_col .profileChangeDiv .fa-pen-to-square {
    font-size: 18px;
    color: var(--white-color);
    margin-left: 4px;
    margin-bottom: 2px;
}

.profileUserImage_col .profileChangeDiv .profileChangeChild {
    position: absolute;
    width: 140px;
    top: 115%;
    left: 10%;
    background: #ededed;
    user-select: none;
    box-shadow: 0 0 10px 0 rgba(237, 237, 237, 1);
    border-radius: 4px;
    padding: 0;
    display: none;
    transition: all 0.4s ease-in;
}

.profileUserImage_col .profileChangeDiv .profileChangeChild.active {
    display: block !important;
}

.profileUserImage_col .profileChangeDiv .profileChangeChild label {
    display: block;
    user-select: none;
    text-transform: lowercase;
    font-size: 13px;
    padding: 3px 0 3px 4px;
    width: 100%;
    margin: 0;
}

.profileUserImage_col .profileChangeDiv .profileChangeChild label::first-letter {
    text-transform: capitalize;
}

.profileUserImage_col .profileChangeDiv .profileChangeChild label:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.profileUserImage_col .profileChangeDiv .profileChangeChild label:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.profileUserImage_col .profileChangeDiv .profileChangeChild label:hover {
    background: #dbdbdb;
}

.editProfile label {
    font-weight: var(--text-font-w);
    font-size: var(--text-font-s);
    display: block;
    width: fit-content;
    margin-bottom: 4px;
    cursor: pointer;
    font-size: 14px !important;
    font-weight: 600 !important;
    /* text-transform: capitalize !important; */
    color: var(--primary-color) !important;
    user-select: none !important;
}

@media (max-width: 500px) {
    .editProfile label {
        font-size: 12px !important;
    }
}

.editProfile .alert-success {
    padding: 4px;
    width: 80%;
    margin-left: 13px;
    font-size: 14px;
    color: var(--primary-color);
    font-weight: 500;
}

.editProfile input,
.editProfile input:focus,
.editProfile input:hover,
.editProfile input:active,
.editProfile select,
.editProfile textarea,
.editProfile textarea:active,
.editProfile textarea:focus {
    border: var(--input-border);
    border-radius: var(--border_radius);
    height: 35px;
    width: 100%;
    padding: 0 6px;
    outline: none;
    font-size: 12px;
    box-shadow: none;
    color: var(--dark-gray);
}

.editProfile textarea,
.editProfile textarea:active,
.editProfile textarea:focus {
    /* height: 80px; */
    height: auto;
    padding: 6px;
}

.editProfile select {
    cursor: pointer;
}

input.age,
input.age:hover,
input.age:active,
input.age:focus {
    width: fit-content;
}

.editProfile input::placeholder,
.editProfile textarea::placeholder {
    font-size: 12px;
    font-weight: 300;
    color: #aaaaaa !important;
}

.editProfile .editProfile_btn {
    font-size: 14px;
    font-weight: 400;
    padding: 8px 20px;
    border-radius: 4px;
    color: var(--white-color);
    background: var(--primary-color);
    box-shadow: 0 5px 5px 0 rgba(133, 157, 199, 0.5);
    border: 1px solid var(--primary-color);
    margin: 10px 0 6px 0;
}

/* .editProfile .editProfile_btn:hover {
    background: none;
    border: var(--border);
    color: var(--primary-color);
} */

/* myMessages =================
============================ */
.myMessages .goBackLink a:hover {
    color: var(--primary-color);
}

.myMessages .goBackLink .mini-heading {
    margin-top: 5px;
}

.myMessages_col-1 {
    /* border-bottom: var(--border); */
    padding-bottom: 10px;
}

.myMessages_col-2 {
    /* border-right: var(--border); */
    /* height: 600px; */
    position: relative;
    padding: 22px 10px;
}

.myMessages_col-2_withBorder {
    border-right: 1px solid #c2c2c2;
}

.myMessages_col-2 li {
    /* border: 2px solid var(--primary-color); */
}

.myMessages_col-2 .nav-tabs {
    --bs-nav-tabs-border-color: var(--primary-color);
    --bs-nav-tabs-link-active-border-color: var(--primary-color) var(--primary-color) var(--bs-body-bg);
}

.myMessages_col-2 .nav-tabs .nav-link {
    text-transform: capitalize !important;
}

.myMessages_col-2_child {
    padding-right: 5px;
    overflow-x: hidden;
    margin-top: 10px;
    height: 400px;
}

.myMessages_col-3 {
    position: relative;
    padding: 0;
}

.myMessages_col-3 .blankScreen {
    /* background: url(../../images/img/chatBg3.png); */
}

.myMessages_col-3 .blankScreen .logo {
    width: 210px;
}

.myMessages_col-3 .blankScreen p {
    font-size: 24px;
    color: #aaaaaa;
    font-weight: 500;
    margin-top: 10px;
}

.myMessages_col-3_div-1 {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: var(--box-mt);
    border-bottom: var(--border);
    padding-bottom: 6px;
}

.myMessages_col-3_div-2 {
    padding-right: 0;
    height: 350px;
    overflow-x: hidden;
    /* overflow: hidden; */
    /* align-items: end; */
}

.myMessages_col-3_div-4 {
    margin-bottom: 10px;
}

.myMessages_col-3_div-2 .myMessages_sender {
    display: flex;
    gap: 10px;
    margin-top: 14px;
    width: 400px;
    align-items: start;
}

.myMessages_col-3_div-2 .myMessages_col-3_div-2_child_1,
.myMessages_col-3_div-2 .myMessages_col-3_div-2_child_2 {
    background: #ededed;
    padding: 4px;
    padding: 4px 8px;
    box-shadow: 0 0 10px 0px rgb(218, 237, 255);
    border-radius: 10px 10px 10px 0px;
    margin-top: 10px;
    display: flex;
    align-items: end;
    gap: 6px;
}

.myMessages_col-3_div-2 .myMessages_col-3_div-2_child_2 {
    background: #dbf1ff;
    border-radius: 10px 10px 0px 10px;
}

.myMessages_col-3_div-2 .para {
    font-size: 15px;
    /* color: var(--white-color); */
    color: var(--primary-color);
}

.myMessages_col-3_div-2 .myMessages_receiver {
    display: flex;
    justify-content: end;
    flex-direction: column;
    align-items: end;
    width: 400px;
    gap: 10px;
    margin-left: auto;
    margin-top: 0px;
    margin-right: 12px;
}

.myMessages_col-3_div-2 .timeDate {
    font-size: 11px;
    margin-top: -4px;
    text-transform: capitalize;
    color: var(--primary-color);
}

.myMessages_col-3_div-3 {
    position: absolute;
    width: 97.35%;
    bottom: 1%;
}

.myMessages_col-3_div-3 .sendInput,
.msg-col_div_1 input {
    width: 100%;
    padding: 0 30px 0 6px;
    outline: none;
    font-size: 12px;
    box-shadow: none;
    color: var(--dark-gray);
    background-color: rgba(243, 243, 243, 1);
    border-radius: 11px;
    height: 42px;
    border: 0;
}

.myMessages_col-3_div-3 .sendIcon,
.msg-col_div_1 i {
    position: absolute;
    background: none;
    border: none;
    top: 0;
    right: 0;
    width: fit-content;
    color: var(--primary-color);
}

.msg-col_div_1 i {
    right: 1.55%;
}

.sendMassagechatbox .sendmassage {
    background: red;
    height: 100%;
    width: fit-content;
    /* padding: 0 24px; */
    width: 80px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: var(--white-color);
    text-transform: capitalize;
    background-color: var(--lite-primary);
}

.msg-col_div_1 {
    top: 0%;
    width: 100%;
    position: static;
}

.msg-col_div_1 i {
    top: 28%;
}

.deleteDiv {
    display: flex;
    /* align-items: self-start; */
    justify-content: end;
    /* padding-bottom: 10px; */
    margin-top: 20px;
    cursor: pointer;
    justify-content: space-between;
}

.chat_tab_main {
    display: flex;
    /* gap: 5px; */
    /* margin-bottom: 30px; */
    align-items: center;
    /* padding: 0px 0 20px 0px; */
    cursor: pointer;
}

.call_sec_avtart_sec .chat_tab_main {
    padding: 20px 20px 20px 20px;
    border-bottom: solid 1px #c2c2c2;
}

.my_side_chat_box {
    padding: 20px;
    padding-top: 10px;
    overflow: hidden;
    height: auto;
    max-height: 500px;
    overflow-y: scroll;
    /* margin-bottom: 20px; */
}

.chat_left_side .chat_tab_main {
    padding: 10px 0;
}

.chat_left_side .chat_tab_main:not(:last-child) {
    margin-bottom: 10px;
}

.chat_left_side .chat_tab_main.active {
    border-radius: 11px;
    background: #ebffcd;
}

.chat_box_msg_send_btn input {
    border: 0;
    background: transparent;
    font-weight: 400;
    font-size: 11px;
    color: #000;
    width: 65%;
}

.chat_box_msg_send_btn {
    border: solid 2px rgba(226, 232, 240, 1);
    padding: 10px 15px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
}

.chat_box_msg_send_btn button {
    width: 61px;
    height: 23px;
    border-radius: 8px;
    background-color: rgba(188, 253, 86, 1);
    border: 0;
    font-weight: 500;
    font-size: 10px;
    color: rgba(47, 63, 82, 1);
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.chat_box_msg_send_btn_wrap {
    padding: 20px;
}

.my_side_chat_box_avtar {
    display: flex;
    gap: 12px;
}

.msg-wrap_left {
    display: flex;
    justify-content: left;
    margin-bottom: 20px;
}

.msg-wrap_right {
    display: flex;
    justify-content: right;
    /* margin-bottom: 20px; */
}

.msg-wrap_right .chat_avtar_input_output {
    order: 1;
}

.msg-wrap_right .chat_box_msg p {
    background: rgba(47, 63, 82, 1);
    color: #fff !important;
}

.chat_box_msg p {
    background-color: rgba(241, 241, 241, 1);
    border-radius: 10px;
    padding: 7px 10px;
    color: rgba(0, 0, 0, 1) !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    margin-top: 0 !important;
}

.call_sec_avtart_sec .chat_tab_main .chat_name span {
    color: rgba(0, 0, 0, 1);
}

.chat_tab_main .chat_name {
    font-weight: 600;
    font-size: 14px;
    color: #000;
    margin-left: 5px;
}

.chat_tab_main .chat_name_time {
    display: flex;
    justify-content: space-between !important;
    width: 100%;
}

.chat_tab_main {
    /* background: green; */
}

.chat_tab_main .chat_name span {
    width: 60px;
    font-weight: 600;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.4);
    display: block;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat_tab_main .chat_time {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4);
    font-size: 12px;
}

.chat_avtar {
    display: flex;
    align-items: center;
}

.deleteDiv label {
    color: rgba(0, 0, 0, 0.4);
    font-weight: 400;
    font-size: 14px;
}

.input_label_chat {
    gap: 7px;
}

.deleteDiv .delete_icon {
    width: 16px;
}

.deleteDiv .restore_delete_icon {
    width: 20px;
}

.myMessages .dots_div,
.myMessages .sent-dots_div,
.myMessages .unread-dots_div,
.myMessages .notReplied-dots_div,
.myMessages .deleted-dots_div {
    position: relative;
    width: 30%;
    display: flex;
    justify-content: end;
}

.myMessages .dots_div .dots_img,
.myMessages .sent-dots_div .send-dots_img,
.myMessages .unread-dots_div .unread-dots_img,
.myMessages .notReplied-dots_div .notReplied-dots_img,
.myMessages .deleted-dots_div .deleted-dots_img {
    width: 6px;
    cursor: pointer;
}

.myMessages .dots_div .toolBox,
.myMessages .sent-dots_div .toolBox,
.myMessages .unread-dots_div .toolBox,
.myMessages .notReplied-dots_div .toolBox,
.myMessages .deleted-dots_div .toolBox {
    position: absolute;
    width: 100%;
    top: 100%;
    background: #fafafa;
    left: 0;
    margin-top: 10px;
    border-radius: 6px;
    box-shadow: 0 0 10px 0px rgb(239, 239, 239);
    display: none;
    transition: all 3s ease-in-out;
    z-index: 1000;
}

.myMessages .dots_div .toolBox.active,
.myMessages .sent-dots_div .toolBox.active,
.myMessages .unread-dots_div .toolBox.active,
.myMessages .notReplied-dots_div .toolBox.active,
.myMessages .deleted-dots_div .toolBox.active {
    display: block;
    transition: all 3s ease-in-out;
}

.myMessages .toolBox li {
    list-style: none;
    font-size: 14px;
    /* background: #fafafa; */
    padding: 8px;
    cursor: pointer;
    /* margin: 5px 0; */
    width: 100%;
    text-transform: capitalize;
}

.myMessages .toolBox li:nth-child(1) {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.myMessages .toolBox li:last-child {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.myMessages .toolBox li:hover {
    background: var(--white-color);
}

/* modal styling */
.whoIsInterested .modal-content {
    padding: 10px 12px 6px 12px;
}

.whoIsInterested .modal-content .buddyUps_btn {
    margin-top: 12px;
}

.myAds_page .modal h4,
.viewProfileModal h4 {
    font-size: 21px;
    color: var(--primary-color);
    font-weight: 500;
}

.viewProfileModal h4 {
    text-transform: capitalize;
}

.viewProfileModal .userDetails_row {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 5px;
}

.viewProfileModal .userDetails .col {
    margin-top: 10px;
}

.viewProfileModal .userDetails .heading {
    font-weight: 500;
}

.viewProfileModal .userDetails_row span {
    font-weight: 300;
}

.viewProfileModal .userDetails_row span,
.viewProfileModal .userDetails .heading {
    font-size: 14px;
    color: var(--primary-color);
    text-transform: capitalize;
}

.myAds_page .modalHeader,
.whoIsInterested .modalHeader {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 10px 10px 0 0;
}

.whoIsInterested .modalHeader {
    padding: 0;
    justify-content: space-between;
}

.myAds_page .modalBody {
    padding: 0 10px 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.myAds_page .modal .modalBTN,
.whoIsInterested .modalBTN {
    height: 30px;
    width: 100px;
    border: 1px solid transparent;
    background: var(--primary-color);
    border-radius: 4px;
    font-size: 14px;
    text-transform: capitalize;
    color: var(--white-color);
    font-weight: 400;
    margin-top: 5px;
}

.myAds_page .modal .modalBTN.yes {
    background: #d7d7d7;
    color: var(--primary-color);
}

/* //////////////////////////////////////////////////////////////////////////// */
/* primeMemberBoxprimeMemberBoxprimeMemberBoxprimeMemberBoxprimeMemberBoxprimeMemberBoxprimeMemberBoxprimeMemberBoxprimeMemberBoxprimeMemberBox */
.primeMemberBox {
    position: relative;
    /* background: red; */
}

.primeMemberBox .para {
    text-transform: capitalize;
    font-size: 14px;
}

.primeMemberBox .crown {
    width: 50px;
    /* position: absolute;
    top: 10%;
    right: .6%; */
}

.profile_sec_mobile_new,
.sidebar_userImg_div .crown {
    display: none;
}

#countdown-container {
    display: flex;
    justify-content: center;
    align-items: start;
}

#countdown-container .child {
    margin-right: 4px;
    font-size: 14px;
    color: var(--primary-color);
    /* background-color: var(--lite-primary); */
    /* padding: 0px 5px; */
    /* width: 70px; */
    display: flex;
    justify-content: center;
    border-radius: 3px;
    font-weight: 600;
}

/* Who is interested */
.whoIsInterested {
    padding-bottom: 10px;
}

.showDiv_1 {
    margin-top: 30px;
}

.whoIsInterested .room-to-rent-row {
    /* padding-left: 11px; */
    width: 100%;
    margin: auto;
}

/* edit ad styling */
.RReditAdModal {
    width: 100%;
}

.editModal::-webkit-scrollbar {
    display: none;
}

.editModal .submitBtn {
    height: 30px;
    border: 1px solid var(--primary-color);
    margin-top: 20px;
    background: var(--primary-color);
    color: var(--white-color);
    padding: 0 26px;
    border-radius: 4px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    transition: 0.2s ease-in-out;
}

.editModal .submitBtn:hover {
    background: transparent;
    color: var(--primary-color);
}

.editModal .border_BTM {
    border-bottom: 2px solid var(--lite-gray);
    padding-bottom: 30px;
}

.RWeditModal .border_BTM {
    margin: 0;
}

.editModal .modalHeader {
    padding: 10px 0 0 0;
}

.editModal .modal-content {
    width: 100% !important;
    min-width: 650px;
    overflow-x: hidden !important;
}

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

.editModal .editMultiImage_col {
    width: 100%;
    margin: auto;
    margin-top: 5px;
    border: none;
    border-radius: 4px;
}

.edit_heading {
    font-size: 24px;
    font-weight: 600;
    color: var(--primary-color);
    text-transform: capitalize;
}

.editMini_heading {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--primary-color);
    margin: 0;
}

.editFormInput,
.editFormInput:focus,
.editFormInput:active {
    width: 100%;
    height: 38px;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    font-size: 12px;
    box-shadow: none;
    padding: 0.375rem 0.75rem;
}

.editFormLabel {
    font-size: 14px;
    font-weight: 400;
    color: var(--primary-color);
    text-transform: capitalize;
    user-select: none;
}

.editFormLabel22 {
    width: 80%;
    margin-right: auto;
}

.editModal .chooseBtn {
    text-transform: capitalize;
}

.editFormTextArea,
.editFormTextArea:active,
.editFormTextArea:focus {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    font-size: 13px;
    font-family: Roboto;
    box-shadow: none;
    margin-bottom: 2%;
}

.editModal .editFormSelect {
    width: 100%;
    height: 38px;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    font-size: 12px;
    font-family: Roboto;
    box-shadow: none;
}

.myMessages .myMessages_row_1 {
    padding: 0 8px 0 20px !important;
    overflow: hidden !important;
}

.myMessages .myMessages_right_row {
    padding-top: 17px;
}

.myMessages .goBackChat {
    display: none;
}

/*benfit section start*/
.benefit-section {
    border: solid 1px #dcdceb;
    padding: 25px;
    margin-top: 30px;
    border-radius: 8px;
    overflow: visible !important;
}

.benefit-section ul li {
    list-style: none;
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    color: #061c3d;
}

.benefit-section ul {
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.crown-sec {
    display: flex;
    align-items: center;
    gap: 20px;
}

.crown-sec p {
    font-weight: 600;
    font-size: 18px;
    color: #061c3d;
}

.upgrade-btn a {
    background-color: #ffb30f;
    border-radius: 8px;
    padding: 10px;
    border: 0;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    display: block;
    margin: 30px auto 0px auto !important;
    width: fit-content;
}

.upgrade-btn a {
    color: #fff;
    letter-spacing: 1px;
}

.delete-inner h3 {
    font-size: 18px;
    color: #061c3d;
    font-weight: 600;
    margin: 0;
}

.delete-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.delete-inner button {
    color: #ff0000;
    font-size: 12px;
    font-weight: 400;
    border: 0;
    width: 88px;
    height: 30px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

/*benfit section end*/
/*ads cards */
.ads-card-container .cards {
    border-radius: 8px;
    border: 1px solid #c2c2c2;
    padding: 16px 32px;
}

.ads-main .ads-container_col:last-child .cards {
    margin-bottom: 0;
}

.ads-card-container .cards .circle-active {
    background-color: #bcfd56;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

.ads-card-container .cards h3 {
    font-weight: 600;
    font-size: 18px;
    color: #061c3d;
    margin-bottom: 10px;
}

.archive-cntnr {
    display: flex;
    gap: 40px;
}

.post-btn {
    text-align: center;
}

.post-btn button{
    position: absolute;
    right: 20px;
    top: 15px;
}
.post-btn a {
    padding: 10px 15px;
    border: 0;
    border-radius: 14px;
    background-color: var(--primary-color) !important;
    color: var(--white-color);
    font-weight: 600;
    font-size: 12px;
    display: block;
    width: fit-content;
    margin: auto;
    margin-top: 12px;
}

.post-btn button a {
    color: #fff;
}

.ads-card-container .cards .active-archive {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 400;
    font-size: 16px;
    color: #061c3d;
}

.need-help-cntnr .need-help-mob {
    display: flex;
    gap: 50px;
}

.need-help-mob-number {
    font-weight: 400;
    font-size: 16px;
    color: #061c3d;
    display: flex;
    gap: 5px;
    align-items: center;
}

.needhelp-head h3 {
    color: #061c3d;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.needhelp-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*paging start*/
.paging {
    padding: 15px 25px;
    background-color: #f3f3f3;
    border-radius: 10px;
    margin-top: 14px;
}

.paging-count {
    font-weight: 400;
    color: #2b3443;
    font-size: 14px;
}

.arrow-sec {
    display: flex;
    align-items: center;
    gap: 7px;
}

.showing-txt {
    color: #687182;
    font-size: 14px;
    font-weight: 400;
}

.lft-arrow,
.right-arrow {
    width: 30px;
    height: 25px;
    border-radius: 7px;
    border: solid 1px #c2c2c2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paging-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.room-wanted-ads .room-count {
    font-size: 14px;
    font-weight: 400;
    color: #8f90a6;
    display: block;
    margin-bottom: 14px;
}

.room-wanted-ads .room-count_para {
    color: #8F90A6;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.room-wanted-ads .locations {
    color: #8F90A6;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.room-wanted-ads .break-word-wrap-new_p{
text-overflow: ellipsis;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;}

.room-wanted-ads p {
    font-weight: 400;
    font-size: 14px;
    color: #8f90a6;
    margin-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.room-wanted-ads h3 {
    margin-bottom: 5px;
}

.live {
    font-weight: 500;
    color: rgb(0, 255, 0) !important;
    font-size: 16px;
}

.room-wanted-ads .bottom-sep h3::first-letter {
    text-transform: capitalize;
}

.room-wanted-ads h4 {
    color: var(--primary-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.live-cntnr h3 {
    margin-bottom: 0;
}

.left-day {
    font-weight: 500;
    color:rgba(255, 0, 0, 1);
    font-size: 16px;
}

.live-cntnr {
    display: flex;
    align-items: center;
    gap: 33px;
}

.angel-div {
    font-weight: 500;
    color: #8f90a6;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.saved-ads-sec {
    background-color: #fffbf3;
}

.saved-ads-sec .new-catle-text {
    font-weight: 500;
    color: #8f90a6;
    font-size: 16px;
    margin-bottom: 12px;
}

.saved-ads-sec .week-text {
    color: #ff0000;
    font-weight: 500;
    font-size: 14px;
}

.saved-ads-sec .available-room {
    font-weight: 400;
    color: #8f90a6;
    font-size: 14px;
}

.saved-ads-sec .pw-cntnr img {
    width: 23px;
    height: 22px;
}

.archiveAds_priceBTN button {
    border-radius: 10px;
    /* background: var(--secondary-color); */
    background: none;
    border: none;
    padding: 8px 21px;
    color: var(--primary-color);
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

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

.tag-new {
    position: relative;
}

p.urgent-need {
    color: #2f3f52;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}

.not-live-cntnr {
    display: flex;
    align-items: center;
    gap: 45px;
    margin-top: 12px;
}

.not-live {
    font-weight: 500;
    color: #ff2c2c;
    font-size: 16px;
}

.archive-ads .bottom-sep h3 {
    color: #ff0000;
}

.angel-text {
    font-weight: 500;
    font-size: 14px;
    color: #8f90a6;
    margin-top: 25px;
    padding-bottom: 13px;
}

.new-today {
    font-weight: 500;
    color: #e63636;
    font-size: 14px;
}

.tag-new span {
    position: absolute;
    font-weight: 500;
    font-size: 12px;
    color: #282431;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 100%;
    text-align: center;
}

.tag-cntnr {
    position: absolute;
    top: 10px;
    left: -8px;
}

.tag-cntnr .tag-shape {
    display: flex;
    align-items: self-end;
    margin-top: -2px;
}

.tag-cntnr img {
    width: auto;
    height: auto;
}

.saved-ads-sec .pw-cntnr .wifi-tv {
    margin-bottom: 8px;
}

.saved-ads-sec h3 span {
    font-weight: 500;
    font-size: 22px;
    color: #2f3f52;
}

.benefit-section.saved-ads-sec {
    border: 1px solid #ffb30f;
}

.saved-ads-sec.bdr-orange {
    border: solid 1px #dcdceb;
    background-color: transparent;
    overflow: hidden !important;
    position: relative;
}

.saved-ads-sec .pw-cntnr {
    align-items: center;
    gap: 8px;
}

.bdr-orange .wifi-tv {
    border-top: solid 1px #dcdceb;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
    margin-top: 0 !important;
}

.saved-ads-sec .wifi-tv {
    margin-top: 15px;
}

/*who interested page start*/
.who_interested .sidebar_col-1 {
    margin-top: 0px;
    margin-bottom: 20px;
}

.who_interested .referenece-id {
    font-weight: 400;
    color: #061c3d;
    font-size: 14px;
}

.interested_btn_cntnr button {
    width: 110px;
    height: 30px;
    border-radius: 30px;
    color: #1daeff;
    font-weight: 400;
    font-size: 12px;
    border: solid 1px rgba(29, 174, 255, 0.5);
    background-color: #e8f7ff;
    margin-bottom: 15px;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.interested_btn_cntnr button:nth-child(2) {
    background-color: #e8ecf2;
    border: solid 1px #8298b9;
    color: #1b437f;
}

.interested_btn_cntnr button:nth-child(3) {
    background: #2f3f52;
    border-radius: 8px;
    color: #bcfd56;
    font-weight: 500;
    font-size: 14px;
    width: 132px;
    height: 30px;
    margin: 15px 0 0 0;
}

.who_interested .room_count {
    font-weight: 500;
    font-size: 16px;
    color: #061c3d;
    margin-top: 10px;
}

.who_interested .interested_btn_cntnr {
    display: flex;
    flex-direction: column;
    align-items: end;
}

/*who interested page end*/
/*email page start*/
.email-alert .email-box {
    padding: 15px 15px 15px 30px;
    border-radius: 8px;
    border: solid 1px #dcdceb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 25px;
}

.email-box .rooms_email {
    font-weight: 600;
    color: #061c3d;
    font-size: 18px;
}

.email-alert .remove_btn {
    background: #ffe5e5;
    color: rgba(255, 0, 0, 1);
    border: solid 1px rgba(255, 0, 0, 0.5);
    width: 87px;
    height: 30px;
    border-radius: 30px;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: auto;
}

.email-alert .remove_btn:hover {
    background: #ff0000;
    color: #fff;
}

.email-alert .optin_btn {
    background: #edffe8;
    color: #00bb48;
    border: solid 1px #1dff52;
    width: 87px;
    height: 30px;
    border-radius: 30px;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: auto;
}

.email-alert .optin_btn:hover {
    background: #00d523;
    color: #fff;
}

.ribbon-email {
    display: flex;
    align-items: center;
    gap: 20px;
}

.email-alert .mini-heading {
    font-weight: 400;
    color: #061c3da7;
    font-size: 0.8rem;
}

/*who interested page end*/
/*post ad page start*/
.dashboard_boxes .bdr-btm {
    border-bottom: 1px solid #c2c2c2;
}

/*edit modal start*/
.modal-dialog.edit_modal_s {
    max-width: 595px;
}

.modal-dialog.edit_modal_s .modal-content {
    border-radius: 8px;
    border: 1px solid #ddd;
}

.edit_modal_s .modal-header {
    display: flex;
    border-bottom: 0;
    justify-content: flex-end;
}

.edit_modal_s .modal-header button {
    border: 0;
    background: #adadad;
    width: 27px;
    height: 27px;
    border-radius: 50px;
    color: #fff;
}

.modal-backdrop {
    background: #f6f7f7;
    opacity: 0.9 !important;
}

.edit_modal_strip {
    background-color: #ececec;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, 0.5);
    font-weight: 400;
    font-size: 14px;
    color: rgba(102, 102, 102, 1);
    padding: 10px;
    max-width: 483px;
    width: 100%;
    margin: auto;
}

.describe_yourself_cntnr_main {
    width: 100%;
    margin: auto;
    margin-top: 40px;
}

.describe_yourself_cntnr {
    margin-top: 25px;
}

.describe_yourself_cntnr h3 {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    font-weight: 500;
    margin-bottom: 0;
}

.property_size_type {
    margin-top: 25px;
}

.property_size_type label {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    font-weight: 500;
    margin-bottom: 5px !important;
}
.property_size_type .form_mini_headings{
    margin-bottom: 10px;
}


.property_size_type .property_size_type_inner label {
    margin-bottom: 25px;
}

.property_size_type input[type="text"],
.property_size_type select,
.property_size_type input[type="date"],
.property_size_type textarea,
.property_size_type input[type="file"] {
    border-radius: 9px;
    border: solid 1px rgba(102, 102, 102, 0.35);
    padding: 10px 15px;
    width: 100%;
    color: rgba(102, 102, 102, 1);
    height: 42px;
    font-weight: 400;
    font-size: 12px;
}

.edit_profile_new textarea {
    height: 150px;
}

button.edit_profile {
    border: solid 1px rgba(210, 210, 210, 1);
    border-radius: 3px;
    font-weight: 400;
    font-size: 13px;
    color: rgba(51, 51, 51, 1);
    width: 130px;
    padding: 8px;
    margin: auto;
    display: block;
    margin-top: 15px;
}

.phone_edit_num {
    margin-top: 15px;
}

.phone_edit_num p {
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    display: flex;
    gap: 9px;
    margin-bottom: 0;
}

button.save_btn_edit {
    background-color: rgba(47, 63, 82, 1);
    border-radius: 7px;
    width: 161px;
    height: 49px;
    border: 0px;
    font-weight: 500;
    font-size: 16px;
    margin: auto;
    margin-top: 37px;
    color:#fff;
}

.property_size_type input[type="file"] {
    padding-top: 8px;
}

.upload_img_cntnr .frame {
    border: dotted 1px rgba(47, 63, 82, 1);
    padding: 5px;
    border-radius: 8px;
}

.edit_profile_new_h3 {
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    font-size: 20px;
    margin-bottom: 35px;
}

.edit_profile_new .checkbox_cntnr_edit span {
    font-size: 14px !important;
}

.text_center_edit {
    text-align: center;
}

.profile_edit_img_cntnr label {
    font-weight: 500;
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 13px;
}

.attach_edit_new {
    background-color: rgba(210, 210, 210, 1);
    border-radius: 8px;
}

.upload_img_cntnr .frame img {
    width: 100%;
}

.upload_img_cntnr {
    border-radius: 8px;
    border: solid 1px rgba(102, 102, 102, 0.35);
    padding: 12px;
    margin-top: 26px;
}

.upload_img_cntnr {
    margin-top: 25px;
}

.upload_img_cntnr h3 {
    font-weight: 500px;
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 20px;
}

button.modify_btn {
    border: solid 1px rgba(210, 210, 210, 1);
    border-radius: 4px;
    width: 51px;
    height: 22px;
    font-weight: 400;
    font-size: 10px;
    color: rgba(51, 51, 51, 1);
    margin: auto;
    margin-top: 10px;
    display: block;
}

.property_size_type select option {
    font-weight: 400;
    font-size: 12px;
    color: rgba(102, 102, 102, 1);
}

.radio_btn_cntnr {
    display: flex;
    gap: 10px;
    align-items: center;
}

.cont-inpt-radio-edit-form {
    display: flex;
}

.radio_btn_wrap {
    display: flex;
    gap: 10px;
    padding-left: 20px;
}

.describe_yourself_cntnr.red_edit_alert {
    margin-top: 35px;
}

.describe_yourself_cntnr.red_edit_alert p {
    display: flex;
    gap: 7px;
    color: rgba(255, 0, 0, 1);
    font-weight: 400;
    font-size: 14px;
}

.describe_yourself_cntnr.room_emenities .checkbox_cntnr_edit {
    display: flex;
    gap: 9px;
    margin-top: 20px;
}

.living_prperty label {
    margin-bottom: 5px !important;
}

.checkbox_cntnr_edit_wrap {
    display: flex;
}

.describe_yourself_cntnr.room_emenities .checkbox_cntnr_edit span {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    font-weight: 500;
}

.radio_btn_cntnr-main {
    display: flex;
    align-items: center;
    gap: 20px;
}

.cont-inpt-radio-edit-form input[type="text"] {
    width: 50%;
}

.radio_btn_cntnr span {
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
}

.property_size_type h2 {
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    margin-bottom: 18px;
}

.button_cntnr_edit_modal {
    margin-top: 16px;
    display: flex;
    gap: 23px;
}

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

.half_width_cntnr select {
    width: 45%;
}

.button_cntnr_edit_modal button {
    width: 124px;
    height: 44px;
    border-radius: 27px;
    border: 0;
    font-weight: 500;
    font-size: 12px;
    color: rgba(37, 43, 92, 1);
}

.button_cntnr_edit_modal button.blue_edit_btn {
    background-color: rgba(47, 63, 82, 1);
    color: rgba(188, 253, 86, 1);
}

.property_detail_sec_edit {
    border-top: 1px solid rgba(0, 0, 0, 1);
    margin-top: 40px;
    padding-top: 40px;
}

.describe_yourself_cntnr h3.edit_head_h3 {
    font-weight: 500;
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
}

.property_detail_sec_edit_h3 {
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    font-size: 23px;
}

/*edit modal end*/
/*chat sec start*/
.message_chat li a.active {
    color: #000 !important;
    background-color: transparent !important;
    border-bottom: solid 6px #2f3f52 !important;
    border-radius: 4px;
}

.message_chat li a {
    color: #d7d7d7;
    font-weight: 600;
    font-size: 20px;
}

.nav-tabs .nav-link {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
}

#myTabContent {
    border: 1px solid #c2c2c2;
    border-radius: 8px;
    padding: 0px 13px;
    margin-top: 12px;
}

.roomListPremium .status .online-green {
    width: 8px;
    height: 8px;
    background-color: green;
    border-radius: 50px;
}

.status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    /* gap: 5px; */
    /* padding: 0; */
    margin-top: 3px;
}

.tel_div_chat {
    width: 72px;
    height: 34px;
    border-radius: 7px;
    background-color: #eaecee;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.chat_name .status button {
    background: transparent;
    border: 0;
    border-radius: 5px;
    font-size: 11px;
    padding: 0;
    font-weight: 500;
    margin-left: 5px;
    color: var(--primary-color);
    text-decoration: underline;
}

.chat_name .status button a {
    font-size: 14px;
    text-transform: capitalize;
    color: var(--primary-color);
}

/* #myModal{
    display: block !important;
} */
.tel_div_chat span {
    font-weight: 600;
    font-size: 13px;
    color: rgba(47, 63, 82, 1);
}

/*file uploader custom start*/
.file {
    position: relative;
    display: block;
    width: 100%;
    height: 42px;
    background: url(http://radity.com/static/img/form/file.png) no-repeat 0 0;
    border-radius: 9px;
    border: solid 1px rgba(102, 102, 102, 0.35);
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.file input {
    position: absolute;
    right: 0;
    right: 0;
    width: 100%;
    height: 34px;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    z-index: 30;
}

.file .value {
    position: absolute;

    left: 10px;
    font: 14px ProximaNovaRegular, Helvetica, Arial, sans-serif;
    color: #444;
    z-index: 10;
    display: block;
    border-right: solid 1px rgba(102, 102, 102, 0.35);
    padding-right: 10px;
    top: 8px;
    bottom: 8px;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.file .bt-value {
    position: absolute;
    top: 8px;
    right: 13px;
    font-size: 12px;
    color: rgba(102, 102, 102, 1);
    text-shadow: 0 -1px 0 rgba(1, 2, 2, 0.25) !important;
    z-index: 10;
    left: 30%;
    top: 32%;
}

/*file uploader custom end*/
/*chat sec end*/
/* media queri ==========
====================== */
@media (max-width: 1210px) {

    /* BuddyUps */
    .buddyUps_col_1 {
        gap: 0.5rem !important;
    }

    .buddyUps_user_img {
        font-size: 3rem;
        color: var(--dark-gray);
    }
}

@media (max-width: 992px) {
    :root {
        --box-padding: 12px 10px;
    }

    .userDashboard .RoomWantedPremium .room_wanted_hot-icon {
        width: 15%;
    }

    .crown-sec p {
        font-size: 15px;
    }

    .userDashboard .roomListPremium .roomListPremiumCol_90 {
        padding-left: 8px !important;
    }

    .myMessages_col-3_div-3 {
        width: 94%;
    }

    .myMessages_col-2_child .reference_no {
        font-size: 12px;
        color: var(--primary-color);
    }

    .myContainer {
        padding: 3% 2% 3% 1.5%;
    }

    .userDashboard .RoomWantedListRight_div-4 .span-1 a {
        width: 300px;
    }

    .usermassagelista .mini-heading,
    .myMessages_col-2 .mini-heading {
        font-size: 14px;
    }

    .ads_div-1 {
        display: flex;
        margin-top: 6px;
        /* margin-top: var(--box-mt); */
    }

    .ads_div-2 {
        margin-top: 0;
    }

    .pageContent_col {
        padding-right: 0.4rem !important;
    }

    .savedSearch_tabs {
        width: 100%;
    }

    /* BuddyUps */
    .buddyUps_col_1 {
        /* padding: 0; */
        gap: 0.5rem !important;
    }

    .buddyUps_user_img {
        font-size: 3rem;
        color: var(--dark-gray);
    }

    .buddyUps_btn {
        width: 140px;
    }

    .buddyUps_location_div {
        /* display: block !important; */
        width: 100%;
    }

    .welComeDiv img {
        display: none;
    }

    .welComeDiv .div_1 {
        font-size: 16px;
    }

    .msg-col_div_2_parent .global_para {
        width: 200px !important;
    }

    .userDashboard .room_listing_img-div {
        height: 160px !important;
    }

    .page_tabs {
        border-radius: 3px;
        padding: 4px 20px;
        font-size: 16px;
    }
}

/* ////////////////////////// */
@media (max-width: 768px) {
    .chat_tab_main .chat_name span {
        width: 100%;
    }

    .approval-div .img1 {
        border-top-right-radius: 7px;
    }

    .myContainer {
        padding: 3% 2% 3% 3%;
    }

    .box_margin_top {
        margin-top: 20px;
        padding-bottom: 25px;
    }

    .myAds_page_content_div {
        display: block;
        margin-top: 4%;
    }

    .myAds_page_content_div_child-2 {
        gap: 2rem;
        margin-top: 1%;
    }

    .myAds_page .RoomListRight_div-1 span a {
        width: 180px;
    }

    /* Edit Profile */

    .editProfile_div1_child {
        margin-top: 10px;
    }

    input.age,
    input.age:hover,
    input.age:active,
    input.age:focus {
        width: 100%;
    }

    /* .editProfile_div2 {
        display: block !important;
    } */

    .editProfile_div2_child {
        margin-top: 10px !important;
    }

    .editProfile_div3 {
        margin-top: 10px !important;
    }

    .editProfile .editProfile_btn {
        margin-top: 15px !important;
        margin-bottom: 10px !important;
    }

    .editProfile_div1_child.child_1 {
        width: 50%;
    }

    .editProfile_div1_child.child_2 {
        width: 50%;
    }

    .editProfile_div1_child.child_4 {
        width: 32%;
    }

    .editProfile_div2_child.child_3 {
        width: 50%;
    }

    .userDashboard .room_listing_img-div {
        height: 160px !important;
    }

    .not-live-cntnr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
    }
    .react-ad{
        width: 100%;
        text-align: center;
    }
    .not-live{
        text-align: center;
        width: 100%;
        display: block;
    }
}

/* ////////////////////////// */
@media (max-width: 1199px) {
    .mobile-hidden {
        display: none !important;
    }

    .msg-col_div_2_parent .global_para {
        width: 250px;
    }
}

@media (max-width: 600px) {
    :root {
        --heading-font-s: 18px;
        --text-font-s: 14px;
        --border: 1px solid var(--primary-color);
        --box-padding: 6px;
    }

    .need-help-cntnr .need-help-mob {
        gap: 20px;
    }

    .crown-sec p {
        font-size: 14px;
    }

    .userDashboard .RoomWantedPremium .room_wanted_hot-icon {
        width: 20%;
    }

    .profileUserImage_col .profileChangeDiv {
        height: 25px;
        width: 25px;
    }

    .profileUserImage_col .profileChangeDiv .profileChangeChild {
        position: absolute;
        width: 100px;
    }

    .profileUserImage_col .profileChangeDiv .fa-pen-to-square {
        font-size: 12px;
        margin-left: 2px;
    }

    .myMessages_top_bar {
        gap: 1rem !important;
    }

    .myMessages_col-3_div-3 i {
        position: absolute;
        top: 30%;
        right: 2%;
        color: var(--secondary-color);
    }

    .circle {
        font-size: 6px;
    }

    .save_icon {
        color: var(--blue-color);
        font-size: 1rem;
    }

    .profileUserImage_col_div-2 .profileGenderDiv {
        border: var(--border);
        padding: 0px 4px;
        border-radius: var(--border_radius);
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .page_tabs {
        border-radius: 3px;
        padding: 4px 20px;
    }

    .pageContent_col {
        padding-right: 0.75rem !important;
    }

    /* .sidebar_userName {
        font-size: 12px;
    } */

    .page_content_div {
        /* margin-top: 10px;
        border: var(--border);
        border-radius: var(--border_radius); */
        padding: 2px;
    }

    .myAds_page .myAds_page_img {
        /* width: 100%;
        height: 100%;
        border-radius: var(--border_radius);
        margin-bottom: 10px; */
    }

    .myAds_page_content_div_child-3 {
        display: block;
    }

    .myAds_page_content_div_child-3 .span-1 {
        margin-top: 10px;
        display: flex;
        gap: 0.1rem;
        text-transform: capitalize;
    }

    .myAds_page_content_div_child-5_child {
        gap: 0.5rem !important;
    }

    .myAds_page_content_div_child-5 .span-1 {
        color: var(--primary-color);
        background: none;
        text-decoration: underline;
        color: var(--secondary-color);
        font-size: var(--text-font-s);
        font-weight: var(--text-font-w);
        padding: 0;
        border-radius: var(--border_radius);
        background-repeat: no-repeat;
        height: fit-content;
        width: fit-content;
    }

    .myAds_page_content_div_child-5 a {
        /* margin-top: .45rem; */
    }

    .myAds_page_content_div_child-7 {
        margin-top: 0px;
        padding-top: 10px;
        display: block;
        justify-content: space-between;
        align-items: center;
    }

    .myAds_page_content_div_child-7 .span-1 {
        color: var(--primary-color);
        background: none;
        text-decoration: underline;
        color: var(--secondary-color);
        font-size: var(--text-font-s);
        font-weight: var(--text-font-w);
        padding: 0;
        border-radius: var(--border_radius);
        background-repeat: no-repeat;
        height: fit-content;
        width: fit-content;
        margin-bottom: 10px;
    }

    .myAds_page_content_div_child-7-1 {
        justify-content: space-between;
    }

    /* BuddyUps */
    .buddyUps_col_1 {
        /* padding: 0; */
        padding-top: 8px;
        gap: 0.5rem !important;
    }

    .buddyUps_user_img {
        font-size: 2rem;
        color: var(--dark-gray);
    }

    .buddyUps_col-2 {
        flex-direction: row !important;
        justify-content: start !important;
        gap: 0.55rem;
    }

    .buddyUps_btn {
        width: 90px;
        padding: 4px 2px;
    }

    .whoIsInterested .buddyUps_col-2 .buddyUps_btn {
        width: 130px;
    }

    .location_span {
        font-size: 6px;
    }

    /* Edit Profile */
    .profileUserImage {
        width: 80px;
        height: 80px;
    }

    .profileUserImage_col label {
        font-size: 10px !important;
        padding: 3px 4px 3px 6px;
    }

    .editProfile .editProfile_btn {
        padding: 4px 8px;
    }

    .profileUserImage_col_div-2 .profileGenderDiv i {
        font-size: 8px;
    }

    /* .profileUserImage_col_div-2 .profileGenderDiv {
        padding: 0 4px 2px 4px;
    } */

    .profileUserImage_col_div-2 {
        gap: 0.5rem;
    }

    .msg-col_div_2_parent .global_para {
        width: 150px !important;
    }

    .messageUser_img {
        height: 40px;
        width: 40px;
    }

    .msg-col_div_2_parent {
        height: 110px;
    }

    .msg-col_2_div_2 {
        margin-top: var(--box-mt);
        height: 100px;
        overflow-y: scroll;
    }

    .myAds_page .RoomList .myAds_page_content_div_child-7 {
        padding: 0 20px 10px 20px;
    }

    .myMessages_col-3_div-3 .sendIcon {
        top: -6px;
    }
}

@media (max-width: 691px) {
    .primeMemberBox .crown {
        width: 55px;
    }

    .myContainer {
        padding: 3% 1.5% 3% 2.35%;
    }

    .chat_tab_main .chat_name span {
        width: 80%;
    }
}

@media(max-width: 1176px) {
    .myAds_btn-area-new {
        display: block;
    }
}

/* //////////////////// */
@media (max-width: 576px) {
    .userDashboard .RoomWantedList {
        /* overflow: hidden; */
    }

    .pw-cntnr button {
        padding: 8px 8px !important;
        font-size: 12px !important;
        width: auto;
    }

    .userDashboard .RoomWantedList {
        padding: 10px 18px 10px 8px;
    }

    .userDashboard .RoomWantedList_div_5 .room_listing_bottom_icons_div {
        right: 0 !important;
    }

    .msg-col_2 {
        height: fit-content;
    }

    .pageContent_col button {
        margin: 6px 0 6px 6px;
        /* width: 46%; */
        padding: 6px 0;
    }

    .archiveAds_priceBTN button {
        padding: 8px 10px;
        font-size: 14px !important;
    }

    .bottom-sep .btn-area-new button {
        margin: 0;
    }

    .btn-area-new {
        justify-content: flex-end;
        margin-top: -3px;
    }
    .myAds_amenities_div{
        margin-top: 0px;
    }

    .pageContent_bar_div {
        margin-bottom: 6px;
    }

    .myContainer {
        padding: 3% 1.5% 3% 4%;
    }

    .upgrdBtn {
        padding: 8px 120px;
        width: 130px !important;
    }

    .ads-container_col {
        padding-right: 0;
    }

    .ads-container_col:not(:first-child) {
        padding-left: 0;
    }

    .msg-col_2 {
        padding-left: 0;
        /* margin-top: var(--box-mt); */
    }

    .ads_div-2 i,
    .ads_div-2 span {
        margin-top: 10px;
    }

    .bottom-sep {
        display: block;
        padding-top: 12px !important;
    }

    /* .approval-divSavedAds .hotAdImg {
        left: -2%;
    } */
}

@media (max-width: 422px) {
    .welComeDiv {
        align-items: center;
    }

    .welComeDiv .div_1 {
        font-size: 14px;
    }

    .myContainer {
        padding: 3% 1.5% 3% 4.4%;
    }

    .msg-col_div_2_parent .global_para {
        width: 100px !important;
    }
}

@media (max-width: 376px) {
    .subDiv .div_1 {
        font-size: 12px;
    }

    .welComeDiv .div_1 {
        font-size: 12px;
    }

    .myContainer {
        padding:0px 20px;
    }

    .chat_tab_main .chat_name span {
        width: 100px !important;
    }
}

/* ////////////////////// */
@media (max-width: 1200px) {
    .sidebar_btn_div {
        width: 90%;
        margin: auto;
    }

    .msg-col_div_2 .span-2,
    .msg-col_div_2 .span-3 {
        width: 200px;
    }
}

.goBackAnother {
    display: none !important;
}

/* sidebar responsive */
@media (min-width: 768px) {
    .mobile_sidebar_main {
        display: none;
    }

    .room-wanted-ads .room-count {
        font-size: 12px;
    }

    .room-wanted-ads h4 {
        font-size: 12px;
    }

    .mobile_sidebar_main a {
        border-bottom: solid 1px rgba(47, 63, 82, 1);
    }

    .show_mobile {
        display: none;
    }
}

@media (max-width: 768px) {
    .saved-ads-sec .pw-cntnr{
        margin-top: 10px;
        justify-content: end;
        width: 100%;
    }
    .pw-cntnr .saveIcon p{
        font-size: 12px;
    }
    #nearbyareas{
        display: none !important;
    }
    .chat_tab_main {
        justify-content: flex-start;
        gap: 15px;
    }
    .MaiFilter_tabs span{
        font-size: 13px;
    }

    .responsive_archive_wifi {
        flex-direction: column;
    }

    .cancel_profile-mob {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .myMessages_col-3_div-3 .sendInput,
    .msg-col_div_1 input {
        height: 42px;
        border-radius: 11px;
        font-size: 13px;
        padding-left: 15px;
        margin-top: 22px;
    }

    .myMessages_col-3_div-3 .sendInput,
    .msg-col_div_1 input::placeholder {
        font-size: 13px;
    }

    .myMessages_col-2 {
        padding-top: 0;
    }

    .myMessages_col-3 {
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 1;
        left: -100%;
        width: 100%;
    }

    .profile-mobile-inner {
        padding-top: 48px;
        width: 90%;
        margin: auto;
    }

    .profile-mobile-inner .profile_avtar_img {
        text-align: center;
    }

    .userDashboard .sidebar_bar {
        z-index: 1;
    }

    .profile-name-mobile h3 {
        font-size: 16px;
        color: rgba(6, 28, 61, 1);
        font-weight: 600;
    }

    .profile-name-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 10px;
    }

    .member_since_mobile label {
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: 11px;
        color: rgba(6, 28, 61, 1);
        margin-bottom: 5px;
    }

    .profile_logout_mobile {
        margin-top: 40px;
    }

    .profile_logout_mobile button {
        width: 100%;
        height: 30px;
        color: rgba(255, 255, 255, 1);
        font-weight: 600;
        font-size: 9px;
        border-radius: 7px;
        background-color: rgba(47, 63, 82, 1);
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin: 0;
    }

    .grey_circle_profile {
        width: 27px;
        height: 27px;
        background-color: rgba(243, 244, 246, 1);
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .grey_circle_profile i {
        font-size: 13px;
    }

    .profile_sec_mobile_new {
        box-shadow: 20px 31.463319778442383px 42.93000030517578px -11.798744201660156px rgba(47, 63, 82, 0.3);
        border: solid 1px rgba(47, 63, 82, 0.3);
        border-radius: 0px 8px 8px 0px;
        width: 249px;
        height: 100vh;
        position: absolute;
        background-color: #fff;
        top: 0;
        left: -249px;
        z-index: 2;
    }

    .myMessages_col-3 .blankScreen {
        background-color: #fff;
        height: 100vh;
    }

    button.save_btn_edit {
        width: 108px;
        font-size: 11px;
        height: 33px;
    }

    button.save_btn_edit {
        margin: 35px auto 0px auto;
    }

    .upload_img_cntnr h3 {
        font-size: 11px;
    }

    .file .value,
    .file .bt-value {
        font-size: 8px;
    }

    .edit_modal_strip,
    .phone_edit_num p {
        font-size: 10px !important;
    }

    button.modify_btn {
        width: 35px;
        height: 15px;
        font-size: 7px;
        font-size: 7px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .describe_yourself_cntnr h3,
    .property_size_type label {
        font-size: 11px;
    }

    .property_detail_sec_edit_h3 {
        font-size: 16px;
    }

    .describe_yourself_cntnr h3.edit_head_h3 {
        font-size: 11px;
    }

    .property_size_type,
    .phone_edit_num {
        margin-top: 10px;
    }

    .describe_yourself_cntnr_main {
        width: 90%;
    }

        .describe_yourself_cntnr {
            margin-top: 18px;
        }

    .describe_yourself_cntnr_main {
        margin-top: 25px;
    }

    .button_cntnr_edit_modal {
        margin-top: 10px;
    }

    .button_cntnr_edit_modal button {
        width: 84px;
        height: 29px;
        border-radius: 19px;
        font-size: 8px;
    }

    .sidebar_userImg {
        width: 90px !important;
        height: 90px !important;
        border-radius: 2px !important;
    }

    .sidebar_userName {
        font-size: 15px;
        margin-top: 10px;
        display: block;
    }

    .who_interested .referenece-id,
    .who_interested .room_count {
        font-size: 11px;
    }

    .interested_btn_cntnr img {
        /* width: 8px; */
        display: none;
    }

    .interested_btn_cntnr button:nth-child(3) {
        font-size: 7px;
        /* width: 65px;
        height: 15px; */
    }

    .interested_btn_cntnr button {
        /* font-size: 6px; */
        /* width: 52px;
        height: 15px; */
        margin: 0px 0px 12px;
        width: 100%;
    }

    .full_width_mobile {
        width: 100%;
        margin-top: 0;
        padding-top: 0 !important;
        border-top: 0;
    }

    .responsive_archive_wifi .not-live-cntnr {
        width: 100%;
        justify-content: space-between;
    }

    .room-wanted-ads .bottom-sep h3,
    .left-day {
        /* font-size: 11px; */
    }
}

.post-btn button {
    /* padding: 8px 21px; */
    border-radius: 10px;
    /* background: var(--secondary-color); */
    background: none;
    border: none;
    color: var(--primary-color);
    text-align: center;
    font-family: Roboto;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    line-height: normal;
}

@media (max-width: 767px) {
    .email-box .rooms_email {
        font-size: 13px;
    }

    .myMessages_col-2 .nav-tabs .nav-link {
        font-size: 12px;
    }

    .email-alert .remove_btn {
        font-size: 9px;
        width: 60px;
        height: 21px;
    }

    .remove_btn img {
        width: 11px;
    }

    .ribbon-email img {
        width: 15px;
    }

    .ribbon-email {
        gap: 5px;
    }

    .email-alert .email-box {
        padding: 10px 20px;
    }

    .saved-ads-sec h3 span {
        font-size: 18px;
    }

    .inner {
        gap: 0px;
    }

    .who_interested .sidebar_userImg_div {
        justify-content: start;
        align-items: start;
        width: 100%;
    }


    .profile-name {
        text-align: left;
    }
    .who_interested .interested_btn_cntnr{
        width: 100%;
        align-items: inherit;
        margin-top: 10px;
    }

    .who_interested .sidebar_col-1 {
        display: block;
        padding: 10px 10px 10px 10px;
    }

    .archive-ads .bottom-sep h3 {
        text-align: right;
        margin-bottom: 10px;
    }

    .bdr-orange.saved-ads-sec_mobile {
        background-color: #fffbf3 !important;
        border: 1px solid #ffb30f !important;
    }

    .angel-text {
        font-size: 12px;
    }

    .saved-ads-sec .new-catle-text {
        font-size: 13px;
    }

    .new-today {
        font-size: 11px;
    }

    .room-wanted-ads .room-count,
    .saved-ads-sec .available-room,
    .saved-ads-sec .week-text {
        font-size: 12px;
    }

    .saved-ads-sec .pw-cntnr button {
        font-size: 11px;
    }

    .saved-ads-sec .pw-cntnr button {
        /* width: 96px;
        height: 22px; */
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .live-cntnr h3 {
        font-size: 11px !important;
    }

    .elepsis_css,
    .elepsis_css a {
        white-space: inherit;
        width: 100%;
        display: inline-block;
        overflow: inherit;
        text-overflow: inherit;
    }

    /*side bar in mobile start*/
    .hide_mobile {
        display: none;
    }

    .live_ad_cntnr {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        padding: 0px 10px;
    }

    .live-cntnr {
        gap: 10px;
        /* justify-content: space-between; */
    }

    .paging-count {
        font-size: 11px;
    }

    .lft-arrow,
    .right-arrow {
        width: 23px;
        height: 19px;
    }

    .showing-txt {
        font-size: 8px;
    }

    .ad_margin {
        margin-bottom: 15px;
    }

    .live_ad_cntnr .live_ad {
        color: rgba(51, 208, 37, 1);
        font-weight: 500;
        font-size: 11px;
    }

    .live_ad_cntnr .day_left_ad {
        color: rgba(47, 63, 82, 1);
        font-weight: 500;
        font-size: 11px;
    }

    #sidebar {
        display: none;
    }

    .userDashboard .sidebar_bar {
        display: block !important;
    }

    .mobile_sidebar_main span {
        font-weight: 400;
        font-size: 16px;
        color: rgba(8, 8, 8, 1);
    }

    .mobile_sidebar_main {
        width: 90%;
        margin: 20px auto 20px auto;
    }

    .mobile_sidebar_main a {
        padding: 20px 0px;
        display: flex;
        gap: 10px;
    }

    .mobile_sidebar_main .seprtaion {
        border-bottom: solid 1px rgba(47, 63, 82, 1);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .chevrol-right-arrow-side-bar {
        padding-right: 15px;
    }

    .myContainer {
        background: #fbfbfc;
    }

    /*side bar in mobile end*/
    /*profile page in mobile start*/
    .sidebar_col-1 {
        display: none;
    }

    .ads-card-container .cards h3 {
        display: flex;
        align-items: center;
    }

    .need-help-mob-number {
        font-size: 11px;
    }

    .benefit-section.need-help-cntnr {
        margin-bottom: 15px;
    }

    .need-help-mob-number img {
        width: 14px;
    }

    .delete-inner h3 {
        font-size: 14px;
    }

    .delete-inner button {
        width: 70px;
        border: solid 1px rgba(255, 0, 0, 0.5);
        background-color: rgba(255, 0, 0, 0.1);
        color: rgba(255, 0, 0, 1);
        width: 70px;
        font-size: 10px;
        height: 24px;
    }

    .delete-inner button img {
        width: 13px;
    }

    .archive-cntnr {
        gap: 100px !important;
        justify-content: left !important;
    }

    .needhelp-head h3 {
        font-size: 14px;
    }

    .archive_circle {
        background-color: rgba(84, 141, 236, 1) !important;
        border-radius: 50px;
        width: 10px;
        height: 10px;
    }

    .ads-card-container .cards .active-archive {
        font-size: 10px !important;
    }

    .ads-card-container .cards h3 {
        font-size: 14px;
        justify-content: space-between;
    }

    .ads-container {
        margin-top: 15px;
    }

    .ads-card-container .cards {
        margin-bottom: 15px;
    }

    .benefit-section {
        margin-top: 0;
    }

    .benefit-section ul li {
        gap: 5px;
    }

    .ads-card-container .cards h3 {
        margin-bottom: 0;
    }

    .ads-card-container .cards {
        margin-bottom: 15px !important;
    }

    .ads-card-container .cards {
        border-radius: 7px;
    }

    .ads-card-container .cards {
        border: solid 1px rgba(47, 63, 82, 0.3);
    }

    .approval-img {
        overflow: visible;
    }

    .approval_main {
        overflow: hidden;
    }

    .approval-div h3 {
        overflow: inherit;
        font-size: 14px;
        /* display: flex;
        align-items: center;
        justify-content: space-between; */
    }

    .property-type .type,
    .property-type .type span {
        font-size: 12px;
    }

    .bottom-sep .btn-area-new button {
        /* width: 61px;
        height: 24px;
        border-radius: 24px; */
        /* font-size: 10px; */
    }

    .bottom-sep {
        padding: 0 10px 15px 10px;
    }

    .jksadkajshd {
        margin-top: 6px;
    }

    .btn-area-new {
        /* width: 100%;
        justify-content: space-between; */
    }

    .wifi-tv {
        margin-top: 10px;
        position: relative;
        flex-wrap: wrap;
    }
    .tv-cntnr-inner{
        margin-bottom: 10px;
    }


    .pw-cntnr button {
        /* width: 93px;
        height: 33px;
        font-size: 15px;
        border-radius: 8px; */
    }

    .approval-div p {
        font-size: 12px !important;
    }

    .angel-div {
        font-size: 12px;
    }

    .left-day {
        font-size: 11px;
    }

    .benefit-section ul li {
        font-weight: 500;
        font-size: 10px;
        margin-bottom: 4px;
    }

    .benefit-section {
        padding: 13px 9px;
        border: solid 1px rgba(47, 63, 82, 0.3);
    }

    /* .pageContent_col {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
    } */

    .upgrade-btn button {
        margin-top: 15px !important;
        width: 129px;
        height: 30px;
        border-radius: 6px;
        font-weight: 500;
        font-size: 11px;
        letter-spacing: 1px;
    }

    .upgrade-btn button {
        box-shadow: 3.6000008583068848px 3.6000008583068848px 7.2000017166137695px 0px rgba(255, 179, 15, 0.18);
    }

    .crown-sec p {
        margin-bottom: 0;
    }

    .crown-sec {
        gap: 10px;
    }

    .crown-img img {
        width: 44px;
    }

    h3.my_ad_head {
        font-size: 20px;
        text-align: center;
        margin-bottom: 0px;
    }

    .why-upgrade h3 {
        font-size: 20px !important;
        line-height: 26px;
    }

    .detail_tick_ad .detail_text-ad-tick p {
        font-size: 8px !important;
    }

    .detail_tick_ad {
        padding: 0 !important;
    }

    .free_ad_upgrade,
    .hot_ad {
        font-size: 7px !important;
    }

    .detail_text-ad-tick {
        padding: 10px 0 !important;
    }

    .hot_ad_cntnr ul {
        margin-top: 10px !important;
    }

    .upgrade_mobile_small_cntnr {
        border: solid 1px rgba(210, 210, 210, 1);
        border-radius: 8px;
        padding: 10px;
        justify-content: space-between;
        align-items: center;
        display: flex;
        margin-bottom: 15px;
    }

    .green_small_tray h3 {
        font-weight: 600;
        color: rgba(188, 253, 86, 1);
        font-size: 22px;
    }

    .just_day_mobile {
        font-weight: 400;
        font-size: 10px;
        color: rgba(8, 8, 8, 1);
        margin-bottom: 0;
    }

    .buy_btn_wrap {
        width: 62px;
        height: 17px;
        border-radius: 5px;
        background-color: rgba(188, 253, 86, 1);
        border: 0;
        font-size: 8px;
        color: rgba(41, 55, 80, 1);
        margin-top: 10px;
    }

    .euro_upgrade_mobile {
        font-weight: 700;
        color: rgba(8, 8, 8, 1);
        font-size: 18px;
    }

    .weeks_upgrade_mobile {
        font-weight: 500;
        font-size: 14px;
        color: rgba(8, 8, 8, 1);
        margin-bottom: 4px;
    }

    .dumy_text_tray_upgrade {
        font-weight: 400;
        font-size: 10px;
        color: rgba(8, 8, 8, 1);
        padding-left: 20px;
        line-height: 20px;
    }

    .rent-find h3 {
        font-size: 20px;
    }

    .rent-find p {
        font-size: 12px !important;
    }

    /* .upgrade-traingle{background-image: none !important;} */
    .page_tabs {
        font-size: 14px;
        padding: 5px 5px 0px 0px;
    }

    .page_tabs.active,
    .page_tabs.active:hover {
        color: #000;
        border-bottom: solid 2px #2f3f52;
        border-radius: 0;
    }

    /*profile page in mobile end*/
    .tabLink_div {
        display: block;
    }

    .btn-area-new {
        gap: 10px;
    }
    .bottom-sep .btn-area-new {
        margin-top: 10px;
    }
    .approval-div {
        /* flex-direction: column; */
    }

    .left-space {
        padding-left: 15px;
    }

    .pageContent_col {
        padding-left: 0;
    }

    .goBackAnother {
        display: block !important;
    }

    .sidebar .Xmark {
        display: flex;
        position: absolute;
        top: -6px;
        right: 0;
        color: #fff;
    }

    .sidebar {
        z-index: 10000;
        padding: 10px;
        background: #fff;
        position: fixed;
        height: 100%;
        top: 0;
        left: 0;
        transform: translateX(-150%);
        box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.25);
        padding: 0;
    }

    .sidebar_col-2 {
        border: none;
        padding: 50px 10px 20px 10px !important;
    }

    /* .sidebar_col-2 a:nth-child(1) {
        border-radius: 0 0 0 0;
    } */

    /* .sidebar_col-2 a:last-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: none;
    } */

    .myAds_page .RoomListRight_div-1 span a {
        width: 230px;
    }
}

/* Chat responsive Css */
@media (max-width: 880px) {
    .myMessages_right_row {
        padding-top: 0px;
    }

    /* .usermassagelista .mini-heading {
        font-size: 12px;
    } */

    .messageUser_img {
        width: 45px;
        height: 45px;
    }

    .myMessages_col-2_child .reference_no {
        font-size: 10px;
    }

    .msg-col_div_2 .span-2,
    .msg-col_div_2 .span-3 {
        width: 150px;
        font-size: 12px;
    }

    .myMessages_col-3_div-2 .myMessages_sender {
        width: 300px;
    }

    .myMessages_col-3_div-2 .myMessages_receiver {
        width: 300px;
    }
}

@media (max-width: 768px) {
    .profile_sec_mobile_new {
        display: block;
    }

    .blankScreen {
        display: none !important;
    }

    .chat_blank_screen {
        display: block !important;
    }

    .myMessages_col-3_div-2 {
        /* height: 300px; */
        height: 61vh;
        margin-bottom: 12%;
    }

    .myMessages_col-2_child {
        height: fit-content;
        padding-right: 0;
    }

    .myMessages_col-2_withBorder {
        border-right: none;
    }

    .myMessages_col-3_div-2 .myMessages_sender {
        width: 300px;
    }

    .myMessages_col-3_div-2 .myMessages_receiver {
        width: 300px;
    }

    .myMessages .myMessages_row_1 {
        margin: 0 0 0 -50px !important;
    }

    .approval-divSavedAds {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 767px) {
    .chat_collapse_arrow {
        background-color: rgba(210, 210, 210, 1);
        width: 30px;
        height: 28px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .chat_left_side {
        overflow: hidden;
        overflow-y: scroll;
        height: 80vh;
    }

    .deleteDiv label {
        font-size: 11px;
    }

    .myMessages_col-2 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .deleteDiv {
        margin: 10px 0;
        padding: 0;
        width: 100%;
    }

    .chat_name label {
        font-size: 14px;
    }

    .myMessages .goBackChat {
        display: flex;
        margin-top: -20px;
        margin-bottom: 10px;
    }

    .myMessages .dashboard_boxes {
        padding: auto !important;
        overflow: hidden;
    }

    .myMessages .inActive {
        display: flex !important;
        flex-wrap: wrap;
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }
    .myMessages .inActive .row{
        width: 100%;
        padding: 0px;
        margin: 0px;
    }
    .msg-col_div_1 i{
        top: 55%;
    }

    .myMessages_col-3_div-1 {
        margin-top: 0px;
    }

    .myMessages .myMessages_right_row {
        padding-top: 0;
    }

    .myMessages_col-3_div-2 {
        margin-bottom: 6.2% !important;
    }

    .msg-col_div_2 .span-2,
    .msg-col_div_2 .span-3 {
        width: 300px;
    }

    .myMessages_col-3_div-3 {
        bottom: 0%;
        width: 96.6%;
    }
}

@media (max-width: 691px) {
    .myMessages .myMessages_row_1 {
        margin: 0 10px 0 0 !important;
    }

    .myMessages_col-3_div-2 {
        margin-bottom: 7% !important;
    }
}

@media (max-width: 600px) {
    .myMessages_col-3_div-1 .mini-heading {
        font-size: 14px;
    }

    .btn-area-new {
        gap: 5px;
    }

    .bottom-sep h3 {
        font-size: 13px;
    }

    .editProfile input,
    .editProfile input:focus,
    .editProfile input:hover,
    .editProfile input:active,
    .editProfile select,
    .editProfile textarea,
    .editProfile textarea:active,
    .editProfile textarea:focus {
        border: var(--input-border);
        border-radius: 3px;
        height: 25px;
        width: 100%;
        padding: 0 2px;
        font-size: 12px;
        box-shadow: none;
        color: var(--dark-gray);
    }

    .editProfile textarea,
    .editProfile textarea:active,
    .editProfile textarea:focus {
        height: auto;
    }

    .myMessages_col-3_div-2 {
        /* margin-bottom: 8% !important; */
    }

    .goBackLink .mini-heading {
        font-size: 14px;
    }

    .msg-col_div_2 .span-2,
    .msg-col_div_2 .span-3 {
        width: 300px;
    }

    .myMessages_row_1 .messageUser_img {
        width: 60px;
        height: 60px;
    }

    .myMessages_col-3_div-3 {
        bottom: 0%;
        width: 95.5%;
    }

    .myMessages_col-3_div-3 i {
        top: 4px;
    }

    .myMessages .goBackChat {
        display: flex;
        margin-top: -10px;
        margin-bottom: 10px;
    }

    .chat_tab_main .chat_name span {
        width: 150px;
    }
}

@media (max-width: 577px) {
    .myMessages_col-3_div-3 i {
        top: -3px;
    }
}

@media (max-width: 480px) {
    .myMessages_col-3_div-3 {
        bottom: 0%;
        width: 94%;
    }

    .msg-col_div_2 .span-2,
    .msg-col_div_2 .span-3 {
        width: 200px;
    }

    .myMessages .myMessages_row_1 {
        margin: 0 -15px 0 -26px !important;
    }

    .myMessages_row_1 .dashboard_boxes {
        border: none;
    }

    .myMessages_col-3_div-3 .sendIcon {
        right: -3%;
    }
}

/* new multiImage uploader */
.myAds_page .imageMulti {
    border-radius: 4px;
    border: 1.4px solid var(--primary-color) !important;
    padding: 10px 0px 0 24px !important;
    /* margin-bottom: 10px !important; */
}

.myAds_page .RReditAdModal .imageMulti {
    margin-top: 5.5rem !important;
}

.imageMulti .imageThumbnail {
    border: 1px dashed #bfbfbf !important;
    border-radius: 4px;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.imageMulti .imageThumbnail:hover {
    background: rgb(247, 247, 247) !important;
}

.imageMulti .addBtn,
.imageMulti .addBtn:focus {
    border: 1px solid #bfbfbf !important;
    background: var(--white-color);
    width: fit-content;
    padding: 2px 8px;
    font-size: 13px;
    font-weight: 500;
    color: #bfbfbf;
    /* opacity: .8; */
    border-radius: 3px;
    gap: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

.imageMulti .addBtn:hover {
    box-shadow: 0 0 10px -6px rgba(0, 0, 0, 1);
}

.imageMulti .modifyImg {
    width: 20px;
}

.imageMulti .modifyImg1 {
    width: 18px;
}

@media (max-width: 600px) {

    .myAds_page .imageMulti,
    .roomWantedAdStep3 .imageMulti {
        padding: 10px 0 10px 16px !important;
    }

    .userDashboard .room_wanted_hot-icon {
        /* width: 20% !important;
        z-index: 100000; */
    }
}

@media (max-width: 680px) {
    .editModal .modal-content {
        min-width: 400px;
        margin: auto;
    }
}

@media (max-width: 380px) {
    .editModal .modal-content {
        min-width: 340px;
        margin: auto;
    }
}

@media (max-width: 437px) {
    .myAds_page .RoomListRight_div-1 span a {
        width: 200px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 600px) {
    .sidebar_col-2 {
        padding: 20px 10px;
    }

    .sidebar_col-2 a {
        gap: 5px;
    }
}

@media (max-width: 1051px) {
    .sidebar_col-1 {
        padding-right: 10px;
    }
}

@media (max-width: 1024px) {
    .edit-div {
        position: absolute;
        right: 20px;
    }
}

@media (max-width: 870px) {
    .sidebar_userImg {
        width: 100%;
        height: auto;
    }

    .who_interested .sidebar_userImg {
        width: 100% !important;
        height: auto !important;
    }
}

@media (max-width: 500px) {
    /* .inner {
        flex-direction: column;
    } */

    .sidebar_userDetails {
        flex-direction: column;
    }

    .member-div {
        justify-content: center;
    }
}

@media (max-width: 1199px) {
    .ads-card-container .cards .active-archive {
        gap: 6px;
        font-size: 14px;
    }

    .ads-card-container .cards {
        padding: 15px;
    }

    .archive-cntnr {
        gap: inherit;
        justify-content: space-between;
    }
}

@media (max-width: 992px) {
    .ads-card-container .cards {
        margin-bottom: 20px;
    }
}

label.custom_file_uploader {
    border: solid 1px rgba(210, 210, 210, 1);
    border-radius: 3px;
    font-weight: 400;
    font-size: 13px;
    color: rgba(51, 51, 51, 1);
    width: 130px;
    padding: 8px;
    margin: 0px;
    display: block;
    margin-top: 15px;
    background-color: #f0f0f0;
    text-align: center;
}

/* The container */

.button_new {
    float: left;
    margin: 0 5px 0 0;
    width: 190px;
    height: 44px;
    position: relative;
    background: rgba(245, 244, 248, 1);
    border-radius: 28px;
    font-weight: 500;
    font-size: 12px;
    color: rgba(37, 43, 92, 1);
}

.roomDetails {}

.button_new label,
.button_new input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.button_new input[type="radio"] {
    opacity: 0.011;
    z-index: 100;
}

.button_new input[type="radio"]:checked+label {
    background: rgba(47, 63, 82, 1);
    border-radius: 28px;
    color:#fff;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button_new label {
    cursor: pointer;
    z-index: 90;
    line-height: 1.8em;
    font-weight: 500;
    font-size: 12px;
    color: rgba(37, 43, 92, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}
._text_flex {
    display: flex;
    width: 100%;
}
._text_flex .property-type{
gap:0px !important;
}
._text_flex p{
    margin-right: 10px;
    font-size: 14px !important;
    margin-bottom: 0px !important;
}
._text_flex .property-type .type{
    margin-right: 10px;
}

.week-text{
    color: red;
    }

/* #myModal_new {
    display: block !important;
} */

/* .modal.upgrade_calc_modal{
    display: block;
} */


/* .button_new input[type="radio"]:checked+label {
    background: rgba(47, 63, 82, 1);
    border-radius: 28px;
    color: rgba(188, 253, 86, 1);
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
} */

input[name="desc_youself"]+label.active {
    background: rgba(47, 63, 82, 1);
    border-radius: 28px;
    color: rgba(188, 253, 86, 1);
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width:1200px){
    .property-type .type span{
        display: block;
    }
}
@media(max-width:768px){
    .inner{
        flex-wrap: wrap;
    }
    .bottom-sep .btn-area-new button{
        padding: 8px 10px;
        display: inline-flex;
        align-items: center;
        width: 27%;
        justify-content: center;
    }
    .btn-area-new form{
        width: 27%;
    }
    .btn-area-new .gap-3{
        gap: 5px !important;
    }
    .bottom-sep .btn-area-new button a{
        font-size: 11px;
    }
    .bottom-sep .btn-area-new button{
        font-size: 11px;
        height: 28px;
        padding: 0px 5px;
    }
    .align-items-baseline{
        position: relative;
    }
    .post-btn button{
        position: absolute;
        font-size: 13px;
        white-space: nowrap;
        top: 18px;
        right: 0px;
    }
    .formLabel{
        font-size: 14px !important;
    }
    .button_cntnr_edit_modal{
        flex-wrap: wrap;
        gap:10px;
    }
    .who_searching_html .d-flex{
        flex-wrap: wrap;
    }
}

 /* BR payment modal */
.mpackagemodal {
    font-size: small;
}

.upgradePage_col-3 .pay_button_paypal {
    color: #FFF;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    margin: auto;
    border-radius: 4px;
    padding: 6px 14px;
    margin-top: 10px;
    justify-content: center;
}

.pay_icons_div_2 {
    padding: 6px 0;
}

.pay_icons_div, .pay_icons_div_2 {
    background: #FFF;
    border: 1px solid #e1e1e1;
    text-align: center;
    padding: 6px 0 8.65px 0;
    margin-top: 10px;
    cursor: pointer;
    border-radius: 4px;
}

.upgradePage_col-3 .pay_icons-1 {
    width: 70px !important;
    height: 21px;
}

.pay_icons_div i {
    font-size: 18px;
    color: #2d49a5;

}
.upgradePage_col-3 .poweredByPayPal {
    width: 80px;
}

.upgradePage_col-3 .pay_icons {
    width: 40px !important;
    height: 15px;
    cursor: pointer;
}

.greating-container-br {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.greating-container-br .greating-container{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid #c2c2c2;
    padding: 16px 32px;
}

.greating-container-br .greating-container img{
    width: 60px;
    height: 60px;
}



.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
    z-index: 999999999999;
}
.popup-container {
    background: white;
    border-radius: 20px;
    max-width: 650px;
    width: 92%;
    padding: 23px 20px;
    top: 12px;
    /* left: 25px; */
    text-align: center;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 22px;
    border: none;
    background: none;
    cursor: pointer;
}

.popup-options {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    margin: 20px 0;
}

.support-text {
    font-size: 13px;
    /* margin-bottom: 12px; */
    color: #000;
    /* font-family: Inter; */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    /* line-height: normal; */
}

.support-btn {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    border-radius: 8px;
    background: #252F40;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    cursor: pointer;
}


.support-btn {
    color: rgb(255, 255, 255);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    cursor: pointer;
    padding: 10px 20px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 8px;
    background: rgb(37, 47, 64);
}

.popup-card {
    width: 200px;
    height: 250px;
    padding: 15px;
    transition: transform 0.2s;
    border-radius: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(83, 83, 83);
    border-image: initial;
    background: rgb(243, 237, 224);
}
.popup-container > h2 {
    text-align: center;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    padding-top: 20px;
}

button.popup-close > span > svg {
    width: 20px;
    height: 20px;
}
.popup-card > p {
    text-align: left;
    color: rgb(0, 0, 0);
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
}

.popup-card img {
    object-fit: contain;
    margin-bottom: 5px;
    display: flex;
    width: 100%;
    height: 146px;
    justify-content: flex-end;
    align-items: flex-start;
}

.popup-card span {
    display: block;
    /* font-size: 12px; */
    /* color: #777; */
    color: #000;
    /* font-family: Roboto; */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    /* line-height: 23px; */
    letter-spacing: 0.5px;
}

.popup-card:hover {
    transform: scale(1.05);
}
.support-btn a{
  color:#fff !important
}


@media screen and (max-width: 430px) {
.popup-card{
  height: 185px;
}
.popup-container > h2{
  font-size: 22px;
  line-height:25px;
  padding-top: 10px;
  font-weight: 500;
}
.popup-overlay{
  top: -10px;
}
.popup-card img{
  height: 102px;
}
.popup-card span{
  font-size: 11px;
}
.popup-container{
  height: 92%;
}
.support-text{
  font-size: 13px;
}
}


/* tablet responsive----------------------------- */

@media (min-width: 650px) and (max-width: 850px) {
  .search-options-box {
    gap: 15px !important;
  }
  .left-card{
    width: 50%
  }
  .right-card{
     width: 50%
  }
  .container-inside{
max-width: 597px !important;
    }
}