@media (min-width: 1501px) {
  .slider-videos .one-slide-container {
    display: grid;
    grid-template-columns: repeat(12, 0.5fr);
    grid-template-rows: repeat(12, 0.5fr);
  }
  .slider-videos .one-slide-container .video-container {
    grid-row: 1/12;
    grid-column: 1/8;
    z-index: 2;
    position: relative;
    height: auto;
  }
  .slider-videos .one-slide-container .video-container video {
    height: auto;
    width: 100%;
    transition: transform 1s ease;
    transform: scale(1);
  }
  .slider-videos .one-slide-container .video-container video poster img {
    width: 100%;
    height: 100%;
  }
  .slider-videos .one-slide-container .video-container video:hover {
    transform: scale(1.02);
  }
  .slider-videos .one-slide-container .video-container .triangle-container {
    position: absolute;
    top: 40%;
    left: 40%;
    transform: translate(50%, 50%);
    width: 4em;
    width: clamp(2.4em, 15vw, 4em);
    height: 3em;
    height: clamp(1.7em, 15vw, 3em);
    aspect-ratio: 2/1;
    background-color: #fff;
    -webkit-mask: var(--mask-footer);
    mask: var(--mask-footer);
    margin: auto;
    display: grid;
    place-content: center;
  }
  .slider-videos .one-slide-container .video-container .triangle-container img {
    width: 1.2em;
    width: clamp(0.7em, 3vw, 1.1em);
  }
  .slider-videos .one-slide-container .text-container {
    grid-row: 3/13;
    grid-column: 7/13;
    display: grid;
    place-content: center;
    z-index: 1;
    background-color: var(--footer-black);
    color: var(--background-grey);
    padding: 3em;
    padding: clamp(1em, 2.5vw, 3em);
    padding-left: 9em;
    padding-left: clamp(2em, 7.5vw, 9em);
    -webkit-clip-path: polygon(86% 0, 100% 18%, 100% 100%, 0 99%, 0 0);
            clip-path: polygon(86% 0, 100% 18%, 100% 100%, 0 99%, 0 0);
  }
  .slider-videos .slider-button {
    transform: translate(0, 0);
    background-color: #fff;
  }
}
@media (max-width: 1750px) {
  .slider-videos .one-slide-container .video-container .triangle-container {
    top: 35%;
    left: 40%;
    transform: translate(50%, 50%);
  }
}
@media (max-width: 1560px) {
  .slider-videos .one-slide-container .video-container .triangle-container {
    top: 30%;
    left: 40%;
    transform: translate(50%, 50%);
  }
}
@media (max-width: 1500px) {
  .slider-videos .one-slide-container {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .slider-videos .one-slide-container .video-container {
    z-index: 2;
    position: relative;
    height: auto;
  }
  .slider-videos .one-slide-container .video-container video {
    height: auto;
    width: 100%;
    transition: transform 1s ease;
    transform: scale(1);
  }
  .slider-videos .one-slide-container .video-container video poster img {
    width: 100%;
    height: 100%;
  }
  .slider-videos .one-slide-container .video-container video:hover {
    transform: scale(1.02);
  }
  .slider-videos .one-slide-container .video-container .triangle-container {
    position: absolute;
    top: 40%;
    left: 40%;
    transform: translate(50%, 50%);
    width: 4em;
    width: clamp(2.4em, 15vw, 4em);
    height: 3em;
    height: clamp(1.7em, 15vw, 3em);
    aspect-ratio: 2/1;
    background-color: #fff;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 71%, 88% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0, 100% 71%, 88% 100%, 0% 100%);
    margin: auto;
    display: grid;
    place-content: center;
  }
  .slider-videos .one-slide-container .video-container .triangle-container img {
    width: 1.2em;
    width: clamp(0.7em, 3vw, 1.1em);
  }
  .slider-videos .one-slide-container .text-container {
    display: grid;
    place-content: center;
    z-index: 3;
    background-color: var(--footer-black);
    color: var(--background-grey);
    padding: 3em;
    padding: clamp(1em, 2.5vw, 3em);
    -webkit-clip-path: polygon(0 0, 93% 0, 100% 15%, 100% 100%, 0 99%, 0% 50%);
            clip-path: polygon(0 0, 93% 0, 100% 15%, 100% 100%, 0 99%, 0% 50%);
    transform: translate(0, -35%);
  }
  .slider-videos .one-slide-container .text-container p {
    padding-inline: 3em;
    padding-inline: clamp(0.5em, 5vw, 3em);
  }
  .slider-videos .slider-button {
    transform: translate(0, 0);
    background-color: #fff;
  }
}
@media (max-width: 1100px) {
  .slider-videos .one-slide-container .text-container {
    transform: translate(0, -30%);
  }
}
@media (max-width: 700px) {
  .slider-videos .one-slide-container .text-container {
    transform: translate(0, -16%);
    -webkit-clip-path: polygon(0 0, 93% 0, 100% 11%, 100% 100%, 0 99%, 0% 50%);
            clip-path: polygon(0 0, 93% 0, 100% 11%, 100% 100%, 0 99%, 0% 50%);
  }
}
@media (max-width: 500px) {
  .slider-videos .one-slide-container .text-container {
    transform: translate(0, -11%);
  }
}
@media (max-width: 400px) {
  .slider-videos .one-slide-container .text-container {
    -webkit-clip-path: polygon(0 0, 92% 0, 100% 7%, 100% 100%, 0 100%, 0% 50%);
            clip-path: polygon(0 0, 92% 0, 100% 7%, 100% 100%, 0 100%, 0% 50%);
    transform: translate(0, -7%);
  }
}
@media (max-width: 370px) {
  .slider-videos .one-slide-container .text-container {
    transform: translate(0, -7%);
  }
}