#container {
    width: 100%;
    border-radius: 25px;
    /*  border: 2px solid Black;
    padding: 15px 15px 15px 15px; */
    /* margin: 20px 20px 20px 20px; */
    z-index: 1002;
    overflow: visible;
}
.fnt{
    font: size 20px;
}
.txtOverflow{
    /*text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; */
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    
}
.modal-video {max-width: 1370px;margin: 10px auto;}
    .modal-body {position:relative;padding:0px;}
    .close {position:absolute;right:-10px;top:0;z-index:999;font-size:32px;font-weight: normal;color:red;opacity:1;background:white;}
    .play-btn {
      width: 100px;
      height: 100px;
      background: radial-gradient( rgba(255, 0, 35, 0.8) 60%, rgba(255, 255, 255, 1) 62%);
      border-radius: 50%;
      position: relative;
      display: block;
      margin: 40px 0px;
      box-shadow: 0px 0px 25px 3px #fff;
      user-select: none;
      -webkit-user-drag: none;
    }
    
    /* triangle */
    .play-btn::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translateX(-40%) translateY(-50%);
      transform: translateX(-40%) translateY(-50%);
      transform-origin: center center;
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;
      border-left: 25px solid #fff;
      z-index: 1;
      -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
      transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    
    /* pulse wave */
    .play-btn:before {
      content: "";
      position: absolute;
      width: 150%;
      height: 150%;
      -webkit-animation-delay: 0s;
      animation-delay: 0s;
      -webkit-animation: pulsate1 2s;
      animation: pulsate1 2s;
      -webkit-animation-direction: forwards;
      animation-direction: forwards;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: steps;
      animation-timing-function: steps;
      opacity: 1;
      border-radius: 50%;
      border: 5px solid #830C0F;
      top: -25%;
      left: -25%;
      background: rgba(198, 16, 0, 0);
    }
    
    @-webkit-keyframes pulsate1 {
      0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 1;
        box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
      }
      100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        box-shadow: none;
    
      }
    }
    
    @keyframes pulsate1 {
      0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 1;
        box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
      }
      100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1);
        opacity: 0;
        box-shadow: none;
    
      }
    }
    
    #container {
      position: relative;
      overflow: hidden;
      width: 100%;
      padding-top: 47.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    }
    
    /* Then style the iframe to fit in the container div with full height and width */
    .responsive-iframe {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
    }
    .close {
  font-size: 40px;
  font-weight: 600;
}

/*
        Rollover Image
        */
    .figure {
        position: relative;
        width: 360px; /* can be omitted for a regular non-lazy image */
        max-width: 100%;
    }
    .figure img.image-hover {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        object-fit: contain;
        opacity: 0;
        transition: opacity .2s;
    }
    .figure:hover img.image-hover {
        opacity: 1;
    }