/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 11 2025 | 09:25:50 */
body.erecept-app-landing .wa-splide-section {
  display: block !important; }

body .wa-splide-section {
  display: none !important; }
  body .wa-splide-section .ct-section-inner-wrap {
    padding-top: 3rem !important;
    padding-bottom: 5rem !important; }
  body .wa-splide-section .splide .splide__arrow {
    opacity: 0.3 !important;
    display: flex !important;
    height: 5.2rem !important;
    width: 5.2rem !important;
    border-radius: 100% !important;
    background-color: var(--blue) !important;
    transform: none !important;
    transition: 0.2s all ease-in-out !important; }
    body .wa-splide-section .splide .splide__arrow--prev {
      left: -7% !important; }
    body .wa-splide-section .splide .splide__arrow--next {
      right: -7% !important; }
    body .wa-splide-section .splide .splide__arrow svg {
      fill: #fff !important; }
    body .wa-splide-section .splide .splide__arrow:hover {
      opacity: 1 !important; }
    body .wa-splide-section .splide__pagination {
      left: 50% !important;
      transition: 0.2s all ease-in-out !important;
      bottom: -2.8em !important; }
    body .wa-splide-section .splide__pagination__page {
      transition: 0.2s all ease-in-out !important;
      opacity: 1 !important;
      width: 1rem !important;
      height: 1rem !important;
      background-color: #b8b9cc !important;
      border-radius: 100% !important; }
      body .wa-splide-section .splide__pagination__page.is-active {
        width: 4rem !important;
        border-radius: 10px !important;
        background-color: var(--blue) !important; }
    body .wa-splide-section .splide .herobanner__img {
      border-radius: var(--radius-m); }
      body .wa-splide-section .splide .herobanner__img--mobile {
        display: none !important; }
      body .wa-splide-section .splide .herobanner__img--desktop {
        display: block !important; }

@media (max-width: 1530px) {
  body .wa-splide-section .splide .splide__arrow--prev {
    left: 1rem !important; }
    body .wa-splide-section .splide .splide__arrow--next {
      right: 1rem !important; } }

@media (max-width: 991px) {
  body .wa-splide-section .splide .splide__arrow {
    display: none !important; } }

@media (max-width: 767px) {
  body .wa-splide-section .ct-section-inner-wrap {
    padding-top: 1rem !important;
    padding-bottom: 3rem !important;
    padding-right: 0 !important; }
    body .wa-splide-section .splide__slide {
      margin-right: 1rem !important;
      width: calc(100% + 0rem) !important; }
    body .wa-splide-section .splide .splide__track {
      height: 160%; }
      body .wa-splide-section .splide .herobanner {
        height: auto;
        max-width: calc(100vw - 10% - 1rem); }
        body .wa-splide-section .splide .herobanner__link {
          max-width: calc(100vw - 10% - 1rem); }
        body .wa-splide-section .splide .herobanner__img {
          max-width: calc(100vw - 10% - 1rem);
          height: 100%; }
          body .wa-splide-section .splide .herobanner__img--mobile {
            display: block !important; }
          body .wa-splide-section .splide .herobanner__img--desktop {
            display: none !important; }
      body .wa-splide-section .splide__pagination {
        bottom: -1.9em !important; } }