html {
    scroll-behavior: smooth;
}

.global-wrapper {
    overflow-x: hidden;
}

.cant-see {
    opacity: 0;
    pointer-events: none;
}

/* Estilos para dispositivos móveis pequenos*/
@media (max-width: 374px) {
    .cant-see {
        opacity: 0;
        pointer-events: none;
    }
    .services-title-wrapper {
        padding: 8px 15px;
        width: 90%;
        background-color: #6B8077;
    }

    .services-title {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #ffffff;
        font-weight: 600;
        padding: 0;
        margin: 0;
    }

    .tratamento-box {
        border: 1px solid #707070;
        padding: 8px 10px !important;
    }

    .tratamento-box.first {
        border: 1px solid #707070;
        padding: 8px 10px !important;
    }

    .tratamento-text {
        color: #2E2E2E;
        font-family: 'Poppins', sans-serif;
        font-weight: normal;
        font-size: 15px;
        width: 100%;
    }

    .agende-btn {
        color: #ffffff !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 20px !important;
        font-weight: 600 !important;
        background: #6B8077 !important;
        border: none !important;
        padding: 10px 18px !important;
        width: 80% !important;
        border-radius: 0 !important;
    }
}

/* Estilos para dispositivos móveis */
@media (min-width: 375px) and (max-width: 700px) {
    .cant-see {
        opacity: 0;
        pointer-events: none;
    }
    .services-title-wrapper {
        padding: 8px 15px;
        width: 90%;
        background-color: #6B8077;
    }

    .services-title {
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        color: #ffffff;
        font-weight: 600;
        padding: 0;
        margin: 0;
    }

    .tratamento-box {
        border: 1px solid #707070;
        padding: 8px 10px !important;
    }

    .tratamento-box.first {
        border: 1px solid #707070;
        padding: 8px 10px !important;
    }

    .tratamento-text {
        color: #2E2E2E;
        font-family: 'Poppins', sans-serif;
        font-weight: normal;
        font-size: 15px;
        width: 100%;
    }

    .agende-btn {
        color: #ffffff !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 20px !important;
        font-weight: 600 !important;
        background: #6B8077 !important;
        border: none !important;
        padding: 10px 18px !important;
        width: 80% !important;
        border-radius: 0 !important;
    }
}

/* Estilos para tablets */
@media (min-width : 701px) and (max-width : 1023px) {
     .services-title-wrapper {
        padding: 8px 15px;
        width: 60%;
        background-color: #6B8077;
    }

    .services-title {
        font-family: 'Poppins', sans-serif;
        font-size: 21px;
        color: #ffffff;
        font-weight: 600;
        padding: 0;
        margin: 0;
    }

    .tratamento-box {
        border: 1px solid #707070;
        padding: 8px 10px !important;
    }

    .tratamento-box.first {
        border: 1px solid #707070;
        border-bottom: none;
        padding: 8px 10px !important;
    }

    .tratamento-text {
        color: #2E2E2E;
        font-family: 'Poppins', sans-serif;
        font-weight: normal;
        font-size: 15px;
        width: 100%;
    }

    .agende-btn {
        color: #ffffff !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 20px !important;
        font-weight: 600 !important;
        background: #6B8077 !important;
        border: none !important;
        padding: 10px 18px !important;
        width: 80% !important;
        border-radius: 0 !important;
    }
}

/* Estilos para dispositivos Desktops e Laptops */
@media (min-width: 1024px) {
    .services-title-wrapper {
        padding: 8px 15px;
        width: 60%;
        background-color: #6B8077;
    }

    .services-title {
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        color: #ffffff;
        font-weight: 600;
        padding: 0;
        margin: 0;
    }

    .tratamento-box {
        border: 1px solid #707070;
        padding: 8px 10px !important;
    }

    .tratamento-box.first {
        border: 1px solid #707070;
        border-bottom: none;
        padding: 8px 10px !important;
    }

    .tratamento-text {
        color: #2E2E2E;
        font-family: 'Poppins', sans-serif;
        font-weight: normal;
        font-size: 15px;
        width: 100%;
    }

    .agende-btn {
        color: #ffffff !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 20px !important;
        font-weight: 600 !important;
        background: #6B8077 !important;
        border: none !important;
        padding: 10px 18px !important;
        width: 80% !important;
        border-radius: 0 !important;
    }
}