/**
 * Swiper 7.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 24, 2021
 */

 @font-face {
    font-family: 'swiper-icons';
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal;
  }
  :root {
    --swiper-theme-color: #007aff;
  }
  .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
  }
  .swiper-vertical > .swiper-wrapper {
    flex-direction: column;
  }
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
  }
  .swiper-android .swiper-slide,
  .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
  }
  .swiper-pointer-events {
    touch-action: pan-y;
  }
  .swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
  }
  .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
  }
  .swiper-slide-invisible-blank {
    visibility: hidden;
  }
  /* Auto Height */
  .swiper-autoheight,
  .swiper-autoheight .swiper-slide {
    height: auto;
  }
  .swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
  }
  /* 3D Effects */
  .swiper-3d,
  .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
  }
  .swiper-3d .swiper-wrapper,
  .swiper-3d .swiper-slide,
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-slide-shadow-bottom,
  .swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  /* CSS Mode */
  .swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
  }
  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  .swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
  }
  .swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
  }
  .swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999;
  }
  .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
  }
  .swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
  }
  .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
  }
  .swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
  }
  .swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
  }
  .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
  .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
  .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
  :root {
    --swiper-navigation-size: 44px;
    /*
    --swiper-navigation-color: var(--swiper-theme-color);
    */
  }
  .swiper-button-prev,
  .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
  }
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
  }
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
  }
  .swiper-button-prev:after,
  .swiper-rtl .swiper-button-next:after {
    content: 'prev';
  }
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
  }
  .swiper-button-next:after,
  .swiper-rtl .swiper-button-prev:after {
    content: 'next';
  }
  .swiper-button-lock {
    display: none;
  }
  :root {
    /*
    --swiper-pagination-color: var(--swiper-theme-color);
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 8px;
    --swiper-pagination-bullet-height: 8px;
    --swiper-pagination-bullet-inactive-color: #000;
    --swiper-pagination-bullet-inactive-opacity: 0.2;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
    */
  }
  .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
  }
  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
  }
  /* Common Styles */
  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%;
  }
  /* Bullets */
  .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000) !important;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  }
  button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
            appearance: none;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }
  .swiper-pagination-bullet:only-child {
    display: none !important;
  }
  .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
  }
  .swiper-vertical > .swiper-pagination-bullets,
  .swiper-pagination-vertical.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
  }
  .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
  }
  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
  }
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px);
  }
  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }
  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
  }
  .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
  }
  /* Progress */
  .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
  }
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > .swiper-pagination-progressbar,
  .swiper-pagination-progressbar.swiper-pagination-horizontal,
  .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
  .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
  }
  .swiper-vertical > .swiper-pagination-progressbar,
  .swiper-pagination-progressbar.swiper-pagination-vertical,
  .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
  .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
  }
  .swiper-pagination-lock {
    display: none;
  }
  /* Scrollbar */
  .swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
  }
  .swiper-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
  }
  .swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
  }
  .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
  }
  .swiper-scrollbar-cursor-drag {
    cursor: move;
  }
  .swiper-scrollbar-lock {
    display: none;
  }
  .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .swiper-zoom-container > img,
  .swiper-zoom-container > svg,
  .swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .swiper-slide-zoomed {
    cursor: move;
  }
  /* Preloader */
  :root {
    /*
    --swiper-preloader-color: var(--swiper-theme-color);
    */
  }
  .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
  }
  .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
  }
  .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
  }
  @keyframes swiper-preloader-spin {
    100% {
      transform: rotate(360deg);
    }
  }
  /* a11y */
  .swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
  }
  .swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
  }
  .swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
  }
  .swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
  }
  .swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
  }
  .swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-fade .swiper-slide-active,
  .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-cube {
    overflow: visible;
  }
  .swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
  }
  .swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-cube .swiper-slide-active,
  .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-cube .swiper-slide-active,
  .swiper-cube .swiper-slide-next,
  .swiper-cube .swiper-slide-prev,
  .swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
  .swiper-cube .swiper-slide-shadow-top,
  .swiper-cube .swiper-slide-shadow-bottom,
  .swiper-cube .swiper-slide-shadow-left,
  .swiper-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
  }
  .swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
  }
  .swiper-flip {
    overflow: visible;
  }
  .swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    z-index: 1;
  }
  .swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-flip .swiper-slide-active,
  .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  .swiper-flip .swiper-slide-shadow-top,
  .swiper-flip .swiper-slide-shadow-bottom,
  .swiper-flip .swiper-slide-shadow-left,
  .swiper-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
  .swiper-cards {
    overflow: visible;
  }
  .swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    overflow: hidden;
  }
  
body {
  font-family: "Montserrat", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 1.5;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin: 0;
}
div{
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}
nav ul,
nav ol,
ul,
ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
.p-product-banner .product-banner{
  position: relative;
  overflow: hidden;
  font-size: 0;
  color: #fff;
}
.p-product-banner .performance-benchmark-concent {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 1064px;
  max-width: 90%;
  left: 0;
  right: 0;
  top: 5.7291666667vw;
  margin: auto;
  text-align: center;
  width: 800px;
}
.p-product-banner .performance-benchmark-concent h2 {
  font-size: 56px;
  line-height: 1.375;
  margin-bottom: 16px;
  font-weight: 700;
}
.p-product-banner .performance-benchmark-concent .performance-benchmark-txt {
  font-size: 18px;
  line-height: 1.375;
  text-align: center;
  margin-bottom: 10px;
  font-style: normal;
}

.p-product-banner .performance-benchmark-concent .performance-benchmark-txt .font-weight {
  font-weight: 600;
}
.p-product-banner .animation-true-dom {
  -webkit-transform: translateY(200px);
  transform: translateY(200px);
  opacity: 0;
}

.p-product-banner .animation-dom-aitive .animation-true-dom {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.p-product-banner .product-introduction{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 90px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 1440px;
  max-width: 90%;
}
.p-product-banner .product-introduction li {
  position: relative;
  padding: 0 2.0521vw;
}
.p-product-banner .product-introduction li h3 {
  font-size: 32px;
  line-height: 1.375;
  font-weight: 700;
  margin-bottom: 4px;
  min-width: 150px;
}
.p-product-banner .product-introduction li p {
  font-size: 16px;
  line-height: 1.375;
  margin-top: 4px;
}
.p-product-banner .product-introduction li .border-line {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 1px;
  background: #707070;
  height: 80%;
}
.p-product-banner .p-media {
  position: relative;
  font-size: 0;
  width: 100%;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}
.p-product-banner .p-media .p-only-can-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 991px) {

  .p-product-banner .p-only-can-img img,
  .p-only-can-video video {
    width: 100%;
    height: 100%;
    min-height: 40vw;
    max-height: 56.25vw;
  }
}
.p-product-banner img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-product-banner .product-introduction li:last-child .border-line {
  background: none;
}

.p0-product-banner{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product-introduction-content{
  padding: 160px 0px;
}

.p0-product-banner .p0-introduction-title-top,.p2-interior-1-group1-body-title-1,
.p7-connectivity-1-title-top,.p8-charge-1-title-text-title-1{
  color: #7C7D7E;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
}

.p0-product-banner .p0-introduction-text{
  width: 816px;
}



.p0-product-banner .product-introduction-media img{
  width: 100%;
  height: 100%;
  flex: 1 0 0;
  object-fit: cover;
  justify-content: center;
  /* background:  lightgray -1.732px 0px / 100.241% 100% no-repeat; */
}

.p0-product-banner .product-introduction-btns-contaniner{
  display: flex;
  width: 1440px;
  padding: 64px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  display: none;
}
.p0-product-banner .p0-introduction-btns-frame{
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.p0-introduction-btns{
  display: flex;
  width: 220px;
  height: 48px;
  padding: 0px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: 1px solid  #252728;
}
.p0-introduction-btns-b0{
  color: #252728;
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 171.429% */
}
.product-introduction-lamp, .product-interior-lamp{
  display: flex;
  width: 1400px;
  padding: 120px 0 0 0;
  justify-content: center;
  align-items: center;
}
.p0-introduction-frame,.p2-interior-frame{
  width: 1248px;
  height: 1080px;
  flex-shrink: 0;
  position: relative;
}
.product-introduction-lamp .p0-introduction-rows-0, .product-interior-lamp .p2-interior-rows-0{
  display: flex;
  width: 1248px;
  /* padding: 0px 96px; */
  justify-content: space-around;
  align-items: flex-start;
  left: 0;
  top: 0;
  position: absolute;
}
.p0-introduction-rows-0-media,.p0-introduction-rows-1-media,.p2-interior-rows-0-media,.p2-interior-rows-1-media{
  width: 480px;
  height: 640px;
}
.p0-introduction-rows-0-media img,.p0-introduction-rows-1-media img,.p2-interior-rows-0-media img,.p2-interior-rows-1-media img{
  /* width: 480px;
  height: 640px; */
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  object-fit: cover;
}
.p0-introduction-rows-0-content, .p2-interior-rows-0-content{
  display: flex;
  width: 480px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  flex-shrink: 0;
}
.p0-introduction-rows-0-content-title,.p0-introduction-rows-1-content-title,.p2-interior-rows-0-content-title,.p2-interior-rows-1-content-title{
  display: flex;
  padding: 16px 0px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.p0-introduction-rows-0-content-title-text,.p0-introduction-rows-1-content-title-text,.p2-interior-rows-0-content-title-text,.p2-interior-rows-1-content-title-text{
  color: #252728;
  /* text-align: center; */
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 123.077% */
}
.p0-introduction-rows-0-content-content,.p0-introduction-rows-1-content-content,.p2-interior-rows-0-content-content,.p2-interior-rows-1-content-content{
  display: flex;
  padding: 16px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.p0-introduction-rows-0-content-content-line,.p0-introduction-rows-1-content-content-line,.p2-interior-rows-0-content-content-line,.p2-interior-rows-1-content-content-line{
  width: 24px;
  height: 2px;
  background:  #D70C19;
}
.p0-introduction-rows-0-content-content-text,.p0-introduction-rows-1-content-content-text,.p2-interior-rows-0-content-content-text,.p2-interior-rows-1-content-content-text{
  color: #252728;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}
.product-introduction-lamp .p0-introduction-rows-1,.product-interior-lamp .p2-interior-rows-1{
  display: flex;
  width: 1248px;
  /* padding: 0px 96px; */
  justify-content: space-around;
  align-items: flex-end;
  left: 0px;
  top: 400px;
  position: absolute;
}
.p0-introduction-rows-1-content,.p2-interior-rows-1-content{
  display: flex;
  width: 480px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  flex-shrink: 0;
}




.p1-product-banner{
  display: flex;
  flex-direction: column;
  align-items: center;
  /* background:  #FBFCFC; */
}
@media (min-width:1920px) {
  .customisable-colours .swiper{
    max-width: 1440px;
  }
}
.p1-customisable-colour{
  display: flex;
  width: 1440px;
  padding: 96px;
  justify-content: center;
  align-items: center;
  gap: 224px;
}
.p1-customisable-colour-frame{
  display: flex;
  /* padding: 0px 96px; */
  justify-content: space-around;
  align-items: center;
  flex: 1 0 0;
}
.p1-customisable-colour-frame-select{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.p1-customisable-colour-frame-select-title{
  display: flex;
  width: 480px;
  padding: 16px 0px;
  align-items: center;
  gap: 10px;
}
.p1-customisable-colour-frame-select-title-text{
  flex: 1 0 0;
  color:  #252728;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 123.077% */
}
.p1-customisable-colour-frame-select-btns{
  /* display: flex;
  width: 287.36px;
  align-items: center;
  gap: 24px; */
}
.colour-pagination{
  position: relative;
  display: flex;
  /* width: 287.36px; */
  /* align-items: center; */
  /* justify-content: center; */
  gap: 24px;
}
.colour-bullet{
  position: relative;
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}
.colour-pagination .active > div:before {
  content: "";
  position: absolute;
  border: 2px solid #DCDDDF;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  background-color: transparent;
}
.p1-customisable-c-f-s-b-f{
  /* display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0; */
}
#car-color-list ul, #interior-color-list ul{
  display: flex;
  width: 100%;
  align-items: center;
  gap: 24px;
}
#car-color-list-pic ul li,#interior-color-list ul li {
  position: relative;
}

#car-color-list-pic .active > ::before, #interior-color-list .active > ::before {
  content: "";
  position: absolute;
  border: 5px solid #DCDDDF;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  background-color: transparent;
}

.p1-customisable-colour-frame-btn{
  display: flex;
  width: 220px;
  height: 48px;
  padding: 0px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  /* border: 1px solid #252728; */
  /* display: none; */
}
.p1-customisable-colour-frame-btn-text{
  color:  #252728;
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 171.429% */
}
.customisable-colours{
  /* display: flex; */
  /* background: #FBFCFC; */
}
.customisable-content{
  display: flex;
  flex-direction: column;
}
.p1-customisable-img-color{
  display: flex;
  /* height: 800px; */
  justify-content: space-around;
  align-items: center;
}
.p2-product-banner{
  display: flex;
  /* width: 1920px; */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* background: conic-gradient(from 166deg at -10.05% 118.22%, rgba(177, 212, 232, 0.60) 108deg, rgba(177, 212, 232, 0) 273deg); */
}
.p2-interior-1{
  display: flex;
  padding-top: 160px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 1440px;
}
.swiper-slide picture img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/* .p2-interior-1-group1-body-title-1{
  color:#7C7D7E;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
} */

.p2-interior-1-group2{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 32px;
}
.p2-interior-1-group2-btns{
  display: flex;
  padding: 10px 192px;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  align-self: stretch;
}
.p2-interior-1-swiper-clear{
  bottom: 0px !important;
  width: auto !important;
}
.p2-interior-2{

  width:1440px;
}
.p2-interior-2:first-child{
  margin-top: 160px
}
.p2-interior-2 .content{
  width: 100%;
  border:1px solid #f00;
  height: 300px;
}
.p2-interior-2 picture,   .p2-interior-2 img{
  width:100%;
  overflow: hidden;
}
.p2-interior-1-group2-btns-frame{
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.p2-interior-1-group2-btns-icon1,.p2-interior-1-group2-btns-icon2{
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
}


.p3-product-banner{
  display: flex;
  padding: 120px 0px;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
.p3-interior-details-1{

  width: 1440px;

}
.p3-interior-details-1-frame{
  display: flex;
  padding: 0px 96px;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.p3-interior-details-group,.p5-safety-5-group{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}

.p3-interior-details-group-img,.p5-safety-5-group-img{
  height: 320px;
  align-self: stretch;
}
.p3-interior-details-group-img img,.p5-safety-5-group-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p3-interior-details-group-frame,.p5-safety-5-group-frame{
  display: flex;
  padding: 32px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
  align-self: stretch;
  background: #F7F7F7;
}
.p3-interior-details-group-title, .p5-safety-5-group-title{
  color:  #252728;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 133.333% */
}
.p3-interior-details-group-context,.p5-safety-5-group-context{
  color:  #515253;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}

.p4-product-banner{
  display: flex;
  /* width: 1920px; */
  /*height: 1044px;*/
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  background:  #F7F7F7;
}
.p4-charg-1-group-boby-content-text,.p5-safety-4-group-boby-content-text{
  color:  #252728;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.p4-charg-2{
  display: flex;
  width: 1440px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
}
.p4-charg-2-group{
  flex: 1 0 0;
  align-self: stretch;
}
.p4-charg-2-group picture{
  width: 100%;
  overflow: hidden;
}
.p4-charg-2-group img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p5-product-banner{
  display: flex;
  /* width: 1920px; */
  flex-direction: column;
  align-items: center;
  background: #F7F7F7;
}
.p5-safety-1,.p4-charg-1,.p8-charge-1{
  display: flex;
  padding: 96px 0px;
  flex-direction: column;
  align-items: flex-start;
}


.product-introduction-content,.p2-interior-1-group1,
.p5-safety-1-group,.p4-charg-1-group,.p5-safety-4-group,
.p7-connectivity-1-group,.p8-charge-1-group{
  display: flex;
  width: 1440px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.p0-introduction-content,.p2-interior-1-group1-body,
.p5-safety-1-body,.p4-charg-1-group-boby,
.p5-safety-4-group-boby,.p7-connectivity-1-body,
.p8-charge-1-body{
  display: flex;
  /* justify-content: center; */
  align-items: center;
  gap: 144px;
  align-self: stretch;
}
.p0-introduction-title,.p2-interior-1-group1-body-title,
.p5-safety-1-title, .p4-charg-1-group-boby-title,
.p5-safety-4-group-boby-title,.p7-connectivity-1-title,
.p8-charge-1-title{
  display: flex;
  width: 480px;
  padding: 16px 0px;
  flex-direction: column;
  gap: 4px;
}
.p0-introduction-title-bottom,.p2-interior-1-group1-body-title-2,
.p5-safety-1-title-text, .p4-charg-1-group-boby-title-text,
.p5-safety-4-group-boby-title-text,.p7-connectivity-1-title-text,
.p8-charge-1-title-text-title-2{
  color: #000;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px; /* 120% */
}
.p2-interior-1-group1-body-content,.p5-safety-1-content,
.p4-charg-1-group-boby-content, .p5-safety-4-group-boby-content,
.p7-connectivity-1-content,.p8-charge-1-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
}


.p0-introduction-text,.p2-interior-1-group1-body-content-frame,
.p5-safety-1-content-frame, .p4-charg-1-group-boby-content-frame,
.p5-safety-4-group-boby-content-frame, .p7-connectivity-1-content-frame,
.p8-charge-1-content-frame{
  display: flex;
  padding: 16px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.p0-introduction-text-top,.p2-interior-1-group1-body-content-line,
.p5-safety-1-content-line,.p4-charg-1-group-boby-content-line,
.p5-safety-4-group-boby-content-line,.p7-connectivity-1-content-line,
.p8-charge-1-content-line{
  width: 24px;
  height: 2px;
  background:  #D70C19;
}
.p0-introduction-text-bottom,.p2-interior-1-group1-body-content-text,
.p5-safety-1-content-text, .p4-charg-1-group-boby-content-text,
.p5-safety-4-group-boby-content-text,.p7-connectivity-1-content-text,
.p8-charge-1-content-text{
  color: #252728;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}
.p5-safety-2{
  display: flex;
  width: 1440px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.p5-safety-2-svg{
  width: 207px;
  height: 160.1px;
  /*background: url('clientlib-seal-u/css/assets/pc/NCAP.svg');*/
}
.p5-safety-2-svg img{
  width: 100%;
}
.p5-safety-3{
  width: 1440px;
}
.p5-safety-3-frame{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  padding: 96px;
}
.p5-safety-3-text{
  color: #000;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}
.p5-safety-3-media{
  display: flex;
  height: 600px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.p5-safety-3-media picture{
  width: 100%;
  overflow: hidden;
}
.p5-safety-3-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p5-safety-4{
  display: flex;
  padding-bottom: 96px;
  flex-direction: column;
  align-items: flex-start;
}
.p5-safety-5{
  width: 1440px;
}
.p5-safety-5-frame{
  display: flex;
  padding: 0px 96px 120px 96px;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.p5-safety-5-group{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}
.p5-safety-5-group-frame{
  background: #fff;
}
.p6-product-banner{
  display: flex;
  padding: 48px 0px;
  flex-direction: column;
  align-items: center;
  background: #F7F7F7;
}
.p6-innovation-1{
  display: flex;
}
.p7-product-banner{
  display: flex;
  padding-top: 96px;
  flex-direction: column;
  align-items: center;
}
.p7-connectivity-1{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.p7-connectivity-2{
  display: flex;
  /* width: 1440px; */
  padding: 0px 48px;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}
.p7-connectivity-2-content{
  display: flex;
}

.p7-connectivity-2-group{
  width: 576px;
  padding: 48px;
  /* background: #F7F7F7;  */
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.p7-connectivity-2-group img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p7-connectivity-2-body{
  align-self: stretch;
  height: 288px;
  padding: 48px 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}
.p7-connectivity-2-group-body{
  display: flex;
  padding: 48px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.p7-connectivity-2-group-body-title{
  align-self: stretch;
  color: #252728;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  word-wrap: break-word;
}
.p7-connectivity-2-group-body-content{
  align-self: stretch;
  height: 152px;
  padding-top: 16px;
  padding-bottom: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}
.p7-connectivity-2-group-body-content-line{
  width: 24px; height: 2px; background: #D70C19;
}
.p7-connectivity-2-group-body-content-text{
  align-self: stretch;
  color: #515253;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  word-wrap: break-word;
}
.p8-charge-banner{
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #F7F7F7;
}

.p8-charge-1-content-btns{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.p8-charge-1-content-btns{
  display: flex;
  width: 220px;
  height: 48px;
  padding: 0px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: 1px solid #252728;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  display: none;
}
.p8-charge-2{
  display: flex;
  width: 1440px;
  /* height: 720px; */
  flex-direction: column;
  align-items: flex-start;
}
.p9-legal-1{
  display: flex;
  /* width: 1920px; */
  padding: 96px 240px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: #F7F7F7;
}
.p9-legal-1-text{
  color:  #A8A9A9;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}
.p0-product-banner .copy,.p2-product-banner .copy{
  opacity: 0;
}
.p0-product-banner .forward .gallery-item ,.p2-product-banner .forward .gallery-item{
  margin-left: 0;
  transform: translate(-20%, 10%) rotate(-5deg);
  transform-origin: bottom right
}
.p0-product-banner .reverse .gallery-item,.p2-product-banner .reverse .gallery-item{
  margin-right: 0;
  transform: translate(20%, 10%) rotate(5deg);
  transform-origin: bottom left;
}

.p0-product-banner .animated .copy,.p2-product-banner .animated .copy{
  transition: opacity 1s;
  opacity: 1
}


.main-content #container-09d0a2b801.cmp-container .product-introduction-item p,

.main-content #container-09d0a2b801.cmp-container .p-product-banner-media .performance-benchmark-concent.animation-true-dom h2 {
	color: #FFFFFF;
	}



.p0-product-banner .animated .gallery-item,.p2-product-banner .animated .gallery-item{
  transition: transform 1s, opacity 1s;
  transform: translate(0%, 0%) rotate(0deg);
  opacity: 1;
}
.p5-safety-4,.p5-safety-5{
  display: none;
}
.p6-innovation-2 .swiper {
  width: 1440px;
  height: 700px;
}
.p6-innovation-2 .swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.p6-innovation-2 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p6-innovation-content{
  display: flex;
  justify-content: center;
  align-items: center;
}
.p6-innovation-left{
  display: flex;
  width: 40%;
  padding: 48px 96px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.p6-innovation-title{
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  text-align: left;
}
.p6-innovation-text{
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}
.p6-innovation-right{
  display: block;
  padding: 48px;
  width: 60%;
}
.p6-innovation-right picture{
  width: 100%;
  overflow: hidden;
}





/* @media only screen and (min-width: 2560px) {
.b1 {background: teal;}
}  */
@media only screen and (min-width: 1200px) and (max-width: 1440px) {

  .p-product-banner .performance-benchmark-concent{
    /* top: 1.7291666667vw; */
  }
  .p-product-banner .product-introduction{
    bottom: 30px;
  }
  .product-introduction-content,
  .p2-interior-1-group1,
  .p5-safety-1-group,
  .p4-charg-1-group,
  .p5-safety-4-group,
  .p7-connectivity-1-group,
  .p8-charge-1-group,
  .p0-product-banner .p0-introduction-text{
    width: 100%;
  }
  .p0-introduction-title,
  .p2-interior-1-group1-body-title,
  .p5-safety-1-title,
  .p4-charg-1-group-boby-title,
  .p5-safety-4-group-boby-title,
  .p7-connectivity-1-title,
  .p8-charge-1-title{
    width: auto;
  }
  .p0-introduction-content,
  .p2-interior-1-group1-body,
  .p5-safety-1-body,
  .p4-charg-1-group-boby,
  .p5-safety-4-group-boby,
  .p7-connectivity-1-body,
  .p8-charge-1-body{
    flex-direction: column;
    gap: 32px;
    align-items: start;
    padding: 0 96px;
  }
  .product-introduction-lamp, .product-interior-lamp{
    width: 100%;
    padding: 120px 0 0;
  }
  .p0-introduction-frame,.p2-interior-frame{
    width: 100%;
    height: 920px;
  }
  .product-introduction-lamp .p0-introduction-rows-0, .product-interior-lamp .p2-interior-rows-0{
    width: 100%;
    justify-content: space-evenly;
  }
  .product-introduction-lamp .p0-introduction-rows-1, .product-interior-lamp .p2-interior-rows-1{
    width: 100%;
    justify-content: space-evenly;
  }
  .p0-introduction-rows-0-media, .p0-introduction-rows-1-media, .p2-interior-rows-0-media, .p2-interior-rows-1-media{
    width: 320px;
    height: 400px;
  }
  .p0-introduction-rows-0-content, .p2-interior-rows-0-content{
    width: 320px;
  }
  .p0-introduction-rows-1-content, .p2-interior-rows-1-content{
    width: 320px;
  }
  .p1-customisable-colour{
    width: 100%;
    padding: 64px 0;
  }
  .p1-customisable-colour-frame{
    justify-content: space-evenly;
  }
  .p1-customisable-colour-frame-select-title{
    width: auto;
    /* margin: 0 auto; */
  }
  .p2-interior-1{
    width: 100%;
    padding-top: 80px;
  }
  .p2-interior-2{
    width: 100vw;
    max-width: 100%;
  }
  .p3-interior-details-1{
    width: 100%;
  }
  .p3-interior-details-1-frame{
    padding: 0 32px;
  }
  .p3-interior-details-group-img, .p5-safety-5-group-img{
    height: 240px;
  }
  .p4-charg-2{
    width: 100%;
  }
  .p5-safety-2-svg{
    /*background: url('clientlib-seal-u/css/assets/pc/NCAP.svg');*/
  }
  .p5-safety-2,
  .p5-safety-3{
    width: 100%;
  }
  .p5-safety-3-media{
    height: 100%;
  }
  .p6-innovation-2 .swiper{
    width: 768px;
    height: 480px;
  }
  .p6-innovation-left,.p6-innovation-right{
    padding: 32px;
  }
  .p7-product-banner{
    padding: 96px 0 0;
    gap: 32px;
  }
  .p7-connectivity-2-group{
    width: 100%;
    padding: 32px;
  }
  .p8-charge-2{
    width: auto;
  }
  .p9-legal-1{
    padding: 80px 96px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1199px){
  /* .b1 {background: green;} */
  .p-product-banner .performance-benchmark-concent{
    width: 600px;
    top: 0;
  }
  .p-product-banner .product-introduction{
    bottom: 30px;
  }

  .product-introduction-content,
  .p2-interior-1-group1,
  .p5-safety-1-group,
  .p4-charg-1-group,
  .p5-safety-4-group,
  .p7-connectivity-1-group,
  .p8-charge-1-group,
  .p0-product-banner .p0-introduction-text{
    width: 100%;
  }
  .p0-introduction-title,
  .p2-interior-1-group1-body-title,
  .p5-safety-1-title,
  .p4-charg-1-group-boby-title,
  .p5-safety-4-group-boby-title,
  .p7-connectivity-1-title,
  .p8-charge-1-title{
    width: auto;
  }
  .p0-introduction-content,
  .p2-interior-1-group1-body,
  .p5-safety-1-body,
  .p4-charg-1-group-boby,
  .p5-safety-4-group-boby,
  .p7-connectivity-1-body,
  .p8-charge-1-body{
    flex-direction: column;
    gap: 32px;
    padding: 0 168px;
    align-items: flex-start;
  }
  .product-introduction-lamp, .product-interior-lamp{
    width: 100%;
    padding: 120px 0 0;
  }
  .p0-introduction-frame,.p2-interior-frame{
    width: 100%;
    height: 920px;
  }
  .product-introduction-lamp .p0-introduction-rows-0, .product-interior-lamp .p2-interior-rows-0,
  .product-introduction-lamp .p0-introduction-rows-1, .product-interior-lamp .p2-interior-rows-1{
    width: 100%;
    justify-content: center;
    gap: 48px;
  }
  .product-introduction-lamp .p0-introduction-rows-1,.product-interior-lamp .p2-interior-rows-1{
    padding-top: 40px;
  }
  /* .product-introduction-lamp .p0-introduction-rows-1, .product-interior-lamp .p2-interior-rows-1{
    width: 100%;
  } */
  .p0-introduction-rows-0-media, .p0-introduction-rows-1-media, .p2-interior-rows-0-media, .p2-interior-rows-1-media{
    width: 320px;
    height: 400px;
  }
  .p0-introduction-rows-0-content, .p2-interior-rows-0-content{
    width: 320px;
  }
  .p0-introduction-rows-1-content, .p2-interior-rows-1-content{
    width: 320px;
  }
  .p1-customisable-colour{
    width: 100%;
    padding: 64px 0;
  }
  .p1-customisable-colour-frame-select{
    align-items: flex-start;
  }
  .p1-customisable-colour-frame-select-title{
    width: auto;
    /* margin: 0 auto; */
  }
  .p2-interior-1{
    width: 100%;
    padding-top: 80px;
  }
  .p2-interior-2{
    width: 768px;
  }
  .p2-product-banner .p2-interior-2{
    width: 100vw;
    max-width: 100%;
  }
  .p3-interior-details-1{
    width: 100%;
  }
  .p3-interior-details-1-frame{
    padding: 0 40px;
  }
  .p3-interior-details-group-img, .p5-safety-5-group-img{
    height: 240px;
  }
  .p5-safety-1, .p4-charg-1, .p8-charge-1{
    padding: 80px 0;
  }
  .p4-charg-2{
    width: 100%;
  }
  .p5-safety-2-svg{
    /*width: 156px;*/
    /*height: 120.1px;*/
    /*background-image: url('clientlib-seal-u/css/assets/pc/NCAP.svg');*/
  }
  .p5-safety-2,
  .p5-safety-3{
    width: 100%;
  }
  .p5-safety-3-frame{
    gap: 32px;
  }
  .p5-safety-3-text{
    padding: 0 96px;
  }
  .p5-safety-3-media{
    height: 100%;
  }
  .p6-product-banner{
    align-items: initial;
    padding: 0;
  }
  .p6-innovation-2 .swiper{
    /* width: 768px;
    height: 480px; */
    width: 100%;
    height: 100%;
  }
  .p6-frame{
    /* padding: 0 16px; */
  }
  .p6-innovation-content{
    padding: 0 96px;
  }
  .p6-innovation-left,.p6-innovation-right{
    padding: 32px;
  }
  .p7-product-banner{
    padding: 80px 0 0;
    gap: 32px;
    align-items: initial;
  }
  .p7-connectivity-2-group{
    width: 100%;
    padding: 0 8px 0 16px;
  }
  .p8-charge-2{
    width: auto;
  }
  .p9-legal-1{
    padding: 80px 96px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px){
  /* .b1 {background: yellow;} */
  .p-product-banner .performance-benchmark-concent{
    width: 528px;
    top: 1.7291666667vw;
  }
  .p-product-banner .product-introduction{
    bottom: 40px;
  }
  .p-product-banner .product-introduction li{
    /* padding: 0 8.0521vw; */
  }

  .product-introduction-content,
  .p2-interior-1-group1,
  .p5-safety-1-group,
  .p4-charg-1-group,
  .p5-safety-4-group,
  .p7-connectivity-1-group,
  .p8-charge-1-group,
  .p0-product-banner .p0-introduction-text{
    width: 100%;
  }
  .p0-introduction-title,
  .p2-interior-1-group1-body-title,
  .p5-safety-1-title,
  .p4-charg-1-group-boby-title,
  .p5-safety-4-group-boby-title,
  .p7-connectivity-1-title,
  .p8-charge-1-title{
    width: auto;
  }
  .p0-introduction-content,
  .p2-interior-1-group1-body,
  .p5-safety-1-body,
  .p4-charg-1-group-boby,
  .p5-safety-4-group-boby,
  .p7-connectivity-1-body,
  .p8-charge-1-body{
    flex-direction: column;
    gap: 32px;
    padding: 0 40px;
    align-items: flex-start;
  }
  .product-introduction-lamp, .product-interior-lamp{
    width: 100%;
    padding: 120px 0 0;
  }
  .p0-introduction-frame,.p2-interior-frame{
    width: 100%;
    height: 920px;
  }
  .product-introduction-lamp .p0-introduction-rows-0, .product-interior-lamp .p2-interior-rows-0,
  .product-introduction-lamp .p0-introduction-rows-1, .product-interior-lamp .p2-interior-rows-1{
    width: 100%;
    justify-content: center;
    gap: 48px;
  }
  .product-introduction-lamp .p0-introduction-rows-1,.product-interior-lamp .p2-interior-rows-1{
    padding-top: 40px;
  }
  /* .product-introduction-lamp .p0-introduction-rows-1, .product-interior-lamp .p2-interior-rows-1{
    width: 100%;
  } */
  .p0-introduction-rows-0-media, .p0-introduction-rows-1-media, .p2-interior-rows-0-media, .p2-interior-rows-1-media{
    width: 320px;
    height: 400px;
  }
  .p0-introduction-rows-0-content, .p2-interior-rows-0-content{
    width: 320px;
  }
  .p0-introduction-rows-1-content, .p2-interior-rows-1-content{
    width: 320px;
  }
  .p1-customisable-colour{
    width: 100%;
    padding: 64px 0;
  }
  .p1-customisable-colour-frame{
    flex-direction: column;
  }
  .p1-customisable-colour-frame-select{
    align-items: center;
  }
  .p1-customisable-colour-frame-select-title{
    width: auto;
    /* margin: 0 auto; */
  }
  .p2-interior-1{
    width: 100%;
    padding-top: 80px;
  }
  .p2-interior-2{
    width: 768px;
  }
  .p2-product-banner .p2-interior-2{
    width: 100vw;
    max-width: 100%;
  }
  .p3-product-banner{
    padding: 80px 0;
  }
  .p3-interior-details-1{
    width: 100%;
  }
  .p3-interior-details-1-frame{
    padding: 0 40px;
  }
  .p3-interior-details-group-img, .p5-safety-5-group-img{
    height: 240px;
  }
  .p5-safety-1, .p4-charg-1, .p8-charge-1{
    padding: 80px 0;
  }
  .p4-charg-2{
    width: 100%;
  }
  .p5-safety-2-svg{
    /*width: 156px;*/
    /*height: 120.1px;*/
    /*background-image: url('clientlib-seal-u/css/assets/pc/NCAP.svg');*/
  }
  .p5-safety-2,
  .p5-safety-3{
    width: 100%;
  }
  .p5-safety-3-frame{
    gap: 40px;
    padding: 40px;
  }
  .p5-safety-3-text{
    padding: 0;
    text-align: left;
  }
  .p5-safety-3-media{
    height: 100%;
  }
  .p6-product-banner{
    align-items: initial;
    padding: 0;
  }
  .p6-innovation-2 .swiper{
    /* width: 768px;
    height: 480px; */
    width: 100%;
    height: 100%;
  }
  .p6-frame{
    /* padding: 0 16px; */
  }
  .p6-innovation-content{
    padding: 0 16px;
  }
  .p6-innovation-left,.p6-innovation-right{
    padding: 32px;
  }
  .p7-product-banner{
    padding: 80px 0 0;
    gap: 32px;
    align-items: initial;
  }
  .p7-connectivity-1{
    align-items: center;
  }
  .p7-connectivity-2{
    padding: 0 88px;
  }
  .p7-connectivity-2-content{
    flex-direction: column;
  }
  .p7-connectivity-2-group{
    width: 100%;
    padding: 0;
    align-items: initial;
  }
  .p8-charge-2{
    width: auto;
  }
  .p9-legal-1{
    padding: 80px 96px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px){
  .p-product-banner .performance-benchmark-concent{
    /* top: 25vw; */
    width: 375px;
  }
  .p-product-banner .performance-benchmark-concent h2{
    font-size: 28px;
  }
  .p-product-banner .performance-benchmark-concent .performance-benchmark-txt{
    font-size: 16px;
    line-height: 24px;
  }
  .p-product-banner .product-introduction{
    bottom: 40px;
    flex-wrap: wrap;
  }
  .p-product-banner .product-introduction li {
    margin-bottom: 20px;
    width: 50%;
  }
  .p-product-banner .product-introduction li h3{
    font-size: 18px;
    min-width: 100px;
  }
  .p-product-banner .product-introduction li p{
    font-size: 12px;
  }
  .product-introduction-content{
    width: auto;
    padding: 0;
    height: 667px;
  }
  .p0-introduction-title,
  .p2-interior-1-group1-body-title,
  .p5-safety-1-title,
  .p4-charg-1-group-boby-title,
  .p5-safety-4-group-boby-title,
  .p7-connectivity-1-title,
  .p8-charge-1-title{
    width: auto;
  }
  .p0-introduction-content,
  .p2-interior-1-group1-body,
  .p5-safety-1-body,
  .p4-charg-1-group-boby,
  .p5-safety-4-group-boby,
  .p7-connectivity-1-body,
  .p8-charge-1-body{
    flex-direction: column;
    gap: 32px;
    padding: 0 16px;
  }
  .p0-product-banner .p0-introduction-text{
    width: auto;
    gap: 16px;
    padding: 0;
  }
  .p0-introduction-text-top,
  .p2-interior-1-group1-body-content-line,
  .p5-safety-1-content-line,
  .p4-charg-1-group-boby-content-line,
  .p5-safety-4-group-boby-content-line,
  .p7-connectivity-1-content-line,
  .p8-charge-1-content-line{
    margin: 0 auto;
  }
  .p0-product-banner .p0-introduction-title-top,
  .p2-interior-1-group1-body-title-1,
  .p7-connectivity-1-title-top,
  .p8-charge-1-title-text-title-1{
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }
  .p0-introduction-title-bottom,.p2-interior-1-group1-body-title-2,
  .p5-safety-1-title-text, .p4-charg-1-group-boby-title-text,
  .p5-safety-4-group-boby-title-text,.p7-connectivity-1-title-text,
  .p8-charge-1-title-text-title-2{
    font-size: 26px;
    line-height: 32px;
    text-align: center;
  }
  .p0-introduction-text-bottom{
    text-align: center;
  }
  .p0-product-banner .product-introduction-btns-contaniner{
    width: 100%;
  }
  .p0-product-banner .p0-introduction-btns-frame{
    flex-direction: column;
  }
  .product-introduction-lamp, .product-interior-lamp{
    width: 100%;
    padding:64px 0;
  }
  .p0-introduction-frame, .p2-interior-frame{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: static;
    flex-shrink:initial;
    gap: 40px;
    padding: 0 32px;
  }
  .product-introduction-lamp .p0-introduction-rows-0, .product-interior-lamp .p2-interior-rows-0
  {
    flex-direction: column;
    position: static;
    width: 100%;
    gap: 16px;
  }
  .product-introduction-lamp .p0-introduction-rows-1, .product-interior-lamp .p2-interior-rows-1{
    flex-direction:column-reverse;
    position: static;
    width: 100%;
    gap: 16px;
    align-items: flex-start;
  }
  .p0-introduction-rows-0-media,
  .p0-introduction-rows-1-media,
  .p2-interior-rows-0-media,
  .p2-interior-rows-1-media{
    width: 100%;
    height: 100%;
  }
  .p0-product-banner .forward .gallery-item,
  .p0-product-banner .reverse .gallery-item{
    transform: none;
  }
  .p0-introduction-rows-0-content,
  .p2-interior-rows-0-content{
    width: 100%;
    gap: 8px;
  }
  .p0-introduction-rows-1-content,
  .p2-interior-rows-1-content{
    width: 100%;
    gap: 8px;
  }
  .p0-product-banner .copy,.p2-product-banner .copy{
    opacity: 1;
  }
  .p0-introduction-rows-0-content-title,
  .p0-introduction-rows-1-content-title,
  .p2-interior-rows-0-content-title,
  .p2-interior-rows-1-content-title{
    padding: 0;
  }
  .p0-introduction-rows-0-content-content,
  .p0-introduction-rows-1-content-content,
  .p2-interior-rows-0-content-content,
  .p2-interior-rows-1-content-content{
    padding: 8px 0;
  }
  .p0-introduction-rows-0-content-title-text,
  .p0-introduction-rows-1-content-title-text,
  .p2-interior-rows-0-content-title-text,
  .p2-interior-rows-1-content-title-text{
    font-size: 16px;
    line-height: 24px;
  }
  .p1-product-banner{
    background-color: #fff;
  }
  .p1-customisable-colour{
    width: 100%;
    padding: 64px 0;
  }
  .p1-customisable-colour-frame{
    flex-direction: column;
    gap: 32px;
    padding: 0 32px;
    align-self: stretch;
  }
  .p1-customisable-colour-frame-select-title{
    width: 100%;
  }
  .p1-customisable-colour-frame-select-title-text{
    text-align: center;
  }
  .p2-interior-1-group2-btns{
    padding: 0;
    align-items: center;
  }
  .colour-pagination{
    justify-content: center;
  }
  .p2-interior-1{
    padding-top: 64px;
    width: 375px;
  }
  .product-introduction-content,
  .p2-interior-1-group1,
  .p5-safety-1-group,
  .p4-charg-1-group,
  .p5-safety-4-group,
  .p7-connectivity-1-group,
  .p8-charge-1-group{
    width: 100%;
    /* height: 467px; */
  }
  .p0-introduction-text-bottom,
  .p2-interior-1-group1-body-content-text,
  .p5-safety-1-content-text,
  .p4-charg-1-group-boby-content-text,
  .p5-safety-4-group-boby-content-text,
  .p7-connectivity-1-content-text,
  .p8-charge-1-content-text{
    text-align: center;
    padding: 0 16px;
  }
  .p2-interior-2{
    width:100vw;
    max-width: 100%;
  }
  .p0-product-banner .forward .gallery-item,
  .p2-product-banner .forward .gallery-item{
    transform:none ;
  }
  .p0-product-banner .reverse .gallery-item,
  .p2-product-banner .reverse .gallery-item{
    transform:none ;
  }
  .p2-product-banner{
    gap: 32px;
  }
  .p3-product-banner{
    padding: 32px;
  }
  .p3-interior-details-1{
    width: 100%;
  }
  .p3-interior-details-1-frame{
    flex-direction: column;
    padding: 0;
  }
  .p4-product-banner{
    /* background: #fff; */
  }
  .p5-safety-1,
  .p4-charg-1,
  .p8-charge-1{
    padding: 64px 0;
  }
  .p4-charg-2{
    width: 100%;
  }
  .p5-safety-2{
    width: 100%;
  }
  .p5-safety-2-svg{
    /* width: 103px;
    height: 80px; */
  }
  .p5-safety-3{
    width: 100%;
  }
  .p5-safety-3-frame{
    padding: 32px 32px 0;
  }
  .p5-safety-3-media{
    height: 100%;
  }
  .p5-safety-4{
    padding-bottom: 40px;
  }
  .p5-safety-5{
    width: 100%;
  }
  .p5-safety-5-frame{
    flex-direction: column;
    padding: 0px 40px 80px 40px;
  }
  .p6-innovation-2 .swiper{
    width: 100%;
    height: 100%;
  }
  .p6-product-banner .swiper-wrapper{
    display: block;
  }
  .p6-frame{
    display: block;
    padding: 0 32px;
  }
  .p6-innovation-content{
    flex-direction: column;
    gap: 16px;
    padding-bottom: 32px;
  }
  .p6-innovation-left,.p6-innovation-right{
    width: 100%;
    padding: 0;
  }
  .p6-innovation-title{
    /* padding: 0 32px; */
  }
  .p6-innovation-text{
    /* padding: 0 32px; */
  }

  .p7-connectivity-1-body{
    display: block;
  }
  .p7-connectivity-2{
    width: 100%;
    padding: 0;
  }
  .p7-connectivity-2-content{
    flex-direction: column;
  }
  .p7-connectivity-2-group{
    width: 100%;
    padding: 0;
    align-items: center;
  }
  .p7-connectivity-2-group-img{
    padding: 0 32px;
  }
  .p7-product-banner{
    padding: 0 0 12px;
  }
  .p6-innovation-1,.p7-connectivity-1{
    padding: 32px;
  }
  .p7-connectivity-2-group-body{
    padding: 24px 32px;
  }
  .p7-connectivity-2-group-body-title,.p6-innovation-title{
    font-size: 16px;
    line-height: 24px;
  }
  .p7-connectivity-2-group-body-content{
    padding: 8px 0;
    height: auto;
  }
  .p8-charge-2{
    width: 100%;
  }
  .p9-legal-1{
    padding: 64px 16px;
  }
}


@media only screen and (max-width: 479px) {
  .p-product-banner .performance-benchmark-concent{
    top: 25vw;
    width: 375px;
  }
  .p-product-banner .performance-benchmark-concent h2{
    font-size: 28px;
  }
  .p-product-banner .performance-benchmark-concent .performance-benchmark-txt{
    font-size: 16px;
    line-height: 24px;
  }
  .p-product-banner .product-introduction{
    bottom: 40px;
    flex-wrap: wrap;
  }
  .p-product-banner .product-introduction li {
    margin-bottom: 20px;
    width: 50%;
  }
  .p-product-banner .product-introduction li h3{
    font-size: 18px;
    min-width: 100px;
  }
  .p-product-banner .product-introduction li p{
    font-size: 12px;
  }
  .product-introduction-content{
    width: auto;
    padding: 0;
    height: 667px;
  }
  .p0-introduction-title,
  .p2-interior-1-group1-body-title,
  .p5-safety-1-title,
  .p4-charg-1-group-boby-title,
  .p5-safety-4-group-boby-title,
  .p7-connectivity-1-title,
  .p8-charge-1-title{
    width: auto;
  }
  .p0-introduction-content,
  .p2-interior-1-group1-body,
  .p5-safety-1-body,
  .p4-charg-1-group-boby,
  .p5-safety-4-group-boby,
  .p7-connectivity-1-body,
  .p8-charge-1-body{
    flex-direction: column;
    gap: 32px;
    padding: 0 16px;
  }
  .p0-product-banner .p0-introduction-text{
    width: auto;
    gap: 16px;
    padding: 0;
  }
  .p0-introduction-text-top,
  .p2-interior-1-group1-body-content-line,
  .p5-safety-1-content-line,
  .p4-charg-1-group-boby-content-line,
  .p5-safety-4-group-boby-content-line,
  .p7-connectivity-1-content-line,
  .p8-charge-1-content-line{
    margin: 0 auto;
  }
  .p0-product-banner .p0-introduction-title-top,
  .p2-interior-1-group1-body-title-1,
  .p7-connectivity-1-title-top,
  .p8-charge-1-title-text-title-1{
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }
  .p0-introduction-title-bottom,.p2-interior-1-group1-body-title-2,
  .p5-safety-1-title-text, .p4-charg-1-group-boby-title-text,
  .p5-safety-4-group-boby-title-text,.p7-connectivity-1-title-text,
  .p8-charge-1-title-text-title-2{
    font-size: 26px;
    line-height: 32px;
    text-align: center;
  }
  .p0-introduction-text-bottom{
    text-align: center;
  }
  .p0-product-banner .product-introduction-btns-contaniner{
    width: 100%;
  }
  .p0-product-banner .p0-introduction-btns-frame{
    flex-direction: column;
  }
  .product-introduction-lamp, .product-interior-lamp{
    width: 100%;
    padding:64px 0;
  }
  .p0-introduction-frame, .p2-interior-frame{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: static;
    flex-shrink:initial;
    gap: 40px;
    padding: 0 32px;
  }
  .product-introduction-lamp .p0-introduction-rows-0, .product-interior-lamp .p2-interior-rows-0
  {
    flex-direction: column;
    position: static;
    width: 100%;
    gap: 16px;
  }
  .product-introduction-lamp .p0-introduction-rows-1, .product-interior-lamp .p2-interior-rows-1{
    flex-direction:column-reverse;
    position: static;
    width: 100%;
    gap: 16px;
    align-items: flex-start;
  }
  .p0-introduction-rows-0-media,
  .p0-introduction-rows-1-media,
  .p2-interior-rows-0-media,
  .p2-interior-rows-1-media{
    width: 100%;
    height: 100%;
  }
  .p0-product-banner .forward .gallery-item,
  .p0-product-banner .reverse .gallery-item{
    transform: none;
  }
  .p0-introduction-rows-0-content,
  .p2-interior-rows-0-content{
    width: 100%;
    gap: 8px;
  }
  .p0-introduction-rows-1-content,
  .p2-interior-rows-1-content{
    width: 100%;
    gap: 8px;
  }
  .p0-product-banner .copy,.p2-product-banner .copy{
    opacity: 1;
  }
  .p0-introduction-rows-0-content-title,
  .p0-introduction-rows-1-content-title,
  .p2-interior-rows-0-content-title,
  .p2-interior-rows-1-content-title{
    padding: 0;
  }
  .p0-introduction-rows-0-content-content,
  .p0-introduction-rows-1-content-content,
  .p2-interior-rows-0-content-content,
  .p2-interior-rows-1-content-content{
    padding: 8px 0;
  }
  .p0-introduction-rows-0-content-title-text,
  .p0-introduction-rows-1-content-title-text,
  .p2-interior-rows-0-content-title-text,
  .p2-interior-rows-1-content-title-text{
    font-size: 16px;
    line-height: 24px;
  }
  .p1-product-banner{
    background-color: #fff;
  }
  .p1-customisable-colour{
    width: 100%;
    padding: 64px 0;
  }
  .p1-customisable-colour-frame{
    flex-direction: column;
    gap: 32px;
    padding: 0 32px;
    align-self: stretch;
  }
  .p1-customisable-colour-frame-select-title{
    width: 100%;
  }
  .p1-customisable-colour-frame-select-title-text{
    text-align: center;
  }
  .p2-interior-1-group2-btns{
    padding: 0;
    align-items: center;
  }
  .colour-pagination{
    justify-content: center;
  }
  .p2-interior-1{
    padding-top: 64px;
    width: 375px;
  }
  .product-introduction-content,
  .p2-interior-1-group1,
  .p5-safety-1-group,
  .p4-charg-1-group,
  .p5-safety-4-group,
  .p7-connectivity-1-group,
  .p8-charge-1-group{
    width: 100%;
  }
  .p0-introduction-text-bottom,
  .p2-interior-1-group1-body-content-text,
  .p5-safety-1-content-text,
  .p4-charg-1-group-boby-content-text,
  .p5-safety-4-group-boby-content-text,
  .p7-connectivity-1-content-text,
  .p8-charge-1-content-text{
    text-align: center;
  }
  .p2-interior-2{
    width: 375px;
  }
  .p0-product-banner .forward .gallery-item,
  .p2-product-banner .forward .gallery-item{
    transform:none ;
  }
  .p0-product-banner .reverse .gallery-item,
  .p2-product-banner .reverse .gallery-item{
    transform:none ;
  }
  .p2-product-banner{
    gap: 32px;
  }
  .p3-product-banner{
    padding: 32px;
  }
  .p3-interior-details-1{
    width: 100%;
  }
  .p3-interior-details-1-frame{
    flex-direction: column;
    padding: 0;
  }
  .p4-product-banner{
    /* background: #fff; */
  }
  .p5-safety-1,
  .p4-charg-1,
  .p8-charge-1{
    padding: 64px 0;
  }
  .p4-charg-2{
    width: 100%;
  }
  .p5-safety-2{
    width: 100%;
  }
  .p5-safety-2-svg{
    /* width: 103px;
    height: 80px; */
  }
  .p5-safety-3{
    width: 100%;
  }
  .p5-safety-3-frame{
    padding: 32px 32px 0;
  }
  .p5-safety-3-media{
    height: 100%;
  }
  .p5-safety-4{
    padding-bottom: 40px;
  }
  .p5-safety-5{
    width: 100%;
  }
  .p5-safety-5-frame{
    flex-direction: column;
    padding: 0px 40px 80px 40px;
  }
  .p6-innovation-2 .swiper{
    width: 100%;
    height: 100%;
  }
  .p6-product-banner .swiper-wrapper{
    display: block;
  }
  .p6-frame{
    display: block;
    padding: 0 32px;
  }
  .p6-innovation-content{
    flex-direction: column;
    gap: 16px;
    padding-bottom: 32px;
  }
  .p6-innovation-left,.p6-innovation-right{
    width: 100%;
    padding: 0;
  }
  .p6-innovation-title{
    /* padding: 0 32px; */
  }
  .p6-innovation-text{
    /* padding: 0 32px; */
  }

  .p7-connectivity-1-body{
    display: block;
  }
  .p7-connectivity-2{
    width: 100%;
    padding: 0;
  }
  .p7-connectivity-2-content{
    flex-direction: column;
  }
  .p7-connectivity-2-group{
    width: 100%;
    padding: 0;
    align-items: center;
  }
  .p7-connectivity-2-group-img{
    padding: 0 32px;
  }
  .p7-product-banner{
    padding: 0 0 12px;
  }
  .p6-innovation-1,.p7-connectivity-1{
    padding: 32px;
  }
  .p7-connectivity-2-group-body{
    padding: 24px 32px;
  }
  .p7-connectivity-2-group-body-title,.p6-innovation-title{
    font-size: 16px;
    line-height: 24px;
  }
  .p7-connectivity-2-group-body-content{
    padding: 8px 0;
    height: auto;
  }
  .p8-charge-2{
    width: 100%;
  }
  .p9-legal-1{
    padding: 64px 16px;
  }
}

/*order-option*/
/*order-option*/
.aboutBYD-fullVideo {
  width: 100%;
}
.aboutBYD-fullVideo .videoContainer {
  height: 100%;
  position: relative;
}
.aboutBYD-fullVideo .videoContainer video {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.aboutBYD-fullVideo .videoContainer .video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.c01-banner-content {
  position: relative;
  width: 100%;
  overflow: hidden;
  font-size: 0;
}

.c01-banner-content.txt-black > .c01-txt {
  color: #000;
}

.c01-banner-content img {
  width: 100%;
  display: block;
}

.c01-banner-content video {
  width: 100%;
}

.c01-txt {
  position: absolute;
  color: #fff;
  width: 1000px;
  max-width: 80%;
  pointer-events: none;
}

.c01-banner-content .left {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 12.552083vw;
  text-align: left;
}

.c01-banner-content .center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}

.c01-banner-content .right {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 12.552083vw;
  text-align: right;
}

.c01-banner-content .video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 11;
}

.c01-txt h2 {
  font-size: 48px;
  font-weight: 600;
  line-height: 1.375;
}
@media screen and (max-width: 1199.98px) and (min-width: 992px) {
  .c01-txt > h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 991.98px) {
  .c01-txt > h2 {
    font-size: 8.533333vw;
  }
}

.c01-txt p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
  margin-top: 16px;
}
@media screen and (max-width: 1199.98px) and (min-width: 992px) {
  .c01-txt > p {
    font-size: 16px;
  }
}
@media screen and (max-width: 991.98px) {
  .c01-txt > p {
    font-size: 4.266667vw;
  }
}

.c01-txt .title-56 {
  font-size: 56px;
}
@media screen and (max-width: 1199.98px) and (min-width: 992px) {
  .c01-txt > .title-56 {
    font-size: 46px;
  }
}
@media screen and (max-width: 991.98px) {
  .c01-txt > .title-56 {
    font-size: 10.133333vw;
  }
}

.c01-txt .title-48 {
  font-size: 48px;
}
@media screen and (max-width: 1199.98px) and (min-width: 992px) {
  .c01-txt > .title-48 {
    font-size: 40px;
  }
}
@media screen and (max-width: 991.98px) {
  .c01-txt > .title-48 {
    font-size: 8.533333vw;
  }
}

.c01-txt .title-40 {
  font-size: 40px;
}
@media screen and (max-width: 1199.98px) and (min-width: 992px) {
  .c01-txt > .title-40 {
    font-size: 34px;
  }
}
@media screen and (max-width: 991.98px) {
  .c01-txt > .title-40 {
    font-size: 6.933333vw;
  }
}

.c01-txt .title-32 {
  font-size: 32px;
}
@media screen and (max-width: 1199.98px) and (min-width: 992px) {
  .c01-txt > .title-32 {
    font-size: 26px;
  }
}
@media screen and (max-width: 991.98px) {
  .c01-txt > .title-32 {
    font-size: 5.866667vw;
  }
}

.c01-txt .title-24 {
  font-size: 24px;
}
@media screen and (max-width: 1199.98px) and (min-width: 992px) {
  .c01-txt > .title-24 {
    font-size: 22px;
  }
}
@media screen and (max-width: 991.98px) {
  .c01-txt > .title-24 {
    font-size: 5.333333vw;
  }
}

.c01-txt .title-20 {
  font-size: 20px;
}
@media screen and (max-width: 1199.98px) and (min-width: 992px) {
  .c01-txt > .title-20 {
    font-size: 18px;
  }
}
@media screen and (max-width: 991.98px) {
  .c01-txt > .title-20 {
    font-size: 4.8vw;
  }
}

.c01-txt .title-16 {
  font-size: 16px;
}
@media screen and (max-width: 1199.98px) and (min-width: 992px) {
  .c01-txt > .title-16 {
    font-size: 16px;
  }
}
@media screen and (max-width: 991.98px) {
  .c01-txt > .title-16 {
    font-size: 4.266667vw;
  }
}

.c01-txt .title-14 {
  font-size: 14px;
}
@media screen and (max-width: 1199.98px) and (min-width: 992px) {
  .c01-txt > .title-14 {
    font-size: 14px;
  }
}
@media screen and (max-width: 991.98px) {
  .c01-txt > .title-14 {
    font-size: 3.733333vw;
  }
}

.c01-txt .txt-16 {
  font-size: 16px;
}
@media screen and (max-width: 1199.98px) and (min-width: 992px) {
  .c01-txt > .txt-16 {
    font-size: 16px;
  }
}
@media screen and (max-width: 991.98px) {
  .c01-txt > .txt-16 {
    font-size: 4.266667vw;
  }
}

.c01-txt .txt-14 {
  font-size: 14px;
}
@media screen and (max-width: 1199.98px) and (min-width: 992px) {
  .c01-txt > .txt-14 {
    font-size: 14px;
  }
}
@media screen and (max-width: 991.98px) {
  .c01-txt > .txt-14 {
    font-size: 3.733333vw;
  }
}

.c01-txt .txt-12 {
  font-size: 12px;
}
@media screen and (max-width: 1199.98px) and (min-width: 992px) {
  .c01-txt > .txt-12 {
    font-size: 12px;
  }
}
@media screen and (max-width: 991.98px) {
  .c01-txt > .txt-12 {
    font-size: 3.2vw;
  }
}

@media (max-width: 991px) {
  .c01-txt {
    width: 85%;
    max-width: 100%;
  }
  .c01-banner-content .left {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
  }
  .c01-banner-content .center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
  }
  .c01-banner-content .right {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
  }
}