/* media query phone */
h1, .h1 {
    font-size: calc(var(--h1) - 1.7rem);
}

h2, .h2 {
    font-size: calc(var(--h2) - 1.2rem);
}

h3, .h3 {
    font-size: calc(var(--h3) - .7rem);
}

h4, .h4 {
    font-size: calc(var(--h4) - .2rem);
}

/*body,*/
.header__top-link {
    display: flex;
    padding: 1rem;
    color: var(--color-white);
}

.header__top-text  {
    font-size: var(--text-size-14);
}

.header__bottom {
    background-color: var(--color-primary-dark);
    justify-content:space-between;
}

/*.nav {
    display: none;
}*/

/*.nav__container {
    display: block;
    list-style: none;
}

.nav__item {
    padding: 1rem;
}

.nav__item-link {
    color: var(--color-white);
    display: inline;
}

.nav-mobile {

}

.nav__mobile-toggle {
    background: no-repeat;
    border: 0;
    font-size: 3.2rem;
}

.nav__mobile-close {
    border: 0;
    font-size: 3.2rem;
}

.nav__mobile-close {
    font-size: var(--text-size-lg);
}*/

/*h1, .h1 {
    font-size: calc(var(--h1) - 1.7rem);
}

h2, .h2 {
    font-size: calc(var(--h2) - 1.2rem);
}

h3, .h3 {
    font-size: calc(var(--h3) - .7rem);
}

h4, .h4 {
    font-size: calc(var(--h4) - .2rem);
}*/

.section-xs-0 {
    padding: 0;
}

.section-x-xs-0 {
    padding-left: 0;
    padding-right: 0;
}

/*Image*/
.img-sheet {
    width: 100%;
    height: 25rem;
    display: block;
}

.img-sheet--w100 {
    width: 100%;
}

.img-book {
    display: block;
    max-height: 28rem;
    max-width: 28rem;
    width: auto;
    height: auto;
    margin: 0 auto;
}

.img-sede-small {
    height: auto;
}


.bg-banner {
    position: unset;
    top: unset;
    background-position: center;
}

.padding-xs-0 {
    padding-left: 0;
    padding-right: 0;
}

.padding-xs-10 {
    padding: 10rem;
}

.display-xs-none {
    display: none;
}

.display-xs-block {
    display: block;
}

/*Card*/
.card-container--absolute {
    padding-left: 1rem;
    padding-right: 1rem;
    top: 60rem;
}

.card,
.card-two {
    width: 80%;
    padding: 2rem 1.5rem;
}

.card-absolute {
    position: absolute;
    top: 60rem;
}

.card-two {
    width: 65%;
    padding: 0;
    flex-direction: column;
}

.card-two__body {
    padding: 2rem;
    /*flex-direction: column;*/
}

.card-two__body-bottom {
    text-align: center;
}

.card-four {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
}

.card-four__header {
    height: 20rem;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.card-four__image {
    max-height: inherit;
    /* max-width: 40rem; */
    object-fit: cover;
    height: inherit;
    display: block;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.card-four__body {
    padding: 4rem 2rem;
    box-shadow: var(--shadow-card);
    /* border: 1px solid var(--color-border-card); */
    border-top: none;
    max-height: 25rem;
    /* overflow-y: auto; */
    display: flex;
    flex-direction: column;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.card-four__content {
    overflow-y: auto;
}

.card-four__content-bottom {
    padding-top: 2rem;
    text-align: center;
}

.dropdown {
    padding: .8rem 1rem;
    max-width: 17rem;
    width: 100%;
    border: 1px solid #f7f3f7;
    background-color: #f7f3f7;
    border-radius: var(--radius-card);
}

/*Box*/
.box-text__subtitle,
.box-text__text {
    font-size: var(--text-size-sm);
}

.know-us__img {
    width: auto;
    max-width: 50rem;
    max-height: 30rem;
}

/* Flexbox & GridLayout */
.flex-direction-xs-column {
    flex-direction: column;
}

.gridcol-xs-1 {
    grid-template-columns: 1fr;
}

.gridcol-xs-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gridcol-xs-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gridcol-xs-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gridcol-xs-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gridrow-xs-2 {
    grid-template-rows: 1fr 1fr;
}

.row-gap-xs-4 {
    row-gap: 4rem;
}

/* Grid Bootstrap */
.col-xs-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}

.col-xs-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-xs-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-xs-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-xs-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}

.col-xs-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-xs-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}

.col-xs-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-xs-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-xs-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}

.col-xs-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}

.col-xs-12 {
    flex: 0 0 auto;
    width: 100%;
}

.swiper-button-next,
.swiper-button-prev {
    width: 3rem !important;
    height: 3rem !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 1.5rem !important;
}