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


/* Header Style */
.sticky-header.elementor-sticky--effects { background-color: #222222 !important; }

.sticky-header.elementor-element .logo { transition: all 0.5s ease-in-out; opacity: 0; }
.sticky-header.elementor-element.elementor-sticky--effects .logo { opacity: 1; }

.btn-text-path-style .elementor-button, .btn-text-path-style { position: relative; } 
.btn-text-path-style .elementor-button:before { height: 156px; width: 171px; content:""; position: absolute; top: -58%; right: -12%; background-image: url('images/go-beyon-btn-og.svg'); background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: -1; }
.btn-text-path-style .elementor-button:before { -webkit-animation-name: rotate; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-delay: 3s; }

.elementor-16 .elementor-element.elementor-element-3977c53:not( .elementor-widget-image ) .elementor-widget-container {
    -webkit-mask-image: url(https://wordpress-1223376-5220478.cloudwaysapps.com/wp-content/uploads/2024/05/Subtract-1.svg) !important;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to { 
        -webkit-transform: rotate(360deg);
    }
}

/* Menu Hover Style */
.menu-hover-style .elementor-nav-menu { counter-reset: my-sec-counter; }
.menu-hover-style .elementor-nav-menu .menu-item { transition: all 0.5s ease-in-out; }
.menu-hover-style .elementor-nav-menu .menu-item:hover, .menu-hover-style .elementor-nav-menu .menu-item.current_page_item { padding-left: 30px; }
.menu-hover-style .elementor-nav-menu .menu-item a { position: relative; }
.menu-hover-style .elementor-nav-menu .menu-item a:before { counter-increment: my-sec-counter; content: "0" counter(my-sec-counter) " "; position: absolute; top: 0px; left: -8px; color: #B9C3BE; font-size: 24px; line-height: 26px; font-family: "Montserrat", Sans-serif; background-color: transparent !important; opacity: 0; }
.menu-hover-style .elementor-nav-menu .menu-item:hover a:before, .menu-hover-style .elementor-nav-menu .menu-item.current_page_item a:before { opacity: 1; }

/* Hero Section Style */
.hero-logo-style.elementor-element img { background-color: #00b658; border-radius: 0px 100px 0px 100px; padding: 100px 100px 55px 50px; }

.title-style.elementor-element .elementor-heading-title { background: url('/wp-content/uploads/2024/05/2603949_Abstract_Backgrounds_Backdrop_1920x1080-2.png') 0 0 / cover no-repeat; color: #de466c; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: cover; -webkit-animation: anim 15s infinite linear; -moz-animation: anim 15s infinite ease-in; -ms-animation: anim 15s infinite ease-in; animation: anim 15s infinite ease-in; }
.title-style.elementor-element .elementor-heading-title:before, .title-style.elementor-element .elementor-heading-title:after { position: absolute; content: ''; }
.title-style.elementor-element .elementor-heading-title:before {  z-index: -2; top: 0; right: 0; bottom: 0; left: 0; background-image: inherit; background-size: cover; -webkit-animation:anim 15s infinite ease-in; -moz-animation:anim 15s infinite ease-in; -ms-animation:anim 15s infinite ease-in; animation:anim 15s infinite ease-in; }
.title-style.elementor-element .elementor-heading-title:after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background-color: #222222; }


@-webkit-keyframes anim {
	0% { background-position: top; }
	50% { background-position: bottom; }
	100% { background-position: top; }
}

@-moz-keyframes anim { 
	0% { background-position: top; } 
	50% { background-position: bottom; } 
	100% { background-position: top; }
}

@-ms-keyframes anim { 0% 
	{ background-position: top; }
	50% { background-position: bottom; } 
	100% { background-position: top; }
}

@keyframes anim { 
	0% { background-position: top; } 
	50% { background-position: bottom; } 
	100% { background-position: top; } 
}

/* Listing Style */
ul.listing-style { padding: 0px; margin: 0px; list-style-type: none; margin-top: 20px; }
ul.listing-style li { position: relative; font-size: 22px; font-weight: 400; color: #FFFFFF; font-family: var(--e-global-typography-text-font-family), Sans-serif; padding-left: 25px; padding-top: 10px; }
ul.listing-style li:before { height: 10px; width: 10px; content:""; position: absolute; top: 22px; left: 0px; background-color: #00B658; border-radius: 100%; }

.elementor-element:hover ul.listing-style li:before { background-color: #FFFFFF; }

/* Page Title bar Style */
.page-title-bar-style { padding-left: calc((100% - 1350px)/2); }

.page-title-bar-inner-style { position: relative; }
.page-title-bar-inner-style:before { height: 420px; width: 1031px; content:""; position: absolute; top: 29px; left: -185px; transform: translatey(-50%); background-image: url('/wp-content/uploads/2024/05/Subtract.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 1; }

/* Testimonials Style */
.testimonials-style.elementor-element .elementor-swiper .elementor-testimonial .elementor-testimonial__text h3 { font-size: 36px; font-weight: 800; font-family: var(--e-global-typography-text-font-family), Sans-serif; text-transform: uppercase; margin-bottom: 24px; margin-top: 0px; }
.testimonials-style.elementor-element .elementor-swiper .elementor-testimonial .elementor-testimonial__footer { position: absolute; bottom: 0px; right: 0px; padding: 22px 55px; background-color: #FFFFFF; border-radius: 100px 0px 100px 0; }
.testimonials-style.elementor-element .elementor-swiper .elementor-testimonial .elementor-testimonial__footer .elementor-testimonial__image img { height: initial; width: initial; }
.testimonials-style.elementor-element .elementor-swiper .elementor-swiper-button { height: 60px; width: 60px; display: flex; align-items: center; justify-items: center; background-color: #FFFFFF; border-radius: 100%; }
.testimonials-style.elementor-element .elementor-swiper .elementor-swiper-button svg { margin-left: 12px; }
.testimonials-style.elementor-element .elementor-swiper .elementor-swiper-button.elementor-swiper-button-next svg { margin-left: 16px; }

.testimonials-style.elementor-element .elementor-swiper .elementor-swiper-button.elementor-swiper-button-prev { left: -9px; }
.testimonials-style.elementor-element .elementor-swiper .elementor-swiper-button.elementor-swiper-button-next { right: -9px; }

/* Post Style */
.elementor-post-navigation { gap: 50px; }
.elementor-post-navigation .elementor-post-navigation__link a { width: auto; background-color: #FFFFFF; display: flex; justify-content: center; color: #222222; border-radius: 80px; padding: 12px 25px; }
.elementor-post-navigation .elementor-post-navigation__link a span.post-navigation__prev--title, .elementor-post-navigation .elementor-post-navigation__link a span.post-navigation__next--title { color: #222222 !important; }

/* Single Post Style */
.single-post h2 { text-transform: uppercase; font-weight: 600; font-size: 66px; margin-bottom: 35px; }

/* Social Icon Style */
.elementor-element.social-icon-style .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon svg { margin-right: 0px; fill: #222222; }
.elementor-element.social-icon-style .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon { height: 52px; min-width: 52px; width: 52px; display: flex; align-items: center; justify-content: center; background-color: #fbfdff; border-radius: 100%; padding-right: 0px; margin-right: 24px; }
.elementor-element.social-icon-style .elementor-icon-list-items .elementor-icon-list-item:hover .elementor-icon-list-text { font-weight: 400; }


/* Responsive Style */
@media only screen and (max-width: 1524px) {
	.page-title-bar-inner-style:before { top: 26px; }
}

@media only screen and (max-width: 1199px) {
	.btn-text-path-style .elementor-button:before { top: -65%; }
}

@media only screen and (max-width: 991px) { 
	.testimonials-style.elementor-element .elementor-swiper .elementor-testimonial .elementor-testimonial__text h3 { font-size: 30px; } 
	
	.testimonials-style.elementor-element .elementor-element.elementor-element-8e92bc3 .elementor-main-swiper .swiper-slide { padding: 40px	 40px 200px 40px; }
	.page-title-bar-style { padding-left: 25px; }
}


@media only screen and (max-width: 767px) {
	.title-style.elementor-element .elementor-heading-title { background-size: 250%; }
	
	.btn-text-path-style .elementor-button:before { display:none; }
	
	.testimonials-style.elementor-element .elementor-swiper .elementor-testimonial .elementor-testimonial__text h3 { font-size: 24px; }
	.testimonials-style.elementor-element .elementor-swiper .swiper-slide { border-radius: 42px !important; padding: 25px 15px 70px !important;  }
	.testimonials-style.elementor-element .elementor-swiper .elementor-testimonial .elementor-testimonial__footer { border-radius: 42px 0px 42px 0;  padding: 15px 30px; }
	.testimonials-style.elementor-element .elementor-swiper .elementor-testimonial .elementor-testimonial__footer .elementor-testimonial__image img {  height: 40px; }
	.testimonials-style.elementor-element .elementor-swiper .elementor-swiper-button { height: 44px; width: 44px; top: initial; bottom: 0px; right: 0px; }
	.testimonials-style.elementor-element .elementor-swiper .elementor-swiper-button.elementor-swiper-button-next { right: 0px; bottom: -115px; } 
	.testimonials-style.elementor-element .elementor-swiper .elementor-swiper-button.elementor-swiper-button-prev { right: 60px; left: initial; bottom: -115px; } 
	.testimonials-style.elementor-element .elementor-swiper .elementor-swiper-button.elementor-swiper-button-next svg { margin-left: 9px; }
	.testimonials-style.elementor-element .elementor-swiper .elementor-swiper-button svg { margin-left: 5px; }
	.hero-logo-style.elementor-element img { border-radius: 0px 65px 0px 65px; padding: 65px 48px 55px 50px; }

}

.wave-wrapper { height: 100px; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; overflow-x: hidden; }
.wave { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%2300b658'/%3E%3C/svg%3E"); position: absolute; width: 200%; height: 100%; animation: wave 20s -3s linear infinite; transform: translate3d(0, 0, 0); opacity: 0.8; } 
.wave:nth-of-type(2) { bottom: 0; animation: wave 28s linear reverse infinite; opacity: 0.5; }
.wave:nth-of-type(3) { bottom: 0; animation: wave 30s -1s linear infinite; opacity: 0.5; }
@keyframes wave { 
	0% {transform: translateX(0);} 
	50% {transform: translateX(-25%);}
    100% {transform: translateX(-50%);}
}