body {
   font-family: Arial, sans-serif;
   background-color: #f4f4f4;
   text-align: center;
   padding: 20px;
}

.language-selector {
   position: absolute;
   top: 20px;
   right: 20px;
}

.language-selector select {
   padding: 8px 15px;
   font-size: 14px;
   border: 2px solid #007BFF;
   border-radius: 5px;
   background-color: white;
   color: #333;
   cursor: pointer;
   outline: none;
   transition: all 0.3s;
}

.language-selector select:hover {
   background-color: #007BFF;
   color: white;
}

.language-selector select:focus {
   border-color: #0056b3;
}

.logo-container {
   margin: 20px auto;
}

.logo {
   max-width: 300px;
   height: auto;
}

h1 {
   color: #333;
}

.description {
   max-width: 800px;
   margin: 20px auto;
   padding: 0 20px;
   text-align: left;
   line-height: 1.6;
}

.description p {
   margin-bottom: 15px;
}

.benefit-text {
   max-width: 800px;
   margin: 30px auto 10px;
   padding: 15px 20px;
   background-color: #007BFF;
   color: white;
   border-radius: 8px;
   font-size: 18px;
   font-weight: bold;
}

.benefit-text p {
   margin: 0;
}

button {
   padding: 10px 20px;
   background-color: #007BFF;
   color: white;
   border: none;
   border-radius: 5px;
   cursor: pointer;
}
button:hover {
   background-color: #0056b3;
}

/* Carousel Styles */
.carousel-container {
   max-width: 400px;
   margin: 30px auto;
   padding: 20px;
}

.carousel {
   position: relative;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.carousel-images {
   position: relative;
   width: 100%;
   overflow: hidden;
   border-radius: 10px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.carousel-image {
   width: 100%;
   height: auto;
   display: none;
   transition: opacity 0.5s ease-in-out;
}

.carousel-image.active {
   display: block;
}

.carousel-btn {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   background-color: rgba(0, 0, 0, 0.5);
   color: white;
   border: none;
   padding: 15px 20px;
   font-size: 24px;
   cursor: pointer;
   border-radius: 5px;
   z-index: 10;
   transition: background-color 0.3s;
}

.carousel-btn:hover {
   background-color: rgba(0, 0, 0, 0.8);
}

.carousel-btn.prev {
   left: 10px;
}

.carousel-btn.next {
   right: 10px;
}

.carousel-dots {
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 20px;
}

.dot {
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: #bbb;
   cursor: pointer;
   transition: background-color 0.3s;
}

.dot.active {
   background-color: #007BFF;
}

.dot:hover {
   background-color: #666;
}

/* Languages */
.languages {
   margin: 20px auto;
   text-align: center;
}

.languages p {
   color: #555;
   font-size: 16px;
   font-style: italic;
}

/* Support Email */
.support-email {
   margin: 20px auto;
   text-align: center;
}

.support-email p {
   margin: 0;
}

.support-email a {
   color: #007BFF;
   text-decoration: none;
   font-size: 16px;
   transition: color 0.3s;
}

.support-email a:hover {
   color: #0056b3;
   text-decoration: underline;
}

/* Footer Images */
.footer-images {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 30px;
   margin: 40px auto 20px;
   padding: 20px;
}

.footer-image {
   height: 60px;
   width: auto;
   transition: transform 0.3s;
   cursor: pointer;
}

.footer-image:hover {
   transform: scale(1.1);
}