@import url("https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap");
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

body {
  font-family: "Almarai", sans-serif;
}

.swiper-pagination-bullet {
  height: 5px !important;
  width: 25px !important;
  border-radius: 6px !important;
  background-color: #05B642 !important;
}

.together_about_section .main_content::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 3px;
  border-radius: 6px;
  background-color: #05B642;
}

.main_work_do {
  position: relative;
  border-radius: 100px; /* Rounded corners */
  background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #A7DAFF 0%, #A7DAFF 61%, #7AD198 61.01%, #7AD198 100%) border-box;
  border: 24px solid transparent; /* Transparent border to show the gradient */
  overflow: hidden; /* Ensures the image stays within the rounded border */
}

.main_work_do img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Ensure the image covers the entire area without stretching */
  border-radius: 20px; /* Matches the div's border radius */
}

.grade_section .grade_part::after {
  content: "";
  position: absolute;
  left: 0;
  width: 120%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: -1;
  background-color: #DCF0FF;
}

header ul li a.active {
  color: #224F70;
  border-bottom:2px solid #224F70
}

img {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.application_section .main_app_box::after {
  content: "";
  height: 100%;
  width: 100%;
  background: linear-gradient(72.58deg, #000000 0%, rgba(102, 102, 102, 0) 100%);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.application_section .input_box .validate-has-error {
  bottom: -8px;
}

.input_box .validate-has-error {
  padding-top: 5px;
  font-size: 12px;
  font-weight: 500;
  color: #cc3f44;
  position: absolute;
  bottom: -30px;
  left: 0;
}

.map_section iframe {
  height: 100%;
  width: 100%;
}

.overlay-wrapper {
  position: fixed;
  z-index: 999;
  height: 100vh;
  display: none;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: radial-gradient(rgba(20, 20, 20, 0.35), rgba(0, 0, 0, 0.01));
}

.spinner {
  width: 75px;
  height: 75px;
  display: inline-block;
  border-width: 5px;
  border-color: rgba(0, 0, 0, 0.35);
  border-top-color: #1e1e1e;
  animation: spin 1s infinite linear;
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  border-style: solid;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 768px) {
  .application_section .input_box .validate-has-error {
    bottom: -17px;
  }
  .grade_section .grade_part::after{
    width: 100%;
  }
}/*# sourceMappingURL=style.css.map */