/* Footer style */

.footer {
  /* background-image: url('../img/footer_image.svg'); */

  /* background-size: cover; */
  /* background-repeat: no-repeat;
  background-position: center center;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  margin-top:auto; */

}

.footer__mult__desc {
  padding-bottom: 80px;
  padding-top: 40px;
}

.mult__desc__header {
  font-size: 32px !important;
}

.footer__image__block {
    background-image: url('../img/footer_image.svg');
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 295px;
  }

.footer__nav {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  background-color: #F8DB53;

}

.footer__container {
  padding-left: clamp(65px,17.4vw,130px);
  padding-right: clamp(65px,17.4vw,190px);
  padding-top: 60px;
  padding-bottom: 100px;
  margin: 0 auto;
  gap: 30px;

  background-color: #F8DB53;


}

.footer__container__white {
  padding-left: clamp(65px,17.4vw,130px);
  padding-right: clamp(65px,17.4vw,190px);
  padding-top: 60px;
  padding-bottom: 100px;
  margin: 0 auto;
  gap: 30px;

  background-color: #f8f8f8;


}

.coralls-bck__img {
  top: -230px;
  left: 30px;
}

.fish-bck__img {
  top: -130px;
  left: 320px;
}

.plant-bck__img {
  top: -230px;
  right: 30px;
}

.footer__bck-image {
  display:none;
}


.nav__list {
  list-style: none;
  columns: 2 120px;
}

.nav__list__item {
  padding-bottom: 20px;
}


.nav__link {
  color: #424344;
  text-decoration: none;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.125;
  text-transform: uppercase;
}


.social__list {
  gap: 24px;
}

.social__list__icons {
  display: flex;
  gap: 20px;

}

.footer__social__link {
    display: flex;
    flex-flow: column nowrap;
    gap: 15px;
    font-size: 16px;
    text-transform: uppercase;
    justify-self: flex-end;
}

.footer__social__link a {
    text-decoration: none;
    color: #424344;


}

.copyright{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow:column nowrap;
      flex-flow:column nowrap;
  -ms-flex-pack: flex-start;
      justify-content: flex-start;
  gap: 12px;
}

.copyright span {
  color: #424344;
}


@media(max-width: 1024px) {
  .footer__nav {
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr);
    gap: 60px;
  }

  .footer__menu {
    grid-row: 1/3;
    grid-column: 2/3;
  }

  .copyright {
    grid-row: 2/3;
  }

  .footer__social__link {
    justify-self: flex-start;
  }

}


@media(max-width: 640px) {
  .footer__nav {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 50px;
  }

    .footer__menu {
    grid-row: initial;
    grid-column: initial;
  }

  .copyright {
    grid-row: 3/4;
  }

  .footer__social__link {
    grid-row: 1 /2;
  }


  .footer__container {
    padding-bottom: 70px;
  }

  .mult__desc__header {
    font-size: 22px !important;
  }


}

@media(min-width: 1440px) {
    .footer__image__block {
    aspect-ratio: 1 / 0.3;
  }
}