.cc-video-overlay {
  position: fixed;
  z-index: 9999;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100%;
  height: 100%;
  background: #1F1F1F;
  display: none;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
}

.cc-video-player {
  position: relative;
  width: 100%;
  height: 100%;
}

.cc-video-wrapper {
  width: 100%;
  height: 100%;
  margin: 0;
}

.cc-video-stack {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  transition: transform 0.35s cubic-bezier(0.4,0.2,0.2,1);
  will-change: transform;
}

.cc-video-slide {
  flex: 0 0 100%;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.cc-video-slide-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

.cc-video-slide-video {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 150px;
  position: relative;
}

.cc-video-el {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: none;
  border-radius: 0;
  box-shadow: none;
  max-width: none;
  max-height: none;
  display: block;
}

.cc-video-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.64);
  color: #fff;
  font-size: 1.1rem;
  padding: 20px 50px;
  box-sizing: border-box;
  z-index: 10;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.4s;
}
.cc-video-desc--visible {
  opacity: 1;
}
.cc-video-desc p {
  margin: 0;
}
.cc-video-play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	background: rgba(0,0,0,0.7);
	border-radius: 50%;
	display: none;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
}
.cc-video-play-button svg {
	position: relative;
	left: 4px;
	width: 48px;
	height: 48px;
}
.cc-video-link {
  position: absolute;
  bottom: 40px;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	margin: 0;
	text-align: center;
}
.cc-video-link a {
	display: flex;
	align-items: center;
	gap: 12px;
  padding: 12px 20px;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 700;
  z-index: 10;
	border-radius: 15px;
	background: #fff;
	color: #0066C3;
	text-decoration: none;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20);
	transition: background-color 0.2s, color 0.2s;
}
.cc-video-link a svg path {
	transition: fill 0.2s;
}
.no-touchevents body:not(.tailwind) .cc-video-link a:hover {
  background: rgba(0, 0, 0, 0.8);
	color: #fff;
}
.cc-video-link a:hover svg path {
	fill: #fff;
}

.cc-video-close {
  position: absolute;
  top: 34px;
  left: 34px;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  appearance: none;
  cursor: pointer;
  z-index: 10;
}
.cc-video-close svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cc-video-close svg path {
  fill: #A6A6A6;
  transition: fill 0.2s;
}
.cc-video-close:hover svg path {
  fill: #fff;
}

.cc-video-player-controls {
  position: absolute;
  bottom: 168px;
  right: 60px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 58px;
}

.cc-video-arrow {
  position: relative;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  cursor: pointer;
  opacity: 1;
  z-index: 10;
}
.cc-video-arrow svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cc-video-arrow svg path {
  fill: #A6A6A6;
  transition: fill 0.2s;
}
.cc-video-arrow:hover svg path {
  fill: #fff;
}

.cc-video-anim-up,
.cc-video-anim-down {
  transition: transform 0.35s cubic-bezier(0.4,0.2,0.2,1), opacity 0.35s cubic-bezier(0.4,0.2,0.2,1);
  will-change: transform, opacity;
}
.cc-video-anim-up {
  transform: translateY(-100%);
  opacity: 0;
}
.cc-video-anim-down {
  transform: translateY(100%);
  opacity: 0;
}

@media (max-width: 749.99px) {
  .cc-video-wrapper,
  .cc-video-el {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
  }
  .cc-video-slide-video {
    padding: 0;
  }
  .cc-video-player-controls {
    width: 46px;
    bottom: 120px;
    right: 22px;
  }
  .cc-video-arrow {
    width: 46px;
    height: 46px;
  }
  .cc-video-close {
    top: 22px;
    left: 22px;
    width: 36px;
    height: 36px;
  }
  .cc-video-desc {
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 400;
  }
}

@media (max-width: 1023px) {
  .cc-video-desc {
    overflow: hidden;
  }
  .cc-video-desc p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .cc-video-desc.cc-video-desc--expanded p {
    -webkit-line-clamp: unset;
    overflow: visible;
    cursor: auto;
  }
}