body{

    font-family:Arial,sans-serif;

    background:#f8f9fa;
}

.custom-navbar{

    background:#111111;
}

.hero-section{

    min-height:90vh;

    display:flex;
    align-items:center;

    background:
    linear-gradient(
        135deg,
        #111111,
        #1e1e1e
    );

    color:white;

    padding:80px 0;
}

.hero-section h1{

    font-size:55px;

    font-weight:bold;

    margin-bottom:25px;
}

.hero-section p{

    font-size:20px;

    opacity:0.9;

    margin-bottom:30px;
}

.hero-buttons{

    display:flex;
    gap:15px;
}

.hero-image{

    max-height:500px;
}

.features{

    background:white;
}

.feature-card{

    background:white;

    padding:35px;

    border-radius:20px;

    text-align:center;

    transition:0.3s;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.05);
}

.feature-card:hover{

    transform:translateY(-10px);
}

.feature-icon{

    width:80px;
    height:80px;

    border-radius:20px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:white;

    font-size:30px;

    margin:auto auto 20px;
}

.stats-section{

    background:#111111;

    color:white;

    padding:80px 0;
}

.stats-section h2{

    color:#ffc107;

    font-size:45px;

    font-weight:bold;
}

.cta-section{

    padding:100px 0;

    background:
    linear-gradient(
        135deg,
        #d4a017,
        #f0bc1d
    );

    color:#111111;
}

.footer{

    background:#111111;

    color:white;

    padding:60px 0 20px;
}

.footer ul{

    list-style:none;

    padding:0;
}

.footer ul li{

    margin-bottom:10px;
}

.footer a{

    color:#ffc107;

    text-decoration:none;
}

@media(max-width:768px){

.hero-section{

    text-align:center;
}

.hero-section h1{

    font-size:40px;
}

.hero-buttons{

    justify-content:center;
}

.hero-image{

    margin-top:40px;
}

}