.contact-section{
  width:100%;
  padding:60px 20px;
  background:#f5f3fb;
  }
  
  .contact-title{
  text-align:center;
  font-size:36px;
  color:#4B2E83;
  margin-bottom:40px;
  }
  
  .contact-container{
  max-width:1100px;
  margin:auto;
  display:flex;
  gap:40px;
  }
  
  
  
  .contact-info{
  flex:1;
  }
  
  .contact-info h3{
  color:#4B2E83;
  margin-bottom:15px;
  }
  
  .contact-info p{
  font-size:16px;
  line-height:1.6;
  margin-bottom:10px;
  }
  
 
  
  .contact-form{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:15px;
  }
  
  .contact-form input,
  .contact-form textarea{
  padding:12px;
  border:1px solid #ccc;
  border-radius:6px;
  font-size:14px;
  }
  
  .contact-form textarea{
  min-height:120px;
  resize:none;
  }
  
  .contact-form button{
  padding:12px;
  border:none;
  background:#4B2E83;
  color:white;
  border-radius:6px;
  cursor:pointer;
  font-size:16px;
  }
  
  .contact-form button:hover{
  background:#D4AF37;
  color:black;
  }
  
  
  
  @media(max-width:768px){
  
  .contact-container{
  flex-direction:column;
  }
  
  .contact-title{
  font-size:30px;
  }
  
  }
  
  
  
  @media(max-width:480px){
  
  .contact-title{
  font-size:24px;
  }
  
  .contact-info p{
  font-size:14px;
  }
  
  }