body {
    padding: 0%;
    font-family: sans-serif;
    font-size: 16px;
}

.centerlize {
    text-align: center;
}

.card-container {
    display: inline-block;
    max-width: 280px;
    margin-right: 20px;
    margin-left: 20px;
    background-color: white;
    border-radius: 6px;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .3);
}

.card-container:hover, 
.card-container:hover .bottom {
    transition: .3a ease;
    background: #545454;
    color: #58BD58;
}

.card-container:hover .btn-partner, 
.card-container:hover h4,
.card-container:hover .text-transform-card,
.card-container:hover p {
    transition: .4a ease;
    color: #58BD58;
}

p {
    font-size: 1em;
}

.difficult {
    margin-bottom: 19% !important;
}

.difficult-1 {
    margin-bottom: 19% !important;
}

.top {
    height: 80px;
    border-radius: 6px;
    background: #545454;
    display: flex;
    justify-content: center;
}

.image-container {
    background-color: white;
    width: 84px;
    height: 80px;
    border-radius: 50%;
    margin-top: 40px;
}

.image-container img {
    background-color: white;
    width: 84px;
    height: 80px;
    border-radius: 50%;
    transition: 1a ease;
}

.image-container:hover{
    transform: scale(1.15);

}

.bottom {
    background-color: white;
    padding-top: 23%;
    padding-bottom: 12%;
    text-align: center;
}

.bottom .text-transform-card {
    font-size: 1rem;
    font-weight: 700;
    margin-top: 10%;
    margin-bottom: 17%;
    color: black;
}

.bottom h4 {
    line-height: .4;
    font-size: 1.2rem;
    color: #545454;
}

.bottom p {
    color: rgba(0, 0, 0, .7);
    margin-bottom:  30px;
}

.btn-partner {
    background: none;
    padding: 14px 30px;
    color: #333333;
    font-size: 0.9rem;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 30px;
    border: 1px solid #333333;

}

.btn-partner:hover {
    border: 1px solid #58BD58;
    text-decoration: none !important;
    color: #58BD58;
}


.bottom-1 {
    background-color: white;
    padding-bottom: 12%;
    padding-top: 21%;
    text-align: center;
}

.bottom-1 .text-transform-card {
    font-size: 1rem;
    font-weight: 700;
    margin-top: 10%;
    margin-bottom: 18%;
    color: black;
}

.bottom-1 h4 {
    line-height: .4;
    font-size: 1.2rem;
    color: #545454;
}

.bottom-1 p {
    color: rgba(0, 0, 0, .7);
    margin-bottom:  30px;
}

.card-container:hover, 
.card-container:hover .bottom-1 {
    transition: .3a ease;
    background: #545454;
    color: #58BD58;
}


.bottom-2 {
    background-color: white;
    padding-top: 23%;
    padding-bottom: 12%;
    text-align: center;
}

.bottom-2 .text-transform-card {
    font-size: 1rem;
    font-weight: 700;
    margin-top: 10%;
    margin-bottom: 17%;
    color: black;
    color: #545454;
}

.bottom-2 h4 {
    line-height: .4;
    font-size: 1.2rem;
    color: #545454;
}

.bottom-2 p {
    color: rgba(0, 0, 0, .7);
    margin-bottom:  30px;
}

.card-container:hover, 
.card-container:hover .bottom-2 {
    transition: .3a ease;
    background: #545454;
    color: #58BD58;
}

.bottom-3 {
    background-color: white;
    padding-top: 23%;
    padding-bottom: 12%;
}

.bottom-3 .text-transform-card {
    font-size: 1rem;
    font-weight: 700;
    margin-top: 10%;
    margin-bottom: 12%;
    color: black;
}

.bottom-3 h4 {
    line-height: .4;
    font-size: 1.2rem;
    color: #545454;
}

.bottom-3 p {
    color: rgba(0, 0, 0, .7);
    margin-bottom:  74px;
    color: #545454;
}

.card-container-3:hover, 
.card-container-3:hover .bottom-3 {
    transition: .3a ease;
    background: #545454;
    color: #58BD58 !important;
}

.bottom-3 h3:hover,
.bottom-3 p:hover {
    color:#58BD58;
    
}

.card-container-3 {
    display: inline-block;
    margin-top: 3%;
    margin-bottom: 3%;
    max-width: 280px;
    background-color: white;
    border-radius: 6px;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .3);
}

@media (min-width:1525px) and (max-width:1998px){
    .bottom-3 .text-transform-card {
        margin-bottom: 19%;
    }

    .bottom-3 p {
        margin-bottom: 51px;
    }

    .card-container-3{
        margin-left: 20px;
        margin-right: 20px;
    }

    .bottom-3 {
        padding-top: 21%;
    }
}

@media (min-width:917px) and (max-width:1024px) {
    .card-container {
        margin-top: 5%;
    }

    .bottom-3 p {
        margin-bottom: 54px;
    }

    .card-container-3 {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media (min-width:1241px) and (max-width:1250px) {
    .card-container-3 {
        display: block;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 0;
    }
}

@media (min-width:1251px) and (max-width:1300px) {
    .card-container-3 {
        display: block;
        margin-left: 200px;
        margin-right: 20px;
        margin-bottom: 0;
    }
}

@media (min-width:320px) and (max-width:768px) {
    .card-container{
        margin-bottom: 10%;
        margin-left: 0;
        margin-right: 0;
    }
    .card-container-3{
        margin-top: 0;
    }
}

.card-container-4 {
    margin-top: 3% !important;
    margin-bottom: 3% !important;
}

.card-container-4 p {
    margin-bottom: 10% !important;
}

.card-container-4 h3 {
    margin-bottom: 4.5% !important;
    margin-top: 24% !important;
}

.card-container-4 .bottom-2 {
    padding-top: 7%;
}