@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap");
@import url("https://fonts.cdnfonts.com/css/segoe-ui-4");
@import url("https://fonts.cdnfonts.com/css/dubai");
@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@0,200..1000;1,200..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@0,400..800,900;1,400..800&display=swap");

body,
html {
  margin: 0;
  padding: 0;
}

/* Home Page Start */

/* Hero section Start */

.home .hero-section {
  background: linear-gradient(
    180deg,
    rgb(43, 143, 228) 0%,
    rgb(0, 154.06, 130.78) 100%
  );
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100%;
  height: 45.104vw;
  position: relative;
}

.home .hero-section .content {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 3vw;
}

.home .hero-section .content .lft {
  position: relative;
}

.home .hero-section .content .lft::after {
  content: "";
  position: absolute;
  top: 6.6vw;
  right: 17vw;
  width: 5vw;
  height: 0.104vw;
  background-color: #ffffff;
}

.home .hero-section .content .lft .img-1 {
  width: 50.885vw;
  height: 33.958vw;
  position: relative;
  left: 1.279vw;
  z-index: 1;
}

.home .hero-section .content .lft .img-2 {
  width: 2.917vw;
  height: 2.813vw;
  position: absolute;
  right: 14.583vw;
}

.home .hero-section .content .lft .img-3 {
  position: absolute;
  width: 5.938vw;
  height: 5.625vw;
  bottom: 3.646vw;
  left: 1.042vw;
}

.home .hero-section .content .lft .img-4 {
  width: 4.688vw;
  height: 4.688vw;
  position: absolute;
  left: 25.5vw;
  bottom: 1vw;
  z-index: 1;
}

.home .hero-section .content .lft .img-5 {
  position: absolute;
  left: 9.1vw;
  top: 3.2vw;
  width: 30.5vw;
  height: 25.896vw;
}

.home .hero-section .content .rtl {
  position: relative;
  right: 6vw;
  color: #ffff;
}

.home .hero-section .content .rtl::after {
  content: "";
  background-image: url("../images/degree.png");
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: 5.938vw;
  height: 5.625vw;
  position: absolute;
  right: -4.667vw;
  top: -0.8vw;
}

.home .hero-section .content .rtl h6 {
  font-family: "EB Garamond", serif;
  font-size: 1.146vw;
  font-weight: 700;
  line-height: 1.495vw;
  margin: 0;
}

.home .hero-section .content .rtl h3 {
  font-family: "Dubai", sans-serif;
  font-weight: 700;
  font-size: 2.344vw;
}

.home .hero-section .content .rtl h3:first-of-type {
  width: 37.656vw;
  line-height: 3.125vw;
  margin: 0;
}

.home .hero-section .content .rtl h3:last-of-type {
  width: 37.656vw;
  line-height: 3.956vw;
  /* margin: 25px 0; */
  margin-top: 1.823vw;
  margin-bottom: 1.042vw;
}

.home .hero-section .content .rtl p {
  font-family: "EB Garamond", serif;
  font-size: 1.25vw;
  font-weight: 600;
  line-height: 1.631vw;
  margin: 0.677vw 0;
}

.home .hero-section .content .rtl button {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 0.938vw;
  line-height: 1.406vw;
  text-align: center;
  color: #0185b2;
  background-color: #ffffff;
  border-radius: 1.641vw;
  width: 11.771vw;
  height: 3.49vw;
  outline: none;
  border: none;
  cursor: pointer;
}
/* Hero section End */

/* Credits Section Start */

.home .credits {
  margin-top: 4.635vw;
}

.home .credits .header,
.home .services .header,
.home .my-school-online .header,
.home .distinguished-education .header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.604vw;
}

.home .credits .header hr,
.home .services .header hr,
.home .my-school-online .header hr,
.home .distinguished-education .header hr {
  border: 0.052vw solid #017096;
  width: 5.361vw;
}

.home .credits .header h6,
.home .services .header h6,
.home .my-school-online .header h6,
.home .distinguished-education .header h6 {
  color: #009a83;
  font-family: "Dubai", sans-serif;
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 2.11vw;
  margin: 0;
  width: 6.354vw;
  text-align: center;
}

.home .credits h3,
.home .services h3,
.home .my-school-online h3,
.home .distinguished-education h3 {
  width: 39.514vw;
  margin: 0 auto;
  text-align: center;
  font-family: "Dubai", sans-serif;
  font-weight: 700;
  font-size: 1.823vw;
  line-height: 3.125vw;
  color: #000000;
}

.home .credits .logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.604vw;
  margin-top: 0.6vw;
}

.home .credits .logos div:first-of-type {
  max-width: 14.323vw;
  max-height: 3.281vw;
}

.home .credits .logos div:nth-child(2) {
  max-width: 11.902vw;
  max-height: 2.396vw;
}

.home .credits .logos div:nth-child(3) {
  max-width: 12.448vw;
  max-height: 5.156vw;
}

.home .credits .logos div:nth-child(4) {
  max-width: 13.212vw;
  max-height: 7.188vw;
}

.home .credits .logos div:last-child {
  max-width: 9.222vw;
  max-height: 9.219vw;
}

.home .credits .logos div:first-of-type img {
  width: 100%;
  height: 100%;
}

.home .credits .logos div:nth-child(2) img {
  width: 100%;
  height: 100%;
}

.home .credits .logos div:nth-child(3) img {
  width: 100%;
  height: 100%;
}

.home .credits .logos div:nth-child(4) img {
  width: 100%;
  height: 100%;
}

.home .credits .logos div:last-child img {
  width: 100%;
  height: 100%;
}

.home .credits > hr {
  margin: auto;
  margin-top: 2.604vw;
  border: 0.052vw solid #000000;
  max-width: 73.073vw;
  width: 100%;
  opacity: 0.15;
}

/* Credits Section End */

/* Services Start */

.home .services {
  margin-top: 1.979vw;
}

.home .services h6 {
  width: 5.521vw;
  line-height: 1.5vw;
}

.home .services h6,
.home .services h3 {
  font-family: "Tajawal", sans-serif;
  text-align: center;
}

.home .services h3 {
  width: 15.469vw;
}

.home .services .logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.563vw;
  margin-top: 2.292vw;
  margin-bottom: 4.74vw;
}

.home .services .logos .outer {
  width: 17.083vw;
  height: 17.083vw;
  box-shadow: 0 0 0.26vw 0.156vw #0000000d;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home .services .logos .inner {
  width: 15.625vw;
  height: 15.625vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 0.104vw dashed #017096;
  border-radius: 100%;
}

.home .services .logos div p {
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  font-size: 1.406vw;
  line-height: 1.563vw;
}

.home .services .logos div:first-of-type img {
  width: 3.599vw;
  height: 4.907vw;
}

.home .services .logos div:nth-child(2) img {
  width: 4.896vw;
  height: 4.583vw;
}

.home .services .logos div:nth-child(3) img {
  width: 6.458vw;
  height: 6.458vw;
}

.home .services .logos div:last-child img {
  width: 5.052vw;
  height: 5.052vw;
}

/* Services End */

/* My School Online Start */

.my-school-online {
  background-color: #ddfffa;
  min-height: 48.75vw;
  width: 100%;
}

.home .my-school-online .header {
  padding-top: 5.208vw;
}

.home .my-school-online .header h6 {
  width: 10.781vw;
  line-height: 1.5vw;
  font-family: "Tajawal", sans-serif;
}

.home .my-school-online h3 {
  width: 19.844vw;
}

.home .my-school-online h4 {
  width: 60.052vw;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  font-size: 1.563vw;
  line-height: 1.667vw;
  text-align: center;
  margin: auto;
  margin-top: 0.99vw;
  color: #000000;
}

.home .my-school-online h4 span {
  font-weight: 500;
}

.home .my-school-online .content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3.958vw;
  margin-top: 3.333vw;
  position: relative;
}

.home .my-school-online .content::before {
  content: "";
  background-image: url("../images/dots.png");
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: 6.875vw;
  height: 3.594vw;
  position: absolute;
  left: 4.688vw;
  top: 0;
  z-index: 1;
}

.home .my-school-online .content .lft {
  position: relative;
}

.home .my-school-online .content .lft::after {
  content: "";
  background-image: url("../images/spring.png");
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: 5vw;
  height: 2.24vw;
  position: absolute;
  left: 23.867vw;
  top: -3.2vw;
  z-index: 1;
}

.home .my-school-online .content .lft .outer {
  width: 26.198vw;
  height: 26.198vw;
  border: 0.104vw dashed #017096;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home .my-school-online .content .lft .inner {
  width: 22.917vw;
  height: 22.917vw;
  border-radius: 100%;
  background-color: #bdfff5;
}

.home .my-school-online .content .lft img {
  width: 27.083vw;
  height: 34.063vw;
  position: absolute;
  bottom: -1.563vw;
  right: 1.823vw;
}

.home .my-school-online .content .rtl {
  width: 37.552vw;
}

.home .my-school-online .content .rtl p {
  font-family: "Tajawal", sans-serif;
  font-size: 1.458vw;
  line-height: 1.823vw;
  font-weight: 400;
  text-align: justify;
  margin-top: 0.521vw;
}

/* My School Online End */

/* Distinguished Education Start */

.home .distinguished-education {
  max-width: 73.021vw;
  width: 100%;
  margin: auto;
  margin-top: 4.375vw;
  margin-bottom: 5.677vw;
}

.home .distinguished-education .header h6 {
  width: 10.313vw;
  font-family: "Tajawal", sans-serif;
  line-height: 1.5vw;
}

.home .distinguished-education h3 {
  font-family: "Noto Sans Arabic", serif;
  margin-top: 0.313vw;
  margin-bottom: 2.031vw;
}

.home .distinguished-education .card-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.563vw;
}

.home .distinguished-education .card-container .card {
  width: 17.083vw;
  height: 9.375vw;
  background: linear-gradient(
    180deg,
    rgb(43, 143, 228) 0%,
    rgb(0, 154.06, 130.78) 100%
  );
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  /* gap: 0.781vw; */
  border-radius: 0.417vw;
}

.home .distinguished-education .card-container .card p {
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  font-size: 1.302vw;
  line-height: 1.563vw;
  margin: 0;
  color: #ffffff;
  position: relative;
  bottom: 0.625vw;
}

.home .distinguished-education .card-container .card:nth-child(3) p {
  top: -0.052vw;
}

.home .distinguished-education .card-container .card:nth-child(6) p {
  top: -0.95vw;
}

.home .distinguished-education .card-container .card:first-child img {
  width: 3.75vw;
  height: 3.75vw;
}

.home .distinguished-education .card-container .card:nth-child(2) img,
.home .distinguished-education .card-container .card:nth-child(6) img,
.home .distinguished-education .card-container .card:nth-child(8) img {
  width: 4.688vw;
  height: 4.688vw;
}

.home .distinguished-education .card-container .card:nth-child(3) img {
  width: 3.385vw;
  height: 3.385vw;
}

.home .distinguished-education .card-container .card:nth-child(4) img {
  width: 5.781vw;
  height: 5.781vw;
}

.home .distinguished-education .card-container .card:nth-child(5) img {
  width: 3.438vw;
  height: 3.277vw;
}

.home .distinguished-education .card-container .card:nth-child(3) img {
  position: relative;
  top: 0.6vw;
}

.home .distinguished-education .card-container .card:nth-child(7) img {
  width: 4.063vw;
  height: 4.063vw;
}

/* Distinguished Education End */

/* Why my school online Start*/

.home .Why-my-school-online {
  max-width: 72.917vw;
  width: 100%;
  margin: auto;
}

.home .Why-my-school-online .header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.781vw;
  margin-bottom: 1.25vw;
}

.home .Why-my-school-online .header h6 {
  font-family: "Tajawa;", sans-serif;
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 1.5vw;
  color: #009a83;
  margin: 0;
}

.home .Why-my-school-online .header hr {
  border: 0.052vw solid #017096;
  width: 5.208vw;
  margin: 0;
}

.home .Why-my-school-online h3 {
  font-family: "Noto Sans Arabic", serif;
  font-weight: 700;
  font-size: 1.823vw;
  line-height: 3.125vw;
  margin: 0;
}

.home .Why-my-school-online .card-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.563vw;
  margin-top: 1.719vw;
}

.home .Why-my-school-online .card-container .card {
  background-color: #ddfffa;
  width: 23.229vw;
  height: 6.719vw;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.781vw;
  border-radius: 0.417vw;
}

.home .Why-my-school-online .card-container .card.active {
  background: linear-gradient(
    180deg,
    rgb(43, 143, 228) 0%,
    rgb(0, 154.06, 130.78) 100%
  );
  color: #ffffff;
}

.home .Why-my-school-online .card-container .card.active h5 {
  color: #ffffff;
}

.home .Why-my-school-online .card-container .card h5 {
  font-family: "Dubai", sans-serif;
  font-weight: 600;
  font-size: 1.302vw;
  line-height: 1.563vw;
  color: #393939;
  margin: 0;
}

.home .Why-my-school-online .card-container .card p {
  font-family: "Dubai", sans-serif;
  font-weight: 400;
  font-size: 0.729vw;
  line-height: 1.042vw;
  width: 18vw;
  margin: 0;
}

.home .Why-my-school-online .card-container .card > div:last-child {
  padding-left: 0.781vw;
}

.home .Why-my-school-online .card-container .card img {
  padding-right: 0.781vw;
}

.home .Why-my-school-online .card-container .card:first-child img {
  width: 3.646vw;
  height: 4.288vw;
}

.home .Why-my-school-online .card-container .card:nth-child(2) img {
  width: 3.281vw;
  height: 3.281vw;
}

.home .Why-my-school-online .card-container .card:nth-child(3) img {
  width: 3.021vw;
  height: 4.365vw;
}

.home .Why-my-school-online .card-container .card:nth-child(4) img {
  width: 3.177vw;
  height: 3.177vw;
}

.home .Why-my-school-online .card-container .card:nth-child(5) img {
  width: 2.656vw;
  height: 2.656vw;
}

.home .Why-my-school-online .card-container .card:nth-child(6) img {
  width: 2.799vw;
  height: 3.546vw;
}

/* Why my school online End*/

/* Innovative Future Start*/

.home .innovative_future {
  margin-top: 1.042vw;
  margin-bottom: 3.125vw;
  position: relative;
  overflow-x: hidden;
}

.home .innovative_future::after {
  content: "";
  background-image: url("../images/doodle\ 3.png");
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: 29.896vw;
  height: 17.656vw;
  position: absolute;
  bottom: 15.5vw;
  right: -9vw;
  z-index: 1;
  rotate: 75.54deg;
}

.home .innovative_future .container {
  max-width: 72.917vw;
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home .innovative_future .container .lft {
  position: relative;
}

.home .innovative_future .container .lft::after {
  content: "";
  background-image: url("../images/doodle\ 2.png");
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: 29.896vw;
  height: 17.656vw;
  position: absolute;
  bottom: 2.5vw;
  right: 20.5vw;
  z-index: 1;
}

.home .innovative_future .container .lft img {
  width: 38.802vw;
  height: 33.385vw;
}

.home .innovative_future .container .rtl h4 {
  font-family: "Noto Sans Arabic", serif;
  font-weight: 700;
  font-size: 1.563vw;
  line-height: 3.125vw;
}

.home .innovative_future .container .rtl p {
  font-family: "Tajawal", sans-serif;
  line-height: 1.563vw;
}

.home .innovative_future .container .rtl p:first-of-type {
  max-width: 35vw;
  width: 100%;
}

.home .innovative_future .container .rtl p:nth-of-type(2) {
  max-width: 31.615vw;
  width: 100%;
}

.home .innovative_future .container .rtl p:last-of-type {
  max-width: 33.49vw;
  width: 100%;
}

.home .innovative_future .container .rtl p:first-of-type,
.home .innovative_future .container .rtl p:last-of-type {
  font-weight: 500;
  font-size: 1.25vw;
}

.home .innovative_future .container .rtl p:first-of-type span,
.home .innovative_future .container .rtl p:last-of-type span {
  font-weight: 700;
  color: #009a83;
}

.home .innovative_future .container .rtl p:nth-of-type(2) {
  font-weight: 400;
  font-size: 1.042vw;
  text-align: justify;
}

.home .innovative_future .container .rtl p:nth-of-type(2) span {
  font-weight: 700;
}

.home .innovative_future .container .rtl hr {
  border: 0.052vw solid #000000;
  opacity: 0.2;
  width: 32.344vw;
  margin: 0;
}

.home .innovative_future .container .rtl button {
  font-family: "EB Garamond", serif;
  font-weight: 700;
  font-size: 0.938vw;
  line-height: 1.563vw;
  text-align: center;
  background-color: #1b9f91;
  width: 9.948vw;
  border-radius: 1.042vw;
  box-shadow: 0 0.208vw 0.208vw 0 #00000040;
  color: #ffffff;
  border: none;
  padding: 0.521vw;
  cursor: pointer;
}

/* Innovative Future End*/

/* System Units Start */

.home .system_units {
  height: 48.594vw;
  width: 100%;
  background: linear-gradient(
    180deg,
    rgb(43, 143, 228) 0%,
    rgb(0, 154.06, 130.78) 100%
  );
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.home .system_units .header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.604vw;
  padding-top: 4.844vw;
}

.home .system_units .header hr {
  border: 0.052vw solid #ffffff;
  width: 5.361vw;
  margin: 0;
}

.home .system_units .header h6 {
  font-family: "EB Garamond", sans-serif;
  font-size: 0.938vw;
  font-weight: 600;
  line-height: 1.223vw;
  margin: 0;
  width: 6.719vw;
  color: #ffffff;
  text-align: center;
}

.home .system_units h3 {
  /* font-family: "EB Garamond", sans-serif; */
  font-family: "Noto Sans Arabic", serif;
  width: 27.302vw;
  margin: 0 auto;
  text-align: center;
  font-weight: 700;
  font-size: 1.823vw;
  line-height: 3.125vw;
  color: #ffffff;
  margin-top: 0.625vw;
  margin-bottom: 0.573vw;
}

.home .system_units p {
  font-family: "EB Garamond", sans-serif;
  width: 23.49vw;
  margin: 0 auto;
  text-align: center;
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 1.563vw;
  color: #ffffff;
}

.home .system_units img {
  width: 72.813vw;
  margin: 0 auto;
  margin-top: 4.323vw;
}

/* System Units End */

/* Innovative Investment Start */

.home .innovative_investment {
  max-width: 72.969vw;
  width: 100%;
  margin: auto;
}

.home .innovative_investment .header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.604vw;
  padding-top: 4.844vw;
}

.home .innovative_investment .header hr {
  border: 0.052vw solid #017096;
  width: 5.361vw;
  margin: 0;
}

.home .innovative_investment .header h6 {
  /* font-family: "EB Garamond", sans-serif; */
  font-family: "Noto Sans Arabic", serif;
  font-size: 1.25vw;
  font-weight: 600;
  line-height: 1.631vw;
  margin: 0;
  width: 17.235vw;
  text-align: center;
  color: #009a83;
}

.home .innovative_investment h3 {
  /* font-family: "EB Garamond", sans-serif; */
  font-family: "Noto Sans Arabic", serif;
  width: 57.344vw;
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
  font-size: 1.823vw;
  line-height: 2.344vw;
  margin-top: 1.51vw;
  margin-bottom: 5.781vw;
}

.home .innovative_investment h3 span {
  font-weight: 600;
}

.home .innovative_investment .card-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.51vw;
  margin-bottom: 4.688vw;
}

.home .innovative_investment .card {
  background-color: #ddfffa;
  width: 23.271vw;
  height: 11.302vw;
  border-radius: 0.729vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.home .innovative_investment .card h6 {
  font-family: "Noto Sans Arabic";
  font-weight: 700;
  font-size: 1.042vw;
  line-height: 3.125vw;
  margin: 0;
  padding: 0 1.771vw;
}

.home .innovative_investment .card p {
  /* font-family: "Dubai", sans-serif; */
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.563vw;
  margin: 0;
  padding-right: 1.771vw;
  padding-left: 0.729vw;
}

/* Innovative Investment End */

/* Dwonaload App Start */

.home .download-app {
  background: linear-gradient(
    180deg,
    rgb(43, 143, 228) 0%,
    rgb(0, 154.06, 130.78) 100%
  );
  width: 72.813vw;
  height: 20.156vw;
  border-radius: 1.094vw;
  margin: auto;
  margin-top: 7.5vw;
  margin-bottom: 4.01vw;
  position: relative;
}

.home .download-app .container {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  position: relative;
  bottom: 4vw;
}

.home .download-app .container .lft {
  position: relative;
  left: 0.13vw;
}

.home .download-app .container .lft::after {
  content: "";
  background-image: url("../images/shape\ 1.png");
  background-position: top left, top right, top right;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: 50.104vw;
  height: 15.469vw;
  position: absolute;
  top: -3vw;
  right: 0;
}

.home .download-app .container .lft .img-1 {
  width: 37.031vw;
  height: 24.063vw;
  position: relative;
  z-index: 1;
}

.home .download-app .container .lft .img-2 {
  width: 2.549vw;
  height: 2.412vw;
  position: absolute;
  left: 1.042vw;
  top: 6.25vw;
}

.home .download-app .container .lft .img-3 {
  width: 2.549vw;
  height: 2.412vw;
  position: absolute;
  right: -0.742vw;
  top: 6.429vw;
}

.home .download-app .container .lft .img-4 {
  width: 4.219vw;
  height: 3.177vw;
  position: absolute;
  right: 1.563vw;
  top: 5.729vw;
  z-index: 1;
}

.home .download-app .container .lft .img-5 {
  width: 2.604vw;
  height: 2.76vw;
  position: absolute;
  left: 2.083vw;
  top: 7.552vw;
}

.home .download-app .container .rtl {
  position: relative;
  right: 3vw;
  top: 1.5vw;
}

.home .download-app .container .rtl .header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.729vw;
}

.home .download-app .container .rtl .header hr {
  width: 5.208vw;
  border: 0.052vw solid #ffffff;
  margin: 0;
}

.home .download-app .container .rtl .header h6 {
  font-family: "Dubai", sans-serif;
  font-weight: 400;
  font-size: 0.938vw;
  line-height: 1.177vw;
  width: 5.7vw;
  margin: 0;
  margin-bottom: 0.625vw;
  text-align: center;
  /* letter-spacing: 0.1vw; */
}

.home .download-app .container .rtl h3 {
  font-family: "Noto Sans Arabic", serif;
  font-weight: 700;
  font-size: 1.823vw;
  line-height: 2.344vw;
  margin: 0;
  margin-bottom: 0.625vw;
}

.home .download-app .container .rtl p {
  font-family: "Noto Sans Arabic", serif;
  font-size: 0.833vw;
  font-weight: 400;
  line-height: 1.354vw;
  width: 36.042vw;
  margin: 0;
  margin-bottom: 0.938vw;
}

.home .download-app .container .rtl p span {
  font-weight: 600;
}

.home .download-app .container .rtl p span:last-of-type {
  color: #fdcf20;
}

.home .download-app .container .rtl .image-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.042vw;
}

.home .download-app .container .rtl .image-container img:first-of-type {
  width: 9.844vw;
  height: 2.917vw;
}

.home .download-app .container .rtl .image-container img:last-of-type {
  width: 8.75vw;
  height: 2.917vw;
}

.home .download-app .container .rtl > img {
  width: 2.549vw;
  height: 2.412vw;
  position: absolute;
  bottom: -3vw;
  right: 20.313vw;
}

/* Dwonaload App End */

/* Recommendations Start */

.home .recommendations {
  background: url("../images/bg-section.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100%;
  height: 37.135vw;
  width: 100%;
  margin-bottom: 2.917vw;
}

.home .recommendations .header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.083vw;
}

.home .recommendations .header hr {
  border: 0.052vw solid #017096;
  width: 5.208vw;
  margin: 0;
}

.home .recommendations .header h6 {
  color: #009a83;
  /* font-family: "EB Garamond", sans-serif; */
  font-family: "Dubai", sans-serif;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.631vw;
  margin: 0;
  width: 5.938vw;
  text-align: center;
}

.home .recommendations h3 {
  font-family: "Dubai", sans-serif;
  font-weight: 700;
  font-size: 1.823vw;
  line-height: 2.344vw;
  width: 38.51vw;
  margin: auto;
  margin-top: 1.667vw;
  margin-bottom: 4.74vw;
  text-align: center;
}

.home .recommendations .image-container .img-2 {
  width: 7.135vw;
  height: 7.135vw;
}

.home .recommendations .image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-left: 2.802vw;
}

.home .recommendations .image-container .img-1,
.home .recommendations .image-container .img-3 {
  width: 4.948vw;
  height: 4.948vw;
}

.home .recommendations .image-container .img-1 {
  position: relative;
  left: 2.604vw;
  z-index: -1;
}

.home .recommendations .image-container .img-3 {
  position: relative;
  right: 2.604vw;
  z-index: -1;
}

.home .recommendations .image-container .box {
  background: linear-gradient(
    180deg,
    rgb(43, 143, 228) 0%,
    rgb(0, 154.06, 130.78) 100%
  );
  width: 2.865vw;
  height: 2.865vw;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: -3.646vw;
  right: 8.333vw;
}

.home .recommendations .image-container .box img {
  width: 1.458vw;
}

.home .recommendations p:first-of-type {
  font-family: "Noto Sans Arabic";
  font-size: 0.938vw;
  font-weight: 400;
  line-height: 1.563vw;
  text-align: center;
  width: 51.563vw;
  margin: auto;
  margin-top: 1.823vw;
}

.home .recommendations p:nth-last-of-type(2) {
  font-family: "Noto Sans Arabic";
  font-weight: 700;
  font-size: 1.146vw;
  line-height: 1.719vw;
  text-align: center;
  margin: 0;
  margin-top: 2.604vw;
}

.home .recommendations p:last-of-type {
  font-family: "Noto Sans Arabic";
  font-weight: 400;
  font-size: 0.833vw;
  line-height: 1.563vw;
  text-align: center;
  margin: 0;
}

.home .recommendations .line {
  border-bottom: 0.052vw solid #c7c7c7;
  width: 13.906vw;
  margin: auto;
  margin-top: 2.292vw;
}

.home .recommendations .line hr {
  border: 0.104vw solid #035b79;
  width: 4.427vw;
  margin: auto;
}

/* Recommendations End */

/* Home Page End */

/* About School Page Start */

/* Hero section Start */

.about-school .hero-section {
  background: url("../images/about-my-school.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100%;
  height: 48.125vw;
  position: relative;
}

.hero-section .header {
  max-width: 73.021vw;
  width: 100%;
  margin: auto;
}

.hero-section .topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ffff;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  height: 1.406vw;
  padding: 0.781vw 0;
  width: 99%;
}

.hero-section .topbar .lft {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.042vw;
}

.hero-section .topbar .lft div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-section .topbar .lft span {
  padding-top: 0.156vw;
}

.hero-section .topbar .lft a,
.hero-section .topbar .lft span {
  margin: 0;
  font-size: 0.729vw;
  line-height: 1.094vw;
}

.hero-section .topbar .lft div:last-child {
  margin-left: 1.042vw;
}

.hero-section .topbar .lft div:last-child span {
  margin-left: -0.26vw;
}

.hero-section .topbar .lft a {
  text-decoration: none;
  color: #ffff;
  padding-top: 0.208vw;
}

.hero-section .topbar .lft img {
  width: 0.938vw;
  height: 0.938vw;
}

.hero-section .topbar .lft div:nth-child(2) img {
  width: 0.833vw;
  height: 0.833vw;
}

.hero-section .topbar .rtl {
  display: flex;
  align-items: center;
  gap: 0.26vw;
}

.hero-section .topbar .rtl .img1 {
  width: 1.25vw;
  height: 1.25vw;
}

.hero-section .topbar .rtl .img2 {
  width: 0.469vw;
  height: 0.313vw;
  cursor: pointer;
}

.hero-section .topbar .rtl p {
  font-size: 0.833vw;
  line-height: 1.25vw;
}
/* Dropdown menu hidden by default */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 6.25vw;
  box-shadow: 0 0.417vw 0.833vw rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 0.208vw;
  top: 2.5vw; /* Position below the dropdown trigger */
  right: 13vw;
}
/* Styling for dropdown links */
.dropdown-content a {
  color: black;
  padding: 0.521vw 0.833vw;
  text-decoration: none;
  display: block;
  text-align: left;
  border-bottom: 0.052vw solid #ddd;
  font-size: 0.833vw;
  line-height: 1.25vw;
}
.dropdown-content a:hover {
  background-color: #ddd;
}
/* Show dropdown when active */
.dropdown-content.active {
  display: block;
}
.hero-section .navbar {
  width: 100%;
  height: 5.052vw;
  background-color: #ffff;
  border-radius: 5.208vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.521vw 0 1.302vw;
}

.hero-section .navbar .lft img {
  width: 3.177vw;
  height: 3.438vw;
}

.hero-section .navbar .lft {
  padding-left: 0.5vw;
}

/* .custom-header .navbar .lft {
  padding-left: 0.5vw;
} */

.hero-section .navbar .lft img {
  width: 2.815vw;
}

.hero-section .navbar ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 2.083vw;
}

.hero-section .navbar ul li {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-section .navbar ul li a {
  text-decoration: none;
  color: #000000;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  font-size: 0.938vw;
  line-height: 1.094vw;
  cursor: pointer;
}

.hero-section .navbar ul li a.active {
  color: #029ace;
}

.hero-section .navbar ul li:nth-child(4) a {
  font-size: 1.042vw;
  line-height: 1.25vw;
}

.hero-section .navbar ul li:last-child {
  width: 11.41vw;
  height: 3.12vw;
  border-radius: 1.64vw;
  background: linear-gradient(
    180deg,
    rgb(43, 143, 228) 0%,
    rgb(0, 154.06, 130.78) 100%
  );
  margin-left: 1.563vw;
  cursor: pointer;
}

.hero-section .navbar ul li:last-child a {
  color: #ffff;
  font-size: 0.833vw;
  line-height: 1vw;
}

.about-school .hero-section .rectangle-box {
  max-width: 83.49vw;
  width: 100%;
  height: 5.625vw;
  position: absolute;
  left: 8%;
  bottom: -2.604vw;
  background: linear-gradient(
    180deg,
    rgb(43, 143, 228) 0%,
    rgb(0, 154.06, 130.78) 100%
  );
}

/* Hero Section End */

/* About online School Section Start*/

.about-online-school {
  max-width: 83.333vw;
  width: 100%;
  margin: auto;
  margin-top: 7.292vw;
}

.about-online-school h2 {
  font-family: "Dubai", sans-serif;
  font-weight: 700;
  font-size: 3.125vw;
  line-height: 2.083vw;
  margin: 1.823vw 0;
}

.about-online-school .container {
  border: 0.052vw solid #cfcfcf;
  padding: 3.125vw 0;
}

.about-online-school .container p {
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  font-size: 1.25vw;
  line-height: 2.031vw;
  text-align: justify;
  color: #1e1e1e;
  margin: 0;
}

/* About online School Section End*/

/* Card Section Start*/

.card-section {
  max-width: 83.333vw;
  width: 100%;
  margin: auto;
  margin-bottom: 7.813vw;
}

.card-section > p {
  font-family: "Dubai", sans-serif;
  font-size: 2.604vw;
  font-weight: 700;
  line-height: 3.438vw;
  text-align: center;
  color: #1d92c6;
  width: 100%;
}

.card-section .card-container {
  display: flex;
  justify-content: center;
  gap: 0.521vw;
}

.card-section .card {
  width: 27.813vw;
  /* height: 672px; */
  background: linear-gradient(
    180deg,
    rgb(43, 143, 228) 0%,
    rgb(0, 154.06, 130.78) 100%
  );
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.042vw;
  padding: 2.867vw 0;
  border-radius: 0.781vw;
}

.card-section .card .logo {
  width: 4.688vw;
  height: 4.688vw;
}

.card-section .card h6 {
  width: 11.354vw;
  font-family: "Tajawal", sans-serif;
  font-weight: 800;
  font-size: 1.563vw;
  line-height: 2.031vw;
  text-align: center;
  margin: 0;
}

.card-section .card p {
  width: 24.792vw;
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  font-size: 1.25vw;
  line-height: 2.031vw;
  text-align: justify;
  margin: 0;
}

/* Card Section End*/

/* Footer Start */

footer {
  background: linear-gradient(
    180deg,
    rgb(43, 143, 228) 0%,
    rgb(0, 154.06, 130.78) 100%
  );
  color: #ffffff;
}

footer > .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 4.167vw;
  padding-bottom: 1.563vw;
}

footer .footer_logo {
  width: 5.063vw;
  height: 6.182vw;
  margin: auto;
  text-align: center;
}

footer > .container > h6 {
  font-family: "Dubai";
  font-size: 1.823vw;
  font-weight: 700;
  line-height: 2.344vw;
  text-align: center;
  margin-top: 3.646vw;
  margin-bottom: 1.042vw;
}

footer > .container > p {
  margin: 0;
  font-family: "Dubai";
  font-size: 0.938vw;
  line-height: 1.563vw;
  text-align: center;
  font-weight: 400;
}

footer > .container hr {
  color: #ffffff;
  opacity: 0.2;
  margin: 1.875vw 0vw;
}

footer hr {
  max-width: 72.917vw;
  width: 100%;
  margin: 1.563vw 0;
  /* margin: 1.83vw 0 1.25vw; */
}

footer .static_footer hr {
  margin-top: 1.875vw;
  margin-bottom: 1.354vw;
}

footer > .container .tabs ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.604vw;
  margin: 0;
}

footer > .static_footer {
  padding-bottom: 5.469vw;
}

footer > .static_footer .tabs ul {
  border: 0.052vw solid #f2f2f2;
  height: 2.292vw;
  width: 31.25vw;
  padding-left: 0;
  margin: 0;
}

footer > .container .tabs ul li {
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  font-size: 0.938vw;
  line-height: 1.125vw;
}

footer > .container .tabs ul li a {
  text-decoration: none;
  color: #ffff;
}

footer > .container .icons ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.604vw;
  margin-top: 1.5vw;
}

footer > .container .icons ul li {
  border: 0.052vw solid #ffff;
  border-radius: 100%;
  display: flex;
  width: 1.995vw;
  height: 1.995vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

footer > .container .icons .twitter img {
  width: 1.017vw;
  height: 0.897vw;
}

footer > .container .icons .facebook img {
  width: 0.598vw;
  height: 1.197vw;
}

footer > .container .icons .linkedin img {
  width: 0.86vw;
  height: 0.921vw;
}

footer .footer-bottom {
  max-width: 72.917vw;
  width: 100%;
  margin: auto;
}

footer .footer-bottom .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding-bottom: 1.458vw;
}

footer .footer-bottom .container ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.563vw;
  margin: 0;
}

footer .footer-bottom .container .lft li {
  font-family: "Poppins", sans-serif;
  font-size: 0.729vw;
  line-height: 1.094vw;
  text-align: center;
}

/* footer .static_footer_bottom ul {
  gap: 1.563vw;
} */

footer .footer-bottom ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.521vw;
  font-weight: 400;
  height: 0;
}

footer .footer-bottom ul hr {
  rotate: -90deg;
  width: 0.677vw;
  border: 0.052vw solid #f2f2f2;
  opacity: 0.3;
}

footer .footer-bottom .container .rtl p {
  font-family: "Poppins", sans-serif;
  font-size: 0.833vw;
  line-height: 1.354vw;
  text-align: center;
  margin: 0;
}

footer .static_footer_bottom .rtl p {
  font-weight: 400;
}

/* Footer End */

/* About School Page End */

/* our-service Page Start */

/* Header Start */

.custom-header .header-container {
  background: linear-gradient(
    180deg,
    rgb(43, 143, 228) 0%,
    rgb(0, 154.06, 130.78) 100%
  );
  padding-bottom: 2.604vw;
}

/* Header End */

/* Academic Excellence Start */

.academic-excellence {
  position: relative;
}

.our-service .content-container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 82.188vw;
  width: 100%;
  margin: auto;
  position: relative;
  top: -4.167vw;
  right: 2.5vw;
}

.our-service .content-container .lft {
  position: relative;
  left: 11.208vw;
}

.our-service .content-container .rtl {
  position: relative;
  left: -2.781vw;
}

.our-service .content-container .lft h2 {
  font-family: "Dubai", sans-serif;
  font-size: 5vw;
  line-height: 7.813vw;
  font-weight: 500;
  margin: 0;
  position: relative;
  left: 0;
  width: 33.698vw;
}

.our-service .content-container .lft p {
  font-family: "Dubai", sans-serif;
  font-size: 1.25vw;
  line-height: 2.604vw;
  font-weight: 500;
  width: 28.281vw;
  margin: 0;
}

.our-service .content-container img {
  width: 61.25vw;
  height: 39.167vw;
}

.our-service .rectangle-box {
  position: absolute;
  bottom: -3vw;
  background: linear-gradient(
    180deg,
    rgb(43, 143, 228) 0%,
    rgb(0, 154.06, 130.78) 100%
  );
  height: 5.625vw;
  max-width: 87.188vw;
  width: 100%;
  margin: auto;
  left: 3.6vw;
}

/* Academic Excellence End */

/* Electronic Service Start */

.electronic-services > h3 {
  font-family: "Dubai", sans-serif;
  font-weight: 700;
  font-size: 3.125vw;
  line-height: 2.083vw;
  text-align: center;
  color: #22272e;
  margin-top: 4.5vw;
}

.electronic-services > p {
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  font-size: 1.563vw;
  line-height: 2.031vw;
  text-align: justify;
  max-width: 82.083vw;
  width: 100%;
  margin: auto;
}

.electronic-services .card-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.2vw;
  margin-top: 2.604vw;
}

.electronic-services .card-container .card {
  background: linear-gradient(
    180deg,
    rgb(43, 143, 228) 0%,
    rgb(0, 154.06, 130.78) 100%
  );
  color: #ffff;
  width: 39.063vw;
  border: 0.156vw solid #cfcfcf;
  box-shadow: 0 0.208vw 0.208vw 0 #00000040;
  border-radius: 0.781vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* padding: 1.823vw 0; */
  height: 23.177vw;
}

.electronic-services .card-container .card:first-child img {
  width: 6.875vw;
  height: 5.417vw;
}

.electronic-services .card-container .card:nth-child(2) img {
  width: 7.813vw;
  height: 7.813vw;
}

.electronic-services .card-container .card:nth-child(3) img {
  width: 4.688vw;
  height: 4.688vw;
}

.electronic-services .card-container .card:last-child img {
  width: 7.552vw;
  height: 5.208vw;
}

.electronic-services .card-container .card .header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2.083vw;
  margin-right: 2.604vw;
  margin-bottom: 1.563vw;
}

.electronic-services .card-container .card .header h4 {
  font-family: "Dubai", sans-serif;
  font-size: 3.125vw;
  font-weight: 700;
  line-height: 2.083vw;
  margin: 1.563vw;
}

.electronic-services .card-container .card p {
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  font-size: 1.563vw;
  line-height: 2.031vw;
  text-align: center;
  width: 36.615vw;
  margin: auto;
  padding-bottom: 2.083vw;
}

/* Electronic Service End */

/* Modern Technology Start */

.modern-technology {
  margin: 7.292vw auto;
}

.modern-technology .container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.modern-technology .container .lft {
  position: relative;
  left: 3.125vw;
}

.modern-technology .container .lft img {
  width: 33.354vw;
  height: 32.604vw;
}

.modern-technology .container .rtl {
  max-width: 55.766vw;
  width: 100%;
  border: 0.052vw solid #cfcfcf;
  box-shadow: 0 0.208vw 0.208vw 0 #0000000f;
  position: relative;
  right: 3.125vw;
  background-color: #ffff;
}

.modern-technology .container .rtl h5 {
  font-family: "Dubai", sans-serif;
  font-size: 1.823vw;
  line-height: 2.083vw;
  font-weight: 900;
}

.modern-technology .container .rtl p {
  font-family: "Tajawal", sans-serif;
  font-size: 1.042vw;
  line-height: 1.458vw;
  font-weight: 500;
  text-align: justify;
  color: #1e1e1e;
  width: 51.731vw;
  margin-left: auto;
}

.modern-technology .container .rtl button {
  width: 7.5vw;
  height: 2.057vw;
  border: 0.04vw solid #0071bd;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.042vw;
  margin: 2.083vw 0;
  margin-right: 2.083vw;
  margin-left: auto;
  background-color: #ffff;
  font-family: "Segoe UI", sans-serif;
  font-size: 0.805vw;
  line-height: 1.071vw;
  font-weight: 700;
  color: #0071bd;
}

.modern-technology .container .rtl button img {
  width: 0.552vw;
  height: 0.94vw;
}

/* Modern Technology End */

/* our-service Page End */

/* Static Pages Start */

/* Banner Start */

.banner img {
  max-width: 100vw;
  width: 100%;
  height: 40.417vw;
}

/* Banner End */

/* Custom Content Start*/

.static-content {
  margin-top: 2.783vw;
  margin-bottom: 10.25vw;
}

.static-content .header-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.563vw;
}

.static-content .header-container .lft h3 {
  font-family: "Dubai", sans-serif;
  font-weight: 700;
  font-size: 3.125vw;
  line-height: 2.083vw;
  background-image: linear-gradient(
    180deg,
    rgba(43, 143, 228, 1) 0%,
    rgba(27, 147, 192, 1) 50%,
    rgba(0, 154, 131, 1) 100%
  );
  color: transparent;
  background-clip: text;
  width: 19.583vw;
  height: 3.333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.static-content .header-container .rtl {
  background: linear-gradient(
    180deg,
    rgb(43, 143, 228) 0%,
    rgb(0, 154.06, 130.78) 100%
  );
  width: 7.813vw;
  height: 7.813vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}

.static-content .header-container .rtl img {
  width: 7.24vw;
  height: 5.938vw;
}

.static-content hr {
  width: 73.073vw;
  border: 0.052vw solid rgba(0, 0, 0, 1);
  margin: auto;
  opacity: 0.15;
  margin-top: 1.242vw;
  margin-bottom: 3.604vw;
}

.static-content .content-container {
  max-width: 75vw;
  width: 100%;
  margin: auto;
}

.static-content .content-container p {
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  font-size: 1.25vw;
  line-height: 2.083vw;
  text-align: justify;
  margin: 2.302vw 0;
  color: #1e1e1e;
}

.static-content .content-container h4 {
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  font-size: 1.667vw;
  line-height: 2.083vw;
  text-align: justify;
  color: #2b90e3;
}

.static-content .content-container h3 {
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  font-size: 2.083vw;
  line-height: 2.083vw;
  text-align: justify;
  color: #2b90e3;
  margin-top: 3.125vw;
}

.teacher-administrator-portal .static-content .header-container .lft h3 {
  width: 29.635vw;
  height: 3.594vw;
}

.teacher-administrator-portal .static-content .header-container .rtl img {
  width: 5.26vw;
  height: 5.885vw;
}

.parents .static-content .header-container .lft h3 {
  width: 18.438vw;
  height: 3.594vw;
}

.parents .static-content .header-container .rtl img {
  width: 5.208vw;
  height: 5.208vw;
}

.student .static-content .header-container .lft h3 {
  width: 18.438vw;
  height: 3.594vw;
}

.student .static-content .header-container .rtl img {
  width: 4.74vw;
  height: 4.427vw;
}

.donors-and-supporters .static-content .header-container .lft h3 {
  width: 26.875vw;
  height: 3.594vw;
}

.donors-and-supporters .static-content .header-container .rtl img {
  width: 4.688vw;
  height: 4.688vw;
}

.partners .static-content .header-container .lft h3 {
  width: 15.208vw;
  height: 3.594vw;
}

.partners .static-content .header-container .rtl img {
  width: 4.063vw;
  height: 3.008vw;
}

.investors .static-content .header-container .lft h3 {
  width: 15.208vw;
  height: 3.594vw;
}

.investors .static-content .header-container .rtl img {
  width: 3.438vw;
  height: 3.277vw;
}

.ministry .static-content .header-container .lft h3 {
  width: 9.635vw;
  height: 3.594vw;
}

.ministry .static-content .header-container .rtl img {
  width: 4.688vw;
  height: 4.688vw;
}

/* Custom Content End*/

/* Static Pages End */

/* Contact Us Page Start*/

/* Contact Us Start */

.contact-us-form {
  margin: 8.333vw 0;
}

.contact-us-form .header {
  margin-right: 7.813vw;
  margin-bottom: 2.083vw;
}

.contact-us-form .header h6 {
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 1.5vw;
  color: rgba(0, 0, 0, 1);
  margin: 0;
  margin-bottom: 0.521vw;
}

.contact-us-form .header p {
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.367vw;
}

.contact-us-form .form {
  width: 74.844vw;
  margin: auto;
}

.contact-us-form .form .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.form .row {
  margin-bottom: 2.083vw;
}

.form .input-field {
  display: flex;
  align-items: center;
  gap: 0.321vw;
  margin-top: 0.521vw;
}

.form label {
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.375vw;
  color: rgba(112, 104, 101, 1);
}

.form input {
  width: 27.083vw;
  height: 3.385vw;
  border: 0.063vw solid rgba(207, 207, 207, 1);
  color: rgb(70, 70, 70);
  outline: none;
  font-size: 1.042vw;
}

.form .icon {
  width: 3.385vw;
  height: 3.385vw;
}

.form textarea {
  width: 100%;
  height: 20.417vw;
  font-size: 1.042vw;
  color: rgb(70, 70, 70);
  border: 0.063vw solid rgba(207, 207, 207, 1);
  margin-top: 0.521vw;
  outline: none;
}

.contact-us-form .form .submit-btn {
  margin-top: 2.083vw;
}

.form .submit-btn {
  width: 14.531vw;
  height: 3.75vw;
  background: linear-gradient(
    180deg,
    rgb(43, 143, 228) 0%,
    rgb(0, 154.06, 130.78) 100%
  );
  color: #ffffff;
  border-radius: 0.573vw;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  font-size: 1.563vw;
  line-height: 1.875vw;
  border: none;
}

/* Contact Us End */

/* Book a Demo Now Page Start*/

.book-demo-now header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 8.854vw;
  margin-right: 21.354vw;
  margin-top: 1.042vw;
}

.book-demo-now header .logo img {
  width: 6.094vw;
  height: 6.875vw;
}

.book-demo-now header ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.604vw;
  list-style: none;
}

.book-demo-now header ul li a {
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  font-size: 0.938vw;
  line-height: 1.125vw;
  color: #22272e;
  text-decoration: none;
}

.demo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  margin-top: 1.563vw;
  margin-bottom: 18.229vw;
}

.demo-container .form {
  position: relative;
  left: 2.604vw;
  top: 3.125vw;
  z-index: 1;
}

.demo-container .submit {
  margin-top: 6.25vw;
}

.demo-container .banner {
  width: 56.042vw;
  height: 53.281vw;
}

.demo-container .banner h2 {
  width: 22.656vw;
  height: 4.01vw;
  font-family: "Tajawal", sans-serif;
  font-weight: 700;
  font-size: 3.333vw;
  line-height: 4vw;
  margin: 0;
  text-align: center;
  position: absolute;
  right: 21.3vw;
  top: 0.521vw;
  color: #302c8c;
}

.demo-container .banner img {
  width: 100%;
  height: 100%;
}

/* Book a Demo Now Page End*/

/* Contact Us Page End*/