/* 
Theme Name: Hello Elementor child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: This is a child theme of Hello Elementor
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
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
*/

.text-accent,
.description-text strong {
    color:#D2002F !important;
}
.hero-section{
    position: relative !important;
}
.hero-section:before{
    content: "";
    position: absolute;
    width:100%;
    height:117px;
    left:0;
    top:80%;
    background:url('/wp-content/uploads/2025/09/vector-shapes-2-full-width.svg');
    background-repeat: no-repeat;
    background-size: cover;
}
.hero-section.g-class:before{
    content: "";
    position: absolute;
    width:100%;
    height:117px;
    left:0;
    top:80%;
    background:url('/wp-content/uploads/2025/09/vector-shapes-2-red-full-width.svg');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
}

.how-it-works-section:before{
    content:"";
    position: absolute;
    width:100%;
    height:112px;
    right:0;
    top:72%;
    background:url('/wp-content/uploads/2025/09/vector-shapes-2-full-width.svg');
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
} 
.how-it-works-section.g-class:before{
    content: "";
    position: absolute;
    width:100%;
    height:115px;
    right:0;
    top:77%;
    background:url('/wp-content/uploads/2025/09/vector-shapes-2-red-full-width.svg');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.how-it-works-section-ufc:after
 {
    content: "";
    position: absolute;
    width: 130px;
    height: 94px;
    left: 0;
    top: -1px;
    background: url(/wp-content/uploads/2025/09/vector-shape-bottom-burgundy-g-class.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.how-it-works-section:after{
    content:"";
    position: absolute;
    width:130px;
    height:94px;
    left:0;
    top:-1px;
    background:url('/wp-content/uploads/2025/09/vector-shape-bottom-1.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
.how-it-works-section.g-class:after{
    content:"";
    position: absolute;
    width:93px;
    height:82px;
    left:0;
    top:-1px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background:url('/wp-content/uploads/2025/09/vector-shape-bottom-burgundy-g-class.svg');
}
@media(min-width:1920px){
    .hero-section{
        min-height:680px !important;
    }
    .hero-section:before{
        top:83% !important;
    }
    .how-it-works-section.g-class:before{
        top:84% !important;
    }
}
@media(min-width:481px) and (max-width:1024px){
    .hero-section:before{
        top:60% !important;
        z-index:2;
    }
	.how-it-works-section-ufc:after
 	{
    content: "";
    position: absolute;
    width: 130px;
    height: 94px;
    left: 0;
    top: -1px;
    background: url('/wp-content/uploads/2025/12/vector-shape-bottom-tableta.png');
    background-repeat: no-repeat;
    background-size: contain;
	}
    .how-it-works-section:before{
        top:90% !important;
        z-index:2;
    }
    .how-it-works-section.g-class:before{
        top:77% !important;
    }
    .hero-section.g-class:before{
        top:75% !important
    }
}
@media(max-width:480px){
	.how-it-works-section-ufc:after {
    content: "";
    position: absolute;
    width: 130px;
    height: 94px;
    left: 0;
    top: -1px;
    background: url('/wp-content/uploads/2025/12/vector-shape-bottom-mobile.png');
    background-repeat: no-repeat;
    background-size: contain;
}
    .hero-section:before{
        height:100px;
        top:88%;
    } 
    .how-it-works-section:before{
        height:100px;
        top:85%;
        z-index: 2;
    }
    .how-it-works-section:after{
        height:70px;
    } 
    .hero-section.g-class:before{
        height: 89px;
        top:88%;
    }
    .how-it-works-section.g-class:after{
        height: 60px !important;
    }
    .how-it-works-section.g-class:before{
        height:90px;
        transform: scaleX(-1);
        top:76%;
    }
    .video-container{
        padding-top:0 !important;

    }
    .video iframe{
        position: relative !important;
        height: 178px !important;
    }
}