/* @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Poppins:200,300,400,400i,500,600,700i&display=swap"); */

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

 * {
   outline: none;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
 }

 :root {
   --main-color-one: #BE1E2D;
   --main-color-two: #BE1E2D;
   --heading-color: #000000;
   --paragraph-color: #65727C;
   --heading-font: 'DM Sans;', sans-serif;
   --body-font: 'DM Sans;', sans-serif;
   --body-font-size: 15px;
   --line-height30: 1.8;
 }

 .dropdown-item.active,
 .dropdown-item:active {
   background-color: #f8f9fa !important;
 }

 html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   overflow-x: hidden;
   font-family: var(--body-font);
   line-height: 1.15;
   -webkit-tap-highlight-color: transparent
 }

 body {
   overflow-x: hidden;
   font-family: var(--bs-body-font-family);
   font-size: var(--bs-body-font-size);
   font-weight: var(--bs-body-font-weight);
   line-height: var(--bs-body-line-height);
   color: var(--bs-body-color);
   text-align: var(--bs-body-text-align);
   background-color: var(--bs-body-bg);
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: transparent;
   min-width: 992px !important;
 }

 p {
   color: #67747E;
   hyphens: auto;
 }

 a {
   color: inherit;
   text-decoration: none;
   transition: color 0.4s;

   &:hover {
     color: var(--main-color-one);
     text-decoration: none;
   }
 }

 .login-modal-link ins,
 .get-code:hover,
 .forgot-pass:hover,
 .single-user-list .details .social-list a:hover,
 .single-city .details .title:hover,
 .single-feature .details .contact-list li i,
 .single-explore:hover .thumb span,
 .activeHeart,
 .main_color_heart .activeHeart,
 .footer-area .copy-right a:hover,
 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover a,
 .widget-owner-info .contact-info .media .media-left i,
 .widget-owner-info .owner-info p,
 .widget_nav_menu ul li a:hover,
 .auth_modal_tabs span .active,
 .accordion-title .fa-envelope,
 .accordion-title:hover,
 .unread_notification,
 .readmore-btn:hover,
 .btn-white:hover,
 .btn-white:focus {
   color: var(--main-color-one);
 }

 pre {
   word-break: break-word;
 }

 a i {
   padding: 0 2px;
 }

 ul,
 ol,
 li {
   list-style: none;
   list-style-type: none;
 }

 ol li:before {
   counter-increment: counter;
   content: counter(counter);
   font-weight: 500;
   margin-right: 10px;
 }

 button:hover,
 button:active,
 button:focus {
   outline: 0;
 }

 input[type="text"]:focus,
 input[type="email"]:focus,
 input[type="url"]:focus,
 input[type="password"]:focus,
 input[type="search"]:focus,
 input[type="tel"]:focus,
 input[type="number"]:focus,
 textarea:focus,
 input[type="button"]:focus,
 input[type="reset"]:focus,
 input[type="submit"]:focus,
 select:focus {
   outline: none;
   box-shadow: none;
   border: 1px solid #ddd;
 }

 .h-100vh {
   height: 100dvh;
 }

 code {
   color: #faa603;
 }

 .check-list li {
   display: block;
   padding-left: 20px;
   position: relative;
   z-index: 0;
 }

 .check-list li:after {
   position: absolute;
   left: 0;
   top: 0;
   font-family: 'fontawesome';
   content: "\f105";
   color: var(--main-color-one);
 }

 .site-main .comment-navigation,
 .site-main .posts-navigation,
 .site-main .post-navigation {
   clear: both;
 }

 .comment-navigation .nav-previous,
 .posts-navigation .nav-previous,
 .post-navigation .nav-previous {
   float: left;
   width: 50%;
 }

 .comment-navigation .nav-next,
 .posts-navigation .nav-next,
 .post-navigation .nav-next {
   float: right;
   text-align: right;
   width: 50%;
 }

 .comment-navigation .nav-previous>a,
 .posts-navigation .nav-previous>a,
 .post-navigation .nav-previous>a,
 .comment-navigation .nav-next>a,
 .posts-navigation .nav-next>a,
 .post-navigation .nav-next>a {

   transition: .3s ease-in;
 }

 .comment-navigation .nav-previous:hover>a,
 .posts-navigation .nav-previous:hover>a,
 .post-navigation .nav-previous:hover>a,
 .comment-navigation .nav-next:hover>a,
 .posts-navigation .nav-next:hover>a,
 .post-navigation .nav-next:hover>a {
   color: var(--main-color);
 }

 .h-100vh {
   height: 100dvh;
 }

 .position-relative {
   position: relative;
 }

 .screen-reader-text {
   border: 0;
   clip: rect(1px, 1px, 1px, 1px);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   position: absolute !important;
   width: 1px;
   word-wrap: normal !important;
 }

 .screen-reader-text:focus {
   background-color: #f1f1f1;
   border-radius: 3px;
   box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   clip-path: inset(0 0 0 0) !important;
   clip-path: none;
   color: #21759b;
   display: block;
   font-size: 0.875rem;
   font-weight: bold;
   height: auto;
   left: 5px;
   line-height: normal;
   padding: 15px 23px 14px;
   text-decoration: none;
   top: 5px;
   width: auto;
   z-index: 100000;
 }

 #content[tabindex="-1"]:focus {
   outline: 0;
 }

 .border-bottom-yellow {
   border-bottom: 1px solid var(--main-color-one);
 }

 .bg-gray {
   background: #FBFBFB;
 }

 .pd-top-15 {
   padding-top: 15px;
 }

 .pd-top-20 {
   padding-top: 20px;
 }

 .pd-top-30 {
   padding-top: 30px;
 }

 .pd-top-40 {
   padding-top: 40px;
 }

 .pd-top-50 {
   padding-top: 50px;
 }

 .pd-top-60 {
   padding-top: 60px;
 }

 .pd-top-70 {
   padding-top: 70px;
 }

 .pd-top-80 {
   padding-top: 80px;
 }

 .pd-top-85 {
   padding-top: 85px;
 }

 .pd-top-90 {
   padding-top: 90px;
 }

 .pd-top-92 {
   padding-top: 92px;
 }

 .pd-top-100 {
   padding-top: 100px;
 }

 .pd-top-120 {
   padding-top: 120px;
 }

 .pd-bottom-20 {
   padding-bottom: 20px;
 }

 .pd-bottom-30 {
   padding-bottom: 30px;
 }

 .pd-bottom-40 {
   padding-bottom: 40px;
 }

 .pd-bottom-60 {
   padding-bottom: 60px;
 }

 .pd-bottom-65 {
   padding-bottom: 65px;
 }

 .pd-bottom-70 {
   padding-bottom: 70px;
 }

 .pd-bottom-80 {
   padding-bottom: 80px;
 }

 .pd-bottom-85 {
   padding-bottom: 85px;
 }

 .pd-bottom-90 {
   padding-bottom: 90px;
 }

 .pd-bottom-92 {
   padding-bottom: 92px;
 }

 .pd-bottom-100 {
   padding-bottom: 100px;
 }

 .pd-bottom-120 {
   padding-bottom: 120px;
 }

 .mg-top-100 {
   margin-top: 100px;
 }

 .border-bottom-2 {
   border-bottom: ridge;
 }

 .mg-10 {
   margin: 10px;
 }

 .mg-top-30 {
   margin-top: 30px;
 }

 .mg-top-25 {
   margin-top: 25px;
 }

 .mg-top-35 {
   margin-top: 35px;
 }

 .mg-top-50 {
   margin-top: 50px;
 }

 .mg-top-70 {
   margin-top: 70px;
 }

 .mg-top-10 {
   margin-top: 10px;
 }

 .mg-top-20 {
   margin-top: 10px;
 }

 .mg-bottom-30 {
   margin-bottom: 30px;
 }

 .mg-bottom-60 {
   margin-bottom: 60px;
 }

 .mg-bottom-10 {
   margin-bottom: 60px;
 }

 .mg-bottom-100 {
   margin-bottom: 100px;
 }

 .alignleft {
   float: left;
   clear: both;
   margin-right: 20px;
 }

 .alignright {
   float: right;
   clear: both;
   margin-left: 20px;
 }

 .aligncenter {
   clear: both;
   display: block;
   margin: 0 auto 1.75em;
 }

 .alignfull {
   margin: 1.5em 0;
   max-width: 100%;
 }

 .alignwide {
   max-width: 1100px;
 }

 .clear:before,
 .clear:after,
 .entry-content:before,
 .entry-content:after,
 .comment-content:before,
 .comment-content:after,
 .site-header:before,
 .site-header:after,
 .site-content:before,
 .site-content:after,
 .site-footer:before,
 .site-footer:after {
   content: "";
   display: table;
   table-layout: fixed;
 }

 .clear:after,
 .entry-content:after,
 .comment-content:after,
 .site-header:after,
 .site-content:after,
 .site-footer:after {
   clear: both;
 }

 .sticky {
   display: block;
 }

 .updated:not(.published) {
   display: none;
 }

 .page-content .wp-smiley,
 .entry-content .wp-smiley,
 .comment-content .wp-smiley {
   border: none;
 }

 embed,
 iframe,
 object {
   max-width: 100%;
 }

 .custom-logo-link {
   display: inline-block;
 }

 .wp-caption {
   margin-bottom: 1.5em;
   max-width: 100%;
   clear: both;
 }

 .wp-caption img[class*="wp-image-"] {
   display: block;
   margin-left: auto;
   margin-right: auto;
 }

 .wp-caption .wp-caption-text {
   margin: 0.8075em 0;
 }

 .wp-caption-text {
   text-align: center;
 }

 .wp-link-pages a {
   margin: 0 5px;
   transition: .3s ease-in;
 }

 .wp-link-pages {
   margin-bottom: 30px;
   margin-top: 25px;
 }

 .wp-link-pages span,
 .wp-link-pages a {
   border: 1px solid #e2e2e2;
   padding: 5px 15px;
   display: inline-block;
 }

 .wp-link-pages .current,
 .wp-link-pages a:hover {
   background-color: var(--main-color);
   color: #fff;
   border-color: var(--main-color);
 }

 .wp-link-pages span:first-child {
   margin-right: 5px;
 }

 .post-password-form input {
   display: block;
   border: 1px solid #e2e2e2;
   height: 50px;
   border-radius: 3px;
   padding: 0 20px;
 }

 .post-password-form label {
   font-weight: 600;
   color: #333;
 }

 .post-password-form input[type=submit] {
   width: 100px;
   height: 50px;
   background-color: var(--main-color);
   color: #fff;
   font-size: 15px;
   font-weight: 600;
   letter-spacing: 1px;
   border: none;
   cursor: pointer;
   transition: .3s ease-in;
 }

 .post-password-form input[type=submit]:hover {
   background-color: #121A2F;
 }

 .footer-widget .table td,
 .footer-widget .table th {
   padding: 0.50rem !important;
 }

 @media only screen and (max-width: 1100px) {
   h4 {
     font-size: 22px;
   }
 }

 @media only screen and (max-width: 991px) {
   h4 {
     font-size: 20px;
   }
 }

 @media (min-width: 1600px) {
   .container {
     max-width: 1360px;
   }
 }

 .btn {
   height: 48px;
   line-height: 48px;
   padding: 0 30px;
   border-radius: 6px;
   overflow: hidden;
   position: relative;
   border: 0;
   font-size: 14px;
   transition: all 0.5s ease;
   font-weight: 600;
 }

 .btn:focus,
 .btn:active {
   outline: 0;
   box-shadow: none;
 }

 .btn:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   opacity: 0;
   background-color: rgba(255, 255, 255, 0.2);
   -ms-transform: scale(1, 0.5);
   transform: scale(1, 0.5);
   transition: all 0.4s ease;
 }

 .btn:hover:before {
   opacity: 1;
   transform: scale(1, 1);
 }

 .btn .right {
   padding-left: 12px;
   font-size: 16px;
 }

 .btn .left {
   padding-right: 15px;
 }

 .btn-main-color {
   background: var(--main-color-one);
   color: #fff;
 }

 .btn-main-color:hover,
 .btn-main-color:focus {
   color: #fff;
 }

 .btn-orange {
   background: var(--main-color-two);
   color: #fff;
 }

 .btn-orange:hover,
 .btn-orange:focus {
   color: #fff;
 }

 .btn-white {
   background: #fff;
   color: var(--main-color-one);
 }

 .readmore-btn {
   font-size: 14px;
   font-weight: 600;
   position: relative;
   transition: all 0.5s ease;
   margin-left: -15px;
 }

 .readmore-btn i {
   position: absolute;
   right: -32px;
   font-size: 24px;
   top: -1px;
   transition: all 0.4s ease;
 }

 .readmore-btn:hover i {
   right: -36px;
 }

 .favorites-icon {
   font-size: 22px;
   font-weight: 400;
   color: #FFFFFF;
   margin-left: 10px;
 }

 .notifications-icon {
   cursor: pointer;
   font-size: 22px;
   font-weight: 400;
   color: #FFFFFF;
   margin-right: -15px;
 }

 .notification-item {
   width: 250px;
   border: 1px solid #7070702B;
   margin-bottom: 5px;
 }

 .notifications-count {
   min-width: 15px;
   border-radius: 50%;
   font-size: 10px;
   background: var(--main-color-one);
   position: absolute;
   top: 8px;
   left: 15px;
 }

 .messages-count {
   border-radius: 50%;
   font-size: 12px;
   background: var(--main-color-one);
   position: absolute;
   top: 8px;
   left: 35px;
 }

 .messages-count-in-drop-down {
   border-radius: 50%;
   font-size: 12px;
   background: var(--main-color-one);
   position: absolute;
   margin-left: 5px;
 }

 .user-id {
   color: var(--main-color-one) !important;
   font-weight: bold !important;
 }

 .notifications-accordion {
   width: 100%;
 }

 .notification-title {
   text-decoration: none;
   color: var(--heading-color);
   ;
 }

 .notification-title:hover {
   text-decoration: none;
   color: var(--main-color-one);
 }

 .notification-text-of-mark_all_as_read,
 .ymaps-2-1-79-balloon__content,
 .additionalInfo .labelStyle,
 .facility .labelStyle,
 .card,
 .mail-button img,
 .active_unverified_announcement_tab,
 .active_my_announcement_tab,
 .brokers-swiper .swiper-slide,
 .tab-button:enabled,
 .old_search_list,
 .toggle-btn .icon-right:hover,
 .accordion-title {
   cursor: pointer;
 }

 .message.my-message .message-info>h4,
 .call-to-action .cta-content .btn,
 .accordion-title i {
   float: right;
 }

 .auth_modal_tabs span {
   padding-right: 23px;
   cursor: pointer;
 }

 .owl-controls .owl-prev {
   height: 50px;
   width: 50px;
   border: 1px solid rgba(112, 112, 112, 0.17);
   text-align: center;
   line-height: 46px;
   border-radius: 50%;
   font-size: 28px;
   transition: all 0.5s ease;
 }

 .owl-controls .owl-prev:hover {
   border-color: #FFEEE2;
   box-shadow: 0 2px 12px rgba(255, 233, 209, 0.75);
   color: var(--main-color-one);
 }

 .owl-controls .owl-next {
   height: 50px;
   width: 50px;
   border: 1px solid rgba(112, 112, 112, 0.17);
   text-align: center;
   line-height: 46px;
   border-radius: 50%;
   font-size: 28px;
   padding-left: 5px;
   transition: all 0.5s ease;
 }

 .owl-controls .owl-next:hover {
   border-color: #FFEEE2;
   box-shadow: 0 2px 12px rgba(255, 233, 209, 0.75);
   color: var(--main-color-one);
 }

 .slider-control-top .owl-prev {
   position: absolute;
   right: 70px;
   top: -100px;
 }

 .slider-control-top .owl-next {
   position: absolute;
   right: 0;
   top: -100px;
 }

 .section-title {
   margin-bottom: 45px;
   position: relative;
 }

 .section-title h1 img,
 .section-title h2 img,
 .section-title h3 img,
 .section-title h4 img,
 .section-title h5 img {
   margin-right: 15px;
   margin-top: -5px;
 }

 .section-title .sub-title {
   font-weight: 600;
   font-family: var(--body-font);
   margin-bottom: 20px;
   color: var(--main-color-one);
 }

 .section-title p {
   padding-top: 8px;
 }

 .section-title .btn-view-all {
   font-size: 14px;
   font-weight: 600;
   color: var(--main-color-one);
   text-decoration: underline;
   position: absolute;
   right: 0;
   top: 50%;
   margin-top: -10px;
 }

 .section-title .btn-view-all-2 {
   font-weight: 600;
   color: var(--main-color-one);
   padding-right: 30px;
   position: relative;
   margin-top: 14px;
   display: inline-block;
 }

 .section-title .btn-view-all-2 i {
   font-size: 28px;
   position: absolute;
   bottom: -2px;
   right: -3px;
   transition: all 0.3s ease;
 }

 .section-title .btn-view-all-2:hover i {
   right: -7px;
 }

 .section-title .floor-list {
   margin-top: 33px;
 }

 .section-title .btn {
   margin-top: 22px;
 }

 .section-title.pd-left {
   padding-left: 100px;
 }

 .filter-title {
   font-weight: 600;
   font-family: var(--heading-font);
   color: var(--heading-color);
   margin-bottom: 15px;
 }

 .back-to-top {
   position: fixed;
   right: 30px;
   bottom: 30px;
   width: 50px;
   height: 50px;
   color: #fff;
   background-color: var(--main-color-one);
   text-align: center;
   line-height: 38px;
   border-radius: 50%;
   z-index: 99;
   font-size: 30px;
   cursor: pointer;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
   display: none;
   animation: backto-top-bounce 4s infinite ease-in-out;
 }

 @-webkit-keyframes backto-top-bounce {
   0% {
     transform: translateY(-5px);
   }

   50% {
     transform: translateY(10px);
   }

   100% {
     transform: translateY(-5px);
   }
 }

 @keyframes backto-top-bounce {
   0% {
     transform: translateY(-5px);
   }

   50% {
     transform: translateY(10px);
   }

   100% {
     transform: translateY(-5px);
   }
 }

 .pre-wrap {
   position: fixed;
   content: '';
   transform: translate(-100%, -240%);
   font-size: 62px;
 }

 .preloader-inner {
   position: fixed;
   left: 0;
   top: 0;
   z-index: 999999999999;
   background-color: rgba(2, 48, 71, 0.8);
   width: 100%;
   height: 100%;


   display: flex;


   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
 }

 .preloader-inner .cancel-preloader {
   position: absolute;
   bottom: 30px;
   right: 30px;
 }

 .preloader-inner .cancel-preloader a {
   background-color: #fff;
   font-weight: 600;
   text-transform: capitalize;
   color: var(--main-color);
   width: 200px;
   height: 50px;
   text-align: center;
   line-height: 50px;
   border-radius: 30px;
   display: block;
   transition: all 0.4s ease;
 }

 .preloader-inner .cancel-preloader a:hover {
   background-color: var(--heading-color);
   color: #fff;
 }

 .spinner {
   margin: 120px auto;
   width: 60px;
   height: 60px;
   position: relative;
   text-align: center;
   animation: sk-rotate 2.0s infinite linear;
 }

 .dot1,
 .dot2 {
   width: 60%;
   height: 60%;
   display: inline-block;
   position: absolute;
   top: 0;
   background-color: var(--main-color-one);
   border-radius: 100%;
   animation: sk-bounce 2.0s infinite ease-in-out;
 }

 .dot2 {
   top: auto;
   bottom: 0;
   -webkit-animation-delay: -1.0s;
   animation-delay: -1.0s;
 }

 @keyframes sk-rotate {
   100% {
     transform: rotate(360deg);
   }
 }

 @keyframes sk-bounce {

   0%,
   100% {
     transform: scale(0);
   }

   50% {
     transform: scale(1);
   }
 }

 .social-icon {
   padding-top: 20px;
 }

 .social-icon li {
   display: inline-block;
   margin-right: 10px;
   margin-left: 10px;
 }

 .social-icon li a {
   height: 40px;
   width: 40px;
   display: inline-block;
   border-radius: 50%;
   text-align: center;
   line-height: 38px;
   color: #011728;
   background: #fff;
   transition: all 0.4s ease;
   font-size: 15px;
 }

 .social-icon li a:hover {
   background: var(--main-color-one);
   color: #fff !important;
 }

 .social-icon.style-two li a {
   height: 60px;
   width: 60px;
   border-radius: 4px;
   line-height: 58px;
   font-size: 20px;
   border: 0;
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
 }

 .call-to-action {
   border-radius: 10px;
   position: relative;
   background-size: cover;
 }

 .call-to-action:after {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background: var(--main-color-one);
   opacity: 0.9;
   border-radius: 10px;
 }

 .call-to-action .cta-content {
   position: relative;
   z-index: 1;
   overflow: hidden;
   padding: 60px 50px;
 }

 .call-to-action .cta-content .title {
   display: inline-block;
   font-weight: 700;
   color: #fff;
 }

 .sq-list-style li {
   margin-bottom: 18px;
 }

 .sq-list-style li img {
   margin-right: 6px;
 }

 .sq-list-style li i {
   margin-right: 6px;
   background: rgba(253, 169, 79, 0.1);
   color: var(--main-color-one);
   height: 24px;
   width: 24px;
   line-height: 24px;
   text-align: center;
   border-radius: 4px;
   padding-left: 2px;
 }

 .sq-slider-extra {
   transition: all 0.3s ease;
 }

 .sq-slider-extra .first {
   font-size: 45px;
   font-weight: 700;
   color: var(--main-color-one);
   height: 55px;
   width: 55px;
   display: inline-block;
   transition: all 0.3s ease;
   text-align: center;
 }

 .sq-slider-extra .devider {
   font-size: 45px;
   color: var(--main-color-one);
 }

 .sq-slider-extra .last {
   font-size: 24px;
   font-weight: 500;
   color: #FFFFFF59;
 }

 .ap2-list-progress {
   display: block;
   width: 100%;
   height: 3px;
   border-radius: 10px;
   overflow: hidden;
   background-color: var(--main-color-one);
   background-image: linear-gradient(to right, var(--heading-color), var(--heading-color));
   background-repeat: no-repeat;
   background-size: 0 100%;
   transition: background-size .4s ease-in-out;
 }

 .sq-control-nav {
   width: 65px;
 }

 .sq-control-nav .slick-arrow {
   height: 50px;
   width: 50px;
   border: 1px solid rgba(112, 112, 112, 0.17);
   text-align: center;
   line-height: 46px;
   border-radius: 50%;
   font-size: 28px;
   transition: all 0.5s ease;
   color: rgba(0, 0, 0, 0.3);
   display: inline-block !important;
 }

 .sq-control-nav .slick-arrow:before {
   display: none;
 }

 .sq-control-nav .slick-arrow:hover {
   border-color: var(--main-color-one);
   box-shadow: 0 2px 12px rgba(255, 233, 209, 0.75);
   color: var(--main-color-one);
 }

 .breadcrumb-area {
   padding: 186px 0 112px;
   background-size: cover;
   position: relative;
   background-repeat: no-repeat;
   background-position: center;
 }

 .breadcrumb-area:after {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 100, 0));
   height: 65%;
   transition: all 0.6s ease;
   z-index: 0;
   opacity: 0.5;
 }

 .breadcrumb-area .breadcrumb-inner {
   position: relative;
   z-index: 2;
 }

 .breadcrumb-area .page-title {
   font-size: 55px;
   font-weight: 700;
   margin-bottom: 15px;
   color: #fff;
 }

 .breadcrumb-area .page-list {
   color: #fff;
 }

 .breadcrumb-area .page-list li {
   font-size: 16px;
   font-weight: 200;
   display: inline-block;
   position: relative;
   padding-left: 8px;
 }

 .breadcrumb-area .page-list li:after {
   position: absolute;
   left: 0;
   top: 1px;
   content: "/";
   font-family: FontAwesome;
 }

 .breadcrumb-area .page-list li:first-child:after {
   display: none;
 }

 .shape-image-list-wrap img {
   border-radius: 8px;
 }

 .shape-image-list {
   position: relative;
   display: inline-block;
 }

 .shape-image-list:after {
   content: '';
   position: absolute;
   height: 205px;
   width: 230px;
   background: var(--main-color-one);
   z-index: -1;
   border-radius: 8px;
 }

 .shape-image-list.left-top {
   padding: 35px 0 0 35px;
 }

 .shape-image-list.left-top:after {
   left: 0;
   top: 0;
 }

 .shape-image-list.right-top {
   padding: 35px 35px 0 0;
 }

 .shape-image-list.right-top:after {
   right: 0;
   top: 0;
 }

 .shape-image-list.left-bottom {
   padding: 0 0 35px 35px;
 }

 .shape-image-list.left-bottom:after {
   left: 0;
   bottom: 0;
 }

 .shape-image-list.right-bottom {
   padding: 0 35px 35px 0;
 }

 .shape-image-list.right-bottom:after {
   right: 0;
   bottom: 0;
 }

 .shape-image-list img {
   border-radius: 8px;
 }

 .shape-image-list .shadow-img {
   box-shadow: 0 30px 40px rgba(0, 0, 0, 0.2);
 }

 .sq-1-3-bg {
   background-repeat: no-repeat;
   background-position: right;
   background-size: 70% 100%;
 }

 .sitebar .widget {
   margin-bottom: 50px;
 }

 .widget {
   border: 1px solid rgba(197, 197, 197, 0.5);
   border-radius: 8px;
 }

 .widget-title {
   font-weight: 700;
   margin-bottom: 16px;
 }

 .widget_nav_menu ul li a {
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 17px;
   line-height: 220%;
   color: rgba(1, 23, 40, 0.6);
 }

 .widget-subscribe .sq-single-input {
   margin-bottom: 10px;
 }

 .widget-sidebar-search-wrap {
   padding: 30px;
 }

 .widget-sidebar-search-wrap .btn-wrap .btn {
   margin-top: 40px;
 }

 .widget-sidebar-search {
   float: left;
 }

 .widget-sidebar-search .title {
   font-size: 18px;
   font-weight: 600;
   font-family: var(--heading-font);
   color: var(--heading-color);
   margin-bottom: 15px;
   line-height: 1;
 }

 .price {
   padding-top: 3%;
 }

 .widget-sidebar-search .btn {
   height: 40px;
   line-height: 40px;
   padding: 0 18px;
 }

 .widget-sidebar-search .widget-sidebar-item-wrap {
   margin-bottom: 30px;
   display: block;
   float: left;
   width: 100%;
 }

 .widget-sidebar-search .sq-single-input.left-icon input,
 .widget-sidebar-search .sq-single-select .single-select {
   height: 40px;
   line-height: 40px;
 }

 .widget-sidebar-search .sq-single-input.left-icon:before {
   top: 14px;
   left: 17px;
   background-size: contain;
   height: 13px;
   width: 13px;
 }

 .widget-sidebar-search .sq-single-select .single-select:before {
   top: 16px;
   height: 9px;
   width: 9px;
   background-size: 100%;
 }

 .widget-owner-info .owner-info {
   border-bottom: 1px solid rgba(197, 197, 197, 0.5);
   padding: 30px 15px 26px 15px;
 }

 .widget-owner-info .owner-info .thumb {
   border: 1px solid rgba(197, 197, 197, 0.5);
   border-radius: 8px;
   display: inline-block;
   padding: 10px;
   margin-bottom: 15px;
 }

 .widget-owner-info .owner-info .thumb img {
   border-radius: 6px;
 }

 .widget-owner-info .owner-info .designation {
   font-size: 12px;
 }

 .widget-owner-info .owner-info p span {
   color: var(--heading-color);
   margin: 0 6px;
 }

 .widget-owner-info .contact {
   padding: 27px 30px 30px;
   border-bottom: 1px solid rgba(197, 197, 197, 0.5);
 }

 .widget-owner-info .contact .sq-single-input {
   margin-bottom: 20px;
 }

 .widget-owner-info .contact .sq-single-input input {
   border: 0;
   border-radius: 0;
   border-bottom: 1px solid rgba(197, 197, 197, 0.5);
   padding: 3px 0;
   height: 40px;
   line-height: 40px;
   font-size: 14px;
   background: #F6F7FB;
 }

 .widget-owner-info .contact-info {
   padding: 27px 30px 20px;
 }

 .widget-owner-info .contact-info .media {
   margin-bottom: 15px;
 }

 .widget-owner-info .contact-info .media .media-left {
   margin-right: 10px;
 }

 .widget-owner-info .contact-info .media .media-body p {
   font-size: 14px;
   font-weight: 500;
   font-family: var(--heading-font);
   color: var(--heading-color);
 }

 .widget-owner-info .contact-info .media .media-body span {
   font-size: 12px;
 }

 .hidden-for-scroll {
   display: none;
 }

 .navbar-area {
   position: fixed;
   width: 100%;
   top: 0;
   z-index: 99;
   transition: all .4s;
   background-color: white;
 }

 .main-navbar-area {
   background: rgba(1, 23, 40, 0.2) !important;
 }

 .navbar-area.style-two {
   position: relative;
   height: 95px;
   box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.06);
   background: #fff;
 }

 .navbar-area .nav-container {
   margin-right: 2%;
   max-width: 100% !important;
   margin-left: 2%;
   background-color: transparent;
   padding: 10px 0;
   transition: all .4s;
 }

 .navbar-area .nav-container .logo a {
   font-family: var(--body-font);
 }

 .navbar-area .nav-container .logo a {
   height: auto;
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav {
   display: block;
   width: 100%;
   text-align: right;
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav li {
   display: inline-block;
   font-weight: 500;
   line-height: 50px;
 }

 .navbar-area-fixed .nav-container .navbar-collapse .navbar-nav li a {
   color: #111 !important;
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav li {
   font-weight: 500;
   font-family: var(--heading-font);
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav li:hover a {
   color: black;

 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
   margin-left: 20px;
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
   position: relative;
   z-index: 0;
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
   display: none;
   position: absolute;
   right: -3px;
   top: 50%;
   content: '\f0d7';
   font-family: 'fontawesome';
   transform: translateY(-50%);
   transition: all 0.3s ease-in;
   color: var(--heading-color);
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover {
   transition: all 0.4s ease;
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {
   display: block;
   opacity: 1;
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
   position: absolute;
   text-align: left;
   min-width: 100px;
   left: -28%;
   top: 100%;
   box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
   background-color: #fff;
   z-index: 9;
   overflow: hidden;
   display: none;
   opacity: 0;
   transition: all 0.4s ease;
   border-radius: 4px;
   border: 1px;
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.border-bt0 {
   border-bottom: 0 !important;
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
   display: block;
   line-height: 22px;
   font-size: 15px;
   transition: all 0.4s ease;
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
   display: block;
   padding: 10px 20px 10px 0;
   white-space: nowrap;
   color: #011728;
   font-size: 14px;
   transition: all 0.4s ease;
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children {
   position: relative;
   z-index: 0;
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:before {
   position: absolute;
   right: 15px;
   top: 50%;
   content: '\f105';
   font-family: 'fontawesome';
   transform: translateY(-50%);
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu {
   left: 100%;
   top: 20px;
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu .sub-menu .sub-menu {
   left: auto;
   right: 100%;
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu {
   visibility: visible;
   opacity: 1;
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
   color: #fff;
 }

 .navbar-area .nav-container .navbar-collapse .navbar-nav>li {
   padding-right: 15px;
   margin-right: 18px;
   margin-left: 18px;
 }

 .navbar-area-fixed {
   background: #fff !important;
   box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.06);
 }

 .navbar-nav {
   opacity: 0;
   margin-right: -30px;
   visibility: hidden;
   transition: all 0.3s ease 0s;
 }

 .navbar-area-fixed {
   color: #101425 !important;
 }

 .navbar-area-fixed .favorites-icon,
 .navbar-area-fixed .notifications-icon {
   color: #BE1E2D !important;
 }

 .ReactFlagsSelect-module_selectBtn__19wW7 {
   color: black;
   border: 0 !important;
 }

 .fixed-nav-icon {
   color: #FFFFFF !important;
   left: 11px !important;
 }

 .fixed-nav-suggest .react-autosuggest__suggestions-list {
   position: absolute;
   width: 100%;
 }

 .menu-open {
   opacity: 1;
   visibility: visible;
 }

 .bar1 {
   width: 32px;
   height: 2px;
   margin-bottom: 5px;
   position: absolute;
   background: #fff;
   z-index: 9999;
   top: 10px;
   right: -5px;
 }

 .bar2 {
   width: 24px;
   height: 2px;
   margin-bottom: 5px;
   position: absolute;
   background: #fff;
   z-index: 9999;
   top: 17px;
   right: -5px;
 }

 .bar3 {
   width: 18px;
   height: 2px;
   margin-bottom: 5px;
   position: absolute;
   background: #fff;
   z-index: 9999;
   top: 24px;
   right: -5px;
 }

 .responsive-mobile-menu button:focus {
   outline: none;
   border: none;
 }

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

 .d-block {
   display: block;
 }

 .flag-container {
   max-width: 150px;
 }

 .flag-container>* {
   padding: 0 15px !important;
 }

 @media only screen and (max-width: 991px) {
   .navbar-area .nav-container {
     padding: 15px 0;
   }

   .mobile-menu-item {
     display: block;
     width: 100%;
   }

   .nav-right-part {
     margin-right: 50px;
   }

   .nav-right-part .btn {
     height: 40px;
     line-height: 39px !important;
     padding: 0 15px;
     font-size: 11px;
   }

   .nav-right-part .btn .right {
     padding-left: 5px;
     font-size: 13px;
   }

   .navbar-area .nav-container {
     position: relative;
     z-index: 0;
   }

   .navbar-area .nav-container .navbar-collapse {
     margin-top: 13px;
     padding-right: 25px;
   }

   .navbar-area .nav-container .navbar-collapse .navbar-nav {
     display: block;
     margin-top: 20px;
   }

   .navbar-area .nav-container .navbar-collapse .navbar-nav li {
     display: block;
     text-align: left;
     line-height: 30px;
     padding: 10px 0;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   }

   .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
     display: block;
   }

   .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {
     border-bottom: none;
   }

   .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
     top: 25px;
     right: 0 !important;
   }

   .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
     position: initial;
     display: block;
     width: 100%;
     border-top: none;
     box-shadow: none;
     height: auto;
     overflow: hidden;
     max-height: 250px;
     overflow-y: scroll;
     background-color: transparent;
     border-radius: 10px;
     border-bottom: none;
     display: none;
     transition: none;
     visibility: visible;
     opacity: 1;
   }

   .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .sub-menu .menu-item-has-children:before {
     content: "\f107";
   }

   .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before {
     top: 30px;
     color: #fff;
   }

   .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
     border-top: none;
   }
 }

 @media only screen and (min-width: 992px) {
   .navbar-area-fixed .nav-container {
     padding: 10px 0;
     transition: all .4s;
   }
 }

 .toggle-btn {
   left: auto;
   right: 0;
   position: absolute;
   width: 40px;
   height: 40px;
   transition-duration: 0.5s;
   border: 0;
   background: transparent;
 }

 .toggle-btn .icon-left {
   transition-duration: 0.5s;
   position: absolute;
   height: 2px;
   width: 11px;
   top: 18px;
   background-color: var(--main-color-one);
   left: 7px;
 }

 .toggle-btn .icon-left:before {
   transition-duration: 0.5s;
   position: absolute;
   width: 11px;
   height: 2px;
   background-color: var(--main-color-one);
   content: "";
   top: -7px;
   left: 0;
 }

 .toggle-btn .icon-left:after {
   transition-duration: 0.5s;
   position: absolute;
   width: 11px;
   height: 2px;
   background-color: var(--main-color-one);
   content: "";
   top: 7px;
   left: 0;
 }

 .toggle-btn .icon-left:hover {
   cursor: pointer;
 }

 .toggle-btn .icon-right {
   transition-duration: 0.5s;
   position: absolute;
   height: 2px;
   width: 11px;
   top: 18px;
   background-color: var(--main-color-one);
   left: 18px;
 }

 .toggle-btn .icon-right:before {
   transition-duration: 0.5s;
   position: absolute;
   width: 11px;
   height: 2px;
   background-color: var(--main-color-one);
   content: "";
   top: -7px;
   left: 0;
 }

 .toggle-btn .icon-right:after {
   transition-duration: 0.5s;
   position: absolute;
   width: 11px;
   height: 2px;
   background-color: var(--main-color-one);
   content: "";
   top: 7px;
   left: 0;
 }

 .toggle-btn.open .icon-left {
   transition-duration: 0.5s;
   background: transparent;
 }

 .toggle-btn.open .icon-left:before {
   transform: rotateZ(45deg) scaleX(1.4) translate(2px, 1px);
 }

 .toggle-btn.open .icon-left:after {
   transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -1px);
 }

 .toggle-btn.open .icon-right {
   transition-duration: 0.5s;
   background: transparent;
 }

 .toggle-btn.open .icon-right:before {
   transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 1px);
 }

 .toggle-btn.open .icon-right:after {
   transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -1px);
 }

 .toggle-btn:hover {
   cursor: pointer;
 }

 .nav-right-part-mobile {
   display: none;
 }

 .nav-right-part .btn {
   line-height: 46px;
 }

 .menu-text {
   width: fit-content;
   display: inline;
   margin: 0 20px 0 0;
   color: #111;
 }

 .text-white {
   color: #FFFF;
   font-size: 1.2em;
 }

 @media only screen and (min-width: 1200px) and (max-width: 1399px) {
   .navbar-area .nav-container {
     max-width: 95%;
   }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
     right: -9px;
   }

   .navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
     margin-left: 5px;
   }

   .navbar-area .nav-container {
     max-width: 95%;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .responsive-mobile-menu {
     display: block;
     width: 100%;
     position: relative;
   }

   .navbar-area .nav-container .navbar-collapse .navbar-nav li {
     font-size: 14px;
   }
 }

 @media only screen and (max-width: 1199px) {
   .contact-widget .contact_info_list li.single-info-item .details {
     padding-left: 25px;
   }
 }

 @media only screen and (max-width: 991px) {
   .widget ul {
     text-align: left;
   }

   .navbar-collapse {
     padding-left: 35px;
     width: 100%;
   }

   .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
     right: 20px;
   }

   .navbar-area .nav-container .navbar-collapse .navbar-nav {
     margin-bottom: 20px;
   }

   .bar1,
   .bar2,
   .bar3 {
     background: #fff;
   }

   .navbar-area .nav-container {
     max-width: 90%;
   }

   .party-box-wrapper {
     padding: 50px 0px;
   }

   .party-box-wrapper .party-box-content h4 {
     font-size: 30px;
     line-height: 45px;
   }

   .footer-area .copyright-area-inner {
     padding: 20px;
   }

   .contact-widget .contact_info_list li.single-info-item .details {
     padding-left: 25px;
   }

   .footer-area .footer-top .widget.widget_nav_menu ul li a {
     font-family: DM Sans;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;
     line-height: 170%;
     color: rgba(1, 23, 40, 0.6);
   }

   .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
     padding: 0 0 0 20px;
   }

   .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
     padding: 12px 0;
   }

   .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:last-child a {
     padding-bottom: 3px;
   }

   .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover i {
     opacity: 0;
     margin-right: -18px;
   }

   .nav-right-part-mobile {
     display: block;
   }

   .nav-right-part-desktop {
     display: none;
   }

   .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover {
     background: none;
   }
 }

 @media only screen and (max-width: 767px) {
   .logo-wrapper.mobile-logo {
     display: block;
     width: 100%;
   }

   .responsive-mobile-menu {
     display: block;
     width: 100%;
     position: relative;
   }

   .responsive-mobile-menu .navbar-toggler {
     position: absolute;
     left: calc(100% - 130px);
     top: 10px;
   }

   .table-responsive {
     display: block !important;
   }

   .btn-custom-default,
   .btn-custom-white {
     font-size: 14PX;
     line-height: 33px;
     padding: 6px 20px;
   }

   .navbar-area .nav-container {
     max-width: 100%;
   }

   .logo img,
   .logo-black img {
     margin-left: 10px;
   }
 }

 @media only screen and (max-width: 575px) {
   .navbar-area .nav-container {
     margin: 0px 0px;
   }

   .navbar-area .logo {
     padding-top: 10px;
   }

   .widget.footer-widget .subscribe-form.subscribe-form-style2 .form-control {
     padding: 15px 20px;
   }

   .widget.footer-widget .subscribe-form.subscribe-form-style2 .btn {
     padding: 15px 20px;
   }

   .search-popup .search-form {
     min-width: 350px;
   }

   .header-logo {
     margin: 0 15px;
   }
 }

 @media only screen and (max-width: 375px) {

   .btn-custom-default,
   .btn-custom-white {
     padding: 5px 18px;
   }

   .search-popup .search-form .form-group .form-control,
   .search-popup .search-form .submit-btn {
     height: 45px;
   }

   .search-popup .search-form {
     min-width: 300px;
   }
 }

 @media only screen and (max-width: 320px) {
   .search-popup .search-form {
     min-width: 265px;
   }

   .responsive-mobile-menu .navbar-toggler {
     left: calc(100% - 95px);
   }
 }

 .banner-inner-wrap {
   height: 60dvh;


   display: flex;


   align-items: center;
 }

 .banner-inner-area {
   position: relative;
 }

 .map-area {
   margin-bottom: 30px;
 }

 .banner-inner .sub-title {
   color: var(--paragraph-color);
   margin-bottom: 22px;
 }

 .banner-inner .content {
   margin-top: 20px;
 }

 .banner-inner .banner-btn-wrap {
   margin-top: 19px;
 }

 .banner-inner .btn {
   height: 55px;
   line-height: 55px;
 }

 .banner-inner .video-play-btn {
   height: 55px;
   width: 55px;
   line-height: 52px;
   text-align: center;
   border-radius: 6px;
   display: inline-block;
   border: 2px solid #D4D4D4;
   font-size: 20px;
   color: var(--main-color-one);
 }

 .banner-inner .sq-banner-search {
   margin-top: 33px;
 }

 .thumb-wrap {
   position: absolute;
   bottom: 0;
 }

 .banner-area {
   background-attachment: revert;
   background-size: cover;
   background-repeat: no-repeat;
   background-position-y: bottom;
   background-position-x: right;
 }

 .banner-area .banner-search-wrap {
   margin-top: 24px;
 }

 .sq-banner-tab {
   border-bottom: 0;
 }

 .sq-banner-tab .nav-item a {
   border: 0;
   border-radius: 5px 5px 0 0;
   height: 50px;
   line-height: 50px;
   padding: 0 35px;
   margin-right: 8px;
   position: relative;
   display: block;
   letter-spacing: 0.4px;
   background: rgba(255, 255, 255, 0.8);
   color: var(--heading-color);
   font-family: var(--heading-font);
   font-weight: 600;
   transition: all 0.4s ease;
 }

 .sq-banner-tab .nav-item a:hover,
 .sq-banner-tab .nav-item a:focus,
 .sq-banner-tab .nav-item a.active {
   background: var(--main-color-one);
   color: #fff;
 }

 .navbar-area-3 {
   background: #fff;
 }

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

 .search-modal {
   margin-top: 10%;
   max-width: 80% !important;
 }

 .login_modal {
   width: 630px;
   border-radius: 10px;
   background: #FFFFFF;
   box-shadow: 0px 12px 16px rgba(0, 0, 0, 0.04), 0px 4px 56px rgba(0, 0, 0, 0.04);
 }

 .request_modal {
   top: 10%;
   width: 630px;
   background: #FFFFFF;
   box-shadow: 0px 12px 16px rgba(0, 0, 0, 0.04), 0px 4px 56px rgba(0, 0, 0, 0.04);
   border-radius: 10px;
 }

 .condition_text {
   margin: 20px auto;
   max-height: 500px;
   overflow-x: auto;
 }

 .condition_label {
   cursor: pointer;
   color: var(--main-color-one);
 }

 .property-filter-menu button:disabled {
   pointer-events: none;
 }

 .condition_modal {
   max-width: 80%;
 }

 .forgot_modal {
   top: 15%;
   bottom: 29.91%;
   background: #FFFFFF;
   box-shadow: 0px 12px 16px rgba(0, 0, 0, 0.04), 0px 4px 56px rgba(0, 0, 0, 0.04);
   border-radius: 10px;
 }

 .search-modal .modal-header {
   border: 0px !important;
 }

 .forgot_modal .modal-header {
   border: 0px !important;
 }

 .register_modal .modal-header {
   border: 0px !important;
 }

 .login_modal .modal-header {
   border: 0px !important;
 }

 .request_modal .modal-header {
   border: 0px !important;
 }

 .footer-area {
   background: #FFF;
   padding-top: 100px;
   z-index: 1;
   position: relative;
 }

 .footer-area .widget {
   border: 0;
 }

 .footer-area .footer-top {
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
   padding-bottom: 40px;
 }

 .footer-area .footer-logo img {
   max-width: 140px;
 }

 .footer-area .footer-social span {
   margin-right: 20px;
   color: var(--heading-color);
 }

 .footer-area .footer-social .social-icon {
   display: inline-block;
 }

 .footer-social-color {
   color: #011728 !important;
 }

 .footer-social-color:hover {
   color: #fff !important;
 }

 .footer-area .footer-bottom {
   padding-top: 50px;
 }

 .footer-area .copy-right {
   padding-bottom: 15px;
   padding-top: 10px;
   color: #FFFFFF;
   background-color: #011728;
 }

 .footer-area .copy-right a {
   font-weight: 600;
   transition: all 0.4s ease;
 }

 .footer-area .widget {
   margin-bottom: 48px;
 }

 .footer-area.style-two {
   margin-top: 200px;
 }

 .subscribe-area {
   background: #fff;
   box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.05);
   border-radius: 10px;
   padding: 90px 25px 100px 25px;
   margin-bottom: 100px;
   margin-top: -300px;
 }

 .search-modal-area {
   background: #fff;
   padding: 10px 25px 100px 25px;
 }

 .search-modal-area p {
   margin-bottom: 42px;
 }

 .city-intro-area {
   background-size: cover;
   background-position: bottom;
 }

 .follow-dream-area .thumb {
   border-radius: 10px;
   overflow: hidden;
   margin-right: 30px;
 }

 .buy-sell-area {
   margin-top: 140px;
 }

 .buy-sell-area-content {
   margin-top: 80px;
 }

 .buy-sell-card {
   margin-right: 15px;
   margin-left: 15px;
   cursor: pointer;
 }

 .search-page-area {
   overflow: hidden;
 }

 .addressInfo {
   opacity: 0;
 }

 .tooltip-auto-choose {
   position: relative;
   display: inline-block;
 }

 .tooltip-auto-choose .tooltiptext {
   visibility: hidden;
   width: 240px;
   background-color: silver;
   color: black;
   text-align: center;
   border-radius: 6px;
   padding: 5px 0;
   position: absolute;
   z-index: 1;
 }

 .rc-tabs-ink-bar {
   background-color: var(--main-color-one) !important;
 }

 .rc-tabs-tab:hover {
   color: var(--main-color-one) !important;
 }

 .rc-tabs-tab-active,
 .rc-tabs-tab-active:hover {
   color: var(--main-color-one) !important;
 }

 .tooltip-auto-choose:hover .tooltiptext {
   visibility: visible;
 }

 .addressInfoHover:hover .addressInfo {
   opacity: 1;
 }

 .infoIcon {
   position: absolute;
   right: 10px;
   margin-top: -35px;
 }

 .search-page-search-wrap {
   width: 45%;
   float: left;
   padding-right: 30px;
   position: fixed;
   z-index: 0;
 }

 .search-page-search-wrap #gmap {
   height: 100dvh;
   margin-top: 90px;
 }

 .search-page-right-wrap {
   width: 55%;
   float: right;
 }

 .sq-search-page-tab {
   border-bottom: 0;
 }

 .sq-search-page-tab .nav-item a {
   border: 0;
   text-align: center;
   border-radius: 5px;
   height: 48px;
   width: 48px;
   line-height: 52px;
   margin-right: 8px;
   position: relative;
   display: block;
   background: #FFEEE2;
   color: var(--main-color-one);
   font-family: var(--heading-font);
   font-weight: 600;
   transition: all 0.4s ease;
   font-size: 18px;
 }

 .sq-search-page-tab .nav-item a:hover,
 .sq-search-page-tab .nav-item a:focus,
 .sq-search-page-tab .nav-item a.active {
   background: var(--main-color-one);
   color: #fff;
 }

 .search-page-right-side {
   margin-right: 50px;
   padding-top: 135px;
 }

 .search-page-right-side .section-title .title {
   font-size: 24px;
 }

 .search-page-right-side .single-feature .thumb img {
   width: 100%;
 }

 .search-page-right-side .sq-main-search {
   padding: 20px 25px 4px 25px;
   margin-bottom: 30px;
   border-radius: 6px;
 }

 .search-page-right-side .sq-main-search .colx {
   padding: 0 10px;
   display: inline-block;
 }

 .search-page-right-side .sq-main-search .col1 {
   width: 30%;
 }

 .search-page-right-side .sq-main-search .col2 {
   width: 19%;
 }

 .search-page-right-side .sq-main-search .col3 {
   width: 17%;
 }

 .gm-style .gm-style-iw-c {
   padding: 16px;
 }

 .gm-ui-hover-effect {
   background: var(--main-color-one) !important;
   top: 0 !important;
   right: 0 !important;
   width: 30px !important;
   height: 30px !important;
   z-index: 9999 !important;
   border-radius: 0 10px 0 10px !important;
   opacity: 1 !important;
 }

 .post-and-search {
   box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);
   padding: 25px 50px 40px 170px;
   position: relative;
   overflow: hidden;
   margin-top: -74px;
   background: #fff;
   border-radius: 10px;
 }

 .news-search-btn {
   position: absolute;
   left: 52px;
   top: 50%;
   margin-top: -15px;
   cursor: pointer;
 }

 .news-search-btn i {
   font-size: 30px;
   color: var(--main-color-one);
 }

 .news-search-box {
   position: absolute;
   width: 0;
   left: -10px;
   top: 0;
   height: 100%;
   background: #fff;


   display: flex;


   align-items: center;
   z-index: 3;
   transition: all 0.7s ease;
 }

 .news-search-box input {
   width: 100%;
   height: 50px;
   line-height: 50px;
   border: 0 !important;
   border-right: 1px solid var(--main-color-one);
   padding: 0 30px;
   margin-right: 70px;
   font-size: 18px;
   color: rgba(16, 20, 37, 0.5);
   font-weight: 600;
 }

 .news-search-box input::-webkit-input-placeholder {
   color: rgba(16, 20, 37, 0.5);
   font-weight: 600;
 }

 .news-search-box input:-ms-input-placeholder {
   color: rgba(16, 20, 37, 0.5);
   font-weight: 600;
 }

 .news-search-box input::-ms-input-placeholder {
   color: rgba(16, 20, 37, 0.5);
   font-weight: 600;
 }

 .news-search-box input::placeholder {
   color: rgba(16, 20, 37, 0.5);
   font-weight: 600;
 }

 .news-search-box button {
   font-size: 30px;
   color: var(--main-color-one);
   position: absolute;
   right: 28px;
   top: 50%;
   margin-top: -28px;
   background: 0;
   border: 0;
   cursor: pointer;
 }

 .news-search-box.news-search-box-show {
   width: 100%;
   left: 0;
 }

 .popular-post-slider {
   position: relative;
 }

 .popular-post-slider:before {
   content: '';
   position: absolute;
   left: -50px;
   bottom: 8px;
   height: 100%;
   width: 1px;
   background: var(--main-color-one);
 }

 .single-popular-post .media-left {
   margin-right: 15px;
 }

 .single-popular-post .media-left img {
   border-radius: 4px;
 }

 .single-popular-post .media-body h6 {
   font-size: 14px;
   font-weight: 600;
   transition: all 0.5s ease;
 }

 .single-popular-post .media-body span {
   font-size: 12px;
 }

 .single-popular-post:hover .media-body h6 {
   color: var(--main-color-one);
   text-decoration: underline;
 }

 .react-autosuggest__suggestions-list {
   background: #EBEEF3;
 }

 .react-autosuggest__suggestions-list li {
   text-align: left;
   list-style-type: none;
 }

 .news-details-author-social {
   margin-top: -30px;
 }

 .news-details-author-social .author {


   display: flex;
 }

 .news-details-author-social .author img {
   border-radius: 6px;
   height: 60px;
   width: 60px;
 }

 .news-details-author-social .author p {
   -ms-flex-item-align: end;
   align-self: flex-end;
   margin-left: 15px;
   font-size: 13px;
 }

 .news-details-wrap p {
   margin-bottom: 23px;
 }

 .news-details-wrap .title1 {
   margin-bottom: 20px;
 }

 .news-details-wrap .title2 {
   margin-bottom: 25px;
   font-size: 18px;
 }

 .news-details-wrap .news-details-thumb {
   padding-top: 10px;
   margin-bottom: 35px;
 }

 .contact-form-wrap {
   background: #fff;
   border-radius: 10px;
   padding: 30px;
   box-shadow: 0px 2px 12px #97A1B21A;
 }

 .contact-form-wrap .sq-single-input {
   margin-top: 10px;
 }

 .contact-form-wrap button {
   margin-top: 23px;
   padding: 0 45px;
   letter-spacing: 0.5px;
 }

 .contact-form-wrap .social-icon {
   margin-top: 20px;
 }

 .contact-form-bg input,
 .contact-form-bg textarea {
   background: #F3F3F3;
 }

 .contact-page-map {
   line-height: 1;
 }

 .contact-page-map iframe {
   height: 474px;
 }

 .single-contact-info {
   margin-bottom: 30px;
 }

 .single-contact-info p i {
   margin-right: 10px;
   color: var(--main-color-one);
   font-size: 18px;
 }

 .register-page-area {
   margin-top: -50px;
 }

 .sq-comment-form .single-page-small-title {
   margin-bottom: 22px;
 }

 .sq-comment-form .sq-single-input {
   margin-bottom: 20px;
 }

 .property-details-swiper {
   position: relative;
 }

 .property-details-slider {
   margin-bottom: 40px;
 }

 .property-details-slider .thumb img {
   border-radius: 6px;
   height: 140px;
 }

 .mainImage {
   box-shadow: 0px 2px 12px #97a1b21a;
 }

 .property-details-slider .mainImage {
   object-fit: contain;
   border-radius: 6px;
   height: 500px;
 }

 .property-details-slider .swiper-button-prev {
   top: 60% !important;
 }

 .property-details-slider .swiper-button-next {
   right: -4%;
   top: 60% !important;
 }

 .property-details-slider .owl-prev {
   position: absolute;
   right: 90px;
   bottom: 25px;
   border: 1px solid #fff;
   color: #fff;
 }

 .property-details-slider .owl-next {
   position: absolute;
   right: 25px;
   bottom: 25px;
   border: 1px solid #fff;
   color: #fff;
 }

 .property-details-slider-info h3 {
   font-weight: 600;
 }

 .property-details-slider-info h3 span {
   color: var(--main-color-one);
   margin-right: 20px;
   font-weight: 700;
 }

 .property-details-slider-info del {
   font-size: 16px;
   font-weight: 500;
   font-family: var(--heading-font);
 }

 .property-details-area {
   background: #F9F9F9;
 }

 .profile-area {
   background: #F9F9F9;
   min-height: 600px;
 }

 .property-details-area .single-explore .forSale {
   background: rgba(255, 255, 255, 0.9);
   ;
   color: #011728;
 }

 .property-details-area .single-explore .forSale .point {
   background: #F6F6F7;
   border-radius: 4px;
   width: 100%;
 }

 .profile-area .single-explore .forSale {
   background: rgba(255, 255, 255, 0.9);
   ;
   width: 25%;
   height: 20%;
   color: #011728;
   left: 10px;
 }

 .profile-area .single-explore .homeName {
   display: inline;
 }

 .property-details-area .single-explore .homeName {
   display: inline;
 }

 .property-details-area .single-explore .homeNameBody {
   display: inline;
   font-size: 26px;
 }

 .profile-area .single-explore .homeNameBody {
   display: inline;
   font-size: 26px;
 }

 .property-details-area .single-explore .price {
   display: inline;
   color: #BE1E2D;
 }

 .profile-area .single-explore .price {
   display: inline;
   color: #BE1E2D;
   margin-left: 25%;
 }

 .property-details-area .single-explore .priceBody {
   display: block;
   color: #BE1E2D;
 }

 .property-details-area .single-explore .property-details-price {
   display: block;
   color: #BE1E2D;
 }

 .property-details-area .single-explore .property-details-price:hover {
   background: none !important;
 }

 .property-details-area .single-explore .estimate {
   display: block;
   color: #011728;
   font-size: 20px;
 }

 .profile-area .single-explore .priceBody {
   display: block;
   color: #BE1E2D;
   font-size: 18px;
 }

 .property-details-area .single-explore .buttons {
   margin-top: 30px;
 }

 .profile-area .single-explore .buttons {
   margin-top: 30px;
 }

 .property-details-area .single-explore .buttons .contact {
   background-color: #FFFFFF;
   color: #011728;
   border: 1px solid rgba(1, 23, 40, 0.6);
   padding-left: 20px;
   padding-right: 20px;
 }

 .profile-area .single-explore .buttons .contact {
   background-color: #FFFFFF;
   color: #011728;
   border: 1px solid rgba(1, 23, 40, 0.6);
   padding-left: 20px;
   padding-right: 20px;
 }

 .property-details-area .single-explore .buttons .active {
   padding-left: 20px;
   padding-right: 20px;
 }

 .profile-area .single-explore .buttons .active {
   padding-left: 20px;
   padding-right: 20px;
 }

 .property-details-area .single-explore .buttons .share {
   background-color: #FFFFFF;
   color: #011728;
   padding-left: 20px;
   padding-right: 20px;
   border: 1px solid rgba(1, 23, 40, 0.6);
 }

 .property-details-area .single-explore .viewMore {
   color: #BE1E2D;
   text-decoration: underline;
   font-size: 18px;
 }

 .property-details-area .single-explore .rld-banner-tab .active {
   border-bottom-width: 2px;
   color: #011728;
   border-color: #fff;
   font-weight: bold;
   border-bottom-color: #BE1E2D;
 }

 .property-details-area .single-explore .profile .rld-banner-tab .active {
   border-left-width: 2px;
   color: #011728;
   border-color: #fff;
   font-weight: bold;
   border-left-color: #BE1E2D;
 }

 .property-details-area .single-explore .featuresName {
   margin-left: 15px;
 }

 .property-details-area .single-explore .featureData {
   color: #0b0b0b;
   font-weight: bold;
   font-size: 14px;
 }

 .property-details-area .single-explore .heart {
   background: none;
   color: #FFFFFF;
 }

 .profile-area .single-explore .buttons .share {
   background-color: #FFFFFF;
   color: #011728;
   padding-left: 20px;
   padding-right: 20px;
   border: 1px solid rgba(1, 23, 40, 0.6);
 }

 .profile-area .single-explore .paramsBody {
   margin-top: 16.5px;
   font-size: 16px;
 }

 .profile-area .single-explore .viewMore {
   color: #BE1E2D;
   text-decoration: underline;
   font-size: 18px;
 }

 .profile-area .single-explore .profile .rld-banner-tab .activeLeft {
   border-left-width: 2px;
   color: #011728;
   border-color: #fff;
   font-weight: bold;
   border-left-color: #BE1E2D;
 }

 .profile-area .single-explore .rld-banner-tab .active {
   border-bottom-width: 2px;
   color: #011728;
   border-color: #fff;
   font-weight: bold;
   border-bottom-color: #BE1E2D;
 }

 .profile-area .single-explore .profile .rld-banner-tab .active {
   border-left-width: 2px;
   color: #011728;
   border-color: #fff;
   font-weight: bold;
   border-left-color: #BE1E2D;
 }

 .profile-area .single-explore .featuresName {
   margin-left: 15px;
 }

 .profile-area .single-explore .featureData {
   color: #0b0b0b;
   font-weight: bold;
   font-size: 14px;
 }

 .profile-area .single-explore .heart {
   background: none;
   color: #FFFFFF;
 }

 .main_color_heart i {
   color: #0b0b0b;
 }

 .detailsBody {
   margin-top: 10px;
 }

 .home-details-slider h3 {
   font-weight: 600;
 }

 .home-details-slider h3 span {
   color: var(--main-color-one);
   margin-right: 20px;
   font-weight: 700;
 }

 .home-details-slider del {
   font-size: 16px;
   font-weight: 500;
   font-family: var(--heading-font);
 }

 .single-property-info h5 {
   font-weight: 500;
 }

 .single-property-info p i {
   margin-right: 10px;
   color: var(--main-color-one);
 }

 .single-property-info p img {
   margin-right: 11px;
 }

 .property-news-single-card {
   padding-bottom: 50px;
   margin-bottom: 95px;
 }

 .property-news-single-card h4 {
   font-weight: 700;
   margin-bottom: 20px;
 }

 .property-news-single-card p {
   margin-bottom: 20px;
 }

 .property-news-single-card a {
   font-weight: 600;
   color: var(--main-color-one);
   line-height: 1;
 }

 .property-news-single-card iframe {
   width: 100%;
   height: 330px;
 }

 .property-news-single-card.style-two {
   padding-bottom: 43px;
 }

 .error-page {
   height: 100dvh;
   display: flex;


   align-items: center;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF4EF), to(#fff));
   background-image: -webkit-linear-gradient(#FFF4EF, #fff);
   background-image: -o-linear-gradient(#FFF4EF, #fff);
   background-image: linear-gradient(#FFF4EF, #fff);
 }

 .error-page a {
   color: var(--main-color-one);
   transition: all 0.4s ease;
   font-size: 18px;
   position: absolute;
   left: 12px;
 }

 .error-page a:hover {
   text-decoration: underline;
 }

 .error-page h2 {
   font-size: 300px;
   font-weight: 700;
   color: #5B6880;
   background: transparent;
   -webkit-text-fill-color: transparent;
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: var(--main-color-one);
 }

 .error-page .error-page-wrap {
   display: inline-block;
   position: relative;
 }

 .add-new-property-area .sq-single-select .single-select {
   padding: 0 35px 0 10px;
   border: 0 !important;
   border-bottom: 1px solid #D4D4D4 !important;
   border-radius: 0;
 }

 .add-new-property-area .sq-single-select .add-property-select {
   padding: 0 35px 0 10px;
   border: 1px solid #CCD1D4 !important;
   color: rgba(1, 23, 40, 0.6);
   border-radius: 5px;
 }

 .add-new-property-area .sq-single-input textarea {
   padding: 10px;
   border: 0 !important;
   border-bottom: 1px solid #011728 !important;
   border-radius: 0;
 }

 .add-new-property-area .checkboxStyle {
   margin-right: 6px;
   width: 20px;
 }

 input[type="checkbox"]:checked {
   color: #b21f2d;
 }

 .imageArea {
   border: 1px dashed rgba(1, 23, 40, 0.6);
   width: 100%;
   margin-bottom: 32px;
   height: 186px;
   border-radius: 6px;
   text-align: center;
   cursor: pointer;
 }

 .add-new-property-area .labelStyle {
   font-size: 16px;
   justify-content: center;
   align-items: center;
   color: #011728;
 }

 .add-new-property-area .checkboxStyle input:checked~.checkboxStyle {
   background-color: #0b0b0b;
 }

 .add-property-btn-wrap .btn {
   height: 44px;
   line-height: 44px;
   padding: 0 20px;
 }

 .main-search-area {
   margin-top: -50px;
 }

 .sq-main-search {
   padding: 50px 30px 35px 30px;
   background: #fff;
   box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
   border-radius: 0 6px 6px 6px;
 }

 .sq-main-search .sq-single-input,
 .sq-main-search .sq-single-select .single-select {
   margin-bottom: 15px;
 }

 .sq-main-search .btn {
   width: 100%;
 }

 .sq-single-input {
   position: relative;
 }

 .sq-single-input input {
   height: 48px;
   line-height: 48px;
   width: 100%;
   padding: 0 20px;
   border: 1px solid #D4D4D4;
   transition: all 0.4s ease;
   border-radius: 4px;
   font-size: 15px;
 }

 .sq-single-input input:hover,
 .sq-single-input input:active,
 .sq-single-input input:focus {
   border: 1px solid var(--main-color-one);
 }

 .autocomplete-dropdown-container {
   position: absolute;
   width: 100%;
   text-align: left;
   max-height: 35dvh;
   overflow: auto;
 }

 .autocomplete-dropdown-container .fa-map-marker {
   position: relative !important;
   top: 0px !important;
   margin-right: 22px;
 }

 .autocomplete-dropdown-container .suggestion-item,
 .autocomplete-dropdown-container .suggestion-item--active {
   padding-bottom: 5px;
   padding-top: 5px;
 }

 .search-icon {
   position: absolute;
   top: 14px;
   background-size: auto;
   height: 17px;
   width: 12px;
   left: 19px;
   background-repeat: no-repeat;
   color: var(--main-color-one);
   font-size: 20px;
 }

 .autocomplete-icon {
   background-size: auto;
   height: 17px;
   width: 12px;
   background-repeat: no-repeat;
   color: var(--main-color-one);
   font-size: 20px;
   margin-left: 20px;
 }

 .autocomplete-span {
   font-size: 15px;
   margin-left: 10px;
 }

 .sq-single-input.left-icon input {
   padding-left: 40px;
 }

 .sq-single-input.left-icon .searchText {
   position: absolute;
   height: 48px;
   width: 420px;
   left: 72px;
   top: 108px;
   background: #FFFFFF;
   border-radius: 6px;
 }

 .sq-single-input textarea {
   height: 120px;
   width: 100%;
   padding: 10px 20px;
   border: 1px solid #D4D4D4;
   transition: all 0.4s ease;
   border-radius: 4px;
   font-size: 15px;
 }

 .sq-single-input textarea:hover,
 .sq-single-input textarea:active,
 .sq-single-input textarea:focus {
   border: 1px solid var(--main-color-one);
 }

 .sq-single-select .single-select {
   height: 48px;
   line-height: 47px;
   width: 100%;
   padding: 0 34px 0 20px;
   border: 1px solid #D4D4D4;
   transition: all 0.4s ease;
   position: relative;
   border-radius: 4px;
 }

 .sq-single-select .single-select:hover,
 .sq-single-select .single-select:active,
 .sq-single-select .single-select:focus {
   border: 1px solid var(--main-color-one);
 }

 .sq-single-select .single-select:after {
   border: 0;
 }

 .sq-single-select .single-select:before {
   content: '';
   background-image: url("../../assets/img/icons/2.png");
   position: absolute;
   top: 19px;
   background-size: auto;
   height: 10px;
   width: 11px;
   right: 14px;
   left: auto;
   background-repeat: no-repeat;
 }

 .sq-single-select .single-select .list {
   width: 100%;
 }

 .add-new-property-area .add-property-select {
   border-left-width: 1px !important;
   color: #0b0b0b;
 }

 .sq-price-slider-wrap .sq-price-slider,
 .sq-price-slider-wrap .sq-size-slider {
   height: 5px;
   background: #FFF0E5;
   border: 0;
   margin: 20px 0 0 0;
 }

 .sq-price-slider-wrap .ui-slider-handle {
   height: 24px;
   width: 42px;
   background: var(--main-color-one);
   border: 0;
   text-align: center;
   color: #fff;
   border-radius: 30px;
   top: -10px;
   font-size: 13px;
   line-height: 25px;
 }

 .sq-banner-search .sq-single-input input {
   box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
   border: 0;
   padding-right: 140px;
   color: #011728;
 }

 .sq-banner-search .sq-single-input button {
   position: absolute;
   right: 0;
   top: 0px;
   height: 48px;
   line-height: 48px;
   border: 0;
   padding: 0 20px;
   font-weight: 600;
   background: var(--main-color-one);
   color: #fff;
   cursor: pointer;
   border-radius: 0 4px 4px 0;
 }

 .single-service {
   box-shadow: -6px 10px 54px rgba(1, 23, 40, 0.12);
   background: #fff;
   padding: 30px 20px 20px 20px;
   border-radius: 6px;
   transition: all 0.5s ease;
 }

 .single-agencies {
   box-shadow: none;
 }

 .single-service .thumb img {
   width: auto;
 }

 .single-service .thumb .double-img {
   margin-bottom: 30px;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 200px;
 }

 .single-service .thumb.double-img img {
   display: inline-block;
   padding-top: 25px;
   padding-left: 30px;
 }

 .single-service .details h4,
 .single-service .details p {
   hyphens: none !important;
   margin-top: 10px;
   padding-left: 10px;
 }



 .old_search_list:hover {
   border-color: #FFEEE2;
   box-shadow: 0px 0px 2px var(--main-color-one);
   color: var(--main-color-one);
 }

 .service-slider .item {
   padding-right: 0px;
   padding-left: 0px;
 }

 .single-service .double-img img {
   height: 70px;
 }

 .service-slider .single-service .thumb img {
   width: auto;
   position: relative;
 }

 .service-slider .slick-prev {
   position: absolute;
   top: 50%;
   left: -100px;
   height: 50px;
   width: 50px;
   border: 1px solid rgba(112, 112, 112, 0.17);
   text-align: center;
   line-height: 46px;
   border-radius: 50%;
   font-size: 28px;
   transition: all 0.5s ease;
   color: rgba(112, 112, 112, 0.17);
 }

 .service-slider .slick-prev:before {
   display: none;
 }

 .service-slider .slick-prev:hover {
   border-color: #FFEEE2;
   box-shadow: 0px 2px 12px rgba(255, 233, 209, 0.75);
   color: var(--main-color-one);
 }

 .service-slider .slick-next {
   position: absolute;
   top: 50%;
   right: -100px;
   height: 50px;
   width: 50px;
   border: 1px solid rgba(112, 112, 112, 0.17);
   text-align: center;
   line-height: 46px;
   border-radius: 50%;
   font-size: 28px;
   padding-left: 5px;
   transition: all 0.5s ease;
   color: rgba(112, 112, 112, 0.17);
 }

 .service-slider .slick-next:before {
   display: none;
 }

 .service-slider .slick-next:hover {
   border-color: #FFEEE2;
   box-shadow: 0px 2px 12px rgba(255, 233, 209, 0.75);
   color: var(--main-color-one);
 }

 .service-slider .single-service {
   margin: 10px 15px 10px;
 }

 .service-slider.slick-slider .slick-active .single-service {
   margin: 10px 15px 10px 7px;
 }

 .service-slider.slick-slider .double-img {
   width: 25%;
 }

 .service-slider.slick-slider .slick-active~.slick-active .single-service {
   margin: 10px 15px 10px 15px !important;
 }

 .service-slider.slick-slider .slick-active~.slick-active~.slick-active .single-service {
   margin: 10px 15px 10px 15px !important;
 }

 .service-slider.slick-slider .slick-active~.slick-active~.slick-active~.slick-active .single-service {
   margin: 10px 7px 10px 15px !important;
 }

 .h1-service-slider-area {
   z-index: 2;
 }

 .brokers-slider .item .single-service {
   border: 2px solid #DDDDDD;
   height: 230px;
   position: relative;
 }

 .days-slider .item .single-service {
   border: 2px solid #DDDDDD;
   position: relative;
 }

 .image {
   left: 3%;
   position: absolute;
   width: 50px;
   height: 50px;
   object-fit: cover;
 }

 .name {
   position: absolute;
   height: 18px;
   left: 20%;
   font-size: 18px;
   line-height: 30px;
   display: flex;
   align-items: center;
   color: #161F28;
 }

 .address {
   position: absolute;
   height: 30px;
   left: 20%;
   top: 16%;
   font-size: 14px;
   line-height: 30px;
   display: flex;
   align-items: center;
   color: #4F5665;
 }

 .rating {
   position: absolute;
   height: 16px;
   right: 4%;
   font-size: 16px;
   line-height: 30px;
   display: flex;
   align-items: center;
   color: #161F28;
 }

 .point {
   padding-right: 11px;
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 170%;
 }

 .broker-rating {
   padding-left: 6%;
 }

 .broker-rating em {
   padding-top: 3%;
   padding-left: 5%;
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 170%;
 }

 .description {
   position: relative;
   width: 88%;
   left: 3%;
   top: 60px;
   font-size: 16px;
   line-height: 30px;
   color: #161F28;
 }

 .brokers-slider .slick-prev {
   position: absolute;
   left: -100px;
   height: 50px;
   width: 50px;
   border: 1px solid rgba(112, 112, 112, 0.17);
   text-align: center;
   line-height: 46px;
   border-radius: 50%;
   font-size: 28px;
   transition: all 0.5s ease;
   color: rgba(112, 112, 112, 0.17);
 }

 .days-slider .slick-prev {
   position: absolute;
   left: -100px;
   height: 50px;
   width: 50px;
   border: 1px solid rgba(112, 112, 112, 0.17);
   text-align: center;
   line-height: 46px;
   border-radius: 50%;
   font-size: 28px;
   transition: all 0.5s ease;
   color: rgba(112, 112, 112, 0.17);
 }

 .brokers-slider .slick-prev:before {
   display: none;
 }

 .days-slider .slick-prev:before {
   display: none;
 }

 .brokers-slider .slick-prev:hover {
   border-color: #FFEEE2;
   box-shadow: 0px 0px 2px var(--main-color-one);
   color: var(--main-color-one);
 }

 .days-slider .slick-prev:hover {
   border-color: #FFEEE2;
   box-shadow: 0px 0px 2px var(--main-color-one);
   color: var(--main-color-one);
 }

 .brokers-slider .slick-next {
   position: absolute;
   top: 50%;
   right: -100px;
   height: 50px;
   width: 50px;
   border: 1px solid rgba(112, 112, 112, 0.17);
   text-align: center;
   line-height: 46px;
   border-radius: 50%;
   font-size: 28px;
   padding-left: 5px;
   transition: all 0.5s ease;
   color: rgba(112, 112, 112, 0.17);
 }

 .days-slider .slick-next {
   position: absolute;
   top: 50%;
   right: -100px;
   height: 50px;
   width: 50px;
   border: 1px solid rgba(112, 112, 112, 0.17);
   text-align: center;
   line-height: 46px;
   border-radius: 50%;
   font-size: 28px;
   padding-left: 5px;
   transition: all 0.5s ease;
   color: rgba(112, 112, 112, 0.17);
 }

 .brokers-slider .slick-next:before {
   display: none;
 }

 .days-slider .slick-next:before {
   display: none;
 }

 .brokers-slider .slick-next:hover {
   border-color: #FFEEE2;
   box-shadow: 0px 0px 2px var(--main-color-one);
   color: var(--main-color-one);
 }

 .days-slider .slick-next:hover {
   border-color: #FFEEE2;
   box-shadow: 0px 0px 2px var(--main-color-one);
   color: var(--main-color-one);
 }

 .brokers-slider .single-service {
   margin: 10px 15px 10px;
 }

 .days-slider .single-service {
   margin: 10px 15px 10px;
 }

 .brokers-slider.slick-slider .slick-active .single-service {
   margin: 10px 15px 10px 7px;
   border-color: var(--main-color-one);
 }

 .days-slider.slick-slider .slick-active .single-service {
   margin: 10px 15px 10px 7px;
   border-color: var(--main-color-one);
 }

 .agencies-swiper-container {
   background-color: #F6F6F7;
   padding: 50px 0;
 }

 .agencies-swiper .swiper-slide-active .single-service {
   border: 2px solid var(--main-color-one);
   height: 240px !important;
   background: none !important;
   margin-bottom: 10px;
 }

 .agencies-swiper .swiper-slide-active .agenciesName {
   display: block !important;
   padding-top: 10px;
 }

 .brokers-swiper {
   position: relative;
 }



 .brokers-swiper .swiper-slide-active .single-service {
   border: 2px solid var(--main-color-one);
 }

 .broker-swiper-image {
   border-radius: 50%;
 }

 .brokers-slider.slick-slider .slick-active~.slick-active .single-service {
   margin: 10px 15px 10px 15px !important;
   border-color: rgba(112, 112, 112, 0.17) !important;
 }

 .brokers-slider.slick-slider .slick-active~.slick-active~.slick-active .single-service {
   margin: 10px 15px 10px 15px !important;
 }

 .brokers-slider.slick-slider .slick-active~.slick-active~.slick-active~.slick-active .single-service {
   margin: 10px 7px 10px 15px !important;
 }

 .days-slider .item .single-service {
   text-align: center;
 }

 .days-slider .single-service {
   padding: 0px;
   padding-top: 18px;
   padding-bottom: 18px;
 }

 .days-slider .slick-prev {
   position: absolute;
   top: 50%;
   height: 50px;
   width: 50px;
   text-align: center;
   color: #011728;
   line-height: 46px;
   font-size: 20px;
 }

 .days-slider .slick-prev:before {
   display: none;
 }

 .days-slider .slick-next {
   position: absolute;
   top: 50%;
   height: 50px;
   width: 50px;
   text-align: center;
   color: #011728;
   line-height: 46px;
   font-size: 20px;
 }

 .days-slider .slick-next:before {
   display: none;
 }

 .days-slider .single-service {
   margin: 10px;
 }

 .days-slider.slick-slider .slick-active .single-service {
   border-width: 0px;
 }

 .agencies-swiper {
   position: relative;
   padding-bottom: 20px;
   padding-top: 30px;
 }

 .agencies-slider .single-service .thumb img {
   width: auto;
   position: relative;
 }

 .agencies-slider .slick-current .single-service {
   border: 2px solid var(--main-color-one);
 }

 .agencies-slider .slick-prev {
   position: absolute;
   top: 50%;
   left: -100px;
   height: 50px;
   width: 50px;
   border: 1px solid rgba(112, 112, 112, 0.17);
   text-align: center;
   line-height: 46px;
   border-radius: 50%;
   font-size: 28px;
   transition: all 0.5s ease;
   color: rgba(112, 112, 112, 0.17);
 }

 .agencies-slider .slick-prev:before {
   display: none;
 }

 .agencies-slider .slick-prev:hover {
   border-color: #FFEEE2;
   box-shadow: 0px 0px 2px var(--main-color-two);
   color: var(--main-color-one);
 }

 .agencies-slider .slick-next {
   position: absolute;
   top: 50%;
   right: -100px;
   height: 50px;
   width: 50px;
   border: 1px solid rgba(112, 112, 112, 0.17);
   text-align: center;
   line-height: 46px;
   border-radius: 50%;
   font-size: 28px;
   padding-left: 5px;
   transition: all 0.5s ease;
   color: rgba(112, 112, 112, 0.17);
 }

 .agencies-slider .slick-next:before {
   display: none;
 }

 .agencies-slider .slick-next:hover {
   border-color: #FFEEE2;
   box-shadow: 0px 0px 2px var(--main-color-two);
   color: var(--main-color-one);
 }

 .agencies-slider .single-service {
   margin: 10px 15px 10px;
 }

 .agencies-slider.slick-slider .slick-active .single-service {
   margin: 10px 15px 10px 7px;
 }

 .agencies-slider.slick-slider .slick-active~.slick-active .single-service {
   margin: 10px 15px 10px 15px !important;
 }

 .agencies-slider.slick-slider .slick-active~.slick-active~.slick-active .single-service {
   margin: 10px 15px 10px 15px !important;
 }

 .agencies-slider.slick-slider .slick-active~.slick-active~.slick-active~.slick-active .single-service {
   margin: 10px 7px 10px 15px !important;
 }

 .single-explore {
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
   box-shadow: 0px 2px 12px #97A1B21A;
   overflow: hidden;
   margin-bottom: 30px;
 }

 .single-explore .thumb {
   position: relative;
 }

 .single-explore .thumb span {
   border-radius: 4px;
   background: #fff;
   color: #C5C5C5;
   height: 34px;
   line-height: 34px;
   text-align: center;


   align-items: center;
   font-size: 14px;
   transition: all 0.4s ease;
 }

 .single-explore .details {
   background: #fff;
   padding: 23px 25px;
 }

 .single-explore .details h4 {
   padding-left: 1px;
 }

 .single-explore .details .list {
   font-size: 14px;
 }

 .single-explore .details .list li {
   display: inline-block;
 }

 .single-explore .details .list li img,
 .single-explore .details .list li i {
   margin-right: 4px;
 }

 .single-explore .details .list li:first-child {
   margin-right: 20px;
 }

 .single-feature {
   width: 100%;
   border-radius: 10px;
   overflow: hidden;
   margin-bottom: 30px;
 }

 .single-feature .thumb {
   position: relative;
 }

 .single-feature .thumb a {
   position: absolute;
   left: 0px;
   top: 12px;
   font-size: 18px;
   transition: all 0.5s ease;
   visibility: hidden;
   opacity: 0;
   color: var(--main-color-one);
 }

 .single-feature .thumb img {
   transition: all 0.5s ease;
 }

 .single-feature .details {
   background: #F6F6F6;
   padding: 20px 20px;
   position: relative;
 }

 .single-feature-announcement {
   border-radius: 10px;
   overflow: hidden;
   margin-bottom: 30px;
 }

 .single-feature-announcement-for-example {
   border-top-right-radius: 10px;
   border-top-left-radius: 10px;
   overflow: hidden;
 }

 .single-feature-similar-announcement {
   border-radius: 10px;
   overflow: hidden;
 }

 .listing-content {
   width: 90%;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   cursor: pointer;
 }

 .single-feature-announcement .thumb {
   position: relative;
   width: auto;
 }

 .single-feature-similar-announcement .thumb {
   position: relative;
   width: fit-content;
 }

 .single-feature-announcement-for-example .thumb {
   position: relative;
   width: auto;
 }

 .single-feature-announcement .listing-details {
   width: 100%;
 }

 .single-feature-similar-announcement .listing-details {
   width: 100%;
 }

 .single-feature-announcement .thumb a {
   position: absolute;
   left: 0px;
   top: 12px;
   font-size: 18px;
   transition: all 0.5s ease;
   visibility: hidden;
   opacity: 0;
   color: var(--main-color-one);
 }

 .single-feature-similar-announcement .thumb a {
   position: absolute;
   left: 0px;
   top: 12px;
   font-size: 18px;
   transition: all 0.5s ease;
   visibility: hidden;
   opacity: 0;
   color: var(--main-color-one);
 }

 .single-feature-announcement-for-example .listing-details {
   width: 100%;
 }

 .single-feature-announcement-for-example .thumb a {
   position: absolute;
   left: 0px;
   top: 12px;
   font-size: 18px;
   transition: all 0.5s ease;
   visibility: hidden;
   opacity: 0;
   color: var(--main-color-one);
 }

 .single-feature-announcement .thumb img {
   transition: all 0.5s ease;
 }

 .single-feature-similar-announcement .thumb img {
   transition: all 0.5s ease;
 }

 .single-feature-announcement .details {
   background: #FFFFFF;
   padding: 0px 20px 20px 20px;
   position: relative;
   text-align-last: start;
 }

 .single-feature-similar-announcement .details {
   background: #FFFFFF;
   padding: 0px 20px 20px 20px;
   position: relative;
   text-align-last: start;
 }

 .single-feature-announcement-for-example .thumb img {
   transition: all 0.5s ease;
 }

 .single-feature-announcement-for-example .details {
   background: #FFFFFF;
   padding: 0px 20px 20px 20px;
   position: relative;
   text-align-last: start;
 }

 .feature-logo {
   height: 60px;
   width: 60px;
   line-height: 50px;
   text-align: center;
   position: absolute;
   right: 20px;
   top: -25px;
   background: #fff;
   border-radius: 50%;
   box-shadow: 20px 0px 40px rgba(0, 0, 0, 0.3);
 }

 .feature-logo-2 {
   height: 25px;
   width: 25px;
   justify-content: center;
   display: flex;
   top: 56%;
   right: 76%;
   cursor: pointer;
   position: absolute;
   background: #fff;
   border-radius: 50%;
   box-shadow: 20px 0px 40px rgba(0, 0, 0, 0.3);
   color: var(--main-color-one);
 }

 .single-feature-announcement .details .author {
   font-size: 16px;
   font-weight: 300;
 }

 .single-feature-similar-announcement .details .author {
   font-size: 16px;
   font-weight: 300;
 }

 .single-feature-announcement .details .title {
   padding-left: 1px;
   font-weight: 600;
   margin-bottom: 15px;
 }

 .single-feature-announcement .details .price {
   display: inline-block;
   color: var(--main-color-one);
 }

 .single-feature-similar-announcement .details .title {
   padding-left: 1px;
   font-weight: 600;
   margin-bottom: 15px;
 }

 .single-feature-similar-announcement .details .price {
   display: inline-block;
   color: var(--main-color-one);
 }

 .single-feature-announcement-for-example .details .author {
   font-size: 16px;
   font-weight: 300;
 }

 .single-feature-announcement-for-example .details .title {
   padding-left: 1px;
   font-weight: 600;
   margin-bottom: 15px;
 }

 .single-feature-announcement-for-example .details .price {
   display: inline-block;
   color: var(--main-color-one);
 }

 .feature-logo {
   border-radius: 50%;
   padding: 5%;
   object-fit: fill;
   display: inline-block;
 }

 .single-feature .details .author {
   font-size: 16px;
   font-weight: 300;
 }

 .single-feature .details .title {
   padding-left: 1px;
   font-weight: 600;
   margin-bottom: 15px;
 }

 .single-feature .details .price {
   display: inline-block;
   color: var(--main-color-one);
 }

 .single-feature .details del {
   color: #C3CFE1;
   font-size: 14px;
 }

 .single-feature .details .info-list {
   padding: 15px 0 0 0;
   margin: 15px 0 0 0;
   font-size: 14px;
   border-top: 1px solid rgba(112, 112, 112, 0.1);
 }

 .single-feature-announcement .details .info-list-announcement li {
   display: inline-block;
   margin-right: 12px;
 }

 .single-feature-similar-announcement .details .info-list-announcement li {
   display: inline-block;
   margin-right: 12px;
 }

 .single-feature-announcement-for-example .details .info-list-announcement li {
   display: inline-block;
   margin-right: 12px;
 }

 .single-feature .details .info-list li {
   display: inline-block;
   margin-right: 12px;
 }

 .single-feature .details .info-list li img,
 .single-feature .details .info-list li i {
   margin-right: 4px;
   color: var(--main-color-one);
   width: auto;
   display: inline-block;
 }

 .single-feature .details .info-list-announcement {
   padding: 15px 0 0 0;
   margin: 15px 0 0 0;
   font-size: 14px;
   border-top: 1px solid rgba(112, 112, 112, 0.1);
 }

 .single-feature .details .info-list-announcement li {
   display: inline-block;
   margin-right: 12px;
 }

 .single-feature .details .info-list-announcement li img,
 .single-feature .details .info-list-announcement li i {
   margin-right: 4px;
   width: auto;
   display: inline-block;
 }

 .single-feature .details .contact-list {
   position: absolute;
   width: 100%;
   left: 0;
   right: 0;
   bottom: -50px;
   padding: 10px 20px 14px 20px;
   transition: all 0.5s ease;
   background: #F6F6F6;
   width: 100%;
   visibility: hidden;
   opacity: 1;
   border-top: 1px solid rgba(112, 112, 112, 0.1);
 }

 .single-feature .details .contact-list li {
   display: inline-block;
   margin-right: 10px;
 }

 .single-feature .details .contact-list li .phone,
 .single-feature .details .contact-list li .message {
   background: #F6E6D3;
   height: 36px;
   width: 36px;
   line-height: 36px;
   text-align: center;
   border-radius: 4px;
   display: inline-block;
 }

 .single-feature .details .contact-list li .phone img,
 .single-feature .details .contact-list li .message img {
   width: auto;
   display: inline-block;
 }

 .single-feature .details .contact-list li .btn {
   height: 36px;
   border-radius: 4px;
   line-height: 36px;
   margin-top: -4px;
   padding: 0 20px;
 }

 .single-feature:hover .thumb a {
   visibility: visible;
   opacity: 1;
   left: 20px;
 }

 .single-feature:hover .thumb img {
   transform: scale(1.05);
 }

 .single-feature:hover .contact-list {
   visibility: visible;
   opacity: 1;
   bottom: 0px;
 }

 .single-leading-feature {
   margin-bottom: 30px;
   position: relative;
   border-radius: 10px;
   overflow: hidden;
 }

 .single-leading-feature .slf-overlay {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(52%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 100, 0)));
   background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 52%, rgba(0, 0, 100, 0));
   background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 52%, rgba(0, 0, 100, 0));
   background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 52%, rgba(0, 0, 100, 0));
   height: 70%;
   left: 0;
   position: absolute;
   bottom: 0;
   width: 100%;
   z-index: 1;
 }

 .single-leading-feature .thumb {
   position: relative;
 }

 .single-leading-feature .thumb a {
   position: absolute;
   left: 0px;
   top: 12px;
   font-size: 18px;
   transition: all 0.5s ease;
   visibility: hidden;
   opacity: 0;
   color: var(--heading-color);
 }

 .single-leading-feature .thumb img {
   transition: all 0.7s ease;
 }

 .single-leading-feature .details {
   padding: 20px 20px;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 2;
 }

 .single-leading-feature .details .logo {
   height: 50px;
   width: 50px;
   line-height: 50px;
   text-align: center;
   position: absolute;
   right: 25px;
   top: -25px;
   background: #fff;
   border-radius: 50%;
 }

 .single-leading-feature .details .author {
   font-size: 12px;
 }

 .single-leading-feature .details .title {
   padding-left: 1px;
   font-weight: 600;
   margin-bottom: 13px;
   color: #fff;
 }

 .single-leading-feature .details .price {
   display: inline-block;
   margin-right: 10px;
   color: #fff;
 }

 .single-leading-feature .details span {
   color: #fff;
   font-size: 15px;
 }

 .single-leading-feature:hover .thumb a {
   visibility: visible;
   opacity: 1;
   left: 20px;
 }

 .single-leading-feature:hover .thumb img {
   transform: scale(1.05);
 }

 .single-feature.style-two {
   display: flex !important;
   margin: 0 0 30px 0;
   background: #FFFFFF;
   box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.07);
   border-radius: 6px;
 }

 .single-feature.style-two .thumb {

   flex: 0 0 40%;
   background-color: #fff;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   min-height: 200px;
   border-radius: 5px 0 0 5px;
 }

 .single-feature.style-two .thumb img {
   padding-left: 10px;
   width: 100%;
   height: 250px;
   border-radius: 5px 0 0 5px;
 }

 .single-feature.style-two .details {
   display: flex;
   flex: 0 0 60%;
   padding: 20px 20px 20px 50px;
   align-items: center;
 }

 .single-feature.style-two .details .feature-logo {
   left: -26px;
   top: 20px;
 }

 .single-feature.style-two .details .contact-list {
   position: relative;
   padding: 20px 0 0 0;
   visibility: visible;
   opacity: 1;
   bottom: 0;
   border-top: 0;
 }

 .single-intro {
   margin-bottom: 30px;
 }

 .single-intro .thumb {
   background: var(--main-color-one);
   display: inline-block;
   height: 70px;
   width: 70px;
   line-height: 68px;
   text-align: center;
   border-radius: 5px;
   margin-bottom: 25px;
 }

 .single-intro .thumb img {
   width: auto;
   display: inline-block;
 }

 .single-intro .text {
   font-size: 45px;
   font-family: var(--heading-font);
   font-weight: 700;
   color: var(--main-color-one);
 }

 .single-intro .details .title {
   margin-bottom: 15px;
   font-weight: 700;
 }

 .single-intro .details .read-more {
   font-weight: 600;
   transition: all 0.5s ease;
   padding-top: 12px;
   display: block;
 }

 .single-intro .details .read-more:hover {
   color: var(--main-color-one);
   text-decoration: underline;
 }

 .single-intro.style-two .thumb {
   border-radius: 50%;
   font-size: 26px;
   font-weight: 500;
   font-family: var(--heading-font);
   color: #fff;
 }

 .single-intro-media {
   background: var(--main-color-one);
   padding: 40px;
   border-radius: 10px;
   transition: all 0.6s ease;
   margin-bottom: 30px;
 }

 .single-intro-media .media-body {
   padding-left: 30px;
 }

 .single-intro-media .media-body h4 {
   color: #fff;
   margin-bottom: 11px;
   font-weight: 600;
 }

 .single-intro-media .media-body p {
   color: #fff;
 }

 .single-intro-media.single-intro-media-active {
   background: #061B40;
 }

 .single-follow-dream {
   margin-bottom: 17px;
 }

 .single-follow-dream .media-left {
   height: 50px;
   width: 50px;
   border-radius: 4px;
   background: #FFEEE2;
   line-height: 50px;
   text-align: center;
   margin-right: 30px;
   margin-top: 6px;
 }

 .single-follow-dream .media-left i {
   font-size: 16px;
   color: var(--main-color-one);
 }

 .cat-single {
   border: 1px solid rgba(112, 112, 112, 0.2);
   display: block;
   padding: 50px 10px 40px 10px;
   margin-bottom: 30px;
   border-radius: 10px;
   transition: all 0.5s ease;
 }

 .cat-single img,
 .cat-single i {
   font-size: 46px;
   color: var(--main-color-one);
   margin-bottom: 15px;
 }

 .cat-single p {
   font-size: 20px;
   color: var(--heading-color);
 }

 .cat-single:hover {
   box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.05);
 }

 .single-floor-list {
   margin-bottom: 30px;
 }

 .single-floor-list .media-left {
   background: #FFDEC5;
   border-radius: 5px;
   height: 40px;
   width: 40px;
   line-height: 40px;
   text-align: center;
   color: var(--main-color-one);
   margin-right: 15px;
 }

 .single-floor-list .media-body h6 {
   font-weight: 600;
 }

 .single-floor-list .media-body p {
   font-size: 14px;
 }

 .single-city {
   margin-bottom: 30px !important;
   overflow: hidden;
   position: relative;
   border-radius: 10px;
 }

 .single-city .sc-overlay {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 100, 0)));
   background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 100, 0));
   background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 100, 0));
   background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 100, 0));
   height: 90%;
   left: 0;
   position: absolute;
   bottom: 0;
   width: 100%;
   z-index: 1;
 }

 .single-city .sc-overlay:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 100, 0)));
   background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 100, 0));
   background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 100, 0));
   background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 100, 0));
   visibility: hidden;
   opacity: 0;
   height: 100%;
   transition: all 0.4s ease;
   z-index: 1;
 }

 .single-city .thumb img {
   transition: all 0.8s ease;
 }

 .single-city.sc-one {
   margin: 70px 0 0 0;
 }

 .single-city.sc-two {
   margin: 70px 0 0 0;
 }

 .single-city.sc-three {
   margin: 100px 0 0 0;
 }

 .single-city .details {
   position: absolute;
   left: 0;
   bottom: 15px;
   text-align: center;
   width: 100%;
   z-index: 3;
 }

 .single-city .details .title {
   color: #fff;
   margin-bottom: 3px;
   transition: all 0.5s ease;
 }

 .single-city .details p {
   color: #fff;
   font-size: 14px;
 }

 .single-city:hover .sc-overlay:after {
   visibility: visible;
   opacity: 0.4;
 }

 .single-city:hover .thumb img {
   transform: scale(1.1);
 }

 .single-team {
   box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.05);
   border-radius: 10px;
   overflow: hidden;
   margin-bottom: 30px;
 }

 .single-team .thumb {
   overflow: hidden;
 }

 .single-team .thumb img {
   transition: all 0.5s ease;
 }

 .single-team .team-details {
   padding: 24px 20px 24px 20px;
 }

 .single-team .team-details h4 {
   margin-bottom: 5px;
 }

 .single-team .team-details p {
   float: left;
 }

 .single-team .team-details ul {
   display: block;
   float: right;
 }

 .single-team .team-details ul li {
   display: inline-block;
   padding-left: 5px;
 }

 .single-team:hover .thumb img {
   transform: scale(1.08);
 }

 .single-author {
   box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.05);
   border-radius: 10px;
   margin-bottom: 30px;
   padding: 40px 15px 36px 15px;
   transition: all 0.5s ease;
 }

 .single-author .thumb {
   margin-bottom: 15px;
 }

 .single-author .thumb img {
   border-radius: 50%;
 }

 .single-author.style-two .thumb {
   display: inline-block;
   height: 140px;
   width: 140px;
   line-height: 135px;
   border-radius: 10px;
 }

 .single-author.style-two .thumb img {
   border-radius: 0;
 }

 .single-author .author-details h4 {
   margin-bottom: 5px;
   font-weight: 500;
 }

 .single-author .author-details .view-more {
   font-weight: 600;
   transition: all 0.4s ease;
 }

 .single-author .author-details .view-more:hover {
   color: var(--main-color-one);
   text-decoration: underline;
 }

 .single-author:hover {
   box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
 }

 .client-slider .thumb img {
   width: auto;
   margin: 0 auto;
 }

 .client-slider-2 .owl-controls {
   max-width: 280px;
   margin: 0 auto;
   position: relative;
 }

 .client-slider-2 .owl-nav {
   display: inline-block;
 }

 .client-slider-2 .owl-nav .owl-prev {
   position: absolute;
   bottom: -10px;
   border: 0;
   left: 0;
 }

 .client-slider-2 .owl-nav .owl-prev:hover {
   box-shadow: none;
 }

 .client-slider-2 .owl-nav .owl-next {
   position: absolute;
   bottom: -10px;
   border: 0;
   right: 0;
 }

 .client-slider-2 .owl-nav .owl-next:hover {
   box-shadow: none;
 }

 .client-slider-2 .owl-dot {
   height: 12px;
   width: 12px;
   border-radius: 50%;
   background: #FFEEE2;
   transition: all 0.5s ease;
   display: inline-block;
   margin: 0 4px;
 }

 .client-slider-2 .owl-dot.active {
   width: 30px;
   border-radius: 10px;
   background: var(--main-color-one);
 }

 .single-client-review .thumb {
   margin-bottom: 33px;
 }

 .single-client-review .thumb img {
   width: auto;
   margin: 0 auto;
   border-radius: 5px;
 }

 .single-client-review .review-details p {
   margin-bottom: 25px;
 }

 .client-review-img {
   position: relative;
 }

 .client-review-img .clr-img {
   position: absolute;
   border-radius: 10px;
   opacity: 0.35;
 }

 .client-review-img .clr-img1 {
   left: 0;
   top: 0;
 }

 .client-review-img .clr-img2 {
   left: 200px;
   top: 50%;
   margin-top: -37px;
   height: 50px;
   width: 50px;
 }

 .client-review-img .clr-img3 {
   left: 40px;
   bottom: 0;
   height: 60px;
   width: 60px;
 }

 .client-review-img .clr-img4 {
   right: 100px;
   top: 0;
   height: 60px;
   width: 60px;
 }

 .client-review-img .clr-img5 {
   right: 0;
   bottom: 0;
 }

 .apartments-slider .thumb {
   position: relative;
 }

 .apartments-slider .thumb .title {
   position: absolute;
   margin-left: -170px;
   top: 60px;
   font-weight: 700;
   z-index: 3;
 }

 .apartments-slider .thumb img {
   border-radius: 10px;
 }

 .apartments-slider .thumb:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.1);
   z-index: 2;
   border-radius: 10px;
 }

 .apartments-slider .details .title {
   display: none;
 }

 .apartments-slider .details del {
   color: rgba(0, 0, 0, 0.13);
 }

 .apartments-slider .details h3 {
   font-weight: 600;
   font-size: 32px;
 }

 .apartments-slider .details .sub-title {
   margin-top: 18px;
 }

 .apartments-slider .details span i {
   color: var(--main-color-one);
   margin-right: 8px;
 }

 .apartments-slider .owl-controls {
   max-width: 280px;
   margin: 0 auto;
   position: relative;
   margin-top: 25px;
   margin-bottom: 10px;
 }

 .apartments-slider .owl-nav {
   display: inline-block;
 }

 .apartments-slider .owl-nav .owl-prev {
   position: absolute;
   bottom: -10px;
   left: 0;
 }

 .apartments-slider .owl-nav .owl-prev:hover {
   box-shadow: none;
 }

 .apartments-slider .owl-nav .owl-next {
   position: absolute;
   bottom: -10px;
   right: 0;
 }

 .apartments-slider .owl-dots {
   text-align: center;
 }

 .apartments-slider .owl-dot {
   height: 12px;
   width: 12px;
   border-radius: 50%;
   background: #FFEEE2;
   transition: all 0.5s ease;
   display: inline-block;
   margin: 0 4px;
 }

 .apartments-slider .owl-dot.active {
   width: 30px;
   border-radius: 10px;
   background: var(--main-color-one);
 }

 .apartments-slider-2 .item {
   margin-bottom: 80px;
 }

 .apartments-slider-2 .thumb img {
   border-radius: 10px;
 }

 .apartments-slider-2 .details {
   border-radius: 10px;
   background: #fff;
   box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.05);
   padding: 20px 30px 35px;
   position: relative;
 }

 .apartments-slider-2 .details span {
   font-size: 45px;
   font-weight: 700;
   color: #E2E2E2;
   line-height: 1.2;
 }

 .apartments-slider-2 .details h6 {
   position: absolute;
   top: 45px;
   left: 32px;
 }

 .apartments-slider-2 .details p {
   margin-bottom: 30px;
 }

 .apartments-slider-2 .align-self-end {
   margin-bottom: -80px;
   margin-left: -113px;
 }

 .ap2-slider-controls {
   margin-bottom: 10px;
 }

 .ap2-slider-controls .text {
   display: inline-block;
 }

 .ap2-slider-controls .ap2-list-progress {
   width: 77%;
   display: inline-block;
   margin-right: 50px;
 }

 .ap2-slider-controls .sq-control-nav {
   display: inline-block;
   position: relative;
 }

 .gallery-thumb {
   margin-bottom: 30px;
   border-radius: 10px;
   overflow: hidden;
 }

 .property-filter-menu {
   margin-bottom: 40px;
 }

 .property-filter-menu button {
   background: #FFEEE2;
   color: var(--main-color-one);
   height: 52px;
   padding: 0 30px;
   line-height: 52px;
   border: 0;
   font-size: 16px;
   font-weight: 500;
   cursor: pointer;
   transition: all 0.5s ease;
   margin-right: 6px;
   border-radius: 5px;
   margin-bottom: 10px;
 }

 .property-filter-menu button:hover,
 .property-filter-menu button:focus,
 .property-filter-menu button.active {
   background: var(--main-color-one);
   color: #fff;
 }

 .single-news {
   border-radius: 10px;
   box-shadow: 0px 2px 12px #97A1B21A;
   overflow: hidden;
   margin-bottom: 30px;
 }

 .single-news .details {
   background: #fff;
   padding: 25px 30px 30px;
 }

 .single-news .details h4 a {
   transition: all 0.5s ease;
 }

 .single-news .details h4 a:hover {
   color: var(--main-color-one);
   text-decoration: underline;
 }

 .single-news .details p {
   margin-bottom: 25px;
 }

 .single-news .details .author img {
   margin-right: 15px;
   border-radius: 50%;
 }

 .single-news .details .author span {
   font-size: 14px;
   font-weight: 500;
   font-family: var(--heading-font);
 }

 .single-news .details .author .date {
   margin-left: 20px;
 }

 .single-accordion {
   border: 1px solid #F5F9FF;
   border-radius: 8px;
   margin-bottom: 15px;
   box-shadow: 0px 2px 12px #97A1B21A;
   padding: 25px 30px;
 }

 .single-accordion .card-header {
   background: transparent;
   border-radius: 0;
   border: 0;
 }

 .single-accordion .card-header h2 button {
   font-size: 18px;
   color: var(--main-color-one);
   width: 100%;
   text-align: left;
   position: relative;
   background: transparent;
   border-radius: 0;
   border: 0;
   float: left;
   font-weight: 500;
   padding-right: 20px;
   cursor: pointer;
   transition: all .3s ease;
 }

 .single-accordion .card-header h2 button:after {
   content: '';
   position: absolute;
   height: 2px;
   width: 12px;
   background: var(--main-color-one);
   top: 50%;
   right: 0;
   opacity: 1;
 }

 .single-accordion .card-header h2 button:before {
   content: '';
   position: absolute;
   height: 2px;
   width: 12px;
   background: var(--main-color-one);
   top: 50%;
   transition: all .3s ease;
   right: 0;
   transform: rotate(0);
 }

 .single-accordion .card-header h2 button:hover,
 .single-accordion .card-header h2 button:focus,
 .single-accordion .card-header h2 button:active {
   text-decoration: none;
 }

 .single-accordion .card-header h2 button.collapsed {
   color: var(--heading-color);
 }

 .single-accordion .card-header h2 button.collapsed:before {
   transform: rotate(90deg);
   background: var(--heading-color);
 }

 .single-accordion .card-header h2 button.collapsed:after {
   background: var(--heading-color);
 }

 .single-accordion .card-body {
   margin-top: 20px;
 }

 .comment-content a {
   word-wrap: break-word;
 }

 .bypostauthor {
   display: block;
 }

 .comments-area {
   padding-left: 20px;
   margin-top: 65px;
 }

 .comments-area .comments-title {
   line-height: 33px;
   margin-bottom: 40px;
   font-family: var(--body-font);
 }

 .comments-area .comments-title span {
   font-size: 18px;
   line-height: 24px;
 }

 .comments-area .comment-list .comment-respond {
   margin-bottom: 30px;
 }

 .comments-area .comment-list {
   list-style-type: none;
   margin-bottom: 40px;
 }

 .comments-area .comment-list li {
   margin-top: 55px;
 }

 .comments-area .comment-list li:last-child .single-comment-wrap {
   border: 0;
 }

 .comments-area .comment-list li ul.children {
   margin-left: 50px;
   list-style-type: none;
 }

 .comments-area .comment-list li ul.children {
   margin-left: 50px;
 }

 .comments-area .comment-list li .single-comment-wrap {


   display: flex;
   -ms-flex-item-align: start;
   align-self: flex-start;
   padding-bottom: 20px;
 }

 .comments-area .comment-list li .single-comment-wrap .thumb {
   margin-right: 25px;
   height: 65px;
   width: 65px;
   border-radius: 8px;
   padding-left: 7%;
 }

 .comments-area .comment-list li .single-comment-wrap .thumb img {
   border-radius: 8px;
 }

 .comments-area .comment-list li .single-comment-wrap .date,
 .blog-details-page-content-area .comments-area .comment-list li .single-comment-wrap .time {
   display: block;
   font-size: 13px;
   line-height: 17px;
   letter-spacing: 0.14px;
   margin-bottom: 18px;
   color: rgba(66, 84, 134, 0.8);
 }

 .comments-area .comment-list li .single-comment-wrap .content {
   left: 12%;
   overflow: auto;
 }

 .comments-area .comment-list li .single-comment-wrap .content .title {
   font-size: 16px;
   line-height: 27px;
   font-weight: 600;
   letter-spacing: 0.22px;
   margin-bottom: 5px;
   font-family: var(--body-font);
 }

 .comments-area .comment-list li .single-comment-wrap .content .comment-content {
   max-width: 620px;
 }

 .comments-area .comment-list li .single-comment-wrap .content p {
   font-size: var(--body-font-size);
   line-height: var(--line-height30);
   letter-spacing: 0.3px;
   margin-bottom: 15px;
   word-break: break-word;
 }

 .comments-area .comment-list li .single-comment-wrap .content .like {
   letter-spacing: 0.3px;
   transition: 0.4s;
   height: 35px;
   line-height: 35px;
   padding: 0 10px;
   font-weight: 600;
   color: var(--heading-color);
 }

 .comments-area .comment-list li .single-comment-wrap .content .like i {
   font-weight: 700;
   margin-right: 4px;
 }

 .comments-area .comment-list li .single-comment-wrap .content .reply {
   letter-spacing: 0.3px;
   transition: 0.4s;
   height: 35px;
   line-height: 35px;
   padding: 0 10px;
   font-weight: 600;
   color: var(--heading-color);
 }

 .comments-area .comment-list li .single-comment-wrap .content .reply span {
   padding-left: 25px;
 }

 .comments-area .reply-title,
 .comments-area .comment-reply-title {
   font-size: 26px;
   line-height: 34px;
   font-weight: 600;
   margin-bottom: 20px;
 }

 .comment-form .form-group.textarea .form-control {
   min-height: 160px;
   resize: none;
   line-height: 26px;
 }

 .comment-form .form-group.textarea .form-control:focus {
   outline: none;
   box-shadow: none;
 }

 .comment-form .form-group .form-control {
   height: 50px;
   line-height: 50px;
   border: 1px solid #e2e2e2;
 }

 .comment-form .submit-btn {
   height: 50px;
   width: auto;
   border-radius: 5px;
   font-weight: 400;
   background-color: var(--main-color-one);
   border: none;
   cursor: pointer;
   transition: .3s ease-in;
   color: #fff;
 }

 .comment-form .submit-btn:hover {
   background-color: var(--secondary-color);
   color: #fff;
 }

 .comments-area .comment-list .children li:last-child {
   margin-bottom: 30px;
 }

 .comment-form-cookies-consent input[type=checkbox] {
   margin-right: 5px;
 }

 .single-user-list {
   box-shadow: 0px 2px 12px #97A1B21A;
   margin-bottom: 30px;
   border-radius: 6px;
   transition: all 0.5s ease;
 }

 .single-user-list .thumb {
   height: 80px;
   width: 100px;
   line-height: 70px;
   text-align: center;
   border-radius: 50%;
   display: inline-block;
   margin-bottom: 25px;
 }

 .single-user-list .details h4 a {
   transition: all 0.5s ease;
 }

 .single-user-list .details h4 a:hover {
   text-decoration: none;
 }

 .single-user-list .details span {
   color: var(--main-color-one);
   font-weight: 500;
   font-size: 14px;
 }

 .single-user-list .details span i {
   margin-right: 8px;
 }

 .single-user-list .details .phone {
   margin-right: 20px;
 }

 .single-user-list .details .social-list {
   margin-top: 18px;
 }

 .single-user-list .details .social-list a {
   font-size: 20px;
   padding: 0 8px;
   transition: all 0.5s ease;
 }

 .single-user-list:hover {
   box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.12);
 }

 .single-user-list .brokerImg {
   height: 155px;
   width: 100%;
   object-fit: contain;
   padding-top: 5px;
   padding-bottom: 5px;
 }

 .single-pricing {
   box-shadow: 0px 2px 12px #97A1B21A;
   padding: 40px 15px 40px 15px;
   margin-bottom: 30px;
   border-radius: 10px;
   transition: all 0.5s ease;
   background: #fff;
 }

 .single-pricing .thumb.double-img {
   margin-bottom: 33px;
   position: relative;
 }

 .single-pricing .thumb.double-img:before {
   content: '';
   position: absolute;
   top: 0;
   left: -10px;
   right: 0;
   margin: 0 auto;
   width: 60px;
   height: 60px;
   background: #FFF0E1;
   border-radius: 50%;
   z-index: 0;
 }

 .single-pricing .thumb.double-img img {
   display: inline-block;
   padding-top: 16px;
   padding-left: 16px;
   z-index: 1;
   position: relative;
 }

 .single-pricing .details .title {
   font-weight: 600;
   margin-bottom: 14px;
 }

 .single-pricing .details .price {
   font-weight: 500;
 }

 .single-pricing .details h6 {
   margin-bottom: 25px;
 }

 .single-pricing .details .btn {
   margin-top: 27px;
   letter-spacing: 0.26px;
 }

 .single-pricing:hover {
   box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.12);
 }

 .sq-banner-search .sq-single-input button.btn-home3 a:hover {
   color: #fff;
 }

 .red-line {
   height: 4px;
   width: 88px;
   border-radius: 2px;
   position: absolute;
   background: var(--main-color-one);
   margin-bottom: 24px;
 }

 .partner-red-line {
   height: 4px;
   width: 88px;
   border-radius: 2px;
   background: var(--main-color-one);
   margin: auto;
 }

 .greyImg {
   filter: grayscale(100%);
   margin-left: auto;
   margin-right: auto;
   width: 300px;
   height: 100px;
   object-fit: contain !important;
 }

 .home-page-banner {
   background-image: url('/assets/img/banner/home_banner.jpg');
 }

 .banner-inner .title {
   color: #FFFFFF;
   font-family: DM Sans;
   font-weight: 600;
   font-size: 44px;
   line-height: 60px;
 }

 .footer-header {
   font-family: DM Sans;
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 26px;
   letter-spacing: 0em;
   text-align: left;
   color: #011728;
 }

 .footer-links a {
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 170%;
   color: rgba(1, 23, 40, 0.6);
 }

 .modal-header-text {
   padding-bottom: 46px;
   margin: auto;
 }

 .modal-header-text h3 {
   font-family: DM Sans;
   font-style: normal;
   font-weight: bold;
   font-size: 29px;
   line-height: 0px;
   color: #011728;
 }

 .modal-header-text p {
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 26px;
   color: rgba(1, 23, 40, 0.6);
 }

 .header-contact-info {
   font-family: var(--body-font);
   font-style: normal;
   font-weight: normal;
   font-size: 20px;
   line-height: 220%;
   color: white;
   background-color: #BE1E2D;
   border-radius: 6px;
   text-align: center;
   cursor: pointer;
 }

 .modal-button {
   margin-left: 26%;
   margin-top: 45px;
 }

 .forgot-pass {
   padding-left: 65%;
   text-decoration: none;
   color: inherit;
   transition: 0.4s;
   background-color: transparent;
   cursor: pointer;
 }

 .get-code {
   text-align: right;
   text-decoration: none;
   color: inherit;
   transition: 0.4s;
   background-color: transparent;
   cursor: pointer;
 }

 label span {
   color: #E80045;
 }

 .back_button {
   padding-left: 5px;
   top: calc(50% - 17px / 2 - 96.5px);
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   line-height: 18px;
   letter-spacing: -0.427179px;
   color: rgba(1, 23, 40, 0.6);
 }

 .back_button i {
   font-size: 16px;
   padding-right: 1px;
 }

 .back_button:hover {
   cursor: pointer !important;
   color: var(--main-color-one);
 }

 .register-main-button {
   height: 62px;
   border-radius: 6px;
   background: var(--main-color-one);
   border: none;
   font-family: DM Sans;
   font-size: 20px;
   font-weight: 500;
   color: #FFF;
 }

 .main-lg-button {
   height: 62px;
   border-radius: 6px;
   background: var(--main-color-one);
   border: none;
   font-family: DM Sans;
   font-size: 20px;
   font-weight: 500;
   color: #FFF;
 }

 .main-button {
   height: 62px;
   width: 228px;
   border-radius: 6px;
   background: var(--main-color-one);
   border: none;
   font-family: DM Sans;
   font-size: 20px;
   font-weight: 500;
   color: #FFF;
 }

 body.modal-open {
   height: 100dvh;
   overflow-y: hidden;
   z-index: 9999;
 }

 .rld-single-input {
   position: relative;
 }

 .rld-single-input input {
   height: 48px;
   line-height: 48px;
   width: 100%;
   padding: 0 20px;
   border: 1px solid #D4D4D4;
   transition: all 0.4s ease;
   border-radius: 4px;
   font-size: 15px;
 }

 .rld-single-input input:hover,
 .rld-single-input input:active,
 .rld-single-input input:focus {
   border: 1px solid var(--main-color-one);
 }

 .rld-single-input.left-icon:before {
   content: '';
   background-image: url("../../assets/img/icons/search.png");
   position: absolute;
   top: 17px;
   background-size: auto;
   height: 15px;
   width: 15px;
   left: 10px;
   color: #BE1E2D !important;
   background-repeat: no-repeat;
 }

 .rld-single-input.right-icon:before {
   content: '';
   background-image: url("../../assets/img/icons/1.png");
   position: absolute;
   top: 17px;
   background-size: auto;
   height: 17px;
   width: 12px;
   left: 19px;
   background-repeat: no-repeat;
 }

 .rld-single-input.left-icon input {
   padding-left: 40px;
 }

 .cards {
   cursor: pointer;
   height: 325px;
 }

 input:checked input {
   background-color: red;
 }

 .imageArea .fileContainer {
   position: relative;
   margin: -50px;
   background: inherit;
 }

 .imageArea img {
   object-fit: contain;
 }

 .profileImg {
   cursor: pointer;
   border-radius: 50%;
   width: 48px;
   height: 48px;
 }

 .agenciesName {
   text-align: center;
   display: none;
 }

 .agencies-swiper .single-service {
   width: 170px;
   height: 160px;
   margin: auto;
   display: block;
   mix-blend-mode: luminosity;
   object-fit: contain;
 }

 .author-area .agencies-swiper .item {
   padding: 30px 20px 0px 20px;
 }

 .broker-header {
   padding-top: 5%;
 }

 .brokers-swiper .swiper-slide {
   border: 2px solid #DDDDDD;
   border-radius: 10px;
   height: 230px;
 }

 .partner-swiper .swiper-wrapper {
   height: 6em;
 }

 .partner-swiper .item {
   display: table;
   position: absolute;
   height: 100%;
   width: 100%;
 }

 .partner-swiper .thumb {
   display: table-cell;
   vertical-align: middle;
 }

 .suggestion-active {
   list-style-type: none;
 }

 .suggestions {
   width: 98%;
   background-color: #fff;
 }

 .suggestions i {
   margin-right: 2%;
 }

 .suggestions em {
   margin-left: 3%;
 }

 .brokerInfo {
   background: #FFFFFF;
   box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.07);
   border-radius: 6px;
   margin-bottom: 30px;
   transition: all 0.5s ease;
 }

 .brokerInfo p {
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   line-height: 250%;
   color: #67747E;
 }

 .brokerInfo h6 {
   font-family: DM Sans;
   font-style: normal;
   font-weight: 700;
   font-size: 20px;
   line-height: 34px;
   color: #011728;
 }

 .brokerTab {
   padding: 1.2% 0 3% 2.2%;
   ;
   width: 100%;
   background: #FFFFFF;
   box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.07);
   border-radius: 6px;
   transition: all 0.5s ease;
 }

 .broker-tab-container {
   padding: 1.2% 0 3% 2.2%;
   ;
   width: 100%;
   background: #FFFFFF;
   box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.07);
   border-radius: 6px;
   transition: all 0.5s ease;
 }

 .profile-tab {
   width: 100%;
   background: #FFFFFF;
   border-radius: 6px;
 }

 .brokerTab p {
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 170%;
   color: #67747E;
 }

 .broker-tab-container p {
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 170%;
   color: #67747E;
 }

 .brokerTab .active {
   font-family: DM Sans;
   font-style: normal;
   font-weight: bold;
   font-size: 22px;
   line-height: 170%;
   display: flex;
   color: #011728;
   border: none;
 }

 .profile-tab button.active {
   font-family: DM Sans;
   font-style: normal;
   font-weight: bold;
   font-size: 22px;
   line-height: 170%;
   display: flex;
   color: #011728;
   border: none;
 }

 .brokerTab button {
   background-color: inherit;
   font-family: DM Sans;
   font-style: normal;
   font-size: 22px;
   line-height: 170%;
   border: none;
 }

 .broker-tab-container button {
   background-color: inherit;
   font-family: DM Sans;
   font-style: normal;
   font-size: 22px;
   line-height: 170%;
   border: none;
 }

 .tabs-nav {
   margin: 0 30px 30px;
 }

 .tab-button {
   font-family: var(--body-font);
   font-size: 22px;
   background-color: white;
   border: none;
 }

 .favorites_construction_title {
   font-weight: bold;
 }

 .info-list-construction li p i {
   font-size: 15px;
   width: 16px;
 }

 .profile-tab button {
   font-family: DM Sans;
   font-style: normal;
   font-size: 22px;
   line-height: 170%;
   border: none;
 }

 .active .active .border-bottom-line {
   border-bottom: 2px solid var(--main-color-one);
 }

 .spinner_content {
   text-align: center;
   -moz-text-align-last: center;
   text-align-last: center;
 }

 .password-input {
   border-right: none !important;
 }

 .password-input-icon {
   cursor: pointer;
   padding: 15px;
   border-right: 1px solid #D4D4D4;
   border-top: 1px solid #D4D4D4;
   border-bottom: 1px solid #D4D4D4;
 }

 .password_info {
   font-size: 11px;
 }

 .nice-select {
   border-width: 0 !important;
 }

 .searchBarSelect {
   height: 100%;
   background: none;
   border: none !important;
   padding: 0 !important;
   color: #63707B;
 }

 .search-bar-select {
   height: 100%;
   background: none;
   border: none !important;
   padding: 0 !important;
   color: #63707B;
   cursor: pointer;
 }

 .searchAgencySelect {
   padding: 0 10px 0 20px;
   height: 48px;
   background: none;
   border: none !important;
   color: rgba(1, 23, 40, 0.6);
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   line-height: 18px;
   letter-spacing: -0.427179px;
 }

 .searchBarSelectStyle {
   height: 100%;
   background: none;
   border-width: 0;
   color: #011728;
 }

 .search-bar-select-style {
   height: 100%;
   background: none;
   border-width: 0;
   color: #011728;
 }

 .overallRating h3 {
   font-family: DM Sans;
   font-style: normal;
   font-weight: bold;
   font-size: 32px;
   display: flex;
   align-items: center;
   color: var(--main-color-one);
 }

 .overallAllRating h3 {
   font-family: DM Sans;
   font-style: normal;
   font-weight: bold;
   font-size: 32px;
   display: flex;
   align-items: center;
   color: #67747E;
 }

 .overallPositiveRating h3 {
   font-family: DM Sans;
   font-style: normal;
   font-weight: bold;
   font-size: 32px;
   display: flex;
   align-items: center;
   color: #68BC84;
 }

 .overallRating {
   padding-left: 6%;
   border: 1px solid #BE1E2D;
   border-radius: 10px;
 }

 .reviews-text {
   position: absolute;
   width: 90%;
   padding-top: 7%;
   font-family: Poppins;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 30px;
   color: #161F28;
 }

 .lightbox_item {
   width: 100%;
   object-fit: cover;
   /* height: 150px; */
 }

 .lightbox-img {
   cursor: zoom-in;
 }

 .thumb {
   position: relative;
   object-fit: cover;
 }

 .thumb .forSale {
   position: absolute;
   width: auto;
   left: 10px;
   top: 10px;
   color: rgba(1, 23, 40, 0.6);
   background: #FFFFFF;
   display: inline;
   opacity: 90%;
   border-radius: 5px;
 }

 .forSale .point {
   color: #BE1E2D;
   padding-left: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
   background: rgba(103, 116, 126, 0.1);
   min-width: 105px;
 }

 .single-feature-announcement .thumb .heart {
   position: absolute;
   width: 45px;
   right: 0px;
   top: 10px;
   color: #be1e2d;
 }

 .single-feature-announcement .thumb .activeHeart {
   position: absolute;
   width: 45px;
   right: 0px;
   top: 2px;
   color: #BE1E2D;
   cursor: pointer;
 }

 .single-feature-similar-announcement .thumb .heart {
   position: absolute;
   width: 45px;
   right: 10px;
   top: 10px;
   color: #FFFFFF;
 }

 .single-feature-similar-announcement .thumb .activeHeart {
   position: absolute;
   width: 45px;
   right: 0px;
   top: 2px;
   color: #BE1E2D;
   cursor: pointer;
 }

 .single-feature-announcement-for-example .thumb .heart {
   position: absolute;
   width: 45px;
   right: 10px;
   top: 10px;
   color: #FFFFFF;
 }

 .single-feature-announcement-for-example .thumb .activeHeart {
   position: absolute;
   width: 45px;
   right: 0px;
   top: 2px;
   color: #BE1E2D;
   cursor: pointer;
 }

 .bankContact {
   width: 200px;
   height: 50px;
   background-color: #fff;
   border: 1px solid var(--main-color-one) !important;
   border-radius: 6px;
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 20px;
   line-height: 21px;
   letter-spacing: -0.427179px;
   color: var(--main-color-one);
 }

 .editProfile {
   width: 145px;
   height: 50px;
   background-color: #fff;
   border: 1px solid var(--main-color-one) !important;
   border-radius: 6px;
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   line-height: 18px;
   letter-spacing: -0.427179px;
   color: var(--main-color-one);
   cursor: pointer;
 }

 .bankImg {
   object-fit: cover;
   min-width: 120px;
   height: 120px;
   width: 120px;
   object-fit: contain;
 }

 textarea {
   height: 186px;
   background: #FFFFFF;
   border: 1px solid rgba(1, 23, 40, 0.2);
   border-radius: 6px;
 }

 .dropdown-body {
   background-color: #FFFFFF;
   position: absolute;
   width: 250px;
   padding: 10px;
   z-index: 98;
 }

 .select-search-bar {
   background: #F6F6F7;
   border: 0;
   margin-top: 10px;
 }

 .searchBarInput {
   width: 45%;
 }

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

 .bannerText {
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 20px;
   line-height: 170%;
   color: #FFFFFF;
 }

 .request_modal h4 {
   font-family: var(--heading-font);
   font-style: normal;
   font-weight: bold;
   font-size: 22px;
   line-height: 29px;
   color: #011728;
 }

 .request_modal p {
   font-family: var(--heading-font);
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 24px;
   text-align: center;
   color: #011728;
   opacity: 0.8;
 }

 .ReactFlagsSelect-module_selectBtn__19wW7:after,
 .ReactFlagsSelect-module_selectBtn__19wW7[aria-expanded="true"]:after {
   margin-left: 5px;
   content: none !important;
   width: 0;
   height: 0;
   display: inline-block;
 }

 .error-message {
   color: red;
   z-index: 100;
 }

 .meterSquare {
   position: absolute;
   float: right;
   right: 2%;
   padding-top: 4%;
 }

 .addImageUpload {
   border-radius: 5px;
   width: 100%;
   height: 100%;
 }

 .example_image {
   height: 200px;
   width: 100%;
 }

 .textExampleProperty {
   position: fixed;
   max-width: 400px;
 }

 .search-page-wrap {
   background: #F9F9F9;
 }

 .favorites-page-wrap {
   background: #FEFEFE;
 }

 .favoritesCard {
   background: #FFFFFF;
   box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.07);
   border-radius: 8px;
 }

 .scrollCss {
   overflow-y: scroll;
   max-height: 920px;
 }

 .cluster {
   background-color: white;
   border-radius: 50%;
   opacity: 0.7;
 }

 .cluster>div {
   width: 5px;
   height: 5px;
   color: #A12531 !important;
   font-size: 16px !important;
 }

 .cluster>img {
   display: none;
 }

 .scrollCss::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background-color: #C6CED9;
 }

 .scrollCss::-webkit-scrollbar {
   border-radius: 10px;
   width: 2px;
   background-color: #E5E9EF;
 }

 .brokerScrollCss {
   overflow-y: scroll;
   max-height: 375px;
 }

 .brokerScrollCss::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background-color: #C6CED9;
 }

 .brokerScrollCss::-webkit-scrollbar {
   border-radius: 10px;
   width: 2px;
   background-color: #E5E9EF;
 }

 .messages-scroll-css {
   overflow-y: scroll;
   max-height: 920px;
 }

 .messages-scroll-css::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background-color: #C6CED9;
 }

 .messages-scroll-css::-webkit-scrollbar {
   border-radius: 10px;
   width: 2px;
   background-color: #E5E9EF;
 }

 .construction-wrap {
   width: 60%;
   padding: 5px 15px 1px 50px;
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   line-height: 170%;
   color: rgba(1, 23, 40, 0.6);
 }

 .searchBarComponents {
   align-self: center;
   border-left-style: groove;
   border-left-color: whitesmoke;
   border-left-width: thin;
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 21px;
   text-align: center;
   letter-spacing: -0.427179px;
   color: rgba(1, 23, 40, 0.6);
 }

 .rld-main-search {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 }

 .search-bar-components {
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   text-align: center;
   letter-spacing: -0.427179px;
   color: rgba(1, 23, 40, 0.6);
   display: flex;
   justify-content: flex-end;
 }

 .filter-mobile {
   display: none;
 }

 .main-search-cont-div-cont-filter {
   display: flex;
   flex-direction: column;
 }

 .main-search-cont-div {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   font-size: 1.1vw;
 }

 .main-search-cont-div-cont {
   width: 50%;
 }

 .main-search-cont-input {
   width: 48%;
   font-size: 14px;
 }

 .filter-modal-container {
   position: fixed;
   background: rgba(251, 251, 251, 1);
   width: 100vw;
   height: 100dvh;
   z-index: 100;
   top: 0;
   display: flex;
   flex-direction: column;
   overflow-y: scroll;
 }

 .filter-modal {
   width: 50%;
   align-self: center;
   margin-top: 100px;
 }

 .filter-modal-single {
   display: flex;
   justify-content: space-between;
   width: 100%;
 }

 .property-details-dropdown {
   align-self: center;
   text-align-last: end;
   border-left-style: groove;
   border-left-color: whitesmoke;
   border-left-width: thin;
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 21px;
   text-align: center;
   letter-spacing: -0.427179px;
   color: rgba(1, 23, 40, 0.6);
 }

 .property-details-estimate-dropdown {
   border-left-style: groove;
   text-align-last: start;
   border-left-color: whitesmoke;
   border-left-width: thin;
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 21px;
   letter-spacing: -0.427179px;
   color: rgba(1, 23, 40, 0.6);
 }

 .cursor {
   cursor: pointer;
   padding-top: 10%;
   height: 20px;
 }

 .searchBarDropdown {
   z-index: 90 !important;
 }

 .search-bar-dropdown {
   z-index: 90 !important;
 }

 .search-bar-dropdown-more {
   z-index: 90 !important;
   width: 200%;
   width: 400px;
   transform: translate3d(-155px, 35px, 0px) !important;
 }

 .search-bar-dropdown-price {
   z-index: 90 !important;
   width: 250px;
   transform: translate3d(-105px, 35px, 0px) !important;
 }

 .search-bar-dropdown-buy {
   transform: translate3d(-45px, 35px, 0px) !important;
 }

 .searchBarDropdownToggle {
   color: #63707B;
   background: none;
   width: 100%;
   font-weight: 100;
 }

 .price_dropdown_toggle {
   background-color: #f8f9fa !important;
   border-color: #f8f9fa !important;
 }

 .price_dropdown_toggle::after {
   color: rgba(1, 23, 40, 0.6) !important;
 }

 .price_dropdown_toggle .btn-secondary:not(:disabled):not(.disabled).active,
 .btn-secondary:not(:disabled):not(.disabled):active,
 .show>.btn-secondary.dropdown-toggle {
   background-color: #f8f9fa !important;
   border-color: #f8f9fa !important;
 }

 .search-bar-dropdown-toggle {
   color: #63707B;
   background: none;
   width: 100%;
   font-weight: 100;
   border: none;
 }

 .sort-by-dropdown-toggle {
   color: #63707B;
   background: none;
   font-weight: 100;
   border: none;
 }

 .btn-secondary:hover {
   background: none !important;
   color: #63707B;
 }

 .searchBarSelect :hover {
   background: none !important;
   color: #9BAAB6;
 }

 .search-bar-select :hover {
   background: none !important;
   color: #9BAAB6;
 }

 .searchBarDropdownToggle {
   border: none;
 }

 .selected_card {
   position: relative;
   border: 1px solid var(--main-color-one);
 }

 .check {
   transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
   position: absolute;
   top: 0;
   right: 0;
   z-index: 10;
   width: 20px;
   height: 20px;
 }

 .check:before {
   transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
   content: '';
   border: 20px solid;
   border-color: transparent;
   position: absolute;
   top: 0;
   right: 0;
   z-index: -1;
 }

 .checkmark {
   display: block;
   font: 20px sans-serif;
   line-height: 20px;
   text-align: center;
   color: transparent;
 }

 .checkmark .selected {
   border-color: #BE1E2D;
 }

 .check:before {
   border-color: #BE1E2D #BE1E2D rgba(0, 0, 255, 0) rgba(255, 0, 0, 0);
 }

 .checkmark {
   color: #fff;
 }

 .single-broker-feature:hover {
   cursor: pointer;
   border: 1px solid var(--main-color-one);
 }

 .auto-company .details {
   padding: 10px 15px !important;
 }

 .auto-company .broker-rating {
   padding-bottom: 10px;
 }

 .constructionPrice {
   position: relative;
   font-family: DM Sans;
   font-style: normal;
   font-weight: bold;
   font-size: 18px;
   line-height: 170%;
   color: #BE1E2D;
 }

 .constructionTitle {
   font-family: DM Sans;
   font-style: normal;
   font-weight: bold;
   font-size: 20px;
   line-height: 170%;
   color: #011728;
 }

 .constructionSubTitle {
   font-family: DM Sans;
   font-style: normal;
   font-weight: 500;
   font-size: 15px;
   line-height: 170%;
   color: #011728;
 }

 .const_agency_info i {
   line-height: 25px;
 }

 .construction_details_swiper {
   padding-left: 20px !important;
   padding-right: 20px !important;
 }

 .construction-swiper .swiper-button-prev {
   left: 0 !important;
   top: 55% !important;
 }

 .construction-swiper .swiper-button-next {
   right: 0 !important;
   top: 55% !important;
 }

 .construction-swiper {
   position: relative;
 }

 .construction-wrap p {
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   line-height: 110%;
   color: rgba(1, 23, 40, 0.6);
   padding-top: 8px;
 }

 .construction-details-wrap p {
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 170%;
   display: flex;
   align-items: center;
   color: #67747E;
 }

 .construction-details-wrap p img {
   padding-right: 5px;
   width: 22px;
 }

 .constructionLocation {
   font-family: DM Sans;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 27px;
   letter-spacing: 0em;
   text-align: left;
   margin-top: 16px;
   color: #011728;
 }

 .pagination-content {
   width: 100%;
 }

 .pagination {
   place-content: center;
 }

 .pagination li a {
   cursor: pointer;
   font-size: large;
   padding: 10px 20px;
   align-self: center;
   opacity: 0.5;
 }

 .pagination_link_active a {
   opacity: unset;
   color: #0b0b0b;
 }

 .login_modal .nav-tabs .nav-link {
   border-top: none !important;
   border-left: none !important;
   border-right: none !important;
   border-bottom: 1.5px solid #CCD1D4;
 }

 .login_modal .nav-tabs .nav-link.active {
   border-bottom: 3px solid #CCD1D4;
   border-bottom-color: var(--main-color-one);
   color: var(--main-color-one);
 }

 .login_modal .nav-tabs .nav-link:hover {
   color: inherit !important;
 }

 .partner-area {
   background-color: #FBFBFB;
   padding-top: 92px;
   padding-bottom: 100px;
 }

 .profile-table {
   color: #FFFFFF;
   background-color: #011728;
   border-radius: 2px;
 }

 .editDeleteIcons {
   color: #BE1E2D;
   padding: 10px;
   background-color: #FBFBFB;
   border-radius: 10px;
 }

 .cancelIcon {
   color: var(--paragraph-color);
 }

 .rejectIcon {
   color: #BE1E2D;
 }

 .confirmIcon {
   color: #57B36A;
 }

 .bookingTableBtn {
   border: none;
   width: 35px;
   height: 35px;
   cursor: pointer;
   background-color: #FBFBFB;
   border-radius: 10px;
 }

 .lowOpacity {
   opacity: 0.5;
 }

 .editDeleteButtons {
   border: none;
   background-color: #FFFFFF;
   display: contents;
   cursor: pointer;
 }

 .table td {
   vertical-align: middle;
 }

 .user-activity-img {
   padding-right: 5px;
   min-width: 54px;
   height: 54px;
   border-radius: 8px;
 }

 .profile-tab tbody {
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   line-height: 18px;
   letter-spacing: 0.05em;
   color: #011728;
 }

 .verifyStatusActive {
   background-color: rgba(59, 192, 80, 0.1);
   color: #57B36A;
   padding: 10px;
 }

 .verifyStatusPending {
   background: rgba(247, 158, 27, 0.16);
   color: #F79E1B;
   padding: 10px;
 }

 .verifyStatusCompleted {
   background: #DFE0DF;
   color: var(--paragraph-color);
   padding: 10px;
 }

 .verifyStatusRejected {
   background: var(--main-color-one);
   color: white;
   padding: 10px;
 }

 .display-contents {
   display: contents;
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
 }

 .display-contents:hover {
   color: #BE1E2D;
   cursor: pointer;
 }

 .profileTabLi {
   width: 100%;
 }

 .actionButtons {
   width: 15%;
 }

 .vertical-grey-line {
   border-right: 0.5px solid rgba(0, 0, 0, 0.1);
   box-shadow: 0px 4px 4px rgba(255, 255, 255, 0.15);
   height: 90%;
 }

 .contact-placeholder {
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 18px;
   letter-spacing: 0.03em;
   color: #67747E;
 }

 .contact-text {
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 18px;
   letter-spacing: 0.03em;
   color: #011728;
 }

 .contact-title {
   font-family: DM Sans;
   font-style: normal;
   font-weight: bold;
   font-size: 16px;
   line-height: 18px;
   letter-spacing: 0.03em;
   color: #011728;
 }

 .contact-name {
   font-family: DM Sans;
   font-style: normal;
   font-weight: bold;
   font-size: 22px;
   line-height: 170%;
   color: #011728;
 }

 .grey-line-full {
   border: 0.5px solid rgba(0, 0, 0, 0.1);
   box-shadow: 0px 4px 4px rgba(255, 255, 255, 0.15);
   width: 100%;
 }

 .brokerTab button,
 .profile-tab button i {
   font-size: 17px !important;
   cursor: pointer;
 }

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

 .property-details-area .forSalePropertyDetails .pointPropertyDetails {
   color: #BE1E2D;
   padding: 5px 15px 5px 15px;
   border-radius: 5px;
   background: #F6F6F7;
   opacity: 90%;
   width: fit-content;
 }

 .propertyDetailsHeart {
   text-align: end;
   cursor: pointer;
 }

 .zestimate-text {
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 18px;
   line-height: 170%;
   color: #011728;
 }

 input[type=range] {
   height: 34px;

   appearance: none;
   margin: 10px 0;
   width: 100%;
 }

 input[type=range]::-webkit-slider-runnable-track {
   width: 100%;
   height: 8px;
   cursor: pointer;
   animation-duration: 0.2s;
   background: #BE1E2D;
   border-radius: 4px;
   border: 1px solid #BE1E2D;
 }

 input[type=range]::-webkit-slider-thumb {
   border: 2px solid #681119;
   height: 20px;
   width: 20px;
   border-radius: 23px;
   background: #BE1E2D;
   cursor: pointer;

   margin-top: -7px;
 }

 .font-announcement-icons {
   font-family: DM Sans;
   font-style: normal;
   font-weight: 500;
   font-size: 15px;
   line-height: 170%;
   color: rgba(1, 23, 40, 0.6);
 }

 .code-wrapper {
   display: flex;
   align-items: center;
   column-gap: 5px;
   font-size: 15px;
 }

 .code-label {
   color: var(--paragraph-color)
 }

 .code-value {
   font-weight: 600;
   color: #BE1E2D;
 }

 .code-input {
   max-width: 80px;
 }

 .call-button {
   width: 48%;
   left: 10%;
 }

 .search-bar-types-style {
   font-size: 16px;
   cursor: pointer;
   margin-top: 7px;
   padding-inline: 15px;
 }

 ul ol:hover {
   background-color: rgb(246, 246, 247);
 }

 .react-datepicker-wrapper {
   width: 100%;
 }

 .search-bar-arrow {
   margin-left: 10%;
 }

 .search-bar-arrow-open {
   margin-left: 10%;
   transform: rotate(180deg);
 }

 .delete-button {
   position: absolute;
   right: 9%;
   top: 7%;
   color: #BE1E2D;
   cursor: pointer;
 }

 .footer-contact-info {
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 17px;
   line-height: 220%;
   color: rgba(1, 23, 40, 0.6);
 }

 .sq-single-select .single-select.sort_by-select {
   background: none;
   border: none;
   width: 60%;
   color: #63707B;
 }

 .single-feature-details {
   position: relative;
 }

 .single-feature-details .constructor-feature-logo {
   height: 50px;
   line-height: 45px;
   width: 50px;
   text-align: center;
   position: absolute;
   right: -35px;
   background: #fff;
   border-radius: 50%;
   box-shadow: 20px 0px 40px rgba(0, 0, 0, 0.1);
 }

 .single-feature-details .constructor-feature-logo img {
   height: 40px;
   padding: 15%;
   width: 100%;
 }

 .my-facebook-button-class {
   background: #4267B2;
   color: #FFFFFF;
   height: 50px;
   width: 50px;
   border-radius: 50%;
   cursor: pointer;
   border: none;
 }

 .google-button button svg {
   width: 25px;
 }



 .google-button button div {
   background: none !important;
   margin-top: 5px;
   padding-left: 17px !important;
 }

 .google-button button span {
   display: none;
 }

 .google-button button {
   border: none;
   border-radius: 50% !important;
 }

 .property-details-area {
   background: #FBFBFB;
 }

 .coming_soon {
   padding-top: 8%;
 }

 .coming_soon h2 {
   padding-top: 5%;
   font-family: DM Sans;
   font-style: normal;
   font-weight: 600;
   font-size: 45px;
   line-height: 40px;
 }

 .coming_soon h4 {
   padding-top: 5%;
   font-family: DM Sans;
   font-style: normal;
   font-weight: normal;
   font-size: 22px;
   line-height: 10px;
   color: #011728;
 }

 .coming_soon .social-icon li a {
   font-size: 22px;
   color: #011728;
 }

 .feature-logo-social {
   height: 40px;
   width: 40px;
   display: inline-block;
   border-radius: 50%;
   text-align: center;
   line-height: 38px;
   color: #011728;
 }

 .coming_soon .partner-red-line {
   margin-top: 2%;
 }

 .bg-grey-light-1 {
   background-color: #F6F6F7;
 }



 .card-img {
   border-radius: 50%;
   line-height: 60px;
   width: 65px;
   text-align-last: center;
   box-shadow: 0 0 10px #ccc;
 }

 .card-img img {
   padding: 15%;
   max-height: 65px;
 }

 .card-text-1 {
   font-family: DM Sans;
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 31px;
   letter-spacing: 0;
   text-align: left;
 }

 .card-text-2 {
   font-family: DM Sans;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: 0em;
   text-align: left;
   color: rgba(1, 23, 40, 0.6);
 }

 .card-text-3 {
   font-family: DM Sans;
   font-size: 13px;
   font-style: normal;
   font-weight: 400;
   letter-spacing: 0em;
   text-align: left;
 }

 .card-icon {
   height: 20px;
 }

 .back-button {
   border: none;
   background: none;
   cursor: pointer;
   color: #65727C;
   font-size: 20px;
 }

 .facility {
   border-radius: 6px;
   cursor: pointer;
   border: 1px solid #0F1323;
   color: #0F1323;
   background-color: #F6F6F7;
   padding: 0px 0px 0px 15px;
   margin-bottom: 10px;
 }

 .agencies-swiper-container h3 {
   color: #011728;
 }

 .partnerDesc {
   color: #65727C;
 }

 .activeFacility {
   border-radius: 6px;
   cursor: pointer;
   border: 1.5px solid #BE1E2D;
   background-color: #F6F6F7;
   color: #011728;
   padding: 0px 0px 0px 15px;
   margin-bottom: 10px;
 }

 .partner-area h3 {
   color: #101425;
 }

 .additionalInfo {
   border-radius: 6px;
   cursor: pointer;
   border: 1px solid #0F1323;
   color: #0F1323;
   background-color: #F6F6F7;
   padding: 0px 0px 0px 15px;
   margin-bottom: 10px;
 }

 .activeAdditionalInfo {
   border-radius: 6px;
   cursor: pointer;
   border: 1.5px solid #BE1E2D;
   background-color: #F6F6F7;
   color: #011728;
   padding: 0px 0px 0px 15px;
   margin-bottom: 10px;
 }

 .react-datepicker-wrapper {
   display: inline !important;
 }

 .react-datepicker__input-container {
   display: inline !important;
 }

 #rentings {
   margin-bottom: 10%;
 }

 .rent-type {
   display: inline;
   color: #BE1E2D;
   font-size: 16px;
 }

 .price-body {
   margin-right: 5px;
   display: inline;
   color: #BE1E2D;
   font-size: 25px;
   font-weight: 500 !important;
 }

 .construction-price-body {
   display: inline;
   color: #BE1E2D;
   font-size: 16px;
   font-weight: bold;
 }

 .back-content {
   margin-left: 5%;
 }

 .preview {
   color: #011728;
 }

 .checkmark_facility {
   color: var(--main-color-one);
   right: 20px;
   position: absolute;
   justify-content: end;
 }

 .notificationScroll {
   overflow-y: scroll !important;
   max-height: 400px;
   margin-left: -200px !important;
   margin-top: -10px !important;
   z-index: 100000;
 }

 .regionScroll {
   overflow-y: scroll !important;
   max-height: 190px;
 }

 .regionScroll::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background-color: #C6CED9;
 }

 .regionScroll::-webkit-scrollbar {
   border-radius: 10px;
   width: 2px;
   background-color: #E5E9EF;
 }

 .notificationScroll::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background-color: #C6CED9;
 }

 .notificationScroll::-webkit-scrollbar {
   border-radius: 10px;
   width: 2px;
   background-color: #E5E9EF;
 }

 .feature-icons {
   max-width: 18px;
   font-size: 19px !important;
 }

 .detailsBody .search-bar-dropdown-toggle {
   color: #63707B;
   background: none;
   font-weight: 100;
   border: none;
 }

 .property-details-images {
   height: auto !important;
 }

 .message-tab {
   width: 100%;
 }

 .medium-image {
   width: 45px;
   height: 45px;
   margin-right: 5px;
 }

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

 @media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
   .contacts-outter-wrapper {
     direction: ltr;
   }

   .contacts-outter {
     direction: ltr;
   }
 }

 .message-body {
   width: inherit;
   background-color: #fbfcff;
   height: 100%;
   float: right;
 }

 .message-body .message-top {
   display: inline-block;
   width: 100%;
   position: relative;
   min-height: 53px;
   height: auto;
   background-color: #fff;
   border-bottom: 1px solid rgba(205, 211, 237, 0.5);
 }

 .message-body .message-top .new-message-wrapper {
   width: 100%;
 }

 .message-body .message-top .new-message-wrapper>.form-group {
   width: 100%;
   padding: 10px 10px 0 10px;
   height: 50px;
 }

 .message-body .message-top .new-message-wrapper .form-group .form-control {
   width: calc(100% - 50px);
   float: left;
 }

 .message-body .message-top .new-message-wrapper .form-group a {
   width: 40px;
   padding: 6px 6px 6px 6px;
   text-align: center;
   display: block;
   float: right;
 }

 .message-body .message-top>.btn {
   height: 53px;
   line-height: 53px;
   padding: 0 20px;
   float: right;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   font-size: 15px;
   opacity: 0.9;
 }

 .message-body .message-top>.btn:hover,
 .message-body .message-top>.btn:focus,
 .message-body .message-top>.btn.active {
   opacity: 1;
 }

 .message-body .message-top>.btn>i {
   margin-right: 5px;
   font-size: 18px;
 }

 .chat-footer.new-message-textarea {
   display: block;
   position: relative;
   padding: 0 10px;
 }

 .chat-footer.new-message-textarea .send-message-button {
   right: 35px;
 }

 .chat-footer.new-message-textarea .upload-file {
   right: 85px;
 }

 .chat-footer.new-message-textarea .send-message-text {
   padding-right: 100px;
   height: 90px;
 }

 .message-chat {
   width: 100%;
   overflow: hidden;
 }

 .chat-body {
   width: calc(100% + 17px);
   min-height: 290px;
   height: calc(100dvh - 320px);
   background-color: #fbfcff;
   margin-bottom: 30px;
   padding: 30px 5px 5px 5px;
   overflow-y: scroll;
 }

 .message {
   position: relative;
   width: 100%;
 }

 .message br {
   clear: both;
 }

 .message .message-body {
   position: relative;
   width: auto;
   max-width: calc(100% - 150px);
   float: left;
   background-color: #fff;
   border-radius: 4px;
   border: 1px solid #dbe3e8;
   margin: 0 5px 20px 15px;
   color: #788288;
 }

 .message:after {
   content: "";
   position: absolute;
   top: 11px;
   left: 63px;
   float: left;
   z-index: 100;
   border-top: 10px solid transparent;
   border-left: none;
   border-bottom: 10px solid transparent;
   border-right: 13px solid #fff;
 }

 .message:before {
   content: "";
   position: absolute;
   top: 10px;
   left: 62px;
   float: left;
   z-index: 99;
   border-top: 11px solid transparent;
   border-left: none;
   border-bottom: 11px solid transparent;
   border-right: 13px solid #dbe3e8;
 }

 .message .medium-image {
   float: left;
   margin-left: 10px;
 }

 .message .message-info {
   width: 100%;
   height: 22px;
 }

 .message .message-info>h5>i {
   font-size: 11px;
   font-weight: 700;
   margin: 0 2px 0 0;
   color: #a2b8c5;
 }

 .message .message-info>h5 {
   color: #a2b8c5;
   margin: 8px 0 0 0;
   font-size: 12px;
   float: right;
   padding-right: 10px;
 }

 .message .message-info>h4 {
   font-size: 14px;
   font-weight: 600;
   margin: 7px 13px 0 10px;
   color: #65addd;
   float: left;
 }

 .message hr {
   margin: 4px 2%;
   width: 96%;
   opacity: 0.75;
 }

 .message .message-text {
   text-align: left;
   padding: 3px 13px 10px 13px;
   font-size: 14px;
 }

 .message.my-message .message-body {
   float: right;
   margin: 0 15px 20px 5px;
 }

 .message.my-message:after {
   content: "";
   position: absolute;
   top: 11px;
   left: auto;
   right: 63px;
   float: left;
   z-index: 100;
   border-top: 10px solid transparent;
   border-left: 13px solid #fff;
   border-bottom: 10px solid transparent;
   border-right: none;
 }

 .message.my-message:before {
   content: "";
   position: absolute;
   top: 10px;
   left: auto;
   right: 62px;
   float: left;
   z-index: 99;
   border-top: 11px solid transparent;
   border-left: 13px solid #dbe3e8;
   border-bottom: 11px solid transparent;
   border-right: none;
 }

 .message.my-message .medium-image {
   float: right;
   margin-left: 5px;
   margin-right: 10px;
 }

 .message.my-message .message-info>h5 {
   float: left;
   padding-left: 10px;
 }

 .message.info .message-body {
   background-color: #2da9e9;
   border: 1px solid #2da9e9;
   color: #fff;
 }

 .message.info:after,
 .message.info:before {
   border-right: 13px solid #2da9e9;
 }

 .message.info .message-info>h4,
 .message.success .message-info>h4,
 .message.info .message-info>h5,
 .message.info .message-info>h5>i,
 .message.danger .message-info>h5,
 .message.danger .message-info>h5>i,
 .message.dark .message-info>h5,
 .message.dark .message-info>h5>i {
   color: #fff;
   opacity: 0.9;
 }

 .chat-footer {
   position: relative;
   width: 100%;
   padding: 0 80px;
 }

 .chat-footer .send-message-text {
   position: relative;
   display: block;
   width: 100%;
   min-height: 55px;
   max-height: 75px;
   background-color: #fff;
   border-radius: 5px;
   padding: 5px 95px 5px 10px;
   font-size: 13px;
   resize: vertical;
   border: 1px solid #e0e6eb;
 }

 .chat-footer .send-message-button {
   display: block;
   position: absolute;
   width: 35px;
   height: 35px;
   right: 100px;
   top: 0;
   bottom: 0;
   margin: auto;
   border: 1px solid rgba(0, 0, 0, 0.05);
   font-weight: 600;
   border-radius: 50%;
 }

 .chat-footer .send-message-button>i {
   font-size: 16px;
   margin: 0 0 0 -2px;
 }

 .chat-footer label.upload-file input[type="file"] {
   position: fixed;
   top: -1000px;
 }

 .chat-footer .upload-file:hover {
   opacity: 1;
 }

 @media screen and (max-width: 767px) {
   .messages-panel {
     min-width: 0;
     display: inline-block;
   }

   .contacts-list,
   .contacts-list .inbox-categories>div:nth-child(4) {
     border-top-right-radius: 5px;
     border-right: none;
   }

   .contacts-list,
   .contacts-outter-wrapper,
   .contacts-outter,
   .contacts {
     width: 100%;
     direction: ltr;
   }

   .contacts-list .inbox-categories>div {
     width: 25%;
   }

   .message-body {
     width: 100%;
     margin: 20px 0;
     border: 1px solid #dce2e9;
     background-color: #fff;
   }

   .message .message-body {
     max-width: calc(100% - 85px);
   }

   .message-body .chat-body {
     background-color: #fff;
     width: 100%;
   }

   .chat-footer {
     margin-bottom: 20px;
     padding: 0 20px;
   }

   .chat-footer .send-message-button {
     right: 40px;
   }

   .chat-footer .upload-file {
     right: 90px;
   }

   .message-body .message-top>.btn {
     border-radius: 0;
     width: 100%;
   }

   .contacts-add {
     display: none;
   }
 }

 .profile-main {
   background-color: #fff;
   border: 1px solid #dce2e9;
   border-radius: 3px;
   position: relative;
   margin-bottom: 20px;
 }

 .profile-main .profile-background {
   background-image: url('../images/samples/forest.png');
   background-repeat: no-repeat;
   background-size: 100%;
   background-position: center;
   width: 100%;
   height: 260px;
 }

 .profile-main .profile-info {
   width: calc(100% - 380px);
   max-width: 1100px;
   margin: 0 auto;
   background-color: #fff;
   height: 70px;
   border-radius: 0 0 3px 3px;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .profile-main .profile-info>div {
   margin: 0 10px;
 }

 .profile-main .profile-info>div:last-child {
   padding-right: 25px;
 }

 .profile-main .profile-info>div h4 {
   font-size: 16px;
 }

 .profile-main .profile-info>div h5 {
   margin-top: 5px;
   font-weight: 500;
 }

 .profile-main .profile-button {
   padding: 8px 0;
   position: absolute;
   right: 25px;
   bottom: 16px;
   width: 150px;
 }

 .profile-main .profile-picture {
   width: 150px;
   height: 150px;
   border: 4px solid #fff;
   position: absolute;
   left: 25px;
   bottom: 14px;
 }

 @media screen and (max-width: 767px) {

   .profile-main .profile-info .profile-status,
   .profile-main .profile-info .profile-posts,
   .profile-main .profile-info .profile-date {
     display: none;
   }
 }

 .contacts li>.info-combo {
   display: inline-block;
 }

 .messages-chat-body .tab-content {
   width: inherit;
 }

 .red-point {
   width: 5px;
   height: 5px;
   background-color: var(--main-color-one);
   display: inline-block;
   border-radius: 50%;
   margin-right: 10px;
 }

 .tab-header-container {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 }

 .dropdown-menu {
   z-index: 6 !important;
 }

 .profile-history-card {
   height: 400px;
   width: 300px;
 }

 .profile-history-card-image img {
   border-radius: 10px 10px 0px 0px;
 }

 .profile-history-details {
   margin: 10px;
 }

 .profile-history-details-price {
   color: #BE1E2D;
   font-size: 2.5vw;
   font-weight: 400;
 }

 .profile-history-card-cont-1 {
   display: flex;
   flex-direction: column;
   justify-content: space-around;
   align-items: baseline;
 }

 .profile-history-card-cont-2 {
   display: flex;
   justify-content: space-between;
   align-items: baseline;
 }

 .profile-history-details-sale-type {
   padding: 0px 6px;
   border: #BE1E2D 2px solid;
   border-radius: 10px;
 }

 .profile-history-details-sale-type span {
   color: #BE1E2D;
 }

 .profile-history-card-buttom {
   display: flex;
   flex-direction: column;
   justify-content: space-around;
 }

 .profile-history-card {
   background: #F9F9F9;
   display: none;
 }

 .history-type {
   padding: 3%;
 }


 .profile-info-container {
   display: flex;
   justify-content: space-around;
   max-width: 800px;
 }

 .profile-history-date-container {
   display: flex;
   justify-content: space-around;
   align-items: baseline;
 }

 .text_li {
   display: block;
   padding: 15px 40px 10px 15px;
   white-space: nowrap;
   color: var(--heading-color);
   transition: all 0.3s;
   font-size: 14px;
   transition: all 0.4s ease;
   font-weight: 500;
   font-family: var(--heading-font);
   background: rgba(0, 141, 71, .1);
   color: #109121;
   width: auto;
 }

 .text_li img {
   width: 20px;
 }

 .single-feature-announcement a:hover {
   color: inherit !important;
 }

 .mg-auto {
   margin: auto;
 }

 .notification-mark_all_as_read {
   text-align-last: end;
 }

 .see-more-messages {
   text-align: center;
 }

 .mobile-search-input-container {
   display: none;
 }

 .announcement-container {
   display: flex;
 }

 .announcement-container-top {
   display: flex;
   justify-content: space-between;
 }

 .announcement-list-container {
   padding-right: 15px;
   padding-left: 15px;
 }

 .search-constructor-container {
   display: flex;
 }

 .refresh {
   cursor: pointer;
   height: 45px;
 }

 .flex-end {
   display: flex;
   justify-content: flex-end;
 }

 .flex-row-align-start {
   display: flex;
   align-items: flex-start;
 }

 .flex1 {
   flex: 1;
 }

 .lh-20 {
   line-height: 20px;
 }

 .space-around {
   width: 100%;
   justify-content: space-around;
 }

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

 .half-width {
   width: 49%;
 }

 .full-width {
   width: 100%;
 }

 .column {
   display: flex;
   flex-direction: column;
   flex-basis: 100%;
   flex: 1;
 }

 .filter-modal div {
   font-size: 20px;
   color: black;
 }

 .close-button-container {
   display: flex;
   justify-content: flex-end;
   margin: 20px;
 }

 .map-list-toggle-container {
   width: 120px;
   height: 36px;
   background: rgba(190, 30, 45, 0.2);
   border-radius: 8px;
   color: rgba(190, 30, 45, 1);
   display: none;
 }

 .map-list-toggle {
   display: flex;
   padding: 7px;
 }

 .map-list-toggle img {
   height: 20px;
   width: 12px;
   margin-left: 10px;
 }

 .map-list-toggle p {
   color: rgba(190, 30, 45, 1);
   font-size: 12px;
   margin-left: 10px;
 }

 .announcement-list-map {
   display: none;
 }

 .construction-card-img {
   display: flex;
 }

 .construction-card-main-image {
   width: 220px;
   object-fit: contain;
 }

 .construction-card-sec-image {
   position: sticky;
   width: 50px;
   height: 46px;
   border-radius: 50%;
   background: #fff;
   object-fit: contain;
   transform: translate(-20px);
   z-index: 2;
   box-shadow: 20px 0px 40px rgb(0 0 0 / 10%);
 }

 .construction-card-sec-image img {
   padding: 10px;
 }

 .justify-center {
   display: flex;
   justify-content: center;
 }

 .construction-list-map {
   display: none;
 }

 .new-tabs-container {
   width: 100%;
 }

 .elementsContainer {
   min-height: 350px;
   max-height: 500px;
 }

 .new-tabs-links-container {
   padding: 5px;
   display: flex;
   justify-content: space-around;
 }

 .new-tabs-links-container a {
   border-bottom: 1px solid #65727C;
   position: relative;
   display: block;
   transition: color .3s cubic-bezier(.35, 0, .25, 1);
   padding: 8px 20px;
   font-weight: 500;
   cursor: pointer;
 }

 .activelink {
   color: var(--main-color-one) !important;
   border-bottom: 2px solid var(--main-color-one) !important;
 }

 .elementsContainer::-webkit-scrollbar-thumb {
   border-radius: 10px !important;
   box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) !important;
   background-color: #C6CED9 !important;
 }

 .elementsContainer::-webkit-scrollbar {
   border-radius: 10px;
   width: 2px;
   background-color: #E5E9EF;
 }

 .region-dropdown {
   transform: translate3d(0px, 25px, 0px) !important;
   overflow-y: scroll;
   max-height: 350px;
 }

 .agent-filter {
   min-width: 50%;
   justify-content: space-around;
 }

 .construction-details-container {
   width: 85%;
   margin: 0 auto;
 }

 .construction-details-main-container {
   display: flex;
   justify-content: space-between;
 }

 .property-details-slider {
   width: 100%;
 }

 .brokerContact-container-info {
   display: flex;
   flex-direction: row;
   justify-content: space-around;
   align-items: center;
 }

 .brokerContact-img {
   display: inline-block;
 }

 .brokerContact-info {
   display: inline-block;
 }

 .broker-tel-btn {
   line-height: 48px !important;
   padding: 0 30px !important;
 }

 .search-constructor-container {
   margin-top: 72px;
 }

 .modal-arrow img {
   width: 20px;
   height: 20px;
 }

 .filter-modal-save-button {
   min-width: 100px;
   background: var(--main-color-one);
   color: white;
 }

 .inline-block {
   display: inline-block;
 }

 .button-group {
   width: max-content;
 }

 .user-avatar-in-comments {
   width: 20px;
   height: 20px;
   border-radius: 50%;
 }

 .user-name {
   font-size: 16px;
 }

 .comments {
   margin-top: 10px;
   border-radius: 5px;
   border: groove;
 }

 .rate_broker {
   align-self: center;
   margin-bottom: unset;
   margin-right: 15px;
 }

 .rate_broker_div {
   display: flex;
 }

 .thumb-image {
   width: 100%;
   height: 270px;
   padding-top: 5px;
   object-fit: cover !important;
 }

 .similar-content {
   width: 100% !important;
 }

 .pd-for-title {
   padding-left: 15px;
 }

 .user-list-area h5 {
   font-family: DM Sans;
   font-style: normal;
   font-weight: 500;
   font-size: 32px;
   line-height: 80px;
   letter-spacing: -2.01px;
   color: #011728;
 }

 .single-user-list .thumb img {
   max-height: 90px;
 }

 .single-broker-feature {
   height: 260px;
   background: #F6F6F6;
 }

 .property-price {
   overflow-y: scroll;
 }

 .property-price::-webkit-scrollbar {
   background: #fff;
   width: 3px;
 }

 .property-price::-webkit-scrollbar-thumb {
   background: #DBDBDB;
 }

 .property-price::-webkit-scrollbar-corner {
   background: #fff;
 }

 .property-price label {
   margin: 0 0 0 10px;
 }

 .santa-hat {
   position: absolute;
   rotate: 19deg;
   left: 50px;
   top: -8px;
   width: 43px;
 }

 .dp-calendar .react-datepicker__day.react-datepicker__day--in-range {
   background-color: #A12531;
 }

 .dp-wrapper .react-datepicker__close-icon::after {
   background-color: #A12531;
   font-size: 16px;
   height: 20px;
   width: 20px;
 }

 .react-datepicker__day--selected:hover,
 .react-datepicker__day--in-selecting-range:hover,
 .react-datepicker__day--in-range:hover,
 .react-datepicker__month-text--selected:hover,
 .react-datepicker__month-text--in-selecting-range:hover,
 .react-datepicker__month-text--in-range:hover,
 .react-datepicker__quarter-text--selected:hover,
 .react-datepicker__quarter-text--in-selecting-range:hover,
 .react-datepicker__quarter-text--in-range:hover,
 .react-datepicker__year-text--selected:hover,
 .react-datepicker__year-text--in-selecting-range:hover,
 .react-datepicker__year-text--in-range:hover {
   background-color: rgba(161, 37, 49, 0.8) !important;
 }

 .my-bookings-page-wrapper,
 .booking-requests-page-wrapper {
   min-height: 317px;
   padding-bottom: 8px;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }

 .booking-img {
   cursor: pointer;
   min-width: 54px;
   height: 54px;
   border-radius: 8px;
 }

 :root {
   --swiper-navigation-size: 44px;
   --swiper-theme-color: #007aff;
   --bs-btn-close-color: #000;
   --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
   --bs-btn-close-opacity: 0.5;
   --bs-btn-close-hover-opacity: 0.75;
   --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
   --bs-btn-close-focus-opacity: 1;
   --bs-btn-close-disabled-opacity: 0.25;
 }

 .btn:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   opacity: 0;
   background-color: rgba(255, 255, 255, 0.2);
   -ms-transform: scale(1, 0.5);
   transform: scale(1, 0.5);
   transition: all 0.4s ease;
 }

 .btn::before {
   content: "";
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: 1;
   opacity: 0;
   background-color: rgba(255, 255, 255, 0.2);
   transform: scale(1, 0.5);
   transition: 0.4s;
 }

 button:focus:not(:focus-visible) {
   outline: 0;
 }

 button {
   border-radius: 0;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
   text-transform: none;
 }

 [type=button]:not(:disabled),
 button:not(:disabled) {
   cursor: pointer;
 }

 .alert-dismissible .btn-close {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 2;
   padding: 1.25rem 1rem;
 }

 .btn-close {
   width: 1em;
   height: 1em;
   padding: .25em .25em;
   color: var(--bs-btn-close-color);
   background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
   filter: var(--bs-btn-close-filter);
   border: 0;
   border-radius: .375rem;
   opacity: var(--bs-btn-close-opacity);
 }

 .btn-close:hover {
   color: var(--bs-btn-close-color);
   text-decoration: none;
   opacity: var(--bs-btn-close-hover-opacity);
 }

 .btn-close:focus {
   outline: 0;
   box-shadow: var(--bs-btn-close-focus-shadow);
   opacity: var(--bs-btn-close-focus-opacity);
 }

 .btn-close:disabled {
   pointer-events: none;
   user-select: none;
   opacity: var(--bs-btn-close-disabled-opacity);
 }

 .hover-bg:hover {
   background-color: rgb(200, 200, 200);
 }

 .fa-star,
 .fa-star-half-o,
 .fa-star-o {
   color: #FFD700;
   margin-right: 4px;
 }