@charset "UTF-8";
[class*=__container] {
  max-width: 1480px;
  margin: 0 auto;
}
[class*=__container] {
  padding-left: calc(12px + 38 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  [class*=__container] {
    padding-left: 50px;
  }
}
@media (max-width: 320px) {
  [class*=__container] {
    padding-left: 12px;
  }
}
[class*=__container] {
  padding-right: calc(12px + 38 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  [class*=__container] {
    padding-right: 50px;
  }
}
@media (max-width: 320px) {
  [class*=__container] {
    padding-right: 12px;
  }
}

* {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
}

*::before,
*::after {
  box-sizing: border-box;
}

button {
  user-select: none;
}

a {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  width: 100%;
  height: 100%;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

ul,
li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: 400;
}

sup {
  color: inherit;
}

html.lock {
  overflow: hidden;
  touch-action: none;
}

body {
  min-width: 320px;
  background: #ffffff;
  color: #042767;
  -webkit-tap-highlight-color: transparent;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

main {
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
}

.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: clip;
}

:focus-visible {
  outline: 2px solid #3A68D1;
}

h2 {
  padding-left: 20px;
  font-weight: 700;
  line-height: 135.416667%; /* 65px/48 */
  letter-spacing: 0.03em;
}
h2 {
  font-size: calc(20px + 28 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  h2 {
    font-size: 48px;
  }
}
@media (max-width: 320px) {
  h2 {
    font-size: 20px;
  }
}

.header {
  
  width: 100%;
  padding-top: 15px;
  background-color: rgba(255, 255, 255, 0.8705882353);
}
.header_top-header {
  margin-bottom: 28px;
}

.top-header {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #12388E;
  z-index: 2;
}
.top-header__start {
  margin-right: 11px;
}
.top-header__logo-img {
  width: 159px;
  height: 159px;
  border: 5px solid #243A66;
  border-radius: 50%;
  box-sizing: content-box;
}
.top-header__logo-img {
  border-width: calc(2px + 3 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .top-header__logo-img {
    border-width: 5px;
  }
}
@media (max-width: 320px) {
  .top-header__logo-img {
    border-width: 2px;
  }
}
@media (max-width: 767px) {
  .top-header__logo-img {
    width: 64px;
    height: 64px;
  }
}
.top-header__text {
  line-height: 1.25;
}
.top-header__text {
  font-size: calc(12px + 12 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .top-header__text {
    font-size: 24px;
  }
}
@media (max-width: 320px) {
  .top-header__text {
    font-size: 12px;
  }
}
.top-header__end {
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  align-items: center;
}
.top-header__end {
  margin-left: calc(12px + 16 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .top-header__end {
    margin-left: 28px;
  }
}
@media (max-width: 320px) {
  .top-header__end {
    margin-left: 12px;
  }
}
@media (max-width: 575px) {
  .top-header__end {
    width: 100%;
    flex-direction: column;
    align-items: flex-end;
  }
}
.top-header__tel {
  position: relative;
  display: inline-block;
  padding: 5px 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 1.125rem;
  color: #12388E;
}
.top-header__tel {
  font-size: calc(12px + 4 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .top-header__tel {
    font-size: 16px;
  }
}
@media (max-width: 320px) {
  .top-header__tel {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .top-header__tel {
    font-weight: 400;
  }
}
.top-header__tel::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #042767;
  transform: translateX(-50%);
  transition: width 0.3s ease-in-out;
}
.top-header__tel:hover::before {
  width: 100%;
}

.bottom-header {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .bottom-header {
    display: none;
  }
}
.bottom-header__menu {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  font-family: "Montserrat", sans-serif;
  line-height: 1rem;
  letter-spacing: 0.03em;
}
@media (min-width: 768px) {
  .bottom-header__menu {
    max-width: 816px;
  }
}
@media (max-width: 767px) {
  .bottom-header__menu {
    display: block;
  }
}
.bottom-header__menu-item {
  position: relative;
  padding-bottom: 5px;
  display: inline-block;
  overflow: hidden;
  color: #042767;
}
@media (max-width: 767px) {
  .bottom-header__menu-item {
    margin-bottom: 10px;
  }
}
.bottom-header__menu-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #042767;
  transform: translateX(-50%);
  transition: width 0.3s ease-in-out;
}
.bottom-header__menu-item:hover::before {
  width: 100%;
}

.button {
  background: #3A68D1;
  border-radius: 15px;
  border: none;
  font-weight: 700;
  line-height: 1.125rem;
  color: #ffffff;
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
}
.button {
  font-size: calc(15px + 9 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .button {
    font-size: 24px;
  }
}
@media (max-width: 320px) {
  .button {
    font-size: 15px;
  }
}
.button {
  padding-block: calc(12px + 22 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .button {
    padding-block: 34px;
  }
}
@media (max-width: 320px) {
  .button {
    padding-block: 12px;
  }
}
.button {
  padding-inline: calc(15px + 35 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .button {
    padding-inline: 50px;
  }
}
@media (max-width: 320px) {
  .button {
    padding-inline: 15px;
  }
}
.button:hover {
  background: #12388E;
}

.main {
  
}
@media (max-width: 767px) {
  .main {
    margin-top: 113px;
  }
}

section[id] { /* Або .section-target, якщо ви використовуєте клас */
  scroll-margin-top: 225px; /* Це значення має дорівнювати висоті вашого хедера */
}

.first-screen {
  width: 100%;
}
@media (min-width: 768px) {
  .first-screen {
    margin-top: 43px;
  }
}
.first-screen__container {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.first-screen__content {
  margin-right: calc(20px + 80 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .first-screen__content {
    margin-right: 100px;
  }
}
@media (max-width: 320px) {
  .first-screen__content {
    margin-right: 20px;
  }
}
@media (max-width: 1023px) {
  .first-screen__content {
    max-width: 700px;
    margin: 0 auto;
  }
}
.first-screen__title {
  margin-bottom: 22px;
  font-weight: 700;
  font-size: 38px;
  line-height: 3.25rem;
  color: #12388E;
}
.first-screen__title {
  font-size: calc(20px + 18 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .first-screen__title {
    font-size: 38px;
  }
}
@media (max-width: 320px) {
  .first-screen__title {
    font-size: 20px;
  }
}
@media (max-width: 1023px) {
  .first-screen__title {
    text-align: center;
    line-height: normal;
  }
}
.first-screen__subtitle {
  max-width: 551px;
  font-weight: 400;
  font-size: 36px;
  line-height: 3.0628rem;
  letter-spacing: 0.03em;
  color: #12388E;
}
.first-screen__subtitle {
  font-size: calc(15px + 21 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .first-screen__subtitle {
    font-size: 36px;
  }
}
@media (max-width: 320px) {
  .first-screen__subtitle {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .first-screen__subtitle {
    font-weight: 400;
  }
}
@media (max-width: 1023px) {
  .first-screen__subtitle {
    margin: 0 auto;
    text-align: center;
    line-height: normal;
  }
}
@media (max-width: 767px) {
  .first-screen__subtitle {
    max-width: 451px;
  }
}
.first-screen__image {
  max-width: 43.985507%;
  width: 100%;
}
@media (max-width: 1023px) {
  .first-screen__image {
    display: none;
  }
}
.first-screen__image img {
  width: 100%;
  height: auto;
}

.history {
  width: 100%;
}
.history {
  margin-top: calc(30px + 8 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .history {
    margin-top: 38px;
  }
}
@media (max-width: 320px) {
  .history {
    margin-top: 30px;
  }
}
.history__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.history__title {
  margin-bottom: 43px;
  font-weight: 400;
  font-size: 36px;
  line-height: 3.0625rem;
  text-align: center;
  letter-spacing: 0.03em;
}
.history__title {
  font-size: calc(12px + 24 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .history__title {
    font-size: 36px;
  }
}
@media (max-width: 320px) {
  .history__title {
    font-size: 12px;
  }
}
@media (max-width: 1023px) {
  .history__title {
    margin-bottom: 23px;
  }
}
.history__cards {
  max-width: 1140px;
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 649px) {
  .history__cards {
    flex-direction: column;
    align-items: center;
  }
}
.history__card {
  width: 100%;
  max-width: 330px;
  margin-bottom: 40px;
  padding: 32px 25px 47px;
  border-radius: 25px;
  background-color: #ffffff;
  box-shadow: -4px 4px 10.6px rgba(59, 94, 170, 0.41);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .history__card {
    margin-bottom: 20px;
  }
}
@media (max-width: 374px) {
  .history__card {
    max-width: 206px;
    padding: 15px 10px;
  }
}
.history__card:last-child {
  margin-right: none;
}
@media (max-width: 649px) {
  .history__card:last-child {
    display: none;
  }
}
.history__card-title {
  font-weight: 400;
  line-height: 150%;
}
.history__card-title {
  font-size: calc(13px + 11 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .history__card-title {
    font-size: 24px;
  }
}
@media (max-width: 320px) {
  .history__card-title {
    font-size: 13px;
  }
}
.history__card-text {
  margin-bottom: 27px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 150%;
}
.history__card-text {
  font-size: calc(10px + 4 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .history__card-text {
    font-size: 14px;
  }
}
@media (max-width: 320px) {
  .history__card-text {
    font-size: 10px;
  }
}
@media (max-width: 374px) {
  .history__card-text {
    margin-bottom: 0px;
  }
}
.history__card-link {
  margin-top: auto;
}
@media (max-width: 1023px) {
  .history__button {
    margin-bottom: 30px;
    order: -1;
  }
}

.about-us {
  width: 100%;
}
.about-us {
  margin-top: calc(41px + 21 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .about-us {
    margin-top: 62px;
  }
}
@media (max-width: 320px) {
  .about-us {
    margin-top: 41px;
  }
}
.about-us__title {
  margin-bottom: 3px;
}
.about-us__text {
  background: #F0F7FC;
  box-shadow: -4px 4px 10.6px rgba(59, 94, 170, 0.41);
  border-radius: 25px;
}
.about-us__text {
  padding-block: calc(14px + 46 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .about-us__text {
    padding-block: 60px;
  }
}
@media (max-width: 320px) {
  .about-us__text {
    padding-block: 14px;
  }
}
.about-us__text {
  padding-inline: calc(16px + 16 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .about-us__text {
    padding-inline: 32px;
  }
}
@media (max-width: 320px) {
  .about-us__text {
    padding-inline: 16px;
  }
}
.about-us__text p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  font-style: italic;
  letter-spacing: 0.03em;
  color: #12388E;
}
.about-us__text p {
  font-size: calc(15px + 21 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .about-us__text p {
    font-size: 36px;
  }
}
@media (max-width: 320px) {
  .about-us__text p {
    font-size: 15px;
  }
}
.about-us__text p {
  margin-bottom: calc(17px + 20 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .about-us__text p {
    margin-bottom: 37px;
  }
}
@media (max-width: 320px) {
  .about-us__text p {
    margin-bottom: 17px;
  }
}

.lawyer-help {
  width: 100%;
}
.lawyer-help {
  margin-top: calc(41px + 47 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .lawyer-help {
    margin-top: 88px;
  }
}
@media (max-width: 320px) {
  .lawyer-help {
    margin-top: 41px;
  }
}
.lawyer-help__title {
  margin-bottom: calc(27px + 41 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .lawyer-help__title {
    margin-bottom: 68px;
  }
}
@media (max-width: 320px) {
  .lawyer-help__title {
    margin-bottom: 27px;
  }
}
.lawyer-help__list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, auto);
}
.lawyer-help__list {
  gap: calc(20px + 28 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .lawyer-help__list {
    gap: 48px;
  }
}
@media (max-width: 320px) {
  .lawyer-help__list {
    gap: 20px;
  }
}
.lawyer-help__list {
  margin-bottom: calc(23px + 44 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .lawyer-help__list {
    margin-bottom: 67px;
  }
}
@media (max-width: 320px) {
  .lawyer-help__list {
    margin-bottom: 23px;
  }
}
@media (max-width: 649px) {
  .lawyer-help__list {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.lawyer-help__item {
  display: flex;
  align-items: center;
}
.lawyer-help__item img {
  width: calc(46px + 61 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .lawyer-help__item img {
    width: 107px;
  }
}
@media (max-width: 320px) {
  .lawyer-help__item img {
    width: 46px;
  }
}
.lawyer-help__item img {
  height: calc(46px + 61 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .lawyer-help__item img {
    height: 107px;
  }
}
@media (max-width: 320px) {
  .lawyer-help__item img {
    height: 46px;
  }
}
.lawyer-help__item img {
  margin-right: calc(20px + 1 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .lawyer-help__item img {
    margin-right: 21px;
  }
}
@media (max-width: 320px) {
  .lawyer-help__item img {
    margin-right: 20px;
  }
}
.lawyer-help__item-title {
  font-weight: 300;
  letter-spacing: 0.03em;
}
.lawyer-help__item-title {
  font-size: calc(16px + 24 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .lawyer-help__item-title {
    font-size: 40px;
  }
}
@media (max-width: 320px) {
  .lawyer-help__item-title {
    font-size: 16px;
  }
}
.lawyer-help__text {
  width: max-content;
  margin: 0 auto;
  font-weight: 300;
  font-size: 24px;
  letter-spacing: 0.03em;
}
.lawyer-help__text {
  font-size: calc(12px + 12 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .lawyer-help__text {
    font-size: 24px;
  }
}
@media (max-width: 320px) {
  .lawyer-help__text {
    font-size: 12px;
  }
}
.lawyer-help__text {
  margin-bottom: calc(23px + 25 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .lawyer-help__text {
    margin-bottom: 48px;
  }
}
@media (max-width: 320px) {
  .lawyer-help__text {
    margin-bottom: 23px;
  }
}
.lawyer-help__button {
  margin: 0 auto;
  display: block;
}

.how-we-work {
  width: 100%;
}
.how-we-work {
  margin-top: calc(41px + 110 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .how-we-work {
    margin-top: 151px;
  }
}
@media (max-width: 320px) {
  .how-we-work {
    margin-top: 41px;
  }
}
.how-we-work__title {
  margin-bottom: calc(27px + 31 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .how-we-work__title {
    margin-bottom: 58px;
  }
}
@media (max-width: 320px) {
  .how-we-work__title {
    margin-bottom: 27px;
  }
}
.how-we-work__text {
  width: 100%;
  background: #ffffff;
  box-shadow: -4px 4px 10.6px rgba(59, 94, 170, 0.41);
  border-radius: 25px;
}
.how-we-work__text {
  padding-top: calc(14px + 28 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .how-we-work__text {
    padding-top: 42px;
  }
}
@media (max-width: 320px) {
  .how-we-work__text {
    padding-top: 14px;
  }
}
.how-we-work__text {
  padding-bottom: calc(16px + 72 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .how-we-work__text {
    padding-bottom: 88px;
  }
}
@media (max-width: 320px) {
  .how-we-work__text {
    padding-bottom: 16px;
  }
}
.how-we-work__text {
  padding-inline: calc(16px + 32 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .how-we-work__text {
    padding-inline: 48px;
  }
}
@media (max-width: 320px) {
  .how-we-work__text {
    padding-inline: 16px;
  }
}
.how-we-work__text p {
  margin-bottom: calc(23px + 30 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .how-we-work__text p {
    margin-bottom: 53px;
  }
}
@media (max-width: 320px) {
  .how-we-work__text p {
    margin-bottom: 23px;
  }
}
.how-we-work__text p:first-child {
  letter-spacing: 0.03em;
  font-weight: 700;
}
.how-we-work__text p:first-child {
  font-size: calc(16px + 24 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .how-we-work__text p:first-child {
    font-size: 40px;
  }
}
@media (max-width: 320px) {
  .how-we-work__text p:first-child {
    font-size: 16px;
  }
}
.how-we-work__text p:nth-child(2) {
  letter-spacing: 0.03em;
  font-weight: 700;
  color: #12388E;
}
.how-we-work__text p:nth-child(2) {
  font-size: calc(14px + 22 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .how-we-work__text p:nth-child(2) {
    font-size: 36px;
  }
}
@media (max-width: 320px) {
  .how-we-work__text p:nth-child(2) {
    font-size: 14px;
  }
}
.how-we-work__text p:nth-child(3) {
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.03em;
}
.how-we-work__text p:nth-child(3) {
  font-size: calc(12px + 20 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .how-we-work__text p:nth-child(3) {
    font-size: 32px;
  }
}
@media (max-width: 320px) {
  .how-we-work__text p:nth-child(3) {
    font-size: 12px;
  }
}
.how-we-work__text p:last-child {
  letter-spacing: 0.03em;
  font-weight: 400;
  letter-spacing: 0.03em;
}
.how-we-work__text p:last-child {
  font-size: calc(12px + 20 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .how-we-work__text p:last-child {
    font-size: 32px;
  }
}
@media (max-width: 320px) {
  .how-we-work__text p:last-child {
    font-size: 12px;
  }
}

.volunters {
  width: 100%;
}
.volunters {
  margin-top: calc(41px + 75 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .volunters {
    margin-top: 116px;
  }
}
@media (max-width: 320px) {
  .volunters {
    margin-top: 41px;
  }
}
.volunters__title {
  margin-bottom: calc(27px + 89 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .volunters__title {
    margin-bottom: 116px;
  }
}
@media (max-width: 320px) {
  .volunters__title {
    margin-bottom: 27px;
  }
}
.volunters__list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.volunters__list {
  column-gap: calc(20px + 89 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .volunters__list {
    column-gap: 109px;
  }
}
@media (max-width: 320px) {
  .volunters__list {
    column-gap: 20px;
  }
}
.volunters__list {
  row-gap: calc(20px + 68 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .volunters__list {
    row-gap: 88px;
  }
}
@media (max-width: 320px) {
  .volunters__list {
    row-gap: 20px;
  }
}
@media (max-width: 767px) {
  .volunters__list {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.volunters__item {
  max-height: 134px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .volunters__item {
    max-height: 100px;
  }
}
.volunters__item img {
  width: 134px;
  height: 134px;
}
@media (max-width: 767px) {
  .volunters__item img {
    width: 100px;
    height: 100px;
  }
}
.volunters__item-text {
  width: 100%;
  height: 100%;
  border-radius: 0 25px 25px 0;
  background: #EBF2FF;
  display: flex;
  align-items: center;
}
.volunters__item-text p {
  width: 100%;
  font-weight: 400;
  line-height: 116.666667%; /* 28/24 */
  color: #0B2D79;
  align-self: center;
}
.volunters__item-text p {
  font-size: calc(12px + 12 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .volunters__item-text p {
    font-size: 24px;
  }
}
@media (max-width: 320px) {
  .volunters__item-text p {
    font-size: 12px;
  }
}
.volunters__item-text p {
  padding-block: calc(12px + 13 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .volunters__item-text p {
    padding-block: 25px;
  }
}
@media (max-width: 320px) {
  .volunters__item-text p {
    padding-block: 12px;
  }
}
.volunters__item-text p {
  padding-left: calc(12px + 20 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .volunters__item-text p {
    padding-left: 32px;
  }
}
@media (max-width: 320px) {
  .volunters__item-text p {
    padding-left: 12px;
  }
}
.volunters__item-text p {
  padding-right: calc(12px + 40 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .volunters__item-text p {
    padding-right: 52px;
  }
}
@media (max-width: 320px) {
  .volunters__item-text p {
    padding-right: 12px;
  }
}

.documents {
  width: 100%;
}
.documents {
  margin-top: calc(41px + 104 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .documents {
    margin-top: 145px;
  }
}
@media (max-width: 320px) {
  .documents {
    margin-top: 41px;
  }
}
.documents__title {
  margin-bottom: calc(27px + 44 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .documents__title {
    margin-bottom: 71px;
  }
}
@media (max-width: 320px) {
  .documents__title {
    margin-bottom: 27px;
  }
}
.documents__list {
  display: flex;
  flex-wrap: wrap;
}
.documents__list {
  gap: calc(20px + 20 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .documents__list {
    gap: 40px;
  }
}
@media (max-width: 320px) {
  .documents__list {
    gap: 20px;
  }
}
.documents__item {
  width: 189px;
  height: 267px;
}

.contacts {
  width: 100%;
}
.contacts {
  margin-top: calc(41px + 104 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .contacts {
    margin-top: 145px;
  }
}
@media (max-width: 320px) {
  .contacts {
    margin-top: 41px;
  }
}
.contacts__title {
  margin-bottom: calc(27px + 78 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .contacts__title {
    margin-bottom: 105px;
  }
}
@media (max-width: 320px) {
  .contacts__title {
    margin-bottom: 27px;
  }
}
.contacts__social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.contacts__social {
  gap: calc(20px + 30 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .contacts__social {
    gap: 50px;
  }
}
@media (max-width: 320px) {
  .contacts__social {
    gap: 20px;
  }
}
.contacts__social {
  margin-bottom: calc(20px + 80 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .contacts__social {
    margin-bottom: 100px;
  }
}
@media (max-width: 320px) {
  .contacts__social {
    margin-bottom: 20px;
  }
}
.contacts__social-links {
  display: flex;
  align-items: center;
}
.contacts__social-links {
  gap: calc(20px + 30 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .contacts__social-links {
    gap: 50px;
  }
}
@media (max-width: 320px) {
  .contacts__social-links {
    gap: 20px;
  }
}
.contacts__social-img {
  border-radius: 50%;
}
.contacts__social-img {
  width: calc(42px + 39 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .contacts__social-img {
    width: 81px;
  }
}
@media (max-width: 320px) {
  .contacts__social-img {
    width: 42px;
  }
}
.contacts__social-img {
  height: calc(42px + 39 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .contacts__social-img {
    height: 81px;
  }
}
@media (max-width: 320px) {
  .contacts__social-img {
    height: 42px;
  }
}
.contacts__social-img:hover {
  box-shadow: 0px 0px 10px #3A68D1;
}
.contacts__email {
  position: relative;
  padding-bottom: 5px;
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #12388E;
}
.contacts__email {
  font-size: calc(20px + 16 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .contacts__email {
    font-size: 36px;
  }
}
@media (max-width: 320px) {
  .contacts__email {
    font-size: 20px;
  }
}
.contacts__email {
  margin-bottom: calc(20px + 85 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .contacts__email {
    margin-bottom: 105px;
  }
}
@media (max-width: 320px) {
  .contacts__email {
    margin-bottom: 20px;
  }
}
.contacts__email::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #042767;
  transform: translateX(-50%);
  transition: width 0.3s ease-in-out;
}
.contacts__email:hover::before {
  width: 100%;
}
.contacts p {
  font-weight: 400;
  letter-spacing: 0.03em;
}
.contacts p {
  font-size: calc(20px + 16 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .contacts p {
    font-size: 36px;
  }
}
@media (max-width: 320px) {
  .contacts p {
    font-size: 20px;
  }
}

.faq {
  width: 100%;
}
.faq {
  margin-top: calc(41px + 124 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .faq {
    margin-top: 165px;
  }
}
@media (max-width: 320px) {
  .faq {
    margin-top: 41px;
  }
}
.faq {
  margin-bottom: calc(41px + 124 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .faq {
    margin-bottom: 165px;
  }
}
@media (max-width: 320px) {
  .faq {
    margin-bottom: 41px;
  }
}
.faq__title {
  margin-bottom: calc(27px + 18 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .faq__title {
    margin-bottom: 45px;
  }
}
@media (max-width: 320px) {
  .faq__title {
    margin-bottom: 27px;
  }
}
.faq__list {
  display: inline-block;
  font-weight: 400;
  line-height: 136.111111%; /* 49px/36 */
  letter-spacing: 0.03em;
}
.faq__list {
  font-size: calc(20px + 16 * (100vw - 320px) / (1440 - 320));
}
@media (min-width: 1440px) {
  .faq__list {
    font-size: 36px;
  }
}
@media (max-width: 320px) {
  .faq__list {
    font-size: 20px;
  }
}
.faq__list-item {
  position: relative;
  padding-left: 20px;
}
.faq__list-item::before {
  content: "•";
  color: #042767;
  position: absolute;
  left: 5px;
  top: 0;
  font-size: 1.2em;
  line-height: inherit;
}

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