.elementor-358 .elementor-element.elementor-element-b6222c4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-358 .elementor-element.elementor-element-fb985e6 .elementor-heading-title{font-family:"Risque", Sans-serif;font-weight:600;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-358 .elementor-element.elementor-element-471dd5f{font-family:"Red Hat Display", Sans-serif;font-weight:400;color:#6991DA;}.elementor-358 .elementor-element.elementor-element-745fed2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-358 .elementor-element.elementor-element-745fed2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-358 .elementor-element.elementor-element-85dd6c2{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-358 .elementor-element.elementor-element-85dd6c2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-358 .elementor-element.elementor-element-db5a4b5{--display:flex;--justify-content:center;}.elementor-358 .elementor-element.elementor-element-0c6f50a{text-align:center;}.elementor-358 .elementor-element.elementor-element-0c6f50a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:42px;font-weight:600;color:#DA0922;}.elementor-358 .elementor-element.elementor-element-f48baa4{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#080808;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-358 .elementor-element.elementor-element-1a128d5 .elementor-button{background-color:#8958BE;}.elementor-358 .elementor-element.elementor-element-9ba0ddc{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-358 .elementor-element.elementor-element-9ba0ddc:not(.elementor-motion-effects-element-type-background), .elementor-358 .elementor-element.elementor-element-9ba0ddc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-358 .elementor-element.elementor-element-fb540b6{--display:flex;--position:absolute;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-358 .elementor-element.elementor-element-fb540b6:not(.elementor-motion-effects-element-type-background), .elementor-358 .elementor-element.elementor-element-fb540b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C45AD;}.elementor-358 .elementor-element.elementor-element-9447f53 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#000000;}.elementor-358 .elementor-element.elementor-element-3c7f6e8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:700;line-height:1.2em;color:#000000;}.elementor-358 .elementor-element.elementor-element-f47b086{--display:flex;--position:absolute;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-358 .elementor-element.elementor-element-f47b086:not(.elementor-motion-effects-element-type-background), .elementor-358 .elementor-element.elementor-element-f47b086 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C6D427;}.elementor-358 .elementor-element.elementor-element-3cc0ef1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#000000;}.elementor-358 .elementor-element.elementor-element-8b66eda .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:700;line-height:1.2em;color:#000000;}@media(min-width:768px){.elementor-358 .elementor-element.elementor-element-db5a4b5{--width:50%;}.elementor-358 .elementor-element.elementor-element-9ba0ddc{--width:50%;}.elementor-358 .elementor-element.elementor-element-fb540b6{--width:50%;}.elementor-358 .elementor-element.elementor-element-f47b086{--width:50%;}}@media(max-width:1200px) and (min-width:768px){.elementor-358 .elementor-element.elementor-element-745fed2{--width:902px;}.elementor-358 .elementor-element.elementor-element-85dd6c2{--width:1009px;}}/* Start custom CSS for container, class: .elementor-element-85dd6c2 */<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>

if(!MDWNonce100){
    
var MDWNonce100 = true

$(document).ready(function() {
    
var previousScrollTop = [],
cards = [],
cardScrollHeight = [],
cardRotate = [],
cardContainer = [],
stickyTop = [],
stickyCon = []


// Sliding crads on scroll

function cardSlideUp(){

$('.mdw-stacked-card-area').each(function(i){
    
    var $this = $(this),
    scrollTop = $(document).scrollTop(),
    cardAreaTop = $this.offset().top,
    index = Math.floor((scrollTop - cardAreaTop - stickyTop[i]) / cardScrollHeight[i]),
    totalCards = cards[i].length;
    
    if (index >= 0 && index < totalCards) {
    cards[i].removeClass('mdw-active-card');
    $(cards[i][index]).addClass('mdw-active-card');
}

    cards[i].removeClass('mdw-active-card')
    cards[i].each(function(j){
        if( j <= index ) {
            $(this).addClass('mdw-active-card')
        }
        if(index >= -1 && index < totalCards - 1){
            $(this).css({
                'transform': rotate(${ -1*j*cardRotate[i] + (index+1)*cardRotate[i] }deg)
            })
        }
    })
    
    previousScrollTop[i] = scrollTop
})

}


function setValues(){

$('.mdw-stacked-card-area').each(function(i){
    
    var $this = $(this)
    
    stickyTop[i] = 0
    
    if(stickyCon[i].outerHeight() > $(window).height()){
        stickyTop[i] = cardContainer[i].offset().top - stickyCon[i].offset().top - $(window).height()/2
    }
    stickyCon[i].css('top', -1*stickyTop[i])
    
    cardScrollHeight[i] = $this.css('--card-scroll-height') ? parseInt($this.css('--card-scroll-height').trim()) : 400
    cardRotate[i] = $this.css('--card-rotate') ? parseInt($this.css('--card-rotate').trim()) : 9
    
    
    // Rotating cards
    
    cards[i].each(function(j) {
        $(this).css({
            'transform': rotate(-${j * cardRotate[i]}deg),
            'z-index': cards[i].length - j
        })
    })


    // Card area height
    
    $this.css('height', stickyCon[i].outerHeight() +  ((cards[i].length - 1) * cardScrollHeight[i]) + 'px' )
})

}

$(document).on('scroll', cardSlideUp)
$(window).on('resize', function(){
    setValues()
    cardSlideUp()
})


function init(){

$('.mdw-stacked-card-area').each(function(i){
    
    var $this = $(this)
    
    cards[i] = $this.find('.mdw-stacked-cards > .e-con, .mdw-stacked-cards > .e-container, .mdw-stacked-cards > .e-con-inner > .e-con, .mdw-stacked-cards > .e-con-inner > .e-container')
    stickyCon[i] = $this.children('.e-con, .e-container').eq(0)
    
    stickyCon[i].parents().each(function(){
        if( !$(this).is('html') ){ $(this).css('overflow', 'visible') }
    })
    
    previousScrollTop[i] = $(document).scrollTop()
    cardContainer[i] = $this.find('.mdw-stacked-cards')
})

setValues()
cardSlideUp()

}

init()
    
})
}
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-745fed2 */.elementor-358 .elementor-element.elementor-element-745fed2{
    --card-scroll-height: 50;
    --card-rotate: 12;
}
.elementor-358 .elementor-element.elementor-element-745fed2 .mdw-active-card{
    transform: translateY(-100vh) rotate(-60deg) !important;
    transition:1s;
    visibility: hidden;
    transform-origin: bottom left;
}
.elementor-358 .elementor-element.elementor-element-745fed2 > .e-con,
.elementor-358 .elementor-element.elementor-element-745fed2 > .e-container,
.elementor-358 .elementor-element.elementor-element-745fed2 > .e-con-inner > .e-con,
.elementor-358 .elementor-element.elementor-element-745fed2 > .e-con-inner > .e-container{
    position: sticky;
    top:0;
}/* End custom CSS */