CINXE.COM

<!DOCTYPE html> <html lang="en-US" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"> <link rel="profile" href="https://gmpg.org/xfn/11"> <title>Accordions and Toggles block for Gutenberg – Qi Blocks For Gutenberg</title> <meta name='robots' content='max-image-preview:large' />  <script data-cfasync="false" data-pagespeed-no-defer> var gtm4wp_datalayer_name = "dataLayer"; var dataLayer = dataLayer || []; </script> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="Qi Blocks For Gutenberg » Feed" href="https://qodeinteractive.com/qi-blocks-for-gutenberg/feed/" /> <link rel="alternate" type="application/rss+xml" title="Qi Blocks For Gutenberg » Comments Feed" href="https://qodeinteractive.com/qi-blocks-for-gutenberg/comments/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.5.2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <link rel='stylesheet' id='animate-css' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qi-blocks/assets/css/plugins/animate/animate.min.css?ver=6.5.2' type='text/css' media='all' /> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <style id='wp-block-library-inline-css' type='text/css'> :root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:#9747ff}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <link rel='stylesheet' id='contact-form-7-css' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='cf7msm_styles-css' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/contact-form-7-multi-step-module/resources/cf7msm.css?ver=4.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='qi-blocks-grid-css' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qi-blocks/assets/dist/grid.css?ver=6.5.2' type='text/css' media='all' /> <link rel='stylesheet' id='qi-blocks-main-css' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qi-blocks/assets/dist/main.css?ver=6.5.2' type='text/css' media='all' /> <style id='qi-blocks-main-inline-css' type='text/css'> body .qodef-widget-block-6bb303e2.qodef-block-container{position: relative;top: 2px;} body .qodef-widget-block-6bb303e2 .qi-block-advanced-navigation.qodef-layout--standard nav > ul > li{padding-left: 0px;padding-right: 0px;} body .qodef-widget-block-6bb303e2 .qi-block-advanced-navigation.qodef-layout--standard nav > ul > li > a{font-family: 'Heebo';font-weight: 500;text-transform: uppercase;font-size: 14px;line-height: 35px;letter-spacing: 1px;color: rgba(19,19,19,1);padding-top: 21px;padding-bottom: 21px;} body .qodef-widget-block-6bb303e2 .qi-block-advanced-navigation.qodef-layout--standard nav > ul > li > a:hover{color: rgba(19,19,19,1);} body .qodef-widget-block-6bb303e2 .qi-block-advanced-navigation.qodef-layout--standard nav > ul > li.current-menu-ancestor > a, .qodef-widget-block-6bb303e2 .qi-block-advanced-navigation.qodef-layout--standard nav > ul > li.current-menu-item > a{color: rgba(19,19,19,1);} body .qodef-widget-block-6bb303e2 .qi-block-advanced-navigation nav ul li a .qodef-m-icon, .qodef-widget-block-6bb303e2 .qi-block-advanced-navigation nav ul li a .qodef-m-active-icon{top: 0px;font-size: 10px;} body .qodef-widget-block-6bb303e2 .qi-block-advanced-navigation.qodef-item-icon-position--left nav ul li a .qodef-m-icon, .qodef-widget-block-6bb303e2 .qi-block-advanced-navigation.qodef-item-icon-position--left nav ul li a .qodef-m-active-icon{margin-right: 5px;} body .qodef-widget-block-6bb303e2 .qi-block-advanced-navigation.qodef-item-icon-position--right nav ul li a .qodef-m-icon, .qodef-widget-block-6bb303e2 .qi-block-advanced-navigation.qodef-item-icon-position--right nav ul li a .qodef-m-active-icon{margin-left: 5px;} body .qodef-widget-block-6bb303e2 .qi-block-advanced-navigation.qodef-layout--standard nav ul li ul{width: 250px;background-color: rgba(33,33,33,1);left: -25px;} body .qodef-widget-block-6bb303e2 .qi-block-advanced-navigation.qodef-layout--standard nav ul li ul.qodef-drop-down--right{right: -25px;left: auto;} body .qodef-widget-block-6bb303e2 .qi-block-advanced-navigation.qodef-layout--standard nav ul li ul li a{font-family: 'DM Sans';font-weight: 500;text-transform: none;font-size: 15px;line-height: 26px;letter-spacing: 0px;color: rgba(255,255,255,1);} body .qodef-widget-block-6bb303e2 .qi-block-advanced-navigation.qodef-layout--standard nav ul li ul li a:hover{color: rgba(255,255,255,1);} body .qodef-widget-block-6bb303e2 .qi-block-advanced-navigation.qodef-layout--standard nav ul li ul li.current-menu-ancestor > a, .qodef-widget-block-6bb303e2 .qi-block-advanced-navigation.qodef-layout--standard nav ul li ul li.current-menu-item > a{color: rgba(255,255,255,1);} body .qodef-widget-block-8606a2a9.qodef-block-container{position: absolute;width: 32px;max-width: 32px;right: -30px;top: 16px;} body .qodef-widget-block-162ba119 .qi-block-button.qodef-block .qodef-m-icon{font-size: 0.84em;margin-right: 8px;stroke-width: 0px;} @media (max-width: 1024px) { body .qodef-widget-block-162ba119 .qi-block-button.qodef-block .qodef-m-icon{margin-right: 8px;margin-left: 4px;} } body .qodef-widget-block-162ba119 .qi-block-button.qodef-block.qodef-icon--right:not(.qodef-type--icon-boxed) .qodef-m-icon{margin-right: 8px;} @media (max-width: 1024px) { body .qodef-widget-block-162ba119 .qi-block-button.qodef-block.qodef-icon--right:not(.qodef-type--icon-boxed) .qodef-m-icon{margin-right: 8px;margin-left: 4px;} } body .qodef-widget-block-162ba119 .qi-block-button.qodef-block .qodef-m-text{font-weight: 700;text-transform: uppercase;font-size: 14px;} @media (max-width: 1024px) { body .qodef-widget-block-162ba119 .qi-block-button.qodef-block .qodef-m-text{font-size: 11px;} } body .qodef-widget-block-9b79c96a.qodef-block-container{padding-left: 0px;} body .qodef-widget-block-9b79c96a .qi-block-button.qodef-block .qodef-m-icon{font-size: 0.84em;margin-right: 8px;stroke-width: 0px;} body .qodef-widget-block-9b79c96a .qi-block-button.qodef-block.qodef-icon--right:not(.qodef-type--icon-boxed) .qodef-m-icon{margin-right: 8px;} body .qodef-widget-block-9b79c96a .qi-block-button.qodef-block.qodef-type--icon-boxed .qodef-m-icon{padding-top: 8px;padding-bottom: 8px;} @media (max-width: 1024px) { body .qodef-widget-block-9b79c96a .qi-block-button.qodef-block.qodef-type--icon-boxed .qodef-m-icon{padding-top: 2px;padding-bottom: 2px;} } body .qodef-widget-block-9b79c96a .qi-block-button.qodef-block .qodef-m-text{font-weight: 700;text-transform: uppercase;font-size: 14px;} @media (max-width: 1024px) { body .qodef-widget-block-9b79c96a .qi-block-button.qodef-block .qodef-m-text{font-size: 11px;} } body .qodef-widget-block-9b79c96a .qi-block-button.qodef-block.qodef-type--icon-boxed .qodef-m-text{padding-top: 8px;padding-right: 26px;padding-bottom: 8px;padding-left: 26px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;} @media (max-width: 1024px) { body .qodef-widget-block-9b79c96a .qi-block-button.qodef-block.qodef-type--icon-boxed .qodef-m-text{padding-top: 2px;padding-right: 16px;padding-bottom: 2px;padding-left: 16px;} } body .qodef-widget-block-9b79c96a .qi-block-button.qodef-block.qodef-layout--filled{background-color: rgba(238,40,82,1);color: rgba(255,255,255,1);} body .qodef-widget-block-9b79c96a .qi-block-button.qodef-block.qodef-layout--outlined{color: rgba(255,255,255,1);} body .qodef-widget-block-9b79c96a .qi-block-button.qodef-block.qodef-layout--textual{color: rgba(255,255,255,1);} body .qodef-widget-block-9b79c96a .qi-block-button.qodef-block:not(.qodef-layout--textual):hover{color: rgba(255,255,255,1);} body .qodef-widget-block-9b79c96a .qi-block-button.qodef-block.qodef-layout--textual:hover{color: rgba(255,255,255,1);} body .qodef-widget-block-9b79c96a .qi-block-button.qodef-block:not(.qodef-layout--textual){padding-top: 8px;padding-right: 26px;padding-bottom: 8px;padding-left: 26px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;} @media (max-width: 1024px) { body .qodef-widget-block-9b79c96a .qi-block-button.qodef-block:not(.qodef-layout--textual){padding-top: 2px;padding-right: 16px;padding-bottom: 2px;padding-left: 16px;} } body .qodef-widget-block-9b79c96a .qi-block-button.qodef-block.qodef-layout--filled:not(.qodef-hover--reveal):hover, .qodef-widget-block-9b79c96a .qi-block-button.qodef-block.qodef-layout--outlined:not(.qodef-hover--reveal):hover, .qodef-widget-block-9b79c96a .qi-block-button.qodef-block.qodef-layout--filled.qodef-hover--reveal:after, .qodef-widget-block-9b79c96a .qi-block-button.qodef-block.qodef-layout--outlined.qodef-hover--reveal:after{background-color: rgba(238,40,82,1);} body .qodef-widget-block-1f5b08da .qi-block-advanced-navigation.qodef-layout--standard nav > ul > li{padding-left: 0px;padding-right: 0px;} body .qodef-widget-block-1f5b08da .qi-block-advanced-navigation.qodef-layout--standard nav > ul > li > a{font-family: 'Heebo';font-weight: 500;text-transform: uppercase;font-size: 14px;line-height: 34px;letter-spacing: 1px;color: rgba(19,19,19,1);padding-top: 15px;padding-bottom: 15px;} body .qodef-widget-block-1f5b08da .qi-block-advanced-navigation.qodef-layout--standard nav > ul > li > a:hover{color: rgba(19,19,19,1);} body .qodef-widget-block-1f5b08da .qi-block-advanced-navigation.qodef-layout--standard nav > ul > li.current-menu-ancestor > a, .qodef-widget-block-1f5b08da .qi-block-advanced-navigation.qodef-layout--standard nav > ul > li.current-menu-item > a{color: rgba(19,19,19,1);} body .qodef-widget-block-1f5b08da .qi-block-advanced-navigation nav ul li a .qodef-m-icon, .qodef-widget-block-1f5b08da .qi-block-advanced-navigation nav ul li a .qodef-m-active-icon{top: 0px;font-size: 10px;} body .qodef-widget-block-1f5b08da .qi-block-advanced-navigation.qodef-item-icon-position--left nav ul li a .qodef-m-icon, .qodef-widget-block-1f5b08da .qi-block-advanced-navigation.qodef-item-icon-position--left nav ul li a .qodef-m-active-icon{margin-right: 5px;} body .qodef-widget-block-1f5b08da .qi-block-advanced-navigation.qodef-item-icon-position--right nav ul li a .qodef-m-icon, .qodef-widget-block-1f5b08da .qi-block-advanced-navigation.qodef-item-icon-position--right nav ul li a .qodef-m-active-icon{margin-left: 5px;} body .qodef-widget-block-1f5b08da .qi-block-advanced-navigation.qodef-layout--standard nav ul li ul{width: 250px;background-color: rgba(255,255,255,1);left: -25px;} body .qodef-widget-block-1f5b08da .qi-block-advanced-navigation.qodef-layout--standard nav ul li ul.qodef-drop-down--right{right: -25px;left: auto;} body .qodef-widget-block-1f5b08da .qi-block-advanced-navigation.qodef-layout--standard nav ul li ul li a{font-family: 'DM Sans';font-weight: 500;text-transform: none;font-size: 15px;line-height: 26px;letter-spacing: 0px;color: rgba(19,19,19,1);} body .qodef-widget-block-1f5b08da .qi-block-advanced-navigation.qodef-layout--standard nav ul li ul li a:hover{color: rgba(19,19,19,1);} body .qodef-widget-block-1f5b08da .qi-block-advanced-navigation.qodef-layout--standard nav ul li ul li.current-menu-ancestor > a, .qodef-widget-block-1f5b08da .qi-block-advanced-navigation.qodef-layout--standard nav ul li ul li.current-menu-item > a{color: rgba(19,19,19,1);} body .qodef-widget-block-da563213 .qi-block-advanced-text p{font-family: 'Heebo';font-weight: 400;color: rgba(254,254,254,1);} body[class*="-5"] .qodef-gutenberg-section.qodef--template > .qodef-gutenberg-row > .qodef-gutenberg-column.qodef-block-ebe2e190{--qi-blocks-columns: 2!important;} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-section.qodef--template > .qodef-gutenberg-row > .qodef-gutenberg-column.qodef-block-ebe2e190{--qi-blocks-columns: 1!important;} } body[class*="-5"] .qodef-gutenberg-column.qodef-block-ebe2e190 > .qodef-gutenberg-column-inner{background-color: rgba(249,249,249,1);padding-top: 24%;padding-right: 16%;padding-bottom: 24%;padding-left: 16%;} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-column.qodef-block-ebe2e190 > .qodef-gutenberg-column-inner{padding-top: 0%;padding-right: 7%;padding-bottom: 0%;padding-left: 7%;} } @media (max-width: 680px) { body[class*="-5"] .qodef-gutenberg-column.qodef-block-ebe2e190 > .qodef-gutenberg-column-inner{padding-right: 7%;padding-left: 7%;} } body[class*="-5"] .qodef-gutenberg-section.qodef--template > .qodef-gutenberg-row > .qodef-gutenberg-column.qodef-block-0bceb808{--qi-blocks-columns: 2!important;} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-section.qodef--template > .qodef-gutenberg-row > .qodef-gutenberg-column.qodef-block-0bceb808{--qi-blocks-columns: 1!important;} } body[class*="-5"] .qodef-gutenberg-column.qodef-block-0bceb808 > .qodef-gutenberg-column-inner{background-color: rgba(243,243,243,1);background-image: url(https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/06/accordions-image-1.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;} body[class*="-5"] .qodef-block-e2fe8455.qodef-block-container{margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 45px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;} @media (max-width: 1024px) { body[class*="-5"] .qodef-block-e2fe8455.qodef-block-container{padding-bottom: 150px;} } body[class*="-5"] .qodef-block-e2fe8455 .qi-block-accordion .qodef-e-title-holder{font-size: 21px;background-color: rgba(243,243,243,1);padding-top: 29px;padding-right: 26px;padding-bottom: 32px;padding-left: 28px;} @media (max-width: 680px) { body[class*="-5"] .qodef-block-e2fe8455 .qi-block-accordion .qodef-e-title-holder{padding-right: 41px;} } body[class*="-5"] .qodef-block-e2fe8455 .qi-block-accordion .qodef-e-title-holder.ui-state-active{background-color: rgba(255,214,142,1);padding-top: 29px;padding-right: 26px;padding-bottom: 11px;padding-left: 28px;} @media (max-width: 680px) { body[class*="-5"] .qodef-block-e2fe8455 .qi-block-accordion .qodef-e-title-holder.ui-state-active{padding-right: 41px;} } body[class*="-5"] .qodef-block-e2fe8455 .qi-block-accordion .qodef-e-content{background-color: rgba(243,243,243,1);padding-top: 0px;padding-right: 39px;padding-bottom: 42px;padding-left: 28px;} @media (max-width: 680px) { body[class*="-5"] .qodef-block-e2fe8455 .qi-block-accordion .qodef-e-content{padding-right: 28px;padding-bottom: 42px;padding-left: 28px;} } body[class*="-5"] .qodef-block-e2fe8455 .qi-block-accordion .qodef-e-title-holder.ui-state-active + .qodef-e-content{background-color: rgba(255,214,142,1);} body[class*="-5"] .qodef-block-e2fe8455 .qi-block-accordion .qodef-e-title-holder .qodef-e-icon{font-size: 30px;color: rgba(30,30,30,1);} @media (max-width: 680px) { body[class*="-5"] .qodef-block-e2fe8455 .qi-block-accordion .qodef-e-title-holder .qodef-e-icon{right: -15px;} } body[class*="-5"] .qodef-block-e2fe8455 .qi-block-accordion.qodef-style--standard .qodef-e-title-holder:not(:first-child){margin-top: 3px;} @media (max-width: 1024px) { body[class*="-5"] .qodef-block-bdba6137.qodef-block-container{padding-top: 141px;} } body[class*="-5"] .qodef-block-bdba6137 .qi-block-section-title .qodef-m-title{margin-top: 13px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;} body[class*="-5"] .qodef-block-bdba6137 .qi-block-section-title .qodef-m-subtitle{font-size: 17px;} body[class*="-5"] .qodef-gutenberg-section.qodef-block-2be8f1f5{padding-top: 150px;padding-bottom: 139px;} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-section.qodef-block-2be8f1f5{padding-bottom: 140px;} } @media (max-width: 1024px) { body[class*="-5"] .qodef-block-833fcf10.qodef-block-container{margin-top: 44px;padding-right: 7%;padding-left: 7%;} } @media (max-width: 680px) { body[class*="-5"] .qodef-block-833fcf10.qodef-block-container{padding-right: 0px;padding-left: 0px;} } body[class*="-5"] .qodef-block-833fcf10 .qi-block-accordion .qodef-e-title-holder{font-weight: 600;text-transform: uppercase;letter-spacing: 1px;padding-top: 30px;padding-right: 0px;padding-bottom: 30px;padding-left: 0px;} @media (max-width: 680px) { body[class*="-5"] .qodef-block-833fcf10 .qi-block-accordion .qodef-e-title-holder{padding-right: 30px;} } body[class*="-5"] .qodef-block-833fcf10 .qi-block-accordion .qodef-e-content{padding-top: 27px;padding-right: 45px;padding-bottom: 29px;padding-left: 0px;} @media (max-width: 680px) { body[class*="-5"] .qodef-block-833fcf10 .qi-block-accordion .qodef-e-content{padding-top: 27px;padding-right: 0px;padding-bottom: 27px;padding-left: 0px;} } body[class*="-5"] .qodef-block-833fcf10 .qi-block-accordion .qodef-e-title-holder .qodef-e-icon{font-size: 28px;color: rgba(30,30,30,1);} @media (max-width: 680px) { body[class*="-5"] .qodef-block-833fcf10 .qi-block-accordion .qodef-e-title-holder .qodef-e-icon{right: -30px;} } body[class*="-5"] .qodef-block-833fcf10 .qi-block-accordion .qodef-e-title-holder:hover .qodef-e-icon{color: rgba(196,196,196,1);} body[class*="-5"] .qodef-block-833fcf10 .qi-block-accordion.qodef-style--boxed,body[class*="-5"] .qodef-block-833fcf10 .qi-block-accordion.qodef-style--boxed .qodef-e-title-holder:not(:first-child),body[class*="-5"] .qodef-block-833fcf10 .qi-block-accordion.qodef-style--border-top,body[class*="-5"] .qodef-block-833fcf10 .qi-block-accordion.qodef-style--border-top .qodef-e-title-holder,body[class*="-5"] .qodef-block-833fcf10 .qi-block-accordion.qodef-style--border-between .qodef-e-title-holder,body[class*="-5"] .qodef-block-833fcf10 .qi-block-accordion.qodef-style--border-between .qodef-e-content{border-color: rgba(225,225,225,1);} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-section.qodef--template > .qodef-gutenberg-row > .qodef-gutenberg-column.qodef-block-bd542c05{--qi-blocks-columns: 1!important;} } body[class*="-5"] .qodef-gutenberg-column.qodef-block-bd542c05 > .qodef-gutenberg-column-inner{margin-top: -35px;padding-right: 19%;padding-left: 19%;} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-column.qodef-block-bd542c05 > .qodef-gutenberg-column-inner{margin-top: 0px;padding-right: 0px;padding-left: 0px;} } @media (max-width: 680px) { body[class*="-5"] .qodef-gutenberg-column.qodef-block-bd542c05 > .qodef-gutenberg-column-inner{padding-right: 7%;padding-left: 7%;} } @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-section.qodef--template > .qodef-gutenberg-row > .qodef-gutenberg-column.qodef-block-a027a7ee{--qi-blocks-columns: 1!important;} } body[class*="-5"] .qodef-block-d8c8f6ba.qodef-block-container{padding-top: 40px;} body[class*="-5"] .qodef-block-d8c8f6ba .qi-block-accordion .qodef-e-title-holder{font-size: 21px;color: rgba(255,113,74,1);padding-top: 27px;padding-right: 0px;padding-bottom: 29px;padding-left: 0px;} @media (max-width: 680px) { body[class*="-5"] .qodef-block-d8c8f6ba .qi-block-accordion .qodef-e-title-holder{padding-right: 30px;} } body[class*="-5"] .qodef-block-d8c8f6ba .qi-block-accordion .qodef-e-title-holder.ui-state-active{color: rgba(255,113,74,1);padding-top: 27px;padding-right: 0px;padding-bottom: 13px;padding-left: 0px;} @media (max-width: 680px) { body[class*="-5"] .qodef-block-d8c8f6ba .qi-block-accordion .qodef-e-title-holder.ui-state-active{padding-right: 30px;} } body[class*="-5"] .qodef-block-d8c8f6ba .qi-block-accordion .qodef-e-content{padding-top: 0px;padding-right: 30px;padding-bottom: 33px;padding-left: 0px;} @media (max-width: 680px) { body[class*="-5"] .qodef-block-d8c8f6ba .qi-block-accordion .qodef-e-content{padding-top: 0px;padding-right: 0px;padding-bottom: 33px;padding-left: 0px;} } body[class*="-5"] .qodef-block-d8c8f6ba .qi-block-accordion .qodef-e-title-holder .qodef-e-icon{font-size: 26px;color: rgba(255,113,74,1);} @media (max-width: 680px) { body[class*="-5"] .qodef-block-d8c8f6ba .qi-block-accordion .qodef-e-title-holder .qodef-e-icon{right: -30px;} } body[class*="-5"] .qodef-block-d8c8f6ba .qi-block-accordion.qodef-style--boxed,body[class*="-5"] .qodef-block-d8c8f6ba .qi-block-accordion.qodef-style--boxed .qodef-e-title-holder:not(:first-child),body[class*="-5"] .qodef-block-d8c8f6ba .qi-block-accordion.qodef-style--border-top,body[class*="-5"] .qodef-block-d8c8f6ba .qi-block-accordion.qodef-style--border-top .qodef-e-title-holder,body[class*="-5"] .qodef-block-d8c8f6ba .qi-block-accordion.qodef-style--border-between .qodef-e-title-holder,body[class*="-5"] .qodef-block-d8c8f6ba .qi-block-accordion.qodef-style--border-between .qodef-e-content{border-color: rgba(225,225,225,1);} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-section.qodef--template > .qodef-gutenberg-row > .qodef-gutenberg-column.qodef-block-b65eb4c3{--qi-blocks-columns: 1!important;} } body[class*="-5"] .qodef-gutenberg-column.qodef-block-b65eb4c3 > .qodef-gutenberg-column-inner{margin-top: -15px;padding-right: 10.5%;} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-column.qodef-block-b65eb4c3 > .qodef-gutenberg-column-inner{margin-top: 0px;padding-right: 0px;} } @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-section.qodef--template > .qodef-gutenberg-row > .qodef-gutenberg-column.qodef-block-0a4f5388{--qi-blocks-columns: 1!important;} } body[class*="-5"] .qodef-gutenberg-column.qodef-block-0a4f5388 > .qodef-gutenberg-column-inner{background-repeat: no-repeat;background-position: center center;background-size: cover;} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-column.qodef-block-0a4f5388 > .qodef-gutenberg-column-inner{padding-top: 87px;} } body[class*="-5"] .qodef-gutenberg-section.qodef-block-8192199d{padding-bottom: 119px;} @media (max-width: 680px) { body[class*="-5"] .qodef-gutenberg-section.qodef-block-8192199d{padding-bottom: 131px;} } body[class*="-5"] .qodef-block-d55cf59a.qodef-block-container{padding-top: 40px;} body[class*="-5"] .qodef-block-d55cf59a .qi-block-accordion .qodef-e-title-holder{font-size: 21px;color: rgba(0,0,0,1);padding-top: 27px;padding-right: 35px;padding-bottom: 29px;padding-left: 35px;} @media (max-width: 680px) { body[class*="-5"] .qodef-block-d55cf59a .qi-block-accordion .qodef-e-title-holder{padding-right: 50px;} } body[class*="-5"] .qodef-block-d55cf59a .qi-block-accordion .qodef-e-title-holder.ui-state-active{padding-top: 27px;padding-right: 35px;padding-bottom: 13px;padding-left: 35px;} @media (max-width: 680px) { body[class*="-5"] .qodef-block-d55cf59a .qi-block-accordion .qodef-e-title-holder.ui-state-active{padding-right: 50px;} } body[class*="-5"] .qodef-block-d55cf59a .qi-block-accordion .qodef-e-content{padding-top: 0px;padding-right: 80px;padding-bottom: 33px;padding-left: 35px;} @media (max-width: 680px) { body[class*="-5"] .qodef-block-d55cf59a .qi-block-accordion .qodef-e-content{padding-top: 0px;padding-right: 35px;padding-bottom: 33px;padding-left: 35px;} } body[class*="-5"] .qodef-block-d55cf59a .qi-block-accordion .qodef-e-title-holder .qodef-e-icon{font-size: 26px;color: rgba(30,30,30,1);} @media (max-width: 680px) { body[class*="-5"] .qodef-block-d55cf59a .qi-block-accordion .qodef-e-title-holder .qodef-e-icon{right: -16px;} } body[class*="-5"] .qodef-block-d55cf59a .qi-block-accordion .qodef-e-title-holder:hover .qodef-e-icon{color: rgba(196,196,196,1);} body[class*="-5"] .qodef-block-d55cf59a .qi-block-accordion.qodef-style--boxed,body[class*="-5"] .qodef-block-d55cf59a .qi-block-accordion.qodef-style--boxed .qodef-e-title-holder:not(:first-child),body[class*="-5"] .qodef-block-d55cf59a .qi-block-accordion.qodef-style--border-top,body[class*="-5"] .qodef-block-d55cf59a .qi-block-accordion.qodef-style--border-top .qodef-e-title-holder,body[class*="-5"] .qodef-block-d55cf59a .qi-block-accordion.qodef-style--border-between .qodef-e-title-holder,body[class*="-5"] .qodef-block-d55cf59a .qi-block-accordion.qodef-style--border-between .qodef-e-content{border-color: rgba(225,225,225,1);} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-section.qodef--template > .qodef-gutenberg-row > .qodef-gutenberg-column.qodef-block-5ea370f2{--qi-blocks-columns: 1!important;} } body[class*="-5"] .qodef-gutenberg-column.qodef-block-5ea370f2 > .qodef-gutenberg-column-inner{margin-top: -24px;padding-left: 10.5%;} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-column.qodef-block-5ea370f2 > .qodef-gutenberg-column-inner{margin-top: 0px;padding-left: 0px;} } body[class*="-5"] .qodef-block-3b1a836e .qi-block-section-title .qodef-m-title{margin-top: 13px;} body[class*="-5"] .qodef-block-fe4895cd .qi-block-section-title .qodef-m-title{margin-top: 13px;} body[class*="-5"] .qodef-gutenberg-section.qodef-block-27e1b6cb{padding-bottom: 178px;} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-section.qodef-block-27e1b6cb{padding-bottom: 150px;} } @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-section.qodef--template > .qodef-gutenberg-row > .qodef-gutenberg-column.qodef-block-e9518883{--qi-blocks-columns: 1!important;} } body[class*="-5"] .qodef-block-f351f2fb .qi-block-call-to-action .qodef-m-content .qodef-m-title{font-weight: 400;font-size: 20px;line-height: 29px;} body[class*="-5"] .qodef-block-f351f2fb .qi-block-call-to-action .qodef-m-inner{background-color: rgba(19,19,19,1);padding-top: 63px;padding-right: 0px;padding-bottom: 67px;padding-left: 0px;} @media (max-width: 1024px) { body[class*="-5"] .qodef-block-f351f2fb .qi-block-call-to-action .qodef-m-inner{padding-bottom: 75px;} } body[class*="-5"] .qodef-block-f351f2fb .qi-block-call-to-action .qodef-m-content{padding-right: 12%;} @media (max-width: 1024px) { body[class*="-5"] .qodef-block-f351f2fb .qi-block-call-to-action .qodef-m-content{padding-right: 0px;} } body[class*="-5"] .qodef-block-f351f2fb .qi-block-call-to-action .qodef-m-button{margin-top: 3px;} @media (max-width: 1024px) { body[class*="-5"] .qodef-block-f351f2fb .qi-block-call-to-action .qodef-m-button{margin-top: 32px;} } body[class*="-5"] .qodef-block-6c44730d .qi-block-button.qodef-block .qodef-m-icon{font-size: 6px;margin-top: 2px;margin-left: 10px;} body[class*="-5"] .qodef-block-6c44730d .qi-block-button.qodef-block.qodef-icon--right:not(.qodef-type--icon-boxed) .qodef-m-icon{margin-top: 2px;margin-left: 10px;} body[class*="-5"] .qodef-block-6c44730d .qi-block-button.qodef-block.qodef-type--icon-boxed .qodef-m-icon{padding-top: 14px;padding-bottom: 13px;} body[class*="-5"] .qodef-block-6c44730d .qi-block-button.qodef-block.qodef-type--icon-boxed .qodef-m-text{padding-top: 14px;padding-right: 40px;padding-bottom: 13px;padding-left: 40px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;} body[class*="-5"] .qodef-block-6c44730d .qi-block-button.qodef-block.qodef-layout--filled{background-color: rgba(255,255,255,1);color: rgba(30,30,30,1);} body[class*="-5"] .qodef-block-6c44730d .qi-block-button.qodef-block.qodef-layout--outlined{color: rgba(30,30,30,1);} body[class*="-5"] .qodef-block-6c44730d .qi-block-button.qodef-block.qodef-layout--textual{color: rgba(30,30,30,1);} body[class*="-5"] .qodef-block-6c44730d .qi-block-button.qodef-block:not(.qodef-layout--textual){padding-top: 14px;padding-right: 40px;padding-bottom: 13px;padding-left: 40px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;} body[class*="-5"] .qodef-gutenberg-section.qodef-block-6a024141{background-color: rgba(19,19,19,1);} body[class*="-5"] .qodef-gutenberg-section.qodef--template > .qodef-gutenberg-row > .qodef-gutenberg-column.qodef-block-fc8c507f{--qi-blocks-columns: 3.225806451612903!important;} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-section.qodef--template > .qodef-gutenberg-row > .qodef-gutenberg-column.qodef-block-fc8c507f{--qi-blocks-columns: 1!important;} } body[class*="-5"] .qodef-gutenberg-section.qodef--template > .qodef-gutenberg-row > .qodef-gutenberg-column.qodef-block-5c95890a{--qi-blocks-columns: 1.4492753623188406!important;} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-section.qodef--template > .qodef-gutenberg-row > .qodef-gutenberg-column.qodef-block-5c95890a{--qi-blocks-columns: 1!important;} } body[class*="-5"] .qodef-gutenberg-column.qodef-block-5c95890a > .qodef-gutenberg-column-inner{padding-left: 4%;} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-column.qodef-block-5c95890a > .qodef-gutenberg-column-inner{margin-top: 0px;padding-left: 0px;} } body[class*="-5"] .qodef-block-37873ad6 .qi-block-accordion .qodef-e-title-holder{font-size: 21px;padding-top: 24px;padding-right: 0px;padding-bottom: 26px;padding-left: 0px;} @media (max-width: 680px) { body[class*="-5"] .qodef-block-37873ad6 .qi-block-accordion .qodef-e-title-holder{padding-top: 24px;padding-right: 30px;padding-bottom: 26px;} } body[class*="-5"] .qodef-block-37873ad6 .qi-block-accordion .qodef-e-content{padding-top: 27px;padding-right: 30px;padding-bottom: 27px;padding-left: 0px;} @media (max-width: 680px) { body[class*="-5"] .qodef-block-37873ad6 .qi-block-accordion .qodef-e-content{padding-right: 0px;} } body[class*="-5"] .qodef-block-37873ad6 .qi-block-accordion .qodef-e-title-holder .qodef-e-icon{font-size: 23px;color: rgba(30,30,30,1);} @media (max-width: 680px) { body[class*="-5"] .qodef-block-37873ad6 .qi-block-accordion .qodef-e-title-holder .qodef-e-icon{right: -30px;} } body[class*="-5"] .qodef-block-37873ad6 .qi-block-accordion .qodef-e-title-holder:hover .qodef-e-icon{color: rgba(196,196,196,1);} body[class*="-5"] .qodef-block-37873ad6 .qi-block-accordion.qodef-style--boxed,body[class*="-5"] .qodef-block-37873ad6 .qi-block-accordion.qodef-style--boxed .qodef-e-title-holder:not(:first-child),body[class*="-5"] .qodef-block-37873ad6 .qi-block-accordion.qodef-style--border-top,body[class*="-5"] .qodef-block-37873ad6 .qi-block-accordion.qodef-style--border-top .qodef-e-title-holder,body[class*="-5"] .qodef-block-37873ad6 .qi-block-accordion.qodef-style--border-between .qodef-e-title-holder,body[class*="-5"] .qodef-block-37873ad6 .qi-block-accordion.qodef-style--border-between .qodef-e-content{border-color: rgba(225,225,225,1);} body[class*="-5"] .qodef-gutenberg-section.qodef-block-22de7520{padding-top: 137px;padding-bottom: 124px;} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-section.qodef-block-22de7520{padding-top: 117px;padding-bottom: 150px;} } body[class*="-5"] .qodef-block-80220027 .qi-block-single-image{text-align: center;} body[class*="-5"] .qodef-block-6ee78270.qodef-block-container{padding-top: 12%;} @media (max-width: 1024px) { body[class*="-5"] .qodef-block-6ee78270.qodef-block-container{padding-top: 8%;} } body[class*="-5"] .qodef-block-6ee78270 .qi-block-section-title{text-align: left;} body[class*="-5"] .qodef-block-6ee78270 .qi-block-section-title .qodef-m-title{font-size: 3.35vw;line-height: 1.05em;color: rgba(255,255,255,1);margin-top: 0%;margin-bottom: 0%;margin-left: 0%;} @media (max-width: 1024px) { body[class*="-5"] .qodef-block-6ee78270 .qi-block-section-title .qodef-m-title{font-size: 55px;line-height: 61px;} } @media (max-width: 680px) { body[class*="-5"] .qodef-block-6ee78270 .qi-block-section-title .qodef-m-title{font-size: 43px;line-height: 48px;} } body[class*="-5"] .qodef-block-6ee78270 .qi-block-section-title > .qodef-m-text{font-size: 20px;line-height: 29px;color: rgba(255,255,255,1);margin-top: 22px;padding-top: 0%;padding-bottom: 0%;padding-left: 0%;} body[class*="-5"] .qodef-block-6ee78270 .qi-block-section-title > .qodef-m-button{margin-top: 25px;} body[class*="-5"] .qodef-block-6ee78270 .qi-block-section-title .qodef-underline-text{text-decoration-thickness: 3px !important;text-underline-offset: 7px;} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-section.qodef--template > .qodef-gutenberg-row > .qodef-gutenberg-column.qodef-block-0ff15a9c{--qi-blocks-columns: 1!important;} } body[class*="-5"] .qodef-gutenberg-column.qodef-block-0ff15a9c > .qodef-gutenberg-column-inner{padding-top: 0%;padding-right: 0%;padding-bottom: 0%;padding-left: 10%;} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-column.qodef-block-0ff15a9c > .qodef-gutenberg-column-inner{margin-top: 100px;margin-bottom: 117px;padding-top: 0%;padding-right: 7%;padding-bottom: 0%;padding-left: 7%;} } @media (max-width: 680px) { body[class*="-5"] .qodef-gutenberg-column.qodef-block-0ff15a9c > .qodef-gutenberg-column-inner{margin-top: 125px;margin-bottom: 104px;padding-top: 0%;padding-right: 7%;padding-bottom: 0%;padding-left: 7%;} } body[class*="-5"] .qodef-block-64b6f2dc.qodef-block-container{width: 685px;max-width: 685px;padding-top: 130px;padding-bottom: 55px;} @media (max-width: 1024px) { body[class*="-5"] .qodef-gutenberg-section.qodef--template > .qodef-gutenberg-row > .qodef-gutenberg-column.qodef-block-d5ad075d{--qi-blocks-columns: 1!important;} } body[class*="-5"] .qodef-gutenberg-column.qodef-block-d5ad075d > .qodef-gutenberg-column-inner{background-color: rgba(19,19,19,1);padding-right: 11.8%;padding-left: 9.5%;} body[class*="-5"] .qodef-gutenberg-section.qodef-block-bc42124d{background-color: rgba(7,7,7,1);} body[class*="-5"] .qodef-block-c4654a87 .qi-block-button.qodef-block.qodef-type--icon-boxed .qodef-m-icon{padding-top: 13px;padding-bottom: 13px;} body[class*="-5"] .qodef-block-c4654a87 .qi-block-button.qodef-block .qodef-m-text{font-family: 'DM Sans';font-weight: bold;font-size: 16px;} body[class*="-5"] .qodef-block-c4654a87 .qi-block-button.qodef-block.qodef-type--icon-boxed .qodef-m-text{padding-top: 13px;padding-right: 37px;padding-bottom: 13px;padding-left: 37px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;} body[class*="-5"] .qodef-block-c4654a87 .qi-block-button.qodef-block.qodef-text-underline .qodef-m-text:after{width: 0px;bottom: 5px;height: 2px;} body[class*="-5"] .qodef-block-c4654a87 .qi-block-button.qodef-block.qodef-text-underline:hover .qodef-m-text:after{width: 100%;} body[class*="-5"] .qodef-block-c4654a87 .qi-block-button.qodef-block.qodef-layout--filled{background-color: rgba(255,255,255,1);color: rgba(30,30,30,1);} body[class*="-5"] .qodef-block-c4654a87 .qi-block-button.qodef-block.qodef-layout--outlined{color: rgba(30,30,30,1);} body[class*="-5"] .qodef-block-c4654a87 .qi-block-button.qodef-block.qodef-layout--textual{color: rgba(30,30,30,1);} body[class*="-5"] .qodef-block-c4654a87 .qi-block-button.qodef-block:not(.qodef-layout--textual):hover{color: rgba(30,30,30,1);} body[class*="-5"] .qodef-block-c4654a87 .qi-block-button.qodef-block.qodef-layout--textual:hover{color: rgba(30,30,30,1);} body[class*="-5"] .qodef-block-c4654a87 .qi-block-button.qodef-block:not(.qodef-layout--textual){padding-top: 13px;padding-right: 37px;padding-bottom: 13px;padding-left: 37px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;} body[class*="-5"] .qodef-block-c4654a87 .qi-block-button.qodef-block.qodef-layout--filled:not(.qodef-hover--reveal):hover,body[class*="-5"] .qodef-block-c4654a87 .qi-block-button.qodef-block.qodef-layout--outlined:not(.qodef-hover--reveal):hover,body[class*="-5"] .qodef-block-c4654a87 .qi-block-button.qodef-block.qodef-layout--filled.qodef-hover--reveal:after,body[class*="-5"] .qodef-block-c4654a87 .qi-block-button.qodef-block.qodef-layout--outlined.qodef-hover--reveal:after{background-color: rgba(255,255,255,1);} </style> <style id='woocommerce-inline-inline-css' type='text/css'> .woocommerce form .form-row .required { visibility: visible; } </style> <link rel='stylesheet' id='swiper-css' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qi-blocks/inc/slider/assets/plugins/5.4.5/swiper.min.css?ver=6.5.2' type='text/css' media='all' /> <link rel='stylesheet' id='qode-essential-addons-style-css' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qode-essential-addons/assets/css/main.min.css?ver=6.5.2' type='text/css' media='all' /> <link rel='stylesheet' id='qode-essential-addons-premium-style-css' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qode-essential-addons-premium/assets/css/main.min.css?ver=6.5.2' type='text/css' media='all' /> <link rel='stylesheet' id='qi-google-fonts-css' href='https://fonts.googleapis.com/css?family=DM+Sans%3A400%2C500%2C600%2C700%7CDM+Sans%3A400%2C500%2C600%2C700&subset=latin-ext&display=swap&ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='perfect-scrollbar-css' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/themes/qi-gutenberg/assets/plugins/perfect-scrollbar/perfect-scrollbar.css?ver=6.5.2' type='text/css' media='all' /> <link rel='stylesheet' id='qi-grid-css' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/themes/qi-gutenberg/assets/css/grid.min.css?ver=6.5.2' type='text/css' media='all' /> <link rel='stylesheet' id='qi-main-css' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/themes/qi-gutenberg/assets/css/main.min.css?ver=6.5.2' type='text/css' media='all' /> <style id='qi-main-inline-css' type='text/css'> #qodef-back-to-top .qodef-back-to-top-icon { color: #000000;background-color: #f1f1f1;border-width: 0px;border-radius: 0px;}#qodef-back-to-top:hover .qodef-back-to-top-icon { color: #ffffff;background-color: #1e1e1e;}#qodef-back-to-top .qodef-back-to-top-icon svg { width: 23px;}.widget.widget_recent_entries ul li .post-date, body[class*="theme-qi"] .qodef-blog .qodef-info-style .qodef-e-info-item a, body[class*="theme-qi"] .qodef-blog .qodef-info-style .qodef-e-info-item:after, body[class*="theme-qi"] .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item a, body[class*="theme-qi"] .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item:after, body[class*="theme-qi"] .widget.widget_rss ul a.rsswidget, body[class*="theme-qi"] #qodef-page-comments-list .qodef-comment-item .qodef-e-date a, body[class*="the-two"] .qodef-blog .qodef-e-info .qodef-e-info-item a, body[class*="the-two"] .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item a, body[class*="the-two"] .widget.widget_rss ul a.rsswidget, body[class*="the-two"] #qodef-page-comments-list .qodef-comment-item .qodef-e-date a { font-family: "DM Sans";font-size: 15px;line-height: 26px;font-weight: 500;text-decoration: none;letter-spacing: 0px;text-transform: none;}body[class*="theme-qi"] .qodef-blog .qodef-info-style .qodef-e-info-item a:hover, body[class*="theme-qi"] .qodef-blog .qodef-info-style .qodef-e-info-item a:focus, body[class*="theme-qi"] .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item a:hover, body[class*="theme-qi"] .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item a:focus, body[class*="theme-qi"] #qodef-page-comments-list .qodef-comment-item .qodef-e-date a:hover, body[class*="theme-qi"] #qodef-page-comments-list .qodef-comment-item .qodef-e-date a:focus, body[class*="theme-qi"] .widget.widget_rss ul a.rsswidget:hover, body[class*="the-two"] .qodef-blog .qodef-e-info .qodef-e-info-item a:hover, body[class*="the-two"] .qodef-blog .qodef-e-info .qodef-e-info-item a:focus, body[class*="the-two"] .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item a:hover, body[class*="the-two"] .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item a:focus, body[class*="the-two"] #qodef-page-comments-list .qodef-comment-item .qodef-e-date a:hover, body[class*="the-two"] #qodef-page-comments-list .qodef-comment-item .qodef-e-date a:focus, body[class*="the-two"] .widget.widget_rss ul a.rsswidget:hover { color: #1e1e1e;text-decoration: none;}#qodef-page-outer, .error404 #qodef-page-outer { margin-top: -137px;}@media only screen and (max-width: 1024px) { #qodef-page-outer, .error404 #qodef-page-outer { margin-top: -70px;}}input[type="submit"], button[type="submit"], .qodef-theme-button.qodef--filled, button.qodef-theme-button.qodef--filled, #qodef-woo-page .added_to_cart, #qodef-woo-page .button, .qodef-woo-shortcode .added_to_cart, .qodef-woo-shortcode .button, .widget.woocommerce .button, .woocommerce-page div.woocommerce>.return-to-shop a, .woocommerce-account .button, #qodef-page-header .widget.woocommerce.widget_shopping_cart .buttons a, .widget.woocommerce.widget_shopping_cart .buttons a { font-family: "DM Sans";font-size: 16px;font-weight: 500;letter-spacing: 0px;background-color: #1e1e1e;padding: 14px 40px 13px 40px;}input[type="submit"]:hover, button[type="submit"]:hover, input[type="submit"]:focus, button[type="submit"]:focus, .qodef-theme-button.qodef--filled:hover, button.qodef-theme-button.qodef--filled:hover, .qodef-theme-button.qodef--filled:focus, button.qodef-theme-button.qodef--filled:focus, #qodef-woo-page .added_to_cart:hover, #qodef-woo-page .button:hover, .qodef-woo-shortcode .added_to_cart:hover, .qodef-woo-shortcode .button:hover, .widget.woocommerce .button:hover, #qodef-woo-page .added_to_cart:focus, #qodef-woo-page .button:focus, .qodef-woo-shortcode .added_to_cart:focus, .qodef-woo-shortcode .button:focus, .widget.woocommerce .button:focus, .woocommerce-page div.woocommerce>.return-to-shop a:hover, .woocommerce-page div.woocommerce>.return-to-shop a:focus, .woocommerce-account .button:hover, .woocommerce-account .button:focus, #qodef-page-header .widget.woocommerce.widget_shopping_cart .buttons a:hover, .widget.woocommerce.widget_shopping_cart .buttons a:hover { background-color: #1e1e1e;}.qodef-theme-button .qodef-theme-button-icon, button.qodef-theme-button .qodef-theme-button-icon, #qodef-woo-page .added_to_cart .qodef-theme-button-icon, #qodef-woo-page .button .qodef-theme-button-icon, .qodef-woo-shortcode .added_to_cart .qodef-theme-button-icon, .qodef-woo-shortcode .button .qodef-theme-button-icon, .qodef-blog-shortcode .qodef-blog-item .qodef-e-read-more-link .qodef-theme-button-icon, .qodef-portfolio-list .qodef-theme-button .qodef-theme-button-icon { width: 6px;}.qodef-theme-button.qodef--simple .qodef-theme-button-icon, button.qodef-theme-button.qodef--simple .qodef-theme-button-icon { color: #1e1e1e;}#qodef-page-footer-top-area { background-color: #070707;}#qodef-page-footer-top-area-inner { padding-top: 140px;padding-bottom: 67px;border-top-width: 0px;}#qodef-page-footer-bottom-area { background-color: #070707;}#qodef-page-footer-bottom-area-inner { padding-top: 19px;padding-bottom: 19px;border-top-width: 0px;}#qodef-page-inner { padding: 0 0 0 0;}@media only screen and (max-width: 1024px) { #qodef-page-inner { padding: 0 0 0 0;}}.qodef-header-sticky { height: 90px;background-color: #070707;}.qodef-header-sticky .qodef-header-sticky-inner { padding-left: 50px;padding-right: 50px;}#qodef-page-header .qodef-header-logo-link { height: 52px;padding: 0px 17px 0px 0px;}#qodef-page-mobile-header .qodef-mobile-header-logo-link { height: 44px;padding: 0px 0px 0px 0px;}.qodef-header-navigation ul li > .sub-menu { background-color: #070707;}#qodef-page-header .widget.woocommerce.widget_shopping_cart .widgettitle { color: #ffffff;font-family: "DM Sans";font-size: 16px;font-weight: 700;text-decoration: none;letter-spacing: -0.02em;text-transform: uppercase;}.qodef-header-navigation> ul > li > a, #qodef-page-header .widget_qode_essential_addons_icon_svg .qodef-m-text { color: #ffffff;font-family: "DM Sans";font-size: 16px;font-weight: 700;text-decoration: none;letter-spacing: -0.02em;text-transform: uppercase;padding-left: 12px;padding-right: 12px;}.qodef-header-navigation> ul > li > a:hover, .qodef-header-navigation> ul > li > a:focus { text-decoration: none;}.qodef-header-navigation> ul > li.current-menu-ancestor > a, .qodef-header-navigation> ul > li.current-menu-item > a { text-decoration: none;}.qodef-header-navigation > ul > li.qodef-menu-item--narrow ul li a { color: #ffffff;font-weight: 500;}.qodef-header-navigation ul li ul:not(.qodef-drop-down--right) { left: -17px;}.qodef-header-navigation ul li ul.qodef-drop-down--right { right: -17px;}#qodef-woo-page.qodef--single .product_meta > * { font-size: 16px;}#qodef-woo-page.qodef--single .product_meta > * > a, #qodef-woo-page.qodef--single .product_meta > * > span, #qodef-woo-page.qodef--single .shop_attributes td, #qodef-woo-page.qodef--single .woocommerce-Reviews .comment-text .meta time { font-size: 15px;}#qodef-page-sidebar .widget { margin-bottom: 48px;}.qodef-page-title { height: 150px;background-color: #f9f9f9;}.qodef-page-title .qodef-m-content, .qodef-page-title .qodef-m-content.qodef-content-full-width { padding-top: 137px;}@media only screen and (max-width: 1024px) { .qodef-page-title .qodef-m-content, .qodef-page-title .qodef-m-content.qodef-content-full-width { padding-top: 70px;}}body { color: #1e1e1e;font-family: "DM Sans";font-size: 17px;line-height: 1.52941em;font-weight: 400;}.mfp-bottom-bar .mfp-counter, .mfp-bottom-bar .mfp-title { font-family: "DM Sans";font-size: 17px;line-height: 1.52941em;font-weight: 400;}h1, .qodef-h1 { color: #1e1e1e;font-family: "DM Sans";font-size: 54px;line-height: 1.11em;font-weight: 500;}h2, .qodef-h2 { color: #1e1e1e;font-family: "DM Sans";font-size: 50px;line-height: 60px;font-weight: 500;}#qodef-woo-page.qodef--checkout #customer_details h3, #qodef-woo-page.qodef--checkout #order_review_heading { color: #1e1e1e;font-family: "DM Sans";font-size: 50px;line-height: 60px;font-weight: 500;}h3, .qodef-h3 { color: #1e1e1e;font-family: "DM Sans";font-size: 36px;line-height: 1.13889em;font-weight: 500;}#qodef-woo-page.qodef--single .woocommerce-Reviews .woocommerce-Reviews-title, #qodef-woo-page.qodef--single #review_form .comment-reply-title, #qodef-woo-page.qodef--cart .cart_totals > h2, #qodef-woo-page.qodef--cart .cross-sells > h2, .woocommerce-page div.woocommerce > .cart-empty, body[class*="theme-qi"] #qodef-related-posts .qodef-m-title { color: #1e1e1e;font-family: "DM Sans";font-size: 36px;line-height: 1.13889em;font-weight: 500;}h4, .qodef-h4 { color: #1e1e1e;font-family: "DM Sans";font-size: 26px;line-height: 1.34615em;font-weight: 500;}h5, .qodef-h5 { font-family: "DM Sans";font-size: 20px;line-height: 1.3em;font-weight: 500;}.woocommerce-page div.woocommerce .shop_table th, #qodef-woo-page.qodef--cart .shop_table td.product-name a { font-family: "DM Sans";font-size: 20px;line-height: 1.3em;font-weight: 500;}#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li a { font-family: "DM Sans";font-size: 20px;line-height: 1.3em;font-weight: 500;}h6, .qodef-h6 { color: #1e1e1e;font-family: "DM Sans";font-size: 16px;line-height: 1.4375em;font-weight: 500;}#qodef-page-sidebar .widget.widget_recent_entries ul li a, #qodef-page-sidebar .wp-block-latest-posts li a, #qodef-page-wrapper .widget.woocommerce a .product-title, #qodef-woo-page.qodef--single .shop_attributes th, #qodef-woo-page.qodef--single .woocommerce-Reviews .woocommerce-review__author { color: #1e1e1e;font-family: "DM Sans";font-size: 16px;line-height: 1.4375em;font-weight: 500;}a:hover, p a:hover, a:focus, p a:focus, .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a, #qodef-woo-page.qodef--single .woocommerce-product-rating .woocommerce-review-link:hover, .qodef-page-title .qodef-breadcrumbs a:hover, #qodef-page-comments-list .qodef-comment-item .qodef-e-links a:hover { text-decoration: none;outline: none;}#qodef-back-to-top .qodef-back-to-top-label { color: #000000;}#qodef-back-to-top:hover .qodef-back-to-top-label { color: #ffffff;}.qodef-blog.qodef--single.qodef-m .qodef-blog-item .qodef-e-content, .qodef-blog.qodef--single .qodef-blog-item .qodef-e-info.qodef-info--top, .qodef-blog.qodef--single .qodef-blog-item.format-quote .qodef-e-quote, .qodef-blog.qodef--single .qodef-blog-item.format-link .qodef-e-link { text-align: left;justify-content: left;}.qodef-header--standard #qodef-page-header { height: 97px;background-color: rgba(255,255,255,0);}.qodef-header--standard #qodef-page-header-inner { padding-left: 50px;padding-right: 50px;}@media only screen and (max-width: 1440px){h2, .qodef-h2 { font-size: 44px;line-height: 50px;}#qodef-woo-page.qodef--checkout #customer_details h3, #qodef-woo-page.qodef--checkout #order_review_heading { font-size: 44px;line-height: 50px;}}@media only screen and (max-width: 1366px){h2, .qodef-h2 { font-size: 44px;line-height: 50px;}#qodef-woo-page.qodef--checkout #customer_details h3, #qodef-woo-page.qodef--checkout #order_review_heading { font-size: 44px;line-height: 50px;}}@media only screen and (max-width: 1024px){h2, .qodef-h2 { font-size: 44px;line-height: 50px;}#qodef-woo-page.qodef--checkout #customer_details h3, #qodef-woo-page.qodef--checkout #order_review_heading { font-size: 44px;line-height: 50px;}}@media only screen and (max-width: 768px){h2, .qodef-h2 { font-size: 44px;line-height: 50px;}#qodef-woo-page.qodef--checkout #customer_details h3, #qodef-woo-page.qodef--checkout #order_review_heading { font-size: 44px;line-height: 50px;}}@media only screen and (max-width: 680px){h2, .qodef-h2 { font-size: 43px;line-height: 48px;}#qodef-woo-page.qodef--checkout #customer_details h3, #qodef-woo-page.qodef--checkout #order_review_heading { font-size: 43px;line-height: 48px;}} </style> <link rel='stylesheet' id='qi-style-css' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/themes/qi-gutenberg/style.css?ver=6.5.2' type='text/css' media='all' /> <link rel='stylesheet' id='qi-blocks-google-fonts-css' href='https://fonts.googleapis.com/css?family=Heebo%3A500%2C700%2C400%2C600%2C%7CDM+Sans%3A500%2C700%2C400%2C600%2C&subset&display=swap&ver=1.0.0' type='text/css' media='all' /> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.8.7.0" id="jquery-blockui-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="wc-add-to-cart-js-extra"> /* <![CDATA[ */ var wc_add_to_cart_params = {"ajax_url":"\/qi-blocks-for-gutenberg\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/qi-blocks-for-gutenberg\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/cart\/","is_cart":"","cart_redirect_after_add":"no"}; /* ]]> */ </script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=8.7.0" id="wc-add-to-cart-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.8.7.0" id="js-cookie-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="woocommerce-js-extra"> /* <![CDATA[ */ var woocommerce_params = {"ajax_url":"\/qi-blocks-for-gutenberg\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/qi-blocks-for-gutenberg\/?wc-ajax=%%endpoint%%"}; /* ]]> */ </script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=8.7.0" id="woocommerce-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/woocommerce/assets/js/select2/select2.full.min.js?ver=4.0.3-wc.8.7.0" id="select2-js" defer="defer" data-wp-strategy="defer"></script> <link rel="https://api.w.org/" href="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-json/" /><link rel="alternate" type="application/json" href="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-json/wp/v2/pages/5" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://qodeinteractive.com/qi-blocks-for-gutenberg/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.5.2" /> <meta name="generator" content="WooCommerce 8.7.0" /> <link rel="canonical" href="https://qodeinteractive.com/qi-blocks-for-gutenberg/accordions-and-toggles/" /> <link rel='shortlink' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/?p=5' /> <link rel="alternate" type="application/json+oembed" href="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fqodeinteractive.com%2Fqi-blocks-for-gutenberg%2Faccordions-and-toggles%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fqodeinteractive.com%2Fqi-blocks-for-gutenberg%2Faccordions-and-toggles%2F&format=xml" />   <meta property='og:site_name' content='Qi Blocks For Gutenberg' /> <meta property='og:url' content='https://qodeinteractive.com/qi-blocks-for-gutenberg/accordions-and-toggles/' /> <meta property='og:locale' content='en_US' /> <meta property='og:description' content='Accordions and Toggles block for Gutenberg provides you with a great way to display important info in easily adaptable toggles and accordions. ' /> <meta property='og:title' content='Accordions and Toggles block for Gutenberg' /> <meta property='og:type' content='website' /> <meta property='og:image' content='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2022/09/qi-blocks-for-gutenberg-featured-image.jpeg' /> <meta property='og:image:width' content='1200' /> <meta property='og:image:height' content='630' /> <meta name='twitter:card' content='summary' /> <meta name='twitter:title' content='Accordions and Toggles block for Gutenberg' /> <meta name='twitter:image' content='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2022/09/qi-blocks-for-gutenberg-featured-image.jpeg' /> <meta name='twitter:description' content='Accordions & Toggles GUTENBERG blockPick your favorite layouts, set custom icons for opening and closing accordions & toggles and moreTRY QI BLOCKSDo you accept credit card payments? Donec ut suscipit eros. Nullam ac consequat lacus non mi eget metus ac ligula interdum ' />    <script data-cfasync="false" data-pagespeed-no-defer> var dataLayer_content = {"pagePostType":"page","pagePostType2":"single-page","pagePostAuthor":"admin"}; dataLayer.push( dataLayer_content ); </script> <script data-cfasync="false"> (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= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N6TG7SZ'); </script>  <script> dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. dataLayer.push({ "event":"view_demo", "ecommerce":{ "currency":"USD", "items":{ "item_id":"34467", "item_name":"Qi Blocks for Gutenberg - Accordions and Toggles block for Gutenberg", "index":0, "item_category":"Gutenberg", "price":49 } } }); </script> <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript> <link rel="icon" href="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/04/cropped-qi-favicon-1-32x32.png" sizes="32x32" /> <link rel="icon" href="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/04/cropped-qi-favicon-1-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/04/cropped-qi-favicon-1-180x180.png" /> <meta name="msapplication-TileImage" content="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/04/cropped-qi-favicon-1-270x270.png" /> <style type="text/css" id="wp-custom-css"> .page-id-78158.qodef-header--standard #qodef-page-header { background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 140%) } /*header button*/ .qodef-custom-button-1 .qodef-m-text { position: relative; } .qodef-custom-button-1 .qodef-m-text:after { content: ''; position: absolute; left: 0; width: 0%; background-color: currentColor; transition: background-color .25s ease-in-out,width .36s cubic-bezier(.51,.5,.07,.99); -webkit-backface-visibility: hidden; backface-visibility: hidden; bottom: 5px; height: 2px; } .qodef-custom-button-1:hover .qodef-m-text:after { width: 100%; } </style> </head> <body class="page-template page-template-qi-full-width page-template-qi-full-width-php page page-id-5 wp-embed-responsive theme-qi-gutenberg qi-blocks-premium-1.0.6 qi-blocks-1.2.6 qodef-gutenberg--no-touch woocommerce-no-js qodef-back-to-top--enabled qodef-content-grid-1300 qodef-content-behind-header qodef-header--standard qodef-header-appearance--none qodef-header--transparent qodef-content--behind-header qodef-mobile-header--side-area qode-essential-addons-1.5.5 qodef-custom-cursor-images qodef-header--light qode-essential-addons-premium-1.0.7 qi-gutenberg-1.0.7 qodef-header-standard--left qodef-search--covers-header" itemscope itemtype="https://schema.org/WebPage">   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N6TG7SZ" height="0" width="0" style="display:none;visibility:hidden" aria-hidden="true"></iframe></noscript> <a class="skip-link screen-reader-text" href="#qodef-page-content">Skip to the content</a> <div id="qodef-page-wrapper" class=""> <div id="qodef-top-area"> <div id="qodef-top-area-inner" class=""> <div class="qodef-widget-holder qodef-top-area-left"> <div class="qodef-widget-holder qodef--one"> <div id="nav_menu-2" class="widget widget_nav_menu qodef-top-area-left" data-area="top-area-left"><div class="menu-top-menu-container"><ul id="menu-top-menu" class="menu"><li id="menu-item-83707" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-83707 qodef-menu-item--narrow"><a>Qi Products</a> <ul class="sub-menu"> <li id="menu-item-83868" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-83868"><a href="#">Elementor Products<svg class="qodef-menu-item-arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="6.2px" height="10.8px" viewBox="0 0 6.2 10.8" xml:space="preserve" aria-hidden="true"><g><path d="M5.9,5.9l-4.7,4.7c-0.3,0.3-0.7,0.3-1,0c-0.1-0.1-0.2-0.3-0.2-0.5c0-0.2,0.1-0.4,0.2-0.5l4.1-4.2L0.3,1.2c-0.4-0.3-0.4-0.7,0-1c0.3-0.3,0.7-0.3,1,0l4.7,4.7C6.1,5,6.2,5.2,6.2,5.4C6.2,5.6,6.1,5.8,5.9,5.9z"/></g></svg></a> <ul class="sub-menu"> <li id="menu-item-83708" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-83708"><a href="https://qodeinteractive.com/qi-addons-for-elementor/">Qi Addons</a></li> <li id="menu-item-83709" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-83709"><a href="https://qodeinteractive.com/qi-theme/">Qi Theme</a></li> </ul> </li> <li id="menu-item-83869" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-83869"><a href="#">Gutenberg Products<svg class="qodef-menu-item-arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="6.2px" height="10.8px" viewBox="0 0 6.2 10.8" xml:space="preserve" aria-hidden="true"><g><path d="M5.9,5.9l-4.7,4.7c-0.3,0.3-0.7,0.3-1,0c-0.1-0.1-0.2-0.3-0.2-0.5c0-0.2,0.1-0.4,0.2-0.5l4.1-4.2L0.3,1.2c-0.4-0.3-0.4-0.7,0-1c0.3-0.3,0.7-0.3,1,0l4.7,4.7C6.1,5,6.2,5.2,6.2,5.4C6.2,5.6,6.1,5.8,5.9,5.9z"/></g></svg></a> <ul class="sub-menu"> <li id="menu-item-83870" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-83870"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/">Qi Blocks</a></li> <li id="menu-item-83871" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-83871"><a href="https://qodeinteractive.com/qi-templates/">Qi Templates</a></li> </ul> </li> </ul> </li> </ul></div></div><div id="block-11" class="widget widget_block widget_media_image qodef-top-area-left" data-area="top-area-left"> <figure class="wp-block-image size-full is-resized"><a href="https://qodeinteractive.com/"><img decoding="async" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2022/07/top-header-logo.png" alt="a" class="wp-image-83711" width="32" height="32"/></a></figure> </div><div id="block-12" class="widget widget_block qodef-top-area-left" data-area="top-area-left"> <div class="wp-block-qi-blocks-advanced-text qodef-block-container qodef-widget-block-da563213 qodef-hide-on--desktop qodef-hide-on--tablet qodef-hide-on--mobile"><div class="qi-block-advanced-text qodef-block qodef-m"><p>Qi</p></div></div> </div> </div> </div> <div class="qodef-widget-holder qodef-top-area-right"> <div class="qodef-widget-holder qodef--one"> <div id="block-7" class="widget widget_block qodef-top-area-right" data-area="top-area-right"> <div class="wp-block-qi-blocks-button qodef-block-container qodef-widget-block-162ba119 qodef-width--inline"><a class="qi-block-button qodef-block qodef-m qodef-layout--textual qodef-type--standard qodef-hover--icon-move-horizontal-short" href="https://downloads.wordpress.org/plugin/qi-blocks.zip"><span class="qodef-m-text">Try free version</span></a></div> </div><div id="block-8" class="widget widget_block qodef-top-area-right" data-area="top-area-right"> <div class="wp-block-qi-blocks-button qodef-block-container qodef-widget-block-9b79c96a qodef-width--inline"><a class="qi-block-button qodef-block qodef-m qodef-layout--filled qodef-type--standard qodef-hover--icon-move-horizontal-short" href="https://qodeinteractive.com/products/plugins/qi-blocks-for-gutenberg/"><span class="qodef-m-text">Pricing Plans</span></a></div> </div> </div> </div> </div> </div> <header id="qodef-page-header" > <div id="qodef-page-header-inner" class=""> <a itemprop="url" class="qodef-header-logo-link qodef-height--set qodef-source--image" href="https://qodeinteractive.com/qi-blocks-for-gutenberg/" rel="home"> <img width="308" height="104" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2022/08/main-logo-img.png" class="qodef-header-logo-image qodef--main" alt="logo main" itemprop="image" srcset="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2022/08/main-logo-img.png 308w, https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2022/08/main-logo-img-300x101.png 300w" sizes="(max-width: 308px) 100vw, 308px" /></a> <nav class="qodef-header-navigation" role="navigation" aria-label="Top Menu"> <ul id="menu-main-menu-1" class="menu"><li class="qodef-side-menu-opener qodef-side-menu-icon menu-item menu-item-type-custom menu-item-object-custom menu-item-75635"><a><span class="qodef-menu-item-text">All blocks</span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-82532"><a href="https://qodeinteractive.com/qi-templates/"><span class="qodef-menu-item-text">Qi Templates</span></a></li> </ul> </nav> <div class="qodef-widget-holder qodef--one"> </div> </div> <div id="qodef-side-menu" > <a id="qodef-side-menu-close" href="javascript:void(0)" class="qodef-opener-icon qodef-m qodef--predefined"> <span class="qodef-m-icon"> <svg xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="35.355px" height="35.357px" viewBox="0 0 35.355 35.357" fill="currentColor" xml:space="preserve"> <g> <rect x="-6.323" y="16.679" transform="matrix(0.7071 0.7071 -0.7071 0.7071 17.6788 -7.3221)" width="48.001" height="2"/> <rect x="-6.322" y="16.678" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 42.6778 17.6781)" width="48" height="2"/> </g> </svg> </span> </a> <div class="qodef-side-menu-inner"> <nav class="qodef-side-menu-nav"> <ul id="menu-side-menu" class="menu"><li id="menu-item-76588" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-76588 qodef-menu-item--narrow"><a href="#"><span class="qodef-menu-item-text">Typography</span></a> <ul class="sub-menu"> <li id="menu-item-78489" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78489"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/drop-caps/"><span class="qodef-menu-item-text">Drop Caps</span></a></li> <li id="menu-item-76589" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76589"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/section-title/"><span class="qodef-menu-item-text">Section Title</span></a></li> <li id="menu-item-78490" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78490"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/typeout-text/"><span class="qodef-menu-item-text">Typeout Text</span></a></li> <li id="menu-item-78491" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78491"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/animated-text/"><span class="qodef-menu-item-text">Animated Text</span></a></li> <li id="menu-item-78492" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78492"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/highlighted-text/"><span class="qodef-menu-item-text">Highlighted Text</span></a></li> <li id="menu-item-78493" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78493"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/blockquote/"><span class="qodef-menu-item-text">Blockquote</span></a></li> <li id="menu-item-76591" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76591"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/divider/"><span class="qodef-menu-item-text">Divider</span></a></li> <li id="menu-item-76592" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76592"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/button/"><span class="qodef-menu-item-text">Button</span></a></li> <li id="menu-item-79388" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-79388"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/info-button/"><span class="qodef-menu-item-text">Info Button</span></a></li> <li id="menu-item-76593" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76593"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/call-to-action/"><span class="qodef-menu-item-text">Call to Action</span></a></li> <li id="menu-item-76594" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76594"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/message-boxes/"><span class="qodef-menu-item-text">Message Boxes</span></a></li> <li id="menu-item-76595" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76595"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/horizontal-tabs/"><span class="qodef-menu-item-text">Horizontal Tabs</span></a></li> <li id="menu-item-76596" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76596"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/vertical-tabs/"><span class="qodef-menu-item-text">Vertical Tabs</span></a></li> <li id="menu-item-76597" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-76597"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/accordions-and-toggles/" aria-current="page"><span class="qodef-menu-item-text">Accordions and Toggles</span></a></li> <li id="menu-item-76598" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76598"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/icon-with-text/"><span class="qodef-menu-item-text">Icon with Text</span></a></li> <li id="menu-item-80273" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-80273"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/advanced-text/"><span class="qodef-menu-item-text">Advanced Text</span></a></li> </ul> </li> <li id="menu-item-76599" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-76599 qodef-menu-item--narrow"><a href="#"><span class="qodef-menu-item-text">Business</span></a> <ul class="sub-menu"> <li id="menu-item-76600" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76600"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/pricing-table/"><span class="qodef-menu-item-text">Pricing Table</span></a></li> <li id="menu-item-78494" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78494"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/pricing-list/"><span class="qodef-menu-item-text">Pricing List</span></a></li> <li id="menu-item-78495" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78495"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/working-hours/"><span class="qodef-menu-item-text">Working Hours</span></a></li> <li id="menu-item-76601" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76601"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/clients-list/"><span class="qodef-menu-item-text">Clients List</span></a></li> <li id="menu-item-78496" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78496"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/clients-carousel/"><span class="qodef-menu-item-text">Clients Carousel</span></a></li> <li id="menu-item-76602" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76602"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/testimonials/"><span class="qodef-menu-item-text">Testimonials</span></a></li> <li id="menu-item-78497" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78497"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/testimonials-carousel/"><span class="qodef-menu-item-text">Testimonials Carousel</span></a></li> <li id="menu-item-76603" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76603"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/team/"><span class="qodef-menu-item-text">Team</span></a></li> <li id="menu-item-76604" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76604"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/info-box/"><span class="qodef-menu-item-text">Info Box</span></a></li> <li id="menu-item-76605" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76605"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/banners/"><span class="qodef-menu-item-text">Banners</span></a></li> <li id="menu-item-78498" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78498"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/interactive-banners/"><span class="qodef-menu-item-text">Interactive Banners</span></a></li> <li id="menu-item-76606" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76606"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/blog-list/"><span class="qodef-menu-item-text">Blog List</span></a></li> <li id="menu-item-78499" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78499"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/blog-carousel/"><span class="qodef-menu-item-text">Blog Carousel</span></a></li> <li id="menu-item-80127" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-80127"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/data-table/"><span class="qodef-menu-item-text">Data Table</span></a></li> <li id="menu-item-80128" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-80128"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/google-map/"><span class="qodef-menu-item-text">Google Map</span></a></li> </ul> </li> <li id="menu-item-76613" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-76613 qodef-menu-item--narrow"><a href="#"><span class="qodef-menu-item-text">WooCommerce</span></a> <ul class="sub-menu"> <li id="menu-item-76614" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76614"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/product-list/"><span class="qodef-menu-item-text">Product List</span></a></li> <li id="menu-item-78503" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78503"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/product-slider/"><span class="qodef-menu-item-text">Product Slider</span></a></li> <li id="menu-item-78502" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78502"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/product-category-list/"><span class="qodef-menu-item-text">Product Category List</span></a></li> <li id="menu-item-78504" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78504"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/add-to-cart-button/"><span class="qodef-menu-item-text">Add to Cart Button</span></a></li> <li id="menu-item-80129" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-80129"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/rating/"><span class="qodef-menu-item-text">Rating</span></a></li> </ul> </li> <li id="menu-item-76607" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-76607 qodef-menu-item--narrow"><a href="#"><span class="qodef-menu-item-text">Infographics</span></a> <ul class="sub-menu"> <li id="menu-item-76608" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76608"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/counters/"><span class="qodef-menu-item-text">Counters</span></a></li> <li id="menu-item-76609" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76609"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/radial-progress-bar/"><span class="qodef-menu-item-text">Radial Progress Bar</span></a></li> <li id="menu-item-76611" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76611"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/horizontal-progress-bar/"><span class="qodef-menu-item-text">Horizontal Progress Bar</span></a></li> <li id="menu-item-76610" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76610"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/vertical-progress-bar/"><span class="qodef-menu-item-text">Vertical Progress Bar</span></a></li> <li id="menu-item-76612" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76612"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/process/"><span class="qodef-menu-item-text">Process</span></a></li> <li id="menu-item-78500" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78500"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/graphs/"><span class="qodef-menu-item-text">Graphs</span></a></li> <li id="menu-item-78501" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78501"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/pie-and-donut-charts/"><span class="qodef-menu-item-text">Pie and Donut Charts</span></a></li> </ul> </li> <li id="menu-item-76622" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-76622 qodef-menu-item--narrow"><a href="#"><span class="qodef-menu-item-text">SEO</span></a> <ul class="sub-menu"> <li id="menu-item-76623" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76623"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/faqs/"><span class="qodef-menu-item-text">FAQs</span></a></li> <li id="menu-item-76624" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76624"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/how-to-schema/"><span class="qodef-menu-item-text">How-to Schema</span></a></li> <li id="menu-item-76625" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76625"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/table-of-contents/"><span class="qodef-menu-item-text">Table of Contents</span></a></li> </ul> </li> <li id="menu-item-76615" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-76615 qodef-menu-item--narrow"><a href="#"><span class="qodef-menu-item-text">Creative</span></a> <ul class="sub-menu"> <li id="menu-item-78506" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78506"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/device-frame-slider/"><span class="qodef-menu-item-text">Device Frame Slider</span></a></li> <li id="menu-item-78505" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78505"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/device-frame-carousel/"><span class="qodef-menu-item-text">Device Frame Carousel</span></a></li> <li id="menu-item-78507" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78507"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/preview-slider/"><span class="qodef-menu-item-text">Preview Slider</span></a></li> <li id="menu-item-76617" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76617"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/cards-gallery/"><span class="qodef-menu-item-text">Cards Gallery</span></a></li> <li id="menu-item-76618" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76618"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/parallax-image-showcase/"><span class="qodef-menu-item-text">Parallax Image Showcase</span></a></li> <li id="menu-item-76619" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76619"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/text-marquee/"><span class="qodef-menu-item-text">Text Marquee</span></a></li> <li id="menu-item-78509" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78509"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/interactive-links/"><span class="qodef-menu-item-text">Interactive Links</span></a></li> <li id="menu-item-78508" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78508"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/slider-switch/"><span class="qodef-menu-item-text">Slider Switch</span></a></li> </ul> </li> <li id="menu-item-76629" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-76629 qodef-menu-item--narrow"><a href="#"><span class="qodef-menu-item-text">Showcase</span></a> <ul class="sub-menu"> <li id="menu-item-78511" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78511"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/item-showcase/"><span class="qodef-menu-item-text">Item Showcase</span></a></li> <li id="menu-item-76630" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76630"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/timeline-showcase/"><span class="qodef-menu-item-text">Timeline Showcase</span></a></li> <li id="menu-item-78510" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78510"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/before-after-comparison-slider/"><span class="qodef-menu-item-text">Before/After Comparison Slider</span></a></li> <li id="menu-item-76631" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76631"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/countdown/"><span class="qodef-menu-item-text">Countdown</span></a></li> <li id="menu-item-76632" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76632"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/image-gallery/"><span class="qodef-menu-item-text">Image Gallery</span></a></li> <li id="menu-item-76633" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76633"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/image-slider/"><span class="qodef-menu-item-text">Image Slider</span></a></li> <li id="menu-item-76636" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76636"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/masonry-image-gallery/"><span class="qodef-menu-item-text">Masonry Image Gallery</span></a></li> <li id="menu-item-76637" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76637"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/pinterest-image-gallery/"><span class="qodef-menu-item-text">Pinterest Image Gallery</span></a></li> <li id="menu-item-78512" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78512"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/dual-image-with-content/"><span class="qodef-menu-item-text">Dual Image with Content</span></a></li> <li id="menu-item-78513" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78513"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/cards-slider/"><span class="qodef-menu-item-text">Cards Slider</span></a></li> <li id="menu-item-80130" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-80130"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/image-hotspots/"><span class="qodef-menu-item-text">Image Hotspots</span></a></li> <li id="menu-item-80131" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-80131"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/content-menu/"><span class="qodef-menu-item-text">Content Menu</span></a></li> <li id="menu-item-80136" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-80136"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/single-image/"><span class="qodef-menu-item-text">Single Image</span></a></li> <li id="menu-item-83290" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-83290"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/advanced-navigation/"><span class="qodef-menu-item-text">Advanced Navigation</span></a></li> <li id="menu-item-80144" class="qodef-all-widgets menu-item menu-item-type-post_type menu-item-object-page menu-item-80144"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/all-blocks/"><span class="qodef-menu-item-text">View all</span></a></li> </ul> </li> <li id="menu-item-76638" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-76638 qodef-menu-item--narrow"><a href="#"><span class="qodef-menu-item-text">Form Style</span></a> <ul class="sub-menu"> <li id="menu-item-76639" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76639"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/contact-form-7/"><span class="qodef-menu-item-text">Contact Form 7</span></a></li> <li id="menu-item-78514" class="qodef-premium menu-item menu-item-type-post_type menu-item-object-page menu-item-78514"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/wpforms/"><span class="qodef-menu-item-text">WPForms</span></a></li> </ul> </li> <li id="menu-item-80132" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-80132 qodef-menu-item--narrow"><a href="#"><span class="qodef-menu-item-text">Content Blocks</span></a> <ul class="sub-menu"> <li id="menu-item-80135" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-80135"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/advanced-columns/"><span class="qodef-menu-item-text">Advanced Columns</span></a></li> <li id="menu-item-80134" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-80134"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/spacer/"><span class="qodef-menu-item-text">Spacer</span></a></li> <li id="menu-item-80428" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-80428"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/author-info/"><span class="qodef-menu-item-text">Author Info</span></a></li> <li id="menu-item-80864" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-80864"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/post-title/#post-title"><span class="qodef-menu-item-text">Post Title</span></a></li> <li id="menu-item-80869" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-80869"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/post-dates/#post-dates"><span class="qodef-menu-item-text">Post Dates</span></a></li> <li id="menu-item-80871" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-80871"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/post-author/#post-author"><span class="qodef-menu-item-text">Post Author</span></a></li> <li id="menu-item-80875" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-80875"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/comments-template/#comments-template"><span class="qodef-menu-item-text">Comments Template</span></a></li> <li id="menu-item-80878" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-80878"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/post-terms/#post-terms"><span class="qodef-menu-item-text">Post Terms</span></a></li> <li id="menu-item-80880" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-80880"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/categories/#categories"><span class="qodef-menu-item-text">Categories</span></a></li> <li id="menu-item-80881" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-80881"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/tag-cloud/#tag-cloud"><span class="qodef-menu-item-text">Tag Cloud</span></a></li> <li id="menu-item-80885" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-80885"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/search/#search"><span class="qodef-menu-item-text">Search</span></a></li> </ul> </li> </ul> </nav> </div> </div> </header> <header id="qodef-page-mobile-header"> <div id="qodef-page-mobile-header-inner" > <a class="qodef-side-area-mobile-header-opener" href="#">menu</a> <a itemprop="url" class="qodef-mobile-header-logo-link qodef-height--set qodef-source--image" href="https://qodeinteractive.com/qi-blocks-for-gutenberg/" rel="home"> <img width="308" height="104" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2022/08/main-logo-img.png" class="qodef-header-logo-image qodef--main" alt="logo main" itemprop="image" srcset="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2022/08/main-logo-img.png 308w, https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2022/08/main-logo-img-300x101.png 300w" sizes="(max-width: 308px) 100vw, 308px" /></a> <div id="qodef-side-area-mobile-header" class="qodef-m"> <a class="qodef-m-close" href="#"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="17.244px" height="17.244px" viewBox="-115.195 169.807 17.244 17.244" enable-background="new -115.195 169.807 17.244 17.244" xml:space="preserve"> <rect x="-117.766" y="177.43" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -157.383 -23.0974)" width="22.387" height="2"/> <rect x="-117.766" y="177.43" transform="matrix(0.7071 0.7071 -0.7071 0.7071 94.9543 127.6189)" width="22.387" height="2"/> </svg> </a> <div class="qodef-m-side-nav-holder"> <nav class="qodef-m-navigation" role="navigation" aria-label="Mobile Menu"> <ul id="menu-side-menu-mobile-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-80138"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/all-blocks/"><span class="qodef-menu-item-text">All Blocks</span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-84207"><a target="_blank" rel="noopener" href="https://qodeinteractive.com/qi-templates/"><span class="qodef-menu-item-text">Qi Templates</span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-76717"><a target="_blank" rel="noopener" href="https://helpcenter.qodeinteractive.com/hc/en-us"><span class="qodef-menu-item-text">Help center</span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-80137"><a href="#"><span class="qodef-menu-item-text">Affiliate program</span></a></li> </ul> </nav> </div> </div> </div> </header> <div id="qodef-page-outer"> <div id="qodef-page-inner" class="qodef-content-full-width"> <main id="qodef-page-content" class="qodef-grid qodef-layout--columns qodef-gutter--huge"> <div class="qodef-grid-inner"> <div class="qodef-grid-item qodef-page-content-section"> <section class="wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-bc42124d qodef-col-num--2 qodef-col-layout--50 qodef-content--full-width qodef-gutter--no"><div class="qodef-section-background-overlay"></div><div class="qodef-gutenberg-row"> <div class="wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-0ff15a9c qodef-vertical-align--middle qodef-horizontal-align--start"><div class="qodef-gutenberg-column-inner"> <div class="wp-block-qi-blocks-section-title qodef-block-container qodef-block-6ee78270 qodef-width--inline qodef-width--tablet--full-width"><div class="qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-title-break-disabled--mobile qodef-text-break-disabled--mobile qodef-subtitle-icon--left"><h1 class="qodef-m-title">Accordions & Toggles <br><span style="text-decoration: underline;" class="qodef-underline-text">GUTENBERG</span> block</h1><p class="qodef-m-text">Pick your favorite layouts, set custom icons for opening <br>and closing accordions & toggles and more</p><div class="qodef-m-button qodef-block-clear"> <div class="wp-block-qi-blocks-button qodef-block-container qodef-block-c4654a87"><a class="qi-block-button qodef-block qodef-m qodef-layout--filled qodef-type--standard qodef-text-underline qodef-underline--left qodef-hover--icon-move-horizontal-short" href="https://qodeinteractive.com/pricing/?qi_product=blocks" target="_blank" rel="noopener noreferrer"><span class="qodef-m-text">TRY QI BLOCKS</span></a></div> </div></div></div> </div></div> <div class="wp-block-qi-blocks-column qodef-gutenberg-column qodef-hide-on--tablet qodef-hide-on--mobile qodef-block-d5ad075d qodef-horizontal-align--center"><div class="qodef-gutenberg-column-inner"> <div class="wp-block-qi-blocks-single-image qodef-block-container qodef-block-64b6f2dc qodef-width--custom" data-width="685px"><div class="qi-block-single-image qodef-block qodef-m"><div class="qodef-m-image"><img fetchpriority="high" decoding="async" width="685" height="501" class="wp-image-76535" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2022/03/accordions-and-toggles-title-image.png" alt="a" srcset="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2022/03/accordions-and-toggles-title-image.png 685w, https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2022/03/accordions-and-toggles-title-image-300x219.png 300w, https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2022/03/accordions-and-toggles-title-image-600x439.png 600w" sizes="(max-width: 685px) 100vw, 685px" /></div></div></div> </div></div> </div></section> <section class="wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-22de7520 qodef-col-num--2 qodef-col-layout--50 qodef-content--predefined qodef-content--1300 qodef-gutter--no"><div class="qodef-section-background-overlay"></div><div class="qodef-gutenberg-row"> <div class="wp-block-qi-blocks-column qodef-gutenberg-column qodef-hide-on--tablet qodef-hide-on--mobile qodef-block-fc8c507f"><div class="qodef-gutenberg-column-inner"> <div class="wp-block-qi-blocks-single-image qodef-block-container qodef-block-80220027"><div class="qi-block-single-image qodef-block qodef-m"><div class="qodef-m-image"><img decoding="async" class="wp-image-10873" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/01/accordions-img-1-286x567.png" alt="a"/></div></div></div> </div></div> <div class="wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-5c95890a qodef-vertical-align--middle"><div class="qodef-gutenberg-column-inner"> <div class="wp-block-qi-blocks-accordion qodef-block-container qodef-block-37873ad6"><div class="qi-block-accordion qodef-block qodef-m qodef-block-clear qodef-behavior--accordion qodef-style--border-between qodef-height--auto"><h5 class="qodef-e-title-holder"><span class="qodef-e-title">Do you accept credit card payments? </span><span class="qodef-e-mark"><span class="qodef-icon--plus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 13.8,24.196c 0.39,0.39, 1.024,0.39, 1.414,0l 6.486-6.486c 0.196-0.196, 0.294-0.454, 0.292-0.71 c0-0.258-0.096-0.514-0.292-0.71L 15.214,9.804c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 19.582,17 L 13.8,22.782C 13.41,23.172, 13.41,23.806, 13.8,24.196z"></path></g></svg></span></span><span class="qodef-icon--minus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z"></path></g></svg></span></span></span></h5><div class="qodef-e-content qodef-accordion-content"><div class="qodef-e-content-inner">Donec ut suscipit eros. Nullam ac consequat lacus non mi eget metus ac ligula interdum aliquam eget interdum non ex. Nam maximus sed ipsum libero tortor fermentum sed ac neque ac suscipit ante consectetur sapien vitae. Integer in lectus aliquam a pretium sit.</div></div><h5 class="qodef-e-title-holder"><span class="qodef-e-title">How do I access my account?</span><span class="qodef-e-mark"><span class="qodef-icon--plus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 13.8,24.196c 0.39,0.39, 1.024,0.39, 1.414,0l 6.486-6.486c 0.196-0.196, 0.294-0.454, 0.292-0.71 c0-0.258-0.096-0.514-0.292-0.71L 15.214,9.804c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 19.582,17 L 13.8,22.782C 13.41,23.172, 13.41,23.806, 13.8,24.196z"></path></g></svg></span></span><span class="qodef-icon--minus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z"></path></g></svg></span></span></span></h5><div class="qodef-e-content qodef-accordion-content"><div class="qodef-e-content-inner">Donec ut suscipit eros. Nullam ac consequat lacus non mi eget metus ac ligula interdum aliquam eget interdum non ex. Nam maximus sed ipsum libero tortor fermentum sed ac neque ac suscipit ante consectetur sapien vitae. Integer in lectus aliquam a pretium sit.</div></div><h5 class="qodef-e-title-holder"><span class="qodef-e-title">What is your return policy?</span><span class="qodef-e-mark"><span class="qodef-icon--plus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 13.8,24.196c 0.39,0.39, 1.024,0.39, 1.414,0l 6.486-6.486c 0.196-0.196, 0.294-0.454, 0.292-0.71 c0-0.258-0.096-0.514-0.292-0.71L 15.214,9.804c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 19.582,17 L 13.8,22.782C 13.41,23.172, 13.41,23.806, 13.8,24.196z"></path></g></svg></span></span><span class="qodef-icon--minus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z"></path></g></svg></span></span></span></h5><div class="qodef-e-content qodef-accordion-content"><div class="qodef-e-content-inner">Donec ut suscipit eros. Nullam ac consequat lacus non mi eget metus ac ligula interdum aliquam eget interdum non ex. Nam maximus sed ipsum libero tortor fermentum sed ac neque ac suscipit ante consectetur sapien vitae. Integer in lectus aliquam a pretium sit.</div></div><h5 class="qodef-e-title-holder"><span class="qodef-e-title">Do you sell gift cards?</span><span class="qodef-e-mark"><span class="qodef-icon--plus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 13.8,24.196c 0.39,0.39, 1.024,0.39, 1.414,0l 6.486-6.486c 0.196-0.196, 0.294-0.454, 0.292-0.71 c0-0.258-0.096-0.514-0.292-0.71L 15.214,9.804c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 19.582,17 L 13.8,22.782C 13.41,23.172, 13.41,23.806, 13.8,24.196z"></path></g></svg></span></span><span class="qodef-icon--minus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z"></path></g></svg></span></span></span></h5><div class="qodef-e-content qodef-accordion-content"><div class="qodef-e-content-inner">Donec ut suscipit eros. Nullam ac consequat lacus non mi eget metus ac ligula interdum aliquam eget interdum non ex. Nam maximus sed ipsum libero tortor fermentum sed ac neque ac suscipit ante consectetur sapien vitae. Integer in lectus aliquam a pretium sit.</div></div><h5 class="qodef-e-title-holder"><span class="qodef-e-title">Do you ship worldwide?</span><span class="qodef-e-mark"><span class="qodef-icon--plus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 13.8,24.196c 0.39,0.39, 1.024,0.39, 1.414,0l 6.486-6.486c 0.196-0.196, 0.294-0.454, 0.292-0.71 c0-0.258-0.096-0.514-0.292-0.71L 15.214,9.804c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 19.582,17 L 13.8,22.782C 13.41,23.172, 13.41,23.806, 13.8,24.196z"></path></g></svg></span></span><span class="qodef-icon--minus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z"></path></g></svg></span></span></span></h5><div class="qodef-e-content qodef-accordion-content"><div class="qodef-e-content-inner">Donec ut suscipit eros. Nullam ac consequat lacus non mi eget metus ac ligula interdum aliquam eget interdum non ex. Nam maximus sed ipsum libero tortor fermentum sed ac neque ac suscipit ante consectetur sapien vitae. Integer in lectus aliquam a pretium sit.</div></div></div></div> </div></div> </div></section> <section class="wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-62a07e26 qodef-col-num--2 qodef-col-layout--50 qodef-content--full-width qodef-gutter--no"><div class="qodef-section-background-overlay"></div><div class="qodef-gutenberg-row"> <div class="wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-ebe2e190 qodef-vertical-align--middle qodef-horizontal-align--center"><div class="qodef-gutenberg-column-inner"> <div class="wp-block-qi-blocks-section-title qodef-block-container qodef-block-bdba6137"><div class="qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left"><h6 class="qodef-m-subtitle"><span>Fully adjustable</span></h6><h2 class="qodef-m-title">Accordion colors</h2></div></div> <div class="wp-block-qi-blocks-accordion qodef-block-container qodef-block-e2fe8455"><div class="qi-block-accordion qodef-block qodef-m qodef-block-clear qodef-behavior--accordion qodef-style--standard qodef-height--auto"><h5 class="qodef-e-title-holder"><span class="qodef-e-title">Do you offer custom services? </span><span class="qodef-e-mark"><span class="qodef-icon--plus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="92px" viewBox="0 0 92 92" xml:space="preserve"> <path stroke="none" fill="currentColor" d="M46,63c-1.1,0-2.1-0.4-2.9-1.2l-25-26c-1.5-1.6-1.5-4.1,0.1-5.7c1.6-1.5,4.1-1.5,5.7,0.1l22.1,23l22.1-23 c1.5-1.6,4.1-1.6,5.7-0.1c1.6,1.5,1.6,4.1,0.1,5.7l-25,26C48.1,62.6,47.1,63,46,63z"></path> </svg></span></span><span class="qodef-icon--minus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="92px" viewBox="0 0 92 92" xml:space="preserve"> <path stroke="none" fill="currentColor" d="M71,63c-1.1,0-2.1-0.4-2.9-1.2L46,38.8l-22.1,23c-1.5,1.6-4.1,1.6-5.7,0.1c-1.6-1.5-1.6-4.1-0.1-5.7l25-26 c0.8-0.8,1.8-1.2,2.9-1.2s2.1,0.4,2.9,1.2l25,26c1.5,1.6,1.5,4.1-0.1,5.7C73,62.6,72,63,71,63z"></path> </svg></span></span></span></h5><div class="qodef-e-content qodef-accordion-content"><div class="qodef-e-content-inner">Etiam et est augue. In sit amet mollis mauris sed commodo urna quis turpis ante aliquam.</div></div><h5 class="qodef-e-title-holder"><span class="qodef-e-title">Can I book online?</span><span class="qodef-e-mark"><span class="qodef-icon--plus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="92px" viewBox="0 0 92 92" xml:space="preserve"> <path stroke="none" fill="currentColor" d="M46,63c-1.1,0-2.1-0.4-2.9-1.2l-25-26c-1.5-1.6-1.5-4.1,0.1-5.7c1.6-1.5,4.1-1.5,5.7,0.1l22.1,23l22.1-23 c1.5-1.6,4.1-1.6,5.7-0.1c1.6,1.5,1.6,4.1,0.1,5.7l-25,26C48.1,62.6,47.1,63,46,63z"></path> </svg></span></span><span class="qodef-icon--minus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="92px" viewBox="0 0 92 92" xml:space="preserve"> <path stroke="none" fill="currentColor" d="M71,63c-1.1,0-2.1-0.4-2.9-1.2L46,38.8l-22.1,23c-1.5,1.6-4.1,1.6-5.7,0.1c-1.6-1.5-1.6-4.1-0.1-5.7l25-26 c0.8-0.8,1.8-1.2,2.9-1.2s2.1,0.4,2.9,1.2l25,26c1.5,1.6,1.5,4.1-0.1,5.7C73,62.6,72,63,71,63z"></path> </svg></span></span></span></h5><div class="qodef-e-content qodef-accordion-content"><div class="qodef-e-content-inner">Etiam et est augue. In sit amet mollis mauris sed commodo urna quis turpis ante aliquam.</div></div><h5 class="qodef-e-title-holder"><span class="qodef-e-title">Do you offer insurance? </span><span class="qodef-e-mark"><span class="qodef-icon--plus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="92px" viewBox="0 0 92 92" xml:space="preserve"> <path stroke="none" fill="currentColor" d="M46,63c-1.1,0-2.1-0.4-2.9-1.2l-25-26c-1.5-1.6-1.5-4.1,0.1-5.7c1.6-1.5,4.1-1.5,5.7,0.1l22.1,23l22.1-23 c1.5-1.6,4.1-1.6,5.7-0.1c1.6,1.5,1.6,4.1,0.1,5.7l-25,26C48.1,62.6,47.1,63,46,63z"></path> </svg></span></span><span class="qodef-icon--minus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="92px" viewBox="0 0 92 92" xml:space="preserve"> <path stroke="none" fill="currentColor" d="M71,63c-1.1,0-2.1-0.4-2.9-1.2L46,38.8l-22.1,23c-1.5,1.6-4.1,1.6-5.7,0.1c-1.6-1.5-1.6-4.1-0.1-5.7l25-26 c0.8-0.8,1.8-1.2,2.9-1.2s2.1,0.4,2.9,1.2l25,26c1.5,1.6,1.5,4.1-0.1,5.7C73,62.6,72,63,71,63z"></path> </svg></span></span></span></h5><div class="qodef-e-content qodef-accordion-content"><div class="qodef-e-content-inner">Etiam et est augue. In sit amet mollis mauris sed commodo urna quis turpis ante aliquam.</div></div></div></div> </div></div> <div class="wp-block-qi-blocks-column qodef-gutenberg-column qodef-hide-on--tablet qodef-hide-on--mobile qodef-block-0bceb808"><div class="qodef-gutenberg-column-inner"></div></div> </div></section> <section class="wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-2be8f1f5 qodef-col-num--2 qodef-col-layout--50 qodef-content--full-width qodef-gutter--no"><div class="qodef-section-background-overlay"></div><div class="qodef-gutenberg-row"> <div class="wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-a027a7ee"><div class="qodef-gutenberg-column-inner"> <div class="wp-block-qi-blocks-single-image qodef-block-container qodef-block-b80494d5"><div class="qi-block-single-image qodef-block qodef-m"><div class="qodef-m-image"><img decoding="async" width="1024" height="683" class="wp-image-11477" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/01/accordions-img-5.jpg" alt="a" srcset="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/01/accordions-img-5.jpg 1024w, https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/01/accordions-img-5-600x400.jpg 600w, https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/01/accordions-img-5-300x200.jpg 300w, https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/01/accordions-img-5-768x512.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></div></div></div> </div></div> <div class="wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-bd542c05 qodef-vertical-align--middle"><div class="qodef-gutenberg-column-inner"> <div class="wp-block-qi-blocks-accordion qodef-block-container qodef-block-833fcf10"><div class="qi-block-accordion qodef-block qodef-m qodef-block-clear qodef-behavior--accordion qodef-style--border-between qodef-height--auto"><h6 class="qodef-e-title-holder"><span class="qodef-e-title">Do you accept credit cards?</span><span class="qodef-e-mark"><span class="qodef-icon--plus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 13.8,24.196c 0.39,0.39, 1.024,0.39, 1.414,0l 6.486-6.486c 0.196-0.196, 0.294-0.454, 0.292-0.71 c0-0.258-0.096-0.514-0.292-0.71L 15.214,9.804c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 19.582,17 L 13.8,22.782C 13.41,23.172, 13.41,23.806, 13.8,24.196z"></path></g></svg></span></span><span class="qodef-icon--minus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z"></path></g></svg></span></span></span></h6><div class="qodef-e-content qodef-accordion-content"><div class="qodef-e-content-inner">Mauris nec leo ac risus egestas a eget vel ante sem ac maximus sed cursus, blandit ut eros. In sed felis mollis elit sed, efficitur nisl aenean dio felis dolor, vel viverra purus nec blandit sapien.</div></div><h6 class="qodef-e-title-holder"><span class="qodef-e-title">How do I access my account? </span><span class="qodef-e-mark"><span class="qodef-icon--plus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 13.8,24.196c 0.39,0.39, 1.024,0.39, 1.414,0l 6.486-6.486c 0.196-0.196, 0.294-0.454, 0.292-0.71 c0-0.258-0.096-0.514-0.292-0.71L 15.214,9.804c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 19.582,17 L 13.8,22.782C 13.41,23.172, 13.41,23.806, 13.8,24.196z"></path></g></svg></span></span><span class="qodef-icon--minus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z"></path></g></svg></span></span></span></h6><div class="qodef-e-content qodef-accordion-content"><div class="qodef-e-content-inner">Mauris nec leo ac risus egestas a eget vel ante sem ac maximus sed cursus, blandit ut eros. In sed felis mollis elit sed, efficitur nisl aenean dio felis dolor, vel viverra purus nec blandit sapien.</div></div><h6 class="qodef-e-title-holder"><span class="qodef-e-title">What is your return policy? </span><span class="qodef-e-mark"><span class="qodef-icon--plus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 13.8,24.196c 0.39,0.39, 1.024,0.39, 1.414,0l 6.486-6.486c 0.196-0.196, 0.294-0.454, 0.292-0.71 c0-0.258-0.096-0.514-0.292-0.71L 15.214,9.804c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 19.582,17 L 13.8,22.782C 13.41,23.172, 13.41,23.806, 13.8,24.196z"></path></g></svg></span></span><span class="qodef-icon--minus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z"></path></g></svg></span></span></span></h6><div class="qodef-e-content qodef-accordion-content"><div class="qodef-e-content-inner">Mauris nec leo ac risus egestas a eget vel ante sem ac maximus sed cursus, blandit ut eros. In sed felis mollis elit sed, efficitur nisl aenean dio felis dolor, vel viverra purus nec blandit sapien.</div></div><h6 class="qodef-e-title-holder"><span class="qodef-e-title">Do you sell gift cards?</span><span class="qodef-e-mark"><span class="qodef-icon--plus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 13.8,24.196c 0.39,0.39, 1.024,0.39, 1.414,0l 6.486-6.486c 0.196-0.196, 0.294-0.454, 0.292-0.71 c0-0.258-0.096-0.514-0.292-0.71L 15.214,9.804c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 19.582,17 L 13.8,22.782C 13.41,23.172, 13.41,23.806, 13.8,24.196z"></path></g></svg></span></span><span class="qodef-icon--minus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z"></path></g></svg></span></span></span></h6><div class="qodef-e-content qodef-accordion-content"><div class="qodef-e-content-inner">Mauris nec leo ac risus egestas a eget vel ante sem ac maximus sed cursus, blandit ut eros. In sed felis mollis elit sed, efficitur nisl aenean dio felis dolor, vel viverra purus nec blandit sapien.</div></div></div></div> </div></div> </div></section> <section class="wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-8192199d qodef-col-num--2 qodef-col-layout--50 qodef-content--predefined qodef-content--1300 qodef-gutter--no"><div class="qodef-section-background-overlay"></div><div class="qodef-gutenberg-row"> <div class="wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-b65eb4c3 qodef-vertical-align--middle"><div class="qodef-gutenberg-column-inner"> <div class="wp-block-qi-blocks-section-title qodef-block-container qodef-block-fe4895cd"><div class="qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left"><h6 class="qodef-m-subtitle"><span>Fonts, colors & more</span></h6><h2 class="qodef-m-title">Typography styles</h2></div></div> <div class="wp-block-qi-blocks-accordion qodef-block-container qodef-block-d8c8f6ba"><div class="qi-block-accordion qodef-block qodef-m qodef-block-clear qodef-behavior--accordion qodef-style--border-top qodef-height--auto"><h5 class="qodef-e-title-holder"><span class="qodef-e-title">Do you accept credit card payments? </span><span class="qodef-e-mark"><span class="qodef-icon--plus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 9,18L 16,18 l0,7 C 16,25.552, 16.448,26, 17,26S 18,25.552, 18,25L 18,18 l 7,0 C 25.552,18, 26,17.552, 26,17 C 26,16.448, 25.552,16, 25,16L 18,16 L 18,9 C 18,8.448, 17.552,8, 17,8S 16,8.448, 16,9L 16,16 L 9,16 C 8.448,16, 8,16.448, 8,17C 8,17.552, 8.448,18, 9,18z"></path></g></svg></span></span><span class="qodef-icon--minus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 9,18l 16,0 C 25.552,18, 26,17.552, 26,17C 26,16.448, 25.552,16, 25,16l-16,0 C 8.448,16, 8,16.448, 8,17 C 8,17.552, 8.448,18, 9,18z"></path></g></svg></span></span></span></h5><div class="qodef-e-content qodef-accordion-content"><div class="qodef-e-content-inner">Sed diam mauris, aliquet lacinia sit at amet a viverra quis sed enim a dui nec interdum luctus nam interdum nunc.</div></div><h5 class="qodef-e-title-holder"><span class="qodef-e-title">How do I access my account? </span><span class="qodef-e-mark"><span class="qodef-icon--plus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 9,18L 16,18 l0,7 C 16,25.552, 16.448,26, 17,26S 18,25.552, 18,25L 18,18 l 7,0 C 25.552,18, 26,17.552, 26,17 C 26,16.448, 25.552,16, 25,16L 18,16 L 18,9 C 18,8.448, 17.552,8, 17,8S 16,8.448, 16,9L 16,16 L 9,16 C 8.448,16, 8,16.448, 8,17C 8,17.552, 8.448,18, 9,18z"></path></g></svg></span></span><span class="qodef-icon--minus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 9,18l 16,0 C 25.552,18, 26,17.552, 26,17C 26,16.448, 25.552,16, 25,16l-16,0 C 8.448,16, 8,16.448, 8,17 C 8,17.552, 8.448,18, 9,18z"></path></g></svg></span></span></span></h5><div class="qodef-e-content qodef-accordion-content"><div class="qodef-e-content-inner">Sed diam mauris, aliquet lacinia sit at amet a viverra quis sed enim a dui nec interdum luctus nam interdum nunc.</div></div><h5 class="qodef-e-title-holder"><span class="qodef-e-title">What is your return policy? </span><span class="qodef-e-mark"><span class="qodef-icon--plus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 9,18L 16,18 l0,7 C 16,25.552, 16.448,26, 17,26S 18,25.552, 18,25L 18,18 l 7,0 C 25.552,18, 26,17.552, 26,17 C 26,16.448, 25.552,16, 25,16L 18,16 L 18,9 C 18,8.448, 17.552,8, 17,8S 16,8.448, 16,9L 16,16 L 9,16 C 8.448,16, 8,16.448, 8,17C 8,17.552, 8.448,18, 9,18z"></path></g></svg></span></span><span class="qodef-icon--minus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 9,18l 16,0 C 25.552,18, 26,17.552, 26,17C 26,16.448, 25.552,16, 25,16l-16,0 C 8.448,16, 8,16.448, 8,17 C 8,17.552, 8.448,18, 9,18z"></path></g></svg></span></span></span></h5><div class="qodef-e-content qodef-accordion-content"><div class="qodef-e-content-inner">Sed diam mauris, aliquet lacinia sit at amet a viverra quis sed enim a dui nec interdum luctus nam interdum nunc.</div></div></div></div> </div></div> <div class="wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-0a4f5388"><div class="qodef-gutenberg-column-inner"> <div class="wp-block-qi-blocks-single-image qodef-block-container qodef-block-e5188183"><div class="qi-block-single-image qodef-block qodef-m"><div class="qodef-m-image"><img decoding="async" width="800" height="636" class="wp-image-11719" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/02/accordions-img-6.png" alt="a" srcset="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/02/accordions-img-6.png 800w, https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/02/accordions-img-6-600x477.png 600w, https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/02/accordions-img-6-300x239.png 300w, https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/02/accordions-img-6-768x611.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></div></div></div> </div></div> </div></section> <section class="wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-27e1b6cb qodef-col-num--2 qodef-col-layout--50 qodef-content--predefined qodef-content--1300 qodef-gutter--no"><div class="qodef-section-background-overlay"></div><div class="qodef-gutenberg-row"> <div class="wp-block-qi-blocks-column qodef-gutenberg-column qodef-hide-on--tablet qodef-hide-on--mobile qodef-block-e9518883"><div class="qodef-gutenberg-column-inner"> <div class="wp-block-qi-blocks-single-image qodef-block-container qodef-block-f874b2f7"><div class="qi-block-single-image qodef-block qodef-m"><div class="qodef-m-image"><img loading="lazy" decoding="async" width="800" height="636" class="wp-image-11721" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/02/accordions-img-7.png" alt="a" srcset="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/02/accordions-img-7.png 800w, https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/02/accordions-img-7-600x477.png 600w, https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/02/accordions-img-7-300x239.png 300w, https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/uploads/2021/02/accordions-img-7-768x611.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></div></div></div> </div></div> <div class="wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-5ea370f2 qodef-vertical-align--middle"><div class="qodef-gutenberg-column-inner"> <div class="wp-block-qi-blocks-section-title qodef-block-container qodef-block-3b1a836e"><div class="qi-block-section-title qodef-block qodef-m qodef-link--underline-draw qodef-subtitle-icon--left"><h6 class="qodef-m-subtitle"><span>Pick your style</span></h6><h2 class="qodef-m-title">Boxes and borders</h2></div></div> <div class="wp-block-qi-blocks-accordion qodef-block-container qodef-block-d55cf59a"><div class="qi-block-accordion qodef-block qodef-m qodef-block-clear qodef-behavior--toggle qodef-style--boxed qodef-height--auto"><h5 class="qodef-e-title-holder"><span class="qodef-e-title">1. Do you accept credit cards?</span><span class="qodef-e-mark"><span class="qodef-icon--plus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 9,18L 16,18 l0,7 C 16,25.552, 16.448,26, 17,26S 18,25.552, 18,25L 18,18 l 7,0 C 25.552,18, 26,17.552, 26,17 C 26,16.448, 25.552,16, 25,16L 18,16 L 18,9 C 18,8.448, 17.552,8, 17,8S 16,8.448, 16,9L 16,16 L 9,16 C 8.448,16, 8,16.448, 8,17C 8,17.552, 8.448,18, 9,18z"></path></g></svg></span></span><span class="qodef-icon--minus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 9,18l 16,0 C 25.552,18, 26,17.552, 26,17C 26,16.448, 25.552,16, 25,16l-16,0 C 8.448,16, 8,16.448, 8,17 C 8,17.552, 8.448,18, 9,18z"></path></g></svg></span></span></span></h5><div class="qodef-e-content qodef-accordion-content"><div class="qodef-e-content-inner">Mauris ipsum lectus sapien tempus metus et cursus quis justo ac semper sapien lupus.</div></div><h5 class="qodef-e-title-holder"><span class="qodef-e-title">2. How do I access my account? </span><span class="qodef-e-mark"><span class="qodef-icon--plus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 9,18L 16,18 l0,7 C 16,25.552, 16.448,26, 17,26S 18,25.552, 18,25L 18,18 l 7,0 C 25.552,18, 26,17.552, 26,17 C 26,16.448, 25.552,16, 25,16L 18,16 L 18,9 C 18,8.448, 17.552,8, 17,8S 16,8.448, 16,9L 16,16 L 9,16 C 8.448,16, 8,16.448, 8,17C 8,17.552, 8.448,18, 9,18z"></path></g></svg></span></span><span class="qodef-icon--minus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 9,18l 16,0 C 25.552,18, 26,17.552, 26,17C 26,16.448, 25.552,16, 25,16l-16,0 C 8.448,16, 8,16.448, 8,17 C 8,17.552, 8.448,18, 9,18z"></path></g></svg></span></span></span></h5><div class="qodef-e-content qodef-accordion-content"><div class="qodef-e-content-inner">Mauris ipsum lectus sapien tempus metus et cursus quis justo ac semper sapien lupus.</div></div><h5 class="qodef-e-title-holder"><span class="qodef-e-title">3. What is your return policy? </span><span class="qodef-e-mark"><span class="qodef-icon--plus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 9,18L 16,18 l0,7 C 16,25.552, 16.448,26, 17,26S 18,25.552, 18,25L 18,18 l 7,0 C 25.552,18, 26,17.552, 26,17 C 26,16.448, 25.552,16, 25,16L 18,16 L 18,9 C 18,8.448, 17.552,8, 17,8S 16,8.448, 16,9L 16,16 L 9,16 C 8.448,16, 8,16.448, 8,17C 8,17.552, 8.448,18, 9,18z"></path></g></svg></span></span><span class="qodef-icon--minus"><span class="qodef-e-icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" viewBox="0 0 32 32" fill="currentColor"><g><path stroke="none" d="M 9,18l 16,0 C 25.552,18, 26,17.552, 26,17C 26,16.448, 25.552,16, 25,16l-16,0 C 8.448,16, 8,16.448, 8,17 C 8,17.552, 8.448,18, 9,18z"></path></g></svg></span></span></span></h5><div class="qodef-e-content qodef-accordion-content"><div class="qodef-e-content-inner">Mauris ipsum lectus sapien tempus metus et cursus quis justo ac semper sapien lupus.</div></div></div></div> </div></div> </div></section> <section class="wp-block-qi-blocks-columns qodef-gutenberg-section qodef--template qodef-block-6a024141 qodef-col-num--1 qodef-col-layout--100 qodef-content--predefined qodef-content--1300 qodef-gutter--no"><div class="qodef-section-background-overlay"></div><div class="qodef-gutenberg-row"> <div class="wp-block-qi-blocks-column qodef-gutenberg-column qodef-block-2f7ad89e"><div class="qodef-gutenberg-column-inner"> <div class="wp-block-qi-blocks-call-to-action qodef-block-container qodef-block-f351f2fb"><div class="qi-block-call-to-action qodef-block qodef-m qodef-layout--standard qodef-button-below--1024"><div class="qodef-m-inner"><div class="qodef-m-content"><h5 class="qodef-m-title">Get Qi Blocks for Gutenberg with 80 professionally designed custom blocks for creating modern websites the easy way. Experience Full Site Editing executed to perfection!</h5></div><div class="qodef-m-button"> <div class="wp-block-qi-blocks-button qodef-block-container qodef-block-6c44730d"><a class="qi-block-button qodef-block qodef-m qodef-layout--filled qodef-type--standard qodef-icon--right qodef-hover--icon-move-horizontal-short" href="https://qodeinteractive.com/qi-blocks-for-gutenberg/"><span class="qodef-m-text">View More</span><span class="qodef-m-icon"><span class="qodef-m-icon-inner"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="6.7px" height="11.4px" viewBox="0 0 6.7 11.4" style="enable-background:new 0 0 6.7 11.4; stroke:transparent;" xml:space="preserve" fill="currentColor"> <path d="M6.4,5L1.7,0.3c-0.4-0.4-1-0.4-1.3,0C0.1,0.5,0,0.7,0,1s0.1,0.5,0.4,0.7l3.8,4l-3.9,4C0.1,9.8,0,10.1,0,10.4 c0,0.3,0.1,0.5,0.3,0.7s0.4,0.3,0.7,0.3l0,0c0.2,0,0.5-0.1,0.7-0.3l4.7-4.7C6.5,6.2,6.7,6,6.7,5.7C6.7,5.4,6.6,5.1,6.4,5z"></path> </svg></span></span></a></div> </div></div></div></div> </div></div> </div></section> </div> </div> </main> </div> </div> <footer id="qodef-page-footer" class="qodef-widgets-skin--white"> <div id="qodef-page-footer-top-area"> <div id="qodef-page-footer-top-area-inner" class="qodef-content-grid"> <div class="qodef-grid qodef-layout--columns qodef-responsive--custom qodef-col-num--4 qodef-col-num--1024--2 qodef-col-num--768--2 qodef-col-num--680--1 qodef-col-num--480--1 qodef-gutter--normal"> <div class="qodef-grid-inner"> <div class="qodef-grid-item"> <div id="custom_html-3" class="widget_text widget widget_custom_html" data-area="footer_top_area_column_1"><h5 class="qodef-widget-title">Qi Blocks</h5><div class="textwidget custom-html-widget"><p style="margin-bottom: -10px; font-size: 16px; font-weight: 500; margin-top: -1px;">Developed by a bestselling</p> <p style="margin-bottom: -10px; font-size: 16px; font-weight: 500;">WP author, the award-winning</p> <p style="font-size: 16px; font-weight: 500; margin-bottom: -8px;">Qode Interactive</p></div></div><div id="qode_essential_addons_spacer-5" class="widget widget_qode_essential_addons_spacer" data-area="footer_top_area_column_1"><div class="qodef-spacer-widget qodef--vertical" style="height: 1px"></div></div> </div> <div class="qodef-grid-item"> <div id="custom_html-4" class="widget_text widget widget_custom_html" data-area="footer_top_area_column_2"><h5 class="qodef-widget-title">Company</h5><div class="textwidget custom-html-widget"><p style="font-size: 16px; font-weight: 500; margin-bottom: -1px; margin-top: -1px;"><a href="https://qodeinteractive.com/about/" target="_blank" rel="noopener">About</a></p> <p style="font-size: 16px; font-weight: 500; margin-bottom: -1px;"><a href="https://qodeinteractive.com/terms-of-use/" target="_blank" rel="noopener">Terms of Use</a></p> <p style="font-size: 16px; font-weight: 500; margin-bottom: -1px;"><a href="https://qodeinteractive.com/privacy-policy/" target="_blank" rel="noopener">Privacy Policy</a></p> <p style="font-size: 16px; font-weight: 500; margin-bottom: -1px;"><a href="https://qodeinteractive.com/newsletter/" target="_blank" rel="noopener">Newsletter</a></p> <p style="font-size: 16px; font-weight: 500; margin-bottom: -8px;"><a href="https://qodeinteractive.com/contact-us/" target="_blank" rel="noopener">Contact Us</a></p></div></div><div id="qode_essential_addons_spacer-6" class="widget widget_qode_essential_addons_spacer" data-area="footer_top_area_column_2"><div class="qodef-spacer-widget qodef--vertical" style="height: 1px"></div></div> </div> <div class="qodef-grid-item"> <div id="custom_html-5" class="widget_text widget widget_custom_html" data-area="footer_top_area_column_3"><h5 class="qodef-widget-title">Products</h5><div class="textwidget custom-html-widget"><p style="font-size: 16px; font-weight: 500; margin-bottom: -1px; margin-top: -1px;"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/">Qi Blocks for Gutenberg</a></p> <p style="font-size: 16px; font-weight: 500; margin-bottom: -1px;"><a href="https://qodeinteractive.com/qi-templates/" target="_blank" rel="noopener">Qi Templates</a></p> <p style="font-size: 16px; font-weight: 500; margin-bottom: -1px;"><a href="https://qodeinteractive.com/pluginss/" target="_blank" rel="noopener">Qode WooCommerce Plugins</a></p> <p style="font-size: 16px; font-weight: 500; margin-bottom: -1px;"><a href="https://qodeinteractive.com/qi-theme/affiliate-program/" target="_blank" rel="noopener">Affiliate Program</a></p> <p style="font-size: 16px; font-weight: 500; margin-bottom: -1px;"><a href="https://qodeinteractive.com/themes-list/?orderby=sales&order=desc" target="_blank" rel="noopener">Qode Premium Themes</a></p> <p style="font-size: 16px; font-weight: 500; margin-bottom: -1px;"><a href="https://qodeinteractive.com/qi-theme/" target="_blank" rel="noopener">Qi Theme</a></p> <p style="font-size: 16px; font-weight: 500; margin-bottom: -1px;"><a href="https://qodeinteractive.com/qi-addons-for-elementor/" target="_blank" rel="noopener">Qi Addons for Elementor</a></p> <p style="font-size: 16px; font-weight: 500; margin-bottom: -8px;"><a href="https://qodeinteractive.com/qi-blocks-for-gutenberg/changelog/" target="_blank" rel="noopener">Qi Blocks Changelog</a></p></div></div><div id="qode_essential_addons_spacer-7" class="widget widget_qode_essential_addons_spacer" data-area="footer_top_area_column_3"><div class="qodef-spacer-widget qodef--vertical" style="height: 1px"></div></div> </div> <div class="qodef-grid-item"> <div id="custom_html-6" class="widget_text widget widget_custom_html" data-area="footer_top_area_column_4"><h5 class="qodef-widget-title">Community</h5><div class="textwidget custom-html-widget"><p style="font-size: 16px; font-weight: 500; margin-bottom: -1px; margin-top: -1px;"><a href="https://helpcenter.qodeinteractive.com/hc/en-us" target="_blank" rel="noopener">Qode Help Center</a></p> <p style="font-size: 16px; font-weight: 500; margin-bottom: -1px;"><a href="https://www.youtube.com/channel/UC-h62vMXD5aZV5zAULD-SuA" target="_blank" rel="noopener">Qode Tutorials</a></p> <p style="font-size: 16px; font-weight: 500; margin-bottom: -1px;"><a href="https://www.facebook.com/QodeInteractive/" target="_blank" rel="noopener">Facebook</a></p> <p style="font-size: 16px; font-weight: 500; margin-bottom: -1px;"><a href="https://twitter.com/QodeInteractive" target="_blank" rel="noopener">Twitter</a></p> <p style="font-size: 16px; font-weight: 500; margin-bottom: -8px;"><a href="https://www.instagram.com/qodeinteractive/" target="_blank" rel="noopener">Instagram</a></p></div></div><div id="qode_essential_addons_spacer-8" class="widget widget_qode_essential_addons_spacer" data-area="footer_top_area_column_4"><div class="qodef-spacer-widget qodef--vertical" style="height: 1px"></div></div> </div> </div> </div> </div> </div> <div id="qodef-page-footer-bottom-area"> <div id="qodef-page-footer-bottom-area-inner" class="qodef-content-grid"> <div class="qodef-grid qodef-layout--columns qodef-responsive--custom qodef-col-num--1 qodef-gutter--normal"> <div class="qodef-grid-inner"> <div class="qodef-grid-item"> <div id="custom_html-7" class="widget_text widget widget_custom_html" data-area="footer_bottom_area_column_1"><div class="textwidget custom-html-widget"><p style="font-size: 14px; font-weight: 500; line-height: 21px; min-width: 175px; max-width: 50%;">漏 2024 <a href="https://qodeinteractive.com/" target="_blank" rel="noopener">Qode Interactive</a>, All Rights Reserved</p></div></div> </div> </div> </div> </div> </div> </footer> </div> <a id="qodef-back-to-top" href="#" > <span class="qodef-back-to-top-icon"> <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="currentColor"><g><path stroke="none" d="M 11.218,20.2L 17,14.418l 5.782,5.782c 0.39,0.39, 1.024,0.39, 1.414,0c 0.39-0.39, 0.39-1.024,0-1.414 L 17.71,12.3C 17.514,12.104, 17.258,12.008, 17,12.008c-0.258,0-0.514,0.096-0.71,0.292L 9.804,18.786c-0.39,0.39-0.39,1.024,0,1.414 C 10.194,20.59, 10.828,20.59, 11.218,20.2z"></path></g></svg> </span> </a> <script type='text/javascript'> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <style id='wp-block-image-inline-css' type='text/css'> .wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-left-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-left-style:solid}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}} </style> <link rel='stylesheet' id='qi-blocks-advanced-text-css' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qi-blocks/assets/dist/advanced-text.css?ver=6.5.2' type='text/css' media='all' /> <link rel='stylesheet' id='qi-blocks-button-css' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qi-blocks/assets/dist/button.css?ver=6.5.2' type='text/css' media='all' /> <link rel='stylesheet' id='qi-blocks-section-title-css' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qi-blocks/assets/dist/section-title.css?ver=6.5.2' type='text/css' media='all' /> <link rel='stylesheet' id='qi-blocks-single-image-css' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qi-blocks/assets/dist/single-image.css?ver=6.5.2' type='text/css' media='all' /> <link rel='stylesheet' id='qi-blocks-accordion-css' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qi-blocks/assets/dist/accordion.css?ver=6.5.2' type='text/css' media='all' /> <link rel='stylesheet' id='qi-blocks-call-to-action-css' href='https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qi-blocks/assets/dist/call-to-action.css?ver=6.5.2' type='text/css' media='all' /> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} </style> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.9.3" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.9.3" id="contact-form-7-js"></script> <script type="text/javascript" id="cf7msm-js-extra"> /* <![CDATA[ */ var cf7msm_posted_data = []; /* ]]> */ </script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/contact-form-7-multi-step-module/resources/cf7msm.min.js?ver=4.3.1" id="cf7msm-js"></script> <script type="text/javascript" id="qi-blocks-main-js-extra"> /* <![CDATA[ */ var qiBlocks = {"vars":{"arrowLeftIcon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 34.2 32.3\" xml:space=\"preserve\" style=\"stroke-width: 2;\"><line x1=\"0.5\" y1=\"16\" x2=\"33.5\" y2=\"16\"\/><line x1=\"0.3\" y1=\"16.5\" x2=\"16.2\" y2=\"0.7\"\/><line x1=\"0\" y1=\"15.4\" x2=\"16.2\" y2=\"31.6\"\/><\/svg>","arrowRightIcon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 34.2 32.3\" xml:space=\"preserve\" style=\"stroke-width: 2;\"><line x1=\"0\" y1=\"16\" x2=\"33\" y2=\"16\"\/><line x1=\"17.3\" y1=\"0.7\" x2=\"33.2\" y2=\"16.5\"\/><line x1=\"17.3\" y1=\"31.6\" x2=\"33.5\" y2=\"15.4\"\/><\/svg>","closeIcon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 9.1 9.1\" xml:space=\"preserve\"><g><path d=\"M8.5,0L9,0.6L5.1,4.5L9,8.5L8.5,9L4.5,5.1L0.6,9L0,8.5L4,4.5L0,0.6L0.6,0L4.5,4L8.5,0z\"\/><\/g><\/svg>","restUrl":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/","restNonce":"ec0b69a30a","viewCartText":"View Cart"}}; /* ]]> */ </script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qi-blocks/assets/dist/main.js?ver=6.5.2" id="qi-blocks-main-js"></script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-includes/js/jquery/ui/core.min.js?ver=1.13.2" id="jquery-ui-core-js"></script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-includes/js/jquery/ui/accordion.min.js?ver=1.13.2" id="jquery-ui-accordion-js"></script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qi-blocks/assets/js/plugins/fslightbox/fslightbox.min.js?ver=6.5.2" id="fslightbox-js"></script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=8.7.0" id="sourcebuster-js-js"></script> <script type="text/javascript" id="wc-order-attribution-js-extra"> /* <![CDATA[ */ var wc_order_attribution = {"params":{"lifetime":1.0000000000000000818030539140313095458623138256371021270751953125e-5,"session":30,"ajaxurl":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; /* ]]> */ </script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=8.7.0" id="wc-order-attribution-js"></script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js"></script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qode-essential-addons/assets/plugins/modernizr/modernizr.js?ver=6.5.2" id="modernizr-js"></script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qi-blocks/inc/slider/assets/plugins/5.4.5/swiper.min.js?ver=6.5.2" id="swiper-js"></script> <script type="text/javascript" id="qode-essential-addons-script-js-extra"> /* <![CDATA[ */ var qodefGlobal = {"vars":{"adminBarHeight":0,"iconArrowLeft":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 34.2 32.3\" xml:space=\"preserve\" style=\"stroke-width: 2;\"><line x1=\"0.5\" y1=\"16\" x2=\"33.5\" y2=\"16\"><\/line><line x1=\"0.3\" y1=\"16.5\" x2=\"16.2\" y2=\"0.7\"><\/line><line x1=\"0\" y1=\"15.4\" x2=\"16.2\" y2=\"31.6\"><\/line><\/svg>","iconArrowRight":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 34.2 32.3\" xml:space=\"preserve\" style=\"stroke-width: 2;\"><line x1=\"0\" y1=\"16\" x2=\"33\" y2=\"16\"><\/line><line x1=\"17.3\" y1=\"0.7\" x2=\"33.2\" y2=\"16.5\"><\/line><line x1=\"17.3\" y1=\"31.6\" x2=\"33.5\" y2=\"15.4\"><\/line><\/svg>","iconClose":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 9.1 9.1\" xml:space=\"preserve\"><g><path d=\"M8.5,0L9,0.6L5.1,4.5L9,8.5L8.5,9L4.5,5.1L0.6,9L0,8.5L4,4.5L0,0.6L0.6,0L4.5,4L8.5,0z\"\/><\/g><\/svg>","topAreaHeight":40,"headerHeight":97}}; /* ]]> */ </script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qode-essential-addons/assets/js/main.min.js?ver=6.5.2" id="qode-essential-addons-script-js"></script> <script type="text/javascript" id="qode-essential-addons-premium-script-js-extra"> /* <![CDATA[ */ var qodefQodeEssentialAddonsPremiumGlobal = {"vars":{"restUrl":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/","restNonce":"ec0b69a30a","paginationRestRoute":"qode-essential-addons-premium\/v1\/get-posts"}}; /* ]]> */ </script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qode-essential-addons-premium/assets/js/main.min.js?ver=6.5.2" id="qode-essential-addons-premium-script-js"></script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qi-blocks/inc/masonry/assets/plugins/isotope.pkgd.min.js?ver=6.5.2" id="isotope-js"></script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qi-blocks/inc/masonry/assets/plugins/packery-mode.pkgd.min.js?ver=6.5.2" id="packery-js"></script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/themes/qi-gutenberg/assets/plugins/perfect-scrollbar/perfect-scrollbar.jquery.min.js?ver=6.5.2" id="perfect-scrollbar-js"></script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/themes/qi-gutenberg/assets/plugins/easyautocomplete/jquery.easy-autocomplete.min.js?ver=6.5.2" id="easyautocomplete-js"></script> <script type="text/javascript" id="qi-main-js-js-extra"> /* <![CDATA[ */ var qodefQiGutenbergGlobal = {"vars":{"qodefAjaxUrl":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-admin\/admin-ajax.php","demosSearchPredictions":["Architecture & Property","Art","Blog & Magazine","Business","Creative Agency","Entertainment","Fashion","Food & Restaurant","Health & Beauty","Landing Page","Online Store","Other","Personal Presentation","Photography","Portfolio","Sport","Technology","Travel","Wedding","Template 265","Template 264","Template 263","Template 262","Template 261","Template 260","Template 259","Template 258","Template 257","Template 256","Template 255","Template 254","Template 253","Template 252","Template 251","Template 250","Template 249","Template 248","Template 247","Template 246","Template 245","Template 244","Template 243","Template 242","Template 241","Template 240","Template 239","Template 238","Template 237","Template 236","Template 235","Template 234","Template 233","Template 232","Template 231","Template 230","Template 229","Template 228","Template 227","Template 226","Template 225","Template 224","Template 223","Template 222","Template 221","Template 220","Template 219","Template 218","Template 217","Template 216","Template 215","Template 214","Template 213","Template 212","Template 211","Template 210","Template 209","Template 208","Template 207","Template 206","Template 205","Template 204","Template 203","Template 202","Template 201","Template 200","Template 199","Template 198","Template 197","Template 196","Template 195","Template 194","Template 193","Template 192","Template 191","Template 190","Template 189","Template 188","Template 187","Template 186","Template 185","Template 184","Template 183","Template 182","Template 181","Template 180","Template 179","Template 178","Template 177","Template 176","Template 175","Template 174","Template 173","Template 172","Template 171","Template 170","Template 169","Template 168","Template 167","Template 166","Template 165","Template 164","Template 163","Health Center","Advertising Agency","Vehicle Rental","Product Presentation","Car Rental","Farm","Laundry Service","Caf\u00e9 & Restaurant","Glamping","Wellness","App Presentation","Skincare","Writer","Agency Dark","Conference","Hotel","Packaging Design","Bakery","Day Care","Summer Resort","Template 162","Template 161","Template 160","Template 159","Template 158","Template 157","Template 156","Template 155","Template 154","Template 153","Template 152","Template 151","Template 150","Template 149","Template 148","Template 147","Template 146","Template 145","Template 144","Template 143","Template 141","Template 140","Template 139","Template 138","Template 137","Template 136","Template 135","Template 134","Template 133","Template 132","Template 131","Template 130","Template 129","Template 128","Template 127","Template 126","Template 125a","Template 124a","Template 123a","Template 122a","Template 121","Template 120","Template 120","Template 119","Template 118","Template 117","Template 116","Template 115","Template 114","Template 113","Template 112","Template 111","Template 110","Template 109","Template 108","Template 107","Template 106","Template 105","Template 104","Template 103","Template 102","Template 101","Template 100","Template 99","Template 98","Template 97","Template 96","Template 95","Template 94","Template 93","Template 92","Template 91","Template 90","Template 89","Template 88","Template 87","Template 86","Template 85","Template 84","Template 83","Template 82","Template 81","Template 80","Template 79","Template 78","Template 77","Pattern 232","Pattern 231","Pattern 230","Pattern 229","Pattern 228","Pattern 227","Pattern 226","Pattern 225","Pattern 224","Pattern 223","Pattern 222","Pattern 221","Pattern 220","Pattern 219","Pattern 218","Pattern 217","Pattern 216","Pattern 215","Pattern 214","Pattern 213","Pattern 212","Pattern 211","Pattern 210","Pattern 209","Pattern 208","Pattern 207","Pattern 206","Pattern 205","Pattern 204","Pattern 203","Pattern 202","Pattern 201","Pattern 200","Pattern 199","Pattern 198","Pattern 197","Pattern 196","Pattern 195","Pattern 194","Pattern 193","Pattern 192","Pattern 191","Pattern 190","Pattern 189","Pattern 188","Pattern 187","Pattern 186","Pattern 185","Pattern 184","Pattern 183","Pattern 182","Pattern 181","Pattern 180","Pattern 179","Pattern 178","Pattern 177","Pattern 176","Pattern 175","Pattern 174","Pattern 173","Pattern 172","Construction","Web Agency","Wedding Venue","App Showcase","Party Planner","Seafood Restaurant","Digital Studio","SEO Company","Transport","Barber","3D Modeling Studio","Product Photography","Coworking Space","Web Studio","Cocktail Bar","Gym","Dentist","Law Firm","Tech Agency","Creative Agency","Yoga Studio","Agency Creative","Restaurant","3D Modeling Portfolio","Creative Studio","Manicure","Movie","Wedding","Architecture Studio","Digital Agency","Pattern 171","Pattern 170","Pattern 169","Pattern 168","Pattern 167","Pattern 166","Pattern 165","Pattern 164","Pattern 163","Pattern 162","Pattern 161","Pattern 160","Pattern 159","Pattern 158","Pattern 157","Pattern 156","Pattern 155","Pattern 154","Pattern 153","Pattern 152","Pattern 151","Pattern 150","Pattern 149","Pattern 148","Pattern 147","Pattern 146","Pattern 145","Pattern 144","Pattern 143","Pattern 142","Wireframe 32","Wireframe 31","Wireframe 30","Wireframe 29","Wireframe 28","Wireframe 27","Wireframe 26","Wireframe 25","Wireframe 24","Wireframe 23","Wireframe 22","Wireframe 21","Wireframe 20","Wireframe 19","Wireframe 18","Wireframe 17","Wireframe 16","Wireframe 15","Wireframe 14","Wireframe 13","Wireframe 12","Wireframe 11","Wireframe 10","Wireframe 9","Wireframe 8","Wireframe 7","Wireframe 6","Wireframe 5","Wireframe 4","Wireframe 3","Wireframe 2","Wireframe 1","Template 76","Template 75","Template 74","Template 73","Template 72","Template 71","Template 70","Template 69","Template 68","Template 67","Template 66","Template 65","Template 64","Template 63","Template 62","Template 61","Template 60","Template 59","Template 58","Template 57","Template 56","Template 55","Template 54","Template 53","Template 52","Template 51","Template 50","Template 49","Template 48","Template 47","Template 46","Template 45","Template 44","Template 43","Template 42","Template 41","Template 40","Template 39","Template 38","Template 37","Template 36","Template 35","Template 34","Template 33","Template 32","Template 31","Template 30","Template 29","Template 28","Template 27","Template 26","Template 25","Template 24","Template 23","Template 22","Template 21","Template 20","Template 19","Template 18","Template 17","Template 16","Template 15","Template 14","Template 13","Template 12","Template 11","Template 10","Template 09","Template 08","Template 07","Template 06","Template 05","Template 04","Template 03","Template 02","Template 01","Pattern 141","Pattern 140","Pattern 139","Pattern 138","Pattern 137","Pattern 136","Pattern 135","Pattern 134","Pattern 133","Pattern 132","Pattern 131","Pattern 130","Pattern 129","Pattern 128","Pattern 127","Pattern 126","Pattern 125","Pattern 124","Pattern 123","Pattern 122","Pattern 121","Pattern 120","Pattern 119","Pattern 118","Pattern 117","Pattern 116","Pattern 115","Pattern 114","Pattern 113","Pattern 112","Pattern 111","Pattern 110","Pattern 109","Pattern 108","Pattern 107","Pattern 106","Pattern 105","Pattern 104","Pattern 103","Pattern 102","Pattern 101","Pattern 100","Pattern 99","Pattern 98","Pattern 97","Pattern 96","Pattern 95","Pattern 94","Pattern 93","Pattern 92","Pattern 91","Pattern 90","Pattern 89","Pattern 88","Pattern 87","Pattern 86","Pattern 85","Pattern 84","Pattern 83","Pattern 82","Pattern 81","Pattern 80","Pattern 79","Pattern 78","Pattern 77","Pattern 76","Pattern 75","Pattern 74","Pattern 73","Pattern 72","Pattern 71","Pattern 70","Pattern 69","Pattern 68","Pattern 67","Pattern 66","Pattern 65","Pattern 64","Pattern 63","Pattern 62","Pattern 61","Pattern 60","Pattern 59","Pattern 58","Pattern 57","Pattern 56","Pattern 55","Pattern 54","Pattern 53","Pattern 52","Pattern 51","Pattern 50","Pattern 49","Pattern 48","Pattern 47","Pattern 46","Pattern 45","Pattern 44","Pattern 43","Pattern 42","Pattern 41","Pattern 40","Pattern 39","Pattern 38","Pattern 37","Pattern 36","Pattern 35","Pattern 34","Pattern 33","Pattern 32","Pattern 31","Pattern 30","Pattern 29","Pattern 28","Pattern 27","Pattern 26","Pattern 25","Pattern 24","Pattern 23","Pattern 22","Pattern 21","Pattern 20","Pattern 19","Pattern 18","Pattern 17","Pattern 16","Pattern 15","Pattern 14","Pattern 13","Pattern 12","Pattern 11","Pattern 10","Pattern 9","Pattern 8","Pattern 7","Pattern 6","Pattern 5","Pattern 4","Pattern 3","Pattern 2","Pattern 1","3d","3d design","3d illustration","3d modeling","accessories","accommodation","active","activities","activity","actor","actress","adventure","adventure tours","adventure travel","advisor","aerobic","agency","agriculture","agriculture farmer","air freight","album","alcohol","ambulance","amenities","animation","anniversary","apartments","aperitif","app","app landing page","app showcase","application","appointment","architect","architecture","architecture design","architecture photography","aroma","aromatherapy","art","article","articles","artist","artwork","asian food","athlete","attorney","author","automobile","award","baby","babysitting","babytime","bakery","bar","barber","barber shop","barbershop","barista","bartender","beard","beard cut","beard haircut","beauty","beauty blog","beauty salon","beauty shop","bed & breakfasts","beverages","bicycle","bike","biking","bistro","blog","blog post","blogger","blogging","bmi","bmi calculator","body treatments","body workout","bodybuilding","book","book a car","booking","bookstore","brand","branding","branding agency","bridal shop","bridal store","bride","brunch","building","buildings","business","cafe","cake","cake shop","cake store","camera","camp","camper","camping","camping area","car","car booking","car dealer","car rent","car rental","car rental services","car rentals","care","career","cargo","carry","cast","casting","casting crew","catering","catering services","celebration","ceremony","chef","child","child education","childcare","childern","cinema","city","city guide","classes","classes schedule","classes timetable","cleaning","cleaning company","cleaning services","clinic","clothing","clothing repair","club","coach","cocktail","cocktails","collaboration","community","company","confectionery","conference","construction","consultant","consulting","consulting agency","consulting company","contractor","corporate","corporation","cosmetic store","cosmetics","cottage","courier","court","coworking","coworking space","creative","creative agency","creative busines","creative business","creative portfolio","creative studio","crew","crossfit","cuisine","cut","cycling","dairy","dairy farm","data analytics","daycare","dealer","dealership","decoration","delivery","dental","dental clinic","dental surgery","dentist","dentistry","design","design agency","designer","designer portfolio","dessert","destination","development","digital","digital agency","diner","dining","dinner","director","distribution","doctor","doctors","drink","drinks","dry cleaning","dry wash","drycleaning","eco","eco farm","ecology","ecommerce","editorial","education","electric scooter","emergency","engineer","engineering","entertainment","equestrian","er","event","event catering","event planner","event planning","events","exercise","exhibition","experience","expert","expo","facilities","fair","farm","farmers","farming","festival","film","filming","filmmaker","finance","fine dining","firm","fit","fitness","food","food blog","freelance","gadgets","gallery","gastronomy","getaway","glamping","goods","gourmet","graphic","graphic design","groom","group programs","guide","gym","hair","hair care","haircut","hairdresser","headline","health","health center","healthcare","healthy","holiday","holiday rentals","home","hospital","hostel","hotel","house","household","hygiene","illustration","illustrator","industry","ingredients","instructor","instructors","invitation","ironing","ironing services","italian cuisine","italian restaurant","justice","kids","kids school","kinder","kindergarten","landing page","laundry","law","law firm","lawyer","learning","legal","legal services","library","lifestyle","liquor","liquor shop","liquor store","load","logistics","lunch","make-up","makeover","makeup","man","manicure","marketing","marketing agency","marriage","massage","massage center","massages","meal","medical","medical care","medicine","meditation","meetup","men","men\u2019s hairdresser","menu","mobile","mobile design","modern","movie","moving","multimedia","multipurpose","music","nail care","nail salon","nail spa","nails","nanny","news","nightclub","nightlife","nurse","nursery","office","one page","onepage","online car rental","online services","open space","optimization","order","orders","organic","organic food","organic products","orthodontist","outdoor","park","party","party planner","pastry","patient","patisserie","performance","personal","personal portfolio","personal trainer","photography","pilates","planner","planning","play","playground","playschool","polish","portfolio","practice","pre-school","premiere","preschool","presentation","product","product photography","product presentation","product showcase","products","professional","professional services","program","programs","project","project gallery","property","pub","publishing","real estate","recovery","rent","rent a car","rental","rental agency","renting","reservation","reserve","residence","resort","restaurant","ride","riding","room","saas","salon","sauna","schedule","school","scooter","screen","seafood","seo","service","services","shared space","shave","shaving","shipment","shipping","shipping company","shop","showcase","sketch","skill","skin","skin care","skincare","smart watch","smartwatch","social media","software","spa","spa center","spa resort","specialty cleaning","spirits","sport","startup","stomatology","storage","store","stories","studio","stylist","summer camp","summit","surgery","teacher","teaching","tech","technology","therapy","timetable","tour","tourism","toys","tracking","traffic","trailer","trainer","transport","transportation","travel","travel agency","treat","treatment","truck","trucking","tv","ui","ux","vacation","vehicle","venue","video","warehouse","wash","washing","watch","web","web design","webinar","wedding","wedding invitation","wedding photography","wedding planner","wedding venue","wellness","wellness center","workout","workout plan","writer","writing","yoga"],"demo_order_array_1920":{"0":80990,"28":80982,"30":80986,"29":80984,"27":80980,"26":80978,"25":80976,"24":80974,"23":80972,"22":80970,"21":80968,"20":80966,"19":80964,"18":80962,"17":80960,"16":80954,"15":80950,"14":80945,"12":80927,"11":80925,"10":80922,"9":80920,"8":80918,"7":80916,"6":80914,"5":80912,"4":80910,"3":80892,"2":80890,"1":80876},"demo_order_array_1440":{"0":80990,"28":80982,"30":80986,"29":80984,"27":80980,"26":80978,"25":80976,"24":80974,"23":80972,"22":80970,"21":80968,"20":80966,"19":80964,"18":80962,"17":80960,"16":80954,"15":80950,"14":80945,"12":80927,"11":80925,"10":80922,"9":80920,"8":80918,"7":80916,"6":80914,"5":80912,"4":80910,"3":80892,"2":80890,"1":80876},"demo_order_array_1240":{"0":80990,"28":80982,"30":80986,"29":80984,"27":80980,"26":80978,"25":80976,"24":80974,"23":80972,"22":80970,"21":80968,"20":80966,"19":80964,"18":80962,"17":80960,"16":80954,"15":80950,"14":80945,"12":80927,"11":80925,"10":80922,"9":80920,"8":80918,"7":80916,"6":80914,"5":80912,"4":80910,"3":80892,"2":80890,"1":80876},"demo_order_array_1024":{"0":80990,"28":80982,"30":80986,"29":80984,"27":80980,"26":80978,"25":80976,"24":80974,"23":80972,"22":80970,"21":80968,"20":80966,"19":80964,"18":80962,"17":80960,"16":80954,"15":80950,"14":80945,"12":80927,"11":80925,"10":80922,"9":80920,"8":80918,"7":80916,"6":80914,"5":80912,"4":80910,"3":80892,"2":80890,"1":80876},"demo_order_array_768":{"0":80990,"28":80982,"30":80986,"29":80984,"27":80980,"26":80978,"25":80976,"24":80974,"23":80972,"22":80970,"21":80968,"20":80966,"19":80964,"18":80962,"17":80960,"16":80954,"15":80950,"14":80945,"12":80927,"11":80925,"10":80922,"9":80920,"8":80918,"7":80916,"6":80914,"5":80912,"4":80910,"3":80892,"2":80890,"1":80876},"demo_order_array_480":{"0":80990,"28":80982,"30":80986,"29":80984,"27":80980,"26":80978,"25":80976,"24":80974,"23":80972,"22":80970,"21":80968,"20":80966,"19":80964,"18":80962,"17":80960,"16":80954,"15":80950,"14":80945,"12":80927,"11":80925,"1":80876,"9":80920,"8":80918,"7":80916,"6":80914,"5":80912,"4":80910,"3":80892,"2":80890}}}; /* ]]> */ </script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/themes/qi-gutenberg/assets/js/main.min.js?ver=6.5.2" id="qi-main-js-js"></script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qi-blocks/assets/dist/button-script.js?ver=6.5.2" id="qi-blocks-button-js"></script> <script type="text/javascript" src="https://qodeinteractive.com/qi-blocks-for-gutenberg/wp-content/plugins/qi-blocks/assets/dist/accordion-script.js?ver=6.5.2" id="qi-blocks-accordion-js"></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> </body> </html>