.elementor-22519 .elementor-element.elementor-element-93b1773{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:010%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-22519 .elementor-element.elementor-element-93b1773:not(.elementor-motion-effects-element-type-background), .elementor-22519 .elementor-element.elementor-element-93b1773 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ad2df91 );}.elementor-22519 .elementor-element.elementor-element-fe33cf8{--display:flex;--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;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:032px;--padding-right:032px;}.elementor-22519 .elementor-element.elementor-element-2611f1c{--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;--justify-content:center;}.elementor-22519 .elementor-element.elementor-element-c5c98fb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-22519 .elementor-element.elementor-element-2d1e536{--display:flex;--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;--justify-content:center;}.elementor-22519 .elementor-element.elementor-element-d358207 .contact-formwrap{grid-template-columns:repeat(2, 1fr);}.elementor-22519 .elementor-element.elementor-element-edd72b8{--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%;}@media(max-width:1366px){.elementor-22519 .elementor-element.elementor-element-c5c98fb{width:var( --container-widget-width, 441.8px );max-width:441.8px;--container-widget-width:441.8px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-22519 .elementor-element.elementor-element-93b1773{--padding-top:05%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}@media(min-width:768px){.elementor-22519 .elementor-element.elementor-element-fe33cf8{--content-width:1320px;}.elementor-22519 .elementor-element.elementor-element-2611f1c{--width:40%;}.elementor-22519 .elementor-element.elementor-element-2d1e536{--width:60%;}}/* 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-22519,
body.elementor-page-22519 #smooth-wrapper,
body.elementor-page-22519 #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-22519 .elementor-element,
body.elementor-page-22519 .elementor-section,
body.elementor-page-22519 .elementor-container,
body.elementor-page-22519 .e-con,
body.elementor-page-22519 .e-con-inner,
body.elementor-page-22519 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 */