/* Custom 03 - Image and Content Highlight Card */
#custom-03-ID {
  .content-Box-card div:first-child {
    border: none;
    @media screen and (min-width: 1200px) {
      background-color: inherit;
      padding: 0;
    }
    & div:first-child {
      padding: 0;
      .custom-03 {
        text-align: left;
        background-color: #ffffff;
        border-radius: 4px;
        @media screen and (max-width: 1199px) {
          max-width: 85% !important;
          margin: 8px 0 !important;
        }
        @media screen and (min-width: 1200px) {
          max-width: 828px;
          padding: 24px;
        }
        .countboxborder {
          border: 1px solid #efefed;
          border-radius: 4px;
          text-align: center;
          margin: 16px auto;
          @media screen and (max-width: 1199px) {
            padding: 24px 16px;
          }
          @media screen and (min-width: 1200px) {
            margin: 32px auto;
            padding: 40px 0;
          }
          .gsk-hidden-small {
            @media screen and (max-width: 1199px) {
              display: none;
            }
          }
          .gsk-hidden-large {
            @media screen and (min-width: 1200px) {
              display: none;
            }
            .component-content {
              line-height: 100%;
              img {
                width: 100%;
              }
            }
          }
        }
        .box {
          .footnote {
            font-size: 12px;
            line-height: 16px;
            font-family: "Proxima Nova W01 Regular";
            @media screen and (min-width: 1200px) {
              width: auto;
              margin: 0 !important;
            }
          }
        }
      }
    }
  }
}