/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

html,body{
    overflow-x: hidden;
}

/* Home */

.banner-play .elementor-icon-wrapper {
	display: flex;
	z-index: 2 !important;
}
.banner-play .elementor-icon{
	position: relative;
}
.banner-play .elementor-icon::after{
	position: absolute;
	content: "";
	width: 157px;
	height: 157px;
	background-image: url("https://healthheroes.tv/wp-content/uploads/2025/10/spin-text.svg");
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: spin 10s linear infinite;
}
@keyframes spin {
	from {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

.dashboard-icon .elementor-icon-wrapper{
	display: flex;
	justify-content: center;
}
.dashboard-icon-green .elementor-counter-title, .dashboard-icon-orenge .elementor-counter-title, .dashboard-icon-sky .elementor-counter-title{
	text-align: center;
}

/* Green Progress Bar */

.chart-arc {
  width: 250px;
  height: 250px;
  transform: rotate(350deg);
}
.chart-arc .bg {
  fill: none;
  stroke: rgba(255, 255, 255, 0.1);
  stroke-width: 10px;
}
.chart-arc .progress {
  fill: none;
  stroke: #52B946;
  stroke-width: 15;
  stroke-dasharray: 390;
  stroke-dashoffset: 502;
  stroke-linecap: round;
  animation: progressFill 2s ease-out forwards;
  transform-origin: center;
  transform: rotate(0deg);
}
@keyframes progressFill {
  from { stroke-dashoffset: 290; }
  to { stroke-dashoffset: 150; }
}

/* Green Progress Bar */

/* Orange Progress Bar */

.chart-arc-ora {
	width: 250px;
	height: 250px;
	transform: rotate(310deg);
}
.chart-arc-ora .bg {
  fill: none;
  stroke: rgba(255, 255, 255, 0.1);
  stroke-width: 10px;
}
.chart-arc-ora .progress {
  fill: none;
  stroke: #F89A1C;
  stroke-width: 15;
  stroke-dasharray: 410;
  stroke-dashoffset: 502;
  stroke-linecap: round;
  animation: progressFilltwo 2s ease-out forwards;
  transform-origin: center;
  transform: rotate(0deg);
}
@keyframes progressFilltwo {
  from { stroke-dashoffset: 290; }
  to { stroke-dashoffset: 150; }
}

/* Orange Progress Bar */

/* Sky Progress Bar */

.chart-arc-sky {
	width: 250px;
	height: 250px;
	transform: rotate(330deg);
}
.chart-arc-sky .bg {
  fill: none;
  stroke: rgba(255, 255, 255, 0.1);
  stroke-width: 10px;
}
.chart-arc-sky .progress {
  fill: none;
  stroke: #15BDE4;
  stroke-width: 15;
  stroke-dasharray: 370;
  stroke-dashoffset: 502;
  stroke-linecap: round;
  animation: progressFillthree 2s ease-out forwards;
  transform-origin: center;
  transform: rotate(0deg);
}
@keyframes progressFillthree {
  from { stroke-dashoffset: 240; }
  to { stroke-dashoffset: 150; }
}

/* Sky Progress Bar */

/* Video Page */

.video-main .elementor-button-text{
	position: relative;
}
.video-main .elementor-button-text::after{
	position: absolute;
	content: "";
	width: 13px;
	height: 13px;
	background-image: url("https://healthheroes.tv/wp-content/uploads/2025/10/Arrow-1.svg");
	background-repeat: no-repeat;
	background-size: contain;
    top: 50%;
    right: -8px;
    transform: translate(100%, -36%);
}

/* Video Page */

/* Video Details */

.video-wid .elementor-custom-embed-image-overlay{
	position: relative;
}
.video-wid .elementor-custom-embed-image-overlay::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 835px;
	background-image: url("https://healthheroes.tv/wp-content/uploads/2025/11/Rectangle-240647077.png");
	background-repeat: no-repeat;
	background-size: contain;
	top: 0;
	left: 0;
	z-index: 0;
}
.video-wid .elementor-custom-embed-play{
	z-index: 1;
}

/* Video Details */

/* Responsive */

@media screen and (max-width: 1600px){
	    body > .elementor > .elementor-element, .header .elementor-widget-theme-site-logo, .elementor-location-header .elementor-widget-n-menu nav .e-n-menu-heading a, 
    .header .elementor-widget-theme-site-logo + .elementor-element > .elementor-widget-button, .elementor-location-header .elementor-widget-n-menu nav .e-n-menu-heading .e-n-menu-content > .elementor-element{
        zoom: 0.90;
        zoom: 90%;
    }
}
@media screen and (max-width: 1024px){
	.banner-play .elementor-icon-wrapper::after {
    width: 135px;
    height: 135px;
}
	.dashboard-icon-green .elementor-icon {
    outline-offset: 20px;
}
	.dashboard-icon-green .elementor-icon::after {
    width: 158px;
    height: 101px;
    transform: translate(-17%, -63%);
}
.dashboard-icon-orenge .elementor-icon {
    outline-offset: 20px;
}
.dashboard-icon-sky .elementor-icon {
    outline-offset: 20px;
}
.dashboard-icon-orenge .elementor-icon::after {
    width: 180px;
    height: 150px;
    transform: translate(-6%, -41%);
}
.dashboard-icon-sky .elementor-icon::after {
    width: 99px;
    height: 143px;
    transform: translate(33%, -45%);
}
.chart-arc {
  width: 230px;
  height: 230px;
  transform: rotate(350deg);
}
.chart-arc-ora {
  width: 230px;
  height: 230px;
  transform: rotate(310deg);
}
.chart-arc-sky {
  width: 230px;
  height: 230px;
  transform: rotate(330deg);
}
[data-elementor-type="header"].elementor.elementor-location-header > .elementor-element {
        zoom: 1.0;
        zoom: 100%;
    }
}
@media screen and (max-width: 767px){
	.testimonial-main .elementor-testimonial-wrapper{
		display: flex !important;
		flex-direction: column-reverse !important;
		gap: 15px !important;
	}
	.banner-play .elementor-icon::after{
		width: 90px !important;
		height: 90px !important;
	}
	.chart-arc {
  width: 210px;
  height: 210px;
  transform: rotate(350deg);
}
.chart-arc-ora {
  width: 210px;
  height: 210px;
  transform: rotate(310deg);
}
.chart-arc-sky {
  width: 210px;
  height: 210px;
  transform: rotate(330deg);
}
.date-section{
	position: relative !important;
}
.date-section h6{
		color: #003162 !important;
	}
	.date-section .elementor-icon-list-text{
		color: #003162 !important;
	}
}