<!DOCTYPE html>
<html lang="en-gb" dir="ltr">
	<head><script type="text/javascript">
var _iub = _iub || [];
_iub.csConfiguration = {"siteId":1679437,"cookiePolicyId":19646163,"lang":"en","storage":{"useSiteId":true}};
</script>
<script type="text/javascript" src="https://cs.iubenda.com/autoblocking/1679437.js" charset="UTF-8"></script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/gpp/stub.js"></script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
		
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta charset="utf-8">
	<base href="https://www.themexpert.com/404">
	<meta name="keywords" content="joomla page builder, free joomla page builder,
joomla templates, responsive joomla templates, premium joomla templates, free joomla templates, quix joomla page builder">
	<meta name="rights" content="ThemeXpert">
	<meta name="twitter:card" content="summary">
	<meta name="robots" content="max-snippet:-1,max-image-preview:large,max-video-preview:-1">
	<meta property="og:type" content="website">
	<meta property="og:site_name" content="ThemeXpert">
	<meta property="og:url" content="https://www.themexpert.com/404">
	<meta name="generator" content="ThemeXpert">
	<title> - ThemeXpert</title>    <link rel="preconnect" href="https://www.themexpert.com/">
    <link rel="dns-prefetch" href="https://www.themexpert.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://ajax.googleapis.com">
	<link href="https://www.themexpert.com/404" rel="canonical">
	<link href="/images/logo-symbol.png" rel="shortcut icon" type="image/vnd.microsoft.icon">
	<link href="/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
	<link href="/media/quixnxt/css/quix-core.css?5.6.0" rel="stylesheet">
	<link href="/media/plg_system_jcemediabox/css/jcemediabox.min.css?7c18c737af0919db884d585b5f82e461" rel="stylesheet">
	<link href="/media/com_jce/site/css/content.min.css?badb4208be409b1335b815dde676300e" rel="stylesheet">
	<link href="//fonts.googleapis.com/css?family=Inter:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic&amp;display=swap" rel="stylesheet" media="none" onload='media="all"'>
	<link href="//fonts.googleapis.com/css?family=Bricolage%20Grotesque:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic-ext&amp;display=swap" rel="stylesheet" media="none" onload='media="all"'>
	<link href="/templates/tx24/css/bootstrap.min.css" rel="stylesheet">
	<link href="/plugins/system/helixultimate/assets/css/system-j3.min.css" rel="stylesheet">
	<link href="/templates/tx24/css/font-awesome.min.css" rel="stylesheet">
	<link href="/templates/tx24/css/v4-shims.min.css" rel="stylesheet">
	<link href="/templates/tx24/css/template.css?00a1698838908269be0b86a9b633e42a" rel="stylesheet">
	<style>
#qx-heading-lh4u8 {text-align: center;}#qx-heading-lh4u8:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-heading-lh4u8 h1 {font-weight: 700;font-size: 71px;color: #f8f9fc;}#qx-text-8ege0 {font-size: 24px;color: #c2c9d6;}#qx-text-8ege0:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-oama8 {width: 100%;}#qx-column-oama8 > .qx-col-wrap:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-oama8 .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-oama8 .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-row-wh2j9:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-button-mq634 {text-align: center;}#qx-button-mq634:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-button-mq634 .qx-btn {background-color: #198754;transition: background 0s, opacity 0s ease-in, border 0s ease-in, box-shadow 0s ease-in;padding-top: 12px;padding-right: 30px;padding-bottom: 12px;padding-left: 30px;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-color: #198754;box-shadow: 0px 0px 0px 0px #198754;}#qx-button-mq634 .qx-btn:hover {background-color: #1aa565;transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-button-mq634 * {font-weight: 600;font-size: 18px;}#qx-button-mq634 .iconSpacing-left i,#qx-button-mq634 .iconSpacing-left svg {margin-right: 5px;}#qx-button-mq634 .iconSpacing-right i,#qx-button-mq634 .iconSpacing-right svg {margin-left: 5px;}#qx-column-ejfbo {width: 100%;}#qx-column-ejfbo > .qx-col-wrap:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-ejfbo .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-ejfbo .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-row-dbs6r:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-section-3we5d {padding-top: 80px;padding-right: 0px;padding-bottom: 80px;padding-left: 0px;position: relative;left: auto;right: auto;top: auto;bottom: auto;}#qx-section-3we5d:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}.qx-opacity-0 { opacity: 0; } /* .qx-fade-in { opacity: 0; } */ .qx-scale-up { transform: scale(0); } .qx-scale-down { transform: scale(2); } .qx-slide-top { transform: translateY(-50px); } .qx-slide-bottom { transform: translateY(50px); } .qx-slide-left { transform: translateX(-20px); } .qx-slide-right { transform: translateX(20px); } .qx-text-reveal > :first-child { perspective: 1000px; transform-style: preserve-3d; opacity: 0; } .qx-rise-up-word { perspective: inherit; transform-style: inherit; will-change: transform; background: inherit; } .qx-rise-up-char { opacity: 0; /* background: inherit; */ /* -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; */ /* background-clip: inherit; */ /* perspective: inherit; */ transform: rotateX(-80deg) translateY(20px); /* transform-style: inherit; */ /* will-change: transform; */ /* transform-origin: center center -10px; */ } .qx-slide-reveal > :first-child { perspective: 400px; transform-style: preserve-3d; opacity: 0; } .qx-slide-reveal > :first-child * { transform-style: preserve-3d; will-change: transform; } .qx-slide-reveal-char { opacity: 0; scale: 1.2; translate: 50px 0; will-change: transform; transform-origin: left left; } .qx-sticky-heading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-bottom: 20px; } section.qx-section:has(.qx-sticky-heading) { height: 150vh !important; } .qx-opacity-0 { opacity: 0; } /* .qx-fade-in { opacity: 0; } */ .qx-scale-up { transform: scale(0.1); } .qx-scale-down { transform: scale(2); } .qx-slide-top { transform: translateY(-50px); } .qx-slide-bottom { transform: translateY(50px); } .qx-slide-left { transform: translateX(-20px); } .qx-slide-right { transform: translateX(20px); } @media (min-width: 768px) and (max-width: 1024px){#qx-heading-lh4u8 {text-align: center;}#qx-column-oama8 .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-oama8 .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-column-oama8 {width: 100%;}#qx-button-mq634 {text-align: left;}#qx-button-mq634 .iconSpacing-left i,#qx-button-mq634 .iconSpacing-left svg {margin-right: 5px;}#qx-button-mq634 .iconSpacing-right i,#qx-button-mq634 .iconSpacing-right svg {margin-left: 5px;}#qx-column-ejfbo .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-ejfbo .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-column-ejfbo {width: 100%;}#qx-section-3we5d {padding-top: 40px;padding-right: 0px;padding-bottom: 40px;padding-left: 0px;}}@media (max-width: 767px){#qx-heading-lh4u8 {text-align: center;}#qx-column-oama8 .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 10px;}#qx-column-oama8 .qx-element-wrap+.qx-element-wrap {margin-top: 10px;}#qx-column-oama8 {width: 100%;}#qx-button-mq634 {text-align: left;}#qx-button-mq634 .iconSpacing-left i,#qx-button-mq634 .iconSpacing-left svg {margin-right: 5px;margin-right:5px}#qx-button-mq634 .iconSpacing-right i,#qx-button-mq634 .iconSpacing-right svg {margin-left: 5px;margin-left:5px}#qx-column-ejfbo .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 10px;}#qx-column-ejfbo .qx-element-wrap+.qx-element-wrap {margin-top: 10px;}#qx-column-ejfbo {width: 100%;}#qx-section-3we5d {padding-top: 20px;padding-right: 0px;padding-bottom: 20px;padding-left: 0px;}}#qx-heading-ah5uj {margin-top: -15px;padding-right: 0px;padding-left: 0px;text-align: left;}#qx-heading-ah5uj:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-heading-ah5uj h2 {font-family: Bricolage Grotesque;font-weight: 800;font-size: 50px;background-color: #222;background: linear-gradient(130deg, #80d2fe 0%, #80fec3 100%);}#qx-heading-ah5uj h2,#qx-heading-ah5uj h2:hover {background-clip: text;-webkit-background-clip: text;color: transparent;}#qx-text-90d3e {margin-right: 50px;margin-bottom: 40px;padding-right: 0px;padding-left: 0px;font-size: 18px;text-align: left;color: #d8d8d8;}#qx-text-90d3e:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-dual-button-r4cr4 {margin-bottom: 80px;}#qx-dual-button-r4cr4:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-dual-button-r4cr4 .btn-first a {background-color: #ffffff;transition: background 0s, opacity 0s ease-in, border 0s ease-in, box-shadow 0s ease-in;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}#qx-dual-button-r4cr4 .btn-first a:hover {background-color: #80f8cb;transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-dual-button-r4cr4 .btn-second a {background-color: #ffffff1a;transition: background 0s, opacity 0s ease-in, border 0s ease-in, box-shadow 0s ease-in;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-color: #ffffff0f;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}#qx-dual-button-r4cr4 .btn-second a:hover {background-color: #80f8cb;border-style: solid;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-color: #1dd760;transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-dual-button-r4cr4 .btn-first a span {color: #130b33;}#qx-dual-button-r4cr4 .btn-second a:hover span {color: #130b33;}#qx-dual-button-r4cr4 .qx-btn {font-family: Inter;font-weight: 500;padding-top: 12px;padding-right: 30px;padding-bottom: 12px;padding-left: 30px;}#qx-dual-button-r4cr4 .connector-wrapper .connector-text {font-family: Inter;font-weight: 500;}#qx-dual-button-r4cr4 .qx-element-dual-button-horizontal .btn-first a {margin-right: 10px;}#qx-dual-button-r4cr4 .qx-element-dual-button-horizontal .btn-second a {margin-left: 10px;}#qx-dual-button-r4cr4 .qx-element-dual-button-vertical .btn-first a {margin-bottom: 10px;}#qx-dual-button-r4cr4 .qx-element-dual-button-vertical .btn-second a {margin-top: 10px;}#qx-dual-button-r4cr4 .btn-first a .qx-flex-row svg,#qx-dual-button-r4cr4 .btn-first a .qx-flex-row i {margin-right: 5px;}#qx-dual-button-r4cr4 .btn-first a .qx-flex-row-reverse svg,#qx-dual-button-r4cr4 .btn-first a .qx-flex-row-reverse i {margin-left: 5px;}#qx-dual-button-r4cr4 .btn-first a:hover svg,#qx-dual-button-r4cr4 .btn-first a:hover i {color: #ffffff;}#qx-dual-button-r4cr4 .btn-second a .qx-flex-row svg,#qx-dual-button-r4cr4 .btn-second a .qx-flex-row i {margin-right: 0;}#qx-dual-button-r4cr4 .btn-second a .qx-flex-row-reverse svg,#qx-dual-button-r4cr4 .btn-second a .qx-flex-row-reverse i {margin-left: 0;} .connector-wrapper {width: 30px;height: 30px;line-height: 30px;}#qx-dual-button-r4cr4 .connector-wrapper svg,#qx-dual-button-r4cr4 .connector-wrapper i {line-height: inherit;}#qx-dual-button-r4cr4 .connector-wrapper .connector-text:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-rnccn {width: 40%;}#qx-column-rnccn > .qx-col-wrap:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-rnccn .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-rnccn .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-image-z18fm {margin-bottom: -15px;text-align: center;}#qx-image-z18fm:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-image-z18fm img.lazyloaded,#qx-image-z18fm svg,#qx-image-z18fm i {display: inline-block;}#qx-image-z18fm img:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-image-z18fm svg:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-image-z18fm i:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-image-z18fm .qx-figure-caption {color: rgba(0, 0, 0, 0.8);}#qx-image-z18fm .qx-figure-caption:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-iz94n {width: 60%;}#qx-column-iz94n > .qx-col-wrap:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-iz94n .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-iz94n .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-row-zdf0e:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-section-dalmh {padding-top: 110px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;background-image: url("https://www.themexpert.com//images/quix/quix5/gradient-bg.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;left: auto;right: auto;top: auto;bottom: auto;}.qx-section-dalmh-background-overlay.qx-background-overlay {background: radial-gradient(at bottom right, #210096 0%, #080808 70%);opacity: 1.00;}#qx-section-dalmh:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-section-dalmh .qx-container-fluid {width: 1240px;} @media (min-width: 768px) and (max-width: 1024px){#qx-heading-ah5uj {text-align: center;}#qx-heading-ah5uj h2 {font-size: 45px;}#qx-text-90d3e {padding-top: 0px;padding-right: 100px;padding-bottom: 0px;padding-left: 100px;font-size: 17px;text-align: center;}#qx-dual-button-r4cr4 .qx-btn {padding-top: 10px;padding-bottom: 10px;}#qx-dual-button-r4cr4 .qx-element-dual-button-horizontal .btn-first a {margin-right: 10px;}#qx-dual-button-r4cr4 .qx-element-dual-button-horizontal .btn-second a {margin-left: 10px;}#qx-dual-button-r4cr4 .qx-element-dual-button-vertical .btn-first a {margin-bottom: 10px;}#qx-dual-button-r4cr4 .qx-element-dual-button-vertical .btn-second a {margin-top: 10px;}#qx-dual-button-r4cr4 .btn-first a .qx-flex-row svg,#qx-dual-button-r4cr4 .btn-first a .qx-flex-row i {margin-right: 5px;}#qx-dual-button-r4cr4 .btn-first a .qx-flex-row-reverse svg,#qx-dual-button-r4cr4 .btn-first a .qx-flex-row-reverse i {margin-left: 5px;}#qx-dual-button-r4cr4 .btn-second a .qx-flex-row svg,#qx-dual-button-r4cr4 .btn-second a .qx-flex-row i {margin-right: 5;}#qx-dual-button-r4cr4 .btn-second a .qx-flex-row-reverse svg,#qx-dual-button-r4cr4 .btn-second a .qx-flex-row-reverse i {margin-left: 5;} .connector-wrapper {width: 30px;height: 30px;line-height: 30px;}#qx-column-rnccn .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-rnccn .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-column-rnccn {width: 100%;}#qx-column-iz94n .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-iz94n .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-column-iz94n {width: 100%;}#qx-section-dalmh {padding-top: 20px;padding-right: 20px;padding-bottom: 80px;padding-left: 20px;}#qx-section-dalmh .qx-container-fluid {width: 1140px;}}@media (max-width: 767px){#qx-heading-ah5uj {padding-right: 0px;padding-left: 0px;text-align: center;}#qx-heading-ah5uj h2 {font-size: 26px;}#qx-text-90d3e {margin-right: 0px;padding-right: 0px;padding-left: 0px;font-size: 15px;text-align: center;}#qx-dual-button-r4cr4 {margin-bottom: 50px;padding-bottom: 0px;}#qx-dual-button-r4cr4 .qx-btn {font-size: 14px;padding-top: 7px;padding-right: 20px;padding-bottom: 7px;padding-left: 20px;}#qx-dual-button-r4cr4 .qx-element-dual-button-horizontal .btn-first a {margin-right: 10px;}#qx-dual-button-r4cr4 .qx-element-dual-button-horizontal .btn-second a {margin-left: 10px;}#qx-dual-button-r4cr4 .qx-element-dual-button-vertical .btn-first a {margin-bottom: 10px;}#qx-dual-button-r4cr4 .qx-element-dual-button-vertical .btn-second a {margin-top: 10px;}#qx-dual-button-r4cr4 .btn-first a .qx-flex-row svg,#qx-dual-button-r4cr4 .btn-first a .qx-flex-row i {margin-right: 5px;}#qx-dual-button-r4cr4 .btn-first a .qx-flex-row-reverse svg,#qx-dual-button-r4cr4 .btn-first a .qx-flex-row-reverse i {margin-left: 5px;}#qx-dual-button-r4cr4 .btn-second a .qx-flex-row svg,#qx-dual-button-r4cr4 .btn-second a .qx-flex-row i {margin-right: 5;}#qx-dual-button-r4cr4 .btn-second a .qx-flex-row-reverse svg,#qx-dual-button-r4cr4 .btn-second a .qx-flex-row-reverse i {margin-left: 5;} .connector-wrapper {width: 30px;height: 30px;line-height: 30px;}#qx-column-rnccn .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 10px;}#qx-column-rnccn .qx-element-wrap+.qx-element-wrap {margin-top: 10px;}#qx-column-rnccn {width: 100%;}#qx-column-iz94n .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 10px;}#qx-column-iz94n .qx-element-wrap+.qx-element-wrap {margin-top: 10px;}#qx-column-iz94n {width: 100%;}#qx-section-dalmh {padding-top: 40px;padding-right: 0px;padding-bottom: 60px;padding-left: 0px;}#qx-section-dalmh .qx-container-fluid {width: 1140px;}}#qx-heading-ycr7o {margin-left: 5px;text-align: left;}#qx-heading-ycr7o:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-heading-ycr7o h6 {font-size: 1.3em;color: #fff;}#qx-icon-list-tu6hs:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}.qx-element-icon-list svg {width: 30px;}#qx-icon-list-tu6hs ul li span.qx-icon-text {font-size: 0.9em;color: rgba(255, 255, 255, 0.69);}#qx-icon-list-tu6hs ul li:hover span.qx-icon-text,#qx-icon-list-tu6hs ul lia:hover span {color: #fff;}#qx-icon-list-tu6hs ul.desktop-vertical-layout li {margin-bottom:5px}#qx-icon-list-tu6hs ul.desktop-horizontal-layout li {margin-right:5px}#qx-icon-list-tu6hs ul li .qx-icon-text {margin-left: 5px;}#qx-icon-list-tu6hs ul li i {display: block;}#qx-icon-list-tu6hs ul li :hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-rbzkp {width: 22.13675%;}#qx-column-rbzkp > .qx-col-wrap:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-rbzkp .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-rbzkp .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-heading-jud4i {margin-left: 5px;text-align: left;}#qx-heading-jud4i:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-heading-jud4i h6 {font-size: 1.3em;color: #fff;}#qx-icon-list-vzqdx:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-icon-list-vzqdx ul li span.qx-icon-text {font-size: 0.9em;color: rgba(255, 255, 255, 0.69);}#qx-icon-list-vzqdx ul li:hover span.qx-icon-text,#qx-icon-list-vzqdx ul lia:hover span {color: #fff;}#qx-icon-list-vzqdx ul.desktop-vertical-layout li {margin-bottom:5px}#qx-icon-list-vzqdx ul.desktop-horizontal-layout li {margin-right:5px}#qx-icon-list-vzqdx ul li .qx-icon-text {margin-left: 5px;}#qx-icon-list-vzqdx ul li i {display: block;}#qx-icon-list-vzqdx ul li :hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-bqtf7 {width: 20%;}#qx-column-bqtf7 > .qx-col-wrap:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-bqtf7 .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-bqtf7 .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-heading-9u74f {margin-left: 5px;text-align: left;}#qx-heading-9u74f:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-heading-9u74f h6 {font-size: 1.3em;color: #fff;}#qx-icon-list-fzyrl:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-icon-list-fzyrl ul li span.qx-icon-text {font-size: 0.9em;color: rgba(255, 255, 255, 0.69);}#qx-icon-list-fzyrl ul li:hover span.qx-icon-text,#qx-icon-list-fzyrl ul lia:hover span {color: #fff;}#qx-icon-list-fzyrl ul.desktop-vertical-layout li {margin-bottom:5px}#qx-icon-list-fzyrl ul.desktop-horizontal-layout li {margin-right:5px}#qx-icon-list-fzyrl ul li .qx-icon-text {margin-left: 5px;}#qx-icon-list-fzyrl ul li i {display: block;}#qx-icon-list-fzyrl ul li :hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-894iz {width: 21.45299%;}#qx-column-894iz > .qx-col-wrap:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-894iz .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-894iz .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-heading-6ftba {margin-left: 5px;text-align: left;}#qx-heading-6ftba:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-heading-6ftba h6 {font-size: 1.5em;color: #fff;}#qx-icon-list-aarh9:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-icon-list-aarh9 ul li span.qx-icon-text {font-size: 0.9em;color: rgba(255, 255, 255, 0.69);}#qx-icon-list-aarh9 ul li:hover span.qx-icon-text,#qx-icon-list-aarh9 ul lia:hover span {color: #fff;}#qx-icon-list-aarh9 ul.desktop-vertical-layout li {margin-bottom:5px}#qx-icon-list-aarh9 ul.desktop-horizontal-layout li {margin-right:5px}#qx-icon-list-aarh9 ul li .qx-icon-text {margin-left: 5px;}#qx-icon-list-aarh9 ul li i {display: block;}#qx-icon-list-aarh9 ul li :hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-bcekx {width: 18.54701%;}#qx-column-bcekx > .qx-col-wrap:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-bcekx .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-bcekx .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-heading-2uce0 {margin-left: 5px;text-align: left;}#qx-heading-2uce0:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-heading-2uce0 h6 {font-size: 1.5em;color: #fff;}#qx-icon-list-n64sw:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-icon-list-n64sw ul li span.qx-icon-text {font-size: 0.9em;color: rgba(255, 255, 255, 0.69);}#qx-icon-list-n64sw ul li:hover span.qx-icon-text,#qx-icon-list-n64sw ul lia:hover span {color: #fff;}#qx-icon-list-n64sw ul.desktop-vertical-layout li {margin-bottom:5px}#qx-icon-list-n64sw ul.desktop-horizontal-layout li {margin-right:5px}#qx-icon-list-n64sw ul li .qx-icon-text {margin-left: 5px;}#qx-icon-list-n64sw ul li i {display: block;}#qx-icon-list-n64sw ul li :hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-4m195 {width: 17.86325%;}#qx-column-4m195 > .qx-col-wrap:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-4m195 .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-4m195 .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-row-14jev:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-heading-2zltk {text-align: left;}#qx-heading-2zltk:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-heading-2zltk h6 {font-size: 3em;color: #fff;}#qx-column-ig3sn {width: 75%;}#qx-column-ig3sn > .qx-col-wrap:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-ig3sn .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-ig3sn .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-social-icon-6qjhg:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}.qx-element-social-icon svg {width: 30px;}.qx-element-social-icon i {font-size: 30px;}#qx-social-icon-6qjhg ul.horizontalDesktopLayout {margin:-10px}#qx-social-icon-6qjhg ul.verticalDesktopLayout li {margin-bottom:10px}#qx-social-icon-6qjhg ul.horizontalDesktopLayout li {margin:10px}#qx-social-icon-6qjhg ul li a:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-pgcpw {width: 25%;}#qx-column-pgcpw > .qx-col-wrap:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-pgcpw .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-pgcpw .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-row-vomzo {margin-top: 2em;margin-bottom: 2em;padding-top: 3em;padding-bottom: 3em;border-style: solid;border-top-width: 1px;border-bottom-width: 1px;border-color: rgba(255, 255, 255, 0.18);}#qx-row-vomzo:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-image-w4sca {text-align: center;}#qx-image-w4sca:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-image-w4sca img.lazyloaded,#qx-image-w4sca svg,#qx-image-w4sca i {display: inline-block;}#qx-image-w4sca img:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-image-w4sca svg:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-image-w4sca i:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-image-w4sca .qx-figure-caption {color: rgba(0, 0, 0, 0.8);}#qx-image-w4sca .qx-figure-caption:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-text-8zicq {font-size: 0.9em;text-align: center;color: rgba(255, 255, 255, 0.3);}#qx-text-8zicq:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-xjlfy {width: 100%;}#qx-column-xjlfy > .qx-col-wrap:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-xjlfy .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-xjlfy .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-row-sgjs2:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-section-jefmr {padding-top: 80px;padding-right: 0px;padding-bottom: 80px;padding-left: 0px;background-color: #080808;position: relative;left: auto;right: auto;top: auto;bottom: auto;}#qx-section-jefmr:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-image-w4sca svg{ width: 1200px !important; } @media (max-width: 767px) { .horizontalPhoneLayout li { padding-left: 0; } .verticalPhoneLayout li:last-child { margin-bottom: 0 !important; } .verticalPhoneLayout { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .horizontalPhoneLayout { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; flex-wrap: wrap; } .verticalPhoneLayout li, .horizontalPhoneLayout li { display: flex; align-items: center; } .verticalAlignPhoneSileft { align-items: flex-start; } .verticalAlignPhoneSicenter { align-items: center; } .verticalAlignPhoneSiright { align-items: flex-end; } .horizontalAlignPhoneSileft { justify-content: flex-start; } .horizontalAlignPhoneSicenter { justify-content: center; } .horizontalAlignPhoneSiright { justify-content: flex-end; } } @media (min-width: 640px) { .horizontalTabletLayout li { padding-left: 0; } .verticalDesktopLayout li:last-child { margin-bottom: 0 !important; } .verticalTabletLayout { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .horizontalTabletLayout { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; flex-wrap: wrap; } .verticalTabletLayout li, .horizontalTabletLayout li { display: flex; align-items: center; } .verticalAlignTabletSileft { align-items: flex-start; } .verticalAlignTabletSicenter { align-items: center; } .verticalAlignTabletSiright { align-items: flex-end; } .horizontalAlignTabletSileft { justify-content: flex-start; } .horizontalAlignTabletSicenter { justify-content: center; } .horizontalAlignTabletSiright { justify-content: flex-end; } } @media (min-width: 960px) { .horizontalDesktopLayout li { padding-left: 0; } .verticalDesktopLayout li:last-child { margin-bottom: 0 !important; } .verticalDesktopLayout { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .horizontalDesktopLayout { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; flex-wrap: wrap; } .verticalDesktopLayout li, .horizontalDesktopLayout li { display: flex; align-items: center; } .verticalAlignDesktopSileft { align-items: flex-start; } .verticalAlignDesktopSicenter { align-items: center; } .verticalAlignDesktopSiright { align-items: flex-end; } .horizontalAlignDesktopSileft { justify-content: flex-start; } .horizontalAlignDesktopSicenter { justify-content: center; } .horizontalAlignDesktopSiright { justify-content: flex-end; } } @media (min-width: 768px) and (max-width: 1024px){#qx-heading-ycr7o {text-align: center;}#qx-icon-list-tu6hs ul.tablet-vertical-layout li {margin-bottom:5px}#qx-icon-list-tu6hs ul.tablet-horizontal-layout li {margin-right:5px}#qx-icon-list-tu6hs ul li .qx-icon-text {margin-left: 5px;}#qx-column-rbzkp .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-rbzkp .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-column-rbzkp {width: 20%;}#qx-heading-jud4i {text-align: center;}#qx-icon-list-vzqdx ul.tablet-vertical-layout li {margin-bottom:5px}#qx-icon-list-vzqdx ul.tablet-horizontal-layout li {margin-right:5px}#qx-icon-list-vzqdx ul li .qx-icon-text {margin-left: 5px;}#qx-column-bqtf7 .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-bqtf7 .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-column-bqtf7 {width: 20%;}#qx-heading-9u74f {text-align: center;}#qx-icon-list-fzyrl ul.tablet-vertical-layout li {margin-bottom:5px}#qx-icon-list-fzyrl ul.tablet-horizontal-layout li {margin-right:5px}#qx-icon-list-fzyrl ul li .qx-icon-text {margin-left: 5px;}#qx-column-894iz .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-894iz .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-column-894iz {width: 20%;}#qx-heading-6ftba {text-align: center;}#qx-icon-list-aarh9 ul.tablet-vertical-layout li {margin-bottom:5px}#qx-icon-list-aarh9 ul.tablet-horizontal-layout li {margin-right:5px}#qx-icon-list-aarh9 ul li .qx-icon-text {margin-left: 5px;}#qx-column-bcekx .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-bcekx .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-column-bcekx {width: 20%;}#qx-heading-2uce0 {text-align: center;}#qx-icon-list-n64sw ul.tablet-vertical-layout li {margin-bottom:5px}#qx-icon-list-n64sw ul.tablet-horizontal-layout li {margin-right:5px}#qx-icon-list-n64sw ul li .qx-icon-text {margin-left: 5px;}#qx-column-4m195 .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-4m195 .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-column-4m195 {width: 20%;}#qx-heading-2zltk {text-align: center;}#qx-column-ig3sn .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-ig3sn .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-column-ig3sn {width: 75%;}#qx-social-icon-6qjhg ul.horizontalTabletLayout {margin:-10px}#qx-social-icon-6qjhg ul.verticalTabletLayout li {margin-bottom:5px}#qx-social-icon-6qjhg ul.horizontalTabletLayout li {margin:5px}#qx-column-pgcpw .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-pgcpw .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-column-pgcpw {width: 25%;}#qx-column-xjlfy .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-xjlfy .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-column-xjlfy {width: 100%;}#qx-section-jefmr {padding-top: 40px;padding-right: 0px;padding-bottom: 40px;padding-left: 0px;}}@media (max-width: 767px){#qx-heading-ycr7o {text-align: left;}#qx-icon-list-tu6hs ul.phone-vertical-layout li {margin-bottom:5px}#qx-icon-list-tu6hs ul.phone-horizontal-layout li {margin-right:5px}#qx-icon-list-tu6hs ul li .qx-icon-text {margin-left: 5px;}#qx-column-rbzkp .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 10px;}#qx-column-rbzkp .qx-element-wrap+.qx-element-wrap {margin-top: 10px;}#qx-column-rbzkp {width: 100%;}#qx-heading-jud4i {text-align: left;}#qx-icon-list-vzqdx ul.phone-vertical-layout li {margin-bottom:5px}#qx-icon-list-vzqdx ul.phone-horizontal-layout li {margin-right:5px}#qx-icon-list-vzqdx ul li .qx-icon-text {margin-left: 5px;}#qx-column-bqtf7 .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 10px;}#qx-column-bqtf7 .qx-element-wrap+.qx-element-wrap {margin-top: 10px;}#qx-column-bqtf7 {width: 100%;}#qx-heading-9u74f {text-align: left;}#qx-icon-list-fzyrl ul.phone-vertical-layout li {margin-bottom:5px}#qx-icon-list-fzyrl ul.phone-horizontal-layout li {margin-right:5px}#qx-icon-list-fzyrl ul li .qx-icon-text {margin-left: 5px;}#qx-column-894iz .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 10px;}#qx-column-894iz .qx-element-wrap+.qx-element-wrap {margin-top: 10px;}#qx-column-894iz {width: 100%;}#qx-heading-6ftba {text-align: left;}#qx-icon-list-aarh9 ul.phone-vertical-layout li {margin-bottom:5px}#qx-icon-list-aarh9 ul.phone-horizontal-layout li {margin-right:5px}#qx-icon-list-aarh9 ul li .qx-icon-text {margin-left: 5px;}#qx-column-bcekx .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 10px;}#qx-column-bcekx .qx-element-wrap+.qx-element-wrap {margin-top: 10px;}#qx-column-bcekx {width: 100%;}#qx-heading-2uce0 {text-align: left;}#qx-icon-list-n64sw ul.phone-vertical-layout li {margin-bottom:5px}#qx-icon-list-n64sw ul.phone-horizontal-layout li {margin-right:5px}#qx-icon-list-n64sw ul li .qx-icon-text {margin-left: 5px;}#qx-column-4m195 .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 10px;}#qx-column-4m195 .qx-element-wrap+.qx-element-wrap {margin-top: 10px;}#qx-column-4m195 {width: 100%;}#qx-heading-2zltk {text-align: center;}#qx-column-ig3sn .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 10px;}#qx-column-ig3sn .qx-element-wrap+.qx-element-wrap {margin-top: 10px;}#qx-column-ig3sn {width: 100%;}#qx-social-icon-6qjhg ul.horizontalPhoneLayout {margin:-10px}#qx-social-icon-6qjhg ul.verticalPhoneLayout li {margin-bottom:5px}#qx-social-icon-6qjhg ul.horizontalPhoneLayout li {margin:5px}#qx-column-pgcpw .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 10px;}#qx-column-pgcpw .qx-element-wrap+.qx-element-wrap {margin-top: 10px;}#qx-column-pgcpw {width: 100%;}#qx-column-xjlfy .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 10px;}#qx-column-xjlfy .qx-element-wrap+.qx-element-wrap {margin-top: 10px;}#qx-column-xjlfy {width: 100%;}#qx-section-jefmr {padding-top: 20px;padding-right: 0px;padding-bottom: 20px;padding-left: 0px;}}.header-modules{margin-left:0px;}
.doc-article article {
    padding: 30px;
    border: 1px solid #eeeeee;
    border-radius: 6px;
    background: #f1f1f1;
}
.qx.quix img{display: inline-block;}
@media (max-width: 1024px) {
    div#sp-logo, div#sp-logo .logo{width: 200px;}
}
#sp-header.header-sticky {
    border: none;
    top: 10px;
}
/*bootstrap fix*/
.collapse.in{display:block;}
.collapse:not(.in) {display: none;}
.tx-form .form-control,
.tx-form .input-group-text
{
    background-color: hsla(0,0%,100%,.1);
    color: hsla(0,0%,100%,.7);
background-clip: padding-box;border-color: hsla(0,0%,100%,.2);
}body{font-family: 'Inter', sans-serif;font-size: 16px;font-weight: 400;text-decoration: none;}
h1{font-family: 'Bricolage Grotesque', sans-serif;color: #ffffff;text-decoration: none;}
h2{font-family: 'Bricolage Grotesque', sans-serif;color: #ffffff;text-decoration: none;}
.logo-image {height:32px;}.logo-image-phone {height:32px;}@media(max-width: 992px) {.logo-image {height: 36px;}.logo-image-phone {height: 36px;}}@media(max-width: 576px) {.logo-image {height: 80px;}.logo-image-phone {height: 80px;}}.logo-image {height:32px;}.logo-image-phone {height:32px;}@media(max-width: 992px) {.logo-image {height: 36px;}.logo-image-phone {height: 36px;}}@media(max-width: 576px) {.logo-image {height: 80px;}.logo-image-phone {height: 80px;}}#sp-main-body{ padding:0px; }.logo-image {height:32px;}.logo-image-phone {height:32px;}@media(max-width: 992px) {.logo-image {height: 36px;}.logo-image-phone {height: 36px;}}@media(max-width: 576px) {.logo-image {height: 80px;}.logo-image-phone {height: 80px;}}#qx-countdown-vb5s4:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-countdown-vb5s4 .qx-countdown-label,#qx-countdown-vb5s4 .qx-countdown-number {display: block;}#qx-countdown-vb5s4 .qx-countdown-number {color: #1dd760;font-size: 2em;}#qx-countdown-vb5s4 .qx-countdown-label {font-size: 0.8em;}#qx-countdown-vb5s4 .qx-countdown-item {background-color: #080808;opacity: 1;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}#qx-countdown-vb5s4 .qx-countdown-separator {line-height: 1;}#qx-column-v9d91 {width: 31.86046%;}#qx-column-v9d91 > .qx-col-wrap:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-v9d91 .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 0px;}#qx-column-v9d91 .qx-element-wrap+.qx-element-wrap {margin-top: 0px;}#qx-heading-spm4e {text-align: left;}#qx-heading-spm4e:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-heading-spm4e span {font-weight: 600;font-size: 1.2em;color: #fff;}#qx-column-x4zc8 {width: 50.5327%;}#qx-column-x4zc8 > .qx-col-wrap:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-x4zc8 .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 0px;}#qx-column-x4zc8 .qx-element-wrap+.qx-element-wrap {margin-top: 0px;}#qx-button-r5v6n {text-align: right;}#qx-button-r5v6n:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-button-r5v6n .qx-btn {background-color: #f43f5e;transition: background 0s, opacity 0s ease-in, border 0s ease-in, box-shadow 0s ease-in;border-style: solid;border-top-width: 3px;border-right-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-color: rgba(255, 255, 255, 0.12);border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;}#qx-button-r5v6n .qx-btn:hover {background-color: #1dd760;transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-button-r5v6n * {font-weight: 600;font-size: 17px;}#qx-button-r5v6n .iconSpacing-left i,#qx-button-r5v6n .iconSpacing-left svg {margin-right: 5px;}#qx-button-r5v6n .iconSpacing-right i,#qx-button-r5v6n .iconSpacing-right svg {margin-left: 5px;}#qx-column-aikge {width: 17.60683%;}#qx-column-aikge > .qx-col-wrap:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-aikge .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-aikge .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-row-zr2io:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-section-8rmyi {margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;position: relative;left: auto;right: auto;top: auto;bottom: auto;}#qx-section-8rmyi:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}.qx-countdown-label{ margin: 0 !important; } #qx-countdown-xge98 .qx-countdown-number { min-height: 32px; }#qx-button-dr7za img{width: 30px;} #qx-button-dr7za svg, #qx-button-dr7za img{height: 30px;} @media (min-width: 768px) and (max-width: 1024px){#qx-column-v9d91 .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-v9d91 .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-column-v9d91 {width: 33.33333%;}#qx-heading-spm4e {text-align: center;}#qx-column-x4zc8 .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-x4zc8 .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-column-x4zc8 {width: 33.33333%;}#qx-button-r5v6n {text-align: left;}#qx-button-r5v6n .iconSpacing-left i,#qx-button-r5v6n .iconSpacing-left svg {margin-right: 5px;}#qx-button-r5v6n .iconSpacing-right i,#qx-button-r5v6n .iconSpacing-right svg {margin-left: 5px;}#qx-column-aikge .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-aikge .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-column-aikge {width: 33.33333%;}#qx-section-8rmyi {padding-top: 40px;padding-right: 0px;padding-bottom: 40px;padding-left: 0px;}}@media (max-width: 767px){#qx-column-v9d91 .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 0px;}#qx-column-v9d91 .qx-element-wrap+.qx-element-wrap {margin-top: 0px;}#qx-column-v9d91 {width: 100%;}#qx-heading-spm4e {text-align: center;}#qx-column-x4zc8 .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 0px;}#qx-column-x4zc8 .qx-element-wrap+.qx-element-wrap {margin-top: 0px;}#qx-column-x4zc8 {width: 100%;}#qx-button-r5v6n {text-align: center;}#qx-button-r5v6n .iconSpacing-left i,#qx-button-r5v6n .iconSpacing-left svg {margin-right: 15px;margin-right:15px}#qx-button-r5v6n .iconSpacing-right i,#qx-button-r5v6n .iconSpacing-right svg {margin-left: 15px;margin-left:15px}#qx-column-aikge .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 10px;}#qx-column-aikge .qx-element-wrap+.qx-element-wrap {margin-top: 10px;}#qx-column-aikge {width: 100%;}#qx-section-8rmyi {padding-top: 20px;padding-right: 0px;padding-bottom: 20px;padding-left: 0px;}}#qx-heading-hqjgz {text-align: center;}#qx-heading-hqjgz:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-heading-hqjgz span {font-family: Roboto Mono;font-weight: 500;color: #ffffff;}#qx-column-hfa93 {width: 100%;}#qx-column-hfa93 > .qx-col-wrap:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-hfa93 .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 0px;}#qx-column-hfa93 .qx-element-wrap+.qx-element-wrap {margin-top: 0px;}#qx-row-hqlnh:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-section-rgmy0 {margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 5px;padding-right: 0px;padding-bottom: 7px;padding-left: 0px;background-color: #7a00c2;position: relative;left: auto;right: auto;top: auto;bottom: auto;}#qx-section-rgmy0:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-section-rgmy0 .qx-container-fluid {width: 1320px;} @media (min-width: 768px) and (max-width: 1024px){#qx-heading-hqjgz {text-align: center;}#qx-column-hfa93 .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-hfa93 .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-column-hfa93 {width: 100%;}#qx-section-rgmy0 {padding-top: 15px;padding-right: 0px;padding-bottom: 15px;padding-left: 0px;}#qx-section-rgmy0 .qx-container-fluid {width: 1140px;}}@media (max-width: 767px){#qx-heading-hqjgz {padding-right: 20px;padding-left: 20px;text-align: center;}#qx-column-hfa93 .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 0px;}#qx-column-hfa93 .qx-element-wrap+.qx-element-wrap {margin-top: 0px;}#qx-column-hfa93 {width: 100%;}#qx-section-rgmy0 {padding-top: 20px;padding-right: 0px;padding-bottom: 20px;padding-left: 0px;}#qx-section-rgmy0 .qx-container-fluid {width: 1140px;}}#qx-image-fkdp3 {margin-top: 5px;text-align: right;}#qx-image-fkdp3:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-image-fkdp3 img.lazyloaded,#qx-image-fkdp3 svg,#qx-image-fkdp3 i {display: inline-block;}#qx-image-fkdp3 img:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-image-fkdp3 svg:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-image-fkdp3 i:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-image-fkdp3 .qx-figure-caption {color: rgba(0, 0, 0, 0.8);}#qx-image-fkdp3 .qx-figure-caption:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-wo8aa {width: 65%;}#qx-column-wo8aa > .qx-col-wrap:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-wo8aa .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 0px;}#qx-column-wo8aa .qx-element-wrap+.qx-element-wrap {margin-top: 0px;}#qx-button-xarn0 {margin-left: 60px;text-align: left;}#qx-button-xarn0:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-button-xarn0 .qx-btn {background-color: #000000;transition: background 0s, opacity 0s ease-in, border 0s ease-in, box-shadow 0s ease-in;color: #ffffff;padding-top: 13px;padding-right: 20px;padding-bottom: 10px;padding-left: 20px;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}#qx-button-xarn0 .qx-btn:hover {background-color: #ffffff;color: #000000;transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-button-xarn0 * {font-family: Cousine;font-weight: 700;}#qx-button-xarn0 .iconSpacing-left i,#qx-button-xarn0 .iconSpacing-left svg {margin-right: 5px;}#qx-button-xarn0 .iconSpacing-right i,#qx-button-xarn0 .iconSpacing-right svg {margin-left: 5px;}#qx-column-hy13r {width: 35%;}#qx-column-hy13r > .qx-col-wrap:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-column-hy13r .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 0px;}#qx-column-hy13r .qx-element-wrap+.qx-element-wrap {margin-top: 0px;}#qx-row-baxk9:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-section-vtnjp {margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 14px;padding-right: 0px;padding-bottom: 16px;padding-left: 0px;background-color: #001cc2;background-image: url("https://www.themexpert.com//images/banners/bf-banners/bf-header-banner-bg.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;left: auto;right: auto;top: auto;bottom: auto;}#qx-section-vtnjp:hover {transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;}#qx-section-vtnjp .qx-container-fluid {width: 1320px;} @media (min-width: 768px) and (max-width: 1024px){#qx-image-fkdp3 {padding-right: 0px;padding-left: 20px;text-align: center;}#qx-column-wo8aa .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-wo8aa .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-column-wo8aa {width: 70%;}#qx-button-xarn0 {margin-left: 45px;text-align: left;}#qx-button-xarn0 .iconSpacing-left i,#qx-button-xarn0 .iconSpacing-left svg {margin-right: 5px;}#qx-button-xarn0 .iconSpacing-right i,#qx-button-xarn0 .iconSpacing-right svg {margin-left: 5px;}#qx-column-hy13r .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 20px;}#qx-column-hy13r .qx-element-wrap+.qx-element-wrap {margin-top: 20px;}#qx-column-hy13r {width: 30%;}#qx-section-vtnjp {padding-top: 15px;padding-right: 0px;padding-bottom: 15px;padding-left: 0px;}#qx-section-vtnjp .qx-container-fluid {width: 1140px;}}@media (max-width: 767px){#qx-image-fkdp3 {padding-right: 20px;padding-bottom: 0px;padding-left: 20px;text-align: center;}#qx-column-wo8aa .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 0px;}#qx-column-wo8aa .qx-element-wrap+.qx-element-wrap {margin-top: 0px;}#qx-column-wo8aa {width: 100%;}#qx-button-xarn0 {margin-top: 15px;margin-left: 0px;text-align: center;}#qx-button-xarn0 .qx-btn {padding-top: 8px;padding-bottom: 6px;}#qx-button-xarn0 .iconSpacing-left i,#qx-button-xarn0 .iconSpacing-left svg {margin-right: 5px;margin-right:5px}#qx-button-xarn0 .iconSpacing-right i,#qx-button-xarn0 .iconSpacing-right svg {margin-left: 5px;margin-left:5px}#qx-column-hy13r .qx-fb-elements .qx-fb-element+.qx-fb-element {margin-top: 10px;}#qx-column-hy13r .qx-element-wrap+.qx-element-wrap {margin-top: 10px;}#qx-column-hy13r {width: 100%;}#qx-section-vtnjp {padding-top: 20px;padding-right: 0px;padding-bottom: 20px;padding-left: 0px;}#qx-section-vtnjp .qx-container-fluid {width: 1140px;}}
	</style>
	<script type="application/json" class="joomla-script-options new">{"data":{"breakpoints":{"tablet":991,"mobile":480},"header":{"stickyOffset":"100"}},"csrf.token":"28b9db01b49500bcaaac21af9b35a5e5","system.paths":{"root":"","base":""}}</script>
	<script src="/media/jui/js/jquery.min.js?00a1698838908269be0b86a9b633e42a"></script>
	<script src="/media/jui/js/jquery-migrate.min.js?00a1698838908269be0b86a9b633e42a"></script>
	<script src="/media/quixnxt/js/quix.vendor.js?5.6.0" defer></script>
	<script src="/media/quixnxt/js/gsap-animation.js?5.6.0" type="module" defer></script>
	<script src="/media/plg_system_jcemediabox/js/jcemediabox.min.js?7c18c737af0919db884d585b5f82e461"></script>
	<script src="/templates/tx24/js/bootstrap.bundle.min.js"></script>
	<script src="/templates/tx24/js/main.js"></script>
	<script src="/templates/tx24/js/custom.js?1601251"></script>
	<script src="/media/system/js/core.js?00a1698838908269be0b86a9b633e42a"></script>
	<script>
jQuery(function($){ (($) => { if ($.initHeading) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class HeadingAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initHeading()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "reveal-1": animation.reveal_1 ? animation.reveal_1(this.id, this.options) : console.warn("reveal-1 animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "reveal-2": animation.reveal_2 ? animation.reveal_2(this.id, this.options) : console.warn("reveal-2 animation is not defined in QXGSAPAnimations."); break; case "reveal-3": animation.reveal_3 ? animation.reveal_3(this.id, this.options) : console.warn("reveal-3 animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initHeading = function (id, options) { const headingAnimation = new HeadingAnimation(id, options); headingAnimation.init(); }; })(jQuery); const id = "#qx-heading-lh4u8"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut","enable_sticky":false}; new jQuery.initHeading(id, options); });jQuery(function($){ (($) => { if ($.initText) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class TextAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initText()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "reveal-1": animation.reveal_1 ? animation.reveal_1(this.id, this.options) : console.warn("reveal-1 animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "reveal-2": animation.reveal_2 ? animation.reveal_2(this.id, this.options) : console.warn("reveal-2 animation is not defined in QXGSAPAnimations."); break; case "reveal-3": animation.reveal_3 ? animation.reveal_3(this.id, this.options) : console.warn("reveal-3 animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initText = function (id, options) { const textAnimation = new TextAnimation(id, options); textAnimation.init(); }; })(jQuery); const id = "#qx-text-8ege0"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut"}; new jQuery.initText(id, options); });jQuery(function($){ (($) => { if ($.initButton) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class ButtonAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initButton()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "reveal-1": animation.reveal_1 ? animation.reveal_1(this.id, this.options) : console.warn("reveal-1 animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "reveal-2": animation.reveal_2 ? animation.reveal_2(this.id, this.options) : console.warn("reveal-2 animation is not defined in QXGSAPAnimations."); break; case "reveal-3": animation.reveal_3 ? animation.reveal_3(this.id, this.options) : console.warn("reveal-3 animation is not defined in QXGSAPAnimations."); break; case "magnetic": this.magneticButton(this.id, this.options); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } magneticButton(id, options) { if (!id) return; const btnContainer = document.querySelector(id); if (!btnContainer) return; const btn = btnContainer?.querySelector(".qx-btn"); if (!btn) return; gsap.set(btn, { opacity: 1 }); const strength = options.strength || 100; btnContainer.addEventListener("mousemove", (e) => { const rect = btn.getBoundingClientRect(); const btnX = rect.left + rect.width / 2; const btnY = rect.top + rect.height / 2; const distX = e.clientX - btnX; const distY = e.clientY - btnY; const distance = Math.sqrt(distX * distX + distY * distY); if (distance < strength) { gsap.to(btn, { x: distX * 0.3, y: distY * 0.3, duration: options.gsap_duration || 0.3, delay: options.gsap_delay || 0, ease: options.gsap_ease || "power3.out", }); } else { gsap.to(btn, { x: 0, y: 0, duration: options.gsap_duration || 0.3, ease: options.gsap_ease || "power3.out", }); } }); btnContainer.addEventListener('mouseleave', () => { gsap.to(btn, { x: 0, y: 0, duration: options.gsap_duration || 0.3, ease: options.gsap_ease || "power3.out", }); }); } } $.initButton = function (id, options) { const buttonAnimation = new ButtonAnimation(id, options); buttonAnimation.init(); }; })(jQuery); const id = "#qx-button-mq634"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut","strength":1000}; new jQuery.initButton(id, options); });jQuery(document).ready(function(){WfMediabox.init({"base":"\/","theme":"standard","width":"","height":"","lightbox":1,"shadowbox":0,"icons":1,"overlay":1,"overlay_opacity":0,"overlay_color":"","transition_speed":300,"close":2,"scrolling":"scroll","labels":{"close":"Close","next":"Next","previous":"Previous","cancel":"Cancel","numbers":"{{numbers}}","numbers_count":"{{current}} of {{total}}","download":"Download"},"swipe":true});});jQuery(function($){ (($) => { if ($.initHeading) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class HeadingAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initHeading()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "reveal-1": animation.reveal_1 ? animation.reveal_1(this.id, this.options) : console.warn("reveal-1 animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "reveal-2": animation.reveal_2 ? animation.reveal_2(this.id, this.options) : console.warn("reveal-2 animation is not defined in QXGSAPAnimations."); break; case "reveal-3": animation.reveal_3 ? animation.reveal_3(this.id, this.options) : console.warn("reveal-3 animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initHeading = function (id, options) { const headingAnimation = new HeadingAnimation(id, options); headingAnimation.init(); }; })(jQuery); const id = "#qx-heading-ah5uj"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut","enable_sticky":false}; new jQuery.initHeading(id, options); });jQuery(function($){ (($) => { if ($.initText) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class TextAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initText()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "reveal-1": animation.reveal_1 ? animation.reveal_1(this.id, this.options) : console.warn("reveal-1 animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "reveal-2": animation.reveal_2 ? animation.reveal_2(this.id, this.options) : console.warn("reveal-2 animation is not defined in QXGSAPAnimations."); break; case "reveal-3": animation.reveal_3 ? animation.reveal_3(this.id, this.options) : console.warn("reveal-3 animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initText = function (id, options) { const textAnimation = new TextAnimation(id, options); textAnimation.init(); }; })(jQuery); const id = "#qx-text-90d3e"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut"}; new jQuery.initText(id, options); });jQuery(function($){ (($) => { if ($.initImage) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class ImageAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initImage()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "image-reveal-1": animation.imageReveal1 ? animation.imageReveal1(this.id, this.options) : console.warn("imageReveal1 animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initImage = function (id, options) { const imageAnimation = new ImageAnimation(id, options); imageAnimation.init(); }; })(jQuery); const id = "#qx-image-z18fm"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut"}; new jQuery.initImage(id, options); });jQuery(function($){ (($) => { if ($.initHeading) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class HeadingAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initHeading()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "reveal-1": animation.reveal_1 ? animation.reveal_1(this.id, this.options) : console.warn("reveal-1 animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "reveal-2": animation.reveal_2 ? animation.reveal_2(this.id, this.options) : console.warn("reveal-2 animation is not defined in QXGSAPAnimations."); break; case "reveal-3": animation.reveal_3 ? animation.reveal_3(this.id, this.options) : console.warn("reveal-3 animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initHeading = function (id, options) { const headingAnimation = new HeadingAnimation(id, options); headingAnimation.init(); }; })(jQuery); const id = "#qx-heading-ycr7o"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut","enable_sticky":false}; new jQuery.initHeading(id, options); });jQuery(function($){ (($) => { if ($.initIconList) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class IconListAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initIconList()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initIconList = function (id, options) { const parentDiv = document.querySelector(id); const li = parentDiv.querySelector("li"); const iconId = "#" + li.id; const iconListAnimation = new IconListAnimation(iconId, options); iconListAnimation.init(); }; })(jQuery); const id = "#qx-icon-list-tu6hs"; const options = {"gsap_animation":"none","gsap_duration":1}; new jQuery.initIconList(id, options); });jQuery(function($){ (($) => { if ($.initHeading) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class HeadingAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initHeading()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "reveal-1": animation.reveal_1 ? animation.reveal_1(this.id, this.options) : console.warn("reveal-1 animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "reveal-2": animation.reveal_2 ? animation.reveal_2(this.id, this.options) : console.warn("reveal-2 animation is not defined in QXGSAPAnimations."); break; case "reveal-3": animation.reveal_3 ? animation.reveal_3(this.id, this.options) : console.warn("reveal-3 animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initHeading = function (id, options) { const headingAnimation = new HeadingAnimation(id, options); headingAnimation.init(); }; })(jQuery); const id = "#qx-heading-jud4i"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut","enable_sticky":false}; new jQuery.initHeading(id, options); });jQuery(function($){ (($) => { if ($.initIconList) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class IconListAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initIconList()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initIconList = function (id, options) { const parentDiv = document.querySelector(id); const li = parentDiv.querySelector("li"); const iconId = "#" + li.id; const iconListAnimation = new IconListAnimation(iconId, options); iconListAnimation.init(); }; })(jQuery); const id = "#qx-icon-list-vzqdx"; const options = {"gsap_animation":"none","gsap_duration":1}; new jQuery.initIconList(id, options); });jQuery(function($){ (($) => { if ($.initHeading) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class HeadingAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initHeading()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "reveal-1": animation.reveal_1 ? animation.reveal_1(this.id, this.options) : console.warn("reveal-1 animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "reveal-2": animation.reveal_2 ? animation.reveal_2(this.id, this.options) : console.warn("reveal-2 animation is not defined in QXGSAPAnimations."); break; case "reveal-3": animation.reveal_3 ? animation.reveal_3(this.id, this.options) : console.warn("reveal-3 animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initHeading = function (id, options) { const headingAnimation = new HeadingAnimation(id, options); headingAnimation.init(); }; })(jQuery); const id = "#qx-heading-9u74f"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut","enable_sticky":false}; new jQuery.initHeading(id, options); });jQuery(function($){ (($) => { if ($.initIconList) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class IconListAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initIconList()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initIconList = function (id, options) { const parentDiv = document.querySelector(id); const li = parentDiv.querySelector("li"); const iconId = "#" + li.id; const iconListAnimation = new IconListAnimation(iconId, options); iconListAnimation.init(); }; })(jQuery); const id = "#qx-icon-list-fzyrl"; const options = {"gsap_animation":"none","gsap_duration":1}; new jQuery.initIconList(id, options); });jQuery(function($){ (($) => { if ($.initHeading) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class HeadingAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initHeading()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "reveal-1": animation.reveal_1 ? animation.reveal_1(this.id, this.options) : console.warn("reveal-1 animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "reveal-2": animation.reveal_2 ? animation.reveal_2(this.id, this.options) : console.warn("reveal-2 animation is not defined in QXGSAPAnimations."); break; case "reveal-3": animation.reveal_3 ? animation.reveal_3(this.id, this.options) : console.warn("reveal-3 animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initHeading = function (id, options) { const headingAnimation = new HeadingAnimation(id, options); headingAnimation.init(); }; })(jQuery); const id = "#qx-heading-6ftba"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut","enable_sticky":false}; new jQuery.initHeading(id, options); });jQuery(function($){ (($) => { if ($.initIconList) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class IconListAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initIconList()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initIconList = function (id, options) { const parentDiv = document.querySelector(id); const li = parentDiv.querySelector("li"); const iconId = "#" + li.id; const iconListAnimation = new IconListAnimation(iconId, options); iconListAnimation.init(); }; })(jQuery); const id = "#qx-icon-list-aarh9"; const options = {"gsap_animation":"none","gsap_duration":1}; new jQuery.initIconList(id, options); });jQuery(function($){ (($) => { if ($.initHeading) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class HeadingAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initHeading()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "reveal-1": animation.reveal_1 ? animation.reveal_1(this.id, this.options) : console.warn("reveal-1 animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "reveal-2": animation.reveal_2 ? animation.reveal_2(this.id, this.options) : console.warn("reveal-2 animation is not defined in QXGSAPAnimations."); break; case "reveal-3": animation.reveal_3 ? animation.reveal_3(this.id, this.options) : console.warn("reveal-3 animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initHeading = function (id, options) { const headingAnimation = new HeadingAnimation(id, options); headingAnimation.init(); }; })(jQuery); const id = "#qx-heading-2uce0"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut","enable_sticky":false}; new jQuery.initHeading(id, options); });jQuery(function($){ (($) => { if ($.initIconList) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class IconListAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initIconList()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initIconList = function (id, options) { const parentDiv = document.querySelector(id); const li = parentDiv.querySelector("li"); const iconId = "#" + li.id; const iconListAnimation = new IconListAnimation(iconId, options); iconListAnimation.init(); }; })(jQuery); const id = "#qx-icon-list-n64sw"; const options = {"gsap_animation":"none","gsap_duration":1}; new jQuery.initIconList(id, options); });jQuery(function($){ (($) => { if ($.initHeading) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class HeadingAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initHeading()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "reveal-1": animation.reveal_1 ? animation.reveal_1(this.id, this.options) : console.warn("reveal-1 animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "reveal-2": animation.reveal_2 ? animation.reveal_2(this.id, this.options) : console.warn("reveal-2 animation is not defined in QXGSAPAnimations."); break; case "reveal-3": animation.reveal_3 ? animation.reveal_3(this.id, this.options) : console.warn("reveal-3 animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initHeading = function (id, options) { const headingAnimation = new HeadingAnimation(id, options); headingAnimation.init(); }; })(jQuery); const id = "#qx-heading-2zltk"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut","enable_sticky":false}; new jQuery.initHeading(id, options); });jQuery(function($){ (($) => { if ($.initImage) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class ImageAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initImage()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "image-reveal-1": animation.imageReveal1 ? animation.imageReveal1(this.id, this.options) : console.warn("imageReveal1 animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initImage = function (id, options) { const imageAnimation = new ImageAnimation(id, options); imageAnimation.init(); }; })(jQuery); const id = "#qx-image-w4sca"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut"}; new jQuery.initImage(id, options); });jQuery(function($){ (($) => { if ($.initText) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class TextAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initText()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "reveal-1": animation.reveal_1 ? animation.reveal_1(this.id, this.options) : console.warn("reveal-1 animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "reveal-2": animation.reveal_2 ? animation.reveal_2(this.id, this.options) : console.warn("reveal-2 animation is not defined in QXGSAPAnimations."); break; case "reveal-3": animation.reveal_3 ? animation.reveal_3(this.id, this.options) : console.warn("reveal-3 animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initText = function (id, options) { const textAnimation = new TextAnimation(id, options); textAnimation.init(); }; })(jQuery); const id = "#qx-text-8zicq"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut"}; new jQuery.initText(id, options); });;var qWebfont = document.createElement('script');qWebfont.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';qWebfont.onload = () => WebFont.load({ google: { families: ["Bricolage Grotesque:800","Inter:500","Inter:500"] } });document.head.appendChild(qWebfont);template="tx24";jQuery(function($){ (($) => { if ($.initHeading) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class HeadingAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initHeading()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "reveal-1": animation.reveal_1 ? animation.reveal_1(this.id, this.options) : console.warn("reveal-1 animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "reveal-2": animation.reveal_2 ? animation.reveal_2(this.id, this.options) : console.warn("reveal-2 animation is not defined in QXGSAPAnimations."); break; case "reveal-3": animation.reveal_3 ? animation.reveal_3(this.id, this.options) : console.warn("reveal-3 animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initHeading = function (id, options) { const headingAnimation = new HeadingAnimation(id, options); headingAnimation.init(); }; })(jQuery); const id = "#qx-heading-spm4e"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut","enable_sticky":false}; new jQuery.initHeading(id, options); });jQuery(function($){ (($) => { if ($.initButton) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class ButtonAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initButton()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "reveal-1": animation.reveal_1 ? animation.reveal_1(this.id, this.options) : console.warn("reveal-1 animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "reveal-2": animation.reveal_2 ? animation.reveal_2(this.id, this.options) : console.warn("reveal-2 animation is not defined in QXGSAPAnimations."); break; case "reveal-3": animation.reveal_3 ? animation.reveal_3(this.id, this.options) : console.warn("reveal-3 animation is not defined in QXGSAPAnimations."); break; case "magnetic": this.magneticButton(this.id, this.options); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } magneticButton(id, options) { if (!id) return; const btnContainer = document.querySelector(id); if (!btnContainer) return; const btn = btnContainer?.querySelector(".qx-btn"); if (!btn) return; gsap.set(btn, { opacity: 1 }); const strength = options.strength || 100; btnContainer.addEventListener("mousemove", (e) => { const rect = btn.getBoundingClientRect(); const btnX = rect.left + rect.width / 2; const btnY = rect.top + rect.height / 2; const distX = e.clientX - btnX; const distY = e.clientY - btnY; const distance = Math.sqrt(distX * distX + distY * distY); if (distance < strength) { gsap.to(btn, { x: distX * 0.3, y: distY * 0.3, duration: options.gsap_duration || 0.3, delay: options.gsap_delay || 0, ease: options.gsap_ease || "power3.out", }); } else { gsap.to(btn, { x: 0, y: 0, duration: options.gsap_duration || 0.3, ease: options.gsap_ease || "power3.out", }); } }); btnContainer.addEventListener('mouseleave', () => { gsap.to(btn, { x: 0, y: 0, duration: options.gsap_duration || 0.3, ease: options.gsap_ease || "power3.out", }); }); } } $.initButton = function (id, options) { const buttonAnimation = new ButtonAnimation(id, options); buttonAnimation.init(); }; })(jQuery); const id = "#qx-button-r5v6n"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut","strength":1000}; new jQuery.initButton(id, options); });;var qWebfont = document.createElement('script');qWebfont.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';qWebfont.onload = () => WebFont.load({ google: { families: ["Bricolage Grotesque:800","Inter:500","Inter:500"] } });document.head.appendChild(qWebfont);jQuery(function($){ (($) => { if ($.initHeading) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class HeadingAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initHeading()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "reveal-1": animation.reveal_1 ? animation.reveal_1(this.id, this.options) : console.warn("reveal-1 animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "reveal-2": animation.reveal_2 ? animation.reveal_2(this.id, this.options) : console.warn("reveal-2 animation is not defined in QXGSAPAnimations."); break; case "reveal-3": animation.reveal_3 ? animation.reveal_3(this.id, this.options) : console.warn("reveal-3 animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initHeading = function (id, options) { const headingAnimation = new HeadingAnimation(id, options); headingAnimation.init(); }; })(jQuery); const id = "#qx-heading-hqjgz"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut","enable_sticky":false}; new jQuery.initHeading(id, options); });jQuery(function($){ (($) => { if ($.initImage) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class ImageAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initImage()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "image-reveal-1": animation.imageReveal1 ? animation.imageReveal1(this.id, this.options) : console.warn("imageReveal1 animation is not defined in QXGSAPAnimations."); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } } $.initImage = function (id, options) { const imageAnimation = new ImageAnimation(id, options); imageAnimation.init(); }; })(jQuery); const id = "#qx-image-fkdp3"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut"}; new jQuery.initImage(id, options); });jQuery(function($){ (($) => { if ($.initButton) return; window.qxEnsureGsapLoaded ??= () => $.ajax({ url: `${window.QUIXNXT_URL || "/media/quixnxt"}/js/gsap-animation.js`, dataType: "script", cache: true, }); class ButtonAnimation { constructor(id, options) { this.id = id; this.options = options; } init() { document.fonts.ready.then(() => { window.qxEnsureGsapLoaded().then(() => { const animation = window.QXGSAPAnimations; if (!animation) { console.warn("QXGSAPAnimations is not loaded before initButton()."); return; } if (this.options.enable_sticky) { animation.enableSticky && animation.enableSticky(this.id); } switch (this.options.gsap_animation) { case "fade-in": animation.fadeIn ? animation.fadeIn(this.id, this.options) : console.warn("fadeIn animation is not defined in QXGSAPAnimations."); break; case "reveal-1": animation.reveal_1 ? animation.reveal_1(this.id, this.options) : console.warn("reveal-1 animation is not defined in QXGSAPAnimations."); break; case "scale-up": animation.scaleUp ? animation.scaleUp(this.id, this.options) : console.warn("scaleUp animation is not defined in QXGSAPAnimations."); break; case "scale-down": animation.scaleDown ? animation.scaleDown(this.id, this.options) : console.warn("scaleDown animation is not defined in QXGSAPAnimations."); break; case "slide-top": animation.slideTop ? animation.slideTop(this.id, this.options) : console.warn("slideTop animation is not defined in QXGSAPAnimations."); break; case "slide-bottom": animation.slideBottom ? animation.slideBottom(this.id, this.options) : console.warn("slideBottom animation is not defined in QXGSAPAnimations."); break; case "slide-left": animation.slideLeft ? animation.slideLeft(this.id, this.options) : console.warn("slideLeft animation is not defined in QXGSAPAnimations."); break; case "slide-right": animation.slideRight ? animation.slideRight(this.id, this.options) : console.warn("slideRight animation is not defined in QXGSAPAnimations."); break; case "reveal-2": animation.reveal_2 ? animation.reveal_2(this.id, this.options) : console.warn("reveal-2 animation is not defined in QXGSAPAnimations."); break; case "reveal-3": animation.reveal_3 ? animation.reveal_3(this.id, this.options) : console.warn("reveal-3 animation is not defined in QXGSAPAnimations."); break; case "magnetic": this.magneticButton(this.id, this.options); break; default: console.warn("Unknown animation type:", this.options.gsap_animation); break; } }); }); } magneticButton(id, options) { if (!id) return; const btnContainer = document.querySelector(id); if (!btnContainer) return; const btn = btnContainer?.querySelector(".qx-btn"); if (!btn) return; gsap.set(btn, { opacity: 1 }); const strength = options.strength || 100; btnContainer.addEventListener("mousemove", (e) => { const rect = btn.getBoundingClientRect(); const btnX = rect.left + rect.width / 2; const btnY = rect.top + rect.height / 2; const distX = e.clientX - btnX; const distY = e.clientY - btnY; const distance = Math.sqrt(distX * distX + distY * distY); if (distance < strength) { gsap.to(btn, { x: distX * 0.3, y: distY * 0.3, duration: options.gsap_duration || 0.3, delay: options.gsap_delay || 0, ease: options.gsap_ease || "power3.out", }); } else { gsap.to(btn, { x: 0, y: 0, duration: options.gsap_duration || 0.3, ease: options.gsap_ease || "power3.out", }); } }); btnContainer.addEventListener('mouseleave', () => { gsap.to(btn, { x: 0, y: 0, duration: options.gsap_duration || 0.3, ease: options.gsap_ease || "power3.out", }); }); } } $.initButton = function (id, options) { const buttonAnimation = new ButtonAnimation(id, options); buttonAnimation.init(); }; })(jQuery); const id = "#qx-button-xarn0"; const options = {"gsap_animation":"none","gsap_duration":1,"gsap_delay":1,"gsap_ease":"power4.inOut","strength":1000}; new jQuery.initButton(id, options); });;var qWebfont = document.createElement('script');qWebfont.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';qWebfont.onload = () => WebFont.load({ google: { families: ["Bricolage Grotesque:800","Inter:500","Inter:500","Roboto Mono:500","Cousine:700"] } });document.head.appendChild(qWebfont);
	</script>
	<script type="application/ld+json">
{"@context":"http:\/\/schema.org","@type":"Organization","name":"ThemeXpert Inc.","url":"https:\/\/www.themexpert.com","logo":"https:\/\/www.themexpert.com\/images\/themexpert_logo_for_paypal.png","sameAs":["https:\/\/www.facebook.com\/ThemeXpert","https:\/\/twitter.com\/themexpert","https:\/\/plus.google.com\/+Themexpert","https:\/\/www.youtube.com\/user\/ThemeXpert","https:\/\/www.linkedin.com\/company\/2918657"],"contactPoint":{"@type":"ContactPoint","telephone":"+88 02 9114147","contactType":"customer support","areaServed":["World"],"availableLanguage":["English + Bangla"]},"address":{"@type":"PostalAddress","streetAddress":"Level - 12, Suite - 1202, SEL HUQ SKYPARK, House: 23\/2","addressLocality":"Shyamoli, Mirpur Rd, Dhaka","addressRegion":"Dhaka","postalCode":"1207","addressCountry":"BD"}}
	</script>
	<!-- Start: Google Structured Data -->
             <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Page Not Found", "item": "https://www.themexpert.com/404" } ] } </script>
            <!-- End: Google Structured Data -->
        <!-- Google Tag Manager -->
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-TDRP');</script>
        <!-- End Google Tag Manager -->
	<style>
	
  
  	#tx-download-group .fade.in {
    	opacity: 1;
	}
.article-list .article .article-header h1 a,
.article-list .article .article-header h2 a {
    color: #000;
}
.article-list:not(.articles-leading) .article {
    background: transparent;
    padding: 10px;
    border: 1px solid #e9ecef;
    background-color: #fafafa;
}
.article-list:not(.articles-leading) .article:hover {
    background: transparent;
}
.blog.container .qx-post-content {
    padding: 10px 20px 20px;
}
.article-list .article .qx-article-meta {
    color: #43434a;
    font-weight: 500;
    margin-top: 20px !important;
}
.pagination-wrapper .page-link {
    color: #43434a;
}
.pagination li.active a,
.pagination li a:hover {
    background-color: transparent;
    color: var(--link);
}
.qx-btn-primary {
    color: #000000;
    background-color: #03F083;
    border-color: #03F083;
}
.article-details .article-body a:not(.qx-button):hover,
.article-details .article-body a:not(.btn-primary):hover {
    color: #fff;
}
.qx-btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
th {
    padding: 0.75rem 1rem;
}
.article-details .article-body table {
    border: 1px solid #eee;
}
.article-details .article-body table thead tr {
    background-color: #f6f6f6!important;
    border-bottom: 1px solid #eee;
}
.article-details .article-body table tbody tr:nth-child(even) {
    background-color: #f6f6f6;
}
.article-details .article-body table tbody tr {
    border-bottom: 1px solid #eee;
}
#digicom_dashboard_maincontent {
    border: 0!important;
    background-color: #fff;
    border-radius: 10px;
}
#digicom {
    background-color: #eef0f3;
}
#digicom .tx-user-links {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
}
#digicom .tx-user-links li a {
    color: #3f3f46;
}
#digicom .tx-user-links .nav li.active a {
    background: #f5f5f5;
    color: #03F083;
}
#digicom .tx-user-links .nav a:hover {
    color: #03F083;
}
#digicom  .tx-user-links .nav{
    border:  0;
}
.tx-card:hover {
    background: transparent;
}
#digicom_dashboard_licenses .tx-card.tx-card-bordered {
    padding-top: 0;
    margin-top: 0!important;
}
#digicom .qx-margin-large-top {
    padding-left: 15px;
}
.platform-content.row-fluid #digicom {
    background-color: transparent;
}
#tx-download-group .qx-active a {
    background-color: transparent;
}

#tx-download-group #tx-download-group-toggler a {
    color: #000;
}

#tx-download-group #tx-download-group-toggler .qx-active a {
    background-color: #f5f5f5;
}
#tx-download-group #tx-download-group-toggler .qx-active a,
#tx-download-group #tx-download-group-toggler a:hover {
    color: #02e702;
}

#tx-download-group-toggler {background: #fff;padding: 20px 20px 0;box-shadow: 0 0 30px rgba(0,0,0,0.03);border-radius: 6px;}
.article-details .article-body ul:not(.qx-accordion) li:before {
    display: none;
}
.article-details .article-body ul:not(.qx-accordion) {
    list-style: revert;
}
.article-details .article-body ul:not(.qx-accordion) li {
    padding-left: 0.2em;
    margin-left: 2em;
}
.article-details .article-body em, .article-details .article-body i {
    color: #3f3f46;
}
.article-details .article-body blockquote {
    padding: 10px 0 10px 20px;
    color: #3f3f46;
    font-size: 1rem;
    background-color:  #f5f5f5;
}
article.article-details a {
    color: #00e079;
}
article.article-details a:hover {
    color: #000!important;
}
#tx-cart{
  margin-bottom: 70px;
  color: #fff;
}
  #tx-cart table{color: #fff;}
  #tx-cart .qx-container > div{
        background: #272727;
    	color: #fff;
  }
  #tx-cart h1, #tx-cart h4{
  color:#fff;
  }
</style></head>
	<body class="site helix-ultimate hu com_quix com-quix view-page layout-default task-none itemid-1338 en-gb ltr layout-fluid offcanvas-init offcanvs-position-right header-transparent">
        <!-- Google Tag Manager (noscript) -->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TDRP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->
          
		
		
		<div class="body-wrapper">
			<div class="body-innerwrapper">
				  
<div class="sp-module "><div class="sp-module-content">
<div class="mod-quix-library qx-template">
    <div class="qx quix" data-qx="272" data-type="section"><div class="qx-inner frontend qx-type-section qx-item-272"> <section id="qx-section-rgmy0" class="qx-section qx-d-lg-none qx-d-md-none qx-d-sm-none qx-d-xs-none qx-d-none lazyload lazyload-bg"> <div class="qx-section-rgmy0-background-overlay qx-background-overlay"></div> <div class="qx-container-fluid"> <div id="qx-row-hqlnh" class="qx-row-wrap lazyload"><div class="qx-row qx-row-align-center qx-no-gutters"> <div class="qx-background-overlay qx-row-hqlnh-background-overlay"></div> <div id="qx-column-hfa93" class="qx-column"> <div class="qx-col-wrap lazyload"> <div class="qx-background-overlay qx-column-hfa93-background-overlay"></div> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-heading-hqjgz" class="qx-element qx-element-heading-v2 qx-d-md-none qx-d-lg-block qx-d-sm-none qx-d-xs-none qx-d-none "> <span> Coupon Code: <b>BFCM25 (Annual Plan) | BF30 (Lifetime Plan)</b> </span> </div>
</div> </div> </div> </div>
</div></div>
</div></section> <section id="qx-section-vtnjp" class="qx-section qx-d-lg-none qx-d-md-none qx-d-sm-none qx-d-xs-none qx-d-none lazyload lazyload-bg" data-bg="https://www.themexpert.com/images/banners/bf-banners/bf-header-banner-bg.jpg"> <div class="qx-section-vtnjp-background-overlay qx-background-overlay"></div> <div class="qx-container-fluid"> <div id="qx-row-baxk9" class="qx-row-wrap lazyload"><div class="qx-row qx-row-align-center qx-no-gutters"> <div class="qx-background-overlay qx-row-baxk9-background-overlay"></div> <div id="qx-column-wo8aa" class="qx-column"> <div class="qx-col-wrap lazyload"> <div class="qx-background-overlay qx-column-wo8aa-background-overlay"></div> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-image-fkdp3" class="qx-element qx-element-image-v2 "> <img data-width="100" data-height="100" data-optimumx="1.5" data-src="https://www.themexpert.com/images/banners/bf-banners/black-friday-deal-25-text-for-tx.png" alt="" class="qx-img-fluid lazyload blur-up" data-sizes="auto"> </div>
</div> </div> </div> </div>
<div id="qx-column-hy13r" class="qx-column"> <div class="qx-col-wrap lazyload"> <div class="qx-background-overlay qx-column-hy13r-background-overlay"></div> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-button-xarn0" class="qx-element qx-element-button-v2 qx-d-lg-none qx-d-md-none qx-d-sm-none qx-d-xs-none qx-d-none"> <a class="qx-btn qx-btn-primary " href="/pricing"><div class=" qx-element-button-wrapper iconSpacing-left qx-align-items-center qx-justify-content-center"> <span>Grab The Deal</span>
</div></a> </div>
</div> </div> </div> </div>
</div></div>
</div></section>
</div></div>
</div>
</div></div>
  
<header id="sp-header">

    
	<div class="container card-animated card-animated-loop">
		<div class="card-effect" style="--start-angle: 624deg;--delay: 11s;"></div>
		<div class="container-inner">
			<div class="row">
				<!-- Logo -->
				<div id="sp-logo" class="col-auto">
					<div class="sp-column">
						<div class="logo"><a href="https://www.themexpert.com">
				<img class="logo-image  d-none d-lg-inline-block" srcset="https://www.themexpert.com/images/logo.png 1x" src="https://www.themexpert.com/images/logo.png" height="32px" alt="ThemeXpert">
				<img class="logo-image-phone d-inline-block d-lg-none" src="https://www.themexpert.com/images/logo.png" alt="ThemeXpert"></a></div>						
					</div>
				</div>

				<!-- Menu -->
				<div id="sp-menu" class="col-auto flex-auto">
					<div class="sp-column  d-flex justify-content-end align-items-center">
						<nav class="sp-megamenu-wrapper d-flex" role="navigation"><a id="offcanvas-toggler" aria-label="Menu" class="offcanvas-toggler-right d-flex d-lg-none" href="#"><div class="burger-icon" aria-hidden="true">
<span></span><span></span><span></span>
</div></a><ul class="sp-megamenu-parent menu-animation-fade-up d-none d-lg-block">
<li class="sp-menu-item sp-has-child">
<a href="/joomla-templates">Templates</a><div class="sp-dropdown sp-dropdown-main sp-menu-right" style="width: 240px;"><div class="sp-dropdown-inner"><ul class="sp-dropdown-items">
<li class="sp-menu-item"><a href="/joomla-templates">All Templates</a></li>
<li class="sp-menu-item"><a href="/morphpro">Morph Pro</a></li>
</ul></div></div>
</li>
<li class="sp-menu-item sp-has-child">
<a href="/quix-pagebuilder" title="Quix - Joomla Page Builder">Page Builder</a><div class="sp-dropdown sp-dropdown-main sp-dropdown-mega sp-menu-center" style="width: 620px;left: -310px;"><div class="sp-dropdown-inner"><div class="row">
<div class="col-sm-7"><ul class="sp-mega-group">
<li class="item-2131 menu_item item-header">
</li>
<li class="item-1712 menu_item item-header">
</li>
<li class="item-1949 menu_item item-header">
</li>
<li class="item-1952 menu_item item-header">
</li>
<li class="item-2151 menu_item item-header">
</li>
<li class="item-402 module "><div class="sp-module "><div class="sp-module-content">

<div class="custom">
	<ul class="mega-items">
	<li><a href="/quix-pagebuilder" class="qx-grid qx-grid-small qx-flex-middle">
			<div class="qx-width-auto">
				<svg xmlns="https://www.w3.org/2000/svg" width="28" viewbox="0 0 640 512">
					<path d="M611.14 448h-69.72L357.48 159.68l32.84-50.37c11.57-17.75 39.8-17.75 51.37 0l194 297.6c11.77 18-2.05 41.09-24.55 41.09z" class="fa-secondary"></path>
					<path d="M338.33 189.07L503.5 448H30.92C6.81 448-8 422.81 4.58 403.18l207.9-324.66c12.4-19.36 42.64-19.36 55 0z" class="fa-primary"></path>
				</svg>
			</div>
			<div class="qx-width-expand">
				<div class="mega-item-title">Overview</div>
				<p class="mega-item-subtitle">Joomla website without hassle</p>
			</div>
		</a></li>
	<li><a href="/quix/website-builder" class="qx-grid qx-grid-small qx-flex-middle">
			<div class="qx-width-auto">
				<svg width="24" viewbox="0 0 448 512">
					<path d="M240 416h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-96 0h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm192 0h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm96-192h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 96h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 96h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-288h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z" class="fa-secondary"></path>
					<path d="M432 32H32A32 32 0 0 0 0 64v400a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16V96h368a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z" class="fa-primary"></path>
				</svg>
			</div>
			<div class="qx-width-expand">
				<div class="mega-item-title">Visual Site Builder</div>
				<p class="mega-item-subtitle">Drag &amp; Drop realtime editing</p>
			</div>
		</a></li>
	<li><a href="/quix/header-builder" class="qx-grid qx-grid-small qx-flex-middle">
			<div class="qx-width-auto">
				<svg width="28" viewbox="0 0 512 512">
					<path d="M359.425,276.48438a31.98517,31.98517,0,0,0,45.06388,4.09375A31.46789,31.46789,0,0,0,415.57518,256h-73.221ZM183.9978,288H328.0022V256H183.9978Zm80.00244,128h64.002V384h-64.002ZM107.51109,280.57813a32.00633,32.00633,0,0,0,45.06388-4.09375L169.6458,256h-73.221A31.46789,31.46789,0,0,0,107.51109,280.57813ZM264.00024,352h64.002V320h-64.002Zm-80.00244,0h64.002V320h-64.002ZM509.7929,140.416l-29.78606-12.41993-12.42226-29.7832a3.99158,3.99158,0,0,0-7.15256,0l-12.41835,29.7832-29.79,12.41993a4.00079,4.00079,0,0,0,0,7.15625l29.79,12.41992,12.41835,29.7832a3.99158,3.99158,0,0,0,7.15256,0l12.42226-29.7832,29.78606-12.41992a4.004,4.004,0,0,0,0-7.15625ZM183.9978,416h64.002V384h-64.002ZM63.99414,32.002,51.57189,2.21875a3.99473,3.99473,0,0,0-7.15647,0L31.99707,32.002,2.211,44.42188a3.99921,3.99921,0,0,0,0,7.15429L31.99707,63.99609,44.41542,93.78125a3.99473,3.99473,0,0,0,7.15647,0L63.99414,63.99609,93.7763,51.57617a3.99921,3.99921,0,0,0,0-7.15429Z" class="fa-secondary"></path>
					<path d="M384.00391,448H127.99609a32.00082,32.00082,0,0,0-32.001,32v32H416.00488V480A32.00082,32.00082,0,0,0,384.00391,448ZM255.96094,96l.01953-.00195L256,96a48,48,0,1,0,0-96l-.01953.002L255.96094,0a48,48,0,1,0,0,96ZM338.19,151.03125A63.84344,63.84344,0,0,0,289.01663,128H222.98337a63.78806,63.78806,0,0,0-49.15775,23.03125L113.01517,224H398.98874Z" class="fa-primary"></path>
				</svg>
			</div>
			<div class="qx-width-expand">
				<div class="mega-item-title">Header &amp; Footer Builder</div>
				<p class="mega-item-subtitle">Endless design customization</p>
			</div>
		</a></li>
	<li><a href="/quix/blocks" class="qx-grid qx-grid-small qx-flex-middle">
			<div class="qx-width-auto">
				<svg width="24" viewbox="0 0 512 512">
					<path d="M128 256a128 128 0 1 0 128 128 128 128 0 0 0-128-128zm379.51-80l-95-160c-12.67-21.33-44.35-21.33-57 0l-95 160c-12.67 21.33 3.17 48 28.51 48H479c25.34 0 41.18-26.67 28.51-48z" class="fa-secondary"></path>
					<path d="M512 320v160a32 32 0 0 1-32 32H320a32 32 0 0 1-32-32V320a32 32 0 0 1 32-32h160a32 32 0 0 1 32 32z" class="fa-primary"></path>
				</svg>
			</div>
			<div class="qx-width-expand">
				<div class="mega-item-title">Blocks Templates</div>
				<p class="mega-item-subtitle">Pre-designed section templates</p>
			</div>
		</a></li>
	<li><a href="/quix/layouts" class="qx-grid qx-grid-small qx-flex-middle">
			<div class="qx-width-auto">
				<svg width="24" viewbox="0 0 512 512">
					<path d="M64,256h64V192H64Zm370.66-88.29h0L344.5,77.36a31.83,31.83,0,0,0-45-.07h0l-.07.07L224,152.88V424L434.66,212.9A32,32,0,0,0,434.66,167.71ZM64,128h64V64H64ZM480,320H373.09L186.68,506.51c-2.06,2.07-4.5,3.58-6.68,5.49H480a32,32,0,0,0,32-32V352A32,32,0,0,0,480,320Z" class="fa-secondary"></path>
					<path d="M160,0H32A32,32,0,0,0,0,32V416a96,96,0,0,0,192,0V32A32,32,0,0,0,160,0ZM96,440a24,24,0,1,1,24-24A24,24,0,0,1,96,440Zm32-184H64V192h64Zm0-128H64V64h64Z" class="fa-primary"></path>
				</svg>
			</div>
			<div class="qx-width-expand">
				<div class="mega-item-title">Page Templates</div>
				<p class="mega-item-subtitle">Pre-designed page template library</p>
			</div>
		</a></li>
</ul>
</div>
</div></div></li>
<li class="item-2141 menu_item item-header">
</li>
</ul></div>
<div class="col-sm-5"><ul class="sp-mega-group">
<li class="item-2149 menu_item item-header"><a href="/quix/performance"><span class="fas fa-bolt"></span> Performance &amp; SEO</a></li>
<li class="item-2162 menu_item item-header"><a href="/quix/cross-domain-copy-paste" title="Cross Domain Copy Paste"><span class="fas fa-map-signs"></span> Cross Domain Copy Paste</a></li>
<li class="item-1894 menu_item item-header"><a href="/quix/elements"><span class="fas fa-dice-five"></span> Elements</a></li>
</ul></div>
</div></div></div>
</li>
<li class="sp-menu-item sp-has-child">
<a href="/joomla-extensions">Extensions</a><div class="sp-dropdown sp-dropdown-main sp-menu-right" style="width: 240px;"><div class="sp-dropdown-inner"><ul class="sp-dropdown-items">
<li class="sp-menu-item"><a href="/joomla-extensions/joomla-media-manager">JMedia</a></li>
<li class="sp-menu-item"><a href="/joomla-extensions/joomla-instantpage">Instant Page</a></li>
</ul></div></div>
</li>
<li class="sp-menu-item"><a href="/framer-templates">Framer</a></li>
<li class="sp-menu-item sp-has-child">
<span class=" sp-menu-separator">Resources</span><div class="sp-dropdown sp-dropdown-main sp-menu-right" style="width: 240px;"><div class="sp-dropdown-inner"><ul class="sp-dropdown-items">
<li class="sp-menu-item"><a href="/learn-joomla">Learn Joomla</a></li>
<li class="sp-menu-item"><a href="/support">Submit Ticket</a></li>
<li class="sp-menu-item"><a href="/docs">Documentation</a></li>
<li class="sp-menu-item"><a href="/video-tutorials">Video Tutorials</a></li>
<li class="sp-menu-item"><a href="/support-policy">Support Policy</a></li>
<li class="sp-menu-item"><a href="https://www.themexpert.com/blog">Blog</a></li>
</ul></div></div>
</li>
<li class="sp-menu-item"><a href="/pricing">Pricing</a></li>
</ul></nav>						

						<!-- Related Modules -->
						<div class="d-none d-lg-flex header-modules align-items-center">
								
															<div class="sp-module">
<a class="sp-sign-in" href="/login"><span class="signin-text d-none d-lg-inline-block">Sign In</span></a>
<a class="cta-btn" href="/pricing">Get Started</a>
</div>													</div>
						
						<!-- if offcanvas position right -->
													<a id="offcanvas-toggler" aria-label="Menu" title="Menu" class="mega offcanvas-toggler-secondary offcanvas-toggler-right d-flex align-items-center" href="#">
							<div class="burger-icon">
<span></span><span></span><span></span>
</div>
							</a>
											</div>
				</div>
			</div>
		</div>
	</div>
</header>				
<section id="sp-top">

				
	
<div class="row">
	<div id="sp-title" class="col-lg-12 "><div class="sp-column "><div class="sp-module "><div class="sp-module-content">
<div class="mod-quix-library qx-template">
    <div class="qx quix" data-qx="111" data-type="section"><div class="qx-inner frontend qx-type-section qx-item-111"> <section id="qx-section-8rmyi" class="qx-section qx-d-md-none qx-d-lg-flex qx-d-sm-none qx-d-xs-none qx-d-none"> <div class="qx-section-8rmyi-background-overlay qx-background-overlay"></div> <div class="qx-container"> <div id="qx-row-zr2io" class="qx-row-wrap lazyload qx-d-lg-none qx-d-md-none qx-d-sm-none qx-d-xs-none qx-d-none"><div class="qx-row qx-row-align-center qx-flex-md-row qx-flex-column-reverse"> <div class="qx-background-overlay qx-row-zr2io-background-overlay"></div> <div id="qx-column-v9d91" class="qx-column"> <div class="qx-col-wrap lazyload"> <div class="qx-background-overlay qx-column-v9d91-background-overlay"></div> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-countdown-vb5s4" class="qx-element qx-element-countdown-v2"> <div class="qx-countdown-wrapper qx-grid qx-grid-collapse qx-child-width-expand@s qx-child-width-1-2" qx-grid qx-countdown="date:2024-07-01T23:59:59"> <div class="qx-countdown-days-wrap"> <div class="qx-countdown-item qx-text-center"> <div class="qx-countdown-number qx-countdown-days"></div> <div class="qx-countdown-label qx-margin-small"> Days </div> </div> </div> <div class="qx-countdown-hours-wrap"> <div class="qx-countdown-item qx-text-center"> <div class="qx-countdown-number qx-countdown-hours"></div> <div class="qx-countdown-label qx-margin-small"> Hours </div> </div> </div> <div class="qx-countdown-minutes-wrap"> <div class="qx-countdown-item qx-text-center"> <div class="qx-countdown-number qx-countdown-minutes"></div> <div class="qx-countdown-label qx-margin-small"> Minutes </div> </div> </div> <div class="qx-countdown-seconds-wrap"> <div class="qx-countdown-item qx-text-center"> <div class="qx-countdown-number qx-countdown-seconds"></div> <div class="qx-countdown-label qx-margin-small"> Seconds </div> </div> </div> </div> </div>
</div> </div> </div> </div>
<div id="qx-column-x4zc8" class="qx-column"> <div class="qx-col-wrap lazyload"> <div class="qx-background-overlay qx-column-x4zc8-background-overlay"></div> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-heading-spm4e" class="qx-element qx-element-heading-v2 "> <span> EID MUBARAK! Enjoy a 30% discount.
Coupon: <strong>ADHA24</strong><small style="font-size: 0.6em;">(Valid for annual subscription)</small> </span> </div>
</div> </div> </div> </div>
<div id="qx-column-aikge" class="qx-column"> <div class="qx-col-wrap lazyload"> <div class="qx-background-overlay qx-column-aikge-background-overlay"></div> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-button-r5v6n" class="qx-element qx-element-button-v2"> <a class="qx-btn qx-btn-primary " href="https://www.themexpert.com/pricing"><div class=" qx-element-button-wrapper iconSpacing-left qx-align-items-center qx-justify-content-center">
<img data-src="https://www.themexpert.com/media/quixnxt/storage/icons/qxio-ios-color-wand-outline.svg" alt="qxio-ios-color-wand-outline" class="qx-preserve" qx-svg=""> <span>Grab The Deal</span>
</div></a> <style type="text/css">#qx-button-r5v6n .qx-element-button-wrapper .playIcon img{width:25px;height:25px;} #qx-button-r5v6n .qx-element-button-wrapper i {color: rgba(255, 255, 255, 1);font-size: 25px;}#qx-button-r5v6n .qx-element-button-wrapper polygon,#qx-button-r5v6n .qx-element-button-wrapper path {fill: rgba(255, 255, 255, 1);}#qx-button-r5v6n .qx-element-button-wrapper svg {width: 25px;}</style> </div>
</div> </div> </div> </div>
</div></div>
</div></section>
</div></div>
</div>
</div></div></div></div>
</div>
				
	</section>

<section id="sp-main-body">

									
	
<div class="row">
	
<main id="sp-component" class="col-lg-12 ">
	<div class="sp-column ">
		<div id="system-message-container" aria-live="polite">
			</div>


		
		<div class="qx quix" data-qx="50" data-type="page"><div class="qx-inner frontend qx-type-page qx-item-50"> <section id="qx-section-3we5d" class="qx-section"> <div class="qx-section-3we5d-background-overlay qx-background-overlay"></div> <div class="qx-container"> <div id="qx-row-wh2j9" class="qx-row-wrap lazyload"><div class="qx-row"> <div class="qx-background-overlay qx-row-wh2j9-background-overlay"></div> <div id="qx-column-oama8" class="qx-column"> <div class="qx-col-wrap lazyload"> <div class="qx-background-overlay qx-column-oama8-background-overlay"></div> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-heading-lh4u8" class="qx-element qx-element-heading-v2 "> <h1> Well, This is Awkward... </h1> </div>
</div> <div class="qx-element-wrap"> <div id="qx-text-8ege0" class="qx-element qx-element-text-v2 "> <p style="text-align: center;">We can't seem to find the page you're looking for. Head back to our homepage</p>
<p style="text-align: center;">or visit our <a href="/support" target="_self"><strong>Support Portal</strong> </a>for help.</p> </div>
</div> </div> </div> </div>
</div></div>
<div id="qx-row-dbs6r" class="qx-row-wrap lazyload"><div class="qx-row"> <div class="qx-background-overlay qx-row-dbs6r-background-overlay"></div> <div id="qx-column-ejfbo" class="qx-column"> <div class="qx-col-wrap lazyload"> <div class="qx-background-overlay qx-column-ejfbo-background-overlay"></div> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-button-mq634" class="qx-element qx-element-button-v2"> <a class="qx-btn qx-btn-primary " href="https://www.themexpert.com/"><div class=" qx-element-button-wrapper iconSpacing-left qx-align-items-center qx-justify-content-center"> <span>Go Back to Home</span>
</div></a> </div>
</div> </div> </div> </div>
</div></div>
</div></section>
</div></div>

<!-- gsap cdn -->
<script id="gsap-script" src="https://cdn.jsdelivr.net/npm/gsap@3.14.1/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.1/dist/SplitText.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.1/dist/ScrollTrigger.min.js"></script>

			</div>
</main>
</div>
									
	</section>


			</div>
		</div>

		<!-- Off Canvas Menu -->
		<div class="offcanvas-overlay"></div>
		<!-- Rendering the offcanvas style -->
		<!-- If canvas style selected then render the style -->
		<!-- otherwise (for old templates) attach the offcanvas module position -->
					<div class="offcanvas-menu">
	<div class="d-flex align-items-center p-3 pt-4">
		<div class="logo"><a href="https://www.themexpert.com">
				<img class="logo-image  d-none d-lg-inline-block" srcset="https://www.themexpert.com/images/logo.png 1x" src="https://www.themexpert.com/images/logo.png" height="32px" alt="ThemeXpert">
				<img class="logo-image-phone d-inline-block d-lg-none" src="https://www.themexpert.com/images/logo.png" alt="ThemeXpert"></a></div>		<a href="#" class="close-offcanvas" aria-label="Close Off-canvas">
			<div class="burger-icon">
				<span></span>
				<span></span>
				<span></span>
			</div>
		</a>
	</div>
	
	<div class="offcanvas-inner">
		<div class="d-flex header-modules mb-3">
			
							<div class="sp-module">
<a class="sp-sign-in" href="/login"><span class="signin-text d-none d-lg-inline-block">Sign In</span></a>
<a class="cta-btn" href="/pricing">Get Started</a>
</div>					</div>
		
					<div class="sp-module "><div class="sp-module-content">
<ul class="menu nav-pills">
<li class="item-205 menu-deeper menu-parent">
<a href="/joomla-templates">Templates<span class="menu-toggler"></span></a><ul class="menu-child">
<li class="item-2349"><a href="/joomla-templates">All Templates</a></li>
<li class="item-2332"><a href="/morphpro">Morph Pro</a></li>
</ul>
</li>
<li class="item-1711 menu-deeper menu-parent">
<a href="/quix-pagebuilder" title="Quix - Joomla Page Builder">Page Builder<span class="menu-toggler"></span></a><ul class="menu-child">
<li class="item-1894"><a href="/quix/elements">Elements</a></li>
<li class="item-2162"><a href="/quix/cross-domain-copy-paste" title="Cross Domain Copy Paste">Cross Domain Copy Paste</a></li>
<li class="item-2149"><a href="/quix/performance">Performance &amp; SEO</a></li>
</ul>
</li>
<li class="item-166 menu-deeper menu-parent">
<a href="/joomla-extensions">Extensions<span class="menu-toggler"></span></a><ul class="menu-child">
<li class="item-2285"><a href="/joomla-extensions/joomla-media-manager">JMedia</a></li>
<li class="item-1887"><a href="/joomla-extensions/joomla-instantpage">Instant Page</a></li>
</ul>
</li>
<li class="item-2314"><a href="/framer-templates">Framer</a></li>
<li class="item-1942 menu-divider menu-deeper menu-parent">
<span class="menu-separator ">Resources<span class="menu-toggler"></span></span>
<ul class="menu-child">
<li class="item-1877"><a href="/learn-joomla">Learn Joomla</a></li>
<li class="item-1415"><a href="/support">Submit Ticket</a></li>
<li class="item-1776"><a href="/docs">Documentation</a></li>
<li class="item-1445"><a href="/video-tutorials">Video Tutorials</a></li>
<li class="item-1943"><a href="/support-policy">Support Policy</a></li>
<li class="item-2218"><a href="https://www.themexpert.com/blog">Blog</a></li>
</ul>
</li>
<li class="item-149"><a href="/pricing">Pricing</a></li>
</ul>
</div></div>		
		
		
		
					
				
		<!-- custom module position -->
		
	</div>
</div>				

		
		

		<!-- Go to top -->
					<div class="qx quix" data-qx="251" data-type="footer"><div class="qx-inner frontend qx-type-footer qx-item-251"> <section id="qx-section-dalmh" class="qx-section qx-section--stretch lazyload lazyload-bg" data-bg="https://www.themexpert.com/images/quix/quix5/gradient-bg.jpg"> <div class="qx-section-dalmh-background-overlay qx-background-overlay"></div> <div class="qx-container-fluid"> <div id="qx-row-zdf0e" class="qx-row-wrap lazyload"><div class="qx-row"> <div class="qx-background-overlay qx-row-zdf0e-background-overlay"></div> <div id="qx-column-rnccn" class="qx-column"> <div class="qx-col-wrap lazyload"> <div class="qx-background-overlay qx-column-rnccn-background-overlay"></div> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-heading-ah5uj" class="qx-element qx-element-heading-v2 "> <h2> Begin crafting stunning websites </h2> </div></div> <div class="qx-element-wrap"> <div id="qx-text-90d3e" class="qx-element qx-element-text-v2 "> <p>Join a global community of creators who trust Quix 5, the leading Joomla page builder, to bring their visions to life.</p> </div></div> <div class="qx-element-wrap"> <div id="qx-dual-button-r4cr4" class="qx-element qx-element-dual-button"> <div class="qx-flex qx-element-dual-button-horizontal horizontal-alignDesktop-left horizontal-alignTablet-center horizontal-alignPhone-center"> <div class="btn-wrapper btn-first"> <a class="qx-btn qx-display-block" href="https://www.themexpert.com/pricing"><div class=" qx-element-dual-button-wrapper qx-flex qx-flex-row "> <span>Buy Now</span></div></a> </div> <div class="btn-wrapper btn-second"> <a class="qx-btn qx-display-block" href="https://try.getquix.net/index.php?option=com_quix&amp;view=form&amp;id=0&amp;tmpl=component&amp;layout=edit&amp;Itemid=1111"><div class=" qx-element-dual-button-wrapper qx-flex qx-flex-row "> <span>Try Live</span></div></a> </div> </div> </div></div> </div> </div> </div><div id="qx-column-iz94n" class="qx-column"> <div class="qx-col-wrap lazyload"> <div class="qx-background-overlay qx-column-iz94n-background-overlay"></div> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-image-z18fm" class="qx-element qx-element-image-v2 "> <img data-width="100" data-height="100" data-optimumx="1.5" data-src="https://www.themexpert.com/images/quix/quix5/builder-2.png" alt="" class="qx-img-fluid lazyload blur-up" data-sizes="auto"> </div></div> </div> </div> </div></div></div></div></section> <section id="qx-section-jefmr" class="qx-section"> <div class="qx-section-jefmr-background-overlay qx-background-overlay"></div> <div class="qx-container"> <div id="qx-row-14jev" class="qx-row-wrap lazyload"><div class="qx-row"> <div class="qx-background-overlay qx-row-14jev-background-overlay"></div> <div id="qx-column-rbzkp" class="qx-column"> <div class="qx-col-wrap lazyload"> <div class="qx-background-overlay qx-column-rbzkp-background-overlay"></div> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-heading-ycr7o" class="qx-element qx-element-heading-v2 "> <h6> Joomla Templates </h6> </div></div> <div class="qx-element-wrap"> <div id="qx-icon-list-tu6hs" class="qx-element qx-element-icon-list"> <div class="qx-icon-list-tu6hs-wrapper"> <ul class="qx-flex desktop-vertical-layout tablet-vertical-layout phone-vertical-layout vertical-alignDesktop-left vertical-alignTablet-center vertical-alignPhone-left"> <li id="icon-list" class="item-0 "> <a href="/joomla-templates"><span class="qx-icon-text">Responsive Joomla Templates</span></a> </li> <li id="icon-list" class="item-1 "> <a href="/joomla-templates/tag/free"><span class="qx-icon-text">Free Joomla Templates</span></a> </li> <li id="icon-list" class="item-2 "> <a href="/joomla-templates/tag/education"><span class="qx-icon-text">Education Joomla Templates</span></a> </li> <li id="icon-list" class="item-3 "> <a href="/joomla-templates/tag/news"><span class="qx-icon-text">News Joomla Templates</span></a> </li> <li id="icon-list" class="item-4 "> <a href="/joomla-templates/tag/business"><span class="qx-icon-text">Business Joomla Templates</span></a> </li> <li id="icon-list" class="item-5 "> <a href="/joomla-templates/tag/all"><span class="qx-icon-text">Joomla 4 Templates</span></a> </li> <li id="icon-list" class="item-6 "> <a href="/joomla-templates"><span class="qx-icon-text">Joomla 5 Templates</span></a> </li> <li id="icon-list" class="item-7 "> <a href="/joomla-templates/tag/legal"><span class="qx-icon-text">Legal Joomla Templates</span></a> </li> <li id="icon-list" class="item-8 "> <a href="/free-joomla-page-builder"><svg version="1.1" id="Layer_1" x="0px" y="0px" width="512px" height="512px" viewbox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><polygon points="480,200 308.519,200 256.029,32 203.519,200 32,200 170.946,304.209 116,480 256,368 396,480 341.073,304.195 "></polygon></svg><span class="qx-icon-text">Free Joomla Page Builder</span></a> <style type="text/css">#qx-icon-list-tu6hs li.item-8 .playIcon img{width:0px;height:0px;} #qx-icon-list-tu6hs li.item-8 i {color: ;font-size: 0px;}#qx-icon-list-tu6hs li.item-8 polygon,#qx-icon-list-tu6hs li.item-8 path {fill: ;}#qx-icon-list-tu6hs li.item-8 svg {width: 0px;}</style> </li> </ul> <style type="text/css">#qx-icon-list-tu6hs li .playIcon img{width:30px;height:30px;} #qx-icon-list-tu6hs li i {color: rgba(0,0,0,1);font-size: 30px;}#qx-icon-list-tu6hs li polygon,#qx-icon-list-tu6hs li path {fill: rgba(0,0,0,1);}#qx-icon-list-tu6hs li svg {width: 30px;}</style> </div> </div></div> </div> </div> </div><div id="qx-column-bqtf7" class="qx-column"> <div class="qx-col-wrap lazyload"> <div class="qx-background-overlay qx-column-bqtf7-background-overlay"></div> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-heading-jud4i" class="qx-element qx-element-heading-v2 "> <h6> Products </h6> </div></div> <div class="qx-element-wrap"> <div id="qx-icon-list-vzqdx" class="qx-element qx-element-icon-list"> <div class="qx-icon-list-vzqdx-wrapper"> <ul class="qx-flex desktop-vertical-layout tablet-vertical-layout phone-vertical-layout vertical-alignDesktop-left vertical-alignTablet-center vertical-alignPhone-left"> <li id="icon-list" class="item-0 "> <a href="/quix-pagebuilder"><span class="qx-icon-text">Joomla Page Builder</span></a> </li> <li id="icon-list" class="item-1 "> <a href="/quix/website-builder"><span class="qx-icon-text">Joomla Website Builder</span></a> </li> <li id="icon-list" class="item-2 "> <a href="/blog/joomla-seo"><span class="qx-icon-text">Joomla SEO</span></a> </li> <li id="icon-list" class="item-3 "> <a href="/joomla-media-manager"><span class="qx-icon-text">Joomla Media Manager</span></a> </li> <li id="icon-list" class="item-4 "> <a href="/joomla-extensions"><span class="qx-icon-text">Joomla Extensions</span></a> </li> <li id="icon-list" class="item-5 "> <a href="/blog/best-joomla-gallery-extensions"><span class="qx-icon-text">Joomla Image Gallery</span></a> </li> <li id="icon-list" class="item-6 "> <a href="/joomla-instantpage"><span class="qx-icon-text">Joomla Speed Optimization</span></a> </li> </ul> </div> </div></div> </div> </div> </div><div id="qx-column-894iz" class="qx-column"> <div class="qx-col-wrap lazyload"> <div class="qx-background-overlay qx-column-894iz-background-overlay"></div> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-heading-9u74f" class="qx-element qx-element-heading-v2 "> <h6> Services &amp; Tools </h6> </div></div> <div class="qx-element-wrap"> <div id="qx-icon-list-fzyrl" class="qx-element qx-element-icon-list"> <div class="qx-icon-list-fzyrl-wrapper"> <ul class="qx-flex desktop-vertical-layout tablet-vertical-layout phone-vertical-layout vertical-alignDesktop-left vertical-alignTablet-center vertical-alignPhone-left"> <li id="icon-list" class="item-0 "> <a href="https://www.themexpert.com/services"><span class="qx-icon-text">Joomla Development Service</span></a> </li> <li id="icon-list" class="item-1 "> <a href="https://www.themexpert.com/tools/ai-signature-generator"><span class="qx-icon-text">Free AI Signature Maker</span></a> </li> <li id="icon-list" class="item-2 "> <a href="https://www.themexpert.com/tools/word-counter"><span class="qx-icon-text">Free Word Counter</span></a> </li> <li id="icon-list" class="item-3 "> <a href="/tools/free-qr-code-generator"><span class="qx-icon-text">Free QR Code Generator</span></a> </li> <li id="icon-list" class="item-4 "> <a href="https://www.themexpert.com/framer-templates"><span class="qx-icon-text">Agency Framer Templates</span></a> </li> <li id="icon-list" class="item-5 "> <a href="https://www.themexpert.com/framer-templates"><span class="qx-icon-text">SaaS Framer Templates</span></a> </li> </ul> </div> </div></div> </div> </div> </div><div id="qx-column-bcekx" class="qx-column"> <div class="qx-col-wrap lazyload"> <div class="qx-background-overlay qx-column-bcekx-background-overlay"></div> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-heading-6ftba" class="qx-element qx-element-heading-v2 "> <h6> Resources </h6> </div></div> <div class="qx-element-wrap"> <div id="qx-icon-list-aarh9" class="qx-element qx-element-icon-list"> <div class="qx-icon-list-aarh9-wrapper"> <ul class="qx-flex desktop-vertical-layout tablet-vertical-layout phone-vertical-layout vertical-alignDesktop-left vertical-alignTablet-center vertical-alignPhone-left"> <li id="icon-list" class="item-0 "> <a href="/blog"><span class="qx-icon-text">Blog</span></a> </li> <li id="icon-list" class="item-1 "> <a href="/docs"><span class="qx-icon-text">Documentation</span></a> </li> <li id="icon-list" class="item-2 "> <a href="/learn-joomla"><span class="qx-icon-text">Learn Joomla</span></a> </li> <li id="icon-list" class="item-3 "> <a href="/support"><span class="qx-icon-text">Support</span></a> </li> <li id="icon-list" class="item-4 "> <a href="/video-tutorials"><span class="qx-icon-text">Joomla Training</span></a> </li> <li id="icon-list" class="item-5 "> <a href="/partners"><span class="qx-icon-text">Partners</span></a> </li> <li id="icon-list" class="item-6 "> <a href="https://www.facebook.com/groups/530116237158477" target="_blank" rel="nofollow"><span class="qx-icon-text">Community</span></a> </li> </ul> </div> </div></div> </div> </div> </div><div id="qx-column-4m195" class="qx-column"> <div class="qx-col-wrap lazyload"> <div class="qx-background-overlay qx-column-4m195-background-overlay"></div> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-heading-2uce0" class="qx-element qx-element-heading-v2 "> <h6> Company </h6> </div></div> <div class="qx-element-wrap"> <div id="qx-icon-list-n64sw" class="qx-element qx-element-icon-list"> <div class="qx-icon-list-n64sw-wrapper"> <ul class="qx-flex desktop-vertical-layout tablet-vertical-layout phone-vertical-layout vertical-alignDesktop-left vertical-alignTablet-center vertical-alignPhone-left"> <li id="icon-list" class="item-0 "> <a href="/about"><span class="qx-icon-text">About us</span></a> </li> <li id="icon-list" class="item-1 "> <a href="/terms-of-use"><span class="qx-icon-text"> Terms of Service</span></a> </li> <li id="icon-list" class="item-2 "> <a href="https://www.iubenda.com/privacy-policy/19646163" target="_blank" rel="nofollow"><span class="qx-icon-text">Privacy Policy</span></a> </li> <li id="icon-list" class="item-3 "> <a href="/refund-policy"><span class="qx-icon-text">Refund Policy</span></a> </li> <li id="icon-list" class="item-4 "> <a href="/envato"><span class="qx-icon-text">Envato Support</span></a> </li> </ul> </div> </div></div> </div> </div> </div></div></div><div id="qx-row-vomzo" class="qx-row-wrap lazyload"><div class="qx-row qx-row-align-center"> <div class="qx-background-overlay qx-row-vomzo-background-overlay"></div> <div id="qx-column-ig3sn" class="qx-column"> <div class="qx-col-wrap lazyload"> <div class="qx-background-overlay qx-column-ig3sn-background-overlay"></div> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-heading-2zltk" class="qx-element qx-element-heading-v2 "> <h6> How can we help? <a href="/support"><u>Contact us.</u></a> </h6> </div></div> </div> </div> </div><div id="qx-column-pgcpw" class="qx-column"> <div class="qx-col-wrap lazyload"> <div class="qx-background-overlay qx-column-pgcpw-background-overlay"></div> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-social-icon-6qjhg" class="qx-element qx-element-social-icon"> <div class="qx-social-icon-6qjhg-wrapper"><ul class="qx-iconnav horizontalDesktopLayout horizontalTabletLayout horizontalPhoneLayout horizontalAlignDesktopSiright horizontalAlignTabletSileft horizontalAlignPhoneSicenter"><li class="item-0"><a class="qx-icon" href="#" aria-label="Visit the following links for more" target="_self" rel="follow"><img data-src="https://www.themexpert.com/media/quixnxt/storage/icons/qxif-facebook.svg" alt="qxif-facebook" class="qx-preserve" qx-svg=""></a><style type="text/css">#qx-social-icon-6qjhg li.item-0 .playIcon img{width:30px;height:30px;} #qx-social-icon-6qjhg li.item-0 i {color: rgba(129, 129, 129, 1);font-size: 30px;}#qx-social-icon-6qjhg li.item-0 polygon,#qx-social-icon-6qjhg li.item-0 path {fill: rgba(129, 129, 129, 1);}#qx-social-icon-6qjhg li.item-0 svg {width: 30px;}</style></li><li class="item-1"><a class="qx-icon" href="#" aria-label="Visit the following links for more" target="_self" rel="follow"><img data-src="https://www.themexpert.com/media/quixnxt/storage/icons/qxif-twitter.svg" alt="qxif-twitter" class="qx-preserve" qx-svg=""></a><style type="text/css">#qx-social-icon-6qjhg li.item-1 .playIcon img{width:30px;height:30px;} #qx-social-icon-6qjhg li.item-1 i {color: rgba(129, 129, 129, 1);font-size: 30px;}#qx-social-icon-6qjhg li.item-1 polygon,#qx-social-icon-6qjhg li.item-1 path {fill: rgba(129, 129, 129, 1);}#qx-social-icon-6qjhg li.item-1 svg {width: 30px;}</style></li><li class="item-2"><a class="qx-icon" href="#" aria-label="Visit the following links for more" target="_self" rel="follow"><img data-src="https://www.themexpert.com/media/quixnxt/storage/icons/qxif-linkedin-in.svg" alt="qxif-linkedin-in" class="qx-preserve" qx-svg=""></a><style type="text/css">#qx-social-icon-6qjhg li.item-2 .playIcon img{width:30px;height:30px;} #qx-social-icon-6qjhg li.item-2 i {color: rgba(129, 129, 129, 1);font-size: 30px;}#qx-social-icon-6qjhg li.item-2 polygon,#qx-social-icon-6qjhg li.item-2 path {fill: rgba(129, 129, 129, 1);}#qx-social-icon-6qjhg li.item-2 svg {width: 30px;}</style></li><li class="item-3"><a class="qx-icon" href="#" aria-label="Visit the following links for more" target="_self" rel="follow"><img data-src="https://www.themexpert.com/media/quixnxt/storage/icons/qxif-youtube.svg" alt="qxif-youtube" class="qx-preserve" qx-svg=""></a><style type="text/css">#qx-social-icon-6qjhg li.item-3 .playIcon img{width:30px;height:30px;} #qx-social-icon-6qjhg li.item-3 i {color: rgba(129, 129, 129, 1);font-size: 30px;}#qx-social-icon-6qjhg li.item-3 polygon,#qx-social-icon-6qjhg li.item-3 path {fill: rgba(129, 129, 129, 1);}#qx-social-icon-6qjhg li.item-3 svg {width: 30px;}</style></li></ul></div></div></div> </div> </div> </div></div></div><div id="qx-row-sgjs2" class="qx-row-wrap lazyload"><div class="qx-row"> <div class="qx-background-overlay qx-row-sgjs2-background-overlay"></div> <div id="qx-column-xjlfy" class="qx-column"> <div class="qx-col-wrap lazyload"> <div class="qx-background-overlay qx-column-xjlfy-background-overlay"></div> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-image-w4sca" class="qx-element qx-element-image-v2 "> <img data-src="https://www.themexpert.com/images/logo-white.svg" alt="icon-alt" class="qx-preserve" qx-svg=""> <style type="text/css">#qx-image-w4sca .playIcon img{width:160px;height:160px;} #qx-image-w4sca i {color: ;font-size: 160px;}#qx-image-w4sca polygon,#qx-image-w4sca path {fill: ;}#qx-image-w4sca svg {width: 160px;}</style> </div></div> <div class="qx-element-wrap"> <div id="qx-text-8zicq" class="qx-element qx-element-text-v2 "> <p>Joomla!&reg; name is used under a limited license from Open Source Matters in the United States and other countries. ThemeXpert.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.</p> </div></div> </div> </div> </div></div></div></div></section></div></div>	<script>
		jQuery.fn.extend({
          toggleText: function(a, b){

              if(this.text() == b && b == a){
                  this.hidden();
              }else{
                  this.show();
                  return this.text(this.text() == b ? a : b);
              }
          }
      });
	</script>
    <script>
      document.addEventListener("DOMContentLoaded", function () {
        document.querySelectorAll("table").forEach(function (table) {
          // Skip tables that are already wrapped
          if (!table.closest(".responsive-table-wrapper")) {
            const wrapper = document.createElement("div");
            wrapper.className = "responsive-table-wrapper";
            table.parentNode.insertBefore(wrapper, table);
            wrapper.appendChild(table);
          }
        });
      });
    </script>
</body>
</html><!-- IUBENDA PRIMARY PARSING ENGINE --><!-- IUBENDA PLUGIN ACTIVE -->
