body
{
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

header
{
    background-color: white;
}

.przycisk
{
    background-color: #64bcf3;
    width: 100px;
    border-radius: 20px;
    height: 40px;
    text-align: center;
}

.przycisk:hover
{
    background-color: #7accff;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.navbar-collapse
{
    text-align: center;
}

a
{
    text-decoration: none;
    color: currentColor;
}

.tel
{
    color: #64bcf3;
}

.tel:hover
{
    color: #807f7f;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

#parallax
{
    background-image: url("img/tło1.jpeg");
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
}

#parallax2
{
    background-image: url("img/tło2.jpg");
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.zapisz
{
    text-align: center;
    min-height: 500px;
}

@media (min-width: 926px)
{
    .video
    {
        width: 40vw;
        height: 26vw;
    }
}

@media (min-width: 769px) and (max-width: 925px)
{
    .video
    {
        width: 48vw;
        height: 20vw;
    }
}

@media (min-width: 576px) and (max-width: 768px)
{
    .video
    {
        width: 62vw;
        height: 36vw;
    }
}

@media (min-width: 450px) and (max-width: 576px) 
{
    .video
    {
        width: 70vw;
        height: 36vw;
    }
}

@media (max-width: 450px) 
{
    .video
    {
        width: 84vw;
        height: 36vw;
    }
}

.formularz
{
    max-width: fit-content;
    background-color: #64bcf3;
    padding: 10px;
    border-radius: 20px;
    padding-left: 40px;
    padding-right: 40px;
}

.formularz:hover
{
    background-color: #7accff;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.formularz1
{
    max-width: fit-content;
    background-color: #57b7f3;
    padding: 10px;
    border-radius: 20px;
    padding-left: 80px;
    padding-right: 80px;
}

.formularz1:hover
{
    background-color: #67c5ff;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.kafelki
{
    background-color: rgb(217, 217, 217);
    background-color: rgba(250, 250, 250, 1);
    background-image: linear-gradient(180deg, rgba(250, 250, 250, 1) 47%, rgba(210, 210, 210, 1) 79%);
}

.opis
{
    background-color: #dadadab9;
    border-radius: 8px;
}

.opis p
{
    color: #4c4c4c;
}

.program
{
    background-color: #f9f9f9;
}

.program p
{
    color:#4c4c4c;
}

.opisy
{
    background-color: #dbdbdb;
    border-radius: 8px;
    -webkit-box-shadow: 8px 8px 27px -17px rgba(94, 94, 94, 1);
    -moz-box-shadow: 8px 8px 27px -17px rgba(94, 94, 94, 1);
    box-shadow: 8px 8px 27px -17px rgba(94, 94, 94, 1);
}

.sekcja-zespol
{
    background-image: url("img/tło3.jpg");
}

.sekcja-zespol h4
{
    color:#807f7f;
    font-weight: 300;
}

.sekcja-zespol .card-text
{
    color:#807f7f;
    font-weight: 300;
}

.maska
{
    background-color: #e2e2e2c2;
}

.zespol
{
    background-color: white;
}

.daty
{
    color: #4c4c4c;
}

.wykres
{
    background-color: rgba(41, 81, 192, 1);
    background-image: linear-gradient(180deg, rgba(41, 81, 192, 1) 23%, rgba(181, 56, 61, 1) 87%);
}

.numbers
{
    width: 100px;
    height: 100px;
    font-size: 53px;
    font-weight: 400;
}

.oferta .card-text
{
    color:#807f7f;
    font-weight: 300;
}

.referencje
{
    background-color: rgba(41, 81, 192, 1);
    background-image: linear-gradient(29deg, rgba(41, 81, 192, 1) 37%, rgba(181, 56, 61, 1) 100%);
    color: #ececec;
}

.referencje h1
{
    font-weight: 400;
    color: #dfe1e9;
}

.filmy iframe
{
    -webkit-box-shadow: 0px 0px 44px -7px rgba(66, 68, 90, 1);
    -moz-box-shadow: 0px 0px 44px -7px rgba(66, 68, 90, 1);
    box-shadow: 0px 0px 44px -7px rgba(66, 68, 90, 1);
}

.opinie
{
    background-color: rgba(250, 250, 250, 1);
    background-image: linear-gradient(180deg, rgba(250, 250, 250, 1) 15%, rgba(200, 200, 200, 1) 73%);
}

footer
{
    background-color: #323232;
    color: #f9f9f9;
}

.stopka
{
    border-bottom: solid 2px #4c4c4c;
}

.social-media
{
    font-size: 30px;
}

footer a:hover
{
    color: #c3c3c3;
}

.icon-angle-double-up
{
    display: none;
    position: fixed;
    bottom: 200px;
    right: 0px;
    z-index: 100;
    color: #8d8d8d;
    font-size: 50px;
}

.tło
{
    background-color: rgba(231, 231, 231, 1);
    background-image: linear-gradient(180deg, rgba(231, 231, 231, 1) 0%, rgba(146, 146, 146, 1) 100%);
}


.reviews .opinia
{
    border: 1px solid #707070;
    border-radius: 10px;
}



.formularz2
{
    color: #ececec;
    max-width: fit-content;
    background-color: #4ab4f6;
    padding: 10px;
    border-radius: 20px;
    padding-left: 100px;
    padding-right: 100px;
    -webkit-box-shadow: 18px 18px 37px -16px rgba(0, 0, 0, 1);
    -moz-box-shadow: 18px 18px 37px -16px rgba(0, 0, 0, 1);
    box-shadow: 18px 18px 37px -16px rgba(0, 0, 0, 1);
}

.formularz2:hover
{
    color: #ececec;
    background-color: #5bc0fe;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    -webkit-box-shadow: 18px 18px 50px -16px rgba(0, 0, 0, 1);
    -moz-box-shadow: 18px 18px 50px -16px rgba(0, 0, 0, 1);
    box-shadow: 18px 18px 50px -16px rgba(0, 0, 0, 1);
}

.formularz3
{
    color: #ececec;
    max-width: fit-content;
    background-color: #4ab4f6;
    padding: 10px;
    border-radius: 20px;
    padding-left: 40px;
    padding-right: 40px;
    -webkit-box-shadow: 18px 18px 37px -16px rgba(0, 0, 0, 1);
    -moz-box-shadow: 18px 18px 37px -16px rgba(0, 0, 0, 1);
    box-shadow: 18px 18px 37px -16px rgba(0, 0, 0, 1);
}

.formularz3:hover
{
    color: #ececec;
    background-color: #5bc0fe;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    -webkit-box-shadow: 18px 18px 50px -16px rgba(0, 0, 0, 1);
    -moz-box-shadow: 18px 18px 50px -16px rgba(0, 0, 0, 1);
    box-shadow: 18px 18px 50px -16px rgba(0, 0, 0, 1);
}

h1 {
    position: relative;
    padding-bottom: 10px;
}

h1::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 50%;
    height: 4px;
    background-color: #64bcf3; /* Kolor podkreślenia */
    border-radius: 10px;
}

.rozwiazanie
{
    background-color: rgba(41, 81, 192, 1);
    background-image: linear-gradient(29deg, rgba(41, 81, 192, 1) 37%, rgba(181, 56, 61, 1) 100%);
    color: #ececec;
}

.rozwiazanie h2 {
    position: relative;
    padding-bottom: 10px;
}

.rozwiazanie h2::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 50%;
    height: 4px;
    background-color: #64bcf3; /* Kolor podkreślenia */
    border-radius: 10px;
}

#ebook ul 
{
    list-style: none;
    padding: 0;
}
  
#ebook ul li::before 
{
    content: "✅"; 
    margin-right: 8px; 
    font-size: 16px; 
}

.bloczek
{
    border: 5px solid #64bcf3;
    border-radius: 5px;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0px 8px 54px -26px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 8px 54px -26px rgba(0, 0, 0, 1);
    box-shadow: 0px 8px 54px -26px rgba(0, 0, 0, 1);
}

.rozdzial h4
{
    border-left: 2px dashed #64bcf3;
    padding-left: 5px;
}
  
.bloczek1
{
    border: 5px solid #64bcf3;
    border-radius: 5px;
    background-color: #ffffff2c;
    -webkit-box-shadow: 0px 8px 54px -26px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 8px 54px -26px rgba(0, 0, 0, 1);
    box-shadow: 0px 8px 54px -26px rgba(0, 0, 0, 1);
}

.rozwin
{
    background-color: #59b8f3;
    color: white;
    border-radius: 5px;
    text-align: center;
}

.rozwin:hover
{
    background-color: #6dbef0;
    color: white;
    border-radius: 5px;
    text-align: center;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

ol
{
    border-left: 2px dashed #64bcf3;
}

@media (min-width: 768px)
{
    .cos
    {
        border-right: solid 5px #64bcf3;
        border-bottom: solid 5px #64bcf3;
    }  
}