html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}

body {
    font-family: 'Josefin Sans', sans-serif;
    color: #313131;
}

a {
    text-decoration: none;
    color: #313131;
}

a:hover {
    color: #313131;
}

p {
    font-size: 28px;
    font-weight: 300;
    line-height: 32px;
}

li {
    font-size: 28px;
    font-weight: 300;
    line-height: 28px;
}

.dropdownLi {
    position: relative;
}

.menuDropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
    min-width: 160px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 100;
    border-top: 1px solid #D4D4D4;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}

.menuDropdown a {
    padding: 10px 15px;
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

.menuDropdown a:hover {
    background-color: #f4f4f4;
}

.dropdownLi:hover > .menuDropdown {
    display: block;
}

.name {
    height: 115px;
}

.email {
    height: 115px;
}

.subject {
    height: 115px;
}

.row input {
    width: 100%;
    height: 45px;
    font-size: 24px;
    font-weight: 300;
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    box-shadow: 0px 67px 140px rgba(0, 0, 0, 0.04), 0px 27.991px 58.4887px rgba(0, 0, 0, 0.0287542), 0px 14.9653px 31.2708px rgba(0, 0, 0, 0.0238443), 0px 8.38944px 17.5302px rgba(0, 0, 0, 0.02), 0px 4.45557px 9.31014px rgba(0, 0, 0, 0.0161557), 0px 1.85406px 3.87416px rgba(0, 0, 0, 0.0112458);
    border-radius: 11px;
    margin-bottom: 3px;
}

.contactForm textarea {
    width: 100%;
    height: 275px;
    font-size: 24px;
    font-weight: 300;
    resize: none;
    padding: 5px 10px;
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    box-shadow: 0px 67px 140px rgba(0, 0, 0, 0.04), 0px 27.991px 58.4887px rgba(0, 0, 0, 0.0287542), 0px 14.9653px 31.2708px rgba(0, 0, 0, 0.0238443), 0px 8.38944px 17.5302px rgba(0, 0, 0, 0.02), 0px 4.45557px 9.31014px rgba(0, 0, 0, 0.0161557), 0px 1.85406px 3.87416px rgba(0, 0, 0, 0.0112458);
    border-radius: 11px;
    margin-bottom: -6px;
}

.ratingForm textarea {
    width: 100%;
    height: 125px;
    font-size: 24px;
    font-weight: 300;
    resize: none;
    padding: 5px 10px;
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    box-shadow: 0px 67px 140px rgba(0, 0, 0, 0.04), 0px 27.991px 58.4887px rgba(0, 0, 0, 0.0287542), 0px 14.9653px 31.2708px rgba(0, 0, 0, 0.0238443), 0px 8.38944px 17.5302px rgba(0, 0, 0, 0.02), 0px 4.45557px 9.31014px rgba(0, 0, 0, 0.0161557), 0px 1.85406px 3.87416px rgba(0, 0, 0, 0.0112458);
    border-radius: 11px;
    margin-bottom: -6px;
}

label {
    font-weight: normal;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 5px;
}

::placeholder {
    color: #D0D0D0;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #D0D0D0;
}

::-ms-input-placeholder {
    color: #D0D0D0;
}

#cart1-wrapper {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

#name {
    background-image: url(images/formName.svg);
    background-position: 12px center;
    background-repeat: no-repeat;
    text-indent: 42px;
}

#email {
    background-image: url(images/formEmail.svg);
    background-position: 12px center;
    background-repeat: no-repeat;
    text-indent: 42px;
}

#subject {
    background-image: url(images/formSubject.svg);
    background-position: 12px center;
    background-repeat: no-repeat;
    text-indent: 42px;
}

#password {
    width: 100%;
    height: 45px;
    font-size: 24px;
    font-weight: 300;
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    box-shadow: 0px 67px 140px rgba(0, 0, 0, 0.04), 0px 27.991px 58.4887px rgba(0, 0, 0, 0.0287542), 0px 14.9653px 31.2708px rgba(0, 0, 0, 0.0238443), 0px 8.38944px 17.5302px rgba(0, 0, 0, 0.02), 0px 4.45557px 9.31014px rgba(0, 0, 0, 0.0161557), 0px 1.85406px 3.87416px rgba(0, 0, 0, 0.0112458);
    border-radius: 11px;
    margin-bottom: 3px;
    padding-left: 15px;
    padding-right: 15px;
}

#btn-back-to-top {
    position: fixed;
    bottom: 10px;
    right: 5px;
    display: none;
}

#checkbox {
    box-shadow: none;
}

#privacyPolicyCheckbox {
    box-shadow: none;
    height: 28px;
    width: 28px;
}

.checkboxLabelError {
    color: #FF7575;
}

.inputError {
    background-color: #fff3f3 !important;
    border: 2px solid #FF7575 !important;
}

.error {
    height: 0;
    font-weight: 300;
    color: #FF0000;
}

.sentImage {
    max-width: 150px;
    margin-bottom: 30px;
}

.sentBox {
    text-align: center;
    top: 50%;
}

.highlighted {
    color: #E2BB25;
    font-weight: normal;
}

/* HEADER */
.container {
    padding: 0 20px;
}

.phoneNumberHeader {
    color: #616161;
    font-size: 22px;
    font-weight: 300;
}

.leftHeader {
    padding-top: 40px;
}

.centerHeader {
    padding: 36px 0;
}

.rightHeader {
    padding-top: 40px;
}

/* NAVBAR */
.navbarBackground {
    padding: 0;
    height: 470px;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 73.96%, #FFFFFF 100%), url("images/background.webp") center 54% no-repeat fixed;
    background-size: cover;
}

.navbarContent {
    width: 100%;
    height: 100%;
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
}

.rule {
    margin: 0;
    border-color: #D4D4D4;
}

.nav-item {
    padding: 4px 5px;
    margin: 0 32px;
}

.navLink {
    color: black;
    font-size: 24px;
    font-weight: 300;
}

.welcome1 {
    font-size: 72px;
    font-weight: 300;
    margin-top: 80px;
    margin-bottom: 0;
}

.welcome2 {
    font-size: 48px;
    font-weight: 500;
}

.mainCards {
    margin-top: 40px;
}

.mainCard {
    width: 315px;
    height: 193px;
    background: rgba(248, 248, 248, 0.95);
    box-shadow: 0px 33px 123px rgba(0, 0, 0, 0.07), 0px 13.7866px 51.3865px rgba(0, 0, 0, 0.0503198), 0px 7.37098px 27.4737px rgba(0, 0, 0, 0.0417275), 0px 4.13211px 15.4015px rgba(0, 0, 0, 0.035), 0px 2.19453px 8.17963px rgba(0, 0, 0, 0.0282725), 0px 0.913195px 3.40373px rgba(0, 0, 0, 0.0196802);
    border-radius: 25px;
    margin-top: 40px;
}

.hiddenCards {
    margin-top: -160px;
    margin-bottom: 126px;
}

.hiddenCard {
    width: 315px;
    height: 193px;
    margin-top: 40px;
}

.mainCardImage {
    margin-top: 38px;
}

.mainCardText {
    font-size: 28px;
    font-weight: 300;
    margin-top: 15px;
}

/* TEXT COLUMNS */
.columnTitle {
    font-size: 36px;
    margin-bottom: 16px;
}

.leftColumn {
    margin-right: 40px;
}

.rightColumn {
    margin-left: 40px;
}

.reviews {
    width: 100%;
    height: 344px;
    background-color: #F8F8F8;
    border-radius: 25px;
    margin-top: 140px;
    box-shadow: 0px 33px 123px rgba(0, 0, 0, 0.07), 0px 13.7866px 51.3865px rgba(0, 0, 0, 0.0503198), 0px 7.37098px 27.4737px rgba(0, 0, 0, 0.0417275), 0px 4.13211px 15.4015px rgba(0, 0, 0, 0.035), 0px 2.19453px 8.17963px rgba(0, 0, 0, 0.0282725), 0px 0.913195px 3.40373px rgba(0, 0, 0, 0.0196802);
}

.review {
    width: 100%;
    display: none;
    margin: 0 50px;
}

.arrowImage {
    opacity: 0.35;
}

.reviewText {
    margin-top: 16px;
    font-size: 32px;
    font-weight: 200;
}

.reviewAuthor {
    font-size: 24px;
    font-weight: normal;
}

.arrowRight {
    cursor: pointer;
    transition: 0.2s;
    margin-right: 10px;
}

.arrowLeft {
    cursor: pointer;
    transition: 0.2s;
    margin-left: 10px;
}

.arrowRight:hover {
    transform: scale(1.2);
}

.arrowLeft:hover {
    transform: scale(1.2);
}

.contactBox {
    margin: 105px 0;
}

.contactColumn {
    margin: 20px 0;
}

.contactTitle {
    font-size: 21px;
    font-weight: 300;
}

.contactDetail {
    font-size: 28px;
    line-height: 28px;
    font-weight: normal;
}

.title {
    color: black;
    font-size: 48px;
    font-weight: 300;
    line-height: 48px;
    margin: 36px 0;
}

.meImage {
    max-width: 70%;
    margin-bottom: 36px;
}

.workshopImage {
    width: 70%;
    max-width: 200px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 36px;
}

.textBox {
    margin: 0 auto;
    max-width: 850px;
    text-align: justify;
}

.button {
    color: black;
    display: block;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    width: 265px;
    background: #E2BB25;
    border-radius: 30px;
    padding: 18px 0;
    margin: 0 auto;
    transition: 0.3s;
    border: none;
}

.button:hover {
    transform: scale(1.05);
    background: #f8d822;
}

.standardButton {
    margin-top: 70px;
    margin-bottom: 105px;
}

.secondaryButton {
    text-decoration: underline;
    color: #606060;
    display: block;
    font-size: 18px;
    font-weight: 300;
    text-decoration-thickness: 1px;
    text-underline-offset: 6px;
    line-height: 24px;
    width: 265px;
    padding: 18px 0;
    margin: 0 auto;
    border: none;
    transform: scale(1.0);
    transition: 0.3s;
}

.bottomMargin {
    margin-bottom: 105px;
}

.secondaryButton:hover {
    transform: scale(1.03);
    text-decoration-thickness: 1.5px;
    color: black;
    transition: 0.3s;
}

.thumbnail {
    width: 100%;
}

.zeroPading {
    padding: 0;
}

.contactForm {
    max-width: 960px;
    height: 545px;
    background-color: #F8F8F8;
    box-shadow: 0px 33px 123px rgba(0, 0, 0, 0.07), 0px 13.7866px 51.3865px rgba(0, 0, 0, 0.0503198), 0px 7.37098px 27.4737px rgba(0, 0, 0, 0.0417275), 0px 4.13211px 15.4015px rgba(0, 0, 0, 0.035), 0px 2.19453px 8.17963px rgba(0, 0, 0, 0.0282725), 0px 0.913195px 3.40373px rgba(0, 0, 0, 0.0196802);
    border-radius: 25px;
    margin: 0 auto;
    padding: 36px 16px;
}

.newsletterForm {
    padding-top: 55px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 105px;
}

.ml-form-embedWrapper {
    box-shadow: 0px 33px 123px rgba(0, 0, 0, 0.07), 0px 13.7866px 51.3865px rgba(0, 0, 0, 0.0503198), 0px 7.37098px 27.4737px rgba(0, 0, 0, 0.0417275), 0px 4.13211px 15.4015px rgba(0, 0, 0, 0.035), 0px 2.19453px 8.17963px rgba(0, 0, 0, 0.0282725), 0px 0.913195px 3.40373px rgba(0, 0, 0, 0.0196802);
}

.rating-scale {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.question {
    margin-bottom: 32px;
}

.question input {
    width: 18px;
    height: 18px;
    margin: 0 5px;
}

.ratingForm {
    max-width: 960px;
    background-color: #F8F8F8;
    box-shadow: 0px 33px 123px rgba(0, 0, 0, 0.07), 0px 13.7866px 51.3865px rgba(0, 0, 0, 0.0503198), 0px 7.37098px 27.4737px rgba(0, 0, 0, 0.0417275), 0px 4.13211px 15.4015px rgba(0, 0, 0, 0.035), 0px 2.19453px 8.17963px rgba(0, 0, 0, 0.0282725), 0px 0.913195px 3.40373px rgba(0, 0, 0, 0.0196802);
    border-radius: 25px;
    margin: 0 auto;
    padding: 36px 36px;
    margin-bottom: 105px;
}

.ratingTextInput {
    width: 100%;
    height: 45px;
    font-size: 24px;
    font-weight: 300;
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    box-shadow: 0px 67px 140px rgba(0, 0, 0, 0.04), 0px 27.991px 58.4887px rgba(0, 0, 0, 0.0287542), 0px 14.9653px 31.2708px rgba(0, 0, 0, 0.0238443), 0px 8.38944px 17.5302px rgba(0, 0, 0, 0.02), 0px 4.45557px 9.31014px rgba(0, 0, 0, 0.0161557), 0px 1.85406px 3.87416px rgba(0, 0, 0, 0.0112458);
    border-radius: 11px;
    margin-bottom: 3px;
}

.authenticationForm {
    max-width: 650px;
    background-color: #F8F8F8;
    box-shadow: 0px 33px 123px rgba(0, 0, 0, 0.07), 0px 13.7866px 51.3865px rgba(0, 0, 0, 0.0503198), 0px 7.37098px 27.4737px rgba(0, 0, 0, 0.0417275), 0px 4.13211px 15.4015px rgba(0, 0, 0, 0.035), 0px 2.19453px 8.17963px rgba(0, 0, 0, 0.0282725), 0px 0.913195px 3.40373px rgba(0, 0, 0, 0.0196802);
    border-radius: 25px;
    margin: 0 auto;
    padding: 36px 16px;
    margin-bottom: 105px;
}

.authenticationFormDiv {
    margin-left: 48px;
    margin-right: 48px;
}

.checkboxLabel {
    font-size: 16px;
    line-height: 120%;
    font-weight: 400;
    text-align: justify;
    text-decoration: underline;
    text-underline-offset: 1px;
    cursor: pointer;
}

.checkboxPadding {
    padding-right: 16px;
}

.videoBox {
    max-width: 830px;
    margin: 0 auto;
}

.video {
    max-width: 100%;
    background-color: black;
}

/* Ensure the loading screen takes up the full viewport */
#loadingScreen {
    max-width: 650px;
    background-color: #F8F8F8;
    box-shadow: 0px 33px 123px rgba(0, 0, 0, 0.07), 0px 13.7866px 51.3865px rgba(0, 0, 0, 0.0503198), 0px 7.37098px 27.4737px rgba(0, 0, 0, 0.0417275), 0px 4.13211px 15.4015px rgba(0, 0, 0, 0.035), 0px 2.19453px 8.17963px rgba(0, 0, 0, 0.0282725), 0px 0.913195px 3.40373px rgba(0, 0, 0, 0.0196802);
    border-radius: 25px;
    margin: 0 auto;
    padding: 36px 16px;
    margin-top: 65px;
    margin-bottom: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f7f7f7;
    text-align: center;
}

/* Style the title and IP address text */
.loadingScreen-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.loadingScreen-ip {
    font-size: 18px;
    margin-bottom: 30px;
}

.circleLoaderContainer {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

.circleLoaderContainer img {
    position: absolute;
    width: 30%;
    /* Adjust the size as needed */
    height: 30%;
    /* Adjust the size as needed */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Circle loader styling */
.circleLoader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #E2BB25;
    width: 120px;
    height: 120px;
    animation: loadingScreenSpin 1.2s linear infinite;
    margin-top: 30px;
}

.allProducts {
    margin: 0 auto;
}

.product {
    border-radius: 15px;
    background-color: #F8F8F8;
    box-shadow: 0px 33px 123px rgba(0, 0, 0, 0.07),
        0px 13.7866px 51.3865px rgba(0, 0, 0, 0.0503198),
        0px 7.37098px 27.4737px rgba(0, 0, 0, 0.0417275),
        0px 4.13211px 15.4015px rgba(0, 0, 0, 0.035),
        0px 2.19453px 8.17963px rgba(0, 0, 0, 0.0282725),
        0px 0.913195px 3.40373px rgba(0, 0, 0, 0.0196802);
    overflow: hidden;
}

.productImage {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 0.7;
    transition: 0.5s;
}

.productImage:hover {
    opacity: 0.8;
}

.productBottomCard {
    text-align: justify;
    gap: 17px;
}

.productTitle {
    display: flex;
    align-items: center;
    font-size: 21px;
    justify-content: center;
    text-align: center;
    margin: 17px 17px 0 17px;
    font-weight: 500;
    height: 3em;
    line-height: 1.3em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.productDescription {
    font-size: 18px;
    margin: 0 17px;
    font-weight: 300;
    display: -webkit-box;
    line-height: 100%;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lowestPriceContainer {
    background: #E8E8E8;
    padding: 10px 17px;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.lowestPriceLabel {
    font-size: 16px;
    line-height: 120%;
}

.lowestPrice {
    color: #AEAEAE;
    font-size: 22px;
    text-decoration: line-through;
}

.productPrice {
    font-size: 28px;
    line-height: 100%;
}

.buyButtonContainer {
    margin: 0 17px 17px 17px;
}

.buyButton {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
}

/* Keyframes for the spinning animation */
@keyframes loadingScreenSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Style for loading text */
.loadingText {
    margin-top: 30px;
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.deviceSpecs {
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 0;
}

.displayNone {
    display: none;
}

.surname {
    display: none;
}

.submitButton {
    margin-top: 12px;
}

.form-select {
    width: auto;
}

.gallery a {
    opacity: 1;
    transition: 0.5s;
}

.gallery a:hover {
    opacity: 0.8;
}

.coursesTitle {
    height: 198px;
    max-width: 1280px;
    margin: 0 auto;
    background-image:
        image-set(url('images/szkolenia/top.webp') 1x,
            url('images/szkolenia/top.png') 1x);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 48px;
    color: white;
    text-transform: uppercase;
    padding-top: 46px;
}

.coursesSection {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.coursesSectionTitle {
    max-width: 490px;
    text-align: center;
}

.coursesSectionText {
    font-size: 24px;
    margin-top: 20px;
    max-width: 700px;
    text-align: justify;
}

.coursesImage img {
    max-width: 100%;
    height: auto;
}

.crookedStripe {
    max-width: 1280px;
    margin: 0 auto;
    aspect-ratio: 2.36;
    background-image:
        image-set(url('images/szkolenia/na-co-jeszcze-czekasz.webp') 1x,
            url('images/szkolenia/na-co-jeszcze-czekasz.png') 1x);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.crookedStripeEN {
    max-width: 1280px;
    margin: 0 auto;
    aspect-ratio: 2.36;
    background-image:
        image-set(url('images/szkolenia/na-co-jeszcze-czekasz-EN.webp') 1x,
            url('images/szkolenia/na-co-jeszcze-czekasz-EN.png') 1x);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.coursesBottomSection {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.margin-0-auto {
    margin: 0 auto;
}

.coursesFooter {
    max-width: 1280px;
    margin: 0 auto;
    aspect-ratio: 2.58;
    background-image:
        image-set(url('images/szkolenia/footer.webp') 1x,
            url('images/szkolenia/footer.png') 1x);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

footer {
    margin-top: 22px;
}

footer p {
    margin-top: 18px;
    margin-bottom: 12px;
    font-size: 18px;
}

footer li {
    font-size: 18px;
    font-weight: 300;
}

@media screen and (max-width: 1400px) {
    .productTitle {
        font-size: 18px;
    }

    .lowestPriceLabel {
        font-size: 12px;
    }

    .lowestPrice {
        font-size: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .productTitle {
        font-size: 15px;
    }

    .productDescription {
        font-size: 12px;
    }

    .lowestPriceLabel {
        font-size: 10px;
    }

    .lowestPrice {
        font-size: 14px;
    }

    .productPrice {
        font-size: 24px;
    }

    .buyButton {
        font-size: 16px;
    }
}

/* For tablets: */
@media screen and (max-width: 1000px) {
    .nav-item {
        margin: 0 16px;
    }

    .welcome1 {
        font-size: 64px;
    }


    .hiddenCards {
        margin-bottom: 18px;
    }

    .columnTitle {
        margin-top: 40px;
    }

    .leftColumn {
        margin-right: 0;
    }

    .rightColumn {
        margin-left: 0;
    }

    .reviewText {
        font-size: 24px;
    }

    .arrowLeft {
        margin-left: 0px;
    }

    .arrowRight {
        margin-right: 0px;
    }

    .navbarBackground {
        background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 73.96%, #FFFFFF 100%), url("images/background.webp") center 54%;
        background-size: cover;
    }

    .productTitle {
        font-size: 21px;
    }

    .productDescription {
        font-size: 18px;
    }

    .lowestPriceLabel {
        font-size: 16px;
    }

    .lowestPrice {
        font-size: 22px;
    }

    .productPrice {
        font-size: 28px;
    }

    .buyButton {
        font-size: 24px;
    }
}

/* For mobile phones: */
@media screen and (max-width: 767px) {
    p {
        font-size: 24px;
    }

    li {
        font-size: 24px;
    }

    #password {
        font-size: 12px;
    }

    .container {
        padding: 0 12px;
    }

    .phoneNumberHeader {
        font-size: 18px;
    }

    .phoneImageHeader {
        display: none;
    }

    .navbar {
        text-align: center;
    }

    .navbarBackground {
        background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 73.96%, #FFFFFF 100%), url("images/background.webp");
        background-size: cover;
    }

    .nav-item {
        padding: 6px 5px;
        margin: 6px 32px;
    }

    .welcome1 {
        font-size: 32px;
    }

    .welcome2 {
        font-size: 32px;
    }

    .reviews {
        margin-top: 60px;
        height: 450px;
    }

    .contactBox {
        margin: 60px 0;
    }

    .review {
        display: none;
        margin: 0;
    }

    .contactDetail {
        font-size: 26px;
    }

    .contactForm {
        height: 905px;
    }

    .contactForm .row {
        padding-right: 32px;
    }

    .message {
        height: 342px;
    }

    .submitButton {
        margin-top: 0px;
    }

    .authenticationFormDiv {
        margin-left: 4px;
        margin-right: 4px;
    }

    .checkboxLabel {
        font-size: 12px;
    }

    .checkboxPadding {
        padding-right: 6px;
    }

    .buyButton {
        padding: 10px 0;
        font-size: 14px;
    }

    .productDescription {
        font-size: 0.85rem;
    }

    .productPrice {
        font-size: 16px;
    }

    .allProducts {
        --bs-gutter-x: 1rem;
        --bs-gutter-y: 1rem;
    }

    .allProducts .p-3 {
        padding: 0.8rem !important;
    }

    .productBottomCard {
        gap: 10px;
    }

    .productTitle {
        margin: 10px 10px 0 10px;
        font-size: 12px;
    }

    .productDescription {
        margin: 0 10px;
        font-size: 10px;
    }

    .lowestPriceContainer {
        padding: 6px 10px;
    }

    .lowestPriceLabel {
        font-size: 7px;
    }

    .lowestPrice {
        font-size: 12px;
    }

    .buyButtonContainer {
        margin: 0 10px 10px 10px;
    }

    .buyButton {
        font-size: 14px;
    }

    .crookedStripe {
        aspect-ratio: 0.96;
        background-image:
            image-set(url('images/szkolenia/na-co-jeszcze-czekasz-mobile.webp') 1x,
                url('images/szkolenia/na-co-jeszcze-czekasz-mobile.png') 1x);
    }

    .crookedStripeEN {
        aspect-ratio: 0.96;
        background-image:
            image-set(url('images/szkolenia/na-co-jeszcze-czekasz-mobile-EN.webp') 1x,
                url('images/szkolenia/na-co-jeszcze-czekasz-mobile-EN.png') 1x);
    }

    .coursesTitle {
        padding-top: 55px;
        font-size: 36px;
    }

    .coursesSectionText {
        margin-top: 5px;
        font-size: 18px;
    }

    .coursesFooter {
        aspect-ratio: 1.9;
    }

    .menuDropdown {
        border-top: none;
        border-radius: 8px;
    }

    .menuDropdown a {
        padding: 12px 35px;
    }
}