/*the hive-intro.css file is used for the Hive theme's intro section styles*/


.intro-container {
  display: flex;
  max-width: 1650px;
}

.intro-container .left-col {
  width: 55%;
  display: flex;
}

.intro-container .right-col {
  width: 45%;
  max-width: 670px;
  margin-top: 40px;
  padding-left: 40px;
}
.intro-type-1 .left-col .img-wrapper{
  width: 100%;
}
.intro-type-1 .left-col .img-wrapper img,
.intro-slider .slide-bg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.intro-slider-wrapper .slick-track {
  height: 100%;
  display: flex;
}

.intro-slider-wrapper .slick-list,
.intro-slider-wrapper .intro-slider {
  height: 100%;
  max-height: 960px;
}

.intro-slider-wrapper .intro-slider .slide-bg {
  height: 100%;
}

.luxury-life-stripe {
  position: absolute;
  width: 100%;
  height: 150px;
  top: 150px;
}

.content-wrapper .intro-heading {
  margin-bottom: 20px;
}

.intro-type-1 .content-wrapper .intro-heading h3 {
  margin-top: 0;
  padding-bottom: 25px;
}

.content-wrapper .intro-heading h2 {
  padding-top: 25px;
  padding-bottom: 8px;
  margin-bottom: 0;
}
.intro-type-1 .bg-pattern {
  display: none;
}
.intro-type-1 .btn {
  line-height: 1;
  border-radius: 2px;
  padding: 12px 24px;
}
.intro-slider .slick-dots li button:before {
  color: #d9d9d9;
  opacity: 1;
}
.intro-slider .slick-dots li.slick-active button:before {
  color: #7b7b7b;
}
/* intro type 2 css */
.intro-type-2 .right-col {
    width: 100%;
    padding-left: 0;
    max-width: 100%;
}
.intro-type-2 .intro-heading{
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.intro-type-2 .content-wrapper {
      margin: 0 auto;
    text-align: center;
}
.intro-type-2 .content-wrapper .intro-heading h2{
    padding: 0;
    margin: 0 0 15px
}
/* .intro-type-2 .content-wrapper .intro-heading h3{
  padding-bottom: 0;
}  */
.intro-type-2 .intro-container .content-wrapper .section-buttons{
justify-content: center;
 }
 
@media screen and (max-width: 992px) {
  .intro-container {
    flex-flow: wrap;
  }
  .intro-container .left-col {
    width: 100%;
  }
  .intro-container .right-col {
    padding-left: 0;
    width: 100%;
    margin-bottom: 15px;
  }
  .intro-container .right-col {
    padding: 0px 15px;
  }
  .intro-container {
    flex-flow: wrap;
    padding: 0;
  }
  .intro-type-1 .content-wrapper .intro-heading h3 {
    padding-bottom: 16px;
  }
  .new-section.intro-type-1 .container {
    padding: 0;
  }
  .intro-type-1 .intro-container .right-col {
    padding: 0;
    max-width: 100%;
  
  }
  .intro-type-1 .content-wrapper .intro-heading h2 {
    padding-bottom: 10px;
    padding-top: 16px;
  }
  .intro-type-1 .content-wrapper .intro-heading,
  .intro-type-1 .content-wrapper .intro-content {
    padding: 0 16px;
  }
  .intro-type-1 {
  padding: 42px 0 30px;
}
.intro-type-2 .content-wrapper .intro-heading h2{
    padding: 0;
    margin: 0 0 20px
}
.intro-type-2 .intro-container .right-col{
  padding: 0;
 }
}