<!DOCTYPE html>
<html lang="en-US">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />

	<!-- This site is optimized with the Yoast SEO plugin v23.3 - https://yoast.com/wordpress/plugins/seo/ -->
	<meta name="description" content="Test your knowledge with our Web Frontend Development Quiz! Challenge yourself on HTML, CSS, JavaScript, and more. Are you ready to ace it?" />
	<link rel="canonical" href="https://quiz.now/web-frontend-development-quiz/" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="Web Frontend Development Quiz - Quiz.now" />
	<meta property="og:description" content="Test your knowledge with our Web Frontend Development Quiz! Challenge yourself on HTML, CSS, JavaScript, and more. Are you ready to ace it?" />
	<meta property="og:url" content="https://quiz.now/web-frontend-development-quiz/" />
	<meta property="og:site_name" content="Quiz.now" />
	<meta property="article:published_time" content="2025-03-07T05:22:57+00:00" />
	<meta property="article:modified_time" content="2025-08-06T03:50:30+00:00" />
	<meta property="og:image" content="https://quiz.now/wp-content/uploads/2025/03/web-frontend-development-quiz-1741320310.jpg" />
	<meta property="og:image:width" content="1" />
	<meta property="og:image:height" content="1" />
	<meta property="og:image:type" content="image/jpeg" />
	<meta name="author" content="rogelio.gibson" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:label1" content="Written by" />
	<meta name="twitter:data1" content="rogelio.gibson" />
	<meta name="twitter:label2" content="Est. reading time" />
	<meta name="twitter:data2" content="2 minutes" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://quiz.now/web-frontend-development-quiz/","url":"https://quiz.now/web-frontend-development-quiz/","name":"Web Frontend Development Quiz - Quiz.now","isPartOf":{"@id":"https://quiz.now/#website"},"primaryImageOfPage":{"@id":"https://quiz.now/web-frontend-development-quiz/#primaryimage"},"image":{"@id":"https://quiz.now/web-frontend-development-quiz/#primaryimage"},"thumbnailUrl":"https://quiz.now/wp-content/uploads/2025/03/web-frontend-development-quiz-1741320310.jpg","datePublished":"2025-03-07T05:22:57+00:00","dateModified":"2025-08-06T03:50:30+00:00","author":{"@id":"https://quiz.now/#/schema/person/4a055189ea4d958145bf352ff54c174b"},"description":"Test your knowledge with our Web Frontend Development Quiz! Challenge yourself on HTML, CSS, JavaScript, and more. Are you ready to ace it?","breadcrumb":{"@id":"https://quiz.now/web-frontend-development-quiz/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://quiz.now/web-frontend-development-quiz/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://quiz.now/web-frontend-development-quiz/#primaryimage","url":"https://quiz.now/wp-content/uploads/2025/03/web-frontend-development-quiz-1741320310.jpg","contentUrl":"https://quiz.now/wp-content/uploads/2025/03/web-frontend-development-quiz-1741320310.jpg","caption":"web-frontend-development-quiz"},{"@type":"BreadcrumbList","@id":"https://quiz.now/web-frontend-development-quiz/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://quiz.now/"},{"@type":"ListItem","position":2,"name":"Professional Quizzes","item":"https://quiz.now/category/professional/"},{"@type":"ListItem","position":3,"name":"Technology Quizzes","item":"https://quiz.now/category/professional/technology/"},{"@type":"ListItem","position":4,"name":"Web Frontend Development Quiz"}]},{"@type":"WebSite","@id":"https://quiz.now/#website","url":"https://quiz.now/","name":"Quiz.now","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://quiz.now/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https://quiz.now/#/schema/person/4a055189ea4d958145bf352ff54c174b","name":"rogelio.gibson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://quiz.now/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/e98d64f2925c8d9c9e281246880c38e1ee54335e77d2ed4efc14d1bdfd46a60a?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/e98d64f2925c8d9c9e281246880c38e1ee54335e77d2ed4efc14d1bdfd46a60a?s=96&d=mm&r=g","caption":"rogelio.gibson"},"url":"https://quiz.now/author/rogelio-gibson/"}]}</script>
	<!-- / Yoast SEO plugin. -->


<title>Web Frontend Development Quiz - Quiz.now</title>
<link rel="alternate" type="application/rss+xml" title="Quiz.now &raquo; Feed" href="https://quiz.now/feed/" />
<link rel="alternate" type="application/rss+xml" title="Quiz.now &raquo; Comments Feed" href="https://quiz.now/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="Quiz.now &raquo; Web Frontend Development Quiz Comments Feed" href="https://quiz.now/web-frontend-development-quiz/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://quiz.now/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fquiz.now%2Fweb-frontend-development-quiz%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://quiz.now/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fquiz.now%2Fweb-frontend-development-quiz%2F&#038;format=xml" />
		<style id="content-control-block-styles">
			@media (max-width: 640px) {
	.cc-hide-on-mobile {
		display: none !important;
	}
}
@media (min-width: 641px) and (max-width: 920px) {
	.cc-hide-on-tablet {
		display: none !important;
	}
}
@media (min-width: 921px) and (max-width: 1440px) {
	.cc-hide-on-desktop {
		display: none !important;
	}
}		</style>
		<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<link rel='stylesheet' id='formidable-css' href='https://quiz.now/wp-content/plugins/formidable/css/formidableforms.css?ver=912408' media='all' />
<style id="wp-block-image-inline-css">
.wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media not (prefers-reduced-motion){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.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>a,.wp-block-image.alignwide>a{width:100%}.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 :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask 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}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.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;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;width:20px;z-index:100}@media not (prefers-reduced-motion){.wp-lightbox-container button{transition:opacity .2s ease}}.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 .wp-lightbox-close-button{align-items:center;cursor:pointer;display:flex;font-family:inherit;gap:8px;justify-content:center;line-height:1;min-height:40px;min-width:40px;padding:0 4px;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .wp-lightbox-close-button:focus,.wp-lightbox-overlay .wp-lightbox-close-button:hover,.wp-lightbox-overlay .wp-lightbox-close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .wp-lightbox-close-button:has(.wp-lightbox-close-text:not([hidden])) .wp-lightbox-close-icon svg{height:1em;width:1em}.wp-lightbox-overlay .wp-lightbox-close-icon svg{display:block}.wp-lightbox-overlay .wp-lightbox-navigation-button-next,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{align-items:center;bottom:16px;cursor:pointer;display:flex;font-family:inherit;gap:4px;justify-content:center;line-height:1;min-height:40px;min-width:40px;padding:0 8px;position:absolute;z-index:2000002}.wp-lightbox-overlay .wp-lightbox-navigation-button-next[hidden],.wp-lightbox-overlay .wp-lightbox-navigation-button-prev[hidden]{display:none}@media (min-width:960px){.wp-lightbox-overlay .wp-lightbox-navigation-button-next,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{bottom:50%;transform:translateY(-50%)}}.wp-lightbox-overlay .wp-lightbox-navigation-button-next:focus,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:hover,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:not(:hover):not(:active):not(.has-background),.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:focus,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:hover,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:not(:hover):not(:active):not(.has-background){background:none;border:none;padding:0 8px}.wp-lightbox-overlay .wp-lightbox-navigation-button-next:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg{display:block;height:1.5em;width:1.5em}.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{left:calc(env(safe-area-inset-left) + 16px)}.wp-lightbox-overlay .wp-lightbox-navigation-button-next{right:calc(env(safe-area-inset-right) + 16px)}.wp-lightbox-overlay .wp-lightbox-navigation-icon svg{vertical-align:middle}.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:2000001}.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{visibility:visible}@media not (prefers-reduced-motion){.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both}.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}.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 show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@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}}
/*# sourceURL=https://quiz.now/wp-includes/blocks/image/style.min.css */
</style>
<style id="wp-block-group-inline-css">
.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}
/*# sourceURL=https://quiz.now/wp-includes/blocks/group/style.min.css */
</style>
<style id="wp-block-navigation-link-inline-css">
.wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word}.wp-block-navigation .wp-block-navigation-item__description{display:none}.link-ui-tools{outline:1px solid #f0f0f0;padding:8px}.link-ui-block-inserter{padding-top:8px}.link-ui-block-inserter__back{margin-left:8px;text-transform:uppercase}

                .is-style-arrow-link .wp-block-navigation-item__label:after {
                    content: "\2197";
                    padding-inline-start: 0.25rem;
                    vertical-align: middle;
                    text-decoration: none;
                    display: inline-block;
                }
/*# sourceURL=wp-block-navigation-link-inline-css */
</style>
<style id="wp-block-navigation-inline-css">
.wp-block-navigation{position:relative}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;background-color:inherit;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block;z-index:1}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation :where(a),.wp-block-navigation :where(a:active),.wp-block-navigation :where(a:focus){text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{stroke:currentColor;display:inline-block;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation{--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;opacity:0;position:absolute;z-index:2}@media not (prefers-reduced-motion){.wp-block-navigation .has-child .wp-block-navigation__submenu-container{transition:opacity .1s linear}}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{height:0;overflow:hidden;visibility:hidden;width:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1;padding:.5em 1em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:auto;margin-right:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{left:-1px;top:100%}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:#0000;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-right:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(-90deg)}}@media (hover:hover){.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child.open-always{align-items:var(--navigation-layout-align,initial);flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);gap:var(--wp--style--block-gap,2em)}.wp-block-navigation .has-child.open-always,.wp-block-navigation .has-child.open-always .wp-block-navigation-item{justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container,.wp-block-navigation .has-child.open-always.wp-block-navigation-submenu{gap:var(--wp--style--block-gap,2em)}.wp-block-navigation .has-child.open-always .wp-block-navigation-item,.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container,.wp-block-navigation .has-child.open-always.wp-block-navigation-submenu{padding-bottom:0;padding-top:0}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container{padding-left:var(--wp--style--block-gap,2em);padding-right:var(--wp--style--block-gap,2em)}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:0}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content,.wp-block-navigation .has-child.open-always>.wp-block-navigation-item__content{flex-grow:0}.wp-block-navigation .has-child.open-always>.wp-block-navigation__submenu-container{background-color:initial;border:none;color:inherit;flex-basis:100%;height:auto;opacity:1;overflow:visible;position:static;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{left:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:initial;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-submenu__toggle[aria-expanded=true]+.wp-block-navigation__submenu-icon>svg,.wp-block-navigation-submenu__toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-left:0;padding-right:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-left:-.6em;pointer-events:none}.wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle){padding:0}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:auto;right:0}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:auto;right:100%}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid #00000026}.wp-block-navigation.has-background .wp-block-navigation__submenu-container{background-color:inherit}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-left:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container :where(.wp-block-navigation-item a){color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{background-color:inherit;display:flex;flex-direction:column}@media not (prefers-reduced-motion){.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards}}.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){padding:clamp(1rem,var(--wp--style--root--padding-top),20rem) clamp(1rem,var(--wp--style--root--padding-right),20rem) clamp(1rem,var(--wp--style--root--padding-bottom),20rem) clamp(1rem,var(--wp--style--root--padding-left),20rem)}.wp-block-navigation__responsive-container.is-menu-open{overflow:auto;z-index:100000}.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content{padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-page-list{background:#0000!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}.wp-block-navigation__responsive-container.disable-default-overlay .wp-block-navigation__overlay-container{display:none;width:100%}.wp-block-navigation__responsive-container.disable-default-overlay .wp-block-navigation__responsive-close{max-width:none}.wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content>:not(.wp-block-navigation__overlay-container){display:none}.wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container{display:block}.wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container .wp-block-navigation__submenu-container{left:0;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){background-color:#fff}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:#0000;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{font-family:inherit;font-size:inherit;font-weight:inherit}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;right:0;top:0;z-index:2}.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{font-family:inherit;font-size:inherit;font-weight:inherit}.disable-default-overlay .wp-block-navigation__responsive-container-close{right:clamp(1rem,var(--wp--style--root--padding-left),20rem);top:clamp(1rem,var(--wp--style--root--padding-left),20rem)}.wp-block-navigation__responsive-close{width:100%}.has-modal-open .wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%)}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden}
/*# sourceURL=https://quiz.now/wp-includes/blocks/navigation/style.min.css */
</style>
<style id="wp-block-columns-inline-css">
.wp-block-columns{box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns{align-items:normal!important}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}
/*# sourceURL=https://quiz.now/wp-includes/blocks/columns/style.min.css */
</style>
<style id="wp-block-search-inline-css">
.wp-block-search__button{margin-left:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{fill:currentColor;height:1.25em;min-height:24px;min-width:24px;vertical-align:text-bottom;width:1.25em}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__button{box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;margin-left:0;max-width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search.wp-block-search__button-only .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}:where(.wp-block-search__input){appearance:none;border:1px solid #949494;flex-grow:1;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){background-color:#fff;border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{float:right}
/*# sourceURL=https://quiz.now/wp-includes/blocks/search/style.min.css */
</style>
<style id="wp-block-spacer-inline-css">
.wp-block-spacer{clear:both}
/*# sourceURL=https://quiz.now/wp-includes/blocks/spacer/style.min.css */
</style>
<style id="wp-block-post-content-inline-css">
.wp-block-post-content{display:flow-root}
/*# sourceURL=https://quiz.now/wp-includes/blocks/post-content/style.min.css */
</style>
<style id="wp-block-post-terms-inline-css">
.wp-block-post-terms{box-sizing:border-box}.wp-block-post-terms .wp-block-post-terms__separator{white-space:pre-wrap}

                .is-style-pill a,
                .is-style-pill span:not([class], [data-rich-text-placeholder]) {
                    display: inline-block;
                    background-color: var(--wp--preset--color--base-2);
                    padding: 0.375rem 0.875rem;
                    border-radius: var(--wp--preset--spacing--20);
                }

                .is-style-pill a:hover {
                    background-color: var(--wp--preset--color--contrast-3);
                }
/*# sourceURL=wp-block-post-terms-inline-css */
</style>
<style id="wp-block-paragraph-inline-css">
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
/*# sourceURL=https://quiz.now/wp-includes/blocks/paragraph/style.min.css */
</style>
<style id="wp-emoji-styles-inline-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;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id="wp-block-library-inline-css">
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--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,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}: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)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.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)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#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{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;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-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}}
/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
</style>
<link rel='stylesheet' id='wp-base-styles-css' href='https://quiz.now/wp-includes/css/dist/base-styles/admin-schemes.min.css?ver=7.0' media='all' />
<link rel='stylesheet' id='wp-components-css' href='https://quiz.now/wp-includes/css/dist/components/style.min.css?ver=7.0' media='all' />
<link rel='stylesheet' id='common-css' href='https://quiz.now/wp-admin/css/common.min.css?ver=7.0' media='all' />
<link rel='stylesheet' id='forms-css' href='https://quiz.now/wp-admin/css/forms.min.css?ver=7.0' media='all' />
<link rel='stylesheet' id='wp-reset-editor-styles-css' href='https://quiz.now/wp-includes/css/dist/block-library/reset.min.css?ver=7.0' media='all' />
<link rel='stylesheet' id='wp-block-editor-content-css' href='https://quiz.now/wp-includes/css/dist/block-editor/content.min.css?ver=7.0' media='all' />
<link rel='stylesheet' id='wp-edit-blocks-css' href='https://quiz.now/wp-includes/css/dist/block-library/editor.min.css?ver=7.0' media='all' />
<link rel='stylesheet' id='wp-related-custom-block-editor-css-css' href='https://quiz.now/wp-content/plugins/wp-related-custom-block/build/editor.css?ver=7.0' media='all' />
<link rel='stylesheet' id='wp-related-custom-block-frontend-css-css' href='https://quiz.now/wp-content/plugins/wp-related-custom-block/build/style.css?ver=7.0' media='all' />
<link rel='stylesheet' id='content-control-block-styles-css' href='https://quiz.now/wp-content/plugins/content-control/dist/style-block-editor.css?ver=2.5.0' media='all' />
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--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--color--base: #f9f9f9;--wp--preset--color--base-2: #ffffff;--wp--preset--color--contrast: #111111;--wp--preset--color--contrast-2: #636363;--wp--preset--color--contrast-3: #A4A4A4;--wp--preset--color--accent: #cfcabe;--wp--preset--color--accent-2: #c2a990;--wp--preset--color--accent-3: #d8613c;--wp--preset--color--accent-4: #b1c5a4;--wp--preset--color--accent-5: #b5bdbc;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 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,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 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--gradient--gradient-1: linear-gradient(to bottom, #cfcabe 0%, #F9F9F9 100%);--wp--preset--gradient--gradient-2: linear-gradient(to bottom, #C2A990 0%, #F9F9F9 100%);--wp--preset--gradient--gradient-3: linear-gradient(to bottom, #D8613C 0%, #F9F9F9 100%);--wp--preset--gradient--gradient-4: linear-gradient(to bottom, #B1C5A4 0%, #F9F9F9 100%);--wp--preset--gradient--gradient-5: linear-gradient(to bottom, #B5BDBC 0%, #F9F9F9 100%);--wp--preset--gradient--gradient-6: linear-gradient(to bottom, #A4A4A4 0%, #F9F9F9 100%);--wp--preset--gradient--gradient-7: linear-gradient(to bottom, #cfcabe 50%, #F9F9F9 50%);--wp--preset--gradient--gradient-8: linear-gradient(to bottom, #C2A990 50%, #F9F9F9 50%);--wp--preset--gradient--gradient-9: linear-gradient(to bottom, #D8613C 50%, #F9F9F9 50%);--wp--preset--gradient--gradient-10: linear-gradient(to bottom, #B1C5A4 50%, #F9F9F9 50%);--wp--preset--gradient--gradient-11: linear-gradient(to bottom, #B5BDBC 50%, #F9F9F9 50%);--wp--preset--gradient--gradient-12: linear-gradient(to bottom, #A4A4A4 50%, #F9F9F9 50%);--wp--preset--font-size--small: 0.9rem;--wp--preset--font-size--medium: 1.05rem;--wp--preset--font-size--large: clamp(1.39rem, 1.39rem + ((1vw - 0.2rem) * 0.767), 1.85rem);--wp--preset--font-size--x-large: clamp(1.85rem, 1.85rem + ((1vw - 0.2rem) * 1.083), 2.5rem);--wp--preset--font-size--xx-large: clamp(2.5rem, 2.5rem + ((1vw - 0.2rem) * 1.283), 3.27rem);--wp--preset--font-family--body: "Inter", sans-serif;--wp--preset--font-family--heading: Cardo;--wp--preset--font-family--system-sans-serif: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;--wp--preset--font-family--system-serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;--wp--preset--spacing--20: min(1.5rem, 2vw);--wp--preset--spacing--30: min(2.5rem, 3vw);--wp--preset--spacing--40: min(4rem, 5vw);--wp--preset--spacing--50: min(6.5rem, 8vw);--wp--preset--spacing--60: min(10.5rem, 13vw);--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--spacing--10: 1rem;--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 rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: 620px;--wp--style--global--wide-size: 1280px; }:where(body) { margin: 0; }.wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); }.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1.2rem; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 1.2rem; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 1.2rem;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 1.2rem;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 1.2rem;}:root :where(.is-layout-grid){gap: 1.2rem;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.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;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--base);color: var(--wp--preset--color--contrast);font-family: var(--wp--preset--font-family--body);font-size: var(--wp--preset--font-size--medium);font-style: normal;font-weight: 400;line-height: 1.55;--wp--style--root--padding-top: 0px;--wp--style--root--padding-right: var(--wp--preset--spacing--50);--wp--style--root--padding-bottom: 0px;--wp--style--root--padding-left: var(--wp--preset--spacing--50);}a:where(:not(.wp-element-button)){color: var(--wp--preset--color--contrast);}:root :where(a:where(:not(.wp-element-button)):hover){text-decoration: none;}h1, h2, h3, h4, h5, h6{color: var(--wp--preset--color--contrast);font-family: var(--wp--preset--font-family--heading);font-weight: 400;line-height: 1.2;}h1{font-size: var(--wp--preset--font-size--xx-large);line-height: 1.15;}h2{font-size: var(--wp--preset--font-size--x-large);}h3{font-size: var(--wp--preset--font-size--large);}h4{font-size: clamp(1.1rem, 1.1rem + ((1vw - 0.2rem) * 0.767), 1.5rem);}h5{font-size: var(--wp--preset--font-size--medium);}h6{font-size: var(--wp--preset--font-size--small);}:root :where(.wp-element-button, .wp-block-button__link){background-color: var(--wp--preset--color--contrast);border-radius: .33rem;border-color: var(--wp--preset--color--contrast);border-width: 0;color: var(--wp--preset--color--base);font-family: inherit;font-size: var(--wp--preset--font-size--small);font-style: normal;font-weight: 500;letter-spacing: inherit;line-height: inherit;padding-top: 0.6rem;padding-right: 1rem;padding-bottom: 0.6rem;padding-left: 1rem;text-decoration: none;text-transform: inherit;}:root :where(.wp-element-button:hover, .wp-block-button__link:hover){background-color: var(--wp--preset--color--contrast-2);border-color: var(--wp--preset--color--contrast-2);color: var(--wp--preset--color--base);}:root :where(.wp-element-button:focus, .wp-block-button__link:focus){background-color: var(--wp--preset--color--contrast-2);border-color: var(--wp--preset--color--contrast-2);color: var(--wp--preset--color--base);outline-color: var(--wp--preset--color--contrast);outline-offset: 2px;}:root :where(.wp-element-button:active, .wp-block-button__link:active){background-color: var(--wp--preset--color--contrast);color: var(--wp--preset--color--base);}:root :where(.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption){color: var(--wp--preset--color--contrast-2);font-family: var(--wp--preset--font-family--body);font-size: 0.8rem;}.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-base-color{color: var(--wp--preset--color--base) !important;}.has-base-2-color{color: var(--wp--preset--color--base-2) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-color{color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-color{color: var(--wp--preset--color--contrast-3) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-accent-2-color{color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-color{color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-color{color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-color{color: var(--wp--preset--color--accent-5) !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-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-base-2-background-color{background-color: var(--wp--preset--color--base-2) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-background-color{background-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-background-color{background-color: var(--wp--preset--color--contrast-3) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-accent-2-background-color{background-color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-background-color{background-color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-background-color{background-color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-background-color{background-color: var(--wp--preset--color--accent-5) !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-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-base-2-border-color{border-color: var(--wp--preset--color--base-2) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-border-color{border-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-border-color{border-color: var(--wp--preset--color--contrast-3) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-accent-2-border-color{border-color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-border-color{border-color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-border-color{border-color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-border-color{border-color: var(--wp--preset--color--accent-5) !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-gradient-1-gradient-background{background: var(--wp--preset--gradient--gradient-1) !important;}.has-gradient-2-gradient-background{background: var(--wp--preset--gradient--gradient-2) !important;}.has-gradient-3-gradient-background{background: var(--wp--preset--gradient--gradient-3) !important;}.has-gradient-4-gradient-background{background: var(--wp--preset--gradient--gradient-4) !important;}.has-gradient-5-gradient-background{background: var(--wp--preset--gradient--gradient-5) !important;}.has-gradient-6-gradient-background{background: var(--wp--preset--gradient--gradient-6) !important;}.has-gradient-7-gradient-background{background: var(--wp--preset--gradient--gradient-7) !important;}.has-gradient-8-gradient-background{background: var(--wp--preset--gradient--gradient-8) !important;}.has-gradient-9-gradient-background{background: var(--wp--preset--gradient--gradient-9) !important;}.has-gradient-10-gradient-background{background: var(--wp--preset--gradient--gradient-10) !important;}.has-gradient-11-gradient-background{background: var(--wp--preset--gradient--gradient-11) !important;}.has-gradient-12-gradient-background{background: var(--wp--preset--gradient--gradient-12) !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;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}.has-body-font-family{font-family: var(--wp--preset--font-family--body) !important;}.has-heading-font-family{font-family: var(--wp--preset--font-family--heading) !important;}.has-system-sans-serif-font-family{font-family: var(--wp--preset--font-family--system-sans-serif) !important;}.has-system-serif-font-family{font-family: var(--wp--preset--font-family--system-serif) !important;}@font-face {
    font-family: Inter;
    src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2);
    font-display: fallback;
}
body, h1, h2, h3, h4, h5, h6{
font-family: "Inter", Arial, Helvetica, sans-serif !important;
}
:where(.wp-site-blocks *:focus){outline-width:2px;outline-style:solid}

:root :where(.wp-element-button, .wp-block-button__link){
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.wp-block-search__inside-wrapper{
padding:0px;}
.wp-block-search__input{    margin: 1px 4px;}
.wp-block-search__button.has-icon{
    border-radius: 0px 6px 6px 0px!important;
    background: #457B9D;}
.wp-block-search__inside-wrapper{
    border-color: #2B98C6;}
.wp-block-search__button-inside{    width: 450px;}
/* For tablets and smaller screens */
@media (max-width: 1269px) {
    .wp-block-search__button-inside {
        width: 100%;
    }
}

/* For mobile devices */
@media (max-width: 768px) {
    .wp-block-search__button-inside {
        width: 100%;
    }
}
.home h1{
    font-size: 30px !important;
    font-weight: 700;
    line-height: 36.31px;
}
body, .has-base-background-color{
    background-color: #fff!important;}

/* top quizzes */

ul.top-posts {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: left;
    padding: 0;
    margin: 0;
}

ul.top-posts img {
    width: 100%;
    height: 140px;
    border-radius: 6px 6px 0px 0px;
    object-fit: cover;
}

.top-post-thumbnail {
    display: block;
    max-width: inherit;
    margin: 0 auto;
}

ul.top-posts .top-post-title {
    padding: 12px;
    border-radius: 0px 0px 6px 6px;
    text-align: center;
    background-color: #fff;
    height: 44px;
    line-height:21.78px;
    margin-top:0px;
}

ul.top-posts .cat {
    background-color: #E63946;
    color: #fff;
    margin-top: -7px;
    text-align: center;
    padding: 5px;
    font-size:13px;
}

.top-post-item {
    flex: 1 1 100%;
    max-width: inherit;
    box-sizing: border-box;
    margin-bottom: 0px;
}

ul.top-posts .top-post-title a {
    text-decoration: none;
    font-weight: 600;
    color:#000;
    font-size: 18px;
    line-height: 21.78px;
}

.top-posts-block h2.wp-block-heading {
    font-weight: 600;
    font-size: 24px;
    line-height: 29.05px;
margin-bottom:10px;
}

@media (min-width: 600px) {
    .top-post-item {
        flex: 1 1 calc(50% - 14px);
    }
}

@media (min-width: 900px) {
    .top-post-item {
        flex: 1 1 calc(25% - 14px);
        max-width: 297.5px;
    }
}
/* recent quizzes */
.archive ul.recent-posts {
margin-top:19px;
padding-bottom: 19px;
margin-bottom:0px;
}
ul.recent-posts {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

ul.recent-posts img {
    width: 100%;
    height: 148px;
    border-radius: 6px;
    object-fit: cover;
}

.recent-post-thumbnail {
    display: block;
    max-width: 320px;
}

ul.recent-posts .recent-post-title {
    padding: 6px 0px 6px 0px;
    height: auto;
    line-height: 18.15px;
    font-size: 15px;
    margin-top:0px;
}
.archive ul.recent-posts .recent-post-title {
    line-height: 29.05px;
}

.recent-post-item {
    flex: 1 1 100%;
    max-width: 284px;
    box-sizing: border-box;
    margin-bottom: 0px;
   
}

ul.recent-posts .recent-post-title a {
    text-decoration: none;
    font-weight: 600;
    color:#000;
}
.recent-articles-block {

}
.recent-articles-block .wp-block-heading {
    font-weight: 600;
    margin-top: -10px;
    margin-bottom: 10px;
    font-size: 24px;
}

/* Adjust layout for smaller screens */
@media (min-width: 600px) {
    .recent-post-item {
        flex: 1 1 calc(20% - 14px); /* Two columns */
    }
}

/* Adjust layout for medium screens */
@media (min-width: 900px) {
    .recent-post-item {
        flex: 1 1 calc(20.33% - 20px); /* Three columns */
    }
}
.recent-post-item {
max-width:320px;
}
/* Adjust layout for larger screens */
@media (min-width: 1200px) {
    .recent-post-item {
        flex: 1 1 calc(20% - 20px); /* Five columns */


    }
}

input[type=search]{
border:none!important;}

.home .wp-container-core-group-is-layout-8{
    padding-top: 10px!important;
}

.sp-pcp-post .sp-pcp-post-thumb-area img{
    height: 100px;
    object-fit: cover;
    border-radius: 6px 6px 0px 0px;
}
.pcp-section-title{    margin-bottom: 0px!important;}
.sp-pcp-section .swiper-container.sp-pcp-carousel.top_right{padding-top:0px;padding-bottom:0px;top:-15px;}

.swiper-button-next, .swiper-button-prev{
    top: 22%;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
left:0px;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
right:0px;}

#pcp_wrapper-78 .pcp-button-next{    
    background-color: #2B98C6!important;
    border-radius: 8px 0px 0px 8px;
    width: 32px!important;
    height: 50px!important;
    border: none!important;
}
#pcp_wrapper-78 .pcp-button-prev{
    background-color: #2B98C6!important;
    border-radius: 0px 8px 8px 0px;
    width: 32px!important;
    height: 50px!important;
    border: none!important;
}
#pcp_wrapper-78 .pcp-button-prev .fa, #pcp_wrapper-78 .pcp-button-next .fa{
    color: #fff!important;
    font-weight: bold;
}
.sp-pcp-post .sp-pcp-title{
    border-radius: 0px 0px 6px 6px;
    padding: 12px;
    background-color: #fff;
    margin-top: -24px;
}
.pcp-wrapper-78 .sp-pcp-title a{
    font-size: 15px;
    font-weight: 600;
    line-height: 18.15px;
}
.home .wp-container-core-group-is-layout-8{
    background-color: #F3F6FB;
}
.wp-container-core-group-is-layout-7{
padding-top:0px!important;

padding-bottom:0px!important;
}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{font-size:15px;}

.home .wp-container-core-group-is-layout-8{padding-top:0px!important;}

#pcp_wrapper-78 .pcp-section-title{
    font-size: 24px;
    color: #000!important;
    font-weight: 600;
}
footer{margin-top:0px;}

.footer-icon-social{
    background-color:#fff!important;
}
footer .social-footer-icons img{
padding-right:10px;
}
footer .social-footer-icons{
    margin-left: 20px;
}
.footer-icon-social p{
color:#000;
}
.footer-column-icon-social{
    margin-left: 0px !important;
max-width:unset;
}
footer .footer-icon-and-social{
    display: flex;
    align-items: baseline;
}
footer .copyright{
    text-align: right;
    align-items: center;
    display: flex;
    justify-content: end;
}
.footer-column-icon-social .wp-block-site-logo.is-default-size img{
    width: 220px;
}
header {
    border-top: 5px solid #E63946;
}
.swiper-slide{height:190px;}

.top-posts-block .title-container, .sp-pcp-section .title-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top-posts-block .title-container a, .sp-pcp-section .title-container a{
    font-size: 16px;
    color: #2B98C6;
    font-weight: 600;
    text-decoration:none;
}


.home .wp-block-cover__inner-container .has-large-font-size{
font-size:30px!important;
font-weight:600;
line-height:36.31px
}

.home .wp-block-cover .wp-block-cover__inner-container{
    margin-top: -30px;
}
@media only screen and (max-width: 768px) {
.home h1{
font-size:20px!important;
}
.copy-link-button,.success-msg-end-button{
width:100%;
}
.frm_message .button-container{
display:block!important;
    width: auto!important;
}
.show-current-url{
display:none;
}
.carousel-arrow-featured.right-arrow.categories,.carousel-arrow-featured.left-arrow.categories{
    top: 46%;
}

  .home .top-posts-block{
margin-top:0px!important;
}
.featured-posts-block h2.wp-block-heading{
 margin-top:20px!important;
}
.home .recent.wp-block-heading{
margin-top:30px!important;
}
.remaining-posts.three-columns{
grid-template-columns: repeat(1, 1fr)!important;
}
.single ul.top-posts{
    grid-template-columns: 1fr 1fr!important;
}

    .archive .top-posts-block{
margin-top:20px!important;
}
.archive .site-breadcrumbs{
max-width: none!important;
}
.single h1{
    font-size: 18px !important;
    font-weight: 700;
    line-height: 21.78px;
    text-align: center;
}
    
.single .block-left .wp-block-spacer{
     height: 0px!important;
}
.single .wp-block-post-content-is-layout-constrained{
    padding: 0px 15px 24px 15px!important;
}
.single .start-msg-introductory, .single .question-answer{font-size:16px;}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container li a{
font-size:14px!important;

}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container{
    display: block !important;
}
.home .wp-block-cover__image-background{
    object-fit: fill;
    height: 140px;
}
.home .wp-block-cover .wp-block-cover__inner-container{
    margin-top: -60px;
}
.home .wp-block-cover__inner-container .has-large-font-size{
    font-size: 20px !important;
    line-height: 24.2px;
}
.wp-block-navigation__responsive-container.is-menu-open{
top:0px;
    background-color: #13255C!important;
    color: #fff!important;
}
.wp-container-core-group-is-layout-3{
gap: 20px!important;
}
header .has-base-background-color{
   padding-bottom: 0px!important;
padding-left:15px;
padding-right:15px;
}
footer .footer-top{
    padding: 24px 15px !important
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: auto !important;
}
.footer-icon-social{
    padding: 33.12px!important;
}
footer .footer-icon-and-social{
    display: block;
    text-align: center;
}
footer .copyright{
    display: block;
    text-align: center;
}
.header-second-container{
    display: block!important;
    margin-bottom: 20px!important;
}
.wp-block-navigation__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.wp-block-navigation__container > li {
    flex: 1 0 33%; /* Adjust the percentage as needed to control how many items per line */
    max-width: 33%; /* Ensure the items don’t exceed one-third of the container width */
    text-align: center;
}
.wp-block-navigation__responsive-container-open svg {
    display: none; /* Hide the original SVG */
}

.wp-block-navigation__responsive-container-open::before {
    content: '';
    display: inline-block;
    width: 35px;
    height: 37px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHJlY3QgeD0iNCIgeT0iNS41IiB3aWR0aD0iMTYiIGhlaWdodD0iMS41IiBmaWxsPSIjMkI5OEM2Ii8+PHJlY3QgeD0iNCIgeT0iMTEuNSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjEuNSIgZmlsbD0iIzJCOThDNiIvPjxyZWN0IHg9IjQiIHk9IjE3LjUiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxLjUiIGZpbGw9IiMyQjk4QzYiLz48L3N2Zz4=');
    background-size: contain;
}

.wp-block-navigation.items-justified-right {
    --navigation-layout-justification-setting: flex-start;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    font-size: 14px!important;
}

.wp-block-navigation__responsive-container-close svg{
    height: 42px;
    width: 42px;
}
/* mobile sub-menu indent*/
header nav ul ul ul {
    margin-left: 20px !important;
    padding-top: 6px !important;
}
}
/* Extra small screens - two columns on mobile */
@media (max-width: 599px) {
    .recent-post-item {
        flex: 1 1 calc(50% - 10px);
    }
}
footer .wp-block-group-is-layout-constrained{
background-color: #1D3557;
    color: #ffffff;
}
@media (min-width: 769px) {
footer .wp-block-group-is-layout-constrained{
    padding: 24px 130px 24px 130px !important;
    
}

}



@media (max-width: 600px) {
    .wp-block-navigation__container > li {
        flex: 1 0 100%; /* Stack items on smaller screens */
        max-width: 100%;
    }
}
.site-breadcrumbs{
    background-repeat: no-repeat;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding-left: min(6.5rem, 8vw);
    padding-right: min(6.5rem, 8vw);
    background-color: #A8DADC;
    max-width: 100%!important;
    padding-top: 6px;
    padding-bottom: 6px;
}

.site-breadcrumbs #breadcrumbs {
    display: flex;
    align-items: center; 
    margin: 0px;
    font-size: 13px;
    max-width: 1180px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.site-breadcrumbs #breadcrumbs span {
    color: #333; /* Set color for breadcrumb text if needed */
}

.site-breadcrumbs #breadcrumbs span:not(:last-child)::after {
    content: '•'; 
    color: #2B98C6; 
    margin: 0 5px;
}
.archive #wp--skip-link--target{
    margin-top: 0px;
}
.site-breadcrumbs #breadcrumbs a{
text-decoration:none;
}

.archive h1,.archive ul.top-posts,.archive h3,ul.recent-posts, .single h1, .single .entry-content, .single .entry-content p  {

max-width: inherit;
}

.wp-block-site-logo a {
    pointer-events: auto;
    cursor:pointer!important;
}


.archive h1{
    font-size: 26px;
    text-transform: capitalize;
    font-weight: 600;
line-height:31.47px;
    max-width: 1180px;
}
.archive h2{
    font-size: 24px;
    font-weight: 600;
    margin-left: 0px !important;
    
}
.single figure{
margin-left: 0px !important;
}

.single .taxonomy-post_tag{
display:none;
}


.single .wp-container-core-columns-is-layout-2{
    gap: 1rem 3rem;
}
.single ul.top-posts .top-post-title{
    background-color: transparent;
    text-align: left;
    padding-left: 0px;
    padding-top: 0px;
margin-bottom:0px;
}
.single ul.top-posts .top-post-title a{
    font-size: 15px;
    line-height: 18.15px;
}

.single .popular-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.single .popular-title h2{
    font-size: 24px;
    line-height: 29.05px;
    font-weight: 600;
    margin: 0px;
}
.single .popular-title .view-all .hide{
display:none;
}
.single .popular-title .view-all{
text-transform:capitalize;
}
.single .popular-title .view-all a{
text-decoration: none;
    color: #457B9D;
    font-weight: 700;
font-size: 16px;
    line-height: 19.36px;
}
@media (min-width: 768px) and (max-width: 999px) {
    
header .cc-hide-on-desktop {
        display: block !important;
    }
}
@media (max-width: 999px) {

.header-second-container {
    padding-right: 0!important;
    margin-right: 0!important; 
    justify-content: space-between;
    max-width: none;
    width: 100%;
        display: flex !important;
}

.header-second-container > * {
    margin-right: 0!important; 
}
.wp-container-core-group-is-layout-3{
    gap: inherit!important;
}
.wp-container-core-group-is-layout-4{
    display: none!important;
}

}
.single h1{
    padding: 0px 36px 0px 36px;
}

.single .wp-block-post-content-is-layout-constrained{
    padding: 0px 36px 24px 36px;
}
.single .wp-block-post-featured-image img{
    border-radius: 6px 6px 0px 0px;
height:340px;
}
.single .wp-block-post-featured-image{
max-width: none;
    margin-bottom: -16px;
}

.image-overlay-container {
    position: relative;
    display: inline-block;
    width: 100%;
    height:auto;
    max-width: inherit;
}

.wp-block-post-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-overlay-content {
    padding: 24px 24px 12px 24px!important;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    padding: 10px;
    background: linear-gradient(180deg, rgba(69, 123, 157, 0.34) 0%, #A8DADC 100%);
    color: #fff;
    text-align: center;
}
.featured-overlay-content .post-meta .author img{
    margin-right: 10px;
    border-radius: 50px;
}
.featured-overlay-content .post-meta .author strong{
margin-left:5px;
}
.featured-overlay-content .post-meta .author{
    margin-right: 5px; 
    display: flex;
    align-items: center;
}
.post-title {
    font-size: 30px;
    margin: 0;
    color: white;
    font-weight: 600;
    line-height: 36.31px;
}

.post-meta {
    font-size: 14px;
    margin-top: 15px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.share-icons {
    margin-left: 15px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.image-overlay-container .share-icons .facebook, .image-overlay-container .share-icons .pinterest, .image-overlay-container .share-icons .twitter, .image-overlay-container .share-icons .whatsapp {
margin-right:15px;
}
.image-overlay-container .share-icons .facebook{
margin-left:5px;
}

/* Menu hover */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    z-index: 28;
    position: absolute;
    top: 100%; /* Position submenu below parent */
    left: 0;
    opacity: 0;
    visibility: hidden;
    display: block; /* Ensure it's treated as a block element */
    background-color: inherit;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    width: auto; /* Allow the submenu to adjust its width automatically */
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container a{
    cursor:pointer;
}
.wp-block-navigation .wp-block-navigation__submenu-container ul {
    padding: 0;
    list-style: none;
}

/* Show submenu on hover */
.wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container {
    opacity: 1;
    visibility: visible;
}

/* Hide submenu on load */
.wp-block-navigation__submenu-container {
    opacity: 0;
    visibility: hidden;
}

/* Disable pointer events for parent links if needed */
.wp-block-navigation-item.has-child > a {
    pointer-events: none;
}

/* Ensure the submenu is not hidden when hovered */
.wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container {
    pointer-events: auto;
}

/* Adjusting the submenu container to prevent overflow issues */
.wp-block-navigation__submenu-container {
    overflow: visible; /* Allow the submenu to grow as needed */
}

.show-submenu {
        display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: max-content !important;
    height: auto !important;
    background-color: white !important;
}

.archive main{
background-color:#F3F6FB
}
.archive ul.top-posts .cat,.single ul.top-posts .cat{
    margin-top: -21px;
}
footer .title {
    padding-bottom: 10px
}
footer .title.hide{
visibility:hidden;
}
@media (max-width: 768px) {
.archive main{
    padding-left: 15px;
    padding-right: 15px;
}
.recent-post-item{
margin-bottom:0px;
}
ul.recent-posts {
    gap: 16px
}
footer .mobile-fullwidth, footer .mobile-fullwidth nav, footer .mobile-fullwidth nav ul{
    width: 100%;
}
footer .title strong{
font-size: 16px;
    font-weight: 700;
}
footer .title.hide{
display:none
}
footer .categories-begin {
    margin-top: 30px;
}
footer ul {
    display: grid!important;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 6px!important;
}
.wp-block-navigation__container > li{
    flex: none;
    max-width: none;
}
.wp-block-post-featured-image img{
    height: 280px;
}
.sp-pcp-container{
    height: 220px;
}
.archive ul.recent-posts{
    gap: 0px 20px;
}
.featured-overlay-content{
    bottom: 5px;
}
.top-posts-block {
    position: relative; 
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
margin-top:-10px;
}
.archive .recent-post-item{
    margin-bottom: 0px;
}
.single .wp-container-core-columns-is-layout-2{
    padding-right: 0px!important;
}
.single .top-posts-block{margin-top:0px;}

.top-posts.two-columns {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: initial;
    justify-content: start;
    gap: 20px;
}

.top-post-item {
    min-width: 80%;
    scroll-snap-align: center;
    box-sizing: border-box;
}
.carousel-arrow .fa-angle-right,.carousel-arrow .fa-angle-left{
    top: -17px;
    position: relative;
}
.home .carousel-arrow.right-arrow {
top: 160px
}
.home .carousel-arrow.left-arrow {
top: 160px
}
.carousel-arrow.right-arrow {
            position: absolute;
        top: 50%;
        transform: translateY(-50%);
        color: #333;
        background-color: #2B98C6;
        padding: 5px;
        border-radius: 8px 0px 0px 8px;
        cursor: pointer;
        z-index: 10;
        user-select: none;
        padding: 16px 10px 16px 10px;
        width: 12px;
        height: 18px;
    color: white;
    font-size: 2em;
display:block;
}
.carousel-arrow.left-arrow {
            position: absolute;
        top: 50%;
        transform: translateY(-50%);
        color: #333;
        background-color: #2B98C6;
        padding: 5px;
        border-radius: 0px 8px 8px 0px;
        cursor: pointer;
        z-index: 10;
        user-select: none;
        padding: 16px 10px 16px 10px;
        width: 12px;
        height: 18px;
    color: white;
    font-size: 2em;
display:block;
}
.left-arrow {
    left: 0px; 
}

.right-arrow {
    right: 0px; 
}
.archive .carousel-arrow.left-arrow, .archive .carousel-arrow.right-arrow,.single .carousel-arrow.left-arrow, .single .carousel-arrow.right-arrow{
    top: 30%;
}
.post-meta{display:block!important;}
.featured-overlay-content .post-meta .author{
    justify-content: center;
    margin-bottom: 10px;
}
}
.carousel-arrow{
display:none;
}
.quiz-share h3{
margin-left: 0px !important;
    padding: 0px 36px 0px 36px;
    margin-bottom: 0px;
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;
}

.quiz-share .description{
    margin-left: 0px !important;
    padding: 0px 36px 0px 36px;
    margin-top: 0px;
}
.quiz-share{
padding-bottom:24px;
}

.quiz-share .share-icons{
    justify-content: normal;
padding: 0px 36px 0px 36px;
}
.quiz-share .share-icons a{
    padding-right: 10px;
}
.archive .top-posts-block {
    max-width: none;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    /*display: grid!important;
    grid-template-columns: repeat(2, 1fr);*/ 
    gap: 10px; 
    padding: 10px; 
    border: none;
    border-radius: 6px;
}
.wp-block-navigation-item {
    list-style: none;
    padding: 5px; 
}

.wp-block-navigation-item__content {
    text-align: left;
    padding: 5px;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container li button{
    display:none;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container li:hover{

background: #A8DADC;
color: #E63946;
text-decoration:underline;

}
.wp-block-navigation .wp-block-navigation__submenu-icon{
    margin-left:0px;
    rotate: 180deg;
    font-size: 25px;
    color: #2B98C6;
}
@media (min-width: 600px) and (max-width: 640px) {
    .wp-block-navigation__container > li {
        flex: none;
        max-width: none;
    }
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{
font-size:12px;
}
}
@media only screen and (max-width: 600px) {
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container{
    display:block!important;
}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{
font-size:20px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{
    padding-left: 0px;
}
}
.search-results h1{
    font-size: 30px;
    padding-top: 24px!important;
    font-weight: 700;
    line-height: 36.31px!important;
    margin-top: 0px;
}
.search-results .wp-block-post-featured-image img{
border-radius:6px;
height:148px!important;
}
.search-results .wp-block-post-title a{
font-size: 15px;
font-weight:700;

}
.search-results .column-container ul li h2{
    align-items: start;
    display: flex;
}
.search-results .column-container ul{
    gap: 20px;
}
.wp-container-core-post-template-is-layout-1{
    grid-template-columns: repeat(5, minmax(0, 1fr))!important;
}

/* Medium screens (3 columns) */
@media (max-width: 1200px) {
    .wp-container-core-post-template-is-layout-1 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* Small screens (2 columns) */
@media (max-width: 768px) {
    .wp-container-core-post-template-is-layout-1 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
.site-breadcrumbs{
    padding: 6px 0px 6px 0px;
}
.site-breadcrumbs #breadcrumbs{
    padding-left: 4%;
}
.single main{
    padding-left: 0px;
    padding-right: 0px;
}
.single .wp-block-post-featured-image img{
    border-radius:0px;
}

.single .wp-container-core-columns-is-layout-2{
margin-top:0px!important;
}
.single .top-posts.two-columns{flex-wrap: wrap;}
.single .popular-title{ margin-bottom: 10px;}
.single .popular-title, .single .top-posts-block{padding-left: 15px;padding-right: 15px;}
.single .carousel-arrow.left-arrow,.single .carousel-arrow.right-arrow{display:none;}
.single .top-posts.two-columns > * {
       
        margin-bottom: 20px; 
    }
.single .top-post-item{flex: none; min-width: auto;

}
.single aside{
    justify-content: center;
    display: flex;
}
.home .home-content{
    margin-top: -30px;
    padding: 18px 15px !important;
}
}

@media (max-width: 480px) {
    .wp-container-core-post-template-is-layout-1 {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 1295px) {
.post-meta{
    display: block !important;
    text-align: center;
    margin-top: 10px;
}
.featured-overlay-content .post-meta .author{
     justify-content: center;
}
}
.quiz-share .share-icons{
     margin-left: 0px;
     margin-top:10px;
}
.single ul.top-posts{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.single .top-post-item{
margin-bottom: 0px;
}
.single ul.top-posts .cat{display:none;}
.single ul.top-posts .top-post-title{margin-top: -10px;}

@media (min-width: 768px) and (max-width: 1024px) {
    
    header .has-base-background-color{
    padding-left:30px;
    padding-right:30px;
    }   
    .home .home-content{
    padding-left: 30px !important;
    padding-right: 30px !important;
    }
    .home ul.recent-posts > li {
    flex: 0 0 calc(25% - 20px);
    
    list-style: none;
    margin-bottom: 0px; 
}
.recent-post-thumbnail{
    margin: initial;
}

.home ul.recent-posts{
    justify-content: flex-start;
}   
}
.single .sticky{
width: 100%;
    height: auto;
    overflow: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 5%;
}
@media (min-width: 769px) and (max-width: 1024px) {
    main.has-global-padding, .site-breadcrumbs {
        padding-left: 30px;
        padding-right: 30px;
    }
}

footer .is-layout-flex {
    gap: 0;
}
footer .is-layout-flex.footer-content {
    gap: 10px
}
footer ul li a span{
    font-size: 14px;
line-height:22.4px;
    cursor: pointer;

}
footer ul li a {
font-size: 14px;
line-height:22.4px;
padding-left: 0px!important;
padding-bottom: 0px !important;
padding-top: 0px !important;
}
    
footer ul{
    row-gap: 6px !important;
}
footer ul li {
    margin-bottom: 0
}   
.quiz-formidable-container {
  display: none;
}

.start-msg-introductory {
  margin-left: 0 !important;
}

.quiz_start_button {
  width: auto;
  background: #457B9D;
  border: 1px solid #457B9D;
  color: #ffffff;
  cursor: pointer;
  border-radius: 8px;
  padding: 8px 16px;
}

.question-overview {
  margin-left: 0 !important;
  .question-container {
    margin-top: 1em;
    .question-subject {
      font-weight: 500;
    }
    .question-answer {
      margin-left: .8em;
    }
  }
}

.quiz_start_button{
    background: #457B9D;
    border-radius: 6px;
    width: 100%;
    max-width: none;
    padding: 12px 16px;
}
.question-overview h2{
    font-size: 24px;
    font-weight: 700;
}
.question-container .question-subject{
    font-size: 16px;
    font-weight: 700!important;
    padding-bottom: 15px;
    line-height: 24px;
}
.question-overview .question-container {
    counter-reset: answer-counter;
}

.question-overview .question-container .question-answer::before {
    counter-increment: answer-counter;
    content: counter(answer-counter, upper-alpha) ": ";
    margin-right: 5px;
}
.question-container .question-answer{
    padding-bottom: 5px;
}
.featured-posts-block ul.featured-posts {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: initial;
    justify-content: start;
    gap: 20px;
}

.carousel-arrow-featured.left-arrow{
        position: absolute;
        top: 40%;
        transform: translateY(-50%);
        color: #333;
        background-color: #E63946;
        padding: 5px;
        border-radius: 0px 8px 8px 0px;
        cursor: pointer;
        z-index: 10;
        user-select: none;
        padding: 16px 10px 16px 10px;
        width: 12px;
        height: 18px;
        color: white;
        font-size: 2em;
        display: block;
}
.home .carousel-arrow-featured.right-arrow,.home .carousel-arrow-featured.left-arrow{
top: 50%;
}
.carousel-arrow-featured.right-arrow{
position: absolute;
    top: 40%;
    transform: translateY(-50%);
    color: #333;
    background-color: #E63946;
    padding: 5px;
    border-radius: 8px 0px 0px 8px;
    cursor: pointer;
    z-index: 10;
    user-select: none;
    padding: 16px 10px 16px 10px;
    width: 12px;
    height: 18px;
    color: white;
    font-size: 2em;
    display: block;
}

.featured-posts-block{
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.carousel-arrow-featured.left-arrow {
        left: 0px;
    }
.carousel-arrow-featured.right-arrow {
        right: 0px;
    }
.carousel-arrow-featured .fa-angle-right, .carousel-arrow-featured .fa-angle-left {
        top: -17px;
        position: relative;
    }
.featured-post-item, .featured-category-item {
    scroll-snap-align: center;
    box-sizing: border-box;
    flex: 1 1 100%;
    max-width: 200px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.featured-post-item img, .featured-category-item img{
    width: 200px;
    height: 100px;
    object-fit: cover;
}

.featured-posts-block .featured-post-title, .featured-posts-block .featured-cat-title{   
    background-color: #fff;
    font-size: 18px;
    line-height: 21.78px;
    text-align: center;
    text-decoration: none;
    padding: 12px 12px 16px 12px;
    border-radius: 0px 0px 6px 6px;
    margin-top: -7px;
}
.featured-posts-block .featured-post-title a,.featured-posts-block .featured-cat-title a{
font-size:15px;
font-weight:600;
line-height:18.15px;
text-decoration:none;
}
.featured-posts-block .title-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.featured-posts-block h2.wp-block-heading{
    font-weight: 600;
    font-size: 24px;
    line-height: 29.05px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.featured-posts-block .title-container a{
    font-size: 16px;
    color: #2B98C6;
    font-weight: 600;
    text-decoration: none;
}

.page .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
    max-width: none;
}

.page p{
font-size:16px;
}
.page main ul{
    list-style: disc;
    padding-left: 30px;
}
.page .wpcf7-list-item{
    margin-left: 0px;
}
.page main{
    background-color: #F3F6FB;
    margin-top: 0px;
    padding-top: 20px;
}
.home .sp-pcp-post .sp-pcp-post-thumb-area img{
     width: -moz-available;          
    width: -webkit-fill-available;  
    width: fill-available;
}
.single #feedback-form {
    background-color: #fff;
    padding: 20px 36px;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    width: auto;
}
.single #feedback-form .left {
    width: 97%;
    display: inline-block;
}
.single #feedback-form > div {
    position: relative;
    top: 5px;
}
.single #feedback-form .right {
    display: flex;
    justify-content: flex-end;
}
.single #feedback-form h3, .single #feedback-form > div {
    display: inline-block;
}
.single #feedback-form h3 {
    color: #00235d;
    margin-right: 20px;
    top: -5px;
    position: relative;
    font-size:16px;
}
.single #feedback-form .left > .icon-container {
    display: inline-block;
}
.single #feedback-form span.feedback-icon.positive {
    background-image: url(/wp-content/themes/twentytwentyfour/assets/images/like-01.svg);
    width: 23px;
    height: 23px;
    display: inline-block;
    margin-right: 10px;
}
.single .feedback-icon {
    cursor: pointer;
}
.single #feedback-form span.feedback-icon.negative {
    background-image: url(/wp-content/themes/twentytwentyfour/assets/images/unlike-01.svg);
    width: 23px;
    height: 23px;
    display: inline-block;
}
.single #feedback-form span.feedback-flag {
    background-image: url(/wp-content/themes/twentytwentyfour/assets/images/report-01.svg);
    width: 20px;
    height: 21px;
    display: inline-block;
    cursor: pointer;
margin-top:10px;
}

.single #feedback-form .right i.fa.fa-times {
    display: none;
    position: relative;
    cursor: pointer;
}
.single #feedback-form span.feedback-icon.message {
    background-image: url(/wp-content/themes/twentytwentyfour/assets/images/thanks-icon-01.svg);
    width: 22px;
    height: 23px;
    display: inline-block;
    margin-right: 5px;
}
.single #feedback-form span.feedback-message {
    font-weight: bold;
    color: #00235d;
    position: relative;
    top: -5px;
}
.single #feedback-form .feedback-container {
    display: none;
}
.page-template-feedback form.wpcf7-form {
    margin-top: 20px;
    border: 1px solid #eee;
    padding: 40px;
}
.page-template-feedback form.wpcf7-form label {
    font-weight: bold;
    color: #000;
}

.page-template-feedbackform.wpcf7-form label input {
    background-color: #eff3f6;
    border: none;
    padding: 10px 20px;
    color: #a3a7aa;
}
.page-template-feedback form.wpcf7-form #input-cancel {
    background: none;
    border: 1px solid #00235d;
    color: #00235d;
    padding: 10px 0px;
    cursor: pointer;
}

.page-template-feedback form.wpcf7-form .btn-submit input {
    width: 100%;
    text-align: center;
}
.page-template-feedback form.wpcf7-form .btn-submit .right {
    width: 50%;
    margin-left: 5px;
}
.page-template-feedback form.wpcf7-form #input-submit {
    background: #00235d;
    color: #fff;
    border: none;
    padding: 10px 0px;
    cursor: pointer;
}
.page-template-feedback form.wpcf7-form .btn-submit .left {
    width: 50%;
    margin-right: 5px;
}
.page-template-feedback form.wpcf7-form span.privacy {
    font-size: 12px;
}
.page-template-feedback form.wpcf7-form .btn-submit {
    width: 407px;
    display: flex;
    height:45px;
}
.single .is-layout-constrained > .alignwide{
    max-width: 1180px!important;
}
@media (max-width: 1439px) {

.site-breadcrumbs #breadcrumbs{
    margin-left: 0px;
}
}
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
    max-width: 1180px;
}
ul.recent-posts {
    display: grid;
    column-gap: 20px;
}

@media (max-width: 500px) {
ul.recent-posts {
        grid-template-columns: 1fr 1fr ; 
    }
}
@media (min-width: 501px) and (max-width: 768px) {
ul.recent-posts {
        grid-template-columns: 1fr 1fr 1fr; 
    }
}
/* For small screens */
@media (min-width: 769px) and (max-width: 900px) {
    ul.recent-posts {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
    }
}

/* For medium screens */
@media (min-width: 901px) and (max-width: 1200px) {
    ul.recent-posts {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr; /* 3 columns */
    }
}

/* For large screens */
@media (min-width: 1201px) {
    ul.recent-posts {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr; /* 4 columns */
    }
}
.site-breadcrumbs .hide {
    display: none;
}
.wp-block-navigation-item .hide {
    display: none;
}
.remaining-posts.three-columns{
display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px 20px;
margin-top:0px;
}
.recent-posts-block .remaining-posts.three-columns {
    grid-template-columns: repeat(5, 1fr);
}
li.remaining-post-item {
    font-size: 14px;
    line-height: 16px;
}

li.remaining-post-item h3{
    font-size: 14px;
    margin: 0px;
}
.home .recent.wp-block-heading{
    margin-top: 10px;
}
.recent.wp-block-heading{
    font-weight: 600;
    margin-top: -10px;
    margin-bottom: 0px;
    font-size: 24px;
}
.home ul.recent-posts{
    max-width: 1180px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.home .top-posts-block{
    margin-top: 34px;
}

.home .top-post-item p:empty {
    display: none;
}
.home .top-posts.two-columns{
margin-top:20px;
}
.single h2{
    font-size: 24px;
    line-height: 29.05px;
    font-weight: 700;
}
.single #feedback-form .left .was-this-page{
    color: #00235d;
    margin-right: 20px;
    top: -5px;
    position: relative;
    font-size: 16px;
    display: inline-block;
}
.archive h3{
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;}

.search .wp-block-post-featured-image>a{
cursor:pointer;
}
input[type="search"]:focus {
    border: none!important;
    outline: none!important;
border-color: none;
    color: none;
    box-shadow:none;
}
.frm-line-table tr:first-child th {
    font-weight: 800;
    font-size: 4em;
}
.frm-line-table tr:first-child th .frm_quizzes_correct_col {
    display: none;
}
.frm-line-table tr:first-child td {
    font-weight: 800;
    font-size: 4em;
    opacity: 0.7;
}
@media(max-width: 768px) {
    .frm-line-table tr:first-child th, .frm-line-table tr:first-child td {
        font-size: 2em;
    }
}
.button-container {
  margin: .5em;
}
.show-current-url {
  padding: .9em;
  background-color: lightgrey;
}
.success-msg-end-button {
  background: #2B98C6;
  border-radius: 6px;
  padding: 12px 16px;
  border: 1px solid #4199FD;
  color: #ffffff;
  cursor: pointer;
}
.copy-link-button {
  background: #ca2bfb;
  border-radius: 6px;
  padding: 12px 16px;
  border: 1px solid #4199FD;
  color: #ffffff;
  cursor: pointer;
}

.frm_message .button-container {
    flex-wrap: nowrap;
    align-items: center;
    width: auto;
    display: flex;
    height: 50px;
    overflow: hidden;
}

.frm_message .button-container .show-current-url{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}
.frm_message .share-friend.do-better, .frm_message .share-friend.as-good-as {
    margin-top: 1em;
}
.frm_message .quiz-share {
    padding: 0;
}
.quiz_outcome::before, .quiz_point_outcome::before {
    content: "Result";
    display: block;
    font-size: 24px;
    font-weight: 700;
}

.quiz_outcome .title, .quiz_point_outcome .title {
    font-weight: 700
}

.suggest_next_quiz {
    display: none;
    text-align: center;
}
.suggest_next_quiz ul {
    margin: 5px 0 0 0
}
.suggest_next_quiz a button {
    padding: 8px 16px;
    border-radius: 6px;
    border: none;
    background: #5fa05f;
    color: white;
    font-size: 16px;
    cursor: pointer;
}
.suggest_next_quiz a button:after {
    content: "⮕";
    padding-left: 1em;
}
.quiz-formidable-container .suggest_next_quiz {
    display: block;
}
@media(max-width: 768px) {
    .with_frm_style .frm-summary-page-wrapper {
        padding: 0;
    }
}
.p-relative {
    position: relative;
}
#timerDisplay {
    position: absolute;
    font-size: 12px;
    right: 0;
}
.quiz-start-reminder {
    font-size: 0.8em;
    text-align: center;
    margin-top: 6px;
}

.wp-block-heading.logo{
    font-weight:bold;
    font-size: 20px;
}
footer .wp-block-heading.logo{
    color:black;
}
.wp-block-heading.logo a{
    text-decoration: none
}
footer .social-footer-icons{
    margin-top:0px;
}
footer .footer-icon-and-social{
    align-items:center;
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg{
filter: brightness(0) saturate(100%) invert(45%) sepia(9%) saturate(2241%) hue-rotate(160deg) brightness(95%) contrast(88%);
}
footer .footer-icon-and-social a{
text-decoration:none;
}

.archive.tag h2 {
    font-size: 16px !important;
}
:root :where(.wp-block-navigation){font-weight: 500;}
:root :where(.wp-block-navigation a:where(:not(.wp-element-button))){text-decoration: none;}
:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover){text-decoration: underline;}
:root :where(.wp-block-post-terms){font-size: var(--wp--preset--font-size--small);}:root :where(.wp-block-post-terms .wp-block-post-terms__prefix){color: var(--wp--preset--color--contrast-2);}
:root :where(.wp-block-post-terms a:where(:not(.wp-element-button))){text-decoration: none;}
:root :where(.wp-block-post-terms a:where(:not(.wp-element-button)):hover){text-decoration: underline;}
:root :where(.wp-block-search .wp-block-search__label, .wp-block-search .wp-block-search__input, .wp-block-search .wp-block-search__button){font-size: var(--wp--preset--font-size--small);}:root :where(.wp-block-search .wp-block-search__input){border-radius:.33rem}
:root :where(.wp-block-search .wp-element-button,.wp-block-search  .wp-block-button__link){border-radius: .33rem;}
/*# sourceURL=global-styles-inline-css */
</style>
<style id="core-block-supports-inline-css">
.wp-container-core-group-is-layout-3a88641f{flex-wrap:nowrap;}.wp-container-core-group-is-layout-f4752a5b > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-f4752a5b > * + *{margin-block-start:0px;margin-block-end:0;}.wp-container-core-navigation-is-layout-d8073f38{flex-wrap:nowrap;gap:var(--wp--preset--spacing--10);justify-content:flex-start;}.wp-container-core-columns-is-layout-3a88641f{flex-wrap:nowrap;}.wp-container-core-group-is-layout-ffc66c2e{flex-wrap:nowrap;gap:var(--wp--preset--spacing--60);justify-content:space-between;}.wp-container-content-3b4e4270{flex-basis:450px;}.wp-container-core-group-is-layout-3bd2330e{justify-content:flex-start;}.wp-container-core-group-is-layout-1d0a7695{justify-content:space-between;}.wp-container-core-group-is-layout-cda10905 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:1180px;margin-left:auto !important;margin-right:auto !important;}.wp-container-core-group-is-layout-cda10905 > .alignwide{max-width:1180px;}.wp-container-core-group-is-layout-cda10905 .alignfull{max-width:none;}.wp-container-3{top:calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));position:sticky;z-index:10;}.wp-container-core-group-is-layout-9c3fca8d > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-9c3fca8d > * + *{margin-block-start:36px;margin-block-end:0;}.wp-container-core-columns-is-layout-f804cd75{flex-wrap:nowrap;gap:1rem 1rem;}.wp-container-core-navigation-is-layout-bce0c455{gap:var(--wp--preset--spacing--10);flex-direction:column;align-items:flex-start;}.wp-container-core-group-is-layout-bce0c455{gap:var(--wp--preset--spacing--10);flex-direction:column;align-items:flex-start;}.wp-container-core-group-is-layout-d8dce8eb{flex-direction:column;align-items:stretch;}.wp-container-core-group-is-layout-cf54d0a6{justify-content:space-between;align-items:flex-start;}.wp-container-core-group-is-layout-0f941771 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:1180px;margin-left:auto !important;margin-right:auto !important;}.wp-container-core-group-is-layout-0f941771 > .alignwide{max-width:1180px;}.wp-container-core-group-is-layout-0f941771 .alignfull{max-width:none;}.wp-container-core-group-is-layout-a444c9ad > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:1180px;margin-left:auto !important;margin-right:auto !important;}.wp-container-core-group-is-layout-a444c9ad > .alignwide{max-width:1180px;}.wp-container-core-group-is-layout-a444c9ad .alignfull{max-width:none;}
/*# sourceURL=core-block-supports-inline-css */
</style>
<style id="wp-block-template-skip-link-inline-css">
/*! This file is auto-generated */
.skip-link.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal!important}.skip-link.screen-reader-text:focus{background-color:#eee;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}
/*# sourceURL=/wp-includes/css/wp-block-template-skip-link.min.css */
</style>
<link rel='stylesheet' id='contact-form-7-css' href='https://quiz.now/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.9.8' media='all' />
<link rel='stylesheet' id='dashicons-css' href='https://quiz.now/wp-includes/css/dashicons.min.css?ver=7.0' media='all' />
<link rel='stylesheet' id='post-views-counter-frontend-css' href='https://quiz.now/wp-content/plugins/post-views-counter/css/frontend.min.css?ver=1.4.7' media='all' />
<link rel='stylesheet' id='font-awesome-css-css' href='https://quiz.now/wp-content/plugins/post-carousel/public/assets/css/font-awesome.min.css?ver=7.0' media='all' />
<link rel='stylesheet' id='font-awesome-css' href='https://quiz.now/wp-content/plugins/post-carousel/public/assets/css/font-awesome.min.css?ver=2.4.29' media='all' />
<script id="react-js" src="https://quiz.now/wp-includes/js/dist/vendor/react.min.js?ver=18.3.1.1"></script>
<script id="react-jsx-runtime-js" src="https://quiz.now/wp-includes/js/dist/vendor/react-jsx-runtime.min.js?ver=18.3.1"></script>
<script id="wp-autop-js" src="https://quiz.now/wp-includes/js/dist/autop.min.js?ver=9d0d0901b46f0a9027c9"></script>
<script id="wp-blob-js" src="https://quiz.now/wp-includes/js/dist/blob.min.js?ver=198af75fe06d924090d8"></script>
<script id="wp-block-serialization-default-parser-js" src="https://quiz.now/wp-includes/js/dist/block-serialization-default-parser.min.js?ver=bff55bd3f1ce9df0c99c"></script>
<script id="wp-hooks-js" src="https://quiz.now/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
<script id="wp-deprecated-js" src="https://quiz.now/wp-includes/js/dist/deprecated.min.js?ver=990e85f234fee8f7d446"></script>
<script id="wp-dom-js" src="https://quiz.now/wp-includes/js/dist/dom.min.js?ver=66a6cf58e0c4cd128af0"></script>
<script id="react-dom-js" src="https://quiz.now/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.3.1.1"></script>
<script id="wp-escape-html-js" src="https://quiz.now/wp-includes/js/dist/escape-html.min.js?ver=3f093e5cca67aa0f8b56"></script>
<script id="wp-element-js" src="https://quiz.now/wp-includes/js/dist/element.min.js?ver=15ba804677f72a8db97b"></script>
<script id="wp-is-shallow-equal-js" src="https://quiz.now/wp-includes/js/dist/is-shallow-equal.min.js?ver=5d84b9f3cb50d2ce7d04"></script>
<script id="wp-i18n-js" src="https://quiz.now/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="wp-keycodes-js" src="https://quiz.now/wp-includes/js/dist/keycodes.min.js?ver=aa1a141e3468afe7f852"></script>
<script id="wp-priority-queue-js" src="https://quiz.now/wp-includes/js/dist/priority-queue.min.js?ver=1f0e89e247bc0bd3f9b9"></script>
<script id="wp-undo-manager-js" src="https://quiz.now/wp-includes/js/dist/undo-manager.min.js?ver=27bb0ae036a2c9d4a1b5"></script>
<script id="wp-compose-js" src="https://quiz.now/wp-includes/js/dist/compose.min.js?ver=edb5a8c0b5bf71686403"></script>
<script id="wp-private-apis-js" src="https://quiz.now/wp-includes/js/dist/private-apis.min.js?ver=835912f0086b9e59aed4"></script>
<script id="wp-redux-routine-js" src="https://quiz.now/wp-includes/js/dist/redux-routine.min.js?ver=64f9f5001aabc046c605"></script>
<script id="wp-data-js" src="https://quiz.now/wp-includes/js/dist/data.min.js?ver=1756b6a2676c1b3369ab"></script>
<script id="wp-data-js-after">
( function() {
	var userId = 0;
	var storageKey = "WP_DATA_USER_" + userId;
	wp.data
		.use( wp.data.plugins.persistence, { storageKey: storageKey } );
} )();
//# sourceURL=wp-data-js-after
</script>
<script id="wp-html-entities-js" src="https://quiz.now/wp-includes/js/dist/html-entities.min.js?ver=8c6fa5b869dfeadc4af2"></script>
<script id="wp-dom-ready-js" src="https://quiz.now/wp-includes/js/dist/dom-ready.min.js?ver=a06281ae5cf5500e9317"></script>
<script id="wp-a11y-js" src="https://quiz.now/wp-includes/js/dist/a11y.min.js?ver=af934e5259bc51b8718e"></script>
<script id="wp-rich-text-js" src="https://quiz.now/wp-includes/js/dist/rich-text.min.js?ver=16449e6108f48327f368"></script>
<script id="wp-shortcode-js" src="https://quiz.now/wp-includes/js/dist/shortcode.min.js?ver=11742fe18cc215d3d5ab"></script>
<script id="wp-warning-js" src="https://quiz.now/wp-includes/js/dist/warning.min.js?ver=36fdbdc984d93aee8a97"></script>
<script id="wp-blocks-js" src="https://quiz.now/wp-includes/js/dist/blocks.min.js?ver=ef38e42500165bfda301"></script>
<script id="wp-url-js" src="https://quiz.now/wp-includes/js/dist/url.min.js?ver=bb0f766c3d2efe497871"></script>
<script id="wp-api-fetch-js" src="https://quiz.now/wp-includes/js/dist/api-fetch.min.js?ver=d7efe4dc1468d36c39b8"></script>
<script id="wp-api-fetch-js-after">
wp.apiFetch.use( wp.apiFetch.createRootURLMiddleware( "https://quiz.now/wp-json/" ) );
wp.apiFetch.nonceMiddleware = wp.apiFetch.createNonceMiddleware( "53b592d8ea" );
wp.apiFetch.use( wp.apiFetch.nonceMiddleware );
wp.apiFetch.use( wp.apiFetch.mediaUploadMiddleware );
wp.apiFetch.nonceEndpoint = "https://quiz.now/wp-admin/admin-ajax.php?action=rest-nonce";
//# sourceURL=wp-api-fetch-js-after
</script>
<script id="moment-js" src="https://quiz.now/wp-includes/js/dist/vendor/moment.min.js?ver=2.30.1"></script>
<script id="moment-js-after">
moment.updateLocale( 'en_US', {"months":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthsShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdaysShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"week":{"dow":1},"longDateFormat":{"LT":"H:i","LTS":null,"L":null,"LL":"j F Y","LLL":"F j, Y g:i a","LLLL":null}} );
//# sourceURL=moment-js-after
</script>
<script id="wp-date-js" src="https://quiz.now/wp-includes/js/dist/date.min.js?ver=c9f8e7dd3232716f34e9"></script>
<script id="wp-date-js-after">
wp.date.setSettings( {"l10n":{"locale":"en_US","months":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthsShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdaysShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"meridiem":{"am":"am","pm":"pm","AM":"AM","PM":"PM"},"relative":{"future":"%s from now","past":"%s ago","s":"a second","ss":"%d seconds","m":"a minute","mm":"%d minutes","h":"an hour","hh":"%d hours","d":"a day","dd":"%d days","M":"a month","MM":"%d months","y":"a year","yy":"%d years"},"startOfWeek":1},"formats":{"time":"H:i","date":"j F Y","datetime":"F j, Y g:i a","datetimeAbbreviated":"M j, Y g:i a"},"timezone":{"offset":1,"offsetFormatted":"1","string":"Europe/London","abbr":"BST"}} );
//# sourceURL=wp-date-js-after
</script>
<script id="wp-primitives-js" src="https://quiz.now/wp-includes/js/dist/primitives.min.js?ver=a5c905ec27bcd76ef287"></script>
<script id="wp-components-js" src="https://quiz.now/wp-includes/js/dist/components.min.js?ver=5dedfe13f08880193a28"></script>
<script id="wp-keyboard-shortcuts-js" src="https://quiz.now/wp-includes/js/dist/keyboard-shortcuts.min.js?ver=2ed78d3b4c23f38804e0"></script>
<script id="wp-commands-js" src="https://quiz.now/wp-includes/js/dist/commands.min.js?ver=e3d8bba53f4ffea4fcd2"></script>
<script id="wp-notices-js" src="https://quiz.now/wp-includes/js/dist/notices.min.js?ver=218d0173a31ae7269246"></script>
<script id="wp-preferences-persistence-js" src="https://quiz.now/wp-includes/js/dist/preferences-persistence.min.js?ver=e8033be98338d1861bca"></script>
<script id="wp-preferences-js" src="https://quiz.now/wp-includes/js/dist/preferences.min.js?ver=035813168e404aa30193"></script>
<script id="wp-preferences-js-after">
( function() {
				var serverData = false;
				var userId = "0";
				var persistenceLayer = wp.preferencesPersistence.__unstableCreatePersistenceLayer( serverData, userId );
				var preferencesStore = wp.preferences.store;
				wp.data.dispatch( preferencesStore ).setPersistenceLayer( persistenceLayer );
			} ) ();
//# sourceURL=wp-preferences-js-after
</script>
<script id="wp-style-engine-js" src="https://quiz.now/wp-includes/js/dist/style-engine.min.js?ver=faa37ce61b7ec8394b2a"></script>
<script id="wp-theme-js" src="https://quiz.now/wp-includes/js/dist/theme.min.js?ver=e22ce547a4420507b323"></script>
<script id="wp-token-list-js" src="https://quiz.now/wp-includes/js/dist/token-list.min.js?ver=16f0aebdd39d87c2a84b"></script>
<script id="wp-upload-media-js" src="https://quiz.now/wp-includes/js/dist/upload-media.min.js?ver=d359c2cccf866d7082d2"></script>
<script id="wp-block-editor-js" src="https://quiz.now/wp-includes/js/dist/block-editor.min.js?ver=93c3566b7f24c15b7e17"></script>
<script id="wp-core-data-js" src="https://quiz.now/wp-includes/js/dist/core-data.min.js?ver=89931f90e4df5eb5f8a3"></script>
<script id="wp-media-utils-js" src="https://quiz.now/wp-includes/js/dist/media-utils.min.js?ver=85f1375ab5f23cd5d13c"></script>
<script id="wp-patterns-js" src="https://quiz.now/wp-includes/js/dist/patterns.min.js?ver=714c49ed2942c98d088f"></script>
<script id="wp-plugins-js" src="https://quiz.now/wp-includes/js/dist/plugins.min.js?ver=72e3cf01c2b3535a9432"></script>
<script id="wp-server-side-render-js" src="https://quiz.now/wp-includes/js/dist/server-side-render.min.js?ver=10a51bf05ced35b78092"></script>
<script id="wp-viewport-js" src="https://quiz.now/wp-includes/js/dist/viewport.min.js?ver=8614025b8075d220d78f"></script>
<script id="wp-wordcount-js" src="https://quiz.now/wp-includes/js/dist/wordcount.min.js?ver=3b928d5db8724a8614dd"></script>
<script id="wp-editor-js" src="https://quiz.now/wp-includes/js/dist/editor.min.js?ver=37faadbdf6c40cb0c71c"></script>
<script id="wp-editor-js-after">
Object.assign( window.wp.editor, window.wp.oldEditor );
//# sourceURL=wp-editor-js-after
</script>
<script id="wp-related-custom-block-js-js" src="https://quiz.now/wp-content/plugins/wp-related-custom-block/build/index.js?ver=1724314470"></script>
<script id="jquery-core-js" src="https://quiz.now/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://quiz.now/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<script id="custom-script-js-after">
(function (s, t, a, y, twenty, two) {
    s.Stay22 = s.Stay22 || {};
    s.Stay22.params = { lmaID: '686688b91419ac5c5acc4c16' };
    twenty = t.createElement(a);
    two = t.getElementsByTagName(a)[0];
    twenty.async = 1;
    twenty.src = y;
    two.parentNode.insertBefore(twenty, two);
  })(window, document, 'script', 'https://scripts.stay22.com/letmeallez.js');
//# sourceURL=custom-script-js-after
</script>
<link rel="https://api.w.org/" href="https://quiz.now/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://quiz.now/wp-json/wp/v2/posts/51731" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://quiz.now/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.0" />
<link rel='shortlink' href='https://quiz.now/?p=51731' />
<script>document.documentElement.className += " js";</script>
<script id="wp-importmap" type="importmap">
{"imports":{"@wordpress/route":"https://quiz.now/wp-includes/js/dist/script-modules/route/index.min.js?ver=c5843b6c5e84b352f43b","@wordpress/interactivity":"https://quiz.now/wp-includes/js/dist/script-modules/interactivity/index.min.js?ver=efaa5193bbad9c60ffd1"}}
</script>
<link rel="modulepreload" href="https://quiz.now/wp-includes/js/dist/script-modules/interactivity/index.min.js?ver=efaa5193bbad9c60ffd1" id="@wordpress/interactivity-js-modulepreload" fetchpriority="low">
<style class="wp-fonts-local">
@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:fallback;src:url('https://quiz.now/wp-content/themes/twentytwentyfour/assets/fonts/inter/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('https://quiz.now/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_normal_400.woff2') format('woff2');}
@font-face{font-family:Cardo;font-style:italic;font-weight:400;font-display:fallback;src:url('https://quiz.now/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_italic_400.woff2') format('woff2');}
@font-face{font-family:Cardo;font-style:normal;font-weight:700;font-display:fallback;src:url('https://quiz.now/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_normal_700.woff2') format('woff2');}
</style>
</head>

<body class="wp-singular post-template-default single single-post postid-51731 single-format-standard wp-embed-responsive wp-theme-twentytwentyfour">

<a class="skip-link screen-reader-text" id="wp-skip-link" href="#wp--skip-link--target">Skip to content</a><div class="wp-site-blocks"><header class="wp-block-template-part">
<div class="wp-block-group alignwide has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-cda10905 wp-block-group-is-layout-constrained" style="margin-top:0;margin-bottom:0;padding-top:12px;padding-bottom:12px">
<div class="wp-block-group alignwide header-second-container is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-1d0a7695 wp-block-group-is-layout-flex"><div class="wp-block-heading logo"><a href="/">Quiz.now</a></div>





<div class="wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-ffc66c2e wp-block-group-is-layout-flex">
<div class="wp-block-group is-layout-flow wp-container-core-group-is-layout-f4752a5b wp-block-group-is-layout-flow cc-hide-on-desktop">
<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-3a88641f wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full mobile-search-button"><img decoding="async" src="/wp-content/themes/twentytwentyfour/assets/images/Search-icon-quiz.png" alt="" class="wp-image-194"/></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex">
<div class="wp-block-column wp-block-navigation_container is-layout-flow wp-block-column-is-layout-flow"><nav class="is-responsive items-justified-left no-wrap wp-block-navigation is-horizontal is-content-justification-left is-nowrap is-layout-flex wp-container-core-navigation-is-layout-d8073f38 wp-block-navigation-is-layout-flex" aria-label="Navigation" 
		 data-wp-interactive="core/navigation" data-wp-context='{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}'><button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open" 
				data-wp-on--click="actions.openMenuOnClick"
				data-wp-on--keydown="actions.handleMenuKeydown"
			><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 7.5h16v1.5H4z"></path><path d="M4 15h16v1.5H4z"></path></svg></button>
				<div class="wp-block-navigation__responsive-container"  id="modal-1" 
				data-wp-class--has-modal-open="state.isMenuOpen"
				data-wp-class--is-menu-open="state.isMenuOpen"
				data-wp-watch="callbacks.initMenu"
				data-wp-on--keydown="actions.handleMenuKeydown"
				data-wp-on--focusout="actions.handleMenuFocusout"
				tabindex="-1"
			>
					<div class="wp-block-navigation__responsive-close" tabindex="-1">
						<div class="wp-block-navigation__responsive-dialog" 
				data-wp-bind--aria-modal="state.ariaModal"
				data-wp-bind--aria-label="state.ariaLabel"
				data-wp-bind--role="state.roleAttribute"
			>
							<button aria-label="Close menu" class="wp-block-navigation__responsive-container-close" 
				data-wp-on--click="actions.closeMenuOnClick"
			><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"></path></svg></button>
							<div class="wp-block-navigation__responsive-container-content" 
				data-wp-watch="callbacks.focusFirstElement"
			 id="modal-1-content">
								<ul class="wp-block-navigation__container is-responsive items-justified-left no-wrap wp-block-navigation"><li data-wp-context="{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }" data-wp-interactive="core/navigation" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on--pointerenter="actions.openMenuOnHover" data-wp-on--pointerleave="actions.closeMenuOnHover" data-wp-watch="callbacks.initMenu" tabindex="-1" class="wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="/category/"><span class="wp-block-navigation-item__label">Quizzes</span></a><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on--click="actions.toggleMenuOnClick" aria-label="Quizzes submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" ><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul data-wp-on--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li data-wp-context="{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }" data-wp-interactive="core/navigation" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on--pointerenter="actions.openMenuOnHover" data-wp-on--pointerleave="actions.closeMenuOnHover" data-wp-watch="callbacks.initMenu" tabindex="-1" class="wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="/category/academic/"><span class="wp-block-navigation-item__label">Academic<span class="hide"> Quizzes</span></span></a><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on--click="actions.toggleMenuOnClick" aria-label="Academic Quizzes submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" ><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul data-wp-on--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/academic/biology/"><span class="wp-block-navigation-item__label">Biology<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/academic/chemistry/"><span class="wp-block-navigation-item__label">Chemistry<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/academic/math/"><span class="wp-block-navigation-item__label">Math<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/academic/physics/"><span class="wp-block-navigation-item__label">Physics<span class="hide"> Quizzes</span></span></a></li></ul></li><li data-wp-context="{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }" data-wp-interactive="core/navigation" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on--pointerenter="actions.openMenuOnHover" data-wp-on--pointerleave="actions.closeMenuOnHover" data-wp-watch="callbacks.initMenu" tabindex="-1" class="wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="/category/automotive/"><span class="wp-block-navigation-item__label">Automotive<span class="hide"> Quizzes</span></span></a><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on--click="actions.toggleMenuOnClick" aria-label="Automotive Quizzes submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" ><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul data-wp-on--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/automotive/cars-vehicles/"><span class="wp-block-navigation-item__label">Cars &amp; Vehicles<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/automotive/motorcycles/"><span class="wp-block-navigation-item__label">Motorcycles<span class="hide"> Quizzes</span></span></a></li></ul></li><li data-wp-context="{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }" data-wp-interactive="core/navigation" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on--pointerenter="actions.openMenuOnHover" data-wp-on--pointerleave="actions.closeMenuOnHover" data-wp-watch="callbacks.initMenu" tabindex="-1" class="wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="/category/education/"><span class="wp-block-navigation-item__label">Education<span class="hide"> Quizzes</span></span></a><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on--click="actions.toggleMenuOnClick" aria-label="Education Quizzes submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" ><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul data-wp-on--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/education/geography/"><span class="wp-block-navigation-item__label">Geography<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/education/history/"><span class="wp-block-navigation-item__label">History<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/education/language-grammar/"><span class="wp-block-navigation-item__label">Language &amp; Grammar<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/education/mythology/"><span class="wp-block-navigation-item__label">Mythology<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/education/philosophy/"><span class="wp-block-navigation-item__label">Philosophy<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/education/politics/"><span class="wp-block-navigation-item__label">Politics<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/education/religion/"><span class="wp-block-navigation-item__label">Religion<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/education/science/"><span class="wp-block-navigation-item__label">Science<span class="hide"> Quizzes</span></span></a></li></ul></li><li data-wp-context="{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }" data-wp-interactive="core/navigation" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on--pointerenter="actions.openMenuOnHover" data-wp-on--pointerleave="actions.closeMenuOnHover" data-wp-watch="callbacks.initMenu" tabindex="-1" class="wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="/category/entertainment/"><span class="wp-block-navigation-item__label">Entertainment<span class="hide"> Quizzes</span></span></a><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on--click="actions.toggleMenuOnClick" aria-label="Entertainment Quizzes submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" ><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul data-wp-on--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/entertaiment/art/"><span class="wp-block-navigation-item__label">Art<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/entertaiment/books-literature/"><span class="wp-block-navigation-item__label">Books &amp; Literature<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/entertaiment/movies-tv/"><span class="wp-block-navigation-item__label">Movies &amp; TV<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/entertaiment/music/"><span class="wp-block-navigation-item__label">Music<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/entertaiment/pop-culture/"><span class="wp-block-navigation-item__label">Pop Culture<span class="hide"> Quizzes</span></span></a></li></ul></li><li data-wp-context="{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }" data-wp-interactive="core/navigation" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on--pointerenter="actions.openMenuOnHover" data-wp-on--pointerleave="actions.closeMenuOnHover" data-wp-watch="callbacks.initMenu" tabindex="-1" class="wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="/category/lifestyle/"><span class="wp-block-navigation-item__label">Lifestyle<span class="hide"> Quizzes</span></span></a><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on--click="actions.toggleMenuOnClick" aria-label="Lifestyle Quizzes submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" ><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul data-wp-on--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/lifestyle/fashion-beauty/"><span class="wp-block-navigation-item__label">Fashion &amp; Beauty<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/lifestyle/food-drink/"><span class="wp-block-navigation-item__label">Food &amp; Drink<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/lifestyle/health-wellness/"><span class="wp-block-navigation-item__label">Health &amp; Wellness<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/lifestyle/personality/"><span class="wp-block-navigation-item__label">Personality<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/lifestyle/relationships/"><span class="wp-block-navigation-item__label">Relationships<span class="hide"> Quizzes</span></span></a></li></ul></li><li data-wp-context="{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }" data-wp-interactive="core/navigation" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on--pointerenter="actions.openMenuOnHover" data-wp-on--pointerleave="actions.closeMenuOnHover" data-wp-watch="callbacks.initMenu" tabindex="-1" class="wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="/category/pop-quizzes/"><span class="wp-block-navigation-item__label">Pop Quizzes<span class="hide"> Quizzes</span></span></a><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on--click="actions.toggleMenuOnClick" aria-label="Pop Quizzes Quizzes submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" ><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul data-wp-on--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/pop-quizzes/random/"><span class="wp-block-navigation-item__label">Random<span class="hide"> Quizzes</span></span></a></li></ul></li><li data-wp-context="{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }" data-wp-interactive="core/navigation" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on--pointerenter="actions.openMenuOnHover" data-wp-on--pointerleave="actions.closeMenuOnHover" data-wp-watch="callbacks.initMenu" tabindex="-1" class="wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="/category/professional/"><span class="wp-block-navigation-item__label">Professional<span class="hide"> Quizzes</span></span></a><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on--click="actions.toggleMenuOnClick" aria-label="Professional Quizzes submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" ><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul data-wp-on--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/professional/business/"><span class="wp-block-navigation-item__label">Business<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/professional/career/"><span class="wp-block-navigation-item__label">Career<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/professional/technology/"><span class="wp-block-navigation-item__label">Technology<span class="hide"> Quizzes</span></span></a></li></ul></li><li data-wp-context="{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }" data-wp-interactive="core/navigation" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on--pointerenter="actions.openMenuOnHover" data-wp-on--pointerleave="actions.closeMenuOnHover" data-wp-watch="callbacks.initMenu" tabindex="-1" class="wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="/category/sports-gaming/"><span class="wp-block-navigation-item__label">Sports &amp; Gaming<span class="hide"> Quizzes</span></span></a><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on--click="actions.toggleMenuOnClick" aria-label="Sports &amp; Gaming Quizzes submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" ><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul data-wp-on--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/sports-gaming/sports/"><span class="wp-block-navigation-item__label">Sports<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/sports-gaming/trivia/"><span class="wp-block-navigation-item__label">Trivia<span class="hide"> Quizzes</span></span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/sports-gaming/video-games/"><span class="wp-block-navigation-item__label">Video Games<span class="hide"> Quizzes</span></span></a></li></ul></li></ul></li></ul>
								
							</div>
						</div>
					</div>
				</div></nav></div>
</div>
</div>



<div class="wp-block-group is-content-justification-left is-layout-flex wp-container-core-group-is-layout-3bd2330e wp-block-group-is-layout-flex"><form role="search" method="get" action="https://quiz.now/" class="wp-block-search__button-inside wp-block-search__icon-button search-header wp-block-search wp-container-content-3b4e4270 cc-hide-on-mobile cc-hide-on-tablet"    ><label class="wp-block-search__label screen-reader-text" for="wp-block-search__input-2" >Search</label><div class="wp-block-search__inside-wrapper"  style="border-width: 1px;border-radius: calc(6px + 4px)"><input class="wp-block-search__input" id="wp-block-search__input-2" placeholder="Search quiz" value="" type="search" name="s" required  style="border-radius: 6px"/><button aria-label="Search" class="wp-block-search__button has-icon wp-element-button" type="submit"  style="border-radius: 6px"><svg class="search-icon" viewBox="0 0 24 24" width="24" height="24">
					<path d="M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z"></path>
				</svg></button></div></form></div>


<div id="search-overlay" class="overlay">
<div class="overlay-content">
<form id="search-form" role="search" method="get" action="https://quiz.now/">
                <input type="search" name="s" placeholder="Search..." value="" required><br />
                <button type="submit"><img decoding="async" src="/wp-content/uploads/2024/08/Search-icon-quiz.svg" alt="Search"><br />
                </button><br />
            </form>
</div>
</div>
</div>
</div>
</header>


<main id="wp--skip-link--target" class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:0vh;margin-bottom:0vh;padding-bottom:8vh;background-color: #F3F6FB;">
  
<div class="site-breadcrumbs">
<p id="breadcrumbs"><span><span><a href="https://quiz.now/">Home</a></span>  <span><a href="https://quiz.now/category/professional/">Professional<span class="hide"> Quizzes</span></a></span>  <span><a href="https://quiz.now/category/professional/technology/">Technology<span class="hide"> Quizzes</span></a></span>  <span class="breadcrumb_last" aria-current="page">Web Frontend Development Quiz</span></span></p>
</div>

    

<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-f804cd75 wp-block-columns-is-layout-flex" style="margin-top: 24px;padding-right:var(--wp--preset--spacing--40);    padding-left: 0px;
    max-width: inherit;">
        
        

<div class="wp-block-column block-left is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:70%; border-radius: 0px 0px 6px 6px; ">
            <div style="background-color: #FFFFFF;  border-radius: 6px; ">
            

<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained">
                
<div class="image-overlay-container">
<figure style="padding-bottom:2vh;" class="wp-block-post-featured-image"><img src="https://quiz.now/wp-content/uploads/2025/03/web-frontend-development-quiz-1741320310.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image wp-post-image" alt="web-frontend-development-quiz" style="object-fit:cover;" decoding="async" loading="lazy" /></figure>
<div class="featured-overlay-content">
<h1 class="post-title">Web Frontend Development Quiz</h1>
<div class="post-meta"><span class="author"><img alt='' src='https://secure.gravatar.com/avatar/e98d64f2925c8d9c9e281246880c38e1ee54335e77d2ed4efc14d1bdfd46a60a?s=30&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/e98d64f2925c8d9c9e281246880c38e1ee54335e77d2ed4efc14d1bdfd46a60a?s=60&#038;d=mm&#038;r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/> by  <strong> rogelio.gibson</strong></span><span class="date">Published: <strong>March 7, 2025</strong></span></p>
<div class="share-icons"><span>Share</span><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fquiz.now%2Fweb-frontend-development-quiz%2F" target="_blank" class="share-icon facebook" title="Share on Facebook"><img src="/wp-content/uploads/2024/08/FB-btn-f-1.png" alt="Facebook"></a><a href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fquiz.now%2Fweb-frontend-development-quiz%2F&#038;media=%2Fwp-content%2Fthemes%2Ftwentytwentyfour%2Fassets%2Fimages%2Fdefault-image.jpg&#038;description=Web+Frontend+Development+Quiz" target="_blank" class="share-icon pinterest" title="Pin on Pinterest"><img src="/wp-content/uploads/2024/08/Pin-btn-f.png" alt="Pinterest"></a><a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fquiz.now%2Fweb-frontend-development-quiz%2F&#038;text=Web+Frontend+Development+Quiz" target="_blank" class="share-icon twitter" title="Share on Twitter"><img src="/wp-content/uploads/2024/08/x-btn-f.png" alt="Twitter"></a><a href="https://api.whatsapp.com/send?text=Web+Frontend+Development+Quiz https%3A%2F%2Fquiz.now%2Fweb-frontend-development-quiz%2F" target="_blank" class="share-icon whatsapp" title="Share on WhatsApp"><img src="/wp-content/uploads/2024/08/was-btn-f-1.png" alt="WhatsApp"></a><a href="#" onclick="copyToClipboard('https://quiz.now/web-frontend-development-quiz/'); return false;" class="share-icon copy-link" title="Copy Link"><img src="/wp-content/uploads/2024/08/link-btn-f-1.png" alt="Copy Link"></a></div>
</div>
</div>
</div>
<p><script>
            function copyToClipboard(text) {
                var textarea = document.createElement("textarea");
                textarea.value = text;
                document.body.appendChild(textarea);
                textarea.select();
                document.execCommand("copy");
                document.body.removeChild(textarea);
                alert("Link copied to clipboard");
            }
        </script></p>

                
                
                
                

<div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div>

            

<div class="wp-block-post-content-is-layout-constrained">

    <div id="tmppt_6a29605e81602" class="tmp-post-tags">
        <div class="tag-list">
                            <a class="tag-item" href="https://quiz.now/tag/web-development-quiz/">
                    Web Development Quiz                </a>
            
                    </div>
    </div>

    <style>
    #tmppt_6a29605e81602.tmp-post-tags {
        font-family: system-ui, sans-serif;
        font-size: 15px;
        margin: 2em 0;
        line-height: 1.4;
    }

    #tmppt_6a29605e81602 .tag-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    #tmppt_6a29605e81602 .tag-item {
        display: inline-block;
        padding: 8px 12px;
        background-color: #f4f4f4;
        border-radius: 6px;
        text-decoration: none;
        color: #222;
        font-size: 14px;
        white-space: normal;
        word-break: break-word;
        transition: background-color 0.25s ease, box-shadow 0.25s ease;
    }

    #tmppt_6a29605e81602 .tag-item:hover {
        background-color: #e8f0fe;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    }

    #tmppt_6a29605e81602 .tag-hidden {
        display: none;
    }

    #tmppt_6a29605e81602.expanded .tag-hidden {
        display: contents;
    }

    #tmppt_6a29605e81602 .tag-toggle {
        display: inline-block;
        padding: 8px 12px;
        background-color: #dbe9f6;
        border-radius: 6px;
        cursor: pointer;
        color: #0073aa;
        font-size: 14px;
        user-select: none;
        transition: background-color 0.2s ease;
    }

    #tmppt_6a29605e81602 .tag-toggle:hover {
        background-color: #c4def2;
    }

    #tmppt_6a29605e81602.expanded .tag-toggle {
        display: none;
    }
    </style>
    

</div>


            </div>

            

<div class="wp-block-group p-relative">
                <div id="timerDisplay" class="wp-block-post-content-is-layout-constrained has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="display: none;"></div>
<div class="entry-content wp-block-post-content has-global-padding is-layout-constrained wp-block-post-content-is-layout-constrained"><div class="start-msg-introductory">Dive into the exciting world of web frontend development with this engaging quiz designed to challenge your understanding of HTML, CSS, JavaScript, and beyond. Whether you&#8217;re a seasoned developer or just starting out, this quiz will test your skills and expand your knowledge. Show off your expertise and see how you stack up against others in the field!</div><button class="quiz_start_button" onclick="quizStartButton(this)">Start Quiz</button><div class="quiz-start-reminder">We recommend that you do not leave the page that you are taking this quiz in. Stay honest 🙂</div><div class="quiz-formidable-container"><div class="frm_forms  with_frm_style frm_style_formidable-style" id="frm_form_9974_container" data-token="f7611da59db04b123c2c092911a26c00">
<form enctype="multipart/form-data" method="post" class="frm-show-form  frm_js_validate  frm_ajax_submit  frm_pro_form  frm_slideup " id="form_y4kwj" data-token="f7611da59db04b123c2c092911a26c00">
<div class="frm_form_fields  frm_page_num_1">
<fieldset>
<legend class="frm_screen_reader">Web Frontend Development Quiz</legend>

<div class="frm_fields_container">
<div class="frm_rootline_group" role="group" tabindex="0" aria-label="Page 1 of 15" ><ul class="frm_page_bar frm_rootline_15 frm_progress frm_progress_line  frm_show_lines "><li class="frm_rootline_single frm_current_page"><input type="button" value="1" data-page="" class=" frm_page_1" aria-disabled="true" data-field="0" aria-label="Page 1"  /></li><li class="frm_rootline_single"><input type="button" value="2" data-page="5" class="frm_page_skip frm_page_2" data-field="271688" aria-label="Next"  /></li><li class="frm_rootline_single"><input type="button" value="3" data-page="7" class="frm_page_skip frm_page_3" data-field="271690" aria-label="Next"  /></li><li class="frm_rootline_single"><input type="button" value="4" data-page="9" class="frm_page_skip frm_page_4" data-field="271692" aria-label="Next"  /></li><li class="frm_rootline_single"><input type="button" value="5" data-page="11" class="frm_page_skip frm_page_5" data-field="271694" aria-label="Next"  /></li><li class="frm_rootline_single"><input type="button" value="6" data-page="13" class="frm_page_skip frm_page_6" data-field="271696" aria-label="Next"  /></li><li class="frm_rootline_single"><input type="button" value="7" data-page="15" class="frm_page_skip frm_page_7" data-field="271698" aria-label="Next"  /></li><li class="frm_rootline_single"><input type="button" value="8" data-page="17" class="frm_page_skip frm_page_8" data-field="271700" aria-label="Next"  /></li><li class="frm_rootline_single"><input type="button" value="9" data-page="19" class="frm_page_skip frm_page_9" data-field="271702" aria-label="Next"  /></li><li class="frm_rootline_single"><input type="button" value="10" data-page="21" class="frm_page_skip frm_page_10" data-field="271704" aria-label="Next"  /></li><li class="frm_rootline_single"><input type="button" value="11" data-page="23" class="frm_page_skip frm_page_11" data-field="271706" aria-label="Next"  /></li><li class="frm_rootline_single"><input type="button" value="12" data-page="25" class="frm_page_skip frm_page_12" data-field="271708" aria-label="Next"  /></li><li class="frm_rootline_single"><input type="button" value="13" data-page="27" class="frm_page_skip frm_page_13" data-field="271710" aria-label="Next"  /></li><li class="frm_rootline_single"><input type="button" value="14" data-page="29" class="frm_page_skip frm_page_14" data-field="271712" aria-label="Next"  /></li><li class="frm_rootline_single"><input type="button" value="15" data-page="31" class="frm_page_skip frm_page_15" data-field="271714" aria-label="Next"  /></li></ul><div class="frm_percent_complete">0% Complete</div><div class="frm_pages_complete">1 of 15</div><div class="frm_clearfix"></div></div><input type="hidden" name="frm_action" value="create" />
<input type="hidden" name="form_id" value="9974" />
<input type="hidden" name="frm_hide_fields_9974" id="frm_hide_fields_9974" value="" />
<input type="hidden" name="form_key" value="y4kwj" />
<input type="hidden" name="item_meta[0]" value="" />
<input type="hidden" id="frm_submit_entry_9974" name="frm_submit_entry_9974" value="0b3666aab7" /><input type="hidden" name="_wp_http_referer" value="/web-frontend-development-quiz/" /><input type="hidden" name="item_meta[271685]" id="field_7yszi" value=""  data-invmsg="Score is invalid"   />
<div id="frm_field_271687_container" class="frm_form_field form-field  frm_required_field frm_top_container vertical_radio">
	<div  id="field_sq5rs_label" class="frm_primary_label">1. What does HTML stand for?
		<span class="frm_required" aria-hidden="true">*</span>
	</div>
	<div class="frm_opt_container" aria-labelledby="field_sq5rs_label" role="radiogroup" aria-required="true">		<div class="frm_radio" id="frm_radio_271687-0">			<label  for="field_sq5rs-0">
					<input type="radio" name="item_meta[271687]" id="field_sq5rs-0" value="Hyperlinking Text Mark Language"
		   data-reqmsg="1. What does HTML stand for? cannot be blank." data-invmsg="1. What does HTML stand for? is invalid" aria-invalid="false"  /> Hyperlinking Text Mark Language</label></div>
		<div class="frm_radio" id="frm_radio_271687-1">			<label  for="field_sq5rs-1">
					<input type="radio" name="item_meta[271687]" id="field_sq5rs-1" value="Home Tool Markup Language"
		   data-reqmsg="1. What does HTML stand for? cannot be blank." data-invmsg="1. What does HTML stand for? is invalid" aria-invalid="false"  /> Home Tool Markup Language</label></div>
		<div class="frm_radio" id="frm_radio_271687-2">			<label  for="field_sq5rs-2">
					<input type="radio" name="item_meta[271687]" id="field_sq5rs-2" value="Hyperlinks and Text Markup Language"
		   data-reqmsg="1. What does HTML stand for? cannot be blank." data-invmsg="1. What does HTML stand for? is invalid" aria-invalid="false"  /> Hyperlinks and Text Markup Language</label></div>
		<div class="frm_radio" id="frm_radio_271687-3">			<label  for="field_sq5rs-3">
					<input type="radio" name="item_meta[271687]" id="field_sq5rs-3" value="HyperText Markup Language"
		   data-reqmsg="1. What does HTML stand for? cannot be blank." data-invmsg="1. What does HTML stand for? is invalid" aria-invalid="false"  /> HyperText Markup Language</label></div>
</div>
	<div class="frm_description" id="frm_desc_field_sq5rs">A fundamental question about web development.</div>
	
</div>
<input type="hidden" name="frm_page_order_9974" id="frm_page_order_9974" value="5" /><input type="hidden" name="item_meta[271689]" id="field_p3ow0-0" value=""     />
<input type="hidden" name="item_meta[271690]" id="field_znred" value=""     />
<input type="hidden" name="item_meta[271691]" id="field_5dq9r-0" value=""     />
<input type="hidden" name="item_meta[271692]" id="field_4mcvm" value=""     />
<input type="hidden" name="item_meta[271693]" id="field_cjr3v-0" value=""     />
<input type="hidden" name="item_meta[271694]" id="field_yu8yy" value=""     />
<input type="hidden" name="item_meta[271695]" id="field_409er-0" value=""     />
<input type="hidden" name="item_meta[271696]" id="field_x7xmr2" value=""     />
<input type="hidden" name="item_meta[271697]" id="field_x2te7-0" value=""     />
<input type="hidden" name="item_meta[271698]" id="field_2vql1" value=""     />
<input type="hidden" name="item_meta[271699]" id="field_9cwve-0" value=""     />
<input type="hidden" name="item_meta[271700]" id="field_tlcym" value=""     />
<input type="hidden" name="item_meta[271701]" id="field_dq4eq-0" value=""     />
<input type="hidden" name="item_meta[271702]" id="field_ay3dg" value=""     />
<input type="hidden" name="item_meta[271703]" id="field_cfaed-0" value=""     />
<input type="hidden" name="item_meta[271704]" id="field_qqbpg" value=""     />
<input type="hidden" name="item_meta[271705]" id="field_zg6p0-0" value=""     />
<input type="hidden" name="item_meta[271706]" id="field_h388u" value=""     />
<input type="hidden" name="item_meta[271707]" id="field_oezh5-0" value=""     />
<input type="hidden" name="item_meta[271708]" id="field_unu62" value=""     />
<input type="hidden" name="item_meta[271709]" id="field_z5nil-0" value=""     />
<input type="hidden" name="item_meta[271710]" id="field_lwjf8" value=""     />
<input type="hidden" name="item_meta[271711]" id="field_vejmi-0" value=""     />
<input type="hidden" name="item_meta[271712]" id="field_t4oot" value=""     />
<input type="hidden" name="item_meta[271713]" id="field_t927x-0" value=""     />
<input type="hidden" name="item_meta[271714]" id="field_epawc" value=""     />
<input type="hidden" name="item_meta[271715]" id="field_qdalx-0" value=""     />
<input type="hidden" name="item_meta[271686]" id="field_jyuum" value=""     />
	<input type="hidden" name="item_key" value="" />
				<div class="frm__66e1395002225">
				<label for="frm_email_9974" >
					If you are human, leave this field blank.				</label>
				<input  id="frm_email_9974" type="text" class="frm_verify" name="frm__66e1395002225" value="" autocomplete="off"  />
			</div>
		<input name="frm_state" type="hidden" value="rDnlZ2Z1JPG6K15ycwRZagX7T73WrnHTS2qAHHztNaQiEZzfjgdz+6RNxfkj7JWT" /><div class="frm_submit frm_flex">
<button class="frm_button_submit" type="submit"  >Next</button>



</div></div>
</fieldset>
</div>
</form>
</div>
</div><div class="question-overview"><h2>Web Frontend Development Quiz Questions Overview</h2><div class="question-container"><h3 class="question-subject">1. What does HTML stand for?</h3><div class="question-answer">HyperText Markup Language</div><div class="question-answer">Hyperlinks and <a href="https://quiz.now/text-quiz/" class="til_keyword_link">Text</a> Markup Language</div><div class="question-answer">Home Tool Markup Language</div><div class="question-answer">Hyperlinking Text Mark Language</div></div><div class="question-container"><h3 class="question-subject">2. Which CSS property is used to change the text <a href="https://quiz.now/color-quiz/" class="til_keyword_link">color</a> of an element?</h3><div class="question-answer">font-color</div><div class="question-answer">text-color</div><div class="question-answer">color</div><div class="question-answer">background-color</div></div><div class="question-container"><h3 class="question-subject">3. What is the purpose of the &lt;head&gt; section in an HTML document?</h3><div class="question-answer">To contain the main content of the page</div><div class="question-answer">To contain metadata and links to scripts and stylesheets</div><div class="question-answer">To display the title of the document</div><div class="question-answer">To create a header for the page</div></div><div class="question-container"><h3 class="question-subject">4. Which HTML element is used to define a hyperlink?</h3><div class="question-answer">&lt;a&gt;</div><div class="question-answer">&lt;link&gt;</div><div class="question-answer">&lt;href&gt;</div><div class="question-answer">&lt;nav&gt;</div></div><div class="question-container"><h3 class="question-subject">5. In JavaScript, which symbol is used to denote comments?</h3><div class="question-answer">//</div><div class="question-answer">/*</div><div class="question-answer">&lt;!&#8211;</div><div class="question-answer">#</div></div><div class="question-container"><h3 class="question-subject">6. Which CSS property controls the size of an element&#8217;s font?</h3><div class="question-answer">font-weight</div><div class="question-answer">font-size</div><div class="question-answer">text-size</div><div class="question-answer">font-style</div></div><div class="question-container"><h3 class="question-subject">7. What is the default display value of the &lt;div&gt; element?</h3><div class="question-answer">inline</div><div class="question-answer">block</div><div class="question-answer">inline-block</div><div class="question-answer">none</div></div><div class="question-container"><h3 class="question-subject">8. Which of the following is a JavaScript framework?</h3><div class="question-answer"><a href="https://quiz.now/react-quiz/" class="til_keyword_link">React</a></div><div class="question-answer">Laravel</div><div class="question-answer">Django</div><div class="question-answer">Flask</div></div><div class="question-container"><h3 class="question-subject">9. Which HTML attribute is used to define inline styles?</h3><div class="question-answer">style</div><div class="question-answer">class</div><div class="question-answer">id</div><div class="question-answer">font</div></div><div class="question-container"><h3 class="question-subject">10. What does CSS stand for?</h3><div class="question-answer">Cascading Style Sheets</div><div class="question-answer">Computer Style Sheets</div><div class="question-answer">Creative Style Sheets</div><div class="question-answer">Colorful Style Sheets</div></div><div class="question-container"><h3 class="question-subject">11. Which HTML element is used to specify a footer for a document or section?</h3><div class="question-answer">&lt;footer&gt;</div><div class="question-answer">&lt;bottom&gt;</div><div class="question-answer">&lt;section&gt;</div><div class="question-answer">&lt;foot&gt;</div></div><div class="question-container"><h3 class="question-subject">12. In CSS, how do you select an element with the id &#8216;header&#8217;?</h3><div class="question-answer">#header</div><div class="question-answer">.header</div><div class="question-answer">header</div><div class="question-answer">*header</div></div><div class="question-container"><h3 class="question-subject">13. Which of the following is a correct way to create a function in JavaScript?</h3><div class="question-answer">function myFunction() {}</div><div class="question-answer">def myFunction() {}</div><div class="question-answer">function:myFunction() {}</div><div class="question-answer">create function myFunction() {}</div></div><div class="question-container"><h3 class="question-subject">14. Which HTML element is used to define an unordered list?</h3><div class="question-answer">&lt;ul&gt;</div><div class="question-answer">&lt;ol&gt;</div><div class="question-answer">&lt;li&gt;</div><div class="question-answer">&lt;list&gt;</div></div><div class="question-container"><h3 class="question-subject">15. In CSS, what does the &#8216;float&#8217; property do?</h3><div class="question-answer">It moves an element to the left or right, allowing text to wrap around it</div><div class="question-answer">It changes the transparency of an element</div><div class="question-answer">It changes the position of an element</div><div class="question-answer">It sets the width of an element</div></div></div><button class="quiz_start_button" onclick="quizStartButton(this)">Start Quiz</button><div class="quiz-start-reminder">We recommend that you do not leave the page that you are taking this quiz in. Stay honest 🙂</div></div>
                
<div class="taxonomy-post_tag wp-block-post-terms"><a href="https://quiz.now/tag/web-development-quiz/" rel="tag">web development quiz</a></div>
            
            </div>

            
<div class="suggest_next_quiz">
<div class="content">We have chosen the next challenge for you. Take the next test:
</div>
<ul>
<li><a href="https://quiz.now/beer-logo-quiz/"><button>Beer Logo Quiz</button></a></li>
</ul>
</div>
<div class="quiz-share">
<h3>Can Your Friends Do Better Than You in This Quiz? </h3>
<div class="description">Share this quiz with your friends and compare results.</div>
<div class="share-icons"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fquiz.now%2Fweb-frontend-development-quiz%2F" target="_blank" class="share-icon facebook" title="Share on Facebook"><img src="/wp-content/uploads/2024/09/FB-btn-f-b.png" alt="Facebook"></a><a href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fquiz.now%2Fweb-frontend-development-quiz%2F&#038;media=https%3A%2F%2Fquiz.now%2Fwp-content%2Fuploads%2F2025%2F03%2Fweb-frontend-development-quiz-1741320310.jpg&#038;description=Web+Frontend+Development+Quiz" target="_blank" class="share-icon pinterest" title="Pin on Pinterest"><img src="/wp-content/uploads/2024/09/Pin-btn-f-b.png" alt="Pinterest"></a><a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fquiz.now%2Fweb-frontend-development-quiz%2F&#038;text=Web+Frontend+Development+Quiz" target="_blank" class="share-icon twitter" title="Share on Twitter"><img src="/wp-content/uploads/2024/09/x-btn-f-b.png" alt="Twitter"></a><a href="https://api.whatsapp.com/send?text=Web+Frontend+Development+Quiz https%3A%2F%2Fquiz.now%2Fweb-frontend-development-quiz%2F" target="_blank" class="share-icon whatsapp" title="Share on WhatsApp"><img src="/wp-content/uploads/2024/09/was-btn-f-b.png" alt="WhatsApp"></a><a href="#" onclick="copyToClipboard('https://quiz.now/web-frontend-development-quiz/'); return false;" class="share-icon copy-link" title="Copy Link"><img src="/wp-content/uploads/2024/09/link-btn-f-b.png" alt="Copy Link"></a></div>
</div>
<p>                <script>
        document.addEventListener('DOMContentLoaded', function () {
            document.querySelectorAll(".single #feedback-form span.feedback-flag").forEach(function (flagIcon) {
                flagIcon.addEventListener('click', function () {
                    var currentURL = window.location.href;
                    var encodedURL = encodeURIComponent(currentURL);
                    document.cookie = "post_url=" + encodedURL + "; path=/";
                    var feedbackPageURL = "/feedback/";
                    window.location.href = feedbackPageURL;
                });
            });
            document.querySelectorAll(".single #feedback-form .right i.fa.fa-times").forEach(function (flagIcon) {
                flagIcon.addEventListener('click', function () {
                    document.querySelector(".single #feedback-form h3").style.display = "inline-block";
                    document.querySelector(".single #feedback-form .left .icon-container").style.display = "inline-block";
                    document.querySelector(".single #feedback-form span.feedback-flag").style.display = "block";
                    document.querySelector(".single #feedback-form .feedback-container").style.display = "none";
                    document.querySelector(".single #feedback-form .right i.fa.fa-times").style.display = "none";
                    document.querySelector(".feedback-message").textContent = ""; 
                });
            });
            document.querySelectorAll(".feedback-icon").forEach(function(icon) {
                icon.addEventListener('click', function() {
                    var feedbackType = this.classList.contains("positive") ? "positive" : "negative";
                    var postId = 51731; 
                    // Perform the AJAX request
                    fetch("https://quiz.now/wp-admin/admin-ajax.php", {
                        method: "POST",
                        headers: {
                            'Content-Type': 'application/x-www-form-urlencoded',
                        },
                        body: new URLSearchParams({
                            action: "handle_feedback", 
                            feedback: feedbackType,
                            post_id: postId
                        })
                    })
                    .then(response => response.json())
                    .then(data => {
                        console.log('Response received:', data);
                        console.log('Message in response:', data.message);                    
                        document.querySelector(".single #feedback-form h3").style.display = "none";
                        document.querySelector(".single #feedback-form .left .icon-container").style.display = "none";
                        document.querySelector(".single #feedback-form span.feedback-flag").style.display = "none";
                        document.querySelector(".single #feedback-form .feedback-container").style.display = "block";
                        document.querySelector(".single #feedback-form .right i.fa.fa-times").style.display = "block";
                        document.querySelector(".feedback-message").textContent = data.data.message;
                    })
                    .catch(error => {
                        console.error("Error submitting feedback", error);
                        document.querySelector(".feedback-message").textContent = "Oops! An error occurred while submitting your feedback.";
                    });
                });
            });
        });
    </script></p>
<div id="feedback-form">
<div class="left">
<div class="was-this-page">Was this page helpful?</div>
<div class="icon-container">
                <span class="feedback-icon positive"></span><span class="feedback-icon negative"></span>
            </div>
<div class="feedback-container"><span class="feedback-icon message"></span><span class="feedback-message"></span></div>
</div>
<div class="right">
            <span class="feedback-flag"></span><br />
            <i class="fa fa-times" aria-hidden="true"></i>
        </div>
</p></div>
</p></div>
<div class="popular-title">
<h2>More Popular Technology Quizzes:</h2>
<div class="view-all"><a href="https://quiz.now/category/professional/technology/">View All <span class="hide">Technology</span> Quizzes</a></div>
</div>
<div class="top-posts-block">
<ul class="top-posts two-columns">
<li class="top-post-item">
<div class="top-post-thumbnail">
                    <a href="https://quiz.now/du-forum-quiz/"><img width="150" height="150" src="https://quiz.now/wp-content/uploads/2025/05/du-forum-quiz-1746782987.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="du-forum-quiz" decoding="async" loading="lazy" /></a></p>
<div class="cat">Top Quiz</div>
</div>
<h3 class="top-post-title">
                    <a href="https://quiz.now/du-forum-quiz/">Du Forum Quiz</a><br />
                </h3>
</li>
<li class="top-post-item">
<div class="top-post-thumbnail">
                    <a href="https://quiz.now/tech-quiz/"><img width="150" height="150" src="https://quiz.now/wp-content/uploads/2025/03/tech-quiz-1741365659.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="tech-quiz" decoding="async" loading="lazy" /></a></p>
<div class="cat">Top Quiz</div>
</div>
<h3 class="top-post-title">
                    <a href="https://quiz.now/tech-quiz/">Tech Quiz</a><br />
                </h3>
</li>
<li class="top-post-item">
<div class="top-post-thumbnail">
                    <a href="https://quiz.now/ict-quiz/"><img width="150" height="150" src="https://quiz.now/wp-content/uploads/2024/12/ict-quiz-1733912184.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="ict-quiz" decoding="async" loading="lazy" /></a></p>
<div class="cat">Top Quiz</div>
</div>
<h3 class="top-post-title">
                    <a href="https://quiz.now/ict-quiz/">ICT Quiz</a><br />
                </h3>
</li>
<li class="top-post-item">
<div class="top-post-thumbnail">
                    <a href="https://quiz.now/osi-model-quiz/"><img width="150" height="150" src="https://quiz.now/wp-content/uploads/2024/12/osi-model-quiz-1733913586.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="osi-model-quiz" decoding="async" loading="lazy" /></a></p>
<div class="cat">Top Quiz</div>
</div>
<h3 class="top-post-title">
                    <a href="https://quiz.now/osi-model-quiz/">OSI Model Quiz</a><br />
                </h3>
</li>
<li class="top-post-item">
<div class="top-post-thumbnail">
                    <a href="https://quiz.now/generative-ai-quiz/"><img width="150" height="150" src="https://quiz.now/wp-content/uploads/2024/12/generative-ai-quiz-1733924514.jpeg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="generative-ai-quiz" decoding="async" loading="lazy" /></a></p>
<div class="cat">Top Quiz</div>
</div>
<h3 class="top-post-title">
                    <a href="https://quiz.now/generative-ai-quiz/">Generative AI Quiz</a><br />
                </h3>
</li>
<li class="top-post-item">
<div class="top-post-thumbnail">
                    <a href="https://quiz.now/maintenance-quiz/"><img width="150" height="150" src="https://quiz.now/wp-content/uploads/2025/06/maintenance-quiz-1750153789.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="maintenance-quiz" decoding="async" loading="lazy" /></a></p>
<div class="cat">Top Quiz</div>
</div>
<h3 class="top-post-title">
                    <a href="https://quiz.now/maintenance-quiz/">Maintenance Quiz</a><br />
                </h3>
</li>
</ul>
<div class="carousel-arrow left-arrow"><i class="fa fa-angle-left"></i></div>
<div class="carousel-arrow right-arrow"><i class="fa fa-angle-right"></i></div>
</div>
<div class="popular-title">
<h2>More Interesting Quizzes For You:</h2>
</div>
<div class="top-posts-block">
<ul class="top-posts other-posts two-columns">
<li class="top-post-item">
<div class="top-post-thumbnail">
                        <a href="https://quiz.now/minecraft-crafting-quiz/"><img width="150" height="150" src="https://quiz.now/wp-content/uploads/2024/12/minecraft-crafting-quiz-1733914641.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="minecraft-crafting-quiz" decoding="async" loading="lazy" /></a></p>
<div class="cat">Top Quiz</div>
</div>
<h3 class="top-post-title">
                        <a href="https://quiz.now/minecraft-crafting-quiz/">Minecraft Crafting Quiz</a><br />
                    </h3>
</li>
<li class="top-post-item">
<div class="top-post-thumbnail">
                        <a href="https://quiz.now/bpd-or-bipolar-quiz/"><img width="150" height="150" src="https://quiz.now/wp-content/uploads/2025/06/bpd-or-bipolar-quiz-1750145476.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="bpd-or-bipolar-quiz" decoding="async" loading="lazy" /></a></p>
<div class="cat">Top Quiz</div>
</div>
<h3 class="top-post-title">
                        <a href="https://quiz.now/bpd-or-bipolar-quiz/">BPD or Bipolar Quiz</a><br />
                    </h3>
</li>
<li class="top-post-item">
<div class="top-post-thumbnail">
                        <a href="https://quiz.now/west-coast-emt-exam-quiz/"><img width="150" height="150" src="https://quiz.now/wp-content/uploads/2024/12/west-coast-emt-exam-quiz-1733905857.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="west-coast-emt-exam-quiz" decoding="async" loading="lazy" /></a></p>
<div class="cat">Top Quiz</div>
</div>
<h3 class="top-post-title">
                        <a href="https://quiz.now/west-coast-emt-exam-quiz/">West Coast EMT Exam Quiz</a><br />
                    </h3>
</li>
<li class="top-post-item">
<div class="top-post-thumbnail">
                        <a href="https://quiz.now/am-i-the-problem-quiz/"><img width="150" height="150" src="https://quiz.now/wp-content/uploads/2024/12/am-i-the-problem-quiz-1733908433.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="am-i-the-problem-quiz" decoding="async" loading="lazy" /></a></p>
<div class="cat">Top Quiz</div>
</div>
<h3 class="top-post-title">
                        <a href="https://quiz.now/am-i-the-problem-quiz/">Am I the Problem Quiz</a><br />
                    </h3>
</li>
<li class="top-post-item">
<div class="top-post-thumbnail">
                        <a href="https://quiz.now/periodic-trends-quiz/"><img width="150" height="150" src="https://quiz.now/wp-content/uploads/2024/12/periodic-trends-quiz-1734171184.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="periodic-trends-quiz" decoding="async" loading="lazy" /></a></p>
<div class="cat">Top Quiz</div>
</div>
<h3 class="top-post-title">
                        <a href="https://quiz.now/periodic-trends-quiz/">Periodic Trends Quiz</a><br />
                    </h3>
</li>
<li class="top-post-item">
<div class="top-post-thumbnail">
                        <a href="https://quiz.now/2000s-finish-the-lyrics-quiz/"><img width="150" height="150" src="https://quiz.now/wp-content/uploads/2024/12/2000s-finish-the-lyrics-quiz-1733926737.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="2000s-finish-the-lyrics-quiz" decoding="async" loading="lazy" /></a></p>
<div class="cat">Top Quiz</div>
</div>
<h3 class="top-post-title">
                        <a href="https://quiz.now/2000s-finish-the-lyrics-quiz/">2000s Finish the Lyrics Quiz</a><br />
                    </h3>
</li>
</ul>
<div class="carousel-arrow left-arrow"><i class="fa fa-angle-left"></i></div>
<div class="carousel-arrow right-arrow"><i class="fa fa-angle-right"></i></div>
</div></div>

        

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30%">
            
<aside class="sticky wp-block-template-part">
<div class="wp-block-group is-layout-flow wp-container-core-group-is-layout-9c3fca8d wp-block-group-is-layout-flow" style="padding-right:0;padding-left:0">
<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained wp-container-3 is-position-sticky" style="margin-top:0;margin-bottom:0">
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
</div>
</div>
</aside>
        </div>

    </div>

</main>


<footer class="footer wp-block-template-part">
<div class="wp-block-group footer-top has-global-padding is-layout-constrained wp-container-core-group-is-layout-0f941771 wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<div class="wp-block-group footer-content is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-cf54d0a6 wp-block-group-is-layout-flex">
<div class="wp-block-group mobile-fullwidth is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-d8dce8eb wp-block-group-is-layout-flex">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-bce0c455 wp-block-group-is-layout-flex">
<p class="title wp-block-paragraph" style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.208), 16px);"><strong>Quiz.now</strong></p>


<nav style="font-style:normal;font-weight:400" class="has-small-font-size is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-bce0c455 wp-block-navigation-is-layout-flex" aria-label="Footer navigation"><ul style="font-style:normal;font-weight:400" class="wp-block-navigation__container has-small-font-size is-vertical wp-block-navigation"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/about-us/"><span class="wp-block-navigation-item__label">About Us</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/contact-us/"><span class="wp-block-navigation-item__label">Contact Us</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/privacy-policy/"><span class="wp-block-navigation-item__label">Privacy Policy</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/terms-of-use/"><span class="wp-block-navigation-item__label">Terms</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/accessibility-and-inclusion/"><span class="wp-block-navigation-item__label">Accessibility and Inclusion</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/dmca/"><span class="wp-block-navigation-item__label">DMCA</span></a></li></ul></nav></div>
</div>



<div class="wp-block-group mobile-fullwidth categories-begin is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-d8dce8eb wp-block-group-is-layout-flex">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-bce0c455 wp-block-group-is-layout-flex">
<p class="title wp-block-paragraph" style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.208), 16px);"><strong>Quizzes</strong></p>


<nav style="font-style:normal;font-weight:400" class="has-small-font-size is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-bce0c455 wp-block-navigation-is-layout-flex" aria-label="Footer navigation 2"><ul style="font-style:normal;font-weight:400" class="wp-block-navigation__container has-small-font-size is-vertical wp-block-navigation"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/academic/"><span class="wp-block-navigation-item__label">Academic<span class="hide"> Quizzes</span></span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/automotive/"><span class="wp-block-navigation-item__label">Automotive<span class="hide"> Quizzes</span></span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/education/"><span class="wp-block-navigation-item__label">Education<span class="hide"> Quizzes</span></span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/entertainment/"><span class="wp-block-navigation-item__label">Entertainment<span class="hide"> Quizzes</span></span></a></li></ul></nav></div>
</div>



<div class="wp-block-group mobile-fullwidth is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-d8dce8eb wp-block-group-is-layout-flex">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-bce0c455 wp-block-group-is-layout-flex">
<p class="title hide wp-block-paragraph" style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.208), 16px);"><strong>Categories</strong></p>


<nav style="font-style:normal;font-weight:400" class="has-small-font-size is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-bce0c455 wp-block-navigation-is-layout-flex" aria-label="Footer navigation 3"><ul style="font-style:normal;font-weight:400" class="wp-block-navigation__container has-small-font-size is-vertical wp-block-navigation"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/lifestyle/"><span class="wp-block-navigation-item__label">Lifestyle<span class="hide"> Quizzes</span></span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/pop-quizzes/"><span class="wp-block-navigation-item__label">Pop Quizzes<span class="hide"> Quizzes</span></span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/professional/"><span class="wp-block-navigation-item__label">Professional<span class="hide"> Quizzes</span></span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="/category/sports-gaming/"><span class="wp-block-navigation-item__label">Sports &amp; Gaming<span class="hide"> Quizzes</span></span></a></li></ul></nav></div>
</div>



<div class="wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-d8dce8eb wp-block-group-is-layout-flex">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-bce0c455 wp-block-group-is-layout-flex">
<p class="title hide wp-block-paragraph" style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.208), 16px);"><strong>Categories</strong></p>


<nav style="font-style:normal;font-weight:400" class="has-small-font-size is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-bce0c455 wp-block-navigation-is-layout-flex" aria-label="Footer navigation 4"></nav></div>
</div>
</div>
</div>
</div>
</div>


<script async data-id="101472685" src="//static.getclicky.com/js"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1439594428948409"
     crossorigin="anonymous"></script>


<div class="wp-block-group footer-icon-social has-global-padding is-layout-constrained wp-container-core-group-is-layout-a444c9ad wp-block-group-is-layout-constrained">
<div class="wp-block-columns footer-column-icon-social is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex">
<div class="wp-block-column footer-icon-and-social is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-heading logo"><a href="/">Quiz.now</a></div>





<div class="social-footer-icons">
    <a target="_blank" href="https://facebook.com/quizdotnow" rel="noopener">
        <img decoding="async" src="/wp-content/uploads/2024/08/FB-btn-f-1.png" alt="Facebook icon for Quizdotnow">
    </a>
    <a target="_blank" href="https://www.pinterest.com/quizdotnow" rel="noopener">
        <img decoding="async" src="/wp-content/uploads/2024/08/Pin-btn-f.png" alt="Pinterest icon for Quizdotnow">
    </a>
    <a target="_blank" href="https://www.instagram.com/quizdotnow" rel="noopener">
        <img decoding="async" src="/wp-content/uploads/2024/08/IG-btn-f.png" alt="Instagram icon for Quizdotnow">
    </a>
    <a target="_blank" href="https://x.com/quizdotnow" rel="noopener">
        <img decoding="async" src="/wp-content/uploads/2024/08/x-btn-f.png" alt="X (formerly Twitter) icon for Quizdotnow">
    </a>
</div>
</div>



<div class="wp-block-column copyright is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">©2024 Quiz.now. All rights reserved.</p>
</div>
</div>
</div>
</footer></div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/twentytwentyfour/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
    <style>
        .overlay {
            display: none;
            position: fixed;
            top: 0; 
            left: 0;
            width: 100%;
            height: 100%;
            justify-content: flex-start; 
            align-items: flex-start;
            z-index: 1000;
        }

        .overlay-content {
            background: #13255C;
            padding: 20px;
            text-align: center;
            max-width: 90%;
            width: 100%;
            margin: 0 auto; 
        }


        .overlay-content img {
            max-width: 100%;
            height: auto;
            margin-bottom: 20px;
        }

        #search-form {
            display: flex;
            height: 42px;
        }

        #search-form input[type="search"] {
            flex-grow: 1;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px 0 0 5px;
        }

        #search-form button[type="submit"] {
            padding-top: 4px;
            background-color: #2B98C6;
            border: none;
            cursor: pointer;
            border-radius: 0 5px 5px 0;
        }
       
        
    </style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Initialize carousel on mobile
    if (window.innerWidth <= 768) {
        const carousel = document.querySelector('.top-posts.two-columns');
        const items = document.querySelectorAll('.top-post-item');

        const leftArrow = document.querySelector('.left-arrow');
        const rightArrow = document.querySelector('.right-arrow');

        if (leftArrow && rightArrow && carousel) {
            //console.log("Arrows and carousel found.");

            // Arrow click event listeners
            leftArrow.addEventListener('click', function() {
                //console.log("Left arrow clicked.");
                carousel.scrollBy({
                    left: -carousel.clientWidth, 
                    behavior: 'smooth'
                });
            });

            rightArrow.addEventListener('click', function() {
               // console.log("Right arrow clicked.");
                carousel.scrollBy({
                    left: carousel.clientWidth, 
                    behavior: 'smooth'
                });
            });
        } else {
            console.error("Arrows or carousel not found.");
        }
    }

    // Overlay functionality
    const overlay = document.getElementById('search-overlay');
    const overlayContent = document.querySelector('.overlay-content');
    const triggerImage = document.querySelector('.mobile-search-button');

    // Show the overlay when the image is clicked
    triggerImage.addEventListener('click', function() {
        overlay.style.display = 'flex';
    });

    // Close the overlay when clicking outside the overlay content
    overlay.addEventListener('click', function(e) {
        if (e.target === overlay) {
            overlay.style.display = 'none';
        }
    });
});

function get_quiz_share() {
  let share2 = jQuery('.quiz-share .share-icons').clone()
  let quiz_share_elem = jQuery('<div>', {class: 'quiz-share'})
  quiz_share_elem.append(share2)
  jQuery('#dispQuizShare').append(quiz_share_elem)
}

const site_current_url = window.location.href.split('?')[0]
// console.log(`site_current_url: ${site_current_url}`)

function update_showCurrentUrl() {
  let showCurrentUrl_elem = jQuery('#showCurrentUrl')
  if (showCurrentUrl_elem) {
    showCurrentUrl_elem.html(`<span class="show-current-url">${site_current_url}</span><button class="copy-link-button" onclick="copyCurrentLink(this)">Copy Link</button>`)
  }
}

function update_showRetry() {
  let showRetry_elem = jQuery('#showRetry')
  if (showRetry_elem) {
      showRetry_elem.html(`<a href="${site_current_url}"><button class="success-msg-end-button">Retry the quiz</button></a>`)
  }
}

function copyCurrentLink(e) {
  let copyTemp = document.createElement("p")
  copyTemp.innerText = site_current_url
  document.body.appendChild(copyTemp)
  let range = document.createRange()
  range.selectNodeContents(copyTemp)
  let sel = window.getSelection()
  sel.removeAllRanges()
  sel.addRange(range)
  document.execCommand('copy')
  document.body.removeChild(copyTemp)
  console.log(`Copied: ${site_current_url}`)
}

let afterQuizStart_intervalId

function after_quiz_start() {
  console.log(`This is after_quiz_start`)
  quizTimer.startQuizTimer();
  quizTimer.showQuizTimer('#timerDisplay');
  startDetectPage();
  
  afterQuizStart_intervalId = setInterval(() => {
      console.log(`This is afterQuizStart_intervalId`)
      
      let quiz_formidable_container_elem = jQuery('.quiz-formidable-container')
      if (quiz_formidable_container_elem) {
          let frm_message_elem = quiz_formidable_container_elem.find('.frm_message')
      
          if (frm_message_elem && frm_message_elem.length) {
            console.log(`This is frm_message_elem.length: ${frm_message_elem.length}`)
            // console.log(`This is frm_message_elem[0]: ${frm_message_elem[0]}`)
            clearInterval(afterQuizStart_intervalId)
            // get_quiz_share()
            // update_timeDiffDisplay()
            // update_showCurrentUrl()
            // update_showRetry()
            // quizTimer.stopQuizTimer()
            quiz_finished();
          }
      }
  }, 100)
}

function quiz_finished() {
    quizTimer.stopQuizTimer()
    get_quiz_share()
    update_timeDiffDisplay()
    update_showCurrentUrl()
    update_showRetry()
    showDetectPageResult()
    showNextSuggestQuiz()
    //
    console.log(`stayInWindow? ${stayInWindow}, stayInTab? ${stayInTab}`);
}

let quiz_start_timestemp;
	
function quizStartButton(e) {
    // quiz_start_timestemp = Date.now()
    // console.log(`quiz_start_timestemp: ${quiz_start_timestemp}`)
    
    after_quiz_start()
    
// 	if (e) {
// 		e.style.display = "none"
// 	}
	const quiz_start_button_array = document.getElementsByClassName("quiz_start_button")
	quiz_start_button_array.forEach((sb) => {
		sb.style.display = "none"
	})
	const start_msg_introductory_array = document.getElementsByClassName("start-msg-introductory")
	const start_msg_introductory = start_msg_introductory_array[0]
	if (start_msg_introductory) {
		start_msg_introductory.style.display = "none"
	}
	const question_overview_array = document.getElementsByClassName("question-overview")
	const question_overview = question_overview_array[0]
	if (question_overview) {
		question_overview.style.display = "none"
	}
	const quiz_formidable_container_array = document.getElementsByClassName("quiz-formidable-container")
	const quiz_formidable_container = quiz_formidable_container_array[0]
	if (quiz_formidable_container) {
		quiz_formidable_container.style.display= "block"
	}
	// Scroll to h1
    const target = document.querySelector('h1');
    if (target) {
        target.scrollIntoView({ behavior: 'smooth' });
    }
}

function update_timeDiffDisplay() {
  let timeDiffDisplay_elem = jQuery('#timeDiffDisplay')
  if (timeDiffDisplay_elem) {
    const elapsed = quizTimer.getQuizTimeElapsed()
    const minutes = Math.floor(elapsed / 60)
    const seconds = elapsed % 60
    // timeDiffDisplay_elem.html(`You completed the quiz in ${minutes}:${seconds < 10 ? '0' : ''}${seconds}`)
    let scoreRow = jQuery('.frm_quizzes_result tr')[0];
    if(scoreRow) {
        jQuery(`<tr class="time"><td colspan=2>You completed the quiz in ${minutes}:${seconds < 10 ? '0' : ''}${seconds}</td></tr>`).insertAfter(scoreRow);
    }
  }
  
  let timerDisplay_elem = jQuery('#timerDisplay')
  if (timerDisplay_elem) {
    // timerDisplay_elem.hide()
    // timerDisplay_elem.css({display: "none"})
    timerDisplay_elem.remove()
  }
}

let stayInTab = true;
let stayInWindow = true;
function startDetectPage() {
    stayintab = true;
    document.addEventListener("visibilitychange", () => {
      if (document.hidden) {
          stayInTab = false;
          console.log("document hidden");
      } else {
        // Resume playing if audio was "playing on hide"
      }
    });
    
    stayInWindow = true;
    window.addEventListener("blur", () => {
        stayInWindow = false;
        console.log("window blur");
    })
}

function showDetectPageResult() {
    if(!(stayInTab && stayInWindow)) {
        let result = jQuery('.frm_quizzes_result')[0];  //the answer table
        
        if(result) {
            jQuery(`<div class="not_focus">We detected that you left the page whilst taking the quiz; did you look up the answer?</div>`).insertBefore(result);
        }
    }
}

function showNextSuggestQuiz() {
    let nextQuiz = jQuery('.suggest_next_quiz')[0];
    if(nextQuiz) {
        let frmMessage = jQuery('.frm_message')[0];
        
        if(frmMessage) {
            frmMessage.after(nextQuiz);
        }
    }
}
</script>



        <script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function() {
        const menuItems = document.querySelectorAll('li.wp-block-navigation-submenu');
        const submenuItems = document.querySelectorAll('ul.wp-block-navigation-submenu li');

        menuItems.forEach(function(item) {
            item.addEventListener('mouseenter', function() {
                const submenu = item.querySelector('ul.wp-block-navigation-submenu');
                if (submenu) {
                    submenu.classList.add('show-submenu');
                }
            });

            item.addEventListener('mouseleave', function() {
                const submenu = item.querySelector('ul.wp-block-navigation-submenu');
                if (submenu) {
                    submenu.classList.remove('show-submenu');
                }
            });
        });
        // Initialize carousel on mobile for featured posts
        const featuredCarousel = document.querySelector('.featured-posts.two-columns');
        const leftArrowFeatured = document.querySelector('.carousel-arrow-featured.left-arrow');
        const rightArrowFeatured = document.querySelector('.carousel-arrow-featured.right-arrow');

        if (leftArrowFeatured && rightArrowFeatured && featuredCarousel) {
            // Add arrow click event listeners for the featured posts carousel
            leftArrowFeatured.addEventListener('click', function() {
                featuredCarousel.scrollBy({
                    left: -featuredCarousel.clientWidth, // Scroll left by the width of the carousel
                    behavior: 'smooth'
                });
            });

            rightArrowFeatured.addEventListener('click', function() {
                featuredCarousel.scrollBy({
                    left: featuredCarousel.clientWidth, // Scroll right by the width of the carousel
                    behavior: 'smooth'
                });
            });
        } else {
            //console.error("Featured arrows or carousel not found.");
        }
        // Initialize carousel on mobile for featured posts
        const featuredCarouseltop = document.querySelector('.top-posts.two-columns');
        const leftArrowFeaturedtop = document.querySelector('.carousel-arrow.left-arrow');
        const rightArrowFeaturedtop = document.querySelector('.carousel-arrow.right-arrow');

        if (leftArrowFeaturedtop && rightArrowFeaturedtop && featuredCarouseltop) {
            // Add arrow click event listeners for the featured posts carousel
            leftArrowFeaturedtop.addEventListener('click', function() {
                featuredCarouseltop.scrollBy({
                    left: -featuredCarouseltop.clientWidth, // Scroll left by the width of the carousel
                    behavior: 'smooth'
                });
            });

            rightArrowFeaturedtop.addEventListener('click', function() {
                featuredCarouseltop.scrollBy({
                    left: featuredCarouseltop.clientWidth, // Scroll right by the width of the carousel
                    behavior: 'smooth'
                });
            });
        } else {
            //console.error("top Posts arrows or carousel not found.");
        }
        // Initialize carousel on mobile for featured posts
        const featuredCarouselset = document.querySelector('.featured-posts.two-columns.set');
        const leftArrowFeaturedset = document.querySelector('.carousel-arrow-featured.left-arrow.set');
        const rightArrowFeaturedset = document.querySelector('.carousel-arrow-featured.right-arrow.set');

        if (leftArrowFeaturedset && rightArrowFeaturedset && featuredCarouselset) {
            // Add arrow click event listeners for the featured posts carousel
            leftArrowFeaturedset.addEventListener('click', function() {
                featuredCarouselset.scrollBy({
                    left: -featuredCarouselset.clientWidth, // Scroll left by the width of the carousel
                    behavior: 'smooth'
                });
            });

            rightArrowFeaturedset.addEventListener('click', function() {
                featuredCarouselset.scrollBy({
                    left: featuredCarouselset.clientWidth, // Scroll right by the width of the carousel
                    behavior: 'smooth'
                });
            });
        } else {
            //console.error("top Posts arrows or carousel not found.");
        }
        
        // Initialize carousel on mobile for featured posts
        const featuredCarouselcat = document.querySelector('.featured-posts.two-columns.categories');
        const leftArrowFeaturedcat = document.querySelector('.carousel-arrow-featured.left-arrow.categories');
        const rightArrowFeaturedcat = document.querySelector('.carousel-arrow-featured.right-arrow.categories');

        if (leftArrowFeaturedcat && rightArrowFeaturedcat && featuredCarouselcat) {
            // Add arrow click event listeners for the featured posts carousel
            leftArrowFeaturedcat.addEventListener('click', function() {
                featuredCarouselcat.scrollBy({
                    left: -featuredCarouselcat.clientWidth, // Scroll left by the width of the carousel
                    behavior: 'smooth'
                });
            });

            rightArrowFeaturedcat.addEventListener('click', function() {
                featuredCarouselcat.scrollBy({
                    left: featuredCarouselcat.clientWidth, // Scroll right by the width of the carousel
                    behavior: 'smooth'
                });
            });
        } else {
            //console.error("top Posts arrows or carousel not found.");
        }
        // Remove 'has-child' class from submenu items
        submenuItems.forEach(function(subItem) {
            if (subItem.classList.contains('has-child')) {
                subItem.classList.remove('has-child');
            }

            // Ensure submenu items are clickable
            subItem.addEventListener('click', function(event) {
                // Prevent default action to avoid interference
                event.stopPropagation();
            });
        });
    });
    </script>
        <script>
    class QuizTimer {
        constructor() {
            this.startTime = null;
            this.stopTime = null;
            this.intervalId = null;
            this.displayElement = null;
        }

        startQuizTimer() {
            if (this.startTime === null) {
                this.startTime = Date.now();
                this.intervalId = setInterval(() => {
                    this.updateTimerDisplay();
                }, 1000);
            }
        }

        stopQuizTimer() {
            clearInterval(this.intervalId);
            this.intervalId = null;
            this.stopTime = Date.now();
        }

        showQuizTimer(selector) {
            this.displayElement = document.querySelector(selector);
            if (this.displayElement) {
                this.displayElement.style.display = 'block';
                this.updateTimerDisplay();
            } else {
                // console.error(`Element with selector "${selector}" not found.`);
            }
        }

        hideQuizTimer() {
            if (this.displayElement) {
                this.displayElement.style.display = 'none';
            }
        }

        getQuizTimeElapsed() {
            if (this.startTime === null) {
                return 0;
            }
            const currentTime = this.stopTime || Date.now();
            return Math.floor((currentTime - this.startTime) / 1000);
        }

        updateTimerDisplay() {
            if (this.displayElement) {
                const elapsed = this.getQuizTimeElapsed();
                const minutes = Math.floor(elapsed / 60);
                const seconds = elapsed % 60;
                this.displayElement.textContent = `${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;
            }
        }
    }
    
    
    const quizTimer = new QuizTimer();

    // document.addEventListener('DOMContentLoaded', function() {
    //     const quizTimer = new QuizTimer();

    //     // Function to start the quiz timer
    //     function startQuiz() {
    //         quizTimer.startQuizTimer();
    //         quizTimer.showQuizTimer('#timerDisplay'); // Ensure #timerDisplay exists in your HTML
    //     }

    //     // Add event listener to the start button
    //     const startButton = document.querySelector('.quiz_start_button');
    //     if (startButton) {
    //         startButton.addEventListener('click', startQuiz);
    //     }

    //     // Optionally, check if quiz-formidable-container is displayed
    //     const checkQuizContainer = () => {
    //         const container = document.querySelector('.quiz-formidable-container');
    //         if (container && container.style.display === 'block') {
    //             startQuiz();
    //         }
    //     };

    //     // You might want to run this check periodically or attach it to a mutation observer
    //     setInterval(checkQuizContainer, 1000); // Check every second (adjust as needed)
    // });
    </script>
    <script data-wp-router-options="{&quot;loadOnClientNavigation&quot;:true}" fetchpriority="low" id="@wordpress/block-library/navigation/view-js-module" src="https://quiz.now/wp-includes/js/dist/script-modules/block-library/navigation/view.min.js?ver=96a846e1d7b789c39ab9" type="module"></script>
<script id="swv-js" src="https://quiz.now/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.9.8"></script>
<script id="contact-form-7-js-extra">
var wpcf7 = {"api":{"root":"https://quiz.now/wp-json/","namespace":"contact-form-7/v1"}};
//# sourceURL=contact-form-7-js-extra
</script>
<script id="contact-form-7-js" src="https://quiz.now/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.9.8"></script>
<script id="wp-posts-view-script-js-extra">
var wp_post_views_ajax_object = {"ajaxurl":"https://quiz.now/wp-admin/admin-ajax.php","nonce":"ef68faa366","post_id":"51731"};
//# sourceURL=wp-posts-view-script-js-extra
</script>
<script id="wp-posts-view-script-js" src="https://quiz.now/wp-content/plugins/wp-post-views//assets/js/ajax.js?ver=7.0"></script>
<script id="formidable-js-extra">
var frm_js = {"ajax_url":"https://quiz.now/wp-admin/admin-ajax.php","images_url":"https://quiz.now/wp-content/plugins/formidable/images","loading":"Loading\u2026","remove":"Remove","offset":"4","nonce":"ca621085d2","id":"ID","no_results":"No results match","file_spam":"That file looks like Spam.","calc_error":"There is an error in the calculation in the field with key","empty_fields":"Please complete the preceding required fields before uploading a file.","focus_first_error":"1","include_alert_role":"1","include_resend_email":""};
var frm_password_checks = {"eight-char":{"label":"Eight characters minimum","regex":"/^.{8,}$/","message":"Passwords require at least 8 characters"},"lowercase":{"label":"One lowercase letter","regex":"#[a-z]+#","message":"Passwords must include at least one lowercase letter"},"uppercase":{"label":"One uppercase letter","regex":"#[A-Z]+#","message":"Passwords must include at least one uppercase letter"},"number":{"label":"One number","regex":"#[0-9]+#","message":"Passwords must include at least one number"},"special-char":{"label":"One special character","regex":"/(?=.*[^a-zA-Z0-9])/","message":"Password is invalid"}};
var frmCheckboxI18n = {"errorMsg":{"min_selections":"This field requires a minimum of %1$d selected options but only %2$d were submitted."}};
//# sourceURL=formidable-js-extra
</script>
<script id="formidable-js" src="https://quiz.now/wp-content/plugins/formidable-pro/js/frm.min.js?ver=6.14"></script>
<script id="formidable-js-after">
window.frm_js.repeaterRowDeleteConfirmation = "Are you sure you want to delete this row?";
//# sourceURL=formidable-js-after
</script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://quiz.now/wp-includes/js/wp-emoji-release.min.js?ver=7.0"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!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!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let 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(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://quiz.now/wp-includes/js/wp-emoji-loader.min.js
</script>
<script>
/*<![CDATA[*/
/*]]>*/
</script>
</body>
</html>
