.sapakim {
  min-width: 330px; }
  .sapakim .custom-container {
    padding: 0 20px; }
  .sapakim .nav-item-text-6 {
    background-color: rgba(255, 255, 255, 0.19); }
    @media (min-width: 992px) {
      .sapakim .nav-item-text-6 {
        border-bottom: solid 1px #1c6897; } }
  .sapakim .sapakim-top-sec {
    position: relative;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
    margin: 0 0 5px 0;
    min-height: 205px; }
    @media (min-width: 992px) {
      .sapakim .sapakim-top-sec {
        background-image: url(../../images/sapakim-header-visuals.png);
        height: auto;
        min-height: 260px;
        margin: 0 0 42px 0;
        background-position: right;
        background-repeat: no-repeat;
        background-size: 30%; } }
    @media (min-width: 1281px) {
      .sapakim .sapakim-top-sec {
        min-height: 308px;
        margin: 0 0 53px 0; } }
    .sapakim .sapakim-top-sec .right-line {
      position: absolute;
      left: 0;
      right: auto;
      top: 0;
      width: 5px;
      height: 100%;
      border-radius: 0 4px 4px 0;
      background-color: #6266a6; }
      @media (min-width: 992px) {
        .sapakim .sapakim-top-sec .right-line {
          width: 11px; } }
    .sapakim .sapakim-top-sec .top-sec-container {
      width: 100%;
      padding: 0 20px;
      height: auto;
      position: relative; }
      @media (min-width: 992px) {
        .sapakim .sapakim-top-sec .top-sec-container {
          max-width: 1010px; } }
      @media (min-width: 1281px) {
        .sapakim .sapakim-top-sec .top-sec-container {
          max-width: 1262px; } }
      @media (min-width: 992px) {
        .sapakim .sapakim-top-sec .top-sec-container .sapakim-breadcrumb-wrapper {
          margin: 26px 0 23px 0; } }
      @media (min-width: 1281px) {
        .sapakim .sapakim-top-sec .top-sec-container .sapakim-breadcrumb-wrapper {
          margin: 32px 0 29px 0; } }
      .sapakim .sapakim-top-sec .top-sec-container .sapakim-breadcrumb-wrapper .breadcrumb {
        margin: 0; }
      .sapakim .sapakim-top-sec .top-sec-container .sapakim-breadcrumb-wrapper .breadcrumb-item {
        color: #6266a6;
        font-size: 1.6rem;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.75;
        letter-spacing: normal; }
      .sapakim .sapakim-top-sec .top-sec-container .sapakim-p-sec {
        margin: 20px 0 0 0; }
        @media (min-width: 992px) {
          .sapakim .sapakim-top-sec .top-sec-container .sapakim-p-sec {
            margin: 0 0 23px 0;
            padding: 0; } }
        @media (min-width: 992px) {
          .sapakim .sapakim-top-sec .top-sec-container .sapakim-p-sec .sapakim-p-container {
            position: relative; } }
        .sapakim .sapakim-top-sec .top-sec-container .sapakim-p-sec .sapakim-p-wrapper {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          margin: 0; }
        @media (min-width: 992px) {
          .sapakim .sapakim-top-sec .top-sec-container .sapakim-p-sec .sapakim-icon-wrapper {
            margin: 0 24px 0 0; } }
        .sapakim .sapakim-top-sec .top-sec-container .sapakim-p-sec .sapakim-top-icon {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
          width: 47px;
          height: 47px;
          margin: 0 0 6px 0; }
          @media (min-width: 992px) {
            .sapakim .sapakim-top-sec .top-sec-container .sapakim-p-sec .sapakim-top-icon {
              width: 93px;
              height: 93px;
              margin: 0;
              margin-top: 15px; } }
          @media (min-width: 992px) {
            .sapakim .sapakim-top-sec .top-sec-container .sapakim-p-sec .sapakim-top-icon {
              width: 116px;
              height: 116px; } }
        .sapakim .sapakim-top-sec .top-sec-container .sapakim-p-sec .sapakim-head {
          font-size: 3rem;
          font-weight: 500;
          font-style: normal;
          font-stretch: normal;
          line-height: 0.83;
          letter-spacing: normal;
          color: #6266a6; }
          @media (min-width: 992px) {
            .sapakim .sapakim-top-sec .top-sec-container .sapakim-p-sec .sapakim-head {
              font-size: 6.2rem;
              font-weight: 500;
              line-height: normal;
              margin: 0 0 3px 0; } }
        .sapakim .sapakim-top-sec .top-sec-container .sapakim-p-sec .sapakim-top-p {
          font-size: 1.6rem;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.25;
          letter-spacing: normal;
          color: #4e5665;
          margin: 0 40px 0 0;
          max-width: 500px; }
          @media (min-width: 992px) {
            .sapakim .sapakim-top-sec .top-sec-container .sapakim-p-sec .sapakim-top-p {
              font-size: 3rem;
              line-height: normal;
              letter-spacing: normal;
              margin: 0;
              max-width: 600px; } }
          @media (min-width: 1281px) {
            .sapakim .sapakim-top-sec .top-sec-container .sapakim-p-sec .sapakim-top-p {
              max-width: 750px; } }
  .sapakim .sapakim-body {
    margin: 0 0 70px 0;
    padding: 0;
    position: relative; }
    @media (min-width: 992px) {
      .sapakim .sapakim-body {
        padding: 0 20px 0;
        margin: 0px auto 158px; } }
    @media (min-width: 1281px) {
      .sapakim .sapakim-body {
        margin: 0px auto 198px; } }
    .sapakim .sapakim-body .sapakim-body-top-sec {
      margin: 21px 0 40px 0; }
      @media (min-width: 992px) {
        .sapakim .sapakim-body .sapakim-body-top-sec {
          margin: 0 0 49px 0;
          padding: 0; } }
      @media (min-width: 1281px) {
        .sapakim .sapakim-body .sapakim-body-top-sec {
          margin: 0 0 61px 0; } }
      .sapakim .sapakim-body .sapakim-body-top-sec h2 {
        font-size: 2rem;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: normal;
        color: #4e5665; }
        @media (min-width: 992px) {
          .sapakim .sapakim-body .sapakim-body-top-sec h2 {
            line-height: 2.7; } }
      .sapakim .sapakim-body .sapakim-body-top-sec p {
        font-size: 1.6rem;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #4e5665;
        margin: 0; }
        @media (min-width: 992px) {
          .sapakim .sapakim-body .sapakim-body-top-sec p {
            line-height: 1.75; } }
      .sapakim .sapakim-body .sapakim-body-top-sec .contact-us-button {
        border-radius: 3px;
        background-color: #0a7bb6;
        box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
        height: 50px;
        width: 100%;
        margin: 38px 0 0 0;
        font-size: 2rem;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.5px;
        text-align: center;
        color: #fff; }
        @media (min-width: 992px) {
          .sapakim .sapakim-body .sapakim-body-top-sec .contact-us-button {
            width: 180px;
            margin: 21px 0 0 0; } }
        .sapakim .sapakim-body .sapakim-body-top-sec .contact-us-button:active, .sapakim .sapakim-body .sapakim-body-top-sec .contact-us-button:focus {
          background-color: #1c6897;
          color: #0a7bb6;
          border: 0; }
    .sapakim .sapakim-body .cards-wrapper {
      width: 100%; }
      .sapakim .sapakim-body .cards-wrapper .supplier:first-child {
        border-top: solid 1px rgba(78, 86, 101, 0.2); }
        @media (min-width: 992px) {
          .sapakim .sapakim-body .cards-wrapper .supplier:first-child {
            border-top: 0; } }
    .sapakim .sapakim-body .card {
      border: 0;
      width: 100%;
      padding: 0; }
    .sapakim .sapakim-body .supplier .card-header, .sapakim .sapakim-body .supplier .sub-card-header {
      background-color: #fff;
      padding: 0 20px;
      height: 59px;
      border-bottom: solid 1px rgba(78, 86, 101, 0.2); }
      @media (min-width: 992px) {
        .sapakim .sapakim-body .supplier .card-header, .sapakim .sapakim-body .supplier .sub-card-header {
          padding: 0 0 0 14px;
          margin: 0;
          height: 65px; } }
      .sapakim .sapakim-body .supplier .card-header .collapse-arrow, .sapakim .sapakim-body .supplier .sub-card-header .collapse-arrow {
        width: 14px;
        height: 8px;
        margin: 0; }
    @media (min-width: 992px) {
      .sapakim .sapakim-body .supplier .card-header:first-of-type {
        border: solid rgba(78, 86, 101, 0.2);
        border-width: 0 0 1px 0; } }
    .sapakim .sapakim-body .supplier .sub-card-header {
      border-bottom: solid 1px rgba(78, 86, 101, 0.2); }
      @media (min-width: 992px) {
        .sapakim .sapakim-body .supplier .sub-card-header {
          padding: 0 0 0 40px;
          margin: 0;
          height: 65px; } }
    .sapakim .sapakim-body .supplier .closed-icon {
      display: none; }
    .sapakim .sapakim-body .supplier .supplier-wrapper, .sapakim .sapakim-body .supplier .sub-supplier-wrapper {
      width: 100%; }
      @media (min-width: 992px) {
        .sapakim .sapakim-body .supplier .supplier-wrapper, .sapakim .sapakim-body .supplier .sub-supplier-wrapper {
          padding: 0 0 0 12px; } }
      .sapakim .sapakim-body .supplier .supplier-wrapper .supplier-h4, .sapakim .sapakim-body .supplier .supplier-wrapper .sub-supplier-h4, .sapakim .sapakim-body .supplier .sub-supplier-wrapper .supplier-h4, .sapakim .sapakim-body .supplier .sub-supplier-wrapper .sub-supplier-h4 {
        font-size: 1.6rem;
        line-height: normal;
        letter-spacing: normal;
        color: #4e5666;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        padding: 0 12px 0 0;
        margin: 0; }
        @media (min-width: 992px) {
          .sapakim .sapakim-body .supplier .supplier-wrapper .supplier-h4, .sapakim .sapakim-body .supplier .supplier-wrapper .sub-supplier-h4, .sapakim .sapakim-body .supplier .sub-supplier-wrapper .supplier-h4, .sapakim .sapakim-body .supplier .sub-supplier-wrapper .sub-supplier-h4 {
            padding: 0;
            line-height: 1.25;
            color: #4e5665;
            font-size: 2rem; } }
      .sapakim .sapakim-body .supplier .supplier-wrapper .sub-supplier-h4, .sapakim .sapakim-body .supplier .sub-supplier-wrapper .sub-supplier-h4 {
        font-weight: 400; }
    .sapakim .sapakim-body .supplier .collapsed .supplier-wrapper .supplier-h4 {
      font-weight: normal; }
    .sapakim .sapakim-body .suppliers-list {
      background-color: #fff;
      font-size: 1.6rem;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #4e5666;
      border-bottom: solid 1px rgba(78, 86, 101, 0.2);
      padding: 0; }
      @media (min-width: 992px) {
        .sapakim .sapakim-body .suppliers-list {
          font-size: 1.6rem;
          line-height: 1.75;
          border-bottom: solid 3px #6266a6;
          padding: 0; } }
      .sapakim .sapakim-body .suppliers-list .supplier-link-wrapper {
        height: 59px;
        border-bottom: solid 1px rgba(78, 86, 101, 0.2);
        padding: 0 23px; }
        @media (min-width: 992px) {
          .sapakim .sapakim-body .suppliers-list .supplier-link-wrapper {
            padding: 0 0 0 68px;
            height: 65px; } }
        .sapakim .sapakim-body .suppliers-list .supplier-link-wrapper .supplier-link {
          font-size: 1.6rem;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #0a7bb6; }
          @media (min-width: 992px) {
            .sapakim .sapakim-body .suppliers-list .supplier-link-wrapper .supplier-link {
              font-size: 2rem;
              line-height: 1.25; } }
          .sapakim .sapakim-body .suppliers-list .supplier-link-wrapper .supplier-link p {
            margin: 0;
            padding: 0;
            display: inline; }
      .sapakim .sapakim-body .suppliers-list:last-child {
        border-bottom: 0; }
    .sapakim .sapakim-body a:last-child .sub-card-header {
      border-bottom: 0; }
      @media (min-width: 992px) {
        .sapakim .sapakim-body a:last-child .sub-card-header {
          border: solid rgba(78, 86, 101, 0.2);
          border-width: 0 0 1px 0; } }
    .sapakim .sapakim-body .collapsed .card-header {
      width: 100%;
      border-bottom: solid 1px rgba(78, 86, 101, 0.2); }
      .sapakim .sapakim-body .collapsed .card-header:first-child {
        border-bottom: solid 1px rgba(78, 86, 101, 0.2); }
        @media (min-width: 992px) {
          .sapakim .sapakim-body .collapsed .card-header:first-child {
            border-bottom: solid 1px rgba(78, 86, 101, 0.2);
            border-top: 0; } }
    .sapakim .sapakim-body .collapsed .open {
      display: none; }
    .sapakim .sapakim-body .collapsed .closed-icon {
      display: none; }
      @media (min-width: 992px) {
        .sapakim .sapakim-body .collapsed .closed-icon {
          display: block; } }
    .sapakim .sapakim-body .collapsed .supplier-p {
      padding: 0; }
      @media (min-width: 992px) {
        .sapakim .sapakim-body .collapsed .supplier-p {
          padding: 0 !important; } }
    .sapakim .sapakim-body .collapsed .collapse-arrow {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
      margin: 0; }
    .sapakim .sapakim-body .collapse-wrapper.show {
      border-bottom: solid 2px #6266a6; }
      @media (min-width: 992px) {
        .sapakim .sapakim-body .collapse-wrapper.show {
          border-bottom: solid 3px #6266a6; } }
    .sapakim .sapakim-body .card-with-p .card-header {
      border: 0; }
      .sapakim .sapakim-body .card-with-p .card-header:first-child {
        border-bottom: solid 1px rgba(78, 86, 101, 0.2); }
    .sapakim .sapakim-body .card-with-p a:first-of-type .sub-card-header:first-of-type {
      border-top: solid 1px rgba(78, 86, 101, 0.2); }
      @media (min-width: 992px) {
        .sapakim .sapakim-body .card-with-p a:first-of-type .sub-card-header:first-of-type {
          border-top: 0; } }
    .sapakim .sapakim-body .card-with-p p {
      font-size: 1.6rem;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.25;
      letter-spacing: normal;
      color: #4e5665;
      padding: 20px;
      margin: -3px 0 0 0; }
      @media (min-width: 992px) {
        .sapakim .sapakim-body .card-with-p p {
          font-size: 2rem;
          line-height: 1.25;
          padding: 15px 10px 0 40px; } }
    .sapakim .sapakim-body .closed-icon {
      font-size: 2.1rem;
      height: 24px;
      width: auto;
      line-height: 0;
      padding: 11px 0 0 0;
      font-family: Serif;
      color: #0a7bb6; }
    .sapakim .sapakim-body .open {
      display: none; }
      @media (min-width: 992px) {
        .sapakim .sapakim-body .open {
          display: block;
          width: 12px;
          height: 1px;
          background-color: #0a7bb6; } }