.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0 1.6rem;
    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-multirow > .swiper-wrapper {flex-wrap: wrap;}
  .swiper-multirow-column > .swiper-wrapper {flex-wrap: wrap;flex-direction: column;}
  .swiper-free-mode > .swiper-wrapper {transition-timing-function: ease-out;margin: 0 auto;}
  .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
  }
  .swiper-slide-invisible-blank {visibility: hidden;}
  .swiper-autoheight, .swiper-autoheight .swiper-slide {height: auto;}
  .swiper-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform, height;}
  .swiper-3d {perspective: 1200px;}
  .swiper-3d .swiper-wrapper,
  .swiper-3d .swiper-slide,
  .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-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-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));}
  .swiper-css-mode > .swiper-wrapper {overflow: auto;scrollbar-width: none;-ms-overflow-style: none;}
  .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-button-prev,
  .swiper-button-next {
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    outline: none;
    left: inherit;
    background: var(--white-color);
    text-align: center;
    color: rgba(0, 35, 88, 0.8);
    transition: all .2s ease-in-out 0s;
    margin: 0;
    border-radius: 0.3125rem;
    position: absolute;
    top: calc(50% - 1.25rem);
    box-shadow: 0px 0px 8px 0px #46556859;
  }
  .swiper-button-prev:hover,
  .swiper-button-next:hover {
    background: #8995a357;
  }
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {opacity: 0.35;cursor: auto; pointer-events: none;}
  .swiper-button-prev,.swiper-rtl .swiper-button-next {left: 0.4375rem;right: auto;}
  .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg, .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg {
    width: 80%;
    height: 80%;
    display: block;
  }
  .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg {transform: rotate(90deg);}
  .swiper-button-next,.swiper-rtl .swiper-button-prev { right: 0.4375rem;left: auto;}
  .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {transform: rotate(-90deg);}
  .swiper-button-lock { display: none;}
  .swiper-pagination {
    /* position: absolute; */
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
  }
  .swiper:not(.banner_group) {
    margin-left: -1.6rem;
    margin-right: -1.6rem;
  }
  .swiper:before, .swiper:after {
    content: '';
    position: absolute;
    top: 0;
    width: 1.6rem;
    height: 100%;
    background: #fff;
    z-index: 9;
  }
  .section-bg .swiper:before, .section-bg .swiper:after {
    background: var(--bg);
  } 
  .swiper:before {left: 0;}
  .swiper:after {right: 0;}
  .swiper-pagination.swiper-pagination-hidden {opacity: 0;}
  /* Common Styles */
  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-horizontal > .swiper-pagination-bullets {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: 30px;
    height: 6px;
    display: inline-block;
    border-radius: 100%;
    background: rgb(219, 219, 219);
    opacity: 0.8;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 2px;
  }
  button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
  .swiper-pagination-bullet-active {opacity: 1;background: var(--basic-company);}
  .swiper-vertical > .swiper-pagination-bullets {right: 10px;top: 50%;transform: translate3d(0px, -50%, 0);}
  .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 6px 0;display: block;}
  .swiper-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 {display: inline-block;transition: 200ms transform, 200ms top;}
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;}
  .swiper-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 { transition: 200ms transform, 200ms left;}
  .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: 200ms transform, 200ms right;}
  .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25);position: absolute;}
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--basic-company);
    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-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
  }
  .swiper-vertical > .swiper-pagination-progressbar,
  .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
  }
  .swiper-pagination-lock { display: none;}
  .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 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .swiper-zoom > img,
  .swiper-zoom > svg,
  .swiper-zoom > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .swiper-slide-zoomed {cursor: move;}
  .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 #000;
    border-radius:50%;
    border-top-color:transparent
   }
   @keyframes swiper-preloader-spin {
    100% {
     transform:rotate(360deg)
    }
   }
   .swiper .swiper-notification {
    position:absolute;
    left:0;
    top:0;
    pointer-events:none;
    opacity:0;
    z-index:-1000
   }
   .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-next+.swiper-slide,
   .swiper-cube .swiper-slide-prev {pointer-events:auto;visibility:visible}
   .swiper-cube .swiper-slide-shadow-bottom,
   .swiper-cube .swiper-slide-shadow-left,
   .swiper-cube .swiper-slide-shadow-right,
   .swiper-cube .swiper-slide-shadow-top {
    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%;
    background:#000;
    opacity:.6;
    -webkit-filter:blur(50px);
    filter:blur(50px);
    z-index:0
   }
   .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-bottom,
   .swiper-flip .swiper-slide-shadow-left,
   .swiper-flip .swiper-slide-shadow-right,
   .swiper-flip .swiper-slide-shadow-top {
    z-index:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
   }