.prep-cour-container {
    font-family: 'Gotham Pro';
}

.prep-cour-container .desc {
    line-height: 170%;
    color: #004D85;
    font-size: 1.2rem;
}

h2 {
    margin-bottom: 2rem !important;
}

svg {
    height: 100px;
    color: #004D85;
}

.overall-info {
    margin-bottom: 2rem;
    align-items: center;
}

.course-usr {
    margin-bottom: 2rem;
    align-items: center;
}

.contacts {
    margin-bottom: 2rem;
    align-items: center;
    text-align: center;
}

.duration {
    margin-bottom: 2rem;
}

.contacts h3 {
    margin: 0;
    padding: 3% 0;
}

.course-usr .card {
    border-radius: 16px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.duration .card {
    border-radius: 16px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.contacts .card {
    border-radius: 16px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.prep-cour-container .percent {
    font-size: 5rem;
    color: #FFFFFF;
    margin-bottom: 5% !important;
}

.prep-cour-container .percent-desc {
    text-align: center;
    color: #FFFFFF;
    font-size: 1rem;
}

.prep-cour-container .percent-container {
    background-color: #004D85;
    padding: 3% 2% 3% 2%;
    border-radius: 16px;
}

.pros {
    color: #004D85;
    font-size: 1.2rem;
    line-height: 130%;
    margin-bottom: 2rem;
}

.pros ::marker {
    font-weight: bold;
    font-size: 1.5rem;
}

@media only screen and (max-width: 1199.99px) {
    .prep-cour-container .percent-container {
        margin: 7% 3vw 0px;
    }

    .card {
        width: 100%;
        margin: 2% 0;
    }

    .contacts .contact-block {
        margin: 3% 0;
    }
}