.home-banner {
    background: url(../../assets/img/header-03.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 550px;
}

.text-content-web-home {
    width: 70%;
    margin: 0px auto;
}

.content-60-home {
    width: 60%;
}

.content-80-home {
    width: 80%;
    margin: 0px auto;
}

.the-button-home-form {
    background: rgb(178, 31, 32);
    background: linear-gradient(90deg, rgb(178, 31, 32) 8%, rgb(222, 40, 46) 57%, rgb(255, 43, 51) 100%);
    color: white;
    border-radius: 20px;
    border: 0;
    text-align: center;
    font-size: 10px;
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    outline: none;
}

.the-button-home-form i {
    font-size: 30px;
    margin: 0 0 0 auto;
}

.the-button-home-form span {
    margin: 0 auto;
    padding-left: 25%;
    font-weight: bold;
    font-size: 14px;
}

.home-form-banner {
    background: url(../../assets/img/lapicera2.png) no-repeat left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: auto 80%;
    width: 100%;
    height: auto;
}

.home-speciality-banner-web {
    background: url(../../assets/img/bg-azul-02-new-completo.png) no-repeat right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
    width: 100%;
    height: auto;
    display: block;
}


.home-service-title {
    padding-top: 50px;
    padding-left: 20%;
}

.home-service-text {
    padding-left: 20%;
}

.home-service-banner {
    background: url(../../assets/img/young-doctor-2.jpg) no-repeat right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
}

.home-maritime-personnel {
    background: url(../../assets/img/personal-03.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 200px;
    height: 400px;
    border-radius: 10px;
}

.home-oil-gas {
    background: url(../../assets/img/oil-y-gas-03.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 200px;
    height: 400px;
    border-radius: 10px;
}

.home-catering {
    background: url(../../assets/img/catering-03.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 200px;
    height: 400px;
    border-radius: 10px;
}

.content-80-card {
    width: 250px;
    margin: 0px auto;
}

.prevention {
    background: white;
    background-size: 100% 100%;

    display: flex;
    height: auto;
    max-width: 100%;
    width: 100%;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    text-align: center;
}

.prevention-card-border {
    border-radius: 0px 0px 11px 11px;
    color: white;
    background: rgb(95,121,208);
    background: linear-gradient(90deg, rgba(95,121,208,1) 6%, rgba(143,249,239,1) 100%);
}

.home-medical {
    background: url(../../assets/img/medica-03-2.png) no-repeat left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: auto 100%;
    width: 100%;
    height: 700px;
}

.medical-area {
    margin: 0px auto;
    padding-top: 30%;
    text-align: center
}

.medical-img {
    width: 80%;
    height: auto;
    max-height: 200px
}

.pt-form {
    padding-top: 200px;
}

.speciality-left {
    float: left;

    width: 50%;
    text-align: center;
}

.speciality-right {
    float: right;

    width: 50%;
    text-align: center;
}

.home-speciality-banner-mobil {
    background: url(../../assets/img/bg-azul-02-new-solo-fondo.png) no-repeat right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: auto 100%;
    width: 100%;
    height: 100%;
    display: none;
}

.medical-web {
    display: block;
}

.medical-mobil {
    display: none;
}

.certificate-lg {
    display: block;
}
.certificate-md {
    display: none;
}
.certificate-sm {
    display: none;
}

@media screen and (max-width: 720px) {
    .medical-web {
        display: none;
    }

    .medical-mobil {
        display: block;
    }

    .content-80-home {
        width: 100%;
        margin: 0px auto;
    }

    .text-content-web-home {
        width: 95%;
        margin: 0px auto;
    }

    .home-speciality-banner-web {
        background: url(../../assets/img/bg-azul-02-new-solo-fondo.png) no-repeat right;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: auto 100%;
        width: 100%;
        height: auto;
        display: none;
    }

    .home-speciality-banner-mobil {
        background: url(../../assets/img/bg-azul-02-new-solo-fondo.png) no-repeat right;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: auto 100%;
        width: 100%;
        height: auto;
        display: block;
    }

    .home-service-title {
        padding-top: 60px;
        padding-left: 5%;
    }

    .home-service-text {
        padding-left: 5%;
    }

    .home-service-banner {
        background: url(../../assets/img/young-doctor-2.jpg) no-repeat left;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: auto 100%;
        width: 100%;
        height: auto;
    }

    .home-service-cards {
        margin-left: 0px;
        width: 100%
    }

    .medical-area {
        padding-top: 10%;
        text-align: center;
        width: 40%;
    }

    /*.home-medical {
        background: #e0effd;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: auto 100%;
        width: 100%;
        height: 700px;
    }*/
    .home-medical {
        background: url(../../assets/img/medica-03-2.png) no-repeat left bottom;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: auto 80%;
        width: 100%;
        height: auto;
    }


    .medical-img {
        width: auto;
        height: 90px;
    }

    .pt-form {
        padding-top: 80px;
    }

}

@media screen and (max-width: 920px) {
    .certificate-lg {
        display: none;
    }
    .certificate-md {
        display: block;
    }
    .certificate-sm {
        display: none;
    }
}

@media screen and (max-width: 550px) {
    .certificate-lg {
        display: none;
    }
    .certificate-md {
        display: none;
    }
    .certificate-sm {
        display: block;
    }
}