@charset "UTF-8";
.educator-spotlight {
  display: flex;
  padding: 229px 0;
  font-family: "GothamHTF-Medium";
  justify-content: space-between; }
  @media (max-width: 1440px) {
    .educator-spotlight {
      padding: 130px 0; } }
  @media (max-width: 991px) {
    .educator-spotlight {
      padding: 65px 0; } }
  @media (max-width: 767px) {
    .educator-spotlight {
      flex-direction: column-reverse; } }
  .educator-spotlight .text {
    max-width: 799px;
    margin: 0 auto;
    padding: 0 65px;
    box-sizing: border-box;
    width: 100%; }
    @media (max-width: 1440px) {
      .educator-spotlight .text {
        width: 55%; } }
    @media (max-width: 991px) {
      .educator-spotlight .text {
        width: 50%;
        padding: 0 40px; } }
    @media (max-width: 767px) {
      .educator-spotlight .text {
        width: 100%;
        padding: 0 23px; } }
    .educator-spotlight .text .title {
      color: #FF8F1C;
      font-size: 25px;
      font-weight: 700;
      font-family: "GothamHTF-Bold";
      letter-spacing: -0.38px;
      line-height: 40px;
      text-transform: uppercase;
      margin-bottom: 20px; }
      @media (max-width: 1440px) {
        .educator-spotlight .text .title {
          font-size: 20px; } }
      @media (max-width: 767px) {
        .educator-spotlight .text .title {
          margin-top: 30px;
          font-size: 17px;
          letter-spacing: -0.26px; } }
    .educator-spotlight .text h2 {
      color: #000000;
      font-size: 50px;
      font-weight: 700;
      font-family: "GothamHTF-Bold";
      letter-spacing: -0.75px;
      line-height: 65px;
      white-space: normal;
      position: relative;
      margin-bottom: 20px; }
      @media (max-width: 1440px) {
        .educator-spotlight .text h2 {
          font-size: 20px;
          line-height: 45px; } }
      @media (max-width: 767px) {
        .educator-spotlight .text h2 {
          padding-left: 20px;
          font-size: 27px;
          line-height: 34px;
          letter-spacing: -0.41px; } }
      .educator-spotlight .text h2:before, .educator-spotlight .text h2:after {
        color: #D1D1D1;
        font-size: 120px;
        font-weight: 900;
        font-family: "GothamHTF-Bold";
        letter-spacing: -1.8px;
        line-height: 65px;
        position: absolute; }
        @media (max-width: 1440px) {
          .educator-spotlight .text h2:before, .educator-spotlight .text h2:after {
            line-height: 47px;
            font-size: 60px; } }
        @media (max-width: 767px) {
          .educator-spotlight .text h2:before, .educator-spotlight .text h2:after {
            line-height: 28px;
            font-size: 25px; } }
      .educator-spotlight .text h2:before {
        content: "“";
        left: -68px;
        top: 15px; }
        @media (max-width: 1440px) {
          .educator-spotlight .text h2:before {
            left: -35px;
            top: unset; } }
        @media (max-width: 767px) {
          .educator-spotlight .text h2:before {
            left: 0;
            top: -10px; } }
      .educator-spotlight .text h2:after {
        content: "”";
        margin-top: 13px; }
        @media (max-width: 1440px) {
          .educator-spotlight .text h2:after {
            margin-top: 2px; } }
        @media (max-width: 767px) {
          .educator-spotlight .text h2:after {
            margin-left: 18px; } }
    .educator-spotlight .text p {
      color: #606060;
      font-size: 20px;
      font-weight: 500;
      letter-spacing: -0.4px;
      line-height: 40px; }
      @media (max-width: 1440px) {
        .educator-spotlight .text p {
          font-size: 15px;
          line-height: 27px; } }
      @media (max-width: 767px) {
        .educator-spotlight .text p {
          line-height: 20px;
          letter-spacing: -0.15px; } }
    .educator-spotlight .text .information {
      color: #8E8E8E;
      font-family: Gotham;
      font-size: 20px;
      font-weight: 500;
      letter-spacing: -0.3px;
      line-height: 28px;
      padding-top: 25px; }
      @media (max-width: 1440px) {
        .educator-spotlight .text .information {
          font-size: 15px; } }
      .educator-spotlight .text .information .author {
        color: #606060;
        font-size: 27px;
        font-weight: 700; }
        @media (max-width: 1440px) {
          .educator-spotlight .text .information .author {
            font-size: 16px; } }
        @media (max-width: 767px) {
          .educator-spotlight .text .information .author {
            font-size: 18px;
            line-height: 20px; } }
      .educator-spotlight .text .information .position, .educator-spotlight .text .information .who {
        font-family: "Gotham - Medium";
        font-weight: 500; }
        @media (max-width: 767px) {
          .educator-spotlight .text .information .position, .educator-spotlight .text .information .who {
            font-size: 18px;
            line-height: 20px;
            color: #606060; } }
      .educator-spotlight .text .information .who {
        font-style: italic; }
    .educator-spotlight .text .full-story {
      margin-top: 72px;
      display: inline-block;
      border: 5px solid #FF8F1C;
      color: #FF8F1C;
      font-size: 30px;
      font-weight: 700;
      font-family: "GothamHTF-Bold";
      letter-spacing: 0.15px;
      line-height: 40px;
      padding: 28px 80px 28px 74px;
      border-radius: 60px;
      text-decoration: none; }
      @media (max-width: 1440px) {
        .educator-spotlight .text .full-story {
          font-size: 17px;
          margin-top: 35px;
          padding: 15px 50px 15px 50px; } }
      @media (max-width: 767px) {
        .educator-spotlight .text .full-story {
          display: table;
          margin: 35px auto 0;
          border: 3px solid #FF8F1C;
          font-size: 18px;
          letter-spacing: 0;
          min-width: 228px;
          padding: 12px 50px;
          text-align: center; } }
  .educator-spotlight .images {
    width: 50%;
    max-width: 1034px;
    position: relative;
    overflow: hidden;
    height: 100%;
    margin: auto 0; }
    @media (max-width: 1440px) {
      .educator-spotlight .images {
        width: 45%; } }
    @media (max-width: 991px) {
      .educator-spotlight .images {
        width: 50%; } }
    @media (max-width: 767px) {
      .educator-spotlight .images {
        width: 100%;
        overflow: hidden;
        line-height: 0; }
        .educator-spotlight .images img {
          max-width: none; } }
    .educator-spotlight .images .fone {
      width: 100%; }
      @media (max-width: 767px) {
        .educator-spotlight .images .fone {
          width: 127%;
          margin-left: -7%; } }
    .educator-spotlight .images .iStock {
      position: absolute;
      left: 7%;
      top: 47%;
      transform: translateY(-50%);
      width: 77%; }
      @media (max-width: 767px) {
        .educator-spotlight .images .iStock {
          left: 3%;
          width: 99%; } }
    .educator-spotlight .images .ellipse {
      position: absolute;
      left: 4%;
      top: 48%;
      transform: translateY(-49%);
      width: 82%; }
      @media (max-width: 767px) {
        .educator-spotlight .images .ellipse {
          left: -.5%;
          width: 105%; } }