.filter-teeninduse {
    color: #002239 !important;
    padding: 2rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .filter-teeninduse a {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #FFFFFF;
        cursor: pointer;
    }

    .filter-teeninduse:hover {
        color: white !important;
        background: #002239 !important;
    }

.filter-teeninduse-active {
    color: white !important;
    background: #002239 !important;
}

.teeninduse-content h5 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    line-height: 51px;
    color: #002239;
}

.teeninduse-content ul li {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 222%;
    color: #000000;
}

.teeninduse-content p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 222%;
    color: #000000;
}

    .teeninduse-content p strong {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 222%;
        color: #000000;
    }

.search-form {
    padding: 2rem 0rem !important;
}

/* Styles for tables */
.table-element {
    justify-content: center;
    padding: 0.5rem;
    flex-direction: column;
}

    .table-element p {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        margin: 0rem !important;
        word-break: break-all;
    }

.table-light {
    background: #E7E7E7;
    color: #002239;
    border-bottom: 2px solid white;
    border-right: 5px solid white;
}

.table-title p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #002239;
}

.table-title h4 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #002239;
}

.table-blue {
    background: #002239;
    text-align: center;
    justify-content: center;
    color: white;
    border-bottom: 2px solid white;
    border-right: 5px solid white;
}

/* Styles for eripakkumised*/
.eripakkumised-content img {
    width: 100% !important;
    height: auto;
}

.eripakkumised-content h2 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 222%;
    color: #000000;
}

.eripakkumised-content ul li {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 222%;
    color: #000000;
}

    .eripakkumised-content ul li strong {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 222%;
        color: #000000;
    }

.eripakkumised-content p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 222%;
    color: #000000;
}

    .eripakkumised-content p strong {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 222%;
        color: #000000;
    }

.eripakkumised-content .btn-green {
    padding: 1rem 0rem;
    width: 20rem;
}

/* Styles for phones*/
@media (max-width: 481px) {
    .filter-hinnakiri {
        margin: 7rem 0rem 0rem 0rem;
    }

    .teeninduse-content {
        padding: 0rem 3rem 2rem 3rem;
    }

    .teeninduse-second-table {
        padding: 0rem 2rem 2rem 3rem !important;
    }

    .banner-second-pages-information {
        padding: 0rem !important;
    }

    .eripakkumised-description {
        padding-bottom: 2rem !important;
    }

    .filter-teeninduse {
        padding: 1rem 2rem !important;
    }

        .filter-teeninduse a {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 13px;
            line-height: 20px;
            text-align: center;
            color: #FFFFFF;
        }

    .table-element {
        padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    }

        .table-element p {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 11px;
            line-height: 16px;
            margin: 0rem !important;
            word-break: break-all;
        }

    .table-title p {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        line-height: 16px;
        color: #002239;
    }

    .table-title h4 {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        line-height: 16px;
        color: #002239;
    }

    .table-light {
        border-bottom: 1px solid white;
        border-right: 2px solid white;
    }

    .table-blue {
        border-bottom: 1px solid white;
        border-right: 2px solid white;
    }

    .teeninduse-table {
        margin-bottom: 2rem;
    }

    /* Styles for eripakkumised*/
    .eripakkumised-content {
        padding: 0rem;
    }

    .eripakkumised-description{
        padding:2rem 2.5rem 0rem 2.5rem;
    }

    .eripakkumised-content .btn-green {
        padding: 0rem !important;
        width: 20rem !important;
        font-size:16px !important;
    }

}

/* Styles for tablets*/
@media (min-width: 482px) and (max-width: 980px) {
    .filter-hinnakiri {
        margin: 11rem 0rem 0rem 0rem;
    }

    .teeninduse-content {
        padding: 0rem 4rem 2rem 4rem;
    }

    .teeninduse-table {
        padding: 0rem;
        margin-bottom: 2rem;
    }

    .table-element {
        padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    }

    /* Styles for eripakkumised*/
    .eripakkumised-content {
        padding: 0rem 4rem 8rem 4rem;
    }
}

/* Styles for dekstops */
@media (min-width:961px) {
    .filter-hinnakiri {
        margin: 10rem 0rem 6rem 0rem;
    }

    .teeninduse-content {
        padding: 0rem 6rem 2rem 6rem;
    }

    .teeninduse-buttons-filters {
        padding: 0rem 9rem !important;
    }

    .teeninduse-table {
        padding: 0rem 12rem;
        margin-bottom: 2rem;
    }

    .second-content {
        padding: 0rem 12rem !important;
    }

    .teeninduse-second-table {
        padding: 0rem 12rem;
        margin-bottom: 2rem;
    }

    /* Styles for eripakkumised*/
    .eripakkumised-content {
        padding: 0rem 4rem 8rem 4rem;
    }
}