@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;500;700&display=swap');
 *, *::before, *::after {
	 margin: 0;
	 padding: 0;
	 box-sizing: inherit;
}

  html,body   {
	box-sizing: border-box;

}

	.slider .buttons {
	 z-index: 1;
	 right: 50%;
	 top: 471px;
	 width: 80px;
	 height: 40px;
	 position: absolute;
	 border-radius: 50px;
	 transform: translateX(50%);
	 background-color: #fff;
}
         .slider .buttons .previous,  .slider .buttons .next {
	 width: 50%;
	 height: 100%;
	 position: absolute;
	 background-repeat: no-repeat;
	 background-position: center;
	 cursor: pointer;
}
          .slider .buttons .previous {
	 left: 0;
	 background-image: url('https://alcs-slider.netlify.app/images/icon-prev.svg');
}
          .slider .buttons .previous:hover {
	 transform: scale(1.25);
}
          .slider .buttons .next {
	 right: 0;
	 background-image: url('https://alcs-slider.netlify.app/images/icon-next.svg');
}
          .slider .buttons .next:hover {
	 transform: scale(1.25);
}
          .slider .slide {
	 display: flex;
	 margin: 0 auto;
	 text-align: center;
	 align-items: center;
	 justify-content: center;
	 flex-direction: column-reverse;
}
          .slider .slide .testimonial {
	 padding: 32px 51px;
	 background-size: 60px;
	 background-position: top;
	 background-repeat: no-repeat;
	 background-image: url(https://alcs-slider.netlify.app/images/pattern-quotes.svg);
}
          .slider .slide .testimonial blockquote {
	 font-size: 18px;
	 font-weight: 300;
	 line-height: 24px;
	 margin-bottom: 36px;
}
          .slider .slide .testimonial .author {
	 font-size: 15px;
	 font-weight: 700;
}
          .slider .slide .testimonial .author span {
	 display: block;
	 color: #babacf;
	 font-weight: 500;
}
          .slider .slide .slider-img {
	 width: 100%;
	 padding: 30px;
	 display: flex;
	 margin-bottom: 40px;
	 align-items: center;
	 justify-content: center;
	 background-size: contain;
	 background-position: center;
	 background-repeat: no-repeat;
	 background-image: url(https://alcs-slider.netlify.app/images/pattern-bg.svg);
}
          .slider .slide .slider-img img {
	 width: 240px;
	 display: block;
	 border-radius: 10px;
	 box-shadow: 0px 16px 40px 0px rgba(135, 105, 210, 0.4);
}
          .slider .slide .active {
	 opacity: 1;
	 transform: translateX(0) scale(1);
	 transition-delay: 0.4s;
}

        .hide {
	 display: none;
}
 @media screen and (min-width: 600px) {
	          .slider .buttons {
		 top: 470px;
	}
}
 @media screen and (min-width: 900px) {	
	          .slider .buttons {
		 right: 43%;
		 top: 430px;
	}
	          .slider .slide {
		 position: relative;
		 text-align: left;
		 display: flex;
		 flex-direction: row;
	}
	          .slider .slide .testimonial {
		 padding: 32px 0 0 0;
		 background-size: 80px;
		 background-position: 19% -7%;
		 transform: translateX(100px);
	}
	          .slider .slide .testimonial blockquote {
		 font-size: 18px;
		 line-height: 22px;
	}
	          .slider .slide .testimonial .author span {
		 display: contents;
	}
	          .slider .slide .slider-img {
		 padding: 55px;
	}
	          .slider .slide .slider-img img {
		 width: 400px;
	}
}