/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1750219524
Updated: 2025-06-18 06:05:24

*/
.st2 {
    fill: #1f0e14 !important;
}
@keyframes reveal {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes zoomin {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes zoomout {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes moveHorizontal {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(-20px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes moveVertical {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0)rotate(0)
    }

    20% {
        -webkit-transform: translate(73px,-1px)rotate(36deg)
    }

    40% {
        -webkit-transform: translate(100px,72px)rotate(72deg)
    }

    60% {
        -webkit-transform: translate(63px,71px)rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-40px,52px)rotate(144deg)
    }

    to {
        -webkit-transform: translate(0)rotate(0)
    }
}

@keyframes float {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-5px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 30px #fff0
    }

    to {
        box-shadow: 0 0 #fff0
    }
}

@keyframes mymove {
    0% {
        left: 0
    }

    to {
        left: -100%
    }
}

@keyframes mymoveTwo {
    0% {
        top: 0
    }

    to {
        bottom: -100%
    }
}

.transition {
    transition: all .2s linear;
}
.moveHorizontal {
    animation: 3s ease-in-out infinite moveHorizontal;
}

.hero-bg {
	z-index: -1 !important;
    animation: 22s ease-in infinite zoomin;
	height: 100% !important;
}
.elementor-kit-5 h2.hero-transparent-text {
    color: #0000;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
	background-image: url('https://modele2.agence-francaise-pour-la-creation-numerique.fr/wp-content/uploads/2026/02/hero-bg-1.jpg');
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 21.6vw;
    line-height: .85;
    position: relative;
    left: -18px;
	font-weight: 900;
}
.elementor-kit-5 footer h2.hero-transparent-text {
	color: var(--e-global-color-secondary);
	background-image : none;
	line-height: 1;
}
.fw-black {
    font-weight: 900;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.align-items-center {
    align-items: center !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.d-flex {
    display: flex !important;
}
.list-animated ul {
	z-index: 1;
    white-space: nowrap;
    animation: 21s linear infinite alternate mymove;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
	display: inline-block !important;
}
.list-animated ul li {
    transition: all ease .5s;
    display: inline-block !important;
}

body {
  /* Set "my-sec-counter" to 0 */
  counter-reset: my-sec-counter;
}

.projet .postincrement::before {
  /* Increment "my-sec-counter" by 1 */
  counter-increment: my-sec-counter;
  content: counter(my-sec-counter);
	top: 10px;
    position: absolute;
    right: 0px;
}