/* 
Theme Name: Basis Design Theme 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 */


/*----------------------------*/

a {
    color: var(--e-global-color-primary);
	text-decoration: none !important;
}

a:hover {
    color: var(--e-global-color-accent);
}

.zl-mob-only {
	display: none;
}
	
.zl-text{
	color: #94D729 !important;
}

/*------------------------------*/
.zl-animation .elementor-widget-container{
	animation: dance 2s alternate infinite;.
}

@keyframes dance{
	0% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.zl-highlight {
	color: var(--e-global-color-primary);
	font-weight: bold;
}
/*----------------------------*/


/*--------------------------------------*/

/* Header CSS */

.ekit-template-content-header {
	position: sticky;
    top: 0;
    z-index: 99;
}

.zl-header .elementskit-menu-hamburger:focus {
	background: var(--e-global-color-primary);
}

/* Home page CSS */

.zl-logo-carousel img:hover {
	filter: grayscale(100%) !important;
}

.zl-why-choose-us .elementskit-btn {
	width: 100%;
}

.zl-why-choose-us .elementskit-btn svg{
	margin-left: 10px;
}

/* .zl-why-choose-us .box-body {
	display: flex;
    flex-direction: column;
    height: 370px;
    justify-content: space-between;
} */

/* Contact Us form */

.zl-contact-us-form .wpforms-field-container {
	display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.zl-contact-us-form .name,
.zl-contact-us-form .email{
	width: 49%;
	padding: 0;
}

.zl-contact-us-form .wpforms-field  {
	padding: 0 !important;
}

.zl-contact-us-form .message {
	width: 100%;
	flex: 1;
}

/* Product Page CSS */

.zl-product-client-logo img {
	width:100%;
}

/* Footer CSS */

#turnkey-credit {
	display: none !important;
}

/* 404 Page */

.error404 .site-main {
	height: 75vh;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.error404 h1.entry-title {
    font-family: var(--e-global-typography-a96a6d6-font-family), Sans-serif;
    font-size: 160px;
    font-weight: var(--e-global-typography-a96a6d6-font-weight);
    text-transform: var(--e-global-typography-a96a6d6-text-transform);
	line-height: 160px;
}

.error404 .page-content p {
	font-size: 22px;
	margin: 20px 0;
}

.error404 .page-content h2 {
	margin: 40px 0 20px;
}

.error404 .ekit-btn-wraper {
    margin-top: 25px;
}

.error404 .elementskit-btn {
	display: inline!important;
	font-family: var( --e-global-typography-3594316-font-family ), Sans-serif !important;
	font-size: var( --e-global-typography-3594316-font-size ) !important;
	font-weight: var( --e-global-typography-3594316-font-weight ) !important;
	text-transform: var( --e-global-typography-3594316-text-transform ) !important;
	line-height: var( --e-global-typography-3594316-line-height ) !important;
	letter-spacing: var( --e-global-typography-3594316-letter-spacing ) !important;
	word-spacing: var( --e-global-typography-3594316-word-spacing ) !important;
	color: var( --e-global-color-6364f81 ) !important;
	background-color: var( --e-global-color-primary ) !important;
	border-style: none;
}

.error404 .elementskit-btn:hover {
    color: var( --e-global-color-secondary ) !important;
    background-image: url("/wp-content/uploads/2024/04/service-card-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.error404 .elementskit-btn:hover svg path{
    fill: var( --e-global-color-secondary ) !important;
}

.error404 {
	background-image: url(/wp-content/uploads/2024/04/hero-bg-left.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Responsive CSS */

@media (min-width:768px) {
	.zl-why-choose-us .elementskit-btn {
		width: 55%;
	}
}

@media (max-width:767px) {
	.elementskit-dropdown li .elementskit-dropdown {
		margin-bottom:10px;
	}
	
	.wpforms-submit-container {
		text-align: center;
	}
	
	.error404 .site-main {
		height: 90vh;
	}
	
	.zl-mob-only {
		display: block;
	}
	
	.zl-footer-icon-list .elementor-icon-list-item,
	.zl-footer-icon-list .elementor-icon-list-item a{
		gap: 25px;
	}
}

@media (max-width:1025px) {
	.zl-why-choose-us .elementskit-btn {
		width: 100%;
	}
}

@media (min-width:1001px) and (max-width:1024px) {
	.zl-heading-center .elementskit-border-divider {
		margin-left: 0;
		margin-right: 0;
		text-align: center;
		left: 43% !important;
	}
	
	.zl-heading-center h2 {
		text-align: center;
	}
}