/* 
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 */
header{
	position: absolute !important;
	z-index: 1;
	width: 100%
}
.heroSec{
	background-size: 100% 80% !important;
}
.conForm button{
	margin-top: 25px;
}
.visionCards:hover .elementor-image-box-title,
.visionCards:hover .elementor-widget-text-editor{
	color: var(--e-global-color-secondary) !important;
}
.visionCards:hover  .elementor-image-box-img{
	filter: invert()
}
.arrowBtnHeader span.elementor-button-icon {
	padding: 10px;
	background-color: var(--e-global-color-primary);
	border-radius: 100px;
}
.arrowBtnHeader .elementor-button-text{
	display: flex;
	align-items: center;
	white-space: nowrap;
}
.arrowBtnHeader svg {
	font-size: 20px;
	transform: rotate(320deg);
	fill: var(--e-global-color-secondary) !important;
}
.arrowBtn .elementor-button-text{
	white-space: nowrap;
}
.arrowBtnHeader  .elementor-button:hover .elementor-button-icon{
	background-color: var(--e-global-color-secondary)  !important;
}
.arrowBtnHeader  .elementor-button:hover svg{
	fill: black !important;
}
.arrowBtn span.elementor-button-icon{
	transform: rotate(40deg);
}
.visionBoxes .elementor-image-box-content{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.customLine{
	position: relative;
}
.customLine::before{
	background-color: var(--e-global-color-primary) !important;;
	left: 0;
	top: 20px;
	position: absolute;
	content: '';
	width: 100%;
	height: 6px;
}
@media (max-width: 1024px){
	.conForm button{
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
}
@media (min-width: 767px){
	.heroTitle br{
		display: none;
	}
}
@media (max-width: 767px){
	.heroHawk .wp-caption img{
		display: none;
	}
	.visionBoxes .elementor-image-box-wrapper {
		display: flex;
		justify-content: space-between;
		width: 100%;
		flex-direction: row-reverse;
	}
	.visionBoxes .elementor-image-box-title{
		margin-top: 0px;
	}
	.arrowBtnHeader span.elementor-button-icon {
		padding: 5px;
		transform: rotate(270deg);
	}
	.arrowBtnHeader span.elementor-button-icon svg {
		font-size: 14px;
	}
	.conForm button{
		padding-left: 60px !important;
		padding-right: 60px !important;
	}
	.customLine::before{
		left: 11vw;
		width: 74%;
		top: 15px;
	}
	.heroSec{
		background-size: 125% 42% !important;
	}
	.heroSec:before{
		background-position: -70px 40.5%;
	}
}

@media (max-width: 380px){
	.heroSec {
		background-position: 0% 66% !important;
	}
	.heroBtnBox{
		bottom: -20px !important;
	}
}