.cta-section{
  padding:0 9.6rem 9.6rem;
}
.cta{
  display: grid;
  grid-template-columns: 2fr 1fr;
  background-image: linear-gradient(to right bottom,#ffa75b,#dd7c28);
  border-radius: 1rem;
  overflow: hidden;
}
.cta-text-box{
  padding: 4rem 6rem 6rem;
}
.cta-text-box .section-heading{
  margin-bottom: 2rem;
  color: #532d0c;

}
.cta-img-box{
  background-image: linear-gradient(to right bottom,rgba(221, 155, 98, 0.3),rgba(230, 125, 34, 0.3)), url("../img/eating.jpg");
  background-size: cover;
  background-position: bottom;
}
.cta-text{
  font-size: 1.8rem;
  line-height: 1.8;
  color:#532d0c;
  margin-bottom: 4rem;
}
.cta-signup-form{
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4.8rem;
  row-gap: 3.6rem;
}
.cta input,.cta select{
  font-family: inherit;
  font-size: 1.8rem;
  outline: none;
  border: none;
  border-radius: 0.9rem;
  width: 100%;
  padding: 1.2rem 1.6rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.cta label{
  display: block;
  font-size: 1.6rem;
  margin-bottom: 1rem;
  font-weight: 600;
  color:#532d0c;
}
.cta .btn{
  border: none;
  align-self: end;
  color: #fff;
  background-color: #532d0c;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  padding: 1.2rem;

}
.cta .btn:hover{
  color: #555;
  background-color: #fdf2e9;
}
.cta *:focus{
  outline:none;
  box-shadow: 0 0 0 0.8rem rgba(253, 242, 233, 0.5);
}