/*general styling*/
body{
    font-family: Arial, sans-serif;
    background:#ffffff;
    color:#111;
    margin:0;
    padding:0;
}

.navbar{
    padding:5px;
    
}

.hero{
    padding:110px 0 70px;
    text-align:center;
}

.hero h1{
    font-size:3rem;
    font-weight:700;
}

.hero p{
    max-width:700px;
    margin:auto;
    color:#666;
}

.section{
    padding:75px 0;
}

.highlight{
    color:#F05D52;
}

.footer{
    text-align:center;
    padding:15px;
    color:#777;
}


.card-custom,
.service-card,
.portfolio-card,
.contact-box{
    background:#f8f8f8;
    border-radius:18px;
    padding:30px;
    transition:0.3s ease;
    border:none;
}

.card-custom:hover,
.service-card:hover,
.portfolio-card:hover{
    transform:translateY(-8px);
}


.btn-custom{
    background:#F05D52;
    color:#fff;
    border:none;
    padding:12px 28px;
    border-radius:8px;
}

.btn-custom:hover{
    background:#333;
    color:#fff;
}


.form-control{
    padding:12px;
    border-radius:10px;
}