/* FOOTER */

.footer {
  display: flex;
  justify-content: center;
}

.footer .footer-wrapper {
  max-width: 1440px;
  margin: 0 auto;
}

@media only screen and (min-width: 1025px) {
  .footer {
    display: initial;
    justify-content: stretch;
  }
}

/* .footer__container {
  display: flex;
  flex-direction: column;
  padding: 28px 40px;
  min-width: 380px;
} */
.footer__icon {
  height: 120px;
  max-width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 12px;
}

.footer__icon:last-child {
  margin-bottom: 24px;
}

@media only screen and (min-width: 1025px) {
  .footer__icon:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1025px) {
  .footer__icon {
    /* width: 75px;
    height: 75px; */
    margin: 0;
  }
}

.footer__icon-container {
  /* width: 73px;
  height: 73px; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer__icon-container img {
  /* max-width: 45px;
  max-height: 45px; */
  width: 100%;
  max-width: 100px;
  max-height: 100px;
  object-fit: contain;
}

@media only screen and (max-width: 1025px) {
  .footer__icon-container img {
    max-width: 100%;
    max-height: 100%;
  }
}

.footer__icon-container_omma-award {
  width: 82px;
  height: 36px;
}

@media only screen and (min-width: 1025px) {
  .footer__icon-container_omma-award {
    width: 53px;
    height: 22px;
  }
}

.footer__icon-container_martech-award {
  width: 66px;
  height: 76px;
}

@media only screen and (min-width: 1025px) {
  .footer__icon-container_martech-award {
    width: 41px;
    height: 47px;
  }
}

.footer__icon-container_power-player-award {
  width: 68px;
  height: 54px;
}

@media only screen and (min-width: 1025px) {
  .footer__icon-container_power-player-award {
    width: 43px;
    height: 34px;
  }
}

.footer__icon-container_ecovadis-award {
  width: 73px;
  height: 73px;
}

@media only screen and (min-width: 1025px) {
  .footer__icon-container_ecovadis-award {
    width: 46px;
    height: 46px;
  }
}

@media only screen and (min-width: 1025px) {
  .footer__blocks-container {
    display: flex;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 1025px) {
  .footer__icons-container {
    display: flex;
    /* gap: 12px; */
    gap: 75px;
    margin-right: 75px;
  }
}

/* @media only screen and (min-width: 1025px) { */
.nav-menu {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 64px;
  border-bottom: 1px solid var(--color-font-primary-default);
  padding-top: 36px;
  padding-bottom: 103px;
  margin-bottom: 100px;
}

/* } */
@media only screen and (max-width: 1380px) {
  .nav-menu {
    justify-content: start;
  }
}

@media only screen and (max-width: 576px) {
  .footer .nav-menu {
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
  .nav-menu__element {
    width: 100%;
  }
}

/* .element {
  margin-bottom: 40px;
} */
@media only screen and (min-width: 1025px) {
  .element {
    margin-bottom: 0;
    padding: 0 8px;
  }
}

/* .element:last-child {
  padding-bottom: 19px;
  margin-bottom: 74px;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .element:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
} */
/* .element:last-child::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -16px;
  height: 1px;
  width: calc(100% + 25px);
  background-color: var(--color-font-primary-default);
}
@media only screen and (min-width: 1025px) {
  .element:last-child::after {
    display: none;
  }
} */
.footer__nav-menu ul.menu {
  margin: 0;
  padding: 0;
}

.element__title,
.footer__nav-menu li>a {
  font-family: "Inter";
  font-style: normal;
  color: var(--color-font-primary-default);
}

.element__title {
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 4px;
}

.footer__nav-menu li>a {
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 19px;
  margin-bottom: 4px;
  cursor: pointer;
  text-decoration: none;
  text-decoration-color: var(--color-font-primary-default);
  transition: 9s ease-out;
}

.footer__nav-menu li>a:visited {
  color: var(--color-font-primary-default);
}

.footer__nav-menu li>a>span {
  position: relative;
}

.footer__nav-menu li>a>span:focus-visible {
  outline: none;
}

.footer__nav-menu li>a>span::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  display: inline-block;
  width: 0;
  height: 1px;
  background-color: var(--color-font-primary-default);
  transition: width 0.3s ease-out;
}

.footer__nav-menu li>a:focus-visible {
  outline: none;
}

.footer__nav-menu li>a:hover>span::after,
.footer__nav-menu li>a:focus-visible>span::after {
  width: 100%;
}

@media only screen and (min-width: 1025px) {
  .info {
    display: flex;
    align-items: center;
    gap: 28px;
  }
}

.info__icon {
  margin: auto;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 1025px) {
  .info__icon {
    margin: 0;
  }
}

@media only screen and (min-width: 1025px) {
  .info__container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 12px;
  }
}

.info__button-container {
  display: flex;
  justify-content: center;
}

.info__button-icon {
  margin-top: 7px;
}

.info__button {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  min-width: 166px;
  height: 48px;
  padding: 0 15px;
  border: 1px solid var(--color-font-primary-default);
  border-radius: 50px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: var(--color-font-primary-default);
  text-decoration: none;
  margin-bottom: 28px;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
}

@media only screen and (min-width: 1025px) {
  .info__button {
    margin-bottom: 0;
  }
}

.info__button:visited {
  color: var(--color-font-primary-default);
}

.info__button:focus-visible {
  color: var(--colour-white);
  background-color: var(--color-font-primary-default);
  outline: 4px solid var(--button-default-border-colour);
}

.info__button:hover {
  color: var(--colour-white);
  background-color: var(--color-font-primary-default);
}

.info__button:disabled {
  background-color: var(--disabled-button-colour);
  color: var(--font-gray);
}

.info__copyright {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 19px;
  color: var(--color-font-primary-default);
  text-align: center;
}

.footer__nav-menu ul,
.footer__nav-menu li {
  list-style-type: none;
}

.footer__nav-menu .sub-menu {
  padding-left: 0;
}


/* GET IN TOUCH SECTION */

.get-in-touch-container {
  display: flex;
  justify-content: center;
  background-image: url("../../assets/img/getInTouchBackground.png");
  background-size: cover;
  background-position: bottom center;
  height: 650px;
}

@media only screen and (min-width: 768px) {
  .get-in-touch-container {
    background-position: initial;
    height: 568px;
  }
}

.get-in-touch {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}

@media only screen and (min-width: 768px) {
  .get-in-touch {
    max-width: 1200px;
  }
}

.get-in-touch__title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: var(--color-font-primary-default);
  margin: 30px 0 50px;
  max-width: 390px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .get-in-touch__title {
    max-width: initial;
    text-align: initial;
    margin: 3px 0 39px;
  }
}

.get-in-touch__button {
  background-color: var(--colour-white);
  border-radius: 33px;
  min-width: 190px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 40px;
  border: none;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: var(--color-base-red-500);
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

.get-in-touch__button:hover {
  background-color: var(--color-base-red-500);
  color: var(--colour-white) !important;
}

.get-in-touch__button:focus-visible {
  background-color: var(--hovered-button-colour);
  color: var(--colour-white);
  outline: 4px solid var(--button-border-colour);
}

.get-in-touch__button:disabled {
  background-color: var(--disabled-button-colour);
  color: var(--font-gray);
}

.get-in-touch__button:visited {
  color: var(--color-base-red-500);
}

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