.c-tab-component {
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 30px; }
  .c-tab-component .c-intro {
    padding-bottom: 0px; }
  .c-tab-component .c-tab-item {
    height: 500px;
    position: relative;
    margin-right: 10px; }
  .c-tab-component .c-tab-item .item-content {
    height: 100%;
    z-index: 2;
    position: relative;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .c-tab-component .c-tabs-nav {
    margin: 0 auto 20px;
    justify-content: center;
    display: flex; }
    .c-tab-component .c-tabs-nav .btn {
      min-width: 0; }
  .c-tab-component .btn--transparent-dark:after {
    width: 0;
    opacity: 0; }
  .c-tab-component .btn--transparent-dark.active:after, .c-tab-component .btn--transparent-dark:hover:after {
    opacity: 1;
    width: 80px; }
  .c-tab-component .c-tabs-content .slider-item {
    width: 300px; }
  @media (min-width: 768px) {
    .c-tab-component .c-tabs-content .slider-item {
      width: 438px; } }
  @media (min-width: 1200px) {
    .c-tab-component .c-tabs-content .slider-item {
      width: 33.3333vw; }
    .c-tab-component .c-tabs-content .c-tabs-nav {
      margin: 0 auto 40px; } }
  @media (min-width: 1200px) {
    .c-tab-component {
      padding-left: 0;
      padding-right: 0; }
      .c-tab-component .c-tab-wrapper {
        padding: 0; }
      .c-tab-component .c-tab-item {
        margin: 0; } }