body {
      font-family: sans-serif;
      text-align: left;
      background: #f0f0f0;
      margin-top: 50px;
    }

    .slideshow {
      position: relative;
      width: 500px;
      height: 300px;
      margin: auto;
      overflow: hidden;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0,0,0,0.3);
    }
    .slides {
      display: flex;
      width: 1000px; /* 2 images * 400px width */
      transition: transform 0.5s ease-in-out;
    }
    .slide {
      width: 500px;
      height: 300px;
      flex-shrink: 0;
    }
	  
    .slide img {
      width: 100%;
      height: 100%;
      object-fit:relative;
    }
   button {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 10px;
  border: none;
  background: linear-gradient(135deg, #c52a09 0%,#959595 100%);
  color: white;
    transition: all 0.3s ease;
}

button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 242, 254, 0.6);
}

button:active {
  transform: translateY(1px);
  box-shadow: 0 3px 8px rgba(0, 242, 254, 0.3);
}