/* * * * * * * * * * * * * * * * * * * *
 *
 *   @name		custom.css
 *   @author	Bartosz Machnik
 *   @created	03.2026
 *   @licence	copyright (c) by sitte.pl
 *   @version	1.0.0
 *
 */

:root {
	--brd-rad: 20px;
	--transition: 0.15s;
	
	--btn-size: 80px;
	--btn-bg: #ffffffaa;
	--btn-border: #ffffffcc;
	--btn-icon: #ffffff;
	
	--font2: 'Bebas Neue', sans-serif;
	
	--sppb-color-black: #000;
	--sppb-color-white: #fff;
}

p:last-child { margin: 0; }

/* domyślne marginesy sekcji */
.sppb-section { padding: 100px 0; }
@media (max-width: 767px) { .sppb-section { padding: 80px 0; } }
.top0{padding-top:0;}
.bottom0{padding-bottom:0;}
.sppb-section .sppb-section { padding: 0; margin: 0; }

body { background: var(--sppb-color-main1); }
body .btn i, body .sppb-btn i { margin-left: 10px; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-family: 'Roboto'; font-weight: 400; font-size: 20px; }
.hdark h1 em, .hdark h2 em, .hdark h3 em, .hdark h4 em, .hdark h5 em, .hdark h6 em { font-style: normal; background: linear-gradient(to right, var(--sppb-color-main2), #ff6a80); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }

/* napisywanie wartości sppb-container wartościami z sppb-row-container */
#testimonials.sppb-section .sppb-container { width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
@media (min-width: 576px)  { #testimonials.sppb-section .sppb-container { max-width: 540px; } }
@media (min-width: 768px)  { #testimonials.sppb-section .sppb-container { max-width: 720px; } }
@media (min-width: 992px)  { #testimonials.sppb-section .sppb-container { max-width: 960px; } }
@media (min-width: 1200px) { #testimonials.sppb-section .sppb-container { max-width: 1140px; } }
@media (min-width: 1400px) { #testimonials.sppb-section .sppb-container { max-width: 1140px; } }

/* template.css -__- */
body .sppb-btn.sppb-btn-primary,
body .sppb-btn.btn-primary,
body .sppb-btn.btn-outline-primary,
body .btn.sppb-btn-primary,
body .btn.btn-primary,
body .btn.btn-outline-primary
	{ background: rgba(0,0,0,1); border: 0; color: #fff; padding: 14px 28px; border-radius: 123px; transition: var(--transition); }
body .sppb-btn.sppb-btn-primary:hover,
body .sppb-btn.btn-primary:hover,
body .sppb-btn.btn-outline-primary:hover,
body .btn.sppb-btn-primary:hover,
body .btn.btn-primary:hover,
body .btn.btn-outline-primary:hover
	{ background: rgba(0,0,0,0.7); border: 0; color: #fff; }

body .sppb-btn.sppb-btn-secondary,
body .sppb-btn.btn-secondary,
body .sppb-btn.btn-outline-secondary,
body .btn.sppb-btn-secondary,
body .btn.btn-secondary,
body .btn.btn-outline-secondary
	{ background: rgba(255,255,255,1); border: 0; color: #000; padding: 13px 28px!important; border-radius: 123px; transition: var(--transition); }
body .sppb-btn.sppb-btn-secondary:hover,
body .sppb-btn.btn-secondary:hover,
body .sppb-btn.btn-outline-secondary:hover,
body .btn.sppb-btn-secondary:hover,
body .btn.btn-secondary:hover,
body .btn.btn-outline-secondary:hover
	{ background: rgba(255,255,255,0.8); border: 0; color: #000; }

body .sppb-btn.sppb-btn-link,
body .sppb-btn.btn-link,
body .sppb-btn.btn-outline-link,
body .btn.sppb-btn-link,
body .btn.btn-link,
body .btn.btn-outline-link
	{ background: transparent; border: 0; padding: 0 0 4px 0; font-family: 'Roboto'; font-weight: 400; font-size: 16px; line-height: 1.3; letter-spacing: -0.333px; }
body .sppb-btn.sppb-btn-link:hover,
body .sppb-btn.btn-link:hover,
body .sppb-btn.btn-outline-link:hover,
body .btn.sppb-btn-link:hover,
body .btn.btn-link:hover,
body .btn.btn-outline-link:hover
	{ background: transparent; border: 0; }

/* kod 1:1 jak ten w template.css - gdybyśmy chcieli zmienić tą kreskę animowaną pod spodem, to tędy */
/* body .sppb-btn.sppb-btn-link:before, */
/* body .sppb-btn.btn-link:before, */
/* body .sppb-btn.btn-outline-link:before, */
/* body .btn.sppb-btn-link:before, */
/* body .btn.btn-link:before, */
/* body .btn.btn-outline-link:before */
	/* { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #000; transform: translateX(-75%); transition: all .4s ease-in-out; } */
/* body .sppb-btn.sppb-btn-link:hover:before, */
/* body .sppb-btn.btn-link:hover:before, */
/* body .sppb-btn.btn-outline-link:hover:before, */
/* body .btn.sppb-btn-link:hover:before, */
/* body .btn.btn-link:hover:before, */
/* body .btn.btn-outline-link:hover:before */
	/* { transform: translateX(0%); } */

/* body .sp-megamenu-parent > li > a { color: var(--sppb-color-black)!important; } */
	/* body .sp-megamenu-parent > li > a:hover { color: var(--sppb-color-main2)!important; } */
/* body.top-menu-light .sp-megamenu-parent > li > a { color: #fff!important; } */
/* #sp-header ul.social-icons a { color: var(--sppb-color-main2); } */
/* body.top-menu-light #sp-header ul.social-icons a { color: #fff; } */
/* body.top-menu-light #sp-header.header-sticky ul.social-icons a { color: var(--sppb-color-main2); } */
/* #sp-header.header-sticky .sp-megamenu-parent > li > a, #sp-header.header-sticky .sp-megamenu-parent > li.active > a { color: var(--sppb-color-black)!important; } */

/* top-menu-light */
.sp-megamenu-parent > li > a, #sp-header ul.social-icons a {letter-spacing: 1px; color: var(--sppb-color-black) !important;} /* domyślny kolor menu */
	.sp-megamenu-parent > li > a:hover, #sp-header ul.social-icons a:hover, #sp-header.header-sticky ul.social-icons a:hover {color: var(--sppb-color-main2) !important;} /* hover kolor menu */
		.top-menu-light .sp-megamenu-parent > li > a, .top-menu-light #sp-header ul.social-icons a {color: var(--sppb-color-white) !important;} /* hover kolor menu */
			.top-menu-light #sp-header.header-sticky ul.social-icons a {color: var(--sppb-color-black) !important;} 
				.top-menu-light #sp-header.header-sticky ul.social-icons a:hover {color: var(--sppb-color-main2) !important;} 
#sp-header.header-sticky .sp-megamenu-parent > li > a { color: var(--sppb-color-black) !important; }	
#sp-header.header-sticky .sp-megamenu-parent > li:hover > a { color: var(--sppb-color-main2) !important; }	
@media (max-width: 991px) { #sp-header { height: 75px;}}

#sp-header .logo-image { height: auto; }
#sp-header.full-header { padding: 0 35px; margin-top:0; }
/* template.css -__- */
#sp-header.header-sticky { background: #b2e6fc; }
#sp-header.header-sticky ul.social-icons a { color: var(--sppb-color-main2); }
#sp-header.header-sticky .logo .logo-image { filter: initial; }
@media (max-width: 991px) { #sp-header .logo { height: 72px; }}
.home-event-registration-section > .sppb-container-inner > .sppb-row > .sppb-row-column:has(.home-event-registration-column-2) { position: relative; padding-bottom: 0px; }



/* ścieżka konieczna do obejścia wag kaskady CSS */
#sp-page-builder #home.sppb-section { width: 100%; }
#about-us { display: flex; align-items: center; justify-content: center; color: #fff; }
@media (max-width: 575px) {
	#about-us h1 { font-size: 12.175vw; } /* 70px / 575 */
	#about-us h1 span { font-size: 3.475vw; } /* 20px / 575 */
}	
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { line-height: 36px; }



/* modal v1 */
#experience .addon-root-modal { margin-bottom: 50px; }
#experience .addon-root-modal:last-child { margin-bottom: 0; }
#experience .addon-root-modal > div { border-radius: var(--brd-rad); position: relative; aspect-ratio: 1110 / 560; background-size: cover; background-position: center; /*mask-image: url("../images/slide-image.png");*/ mask-size: contain; mask-repeat: no-repeat; mask-position: center; }
	/* @media (max-width: 767px) { #experience .addon-root-modal > div { aspect-ratio: 510 / 590; mask-image: url("../images/home-tab-mask.svg"); }} */
#experience .addon-root-modal .sppb-addon { height: 100%; position: relative; }
#experience .addon-root-modal .sppb-addon:after { content: ''; display: block; position: absolute; inset: calc(100% - 117px) 0 0 0; backdrop-filter: blur(2px); border-radius: var(--brd-rad); }
#experience .addon-root-modal a { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 26px 30px 4px 30px!important; background: transparent; color: #fff; font-weight: 400; }
@media (max-width: 1199px) {
	#experience .addon-root-modal .sppb-addon:after { inset: calc(100% - 98px) 0 0 0; border-radius: 18px; }
	#experience .sppb-btn { font-size: 15px; }
	#experience h4 { font-size: 32px; line-height: 1; }
}
@media (max-width:  991px) {
	#experience .addon-root-modal .sppb-addon:after { inset: calc(100% - 73px) 0 0 0; border-radius: 20px; }
	#experience .addon-root-modal a { flex-direction: row; gap: 6px; padding: 7px 30px!important; }
	#experience .addon-root-modal { margin-bottom: 35px; }
}
@media (max-width:  767px) {
	#experience .addon-root-modal .sppb-addon:after { inset: calc(100% - 54px) 0 0 0; border-radius: 21px; }
	#experience .addon-root-modal a { flex-direction: column; gap: 27px; padding: 4px 18px!important; }
	/* #experience .sppb-div-addon { padding: 0 29px; } */
	#experience .addon-root-modal { margin-bottom: 25px; }
	#experience .sppb-btn { font-size: 18px; }
	#experience h4 { font-size: 36px; }
}
/* tu już MUSIMY przejść na vw!!! */
@media (max-width: 575px) {
	#experience .addon-root-modal .sppb-addon:after { inset: calc(100% - 9.9vw) 0 0 0; border-radius: 4vw; }
	#experience .addon-root-modal a { gap: 4.7vw; padding: 0.7vw 3.25vw!important; }
	#experience .sppb-btn { font-size: 3.475vw; }
	#experience .addon-root-modal { margin-bottom: 15px; }
	#experience h4 { font-size: 6.6vw; }
}
/* @media (max-width: 480px) { */
	/* #experience .addon-root-modal .sppb-addon:after { inset: calc(100% - 18.5vw) 5.5vw 1px 5.5vw; border-radius: 3.5vw; }	 */
/* } */

/*** animacja CSS strzałki play ( > ) ***/

/* config #1 */
:root { --btn-p-transition: 0.15s; --btn-p-size: 80px; --btn-p-bg: #ffffffaa; --btn-p-border: #ffffffcc; --btn-p-icon: #ffffff; }
/* propozycja animacji #1 */
#experience .addon-root-modal .clearfix::before { width: calc(var(--btn-p-size) / 2); height: var(--btn-p-size); top: calc(50% - (var(--btn-p-size) / 2)); left: calc(50% - (var(--btn-p-size) / 2)); background: var(--btn-p-bg); border-radius: var(--btn-p-size) 0 0 var(--btn-p-size); transform-origin: right center; transform: rotate(-90deg); }
#experience .addon-root-modal .clearfix::before, #experience .addon-root-modal .clearfix::after, #experience .addon-root-modal a::before, #experience .addon-root-modal a::after { content: ''; position: absolute; pointer-events: none; z-index: 10; opacity: 0; transition: transform calc(var(--btn-p-transition) * 3) ease-out, opacity calc(var(--btn-p-transition) * 2) ease-out; }
#experience .addon-root-modal .clearfix::after { width: calc(var(--btn-p-size) / 2); height: var(--btn-p-size); top: calc(50% - (var(--btn-p-size) / 2)); left: 50%; background: var(--btn-p-bg); border-radius: 0 var(--btn-p-size) var(--btn-p-size) 0; transform-origin: left center; transform: rotate(90deg); }
#experience .addon-root-modal a::before { width: 24px; height: 24px; top: calc(50% - 12px); left: calc(50% - 9px); background: var(--btn-p-icon); clip-path: polygon(0 0, 0 50%, 86.6% 50%); transform: translateX(-100px); }
#experience .addon-root-modal a::after  { width: 24px; height: 24px; top: calc(50% - 12px); left: calc(50% - 9px); background: var(--btn-p-icon); clip-path: polygon(0 50%, 0 100%, 86.6% 50%); transform: translateX(100px); }
#experience .addon-root-modal:hover .clearfix::before, #experience .addon-root-modal:hover .clearfix::after { opacity: 1; transform: rotate(0deg); }
#experience .addon-root-modal:hover a::before, #experience .addon-root-modal:hover a::after { opacity: 1; transform: translateX(0); }
	
	
/* modal v2 */
#experience .addon-root-popover { margin-bottom: 80px; }
#experience .addon-root-popover:last-child { margin-bottom: 0; }
#experience .addon-root-popover > div { border-radius: var(--brd-rad); position: relative; aspect-ratio: 1110 / 560; background-size: cover; background-position: center; mask-image: url("../images/slide-image.png"); mask-size: contain; mask-repeat: no-repeat; }
	@media (max-width: 767px) { #experience .addon-root-popover > div { aspect-ratio: 510 / 590; }}
#experience .addon-root-popover > div div { width: 100%; height: 100%; }
#experience .addon-root-popover .sppb-addon { height: 100%; position: relative; }
#experience .addon-root-popover .sppb-addon:after { content: ''; display: block; position: absolute; inset: calc(100% - 117px) 0 0 0; backdrop-filter: blur(2px); border-radius: var(--brd-rad); }
/* zmienione style */
#experience .addon-root-popover .sppb-addon-title { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 3px 30px!important; background: transparent; color: #fff; font-weight: 400; position: absolute; top: 0; left: 0; }
/* "nowe" style (konkretnie pod popover) */
#experience .addon-root-popover .sppb-popover-marker { width: 40px; height: 40px; background: var(--sppb-color-main1); color: #fff; }
#experience .addon-root-popover .sppb-popover-marker:hover { background: #fff; color: var(--sppb-color-main1); }
#experience .addon-root-popover .sppb-popover-marker svg { width: 20px; height: 20px; }	
	
	
	
	
	
/* config #1 override */
:root { --btn-p-transition-o: 0.15s; --btn-p-size-o: 60px; --btn-p-bg-o: #ffffffaa; --btn-p-border-o: #ffffffcc; --btn-p-icon-o: #ffffff; }
/* propozycja animacji #1 przeniesiona na #creators (kod skopiowany, żeby nie robić syfu z dodawaniem selektorów) */
#creators .circle { width: var(--btn-p-size-o); height: var(--btn-p-size-o); display: block; position: absolute; bottom: 20px; right: 20px; }
#creators .circle::before, #creators .circle::after, #creators .arrow::before, #creators .arrow::after { content: ''; position: absolute; pointer-events: none; z-index: 10; opacity: 0; transition: transform calc(var(--btn-p-transition-o) * 3) ease-out, opacity calc(var(--btn-p-transition-o) * 2) ease-out; }
#creators .circle::before { width: calc(var(--btn-p-size-o) / 2); height: var(--btn-p-size-o); top: calc(50% - (var(--btn-p-size-o) / 2)); left: calc(50% - (var(--btn-p-size-o) / 2)); background: var(--btn-p-bg-o); border-radius: var(--btn-p-size) 0 0 var(--btn-p-size); transform-origin: right center; transform: rotate(-90deg); }
#creators .circle::after { width: calc(var(--btn-p-size-o) / 2); height: var(--btn-p-size-o); top: calc(50% - (var(--btn-p-size-o) / 2)); left: 50%; background: var(--btn-p-bg-o); border-radius: 0 var(--btn-p-size-o) var(--btn-p-size-o) 0; transform-origin: left center; transform: rotate(90deg); }
#creators .arrow::before { width: 24px; height: 24px; top: calc(50% - 12px); left: calc(50% - 9px); background: var(--btn-p-icon-o); clip-path: polygon(0 0, 0 50%, 86.6% 50%); transform: translateX(-100px); }
#creators .arrow::after  { width: 24px; height: 24px; top: calc(50% - 12px); left: calc(50% - 9px); background: var(--btn-p-icon-o); clip-path: polygon(0 50%, 0 100%, 86.6% 50%); transform: translateX(100px); }
#creators a:hover .circle::before, #creators a:hover .circle::after { opacity: 1; transform: rotate(0deg); }
#creators a:hover .arrow::before, #creators a:hover .arrow::after { opacity: 1; transform: translateX(0); }

#creators .sppb-nested-row > div { color: #fff; }
#creators .sppb-addon-feature .sppb-addon-title { line-height: 1; letter-spacing: 0.05rem; margin-top: 140px; }
#creators .sppb-addon-text { font-size: 13px; }
/* legacy z teplatki */
#creators .sppb-btn i { font-size: 65%; position: relative; top: -1px; padding-left: 10px; }
/* przerobiony addon */
#creators .creators_container { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
#creators .addon-root-sfeature { flex: 0 1 calc(50% - 10px); }
#creators .addon-root-sfeature img { aspect-ratio: 455 / 255; }
@media (max-width: 991px) {
	#creators .addon-root-sfeature { flex: 1 1 100%; }
	:root { --btn-p-size-o: 80px; }
	/* #creators .addon-root-sfeature img { aspect-ratio: initial; } */
}
/* #creators .sppb-addon-s-feat-wrap a i.fa-play { margin: 0 0.6rem 0 0; font-size: 1rem; } */





#services .sppb-tab-pane .sppb-addon-title { font-family: 'Roboto'; }



#testimonials .sppb-sp-slider-text, #testimonials .sppb-sp-slider-title { color: #fff; font-family: 'Roboto'; font-size: 22px; line-height: 30px; }
	@media (max-width: 767px) { #testimonials .sppb-sp-slider-text, #testimonials .sppb-sp-slider-title {font-size: 18px; line-height: 24px; font-weight: 300;}}  
#testimonials .sppb-sp-slider-image { display: none; }
#testimonials .sp-dot-image { aspect-ratio: 158 / 108; }
#testimonials .sp-dot-image img { width: 100%; height: 100%; object-fit: cover; }
/* template.css >__>" */
#testimonials .sppb-addon-sp-slider.testimonial-slider .sp-slider-custom-dot-indecators ul li { width: auto; max-width: 110px; }
#testimonials .sppb-addon-sp-slider.testimonial-slider .sp-slider-custom-dot-indecators ul li span { font-weight: 400; }
.sppb-addon-sp-slider.testimonial-slider .sp-slider-outer-stage .sp-item .sppb-sp-slider-title { margin-top: 120px; padding-right: 60px; }
@media (max-width: 991px) { .sppb-addon-sp-slider.testimonial-slider .sp-slider-outer-stage .sp-item .sppb-sp-slider-title { margin-top: 70px; } }
@media (max-width: 767px) { .sppb-addon-sp-slider.testimonial-slider .sp-slider-outer-stage .sp-item .sppb-sp-slider-title { margin-top: 100px; } }
@media (max-width: 575px) { .sppb-addon-sp-slider.testimonial-slider .sp-slider-outer-stage .sp-item .sppb-sp-slider-title { margin-top: 45px; } }

.sppb-addon-sp-slider.testimonial-slider .sp-slider-content-align-left { max-width: 100%; margin: 170px 0px 0px auto;} /*Nadpisanie*/
@media (max-width: 1199px) { .sppb-addon-sp-slider.testimonial-slider .sp-slider-content-align-left {margin-top: 70px;}}
@media (max-width: 767px) {
	.sppb-addon-sp-slider.testimonial-slider .sp-slider-content-align-left {margin-top: 70px;}
	.sppb-addon-sp-slider.testimonial-slider .sp-slider-custom-dot-indecators {left: 0;}
	.sppb-addon-sp-slider.testimonial-slider .sp-slider-custom-dot-indecators ul {justify-content: center;gap:10px;}
}	
.sppb-addon-sp-slider .sp-item .sp-background::after {background: #0000008a;}



#cta-bottom .addon-root-icon { aspect-ratio: 1/1; }
#cta-bottom .addon-root-icon i { font-size: 50px; }
#cta-bottom .s-cta-b-socials .sppb-nested-row { justify-content: center; }
#cta-bottom .addon-root-icon:has(.home-social-icon) div, #cta-bottom .addon-root-icon:has(.home-social-icon) a { width: 100%; height: 100%; }
#cta-bottom a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
/* przepięcie animacji */
#cta-bottom a:hover .sppb-icon-inner { transform: scale(1.2); }
@media (max-width: 575px) {
	#cta-bottom .s-cta-b-socials { margin: 0 auto; }
	.sppb-section .sppb-section.s-bfix-1 { padding: 0 5px;	 }
}



#sp-footer-menu a { padding: 6px 0; }
#sp-footer-menu .s-nav-d p { margin: 6px 0 12px 0; }
#sp-footer-menu .s-nav-d p:last-child { margin: 6px 0; }
@media (max-width: 767px) { 
	#sp-footer-menu li, #sp-footer-menu p {text-align: center;}
	/* #sp-footer-menu .s-nav-a li, #sp-footer-menu .s-nav-c li { text-align: right; } */
	/* #sp-footer-menu .s-nav-a, #sp-footer-menu .s-nav-c { padding-right: 20px; border-right: 1px solid #666; } */
	/* #sp-footer-menu .s-nav-a, #sp-footer-menu .s-nav-b { padding-bottom: 14px; border-bottom: 1px solid #666; } */
	/* #sp-footer-menu .s-nav-b, #sp-footer-menu .s-nav-d { padding-left: 20px; } */
	/* #sp-footer-menu .s-nav-c, #sp-footer-menu .s-nav-d { padding-top: 14px; } */
	/* #sp-footer-menu .sppb-row { padding: 80px 0; background-image: url('/images/template/birdhouse_logo_01_footer.svg'); background-repeat: no-repeat; background-position: center; background-size: auto 100%; } */
	#sp-footer-menu .sppb-row a { fill: #0f0; }
}
#sp-footer-menu a img { max-width: 115px; }
#sp-footer-menu a:hover img, #sp-footer-menu a:active img, #sp-footer-menu a:focus img { filter: brightness(20); }



#sp-copyright { background: #000; color: #aaa; border-top: 1px solid #333; }
#sp-copyright a { color: #aaa; }
@media (max-width: 767px) { .sp-copyright div{flex-wrap:wrap; text-align:center;flex-grow: 1;}}



#s-fancy-ct1 .sppb-addon-text-block h2, #s-fancy-ct1 .sppb-addon-text-block h3, #s-fancy-ct1 .sppb-addon-text-block a { color: var(--sppb-color-main2); }
#s-fancy-ct1 .sppb-addon-text-block h2 { font-size: 26px; text-transform: initial; line-height: 24px; margin-bottom: 4px; }
#s-fancy-ct1 .sppb-addon-text-block h3 { font-size: 80px; text-transform: uppercase; line-height: 0.8; position: relative; left: -2px; /* font-weight: 600; */ }
#s-fancy-ct1 .sppb-addon-text-block a { font-size: 20px; margin-top: 14px; display: block; }



.s-fancy-ct2 .sppb-nav-modern > li { margin: 0; }
.s-fancy-ct2 .sppb-nav-modern > li > a, .s-fancy-ct2 .sppb-nav-modern > li.active > a { background-color: transparent; border: 0; border-bottom: 1px solid var(--sppb-color-black); color: var(--sppb-color-black); font-size: 1.25rem; cursor: pointer; margin: 0 0 1rem 0; padding: 1.2rem 1rem; }
.s-fancy-ct2 .sppb-nav-modern > li:nth-child(1) > a { padding-left: 0.333rem; }
.s-fancy-ct2 .sppb-nav-modern > li:nth-last-child(1) > a { padding-right: 0.333rem; }
.s-fancy-ct2 .sppb-addon-text-block { /*color: var(--sppb-color-main2);*/ margin-bottom: 0.75rem; }
/* .s-fancy-ct2 .sppb-addon-text-block p { margin: 0; font-size: 1.25rem; margin-bottom: 0; } */
/* .s-fancy-ct2 .sppb-addon-text-block p a { color: var(--sppb-color-main2); } */
.s-fancy-ct2 .text1,.s-fancy-ct2 .text2,.s-fancy-ct2 .text3,.s-fancy-ct2 a{font-size: 1rem;line-height: 0.8; /*color: var(--sppb-color-main2);*/}
.s-fancy-ct2 .text1{}
.s-fancy-ct2 .text2{font-size: 2.5rem;line-height: 0.8; font-family: var(--font2);}
.s-fancy-ct2 .text3{}
.s-fancy-ct2 .sppb-row-column{margin-bottom:2rem}

.font1 .sppb-addon-title { font-size: 70px; }
.font2 .sppb-addon-title { font-size: 50px; }
body .font3.sppb-btn.sppb-btn-link { font-size: 20px; }


.story-content-main .sppb-addon-wrapper:has(.experience-content) { top: 45px; }
.story-content-main .sppb-addon-wrapper:has(.experience-content) .experience-number { height: auto; }
.border-color-animation ul li::before { background-color: var(--sppb-color-main2); }
/* template.css -__- */
.story-content-main .sppb-addon-single-image .sppb-addon-single-image-container::before { backdrop-filter: none; }

.sp-page-builder .page-content #cta-bottom > .sppb-row-overlay { pointer-events: none; }











/** DEBUG **/
body.debug #sp-header { background: #fff9; }
body.debug #home { background-image: repeating-linear-gradient(-45deg, #f0f 0px, #f0f 10px, #000 11px, #000 21px, #f0f 22px ); }

body.debug #creators .sppb-nested-row > div { display: block!important; }