body {
    font-family: 'Inter', sans-serif;
    color: #17324d;
}

.hero {
    background: linear-gradient(135deg, #0f3c66 0%, #145c9e 100%);
    color: white;
}

.section-title {
    color: #0f3c66;
    font-weight: 700;
}

.card-shadow {
    box-shadow: 0 12px 35px rgba(15,60,102,.12);
    border: none;
}

.btn-primary-custom {
    background:#ffb703;
    color:#0f3c66;
}

.btn-primary-custom:hover {
    background:#f5b400;
    color:#0f3c66;
}

.text-accent {
    color:#ffb703;
}

.bg-primary-custom {
    background-color: #ffb703 !important;
}

.service-hero {
    background: linear-gradient(135deg, #f8fbff 0%, #eef6fc 100%);
}

.service-card {
    border-radius: 1.25rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(15,60,102,.12);
}

.service-card-home {
    border-radius: 1.15rem;
    position: relative;
    background: #ffffff;
}

.service-card-home:hover {
    transform: translateY(-3px);
}

.service-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0f3c66 0%, #145c9e 100%);
    color: #fff;
    font-size: 0.9rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.error {
    color: #dc3545;
    font-size: 14px;
    margin-top: 5px;
}

.is-invalid {
    border-color: #dc3545 !important;
}

#responseMessage {
    margin-bottom: 15px;
}
#captchaText{

    letter-spacing:8px;

    font-family:monospace;

    user-select:none;

    background:#1d3557;

    color:#fff;

    border-radius:8px;

}

#btnRefreshCaptcha{

    width:100%;

    height:54px;

}

.error{

    color:#dc3545;

}

.is-invalid{

    border-color:#dc3545;

}