*{
    font-family: Arial, Helvetica, sans-serif;
}

.fade-in {
    transition: opacity 1s ease-out;
}

   /* Service Card Base */
.service-card-left,
.service-card-right,
.service-card-rounded {
    background: linear-gradient(135deg, #1a1a2e, #16213e);
    border-radius: 12px;
    padding: 24px;
    color: white;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    width: 400px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: left;
}

/* Hover Effects */
.service-card-left:hover,
.service-card-right:hover,
.service-card-rounded:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(255, 0, 0, 0.3);
}

/* Rounded Card */
.service-card-rounded {
    border-radius: 50px;
}

/* Card Text */
.service-card-left h3,
.service-card-right h3,
.service-card-rounded h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.service-card-left p,
.service-card-right p,
.service-card-rounded p {
    font-size: 1rem;
    opacity: 0.9;
    margin-bottom: 12px;
}

.service-card-left ul,
.service-card-right ul,
.service-card-rounded ul {
    text-align: left;
    font-size: 0.95rem;
    line-height: 1.5;
}

.service-card-left ul li,
.service-card-right ul li,
.service-card-rounded ul li {
    list-style: none;
    margin: 4px 0;
    padding-left: 1rem;
    position: relative;
}

.service-card-left ul li::before,
.service-card-right ul li::before,
.service-card-rounded ul li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #ff4747;
    font-weight: bold;
}
@keyframes slide {
    0%, 100% { transform: translateX(0%); }
    33% { transform: translateX(-100%); }
    66% { transform: translateX(-200%); }
}
.animate-slide {
    display: flex;
    width: 300%;
    animation: slide 9s infinite ease-in-out;
}

html, body {
    overflow-x: hidden;
  }