.elementor-248 .elementor-element.elementor-element-dd75df8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-248 .elementor-element.elementor-element-dd75df8:not(.elementor-motion-effects-element-type-background), .elementor-248 .elementor-element.elementor-element-dd75df8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(186deg, #FFFF11 0%, #000000 39%);}.elementor-248 .elementor-element.elementor-element-bff0068{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-248 .elementor-element.elementor-element-fb04335 .elementor-heading-title{font-family:"Exo", Sans-serif;font-size:56px;font-weight:400;color:#FFFFFF;}.elementor-248 .elementor-element.elementor-element-c09ed14{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-248 .elementor-element.elementor-element-1fd6056 > .elementor-widget-container{margin:32px 0px 0px 0px;}.elementor-248 .elementor-element.elementor-element-39b2205{--display:flex;}.elementor-248 .elementor-element.elementor-element-5259b9e{text-align:center;}.elementor-248 .elementor-element.elementor-element-5259b9e .elementor-heading-title{font-family:"Exo", Sans-serif;font-weight:500;text-shadow:0px 0px 10px #000000;color:#FFFFFF;}.elementor-248 .elementor-element.elementor-element-30aadbb.elementor-element{--align-self:center;}.elementor-248 .elementor-element.elementor-element-9edbce6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-248:not(.elementor-motion-effects-element-type-background), body.elementor-page-248 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-248 .elementor-element.elementor-element-bff0068{--width:50%;}.elementor-248 .elementor-element.elementor-element-c09ed14{--width:50%;}.elementor-248 .elementor-element.elementor-element-39b2205{--width:30%;}}/* Start custom CSS for shortcode, class: .elementor-element-1fd6056 *//* Styling individual forms */
.voucher-form {
    background: rgba(255, 255, 255, 0.1); /* Slightly transparent white background */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    width: 250px; /* Szerokość formularza */
    margin: 0 10px; /* Odstęp między formularzami */
    border: 2px solid white; /* Biała ramka */
}

.voucher-form label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    color: white; /* White label text */
}

.voucher-form input[type="text"] {
    width: 100%; /* Szerokość inputu równa 100% */
    padding: 8px;
    margin-bottom: 15px;
    border-radius: 4px;
    border: 1px solid white; /* White border */
    background: rgba(255, 255, 255, 0.7); /* Slightly transparent white background */
    color: #333; /* Dark text for inputs */
}

.voucher-form .form-message {
    margin-top: 10px;
    font-size: 14px;
    color: white; /* White text for form message */
}

/* Button styling */
.animated-button {
    background-color: #FFF301; /* Specific yellow */
    color: black; /* Black text for the button */
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; /* Full width */
    border-radius: 4px; /* Rounded corners */
}

.animated-button i {
    margin-right: 5px; /* Space between icon and text */
}

.animated-button:hover {
    background-color: #E6DB00; /* Slightly darker shade for hover */
    transform: scale(1.05); /* Slight zoom on hover */
}

.animated-button:active {
    transform: scale(0.95); /* Push effect on click */
}

/* Styling for the close button */
.close-button1 {
    position: absolute; /* Pozycjonowanie względem rodzica */
    top: 10px;
    right: 10px;
    background-color: red; /* Czerwony kolor tła */
    color: red; /* Biały kolor tekstu */
    border: none;
    width: 30px; /* Szerokość przycisku */
    height: 30px; /* Wysokość przycisku */
    border-radius: 50%; /* Zaokrąglenie kształtu */
    cursor: pointer; /* Kursor wskazujący na możliwość kliknięcia */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px; /* Rozmiar ikony X */

}

/* Additional styles for the popup */
.popup-background {
    display: none; /* Ukrywanie domyślnie */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* Czarne tło z 70% przezroczystością */
    z-index: 1000;
    align-items: center;
    justify-content: center;
}

.popup-content {
    position: relative; /* Ustawienie pozycji względem rodzica */
    padding: 20px;
    border-radius: 8px;
    width: 250px; /* Szerokość treści */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    text-align: center; /* Wyśrodkowanie tekstu */
    color: black; /* Czarny kolor tekstu */
}

/* Button styling for popup trigger */
#voucher-popup-trigger {
    background-color: #FFF301; /* Konkretny kolor żółty */
    color: black; /* Czarny kolor tekstu przycisku */
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

#voucher-popup-trigger:hover {
    background-color: #E6DB00; /* Nieco ciemniejszy odcień przy najechaniu myszą */
    transform: scale(1.1);
}

#voucher-popup-trigger:active {
    transform: scale(0.9); /* Efekt przy kliknięciu */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-30aadbb */.elementor-248 .elementor-element.elementor-element-30aadbb a{
    color: white !important;
    text-size !important;
}/* End custom CSS */