/* 
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 */
.hfe-nav-menu {align-items: center;}
a.elementor-button.elementor-button-link.elementor-size-sm::after {
	position: absolute;
	border: 1px solid #000;
	height: 100%;
	width: 100%;
	content: '';
	left: 8px;
	top: 8px;
	z-index: -1;
	border-color: #D40032;
}
a.elementor-button.elementor-button-link.elementor-size-sm{
	position: relative;
}
/*.bgLinearGradient{
background: linear-gradient(180deg, rgba(42, 1, 10, 0) 0%, rgba(42, 1, 10, 0.5) 50%, rgba(42, 1, 10, 0.9) 100%);
}*/

.bgLinearGradient .elementor-widget-container {
	position: absolute; 
	bottom: 0; 
	background: linear-gradient(180deg, rgba(42, 1, 10, 0) 0%, rgba(42, 1, 10, 0.5) 50%, rgba(42, 1, 10, 0.9) 100%);
	left: 0; 
	width: 100%; 
	right: 0; 
	margin: auto; 
}
.serviceGap20 .elementor-container{
	gap:  20px;
}
.she-header {
	background: #fff;
}
.rightPosition{
	background-position: right !important;
}
p{
	margin-bottom: 0 !important;
}
.gap30 .elementor-container{
	gap: 30px;
}
.dualHeader del{
	color: #D40032;
}
.flexSlider{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 90px;
}
.contentSlider , .imageSlider{
	flex: 0 0 auto;
	width: 48%;
}

.homeSlider .swiper-pagination {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}

.homeSlider .swiper-pagination-bullet {
	background-color: #D40032;
	height: 8px;
	width: 8px;
}

.homeSlider .swiper-pagination-bullet-active {
	background-color: #D40032;
	height: 8px;
	width: 8px;
}
h4.sliderText {
	font-family: Marcellus;
	font-weight: 400;
	font-size: 90px !important;
	line-height: 100%;
	letter-spacing: 0%;
	color: #000000 !important;

}
.sliderText del{
	text-decoration: none !important;
	color: #D40032;
}
.paragraphSlider p{
	font-family: Open Sans;
	font-weight: 300;
	font-size: 24px;
	line-height: 150%;
	letter-spacing: 0%;
}
.paragraphSlider strong{
	font-weight: 700;
}
.buttonSlider a {
	background: #D40032;
	text-decoration: none;
	color: #fff;
	padding: 15px 25px;
	font-family: Open Sans;
	font-weight: 500;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: uppercase;
	position: relative;
}

.buttonSlider a::after {
	position: absolute;
	border: 1px solid #000;
	height: 100%;
	width: 100%;
	content: '';
	left: 8px;
	top: 8px;
	z-index: -1;
	border-color: #D40032;
}
.buttonSlider {
	margin-top: 55px;
}
.tabularHome .elementor-tab-title.elementor-active , .tabularHome .elementor-tab-content.elementor-clearfix.elementor-active{ 
	background: #FFEFF3 !important;
}
.tabularHome .elementor-tab-title.elementor-active {
	padding-bottom: 15px;
}
.tabularHome .elementor-tab-content.elementor-clearfix.elementor-active{
	border:  none !important;
	padding-bottom: 15px !important;
}
.tabularHome .elementor-accordion-item {
	margin-bottom: 20px;
	border: none;
}
.contactForm input, .contactForm select, .contactForm textarea {
	border: 1px solid #E5EAEF;
	padding: 14px;
	width: 100%;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 5px;
}
.contactForm br {
	display: none;
}
.headerAbsolute{
	position: absolute;
}


.clip-butt a.elementor-button {
	cursor: pointer;
	clip-path: polygon(0 0, 100% 0, 95% 50%, 90% 100%, 0 100%);
	transition: background 0.3s ease;
}

.clip-butt a.elementor-button::after {
	display:none;
}

.clip-butt::after {
	content: '';
	position: absolute;
	top: -4px;
	right: 11px;
	width: 18px;
	height: 120%;
	background: #0e2442;
	rotate: 20deg;
	clip-path: polygon(30% 0, 60% 0, 40% 100%, 10% 100%);
}

span.border-txt {
	color: transparent;
	-webkit-text-stroke: 1px #FFFFFF80;
	text-transform: uppercase;
}

span.border-txt-black {
	color: transparent;
	-webkit-text-stroke: 1px #15243880;
	text-transform: uppercase;
}

span.border-txt {
	color: transparent !important;
	-webkit-text-stroke: 1px #FFFFFF !important;
	text-transform: uppercase !important;
}

span.border-txt-dark {
	color: transparent !important;
	-webkit-text-stroke: 1px #152438 !important;
	text-transform: uppercase !important;
}


.clip-butt-white::after {
	content: '';
	position: absolute;
	top: -4px;
	right: 11px;
	width: 18px;
	height: 120%;
	background: #fff;
	rotate: 20deg;
	clip-path: polygon(30% 0, 60% 0, 40% 100%, 10% 100%);
}


/*****card css start*****/

.info-card {
	/*     background: #f9f9ff; */
	border-radius: 16px;
	padding: 50px 30px;
	text-align: center;
	transition: all 0.3s ease;
	border: 1px solid #15243840;
	margin: 0;
	height: 250px;
}

.icon-box {
	width: 60px;
	height: 40px;
	margin: 0 auto 35px;
	background-color: #0000;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	position: relative;
	transition: background-color 0.3s ease;
	gap: 20px;
}

.icon-box img {
	width: 50px;
	height: 50px;
	position: absolute;
	transition: opacity 0.3s ease;
}

.icon-hover {
	opacity: 0;
}

.info-card:hover {
	background-color: #15365c;
}



.info-card:hover .icon-default {
	opacity: 0;
}

.info-card:hover .icon-hover {
	opacity: 1;
}

.info-card h3 {
	font-family: "Poppins", Sans-serif;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	color: #0b0c26;
	transition: color 0.3s ease;
}

.info-card p {
	font-family: "Poppins", Sans-serif;
	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 140%;
	letter-spacing: 0%;
	text-align: center;

	transition: color 0.3s ease;
}

.info-card:hover h3,
.info-card:hover p {
	color: #fff;
}

/*****card css end*****/

/*****logo slider css start*****/

@property --background-color {
	syntax: "<color>";
	inherits: true;
	initial-value: #120020;
}

/*body {*/
/*	background: var(--background-color);*/
/*	display: grid;*/
/*	place-items: center;*/
/*	min-height: 100vh;*/
/*	margin: 0;*/
/*}*/

.scroller-container {
	--slide-width: clamp(150px, 20vw, 300px);
	--slide-gap: calc(var(--slide-width) * 0.06);
	--slide-border-radius: calc(var(--slide-width) * 0.06);

	overflow: hidden;
	/*width: 90vw;*/
	position: relative;

	/* 	&::before {
	position: absolute;
	content: "";
	width: var(--slide-width);
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 1;

	background: linear-gradient(90deg, var(--background-color), transparent);
}
	&::after {
	position: absolute;
	content: "";
	width: var(--slide-width);
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;

	background: linear-gradient(90deg, transparent, var(--background-color));
} */
}

.blur-box .elementor-widget-wrap.elementor-element-populated {
	backdrop-filter: blur(15px);
}

.scroller-wrapper {
	display: flex;
	justify-content: flex-start;
	gap: var(--slide-gap);
	width: calc((var(--slide-width) + var(--slide-gap)) * 6);

	animation: moveLeft 8s linear infinite;
}

.scroller-slide {
	flex: none;
	width: 240px;
	height: 140px;
	display: flex;
	border: dotted 1px #15243826;
	aspect-ratio: 9/16;
	background: #0000;
	border-radius: var(--slide-border-radius);
	overflow: hidden;
	cursor: pointer;
	align-items: center;
	justify-content: center;
}

@keyframes moveLeft {
	from {
		transform: translatex(0);
	}
	to {
		transform: translatex(-100%);
	}
}

img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/*****logo slider css end*****/

.custom-contact-form {
	background-color: #0000;
	max-width: 600px;
	margin: auto;
	font-family: 'Poppins', sans-serif;
}

.custom-contact-form input[type="text"],
.custom-contact-form input[type="tel"],
.custom-contact-form input[type="email"],
.custom-contact-form textarea {
	width: 100%;
	padding: 14px 0;
	margin-bottom: 30px;
	background: none;
	border: none;
	border-bottom: 1px solid #3A4D6A;
	color: #fff;
	font-size: 16px;
	outline: none;
	resize: none;
}

.custom-contact-form input::placeholder,
.custom-contact-form textarea::placeholder {
	color: #A4B0C0;
}

.contact-form-sec textarea {
    height: 150px;
}

.contact-form-sec input {
    font-size: 18px !important;
    font-weight: 400;
	font-family: 'Poppins', sans-serif;
}

.submit-btn {
	background-color: #fff;
	color: #000;
	padding: 14px 30px 14px 30px;
	font-weight: 600;
	font-size: 16px;
	border: none;
	border-radius: 0px;
	transition: all 0.3s ease;
	display: inline-block;
	clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}

.submit-btn:focus {
	background-color: #fff;
	color:#000;
	font-family: 'Poppins', sans-serif;
}

.submit-btn:hover {
	background-color: #fff;
	color:#000;
}

.submit-butt p:after {
	content: ' ';
	width: 37px;
	height: 53px;
	position: absolute;
	background-image: url('http://localhost/cabii/wp-content/uploads/2025/08/Rectangle-12.png');
	left: 105px;
	background-position: left;
	background-size: contain;
	background-repeat: no-repeat;
}

.wpcf7 form .wpcf7-response-output {
	margin: auto 0px;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2;
	color: #fff;
}

.app-logo .scroller-wrapper {
	gap: 29px !important;
}

@media (min-width: 1025px) and (max-width: 1199px) {

	.texi-image .elementor-widget-wrap.elementor-element-populated {
		margin-top: -545px !important;
	}

	.elementor-element.elementor-element-64f3f1b.elementor-widget.elementor-widget-heading {
		font-size: 55px !important;
	}

}


@media screen and (max-width: 1024px) {

	.mobile-sidemenu .ekit-wid-con .ekit-sidebar-group .ekit-overlay {
		background-color: #0000;
	}

	.info-card {
		padding: 30px 30px;
		height: 270px;
		display: flex ;
		flex-direction: column;
		justify-content: center;
	}

	.info-card p {
		font-size: 16px;
	}

	.app-logo img {
		width: 111px;
	}

}

@media screen and (max-width: 767px) {
	.contentSlider , .imageSlider{
		flex: 0 0 auto;
		width: 100% !important;
	}

	.info-card {
		padding: 30px 30px;
		height: auto;
	}

	.app-logo img {
		width: 100px;
	}

	.scroller-slide {
		width: 170px;
		height: 100px;
	}
}