body{
	padding: 0 !important;
}
.elementor-swiper-button{
	margin: 50px;
}


.qlwapp__container.qlwapp__container--bottom-left, .qlwapp__container.qlwapp__container--bottom-right{
	right: 9px !important;
	bottom: 90px !important;
}

@media (max-width: 599px) {
 .elementor-swiper-button-prev, .elementor-swiper-button-next {
    display: none !important;
  }
	
	.qlwapp__container.qlwapp__container--bottom-left, .qlwapp__container.qlwapp__container--bottom-right{
	right: 9px !important;
	bottom: 5px !important;
}
}

 .btn-slide-animate .elementor-button{
    position: relative;
    overflow: hidden;
    z-index: 1;
}
#services-container .elementor-widget-image{
	overflow: hidden !important;
}

/* animated background */
 .btn-slide-animate .elementor-button::before{
    content: "";
    position: absolute;
    inset: 0;
    background: #000000;
    transform: scaleX(0);
    transform-origin: left;   /* start from left */
    transition: transform 0.45s ease;
    z-index: -1;
}

/* hover state */
 .btn-slide-animate .elementor-button:hover::before{
    transform: scaleX(1);
    transform-origin: left;
}

/* when leaving hover */
.btn-slide-animate .elementor-button::before{
    transform-origin: right;  /* collapse to right */
}

.btn-slide-animate .elementor-button:hover{
    color: #fff !important;
}

#btn-slide-animate{
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* animated background */
#btn-slide-animate::before{
    content: "";
    position: absolute;
    inset: 0;
    background: #212121;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.45s ease;
    z-index: -1;
}

/* hover fill left → right */
#btn-slide-animate:hover::before{
    transform: scaleX(1);
    transform-origin: left;
}

/* text color */
#btn-slide-animate:hover{
    color: #fff !important;
}


/* container base */
.hover-top-bg{
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s ease; /* optional if text color changes */
}

/* animated background */
.hover-top-bg::before{
    content: "";
    position: absolute;
    top: -100%;           /* start above container */
    left: 0;
    width: 100%;
    height: 100%;
    background: #9F9AC7;  /* hover background color */
    z-index: -1;
    transition: top 0.45s ease;
}

/* hover effect */
.hover-top-bg:hover::before{
    top: 0;               /* slide down to cover container */
}