/*!
Theme Name: Pest Killer Mario Theme-2
Author: Steven Matts
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pest-killer-mario

*/

#sidenav 
{
	height: 100vh;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	background-color: var(--c_box);
	width: 0vw;
	transition: all ease-in-out 200ms;
	overflow: hidden;
	
}

#sidenav ion-icon {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 99999
}

.sidenav_logo {
	width: 15rem !important;
	height: auto !important;
}

#sidenav nav {
		height: 100%;
}

#sidenav a {
	color: var(--c_white);
	padding: 1rem;
}

  .floating_phone {
	cursor: pointer;
	position: fixed;
	bottom: 0;
	left: 0;
	margin: 0px 0px 20px 20px;
	height: 60px;
	width: 60px;
	border-radius: 100%;
	border: none;
	background-color: #E4271F;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: scale(1.0);
	transition: all ease-in-out 0.2s; 
}

.floating_phone i {
	font-size: 24px;
	color: #F0F0BE;
	transition: all ease-in-out 0.1s; 
}

.floating_phone:hover {
	background-color: #F0F0BE;
	transform: scale(1.1);
	transition: all ease-in-out 0.1s; 
}

.floating_phone:hover i {
	color: #E4271F;
	transition: all ease-in-out 0.1s; 
}

.floating_phone::after {
	content: 'zadzwoń!';
	position: absolute;
	transform: translateX(0%) scale(0.0);
	font-family: "Industry Inc Stencil", Sans-serif;
	font-size: 18px;
	padding: 5px 15px 2px 15px;
	border-radius: 8px;
	background-color: #E4271F;
	color: #F0F0BE;
	z-index: -1;
	transition: transform ease-in-out 0.2s;
	transition-delay: 1s;
}

.floating_phone:hover::after {
	transform: translateX(100%) scale(1.0);
	transition-delay: 0s;
}

.floating_phone::after:hover {
	background-color: #F0F0BE !important;
	color: #E4271F !important;
}



  /* cookies */

  body #cookie_consent {
    opacity: 1.0;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    transition: 200ms ease-in-out;
    pointer-events: none !important;
}

body #cookie_consent .hidden {
    opacity: 0.0;
}

.cookie_inner {
    background-color: rgba(1, 1, 39, 0.7);
    width: 100%;
    max-height: auto;
    position: absolute;
    bottom: 0;
    gap: 0.5rem;
    padding: 0.5rem;
    pointer-events: all !important;
}

@media only screen and (max-width: 975px) {
    .cookie_inner {
        max-width: 100%;
        max-height: 80%;
    }
    .cookie_inner .menu_button {
        font-size: 14px;
    }
}

@media only screen and (max-width: 465px) {
    .cookie_inner .menu_button {
        font-size: 3vw;
    }
}

.cookie_inner .menu_button {
    opacity: 0.65;
}

@media only screen and (max-width: 1275px) {
    body .cookie_inner {
        flex-direction: column;
    }
    
}

.privacy_policy_p {
    padding-top: 160px;
    padding-bottom: 60px;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
}

.privacy_policy_p_inner > * {
    color: #F0F0BE !important;
}

.privacy_policy_p_inner {
    color: #F0F0BE !important;
}

.privacy_policy_p_inner ul {
    margin-left: 2rem;
}

.privacy_policy_p_inner p, .privacy_policy_p_inner ul {
    margin-top: 0.8rem;
}

.privacy_policy_p_inner strong {
    font-size: 1.3em;
    padding-top: 1.2rem;
    display: inherit;
}

.text_indent {
    text-indent: 2rem;
}


/* cookies z cookieYes */

.cky-consent-bar {
	background-color: rgba(1, 1, 39, 0.7) !important;
	border: none !important;
	width: 100vw !important;
	height: auto !important;
	position: fixed !important;
	bottom: 0px !important;
}

.cky-consent-container {
	left: 0px !important;
	bottom: 0px !important;
}

.cky-notice-btn-wrapper button {
	background-color: #F0F0BE !important;
	color: #E4271F !important;
	font-family: "industry-inc-stencil", sans-serif !important;
	padding: 8px 15px 2px 15px !important;
	border: none !important;
	border-radius: 5px !important;
}


@media only screen and (max-width: 975px) {
	.cky-notice-btn-wrapper button {
		padding: 3px 10px 0px 10px !important;
		font-size: 12px !important; 
	}
}

.cky-notice-des p {
		color: #F0F0BE !important;
	font-size: 14px !important;
	font-family: "Chakra Petch",Sans-serif !important;
}

.cky-notice-group {
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-evenly !important;
	align-items: center !important;
}

.cky-notice-des {
	width: max-content !important;
}

.cky-notice-des a {
	color: #E4271F !important;
}

.cky-notice-btn-wrapper {
	width: max-content !important;
	margin-top: 0px !important;
}

.cky-title {
	display: none !important;
}

.cky-consent-container .cky-consent-bar {
	padding: 5px !important;
	border-radius: 0px !important;
}

.cky-revisit-bottom-left {
	left: unset !important;
	right: 15px !important;
}

.page_content {
    font-family: 'Chakra Petch';
    max-width: 1280px;
    margin-inline: auto;
    padding: 7rem 5rem;
    background: #04041c2b;

	margin-bottom:90px;
}
.page_content h1{
	padding:10px 0 20px;
}
.page_content h2{
	padding:15px 0;
}
.page_content h3{
	padding:5px 0 10px 0;
}
.page_content p{
	padding:10px 0;
}
.page_content ul{
	padding-left:2vw;
}
.page_content li{
	padding-bottom:10px;
}
.s1.single_page {
    width: 100%;
    height: auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 99;
    display: block;
} 

@media (max-width:800px){
	.page_content {
		max-width: 1280px;
		margin-inline: auto;
		color: #e3e3e3;
		padding: 4rem 1rem;
		font-size:14px;
		line-height:1.3;
		margin-bottom:90px;
		margin-top:60px;
		padding-top:50px;
	}
}

#sidenav {
	display: flex;
	justify-content: center;
}


@import url("https://use.typekit.net/rme8udv.css");

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "chakra-petch", sans-serif;
    overflow: visible;
    position: relative;

}


:root {
    color-scheme: dark;
    --c_red: #E41F28;
    --c_white: #F0F0BE;
    --c_dark: #010127;
    --c_box: #121223;
    --c_blue: #02AA9B;
    --c_white_light: #f0f0becc;
	
	--carousel-item-width: 180px;
	--carousel-item-height: 252px;
	--carousel-radius: 460px;
	--animation-duration-seconds: 40;
	--background-color: #0a192f;
	--item-bg-color: rgba(240, 240, 240, 0.95);
	--item-hover-border-color: rgba(255, 255, 255, 0.9); 
	--max-blur: 5px;         
	--min-brightness: 0.4;  
	
	--slider-track-height: 0.5rem;
	--slider-track-bg: var(--c_white);
	--slider-track-border-radius: 1rem;

	--slider-thumb-size: 20px;
	--slider-thumb-bg: var(--c_red); /* Example: Red color */
	--slider-thumb-border-radius: 50%; /* Makes it a circle */
	--slider-thumb-border: 2px solid var(--c_dark);
	--slider-thumb-shadow: 0 0px 1rem #E41F28;

	--slider-thumb-hover-bg: #e03a3a;
	--slider-thumb-active-bg: #c02a2a;
  }


html {
    font-size: 15px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    overflow:inherit;
    color: white;
    scroll-behavior: smooth;
    scroll-padding: auto;
    scrollbar-gutter: stable;
    line-height: 1.15;
}

b {
    font-weight: 600;
}

a {
    cursor: pointer;
    text-decoration: none;
    color: unset;
}

img {
    width: 100%;
    height: auto;
}

p {
    line-height: 1.4;
}

.text_bold {
    font-weight: 800;
}

.line_h_1 {
    line-height: 1;
}

.text_uppercase {
    text-transform: uppercase;
}

.font_industry {
    font-family: 'industry-inc-base', sans-serif;
    font-style: normal;
}

.font_chakra {
    font-family: "chakra-petch", sans-serif;
}

.font_small_mobile {
    font-size: inherit;
}

.font_s1 {
    font-size: 0.8rem;
}
.font_s2 {
    font-size: 1rem;
}

.font_s22 {
    font-size: 1.2rem;
}

.font_s3 {
    font-size: 1.5rem;
}



.font_m1 {
    font-size: 2rem;
}

.font_m2 {
    font-size: 3.5rem;
}


.font_l1 {
    font-size: 4.5rem;
}

.font_l2 {
    font-size: 6rem;
}

.font_l3 {
    font-size: 8rem;
}





.font_300 {
    font-weight: 300;
}

.font_400 {
    font-weight: 400;
}

.font_600 {
    font-weight: 600;
}

.font_700 {
    font-weight: 700;
}

.font_900 {
    font-weight: 900;
}

.container {
    margin: 0 auto;
    text-align: center;
    height: auto;
    width: auto;
}

.container_inner {
    margin: 0 auto;
    text-align: center;
    height: auto;
    width: calc(100% - 2rem);
    max-width: 1250px;
}
.border {
    border: 1px solid;
    border-radius: 4rem;
    border-color: rgba(255, 255, 255, 0.178);
}

.border_s {
    border: 1px solid;
    border-radius: 1.3rem;
    border-color: rgba(255, 255, 255, 0.05);
}

.border_xs {
    border: 1px solid;
    border-radius: 1rem;
    border-color: rgba(255, 255, 255, 0.05);
}

.bg_dark {
    background-color: var(--c_dark);
}

.bg_red {
    background-color: var(--c_red);
}

.bg_box {
    background-color: var(--c_box);
}

.c_white {
    color: rgb(212, 212, 212);
}

.c_white_light {
    color: var(--c_white_light);
}

.c_red {
    color: var(--c_red);
}

.c_white {
    color: var(--c_white);
}

.c_dark {
    color: var(--c_dark);
}

.c_blue {
    color: var(--c_blue);
}

.c_white100 {
    color: rgb(255, 255, 255);
}

/* Padding */
.p_025 {
    padding: 0.25rem
}

.p_05 {
    padding: 0.5rem
}

.p_1 {
    padding: 1rem
}

.p_2 {
    padding: 2rem
}

.p_3 {
    padding: 3rem
}

.p_4 {
    padding: 4rem
}

.p_5 {
    padding: 5rem
}

.p_v_025 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.p_v_05 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.p_v_1 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.p_v_2 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.p_v_3 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.p_v_4 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.p_v_5 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.p_h_025 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.p_h_05 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.p_h_1 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.p_h_2 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.p_h_3 {
    padding-left: 3rem;
    padding-right: 3rem;
}

.p_h_4 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.p_h_5 {
    padding-left: 5rem;
    padding-right: 5rem;
}

.p_r_025 {
    padding-right: 0.25rem
}

.p_r_05 {
    padding-right: 0.5rem
}

.p_r_1 {
    padding-right: 1rem
}

.p_r_2 {
    padding-right: 2rem
}

.p_r_3 {
    padding-right: 3rem
}

.p_r_4 {
    padding-right: 4rem
}

.p_r_5 {
    padding-right: 5rem
}

.p_l_025 {
    padding-left: 0.25rem
}

.p_l_1 {
    padding-left: 1rem
}

.p_l_2 {
    padding-left: 2rem
}

.p_l_3 {
    padding-left: 3rem
}

.p_l_4 {
    padding-left: 4rem
}

.p_l_5 {
    padding-left: 5rem
}

.p_b_025 {
    padding-bottom: 0.25rem;
}

.p_b_05 {
    padding-bottom: 0.5rem;
}

.p_b_1 {
    padding-bottom: 1rem
}

.p_b_2 {
    padding-bottom: 2rem
}

.p_b_3 {
    padding-bottom: 3rem
}

.p_b_4 {
    padding-bottom: 4rem
}

.p_b_5 {
    padding-bottom: 5rem
}

.p_t_025 {
    padding-top: 0.25rem
}

.p_t_05 {
    padding-top: 0.5rem
}

.p_t_1 {
    padding-top: 1rem
}

.p_t_2 {
    padding-top: 2rem
}

.p_t_3 {
    padding-top: 3rem
}

.p_t_4 {
    padding-top: 4rem
}

.p_t_5 {
    padding-top: 5rem
}

.m_0 {
    margin: 0;
}

.m_0_auto {
    margin: 0 auto;
}

.m_025 {
    margin: 0.25rem;
}

.m_05 {
    margin: 0.5rem;
}

.m_1 {
    margin: 1rem;
}

.m_2 {
    margin: 2rem;
}

.m_3 {
    margin: 3rem;
}

.m_4 {
    margin: 4rem;
}

.m_5 {
    margin: 5rem;
}

.m_v_025 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.m_v_05 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.m_v_1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.m_v_2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.m_v_3 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.m_v_4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.m_v_5 {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.m_h_025 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.m_h_05 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.m_h_1 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.m_h_2 {
    margin-left: 2rem;
    margin-right: 2rem;
}

.m_h_3 {
    margin-left: 3rem;
    margin-right: 3rem;
}

.m_h_4 {
    margin-left: 4rem;
    margin-right: 4rem;
}

.m_h_5 {
    margin-left: 5rem;
    margin-right: 5rem;
}

.m_r_025 {
    margin-right: 0.25rem
}

.m_r_05 {
    margin-right: 0.5rem
}

.m_r_1 {
    margin-right: 1rem
}

.m_r_2 {
    margin-right: 2rem
}

.m_r_3 {
    margin-right: 3rem
}

.m_r_4 {
    margin-right: 4rem
}

.m_r_5 {
    margin-right: 5rem
}

.m_l_a {
    margin-left: auto;
}

.m_l_025 {
    margin-left: 0.25rem
}

.m_l_05 {
    margin-left: 0.5rem
}

.m_l_1 {
    margin-left: 1rem
}

.m_l_2 {
    margin-left: 2rem
}

.m_l_3 {
    margin-left: 3rem
}

.m_l_4 {
    margin-left: 4rem
}

.m_l_5 {
    margin-left: 5rem
}

.m_b_025 {
    margin-bottom: 0.25rem;
}

.m_b_05 {
    margin-bottom: 0.5rem;
}

.m_b_1 {
    margin-bottom: 1rem
}

.m_b_2 {
    margin-bottom: 2rem;
}

.m_b_3 {
    margin-bottom: 3rem;
}

.m_b_4 {
    margin-bottom: 4rem;
}

.m_b_5 {
    margin-bottom: 5rem;
}

.m_t_auto {
    margin-top: auto;
}

.m_t_025 {
    margin-top: 0.25rem
}

.m_t_05 {
    margin-top: 0.5rem
}

.m_t_1 {
    margin-top: 1rem
}

.m_t_2 {
    margin-top: 2rem
}

.m_t_3 {
    margin-top: 3rem
}

.m_t_4 {
    margin-top: 4rem
}

.m_t_5 {
    margin-top: 5rem
}


.flex_c_c {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    justify-items: center;
}

.flex_c_sa {
    display: flex;
    justify-content: space-around;
    justify-items: center;
    align-items: center;
    align-content: center;

}

.flex_row {
    display: flex;
    flex-direction: row;
}

.flex_row_mobile_column {
    display: flex;
    flex-direction: row;
}

.flex_column {
    display: flex;
    flex-direction: column;
}

.flex_column_mobile_row {
    display: flex;
    flex-direction: column;
}

.grid {
    display: grid;
    grid-auto-columns: minmax(200px, 1fr);
    grid-auto-flow: column;
}

.grid_2_2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.grid_3_3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.gap_05 {
    gap: .5rem;
}

.gap_1 {
    gap: 1rem;
}

.gap_2 {
    gap: 2rem;
}

.gap_4 {
    gap: 4rem;
}

.max_w_1250 {
    max-width: 1250px;
}

.w_40 {
    width: 40%;
}

.w_50 {
    width: 50%;
}

.w_50_mobile_100 {
	width: 50%;
}

.w_60 {
    width: 60%;
}

.w_100 {
    width: 100%;
}

.h_100 {
    height: 100%;
}

.h_100vh {
    height: 100vh;
}

.h_75vh {
    height: 75vh;
}

.h_60vh {
    height: 60vh;
}

.h_50vh {
    height: 50vh;
}

.box {
    padding: 1.8rem;
    height: auto;
}

.d_block {
    display: block;
}

.d_none {
    display: none;
}

.z_i_2 {
    z-index: 2;
}

.z_i_1 {
    z-index: 1;
}

.z_i_3 {
    z-index: 3;
}

.z_i_4 {
    z-index: 4;
}

.trans50ms {
    transition: all cubic-bezier(0.5, 0.01, 0.29, 0.99) 50ms;
}

.trans100ms {
    transition: all cubic-bezier(0.5, 0.01, 0.29, 0.99) 100ms;
}

.trans200ms {
    transition: all cubic-bezier(0.5, 0.01, 0.29, 0.99) 200ms;
}

.trans400ms {
    transition: all cubic-bezier(0.5, 0.01, 0.29, 0.99) 400ms;
}

.float_right {
	float: right;
}

.text_right {
	text-align: right;
}

.text_left {
	text-align: left;
}

.text_center {
	text-align: center;
}


.ov_clip {
	overflow: clip;
}

/* INDYWIDUALNE */

#page {
	overflow-x: hidden;
}

#app {
    background-color: var(--bg_c_dark);
	padding-right: 1rem;
    padding-left: 1rem;
}

#app_bg_img {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-image: url(https://pestkillermario.pl/wp-content/uploads/2024/01/bg1.jpg);
    background-size: cover;


}

#app_bg_img div {
    width: 100vw;
    height: 100vh;
    background-color: var(--c_dark);
    background: linear-gradient(0deg, #000010 0%, rgb(0 3 22 / 50%) 100%);}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: auto;
    background-color: #010006;
    z-index: 999;
    display: flex;
    justify-content: center;
}

header img {
    height: 4rem;
    width: auto;
}

.button_red {
    padding: 0.5rem 1rem 0.3rem 1rem;
    background-color: var(--c_red);
    color: var(--c_white);
    font-family: 'chakra-petch';
    border: 0px solid;
    border-radius: 0.5rem;
    text-transform: uppercase;
}

.button_red:hover {
    background-color: var(--c_red);
    box-shadow: 0px 0px 2rem 0.2rem var(--c_red);
    transform: scale(1.05);
}

.lightbox {
    display: none;
    position: fixed;
    z-index: 1000;
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.9);
}

.lightbox-content {
    position: fixed;
    transform: translate(-50%, -50%);
    transition: transform 0.25s ease;
    max-width: 100%;
    cursor: grab;
    height: 80vh;
    width: auto;
}

@media only screen and (max-width: 768px), only screen and (max-height: 600px) {
	.lightbox-content {
		height: auto;
	}
}


.lightbox-content:active {
    cursor: grabbing;
}

.close {
    position: fixed;
    top: 15px;
    right: 35px;
    font-weight: bold;
    transition: 0.3s;
	width: auto;
	height: auto;
	padding: 1rem;
}

.close:hover,
.close:focus {
    text-decoration: none;
    cursor: pointer;
}

.zoom-controls {
    position: fixed;
    top: 15px;
    left: 35px;
	display: flex;
}

.zoom-controls button {
    border: none;
    margin: 5px;
    cursor: pointer;
	padding: 1rem;
}

.zoom-controls button:hover {
}

@media (min-width: 768px) {
    .lightbox-content {
        overflow: scroll;
    }
}

.offer_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.offer_grid img {
    max-height: 4rem;
    width: auto;
}

.offer_grid > div {
    justify-content: flex-start;
    margin-bottom: 4rem;
}

.offer_grid ul {
    display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
	gap: 0.5rem;
    
}

.offer_grid li {
    display: block;
    padding-right: 0.5rem;
    color: var(--c_blue);
    font-weight: 500;
	border-right: 1px solid var(--c_gray);
} 

.offer_grid li::before {
	content: '✔ ';
	color: var(--c_red);
}





.table_btn {
    padding: 0.2rem 0.5rem 0.1rem 0.5rem;
    background-color: var(--c_red);
    color: var(--c_white);
    font-family: 'chakra-petch';
    border: 0px solid;
    border-radius: 0.4rem;
    text-transform: uppercase;
}

.table_btn:hover {
    background-color: var(--c_red);
    box-shadow: 0px 0px 2rem 0.2rem var(--c_red);
    transform: scale(1.05);
}

.s1 h1 {
    transform: skew(-3deg, -6deg);
    line-height: 1;
}

#reviews_s1 {
	white-space:nowrap; 
}

#noise_svg {
    position: fixed;
    mix-blend-mode: soft-light;
    top: 0;
    left: 0;
    opacity: 1;
    filter: grayscale(1);
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.s1offer {
    position: absolute;
    bottom: 5rem;

}


.vertical_divider {
    border-right: 1px solid var(--c_white_light);
    padding-right: 2rem;
    padding-left: 2rem;
}

.vertical_divider_2 {
    padding-right: 2rem;
    padding-left: 2rem;
}

td {
/*     border: 1px solid; */
/*     border-radius: 0.5rem; */
/*     border-color: rgba(255, 255, 255, 0.05);
    background-color: var(--c_box); */
    padding: 0.5rem;
    width: auto;
}

td:nth-child(1) {
    text-align: left;
}

td:nth-child(2) {
    text-align: right;
}

table {
    border-spacing: 0rem 1rem;
    border-collapse: separate;
    table-layout: fixed;
    min-width: 500px;
    width: 50vw;
    max-width: 800px;
}


.title_w_divider {
    text-wrap: nowrap;
    padding: 0.5rem 2rem;
}

.divider .left, .divider .right {
    width: 100%;
    height: 1px;
    background-color: var(--c_white);
}

.accordion {
    cursor: pointer;
    text-align: left;
    outline: none;
    transition: 0.1s;
	display: flex;
	justify-content: start;
	align-content: center;
	align-items: center;
	gap: 1rem;
}

.active {
	background-color: #1f1f30 !important;
}

.accordion > ion-icon {
	transform: rotate(0deg);
	transition: transform ease-in-out 200ms;
}

.active > ion-icon {
	transform: rotate(90deg);
	transition: transform ease-in-out 200ms;
}

.panel {
    padding: 0.5rem 2rem;
    max-height: 0;
    overflow: hidden;
    transition: all 0.2s ease-out;
    opacity: 0;
}

.gallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr ;
    max-width: 800px;

}

.gallery img {
    transform: scale(1);
}

.gallery img:hover {
    transform: scale(1.05);
}

.obszar img {
    max-width: 100%;
    width: auto;
    height: 15rem;
}

.s8 img {
    width: 15rem;
}

.footer {
    margin-top: 8rem;
}

.after_footer {
    border-top: 1px solid #f0f0be48;
}

.offer_additional {
    transform: skew(-3deg, -6deg);
    margin: 10rem auto 10rem auto;
}



.reviews_container {
	display: grid !important;
	  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	  gap: 1rem !important;
}

.review_item.review_item.review_item.review_item.review_item.review_item.review_item.review_item.review_item {
	background-color: var(--c_box) !important;
	border: 1px solid rgba(255, 255, 255, 0.05) !important;
	border-radius: 1rem !important;
	padding: 1rem !important;
	font-family: "chakra-petch";
}

.review_item.review_item.review_item.review_item.review_item.review_item > * {
	font-family: "chakra-petch" !important;

}

.review_item.review_item.review_item.review_item.review_item.review_item > div {
		display: flex !important;
		flex-direction: column !important;
		gap: 0.5rem !important;
}

.review_item.review_item.review_item.review_item.review_item.review_item > svg {
	position: absolute !important;
	  top: 1rem !important;
	  right: 1em !important;
}

.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader {
	display: flex !important;
	justify-content: center;
  	flex-wrap: wrap;
  	align-content: center;
	flex-direction: column;
	width: max-content !important;
  	margin: 0 auto !important;
	background-color: var(--c_box) !important;
  	border: 1px solid rgba(255, 255, 255, 0.05) !important;
  	border-radius: 1rem !important;
  	padding: 1rem !important;
	margin-bottom: 1rem !important;
}

.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader .wp-google-rating {
	color: var(--c_red) !important;
}

.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader .wp-google-stars * {
	fill: var(--c_red) !important;
}
.wp-stars.wp-stars.wp-stars.wp-stars.wp-stars.wp-stars path {
	fill: var(--c_red) !important;
}

.wp-google-text.wp-google-text.wp-google-text.wp-google-text.wp-google-text.wp-google-text.wp-google-text.wp-google-text.wp-google-text {
	font-weight: 100 !important;
	color: var(--c_white) !important;

}

.wp-google-feedback.wp-google-feedback.wp-google-feedback.wp-google-feedback.wp-google-feedback.wp-google-feedback.wp-google-feedback {
		
  	display: block;
  	overflow: hidden !important;
}

.wp-google-feedback.wp-google-feedback.wp-google-feedback.wp-google-feedback.wp-google-feedback.wp-google-feedback.wp-google-feedback.wp-google-feedback.big {
	max-height: 120px !important;
}

.grw-header-inner.grw-header-inner.grw-header-inner.grw-header-inner.grw-header-inner.grw-header-inner.grw-header-inner.grw-header-inner {
	margin: 0px !important;
}

.wp-google-powered.wp-google-powered.wp-google-powered.wp-google-powered.wp-google-powered.wp-google-powered.wp-google-powered.wp-google-powered {
	color: var(--c_white) !important;
	font-family: "chakra-petch" !important;
}

.wp-google-powered.wp-google-powered.wp-google-powered.wp-google-powered.wp-google-powered.wp-google-powered.wp-google-powered.wp-google-powered img {
	display: none !important;
}
.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader.reviewsHeader  {
	text-align: center !important;
}

.wp-google-name.wp-google-name.wp-google-name.wp-google-name.wp-google-name.wp-google-name.wp-google-name.wp-google-name.wp-google-name {
	color: var(--c_white) !important;
}

.read_more_review.read_more_review.read_more_review.read_more_review.read_more_review.read_more_review.read_more_review.read_more_review {
	border: 0px solid transparent !important;
	background: none !important;

}




.map_wrapper {

     height: min-content;
}

.map_wrapper svg {
    overflow: visible;
}

.area {
    opacity: 0;
    transition: 400ms ease-in-out;


}

.area.valid:has(.fil0):hover {
    opacity: 1;
    transition: 100ms ease-in-out;
    transform: scale(1.01);
    transform-origin: 50% 50%;
    cursor: pointer;

}

.map_circle, .map_text {
    pointer-events: none;
}

.map_circle {
	filter: drop-shadow(0px 0px 0.1rem var(--c_red)) drop-shadow(0px 0px 0.2rem var(--c_red)) drop-shadow(0px 0px 1rem var(--c_red));
}

.map_border {
	filter: drop-shadow(0px 0px 0.2rem var(--c_white));
}

.map_inner {
	filter: drop-shadow(0px 0px 0.1rem var(--c_white));
	pointer-events: none;
}

.map-floating-name {
    position: absolute;
    pointer-events: none;
	z-index: 9999;
	top: 0;
	left:0;
	opacity: 0;
	transition: 100ms  ease-in-out;
	transition-property: opacity;
}

.map-floating-name_active {
	opacity: 1;
	transition: 100ms  ease-in-out;
		transition-property: opacity;
}


.area_active {
	filter: drop-shadow(0px 0px 3rem #00f2ff);
}


        .certificate-carousel-container {
            width: 90%;
            max-width: 1000px;
            margin: 40px auto;
            padding: 20px 0;
            perspective: 1500px;
            perspective-origin: 50% 50%;
        }

        .certificate-carousel {
            position: relative;
            width: 100%;
            height: calc(var(--carousel-item-height) + 60px);
            transform-style: preserve-3d;
        }

        .carousel-track {
            position: relative;
            width: 100%;
            height: 100%;
            transform-style: preserve-3d;
        }

        .certificate-item {
			
            position: absolute;
            left: calc(50% - var(--carousel-item-width) / 2);
            top: calc(50% - var(--carousel-item-height) / 2);
            width: var(--carousel-item-width);
            height: var(--carousel-item-height);
            transform-origin: 50% 50%;
            backface-visibility: visible;
            border: 0px; /* Usunięty border, możesz dodać jeśli chcesz */
            border-radius: 0.3rem;
            background-color: var(--item-bg-color);
            box-shadow: 0 5px 15px rgba(0,0,0,0.3), inset 0 0 5px rgba(0,0,0,0.2);
            /* === ZMIANA === Transition tylko dla transform, box-shadow i filter */
            transition: transform 0.4s ease, box-shadow 0.4s ease, filter 0.2s linear;
            cursor: pointer;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            /* Domyślne wartości, będą nadpisywane przez JS */
            filter: brightness(1) blur(0px);
            /* Usunięto opacity: 1; */
        }

        .certificate-item img {
            display: block;
            width: 95%;
            height: 95%;
            object-fit: cover;
        }

        .certificate-item:hover,
        .certificate-item:focus {
            transform: var(--item-transform) scale(1.08) !important;
            box-shadow: 0 8px 25px rgba(0,0,0,0.5), inset 0 0 8px rgba(0,0,0,0.3);
            z-index: 10;
            filter: brightness(1) blur(0px) !important;
        }

        .certificate-item:focus {
            outline: none;
        }

        .carousel-slider-container {
            margin-top: 40px;
            display: flex;
            justify-content: center;
            padding: 0 20px;
        }

		/* --- Base Slider Styles & Container --- */
		.carousel-slider-container {
		  padding: 20px 0; /* Add some padding so thumb doesn't get cut off */
		  display: flex; /* Optional: center slider if container is wider */
		  justify-content: center; /* Optional: center slider */
		}

		#carousel-slider {
		  width: 80%;
		  max-width: 500px;
		  height: var(--slider-thumb-size); /* Make height accommodate thumb */
		  cursor: grab;
		  margin: 0; /* Reset default margins */
		  padding: 0; /* Reset default padding */
		  background: transparent; /* Hide default background/track */
		  -webkit-appearance: none; /* Override default look in WebKit */
		  appearance: none; /* Override default look */
		}

		#carousel-slider:active {
		  cursor: grabbing;
			
		}

		/* --- Remove default focus outlines (optional, replace with custom) --- */
		#carousel-slider:focus {
		  outline: none;
		}

		/* --- Custom Track Styling --- */

		/* WebKit (Chrome, Safari, Edge, Opera) */
		#carousel-slider::-webkit-slider-runnable-track {
		  width: 100%;
		  height: var(--slider-track-height);
		  background: var(--slider-track-bg);
		  border-radius: var(--slider-track-border-radius);
		  border: none; /* Remove default border */
		  box-shadow: inset 0 0 2px rgba(0,0,0,0.1); /* Optional inner shadow */
		}

		/* Firefox */
		#carousel-slider::-moz-range-track {
		  width: 100%;
		  height: var(--slider-track-height);
		  background: var(--slider-track-bg);
		  border-radius: var(--slider-track-border-radius);
		  border: none; /* Remove default border */
		  box-shadow: inset 0 0 2px rgba(0,0,0,0.1); /* Optional inner shadow */
		}

		/* --- Custom Thumb ("Grabbing Thing") Styling --- */

		/* WebKit (Chrome, Safari, Edge, Opera) */
		#carousel-slider::-webkit-slider-thumb {
		  -webkit-appearance: none; /* MUST HAVE for custom styles */
		  appearance: none;
		  margin-top: calc((var(--slider-track-height) - var(--slider-thumb-size)) / 2 - (/* thumb border-width */ 2px)); /* Center thumb vertically */
		  height: var(--slider-thumb-size);
		  width: var(--slider-thumb-size);
		  background: var(--slider-thumb-bg);
		  border-radius: var(--slider-thumb-border-radius);
		  border: var(--slider-thumb-border);
		  box-shadow: var(--slider-thumb-shadow);
		  cursor: grab;
		  transition: background-color 0.15s ease-in-out; /* Smooth transition */
		}

		#carousel-slider:active::-webkit-slider-thumb {
		   cursor: grabbing;
			transform: scale(1.1);
		}

		#carousel-slider:hover::-webkit-slider-thumb {
		  background: var(--slider-thumb-hover-bg);
			transform: scale(1.1);
		}

		#carousel-slider:active::-webkit-slider-thumb {
		  background: var(--slider-thumb-active-bg);
			transform: scale(1.1);
		}

		/* Add focus style to thumb for accessibility */
		#carousel-slider:focus::-webkit-slider-thumb {
		   box-shadow: 0 0 0 3px rgba(240, 74, 74, 0.5); /* Example focus ring */
			transform: scale(1.1);
		}


		/* Firefox */
		#carousel-slider::-moz-range-thumb {
		  height: var(--slider-thumb-size);
		  width: var(--slider-thumb-size);
		  background: var(--slider-thumb-bg);
		  border-radius: var(--slider-thumb-border-radius);
		  border: var(--slider-thumb-border);
		  box-shadow: var(--slider-thumb-shadow);
		  cursor: grab;
		  transition: background-color 0.15s ease-in-out; /* Smooth transition */
		}

		#carousel-slider:active::-moz-range-thumb {
		   cursor: grabbing;
			transform: scale(1.1);
		}

		#carousel-slider:hover::-moz-range-thumb {
		  background: var(--slider-thumb-hover-bg);
			transform: scale(1.1);
		}

		#carousel-slider:active::-moz-range-thumb {
		  background: var(--slider-thumb-active-bg);
			transform: scale(1.1);
		}

		/* Add focus style to thumb for accessibility */
		#carousel-slider:focus::-moz-range-thumb {
		   box-shadow: 0 0 0 3px rgba(240, 74, 74, 0.5); /* Example focus ring */
			transform: scale(1.1);
		}

.wp-google-reply {
	display: none !important;
}

@media only screen and (max-width: 1920px), only screen and (max-height: 1080px) {
    html {
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 1366px), only screen and (max-height: 780px) {
    html {
        font-size: 11px !important;

    }
	    .font_small_mobile_m {
        font-size: 1.2rem !important;
    }
}
  

@media only screen and (max-width: 975px) {
		#oferta .offer_grid {
		grid-template-columns: 1fr 1fr; 
	}
	.display_none_mobile {
    	display: none !important;
	}
	.header_mobile_inner {
		display: flex;
		justify-content: space-evenly;
		flex-direction: row !important;
	}
	#home h1 {
		font-size: 11vw;
	}
	.s1offer {
		bottom: 10rem;
	}
	
}

@media only screen and (min-width: 976px) {
	.display_none_dekstop {
    	display: none !important;
	}
}

@media only screen and (max-width: 768px), only screen and (max-height: 600px) {
    html {
        font-size: 11px !important;
    }
    .flex_row_mobile_column {
        display: flex;
        flex-direction: column !important;
    }

    .flex_column_mobile_row {
        display: flex;
        flex-direction: row !important;
    }

    .font_small_mobile_s {
        font-size: 0.7em !important;
    }

    .font_small_mobile_m {
        font-size: 1.2rem !important;
    }
	 #oferta .offer_grid {
		grid-template-columns: 1fr ; 
	}
	#faq .grid_3_3 {
		grid-template-columns: 1fr 1fr;
	}
	#kontakt .vertical_divider {
		border-right: none !important;
	}
	
	.w_50_mobile_100 {
		width: 100%;
	}
}



@media only screen and (max-width: 600px), only screen and (max-height: 550px) {
    html {
        font-size: 11px !important;
    }
    .flex_row_mobile_column {
        display: flex;
        flex-direction: column !important;
    }

    .flex_column_mobile_row {
        display: flex;
        flex-direction: row !important;
    }

    .font_small_mobile_s {
        font-size: 0.7em !important;
    }

    .font_small_mobile_m {
        font-size: 1.2rem !important;
    }
	table {
		min-width: 100%;
	}
		#faq .grid_3_3 {
		grid-template-columns: 1fr;
	}
	.font_l2 {
		font-size: 4.5rem !important;
	}
}


/* animation */
.s1offer {
	animation-name: jumpingoffer;
	animation-iteration-count: infinite;
	animation-duration: 2s;
}

@keyframes jumpingoffer {
	0% {
		transform: translateY(0rem);
	}
	10% {
		transform: translateY(-1rem);
	}
	20% {
		transform: translateY(0rem);
	}
	30% {
		transform: translateY(-1rem);
	}
	40% {
		transform: translateY(0rem);
	}
	
	100% {
		transform: translateY(0rem);
	}
}



/* admin bar */

#wp-admin-bar-customize,
#wp-admin-bar-updates,
#wp-admin-bar-comments,
#wp-admin-bar-new-content,
#wp-admin-bar-edit,
#wp-admin-bar-wpseo-menu,
#wp-admin-bar-top-secondary {
	display: none !important;
}