footer {
    margin-top: -100px;
    backdrop-filter: blur(12px);
}

header {
    .rectangle-lines {
        display: none;
    }
}

.contact-section {
    background-image: url(https://mintimedica.pl/wp-content/uploads/2025/06/bg-contact.webp);
    background-position-y: -100px;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    position: relative;
    margin-top: 100px;
    min-height: 900px;
    padding-left: 150px;
    border-radius: 0px 0px 30px;

    .contact-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        margin-bottom: 50px;

        @media (max-width: 1024px) {
            margin-bottom: 100px;
        }

        .heading {
            font-family: Whisper;
            font-weight: 400;
            font-size: 144px;
            color: #fff;
        }

        .text {
            font-weight: 400;
            font-size: 21px;
            line-height: 34px;
            color: #fff;
            text-align: center;
            margin-top: -20px;
            margin-bottom: 20px;
        }

        .phone-number-and-mail {
            background: radial-gradient(97.57% 210.75% at 0.9% 2.98%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
            border: 3px solid #fff;
            border-radius: 34px;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            padding: 50px;
            gap: 40px;

            .phone, .mail {
                display: flex;
                align-items: center;
                gap: 10px;

                .icon {
                    width: 45px;
                    height: 45px;
                    border-radius: 50%;
                    background-color: #B2DDDB;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                a {
                    font-weight: 500;
                    font-size: 34px;
                    color: #fff;
                    text-decoration: none;
                }
            }
        }
    }

    .klauzula {
        color: #fff;
        font-size: 13px;
        line-height: 20px;
        padding-bottom: 130px;
        padding-right: 150px;

        @media (max-width: 1024px) {
            padding: 0px 20px;
            padding-bottom: 130px;
        }

        @media (max-width: 768px) {
            margin-top: -100px;
            margin-bottom: 50px;
        }
    }
}

@media (max-width: 1366px) {
    .contact-section {
        margin-top: 80px;
        min-height: 700px;  
    }
}

@media (max-width: 1024px) {
    .contact-section {
        margin-top: 65px;
        padding: 0px;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 1024px) {
    .contact-section {
        margin-top: 65px;
        padding: 0px;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 768px) {
    footer  {
        margin-top: -150px;
    }
    .contact-section {
        background-position: center;
        background-position-x: -500px;
        min-height: 700px;

        .contact-content {
            margin-bottom: 200px;
            
            .heading {
                font-size: 80px;
            }
            .text {
                font-size: 21px;
                line-height: 34px;
                margin-bottom: 80px;
            }
            .phone-number-and-mail {
                padding: 20px 40px;

                .phone, .mail {
                    a {
                        font-size: 21px;
                    }
                }
            }
        }
    }
}