.overview {
    margin-top: 7rem;
    font-family: "Inter", sans-serif;
    margin-bottom: 5rem;
}

.overview h2 {
    text-align: center;
    color: #000;
    margin-bottom: 4rem;
}

.mission_vision {
    display: flex;
    border: 1px solid #e2e2e2;
}

.mission_vision > div {
    flex: 1;
    padding: 7.7rem;
}

.mission_vision .vision {
    border-left: 1px solid #e2dfdf;
    text-align: right;
}

.mission_vision > div h3 {
    font-weight: 600;
    color: #7d7d7d;
    margin-bottom: 1rem;
}

/* history */
.history {
    font-family: "Inter", sans-serif;
    margin-top: 8rem;
    margin-bottom: 5rem;
}
.history h2, .history h3 {
    color: #000;
}

.history h2 {
    text-align: center;
    margin-bottom: 6rem;
}

.history__inner {
    padding: 0 10rem;
    padding-bottom: 5rem;
}

.history h3 {
    margin-bottom: 1rem;
    margin-top: 5rem;
}

.dark-mode h3, .dark-mode h2 {
    color: #fff;
}
.arabic__lang p{
    text-align: right;
}
.arabic__lang h3{
    text-align: right;
}
.arabic__lang h4, .arabic__lang li{
    text-align: right;
}
.arabic__lang .vision h3 {
    text-align: left;
}

.arabic__lang .vision p {
    text-align: left;
}

@media only screen and (max-width: 768px) {
    .overview__inner {
        width: 95%;
      }
    .mission_vision > div {
        padding: 3.7rem;
      }
      .history__inner {
        padding: 0 4rem;
      }
}
@media only screen and (max-width: 458px) {
    .mission_vision {
        flex-wrap: wrap;
      }
      .mission_vision > div {
        min-width: 100%;
      }
      .mission_vision .vision{
        border-left: 0;
      }
      .history__inner {
        padding: 0 2rem;
      }
}