.elementor-964 .elementor-element.elementor-element-54d277b{--display:flex;--min-height:100dvh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-964 .elementor-element.elementor-element-a715b63{width:100%;max-width:100%;top:0px;}body:not(.rtl) .elementor-964 .elementor-element.elementor-element-a715b63{left:0px;}body.rtl .elementor-964 .elementor-element.elementor-element-a715b63{right:0px;}.elementor-964 .elementor-element.elementor-element-7a6517f{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:10%;--padding-bottom:0%;--padding-left:10%;--padding-right:0%;--z-index:2;}.elementor-964 .elementor-element.elementor-element-469f507{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-964 .elementor-element.elementor-element-e21d86f{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;bottom:0px;--z-index:2;}body:not(.rtl) .elementor-964 .elementor-element.elementor-element-e21d86f{left:0px;}body.rtl .elementor-964 .elementor-element.elementor-element-e21d86f{right:0px;}.elementor-964 .elementor-element.elementor-element-c06ada3 .elementor-button{background-color:#DF202000;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:none;padding:0px 30px 0px 30px;}.elementor-964 .elementor-element.elementor-element-c06ada3{width:auto;max-width:auto;}.elementor-964 .elementor-element.elementor-element-c06ada3.elementor-element{--align-self:center;}.elementor-964 .elementor-element.elementor-element-c06ada3 .elementor-button-content-wrapper{flex-direction:row;}@media(max-width:1440px){.elementor-964 .elementor-element.elementor-element-7a6517f{--padding-top:20%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-964 .elementor-element.elementor-element-469f507{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}}@media(max-width:767px){.elementor-964 .elementor-element.elementor-element-7a6517f{--padding-top:40%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-964 .elementor-element.elementor-element-469f507{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}}/* Start custom CSS for html, class: .elementor-element-469f507 */.introduction {
    font-family: 'beatrice', Sans-Serif;
    font-weight: 700;
    font-size: 3.5vw;
    line-height: 4vw;
    will-change: transform, opacity;
}

.greeting {
    display: inline-block;
    position: relative;
}

.text, .m, .plus, .merge {
    display: inline-block;
    will-change: transform, opacity;
}

.m {
    position: relative;
    margin-left: -1.4vw;
    z-index: 1;
    transition: transform 0.5s ease !important;
}

.plus {
    transform: scale(0);
    opacity: 0;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.3s ease !important;
}

.merge {
    transition: transform 0.5s ease !important;
}

@keyframes merge {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(0.5); opacity: 1; }
    100% { transform: scale(0); opacity: 0; }
}

.introduction.animate .text {
    animation: merge 0.5s forwards !important;
}

.introduction.animate .m {
    transform: translateX(-5.5vw) !important;
}

.introduction.animate .plus {
    transform: translateX(-7vw) scale(1) !important;
    opacity: 1 !important;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.description {
    margin-top: 10px;
    opacity: 1;
}

.inline-image, .adam-inline-image {
    vertical-align: baseline;
    margin-top: -100px;
    opacity: 0;
    animation: fadeIn 0.5s ease forwards !important;
}

.inline-image {
    height: 6vw!important;
    animation-delay: 3s !important;
}

.adam-inline-image {
    height: 7vw!important;
    padding-left: 15px;
    animation-delay: 2s !important;
}

.introduction.animate .adam-inline-image {
    transform: translateX(-5.5vw) !important;
    transition: transform 0.5s ease, opacity 0.3s ease !important;
}

/* ---------------- Laptop ---------------- */
@media only screen and (max-width: 1440px) {
    .introduction {
        font-size: 5.5vw;
        line-height: 6vw;
    }
    .m {
        margin-left: -2vw;
    }
    .introduction.animate .plus {
        transform: translateX(-11vw) scale(1) !important;
    }
    .introduction.animate .m {
        transform: translateX(-8.7vw) !important;
    }
    .inline-image {
        height: 8vw!important;
    }
}

/* ---------------- Tablet BP ---------------- */
@media only screen and (max-width: 1024px) {
    /* Tablet-specific styles here if needed */
}

/* ---------------- Mobile BP ---------------- */
@media only screen and (max-width: 767px) {
    .introduction {
        font-size: 7vw;
        line-height: 7.5vw;
    }
    .m {
        margin-left: -2.6vw;
    }
    .introduction.animate .plus {
        transform: translateX(-13.5vw) scale(1) !important;
    }
    .introduction.animate .m {
        transform: translateX(-10.7vw) !important;
    }
    .inline-image {
        height: 9vw!important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e062253 */.loading {
    opacity: 0; 
    animation: fadeInOut 3s ease-in-out infinite; /* Animation duration */
    font-weight: 700;
}

@keyframes fadeInOut {
    0% {
        opacity: 0; /* Fully transparent */
    }
    25% {
        opacity: 1; /* Fully opaque */
    }
    50% {
        opacity: 1; /* Remain fully opaque */
    }
    75% {
        opacity: 0; /* Fade out */
    }
    100% {
        opacity: 0; /* Remain fully transparent */
    }
}/* End custom CSS */