@font-face {
    font-family: 'Helvetica Now Display';
    src: url('../fonts/HelveticaNowDisplay-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Helvetica Now Display bold';
    src: url('../fonts/HelveticaNowDisplay-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Helvetica Now Display medium';
    src: url('../fonts/HelveticaNowDisplay-Medium.woff2') format('woff2');
}

.changed-form-cont input:-webkit-autofill,
.changed-form-cont textarea:-webkit-autofill,
.changed-form-cont select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff;
    transition: background-color 5000s ease-in-out 0s;
}


.input-wrapper {
    position: relative;
    width: max-content;
    height: max-content;
}

.error .input, .error .textarea {
    border: 3px solid rgba(255, 0, 0, 0.36) !important;
    box-shadow: 0 4px 8px 0 rgba(255, 0, 0, 0.36) !important;
}

button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

.error::after {
    content: attr(data-error);
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    background: #e74c3c;
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
    z-index: 10;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    transform: translateY(0);
    transition: all 0.3s ease;
    pointer-events: none;
    width: 100%;
    max-width: max-content;
    animation: fadeInTooltip 7s ease-in forwards;
}

/* Tooltip arrow using ::before */
.error::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 15px;
    border-width: 6px;
    border-style: solid;
    border-color: #e74c3c #e74c3c transparent transparent;
    transform: translateY(0) rotate(-45deg);
    transition: all 0.3s ease;
    pointer-events: none;
    animation: fadeInTooltip 7s ease-in forwards;
}

@keyframes fadeInTooltip {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    5%{
        opacity: 1;
        visibility: visible;
    }
    95%{
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

:root {
    --row-width: 151vw;
    --anim-speed: 21s;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Helvetica Now Display', sans-serif;
    word-break: break-word !important;
}


/*global class*/
.bolder {
    font-family: 'Helvetica Now Display bold', sans-serif !Important;
    font-weight: 700;
}


/*******************************************/


body::-webkit-scrollbar {
    display: none;
    /*    hiding scroll*/
}

.doc_cat_top::-webkit-scrollbar{
    display: none;
}
.mobile_opened_menu::-webkit-scrollbar{
    display: none;
}

/* index.php */

.d-block {
    display: block !important;
    transition: opacity 0.5s ease;

}

.d-none{
    display: none !important;
    transition: opacity 0.5s ease;


}

main {
    padding: 0 4.166vw;
}

/*header sec*/

header {
    display: flex;
    padding-top: 0.781vw;
}

.mobile_menu {
    width: 100%;
    height: 12.621vw;
    background: #F6F6F6B2;
    display: none;
    padding: 2.427vw 2.427vw;
    border-radius: 2.427vw;
}

.mobile_logo_box {
    width: 8.737vw;
    height: 8.252vw;
}

.mobile_burger_menu svg {
    width: 7.766vw;
    height: 7.766vw;
    cursor: pointer;

}

.logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.mobile_opened_menu {
    width: 90.5vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 14.563vw;
    position: fixed;
    top: 0;
    left: 0;
    background: #F6F6F6;
    padding-bottom: 8.854vw;
    border-radius: 2.427vw;
    opacity: 0;
    z-index: -1;
    margin-left: 4.75vw;
    margin-top: 2.427vw;
    overflow-y: auto;
}

.mobile_opened_menu_show {
    opacity: 1;
    z-index: 11;
}


.mobile_opened_menu_top {
    display: flex;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #D9D9D9;
    align-items: start;
    padding: 2.427vw 2.427vw;
    justify-content: space-between;
}


.mobile_opened_menu_top .lang_select, .mobile_opened_menu_top .lang_box {
    width: 18.718vw;
    height: auto;
}

.mobile_opened_menu_top .switch-lang{
    width: 1.941vw;
    height: 1.941vw;
}

.mobile_opened_menu_top .current_lang {
    gap: 0.970vw;
}

.mobile_opened_menu_top .active_lang svg {
    width: 1.941vw;
    height: 1.941vw;
}


.mobile_opened_menu_top .mobile_logo_box {
    width: 8.737vw;
    height: 7.766vw;
    margin-right: 48.786vw;
}

.mobile_opened_menu_top .mobile_logo {
    object-fit: contain;
}

.mobile_opened_menu_bottom {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile_opened_menu_bottom .menu_ul {
    flex-direction: column;
    gap: 7.281vw;
    align-items: center;
    margin-top: unset;
}

.mobile_opened_menu_bottom .menu_ul a {
    font-size: 4.854vw;
}

.mobile_opened_menu_top .active_lang {
    font-size: 4.368vw;
}

.close {
    width: auto;
    align-items: center;
    justify-content: center;
}

.close svg {
    width: 7.766vw;
    height: 7.766vw;
}

.mobile_menu_mail_link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    padding-right: 4.854vw;;
}

.mobile_menu_mail_link span {
    font-size: 3.398vw;
}

.nav_container {
    width: 67.7vw;
    height: 2.6041vw;
    display: flex;
    justify-content: space-between;
    position: fixed;
    right: 4vw;
    z-index: 11;
}

.logo {
    width: 3.1vw;
    height: 2.604vw;
    cursor: pointer;
}

.logo_side {
    width: 100%;
    height: auto;
}


.menu_ul {
    width: max-content;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5vw;
    border-radius: 0.520vw;
    background: #F6F6F6;
    opacity: 100%;
    padding: 0 2.0833vw;
}

.menu_ul li a {
    font-size: 0.9375vw;
    color: black;
    text-decoration: none;
}


.menu_ul li {
    display: flex;
    align-items: center;
    height: auto;
}

.active-menu {
    font-family: 'Helvetica Now Display bold', sans-serif !important;
    font-weight: 700;
}

.lang_box {
    width: 3.8020vw;
    height: 100%;
    display: flex;
    padding: 0.781vw 0.5208vw;
    justify-content: center;
    gap: 0.5vw;
    font-size: 0.9375vw;
    border-radius: 0.520vw;
    margin-left: auto;
    position: relative;
    background: #F6F6F6;
    cursor: pointer;

}

.current_lang {
    width: 100%;
    background: #F6F6F6;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5208vw;
}

#switch-lang {
    cursor: pointer;
}


.lang_select a {
    font-size: 1vw;
    color: black;
}

.hidden_lang {
    width: 100%;
    background: #F6F6F6;
    padding: 0.781vw 0.5208vw;
    position: absolute;
    display: flex;
    gap: 0.520vw;
    flex-direction: column;
    top: 72%;
    border-radius: 0.520vw;
}

.hidden_lang a {
    width: auto;
    font-size: 0.937vw;
}

/*about us sec*/

.about_sec {
    height: auto;
}

.about_sec_title_side {
    font-size: 3.12vw;
    padding-top: 2.0833vw;
    padding-bottom: 1vw;
    font-family: 'Helvetica Now Display bold', sans-serif !important;
}


/*swiper slide*/

.about_sec .swiper-container {
    position: relative !important;
    width: 100%;
    height: 39.583vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.0833vw;
    overflow: hidden;
}


.about_sec .swiper-container > .swiper-slide {
    width: 100%;
    height: 100%;
}

.about_sec .swiper-container > .swiper-wrapper > .swiper-slide > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.520vw;

}


.about_sec .swiper-container > .swiper-button-prev {
    width: 1.093vw !important;
    left: 3.1vw;
    top: unset;
}

.about_sec .swiper-container > .swiper-button-prev::after {
    content: none;
}

.about_sec .swiper-container > .swiper-button-next {
    width: 1.093vw !important;
    right: 3.1vw;
    content: none;
    top: unset;
}

.about_sec .swiper-container > .swiper-pagination {
    bottom: 1.0416vw !important;
    color: #FFFFFF;
}

.about_sec .swiper-button-next, .swiper-button-prev {
    margin-top: unset !important;
    top: unset !important;
}


:root {
    --swiper-theme-color: #FFFFFF;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 0.150vw) !important;
}

.about_sec .swiper-pagination-bullet {
    width: 0.520vw !important;
    height: 0.520vw !important;
    background-color: white !important;
}

.about_sec .swiper-pagination-bullet-active {
    width: 1.040vw !important;
    height: 0.520vw !important;
    border-radius: 0.520vw !important;
    transition: all 0.5s ease;
    color: #FFFFFF;
    opacity: 100% !important;
}


.scroll_down {
    width: 12.760vw;
    height: 12.760vw;
    border-radius: 50%;
    background-color: #FFFFFF80;
    position: absolute;
    z-index: 1;
    top: 24.218vw;
    right: 3.1vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.520vw;
    cursor: pointer;
    backdrop-filter: blur(5px);
}

.scroll_down svg {
    width: 1.0416vw;
}


.scroll_down p {
    font-size: 1.25vw
}

.about_sec_text_side {
    width: 91.6667vw;
    display: flex;
    justify-content: space-between;
    align-items: start;
}


.about_sec_text_side div:nth-child(1) {
    width: 43.75vw;
}

.about_sec_text_side div:nth-child(2) {
    width: 16.57vw;
}

.about_sec_text_side div:nth-child(3) {
    width: 14.7vw;
}


.text1 {
    font-size: 2.1vw;
    line-height: 3.177vw;
}

.text2, .text3 {
    display: flex;
    flex-direction: column;
    gap: 0.520vw;
    color: black;
}

.text2 span:nth-child(1), .text3 span:nth-child(1) {
    font-size: 0.8334vw;
    font-family: 'Helvetica Now Display medium', sans-serif !important;

}

.text2 span:nth-child(2), .text3 span:nth-child(2) {
    font-size: 2.0834vw;
    font-family: 'Helvetica Now Display bold', sans-serif !important;
}

.text2 span:nth-child(3), .text3 span:nth-child(3) {
    font-size: 0.8334vw;
    line-height: 1.197vw;
}


.line {
    width: 100%;
    height: 0.1vw;
    background: #797979;
    margin-top: 6.770vw;
}

/*department sec*/

.department_sec {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-top: 3.125vw;
}


.department_sec_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
    gap: 0.520vw;
    width: 44.8vw;
    margin-bottom: 2.0833vw;
}

.department_sec_text span:nth-child(1) {
    font-size: 1.675vw;
    text-transform: uppercase;
}

.department_sec_text span:nth-child(2) {
    font-size: 0.8334vw;
    line-height: 1.197vw;
}

.dep_cat1 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.dep_container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.0416vw;
    row-gap: 2.0833vw;
    margin-top: 2.0833vw;
}


.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0.216vw !important;
}

.department {
    width: 45.3125vw;
    height: 20.833vw;
    border: 1px solid black;
    border-radius: 0.520vw;
    display: flex;
    flex-direction: column;
    padding: 1.5625vw 1.5625vw;
}


.department_sec .department{
    height: 22.833vw;
}


.dep_slide_img_container, .dep_slide_container1, .dep_slide_container2, .dep_slide_container3, .dep_slide_container4, .dep_slide_container5 {
    width: 23.43vw;
    height: 100%;
    border-radius: 0.520vw;
    overflow: hidden;
    position: relative;
    /*margin-top: 42px;*/
    display: flex;
    align-items: center;
}


.dep_slide_container1 > .swiper-wrapper > .swiper-slide > img,
.dep_slide_container2 > .swiper-wrapper > .swiper-slide > img,
.dep_slide_container3 > .swiper-wrapper > .swiper-slide > img,
.dep_slide_container4 > .swiper-wrapper > .swiper-slide > img,
.dep_slide_container5 > .swiper-wrapper > .swiper-slide > img,
.dep_slide_img_container > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.department_sec .mini-swiper-btn {
    width: 0.459vw !important;
    /*height: 17.5px;*/
    color: red !important;
}


.departments_sec .swiper-pagination .swiper-pagination-bullet {
    width: 0.260vw !important;
    height: 0.260vw !important;
    background: white;

}

.departments_sec .swiper-pagination .swiper-pagination-bullet-active{
    width: 0.520vw !important;
    height: 0.260vw !important;
    background: white;
}


.mini_swiper_cont1 .swiper-button-next, .mini_swiper_cont2 .swiper-button-next {
    width: 0.459vw !important;
    right: 3.854vw;
}

.mini_swiper_cont1 .swiper-button-prev, .mini_swiper_cont2 .swiper-button-prev {
    width: 0.459vw !important;
    left: 3.854vw;
}

.dep_cat1 > span {
    font-size: 0.9375vw;
    font-family: 'Helvetica Now Display bold', sans-serif !important;
}


.dep_container_top {
    width: max-content;
    height: 1.770vw;
    background: #0000AC;
    border-radius: 1.562vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.260vw 1.0416vw;
}

.dep_container_top span {
    color: #FFFFFF;
    font-size: 0.8334vw;
    font-family: 'Helvetica Now Display medium', sans-serif !Important;
    text-transform: uppercase;
}


.dep_container_bottom, .course_container_bottom {
    height: 13.541vw;
    display: flex;
    gap: 1.45vw;
    align-items: end;
}

.dep_container_bottom {
    margin-top: 0;
    display: flex;
    align-items: flex-start;
}

.course_container_bottom {
    margin-top: 3.697vw;
}

.dep_text_container {
    width: 17.2vw;
    height: auto;
    display: flex;
    gap: 0.52vw;
    /*margin-top: 1.770vw;*/
    flex-direction: column;
}


.dep_text_container span:nth-child(1), .course_text_container span:nth-child(1) {
    font-size: 2.0834vw;

    font-family: 'Helvetica Now Display medium', sans-serif !Important;
}

.dep_text_container span:nth-child(2), .courses_text_container span:nth-child(2) {
    font-size: 0.8334vw;
    font-family: 'Helvetica Now Display medium', sans-serif !Important;
    line-height: 1.197vw;
}


.mini_pagination .swiper-pagination-bullet {
    width: 0.156vw !important;
    height: 0.156vw !important;
    border-radius: 0.2604vw;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 0.104vw) !important;
    background: white;
}


.mini_pagination .swiper-pagination-bullet-active {
    width: 0.312vw !important;
    height: 0.156vw !important;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 0.104vw) !important;
    border-radius: 0.2604vw;

}

.prev {
    left: 1vw !important;
}

.next {
    right: 1vw !important;
}


.dep_cat2 {
    margin-top: 6.770vw;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.dep_cat2 > span {
    font-size: 0.9375vw;
    font-family: 'Helvetica Now Display bold', sans-serif !important;
}

.dep_container_top2 {
    width: max-content;
    height: 1.770vw;
    background: #1D9E7D;
    border-radius: 1.562vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.260vw 1.0416vw;
}

.dep_container_top2 span {
    color: #FFFFFF;
    font-size: 0.8334vw;
    font-family: 'Helvetica Now Display medium', sans-serif !Important;
    text-transform: uppercase;
}


.more {
    width: 45.3125vw;
    height: auto;
    background: #F6F6F6;
    border-radius: 0.520vw;
    cursor: pointer;
    padding-left: 1.5625vw;
    position: relative;
}

.more_text_cont {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 0.520vw;
    bottom: 1.5625vw;
}

.more_text_cont svg {
    width: 1.25vw;
    height: 1.25vw;
}

.more_text_cont a {
    color: #1D9E7D;
    font-size: 2.0834vw;
    font-family: 'Helvetica Now Display medium', sans-serif !Important;
}


/* news section */


.news_sec {
    width: 100%;
    height: auto;
    margin-top: 3.125vw;
}

.news_top {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.0833vw;
}


.news_top span {
    font-size: 1.875vw;

}

/*    */

.see_more {
    width: 8.385vw;
    height: 2.343vw;
    border-radius: 0.520vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.260vw;;
    background: #1D9E7D;
    border: none;
    cursor: pointer;
}

.see_more a {
    color: #FFFFFF;
    font-size: 0.8334vw;
    font-family: 'Helvetica Now Display medium', sans-serif !Important;
}

.see_more svg {
    width: 0.572vw;
    height: 0.572vw;
}

.see_more-mobile {
    display: none;
}


.news_bottom {
    width: 100%;
    height: auto;
    display: flex;
    gap: 1.0416vw;
    justify-content: center;
}


.news {
    width: 22.1354vw;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 1.0416vw;
}

.img_container {
    width: auto;
    height: 13.541vw;
}

.img_container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 0.520vw;
    cursor: pointer;
}


.news span:nth-child(2) {
    font-size: 1.0417vw;
    font-family: 'Helvetica Now Display medium', sans-serif !Important;
    color: #000000;
}

.news span:nth-child(3) {
    font-size: 0.8334vw;
    color: #000000;
}

.news span:nth-child(4) {
    font-size: 0.729vw;
    color: #8A8A8A;
}


/*contact sec*/

.contact_sec {
    width: 100%;
    height: 26.093vw;
    background: #F6F6F6;
    padding: 2.604vw 3.6458vw;
    border-radius: 0.520vw;
    margin-top: 6.770vw;
}

.contact_sec_container {
    display: flex;
    gap: 4.96vw;
}


.contact_sec_text {
    width: 39.218vw;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 2.343vw;
}

.feedback {
    width: max-content;
    height: 1.770vw;
    border-radius: 1.562vw;
    border: 1px solid black;
    font-size: 0.8334vw;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.260vw 0.520vw;
}

.contact_text_box {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 1.0416vw;

}

.contact_text_box span:nth-child(1) {
    font-size: 1.875vw;
    line-height: 2.756vw;
    color: #000000;
}

.contact_text_box span:nth-child(2) {
    font-size: 0.8334vw;
    color: #000000;
}

.form_container {
    width: 40.625vw;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 0.781vw;
    margin-top: 3.854vw;
}

.changed-form-cont {
    margin-top: 2.135vw !important;
}

.form_top {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.781vw;
}


.form_top div {
    width: 100%;
    height: auto;
    display: flex;
    gap: 1.0416vw;
}

.input{
    border-radius: 0.520vw;
    padding-left: 1.0416vw;
    border: none;
    color: #7F7F7F;
    font-size: 0.8334vw;
}

.input{
    border-radius: 0.520vw;
}

.changed-input{
    border: none;
    color: white !important;
}

.form_top > div > span > .input, .changed-input {
    width: 19.791vw;
    height: 2.291vw;
}

.checkbox{
    cursor: pointer;
}

.textarea {
    width: 100%;
    height: 5.468vw;
    background: white;
    border-radius: 0.520vw;
    padding: 0.520vw 1.0416vw;
    border: none;
    border-bottom: 0.1vw solid white;
    resize: none;
    color: #7F7F7F;
    font-size: 0.8334vw;
}

.changed-textarea {
    height: 7.5vw !important;
    background: transparent !important;
    border-radius: unset !important;
    padding: 0.520vw 0 !important;
    color: white !important;
}

.changed-textarea:focus {
    outline: none;
    color: white !important;
    font-size: 0.8334vw;
}

.textarea:focus {
    outline: none;
    color: #7F7F7F;
    font-size: 0.8334vw;
}

.input::placeholder {
    color: #7F7F7F;
    font-size: 0.8334vw;
    margin-left: 1.0416vw;
}

.input:focus {
    color: #7F7F7F;
    font-size: 0.8334vw;
    outline: none;
}

.changed-input:focus {
    color: white;
    font-size: 0.8334vw;
    outline: none;
}

.changed-input {
    border-radius: unset;
    border-bottom: 0.1vw solid white;
    background: transparent;
    color: white !important;
}

.changed-input::placeholder {
    color: white !important;
    font-size: 0.8334vw;
}

.textarea::placeholder {
    color: #7F7F7F !important;
    font-size: 0.8334vw;
}

.changed-textarea::placeholder {
    color: white !important;
    font-size: 0.8334vw;
}


.check {
    height: auto;
    display: flex;
    gap: 0.520vw;
    align-items: center;
    position: relative;
}

.check svg {
    width: 0.937vw;
    height: 0.937vw;
    cursor: pointer;
}

.check_svg2{
    position: absolute;
    display: none;
}

.check span {
    font-size: 0.729vw;
}


.blue_btn, .white_btn {
    width: 40.625vw;
    height: 2.552vw;
    display: flex;
    gap: 0.385vw;
    align-items: center;
    justify-content: center;
    border-radius: 0.520vw;
    border: none;
    cursor: pointer;
}

.white_btn {
    background: white;
    margin-top: 1.197vw;
    color: black;
}

.white_btn svg {
    width: 0.625vw;
    height: 0.625vw;
}

.blue_btn {
    background: #0000AC;
}

.blue_btn span {
    color: white;
    font-size: 0.8334vw;
}

.blue_btn svg {
    width: 0.572vw;
    height: 0.572vw;
}

.white_btn a {
    color: #1D9E7D;
    font-size: 0.8334vw;
}

/*faqs sec*/


.faq_sec {
    width: 100%;
    height: auto;
    margin-top: 3.125vw;
}

.faq_sec_title {
    width: 33.854vw;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 0.781vw;
}

.faq_sec_title span:nth-child(1) {
    font-size: 1.875vw;

}

.faq_sec_title span:nth-child(2) {
    font-size: 0.8334vw;
}

.line2 {
    width: 100%;
    height: 0.05vw;
    background: #D9D9D9;
}

.faqs {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 0.781vw;
    margin-top: 2.0833vw;
}

.faqs_div {
    display: flex;
    flex-direction: column;
    /*gap: 0.781vw;*/
    cursor: pointer;
    transition: all 1s ease-in-out;
    overflow: hidden;
    height: auto;
}

.faq_active{
    max-height: 500px !important;
}

.question-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.937vw;
    transition: all 1s ease-in-out;
}


.question-item svg {
    width: 0.858vw;
    height: 0.858vw;
    transition: transform 0.3s ease;
}


.faqs_inner_div {
    width: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 1s ease-in-out;
    padding-top: 0.781vw;
}

.faqs_inner_div span {
    font-size: 0.833vw;
}

.faqs_inner_div div {
    display: flex;
    flex-direction: column;
    gap: 0.781vw;
}


.unique_span {
    width: 100% !important;
}

.rotate-icon {
    transform: rotate(-95deg);
}

.unique_span {
    width: 100% !important;
}

/*footer*/

.line3 {
    width: 100%;
    height: 0.01vw;
    background: black;
}

.footer_sec {
    width: 100%;
    height: auto;
}

.footer_container {
    width: 100%;
    height: 24.427vw;
    display: flex;
    gap: 15.625vw;
    padding: 1.562vw 0 0 4.166vw;
}

.footer_right {
    width: 24.197vw;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 3.125vw;
}

.footer_right a {
    font-size: 2.0833vw;
    color: black;
}

.footer_left {
    width: auto;
    display: flex;
    gap: 9.375vw;
    height: auto;
}

.footer_menu {
    width: 10.416vw;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 0.5208vw;
}

.footer_contacts {
    width: 10.416vw;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 0.5208vw;

}

.footer_social {
    width: 10.416vw;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 0.5208vw;

}

.mini_line {
    width: 10.416vw;
    height: 0.1vw;
    background: black;
    margin-bottom: 1.562vw;
}

.footer_contacts > span:nth-child(1),
.footer_menu > span:nth-child(1),
.footer_social > span:nth-child(1) {
    font-size: 1.25vw;
    font-family: 'Helvetica Now Display medium', sans-serif !Important;
    margin-bottom: 0.5208px;
}


.footer_contacts > a,
.footer_menu > a {
    font-size: 0.9375vw;
    font-family: 'Helvetica Now Display medium', sans-serif !Important;
    color: black;
}

.social_box {
    height: auto;
    display: flex;
    align-items: center;
    gap: 7px;
}

.social_box span {
    height: auto;
}


.social_box > svg {
    width: 0.572vw;
    height: 0.572vw;
    cursor: pointer;
}

.footer_social > div > a {
    height: auto;
    font-size: 0.9375vw;
    font-weight: 500;
    font-family: 'Helvetica Now Display medium', sans-serif !important;
    color: black;
}

.footer_info {
    height: 2.968vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 4.1666vw;
}

.footer_info span {
    font-size: 0.625vw;
    font-family: 'Helvetica Now Display medium', sans-serif !important;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////!*    */
/*about us.php*/

.about_img_container {
    width: 100%;
    height: 39.583vw;;
    position: relative;
    margin-top: 2.0833vw;
    background: #00000033;
    border-radius: 0.520vw;
}

.about_img_container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: -1;
    display: block;
    border-radius: 0.520vw;
}

.about_text {
    width: 75.552vw;
    position: absolute;
    top: 3.125vw;
    left: 3.125vw;
    font-size: 4.322vw;
    color: white;
    font-weight: 700;
    line-height: 6.354vw;
}

.square_container {
    position: absolute;
    width: max-content;
    height: max-content;
    background: white;
    border-top-right-radius: 0.520vw;
    display: flex;
    justify-content: start;
    gap: 0.7812vw;
    align-items: end;
    left: -1px;
    bottom: -1px;
    padding: 1.0417vw 1.0417vw 0 0;
}


.green_square {
    width: 14.583vw;
    height: 11.583vw;
    background: #1D9E7D;
    border-radius: 0.520vw;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.510vw;
    padding: 4.2187vw 1vw;
}

.white_square {
    width: 14.583vw;
    height: 11.583vw;
    background: #F6F6F6;
    border-radius: 0.520vw;
    display: flex;
    align-items: center;
    padding: 4.2187vw 1vw;
    justify-content: center;
    line-height: 1.510vw;
}

.changed-pad {
    padding: 4.2187vw 4vw;
}

.white_square > span {
    width: auto;
    font-size: 1.041vw;
    color: black;
    text-align: center;
    font-family: 'Helvetica Now Display medium', sans-serif !important;
}

.green_square > span {
    width:auto;
    font-size: 1.041vw;
    color: white;
    text-align: center;
    font-family: 'Helvetica Now Display medium', sans-serif !important;
}

/*story sec*/

.story_sec {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 2.0833vw;
    margin-top: 3.125vw;
}

.story_text_cont {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.0833vw;
}

.story_sec > .story_text_cont > span:nth-child(1) {
    font-size: 1.875vw;
}

.story_sec > .story_text_cont > span:nth-child(2) {
    width: 53.385vw;
    text-align: center;
    font-size: 2.1875vw;
    line-height: 3.177vw;
}

.story_img {
    width: 100%;
    height: 33.854vw;
}

.story_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 0.520vw;
}

.story_text {
    width: 100%;
    height: auto;
    display: flex;
    align-items: start;
}


.story_text_div1 {
    width: 38.645vw;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 1.562vw;
}

.story_text_div2 {
    width: 21.770vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0.520vw;
    margin-right: 5.729vw;
}

.story_text_div3 {
    width: 25.520vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0.520vw;
}

.story_text_div1 span {
    width: 90%;
    font-size: 1.875vw;
    line-height: 3.177vw;
}

.story_text_div2 > span:nth-child(1) {
    font-size: 0.8334vw;
    font-family: 'Helvetica Now Display medium', sans-serif !Important;
}

.story_text_div2 span:nth-child(2) {
    font-size: 2vw !important;
    font-family: 'Helvetica Now Display bold', sans-serif !Important;
    margin-bottom: 0.520vw;
}

.story_text_div2 span:nth-child(3) {
    font-size: 0.9375vw;
    Line-height: 1.3541vw;
    margin-bottom: 0.520vw;
}

.mini_bold {
    font-family: 'Helvetica Now Display bold', sans-serif !important;
}

.story_text_div2 span:nth-child(4) {
    font-size: 0.7291vw;
    color: #5A5A5A;
}

.story_text_div3 > span:nth-child(1) {
    font-size: 0.8334vw;
    font-family: 'Helvetica Now Display medium', sans-serif !Important;
}

.story_text_div3 span:nth-child(2) {
    font-size: 2vw !important;
    font-family: 'Helvetica Now Display bold', sans-serif !Important

}

.story_text_div3 span:nth-child(3) {
    font-size: 0.9375vw;
    Line-height: 1.3541vw;
}


.changed-width1 {
    width: 45.3645vw !important;
}

.changed-width2 {
    width: 19.218vw !important;
}

.changed-width3 {
    width: 19.791vw !important;
}

/*global figures sec*/

.global_figures_sec {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 0.520vw;
    margin-top: 3.125vw;
}

.middle {
    font-size: 1.875vw;
    margin-bottom: 0.520vw;
}

.mini_light {
    font-size: 0.8333vw;
    margin-bottom: 1.458vw;
}

.figures_container {
    display: flex;
    width: 100%;
    gap: 1.0416vw;
}


.figures {
    display: flex;
    flex-direction: column;
    width: 22.1354vw;
    height: auto;
    border-radius: 0.520vw;
    border: 1px solid black;
    padding: 3.125vw 2.604vw 2.0833vw 2.604vw;
    transition: all 0.5s ease-in-out;
}

.hover:hover {
    background: #0000AC;
    color: white;
}

.figures > span:nth-child(1) {
    width: 14.927vw;
    font-size: 1.25vw;
    line-height: 1.822vw;
    font-family: 'Helvetica Now Display medium', sans-serif !Important;
    margin-bottom: 2.0833vw;
    color: black;
}

.figures > span:nth-child(3) {
    font-size: 0.8334vw;
    line-height: 1.197vw;
    font-family: 'Helvetica Now Display medium', sans-serif !Important;
    color: black;
}

.figures:hover{
    background-color: #0000AC;
}

.figures:hover > span:nth-child(1) {
    color: white;
}

.figures:hover >.figures_text_cont span {
    color: white;
}

.figure_img_cont {
    width: 100%;
    display: flex;
    justify-content: center;
    height: auto;
    margin-bottom: 60px;
}

.ball {
    width: 13.020vw;
    height: 9.270vw;
}

.cone {
    width: 12.760vw;
    /*height: 11.093vw;*/
}

.spiral {
    width: 10.625vw;
    /*height: 9.166vw;*/
}

.cube {
    width: 11.302vw;
    /*height: 11.302vw;*/
}


.long {
    width: 16vw !important;
}

.document {
    width: 7.135vw;
    height: 9.895vw;
}

.figures_text_cont {
    width: 100%;
    height: auto;
    margin-top: auto;
}

.figures_text_cont span {
    font-family: 'Helvetica Now Display medium', sans-serif !important;
    font-size: 0.833vw;
    color: black;
}


/* teachers sec*/

.teachers_sec {
    width: 100%;
    height: auto;
    margin-top: 6.770vw;
    display: flex;
    flex-direction: column;
    gap: 0.520vw;
}

.teachers_container {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    row-gap: 2.0833vw;
    column-gap: 1.0416vw;
}

.teachers_text{
    margin-bottom: 0.520vw;
}

.teachers {
    width: 29.843vw;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 0.520vw;
}


.width {
    width: 29.531vw;
    line-height: 1.197vw;
}


.teacher_img_cont {
    width: 29.843vw;
    height: 33.854vw;
}

.logo_box {
    width: 13.020vw!important;
    height: 13.020vw!important;
    margin-bottom: 1.0416vw!important;
    display: flex;
    align-items: center;
}

.info_cont{
    display: flex;
    flex-direction: column;
    gap: 0.520vw;
}

.teacher_img_cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.520vw;
}

.teachImg{
    height: auto !important;
}

.teachImgBox{
    align-self: center;
}

.bold_name {
    font-size: 0.937vw;
    font-family: 'Helvetica Now Display medium', sans-serif !Important;
}

.middle_title {
    font-size: 0.8334vw;
    font-family: 'Helvetica Now Display medium', sans-serif !Important;
}

.light_title {
    font-size: 0.8334vw;
}

.slide-enter-from-top {
    animation: slideEnterFromTop 1s ease forwards;
}

.slide-enter-from-bottom {
    animation: slideEnterFromBottom 1s ease forwards;
}


/*automatic slider sec*/


.automatic_slider_sec {
    width: 100%;
    height: 30.260vw;
    margin-top: 6.770vw;
    position: relative;
    display: flex;
    align-items: center;
}

.pagination-container {
    width: auto;
    height: auto;
    display: flex;
    z-index: 1;
    position: absolute;
    gap: 0.260vw;
    flex-direction: column;
    right: 1.0416vw;
}


.pagination-item {
    width: 0.260vw;
    height: 1.0416vw;
    background: #BDBCBC;
    border-radius: 0.5208vw;
}


.pagination-item.active {
    background: white;
}


.automatic-swiper-container {
    overflow: hidden; /* Hide overflow to mask slide animations */
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 0.520vw;
}

.slide-enter-from-top {
    animation: slideEnterFromTop 1s ease forwards;
}

.slide-enter-from-bottom {
    animation: slideEnterFromBottom 1s ease forwards;
}

.automatic-slide {
    width: 100%;
    height: 30.260vw;
    position: absolute; /* Position absolute to overlap slides */
    opacity: 0; /* Initially hide slides */
    transition: all 0s ease; /* Transition for opacity change */
    display: flex;
    flex-direction: column;
    padding-left: 2.604vw;
}

.automatic-slide-info:nth-child(1) {

    opacity: 1;
}

.automatic-slide-info:nth-child(2) {

    opacity: 0;
}

.automatic-slide-info:nth-child(3) {

    opacity: 0;
}

.automatic-slide-info:nth-child(4) {

    opacity: 0;
}

.automatic-slide-info:nth-child(5) {

    opacity: 0;
}

.automatic-slide-info:nth-child(6) {

    opacity: 0;
}

.automatic-slide:nth-child(1) {

    opacity: 1;
}

.automatic-slide:nth-child(2) {

    opacity: 0;
}

.automatic-slide:nth-child(3) {

    opacity: 0;
}

.automatic-slide:nth-child(4) {

    opacity: 0;
}

.automatic-slide:nth-child(5) {

    opacity: 0;
}

.automatic-slide:nth-child(6) {

    opacity: 0;
}

.slide_top_side {
    height: 11.614vw;
    width: 100%;
    display: flex;
    justify-content: start;
    flex-direction: column;
    gap: 2.0833vw;
    padding: 3.125vw 0 0 2.083vw;
}

.slide_top_side_text {
    width: 24.895vw;
    font-size: 0.8334vw;
    text-align: start;
    line-height: 1.197vw;
}

.green {
    color: #1D9E7D;
}

.white {
    color: white;

}

.slide_bottom_side {
    width: 100%;
    height: 13.437vw;
    display: flex;
    justify-content: center;
    gap: 0.520vw;
    padding-top: 2.0312vw;
}


.middle_div {
    border-radius: 3.125vw;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.5vw;
    font-weight: 500;
    text-align: center;
}

.div1 {
    width: 36.666vw;
    height: 5.260vw;
    color: white;
    border: 1px solid white;
    padding: 0 4vw;
}

.div2 {
    width: 20.156vw;
    height: 6.562vw;
    color: #1D9E7D;
    border: 1px solid #1D9E7D;
    padding: 0 4vw;
}

.div3 {
    width: 52.552vw;
    height: 7.447vw;
    color: #1D9E7D;
    border: 1px solid #1D9E7D;
    padding: 0 4vw;
}

.div4 {
    width: max-content;
    height: 3.697vw;
    color: white;
    border: 1px solid white;
    padding: 0 4vw;
}

.org_white {
    width: max-content;
    padding: 0 1.0416vw;
    height: 1.770vw;
    background: white;
    color: #1D9E7D;
    font-size: 0.8334vw;
    border-radius: 1.562vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.org_green {
    width: max-content;
    padding: 0 1.0416vw;
    height: 1.770vw;
    background: #1D9E7D;
    color: white;
    font-size: 0.8334vw;
    border-radius: 1.562vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mini {
    border-radius: 3.125vw;
    border: 1px solid white;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9vw;
    font-family: 'Helvetica Now Display bold', sans-serif !Important;
    height: 20.520vw;
    text-align: center;
    padding: 0 1.041vw 0 1.041vw;
}

.m_div1 {
    width: 8.75vw;
    height: 10.937vw;
}

.m_div2 {
    width: 11.197vw;
    height: 10.937vw;
}

.m_div3 {
    width: 12.0833vw;
    height: 10.937vw;
}

.m_div4 {
    width: 10vw;
    height: 10.937vw;
}

.mini2 {
    border-radius: 3.125vw;
    border: 1px solid #1D9E7D;
    color: #1D9E7D;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25vw;
    font-family: 'Helvetica Now Display bold', sans-serif !Important;
    height: 20.520vw;
    text-align: center;
    padding: 0 2.60vw 0 2.60vw;

}

.m_div5 {
    width: 11.562vw;
    height: 10.937vw;
}

.m_div6 {
    width: 13.75vw;
    height: 10.937vw;
}

.m_div7 {
    width: 17.239vw;
    height: 10.937vw;
}

@keyframes slideEnterFromTop {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideEnterFromBottom {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.automatic-wrapper-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.automatic-slide-info {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s ease;
}


.marque_sec {
    width: 100%;
    height: 27.135vw;
    margin-top: 6.770vw;
    background: #1D9E7D;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 0.520vw;
}

.marque_top_side {
    height: 11.614vw;
    width: 100%;
    display: flex;
    justify-content: start;
    flex-direction: column;
    gap: 2.0833vw;
    padding: 3.125vw 3.125vw 0 3.125vw;
}

.marque_div {
    width: max-content;
    height: 1.7708vw;
    border: 1px solid white;
    border-radius: 1.562vw;
    font-size: 0.8334vw;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.2604vw 0.5208vw;
}

.marque_text {
    width: 30.57vw;
    line-height: 1.197vw;
    font-size: 0.8334vw;
    color: white;;
}

.marque_sec .words svg {
    margin-left: 5px;
}


.marque_top {
    height: 6.770vw;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    border-top: 1px solid #1D9E7D;
    border-bottom: 1px solid #1D9E7D;
    margin-top: 2.0833vw;
}

.marque_bottom {
    height: 6.770vw;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    border-top: 1px solid #1D9E7D;
    border-bottom: 1px solid #1D9E7D;
}

.top_container {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    width: var(--row-width);
    min-width: 100vw;
    animation: slide-left var(--anim-speed) linear infinite;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-around;
    gap: 1.302vw;
}


.bottom_container {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    width: var(--row-width);
    min-width: 100vw;
    animation: slide-right var(--anim-speed) linear infinite;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-around;
    gap: 1.302vw;
}


.words {
    display: flex;
    width: auto;
    gap: 1.1197vw;
    align-items: center;
    box-sizing: border-box;
    color: white;
    font-size: 1.5vw;
}

.words svg {
    width: 0.520vw;
    height: 0.520vw;
}

@keyframes slide-left {
    0% {
        transform: translate(calc(var(--row-width) * -1), 0);
    }
    100% {
        transform: translate(0, 0);
    }
}

@keyframes slide-right {
    0% {

        transform: translate(0, 0);
    }
    100% {
        transform: translate(calc(var(--row-width) * -1), 0);
    }
}


.download-file_sec {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 2.0833vw;
    margin-top: 6.770vw;
}

.download-file_top {
    display: flex;
    justify-content: space-between;
    align-items: self-end;
}

.global_top_text_cont {
    width: 36.822vw;
    line-height: 1.197vw;
    display: flex;
    flex-direction: column;
    gap: 1.0416vw;
}

.global_top_text_cont > span:nth-child(1) {
    font-size: 1.875vw;
}

.global_top_text_cont > span:nth-child(2) {
    font-size: 0.8334vw;
}

.download-file_img_cont {
    width: 100%;
    height: 33.854vw;
}

.download-file_img_cont img {
    width: 100%;
    height: 100%;
}

.download-img-desk{
    display: block!important;
}

.download-img-mobile{
    display: none!important;
}


.download-file_btn {
    width: 11.0416vw;
    height: 2.0833vw;
    border-radius: 0.5208vw;
    background: #0000AC;
    border: none;
    display: flex;
    gap: 0.260vw;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.download-file_btn a {
    color: white;
    font-family: 'Helvetica Now Display bold', sans-serif;
    font-size: 0.8334vw;
}

.download-file_btn svg {
    width: 0.625vw;
}

.hide{
    display: none !important;
}

/* departments sec*/

.purple_border_square {
    width: 14.583vw;
    height: 11.458vw;
    border-radius: 0.520vw;
    display: flex;
    line-height: 1.197vw;
    align-items: center;
    justify-content: center;
    border: 1px solid #0000AC;
    padding: 1.0416vw;
}

.green_border_square {
    width: 14.583vw;
    height: 11.458vw;
    border-radius: 0.520vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1D9E7D;
    line-height: 1.197vw;
    padding: 1.0416vw;
}


.square-hide1{
    display: none !important;
}

.square-hide2{
    display: none !important;
}

.purple_border_square > span {
    font-size: 1.041vw;
    color: #0000AC;
    text-align: center;
    font-family: 'Helvetica Now Display medium', sans-serif !important;
}

.green_border_square > span {
    font-size: 1.041vw;
    color: #1D9E7D;
    text-align: center;
    font-family: 'Helvetica Now Display medium', sans-serif !important;
}

.departments_sec {
    width: 100%;
    height: auto;
    margin-top: 3.125vw;
    display: flex;
    flex-direction: column;
    gap: 2.0833vw;
}

.culinary, .manufacturing, .dentist {
    width: 100%;
    height: 51.041vw;
    background: #F6F6F6;
    border-radius: 0.520vw;
    padding: 2.0833vw 3.645vw;
    display: flex;
    flex-direction: column;
    gap: 1.0416vw;

}

.culinary_top_side {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
}

.global_dep_title_blue {
    width: max-content;
    height: 1.770vw;
    border-radius: 1.562vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0000AC;
    padding: 0.260vw 1.0416vw;
}

.global_dep_title_blue span {
    color: #0000AC;
    font-family: 'Helvetica Now Display medium', sans-serif !important;
    font-size: 0.75vw;
}

.global_dep_text {
    width: auto;
    display: flex;
    align-items: center;
    gap: 0.520vw;
}

.global_dep_text svg {
    margin: 0 1.0416vw;
}

.global_dep_text span {
    font-family: 'Helvetica Now Display medium', sans-serif !important;
    font-size: 0.9375vw;
}

.department_slide_cont, .manufacturing_slide_cont, .dentist_slide_cont {
    width: 100%;
    height: 24.89vw;
    position: relative !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.department_slide_cont > .swiper-wrapper, .manufacturing_slide_cont .swiper-wrapper, .dentist_slide_cont .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.department_slide_cont > .swiper-wrapper .swiper-slide, .manufacturing_slide_cont > .swiper-wrapper .swiper-slide, .dentist_slide_cont > .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%;
}

.department_slide_cont > .swiper-wrapper .swiper-slide img, .manufacturing_slide_cont > .swiper-wrapper .swiper-slide img, .dentist_slide_cont > .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.7812vw;
}

.department_slide_cont .swiper-button-prev, .manufacturing_slide_cont .swiper-button-prev, .dentist_slide_cont .swiper-button-prev {
    width: 0.8854vw;
    left: 2.083vw;
}

.department_slide_cont .swiper-button-next, .manufacturing_slide_cont .swiper-button-next, .dentist_slide_cont .swiper-button-next {
    width: 0.8854vw;
    right: 2.083vw;
}

.departments_sec .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
}

.departments_sec .swiper-pagination-bullet-active {
    width: 0.520vw !important;
    height: 5px !important;
    border-radius: 5px !important;
    transition: all 0.5s ease;
    color: #FFFFFF;
    opacity: 100% !important;
}

.department_bio {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 2.0833vw;
}

.department_name {
    font-size: 1.55vw;
    font-family: 'Helvetica Now Display medium', sans-serif !important;
    margin-bottom: 1.406vw;
    min-height: 3vw;
}

.department_bio_bottom > a{
    width: 44%;
}

.department_bio_top {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.department_bio_bottom a button:nth-child(2){
    background: #1D9E7D;
}

.department_bio_bottom{
    display: flex;
    justify-content: space-between;
}

.department_bio_top svg {
    margin: 0 2vw
}

.bio_left, .bio_right {
    display: flex;
    gap: 2.604vw;
    flex-grow: 1;
    justify-content: space-around;
}

.bio1, .bio3, .bio2 , .bio4{
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 1.25vw;
}

.bio1 > div > span:nth-child(1),
.bio3 > div > span:nth-child(1) {
    font-family: 'Helvetica Now Display medium', sans-serif !important;
    font-size: 0.729vw;
    font-weight: 800;
    width: 4vw;
}

.bio1 > div > span:nth-child(2),
.bio3 > div span:nth-child(2) {
    font-family: 'Helvetica Now Display bold', sans-serif !important;
    font-size: 0.729vw;
    color: #0000AC;
    text-wrap: nowrap;
    width: 13vw;
}


.bio2 > div > span:nth-child(1),
.bio4 > div > span:nth-child(1) {
    font-family: 'Helvetica Now Display medium', sans-serif !important;
    font-size: 0.729vw;
    font-weight: 800;
    width: 7vw;
}


.bio2 > div > span:nth-child(2),
.bio4 > div > span:nth-child(2) {
    font-size: 0.729vw;
}

.bio1 > div,
.bio2 > div,
.bio3 > div,
.bio4 > div {
    width: 100%;
    display: flex;
    gap: 0.520vw;
}


/*.bio1 > div:nth-child(2), .bio3 > div:nth-child(2) {*/
/*    gap: 1.1979vw !important;*/
/*}*/


.blue_glob_btn_big, .green_glob_btn_big {
    width: 100%;
    height: 2.604vw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.260vw;
    font-family: 'Helvetica Now Display bold', sans-serif !important;
    border-radius: 0.520vw;
    border: none;
    color: white;
    font-size: 0.9375vw;
    cursor: pointer;
}

.blue_glob_btn_big {
    background: #0000AC;
}

.green_glob_btn_big {
    background: #1D9E7D;
}

.mini_dep_container {
    width: 100%;
    height: auto;
    display: flex;
    gap: 1.096vw;
}

.pastry {
    width: 45.312vw;
    height: 39.2708vw;
    background: #F6F6F6;
    border-radius: 0.5208vw;
    padding: 2.0833vw 2.833vw;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.hair_makeup {
    width: 45.312vw;
    height: 39.2708vw;
    background: #F6F6F6;
    border-radius: 0.5208vw;
    padding: 2.0833vw 2.0833vw;
    display: flex;
    flex-direction: column;
    gap: 1.0416vw;
}


.pastry > .department_slide_cont {
    height: 13.541vw;
}

.hair_makeup > .department_slide_cont {
    height: 13.541vw;
}


.mini_swiper_cont1 {
    width: 100%;
    height: 13.541vw;
    position: relative !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.mini_swiper_cont2 {
    width: 100%;
    height: 13.541vw;
    position: relative !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.mini_swiper_cont1 .swiper-button-prev, .mini_swiper_cont2 .swiper-button-prev {
    width: 0.459vw;
    left: 1.347vw;

}

.mini_swiper_cont1 .swiper-button-next, .mini_swiper_cont2 .swiper-button-next {
    width: 0.459vw;
    right: 1.347vw;
}


.mini_swiper_cont1 img, .mini_swiper_cont2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.520vw;
}

.bio1 > div > div, .bio3 > div > div {
    display: flex;
    flex-direction: column;
}

.bio1 > div > div > span, .bio3 > div > div > span {
    font-family: 'Helvetica Now Display bold', sans-serif !important;
    font-size: 0.729vw;
    color: #0000AC;
    text-wrap: nowrap
}


.green_color {
    color: #1D9E7D !important;
}

.global_dep_title_green {
    width: max-content;
    height: 1.770vw;
    border-radius: 1.562vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1D9E7D;
    padding: 0 14px;
}

.global_dep_title_green span {
    color: #1D9E7D;
    font-family: 'Helvetica Now Display medium', sans-serif !important;
    font-size: 0.8334vw;
}


.course_text_container {
    width: 17.2vw;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    margin-top: 34px;
}

.documents_sec {
    width: 100%;
    height: max-content;
    margin-top: 5.937vw;
    display: flex;
    flex-direction: column;
    gap: 2.083vw;
}

.doc_top_text_cont {
    width: 36.197vw;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 0.520vw;
}

.doc_top_text_cont > span:nth-child(1) {
    font-size: 3.125vw;
    font-family: 'Helvetica Now Display medium', sans-serif !Important;
}

.doc_top_text_cont > span:nth-child(2) {
    font-size: 0.9375vw;
}

.doc_categories_cont {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 2.083vw;
}

.doc_cat_top {
    width: auto;
    height: auto;
    display: flex;
    gap: 1.0416vw;
    overflow-y: auto;
}

.doc_cat_top > button{
    width: auto;
    height: 2.395vw;
    border: 1px solid black;
    font-size: 0.9375vw;
    padding: 0.520vw 1.0416vw;
    border-radius: 0.520vw;
    background: white;
    user-select: none;
    cursor: pointer;
    color: black;
    text-wrap: nowrap;
}

.doc_cat_top .bold_name{
    font-weight: 400;
}


body::-webkit-scrollbar {
    display: none;
}


.doc_cat_bottom {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 1.0416vw;
    position: relative;
}

.doc_cat_bottom > div {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.0416vw;
    /*position: absolute;*/
    left: 0;
    top: 0;
}

.doc_cat_bottom > div > div > div > span {
    text-wrap: nowrap;

}

/*.cat0 span, .cat1 span, .cat2 span, .cat3 span, .cat4 span, .cat5, .cat6 span{*/
/*}*/


.cat_div {
    display: flex;
    align-items: center;
    font-size: 0.9375vw;
    font-family: 'Helvetica Now Display medium', sans-serif !Important;
    justify-content: space-between;
    margin: 10px;
}

.active_dep_btn {
    background: #1D9E7D!important;
    color: white!important;
    border: none!important;
}

.download-btn {
    width: 11.0416vw;
    height: 2.0833vw;
    opacity: 1;
    background: #0000AC;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 0.520vw;
    gap: 0.260vw;
}

.desktop-svg {
    width: 0.572vw!important;
    height: 0.572vw!important;
}

.mobile-svg {
    width: 4.368vw;
    height: 4.611vw;
    display: none;
}

.download-btn a {
    color: white;
    font-size: 0.8334vw;
}


/* apply sec */

.apply_sec {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-top: 3.125vw;
}

.apply_text_cont {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.0833vw;
}

.apply_text_cont > span:nth-child(1) {
    font-size: 2.1vw;
    /*font-size: 2.5vw;*/
}

.apply_text_cont > span:nth-child(2) {
    width: auto;
    font-size: 1.4vw;
    line-height: 2.4vw;
    text-align: center;
}

.changed-sp-width {
    width: 82.968vw !important;
}

.apply_img_cont {
    width: 100%;
    height: 33.854vw;
}

.apply_text_cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 0.520vw;
}

.apply_now_cont {
    width: 41.145vw;
    height: 2.343vw;
    border-radius: 0.520vw;
    background: #0000AC;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.260vw;
    cursor: pointer;
}

.apply_now_cont svg {
    width: 0.8333vw;
    height: 0.8333vw;
}

.apply_now_cont > a {
    color: white;
    font-family: 'Helvetica Now Display bold', sans-serif !important;
    font-size: 0.8334vw;
    width: 100%;
    text-align: center;
}


.apply_now_fixed {
    width: 7.656vw;
    height: 2.343vw;
    background: #0000AC;
    position: fixed;
    top: 42.916vw;
    border-radius: 0.520vw;
    right: 4.10vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.260vw;
    border:none;
    cursor: pointer;
}


.apply_now_fixed svg {
    width: 0.625vw;
    height: 0.625vw;
}

.apply_now_fixed a {
    color: white;
    font-family: 'Helvetica Now Display medium', sans-serif !Important;
    font-size: 0.8334vw;
    width: 100%;
    text-align: center;
}


/*contacts / map sec*/

.map_sec {
    width: 100%;
    height: auto;
    display: flex;
    gap: 6.145vw;
    border: 1px solid black;
    margin-top: 2.0833vw;
    padding: 4.166vw 2.083vw;
    border-radius: 0.520vw;
}

.map_text_cont {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 2.0833vw;
}

.map_text_cont span:nth-child(1) {
    font-size: 2.187vw;
    font-family: 'Helvetica Now Display bold', sans-serif !important;
}

.map_text_cont span:nth-child(2) {
    width: auto;
    font-size: 0.937vw;
}

.map_text_cont > div {
    margin-top: 16.354vw;
    display: flex;
    gap: 5.208vw
}

.map_text_cont > div a {
    color: black;
    font-size: 0.937vw;
    text-wrap: nowrap;
}

.map_text_cont svg {
    width: 0.625vw;
    height: 0.625vw;
    margin-left: 0.260vw;
}

.map_cont {
    width: 59.1458vw;
    height: 26.458vw;
}

.gm-style > div:nth-child(2) > div {
    top: 20.833vw !important;
}

#id {
    width: 100%;
    height: 100%;
}


.contacts_sec {
    width: 100%;
    height: auto;
    background: #1D9E7D;
    display: flex;
    gap: 9.479vw;
    margin-top: 6.406vw;
    padding: 4.166vw 3.645vw;
    border-radius: 0.520vw;
}


.contacts_sec_text_cont {
    width: 33.75vw;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 11.666vw;
}

.contacts_sec_text_cont_top {
    width: 17.447vw;
    display: flex;
    flex-direction: column;
    gap: 0.520vw;
    color: white;
}

.contacts_sec_text_cont_top span:nth-child(1) {
    font-size: 2.187vw;
    font-family: 'Helvetica Now Display bold', sans-serif !important;
}

.contacts_sec_text_cont_top span:nth-child(2) {
    font-size: 0.837vw;
}

.contacts_sec_text_cont_top span:nth-child(3) {
    font-size: 0.837vw;
    margin-top: 0.520vw;
}


.contacts_sec_text_cont_bottom {
    width: 100%;
    height: auto;
    display: flex;
    gap: 1.9vw;
}

.contacts_sec_text_cont_bottom > div {
    display: flex;
    flex-direction: column;
    gap: 0.416vw;
}

.contacts_sec_text_cont_bottom > div > a {
    font-size: 0.937vw;
    color: white;
}
.contacts_sec_text_cont_bottom > div > span {
    font-size: 0.937vw;
    color: white;
}

.contacts_sec_text_cont_bottom > div > a {
    color: white;
    font-size: 0.937vw;
}

.contacts_sec_text_cont_bottom > div:nth-child(1) {
    width: 8vw;
}

.contacts_sec input {
    color: white;
    font-size: 0.937vw;
    font-family: 'Helvetica Now Display', sans-serif;
}

/*news.php / news_sec*/

.news_sec {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 2.083vw;
    margin-top: 3.125vw;
}

.mobile_ver{
    display: none !important;
    width: 100%;
    height: 100%;
}

.desktop_ver{
    width: 100%;
    height: 100%;
}


.news_sec_text {
    width: auto;
    height: auto;
    font-size: 1.875vw;
}

.news_cont {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 2.0833vw;
}

.news_cont_sec {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    gap: 1.0416vw;
    flex-wrap: wrap;
}


.news {
    width: 29.843vw;
    height: auto;
    flex-direction: column;
    gap: 0.520vw;
    cursor: pointer;
}

.news_img_cont {
    width: 100%;
    height: 13.541vw;
}

.news_img_cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.520vw;
}


/*news-details*/

.news_details_sec{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-top: 3.802vw;
    gap: 2.083vw;
}

.back-to-news{
    display: flex;
    align-items: center;
    gap: 0.520vw;
}

.back-to-news a{
    color: black;
    font-size: 0.937vw;
    font-family: 'Helvetica Now Display medium', sans-serif !important;
}

.back-to-icon{
    width: 0.718vw;
    height: 0.871vw;
    cursor: pointer;

}

.news_details_box{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 1.562vw;
}


.details_top_box{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.520vw;
}

.details_top_box h1{
    font-size: 2.083vw;
    font-family: 'Helvetica Now Display medium', sans-serif !important;
}

.details_top_box span{
    width: auto;
    font-size: 0.833vw;
    color: rgba(113, 113, 113, 1);
    font-family: 'Helvetica Now Display bold', sans-serif !important;
}

.details_box{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2.083vw;
}

.details_box span{
    font-size: 1.041vw;
    width: 86.458vw !important;
    text-align: start;
    line-height: 1.531vw;
}

.news_details_img_cont {
    width: 100%;
    height: 35.416vw;
}

.news_details_img_cont > img {
    width: 100%;
    height: 100%;
    border-radius: 0.520vw;
    object-fit: cover;
}

.success_message_cont{
    width: 30%;
    height: max-content;
    padding: 20px;
    border-radius: 7px;
    margin: auto;
    background: white;
    z-index: 2;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.success_message{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.success_message_top_cont{
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.success_message_cont svg{
    margin-left: auto;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.success_message_top_cont > span{
    font-size: 1.67vw;
    color: black;
    font-weight: 700;
    font-family: 'Helvetica Now Display bold', sans-serif !important;
    margin-right: 10px;
    margin-bottom: 10px;
}

.success_message >  span{
    font-size: 16px;
    font-weight: 400;
    font-family: 'Helvetica Now Display medium', sans-serif !important;
}

.layer{
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.25);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
}


.pagination {
    text-align: center;
    margin: 1.041vw 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.520vw;
}

.pagination a {
    text-decoration: none;
    color: #000;
    padding: 0.520vw 0.833vw;
    border-radius: 0.416vw;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.pagination a:hover {
    background-color: #f0f0f0;
}

.pagination a.active {
    background-color: #f0f0f0;
    color: black;
}

.pagination a.disabled {
    pointer-events: none;
    opacity: 0.5;
}

/* new added document section */


.certificate_section{
    display: flex;
    flex-direction: column;
    margin-top: 6.770vw;
}

.certificate_container{
    display: flex;
    gap: 4vw;
    margin-top: 2.0833vw;
}

.certificate_box{
    width: 14.84vw;
}

.certificate_img{
    width: 100%;
    height: 18.12vw;
}

.certificate_img > img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.figure_category .figures{
    cursor: pointer;
}

.delete_url{
    height: auto;
}

.delete_url .figures{
    height: 100%;
}
/* new added document section */