/*
Theme Name: Hello Biz Child
Theme URI: https://elementor.com/products/hello-biz/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-biz
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Biz is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready,style-variations
Version: 1.2.0.1761666189
Updated: 2025-10-28 16:43:09

*/

:root {
    --lg-bg-color: rgba(255, 255, 255, 0.25);
    --lg-highlight: rgba(255, 255, 255, 0.75);
    --lg-text: #ffffff;
    --lg-hover-glow: rgba(255, 255, 255, 0.4);
    --lg-red: #fb4268;
    --lg-grey: #5b5b5b;
}
.glass-container {
    position: relative;
    display: flex;
    font-weight: 600;
    color: var(--lg-text, #fff);
    cursor: pointer;
    background: transparent;
    border-radius: 2rem;
    overflow: hidden;
    box-shadow:
        0 6px 6px rgba(0, 0, 0, 0.06),
        0 0 20px rgba(0, 0, 0, 0.09);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
}
.glass-container--large {
    min-width: auto;
}
.glass-filter {
    position: absolute;
    inset: 0;
    z-index: 0;
    backdrop-filter: blur(6px);
    filter: url(#lg-dist);
    isolation: isolate;
}
.glass-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(255, 255, 255, 0.15); /* Couleur d’arrière-plan translucide */
}
.glass-specular {
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: inherit;
    overflow: hidden;
    box-shadow:
        inset 1px 1px 0 var(--lg-highlight, rgba(255, 255, 255, 0.5)),
        inset 0 0 8px var(--lg-highlight, rgba(255, 255, 255, 0.4));
}
.glass-content {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 20px;
}
.glass-content--inline {
    padding: 1rem 2rem;
    flex: 1 1 auto;
    justify-content: center;
}
.player__thumb {
    display: none;
}
.player__legend {
    margin: 0;
}
.glass-button-link {
    display: inline-block;
    text-decoration: none;
    color: var(--e-global-color-text);
    font-size: 1.2rem;
    font-weight: 600;
    font-family: "DomaineDisplay", Sans-serif;
    transition: color 0.3s ease;
}
.glass-button-link:hover {
    color: var(--lg-highlight, #aadcee);
}
.glass-blob-bg {
    position: absolute;
    top: -40%;
    left: -40%;
    width: 180%;
    height: 180%;
    z-index: 0;
    color: rgba(255, 255, 255, 0.07);
    animation: blobMorph 12s ease-in-out infinite;
    pointer-events: none;
}
.glass-button-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transform: skewX(-20deg);
    transition: left 0.5s;
    pointer-events: none;
}
.custom-iconbox-button-wrapper {
    margin-top: 25px;
    display: flex;
    justify-content: center;
}
.custom-iconbox-button.glass-morphism {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #ffffff; /* Glassmorphism effect */
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1); /* Animation */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    overflow: hidden;
} /* État hover */
.custom-iconbox-button.glass-morphism:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
    box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
} /* État actif */
.custom-iconbox-button.glass-morphism:active {
    transform: translateY(0);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
} /* Variante sur fond sombre */
.elementor-widget-icon-box.elementor-view-stacked .custom-iconbox-button.glass-morphism,
.elementor-widget-icon-box[style*="background"] .custom-iconbox-button.glass-morphism {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
} /* Responsive */
@media (max-width: 768px) {
    .custom-iconbox-button.glass-morphism {
        padding: 12px 24px;
        font-size: 14px;
    }
}
.vertical-scroll-wrapper {
    height: 100vh;
    overflow: hidden;
    flex: 1;
    scroll-behavior: smooth;
    scroll-snap-type: y mandatory;
} /* Track contenant les cartes */
.vertical-cards-track {
    display: flex;
    flex-direction: column;
} /* Carte individuelle */
.vertical-card-item {
    height: 100vh;
    scroll-snap-align: start;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px; /* Espace léger entre les cartes */
} /* Supprime le scroll natif */
.vertical-scroll-wrapper::-webkit-scrollbar {
    display: none;
}
.vertical-scroll-wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.background-noisy {
    background-image: url(data:image/png;base64,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);
    background-blend-mode: hard-light;
}
* {
    outline: none;
}
.elementor-nav-menu .menu-item.elementor-item-active:before {
    content: "";
    position: absolute !important;
    left: -11% !important;
    width: 6px !important;
    height: 6px !important;
    background-color: currentColor !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
}
header .menu-item a {
    cursor: pointer;
    transition: transform 0.3s;
}
header .menu-item a:hover,
header .menu-item a:active {
    transform: translatey(-2px);
}
header .is-visible {
    display: block;
}
header .display-none {
    display: none;
}
@media screen and (min-width: 1025px) {
    header .elementor-nav-menu {
        border-radius: 50px !important;
        background: rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.3);
        padding: 10px 20px;
        max-height: 44px;
        flex-wrap: nowrap !important;
    }
}
.glass_menu:not(.elementor-widget-nav-menu) a {
    border-radius: 50px !important;
    border-radius: 50px !important;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.glass_menu:not(.elementor-widget-nav-menu):hover a {
    background-color: rgba(127, 17, 224, 0.01);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.glass_effect-black {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.glass_effect-white {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.glass_menu:not(.elementor-widget-nav-menu):hover {
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50px !important;
}
.glass_menu:not(.elementor-widget-nav-menu):before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    overflow: hidden;
}
header .header__date h2 {
    width: max-content;
}
header .header__date h2:before {
    content: "";
    border: 1px solid white;
    width: 140px;
    display: block;
    height: 65px;
    position: absolute;
    left: 60%;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    transform: translateX(-53%);
}
@media screen and (min-width: 1280px) {
    body:not(.elementor-editor-active) .cursor {
        pointer-events: none;
    }
    body:not(.elementor-editor-active) .cursor__ball {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
    }
    body:not(.elementor-editor-active) .cursor__ball circle {
        fill: #ff0c41;
    }
}
.widget-hotpoint img.alignnone {
    position: absolute;
    border-radius: 20px;
}
.widget-hotpoint .wp-image-3247 {
    bottom: -18em;
    left: -10%;
}
.widget-hotpoint .wp-image-3248 {
    top: -18.2em;
    left: -8em;
}
.widget-hotpoint .wp-image-3250 {
    bottom: -20em;
    left: 3em;
}
.widget-hotpoint .wp-image-3249 {
    top: -19.4em;
    left: -5em;
}
.conteneur .e-con-inner {
    padding: 0 120px !important;
}
@media screen and (max-width: 600px) {
    .conteneur .e-con-inner {
        padding: 10px !important;
    }
} /* ----- */
.wrapper-sticky {
    height: 100% !important;
    overflow-y: auto !important;
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
} /* ---- SWIPER --- */
@media screen and (min-width: 769px) {
    .elementor-widget-n-carousel.vertical-swiper-part .swiper {
        height: 100vh;
        overflow: hidden;
    }
}
header .d-none {
    opacity: 0;
    width: 0 !important;
    transform: translateY(10px);
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity 0.4s ease,
        transform 0.4s ease,
        visibility 0s linear 0.4s;
} /* === Boutons HEADER === */ /* État initial : ils existent, mais invisibles */
.container__ctas .fade-button {
    opacity: 0;
    transform: translateY(10px);
    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}
.container__ctas:not(.d-none) .fade-button {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
} /* === Date === */ /* État initial via JS : elle est masquée via .hidden */
.header__date {
    opacity: 0;
    transform: translateY(10px);
    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}
.header__date:not(.d-none) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.6s;
} /* ============================== */ /* ANIMATION LOADER */ /* ============================== */
.animation-loader .talents p {
    opacity: 0;
    animation: fadeInTalents 2.75s linear;
    animation-delay: 0.25s;
}
.animation-loader .line .elementor-divider-separator {
    display: block;
    transform-origin: left center;
    transform: scaleX(0);
    margin: 0 !important;
    animation: growLineStay 2.25s linear;
    animation-delay: 0.75s;
}
.animation-loader .marques p {
    opacity: 0;
    animation: fadeInMarques 1.25s linear;
    animation-delay: 1.75s;
}
.logo img {
    opacity: 0;
    animation: fadeInLogo 2s linear forwards;
    animation-delay: 3s;
}
.loader_section:not(.d-none) {
    animation: animScroll 4.9s linear forwards;
}
.loader_section.d-none {
    display: none;
}
.loader_section {
    /* opacity:0; display:none; */
}
@keyframes animScroll {
    0% {
        overflow: hidden;
        opacity: 1;
    }
    90% {
        overflow: hidden;
        opacity: 1;
    }
    100% {
        overflow: visible !important;
        opacity: 0;
        display: none;
    }
}
@keyframes popUpAnimation {
    0% {
        opacity: 1;
    }
    90% {
        opacity: 0;
    }
    100% {
        z-index: -999;
        display: none;
        overflow: visible;
    }
} /* ============================== */ /* KEYFRAMES */ /* ============================== */
@keyframes fadeInTalents {
    0% {
        opacity: 0;
    }
    18% {
        opacity: 1;
    }
    72% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeInMarques {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes growLineStay {
    0% {
        opacity: 0;
        transform: scaleX(0);
    }
    22% {
        opacity: 1;
        transform: scaleX(0.3);
    }
    78% {
        opacity: 1;
        transform: scaleX(1);
    }
    100% {
        opacity: 0;
        transform: scaleX(1);
    }
} /* Logo arrive après tout */
@keyframes fadeInLogo {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
.card {
    position: relative;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 30px !important;
    border: 1px solid rgba(255, 255, 255, 0.15);
    max-width: 453px;
    min-height: 659px !important; /* Optionnel : transition douce si animation */
    transition: all 0.3s ease;
}
.elementor-element-a83f316 + .elementor-element-a83f316 {
    display: none !important;
}
.swiper-vertical + .swiper-pagination-bullets {
    transform: translateX(-8em) !important;
}
@media screen and (min-width: 768px) {
    .swiper-vertical + .swiper-pagination-bullets {
        top: 44% !important;
        transform: translateX(-10em) !important;
    }
    .swiper-horizontal + .swiper-pagination-bullets {
        top: 4em !important;
        left: 7em !important;
    }
}
@media screen and (min-width: 1280px) {
    .swiper-vertical + .swiper-pagination-bullets {
        top: 44% !important;
        transform: translateX(-10em) !important;
    }
}
@media screen and (min-width: 1700px) {
    .swiper-vertical + .swiper-pagination-bullets {
        transform: translateX(-12em) !important;
    }
}
@media screen and (min-width: 1900px) {
    .swiper-vertical + .swiper-pagination-bullets {
        transform: translateX(-10em) !important;
    }
}
.elementor-widget-n-carousel .swiper-pagination-bullet {
    width: 24px !important;
    height: 24px !important;
}
@media screen and (max-width: 600px) {
    .e-hotspot--circle {
        display: none !important;
    }
    .list-footer .elementor-icon-list-items,
    .list-footer .elementor-icon-list-items {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}
.elementor-element-93abb5f {
    opacity: 1 !important;
}
.elementor-element-78844cd + .elementor-element-78844cd {
    display: none;
}
@media screen and (max-width: 768px) {
    .vertical-swiper-part .swiper-wrapper .swiper-slide {
        max-height: 65vh;
    }
}

@media screen and (max-width: 1280px)
{
	.swiper-cpt .swiper-pagination-bullets.swiper-pagination{
		top: 106% !important;
		display: flex;
		left: 50% !important;
		flex-direction: row;
		gap: 10px;
	}
}

.swiper-cpt .swiper-pagination-bullets { 
	  top: 70% !important;
    display: flex;
    left: 8% !important;
    flex-direction: column;
    gap: 10px;
}

.swiper-cpt .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: white !important;
}
.swiper-cpt .swiper-pagination-bullet:active {
    background: white !important;
}
.swiper-cpt .swiper-vertical .swiper-wrapper {
    /*height:100vh !important;*/
    width: 450px !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    transform: translate3d(0, 0, 0);
}
.swiper-cpt {
    width: 450px;
    height: 629px;
    min-height: 629px;
}
.swiper-cpt .swiper-wrapper {
    height: 629px;
}
.swiper-cpt .swiper-wrapper .swiper-slide{
	width; 400px !important;
	max-height: 500px !important;
}
@media screen and (max-width: 600px) {
    .swiper-cpt {
        top: 0px;
        position: relative;
    }
    .swiper-cpt .swiper {
        width: 345px;
        border-radius: 20px;
    }
    .swiper-cpt .swiper .swiper-slide > .card {
        padding: 6em 2em 0 2em;
        display: flex;
        flex-direction: row !important;
        justify-content: center;
        align-content: flex-start;
        gap: 32px;
        z-index: 99;
    }
    .swiper-cpt .swiper .swiper-slide img {
        max-width: 120px;
        object-fit: cover;
    }
    .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        top: 109%;
    }
}