@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(""),
      url(/assets/fonts/montserrat/montserrat.woff2) format("woff2"),
      url(/assets/fonts/montserrat/montserrat.woff) format("woff");
  }
  @font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local(""),
      url(/assets/fonts/montserrat/montserrat-500.woff2) format("woff2"),
      url(/assets/fonts/montserrat/montserrat-500.woff) format("woff");
  }
  @font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local(""),
      url(/assets/fonts/montserrat/montserrat-600.woff2) format("woff2"),
      url(/assets/fonts/montserrat/montserrat-600.woff) format("woff");
  } /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
 
 body{
 background-color: #8330c2;
 }
 .contact{
 padding: 4%;
 height: 400px;
 }
 .col-md-3{
 background: #e5dada;
 padding: 4%;
 border-top-left-radius: 0.5rem;
 border-bottom-left-radius: 0.5rem;
 }
 .contact-info{
 margin-top:10%;
 }
 .contact-info img{
 margin-bottom: 15%;
 }
 .contact-info h2{
 margin-bottom: 10%;
 }
 .col-md-9{
 background: #fff;
 padding: 3%;
 border-top-right-radius: 0.5rem;
 border-bottom-right-radius: 0.5rem;
 }
 .contact-form label{
 font-weight:600;
 }
 .contact-form button{
 background: #8330c2;
 color: #fff;
 font-weight: 600;
 width: 25%;
 }
 .contact-form button:focus{
 box-shadow:none;
 } 

 .zi{
  z-index: 1;
}