* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* font-family: 'Montserrat', sans-serif; */
  /* font-family: "Nunito Sans", sans-serif; */
  /* font-family: 'Roboto', sans-serif; */
  font-family: 'Poppins', sans-serif;
}
body {
 overflow-x: hidden;
}
.top_nav {
  /* background: #21275b; */
  background: #1d7bd3;
  color: #fff;
  position: relative;
  z-index: 1;
}

.top_nav .n_support {
  font-size: 13px;
}

.top_nav .top_nav_right_part {
  border-right: 1px solid #fff;
}

.top_nav .log_ml {
  margin-left: 5px;
}

.header_menu {
  position: sticky;
  /* background-color: #3c9dfe; */
  background-color: #fff;
  top: 0px;
  z-index: 3;
}

.header_top_siz {
  padding: 0 30px;
}

.header_logo {
  position: relative;
  z-index: 1000;
}

.white_layer_nav {
  position: absolute;
  height: 100%;
  width: 260px;
  border-radius: 5px;
  transform: skewX(30deg);
  left: -50px;
  z-index: 999;
}

.navbar-collapses {
  display: block;
}
.navbar-nav .nav-item .nav-link.active {
  color: #1d7bd3 !important ;
  border-bottom: 3px solid #1d7bd3;
}

.nav-link-clr {
  color: #ffffff !important;
}

  .top_nav .nav-link {
    color: #fff !important;
  }

 .header_menu .nav-link {
 font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #181818 !important;
}
.dropdown-item{
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}

.nav_overlay {
  gap: 4px;
}
@media screen and (min-width: 1600px){
  .nav_overlay {
    gap: 20px;
  }
}

.mobile-menu {
  position: fixed;
  top: 0;
  left: -250px;
  width: 250px;
  height: 100%;
  background-color: #fff;
  color: #000;
  padding: 15px;
  z-index: 9999;
  transition: left 0.3s;
}

.mobile-menu.show {
  left: 0;
}

ul li.has-submenu {
  position: relative;
}

ul li.has-submenu .submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}

ul li.has-submenu.active .submenu {
  max-height: 500px;
  /* Adjust the max-height value to match your submenu's content */
  transition: max-height 0.3s ease-in-out;
}

ul li.has-submenu .submenu-icon {
  transition: transform 0.3s ease-in-out;
  transform: rotate(0deg);
}

ul li.has-submenu.active .submenu-icon {
  transform: rotate(90deg);
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9998;
  display: none;
}

.overlay.show {
  display: block;
}

.mobile-menu .navbar-nav-custom {
  list-style: none;
  display: flex !important;
  flex-direction: column !important;
}

.mobile-menu ul li {
  margin: 10px 0;
}

.mobile-menu .dropdown-toggle::after {
  content: "\25B6";
  float: right;
  border-top: 0 !important;
  rotate: 90deg;
}

.mobile-menu .dropdown-menu {
  display: none;
}

.mobile-menu .dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
  display: block;
}
.input_l-d {
  -webkit-appearance: none;
  appearance: none;
  padding: 12px 10px;
  border-radius: 5px;
  border: none;
  width:100%;
}
.input_l-d:focus {
  outline: none;
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: -78px;
  margin-top: var(--bs-dropdown-spacer);
}
.carousel-image-home {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  overflow: hidden;
}

.get_started_btn {
  padding: 11px;
}

.learn_more_btn {
  padding: 9px;
}

.search_cat {
  flex-wrap: wrap;
  justify-content: center;
}

.respons_pad .select2 {
  width: 210px !important;
}

.respons_pad .select2-selection--single {
  border-radius: 0 !important;
}

.respons_pad .select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 49px;
}

.respons_pad .select2-container--classic .select2-selection--single {
  border: none !important;

  box-shadow: 0px 0px 7px 1px #838383;
  background: #21275b;
}

.respons_pad
  .select2-container--classic
  .select2-selection--single
  .select2-selection__rendered {
  color: #fff;
  line-height: 48px;
}

.respons_pad
  .select2-container--classic
  .select2-selection--single
  .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 97%;
}

.respons_pad .select2-selection__arrow {
  background: none !important;
  border: none !important;
}

.respons_pad
  .select2-container--classic
  .select2-selection--single
  .select2-selection__placeholder {
  color: #fff;
}

.respons_pad
  .select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--single {
  background-image: none;
}

.search_cat select {
    width:100%;
  /*width: 164px !important;*/
  padding: 13px 14px;
  /*margin-bottom: 5px;*/
}

.search_cat .select2 {
  width: 210px !important;
}

.search_cat .select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 50px;
}

.search_cat
  .select2-container--classic
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 48px;
}

.search_cat
  .select2-container--classic
  .select2-selection--single
  .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 97%;
}

.custom-button-color2 {
  padding: 13px 59px;
  transition: 0.4s;
}
.custom-button-color2:hover {
  background: #187a91 !important;
}
.select2-search--dropdown {
  display: block !important;
  padding: 2px !important;
}

.search_cat .select2-selection__arrow {
  background: none !important;
  border: none !important;
}

.marketing h4 span {
  background-color: #e7f1fb;
  padding: 10px 30px;
  font-size: 17px;
  font-weight: 600;
}

.featured_card {
  width: 22rem;
  position: relative;
  overflow: hidden;
  transition: 0.4s;
}
.featured_card_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #1d7bd3;
  left: 0;
  top: 0;
  /*transform-origin: bottom;*/
  transform: translateY(100%);
  transition: 0.4s;
}
.featured_card:hover .featured_card_overlay {
  transform: translateY(0px);
}
.marketing .home-card .card {
  border: none;
  box-shadow: 0px 0px 10px 1px #ccc;
}

/* .perfect_realstate_card {
  width: 22rem;
} */

.card .featured {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 10px;
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  background-color: #1d7bd3;
}

.card .for_sale {
  position: absolute;
  font-size: 14px;
  top: 10px;
  right: 10px;
  color: #fff;
  padding: 5px 10px;
  background-color: #0000006b;
}

.card .price {
  position: absolute;
  top: 210px;
  right: 10px;
  color: #fff;
  font-weight: 600;
}

.details_home .card_d {
  font-size: 14px;
  padding-left: 4px;
}

.a {
  fill: #1d7bd3;
}

.card-body .back_side {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #1d7bd3;
  left: 0px;
  top: 0px;
  transform: rotate(0deg);
  z-index: -1;
  border-radius: 10px;
  transition: 0.5s;
}
 .featured_card .img-low {
  width: auto!important ;
}
.featured_a {
  text-decoration: none;
  color: #000;
}
.featured_a:hover {
  text-decoration: none;
  color: #000;
}
.expert_tenant {
  color: #1d7bd3;
  font-size: 18px;
  font-weight: 700;
}

.for_clients {
  position: relative;
}

.for_clients_con {
  min-height: 300px;
  margin-top: 100px;
}

/* .hover_card_home_content {
  width: 250px;
} */

.card-body .sequence {
  position: absolute;
  font-size: 100px;
  color: #0000001c;
  right: 0;
  top: 95px;
  user-select: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.hover_card_home {
  cursor: pointer;
  position: relative;
  height: 217px;
}

.hover_card_home:hover .back_side {
  transform: rotate(3deg);
  left: -6px;
  top: 17px;
}

.arrow_home {
  position: absolute;
  top: -12px;
  right: 50px;
  animation: slide 5s linear infinite;
}

.dot_home {
  position: absolute;
  right: 0;
  bottom: 0;
  animation: slide2 10s linear infinite;
}

@keyframes slide {
  0% {
    right: 50px;
  }

  25% {
    right: 80px;
  }

  50% {
    right: 50px;
  }

  75% {
    right: 80px;
  }

  100% {
    right: 50px;
  }
}

@keyframes slide2 {
  0% {
    bottom: 0;
  }

  25% {
    bottom: 100px;
  }

  50% {
    bottom: 0;
  }

  75% {
    bottom: 100px;
  }

  100% {
    bottom: 0;
  }
}

/*-------owl-theme-design------------------*/

/*.owl-carousel-f .owl-nav .owl-prev {*/
/*  position: absolute;*/
  /* z-index: 999999999; */
/*  top: 50%;*/
/*  left: -25px;*/
/*  transform: translate(-0%, -45%);*/
/*  font-size: 41px !important;*/
/*  background: #cfcfcf40 !important;*/
/*  height: 25px;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  margin: 0;*/
/*  width: 25px;*/
/*  justify-content: center;*/
/*  border-radius: 50%;*/
/*}*/
/*.owl-carousel-f .owl-nav .owl-next {*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  right: -25px;*/
/*  transform: translate(-0%, -45%);*/
/*  font-size: 41px !important;*/
/*  background: #cfcfcf40 !important;*/
/*  height: 25px;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  margin: 0;*/
/*  width: 25px;*/
/*  justify-content: center;*/
/*  border-radius: 50%;*/
/*}*/
/*.owl-carousel-f .owl-nav .owl-prev span {*/
/*  height: 66px;*/
/*}*/
/*.owl-carousel-f .owl-nav .owl-next span {*/
/*  height: 66px;*/
/*}*/

.owl-carousel-f .fa-chevron-left:before,
.owl-carousel-f .fa-chevron-right:before {
	font-size: 20px;
	line-height: 50px;
}

.owl-carousel-f .owl-prev:focus,
.owl-carousel-f .owl-next:focus {
	outline: none;
}

.owl-carousel-f .owl-prev {
	box-shadow: 0 0 8px #bebebe8f;
	position: absolute;
	color: #177a90;
	top: 50%;
	left: -25px;
	transform: translate(-30%, -130%);
	font-size: 41px !important;
	
	height: 30px;
	display: flex !important;
	align-items: center;
	margin: 0 !important;
	width: 30px;
	justify-content: center;
	border-radius: 50% !important;
}

.owl-carousel-f .owl-next {
	box-shadow: 0 0 8px #bebebe8f;
	position: absolute;
	color: #177a90;
	top: 50%;
	right: -35px;
	transform: translate(0%, -130%);
	font-size: 41px !important;

	height: 30px;
	display: flex!important;
	align-items: center;
	margin: 0 !important;
	width: 30px;
	justify-content: center;
	border-radius: 50% !important;
}

.owl-carousel-f .owl-prev:hover,
.owl-carousel-f .owl-next:hover {
	color: #666!important;
	background-color: #fff!important;
	
}






/*-------owl-theme-design------------------*/

.accordion-item button {
  display: flex;
  justify-content: space-between;
}

.accor_sty {
  box-shadow: 0px 0px 10px 1px #ccc;
  border: none !important;
}

.accordion-button:not(.collapsed) {
  color: #000;
}

.accordion-button:focus {
  box-shadow: none !important;
  z-index: 1 !important;
}

.home .accordion-button:not(.collapsed)::after {
  background-image: none;
}

.home .accordion-button:not(.collapsed)::after {
  content: "\f068";
  /* Unicode character code for the Font Awesome "plus" icon */
  font-family: "Font Awesome 5 Free";
  /* Font family for Font Awesome icons */
  font-weight: 900;
  /* Font weight for solid icons (900 for Font Awesome 5) */
  font-size: 16px;
  /* Adjust the size as needed */
  color: #000;
  /* Set the icon color */
  margin-left: 10px;
  /* Add some spacing to separate the icon from the text */
  /* Other CSS styles for the pseudo-element, if needed */
  /* background-color: #fff; */
}

.home .accordion-button::after {
  background-image: none;
}

.home .accordion-button::after {
  content: "\f067";
  /* Unicode character code for the Font Awesome "plus" icon */
  font-family: "Font Awesome 5 Free";
  /* Font family for Font Awesome icons */
  font-weight: 900;
  /* Font weight for solid icons (900 for Font Awesome 5) */
  font-size: 16px;
  /* Adjust the size as needed */
  color: #000;
  /* Set the icon color */
  margin-left: 10px;
  /* Add some spacing to separate the icon from the text */
  /* Other CSS styles for the pseudo-element, if needed */
  /* background-color: #fff; */
}

.mapouter {
  position: relative;
  text-align: right;
  width: 100%;
  height: 399px;
}

.gmap_canvas {
  overflow: hidden;
  background: none !important;
  width: 100%;
  height: 399px;
}

.gmap_iframe {
  height: 399px !important;
}

.testimonial {
  padding: 25px 30px;
  box-shadow: 0px 0px 10px 1px #ffffffe0;
  /*height: 300px;*/
}

.testimonial p {
  max-width: 520px;
}

.testimonial_profile img {
  border-radius: 50%;
}

.testimonial_home .testimonial_slider {
  position: relative;
}

.testimonial_home {
  background: url(images/2.jpg);
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.img1_t {
  border-radius: 50%;
  position: absolute;
  left: -70px;
  top: -50px;
  z-index: 0;
}

.img1_t img {
  border-radius: 50%;
}

.img2_t {
  border-radius: 50%;
  position: absolute;
  left: 266px;
  top: -78px;
  z-index: 0;
}

.img2_t img {
  border-radius: 50%;
}

.img3_t {
  border-radius: 50%;
  position: absolute;
  right: -63px;
  top: 26px;
  z-index: 0;
}

.img3_t img {
  border-radius: 50%;
}

.designation {
  font-size: 17px;
  font-weight: 800;
  background: -webkit-linear-gradient(45deg, #09009f, #00ff95 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.designation_img {
  border-radius: 50%;
  background: linear-gradient(white, white) padding-box,
    linear-gradient(to right, darkblue, #18cc58) border-box;
  border: 4px solid transparent;
}

.overlay_white {
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #ffffffbd;
}

.testimonial_home .testimonial_slider .fa-chevron-right {
  position: absolute;
  height: 39px;
  width: 39px;
  bottom: -18px;
  right: 50px;
  padding: 13px 14px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 1px #ccc;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
  z-index: 1;
}

.testimonial_home .testimonial_slider .fa-chevron-left {
  position: absolute;
  height: 39px;
  width: 39px;
  bottom: -18px;
  right: 100px;
  padding: 13px 14px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 1px #ccc;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
  z-index: 1;
}

.testimonial_home .testimonial_slider i:hover {
  background-color: #ececec;
}

.testimonial_slider {
  display: flex;
  /* overflow: hidden; */
  width: 100%;
  box-shadow: 0px 0px 5px 1px #ccc;
}

.testimonial {
  flex: 0 0 100%;
  display: none;
}

.testimonial:first-child {
  display: block;
}

.cmpny ul {
  display: flex;
  list-style: none;
  flex-direction: column;
  padding: 0;
  gap: 8px;
  user-select: none;
}

.cmpny ul li {
  cursor: pointer;
  transition: 0.3s;
}

.line {
  width: 50px;
  border: 2px solid blue;
}

.cmpny .social_home {
  display: flex;
  flex-direction: row;
}

.cmpny .fa-facebook-f {
  height: 50px;
  width: 50px;
  font-size: 30px;
  background-color: #3d53aa;
  padding: 10px 15px;
  border-radius: 50%;
  color: #fff;
  transition: 1s;
}

.cmpny .fa-facebook-f:hover,
.cmpny .fa-twitter:hover,
.cmpny .fa-pinterest-p:hover {
  rotate: 360deg;
}

.cmpny .fa-twitter {
  font-size: 30px;
  background-color: #3c9dfe;
  padding: 10px;
  border-radius: 50%;
  color: #fff;
  transition: 1s;
}

.cmpny .fa-pinterest-p {
  height: 50px;
  width: 50px;
  font-size: 30px;
  background-color: #de0124;
  padding: 10px 15px;
  border-radius: 50%;
  color: #fff;
  transition: 1s;
}

.cmpny ul li input {
  padding: 4px 10px;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 12px;
}

.cmpny ul li button {
  padding: 9px 16px;
  border-radius: 5px;
  background-color: #8d8d8d;
  color: #fff;
  border: none;
  margin-bottom: 12px;
}

.cmpny ul li a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}

.cmpny ul .h_effect:hover,
.cmpny ul li:hover a {
  transform: translateY(-4px);
  color: #98c0ee;
}

.tenant_back {
  background: url(images/paralal.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
}

.overlay_black {
  position: absolute;
  background-color: #0000003b;
  height: 100%;
  width: 100%;
}

.tenant_row {
  padding: 79px 0;
  position: relative;
  color: #fff;
}
.tenant_icon_c {
  height: 90px;
  width: 90px;
  padding: 20px;
  display: table;
  margin: auto;
  background: #fff;
  border-radius: 50%;
}
.tenant_icons svg {
  width: 50px;
  height: 50px;
}

.hover_tenant {
  background-color: #fff;
  color: #61b8ff;
  transition: 0.3s;
  cursor: pointer;
  transition: 0.4s;
  border: none;
}

.hover_parent_tenant {
  transition: 0.5s;
}

/*
.hover_tenant:hover {
    color: #fff;
    background-color: #3c9dfe;
} */

.help_icon_svg {
  padding: 10px;
  height: 80px;
  width: 80px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: auto;
  transition: 0.4s;
}
.help_icon_svg svg {
  width: 40px !important;
  height: 40px;
  transition: 0.4s;
}
.hover_parent_tenant:hover .help_icon_svg {
  /*fill: #fff;*/
  background-color: #3c9dfe;
  transform: rotateY(360deg);
}
.hover_parent_tenant:hover .path1,
.hover_parent_tenant:hover .path2 {
  fill: #fff;
}
.hover_parent_tenant:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.banner-button {
  transition: 0.5s;
}
.learn_more {
  transition: 0.5s;
}
.learn_more:hover {
  background: #fff !important;
  color: #000 !important;
  border-color: #fff;
}
.custom-button-color {
  background: #187a91 !important;
  color: #fff !important;
  transition: 0.4s;
}
.accordian_side_img {
  width: 22px;
  height: 20px;
}
.custom-button-color:hover {
  background: #0f6174 !important;
}

.custom-botton-color2 {
  background-color: #2a5059 !important;
  color: #fff;
}

.footer_bg {
  padding-top: 120px;
  padding-bottom: 30px;
  background-color: #001a42;
  color: #fff;
}

.foot_con {
  width: 20px;
}

.partners {
  box-shadow: 0px 0px 5px 1px #ccc;
  position: relative;
}

.left_btn_brand {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

.left_btn_brand .fa-chevron-left {
  height: 39px;
  width: 39px;
  padding: 13px 14px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 1px #ccc;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
}

.right_btn_brand {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.right_btn_brand .fa-chevron-right {
  height: 39px;
  width: 39px;
  padding: 13px 14px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 1px #ccc;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
}

.br-right {
  border-right: 1px solid #ccc;
}

/* Default styles for larger screens */
.owl-carousel .item {
  width: 100%;
  /* Adjust to your design */
}
/*===================================owl carousal footer================================*/
.owl-carousel-footer .owl-nav .owl-prev {
  position: absolute;
  /* z-index: 999999999; */
  top: 50%;
  left: -25px;
  transform: translate(-0%, -45%);
  font-size: 41px !important;
  background: #cfcfcf40 !important;
  height: 25px;
  display: flex;
  align-items: center;
  margin: 0;
  width: 25px;
  justify-content: center;
  border-radius: 50%;
}
.owl-carousel-footer .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  right: -25px;
  transform: translate(-0%, -45%);
  font-size: 41px !important;
  background: #cfcfcf40 !important;
  height: 25px;
  display: flex;
  align-items: center;
  margin: 0;
  width: 25px;
  justify-content: center;
  border-radius: 50%;
}
.owl-carousel-footer .owl-nav .owl-prev span {
  height: 66px;
}
.owl-carousel-footer .owl-nav .owl-next span {
  height: 66px;
}

.partners_container {
  padding: 0 15px;
}

.testimonial_profile img {
  width: 80px !important;
}

.description_footer {
  position: relative;
  top: -15px;
  padding-left: 20px;
}

.z-in-1 {
  z-index: 1;
}

@media (max-width: 1245px) {
  .mobile-menu.show {
    left: 0;
  }

  .overlay.show {
    display: block;
  }

  .navbar-toggler {
    display: block;
  }

  .navbar-collapses {
    display: none !important;
  }

  .navbar-toggler {
    display: block !important;
  }

  .header_menu .nav-link {
    color: #000;
  }
  .top_nav .nav-link {
    color: #fff !important;
  }

  .nav-link:hover {
    /* color: var(--bs-nav-link-hover-color); */
    color: #000;
  }

  .nav-link {
    /*color: #000 !important;*/
  }

  .has-submenu a {
    text-decoration: none;
    color: #000;
  }

  .submenu {
    border-right: 3px solid #000;
    margin-right: 4px;
  }

  .submenu ul li {
    list-style: none;
    padding: 5px 10px;
    cursor: pointer;
  }

  .has-submenu {
    cursor: pointer;
  }
}

/* Media query for smaller screens (e.g., mobile devices) */
@media (max-width: 768px) {
  .owl-dots {
    display: none;
    /* Hide navigation dots on smaller screens */
  }

  .partners {
    width: 100%;
  }

  .partners_container {
    padding: 0 5px;
  }

  .left_btn_brand {
    left: 10px;
  }

  .right_btn_brand {
    right: 10px;
  }
}

@media screen and (min-width: 200px) and (max-width: 1000px) {
  .ph_view li {
    padding: 0;
    color: #fff !important;
  }

  .ph_view > li a {
    /* display: none; */
    /* color: #fff!important; */
    font-size: 12px;
  }

  .n_support {
    display: none;
  }

  .login_ph {
    font-size: 12px;
    padding: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
  }

  .register {
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
  }

  .nav-link-custom {
    color: #fff !important;
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
      border-color 0.15s ease-in-out;
  }

  .respons_pad {
    padding: 0 5px !important;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1368px) {
  .search_cat .select2 {
    width: 174px !important;
  }
}

@media screen and (min-width: 200px) and (max-width: 411px) {
  .respons_pad .select2-selection__placeholder {
    font-size: 9px;
  }

  .respons_pad .select2-container {
    width: 138px !important;
  }
}

@media screen and (min-width: 411px) and (max-width: 438px) {
  .respons_pad .select2-selection__placeholder {
    font-size: 13px;
  }

  .respons_pad .select2-container {
    width: 184px !important;
  }
}

/* login css start */
.log_in_container .left_login_background {
  background: url("https://demo.hostdaddy.net.in/help2rentadminpanel/img/ai.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.log_in_container .login_form {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /*z-index: 9;*/
}

.log_in_container .login_form .log_in {
  padding: 40px 30px 50px 30px;
  border: none;
  max-width: 550px;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  background: #92cdef;
  border-radius: 7px;
  box-shadow: 0px 0px 10px 1px #ccc;
}

.log_in_container .login_form .log_in h2 {
  font-size: 23px;
  font-weight: 400;
  padding-bottom: 20px;
}

.log_in_container .login_form .log_in input[type="text"],
.log_in_container .login_form .log_in input[type="password"] {
  width: 100%;
  padding: 10px 20px;
  border: none;
  box-shadow: 0px 0px 1px 1px #ccc;
  border-radius: 3px;
}

.log_in_container .login_form .log_in .passw_log_in {
  position: relative;
}

.log_in_container .login_form .log_in .passw_log_in .toggle-password {
  position: absolute;
  right: 24px;
  bottom: 40px;
  font-size: 19px;
}

.log_in_container .login_form .log_in .error-messege {
  height: 27px;
  color: red;
  font-size: 14px;
}

.log_in_container .login_form .log_in input[type="text"]::-moz-placeholder,
.log_in_container .login_form .log_in input[type="password"]::-moz-placeholder {
  font-size: 15px;
}

.log_in_container .login_form .log_in input[type="text"]::placeholder,
.log_in_container .login_form .log_in input[type="password"]::placeholder {
  font-size: 15px;
}

.log_in_container .login_form .log_in input[type="text"]:focus,
.log_in_container .login_form .log_in input[type="password"]:focus {
  outline: none;
}

.log_in_container .login_form .log_in .switch-login-checkbox {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
  /* Rounded sliders */
}

.log_in_container .login_form .log_in .switch-login-checkbox input {
  opacity: 0;
  width: 0;
  height: 0;
}

.log_in_container
  .login_form
  .log_in
  .switch-login-checkbox
  .slider-login-chkbx {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}

.log_in_container
  .login_form
  .log_in
  .switch-login-checkbox
  .slider-login-chkbx:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 5px;
  bottom: 5px;
  background-color: white;
  transition: 0.4s;
}

.log_in_container
  .login_form
  .log_in
  .switch-login-checkbox
  input:checked
  + .slider-login-chkbx {
  background-color: #2196f3;
}

.log_in_container
  .login_form
  .log_in
  .switch-login-checkbox
  input:focus
  + .slider-login-chkbx {
  box-shadow: 0 0 1px #2196f3;
}

.log_in_container
  .login_form
  .log_in
  .switch-login-checkbox
  input:checked
  + .slider-login-chkbx:before {
  transform: translateX(26px);
}

.log_in_container .login_form .log_in .switch-login-checkbox .round {
  border-radius: 34px;
}

.log_in_container .login_form .log_in .switch-login-checkbox .round:before {
  border-radius: 50%;
}

.log_in_container .login_form .log_in label {
  cursor: pointer;
}

.log_in_container .login_form .log_in div:has(input[type="checkbox"]) {
  margin-bottom: 10px;
}

.log_in_container .login_form .log_in a {
  text-decoration: none;
  color: #1b1b1b;
}

.log_in_container .login_form .log_in button {
  background-color: #3f87d6;
  border: none;
  padding: 10px;
  border-radius: 3px;
  transition: 0.2s;
  margin-bottom: 25px;
}

.log_in_container .login_form .log_in button:hover {
  background-color: #3674b6;
}

.log_in_container .login_form .log_in .line_login {
  width: 100%;
  border: 1px solid #fff;
}

.log_in_container .login_form .log_in .log_with {
  position: relative;
  top: -14px;
  padding: 0 20px;
  background-color: #92cdef;
}

.log_in_container .login_form .log_in .social_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  -webkit-gap: 7px;
  -moz-gap: 7px;
  -o-gap: 7px;
  list-style: none;
}

.log_in_container .login_form .log_in .social_list .facebook-list {
  width: 140px;
  border: none;
  box-shadow: 0px 0px 5px 1px #ccc;
  padding: 7px 13px 7px 0px;
  border-radius: 20px;
  background: #fff;
}

.log_in_container .login_form .log_in .social_list .facebook-list .faceb_i {
  color: #fff;
  background-color: #4867aa;
  padding: 10px 13px;
  border-radius: 50%;
  margin-right: 9px;
}

.log_in_container .login_form .log_in .social_list .facebook-list .google_i {
  color: #fff;
  background-color: #db4437;
  padding: 10px 11px;
  border-radius: 50%;
  margin-right: 9px;
}

.log_in_container .login_form .log_in .social_list .facebook-list .twitter_i {
  color: #fff;
  background-color: #33ccff;
  padding: 10.09px 11px;
  border-radius: 50%;
  margin-right: 9px;
}

/* responsive */
@media screen and (min-width: 200px) and (max-width: 500px) {
  .log_in_container .login_form .log_in {
    padding: 30px 15px 40px 15px;
  }

  .log_in_container .login_form .log_in h2 {
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 20px;
  }

  .log_in_container .login_form .log_in input[type="text"]::-moz-placeholder,
  .log_in_container
    .login_form
    .log_in
    input[type="password"]::-moz-placeholder {
    font-size: 14px;
  }

  .log_in_container .login_form .log_in input[type="text"]::placeholder,
  .log_in_container .login_form .log_in input[type="password"]::placeholder {
    font-size: 14px;
  }

  .log_in_container .login_form .log_in label {
    cursor: pointer;
    font-size: 13px;
  }

  .log_in_container .login_form .log_in div:has(input[type="checkbox"]) {
    margin-bottom: 10px;
  }

  .log_in_container .login_form .log_in a {
    font-size: 12px;
  }

  .log_in_container .login_form .log_in .remember {
    font-size: 12px;
  }
}

.newsletter_email {
  /* width: 50%!important; */
  /*border-radius: 5px !important;*/
  display: flex;
}

.newsletter_email input[type="email"] {
  max-width: 230px;
  /*border-radius: 0;*/
}

.newsletter_email button {
  /* width: 30%!important; */
  font-size: 13px !important;
  /*border-radius: 0 !important;*/
  border: none !important;
  padding: 5px 10px !important;
  /* transform: translateY(-1px)!important; */
}

.footer_p {
  padding: 0 15px;
  font-size: 15px;
}
.bg_transp {
  background: transparent !important;
}
/* login css end */
/*# sourceMappingURL=style.css.map */

/* --productdetails css start-- */
.breadcrumb_c {
  height: 250px;
  color: #fff;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "||";
  color: #fff;
}

.breadcrumb-item a,
.breadcrumb-item + .breadcrumb-item {
  text-decoration: none;
  color: #fff;
}

.breadcrumb_background {
  background-image: url(images/OIP.jpeg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.thumbnail {
  cursor: pointer;
  height: 100%;
  /* Ensure images take up full height of parent container */
}
.m-home {
  color: #3b9dff;
}
.uk-modern {
  color: #adabab;
}
.img-fluid-modern {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Ensure col-2 and col-10 have the same height */
.row-height {
  display: flex;
}
.rent-modern {
  border-radius: 9px;
  background-color: #3b9dff;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
}

.btn_book {
  padding: 4px 20px;
  border: 1px solid #3b9dff;
  border-radius: 25px;
  color: #3b9dff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: 0.4s;
}

.btn_book:hover {
  background-color: #3b9dff;
  color: #fff;
}

.btn-pr-desc {
  padding: 4px 20px;
  border: 1px solid #3b9dff;
  border-radius: 25px;
  background-color: #3b9dff;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  transition: 0.4s;
}

.property-desc ul {
  list-style: none;
  display: flex;
  gap: 15px;
  margin: 0;
  padding: 0;
}

.property-desc ul li {
  cursor: pointer;
  user-select: none;
}

.active-tab {
  background-color: #fff;
  color: #3b9dff;
}

.description-property-details {
  box-shadow: 0px 0px 10px 1px #ccc;
  border-radius: 5px;
  padding: 15px 15px;
  text-align: center;
  min-height: 320px;
}

.social_pr_d ul {
  display: flex;
  justify-content: center;
  list-style: none;
  gap: 20px;
  padding: 0;
}

.social_pr_d ul li {
  height: 45px;
  width: 45px;
  background-color: red;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  transition: 0.5s;
  cursor: pointer;
}

.ho_social_m {
  transition: 0.5s;
}

.social_pr_d ul li:hover .ho_social_m {
  transform: scale(1.2);
}
.social_pr_d ul li:hover {
  transform: scale(0.9);
}
.social_pr_d ul .fa_facebook {
  background-color: #3b5999;
  color: #fff;
}
.social_pr_d ul .fa_twitter {
  background-color: #46c1f6;
  color: #fff;
}
.social_pr_d ul .fa_instagram {
  background-color: #e1306c;
  color: #fff;
}
.social_pr_d ul .fa_youtube {
  background-color: #de463b;
  color: #fff;
}
/* --productdetails css end-- */

/* ---all css are for propertylist--- */
.property_v_i {
  box-shadow: 0px 0px 3px 1px #3b9dff;
  height: 50px;
  width: 50px;
  font-size: 25px;
  border-radius: 5px;
  cursor: pointer;
}
.property-list-input-advance {
  width: 100%;
  padding: 8px 10px;
  border-radius: 5px;
}
.input_l-d-search {
  padding: 8px 10px;
  border-radius: 5px;
}

.view_active {
  color: #fff;
  background-color: #3b9dff;
}

.property_view_filter .select2-selection,
.more_filter .select2-selection {
  height: 45px !important;
  display: flex !important;
  align-items: center !important;
}

.property_view_filter
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow,
.more_filter
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 9px !important;
}

.p-grid-view.active-btn,
.p-list-view.active-btn {
  color: #fff;
  background-color: #3b9dff;
}

.p-grid-view.inactive-btn,
.p-list-view.inactive-btn {
  color: #3b9dff;
  background-color: #fff;
}

.featured_card {
  width: 100%;
}

.all_property_card .card-body {
  padding: 15px;
}

.all_property_card .featured_a {
  box-shadow: 0px 0px 5px 1px #ccc;
  border-radius: 5px;
  transition: 0.4s;
}

.all_property_card .featured_card {
  border-radius: 0;
  border: none;
}

.all_property_card .home-card {
  transition: 0.5s;
}

.all_property_card .home-card:hover {
  transform: translateY(-5px);
}

.all_property_card .home-card:hover .featured_a_g-l-v {
  box-shadow: 0px 0px 10px 1px #ccc;
}

/* Add this style to your existing styles or in a separate stylesheet */
.p-grid-view.active-btn,
.p-list-view.active-btn {
  color: #fff;
  background-color: #3b9dff;
}

.p-grid-view.inactive-btn,
.p-list-view.inactive-btn {
  color: #3b9dff;
  background-color: #fff;
}

/* Additional styles for list view */
body.list-view .all_property_card .featured_a {
  display: flex;
  flex-wrap: wrap;
}

body.list-view .all_property_card .featured_card {
  width: 50% !important;
  margin-right: 20px;
}

body.list-view .all_property_card .card-body {
  max-width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.all_property_card .card .featured_list {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 10px;
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  background-color: #188754;
}

.all_property_card .card .featured_list_out {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 10px;
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  background-color: #fe0000;
}

@media (max-width: 767px) {
  .property_view_filter {
    display: none !important;
  }
}

.more_filter {
  padding: 15px;
  width: 100%;
}

.more_filter .select2-container {
  width: 100% !important;
}

.property_list_btn_p .pr_list_btn {
  border: none;
  background-color: #0b4658;
  color: #fff;
}

.right_property_box {
  /*height: 240px;*/
  border: 1px solid #ccc;
  border-radius: 10px;
  width: 100%;
}

.cal_benefit {
  height: 100%;
  width: 100%;
  background: url(images/calculate.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
}
/*================pagination css=================================*/
.pagination svg{
  width:24px;
}
.pagination nav{
  width: 100%;
}
.pagination nav > div:first-of-type {
  display: none;
    
}
/* .pagination nav > div:nth-child(2) {*/
/*    width: 100%;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
  
/*}*/
/*.pagination nav > div:nth-child(2) > div{*/
/*    display: inline-block;*/
/*}*/

.pagination span a{
  padding: 0 5px!important;
  text-decoration: none;
  margin: 3px! important;
}
.pagination span{
  padding: 0 5px!important;
  margin: 3px! important;
}
.pagination a{
   padding: 0 5px!important;
  margin: 3px! important;
  text-decoration: none;
}

/*================pagination css=================================*/



.cal_btn {
  height: 35px;
  width: fit-content;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  border-radius: 20px;
  background-color: #3b9dff;
  transition: 0.4s;
}

.cal_btn:hover {
  color: #fff;
  background-color: #2f84da;
}

.find_text {
  text-shadow: 2px 1px #fff;
}

.ul_find_property {
  list-style: none;
  padding: 0;
}

.ul_find_property .li_find_property a {
  text-decoration: none;
  color: #000;
}

.ul_find_property .li_find_property::before {
  content: "\00BB";
  font-size: 50px;
  line-height: 15px;
  padding-bottom: 6px;
  padding-right: 10px;
}

.ul_find_property .li_find_property {
  transition: 0.4s;
  width: 100%;
  padding-left: 2rem;
  cursor: pointer;
}

.ul_find_property .li_find_property:hover {
  background-color: #3c9dfe;
}

.find_property_h5 {
  background: linear-gradient(90deg, #fff, #2c8aff, #fff);
  font-weight: 600;
}

.read_more_pro_news {
  text-decoration: none;
  font-size: 14px;
}

.read_more_pro_news_content_p {
  line-height: 17px;
}

.read_more_pro_news_content {
  color: #7e7d7d;
  line-height: 10px;
  font-size: 14px;
}

.icon_r {
  padding-right: 10px;
}

.poke-img {
  width: 15px;
  transform: rotate(90deg);
  margin-right: 5px;
}

.poke_btn {
  height: 35px;
  width: fit-content;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  border-radius: 20px;
  background-color: #187a91;
  transition: 0.4s;
}

.poke_btn:hover {
  color: #fff;
  background-color: #1ba2c0;
}

.page-link {
  border: none;
  color: #000;
}

.page-link:hover {
  color: #fff;
  background-color: #3c96f6;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
  border: none !important;
}

.back_color {
  background-color: #a7c7ee;
  padding: 6rem 1rem !important;
}

.edit-w {
  max-width: 1000px;
}

.property_list_all .form-control {
  padding: 10px;
  border-radius: 5px;
}

.input_file_custom::before {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 110px;
  content: "";
  z-index: 2;
  background: #fff;
}

.label_edit {
  width: 60px;
  cursor: pointer;
  background-color: #75afbd;
  border: none;
  font-size: 20px;
}

.custom_massage {
  width: 100%;
  padding: 15px;
  border-radius: 5px;
}

.form_all_areas {
  list-style: none;
  border: 2px solid #66666640;
  border-radius: 10px;
  padding: 0;
  max-height: 315px;
  overflow-x: hidden;
  /* Enable horizontal scrolling */
  overflow-y: auto;
  /* Hide vertical scrollbar */
   /*padding: 5px; */
  scroll-behavior: smooth;
  scrollbar-width: thin;
  /* Set the width of the scrollbar */
  scrollbar-color: #fff transparent;
  /* Set the color of the scrollbar (red) */
}

/* Webkit browsers (Chrome, Safari) */
.form_all_areas::-webkit-scrollbar {
  width: 5px;
}

.form_all_areas::-webkit-scrollbar-thumb {
  background-color: #3c9dfe;
  border-radius: 5px;
}

.form_all_areas::-webkit-scrollbar-track {
  background-color: transparent;
}

.form_all_areas li label {
  height: 100%;
  width: 100%;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0px 0px 3px 1px #ccc;
  user-select: none;
  cursor: pointer;
  /*border-radius: 5px;*/
  font-size: 14px;
}

.send_area_form {
  background-color: #187a91;
  transition: 0.4s;
  border: none;
}

.send_area_form:hover {
  background-color: #2f8a9e;
  border: none;
}
/* ---all css are for propertylist //--- */

/* -----------------about page started---------- */
.sub-banner {
  background: url(./images/about-img/sub-banner.jpg);
  background-size: cover;
  padding: 100px 0;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
  text-align: center;
}

.sub-banner:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #191fcb;
  content: "";
  z-index: -1;
  opacity: 0.4;
}

.sub-banner h1 {
  margin: 0 0 5px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 30px;
  color: #ffffff;
}

.sub-banner.sb-two {
  padding: 170px 0 120px;
}

.breadcrumbs li {
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
}

.breadcrumbs li a {
  position: relative;
  padding-right: 23px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #fff;
  text-decoration: none;
}

.breadcrumbs li a:hover {
  color: #187a91;
}

.breadcrumbs li a:before {
  background-color: #fff;
  content: "";
  height: 13px;
  width: 2px;
  margin: 0 2px;
  position: absolute;
  right: 7px;
  top: 5px;
}

.breadcrumbs li a:after {
  background-color: #fff;
  content: "";
  height: 13px;
  width: 2px;
  margin: 0 2px;
  position: absolute;
  right: 3px;
  top: 5px;
}

.about-section {
  background-image: url(./images/about-img/shadow.jpg);
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 80px;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
}

.about-section .ul-1 {
  padding: 0;
}

.about-section .ul-1 li {
  margin-left: 2rem;
}

.about-section .ul-1 .fa-angle-double-right {
  padding-right: 12px;
}

.card-head {
  background-color: #2788ff;
  padding: 30px 20px;
  align-items: center;
  transition: 0.5s;
}
.card-head:hover {
  transform: scale(1.1);
}

.card-head h4 {
  background-color: #d4dfee;
  padding: 10px 20px;
  border-radius: 25px;
  font-size: 22px;
}

.card .card-body p,
h5 {
  text-align: left;
}

.card .about-card a {
  text-align: center;
  background-color: #177a90;
}

.card .about-card h5 {
  color: #fff;
  font-weight: 700;
}

.class-btn {
  width: max-content;
  background-color: #196678;
  text-align: center;
}

/* --------------------about us page completed---------------------- */
/*------------------------------contact us page started-------------------*/

.flip {
  position: relative;

  > .front,
  > .back {
    /* display: block; */
    transition-timing-function: ease-in(0.175, 0.885, 0.32, 1.275);
    transition-duration: 0.9s;
    transition-property: transform, opacity;
  }

  > .front {
    transform: rotateY(0deg);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  > .back {
    position: absolute;
    opacity: 0;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transform: rotateY(-180deg);
  }

  &:hover {
    > .front {
      transform: rotateY(180deg);
    }

    > .back {
      opacity: 1;
      transform: rotateY(0deg);
    }

    > .back p,
    span {
      font-size: 16px;
    }
  }
}

.flip {
  position: relative;

  /* margin-bottom: 1em; */
  > .front,
  > .back {
    color: white;
    height: 220px;
    padding: 1em 1.5em;
    background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #207cca 100%,
      #2989d8 100%,
      #1e5799 100%
    );
    border-radius: 10px;
  }

  .back {
    color: black;
    font-family: "Montserrat", sans-serif;
  }

  .back a {
    text-decoration: none !important;
    color: #fff;
  }
}
/* .hover-eee{
    width: 0;

} */
.sidebar-widget .form-group {
  margin-bottom: 20px;
}

.form-control {
  padding-left: 15px;
}

.search-fields button {
  border-radius: 1px;
  box-shadow: none;
  border: none;
  background: #fff;
}

.search-button {
  cursor: pointer;
  padding: 14px 20px;
  letter-spacing: 0.5px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  transition: 0.5s;
  border-radius: 3px;
  border: none;
  width: 100%;
}

.search-button:hover,
.search-button:focus {
  outline: none;
  color: #fff;
}

/*--------------------------------contact us page end-------------------*/
/* ------------------------eco4 page started-------------------*/

.sub-banner-2 {
  background: url(./images/about-img/sub-banner.jpg);
  background-size: cover;
  padding: 100px 0;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
  text-align: center;
}
.sub-banner-2:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #1f7a3a;
  content: "";
  z-index: -1;
  opacity: 0.6;
}
.fund-ing .fundingheading {
  display: inline-block;
  font-weight: bold;
}
.fund-ing img {
  width: 250px;
}

.color-back {
  background: linear-gradient(
    144deg,
    rgba(10, 205, 220, 1) 0%,
    rgba(62, 178, 40, 1) 100%
  );
  color: #fff;
}
.color-back2 {
  background: linear-gradient(
    34deg,
    rgba(10, 205, 220, 1) 0%,
    rgba(62, 178, 40, 1) 100%
  );
  color: #fff;
}
.color-back3 {
  background: linear-gradient(
    292deg,
    rgba(10, 205, 220, 1) 0%,
    rgba(62, 178, 40, 1) 100%
  );
  color: #fff;
}
/* ---------------------------------form------------------ */
.inn-forma {
  width: 60% !important;
  margin: 0 auto;
  box-shadow: 0 0 8px #666;
  padding: 36px;
  background-color: #fff;
  border-radius: 20px;
}
.form-input-ec04 {
  background: #e1e1e1;
}
.align1 {
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
}
.align1 input {
  float: inline-end;
}
.align1 .drag-area {
  border: 2px dashed #fff;
  height: 500px;
  width: 700px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.align1 .drag-area.active {
  border: 2px solid #fff;
}
.align1 .drag-area .icon {
  font-size: 100px;
  color: #fff;
}
.align1 .drag-area header {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
}
.align1 .drag-area span {
  font-size: 25px;
  font-weight: 500;
  color: #fff;
  margin: 10px 0 15px 0;
}
.align1 .drag-area button {
  padding: 10px 25px;
  font-size: 20px;
  font-weight: 500;
  border: none;
  outline: none;
  background: #fff;
  color: #5256ad;
  border-radius: 5px;
  cursor: pointer;
}
.align1 .drag-area img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.align1 .form-input-ec04 .form-control {
  padding: 0.75rem !important ;
}
/* ------------------------eco4 page end-------------------*/

/* ---all css are for prperty management--- */

.property_management_card {
  padding: 10px 8px 30px 8px;
  background-color: #bddaf8;
  border-radius: 5px;
  position: relative;
  top: -140px;
}

.property_management_card .p_m_dedicated {
  font-weight: 400;
  font-size: 14px;
  color: #fff;
}

.property_management_card .property_management_item {
  font-weight: 400;
  font-size: 13px;
  padding: 10px;
  background: #3c9dfe;
  color: #fff;
}

.property_management_card .property_management_item p {
  font-size: 11px;
  background: #3c9dfe;
  color: #fff;
}

.property_management_card .owl-carousel .owl-item img {
  width: 50px !important;
}

.property_management_card .image-container {
  display: flex;
  justify-content: center;
  padding: 5px;
}

.property_management_card .owl-dots {
  display: block !important;
}

.owl-dots {
  display: block !important;
}

@media screen and (min-width: 200px) and (max-width: 768px) {
  .property_management_card .property_management_item p {
    font-size: 9px !important;
    background: #3c9dfe;
    color: #fff;
  }

  .property_management_card .p_m_dedicated {
    font-weight: 400;
    font-size: 11px;
    color: #fff;
  }
}

.p_m_heading {
  font-size: 20px;
  font-weight: 800;
  padding: 4px 0px;
  padding-left: 15px;
  border-left: 5px solid #3b9dfe;
  margin-bottom: 10px;
}

.rent_scheme_p {
  font-size: 16px;
  line-height: 17px;
}

.set_apart {
  flex-direction: column;
}

.set_apart h6 {
  font-weight: 800;
  color: #838383;
  font-size: 20px;
}

.set_apart_p {
  max-width: 400px;
  font-size: 16px;
  color: #b4b4b4;
  line-height: 15px;
}

.rent_scheme_img {
  min-height: 336px;
  background: url(images/Successfully-Manage.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.service_con h6 {
  font-weight: 800;
  color: #707070;
  font-size: 20px;
}

.service_con p {
  color: #b4b4b4;
  font-size: 16px;
  line-height: 16px;
}

.flexible_con {
  width: 233px;
  background: #177a91;
  font-size: 17px;
  padding: 7px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.flexible_con i {
  opacity: 0;
  transition: 0.4s;
  width: 0;
}

.flexible_con:hover .flexible_con_i {
  opacity: 1;
  width: 15px;
}

.services_ul {
  list-style: none;
}

.services_ul li {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 15px;
  transition: 0.4s;
  padding: 5px 5px;
  border-radius: 5px;
}

.services_ul li a {
  text-decoration: none;
  color: #000;
  /*width: 233px;*/

  font-size: 17px;
  padding: 7px;
  border-radius: 5px;
  color: #000;
  cursor: pointer;
  transition: 0.7s;
}

.flexible_con_i_li {
  opacity: 0;
  padding-right: 10px;
  width: 0;
  transition: 0.4s;
  color: #fff;
}

.services_ul li:hover {
  background: #177a91;
  color: #fff;
}
.services_ul li:hover .flexible_con_i_li {
  opacity: 1;
  width: 25px;
}
.services_ul li:hover .services_ul_li_a {
  color: #fff;
}
.areas_covered {
  font-size: 14px;
  line-height: 16px;
}

.font-w-800 {
  font-weight: 800;
  color: #000;
}

.p_m_c {
  padding: 7px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.p_m_c_con {
  font-size: 12px;
}
.rent_scheme {
  position: relative;
  top: -50px;
}

.leadership_div {
  width: 170px;
  height: 190px;
  position: relative;
  overflow: hidden;
  transition: 0.4s;
  cursor: pointer;
}

.leadership_div img {
  width: 100%;
  height: 100%;
}

.leadership_div .personal_info {
  content: "hello";
  height: fit-content;
  width: 100%;
  background-color: #177a91;
  position: absolute;
  bottom: -100%;
  left: 0;
  transition: 0.4s;
}

.leadership_div .personal_info h6,
.leadership_div .personal_info .position {
  color: #fff;
  text-align: center;
  margin: 0;
  font-size: 13px;
  font-weight: 800;
}

.leadership_div .personal_info .position {
  font-weight: 400;
}

.leadership_div:hover .personal_info {
  bottom: 0;
}

.leadership_h6 h6 {
  font-weight: 800;
  color: #707070;
  font-size: 20px;
}
.owl-dots {
  display: block !important;
}
.select_property_m {
  width: 100%;
}

.property_list_all .select2-selection,
.more_filter .select2-selection {
  height: 45px !important;
  display: flex !important;
  align-items: center !important;
}

.property_list_all
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow,
.more_filter
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 9px !important;
}
.form-control:focus {
  box-shadow: none;
}
/* ---all css are for prperty management//--- */
/*-----------------------eco4intro started-----------------------------------------*/
.about-section2 .benefits-intro {
  float: inline-end;
  font-size: 18px;
}
.about-section2 .benefits-intro a {
  text-decoration: none;
  padding: 10px 15px;
  background-color: #177a90;
  color: #fff;
  border-radius: 10px;
}

.card-head-green1 {
  background: #71c879;
  padding: 30px 20px;
  align-items: center;
  color: #fff;
}
.card-head-green2 {
  background: #26b14e;
  padding: 30px 20px;
  align-items: center;
  color: #fff;
}
.card-head-green3 {
  background: #1f7a3a;
  padding: 30px 20px;
  align-items: center;
  color: #fff;
}
.card .about-card a {
  text-align: center;
  background-color: #177a90;
}
.card .eco-card {
  padding: 10px 0 !important;
}
.card .eco-card h5 {
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
}

.class-btn2 {
  padding: 12px 16px;
  background-color: #ffffff;
  color: #196678;
  text-align: center;
}
.class-btn2:hover {
  color: #ffffff;
  background-color: #196678;
}
.card-head-green2 h4,
.card-head-green1 h4,
.card-head-green3 h4 {
  background-color: #d4dfee;
  padding: 10px 20px;
  border-radius: 25px;
  font-size: 22px;
  color: #252525;
}

.about-section2 {
  padding-top: 100px;
  padding-bottom: 80px;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
}
.sub-banner-eco4 {
  background: url(./images/about-img/sub-banner.jpg);
  background-size: cover;
  padding: 100px 0;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
  text-align: center;
  color: #fff;
}
.sub-banner-eco4::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #1d5b01;
  content: "";
  z-index: -1;
  opacity: 0.8;
}
/*-----------------------eco4intro started-----------------------------------------*/

/*css for roles radio button start*/

.main-container {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.main-container h2 {
  margin: 0 0 80px 0;
  color: #555;
  font-size: 30px;
  font-weight: 300;
}

.radio-buttons {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.custom-radio input {
  display: none;
}

.radio-btn {
  margin: 10px;
  width: 220px;
  height: 240px;
  border: 3px solid transparent;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  text-align: center;
  box-shadow: 0 0 20px #c3c3c367;
  cursor: pointer;
}

.radio-btn > i {
  color: #ffffff;
  background-color: #ffdae9;
  font-size: 20px;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%) scale(2);
  border-radius: 50px;
  padding: 3px;
  transition: 0.5s;
  pointer-events: none;
  opacity: 0;
}
.hover_text-btn {
  background-color: #177a91 !important;
  color: #ffffff !important;
  width: auto;
  border: 2px solid;
}
.hover_text-btn:hover {
  background-color: transparent !important;
  border: 2px solid #177a91 !important;
  color: #177a91 !important;
}

.radio-btn .hobbies-icon {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.radio-btn .hobbies-icon img {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.radio-btn .hobbies-icon i {
  color: #ffdae9;
  line-height: 80px;
  font-size: 60px;
}

/*--------------payment------*/
.radio-btn .hobbies-icon-payment{
  width: 100% !important;
  height: auto!important;
  
}
.radio-btn .hobbies-icon-payment img{
 margin-top: 20px;
 margin-bottom: 10px!important;
  
}
  .radio-btn-payment{
          width: 250px!important;
  height: 90px!important;
  }

 .radio-button-extra {
  width: 240px!important;
  height: 300px!important;

}

.radio-btn .hobbies-icon h3 {
  color: #555;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.custom-radio input:checked + .radio-btn {
  border: 5px solid #3c9dfe;
}

.custom-radio input:checked + .radio-btn > i {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
/*css for roles radio button ends*/

/* ----faq page css start---- */
.faq-sec .all_tabs ul {
  list-style-type: none;
  padding: 0;
  cursor: pointer;
}

.faq-sec .all_tabs ul li {
  margin: 5px 0;
  padding: 10px;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  transition: background-color 0.3s;
}

.faq-sec .all_tabs ul li.active {
  background-color: #3c9dfe;
  color: #fff;
}

.faq-sec .page_content {
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  background-color: #dbe7f5;
  height: 100%;
}

/* Add a class to the content divs */
.faq-sec .content_tab {
  display: none;
}

/*------------------- Show the active content div----------------------- */
.faq-sec .content_tab.active {
  display: block;
}
.fl-fl {
         border-radius: 10px 0 0 10px;
  background: #D7504C;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 4px;
  width: 190px;
  position: fixed;
  right: -150px;
  z-index: 1000;
  font: normal normal 14px Arial;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.fl-fl:hover {
  right: 0;
}
.fa-file-pdf{
  font-size: 20px;
  color: #fff;
  padding: 10px 0;
  width: 40px;
  
}
.float-fab {
  top: 160px;
}
.fl-fl a {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  line-height: 43px!important;
  vertical-align: top!important;
 
}

/* ----joint tenant start---- */
.main-a {
  text-decoration: none;
  color: #fff;
}

.main-a:hover {
  color: #fff;
}

.main-a2 {
  text-decoration: none;
  color: #1c417f;
}

.for-venture {
  background-color: #146fdf;
  color: #fff;
  padding: 20px;
  border-radius: 8px;
  user-select: none;
  transition: 0.3s;
}

.for-venture h2,
.council_ha h2 {
  font-weight: 800;
}

.for-venture p,
.council_ha p {
  font-size: 19px;
}

.for-venture .venture-btn,
.council_ha .venture-btn {
  color: #1b74e0;
  background-color: #fff;
  text-decoration: none;
  padding: 10px 30px;
  font-size: 20px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  width: fit-content;
  transition: 0.3s;
}

.for-venture .venture-btn:hover,
.council_ha .venture-btn:hover {
  transform: scale(1.05);
}

.for-venture:hover,
.council_ha:hover {
  transform: translateY(-10px);
}

.council_ha {
  background-color: #fff;
  color: #1c417f;
  padding: 20px;
  border-radius: 8px;
  user-select: none;
  transition: 0.3s;
  box-shadow: 0px 0px 5px 1px #ccc;
}

.council_ha .venture-btn {
  box-shadow: 0px 0px 5px 1px #1c417f;
}

.opportunities .oppor_q {
  font-size: 25px;
  font-weight: 600;
}

.opportunities p,
.opportunities .op-p {
  font-size: 19px;
  line-height: 40px;
  font-weight: 300;
  letter-spacing: 0.02rem;
}

.opportunities .ex {
  font-size: 27px;
  font-weight: 600;
}

.opportunities .bridging .venture-btn {
  font-size: 30px;
  text-decoration: none;
  transition: 0.3s;
}

.opportunities .bridging .venture-btn:hover {
  text-decoration: underline;
}

.opportunities ul li {
  line-height: 35px;
  font-size: 18px;
}

.opportunities .ven-span {
  font-size: 30px;
}
/* ----joint tenant end---- */

/* ----------------------our services------------------------- */
/*.body-text1{
    height: 350px;
}*/
.custom-button-color-service.active {
  background: #187a91 !important;
  color: #fff !important;
  transition: 0.4s;
}
.custom-button-color-service {
  background: #fff !important;
  color: #187a91 !important;
  transition: 0.4s;
  box-shadow: 0 0 5px #6666665e;
  /* display: inline-block; */
  text-decoration: none;
  padding: 0.6rem;
  border-radius: 6px;
  margin: 0.3rem;
  display: inline-block;
}
.card-link {
  text-decoration: none;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
}
.card-text a {
  text-decoration: none;
  color: #252525;
}
.card-text a:hover {
  color: rgb(0, 102, 255);
}
/*-----------------------our services end------------------*/

/*company page css*/

/* --------------this is for marketing page----------------------------- */
.banner {
  background-image: linear-gradient(#000000b1, #00000095),
    url("img/marketing/banner.jpg");
  background-position: center;
  background-size: cover;
  padding: 120px 0;
  text-align: center;
  color: #fff;
}
.banner h2 {
  font-size: 2rem;
  font-weight: 700;
}
.banner p {
  line-height: 1rem;
  font-size: 1.2rem;
  margin: 0;
}

.left-box {
  background-image: url("img/marketing/about.jpg");
  background-repeat: no-repeat;
  width: 100%;
  min-height: 450px;
}

.right-box {
  background-color: #b3d7fc;
}

.about-extra {
  background-image: linear-gradient(#000000b1, #00000095),
    url("img/marketing/bout-next.jpg");
  background-position: center;
  background-size: cover;
  padding: 100px 0;
  background-attachment: fixed;
  color: #fff;
}

.leftbox-1 {
  background-image: url("img/marketing/our-story.jpg");
  background-position: right bottom;
  background-repeat: no-repeat;
  min-height: 450px;
  background-attachment: fixed;
}

.box-color {
  background-color: #fde9af;
  z-index: 1;
}

.ourser-box {
  background-image: url("img/marketing/our-services.jpg");
  background-repeat: no-repeat;
  min-height: 450px;

  background-position: bottom left;
}
.top-top {
  background-color: #a5aeff;
}
.loremipsum {
  background-image: linear-gradient(#000000c4, #000000a6),
    url("img/marketing/lorem.jpg");
  background-position: center;
  min-height: 450px;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .left-box {
    background-attachment: fixed;
  }
  .ourser-box {
    background-attachment: fixed;
  }
  .leftbox-1 {
    background-attachment: fixed;
  }
}
.resize-re {
  max-width: 800px;
  margin: auto;
}
.card-img {
  width: 100px;
  height: 100px;
  border-radius: 30%;
}
.main-text p {
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .slide-text {
    margin-left: 8px !important;
    padding: 0 !important;
  }
  .slide-text p {
    font-size: 10px;
    margin-bottom: 0px;
  }
  .slide-text h5 {
    font-size: 14px;
    margin-bottom: 0;
  }
  .bg-about,
  .boxx,
  .blue-bg {
    padding: 15px !important;
  }
  .banner h2 {
    font-size: 1.6rem;
  }
  .p-o {
    padding: 0 !important;
  }
  .center_item {
    left: 45px;
  }
}
.center_item {
  position: absolute;
  cursor: pointer;
  width: 40px !important;
  top: 43%;
  left: 40%;
}
/*------------------------------Finance Page Started------------------------------------*/
.finance-detail-card-s {
  background-color: #eeeeeee3;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 10px;
  /* margin-bottom: 20px; */
  height: 100%;
}
.cardbox-finance-s {
  position: relative;
  top: -100px;
}
.border-finance {
  position: relative;
  top: -15px;
  height: 17px;
  background: #3c9dfe;
}

/*------------------------------Finance Page end------------------------------------*/

/*------------------------------universal credit started/ Universal Teanat Started------------------------------------*/
.faq-sec .all_tabs ul li a.active {
  background-color: #3c9dfe;
  color: #fff;
}
.universal-tabs ul li {
  padding: 0 !important;
}
.universal-tabs ul li a {
  border-radius: 5px;
  display: block;
  padding: 10px;
  text-decoration: none;
}

/*------------------------------universal credit end/ Universal Teanat end------------------------------------*/
/*------------------------------Housing Payments started------------------------------------*/
.grants-container-s {
  max-width: 800px;
}
.grant-s-btn {
  padding: 8px 15px;
}
.grant-main .select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 41px;
  user-select: none;
  -webkit-user-select: none;
}
.grant-main .select2-container {
  min-width: 230px;
  min-height: 41px;
}
.grant-main
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding-top: 6px;
}
.grant-main
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 7px !important;
}
.grant-main .search-grant-d-s {
  max-width: 600px;
  margin: auto;
  position: relative;
}
.grant-main .search-grant {
  width: 100%;
  padding: 7px 33px 7px 17px;
  border: 2px solid #ccc;
  border-radius: 20px;

  outline: navajowhite;
}
.grant-main .search-grant:focus-visible {
  border: 2px solid #3c9dfe;
  outline: navajowhite;
}
.grant-main .search-grant-d-s i {
  font-size: 20px;
  position: absolute;
  right: 8px;
  cursor: pointer;
  top: 26px;
}
.grant-page_block .grant-page_title {
  font-size: 23px;
  font-weight: 700;
}
.grant-page_block p {
  font-size: 15px;
}
/*------------------------------Housing Payments end------------------------------------*/
/*------------------------------evictions started------------------------------------*/

.form-ev .form-ev-input {
  border: 1px solid #ccc;
  border-radius: 13px;
}
.form-ev {
  margin-bottom: 15px;
}
.right-ev {
  max-width: 600px;
  margin: auto;
}
.left-ev {
  background-color: #3f87d6;
  color: #fff;
  padding: 35px;
  border-radius: 25px 0 0 25px;
}
.ev-l-con {
  max-width: 350px;
  margin: auto;
}
.eviction-interested-btn {
  min-width: 188px;
  line-height: 48px;
  border-style: solid;
  border-width: 2px;
  border-radius: 30px;
  padding: 10px 35px;
  text-align: center;
  background-color: #3f87d6;
  border-color: #3f87d6;
  text-transform: capitalize;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  text-decoration: none;
  display: inline-block;
}
.eviction-interested-btn:hover {
  color: #fff;
}
.why-ev- {
  background-color: #dde2e3;
  color: #000;
  padding: 35px;
  border-radius: 30px;
}
.why-ev-ul li h4 {
  font-weight: 700;
}

/*------------------------------evictions end------------------------------------*/
/*------------------------------Property Searchbox started ------------------------------------*/

.select-home-op {
  position: relative;
  width:48%;
}
.search_cat .select-home-op::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333; /* Adjust color as needed */
}
/*------------------------------Property Searchbox end------------------------------------*/
/*------------------------------site content Details started ------------------------------------*/
.triage-form-service {
  padding: 20px 15px;
  background-color: #ccc;
  border-radius: 5px;
}
.triage-form-service textarea {
  border-radius: 5px;
}
.inp-triage-f {
  padding: 10px;
  box-shadow: 0px 0px 1px 1px #ccc;
  border-radius: 5px;
  background-color: #fff;
}
.triage-sbBtn button {
  border: none;
  padding: 7px;
  border-radius: 5px;
  background-color: #1258a0;
  color: #fff;
}
/*------------------------------site content Details end------------------------------------*/
/*------------------------------Documents page started------------------------------------*/
.cardbox-documents a {
  text-decoration: none;
}
.card-document {
  background: #3f87d6;
  border-radius: 10px !important;
  cursor: pointer;
  border: none;
  padding: 20px;
  flex: 0 0 22%;
  color: #fff;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 190px;
}
.document-title {
  text-align: center;
  text-decoration: none;
}
.cardbox-documents .video-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
.play-btn-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 70px;
  width: 70px;
  border-radius: 10px;
}
.modal-backdrop.show {
  opacity: 0.8; /* Adjust opacity for darker or lighter overlay */
}
#videoModal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 3; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
  align-items: center;
  justify-content: center;
}

.modal-content {
  background-color: #fefefe;
  margin: 11% auto; /* 15% from the top and centered */
  /* padding: 20px; */
  border: 1px solid #888;
  width: 95%; /* Could be more or less, depending on screen size */
  max-width: 600px; /* Maximum width */
  position: relative; /* Added to position close button absolutely within this container */
}

.close {
  color: #aaa;
  position: absolute;
  top: -10px;
  right: 4px;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.video-iframe {
  width: 100%; /* Make iframe responsive by setting width to 100% of its parent */
  height: 315px; /* You can adjust the height */
}

/*------------------------------Documents Page end------------------------------------*/
/*------------------------------Service Page  started------------------------------------*/
.text-btn {
  text-align: left;
  color: #0d6efd;
  font-weight: 600;
  padding: 12px;
}
/*------------------------------Service Pag end------------------------------------*/

/*-----------------------------------------about company-page------------------------------------------------------*/
.nav-header .nav-ul .li-top .nav-link-coutom {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

.nav-header {
  overflow: auto;
  background-color: #21275b;
}

.nav-ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  white-space: nowrap;
  overflow-x: auto;
}

.li-top {
  margin: 10px;
}

/* Other styles (you can customize these) */
.nav-link-coutom {
  text-decoration: none;
  color: #333;
}

.nav-link-coutom:hover {
  color: #666;
}

.card-link {
  color: inherit;
  text-decoration: none;
}

.owl-carousel-custom .owl-item img {
  border-radius: 50%;
}

.item img {
  width: 100px;
  min-height: 100px;
}

.item h5 {
  /* font-size: 18px; */
  text-align: center;
  margin-top: 20px;
  margin-bottom: 3px;
}
.item p {
  text-align: center;
}

#our-services .item h5 {
  /* font-size: 18px; */
  text-align: left;
  margin-top: 0px;
}


/* ============================about us company page=============================== */
.whoweare h2,
.ourteam h2,
.ourwork h2,
.ourservices-about h2,
.getin h2 {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 600;
}
.whoweare h5,
.ourteam h5,
.ourservices-about h5,
.getin h5 {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: #177a90;
}

#who-we-are h2 {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 600;
}

.whoweare .whoweare .card:hover {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}

.whoweare .card:hover img {
  transform: scale(1.1);
  background-color: #0000009d;
}

.whoweare .card img {
  transition: transform 0.2s;
}

.whoweare .card .card-img-box {
  overflow: hidden;
  transition: height 0.5s;
}

.whoweare .card .card-img-box img {
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}

.whoweare .card:hover .card-img-box {
  height: 220px;
}

.whoweare .card-body {
  position: relative;
  height: 185px;
  padding: 20px;
  -webkit-transition: height 0.5s;
  transition: all ease-in-out 0.5s;
}

.whoweare .card-body h5 {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: #177a90;
}

.whoweare .card-body p {
  font-family: "Nunito Sans", sans-serif;
}

.whoweare .card:hover .card__body {
  /* height: 300px; */
}

.whoweare .card-footer {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: all ease 0.5s;
  background: #66666610;
}

.whoweare .card:hover .card-footer {
  opacity: 1;
  width: 100%;
}

.card-footer a {
  text-decoration: none;
}

.whoweare .card:hover .card-footer a {
  text-decoration: none;
  color: #0896e9;
}

/* -----------------our team-------------- */
#our_team h2 {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 600;
}
#our_team .item img {
  width: 130px;
  height: 130px;
  margin: 20px auto;
  display: table;
  box-shadow: 0px 10px 10px #1a69c5;
}

#our_team .item img:hover {
  box-shadow: 0px 0px 15px #1a69c5;
}

#our_team .owl-prev:focus,
#our_team .owl-next:focus {
  outline: none;
}

#our_team .owl-prev {
  position: absolute;
  top: 52%;
  left: -25px;
  transform: translate(-30%, -130%);
  font-size: 41px !important;
  height: 30px;
  display: flex;
  align-items: center;
  margin: 0;
  width: 30px;
  justify-content: center;
  border-radius: 50%;
}

#our_team .owl-next {
  position: absolute;
  top: 52%;
  right: -25px;
  transform: translate(0%, -130%);
  font-size: 41px !important;
  height: 30px;
  display: flex;
  align-items: center;
  margin: 0;
  width: 30px;
  justify-content: center;
  border-radius: 50%;
}

#our_team .owl-prev:hover,
#our_team .owl-next:hover {
  color: #000 !important;
  box-shadow: 0 0 2px #666666 !important;
  background-color: transparent;
}

#our_team .owl-dots {
  display: none;
}

#our_team .fa-chevron-left:before,
#our_team .fa-chevron-right:before {
  font-size: 20px;
  line-height: 50px;
  color: #3c9dfe;
}

/* -----------------our work-------------- */
#our-work .item .card-link {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.left-tranc img {
  min-height: 300px;
  object-fit: cover;
}

.overlay-zindex {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  position: absolute;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(60 157 254) 30%);

  color: #ffffff;
  opacity: 0.9;
  transition: all ease-in 0.9s;
  animation-timing-function: linear;
  bottom: 10px;
  top: 10px;
  left: 10px;
  right: 10px;
  border: 4px solid #ffffff;
  z-index: 9999999;
}

#our-work .card:hover .overlay-zindex {
  opacity: 1;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 30%
  );
}

#our-work .fa-chevron-left:before,
#our-work .fa-chevron-right:before {
  font-size: 20px;
  line-height: 50px;
}

#our-work .owl-prev:focus,
#our-work .owl-next:focus {
  outline: none;
}

#our-work .owl-prev {
  box-shadow: 0 0 8px #bebebe8f;
  position: absolute;
  color: #177a90;
  top: 53%;
  left: -25px;
  transform: translate(-30%, -130%);
  font-size: 41px !important;

  height: 30px;
  display: flex;
  align-items: center;
  margin: 0;
  width: 30px;
  justify-content: center;
  border-radius: 50%;
}

#our-work .owl-next {
  box-shadow: 0 0 8px #bebebe8f;
  position: absolute;
  color: #177a90;
  top: 53%;
  right: -35px;
  transform: translate(0%, -130%);
  font-size: 41px !important;

  height: 30px;
  display: flex;
  align-items: center;
  margin: 0;
  width: 30px;
  justify-content: center;
  border-radius: 50%;
}

#our-work .owl-prev:hover,
#our-work .owl-next:hover {
  color: #000;
}

#our-work .owl-dots {
  display: none;
}

/* -----------------our services-------------- */
#our-services .card {
  position: relative;
  overflow: hidden;
  height: 390px;
}

#our-services .card img {
  transition: transform 0.3s ease-in-out;
  height: 210px;
}

#our-services .card:hover img {
  transform: scale(1.1);
}

#our-services .owl-prev:focus,
#our-services .owl-next:focus {
  outline: none;
}

#our-services .owl-prev {
  position: absolute;
  top: 50%;
  left: -25px;
  transform: translate(-30%, -130%);
  font-size: 41px !important;

  height: 30px;
  display: flex;
  align-items: center;
  margin: 0;
  width: 30px;
  justify-content: center;
  border-radius: 50%;
}

#our-services .owl-next {
  position: absolute;
  top: 50%;
  right: -25px;
  transform: translate(0%, -130%);
  font-size: 41px !important;

  height: 30px;
  display: flex;
  align-items: center;
  margin: 0;
  width: 30px;
  justify-content: center;
  border-radius: 50%;
}

#our-services .owl-prev:hover,
#our-services .owl-next:hover {
  color: #000;
}

#our-services .owl-dots {
  display: none;
}

#our-services .fa-chevron-left:before,
#our-services .fa-chevron-right:before {
  font-size: 20px;
  line-height: 50px;
  color: #3c9dfe;
}

/* -----------------get----in----touch-------------- */

.bg-dark_blue {
  background-color: #21275b;
}

.bg-dark_blue .navbar-nav .nav-link {
  color: #e0e0e0;
}
#what_do .col-md-4 {
  position: relative;
}
#what_do .col-md-4 .card{
  height: 389px;
}
#what_do .col-md-4 .card img {
  transition: transform 0.3s ease;

}

#what_do .col-md-4 .card:hover img {
  transform: scale(1.1);
  
}
/*#get-in-touch img {
  height: 285px;
}
*/
.boxx-2 {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  #our-services .owl-prev,
  #our-work .owl-prev,
  #our_team .owl-prev {
    left: 0;
  }
  #our-services .owl-next,
  #our-work .owl-next,
  #our_team .owl-next {
    right: 0;
  }
  .nav-ul {
    justify-content: flex-start;
  }
  .boxx-2 {
    flex-direction: column;
  }
}

/*----------------------about us page end-------------------------------*/

/*--------------------funding-intro-page-------------------------*/
.form-input-ec04 .box {
  position: relative;
  background: #ffffff;
  width: 100%;
}

.form-input-ec04 .box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 10px;
}

.form-input-ec04 .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}

.form-input-ec04 .dropzone-wrapper {
  border: 2px dashed #91b0b3;
  color: #92b0b3;
  position: relative;
  height: 150px;
}

.form-input-ec04 .dropzone-desc {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  top: 50px;
  font-size: 16px;
}

.form-input-ec04 .dropzone,
.dropzone:focus {
  position: absolute;
  outline: none !important;
  width: 100%;
  height: 150px;
  cursor: pointer;
  opacity: 0;
}

.form-input-ec04 .dropzone-wrapper:hover,
.form-input-ec04 .dropzone-wrapper.dragover {
  background: #ecf0f5;
}

.form-input-ec04 .preview-zone {
  text-align: center;
}

.form-input-ec04 .preview-zone .box {
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0;
}
.form-input-ec04 .btn--browse {
  width: 100%;
}

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

/*?????????????????????????????????????google translator?????????????????????????*/

.goog-te-gadget {
  font-family: arial;
  font-size: 8px !important;
  color: #fff !important;
  white-space: nowrap;
}
#google_translate_element {
  border-right: 1px solid #fff;
  padding: 6px;
  box-shadow: 0px 0px 10px 1px #ccc;
}

#google_translate_element .goog-te-gadget .goog-te-combo {
  background-color: #1d7bd3;
  color: #fff;
  border: none;
}

/*?????????????????????????????????????google translator?????????????????????????*/


/* ----------------------faq insurance--------------------------  */
.insurance_faq {
	background: url(images/faq.jpg);
	background-size: cover;
	padding: 100px 0;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 0;
	text-align: center;
}

.insurance_faq:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #191fcb;
	content: "";
	z-index: -1;
	opacity: 0.4;
}

.insurance_faq h1 {
	margin: 0 0 5px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 30px;
	color: #ffffff;
}


.down_faq{
    padding: 10px 15px;
    background: #3c9dfe;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    float: right;
    border-radius: 10px 0 0 10px;

}
.down_faq:hover{
    color: #fff;
}

.Faq_page .accordion-item button {
    min-height: 70px;
    display: flex;
    justify-content: space-between;
}

.insurance-fag {
    box-shadow: 0px 0px 10px 1px #ccc;
    border: none !important;
}

.accordion-button:not(.collapsed) {
    color: #000;
}

.accordion-button:focus {
    box-shadow: none !important;
    z-index:1!important;
}

.Faq_page .accordion-button:not(.collapsed)::after {
    background-image: none;
}

.Faq_page .accordion-button:not(.collapsed)::after {
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    color: #000;
    margin-left: 10px;
   
}

.Faq_page .accordion-button::after {
    background-image: none;
}

.Faq_page .accordian_side_img {
    width: 22px;
    height: 20px;
}
.Faq_page .accordian_side_img img{
    width: 22px;
    height: 20px;
}
.Faq_page .accordion-button::after {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    color: #000;
    margin-left: 10px;
}
.maxwidth{
	min-width: 340px;
	padding:6px 0;
	font-size: 14px;
	
}
.maxwidth.active{
  background: #187a91 !important;
  color: #fff !important;
  transition: 0.4s;
}
.maxwidth{
	color: #187a91 !important;
	background: transparent!important;
	border: 2px solid #187a91 !important;
}
.maxwidth:hover{
  color: #fff !important;
 
}

/*------------------------------arclegal form=----------------------------------*/
.border_border_form{
    border: 1px solid #cfcfcf!important;
    height: 36px!important;
}
.arclegal h4 {
    font-size: 1rem;
}

.arclegal .left_color {
    background: #33659f;
    color: #fff;
    padding: 6px 0;
    margin: 0;
}

.arclegal .left_color label {
    padding-left: 12px;
    font-size: 16px;     /* font-weight: 600; */
}

.arclegal .right_color {
    background: #7d9dc3;
    outline: none;
    padding: 2px 0;
}

.right_color input {
    background: #7d9dc3;
}

.arclegal input:focus-visible {
    outline: none;
    border: none;
}

.arclegal .right_color2 {
    background: #72a5df;
    padding: 2px 0;
}

.arclegal .right_color2 input {
    background: #72a5df;
}

.arclegal .input {
    margin: 0;
}

.arclegal input[type="name"],
.arclegal input[type="text"],
.arclegal input[type="email"],
.arclegal input[type="password"],
.arclegal input[type="date"] {
    color: black;
    border: none;
    font-weight: 500;
    margin: 0;
    width: 100%;
    font-size: 14px;
    height: 32px;
    padding: 0 10px;
}

.arclegal .is-invalid ~ .invalid-feedback,
.arclegal .is-invalid ~ .invalid-tooltip,
.arclegal .was-validated:invalid ~ .invalid-feedback,
.arclegal .was-validated:invalid ~ .invalid-tooltip {
    display: none;
}

.right_color2 input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #72a5df inset !important;
    background: #72a5df;
}

.right_color input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #7d9dc3 inset !important;
    background: #7d9dc3;
}

.arclegal .right_color {
    outline: none;
}

.arclegal input:focus-visible {
    outline: none;
    border: none;
    border-radius: 3px;
}

.arclegal .form-group {
    margin: 0;
    border: 1px solid #fff;
}

.arclegal .textarea {
    width: 100%;
    padding: 0 12px;
    display: block;
}

.arclegal .even_1 {
    background-color: #ecd6e2;
}

.arclegal .pad_ding {
    padding: 0px 12px ! important;
}

/*----------heading background-color design start-----------*/
.arclegal .bg-heading {
    background: #1a69c5;
    margin: 0;
    padding: 10px 0;
    padding-left: 12px;
    color: #fff;
}

/*----------heading background-color design end-----------*/
.arclegal .ol_was {
    margin-left: 20px;
}

.arclegal .ol_was h4 {
    margin-left: 20px;
}

.arclegal .ol_was li {

    /*font-size: 20px;*/
    list-style: auto;     /*padding-bottom: 8px;*/
}

/*.head-colorh {*/

/*    color: #6f064f;*/

/*}*/
.arclegal .text-design-2 {
    text-align: center;
    padding: 15px 0;
    background-color: #1a69c5;
    color: #fff;
    margin: 10px 0;
}

.arclegal .foot-foot {
    border-top: 10px solid #6f064f;
    padding: 30px 0;
}

.arclegal .subbutton {
    background: none;
}

.arclegal .place-input {
    background-color: #fff !important;
    border-radius: 0 !important;
}

.arclegal .place-input::placeholder {
    color: #000 !important;
}

.arclegal .padddingInput {
    padding: 2px 1px !important;
}

@media only screen and (max-width:600px) {
    .arclegal h4 {
        font-size: 0.9rem;
    }

    .arclegal h5 {
        font-size: 0.8rem;
    }

    .arclegal .ol_was li {
        font-size: 0.7;
    }

}

/*------------------------------arclegal form=----------------------------------*/


/* --productdetails css start-- */
.breadcrumb_c {
    height: 250px;
    color: #fff;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "||";
    color: #fff;
}

.breadcrumb-item a,
.breadcrumb-item+.breadcrumb-item {
    text-decoration: none;
    color: #fff;
}

.breadcrumb_background {
    background-image: url(images/OIP.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.thumbnail {
    cursor: pointer;
    height: 100%;
    /* Ensure images take up full height of parent container */
}
.m-home{
    color: #3b9dff;
}
.uk-modern{
    color: #adabab;
}
.img-fluid-modern {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Ensure col-2 and col-10 have the same height */
.row-height {
    display: flex;

}
.rent-modern {
    border-radius: 9px;
    background-color: #3b9dff;
    color: #fff;
    font-size: 12px;
cursor: pointer;
user-select: none;
}

.btn_book {
    padding: 4px 20px;
    border: 1px solid #3b9dff;
    border-radius: 25px;
    color: #3b9dff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: 0.4s;
}

.btn_book:hover {
    background-color: #3b9dff;
    color: #fff;

}

.property-details .nav-tabs .nav-item .btn-pr-desc {
    padding: 4px 20px;
    border: 1px solid #3b9dff;
    border-radius: 25px;
    background-color: #3b9dff;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    transition: 0.4s;

}



.property-details .nav-tabs{
    /*   --bs-nav-tabs-border-width: 0px;*/
    /*--bs-nav-tabs-border-color: none;*/

    /*--bs-nav-tabs-link-hover-border-color: none;*/
    /*--bs-nav-tabs-link-active-color: none;*/
    /*--bs-nav-tabs-link-active-bg: none;*/
    /*--bs-nav-tabs-link-active-border-color: none! important;*/
   
    border: none!important;
}
.property-details .nav-tabs .nav-item .active {
    background-color: #fff;
    color: #3b9dff;
}

.description-property-details {
    box-shadow: 0px 0px 10px 1px #ccc;
    border-radius: 5px;
    padding: 15px 15px;
    text-align: center;
    min-height: 320px;
}
.description-property-details .property-content ul li {
   list-style: none;
   text-align: left;
}
.description-property-details .property-content ul li{
    padding: 20px;
}
.description-property-details .property-content .bg_li{
    background-color:#3c9dfe70;
    padding: 8px 20px;
}

.contact .down_faq {
  padding: 10px 15px;
  background: #3c9dfe;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 5px;
}

.mobile-lang-parent #google_translate_element {
  border: none;
  padding: 6px;
  box-shadow: none;
}

.help2rentsearch{
    width:100%;
        padding: 0 2px;
}

/* Styles for mobile devices */
@media (max-width: 599px) {
  #desk-lang{
      display:none;
  }
}

/* Styles for desktops and tablets (600px and wider) */
@media (min-width: 600px) {
   #desk-lang{
      display:block;
  }
  .mobile-lang-parent{
        display:none!important;
  }
  .search_cat select {
  width: 164px !important;
  padding: 13px 14px;
  /*margin-bottom: 5px;*/
}
.select-home-op {
  position: relative;
  width:auto;
}
.help2rentsearch{
    width:320px;
}
}

.counter-section h2{
    font-size:42px;
}

.counter-section p{
    font-size:15px;
}
.service-btn {
    background: #1d7bd3;
    color: #fff;
    border: 1px solid #1d7bd3;
    padding: 10px 25px;
    border-radius: 30px;
    font-weight: 600;
    transition: all 0.3s;
}
.service-btn:hover {
    color: #0e5faa;
    background-color: transparent;
    border: 1px solid #1d7bd3;
}

.sticky-register{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px 15px;
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(8px);
    box-shadow: 0 -4px 15px rgba(0,0,0,0.08);
    z-index: 999;
}

.register-btn{
    display: block;
    width: 100%;
    text-align: center;
    background: #1877f2; /* Facebook blue */
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 14px;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.register-btn:hover{
    background: #0d65d9;
    color:#fff;
}

/* Hide on desktop */
@media (min-width: 992px){
    .sticky-register{
        display: none;
    }
}