.elementor-3416 .elementor-element.elementor-element-e119ae3 > .elementor-element-populated >  .elementor-background-overlay{opacity:0.5;}.elementor-3416 .elementor-element.elementor-element-e119ae3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-3416 .elementor-element.elementor-element-e119ae3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-616845c */.pro-slider{
width:100%;
overflow:hidden;
margin:auto;

position:relative;
font-family:sans-serif;

}
/* slide 1 */
.pro-slide:nth-of-type(1){
background-image:url("https://pmtleevacuum.com/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-05-at-12.01.26-PM-9.jpeg");
}

/* slide 2 */
.pro-slide:nth-of-type(2){
background-image:url("https://pmtleevacuum.com/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-05-at-12.01.26-PM-11.jpeg");
}

/* slide 3 */
.pro-slide:nth-of-type(3){
background-image:url("https://pmtleevacuum.com/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-05-at-12.01.26-PM-7.jpeg");
}
/* slide 1 bg */
.hero-bars{
  --bg:#1e63a9;
  --c1:#f28c1a;
  --c2:#fff;
  --c3:#fff;

  height:40vh;
  display:flex;
  flex-direction:column;

  justify-content:center;   /* center vertically */
  align-items:center;       /* center horizontally */

  text-align:center;

  position:relative;
  background:var(--bg);
  font-family:Montserrat, Oswald, Arial, sans-serif;
}
.hero-bars::after{
  content:"";
  width:100%;
  height:20vh;
  position:absolute;
  top:0;
  left:0;
  background-color:inherit;
  background-repeat:no-repeat;
  background-size:70% 7%;
  background-image:
    linear-gradient(var(--c1),var(--c1)),
    linear-gradient(var(--c2),var(--c2)),
    linear-gradient(var(--c1),var(--c1)),
    linear-gradient(var(--c2),var(--c2)),
    linear-gradient(var(--c1),var(--c1)),
    linear-gradient(var(--c2),var(--c2)),
    linear-gradient(var(--c1),var(--c1));
  background-position:0% 7%,100% 21%,0% 35%,100% 49%,0% 63%,100% 77%,0% 91%;
  animation:showBars 3.5s;
}

.hero-content{
  position:relative;
  transform:translate(-100%,0);
  opacity:0;
  animation:showText 2s forwards;
  animation-delay:3.5s;
  text-align:center;
  
 
}

.hero-title{
  font-weight:400;
  font-family:Oswald, Montserrat, Arial, sans-serif;
  margin:0;
  font-size:10vw;
  color:var(--c2);
}

.hero-subtitle{
  color:var(--c3);
  margin:0;
  font-size:5vw;
 
}

@keyframes showBars{
  0%{opacity:0;background-position:-400% 7%,500% 21%,-400% 35%,500% 49%,-400% 63%,500% 77%,-400% 91%;}
  14%{background-position:0% 7%,500% 21%,-400% 35%,500% 49%,-400% 63%,500% 77%,-400% 91%;}
  28%{background-position:0% 7%,100% 21%,-400% 35%,500% 49%,-400% 63%,500% 77%,-400% 91%;}
  42%{background-position:0% 7%,100% 21%,0% 35%,500% 49%,-400% 63%,500% 77%,-400% 91%;}
  56%{background-position:0% 7%,100% 21%,0% 35%,100% 49%,-400% 63%,500% 77%,-400% 91%;}
  70%{background-position:0% 7%,100% 21%,0% 35%,100% 49%,0% 63%,500% 77%,-400% 91%;}
  84%{background-position:0% 7%,100% 21%,0% 35%,100% 49%,0% 63%,100% 77%,-400% 91%;}
  100%{opacity:1;background-position:0% 7%,100% 21%,0% 35%,100% 49%,0% 63%,100% 77%,0% 91%;}
}

@keyframes showText{
  0%{opacity:0;transform:translate(0,-100%);}
  20%{opacity:0;}
  100%{opacity:1;transform:translate(0,0);}
}
@media(max-width:658px){
    .hero-bars{
  height:40vh;
        
    }.hero-content{
  margin-top:160px;
  
 
}
}
@media(max-width:538px){
    .hero-bars{
  height:40vh;}
}
@media(max-width:504px){
    .hero-bars{
  height:40vh;}.hero-content{
  margin-top:130px;
  
 
}
}
@media(max-width:400px){
    .hero-bars{
  height:40vh;}.hero-content{
  margin-top:120px;
  
 
}
}

@media(min-width:659px){

.hero-bars{
  height:40vh;
  align-items:center;

  justify-content:center;
}


.hero-bars::after{
  width:20vw;
  height:100%;
  background-size:7% 70%;
  background-position:7% 0%,21% 100%,35% 0%,49% 100%,63% 0%,77% 100%,91% 0%;
  animation:showBarsBig 3.5s;
}

.hero-content{
  
  margin-left:20vw;
  text-align:left;
  animation:showTextBig 2s forwards;
  animation-delay:3.5s;
}

.hero-title{
  font-size:8vw;
}

.hero-subtitle{
  font-size:4vw;

}

}

@keyframes showBarsBig{
  0%{opacity:0;background-position:7% -400%,21% 500%,35% -400%,49% 500%,63% -400%,77% 500%,91% -400%;}
  100%{opacity:1;background-position:7% 0%,21% 100%,35% 0%,49% 100%,63% 0%,77% 100%,91% 0%;}
}

@keyframes showTextBig{
  0%{opacity:0;transform:translate(-100%,0);}
  100%{opacity:1;transform:translate(0,0);}
}

.slider-track{
display:flex;
transition:transform 1s cubic-bezier(.77,0,.18,1);
}
.pro-slide::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:
linear-gradient(135deg, rgba(112,128,144,0.3) 21px, rgba(217,236,255,0.5) 22px, rgba(217,236,255,0.3) 24px, transparent 24px, transparent 67px, rgba(217,236,255,0.5) 67px, rgba(217,236,255,0.3) 69px, transparent 69px),
linear-gradient(225deg, rgba(112,128,144,0.3) 21px, rgba(217,236,255,0.3) 22px, rgba(217,236,255,0.3) 24px, transparent 24px, transparent 67px, rgba(217,236,255,0.3) 67px, rgba(217,236,255,0.3) 69px, transparent 69px) 0 64px;

background-color: rgba(30,99,168,0.7);
background-size: 64px 128px; /* deep navy blue */
z-index:0;
}
.slide-text {
    flex: 1;
    max-width: 600px;
    padding: 10px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.7); /* Translucent White */
    backdrop-filter: blur(12px); /* Glass effect */
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    z-index: 5;
}


.slide-text::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(250,250,250,0.8);
z-index:0;
border-radius:25px;
}
.slide-text *{
position:relative;
z-index:1;

}

.slide-text,
.slide-img{
position:relative;
z-index:2;
}
.pro-slide{
min-width:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:60px;
padding:80px 20px;

opacity:0.5;
transition:1s;
position:relative;
overflow:hidden;

background-size:cover;
background-position:center;
background-repeat:no-repeat;

/* REMOVE THESE */
max-width:100%;
margin:0;
}

.pro-slide.active{
opacity:1;
}

/* TEXT */

.slide-text{
flex:1;
animation:fadeUp 1s ease;
}

.slide-text h2 {
    display: inline-block;
    
    
    border-radius: 50px;
   
    padding-right: 10px;
    
    font-size: 14px;
  
    letter-spacing: 2px;
    font-weight: 700;
}
.slide-text h5 {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 20px;
   
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.slide-img{
flex:1;
flex-shrink:0;
}
.tilt-area{
width:100%;
max-width:450px;
margin:auto;
position:relative;
min-height:260px;
}
.slide-text p{
color:black;
margin-top: 20px;
margin-bottom:25px;
}

.slide-text a{
padding:12px 30px;
background:#5b7cff;
color:#fff;
text-decoration:none;
border-radius:6px;
}
.tilt-area{
width:100%;
max-width:500px;
margin:auto;
}
/* IMAGE */

.slider-nav{
position:absolute;
bottom:20px;
left:80%;
transform:translateX(-50%);
display:flex;
gap:45px;
z-index:20;
}

.slider-nav button{
position:relative;
background:transparent;
color:#fff;
font-size:26px;
font-weight:600;
border:none;
padding:18px 28px;
cursor:pointer;
perspective:30rem;
border-radius:10px;
overflow:hidden;


}

/* gradient layer */

.slider-nav button::before{
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;

background:linear-gradient(
320deg,
rgba(255,166,0,0.9),
rgba(255,166,0,0.9)
);

border-radius:10px;
z-index:-1;

transition:all .6s ease;
}

/* hover rotate */

.slider-nav button:hover::before{
animation:rotateArrow 0.8s;
}

/* rotate animation */

@keyframes rotateArrow{

0%{
transform:rotateY(180deg);
}

100%{
transform:rotateY(360deg);
}

}

/* hover lift */



.slide-img{
flex:1;
display:flex;
justify-content:center;
align-items:center;
position:relative;
width:100%;
max-width:600px;
margin:auto;
}
.pro-slide.active .slide-img{
transform:translateX(0);
}

.slide-img img{
width:100%;
border-radius:14px;
box-shadow:0 20px 60px rgba(0,0,0,0.15);
}

/* arrows */



.prev{left:15px;}
.next{right:15px;}

/* dots */


.slider-count{
position:absolute;
bottom:20px;
left:40px;
display:flex;
align-items:center;
gap:12px;
color:#fff;
font-weight:600;
font-size:18px;
z-index:20;
background: rgba(0,0,0,0.2);
    padding: 10px 25px;
    border-radius: 40px;
    backdrop-filter: blur(5px);
}

.slider-count .line{
width:40px;
height:2px;
background:#fff;
opacity:.5;
}

.slider-count .current{
font-size:22px;

}

.slider-count .total{
opacity:.6;
}

/* animation */

@keyframes fadeUp{
from{
opacity:0;
transform:translateY(30px);
}
to{
opacity:1;
transform:translateY(0);
}
}
.tilt-wrapper{
margin-top:-50px;
}
/* responsive */


.slide-text h5,
.slide-text h2
{
color:#fff !important;
-webkit-text-fill-color:#fff !important;
}
.slide-img{
flex:1;
display:flex;
justify-content:center;
align-items:center;
position:relative;
}
.tilt-area{
position:relative;
width:100%;
max-width:600px;
margin:auto;
}
.tilt-wrapper{
position:relative;
display:flex;
justify-content:center;
align-items:center;
}

.tilt-img{
position:relative;
z-index:2;
border-radius:16px;
border:6px solid white;
box-shadow:
0 25px 60px rgba(0,0,0,0.35),
0 10px 25px rgba(0,0,0,0.2);
}

/* subtle background glow */

.tilt-wrapper::after{
content:"";
position:absolute;
width:85%;
height:85%;
background:linear-gradient(135deg,#1E63A9,#ffa600);
filter:blur(70px);
opacity:.25;
z-index:0;
}
/* hover zones */

.tilt-left,
.tilt-right{
position:absolute;
top:0;
bottom:0;
width:50%;
z-index:5;
}

.tilt-left{
left:0;
}
.tilt-wrapper {
    animation: float 6s ease-in-out infinite;
}@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}
.tilt-right{
right:0;
}

/* wrapper */

.tilt-wrapper{
position:relative;
display:flex;
justify-content:center;
align-items:center;
}

/* images */

.tilt-img{
width:100%;
max-width:450px;
height:280px;
background-size:cover;
background-position:center;
transition:all .3s ease;
box-shadow:0 20px 60px rgba(0,0,0,0.5);
}

/* front image */

.pro-slide:nth-of-type(1) .img-front{
background-image:url("https://pmtleevacuum.com/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-05-at-12.01.26-PM-2.jpeg");
}

.pro-slide:nth-of-type(1) .img-back{
background-image:url("https://pmtleevacuum.com/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-05-at-12.01.25-PM-4.jpeg");


position:absolute;
top:60px;
left:80px;
z-index:1;
}
/* SLIDE 2 IMAGES */

.pro-slide:nth-of-type(2) .img-front{
background-image:url("YOUR-SECOND-IMAGE.jpg");
}

.pro-slide:nth-of-type(2) .img-back{
background-image:url("YOUR-SECOND-BACK.jpg");
position:absolute;
top:60px;
left:80px;
z-index:1;
}
/* SLIDE 1 IMAGES */

.pro-slide:nth-of-type(1) .img-front{
background-image:url("https://pmtleevacuum.com/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-05-at-12.01.26-PM-2.jpeg");
}

.pro-slide:nth-of-type(1) .img-back{
background-image:url("https://pmtleevacuum.com/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-05-at-12.01.26-PM-11.jpeg");
position:absolute;
top:60px;
left:80px;
z-index:1;
}


/* SLIDE 2 IMAGES */

.pro-slide:nth-of-type(2) .img-front{
background-image:url("https://pmtleevacuum.com/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-05-at-12.01.25-PM-3.jpeg");
}

.pro-slide:nth-of-type(2) .img-back{
background-image:url("https://pmtleevacuum.com/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-05-at-12.01.25-PM-5.jpeg");
position:absolute;
top:60px;
left:80px;
z-index:1;
}


/* SLIDE 3 IMAGES */

.pro-slide:nth-of-type(3) .img-front{
background-image:url("https://pmtleevacuum.com/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-05-at-12.01.25-PM-9.jpeg");
}

.pro-slide:nth-of-type(3) .img-back{
background-image:url("https://pmtleevacuum.com/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-05-at-12.01.25-PM-11.jpeg");
position:absolute;
top:60px;
left:80px;
z-index:1;
}
/* LEFT hover */

.tilt-left:hover ~ .tilt-wrapper .img-front{
transform:rotateY(-12deg) translateX(-10px);
}

.tilt-left:hover ~ .tilt-wrapper .img-back{
transform:rotateY(-12deg) translateX(20px);
}

/* RIGHT hover */

.tilt-right:hover ~ .tilt-wrapper .img-front{
transform:rotateY(12deg) translateX(20px);
}

.tilt-right:hover ~ .tilt-wrapper .img-back{
transform:rotateY(12deg) translateX(-40px);
}

/* RESPONSIVE */

@media(max-width:768px){

.tilt-img{
height:200px;
}

.img-back{
top:60px;
left:40px;
}

}
.pro-slider{
overflow:hidden;
}

*{
box-sizing:border-box;
}
.container {
  width: 100%;
  display: flex;
  justify-content: flex-start; /* left align */
}

.container .btn {
  position: relative;
  top: 0;
  left: 0;
  width: 250px;
  height: 50px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container .btn a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: orange;
  box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  padding: 10px;
  letter-spacing: 1px;
  text-decoration: none;
  overflow: hidden;
  color: white;
  font-weight: 400px;
  z-index: 1;
  transition: 0.5s;
  backdrop-filter: blur(15px);
}

.container .btn:hover a {
  letter-spacing: 3px;
}

.container .btn a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0.4), transparent);
  transform: skewX(45deg) translate(0);
  transition: 0.5s;
  filter: blur(0px);
}

.container .btn:hover a::before {
  transform: skewX(45deg) translate(200px);
}

.container .btn::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  bottom: -5px;
  width: 30px;
  height: 10px;
  background: #f00;
  border-radius: 10px;
  transition: 0.5s;
  transition-delay: 0.5;
}

.container .btn:hover::before /*lightup button*/ {
  bottom: 0;
  height: 50%;
  width: 80%;
  border-radius: 30px;
}

.container .btn::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  top: -5px;
  width: 30px;
  height: 10px;
  background: #f00;
  border-radius: 10px;
  transition: 0.5s;
  transition-delay: 0.5;
}

.container .btn:hover::after /*lightup button*/ {
  top: 0;
  height: 50%;
  width: 80%;
  border-radius: 30px;
}

.container .btn:nth-child(1)::before,
.container .btn:nth-child(1)::after {
  background:#1e63a9;
  box-shadow: 0 0 5px #fff, 0 0 15px #fff, 0 0 30px #fff,
		0 0 60px #fff;
}

@media(max-width:768px){
/* button center mobile + tablet */





.slide-text h5{
font-size:20px;
}

.slide-text p{
font-size:17px;
}


.slider-nav{
bottom:20px;
}
.tilt-wrapper{
margin-top:20px;
}
}

@media(max-width:659px){

.pro-slide{
flex-direction:column;
align-items:center;
text-align:center;
}

.slide-text{
max-width:100%;
padding:40px 20px;
}

.slide-img{
width:100%;
max-width:100%;
margin-top:40px;
display:flex;
justify-content:center;
}

.tilt-area{
max-width:100%;
}

.tilt-img{
max-width:320px;
height:200px;
}

.img-back{
top:40px;
left:30px;
}

}@media (max-width:1246px){.tilt-img{
    
width:100%;
max-width:290px; /* image stretch nahi hogi */
height:290px;
margin-bottom:90px;
}

.tilt-wrapper{
margin-top:20px;
}
}@media (max-width:949px){.tilt-img{
    
width:100%;
max-width:250px; /* image stretch nahi hogi */
height:310px;
margin-bottom:90px;
}
.pro-slide{

gap:10px;

}
.tilt-wrapper{
margin-top:20px;

}
}@media (max-width:776px){.tilt-img{
    
width:100%;
max-width:190px; /* image stretch nahi hogi */
height:310px;
margin-bottom:90px;
}

.tilt-wrapper{
margin-top:20px;
}
.pro-slide{

gap:10px;

}
}
@media (max-width:658px){

.slide-img{
    
width:100%;
display:flex;
justify-content:center;
}

.tilt-area{
max-width:370px; /* container limit */
margin:auto;
}

.tilt-img{
    
width:100%;
max-width:370px; /* image stretch nahi hogi */
height:210px;
margin-bottom:90px;
}

.container{
display:flex;
justify-content:center;
}

.container .btn{
margin:auto;
}

.img-back{
  
top:35px;
left:10px;

}
.tilt-wrapper{
margin-top:-30px;
}
.slider-nav{
position:absolute;
bottom:20px;
left:70%;
transform:translateX(-50%);
display:flex;
gap:45px;
z-index:20;
}
}@media (max-width:540px){.tilt-img{
    
width:100%;
max-width:220px; /* image stretch nahi hogi */
height:310px;
margin-bottom:90px;
}
.slider-count{

left:20px;


    padding: 10px 15px;
    border-radius: 10px;
   
}
.pro-slide{

gap:20px;

}}/* End custom CSS */