:root {
    --primary-color: #007BFF;
    --secondary-color: #2c3e50;
    --accent-color: #e63946;
    --light-color: #f8f9fa;
    --white-color: #ffffff;
    --border-color: #dee2e6;
    --shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    --font-family: 'Poppins', sans-serif;
}

* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
}

body {
    font-family: var(--font-family);
    background-color: var(--light-color);
    color: var(--secondary-color);
    line-height: 1.7;
    padding-top: 80px; 
    -webkit-font-smoothing: antialiased;
}

img {
    max-width: 100%;
    height: auto;
}

.container { 
    max-width: 1100px; 
    margin: 0 auto; 
    padding: 0 1.5rem; 
    width: 100%;
}


@media (max-width: 768px) {
    body { 
       
        padding-top: 115px; 
    } 
    .container {
        padding: 0 1rem;
    }
}

@media (max-width: 380px) {
    body {
        padding-top: 125px; 
    }
}