/* General Classes */
:root {
    --ak-primary: #56CFE1;
    --ak-secondary: #F4EDE4;
    --ak-light-blue: #56CFE1;
    --ak-gray: #2E2E2E;
    --ak-warning: #FFB703;
    --ak-success: #2A9D8F;
    --ak-pink: #ffc0cb;
}
.ak-bg-primary {
    background-color: var(--ak-primary);
}
.ak-bg-secondary {
    background-color: var(--ak-secondary);
}
.ak-bg-light-blue {
    background-color: var(--ak-light-blue);
}
.ak-bg-gray {
    background-color: var(--ak-gray);
}
.ak-bg-warning {
    background-color: var(--ak-warning);
}
.ak-bg-pink {
    background-color: var(--ak-pink);
}
.ak-primary {
    color: var(--ak-primary);
}
.ak-secondary {
    color: var(--ak-secondary);
}
.ak-light-blue {
    color: var(--ak-light-blue);
}
.ak-gray {
    color: var(--ak-gray);
}
.ak-warning {
    color: var(--ak-warning);
}
.ak-pink {
    color: var(--ak-pink);
}
.ak-border-primary {
    border-color: var(--ak-primary) !important;
}
.z-index1 {
    z-index: 1;
}
.ak-btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--ak-primary);
    --bs-btn-border-color: var(--ak-primary);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #6ce0f1;
    --bs-btn-hover-border-color: #6ce0f1;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #6ce0f1;
    --bs-btn-active-border-color: #6ce0f1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--ak-primary);
    --bs-btn-disabled-border-color: var(--ak-primary);
}
.ak-btn-outline-primary {
    --bs-btn-color: var(--ak-primary);
    --bs-btn-border-color: var(--ak-primary);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--ak-primary);
    --bs-btn-hover-border-color: var(--ak-primary);
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--ak-primary);
    --bs-btn-active-border-color: var(--ak-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--ak-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--ak-primary);
    --bs-gradient: none;
}
.ak-btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--ak-warning);
    --bs-btn-border-color: var(--ak-warning);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--ak-warning);
    --bs-btn-disabled-border-color: var(--ak-warning);
}
.ak-btn-outline-warning {
    --bs-btn-color: var(--ak-warning);
    --bs-btn-border-color: var(--ak-warning);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--ak-warning);
    --bs-btn-hover-border-color: var(--ak-warning);
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--ak-warning);
    --bs-btn-active-border-color: var(--ak-warning);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--ak-warning);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--ak-warning);
    --bs-gradient: none;
}
.ak-btn-pink {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--ak-pink);
    --bs-btn-border-color: var(--ak-pink);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f0c0c8;
    --bs-btn-hover-border-color: #f0c0c8;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f0c0c8;
    --bs-btn-active-border-color: #f0c0c8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--ak-pink);
    --bs-btn-disabled-border-color: var(--ak-pink);
}
.ak-btn-outline-pink {
    --bs-btn-color: var(--ak-pink);
    --bs-btn-border-color: var(--ak-pink);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--ak-pink);
    --bs-btn-hover-border-color: var(--ak-pink);
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--ak-pink);
    --bs-btn-active-border-color: var(--ak-pink);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--ak-pink);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--ak-pink);
    --bs-gradient: none;
}
.nav-link {
    color: #000;
}
.nav-link.active {
    font-weight: bold;
    text-decoration: underline;
    font-size: 18px;
}
.w-fit {
    width: fit-content;
}
.card-price {
    font-size: 3.5rem;
}
.txt-area-md {
    height: 10rem !important;
}
.pt-1px {
    padding-top: 1px;
}
.pt-2px {
    padding-top: 2px;
}
.text-nobreak {
    word-wrap: keep-all;
    overflow-wrap: normal;
    white-space: nowrap;
}
/* Main page */
.dna-picture {
    top: -73px;
    left: -106px;
    width: 23rem;
    rotate: 24deg;
}
.book-card .card {
    flex: 0 0 75%;
}
.ak-filters div:hover {
    background-color: var(--ak-primary);
    border: none;
}
.formation-nav a {
    color: unset;
    text-decoration: unset;
    text-indent: .5rem;
    padding: 0 .5rem;
}
.formation-nav a:hover {
    background-color: #ffc0cb75;
    border-radius: 1rem;
}
.formation-nav a.active {
    background-color: var(--ak-pink);
    border-radius: 1rem;
    padding-top: 1px;
}
.video-js {
    height: 35rem;
}
.profile-pic {
    width: 13rem;
    height: 13rem;
}
.profile-nav {
    width: 3rem;
    height: 3rem;
}
.logo-nav {
    width: 4rem;
    height: 4rem;
}
.logo-text-nav {
    height: 3rem;
}
.carousel-item img {
    width: 100vw;
    height: 50vw;
}
/* Media */
.about-part {
    width: 50%;
}
@media (max-width: 1400) {
}
@media (max-width: 1200) {
}
@media (max-width: 991) {
}
@media (max-width: 767px) {
    .dna-picture {
        top: -53px;
        left: -105px;
        width: 18rem;
        rotate: 28deg;
        display: none;
    }
    .about-part {
        width: 75%;
    }
}
@media (max-width: 575px) {
    .small-sm {
        font-size: 0.875em !important;
    }
    .about-part {
        width: 100%;
        padding: 0 0.25rem;
    }
}
/* Media bootstrap */
@media (min-width: 576px) {
    .w-sm-75 {
        width: 75% !important;
    }
    .w-sm-50 {
        width: 50% !important;
    }
}
@media (min-width: 768px) {
    .w-md-75 {
        width: 75% !important;
    }
    .w-md-50 {
        width: 50% !important;
    }
    .contact-img {
        width: 50vw;
        height: 50vw;
    }
}
@media (min-width: 992px) {
    .w-lg-75 {
        width: 75% !important;
    }
    .w-lg-50 {
        width: 50% !important;
    }
    .contact-img {
        width: 40vw;
        height: 40vw;
    }
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {}