﻿.qms-title {
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
    padding: 1rem;
    border: 0px solid red;
}

.qms-services {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    flex-direction: column;
  
}

    .qms-services .qms-services-status {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 0.5rem;
        flex-wrap: wrap;
    }

        .qms-services .qms-services-status .qms-service-status {
            font-weight: 500;
            font-size: 1rem;
            padding: 0.5rem;
            align-content: center;
            min-width:250px;
            color: #fff;
        }

            .qms-services .qms-services-status .qms-service-status.service-1 {
                background-color: var(--bs-primary);
            }

            .qms-services .qms-services-status .qms-service-status.service-2 {
                background-color: var(--bs-success);
            }

            .qms-services .qms-services-status .qms-service-status.service-3 {
                background-color: var(--bs-indigo);
            }

            .qms-services .qms-services-status .qms-service-status.service-4 {
                background-color: var(--bs-info-bg-subtle);
                color: var(--bs-alert-color);
            }

            .qms-services .qms-services-status .qms-service-status.service-5 {
                background-color: var(--bs-info-bg-subtle);
                color: var(--bs-alert-color);
            }

            .qms-services .qms-services-status .qms-service-status .qms-service-status-ticket {              
                font-weight: 600;
                font-size: 2rem;
            }

            .qms-services .qms-services-status .qms-service-status .qms-service-status-description {              
                font-weight: 400;
                font-size: 0.8rem;
            }

    .qms-services .qms-services-items {
        display: flex;
        gap: 1rem;
        justify-content: start;
        flex-wrap: wrap;
    }

        .qms-services .qms-services-items .qms-service-item {
            font-weight: 500;
            font-size: 2rem;
            width: 30%;
            min-height:180px;
            padding: 1rem 0rem;
            align-content: center;
        }

            .qms-services .qms-services-items .qms-service-item span {
                display: block;
                font-weight: 400;
                font-size: 1.2rem;
            }

   
