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

:root {
	--clr-primary: #023059;
	--clr-secondary: #4e819b;
	--clr-accent: #c6a664;
	--clr-lt-gray: #68778a;
}

/* nav */
#main-header {
	
}

/* carousel 
.swiper-wrapper {
}

.swiper-wrapper > .swiper-slide {
	width: 25%;
}

.elementor-swiper-button {
	position: absolute;
	width: 20px;
	top: 40%;
}

.elementor-swiper-button.elementor-swiper-button-prev {
	left: 0;
}

.elementor-swiper-button.elementor-swiper-button-next {
	right: 0;
}*/

.services figure.elementor-image-box-img {
	padding: 5px;
	background: var(--clr-secondary);
	border-radius: 3px;
	transition: all .3s ease-in;
}

.services figure img {
	filter: invert(1);
}

.services .elementor-image-box-title a {
	font-family: "Cormorant Garamond", Sans-serif !important;
}

.services .elementor-image-box-wrapper:hover figure img {
	filter: none !important;
}

.homeservices .elementor-image-box-wrapper:hover .elementor-image-box-description  {
	color:white !important;
}

.services .elementor-image-box-wrapper:hover figure.elementor-image-box-img {
	background: #ebeff2;
}

.practices .e-con:hover h3,
.practices .e-con:hover p {
  color: #ffffff !important;
}

.homeservices .e-con:hover h3,
.homeservices .e-con:hover p {
  color: #ffffff !important;
}


/* footer */
#footer ul.elementor-nav-menu {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 1em;
}

#footer h3.elementor-icon-box-title {
	margin-block-start: 0;
}



@media (max-width: 980px) {
	
	.swiper-wrapper > .swiper-slide {
		width: 50%;
	}
	
	#footer ul.elementor-nav-menu {
		display: block;
	}

}