﻿section.contact-us {
    background-image: none;
    /* background-position: center center; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    padding: 0px;
    position: relative;
    margin-top: 0px;
    height: auto;
    width: 100%;
    position: relative;
}

    section.contact-us #contact, section.contact-us #contactForm {
        margin-left: 0px;
        position: relative;
        z-index: 5;
        background-color: transparent;
        margin-top: 40px;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
        border-radius: 15px;
        padding: 40px;
    }

        section.contact-us #contactForm input, section.contact-us #contactForm textarea, section.contact-us #contactForm select {
            background-color: #fff !important;
            color: #000 !important;
        }

            section.contact-us #contactForm input[type=checkbox] {
                background-color: #fff !important;
            }

.accordion {
    --bs-accordion-border-color: #CEEBF8 !important;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color: #212529;
}

.accordion-body {
    border-top: 2px solid;
}

section.contact-us #contactForm .form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url('/uploads/tick.png');
}

.text-multi {
    color: #2E8DB4;
}

.text-multi1 {
    color: #1C5C76;
}

.text-multi2 {
    color: #236A87;
}

.numC {
    font-size: 65px;
}

/* Mobile */
@media screen and (max-width: 768px){
    .news.top-bar {
        margin-top: 72px;
    }

    .news.top-bar .imgLanding {
        margin-top: 50px;
    }

    .applicazioniCliniche {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .intOssOzonoAmb {
        background-color: #CEEBF8;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .mercOssOzo {
        background-color: #CEEBF8;
        padding: 25px;
        border-radius: 16px;
    }

    .suppPrem {
        background-color: #CEEBF8;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .fullRisk {
        background-color: #fff;
        border-radius: 16px;
        padding-top: 48px;
        padding-right: 10px;
        padding-bottom: 48px;
        padding-left: 10px;
    }

    .primaConsGrat {
        background-color: #fff;
        border-radius: 16px;
        padding-top: 48px;
        padding-right: 10px;
        padding-bottom: 48px;
        padding-left: 10px;
    }

    .elenServizi {
        margin-top: 15px;
    }

    .collabBrand {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .logoHaen {
        max-width: 25%;
        margin-bottom: 10px;
    }

    .logoHaemo {
        max-width: 65%;
    }

    .logoOzon {
        max-width: 45%;
        margin-top: 10px;
    }

    .contattaci {
        background-color: #CEEBF8;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .percMultisales {
        background: linear-gradient(to top, rgba(206, 235, 248, 0.8) 0%, rgba(242, 243, 246, 0.8) 50%, rgba(255, 255, 255, 1) 100%);
    }

    .percMultisales .textPerc {
        padding-top: 80px; 
        padding-bottom: 40px; 
    }

    .percMultisales .numPerc {
        padding-top: 80px; 
        padding-bottom: 80px;
    }

    .reviews {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .reviews .recen {
        padding: 15px; 
        border: 2px solid #2e8db4; 
        border-radius: 16px;
        margin-top: 15px;
    }

    .faq {
        background-color: #CEEBF8;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .faq .accordion .accordion-button {
        background-color: #CEEBF8; 
        font-size: 20px;
    }

    .faq .accordion .accordion-body {
        background-color: #CEEBF8;
    }
}
/* Fine Mobile */

@media screen and (min-width: 769px) {
    .btn-chiamaci {
        display: none;
    }

    .news.top-bar {
        margin-top: 72px;
        background-image: url('../uploads/bg-landing.jpg');
        background-position: bottom center;
        background-size: cover;
        max-height: 591px;
    }

    .news.top-bar .titleLanding {
        margin-left: 20px;
    }

    .news.top-bar .imgLanding {
        transform: scaleX(-1); 
        width: 471px !important; 
        height: 471px !important;
    }

    .applicazioniCliniche {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .intOssOzonoAmb {
        background-color: #CEEBF8;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .mlsAcademy {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .mercOssOzo {
        background-color: #CEEBF8;
        padding: 25px;
        border-radius: 16px;
    }

    .suppPrem {
        background-color: #CEEBF8;
        padding-top: 80px;
        padding-right: 41px;
        padding-bottom: 80px;
        padding-left: 41px;
    }

    .fullRisk {
        max-width: 453px;
        background-color: #fff;
        border-radius: 16px;
        padding-top: 48px;
        padding-right: 40px;
        padding-bottom: 48px;
        padding-left: 40px;
    }

    .primaConsGrat {
        max-width: 453px;
        background-color: #fff;
        border-radius: 16px;
        padding-top: 48px;
        padding-right: 40px;
        padding-bottom: 48px;
        padding-left: 40px;
    }

    .collabBrand {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .logoHaen {
        max-width: 25%;
    }

    .logoHaemo {
        max-width: 65%;
    }

    .logoOzon {
        max-width: 45%;
    }

    .contattaci {
        background-color: #CEEBF8;
        padding-top: 80px;
        padding-right: 41px;
        padding-bottom: 80px;
        padding-left: 41px;
    }

    .percMultisales {
        background: linear-gradient(to top, rgba(206, 235, 248, 0.8) 0%, rgba(242, 243, 246, 0.8) 50%, rgba(255, 255, 255, 1) 100%);
    }

    .percMultisales .textPerc {
        padding-top: 80px; 
        padding-right: 136px; 
        padding-bottom: 40px; 
        padding-left: 136px;
    }

    .percMultisales .numPerc {
        padding-top: 80px; 
        padding-right: 40px; 
        padding-bottom: 80px; 
        padding-left: 40px;
    }

    .reviews {
        padding-top: 80px;
        padding-right: 42px;
        padding-bottom: 80px;
        padding-left: 42px;
    }

    .reviews .recen {
        padding: 15px; 
        border: 2px solid #2e8db4; 
        border-radius: 16px;
    }

    .reviews .primaRecensione {
        margin-left: -50px; 
        margin-right: 15px;
    }

    .reviews .altreRecensioni {
        margin-right: 15px;
    }

    .faq {
        background-color: #CEEBF8;
        padding-top: 80px;
        padding-right: 232px;
        padding-bottom: 80px;
        padding-left: 232px;
    }

    .faq .accordion .accordion-button {
        background-color: #CEEBF8; 
        font-size: 20px;
    }

    .faq .accordion .accordion-body {
        background-color: #CEEBF8;
    }

    .p-84 {
        padding-left: 84px;
    }
}