.socials {
  width: 100%;
  background-color: #ffc634;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;

  flex-direction: column;

  padding: 40px 80px;
}

.socials .text-wrapper {
  -webkit-text-stroke: 4px #000000;
  font-family: "Bangers", Helvetica;
  font-weight: 400;
  color: #ed3a23;
  font-size: 90px;
  letter-spacing: 1.8px;
  line-height: 85.5px;

  word-wrap: break-word;
  width: 100%;
  text-align: center;
}

.socials .wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;

  gap: 50px;

  flex-wrap: wrap;
}

.socials .row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px; 

  width: 100%;
}

.socials .row .image {
  width: 400px;
  height: 98px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.socials .row .hover {
  width: 400px;
  height: 98px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.socials .d {
  position: relative;
  background-image: url("../img/07_d.svg");
}

.socials .d:hover .hover.d {
  opacity: 1;
}

.socials .hover.d {
  background-image: url("../img/07_dh.svg");
  opacity: 0;
}

.socials .i {
  position: relative;
  background-image: url("../img/07_i.svg");
}

.socials .i:hover .hover.i {
  opacity: 1;
}

.socials .hover.i {
  background-image: url("../img/07_ih.svg");
  opacity: 0;
}

.socials .t {
  position: relative;
  background-image: url("../img/07_t.svg");
}

.socials .t:hover .hover.t {
  opacity: 1;
}

.socials .hover.t {
  background-image: url("../img/07_th.svg");
  opacity: 0;
}

.socials .x {
  position: relative;
  background-image: url("../img/07_x.svg");
}

.socials .x:hover .hover.x {
  opacity: 1;
}

.socials .hover.x {
  background-image: url("../img/07_xh.svg");
  opacity: 0;
}

.socials .y {
  position: relative;
  background-image: url("../img/07_y.svg");
}

.socials .y:hover .hover.y {
  opacity: 1;
}

.socials .hover.y {
  background-image: url("../img/07_yh.svg");
  opacity: 0;
}

@media (max-width: 960px) {
  .socials .row {
    flex-direction: column;
  }
}