.index-inline-1 {
  background: #f5f5f5; padding: 20px; border-radius: 8px;
}

.index-inline-2 {
  width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; position: relative;
}

.index-inline-3 {
  display: flex; gap: 0; transition: transform 0.8s ease-in-out;
}

.index-inline-4 {
  background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27400%27 height=%27300%27%3E%3Crect fill=%27%23d4a574%27 width=%27400%27 height=%27300%27/%3E%3C/svg%3E');
}

.index-inline-5 {
  background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27400%27 height=%27300%27%3E%3Crect fill=%27%234a7ba7%27 width=%27400%27 height=%27300%27/%3E%3C/svg%3E');
}

.index-inline-6 {
  background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27400%27 height=%27300%27%3E%3Crect fill=%27%23c4b5a0%27 width=%27400%27 height=%27300%27/%3E%3C/svg%3E');
}

.index-inline-7 {
  display:none
}