@import url(https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css);
:root {
    --main-color: #374A95;
    --second-color: #2a6df5;
    --third-color: #F0A047;
    --fourth-color: #B0B4B8;
    --fifth-color: #FCD96B;
    --six-color: #4054b2;
    --oaxaca-color: #7c3bff;
    --oaxaca-color-second: #98099d;
    --hover-main-color: #29376e;
    --hover-second-color: #2a6a97;
    --hover-third-color: #ca873b;
    --hover-fourth-color: #989b9e;
    --hover-fifth-color: #e0c25f;
    --white-color: #fff;
    --light-color: #e6e6e6;
    --gray-color: #999999;
    --dark-color: #333;
    --hard-dark-color: #000;
    --bg-main-color: #00c492;
    --bg-second-color: #e1ffea;
    --bg-light-second-color: #eefff3;
    --bg-third-color: #7AFADA;
    --bg-fourth-color: #FA997A;
    --bg-fifth-color: #AD5032;
    --bg-white-color: #fff;
    --bg-light-color: #e6e6e6;
    --bg-gray-color: #999999;
    --bg-dark-color: #333;
    --bg-hard-dark-color: #000;
    --whats-color: #00f078;
    --raleway-fonts: 'Raleway', sans-serif;
    --size-10px: 10px;
    --size-12px: 12px;
    --size-14px: 14px;
    --size-16px: 16px;
    --size-18px: 18px;
    --size-20px: 20px;
    --size-24px: 24px;
    --size-28px: 28px;
    --size-34px: 34px;
    --size-38px: 38px;
    --size-46px: 46px;
    --size-54px: 54px;
    --size-64px: 64px;
    --size-72px: 72px;
    --size-88px: 88px;
    --box-shadow-1: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    --box-shadow-2: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;
    --box-shadow-3: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.wp-flx {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.wp-flx .tt-graduations {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 5rem;
    gap: 1rem;
    align-items: center;
}

.wp-flx .tt-graduations {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 5rem;
    gap: 1rem;
    align-items: center;
}

.wp-flx .tt-graduations .title {
    font-size: 3rem;
    font-weight: 600;
    text-transform: uppercase;
}

.wp-flx .card-graduations {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.wp-flx .card-graduations .title {
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 2rem 0;
}

.wp-flx .card-graduations .tt-important {
    font-size: 2rem;
    font-weight: 600;
    background-color: #fffbd1;
}

.wp-flx .card-graduations .description {
    color: #333;
    font-size: 1rem;
    padding: 1rem 0;
}

.flx-row {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin: 1.3rem 0;
}

.go-to {
    color: white;
    background-color: var(--main-color);
    padding: 5px 20px;
    border-radius: 5px;
    transition: .3s ease-in-out;
    cursor: pointer;
}

.go-to:hover,
.go-to:focus,
.go-to:active {
    color: white;
    background-color: #0d2556;
}

.wp-flx .card-graduations .list-ol {
    list-style-type: decimal;
    padding-left: 1rem;
}

.wp-flx .card-graduations .list-ul {
    list-style-type: circle;
    padding-left: 1rem;
}


/* img */

.img-main {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 2rem 0;
    gap: 1rem;
}

.img-main img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
    box-shadow: var(--box-shadow-3);
}

.link-a {
    color: #2a6df5;
}

@media only screen and (max-width: 1919px) {}

@media only screen and (max-width: 1300px) {}

@media only screen and (max-width: 960px) {}

@media only screen and (max-width: 768px) {
    .wp-flx .card-graduations {
        align-items: flex-start;
    }
    .flx-row {
        align-items: center;
    }
    .wp-flx {
        padding: 10px;
    }
    .go-to {
        padding: 0 10px;
        font-size: 12px;
    }
    .wp-flx .card-graduations .description,
    ul,
    ol {
        font-size: 12px;
    }
    .wp-flx .tt-graduations .description {
        font-size: 12px;
    }
    .wp-flx .tt-graduations .title {
        font-size: 14px;
    }
    .wp-flx .card-graduations .title {
        font-size: 14px;
    }
}

@media only screen and (max-width: 590px) {}