@media screen and (max-width: 768px) {

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

    .nav_container {
        display: none;
    }

    .mobile_menu {
        display: block;
        display: flex;
        gap: 68.932vw;
        position: fixed;
        width: 90.291vw;
        background: #F6F6F6;
        z-index: 10;
    }


    main .logo {
        display: none;
    }

    header {
        padding: 2.427vw 4.854vw;
    }

    main {
        padding: 0 4.854vw;
    }

    .about_sec {
        margin-top: 16.815vw;
    }

    .about_sec_text_side {
        padding-top: unset;
    }

    .about_sec_title_side {
        font-size: 9.708vw;
        line-height: 11.650vw;
        margin-bottom: 2.427vw;
    }

    .about_sec .swiper-container {
        width: 100%;
        height: 141.262vw;
    }

    .about_sec .swiper-container > .swiper-wrapper > .swiper-slide > img {
        border-radius: 2.427vw;
    }

    .about_sec .swiper-container .scroll_down {
        display: none;
    }

    .about_sec .swiper-container > .swiper-button-next {
        width: 2.740vw !important;
        right: 5.436vw !important;
    }

    .about_sec .swiper-container > .swiper-button-prev {
        width: 2.740vw !important;
        right: 5.436vw !important;
    }

    .about_sec .swiper-pagination-bullet {
        width: 1.213vw !important;
        height: 1.213vw !important;
    }

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

    .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.5vw) !important;
    }


    .about_sec_text_side {
        flex-wrap: wrap;
    }

    .text1 {
        width: 100% !important;
        font-size: 5.825vw;
        line-height: 8.495vw;
        margin: 12.135vw 0 7.281vw 0;
    }


    .text2, .text3 {
        width: 43.932vw !important;
        gap: 2.427vw;
        color: black;
    }

    .text2 span:nth-child(1), .text3 span:nth-child(1) {
        font-size: 3.883vw;
    }

    .text2 span:nth-child(2), .text3 span:nth-child(2) {
        font-size: 5.825vw;
    }

    .text2 span:nth-child(3), .text3 span:nth-child(3) {
        font-size: 3.883vw;
        line-height: 5.708vw !important;
    }

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

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

    .department_sec {
        margin-top: 16.815vw;
    }

    .department_sec_text {
        width: 100%;
        gap: 2.427vw;
        margin-bottom: 9.708vw;
    }

    .department_sec_text span:nth-child(1) {
        font-size: 5.825vw;
    }

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

    .department {
        width: 90.291vw;
        height: auto !important;
        border-radius: 2.427vw;
        display: flex;
        flex-direction: column;
        padding: 7.281vw 4.854vw;
        margin-top: 7.281vw;
    }

    .dep_container_top, .dep_container_top2 {
        height: 6.796vw;
        border-radius: 7.281vw;
        justify-content: center;
    }

    .dep_container_top {
        width: max-content;
        padding:  1.213vw 4.854vw;
    }

    .dep_container_top2 {
        width: max-content;
        padding:  1.213vw 4.854vw;
    }

    .dep_container_top span, .dep_container_top2 span {
        font-size: 2.912vw;
    }


    .dep_cat1 > span {
        font-size: 4.368vw;
    }

    .dep_cat2 > span {
        display: none;
    }


    .dep_container_bottom {
        flex-wrap: wrap;
    }

    .dep_text_container {
        width: 100% !important;
        display: flex;
        gap: 2.427vw;
        margin-top: 6.553vw;
    }

    .dep_text_container span:nth-child(1), .course_text_container span:nth-child(1) {
        font-size: 4.854vw!important;
        font-weight: 600;
    }

    .dep_text_container span:nth-child(2), .courses_text_container span:nth-child(2) {
        font-size: 3.883vw;
        line-height: 5.708vw;
    }

    .dep_slide_img_container, .dep_slide_container1, .dep_slide_container2, .dep_slide_container3, .dep_slide_container4, .dep_slide_container5 {
        width: 100% !important;
        height: 46.844vw !important;
        border-radius: 2.427vw;
        margin-top: unset;
    }

    .department_sec .mini-swiper-btn {
        width: 2.140vw !important;
    }

    .next {
        right: 3.854vw !important;
    }

    .prev {
        left: 3.854vw !important;
    }

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

    .mini_pagination .swiper-pagination-bullet-active {
        width: 1.456vw !important;
        height: 0.728vw !important;
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 1.213vw) !important;
        border-radius: 1.213vw;
    }

    .mini_pagination .swiper-pagination-bullet {
        width: 0.728vw !important;
        height: 0.728vw !important;
    }

    .more {
        width: 90.291vw;
        height: 31.310vw;
        border-radius: 2.427vw;
        padding: 7.281vw 4.854vw;
        margin-top: 4.854vw;
    }

    .more_text_cont {
        width: 81vw;
        bottom: 7.281vw;
        gap: 2.427vw;
    }

    .more_text_cont a {
        font-size: 5.825vw;
    }

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

    .news_sec {
        margin-top: 12.135vw;
        flex-wrap: wrap;
        gap: 7.281vw;
    }

    .news_top span {
        font-size: 5.825vw;
    }

    .see_more {
        display: none;
    }

    .see_more-mobile {
        width: 90.291vw;
        height: 10.922vw;
        border-radius: 2.427vw;
        gap: 1.213vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #1D9E7D;
        border: none;
        cursor: pointer;
        margin-top: 9.708vw;
    }

    .see_more-mobile a {
        font-size: 3.883vw;
        color: white;
    }

    .see_more-mobile svg {
        width: 3.883vw;
        height: 3.883vw;
    }

    .news_bottom {
        flex-wrap: wrap;
        gap: 7.281vw;
    }

    .news {
        width: 90.291vw;
        height: auto;
        gap: 2.427vw;
    }

    .img_container {
        width: 90.291vw;
        height: 54.126vw;
    }

    .img_container img {
        border-radius: 2.427vw;
    }


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

    .news span:nth-child(3) {
        font-size: 3.883vw;
    }

    .news span:nth-child(4) {
        font-size: 3.398vw;
    }

    .contact_sec {
        height: auto;
        padding: 12.135vw 4.854vw;
        margin-top: 24.271vw;
        border-radius: 2.427vw;
    }

    .feedback {
        height: 6.796vw;
        border-radius: 7.281vw;
        border: 0.5vw solid black;
        font-size: 2.912vw;
        color: black;
        padding: 1.213vw 2.427vw;
    }

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

    .contact_text_box {
        gap: 4.854vw;
    }

    .contact_text_box span:nth-child(1) {
        font-size: 5.825vw;
        line-height: 8.611vw;
    }

    .contact_text_box span:nth-child(2) {
        font-size: 3.883vw;
        line-height: 5.708vw;
    }

    .contact_sec_container {
        flex-wrap: wrap;
    }

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

    .input::placeholder {
        color: #7F7F7F;
        font-size: 3.883vw;
    }

    .form_top {
        flex-wrap: wrap;
        gap: 2.427vw;

    }

    .form_top div {
        flex-wrap: wrap;
        gap: 2.427vw;
    }

    .form_top > div > span > .input, .changed-input {
        width: 80.582vw;
        height: 10.679vw;
        padding-left: 2.427vw;
        border-bottom: 0.242vw solid white;
    }

    .form_top > div > .input {
        border-radius: 2.427vw;
    }

    .textarea {
        width: 100%;
        height: 25.485vw;
        border-radius: 2.427vw;
        padding: 2.427vw 2.427vw!important;
    }

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

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

    .check {
        gap: 2.427vw;
        margin-top: 4.854vw;
    }


    .check svg {
        width: 2.912vw;
        height: 2.912vw;
    }


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

    .blue_btn {
        background: #0000AC;
        margin-top: 7.281vw;
    }



    .blue_btn, .white_btn {
        width: 100%;
        height: 10.922vw;
        gap: 1.213vw;
        border-radius: 2.427vw;
    }

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

    .changed_check {
        margin: unset !important;
    }

    .contacts_sec .check {
        margin-top: 0 !important;
    }


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


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

    .faq_sec {
        margin-top: 12.135vw;
    }

    .faqs_div {
        gap: 3.640vw;
    }

    .faq_sec_title {
        width: 90.291vw;;
        gap: 2.427vw;
    }

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

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

    .faqs {
        gap: 3.640vw;
        margin-top: 7.281vw;
    }

    .question-item {
        font-size: 4.368vw;

    }

    .question-item span {
        width: 72.815vw !important;
    }

    .faqs_inner_div span {
        font-size: 3.883vw;
        width: 72.815vw !important;
    }

    .faqs_inner_div div {
        gap: 2.64vw;
    }

    .question-item svg {
        width: 4.002vw;
        height: 4.002vw;
    }


    .footer_container {
        width: 100%;
        height: auto;
        gap: 9.708vw;
        padding: 7.281vw 0 14.563vw 4.854vw;
        flex-wrap: wrap;
    }

    .social_box > svg {
        width: 2.667vw;
        height: 2.667vw;
    }

    .logo {
        width: 8.737vw;
        height: 7.766vw;
    }


    .footer_right {
        width: 90vw;
        height: auto;
        gap: 4.854vw;
    }

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

    .footer_left {
        width: 90vw;
        gap: 5.0970vw;
        height: auto;
    }


    .footer_contacts > span:nth-child(1), .footer_menu > span:nth-child(1), .footer_social > span:nth-child(1) {
        font-size: 3.883vw;
        margin: unset;
    }


    .mini_line {
        width: 26.699vw;
        height: 0.3vw;
        margin-bottom: 1.562vw;
    }

    .footer_menu, .footer_contacts, .footer_social {
        width: 26.699vw;
        height: auto;
        gap: 2.427vw;
    }


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

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

    .footer_info {
        height: auto;
        gap: 1.213vw;
        padding: 2.427vw 4.1666vw;
        align-items: unset;
        flex-direction: column;
    }

    .footer_info span {
        font-size: 2.427vw;
    }


    /*documents*/
    .documents_sec {
        width: 100%;
        /*height: 310.436vw;*/
        margin-top: 16.815vw;
        display: flex;
        flex-direction: column;
        gap: 7.281vw;
    }


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

    .hidden_lang {
        background: unset;
        width: 100%;
        padding: 2.427vw 3.640vw;
        position: absolute;
        display: flex;
        gap: 2.427vw;
        flex-direction: column;
        top: 81%;
        border-end-start-radius: 2.427vw;
        border-end-end-radius: 2.427vw;
    }

    .current_lang{
        background: unset;
    }

    .lang_box{
        background: #F6F6F6;
        border-radius: 2.427vw;
        padding: 2.427vw 3.640vw;
    }

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

    .mobile_menu .hidden_lang a {
        font-size: 4.368vw;
    }

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

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

    .doc_cat_top > button {
        width: auto;
        height: 6.796vw;
        font-size: 2.912vw;
        border-radius: 2.427vw;
        padding: 0 4.854vw;
        text-wrap: nowrap;
    }

    .doc_cat_top {
        width: 100%;
        height: auto;
        overflow-x: auto;
        display: flex;
        gap: 2.427vw;
    }

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

    .doc_top_text_cont {
        gap: 2.912vw;
    }

    .doc_cat_bottom {
        margin-top: 14.0776vw;
        /*height: 67.718vw;*/
    }


    .cat_div .download-btn {
        width: 15.533vw;
        height: 9.708vw;
        border-radius: 2.427vw;
    }

    .cat_div {
        font-size: 3.883vw;
    }


    .desktop-svg {
        width: 0.625vw;
        height: 0.625vw;
        display: none;
    }

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

    .cat_div .download-btn a {
        display: none;
    }


    /*about us page*/
    .story_sec {
        margin-top: 12.135vw;
        gap: 4.854vw;
    }

    .story_text_cont {
        gap: 2.0833vw;
    }

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


    .story_sec > .story_text_cont > span:nth-child(2) {
        width: 100% !important;
        font-size: 5.825vw;
        line-height: 8.563vw;
    }

    .story_text_div1 span {
        font-size: 5.825vw;
        line-height: 8.563vw;
    }

    .story_text_div2 {
        width: 43.932vw;
        margin-right: 2.427vw;
        gap: 1.213vw;
    }

    .story_text_div3 {
        width: 43.932vw;
        gap: 1.213vw;
    }

    .story_text_div2 > span:nth-child(3), .story_text_div3 > span:nth-child(3) {
        margin-top: 1.213vw;
    }

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


    .download-file_btn {
        width: 90.291vw;
        height: 10.679vw;
        border-radius: 2.427vw;
    }

    .download-file_btn a {
        font-size: 3.883vw;
    }


    .download-file_btn svg {
        width: 2.667vw;
        margin-left: 1.699vw;
    }

    .download-file_img_cont{
        height: 79.611vw;
    }

    .download-file_img_cont img {
        width: 100%;
        height: 100%;
        border-radius: 2.427vw;
        object-fit: cover;
    }

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

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

        .about_us_sec {
        margin-top: 16.815vw;
    }

    .about_img_container {
        border-radius: 2.427vw;
        height: 141.262vw;
        margin-top: unset;
    }

    .about_img_container img {
        border-radius: 2.427vw;
    }

    .about_text {
        width: auto;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 9.708vw;
        color: white;
        font-weight: 700;
        line-height: 11.6504vw;
        padding: 7.038vw 7.038vw 0 4.854vw;
        line-break: anywhere;
    }

    .scroll_down {
        width: 21.844vw;
        height: 21.844vw;
        top: unset;
        bottom: 2.427vw;
        font-size: 2.427vw;
    }

    .scroll_down p {
        font-size: 2.427vw;
    }

    .scroll_down svg {
        width: 1.859vw;
        height: 2.257vw;
    }

    .apply_now_fixed {
        width: 27.184vw;
        height: 10.922vw;
        background: #0000AC;
        position: fixed;
        top: unset;
        bottom: 0;
        border-radius: 2.427vw;
        right: 4.8vw;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1.213vw;
    }

    .apply_now_fixed a {
        font-size: 3.398vw;
    }

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

    .square_container {
        border-top-right-radius: 2.427vw;
        gap: 2.427vw;
        padding: 2.427vw 2.427vw 0 0;
    }

    .green_square, .white_square, .purple_border_square, .green_border_square {
        width: 26.213vw;
        height: 30.825vw;
        border-radius: 2.427vw;
        line-height: normal;
        line-break: anywhere;
    }

    .green_square > span, .white_square > span {
        width: max-content;
        font-size: 2vw;
        padding: 0.520vw;
        text-wrap: balance!important;
    }

    .purple_border_square {
        display: none !important;
    }

    .green_border_square {
        display: none !important;
    }


    .square-hide1, .square-hide2 {
        display: flex !important;
        width: 26.213vw;
        height: 30.825vw;
        border-radius: 2.427vw;
        line-height: unset;
        text-align: center;
    }

    .square-hide1 {
        padding: 0 3.398vw;
    }

    .square-hide2 {
        padding: 0 3.398vw;
    }


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

    .apply_text_cont > span:nth-child(2) {
        font-size: 5.825vw;
        line-height: 8.563vw;
    }

    .apply_text_cont {
        gap: 2.427vw;
        padding-top: 12.135vw;
    }

    .apply_now_cont {
        width: 90.291vw;
        height: 10.922vw;
        border-radius: 2.427vw;
        margin: 7.281vw 0;
        gap: 0.970vw;
    }

    .apply_now_cont > a {
        color: white;
        font-family: 'Helvetica Now Display bold', sans-serif !important;
        font-size: 3.883vw;
    }

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

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

    .apply_img_cont img {
        border-radius: 2.427vw;
    }

    .global_figures_sec {
        gap: 2.427vw;
        margin-top: 12.135vw;
    }

    .figures_container {
        flex-wrap: wrap;
        gap: 7.281vw;
    }

    .figures {
        width: 90.291vw;
        height: max-content ;
        border-radius: 2.427vw;
        padding: 9.708vw 4.854vw;
    }

    .figure_img_cont{
        margin-top: auto;
    }

    .teachers_sec {
        margin-top: 24.271vw;
    }

    .teachers_text {
        margin-bottom: 4.52vw;
    }

    .middle {
        font-size: 5.825vw;
    }

    .width {
        width: 100% !important;
    }

    .mini_light {
        font-size: 3.883vw;
        margin-bottom: 4.854vw;
        line-height: 5.708vw;
    }


    .figures > span:nth-child(1) {
        width: 100% !important;
        font-size: 5.825vw;
        font-family: 'Helvetica Now Display medium', sans-serif ! Important;
        margin-bottom: 4.854vw;
        line-height: unset;
    }


    .document {
        width: 33.252vw;
        height: 46.116vw;
    }

    .figures_text_cont span {
        font-size: 3.883vw !important;
    }


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

    .global_top_text_cont > span:nth-child(2) {
        font-size: 3.883vw;
        line-height: 5.708vw;
        margin-bottom: 7.281vw;
    }


    .global_top_text_cont {
        width: 100% !important;
        gap: 2.427vw;
        line-height: unset;
    }


    .story_sec {
        margin-top: 12.135vw;
        gap: 4.854vw;
    }

    .story_img img {
        border-radius: 2.427vw;
    }

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

    .story_text {
        flex-wrap: wrap;
    }

    .changed-width1 {
        width: 100% !important;
    }

    .changed-width1 span {
        font-size: 5.825vw;
        line-height: 8.563vw;
        font-family: 'Helvetica Now Display', sans-serif !important;
    }

    .story_text_div1 {
        margin-right: unset;
        width: 100% !important;
        margin-bottom: 12.135vw;
    }


    .changed-width2, .changed-width3 {
        width: 100% !important;
        gap: 2.427vw;
    }

    .changed-width3 {
        margin-top: 9.708vw;
    }

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


    .story_text_div2 > span:nth-child(2) {
        font-size: 5.825vw !important;
    }


    .story_text_div2 > span:nth-child(3) {
        line-height: 5.708vw !important;
        font-size: 3.883vw;
    }

    .story_text_div2 > span:nth-child(4) {
        font-size: 2.912vw;
    }


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


    .story_text_div3 > span:nth-child(2) {
        font-size: 5.825vw !important;
        line-break: anywhere;
    }


    .story_text_div3 > span:nth-child(3) {
        line-height: 5.708vw !important;
        font-size: 3.883vw;
    }


    .story_text_div2 .download-btn {
        width: 90.291vw !important;
        height: 10.679vw;
        border-radius: 2.427vw;
        gap: 1.213vw;
    }

    .download-btn a {
        color: white;
        font-size: 3.883vw !important;
    }

    .download-btn svg {
        width: 3.883vw;
        height: 3.883vw;
    }

    .apply_sec {
        margin-top: unset;
    }


    .changed-sp-width {
        width: 100% !important;
        margin-bottom: 7.281vw;
    }

    .teachers_container {
        width: 100%;
        row-gap: 7.281vw;
        column-gap: unset;
    }

    .teachers {
        width: 100% !important;
        gap: 2.427vw;
    }

    .teacher_img_cont {
        width: 90.291vw;
        height: 102.427vw;
    }

    .logo_box {
        width: 52.02vw !important;
        height: auto !important;
        margin: auto;
        /*margin-bottom: auto !important;*/
    }

    .teacher_img_cont img {
        border-radius: 2.427vw;
    }

    .bold_name {
        font-size: 2.912vw;
    }

    .middle_title {
        font-size: 3.883vw;
        line-height: 5.708vw;
    }


    .light_title {
        font-size: 3.883vw;
        width: 100%;
    }

    /*news page*/
    .news_cont_sec {
        gap: 7.281vw;
    }


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


    .news_img_cont img {
        border-radius: 2.427vw;
    }

    .news_sec_text {
        font-size: 5.825vw;
    }


    .mobile_ver {
        display: block !important;
    }

    .desktop_ver {
        display: none !important;
    }

    /*about us*/
    .automatic-slide {
        height: 100%;
    }

    .automatic_slider_sec {
        height: 216.174vw;
        margin-top: 24.27vw;
    }

    .automatic-swiper-container {
        border-radius: 2.427vw;
    }

    .slide_bottom_side {
        padding: 0 9.951vw;
        margin-top: unset;
        flex-wrap: wrap;

    }

    .slide_top_side {
        height: auto;
        gap: 9.708vw;
        padding: 14.563vw 4.854vw 0 4.854vw;
    }

    .pagination-container {
        gap: 1.213vw;
        right: 4.854vw;
    }


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

    .org_white, .org_green {
        width: max-content;
        padding: 0 2.604vw;
        height: 6.796vw;
        font-size: 2.912vw;
        border-radius: 7.281vw;
    }

    .slide_top_side_text {
        width: 100% !important;
        font-size: 3.8834vw;
        text-align: start;
        line-height: 5.708vw;
    }

    .middle_div {
        width: auto !important;
        height: auto !important;
        border-radius: 14.563vw;
        font-size: 5.825vw;
        padding: 2.427vw 6.0679vw;
    }

    .div1 {
        margin-top: 39.5vw;
    }

    .div2 {
        margin-top: 42vw;
    }

    .div3 {
        margin-top: 31.082vw;
    }

    .div4 {
        margin-top: 43.2vw;
    }

    .mini, .mini2 {
        width: auto;
        height: auto;
        border-radius: 14.563vw;
        line-height: 5.708vw;
        font-size: 3vw;
        padding: 2.427vw 6.067vw;
        margin-top: 3.640vw;
    }

    .top-margin {
        margin-top: 6.067vw;
    }


    .pagination-item.active {
        background: white;
        width: 1.213vw;
        height: 2.427vw;
    }

    .marque_sec {
        width: 100%;
        height: 114.805vw;
        margin-top: 24.271vw;
        border-radius: 2.427vw;
    }

    .marque_top_side {
        width: 100%;
        height: auto;
        gap: 9.951vw;
        padding: 14.563vw 4.854vw 0 4.854vw;
    }


    .marque_div {
        width: max-content;
        height: 6.796vw;
        border-radius: 7.281vw;
        font-size: 2.912vw;
        padding: 3vw;
    }


    .marque_text {
        width: 100% !important;
        line-height: 5.708vw;
        font-size: 3.883vw;
    }

    .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: 24.271vw;
    }

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

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


    .download-file_btn {
        width: 90.291vw;
        height: 10.679vw;
        border-radius: 2.427vw;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #0000AC;
        border: none;
        color: white;
        font-family: 'Helvetica Now Display bold', sans-serif;
        font-size: 3.883vw;
        gap: 5px;
        user-select: none;
    }

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

    .show {
        display: none !important;
    }


    .hide {
        display: block !important;
        margin-top: 9.708vw;
    }


    /*contact page*/
    .contacts_sec {
        margin-top: 16.815vw;
        flex-wrap: wrap;
        padding: 14.563vw 4.854vw;
        border-radius: 2.427vw;
    }

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

    .contacts_sec_text_cont_top span:nth-child(1) {
        font-size: 5.825vw;
    }

    .contacts_sec_text_cont_top {
        width: 100%;
        gap: 4.854vw;
    }

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

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

    .contacts_sec_text_cont_bottom {
        display: none;
    }


    .form_container {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 2.427vw;
        margin-top: 3.854vw;
    }

    .white_btn a {
        font-size: 3.883vw;
    }


    .textarea {
        font-size: 3.883vw;
    }

    .changed-textarea:focus {
        font-size: 3.883vw;
    }

    .textarea:focus {
        font-size: 3.883vw;
    }

    .input, .changed-input {
        font-size: 3.883vw !important;
    }


    .input::placeholder {
        font-size: 3.883vw;
    }

    .input:focus {
        font-size: 3.883vw;
    }

    .changed-input:focus {
        font-size: 3.883vw;
    }


    .changed-input::placeholder {
        font-size: 3.883vw;
    }

    .textarea::placeholder {
        font-size: 3.883vw;
    }

    .changed-textarea::placeholder {
        font-size: 3.883vw;
    }

    .changed-textarea {
        color: white;
        font-size: 3.883vw;
        height: 25.485vw !important;
    }

    .map_sec {
        width: 100%;
        gap: 11.407vw;
        margin-top: 12.135vw;
        padding: 14.563vw 4.854vw;
        flex-wrap: wrap;
        border-radius: 2.427vw;
    }


    .map_text_cont {
        width: 100%;
        height: 26.458vw;
        gap: 4.854vw;
    }


    .map_text_cont span:nth-child(1) {
        font-size: 5.825vw;
    }

    .map_text_cont span:nth-child(2) {
        width: 100%;
        font-size: 4.368vw;
    }

    .map_cont {
        width: 100%;
        height: 123.300vw;
    }

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

    .map_text_cont svg {
        width: 2.334vw;
        height: 2.334vw;
        margin-left: 2.427vw;
    }

    .map_text_cont > div a {
        color: black;
        font-size: 3.398vw;
    }

    .ball {
        width: 39.805vw;
        height: auto;
    }

    .cone {
        width: 41.990vw;
        height: auto;

    }

    .spiral {
        width: 33.737vw;
        height: auto;
    }

    .cube {
        width: 36.407vw;
        height: auto;

    }


    /* department*/
    .culinary, .manufacturing, .dentist {
        width: 100%;
        height: 272.087vw;
        background: #F6F6F6;
        border-radius: 0.520vw;
        padding: 2.0833vw 3.9vw;

        gap: 1.0416vw;
    }

    .department_slide_cont, .manufacturing_slide_cont, .dentist_slide_cont {
        width: 100%;
        height: 46.844vw;
        position: relative !important;
    }

    .culinary_top_side {

        align-items: start;
        flex-direction: column;
    }

    .global_dep_text {
        width: auto;
        display: flex;
        gap: 0.520vw;
        flex-direction: column;
    }

    .global_dep_text svg {
        margin: 0 1.0416vw;
        display: none;
    }

    .department_bio_top {
        flex-direction: column;
    }

    .department_bio_top svg {
        display: none;
    }

    .department_bio_bottom{
        justify-content: center !important;
        flex-direction: column;
        align-items: center;
        gap: 3vw;
    }

    .department_bio_bottom a{
        width: 100%;
    }

    .bio_left {
        border-bottom: 0.1vw solid rgba(38, 38, 38, 1);
        padding-bottom: 7.281vw;
        margin-bottom: 7.281vw;
    }


    .culinary, .manufacturing, .dentist {
        width: 100%;
        height: auto;
        background: #F6F6F6;
        border-radius: 2.427vw;
        padding: 7.281vw 4.854vw;
        display: flex;
        flex-direction: column;
        gap: 2.427vw;
    }

    .culinary_top_side {
        gap: 4.854vw;
        flex-direction: column;
        margin-bottom: 2.427vw;
    }

    .global_dep_title_blue, .global_dep_title_green {
        width: max-content;
        height: auto;
        padding: 1.213vw 4.854vw;
        border-radius: 7.281vw;

    }

    .global_dep_title_green span {
        font-size: 2.912vw;
    }

    .global_dep_title_blue span {
        color: #0000AC;
        font-size: 2.912vw;
    }

    .global_dep_text {
        width: auto;
        display: flex;
        gap: 1.213vw;
        flex-direction: column;
    }


    .global_dep_text span {
        font-size: 2.912vw;
    }

    .global_dep_text svg {
        margin: 0 1.0416vw;
        display: none;
    }

    .global_dep_text span {
        font-size: 2.912vw;
    }

    .departments_sec {
        margin-top: 12.135vw;
        gap: 7.281vw;
    }

    .departments_sec .global_top_text_cont > span:nth-child(2) {
        font-size: 3.883vw;
        line-height: 5.708vw;
        margin-bottom: unset;
    }

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

    .department_name {
        font-size: 4.854vw;
        margin-bottom: 4.854vw;
    }

    .department_bio_top {
        flex-direction: column;
    }

    .bio_left {
        border-bottom: 0.1vw solid rgba(38, 38, 38, 1);
        padding-bottom: 7.281vw;
        margin-bottom: 7.281vw;
        display: flex;
        flex-direction: column;
    }

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

    .bio1 > div > span:nth-child(1), .bio3 > div > span:nth-child(1) {
        font-size: 3.883vw;
    }

    .mob-lng-txt{
        width: 28.3vw !important;
    }

    .bio1 > div > span:nth-child(2), .bio3 > div span:nth-child(2) {
        font-size: 3.883vw;
        color: #0000AC;
    }

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

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

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

    .department_bio_top svg {
        display: none;
    }

    .bio_left, .bio_right {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        gap: 2.427vw;
        margin-bottom: 7.281vw;
    }

    .bio1 > div > span:nth-child(1), .bio3 > div > span:nth-child(1) {
        font-size: 3.883vw;
    }

    .bio1 > div > span:nth-child(2), .bio3 > div span:nth-child(2) {
        font-size: 3.883vw;
    }

    .bio1 > div > span:nth-child(1), .bio3 > div > span:nth-child(1) {
        font-family: 'Helvetica Now Display medium', sans-serif !important;
        font-size: 3.883vw;
        margin-right: 1.213vw;
    }

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

    .bio2 > div > span:nth-child(1), .bio4 > div > span:nth-child(1) {
        font-size: 3.883vw;
        width: min-content;
        margin-right: 1.213vw;

    }

    .blue_glob_btn_big, .green_glob_btn_big {
        height: 10.922vw;
        gap: 2.427vw;
        border-radius: 2.427vw;
        font-size: 3.883vw;
    }

    .blue_glob_btn_big svg {
        width: 2.667vw;
    }

    .hair_makeup {
        width: 100%;
        height: auto;
        background: #F6F6F6;
        border-radius: 0.5208vw;
        padding: 7.281vw 4.854vw;
        display: flex;
        flex-direction: column;
        gap: 2.427vw;
    }

    .pastry {
        width: 100%;
        height: auto;
        background: #F6F6F6;
        border-radius: 0.5208vw;
        padding: 7.281vw 4.854vw;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

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

    .mini_swiper_cont2 {
        width: 100%;
        height: 46.844vw;
    }

    .mini_swiper_cont1 {
        width: 100%;
        height: 46.844vw;
    }

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

    .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: 2.427vw;
    }

    .bio1 > div > div > span, .bio3 > div > div > span {
        font-size: 4.368vw;
    }


    .dentist {
        margin-bottom: 24.271vw;
    }


    .dep_container_bottom, .course_container_bottom {
        height: unset;
        flex-direction: column;
        gap: 7.281vw;
        margin-top: unset;
        align-items: start;
    }

    .dep_cat2 {
        margin-top: unset;
    }

    .dep_cat2 .department_sec_text{
        margin-top: 9vw;
        margin-bottom: unset;
    }

    .courses .dep_text_contaFiner {
        width: 100%;
        display: flex;
        gap: 2.427vw;
        margin-top: unset;
    }

    .courses .global_top_text_cont > span:nth-child(2) {
        margin: unset;
    }

    .dep_container {
        margin-top: unset;
    }

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

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

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

    .department_slide_cont .swiper-button-next, .manufacturing_slide_cont .swiper-button-next, .dentist_slide_cont .swiper-button-next {
        width: 2.140vw; !important
        right: 3.854vw !important;
    }


    .news_details_sec{
        margin-top: 16.815vw;
        gap: 9.708vw;
    }

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

    .back-to-news {
        gap: 2.4271vw;
    }

    .back-to-icon {
        width: 3.347vw;
        height: 4.060vw;
        cursor: pointer;
    }

    .back-to-news a {
        color: black;
        font-size: 4.368vw;
    }

    .news_details_box {
        gap: 4.854vw;
    }

    .details_top_box {
        align-items: center;
        gap: 2.427vw;
        padding: 0 16.747vw;
    }

    .details_top_box h1 {
        font-size: 5.825vw;
        text-align: center;
    }

    .details_top_box span {
        font-size: 3.883vw;
    }

    .details_box {
        gap: 7.281vw;
    }

    .details_box span {
        font-size: 3.883vw;
        width: 100% !important;
        line-height: 4.466vw;
    }


    .pagination {
        margin: 2.604vw 0;
        gap: 1.302vw;
    }

    .pagination a {
        padding: 2.302vw 2.5vw;
        border-radius: 2.041vw;
    }
    .pagination a.active {
        padding: 2.302vw 4.083vw;
    }

    .info_cont {
        gap: 1.302vw;
    }

    .teachers .info_cont .bold_name {
        font-size: 4.3vw;
    }

    .certificate_section{
        margin-top: 24.271vw;
    }

    .certificate_container{
        display: flex;
        gap: 4vw;
        margin-top: 7.281vw;
        flex-wrap: wrap;
        justify-content: center;
    }

    .certificate_box{
        width: 80%;
    }

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

    .certificate_img > img{
        width: 100%;
        height: 100%;
    }

    /*  message media styles  */

    .success_message_cont{
        width: 80%;
    }

    .success_message_top_cont > span {
        font-size: 5.67vw;
        text-align: center;
    }
}