:root {
    --main: #068097 !important;
    --sec: #FFD16C;
}

.btn-continue {
    background-color: var(--main);
    color: #fff;
    border: 1px solid var(--main);
    font-size: 11px;
    font-family: var(--bs-font-sans-serif) !important;


}

.btn-color-print {
    background-color: #393838;
    color: #fff;
    border: 1px solid #393838;
    font-size: 11px;
    font-family: var(--bs-font-sans-serif) !important;

}

.btn-color-print:hover {
    border: 1px solid #393838;
    color: #393838;
    background-color: #fff;

}

.btn-blue {
    background-color: var(--sec);
    color: #fff;
    border: 1px solid var(--sec);
    font-size: 12px;
    font-family: var(--bs-font-sans-serif) !important;


}

.btn-blue:hover {
    background-color: #fff;
    color: var(--sec);
    border: 1px solid var(--sec);
}

#student_modal .modal-title {
    color: var(--main);
}

.btn-continue:hover {
    border: 1px solid var(--main);
    color: var(--main);
    background-color: #fff;

}

.btn-check:focus+.btn,
.btn:focus {
    box-shadow: unset;

}

.dropdown-item:lang(ar) {
    text-align: right;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--main);
    color: #fff;

}

*:lang(ar) {
    direction: rtl;
    /* font-family: Neo-Sans; */
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;

}

.owl-carousel .owl-stage-outer {
    direction: ltr;
}


@font-face {
    font-family: Neo-Sans;
    src: url("../../webfonts/arab fonts/alfont_com_AlFont_com_Neo-Sans-W23.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: Poppins;
    src: url("../../webfonts/en fonts/Poppins-Regular.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: cairo;
    src: url("../../webfonts/Cairo-Regular.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h1:lang(ar),
h2:lang(ar),
h3:lang(ar),
h4:lang(ar),
h5:lang(ar),
h6:lang(ar),
.fs-1:lang(ar),
.fs-2:lang(ar),
.fs-3:lang(ar),
.fs-4:lang(ar),
.fs-5:lang(ar) ,p:lang(ar){

    font-family: Neo-Sans;
}


a:lang(ar),
li:lang(ar) {
    font-family: Neo-Sans;

}

button:lang(ar) {
    font-family: Neo-Sans;
}


h1:lang(en),
h2:lang(en),
h3:lang(en),
h4:lang(en),
h5:lang(en),
h6:lang(en),
.fs-1:lang(en),
.fs-2:lang(en),
.fs-3:lang(en),
.fs-4:lang(en),
.fs-5:lang(en),p:lang(en) {

    font-family: Poppins;
}


a:lang(en),
li:lang(en) {
    font-family: Poppins;

}

button:lang(en) {
    font-family: Poppins;
}




main {
    margin-top: 44px;
}




@media (max-width:768px) {
    .image-foreground {
        width: 200px;
        height: auto;
        z-index: 2;
    }

    .image-background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: none;
    }

}

.main-color {
    color: var(--main);
}

.sec-color {
    color: var(--sec);
}


section.sec1 {
    width: 100%;
    height: 100vh;
    background: url(https://images.pexels.com/photos/276517/pexels-photo-276517.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);
    background-size: cover;
}

section.content {
    margin: 0;
    padding: 0;
    font-size: 1.1em;
}

section.sec2 {
    width: 100%;
    height: 100vh;
    background: url(https://images.pexels.com/photos/276517/pexels-photo-276517.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);
    background-size: cover;
}


/* start Btn-social */
/* From Uiverse.io by vinodjangid07 */
.Btn-social {
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    position: relative;
    /* overflow: hidden; */
    border-radius: 7px;
    cursor: pointer;
    transition: all .3s;
}

.svgContainer {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    backdrop-filter: blur(4px);
    letter-spacing: 0.8px;
    border-radius: 10px;
    transition: all .3s;
    border: 1px solid rgba(156, 156, 156, 0.466);
    z-index: 3;
}

.svgContainer i {
    color: #fff;
}

.BG {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
    z-index: -1;
    border-radius: 9px;
    pointer-events: none;
    transition: all .3s;
    z-index: 2;
}

.BG.facebook {
    background: #1877F2;
}

.BG.twitter {
    background: #1DA1F2;
}

.BG.youtube {
    background: #CD201F;
}

.BG.instagram {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);

}

.Btn-social:hover .BG {
    transform: rotate(35deg);
    transform-origin: bottom;
}

.Btn-social:hover .svgContainer {
    background-color: rgba(156, 156, 156, 0.466);
}

.admitions_student_dropdown {
    left: unset !important;
}

/* navbar */
.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5;
    padding: 0 !important;
    /* box-shadow: 0 .125rem .25rem rgb(0 0 0 / 25%) !important; */
}

.navbar .nav-link {
    color: black !important;
    font-size: 17px;
}

.navbar .btn_contact {
    background-color: var(--sec);
    color: #fff;
    border-radius: 20px;
    transition: all .5s ease;
}


.navbar .nav-link:hover {
    /* background-color: #e44515d0 !important; */
    font-weight: bold;
    font-size: 17px;
    /* color: white !important; */
}

.navbar .btn_contact:hover i {
    transform: unset;
}

.navbar .btn_contact:hover {
    background-color: #E44515;
    color: #fff;

}

.navbar .btn_contact i:lang(en) {
    transition: all .5s ease;
    transform: rotate(-45deg);
}

.navbar .btn_contact i:lang(ar) {
    transition: all .5s ease;
    transform: rotate(-119deg);
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: var(--main) !important;

}

.navbar {
    background-color: white;
    transition: background-color 0.3s ease;
}

.navbar.scrolled {
    background-color: black;
}

.navbar .navbar-toggler {
    color: black !important;
    background-color: #ffffff !important;
}

.navbar.contact-page {
    background-color: black !important;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 5%;
    left: 1%;
    background-color: var(--main);
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    z-index: 1000;
    transition: opacity 0.5s ease;
    border: 1px solid var(--main);
    align-items: center;
    justify-content: center;
}

#myBtn:hover {
    background-color: var(--main);
}

#myBtn i {
    color: white;
    font-size: 21px;
}


.lang-switcher {
    border: 1px solid #068097;
    background-color: transparent;
    color: rgb(255, 255, 255);
    border-radius: 12px;
    list-style: none;
}

.lang-switcher a {
    color: #000;
}

.btn-contact {
    background-color: var(--main);
    color: #fff;
    border-radius: 12px;
}

.btn-contact:hover {
    border: 1px solid var(--main);
    color: var(--main);
}

.lang-switcher .dropdown-menu,
.btn-gold .dropdown-menu {
    text-align: unset;

    left: unset;
    border-radius: 14px;
}

.lang-switcher .dropdown-menu .dropdown-item,
.btn-gold .dropdown-menu .dropdown-item {
    color: var(--main);
    font-weight: 500;

}


/* btn more */
.btn_blue{
   position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background:var(--main) ;
    font-family: "Montserrat", sans-serif;
    /* box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.2); */
    overflow: hidden;
    cursor: pointer;
    border: none;
    color: #fff;
}
.btn_blue:after{
        content: " ";
    width: 0%;
    height: 100%;
    background: var(--sec);
    position: absolute;
    transition: all 0.4s ease-in-out;
    right: 0;
}
.btn_blue:hover::after{
 right: auto;
    left: 0;
    width: 100%;
}
.btn_blue span{
    text-align: center;
    text-decoration: none;
    padding: 5px 9px;
    color: #fff;
    /* font-size: 1.125em; */

    z-index: 2;
    transition: all 0.3s ease-in-out;
    /* font-weight: 600; */
}
.btn_blue:hover span{
    animation: scaleUp 0.3s ease-in-out;
    color: #000;

}
.btn-yellow {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: var(--sec);
    font-family: "Montserrat", sans-serif;
    /* box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.2); */
    overflow: hidden;
    cursor: pointer;
    border: none;
}

.btn-yellow:after {
    content: " ";
    width: 0%;
    height: 100%;
    background: var(--main);
    position: absolute;
    transition: all 0.4s ease-in-out;
    right: 0;
}

.btn-yellow:hover::after {
    right: auto;
    left: 0;
    width: 100%;
}

.btn-yellow span {
    text-align: center;
    text-decoration: none;
    padding: 5px 9px;
    color: #000;
    /* font-size: 1.125em; */

    z-index: 2;
    transition: all 0.3s ease-in-out;
    /* font-weight: 600; */
}

.btn-yellow:hover span {
    /* color: var(--main); */
    animation: scaleUp 0.3s ease-in-out;
}

@keyframes scaleUp {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }
}

/*Statistics*/
.statistics .statistics_item {
    background-color: #0680972E;
    border-radius: 15px;
}

.statistics .statistics_icon {
    color: var(--main);
    font-size: 65px;
}

.statistics .statistics_value {
    color: var(--main);

}

/* activites_section */
.activites_section {
    background-color: #068097;
}

.activites_section .line {
    width: 100%;
    height: 3px;
    background-color: var(--sec);
}

.activites_section .activites_head,
.activites_section .activites_par,
.activites_section .activites_text {
    color: #fff;
}

.nums {
    background-color: #fff;
    color: var(--main);
    width: fit-content;
    border-radius: 4px;
    font-size: 29px;
    font-family: fantasy;
}

/* news */
.news-section  .news_title {
    color: rgba(74, 73, 73, 1);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow-y: clip;
    -webkit-box-orient: vertical;
    font-size: 20px;
}
.news-section {
    /* background-color: #D9D9D945; */
    position: relative;
}

.news-section::after {
    content: '';
    position: absolute;
    background-color: #06809759;
    top: 90px;
    right: 0px;
    width: 68%;
    height: 64%;
    z-index: -1;
}

.news-section .news-title {
    color: var(--main);
    background-color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.news-section .news-item {
    background-color: #fff;
    border-radius: 10px;
    /* padding: 20px; */
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.news-section .btn-more {
    background-color: var(--main);
    color: #fff;
    border-radius: 4px;
    padding: 0px 4px;
    font-size: 14px;
    transition: background-color 0.3s ease;

}

.news-section .img_news {
    height: 270px;
    width: 100%;
    object-fit: cover;
}

/* person */

.staff-section .company_name {
    position: relative;
    width: fit-content;
    color: var(--main);
}

/* .staff-section .company_name::after {
    position: absolute;
    content: '';
    width: 114%;
    height: 121px;
    background-color: transparent;
    bottom: -35px;
    border: 3px solid var(--sec);
    border-radius: 50%;
    border-top: 0;
    border-right: 10px;
    left: -23px;
    z-index: -2;
} */

/* .staff-section .company_name::before {
    position: absolute;
    content: '';
    width: 106%;
    height: 111px;
    background-color: transparent;
    top: -41px;
    border-radius: 50%;
    border: 3px solid var(--sec);
    border-bottom: 0;
    border-left: 0;
    z-index: -1;
    right: -20px;

} */

.staff-section .person {
    background-color: #fff;
    box-shadow: 0px 4px 200px 4px rgba(129, 126, 126, 0.1);

}

.staff-section .image-border {
    width: 200px;
    /* adjust as needed */
    height: 200px;
    border-radius: 50%;
    padding: 15px;
    background: linear-gradient(180deg, #e0e9ed, var(--main));
    /* gradient border */
    display: flex;
    align-items: center;
    justify-content: center;
}

.staff-section .image-border img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
    background-color: white;
}

.staff-section .person_name {
    color: var(--main);
}

.staff-section .jop-description {
    color: rgba(59, 61, 76, 1);

}

/* reviews-section */
.custom-nav:lang(en){
    flex-direction: row-reverse;
    width: fit-content;
}

.reviews-section {
    position: relative;
}

.reviews-section::after {
    position: absolute;
    content: '';
    width: 47%;
    height: 100%;
    background-color: var(--main);
    top: 0;
    left: 0;
    z-index: -1;
}
.reviews-section:lang(en)::after {
    left: unset;
    right: 0;

}
.reviews-section .review_card {
    background-color: #fff;
}

.reviews-section .person_name {
    background-color: rgba(235, 233, 233, 1);
}

.custom-prev1 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    border: 5px solid #575757;
    color: #575757;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    font-weight: bold;
}

.custom-next2 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    border: 5px solid var(--sec);
    color: var(--sec);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    font-weight: bold;
}

.reviews-section .circ {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    border-radius: 50%;
    /* background-color: #fff; */
    border: 7px solid rgba(6, 128, 151, 0.18);
    z-index: -1;


}

.reviews-section .section-title {
    border-bottom: 3px solid var(--main);
    border-radius: 3px;
    width: fit-content;
}

/* footer */
.bg-footer {
    background-color: var(--main);
    color: #fff;
}

.footer_head {
    color: var(--sec);
}

.form-floating>label {
    left: unset !important;
}

/* sharebuttons */

.social_icon a {
    color: #fff;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    border-radius: 100%;
    transition: all .3s ease;
}
.social_icon .social_icon_head{
    color: var(--main);
}
.social_icon .whats {
    background-color: #29a71a;

}

.social_icon .whats:hover {
    opacity: 0.7;
    transform: translate(0, -5px);

}

.social_icon .snapchat {
    background-color: #d4bd06;

}

.snapchat .whats:hover {
    opacity: 0.7;
    transform: translate(0, -5px);

}

.social_icon .youtube {
    background-color: rgb(255 0 51);

}

.social_icon .youtube:hover {
    opacity: 0.7;
    transform: translate(0, -5px);
}

.social_icon .facebook {
    background-color: rgb(24 119 242);
}

.social_icon .facebook:hover {
    opacity: 0.7;
    transform: translate(0, -5px);
}

.social_icon .insta {
    background-color: rgb(254 51 99);
}

.social_icon .insta:hover {
    opacity: 0.7;
    transform: translate(0, -5px);
}


button.copy-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    transition: all 0.3s ease;
}

button.copy-link:hover {
    opacity: 0.7;
    transform: translate(0, -5px);
}



/* Email button */
a.email {
    background-color: #d44638;
    /* Gmail-like red */
}

a.email:hover {
    opacity: 0.7;
    transform: translate(0,-5px);
}


.social_icon .twitter {
    background-color: rgb(0, 0, 0);

}
.social_icon .twitter:hover{
     opacity: 0.7;
    transform: translate(0,-5px);
}
.social_icon .linkedin:hover  {
    opacity: 0.7;
    transform: translate(0,-5px);
}

.social_icon .linkedin {
    background-color: rgb(0 122 185);

}
a.email:hover {
    opacity: 0.7;
    transform: translate(0,-5px);
}
/* Copy link button */
button.copy-link {
    background-color: #333;
    border: none;
    cursor: pointer;
}

button.copy-link:hover {
    background-color: #555;
}

/*head_after*/
.head_after{
     position: relative;
    width: fit-content;
    z-index: 2;
    color:var(--main) ;
    font-weight: 600;
    line-height: 115%;
    margin: 0;
}
.head_after:after {
     content: '';
    background: var(--sec);
    width: 100%;
    height: 17px;
    display: block;
    position: absolute;
    top: 60%;
    left: 0;
    z-index: -1;
    animation: 2s loadingAfter infinite ease-in-out;
}

@keyframes loadingAfter {
    0% {
        transform: translateX(-10px);
    }

    50% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(-10px);
    }
}
/**/
.fixed_social .whats {
    background-color: #29a71a;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    border-radius: 100%;
}

.fixed_social .phone {
    background-color: var(--main);
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    border-radius: 100%;
}

.fixed_social {
    position: fixed;
    flex-direction: column;
    right: 17px;
    z-index: 100;
    bottom: 5%;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn{
    background-color: #fed16c;
;
}


.news_description {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow-y: clip;
    -webkit-box-orient: vertical;
}


.review_card p{
    display: -webkit-box !important;
    overflow-y: clip !important;
    -webkit-box-orient: vertical !important;
    height: 118px !important;
}