/*
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.0.1.1715442521
Updated: 2024-05-11 18:48:41

*/

/*.bg-black[data-v-668104e9] {
    background: #121212
}

.bg-white[data-v-668104e9] {
    background: #fff
}

.text-white[data-v-668104e9] {
    color: #fff
}

.text-white-50[data-v-668104e9] {
    color: #888
}

.text-white-70[data-v-668104e9] {
    color: #b7b7b7
}

.text-black-50[data-v-668104e9] {
    color: #898989
}

.text-black-70[data-v-668104e9] {
    color: #5a5a5a
}

.text-gray-additional[data-v-668104e9] {
    color: #bbb
}

.bg-geen[data-v-668104e9] {
    background: #abe847
}

.text-green[data-v-668104e9] {
    color: #abe847
}

button[data-v-668104e9] {
    --text-color: #fff;
    --text-color-hover: #fff;
    --bg-color: #0875e4;
    --bg-hover: #0875e4;
    --icon-bg: #fff;
    --icon-color: #0875e4;
    --icon-bg-hover: #fff;
    --icon-color-hover: #0875e4;
    align-items: center;
    background: var(--bg-color);
    border-radius: 999px;
    color: var(--text-color);
    display: flex;
    flex-shrink: 0;
    height: -moz-fit-content;
    height: fit-content;
    overflow: hidden;
    position: relative;
    transition: color .4s ease,background .4s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    padding: 0;
    border: none;
    font-size: 18px;
    font-family: 'Anek Medium'
}
button[data-v-668104e9]:focus{
    outline: none;
    border: none;
    background-color: #0875e4;
}

button[data-v-668104e9] a{
    color: #F6FAFF;
}
button[data-v-668104e9] a:hover{
    color: #F6FAFF;
}

.bgnone button{
    background: none!important;
}
.bgnone button .arrow-icon{
    background: #0875e4!important;
}
.bgnone button .content .arrow-icon[data-v-668104e9]{
    color: #fff!important
}

button.footer-variant[data-v-668104e9] {
    --bg-color: #1d1d1d;
    --bg-hover: #fff;
    --icon-bg-hover: #abe847;
    --icon-color-hover: #121212
}

button.white-black-variant[data-v-668104e9] {
    --text-color: #121212;
    --text-color-hover: #fff;
    --bg-color: #fff;
    --bg-hover: #121212;
    --icon-bg: #121212;
    --icon-color: #fff
}

button[data-v-668104e9]:after {
    border-radius: 999px;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    transition: .4s ease
}



button[data-v-668104e9] {
    width: -moz-fit-content;
    width: fit-content
}

button .size-helper[data-v-668104e9] {
    height: 3rem;
    visibility: hidden
}

button .size-helper[data-v-668104e9] {
    height:74px;
    margin-right: 156px!important;
}


button .content[data-v-668104e9] {
    align-items: center;
    display: flex;
    position: absolute;
    transition: transform .4s ease;
    white-space: nowrap;
    width: 100%;
    will-change: transform
}

button .content[data-v-668104e9] {
    left:39px!important;
}

button .content>*[data-v-668104e9] {
    flex-shrink: 0
}

button .content .text-wrapper[data-v-668104e9] {
    width: 100%
}
button .content .text-wrapper[data-v-668104e9] span{
    transform: translatey(3px);
    display: inline-block;
}

button .content .text-wrapper[data-v-668104e9] {
    width:-moz-fit-content!important;
    width: fit-content!important;
    text-transform: uppercase
}

button .content .arrow-icon[data-v-668104e9] {
    align-items: center;
    background: var(--icon-bg);
    border-radius: 50%;
    color: var(--icon-color);
    display: flex;
    height: 2.25rem;
    justify-content: center;
    margin-left: -2.63rem;
    transition: margin .4s ease,color .4s ease,background .4s ease;
    width: 2.25rem
}

button .content .arrow-icon svg[data-v-668104e9] {
    height: 1rem;
    transition: none;
    width: 1rem
}

button .content .arrow-icon[data-v-668104e9] {
    height: 40px;
    margin: 0 80px 0 28px !important;
    width: 40px;
}

button .content .arrow-icon svg[data-v-668104e9] {
    height: 30px;
    width: 30px
}

@media (pointer: fine) {
    button[data-v-668104e9]:hover:not(:disabled) {
        background:var(--bg-hover);
        color: var(--text-color-hover)
    }

}


@media (pointer: fine) {
    button:hover:not(:disabled) .content[data-v-668104e9] {
        transform:translate(-100%)
    }

    button:hover:not(:disabled) .content .arrow-icon[data-v-668104e9] {
        background: var(--icon-bg-hover);
        color: var(--icon-color-hover);
        margin-left: .38rem;
        margin-right: -2.63rem;
        margin: 0 30px 0 94px !important;
    }
}

@media (pointer: fine) and (min-width:768px) {
    button:hover:not(:disabled) .content[data-v-668104e9] {
        transform:translate(calc(-100% + 4rem))!important
    }
}



@media (pointer: fine) {
    button.footer-variant:hover .content[data-v-668104e9] {
        transform:translate(calc(-100% + 3rem))
    }
}*/