.sectionThree .textParagraph {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10%;
}

.contactInfo {
  text-align: center;
  display: flex;
  justify-content: space-around;
  margin-top: 8%;
  position: relative;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.contactInfo .orangeBlock {
  width: 51%;
  background-image: linear-gradient(125deg, #fa8751, #f96733);
  border-radius: 20px;
  height: 100%;
  position: absolute;
  left: 66%;
  left: 24.5%;
  z-index: -1;
  transform: rotate(4deg);
}

.contactInfo .contactBlock {
  display: flex;
  flex-direction: column;
  width: 50%;
  background-color: white;
  padding: 31px;
  border-radius: 20px;
  text-align: left;
}

.contactBlock label {
  color: #514b9e;
  font-size: 15px;
  margin-bottom: 0px;
}

.contactBlock input {
  border-radius: 13px;
  background-color: #edede1;
  border-color: #edede100;
  margin-bottom: 4%;
}

.contactBlock textarea {
  border-radius: 13px;
  background-color: #edede1;
  border-color: #edede100;
}

.form_block input,
.form_block button,
.form_block select,
.form_block textarea {
  border-radius: 13px;
  background-color: #edede1;
  border-color: #edede100;
  margin-bottom: 4%;
  width: 100%;
  padding: 2%;
}
[data-sf-role="form-container"] {
  margin-top: 18%;
  display: flex;
  flex-direction: column;
  width: 45%;
  background-color: white;
  padding: 31px;
  border-radius: 20px;
  text-align: left;
  margin: auto;
}
label {
  color: #514b9e;
  font-size: 15px;
  margin-bottom: 0px;
  display: inherit;
}
#Textarea-1 {
  height: 200px;
}
.sf_cols.container_wrapper.form_block {
  /* width: 60%;
  margin: 5% auto; */
  margin: 130px 0px;
}
#C001_Col00 > div:nth-child(4) > button {
  background-color: #323995;
  color: white;
}
.form_block .orangeBlock {
  width: 45%;
  background-image: linear-gradient(125deg, #fa8751, #f96733);
  border-radius: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 27.5%;
  z-index: -1;
  transform: rotate(4deg);
}
#mainWrapper > div.sf_cols.container_wrapper.form_block > div {
  position: relative;
}
.messageBox {
  position: relative;
  display: none;
  margin-top: 10%;
}
.messageBox .orangeBlock {
  width: 41%;
  background-image: linear-gradient(125deg, #fa8751, #f96733);
  border-radius: 20px;
  height: 100%;
  position: absolute;
  top: 2px;
  left: 29.5%;
  z-index: -1;
  transform: rotate(4deg);
}
.messageBox .msgTxtBlock {
  display: flex;
  flex-direction: column;
  width: 40%;
  background-color: white;
  padding: 50px;
  border-radius: 20px;
  text-align: left;
  margin: auto;
}
.messageBox .msgTxtBlock .msgTxt {
  font-size: 20px;
}
.messageBox .msgTxtBlock .msgTxt p {
  color: black;
}
.messageBox .msgTxtBlock .msgTxt h2 {
  color: #4f499f;
}

@media (max-width: 1400px) {
  .sectionThree .textParagraph {
    width: 67%;
  }

  .contactInfo {
    width: 67%;
  }
}

@media (max-width: 1100px) {
  .sectionThree .textParagraph {
    width: 80%;
  }

  .contactInfo {
    width: 80%;
  }
  [data-sf-role="form-container"] {
    width: 65%;
  }
  .form_block .orangeBlock {
    width: 64%;
    left: 18%;
  }
}

@media (max-width: 490px) {
  .sectionThree .textParagraph {
    margin-top: 20%;
  }

  .contactInfo {
    width: 100%;
  }

  .contactInfo .contactBlock {
    width: 70%;
  }

  .contactInfo .orangeBlock {
    width: 70%;
    left: 14.5%;
  }
  [data-sf-role="form-container"] {
    width: 82%;
  }
  .form_block .orangeBlock {
    width: 76%;
    left: 12%;
  }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .contactInfo {
    width: 100% !important;
  }

  /* your css rules for ipad portrait */
}