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

/* CUSTOM CSS */
body, html {overflow-x: hidden;}
/* header sticky css */
/* .header-sticky.is-sticky .e-con-inner {padding: 5px 0;}
.header-sticky.is-sticky {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    position: fixed !important;
	box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.08);
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.fadeInDown{
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown
}
@keyframes fadeInDown
{
    from {
        opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)
    }
    to {
        opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
    }
} */
.ekit-sticky--active {box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);}
.elementskit-menu-toggler svg {fill: #013250;}

@media (max-width: 767px) {.elementskit-menu-hamburger {display: flex !important;justify-content: center;align-items: center;}}

/* slider banner css */
/* .banner-widget-layer {height: 100vh;} */
/* .banner-widget-layer .elementor-widget-elementskit-heading {height: 100%;display: flex;align-items: center;} */
/* .banner-widget-layer .elementor-widget-image {position: relative;}
.banner-widget-layer .elementor-widget-image:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
} */

/* products and solutions section css */
.product-solution .elementor-widget-elementskit-image-hover-effect .ekit_image_hover:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.4;
}

/* gradient title css */
.gradient-title h3 span {background: linear-gradient(157deg, #013250 0%, #15a6ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/* complete project section css */
.complete-project .elementor-widget-elementskit-video {position: absolute;top: 50%;right: -85px;transform: translatey(-50%);z-index: 1;}
.complete-project .elementor-widget-elementskit-video svg {width: 35px;}

@media (max-width: 1024px) {
	.complete-project .elementor-widget-elementskit-video {position: absolute;top: 50%;right: auto;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
}

/* services section section css */
.service-box-1 .elementskit-info-image-box .elementskit-box-body {margin: 0 30px;transform: translatey(-100px);}
.service-box .elementor-widget-elementskit-button {position: absolute;top: 0;right: 0;}

@media (max-width: 767px) {
	.service-box-1 .elementskit-info-image-box .elementskit-box-body {margin: 0;transform: none;}
}

/* brands logo section css */
.single-client {box-shadow: none !important;}
.single-client img {filter: grayscale(1);transform: scale(.9);opacity: .66;transition: all 0.3s ease 0s;}
.single-client:hover img {filter: grayscale(0);transform: scale(1);opacity: 1;}

/* sticky whatsapp css */
.sticky-whatsapp {position: fixed;bottom: 60px;right: 25px;}
.sticky-whatsapp a {
	position: relative;
	width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    color: #fff !important;
    background-color: #25D366;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgb(101 181 48 / 50%);
	z-index: 1;
}
.sticky-whatsapp:before, .sticky-whatsapp:after {
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 65px;
    width: 65px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    animation: ripple 3s infinite;
	box-shadow: 0 0 0 0 #55C333;
    opacity: 0.3;
}
.sticky-whatsapp:before {animation-delay: 0.9s;}
.sticky-whatsapp:after {animation-delay: 0.6s;}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 40px rgba(255, 255, 255, 0)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}

/* category page css */
.tooltip-horizontal-scroll-icon_hand {animation:tooltip-horizontal-scroll-icon_anim-scroll-hand 2s infinite}
.tooltip-horizontal-scroll-icon_card {animation:tooltip-horizontal-scroll-icon_anim-scroll-card 2s infinite}

@keyframes tooltip-horizontal-scroll-icon_anim-scroll-hand {
    0% {
        transform:translateX(80px) scale(1);
        opacity:0
    }
    10% {
        transform:translateX(80px) scale(1);
        opacity:1
    }
    20%,60% {
        transform:translateX(175px) scale(.6);
        opacity:1
    }
    80% {
        transform:translateX(5px) scale(.6);
        opacity:1
    } 
    to {
        transform:translateX(5px) scale(.6);
        opacity:0
    }
}
@keyframes tooltip-horizontal-scroll-icon_anim-scroll-card {
    0%,60% {
        transform:translateX(0);
    }
    80%,to {
        transform:translateX(-240px);
    }
}

@media (max-width: 767px) {
	.mobile-slide {overflow-x: scroll !important;overflow-y: hidden !important;--flex-wrap: initial !important;}
	.mobile-slide::-webkit-scrollbar {display: none;}
	.mobile-slide .mobile-slide-col {flex: none !important;}
}

/* single blog page css */
@media (max-width: 767px) {
	.blog-post-content .elementor-widget-theme-post-content h4 {font-size: 20px;}
}

/* contact page css */
.contact-form .wpforms-field input, .contact-form .wpforms-field .choices {font-family: "Work Sans", Sans-serif;max-width: 100% !important;border-radius: 0 !important;height: 48px !important;}
.contact-form .wpforms-field textarea {font-family: "Work Sans", Sans-serif;border-radius: 0 !important;}
.contact-form .wpforms-field input:hover, .contact-form .wpforms-field input:focus, .contact-form .wpforms-field textarea:hover, .contact-form .wpforms-field textarea:hover, .contact-form .wpforms-field .choices .choices__inner:hover, .contact-form .wpforms-field .choices .choices__inner:focus, .contact-form .wpforms-field .choices.is-open .choices__inner, .contact-form .wpforms-field .choices.is-focused .choices__inner, .contact-form .wpforms-field .choices.is-open .choices__list--dropdown {border-color: #000000 !important;box-shadow: none !important;}
.contact-form .wpforms-field .choices {font-family: "Work Sans", Sans-serif;max-width: 100% !important;}
.contact-form .wpforms-field .choices .choices__inner {border-radius: 0 !important;height: 48px !important;}
.contact-form .wpforms-field .choices .choices__list {border-radius: 0 !important;}
.contact-form .wpforms-submit {font-family: "Work Sans", Sans-serif !important;border-radius: 0 !important;padding: 0 25px !important;height: 40px !important;}
.contact-form .wpforms-submit:after {content: none !important;}