/*
Theme Name: Lazz Child
Description: Lazz Child
Author: lazz
Template: lazz
Version: 1.0
*/
@import url("../lazz/style.css");


#wrapper, #main {
  background: transparent;
}



a {
  color: #24408E;
}
h1{
  font-weight: 700 !important;
}
b, p strong {
  font-weight: 600;
}
.text-primary{

}
ul{
  padding-left: 30px;
  margin-bottom: 20px;
}
.text-left {
  text-align: left;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}
.header .menu .menu-header-desk .right .navbar .navbar-nav .nav-item a{
  font-weight: 400;
}
.slideshow-home .swiper-slide-inner{
  max-width: 150.4rem;
    margin-right: auto;
    margin-left: auto;
}
.slideshow-home .swiper-slide-bg{
    position: relative
}
.slideshow-home .swiper-slide-bg:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(72deg, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
}
.slideshow-home .swiper-slide-contents{
    z-index: 3;
}
a.elementor-button.elementor-size-md{
  padding: 2rem !important;
}
a.elementor-button{
  background: transparent linear-gradient(91deg, #D5B765 0%, #FFE7A0 48%, #D5B765 100%) 0% 0% no-repeat padding-box !important;
  min-width: 200px;
  padding: 2rem;
}
a.elementor-button:hover{
  background: transparent linear-gradient(90deg, #F6DB8A 0%, #EDC357 45%, #F6DB8A 100%) 0% 0% no-repeat padding-box !important;
}

/*.service-home-left {
    padding-left: calc((100vw - 155.4rem) / 2) !important;
}*/
.service-home-left {
    padding-left: 18.3rem !important;
}
.section-machine1:before{
      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #000000;
    opacity: 20%;
    z-index: 1;
}

.section-machine1 .bg-content{
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-machine1 .bg-face.active,
.section-machine1 .bg-hair.active,
.section-machine1 .bg-body.active{
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}
.section-machine1 .bg-mb-first.hide{
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
}
.bg-about1{
  position: relative;
}
.bg-about1:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 66%;
  background: #F5F5F5;
  left: 0;
  top: 0;
}
.pagination .page-numbers{
  line-height: 1.2;
  padding: 0 3px;
  font-size: 2.4rem;
}
.menu-top-service .elementor-icon-list-items li a{
  padding: 4rem 1.5rem;
}
.menu-top-service .elementor-icon-list-items li a:hover{
  background: #fff;
}
:target {
    scroll-margin-top: 200px;
}
.item-service{
  position: relative;
}
.item-service .elementor-widget-image {
  display: flex;
  justify-content: center;
}
.item-service .elementor-widget-image .elementor-widget-container{
  position: relative;
  width: 300px;
  height: 300px;
  overflow: hidden;
  border-radius: 100%;
}
.item-service .elementor-widget-image .elementor-widget-container:before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
    width:100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}
.item-service:hover .elementor-widget-image .elementor-widget-container:before,
.item-service:hover .btn-readmore-sv{
  opacity: 1;
}
.btn-readmore-sv{
  opacity: 0;
}
.loop-service .elementor-swiper-button svg image{
  filter: invert(60%) brightness(120%) contrast(0.9);
}
.loop-service .elementor-swiper-button{
  z-index: 99 !important;
}
.loop-service .elementor-swiper-button svg image:hover{
  filter: none;
}
.loop-service .swiper-pagination-bullets{
  left: 50% !important;
  margin-top: 20px;
  display: none;
}
.line-top1 .elementor-icon-list-items li{
    margin-bottom: 15px !important;
}
.btn-booknow a.elementor-button{
  min-width: 155px;
}
.footer .footer-sec .title-footer{
  font-weight: 400;
}
.bot-footer .copyright,
.bot-footer .policy a{
  font-weight: 400;
}
.header .menu {
    padding: 0 !important;
}
.meet-our{
  position: relative;
}
.meet-our:before{
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  left: 0;
  max-width: 95rem;
  height: 36rem;
  padding: 10rem 12.7rem 10rem 21.3rem;
  background-color: #CAAF6C;
}
.top-bar marquee {
    margin: 0 auto;
    font-size: 1.6rem;
    line-height: 1.25;
    font-family: "Helvetica Neue Regular";
    color: #1C1402;
    letter-spacing: 0.08px;
    text-transform: uppercase;
}
.menu-header .elementor-nav-menu > li > a:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 1px;
    width: 100%;
    background: #81620D;
}
.menu-header .elementor-nav-menu .sub-arrow{
    padding: 0;
}
.menu-header .elementor-nav-menu .sub-menu {
  min-width: 255px !important;
  padding-bottom: 10px;
  padding-top: 10px;
}
.menu-header .elementor-nav-menu .sub-menu li a{
  font-family: "Helvetica Neue Regular" !important;
}
.menu-header .elementor-nav-menu li.service-dropdown .sub-menu{
  padding-right: 9.2rem !important;
}
.section-banner h1.elementor-heading-title{
  font-family: "Playfair Display Medium" !important;
}
.pt-65 .elementor-widget-container{
  position: relative;
    width: 100%;
    padding-top: 65% !important;
    overflow: hidden;
}
.pt-65 .elementor-widget-container img{
      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3sease-in-out;
    object-fit: cover;
}
.single-post h2{
      font-family: "Roboto", Sans-serif !important;
      font-size: 22px;
      font-weight: bold;
      margin: 20px 0 5px;
}
.single-post h3{
      font-family: "Roboto", Sans-serif !important;
      font-size: 18px;
      font-weight: bold;
      margin: 10px 0 3px;
}
.single-post .sub-desc,
.single-post .desc-solo{
  text-align: left;
  font-size: 2rem !important;
  line-height: 1.5em !important;
  margin-bottom: 1.1rem !important;
  font-family: "Helvetica Neue Light" !important;
  letter-spacing: .2rem !important;
  opacity: 100% !important;
}
.single-post .sub-desc ul,
.single-post .sub-desc p{
  color: #1B1404;
}
.single-post p{
  color: #1B1404;
  opacity: 80%;
}
.single-post ul{
  font-size: 16px;
  color: #7A7A7A;
}
@media only screen and (min-width: 1200px) {

}
@media only screen and (max-width: 1199px) {
  .menu-slide-left .elementor-nav-menu li ul.sub-menu {
    position: unset !important;
    margin: 0 !important;
  }
  .menu-slide-left .elementor-nav-menu--dropdown li a {
    padding: 8px 15px !important;
  }
}
@media only screen and (min-width: 992px) {
  .slideshow-home .swiper-slide-contents{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 0;
    border-top: 1px solid #fff;
    gap: 50px;
  }
.machine-home{
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 9;
  height: 100%;
  width: 100%;
}
.machine-home .item-machine{
  height: 100%;
  transition: all 0.8s ease-in-out;
  transform: translateY(0);
  position: relative;
}
.section-book .book{
  padding: 0 !important;
  border: 0 !important;
}
/*.bg-first{
  position: absolute;
  z-index: 1;
}*/
.machine-home .box-machine{
  padding-bottom: 10px;
  max-width: 46rem !important;
  margin: 0 auto;
}
.machine-home .box-machine .elementor-image-box-description{
  margin-left: -50px;
}

.machine-home .box-machine .elementor-image-box-description,
.machine-home .btn-machine{
  opacity: 0;
  transition: all 0.8s ease-in-out;
  
}
.machine-home .item-machine:hover .box-machine .elementor-image-box-description,
.machine-home .item-machine:hover .btn-machine{
  opacity: 1;
  transition: all 0.8s ease-in-out;
}

.machine-home .item-machine:hover .box-machine .elementor-image-box-description,
.machine-home .item-machine:hover .box-machine .elementor-image-box-title{
  transition: all 0.4s ease-in-out;
}
.machine-home .item-machine .box-machine .elementor-image-box-description,
.machine-home .item-machine .box-machine .elementor-image-box-title{
  transition: all 0.4s ease-in-out;
}
.machine-home .item-inner-machine {
  position: absolute;
  bottom: 2rem;
  transition: all 0.4s ease-in-out;
}
.machine-home .item-machine:hover .item-inner-machine{
  bottom: 8rem;
  transition: all 0.4s ease-in-out;
}
.machine-home .item-machine .box-machine .elementor-image-box-title{
  transform: translateY(0%);
  transition: all 0.8s ease-in-out;
}
.machine-home .item-machine:hover  .box-machine .elementor-image-box-title{
  transform: translateY(-15%);
  transition: all 0.8s ease-in-out;
}
.section-machine1 .bg-face.active{
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
  z-index: 2;
}
.btn-machine .elementor-widget-container{

  max-width: 46rem !important;
  margin: 0 auto !important;
}
.btn-machine .elementor-widget-container a{
  margin-left: -50px;
}
}
@media only screen and (max-width: 991px){
  .section-machine1 .machine-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .section-machine1 .bg-mb-first,
  .section-machine1 .bg-mb{
    height: 100%;
  }
  .machine-home{
    z-index: 3;
  }
  .service-home-left {
    padding: 0px !important;
  }
  .item-service .elementor-widget-image .elementor-widget-container {
      width: 205px;
      height: 205px;
  }
  .meet-our:before {
    height: 26rem;
}
}
@media only screen and (max-width: 848px) {
  .txt-768-break br {
    display: none;
  }
.loop-service .swiper-pagination-bullets{
  display: block;
}
}
@media only screen and (max-width: 991px)and (min-width: 767px){
  .step-bottom1{
    display: flex !important;
    width: 100%;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: center !important;
    gap: unset;
  }
  .step-bottom1 > .elementor-widget-image-box{
    max-width: 33.33%;
      -ms-flex-preferred-size: 33.33%;
      flex-basis: 33.33%;
      padding: 20px 5px;
  }
}

@media only screen and (max-width: 767px) {
  .bg-about1:before{
    height: 96%;
  }
  .common-acne .elementor-widget-image-box .elementor-image-box-wrapper{
    display: flex;
    gap: 30px;
    align-items: center;
  }
  .common-acne  .revert-box .elementor-widget-image-box .elementor-image-box-wrapper{
    flex-direction: row-reverse;
  }
  .container-mb{
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .meet-our:before{
    max-width: 100%;
    height: 25rem;
    padding: 5rem;
  }
  .item-service .elementor-widget-image .elementor-widget-container {
    width: 300px;
    height: 300px;
  }
  .menu-top-service .elementor-icon-list-items li a {
    padding: 4rem 1rem;
  }
  .section-trending-detail .trending-detail .content-header .items-detail .img-detail {
      padding-top: 60%;
  }
}