.elementor-kit-49958{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#000000;font-family:"Inter", Sans-serif;font-size:16px;}.elementor-kit-49958 e-page-transition{background-color:#FFBC7D;}.elementor-kit-49958 h1{color:#082F49;font-family:"Manrope", Sans-serif;font-size:70px;font-weight:800;}.elementor-kit-49958 h2{color:#000000;font-family:"Manrope", Sans-serif;font-size:55px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body a {
    color: #01A9F4;
}

#paperquestions li {
    width: 100%;
    padding: 0px 0 20px 0!important;
    margin: 10px 0 20px 0;
    background-color: #f7f7f7;
    border: 1px solid #CCC;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div.clear {
    width: 100%;
    height: 5px;
}

.viewHelpfulTutorials {
    text-shadow: none!important;
    background: #4849A6!important;
    border: 8px solid #DBDBFF!important;
    cursor: pointer;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-radius: 35px!important;
    font-size: 14px!important;
    padding: 0 20px!important;
    line-height: 36px!important;
    text-transform: uppercase;
    float: none!important;
    display: inline-block;
    width: calc(50% - 40px);
    margin: 15px 20px!important;
}

.viewAnswer {
    text-shadow: none!important;
    background: #01A9F4!important;
    border: 8px solid #BFEBFF!important;
    cursor: pointer;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-radius: 35px!important;
    font-size: 14px!important;
    padding: 0 20px!important;
    line-height: 36px!important;
    text-transform: uppercase;
    float: none!important;
    display: inline-block;
    width: calc(50% - 40px);
    margin: 15px 20px!important;
}

span.grad {
  background: -webkit-linear-gradient(45deg, #FF692E, #DB48EB);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

span.orange {
    color: #FE8C2C;
}

span.purple {
    color: #4849A6;
}

span.blue {
    color: #01A9F4;
}

.page-template-default h1, .tutorials-template-default h1 {
    font-size: 40px; 
    line-height: 50px;
}

.page-template-default h2, .tutorials-template-default h2 {
    font-size: 30px; 
    line-height: 40px;
}

.fusion-text h2 {
    font-size: 22px;
    line-height: 32px;
}

.infoBox {
    background: transparent!important;
    text-align: left!important;
    border-bottom: 3px solid #E4E4E4!important;
}

.infoBox h2 {
    font-size: 30px;
    line-height: 40px;
    margin: 0;
    text-align: left!important;
}

.page-template-default input[type='text'], .page-template-default input[type='email'], .page-template-default input[type='password'], .page-template-default select, .page-template-default textarea {
    height: 60px;
    padding: 10px;
    border: 1px solid #E1E1E1!important;
    border-bottom: 3px solid #CCC!important;
    border-radius: 7px;
    margin: 5px 0;
}

.page-template-default textarea {
    min-height: 200px;   
}

/*.fusion-text a,*/ .page-template-default input[type="submit"], .tutorials-template-default input[type="submit"] {
    background: #01A9F4;
    border-radius: 35px;
    color: #FFF;
    border: 8px solid #BFEBFF;
    line-height: 50px;
    padding: 0 35px;
}

/*.fusion-text a {
    color: #FFF;
    border: 6px solid #BFEBFF;
    line-height: 20px;
    padding: 5px 15px;
    display: inline-block;
    font-size: 14px;
}*/

.fusion-text hr {
    margin: 10px 0!important;
}

.fusion-layout-column {
    margin-bottom: 30px!important;
}

.fusion-one-fifth, .fusion-one-fourth, .fusion-one-half {
    margin-right: 2%;
    background: #EEEEEE!important;
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2)!important;
    border-radius: 15px!important;
    border: 8px solid #F1F1F1!important;
    padding: 20px!important;
}

.fusion-one-half {
    width: calc(50% - 20px)!important;
    margin: 10px !important;
    margin-bottom: 60px!important;
}

.fusion-one-fourth {
    width: calc(25% - 10px)!important;
    margin: 5px !important;
    margin-bottom: 60px!important;
}

.fusion-one-fifth {
    width: calc(20% - 10px)!important;
    margin: 5px !important;
    margin-bottom: 60px!important;
}

.arve-embed {
    margin: 25px 0!important;
}

.arve-embed iframe {
    border-radius: 25px;
    border: 8px solid #BFEBFF!important;
}

ul.modulelist li {
    width: 50%!important;
    box-sizing: border-box!important;
    border: none!important;
    padding: 5px!important;
}

.topicGroup {
    border-radius: 25px!important;
    border: 8px solid #F1F1F1!important;
    margin: 25px 0!important;
    background: #EEEEEE!important;
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2)!important;
}

.topicList {
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1)!important;
    margin: 15px 0!important;
}

.pageIndex {
    padding: 20px!important;
    border-radius: 25px!important;
    margin-bottom: 25px!important;
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1)!important;
}

/*
Theme Name: ExamSolutions
Theme URI: http: //www.examsolutions.co.uk/
Description: This is a custom child theme I have created.
Author: Stuart Sidders
Author URI: http: //www.aswebdesign.co.uk/
Template: Avada
Version: 0.1
*/

/* Changes */

.iframe-container {
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 300px; /* Adjust the width as per your requirement */
    height: 600px;
    z-index: 1000; /* This ensures the container stays on top of other page elements */
}

.iframe-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.iframe-close {
    position: absolute; 
    top: 0;
    right: 0;
    background: #fff;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 1001;
}

.sticky-iframe {
    width: 100%; /* It will fill the width of .iframe-container */
    height: 100%; /* It will fill the height of .iframe-container */
}

#tab-description{
	width:100% !important;
	margin-top:10% !important;
}


.avada-product-images-thumbnails-bottom .avada-product-gallery .flex-control-thumbs, .avada-product-images-thumbnails-top .avada-product-gallery .flex-control-thumbs{
	opacity:100 !imprtant;
	margin-top:20px !important;
}

.flex-control-nav .flex-control-thumbs{
	opacity:100 !important
}
.product button.single_add_to_cart_button {
    background: #01BCD5!important;
    width: 48%!important;
}
.product .woocommerce-variation-add-to-cart {
    flex-direction: column;
    align-items: flex-start!important;
}

footer#site-footer {
    order: 2;
}
.product ol li:after {
    display: none;
}
.product ol li {
    border: none;
}
.product ol {
    padding: 0;
}

/* .postid-50189 form.variations_form table.variations tr:last-child .single_variation {
    top: -130px!important;
} */
a.reset_variations {
    display: none!important;
}
form.variations_form table.variations tr:last-child .label {
    padding: 0;
    display: none;
}
form.variations_form table.variations tr:last-child {
    width: 100%;
    order: 1;
    position: relative;
}
form.variations_form table.variations tr:first-child {
    order: 2;
}
form.variations_form table.variations tr:nth-child(2) {
    order: 3;
}
form.variations_form table.variations tr:nth-child(3) {
    order: 4;
}
.single_variation_wrap .price .amount {
    font-size: 30px!important;
}

form.variations_form table.variations tr:last-child .value {
    height: 0;
}
form.variations_form table.variations tr:last-child .price {
    padding: 0;
}
form.variations_form table.variations tr:last-child .single_variation {
    position: absolute;
    top: -140px;
    background: #fff;
    width: 180px;
    left: 0px;
}

.fusion-body .fusion-separator {
    display: none!important;
}

/* Product rating styles */
.single-product .woocommerce-product-rating {
    margin: 0!important;
    order: 1;
    padding-bottom: 20px;
}

.product p.price .amount {
    padding-top: 0px;
    font-size: 30px;
	order: 2;
}

.product .entry-summary .price {
    padding-top: 0px;
    margin: 0!important;
	order: 3;
}
.single-product form.variations_form.cart {
    order: 4;
}
.product .entry-summary .summary-container {
    display: flex!important;
    flex-direction: column!important;
}
h1.product_title.entry-title {
    display: flex!important;
    min-height: 100px;
    align-items: center;
}
form.variations_form table.variations tr {
    display: flex;
    width: 48%;
    flex-wrap: wrap;
}
form.variations_form table.variations tr td.value select:hover {
    border-color: #96999c;
}
form.variations_form table.variations tr td.value select {
    width: 100%;
    height: 50px;
    color: #5f5755;
	padding: 0 10px;
    border: 2px solid #e1e3e4;
    border-radius: 4px;
    font-size: 16px;
}
form.variations_form table.variations tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
form.variations_form table.variations tr td.value select option {
    font-size: 16px;
    color: #5f5755;
}

ul.tabs.wc-tabs {
    display: none;
}
div#tab-description {
    margin: 0;
    border: 0;
}
.woocommerce-tabs {
    padding: 0!important;
}
div#tab-description {
    width: 50%;
    padding: 0 20px;
    float: right;
}
.product .avada-product-images-global {
    position: absolute;
}
@media all and (max-width: 800px){
    .product .avada-product-images-global {
        position: unset;
    }
}
/******/
h1 .lsl {
    font-size: 0.8em !important;
}

.post-content p {
    margin-bottom: 10px !important;
}

.arve-wrapper {
    margin: 30px 0px 20px 0px;
}

.fusion-header-content-3-wrapper,
.fusion-header-banner {
    width: 728px;
    height: 90px;
}

.fusion-footer-widget-column {
    background-color: #6c8998;
    padding: 10px;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}

.circular-image img {
    width: 150px;
    height: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    -ms-border-radius: 150px;
    -o-border-radius: 150px;
    border-radius: 150px;
}

.rounded-corners .fusion-column-wrapper {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}


.header-wrapper .fusion-social-networks.boxed-icons .fusion-social-network-icon {
    padding: 4px !important;
    margin-top: 5px !important;
}

.examboardList a {
    display: block;
    padding: 20px;
    background-color: #2ebdee;
    color: #FFF;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 2em;
}

.examboardList a:hover {
    background-color: #567280;
    color: #FFF;
}

.highlightBox {
    background-color: #f3eb9a;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.containingBox {
    background-color: #f6f6f6;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.myAims {
    border: 1px solid #567280;
    background-color: #f6f6f6;
    box-shadow: inset 0 0 10px #b2b2b2;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    min-height: 220px !important;
}

.pageIndex {
    background-color: #e5fde6;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.stuck {
    position: fixed;
    top: 40px;
}

.examAnswer {
    background-color: #e9f2e9;
    display: none;
    padding: 10px;
    overflow: hidden;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.helpfulTutorials {
    background-color: #fbf9e7;
    display: none;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}

.helpfulTutorials ul {
    padding: 30px 0 30px 40px;
}

.helpfulTutorials ul li {
    font-size: 1em !important;
    margin: 10px 0 !important;
}

.examAnswer div {
    /*width:707px;
padding:10px;*/
}

#paperquestions {
    list-style: none;
    padding: 0;
    margin: 0;
}

#paperquestions li {
    width: 100%;
    padding: 0px 0 0px 0;
    margin: 10px 0 20px 0;
    background-color: #f7f7f7;
    border: 1px solid #CCC;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#paperquestions li .helpfulTutorials {
    background-color: none;
}

#paperquestions li .helpfulTutorials li {
    background-color: #fbf9e7;
    padding: 0;
    margin: 0 0.6em;
    font-size: 1.2em;
    border: none;
}

.examQuestion {
    text-align: center;
}

.examQuestionNumber {
    font-weight: bold;
    font-size: 1.2em;
    margin: 10px 0 0px 10px !important;
}

.viewAnswer {
    float: right;
    margin: 15px 35px 15px 0px;
    font-size: 1.4em;
    padding: 0.5em;
    background-color: #0F3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.viewHelpfulTutorials {
    float: left;
    margin: 15px 0 15px 35px;
    font-size: 1.4em;
    padding: 0.5em;
    background-color: #0F3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.viewAnswer {
    position: relative;
    vertical-align: top;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #27ae60;
    border: 0;
    border-bottom: 2px solid #219d55;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #219d55;
    box-shadow: inset 0 -2px #219d55;
}

.viewAnswer:active {
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.viewHelpfulTutorials {
    position: relative;
    vertical-align: top;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #f1c40f;
    border: 0;
    border-bottom: 2px solid #e2b607;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #e2b607;
    box-shadow: inset 0 -2px #e2b607;
}

.viewHelpfulTutorials:hover,
.viewAnswer:hover {
    text-decoration: none;
    color: #FFF;
}

.viewHelpfulTutorials:active {
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.paperInfo {
    background-color: #fbf9e7;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #CCC;
}

.brokenLink {
    text-align: right;
    color: red;
}

.brokenLink a {
    color: green;
}

div.topicGroup {
    background-color: #e2e2e2;
    padding: 10px;
    margin: 0px 0 20px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.topicGroup h2 {
    color: black;
}

.topicList {
    background-color: #FFF;
    padding: 10px;
    margin: 5px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.topicList ol li {
    padding: 5px 10px;
}

#currentTopicList {
    margin: 0;
    padding: 0;
    list-style-type: decimal !important;
    list-style-position: inside!important;
}

#currentTopicList li {
    padding: 5px 10px;
    display: list-item !important;
}

li.currentTutorial a {
    color: green !important;
}

li.currentTutorial a:before {
    content: "> ";
    color: green !important;
}

.infoBox {
    padding: 10px;
    background-color: #f3eb9a;
    margin-bottom: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.infoBox p {
    text-align: center;
}

.playlistInfoBox {
   padding: 10px;
    background-color: #fbf9e7;
    margin-bottom: 10 px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.exampleBox {
    margin: 30px 0;
    background-color: #dfecf1;
    padding: 10px 20px!important;
    border-radius: 6px;
}

.exampleBoxTxt {
    margin: 0 0 0 10px;
}

.exampleBoxTxt p {
    margin: 0 0 0 10px;
}

.exampleBox h4 {
    font-weight: bold;
    margin: 0 0 4px 0;
    padding: 0;
    font-size: 1.5em;
    color: #6b6b6b;
}

ol.exampleList {
    list-style-type: none;
    list-style-type: decimal !ie;
    margin: 10px 0;
    counter-reset: li-counter;
    padding: 0px 20px !important;
    border-radius: 6px;
    background-color: #eefafe;
}

ol.exampleListCont {
    list-style-type: none;
    list-style-type: decimal !ie;
    margin: 10px 0;
    padding: 0px 20px !important;
    border-radius: 6px;
    background-color: #eefafe;
}

ol.exampleList > li,
ol.exampleListCont > li {
    position: relative;
    padding: 20px 0 20px 5em !important;
    border-bottom: 1px solid #dfecf1;
}

ol.exampleList > li:last-child,
ol.exampleListCont > li:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
}

ol.exampleList > li:before,
ol.exampleListCont > li:before {
    position: absolute;
    top: 0.8em;
    left: 0.5em;
    width: 1.1em;
    height: 1.1em;
    font-size: 1.8em;
    line-height: 1.1;
    text-align: center;
    color: #f5f5f5;
    border: 1px solid #dfecf1;
    border-radius: 4px;
    background-color: #567280;
    content: counter(li-counter);
    counter-increment: li-counter;
}

ul.exampleList {
    list-style-type: none;
    margin: 10px 0;
    padding: 0px 20px !important;
    border-radius: 6px;
    background-color: #eefafe;
}

ul.exampleList > li,
ol.exampleListCont > li {
    position: relative;
    padding: 20px 0 20px 5em !important;
    border-bottom: 1px solid #dfecf1;
}

ul.exampleList > li:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
}

ul.exampleList > li:before {
    position: absolute;
    top: 1em;
    left: 0.5em;
    width: 1.2em;
    height: 1.2em;
    font-size: 2em;
    line-height: 1.2;
    text-align: center;
    color: #f5f5f5;
    content: ' ';
    border: 1px solid #dfecf1;
    border-radius: 4px;
    background-color: #567280;
}

.formulaBox {
    margin: 30px 0;
    background-color: #fefebe;
    padding: 10px 20px!important;
    border-radius: 6px;
}

.formulaBox h4 {
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 1.5em;
    color: #6b6b6b;
}

ul.formulaList {
    list-style-type: none;
    list-style-type: decimal !ie;
    /*IE 7- hack*/
    margin: 10px 0;
    counter-reset: li-counter;
    padding: 0px 20px !important;
    border-radius: 6px;
    background-color: #ffffdc;
}

ul.formulaList li {
    position: relative;
    padding: 20px 0 20px 1em;
    border-bottom: 1px solid #d0d0c8;
}

ul.formulaList li:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
}

ul.formulaList li span.formulaNo {
    min-width: 1.2em;
    height: 1.2em;
    color: #f5f5f5;
    font-size: 2em;
    line-height: 1.2;
    text-align: center;
    margin: -3px 20px 0 0;
    border: 1px solid #dfecf1;
    border-radius: 4px;
    background-color: #6b6b6b;
    color: #FFF;
    display: block;
    float: left;
}

div.formulaBox ol.start {
    counter-reset: mycounter;
}

li.pendingLink {}

li.pendingLink a {
    color: orange !important;
}

li.draftLink {}

li.draftLink a {
    color: orange !important;
}


li.examquestionsP {}

li.examquestionsP a {
    color: red !important;
}

.paperList {
    border: 1px solid #567280;
    background-color: #f4f4f4;
    padding: 10px 10px 10px 10px;
    -moz-box-shadow: inset 0 0 10px #b2b2b2;
    -webkit-box-shadow: inset 0 0 10px #b2b2b2;
    box-shadow: inset 0 0 10px #b2b2b2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    min-height: 220px !important;
}

.paperList li {
    margin: 8px 0 !important;
}

.modulegroups {
    border: 1px solid #567280;
    background-color: #f4f4f4;
    padding: 10px 10px 10px 10px;
    -moz-box-shadow: inset 0 0 10px #b2b2b2;
    -webkit-box-shadow: inset 0 0 10px #b2b2b2;
    box-shadow: inset 0 0 10px #b2b2b2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    min-height: 190px !important;
}

.modulegroups h2 {
	text-align: center;
	color: #000 !important;
}

.modulegroups h3 {
        padding: 0 10px;
        text-align: center;
	font-weight: bold !important;   
}

ul.modulelist {
    margin: 8px 0 !important;
    list-style: none;
    padding: 0px 0 !important;
    float: left;
    width: 100% !important;
}

ul.modulelist li {
    width: 116px;
    border-right: 1px solid black;
    text-align: center;
    float: left;
    padding: 0 0px !important;
    margin: 0 !important;
    list-style: none;
    line-height: 4px;
}

ul.modulelist li:last-child {
    border-right: none;
}



.smallmodulegroups {
    border: 1px solid #567280;
    background-color: #f4f4f4;
    padding: 10px 10px 10px 10px;
    -moz-box-shadow: inset 0 0 10px #b2b2b2;
    -webkit-box-shadow: inset 0 0 10px #b2b2b2;
    box-shadow: inset 0 0 10px #b2b2b2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    min-height: 400px !important;
}

.smallmodulegroups h2 {
	text-align: center;
	color: #000 !important;
}

.smallmodulegroups h3 {
        padding: 0 10px;
        text-align: center;
	font-weight: bold !important;   
}

ul.smallmodulelist {
    margin: 8px 0 !important;
    list-style: none;
    padding: 0px 0 !important;
    float: left;
    width: 100% !important;
}

ul.smallmodulelist li {
    width: 116px;
    border-right: 1px solid black;
    text-align: center;
    float: left;
    padding: 0 0px !important;
    margin: 0 !important;
    list-style: none;
}

ul.smallmodulelist li:last-child {
    border-right: none;
}

/* Adding Q&A section */
.quick-links {color:#707070;}
.quick-links a{text-decoration:none;margin-right:10px;display: none;}
.flex-grid {display: flex;align-items: center;font-size:20px;color:#707070;margin-bottom:10px;}
.flex-grid .col {flex: 1;vertical-align: middle;}
.flex-grid .col.question a{text-decoration:none;color:#5158BE;}
.flex-grid .col.answer a{text-decoration:none;color:#347000;}
span.counter{width: 17px;display: inline-block;}
span.calculator,
span.difficulty{margin-left:10px;display:inline-block;width:20px;height:20px;background-image: url("snippet.svg");background-position: 0px 0px;background-repeat: no-repeat;font-size: 0;background-size: 50px;cursor: pointer;}
span.calculator.nope{background-position: -30px 0px;}
span.difficulty{width:60px;background-position: 0px -30px;}
span.difficulty.medium{width:60px;background-position: 0px -63px;}
span.difficulty.hard{width:60px;background-position: 0px -100px;}
.col.marks,.col.questionnumber{text-align:center;}
h1.tag-page{margin-bottom:50px;}


.popup{position: fixed;left: 0;width: 100vw;height: 100vh;background-color:#03A9F490;z-index: 10;vertical-align: middle;display:none;top: 0;padding-top: 15vh;}
.popup.active{display:block;}
.popupbox{background-color:#fff;max-width:555px;width:90vw;display:block;margin:0 auto;padding:20px 30px;}
.closeme{max-width:555px;width:90vw;display:block;position:relative;margin: 0 auto;}
.closeme img{float: right;margin-top: 0px;margin-right: -30px;width: 50px;}
.popupbox p {font-size:18px;}

.filter{width:fit-content;margin:40px auto;}

.dropbtn {background-color: #03A9F4;color: white;padding: 10px;font-size: 16px;border: none;border-radius: 10px;}
.dropbtn.secondone {background-color: #4849A6;}
.dropdown:hover .dropbtn.secondone {background-color: #03A9F4;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: absolute;background-color: #f1f1f1;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.dropdown-content a:hover {background-color: #ddd;}
.diffy .dropdown-content a{display:none;}

.topbox#s {border:0;font-size: 16px;float:none;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #4849A6;}
.topbox#s,
.topbox {border-bottom:1px solid #DEDEDE;padding-bottom:40px;margin-top:40px;padding-left: 110px;}
.topbox:before {content:'a';color:#F6772A;font-size:65px;float: left;position: relative;margin-left: -90px;text-transform: uppercase;width: 52px;text-align: center;}
.topbox a {display: inline-block;width: 250px;text-decoration: none;color:#707070;vertical-align: top;}
.letter3:before {content:'3D';}
.letterb:before {content:'b';}
.letterc:before {content:'c';}
.letterd:before {content:'d';}
.lettere:before {content:'e';}
.letterf:before {content:'f';}
.letterg:before {content:'g';}
.letterh:before {content:'h';}
.letteri:before {content:'i';}
.letterj:before {content:'j';}
.letterk:before {content:'k';}
.letterl:before {content:'l';}
.letterm:before {content:'m';}
.lettern:before {content:'n';}
.lettero:before {content:'o';}
.letterp:before {content:'p';}
.letterq:before {content:'q';}
.letterr:before {content:'r';}
.letters:before {content:'s';}
.lettert:before {content:'t';}
.letteru:before {content:'u';}
.letterv:before {content:'v';}
.letterw:before {content:'w';}
.letterx:before {content:'x';}
.lettery:before {content:'y';}
.letterz:before {content:'z';}
.topbox #s {}

h2.topic-title {font-weight: 400;text-transform: capitalize;font-size: 32px;}
h1.title-faded {display:block;background-color:#F6772A;color:#fff;font-size:19px;width: fit-content;padding: 12px 35px;}
.hidey {position: fixed;left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: white;z-index: 99;}
.tooltips .tooltiptext {visibility: hidden;width: 120px;background-color: #03A9F4;color: #fff;text-align: center;border-radius: 6px;position: absolute;z-index: 1;font-size:12px;margin-top: -25px;}
.tooltips:hover .tooltiptext {visibility: visible;}
.takemeback {cursor: pointer;}
.breadcrumb-trail {text-transform: capitalize;}
a.summercourses{float:right;color:#f6772a;font-weight:bold;margin-right:20px;margin-top: 4px;}
a.login{border: 1px solid #1A3A68;display: block;border-radius: 15px;padding: 5px 10px;}
a.shop-in-menu{border: 1px solid #1A3A68;border-radius: 15px;padding: 5px 10px;margin-right: 5px;}
a.shop-in-menu-home{border: 1px solid #1A3A68;border-radius: 15px;padding: 5px 10px;}
body.home a.login{display: none;}
body.home a.login.othp{display: block;}

@media only screen and (max-width:599px) {
    .qandasect .flex-grid .col.question,
    .qandasect .flex-grid .col.answer {text-align: center;padding:3px;}
    main.qandasect{padding:5px !important;}
	a.summercourses{margin: 10px 30vw 10px 0;}
}

/* Ajax cart icon in header */
.cart-contents:before {
    content: '';
	background: url('https://www.examsolutions.net/wp-content/uploads/2022/02/shopping-cart-solid-blue2.svg') no-repeat center center;;
    background-size: contain;
	width: 24px;
	height: 24px;
	margin: -2px -4px;
	display: inline-block;
    color: #3cbfe0;
}
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
    color: #fff;
    background-color: #DB6F1C;
    font-weight: bold;
	font-size: 12px;
    border-radius: 10px;
    padding: 2px 6px;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
}/* End custom CSS */