.dropDownWonsapp {
    display: flex;
    text-decoration: none;
    align-items: center;
    color: #575962;
    /* padding: 6px 25px; */
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    margin-bottom: 3px;
    text-decoration: none;
}

.warnaBgTemaIni {
    background: linear-gradient(-45deg, #660077, #8400d1) !important;
}

div#example2_length {
    display: inline-block;
}

div#example2_filter {
    display: inline-block;
    float: right;
}

div#example2_info {
    display: inline-block;
}

div#example2_paginate {
    display: inline-block;
    float: right;
}

body {
    background: #f6f8fb;
}

.page-header {
    margin-top: 120px;
    margin-bottom: 30px;
}

.page-header h2 {
    font-weight: 700;
    color: #222;
    margin-bottom: 8px;
}

.page-header p {
    color: #6c757d;
}

.filter-card {
    border: none;
    border-radius: 18px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .05);
    margin-bottom: 25px;
}

.filter-card label {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #555;
}

.provider-card {

    border: none;

    border-radius: 20px;

    overflow: hidden;

    transition: .25s;

    box-shadow: 0 8px 25px rgba(0, 0, 0, .05);

    margin-bottom: 20px;

}

.provider-card:hover {

    transform: translateY(-4px);

    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);

}

.provider-logo {

    width: 90px;

    height: 90px;

    border-radius: 50%;

    object-fit: cover;

    border: 4px solid #edf7ed;

}

.provider-name {

    font-size: 22px;

    font-weight: 700;

    margin-bottom: 6px;

}

.provider-desc {

    color: #777;

    font-size: 14px;

    margin-bottom: 15px;

}

.badge-armada {

    background: #077900;

    color: #fff;

    padding: 8px 14px;

    border-radius: 50px;

    font-weight: 500;

    margin-right: 6px;

    margin-bottom: 8px;

}

.badge-feature {

    background: #f3f4f6;

    color: #555;

    padding: 8px 14px;

    border-radius: 50px;

    margin-right: 6px;

    margin-bottom: 8px;

    font-weight: 500;

}

.rating-badge {

    display: inline-flex;

    align-items: center;

    gap: 5px;

    background: #fff8e6;

    color: #d48806;

    padding: 6px 14px;

    border-radius: 30px;

    font-weight: 600;

    margin-top: 10px;

}

.price-title {

    font-size: 13px;

    color: #888;

}

.price-value {

    color: #077900;

    font-size: 34px;

    font-weight: 800;

    line-height: 1.2;

}

.price-unit {

    color: #888;

    font-size: 14px;

}

.schedule-box {

    text-align: center;

}

.schedule-box h2 {

    font-weight: 700;

    color: #077900;

    margin-bottom: 0;

}

.schedule-box span {

    font-size: 13px;

    color: #777;

}

.btn-provider {

    background: #077900;

    color: #fff;

    border-radius: 50px;

    padding: 12px 20px;

    font-weight: 600;

    transition: .25s;

    text-decoration: none;

    display: block;

    text-align: center;

}

.btn-provider:hover {

    background: #056300;

    color: #fff;

}

@media(max-width:768px) {

    .page-header {

        margin-top: 90px;

    }

    .provider-card {

        text-align: center;

    }

    .provider-logo {

        margin-bottom: 15px;

    }

    .price-value {

        font-size: 28px;

    }

    .schedule-box {

        margin: 20px 0;

    }

    .btn-provider {

        margin-top: 20px;

    }

}