* {
  box-sizing: border-box;
}
.typical-cases,
.import-export-agency-description {
  padding: 40px calc((100% - 1200px) / 2);
  background-color: #fff;
}
.import-export-agency-description .general-title {
  text-align: center;
}
.typical-cases-title {
  text-align: center;
}
.description-text {
  line-height: 33px;
  color: #050505;
  font-size: 16px;
  font-weight: 200;
  font-family: 'Montserrat-ExtraLight';
}
.grid-list {
  display: grid;
  grid-template-columns: repeat(4, calc((1200px - 60px) / 4));
  grid-template-rows: repeat(auto-fill, 360px);
  gap: 20px;
  margin-bottom: 20px;
}
.map-wrapper {
  background-color: #f8f6f5;
  padding: 50px calc((100% - 1200px) / 2);
}
.map-img {
  width: 949px;
}
.map-description {
  font-size: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.map-top-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.map-num-color {
  color: #005da3;
  margin-bottom: 16px;
}
.big-num {
  font-size: 60px;
  font-weight: 200;
  display: inline-block;
  margin-left: 7px;
  margin-right: 7px;
}
.map-bottom-wrapper {
  display: flex;
  justify-content: space-between;
}
.map-area-title {
  font-weight: 600;
  color: #e49d45;
  font-size: 18px;
  margin-bottom: 10px;
}
.map-area-content {  font-size: 14px;  display: grid;  grid-template-rows: repeat(5, 1fr);  grid-auto-flow: column;  gap: 10px 24px;}
.map-area-content div {  white-space: nowrap;}