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


body {
    font-family: "Montserrat", "Arial", sans-serif;
    background: #101010;
    color: #e8e8e8;
    line-height: 1.7;
}


/* Header */

header {
    background: #080808;
    padding: 70px 20px 55px;
    border-bottom: 1px solid #b87333;
}


.logo-centre {
    text-align: center;
}


.omega-symbol {
    font-size: 90px;
    color: #b87333;
    font-weight: 700;
    margin-bottom: 15px;
}


.logo-centre h1 {
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ffffff;
}


.logo-centre p {
    margin-top: 15px;
    font-size: 18px;
    color: #b87333;
    letter-spacing: 1.5px;
}




/* Hero */

.hero {
    text-align: center;
    padding: 100px 8%;
    background:
    linear-gradient(
    180deg,
    #101010,
    #171717
    );
}


.hero h2 {
    font-size: 44px;
    color: #ffffff;
    margin-bottom: 25px;
}


.hero p {
    max-width: 800px;
    margin: auto;
    font-size: 20px;
    color: #cccccc;
}




.button {

    display: inline-block;
    margin-top: 35px;
    padding: 16px 42px;

    background: #b87333;
    color: #ffffff;

    text-decoration: none;

    border-radius: 30px;

    font-weight: bold;

    letter-spacing: .5px;

    transition: .3s;

}


.button:hover {

    transform: translateY(-3px);

}





/* Sections */


section {

    padding: 80px 8%;

}


section h2 {

    text-align: center;

    color: #b87333;

    font-size: 34px;

    margin-bottom: 45px;

}






/* About */


.about {

    max-width: 900px;

    margin: auto;

    text-align: center;

}


.about p {

    margin-bottom: 20px;

    font-size: 18px;

    color: #cccccc;

}






/* Services */


.cards {

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}



.card {

    background:#191919;

    padding:35px 25px;

    border-radius:12px;

    border:1px solid #333;

    text-align:center;

    transition:.3s;

}



.card:hover {

    transform:translateY(-6px);

    border-color:#b87333;

}



.card h3 {

    color:#b87333;

    font-size:24px;

    margin-bottom:18px;

}



.card p {

    color:#cccccc;

}






/* Trust */


.trust {

    text-align:center;

    background:#0b0b0b;

}



.trust p {

    font-size:18px;

    color:#cccccc;

}






/* Contact */


.contact {

    text-align:center;

}



.contact strong {

    color:#b87333;

    font-size:22px;

}






/* Footer */


footer {

    text-align:center;

    background:#050505;

    padding:30px;

    color:#888;

    border-top:1px solid #222;

}






/* Mobile */


@media(max-width:900px){


.cards {

    grid-template-columns:1fr;

}



.logo-centre h1 {

    font-size:30px;

}



.logo-centre p {

    font-size:14px;

}



.hero h2 {

    font-size:32px;

}



.hero {

    padding:70px 6%;

}



}