.areas {
    background-color: #FAFAFA;
}
.card-blue {
    padding: 40px 20px 40px 40px;
    background-color: #4376E0;
    border-radius: 40px;
    min-height: 230px;
}
    .card-blue img {
        width: auto !important;
        margin-bottom: 60px;
    }
.areas .owl-item:nth-child(2n) .card-blue {
    background-color: #5D90FB;
}
/* owl dots custom */

.owl-theme .owl-dots, 
.owl-theme .owl-nav {
    text-align: center;
}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #4376E0;
}
.owl-theme .owl-dots .owl-dot span {
    background: #EAEAEA;
    height: 8px;
    margin: 5px 2px;
}
.owl-theme .owl-dots .owl-dot.active span {
    width: 20px;
    height: 8px;
    margin: 5px 5px;
}
.cases-tile img {
    border-radius: 40px;
}
.cases-tile a {
    text-decoration: none;
    color: var(--black-txt);
}
.btn-yellow {
    background-color: #E0A719;
    padding: 8px 8px 0px 8px !important;
    border: none;
}
    .btn-yellow:hover {
        background-color: #E0A719;
        color: #fff;
    }
    .btn-yellow h5 {
        color: #fff;
        padding: 0px;
        font-weight: 500;
        font-size: .6rem;
        padding: 0px;
    }
.academy-tile {
    background-color: #F9F9F9;
}
.card-grey {
    padding: 40px 20px 20px 30px;
    background-color: #F1F1F1;
    border-radius: 40px;
    min-height: 440px;
}
    .card-grey img {
        width: auto !important;
    }
.contact-tile {
    background-color: #050054;
    background-image: url("../img/bg-left.webp"), url("../img/bg-right.webp");
    background-position: left center, right center;
    background-repeat: no-repeat, no-repeat;
}
.subfooter {
    background-color: #F9F9F9;
}
.subfooter h3 {
    padding: 0px;
    margin: 0px;
}
.subfooter .contacts img {
    vertical-align: baseline;
}
footer {
    font-size: .8rem;
    color: var(--black-txt);
}
    footer a {
        color: var(--black-txt);
    }
/* media queries */
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .card-grey {
        min-height: 360px;
    }
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}
/* X-Large devices (large desktops, less than 1400px) */
@media (min-width: 1399.98px) {
    .card-grey {
        min-height: 350px;
    }
}