/*
Theme Name: Halcyon Eco
Description: Halcyon Eco Child Theme
Template: hello-elementor
Version: 1.4.1
Tags: four-columns, right-sidebar, full-width-template
Text Domain: halcyon

This theme, like WordPress, is licensed under the GPL.Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Team box css start  */
.readmore-box input[type="checkbox"] {
  display: none;
}

.readmore-box .extra-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1.2s ease;
}

.readmore-box input[type="checkbox"]:checked ~ .extra-content {
  max-height: 600px; 
}

.readmore-box .toggle-btn {
  color: #1a237e;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
  margin-top: 8px;
  font-size: 14px;
}

.readmore-box input[type="checkbox"]:checked ~ .toggle-btn .more {
  display: none;
}

.readmore-box .toggle-btn .less {
  display: none;
}

.readmore-box input[type="checkbox"]:checked ~ .toggle-btn .less {
  display: inline;
}
/* Team box css end  */

.wheel-counter {
	display: flex;
	gap: 0px;
	justify-content: center;
	padding: 0;
	color: #000;
}
.loader-halcyon .wheel-counter{
	gap: 3px;
}
.wheel-digit {
	/* 	width: 20px; */
	height: 30px;
	overflow: hidden;
	/* 	background: #0c1547;
	background: linear-gradient(0deg, rgba(12, 21, 71, 1) 53%, rgba(217, 217, 217, 1) 85%); 
	border-radius: 2px;
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.6);*/
	font-family: var(--e-global-typography-f405dea-font-family), Sans-serif;
}
.loader-halcyon .wheel-digit{
	width: 20px;
	background: #0c1547;
	background: linear-gradient(0deg, rgba(12, 21, 71, 1) 53%, rgba(217, 217, 217, 1) 85%); 
	border-radius: 2px;
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.6);
}
.wheel-inner {
	transition: transform 2s ease-in-out;
}

.wheel-number {
	height: 30px;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
}
.loader-halcyon .wheel-number{
	color: #fff;
}
.banner-section {
	display: block !important;
}
.banner-wrapper {
	left: auto;
	right: 0;
	transition: width 0.8s ease, transform 1s ease;
	will-change: transform, width;
	margin-left: auto;
	background-color: var(--e-global-color-accent);
	background-image: url(https://halcyon-demo.web-edits.uno/wp-content/uploads/2025/05/bg-pattern.svg);
	background-position: center center;
	background-repeat: repeat;
}
.banner-wrapper::after {
	/* 	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
	pointer-events: none; */
}
.rotator-block {
	transform: translate(-80%, -20%) rotate(45deg) scale(0.8);
	transition: transform 1s linear; 
	position: relative; 
	left: 50%;
}
.banner-text.remove-sticky{
	position: absolute;
}
header.elementor-sticky--active{
	background-color: transparent;
	transition: background 0.4s;
}
header.elementor-sticky--active.elementor-sticky--effects{
	/* 	background-color: #fff !important; */
}
.video-bx{
	transform: scale(0.9);
	transition: transform 0.2s ease-out;
	will-change: transform;
	position: relative;
}
.video-bx > .elementor-widget-container{
	position: relative;
	overflow: visible;
}
.video-bx:before,
.img-box .elementor-widget-container:before{
	content: "";
	position: absolute;
	height: 1px;
	width: 130%;
	background-image: linear-gradient(90deg, #e9eaeb00, #e9eaeb 10% 50%, #e9eaeb 90% 103%);
	inset: 0% 0% auto -15%;
}
.video-bx:after,
.img-box .elementor-widget-container:after{
	content: "";
	position: absolute;
	background-image: linear-gradient(#e9eaeb00, #e9eaeb 15% 50%, #e9eaeb 85%, #e9eaeb00 103%);
	width: 1px;
	height: 100%;
	inset: -25% auto 0% 0%;
}


.video-bx iframe{
	border-radius: 15px;
}
.video-bx > .elementor-widget-container:after{
	content: "";
	background-image: linear-gradient(#e9eaeb00, #e9eaeb 15% 50%, #e9eaeb 85%, #e9eaeb00 103%);
	width: 1px;
	height: 100%;
	position: absolute;
	inset: -25% 0% 0% auto;
}


.banner-img-holder {
	transform-style: preserve-3d;
	transition: transform 0.1s linear;
	z-index: 2
}


.content-para {
	font-family: "Inter", sans-serif;
	font-style: normal;
	font-weight: 600;
	color: rgb(7, 32, 62);
	font-size: 48px;
	line-height: 60px;
} 

.content-list {
	position: relative;
	z-index:-1;
	width: 30%;
	left:60%;
	top: -58px;
	animation: scroll 8s forwards 2s;
	text-align: left; 
	font-family: "Inter", sans-serif;
	font-style: normal;
	font-weight: 600;
	color: rgb(7, 32, 62);
	font-size: 48px;
	line-height: 60px;
}

/* .content-item {
opacity: 0.1;
transition: opacity 0.5s ease, color 0.5s ease;
color: rgb(7, 32, 62);
} */


.content-item {
	opacity: 0;
	transform: scale(1);
	transition: all 0.3s ease;
	pointer-events: none;
	margin-bottom: 2px;
	white-space: nowrap;

}

.content-item.active,
.content-item.nearby {
	opacity: 1;
	transform: scale(1);
	pointer-events: auto;
}

.content-item.active {
	font-weight: bold;
	color: #07203e;
}

.content-item.nearby {
	color: #ccc;
}





.project-item {
	color: #0c4384;
}

.project-item.active {
	color: #0c4384;
}

@keyframes scroll {
	0% {
		transform: translate3d(0, 0, 0);
	}
	16.67% {
		transform: translate3d(0, -60px, 0); 
	}
	33.33% {
		transform: translate3d(0, -120px, 0); 
	}
	50% {
		transform: translate3d(0, -180px, 0); 
	}
	66.67% {
		transform: translate3d(0, -240px, 0); 
	}
	83.33% {
		transform: translate3d(0, -300px, 0); 
	}
	100% {
		transform: translate3d(0, -373px, 0); 
	}
}

.shadow-icon img{
	box-shadow: 0 0 0 1px #0000000f, 0 2px 4px -2px #0a0d120d, 0 4px 6px -2px #0a0d121a;
}


.scroll-img-holder{
	height: 400px;
}
.scroll-img-holder img{
	animation: img-scroll 20s linear infinite;
}
@keyframes img-scroll {
	0% {
		transform: translateY(0);
		opacity: 1;
	}
	93.3% {
		opacity: 1;
	}
	97.1% {
		opacity: 0;
	}
	97.05% {
		transform: translateY(calc(-100% + 400px));
	}
	97.1% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(0);
		opacity: 0;
	}
}

.switch-img-container1{
	animation: switch-anim1 10s ease-in infinite;
}

.switch-img-holder .switch-img1{
	animation: switch-anim1 10s ease-in infinite;
}
@keyframes switch-anim1 {
	0% {
		transform: translateY(0);
		opacity: 1;
	}
	40% {
		transform: translateY(0px);
		opacity: 1;
	}
	45% {
		transform: translateY(-40px);
		opacity: 0;
	}
	50% {
		transform: translateY(40px);
		opacity: 0;
	}
	95% {
		transform: translateY(40px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
.switch-img-container2{
	animation: switch-anim2 10s ease-in infinite;
	animation-delay: 5s;
	opacity: 0;
}
.switch-img-holder .switch-img2{
	animation: switch-anim2 10s ease-in infinite;
	animation-delay: 5s;
	opacity: 0;
}
@keyframes switch-anim2 {
	0% {
		transform: translateY(0);
		opacity: 1;
	}
	40% {
		transform: translateY(0px);
		opacity: 1;
	}
	45% {
		transform: translateY(-40px);
		opacity: 0;
	}
	50% {
		transform: translateY(40px);
		opacity: 0;
	}
	95% {
		transform: translateY(40px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.icon-list-halcyon .elementor-icon-box-icon{
	padding-top:8px;
}

.phoenix-arrow {
	position: relative;
	animation: phoenixMove 9s infinite ease-in-out;
}

@keyframes phoenixMove {
	0% {
		transform: translate(0, 0); 
	}
	25% {
		transform: translate(-65px, 0); 
	}
	50% {
		transform: translate(0, 30px); 
	}
	75% {
		transform: translate(-30px, -55px); 
	}
	100% {
		transform: translate(0, 0); 
	}
}

.andi {
	position: relative;
	animation: andiMove 10s linear infinite;
}
@keyframes andiMove {
	0% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(40px, -55px); 
	}
	50% {
		transform: translate(20px, 0); 
	}
	75% {
		transform: translate(-20px, -65px);
	}
	100% {
		transform: translate(0, 0); 
	}
}

.production-img-container{
	width:100%;
	height:95%;
	z-index:-1;
	border-bottom:1px solid #e4e7ec;
	position:relative;
	overflow:hidden;
	margin-top:-10px;
}
.production-img-container img {
	overflow: clip !important;
}

/* image changer css start */


.img-box .img-bgchanger:after {
	content: "";
	background-image: linear-gradient(#e9eaeb00, #e9eaeb 15% 50%, #e9eaeb 85%, #e9eaeb00 103%);
	width: 1px;
	height: 100%;
	position: absolute;
	inset: -25% 0% 0% auto;
}

*,
*::after,
*::before {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.image-container img {
	display: block;
	max-width: 100%;
}

main.img-bgchanger{
	display: grid;
	place-items: center;
	/* 	min-height: 100vh; */
}

.img-bgchanger .container {
	display: grid;
	place-content: center;
	position: relative;
	overflow: hidden;
	border-radius: 1rem;
	--position: 50%;
}

.image-container {
	max-width: 100%;

}

.img-bgchanger .slider-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left;
}

.img-bgchanger .image-before {
	position: absolute;
	inset: 0;
	width: var(--position);
}

.img-bgchanger .slider {
	position: absolute;
	inset: 0;
	cursor: pointer;
	opacity: 0;
	width: 100%;
	height: 100%;
}

.img-bgchanger .slider:focus-visible ~ .slider-button {
	outline: 5px solid black;
	outline-offset: 3px;
}

.img-bgchanger .slider-line {
	position: absolute;
	inset: 0;
	width: .2rem;
	height: 100%;
	background-color: #fff;
	/* z-index: 10; */
	left: var(--position);
	transform: translateX(-50%);
	pointer-events: none;
}

.img-bgchanger .slider-button {
	position: absolute;
	background-color: #fff;
	color: black;
	padding: .5rem;
	border-radius: 100vw;
	display: grid;
	place-items: center;
	top: 50%;
	left: var(--position);
	transform: translate(-50%, -50%);
	pointer-events: none;
	/* z-index: 100; */
	box-shadow: 1px 1px 1px hsl(0, 50%, 2%, .5);
}


/* image changer css end */


/* Home page tab section css start */
.halcyon-tabs-section .elementor-widget-container > div.e-n-tabs.e-activated{
	display:flex !important;
	flex-direction:row !important;
	align-items:start;
	gap:10px;

}
.halcyon-tabs-section .elementor-widget-container .e-n-tabs-heading{
	width:35%;
	display:flex;
	flex-direction:column;
	gap:0;

}
.halcyon-tabs-section .elementor-widget-container .e-n-tabs-heading button{
	padding:20px 20px 20px 16px;
	border-left:4px solid #f5f5f5;
	background:transparent;
	position:relative;
	justify-content: flex-start;
}
.halcyon-tabs-section .elementor-widget-container .e-n-tabs-heading button .e-n-tab-icon {
	position: absolute;
	top: 28px;
	right: 20px;
	display: block; 
	opacity: 0;
	transform: translateX(-10px);
	transition: opacity 0.3s ease, transform 0.3s ease;
	pointer-events: none; 
}

.halcyon-tabs-section .elementor-widget-container .e-n-tabs-heading button[aria-selected="true"]{
	border-left:4px solid #0C4384;
}
.halcyon-tabs-section .elementor-widget-container .e-n-tabs-heading button:hover{
	border-left:4px solid #0C4384;
	background:transparent;
}
.halcyon-tabs-section .elementor-widget-container .e-n-tabs-heading button:hover .e-n-tab-icon {
	opacity: 1;
	transform: translateX(0);
	pointer-events: auto;
}
.tab-sno{
	font-size:14px;
	font-weight:600;
	line-height:24px;
	color:rgb(83, 88, 98);
}
.halcyon-tabs-section .elementor-widget-container .e-n-tabs-heading button[aria-selected="true"] > span span.tab-sno {
	color: #0C4384;
	font-weight:600;
}

.halcyon-tabs-section .elementor-widget-container .e-n-tabs-heading .e-n-tab-title-text{
	display:flex;
	flex-direction:row;
	align-items:start;
	gap:20px;
}

.halcyon-tabs-section .elementor-widget-container .e-n-tabs-heading button .e-n-tab-title-text div{
	display:flex;
	flex-direction:column;
	align-items:start;
	justify-content:start;
}
.halcyon-tabs-section .elementor-widget-container .e-n-tabs-heading button .e-n-tab-title-text div h3{
	margin-top: 0;
	margin-bottom: 5px;
}
.tab-subtitle{
	text-align:start;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	color: rgb(83, 88, 98);
	display: none;
}
.halcyon-tabs-section .e-n-tab-title[aria-selected="true"] .tab-subtitle{
	display: block;
}
.halcyon-tabs-section .elementor-widget-container .e-n-tabs-content{
	width:65%;
}
.drop-shadow1{
	-webkit-filter: drop-shadow(0px 24px 28px rgba(10, 13, 18, 0.16));
	-webkit-filter: drop-shadow(0px 8px 8px rgba(10, 13, 18, 0.06));
	filter: drop-shadow(0px 24px 28px rgba(10, 13, 18, 0.16));
	filter: drop-shadow(0px 8px 8px rgba(10, 13, 18, 0.06));
	pointer-events: none;
}
/* Home page tab section css end */




.home-icon-bx .elementor-image-box-img {
	border: 1px solid #e9eaeb;
	border-radius: 16px;
	padding: 4px;
	height: 64px;
}
.home-icon-bx .elementor-image-box-img img{
	border-radius: 12px !important;
	box-shadow: 0 0 0 1px #00000014, 0 21px 8px #00000005, 0 12px 7px #0000000f, 0 5px 5px #0000001a, 0 1px 3px #0000001c;
}
.review-single .review-star{
	width: 116px;
	display: block;
	margin-bottom: 16px;
}
.review-single strong{
	color: var( --e-global-color-secondary );
}




.loader-halcyon h5{
	font-family: var(--e-global-typography-830134f-font-family), Sans-serif;
	font-size: 34px;
	font-weight: var(--e-global-typography-830134f-font-weight);
	line-height: 1.2em;
	text-align: center;
	margin-bottom: 35px;
	margin-top: 30px;
}
.loader-halcyon-wrap{
	/* 	animation: hideMeAfter7 0s ease 10s forwards; */
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;

	width: 100%;
	height: 100%;
}
.loader-halcyon{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.loader-halcyon .loader-screen1{
	animation: hideMe 0s ease 6s forwards;
	margin-top: 0;
	min-height: 330px;
}

@keyframes hideMe {
	to {
		visibility: hidden;
		opacity: 0;
		height: 0;

		min-height: unset;
	}
}
.loader-halcyon .loader-screen2{
	animation: showMe 0s ease 6s forwards;
	visibility: hidden;
	opacity: 0;
	height: 0;
	text-align: center;
	margin-top: 0; 
	/* 	padding-bottom: 120px; */
	position: relative;

	min-height: unset;
}
.loader-halcyon dotlottie-wc{
	margin-left: auto;
	margin-right: auto;
}
@keyframes showMe {
	to {
		visibility: visible;
		opacity: 1;
		height: auto;
		min-height: 330px;
	}
}
.loader-halcyon .wheel-counter{
	transform: scale(2);
	margin-top: 30px !important;
}
.last-text{
	display: block;
	text-align: center;
	font-family: var(--e-global-typography-f405dea-font-family), Sans-serif;
	font-size: var(--e-global-typography-f405dea-font-size);
	font-weight: var(--e-global-typography-f405dea-font-weight);
	line-height: var(--e-global-typography-f405dea-line-height);
	margin-top: 20px !important;
	color: var( --e-global-color-primary );
}
.loader-screen2 .last-text{
	font-size: 32px;
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
}
.loader-screen1{
	position: relative;
}
.loader-screen1 .last-text{
	position: absolute !important;
	right: 50%;
	left: auto;
	transform: translatex(185px);
	bottom: -18px;
}




/* #site-header {
	width: 100%;
	position: relative;
	z-index: 9999;

}

#site-header.fixed {
	position: fixed;
	top: 0;
	left: 0;
	transition: transform 0s ease;
	background: #fff !important
} */



/* .sticky-header-wrapper.elementor-sticky--effects .elementor-widget-image a img{
	height:70px;
} */

.usa-label { 
	display: none !important; 
}
.non-usa-label { 
	display: block !important; 
}
body.country-usa .usa-label { 
	display: block !important; 
}
body.country-usa .non-usa-label { 
	display: none !important; 
}

.uk-label{
	display: none !important;
}
body.country-uk .uk-label { 
	display: block !important; 
}
body.country-uk .non-usa-label1,
body.country-usa .non-usa-label1{ 
	display: none !important; 
}
body.country-usa .usa-label{
	display: block !important; 
}
.halc-banner::before{
	width: 50%;
	right: 0;
	left: auto;
}
.horiz-testims .elementor-testimonial__text,
.horiz-testims .elementor-testimonial__image,
.horiz-testims .elementor-testimonial__name,
.horiz-testims .elementor-testimonial__title{
	transform: translatey(40px);
	transition: all 0.8s ease 0.2s;
	opacity: 0;
}
.horiz-testims .elementor-testimonial__image{
	transition-delay: 0.3s;.
}
.horiz-testims .elementor-testimonial__name{
	transition-delay: 0.35s;
}
.horiz-testims .elementor-testimonial__title{
	transition-delay: 0.42s;	
}
.horiz-testims .testim-logo{
	transform: scale(0.85);
	transition: all 0.5s ease 0.2s;
	line-height: 1;
	margin-bottom: 20px;
}
.horiz-testims .testim-logo img{
	max-height: 80px;
	object-fit: contain;
}
.horiz-testims .swiper-slide-active .elementor-testimonial__text,
.horiz-testims .swiper-slide-active .elementor-testimonial__image,
.horiz-testims .swiper-slide-active .elementor-testimonial__name,
.horiz-testims .swiper-slide-active .elementor-testimonial__title{
	transform: translatey(0px);
	opacity: 1;
}
.horiz-testims .swiper-slide-active .testim-logo{
	transform: scale(1);
	opacity: 1;
}
.horiz-testims .elementor-main-swiper{
	padding-bottom: 120px !important;
}
.production-img-container{
	border-bottom: none !important;
}




.content-para{
	font-size: 38px;
	height: 1.6em !important; 
	color: var( --e-global-color-primary );

}
.rotating-wrapper {
	display: inline-block;
	vertical-align: middle;
	height: 1.6em;
}
.rotating-text-stack {
	display: inline-block;
	transition: transform 0.6s ease-in-out;
	white-space: nowrap;
}
.rotating-item {
	display: block;
	height: 1.6em;
	line-height: 1.6em;
	font-weight: bold;
	color: var( --e-global-color-primary );
	text-align: left;
	opacity: 0;
}
.active {
	color: var( --e-global-color-primary );
	opacity: 1;
}
.before-active1, .after-active1 {
	opacity: 0.6;
}
.before-active2, .after-active2 {
	opacity: 0.3;
}




#counter-wrapper {
	height: 50px;
	overflow: hidden;
	font-size: 32px;
	font-weight: bold;
	position: relative;
}

#counter {
	position: absolute;
	bottom: 0;
	transition: transform 0.2s ease, opacity 0.2s ease;
}


/* environmental page css start */

.join-cours-btn li:nth-child(2){
	padding-right:25px;
}

.join-cours-btn li:nth-child(2):hover .elementor-icon-list-text {
	color:#e4a40c !important;
	cursor: pointer;
}
.join-cours-btn .elementor-icon-list-icon {
	transition: transform 0.3s ease;
	vertical-align: middle;
	display: inline-block;
}
.join-cours-btn li:nth-child(2):hover .elementor-icon-list-icon svg{
	transform: translateX(5px);
	transition: transform 0.3s ease;
}
.join-cours-btn li:nth-child(2):hover .elementor-icon-list-icon svg path{
	stroke: #e4a40c !important;
}
.course-topbar li:nth-child(2){
	padding-right:25px;
	position:relative;
}
.course-topbar2 li:nth-child(2){
	padding-right: 0px;

}

.course-topbar li:nth-child(1){
	border-radius: 6px;
	border:1px solid #D5D7DA;
	padding:2px 8px 2px 4px;
}

.course-topbar li:nth-child(2) span.elementor-icon-list-icon{
	position:absolute;
	right:6px;
	top:55%;
	transform: translatey(-50%);
} 

.core-value-tab{
	cursor: pointer;
	transition: all 0.5s ease-in;
	transition-delay: 0;
}
.core-value-tab.active{
	border-color: var( --e-global-color-dbe8755 ) !important;
}
.core-value-img {
	opacity: 0;
	transform: translateY(50px) !important;
	transition: opacity 0.5s ease, transform 0.5s ease;
	pointer-events: none;
}

.core-value-img.active {
	opacity: 1;
	transform: translateY(0) !important;
	z-index: 1;
}
.core-value-tab .guide-tab-content{
	max-height: 0;
	overflow: hidden;
	transition: all 0.5s ease-in;
	transition-delay: 0;
}
.core-value-tab.active .guide-tab-content{
	max-height: 140px;

}
.arrow-btn a.elementor-button-link:hover .elementor-button-icon svg g path{
	fill:var(--e-global-color-secondary);
}

.img-scale.img-box .elementor-widget-container:after,
.img-scale.img-box .elementor-widget-container:before{
	background:transparent !important;
	height:0px !important;
	width:0px !important;
}


.side-img-right {
	border: 1.25px solid #D5D7DA;
	box-shadow: 0px 2px 2px -1px #0A0D120A, 0px 4px 6px -2px #0A0D1208, 0px 12px 16px -4px #0A0D1214;
	padding: 2.51px;
	border-radius: 20.08px 0 0 20.08px;
}

.side-img-right .elementor-widget-container
{
	box-shadow: 0px 0px 2.51px 1.25px #0A0D1208 inset, 0px 0px 3.76px 1.25px #0A0D1214 inset;
	padding: 2.51px;
	border-radius: 17.57px 0 0 17.57px;
}

.side-img-right img
{
	border: 1.25px solid #E9EAEB;
	border-radius: 15px 0 0 15px;
}
.demo-btn .elementor-widget-container .elementor-button-wrapper .elementor-button-text {
	color:#535862;
}
.demo-btn .elementor-widget-container .elementor-button-wrapper .elementor-button-text:hover {
	color: #07203E;
}

/* environmental page css end */

.form-checkbox .elementor-field-type-checkbox .elementor-field-option input {
	width: 20px;
	height: 20px;
	margin-right: 15px;
	cursor: pointer;
}
.form-checkbox .elementor-field-type-checkbox .elementor-field-option{
	display: flex;
	align-items: center;
}

.form-checkbox .elementor-field-type-checkbox .elementor-field-option  label u:hover{
	color: #07203e;
}

.brochure-form-checkbox .elementor-field-type-checkbox .elementor-field-option input {
	width: 20px;
	height: 20px;
	align-items: center;
	gap: 6px;  
	vertical-align: middle;
	margin-top: -2px;
}

.brochure-form-had{
	color: #535862;
	font-weight: 900;
}

.blog-img-pos{
	position: relative;
	z-index: 0;
	overflow: hidden;
	transition: all 0.5s;
}
.blog-img-pos:before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 40px solid #0C4384;
	border-left: 40px solid #fff;
	bottom: -40px;
	left: -40px;
	display: inline-block;
	z-index: 99;
	transition: all 0.5s;
}
.blog-img-pos img{
	aspect-ratio: 4/3;
	object-fit: cover;
}
.blog-loop-item:hover .blog-img-pos{
	transform: translatey(-5px)
}
.blog-loop-item:hover .blog-img-pos:before{
	bottom: 0px;
	left: 0px;
}
.blog-loop-item .elementor-widget-theme-post-excerpt .elementor-widget-container{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.img-box img{
	aspect-ratio: 1;
}
.blog-sidebar .elementor-toc__list-item a{
	border-radius: .5rem;
	/* 	margin-left: -.75rem; */
	padding: .375rem .75rem !important;
	transition: color .2s, background-color .2s;
	text-decoration: none !important;
	margin-top: 0 !important;
	background-color: #fff;
	margin-bottom: 0 !important;
}
.blog-sidebar a,
.blog-sidebar a.halcyon-blog-active{
	background-color: #fafafa
}

.blog-sidebar a.elementor-item-active{
	color: var(--item-text-color) !important;
}
.blog-sidebar .elementor-toc__list-wrapper,
.blog-sidebar .elementor-toc__list-item{
	margin: 0 !important;
}
.blog-sidebar .elementor-toc__list-item i{
	display: none;
}
.blog-sidebar .elementor-toc__list-item-text-wrapper + .elementor-toc__list-wrapper{
	padding-left: 15px;
}
.blog-sidebar .elementor-toc__body{
	margin-left: -12px;
}
.blog-sidebar .elementor-toc__header{
	border: none;
	margin-bottom: 10px
}
.blog-cat-time li:first-child i{
	color: var( --e-global-color-secondary ) !important;
	font-size: 8px;
}
.blog-cat-time li:last-child{
	margin-right: 0 !important;
}
.blog-cat-time li:last-child {
	margin-right: 0 !important;
}
.blog-cat-time li:last-child span.elementor-icon-list-icon{
	right: 0
}
.single-post .elementor-share-btn{
	border: 1px solid var( --e-global-color-ab5cadf ) !important;
	border-radius: 10px;
}
.single-post .elementor-share-btn:hover{
	border: 1px solid var( --e-global-color-dbe8755 ) !important;
}

.play_video_icon .elementor-wrapper.elementor-open-lightbox {
	display:flex;
	align-items:center;
	justify-content:center;
}
.play_video_icon .elementor-custom-embed-image-overlay > img{
	width: 420px;
	opacity: 0;
}
.play_video_icon .elementor-custom-embed-play i, 
.play_video_icon .elementor-custom-embed-play svg{
	opacity: 1 !important;
	height: 80px;
	width: 80px;
}

.content-li-item .wp-block-list {
	padding-left: 40px;
}
.blog-sidebar .elementor-toc__list-item-text.halcyon-blog-active{
	color:#07203e;
}

.blog-content-container .elementor-widget-container h3{
	font-size:18px; 
	font-weight:500;
}

.blog-content-container .elementor-widget-container h2{
	font-size:22px; 
	font-weight:600;
}
.cont-link a{
	color: #fff;
	transition: all 0.3s;
}
.cont-link a:hover{
	color: var( --e-global-color-secondary );
}
.circle-icon .elementor-icon{
	height: 50px;
	width: 50px;
	background: #f4f4f4;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}









.imagepin {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 10px;
	max-width: 100%;
	margin: 30px auto;
}

.imagepin .pins {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.imagepin img {
	display: block;
	margin: 0;
	width: 100%;
	height: auto;
}
.imagepin .pin {
	width: 44px;
	height: 44px;
	transform: translate(-50%, -50%);
	z-index: 9;
	border-radius: 100%;
	position: absolute;
	opacity: 1;
	background: rgba(82, 123, 187, 0.2);
	backdrop-filter: blur(1px);
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid transparent;
	text-decoration: none;
}
.imagepin .pin span {
	position: absolute;
	bottom: calc(100% + 20px);
	top: auto;
	display: block;
	width: 320px;
	text-align: center;
	background: #fff;
	padding: 30px;
	border-radius: 10px;
	z-index: 10;
	opacity: 0;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	transition: 0.2s all ease-in-out;
	visibility: hidden;
}

.imagepin .pin h4 {
	margin: 0 0 10px 0;
}
.imagepin .pin address {
	font-style: normal;
	font-size: 14px;
	line-height: 1.5;
}
.imagepin .pin:hover {
	border-color: #527BBB;
}

.imagepin .pin:hover:after {
	width: 7px;
	height: 7px;
}

.imagepin .pin:hover span {
	opacity: 1;
	bottom: calc(100% + 5px);
	visibility: visible;
}

.imagepin .pin:active {
	border-color: #527BBB;
}

.imagepin .pin:active:after {
	width: 20px;
	height: 20px;
}

.imagepin .pin:after {
	content: "";
	width: 10px;
	height: 10px;
	transition: 0.2s all ease-in-out;
	background: #527BBB;
	position: relative;
	display: block;
	border-radius: 100%;
}

.imagepin .pin:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	animation: shockwave 2s 0.5s ease-out infinite;
}

@keyframes shockwave {
	0% {
		transform: scale(1);
		box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), inset 0 0 1px #b2d0ff;
	}

	95% {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0), inset 0 0 30px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(1.8);
	}
}

.imagepin .pin:nth-of-type(1):before {
	animation-delay: 0.2s;
}
.imagepin .pin:nth-of-type(2):before {
	animation-delay: 0.4s;
}
.imagepin .pin:nth-of-type(3):before {
	animation-delay: 0.6s;
}
.imagepin .pin:nth-of-type(4):before {
	animation-delay: 0.9s;
}
.imagepin .pin:nth-of-type(5):before {
	animation-delay: 1.3s;
}
.imagepin .pin:nth-of-type(6):before {
	animation-delay: 1.6s;
}
.imagepin .pin:nth-of-type(7):before {
	animation-delay: 1.8s;
}
.imagepin .pin:nth-of-type(8):before {
	animation-delay: 2s;
}
.imagepin .pin:nth-of-type(9):before {
	animation-delay: 2.2s;
}







@keyframes animate-top {
	0% {
		background: #3e3e3e; /* Old browsers */
		background: -moz-linear-gradient(top,  #3e3e3e 0%, #2b2b2b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e3e3e), color-stop(100%,#2b2b2b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #3e3e3e 0%,#2b2b2b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #3e3e3e 0%,#2b2b2b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #3e3e3e 0%,#2b2b2b 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #3e3e3e 0%,#2b2b2b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#2b2b2b',GradientType=0 );
	}

	100% {
		color: #474747;

		transform: 
			translateX(0px) 
			translateY(0.35em) 
			translateZ(5px) 
			rotateX(-90deg)
			rotateY(0deg)
			rotateZ(0deg);
	}
}

@keyframes animate-bottom {
	0% {
		color: #474747;
		opacity: 1;
	}

	100% {
		transform: 
			translateX(0) 
			translateY(0) 
			translateZ(0) 
			rotateX(0deg) 
			rotateY(0deg)
			rotateZ(0deg);

		opacity: 1;
	}
}

@-webkit-keyframes animate-top {
	0% {
		background: #3e3e3e; /* Old browsers */
		background: -moz-linear-gradient(top,  #3e3e3e 0%, #2b2b2b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e3e3e), color-stop(100%,#2b2b2b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #3e3e3e 0%,#2b2b2b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #3e3e3e 0%,#2b2b2b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #3e3e3e 0%,#2b2b2b 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #3e3e3e 0%,#2b2b2b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#2b2b2b',GradientType=0 );
	}

	100% {
		color: #474747;

		-webkit-transform: 
			translateX(0px) 
			translateY(0.35em) 
			translateZ(5px) 
			rotateX(-90deg)
			rotateY(0deg)
			rotateZ(0deg);
	}
}

@-webkit-keyframes animate-bottom {
	0% {
		color: #474747;
		opacity: 1;
	}

	100% {
		-webkit-transform: 
			translateX(0) 
			translateY(0) 
			translateZ(0) 
			rotateX(0deg) 
			rotateY(0deg)
			rotateZ(0deg);

		opacity: 1;
	}
}

.number {
	position: relative;
	float: left;
	margin-right: 5px;
	font-size: 20px;
	width: 1em;
	height: 1.5em;
}
.number:last-child {
	margin-right: 0px;

}
.foot-countdown .number{
	font-size: 35px;
}
.number span {
	position: absolute;
	display: block;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: white;
	width: 1em;
	height: 1.5em;
	perspective: 7.14em;

}

.number span:before {
	display: block;
	height: 0.75em;
	overflow: hidden;
	line-height: 1.52em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 20% 20% 0 0;
	background: #3e3e3e; /* Old browsers */
	background: -moz-linear-gradient(top,  #3e3e3e 0%, #2b2b2b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e3e3e), color-stop(100%,#2b2b2b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3e3e3e 0%,#2b2b2b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3e3e3e 0%,#2b2b2b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3e3e3e 0%,#2b2b2b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3e3e3e 0%,#2b2b2b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-9 */
}

.number span:after {
	display: block;
	height: 0.75em;
	overflow: hidden;
	line-height: 0;

	border-top: 1px solid rgba(0, 0, 0, 0.5);

	border-radius: 0 0 20% 20%;

	transition: color 500ms, background-color 500ms;

	background: #252525; /* Old browsers */
	background: -moz-linear-gradient(top,  #252525 0%, #070707 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252525), color-stop(100%,#070707)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #252525 0%,#070707 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #252525 0%,#070707 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #252525 0%,#070707 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #252525 0%,#070707 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#070707',GradientType=0 ); /* IE6-9 */
}


.flip .primary:before {
	animation: animate-top 250ms;
	-moz-animation-fill-mode: forwards;

	-webkit-animation: animate-top 250ms;
	-webkit-animation-fill-mode: forwards;


	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top,  #000000 0%, #303030 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#303030)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 0%,#303030 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 0%,#303030 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000000 0%,#303030 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #000000 0%,#303030 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#303030',GradientType=0 ); /* IE6-9 */

}

.flip .primary:after {
	animation: animate-bottom 250ms;
	-moz-animation-fill-mode: forwards;
	animation-delay: 250ms;

	-webkit-animation: animate-bottom 250ms;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: 250ms;
}

.primary:after {
	opacity: 0;

	transform: 
		translateX(0) 
		translateY(-0.28em) 
		translateZ(0.35em) 
		rotateX(91deg) 
		rotateY(0deg) 
		rotateZ(0deg);

	-webkit-transform: 
		translateX(0) 
		translateY(-0.28em) 
		translateZ(0.35em) 
		rotateX(91deg) 
		rotateY(0deg) 
		rotateZ(0deg);
}

.primary {
	z-index: 2;
}

.secondary {
	z-index: 1;
}

/* Number 0 */

[data-number="0"] span.primary:before {
	content: "0";
}

[data-number="0"] span.secondary:after {
	content: "0";
}

[data-number="0"] span.secondary:before {
	content: attr(title);
}

[data-number="0"] span.primary:after {
	content: attr(title);
}

/* Number 9 */

[data-number="9"] span.primary:before {
	content: "9";
}

[data-number="9"] span.secondary:after {
	content: "9";
}

[data-number="9"] span.secondary:before {
	content: attr(title);
}

[data-number="9"] span.primary:after {
	content: attr(title);
}

/* Number 8 */

[data-number="8"] span.primary:before {
	content: "8";
}

[data-number="8"] span.secondary:after {
	content: "8";
}

[data-number="8"] span.secondary:before {
	content: attr(title);
}

[data-number="8"] span.primary:after {
	content: attr(title);
}

/* Number 7 */

[data-number="7"] span.primary:before {
	content: "7";
}

[data-number="7"] span.secondary:after {
	content: "7";
}

[data-number="7"] span.secondary:before {
	content: attr(title);
}

[data-number="7"] span.primary:after {
	content: attr(title);
}

/* Number 6 */

[data-number="6"] span.primary:before {
	content: "6";
}

[data-number="6"] span.secondary:after {
	content: "6";
}

[data-number="6"] span.secondary:before {
	content: attr(title);
}

[data-number="6"] span.primary:after {
	content: attr(title);
}

/* Number 5 */

[data-number="5"] span.primary:before {
	content: attr(title);
}

[data-number="5"] span.secondary:after {
	content: attr(title);
}

[data-number="5"] span.secondary:before {
	content: attr(title);
}

[data-number="5"] span.primary:after {
	content: attr(title);
}

/* Number 4 */

[data-number="4"] span.primary:before {
	content: "4";
}

[data-number="4"] span.secondary:after {
	content: "4";
}

[data-number="4"] span.secondary:before {
	content: attr(title);
}

[data-number="4"] span.primary:after {
	content: attr(title);
}

/* Number 3 */

[data-number="3"] span.primary:before {
	content: attr(title);
}

[data-number="3"] span.secondary:after {
	content: attr(title);
}

[data-number="3"] span.secondary:before {
	content: attr(title);
}

[data-number="3"] span.primary:after {
	content: attr(title);
}

/* Number 2 */

[data-number="2"] span.primary:before {
	content: "2";
}

[data-number="2"] span.secondary:after {
	content: "2";
}

[data-number="2"] span.secondary:before {
	content: attr(title);
}

[data-number="2"] span.primary:after {
	content: attr(title);
}

/* Number 1 */

[data-number="1"] span.primary:before {
	content: "1";
}

[data-number="1"] span.secondary:after {
	content: "1";
}

[data-number="1"] span.secondary:before {
	content: attr(title);
}

[data-number="1"] span.primary:after {
	content: attr(title);
}

.number span.primary:before,
.number span.primary:after,
.number span.secondary:before,
.number span.secondary:after {
	/* 	content: attr(title); */
}
.home-banner-count .elementor-icon-list-text{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.mainBlock__formContainer .mainBlock__formContainer__inputs,
.mainBlock__formContainer{
	display: flex;
	flex-direction: column;
	gap: 30px
}
.mainBlock__formContainer label{
	font-family: var(--e-global-typography-09a1429-font-family), Sans-serif;
	font-size: var(--e-global-typography-09a1429-font-size);
	font-weight: var(--e-global-typography-09a1429-font-weight);
	margin-bottom: 8px;
	color: var( --e-global-color-primary );
	line-height: 1.2em;
}
.mainBlock__formContainer input{
	width: 100%;
	height: 45px;
	padding: 15px;
	background-color: var( --e-global-color-accent );
	border-radius: 6px ;
	border: 1px solid var( --e-global-color-26964c9 ) !important;
	outline: none;
}
.mainBlock__formContainer__inputs.result-bx{
	padding: 30px;
	background: var( --e-global-color-primary );
	border-radius: 6px;
}
.mainBlock__formContainer__inputs.result-bx label{
	color: #fff;
}

.contact-from .elementor-button {
	background: linear-gradient(90deg, #07203E 30%, #0C4384 90%);
}

.contact-from .elementor-button:hover{
	background: linear-gradient(90deg, #0C4384 30%, #07203E 90%);
}

.brochure-form .elementor-button {
	background: linear-gradient(90deg, #07203E 30%, #0C4384 90%);
}

.brochure-form .elementor-button:hover{
	background: linear-gradient(90deg, #0C4384 30%, #07203E 90%);
}

.mob-button{
	display: none !important;
}

/* Landing Page css start */
.yellow-text{
	color: var( --e-global-color-secondary ) !important;
}
.separator{
    position: relative;
}
.separator::before{
     content: "";
  position: absolute;
  top: 0;
  right: -20%;
  transform: translateX(-50%);
  width: 8px; 
  height: 100%;
  background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.6), transparent);

}


/* Landing Page css end */

.mob-footer-menu .mob-button{
	display: none !important;
}


@media screen and (max-width: 768px){
	.banner-text{
		position: unset;
	}
	.mob-button{
		display: block !important;
		padding-left:15px !important;
		padding-right:15px !important;
	}
   .mob-footer-menu nav.elementor-nav-menu--main ul li.mob-button{
		display: none !important;
	    padding-top:10px;
	   padding-left:0 !important;
	   padding-right:0 !important;
	}
	.mob-footer-menu nav.elementor-nav-menu--main ul li.mob-button a{
		border-radius: 8px !important;	
		padding:10px 20px !important;
		display:inline;
		background-color: transparent;
		font-family: var(--e-global-typography-f405dea-font-family), Sans-serif;
		font-size: var(--e-global-typography-f405dea-font-size);
		font-weight: var(--e-global-typography-f405dea-font-weight);
		line-height: var(--e-global-typography-f405dea-line-height);
		fill: var(--e-global-color-c365470);
		color: var(--e-global-color-c365470);
		background-image: linear-gradient(90deg, var(--e-global-color-primary) 30%, var(--e-global-color-dbe8755) 90%);
		color: #ffffff !important;
	}
	.mob-button a{
		border-radius: 8px !important;	
		background-color: transparent;
		font-family: var(--e-global-typography-f405dea-font-family), Sans-serif;
		font-size: var(--e-global-typography-f405dea-font-size);
		font-weight: var(--e-global-typography-f405dea-font-weight);
		line-height: var(--e-global-typography-f405dea-line-height);
		fill: var(--e-global-color-c365470);
		color: var(--e-global-color-c365470);
		background-image: linear-gradient(90deg, var(--e-global-color-primary) 30%, var(--e-global-color-dbe8755) 90%);
		color: #ffffff !important;
	}
}
@media screen and (max-width: 767px){
	.banner-section {
		display: none !important;
	}
	.remove-br-mob br{
		display: none;
	}
	.cta-image-roller{
		position: unset;
		height: 225px;
	}
	.side-img-right{
		border-radius: 20.08px 20.08px 20.08px 20.08px;
	}
	.side-img-right .elementor-widget-container{
		border-radius: 17.57px 17.57px 17.57px 17.57px;
	}
	.side-img-right img{
		border-radius: 15px 15px 15px 15px;
	}
	.side-img-left{
		border: 1.25px solid #D5D7DA;
		box-shadow: 0px 2px 2px -1px #0A0D120A, 0px 4px 6px -2px #0A0D1208, 0px 12px 16px -4px #0A0D1214;
		padding: 2.51px;
		border-radius: 20.08px 20.08px 20.08px 20.08px;
	}
	.side-img-left .elementor-widget-container{
		box-shadow: 0px 0px 2.51px 1.25px #0A0D1208 inset, 0px 0px 3.76px 1.25px #0A0D1214 inset;
		padding: 2.51px;
		border-radius: 17.57px 17.57px 17.57px 17.57px;
	}
	.side-img-left img{
		border: 1.25px solid #E9EAEB;
		border-radius: 15px 15px  15px  15px;
	}
	.before-active1, .after-active1 {
		opacity: 0;
	}
	.before-active2, .after-active2 {
		opacity: 0;
	}
	.content-para{
		font-size: 24px;
		line-height: 1.3em;
		height: auto !important; 
		color: var( --e-global-color-primary );
	}
	.rotating-wrapper {
		height: auto;
	}
	.rotating-text-stack {
		white-space: nowrap;
	}
	.rotating-item {
		display: block;
		height: auto;
		line-height: 1.3em;
	}
	.mobile-menu .elementor-menu-toggle{
		padding: 0 !important;
	}
	.halcyon-mobile-header.fixed{
		padding-left: 20px;
		padding-right: 20px;
	}
	.loader-halcyon .wheel-counter {
		transform: scale(1.5);
	}
	.loader-screen2 .last-text{
		font-size: 18px;
		bottom: -40px;
	}
	.loader-screen1 .last-text{
		transform: translatex(145px);
		bottom: -10px;
	}
	.loader-halcyon h5 {
		font-size: 28px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.loader-halcyon h5 br{
		display: none;
	}
	.separator::before{
        right: 0px;
        left: 50%;
        bottom: 0px !important;
        top: auto;
        transform: translatey(70%) rotate(90deg);

    }
	
}
