VARC Home
Contact VARC
VARC Home
Contact VARC
</div> </div> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/hello-elementor\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <div data-elementor-type="popup" data-elementor-id="8411" class="elementor elementor-8411 elementor-location-popup" data-elementor-settings="{"a11y_navigation":"yes","triggers":[],"timing":[]}" data-elementor-post-type="elementor_library"> <div class="elementor-element elementor-element-8bd1229 e-flex e-con-boxed e-con e-parent" data-id="8bd1229" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-6dea07e e-con-full e-flex e-con e-child" data-id="6dea07e" data-element_type="container"> <div class="elementor-element elementor-element-4758908 e-con-full e-flex e-con e-child" data-id="4758908" data-element_type="container"> <div class="elementor-element elementor-element-778b157 elementor-widget elementor-widget-image" data-id="778b157" data-element_type="widget" data-widget_type="image.default"> <img width="500" height="180" src="https://varcsolutions.com/wp-content/uploads/2025/08/VARC-logo_blue-500-181.png" class="attachment-large size-large wp-image-8155" alt="" srcset="https://varcsolutions.com/wp-content/uploads/2025/08/VARC-logo_blue-500-181.png 500w, https://varcsolutions.com/wp-content/uploads/2025/08/VARC-logo_blue-500-181-300x108.png 300w" sizes="(max-width: 500px) 100vw, 500px" /> </div> <div class="elementor-element elementor-element-1dc4b3f elementor-view-default elementor-widget elementor-widget-icon" data-id="1dc4b3f" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-icon-wrapper"> <a class="elementor-icon" href="#elementor-action%3Aaction%3Dpopup%3Aclose%26settings%3DeyJkb19ub3Rfc2hvd19hZ2FpbiI6IiJ9"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 180.622 180.622" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M41.218 30.311a10.91 10.91 0 0 0-7.712 3.197 10.91 10.91 0 0 0 0 15.425l41.378 41.38-41.378 41.377a10.91 10.91 0 0 0 0 15.427 10.91 10.91 0 0 0 15.426 0l41.38-41.379 41.378 41.38a10.91 10.91 0 0 0 15.426 0 10.91 10.91 0 0 0 0-15.428l-41.379-41.377 41.38-41.38a10.91 10.91 0 0 0 0-15.425 10.91 10.91 0 0 0-7.713-3.197 10.91 10.91 0 0 0-7.714 3.197L90.312 74.887l-41.38-41.38a10.91 10.91 0 0 0-7.714-3.196z" fill="#07101a" opacity="1" data-original="#000000" class=""></path></g></svg> </a> </div> </div> </div> <div class="elementor-element elementor-element-dd5b8ce elementor-widget elementor-widget-nav-menu" data-id="dd5b8ce" data-element_type="widget" data-settings="{"layout":"dropdown","submenu_icon":{"value":"<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg>","library":"fa-solid"}}" data-widget_type="nav-menu.default"> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-dd5b8ce" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-8317"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Solutions</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8320"><a href="#" class="elementor-sub-item elementor-item-anchor" tabindex="-1">Solutions-1</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8321"><a href="#" class="elementor-sub-item elementor-item-anchor" tabindex="-1">Solutions-2</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8322"><a href="#" class="elementor-sub-item elementor-item-anchor" tabindex="-1">Solutions-3</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-8318"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Company</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8323"><a href="#" class="elementor-sub-item elementor-item-anchor" tabindex="-1">Company-1</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8324"><a href="#" class="elementor-sub-item elementor-item-anchor" tabindex="-1">Company-2</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8325"><a href="#" class="elementor-sub-item elementor-item-anchor" tabindex="-1">Company-3</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8319"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Pricing</a></li> </ul> </nav> </div> <div class="elementor-element elementor-element-927e669 elementor-widget elementor-widget-button" data-id="927e669" data-element_type="widget" data-widget_type="button.default"> <a class="elementor-button elementor-button-link elementor-size-sm" href="tel:281-412-6914"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Call 281-412-6914</span> </span> </a> </div> </div> </div> </div> </div> <div data-elementor-type="popup" data-elementor-id="79" class="elementor elementor-79 elementor-location-popup" data-elementor-settings="{"entrance_animation":"fadeInRight","exit_animation":"fadeInRight","entrance_animation_duration":{"unit":"px","size":0.8,"sizes":[]},"a11y_navigation":"yes","triggers":[],"timing":[]}" data-elementor-post-type="elementor_library"> <div class="elementor-element elementor-element-c99ef6e e-flex e-con-boxed e-con e-parent" data-id="c99ef6e" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-26b9166 elementor-widget elementor-widget-image" data-id="26b9166" data-element_type="widget" data-widget_type="image.default"> <a href="https://varcsolutions.com"> <img width="84" height="32" src="https://varcsolutions.com/wp-content/uploads/2025/07/SVG-12.svg" class="attachment-full size-full wp-image-165" alt="" /> </a> </div> <div class="elementor-element elementor-element-63d171a elementor-widget elementor-widget-nav-menu" data-id="63d171a" data-element_type="widget" data-settings="{"submenu_icon":{"value":"<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z\"><\/path><\/svg>","library":"fa-solid"},"layout":"dropdown"}" data-widget_type="nav-menu.default"> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-63d171a" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2884"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Solutions</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2880"><a href="https://varcsolutions.com/quickbooks/" class="elementor-sub-item" tabindex="-1">QuickBooks Solutions</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2879"><a href="https://varcsolutions.com/quickbase-solutions/" class="elementor-sub-item" tabindex="-1">Quickbase Solutions</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8240"><a href="https://varcsolutions.com/intuit-enterprise-suite/" class="elementor-sub-item" tabindex="-1">Intuit Enterprise Suite</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-99"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Company</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3197"><a href="https://varcsolutions.com/about-us/" class="elementor-sub-item" tabindex="-1">About Us</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2885"><a href="https://varcsolutions.com/partners/" class="elementor-sub-item" tabindex="-1">Partner with VARC</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2896"><a href="https://varcsolutions.com/bookkeeping-pricing/" class="elementor-item" tabindex="-1">Pricing</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2895"><a href="https://varcsolutions.com/bookkeeping-pricing/" class="elementor-sub-item" tabindex="-1">Bookkeeping Pricing</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8167"><a href="https://varcsolutions.com/cfo-pricing/" class="elementor-sub-item" tabindex="-1">CFO Pricing</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2890"><a href="https://varcsolutions.com/quickbase-pricing/" class="elementor-sub-item" tabindex="-1">Quickbase Pricing</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8296"><a href="https://varcsolutions.com/marketing-support-pricing/" class="elementor-sub-item" tabindex="-1">Marketing Support Pricing</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2883"><a href="https://varcsolutions.com/contact-us/" class="elementor-item" tabindex="-1">Contact Us</a></li> </ul> </nav> </div> <div class="elementor-element elementor-element-a7083f6 e-con-full e-flex e-con e-child" data-id="a7083f6" data-element_type="container"> <div class="elementor-element elementor-element-7c8cb47 elementor-widget elementor-widget-button" data-id="7c8cb47" data-element_type="widget" data-widget_type="button.default"> <a class="elementor-button elementor-button-link elementor-size-sm" href="tel:281-412-6914"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Call 281-412-6914</span> </span> </a> </div> </div> <div class="elementor-element elementor-element-e5d73a4 e-con-full e-flex e-con e-child" data-id="e5d73a4" data-element_type="container"> <div class="elementor-element elementor-element-a328568 elementor-widget elementor-widget-button" data-id="a328568" data-element_type="widget" data-widget_type="button.default"> <a class="elementor-button elementor-button-link elementor-size-sm" href="/contact-us"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Contact Us</span> </span> </a> </div> </div> <div class="elementor-element elementor-element-5e771db e-con-full e-flex e-con e-child" data-id="5e771db" data-element_type="container"> <div class="elementor-element elementor-element-829ac93 elementor-widget elementor-widget-button" data-id="829ac93" data-element_type="widget" data-widget_type="button.default"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://varcsolutions.com/portal" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Partner Portal</span> </span> </a> </div> </div> </div> </div> </div> <script> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <link rel='stylesheet' id='ccfef-country-code-library-style-css' href='https://varcsolutions.com/wp-content/plugins/country-code-field-for-elementor-form/assets/intl-tel-input/css/intlTelInput.min.css?ver=1.4.9' media='all' /> <link rel='stylesheet' id='ccfef-country-code-style-css' href='https://varcsolutions.com/wp-content/plugins/country-code-field-for-elementor-form/assets/css/country-code-style.min.css?ver=1.4.9' media='all' /> <script src="https://varcsolutions.com/wp-content/themes/hello-elementor/assets/js/hello-frontend.js?ver=3.4.4" id="hello-theme-frontend-js"></script> <script src="https://varcsolutions.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.33.0" id="elementor-webpack-runtime-js"></script> <script src="https://varcsolutions.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.33.0" id="elementor-frontend-modules-js"></script> <script src="https://varcsolutions.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script id="elementor-frontend-js-before"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.33.0","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"nested-elements":true,"home_screen":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"cloud-library":true,"e_opt_in_v4_page":true,"import-export-customization":true,"e_pro_variables":true},"urls":{"assets":"https:\/\/varcsolutions.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/varcsolutions.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/varcsolutions.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"ad6ef13dbe"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"logo","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo"},"post":{"id":8157,"title":"VIPP%20Partner%20Program%20Portal%20-%20VARC%20Solutions","excerpt":"","featuredImage":false}}; </script> <script src="https://varcsolutions.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.33.0" id="elementor-frontend-js"></script> <script src="https://varcsolutions.com/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.2.1" id="smartmenus-js"></script> <script src="https://varcsolutions.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.32.2" id="elementor-pro-webpack-runtime-js"></script> <script src="https://varcsolutions.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script src="https://varcsolutions.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script id="elementor-pro-frontend-js-before"> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/varcsolutions.com\/wp-admin\/admin-ajax.php","nonce":"e26ccfc59c","urls":{"assets":"https:\/\/varcsolutions.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/varcsolutions.com\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":true},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/varcsolutions.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; </script> <script src="https://varcsolutions.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.32.2" id="elementor-pro-frontend-js"></script> <script src="https://varcsolutions.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.32.2" id="pro-elements-handlers-js"></script> <script src="https://varcsolutions.com/wp-content/plugins/country-code-field-for-elementor-form/assets/intl-tel-input/js/intlTelInput.js?ver=1.4.9" id="ccfef-country-code-library-script-js"></script> <script id="ccfef-country-code-script-js-extra"> var CCFEFCustomData = {"pluginDir":"https:\/\/varcsolutions.com\/wp-content\/plugins\/country-code-field-for-elementor-form\/","errorMap":["The phone number you entered is not valid. Please check the format and try again.","The country code you entered is not recognized. Please ensure it is correct and try again.","The phone number you entered is too short. Please enter a complete phone number, including the country code.","The phone number you entered is too long. Please ensure it is in the correct format and try again.","The phone number you entered is not valid. Please check the format and try again."]}; </script> <script src="https://varcsolutions.com/wp-content/plugins/country-code-field-for-elementor-form/assets/js/country-code-script.min.js?ver=1.4.9" id="ccfef-country-code-script-js"></script> <script id="ccfef-country-code-script-hello-js-extra"> var CCFEFCustomData = {"pluginDir":"https:\/\/varcsolutions.com\/wp-content\/plugins\/country-code-field-for-elementor-form\/","errorMap":["The phone number you entered is not valid. Please check the format and try again.","The country code you entered is not recognized. Please ensure it is correct and try again.","The phone number you entered is too short. Please enter a complete phone number, including the country code.","The phone number you entered is too long. Please ensure it is in the correct format and try again.","The phone number you entered is not valid. Please check the format and try again."]}; </script> <script src="https://varcsolutions.com/wp-content/plugins/country-code-field-for-elementor-form/assets/js/country-code-script-hello.min.js?ver=1.4.9" id="ccfef-country-code-script-hello-js"></script> <script> // jQuery(document).ready(function($) { // $('.build__main .build__outer .build__inner').on('click', function() { // // Remove 'active' class from all and add to the clicked one // $('.build__main .build__outer .build__inner').removeClass('active'); // $(this).addClass('active'); // // Get the image src from the clicked inner row // var newImgSrc = $(this).find('img').attr('src'); // // Update the main image in the left column // $('.build__main .build__img__col img').attr('src', newImgSrc); // $('.build__main .build__img__col img').attr('srcset', newImgSrc); // }); // }); // jQuery(document).ready(function($) { // let $items = $('.build__main .build__outer .build__inner'); // let $mainImg = $('.build__main .build__img__col img'); // let current = 0; // let total = $items.length; // let delay = 5000; // let timer; // function showItem(index) { // $items.removeClass('active'); // let $activeItem = $items.eq(index).addClass('active'); // // update left image // let newImgSrc = $activeItem.find('img').attr('src'); // $mainImg.attr('src', newImgSrc).attr('srcset', newImgSrc); // } // function startLoop() { // timer = setInterval(function() { // current = (current + 1) % total; // showItem(current); // }, delay); // } // function resetLoop() { // clearInterval(timer); // startLoop(); // } // // Initial load // showItem(current); // startLoop(); // // On click // $items.on('click', function() { // current = $(this).index(); // showItem(current); // resetLoop(); // restart loop after click // }); // }); // new image code // jQuery(document).ready(function($) { // let $items = $('.build__main .build__outer .build__inner'); // let $mainImg = $('.build__main .build__img__col img'); // let current = 0; // let total = $items.length; // let delay = 5000; // let timer; // function showItem(index) { // $items.removeClass('active'); // let $activeItem = $items.eq(index).addClass('active'); // $activeItem.prependTo($activeItem.parent()); // let newImgSrc = $activeItem.find('img').attr('src'); // $mainImg.attr('src', newImgSrc).attr('srcset', newImgSrc); // } // function startLoop() { // timer = setInterval(function() { // current = (current + 1) % total; // showItem(current); // }, delay); // } // function resetLoop() { // clearInterval(timer); // startLoop(); // } // showItem(current); // startLoop(); // $items.on('click', function() { // current = $(this).index(); // showItem(current); // resetLoop(); // restart loop after click // }); // }); jQuery(document).ready(function($) { let $items = $('.build__main .build__outer .build__inner'); let $mainImg = $('.build__main .build__img__col img'); let $caption = $('.build__main .build__img__col .build__caption'); // caption div main image niche mukho let current = 0; let total = $items.length; let delay = 5000; let timer; function updateCaption(text) { $caption.removeClass('visible'); setTimeout(function() { $caption.text(text || ''); if (text && text.trim() !== '') { $caption.addClass('visible'); } }, 50); } function showItem(index) { $items.removeClass('active'); let $activeItem = $items.eq(index).addClass('active'); // active item top par lavvo $activeItem.prependTo($activeItem.parent()); // main image update let newImgSrc = $activeItem.find('img').attr('src'); $mainImg.attr('src', newImgSrc).attr('srcset', newImgSrc); // caption/title lavvo (data-title or alt) let title = $activeItem.data('title') || $activeItem.find('img').attr('alt') || ''; updateCaption(title); // effect add karva mate $mainImg.addClass('fade-in'); setTimeout(() => $mainImg.removeClass('fade-in'), 500); } function startLoop() { timer = setInterval(function() { current = (current + 1) % total; showItem(current); }, delay); } function resetLoop() { clearInterval(timer); startLoop(); } // Initial load showItem(current); startLoop(); // On click $items.on('click', function() { current = $(this).index(); showItem(current); resetLoop(); }); }); </script> </body> </html>