/* Rewind Sailon Service Cards - extracted from the Sailon theme */
:root{--primary-color:#bfa27d;--secondary-color:#1d1d1d;--link-color:#1d1d1d;--link-color-hover:#bfa27d;--gradient-color-to:#bfa27d}
.title-hover-line2{
  background-repeat: no-repeat;
  background-position-y: -1px;
  background-image: linear-gradient(transparent calc(100% - 1px), #5d3222 1px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards;
}
.title-hover-line2:hover{
  animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards;
}
.pxl-cookie-policy .pxl-item--icon{
  min-width: 20px;
}
.pxl-cookie-policy .pxl-item--icon img{
  max-height: 20px;
}
.pxl-hv-cirle{
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 1px solid rgba(93, 50, 34, 0.10);
  display: flex;
  justify-content: center;
  align-items: center;
}
.pxl-hv-cirle::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
.pxl-hv-cirle i{
  position: relative;
  z-index: 2;
  transition: all 0.5s ease;
}
.pxl-middle, .pxl-pie-chart1 .pxl-item--holder, .pxl-popup-button1 .pxl-anchor-button, .pxl-popup-button1 .pxl-anchor-button, .woocommerce .woocommerce-product-inner .woocommerce-add-to-cart .pxl-cart-icon, .pxl-video-player1 .btn-video i{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.rm-text-gradient, .pxl-pie-chart1.style2 .pxl-item--title span{
  text-fill-color: inherit;
  -webkit-text-fill-color: inherit;
  background-image: none;
}
.pxl-heading.px-sub-title-default-style .pxl-item--title{
  font-size: 50px;
  font-weight: 400;
  color: var(--primary-color);
  margin-bottom: 8px;
  word-break: break-word;
}
@media (max-width: 1200px){.pxl-heading.px-sub-title-default-style .pxl-item--title{
    font-size: 43px;
  }}
@media (max-width: 991px){.pxl-heading.px-sub-title-default-style .pxl-item--title{
    font-size: 40px;
  }}
@media (max-width: 676px){.pxl-heading.px-sub-title-default-style .pxl-item--title{
    font-size: 35px;
  }}
@media (max-width: 480px){.pxl-heading.px-sub-title-default-style .pxl-item--title{
    font-size: 25px;
  }}
.pxl-heading.px-sub-title-under-style .pxl-heading--inner .pxl-item--title{
  order: 2;
  font-size: 50px;
}
.pxl-mega-menu .pxl-showcase1 .pxl-grid-inner{
  height: auto !important;
}
.pxl-mega-menu .pxl-showcase1 .pxl-grid-inner .pxl-grid-item{
  position: static !important;
}
@media (max-width: 1199px){.pxl-mega-menu .pxl-showcase1 .pxl-grid-inner .pxl-grid-item{
    max-width: 100% !important;
    flex: 100% !important;
  }}
.pxl-mega-menu .pxl-showcase1 .pxl-grid-inner .grid-sizer{
  display: none;
}
.pxl-showcase .pxl-item--title{
  font-size: 16px;
  margin-bottom: 0;
  color: var(--primary-color);
  margin-top: 15px;
}
.pxl-image-grid1 .pxl-grid-item{
  padding: 15px;
  position: unset !important;
}
.pxl-image-grid1 .pxl-grid-item:nth-child(odd) .pxl-item--inner{
  border-radius: 0;
}
.pxl-image-grid1 .pxl-grid-item:nth-child(even) .pxl-item--inner{
  border-radius: 166px;
}
.pxl-image-grid1 .pxl-grid-inner{
  height: 100% !important;
}
.pxl-project-info1 .pxl-item--title{
  margin-bottom: 0;
  background-color: var(--secondary-color);
  color: var(--link-color);
  padding: 24px 38px;
}
@media screen and (max-width: 1199px){.pxl-project-info1 .pxl-item--title{
    padding-left: 28px;
    padding-right: 28px;
    font-size: 20px;
  }}
.pxl-contact-info1 .pxl-item--icon{
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 42px;
  background-color: #fff;
  line-height: 42px;
  text-align: center;
  font-size: 20px;
  color: var(--link-color);
}
.pxl-contact-info1 .pxl-item--title{
  margin-bottom: 0;
  font-size: 18px;
  color: #fff;
}
.pxl-contact-info2 .pxl-item--title{
  margin-bottom: 5px;
}
.pxl-process1 .pxl-item--meta .pxl-item--title{
  margin-bottom: 12px;
}
.pxl-process2 .pxl-item--title{
  margin-bottom: 14px;
}
.pxl-image-box1 .pxl-banner-inner:hover .pxl-item--holder1{
  opacity: 0;
  transform: scaleY(0);
  height: 0;
}
.pxl-image-box1 .pxl-banner-inner:hover .pxl-item--holder2{
  opacity: 1;
  transform: scaleY(1);
  height: 100%;
}
.pxl-image-box1 .pxl-item--holder1{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  padding: 15px;
  transform: scaleY(1);
  transform-origin: top;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-image-box1 .pxl-item--holder1 .item-title-style{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  border: 5px solid #ffd40d;
}
.pxl-image-box1 .pxl-item--holder1 .item-title-style .pxl-item--title{
  color: var(--link-color);
  font-size: 30px;
  margin-bottom: 0;
  background-color: #ffd40d;
  padding: 18px 0px 13px 0px;
  width: 100%;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
}
@media (max-width: 1199px){.pxl-image-box1 .pxl-item--holder1 .item-title-style .pxl-item--title{
    font-size: 25px;
  }}
.pxl-image-box1 .pxl-item--holder2{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: bottom;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 70px;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1199px){.pxl-image-box1 .pxl-item--holder2{
    padding: 0 50px;
  }}
@media (max-width: 1024px){.pxl-image-box1 .pxl-item--holder2{
    padding: 0 30px;
  }}
.pxl-image-box1 .pxl-item--holder2 .pxl-item--title{
  color: #fff;
  font-size: 30px;
  margin-bottom: 25px;
}
@media (max-width: 1024px){.pxl-image-box1 .pxl-item--holder2 .pxl-item--title{
    margin-bottom: 15px;
  }}
.pxl-image-box1 .pxl-item--holder2 .pxl-item--content{
  color: #fff;
  font-size: 16px;
}
.pxl-image-box1 .pxl-item--holder2 .item-button{
  margin-top: 50px;
}
@media (max-width: 1024px){.pxl-image-box1 .pxl-item--holder2 .item-button{
    margin-top: 30px;
  }}
.pxl-image-box1 .pxl-item--holder2 .item-button a{
  color: var(--link-color);
  text-transform: uppercase;
  font-weight: 800;
  font-size: 16px;
  padding: 20px 35px;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  font-family: 'Archivo', sans-serif;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-image-box1 .pxl-item--holder2 .item-button a:hover{
  background-color: #ffd40d;
}
@media (max-width: 1199px){.pxl-image-box1 .pxl-item--holder2 .item-button a{
    font-size: 14px;
    padding: 15px 30px;
  }}
.pxl-image-box1 .pxl-item--image + .pxl-item--holder{
  border-radius: 0 0 10px 10px;
  border-top: none;
}
@media (max-width: 1024px){.pxl-image-box2 .pxl-banner-inner .pxl-item--holder{
    text-align: center;
    margin-top: 30px;
  }}
.pxl-image-box2 .pxl-banner-inner .pxl-item--holder .pxl-item--title{
  font-size: 30px;
  margin-bottom: 20px;
}
.pxl-image-box2 .pxl-banner-inner .pxl-item--holder .pxl-item--content{
  color: #555;
  font-size: 16px;
  font-weight: 400;
}
.pxl-image-box3:hover .pxl-item--holder:before{
  border: 3px dashed #ffd40d;
  animation: rotate360 10s infinite linear;
}
.pxl-image-box3 .pxl-item--holder{
  width: 395px;
  height: 395px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: relative;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1400px){.pxl-image-box3 .pxl-item--holder{
    width: 350px;
    height: 350px;
  }}
@media (max-width: 1250px){.pxl-image-box3 .pxl-item--holder{
    margin-right: -25px;
  }}
@media (max-width: 1100px){.pxl-image-box3 .pxl-item--holder{
    margin-right: -115px;
  }}
@media (max-width: 1100px){.pxl-image-box3 .pxl-item--holder{
    width: 335px;
    height: 335px;
  }}
@media (max-width: 991px){.pxl-image-box3 .pxl-item--holder{
    left: 50%;
    top: 50%;
    position: absolute;
    margin-right: 0;
    transform: translate(-50%, -50%);
  }}
@media (max-width: 470px){.pxl-image-box3 .pxl-item--holder{
    width: 300px;
    height: 300px;
  }}
.pxl-image-box3 .pxl-item--holder:before{
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  border: 3px solid #ffd40d;
  width: 95%;
  height: 95%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 470px){.pxl-image-box3 .pxl-item--holder:before{
    top: 8px;
    left: 8px;
  }}
.pxl-image-box3 .pxl-item--holder .holder-style{
  max-width: 250px;
}
@media (max-width: 1400px){.pxl-image-box3 .pxl-item--holder .holder-style{
    max-width: 220px;
  }}
@media (max-width: 1100px){.pxl-image-box3 .pxl-item--holder .holder-style{
    max-width: 210px;
  }}
@media (max-width: 470px){.pxl-image-box3 .pxl-item--holder .holder-style{
    max-width: 180px;
  }}
.pxl-image-box3 .pxl-item--holder .pxl-item--title{
  font-size: 30px;
  margin-bottom: 20px;
}
@media (max-width: 1400px){.pxl-image-box3 .pxl-item--holder .pxl-item--title{
    font-size: 21px;
  }}
@media (max-width: 470px){.pxl-image-box3 .pxl-item--holder .pxl-item--title{
    margin-bottom: 5px;
  }}
.pxl-image-box3 .pxl-item--holder .pxl-image-box-list .pxl--item{
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}
@media (max-width: 470px){.pxl-image-box3 .pxl-item--holder .pxl-image-box-list .pxl--item{
    margin-bottom: 0px;
  }}
.pxl-image-box3 .pxl-item--holder .pxl-image-box-list .pxl--item:last-child{
  margin-bottom: 0;
}
.pxl-image-box3 .pxl-item--holder .pxl-image-box-list .pxl--item:before{
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid #ffd40d;
  top: 6px;
  left: 0;
}
.pxl-image-box3 .pxl-item--holder .pxl-image-box-list .pxl--item .pxl-item--text{
  font-size: 18px;
  color: #555;
  font-weight: 400;
}
@media (max-width: 1400px){.pxl-image-box3 .pxl-item--holder .pxl-image-box-list .pxl--item .pxl-item--text{
    font-size: 15px;
  }}
@media (max-width: 470px){.pxl-image-box3 .pxl-item--holder .pxl-image-box-list .pxl--item .pxl-item--text{
    font-size: 12px;
  }}
.pxl-client-review1 .pxl-item--title{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.15;
  margin-top: -1px;
}
.pxl-case-carousel1 .pxl-item--title{
  margin-bottom: 24px;
  font-size: 30px;
  line-height: 1.34;
  color: #fff;
}
@media screen and (max-width: 1199px){.pxl-case-carousel1 .pxl-item--title{
    font-size: 24px;
  }}
.pxl-star .pxl-star--inner .pxl-item--title{
  font-size: 28px;
  line-height: 1.2;
  color: var(--link-color);
}
.pxl-sevice-carousel-custom1 .pxl-item--inner:hover .pxl-item--icon svg{
  animation: pxl_in_right 0.5s ease-in-out;
}
.pxl-sevice-carousel-custom1 .pxl-item--inner:hover .pxl-item--icon i{
  animation: pxl_in_right 0.5s ease-in-out;
}
.pxl-sevice-carousel-custom1 .pxl-item--inner:hover .pxl-item--icon img{
  animation: pxl_in_right 0.5s ease-in-out;
}
.pxl-sevice-carousel-custom1 .pxl-item--inner .pxl-item--icon{
  width: 152px;
  height: 152px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 5px solid #ffd40d;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-sevice-carousel-custom1 .pxl-item--inner .pxl-item--icon:before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 135px;
  height: 135px;
  z-index: -1;
  background-color: #ffd40d;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.pxl-sevice-carousel-custom1 .pxl-item--inner .pxl-item--icon svg{
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-sevice-carousel-custom1 .pxl-item--inner .pxl-item--icon i{
  font-size: 60px;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-sevice-carousel-custom1 .pxl-item--inner .pxl-item--icon img{
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-sevice-carousel-custom1 .pxl-item--inner .pxl-item--holder{
  justify-content: center;
}
.pxl-sevice-carousel-custom1 .pxl-item--inner .pxl-item--holder a:hover{
  color: var(--link-color);
}
.pxl-sevice-carousel-custom1 .pxl-item--inner .pxl-item--holder .pxl-item--title{
  font-size: 26px;
  line-height: 1.2;
  margin-top: 30px;
}
.pxl-sevice-carousel-custom1 .pxl-item--inner .pxl-item--holder .pxl-item--desc{
  font-size: 16px;
}
.pxl-gallery-grid1 .pxl-grid-inner{
  margin: -10px;
}
.pxl-gallery-grid1 .pxl-grid-item{
  padding: 10px;
  height: auto;
}
@media screen and (max-width: 800px){.pxl-gallery-grid1 .pxl-grid-item{
    text-align: center;
    padding: 15px;
  }}
@media (max-width: 991px){.pxl-gallery-layout.pxl-gallery-1 .pxl-grid-item{
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
  }}
.pxl-menu-food1 .pxl-item--holder{
  width: 55%;
}
@media (max-width: 800px){.pxl-menu-food1 .pxl-item--holder{
    width: 100%;
  }}
.pxl-menu-food1 .item-content .pxl-item--title{
  font-size: 40px;
  margin-bottom: 22px;
}
@media (max-width: 480px){.pxl-menu-food1 .item-content .pxl-item--title{
    font-size: 30px;
  }}
.pxl-menu-food-list1:hover .pxl-item--title{
  color: #fff;
}
.pxl-menu-food-list1 .pxl-item--title{
  font-size: 30px;
  color: var(--link-color);
  position: relative;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-menu-food-list1 .pxl-item--title:before{
  content: '';
  position: absolute;
  height: 5px;
  width: 50px;
  left: 0;
  bottom: 0;
  background-color: #ffd40d;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
.pxl-shop-carousel1 .pxl-item--inner .pxl-item--holder{
  text-align: center;
}
.pxl-shop-carousel1 .pxl-item--inner .pxl-item--title{
  font-size: 24px;
  color: var(--link-color);
  font-family: "Rajdhani", sans-serif;
  margin-bottom: 2px;
}
.pxl-shop-carousel2 .pxl-item--inner:hover .pxl-item--holder .pxl-item--image:before{
  width: 0;
}
.pxl-shop-carousel2 .pxl-item--inner:hover .pxl-item--holder .pxl-item--image .inner-image:before{
  top: -10px;
  transform: scale(1);
}
.pxl-shop-carousel2 .pxl-item--inner:hover .pxl-item--holder .pxl-item--image .inner-image:after{
  top: -10px;
  transform: scale(1);
}
.pxl-shop-carousel2 .pxl-item--inner .pxl-item--holder{
  position: relative;
}
.pxl-shop-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item--sale{
  font-size: 18px;
  color: var(--link-color);
  width: 70px;
  height: 70px;
  position: absolute;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  top: -5px;
  left: -25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffd40d;
  z-index: 1;
}
.pxl-shop-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item--sale.style-default{
  display: none;
}
.pxl-shop-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item--sale.style-box1{
  display: flex;
}
.pxl-shop-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item--image{
  position: relative;
}
.pxl-shop-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item--image:before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 50%;
  transform: translate(-50%, -50%);
  -webkit-border-radius: 100px;
  -khtml-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: var(--link-color-hover);
}
.pxl-shop-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item--image .inner-image{
  position: relative;
}
.pxl-shop-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item--image .inner-image:before{
  position: absolute;
  content: url(../img/shape18.png);
  left: 40px;
  top: -20px;
  transform: scale(0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pxl-shop-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item--image .inner-image:after{
  position: absolute;
  content: url(../img/shape19.png);
  right: 40px;
  top: -20px;
  transform: scale(0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pxl-shop-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item-meta .pxl-star--icon{
  line-height: 1;
}
.pxl-shop-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item-meta .pxl-star--icon i{
  line-height: 1;
  color: var(--gradient-color-to);
}
.pxl-shop-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item-meta .pxl-item--title{
  font-size: 20px;
  color: var(--link-color);
  margin-top: 6px;
  margin-bottom: 2px;
}
.pxl-shop-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item-meta .item-price{
  display: inline-flex;
  align-items: center;
}
.pxl-shop-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item-meta .item-price .pxl-item--desc{
  font-size: 28px;
  color: #555;
  margin-right: 15px;
}
.pxl-shop-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item-meta .item-price .pxl-item--desc span{
  color: var(--link-color-hover);
}
.pxl-shop-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item-meta .item-price .pxl-price-sale{
  font-size: 18px;
  color: #555;
}
.pxl-shop-carousel2 .pxl-item--inner .pxl-item--holder .pxl-button{
  position: absolute;
  width: 50px;
  height: 50px;
  right: -10px;
  bottom: -20px;
}
.pxl-shop-carousel2 .pxl-item--inner .pxl-item--holder .pxl-button a{
  background-color: #ffd40d;
  display: flex;
  border-radius: 7px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.pxl-shop-carousel3 .pxl-item--inner .pxl-item-meta .pxl-item--title{
  font-size: 24px;
  color: var(--link-color);
  margin-bottom: 15px;
}
@media (max-width: 1400px){.pxl-shop-carousel3 .pxl-item--inner .pxl-item-meta .pxl-item--title{
    font-size: 20px;
  }}
.pxl-shop-carousel3 .pxl-item--inner .pxl-item-meta .item-price .pxl-price-sale{
  font-size: 20px;
  color: #555;
}
@media (max-width: 600px){.pxl-shop-carousel3 .pxl-item--inner .pxl-item-meta .item-price .pxl-price-sale{
    font-size: 18px;
  }}
.pxl-add-to-cart.pxl-add-to-cart1 .pxl-add-to-cart-inner .pxl-item--title{
  font-size: 40px;
  color: var(--link-color);
  margin-bottom: 20px;
}
.pxl-add-to-cart.pxl-add-to-cart1 .pxl-add-to-cart-inner .pxl-price-sale{
  display: inline-flex;
  align-items: baseline;
}
.pxl-add-to-cart.pxl-add-to-cart1 .pxl-add-to-cart-inner .pxl-price-sale .woocommerce-Price-amount{
  font-size: 40px;
  color: var(--link-color);
}
@media (max-width: 1024px){.pxl-add-to-cart.pxl-add-to-cart1 .pxl-add-to-cart-inner .pxl-price-sale .woocommerce-Price-amount{
    font-size: 35px;
  }}
@media (max-width: 600px){.pxl-add-to-cart.pxl-add-to-cart1 .pxl-add-to-cart-inner .pxl-price-sale .woocommerce-Price-amount{
    font-size: 30px;
  }}
.pxl-add-to-cart.pxl-add-to-cart1 .pxl-add-to-cart-inner .pxl-price-sale .woocommerce-Price-amount span{
  color: var(--link-color-hover);
}
.pxl-add-to-cart.pxl-add-to-cart1 .pxl-add-to-cart-inner .pxl-price-sale ins{
  background-color: unset;
}
.pxl-add-to-cart.pxl-add-to-cart1 .pxl-add-to-cart-inner .pxl-price-sale ins .woocommerce-Price-amount{
  font-size: 40px;
  color: var(--link-color);
}
@media (max-width: 1024px){.pxl-add-to-cart.pxl-add-to-cart1 .pxl-add-to-cart-inner .pxl-price-sale ins .woocommerce-Price-amount{
    font-size: 35px;
  }}
@media (max-width: 600px){.pxl-add-to-cart.pxl-add-to-cart1 .pxl-add-to-cart-inner .pxl-price-sale ins .woocommerce-Price-amount{
    font-size: 30px;
  }}
.pxl-add-to-cart.pxl-add-to-cart1 .pxl-add-to-cart-inner .pxl-price-sale ins .woocommerce-Price-amount span{
  color: var(--link-color-hover);
}
.pxl-add-to-cart.pxl-add-to-cart1 .pxl-add-to-cart-inner .pxl-price-sale del .woocommerce-Price-amount{
  font-size: 26px;
  color: #555;
  margin-right: 10px;
}
@media (max-width: 1024px){.pxl-add-to-cart.pxl-add-to-cart1 .pxl-add-to-cart-inner .pxl-price-sale del .woocommerce-Price-amount{
    font-size: 24px;
  }}
@media (max-width: 600px){.pxl-add-to-cart.pxl-add-to-cart1 .pxl-add-to-cart-inner .pxl-price-sale del .woocommerce-Price-amount{
    font-size: 20px;
  }}
.pxl-add-to-cart.pxl-add-to-cart1 .pxl-add-to-cart-inner .pxl-price-sale del .woocommerce-Price-amount span{
  color: #555;
}
.service01 .style-box1 .pxl-item--icon{
  display: none !important;
}
.pxl-star-box .pxl-star-box--inner .inner-content .inner-meta .pxl-item--title{
  font-size: 22px;
  color: #fff;
}
.pxl-star-box .pxl-star-box--inner .inner-content .inner-meta .pxl-item--title a{
  font-size: 22px;
  color: #fff;
}
.pxl-star-box .pxl-star-box--inner .inner-content .inner-meta .pxl-item--title a:hover{
  color: var(--link-color-hover);
}
.pxl-blog-list.layout1 .pxl-grid-item{
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.pxl-blog-list.layout1 .pxl-grid-item:last-child{
  margin-bottom: 0;
}
.pxl-blog-list.layout1 .pxl-grid-item:hover .pxl-item--image .bg-image img{
  -webkit-transform: translateX(75px);
  transform: translateX(75px);
}
.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--image{
  margin-right: 20px;
}
@media (max-width: 360px){.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--image{
    margin-right: 15px;
  }}
.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--image .bg-image{
  min-width: 80px;
  min-height: 80px;
  overflow: hidden;
  display: block;
  position: relative;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--image .bg-image img{
  height: 100%;
  position: absolute;
  right: 0;
  width: auto;
  max-width: unset;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--meta .pxl-item--date{
  color: var(--link-color);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
}
.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--meta .pxl-item--date i{
  font-size: 12px;
  color: var(--link-color-hover);
  margin-right: 5px;
}
.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--meta .pxl-item--title{
  color: var(--link-color);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.pxl-download .pxl-item--inner .pxl-item--title{
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 12px;
}
.pxl-download .pxl-item--inner .pxl-link-text .text a:hover .pxl-item--icon i{
  color: var(--link-color);
}
.pxl-download .pxl-item--inner .pxl-link-text .text a:hover .pxl-item--icon svg{
  fill: var(--link-color);
}
.pxl-download .pxl-item--inner .pxl-link-text .text a .pxl-item--icon{
  height: 20px;
  display: inline-flex;
}
.pxl-download .pxl-item--inner .pxl-link-text .text a .pxl-item--icon i{
  color: #fff;
  font-size: 15px;
  line-height: 1;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-download .pxl-item--inner .pxl-link-text .text a .pxl-item--icon svg{
  width: 25px;
  height: 20px;
  min-width: 25px;
  fill: #fff;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-meta.pxl-meta3 .pxl-meta-inner .pxl-item--title{
  font-size: 300px;
  white-space: nowrap;
  line-height: 0;
  color: transparent;
  text-transform: uppercase;
  -webkit-text-stroke: 1px #8ca1a9;
  text-stroke: 1px #8ca1a9;
  font-weight: bold;
  display: flex;
  align-items: center;
  letter-spacing: -1px;
}
.pxl-meta.pxl-meta4 .pxl-meta-inner .pxl-item--title{
  font-size: 45px;
  color: var(--primary-color);
  line-height: 1.2;
  letter-spacing: 0.35px;
  margin-bottom: 30px;
}
@media (max-width: 360px){.pxl-meta.pxl-meta4 .pxl-meta-inner .pxl-item--title{
    margin-bottom: 20px;
  }}
.pxl-meta.pxl-meta5 .pxl-meta-inner .pxl-item .pxl-item--title{
  font-size: 47px;
  letter-spacing: 0.3px;
  color: var(--primary-color);
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 41px;
}
@media (max-width: 676px){.pxl-meta.pxl-meta5 .pxl-meta-inner .pxl-item .pxl-item--title{
    margin-bottom: 20px;
  }}
.pxl-project-carousel.pxl-project-carousel1 .pxl-item--inner .pxl-holder .pxl-item--title{
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 8px;
}
.pxl-project-carousel.pxl-project-carousel2 .pxl-item--inner .pxl-holder .pxl-item--title{
  font-size: 24px;
  color: var(--link-color);
  font-weight: 700;
  margin-bottom: 5px;
}
.pxl-project-carousel.pxl-project-carousel2 .pxl-item--inner .pxl-holder .pxl-item--title:hover{
  color: var(--link-color-hover);
}
.pxl-project-carousel.pxl-project-carousel3 .pxl-item--inner:hover .pxl-item--holder .bg-linear-gradient{
  bottom: -50px;
  opacity: 1;
}
.pxl-project-carousel.pxl-project-carousel3 .pxl-item--inner .pxl-item--holder{
  position: relative;
}
.pxl-project-carousel.pxl-project-carousel3 .pxl-item--inner .pxl-item--holder .bg-linear-gradient{
  padding: 0 23px;
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -khtml-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 676px){.pxl-project-carousel.pxl-project-carousel3 .pxl-item--inner .pxl-item--holder .bg-linear-gradient{
    padding: 0 15px;
  }}
.pxl-project-carousel.pxl-project-carousel3 .pxl-item--inner .pxl-item--holder .bg-linear-gradient .pxl-holder{
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: var(--link-color-hover);
  text-align: center;
  padding: 30px 10px;
}
@media (max-width: 676px){.pxl-project-carousel.pxl-project-carousel3 .pxl-item--inner .pxl-item--holder .bg-linear-gradient .pxl-holder{
    padding: 20px 10px;
  }}
.pxl-project-carousel.pxl-project-carousel3 .pxl-item--inner .pxl-item--holder .bg-linear-gradient .pxl-holder .pxl-item--title{
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 12px;
}
@media (max-width: 676px){.pxl-project-carousel.pxl-project-carousel3 .pxl-item--inner .pxl-item--holder .bg-linear-gradient .pxl-holder .pxl-item--title{
    margin-bottom: 5px;
    font-size: 20px;
  }}
.pxl-project-carousel.pxl-project-carousel3 .pxl-item--inner .pxl-item--holder .bg-linear-gradient .pxl-holder .pxl-sub-title{
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}
@media (max-width: 676px){.pxl-project-carousel.pxl-project-carousel3 .pxl-item--inner .pxl-item--holder .bg-linear-gradient .pxl-holder .pxl-sub-title{
    font-size: 15px;
  }}
.pxl-project-carousel.pxl-project-carousel4 .pxl-item--inner .pxl-item--holder{
  padding-right: 70px;
}
@media (max-width: 1024px){.pxl-project-carousel.pxl-project-carousel4 .pxl-item--inner .pxl-item--holder{
    padding-right: 40px;
  }}
@media (max-width: 480px){.pxl-project-carousel.pxl-project-carousel4 .pxl-item--inner .pxl-item--holder{
    padding-right: 0;
  }}
.pxl-project-carousel.pxl-project-carousel4 .pxl-item--inner .pxl-holder-hover .pxl-holder .pxl-item--title{
  font-size: 24px;
  color: var(--link-color);
  font-weight: 700;
}
@media (max-width: 360px){.pxl-project-carousel.pxl-project-carousel4 .pxl-item--inner .pxl-holder-hover .pxl-holder .pxl-item--title{
    font-size: 20px;
  }}
.pxl-project-carousel.pxl-project-carousel5 .pxl-item--inner .pxl-holder .pxl-item--title{
  font-size: 24px;
  color: var(--link-color);
  font-weight: 700;
  line-height: 1;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 676px){.pxl-project-carousel.pxl-project-carousel5 .pxl-item--inner .pxl-holder .pxl-item--title{
    font-size: 20px;
  }}
.pxl-project-carousel.pxl-project-carousel5 .pxl-item--inner .pxl-holder .pxl-item--title:hover{
  color: var(--link-color-hover);
}
.pxl-project-carousel.pxl-project-carousel6 .pxl-item--inner:hover .pxl-item--holder .bg-linear-gradient{
  bottom: -30px;
  opacity: 1;
}
.pxl-project-carousel.pxl-project-carousel6 .pxl-item--inner .pxl-item--holder{
  position: relative;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-project-carousel.pxl-project-carousel6 .pxl-item--inner .pxl-item--holder .pxl-item--image{
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.pxl-project-carousel.pxl-project-carousel6 .pxl-item--inner .pxl-item--holder .bg-linear-gradient{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -200px;
  padding-left: 35px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px){.pxl-project-carousel.pxl-project-carousel6 .pxl-item--inner .pxl-item--holder .bg-linear-gradient{
    padding-left: 15px;
  }}
.pxl-project-carousel.pxl-project-carousel6 .pxl-item--inner .pxl-item--holder .bg-linear-gradient .pxl-holder{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 20px 30px;
  -webkit-border-radius: 5px 0px 5px 5px;
  -khtml-border-radius: 5px 0px 5px 5px;
  -moz-border-radius: 5px 0px 5px 5px;
  -ms-border-radius: 5px 0px 5px 5px;
  -o-border-radius: 5px 0px 5px 5px;
  border-radius: 5px 0px 5px 5px;
}
.pxl-project-carousel.pxl-project-carousel6 .pxl-item--inner .pxl-item--holder .bg-linear-gradient .pxl-item--title{
  font-size: 24px;
  color: var(--link-color);
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 767px){.pxl-project-carousel.pxl-project-carousel6 .pxl-item--inner .pxl-item--holder .bg-linear-gradient .pxl-item--title{
    font-size: 20px;
  }}
.pxl-project-carousel.pxl-project-carousel6 .pxl-item--inner .pxl-item--holder .bg-linear-gradient .pxl-item--title:hover{
  color: var(--link-color-hover);
}
.pxl-project-carousel.pxl-project-carousel6 .pxl-item--inner .pxl-item--holder .bg-linear-gradient .pxl-sub-title{
  font-size: 16px;
  color: var(--secondary-color);
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.pxl-project-carousel.pxl-project-carousel6 .pxl-item--inner .pxl-item--holder .bg-linear-gradient .pxl-icon-inner{
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: var(--link-color-hover);
  color: #fff;
  font-size: 20px;
}
@media (max-width: 767px){.pxl-project-carousel.pxl-project-carousel6 .pxl-item--inner .pxl-item--holder .bg-linear-gradient .pxl-icon-inner{
    margin-left: 10px;
    width: 50px;
    height: 50px;
  }}
.service-icon .pxl-icon-box2 .pxl-item--inner .pxl-item-wrap .pxl-item--icon{
  min-width: 60px;
}
.pxl-movies-carousel1 .pxl-item--inner .pxl-item--content{
  display: inline-flex;
  align-items: center;
  position: absolute;
  top: 30px;
  right: 35px;
}
.pxl-movies-carousel1 .pxl-item--inner .pxl-item--content .pxl-item--imdb-title{
  font-size: 14px;
  color: #fff;
  background-color: var(--link-color-hover);
  font-weight: 400;
  padding: 5px 15px;
  margin-right: 25px;
}
.pxl-movies-carousel1 .pxl-item--inner .pxl-item--content .pxl-item--play-title{
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  padding: 5px 15px;
  background-color: var(--link-color-hover);
  display: flex;
  align-items: center;
}
.pxl-movies-carousel1 .pxl-item--inner .pxl-item--content .pxl-item--play-title:hover span{
  background-color: #fff;
}
.pxl-movies-carousel1 .pxl-item--inner .pxl-item--content .pxl-item--play-title span{
  width: 20px;
  min-width: 20px;
  height: 20px;
  line-height: 19px;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--link-color);
  text-align: center;
  margin-left: 10px;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-movies-carousel1 .pxl-item--inner .pxl-item--content .pxl-item--play-title i{
  font-size: 8px;
  margin-left: 2px;
  color: var(--link-color-hover);
}
.pxl-movies-carousel2 .pxl-item--inner .pxl-item--content{
  background-color: var(--link-color);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 35px;
  padding-bottom: 150px;
}
.pxl-movies-carousel2 .pxl-item--inner .pxl-item--content .pxl-item--imdb-title{
  font-size: 18px;
  color: #fff;
  background-color: var(--link-color-hover);
  font-weight: 400;
  padding: 5px 15px;
  margin-right: 20px;
}
.pxl-movies-carousel2 .pxl-item--inner .pxl-item--content .pxl-item--play-title{
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.pxl-movies-carousel2 .pxl-item--inner .pxl-item--content .pxl-item--play-title:hover{
  color: var(--link-color-hover);
}
.pxl-movies-carousel2 .pxl-item--inner .pxl-item--content .pxl-item--play-title span{
  width: 20px;
  min-width: 20px;
  height: 20px;
  line-height: 18px;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  margin-left: 10px;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-movies-carousel2 .pxl-item--inner .pxl-item--content .pxl-item--play-title i{
  font-size: 8px;
  margin-left: 2px;
  color: var(--link-color-hover);
}
.pxl-movies-carousel2 .pxl-item--inner .pxl-item--content .pxl-item-download{
  line-height: 1;
}
.pxl-movies-carousel2 .pxl-item--inner .pxl-item--content .pxl-item-download:hover svg{
  fill: var(--link-color-hover);
}
.pxl-movies-carousel2 .pxl-item--inner .pxl-item--content .pxl-item-download svg{
  fill: #fff;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-movies-carousel3 .pxl-item--inner:hover .pxl-item--content{
  bottom: 20px;
}
.pxl-movies-carousel3 .pxl-item--inner .pxl-item--content{
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  position: absolute;
  bottom: -30%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, 0);
  z-index: 1;
}
.pxl-movies-carousel3 .pxl-item--inner .pxl-item--content .item-star{
  display: flex;
  align-items: center;
  justify-content: center;
}
.pxl-movies-carousel3 .pxl-item--inner .pxl-item--content .item-star i{
  color: #fcee21;
}
.pxl-movies-carousel3 .pxl-item--inner .pxl-item--content .pxl-item--play-title{
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1.28px;
  text-transform: uppercase;
  display: inline-flex;
  padding: 5px 30px;
  padding-top: 6px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  background-color: var(--link-color-hover);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.pxl-movies-carousel3 .pxl-item--inner .pxl-item--content .pxl-item--play-title:after{
  content: "";
  background: #fff;
  -webkit-transition: all 0.8s;
  -khtml-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  position: absolute;
  height: 120%;
  width: 25px;
  opacity: 0.2;
  left: -35%;
  top: -10%;
  -webkit-transform: rotate(0deg);
  -khtml-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.pxl-movies-carousel3 .pxl-item--inner .pxl-item--content .pxl-item--play-title:hover:after{
  left: 130%;
}
.pxl-pie-chart1 .pxl-item--title{
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  margin-top: 11px;
  position: relative;
  z-index: 1;
}
.pxl-pie-chart1 .pxl-item--holder{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.pxl-pie-chart1.style2 .pxl-item--title{
  font-size: 14px;
  color: #000;
  margin-top: -2px;
}
.pxl-service-carousel-custom1 .pxl-item--inner:hover .pxl-item--holder .pxl-btn-service{
  background-color: var(--link-color-hover);
  color: #fff;
}
.pxl-service-carousel-custom1 .pxl-item--inner .pxl-item--holder{
  background-color: #fff;
  text-align: center;
  border: 1px solid #e3e3e3;
  padding: 40px;
  padding-bottom: 45px;
}
@media (max-width: 676px){.pxl-service-carousel-custom1 .pxl-item--inner .pxl-item--holder{
    padding: 20px;
    padding-bottom: 25px;
  }}
.pxl-service-carousel-custom1 .pxl-item--inner .pxl-item--holder .pxl-item--title{
  font-size: 24px;
  color: var(--link-color);
  font-weight: 700;
  margin-bottom: 10px;
}
.pxl-service-carousel-custom1 .pxl-item--inner .pxl-item--holder .pxl-item--desc{
  font-size: 16px;
  color: var(--secondary-color);
  font-weight: 400;
  margin-bottom: 45px;
}
.pxl-service-carousel-custom1 .pxl-item--inner .pxl-item--holder .pxl-btn-service{
  border: 2px solid var(--link-color-hover);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  padding: 18px 30px;
  font-size: 16px;
  color: var(--link-color);
  font-weight: 700;
  letter-spacing: 1.28px;
  text-transform: uppercase;
}
@media (max-width: 676px){.pxl-service-carousel-custom1 .pxl-item--inner .pxl-item--holder .pxl-btn-service{
    padding: 13px 20px;
  }}
.pxl-service-carousel-custom1 .pxl-item--inner .pxl-item--holder .pxl-btn-service i{
  font-size: 14px;
}
.pxl-service-carousel-custom2 .pxl-item--inner .item--meta .pxl-layout-icon .pxl-item--icon svg{
  width: 65px;
  height: 65px;
  fill: var(--link-color-hover);
}
.pxl-service-carousel-custom2 .pxl-item--inner .item--meta .pxl-layout-icon .pxl-item--icon i{
  color: var(--link-color-hover);
  font-size: 65px;
}
.pxl-service-carousel-custom2 .pxl-item--inner .item--meta .pxl-layout-icon .pxl-item--icon2{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pxl-service-carousel-custom2 .pxl-item--inner .item--meta .pxl-layout-icon .pxl-item--icon2 svg{
  width: 65px;
  height: 65px;
  fill: var(--link-color-hover);
}
.pxl-service-carousel-custom2 .pxl-item--inner .pxl-item--holder .pxl-item--title{
  font-size: 24px;
  color: var(--link-color);
  font-weight: 700;
  margin-bottom: 15px;
}
.pxl-service-carousel-custom2 .pxl-item--inner .pxl-item--holder .pxl-item--desc{
  font-size: 16px;
  color: var(--secondary-color);
  font-weight: 400;
}
.pxl-service-carousel-custom3 .pxl-item--inner:hover .pxl-item--holder{
  background-color: #fff;
}
.pxl-service-carousel-custom3 .pxl-item--inner:hover .pxl-item--holder .pxl-item--title{
  color: var(--link-color);
}
.pxl-service-carousel-custom3 .pxl-item--inner:hover .pxl-item--holder .pxl-item--desc{
  color: var(--link-color);
}
.pxl-service-carousel-custom3 .pxl-item--inner:hover .pxl-item--holder .pxl-btn-service{
  background-color: var(--link-color-hover);
  color: #fff;
}
.pxl-service-carousel-custom3 .pxl-item--inner .pxl-link-image .pxl-item--icon{
  width: 80px;
  height: 80px;
  position: absolute;
  bottom: -20px;
  right: 40px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: var(--link-color-hover);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pxl-service-carousel-custom3 .pxl-item--inner .pxl-link-image .pxl-item--icon svg{
  width: 50px;
  height: 50px;
  fill: #fff;
}
@media (max-width: 676px){.pxl-service-carousel-custom3 .pxl-item--inner .pxl-link-image .pxl-item--icon svg{
    width: 40px;
    height: 40px;
  }}
.pxl-service-carousel-custom3 .pxl-item--inner .pxl-link-image .pxl-item--icon i{
  font-size: 50px;
  color: #fff;
}
@media (max-width: 676px){.pxl-service-carousel-custom3 .pxl-item--inner .pxl-link-image .pxl-item--icon i{
    font-size: 40px;
  }}
@media (max-width: 676px){.pxl-service-carousel-custom3 .pxl-item--inner .pxl-link-image .pxl-item--icon{
    width: 60px;
    height: 60px;
    right: 20px;
  }}
.pxl-service-carousel-custom3 .pxl-item--inner .pxl-item--holder{
  background-color: #262626;
  text-align: left;
  padding: 20px 40px;
  padding-bottom: 55px;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 676px){.pxl-service-carousel-custom3 .pxl-item--inner .pxl-item--holder{
    padding: 20px;
    padding-bottom: 25px;
  }}
.pxl-service-carousel-custom3 .pxl-item--inner .pxl-item--holder .pxl-item--title{
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 22px;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-service-carousel-custom3 .pxl-item--inner .pxl-item--holder .pxl-item--desc{
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 45px;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-service-carousel-custom3 .pxl-item--inner .pxl-item--holder .pxl-btn-service{
  border: 2px solid var(--link-color-hover);
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  padding: 18px 30px;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1.28px;
  text-transform: uppercase;
}
@media (max-width: 676px){.pxl-service-carousel-custom3 .pxl-item--inner .pxl-item--holder .pxl-btn-service{
    padding: 13px 20px;
  }}
.pxl-service-carousel-custom3 .pxl-item--inner .pxl-item--holder .pxl-btn-service i{
  font-size: 14px;
}
.pxl-service-carousel-custom4 .pxl-item--inner:hover .pxl-item--holder .pxl-btn-service{
  color: var(--link-color-hover);
}
.pxl-service-carousel-custom4 .pxl-item--inner:hover .pxl-item--holder .pxl-btn-service i{
  color: var(--link-color-hover);
}
.pxl-service-carousel-custom4 .pxl-item--inner .pxl-item--icon{
  width: 120px;
  height: 120px;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 220ms linear 0ms;
  -khtml-transition: all 220ms linear 0ms;
  -moz-transition: all 220ms linear 0ms;
  -ms-transition: all 220ms linear 0ms;
  -o-transition: all 220ms linear 0ms;
  transition: all 220ms linear 0ms;
}
.pxl-service-carousel-custom4 .pxl-item--inner .pxl-item--icon:before{
  content: '';
  position: absolute;
  background-color: var(--link-color-hover);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.1;
  width: 100%;
  height: 100%;
}
.pxl-service-carousel-custom4 .pxl-item--inner .pxl-item--icon svg{
  width: 65px;
  height: 65px;
  fill: var(--link-color-hover);
}
.pxl-service-carousel-custom4 .pxl-item--inner .pxl-item--icon i{
  font-size: 55px;
  color: var(--link-color-hover);
}
.pxl-service-carousel-custom4 .pxl-item--inner .pxl-item--holder{
  margin-left: 35px;
}
@media (max-width: 1199px){.pxl-service-carousel-custom4 .pxl-item--inner .pxl-item--holder{
    margin-left: 20px;
  }}
@media (max-width: 480px){.pxl-service-carousel-custom4 .pxl-item--inner .pxl-item--holder{
    margin-left: 0px;
    margin-top: 20px;
  }}
.pxl-service-carousel-custom4 .pxl-item--inner .pxl-item--holder .pxl-item--title{
  font-size: 24px;
  color: var(--link-color);
  font-weight: 700;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.pxl-service-carousel-custom4 .pxl-item--inner .pxl-item--holder .pxl-item--desc{
  font-size: 16px;
  color: var(--secondary-color);
  font-weight: 400;
  margin-bottom: 20px;
}
.pxl-service-carousel-custom4 .pxl-item--inner .pxl-item--holder .pxl-btn-service{
  font-size: 16px;
  color: var(--link-color);
  font-weight: 700;
  letter-spacing: 1.28px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  -webkit-transition: all 220ms linear 0ms;
  -khtml-transition: all 220ms linear 0ms;
  -moz-transition: all 220ms linear 0ms;
  -ms-transition: all 220ms linear 0ms;
  -o-transition: all 220ms linear 0ms;
  transition: all 220ms linear 0ms;
}
.pxl-service-carousel-custom4 .pxl-item--inner .pxl-item--holder .pxl-btn-service i{
  color: var(--link-color);
  -webkit-transition: all 220ms linear 0ms;
  -khtml-transition: all 220ms linear 0ms;
  -moz-transition: all 220ms linear 0ms;
  -ms-transition: all 220ms linear 0ms;
  -o-transition: all 220ms linear 0ms;
  transition: all 220ms linear 0ms;
}
.pxl-service-carousel-custom5 .pxl-item--inner:hover .pxl-item--holder{
  border-color: #fff;
}
.pxl-service-carousel-custom5 .pxl-item--inner:hover .pxl-item--holder .pxl-btn-service{
  color: var(--link-color-hover);
}
.pxl-service-carousel-custom5 .pxl-item--inner:hover .pxl-item--holder .pxl-btn-service i{
  color: var(--link-color-hover);
}
.pxl-service-carousel-custom5 .pxl-item--inner .pxl-item--holder{
  border: 1px solid #e1e1e1;
  border-top: none;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 23px 40px;
  padding-bottom: 40px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 360px){.pxl-service-carousel-custom5 .pxl-item--inner .pxl-item--holder{
    padding: 20px;
  }}
.pxl-service-carousel-custom5 .pxl-item--inner .pxl-item--holder .pxl-item--icon{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.pxl-service-carousel-custom5 .pxl-item--inner .pxl-item--holder .pxl-item--icon svg{
  width: 143px;
  height: 143px;
  fill: var(--link-color);
}
.pxl-service-carousel-custom5 .pxl-item--inner .pxl-item--holder .pxl-item--icon i{
  color: var(--link-color);
  font-size: 140px;
  opacity: 0.5;
}
.pxl-service-carousel-custom5 .pxl-item--inner .pxl-item--holder .pxl-item--title{
  font-size: 32px;
  color: var(--link-color);
  font-weight: 700;
  margin-bottom: 21px;
}
@media (max-width: 360px){.pxl-service-carousel-custom5 .pxl-item--inner .pxl-item--holder .pxl-item--title{
    margin-bottom: 15px;
    font-size: 25px;
  }}
.pxl-service-carousel-custom5 .pxl-item--inner .pxl-item--holder .pxl-item--desc{
  font-size: 16px;
  color: #616670;
  font-weight: 400;
  margin-bottom: 27px;
}
@media (max-width: 360px){.pxl-service-carousel-custom5 .pxl-item--inner .pxl-item--holder .pxl-item--desc{
    margin-bottom: 15px;
  }}
.pxl-service-carousel-custom5 .pxl-item--inner .pxl-item--holder .pxl-btn-service{
  font-size: 16px;
  color: var(--link-color);
  font-weight: 700;
  letter-spacing: 1.28px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-service-carousel-custom5 .pxl-item--inner .pxl-item--holder .pxl-btn-service i{
  color: var(--link-color);
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-service-carousel-custom6 .pxl-item--inner .pxl-layout-icon .pxl-item--icon svg{
  width: 85px;
  height: 85px;
  fill: var(--link-color-hover);
}
.pxl-service-carousel-custom6 .pxl-item--inner .pxl-layout-icon .pxl-item--icon i{
  font-size: 85px;
  color: var(--link-color-hover);
}
.pxl-service-carousel-custom6 .pxl-item--inner .pxl-layout-icon .pxl-item--icon2{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pxl-service-carousel-custom6 .pxl-item--inner .pxl-layout-icon .pxl-item--icon2 svg{
  width: 124px;
  height: 112px;
  fill: var(--link-color-hover);
}
.pxl-service-carousel-custom6 .pxl-item--inner .pxl-item--holder{
  margin-bottom: 20px;
}
.pxl-service-carousel-custom6 .pxl-item--inner .pxl-item--holder .pxl-item--title{
  font-size: 32px;
  color: var(--link-color);
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 35px;
}
@media (max-width: 360px){.pxl-service-carousel-custom6 .pxl-item--inner .pxl-item--holder .pxl-item--title{
    font-size: 25px;
    margin-top: 25px;
  }}
.pxl-service-carousel-custom6 .pxl-item--inner .pxl-item--holder .pxl-item--desc{
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.pxl-service-carousel-custom7 .pxl-item--inner .item--meta .pxl-item--icon{
  width: 85px;
  height: 85px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pxl-service-carousel-custom7 .pxl-item--inner .item--meta .pxl-item--icon:before{
  content: '';
  position: absolute;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: var(--link-color);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  opacity: 0.05;
}
.pxl-service-carousel-custom7 .pxl-item--inner .item--meta .pxl-item--icon svg{
  width: 60px;
  height: 60px;
  fill: var(--link-color-hover);
}
.pxl-service-carousel-custom7 .pxl-item--inner .item--meta .pxl-item--icon i{
  font-size: 60px;
  line-height: 1;
  color: var(--link-color-hover);
}
.pxl-service-carousel-custom7 .pxl-item--inner .pxl-item--holder{
  margin-bottom: 25px;
}
.pxl-service-carousel-custom7 .pxl-item--inner .pxl-item--holder .pxl-item--title{
  font-size: 32px;
  color: var(--link-color);
  font-weight: 700;
  margin-bottom: 10px;
}
.pxl-service-carousel-custom7 .pxl-item--inner .pxl-item--holder .pxl-item--desc{
  font-size: 16px;
  color: #616670;
  font-weight: 400;
}
.pxl-service-carousel-custom8 .pxl-item--inner:hover .pxl-item--holder .pxl-item--title{
  color: var(--link-color-hover);
}
.pxl-service-carousel-custom8 .pxl-item--inner .item--meta .pxl-item--icon{
  width: 75px;
  height: 75px;
  background-color: var(--link-color-hover);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.pxl-service-carousel-custom8 .pxl-item--inner .item--meta .pxl-item--icon svg{
  width: 45px;
  height: 45px;
  fill: #fff;
}
.pxl-service-carousel-custom8 .pxl-item--inner .item--meta .pxl-item--icon i{
  color: #fff;
  font-size: 45px;
  line-height: 1;
}
.pxl-service-carousel-custom8 .pxl-item--inner .pxl-item--holder{
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-service-carousel-custom8 .pxl-item--inner .pxl-item--holder .pxl-item--title{
  font-size: 24px;
  color: var(--link-color);
  font-weight: 700;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-service-carousel-custom8 .pxl-item--inner .pxl-item--holder .pxl-item--desc{
  font-size: 16px;
  color: var(--secondary-color);
  font-weight: 400;
}
.pxl-service-grid1 .pxl-item--inner{
  position: relative;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-service-grid1 .pxl-item--inner:hover .pxl-item--holder{
  bottom: 0;
}
.pxl-service-grid1 .pxl-item--inner:hover .pxl-item--image:after{
  bottom: 130%;
}
.pxl-service-grid1 .pxl-item--inner .pxl-item--image{
  position: relative;
}
.pxl-service-grid1 .pxl-item--inner .pxl-item--image a{
  width: 100%;
  position: absolute;
  display: block;
  height: 100%;
  top: 0;
  left: 0;
}
.pxl-service-grid1 .pxl-item--inner .pxl-item--image:after{
  content: "";
  background-color: #fff;
  -webkit-transition: all 0.5s;
  -khtml-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  width: 120%;
  height: 25px;
  opacity: 0.2;
  bottom: -35%;
  left: -10%;
  -webkit-transform: rotate(0deg);
  -khtml-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.pxl-service-grid1 .pxl-item--inner .pxl-item--holder{
  position: absolute;
  bottom: -200px;
  left: 0;
  width: 100%;
  padding: 30px 35px;
  padding-top: 0;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1199px){.pxl-service-grid1 .pxl-item--inner .pxl-item--holder{
    padding: 30px 15px;
  }}
.pxl-service-grid1 .pxl-item--inner .pxl-item--holder .pxl-item-meta{
  position: relative;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
}
.pxl-service-grid1 .pxl-item--inner .pxl-item--holder .pxl-item--title{
  font-size: 24px;
  color: var(--link-color);
  font-weight: 700;
  margin-bottom: 7px;
}
.pxl-service-grid1 .pxl-item--inner .pxl-item--holder .pxl-item--position{
  font-size: 16px;
  color: #333f4d;
  font-weight: 400;
}
.pxl-service-grid1 .pxl-item--inner .pxl-item--holder .pxl-btn-service{
  width: 60px;
  height: 60px;
  background-color: var(--link-color-hover);
  color: #fff;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  top: -18px;
  right: 30px;
}
@media (max-width: 1200px){.pxl-service-grid1 .pxl-item--inner .pxl-item--holder .pxl-btn-service{
    right: 20px;
  }}
@media (max-width: 360px){.pxl-service-grid1 .pxl-item--inner .pxl-item--holder .pxl-btn-service{
    right: 10px;
    width: 45px;
    height: 45px;
  }}
.pxl-text-carousel1.style1 .pxl--item .pxl-hover-circle{
  position: relative;
  display: block;
}
.pxl-text-carousel1.style1 .pxl--item .pxl-hover-circle::before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(93, 50, 34, 0.10);
  background: unset;
  border-radius: 50%;
  transition: all 0.3s ease;
  scale: 1;
  box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset;
}
.pxl-text-carousel1.style1 .pxl--item .pxl-hover-circle::after{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(93, 50, 34, 0.10);
  background: unset;
  border-radius: 50%;
  transition: all 0.3s ease;
  scale: 1;
  box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset;
  transform: rotate(45deg);
}
.pxl-text-carousel1.style1 .pxl--item:hover .pxl-hover-circle::before{
  box-shadow: 0px 0 0 rgba(255, 0, 0, 0.2) inset, 0 0px 0 rgba(252, 150, 0, 0.2) inset, 0px 0 0 rgba(0, 255, 0, 0.2) inset, 0 0px 0 rgba(0, 150, 255, 0.2) inset;
  box-shadow: 10px 4px 60px 0px rgba(180, 103, 77, 0.10);
  border: unset;
  scale: 1;
}
.pxl-text-carousel1.style1 .pxl--item:hover .pxl-hover-circle::after{
  -webkit-box-shadow: 0px 0 0 rgba(255, 0, 0, 0.2) inset, 0 0px 0 rgba(252, 150, 0, 0.2) inset, 0px 0 0 rgba(0, 255, 0, 0.2) inset, 0 0px 0 rgba(0, 150, 255, 0.2) inset;
  scale: 1;
}
.pxl-text-carousel2.style1 .pxl--item .pxl-hover-circle{
  position: relative;
  display: block;
}
.pxl-meta-carousel1 .pxl-item--inner .pxl-item--title{
  margin-bottom: 10px;
  margin-top: 30px;
}
.pxl-list-box.pxl-list-box1 .pxl--item .pxl-item--icon{
  height: 70px;
  width: 80px;
  min-width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px){.pxl-list-box.pxl-list-box1 .pxl--item .pxl-item--icon{
    height: 70px;
    width: 70px;
    min-width: 70px;
  }}
@media (max-width: 1024px){.pxl-list-box.pxl-list-box1 .pxl--item .pxl-item--icon img{
    width: 60px;
  }}
.pxl-list-box.pxl-list-box1 .pxl--item .pxl-item--icon svg{
  fill: var(--link-color);
  height: 70px;
}
@media (max-width: 1024px){.pxl-list-box.pxl-list-box1 .pxl--item .pxl-item--icon svg{
    width: 60px;
  }}
.pxl-list-box.pxl-list-box1 .pxl--item .pxl-item--icon i{
  color: var(--link-color);
  font-size: 70px;
}
@media (max-width: 1024px){.pxl-list-box.pxl-list-box1 .pxl--item .pxl-item--icon i{
    font-size: 60px;
  }}
.pxl-carousel-custom1 .pxl-item--inner .pxl-item--title{
  font-size: 100px;
  color: #233032;
  line-height: 1;
  margin-bottom: 47px;
  margin-top: 19px;
  letter-spacing: 0.5px;
}
@media (max-width: 1280px){.pxl-carousel-custom1 .pxl-item--inner .pxl-item--title{
    font-size: 80px;
  }}
@media (max-width: 767px){.pxl-carousel-custom1 .pxl-item--inner .pxl-item--title{
    font-size: 65px;
  }}
@media (max-width: 480px){.pxl-carousel-custom1 .pxl-item--inner .pxl-item--title{
    margin-bottom: 20px;
    margin-top: 15px;
    font-size: 45px;
  }}
@media (max-width: 360px){.pxl-carousel-custom1 .pxl-item--inner .pxl-item--title{
    font-size: 25px;
  }}
.pxl-carousel-custom1 .pxl-item--inner .pxl-item--title .pxl-item-number{
  font-size: 80px;
}
@media (max-width: 1280px){.pxl-carousel-custom1 .pxl-item--inner .pxl-item--title .pxl-item-number{
    font-size: 60px;
  }}
@media (max-width: 767px){.pxl-carousel-custom1 .pxl-item--inner .pxl-item--title .pxl-item-number{
    font-size: 45px;
  }}
@media (max-width: 480px){.pxl-carousel-custom1 .pxl-item--inner .pxl-item--title .pxl-item-number{
    font-size: 35px;
  }}
@media (max-width: 360px){.pxl-carousel-custom1 .pxl-item--inner .pxl-item--title .pxl-item-number{
    font-size: 25px;
  }}
.pxl-carousel-custom2 .pxl-item--inner .pxl-item--title{
  font-size: 28px;
  margin-bottom: 17px;
  letter-spacing: 0.3px;
  margin-left: 1px;
}
@media (max-width: 1200px){.pxl-carousel-custom2 .pxl-item--inner .pxl-item--title{
    font-size: 24px;
    margin-bottom: 10px;
  }}
.pxl-title-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--title{
  font-size: 140px;
}
.pxl-title-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--title a{
  color: #f0f8f8;
}
@media (max-width: 1800px){.pxl-title-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--title{
    font-size: 100px;
  }}
@media (max-width: 1280px){.pxl-title-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--title{
    font-size: 70px;
  }}
@media (max-width: 991px){.pxl-title-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--title{
    font-size: 50px;
  }}
@media (max-width: 676px){.pxl-title-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--title{
    font-size: 35px;
  }}
.pxl-title-carousel1 .pxl-item--inner .pxl-item--title{
  font-size: 45px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 991px){.pxl-title-carousel1 .pxl-item--inner .pxl-item--title{
    font-size: 35px;
  }}
.pxl-title-carousel1 .pxl-item--inner .pxl-item--title a{
  color: #adb7b7;
}
.pxl-title-carousel1 .pxl-item--inner .pxl-item--title a:hover{
  color: #f0f8f8;
}
.pxl-box-grid1 .pxl-grid-inner{
  overflow: hidden;
  position: relative;
}
.pxl-box-grid1 .pxl-grid-inner:before{
  background-color: #0b131e;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.3 !important;
  z-index: 1;
}
.pxl-box-grid1.change-loader .pxl-grid-item:before{
  transform: scaleX(0);
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.pxl-box-grid1.change-loader .pxl-grid-item:nth-child(2):before{
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.pxl-box-grid1.change-loader .pxl-grid-item:nth-child(3):before{
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.pxl-box-grid1.change-loader .pxl-grid-item:nth-child(4):before{
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.pxl-box-grid1 .pxl-grid-item{
  z-index: 2;
  background-size: 0%;
  position: relative;
  border-radius: 0;
  min-height: 60.55rem;
  overflow: hidden;
  padding: 0;
}
@media (max-width: 1200px){.pxl-box-grid1 .pxl-grid-item{
    min-height: 50rem;
  }}
@media (max-width: 1024px){.pxl-box-grid1 .pxl-grid-item{
    min-height: 35rem;
  }}
@media (max-width: 880px){.pxl-box-grid1 .pxl-grid-item{
    min-height: 20rem;
  }}
.pxl-box-grid1 .pxl-grid-item:before{
  content: '';
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: var(--link-color);
  transform: scaleX(1);
  -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform-origin: left center;
  z-index: 5;
}
.pxl-box-grid1 .pxl-grid-item:last-child .pxl-item-service{
  border: none;
}
.pxl-box-grid1 .pxl-grid-item:nth-child(2) .pxl-item-service:before{
  animation: pxl_grid_fall 13s linear infinite;
}
.pxl-box-grid1 .pxl-grid-item:nth-child(3) .pxl-item-service:before{
  animation: pxl_grid_fall 14s linear infinite;
}
.pxl-box-grid1 .pxl-grid-item:hover .pxl-item-service .layout1{
  opacity: 0;
}
.pxl-box-grid1 .pxl-grid-item:hover .pxl-item-service .layout2{
  opacity: 1;
  bottom: -2px;
}
.pxl-box-grid1 .pxl-grid-item .pxl-item-service{
  position: relative;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 1200px){.pxl-box-grid1 .pxl-grid-item .pxl-item-service{
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }}
.pxl-box-grid1 .pxl-grid-item .pxl-item-service:before{
  content: '';
  position: absolute;
  top: 0;
  right: -1px;
  width: 1px;
  height: 60px;
  background: #fff;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.00000009)));
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.00000009) 100%);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.00000009) 100%);
  -webkit-animation: pxl_grid_fall 15s linear infinite;
  -khtml-animation: pxl_grid_fall 15s linear infinite;
  -moz-animation: pxl_grid_fall 15s linear infinite;
  -ms-animation: pxl_grid_fall 15s linear infinite;
  -o-animation: pxl_grid_fall 15s linear infinite;
  animation: pxl_grid_fall 15s linear infinite;
}
.pxl-box-grid1 .pxl-grid-item .pxl-item-service .layout1{
  opacity: 1;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-box-grid1 .pxl-grid-item .pxl-item-service .layout2{
  opacity: 0;
  left: 3px;
  bottom: -30px;
  opacity: 0;
  position: absolute;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0px 35px 62px 67px !important;
}
@media (max-width: 1280px){.pxl-box-grid1 .pxl-grid-item .pxl-item-service .layout2{
    padding: 0px 15px 51px 35px !important;
  }}
@media (max-width: 880px){.pxl-box-grid1 .pxl-grid-item .pxl-item-service .layout2{
    padding: 0px 15px 30px 30px !important;
  }}
.pxl-box-grid1 .pxl-grid-item .pxl-item-service .pxl-inner-content{
  transition: 0.5s ease;
  padding: 0px 35px 51px 76px;
}
@media (max-width: 1280px){.pxl-box-grid1 .pxl-grid-item .pxl-item-service .pxl-inner-content{
    padding: 0px 15px 51px 35px;
  }}
@media (max-width: 880px){.pxl-box-grid1 .pxl-grid-item .pxl-item-service .pxl-inner-content{
    padding: 0px 15px 30px 30px;
  }}
.pxl-box-grid1 .pxl-grid-item .pxl-item-service .pxl-inner-content .pxl-item--title{
  margin-bottom: 0;
  font-size: 36px;
  color: var(--primary-color);
  letter-spacing: 0.34px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media (max-width: 1280px){.pxl-box-grid1 .pxl-grid-item .pxl-item-service .pxl-inner-content .pxl-item--title{
    font-size: 30px;
  }}
@media (max-width: 880px){.pxl-box-grid1 .pxl-grid-item .pxl-item-service .pxl-inner-content .pxl-item--title{
    font-size: 25px;
  }}
.pxl-box-grid1 .pxl-grid-item .pxl-item-service .pxl-inner-content .pxl-item--title a{
  color: var(--primary-color);
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: underline transparent;
}
.pxl-box-grid1 .pxl-grid-item .pxl-item-service .pxl-inner-content .pxl-item--title a:hover{
  text-decoration: underline var(--primary-color);
}
.pxl-box-grid1 .pxl-grid-item .pxl-item-service .pxl-inner-content .pxl-item--content{
  color: #97a4a5;
  font-size: 16px;
  margin-top: 14px;
  padding-left: 3px;
  letter-spacing: 0.34px;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-blog-carousel.pxl-blog-carousel1 .pxl-item--inner:hover .pxl-item-content .pxl-item--title a .char{
  color: #e7e9e9 !important;
  -webkit-transform: translateY(-10px);
  -khtml-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.pxl-blog-carousel.pxl-blog-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--holder{
  display: flex;
  align-items: center;
}
.pxl-blog-carousel.pxl-blog-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--holder .pxl--counter-number{
  line-height: 1;
  font-size: 100px;
  letter-spacing: 1px;
  color: #e7e9e9;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
@media (max-width: 1400px){.pxl-blog-carousel.pxl-blog-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--holder .pxl--counter-number{
    font-size: 80px;
  }}
@media (max-width: 480px){.pxl-blog-carousel.pxl-blog-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--holder .pxl--counter-number{
    font-size: 60px;
  }}
@media (max-width: 480px){.pxl-blog-carousel.pxl-blog-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--holder .pxl--counter-number.pxl-mr-27{
    margin-right: 15px;
  }}
.pxl-blog-carousel.pxl-blog-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--holder .pxl-sub-title{
  color: #e7e9e9;
  font-size: 28px;
  line-height: 1.2;
  margin-top: -3px;
}
@media (max-width: 1400px){.pxl-blog-carousel.pxl-blog-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--holder .pxl-sub-title{
    font-size: 22px;
  }}
@media (max-width: 480px){.pxl-blog-carousel.pxl-blog-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--holder .pxl-sub-title{
    font-size: 17px;
  }}
.pxl-blog-carousel.pxl-blog-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--title{
  font-size: 28px;
  letter-spacing: 0px;
  color: transparent;
  line-height: 1.2;
  padding-left: 7px;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 480px){.pxl-blog-carousel.pxl-blog-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--title{
    font-size: 20px;
  }}
.pxl-blog-carousel.pxl-blog-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--title a .char{
  transition: transform 0.1s ease, color 0.1s ease;
  transition-delay: calc(var(--char-index) * 0.01s);
}
.pxl-list-modern1 .pxl-list .pxl-item--title{
  font-size: 45px;
  letter-spacing: 0.4px;
  color: var(--primary-color);
  line-height: 1.2;
  margin-bottom: 82px;
}
@media (max-width: 880px){.pxl-list-modern1 .pxl-list .pxl-item--title{
    font-size: 35px;
    margin-bottom: 50px;
  }}
@media (max-width: 767px){.pxl-list-modern1 .pxl-list .pxl-item--title{
    font-size: 30px;
  }}
.pxl-banner-box.pxl-banner-box2 .pxl-meta-inner .pxl-item--icon{
  width: 80px;
  height: 80px;
  min-width: 80px;
  border-radius: 50%;
  background-color: #3a555c;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px){.pxl-banner-box.pxl-banner-box2 .pxl-meta-inner .pxl-item--icon{
    margin-bottom: 20px;
  }}
.pxl-banner-box.pxl-banner-box2 .pxl-meta-inner .pxl-item--icon img{
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(308deg) brightness(104%) contrast(104%);
}
.pxl-banner-box.pxl-banner-box2 .pxl-meta-inner .pxl-item--icon svg{
  fill: #fff;
  height: 35px;
}
.pxl-banner-box.pxl-banner-box2 .pxl-meta-inner .pxl-item--icon svg path{
  stroke: #fff !important;
  fill: none !important;
}
.pxl-banner-box.pxl-banner-box2 .pxl-meta-inner .pxl-item--icon i{
  color: #fff;
  font-size: 30px;
}
.pxl-service-single1 .pxl-swiper-single.swiper-slide-active .pxl-item--holder .pxl-item--number{
  color: var(--primary-color);
}
.pxl-service-single1 .pxl-swiper-single.swiper-slide-active .pxl-item--holder .pxl-item--title{
  color: var(--primary-color);
  opacity: 1;
}
.pxl-service-single1 .pxl-item--holder{
  width: inherit;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  margin: 0;
  color: #fff;
  z-index: 2;
  display: flex;
  align-items: end;
  padding-bottom: 14px;
  padding-left: 28px;
  -webkit-transition: all 0.35s ease;
  -khtml-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
@media (max-width: 1280px){.pxl-service-single1 .pxl-item--holder{
    padding-left: 15px;
  }}
.pxl-service-single1 .pxl-item--holder a{
  display: flex;
  align-items: baseline;
}
.pxl-service-single1 .pxl-item--holder .pxl-item--number{
  font-size: 65px;
  color: #5f6c71;
  line-height: 0.8;
  margin-bottom: 0;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1280px){.pxl-service-single1 .pxl-item--holder .pxl-item--number{
    font-size: 80px;
  }}
@media (max-width: 1200px){.pxl-service-single1 .pxl-item--holder .pxl-item--number{
    font-size: 60px;
  }}
@media (max-width: 991px){.pxl-service-single1 .pxl-item--holder .pxl-item--number{
    font-size: 50px;
  }}
.pxl-service-single1 .pxl-item--holder .pxl-item--title{
  font-size: 34px;
  color: #5f6c71;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  letter-spacing: 0.35px;
  opacity: 0;
  -webkit-transition: all 0.35s ease;
  -khtml-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
@media (max-width: 1280px){.pxl-service-single1 .pxl-item--holder .pxl-item--title{
    font-size: 25px;
  }}
.pxl-service-single1 .pxl-item--holder .pxl-item--title.pxl-ml-37{
  margin-left: 15px;
}
.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner .pxl-item--title{
  font-size: 45px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #adb7b7;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  cursor: pointer;
}
.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner .pxl-item--title a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
@media (max-width: 991px){.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner .pxl-item--title{
    font-size: 35px;
  }}
.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner.slick-center .pxl-item--title{
  color: #f0f8f8;
}
@media (max-width: 676px){.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner.slick-center .pxl-item--title{
    font-size: 45px;
  }}
@media (max-width: 574px){.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner.slick-center .pxl-item--title{
    font-size: 35px;
  }}
.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner.slick-center .pxl-item--title a{
  display: block;
}
.pxl-couner-banner1 .pxl-couner-inner .pxl-content .pxl-item--title{
  font-size: 30px;
  color: #42a0bc;
  font-weight: 700;
  z-index: 1;
  position: relative;
  margin-bottom: 9px;
}
@media (max-width: 480px){.pxl-couner-banner1 .pxl-couner-inner .pxl-content .pxl-item--title{
    font-size: 24px;
    margin-bottom: 0;
  }}
.pxl-couner-banner1 .pxl-couner-inner .pxl-inner-list .pxl-item:nth-child(1) .pxl-item--icon{
  order: 2;
  margin-right: 0px;
  margin-left: 30px;
}
@media (max-width: 1200px){.pxl-couner-banner1 .pxl-couner-inner .pxl-inner-list .pxl-item:nth-child(1) .pxl-item--icon{
    margin-bottom: 17px;
    margin-left: 0;
  }}
.pxl-couner-banner1 .pxl-couner-inner .pxl-inner-list .pxl-item:nth-child(2) .pxl-item--icon{
  margin-right: 0;
  margin: 0 auto;
  margin-bottom: 17px;
}
.pxl-couner-banner1 .pxl-couner-inner .pxl-inner-list .pxl-item .pxl-item--icon{
  width: 110px;
  min-width: 110px;
  height: 110px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 30px;
}
@media (max-width: 1200px){.pxl-couner-banner1 .pxl-couner-inner .pxl-inner-list .pxl-item .pxl-item--icon{
    margin-bottom: 17px;
    margin-right: 0;
  }}
@media screen and (max-width: 1199px){.pxl-menu-primary .pxl-megamenu .pxl-heading .pxl-item--title{
    margin-bottom: 0 !important;
    font-size: 14px !important;
    border-bottom: none !important;
  }}
.pxl---post .pxl-item--title a{
  color: var(--primary-color);
  font-family: "Marcellus";
  font-size: 35px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.7px;
}
.pxl-item--archive .pxl-content .pxl-item--category{
  margin-bottom: 14px;
  display: flex;
}
.pxl-item--archive .pxl-content .pxl-item--category a{
  display: none;
  font-size: 14px;
  color: var(--primary-color);
  text-transform: uppercase;
  font-weight: 500;
}
.pxl-item--archive .pxl-content .pxl-item--category a:hover{
  color: var(--link-color);
}
.pxl-item--archive .pxl-content .pxl-item--category a:first-child{
  display: block;
}
.pxl-item--archive .pxl-content .pxl-item--category .pxl-item--author{
  display: flex;
  text-transform: uppercase;
  color: #b89e95;
  font-family: "DM Sans";
  font-size: 14px;
  font-weight: 500;
  margin-left: 30px;
}
.pxl-item--archive .pxl-content .pxl-item--category .pxl-item--author a{
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-color);
}
.pxl-item--archive .pxl-content .pxl-item--category .pxl-item--comment{
  margin-left: 30px;
}
.pxl-item--archive .pxl-content .pxl-item--category .pxl-item--comment a{
  color: #866559;
}
.pxl-item--archive .pxl-content .pxl-item--title{
  margin-bottom: 18px;
  margin-top: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
.pxl-item--archive .pxl-content .pxl-item--title a{
  text-decoration: underline transparent;
}
@media (max-width: 768px){.pxl-item--archive .pxl-content .pxl-item--title a{
    font-size: 30px;
  }}
@media screen and (min-width: 1025px){.single-post #pxl-page-title-elementor .pxl-page--title .pxl-item--title{
    font-size: 48px;
  }}
.single-post .pxl-item--holder .pxl-post-cutom .pxl-post-text{
  padding-right: 35px;
}
@media (max-width: 480px){.single-post .pxl-item--holder .pxl-post-cutom .pxl-post-text{
    padding-right: 0;
  }}
.single-post .pxl-item--holder .pxl-post-cutom .pxl-post-text.text2{
  margin-top: 20px;
}
@media (max-width: 480px){.single-post .pxl-item--holder .pxl-post-cutom .pxl-post-text.text2{
    padding-right: 0;
  }}
.single-post .pxl-item--holder .pxl-post-cutom .pxl-blockquote{
  margin-top: 31px;
  margin-bottom: 99px;
}
@media (max-width: 1024px){.single-post .pxl-item--holder .pxl-post-cutom .pxl-blockquote{
    margin-bottom: 50px;
  }}
.single-post .pxl-item--holder .pxl-post-cutom .pxl-item-heading{
  margin-top: 56px;
  margin-bottom: 28px;
}
@media (max-width: 575px){.single-post .pxl-item--holder .pxl-post-cutom .pxl-item-heading{
    margin-top: 30px;
    margin-bottom: 20px;
  }}
@media (max-width: 480px){.single-post .pxl-item--holder .pxl-post-cutom .pxl-item-heading h3{
    line-height: 1.3;
  }}
.pxl-related-post .pxl-grid-item-inner{
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-related-post .pxl-grid-item-inner:hover .pxl-item-featured img{
  transform: scale(1.1);
  opacity: 0.7;
}
.pxl-related-portfolio .pxl-grid-item-inner{
  position: relative;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-related-portfolio .pxl-grid-item-inner:hover .pxl-item-featured img{
  transform: scale(1.05);
  opacity: 0.7;
}
.pxl-related-portfolio .pxl-grid-item-inner:hover .pxl-item-title a{
  text-decoration: underline var(--link-color-hover);
}
.pxl-related-service .pxl-grid-item-inner{
  border: 1px solid #cbcbcb;
  padding: 60px 50px 50px 50px;
  margin: 15px 0;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1200px){.pxl-related-service .pxl-grid-item-inner{
    padding: 40px;
  }}
@media (max-width: 1024px){.pxl-related-service .pxl-grid-item-inner{
    padding: 30px;
  }}
@media (max-width: 676px){.pxl-related-service .pxl-grid-item-inner{
    padding: 30px 20px;
  }}
.pxl-related-service .pxl-grid-item-inner:hover .pxl-item--icon{
  animation: pxl_zigzag 1s ease-out infinite;
}
.pxl-related-service .pxl-grid-item-inner .pxl-item--icon{
  height: 85px;
  width: 95px;
  min-width: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-related-service .pxl-grid-item-inner .pxl-item--icon svg{
  fill: var(--link-color);
  height: 85px;
}
.pxl-related-service .pxl-grid-item-inner .pxl-item--icon i{
  color: var(--link-color);
  font-size: 85px;
}
.pxl-related-service .pxl-grid-item-inner .pxl-item-title{
  font-size: 26px;
  margin-top: 38px;
  margin-bottom: 15px;
}
@media (max-width: 1199px){.pxl-related-service .pxl-grid-item-inner .pxl-item-title{
    font-size: 22px;
  }}
@media (max-width: 676px){.pxl-related-service .pxl-grid-item-inner .pxl-item-title{
    font-size: 20px;
    margin-top: 25px;
  }}
@media (max-width: 575px){.pxl-related-service .pxl-grid-item-inner .pxl-item-title{
    font-size: 18px;
    margin-bottom: 10px;
  }}
.pxl-related-service .pxl-grid-item-inner .pxl-item--content{
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.widget_pxl_recent_posts .pxl-item--meta .pxl-item--title{
  margin-bottom: 0;
}
@media (max-width: 990px){.widget_pxl_recent_posts .pxl-item--meta .pxl-item--title{
    padding: 20px 0;
  }}
.widget_pxl_recent_posts .pxl-item--meta .pxl-item--title a{
  color: #5d3222;
  font-weight: 400;
  display: block;
  text-decoration: none;
  font-size: 18px;
  line-height: 1.3em;
  word-spacing: 0px;
  font-family: "Marcellus";
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 990px){.widget_pxl_recent_posts .pxl-item--meta .pxl-item--title a{
    font-size: 30px;
  }}
@media screen and (max-width: 1199px){.pxl-menu-primary .pxl-megamenu .pxl-heading .pxl-item--title{
    margin-bottom: 0 !important;
    font-size: 14px !important;
    border-bottom: none !important;
  }}
.pxl-swiper-sliders .pxl-item--title a, .pxl-swiper-sliders .pxl-item--category a{
  color: inherit;
}
.pxl-swiper-sliders .pxl-item--title a:hover, .pxl-swiper-sliders .pxl-item--category a:hover{
  color: inherit;
}
.pxl-post-carousel1 .swiper-slide-active .pxl-item--inner .pxl-item--holder{
  transform: translateY(0px);
}
.pxl-post-carousel1 .swiper-slide-active .pxl-item--inner .pxl-item--featured img{
  transform: scale3d(1, 1, 1);
}
.pxl-post-carousel1 .pxl-item--inner .pxl-item--featured{
  background-color: #000;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-post-carousel1 .pxl-item--inner .pxl-item--featured img{
  -webkit-transition: transform 0.3s ease-out;
  -khtml-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transform: scale3d(1, 1.3, 1.3);
}
.pxl-post-carousel1 .pxl-item--inner .pxl-item--holder{
  padding-top: 22px;
  transform: translateY(-83px);
  -webkit-transition: transform 0.3s ease-out;
  -khtml-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.pxl-post-carousel1 .pxl-item--inner .pxl-item--title{
  line-height: 1.2;
  margin-bottom: 0;
  margin-top: 8px;
  letter-spacing: 0.34px;
}
.pxl-post-carousel1 .pxl-item--inner .pxl-item--title a{
  color: var(--primary-color);
}
@media (max-width: 1200px){.pxl-post-carousel1 .pxl-item--inner .pxl-item--title{
    font-size: 20px;
  }}
.pxl-post-carousel2 .pxl-item--inner .pxl-item--holder{
  position: absolute;
  bottom: 53px;
  left: 0;
  width: 100%;
  padding: 0 50px 0px 60px;
  z-index: 2;
}
@media (max-width: 1500px){.pxl-post-carousel2 .pxl-item--inner .pxl-item--holder{
    padding: 0 20px;
  }}
.pxl-post-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item--title{
  margin-bottom: 0;
  font-size: 28px;
  line-height: 1.2em;
  letter-spacing: 0.35px;
}
@media (max-width: 1500px){.pxl-post-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item--title{
    font-size: 24px;
  }}
@media (max-width: 991px){.pxl-post-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item--title{
    font-size: 20px;
  }}
.pxl-post-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item--title a{
  color: var(--primary-color);
  text-decoration: underline transparent;
}
.pxl-post-carousel2 .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover{
  text-decoration: underline var(--primary-color);
}
.pxl-post-carousel3 .pxl-item--inner:hover .pxl-item--featured img{
  transform: scale(1.1);
  opacity: 0.7;
}
.pxl-post-carousel3 .pxl-item--inner .pxl-item--featured{
  background-color: #000;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-post-carousel3 .pxl-item--inner .pxl-item--featured img{
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-post-carousel3 .pxl-item--inner .pxl-item--holder{
  padding-top: 32px;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-post-carousel3 .pxl-item--inner .pxl-item--title{
  line-height: 1.37;
  margin-bottom: 0;
  margin-top: 6px;
  letter-spacing: 0.34px;
}
.pxl-post-carousel3 .pxl-item--inner .pxl-item--title a{
  color: var(--primary-color);
}
@media (max-width: 1200px){.pxl-post-carousel3 .pxl-item--inner .pxl-item--title{
    font-size: 20px;
  }}
.pxl-post-carousel4 .pxl-item--inner:hover .pxl-item--featured img{
  -webkit-transform: scale(1.05);
  -khtml-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.pxl-post-carousel4 .pxl-item--inner .pxl-item--featured{
  overflow: hidden;
}
.pxl-post-carousel4 .pxl-item--inner .pxl-item--featured img{
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-post-carousel4 .pxl-item--inner .pxl-item--holder{
  text-align: center;
  padding: 25px 20px 0px 20px;
}
.pxl-post-carousel4 .pxl-item--inner .pxl-item--holder .pxl-item--date{
  font-size: 15px;
  color: #475355;
  font-weight: 500;
  letter-spacing: 0.34px;
}
.pxl-post-carousel4 .pxl-item--inner .pxl-item--holder .pxl-item--title{
  line-height: 1.37;
  margin-bottom: 0;
  margin-top: 6px;
  letter-spacing: 0.34px;
}
@media (max-width: 1200px){.pxl-post-carousel4 .pxl-item--inner .pxl-item--holder .pxl-item--title{
    font-size: 20px;
  }}
.pxl-post-carousel4 .pxl-item--inner .pxl-item--holder .pxl-item--title a{
  color: var(--link-color);
  text-decoration: underline transparent;
}
.pxl-post-carousel4 .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover{
  text-decoration: underline var(--link-color);
}
.pxl-post-carousel5 .pxl-item--inner:hover .pxl-item--featured img{
  -webkit-transform: scale(1.05);
  -khtml-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.pxl-post-carousel5 .pxl-item--inner .pxl-item--featured{
  background-color: #000;
}
.pxl-post-carousel5 .pxl-item--inner .pxl-item--featured img{
  opacity: 0.8;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-post-carousel5 .pxl-item--inner .pxl-item--holder{
  position: absolute;
  bottom: 41px;
  left: 0;
  width: 100%;
  padding-left: 46px;
  padding-right: 30px;
}
@media (max-width: 767px){.pxl-post-carousel5 .pxl-item--inner .pxl-item--holder{
    padding-left: 25px;
  }}
.pxl-post-carousel5 .pxl-item--inner .pxl-item--holder .pxl-post--category{
  font-size: 16px;
  color: var(--primary-color);
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 13px;
}
.pxl-post-carousel5 .pxl-item--inner .pxl-item--holder .pxl-post--category a{
  color: var(--primary-color);
  text-decoration: underline transparent;
}
.pxl-post-carousel5 .pxl-item--inner .pxl-item--holder .pxl-post--category a:hover{
  text-decoration: underline var(--primary-color);
}
.pxl-post-carousel5 .pxl-item--inner .pxl-item--holder .pxl-item--title{
  font-size: 24px;
  color: var(--primary-color);
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 1.15;
  margin-bottom: 0;
}
.pxl-post-carousel5 .pxl-item--inner .pxl-item--holder .pxl-item--title a{
  color: var(--primary-color);
  text-decoration: underline transparent;
}
.pxl-post-carousel5 .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover{
  text-decoration: underline var(--primary-color);
}
.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .item--title .pxl-item--title{
  color: var(--primary-color);
}
.pxl-portfolio-carousel1 .item--title .pxl-item--title{
  font-size: 130px;
  color: #3e4a4d;
  line-height: 0.8;
  margin-bottom: 0;
  position: absolute;
  bottom: 3px;
  right: 20px;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1280px){.pxl-portfolio-carousel1 .item--title .pxl-item--title{
    font-size: 100px;
  }}
@media (max-width: 1199px){.pxl-portfolio-carousel1 .item--title .pxl-item--title{
    font-size: 80px;
  }}
@media (max-width: 1024px){.pxl-portfolio-carousel1 .item--title .pxl-item--title{
    right: 15px;
  }}
@media (max-width: 991px){.pxl-portfolio-carousel1 .item--title .pxl-item--title{
    font-size: 50px;
  }}
.pxl-service-carousel1 .pxl-swiper-slide:hover .pxl-item--readmore a{
  border-color: #fff;
}
.pxl-service-carousel1 .pxl-swiper-slide:hover .pxl-item--readmore a .pxl-item--icon{
  animation: Lefttoright 0.5s forwards;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--content{
  margin-bottom: 25px;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--readmore{
  margin-bottom: 2px;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--readmore a{
  border: 1px solid rgba(255, 255, 255, 0.10);
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  position: relative;
  transition: all 0.3s linear;
  align-items: center;
}
.pxl-treatments-carousel1 .pxl-item--title, .pxl-treatments-carousel1 .pxl-item--content, .pxl-treatments-carousel1 .pxl-item--image{
  text-align: center;
}
.pxl-treatments-carousel1 .pxl-item--title img, .pxl-treatments-carousel1 .pxl-item--content img, .pxl-treatments-carousel1 .pxl-item--image img{
  border-radius: 50%;
  width: auto !important;
}
.pxl-treatments-carousel1 .pxl-item--readmore{
  display: flex;
  justify-content: center;
}
.pxl-treatments-carousel1 .pxl-item--readmore .pxl-item--icon{
  display: flex;
  height: 45px;
  width: 45px;
  border: 1px solid rgba(93, 50, 34, 0.10);
  align-items: center;
  justify-content: center;
  background: #fff;
}
.pxl-nails-carousel1 .pxl-content-item .pxl-item--title{
  margin: 0;
}
.pxl-grid .pxl-item--featured, .pxl-portfolio-carousel .pxl-item--featured, .pxl-service-carousel .pxl-item--featured{
  position: relative;
}
.pxl-grid .pxl-item--image img, .pxl-portfolio-carousel .pxl-item--image img, .pxl-service-carousel .pxl-item--image img, .pxl-grid .pxl-item--featured img, .pxl-portfolio-carousel .pxl-item--featured img, .pxl-service-carousel .pxl-item--featured img{
  width: 100%;
}
.pxl-grid .pxl-item--title a, .pxl-portfolio-carousel .pxl-item--title a, .pxl-service-carousel .pxl-item--title a, .pxl-grid .item--title a, .pxl-portfolio-carousel .item--title a, .pxl-service-carousel .item--title a{
  color: inherit;
}
.pxl-grid .pxl-item--title a:hover, .pxl-portfolio-carousel .pxl-item--title a:hover, .pxl-service-carousel .pxl-item--title a:hover, .pxl-grid .item--title a:hover, .pxl-portfolio-carousel .item--title a:hover, .pxl-service-carousel .item--title a:hover{
  color: inherit;
}
.pxl-grid .pxl-item--category a, .pxl-portfolio-carousel .pxl-item--category a, .pxl-service-carousel .pxl-item--category a{
  color: inherit;
}
.pxl-grid .pxl-item--category a:hover, .pxl-portfolio-carousel .pxl-item--category a:hover, .pxl-service-carousel .pxl-item--category a:hover{
  color: inherit;
}
.pxl-blog-grid-layout2 .pxl-grid-inner.visible .pxl-grid-item:nth-child(1){
  transform: translate(0, 0);
  opacity: 1;
}
.pxl-blog-grid-layout2 .pxl-grid-inner.visible .pxl-grid-item:nth-child(2){
  transform: translate(0, 0);
  opacity: 1;
}
.pxl-blog-grid-layout2 .pxl-grid-inner.visible .pxl-grid-item:nth-child(3){
  transform: translate(0, 0);
  opacity: 1;
}
.pxl-blog-grid-layout2 .pxl-grid-item{
  position: absolute;
  width: 100%;
  height: initial;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 3s ease, opacity 1s ease;
  transform: translate(0, 0);
  opacity: 0;
}
@media screen and (max-width: 991px){.pxl-blog-grid-layout2 .pxl-grid-item{
    opacity: 1;
    margin-bottom: 30px;
  }}
.pxl-blog-grid-layout2 .pxl-grid-item:nth-child(2){
  opacity: 1;
}
.pxl-blog-grid-layout2 .pxl-item--title{
  margin-bottom: 20px;
}
.pxl-blog-grid-layout2 .pxl-item--content{
  margin-bottom: 35px;
}
.pxl-blog-grid-layout3 .pxl-grid-inner.visible .pxl-grid-item:nth-child(1){
  transform: translate(0, 0);
  opacity: 1;
}
.pxl-blog-grid-layout3 .pxl-grid-inner.visible .pxl-grid-item:nth-child(2){
  transform: translate(0, 0);
  opacity: 1;
}
.pxl-blog-grid-layout3 .pxl-grid-inner.visible .pxl-grid-item:nth-child(3){
  transform: translate(0, 0);
  opacity: 1;
}
.pxl-blog-grid-layout3 .pxl-grid-item{
  position: absolute;
  width: 100%;
  height: initial;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 3s ease, opacity 1s ease;
  opacity: 0;
}
@media (max-width: 767px){.pxl-blog-grid-layout3 .pxl-grid-item{
    opacity: 1;
  }}
.pxl-blog-grid-layout3 .pxl-grid-item:nth-child(1){
  transform: translate(-50px, 0);
}
@media (max-width: 767px){.pxl-blog-grid-layout3 .pxl-grid-item:nth-child(1){
    transform: translate(0px, 0);
  }}
.pxl-blog-grid-layout3 .pxl-grid-item:nth-child(2){
  opacity: 1;
}
.pxl-blog-grid-layout3 .pxl-grid-item:nth-child(3){
  transform: translate(50px, 0);
}
@media (max-width: 767px){.pxl-blog-grid-layout3 .pxl-grid-item:nth-child(3){
    transform: translate(0px, 0);
  }}
.pxl-blog-grid-layout3 .pxl-item--inner:hover .title-hover-line2{
  animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards;
}
.pxl-blog-grid-layout3 .pxl-item--holder{
  padding-top: 22px;
}
.pxl-blog-grid-layout3 .pxl-item--title{
  margin-bottom: 15px;
}
.pxl-blog-grid-layout4 .pxl-item--inner:hover .title-hover-line2{
  animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards;
}
.pxl-blog-grid-layout4 .pxl-item--holder{
  padding-top: 22px;
}
@media screen and (max-width: 600px){.pxl-blog-grid-layout4 .pxl-item--holder{
    padding: 0;
  }}
.pxl-blog-grid-layout4 .pxl-item--title{
  margin-bottom: 65px;
}
@media screen and (max-width: 600px){.pxl-blog-grid-layout4 .pxl-item--title{
    margin: 0;
  }}
.pxl-blog-style1 .pxl-item--inner:hover .pxl-item--featured img{
  transform: scale(1.1);
  opacity: 0.7;
}
.pxl-blog-style1 .pxl-item--inner .pxl-item--featured{
  background-color: #000;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-blog-style1 .pxl-item--inner .pxl-item--featured img{
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  transform: scale(1.03);
}
.pxl-blog-style1 .pxl-item--inner .pxl-item--holder{
  padding-top: 22px;
}
.pxl-blog-style1 .pxl-item--inner .pxl-item--title{
  line-height: 1.2;
  margin-bottom: 0;
  margin-top: 10px;
}
@media (max-width: 1200px){.pxl-blog-style1 .pxl-item--inner .pxl-item--title{
    font-size: 20px;
  }}
.pxl-portfolio-style1 .pxl-item--inner:hover .pxl-item--featured img{
  opacity: 0.3;
  transform: scale(1.05);
}
.pxl-portfolio-style1 .pxl-item--inner:hover .pxl-item--featured .pxl-item-absolute{
  opacity: 1;
}
.pxl-portfolio-style1 .pxl-item--inner:hover .pxl-item--featured .pxl-item-absolute .pxl-portfolio-gallery{
  transform: translateX(0);
}
.pxl-portfolio-style1 .pxl-item--inner:hover .pxl-item--featured .pxl-item-absolute .pxl-post--icon{
  transform: translateX(0);
}
.pxl-portfolio-style1 .pxl-item--inner .pxl-item--featured{
  background-color: #1e3136;
  overflow: hidden;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-portfolio-style1 .pxl-item--inner .pxl-item--featured img{
  opacity: 1;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-portfolio-style1 .pxl-item--inner .pxl-item--featured .pxl-item-absolute{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
.pxl-portfolio-style1 .pxl-item--inner .pxl-item--featured .pxl-item-absolute .pxl-link-meta{
  margin: 0 25px;
}
.pxl-portfolio-style1 .pxl-item--inner .pxl-item--featured .pxl-item-absolute .pxl-portfolio-gallery{
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  transform: translateX(-25px);
}
.pxl-portfolio-style1 .pxl-item--inner .pxl-item--featured .pxl-item-absolute .pxl-portfolio-gallery a{
  font-size: 40px;
  color: var(--primary-color);
  display: flex;
  align-items: center;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-portfolio-style1 .pxl-item--inner .pxl-item--featured .pxl-item-absolute .pxl-portfolio-gallery a:hover{
  transform: scale(0.9);
}
.pxl-portfolio-style1 .pxl-item--inner .pxl-item--featured .pxl-item-absolute .pxl-portfolio-gallery a i{
  transform: rotateY(180deg);
}
.pxl-portfolio-style1 .pxl-item--inner .pxl-item--featured .pxl-item-absolute .pxl-post--icon{
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 1;
  transform: translateX(25px);
}
.pxl-portfolio-style1 .pxl-item--inner .pxl-item--featured .pxl-item-absolute .pxl-post--icon .pxl-item-link{
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  width: 35px;
  height: 38px;
  display: inline-block;
}
.pxl-portfolio-style1 .pxl-item--inner .pxl-item--featured .pxl-item-absolute .pxl-post--icon .pxl-item-link:hover{
  transform: scale(0.9);
}
.pxl-portfolio-style1 .pxl-item--inner .pxl-item--featured .pxl-item-absolute .pxl-post--icon .pxl-item-link:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url(../img/icon-img1.png);
  background-repeat: no-repeat;
  background-size: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pxl-portfolio-style1 .pxl-item--inner .pxl-item--title{
  line-height: 1.2;
  margin-bottom: 0;
}
.pxl-portfolio-style2 .pxl-item--inner:hover .pxl-effect--direction .char{
  color: var(--primary-color);
  -webkit-transform: translateY(-10px);
  -khtml-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.pxl-portfolio-style2 .pxl-item--inner .pxl-effect--direction{
  background-color: #000;
  position: relative;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-portfolio-style2 .pxl-item--inner .pxl-effect--direction img{
  opacity: 0.7;
}
.pxl-portfolio-style2 .pxl-item--inner .pxl-effect--direction .pxl-post-min--inner{
  position: absolute;
  left: 65px;
  bottom: 46px;
  z-index: 5;
  display: flex;
  align-items: center;
  line-height: 1.1;
}
@media (max-width: 1024px){.pxl-portfolio-style2 .pxl-item--inner .pxl-effect--direction .pxl-post-min--inner{
    left: 30px;
    bottom: 35px;
  }}
@media (max-width: 575px){.pxl-portfolio-style2 .pxl-item--inner .pxl-effect--direction .pxl-post-min--inner{
    bottom: 0px;
  }}
.pxl-portfolio-style2 .pxl-item--inner .pxl-effect--direction .pxl-post-min--inner .pxl-item--number{
  font-size: 120px;
  color: #6a797e;
  letter-spacing: 1px;
}
@media (max-width: 1024px){.pxl-portfolio-style2 .pxl-item--inner .pxl-effect--direction .pxl-post-min--inner .pxl-item--number{
    font-size: 80px;
  }}
@media (max-width: 575px){.pxl-portfolio-style2 .pxl-item--inner .pxl-effect--direction .pxl-post-min--inner .pxl-item--number{
    font-size: 50px;
  }}
@media (max-width: 575px){.pxl-portfolio-style2 .pxl-item--inner .pxl-effect--direction .pxl-post-min--inner .pxl-item--number.pxl-mr-30{
    margin-right: 20px;
  }}
.pxl-portfolio-style2 .pxl-item--inner .pxl-effect--direction .pxl-post-min--inner .pxl-post--title{
  font-size: 40px;
  color: #6a797e;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-top: 35px;
}
@media (max-width: 1024px){.pxl-portfolio-style2 .pxl-item--inner .pxl-effect--direction .pxl-post-min--inner .pxl-post--title{
    font-size: 35px;
    margin-top: 20px;
  }}
@media (max-width: 575px){.pxl-portfolio-style2 .pxl-item--inner .pxl-effect--direction .pxl-post-min--inner .pxl-post--title{
    font-size: 20px;
    margin-top: 10px;
  }}
.pxl-portfolio-style2 .pxl-item--inner .pxl-effect--direction .pxl-post-min--inner .char{
  transition: transform 0.1s ease, color 0.1s ease;
  transition-delay: calc(var(--char-index) * 0.01s);
}
.pxl-service-layout1 .pxl-pagination-wrap{
  padding-top: 55px;
}
@media (max-width: 991px){.pxl-service-layout1 .pxl-pagination-wrap{
    padding-top: 30px;
  }}
.pxl-service-layout1 .pxl-grid-item:nth-child(2n) .pxl-item--inner .pxl-item--image{
  order: 2;
}
.pxl-service-layout1 .pxl-grid-item:nth-child(2n) .pxl-item--inner .pxl-item--holder{
  order: 1;
}
.pxl-service-layout1 .pxl-item--inner{
  display: flex;
  align-items: center;
  border: 1px solid #cbcbcb;
}
@media (max-width: 880px){.pxl-service-layout1 .pxl-item--inner{
    display: block;
  }}
.pxl-service-layout1 .pxl-item--inner .pxl-item--image{
  width: 50%;
  overflow: hidden;
  position: relative;
}
@media (max-width: 991px){.pxl-service-layout1 .pxl-item--inner .pxl-item--image{
    width: 58%;
  }}
@media (max-width: 880px){.pxl-service-layout1 .pxl-item--inner .pxl-item--image{
    width: 100%;
  }}
.pxl-service-layout1 .pxl-item--inner .pxl-item--image .bg-image{
  transition: transform 0.3s ease-out;
}
.pxl-service-layout1 .pxl-item--inner .pxl-item--image img{
  transition: transform 0.3s ease-out;
}
.pxl-service-layout1 .pxl-item--inner .pxl-item--holder{
  padding: 30px 70px;
  width: 50%;
}
@media (max-width: 1200px){.pxl-service-layout1 .pxl-item--inner .pxl-item--holder{
    padding: 20px 50px;
  }}
@media (max-width: 1024px){.pxl-service-layout1 .pxl-item--inner .pxl-item--holder{
    padding: 20px 30px;
  }}
@media (max-width: 880px){.pxl-service-layout1 .pxl-item--inner .pxl-item--holder{
    width: 100%;
    padding: 20px;
  }}
.pxl-service-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--icon{
  height: 85px;
  width: 95px;
  min-width: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px){.pxl-service-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--icon{
    height: 70px;
    width: 70px;
    min-width: 70px;
  }}
@media (max-width: 1024px){.pxl-service-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--icon img{
    width: 60px;
  }}
.pxl-service-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--icon svg{
  fill: var(--link-color);
  height: 85px;
}
@media (max-width: 1024px){.pxl-service-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--icon svg{
    width: 60px;
  }}
.pxl-service-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--icon i{
  color: var(--link-color);
  font-size: 85px;
}
@media (max-width: 1024px){.pxl-service-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--icon i{
    font-size: 60px;
  }}
.pxl-service-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--title{
  font-size: 26px;
  margin-bottom: 25px;
  margin-top: 40px;
}
@media (max-width: 1200px){.pxl-service-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--title{
    margin-bottom: 15px;
    margin-top: 15px;
  }}
@media (max-width: 480px){.pxl-service-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--title{
    font-size: 20px;
  }}
.pxl-service-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--content{
  font-size: 16px;
  margin-bottom: 24px;
}
@media (max-width: 1200px){.pxl-service-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--content{
    margin-bottom: 10px;
  }}
.pxl-service-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--readmore a{
  font-size: 18px;
  color: var(--link-color);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-service-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--readmore a:hover span{
  text-decoration: underline;
  margin-right: 10px;
}
.pxl-service-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--readmore a span{
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pxl-service-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--readmore a i{
  font-size: 20px;
}
body.rtl .pxl-portfolio-style2 .pxl-item--holder.pxl-item--back{
  padding-right: 25px;
  padding-left: 50px;
}
.pxl-treatments-grid .pxl-item--inner:hover .pxl-treatments-gallery .popup i, .pxl-treatments-grid .pxl-item--inner:hover .pxl-treatments-gallery .pxl-link-featured i{
  opacity: 1;
}
.pxl-treatments-grid .pxl-item--inner:hover .pxl-bg-overlay{
  opacity: 1;
}
.pxl-treatments-grid .pxl-item--inner .pxl-item--title{
  margin-bottom: 6px;
}
.pxl-treatments-grid .pxl-item--featured{
  margin-bottom: 33px;
}
.pxl-treatments-grid .pxl-item--featured .pxl-bg-overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(11, 10, 12, 0.90) 0%, rgba(19, 17, 20, 0.10) 100%);
  opacity: 0;
  transition: all 0.3s ease;
}
.pxl-treatments-grid .pxl-treatments-gallery .pxl-link-featured i{
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  right: 35%;
  transform: translateY(-50%);
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease;
  color: #fff;
}
.pxl-treatments-grid .pxl-treatments-gallery .pxl-link-featured i:hover{
  color: var(--link-color-hover);
}
.pxl-service-layout2 .pxl-grid-item{
  margin-bottom: 27.8px;
}
@media screen and (max-width: 768px){.pxl-service-layout2 .pxl-grid-item{
    border: 1px solid rgba(93, 50, 34, 0.10);
    padding-bottom: 30px;
  }}
.pxl-service-layout2 .pxl-grid-item .pxl-item--inner{
  display: flex;
  justify-content: space-between;
  border: 1px solid rgba(93, 50, 34, 0.10);
  transition: all 0.3s ease;
}
@media (max-width: 768px){.pxl-service-layout2 .pxl-grid-item .pxl-item--inner{
    display: inline;
    border: unset;
  }}
.pxl-service-layout2 .pxl-grid-item .pxl-item--inner::before{
  position: absolute;
  content: '';
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  z-index: -1;
  -webkit-transition: all 0.3s linear;
  -khtml-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  scale: 1.1;
}
.pxl-service-layout2 .pxl-grid-item .pxl-item--inner:hover{
  background: #faf5f3;
}
.pxl-service-layout2 .pxl-grid-item .pxl-item--inner:hover .pxl-item--holder .pxl-item--readmore img{
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
.pxl-service-layout2 .pxl-grid-item .pxl-item--inner:hover .pxl-item--holder .pxl-item--readmore a::before{
  background-color: #5d3222;
  transform: scale(1);
}
.pxl-service-layout2 .pxl-grid-item .pxl-item--inner:hover::before{
  height: 100%;
  width: 100%;
  opacity: 1;
  border-color: rgba(93, 50, 34, 0.10);
  scale: 1;
}
@media screen and (max-width: 768px){.pxl-service-layout2 .pxl-grid-item .pxl-item--inner:hover::before{
    background: #faf5f3;
  }}
.pxl-service-layout2 .pxl-grid-item .pxl-item--inner:hover .pxl-hover-circle::before, .pxl-service-layout2 .pxl-grid-item .pxl-item--inner:hover .pxl-hover-circle::after{
  -webkit-box-shadow: 0px 0 0 rgba(255, 0, 0, 0.2) inset, 0 0px 0 rgba(252, 150, 0, 0.2) inset, 0px 0 0 rgba(0, 255, 0, 0.2) inset, 0 0px 0 rgba(0, 150, 255, 0.2) inset;
  scale: 1;
}
.pxl-service-layout2 .pxl-grid-item .pxl-item--inner:hover .pxl-price{
  background: var(--primary-color);
}
.pxl-service-layout2 .pxl-grid-item .pxl-item--holder, .pxl-service-layout2 .pxl-grid-item .pxl-item--image, .pxl-service-layout2 .pxl-grid-item .pxl-items--service{
  padding: 48px 60px 38.4px 70px;
}
@media screen and (max-width: 1200px){.pxl-service-layout2 .pxl-grid-item .pxl-item--holder, .pxl-service-layout2 .pxl-grid-item .pxl-item--image, .pxl-service-layout2 .pxl-grid-item .pxl-items--service{
    padding: 35px;
  }}
@media screen and (max-width: 1024px){.pxl-service-layout2 .pxl-grid-item .pxl-item--holder, .pxl-service-layout2 .pxl-grid-item .pxl-item--image, .pxl-service-layout2 .pxl-grid-item .pxl-items--service{
    padding: 25px;
  }}
@media screen and (max-width: 768px){.pxl-service-layout2 .pxl-grid-item .pxl-item--holder, .pxl-service-layout2 .pxl-grid-item .pxl-item--image, .pxl-service-layout2 .pxl-grid-item .pxl-items--service{
    width: 100%;
    max-width: 100%;
    padding: 0;
  }}
.pxl-service-layout2 .pxl-grid-item .pxl-item--holder .pxl-item--content{
  max-width: 330px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px){.pxl-service-layout2 .pxl-grid-item .pxl-item--holder .pxl-item--content{
    max-width: 1000px;
  }}
.pxl-service-layout2 .pxl-grid-item .pxl-item--holder .pxl-item--readmore a{
  display: flex;
  width: 45px;
  height: 45px;
  border: 1px solid rgba(93, 50, 34, 0.10);
  align-items: center;
  border-radius: 50%;
  justify-content: center;
}
.pxl-service-layout2 .pxl-grid-item .pxl-item--holder .pxl-item--readmore a img{
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px){.pxl-service-layout2 .pxl-grid-item .pxl-item--holder .pxl-item--readmore{
    margin-bottom: 20px;
  }}
.pxl-service-layout2 .pxl-grid-item .pxl-item--image{
  text-align: center;
}
@media screen and (max-width: 768px){.pxl-service-layout2 .pxl-grid-item .pxl-item--image{
    max-width: 50%;
    float: right;
    text-align: end;
  }}
@media screen and (max-width: 500px){.pxl-service-layout2 .pxl-grid-item .pxl-item--image{
    max-width: 100%;
    text-align: start;
  }}
.pxl-service-layout2 .pxl-grid-item .pxl-item--image .pxl-price{
  position: absolute;
  top: 2px;
  left: -67px;
  padding: 5px 20px;
  border-radius: 30px;
  background: #b4674d;
  color: #fff;
  transition: all 0.3s ease-in;
}
@media screen and (max-width: 1200px){.pxl-service-layout2 .pxl-grid-item .pxl-item--image .pxl-price{
    left: -30px;
  }}
@media screen and (max-width: 500px){.pxl-service-layout2 .pxl-grid-item .pxl-item--image .pxl-price{
    left: 150px;
  }}
.pxl-service-layout2 .pxl-grid-item .pxl-item--image .pxl-hover-circle{
  position: relative;
  display: inline-block;
}
.pxl-service-layout2 .pxl-grid-item .pxl-item--image .pxl-hover-circle::before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(93, 50, 34, 0.10);
  background: unset;
  border-radius: 50%;
  transition: all 0.5s ease;
  scale: 1;
  box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset;
}
.pxl-service-layout2 .pxl-grid-item .pxl-item--image .pxl-hover-circle::after{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(93, 50, 34, 0.10);
  background: unset;
  border-radius: 50%;
  transition: all 0.5s ease;
  scale: 1;
  box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset;
  transform: rotate(45deg);
}
.pxl-service-layout2 .pxl-grid-item .pxl-item--image img{
  width: auto;
  border-radius: 50%;
}
.pxl-service-layout2 .pxl-grid-item .pxl-item--title{
  margin-bottom: 22px;
}
.pxl-service-layout2 .pxl-grid-item .pxl-items--service{
  display: flex;
  text-align: center;
  border-left: 1px solid rgba(93, 50, 34, 0.10);
  border-right: 1px solid rgba(93, 50, 34, 0.10);
}
@media screen and (max-width: 768px){.pxl-service-layout2 .pxl-grid-item .pxl-items--service{
    border: unset;
    display: inline-block;
    max-width: 50%;
    text-align: start;
  }}
@media screen and (max-width: 500px){.pxl-service-layout2 .pxl-grid-item .pxl-items--service{
    max-width: 100%;
    text-align: start;
  }}
.pxl-service-layout2 .pxl-grid-item .pxl-items--service ul{
  display: inline-block;
  margin: 0;
}
.pxl-service-layout2 .pxl-grid-item .pxl-items--service li{
  text-align: start;
  list-style-type: none;
  margin-bottom: 13px;
}
.pxl-service-layout2 .pxl-grid-item .pxl-items--service li svg{
  margin-right: 10px;
}
.pxl-service-layout3 .pxl-content{
  padding: 40px 48px;
  border: 1px solid rgba(93, 50, 34, 0.10);
  position: relative;
}
.pxl-service-layout3 .pxl-content::before{
  left: 0;
  position: absolute;
  content: '';
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  z-index: -1;
  -webkit-transition: all 0.3s linear;
  -khtml-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  scale: 1.1;
}
.pxl-service-layout3 .pxl-content:hover .title-hover-line2{
  animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards;
}
.pxl-service-layout3 .pxl-content:hover .pxl-hv-cirle::before{
  background-color: #5d3222;
  transform: scale(1);
}
.pxl-service-layout3 .pxl-content:hover .pxl-item--icon img{
  -webkit-filter: brightness(0) invert(1);
}
.pxl-service-layout3 .pxl-content:hover .pxl-hover-circle::before, .pxl-service-layout3 .pxl-content:hover .pxl-hover-circle::after{
  -webkit-box-shadow: 0px 0 0 rgba(255, 0, 0, 0.2) inset, 0 0px 0 rgba(252, 150, 0, 0.2) inset, 0px 0 0 rgba(0, 255, 0, 0.2) inset, 0 0px 0 rgba(0, 150, 255, 0.2) inset;
  scale: 1;
}
.pxl-service-layout3 .pxl-content:hover::before{
  height: 100%;
  width: 100%;
  opacity: 1;
  border-color: rgba(93, 50, 34, 0.10);
  scale: 1;
  background: #faf5f3;
}
.pxl-service-layout3 .pxl-content .pxl-image{
  position: relative;
  display: inline-block;
  margin-bottom: 39px;
}
.pxl-service-layout3 .pxl-content .pxl-price{
  position: absolute;
  right: -22px;
  top: 11px;
  background: #b4674d;
  padding: 5px 20px;
  border-radius: 30px;
}
.pxl-service-layout3 .pxl-content img{
  width: auto;
  border-radius: 50%;
}
.pxl-service-layout3 .pxl-content .pxl-item--readmore .pxl-hv-cirle{
  width: 45px;
  height: 45px;
}
.pxl-service-layout3 .pxl-content .pxl-item--readmore .pxl-item--icon img{
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}
.pxl-service-layout3 .pxl-content .title-hover-line2{
  display: inline;
}
.pxl-service-layout3 .pxl-content .pxl-item--content{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 20px 0 30px 0;
}
.pxl-service-layout3 .pxl-content .pxl-hover-circle{
  position: relative;
  display: inline-block;
}
.pxl-service-layout3 .pxl-content .pxl-hover-circle::before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(93, 50, 34, 0.10);
  background: unset;
  border-radius: 50%;
  transition: all 0.5s ease;
  scale: 1;
  box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset;
}
.pxl-service-layout3 .pxl-content .pxl-hover-circle::after{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(93, 50, 34, 0.10);
  background: unset;
  border-radius: 50%;
  transition: all 0.5s ease;
  scale: 1;
  box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset;
  transform: rotate(45deg);
}
.pxl-spas-grid-layout1 .pxl-item--inner:hover .pxl-item--title .pxl-item--icon i{
  animation: sea ease-in-out 1s infinite alternate;
  transform-origin: center -20px;
}
.pxl-spas-grid-layout1 .pxl-item--inner:hover .title-hover-line2{
  animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards;
}
@media screen and (max-width: 800px){.pxl-spas-grid-layout1 .pxl-effect--direction{
    display: inline;
  }}
.pxl-spas-grid-layout1 .pxl-grid-item:nth-child(even) .pxl-effect--direction{
  flex-direction: row-reverse;
}
@media screen and (max-width: 800px){.pxl-spas-grid-layout1 .pxl-grid-item:nth-child(even) .pxl-effect--direction{
    flex-direction: inherit;
  }}
.pxl-spas-grid-layout1 .pxl-grid-item:nth-child(even) .pxl-item--holder{
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.pxl-spas-grid-layout1 .pxl-grid-item:nth-child(even) .pxl-item--featured{
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  animation: fadeInLeft ease 0.5s;
  -webkit-animation: fadeInLeft ease 0.5s;
  -moz-animation: fadeInLeft ease 0.5s;
  -o-animation: fadeInLeft ease 0.5s;
  -ms-animation: fadeInLeft ease 0.5s;
}
.pxl-spas-grid-layout1 .pxl-grid-item:nth-child(odd) .pxl-effect--direction{
  flex-direction: inherit;
}
.pxl-spas-grid-layout1 .pxl-grid-item:nth-child(odd) .pxl-item--holder{
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.pxl-spas-grid-layout1 .pxl-grid-item:nth-child(odd) .pxl-item--featured{
  border-top: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  animation: fadeInRight ease 0.5s;
  -webkit-animation: fadeInRight ease 0.5s;
  -moz-animation: fadeInRight ease 0.5s;
  -o-animation: fadeInRight ease 0.5s;
  -ms-animation: fadeInRight ease 0.5s;
}
.pxl-spas-grid-layout1 .pxl-item--title{
  margin-bottom: 49px;
}
@media screen and (max-width: 800px){.pxl-spas-grid-layout1 .pxl-item--title{
    margin-bottom: 20px;
  }}
.pxl-spas-grid-layout1 .pxl-item--title .pxl-item--icon{
  margin-bottom: 23px;
}
@media screen and (max-width: 800px){.pxl-spas-grid-layout1 .pxl-item--title .pxl-item--icon{
    margin-bottom: 10px;
  }}
.pxl-spas-grid-layout1 .pxl-item--holder{
  padding: 50px 70px 48px 70px;
}
@media screen and (max-width: 1440px){.pxl-spas-grid-layout1 .pxl-item--holder{
    padding: 30px;
  }}
@media screen and (max-width: 800px){.pxl-spas-grid-layout1 .pxl-item--holder{
    max-width: 100%;
    border-color: #fff !important;
    padding: 0;
  }}
.pxl-spas-grid-layout1 .pxl-item--holder .pxl-icon_button{
  margin-top: 37px;
}
@media screen and (max-width: 1440px){.pxl-spas-grid-layout1 .pxl-item--holder .pxl-icon_button{
    margin: 20px 0;
  }}
.pxl-spas-grid-layout1 .pxl-item--holder .pxl-icon_button a{
  display: flex;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 1px solid #eaeaea;
  justify-content: center;
  align-items: center;
  rotate: -50deg;
  position: relative;
}
.pxl-spas-grid-layout1 .pxl-item--holder .pxl-icon_button a::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #de968d;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
.pxl-spas-grid-layout1 .pxl-item--holder .pxl-icon_button a i{
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}
.pxl-spas-grid-layout1 .pxl-item--featured{
  padding: 50px 70px 48px 70px;
}
@media screen and (max-width: 1440px){.pxl-spas-grid-layout1 .pxl-item--featured{
    padding: 30px;
    display: flex;
    align-items: center;
  }}
.pxl-nav-hidden .pxl-megamenu .pxl-showcase .pxl-item--title{
  color: var(--link-color);
  margin-top: 30px;
}
.pxl-nav-hidden .pxl-megamenu .pxl-heading .pxl-item--title{
  margin-bottom: 0 !important;
  font-size: 14px !important;
  border-bottom: none !important;
}
.pxl-icon-box .inner-layout .pxl-container:hover .pxl-hv-cirle::before{
  transform: scale(1);
}
.pxl-testimonial-carousel3 .pxl-item--content{
  margin-bottom: 34px;
}
.pxl-accordion .pxl-item--title{
  margin-bottom: 0;
  cursor: pointer;
  position: relative;
}
.pxl-accordion .pxl-item--content{
  display: none;
}
.pxl-accordion1.style1 .pxl-item--title{
  -webkit-transition: all 250ms linear 0ms;
  -khtml-transition: all 250ms linear 0ms;
  -moz-transition: all 250ms linear 0ms;
  -ms-transition: all 250ms linear 0ms;
  -o-transition: all 250ms linear 0ms;
  transition: all 250ms linear 0ms;
  color: var(--link-color);
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pxl-accordion1.style1 .pxl-item--title .pxl-title--text{
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.pxl-accordion1.style1 .pxl-item--icon{
  display: none;
}
.pxl-accordion1.style1 .pxl-item--content{
  font-size: 18px;
  color: var(--secondary-color);
  margin-top: 23px;
  max-width: 580px;
}
.pxl-accordion1.style2 .pxl-item--title{
  -webkit-transition: all 250ms linear 0ms;
  -khtml-transition: all 250ms linear 0ms;
  -moz-transition: all 250ms linear 0ms;
  -ms-transition: all 250ms linear 0ms;
  -o-transition: all 250ms linear 0ms;
  transition: all 250ms linear 0ms;
  color: var(--link-color);
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pxl-accordion1.style2 .pxl-item--title .pxl-title--text{
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.pxl-accordion1.style2 .pxl-item--icon{
  display: none;
}
.pxl-accordion1.style2 .pxl-item--content{
  font-size: 18px;
  color: var(--secondary-color);
  margin-top: 23px;
  max-width: 580px;
}
.pxl-accordion2 .pxl-item--title{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(93, 50, 34, 0.10);
}
.pxl-accordion2 .active2 .pxl-item--title{
  border-bottom: unset;
}
.pxl-accordion2 .active2 .pxl-item--content{
  margin-bottom: 22px;
}
.pxl-accordion3 .pxl-item--title{
  display: flex;
  gap: 20px;
  position: relative;
  justify-content: space-between;
}
.pxl-accordion3 .pxl-item--title i{
  position: absolute;
}
.pxl-accordion3 .pxl--item .pxl-item--title{
  align-items: center;
}
.pxl-accordion3 .pxl--item .pxl-item--title i{
  font-size: 40px;
}
.pxl-accordion4 .pxl-item--title{
  padding-left: 70px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1200px){.pxl-accordion4 .pxl-item--title{
    padding-left: 30px;
  }}
.pxl-accordion4 .pxl-item--content{
  padding-left: 70px;
  gap: 50px;
}
@media screen and (max-width: 1200px){.pxl-accordion4 .pxl-item--content{
    padding-left: 30px;
  }}
@media (max-width: 991px){.pxl-team.pxl-team1 .pxl-item--inner .pxl-item--holder{
    text-align: center;
  }}
.pxl-team.pxl-team1 .pxl-item--inner .pxl-item--holder .pxl-item--title{
  font-size: 48px;
  margin-bottom: 30px;
  letter-spacing: 0.2em;
  font-family: "Bebas Neue", Helvetica, Arial, sans-serif;
  color: var(--link-color);
  line-height: 1;
}
@media (max-width: 1024px){.pxl-team.pxl-team1 .pxl-item--inner .pxl-item--holder .pxl-item--title{
    font-size: 43px;
    margin-bottom: 20px;
  }}
@media (max-width: 575px){.pxl-team.pxl-team1 .pxl-item--inner .pxl-item--holder .pxl-item--title{
    font-size: 35px;
    margin-bottom: 10px;
  }}
@media (max-width: 360px){.pxl-team.pxl-team1 .pxl-item--inner .pxl-item--holder .pxl-item--title{
    font-size: 25px;
  }}
@media (max-width: 360px){.pxl-team.pxl-team1 .pxl-item--inner .pxl-item--holder .pxl-item--position{
    font-size: 14px;
  }}
.pxl-team.pxl-team1 .pxl-item--inner .pxl-item--holder .pxl-icon-list{
  margin-top: 20px;
  margin-left: -3px;
}
.pxl-team.pxl-team1 .pxl-item--inner .pxl-item--holder .pxl-icon-list a{
  background-color: rgba(255, 255, 255, .1);
  color: var(--primary-color);
  width: 33px;
  height: 33px;
  text-align: center;
  display: inline-flex;
  font-size: 16px;
  align-items: center;
  justify-content: center;
  transform: translateY(0px);
  margin: 0 3px;
}
.pxl-team.pxl-team1 .pxl-item--inner .pxl-item--holder .pxl-icon-list a:hover{
  background-color: var(--link-color);
}
.pxl-team-style1 .pxl-item--inner .pxl-item-content .pxl-item--title{
  margin-bottom: 5px;
  margin-top: 32px;
}
@media (max-width: 880px){.pxl-team-style1 .pxl-item--inner .pxl-item-content .pxl-item--title{
    margin-top: 20px;
  }}
.pxl-pricing1 .pxl-item--meta .pxl-item-style .pxl-item--price .pxl-price{
  font-size: 35px;
}
@media (max-width: 767px){.pxl-pricing1 .pxl-item--meta .pxl-item-style .pxl-item--price .pxl-price{
    font-size: 25px;
  }}
.pxl-pricing2 .pxl-item--list .pxl-price-text{
  border-top: 1px solid rgba(93, 50, 34, 0.10);
  display: flex;
  justify-content: space-between;
}
.pxl-pricing3 .pxl-price{
  margin-left: 7px;
}
@keyframes pxl_zigzag{
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}
@-webkit-keyframes pxl_in_right{
  from {
    -webkit-transform: perspective(500px) rotateY(-90deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(500px) rotateY(0deg);
  }
}
@keyframes pxl_in_right{
  from {
    transform: perspective(500px) rotateY(-90deg);
    opacity: 1;
  }
  to {
    transform: perspective(500px) rotateY(0deg);
  }
}
@-webkit-keyframes rotate360{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate360{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes pxl_grid_fall{
  0% {
    top: -5%;
  }
  100% {
    top: 100%;
  }
}
@keyframes sea{
  0% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
@keyframes Lefttoright{
  49% {
    transform: translate(100%);
  }
  50% {
    opacity: 0;
    transform: translate(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes fadeInLeft{
  from {
    opacity: 0;
    -webkit-transform: translatex(-100px);
    -moz-transform: translatex(-100px);
    -o-transform: translatex(-100px);
    transform: translatex(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
  }
}
@keyframes fadeInRight{
  from {
    opacity: 0;
    -webkit-transform: translatex(100px);
    -moz-transform: translatex(100px);
    -o-transform: translatex(100px);
    transform: translatex(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
  }
}
/* --- Widget grid + fallbacks (standalone) --- */
.rwss-root{position:relative}
.rwss-root ul{list-style:none;margin:0;padding:0}
.rwss-grid{display:grid;grid-template-columns:repeat(var(--rwss-cols,3),minmax(0,1fr));gap:var(--rwss-gap,30px)}
@media(max-width:1024px){.rwss-grid{grid-template-columns:repeat(var(--rwss-cols-md,2),minmax(0,1fr))}}
@media(max-width:767px){.rwss-grid{grid-template-columns:repeat(var(--rwss-cols-sm,1),minmax(0,1fr))}}
.rwss-grid .pxl-grid-item{width:auto}
/* layout-2 internal 3-col row without bootstrap */
.pxl-service-layout2 .pxl-item--inner{display:flex;flex-wrap:wrap;align-items:center;gap:0}
.pxl-service-layout2 .pxl-item--inner > .pxl-item--holder,
.pxl-service-layout2 .pxl-item--inner > .pxl-items--service,
.pxl-service-layout2 .pxl-item--inner > .pxl-item--image{flex:1 1 33.333%;min-width:0;padding:0 12px}
@media(max-width:767px){.pxl-service-layout2 .pxl-item--inner > *{flex:1 1 100%!important}}
.rwss-root img{max-width:100%;height:auto}

/* v1.0.1: white icon flip on hover for font/SVG icons (theme only handled img icons) */
.pxl-service-layout3 .pxl-content:hover .pxl-item--icon i,
.pxl-service-layout2 .pxl-item--inner:hover .pxl-item--readmore .pxl-item--icon i{color:#fff}
.pxl-service-layout3 .pxl-content:hover .pxl-item--icon svg,
.pxl-service-layout2 .pxl-item--inner:hover .pxl-item--readmore .pxl-item--icon svg{fill:#fff}
.pxl-item--icon i,.pxl-item--icon svg{position:relative;z-index:2;transition:all .3s ease}

/* v1.1: image shape presets (apply to image + the hover-circle pseudo rings) */
.rwss-img-shape-rounded .pxl-image img,.rwss-img-shape-rounded .pxl-item--featured img,
.rwss-img-shape-rounded .pxl-image.pxl-hover-circle::before,.rwss-img-shape-rounded .pxl-image.pxl-hover-circle::after{border-radius:16px}
.rwss-img-shape-circle .pxl-image img,.rwss-img-shape-circle .pxl-item--featured img,
.rwss-img-shape-circle .pxl-image.pxl-hover-circle::before,.rwss-img-shape-circle .pxl-image.pxl-hover-circle::after{border-radius:50%;aspect-ratio:1/1;object-fit:cover}
.rwss-img-shape-arch .pxl-image img,.rwss-img-shape-arch .pxl-item--featured img,
.rwss-img-shape-arch .pxl-image.pxl-hover-circle::before,.rwss-img-shape-arch .pxl-image.pxl-hover-circle::after{border-radius:999px 999px 0 0}
/* card radius should clip layout-1 featured image */
.pxl-item--inner{overflow:hidden}

/* ============================================================
   v1.2 additions — everything below is additive.
   Original theme CSS above is untouched; these rules re-route
   the theme's hardcoded colours through CSS variables set by
   the new Elementor controls, and patch layouts 1, 2 and 4.
   ============================================================ */

/* ---------- Whole-card clickable overlay ---------- */
.rwss-root .pxl-item--inner{position:relative}
.rwss-root .rwss-card-link{position:absolute;inset:0;z-index:4;font-size:0;line-height:0}
/* keep real interactive elements above the overlay */
.rwss-root .pxl-item--readmore a{position:relative;z-index:5}
.rwss-root .pxl-service-layout1 .pxl-item-absolute{z-index:6}

/* ---------- Card border via variables (the "invisible" 1px border) ---------- */
.rwss-root .pxl-service-layout2 .pxl-grid-item .pxl-item--inner{
  border:var(--rwss-card-bw,1px) solid var(--rwss-card-border,rgba(93,50,34,.10));
}
.rwss-root .pxl-service-layout3 .pxl-content{
  border:var(--rwss-card-bw,1px) solid var(--rwss-card-border,rgba(93,50,34,.10));
}
.rwss-root .pxl-service-layout3 .pxl-content:hover::before,
.rwss-root .pxl-service-layout2 .pxl-grid-item .pxl-item--inner:hover::before{
  border-color:var(--rwss-card-border,rgba(93,50,34,.10));
}
@media screen and (max-width:768px){
  .rwss-root .pxl-service-layout2 .pxl-grid-item{
    border:var(--rwss-card-bw,1px) solid var(--rwss-card-border,rgba(93,50,34,.10));
  }
}
/* Theme Default Border toggle OFF -> remove it everywhere, incl. hover outline */
.elementor-widget-rewind-sailon-services:not(.rwss-defborder-yes) .pxl-service-layout2 .pxl-grid-item,
.elementor-widget-rewind-sailon-services:not(.rwss-defborder-yes) .pxl-service-layout2 .pxl-grid-item .pxl-item--inner,
.elementor-widget-rewind-sailon-services:not(.rwss-defborder-yes) .pxl-service-layout3 .pxl-content,
.elementor-widget-rewind-sailon-services:not(.rwss-defborder-yes) .pxl-service-layout4 .pxl-item--inner{
  border:none!important;
}
.elementor-widget-rewind-sailon-services:not(.rwss-defborder-yes) .pxl-service-layout3 .pxl-content:hover::before,
.elementor-widget-rewind-sailon-services:not(.rwss-defborder-yes) .pxl-service-layout2 .pxl-grid-item .pxl-item--inner:hover::before{
  border-color:transparent!important;
}

/* ---------- Card hover background via variable (was hardcoded #faf5f3) ---------- */
.rwss-root .pxl-service-layout2 .pxl-grid-item .pxl-item--inner:hover{
  background:var(--rwss-card-bg-hover,#faf5f3);
}
.rwss-root .pxl-service-layout3 .pxl-content:hover::before{
  background:var(--rwss-card-bg-hover,#faf5f3);
}
@media screen and (max-width:768px){
  .rwss-root .pxl-service-layout2 .pxl-grid-item .pxl-item--inner:hover::before{
    background:var(--rwss-card-bg-hover,#faf5f3);
  }
}

/* ---------- Button circle: size / bg / border via variables ---------- */
.rwss-root .pxl-hv-cirle{
  width:var(--rwss-btn-size,64px);
  height:var(--rwss-btn-size,64px);
  background:var(--rwss-btn-bg,transparent);
  border:var(--rwss-btn-bw,1px) solid var(--rwss-btn-border,rgba(93,50,34,.10));
  transition:border-color .3s ease,background .3s ease;
}
.rwss-root .pxl-service-layout3 .pxl-content .pxl-item--readmore .pxl-hv-cirle{
  width:var(--rwss-btn-size,45px);
  height:var(--rwss-btn-size,45px);
}
.rwss-root .pxl-service-layout2 .pxl-grid-item .pxl-item--holder .pxl-item--readmore a{
  width:var(--rwss-btn-size,45px);
  height:var(--rwss-btn-size,45px);
  border:var(--rwss-btn-bw,1px) solid var(--rwss-btn-border,rgba(93,50,34,.10));
}
/* border colour on card hover */
.rwss-root .pxl-service-layout3 .pxl-content:hover .pxl-hv-cirle,
.rwss-root .pxl-service-layout2 .pxl-grid-item .pxl-item--inner:hover .pxl-item--readmore a{
  border-color:var(--rwss-btn-border-hover,var(--rwss-btn-border,rgba(93,50,34,.10)));
}
/* the sweep fill on card hover (was hardcoded #5d3222) */
.rwss-root .pxl-service-layout3 .pxl-content:hover .pxl-hv-cirle::before{
  background-color:var(--rwss-btn-fill-hover,#5d3222);
}
.rwss-root .pxl-service-layout2 .pxl-grid-item .pxl-item--inner:hover .pxl-item--holder .pxl-item--readmore a::before{
  background-color:var(--rwss-btn-fill-hover,#5d3222);
}

/* ---------- Icon colour: default + card-hover via variables ---------- */
.rwss-root .pxl-item--icon,
.rwss-root .pxl-item--icon i{color:var(--rwss-icon-color,inherit)}
.rwss-root .pxl-item--icon svg{fill:var(--rwss-icon-color,currentColor)}
/* card hover (replaces the v1.0.1 hardcoded #fff flip) */
.rwss-root .pxl-service-layout3 .pxl-content:hover .pxl-item--icon,
.rwss-root .pxl-service-layout3 .pxl-content:hover .pxl-item--icon i,
.rwss-root .pxl-service-layout2 .pxl-item--inner:hover .pxl-item--readmore .pxl-item--icon,
.rwss-root .pxl-service-layout2 .pxl-item--inner:hover .pxl-item--readmore .pxl-item--icon i{
  color:var(--rwss-icon-hover,#fff);
}
.rwss-root .pxl-service-layout3 .pxl-content:hover .pxl-item--icon svg,
.rwss-root .pxl-service-layout2 .pxl-item--inner:hover .pxl-item--readmore .pxl-item--icon svg{
  fill:var(--rwss-icon-hover,#fff);
}

/* ---------- Decorative rings: colour variable + off toggle ---------- */
.rwss-root .pxl-service-layout2 .pxl-grid-item .pxl-item--image .pxl-hover-circle::before,
.rwss-root .pxl-service-layout2 .pxl-grid-item .pxl-item--image .pxl-hover-circle::after,
.rwss-root .pxl-service-layout3 .pxl-content .pxl-hover-circle::before,
.rwss-root .pxl-service-layout3 .pxl-content .pxl-hover-circle::after{
  border-color:var(--rwss-ring-color,rgba(93,50,34,.10));
}
.elementor-widget-rewind-sailon-services:not(.rwss-ring-yes) .pxl-hover-circle::before,
.elementor-widget-rewind-sailon-services:not(.rwss-ring-yes) .pxl-hover-circle::after{
  display:none!important;
}

/* ---------- Price badge: position overrides + hover bg variable ---------- */
.rwss-root .pxl-service-layout2 .pxl-grid-item .pxl-item--inner:hover .pxl-price{
  background:var(--rwss-price-bg-hover,var(--primary-color))!important;
}
.rwss-root .rwss-abs{position:absolute!important;z-index:3}
.rwss-root .rwss-pos-tl{top:12px!important;left:12px!important;right:auto!important;bottom:auto!important}
.rwss-root .rwss-pos-tr{top:12px!important;right:12px!important;left:auto!important;bottom:auto!important}
.rwss-root .rwss-pos-bl{bottom:12px!important;left:12px!important;top:auto!important;right:auto!important}
.rwss-root .rwss-pos-br{bottom:12px!important;right:12px!important;top:auto!important;left:auto!important}
.rwss-root .pxl-price.rwss-abs{padding:5px 20px;border-radius:30px;background:#b4674d;color:#fff}
.rwss-root .rwss-price-inline{position:static!important;display:inline-block;margin:0 0 14px;padding:5px 20px;border-radius:30px;background:#b4674d;color:#fff}
.rwss-root .item--category.rwss-abs{background:rgba(255,255,255,.9)}
/* badge parents must be positioned */
.rwss-root .pxl-service-layout1 .pxl-item--featured{position:relative}
.rwss-root .pxl-service-layout4 .pxl-image{position:relative;display:inline-block}

/* ---------- Category label base ---------- */
.rwss-root .item--category{display:inline-block;line-height:1.4}

/* ---------- Checklist inside card layouts 1/3/4 ---------- */
.rwss-root .rwss-checklist{margin:0 0 24px;padding:0;display:inline-block;text-align:start}
.rwss-root .rwss-checklist li{list-style:none;margin-bottom:10px;display:flex;align-items:center;gap:10px}
.rwss-root .rwss-checklist li:last-child{margin-bottom:0}
.rwss-root .rwss-checklist li svg{flex-shrink:0;margin-right:0}

/* ---------- Layout 2: force full-width long-rectangle rows ---------- */
.rwss-root .pxl-service-layout2 .rwss-grid{grid-template-columns:1fr!important}

/* ---------- Layout 4: card styling (theme shipped none) ---------- */
.rwss-root .pxl-service-layout4 .pxl-item--inner{
  position:relative;
  padding:40px 48px;
  border:var(--rwss-card-bw,1px) solid var(--rwss-card-border,rgba(93,50,34,.10));
  transition:all .3s ease;
}
.rwss-root .pxl-service-layout4 .pxl-item--inner:hover{
  background:var(--rwss-card-bg-hover,#faf5f3);
}
.rwss-root .pxl-service-layout4 .pxl-content{position:relative}
.rwss-root .pxl-service-layout4 .pxl-content .pxl-image{margin-bottom:30px}
.rwss-root .pxl-service-layout4 .pxl-content img{width:auto;border-radius:50%}
.rwss-root .pxl-service-layout4 .pxl-item--content{margin:16px 0 24px}
.rwss-root .pxl-service-layout4 .pxl-item--readmore a{display:inline-flex;align-items:center}
.rwss-root .pxl-service-layout4 .pxl-item--readmore .pxl-item--icon{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--rwss-icon-color,var(--link-color));
  transition:color .3s ease;
}
.rwss-root .pxl-service-layout4 .pxl-item--readmore .pxl-item--icon i,
.rwss-root .pxl-service-layout4 .pxl-item--readmore .pxl-item--icon svg{
  transition:transform .3s ease;
}
.rwss-root .pxl-service-layout4 .pxl-item--inner:hover .pxl-item--readmore .pxl-item--icon{
  color:var(--rwss-icon-hover,var(--primary-color));
}
.rwss-root .pxl-service-layout4 .pxl-item--inner:hover .pxl-item--readmore .pxl-item--icon i{
  transform:translateX(4px);
}
.rwss-root .pxl-service-layout4 .pxl-item--title{margin-bottom:0}

/* ---------- Layout 1: card styling (theme CSS targeted different markup) ---------- */
.rwss-root .pxl-service-layout1 .pxl-item--inner{overflow:hidden}
.rwss-root .pxl-service-layout1 .pxl-item--featured{overflow:hidden}
.rwss-root .pxl-service-layout1 .pxl-item--featured img{
  width:100%;display:block;object-fit:cover;
  transition:transform .5s ease;
}
.rwss-root .pxl-service-layout1 .pxl-item--inner:hover .pxl-item--featured img{transform:scale(1.05)}
.rwss-root .pxl-service-layout1 .pxl-bg-overlay{
  position:absolute;inset:0;z-index:1;
  background:rgba(0,0,0,.35);opacity:0;
  transition:opacity .3s ease;
}
.rwss-root .pxl-service-layout1 .pxl-item--inner:hover .pxl-bg-overlay{opacity:1}
.rwss-root .pxl-service-layout1 .pxl-item-absolute{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  display:flex;gap:12px;align-items:center;
  opacity:0;transition:opacity .3s ease;
}
.rwss-root .pxl-service-layout1 .pxl-item--inner:hover .pxl-item-absolute{opacity:1}
.rwss-root .pxl-service-layout1 .pxl-link-meta{display:flex;gap:12px}
.rwss-root .pxl-service-layout1 .pxl-link-meta a{
  display:inline-flex;width:44px;height:44px;border-radius:50%;
  background:#fff;color:var(--secondary-color,#1d1d1d);
  align-items:center;justify-content:center;
  transition:all .3s ease;
}
.rwss-root .pxl-service-layout1 .pxl-link-meta a:hover{
  background:var(--primary-color,#bfa27d);color:#fff;
}
.rwss-root .pxl-service-layout1 .pxl-post--icon .pxl-item-link:empty{display:none}
.rwss-root .pxl-service-layout1 .pxl-item--holder{padding:20px 2px 0}

/* ---------- Image shape presets: re-assert so they win over layout-4 circle default ---------- */
.rwss-img-shape-rounded .pxl-image img,.rwss-img-shape-rounded .pxl-item--featured img,
.rwss-img-shape-rounded .pxl-image.pxl-hover-circle::before,.rwss-img-shape-rounded .pxl-image.pxl-hover-circle::after{border-radius:16px}
.rwss-img-shape-circle .pxl-image img,.rwss-img-shape-circle .pxl-item--featured img,
.rwss-img-shape-circle .pxl-image.pxl-hover-circle::before,.rwss-img-shape-circle .pxl-image.pxl-hover-circle::after{border-radius:50%;aspect-ratio:1/1;object-fit:cover}
.rwss-img-shape-arch .pxl-image img,.rwss-img-shape-arch .pxl-item--featured img,
.rwss-img-shape-arch .pxl-image.pxl-hover-circle::before,.rwss-img-shape-arch .pxl-image.pxl-hover-circle::after{border-radius:999px 999px 0 0}

/* ============================================================
   v1.2.1 fixes
   ============================================================ */

/* ---------- Card hover background: paint the ELEMENT, not the z-index:-1
   ::before (which hides behind any card background you set) ---------- */
.rwss-root .pxl-service-layout3 .pxl-content{
  transition:background-color .3s ease,border-color .3s ease;
}
.rwss-root .pxl-service-layout3 .pxl-content:hover{
  background-color:var(--rwss-card-bg-hover,#faf5f3)!important;
}
/* the ::before keeps its border-outline grow effect, but no longer paints colour */
.rwss-root .pxl-service-layout3 .pxl-content:hover::before{
  background:transparent;
}
@media screen and (max-width:768px){
  .rwss-root .pxl-service-layout2 .pxl-grid-item .pxl-item--inner:hover::before{
    background:transparent;
  }
  .rwss-root .pxl-service-layout2 .pxl-grid-item .pxl-item--inner:hover{
    background:var(--rwss-card-bg-hover,#faf5f3);
  }
}

/* ---------- Description text: no more forced 2-line clamp ---------- */
.elementor-widget-rewind-sailon-services:not(.rwss-clamp-yes) .pxl-service-layout3 .pxl-content .pxl-item--content,
.elementor-widget-rewind-sailon-services:not(.rwss-clamp-yes) .pxl-item--content{
  display:block;
  -webkit-line-clamp:unset;
  overflow:visible;
}
/* opt-in clamp with adjustable line count */
.elementor-widget-rewind-sailon-services.rwss-clamp-yes .pxl-item--content{
  display:-webkit-box;
  -webkit-line-clamp:var(--rwss-clamp-lines,3);
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* ---------- Category label: own line when above/below the title ---------- */
.rwss-root .item--category-wrap{
  display:block;
  margin:0 0 10px;
}
.rwss-root .item--category-wrap .item--category{
  display:inline-block;
}
/* when it follows the title, space above instead of below */
.rwss-root .pxl-item--title + .item--category-wrap{
  margin:6px 0 10px;
}

/* ---------- Checklist defaults (controls override these) ---------- */
.rwss-root .pxl-box--multitext li svg{margin-right:10px;flex-shrink:0}
.rwss-root .rwss-checklist li{gap:0}

/* ============================================================
   v1.2.2
   ============================================================ */

/* ---------- Checklist tick wrapper (svg default or custom icon) ---------- */
.rwss-root .rwss-tick{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  margin-right:10px;
  line-height:1;
}
.rwss-root .rwss-tick svg{margin-right:0!important}
.rwss-root .rwss-tick i{font-size:14px}
.rwss-root .pxl-box--multitext li{display:flex;align-items:center}

/* ---------- Cards fill their grid cell, so card background = the card,
   never a loose strip of the grid cell behind it ---------- */
.rwss-root .rwss-grid > .pxl-grid-item > .pxl-item--inner{height:100%}
.rwss-root .pxl-service-layout3 .pxl-item--inner > .pxl-content{height:100%}
/* layout 3's grid-cell wrapper stays transparent — the card is .pxl-content */
.rwss-root .pxl-service-layout3 .pxl-item--inner{background:transparent;padding:0}

/* ============================================================
   v1.2.3 — single-card / carousel usage
   ============================================================ */

/* A widget holding just ONE card (e.g. one widget per slider slide)
   spans the full width instead of sitting in column 1 of the grid. */
.rwss-root .rwss-grid > .pxl-grid-item:only-child{
  grid-column:1 / -1;
  width:100%;
}

/* The widget and grid always fill their parent — matters inside
   flex parents like Swiper slides / Elementor flex containers. */
.rwss-root{width:100%}
.rwss-root .pxl-grid,
.rwss-root .rwss-grid{width:100%;max-width:100%}
.rwss-root .rwss-grid > .pxl-grid-item{min-width:0}

/* Inside a Swiper slide, never overflow the slide */
.swiper-slide .rwss-root .pxl-image,
.swiper-slide .rwss-root .pxl-image img{max-width:100%}

/* ============================================================
   v1.3.0 — carousel mode, hover image, CTA button, button placement
   ============================================================ */

/* ---------- Carousel structure (structural Swiper CSS bundled so it
   works even if Elementor's swiper stylesheet isn't enqueued) ---------- */
.rwss-carousel{position:relative}
.rwss-swiper{position:relative;overflow:hidden;width:100%;list-style:none;padding:0;z-index:1}
.rwss-swiper .swiper-wrapper{position:relative;display:flex;width:100%;height:100%;box-sizing:content-box;align-items:stretch;transition-property:transform}
.rwss-swiper .swiper-slide{flex-shrink:0;position:relative;height:auto;display:flex;transition-property:transform}
.rwss-swiper .swiper-slide > .pxl-item--inner{width:100%;height:100%}
.rwss-swiper .swiper-slide .pxl-content{height:100%}

/* ---------- Carousel arrows ---------- */
.rwss-nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:10;
  display:flex;align-items:center;justify-content:center;
  width:var(--rwss-nav-size,48px);height:var(--rwss-nav-size,48px);
  border-radius:var(--rwss-nav-radius,50%);
  background:var(--rwss-nav-bg,#fff);
  border:var(--rwss-nav-bw,1px) solid var(--rwss-nav-border,rgba(93,50,34,.15));
  color:var(--rwss-nav-color,#5d3222);
  cursor:pointer;user-select:none;
  transition:all .3s ease;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.rwss-nav:hover{
  background:var(--rwss-nav-bg-hover,#5d3222);
  color:var(--rwss-nav-color-hover,#fff);
  border-color:var(--rwss-nav-border-hover,transparent);
}
.rwss-prev{left:var(--rwss-nav-offset,12px)}
.rwss-next{right:var(--rwss-nav-offset,12px)}
.rwss-nav i{font-size:var(--rwss-nav-icon,18px);line-height:1}
.rwss-nav svg{width:var(--rwss-nav-icon,18px);height:auto;fill:currentColor}
.rwss-nav.swiper-button-disabled{opacity:.35;pointer-events:none}
.rwss-nav.swiper-button-lock{display:none}

/* ---------- Carousel pagination ---------- */
.rwss-swiper .swiper-pagination{position:static;display:flex;justify-content:center;align-items:center;gap:var(--rwss-dot-gap,8px);margin-top:24px;z-index:10}
.rwss-dots-overlay .rwss-swiper .swiper-pagination{position:absolute;bottom:14px;left:0;right:0;margin-top:0}
.rwss-swiper .swiper-pagination-lock{display:none}
.rwss-swiper .swiper-pagination-bullet{
  width:var(--rwss-dot-size,9px);height:var(--rwss-dot-size,9px);
  border-radius:50%;display:inline-block;cursor:pointer;opacity:1;
  background:var(--rwss-dot,rgba(93,50,34,.25));
  transition:all .3s ease;
}
.rwss-swiper .swiper-pagination-bullet-active{background:var(--rwss-dot-active,#5d3222);transform:scale(1.2)}
.rwss-swiper .swiper-pagination-fraction{color:var(--rwss-dot-active,#5d3222);font-size:14px;letter-spacing:.08em}
.rwss-swiper .swiper-pagination.swiper-pagination-progressbar{position:relative;display:block;height:3px;background:var(--rwss-dot,rgba(93,50,34,.2));border-radius:3px;overflow:hidden}
.rwss-dots-overlay .rwss-swiper .swiper-pagination.swiper-pagination-progressbar{position:absolute;left:16px;right:16px;bottom:14px;width:auto}
.rwss-swiper .swiper-pagination-progressbar-fill{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--rwss-dot-active,#5d3222);transform:scale(0);transform-origin:left top}

/* ---------- Hover image cross-fade ---------- */
.rwss-root .pxl-image,
.rwss-root .pxl-item--featured{position:relative}
.rwss-root .rwss-img-hover{
  position:absolute;top:0;left:0;width:100%;height:100%;
  object-fit:cover;opacity:0;pointer-events:none;z-index:1;
  transition:opacity .45s ease;
}
.rwss-root .pxl-item--inner:hover .rwss-img-hover,
.rwss-root .pxl-content:hover .rwss-img-hover{opacity:1}
/* badges stay above the hover image */
.rwss-root .pxl-image .pxl-price,
.rwss-root .pxl-image .item--category,
.rwss-root .pxl-item--featured .pxl-price,
.rwss-root .pxl-item--featured .item--category{z-index:3}

/* ---------- CTA text button ---------- */
.rwss-root .rwss-cta-btn{
  position:relative;z-index:5;
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 28px;border-radius:30px;
  background:var(--rwss-btn-bg,transparent);
  border:var(--rwss-btn-bw,1px) solid var(--rwss-btn-border,rgba(93,50,34,.25));
  color:var(--rwss-icon-color,#5d3222);
  text-decoration:none!important;
  line-height:1.2;
  transition:all .3s ease;
}
.rwss-root .rwss-cta-ic{display:inline-flex;align-items:center;line-height:1}
.rwss-root .rwss-cta-ic svg{width:1em;height:auto;fill:currentColor}
.rwss-root .pxl-item--inner:hover .rwss-cta-btn,
.rwss-root .pxl-content:hover .rwss-cta-btn,
.rwss-root .rwss-cta-btn:hover{
  background:var(--rwss-btn-fill-hover,#5d3222);
  border-color:var(--rwss-btn-border-hover,var(--rwss-btn-fill-hover,#5d3222));
  color:var(--rwss-icon-hover,#fff);
}

/* ---------- Button placement: pinned to card bottom (v1.3.2 rework) ----------
   The holder is flattened with display:contents so its children become
   direct flex items of the card. Only the button gets margin-top:auto,
   so ONLY the button moves down - all other content keeps its natural
   position right below the image. Flex disables margin collapsing, so
   the previously-collapsed default top margins are explicitly zeroed
   (that was the mystery gap between image and title). */
.rwss-btnpos-bottom .pxl-service-layout3 .pxl-content{display:flex;flex-direction:column}
.rwss-btnpos-bottom .pxl-service-layout3 .pxl-item--holder{display:contents}
.rwss-btnpos-bottom .pxl-service-layout4 .pxl-item--inner{display:flex;flex-direction:column}
.rwss-btnpos-bottom .pxl-service-layout4 .pxl-content{display:flex;flex-direction:column;flex:1 1 auto;height:100%}
.rwss-btnpos-bottom .pxl-service-layout4 .pxl-item--holder{display:contents}
.rwss-btnpos-bottom .pxl-service-layout1 .pxl-effect--direction{display:flex;flex-direction:column;height:100%}
.rwss-btnpos-bottom .pxl-service-layout1 .pxl-item--holder{display:flex;flex-direction:column;flex:1 1 auto}
.rwss-btnpos-bottom .pxl-service-layout2 .pxl-item--holder{display:flex;flex-direction:column}
/* neutralise margins that block layout used to collapse away */
.rwss-btnpos-bottom .pxl-service-layout3 .pxl-item--holder > :first-child,
.rwss-btnpos-bottom .pxl-service-layout4 .pxl-item--holder > :first-child{margin-top:0!important}
.rwss-btnpos-bottom .pxl-item--title{margin-top:0}
.rwss-btnpos-bottom .pxl-item--readmore{margin-top:auto!important;padding-top:16px;width:100%}

/* ============================================================
   v1.3.2 — arrow positions, hover-only arrows, price badge shapes
   ============================================================ */

/* ---------- Arrows: Sides — Outside ---------- */
.rwss-navpos-outside .rwss-prev{left:auto;right:calc(100% + var(--rwss-nav-offset, 16px))}
.rwss-navpos-outside .rwss-next{right:auto;left:calc(100% + var(--rwss-nav-offset, 16px))}

/* ---------- Arrows: Above Cards (top right pair) ---------- */
.rwss-navpos-top .rwss-carousel{padding-top:calc(var(--rwss-nav-size,48px) + var(--rwss-nav-voffset,16px))}
.rwss-navpos-top .rwss-nav{top:0;transform:none}
.rwss-navpos-top .rwss-prev{left:auto;right:calc(var(--rwss-nav-size,48px) + 10px)}
.rwss-navpos-top .rwss-next{left:auto;right:0}

/* ---------- Arrows: Below Cards (centered pair) ---------- */
.rwss-navpos-bottom .rwss-carousel{padding-bottom:calc(var(--rwss-nav-size,48px) + var(--rwss-nav-voffset,16px))}
.rwss-navpos-bottom .rwss-nav{top:auto;bottom:0;transform:none}
.rwss-navpos-bottom .rwss-prev{left:calc(50% - var(--rwss-nav-size,48px) - 6px);right:auto}
.rwss-navpos-bottom .rwss-next{left:calc(50% + 6px);right:auto}
/* pagination sits above the bottom arrows instead of colliding */
.rwss-navpos-bottom .rwss-swiper .swiper-pagination{margin-bottom:8px}

/* ---------- Arrows: show only on carousel hover ---------- */
.rwss-navhover-yes .rwss-nav{opacity:0;visibility:hidden;transition:all .3s ease}
.rwss-navhover-yes .rwss-carousel:hover .rwss-nav,
.rwss-navhover-yes .rwss-carousel:focus-within .rwss-nav{opacity:1;visibility:visible}
.rwss-navhover-yes .rwss-nav.swiper-button-disabled{opacity:0}
.rwss-navhover-yes .rwss-carousel:hover .rwss-nav.swiper-button-disabled{opacity:.35}

/* ---------- Price badge shapes ---------- */
.rwss-price-shape-circle .pxl-price,
.rwss-price-shape-circle-outline .pxl-price,
.rwss-price-shape-square .pxl-price,
.rwss-price-shape-square-outline .pxl-price{
  width:var(--rwss-price-size,64px);
  height:var(--rwss-price-size,64px);
  padding:0!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.1;
  overflow:hidden;
}
.rwss-price-shape-circle .pxl-price,
.rwss-price-shape-circle-outline .pxl-price{border-radius:50%!important}
.rwss-price-shape-square .pxl-price,
.rwss-price-shape-square-outline .pxl-price{border-radius:var(--rwss-price-sq-radius,8px)!important}
.rwss-price-shape-circle .pxl-price,
.rwss-price-shape-square .pxl-price{
  border:var(--rwss-price-bw,0px) solid var(--rwss-price-border,transparent);
}
.rwss-price-shape-circle-outline .pxl-price,
.rwss-price-shape-square-outline .pxl-price{
  background:transparent!important;
  border:var(--rwss-price-bw,2px) solid var(--rwss-price-border,#b4674d);
}
/* shaped badges keep working when absolutely positioned over the image */
.rwss-price-shape-circle .pxl-price.rwss-abs,
.rwss-price-shape-circle-outline .pxl-price.rwss-abs,
.rwss-price-shape-square .pxl-price.rwss-abs,
.rwss-price-shape-square-outline .pxl-price.rwss-abs{padding:0!important}

/* ============================================================
   v1.3.3 — nav z-index containment + responsive arrow positions
   ============================================================ */

/* The widget is its own stacking context: internal z-indexes (arrows,
   pagination, badges) can never paint above the site header, sticky
   navs, or anything outside the widget. */
.rwss-root{isolation:isolate}

/* ---- Responsive arrow positions.
   Base .rwss-navpos-<mode> classes (desktop value) cascade to all
   widths; the -tablet-/-mobile- classes below override per device
   when set in the editor. Each block fully resets the other modes. ---- */

@media (max-width:1024px){
  /* Tablet: Sides — Inside */
  .rwss-navpos-tablet-sides .rwss-carousel{padding-top:0;padding-bottom:0}
  .rwss-navpos-tablet-sides .rwss-nav{top:50%;bottom:auto;transform:translateY(-50%)}
  .rwss-navpos-tablet-sides .rwss-prev{left:var(--rwss-nav-offset,12px);right:auto}
  .rwss-navpos-tablet-sides .rwss-next{right:var(--rwss-nav-offset,12px);left:auto}
  /* Tablet: Sides — Outside */
  .rwss-navpos-tablet-outside .rwss-carousel{padding-top:0;padding-bottom:0}
  .rwss-navpos-tablet-outside .rwss-nav{top:50%;bottom:auto;transform:translateY(-50%)}
  .rwss-navpos-tablet-outside .rwss-prev{left:auto;right:calc(100% + var(--rwss-nav-offset,16px))}
  .rwss-navpos-tablet-outside .rwss-next{right:auto;left:calc(100% + var(--rwss-nav-offset,16px))}
  /* Tablet: Above Cards */
  .rwss-navpos-tablet-top .rwss-carousel{padding-top:calc(var(--rwss-nav-size,48px) + var(--rwss-nav-voffset,16px));padding-bottom:0}
  .rwss-navpos-tablet-top .rwss-nav{top:0;bottom:auto;transform:none}
  .rwss-navpos-tablet-top .rwss-prev{left:auto;right:calc(var(--rwss-nav-size,48px) + 10px)}
  .rwss-navpos-tablet-top .rwss-next{left:auto;right:0}
  /* Tablet: Below Cards */
  .rwss-navpos-tablet-bottom .rwss-carousel{padding-bottom:calc(var(--rwss-nav-size,48px) + var(--rwss-nav-voffset,16px));padding-top:0}
  .rwss-navpos-tablet-bottom .rwss-nav{top:auto;bottom:0;transform:none}
  .rwss-navpos-tablet-bottom .rwss-prev{left:calc(50% - var(--rwss-nav-size,48px) - 6px);right:auto}
  .rwss-navpos-tablet-bottom .rwss-next{left:calc(50% + 6px);right:auto}
  .rwss-navpos-tablet-bottom .rwss-swiper .swiper-pagination{margin-bottom:8px}
}

@media (max-width:767px){
  /* Mobile: Sides — Inside */
  .rwss-navpos-mobile-sides .rwss-carousel{padding-top:0;padding-bottom:0}
  .rwss-navpos-mobile-sides .rwss-nav{top:50%;bottom:auto;transform:translateY(-50%)}
  .rwss-navpos-mobile-sides .rwss-prev{left:var(--rwss-nav-offset,12px);right:auto}
  .rwss-navpos-mobile-sides .rwss-next{right:var(--rwss-nav-offset,12px);left:auto}
  /* Mobile: Sides — Outside */
  .rwss-navpos-mobile-outside .rwss-carousel{padding-top:0;padding-bottom:0}
  .rwss-navpos-mobile-outside .rwss-nav{top:50%;bottom:auto;transform:translateY(-50%)}
  .rwss-navpos-mobile-outside .rwss-prev{left:auto;right:calc(100% + var(--rwss-nav-offset,16px))}
  .rwss-navpos-mobile-outside .rwss-next{right:auto;left:calc(100% + var(--rwss-nav-offset,16px))}
  /* Mobile: Above Cards */
  .rwss-navpos-mobile-top .rwss-carousel{padding-top:calc(var(--rwss-nav-size,48px) + var(--rwss-nav-voffset,16px));padding-bottom:0}
  .rwss-navpos-mobile-top .rwss-nav{top:0;bottom:auto;transform:none}
  .rwss-navpos-mobile-top .rwss-prev{left:auto;right:calc(var(--rwss-nav-size,48px) + 10px)}
  .rwss-navpos-mobile-top .rwss-next{left:auto;right:0}
  /* Mobile: Below Cards */
  .rwss-navpos-mobile-bottom .rwss-carousel{padding-bottom:calc(var(--rwss-nav-size,48px) + var(--rwss-nav-voffset,16px));padding-top:0}
  .rwss-navpos-mobile-bottom .rwss-nav{top:auto;bottom:0;transform:none}
  .rwss-navpos-mobile-bottom .rwss-prev{left:calc(50% - var(--rwss-nav-size,48px) - 6px);right:auto}
  .rwss-navpos-mobile-bottom .rwss-next{left:calc(50% + 6px);right:auto}
  .rwss-navpos-mobile-bottom .rwss-swiper .swiper-pagination{margin-bottom:8px}
}

/* ---- Hover-only arrows now apply on touch devices too: hidden until
   the carousel is interacted with (tap/focus). Swiping doesn't need
   the arrows, and iOS/Android treat the first tap as hover/focus. ---- */
.rwss-navhover-yes .rwss-carousel:active .rwss-nav{opacity:1;visibility:visible}

/* ============================================================
   v1.3.4 — sub description below the checklist
   ============================================================ */
.rwss-root .rwss-subtext{
  margin-top:16px;
  margin-bottom:20px;
  font-size:15px;
  line-height:1.6;
  width:100%;
}
/* pin-bottom mode: sub text stays with the content, only the button drops */
.rwss-btnpos-bottom .rwss-subtext{margin-top:16px}

/* ============================================================
   v1.3.5 — image display size & crop
   (the controls generate their own CSS; these are just guards)
   ============================================================ */
.rwss-root .pxl-image{max-width:100%}
/* hover image always mirrors the cropped frame */
.rwss-root .rwss-img-hover{object-fit:cover}