.elementor-42 .elementor-element.elementor-element-0feaf79{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-3484793 */.custom-slider {
  position: relative;
  width: 100%;
  height: 90vh;
  overflow: hidden;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

/* Hide radio buttons */
.custom-slider input {
  display: none;
}

.slides {
  display: flex;
  width: 300%;
  height: 100%;
  transition: 0.6s ease;
}

/* Individual slides */
.slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  position: relative;
  background-size: cover;
  background-position: center;
}

/* Background images */
.s1 {
  background-image: url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c');
}

.s2 {
  background-image: url('https://images.unsplash.com/photo-1618220179428-22790b461013');
}

.s3 {
  background-image: url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c');
}

/* Content styling */
.content {
  position: absolute;
  top: 50%;
  left: 8%;
  transform: translateY(-50%);
  color: white;
  max-width: 400px;
}

.content p {
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  opacity: 0.8;
}

.content h2 {
  font-size: 42px;
  font-weight: 300;
  margin-bottom: 20px;
}

.content a {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid white;
  text-decoration: none;
  color: white;
  font-size: 14px;
  letter-spacing: 1px;
}

/* Navigation dots */
.navigation {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}

.navigation label {
  width: 10px;
  height: 10px;
  border: 1px solid white;
  margin: 5px;
  cursor: pointer;
  border-radius: 50%;
}

/* Slide movement */
#slide1:checked ~ .slides {
  transform: translateX(0);
}

#slide2:checked ~ .slides {
  transform: translateX(-100%);
}

#slide3:checked ~ .slides {
  transform: translateX(-200%);
}/* End custom CSS */