/*********** Public **************/
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

body,
h1,h2,h3,h4,h5,h6,
input, select , button
{
  font-family: "Rubik", sans-serif;
}

.w150{
  width: 150px !important;
}

/*********** RTL **************/
body{
  direction: rtl;
  font-size: 16px;
}

.en{
  direction: ltr !important;
}

.nice-select::after {
  right: auto;
}
.nice-select > .list .option{
  text-align: right;
}

/*********** Header **************/
#header_main .header-inner .header-inner-wrap .main-menu ul.navigation{
  gap: 25px;
}

/*********** INDEX **************/
.video-container {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		opacity: 1;
}

.video-container video {
		width: 100%;
		height: 100%;
		object-fit: cover;
}

.slider.home8 .wrap-slider {
  background-image: url('../img/bg-image-1.jpg');
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  padding: 40px 0;
}
.slider.home8 h2{
  color: #FFF;
}


.home8 .slider-content{
  padding-top: 50px !important;
  padding-bottom: 60px !important;
}
.featured-categories.style-3{
  padding-top: 100px;
  padding-bottom: 100px;
}

/*********** Poster **************/
/*.box-dream .image {
  text-align: center;
}
.box-dream .image img{
  height: 240px;
  width: auto !important;
}*/
.box-dream .image {
  height: 240px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f9f9f9;
}

.box-dream .image img {
  max-height: 100%;
  width: auto;
  object-fit: contain;
  display: block;
}


.featured-properties.style-2,
.recent-properties.style-1{
  /*padding-top: 80px;
  padding-bottom: 80px;*/
   padding-top: 0;
   padding-bottom: 0;
}

/***********  **************/
.slogan-logo{
    width: 130px;
    height: 80px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    box-shadow: 0 0 4px rgba(0,0,0,0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.slogan-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}


/*********** 404 **************/
.slider.page-404 .wrap-slider{
  background-image: none;
}
.slider.page-404 .wrap-slider .slider-item .slider-content > .heading,
.slider.page-404 .wrap-slider .slider-item .slider-content > h2,
.slider.page-404 .wrap-slider .slider-item .slider-content > .text-content{
    color: var(--Text);
}
/*********** FOOTER **************/
.footer.bg-white .footer-inner .footer-inner-wrap .top-footer{
  border: none;
  padding-bottom: 20px;
}



/*********** ADS **************/
.ads_area {
  font-family: "Rubik", sans-serif;
  margin: 30px 0;
  text-align: center;
  background-color: #ddd;
  padding: 40px 0;
  border-radius: 10px;
  border: 2px solid #aaa;
  /*color: #01a7c1;*/
  font-size: xx-large;

  overflow: hidden;
  position: relative;
  min-height: 112px;
}
.ads_area span{

}
.ads_area img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/*-------------------------------*/
@media (max-width: 767px) {
  .slider .wrap-slider .slider-content{
    padding: 10px 0 !important;
  }


  .property-grid-wrap {
    display: block;
  }
  .property-grid-wrap > .box-dream {
     max-width: 100%;
     margin: 5px 0;
     display: flex;
   }

   .property-grid-wrap > .box-dream .content .head{
     padding: 0 !important;
   }
   .property-grid-wrap > .box-dream .content{
     padding: 0 10px;
     width: 100%;
   }

   .property-grid-wrap > .box-dream .image {
     /*margin-left: 9px;
     float: right;
     width: 100px;*/
     margin: 0 10px;
     height: auto;
     margin-left: 10px;
     text-align: center;
   }
   .box-dream .image img{
     max-height: auto;
     width: 100px;
   }
   .box-dream.style-1 .content .location {
     margin-bottom: 0;
   }
   .box-dream .content .icon-box {
      display: block;
      width: 100%;
    }
   .box-dream .content
   .icon-box .item:not(:last-child){
     display: inline-block;
     width: 48%;
   }
   .box-dream.style-1 .content .icon-box .item p,
   .box-dream.style-1 .content .icon-box .item i{
     display: inline-block;
   }

   .property-grid-wrap > .box-dream .content .icon-box p,
   .property-grid-wrap > .box-dream .content .location *{
     font-size: small;
   }
   .property-grid-wrap > .box-dream .content .title{
     font-size: medium;
   }
   /*----------------------------*/
    .main-content .wrap-slider, .slider.home8 .wrap-slider {
      padding: 20px 0;
    }
    .main-content .wrap-slider .slider-item .form-search-home5{
      display: none;
    }
    /*--------*/
    h2 {
      font-size: 22px !important;
      line-height: 1 !important;
    }
    /*--------*/
    .tf-section {
      padding: 10px !important;
    }
    .heading-section h2{
      margin-bottom: 0;
    }
    .mb-20 {
      margin-bottom: 10px !important;
    }
    .top-heading {
      margin-bottom: 10px;
    }
    .property-grid-wrap{
      padding-bottom: 10px;
    }

    .box-dream .image {
      height: 200px;
    }
    /*--------*/
    .swiper-container-horizontal > .swiper-pagination-bullets{
      bottom: 0;
    }
    /*--------*/
    .ads_area{
      min-height: auto;
      padding: 0;
      margin: 5px 0;
    }
    .ads_area img{
      position: relative;
    }

    /*--------*/
    .slogan-logo  {
      width: 100px;
      height: 60px;
      padding: 10px;
    }
    /*--------*/
    .footer.bg-white .footer-inner .footer-inner-wrap .top-footer {
      display: block;
      width: 100%;
    }
    .footer .footer-inner .footer-inner-wrap .top-footer .wg-social{
      margin-top: 10px;
    }
    /*----------------------------*/
    .featured-properties .image > img{
      width: 85%;
    }
    .featured-properties .content .head > .title ,
    .property-grid-wrap > .box-dream .content .title{
      font-size: 16px;
    }
    .box-dream .content .title{
      line-height: 20px;
    }
   /*----------------------------*/
}
