.mape-flex {
  display: flex;
  gap: 20px;
}
.mape-photo {
  flex-direction: column;
  display: flex;
  gap: 20px;
}
.mape img {
  height: 800px;
  object-position: center;
  object-fit: cover;
  border-radius: 40px;
}
.mape-photo img {
  height: 390px;
  object-position: center;
  object-fit: cover;
  border-radius: 40px;
}
.mape {
  padding-top: 60px;
  padding-bottom: 160px;
}
.tabliza h2 {
  font-weight: 600;
  font-size: 50px;
  line-height: 59px;
  letter-spacing: 0px;
  margin: 0;
  padding-bottom: 60px;
}
.tabliza-flex p,
.tabliza-flex a {
  color: #666666;
  font-family: "Gilroy-Regular";
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0px;
}
.tabliza-flex .nazva {
  font-family: "Gilroy-Medium";
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0px;
  color: #000000;
}
.tabliza-flex {
  display: grid;
  grid-template-columns: minmax(0, 345px) minmax(0, 1075px);
  gap: 32px 20px;
}
.tabliza {
  padding-bottom: 160px;
}
.firma__flex-text-footer {
  margin-top: 64px;
}
.firma__flex-text-footer > a {
  transition: var(--transition);
  padding: 30px 40px;
}
.firma__flex-text-footer > a:hover {
  transition: var(--transition);
  background: #ebebeb;
}
.firma__flex-text-footer img {
  padding-right: 20px;
}
.marshrut p {
  max-width: 1197px;
  font-family: "Gilroy-Regular";
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0px;
  color: #666666;
}
.marshrut ol {
  max-width: 1197px;
  padding-left: 35px;
  list-style-type: decimal;
  padding-bottom: 40px;
}
.marshrut li {
  font-family: "Gilroy-Regular";
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0px;
  color: #666666;
}
.marshrut h2 {
  font-family: "Gilroy-Medium";
  font-weight: 600;
  font-size: 50px;
  line-height: 59px;
  letter-spacing: 0px;
  padding-bottom: 60px;
  margin: 0px;
}
.marshrut {
  padding-bottom: 120px;
}
.platformy h2 {
  margin: 0px;
  padding-bottom: 60px;
  font-family: "Gilroy-Medium";
  font-weight: 600;
  font-size: 50px;
  line-height: 59px;
  letter-spacing: 0px;
}
.platforma img {
  height: 120px;
  margin-bottom: 60px;
  border-radius: 120px;
}
.platformy-flex {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
  gap: 20px;
}
.platforma {
  transition: var(--transition);
  padding: 80px 80px 110px;
  border-radius: 40px;
  background: #f9f9f9;
}
.platforma:hover {
  transition: var(--transition);
  background: #ebebeb;
}
.platforma h3 {
  margin: 0;
  font-family: "Gilroy-Medium";
  font-weight: 600;
  font-size: 36px;
  line-height: 42px;
  letter-spacing: 0px;
  padding-bottom: 30px;
}
.platforma p {
  color: #5b5b5b;
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0px;
  padding-bottom: 90px;
  max-width: 206px;
}
.platforma a {
  font-family: "Gilroy-Medium";
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0px;
  padding: 30px 40px;
  background: #ffffff;
  border-radius: 20px;
}
#maps > div {
  border-radius: 40px;
}
#maps iframe {
  width: 953px;
  height: 800px;
}
@media only screen and (min-width: 1335px) and (max-width: 1400px) {
  #maps iframe {
    width: 880px;
    height: 800px;
  }
}
@media only screen and (min-width: 1230px) and (max-width: 1335px) {
  #maps iframe {
    width: 800px;
    height: 800px;
  }
}
@media only screen and (min-width: 1150px) and (max-width: 1230px) {
  #maps iframe {
    width: 750px;
    height: 800px;
  }
}
@media only screen and (min-width: 1050px) and (max-width: 1150px) {
  #maps iframe {
    width: 680px;
    height: 800px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 1050px) {
  #maps > div {
    border-radius: 20px;
  }
  #maps iframe {
    width: 100%;
    height: 400px;
  }
  .mape-flex {
    flex-direction: column;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .mape {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .mape img {
    height: 400px;
    border-radius: 20px;
  }
  .mape-photo img {
    height: 240px;
    border-radius: 20px;
  }
  .tabliza h2 {
    margin: 0px;
    font-size: 26px;
    line-height: 31px;
    padding-bottom: 20px;
  }
  .tabliza-flex p,
  .tabliza-flex a {
    color: #666666;
    font-size: 16px;
    line-height: 26px;
  }
  .tabliza-flex .nazva {
    padding-top: 10px;
    font-size: 16px;
    line-height: 24px;
  }
  .tabliza-flex {
    grid-template-columns: minmax(0, 345px);
    gap: 10px;
  }
  .tabliza {
    padding-bottom: 40px;
  }
  .firma__flex-img {
    height: 334px;
  }
  .firma__flex-text-footer {
    margin-top: 40px;
  }
  .firma__flex-text-footer > a {
    padding: 20px 30px;
  }
  .firma__flex-text-footer img {
    padding-right: 10px;
    height: 20px;
  }
  .firma__flex {
    gap: 20px;
  }
  .marshrut p {
    font-size: 16px;
    line-height: 26px;
  }
  .marshrut ol {
    padding-left: 25px;
    padding-bottom: 20px;
  }
  .marshrut li {
    font-size: 16px;
    line-height: 26px;
  }
  .marshrut h2 {
    font-size: 26px;
    line-height: 31px;
    padding-bottom: 30px;
  }
  .marshrut {
    padding-bottom: 20px;
  }
  .platformy h2 {
    padding-bottom: 30px;
    font-size: 26px;
    line-height: 31px;
  }
  .platforma img {
    height: 60px;
    margin-bottom: 0px;
    border-radius: 200px;
  }
  .platformy-flex {
    display: grid;
    grid-template-columns: minmax(0, 345px);
    gap: 10px;
  }
  .platforma {
    gap: 30px;
    display: flex;
    padding: 30px 30px 50px;
    border-radius: 20px;
    background: #f9f9f9;
  }
  .platforma h3 {
    font-size: 26px;
    line-height: 31px;
    padding-bottom: 20px;
  }
  .platforma p {
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 50px;
  }
  .platforma a {
    font-size: 14px;
    line-height: 16px;
    padding: 20px 30px;
  }
}