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


/* ----------------- Button Style ------------------ */

.btn-colors .elementor-button {
	background-image: linear-gradient(90deg, #46eeaa 0%, #2cbfc7 100%) !important;
}


/* ----------------- Logo Slider ------------------ */


.home-logo-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1rem;
    display: flex;
    position: relative;
    overflow: hidden;
}

.clients-grid.logo-animate {
    grid-column-gap: 3rem;
    opacity: 1;
    flex: none;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    display: flex;
}


.clients-grid {
    align-items: center;
    justify-items: center;
}

.client-logo {
    opacity: .8;
    object-fit: contain;
    width: 100%;
    min-height: 7rem;
    max-height: 7rem;
    transition: opacity .4s;
}

img {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block;
}

.home-logo-left-gradient {
    background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
    width: 10%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.home-logo-left-gradient.right {
    background-image: linear-gradient(270deg, #fff, rgba(255, 255, 255, 0));
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.home-logo-wrapper.bottom {
    margin-top: -2rem;
}

.clients-grid.logo-animate-alt {
    grid-column-gap: 3rem;
    flex: none;
    width: 100rem;
    margin-top: 0;
    margin-left: 0;
    margin-right: auto;
    display: flex;
}



/* Animation for the first right to left marquee */
@keyframes slide {
  0% {
    transform: translateX( calc(0% + 50px));
  }
  100% {
    transform: translateX(-100%);
  }
}

.logo-animate {
  animation: slide 35s infinite linear; /* Adjust the seconds for a slower or faster animation */
}

/* Animation for the second left to right marquee */
@keyframes slidealt {
  0% {
    transform: translateX( calc(0% + 50px));
  }
  100% {
    transform: translateX(-100%);
  }
}

.logo-animate-alt {
  animation: slidealt 35s infinite linear; /* Adjust the seconds for a slower or faster animation */
  animation-direction: reverse;
}