.g-image-show-section .g-button--secondary {
  --btn-color: #000;
  --btn-color-hover: #fff;
  border-color: var(--btn-color, #000);
  color: var(--btn-color, #000);
  white-space: nowrap;
}
.g-image-show-section .g-button--secondary.active {
  background: var(--btn-color) !important;
  border-color: var(--btn-color) !important;
  box-shadow: 0 0 0 0.1rem var(--btn-color) !important;
  color: var(--btn-color-hover) !important;
}

.g-image-show-section .g-button--secondary:focus,
.g-image-show-section .g-button--secondary:hover {
  background: var(--btn-color) !important;
  border-color: var(--btn-color) !important;
  box-shadow: 0 0 0 0.1rem var(--btn-color) !important;
  color: var(--btn-color-hover) !important;
}
.g-image-show-section .g-slide__content .g-button--link {
  color: var(--btn-color, #000);
}
@media screen and (max-width: 767px) {
  .g-image-show-section .g-button--secondary {
    --btn-color: #000 !important;
    --btn-color-hover: #fff !important;
  }
}
.g-image-show-section {
  .g-slide {
    position: relative;
  }
  .g-slide__wrapper {
    bottom: 0;
    display: flex;
    height: 100%;
    left: 0;
    padding-bottom: 0;
    padding-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 20;
  }
  @media screen and (min-width: 768px) {
    .g-slide__wrapper {
      padding-bottom: 30px;
      padding-top: 30px;
    }
  }
  @media screen and (min-width: 1280px) {
    .g-slide__wrapper {
      padding-bottom: 100px;
      padding-top: 100px;
      padding-left: 100px;
      padding-right: 100px;
    }
  }
  .g-slide__media {
    position: relative;
  }
  .g-slide__content {
    animation: none;
    max-width: 900px;
    width: max-content;
  }
  .g-slide__button,
  .g-slide__content,
  .g-slide__description,
  .g-slide__subtitle,
  .g-slide__title {
    opacity: 0;
    -webkit-transition: all var(--g-duration-short, 0.1s);
    transition: all var(--g-duration-short, 0.25s);
    visibility: hidden;
  }
  .g-slide-animate--fade-in-up .g-slide__button,
  .g-slide-animate--fade-in-up .g-slide__content,
  .g-slide-animate--fade-in-up .g-slide__description,
  .g-slide-animate--fade-in-up .g-slide__subtitle,
  .g-slide-animate--fade-in-up .g-slide__title {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  .g-slide-animate--fade-in-left .g-slide__button,
  .g-slide-animate--fade-in-left .g-slide__content,
  .g-slide-animate--fade-in-left .g-slide__description,
  .g-slide-animate--fade-in-left .g-slide__subtitle,
  .g-slide-animate--fade-in-left .g-slide__title {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  .g-slide-animate--fade-in-right .g-slide__button,
  .g-slide-animate--fade-in-right .g-slide__content,
  .g-slide-animate--fade-in-right .g-slide__description,
  .g-slide-animate--fade-in-right .g-slide__subtitle,
  .g-slide-animate--fade-in-right .g-slide__title {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  .g-slide__button {
    gap: 16px;
  }
  .g-slide__overlay:before {
    background-color: var(--color-image-overlay);
    content: "";
    opacity: var(--opacity-image-overlay);
  }
  .g-slide__bg,
  .g-slide__overlay:before {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
  }
  .g-slide__bg video {
    left: 0;
    position: absolute;
    top: 0;
  }
  .g-slide__bg img,
  .g-slide__bg video {
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  .g-slide__bg--mobile {
    pointer-events: none;
  }
  .g-slide__placeholder {
    overflow: hidden;
  }
  .g-slide--has-link .g-slide__wrapper {
    pointer-events: none;
  }
  .g-slide--has-link .g-slide__button {
    pointer-events: auto;
  }
  .g-slide[class*="--middle-"] .g-slide__wrapper {
    align-items: center;
  }
  .g-slide[class*="--top-"] .g-slide__wrapper {
    align-items: flex-start;
  }
  .g-slide[class*="--bottom-"] .g-slide__wrapper {
    align-items: flex-end;
  }
  .g-slide--bottom-center .g-slide__wrapper,
  .g-slide--middle-center .g-slide__wrapper,
  .g-slide--top-center .g-slide__wrapper {
    justify-content: center;
  }
  .g-slide--bottom-left .g-slide__wrapper,
  .g-slide--middle-left .g-slide__wrapper,
  .g-slide--top-left .g-slide__wrapper {
    justify-content: flex-start;
  }
  .g-slide--bottom-right .g-slide__wrapper,
  .g-slide--middle-right .g-slide__wrapper,
  .g-slide--top-right .g-slide__wrapper {
    justify-content: flex-end;
  }
  @media screen and (max-width: 767px) {
    .g-slide .g-slide__bg video {
      position: static;
    }
  }
  .g-slider {
    position: relative;
  }
  .container-full {
    padding-left: 0;
    padding-right: 0;
  }
  .g-slider--adapt .g-slide__media {
    height: 100%;
  }
  .g-slider--adapt .g-slide__bg--mobile {
    backface-visibility: hidden;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1.01) translateZ(0);
    transform-origin: center;
    transition: all 3s;
  }
  .g-slider:not(.g-slider--adapt).g-slider--small .g-slide__media {
    height: 300px;
  }
  .g-slider:not(.g-slider--adapt).g-slider--medium .g-slide__media {
    height: 450px;
  }
  .g-slider:not(.g-slider--adapt).g-slider--large .g-slide__media {
    height: 650px;
  }
  .g-slider:not(.g-slider--adapt).g-slider--fullscreen .g-slide__media {
    height: calc(
      100vh - var(--main-content-padding-top, var(--g-header-height, 0px)) -
        var(--g-topbar-height, 0px) - var(--g-announcement-height, 0px)
    );
  }
  .g-slider__footer {
    bottom: 40px;
    gap: 8px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    z-index: 29;
  }
  .g-slider-controls--pagination-bottom .g-slider__footer--center {
    bottom: 70px;
  }
  @media screen and (min-width: 768px) {
    .g-slider__footer .g-button--link {
      color: var(--btn-color, #000);
    }
  }
  @media screen and (max-width: 767px) {
    .g-slider__footer {
      display: none;
    }
  }
  .g-slider .g-slider-controls__button {
    background-color: transparent;
    border: none;
    color: var(--swiper-controls-color, #222);
    left: 0;
    margin: 0;
    opacity: 0.75;
    transition: all var(--g-duration-default, 0.25s) ease;
  }
  .g-slider .g-slider-controls__button svg {
    height: 30px;
    width: 30px;
  }
  @media screen and (min-width: 768px) {
    .g-slider .g-slider-controls__button svg {
      height: 50px;
      width: 50px;
    }
    .g-slider .g-slider-controls__button svg path {
      -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5));
      -moz-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5));
      -o-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5));
      -ms-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5));
      filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5));
    }
  }
  @media screen and (min-width: 1280px) {
    .g-slider .g-slider-controls__button svg {
      height: 70px;
      width: 70px;
    }
  }
  .g-slider .g-slider-controls__button-next {
    left: auto !important;
    right: 0;
  }
  @media screen and (min-width: 768px) {
    .g-slider .g-slider-controls__button:hover {
      background: transparent;
      box-shadow: none;
      color: currentColor;
      color: var(--swiper-controls-color, #222);
      opacity: 1;
    }
  }
  @media screen and (min-width: 1280px) {
    .g-slider .g-slider-controls__button {
      height: 80px;
      width: 80px;
    }
  }
  @media screen and (max-width: 767px) {
    .g-slider .g-slider-controls {
      margin: 0;
    }
  }
  @media screen and (max-width: 1599px) {
    .g-slider .g-slider-controls--show-nav .g-slide__wrapper {
      padding-left: 100px;
      padding-right: 100px;
    }
  }
  @media screen and (max-width: 1279px) {
    .g-slider .g-slider-controls--show-nav .g-slide__wrapper {
      padding-left: 70px;
      padding-right: 70px;
    }
  }
  @media screen and (max-width: 767px) {
    .g-slider .g-slider-controls--show-nav .g-slide__wrapper {
      padding-left: 15px;
      padding-right: 15px;
    }
  }
  @media screen and (min-width: 768px) {
    .g-slider .g-slider-controls {
      margin: 0;
    }
    .g-slider
      .g-slider-controls--absolute[class*="-bottom-"]
      .swiper-pagination {
      bottom: 30px;
      left: 50%;
      margin-top: 0;
      position: absolute;
      transform: translateX(-50%);
    }
    .g-slider .g-slider-controls--absolute[class*="-left"] .swiper-pagination {
      left: var(--pagination-offset-left, 40px);
    }
    .g-slider
      .g-slider-controls--absolute[class*="-left"].g-slider-controls--show-nav
      .swiper-pagination {
      left: var(--pagination-offset-left, 20px);
    }
    .g-slider
      .g-slider-controls--absolute[class*="-left"].g-slider-controls--show-nav
      .g-slider-controls__button-prev {
      left: var(--pagination-offset-left, 40px);
    }
    .g-slider .g-slider-controls--absolute[class*="-right"] .swiper-pagination {
      right: var(--pagination-offset-right, 40px);
    }
    .g-slider
      .g-slider-controls--absolute[class*="-right"].g-slider-controls--show-nav
      .swiper-pagination {
      right: var(--pagination-offset-right, 20px);
    }
    .g-slider
      .g-slider-controls--absolute[class*="-right"].g-slider-controls--show-nav
      .g-slider-controls__button-next {
      right: var(--pagination-offset-right, 40px);
    }
    .g-slider .swiper-pagination-bullet {
      margin: 10px 0;
    }
  }
  @media screen and (max-width: 767px) {
    .g-slider--content-stack .g-slide__content {
      max-width: none;
      text-align: center;
      width: 100%;
    }
    .g-slider--content-stack .g-slide__description,
    .g-slider--content-stack .g-slide__subtitle,
    .g-slider--content-stack .g-slide__title {
      color: rgba(var(--text-black), 1);
    }
    .g-slider--content-stack .g-richtext__button {
      justify-content: center;
    }
    .g-slider--content-stack .g-slide__wrapper {
      padding-top: 32px;
      position: static;
    }
    .g-slider--content-stack .g-button--white {
      background-color: rgb(var(--color-button));
      border-color: rgb(var(--color-button));
      color: rgb(var(--color-button-text));
    }
    .g-slider--content-stack .g-slider-controls {
      --swiper-controls-color: var(--text-black) !important;
    }
    .g-slider .g-slider-controls__button {
      border: none;
      color: rgba(var(--text-black), 1);
      opacity: 1;
      position: static;
      transform: none;
    }
    .g-slider .swiper-pagination {
      position: static;
      width: auto;
    }
  }
  .swiper-slide-active .g-slider__footer {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: moLeftToRight;
    animation-name: moLeftToRight;
    opacity: 1;
  }
  .swiper-slide-active .g-slide__button,
  .swiper-slide-active .g-slide__content,
  .swiper-slide-active .g-slide__description,
  .swiper-slide-active .g-slide__subtitle,
  .swiper-slide-active .g-slide__title {
    opacity: 1;
    -webkit-transition: all var(--g-duration-long, 0.5s)
      cubic-bezier(0.1, 0.2, 0.7, 1);
    transition: all var(--g-duration-long, 0.5s) cubic-bezier(0.1, 0.2, 0.7, 1);
    visibility: visible;
  }
  .swiper-slide-active .g-slide-animate--fade-in-up .g-slide__button,
  .swiper-slide-active .g-slide-animate--fade-in-up .g-slide__content,
  .swiper-slide-active .g-slide-animate--fade-in-up .g-slide__description,
  .swiper-slide-active .g-slide-animate--fade-in-up .g-slide__subtitle,
  .swiper-slide-active .g-slide-animate--fade-in-up .g-slide__title {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .swiper-slide-active .g-slide-animate--fade-in-left .g-slide__button,
  .swiper-slide-active .g-slide-animate--fade-in-left .g-slide__content,
  .swiper-slide-active .g-slide-animate--fade-in-left .g-slide__description,
  .swiper-slide-active .g-slide-animate--fade-in-left .g-slide__subtitle,
  .swiper-slide-active .g-slide-animate--fade-in-left .g-slide__title,
  .swiper-slide-active .g-slide-animate--fade-in-right .g-slide__button,
  .swiper-slide-active .g-slide-animate--fade-in-right .g-slide__content,
  .swiper-slide-active .g-slide-animate--fade-in-right .g-slide__description,
  .swiper-slide-active .g-slide-animate--fade-in-right .g-slide__subtitle,
  .swiper-slide-active .g-slide-animate--fade-in-right .g-slide__title {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .swiper-slide-active .g-slide__subtitle {
    transition-delay: 0.1s;
  }
  .swiper-slide-active .g-slide__title {
    transition-delay: 0.2s;
  }
  .swiper-slide-active .g-slide__description {
    transition-delay: 0.3s;
  }
  .swiper-slide-active .g-slide__button {
    transition-delay: 0.4s;
  }
  /* custom */
  .g-section__description {
    font-size: 20px;
    color: #3d3d3d;
  }
  .g-image-show-section__key_word {
    font-weight: 700;
    display: flex;
    justify-content: center;
    margin-bottom: 16px;

    .g-image-show-section__key_word_item {
      padding: 0 24px;
      position: relative;
    }
  }
  .g-image-show-section__key_word_item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 80%;
    width: 1px;
    margin: auto;
    background-color: #cacaca;
  }
  .g-section__header {
    margin-bottom: 14px;
  }
  @media screen and (max-width: 767px) {
    .g-image-show-section__controller_wrapper {
      display: none;
    }
    .g-section__heading {
      font-size: 16px;
    }
    .g-section__description {
      font-size: 12px;
    }
    .g-image-show-section__key_word_item:not(:last-child)::after {
      display: none;
    }
    .g-image-show-section__key_word {
      flex-direction: column;
      gap: 12px;
      font-size: 12px;
    }
    .g-image-show-section__key_word_item {
      text-align: center;
    }
  }

  .g-mixed-layout {
    position: relative;
  }
  .g-image-show-section__controller_wrapper {
    margin-bottom: 14px;
    white-space: nowrap;
    text-align: center;
    overflow-x: auto;
    .g-button:not(:last-child) {
      margin-right: 20px;
    }
  }
  .swiper-pagination {
    display: none;
  }

  @media screen and (max-width: 767px) {
    .g-slider-controls__button {
      display: none;
    }
    .swiper-pagination {
      display: inline-flex;
    }
  }
}
