:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #FFCD07;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #FFCD07;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif:'Poppins', sans-serif;
    --font-poppins:'Poppins', sans-serif;
}
@media (min-width: 1200px){
  .xs-container{
    max-width:1400px;
  }
  .xs-container-lg{
    max-width: 1800px;
  }
}
@media (min-width: 576.98px){
  .xs-mw-275{max-width:275px}
  .xs-column-count-2{column-count:2;}
}
@media (max-width: 1199.99px){
  .xs-container, .xs-container-lg {
    max-width: 100%;
  }
}


.bg-page{
  background:#F8F8F8;
}
/*========*/
/*sidebar Menu*/
/*========*/
.ma5menu--active:before{
  z-index:0 !important;
}
.ma5menu__toggle {
  background-color: #2e2e54 !important;
  width: 46px;
  height: 35px;
}
.ma5menu__panel,
.ma5menu__container{
  background-color: #101033;
}
/*========*/
/*Buttons*/
/*========*/
.xs-btn{
  font-family: var(--font-family-sans-serif);
  transition: all 0.2s ease-in-out;
}
.xs-btn-lg{
  padding: 13px 28px;
  border-radius: 100px;
  font-size: 16px;
  color: #000000;
  line-height: 1;
}
.xs-btn-outline-warning{
  width: 100%;
  max-width: 300px;
  height: 55px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0px;
  color: #000000;
  border: 1px solid #707070;
  border-radius: 6px;
}



/*================*/
/* Fancy Dropdown */
/*================*/
.new-fancy-select.fancy-select  div.trigger{
  width: auto;
  height: 50px;
  border: 1px solid #B4B4B4 !important;
  background:transparent !important;
  color: #000000 !important;
  border-radius: 6px;
  padding:10px 15px;

  display:inline-flex;
  justify-content:space-between;
  align-items:center;
  font-size:14px;
  font-weight:normal;
  line-height:28px;
  letter-spacing: 0px;

}
.new-fancy-select.fancy-select  div.trigger i{
  color:#B4B4B4;
  font-size:20px;
}
.new-fancy-select.fancy-select div.trigger:after{
  display:none;
}

.new-fancy-select.fancy-select ul.options {
  background: #fff;
  width: 100%;
  min-width: 100%;
  border: 1px solid #B4B4B4;
  border-radius: 8px;
}
.new-fancy-select.fancy-select ul.options li{
  border-bottom: 1px solid #70707014;
}
.new-fancy-select.fancy-select ul.options li:hover{
  background: #eee;
}
.new-fancy-select.fancy-select ul.options li.selected {
  background: #F8F8F872;
  color: #000000;
  font-weight: bold;
}

/*================*/
/* Property Card  */
/*================*/
.xs-prop-card {
  background:#fff;
  border: 2px solid transparent;
  border-bottom-left-radius: 7px;
  border-bottom-righ-radius: 7px;
  overflow: hidden;
}
.xs-prop-card:hover{
  border-color:#FFCD07;
}

.xs-prop-card .xs-prop-thumb{
  position: relative;
  height:240px !important;
  overflow:hidden;
  background:#ccc;
}
.xs-prop-card .xs-prop-thumb img{
  width:100%;
  height:100%;
}
.xs-prop-card .xs-prop-thumb .prop-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:0px;left:0px; 
  width: 100px;
  height: 37px;
  background: #FFCD07;
  font-size:16px;
  font-weight:normal;
  letter-spacing: 0px;
  color: #000000;
}


/*xs-prop-content*/
.xs-prop-content{
  padding:15px 20px;
}
.xs-prop-content h3 a{
  display:inline-block;
  text-align: left;
  font-size:14px;
  font-weight:300;
  line-height:1.3;
  letter-spacing: 1.4px;
  color: #000000;
  text-transform: uppercase;
  text-decoration:none;
  min-height:51px;
  max-height: 51px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.xs-prop-content > p{
  text-align: left;
  font-size:14px;
  font-weight:300;
  line-height:1.4;
  letter-spacing: 0px;
  color: #AFAFAF;
  min-height:40px;
}

.xs-prop-price{
  font-size:18px;
  font-weight:600;
  line-height:38px;
  letter-spacing: 0px;
  color: #101033;
  margin-top:20px;
}
/*Meta*/
.xs-prop-meta {
    display: flex;
    align-items: center;
    flex-wrap:wrap;
}
.xs-prop-meta p{
  display:flex;
  align-items:center;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0px;
  color: #000000;
  margin:10px 10px 0px 0px;
  padding-right: 10px;
  border-right: 1px solid #00000027;
}
.xs-prop-meta p b{
  margin-right:5px;
}

.xs-prop-meta p:last-child{
  border-right:none;
  margin-right:0px;
}

/*==================*/
/* Google Translate */
/*==================*/
#google_translate_element select{
 background:#f6edfd;
 color:#333;
 border: none;
 border-radius:3px;
 padding:6px 8px
 }
 .goog-logo-link{
   display:none!important;
  }
 .goog-te-gadget{
 color:transparent!important;
 } 
 .goog-te-banner-frame{
 display:none !important;
 }
 
 #goog-gt-tt, .goog-te-balloon-frame{display: none !important;}
.goog-text-highlight { background: none !important; box-shadow: none !important;}
/*================*/
/*   Media Query  */
/*================*/
@media screen and (max-width: 556px) {
  .xs-btn-lg {
    padding: 9px 12px;
    font-size: 14px;
  }
  .xs-prop-content {
      padding: 15px 10px;
  }
  .main-header .h-search .form-group{margin-bottom:10px}
}