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

 Theme Name: Affiliate Marketing
 Description: Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 Author: Kapil Prajapati
-----------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --primary-background:#B2A16D; 
  --white-background:#fff;
  --black-background:#000;
  --primary-color:#B2A16D;
  --black-color:#000;
  --white-color:#fff;
  --font-weight-100:100;
  --font-weight-200:200;
  --font-weight-300:300;
  --font-weight-400:400;
  --font-weight-500:500;
  --font-weight-600:600;
  --font-weight-700:700;
  --font-weight-800:800;
  --font-10:10px;
  --font-11:11px;
  --font-12:12px;
  --font-13:13px;
  --font-14:14px;
  --font-15:15px;
  --font-16:16px;
  --font-17:17px;
  --font-18:18px;
  --font-19:19px;
  --font-20:20px;
  --font-21:21px;
  --font-22:22px;
  --font-23:23px;
  --font-24:24px;
  --font-25:25px;
  --font-26:26px;
  --font-27:27px;
  --font-28:28px;
  --font-29:29px;
  --font-30:30px;
  --font-31:31px;
  --font-32:32px;
  --font-33:33px;
  --font-34:34px;
  --font-35:35px;
  --font-36:36px;
  --font-37:37px;
  --font-38:38px;
  --font-39:39px;
  --font-40:40px;
  --font-41:41px;
  --font-42:42px;
  --font-43:43px;
  --font-44:44px;
  --font-45:45px;
  --font-46:46px;
  --font-47:47px;
  --font-48:48px;
  --font-49:49px;
  --font-50:50px;
  --font-60:60px;
  --font-70:70px;
  --font-80:80px;
  --font-90:90px;
  --font-100:100px;
  --justify-center:center;
  --justify-space:space-between;
  --align-center:center;
  --primary-display:block;
  --secondary-display:flex;
  --display-inline:inline-block;
  --text-uppercase:uppercase;
  --text-capital:capitalize;
  --text-align:center;

}
body{font-family: var(--primary-font-family); }
p{font-family: "Poppins", sans-serif;}
h1{ font-family: "Poppins", sans-serif;}
h2{ font-family: "Poppins", sans-serif;}
h3{ font-family: "Poppins", sans-serif;}
h4{ font-family: "Poppins", sans-serif; margin-bottom: 0;}
h5{font-family: "Poppins", sans-serif;}
h6{font-family: "Poppins", sans-serif;}
a{font-family: "Poppins", sans-serif;}
li{font-family: "Poppins", sans-serif;}
input{font-family: "Poppins", sans-serif;}
span{font-family: "Poppins", sans-serif;}
button{font-family: "Poppins", sans-serif;}
label{font-family: "Poppins", sans-serif;}
select{font-family: "Poppins", sans-serif;}
div{font-family: "Poppins", sans-serif;}
html {
  scroll-behavior: smooth;
}

/*=======================header ccss start============================*/
/* sticky menu css */
.is-sticky{position: fixed!important;top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 0 2px 15px rgba(0,0,0,.1);}
.is-sticky{animation: smoothScroll 1s forwards; }
@keyframes smoothScroll {
    0% {transform: translateY(-150px); } 
    100% {transform: translateY(0px); }
}
.top-bar{background-color: var(--black-color); padding: 20px;}
.top-left ul{display: var(--secondary-display); align-items: var(--align-center); list-style-type: none; padding-left: 0px; margin-bottom: 0px;}
.top-left ul li{margin-right: 20px; font-size: var(--font-15);}
.top-left ul li i{color: var(--primary-color); font-weight: var(--font-weight-600); margin-right: 5px; font-size: var(--font-20);}
.top-left ul li a{text-decoration: none; color: var(--white-color);}


.top-right ul{list-style-type: none; padding-left: 0px;display: var(--secondary-display);margin-bottom: 0px; justify-content: flex-end;align-items: center;}
.top-right ul li{margin-right: 20px;}
.top-right ul li h5{color: var(--primary-color); font-size: var(--font-15); margin-bottom: 0px; margin-right: 0px;}
.top-right ul li i{color: #fff; font-size: 18px;}
.top-right ul li a{text-decoration: none;}
.navbar-nav li a{color: var(--black-color)!important; font-size: var(--font-15);}
.navbar-nav li{margin-left: 20px; position: relative;}
.navbar-nav li:after{content: ''; width: 2px; height: 45%; background-color: #000; position: absolute; right: -10px; top: 11px; display: flex; align-items: center;}
.navbar-nav li:last-child:after{display: none;}
.navbar{padding: 0px;}
/*========================header css end===========================*/

/*===================================Home main banner css start====================================*/

.banner-item{display: flex; justify-content: center; align-items: center;     margin-bottom: 20px;}
.main-banner-content{width: 65%;}
.main-banner-image{width: 50%;}
.main-banner-image img{width: 100%;}
.banner-main-image{width: 100%;}
#home-slider{position: relative;}
.main-banner-content h3{color: #212754; text-transform: uppercase; font-size: 60px; font-weight: 500; text-shadow: 0px 7px #dee4f4;}
.main-banner-content h2{font-weight: 700; font-size: 70px; color: #212754; text-shadow: 0px 8px #dee4f4;}
.main-banner-content p{font-size: 21px; color: #212754; margin-top: 15px;}
.main-banner-content{padding-right: 70px;}
.banner-main-button a{background-color: #dee4f4; padding: 10px 30px; color: #212754; text-transform: uppercase; font-size: 1vw; text-decoration: none; font-weight: 600; border-radius: 50px;}
.banner-main-button{margin-top: 40px;}
#home-slider .owl-nav{display: flex; position: absolute; bottom: 100px; left: 0; right: 0; margin: 0 auto; width: 100%; justify-content: center; }
#home-slider .owl-nav .owl-prev { left: 15px; top: 43%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: #B2A16D !important; width: 45px; cursor: pointer; height: 45px;  display: block; z-index: 1000; border-radius: 50px; margin-right: 10px;}
#home-slider .owl-nav .owl-prev span {font-size: 1.6875rem; color: #fff; }
#home-slider .owl-nav .owl-prev:focus {outline: 0; }
#home-slider .owl-nav .owl-prev:hover {background: #000 !important; color: #fff;}
#home-slider .owl-nav .owl-next { right: 15px; top: 43%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: #B2A16D !important; width: 45px; cursor: pointer; height: 45px;display: block; z-index: 1000; border-radius: 50px; margin-left: 10px;}
#home-slider .owl-nav .owl-next span {font-size: 1.6875rem; color: #fff; }
#home-slider .owl-nav .owl-next:focus {outline: 0; }
#home-slider .owl-nav .owl-next:hover {background: #000 !important; color: #fff;}
#home-slider:hover .owl-prev {left: 15px; opacity: 1; }
#home-slider:hover .owl-next {right: 15px; opacity: 1; }
 #home-slider .item{height: 600px;position: relative;}
 #home-slider .item img{height: 100%; object-fit: cover; width: 100%;}
 #home-slider .item .cover {padding: 75px 0;/*position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgb(0 0 0 / 40%);*/display: flex;align-items: center;padding: 75px 0;position: absolute;width: 100%;height: 100%;top: 0px;left: 0;background: rgb(0 0 0 / 60%);display: flex;align-items: center;}
 #home-slider .item .cover .header-content {position: relative;padding: 0px 0px 0px;overflow: hidden;text-align: center; width: 50%; margin: 0 auto;}
 #home-slider .item .cover .header-content .line {content: ""; display: inline-block; width: 100%; height: 100%; left: 0; top: 0; position: absolute; border: 9px solid #fff; -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); }
 #home-slider .item .cover .header-content h2 {font-weight: 300; font-size: 35px; color: #D4BD78; }
 #home-slider .item .cover .header-content h1 {font-size: 51px;  margin: 0px 0 20px; word-spacing: 3px; color: #000;  text-align: left; }
#home-slider .item .cover .header-content h2 {font-size: 34px;margin: 0px 0 15px;word-spacing: 3px;color: #D4BD78;text-align: center;font-weight: 800;text-transform: uppercase;position: relative;}
#home-slider .item .cover .header-content h3 {font-size: 25px;margin: 0px 0 20px;word-spacing: 3px;color: #fff;text-align: center;font-weight: 600;text-transform: capitalize;position: relative; background-color: #D4BD78; padding: 10px;}
#home-slider .item .cover .header-content h2 span{color: #218c22; text-decoration: underline;}
#home-slider .item .cover .header-content h5 {font-size: 36px;font-weight: 500;margin: 21px 0 30px;word-spacing: 3px;color: #fff;text-align: center;font-family: 'Source Sans Pro', sans-serif;}
/*header .item .cover .header-content h2 {color: #ff0200; padding: 0px 20px; font-size: 61px;}*/
 #home-slider .item .cover .header-content p{color: #fff;font-size: 15px;text-align: center;font-family: 'Source Sans Pro', sans-serif;width: 100%;}
 #home-slider .item .cover .header-content h4 {font-size: 24px; font-weight: 300; line-height: 36px; color: #fff; }
 #home-slider .owl-item.active h1 {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }
 #home-slider .owl-item.active p {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }
 #home-slider .owl-item.active .banner_button {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }
 #home-slider .owl-item.active h2 {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }
  #home-slider .owl-item.active h3 {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }
 #home-slider .owl-item.active h4 {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUp; animation-delay: 0.3s; }
 #home-slider .owl-item.active .line {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeft; animation-delay: 0.3s; }
 #home-slider .item .cover .header-content .banner-read-more{color: #fff;font-size: 15px;line-height: 15px;font-weight: 700;font-style: normal;font-family: 'Source Sans Pro', sans-serif;text-decoration: none;background-color: unset;border-color: #fff;border-style: solid;border-width: 2px 2px 2px 2px;border-radius: 0;padding: 13px 24px;}
 #home-slider .item .cover .header-content .banner-contact-us{color: #010f34;font-size: 15px;line-height: 15px;font-weight: 700;font-style: normal;font-family: 'Source Sans Pro', sans-serif;text-decoration: none;background-color: #fff;border-color: #fff;border-style: none;border-width: 2px 2px 2px 2px;border-radius: 0;padding: 14px 24px;margin-left: 20px;}
  #home-slider .item .cover .header-content .banner_buttons{margin-top: 20px;}
  #home-slider .owl-item.active h2:before{content: '';position: absolute;width: 47%;height: 2px;top: -5px;background-color: #fff;right: 0;left: 0;margin: 0 auto;display: none;}
  #home-slider .owl-item.active h2:after{content: '';/*position: absolute;width: 47%;height: 2px;bottom: -6px;background-color: #fff;left: 0;margin: 0 auto;right: 0;*/display: none;}
  .banner_buttons a{background-color: #1b2c58;border: 2px solid #1b2c58;color: #fff;padding: 10px 22px;font-weight: 500;text-transform: uppercase;text-decoration: none;display: inline-block;margin-top: 12px;}
    #home-slider .owl-dots button{border: 3px solid #d2a784!important;width: 20px;height: 20px;border-radius: 50px;margin-right: 10px;margin-bottom: 9px;background-color: #fff;}
#home-slider .owl-dots button.active{background-color: #d2a784!important;height: 20px;}
#home-slider .owl-dots{justify-content: center;margin-top: 30px;margin-bottom: 30px;position: absolute;display: block;bottom: 0;right: 0;left: 0;text-align: center;}
#home-slider .owl-dots button:focus{outline: none; box-shadow: none;}


/*====================================Home main banner css end===================================*/


/*====================================Best deal Sec css Start===================================*/
.best-deal-head{text-align:var(--text-align);}
.best-deal-wrapp{padding: 50px 0px;}
.best-deal-head h3{color: var(--primary-color); font-size: var(--font-28); font-weight: var(--font-weight-700); margin-bottom: 10px;}
.best-deal-head p{color: var(--black-color); font-size: var(--font-17); }
.best-deal-main{padding-top: 30px;}
.best-deal-main ul{justify-content: var(--justify-center);}
.best-deal-main ul li button{background-color: var(--primary-background)!important; padding:8px 40px; color: var(--white-color); margin-right: 20px; border-radius: 50px!important;}
.best-deal-main ul li button.active{background-color: var(--black-background)!important;}
.best-deal-main ul li button:hover{background-color: var(--black-background)!important; color: var(--white-color);}
.best-deal-form{padding-top: 25px;}
.best-deal-form form{width: 50%; margin: 0 auto;}
.best-deal-form form input{border: 1px solid #ccc; padding: 12px 35px; border-radius: 50px; }
.best-deal-form form input:focus{border: 1px solid var(--primary-color); box-shadow: unset; outline: none;}
.best-deal-form form button{background-color: var(--primary-background); border: unset; border-radius: 50px; color: #fff; font-size: 16px; padding: 10px 30px; text-align: center; }
.best-deal-form form button:hover{background-color: var(--black-background);}
.best-deal-form form button:focus{box-shadow: unset; outline: none;}

/*====================================Best deal Sec css end===================================*/

/*====================================Top Selling Sec css start===================================*/
.top-selling-dev-wrapp{background-color: var(--primary-background); padding: 50px 0px 120px;}
.top-selling-head h5{color: var(--white-color); text-transform: var(--text-uppercase); font-weight: var(--font-weight-400); font-size: var(--font-28);}
.top-selling-head h3{color: var(--white-color); text-transform: var(--text-uppercase); font-weight: var(--font-weight-700); font-size: var(--font-28);}
.top-selling-slider .owl-nav{display: var(--secondary-display)!important; position: absolute; bottom: -90px; left: 0; right: 0; margin: 0 auto; width: 100%; justify-content: var(--justify-center); }
.top-selling-slider .owl-nav .owl-prev {opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: var(--white-background) !important; width: 45px; cursor: pointer; height: 45px;  display: block; z-index: 1000; border-radius: 50px; margin-right: 10px;}
.top-selling-slider .owl-nav .owl-prev:focus {outline: 0; }
.top-selling-slider .owl-nav .owl-prev:hover {background: var(--black-background) !important; color: var(--white-color);}
.top-selling-slider .owl-nav .owl-next { opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: var(--white-background) !important; width: 45px; cursor: pointer; height: 45px;display: block; z-index: 1000; border-radius: 50px; margin-left: 10px;}
.top-selling-slider .owl-nav .owl-next:focus {outline: 0; }
.top-selling-slider .owl-nav .owl-next:hover {background: var(--black-background) !important; color: var(--white-color);}

/*====================================Top Selling Sec css end===================================*/

/*====================================New Launch Sec css start===================================*/
.new-launch-head{width: 30%; text-align: var(--text-align); margin: 0 auto;}
.new-launch-head h4{font-size: var(--font-28); font-weight: var(--font-weight-700); color: var(--primary-color); text-transform: var(--text-uppercase);}
.new-launch-wrapp{padding: 50px 0px;}
.new-launvh-box{position: relative;}
.new-launvh-box img{width: 100%;}
.new-launvh-box h5{position: absolute; bottom: 0; left: 0; background-color: var(--primary-background); padding: 20px; margin: 0; width: 100%; display: var(--primary-display); text-align: var(--text-align); color: var(--white-color); text-transform: var(--text-uppercase); font-weight: var(--font-weight-600);}
/*====================================New Launch Sec css end===================================*/

/*====================================real estate news Sec css start===================================*/
.real-estste-news-wrapp{padding: 20px 0px 50px;}
.news-box img{width: 100%;}
.news-con{background-color: var(--white-background); padding: 10px 10px 30px;border:1px solid #ccc; text-align: var(--text-align);}
.news-date{display: var(--secondary-display); align-items: var(--align-center); justify-content: var(--justify-space); margin-bottom: 10px;}
.news-date p{color: var(--black-color); font-size: var(--font-15);}
.news-date p i{color: var(--primary-color); margin-right: 5px;}
.news-con h5{color: var(--black-color); font-size: var(--font-17); font-weight: var(--font-weight-600); text-align: var(--text-align); margin-bottom: 20px;}
.news-con p{font-size: var(--font-15); text-align: var(--text-align); color: var(--black-color);}
.news-con a{background-color: var(--primary-background); padding: 8px 30px; color: var(--white-color); border-radius: 50px; text-decoration: none; margin-top: 15px; display: inline-block;}
.news-box:hover .news-con{background-color: var(--primary-background);}
.news-box:hover .news-date p{color: var(--white-color);}
.news-box:hover .news-date p i{color: var(--white-color);}
.news-box:hover .news-con h5{color: var(--white-color);}
.news-box:hover .news-con p{color: var(--white-color);}
.news-box:hover .news-con a{color: var(--black-color); background-color: var(--white-background);}
.news-con a:hover{background-color: #000!important; color: #fff!important;}
.view-all-btn{text-align: var(--text-align); margin-top: 50px;}
.view-all-btn a{background-color: #ccc; padding: 0px 0px 0px 20px; color: #000; text-decoration: none; display: inline-flex; justify-content: var(--justify-space); align-items: var(--align-center); border-radius: 50px;}
.view-all-btn a i{width: 45px; height: 45px; background-color: var(--primary-background); display: var(--secondary-display); justify-content: var(--justify-center); align-items: var(--align-center); border-radius: 50px; margin-left: 10px;} 
.news-midd .news-box{margin-bottom: 30px;}
/*====================================real estate news Sec css end===================================*/

/*==================================== Cta Sec css Start===================================*/
.cta-wrapp{position: relative;}
.cta-wrapp img{width: 100%;}
.covers{position: absolute; display: var(--secondary-display); align-items: var(--align-center); justify-content: var(--justify-center); width: 100%; height: 100%; top: 0; left: 0; right: 0; margin: 0 auto;}
.cta-con{text-align: var(--text-align);}
.cta-con h3{font-size: var(--font-29); font-weight: var(--font-weight-700); color: var(--white-color); margin-bottom: 10px;}
.cta-con a{background-color: var(--primary-background); padding: 13px 35px; color: var(--white-color); border-radius: 50px; text-decoration: none; margin-top: 15px; display: inline-block;}
.cta-con a:hover{background-color: var(--white-background); color: var(--black-color);}

/*==================================== Cta Sec css end===================================*/

/*==================================== insta feed Sec css end===================================*/
.insta-feed-top{text-align: var(--text-align);}
.insta-feed-top img{ margin-bottom: 30px; }
.insta-feed-top h3{font-size: 24px; color: #000; margin-bottom: 30px;}
.insta-feed-top h3 a{text-decoration: none; color: #0071B3;}
.insta-feed-top p{ font-size: 15px; width: 40%; margin: 0 auto; display: block; }
.insta-feed-box img{width: 100%;}
.insta-feed-box{margin-bottom: 30px;}
.insta-feed-wrapp{padding: 50px 0px 20px;}
/*==================================== insta feed Sec css end===================================*/

/*==================================== Footer Sec css start===================================*/

.main-footer{background-color: var(--black-background); padding: 30px;}
.footer-about img{margin-bottom: 20px;}
.footer-about p{color: var(--white-color); font-size: var(--font-15); margin-bottom: 0px;}
.quick-link h5{color: var(--primary-color); font-size: var(--font-20); font-weight: var(--font-weight-600); display: var(--display-inline); border-bottom: 2px solid var(--primary-color); margin-bottom: 30px;}
.quick-link ul{list-style-type: none; padding-left: 0px;}
.quick-link ul li a{color: var(--white-color); text-decoration: none; font-size: var(--font-15);}
.quick-link ul li {margin-bottom: 7px;}
.quick-link{padding-top:40px; padding-left: 70px;}
.footer-contact{padding-top:40px;}
.footer-contact h5{color: var(--primary-color); font-size: var(--font-20); font-weight: var(--font-weight-600); display: var(--display-inline); border-bottom: 2px solid var(--primary-color); margin-bottom: 30px;}
.footer-contact ul{list-style-type: none; padding-left: 0px;}
.footer-contact ul li p a{color: var(--white-color); text-decoration: none; font-size: var(--font-15);}
.footer-contact ul li p{color: var(--white-color); font-size: var(--font-15); margin-bottom: 0px;}
.footer-contact ul li i{color: var(--primary-color); font-size: var(--font-17); margin-right: 10px;}
.footer-contact ul li{display: var(--secondary-display); margin-bottom: 20px;}
.footer-newsletter{padding-top:40px; padding-left: 10px;}
.footer-newsletter h5{color: var(--primary-color); font-size: var(--font-20); font-weight: var(--font-weight-600); display: var(--display-inline); border-bottom: 2px solid var(--primary-color); margin-bottom: 30px;}
.footer-newsletter form input{padding: 10px; border-radius: 50px;}
.footer-newsletter form input:focus{outline: none; box-shadow: unset;}
.footer-newsletter form button{border-radius: 50px; background-color: var(--primary-background); color: #000; padding: 10px 30px 10px 20px; border:none;}
.footer-newsletter form button:hover{background-color: var(--primary-background); color: var(--black-color);}
.footer-newsletter form button:focus{outline: none; box-shadow: unset;}
.footer-newsletter .top-right ul{justify-content: flex-start;}
.footer-newsletter .top-right ul li h5{border:none;}
.footer-newsletter .top-right{margin-top: 40px;}
.copyright{background-color: #2F2F2F; text-align: center; padding: 15px;}
.copyright p{font-size: var(--font-15); color: var(--primary-color); margin-bottom: 0px;}
.copyright p a{font-size: var(--font-15); color: var(--primary-color); margin-bottom: 0px; text-decoration: none;}
/*==================================== Footer Sec css end===================================*/
/*========================inner banner sec css start===========================*/

.inner-banner-img img{width: 100%;height: 350px;object-fit: cover;}
.inner-banner-con{position: absolute; top: 0; width: 100%; left: 0; display: flex; justify-content: flex-start; align-items: center; height: 100%; }
.inner-banner-con-inn h2{color: #fff;text-align: center;font-weight: 600;font-size: 39px; text-transform: uppercase;}
.inner-banner-img{position: relative; }
.bread-crumb{margin-top: 20px;}
.bread-crumb ol li{font-size: 16px; color: #797979;}
.bread-crumb ol li.active{color: #797979;}
.bread-crumb ol li a{color: #797979;text-decoration: none;font-size: 16px;}
.bread-crumb .breadcrumb-item+.breadcrumb-item::before{color: #797979;}
.over-lay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgb(0 0 0 / 35%);}
.breadcrumb{justify-content: flex-start;}
.inner-banner-con-inn{padding-top: 0px;}
.inner-banner-con-inn .bread-crumb ol li{color: #797979!important;}
/*========================inner banner sec css end===========================*/

/*========================Buy page css start===========================*/

.bed-bath-panel{display: none; position: absolute; right: -190px;}
.price-panel{position: absolute; display: none;right: -100px;left: -190px; }
.right-filters{display: flex; justify-content: space-between;}
.right-filters select{border:1px solid #B2A16D; padding: 10px; border-radius: 20px; background-color: #FFFBED;  font-size: 13px;}
#select-bath{border:1px solid #B2A16D; padding: 10px; border-radius: 20px; background-color: #FFFBED; display: flex; justify-content: space-between; align-items: center;  font-size: 13px;}
#select-price{border:1px solid #B2A16D; padding: 10px; border-radius: 20px; background-color: #FFFBED; display: flex; justify-content: space-between; align-items: center;  font-size: 13px;}
.properties-buy{width: 100%; margin-left: 0px;}
.pro-type{width: 100%; margin-left: 10px;}
.beds-bath-type{width: 100%; margin-left: 10px;position: relative;}
.pro-price{width: 100%; margin-left: 10px;position: relative;}
.find-btn{width: 100%; margin-left: 10px;}
.find-btn  button{color: #fff; background-color: var(--primary-background); padding: 8px 30px; border-radius: 50px; border:none;}
.location-multi .select2 {border:1px solid #ccc; padding: 4px; border-radius: 20px; background-color: #fff;}
.location-multi .select2-container--bootstrap-5 .select2-selection {border:none;}
.location-multi .select2-container--bootstrap-5 .select2-selection:focus{outline: none; box-shadow: unset;}
.location-multi .select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection{outline: none; box-shadow: unset;border-radius: 20px !important;}
.select2-search--inline{width: auto!important;}
.location-multi .select2-selection.select2-selection--multiple{display: flex;}
.location-multi .select2-container--bootstrap-5 .select2-selection{border-radius: 20px !important; font-size: 13px;}
.location-multi .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{font-size: 11px;}
.location-multi .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
width: 7px; height: 7px;     margin-right: 0;
    margin-left: .25rem;}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{margin-bottom: 0; border: 1px solid #b2a16d;
    border-radius: 50px;     flex-direction: row-reverse;}
.select2-selection--multiple{position: relative;}
.select2-selection--multiple:before{content: '\f002'; font-family: 'Font Awesome 5 Free'; font-weight: 600; margin-right: 14px; color: #a3a1a1; font-size: 15px; }

.buy-enq-main{background-color: #F1F1F1; border-radius: 20px; padding: 20px;}
.buy-enq-main img{display: block; margin: 0 auto 30px;}
.buy-enq-main form input{border: none; background-color:var(--white-background); border-radius: 20px; padding: 12px 26px; }
.buy-enq-main form button{ background-color: var(--primary-background); color: var(--white-color); font-size: var(--font-15); padding: 10px 30px; border-radius: 50px; border:none; }
.buy-enq-sub{text-align: center; margin-top: 30px;}
.select2-results__option--selected{background-color: var(--primary-background)!important;}
.select2-results__option {font-size: 12px;}

.pro-list-box img{border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%;}
.prolist-con h5{display: flex; justify-content: space-between; font-size: 16px; align-items: center; margin-top: 0px; color: #767676;}
.prolist-con h5 span{color: var(--primary-color);}
.prolist-con{padding: 40px 20px; border:1px solid #ccc;}
.property-price{display: flex; align-items: center; justify-content: space-between; margin-top: 20px; margin-bottom: 30px;}
.property-price img{width: 130px;}
.property-price h3{    font-weight: 600;
    font-size: 24px; color: #000;}
.property-price ul{list-style-type: none; padding-left: 0px; display: flex; margin-bottom: 0px;}
.property-price ul li{color: #000; font-size: 15px; margin-right: 17px; position: relative;}
.property-price ul li:after{content: '|'; right: -10px; position: absolute; }
.property-price ul li:last-child:after{display: none;}
.pro-list-box p i{color: var(--primary-color); margin-right: 10px;}
.pro-list-box p{margin-top: 10px;}
.pro-aminities ul{list-style-type: none; padding-left: 0px; display: flex; margin-bottom: 0px;}
.pro-aminities ul li img{width: 20px; height: 20px; margin-right: 9px;}
.pro-aminities ul li{color: #000; font-size: 15px; margin-right: 25px; position: relative; display: flex; align-items: center;}
.pro-aminities ul li:after{content: '|'; right: -14px; position: absolute; }
.pro-aminities ul li:last-child:after{display: none;}
.pro-aminities{margin-top: 30px;}
.pro-list-box{margin-bottom: 30px;}
.offplan-price p{ font-size: 13px;  }
.property-price {margin-bottom: 10px;}
.luxury-price h6{color: #000; font-weight: 600; font-size: 14px; margin-top: 20px;}
.luxury-list ul{list-style-type: none; padding-left: 0px; display: flex; margin-bottom: 0px;}
.luxury-list ul li{color: #959595; font-size: 15px; margin-right: 25px; position: relative; display: flex; align-items: center;}
.luxury-list ul li:after{content: '|'; right: -14px; position: absolute; }
.luxury-list ul li:last-child:after{display: none;}


/*========================Buy page css end===========================*/

/*========================insight page css start===========================*/


/*Range style*/
.range-slider__range {appearance: none; width: 100%; height: 10px; border-radius: 0; background: #d7dcdf; outline: none; padding: 0; margin: 0; z-index: 9999; position: relative; }
/*Range black ⚫ thumb*/
.range-slider__range::-webkit-slider-thumb {appearance: none; width: 20px; height: 20px; border-radius: 100%; background: #B2A16D; cursor: pointer; transition: background 0.15s ease-in-out; }
/*On hover change colour of black thumb into green 🟢 and scale size*/
.range-slider__range::-webkit-slider-thumb:hover {
  transform: scale(1.1);
  background: #B2A16D;}
.range-slider__range:active::-webkit-slider-thumb {
  transform: scale(1.1);
  background: #B2A16D;}
/*Range current value*/
.range-slider__value {display: inline-block; position: relative; width: 100%; color: #979797; line-height: 28px; text-align: left; border-radius: 26px 26px 0px 0px; background: #fff; padding: 15px 20px; margin-left: 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-bottom: -7px; }
.min-max{display: flex; justify-content: space-between; ,margin-bottom: 0px; margin-top: 10px;}
.min-max p{font-size: 11px; color: #767676;}
.range-tabs ul{justify-content: center; margin-top: 15px; margin-bottom: 20px!important;}
.range-tabs ul li{width: 33%;}
.range-tabs ul li:first-child button{border-radius: 50px 0 0 50px!important;}
.range-tabs ul li:last-child button{border-radius: 0px 50px 50px 0px!important;}
.range-tabs ul li button{border: 1px solid #ccc!important; border-radius: 0!important; color: #7e7e7e !important; font-weight: 300; font-size: 15px; width: 100%;}
.range-tabs ul li button.active{background-color: #FFFBED!important; border-color: #B2A16D!important;}
.purchase-price h5{font-size: 15px; color: #767676; margin-bottom: 15px; margin-top: 15px; font-weight: 400;}

.estimate-div{background-color: #F4F4F4; padding: 50px 20px; border-radius: 20px;}
.estimate-div h4{color: #767676; font-weight: 700; font-size: 29px; text-align: center;}
.estimate-div p{color: #767676; font-size: 15px; text-align: center;}
.estimate-price ul{list-style-type: none; padding-left: 0px; display: flex; justify-content: space-around; margin-bottom: 0px;}
.estimate-price ul li h6{ color: #767676; font-weight: 400; text-align: center; margin-bottom: 10px;}
.estimate-price ul li h3{ color: #767676; text-align: center; font-size: 25px; font-weight:600; }
.estimate-price{margin-top: 70px;}
.view-upfront{display: block; background-color: #fff; color: #767676; font-size: 15px; font-weight: 600; text-align: center; border: 1px solid var(--primary-color); font-size: 16px; text-decoration: none; border-radius: 50px; padding: 10px;}
.view-upfront-sec{display: block; background-color: var(--primary-background); color: #fff; font-size: 15px; font-weight: 600; text-align: center; border: 1px solid var(--primary-color); font-size: 16px; text-decoration: none; border-radius: 50px; padding: 10px; margin-top: 30px;}
.view-upfront:hover{color: #767676;}
.view-upfront-sec:hover{color: #fff;}
.estimate-btn{width: 70%; margin: 70px auto 0;}
.insight-cta-main{background-color: var(--primary-background); padding: 20px; border-radius: 20px;}
.insight-cta-wrapp{padding: 50px 0px;}
.insight-cta-main h3{color: #fff; font-weight: 400; font-size: 26px; line-height: 43px; }
.insight-cta-main a{display: block; background-color: #fff; color: #767676; font-size: 15px; font-weight: 600; text-align: center; border: 1px solid var(--primary-color); font-size: 16px; text-decoration: none; border-radius: 50px; padding: 10px 40px;}
.insight-cta-main img{}
.insight-cta-con{display: flex; align-items: center; height: 100%; }
.insight-cta-btn{display: flex; align-items: center; height: 100%; justify-content: center; }
.insight-cta-img{display: flex; align-items: center; justify-content: flex-end; height: 100%;}
/*========================insight page css end===========================*/

/*========================about us page css start===========================*/

.about-head{text-align: var(--text-align);}
.about-head h4{color: var(--primary-color); font-weight: var(--font-weight-600); font-size: var(--font-29); margin-bottom: 20px;}
.about-head p{font-size: var(--font-15); font-weight: var(--font-weight-400); }
.about-con h6{color: var(--primary-color); font-weight: var(--font-weight-600); font-size: var(--font-18); margin-bottom: 25px;}
.about-con p{font-size: var(--font-14); font-weight: var(--font-weight-400);}
.about-right-img img{width: 100%; width: 90%; margin-left: auto; display: block;}
.about-con{display: flex; align-items: center; height: 100%;}
.abour-middle-wrapp{padding: 50px 0px;}
.about-con h4{color: var(--primary-color); font-weight: var(--font-weight-600); font-size: var(--font-32); margin-bottom: 20px;}
.abt-vision img{margin-right: auto; margin-left: 0;}
.we-expert-con p{font-size: var(--font-14); font-weight: var(--font-weight-400); color: var(--black-color);}
.we-expert-con h3{color: var(--primary-color); font-weight: var(--font-weight-600); font-size: var(--font-32); margin-bottom: 5px; }
.we-expert-con h6{text-transform: capitalize; color: #000; font-size: 28px; margin-bottom: 30px;}
.abt-we-img img{width: 100%;}
.we-expert-con{display: flex; align-items: center; height: 100%;}
/*========================about us page css end===========================*/

/*===============================counter sec css start=============================*/

 #counter {background: unset;padding: 15px 0px 0px;width: 100%;max-width: 100%;margin: 0 auto;display: flex;justify-content: space-between;list-style-type: none;}
 #counter li {flex: 1;text-align: center;font-size: 36px;color: var(--primary-color);font-weight: 700;display: block;}
 #counter span.percent:after {/*content: "%";*/ display: inline-block; }
.counter-main{background-size: cover;background-position: 80%;padding: 21px;margin-top: 51px;}
 #counter li p{font-size: 15px;margin-top: 0px;color: #000;}
.count-icon img{width: 18%;}
/*===============================counter sec css End=============================*/

/*===============================news detail page css start=============================*/

.news-det-head{text-align: var(--text-align); margin-bottom: 50px;}
.news-det-head h4{color: var(--primary-color); font-size: var(--font-25); text-transform: var(--text-uppercase); font-weight: var(--font-weight-600);}
.news-det-head h4 span{color: var(--black-color);}
.news-detaim-con img{width: 70%; border-top-left-radius: 20px; border-top-right-radius: 20px; display: block; margin: 0 auto; margin-bottom: 40px; margin-top: 40px;}
.news-detaim-con h5{color: var(--primary-color); font-weight: var(--font-weight-600); font-size: var(--font-20); margin-bottom: 15px;}
.news-detaim-con p{color: var(--black-color); font-size: var(--font-15);}

/*===============================news detail page css End=============================*/

/*===============================join us page css start=============================*/
.career-middle-wrapper{padding: 50px 0px;}
.career-left-img img{width: 100%; object-fit: cover; border-radius: 30px; height: 765px;}
.career-form h4{font-weight: 600; font-size: 27px; display: inline-block; border-bottom: 1px solid #ccc;}
.career-form form{margin-top: 20px;}
.career-form form input{padding: 10px 20px; border-radius: 50px; background-color: #EFEFEF;}
.career-form form textarea{padding: 10px 20px; border-radius: 25px; height: 185px; background-color: #EFEFEF;}
.career-form form input:focus{outline: none; box-shadow: unset;}
.career-form form textarea:focus{outline: none; box-shadow: unset;}

.drop-zone {max-width: 100%; height: 185px; padding: 6px; align-items: center; justify-content: center; text-align: center; font-family: "Quicksand", sans-serif; font-weight: 500; font-size: 15px; cursor: pointer; color: #cccccc; border: 1px solid #ccc; border-radius: 25px;background-color: #EFEFEF; }
.drop-zone--over {border-style: solid; }
.drop-zone__input {display: none; }
.drop-zone__thumb {width: 100%; height: 100%; border-radius: 10px; overflow: hidden; background-color: #cccccc; background-size: cover; position: relative; }
.drop-zone__thumb::after {content: attr(data-label); position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px 0; color: #ffffff; background: rgba(0, 0, 0, 0.75); font-size: 14px; text-align: center; }
.drop-zone img{margin-top: 20px; margin-bottom: 20px;}

.career-form form button {background-color: var(--primary-background); padding: 10px 60px; border-radius: 50px; font-size: 15px; font-weight: 600; color: #fff; border: none; margin-top: 9px; }
.captcha-div img{margin-left: auto; display: block;}
.join-main-head{text-align: var(--text-align); color: var(--primary-color); margin-bottom: 50px;}
.join-main-head h4{display: inline-block; font-size: var(--font-25); font-weight: var(--font-weight-600); border-bottom: 1px solid var(--primary-color);}
/*===============================join us page css End=============================*/

/*===============================Project detail page css start=============================*/

.project-detail-head{text-align: var(--text-align); margin-bottom: 50px;}
.project-detail-head h6{color: #A5A5A5; font-size: var(--font-20;); text-transform: var(--text-uppercase); margin-bottom: 15px;}
.project-detail-head h3{font-size: var(--font-30); color: var(--primary-color); font-weight: var(--font-weight-600);}
.project-detail-head h4{font-size: var(--font-25); color: var(--black-color); }
.pro-det-img img{    width: 100%; height: 492px; object-fit: cover; object-position: top; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.pro-det-img{position: relative;}
.pro-det-img a{}
.pro-right img{margin-bottom: 30px; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.pro-right img:last-child{margin-bottom: 0px;}
.pro-right img{width: 100%; height: 14.4rem;}
.broucher-btn{position: absolute; bottom: 20px; left: 0;}
.broucher-btn a{background-color: var(--primary-background); padding: 8px 30px; display: inline-block; border-top-right-radius: 20px; color: var(--white-color); text-decoration: none; font-size: var(--font-15);}
.project-detail-con h4{color: var(--primary-color); font-weight: var(--font-weight-600); font-size: var(--font-20); margin-bottom: 15px; margin-top: 30px;}
.project-detail-con h2{color: var(--primary-color); font-weight: var(--font-weight-600); font-size: var(--font-20); margin-bottom: 15px; margin-top: 30px;}
.project-detail-con h3{color: var(--primary-color); font-weight: var(--font-weight-600); font-size: var(--font-20); margin-bottom: 15px; margin-top: 30px;}
.project-detail-con h1{color: var(--primary-color); font-weight: var(--font-weight-600); font-size: var(--font-20); margin-bottom: 15px; margin-top: 30px;}
.project-detail-con p{color: var(--black-color); font-size: var(--font-15);}
.project-detail-con ul{list-style-type: none;     padding-left: 15px; margin-bottom: 30px;}
.project-detail-con ul li:before{content: '\f111'; font-weight: 600; margin-right: 10px; font-family: 'Font Awesome 5 Free'; font-size: 8px; color: #b2a16d;}
.project-detail-con ul li{font-size: 15px; margin-bottom: 10px;}

.payment-plan-con h4{color: var(--primary-color); font-weight: var(--font-weight-600); font-size: var(--font-20); margin-bottom: 15px; margin-top: 30px;}

.paymeny-plan-box{background-color: #EFEFEF;padding: 20px;border-radius: 20px;text-align: center;position: relative;z-index: 99; height: 9.2rem; display: flex; align-items: center; justify-content: center;}
.payment-plan-structure ul{padding-left: 0px; display: flex; align-items: center; justify-content: space-between; list-style-type: none;}
.payment-plan-structure ul li{width: 25%; position: relative;}
.payment-plan-structure ul li:after{content: '';width: 250px;height: 2px;background-color: #ccc;position: absolute;right: -200px;top: 70px;}
.payment-plan-structure ul li:last-child:after{display: none;}
.paymeny-plan-box h2{ color: var(--primary-color); font-weight: var(--font-weight-700); font-size: var(--font-30); }
.paymeny-plan-box h4{font-size: var(--font-20); color: var(--black-color); font-weight: var(--font-weight-600); margin-bottom: 10px;}
.paymeny-plan-box h6{color: #6D6D6D; font-size: var(--font-18);}


.progressbar {counter-reset: step;     padding-left: 0; margin-top: 48px;}
.progressbar li {list-style: none; display: inline-block; width: 30.33%; position: relative; text-align: center; cursor: pointer; }
.progressbar li:before {content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 600; width: 40px; height: 40px; line-height : 30px; border: 1px solid #ddd; border-radius: 100%; display: block; text-align: center; margin: 0 auto 25px auto; background-color: #fff; display: flex; justify-content: center; align-items: center; }
.progressbar li:after {content: ""; position: absolute; width: 100%; height: 3px; background-color: #ddd; top: 19px; left: -50%; z-index : -1; }
.progressbar li:first-child:after {content: none; }
.progressbar li:last-child:after {background-color: #ddd!important; }
.progressbar li.active {color: #000; }
.progressbar li.active:before {border-color: #B2A16D; background-color: #B2A16D; color: #fff; }
.progressbar li.active + li:after {background-color: #B2A16D; }
.progressbar li h6{font-weight: 600; font-size: 16px;}
.progressbar li p{color: #8f8f8f; font-size: 15px;}
.project-timeline-wrapp{padding-top: 20px;}

.property-det-tabs{padding-top: 40px;}
.property-det-tabs ul li button{border-bottom: 2px solid #ddd !important; border-radius: 0px !important; color: var(--primary-color); font-size: var(--font-18); padding: 10px 27px; }
.property-det-tabs ul li button.active{background-color: unset !important; color: #b2a16d !important; font-weight: 600; border-color: #b2a16d !important; }
.property-det-tabs ul li button:hover{color: #b2a16d !important;}
.pro-tab-content h4{color: #9F9F9F; font-weight: 600; text-transform: uppercase; font-size: 18px;}
.pro-tab-content{padding: 20px 20px;}
.pro-tab-content .accordion{margin-top: 30px;}
.pro-tab-content .accordion-item{margin-bottom: 30px; border: none;}
.pro-tab-content .accordion-header button{display: flex; align-items: center; justify-content: space-between;     border-radius: 50px !important; background-color: #EFEFEF; border: none!important;}
.pro-tab-content .accordion-header button h4{width: 100%; color: #595959; font-size: 16px;}
.pro-tab-content .accordion-header button p{width: 100%; text-align: right; margin-right: 16px; margin-bottom: 0px; color: #818181; font-size: 15px;}

.pro-tab-content .accordion-button:not(.collapsed){    background-color: #F3EBCE !important; border-bottom-left-radius: 0!important; border-bottom-right-radius: 0!important; border-top-left-radius: 20px!important; border-top-right-radius: 20px!important;}
.pro-tab-content .accordion-header button:focus{outline: none; box-shadow: none!important;}
.pro-tab-content .accordion-button:not(.collapsed) h4{color: var(--primary-color)!important;} 
.pro-tab-content .accordion-button:not(.collapsed) p{color: var(--primary-color)!important;} 
.pro-tab-content .accordion-body{background-color: #FFFBED!important; border-bottom-right-radius: 20px!important; border-bottom-left-radius: 20px!important;}


.pro-tab-content .accordion-body table {

  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.pro-tab-content .accordion-body table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.pro-tab-content .accordion-body table tr {
  padding: .35em;
}

.pro-tab-content .accordion-body table th,
.pro-tab-content .accordion-body table td {
  padding: .625em;
  text-align: center;

}

.pro-tab-content .accordion-body table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #818181;
}
.pro-tab-content .accordion-body table td { color: #818181; font-size: 14px;}
@media screen and (max-width: 600px) {
  .pro-tab-content .accordion-body table {
    border: 0;
  }

  .pro-tab-content .accordion-body table caption {
    font-size: 1.3em;
  }
  
  .pro-tab-content .accordion-body table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .pro-tab-content .accordion-body table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  .pro-tab-content .accordion-body table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  .pro-tab-content .accordion-body table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .pro-tab-content .accordion-body table td:last-child {
    border-bottom: 0;
  }
}

.amenities-wrppps ul{list-style-type: none;     padding-left: 15px; margin-bottom: 30px; margin-top: 30px;}
.amenities-wrppps ul li:before{content: '\f111'; font-weight: 600; margin-right: 10px; font-family: 'Font Awesome 5 Free'; font-size: 8px; color: #b2a16d;}
.amenities-wrppps ul li{font-size: 15px; margin-bottom: 10px;}
.estimate-table table {margin: 0; padding: 0; width: 100%; table-layout: fixed; }
.estimate-table table caption {font-size: 1.5em; margin: .5em 0 .75em; }
.estimate-table table tr {padding: .35em; }
.estimate-table table th, .estimate-table table td {padding: .625em; text-align: center; }
.estimate-table table th {font-size: .85em; letter-spacing: .1em; text-transform: uppercase; color: #B2A16D; }
.estimate-table table  thead{background-color:#F3EBCE; border-top-right-radius: 20px!important; border-top-left-radius: 20px!important; }
.estimate-table table  thead tr{background-color:#F3EBCE; border-top-right-radius: 20px!important; border-top-left-radius: 20px!important; }
.estimate-table table  thead th:first-child{border-top-left-radius: 20px!important;  padding: 15px;}
.estimate-table table  thead th:last-child{border-top-right-radius: 20px!important;  padding: 15px;}
.estimate-table table  tbody tr{background-color:#FFFBED; border-top-right-radius: 20px!important; border-top-left-radius: 20px!important; border-bottom: 1px solid var(--primary-color);}
.estimate-table table  tbody tr td{padding: 10px;}
.estimate-table table  tbody tr:last-child{border: none;}
.estimate-table table td { color: #818181; font-size: 14px;}
@media screen and (max-width: 600px) {
  .estimate-table .accordion-body table {border: 0; }
  .estimate-table table caption {font-size: 1.3em; }
  .estimate-table table thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  .estimate-table table tr {border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
  .estimate-table table td {border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; }
  .estimate-table table td::before {/* * aria-label has no advantage, it won't be read inside a table content: attr(aria-label); */ content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }
  .estimate-table table td:last-child {border-bottom: 0; }
}

.padd-col{padding: 0px;}
.main-modal .modal-body{padding: 0px; border-radius: 10px; background-color: var(--primary-background)!important;}
.main-modal .modal-content{border-radius: 10px; background-color: var(--primary-background)!important;}
.popup-img{height: 100%;}
.popup-img img{width: 100%; border-bottom-right-radius: 10px; border-top-right-radius: 10px; height: 100%; object-fit: cover;}
.modal-con-div{padding: 17px;}
.modal-con-div h6{
      text-transform: uppercase;
    color: #000;
    font-size: 17px;
}
.modal-con-div h3{text-transform: uppercase; color: #000; font-weight: 700;  font-size: 23px;}
.modal-con-div h5{font-size: 15px; color: #000;}
.home-onload-popup .row{margin: 0 auto; width: 100%;}
.modal-con-div form input{background-color: #fff; border: none; border-radius: 10px; margin-bottom: 8px; padding: 9px; font-size: 13px;}
.modal-con-div form textarea{background-color: #fff; border: none; border-radius: 10px; margin-bottom: 8px; padding: 9px; font-size: 13px; height: 100px;}
.modal-con-div form button{background-color: #000; padding: 6px 37px; color: #fff; border-radius: 50px; margin: 0 auto; display: block; }
.modal-con-div form{margin-top: 20px;}

   .main-modal .modal-dialog { max-width: 640px;}

/*===============================Project detail page css End=============================*/

.main-modal .btn-close{
  position: absolute;
    right: 8px;
    background-color: #fff;
    opacity: 1;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    font-size: 9px;
    font-weight: 600;
    top: 6px;
}

/*===============================Project filter css End=============================*/

.bed-bath-panel{background-color: #fff; box-shadow: 0px 0px 10px #ccc; padding: 20px;}
.bed-bath-panel h5{font-weight: 600; font-size: 15px; color: #000; margin-bottom: 25px;}
.bed-bath-panel ul{list-style-type: none; padding-left: 0px; display: flex; align-items: center;     margin-bottom: 30px;}
.bed-bath-panel ul li{margin-right: 10px;}
.bed-bath-panel ul li a{background-color: #fffbed; padding: 5px 15px; color: #000; text-decoration: none; border: 1px solid #b2a16d; border-radius: 5px; font-size: 13px;}
.bed-bath-panel ul li.active a{background-color:  #b2a16d; color: #fff;}

.price-panel{background-color: #fff; box-shadow: 0px 0px 10px #ccc; padding: 20px;}
.price-panel-form{display: flex; align-items: center; justify-content: space-between;}
.price-panel-form .form-floating{width: 42%;}
.price-panel-form hr{width: 33px;}
.price-panel-form input{font-size: 14px;}
.price-panel-form input:focus{outline: none; box-shadow: unset;}

.reset-btn{border-top: 1px solid #ccc; padding: 15px 10px 0px; margin-top: 15px;}
.reset-btn a{color: #b2a16d; text-decoration: none;}
.pro-list-add-div a{text-decoration: none; color: #000;}