/* 
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 */
div.wrapper-icon div.elementor-icon-wrapper {
	display: flex;
}
body{
	background: linear-gradient(to right, 
		#0B1839 0%, 
		#0B1839 5%,  /* El color 1 termina en el 33.3% */
		#071125 5%,  /* El color 2 empieza exactamente donde terminó el 1 */
		#071125 20%,  /* El color 2 termina en el 66.6% */
		#050c1a 20%,  /* El color 3 empieza exactamente donde terminó el 2 */
		#050c1a 75%
  	);
}
div.corner-wrap::before {
    content: "";
    display: block;
    position: absolute;
    width: 150px;
    height: 150px;
    border: 1px solid;
    border-top-color: #E67E22;
    border-left-color: #E67E22;
    border-right-color: transparent;
    border-bottom-color: transparent;
    top: -10px;
    z-index: 2;
    left: -10px;
    opacity: 0.5;
}
div.corner-right-wrap::before {
    content: "";
    display: block;
    position: absolute;
    width: 150px;
    height: 150px;
    border: 1px solid;
    border-top-color: #E67E22;
    border-left-color: transparent;
    border-right-color: #E67E22;
    border-bottom-color: transparent;
    top: -10px;
	right: -10px;
    z-index: 2;
    opacity: 0.5;
}

/*************************HERO******************************/
div.abshero {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
	overflow: hidden;
}
div.abshero::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background-color: rgba(5, 12, 26, 0.4);
}
div.abshero::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to right, #050C1A 0%, rgba(5, 12, 26, 0) 100%);
}
span.btn-style {
    font-family: 'JetbrainsMono Font';
    font-size: 13px;
    line-height: 18px;
    padding-right: 16px;
    font-weight: 700;
}
.review-card .wp-gr .grw-review-inner.grw-round {
    border: 1px solid rgba(14, 165, 233, 0.20);
    background: rgba(14, 165, 233, 0.04)!important;
    border-radius: 0 !important;
}
.review-card .grw-review-inner {
    gap: 23px !important;
}
.review-card .grw-review-inner .rpi-row12-center {
    order: 2;
}
.review-card .grw-review-inner .rpi-stars {
    order: 0;
}
.review-card .grw-review-inner .wp-google-feedback {
    order: 1;
}
.review-card .grw-review-inner svg {
    display:none
}
.review-card .wp-google-time {
    display: none;
}
.review-card .wp-gr .wp-google-text {
    color: #7D7D7D !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-style: italic;
    font-weight: 400 !important;
}
.review-card .wp-gr.rpi a.wp-google-name {
    color: #FFF !important;
    font-family: 'Inter Font';
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
		pointer-events: none;
}
div.img-height {
    height: 100%;
}
div.img-height img {
    height: 100%;
    object-fit: cover;
}
span.txtjet{
	font-family: "JetbrainsMono Font";
	color: #E67E22;
}
.card-search .elementor-widget-theme-post-title {
    display: block;
}
.elementor-element.menu-mob ul.elementor-nav-menu li.menu-item a.elementor-sub-item {
       text-transform: uppercase;
}
h1 span.sub-heading{
	font-size: 22px;
	font-weight: 500;
	color: #FFF;
	letter-spacing: initial;
}

/*******************************CONTACT FORM STYLE**********************************/
input.input-default,
select.input-default,
textarea.input-default{
	width: 100%;
	margin-top: .5rem;
	background-color: #7D7D7D;
	color: #FFF;
	border: none;
	padding: 18px 16px;
	resize: none;
}
input.input-default:focus,
textarea.input-default:focus,
select.input-default:focus{
	outline: unset;
}
label.wrap-input-default{
	margin-bottom: 1.5rem;
	width: 100%;
	text-transform: uppercase;
}
label.wrap-input-default span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip{
	margin-top: .3rem;
}
div.wrap-btn-send{
	margin-top: 1rem;
	display: flex;
	flex-direction: column;
}
button.btn-send{
	color: #FFF !important;
	padding: 20px 48px;
	border: none;
}


li.wrap-services{
	padding: 40px 30px;
	border: 1px solid;
	border-color: rgba(14,165,233,0.2);
	display: flex;
	flex-direction: column;
}
div.wrap-service-image{
	position: relative;
}
div.wrap-service-image p.tag-img {
    margin-bottom: 0;
    color: rgba(0, 0, 0, 0.8);
    font-size: 8px;
    position: absolute;
    right: 12px;
    top: 5px;
}
div.wrap-service-image img{
	height: 300px;
	object-fit: cover;
	width: 100%;
}
div.wrap-service-image:before{
	content: "";
	display: block;
	border: 1px solid;
	border-top-color: #E67E22;
	border-left-color: #E67E22;
	border-right-color: transparent;
	border-bottom-color: transparent;
	height: 80px;
	width: 80px;
	position: absolute;
	top: -20px;
	left: -15px;
	opacity: 0.5;
	z-index: 99;
}
div.wrap-service-image:after{
	content: "";
	display: block;
	border: 1px solid;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: #E67E22;
	border-bottom-color: #E67E22;
	height: 80px;
	width: 80px;
	position: absolute;
	bottom: -20px;
	right: -15px;
	opacity: 0.5;
	z-index: 99;
}
div.wrap-service-info{
	margin-top: 32px;
	height: 100%;
	display: flex;
	flex-direction: column;
}
div.wrap-service-info p.tag-info{
	font-size: 12px;
	color: #0EA5E9;
	margin-bottom: 0;
}
div.wrap-service-info p.service-title{
	color: #FFF;
	font-size: 17px;
	font-weight: bold;
	font-family: "Inter Font";
	text-transform: uppercase;
}
div.tag-aditionals{
	display: flex;
	justify-content: space-between;
	gap: 5px;
	margin-top: auto;
}
div.tag-aditionals p{
	margin-bottom: 0;
	color: #E67E22;
	font-size: 12px;
}
section.sldServices button.splide__arrow--prev{
    left: 0;
}
section.sldServices button.splide__arrow--next{
    right: 0;
}
/*******************************SLIDER GALLERY********************************************/
section.sldgallery {
	padding: 0 3.5rem;
}
section.sldgallery img.image-gallery {
    width: 100%;
    height: 460px;
    object-fit: cover;
}
section.sldgallery button.splide__arrow,
section.sldServices button.splide__arrow{
    background-color: transparent;
    opacity: 1;
}
section.sldgallery button.splide__arrow svg,
section.sldServices button.splide__arrow svg{
    fill: #FFF;
}
section.sldgallery .splide__pagination,
section.sldServices .splide__pagination{
    top: -60px;
    left: unset;
    right: 0;
    bottom: unset;
}
section.sldgallery button.splide__pagination__page {
	background-color: #7D7D7D;
	border-radius: 100%;
	opacity: 1;
}
section.sldgallery button.splide__pagination__page.is-active {
	background-color: #0EA5E9;
	transform: none;
}
div.custom-hero::before {
    background-color: rgba(5, 12, 26, 0.0);
}
/* # Media Queries (mobile-first)
---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 545px) {}
@media only screen and (min-width: 768px) {
	.card-abs {
		max-width: 270px;
		position: absolute;
		bottom: 1.5rem;
		right: 1.5rem;
	}
	.card-abs.home {
		right: 2.5rem;
	}
	h1 span.sub-heading{
		font-size: 40px;
	}	
}
@media only screen and (min-width: 993px) {}
@media only screen and (min-width: 1025px) {
	/*******************************CONTACT FORM STYLE**********************************/
	div.input-col {
        display: flex;
        gap: 2rem;
    }
	/*.elementor-element.custom-hero img.attachment-large {
    	object-position: 12em;
    	transform: scale(1.2);
	}*/
}
@media only screen and (min-width: 1200px) {
	div.heroAbout img {
		object-position: 150px !important;
	}
}
@media only screen and (min-width: 1300px) {
	div.heroAbout img {
		object-position: 350px !important;
	}
	div.corner-wrap::before {
		top: -40px;
		left: -40px;
	}
	div.corner-right-wrap::before {
		top: -40px;
		right: -40px;
	}
}


/* # Media Queries (mobile-second)
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1135px) {
	.elementor-element.menu-btn a.elementor-button.elementor-button-link {
		padding: 14px 11px;
	}
	.elementor-element.menu-custom ul.elementor-nav-menu li.menu-item a.elementor-item {
		font-size: 12px;
		margin-inline-end: calc(5px / 2);
	}
}
@media only screen and (max-width: 1024px) {}
@media only screen and (max-width: 992px) {}
@media only screen and (max-width: 767px) {
	span.btn-style {
		padding-right: 10px;
	}
	section.sldgallery .splide__pagination {
    	display: none;
	}
	section.sldgallery {
		padding: 0 1.5rem;
	}
	section.sldgallery .splide__arrow--prev {
    	left: 0;
    	justify-content: left;
	}
	section.sldgallery .splide__arrow--next {
    	right: 0;
    	justify-content: right;
	}
}
@media only screen and (max-width: 544px) {
	section.sldgallery img.image-gallery { 
    	height: 380px;
	}
}