/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */
.main-navigation nav .current-menu-ancestor .e-n-menu-title > a .e-n-menu-title-text,
.main-navigation nav .current-menu-item a {	color: var(--e-global-color-primary) !important; }
.main-navigation nav .active { background-color: var(--e-global-color-359c672); }
.main-navigation nav .active .elementor-icon { background-color: var(--e-global-color-4a13a6c) !important;fill: var(--e-global-color-primary) !important; }
.main-navigation nav .current-menu-ancestor .e-n-menu-title svg { fill: var(--e-global-color-primary) !important; }
.main-navigation ul.elementor-nav-menu .current-menu-ancestor > a .sub-arrow svg,
.main-navigation ul.elementor-nav-menu.current-menu-parent > a .sub-arrow svg {
	fill: var(--e-global-color-primary) !important;
}
.service-link .elementor-heading-title:hover, .service-link .elementor-heading-title:hover a {
    color: var(--e-global-color-secondary) !important;
    border-color: var(--e-global-color-secondary);
}
.serve-slider .swiper-horizontal .swiper-slide-duplicate-prev {
	text-align: right;
}
.serve-slider .swiper-horizontal .swiper-slide-active {
	text-align: left;
}
.serve-slider img {
	transition: filter 0.3s ease; /* Smooth transition effect */
	filter: grayscale(100%) brightness(30%) contrast(50%);
}
.serve-slider img:hover {
	filter: none;
}
.platform-section .elementor-element.e-transform.e-con:hover .elementor-icon {
	background-color: var(--e-global-color-4a13a6c);
}
.platform-section
	.elementor-element.e-transform.e-con:hover
	.elementor-icon
	svg {
	fill: var(--e-global-color-primary);
}
.itc-grid .elementor-widget-container:hover .elementor-icon {
	background-color: var(--e-global-color-4a13a6c);
}
.itc-grid .elementor-widget-container:hover .elementor-icon svg {
	fill: var(--e-global-color-primary);
}
.about-form .elementor-loop-container .e-parent {
	background-color: #0a0036 !important;
}
.about-form .elementor-loop-container .e-parent .elementor-heading-title,
.about-form .elementor-loop-container .e-parent .wp-block-heading,
.about-form .elementor-loop-container .e-parent p {
	color: #ffffff !important;
}
.elementor-position-left.elementor-vertical-align-middle
	.elementor-icon-box-wrapper
	.elementor-icon-box-content
	h3.elementor-icon-box-title {
	margin: 0;
}
.elementor-heading-title a {
	font-weight: inherit;
	font-family: inherit;
}
.elementor-heading-title a,
.elementor-pagination a.page-numbers {
	transition: all 0.3s;
}
.elementor-heading-title a:hover {
	color: var(--e-global-color-primary) !important;
}
.footer-menu ul li a:hover {
	color: var(--e-global-color-primary) !important;
}
.footer-menu ul li.active a {
	color: var(--e-global-color-primary) !important;
}
.vacancy-item {
	right: 0;
}
.video-icon-btn .elementor-button {
	padding-top: 6px;
	padding-left: 8px;
	padding-bottom: 5px;
}
.video-icon-btn .elementor-button span {
	display: flex;
	align-items: center;
}
.video-icon-btn .elementor-button span svg {
	width: 40px;
	height: 40px;
}
.elementor-pagination a.page-numbers:hover {
	background-color: var(--e-global-color-primary);
}
/* .elementor-counter .elementor-counter-number-wrapper { display: block; }
.elementor-counter .elementor-counter-number-suffix { 
    font-size: 20px;
    display: block;
    width: 100%;
    line-height: 18px;
    text-align: center;
} */
#servicemega ~ .e-n-menu-content.e-active { justify-content: center; align-items: center; }
#servicemega ~ .e-n-menu-content.e-active > div.e-con-full { left: 0 !important; }
#sectormega ~ .e-n-menu-content.e-active { justify-content: center; align-items: center; }
#sectormega ~ .e-n-menu-content.e-active > div.e-con-full { left: 0 !important; }
/** Contact form */
.contact-form label {
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
	border: 1px solid #ebebeb;
	border-radius: 8px;
}
.contact-form select {
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}
.contact-form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.contact-form input::placeholder,
.contact-form select::placeholder,
.contact-form textarea::placeholder {
	color: #3b335e;
	font-size: 16px;
	font-family: "Axiforma Regular", Sans-serif;
}

.contact-form textarea {
	height: 140px;
	resize: none;
}

.contact-form span.wpcf7-not-valid-tip {
	font-size: 13px;
}
.contact-form .full-column {
	width: 100%;
}
.contact-form .half-column {
	width: 100%;
}

.contact-form .contact-submit {
	display: flex;
	justify-content: flex-end;
}

.contact-form .contact-submit p {
	width: auto;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.subscribe-form input[type="email"]:focus {
	border: 1px solid orange;
	outline: none;
}
.faq-loop-items .e-con-full.e-flex.e-con.e-child {
	border-width: 0;
}
.faq-loop-items .elementor-widget-container p:last-child {
	margin: 0;
}
.subscribe-form input[type="email"] {
	height: 56px;
	background-color: #231a4a;
	border: none;
	color: #b6b3c3;
	border-radius: 6px;
	padding: 18px;
}
.subscribe-form input[type="email"]::placeholder {
	color: #b6b3c3;
	font-size: 16px;
	font-family: "Axiforma Medium", Sans-serif;
}
.subscribe-form input[type="submit"] {
	width: 100%;
	margin-top: 17px;
	font-size: 16px;
	border: 1px solid var(--e-global-color-primary);
	font-family: "Axiforma Medium", Sans-serif;
	font-size: 16px;
}
.subscribe-form span.wpcf7-spinner {
    bottom: 32px;
    right: 38px;
    position: absolute;
}
.subscribe-form input[type="submit"]:hover,
.subscribe-form input[type="submit"]:focus {
	background-color: var(--e-global-color-secondary);
	color: var( --e-global-color-61e7edd );
	border: 1px solid var(--e-global-color-primary);
}
form .subscribe-form ~ .wpcf7-response-output { margin: 0 !important; color: #fff !important; padding: 5px !important; }
form .contact-form ~ .wpcf7-response-output {
	margin: 0 !important;
    color: var(--e-global-color-secondary) !important;
	padding: 5px !important;
}
.notification-icon .elementor-icon {
	position: relative;
}
.notification-icon .elementor-icon:after {
	content: "";
	position: absolute;
	top: -6px;
	right: -5px;
	background: #e6492d;
	width: 18px;
	height: 18px;
	border-radius: 100%;
}

/** Primary Button */
.primary-btn .elementor-button {
	background-color: var(--e-global-color-ffffff);
	color: var(--e-global-color-secondary);
}
body.elementor-editor-wp-page .primary-btn .elementor-button:focus,
body.elementor-editor-wp-page .primary-btn .elementor-button:hover {
	border-color: var( --e-global-color-primary ) !important;
}
body.elementor-editor-wp-page a.elementor-button:focus,
body.elementor-editor-wp-page a.elementor-button:hover {
	border-color: var( --e-global-color-secondary ) !important;
}
.header-top-info .elementor-icon-list-icon {
	padding: 7px !important;
	background-color: #f3f3f3;
	border-radius: 6px;
	margin-right: 8px;
}

.img-wrapper {
	height: 0;
	position: relative;
	overflow: hidden;
}
.img-wrapper.ar-46-44 {
	padding-top: 95%;
}
.img-wrapper.ar-55-44 {
	padding-top: 76%;
}
.img-wrapper.ar-37-53 {
	padding-top: 47%;
}
.img-wrapper div {
	height: initial;
	position: static;
}
.img-wrapper img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/** Counter Section */
.counter-head p.elementor-counter-title {
	text-align: center;
}
.resource-date {
	min-width: fit-content !important;
}
.resouce-assets > .elementor-element,
.resouce-assets-sidebar {
	position: relative;
	overflow: hidden;
}
.resouce-assets > .elementor-element:after,
.resouce-assets-sidebar:after {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	height: 100%;
	z-index: 1;
	background-image: radial-gradient(
		at top right,
		var(--e-global-color-accent) 0%,
		transparent 50%
	) !important;
	top: 0;
	opacity: 0.5;
	border-radius: 15px;
}
.resouce-assets .elementor-widget .elementor-widget-container,
.resource-assets .elementor-widget .elementor-widget-container {
    border: none !important;
}
.resouce-assets h3,
.resource-assets h3 {
    font-size: 20px !important;
}
.resouce-assets h5 a,
.resource-assets h5 a {
    padding: 5px 12px;
    background: #ffffff;
    color: var(--e-global-color-primary) !important;
    border-radius: 5px;
    font-size: 12px !important;
    opacity: 80%;
}
.resouce-assets h5 a:hover,
.resource-assets h5 a:hover {
    background: var( --e-global-color-secondary );
    color: var( --e-global-color-61e7edd ) !important;
}
/** Services */
.services-wrapper .elementor-post__text {
	background-color: var(--e-global-color-359c672);
	z-index: 1;
	border-radius: 15px;
	margin-top: -20px;
	padding: 25px;
}

@media screen and (max-width: 767px) {
.sector-menu-mob { border-radius: 0 !important; box-shadow: none !important; }
.performance-div {
		position: relative;
	}
}
/* .elementor-counter .elementor-counter-number-suffix { margin-bottom: 15px; } */
/** pagination */
.elementor-widget-loop-grid
	> .elementor-widget-container
	> .elementor-button-wrapper,
.elementor-pagination {
	padding-top: 60px;
	margin-top: 0;
}
.elementor-pagination .page-numbers {
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--e-global-color-primary);
	border-radius: 8px;
	padding: 16px 20px;
}

.elementor-pagination .page-numbers.current {
	background-color: var(--e-global-color-primary);
	color: var(--e-global-color-61e7edd);
}

.three-blocks, .four-blocks { flex-wrap: wrap; row-gap: 15px; }
.block-1,
.block-2,
.block-3,
.block-4 {
	width: 100%;
}
@media screen and (min-width: 992px) {
	.three-blocks,
	.four-blocks {	
		flex-wrap: nowrap;
		row-gap: 0;
	}
	.block-1,
	.block-2,
	.block-3,
	.block-4 {
		transition: all 0.3s ease;
	}

	.three-blocks .block-1.active,
	.three-blocks .block-2.active,
	.three-blocks .block-3.active {
		flex: 0 0 50% !important; /* Set the active block to 50% width */
		border: 2px solid var(--e-global-color-primary);
	}

	.three-blocks .block-1:not(.active),
	.three-blocks .block-2:not(.active),
	.three-blocks .block-3:not(.active) {
		flex: 0 0 24% !important; /* Set inactive blocks to 25% width */
	}

	.four-blocks .block-1.active,
	.four-blocks .block-2.active,
	.four-blocks .block-3.active,
	.four-blocks .block-4.active {
		flex: 0 0 40% !important; /* Set the active block to 50% width */
		border: 2px solid var(--e-global-color-primary);
	}

	.four-blocks .block-1:not(.active),
	.four-blocks .block-2:not(.active),
	.four-blocks .block-3:not(.active),
	.four-blocks .block-4:not(.active) {
		flex: 0 0 19% !important; /* Set inactive blocks to 25% width */
	}

	.block-1:not(.active) .image-container,
	.block-2:not(.active) .image-container,
	.block-3:not(.active) .image-container,
	.block-4:not(.active) .image-container {
		padding: 20px 0 20px 20px;
	}
	
	.block-1:not(.active) .image-container img,
	.block-2:not(.active) .image-container img,
	.block-3:not(.active) .image-container img,
	.block-4:not(.active) .image-container img {
		border-width: 5px 0 5px 5px;
        border-radius: 15px 0 0 15px;
        border-color: #3B335E;
        border-style: solid;
	}
	
	.block-1.active .image-container img,
	.block-2.active .image-container img,
	.block-3.active .image-container img,
	.block-4.active .image-container img {
		border: 5px solid #3B335E;
		border-radius: 15px;
	}

	.block-1.active .image-container,
	.block-2.active .image-container,
	.block-3.active .image-container,
	.block-4.active .image-container {
		padding: 0;
	}
	.block-1:not(.active) .elementor-icon-box-description,
	.block-2:not(.active) .elementor-icon-box-description,
	.block-3:not(.active) .elementor-icon-box-description,
	.block-4:not(.active) .elementor-icon-box-description {
		height: 0;
		opacity: 0;
	}
}
@media screen and (min-width: 992px) {
	.contact-form .half-column {
		width: 49%;
	}
}
/** Image Comparision Drag Slider */
.image-comparison {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.image-comparison .comparison-slider {
	position: relative;
	height: 100%;
}

.image-comparison .comparison-slider .after-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image-comparison .comparison-slider .after-image {
	clip-path: inset(0 50% 0 0);
}

.image-comparison .slider-dragger {
	position: absolute !important;
    top: 0 !important;
    left: 50%;
    width: 5px !important;
    height: 100% !important;
    background: #fff !important;
    cursor: ew-resize !important;
    z-index: 2 !important;
    transform: translateX(-50%) !important;
}

.image-comparison .slider-dragger .dragger-icon {
    position: absolute !important;
    top: 50% !important;
    left:50% !important;
} 
.elementor-popup-modal .dialog-widget-content { border-radius: 30px !important; }
.elementor-popup-modal .dialog-close-button {
	top: 15px !important;
    padding: 5px;
}
.elementor-popup-modal .dialog-close-button svg {
    height: 1.2em !important;
    width: 1.2em !important;
}
.elementor-popup-modal .contact-form .contact-submit {
	justify-content: center;
}
.elementor-popup-modal .contact-form .contact-submit p { position: relative; }
.elementor-popup-modal .contact-form input[type="submit"]:hover {
	border-color: var(--e-global-color-accent) !important;
}
.elementor-popup-modal form .contact-form ~ .wpcf7-response-output { color: #ffffff !important; }
.elementor-popup-modal .contact-form .contact-submit .wpcf7-spinner {
	position: absolute;
    right: 0;
    margin: 0;
    padding: 0;
}
/* Megamenu */
.megamenu-icon:hover .elementor-icon {
	background-color: var( --e-global-color-4a13a6c ) !important;
	fill: var(--e-global-color-primary) !important;
}
.dragger-icon svg {
    box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 1200px) {
  .sector-menu-mob { border-radius: 0 !important; box-shadow: none !important; }
 .main-navigation .e-n-menu-content.e-active .e-con-boxed { width: 100% !important;background: #fff;height: 100% !important; }
 .main-navigation .e-n-menu-content.e-active .e-con-boxed .e-con-inner > .e-con-full { padding-top: 0; border-radius: 0; }
 .main-navigation nav .e-n-menu-wrapper > ul { padding-bottom: 30px; background-color: #ffffff; }
	    .elementor-51 .elementor-element.elementor-element-5b95ac2 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-51 .elementor-element.elementor-element-5b95ac2 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-51 .elementor-element.elementor-element-5b95ac2 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span {
        --n-menu-title-line-height: 20px !important;
    }
}