/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
Add your custom styles here
*/


.blogs_listing article.elementor-post.elementor-grid-item:hover h3, .blogs_listing article.elementor-post.elementor-grid-item:hover p, .blogs_listing article.elementor-post.elementor-grid-item:hover a {
	color: #fff !important;
}

.blogs_listing article.elementor-post.elementor-grid-item a.elementor-post__read-more {
	color: var( --e-global-color-ebf0a9f );
	transition: color 0.3s;
}

.blogs_listing article.elementor-post.elementor-grid-item{
	transition: transform 0.3s ease; 
}

.blogs_listing article.elementor-post.elementor-grid-item:hover {
	--e-con-transform-translateY: -14px; /* Elementor custom property */
	transform: translateY(-14px);         /* Fallback for standard CSS */
	transition: transform 0.3s ease;      /* Smooth animation */
}

.blog-part.blogs_listing .elementor-post__read-more-wrapper a.elementor-post__read-more:after {
	background: url(/wp-content/uploads/2026/03/right-icon-white.svg);
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	top: 0px;
	transform: rotate(0deg);
	transition: transform 250ms ease !important;
	transform-origin: 50% 50%;
	will-change: transform;
}

.blogs_listing article.elementor-post.elementor-grid-item .elementor-post__read-more-wrapper {
	visibility:hidden;
	opacity:0;
	transition: transform 0.3s ease; 
}

.blogs_listing article.elementor-post.elementor-grid-item:hover .elementor-post__read-more-wrapper {
	visibility:visible;
	opacity:1;
}

.blogs_listing article.elementor-post.elementor-grid-item:hover a.elementor-post__read-more:after {
	transform: rotate(-45deg);
}

.soluton-riskin-sec .elementor-element:hover h3.elementor-heading-title, .soluton-riskin-sec .elementor-element:hover p {
	color: #fff;
} 

/* ── Outer wrapper ── */
.our-process-wrapper {
	position: relative;
	flex-direction: row !important;
	align-items: flex-start !important;
	gap: 0 !important;
}

/* ── Each step box ── */
.our-process-boxes {
	flex: 1 !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	position: relative;
	z-index: 1;
	padding: 0 10px !important;
}

.our-process-boxes > .e-con-inner {
	align-items: center !important;
	text-align: center !important;
	flex-direction: column !important;
	width: 100% !important;
}

/* ── Connecting line using pseudo elements on each box ── */
/* Line going LEFT from center of box */
.our-process-boxes::before {
	content: '';
	position: absolute;
	top: 38px;
	left: 0;
	right: 50%;
	height: 2px;
	background-color: #5F362E;
	z-index: 0;
}

/* Line going RIGHT from center of box */
.our-process-boxes::after {
	content: '';
	position: absolute;
	top: 38px;
	left: 50%;
	right: 0;
	height: 2px;
	background-color: #5F362E;
	z-index: 0;
}

/* ── Hide left line on first box ── */
.our-process-boxes:first-child::before {
	display: none;
}

/* ── Hide right line on last box ── */
.our-process-boxes:last-child::after {
	display: none;
}

/* ── Orange number circles ── */
.process-numbers .elementor-heading-title {
    width: 56px;
    height: 56px;
    line-height: 56px !important;
    border-radius: 50% !important;
    background-color: #D75D31 !important;
    color: #ffffff !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin: 0 auto 16px auto !important;
    display: block;
    margin-bottom: 0px !important;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 20px 6px rgba(232, 112, 58, 0.4) !important;
}

/* ── Fix: target last box more specifically ── */
.our-process-wrapper > .our-process-boxes:last-child::after,
.our-process-wrapper > .our-process-boxes:last-of-type::after,
.our-process-wrapper .our-process-boxes:nth-child(5)::after {
	display: none !important;
}

.our-process-boxes:nth-child(5)::after {
	display: none !important;
}

/* ── Last box: line only comes from left to center ── */
.our-process-boxes:nth-child(5)::before {
	left: 0 !important;
	right: 50% !important;
	width: 42%;
}

.our-process-boxes:nth-child(5)::after {
	display: none !important;
}

/* ── First box: line only goes from center to right ── */
.our-process-boxes:nth-child(1)::before {
	display: none !important;
}

.our-process-boxes:nth-child(1)::after {
	left: 50% !important;
	right: 0 !important;
}

.our-process-boxes .process-numbers {
    z-index: 1;
}

.soluton-risk-sec .soluton-riskin-sec .soluton-riskin-box:hover .elementor-heading-title{
	color: #ffffff !important;
}

.soluton-riskin-sec.solutions_section .soluton-riskin-box:hover {
    background-color: var( --e-global-color-secondary ) !important;
}

.solution-risk-wo-hover.soluton-riskin-sec .elementor-element:hover h3.elementor-heading-title {
    color: #141433;
}

.solution-risk-wo-hover.soluton-riskin-sec .elementor-element:hover p {
    color: #616161;
}

.blog-listing-mains .blog_card_items li.elementor-icon-list-item.elementor-inline-item a {
    flex-direction: row-reverse;
}


@media (min-width: 1025px) {
	.blog-listing-mains .blog_card_items:hover .post_cat_text i, .blog-listing-mains .blog_card_items:hover .post_cat_text span {
		color: #fff !important;
	}
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .header-main-menu ul li.e-n-menu-item {
        margin-inline-end: 25px !important;
    }
}

/* ── Mobile: stack vertically, hide lines ── */
@media (max-width: 767px) {
	.our-process-wrapper {
		flex-direction: column !important;
	}

	.our-process-boxes::before,
	.our-process-boxes::after {
		display: none;
	}

	.our-process-boxes {
		width: 100% !important;
		margin-bottom: 24px;
	}
}

@media (max-width: 360px) {
    .headers_logo a.elementor-icon {
        font-size: 12px !important;
    }
	.headers_logo {
		max-width: 74px !important;
	}
}