html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*---------------my-css--------*/

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300&family=Poppins:wght@300&display=swap');

/*@font-face {
  font-family: 'Poppins', sans-serif;
  src: url('../assets/font/Poppins/Poppins-Light.ttf') !important;
}*/
body {
  font-family: 'Poppins', sans-serif;
}

a {
  text-decoration: none;
}

a:hover {
  color: #d10000 !important;
}

.logo {
  height: 4rem;
}

.nearby-img img {
  height: 40px;
  width: 40px;
  border-radius: 25px;
}

.nearby-img p {
  font-size: 12px;
}

.my-navbar a {
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 14px;
}

.my-shadow {
  box-shadow: 0px 1px 15px 5px rgb(0 0 0 / 20%);
}

.my-btn {
  background: #d10000;
  font-weight: 600;
}

.my-btn:hover {
  background: #fff;
  border: 1px solid #d10000;
  color: #d10000 !important;
}

/*------------section-1-bg---------*/
.section-1-bg {
  background: linear-gradient(0deg, rgba(209, 0, 0, 0.8), rgba(209, 0, 0, 0.8)), url('../img/home-bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 90px 0;
  background-attachment: fixed;
}

.hero-content h1 {
  font-size: 55px;
}

.searchbar form>div h4 {
  background-color: #004395;
  color: #ffffff;
  margin: 0;
  padding: 10px 15px;
  line-height: 25px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1.4;
}

.searchbar button:hover {
  background: red;
  color: #fff;
}

.my-btn {
  background: #d10000;
}

/*----------agents-box---------*/
.agents-box {
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  transition: 0.5s;
}

.agents-box:hover {
  box-shadow: 0 10px 15px rgb(0 0 0 / 10%);
}

.agents-box .social {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  display: block;
  flex-direction: column;
  overflow: hidden;
  transition: 0.5s;
  margin-left: -50px;
}

.agents-box:hover .agents-img img {
  transform: scale(1.1);
  transition: all 0.3s ease 0s;
}

.agents-box:hover .social {
  left: 10px;
  margin: 0;
}

.agents-img {
  overflow: hidden;
  height: 300px;
}

.agents-img img {
  object-fit: cover;
}

.agents-box .social a {
  width: 32px;
  height: 32px;
  padding: 5px;
  text-align: center;
  margin: 5px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.social a.facebook {
  background: #4867AA;
}

.social a.whatsapp {
  background: #25D366;
}

.social a.twitter {
  background: #1DA1F2;
}

.social a.linkedin {
  background: #007BB6;
}

/*--------property-box------------*/

.property-box .property-img {
  position: relative;
  overflow: hidden;
  height: 250px;
}

.property-h {
  transition: all 0.5s ease 0s;
}

.property-box:hover .property-h {
  transform: scale(1.15) rotate(2deg);
}

.property-box .property-img img {
  object-fit: cover;
  transition: all 0.5s ease 0s;
}

.property-box .property-img .property-d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: rgba(255, 255, 255, 0.85);
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}

.property-box .label {
  display: block;
  position: absolute;
  left: 0;
  top: 15px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.75px;
  background-color: #f9c322;
  color: #004395;
  text-transform: capitalize;
  padding: 0 10px;
  border-radius: 0 4px 4px 0;
  z-index: 2;
  padding: 6px 12px;
}

.property-box .status {
  display: block;
  position: absolute;
  right: 0;
  top: 15px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.75px;
  /* background-color: #198754; */
  color: #004395;
  text-transform: capitalize;
  padding: 0 10px;
  border-radius: 15px 0 0 15px;
  z-index: 2;
  padding: 6px 12px;
}

.property-box .property-img .property-d li {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 5px;
  border-right: 1px solid #bbbbbb;
}

.property-box .property-img .property-d li span {
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.property-box .property-price .type {
  font-size: 10px;
  line-height: 24px;
  letter-spacing: 0.75px;
  font-weight: 500;
  padding: 1px 10px 0;
  background-color: #004395;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 3px;
  position: relative;
  z-index: 1;
  margin-right: 13px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.property-box .property-price .type::before {
  content: "";
  position: absolute;
  left: 100%;
  top: 3px;
  background-color: #004395;
  width: 19px;
  height: 19px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: -10px;
  z-index: -1;
  border-radius: 3px;
}

.property-box .property-price .type::after {
  content: "";
  position: absolute;
  right: -6px;
  top: 10px;
  background-color: #ffffff;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  z-index: 2;
}

/*------------city----------*/
.city {
  background: linear-gradient(0deg, rgba(209, 0, 0, 0.8), rgba(209, 0, 0, 0.8)), url(../img/home-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 50px 0;
  background-attachment: fixed;
}

.place-img {
  position: relative;
  height: 400px;
}

.place-img:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #171921a6;
  border-radius: 5px;
  opacity: .7;
}

.place-img img {
  object-fit: cover;
}

.place-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* --------------blog-------- */
.blog-box {
  box-shadow: 0 0 20px #ddd;
}

.blog-box:hover .blog-img img {
  transform: scale(1.05);
  transition: all 0.5s ease 0s;
}

.blog-img {
  height: 200px;
}

.blog-img img {
  object-fit: cover;
}

.lh-4 {
  line-height: 1.4;
}

.lh-2 {
  line-height: 1.2;
}

.blog-content p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-content h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.my-align-items {
  align-items: center;
}

/* -----------footer---------- */
.footer {
  background: #232f3e;
  padding: 50px 0;
}

.shape {
  height: 5px;
  display: block;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.social-links .s-button {
  background: #fff;
  height: 45px;
  width: 45px;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.3s ease 0s;
}

.social-links .s-button a {
  transition: 0.5s;
}

.social-links .s-button:hover a {
  transform: scale(1.3);
}

.footer-link a {
  transition: 0.3s;
}

.footer-link a:hover {
  color: #d10000 !important;
}

/* ------------agent-details---------- */
.agent-header {
  background: linear-gradient(0deg, #0000008c, rgb(209 0 0 / 55%)), url(../img/bg-header.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 100px 0;
  background-position: center;
}

.agent-image img {
  object-fit: cover;
}

.agent-profile {
  padding: 100px 0 50px 0;
}

.agent-social {
  display: flex;
}

.agent-social a {
  width: 30px;
  height: 30px;
  padding: 5px;
  text-align: center;
  border-radius: 50px;
  display: block;
  color: #ffffff;
  margin-right: 10px;
}

.agent-social a.facebook {
  background-color: #4867AA;
}

.agent-social a.twitter {
  background-color: #1DA1F2;
}

.agent-social a.linkedin {
  background-color: #007BB6;
}

.agent-social a.whatsapp {
  background: #25D366;
}

.agent-social a i {
  display: block;
  font-size: 14px;
  line-height: 20px;
}

.agent-h {
  height: 320px;
  width: 300px;
  margin: 0 auto;
}

.find-agents {
  box-shadow: 0 0 20px #ddd;
}

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

/* ---want_to_buy------- */
.want_to_buy {
  background: linear-gradient(0deg, #000000a6, #000000a6), url(../img/cta-bg.webp);
  padding: 100px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.app {
  background: linear-gradient(0deg, #000000a6, #000000a6), url(../img/app-bg.webp);
  padding: 100px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin-bottom: 150px;
}

.cta-content span {
  color: #d10000;
}

.add-pro-btn a {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 10px;
  padding: 12px 30px;
  letter-spacing: 0.5px;
}

.download-btns a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 5px 10px;
  padding: 12px 17px;
  border-radius: 5px;
}

.download-btns a i {
  font-size: 24px;
  line-height: 1;
  margin-right: 10px;
  color: #222222;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.download-btns a .text {
  text-align: left;
  font-size: 16px;
  line-height: 1;
  color: #222222;
}

.download-btns a .text span {
  display: block;
  font-size: 12px;
  margin-bottom: 3px;
  color: #666666;
}

.app-image {
  margin-bottom: -220px;
  margin-top: 50px;
}

/* ------single-blog-card------ */
.single-blog-card {
  box-shadow: 0 0 20px #ddd;
}

.blog-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}

.blog-latest-img {
  height: 4rem;
}

.blog-latest-img img {
  object-fit: cover;
}

.single-property-head .type {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.75px;
  font-weight: 600;
  padding: 4px 15px 3px;
  background-color: #004395;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 4px;
  margin-right: 15px;
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.single-property-head .type::before {
  content: "";
  position: absolute;
  left: 100%;
  top: 3px;
  background-color: #004395;
  width: 25px;
  height: 25px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: -13px;
  z-index: -1;
  border-radius: 5px;
}

.single-property-head .type::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 12px;
  background-color: #ffffff;
  width: 7px;
  height: 7px;
  border-radius: 50px;
  z-index: 2;
}

/* .single-property-img {
  height: 400px;
} */

.single-property-img img {
  object-fit: cover;
}
.mySlides img{
  height: 400px;
}
.feature-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 30px 15px;
  border: 1px solid #eeeeee;
}

.feature-list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
  width: 100%;
  font-size: 14px;
}

.feature-list ul li .service-icon {
  margin-right: 10px;
  margin-bottom: 0;
  max-width: 30px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  text-align: center;
}

.amenities-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 30px 15px;
  border: 1px solid #eeeeee;
}

.amenities-list ul li {
  max-width: 50%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 23px;
  width: 100%;
  font-size: 14px;
}

.pro-video iframe {
  width: 100% !important;
  height: 350px !important;
}

/* ---feedback----- */
.img-feedback {
  width: 100px;
  height: 100px;
}

.img-feedback img {
  object-fit: cover;
}

.feedback-content span {
  font-size: 14px;
}

.sidebar-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #222222;
  white-space: nowrap;
  text-transform: capitalize;
  margin-bottom: 30px;
}

.sidebar-title .shape {
  height: 5px;
  display: block;
  background-color: rgba(0, 67, 149, 0.3);
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

/* --- */

.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top .3s;
  transition: left 0.3s, top .3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}


.noUi-base, .noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  left: -7px;
  top: -7px;
  background-color: #345DBB;
}

/* Styling;
 */
.noUi-background {
  background: #D6D7D9;
}

.noUi-connect {
  background: #345DBB;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 2px;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.noUi-handle:active {
  border: 8px solid #345DBB;
  border: 8px solid rgba(53, 93, 187, 0.38);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: -14px;
  top: -14px;
}

/* Disabled state;
 */
[disabled].noUi-connect, [disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-origin, [disabled] .noUi-handle {
  cursor: not-allowed;
}

/* ----side-bar-property---- */
.sidebar-property .sidebar-img {
  position: relative;
  width: 110px;
  min-width: 110px;
}

.sidebar-property .sidebar-img .type {
  font-size: 10px;
  line-height: 24px;
  letter-spacing: 0.75px;
  font-weight: 500;
  padding: 1px 10px 0;
  background-color: #004395;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 3px;
  position: absolute;
  left: 100%;
  top: 10px;
  white-space: nowrap;
  z-index: 1;
  margin-right: 13px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.sidebar-property .sidebar-img img {
  transition: all 0.3s ease 0s;
  height: 130px;
  object-fit: cover;
}

.sidebar-property .sidebar-img .type::before {
  content: "";
  position: absolute;
  right: 100%;
  top: 3px;
  background-color: #004395;
  width: 19px;
  height: 19px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-right: -10px;
  z-index: -1;
  border-radius: 3px;
}

.sidebar-property .sidebar-img .type::after {
  content: "";
  position: absolute;
  left: -6px;
  top: 10px;
  background-color: #ffffff;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  z-index: 2;
}

.sidebar-content p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13px;
}

.sidebar-content span {
  font-size: 14px;
}

.sidebar-property:hover .sidebar-img img {
  transform: scale(1.1);
}

/* -------agnet--- */
.sidebar-agent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

.sidebar-agent .sidebar-agent-img {
  position: relative;
  width: 110px;
  min-width: 110px;
  overflow: hidden;
}

.sidebar-agent .sidebar-agent-img a img {
  width: 100%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  height: 130px;
  object-fit: cover;
}

.sidebar-agent .sidebar-agent-content {
  padding-left: 15px;
}

.sidebar-agent .sidebar-agent-content .title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.sidebar-agent .sidebar-agent-content .phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 8px;
}

.sidebar-agent .sidebar-agent-content .properties {
  display: block;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #004395;
  margin-bottom: 3px;
}

.sidebar-agent .sidebar-agent-content .social a.facebook {
  background-color: #4867AA;
}

.sidebar-agent .sidebar-agent-content .social a {
  width: 25px;
  height: 25px;
  padding: 3px;
  text-align: center;
  border-radius: 50px;
  display: block;
  color: #ffffff;
  margin-top: 5px;
  margin-right: 5px;
}

.sidebar-agent .sidebar-agent-content .social a i {
  display: block;
  font-size: 12px;
  line-height: 20px;
}

.sidebar-agent .sidebar-agent-content .social a.twitter {
  background-color: #1DA1F2;
}

.sidebar-agent .sidebar-agent-content .social a.linkedin {
  background-color: #007BB6;
}

.sidebar-agent:hover .sidebar-agent-img img {
  transform: scale(1.1);
}

/* ----dashboard---- */
.profile-img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.profile-img img {
  object-fit: cover;
}

/* ---blog-details-area-------- */
.blog-details-area {
  padding: 20px;
  box-shadow: 0 0 20px #ddd;
  border-radius: 5px;
}

.blog-details-img {
  height: 475px;
}

.blog-details-img img {
  object-fit: cover;
}

/* ----top-btn-- */
#top-btn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
}

#top-btn:hover {
  background-color: #555;
}




/* -modal--- */
.form {
  max-width: calc(100vw - 40px);
  width: 100%;
  height: auto;
  background: rgba(255, 255, 255, 1);
  padding: 30px;
  box-sizing: border-box;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}

.form:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.form h2 {
  margin: 0;
  padding-bottom: 10px;
  color: #1e439b;
  font-size: 22px;
  border-bottom: 3px solid #ff5501;
  font-weight: 600;
  margin-bottom: 40px;
  text-align: center;
}


.relative input {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  background: none;
  outline: none;
  resize: none;
  font-family: 'Montserrat', sans-serif;
}

.form p:before {
  content: attr(type);
  display: block;
  margin: 10px 0 0;
  font-size: 13px;
  color: #5a5a5a;
  float: left;
  width: 40%;
}

.login-btn {
  margin-top: 50px;
}

.relative {
  position: relative;
}

.relative i.fa {
  position: absolute;
  top: 10px;
  left: 0;
  width: 30px;
  color: #9b9aa3;
  text-align: center;
  border-radius: 0 4px 4px 0;
  transition: all 0.15s ease-in-out;
}

.relative input:focus+.fa {
  color: #3e3b4e;
  transform: rotate(360deg);
}

.form-group {
  margin-bottom: 20px;
}

.myform-control {
  font-size: 14px;
  padding-left: 40px !important;
  border: none !important;
  border-bottom: 1px solid #3c3b4d !important;
  border-radius: 0;
  background-color: transparent !important;
}

.myform-control:focus {
  box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%), 0 3px 4px -3px #000000;
  background-color: transparent !important;
}

.sign-up {
  margin-top: 30px;
  text-align: center;
  position: relative;
  margin-bottom: -15px;
}

.login-text {
  position: absolute;
  top: -11px;
  text-align: center;
  width: 30%;
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%);
}

.myhr {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.4);
}

.pull-right {
  float: right;
}

.pull-right small a {
  font-size: 12px;
}

/* ----gallery----- */

#list img{
  width: 100px;
  height: 100px;
  object-fit: cover;
  margin-bottom: 10px;
  position: relative;
  margin: 10px;
  border-radius: 7px;
}
#list span{
  position: relative;
}
#list button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  outline: none;
  border: none;
  border-radius: 7px;
  font-size: 14px;
  background: red;
  padding: 2px 5px;
  color: #fff;
}
.my-shadow{
  box-shadow: 0px 1px 15px 5px rgb(0 0 0 / 20%);
}
.head-bg {
  background: #d10000;
}
/* ----agency----- */
.agency-logo img{
  height: 150px;
  object-fit: contain;
}
.user-img {
  height: 2.5rem;
}
/* ----- */
.slider-container .mySlide {
  display: none;
}
/* Next & previous buttons */
.slider-container .prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  background: #d10000;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.slider-container .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.slider-container .prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.slider-container .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
/* Six columns side by side */
.slider-container .column {
  float: left;
  width: 16.66%;
}
.slider-container .column img{
  height: 60px;
  cursor: pointer;
}
/* Add a transparency effect for thumnbail images */
.slider-container .demo {
  opacity: 0.6;
}
.slider-container .active,
.demo:hover {
  opacity: 1;
}
.slider-container {
  position: relative;
}
/* ------slider-modal--- */

.slider-modal .row:after {
  content: "";
  display: table;
  clear: both;
}

.slider-modal .column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.slider-modal .modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.slider-modal .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.slider-modal .close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.slider-modal .close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Next & previous buttons */
.slider-modal .prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.slider-modal .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.slider-modal .prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.slider-modal .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.slider-modal .caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.slider-modal .demo {
  opacity: 0.6;
}

.slider-modal .active,
.demo:hover {
  opacity: 1;
}

.slider-modal img.hover-shadow {
  transition: 0.3s;
}

.slider-modal .hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* ---pro-agent---- */
.pro-agent p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.property-box .edit-pro{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
  opacity: 0;
  transition: 0.3s;
}
.property-box .edit-pro button{
  width: 45px;
  height: 45px;
}
.property-box:hover .edit-pro{
  opacity: 1;
}