@font-face {
    font-family: 'Vazir';
    src: url('../fonts/Vazir-Regular.woff2') format('woff2'),
         url('../fonts/Vazir-Regular.woff') format('woff'),
         url('../fonts/Vazir-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body, .wrap, h1, h2, h3, input, select, button {
    font-family: 'Vazir', sans-serif !important;
}

/* Style for the input fields */
#argonz_groq_input, #argonz_model_selector, #argonz_aiml_input {
    width: 100% !important;
    padding: 10px !important;
    margin: 5px 0 20px 0 !important;
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    box-sizing: border-box !important;
}

/* Style for the submit button */

/* General styling for submit buttons */
#argonz_groq_btn{
    background-color: #4CAF50; /* Green background */
    color: white; /* White text */
    padding: 5px 8px; /* Padding for a larger button */
    border: none; /* Remove border */
    border-radius: 5px; /* Rounded corners */
    font-family: 'Vazir', sans-serif; /* Use Vazir font */
    font-size: 16px; /* Increase font size */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

/* Hover effect */
#argonz_groq_btn:hover {
    background-color: #45a049; /* Darker green on hover */
}


/* Style for labels */
label {
    display: block !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
    font-weight: bold !important;
}