@charset "UTF-8";
:root {
  --brand-main-color: #0984e3;
  --brand-main-soft-color: #0077ff18;
}

/* Global */
.text-brand {
  color: var(--brand-main-color);
}

#page-header {
  margin-top: 90px;
  background-color: var(--brand-main-soft-color);
  padding: 100px 0px;
}

/* Main Navbar */
#main-navbar .navbar-brand {
  margin-right: 0px;
}
#main-navbar .nav-link svg {
  width: 20px;
  margin-left: 5px;
  fill: #fff;
}
#main-navbar .nav-link img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 25px;
  margin-left: 5px;
}
#main-navbar .dropdown-item {
  font-size: 14px;
}
#main-navbar .dropdown-item:hover {
  background-color: var(--brand-main-color);
}

#home-header {
  margin-top: 60px;
  background-color: var(--brand-main-soft-color);
  padding-top: 60px;
  padding-bottom: 40px;
  position: relative;
  z-index: 3;
}
#home-header .title {
  font-weight: 700;
  font-size: clamp(1.5rem, 1.1479rem + 1.1268vw, 2.5rem);
  margin-bottom: 0px;
}
#home-header p {
  font-weight: 400;
  margin-bottom: 40px;
  margin-top: 30px;
}
#home-header a {
  padding: 10px 25px;
  font-size: 17px;
  border: solid 1px var(--brand-main-color);
  transition: all 0.1s linear;
}
#home-header a:hover {
  background-color: transparent;
  color: var(--brand-main-color) !important;
}
#home-header img {
  max-width: 75%;
}

#home-service {
  padding: 80px 0px;
}
#home-service .service-box {
  background-color: #fff;
  box-shadow: none;
  border: solid 1px #eee;
}
#home-service .service-box h4 {
  font-size: 18px;
}
#home-service .service-box .image {
  text-align: center;
}
#home-service .service-box .image img {
  display: inline-block;
  height: 65px;
  -o-object-fit: contain;
     object-fit: contain;
}
#home-service .service-box:hover {
  transform: scale(0.9);
  border-color: var(--brand-main-color);
}

#home-subjects {
  padding: 80px 0px;
  background-color: #f8f8f8;
}
#home-subjects .subject-title {
  margin-top: 10px;
  margin-bottom: 20px;
  color: #000;
  font-size: 20px;
}
#home-subjects .subject-title svg {
  width: 20px;
  color: var(--brand-main-color) !important;
  fill: var(--brand-main-color) !important;
  margin-left: 5px;
}
#home-subjects .subject-box {
  background-color: #fff;
  height: 100%;
  padding: 10px;
  border-radius: 5px;
  height: 70px;
  border: solid 1px #fff;
  box-shadow: rgba(100, 100, 111, 0.076) 0px 7px 10px 0px;
  transition: all 0.1s linear;
}
#home-subjects .subject-box img {
  width: 100%;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
#home-subjects .subject-box .subject-subtitle {
  font-size: 18px;
  line-height: 30px;
}
#home-subjects .subject-box:hover {
  transform: scale(0.95);
  border-color: var(--brand-main-color);
}

.lessons-service .service-box {
  background-color: #fff;
  box-shadow: none;
  border: solid 1px #eee;
}
.lessons-service .service-box h4 {
  font-size: 18px;
}
.lessons-service .service-box .image {
  text-align: center;
}
.lessons-service .service-box .image img {
  display: inline-block;
  height: 65px;
  -o-object-fit: contain;
     object-fit: contain;
}
.lessons-service .service-box:hover {
  transform: scale(0.9);
  border-color: var(--brand-main-color);
}

.parts .service-box {
  background-color: #fff;
  box-shadow: none;
  border: solid 1px #eee;
}
.parts .service-box h4 {
  font-size: 18px;
}
.parts .service-box .image {
  text-align: center;
}
.parts .service-box .image img {
  display: inline-block;
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
}
.parts .service-box:hover {
  transform: scale(0.97);
  border-color: var(--brand-main-color);
}

.page-banner-area .banner-content {
  position: relative;
  z-index: 1;
}
.page-banner-area .banner-content h1 {
  font-size: clamp(1.5rem, 1.1479rem + 1.1268vw, 2.5rem);
}

.list-inline-item {
  background-color: #f8f8f8;
  font-size: 14px;
  padding: 3px 10px;
  margin-bottom: 10px;
  border-radius: 15px;
  color: #000;
  border: 1px #eee solid;
}

.parts .service-box {
  background-color: #fff;
  box-shadow: none;
  border: solid 1px #eee;
}
.parts .service-box h4 {
  font-size: 18px;
}
.parts .service-box .image {
  text-align: center;
}
.parts .service-box .image img {
  display: inline-block;
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
}
.parts .service-box:hover {
  transform: scale(0.97);
  border-color: var(--brand-main-color);
}

.service-box {
  position: relative;
  overflow: hidden;
}
.service-box img {
  width: 100%;
}
.service-box .part-badge {
  background-color: var(--brand-main-color);
  position: absolute;
  top: 30px;
  left: -65px;
  transform: rotate(-45deg);
  width: 225px;
  color: #ffffff;
  padding: 4px 0px;
}

#pdf-viewer {
  width: 50%;
  height: 100vh; /* يمكن تعديل هذا القيمة حسب احتياجك */
  border: 1px solid #ccc;
}

@media (max-width: 1665px) {
  #pdf-viewer {
    width: 60%;
  }
}
@media (max-width: 1386px) {
  #pdf-viewer {
    width: 70%;
  }
}
@media (max-width: 1200px) {
  #pdf-viewer {
    width: 100%;
  }
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 768px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 1200px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1360px;
  }
}/*# sourceMappingURL=main.css.map */