.giftcard-details__sixth-row {
  width: 100%;
  margin-bottom: 2em;
}
.add-wrapping__animation-div {
  width: 100%;
  display: grid;
  grid-template-columns: calc(50% - 1em) calc(50% - 1em);
  gap: 2em;
}

.add-animation__right-col {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.wrapping__heading {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  gap: 1em;
  -webkit-box-align: center;
  align-items: center;
}
.giftcard-details__heading-text {
  font-family: var(--secondary-bold-font), georgia, serif;
  font-size: 1.5em;
}
.wrapper-cost-label {
  font-family: var(--secondary-medium-font);
  font-size: 1rem;
  color: var(--primary-color);
}
.wrapper-cost {
  font-family: var(--secondary-bold-font);
  text-transform: uppercase;
}

.warper_description p {
  margin: 1em 0px !important;
}

.animation-item {
  width: 150px;
  height: 100px;
  padding-right: 0.5em;
}
.animation-item:not(:last-of-type) {
  margin-right: 0.5em;
}

.animation-item img {
  width: 150px;
  height: auto;
  border-radius: 5px;
  filter: drop-shadow(rgba(50, 50, 0, 0.5) -1px 4px 3px);
}

.selected-animation__wrapper {
  position: relative;
  width: 350px;
  height: 100%;
}
.selected-animation__wrapper video {
  width: 100%;
}

@media (max-width: 550px) {
  .selected-animation__wrapper {
    width: 100%;
  }
}

.animation-control {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(45, 45, 45, 0.314);
  cursor: pointer;
}

.animation-control::before {
  content: "";
  position: absolute;
  top: calc(50% - 35px);
  left: calc(50% - 40px);
  width: 70px;
  height: 70px;
  border: 2px solid rgb(247, 247, 247);
  border-radius: 50%;
  transition: transform 0.2s ease-in-out 0s;
  transform: scale(0.75);
}

.animation-control::after {
  content: "";
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  width: 0px;
  height: 0px;
  border-width: 20px 20px 20px 35px;
  border-style: solid;
  border-color: transparent transparent transparent rgb(247, 247, 247);
  transition: transform 0.2s ease-in-out 0s;
  transform: scale(0.75);
}

@media (max-width: 768px) {
  .add-wrapping__animation-div {
    grid-template-columns: 1fr;
  }
}