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

:root {
	--font-size-12: .75rem;
	--font-size-13: .8125em;
	--font-size-14: .875rem;
	--font-size-18: 1.125rem;
	--font-size-20: 1.25rem;
	--font-size-22: 1.375rem;
	--font-size-23: 1.4375rem;
	--font-size-24: 1.5rem;
	--font-size-25: 1.5625rem;
	--font-size-26: 1.625rem;
	--font-size-28: 1.75rem;
	--font-size-32: 2rem;
	--font-size-39: 2.4375rem;
	--font-size-42: 2.625rem;
}

.elementor-heading-title {
	letter-spacing: unset !important;
}

body:not(.elementor-editor-active) #airplane,
body:not(.elementor-editor-active) #airplane-path #maskpath,
body:not(.elementor-editor-active) .ellipse,
body:not(.elementor-editor-active) .star,
body:not(.elementor-editor-active) .triangle {
    visibility: hidden;
}

@media screen and (max-width: 939px) {
    .gridCounter .elementor-widget-heading {
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 579px) {
    .gridCounter .elementor-widget-heading {
        flex-basis: 100%;
        max-width: 100%;
    }
}

.gridCounter .elementor-heading-title {
	background: var(--e-global-color-3d49c97);
	border-radius: 25px;
	display: inline-block;
	padding: 18px;
	width: 260px;
}

.gridCounter h6 {
    line-height: .9em !important;
}

.gridCounter span.desc {
    color: var(--e-global-color-primary);
    font-size: var(--font-size-14);
    font-weight: 600;
    line-height: 1.25rem;
	height: 2.25rem;
	margin: 8px 0 0;
}

.gridCounter span.desc:not(.inline) {
    display: block;
}

.gridCounter span.desc.inline {
    color: var(--e-global-color-accent);
    font-size: var(--font-size-39);
    font-weight: 600;
}

@property --num {
    syntax: "<integer>";
    initial-value: 0;
    inherits: false;
}

@keyframes counterEscolas {
    to {
        --num: 9;
    }
}

@keyframes counterAlunos {
    to {
        --num: 14;
    }
}

@keyframes counterAumento {
    to {
        --num: 100;
    }
}

@keyframes counterAnos {
    to {
        --num: 55;
    }
}

.gridCounter .animate {
    counter-set: num var(--num);
}

.gridCounter .animate::after {
    --num: 0;
    content: counter(num);
}

.gridCounter .animate.animated.escolas {
    animation: counterEscolas 3s ease-out forwards;
}

.gridCounter .animate.animated.alunos {
    animation: counterAlunos 3s ease-out forwards;
}

.gridCounter .animate.animated.aumento {
    animation: counterAumento 3s ease-out forwards;
}

.gridCounter .animate.animated.anos {
    animation: counterAnos 3s ease-out forwards;
}

#featureCardsCarousel .elementor-widget-call-to-action {
	padding-bottom: 25px;
}

#featureCardsCarousel .elementor-widget-call-to-action .elementor-widget-container {
    overflow: visible;
    padding-top: 45px;
}

#featureCardsCarousel .elementor-widget-call-to-action .elementor-cta {
	background-color: var(--e-global-color-primary);
    border-radius: 25px;
    justify-content: center;
    overflow: visible;
}

#featureCardsCarousel .elementor-widget-call-to-action .elementor-cta__content {
    border-radius: 25px;
    overflow: visible;
}

#featureCardsCarousel .elementor-widget-call-to-action .elementor-cta__bg-wrapper {
    border-radius: 15px;
    clip-path: circle();
    margin-top: -45px;
    width: unset;
}

#featureCardsCarousel .elementor-widget-call-to-action .elementor-cta__description {
    height: 11em;
}

#featureCardsCarousel .elementor-widget-call-to-action .elementor-cta__description p {
    padding: 0 10px;
}

#featureCardsCarousel .elementor-widget-call-to-action .elementor-cta__description h3 {
    color: var(--e-global-color-728163b);
    font-size: var(--font-size-14);
    margin: 0 0 10px 0;
}

#featureCardsCarousel .elementor-widget-call-to-action .elementor-cta__button {
    bottom: -3em;
    left: 4%;
    position: absolute;    
}

#featureCardsCarousel .elementor-widget-call-to-action .elementor-button {
    width: 92%;
}

@media screen and (max-width: 480px) {
    #featureCardsCarousel .elementor-widget-call-to-action .elementor-cta__description {
        height: 12em;
    }
    
    #featureCardsCarousel .elementor-widget-call-to-action .elementor-cta__description p {
        padding: 0 5px;
    }
}