/** * Swiper 8.4.5 
  * Most modern mobile touch slider and framework with hardware accelerated transitions 
  * https://swiperjs.com 
  * * Copyright 2014-2022 Vladimir Kharlampidi 
  * * Released under the MIT License 
  * * Released on: November 21, 2022 
  */ 

 @font-face { 
   font-family: swiper-icons; 
   src: url("data:application/font-woff;charset=utf-8;base64, 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"); 
   font-weight: 400; 
   font-style: normal; 
 } 
 :root { 
   --swiper-theme-color: var(--color-icon); 
 } 
 .swiper { 
   margin-left: auto; 
   margin-right: auto; 
   position: relative; 
   overflow: hidden; 
   list-style: none; 
   padding: 0; 
   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; 
 } 
 .collection-list .swiper-slide{width:auto;} 
 .swiper-slide { 
   flex-shrink: 0; 
   width: 100%; 
    height: 100%;  
   position: relative; 
   transition-property: transform; 
   list-style:none; 
 } 
 .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-backface-hidden .swiper-slide { 
   transform: translateZ(0); 
   -webkit-backface-visibility: hidden; 
   backface-visibility: hidden; 
 } 
 .swiper-3d, 
 .swiper-3d.swiper-css-mode .swiper-wrapper { 
   perspective: 1200px; 
 } 
 .swiper-3d .swiper-cube-shadow, 
 .swiper-3d .swiper-slide, 
 .swiper-3d .swiper-slide-shadow, 
 .swiper-3d .swiper-slide-shadow-bottom, 
 .swiper-3d .swiper-slide-shadow-left, 
 .swiper-3d .swiper-slide-shadow-right, 
 .swiper-3d .swiper-slide-shadow-top, 
 .swiper-3d .swiper-wrapper { 
   transform-style: preserve-3d; 
 } 
 .swiper-3d .swiper-slide-shadow, 
 .swiper-3d .swiper-slide-shadow-bottom, 
 .swiper-3d .swiper-slide-shadow-left, 
 .swiper-3d .swiper-slide-shadow-right, 
 .swiper-3d .swiper-slide-shadow-top { 
   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) 
   ); 
 } 
 .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-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-slide { 
   -webkit-backface-visibility: hidden; 
   transform: translateZ(0); 
 } 
 .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-button-next, 
 .swiper-button-prev { 
   position: absolute; 
   top: 50%; 
   width: calc(var(--swiper-navigation-size) / 44 * 27); 
   height: var(--swiper-navigation-size); 
   /* margin-top: 0; */ 
   z-index: 10; 
   cursor: pointer; 
   display: flex; 
   /* align-items: center; */ 
   justify-content: center; 
   color: var(--swiper-navigation-color, var(--swiper-theme-color)); 
   transition: all 0.3s linear; 
 } 
 .swiper-button-next.swiper-button-disabled, 
 .swiper-button-prev.swiper-button-disabled { 
   opacity: 0; 
   cursor:not-allowed; 
  /* pointer-events: none; */ 
 } 
 .swiper-button-next.swiper-button-hidden, 
 .swiper-button-prev.swiper-button-hidden { 
   opacity: 0; 
   cursor: auto; 
   pointer-events: none; 
 } 
 .swiper-navigation-disabled .swiper-button-next, 
 .swiper-navigation-disabled .swiper-button-prev { 
   display: none !important; 
 } 
 .swiper-button-next:after, 
 .swiper-button-prev:after { 
   font-family: swiper-icons; 
   font-size: 20px; 
   text-transform: none !important; 
   letter-spacing: 0; 
   font-variant: initial; 
   line-height: 1; 
   transition: all 0.3s linear; 
 } 
 .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-prev:hover, 
 .swiper-rtl .swiper-button-next:hover { 
   color:rgb(var(--color-base-outline-button-labels)); 
 } 
 .swiper-button-next:hover, 
 .swiper-rtl .swiper-button-prev:hover { 
   color:rgb(var(--color-base-outline-button-labels)); 
 } 
 .swiper-button-next:after, 
 .swiper-rtl .swiper-button-prev:after { 
   content: "next"; 
 } 
  .swiper-button-next{right:0px;opacity:0;} 
  .swiper-button-prev{left:0px;opacity:0;} 
  .swiper:hover .swiper-button-next, 
  .swiper-container:hover .swiper-button-next{right:10px;opacity:1;} 
  .swiper:hover .swiper-button-prev, 
  .swiper-container:hover .swiper-button-prev{left:10px;opacity:1;} 
 .swiper:hover .swiper-button-next.swiper-button-disabled, 
 .swiper:hover .swiper-button-prev.swiper-button-disabled {opacity:0.35;} 
 .swiper-button-lock { 
   display: none; 
 } 
 .swiper-pagination { 
   position: relative; 
   text-align: center; 
   transition: 0.3s opacity; 
   transform: translate3d(0, 0, 0); 
   z-index: 10; 
 } 
 .swiper-pagination.swiper-pagination-hidden { 
   opacity: 0; 
 } 
 .swiper-pagination-disabled > .swiper-pagination, 
 .swiper-pagination.swiper-pagination-disabled { 
   display: none !important; 
 } 
 .swiper-horizontal > .swiper-pagination-bullets, 
 .swiper-pagination-bullets.swiper-pagination-horizontal, 
 .swiper-pagination-custom, 
 .swiper-pagination-fraction { 
   bottom: 0px; 
   left: 0; 
   width: 100%; 
 } 
 .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, 8px) 
   ); 
   height: var( 
     --swiper-pagination-bullet-height, 
     var(--swiper-pagination-bullet-size, 8px) 
   ); 
   display: inline-block; 
   border-radius: 50%; 
   background: var(--swiper-pagination-bullet-inactive-color, #000); 
   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-pagination-vertical.swiper-pagination-bullets, 
 .swiper-vertical > .swiper-pagination-bullets { 
   right: 10px; 
   top: 50%; 
   transform: translate3d(0px, -50%, 0); 
 } 
 .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, 
 .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { 
   margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; 
   display: block; 
 } 
 .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, 
 .swiper-vertical 
   > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { 
   top: 50%; 
   transform: translateY(-50%); 
   width: 8px; 
 } 
 .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic 
   .swiper-pagination-bullet, 
 .swiper-vertical 
   > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic 
   .swiper-pagination-bullet { 
   display: inline-block; 
   transition: 0.2s transform, 0.2s 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, 2px); 
 } 
 .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: 0.2s transform, 0.2s left; 
 } 
 .swiper-horizontal.swiper-rtl 
   > .swiper-pagination-bullets-dynamic 
   .swiper-pagination-bullet { 
   transition: 0.2s transform, 0.2s right; 
 } 
 .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-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, 
 .swiper-vertical 
   > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { 
   width: 100%; 
   height: 4px; 
   left: 0; 
   top: 0; 
 } 
 .swiper-horizontal 
   > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, 
 .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, 
 .swiper-pagination-progressbar.swiper-pagination-vertical, 
 .swiper-vertical > .swiper-pagination-progressbar { 
   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-scrollbar-disabled > .swiper-scrollbar, 
 .swiper-scrollbar.swiper-scrollbar-disabled { 
   display: none !important; 
 } 
 .swiper-horizontal > .swiper-scrollbar, 
 .swiper-scrollbar.swiper-scrollbar-horizontal { 
   position: absolute; 
   left: 1%; 
   bottom: 3px; 
   z-index: 50; 
   height: 5px; 
   width: 98%; 
 } 
 .swiper-scrollbar.swiper-scrollbar-vertical, 
 .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 > canvas, 
 .swiper-zoom-container > img, 
 .swiper-zoom-container > svg { 
   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%; 
   box-sizing: border-box; 
   border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); 
   border-radius: 50%; 
   border-top-color: transparent; 
 } 
 .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, 
 .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { 
   animation: swiper-preloader-spin 1s infinite linear; 
 } 
 .swiper-lazy-preloader-white { 
   --swiper-preloader-color: #fff; 
 } 
 .swiper-lazy-preloader-black { 
   --swiper-preloader-color: #000; 
 } 
 @keyframes swiper-preloader-spin { 
   0% { 
     transform: rotate(0deg); 
   } 
   100% { 
     transform: rotate(360deg); 
   } 
 } 
 .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-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%; 
   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-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; 
 } 
 .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; 
 } 
 .swiper-pagination-bullet { 
   background: transparent; 
   opacity: 1; 
   width: 5px; 
   height: 5px; 
   position: relative; 
   transition: all var(--duration-default) linear; 
 } 

 .swiper-pagination-bullet:before { 
   content: ""; 
   width: 5px; 
   height: 5px; 
   border-radius: 10px; 
   background: currentColor; 
   position: absolute; 
   left: 0; 
   right: 0; 
   margin: auto; 
   top: 0; 
   bottom: 0; 
   transition: all var(--duration-default) linear; 
 } 
 .swiper-pagination-bullet-active, 
 .swiper-pagination-bullet-active:before { 
   transition: all var(--duration-default) linear; 
   width:25px; 
 } 

 .slideshow .swiper-pagination{ position:absolute;     bottom: 30px;} 
 .slideshow  .swiper-pagination-bullet { 
   background: var(--color-icon); 
   opacity: 1; 
   width: 192px; 
   height: 6px; 
   position: relative; 
   transition: all var(--duration-default) linear; 
   border-radius: 30px; 
   backdrop-filter: blur(15px); 
   fill-opacity: 0; 
   fill: #F5F5F5; 
   /* filter: brightness(0.6); */ 
 } 
 .slideshow .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,  
 .slideshow .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ 
       margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); 
 } 
 .slideshow  .swiper-pagination-bullet:before { 
   display:none; 
 } 
 .slideshow  .swiper-pagination-bullet-active, 
 .slideshow  .swiper-pagination-bullet-active:before { 
   transition: all var(--duration-default) linear; 
   width:192px; 
   background: var(--gradient-base-accent-2); 
 } 
 @media screen and (max-width:767px){ 
   .slideshow  .swiper-pagination-bullet-active, .slideshow  .swiper-pagination-bullet-active:before { width:25px;} 
   .slideshow  .swiper-pagination-bullet {width:25px;} 
 } 

 /* Swiper custom button and icon styling */ 
 
 /* The original swiper button icons were being hidden by: 
   .swiper-button-next:after, .swiper-button-prev:after{display:none;} 
   and the custom icons (in the span:after) were missing the 'content' property. 
   We keep the display:none to prevent the default icon from interfering, and 
   correct the custom styles by adding the 'content' property. 
 */ 
  .swiper-button-next:after, .swiper-button-prev:after{display:none;} 

 /* Styling for the nested span (the purple circle) */
 .swiper-button-next span, 
 .swiper-button-prev span { 
     width: 43px; 
     height: 43px; 
     background: #bc8ef2; 
     display: flex; 
     align-items: center; 
     border-radius: 50%; 
     justify-content: center; 
     position: absolute; 
     transition:all 0.3s linear; 
 } 
 
 /* Base style for the icon inside the span */
 .swiper-button-next span:after, 
 .swiper-button-prev span:after { 
   font-family: swiper-icons; 
   font-size: 20px; /* Smaller size for icon inside the circle */
   text-transform: none !important; 
   letter-spacing: 0; 
   font-variant: initial; 
   line-height: 1; 
   color: #fff; /* Set icon color to white for better contrast on purple */
 }
 
 /* **FIX: Add the required 'content' property for the icons** */
 .swiper-button-prev span:after, 
 .swiper-rtl .swiper-button-next span:after { 
   content: "prev"; 
 } 

 .swiper-button-next span:after, 
 .swiper-rtl .swiper-button-prev span:after { 
   content: "next"; 
 }
   
 .tabs_container .swiper-button-next, 
 .tabs_container .swiper-button-prev{
    margin-top:-40px;
} 

 .testimonials .swiper-button-next, 
 .testimonials .swiper-button-prev{
    top:-70px; 
    bottom:0; 
    margin:auto;
} 
 .swiper-button-next span:hover, 
 .swiper-button-prev span:hover{ 
     background: #9b72d6; /* Slightly darker purple on hover */
 } 

 @media screen and (max-width:480px){ 
   .testimonials .swiper-button-next{top:auto; bottom:0; margin:auto;right: 35%;} 
   .testimonials .swiper-button-prev{top:auto; bottom:0; margin:auto;left: 35%;} 
   .testimonials .swiper:hover .swiper-button-next{right:35%;} 
   .testimonials .swiper:hover .swiper-button-prev{left:35%;} 
 }