/* 
Theme Name: S99 Child
Theme URI: https://studio99.sm
Description: S99 Child is a child theme of S99, created by Studio99 team
Author: Studio99 Team
Author URI: https://studio99.sm
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/*SLIDER CUSTOM BULLET*/


.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background-color: #fff !important;
  transition: background-color 0.3s, transform 0.3s !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 40px !important;
opacity: 1 !important;
}


.swiper-pagination-bullet-active {
  background-color: #fff !important;
  width: 40px !important;
  height: 10px !important;
  border-radius: 40px !important; 
  transform: scale(1.2) !important;
}


.elementor-element .swiper .swiper-horizontal>.swiper-pagination-bullets, .elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper .swiper-pagination-custom, .elementor-element .swiper .swiper-pagination-fraction, .elementor-element .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper~.swiper-pagination-custom, .elementor-element .swiper~.swiper-pagination-fraction, .elementor-lightbox .swiper .swiper-horizontal>.swiper-pagination-bullets, .elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper .swiper-pagination-custom, .elementor-lightbox .swiper .swiper-pagination-fraction, .elementor-lightbox .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper~.swiper-pagination-custom, .elementor-lightbox .swiper~.swiper-pagination-fraction {
    bottom: 5px;
    padding: 10px;
    background-color: #3f3f3f45;
    border-radius: 40px;
    backdrop-filter: blur(10px);
}

/* BLURR BG EFFECT*/

.blurr-bg-header {
    position: relative;
    background: transparent !important;
}

.blurr-bg-header::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: #0b0b0b85 !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    pointer-events: none;
}


.blurr-bg-offcanvas {
    background: rgba(0, 0, 0, 0.3); 
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    isolation: isolate; 
}

.blurr-bg{
	backdrop-filter: blur(20px);
}


/*HEDER CUSTOM RESIZE*/

	.custom-header {
	 min-height: 100px !important;
	 transition: min-height 0.4s ease !important;
	}

	.scrolled {
	 min-height: 80px !important;
	}

/*BANNER COOKIE*/
.cmplz-cookiebanner .cmplz-title {
    font-family: "Chakra Petch", Sans-serif !important;
}

.cmplz-cookiebanner .cmplz-message, .cmplz-cookiebanner .cmplz-categories, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-divider {
    grid-column: span 3;
    font-family: "Chakra Petch", Sans-serif !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
    font-family: "Chakra Petch", Sans-serif !important;
}