:root {
    --main-color-blue: #384275;
    --main-color-red: #dd455e;
    --main-color-grey: #babdc4;
    --main-color-white: #ffffff;
    --color1: #f4be78;
    --color2: #ebbaae;
    --color3: #a5a7ce;
    --color4: #d8e2a3;
    --medium-font-size: 23px;
    --h1-size: 40px;
    --h2-size: 30px;
    --h3-size: 30px;
    --h33-size: 18px;
    --h4-size: 30px;
    --para-size-1: 18px;
    --para-size-2: 22px;
    --para-size-3: 24px;
    --para-size-4: 30px;
    --sat-border-width: 25px;
    --sub-active-border-color: #ffb2bf;
}
/* general styling */
@media only screen and (max-width: 1024px) {
    :root {
        --medium-font-size: 17px;
        --h1-size: 30px;
        --h2-size: 24px;
        --h3-size: 24px;
        --h33-size: 14px;
        --h4-size: 30px;
        --para-size-1: 14px;
        --para-size-2: 16px;
        --para-size-3: 18px;
        --para-size-4: 30px;
        --sat-border-width: 15px;
    }
    .navbar {
        overflow: scroll;
    }
}
@font-face {
    font-family: "arial nova";
    src: url("../assets/fonts/arial_nova/ArialNova.ttf");
}
@font-face {
    font-family: "arial nova";
    src: url("../assets/fonts/arial_nova/ArialNova.eot");
}
@font-face {
    font-family: "arial nova";
    src: url("../assets/fonts/arial_nova/ArialNova.woff");
}
@font-face {
    font-family: "arial nova";
    src: url("../assets/fonts/arial_nova/ArialNova.woff2");
}
@font-face {
    font-family: "arial nova bold";
    src: url("../assets/fonts/arial_nova/ArialNova-Bold.ttf");
}
@font-face {
    font-family: "arial nova bold";
    src: url("../assets/fonts/arial_nova/ArialNova-Bold.eot");
}
@font-face {
    font-family: "arial nova bold";
    src: url("../assets/fonts/arial_nova/ArialNova-Bold.woff");
}
@font-face {
    font-family: "arial nova bold";
    src: url("../assets/fonts/arial_nova/ArialNova-Bold.woff2");
}
@font-face {
    font-family: "arial nova light";
    src: url("../assets/fonts/arial_nova/ArialNova-Light.ttf");
}
@font-face {
    font-family: "arial nova light";
    src: url("../assets/fonts/arial_nova/ArialNova-Light.eot");
}
@font-face {
    font-family: "arial nova light";
    src: url("../assets/fonts/arial_nova/ArialNova-Light.woff");
}
@font-face {
    font-family: "arial nova light";
    src: url("../assets/fonts/arial_nova/ArialNova-Light.woff2");
}
h1,
h2,
h3 {
    color: black;
    font-family: "arial nova bold";
}
h1 {
    font-size: var(--h1-size) !important;
    text-transform: capitalize;
}
html {
    scroll-behavior: smooth;
}
body,
div {
    font-family: "arial nova";
}
.clean-a {
    color: unset;
}
.clean-a:hover {
    color: unset;
    text-decoration: none;
}
.center-banner-h2 {
    text-transform: uppercase;
    color: white;
    font-size: var(--h1-size);
}

/* end of general styling */

/* modifications */
.special-link {
    /* RESET */
    text-decoration: none;
    line-height: 1;
    cursor: pointer;
    position: relative;
    z-index: 0;
    display: inline-block;
    padding: 5px 5px;
    overflow: hidden;
    color: #333;
    vertical-align: bottom;
    transition: color 0.3s ease-out;
}

.special-link::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    transform: translateY(calc(100% - 2px));
    width: 100%;
    height: 100%;
    background: var(--main-color-red);
    transition: transform 0.25s ease-out;
}

.special-link:hover {
    color: #fff;
    text-decoration: none;
}
.special-link:hover::before {
    transform: translateY(0);
    transition: transform 0.25s ease-out;
}

.para-style {
    background: var(--main-color-red);
    color: var(--main-color-blue);
    padding: 20px;
    box-shadow: 5px 5px;
    transition: 0.4s;
    border-radius: 6px;
}
.para-style:hover {
    background: var(--main-color-blue);
    color: var(--main-color-red);
}
/* end of modifications */
/* modal */
.modal-content .doc input,
.modal-content .doc select {
    background-color: transparent;
}
.modal-header {
    border: none !important;
}
.modal-footer {
    border: none !important;
}
.modal-content {
    border-radius: 0 !important;
}
.modal-header .close {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 34px;
}
.modal-dialog h3 {
    font-size: var(--h33-size);
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 90% !important;
    }
}
/* end of modal */
/* ctas styling */
.ctas {
    position: fixed;
    top: 44%;
    right: -9px;
    z-index: 9000;
    transition: top 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.ctas a {
    font-weight: 300;
    display: block;
    float: right;
    clear: both;
    font-size: 15px;
    line-height: 55px;
    width: 240px;
    height: 55px;
    margin: 0 -181px 2px 0;
    padding: 0 10px 0 15px;
    transition: background-color 100ms,
        margin 600ms cubic-bezier(0.23, 1, 0.32, 1);
    text-decoration: none;
    color: #fff !important;
    background: black;
    text-transform: uppercase;
}
.ctas a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.ctas a:hover {
    margin-right: -11px;
    text-decoration: none !important;
}
/* end of ctas styling */
/* nav bar styling */

nav {
    background-color: rgb(32, 32, 58);
    text-transform: uppercase;
    font-weight: bold;
}
nav a {
    color: white;
    font-weight: 500;
}

.navbar-toggler-icon {
    height: unset !important;
    color: white;
}
nav li {
    margin-bottom: -18px;
}

.active {
    border-bottom: solid 8px var(--main-color-red);
    padding-bottom: 10px;
}
.active2 {
    border-bottom: solid 8px var(--main-color-red) !important;
    padding-bottom: 10px;
}
.active a,
.active2 a {
    color: var(--main-color-red) !important;
}

.fix_it {
    border-bottom: solid 8px transparent;
    padding-bottom: 10px;
}

.nav-link {
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 18px !important;
}
.nav-item {
    margin-right: 1.5rem !important;
    padding-bottom: 0;
}
.navbar-toggler:focus {
    outline: unset;
}
.subtitle {
    color: white;
    font-size: 18px !important;
    width: 20%;
    text-transform: lowercase;
    margin-bottom: 0px;
    margin-left: 10px;
    font-family: "arial nova";
}
/* end of nav bar styling */
/* header sec  */
.sub-active {
    border-bottom: solid 8px black;
    color: black !important;
    width: fit-content;
}
.sub-active2 {
    border-bottom: solid 8px var(--sub-active-border-color);
}
.sub-active-fix {
    border-bottom: solid 8px var(--sub-active-border-color);
}
#header_sec {
    position: relative;
    min-height: 50px;
}
#sec {
    padding-left: 35px;
    font-size: 12px;
}
.sec_home {
    background: var(--main-color-grey);
}

.sec-decouvrir-1 {
    background-color: var(--color1);
}
.sec-decouvrir-2 {
    background-color: var(--color2);
}
.sec-decouvrir-3 {
    background-color: var(--color3);
}
.sec-decouvrir-4 {
    background-color: var(--color4);
}
#sec,
#third {
    position: relative;
    left: 0;
    overflow: hidden;
    width: 100%;
    text-transform: uppercase;
}
#sec a.right {
    display: block;
    float: right;
    margin-right: 0;
    padding: 15px 20px 15px 20px;
    line-height: 16px;
    border: 2px solid #e3ddd5;
    border-left: 0;
    background: #fff;
    color: black;
}
#sec a {
    color: var(--main-color-blue);
    font-weight: 500;
    margin-right: 20px;
    padding-bottom: 13px;
    padding-top: 11px;
}
#sec a:hover {
    text-decoration: none;
}

/* end of header sec  */
/* mobile menu */
.mobile-menu {
    background-color: var(--main-color-red);
}
.h-100vh {
    height: 100vh;
}
.mobile-menu > div > div > div > div a {
    color: black;
}
/* end of mobile menu */
/* header */
#header {
    overflow: hidden;
}
.lang-a {
    color: white;
    float: right;
    margin-left: auto;
}
.lang-a:hover {
    text-decoration: none;
    color: var(--main-color-red);
}
.lang-a img {
    transform: translateY(-2px);
}
.navbar-toggler {
    order: 2;
}
.navbar-collapse {
    order: 3;
}
@media (min-width: 768px) {
    .lang-a {
        order: 3;
    }
}
/* end of header */
/* home page styling */
.overflow-h {
    overflow: hidden;
}
.bg-nos-progs-1 {
    background-image: url(../assets/img/resultat.jpg);
}
.bg-nos-progs-2 {
    background-image: url(../assets/img/bourses-etudes.jpg);
}
.bg-nos-progs-3 {
    background-image: url(../assets/img/temoin-img.jpg);
}
.bg-nos-progs-1 > div {
    background-color: var(--main-color-red);
}
.bg-nos-progs-2 > div {
    background-color: var(--main-color-blue);
}
.bg-nos-progs-3 > div {
    background-color: #75c59e;
}
.voir-nos-programes {
    position: absolute;
    bottom: -3%;
}
.nos-prog-slide {
    padding-top: 70%;
    transition: 0.1s;
    background-size: cover;
    height: 100%;
    cursor: pointer;
    min-height: 500px;
}
.nos-prog-slide > div {
    position: relative;
    height: 100%;
}
.nos-prog-slide > div > div {
    position: absolute;
    bottom: 0;
}
.nos-prog-slide h2 {
    color: white;
    font-size: 24px;
}
.nos-prog-slide p {
    color: white;
}
.nos-prog-slide > div a,
.nos-prog-slide > div i {
    color: white;
}

.slided {
    padding-top: 0px !important;
}

.arrow {
    text-align: center;
    margin: 8% 0;
    color: white;
    font-size: 38px;
}
.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-15px);
    }
}
.voir-nos-programes a {
    padding: 13px;
    font-size: 20px;
    color: white;
    background: none;
    border: solid 1px white;
    margin-bottom: 23px;
}
.voir-nos-programes a:hover {
    color: white;
    text-decoration: none;
}
.home {
    display: flex;
    height: 100vh;
}
.home .home-base {
    flex-basis: 40%;
}
.home .home-steps {
    flex-basis: 60%;
}
.home-steps {
    display: flex;
}
#step-1 {
    background: linear-gradient(#ff000000 83%, #000000c7),
        url(../assets/img/bg-2.jpg);
}
#step-2 {
    background: linear-gradient(#ff000000 83%, #000000c7),
        url(../assets/img/3.jpg);
}
#step-3 {
    background: linear-gradient(#ff000000 83%, #000000c7),
        url(../assets/img/bg-3.jpg);
}
#step-4 {
    background: linear-gradient(#ff000000 83%, #000000c7),
        url(../assets/img/bg-4.jpg);
}
.step {
    position: relative;
    display: flex;
    align-items: center;
    transition: 0.5s;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: auto 100% !important;
    cursor: pointer;
}
.step > .step-para {
    position: relative;
    z-index: 1000;
    display: none;
    width: 90%;
    max-width: 330px;
    margin: 0 0 0 -3px;
    padding: 40px 40px 40px 0;
    background: #fff;
}
.step > .step-para h3 {
    margin: 0 0 5px 0;
    font-size: 50px;
    line-height: 50px;
}
.step > .step-para p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
}
.step > .step-para p:last-child {
    margin-bottom: 0;
}
.step h2 {
    position: absolute;
    bottom: 50px;
    width: 100%;
    font-size: 22px;
    -webkit-transition: color 300ms ease-in-out ease-in-out;
    transition: color 300ms ease-in-out ease-in-out;
    text-align: center;
    color: #fff;
    background-color: transparent;
}
#step-1 > .step-para {
    background-color: var(--color2);
}
#step-2 > .step-para {
    background-color: var(--color3);
}

#step-3 > .step-para {
    background-color: var(--color1);
}
#step-4 > .step-para {
    background-color: var(--color4);
}
.step-1B {
    border-left: solid 24px var(--color2);
}
.step-2B {
    border-left: solid 24px var(--color3);
}
.step-3B {
    border-left: solid 24px var(--color1);
}
.step-4B {
    border-left: solid 24px var(--color4);
}
.over {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
}

.over-1 {
    background: #ebbaae57;
}
.over-2 {
    background: #a5a7ce5e;
}
.over-3 {
    background: #f4be7857;
}
.over-4 {
    background: #d7e2a34d;
}
.home-base {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color-blue);
}
/* section one */
.bg-1 {
    background: rgb(230, 223, 223);
}

.goto a {
    display: inline-block;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    border-bottom: 2px solid #000;
}
/* end of section one */
/* section 2 */
.bg-2 {
    background: var(--main-color-grey);
}
#nb-internship strong:before {
    display: block;
    width: 50px;
    height: 2px;
    margin: 20px auto 20px auto;
    content: "";
    background: #000;
}
#nb-internship {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}
#nb-internship strong {
    font-size: 34px;
    display: block;
    margin-bottom: 15px;
}
.bb {
    border-bottom: 3px solid #000;
}
/* end of section 2 */
/* from */
.doc input,
.doc select {
    border: solid black 2px;
    font-weight: bold;
    color: black;
    padding: 5px;
    background-color: #eff3dd;
}
.doc input:focus,
.doc select:focus {
    color: var(--main-color-red);
    border: solid 2px var(--main-color-red);
    outline: none;
}
.doc option:hover {
    background-color: red;
    color: var(--main-color-red);
}
.doc option,
input::placeholder {
    font-weight: bold;
    color: black;
}
.text-bold {
    font-weight: bold;
}
.sub-btn {
    background-color: black;
    color: white;
    border: 1px solid transparent;
}
.sub-btn:hover {
    background-color: white;
    color: black;
    border: none;
    border: 1px solid black;

    transition: 0.3s;
}
.arrow a {
    border: none;
}

/* end of from */
/* end of home page styling */
/* footer */
.btn-haut-page {
    position: absolute;
    right: 0;
    top: -0px;
    width: 50px;
    cursor: pointer;
}
footer .footer-a {
    background-color: white;
    padding: 15px;
    font-family: "arial nova bold";
    color: black;
}
footer {
    background-color: black;
    color: white;
}
footer h2 {
    font-family: "arial nova bold";
    color: white;
    font-size: 18px;
    margin-bottom: 14px;
}
footer .social-icons {
    background-color: #181818;
}
footer a {
    color: var(--main-color-red);
    font-weight: bold;
}
footer .ecole {
    font-size: var(--h3-size);
}
.social-icons a {
    color: white;
    font-size: 13px;
}
.social-icons span {
    margin-right: 5px;
    margin-left: 5px;
    color: white;
}
.social-icons img {
    width: 42px;
    border-style: none;
    margin-left: 7px;
    cursor: pointer;
}
address strong {
    font-size: var(--h3-size);
}
#nb-internship strong {
    color: var(--main-color-red);
}
/* end of footer */

/* decouvrir page */
.bg-5 {
    height: calc(100vh - 128px);
    background-position: center;
    background-size: cover;
}
@media only screen and (max-width: 768px) {
    .bg-5 {
        height: calc(100vh - 274px);
    }
}
.bg-c-1 {
    background-color: var(--color1);
}
.bb-c-1 {
    border-bottom: solid 18px var(--color1);
}
.bg-c-2 {
    background-color: var(--color2);
}
.bb-c-2 {
    border-bottom: solid 18px var(--color2);
}
.bg-c-3 {
    background-color: var(--color3);
}
.bb-c-3 {
    border-bottom: solid 18px var(--color3);
}
.bg-c-4 {
    background-color: var(--color4);
}
.bb-c-4 {
    border-bottom: solid 18px var(--color4);
}

.bg-11 {
    transform: translateY(2px);
}
.bg-12 {
    background-color: var(--main-color-blue);
}
.bg-13 {
    transform: translateY(2px);
}
.bg-14 {
    background-color: var(--main-color-grey);
}
.bb-11 {
    border-bottom: solid 18px var(--main-color-red);
}
.bb-12 {
    border-bottom: solid 18px var(--main-color-blue);
}
.bb-13 {
    border-bottom: solid 18px var(--main-color-red);
}
.bb-14 {
    border-bottom: solid 18px var(--main-color-grey);
}
.medium-para {
    font-size: var(--medium-font-size);
}
.bg-6 {
    background-color: white;
}
.bg-7 {
    background-image: url(../assets/img/decouvrir/notre-equipe.jpg);
}
.bg-8 {
    background-image: url(../assets/img/temoin-img.jpg);
}
.bg-9 {
    background-image: url(../assets/img/decouvrir/ils-parelent-de-nous.jpg);
}
.bg-10 {
    background: linear-gradient(#00000042, #00000042),
        url(../assets/img/nos-centere-c.png);
}
.op-0-para {
    opacity: 0;
    color: white;
    font-size: 20px;
}
.decouvrir-a {
    text-decoration: none;
    z-index: 999;
}
.decouvrir-a:hover {
    text-decoration: none;
    color: unset;
}
.bg {
    background-size: cover;
    background-repeat: no-repeat;
}
.bgg {
    background-size: 100%;
    background-repeat: no-repeat;
}
.dec-overley {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 0, 0, 0.247);
    opacity: 0;
    transition: 0.3s;
}
.dec-div h2 {
    color: white;
    margin-top: 73px;
    font-size: 40px;
    font-weight: 800;
}
.decouvrir-top p {
    font-size: var(--para-size-1);
}
.decouvrir-top h3 {
    font-size: var(--h3-size);
    font-family: "arial nova bold";
    color: black;
}
.costum-class-home {
    padding: 20px 20px 10px 20px;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2),
        0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2.4px;
}
.costum-bg-1 {
    background-color: var(--color1);
}
.costum-bg-2 {
    background-color: var(--color2);
}
.costum-bg-3 {
    background-color: var(--color3);
}
.costum-bg-4 {
    background-color: var(--color4);
}
#mainDocumentation h1 {
    font-size: var(--h1-size);
}

/* #mainDocumentation {
   background-color: #eff3dd;
} */
.dec-div h2 {
    font-size: var(--h2-size);
    text-transform: capitalize;
}
.dec-div p {
    font-size: var(--para-size-1);
}

.bg-devourir {
    background-image: url(../assets/img/decouvrir/decouvrir-bann.jpg);
}
.bg-nos-progs {
    background-image: url(../assets/img/bg-7.jpg);
}
.bg-ils-parlent {
    background-image: url(../assets/img/decouvrir/ils-parlent-de-nous-bann.jpg);
}
.bg-campus {
    background-image: url(../assets/img/decouvrir/nos-campus-bann.jpg);
}
.bg-nos-campus-rabat {
    background-image: url(../assets/img/decouvrir/nos-campus-rabat-bann.jpg);
}
.bg-right {
    background-position: right;
}
@media only screen and (max-width: 1024px) {
    .op-0-para {
        opacity: 1;
    }
    .dec-div h2 {
        margin-top: 0px;
    }
    .dec-overley {
        opacity: 0;
    }
}
/* end of decouvrir page */
/* mention legal styling */
.mention-legal {
    border-bottom: solid 1px black;
}

.mention-legal h1 {
    text-align: center;
}

.mention-legal h2,
.mention-legal h3 {
    margin-top: 40px;
}
/* end of mention legal styling */
/* nos compus  */
.bg-15 {
    background: linear-gradient(rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0.336)),
        url(../assets/img/decouvrir/addictest-rabat.jpg);
}
.bg-16 {
    background: linear-gradient(rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0.336)),
        url(../assets/img/casa4.jpeg);
    background-size: cover;
}
.bg-17 {
    background: linear-gradient(rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0.336)),
        url(../assets/img/decouvrir/4.jpg);
}
.campus h2 {
    font-size: 20px !important;
}
.bg-1111 {
    background-image: url(../assets/img/epanouir/img-temoin.jpg);
}
.nos-campus-rabat p {
    font-size: var(--para-size-2);
}
.bg-pink {
    background-color: #394274;
}
.bg-pink p {
    font-size: var(--para-size-2);
    color: white;
    font-style: italic;
}
.bg-pink h2 {
    font-size: var(--h2-size);
    font-family: "arial nova bold";
    color: white;
}
/*  end of nos compus  */
/* ils parelent de nous */
.bg-ils-parlent-1 > div {
    background-color: #f5cd3b;
}
.bg-ils-parlent-2 > div {
    background-color: #39744f;
}
.bg-ils-parlent-3 > div {
    background-color: #3ab7be;
}
.bg-ils-parlent-4 > div {
    background-color: #000000;
}
.bg-ils-parlent-5 > div {
    background-color: #af273d;
}
.bg-ils-parlent-6 > div {
    background-color: #394173;
}
.bg-ils-parlent-general {
    background-size: 80% !important;
    background-repeat: no-repeat !important;
    background-position: center 91px !important;
}
.bg-ils-parlent-1 {
    background: url(../assets/img/decouvrir/logo\ economiste.png), #f3f3f3;
}
.bg-ils-parlent-2 {
    background: url(../assets/img/decouvrir/logo\ le\ matin.png), #f3f3f3;
}
.bg-ils-parlent-3 {
    background: url(../assets/img/decouvrir/logo\ la\ tribune.png), #f3f3f3;
}
.bg-ils-parlent-4 {
    background: url(../assets/img/decouvrir/logo\ lobservateur.png), #f3f3f3;
}
.bg-ils-parlent-5 {
    background: url(../assets/img/decouvrir/logo\ le\ reporter.png), #f3f3f3;
}
.bg-ils-parlent-6 {
    background: url(../assets/img/decouvrir/logo\ kapitalis.png), #f3f3f3;
}
/* end of ils parelent de nous */
/* notre programme */
@media (max-width: 992px) {
    .first {
        order: 1;
    }
    .second {
        order: 2;
    }
}
.bg-notre-programme {
    background-image: url(../assets/img/decouvrir/notre-programe-bann.jpg);
}
.bg-notre-programme-section p {
    font-size: var(--para-size-2);
}
.bg-notre-programme-section h2 {
    font-size: var(--h1-size);
}
/* end of notre programme */
/* notre equipe */
.bg-notre-equipe {
    background-image: url(../assets/img/decouvrir/notre-equipe-bann.jpg);
}
.bg-notre-equipe-section p {
    font-size: var(--para-size-2);
}
.person-container {
    height: 500px;
}
.person-container > div {
    background-size: cover;
    background-position: center;
}
.bg-equipe-1 {
    background: url(../assets/img/decouvrir/img1.jpg);
}
.bg-equipe-2 {
    background: url(../assets/img/decouvrir/img2.jpg);
}
.bg-equipe-julia {
    background: url(../assets/img/decouvrir/JULIA.jpg);
}
.bg-equipe-kat {
    background: url(../assets/img/decouvrir/KAT.jpg);
}
.bg-equipe-jamila {
    background: url(../assets/img/decouvrir/JAMILA.jpg);
}
.bg-equipe-naima {
    background: url(../assets/img/decouvrir/naima.jpg);
}
.bg-equipe-3 {
    background: url(../assets/img/decouvrir/img3.jpg);
}
.bg-equipe-4 {
    background: url(../assets/img/decouvrir/img4.jpg);
}
.bg-equipe-5 {
    background: url(../assets/img/decouvrir/img5.jpg);
}
.bg-equipe-6 {
    background: url(../assets/img/decouvrir/img6.jpg);
}
.bg-equipe-7 {
    background: url(../assets/img/decouvrir/img7.jpg);
}
.bg-equipe-8 {
    background: url(../assets/img/decouvrir/img8.jpg);
}
.bg-equipe-9 {
    background: url(../assets/img/decouvrir/img9.jpg);
}
.bg-equipe-10 {
    background: url(../assets/img/decouvrir/img10.jpg);
}
.bg-equipe-11 {
    background: url(../assets/img/decouvrir/img11.jpg);
}
.bg-equipe-12 {
    background: url(../assets/img/decouvrir/img12.jpg);
}
.bg-equipe-13 {
    background: url(../assets/img/decouvrir/img13.jpg);
}
.bg-equipe-14 {
    background: url(../assets/img/decouvrir/img14.jpg);
}
.bg-equipe-15 {
    background: url(../assets/img/decouvrir/img15.jpg);
}

.person-details {
    position: absolute;
    bottom: 25px;
}
.person-details .name {
    font-family: "arial nova bold";
    font-size: var(--h33-size);
    color: white;
    text-transform: capitalize;
}
.person-details .university {
    font-family: "arial nova light";
    font-size: var(--h33-size);
    color: white;
    text-transform: capitalize;
}

/* end of notre equipe */
/* voir egalement */
.voir-egalement div {
    background-color: var(--main-color-red);
    cursor: pointer;
}
.voir-egalement div:hover {
    background-color: rgba(255, 0, 0, 0.438);

    transition: 0.3s;
}
.voir-egalement a {
    color: white;
}
/* end of voir egalement */
/* accomplir */
.bg-revert {
    background-position: revert;
}
.bg-accomplir {
    background-image: url(../assets/img/accomplir/acomplir.jpg);
}
.bg-18 {
    background-image: url(../assets/img/accomplir/tofel-&-sat.jpg);
}
.bg-19 {
    background-image: url(../assets/img/accomplir/img2.jpg);
}
.bg-20 {
    background-image: url(../assets/img/accomplir/sat.jpg);
}
.bg-21 {
    background-image: url(../assets/img/accomplir/tofel.jpg);
}
.bg-22 {
    background-image: url(../assets/img/accomplir/ger-&-gmat.jpg);
}
.bg-23 {
    background-image: url(../assets/img/accomplir/cours-englais.jpg);
}
/* end of accomplir */
/* toefl and sat */
.bg-toeflsat {
    background-image: url(../assets/img/accomplir/accomplir-tofel-sat.jpg);
}
.bg-notre-equipe-section ul li {
    font-size: calc(var(--para-size-2));
}
/*  end of toefl and sat */

/* comment ca marche */
.com-ca-mar .abs-div-blue {
    position: absolute;
    border-left: solid 30px var(--main-color-blue);
    border-bottom: solid 30px transparent;
    border-top: solid 30px transparent;
    top: 50%;
    transform: translateY(-50%);
    right: -22px;
}
.com-ca-mar .abs-div-blue-mobile {
    position: absolute;
    border-left: solid 30px transparent;
    border-right: solid 30px transparent;
    border-top: solid 30px var(--main-color-blue);
    right: 50%;
    transform: translateX(50%);
    bottom: -19px;
}
.div-details-blue {
    background-color: var(--main-color-blue);
}
.com-ca-mar .etape-number-blue {
    background-color: var(--main-color-blue);
}
.com-ca-mar .abs-div-red {
    position: absolute;
    border-left: solid 30px var(--main-color-red);
    border-bottom: solid 30px transparent;
    border-top: solid 30px transparent;
    top: 50%;
    transform: translateY(-50%);
    right: -22px;
}
.com-ca-mar .abs-div-red-mobile {
    position: absolute;
    border-left: solid 30px transparent;
    border-right: solid 30px transparent;
    border-top: solid 30px var(--main-color-red);
    right: 50%;
    transform: translateX(50%);
    bottom: -19px;
}
.div-details-red {
    background-color: var(--main-color-red);
}
.com-ca-mar .etape-number-red {
    background-color: var(--main-color-red);
}
.com-ca-mar p,
.com-ca-mar span,
.com-ca-mar h3,
.com-ca-mar li {
    color: white;
}
.com-ca-mar .number {
    font-weight: 600;
    font-size: calc(var(--h1-size) + 12px);
}
.com-ca-mar p {
    font-family: "arial nova light";
    font-size: var(--para-size-1);
}
.com-ca-mar h3 {
    font-family: "arial nova light";
    font-size: var(--h2-size);
}
/* end of comment ca marche */
/* sat */
.sat-section .red-lb {
    border-left: solid var(--main-color-red) var(--sat-border-width);
    transition: 0.5s;
}
.sat-section .red-lb p {
    font-size: var(--para-size-3);
}
.blue-hover-bg {
    transition: 0.5s;
}
.blue-hover-bg:hover {
    background-color: var(--main-color-blue);
}
.blue-hover-bg:hover .red-lb {
    border-left: solid transparent var(--sat-border-width);
    color: white;
}
.blue-hover-bg:hover .red-lb h2 {
    color: white;
}
.bg-sat {
    background-image: url(../assets/img/accomplir/bannier--sat.jpg);
}
.bg-coursAnglais {
    background-image: url(../assets/img/accomplir/bannier--cours-englais.jpg);
}
.bg-gregmat {
    background-image: url(../assets/img/accomplir/bannier--GRE-&-GMAT.jpg);
}
.bg-toefl {
    background-image: url(../assets/img/accomplir/bannier--tofel.jpg);
}
.bg-comcamarche {
    background-image: url(../assets/img/accomplir/bannier-comment-ca-marche.jpg);
}
/* end of sat */
/* epanouir */
.bg-epanouir {
    background-image: url(../assets/img/epanouir/epanouir.jpg);
}
.bg-24 {
    background-image: url(../assets/img/epanouir/university-americain.jpg);
}
.bg-25 {
    background-image: url(../assets/img/epanouir/etudes-international.jpg);
}
.bg-26 {
    background-image: url(../assets/img/epanouir/bourses-detudes.jpg);
}
.bg-27 {
    background-image: url(../assets/img/epanouir/nos-resultats.jpg);
}
.bg-boursesEtudes {
    background-image: url(../assets/img/epanouir/epanouir--bourse-etudes.jpg);
}
.bg-unamerican {
    background-image: url(../assets/img/epanouir/epanouir-Universites-Americaines.jpg);
}
.bg-internationStudies {
    background-image: url(../assets/img/epanouir/epanouir--Etudes-Internationales.jpg);
}
.bg-nosResulatxxx {
    background-image: url(../assets/img/epanouir/img-resultats.jpg);
}
.bg-nosResulatxxx p {
    color: white;
}
.bg-nosResultas {
    background-image: url(../assets/img/epanouir/epanouir-nos-resultats.jpg);
}
.mt-13 {
    margin-top: -13px !important;
}
.bg-nosResultasDetails {
    background-image: url(../assets/img/epanouir/eapanouir-nos-reussites-season-xxxx.jpg);
}
.imge-result {
    border-radius: 50%;
    border: var(--main-color-red) double 8px;
    margin-bottom: 15px;
    width: 230px;
    height: 230px;
}

/* end of epanouir */
/* inscrire */
.bg-inscrire {
    background-image: url(../assets/img/inscrire/bannier-inscrire.jpg);
}
.bg-28 {
    background-image: url(../assets/img/inscrire/nos-chiffres.jpg);
}
.bg-29 {
    background-image: url(../assets/img/inscrire/preparation-dossier.jpg);
}
.bg-30 {
    background-image: url(../assets/img/inscrire/rendez-vous.jpg);
}
.bg-list-uni {
    background-image: url(../assets/img/minuature-universityy.jpg);
}
.bg-list-uni-banner {
    background-image: url(../assets/img/univeristy.jpg);
}
.bg-nos-chiffres {
    background-image: url(../assets/img/inscrire/inscrire-nos-chiffres.jpg);
}
.bg-prepa-dossier {
    background-image: url(../assets/img/inscrire/inscrire-preparation-de-dossiers.jpg);
}
.bg-rendez-vous {
    background-image: url(../assets/img/inscrire/bannier--rendez-vous.jpg);
}
.rendez-vous-form input,
.rendez-vous-form select {
    border: solid 2px black;
    height: 39px;
    padding: 12px;
    font-size: 14px;
    font-weight: bold;
}
.rendez-vous-form input:focus,
.rendez-vous-form select:focus {
    color: var(--main-color-red);
    border: solid 2px var(--main-color-red);
    outline: none;
}

.rendez-vous-form button {
    height: 39px;
    background: black;
    color: white;
    text-transform: uppercase;
    border: solid black 2px;
    transition: 0.3s;
}
.rendez-vous-form button:hover {
    background: white;
    color: black;
    text-transform: uppercase;
    border: solid black 2px;
}
.rendez-vous-form select {
    padding-bottom: 0px;
    padding-top: 0px;
}
.small-text ul li {
    font-size: 17px;
}

/* end of inscrire */
/* contact */
/* loader */

/* end of loader */
.contact-form input,
.contact-form select,
.contact-form textarea {
    border: solid 2px black;
    height: 39px;
    padding: 12px;
    font-size: 14px;
    font-weight: bold;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
    color: var(--main-color-red);
    border: solid 2px var(--main-color-red);
    outline: none;
}

.contact-form button {
    height: 39px;
    background: black;
    color: white;
    text-transform: uppercase;
    border: solid black 2px;
    transition: 0.3s;
}
.contact-form button:hover {
    background: white;
    color: black;
    text-transform: uppercase;
    border: solid black 2px;
}
.contact-form select {
    padding-bottom: 0px;
    padding-top: 0px;
}
.contact-form textarea {
    height: unset;
}
.h-fit-content {
    height: fit-content;
}
textarea::placeholder {
    color: black;
}
/* end of contact */
.style-para {
    background-color: var(--main-color-blue);
    padding: 20px;
    box-shadow: 10px 10px, -10px -10px;
    color: var(--main-color-red);
    transition: 0.4s;
    position: relative;
    border-radius: 50px 0 50px 0;
}

.style-para:hover {
    color: var(--main-color-blue);
    background-color: var(--main-color-red);
}

/* .owl-nav button.owl-next::after,
.owl-nav button.owl-prev::after
 {
content: "";
position: absolute;
top: 0;
height: 30px;
width: 30px;
background-color: red;
} */

.owl-carousel .owl-nav button.owl-prev::before {
    content: url("../assets/img/btn-precedent-activite.png") !important;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    position: relative;
    width: 34px;
    height: 34px;
    z-index: 1;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    border-radius: 50%;
}

.owl-carousel .owl-nav button.owl-next::before,
.owl-carousel .owl-nav button.owl-prev::before {
    content: url("../assets/img/btn-suiv-activite.png");
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(105, 93, 93);
    border-radius: 50%;
}
.owl-carousel .owl-nav button.owl-next:focus,
.owl-carousel .owl-nav button.owl-prev:focus {
    outline: none;
}
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
    background-color: rgba(219, 202, 202, 0.753);
}
.owl-nav {
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    top: 50%;
}
.owl-carousel .active {
    border-bottom: none;
}
.single-temoinage {
    text-align: center;
    padding-top: 128px;
}
.single-inner {
    padding: 16px;
    border: solid 1px black;
    border-radius: 20px;
    box-shadow: 0 0 18px;
    min-height: 518px;
    /*    position: relative;
 */
}
/* .single-inner-div {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
} */
.single-inner h4 {
    font-size: 15px;
    color: var(--main-color-red);
}
.single-inner h5 {
    color: var(--main-color-red);
    font-size: 15px;
}
.single-inner p {
    font-size: 16px;
}
.single-inner img {
    width: 193px !important;
    height: 193px;
    border-radius: 50%;
    margin: auto;
    margin-top: -121px;
}
.height-400 {
    height: 300px;
}

/* mobile menu styling */
.menu-mob a {
    display: block;
    font-family: "arial nova";
    font-size: 11px;
    letter-spacing: 1.1px;
}
.menu-mob a:hover {
    text-decoration: none;
    color: initial;
}
.menu-mob {
    margin: 0 0 35px 0;
    padding: 0 0 0 15px;
}
.menu-mob .special {
    font-size: 20px;
    line-height: 0.8;
    margin-bottom: 10px;
    font-family: "arial nova bold";
}
.menu-1 {
    border-left: solid 3px var(--color1);
}
.menu-1 .special {
    color: var(--color1);
}
.menu-2 {
    border-left: solid 3px var(--color2);
}
.menu-2 .special {
    color: var(--color2);
}
.menu-3 {
    border-left: solid 3px var(--color3);
}
.menu-3 .special {
    color: var(--color3);
}
.menu-4 {
    border-left: solid 3px var(--color4);
}
.menu-4 .special {
    color: var(--color4);
}
.alert-success ul li,
.alert-danger ul li {
    font-size: 1rem;
}
.center-image {
    /* height: 130px; */
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.article_card {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: 0.3s;
}
.article_card:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transform: scale(1.02);
}
.article_card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}
.article_card h3 {
    font-size: 16px;
    margin: 10px 0;
}
.article_card p {
    padding: 0;
    font-size: 14px;
    color: #666;
}