.marketing {
  padding-top: 160px;
}
@media screen and (max-width: 1250px) {
  .marketing {
    padding-top: 80px;
  }
}
.marketing .container .h2 {
  font-family: "TT Runs Trial", sans-serif;
  font-weight: 700;
  font-size: 35px;
  line-height: 100%;
  text-transform: uppercase;
  color: #0e0e0e;
  margin-bottom: 60px;
  max-width: 500px;
}
.marketing .container .marketing_plitka {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 190px 190px;
  grid-template-areas: "one two two three" "one four five three";
  margin: 0 auto;
  gap: 20px;
}
@media screen and (max-width: 1250px) {
  .marketing .container .marketing_plitka {
    gap: 16px;
  }
}
@media screen and (max-width: 850px) {
  .marketing .container .marketing_plitka {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 650px) {
  .marketing .container .marketing_plitka {
    flex-direction: column;
  }
}
.marketing .container .marketing_plitka .item {
  padding: 40px 30px;
  background: #fff;
  border-radius: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1250px) {
  .marketing .container .marketing_plitka .item {
    padding: 16px;
  }
}
@media screen and (max-width: 850px) {
  .marketing .container .marketing_plitka .item {
    width: 48%;
  }
}
@media screen and (max-width: 650px) {
  .marketing .container .marketing_plitka .item {
    width: 100%;
  }
  .marketing .container .marketing_plitka .item.right {
    align-items: flex-end;
  }
}
.marketing .container .marketing_plitka .item .title {
  font-family: "TT Runs Trial", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
  .marketing .container .marketing_plitka .item .title {
    font-size: 16px;
  }
}
.marketing .container .marketing_plitka .item .group_icon {
  display: flex;
  gap: 25px;
}
@media screen and (max-width: 1250px) {
  .marketing .container .marketing_plitka .item .group_icon {
    gap: 12px;
  }
}
.marketing .container .marketing_plitka .item .bold_text {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #0e0e0e;
  position: absolute;
  bottom: 60px;
  left: 30px;
}
@media screen and (max-width: 1250px) {
  .marketing .container .marketing_plitka .item .bold_text {
    bottom: 100px;
    left: 16px;
  }
}
@media screen and (max-width: 850px) {
  .marketing .container .marketing_plitka .item .bold_text {
    position: static;
    margin-top: 20px;
  }
}
.marketing .container .marketing_plitka .item .text {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #797979;
  position: absolute;
  bottom: 40px;
  left: 30px;
}
@media screen and (max-width: 1250px) {
  .marketing .container .marketing_plitka .item .text {
    left: 16px;
  }
}
@media screen and (max-width: 850px) {
  .marketing .container .marketing_plitka .item .text {
    position: static;
  }
}
.marketing .container .marketing_plitka .one {
  grid-area: one;
}
.marketing .container .marketing_plitka .two {
  grid-area: two;
}
.marketing .container .marketing_plitka .three {
  grid-area: three;
}
.marketing .container .marketing_plitka .four {
  grid-area: four;
}
.marketing .container .marketing_plitka .five {
  grid-area: five;
}/*# sourceMappingURL=marketing.css.map */