/* mobaile */
  @media (max-width:768px) {

    .mobile_image {
      width: 250px;
    }

    .cyan_bg {
      background-position: center top;
      background-size: 100%;
    }

    .margin_mobile {
      margin-top: 100px;
    }

    .rectangle_postion {
      margin-top: auto;
      margin-bottom: auto;
    }

    .school_text {
      font-size: 30px;
      margin-top: 20px;

    }

    .card_sec3 {
      height: 480px;
    }

    .cyan2_bg {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      height: 900px;
    }

    .sec3_titles_mobile {
      margin-top: -180px;
      margin-bottom: 100px;
    }

    .img_card_sec3 {
      width: 320px;
      height: 300px;
    }

    .mobile_image_width {
      width: 100%;
      display: flex;
      justify-content: center;
    }

    .sec4_squares {
      margin-left: 50px;
    }

    .sec4_titles_mobile {
      margin-top: -220px;
      margin-bottom: 100px;
    }

    .sec4_yellow_Rectangle {
      margin-top: 10px;
      margin-bottom: 20px;
    }

    .sec5_pink_Rectangle {
      margin-top: -100px;
      /* margin-bottom: 40px; */
    }


    .sec6_cards {
      width: 100%;
      height: 600px;

    }

    .cyan2_bg_sec6 {
      background-size: cover;
      height: 2500px;
    }

    .sec6_box_postion {
      margin-left: 50px;
    }

    .sec6_yellow_Rectangle {
      margin-top: 60px;
      margin-bottom: 20px;
    }

    .sec6_title_mobile {
      margin-top: -220px;
      margin-bottom: 100px;
    }

    .sec7_pink_Rectangle {
      margin-top: -200px;
      margin-bottom: 40px;
    }

    .sec7_title_mobile {
      margin-top: -220px;
      margin-bottom: 100px;
    }

    .cyan2_bg_sec8 {
      background-image: url(/images/Vector_top.svg);
      background-repeat: repeat-x;
      background-size: auto 100%;
      height: 1150px;

    }

    .sec8_yellow_Rectangle {
      margin-top: 50px;
      margin-bottom: 20px;
    }

    .sec8_title_mobile {
      margin-top: -200px;
      margin-bottom: 100px;
    }

    .map_mobile {
      height: 450px;
      width: 100%;
      padding-bottom: 50px;
    }

    .sec8_box_postion {
      margin-left: 50px;
    }

    .text_mobile_center {
      align-items: center;
      display: flex;
      justify-content: center;
      text-align: center;

    }

    .grades_box {
      width: 100%;
    }

    .contact_input_wrapper {
      width: 350px;
    }


    .jop_application_box {
      width: 100%;
      margin: 0 auto;
      border: none;
    }


    .jop_application_box {
      height: auto;
    }

    .file_lebal {
      width: 100px;
      margin-left: 0%;
    }

    .sec3_cards_about_mobile {
    height: 600px; 
    overflow: hidden;
  }

  .sec3_cards_about_mobile .swiper-slide {
    height: auto; /* حتى لا تُجبر الشريحة على التمدد */
  }
 
  }