#left-blue-box {padding: 30px;}

.blockquote-grey-bg {padding: 30px;}

.blockquote-grey-bg .blockquote {
  font-size: 23px; 
  font-weight: 400; 
  line-height: 1.4;
}

.blockquote-grey-bg .blockquote__footer {
  text-align: right;
  color: #ea3675 !important;
  font-size: 20px;

}

@media screen and (max-width: 768px) {
  .blockquote-grey-bg .blockquote {
    font-size: 19px !important;
  }

  .blockquote-grey-bg .blockquote__footer {
    font-size: auto !important;
  }

  #left-blue-box {padding: 20px;}

  .blockquote-grey-bg {padding: 20px;}

  .drop-shadow-background-box .vertically-centred-content h2 {
    font-size: 1.4em;
    line-height: 1.2em;
  }

  .sys_threeColumns_206020 .sys_one, .sys_threeColumns_206020 .sys_three {display: none;}

  .sys_threeColumns_206020 .sys_two {width: 100% !important;}

  .sys_threeColumns_206020 .sys_two h2 {
    font-size: 1.6em;
    line-height: 1.2em;
  }
    
}

#right-dropshadow-box{
  padding-left: 10%;
  padding-right: 10%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.container-blue-bg a {text-decoration: none;}

/* blockquote::before {
    position: absolute;
    top: 14px;
    left: 2px;
    width: 70px !important;
    height: 54px !important;
    background: transparent url("/PGStudy/Courses/TEST-Applied-English/images/icon-quote-pink.svg") no-repeat 0 0 !important;
    background-size: 20px; 
} */

/* //background: rgb(0 0 0 / 20%) url(/PGStudy/Courses/TEST-Applied-English/images/icon-quote-pink.svg) no-repeat 0 0 !important; */

/* form wrapper to set the height */
.form-wrapper {
  height: 920px;
}
@media screen and (max-width: 768px) {
  .form-wrapper {
  height: 950px;
}
}