.footer{
  width: 100%;
  background-color: #222222;
  padding: 45px var(--side-margin);
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr 1fr 2fr 200px;
}

.footer-list-menu ul{
  list-style: none;
  font-style: normal;
  font-weight: 500;
  font-size: var(--p-main-text);
  letter-spacing: 0.216666px;
  color: #9E9E9E;
}

.footer-list-menu ul li{
  margin-bottom: 8px;
}

.footer-list-menu ul li a{
  transition: 0.15s ease-in-out;
}

.footer-list-menu ul li a:hover{
  cursor: pointer;
  color: white;
}

.footer-text{
  font-style: normal;
  font-weight: 500;
  font-size: var(--p-main-text);
  color: #9E9E9E;
}

.footer-contacts p{
  font-style: normal;
  font-weight: 500;
  font-size: var(--p-main-text);
  line-height: 21px;
  letter-spacing: 0.216666px;
  color: #FFFFFF;
}

.email-input-div{
  display: flex;
  align-items: center;
  margin-top: 36px;
}

.email-input{
  height: 35px;
  border-radius: 2px;
  padding: 4px 10px;
  border: none;
}

.subscribe-btn{
  background: var(--accent-color);
  border-radius: 0px 2px 2px 0px;
  height: 35px;
  padding: 9px 15px;
  margin-left: -2px;
}

.subscribe-btn i{
  color: white;
  scale: 1.6;
}

.footer-contacts-wrapper{
  max-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-contacts-wrapper .contactServices{
  justify-content: space-between;
}

.stripe{
  width: 100%;
  background: var(--accent-color);
  padding: 8px var(--side-margin);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.stripe p{
  font-style: normal;
  font-weight: 500;
  font-size: var(--p-secondary-text);
  line-height: 21px;
  letter-spacing: 0.589285px;
  color: #FFFFFF;
}

@media (max-width: 1150px) {
  .footer{
    display: flex;
    flex-direction: column;
  }
}