body {
    background-color: #f7f9fc;
}

.text-custom-blue {
    color: #3b82f6;
}

.bg-custom-blue {
    background-color: #3b82f6;
}

    .bg-custom-blue:hover {
        background-color: #2563eb;
    }

.bg-custom-blue-light {
    background-color: #eff6ff;
}

.text-custom-blue-dark {
    color: #2563eb;
}

.auto-style1 {
    font-family: "Segoe UI";
    font-size: large;
    color: #0000FF;
}

.auto-style2 {
    font-family: "Segoe UI";
    font-size: large;
}


.form-input {
    border: 1px solid #e5e7eb;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    width: 100%;
    transition: border-color 0.2s;
}

    .form-input:focus {
        outline: none;
        border-color: #3b82f6;
    }


.service-card {
    transition: transform 0.2s;
}

    .service-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    }

.mockup-screen {
    background-color: #1a202c;
    border-radius: 2rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    width: 250px;
    height: 500px;
}