.ddd-banner {
    background-image: url("https://www.sakon.com/hubfs/banner-ddd.jpg");
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
}
.ddd-banner h4 {
  font-weight:600;
}
.ddd-banner iframe {
  width:12rem;
  height:8rem;
  padding:.75rem 0 .325rem 0;
}
.banner-slider-content .number span {
    font-size: 1.75rem;
    color: rgba(0, 0, 0, 0.4);
    line-height: 1;
}
.banner-slider-content .number {
/*     padding-left: 1.25rem; */
}
.second-module {
    background: #f4f4f4;
}
.half-slide {
    padding-left: 9% !important;
}
.banner-slider-content p {
    font-size: 1rem;
    font-weight: 500;
    color: #000;
}
.ddd-banner-slider .slick-prev,
.ddd-banner-slider .slick-next,
.ddd-slider .slick-prev,
.ddd-slider .slick-next {
    position: absolute;
    border: none;
    color: transparent;
    background: url(https://5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/sakon-2022/images/hdr-arr.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.banner-arrows {
    height: 100%;
    position: absolute;
    left: 0;
    top: -15px;
    width: 5rem;
}
.banner-arrows div {
    height: 60%;
    border-right: 1px solid #e5e5e5;
}
.banner-arrows div:last-child {
  height: 56%;
    border-top: 1px solid #e5e5e5;
}
.slick-slide {
  padding:0.75rem;
}
.ddd-banner-slider .slick-prev,
.ddd-banner-slider .slick-next {
    padding: 2rem;
    margin-left: -15px;
    background-position: center;
    padding: 40px !important;
}
.ddd-banner-slider .slick-next {
    top: -15px;
}
.ddd-banner-slider .slick-prev {
    bottom: -0.25rem;
}
.ddd-slider.leaders-carousel .slick-prev,
.ddd-slider.leaders-carousel .slick-next {
    background-image: url(https://www.sakon.com/hubfs/white-arr.png) !important;
    height: 34px !important;
    width: 19px !important;
    top: 50%;
  transform: translatey(-50%);
}
.ddd-slider.leaders-carousel .slide-content {
    padding: 0 !important;
}
.ddd-slider.leaders-carousel .slick-prev {
    transform: translatey(-50%) rotate(-180deg);
    left: -2rem;
}
.ddd-slider.leaders-carousel .slick-next {
    right: -2rem;
}
footer {
    border-top: 0 !important;
}
.ddd-banner-slider .slick-prev,
.ddd-banner-slider .slick-next,
.v-cards .ddd-slider .slick-prev,
.v-cards .ddd-slider .slick-next {
    left: -9%;
    transform: rotate(90deg);
}
.ddd-banner-slider .slick-next,
.v-cards .ddd-slider .slick-next {
    top: -8%;
    transform: rotate(-90deg);
}
.ddd-banner-slider .slick-next {
  top:0;
}
.ddd-banner-slider .slick-prev,
.ddd-banner-slider .slick-next {
    margin: 0;
}
.v-cards .ddd-slider .slick-next {
    left: unset;
    top: -37px;
    right: 0;
}
.ddd-andy.v-cards .ddd-slider .slick-next,
.ddd-andy.v-cards .ddd-slider .slick-prev {
background:url(https://www.sakon.com/hubfs/v-arr.png) no-repeat;
  transform:rotate(-180deg);
}
.ddd-andy.v-cards .ddd-slider .slick-prev {
  transform:rotate(0);
}
@media(min-width:991px){
.ddd-andy.v-cards .ddd-slider .slick-next:hover,
.ddd-andy.v-cards .ddd-slider .slick-prev:hover{
    background-color:rgba(0,0,0,0.1);
  }
}
.v-cards .ddd-slider .slick-prev {
    left: unset;
    top: -1.625rem;
    right: 1.75rem;
}
 .second-module .v-cards .ddd-slider .slick-next {
     transform: rotate(-180deg) !important;
   left:85px !important;
  }

.v-thumb {
  position:absolute;
  bottom:0.625rem;
  right:0.625rem;
  height : 2rem !important;
  width:unset !important;
}
.ddd-banner h1 {
    text-transform: uppercase;
}
/* .ddd-banner{
  height:92vh;
} */
.ddd-banner h1 {
    font-size: 3.5rem;
}
.ddd-module h2:before {
    content: "";
    background-color: #01c2dc;
    width: 5%;
    height: 5px;
    position: absolute;
    top: -1.125rem;
    left: 1.25rem;
}
.ddd-module h2,
.ddd-blogs h2 {
    font-weight: 500;
    font-size: 3rem;
}


.ddd-module h5 {
    text-transform: uppercase;
    padding-bottom: 1rem;
  font-size: 1.125rem;
  color:#01c2dc;
}
.ddd-module p {
    font-size: 1.25rem;
}
.ddd-blogs {
    background: #f4f4f4;
}
.ddd-blogs .card {
    background: #fff;
    border: 0;
    padding-top: 4rem !important;
}
.ddd-blogs .card p {
    font-size: 1rem !important;
}
.ddd-blogs .card h3,
.ddd-blogs .card p,
.ddd-blogs .card a.rd-mr,
.slide-card a {
    width: 100%;
}
.slide-card a:hover, .ddd-blogs .card a.rd-mr:hover, .banner-slider-content a:hover, .ddd-module a:hover {
  text-decoration:none;
}
.ddd-blogs .card h3 {
    font-size: 1.75rem;
/*   min-height:7.5rem; */
}
.ddd-blogs .card a.rd-mr {
    position: absolute;
    bottom: 2.5rem;
    left: 3rem;
}
.ddd-blogs .card p {
    color: rgba(0, 0, 0, 0.7);
}

.ddd-module a,
.banner-slider-content a,
.ddd-blogs a.rd-mr,
.slide-card a {
    text-transform: uppercase;
    font-size: 0.75rem;
    color: rgba(0, 0, 0, 0.6);
    padding-top: 1.5rem;
    display: inline-block;
  color:#01c2dc;
}
.slide-card a {
  font-size:0.688rem;
    padding-top:0;
}
.ddd-blogs h3 a {
  font-size:unset;
}
.banner-slider-content a {
    padding-top: 2.5rem;
}
.ddd-blogs a.rd-mr {
    padding-top: 0;
}
.ddd-blogs a.rd-mr:hover {
color:#0d1224
}
.ddd-andy.v-cards .ddd-slider .slick-next,
.ddd-andy.v-cards .ddd-slider .slick-prev {
/*     background-color:rgba(0,0,0,0.2); */
  width:2.25rem;
  height:2.25rem;
  border-radius:30px;
background-size: 40%;
    background-position-x: center;
    background-position-y: 52%;
}
 .ddd-andy.v-cards .ddd-slider .slick-prev {
  top:-2.335rem;
  }
.ddd-module a:after,
.banner-slider-content a:after,
.ddd-blogs a.rd-mr:after,
.slide-card a:after {
    content: "";
       background-image: url(https://designsystem.sakon.com/wp-content/uploads/2023/02/Right-Arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0.45rem;
    content: "";
    height: 0.5rem;
    margin-left: 10px;
    position: absolute;
    width: 0.875rem;
   filter: grayscale(100%);
}
.slide-card a:after {
    background-image: url(https://designsystem.sakon.com/wp-content/uploads/2023/02/Right-Arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0.45rem;
    content: "";
    height: 0.5rem;
    margin-left: 10px;
    position: absolute;
    width: 0.875rem;
}
.slide-card a {
    position: relative;
}
  .ddd-blogs a.rd-mr:after {
        bottom: 0.35rem;
    }
.ddd-banner-slider {
    background-color: #fff;
}
.ddd-banner-slider .slick-dots {
    display: none !important;
}

.v-cards {
    padding-top: 2rem;
}
.v-cards p {
    font-size: 0.875rem;
    font-weight: 500;
  min-height:2.25rem;
}
.video-count {
position: absolute;
    top: -5rem;
  display:inline-block;
  width:unset !important;
  left:-3rem;
}
.v-count {
    left: unset!important;
    right: 3rem;
    top: -0.188rem!important;
  font-size:0.875rem;
}
.bg-gray {
    background-color: #c8cfd4;
}
.bg-gray p {
    color: #000;
  font-size:1rem;
}
.bg-gray button {
  
 background-color: transparent;
  margin-left:.5rem;
}
.ddd-gallery.bg-dark {
    background-color: #000 !important;
    padding: 3rem 0;
}
.half-slide {
  padding-left:unset;
}
.ddd-gallery .carousel-control-prev-icon,
.ddd-gallery .carousel-control-next-icon {
    background-image: url(https://www.sakon.com/hubfs/white-arr.png) !important;
    height: 34px !important;
    width: 19px !important;
}
.half-slide figure {
    margin-bottom: 0;
  display:flex;
}
.time-arrived .slide-card {
    background: #fff;
    padding: 1rem;
    border-bottom-left-radius:  0.625rem;
    border-bottom-right-radius:  0.625rem;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
}
.time-arrived img {
border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;

}
.second-module .v-cards .slick-prev,
.second-module .v-cards .slick-next {
    left: 1.125rem;
    top: unset;
/*     background: url(https://www.sakon.com/hubfs/green-arr.png); */
  background: url(https://www.sakon.com/hubfs/new-arr.png) no-repeat;
    height: 40px;
    width: 40px;
  bottom:-60px;
}
 .slide-card a:after {
    bottom:0.335rem !important;
}

.second-module .v-cards .slick-prev:hover,
.second-module .v-cards .slick-next:hover {
    opacity: 1;
}
.second-module .v-cards .slick-prev {
    transform: rotate(0);
  bottom:-65px;
/*    background: url(https://www.sakon.com/hubfs/rounnd-arr.jpg); */
  background: url(https://www.sakon.com/hubfs/new-arr.png);
  background-repeat:no-repeat;
   opacity: 0.5; 
}
.second-module .v-cards .slick-next {
    left: 5.25rem !important;
  opacity: 0.5; 
}
.half-slide .slick-list {
    padding: 0 2% 0 0 !important;
}
.ddd-gallery .carousel-control-prev {
    left: -6rem !important;
    top: 50% !important;
}
.ddd-gallery .carousel-control-next {
    right: -6rem !important;
    top: 50% !important;
}
 
.mfp-iframe-holder .mfp-close {
    width: 2rem !important;
    background: #fff;
    opacity: 1;
    border-radius: 100%;
    height: 2rem !important;
    top:-2rem !important;
    line-height:0;
    padding-right:0.5rem !important;
    font-size:1.5rem;
    padding-bottom:0.125rem;
  }
.mfp-iframe-holder .mfp-close:hover {
  opacity:0.7;
}

@media (min-width: 769px) {
    .ddd-mod-content {
        position: absolute;
        bottom: 0;
        padding-right: 1.5rem;
    }
    .ddd-banner {
        position: relative;
    }
    .slick-slide img {
        width: 100%;
    }
    /*.ddd-banner .container {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  margin:0 auto;
} */
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .ddd-gallery.bg-dark {
/*     width:97% !important; */
}
.half-slide {
  padding-left:unset;
}
  .logo-cont {
    font-size:0.75rem !important;
  }
    .ddd-gallery .carousel-control-prev {
        left: -1.25rem !important;
        top: 50% !important;
    }
    .banner-slider-content a {
        padding-bottom: 2rem;
    }
    .banner-slider-content a:after {
        bottom: 2.35rem;
    }
    .ddd-gallery .carousel-control-next {
        right: -1.25rem !important;
        top: 50% !important;
    }
    .ddd-mod-content {
        margin-top: 2rem;
        padding-right: unset;
    }
    .ddd-module a,
    .ddd-blogs a.rd-mr,
    .banner-slider-content a {
        padding-top: 0.5rem;
    }
    .v-cards {
        padding-top: 0;
    }
    .ddd-blogs .card {
        padding-top: 2rem !important;
    }
    .ddd-blogs .card p {
        padding-bottom: 0.5rem !important;
    }
    .ddd-gallery.bg-dark {
        padding: 0.5rem 0;
    }
  
    .ddd-banner-slider .slick-prev,
    .ddd-banner-slider .slick-next {
        top: 0;
        right: 3%;
        left: unset;
        padding: 0 !important;
    }
    .ddd-banner-slider .slick-prev {
        right: 7%;
        top: -1px;
    }
    .slide-content {
        padding: 0 !important;
    }
    .slide-content.slick-slide {
        padding: 10px !important;
    }
    .time-arrived iframe {
    height:12rem;
    }
    .slide-content img {
/*         width: 100% !important; */
    }
    .ddd-slider.leaders-carousel .slick-prev {
        left: 0;
    }
    .ddd-slider.leaders-carousel .slick-next {
        right: 0;
    }
    .ddd-banner {
        height: unset;
    }
    .half-slide {
        padding-left: 4% !important;
    }

    .time-arrived .slide-card {
        margin-bottom: 0;
    }
    .banner-slider-content .number {
        padding-left: 0.5rem;
        padding-bottom: 1rem;
    }
    .ddd-blogs .card a.rd-mr {
        position: unset;
    }
    .ddd-module h2:before {
        left: 15px;
    }
    .ddd-blogs h2 {
        padding-bottom: 1.5rem;
        font-size: 2rem !important;
    }
    .ddd-blogs .card h3 {
        font-size: 1.25rem;
      min-height:5rem; 
    }
    .ddd-blogs a.rd-mr:after {
        bottom: 35px;
    }
  .ddd-banner iframe { 
    width:100%;
    height:10rem;
    }
  .bg-gray button {
    float:right;
    margin-top:.875rem;
    padding:0 0 0 4px !important;
  }
  .ddd-gallery figure img {
    width:100%;
  }
  .video-count {
    left:8rem !important;
    top:-1.5rem !important;
  }
  .v-count {
    left:11rem !important;
    top:-1.5rem !important;
  }
  .ddd-andy.v-cards .ddd-slider .slick-prev {
    top:-2.1rem !important;
  }
  .second-module .v-cards .slick-prev {
    bottom:-60px;
  }
  .second-module .v-cards .slick-next {
    left:4.75rem !important;
  }
   .ddd-module a:after{
    bottom:0.5rem !important;
  }
  .ddd-banner {
    padding-bottom:1.5rem;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1224px) {
   .half-slide {
      padding-left: 7% !important;
  }
}
@media screen and (min-width: 1225px) and (max-width: 1440px) {
 
   .half-slide {
      padding-left: 9% !important;
  }
  .bg-gray button {
  padding:0 0 0 6px;
}
    .ddd-module iframe {
      height:8rem;
    }
  .video-count { 
    left:-5.25rem !important;
    top:-4rem;
  }
 
  .second-module .v-cards .ddd-slider .slick-next {
    left:65px !important;
  }
  .second-module .v-cards .slick-prev, .second-module .v-cards .slick-next {
    background-size:90%;
  }
  .v-count {
    top: 0.335rem!important;
    right: 4rem !important;
}
  .v-count {
      right: unset !important;
    left: 62rem !important;
}
  .ddd-andy.v-cards .ddd-slider .slick-prev {
    top:-2.15rem;
  }
  .ddd-andy.v-cards .ddd-slider .slick-next {
    top:-2.15rem;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1512px) {
  .half-slide {
      padding-left: 9% !important;
  }
    
  .bg-gray button {
  padding:0 0 0 6px;
}

.second-module .v-cards .slick-prev, .second-module .v-cards .slick-next {
    background-size: 90%;
  bottom:unset;
}
.second-module .v-cards .ddd-slider .slick-next {
    left: 65px !important;
  bottom:-36px;
}
 .second-module .video-count {
       left: -6.25rem !important;
    top: -5.5rem !important;
}
  .ddd-andy .video-count {
  right: 4rem;
    top: 0rem!important;
}
}
@media screen and (min-width: 1513px) and (max-width: 1559px) {
   .half-slide {
      padding-left: 9% !important;
  }
    }
  .bg-gray button {
  padding:0 0 0 6px;
}
  .video-count { 
    left:-3rem;
  }
}
@media screen and (min-width: 1560px) and (max-width: 1680px) {
    }
  .bg-gray button {
  padding:2px 0 0 6px;
}
   .time-arrived iframe {
    height:10rem;
    }
   .half-slide {
      padding-left: 11% !important;
  }
  .video-count { 
    left:-4.5rem;
  }
}
@media screen and (min-width: 1681px) and (max-width: 1825px) {
   .time-arrived iframe {
    height:10rem;
    }
 .ddd-andy.v-cards .ddd-slider .slick-prev {
    top:-2rem;
  }
}
@media screen and (min-width: 1826px) and (max-width: 1920px) {
    .ddd-andy.v-cards .ddd-slider .slick-prev {
    top:-1.928rem;
      right:1.335rem;
  } 
      .second-module .v-cards .slick-prev {
    bottom:-60px;
  
  }
  .v-count {
  right:3.5rem;
    top:0.5rem !important;
  }
  .video-count {
    left:-6.5rem;
    top:-4.75rem;
  }
  
  
}
@media (min-width: 1921px) and (max-width: 2559px) {
  .half-slide {
      padding-left: 11% !important;
  }
  .video-count {
    left:-7rem;
    top:-5.125rem;
  }
   .second-module .v-cards .slick-next {
    left:4.25rem !important;
  }
  .ddd-andy.v-cards .ddd-slider .slick-prev { 
    top:-2.063rem;
    right:1.75rem;
  }
    .ddd-andy.v-cards .ddd-slider .slick-next { 
      top:-2rem;
  }
    
  /*
  .ddd-banner-slider .slick-next, .ddd-banner-slider .slick-prev {
    left:-7.5%;
    background-size:25%;
  }
  .ddd-banner-slider .slick-next {
    top:0.75rem;
  } */
  .ddd-banner-slider .slick-prev {
    bottom:0.5rem;
  }
  .banner-arrows div {
    height: 57%;
  }
  .banner-arrows div:last-child {
    height:57%;
  }
  .banner-slider-content a {
    padding-top:0.5rem;
  }
  .ddd-module a:after, .banner-slider-content a:after {
/*     bottom:0.625rem !important; */
  }
 .slide-card a:after {
    bottom:0.335rem !important;
  }
    .v-count {
    top: 0.5rem!important;
      right:4rem !important
}
  .second-module .v-cards .slick-prev {
    bottom:-60px;
  }
}
@media (min-width: 2560px) and (max-width: 5119px) {
   .second-module .v-cards .slick-prev {
    bottom:-61px;
  }
  .half-slide {
      padding-left: 11% !important;
  }
  .v-count {
    top: 0.5rem!important;
}
 
  /*
   .ddd-amine .v-cards .ddd-slider .slick-next {
    right:15px;
  } */
  
  .second-module .v-cards .ddd-slider .slick-next {
    left:100px !important;
  }
/*  .ddd-module a:after,  .banner-slider-content a:after {
    bottom:0.625rem !important;
  } */
/* .slide-card a:after {
    bottom:0.5rem !important;
  } */
  .video-count {
    left:-7rem;
    top:-5.4rem;
  }

   .second-module .v-cards .slick-next {
    left:4.25rem !important;
         transform: rotate(-180deg) !important;
  }
 
  .banner-slider-content a {
    padding-top:0.5rem;
  }


  .second-module .v-cards .slick-next, .second-module .v-cards .slick-prev {
    height:50px;
    width:50px;
    background-size:cover;
  }
  .ddd-banner-slider .slick-next, .ddd-banner-slider .slick-prev {
    left:-7.25%;
     background-size:25%;
  }
  .ddd-banner-slider .slick-next {
    top:1rem;
  }
  .ddd-banner-slider .slick-prev {
    bottom:0.5rem;
  }
   .banner-arrows div {
    height: 57%;
  }
  .banner-arrows div:last-child {
    height:57%;
  }
 .ddd-andy.v-cards .ddd-slider .slick-prev { 
    top:-2rem;
  }
   .ddd-andy.v-cards .ddd-slider .slick-next { 
    top:-1.938rem;
     right:15px;
  }
  .ddd-andy.v-cards .ddd-slider .slick-prev { 
    
     right:2.25rem;
  }
     .ddd-andy.v-cards .video-count {
     right:4.5rem !important;
     }
}
@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) { 
.ddd-amine .v-cards .ddd-slider .slick-prev {
    top:-2.068rem;

  }
      .v-count {
    left:unset !important;
    right: 4rem !important;
    top: -1.568rem !important;
      }
}
/*iPhone 14*/
@media only screen
and (width: 390px) 
and (device-height: 844px)
and (-webkit-device-pixel-ratio: 3) {
.ddd-amine .v-cards .ddd-slider .slick-prev {
    top:-1.25rem;

  }
}

/*iPhone 14 Pro*/
@media only screen
    and (width: 393px) 
    and (device-height: 852px)
    and (-webkit-device-pixel-ratio: 3) { 
.ddd-amine .v-cards .ddd-slider .slick-prev {
    top:-1.25rem;

  }
}

/*iPhone 14 Pro Max*/
@media only screen
    and (device-width: 430px) 
    and (device-height: 932px) 
    and (-webkit-device-pixel-ratio: 3) {
.ddd-amine .v-cards .ddd-slider .slick-prev {
    top:-1.25rem;

  }
}
 .mfp-close{
   color : currentcolor !important;
}
.mfp-container{
   background-color: rgba(128, 128, 128, 0.5) !important;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .women-in-tech .ddd-slider .slick-prev,
  .women-in-tech .ddd-slider .slick-next {
  background:url(https://www.sakon.com/hubfs/v-arr.png) no-repeat;
    transform:rotate(356deg);
    width: 1.5rem;
    height: 1.5rem;
  }
  .women-in-tech .ddd-slider .slick-next {
    transform:rotate(180deg);
    top:-1.813rem;
    right:5px;
  }
    .women-in-tech .ddd-slider .slick-prev {

    right:2.813rem;
  }
  
.half-slide {
  padding-left:unset !important;
}
  .ddd-banner {
    background-position:unset;
  }
}
@media screen and (min-width: 1225px) and (max-width: 1440px) {
 
   .half-slide {
      padding-left: 9% !important;
  }
}
figure{
  margin: 0 !important; }

@media(max-width:991px){
    .ddd-gallery{
    overflow-x: hidden;
  }
  }
@media(max-width:991px){
#pop-overlay{
 top: 50%;
  transform: translatey(-50%)
}
}

.about-ddd {
background:#b3f6ff;
}
.about-ddd h2 {
  font-size:2.25rem;
}
.about-ddd p {
  font-size:1rem;
  line-height:1.75rem; 
}
.about-ddd-readmore{
  font-weight:bold;
  text-decoration:underline; 
}
.about-ddd-readmore:hover {
  text-decoration:none;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
    .about-ddd h2 {
    font-size:2rem !important;
  }
}
@media(max-width:991px){
.women-in-tech   .video-count{
  position: absolute;
    right: 100px;
    /* top: 56px; */
    margin-top: -1.7rem;
  
    left: unset !important;
    top: unset !important;
}
.women-in-tech .ddd-slider .slick-prev, .women-in-tech .ddd-slider .slick-next{
      width: 2.25rem;
    height: 2.25rem;
    border-radius: 30px;
    background-size: 40%;
      top: -2.1rem;
    background-position-x: center;
    background-position-y: 52%;
}

.women-in-tech .ddd-slider .slick-next{
  top: -2.05rem;
}

.v-cards .ddd-slider .slick-prev{
  right: 35px !important;
}
.video-count{
  right: 60px;
}
}

.ddd-gal .carousel-indicators [data-bs-target] {
  background-color:#fff;
  height:10px;
  border:0;
  border-radius:10px;
}
.ddd-gal .carousel-indicators {
  justify-content:center;
  left:0;
  right:0;
  margin-left: auto;
  margin-right: auto;
  bottom:-40px;
}
.ddd-gal.bg-dark {
  background-color:#000 !important;
}

.u-tube-play{
  background:#fff;
  position: relative;
  height; 3.125rem;
  width:3.125rem;
  padding:0;
}
.u-tube-play img{
  position: absolute;
  top:0;
  width: 1rem;
  bottom:0;
  left:0;
  right:0;
  margin: auto
}