.vidsec {
  position: relative;
  padding: 5rem 0;
}
.mlauto {
  margin-left: auto;
}
.wrapper {
  z-index: 0;
  position: relative;
}
.bg-base-1 {
  width: 100%;
  height: 100%;
  background-color: var(--color-base-1);
  position: absolute;
}
.bgsection {
  position: relative;
}
.casevideo-image {
  visibility: hidden;
}
.video-block:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 8px;
  z-index: -1;
  height: 99%;
  background-size: cover;
}
.no-margpad {
  margin: 0 !important;
  padding: 0 !important;
  background-color: var(--color-gray);
  z-index: 0;
  border: 1px solid var(--color-base-1);
  display: flex;
}
.case-video {
  /* margin-bottom: 10rem; */
  /* margin: auto; */
  /* position: relative; */
  /* width: 100%; */
  justify-content: center;
}
.videotitle {
  position: relative;
  text-align: center;
}
.video-block {
  /* background-color: var(--color-gray); */
  width: 100%;
  position: relative;
  /* outline: 1px solid var(--color-base-1); */
  background-size: cover;
  background-repeat: no-repeat;
  /* margin: 2rem; */
  margin: 5rem auto;
  z-index: 0;
  border-radius: 8px;
}
.case-video-wrapper img {
  width: 100%;
  height: auto;
}
.p-small {
  margin: 2rem 0 0 0 !important;
}
.play {
  width: 8.8rem;
  height: 8.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: grey;
  opacity: 0.5;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin-left: -4.4rem;
  margin-top: -4.4rem;
  font-size: 8.8rem;
  cursor: pointer;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.play:hover {
  color: #000 !important;
  opacity: 0.8;
}
.video-block video {
  width: 100%;
  border-radius: 8px;
}
.faplay {
  display: flex;
  justify-content: center;
}
.faplayi {
  font-size: 8rem;
  color: white;
}
@media screen and (min-width: 600px) {
  .faplayi {
    font-size: 5rem;
  }
}
@media screen and (min-width: 960px) {
  .faplayi {
    font-size: 3vw;
  }
}
.article-image {
  border-radius: 8px;
  /* border: 1px solid grey; */
  /* background-color: white; */
  /* display: flex; */
  /* flex-direction: column; */
  /* padding: 1rem; */
}
.caption {
  margin: 2rem;
}
.inlimg {
  flex: 1;
}
/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:main-video] [134.13669] DESIGN*/
/*******************************************************************/
/* 0.1 D>D */
/* db 177 */
/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:main-video] [135.3259] DESIGN*/
/*******************************************************************/
/* 0.1 D>D */
/* db 151 */

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:main-video] [135.3269] DESIGN*/
/*******************************************************************/
/* 0.2 D>D */
/* db 166 */