#main-external {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 24px;
  background: url('../../images/components/external-resources/external-resources-background.svg');
  padding: 46px 0px 51px 0px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-left: -3px;
  margin-bottom: -8px;
}

.title-external {
  font-family: "Georgia", "Times New Roman", "Times", "Garamond", "Noto Sans Arabic", "Noto Sans Arabic UI", "Noto Sans Hebrew", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0px;
  text-align: left;
  Color: rgba(22, 21, 19, 1);
  margin-bottom: 18px;
}

.description-external {
  margin-bottom: 21px;
}

.section-external {
  max-width: 684px;
}

div.section-external h2.title-external {
  margin-top: 0px;
}

@media screen and (max-width: 1530px) and (min-width: 600px) {
  #main-external {
    padding-left: 27px;
    padding-right: 24px;
  }
}

@media screen and (max-width: 1024px) and (min-width: 600px) {
  #main-external {
    padding-top: 21px;
    padding-bottom: 28px;
  }
}

@media screen and (max-width: 1024px) {

  .title-external,
  .description-external {
    margin-bottom: 12px;
  }
}

@media screen and (min-width: 600px) {
  .section-external {
    flex: 0 50%;
  }
}

@media screen and (max-width: 599px) {
  #main-external {
    flex-wrap: wrap;
    padding: 14px 16px 22px 19px;
  }

  .section-external:first-of-type {
    margin-right: 0px;
    margin-bottom: 16px;
  }

  .title-external {
    font-size: 24px;
    line-height: 32px;
  }
}