/* CSS Document */
body, html { overflow-x: hidden; }
a { text-decoration: none !important; }
.font-j { font-family: "Jersey 10", sans-serif !important; font-weight: 400; font-style: normal;}
p:last-child { margin-bottom: 0; }

.text-yellow { color: #ECFE51; }
strong { font-weight: 700 !important; }

.bg-yellow { background: #ECFF51 !important; }
.bg-lemon { background: #F0FF70 !important; }
.bg-butter { background: #F6FFB1 !important; }
.bg-navy { background: #0A193F !important; }
.bg-blue { background: #1E3A86 !important; }
.bg-cornflower { background: #557FEE !important; }

#siteHead { position: absolute; left: 0; right: 0; }
#hero:before, #interior-hero:before { content: ""; background: #ffffff; height: 30px; width: 30px; position: absolute; left: calc(100% - 30px); top: 90px; }
#hero:after { content: ""; background: #ffffff; height: 30px; width: 30px; position: absolute; left: 0; bottom: 0; }
.btn-offset .elementor-button, .submit.btn-offset { position: relative; }
.btn-offset .elementor-button:before,  .submit.btn-offset:before { border: 2px solid #0A193F; content: ""; display: inline-block; width: calc(100% + 3px); height: calc(100% + 2px); position: absolute; top: -6px; left: -6px; }
.mainHead .switch:after { content: 'chance'; animation: animate infinite 6s; font-size: 130%; }
.mirror-text { position: relative; font-family: "Jersey 10"; display: block; }
.mirror-text::before { content: var(--mirror-content); position: absolute; top: -5px; left: -5px; color: transparent; -webkit-text-stroke: 2px navy; text-stroke: 2px navy; width: 100%; }
#services .slick-slide { padding: 0 10px; position: relative;}
#services .slick-slide:after { height: 30px; width: 30px; content: ""; background: #ffffff; position: absolute; top: 0; right: 10px;}
#services .slick-prev, #services .slick-next {  position: absolute; border: none; top: 90%; transform: translateY(-50%); z-index: 10; }
#services .slick-prev { left: 10px;}
#services .slick-next { left: auto; right: 10px;}
#services .slick-slider { position: relative; z-index: 1; }
#services .slick-prev:before, #services .slick-next:before { content: ""; }
#services .slick-prev:hover, #services .slick-prev:focus, #services .slick-next:hover, #services .slick-next:focus { background: none !important;}
.services .service-item:after { height: 30px; width: 30px; content: ""; background: #ffffff; position: absolute; top: 0; right: 0;}
.insights { z-index: 99; }
.insights .insight, #team .team { position: relative; -webkit-box-shadow: 10px 10px 0px 1px rgba(85,127,238,1); -moz-box-shadow: 10px 10px 0px 1px rgba(85,127,238,1); box-shadow: 10px 10px 0px 1px rgba(85,127,238,1); }
/*.insights .insight:hover { transform: translate(10px, 10px); box-shadow: none;}*/
.insights .insight:hover { border-color: #1E3A86 !important; transition: none; }
#site-footer .eael-simple-menu-container { min-height: 0; }
#site-footer:after { content: ""; background: #ffffff; height: 30px; width: 30px; position: absolute; right: 0; top: 0; }
#site-footer .level { height: 1px; }
#team .team .team-bottom { margin-top: auto; }
#contact label { font-size: 30px; }
#contact input:not(.submit), #contact textarea { border-radius: 0; border: 2px solid #0A193F; -webkit-box-shadow: 8px 8px 0px 1px rgba(85,127,238,1); -moz-box-shadow: 8px 8px 0px 1px rgba(85,127,238,1); box-shadow: 8px 8px 0px 1px rgba(85,127,238,1); }

@keyframes animate {
	0% { content: "chance"; }
	15% { content: "nature"; }
	30% { content: "look"; }
	45% { content: "wind"; }
	60% { content: "act"; }
	100% { content: "act"; }
}

@keyframes fade-in {
  0% { opacity: 0; transform: translateY(80px); }
  100% { opacity: 1; transform: translateY(0);  }
}

.reveal {
  animation-name: fade-in;
  animation-duration: 1s; /* Adjust duration as needed */
  animation-timing-function: ease-in-out; /* Optional: smooth animation */
}

@media screen and (max-width: 1024px) {
	.tablet-100 { width: 100% !important; }
}

@media screen and (min-width: 1200px) {
	#hero:before, #interior-hero:before { height: 80px; width: 80px; left: calc(100% - 80px); top: 130px; }
	#hero:after { height: 80px; width: 80px; }
	#site-footer:after { height: 70px; width: 70px; }
	
	.anim { position: relative; transition: 2s all ease; }
	.anim.appear { opacity: 0; }
	.anim.appear.active { opacity: 1; transition: opacity 1s ease-in-out; }
	.anim.slideUp { transform: translateY(150px); }
	.anim.slideUp.active { transform: translateY(0); }
	.anim.slideUp.fadeIn { transform: translateY(150px); opacity: 0; }
	.anim.slideUp.fadeIn.active { transform: translateY(0); opacity: 1; }
	.anim.slideRight { transform: translateX( -100%) }
	.anim.slideLeft { transform: translateX( 100%) }
	.anim.zoom { background-size: 130% !important; transition: 2s all ease-in-out 2s; }
	.anim.slideRight.active { transform: translateX(0) }
	.anim.slideLeft.active { transform: translateX(0) }
	.anim.zoom.active { background-size: 100% !important; }
	.td-1 { transition-delay: 250ms !important; }
	.td-2 { transition-delay: 500ms !important; }
}