.allFormContainer
{
    padding: 30px;
}

.contactsContainer
{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.ContactsForm
{
    padding: 20px;
    margin: 10px;
    border-radius: 5px;
    max-width: 500px;
    background-color: rgb(223, 223, 223);
}

.inputGroup
{
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.inputGroup label
{
    font-size: 14px;
    font-weight: 700;
    color: var(--MNDarkerGray);
}

.inputGroup textarea
{
    border: none;
    border-radius: 5px;
    padding: 10px;
    font-size: 13px;
    font-weight: 600;
    color: rgb(58, 58, 58);
}

.inputGroup textarea:focus
{
    outline: 1px solid var(--MNBlue2Shade);
    
}

.inputGroup input
{
    font-size: 13px;
    font-weight: 600;
    width: 300px;
    height: 40px;
    border: none;
    padding-left: 10px;
    border-radius: 5px;
    color: rgb(58, 58, 58);
   
}

.inputGroup input:focus
{
    outline: 1px solid var(--MNBlue2Shade);
}

#messageInput
{
    height: 100px;
    width: 400px;
}

.ContactsForm button
{
    padding: 20px 40px;
    border: none;
    border-radius: 5px;
    font-weight: 800;
    letter-spacing: 1px;
    font-size: 12px;
    color: #fff;
    background-color: var(--MNBlue2Shade);
    transition: background-color 0.3s ease-out;
}

.ContactsForm button:hover
{   
    cursor: pointer;
    background-color: var(--MNGreenTheme);
}

.contactsDes
{
    padding: 20px;
}

.contactHead
{
    font-weight: 900;
    font-size: 30px;
    color: gray;
    padding: 5px;
}

.contactPara
{
    margin: 0px;
    padding: 5px;
    max-width: 400px;
}

.contactDetails
{
    padding: 20px;
}

.contDet
{
    margin-bottom: 10px;
    color: rgb(34, 34, 34);
    font-size: 14px;
}

.contDet > i
{
    margin-right: 10px;
    color: var(--MNDarkerGray);
}

.contactsMoreDetails
{
    padding: 30px;
}