/*.textcons{position:absolute;background-color:var(--primary-color); left: 0; top:auto; color:White;width: 100%; height:auto; padding: 1em 0 0.2em 0em;text-align:left; text-indent:20px; font-size:16px; font-style:italic; font-family:Arial Black; color: var(--secondary-color);}*/
.contact
{
    background-color:var(--primary-color);
    color: var(--text-color-inverse);
    font-size:14px;
    border-radius:14px;
    padding:20px;
    height:auto;
    
  
    }
.contact p,
 .contact h2,
  .contact ul{ margin:0; padding:0 0;}


.contact-title{
font-size: 30px;
font-weight: 500;
text-align:center;
text-transform:uppercase;
}

.contact-details,
.contact-form
{
  padding: 0;  padding-top:20px;
}
 
   
.contact-details-groud
{       padding-bottom: 10px;  width:100%;
    }
    

.contact-form-groud
{       padding-bottom: 10px; 
    }
       

.contact-label
    {
      text-transform: uppercase;
      font-weight: 600; 
    }

    .contact-form-groud input,
    .contact-form-groud textarea
    {
        border-radius: 7px;
        border: none;
        height: 30px;
        width:100%;
    }

    .contact-form-groud textarea
    {
      height: auto;
      resize: vertical; overflow:hidden;

    }

    .contact-form-submit
    {  font-size:14px;
        width: 100%;
        height: 50px;
        background-color: var(--menu-mobile-background-color);
        border-radius: 7px;
        color:var( --text-color-inverse);
        border: 1px solid var(--theme-color);
        cursor: pointer;
    }

    .contact-form-submit:hover
    {
      box-shadow: 0 0 14px var(--secondary-color); background:var(--secondary-color); color:Black;

    }

    .social
        {
            grid-area: social; padding-top:10px;
        }
    .social-list
    {
        list-style: none;
        display: flex;
        gap: 25px;
        justify-content: center;
    }

    .social-list img 
    {
        height: 25px; 
    }

    .social-list img:hover 
    {
       filter: drop-shadow(0 0 5px var(--secondary-color));
    }

    @media (min-width:950px)
    {
    .contact{
             font-size:14px;
             padding:30px;
             max-width: 980px;
             margin: 0 auto;
             box-sizing: border-box;
             height:auto;
            }
     
        
    .contact-title{
                   font-size: 26px;
                   text-align:left; width:100%; font-family:Arial; font-style:italic;
                  }
                  
                  
.contact-details

{
width:50%; float:left; height:280px;
   
    }
 .contact-form{width:50%;float:right; height:280px;
   
    }
                  
  .contact-details-groud
{       padding-bottom: 15px;  
    }
    

.contact-form-groud
{       padding-bottom: 15px;   
    }              
                  
.contact-form-groud input
{
        border-radius: 7px;
        border: none;
        height: 30px;
        width:100%;
   } 

.contact-form-groud textarea
{
        border-radius: 7px;
        border: none;
        height: 80px;
        width:100%;

       
   } 
    
    .social
        {
            grid-area: social; padding-top:344px;
        } 
   .social-list
    {
        list-style: none;
        display: flex;
        gap: 25px;
        justify-content: center;
    }

    .social-list img 
    {
        height: 25px; 
    }

    .social-list img:hover 
    {
       filter: drop-shadow(0 0 5px var(--secondary-color));
    }

    }