/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1786597920
Updated: 2026-08-13 05:12:00

*/
/* ====================================
   UTILITY CLASSES
   ==================================== */

a.text-decoration-remove {
	text-decoration: none !important;
	color: #96989A !important;
}

.icon-shape {
	overflow: hidden;
}

.fixed-height-div {
	height: 328px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

span.extra-color {
	font-size: 26px;
	color: #ffffff;
}

li.elementor-icon-list-item.elementor-inline-item {
	margin-top: 10px;
}

span.text-hover-effect:hover {
	color: #ECECEC;
}

.icon-height {
	min-height: 200px !important;
}

/* ====================================
   HOVER & ANIMATION EFFECTS
   ==================================== */

.hover-effect:hover {
	transform: translateY(-6px);
}

.icon-shape:before {
	content: '';
	position: absolute;
	background-image: linear-gradient(135deg, oklch(49.4% .147 250.5), oklch(71.5% .113 209));
	border-radius: 38% 62% 55% 45%/45% 38% 62% 55%;
	width: 110px;
	height: 110px;
	right: -20px;
	top: -20px;
	opacity: 0.1;
	--tw-duration: .5s;
	transition-duration: .5s;
}

.icon-shape:hover::before {
	rotate: 45deg;
	opacity: 0.2;
	--tw-duration: .7s;
	transition-duration: .7s;
}

span.text-hover-effect:hover {
	color: #ECECEC;
}

/* ====================================
   BREADCRUMB STYLES
   ==================================== */

.bread-crump-margin ul li {
	margin-top: 0px !important;
}

/* ====================================
   BLUEPRINT GRID
   ==================================== */

.blueprint-grid::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0.5;
	background-image: linear-gradient(rgba(141, 163, 181, 0.28) 1px, transparent 1px),
    linear-gradient(90deg, rgba(141, 163, 181, 0.28) 1px, transparent 1px);
	background-size: 4rem 4rem;
	animation: grid-pan 10s linear infinite;
}

/* ====================================
   ELEMENTOR HEADING STYLES
   ==================================== */

.elementor-heading-title b {
	font-weight: 400;
}

.hover-text-white:hover .elementor-heading-title {
	color: #ffffff !important;
	transition: color 0.3s ease;
}

/* ====================================
   BORDER & DECORATIVE ELEMENTS
   ==================================== */

.before-border::before {
	content: "";
	position: absolute;
	width: 112px;
	height: 40px;
	border: 2px solid #1F4E8C;
    /* border-top:none; */
	top: 11%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	border-bottom: none;
}

/* ====================================
   CARD/CONTAINER HOVER EFFECTS
   ==================================== */

.div-hover-content {
	border: 1px solid transparent;
	transition: all 0.4s ease;
	background-color: #ECECEC !important;
	transition: background-color 0.4s ease;
}

.div-hover-content:hover {
	background-color: #FFFFFF !important;
	border: 1px solid #ddd !important;
}

.div-hover-content:hover .inner-div {
	border-top: 1px solid #ddd;
}

.div-hover-content1:hover .elementor-heading-title {
	color: #ffffff !important;
}

.div-hover-content1:hover .elementor-element-5489599 .elementor-heading-title {
	color: #ffffff !important;
}

/* ====================================
   ELEMENTOR CAROUSEL NAVIGATION
   ==================================== */

.elementor-836 .elementor-element.elementor-element-f2738e6 .owl-carousel .owl-nav .owl-next, 
.elementor-836 .elementor-element.elementor-element-f2738e6 .owl-carousel .owl-nav .owl-prev {
	top: 140% !important;
}

.elementor-836 .elementor-element.elementor-element-f2738e6 .owl-nav .owl-prev {
	left: 45%;
	right: auto;
}

.elementor-836 .elementor-element.elementor-element-f2738e6 .owl-nav .owl-next {
	right: 45%;
	left: auto;
}

/* ====================================
   IMAGE CAROUSEL CONTENT
   ==================================== */

.uc_image_carousel_content-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: right;
}

.ue-title {
	width: 30%;
	margin-top: 0px;
	padding: 10px;
	border-bottom: 1px solid #96989A61;
}

.ue-text {
	width: 70%;
	margin-top: 0 !important;
	padding: 0 20px;
}

/* ====================================
   BACKGROUND IMAGE STYLES
   ==================================== */

.back-ground-img {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.back-ground-img::before {
	content: "";
	position: absolute;
	inset: -12%;
	z-index: -1;
	background-image: inherit;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	animation: premiumBackground 28s ease-in-out infinite alternate;
	will-change: transform;
}

.back-ground-img::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: rgba(0, 0, 0, 0.12);
	pointer-events: none;
}

.back-ground-img > .e-con-inner {
	position: relative;
	z-index: 2;
}

/* ====================================
   CONTENT CAROUSEL
   ==================================== */

.ue-content-carousel .uc_image_carousel_content {
	position: relative;
	border-left: 1px solid #1F4E8C;
}

.ue-content-carousel .uc_image_carousel_content::before {
	content: "";
	position: absolute;
	left: -5px;
	top: -5px;
	width: 11px;
	height: 12px;
	background: #96989A61;
	border-radius: 50%;
}

.ue-content-carousel .uc_image_carousel_content::after {
	content: "";
	position: absolute;
	left: -5px;
	bottom: -5px;
	width: 11px;
	height: 12px;
	background: #96989a61;
	border-radius: 50%;
}

.ue-content-carousel .ue-title {
	position: relative;
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: none;
}

.ue-content-carousel .ue-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 150px;
	height: 1px;
	background: #96989a61;
}

/* ====================================
   LIST STYLES
   ==================================== */

.mainn-classs li.elementor-icon-list-item.elementor-inline-item {
	background-color: #ECECEC;
	padding: 5px;
	border: 1px solid #ddd;
}

.border-list li.elementor-icon-list-item {
	border-bottom: 1px solid #ddd;
	padding: 20px;
}

/* ====================================
   ICON BOX STYLES
   ==================================== */

.class-icon .elementor-icon-box-content {
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;
}

/* ====================================
   TABLE STYLES
   ==================================== */

.class-table-royal .wpr-table-th-pag,
.class-table-royal .wpr-table-th {
	background: linear-gradient(-90deg, #08558D 0%, #031F33 100%) !important;
	color: #fff !important;
}

.class-table-royal .wpr-table-th .wpr-table-text,
.class-table-royal .wpr-table-th-pag {
	color: #fff !important;
}

/* ====================================
   FORM STYLES
   ==================================== */

button.forminator-button.forminator-button-submit {
	width: 20% !important;
}

/* ====================================
   TAB STYLES
   ==================================== */

.elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true] {
	background-color: #08558D !important;
	background-image: linear-gradient(-90deg, #08558D 0%, #031F33 100%);
}

.elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs[data-touch-mode=false]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover {
	background-color: #08558D !important;
}

/* ====================================
   SPECIFIC ELEMENTOR ELEMENTS
   ==================================== */

.elementor-836 .elementor-element.elementor-element-bdb11d9:hover span.text-hover-effect {
	color: #ECECEC;
}

.elementor-836 .elementor-element.elementor-element-07a16c6:hover span.text-hover-effect {
	color: #ECECEC;
}

.elementor-836 .elementor-element.elementor-element-d8eee12 {
	padding-bottom: 0px;
}

/* .elementor-1614 .elementor-element.elementor-element-b9204d7 {
	top: 0;
	left: 0% !important;
} */

.elementor-element.elementor-element-60acc60 {
	transition: all 0.3s ease;
}

.elementor-element-67bd7b9 .ue_title span {
	font-size: 26px !important;
	font-weight: 400 !important;
	padding-bottom: 10px;
}

/* ====================================
   ANIMATIONS / KEYFRAMES
   ==================================== */

@keyframes grid-pan {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 6rem 6rem;
	}
}

@keyframes premiumBackground {
	0% {
		transform: scale(1.08) translate3d(-2%, -1%, 0);
	}

	25% {
		transform: scale(1.10) translate3d(1%, -1.5%, 0);
	}

	50% {
		transform: scale(1.12) translate3d(2%, 1%, 0);
	}

	75% {
		transform: scale(1.10) translate3d(-1%, 1.5%, 0);
	}

	100% {
		transform: scale(1.08) translate3d(-2%, -1%, 0);
	}
}

/* ====================================
   MEDIA QUERIES
   ==================================== */

/* Max-width: 1366px */
@media (max-width: 1366px) {
	.before-border::before {
		content: "";
		position: absolute;
		width: 104px;
		height: 40px;
		border: 2px solid #1F4E8C;
		border-bottom: none;
		top: 12%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: -1;
	}

	.fixed-height-div {
		height: 328px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

/* Max-width: 1200px */
@media (max-width: 1200px) {
	.before-border::before {
		content: "";
		position: absolute;
		width: 115px;
		height: 42px;
		border: 2px solid #1F4E8C;
		border-bottom: none;
		top: 14%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: -1;
	}

	.fixed-height-div {
		height: 328px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.elementor-element-b66a3cb .wpr-grid {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	.elementor-element-b66a3cb .wpr-grid-item {
		width: 100% !important;
		max-width: 100% !important;
		left: 0 !important;
		position: relative !important;
		top: auto !important;
		margin-bottom: 15px !important;
		box-sizing: border-box !important;
	}

	.elementor-element-b66a3cb {
		overflow-x: hidden !important;
	}
}

/* Max-width: 1024px */
@media (max-width: 1024px) {
	.before-border::before {
		content: "";
		position: absolute;
		width: 120px;
		height: 42px;
		border: 2px solid #1F4E8C;
		border-bottom: none;
		top: 14%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: -1;
	}

	.elementor-836 .elementor-element.elementor-element-f2738e6 .owl-nav .owl-prev {
		left: 43%;
		right: auto;
	}

	.elementor-836 .elementor-element.elementor-element-f2738e6 .owl-nav .owl-next {
		right: 43%;
		left: auto;
	}

	span.extra-color {
		font-size: 18px;
		color: #ffffff;
	}

	.elementor-836 .elementor-element.elementor-element-f2738e6 .ue-title {
		font-size: 18px;
		line-height: 18px;
		height: 61px;
		align-content: center;
	}

	.ue-text {
		padding: 0px 40px;
	}

	.ue-content-carousel .ue-title::after {
		width: 120px;
	}

/* 	.elementor-1614 .elementor-element.elementor-element-b9204d7 {
		top: 0px;
		left: 75% !important;
	} */



	#hide-menu-sg .wpr-nav-menu-horizontal {
		display: none !important;
	}
}

/* Max-width: 768px */
@media (max-width: 768px) {
	.before-border::before {
		content: "";
		position: absolute;
		width: 95px;
		height: 42px;
		border: 2px solid #1F4E8C;
		border-bottom: none;
		top: 14%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: -1;
	}

	.elementor-836 .elementor-element.elementor-element-f2738e6 .owl-nav .owl-prev {
		left: 40%;
		right: auto;
	}

	.elementor-836 .elementor-element.elementor-element-f2738e6 .owl-nav .owl-next {
		right: 40%;
		left: auto;
	}

	.ue-text {
		padding: 0px 40px;
	}
}

/* Max-width: 425px */
@media (max-width: 425px) {
	.before-border::before {
		content: "";
		position: absolute;
		width: 99px;
		height: 60px;
		border: 2px solid #1F4E8C;
		border-bottom: none;
		top: 23%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: -1;
	}
}

/* Min-width: 1024px */
@media (min-width: 1024px) {
	#hide-menu-sg .wpr-nav-menu-horizontal {
		display: none !important;
	}
}