body {
    margin:0;
    padding: 0;
}
.container {
    max-width: 760px;
    padding: 5px;
}
.video-wrapper {
    max-width: 720px;
}
.btn-bd-purple {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #7e2591;
    --bs-btn-border-color: #7e2591;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #722676;
    --bs-btn-hover-border-color: #722676;
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #5a23c8;
    --bs-btn-active-border-color: #5a23c8;
}
h3 {
    color:#BFA5ED;
    font-size: 24px;
}
.prev-next {
     width: 150px;
     padding-top: 5px;
     margin: 10px auto;
     height: 35px;
     border-radius: 5px;
     background: rgb(255,255,255,0.08);
}
.prev {
     margin-right: 10px;
}
.next {
     margin-left: 10px;
}
.prev i, .next i {
     cursor: pointer;
     z-index:2;
}
.grip {
    color: #6ea8fe;
    padding: 10px;
}
.fa-2x {
    font-size: 1.6em;
}
.fa-3x {
    font-size: 2.5em;
}
.numbers {
       position: relative;
       color: gold;
       font-size: 15px;
       font-style: italic;
       height: 20px;
       padding:2px 10px;
       margin-top: -10px;
       z-index:1;
}
.tooltips {
      position: relative;
      display: inline;
}
.tooltips .tooltiptext {
      visibility: hidden;
      white-space: nowrap;
      color: #fff;
      letter-spacing: 1px;
      background-color: #434754;
      font-size: 13px;
      border-radius: 6px;
      padding: 5px 10px;
      margin: 15px -70px;
      position: absolute;
      top: 100%;
      left: 50%;
      z-index: 1;
}
.tooltips .tooltiptext::after {
      content: " ";
      position: absolute;
      bottom: 100%;  /* At the top of the tooltip */
      left: 50%;
      margin-left: -7px;
      border-width: 7px;
      border-style: solid;
      border-color: transparent transparent #434754 transparent;
}
.tooltips:hover .tooltiptext {
      visibility: visible;
}
.img-swap {
        position: relative;
}
.show img {
        max-width: 95%;
        border-radius: 6px;
}
.slider-start {
        position: absolute;
        top: 25%;
        margin-left: -22px;
        cursor: pointer;
        z-index: 100;
}
.paused {
        animation-play-state: paused !Important;
}
/*image_slider*/
.slider-box {
        align-items: center;
        background: none;
        display: flex;
        height: 160px;
        justify-content: center;
}
@keyframes scroll {
        0% { transform: translateX(0); }
        100% { transform: translateX(calc(-100px * 42));}
}
.slider {
        height: 160px;
        margin: auto;
        overflow: hidden;
        position: relative;
        padding-top: 10px;
        width: 100%;
}
.slide-track {
        animation: scroll 100s linear infinite normal;
        display: flex;
        width: calc(100px * 84);
}
.slide-track:hover {
        animation-play-state: paused;
}
.slide {
        height: 127px;
        width: 100px;
        padding: 0;
        margin: 0;
}
.slide img {
        height: 127px;
        width: 90px;
        border-radius: 6px;
}
.slide img:hover {
        transform: scale(1.1);
        transition: transform .2s;
}