/*
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.4.1756972146
Updated: 2025-09-04 07:49:06

*/
/* Dark mode code start */

.wp-dark-mode-floating-switch {
	display: none;
}
body.elementor-editor-active .editorHidden{
	display: none;
}
html.wp-dark-mode-active .elementor-widget-theme-site-logo img{
	filter: brightness(100);
}
.wp-dark-mode-switch{
	transform: rotate(90deg) scale(0.6);
	display: inline-block;
}
/* Dark mode code end */

/* Header Start */

.elementor-location-header {
	transform: scale(1);
	margin: 0 auto;
	position: sticky;
	top: 0;
	z-index: 999;
	transition: transform 0.5s ease;
	transform-origin: top center;

}

.elementor-location-header.scrolled {
	transform: scale(0.8);  
}

/* .elementor-location-header.scrolled {
width: 70%;
top: 10px;
} */

/* .elementor-location-header.scrolled .elementor-widget-theme-site-logo img{
width: 70% !important;
} */
/* Header End */

.heroSocialInfo a{
	color: var(--e-global-color-a5083c3);
	font-weight: 600;
}
.heroSocialInfo a:hover{
	color: #e1242d;
}
.heroSocialInfo p strong{
	padding-left: 10px;
	color: #e1242d;
}

span.red{
	color:#e1242d;
}

.vert-slider .custom-vert-slider .swiper-slide {
	width: max-content;
}

.vert-slider .custom-vert-slider {
	width: 100%;
}

.vert-slider .chevron {
	margin-left: 64px;
}

.bg-title-col .hover-img {
	position: relative;
	display: flex;
	background: url('/wp-content/uploads/2025/09/4.webp') center/cover no-repeat;
	cursor: pointer;
	transition: all 0.8s ease;
	border-radius: 100px;
	height: 30px;
	padding: 0 15px;      /* spacing */
	line-height: 26px;    /* vertical centering */
	font-size: 16px;
	color: transparent;   /* text hidden at start */
	align-content: center;
	align-items: center;
}

.bg-title-col .hover-img.project {
	background: url('/wp-content/uploads/2025/09/2.webp') center/cover no-repeat;
}

.bg-title-col .hover-img.service {
	background: url('/wp-content/uploads/2025/09/3.webp') center/cover no-repeat;
}

/* On hover, swap bg + reveal text */
.bg-title-col .hover-img:hover {
	background: #e63946;
	color: #fff; /* reveal the same span text */
}

.bg-title-col h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.cpt-topics a.cpt-topic {
	background: #F3F4F6;
	padding: 3px 12px;
	border-radius: 5px;
	pointer-events: none;
}

.round-anchor .inline-block {
	display: inline-block;
}

.round-anchor .flex {
	display: flex;
}

.round-anchor .bg-white {
	background-color: #fff;
}

.round-anchor .rounded-full {
	border-radius: 9999px;
}

.round-anchor .w-185 {
	width: 185px;
}

.round-anchor .h-185 {
	height: 185px;
}

.round-anchor .relative {
	position: relative;
}

.round-anchor .btn-big .btn-big-txt, .round-anchor .btn-big:before {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.round-anchor .btn-big:before {
	background: linear-gradient(240deg, #f21b4700, #e1242d);
	border-radius: 50%;
	content: "";
	height: 190px;
	left: 50%;
	transition: transform 1s ease;
	width: 190px;
	z-index: -1;
}

.round-anchor .btn-big .btn-big-txt {
	font-size: 18px;
	left: 40%;
	margin-bottom: 0;
}

.round-anchor .btn-big .btn-big-txt, .btn-big:before {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.round-anchor .w-20 {
	width: 5rem;
}

.round-anchor .btn-big .btn-big-icon, .btn-big .btn-big-icon2 {
	position: absolute;
	transform: translate(-50%, -50%);
}

.round-anchor .btn-big .btn-big-icon {
	font-size: 35px;
	top: 50%;
}

.white-fill {
	color: white; /* text fill */
	-webkit-text-stroke: 1px red; /* red border */
	text-stroke: 1px red; /* fallback */
}

.rotate-div {
	position: relative;
}

.scroll-down-svg {
	position: absolute !important;
	top: 55px;
	left: 55px;
}

.rotating-widget img {
	animation: spin 14s linear infinite;
}

/* Base button styles */
.trans-btn .elementor-button {
	position: relative;
	overflow: hidden;
	transition: color 0.5s ease;
}

/* sliding bg layer */
.trans-btn .elementor-button::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: #e63946; /* red background */
	transition: left 0.5s ease;
}

/* move slide bg in */
.trans-btn .elementor-button:hover::before {
	left: 0;
}

/* bring text + icon above bg */
.trans-btn .elementor-button-content-wrapper {
	position: relative;
	align-items: center;
	gap: 30px !important;
}

/* text hover effect */
.trans-btn .elementor-button:hover .elementor-button-text {
	color: #fff;
}

/* icon base */
.trans-btn .elementor-button-icon svg {
	background: #e1242d; /* red bg initially */
	border-radius: 50%;
	padding: 8px;
	transition: all 0.5s ease;
	font-size: 30px;
}

.trans-btn .elementor-button-icon svg path {
	fill: #ffffff; /* white arrow initially */
	transition: fill 0.5s ease;
}

/* icon hover effect */
.trans-btn .elementor-button:hover .elementor-button-icon svg {
	background: #fff; /* white bg */
}

.trans-btn .elementor-button:hover .elementor-button-icon svg path {
	fill: #e1242d; /* red arrow */
}

.trans-btn .elementor-button:hover svg {
	transform: rotate(-30deg);
}

.scroll-down-svg:hover {
	transform: rotate(-30deg);
}

.post-excerpt {
	opacity: 0;
	transform: translateY(15px); /* start a bit lower */
	transition: opacity 1.5s ease, transform 1.5s ease;
}

.posts-loop-temp:hover .post-excerpt {
	opacity: 1;
	transform: translateY(0); /* move to normal position */
}

.posts-loop-temp {
	background-size: 130% !important;
	transition: background-size 0.5s ease;
	overflow: hidden;
}

.posts-loop-temp:hover {
	background-size: 140% !important; 
}

.round-anchor .btn-big:hover:before {
	transform: translate(-50%, -50%) rotate(360deg);
}

.header-sec .elementor-shortcode {
	transform: rotate(270deg);
}

/* KEYFRAMES */

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/* MEDIA QUERY */

@media screen and (max-width: 1920px) and (min-width: 1681px) {
	.scroll-down-svg {
		top: 65px;
		left: 65px;
	}
}

@media screen and (max-width: 1600px) and (min-width: 1537px) {
	.scroll-down-svg {
		top: 50px;
		left: 50px;
	}
}

@media screen and (max-width: 1536px) and (min-width: 1441px) {
	.scroll-down-svg {
		top: 50px;
		left: 50px;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1367px) {
	.scroll-down-svg {
		top: 42px;
		left: 42px;
	}
}

@media screen and (max-width: 1366px) and (min-width: 1281px) {
	.scroll-down-svg {
		top: 40px;
		left: 40px;
	}
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
	.scroll-down-svg {
		top: 35px;
		left: 35px;
	}
}