.elementor-797 .elementor-element.elementor-element-4db92ed4{--display:flex;}.elementor-797 .elementor-element.elementor-element-4db92ed4:not(.elementor-motion-effects-element-type-background), .elementor-797 .elementor-element.elementor-element-4db92ed4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://resources.shaperobotics.com/wp-content/uploads/2024/11/BG.svg");background-position:center left;background-size:100vw auto;}.elementor-797 .elementor-element.elementor-element-4db92ed4.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-797 .elementor-element.elementor-element-2c03c75f > .elementor-widget-container{margin:8vw 0vw 10vw 0vw;}@media(min-width:768px){.elementor-797 .elementor-element.elementor-element-4db92ed4{--width:119.144%;}}/* Start custom CSS for container, class: .elementor-element-4db92ed4 *//* Stylizacja dla całego kontenera */
.elementor-element-4db92ed4 {
    width: 160% !important; /* Force the width to 120% */
    max-width: none !important; /* Remove any max-width restrictions */
        position: relative; /* Required for centering */
    left: 50%; /* Start centering adjustment */
    transform: translateX(-50%); /* Center the element */
    margin: 0 auto; /* Ensure proper centering */
    padding: 0 !important; /* Reset any padding */
    box-sizing: border-box; /* Ensure padding/border don't affect width */
    background-size: cover !important; /* Ensure background covers full area */
    display: flex; /* Użyj flexboxa do centrowania */
    justify-content: center; /* Wyśrodkuj w poziomie */
    align-items: center; /* Wyśrodkuj w pionie */
}

/* Stylizacja białego kontenera */
.um-um_password_id.um {
    background-color: #FFFFFF; /* Biały kolor tła */
    padding: 30px; /* Odstępy wewnętrzne */
    border-radius: 8px; /* Zaokrąglone rogi */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Subtelny cień */
    max-width: 500px; /* Maksymalna szerokość */
    width: 100%; /* Dopasowanie do rodzica */
}

/* Stylizacja przycisku */
.um-button {
    background-color: #FFD700; /* Żółty przycisk */
    color: #05184B; /* Tekst w ciemnym niebieskim */
    font-family: 'Poppins', sans-serif; /* Czcionka */
    font-size: 16px; /* Rozmiar tekstu */
    padding: 10px 20px; /* Odstępy w przycisku */
    border: none; /* Usuń domyślne obramowanie */
    border-radius: 5px; /* Zaokrąglone rogi */
    cursor: pointer; /* Wskaźnik kursora */
    transition: background-color 0.3s ease; /* Animacja na hover */
}

.um-button:hover {
    background-color: #FFC107; /* Jaśniejszy żółty na hover */
}

/* Pola tekstowe */
.um-form-field {
    width: 100%; /* Pełna szerokość pól tekstowych */
    margin-bottom: 20px; /* Odstęp pomiędzy polami */
    padding: 10px; /* Wewnętrzne odstępy */
    border: 1px solid #ccc; /* Szare obramowanie */
    border-radius: 5px; /* Zaokrąglone rogi */
    font-size: 14px; /* Rozmiar tekstu */
    box-sizing: border-box; /* Uwzględnij padding w szerokości */
}

/* Centrowanie tekstu w formularzu */
.um-form > div {
    text-align: center;
}/* End custom CSS */