.contact-page p.hero-description
{
    max-width: 1000px;
    margin: auto;
}

.contact-wrapper
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background-color: #f2eeff;
    border-radius: 30px;
    padding: 60px;
    margin-top: -7rem;
    background-image: url(../../public/contact-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    gap: 60px;
    max-width: 1240px;
    margin: -7rem auto 2rem auto;
}

ul.contact__details
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.contact__details a
{
    display: flex;
    gap: 15px;
    color: #2F302E;
    text-decoration: none;
    font-weight: 500;
    align-items: center;
}

.container__right>img
{
    width: 100%;
    height: auto;
}

/* Formidable form styling */

/* Label and Required Fields */
.frm_form_field label,
.frm_form_field .frm_required
{
    color: #2F302E !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    padding-bottom: 15px !important;
}

/* Placeholder Text */
.frm_form_field input::placeholder,
.frm_form_field textarea::placeholder,
.frm_form_field select::placeholder
{
    color: #A3A3B8 !important;
    font-size: 18px !important;
    /* Added font size for placeholder */
}

/* Text Typed Color */
.frm_form_field input,
.frm_form_field textarea,
.frm_form_field select
{
    color: #2F302E !important;
    background-color: white !important;
    font-size: 16px !important;
    padding: 12px !important;
    border-radius: 10px !important;
    border: 1px solid transparent !important;
    transition: border 0.3s ease !important;
}

/* Focused Input Border Color */
.frm_form_field input:focus,
.frm_form_field textarea:focus,
.frm_form_field select:focus
{
    border-color: #6949EB !important;
    outline: none !important;
}

/* Submit Button Styling */
.frm_submit>.frm_button_submit
{
    background-color: #6949EB !important;
    color: #FFFFFF !important;
    font-size: 20px !important;
    font-weight: bold !important;
    padding: 12px 50px !important;
    border-radius: 10px !important;
    border: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

/* Submit Button Hover Effect */
.frm_submit>.frm_button_submit:hover
{
    background-color: #5A3DB8 !important;
}

/* Message Styling */
.frm_message
{
    font-size: 16px !important;
    color: #2F302E !important;
    background-color: white !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    padding: 12px !important;
}


/* Responsive */


@media(max-width:1200px)
{

    .contact-wrapper
    {
        padding: 2rem;
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }
}