/* Begin ielts testimonial page */
.testimonial-page {
  overflow: hidden; }
  .testimonial-page .iot-pagination {
    margin: 36px 0; }
    @media (max-width: 767px) {
      .testimonial-page .iot-pagination {
        margin: 20px 0; } }
  .testimonial-page .hero {
    text-align: center;
    position: relative; }
    .testimonial-page .hero .container {
      position: relative;
      padding: 35rem 0 8.8rem; }
      @media (max-width: 767px) {
        .testimonial-page .hero .container {
          padding: 23rem 0 4rem; } }
    .testimonial-page .hero__avatar-wrapper {
      position: absolute;
      width: 100%;
      height: 0;
      left: 0;
      right: 0;
      top: 0;
      z-index: 9; }
    .testimonial-page .hero__avatar-item {
      position: absolute;
      border-radius: 50%; }
      .testimonial-page .hero__avatar-item:nth-child(1) {
        width: 8rem;
        height: 8rem;
        top: 22.3rem;
        left: 50%; }
        @media (max-width: 767px) {
          .testimonial-page .hero__avatar-item:nth-child(1) {
            display: none; } }
      .testimonial-page .hero__avatar-item:nth-child(2) {
        width: 12rem;
        height: 12rem;
        top: 11.3rem;
        left: 32%; }
      .testimonial-page .hero__avatar-item:nth-child(3) {
        width: 12rem;
        height: 12rem;
        top: 38.8rem;
        left: -37%; }
      .testimonial-page .hero__avatar-item:nth-child(4) {
        width: 6rem;
        height: 6rem;
        top: 8.8rem;
        left: 16%; }
        @media (max-width: 767px) {
          .testimonial-page .hero__avatar-item:nth-child(4) {
            left: 7%; } }
      .testimonial-page .hero__avatar-item:nth-child(5) {
        width: 6rem;
        height: 6rem;
        top: 9rem;
        right: 13%; }
        @media (max-width: 767px) {
          .testimonial-page .hero__avatar-item:nth-child(5) {
            top: 3rem; } }
      .testimonial-page .hero__avatar-item:nth-child(6) {
        width: 10rem;
        height: 10rem;
        top: 23.2rem;
        left: 16%; }
        @media (max-width: 767px) {
          .testimonial-page .hero__avatar-item:nth-child(6) {
            display: none; } }
      .testimonial-page .hero__avatar-item:nth-child(7) {
        width: 9.6rem;
        height: 9.6rem;
        top: 13rem;
        right: -6%; }
      .testimonial-page .hero__avatar-item:nth-child(8) {
        width: 8rem;
        height: 8rem;
        top: 33.8rem;
        left: 1%; }
        @media (max-width: 767px) {
          .testimonial-page .hero__avatar-item:nth-child(8) {
            display: none; } }
      .testimonial-page .hero__avatar-item:nth-child(9) {
        width: 8rem;
        height: 8rem;
        top: 32.4rem;
        right: 4%; }
        @media (max-width: 767px) {
          .testimonial-page .hero__avatar-item:nth-child(9) {
            top: 26rem;
            right: -2%; } }
      .testimonial-page .hero__avatar-item:nth-child(10) {
        width: 10rem;
        height: 10rem;
        top: 17rem;
        left: -2%; }
      .testimonial-page .hero__avatar-item:nth-child(11) {
        width: 9.6rem;
        height: 9.6rem;
        top: 55rem;
        right: -22%; }
      .testimonial-page .hero__avatar-item:nth-child(12) {
        width: 10rem;
        height: 10rem;
        top: 42rem;
        right: -37%; }
      .testimonial-page .hero__avatar-item:nth-child(13) {
        width: 8rem;
        height: 8rem;
        top: 8.3rem;
        left: 60%; }
        @media (max-width: 767px) {
          .testimonial-page .hero__avatar-item:nth-child(13) {
            top: 0.3rem;
            left: 36%; } }
      .testimonial-page .hero__avatar-item:nth-child(14) {
        width: 12rem;
        height: 12rem;
        top: 72.3rem;
        left: -41%; }
        @media (max-width: 767px) {
          .testimonial-page .hero__avatar-item:nth-child(14) {
            display: none; } }
      .testimonial-page .hero__avatar-item:nth-child(15) {
        width: 12rem;
        height: 12rem;
        top: 21rem;
        left: 70%; }
        @media (max-width: 767px) {
          .testimonial-page .hero__avatar-item:nth-child(15) {
            display: none; } }
      .testimonial-page .hero__avatar-item:nth-child(16) {
        width: 10rem;
        height: 10rem;
        top: 56.8rem;
        left: -4%; }
        @media (max-width: 767px) {
          .testimonial-page .hero__avatar-item:nth-child(16) {
            display: none; } }
      .testimonial-page .hero__avatar-item:nth-child(17) {
        width: 12rem;
        height: 12rem;
        top: 30rem;
        right: -21rem; }
      .testimonial-page .hero__avatar-item:nth-child(18) {
        width: 10rem;
        height: 10rem;
        top: 58.2rem;
        left: -25%; }
      .testimonial-page .hero__avatar-item:nth-child(19) {
        width: 9.6rem;
        height: 9.6rem;
        top: 9rem;
        right: -23%; }
      .testimonial-page .hero__avatar-item:nth-child(20) {
        width: 12rem;
        height: 12rem;
        top: 36.8rem;
        left: -19%; }
        @media (max-width: 767px) {
          .testimonial-page .hero__avatar-item:nth-child(20) {
            top: 31.8rem;
            left: -24%; } }
      .testimonial-page .hero__avatar-item:nth-child(21) {
        width: 12rem;
        height: 12rem;
        top: 52.6rem;
        right: -3%; }
        @media (max-width: 767px) {
          .testimonial-page .hero__avatar-item:nth-child(21) {
            display: none; } }
      .testimonial-page .hero__avatar-item:nth-child(22) {
        width: 9.6rem;
        height: 9.6rem;
        top: 17rem;
        left: -21%; }
        @media (max-width: 767px) {
          .testimonial-page .hero__avatar-item:nth-child(22) {
            display: none; } }
      .testimonial-page .hero__avatar-item:nth-child(23) {
        width: 9.6rem;
        height: 9.6rem;
        top: 72rem;
        right: -38%; }
      .testimonial-page .hero__avatar-item:nth-child(24) {
        width: 8rem;
        height: 8rem;
        top: 24rem;
        right: -32%; }
      .testimonial-page .hero__avatar-item .tooltip-inner {
        min-width: 260px;
        padding: 16px;
        box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.19);
        background-color: #f0f3f8;
        color: #284664;
        font-size: 16px;
        line-height: 1.25;
        letter-spacing: 0.2px; }
        @media (max-width: 767px) {
          .testimonial-page .hero__avatar-item .tooltip-inner {
            font-size: 14px;
            padding: 15px; } }
      .testimonial-page .hero__avatar-item .tooltip {
        padding: 32px 0; }
        .testimonial-page .hero__avatar-item .tooltip.top .tooltip-arrow {
          border-bottom-color: transparent;
          border-left-color: #f0f3f8; }
      .testimonial-page .hero__avatar-item .tooltip-arrow {
        border-width: 0 0 32px 20px;
        border-bottom-color: #f0f3f8; }
    .testimonial-page .hero__avatar-img {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      box-shadow: 0px 1px 25px 6px rgba(118, 118, 118, 0.35); }
    .testimonial-page .hero__title {
      font-size: 48px;
      font-weight: bold;
      margin-bottom: 20px;
      letter-spacing: 0.55px;
      line-height: 1.15;
      color: #284664; }
      @media (min-width: 768px) and (max-width: 991px) {
        .testimonial-page .hero__title {
          font-size: 36px; } }
    .testimonial-page .hero__caption {
      font-size: 20px;
      font-weight: 900;
      line-height: 1.7;
      letter-spacing: 0.35px;
      color: #284664;
      max-width: 1116px;
      margin: 0 auto; }
      @media (max-width: 767px) {
        .testimonial-page .hero__caption {
          padding: 0 15px;
          font-size: 18px; } }
  .testimonial-page .testimonial {
    margin-top: 8rem; }
    @media (max-width: 767px) {
      .testimonial-page .testimonial {
        margin-top: 4rem; } }
    .testimonial-page .testimonial__wrapper {
      --spacing: 20px;
      --columns: 3;
      display: flex;
      flex-wrap: wrap;
      margin-left: calc(-1 * var(--spacing)); }
      @media (max-width: 767px) {
        .testimonial-page .testimonial__wrapper {
          --spacing: 0;
          --columns: 1;
          margin-bottom: 3rem; } }
    .testimonial-page .testimonial__col {
      display: flex;
      flex-direction: column;
      width: calc(calc(100% / var(--columns)) - var(--spacing));
      margin-left: var(--spacing); }
      @media (max-width: 767px) {
        .testimonial-page .testimonial__col {
          width: 100%; } }
  .testimonial-page .testimonial-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 6rem; }
    @media (max-width: 767px) {
      .testimonial-page .testimonial-item {
        margin-bottom: 3rem; } }
    .testimonial-page .testimonial-item__content {
      border-radius: 80px;
      background-color: #eaf3f7;
      padding: 20% 8%;
      font-size: 16px;
      line-height: 1.5;
      color: #282828;
      position: relative; }
      @media (max-width: 767px) {
        .testimonial-page .testimonial-item__content {
          padding: 10% 8%; } }
      .testimonial-page .testimonial-item__content:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 72px;
        width: 0;
        height: 0;
        border-left: 26px solid transparent;
        border-right: 26px solid transparent;
        border-top: 23px solid #eaf3f7; }
    .testimonial-page .testimonial-item__user-avatar {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      margin-right: 30px;
      border: 1px solid #ececec; }
    .testimonial-page .testimonial-item__flag-img {
      width: 25px; }
    .testimonial-page .testimonial-item__user {
      display: flex;
      margin-top: 27px;
      padding-left: 49px; }
    .testimonial-page .testimonial-item__user-name {
      margin: 0 0 10px;
      text-transform: uppercase;
      font-size: 20px;
      font-weight: bold;
      letter-spacing: 0.25px;
      color: #284664;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      word-break: break-word; }
    .testimonial-page .testimonial-item__flag {
      display: flex;
      align-items: center; }
    .testimonial-page .testimonial-item__flag-img {
      margin-right: 9px; }
    .testimonial-page .testimonial-item__country {
      font-size: 16px;
      font-style: italic;
      line-height: 1.5;
      color: #282828; }
  .testimonial-page .feedback {
    background-color: #f7f7f7;
    padding-bottom: 2rem;
    position: relative; }
    .testimonial-page .feedback .container {
      position: relative;
      z-index: 6; }
    .testimonial-page .feedback:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1;
      background: url(../../images/testimonial-page/students-bg-top.webp);
      background-size: cover; }
    .testimonial-page .feedback:after {
      background-image: radial-gradient(#32b3c7, transparent);
      z-index: 2;
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .testimonial-page .feedback__title {
      font-size: 32px;
      font-weight: bold;
      line-height: 1.2;
      letter-spacing: 2.16px;
      margin: 4rem 0;
      text-align: center;
      color: #fff; }
    .testimonial-page .feedback__form {
      max-width: 568px;
      margin: 0 auto; }
    .testimonial-page .feedback__bt-wrap {
      max-width: 404px;
      width: 100%;
      margin-left: auto; }
    .testimonial-page .feedback__bt {
      display: block;
      max-width: 200px;
      margin: 4rem auto 6rem;
      height: 40px;
      font-size: 14px;
      line-height: 40px; }
    .testimonial-page .feedback__background {
      position: absolute;
      height: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      background: url(../../images/testimonial-page/students-bg.webp) repeat-x;
      background-size: contain;
      background-position: 0 0;
      overflow: hidden;
      display: block;
      width: 400%;
      animation: animationSlide 500s linear infinite;
      animation-direction: reverse; }
  .testimonial-page .feedback-item {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .testimonial-page .feedback-item {
        flex-wrap: wrap; } }
    .testimonial-page .feedback-item__custom-file {
      position: relative;
      display: inline-block;
      margin-bottom: 0;
      width: 100%;
      max-width: 404px;
      line-height: 0; }
      @media (max-width: 767px) {
        .testimonial-page .feedback-item__custom-file {
          width: 100%; } }
      .testimonial-page .feedback-item__custom-file input {
        visibility: hidden;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        overflow: hidden; }
    .testimonial-page .feedback-item__custom-file-label {
      font-size: 14px;
      position: relative;
      width: 100%;
      height: 40px;
      padding: 0 72px 0 12px;
      line-height: 40px;
      color: #495057;
      background-color: #fff;
      border: 1px solid #979797;
      border-radius: 4px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin: 0; }
      .testimonial-page .feedback-item__custom-file-label:hover:after {
        background-color: #ececec; }
      .testimonial-page .feedback-item__custom-file-label:after {
        position: absolute;
        cursor: pointer;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: 100%;
        padding: 0 0.75rem;
        line-height: 40px;
        color: #495057;
        content: attr(data-label);
        background-color: #e5e5e5;
        border-left: 1px solid #ced4da;
        border-radius: 0 4px 4px 0;
        -moz-transition: all ease 0.2s;
        -o-transition: all ease 0.2s;
        -webkit-transition: all ease 0.2s;
        transition: all ease 0.2s; }
    .testimonial-page .feedback-item__label {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.5;
      letter-spacing: 0.2px;
      text-align: center;
      color: #fff; }
    .testimonial-page .feedback-item__input-wrap {
      width: 100%;
      max-width: 404px; }
    .testimonial-page .feedback-item__input-note {
      color: #ececec;
      font-size: 12px;
      margin-top: 3px;
      font-style: italic; }
    .testimonial-page .feedback-item__input {
      max-width: 404px;
      box-shadow: none;
      border: solid 1px #979797;
      height: 40px; }
      @media (max-width: 767px) {
        .testimonial-page .feedback-item__input {
          max-width: initial; } }
    .testimonial-page .feedback-item__experience {
      max-width: 404px;
      width: 100%; }
      @media (max-width: 767px) {
        .testimonial-page .feedback-item__experience {
          max-width: initial; } }
    .testimonial-page .feedback-item__icons {
      display: flex;
      justify-content: space-between;
      position: relative; }
    .testimonial-page .feedback-item div.iot-opselect {
      width: 100% !important;
      max-width: 404px; }
      @media (max-width: 767px) {
        .testimonial-page .feedback-item div.iot-opselect {
          max-width: initial; } }
      .testimonial-page .feedback-item div.iot-opselect .dropdown-toggle {
        border: solid 1px #979797 !important; }
    .testimonial-page .feedback-item .cb-label {
      font-size: 14px;
      color: #fff; }
    .testimonial-page .feedback-item .iot-cbx {
      margin-top: 10px; }
      .testimonial-page .feedback-item .iot-cbx input:checked ~ .cb-label {
        color: #fff;
        font-weight: normal; }
      .testimonial-page .feedback-item .iot-cbx input:checked ~ .checkmark {
        border: 1px solid #ffffff; }
  .testimonial-page .feedback-icon {
    width: 53px;
    height: 39px;
    background: url(../../images/testimonial-page/icon-smile-disabled-1.svg) center no-repeat;
    background-size: contain;
    cursor: pointer; }
    .testimonial-page .feedback-icon.-type-1 {
      background-image: url(../../images/testimonial-page/icon-smile-disabled-1.svg); }
      .testimonial-page .feedback-icon.-type-1.-active {
        background-image: url(../../images/testimonial-page/icon-smile-1.svg); }
    .testimonial-page .feedback-icon.-type-2 {
      background-image: url(../../images/testimonial-page/icon-smile-disabled-2.svg); }
      .testimonial-page .feedback-icon.-type-2.-active {
        background-image: url(../../images/testimonial-page/icon-smile-2.svg); }
    .testimonial-page .feedback-icon.-type-3 {
      background-image: url(../../images/testimonial-page/icon-smile-disabled-3.svg); }
      .testimonial-page .feedback-icon.-type-3.-active {
        background-image: url(../../images/testimonial-page/icon-smile-3.svg); }
    .testimonial-page .feedback-icon.-type-4 {
      background-image: url(../../images/testimonial-page/icon-smile-disabled-4.svg); }
      .testimonial-page .feedback-icon.-type-4.-active {
        background-image: url(../../images/testimonial-page/icon-smile-4.svg); }
    .testimonial-page .feedback-icon.-type-5 {
      background-image: url(../../images/testimonial-page/icon-smile-disabled-5.svg); }
      .testimonial-page .feedback-icon.-type-5.-active {
        background-image: url(../../images/testimonial-page/icon-smile-5.svg); }
  .testimonial-page .triangle-arrow {
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    left: 202.5px; }
  .testimonial-page .experience-box {
    position: relative;
    border: solid 1px #969696;
    border-radius: 4px;
    margin-top: 20px; }
    .testimonial-page .experience-box__text-area {
      border: none;
      box-shadow: none;
      border-radius: 4px 4px 0 0;
      resize: vertical; }
  .testimonial-page .upload-box {
    position: relative;
    background-color: #F1F1F1;
    padding: 10px 15px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 0 0 4px 4px; }
    .testimonial-page .upload-box__input-file {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      overflow: hidden; }
    .testimonial-page .upload-box__label {
      border: solid 1px #979797;
      background-color: #fff;
      font-size: 14px;
      color: #000;
      padding: 4px 8px;
      border-radius: 4px;
      width: 100%;
      display: flex;
      position: relative; }
    .testimonial-page .upload-box .fa-upload {
      position: absolute;
      height: 100%;
      width: 50px;
      border-radius: 0;
      top: 0;
      right: 0;
      background-color: #284664;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 22px; }
    .testimonial-page .upload-box__note {
      font-size: 12px;
      line-height: 1.2;
      color: #b40000;
      width: 100%; }
    .testimonial-page .upload-box__file-name {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      line-height: 16px;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      display: block;
      margin: 1rem 0; }

@keyframes animationSlide {
  0% {
    background-position: 0 0; }
  to {
    background-position: 100% 0; } }

/* End ielts testimonial page */

/*# sourceMappingURL=testimonial-page.css.map */