:root {

    --font-PFBeauSansPro-SemiBold: "PFBeauSansPro-SemiBold";

    --font-PFBeauSansPro-SemiBoldItalic: "PFBeauSansPro-SemiBoldItalic";

    --font-PFBeauSansPro-Bold: "PFBeauSansPro-Bold";

    --font-PFBeauSansPro-Regular: "PFBeauSansPro-Regular";

    --font-PFBeauSansPro-Thin: "PFBeauSansPro-Thin";

    --font-PFBeauSansPro-Black: "PFBeauSansPro-Black";

    --max-width-1426px: 1400px;

    --max-width-100: 100%;

    --color-1F356B: #1f356b;

    --color-A8A8A8: #a8a8a8;

    --color-2c2c2c: #2c2c2c;

    --color-0069B4: #0069b4;

    --color-FFFFFF: #ffffff;

    --color-000000: #000000;

    --color-11AFDA: #11afda;

    --color-E6332A: #e6332a;

    --color-B9B9B9: #b9b9b9;

    --color-BABABA: #bababa;

    --color-F7F7F7: #f7f7f7

}



@font-face {

    font-family: PFBeauSansPro-SemiBold;

    src: url("../fonts/PFBeauSansPro-SemiBold.eot?") format("eot"), url("../fonts/PFBeauSansPro-SemiBold.woff") format("woff"), url("../fonts/PFBeauSansPro-SemiBold.ttf") format("truetype"), url("../fonts/PFBeauSansPro-SemiBold.svg#PFBeauSansPro-SemiBold") format("svg");

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: PFBeauSansPro-Bold;

    src: url("../fonts/PFBeauSansPro-Bold.eot?") format("eot"), url("../fonts/PFBeauSansPro-Bold.woff") format("woff"), url("../fonts/PFBeauSansPro-Bold.ttf") format("truetype"), url("../fonts/PFBeauSansPro-Bold.svg#PFBeauSansPro-Bold") format("svg");

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: PFBeauSansPro-Regular;

    src: url("../fonts/PFBeauSansPro-Regular.eot?") format("eot"), url("../fonts/PFBeauSansPro-Regular.woff") format("woff"), url("../fonts/PFBeauSansPro-Regular.ttf") format("truetype"), url("../fonts/PFBeauSansPro-Regular.svg#PFBeauSansPro-Regular") format("svg");

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: PFBeauSansPro-Thin;

    src: url("../fonts/PFBeauSansPro-Thin.eot?") format("eot"), url("../fonts/PFBeauSansPro-Thin.woff") format("woff"), url("../fonts/PFBeauSansPro-Thin.ttf") format("truetype"), url("../fonts/PFBeauSansPro-Thin.svg#PFBeauSansPro-Thin") format("svg");

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: PFBeauSansPro-Black;

    src: url("../fonts/PFBeauSansPro-Black.eot?") format("eot"), url("../fonts/PFBeauSansPro-Black.woff") format("woff"), url("../fonts/PFBeauSansPro-Black.ttf") format("truetype"), url("../fonts/PFBeauSansPro-Black.svg#PFBeauSansPro-Black") format("svg");

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: PFBeauSansPro-SemiBoldItalic;

    src: url("../fonts/PFBeauSansPro-SemiBoldItalic.eot?") format("eot"), url("../fonts/PFBeauSansPro-SemiBoldItalic.woff") format("woff"), url("../fonts/PFBeauSansPro-SemiBoldItalic.ttf") format("truetype"), url("../fonts/PFBeauSansPro-SemiBoldItalic.svg#PFBeauSansPro-SemiBoldItalic") format("svg");

    font-weight: 400;

    font-style: normal

}



* {

    box-sizing: border-box;

    ;

}



.tw.tw-w-fit {

    width: fit-content;

}



.tw.tw-flex-1 {

    flex: 1;

    max-width:initial;

}



.institutional-compromise__button {

    margin-right: 10rem;

}



.institutional-compromise__video {

    width: 100%;

    overflow: hidden;

    border-radius: 15px;

    margin-bottom: 7rem;

}



.institutional-compromise__video video {

    width: 100%;

    object-fit: cover;

}



.block {

    width: 100%;

    display: flex;

    justify-content: center;

}



.block--bg-white {

    background: #fff;

}



.block--bg-blue {

    background: #20366d;

}



.block__content {

    width: 100%;

    max-width: 100%;

}



/* .block__content--media {

    max-width: 1780px;

}



@media screen and (max-width: 768px) {

    .block__content--media {

        max-width: 700px;

    }

}



@media screen and (max-width: 576px) {

    .block__content--media {

        max-width: 500px;

    }

}



@media screen and (max-width: 420px) {

    .block__content--media {

        max-width: 420px;

    }

}



@media screen and (max-width: 900px) {

    .block__content--media {

        max-width: 900px;

    }

}



@media screen and (max-width: 1200px) {

    .block__content--media {

        max-width: 768px;

    }

}



@media screen and (max-width: 1400px) {

    .block__content--media {

        max-width: 980px;

    }

}



@media screen and (max-width: 1600px) {

    .block__content--media {

        max-width: 1290px;

    }

}



@media screen and (max-width: 1800px) {

    .block__content--media {

        max-width: 1400px;

    }

}



@media screen and (max-width: 1980px) {

    .block__content--media {

        max-width: 1540px;

    }

} */



.section.tw-pb-0 {

    padding-bottom: 0;

}



.grid {

    width: 100%;

    max-width: 100%;

    display: flex;

    flex-direction: row;

}



.grid__column {

    width: 100%;

    max-width: 100%;

    display: flex;

    flex-direction: column;

}



.grid__column--10 {

    max-width: 10%;

    padding: 0 0.9375rem;

}



.grid__column--20 {

    max-width: 20%;

    padding: 0 0.9375rem;

}



.grid__column--25 {

    max-width: 25%;

    padding: 0 0.9375rem;

}



.grid__column--30 {

    max-width: 33%;

    padding: 0 0.9375rem;

}



.grid__column--33 {

    max-width: 33%;

    padding: 0 0.9375rem;

}



.grid__column--40 {

    max-width: 40%;

    padding: 0 0.9375rem;

}



.grid__column--50 {

    max-width: 50%;

    padding: 0 0.9375rem;

}



.grid__column--60 {

    max-width: 60%;

    padding: 0 0.9375rem;

}



.grid__column--70 {

    max-width: 60%;

    padding: 0 0.9375rem;

}



.grid__column--80 {

    max-width: 80%;

    padding: 0 0.9375rem;

}



.grid__column--90 {

    max-width: 90%;

    padding: 0 0.9375rem;

}



@media screen and (max-width: 768px) {

    .profile-candidate {

        flex-direction: column;

    }



    .profile-candidate__container {

        max-width: 100%;

        padding: 1.5rem;

    }



    .profile-candidate--senior {

        flex-direction: column-reverse;

    }

}



.section {

    width: 100%;

    display: flex;

    padding: 50px 0;

}



@media screen and (min-width: 768px) {

    .section {padding:70px 0;}

}



@media screen and (min-width: 992px) {

    .section {padding:100px 0;}

}



.section--blue {

    background: #20366d;

}



@media screen and (max-width: 768px) {

    .section {

        width: 100%;

        display: flex;

        padding: 40px 0;

        min-height: auto;

    }

}



@media screen and (max-width: 576px) {

    .section {

        width: 100%;

        display: flex;

        min-height: auto;

        padding-top: 70px;

    }



    .section .dropdown-item__title {

        padding: 0px 24px;

    }

}



.institutional-compromise {

    display: flex;

    justify-content: space-between;

}



.institutional-compromise__button {

    cursor: pointer;

}



.institutional-compromise__paragraph {

    line-height: normal;

    color: #000000;

}



.institutional-compromise__container {

    align-items: flex-start;

    padding: 2.5rem 0rem;

}



@media screen and (max-width: 768px) {

    .institutional-compromise {

        flex-direction: column;

        gap: 10rem;

    }



    .institutional-compromise__container {

        max-width: 100%;

    }

}



.button {

    display: flex;

    font-size: calc(12px + 0.7rem);

    font-weight: 700;

    width: calc(200px + 6rem);

    height: calc(30px + 2rem);

    padding: 1.25rem;

    cursor: pointer;

}



.button__border--rounded {

    border-radius: 6.25rem;

}



.button__bg--red {

    background-color: #e6332a;

}



.button__text--white {

    color: #fff;

}





ul {

    margin: 0;

    padding: 0

}



li {

    list-style: none;

    margin: 0;

    padding: 0

}



.button__text--upper {

    text-transform: uppercase;

}



.button__text--center {

    justify-content: center;

    align-items: center;

}



.heading {

    width: 100%;

    display: flex;

    flex-direction: column;

    padding: 2.5rem 0rem 5rem;

}



.heading--center {

    align-items: center;

    justify-content: center;

    text-align: center;

}



.heading--start {

    align-items: start;

    justify-content: start;

}



.heading__title {

    display: flex;

    flex-direction: row;

    margin-bottom: calc(10px + 0.5rem);

}



.heading__title--uch {

    font-family: var(--font-PFBeauSansPro-Bold);

}



.heading__line {

    display: flex;

    height: 4px;

    width: 52px;

    flex-direction: row;

}



.heading__line--bg-blue-sky {

    background: #0069b4;

}



.heading__line--bg-white {

    background: #fff;

}



.font {

    line-height: normal;

    font-size: 12px;

    color: #000000;

}



.font__box--shadow-4 {

    text-shadow: 5px 4px 4px rgba(0, 0, 0, 0.5);

}



.font__color--white {

    color: #fff;

}



.font__color--blue {

    color: #20366d;

}



.font__color--blue-sky {

    color: #0069b4;

}



.font__color--gray {

    color: #dadce7;

}



.font__color--black {

    color: #000;

}



.font__size--100 {

    font-size: 100px;

}



.font__size--64 {

    font-size: 64px;

}



.font__size--50 {

    font-size: 50px;

}



.font__size--30 {

    font-size: 30px;

}



.font__size--28 {

    font-size: 28px;

}



.font__size--25 {

    font-size: 25px;

}



.font__size--20 {

    font-size: 20px;

}



.font__size--18 {

    font-size: 18px;

}



.font__size--16 {

    font-size: 16px;

}



.font__size--14 {

    font-size: 14px;

}



.font__weight--300 {

    font-weight: 300;

}



.font__weight--500 {

    font-weight: 500;

}



.font__weight--700 {

    font-weight: 700;

}



.font__weight--900 {

    font-weight: 900;

}



.dropdown-item__line {

    border-left: 1px solid #d2d2d2;

    height: 100%;

    position: absolute;

    left: auto;

    top: 0;

    z-index: -1;

}



.dropdown-item__dot {

    height: calc(10px + 2rem);

    width: calc(10px + 2rem);

    border-radius: 100%;

    border: .5rem solid #0069b4;

    background: #fff;

    position: absolute;

    top: calc(100% - 100px / 2);

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

}



/*Edit - accordion*/

/*.acordion::before {*/

/*    content: '';*/

/*    background: #d2d2d2;*/

/*    display: block;*/

/*    width: 1px;*/

/*    height: calc(100% - 30px);*/

/*    position: absolute;*/

/*    top: 10px;*/

/*    left: .5em;*/

/*    font-size: calc(10px + 2rem);*/

/*}*/

/*.acordion__item {*/

/*    margin-bottom: 25px;*/

/*}*/

/*.acordion__header {*/

/*    display: flex;*/

/*    align-items: center;*/

/*    cursor: pointer;*/

/*}*/

/*@media (min-width: 992px) and (min-height: 750px) {*/

/*    .acordion__header span {*/

/*        font-size: clamp(12px, calc(10px + 1.8rem), 27px);*/

/*    }*/

/*}*/

/*@media (min-width: 992px) {*/

/*    .acordion__header span {*/

/*        font-size: calc(9px + 1.8rem);*/

/*    }*/

/*}*/

/*.acordion__header span {*/

/*    color: #20366d;*/

/*    font-weight: 700;*/

/*    flex-shrink: 1;*/

/*    font-size: calc(12px + 1.8rem);*/

/*}*/

/*.acordion__content {*/

/*    max-height: 0;*/

/*    overflow: hidden;*/

/*    transition: max-height, 0.2s ease-out;*/

/*}*/

/*.acordion__content p {*/

/*    color: #292929;*/

/*    font-size: calc(12px + 0.5rem);*/

/*    padding-top: 10px;*/

/*    padding-left: calc(20px + 5rem);*/

/*    line-height: 1.4em;*/

/*}*/

/*.circle {*/

/*    font-size: calc(10px + 2rem);*/

/*    border: .5rem solid #0069b4;*/

/*    padding-right: calc(10px + 3rem);*/

/*    width: 1em;*/

/*    height: 1em;*/

/*    border-radius: 50%;*/

/*    position: relative;*/

/*    background-color: #ffffff;*/

/*}*/

/*.circle::after {*/

/*    content: '';*/

/*    width: 45%;*/

/*    height: 45%;*/

/*    background-color: #0069b4;*/

/*    border-radius: 50%;*/

/*    transform: translate(-50%, -50%) scale(0);*/

/*    position: absolute;*/

/*    top: 50%;*/

/*    left: 50%;*/

/*}*/



.dropdown-item__circle {

    /*Edit - accordion*/

    /*width: 50%;*/

    /*height: 50%;*/

    height: 8px;

    width: 8px;

    display: flex;

    transform: scale(0);

}



.dropdown-item__paragraph {

    width: 100%;

    padding-right: 30%;

}



.dropdown-item__circle--bg-blue {

    background: #0069b4;

    transform: scale(0);

    transition: transform 0.4s;

    will-change: transform

}



.dropdown-item--active .dropdown-item__circle--bg-blue {

    transform: scale(1);

    background: #0069b4;

}



.dropdown-item__circle--border-rounded-full {

    border-radius: 100%;

}



.dropdown-item__heading {

    align-items: center;

}



.dropdown-item__heading--reverse {

    flex-direction: row-reverse;

    text-align: right;

}



.dropdown-item__body--reverse {

    flex-direction: row-reverse;

    text-align: right;

}



.dropdown-item__paragraph--reverse {

    width: 100%;

    padding-left: 30%;

}



.dropdown-item__icon {

    align-items: center;

    min-height: 67px;

}



.dropdown-item__body {

    display: flex;

}



.dropdown-item__title {

    padding: 1.5rem 0rem;

}





@media screen and (max-width: 768px) {

    .dropdown-item__paragraph {

        padding: 0 20px;

    }



    .dropdown-item__paragraph--reverse {

        padding: 0 20px;

    }

}



.transition {

    transition: all 500ms;

}



.transition.transition--delay-25ms {

    transition-delay: 0.25s;

}



.transition.transition--delay-50ms {

    transition-delay: 0.5s;

}



.transition.transition--delay-75ms {

    transition-delay: 0.75s;

}



.transition.transition--delay-1-25s {

    transition-delay: 1.25s;

}



.transition.transition--delay-1-50ms {

    transition-delay: 1.5s;

}





.transition.transition--delay-5s {

    transition-delay: 5s;

}



.transition.transition--delay-6s {

    transition-delay: 6s;

}



.transition.transition--delay-1s {

    transition-delay: 1s;

}



.transition.transition--delay-2s {

    transition-delay: 2s;

}



.transition.transition--delay-3s {

    transition-delay: 3s;

}



.transition.transition--delay-4s {

    transition-delay: 4s;

}



.transition.transition--delay-5s {

    transition-delay: 5s;

}



.transition.transition--delay-6s {

    transition-delay: 6s;

}



.transition__height {

    max-height: 0px;

    overflow: hidden;

    will-change: max-height;

    transition: all 0.1s ease-out;

}



.transition__height--expand {

    will-change: max-height;

    transition: all 0.1s ease-out;

}



.transition__width {

    max-width: 0px;

    overflow: hidden;

    transition-delay: 2s;

    transition: max-width 1s ease-in;

}



.transition__width--expand-52 {

    max-width: 52px;

    transition-delay: 2s;

    transition: max-width 0.5s ease-in;

}



.transition__scale {

    transform: scale(0);

    transition: transform 1s ease-in;

}



.transition__scale--scale-1 {

    transform: scale(1);

    transition: transform 1s ease-in;

}



.transition__opacity {

    visibility: hidden;

    opacity: 0;

    transition-delay: 0.2s;

    transition: visibility 0.2s, opacity 1s linear;

}



.transition__opacity--0 {

    visibility: hidden;

    opacity: 0;

    transition-delay: 0.2s;

    transition: visibility 0.2s, opacity 1s linear;

}



.transition__opacity--100 {

    visibility: visible;

    opacity: 1;

    transition-delay: 0.2s;

    transition: visibility 0.2s, opacity 1s linear;

}



.transition__translatex {

    transition: all 500ms;

}



.transition__translatey {

    transition: all 500ms;

}



.transition__translatex--left {

    transition-delay: 250ms;

    transform: translateX(-100%);



}



.transition__translatex--right {

    transition-delay: 250ms;

    transform: translateX(100%);

}





.transition__translatey--top {

    transition-delay: 250ms;

    transform: translateY(-100%);

}



.transition__translatey--top-10px {

    transition-delay: 250ms;

    transform: translateY(-10px);

}



.transition__translatey--top-5px {

    transition-delay: 250ms;

    transform: translateY(-5px);

}



.transition__translatey--top-10 {

    transition-delay: 250ms;

    transform: translateY(-10%);

}



.transition__translatey--top-20 {

    transition-delay: 250ms;

    transform: translateY(-20%);

}



.transition__translatey--bottom {

    transition-delay: 250ms;

    transform: translateY(100%);

}



.transition__translatey--bottom-10px {

    transition-delay: 250ms;

    transform: translateY(10px);

}



.transition__translatey--bottom-5px {

    transition-delay: 250ms;

    transform: translateY(5px);

}



.transition__translatey--bottom-10 {

    transition-delay: 250ms;

    transform: translateY(10%);

}



.transition__translatey--bottom-20 {

    transition-delay: 250ms;

    transform: translateY(20%);

}



.transition__translatex--active {

    transform: translateX(0);

}



.transition__translatey--active {

    transform: translateY(0);

}



.animation {

    transition: all 500ms;

}





.animation__fade-in {

    opacity: 0;

}



.animation__fade-in--active {

    animation: fade_in 1s;

}



@keyframes slide-in-left {

    0% {

        -webkit-transform: translateX(-200%);

        transform: translateX(-200%);

        opacity: 1;

    }



    100% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

        opacity: 1;

    }

}



@keyframes slide-in-right {

    0% {

        -webkit-transform: translateX(200%);

        transform: translateX(200%);

        opacity: 1;

    }



    100% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

        opacity: 1;

    }

}





.transition__background-color {

    transition-delay: 1s;

    transition: background-color 0.5s linear;

}



.transition__background-color--bg-transparent {

    background: #fff0;

}



.transition__background-color--bg-blue {

    background: #20366d;

}



.transition__background-color--bg-green {

    background: rgba(192, 241, 12, 0.911);

}



.transition__background-color--bg-black {

    background: #000;

}



.transition__background-color--bg-blue-sky {

    background: #0069b4;

}



.image {

    width: auto;

}



.image--full {

    width: 100%;

}



.figure {

    width: auto;

}



.figure--full {

    width: 100%;

}



.header {

    display: flex;

}



.header--bg-blue {

    background: #20366d;

}



.card-list {

    display: flex;

    justify-content: center;

    width: 100%;

}



.card-list--gap-0 {

    column-gap: 0;

}



.card-list--gap-32 {

    column-gap: 2rem;

}



.card-list--gap-36 {

    column-gap: 0.7%;

}



.micro-card-info {

    display: flex;

    width: auto;

}



.micro-card-info__text {

    display: flex;

    justify-content: center;

    align-items: center;

    /*height: 28px;*/

    font-weight: bold;

}



.micro-card-info__text.font__size--18 {font-size: calc(10px + 1rem)}



.micro-card-info--rounded-10 {

    border-radius: 10px;

}



.micro-card-info--rounded-20 {

    border-radius: 20px;

}



.micro-card-info--bg-white {

    background: #e4e4e4;

}

.micro-card-info--bg-rojo{

    background: #e6332ad7;

}

.micro-card-info__block {

    display: flex;

    /*height: 28px;*/

    width: 16px;

    align-items: center;

    justify-content: start;

}





.micro-card-info__circle--border-rounded-full {

    border-radius: 100%;

}



.micro-card-info__circle--bg-blue {

    background: #0069b4;

}

.micro-card-info__circle--bg-white{

    background: #ffffff;

}

.micro-card-info__circle {

    width: 7px;

    height: 7px;

    display: flex;

}



.card-item {

    display: flex;



    width: 100%;

}



.card-item__paragraph {

    display: flex;

    width: 100%;

    margin-top: 20px;

    text-align: center;

    flex-direction: column;

}



.card-item__heading {

    display: flex;

    width: 100%;

    justify-content: center;

}



.card-item--rounded-4 {

    border-radius: 0.25rem;

}



.card-item--rounded-10 {

    border-radius: 10px;

}



.card-item--rounded-full {

    border-radius: 100%

}



.card-item--border-1 {

    border-width: 1px;

}



.card-item--border-2 {

    border-width: 2px;

}



.card-item--border-color-gray {

    border-color: #d7d6d6;

}



.card-item--3 {

    border-radius: 0.25rem;

}



.card-item--bg-white {

    background: #fff;

}



.card-item--bg-blue {

    background: #20366d;

}



.card-item--bg-blue-sky {

    background: #0069b4;

}



.card-item--bg-gray {

    background: #f9f9ff;

}



.card-item--color-white {

    background: #fff;

}



.card-item--color-blue {

    background: #20366d;

}



.card-item--color-blue-sky {

    background: #0069b4;

}



.card-item--color-gray {

    background: #f9f9ff;

}



.general-goals {

    display: flex;

    max-width: 1144px;

    margin: 0 auto;

}



.general-goals__card {

    height:100%;

    width: 100%;

    justify-content: start;

    align-items: center;

    padding: 20px;

    padding-bottom:40px;

    flex-direction: column;

    text-align: center;

}



.candidate-requirements {

    display: flex;

}



.candidate-requirements__card {

    height:100%;

    width: 100%;

    justify-content: start;

    align-items: center;

    padding: 20px;

    padding-bottom:40px;

    flex-direction: column;

    text-align: center;

}

.candidate-requirements__card:hover{

    transition: all 0.2s linear;

    background: #20366d;

    border-radius: 10px;

}

.candidate-requirements__card:hover .card-item__paragraph{color:#ffffff;}

.diferential-aspects {

    display: flex;

}



.diferential-aspects__card {

    aspect-ratio: 1;

    /*max-width: 24.5%;*/

    /*min-height: 334px;*/

    width: 100%;

    display:flex;

    justify-content: center;

    align-items: center;

    padding: 20px;

    flex-direction: column;

    text-align: center;

}



@media screen and (max-width: 768px) {

    .card-list {

        display: flex;

        gap: 20px;

        max-width: 80%;

        margin: 0 auto;

        flex-direction: column;

    }



    .card-item {

        max-width: 70%;

        margin: 0 auto;

        justify-content: center;

    }

}



@media screen and (max-width: 576px) {

    .card-list {

        display: flex;

        gap: 20px;

        max-width: 80%;

        margin: 0 auto;

        flex-direction: column;

    }



    .card-item {

        max-width: 100%;

        margin: 0 auto;

    }

}

.general-goals__card{

    transition: all 0.2s linear;

}



.general-goals__card:hover {

    background: #20366d;

    border-radius: 10px;

}



.general-goals__card:hover .card-item__paragraph {

    color: #fff;

}



.diferential-aspects__card {

    transition: background-color 0.2s linear;

    background: #FFF;

}



.diferential-aspects__card:hover {

    background: #0069b4;

}



.diferential-aspects__card:hover svg {

    fill: #fff;

}



.diferential-aspects__card:hover .card-item__paragraph {

    color: #fff;

}



.diferential-aspects__card .card-item__paragraph {

    color:#02336e;

}



.diferential-aspects__card {

    fill:#02336e

}





.main-title-banner {

    display: flex;

    width: 100%;

    max-width: 700px;

    flex-direction: column;

    /*position: absolute;*/

    /*left: 20px;*/

    /*bottom: 0px;*/

}



.main-title-banner__info-data {

    display: flex;

}



.main-title-banner__micro-card-list {

    display: flex;

    flex-direction: row;

    gap: calc(4px + 2rem);

    flex-wrap: wrap;

    margin-top: 20px;

    width: 100%;

}



.main-title-banner__micro-card {

    padding: 4px 10px;

    /*margin-right: 10px;*/

}



@media screen and (max-width: 980px) {

    .main-title-banner__info-data {

        /*margin-bottom: 20px;*/

    }

}



@media screen and (max-width: 768px) {

    .main-title-banner__micro-card-list {

        flex-direction: column;

    }



    .main-title-banner__micro-card {

        width: fit-content;

        /*margin-top: 10px;*/

    }

}



.studies-modalities__list-info {

    width: 100%;

}



.studies-modalities__micro-card {

    padding: 4px 10px;

}



.studies-modalities__card-list {

    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 20px;

}



.studies-modalities {

    display: flex;

    width: 100%;

    flex-direction: row;

}



.studies-modalities__card {

    max-width: 100%;

    min-height: 260px;

    width: 100%;

    justify-content: space-between;

    align-items: baseline;

    padding: 40px;

    text-align: left;

    flex-direction: column;

    border-radius: 10px;

}



.studies-modalities__list-container {

    display: flex;

    flex-direction: row;

    width: 100%;

    justify-content: space-between;

}



.studies-modalities__info-block {

    display: flex;

}



/**/

.prices__list-info {

    width: 100%;

}



.prices__micro-card {

    padding: 4px 10px;

}



.prices__card-list {

    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 20px;

}



.prices {

    display: flex;

    width: 100%;

    flex-direction: row;

}



.prices__card {

    max-width: 100%;

    width: 100%;

    justify-content: space-between;

    align-items: baseline;

    padding: calc(10px + 4rem);

    text-align: left;

    flex-direction: column;

    border-radius: 10px;

    border: 1px solid;

    border-color: #d7d6d6;

    ;

}



.prices__list-container {

    display: flex;

    flex-direction: column;

    width: 100%;

    justify-content: space-between;

}



.prices__card:first-child .prices__list-container{

    flex-direction: row;

}



.prices__info {

    width: 100%;

}



.prices__info-block {

    display: flex;

}



@media screen and (max-width: 576px) {

    .heading {

        padding: 5rem 0rem;

        padding-bottom: 40px;

    }

}





@media screen and (max-width: 768px) {

    .main-title-banner {

        display: flex;

        width: 100%;

        max-width: 100%;

        flex-direction: column;

        position: static;

    }

    .studies-modalities__micro-card {

        margin-bottom: 20px;

    }

    

}



@media screen and (max-width: 576px) {

    .main-title-banner .micro-card-info__text {

        font-size: calc(10px + 1rem);

        /*font-size: 14px;*/

    }

}



.overflow--hidden {

    overflow: hidden;

}



.position--absolute {

    position: absolute;

}



.position--relative {

    position: absolute;

}



.profile-candidate .list__item:first-child .dropdown-item__line {

    top: 20px

}



.profile-candidate .list__item:last-child .dropdown-item__line {

    bottom: -20px;

    max-height: 40px;

}



.profile-candidate .list__item:last-child .dropdown-item__body .dropdown-item__line {

    display: none;

}



@media screen and (max-width: 1980px) {

    .font__size--100 {

        font-size: calc(24px + 7.8rem);

    }



    .font__size--64 {

        font-size: calc(10px + 6.5rem);

    }



    .font__size--50 {

        font-size: 50px;

    }



    .font__size--30 {

        font-size: 30px;

    }



    .font__size--28 {

        font-size: 28px;

    }



    .font__size--20 {

        font-size: 20px;

    }



    .font__size--18 {

        font-size: 18px;

    }



    .font__size--16 {

        font-size: 16px;

    }



    .font__size--14 {

        font-size: 14px;

    }

}



@media screen and (max-width: 1200px) {

    .font__size--100 {

        font-size: 50px;

    }



    .font__size--64 {

        font-size: 50px;

    }



    .font__size--50 {

        font-size: 40px;

    }



    .font__size--30 {

        font-size: 20px;

    }



    .font__size--28 {

        font-size: 18px;

    }



    .font__size--25 {

        font-size: 20px;

    }



    .font__size--20 {

        font-size: 18px;

    }



    .font__size--18 {

        font-size: 18px;

    }



    .font__size--14 {

        font-size: 14px;

    }



}



@media screen and (max-width: 576px) {

    .font__size--100 {

        font-size: 40px;

    }



    .font__size--64 {

        font-size: 30px;

    }



    .font__size--50 {

        font-size: 28px;

    }



    .font__size--30 {

        font-size: 20px;

    }



    .font__size--28 {

        font-size: 18px;

    }



    .font__size--25 {

        font-size: 18px;

    }



    .font__size--18 {

        font-size: 18px;

    }



    .font__size--14 {

        font-size: 14px;

    }

}





@media screen and (max-width: 1024px) {

    .studies-modalities__list-container {

        display: flex;

        flex-direction: column;

        width: 100%;

        justify-content: space-between;

        gap: 40px;

    }



    .studies-modalities__info-block {

        text-align: center;

        width: 100%;

    }



    .studies-modalities__info {

        text-align: left;

        width: 100%;

    }



    .prices__list-container {

        display: flex;

        flex-direction: column;

        width: 100%;

        justify-content: space-between;

        gap: 40px;

    }



    .prices__card:first-child .prices__list-container{

        flex-direction: column;

    }



    .prices__info-block {

        text-align: center;

        width: 100%;

    }



    .prices-modalities__info {

        text-align: left;

        width: 100%;

    }



}



.fit {

    height: 100vh;

    width: 100%;

    object-fit: cover;

    display: flex;

}



.menu-mobile {

    display: flex;

    width: 85vw;

    height: 100vh;

    position: fixed;

    flex-direction: column;

    background: #1f356b;

    color: #fff;

    z-index: 2;

    transition: all 1s;

    right: -100%;

}



.menu-mobile__item {

    display: flex;

    flex-direction: row;

    width: 100%;

    text-align: left;

    padding: 10px 20px;

    color: #fff;

}



.menu-mobile__link {

    padding: 10px 20px;

}



.menu-mobile--active {

    transition: all 0.5s;

    right: 0;

}



.menu-mobile__close {

    padding-top: 20px;

}



.menu-layer {

    display: none;

    flex-direction: column;

    position: fixed;

    height: 100vh;

    width: 100vw;

    background: #000000c9;

    z-index: 1;

    opacity: 0;

    transition: all 1s ease-in;

}



.menu-layer--active {

    opacity: 1;

    display: flex;

}



.menu-mobile__icon {

    padding: 20px;

}



@media screen and (max-width: 1366px) {

    .fit {

        object-fit: cover;

        display: flex;

    }

}



.loading-element {

    position: relative;

    overflow: hidden;

}



.loading-element__cover {

    position: absolute;

    height: 100%;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    top: 0px;

    left: 0px;

    z-index: 1;

    transition-delay: 1s;

}



.loading-element--uch {

    background-color: #20366d;

    min-height: 70vh;

    border-radius: 10px;

}



.loading-element__image {

    min-height: 100vh;

    transition: all 0.5s linear;

}



/* 

 svg .svg-elem-1 {

    fill: transparent;

    -webkit-transition: fill 0.7s linear 0.8s;

            transition: fill 0.7s linear 0.8s;

  }

  

  svg.active .svg-elem-1 {

    fill: transparent;

  }

  

  svg .svg-elem-2 {

    fill: transparent;

    -webkit-transition: fill 0.7s linear 0.9s;

            transition: fill 0.7s linear 0.9s;

  }

  

  svg.active .svg-elem-2 {

    fill: transparent;

  }

  

  svg .svg-elem-3 {

    fill: transparent;

    -webkit-transition: fill 0.7s linear 1s;

            transition: fill 0.7s linear 1s;

  }

  

  svg.active .svg-elem-3 {

    fill: transparent;

  }

  

  svg .svg-elem-4 {

    fill: transparent;

    -webkit-transition: fill 0.7s linear 1.1s;

            transition: fill 0.7s linear 1.1s;

  }

  

  svg.active .svg-elem-4 {

    fill: transparent;

  }

  

  svg .svg-elem-5 {

    fill: transparent;

    -webkit-transition: fill 0.7s linear 1.2000000000000002s;

            transition: fill 0.7s linear 1.2000000000000002s;

  }

  

  svg.active .svg-elem-5 {

    fill: transparent;

  }

  

  svg .svg-elem-6 {

    fill: transparent;

    -webkit-transition: fill 0.7s linear 1.3s;

            transition: fill 0.7s linear 1.3s;

  }

  

  svg.active .svg-elem-6 {

    fill: transparent;

  }

   */





@keyframes animate-svg-fill-1 {

    0% {

        fill: transparent;

    }



    100% {

        fill: rgb(255, 255, 255);

    }

}



.svg-elem-1 {

    transition-delay: 0.7s;

    animation: animate-svg-fill-1 0.7s linear 0.8s infinite;

}



@keyframes animate-svg-fill-2 {

    0% {

        fill: transparent;

    }



    100% {

        fill: rgb(255, 255, 255);

    }

}



.svg-elem-2 {

    transition-delay: 0.7s;

    animation: animate-svg-fill-2 0.7s linear 0.9s infinite;

}



@keyframes animate-svg-fill-3 {

    0% {

        fill: transparent;

    }



    100% {

        fill: rgb(255, 255, 255);

    }

}



.svg-elem-3 {

    transition-delay: 0.7s;

    animation: animate-svg-fill-3 0.7s linear 1s infinite;

}



@keyframes animate-svg-fill-4 {

    0% {

        fill: transparent;

    }



    100% {

        fill: rgb(255, 255, 255);

    }

}



.svg-elem-4 {

    transition-delay: 0.7s;

    animation: animate-svg-fill-4 0.7s linear 1.1s infinite;

}



@keyframes animate-svg-fill-5 {

    0% {

        fill: transparent;

    }



    100% {

        fill: rgb(255, 255, 255);

    }

}



.svg-elem-5 {

    transition-delay: 0.7s;

    animation: animate-svg-fill-5 0.7s linear 1.2000000000000002s infinite;

}



@keyframes animate-svg-fill-6 {

    0% {

        fill: transparent;

    }



    100% {

        fill: rgb(255, 255, 255);

    }

}



.svg-elem-6 {

    transition-delay: 0.7s;

    animation: animate-svg-fill-6 0.7s linear 1.3s infinite;

}





@keyframes fade_in {

    0% {

        opacity: 0;

        transform: translateY(3%)

    }



    100% {

        opacity: 1;

        transform: translateY(0)

    }

}



@keyframes fade_out {

    100% {

        opacity: 1;

        transform: translateY(0%)

    }



    0% {

        opacity: 0;

        transform: translateY(3%)

    }

}





.menu-mobile__icon {

    display: flex;

    height: 30px;

    width: 100%;

    padding: 20px 40px;

    flex-direction: row;

    align-items: center;

    justify-content: start;

}



#nav-icon4 {

    width: 30px;

    height: 15px;

    position: relative;

    margin: 4px 10px;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .5s ease-in-out;

    -moz-transition: .5s ease-in-out;

    -o-transition: .5s ease-in-out;

    transition: .5s ease-in-out;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}



#nav-icon4 span {

    display: block;

    /*     position: absolute; */

    margin-top: 10px;

    height: 4px;

    width: 100%;

    background: #fff;

    border-radius: 9px;

    opacity: 1;

    display: flex;

    flex-direction: row;

    left: 0;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .25s ease-in-out;

    -moz-transition: .25s ease-in-out;

    -o-transition: .25s ease-in-out;

    transition: .25s ease-in-out;

}



#nav-icon4 {}



#nav-icon4 span:nth-child(1) {

    top: 0px;

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -o-transform-origin: left center;

    transform-origin: left center;

}



#nav-icon4 span:nth-child(2) {

    top: 18px;

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -o-transform-origin: left center;

    transform-origin: left center;

}



#nav-icon4 span:nth-child(3) {

    top: 36px;

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -o-transform-origin: left center;

    transform-origin: left center;

}



#nav-icon4.open span:nth-child(1) {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    top: -3px;

    left: 8px;

}



#nav-icon4.open span:nth-child(2) {

    width: 0%;

    opacity: 0;

}



#nav-icon4.open span:nth-child(3) {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 39px;

    left: 8px;

}

.altas{text-transform:uppercase;}

/* 

  .loader,

.loader:after {

  border-radius: 50%;

  width: 10em;

  height: 10em;

}

.loader {

  margin: 60px auto;

  font-size: 10px;

  position: relative;

  text-indent: -9999em;

  border-top: 1.1em solid rgba(255, 255, 255, 0.2);

  border-right: 1.1em solid rgba(255, 255, 255, 0.2);

  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);

  border-left: 1.1em solid #ffffff;

  -webkit-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-animation: load8 1.1s infinite linear;

  animation: load8 1.1s infinite linear;

}

@-webkit-keyframes load8 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes load8 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

   */