.reporting {
  min-width: 330px; }
  .reporting .nav-item-text-7 {
    background-color: rgba(255, 255, 255, 0.19); }
    @media (min-width: 992px) {
      .reporting .nav-item-text-7 {
        border-bottom: solid 1px #1c6897; } }
  .reporting .custom-container {
    padding: 0 20px; }
    @media (min-width: 992px) {
      .reporting .custom-container {
        max-width: 1010px; } }
    @media (min-width: 1281px) {
      .reporting .custom-container {
        max-width: 1262px; } }
  .reporting .reporting-top-sec {
    position: relative;
    padding: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    min-height: 205px; }
    @media (min-width: 992px) {
      .reporting .reporting-top-sec {
        background-image: url(../../images/reporting-header-visuals.png);
        min-height: 260px;
        background-position: right;
        background-repeat: no-repeat;
        background-size: 30%; } }
    @media (min-width: 1281px) {
      .reporting .reporting-top-sec {
        min-height: 308px; } }
    @media (min-width: 992px) {
      .reporting .reporting-top-sec .reporting-breadcrumb-wrapper {
        margin: 26px 0 23px 0; } }
    @media (min-width: 1281px) {
      .reporting .reporting-top-sec .reporting-breadcrumb-wrapper {
        margin: 32px 0 29px 0; } }
    .reporting .reporting-top-sec .reporting-breadcrumb-wrapper .breadcrumb {
      margin: 0; }
    .reporting .reporting-top-sec .reporting-breadcrumb-wrapper .breadcrumb-item {
      color: #1c6897;
      font-size: 1.6rem;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.75;
      letter-spacing: normal; }
    .reporting .reporting-top-sec .right-line {
      position: absolute;
      left: 0;
      right: auto;
      width: 5px;
      height: 100%;
      border-radius: 4px;
      background-color: #1c6897; }
      @media (min-width: 992px) {
        .reporting .reporting-top-sec .right-line {
          width: 11px; } }
    .reporting .reporting-top-sec .top-sec-container {
      width: 100%;
      height: 100%;
      z-index: 2; }
      @media (min-width: 992px) {
        .reporting .reporting-top-sec .top-sec-container {
          padding: 0 20px;
          max-width: 1010px; } }
      @media (min-width: 1281px) {
        .reporting .reporting-top-sec .top-sec-container {
          max-width: 1262px; } }
      .reporting .reporting-top-sec .top-sec-container .reporting-p-sec {
        margin: 16px 0 0 0; }
        @media (min-width: 992px) {
          .reporting .reporting-top-sec .top-sec-container .reporting-p-sec {
            margin: 0; } }
        .reporting .reporting-top-sec .top-sec-container .reporting-p-sec .reporting-icon-wrapper {
          margin: 0 0 7px 0; }
          @media (min-width: 992px) {
            .reporting .reporting-top-sec .top-sec-container .reporting-p-sec .reporting-icon-wrapper {
              margin: 0 24px 0 0; } }
          .reporting .reporting-top-sec .top-sec-container .reporting-p-sec .reporting-icon-wrapper img {
            width: 37px;
            height: 51px;
            -o-object-fit: contain;
               object-fit: contain; }
            @media (min-width: 992px) {
              .reporting .reporting-top-sec .top-sec-container .reporting-p-sec .reporting-icon-wrapper img {
                width: 80px;
                height: 112px; } }
            @media (min-width: 1281px) {
              .reporting .reporting-top-sec .top-sec-container .reporting-p-sec .reporting-icon-wrapper img {
                width: 100px;
                height: 140px; } }
        @media (min-width: 992px) {
          .reporting .reporting-top-sec .top-sec-container .reporting-p-sec .reporting-p-wrapper {
            margin: 10px 0 0 0; } }
        .reporting .reporting-top-sec .top-sec-container .reporting-p-sec .reporting-head {
          font-size: 3rem;
          font-weight: 500;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #1c6897;
          text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
          @media (min-width: 992px) {
            .reporting .reporting-top-sec .top-sec-container .reporting-p-sec .reporting-head {
              margin: 0 0 11px 0;
              font-size: 6.2rem; } }
        .reporting .reporting-top-sec .top-sec-container .reporting-p-sec .reporting-p {
          max-width: 500px;
          font-size: 2rem;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #4e5665;
          text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
          padding: 0;
          margin: 0 0 20px 0; }
          @media (min-width: 992px) {
            .reporting .reporting-top-sec .top-sec-container .reporting-p-sec .reporting-p {
              font-size: 3.2rem;
              margin: 0 0 10px 0;
              max-width: 600px; } }
          @media (min-width: 1281px) {
            .reporting .reporting-top-sec .top-sec-container .reporting-p-sec .reporting-p {
              max-width: 800px; } }
  .reporting .reporting-body {
    height: auto;
    padding: 0; }
    @media (min-width: 992px) {
      .reporting .reporting-body {
        margin: 0 20px 149px;
        padding: 32px 0 0 0; } }
    @media (min-width: 1281px) {
      .reporting .reporting-body {
        padding: 40px 0 0 0; } }
    .reporting .reporting-body .mobile-p {
      font-size: 2rem;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1;
      letter-spacing: normal;
      color: #0a7bb6;
      padding: 0 20px;
      margin: 34px 0 166px 0; }
    .reporting .reporting-body .main-p {
      max-width: 970px;
      font-size: 1.6rem;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.75;
      letter-spacing: normal;
      color: #4e5665;
      margin: 0 0 36px 0;
      padding: 0 40px 0 0; }
      @media (min-width: 1281px) {
        .reporting .reporting-body .main-p {
          max-width: 1222px;
          margin: 0 0 45px 0; } }
    .reporting .reporting-body .reporting-body-wrapper {
      width: 100%;
      background-color: rgba(233, 235, 240, 0.6);
      min-height: 200px;
      padding: 0;
      padding: 0 30px 52px; }
      @media (min-width: 992px) {
        .reporting .reporting-body .reporting-body-wrapper {
          padding: 0 49px 52px;
          max-width: 970px; } }
      @media (min-width: 1281px) {
        .reporting .reporting-body .reporting-body-wrapper {
          max-width: 1222px; } }
  .reporting .buttons-wrapper {
    margin: 39px 0 49px;
    width: 100%; }
    @media (min-width: 992px) {
      .reporting .buttons-wrapper {
        width: auto; } }
  .reporting .reporting-button {
    width: 100%;
    height: auto;
    margin: 0 40px 0 0;
    height: 50px; }
    @media (min-width: 992px) {
      .reporting .reporting-button {
        width: auto; } }
    .reporting .reporting-button:last-child {
      margin: 0; }
    .reporting .reporting-button button {
      height: 100%;
      width: 100%;
      border-radius: 3px;
      background-color: #0a7bb6;
      box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
      font-size: 2rem;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 0.5px;
      text-align: center;
      color: #fff; }
      .reporting .reporting-button button:active, .reporting .reporting-button button:focus {
        background-color: #1c6897;
        color: #0a7bb6;
        border: 0; }
      @media (min-width: 992px) {
        .reporting .reporting-button button {
          width: 180px; } }
  .reporting .inner-iframe {
    background-color: #fff;
    margin: 0;
    border: 0; }
  .reporting .reporting-footer {
    padding: 0; }