html{
scroll-behavior:smooth;
}

body{
font-family:Segoe UI,sans-serif;
transition:0.4s;
}

.hero{
height:100vh;
background:
linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),
url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1600&q=80');
background-size:cover;
background-position:center;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:white;
}

.hero h1{
font-size:4rem;
font-weight:bold;
}

.counter{
font-size:40px;
font-weight:bold;
color:#0d6efd;
}

.course-card{
transition:.3s;
}

.course-card:hover{
transform:translateY(-10px);
}

.whatsapp{
position:fixed;
right:20px;
bottom:20px;
width:60px;
height:60px;
background:#25D366;
color:white;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
text-decoration:none;
z-index:999;
}

footer{
background:#111;
color:white;
padding:30px;
}

#contact img{
background:white;
padding:2px;
border-radius:10px;
box-shadow:0 2px 10px rgba(0,0,0,.2);
transition:0.3s;
}

#contact img:hover{
transform:scale(1.1);
}


.footer_color{
--bs-bg-opacity: 1;
    background-color: #373b3e !important;
}