.image-text-block, .text-image-block {
    direction: ltr;
    display: grid;
    grid-template-columns: 50% 1fr;
    grid-template-rows: auto;
    box-sizing: border-box;
    margin: 0;
    position: relative;
}

video {
    width: 100%;
}

.video-text-block {
    direction: ltr;
    display: grid;
    grid-template-columns: 50% 1fr;
    grid-template-rows: auto;
    box-sizing: border-box;
    margin: 0 24px;
}


.copyright_it {
    font-size: 12px;
    display: inline-block;
    padding: 4px 6px;
    position:absolute;
    top: 12px;
    right: 12px;
    color: #fff;
    background: rgba(0,0,0,0.1);
}

.ti_image {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
}

.ti_image {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
}

.it_image img, .ti_image img {
    width: 100%;
    display: block;
}

.shadow picture {
    border: 4px solid white;
    box-shadow: 5px 5px 20px rgb(0 0 0 / 50%);
    -webkit-box-shadow: 5px 5px 20px rgb(0 0 0 / 50%);
    -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
    display: block;
}

.image-text-block .swiper {
    overflow: initial !important;
}
/* 
.swiper-slide .shadow picture {
    box-shadow:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
} */

.it_image.tilt_up, .ti_image.tilt_up {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
    -webkit-backface-visibility: hidden; /* Enable hardware acceleration for smoother rendering */
    -webkit-font-smoothing: antialiased; /* Enable anti-aliasing for smoother edges */
    image-rendering: auto;
    outline: 1px solid transparent;
    margin: 24px;
}

.it_image.tilt_down, .ti_image.tilt_down {
    margin-top: 24px;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-backface-visibility: hidden; /* Enable hardware acceleration for smoother rendering */
    -webkit-font-smoothing: antialiased; /* Enable anti-aliasing for smoother edges */
    image-rendering: auto;
    outline: 1px solid transparent;
    margin: 24px;
}

.it_text {
    direction: ltr;
    grid-column: 2;
    grid-row: 1;
    padding: 0 0 0 48px;
    word-break: break-word;
}

.ti_text {
    direction: ltr;
    grid-column: 1;
    grid-row: 1;
    padding: 0 48px 0 0;
    word-break: break-word;
}

/* .full_width .it_text, .full_width .ti_text {
    position: absolute;
    top: 50%;
    width: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
} */

.full_width {
    padding: 48px;
}

.not_full_width  {
    max-width: var(--restricted-width);
    margin: 0 auto;
}

.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25% !important; /* 16:9 aspect ratio */
    margin-bottom: 1em;
  }
  
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .dark_tc {
    color: var(--body-font-color) !important;
    padding: 24px 0 !important;
  }

  .light_tc {
    color: #fff !important;
    padding: 24px 0 !important;
  }

  .tib_button a {
    background: var(--body-color-other) !important;
    color: #fff !important;
    border-radius: 6px;
    /* border: 1px solid var(--body-font-color) !important; */
    display: inline-block;
    padding: 12px 20px 10px 20px !important;
    text-align: center;
    margin: 24px auto;
    font-size: var(--font-size-hero-button) !important;
    line-height: var(--font-size-hero-button) !important;
    font-family: var(--alt-font);
    text-decoration: none;
  }

  .dark_tc .tib_button a {
    background: var(--button-color) !important;
    color: #fff !important;
  }

  .dark_tc .tib_button a:hover {
    background: rgba(55,126,63,1) !important;
    color: #ffffff !important;
    text-decoration: none;
  }

  .light_tc .tib_button a {
    color: var(--button-color) !important;
    background:  #fff !important; 
  }

  .light_tc .tib_button a:hover {
    color: var(--button-color) !important;
    background: #fff !important;
    text-decoration: none;
  }


@media (max-width: 1200px) {

    .tib_button {
        font-size: var(--font-size-body-button-mobile) !important;
        text-align: center;
    }

    .full_width {
        padding: 12px;
    }

    .image-text-block, .text-image-block {
        direction: ltr;
        display: grid;
        grid-template-columns: 50% 1fr;
        grid-template-rows: auto;
        box-sizing: border-box;
        margin: 0;
        position: relative;
    }

    .it_image img.tilt_down, .ti_image img.tilt_down {
        margin-top: 0;
    }

    .video-text-block {
        grid-template-columns: 100%!important;
        margin: 0;
    }

    .ti_image img {
        margin: 0;
        width: 100%;
    }

    .full_width  .it_text {
        padding: 36px 12px;
    }
}

.pc_slider {
    position: relative;
    font-family: var(--body-alt-font) !important;
  }
  
  .pc_slider .inner_pc_slider {
      position:relative;
      padding: 0 12px
  }
  
  .pc_slider .pc_image img {
    width: 100%;
    height: 224px;
    object-fit: cover;
  }
  
  .pc_slider .pc_caption {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  
  .pc_image {
      overflow: hidden;
      position: relative;
      display: block;
  }
  
  .zoomtransition img {
      transition: transform 500ms ease-in-out 0s;
      -webkit-transition: -webkit-transform 0.5s ease-in-out;
      transform: scale(1); 
      -webkit-transform: scale(1);
      display: block;
  }
  
  .zoomtransition:hover img {
      transform: scale(1.05);
      -webkit-transform: scale(1.05);
  }
  
  .pc_slider .pc_image img.darkenimage {
      filter: brightness(0.95);
  }
  
  .pc_slider .pc_caption .inner_caption {
      color: #fff;
      font-size: var(--font-size-carousel);
      line-height: var(--font-size-line-height);
      padding: 12px;
      letter-spacing: 1px;
      font-weight: 400;
      opacity: var(--opacity-text);
      width: 90%;
      display: inline-block;
  }
  
  .pc_slider .pc_caption .inner_caption_subhead {
      color: #fff;
      font-size: var(--font-size-carousel-subhead);
    line-height: var(--font-size-line-height-subhead);
      padding: 12px;
      opacity: var(--opacity-text);
      width: 90%;
      display:inline-block;
  }
  
  @media screen and (max-width: 820px) {
      .pc_slider .inner_pc_slider {
          position:relative;
          padding: 12px 0;
      }
      .pc_slider .pc_caption .inner_caption {
          padding: 6px;
      }

      .it_image.tilt_up, .ti_image.tilt_up, .it_image.tilt_down, .ti_image.tilt_down {
        margin: 6px 0 24px 0 !important;
        padding: 48px;
      }

      .dark_tc, .light_tc {
        padding: 0 12px !important;
      }

      .it_text, .ti_text {
        padding: 0;
        word-break: break-word;
        margin-top: 24px;
    }
  }

  @media screen and (max-width: 600px) {
    .image-text-block, .text-index-block {
        width: 100%!important;
        display: block;
        margin-bottom: 24px !important;
    }

    .it_text, .ti_text {
        padding: 0;
        word-break: break-word;
        margin-top: 24px;
    }

    .it_image.tilt_up, .ti_image.tilt_up, .it_image.tilt_down, .ti_image.tilt_down {
        margin: 6px 0 24px 0 !important;
        padding: 24px;
      }
  }