@media screen and (max-width: 1440px) {
  .corporate-help-page__solve-together-content {
    row-gap: 56px;
  }

  .corporate-help-page__solve-together-title {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .corporate-help-page__solve-together-title {
    display: none;
  }

  .corporate-help-page__solve-together-title-v2 {
    display: block;
  }

  .corporate-help-page__solve-together-subtitle {
    grid-column: 1 / -1;
    grid-row: 3;
    /* text-align: center; */
  }

  .corporate-help-page__solve-together-people {
    margin-top: 8px;
    grid-column: 1 / -1;
    grid-row: 2;
    gap: 10px;
    justify-content: start;
  }

  .corporate-help-page__solve-together-person {
    max-width: calc(50% - 10px);
  }


  .corporate-help-page__presentation-content {
    flex-direction: column-reverse;
    gap: 48px;
    grid-column: 1 / -1;
  }

  .corporate-help-page__presentation-content img {
    max-width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .corporate-help-page .hero-design .btn {
    margin-top: 26px;
  }

  .corporate-help-page .hero-design {
    padding-bottom: 57px;
    background-position: 85% center;
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 32.66%, rgba(0, 0, 0, 0.2) 77.67%), url(../../img/volunteers/volunteers-hero.jpg);
  }

  .corporate-help-page__why-should-help-item {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 24px;
  }

  .corporate-help-page__why-should-help>h1 {
    max-width: 750px;
  }

  .corporate-help-page__why-should-help-item-headers {
    grid-column: 2 / -1;
  }

  .corporate-help-page__why-should-help-item-text {
    grid-column: 1 / -1;
  }

  .corporate-help-page__how-to-help-item h3 {
    font-size: clamp(1.5rem, 0.643rem + 1.79vw, 2.25rem);
  }

  .corporate-help-page__how-to-help-item.item-1 {
    grid-row: 1;
    grid-column: 1 / -1;
  }

  .corporate-help-page__how-to-help-item.item-2 {
    grid-row: 2;
    grid-column: 1 / -1;
  }

  .corporate-help-page__how-to-help-item.item-3 {
    grid-row: 3;
    grid-column: 1 / span 2;
  }

  .corporate-help-page__how-to-help-item.item-4 {
    grid-row: 3;
    grid-column: 3 / span 2;
  }

  .corporate-help-page__how-to-help-item.item-5 {
    grid-row: 4;
    grid-column: 1 / -1;
  }

  .corporate-help-page__how-to-help-item.item-6 {
    grid-row: 5;
    grid-column: 1 / -1;
  }

  .corporate-help-page__other-ways-left {
    grid-column: 1 / -1;
  }

  .corporate-help-page__other-ways-left h2 {
    grid-column: 1 / -1;
    margin-left: 0;
    text-indent: 0;
  }

  .corporate-help-page__other-ways-left p {
    grid-column: 1 / -1;
  }

  .corporate-help-page__other-ways-left a {
    grid-column: 1 / -1;
  }

  .corporate-help-page__other-ways-right {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-top: 54px;
  }

  .corporate-help-page__materials .corporate-help-page__materials-block {
    grid-column: 1 / -1 !important;
  }

  .corporate-help-page__materials .corporate-help-page__materials-block.first {
    grid-row: 2;
  }

  .corporate-help-page__materials .corporate-help-page__materials-block.second {
    grid-row: 3;
  }
}

@media (max-width: 768px) {
  .corporate-help-page__logo-scroller .scroller-item {
    width: 200px;
    height: 240px;
  }

  .corporate-help-page__logo-scroller .scroller-item img {
    width: 181px;
    height: 115px;
  }

  .corporate-help-page__logo-scroller .company-name {
    font-size: 20px;
  }

  .corporate-help-page__logo-scroller .company-description {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .corporate-help-page .hero-design {
    background-position: 75% center;
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 68.19%), url(../../img/volunteers/volunteers-hero.jpg);
  }

  .corporate-help-page .hero-design .breadcrumb-item {
    color: var(--grey-400);
  }

  .corporate-help-page .hero-design .hero-title {
    margin-top: 6px;
  }

  .corporate-help-page .hero-design .btn {
    margin-top: auto;
    padding: 13px 24px;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0;
  }

  .corporate-help-page__solve-together-people {
    flex-direction: column;
    grid-column: 1 / -1;
  }

  .corporate-help-page__solve-together-person {
    max-width: 100%;
  }

  .corporate-help-page__solve-together-person-text {
    max-width: 100%;
  }

  .corporate-help-page__how-to-help-item.item-1 {
    grid-row: 1;
  }

  .corporate-help-page__how-to-help-item.item-2 {
    grid-row: 2;
  }

  .corporate-help-page__how-to-help-item.item-3 {
    grid-row: 3;
    grid-column: 1 / -1;
  }

  .corporate-help-page__how-to-help-item.item-4 {
    grid-row: 4;
    grid-column: 1 / -1;
  }

  .corporate-help-page__how-to-help-item.item-5 {
    grid-row: 5;
  }

  .corporate-help-page__how-to-help-item.item-6 {
    grid-row: 6;
  }
}

@media (max-width: 375px) {
  .corporate-help-page__logo-scroller .scroller-item {
    width: 200px;
    height: 209px;
  }

  .corporate-help-page__logo-scroller .scroller-item img {
    width: 180px;
    height: 80px;
  }

  .corporate-help-page__logo-scroller .company-name {
    font-size: 16px;
  }

  .corporate-help-page__other-ways-img {
    /* width: 100%; */
    width: calc(50% - 4px);
  }

  .corporate-help-page__other-ways-img.img-1,
  .corporate-help-page__other-ways-img.img-2 {
    margin-bottom: 4px;
  }

  .corporate-help-page__other-ways-img.img-1,
  .corporate-help-page__other-ways-img.img-3 {
    margin-right: 0px;
  }

  .corporate-help-page__materials .corporate-help-page__materials-block-inner {
    padding: 24px;
  }
}

@media (hover: hover) {
  .corporate-help-page__how-to-help-item:hover {
    background-color: var(--green);
    cursor: pointer;
  }
}