.jatt{}





.play-icon {position: absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 50px; color: white; opacity: 0.8; pointer-events: none;}
    .play-button { position: absolute; top: 38%; left: 42%; cursor: pointer; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background-color: #4caf50; border-radius: 50%; color: #fff; padding: 14px; box-sizing: border-box;}
    .play-button { -webkit-animation: ripple-white 1s linear infinite; animation: ripple-white 1s linear infinite; -webkit-transition: .5s; opacity: 1;}
    .play-button i {color:#fff; font-size: 32px; }
    
    html { scroll-behavior: smooth; }
  
.postimg {
  position: relative;
  display: inline-block;
  width: 100%;
}

.imgx {
  width: 95%;
  display: block;
  margin: auto;
}

.play-button {
  position: absolute;
  top: 50%;             /* Vertical center */
  left: 50%;            /* Horizontal center */
  transform: translate(-50%, -50%);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background-color: #4caf50;
  border-radius: 50%;
  color: #fff;
  padding: 14px;
  box-sizing: border-box;
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-white 1s linear infinite;
  opacity: 1;
}

.play-button i {
  color: #fff;
  font-size: 32px;
}

html {
  scroll-behavior: smooth;
}



   .video-container {
      position: relative;
      width: 100%;
      max-width: 800px;
      margin: auto;
    }

    video {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 10px;
    }


    .play-button::before {
      content: '';
      display: inline-block;
      border-style: solid;
      border-width: 15px 0px 14px 20px;
      border-color: transparent transparent transparent white;
      margin-left: 5px;
    }

#div-gpt-ad-1753198633466-0 {margin: 20px auto; width: 336px; height: 280px; background-color: #f0f0f0; }
.ad-box {margin: 30px auto; min-width: 300px; min-height: 250px; border: 1px solid #ccc; background: #f9f9f9; padding: 10px; }
.image-wrapper { position: relative; display: inline-block; }
.image-wrapper::after { content: ""; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; background: url('/js/pl-1.png') no-repeat center center; background-size: contain; transform: translate(-50%, -50%); pointer-events: none; }