/* Media query for smaller screens */
@media only screen and (max-width: 413px) {
  /* Navbar Start */

  .nav_menu .nav-link {
    font-weight: 700;
    color: #343a40;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* Navbar End */
  /* Banner Start */
  .carousel-indicators button {
    width: 20px !important; /* Haba (default: 30px) */
    height: 4px !important; /* Lapad (default: 3px) */
  }
  .carousel_content {
    width: 90%;
    /* text-align: center; */
  }

  .carousel_subtext {
    width: 100%;
    /* margin: 0px auto; */
    color: white;
    font-size: 2rem;
    line-height: 30px;
  }
  .carousel_subtext2 {
    width: 100%;
    margin: 30px auto;
    color: #90eaff;
    /* text-align: start; */
    /* text-align-last: center; */
    font-size: 1.8rem;
    font-weight: 500;
  }
  .carousel_btn1 {
    padding: 8px 30px !important;
    /* margin: 10px 20px 10px 0px; */
    background-color: #017fc9 !important;
    color: white !important;
    border: 5px solid #017fc9 !important;
  }
  .carousel_btn2 {
    padding: 8px 30px !important;
    /* margin: 10px 0px; */
  }
  .carousel_btn_grp {
    gap: 1rem; /* More specific selector */
  }

  /* Banner End */
  /* Our Services Start */

  .ourServices_card {
    box-shadow: 0px 0px 15px rgba(1, 127, 201, 0.5); /* Blue shadow */
    padding: 1.5rem !important;
  }

  /* Our Services End */
  /* Career Start */
  .career_content {
    width: 90% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  /* Career End */
  /* Accreditation Start */
  .square-img-container {
    margin: 30px;
  }
  /* Accreditation End */
  /* Contact Us Start */
  .contactUs_content {
    width: 90% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .contactUs_content1 {
    text-align: justify;
    color: white;
    font-size: 1.2rem;
  }
  .contactUs_btn1 {
    padding: 5px 30px !important;
    /* margin: 10px 20px 10px 0px; */
    background-color: #18a2eb !important;
    color: white !important;
    border: 5px solid #18a2eb !important;
  }
  /* Contact Us End */

  /* Adjust the position and size of the button */
  #scrollToTop {
    bottom: 5%;
    right: 5%;
    font-size: 14px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
  }
}
/* Extra Small Devices (portrait phones, less than 767px) */
@media (min-width: 413px) and (max-width: 768px) {
  /* Navbar Start */
  .nav_menu .nav-link {
    font-weight: 700;
    color: #343a40;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* Navbar End */
  /* Banner Start */
  .carousel-indicators button {
    width: 20px !important; /* Haba (default: 30px) */
    height: 4px !important; /* Lapad (default: 3px) */
  }
  .carousel_content {
    width: 70%;
    /* text-align: center; */
  }
  .carousel_subtext {
    width: 100%;
    /* margin: 0px auto; */
    color: white;
    font-size: 2rem;
    line-height: 30px;
  }
  .carousel_subtext2 {
    width: 100%;
    margin: 30px auto;
    color: #90eaff;
    /* text-align: start; */
    /* text-align-last: center; */
    font-size: 1.8rem;
    font-weight: 500;
  }
  .carousel_btn1 {
    padding: 8px 30px !important;
    /* margin: 10px 20px 10px 0px; */
    background-color: #017fc9 !important;
    color: white !important;
    border: 5px solid #017fc9 !important;
  }
  .carousel_btn2 {
    padding: 8px 30px !important;
    /* margin: 10px 0px; */
  }
  .carousel_btn_grp {
    gap: 2rem; /* More specific selector */
  }

  /* Banner End */
  /* Our Services Start */

  .ourServices_card {
    box-shadow: 0px 0px 15px rgba(1, 127, 201, 0.5); /* Blue shadow */
    padding: 1.5rem !important;
  }

  /* Our Services End */
  /* Career Start */
  .career_content {
    width: 90% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  /* Career End */
  /* Accreditation Start */
  .square-img-container {
    margin: 30px;
  }
  /* Accreditation End */
  /* Contact Us Start */
  .contactUs_content {
    width: 90% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .contactUs_content1 {
    text-align: justify;
    color: white;
    font-size: 1.2rem;
  }
  .contactUs_btn1 {
    padding: 5px 30px !important;
    /* margin: 10px 20px 10px 0px; */
    background-color: #18a2eb !important;
    color: white !important;
    border: 5px solid #18a2eb !important;
  }
  /* Contact Us End */
}
/* Media query for screens between 768px and 992px */
@media (min-width: 768px) and (max-width: 992px) {
  /* Navbar Start */
  .nav_menu .nav-link {
    font-weight: 700;
    color: #343a40;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.85rem;
  }
  /* Navbar End */
  /* Banner Start */
  .carousel-indicators button {
    width: 40px !important; /* Haba (default: 30px) */
    height: 4px !important; /* Lapad (default: 3px) */
  }
  .carousel_content {
    width: 70%;
    /* text-align: center; */
  }
  .carousel_subtext {
    width: 70%;
    /* margin: 0px auto; */
    color: white;
    font-size: 2.5rem;
    line-height: 50px;
  }
  .carousel_subtext2 {
    width: 700%;
    margin: 30px auto;
    color: #90eaff;
    /* text-align: start; */
    /* text-align-last: center; */
    font-size: 2rem;
    font-weight: 500;
  }
  .carousel_btn1 {
    padding: 8px 40px !important;
    /* margin: 10px 20px 10px 0px; */
    background-color: #017fc9 !important;
    color: white !important;
    border: 5px solid #017fc9 !important;
  }
  .carousel_btn2 {
    padding: 8px 40px !important;
    /* margin: 10px 0px; */
  }
  .carousel_btn_grp {
    gap: 3rem; /* More specific selector */
  }

  /* Banner End */
  /* Career Start */
  .career_content {
    width: 80% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  /* Career End */
  /* Certification Start */
  .certification-container.mx-5 {
    margin: 0px 0px !important;
  }
  /* Certification End */
  /* Contact Us Start */
  .contactUs_content {
    width: 90% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .contactUs_content1 {
    text-align: justify;
    color: white;
    font-size: 1.2rem;
  }
  .contactUs_btn1 {
    padding: 5px 30px !important;
    /* margin: 10px 20px 10px 0px; */
    background-color: #18a2eb !important;
    color: white !important;
    border: 5px solid #18a2eb !important;
  }
  /* Contact Us End */
}

/* Media query for screens larger than 992px */
@media (min-width: 992px) and (max-width: 1440px) {
  /* Navbar Start */
  .nav_menu {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .nav_menu .nav-link {
    font-size: 0.87rem;
  }
  /* Navbar End */
}