.elementor-22325 .elementor-element.elementor-element-4848361{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:05%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-22325 .elementor-element.elementor-element-4848361:not(.elementor-motion-effects-element-type-background), .elementor-22325 .elementor-element.elementor-element-4848361 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D3971;}.elementor-22325 .elementor-element.elementor-element-83e6e1e{--display:flex;}.elementor-22325 .elementor-element.elementor-element-83e6e1e:not(.elementor-motion-effects-element-type-background), .elementor-22325 .elementor-element.elementor-element-83e6e1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ad2df91 );}.elementor-22325 .elementor-element.elementor-element-fec83df{--display:flex;}.elementor-22325 .elementor-element.elementor-element-eec16fd{padding:50px 0px 50px 0px;}.elementor-22325 .elementor-element.elementor-element-c304c53{--display:flex;}.elementor-22325 .elementor-element.elementor-element-c304c53:not(.elementor-motion-effects-element-type-background), .elementor-22325 .elementor-element.elementor-element-c304c53 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D3971;}.elementor-22325 .elementor-element.elementor-element-6544b97{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:04%;--padding-bottom:0%;--padding-left:04%;--padding-right:04%;}.elementor-22325 .elementor-element.elementor-element-6544b97:not(.elementor-motion-effects-element-type-background), .elementor-22325 .elementor-element.elementor-element-6544b97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ad2df91 );}.elementor-22325 .elementor-element.elementor-element-7d283a0{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:04%;--padding-bottom:0%;--padding-left:04%;--padding-right:04%;}body.elementor-page-22325{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-22325 .elementor-element.elementor-element-4848361{--min-height:299px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-22325 .elementor-element.elementor-element-eec16fd{padding:0px 0px 0px 0px;}}/* 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-22325,*/
/*body.elementor-page-22325 #smooth-wrapper,*/
/*body.elementor-page-22325 #smooth-content {*/
/*    background-color: #08233F !important;*/
/*    background-image:*/
/*        radial-gradient(circle 40vh at 82% 25%, #2f7fd6 0%, #185fa5 40%, #0C3A73 70%, rgba(8,35,63,0) 100%),*/
/*        radial-gradient(circle 40vh at 18% 75%, #2f7fd6 0%, #185fa5 40%, #0C3A73 70%, rgba(8,35,63,0) 100%) !important;*/
/*    background-repeat: repeat-y, repeat-y !important;*/
/*    background-size: 100% 160vh, 100% 160vh !important;*/
/*    background-position: 0 0, 0 0 !important;*/
/*    background-attachment: scroll !important;*/
/*}*/

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

body.elementor-page-22325,
body.elementor-page-22325 #smooth-wrapper,
body.elementor-page-22325 #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-22325 .elementor-element,
body.elementor-page-22325 .elementor-section,
body.elementor-page-22325 .elementor-container,
body.elementor-page-22325 .e-con,
body.elementor-page-22325 .e-con-inner,
body.elementor-page-22325 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 */