.webpart-zone-1 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.ess-btn:hover h4 {
		/* transform: scale(1.15); */
		transition: transform 0.3s ease-in-out;
	}
	/* Target your specific buttons */
.ess-tremble-btn
{
  /* Smooth transition over 0.2 seconds */
  transition: transform 0.2s ease-in-out; 
}

/* Apply the effect on hover */
.ess-tremble-btn:hover {
  transform: scale(1.1); /* Enlarge by 10% */
}
	img.ess-btn:hover {
		transform: scale(1.1);
		transition: transform 0.3s ease-in-out;
	}
	a:hover {
		outline: none !important;
	}
	.ess-gradient {
		background: #C2B949;
		background: linear-gradient(180deg, rgba(194, 185, 73, 1) 0%, rgba(144, 150, 58, 1) 15%, rgba(0, 153, 220, 1) 40%, rgba(25, 70, 113, 1) 72%, rgba(63, 55, 82, 1) 100%);
		height: auto;
	}
	.resources-grad {
		background: #DAF0FB;
		background: linear-gradient(180deg, rgba(218, 240, 251, 1) 0%, rgba(255, 255, 255, 1) 100%);
		height: auto;
		border-top: 10px solid #24aea1;
	}
	.ess-hero {
	width: 100%;       /* Changed from fixed pixels to 100% fluid view */
    max-width: 100%;   /* Allows the element to break out of grid caps */
    margin: 0 auto;
    padding: 0;        /* Removes horizontal gutters so image touches the screen edges */
	}
	.ess-nav-bar {
		text-align: center;
		padding: 40px 0;
	}
	.ess-head {
  		font-family: "marvin", sans-serif !important;
		font-weight: 400 !important;
		font-style: normal !important;
		color: #fff !important;
		font-size: 48px !important;
		text-align: center !important;
		padding-bottom: 20px !important;
	}
	.ess-head-dark {
  		font-family: "marvin", sans-serif !important;
		font-weight: 400 !important;
		font-style: normal !important;
		color: #3e3752 !important;
		font-size: 52px !important;
		text-align: center !important;
	}
	h4.ess-head-dark {
    font-family: "marvin", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #3e3752 !important;
    font-size: 30px !important;
	line-height: 38px !important;
    text-align: center !important;
}
/* Force the text inside the link to be your custom color */
a.ess-tile-link, 
a.ess-tile-link h4 {
    color: #3e3752 !important;
    /*transition: color 0.2s ease;  Optional: smooth fade transition */
}

/* Force your custom hover color to override everything */
a.ess-tile-link:hover, 
a.ess-tile-link:hover h4 {
    color: #FF0000 !important; /* Replace #FF0000 with your desired hover color code */
}
a.ess-tile-link:hover .ess-resource-grad-block,
a.ess-tile-link:focus .ess-resource-grad-block,
a.ess-tile-link:active .ess-resource-grad-block,
.ess-resource-grad-block.ess-btn:hover,
.ess-resource-grad-block.ess-btn:focus {
    transform: none !important;         /* Prevents scaling/growing effects */
    padding: inherit !important;        /* Prevents expansion from extra internal padding */
    border: none !important;           /* Stops layout shifts if a thick border is added on hover */
    outline: none !important;          /* Stops browser default focus rings from scaling the box */
}
	p.ess-bio-text {
		font-size: 26px !important;
		line-height: 35px !important;
		color: #3e3752 !important;
		text-align: left;	
	}
	.ess-intro-text {
		color: #fff;
		text-align: left;
		font-size: 26px !important;
		line-height: 35px !important;
		padding: 0 10px 40px 10px;
	}
	.ess-resource-grad-block {
		background: #FFFFFF;
		background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(130, 206, 242, 1) 100%);
		min-height: 200px;
		border-radius: 20px;
		margin-bottom: 10px;
		padding: 20px;
		vertical-align: middle;
		display: table;
		width: 100%;

	}
	.ess-tile-link {
		cursor: pointer;
		color: #1A4570;
		text-decoration: none;
		text-align: center;
		font-size: 26px;
		font-weight: bold;
	}
	.ess-tile-link:hover {
		text-decoration: none;
	}
	.ess-tile-link:hover h4 {
		color: #fff !important;
	}
	
.ess-resource-grad-block:hover {
	background: #0099DC;
	color: #fff;
}
	
	.ess-ellie-animate {
		animation: essEllie 9s cubic-bezier(0.45, 0, 0.55, 1) 0s infinite normal forwards;
	}
	@keyframes essEllie {
	0% {
		transform: translate(0);
	}

	20% {
		transform: translate(0px, 5px);
	}

	40% {
		transform: translate(0px, -5px);
	}

	60% {
		transform: translate(0px, 5px);
	}

	80% {
		transform: translate(0px, -5px);
	}

	100% {
		transform: translate(0);
	}
}
	.ess-gaz-animate {
		animation: essGaz 9s cubic-bezier(0.45, 0, 0.55, 1) 0s infinite normal forwards;
	}
	@keyframes essGaz {
	0% {
		transform: translate(0);
	}

	20% {
		transform: translate(5px, 0px);
	}

	40% {
		transform: translate(-5px, 0px);
	}

	60% {
		transform: translate(5px, 0px);
	}

	80% {
		transform: translate(-5px, 0px);
	}

	100% {
		transform: translate(0);
	}
}
	/* GAZ */
	.ess-gaz-bg-block-inner {
		background: #F7B82E;
		background: radial-gradient(circle, rgba(247, 184, 46, 1) 0%, rgba(247, 152, 31, 1) 100%);
		border-top: 10px solid #3e3752;
		border-bottom: 10px solid #3e3752;
		padding: 20px;
	}
	.char-gaz {
		padding: 20px 0;
		filter: drop-shadow(0px 0px 10px #f7941d);
		
	}
	
	/* ELLIE */
	
	.ess-ellie-bg-block-inner {
		background: #FFFFFF;
		background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(130, 206, 242, 1) 100%);
		border-top: 10px solid #f290bc;
		border-bottom: 10px solid #f290bc;
		padding: 20px;
	}
	.char-ellie {
		padding: 20px 0;
		filter: drop-shadow(0px 0px 10px #59bbe8);
	}
	
   /* VIDEO FRAME */
	.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
/* MOBILE */
	
	@media screen and (max-width: 998px) {
		
	.ess-intro-text {
		color: #fff;
		text-align: center;
		font-size: 22px;
		line-height: 30px;
		padding: 20px 0;
		margin-bottom: 20px;
	}
	.ess-mobile-char-block {
			padding: 0 !important;
			margin: 0 !important;
	}
		
	/* GAZ MOBILE */
	.ess-gaz-bg-block-inner {
		background: #F7B82E;
		background: radial-gradient(circle, rgba(247, 184, 46, 1) 0%, rgba(247, 152, 31, 1) 100%);
		/* width: 100%; */
	}

}
	/* ELLIE MOBILE */