/* 
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 */

body a, body a:hover { color: inherit; }
@media screen and (max-width: 1680px) { body { zoom: 85% !important;  margin-top:-6px;} }
@media screen and (max-width: 1440px) {	body { zoom: 70% !important;  } }
@media screen and (max-width: 1280px) {	body { zoom: 65% !important;   } }
@media screen and (max-width: 1100px) {	body { zoom: 60% !important; } }
@media screen and (max-width: 1024px) {	body { zoom: unset !important; margin-top:unset; } }


nav.wpr-nav-menu-container ul > li >a.wpr-active-menu-item,
nav.wpr-nav-menu-container ul > li >a.wpr-menu-item:hover{
	font-weight:700 !important;
}

.bg-black-gradient{
	background:linear-gradient(180deg,#424242,#272727 49%, #030303 97%) !important;
}

body:has(#contact-page) footer #footer-form{
	display:none;
}


/* REVIEWS CAROUSEL */
#reviews{
	position:static;
}

#reviews .swiper-pagination-bullet{
	width:10px;
	height:10px;
	opacity:1 !important;
	background:#fff !important;
}

#reviews .swiper-pagination-bullet-active{
	background:#FFBF00 !important;
}

/* SERVICES CAROUSEL */
#services-carousel{
	position:static;
}

#services-carousel .swiper-button-prev{
	display:none;
}

#services-carousel .swiper-button-next{
    right:-4%;
    width:23px !important;
    height:45px !important;
}


#services-carousel .swiper-button-next svg{
    display:none;
}


#services-carousel .swiper-button-next::after{
    content: "\276F" !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: #fff;
    line-height: 1;
}
#services-carousel .swiper-slide {
  max-width: 635px !important
  width: 100% !important;
  transition: max-width 0.5s ease !important;
}

#services-carousel .swiper-slide-active{
	max-width:513px !important;
	width:100% !important;
}

#services-carousel .swiper-slide-next{
	max-width:635px !important;
	width:100% !important;
}


/* GALLERY CAROUSEL CONTAINER AND SLIDES */

 .carousel {
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	position: relative;
	min-height: 760px;
	z-index: 1;
	overflow: hidden;

}

 .card {
	position: absolute;
	top: 50%;
	left: 50%;
	width: min(1200px, 90%);
/* 	aspect-ratio: 900 / 500; */
	 height:710px;
	background-size: cover;
	background-position: center;
	box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.30);
	transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform;
	--overlay-opacity: 0;
}

 .card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: #000;
	opacity: var(--overlay-opacity);
	transition: opacity 0.5s ease;
	pointer-events: none;
} 

/* Carousel - Next and Previous Container */

 .nextAndprev {
	max-width: 1152px;
	width: 100%;
	display: flex;
	flex-direction:row;
	justify-content: space-between;
	position: absolute;
	top: 58%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 5;
}


/* FORM */

.ctc-form{
	max-width:1366px;
	width:100%;
	margin:0 auto;
}

.ctc-form input[type="text"],
.ctc-form input[type="tel"],
.ctc-form input[type="email"],
.ctc-form textarea{
	font: 400 16px "Arial";
	color:#545454;
	background-color:#EEE;
	border:solid 1px  #D6D6D6;
	box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.43);
	border-radius: unset;
	
}

.ctc-form textarea{
	height:150px !important;
	padding-top:15px;
}




.ctc-form ::placeholder {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #545454;
    opacity: 1; /* Firefox lowers opacity by default */
}

.ctc-form input[type="text"],
.ctc-form input[type="tel"],
.ctc-form input[type="email"]{
	height:60px;
}



.ctc-form .nameAndphone p,
.ctc-form .email p{
	width:100%;
	display:flex;
	gap:5px;
}

.ctc-form .nameAndphone p label,
.ctc-form .email p label{
	max-width:678px !important;
}

.ctc-form .consentAndbtn {
	width:100%;
	display:flex;
	justify-content:space-between;
}

.ctc-form .consentAndbtn >p{
	display:flex;
	flex-direction:column;
	justify-content:end;
}
.ctc-form .consentAndbtn .consent span{
	font: 400 16px "Arial";
	color:#535353;
	
}
.ctc-form .consentAndbtn .consent p{
	margin-bottom: 05px;
}

.ctc-form input[type="submit"]{
	font: 700 14px "Playfair Display";
	color:#FFF;
	border:none;
	height:57px;
	width:182px;
	background:linear-gradient(180deg, #E6C262, #9E783A 100%);
	border-radius:unset;
		
}


@media(max-width:1024px){
	.about-left{
		max-width:100%;
	}
	
	.services-bg-gradient{
		max-width:80px !important;
	}
	
	 .card {
	width: min(1200px, 80%);
	aspect-ratio: 900 / 500;
	 height:510px;

    }
	.carousel {
		min-height:500px;
	}
	
	.ctc-form .nameAndphone p,
.ctc-form .email p{
	width:100%;
	display:flex;
	flex-direction:column;
	gap:15px !important;
}
	
	
	.ctc-form .nameAndphone p label,
.ctc-form .email p label{
	max-width:100% !important;
	
}
	
	.ctc-form .nameAndphone p br,
	.ctc-form .email p br{
		display:none;
	}
	
	.ctc-form .consentAndbtn {
	width:100%;
	display:flex;
		flex-direction:column;
		

}
	.ctc-form input[type="submit"]{
		margin:0 auto;
		margin-top:10px;
	}
	
	.ctc-form .consentAndbtn .consent {
		gap:10px !important;
	}

}

@media (max-width:768px){
	#services-carousel .swiper-slide-active{
	max-width:350px !important;
	width:100% !important;
}
	#services-carousel .swiper-button-next{
		right:-9%;
	}
}

@media (max-width:767px){
		.services-bg-gradient{
		position:absolute;
			right:0px;
	}
	
	#services-carousel .swiper-button-next{
    right:-10%;
 
}
}

@media (max-width:425px){
	.card{
		height:310px;
	}
	
	.carousel{
		min-height:330px;
	}
	
	#services-carousel .swiper-slide-active{
	max-width:500px !important;
	width:100% !important;
}

}