.elementor-22494 .elementor-element.elementor-element-fec83df{--display:flex;--padding-top:05%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-22494 .elementor-element.elementor-element-4848361{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-22494 .elementor-element.elementor-element-4848361:not(.elementor-motion-effects-element-type-background), .elementor-22494 .elementor-element.elementor-element-4848361 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ad2df91 );}.elementor-22494 .elementor-element.elementor-element-c538150{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-22494 .elementor-element.elementor-element-2f774d7{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-22494 .elementor-element.elementor-element-2f774d7:not(.elementor-motion-effects-element-type-background), .elementor-22494 .elementor-element.elementor-element-2f774d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ad2df91 );}.elementor-22494 .elementor-element.elementor-element-e7ac6eb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-22494 .elementor-element.elementor-element-03ccf43{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:04%;--padding-right:04%;}@media(max-width:1366px){.elementor-22494 .elementor-element.elementor-element-fec83df{--padding-top:05%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}@media(max-width:1024px){.elementor-22494 .elementor-element.elementor-element-fec83df{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}@media(max-width:767px){.elementor-22494 .elementor-element.elementor-element-fec83df{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}/* Start custom CSS *//* Kill the fixed-height smooth-scroll clipping so footer is never cut */
/*#has_smooth,*/
/*#smooth-wrapper{*/
/*  position: relative !important;*/
/*  inset: unset !important;*/
/*  height: auto !important;*/
/*  width: 100% !important;*/
/*  overflow: visible !important;*/
/*}*/

/*#smooth-content{*/
/*  transform: none !important;*/
/*  height: auto !important;*/
/*  overflow: visible !important;*/
/*}*/

/*html, body{*/
/*  height: auto !important;*/
/*  min-height: 100% !important;*/
/*  overflow-x: hidden !important;*/
/*  overflow-y: auto !important;*/
/*}*/

/* Make sure the footer widget itself can never be clipped */
/*[data-elementor-post-type="arrox-footer"]{*/
/*  position: relative !important;*/
/*  display: block !important;*/
/*  height: auto !important;*/
/*  min-height: auto !important;*/
/*  overflow: visible !important;*/
/*  z-index: 5 !important;*/
/*  clear: both !important;*/
/*}*/

/* Elementor full-width containers sometimes cap height too */
/*.e-con, .e-con-full, .e-con-boxed, .e-parent, .e-con-inner{*/
/*  overflow: visible !important;*/
/*  height: auto !important;*/
/*}*/


/* ============================================
   ONE CONTINUOUS BACKGROUND — NO SECTION SEAMS
   ============================================ */

/* Step 1: Kill every individual section background so nothing overrides the master gradient */
/* ============================================
   REPEATING DIAGONAL LIGHT/DARK ZIGZAG — 80VH BANDS
   ============================================ */

/* Kill every section's own background so nothing breaks the flow */
/* ============================================
   THINKLAB — REPEATING CIRCULAR LIGHT/DARK BG
   One continuous pattern, alternates sides every 80vh
   ============================================ */
body.elementor-page-22494,
body.elementor-page-22494 #smooth-wrapper,
body.elementor-page-22494 #smooth-content {
    background: #08233F url("https://mafasa.in/wp-content/uploads/fonts/TL_Website_Gradient.png") center top / cover no-repeat !important;
    background-attachment: fixed !important;
}

body.elementor-page-22494 .elementor-element,
body.elementor-page-22494 .elementor-section,
body.elementor-page-22494 .elementor-container,
body.elementor-page-22494 .e-con,
body.elementor-page-22494 .e-con-inner,
body.elementor-page-22494 div[class*="elementor-element"] {
    background: transparent !important;
}

<style>
#tl-backtotop{
    position:fixed;
    right:24px;
    bottom:24px;
    width:52px;
    height:52px;
    border-radius:50%;
    background:#ffffff;
    box-shadow:0 4px 16px rgba(0,0,0,.25);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:9999;
    opacity:0;
    visibility:hidden;
    transform:translateY(12px);
    transition:opacity .3s ease, transform .3s ease, visibility .3s ease;
}
#tl-backtotop.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
#tl-backtotop svg{
    width:20px;
    height:20px;
    stroke:#071f42;
    stroke-width:2.4;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
    position:relative;
    z-index:2;
}
#tl-backtotop svg.progress-ring{
    position:absolute;
    top:0;left:0;
    width:52px;
    height:52px;
    stroke-width:3;
    transform:rotate(-90deg);
}
#tl-backtotop .progress-ring circle{
    fill:none;
    stroke:#ef0078;
}
#tl-backtotop:hover{
    background:#ef0078;
}
#tl-backtotop:hover svg:not(.progress-ring){
    stroke:#ffffff;
}
#tl-backtotop:hover .progress-ring circle{
    stroke:#ffffff;
}

@media(max-width:640px){
    #tl-backtotop{
        right:16px;
        bottom:16px;
        width:44px;
        height:44px;
    }
    #tl-backtotop svg.progress-ring{ width:44px; height:44px; }
    #tl-backtotop svg:not(.progress-ring){ width:16px; height:16px; }
}
</style>

<div id="tl-backtotop" role="button" aria-label="Back to top" tabindex="0">
    <svg class="progress-ring" viewBox="0 0 52 52">
        <circle cx="26" cy="26" r="23" stroke-dasharray="144.5" stroke-dashoffset="144.5"></circle>
    </svg>
    <svg viewBox="0 0 24 24"><path d="M12 19V5M5 12l7-7 7 7"/></svg>
</div>

<script>
(function(){
    var btn = document.getElementById('tl-backtotop');
    var ring = btn.querySelector('.progress-ring circle');
    var circumference = 144.5;

    function updateProgress(){
        var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
        var docHeight = document.documentElement.scrollHeight - window.innerHeight;
        var progress = docHeight > 0 ? scrollTop / docHeight : 0;
        var offset = circumference - (progress * circumference);
        ring.style.strokeDashoffset = offset;

        if (scrollTop > 300) {
            btn.classList.add('show');
        } else {
            btn.classList.remove('show');
        }
    }

    window.addEventListener('scroll', updateProgress, { passive: true });
    updateProgress();

    function scrollToTop(){
        window.scrollTo({ top: 0, behavior: 'smooth' });
    }
    btn.addEventListener('click', scrollToTop);
    btn.addEventListener('keydown', function(e){
        if (e.key === 'Enter' || e.key === ' ') {
            e.preventDefault();
            scrollToTop();
        }
    });
})();
</script>/* End custom CSS */