
        .BG_image {
          background-size: cover;
          background-repeat: no-repeat;
          background-position: 50% 50%;
        }
       [data-section="S05"].swiper-wrapper {

        }
       [data-section="S05"]  .studios-content-main .flexible .card .cardFront {
      padding-bottom: 100%!important;

       }
        [data-section="S05"] .studios-content-main .card:only-of-type {
      max-width: none!important;
      max-width:  none!important;
      min-height:  none!important;
      }

       [data-section="S05"] .cardFront {
         box-shadow: 0 3px 5px rgba(0,0,0,0.25)important;
       }

        .studios-content-main .cardFront {
      border-radius: 15px!important;
        }
        .studios-content-main .flexible .card {
      margin: 0!important;
        }
        .margin-center {
          margin: auto;
        }
      .swiper-container {
      background: none;

      }
      .S05-auto-carousel{
       border-radius: 15px;
        box-shadow: 0 3px 5px rgba(0,0,0,0.25);
        }

        /* Main carousel */
      .S05-auto-carousel.swiper-container {
        width: 100%;
        aspect-ratio: 1 / 1;
      }
      .S05-auto-carousel .swiper-slide {
        width: 100%;
        height: 100%;
      }
      .S05-auto-carousel .background {
        position: absolute;
        inset: 0;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
      }

       /* Thumbnail carousel */
      .S05-thumb-carousel {
        margin-top: 12px;
        padding-bottom: 5%!important;
      }
      .S05-thumb-carousel .swiper-slide {
        aspect-ratio: 1 / 1;
        position: relative;
        cursor: pointer;
        opacity: 0.5;
        transition: opacity 0.25s ease;
        border-radius: 4px;
        overflow: hidden;
      }
      .S05-thumb-carousel .swiper-slide-thumb-active {
        opacity: 1;
       /*outline: 2px solid #fefefe;*/
        outline-offset: 2px;
        box-shadow: 0 3px 5px rgba(0,0,0,0.25);
      }

      .S05-thumb-carousel .background {
        position: absolute;
        inset: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        pointer-events: none;
      }
        /* Carousel wrapper — anchor for absolutely positioned arrows */
      .S05-carousel-wrap {
        position: relative;
      }

      /* Nav arrows */
      .S05-prev,
      .S05-next {
      position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        background:#5a5b5c !important;
        color: #fff;
        border: none;
       font-size: 1.25em !important;
      border-radius: 40px !important;
      padding: 1.2em !important;
      width: 1.2em !important;
      height: 1.2em !important;
        line-height: 1;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.2s ease;

      }
      .S05-prev:hover,
      .S05-next:hover {
        background: rgba(226, 139, 26, 0.7);

      }
      .S05-prev {
        left: 8px;
      }
      .S05-next {
        right: 8px;
      }
      .swiper-button-disabled {
        opacity: 0.3;
        pointer-events: none;
      }
         @media screen and (max-width: 767px) {
        .S05-auto-carousel.swiper-container {
      width: 90%;
        }
           .container{
           padding-right: 15px;
      padding-left: 15px;
        }
         }
    