/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/*.elementor-section {*/
.custom-hidden{
    overflow-x: hidden;
    overflow-y: hidden;
}
.custom-width-544{
    max-width: 644px;
}

.custom-hero-btn .elementor-button-wrapper {
    width: 80%;
}

.twentytwenty-before-label, .twentytwenty-after-label {
    opacity: 1;
}


.twentytwenty-horizontal .twentytwenty-after-label:before,
.twentytwenty-horizontal .twentytwenty-before-label:before {
    top: auto;
    max-width: 174px;
    bottom: 2%;
}

.twentytwenty-container.active .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-after-label{
    opacity: 1 !important;
}


.custom-list ul{
    margin: 0;
    padding: 0;
}
.custom-list	li {
    list-style: none;
    position: relative;
    padding: 0 0 0 18px;
}
.custom-list ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6%;
    width: 10px;
    display: block;
    border-top: 10px solid #96FAB9;
    border-radius:50%;
}


.highlited{
    color: #96FAB9;
}


.circle-custom-light .elementor-container{
    width: 180px !important;
    height: 180px;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    text-align: center;
    background: #96FAB9;
    /*margin: 0;*/
    /*margin: 5px 20px;*/
    /*font-size: 15px;*/
    /*padding: 15px;*/
    display: flex;

    position: absolute;
    z-index: 10;
    bottom: -59px;
    right: -8%;
}

.circle-custom .elementor-container{
    width: 180px !important;
    height: 180px;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    text-align: center;
    background: #141446;
    margin: 0;
    /*margin: 5px 20px;*/
    /*font-size: 15px;*/
    /*padding: 15px;*/
    display: flex;
}

.custom-top-icon .elementor-icon-box-icon {

    margin-top: 10px;
}


/*price*/
.pricing-table__title,
.pricing-table__subtitle{
    margin: 0 !important;
}
.pricing-table__subtitle {
    text-decoration-color: #141446 !important;
}

.pricing-table__price{
    border-bottom: 1px solid #B5B5B5;
}


.pricing-table__features{
    max-width: 216px;
    margin: 0 auto;
}
/*end price*/


/*testimonials*/

.premium-carousel-wrapper a.carousel-arrow {
    top: 22% !important;
}


.custom-hover-link a:hover{
color: #96FAB9;
}


/* ================== Badge Overlay CSS ========================*/
.badge-overlay {
    position: absolute;
    left: 0%;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 100;
    -webkit-transition: width 1s ease, height 1s ease;
    -moz-transition: width 1s ease, height 1s ease;
    -o-transition: width 1s ease, height 1s ease;
    transition: width 0.4s ease, height 0.4s ease
}

/* ================== Badge CSS ========================*/
.badge {
    margin: 0;
    padding: 0;
    color: white;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: "Jura";
    text-align: center;
    text-transform: none;
    background: #4605FF;
}

.badge::before, .badge::after {
    content: '';
    position: absolute;
    top: 0;
    margin: 0 -1px;
    width: 100%;
    height: 100%;
    background: inherit;
    min-width: 55px
}

.badge::before {
    right: 100%
}

.badge::after {
    left: 100%
}

/* ================== Badge Position CSS ========================*/

.top-right {
    position: absolute;
    top: 0;
    right: 0;
    -ms-transform: translateX(30%) translateY(0%) rotate(45deg);
    -webkit-transform: translateX(30%) translateY(0%) rotate(45deg);
    transform: translateX(30%) translateY(0%) rotate(45deg);
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}



@media (max-width: 767px){
    .custom-hero-btn .elementor-button-wrapper {
        width: 66%;
        margin: 0 auto;
    }
    .custom-hero-btn.second .elementor-button-wrapper {
        width: 78%;
        margin: 0 auto;
    }



    .circle-custom-light .elementor-container{
        width: 170px !important;
        height: 170px;
        justify-content: center;
        align-items: center;

        bottom: -59px;
        right: 23%;
    }

    .pricing-table__features {
        max-width: 270px;
    }
    .elementor-icon-box-wrapper{
        display: flex;
    }

    .elementor-widget-icon-box .elementor-icon-box-content {
        margin-left: 30px;
    }


    .twentytwenty-horizontal .twentytwenty-before-label:before {
        max-width: 125px;
        bottom: 0;
        left: 0;
        text-align: left;
    }

    .twentytwenty-horizontal .twentytwenty-after-label:before{
        max-width: 125px;
        bottom: 0;
        right: 0;
    }


}