.introBlock {
  display: flex;
  margin-top: 10%;
  justify-content: center;
}

.introBlock .content.ffblocks {
  z-index: 1;
  width: 40%;
}
.introBlock .content.ffblocks p a {
  color: white;
  font-weight: 600;
}
.introBlock .content.ffblocks p a:hover {
  color: #241f59;
}

.introBlock .introScroll {
  color: white;
  background-color: #241f59;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin: 0px auto;
  border-radius: 50%;
  cursor: pointer;
}
.yellowBg {
  background-image: linear-gradient(125deg, #f1a93d, #eb9025);
}

.pinkBg {
  background-image: linear-gradient(125deg, #ff7372, #ff5757);
}

.OrangeBg {
  background-image: linear-gradient(125deg, #fa8751, #f96733);
}

.imageoneBg {
  background-image: url(/cisiweb2/image/futurefoundation/stockImages/students8.jpeg);
  background-size: cover;
  height: 100vh;
  text-align: center;
  clip-path: polygon(100% 10%, 100% 70%, 0 85%, 0 24%);
  margin-top: -16%;
}
.numbBlocks {
  margin-top: 6%;
}
.numbBlocks .rowOne {
  display: flex;
  margin-bottom: 30px;
  align-items: center;
}

.rowOne span {
  color: white;
  font-size: 20px;
  background-color: orange;
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  /* margin-bottom: 20px; */
}

.rowOne p {
  padding-left: 70px;
  margin: 0;
  width: 88%;
  text-align: left;
}

.sectionOne {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -5%;
  text-align: center;
  /* display: none; */
}
.messageBox .msgTxtBlock .msgTxt h2 {
  color: #4f499f !important;
}
.messageBox .msgTxtBlock .msgTxt p {
  font-size: 20px;
}
.sectionOne .bulettinBlocks .textParagraph {
  display: block;
}
.sectionOne .textParagraph {
  display: none;
}

.btn.btn-primary.pdf {
  background-image: linear-gradient(125deg, #ff7372, #ff5757);
  border-color: #ff5757;
}

.btn.btn-primary.video {
  background-image: linear-gradient(125deg, #f1a93d, #eb9025);
  border-color: #eb9025;
}

.sectionTwo {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10%;
  display: none;
}

.sectionTwo .textBlock p {
  text-align: left;
}

.sectionTwo .orangeBlock {
  width: 68%;
  background-image: linear-gradient(125deg, #fa8751, #f96733);
  border-radius: 20px;
  height: 100%;
  position: absolute;
  left: 7%;
  z-index: -1;
  transform: rotate(6deg);
}

.sectionTwo .videoBlock {
  padding-left: 40px;
}

.sectionTwo .videoBlock iframe {
  border-radius: 20px;
}

.sectionTwo .row {
  display: flex;
  align-items: center;
}

.imagetwoBg {
  background-image: url(/cisiweb2/image/futurefoundation/stockImages/students7.jpeg);
  background-size: cover;
  height: 100vh;
  text-align: center;
  clip-path: polygon(100% 16%, 100% 76%, 0 91%, 0 30%);
  margin-top: -2%;
  display: none;
}

.sectionThree {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10%;
  /* display: none; */
}

.sectionThree .tableContent {
  margin-top: 5%;
  position: relative;
  display: none;
}

.sectionThree .tableContent .whiteBlock {
  width: 102%;
  background-color: white;
  border-radius: 12px;
  height: 96%;
  position: absolute;
  top: 2px;
  left: -13px;
  top: 8%;
  z-index: -1;
}

table {
  font-family: arial, sans-serif;
  width: 100%;
  color: #dddddd;
  border-collapse: separate;
  border-spacing: 0 5px;
}

tbody tr th {
  background-color: #f97640 !important;
  color: white;
}

td,
th {
  text-align: left;
  padding: 8px;
  color: #5650a1;
  border-bottom: 3px solid white;
}

tr:nth-child(even) {
  background-color: #edede1;
}

tr:nth-child(odd) {
  background-color: #e3e4d6;
}

tbody tr td:first-child,
tbody tr th:first-child {
  border-top-left-radius: 11px;
  border-bottom-left-radius: 11px;
}

tbody tr td:nth-child(3),
tbody tr th:nth-child(3) {
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
}

.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: 110px 0px;
}
button[type="submit"] {
  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,
.messageBox .msgTxtBlock .msgTxt h2 {
  color: black;
}

@media (max-width: 1600px) {
  .sectionThree .tableContent .whiteBlock {
    width: 103%;
  }

  .sectionTwo .orangeBlock {
    width: 87%;
  }
}

@media (max-width: 1400px) {
  .sectionTwo .orangeBlock {
    width: 96%;
    left: 10%;
  }
}

@media (max-width: 1300px) {
  .sectionTwo .orangeBlock {
    width: 101%;
  }
}

@media (max-width: 1190px) {
  .sectionTwo .row {
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .sectionTwo .videoBlock {
    padding-left: 0px;
    margin-top: 15%;
  }

  .sectionTwo .orangeBlock {
    width: 110%;
    height: 80%;
    left: 3%;
    top: 16%;
  }
}

@media (max-width: 1100px) {
  .introBlock {
    margin-top: 15%;
  }

  .introBlock .content.ffblocks {
    width: 50%;
  }

  .imageoneBg {
    height: 50vh;
    margin-top: -22%;
  }

  .sectionThree {
    width: 80%;
  }

  .sectionOne {
    width: 80%;
  }

  .sectionTwo {
    width: 100%;
  }

  .sectionTwo .row {
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .sectionTwo .videoBlock {
    padding-left: 0px;
    margin-top: 15%;
  }

  .sectionTwo .orangeBlock {
    width: 100%;
    height: 84%;
    left: 3%;
    top: 16%;
  }

  .sectionThree .tableContent .whiteBlock {
    width: 103%;
  }

  .sectionTwo .textBlock p {
    text-align: center;
  }
  [data-sf-role="form-container"] {
    width: 65%;
  }
  .form_block .orangeBlock {
    width: 63%;
    left: 19.5%;
  }
}

@media (max-width: 830px) {
  .introBlock .content.ffblocks {
    width: 65%;
  }

  .introBlock {
    margin-top: 19%;
  }

  .sectionTwo {
    width: 80%;
  }

  .sectionTwo .orangeBlock {
    width: 96%;
    height: 84%;
    left: 2%;
    top: 16%;
  }

  .sectionThree .tableContent .whiteBlock {
    width: 104%;
  }
}

@media (max-width: 490px) {
  .rowOne span {
    width: 80px;
    height: 80px;
  }

  .rowOne p {
    padding-left: 30px;
    width: 90%;
    font-size: 17px;
  }
  .introBlock {
    margin-top: 35%;
  }

  .introBlock .content.ffblocks {
    width: 80%;
    padding: 20px 20px;
  }

  .imageoneBg {
    height: 65vh;
    margin-top: -30%;
    clip-path: polygon(100% 6%, 100% 66%, 0 81%, 0 20%);
  }

  .sectionTwo .orangeBlock {
    top: 13%;
  }

  .sectionTwo .videoBlock iframe {
    width: 310px;
  }

  .sectionThree .tableContent .whiteBlock {
    width: 108%;
  }
  [data-sf-role="form-container"] {
    width: 82%;
  }
  .form_block .orangeBlock {
    width: 76%;
    left: 13%;
  }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  .imagetwoBg {
    height: 50vh;
  }

  /* ipadpro portrait */
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .imagetwoBg {
    background-image: url(/cisiweb2/image/futurefoundation/stockImages/students7.jpeg);
    background-size: cover;
    height: 50vh;
  }

  /* your css rules for ipad portrait */
}