.grid-container {
  max-height: 410px;
  max-width: 1440px;
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 14px;
  grid-template-columns: 23% 23% 23% 23%;
  grid-template-rows: 25% 25% 25% 25%;
  /* /* background-color: #2196f3;
  padding: 10px; */
  /* direction: rtl; */
}

.grid-item {
  /* background-color: rgba(255, 255, 255, 0.8); */
  /* text-align: center; */
  /* padding: 20px; */
  /* font-size: 30px; */
}

.item1 {
  grid-column: 1 / span 2;
  grid-row: 1 / span 4;
}

.item2 {
  grid-column: 3 / span 1;
  grid-row: 1 / span 2;
}

.item3 {
  grid-column: 4 / span 1;
  grid-row: 1 / span 2;
}

.item4 {
  grid-column: 3 / span 2;
  grid-row: 3 / span 2;
}

/* .item4 {
  grid-column: 1 / span 2;
}

.item2 {
  grid-column: 3 / span 2;
  grid-row: 1 / span 2;
} */

.container-introduce {
  display: block;
  margin: auto;
  margin-top: 50px;
  max-width: 1200px;
}

/* <!-- Block image --> */
/* .introduce-image-block {
  display: flex;
} */

/* .introduce-image-block > div:last-child {
  margin-left: 20px;
} */

/* .introduce-image-left {
  border-radius: 20px;
} */

/* .introduce-image-right {
  display: flex;
  flex-direction: column;
}

.introduce-image-right > div:last-child {
  margin-top: 20px;
}

.introduce-image-right .introduce-image-right-top {
  display: flex;
}

.introduce-image-right .introduce-image-right-top > div:last-child {
  margin-left: 20px;
}

.introduce-image-right .introduce-image-right-top > div {
  border-radius: 20px;
} */

/* .introduce-image-right-bottom {
  border-radius: 20px;
} */

/* <!-- Block about us --> */
.about-us-block {
  margin-top: 80px;
}

.about-us-left .about-us-left-title {
  font-family: Nunito;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 41px;
  color: #000000;
  margin-bottom: 20px;
}

.about-us-left .about-us-left-description {
  font-family: Nunito;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 180%;
  text-align: justify;
  color: #171f48;
  padding-right: 55px;
}

/* <!-- Block core team --> */
.core-team-block-title {
  color: #000000;
  font-family: Nunito;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 41px;
}

.core-team-block {
  margin: 41px 0px 30px 0px;
}

.core-team-profile {
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.core-team-profile-image {
  margin: 0 auto;
  /* height: 241px; */
  width: 241px;
  /* background-color: black; */
  border-radius: 50%;
}

.core-team-profile-image > img {
  /* width: 241px; */
}

.core-team-profile-content {
  margin: 0 auto;
  max-width: 241px;
  text-align: center;
}

.core-team-profile-content .core-team-profile-content-titlte > .member-name {
  color: #000000;
  font-family: Nunito;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 180%;
}

.core-team-profile-content
  .core-team-profile-content-titlte
  > .member-position {
  font-size: 13px;
  line-height: unset;
  color: #000000;
  font-family: Nunito;
  font-style: normal;
  font-weight: bold;
}

.core-team-profile-content .core-team-profile-content-titlte {
  margin: 14px 0px;
  display: flex;
  flex-direction: column;
}

.core-team-profile-content .core-team-profile-content-description {
  color: #000000;
  font-family: Nunito;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 180%;
  text-align: justify;
  margin-bottom: 0px;
}

.core-team-more-description {
  text-align: center;
  margin: 30px 0px 50px 0px;
  color: #000000;
  font-family: Nunito;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 180%;
}

.core-team-more-description > .text-decription {
  margin-bottom: 0px;
}

.about-us-right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.about-us-right-image-mobile {
  width: 100%;
}

.mission .title {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 40px;
}

.mission p {
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  opacity: 0.8;
}

@media (min-width: 768px) {
  .mission {
    margin-bottom: -80px;
  }
}

@media (max-width: 768px) {
  .mission .mission-image {
    margin-block: 20px -100px;
  }

  .mission .title {
    font-size: 32px;
    margin-bottom: 20px;
    text-align: center;
  }

  .mission p {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
  }

  .container-introduce {
    padding: 0px 24px;
    margin-top: 8px;
  }

  /* .grid-container {
    max-height: 202px;
    max-width: 375px;
    display: grid;
    grid-column-gap: 10px;
    grid-template-columns: 15% 22% 18% 18% 15%;
    grid-template-rows: 8% 25% 4% 10%;
  } */

  .grid-container {
    /* max-height: 202px;
    max-width: 375px; */
    display: grid;
    grid-column-gap: 21px;
    grid-template-columns: 15% 22% 18% 18% 15%;
    grid-template-rows: 19% 22% 8% 10%;
  }

  .item1 {
    grid-column: 1 / span 3;
    grid-row: 1 / span 3;
  }

  .item1 > img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
  }

  .item2 {
    grid-column: 4 / span 2;
    grid-row: 1 / span 2;
  }

  .item2 > img {
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .item3 {
    grid-column: 4 / span 2;
    grid-row: 3 / span 2;
  }

  .item3 > img {
    object-fit: cover;
    object-position: center;
  }

  .item4 {
    grid-column: 1 / span 3;
    grid-row: 4 / span 1;
  }

  .item4 > img {
    object-fit: cover;
    object-position: center;
  }

  .about-us-block {
    padding: 0;
    margin-left: 0;
    margin-top: 0px;
  }

  .about-us-left .about-us-left-description {
    padding-right: 0;
  }

  /* .item2 {
    grid-column: 3 / span 4;
    grid-row: 1;
  }

  .item1 {
    grid-column: 1 / span 2;
  }

  .item3 {
    grid-column: 1 / span 2;
  }

  .item4 {
    grid-column: 3 / span 4;
  } */

  /* .image-grid-custom-2 {
    width: 100%;
    height: 100%;
    object-fit: cover;
  } */

  .core-team-block {
    padding: 0;
    margin: 0;
  }

  .core-team-block > .core-team-profile:nth-child(n + 3) {
    margin-top: 30px;
  }

  .core-team-profile {
    padding: 0;
    margin: 0;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .core-team-profile:nth-child(odd) {
    padding-right: 10px;
  }

  .core-team-profile:nth-child(even) {
    padding-left: 10px;
  }

  .core-team-profile-image {
    padding: 0;
    width: 100px;
    border-radius: 50%;
    margin: unset;
  }

  .core-team-profile-image > img {
    width: 100px;
  }

  .core-team-profile-content {
    margin: 0;
    padding: 0;
  }

  .core-team-profile-content .core-team-profile-content-titlte {
    margin: 0px 0px 7px 0px;
    text-align: left;
    display: flex;
    flex-direction: column;
    line-height: unset;
  }

  .core-team-profile-content .core-team-profile-content-titlte > .member-name {
    font-size: 16px;
  }

  .core-team-profile-content
    .core-team-profile-content-titlte
    > .member-position {
    font-size: 12px;
  }

  .core-team-more-description > .text-decription {
    font-size: 12px;
  }

  .about-us-left .about-us-left-title {
    font-size: 18px;
    line-height: 25px;
  }

  .core-team-block-title {
    margin: 18px 0px;
    font-size: 18px;
    line-height: 25px;
  }
}

@media (max-width: 415px) {
  .grid-container {
    display: grid;
    grid-column-gap: 10px;
    grid-template-columns: 15% 22% 18% 18% 15%;
    grid-template-rows: 8% 25% 4% 10%;
  }

  .core-team-profile:nth-child(odd) {
    padding-right: unset;
  }

  .core-team-profile:nth-child(even) {
    padding-left: unset;
  }
  .core-team-block > .core-team-profile:nth-child(n + 2) {
    margin-top: 30px;
  }
}

@media (max-width: 376px) {
  .core-team-profile-content {
    margin-left: 10px;
  }

  .grid-container {
    grid-row-gap: 13px;
  }

  .about-us-block {
    margin-top: 0px;
  }
}