.requests-anticorruption-block {
  position: relative;
}

.requests-anticorruption-block > .container {
  position: relative;
  padding-top: var(--density-indent-second);
  padding-bottom: var(--density-indent-second);
}

.requests-anticorruption-block > .decoration + .container {
  padding-top: var(--density-indent-first);
  padding-bottom: var(--density-indent-first);
}

.requests-anticorruption-block__body {
  display: grid;
  gap: 20px var(--grid-gap);
  grid-template-columns: repeat(2, 1fr);
}

.requests,
.anticorruption {
  padding: var(--grid-gap);
  border-radius: 4px;
  border: 1px solid var(--primary-color-25);
  background: var(--primary-color-light);
  overflow: hidden;
  display: grid;
  grid-template-columns: 0fr 1fr max-content;
  align-items: center;
  gap: 20px var(--grid-gap);
}

.requests__title,
.anticorruption__title {
  font-size: calc(18rem / var(--initial-font-multiplier));
  font-weight: bold;
}

.requests__icon-wrapper,
.anticorruption__icon-wrapper {
  width: 126px;
  height: 126px;
  background: hsl(0, 0%, 100%);
  color: var(--primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  box-shadow: 0 0 0 24px hsla(0, 0%, 100%, 0.5);
  margin: calc(-1 * var(--grid-gap)) 0;
}

.requests__icon,
.anticorruption__icon {
  transition: transform 0.25s ease-in;
}

.anticorruption__button-wrapper,
.requests__button-wrapper {
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
}

.requests:last-child,
.anticorruption:first-child {
  grid-column: 1 / -1;
}

:root.root--special .requests-anticorruption-block {
  background-color: var(--special-background-color);
}

:root.root--special .requests,
:root.root--special .anticorruption {
  background-color: var(--special-background-color);
  border-color: var(--special-text-color);
}

:root.root--special .requests__title,
:root.root--special .anticorruption__title {
  color: var(--special-text-color);
}

:root.root--special .requests__icon-wrapper,
:root.root--special .anticorruption__icon-wrapper {
  box-shadow: none;
  background-color: var(--special-background-color);
  color: var(--special-text-color);
}


:root.root--special:not([data-special-font-size='normal']) .requests,
:root.root--special:not([data-special-font-size='normal']) .anticorruption
{
  grid-template-columns: 0fr 1fr;
}

:root.root--special:not([data-special-font-size='normal']) .requests__icon-wrapper,
:root.root--special:not([data-special-font-size='normal']) .anticorruption__icon-wrapper
{
  grid-row: 1 / 3;
}

:root.root--special:not([data-special-font-size='normal']) .anticorruption__title,
:root.root--special:not([data-special-font-size='normal']) .requests__title
{
  justify-self: center;
  text-align: center;
}

:root.root--special:not([data-special-font-size='normal']) .anticorruption__button-wrapper,
:root.root--special:not([data-special-font-size='normal']) .requests__button-wrapper {
  grid-column: 2;
}

@media (hover: hover) {
  .requests:hover .requests__icon,
  .anticorruption:hover .anticorruption__icon {
    transform: scale(1.1);
    transition: transform 1s ease-out;
  }
}

@media screen and (min-width: 735px) {
  .requests:last-child,
  .anticorruption:first-child {
    grid-template-columns: 0fr 1fr 320px;
  }

  .requests:last-child .requests__title,
  .anticorruption:first-child .anticorruption__title {
    font-size: calc(22rem / var(--initial-font-multiplier));
    justify-self: flex-start;
  }

  .requests:last-child .requests__icon-wrapper,
  .anticorruption:first-child .anticorruption__icon-wrapper {
    margin: calc(-1 * var(--grid-gap)) 20px;
    grid-row: 1;
  }

  .requests:last-child .requests__button-wrapper,
  .anticorruption:first-child .anticorruption__button-wrapper {
    border-left: 1px solid var(--primary-color-25);
    padding-left: var(--grid-gap);
    margin: calc(-1 * var(--grid-gap)) 0;
    grid-column: 3;
  }

  .requests:last-child .requests__button-wrapper .button,
  .anticorruption:first-child .anticorruption__button-wrapper .button {
    height: 48px;
    padding: 0 22px;
    min-width: 200px;
  }
}

@media screen and (max-width: 1155px) and (min-width: 1088px) {
  .requests,
  .anticorruption {
    grid-template-columns: 0fr 1fr;
  }

  .requests__icon-wrapper,
  .anticorruption__icon-wrapper {
    grid-row: 1 / 3;
  }

  .anticorruption__title,
  .requests__title {
    justify-self: center;
    text-align: center;
  }

  .anticorruption__button-wrapper,
  .requests__button-wrapper {
    grid-column: 2;
  }
}

@media screen and (max-width: 1087px) {
  .requests,
  .anticorruption {
    grid-template-columns: 1fr;
  }

  .requests > *,
  .anticorruption > * {
    justify-self: center;
  }

  .anticorruption__title,
  .requests__title {
    text-align: center;
  }
}

@media screen and (max-width: 735px) {
  .requests-anticorruption-block__body {
    grid-template-columns: 1fr;
  }
}
