.elementor-widget-hermes-video-image,
.elementor-widget-hermes-video-image .hmw-video-image,
.elementor-widget-hermes-video-image .hmw-video-image * {
	box-sizing: border-box;
}

.elementor-widget-hermes-video-image {
	min-width: 0;
}

.elementor-widget-hermes-video-image .hmw-video-image {
	--hmw-vi-play-size: 138px;
	--hmw-vi-play-1: #9763ea;
	--hmw-vi-play-2: #3f20bd;
	--hmw-vi-ring: rgba(101, 61, 211, .13);
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
	direction: rtl;
}

.elementor-widget-hermes-video-image .hmw-video-image__header {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	margin: 0 auto 26px;
	text-align: center;
}

.elementor-widget-hermes-video-image .hmw-video-image__heading {
	margin: 0;
	color: #160a69;
	font-size: 34px;
	font-weight: 800;
	line-height: 1.45;
}

.elementor-widget-hermes-video-image .hmw-video-image__heading-highlight {
	color: #6b35da;
}

.elementor-widget-hermes-video-image .hmw-video-image__heading-description,
.elementor-widget-hermes-video-image .hmw-video-image__heading-description p {
	margin: 0;
	color: #697083;
	font-size: 18px;
	line-height: 1.85;
}

.elementor-widget-hermes-video-image .hmw-video-image__card {
	width: 100%;
	min-width: 0;
	padding: 34px 34px 32px;
	background: #fff;
	border: 1px solid #e9eaf0;
	border-radius: 28px;
	box-shadow: 0 12px 34px rgba(22, 10, 105, .1);
}

.elementor-widget-hermes-video-image .hmw-video-image--plain .hmw-video-image__card {
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.elementor-widget-hermes-video-image .hmw-video-image__stage {
	position: relative;
	width: 100%;
	height: 620px;
	margin-inline: auto;
	overflow: hidden;
	background: linear-gradient(145deg, #f7f4ff, #e9e2ff);
	border-radius: 24px;
	isolation: isolate;
}

.elementor-widget-hermes-video-image .hmw-video-image__stage--transparent {
	background: transparent !important;
}

.elementor-widget-hermes-video-image .hmw-video-image__figure,
.elementor-widget-hermes-video-image .hmw-video-image__video-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
}

.elementor-widget-hermes-video-image .hmw-video-image__media,
.elementor-widget-hermes-video-image .hmw-video-image__poster {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
}

.elementor-widget-hermes-video-image iframe.hmw-video-image__media {
	border: 0;
}

.elementor-widget-hermes-video-image .hmw-video-image__poster {
	position: absolute;
	z-index: 2;
	inset: 0;
	transition: opacity .35s ease, visibility .35s ease;
}

.elementor-widget-hermes-video-image .hmw-video-image__video-wrap.is-playing .hmw-video-image__poster {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.elementor-widget-hermes-video-image .hmw-video-image__cover-trigger {
	position: absolute;
	z-index: 4;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	background: transparent;
	border: 0;
	cursor: pointer;
}

.elementor-widget-hermes-video-image .hmw-video-image__cover-trigger:focus-visible {
	outline: 3px solid #6b35da;
	outline-offset: -7px;
}

.elementor-widget-hermes-video-image .hmw-video-image__cover-trigger:disabled {
	cursor: not-allowed;
}

.elementor-widget-hermes-video-image .hmw-video-image__video-wrap.is-playing .hmw-video-image__cover-trigger {
	display: none;
}

.elementor-widget-hermes-video-image .hmw-video-image__video-wrap.has-no-source .hmw-video-image__poster {
	opacity: 1;
	visibility: visible;
}

.elementor-widget-hermes-video-image .hmw-video-image__play {
	position: absolute;
	z-index: 5;
	top: 50%;
	left: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--hmw-vi-play-size);
	height: var(--hmw-vi-play-size);
	padding: 0;
	color: #fff;
	background: transparent;
	border: 0;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	isolation: isolate;
	transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
}

.elementor-widget-hermes-video-image .hmw-video-image__play::before,
.elementor-widget-hermes-video-image .hmw-video-image__play::after {
	content: "";
	position: absolute;
	z-index: -1;
	inset: -28%;
	background: var(--hmw-vi-ring);
	border-radius: inherit;
	transform: scale(.82);
}

.elementor-widget-hermes-video-image .hmw-video-image__play::after {
	inset: -58%;
	opacity: .58;
}

.elementor-widget-hermes-video-image .hmw-video-image__play:not(.has-rings)::before,
.elementor-widget-hermes-video-image .hmw-video-image__play:not(.has-rings)::after {
	display: none;
}

.elementor-widget-hermes-video-image .hmw-video-image__play-core {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: linear-gradient(145deg, var(--hmw-vi-play-1), var(--hmw-vi-play-2));
	border-radius: inherit;
	box-shadow: 0 14px 34px rgba(60, 28, 173, .25);
	transition: transform .3s ease, box-shadow .3s ease;
}

.elementor-widget-hermes-video-image .hmw-video-image__play svg {
	display: block;
	width: 46px;
	height: 46px;
	margin-inline-start: 5%;
}

.elementor-widget-hermes-video-image .hmw-video-image__play:hover .hmw-video-image__play-core,
.elementor-widget-hermes-video-image .hmw-video-image__play:focus-visible .hmw-video-image__play-core {
	transform: scale(1.05);
	box-shadow: 0 17px 40px rgba(60, 28, 173, .32);
}

.elementor-widget-hermes-video-image .hmw-video-image__play:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 5px;
}

.elementor-widget-hermes-video-image .hmw-video-image__play:disabled {
	cursor: not-allowed;
	opacity: .55;
}

.elementor-widget-hermes-video-image .hmw-video-image__video-wrap.is-playing .hmw-video-image__play {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.elementor-widget-hermes-video-image .hmw-video-image__duration {
	--hmw-vi-duration-x: 28px;
	--hmw-vi-duration-y: 28px;
	position: absolute;
	z-index: 7;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	max-width: calc(100% - (var(--hmw-vi-duration-x) * 2));
	padding: 10px 16px;
	color: #171b39;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 7px 22px rgba(28, 17, 79, .08);
	white-space: nowrap;
	transition: opacity .25s ease, visibility .25s ease;
}

.elementor-widget-hermes-video-image .hmw-video-image__video-wrap.is-active-playback ~ .hmw-video-image__duration {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.elementor-widget-hermes-video-image .hmw-video-image__duration-icon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	color: #2d3570;
}

.elementor-widget-hermes-video-image .hmw-video-image__duration-icon svg,
.elementor-widget-hermes-video-image .hmw-video-image__duration-icon img,
.elementor-widget-hermes-video-image .hmw-video-image__duration-icon i {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 22px;
	object-fit: contain;
}

.elementor-widget-hermes-video-image .hmw-video-image__duration-text {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
}

.elementor-widget-hermes-video-image .hmw-vi-pos-d-top-right { top: var(--hmw-vi-duration-y); right: var(--hmw-vi-duration-x); }
.elementor-widget-hermes-video-image .hmw-vi-pos-d-top-left { top: var(--hmw-vi-duration-y); left: var(--hmw-vi-duration-x); }
.elementor-widget-hermes-video-image .hmw-vi-pos-d-bottom-right { right: var(--hmw-vi-duration-x); bottom: var(--hmw-vi-duration-y); }
.elementor-widget-hermes-video-image .hmw-vi-pos-d-bottom-left { bottom: var(--hmw-vi-duration-y); left: var(--hmw-vi-duration-x); }

.elementor-widget-hermes-video-image .hmw-video-image__footer {
	display: grid;
	grid-template-areas: "icon copy badge";
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 22px;
	width: 100%;
	min-width: 0;
	margin-top: 28px;
	padding: 0 12px;
}

.elementor-widget-hermes-video-image .hmw-video-image__footer-tools {
	display: contents;
}

.elementor-widget-hermes-video-image .hmw-video-image__content-icon {
	grid-area: icon;
	display: inline-flex;
	flex: 0 0 72px;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	padding: 15px;
	color: #6841d8;
	background: #f7f6fb;
	border-radius: 16px;
}

.elementor-widget-hermes-video-image .hmw-video-image__content-icon svg,
.elementor-widget-hermes-video-image .hmw-video-image__content-icon img,
.elementor-widget-hermes-video-image .hmw-video-image__content-icon i {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 42px;
	object-fit: contain;
}

.elementor-widget-hermes-video-image .hmw-video-image__copy {
	grid-area: copy;
	flex: 1 1 auto;
	min-width: 0;
	text-align: right;
}

.elementor-widget-hermes-video-image .hmw-video-image__title {
	margin: 0 0 5px;
	color: #160a69;
	font-size: 27px;
	font-weight: 800;
	line-height: 1.5;
}

.elementor-widget-hermes-video-image .hmw-video-image__description,
.elementor-widget-hermes-video-image .hmw-video-image__description p {
	margin: 0;
	color: #737a8f;
	font-size: 17px;
	line-height: 1.8;
}

.elementor-widget-hermes-video-image .hmw-video-image__learning-badge {
	grid-area: badge;
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 14px;
	color: #7c4ce0;
	background: #f8f6fc;
	border-radius: 10px;
	white-space: nowrap;
}

.elementor-widget-hermes-video-image .hmw-video-image__learning-badge--icon-left .hmw-video-image__learning-icon { order: 2; }
.elementor-widget-hermes-video-image .hmw-video-image__learning-badge--icon-left .hmw-video-image__learning-text { order: 1; }
.elementor-widget-hermes-video-image .hmw-video-image__learning-badge--icon-right .hmw-video-image__learning-icon { order: 1; }
.elementor-widget-hermes-video-image .hmw-video-image__learning-badge--icon-right .hmw-video-image__learning-text { order: 2; }

.elementor-widget-hermes-video-image .hmw-video-image__learning-icon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
}

.elementor-widget-hermes-video-image .hmw-video-image__learning-icon svg,
.elementor-widget-hermes-video-image .hmw-video-image__learning-icon img,
.elementor-widget-hermes-video-image .hmw-video-image__learning-icon i {
	display: block;
	width: 20px;
	height: 20px;
	font-size: 20px;
	object-fit: contain;
}

.elementor-widget-hermes-video-image .hmw-video-image__learning-text {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
}

@media (max-width: 1024px) {
	.elementor-widget-hermes-video-image .hmw-video-image { --hmw-vi-play-size: 112px; }
	.elementor-widget-hermes-video-image .hmw-video-image__stage { height: 430px; }
	.elementor-widget-hermes-video-image .hmw-video-image__card { padding: 26px; }
	.elementor-widget-hermes-video-image .hmw-video-image__heading { font-size: 30px; }
	.elementor-widget-hermes-video-image .hmw-vi-pos-t-top-right { top: var(--hmw-vi-duration-y); right: var(--hmw-vi-duration-x); bottom: auto; left: auto; }
	.elementor-widget-hermes-video-image .hmw-vi-pos-t-top-left { top: var(--hmw-vi-duration-y); right: auto; bottom: auto; left: var(--hmw-vi-duration-x); }
	.elementor-widget-hermes-video-image .hmw-vi-pos-t-bottom-right { top: auto; right: var(--hmw-vi-duration-x); bottom: var(--hmw-vi-duration-y); left: auto; }
	.elementor-widget-hermes-video-image .hmw-vi-pos-t-bottom-left { top: auto; right: auto; bottom: var(--hmw-vi-duration-y); left: var(--hmw-vi-duration-x); }
}

@media (max-width: 767px) {
	.elementor-widget-hermes-video-image .hmw-video-image { --hmw-vi-play-size: 78px; }
	.elementor-widget-hermes-video-image .hmw-video-image__header { margin-bottom: 18px; }
	.elementor-widget-hermes-video-image .hmw-video-image__heading { font-size: 24px; }
	.elementor-widget-hermes-video-image .hmw-video-image__heading-description,
	.elementor-widget-hermes-video-image .hmw-video-image__heading-description p { font-size: 15px; }
	.elementor-widget-hermes-video-image .hmw-video-image__card { padding: 14px 14px 18px; border-radius: 20px; }
	.elementor-widget-hermes-video-image .hmw-video-image__stage { height: 240px; border-radius: 16px; }
	.elementor-widget-hermes-video-image .hmw-video-image__play svg { width: 28px; height: 28px; }
	.elementor-widget-hermes-video-image .hmw-video-image__duration { --hmw-vi-duration-x: 12px; --hmw-vi-duration-y: 12px; padding: 7px 10px; }
	.elementor-widget-hermes-video-image .hmw-video-image__duration-icon { width: 17px; height: 17px; }
	.elementor-widget-hermes-video-image .hmw-video-image__duration-text { font-size: 13px; }
	.elementor-widget-hermes-video-image .hmw-video-image__footer { grid-template-areas: "tools" "copy"; grid-template-columns:minmax(0,1fr); gap: 12px; margin-top: 18px; padding: 0 2px; }
	.elementor-widget-hermes-video-image .hmw-video-image__footer-tools { position:relative; display:grid; grid-area:tools; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:center; width:100%; min-width:0; }
	.elementor-widget-hermes-video-image .hmw-video-image__content-icon { grid-column:1 / -1; grid-row:1; flex-basis: 54px; width: 54px; height: 54px; padding: 11px; }
	.elementor-widget-hermes-video-image .hmw-video-image__copy { width:100%; }
	.elementor-widget-hermes-video-image .hmw-video-image__title { font-size: 19px; }
	.elementor-widget-hermes-video-image .hmw-video-image__description,
	.elementor-widget-hermes-video-image .hmw-video-image__description p { font-size: 14px; }
	.elementor-widget-hermes-video-image .hmw-video-image__learning-badge { grid-column:3; grid-row:1; justify-self:end; max-width:100%; margin:0; }
	.elementor-widget-hermes-video-image .hmw-video-image__footer--mobile-icon-right .hmw-video-image__content-icon { grid-column:1; justify-self:start; }
	.elementor-widget-hermes-video-image .hmw-video-image__footer--mobile-icon-center .hmw-video-image__content-icon { grid-column:2; justify-self:center; }
	.elementor-widget-hermes-video-image .hmw-video-image__footer--mobile-icon-left .hmw-video-image__content-icon { grid-column:3; justify-self:end; }
	.elementor-widget-hermes-video-image .hmw-video-image__footer--mobile-icon-left .hmw-video-image__learning-badge { grid-column:1; justify-self:start; }
	.elementor-widget-hermes-video-image .hmw-video-image__learning-text { font-size: 14px; }
	.elementor-widget-hermes-video-image .hmw-vi-pos-m-top-right { top: var(--hmw-vi-duration-y); right: var(--hmw-vi-duration-x); bottom: auto; left: auto; }
	.elementor-widget-hermes-video-image .hmw-vi-pos-m-top-left { top: var(--hmw-vi-duration-y); right: auto; bottom: auto; left: var(--hmw-vi-duration-x); }
	.elementor-widget-hermes-video-image .hmw-vi-pos-m-bottom-right { top: auto; right: var(--hmw-vi-duration-x); bottom: var(--hmw-vi-duration-y); left: auto; }
	.elementor-widget-hermes-video-image .hmw-vi-pos-m-bottom-left { top: auto; right: auto; bottom: var(--hmw-vi-duration-y); left: var(--hmw-vi-duration-x); }
}

@media (prefers-reduced-motion: reduce) {
	.elementor-widget-hermes-video-image .hmw-video-image__poster,
	.elementor-widget-hermes-video-image .hmw-video-image__play,
	.elementor-widget-hermes-video-image .hmw-video-image__play-core {
		transition: none;
	}
}
