.cargo__section {
  background: var(--kmnd-body-background-primary-inverted);
}
.cargo__section_scrolled .cargo__title:after {
  opacity: 0;
}
.cargo__heading {
  position: sticky;
  top: 130px;
}
.cargo__title {
  padding-bottom: 30px;
  margin-bottom: 40px;
  position: relative;
}
.cargo__title:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100vw - 400px);
  left: 0;
  bottom: 0;
  opacity: 0.1;
  border-top: solid 1px var(--kmnd-body-border-color-secondary);
  transition: var(--kmnd-transition);
}
.cargo__text {
  max-width: 400px;
  width: 100%;
}
.cargo__row {
  display: flex;
  flex-wrap: wrap;
}
.cargo__col {
  width: calc(50% - 8px);
  margin-right: 16px;
  margin-top: 16px;
}
.cargo__col:nth-of-type(even) {
  margin-right: 0;
}
.cargo__col:nth-of-type(1), .cargo__col:nth-of-type(2) {
  margin-top: 0;
}
.cargo__item {
  background: var(--kmnd-body-background-primary);
  border-radius: 8px;
  padding: 10px 10px 10px 30px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  transform: translateY(30px);
  opacity: 0;
  transition: 0.75s;
}
.cargo__item_visible {
  opacity: 1;
  transform: translateY(0px);
}
.cargo__item:last-of-type {
  margin-bottom: 0;
}
.cargo__item:hover .cargo__item-image figure {
  transform: scale(1.1);
}
.cargo__item:hover .cargo__item-title {
  color: var(--kmnd-body-color-accent);
}
.cargo__item-content {
  width: calc(50% - 6px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cargo__item-image {
  width: calc(50% - 6px);
  overflow: hidden;
  border-radius: 8px;
}
.cargo__item-image figure {
  display: block;
  width: 100%;
  position: relative;
  border-radius: 8px;
  transition: var(--kmnd-transition);
  transform: scale(1);
}
.cargo__item-image figure:after {
  content: "";
  position: relative;
  display: block;
  padding-top: 115%;
}
.cargo__item-title {
  text-transform: uppercase;
  margin-top: 20px;
  transition: var(--kmnd-transition);
}
.cargo__item-text {
  max-width: 293px;
  width: 100%;
}
.cargo__item-btn {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1919px) {
  .cargo__title:after {
    width: calc(100vw - 200px);
  }
}
@media only screen and (min-width: 993px) and (max-width: 1250px) {
  .cargo__item-title {
    font-size: 1.5rem;
  }
  .cargo__item-text {
    font-size: 0.875rem;
  }
  .cargo__item-btn {
    font-size: 1rem;
  }
  .cargo__item-btn svg {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1340px) {
  .cargo__title:after {
    width: calc(100vw - 80px);
  }
  .cargo__text {
    max-width: 352px;
  }
  .cargo__item {
    padding: 10px 10px 10px 20px;
  }
  .cargo__item-text {
    font-size: 1rem;
  }
  .cargo__item-btn {
    margin-bottom: 10px;
  }
  .cargo__item-image figure:after {
    padding-top: 134.2756183746%;
  }
}
@media only screen and (max-width: 992px) {
  .cargo__section_scrolled .cargo__title:after {
    opacity: 0.1;
  }
  .cargo__heading {
    position: relative;
    top: 0;
  }
  .cargo__title:after {
    width: calc(100vw - 100px);
  }
  .cargo__title_secondary {
    margin-bottom: 40px;
  }
  .cargo__holder {
    display: none;
  }
  .cargo__list {
    margin-top: 50px;
  }
  .cargo__row {
    display: block;
  }
  .cargo__col {
    margin-right: 0;
    width: 100%;
  }
  .cargo__col:nth-of-type(2) {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .cargo__title {
    padding-bottom: 20px;
    margin-bottom: 25px;
  }
  .cargo__title:after {
    width: calc(100vw - 40px);
  }
  .cargo__section .row {
    display: block;
  }
  .cargo__section .col {
    width: 100%;
  }
  .cargo__text {
    max-width: 581px;
    margin-bottom: 30px;
  }
  .cargo__holder {
    display: none;
  }
  .cargo__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .cargo__item {
    width: calc(50% - 4px);
    margin-bottom: 0;
  }
  .cargo__item-image {
    width: 43.0327868852%;
  }
  .cargo__item-image figure:after {
    padding-top: 180.9523809524%;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .cargo__title {
    padding-bottom: 20px;
    margin-bottom: 25px;
  }
  .cargo__title:after {
    width: calc(100vw - 40px);
  }
  .cargo__text {
    margin-bottom: 25px;
    max-width: 535px;
  }
  .cargo__item:not(:last-of-type) {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 576px) {
  .cargo__title {
    margin-bottom: 25px;
    padding-bottom: 20px;
  }
  .cargo__title:after {
    width: calc(100vw - 30px);
  }
  .cargo__title_secondary {
    margin-bottom: 20px;
  }
  .cargo__list {
    margin-top: 25px;
  }
  .cargo__item {
    flex-direction: column-reverse;
    padding: 5px 5px 20px;
  }
  .cargo__item-content {
    width: 100%;
    padding: 0 10px;
  }
  .cargo__item-title {
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .cargo__item-text {
    margin-bottom: 33px;
    font-weight: 500;
  }
  .cargo__item-btn {
    margin-bottom: 0;
  }
  .cargo__item-image {
    width: 100%;
  }
  .cargo__item-image figure:after {
    padding-top: 53.7313432836%;
  }
  .cargo__col {
    margin-top: 8px;
  }
  .cargo__col:nth-of-type(2) {
    margin-top: 8px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  body:not(.home) .cargo__item {
    width: 100%;
  }
}

/*# sourceMappingURL=cargo.css.map */