.my-hero-module{


    background: #262640;


    position: relative;


    overflow: hidden;





}


.my-hero-module::before{


    content: '';


    position: absolute;


    inset: 0;


    opacity: 0.06;


    background-image: linear-gradient(#69699b 1px, transparent 1px), linear-gradient(90deg, #69699b 1px, transparent 1px);


    background-size: 60px 60px;


    height: 100%;


    width: 100%;


}


body .fl-row-content-wrap:has(.my-hero-module){


    padding: 0 2rem;


}


.hero-module__wrapper{


    margin-left: auto;


    margin-right: auto;


    text-align: center;


}


.hero-module__subtitle{


    padding: 6px 16px;


    background: rgba(255, 255, 255, 0.1);


    border: 1px solid rgba(255, 255, 255, 0.15);


    border-radius: 9999px;


    display: flex;


    align-items: center;


    gap: 8px;


    margin-bottom: 24px;


    width: fit-content;


    margin-right: auto;


    margin-left: auto;


}


.subtitle__circle-decor{


border-radius: 50%;


    background: #ed731d;


    width: 8px;


    height: 8px;


    flex-shrink: 0;


    animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse;


}


@keyframes pulse {


    50% {


        opacity: 0.5;


    }


}


.hero-module__subtitle>p{


    font-size: 14px;


    line-height: 143%;


    color: rgba(255, 255, 255, 0.8);


    margin-bottom: 0;


}





.hero-module__title{


    margin-bottom: 24px;


}


.hero-module__title>h1,


.hero-module__title>h1 strong{


    font-size: 56px;


    font-weight: 800;





    line-height: 1;


    letter-spacing: -.025em;


}


.hero-module__title>h1{


    color: white;


    margin-top: 0;


    margin-bottom: 0;


}





.hero-module__title>h1 strong{


    color: #ed731d;


}





.hero-module__text{


    margin-bottom: 16px;





}


.hero-module__text>p{


    color: rgba(255, 255, 255, 0.75);


    font-size: 20px;


    line-height: 140%;


}


.hero-module__text>p strong{


    color: rgb(255 255 255 / 1);


    font-weight: 700;


}


.hero-module__text>p strong em{


    color: #ed731d;


    font-weight: 700;


    font-style:normal;


}





/*Animation*/





.hero-module__title h1 strong {


    position: relative;


    display: inline-block; /* важливо */


}





.hero-module__title h1 strong::after {


    content: '';


    position: absolute;


    right: -6px; /* відступ від тексту */


    top: 0;


    width: 2px;


    height: 100%;


    background-color: currentColor;


    animation: blink 1s infinite;


}





.hero-module__title h1 strong.typing-done::after {


    content: none;


}





@keyframes blink {


    0%, 50%, 100% { opacity: 1; }


    25%, 75% { opacity: 0; }


}


.hero-module__text>p{


    max-width: 768px;


    margin-left: auto;


    margin-right: auto;


}


/*Animation*/


@media screen and (max-width: 1023.98px){


    .hero-module__title>h1,


    .hero-module__title>h1 strong{


        font-size: 48px;





    }


    .hero-module__text>p{


        max-width: 100%;


    }


}








@media screen and (max-width: 767.98px){


    .hero-module__title>h1,


    .hero-module__title>h1 strong{


        font-size: 36px;





    }


    .hero-module__text{


        padding:0;


    }





    .hero-module__text>p{


        font-size: 18px;


    }


}