body {
    font-family: 'Inter', sans-serif;
    background-color: #a0a4f8; 
    background: url('assets/bg-scratches-purple.jpg');
    color: black;
}
.hero-section {
    background: #3F5EFB;
    background: radial-gradient(circle,rgb(196, 22, 181) 0%, rgb(209, 179, 10) 100%);
    background: url('assets/purple-lake.png') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 1;
    color: blue;
}
.service-card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}
h1,h2 {
    background: rgba(255,255,255,0.3);            
    padding:20px;
    border-radius:10px;
    color:black;
}
.hero2 {
    background: rgba(255,255,255,0.5);            
    padding:20px;
    border-radius:10px;
}