﻿.block-content-video-column {
    padding: 60px 0;
}

	.cvc-container {
		max-width: 1252px;
		padding-left: 18px;
		padding-right: 18px;
		margin: 0 auto;
	}

	.cvc-wrapper {
		background: #C8E5F6;
		border-radius: 8px;
		padding: 39px 35px;
	}

		.cvc-row {
			display: flex;
		}

			.cvc-left {
				width: 48.26%;
				padding-right: 66px;
			}

				h2.cvc-title {
					font-family: 'Inter', sans-serif;
					font-size: 31.25px;
					font-weight: 600;
					line-height: 37.5px;
					letter-spacing: -0.625px;
					color: #030D12;
					margin-bottom: 32px;
				}

				.cvc-content {

				}

					.cvc-content * {
						font-family: 'Poppins', sans-serif;
						font-size: 16px;
						font-weight: 500;
						line-height: 24px;
						color: #030D12;
						margin-bottom: 12px;
					}
					
					.cvc-content *:last-child {
						margin-bottom: 0;
					}

				a.btn.cvc-btn {
					padding: 12px 20px;
					width: auto;
					height: auto;
					display: inline-flex;
					align-items: center;
					font-family: 'Poppins', sans-serif;
					font-size: 16px;
					line-height: 24px;
					font-weight: 500;
					text-transform: initial;
					margin-top: 32px;
				}

				a.btn.cvc-btn svg {
					margin-right: 10px;
				}

			.cvc-right {
				width: 51.74%;
			}

				.cvc-video-wrapper,
				.cvc-image-wrapper {
					position: relative;
				}

				.cvc-video-wrapper canvas {
					display: block;
					width: 100%;
				}

				.cvc-video-wrapper img,
				.cvc-video-wrapper video {
					border-radius: 8px;
				}

				.cvc-video-wrapper img {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
					z-index: 2;
				}

				.cvc-image-wrapper canvas {
					display: block;
					width: 100%;
				}

				.cvc-video-wrapper video,
				.cvc-image-wrapper img {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
					pointer-events: none;
					border-radius: 8px;
				}

				.cvc-video-wrapper video {
					background: #000;
					z-index: 3;
					opacity: 0;
					object-fit: contain;
				}


				.cvc-video-wrapper.active video {
					opacity: 1;
				}

				button.cvc-play-btn {
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					z-index: 4;
					border-radius: 50%;
					padding: 0;
					font-size: 0;
					line-height: 1;
					border: none;
					width: 85px;
					height: 85px;
					display: flex;
					align-items: center;
					justify-content: center;
					cursor: pointer;
					transition: opacity .3s ease;
					filter: drop-shadow(0px 10px 17px rgba(0, 0, 0, 0.25));
				}

				.cvc-video-wrapper.active button.cvc-play-btn {
					opacity: 0;
				} 

				.cvc-video-wrapper.active:hover button.cvc-play-btn {
					opacity: 1;
				}

					span.cvc-play-icon {
					}

					.cvc-video-wrapper.active span.cvc-play-icon {
						display: none;
					}

					span.cvc-pause-icon {
						display: flex;
						align-items: center;
						justify-content: center;
						border-radius: 50%;
						width: 72px;
						height: 72px;
						background: rgb(15, 63, 91);
						display: none;
					}

					.cvc-video-wrapper.active span.cvc-pause-icon {
						display: flex;
					}

					span.cvc-pause-icon rect {
						fill: #fff;
						stroke: #fff;
					}

				button.cvc-fullscreen-btn,
				.vwp-fullscreen-btn {
					position: absolute;
					bottom: 15px;
					right: 15px;
					z-index: 4;
					padding: 0;
					border: none;
					font-size: 0;
					line-height: 1;
					cursor: pointer;
					-webkit-appearance: none;
				}

				p.cvc-watch-link {
					font-family: 'Poppins', sans-serif;
					font-weight: 500;
					line-height: 24px;
					color: #030D12;
					margin-top: 16px;
					text-decoration: underline;
					display: inline-block;
				}

				.cvc-video-popup,
				.vwp-frame-video-popup {
					position: fixed;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 1000;
					opacity: 0;
					pointer-events: none;
					background: #000;
					transition: opacity .3s ease;
				}

				.cvc-video-popup-inner,
				.vwp-video-popup-inner {
					width: 100%;
					height: 100%;
				}

				.vwp-frame-video-popup.active {
					opacity: 1;
					pointer-events: auto;
				}

				.vwp-frame-video-popup video.vwp-fullscreen-video {
					width: 100%;
					height: 100%;
					object-fit: contain;
				}

				button.vwp-fullscreen-close,
				.vwp-fullscreen-close {
					position: absolute;
					top: 50px;
					right: 50px;
					z-index: 2;
					-webkit-appearance: none;
					appearance: none;
					border: none;
					background: #fff;
					padding: 0;
					display: inline-flex;
					align-items: center;
					font-family: 'Inter', sans-serif;
					font-size: 20px;
					font-weight: 600;
					letter-spacing: -0.4px;
					line-height: 24px;
					padding: 10px;
					color: #030D12;
					cursor: pointer;
					box-shadow: 0 0 12px 1px rgba(0, 0, 0, .30);
					z-index: 2;
				}

				button.cvc-fullscreen-close svg {
					margin-right: 7px;
				}

.product-video {
	margin-top: 50px;
    padding: 40px 15px;
    background: #C8E5F6;
    border-radius: 8px;
}

h4.product-vid-title {
    font-family: 'Inter', sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.5px;
    color: #030D12;
	margin-bottom: 24px;
}

.product-vid-wrapper {
	position: relative;
	z-index: 1;
}

	.product-vid-wrapper canvas {
		display: block;
		width: 100%;
	}

	.product-vid-wrapper img,
	.product-vid-wrapper video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover;
		border-radius: 8px;
		box-shadow: unset;
	}

	.product-vid-wrapper video {
		background: #000;
		z-index: 3;
		opacity: 0;
		pointer-events: none;
		transition: opacity .3s ease;
	}

	.product-vid-wrapper.active video {
		opacity: 1;
	}

	button.product-vid-play-btn {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 4;
		border-radius: 50%;
		padding: 0;
		font-size: 0;
		line-height: 1;
		border: none;
		width: 38px;
		height: 38px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		transition: opacity .3s ease;
	}

	.product-vid-wrapper.active button.product-vid-play-btn {
		opacity: 0;
	}

	.product-vid-wrapper.active:hover button.product-vid-play-btn {
		opacity: 1;
	}

	span.product-vid-play-icon svg {
		width: 31px;
	}

	.product-vid-wrapper.active span.product-vid-play-icon {
		display: none;
	}

	span.product-vid-pause-icon {
		display: none !important;
	}

	.product-vid-wrapper.active span.product-vid-pause-icon {
		display: flex !important;
	}

	span.product-vid-pause-icon svg {
		width: 13px;
	}

	span.product-vid-pause-icon svg rect {
		fill: #fff;
    	stroke: #fff;
	}

	span.product-vid-pause-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		width: 31px;
		height: 31px;
		background: rgb(15, 63, 91);
		display: none;
	}

	.product-vid-embed {
		padding-top: 49%;
		position: relative;
	}

	.product-vid-embed iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 8px;
	}

	.product-vid-text {
		color: #030D12;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 24px;
		margin-top: 24px;
		display: inline-block;
		text-decoration: underline;
	}

	.product-vid-content {
		padding-top: 24px;
	}

	.product-vid-content * {
		color: #030D12;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 24px;
	}

	.btn.product-vid-btn {
		padding: 12px 20px;
		width: auto;
		height: auto;
		display: inline-flex;
		align-items: center;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		line-height: 24px;
		font-weight: 500;
		text-transform: initial;
		margin-top: 32px;
	}

	a.btn.product-vid-btn svg {
		margin-right: 10px;
	}


@media (max-width: 920px) {
	.block-content-video-column {
		background-color: #C8E5F6;
		padding: 40px 0 45px;
	}
	.cvc-row {
		display: block;
	}

	.cvc-wrapper {
		padding: 0;
		background: transparent;
		border-radius: unset;
	}

	.cvc-left {
		width: 100%;
		padding-right: 0;
		margin-bottom: 44px;
	}

	.cvc-right {
		width: 100%;
	}

	/* button.cvc-fullscreen-btn {
		display: none;
	} */

	button.cvc-play-btn {
		width: 48px;
		height: 48px;
	}

	span.cvc-play-icon svg {
		width: 40px;
		height: 40px;
	}

	span.cvc-pause-icon {
		width: 40px;
		height: 40px;
	}

	h2.cvc-title {
		font-size: 25px;
		line-height: 30px;
	}

	button.cvc-fullscreen-close {
		top: 26px;
		right: 15px;
		font-size: 16px;
	}

	button.cvc-fullscreen-close svg {
		width: 13px;
	}
}

.Emoji {
    background-image: url(/wp-content/uploads/2025/07/emoji_sheet_64-scaled.png);
    background-repeat: no-repeat;
    background-size: 6200%;
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
    display: inline-block;
}