body{
  padding-top: 4rem;
}
.Contact-box{
  padding: 5rem 2.5rem;
  display: flex;
  gap: 4rem;
  .info{
    max-width: 20rem;
    h2{
      font-family: Gilroy-Bold;
      font-size: 3.846rem;
      font-weight: normal;
      letter-spacing: 0rem;
      color: #313131;
      &::first-letter{
       color: #f08200;
      }
    }
    p{
      font-family: Gilroy-Regular;
      font-size: 0.846rem;
      font-weight: normal;
      letter-spacing: 0rem;
      color: #313131;
      line-height: 1.231rem;
      padding: 0.3rem 0;
      text{
        font-family: Gilroy-Bold;
      }
    }
    img{
      margin-top: 2rem;
      width: 11.154rem;
    }
  }
  form{
    flex: 1;
    .item{
      display: flex;
      gap: 1.5rem;
      padding-bottom: 1.5rem;
      input{
        flex: 1;
        display: block;
        padding: 0 0.5rem;
        height: 2.692rem;
        background-color: #f6f6f8;
        border-radius: 0.769rem;
        font-family: Gilroy-Regular;
	font-size: 0.769rem;
      }
      textarea{
        flex: 1;
        background-color: #f6f6f8;
        border-radius: 0.769rem;
        padding: 1rem;
        font-family: Gilroy-Regular;
	font-size: 0.769rem;
      }
    }
    button{
      width: 100%;
      display: block;
      height: 2.692rem;
      background-color: #f08200;
      border-radius: 0.769rem;
      font-family: Gilroy-Bold;
      font-size: 0.769rem;
      color: #ffffff;
    }
  }
}
@media (max-width: 1024px) {
  .Contact-box{
    flex-direction: column;
  }
}
@media (max-width: 640px) {
  body{
    padding-top: 2rem;
  }
  .Contact-box{
    padding: 0;
    flex-direction: column;
  }
  .Contact-box form .item{
    flex-direction: column;
    input{
      flex: unset;
    }
  }
}