.elementor-3494 .elementor-element.elementor-element-9645aba{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-3494 .elementor-element.elementor-element-68f8b83 .elementor-heading-title{font-size:28px;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3494 .elementor-element.elementor-element-13cfe13d{line-height:20px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-3494 .elementor-element.elementor-element-03dd73d img{width:80%;}.elementor-3494 .elementor-element.elementor-element-8e747ae{--spacer-size:30px;}.elementor-3494 .elementor-element.elementor-element-3caadbc{--spacer-size:30px;}.elementor-3494 .elementor-element.elementor-element-2aaf4e35 img{width:46%;}.elementor-3494 .elementor-element.elementor-element-80c59d9{--spacer-size:30px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );}.elementor-widget-posts .ecs-load-more-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-3494 .elementor-element.elementor-element-402051e0{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-3494 .elementor-element.elementor-element-402051e0 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.6 * 100% );}.elementor-3494 .elementor-element.elementor-element-402051e0:after{content:"0.6";}.elementor-3494 .elementor-element.elementor-element-402051e0 .elementor-post__thumbnail__link{width:100%;}.elementor-3494 .elementor-element.elementor-element-402051e0 .elementor-post__meta-data span + span:before{content:"•";}.elementor-3494 .elementor-element.elementor-element-402051e0 .elementor-post__text{margin-top:20px;}.elementor-3494 .elementor-element.elementor-element-402051e0 .elementor-post__badge{right:0;}.elementor-3494 .elementor-element.elementor-element-402051e0 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-3494 .elementor-element.elementor-element-0b3ceee{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-3494 .elementor-element.elementor-element-402051e0 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-3494 .elementor-element.elementor-element-402051e0:after{content:"0.5";}.elementor-3494 .elementor-element.elementor-element-402051e0 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-48b8e9be */#subscription-comparison-calculator {
    max-width: 600px; /* Szerokość kalkulatora */
    margin: 0 auto;
    padding: 40px; /* Padding wewnętrzny */
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    font-family: 'Poppins', sans-serif;
    color: #333;
}

#subscription-comparison-calculator h2 {
    text-align: center;
    color: #003366; /* Granatowy nagłówek */
    margin-bottom: 30px;
}

.form-group {
    margin-bottom: 25px;
}

.form-group label {
    display: block;
    margin-bottom: 12px;
    font-weight: bold;
    color: #003366; /* Granatowy kolor etykiet */
    font-size: 16px;
}

.form-group input,
.form-group select {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    background-color: #f9f9f9;
    transition: border-color 0.3s ease;
}

.form-group input:focus,
.form-group select:focus {
    border-color: #4CAF50; /* Zielony kolor obramowania na focus */
}

#comparison-result {
    margin-top: 25px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #003366; /* Granatowy kolor wyniku */
}

#comparison-summary {
    margin-top: 30px;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
    background-color: #e9ecef; /* Tło tabeli */
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Dodanie cienia dla tabeli */
}

th, td {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #dee2e6; /* Jaśniejsza ramka dolna */
}

th {
    background-color: #003366; /* Granatowe tło nagłówków tabeli */
    color: #011A5A; /* Biała czcionka nagłówków tabeli */
    font-size: 16px; /* Rozmiar czcionki nagłówków */
    font-weight: bold; /* Pogrubienie czcionki nagłówków */
}

td {
    color: #343a40; /* Kolor czcionki komórek tabeli */
}

td.highlight {
    background-color: #4CAF50; /* Zielone tło dla wyróżnionych wierszy */
}

.switch-container {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    margin-right: 10px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #4CAF50; /* Zielony kolor przełącznika */
}

input:checked + .slider:before {
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.no-limit-label {
    color: #003366; /* Granatowy kolor etykiety 'NO LIMIT' */
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
}

.no-limit-label:hover {
    text-decoration: underline;
}
/* Styl dla oszczędności */
#savings-result {
    margin-top: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 16pxx;
    font-weight: bold;
    color: #4CAF50; /* Czerwony kolor dla wyróżnienia */
}
<style>
   /* Ogólny styl kontenera */
#subscription-comparison-calculator {
    font-family: 'Helvetica Neue', Arial, sans-serif; /* Nowoczesna czcionka */
    margin: 20px;
    color: #1C244B; /* Ciemnoniebieski tekst */
}

/* Styl dla tabeli */
#subscription-comparison-calculator table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    background-color: #F4F6FA; /* Jasnoszare tło tabeli */
    border-radius: 8px; /* Zaokrąglone rogi */
    overflow: hidden; /* Ukrywa nadmiarowe elementy */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtelny cień */
}

/* Styl dla nagłówków tabeli */
#subscription-comparison-calculator th {
    background-color: #103D56; /* Ciemnoniebieskie tło nagłówków */
    color: #FFFFFF; /* Biały tekst */
    padding: 12px 16px;
    text-align: left;
    font-weight: 550;
    border-bottom: 2px solid #4CAF50; /* Zielona linia pod nagłówkami */
}

/* Styl dla komórek tabeli */
#subscription-comparison-calculator td {
    padding: 12px 16px;
    border-bottom: 1px solid #E0E0E0; /* Subtelny szary border */
    color: #1C244B; /* Ciemnoniebieski tekst */
}

/* Styl dla wierszy parzystych */
#subscription-comparison-calculator tr:nth-child(even) {
    background-color: #FFFFFF; /* Białe tło dla parzystych wierszy */
}

/* Styl dla wiersza na hover */
#subscription-comparison-calculator tr:hover {
    background-color: #E8F5E9; /* Jasnozielone tło dla wiersza na hover */
}

/* Styl dla najlepszej oferty */
.highlight {
    background-color: #c36; /* Zielone tło dla najlepszej oferty */
    color: #FFFFFF; /* Biały tekst */
    font-weight: bold;
}

/* Styl dla linków */
#subscription-comparison-calculator a {
    color: #20BF55; /* Kolor linków */
    text-decoration: none; /* Bez podkreślenia */
    font-weight: 600; /* Pogrubione linki */
}

/* Styl dla linków na hover */
#subscription-comparison-calculator a:hover {
    text-decoration: underline; /* Podkreślenie linku */
    color: #4CAF50; /* Zielony kolor linków na hover */
}</style>/* End custom CSS */