/*contact us styling*/
#contact-wrapper{
      box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.5); 
      background:rgba(255, 255, 255,1.0) ;
      padding: 10px;
     padding-left: 15px;
  color: rgba(0, 0, 0, 0.9);
  margin: 0 auto;
}

#cantact-us{ padding: 10px; margin-bottom: 50px; }


#cantact-us-header{
      margin-bottom: 35px;
      margin-top: 1px;
      text-align: center;
       text-decoration: underline;
      text-decoration-color: rgba(0, 0, 0, 0.2);
      word-spacing: 3px;
      font-size:20px;
   color: rgba(0, 0, 0, 0.7);
   font-family: serif;
font-style: oblique;}

#cantact-us-list-header{font-weight: bold;
                            margin-bottom: 15px;
                            opacity: 0.9;
                           font-size: 14px;
                         word-spacing: 1.7px;}
#cantact-us ul{list-style-type: none;
     }

#cantact-us ul li{padding: 17px;
                  display: grid;
                  grid-template-columns:20% 80%;
                  text-align: left;
                  align-items: center;
                  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
                 grid-gap: 2px;
                  word-spacing: 1.7px;
                 line-height: 24px;}

#cantact-us ul li img{width: 35px;
                     object-fit: cover;}

#cantact-us ul li a{ color: #027; 
                     text-decoration: none;}
#contact-us ul li #address {font-size: 15px;}

#cantact-us button{ padding: 7px;
                        border: 1px solid grey;
                        border-radius: 5px;
                        font-size: 15px;
                        cursor: pointer;
                         width: 45%;
                         margin-top: 5px;
                         }

#cantact-us #send-message-btn{ 
      background:rgb(17 ,97, 85); 
      color: #fff;  margin-left: 10px;}

#cantact-us  #contact-cancel{ background:rgb(230, 230, 240);
                              color: #000;
                               margin-left: 10px;
                               color: rgba(0,0,0, 0.7);}

#cantact-us  #contact-cancel:hover{
                        background:rgba(86 ,126, 115,0.5);
                        color: #fff; }

#contact-box-wrapper{display: none;}

#contact-box-wrapper label{display: block;}
#contact-box-wrapper input{width: 100%;
                           padding: 4px;
                          margin-bottom: 20px;}

#contact-box-wrapper textarea{
           width: 100%;
              height:120px;
              outline: none;
             resize: none;
            padding: 2px 10px;
           margin-bottom: 25px;}

#contact-box-wrapper textarea, input{outline: none;
                                     border: 1px solid rgba(0, 0, 0, 0.25);}                         
#contact-box-wrapper textarea::placeholder{ font-size: 13px; }                         

#contact-box-wrapper button{ 
                        display: block;
                       padding: 7px;
                        border: 1px solid grey;
                        border-radius: 5px;
                        font-size: 15px;
                        cursor: pointer;
                         width: 45%;
                         margin: 2px auto;
                          background: #067;
                          color: white;
                          outline: none;
                          word-spacing: 1.9px;}

@media screen and (max-width:463px ){

#cantact-us button{ width:100%; }

#cantact-us #send-message-btn{ margin-left:0px;}

  }