/**
* @license
*
* Font Family: General Sans
* Designed by: Frode Helland
* URL: https://www.fontshare.com/fonts/general-sans
* © 2024 Indian Type Foundry
*
* General Sans Extralight 
* General Sans ExtralightItalic 
* General Sans Light 
* General Sans LightItalic 
* General Sans Regular 
* General Sans Italic 
* General Sans Medium 
* General Sans MediumItalic 
* General Sans Semibold 
* General Sans SemiboldItalic 
* General Sans Bold 
* General Sans BoldItalic 
* General Sans Variable (Variable font)
* General Sans VariableItalic (Variable font)

*
*/
@font-face {
    font-family: 'GeneralSans-Extralight';
    src: url('../fonts/GeneralSans-Extralight.woff2') format('woff2'),
        url('../fonts/GeneralSans-Extralight.woff') format('woff'),
        url('../fonts/GeneralSans-Extralight.ttf') format('truetype');
    font-weight: 200;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'GeneralSans-ExtralightItalic';
    src: url('../fonts/GeneralSans-ExtralightItalic.woff2') format('woff2'),
        url('../fonts/GeneralSans-ExtralightItalic.woff') format('woff'),
        url('../fonts/GeneralSans-ExtralightItalic.ttf') format('truetype');
    font-weight: 200;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'GeneralSans-Light';
    src: url('../fonts/GeneralSans-Light.woff2') format('woff2'),
        url('../fonts/GeneralSans-Light.woff') format('woff'),
        url('../fonts/GeneralSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'GeneralSans-LightItalic';
    src: url('../fonts/GeneralSans-LightItalic.woff2') format('woff2'),
        url('../fonts/GeneralSans-LightItalic.woff') format('woff'),
        url('../fonts/GeneralSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'GeneralSans-Regular';
    src: url('../fonts/GeneralSans-Regular.woff2') format('woff2'),
        url('../fonts/GeneralSans-Regular.woff') format('woff'),
        url('../fonts/GeneralSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'GeneralSans-Italic';
    src: url('../fonts/GeneralSans-Italic.woff2') format('woff2'),
        url('../fonts/GeneralSans-Italic.woff') format('woff'),
        url('../fonts/GeneralSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'GeneralSans-Medium';
    src: url('../fonts/GeneralSans-Medium.woff2') format('woff2'),
        url('../fonts/GeneralSans-Medium.woff') format('woff'),
        url('../fonts/GeneralSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'GeneralSans-MediumItalic';
    src: url('../fonts/GeneralSans-MediumItalic.woff2') format('woff2'),
        url('../fonts/GeneralSans-MediumItalic.woff') format('woff'),
        url('../fonts/GeneralSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'GeneralSans-Semibold';
    src: url('../fonts/GeneralSans-Semibold.woff2') format('woff2'),
        url('../fonts/GeneralSans-Semibold.woff') format('woff'),
        url('../fonts/GeneralSans-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'GeneralSans-SemiboldItalic';
    src: url('../fonts/GeneralSans-SemiboldItalic.woff2') format('woff2'),
        url('../fonts/GeneralSans-SemiboldItalic.woff') format('woff'),
        url('../fonts/GeneralSans-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'GeneralSans-Bold';
    src: url('../fonts/GeneralSans-Bold.woff2') format('woff2'),
        url('../fonts/GeneralSans-Bold.woff') format('woff'),
        url('../fonts/GeneralSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'GeneralSans-BoldItalic';
    src: url('../fonts/GeneralSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/GeneralSans-BoldItalic.woff') format('woff'),
        url('../fonts/GeneralSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: italic;
}

/**
  * This is a variable font
  * You can control variable axes as shown below:
  * font-variation-settings: wght 700.0;
  *
  * available axes:
  'wght' (range from 200.0 to 700.0
  */
@font-face {
    font-family: 'GeneralSans-Variable';
    src: url('../fonts/GeneralSans-Variable.woff2') format('woff2'),
        url('../fonts/GeneralSans-Variable.woff') format('woff'),
        url('../fonts/GeneralSans-Variable.ttf') format('truetype');
    font-weight: 200 700;
    font-display: swap;
    font-style: normal;
}

/**
  * This is a variable font
  * You can control variable axes as shown below:
  * font-variation-settings: wght 700.0;
  *
  * available axes:
  'wght' (range from 200.0 to 700.0
  */
@font-face {
    font-family: 'GeneralSans-VariableItalic';
    src: url('../fonts/GeneralSans-VariableItalic.woff2') format('woff2'),
        url('../fonts/GeneralSans-VariableItalic.woff') format('woff'),
        url('../fonts/GeneralSans-VariableItalic.ttf') format('truetype');
    font-weight: 200 700;
    font-display: swap;
    font-style: italic;
}



@media (min-width: 1200px) {
    .layout-1220 .container {
        max-width: 1440px !important;
        padding: 0;
        width: 100%;
    }

    .layout-1220 .header.content {
        max-width: 1280px !important;
    }

    .cdz-navigation {
        max-width: none;
        width: 88.8%;
        margin: 0 auto;
    }

    .homepage-slider-speevers {
        /* width: 1440px; */
        margin: auto;
    }


    .form.create.account {
        width: 50%;
        padding: 0;
    }

    .form.create.account>.fieldset {
        width: 443px;
    }

}

body {
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
}

/* homepage service */
/* homepage services */
.homepage-services {
    margin: 0 auto;
    max-width: 1120px;
    margin-top: 100px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 118px;
    min-height: 64px;
    color: #3F3C3D;
    margin-bottom: 80px;
}

.service-logo {
    float: left;
    margin-right: 15px;
}

.homepage-service-item {
    min-width: 275px;
}

.homepage-service-item p {
    font-size: 20px;
    line-height: 28px;
    text-transform: capitalize;
    margin-top: 7px;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;

}

.homepage-service-item span {
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-size: 16px;
    line-height: 22.4px;
    display: block;
    font-weight: 400;
    margin-top: -20px;
}

#featured-products {
    width: 88.8%;
    margin: 0 auto;
}

/* reviews section */
.reviews-section {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.reviews-section .item {
    border: solid 1px #8CC63F;
    border-radius: 12px;
    padding: 40px;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-size: 16px;
    line-height: 17px;
    flex: 1 0 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.reviews-section .owl-item {
    padding: 0 !important;
}

.owl-carousel .center {
    background-image: linear-gradient(to right, rgba(140, 198, 63, 0.12), rgba(255, 255, 255, 0.4), rgba(140, 198, 63, 0.12));
}

.center .item {
    color: #3F3C3D;
}

.owl-carousel .owl-nav {
    top: 100% !important;
    width: 6% !important;
    left: 48%;
    margin: auto !important;
}

.owl-carousel .owl-nav button[class*='owl-'] {
    border-radius: 100% !important;
    color: black !important;
    background: rgba(140, 198, 63, 0.3) !important;
    font-size: 21px;
}

.owl-carousel .owl-nav button[class*='owl-']:hover {
    background: rgba(140, 198, 63, 1) !important;
    color: white !important;
}

/*.review-author {
    display: block;
    margin-top: 25px;
}*/

.review-author .author-img {
    max-width: 48px !important;
    max-height: 48px;
    float: left;
    margin-right: 20px;
    border-radius: 50%;
    object-fit: cover;
}

.review-author p {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
}

.review-author span {
    margin-top: -10px;
    display: block;
    font-weight: 400;
    color: #3F3C3D;
    font-size: 14px;
}

.section-title.textimonial-title {
    font-size: 48px;
    line-height: 48px;
}

/* best selling section */
.best-selling-section {
    background-image: linear-gradient(to right, rgba(140, 198, 63, 0.12), rgba(255, 255, 255, 0.4), rgba(140, 198, 63, 0.12));
    margin-top: 40px;
    text-align: center;
}

.section-title {
    text-align: center;
    padding-top: 80px;
    font-size: 64px;
    line-height: 64px;
    color: #8cc63f;
    font-family: "Luckiest Guy", cursive;
    font-weight: 400;
}

.section-description {
    font-size: 16px;
    line-height: 21.6px;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    color: #3F3C3D;
    text-align: center;
}

.owl-stage-outer {
    max-width: none;
}

.products-slider.owl-carousel .owl-stage-outer {
    margin: auto;
}

.products-grid .product-item .product-item-info {
    max-width: 302px;
    height: auto;
    background: none;
    margin: 0 !important;
    padding: 0 !important;
}

.products-grid .product-item .product-item-info:hover {
    background: none;
}

.products-grid .product-item .product-item-info.type1:hover {
    box-shadow: none;
    background: none;
}

.product-item-info .product-item-photo {
    max-width: 302px;
    max-height: 260px;
    border-radius: 3%;
}

.product-image-photo .default_image .porto-lazyload .porto-lazyload-loaded {
    border-radius: 30px;
}

.product-item-name {
    height: 27px;
    text-align: left;
    font-size: 20px;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    line-height: 27px;
    color: #3F3C3D;
    text-transform: capitalize;
}

.product-item-info .product-item-details .price-box {
    text-align: left;
    margin-top: 8px;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    height: 25px;
}

.product-item-info .product-item-details .price-box .price {
    font-size: 20px;
    line-height: 20px;
    color: #8cc63f;
}

.product-item-info .product-item-details .price-box .old-price .price {
    font-size: 16px;
    line-height: 21.6px;
    color: #3F3C3D;
}

.product-item-info .product-item-details .price-box .special-price .price {
    font-size: 20px;
    line-height: 20px;
    color: #8cc63f !important;
}

.product-slider-learn-more {
    display: block;
    width: auto;
    height: 50px;
    border-radius: 9999px;
    padding-top: 14px;
    padding-right: 64px;
    padding-bottom: 14px;
    padding-left: 64px;
    background-color: #8CC63F;
    color: #F5F5F5;
    text-align: center;
    font-size: 16px;
    line-height: 21.6px;
    text-align: center;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
}

a.product-slider-learn-more:hover {
    color: #F5F5F5;
}

.category-in-bottom .category-image {
    display: none;
}

/* navigation css */
.cdz-menu a,
.cdz-menu a:hover :visited {
    color: #8CC63F;
}

.cdz-horizontal-menu .groupmenu li.level1 {
    /* max-width: 238px; */
    display: inline-block;
    margin-left: 20px;
}

.cdz-horizontal-menu .groupmenu li.level1.first {
    margin-left: 0;
}

.cdz-horizontal-menu li.level0>.groupmenu-drop {
    width: 100vw;
    margin-right: 0;
    background-color: none;
    display: done;
}

.groupmenu-drop>.speevers-menu-drop-container {
    width: 88.8% !important;
    margin: 0 auto !important;
    padding-top: 40px;
}

.groupmenu-nondrop>.speevers-menu-drop-container {
    width: 100% !important;

}

.groupmenu-nondrop>.speevers-menu-drop-container h3 {
    padding: 0;
}

.cdz-menu p.groupdrop-title,
.cdz-menu .cat-tree.no-dropdown a.groupdrop-title {
    display: none;
}

.speevers-menu-drop-container h3 {
    font-size: 16px;
    line-height: 21.6px;
    color: #3F3C3D;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
    padding-left: 15px;
    text-transform: uppercase;
}

.speevers-menu-drop-container .menu-link {
    margin-top: 10px;
    display: block;
    font-size: 16px;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
    color: #3F3C3D;
    text-transform: uppercase;
}

.speevers-menu-drop-container .menu-link:hover {
    color: #8CC63F;
}

.category-image-nav {
    width: 236px;
    height: 200px;
    display: block;
}

.category-img-nav:hover~.menu-link {
    color: #8CC63F;
}

.speevers-menu-drop-container li {
    /* margin-left: 24px; */
}

.speevers-menu-drop-container .level1 .item .first {
    margin-left: 0;
}

.speevers-view-all {
    width: 100% !important;
    display: block !important;
    margin: 0 auto;
    margin-bottom: 30px;
}

.speevers-nav-items {
    display: flex;
    flex-direction: row;
}

.speevers-nav-view-all {
    width: 100%;
    height: 52px;
    border-left: 2px solid #8CC63F;
    background-color: rgba(140, 198, 63, 0.15);
    align-items: center;
    margin-top: 30px;
    background-image: url('../images/arrow-right-menu.png');
    background-repeat: no-repeat;
    background-position: right 30px center;
}

.speevers-nav-view-all p {
    color: #8CC63F;
    font-size: 16px;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
    line-height: 21.6px;
    padding-top: 15px;
    padding-left: 20px;
    text-transform: uppercase;
}

.intro-menu-link {
    border-radius: 9999px;
    padding: 12px 64px 12px 64px;
    background-color: #8CC63F;
    position: absolute;
    top: 20px;
    right: 10%;
}

.intro-menu-link .menu-link {
    margin-top: 0;
    color: #ffffff;
    text-transform: capitalize;
}

.intro-menu-link .menu-link :hover {
    color: #ffffff;
}

/* end navigation css */

/* checkout */
#checkout {
    width: 88.8%;
    margin: 0 auto;
}

.opc-wrapper h1 {
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
    font-size: 28px;
    color: #3F3C3D;
    margin-bottom: 10px;
    margin-top: 20px;
}

.opc-wrapper .step-title {
    background-color: #8CC63F;

    color: #ffffff;
    font-size: 12px;
    line-height: 19.2px;

    height: 43px;
    padding: 12px 24px 12px 24px;
}

.opc-wrapper .step-content {
    width: 95%;
    margin: 0 auto;
}

.opc-wrapper .form-login {
    width: 100%;
    max-width: unset;
    padding: 0;
    margin: 0;
    margin-top: 20px;

}

.opc-wrapper .form-login .fieldset .note {
    display: none;
}

.opc-wrapper .form-shipping-address {
    width: 100%;
    max-width: unset;
}

.opc-wrapper .billing-address-form {
    width: 100%;
    max-width: unset;
}

.opc input[name=firstname] {
    background-image: url(../images/ic_baseline-person.png) !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: 5px center !important;
    background-repeat: no-repeat;
    padding-left: 30px !important;
    border: none !important;
    border-bottom: 1px solid !important;
    font-size: 12px;
}

.opc input[name=lastname] {
    background-image: url(../images/ic_baseline-person.png) !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: 5px center !important;
    background-repeat: no-repeat;
    padding-left: 30px !important;
    border: none !important;
    border-bottom: 1px solid !important;
    font-size: 12px;
}

.opc input[name='street[0]'] {
    background-image: url(../images/street-address-icon.png) !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: 5px center !important;
    background-repeat: no-repeat;
    padding-left: 30px !important;
    border: none !important;
    border-bottom: 1px solid !important;
    font-size: 12px;
}

.opc input[name=company] {
    display: none;
}

#shipping-new-address-form .label {
    display: none;
}

.shipping-address-items .shipping-address-item {
    width: 250px;
}

.actions-toolbar>.primary .action-cancel {
    background-color: red !important;
    margin: 0 15px 0 0;
    font-weight: 600;
    padding: 10px 20px 10px 20px !important;
}

.actions-toolbar>.primary .action-update {
    background-color: #8CC63F;
    margin: 0 15px 0 0;
    font-weight: 600;
    padding: 10px 20px 10px 20px !important;
    border: none;
    border-radius: 9999px;
}

.actions-toolbar>.primary .action-cancel span {
    color: #ffffff;
}

.actions-toolbar>.primary .action-update span {
    color: #ffffff;
}

.billing-address-form .label {
    display: none;
}

.checkout-billing-address .label {
    display: none;
}

.fieldset .address .label {
    display: none;
}

.opc .fieldset .field .control {
    display: block;
}

.form-login .fieldset:last-child {
    margin-bottom: 0 !important;
}

.customer-email-fieldset {
    margin-bottom: 0;
}

#co-shipping-form {
    padding-top: 0;
    margin-top: 0;
}

#opc-sidebar {
    background: rgba(140, 198, 63, 0.1);
}

.opc-block-summary {
    background: rgba(140, 198, 63, 0.1);
}

.opc-block-summary .title {
    border-bottom: 1px solid rgba(191, 206, 194, 1);
    font-size: 14px;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
}

.opc-block-summary .table-totals .grand strong {
    color: #3F3C3D;
}

.opc-block-summary .table-totals .totals .mark {
    color: #3F3C3D;
    font-weight: 600;
}

.opc-block-summary .items-in-cart>.title strong {
    color: #3F3C3D;
    font-size: 14px;
}

.opc-block-summary .product-item-details {
    margin-top: 0;
}

.opc-block-summary .minicart-items .product-item-details .price,
.price-including-tax,
.price-excluding-tax {
    color: #3F3C3D;
    font-size: 14px;
}

.checkout-success {
    width: 88.8%;
    margin: 0 auto;
    text-align: center;
}

.checkout-success-image-box {
    margin-top: 30px;
}

.success-btn-wrapper {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.success-btn-wrapper .actions-toolbar .primary {
    float: none;
}

.success-btn-wrapper .actions-toolbar {
    text-align: center;
}

.opc-block-summary .product-item .product .product-image-container {
    width: 90px !important;
    height: 90px !important;
}

/* end checkout */

/* minicart */
.minicart-wrapper.active .block-minicart {
    position: fixed;
    top: 0;
    /* top:175px; */
    width: 480px;
    right: 0;
    min-width: auto;
    margin-top: 0;
    overflow: auto;
    height: 100%;
    padding: 30px 30px 5px;
    font-family: 'GeneralSans-Regular';
}

.minicart-items-wrapper {
    max-height: unset !important;
}

.minicart-header {
    /* margin-top: 10px; */
}

.minicart-header h1 {
    font-size: 28px;
    line-height: 39.2px;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.minicart-header p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    font-family: 'GeneralSans-Regular';
}

.minicart-items-wrapper {
    /* margin-top:10px; */
}

.block-minicart .subtotal span {
    font-weight: 600;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-size: 12px;
    color: #3F3C3D;
}

.block-minicart .block-content>.actions>.secondary .action.viewcart {
    color: #8CC63F;
    border-radius: 9999px;
    border-color: #8CC63F;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-size: 14px;
}

#top-cart-btn-checkout {
    border-radius: 9999px;
    background-color: #8CC63F;
    font-weight: 600;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-size: 14px;
    text-transform: capitalize;
}

.minicart-items .product-item-details {
    order: 2 !important;
    margin-left: 10px;
}

.minicart-items .product-image-container {
    min-width: 100px;
}

.minicart-items .product>.product-item-photo,
.minicart-items .product>.product-image-container {
    min-width: 100px;
}

.minicart-items .product-item-name-mini a {
    font-weight: 600;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-size: 20px;
    line-height: 27px;
    color: #18332F;
}

.minicart-wrapper .product .actions>.secondary {
    background-image: url('../images/minicart-delete.png');
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 21px !important;
    top: 0 !important;
    display: block !important;
    position: relative !important;
}

.minicart-items .action.delete:before {
    content: '' !important;
    /*if delete not working update here */
}


.minicart-wrapper .block-minicart li>.product {
    display: block !important;
}

.product-item-name-mini {
    order: 2;
    padding-left: 20px;
    align-self: center;
    display: block;
}

.minicart-table-td {
    align-content: center;
}

.minicart-price .price {
    font-size: 16px;
    font-weight: 600;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    line-height: 25.6px;
    color: #18332F;
}

.minicart-item-second-row {
    text-align: center;
    font-size: 12px;
}

.minicart-item-second-row th {
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
}

.minicart-col-left {
    text-align: left !important;
}

.minicart-items .item-qty {
    border: none;
    border-bottom: 1px solid #18332F;
    width: 40% !important;
    color: #18332F !important;
    font-size: 14px !important;
    padding-bottom: 12px !important;
    height: auto !important;
}

/* end minicart */

/* customer account my orders */
.my-orders-section {
    padding: 20px;
}

.history thead {
    background-color: #8CC63F;
    color: white;
    padding-left: 20px;
    font-size: 12px;

}

.history tbody tr {
    background: rgba(140, 198, 63, 0.15);

}

.history tbody a:visited {
    color: #8CC63F;
}

#my-orders-table-history thead {
    background-color: #8CC63F;
    color: white;
    font-size: 12px;
}

#my-orders-table-history thead tr th {
    padding-left: 10px;
    padding-right: 10px;
}

#my-orders-table-history tbody tr td {
    padding-left: 10px;
    padding-right: 10px;
}


#my-orders-table-history .product-item-name {
    font-size: 14px;
}

#my-orders-table-history .price {
    font-size: 14px;
}

/* end customer account my orders */

/* product bundle configuration */
.bundle-options-container {
    background: #FFFFFF;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 20;
    border-bottom: 2px solid #3F3C3D;
}

.bundle-options-container .product-add-form {
    width: 88.8%;
    margin: 0 auto;
}

.bundle-config-header {
    display: flex;
    flex-direction: row;
    height: 74px;
    align-items: center;
    border-bottom: 1px solid #8cc63F4D;
    margin-bottom: 30px;
}

.bundle-config-logo {
    width: 100%;
    text-align: left;
}

.bundle-config-title {
    width: 100%;
    text-align: center;
}

.bundle-config-title h3 {
    font-size: 24px;
    line-height: 32.4px;
    color: #3F3C3D;
}

.bundle-config-close {
    width: 100%;
    text-align: right;
}

.bundle-config-close .custom-close {}

.bundle-config-logo-img {
    max-width: 182px;
    height: 32px;
}

.bundle-option-hidden .option .label {
    display: block;
    background: rgba(140, 198, 63, 0.15);
    padding: 16px 24px 16px 24px;
}

.bundle-option-hidden .option .label span {
    font-size: 16px;
    line-height: 19.2px;
    color: #3F3C3D;
    font-weight: 700;
}

.bundle-option-hidden .control {
    display: block;
    width: 100%;
}

#product-options-wrapper {
    width: 100%;
}

.bundle-item.-image>.image,
.bundle-item.-image {
    padding: 5px 5px 5px 5px;
    border: 2px solid #BFCEC2;
    margin-top: 10px;
    width: 100%;
}

p.price-to:before {
    color: #8CC63F;
}

#option_next_btn:hover,
#option_back_btn:hover {
    color: #ffffff;
    background-color: #8CC63F;
}

.bundle-item.-image>.image,
.bundle-item.-image>.content {
    width: 80%;
    background-color: #ffffff;
}

.bundle-item.-image>.image,
.bundle-item.-image>.content .label {
    background-color: #ffffff;
    border: none;
}

.bundle-options-container .product-options-wrapper .field.choice input {
    margin-top: 17px;
    margin-left: 7px;
}

#bundleSummary .box-tocart .field.qty {
    width: auto;
}

#product-addtocart-button :hover {
    background: #8cc63F;
    color: #FFFFFF;
}

.action .primary .tocart:hover {
    background: #8cc63F;

}

#bundleSummary .price-wrapper .price {
    font-size: 32px;
    font-weight: 400;
    line-height: 32px;
    color: #8cc63f;
    font-family: "Luckiest Guy", cursive;
    font-weight: 400;
}

#bundle-slide,
#bundle-slide:hover {
    background: #8cc63F;
    color: #FFFFFF;
    border-radius: 9999px;
}

/* end product bundle configuration */
.product-slider-learn-more:visited {
    color: #F5F5F5;
}

.filterproducts .owl-nav {
    display: none !important;
}

.footer {
    background-color: #3F3C3D;
}

.footer-top .custom-block {
    display: block;
    max-height: 110px;
}

.footer-top .custom-block:before {
    border: none;
}

.footer-top .custom-block::after {
    border: none;
    border-bottom: 1px solid #636669;
}


.footer-middle>.container::after {
    border: none;
    border-top: 1px solid #636669;
}

.footer-middle {
    margin-top: 35px;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
}

.footer .widget-title {
    font-size: 16px !important;
    font-weight: 700;
}

.footer-quick-links {
    /* margin-left: 89px; */
}

.footer-customer-service {
    /* margin-left: 80px; */
}

.textwidget {
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-size: 16px;
    line-height: 21.6px;
    font-weight: 400;
}

.contact-info .contact-info-block {
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-size: 16px;
    line-height: 21.6px;
    font-weight: 400;
}

/* .footer-middle>.container::after {
    border-top: 1px solid #313438;
} */

.footer-top-section-social {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: end;
    gap: 15px;
    align-items: baseline;
}

.footer-top-section-social p {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 18.9px;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
}

.footer .footer-payment-methods-label {
    font-size: 12px;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
    margin-right: 30px;
}

.footer .pmethod {
    margin-left: 6px;
}

.cookie-status-message {
    display: none;
}

.page-header .panel.wrapper {
    display: block !important;
    text-align: center;
    min-height: 39px !important;
}

.page-header .panel.wrapper .header-left {
    display: block !important;
}

.header-top-message {
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-size: 14px;
    font-weight: 600;
    line-height: 18.9px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 39px;
    background-color: #8cc63F;
    color: #ffffff;
}


.page-header.type2 .nav-sections {
    height: 43px;
    background: #e1eec6;
}

.cdz-navigation .cdz-horizontal-menu .groupmenu {
    background: none;
}

.cdz-horizontal-menu .groupmenu li.level0>a.menu-link {
    background-color: #e1eec6;
    line-height: 19px;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-weight: 500;
    font-size: 14px;
}

.category-banners-home {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    /* gap: 16px; */
}

.category-banners-item {
    text-align: center;
    width: 100px;
    margin: 30px;
    margin-bottom: 0;
}

.category-banners-item a {
    color: #3F3C3D;
}

.category-banner-item-title {
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    margin-top: 15px;
    font-size: 16px;
    line-height: 21.6px;
}

.columns .column.main {
    padding-bottom: 0px;
}

.homepage-banners {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.homepage-banner-item {
    max-width: 411px;
    margin-left: 20px;
    background: #e1eec6;
    height: 568px;
    border-radius: 3%;
    position: relative;
}


.homepage-banner-item-content {
    position: absolute;
    top: 390px;
    width: 351px;
    left: 30px;
}

.banner-item-content-title {
    font-size: 36px;
    font-weight: 400;
    color: #3F3C3D;
    text-transform: uppercase;
    font-family: "Luckiest Guy", cursive;
    font-weight: 400;
}

.banner-item-content-description {
    font-size: 14px;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    line-height: 18.9px;
    color: #3F3C3D;
    padding-bottom: 15px;
    padding-top: 10px;
}

.banner-item-content-button {
    width: 206px;
    height: 50px;
    background-color: #8CC63F;
    padding-top: 14px;
    padding-right: 64px;
    padding-bottom: 14px;
    padding-left: 64px;
    font-size: 16px;
    line-height: 21.6px;
    text-align: center;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    border-radius: 9999px;
    color: #FFFFFF;
}

.homepage-banner-item:hover {
    background-image: radial-gradient(#BED901, #01C97D);
}

.homepage-banner-item:hover>.homepage-banner-item-content>.banner-item-content-description {
    color: #F5F5F5;
}

.homepage-banner-item:hover>.homepage-banner-item-content>.banner-item-content-button {
    color: #3F3C3D;
    background: #F5F5F5;
}

.homepage-banner-item:hover>.homepage-banner-item-content>a>.banner-item-content-title {
    color: #F5F5F5;
}

.products-grid .product-item .product-item-info.type1:hover {
    box-shadow: none;
}

.products-grid .product-item .product-item-info:hover {
    background: none;
}

.owl-carousel.owl-drag .owl-item {
    /* max-width: 302px !important; */
}

.mobile-view {
    display: none;
}

/* a:visited {
    color: #FFFFFF;
} */

.search-autocomplete {
    margin-top: 40px !important;
}

.search-autocomplete ul li {
    padding: 12px 24px 12px 24px;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-size: 12px;
    font-weight: 400;
    border: none;
}

.search-autocomplete ul:not(:empty) {
    border: none;
    border-top: 1px solid #8CC63F;
    text-transform: capitalize;
}

.search-autocomplete ul:not(:empty) .amount {
    display: none;
}

.search-category {
    display: none;
}

.page-header.type2 .header-contact .wishlist i {
    font-size: 20px !important;
}

.porto-icon-user-2, .porto-icon-forward {
    font-size: 20px !important;
}


.page-header.type2 .header-contact .my-account {
    font-size: 14px !important;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
}

.page-header.type2 .header-contact .current-link span {
    color: #8CC63F;
}

/* login section */
.login-container {
    padding: 0;
}

.block-customer-login {
    display: block;
    padding: 0 !important;
    margin: 0;
}

.block-title {
    text-align: center;

}

.speevers-auth-title {
    margin-top: 30%;
    text-align: center;
}

#block-customer-login-heading {
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
    font-size: 36px;
    line-height: 48.6px;
    color: #000000;
}

.title-note {
    font-size: 16px;
    line-height: 25.6px;
    color: #BAB7B7;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-weight: 500;
}

.speevers-auth-note {
    font-size: 14px;
    line-height: 18.9px;
    color: #BAB7B7;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-weight: 500;
    color: #3F3C3D;

}

/* checkout */
.checkout-cart-index .page-main {
    width: 88.8% !important;
    margin: auto !important;
}

.cart-container {
    margin-top: 40px;
}

.noitem-top {
    height: 40px;
}

.cart-empty {
    text-align: center;
    margin-top: 40px;
}

.empty-cart-message {
    text-transform: uppercase;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
    font-size: 16px;
    color: #3F3C3D;
    margin-top: 20px;
    line-height: 25.6px;
}

.pagetitle {
    font-size: 28px;
    font-weight: 600;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
}

.cart-message {
    font-weight: 400;
    color: #282828;
    font-size: 16px;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
}

.cart.table-wrapper .cart>.item {
    border-bottom: 1px solid rgba(140, 198, 63, 0.5);
}

.cart.table-wrapper .actions-toolbar>.action-delete:before {
    content: none;
}

.cart.table-wrapper .col.subtotal {
    padding: 0;
}

.cart.table-wrapper .actions-toolbar {
    padding-bottom: 0;
    text-align: right;
}


.item-info dt {
    color: #18332F;
    margin-bottom: 1em;
    font-size: 12px;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-weight: 500;
    line-height: 19.2px;
}

.qty-description {
    text-align: center;
}

.qty-checkout .input-text.qty {
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #3F3C3D !important;
    max-width: 60px;
    padding: 0 !important;
    max-height: 34px;
    height: auto !important;
}

.qty.field .input-text.qty,
.col.qty .input-text.qty {
    height: auto;
}

.cart.table-wrapper .cart tbody td {
    vertical-align: middle;
}

.cart.table-wrapper .product-item-name>a,
.cart.table-wrapper .product-item-name>a:hover {
    font-size: 20px;
    font-weight: 600;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    color: #18332F;
}

.cart-summary {
    background: rgba(140, 198, 63, 0.1);
    border: none;
}

.cart-summary>.title {
    font-size: 14px;
    font-weight: 600;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    color: #3F3C3D;
    padding-bottom: 12px;
    border-bottom: 1px solid #BFCEC2;
}

.cart-summary>.block-shipping {
    display: none;
}

#block-discount>.content {
    display: block;
    margin-top: 20px;
    padding: 0;
}

#coupon_code {
    background: none;
}

.cart-summary .block .actions-toolbar>.primary {
    width: 100%;
}

.cart-summary .block .actions-toolbar>.primary .action.primary {
    width: 100%;
    border-radius: 9999px;
    font-size: 14px;
    padding: 0;
}

.fieldset>.field .coupon_code_label {
    font-size: 16px;
    font-weight: 600;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    color: #3F3C3D;
}

.cart-summary .checkout-methods-items .action.primary.checkout,
.cart-summary .checkout-methods-items .action.primary.checkout:hover {
    border-radius: 9999px;
    background-color: #8CC63F;
    font-size: 14px;
}

.est-total {
    width: auto;
    min-height: 124px;
    background: #FFFFFF;
    text-align: center;
    font-weight: 600;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    color: #18332F;
}

.est-total>.title {
    margin: 0;
    margin-top: 20px;
    padding-top: 20px;
}

.est-total>.price {
    font-size: 24px;
    line-height: 38px;
    margin: 0;
    padding: 0;
}

.est-total>.note {
    margin: 0;
    padding: 0;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-weight: 400;
}

/* end checkout */

/* about us */
.about-us {
    width: 88.8%;
    margin: 0 auto;
    margin-bottom: 80px;
}

.testimonial-container {
    width: 88.8%;
    margin: 0 auto;
}

.portrait-img-about {
    height: -webkit-fill-available;
}

.lanscape-img-about {
    margin-bottom: 8px;
    width: 100%;
}

.landscape-img-about-second {
    width: 100%;
}

.images-about-no-padding {
    padding-right: 0 !important;
}

.about-content {
    width: 80%;
    margin: 0 auto;
    margin-top: 50px;
}

.about-us h1 {
    font-size: 48px;
    line-height: 48px;
    color: #8cc63f;
    font-family: "Luckiest Guy", cursive;
    font-weight: 400;
}

.about-us p {
    font-size: 16px;
    line-height: 25.6px;
    font-family: 'GeneralSans-Regular';

}

.about-elements {
    margin-top: 30px;
}

.about-element {
    display: flex;
}

.about-element-image {
    margin-right: 28px;
}

.about-element-image>img {
    min-width: 80px;
    min-height: 80px;
}

.about-element-content>p {
    margin: 0;
    padding: 0;
}

.about-element-content>p>strong {
    font-size: 16px;
    color: #3F3C3D;
}

.about-transformation {
    /* margin-top: 50px; */
}

.transformation-content {
    margin-top: 60px
}

.charichature {
    text-align: center;
}

.list-container {
    display: flex;
    margin-top: 35px;
}

.about-list>ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-right: 55px;
}

.about-list>ul>li {
    background-image: url('../images/checkmark-circle.png');
    background-repeat: no-repeat;
    background-position-y: 1px;
    padding-left: 30px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    color: #0E2028;
    height: 22px;
    margin-bottom: 22px;
}

.about-banner {
    background-image: radial-gradient(#BED901, #01C97D);
}

.review-background {
    background-image: linear-gradient(to right, rgba(140, 198, 63, 0.12), rgba(255, 255, 255, 0.4), rgba(140, 198, 63, 0.12));
}

/* end about us */

/* introduction click&play */
.intro-desktop {
    background-image: url('../images/hero-img.jpeg');
    height: 680px;
    background-position: center;
}


.clickplay {
    width: 88.8%;
    margin: 0 auto !important;
    height: 680px;
    display: flex;
    align-items: center;
}

.clickplay h1 {
    font-size: 48px;
    font-family: "Luckiest Guy", cursive;
    font-weight: 400;
    line-height: 48px;
    color: #FFFFFF;
}

.clickplay h1 span {
    color: #8CC63F;
    text-transform: uppercase;
}

.clickplay p {
    line-height: 25.6px;
    font-size: 16px;
    color: #FFFFFF;
    font-family: 'GeneralSans-Regular';
}

.clickplay .about-list>ul>li {
    color: #FFFFFF;
}

.clickplay-limit {
    background: rgb(15, 15, 15);
}

.introclick {
    width: 88.8%;
    margin: 0 auto !important;
    min-height: 396px;
}

.introduction h1 {
    font-size: 48px;
    font-family: "Luckiest Guy", cursive;
    font-weight: 400;
    line-height: 48px;
    color: #FFFFFF;
}

.introduction p {
    line-height: 25.6px;
    font-size: 18px;
    color: #FFFFFF;
    font-family: 'GeneralSans-Regular';
    font-weight: 400;
    line-height: 24.3px;
}

.introclick h1 {
    text-align: center;
}

.introclick p {
    text-align: center;
}

.introclick {
    align-items: center;
    text-align: center;
}

.introduction .action.primary {
    background: #8CC63F;
    margin: 0 auto;
    border: none;
    border-radius: 9999px;
    padding: 14px 64px 14px 64px;
    color: #F5F5F5;
    margin-top: 10px;
}

.introduction .action.primary a,
.introduction .action.primary a:hover {
    color: #F5F5F5;
}

.juggling-kit {
    background-image: url('../images/intro-vector-left.png');
    background-repeat: no-repeat;
    background-size: cover;
    /* background: linear-gradient(to right, #0f0f0f 0%, #0f0f0f 10%, #0f0f0f 20%, #0f0f0f 40%, #ffffff 50%, #ffffff 100%); */
}

.juggling {
    width: 88.8%;
    margin: 0 auto !important;
    height: 678px;
    align-items: center;
}

.juggling-content {
    width: 481px;
    margin: auto;
    text-align: center;
}

.juggling-content h1 {
    font-size: 44px;
    line-height: 44px;
}

.infinite-kit {
    /* //background: linear-gradient(to left, #0f0f0f 0%, #0f0f0f 10%, #0f0f0f 20%, #ffffff 40%, #ffffff 50%, #ffffff 100%); */
    background-image: url('../images/vector-right.png');
    background-repeat: no-repeat;
    background-position: right;
}

.infinite {
    width: 88.8%;
    margin: 0 auto !important;
    /* background-image: url('../images/vector-right.png');
    background-repeat: no-repeat;
    background-size: cover; */
    height: 678px;
    align-items: center;
}

.infinite h1 {
    font-size: 44px;
    line-height: 44px;
}

.infinite-content {
    width: 481px;
    margin: auto;
    text-align: center;
    float: right;
}

.work-kit {
    /* //background: linear-gradient(to left, #0f0f0f 0%, #0f0f0f 10%, #0f0f0f 20%, #ffffff 40%, #ffffff 50%, #ffffff 100%); */
    background-image: url('../images/vector-left.png');
    background-repeat: no-repeat;
    background-position: left;
}

.work {
    width: 88.8%;
    margin: 0 auto !important;
    /* background-image: url('../images/vector-right.png');
    background-repeat: no-repeat;
    background-size: cover; */
    height: 678px;
    align-items: center;
}

.work h1 {
    font-size: 44px;
    line-height: 44px;
}

.work-content {
    text-align: center;
    width: 481px;
    margin: auto;
    float: left;
}

.work-content a {
    text-decoration: underline;
}

.work .video-wrapper {
    float: right;
    text-align: right;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
    overflow: hidden;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.highlite-products {
    background: rgb(15, 15, 15);
}

.highlite {
    width: 88.8%;
    margin: 0 auto !important;
    align-items: center;
    text-align: center;
    /*min-height: 678px;*/
}

.highlite h1 {
    color: #8CC63F;
}

.highlite .custom-product-listing .product-item:nth-child(3n + 1) {
    margin-left: 0;
}

.highlite .block.widget .products-grid .product-item {
    margin-left: 0 !important;
}

.highlite .block.widget .products-grid .product-item .product-item-info {
    margin: 0 auto !important;
}

.highlite .product-item-name a,
.highlite .product-item-info .product-item-details .price-box .price {
    /*color: #FFFFFF;*/
    font-size: 16px;
}

.highlite .product-item-info .product-item-details .product-item-actions .actions-primary {
    width: 100%;
}

.highlite .product-item-info .product-item-details .product-item-actions .tocart {
    width: 100%;
    border: none;
    border-radius: 9999px;
    background-color: #8CC63F;
    color: #ffffff;
    text-transform: capitalize;
    height: auto;
    padding: 7px 0;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-size: 16px;
}

.highlite .product-item .tocart:before {
    content: none;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
}

.highlite .block.widget .products-grid .product-item .product-item-info {
    padding: 10px !important;
    margin: 10px !important;
}

.juggling-collection {
    background-image: url('../images/vector-right-2.png');
    background-repeat: no-repeat;
    background-position: right;
}

.collection {
    min-height: 678px;
    width: 88.8%;
    margin: 0 auto !important;
    align-items: center;
}

.collection-content {
    width: 481px;
    margin: auto;
    text-align: center;
    float: right;
}

.ready-to-use {
    background-image: url('../images/vector-left-2.png');
    background-repeat: no-repeat;
    background-position: left;
}

.ready-use {
    min-height: 678px;
    width: 88.8%;
    margin: 0 auto !important;
    align-items: center;
}

.ready-content {
    width: 481px;
    margin: auto;
    text-align: center;
    float: left;
}

.ready-image-block {
    float: right;
}

.help {
    clear: both;
    background-color: rgb(15, 15, 15);
}

.help-contact {
    width: 88.8%;
    min-height: 800px;
    margin: 0 auto !important;
    text-align: center;
    align-items: center;
}

.help-contact-content {
    margin: auto;
}

.help-contact-content input[type="text"],
.help-contact-content .contact-message-input,
.help-contact-content input[type="email"] {
    background: none;
}

.help-contact-content .actions-toolbar:before {
    display: block;
    content: none;
    clear: both;
}

.help-contact-content .actions-toolbar .primary {
    float: none;
    display: block;
}

.help-contact-content .form {
    margin-top: 40px;
}

.intro-services {
    background-color: rgb(15, 15, 15);
}

.intro-services .homepage-services {
    margin: 0 auto;
    align-items: center;
}

.services-block-intro {
    min-height: 300px;
    align-items: center;
}

.introduction .homepage-services p {
    font-size: 20px;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
}

.introduction span {
    color: #ffffff;
}

/* end click&play */
.privacy-policy {
    width: 88.8%;
    margin: 0 auto;
}

.cms-content h1 {
    font-size: 28px;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
    line-height: 39.2px;
}

.cms-content h2 {
    font-size: 18px;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
    line-height: 35.2px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.cms-content p {
    font-family: 'GeneralSans-Regular';
    font-weight: 400;
    font-size: 16px;
    line-height: 22.4px;
    color: #3F3C3D;
}

.cms-content p a {
    color: #3F3C3D;
    text-decoration: underline;
}

.cms-content table>thead>tr>th {
    font-size: 14px;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
    color: #3f3f3f;
}

.cms-content table tr:nth-child(odd) {
    background: rgba(140, 198, 63, 0.15);
}

.cms-content table tr:nth-child(even) {
    background: none;
}

.cms-content .data-table-definition-list thead tr {
    background-color: #8CC63F;
}

.cms-content .content-row strong {
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
    color: #3F3C3D;
}

.terms-of-service {
    width: 88.8%;
    margin: 0 auto;
}

.shipping-delivery {
    width: 88.8%;
    margin: 0 auto;
}

.shipping-delivery ol {
    margin: 0;
    padding-left: 10px;
}

/* cms-content pages */



/* end cms-content pages */

/* my account section */
.speevers-account-wrapper {
    background-color: rgb(140, 198, 63, 0.1);
}

.custom-speevers-myaccount {
    width: 88.8%;
    margin: 0 auto !important;
}

.custom-speevers-myaccount .main {
    margin-bottom: 0 !important;
    background-color: #ffffff;
}

.account-settings {
    padding: 20px;
}

.block-addresses-default {
    padding: 20px;
}

.speevers-account .fieldset {
    width: 100% !important;
}

.speevers-account .actions-toolbar .primary {
    float: none !important;
    clear: both;
    display: block !important;
    margin: auto;
}

.form-address-edit .fieldset {
    width: 100% !important;
}

.password-input-field {
    background-image: url('../images/material-symbols_lock-sharp.png') !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: 5px center !important;
    background-repeat: no-repeat;
    padding-left: 40px !important;
    border: none !important;
    border-bottom: 1px solid !important;
    font-size: 16px;
    color: #3F3C3D;
}

.name-input-field {
    background-image: url('../images/name-input.png') !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: 5px center !important;
    background-repeat: no-repeat;
    padding-left: 40px !important;
    border: none !important;
    border-bottom: 1px solid !important;
    font-size: 16px;
    color: #3F3C3D;
}

.company-input-field {
    background-image: url('../images/company-input.png') !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: 5px center !important;
    background-repeat: no-repeat;
    padding-left: 40px !important;
    border: none !important;
    border-bottom: 1px solid !important;
    font-size: 16px;
    color: #3F3C3D;
}

.phone-input-field {
    background-image: url('../images/phone-input.png') !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: 5px center !important;
    background-repeat: no-repeat;
    padding-left: 40px !important;
    border: none !important;
    border-bottom: 1px solid !important;
    font-size: 16px;
    color: #3F3C3D;
}

.address-input-field {
    background-image: url('../images/address-input.png') !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: 5px center !important;
    background-repeat: no-repeat;
    padding-left: 40px !important;
    border: none !important;
    border-bottom: 1px solid !important;
    font-size: 16px;
    color: #3F3C3D;
}

.address-add span {
    color: #ffffff;
}

.account-nav-content .current {
    border: none;
    background-color: #8CC63F;
    color: #F5F5F5;
    text-decoration: none;
    padding: 10px 24px 10px 24px;
}

.account-nav-content .current strong {
    border: none !important;
}

.account-nav-content ul>li {
    height: 60px;
    padding: 10px 24px 10px 24px;

}

.account-nav-content .item a {
    border: none;
}

.account-nav .desktop {
    margin-top: 20px;
}

.desktop-account-sidebar {
    margin-top: 40px;
}

.account-nav .nav>li>a {
    border: none !important;
}

.password-input-field ::placeholder {
    color: #3F3C3D;
}

.hide-element {
    display: none;
}

.customer-page-title {
    margin-top: 30px;
}

.account-sidebar-mobile {
    display: none;
}

/* end my account */
#maincontent {
    padding: 0;
    /* width: 88.8%; */
    margin: 0;
}

.form-login {
    width: 60%;
    margin: auto;
}

.block-customer-login .block-content {
    margin-top: 4%;
    margin-bottom: 40px;
}

.form .forget {
    max-width: 62% !important;
}

.remind:visited {
    color: #3F3C3D;
}

.product.description ul .prod-desc-opening {
    background-color: none;
    background: none;
}

.prod-desc-opening {
    background-color: none;
    background: none;
}

.form.password.forget {
    max-width: 62%;
}

.login-banner-img img {
    width: 100%;
}

.login-banner {
    padding: 0 !important;
    margin: 0 !important;
}

.speevers-auth-note {
    margin-top: 30px !important
}

.fieldset>.field input.input-text {
    border: none;
    border-bottom: 1px solid #BAB7B7;
    font-size: 16px;
    font-weight: 500;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
}

.login-container .block .actions-toolbar>.primary,
.login-container .block .actions-toolbar>.secondary {
    text-align: center;
}

.login-container .block .actions-toolbar>.primary .action,
.login-container .block .actions-toolbar>.secondary .action {
    width: auto;
    text-transform: capitalize;
    background-color: #8CC63F;
    color: #F5F5F5;
    border: none;
    border-radius: 9999px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 64px;
    padding-right: 64px;
}

.form.forget .actions-toolbar>.primary,
.form.forget .actions-toolbar>.secondary {
    margin-top: 20px;
    text-align: center;
}

.form.forget .actions-toolbar>.primary .action,
.form.forget .actions-toolbar>.secondary .action {
    width: 280px;
    text-transform: capitalize;
    background-color: #8CC63F;
    color: #F5F5F5;
    border: none;
    border-radius: 9999px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 64px;
    padding-right: 64px;
}

.form.create.account .actions-toolbar>.primary .action,
.form.create.account .actions-toolbar>.secondary .action {
    width: auto;
    text-transform: capitalize;
    background-color: #8CC63F;
    color: #F5F5F5;
    border: none;
    border-radius: 9999px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 64px;
    padding-right: 64px;
}

.form.create.account .actions-toolbar {
    margin: auto;
    margin-top: 50px;
    padding: 0;
}

.speevers-auth-title-registration {
    margin-top: 20%;
    text-align: center;
}

.form.create.account {
    max-width: none;
    margin: auto;
    padding: 20px;
    width: 65%;
}

.form-login .actions-toolbar {
    margin-top: 50px;
}

.login-container .fieldset:after {
    display: none;
}

.forgot-password {
    text-align: center;
}

.forgot-password a {
    color: #3F3C3D;
    font-size: 14px;
    line-height: 22.4px;
    font-weight: 500;
    text-decoration: underline;
}

.forgot-password a:hover {
    color: #3F3C3D;
}

.control {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.icon {
    color: #BAB7B7;
    padding: 20px;
    min-width: 50px;
    text-align: center;
}

.input-field {
    width: 100%;
    padding: 10px;
    outline: none;
}

.form.create.account>.fieldset {
    float: none;
    margin: auto;
    width: auto;
    padding: 0;
}

/* 404 page */
#missing-container {
    text-align: center;
    background-image: url(/media/wysiwyg/Sorry.png);
    min-height: 550px;
    background-repeat: no-repeat;
    background-position: top;
}

.container-max-width {
    max-width: 1280px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}

.missingpage-title {
    color: #8cc63f;
    font-family: "Luckiest Guy", cursive;
    font-size: 48px;
    text-align: left;
    margin-top: 30%;
}

.missingpage-content {
    text-align: left;
    font-size: 16px;
    font-family: 'GeneralSans-Regular';
    margin-top: 20px;
}

.missingpage-image-mobile {
    text-align: center;
}

.product-item-details {
    position: relative;
    z-index: 1;
    margin-top: 35px;
}

.page-products .columns {
    max-width: 88.8%;
    margin: auto;
}

.page-wrapper>.breadcrumbs {
    max-width: 88.8%;
    margin: auto;
}

.page-header .header-main {
    width: 88.8%;
    margin: auto;
}

.footer-middle {
    width: 88.8%;
    margin: auto;
    margin-top: 40px;
}

.footer-bottom {
    width: 88.8%;
    margin: auto;
}

.footer .container {
    padding: 0 !important;
}

[data-content-type='row'][data-appearance='contained'] {
    /* width: 88.8%; */
    max-width: none;
    padding: 0;
    margin: 0 auto;
}

.footer-top {
    width: 88.8%;
    margin: auto;
}

/* product page */
.speevers-product-page {
    width: 88.8%;
    margin: 0 auto;
}

.product-info-main .page-title-wrapper h1 {
    text-transform: capitalize !important;
    font-size: 28px;
    line-height: 37.8px;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-weight: 600 !important;
}

.product-info-price .price-box .price {
    font-size: 28px;
    color: #8cc63f;
    font-family: "Luckiest Guy", cursive;
    font-weight: 400;
}

.page-wrapper>.breadcrumbs .items>li {
    font-size: 12px;
    color: #3F3C3D;
    font-family: 'GeneralSans-Regular';
    line-height: 16.2px;
}

li.prod-desc-bult-LI {
    background-image: url('../images/check-solid.svg');
    background-repeat: no-repeat;
    background-position-y: 7px;
    background-size: 25px 25px;
    padding-left: 40px;
    margin-bottom: 10px;
    line-height: 25.6px;
    padding-top: 3px;
    font-size: 16px;
}

li.prod-desc-bult-LI strong {
    color: #8CC63F;
}

.porto-info-list,
.product.description ul {
    margin: 0;
    padding: 0;
}

.product.description ul p {
    display: block;
    height: 51px;
    background-color: #e1eec6;
    padding: 0;
    margin: 0;
    text-align: center;
    padding-top: 12px;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
    color: #3F3C3D;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
}

/*.product.description ul li {
    width: 88.8%;
    margin: 0 auto;
    margin-top: 24px;
}
*/
li.prod-desc-tips-bult-LI {
    background-image: url('../images/tip-icon.png');
    background-repeat: no-repeat;
    background-position-y: 7px;
    background-size: 26px 25px;
    padding-left: 40px;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
    color: #8CC63F;
    font-size: 16px;
}

.box-tocart .field.qty {
    width: 34.5%;
    margin-bottom: 0;
}

.box-tocart .action.tocart {
    background-color: #8CC63F !important;
    border-radius: 9999px;
    min-width: 330px;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
    font-size: 16px;
    line-height: 21.6px;
    text-transform: capitalize;
}

.towishlist {
    display: none;
}

.qty.field .control,
.col.qty .control {
    width: auto;
}

.qty.field .control,
.col.qty .control {
    max-width: 292px;
    margin: 0;
}

.box-tocart .action.tocart:before {
    content: none;
}

.qty.field .qty-changer>a,
.col.qty .qty-changer>a {
    border-radius: 9999px;
    width: 54px;
    height: 54px;
    border-color: #3F3C3D;
}

.qty.field .input-text.qty,
.col.qty .input-text.qty {
    width: 160px;
    width: 160px;
    height: 54px;
    padding: 10px 40px 10px 40px;
    gap: 10px;
    border-radius: 9999px;
    border: 1px solid #3F3C3D;
}

.swatch-option.text.selected {
    background-color: #8CC63F;
    color: #F5F5F5;
}

.catalog-product-view .page-bottom {
    padding: 0 !important;
    margin: 0 auto;
}

.promo-products ul {
    margin: 0 auto;
    padding: 0;
    margin-top: 20px;
}

.promo-products ul p {
    display: block;
    height: 51px;
    background-color: #e1eec6;
    padding: 0;
    margin: 0;
    text-align: center;
    padding-top: 12px;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
    color: #3F3C3D;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
}

.promo-products-listing {
    width: 88.8%;
    margin: 0 auto;
}

.amprot-label {
    width: 100%;
    background-color: #e1eec6;
    padding: 12px 24px 12px 24px;
    font-size: 16px;
    color: #3F3C3D;
    margin-bottom: 15px;
}

.amprot-swatch-option {
    border-radius: 9999px;
    padding: 10px 40px 10px 40px;
    border: 1px solid #898788;
}

.amprot-swatch-option:hover,
.amprot-swatch-option.-selected {
    background-color: #8CC63F;
    color: #F5F5F5;
    border-color: #898788;
}

.contact-page {
    width: 88.8% !important;
    margin: 0 auto !important;
    padding-top: 40px;
}

.contact-index-index .contact-info .contacts-title {
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-size: 28px;
    line-height: 39.2px;
    color: #3F3C3D;
    font-weight: 600;
}

.contact-index-index .page-main .contact-info p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 22.4px;
    color: #282828;
    /* width: 60%; */
    margin-bottom: 20px;
    font-family: 'GeneralSans-Regular';
    margin-bottom: 40px;
}

.contact-methods a {
    color: #8CC63F;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-size: 18px;
    margin-left: 10px;
    font-weight: 600;
}

.contact-methods {
    margin-bottom: 10px;
}

.contact-name-input {
    background-image: url('../images/ic_baseline-person.png') !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: 5px center !important;
    background-repeat: no-repeat;
    padding-left: 30px !important;
    border: none !important;
    border-bottom: 1px solid !important;
    font-size: 16px;
}

.contact-email-input {
    background-image: url('../images/ic_baseline-email.png') !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: 5px center !important;
    background-repeat: no-repeat;
    padding-left: 30px !important;
    border: none !important;
    border-bottom: 1px solid !important;
    font-size: 16px;
}

.contact-password-input {
    background-image: url('../images/material-lock.png') !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: 5px center !important;
    background-repeat: no-repeat;
    padding-left: 30px !important;
    border: none !important;
    border-bottom: 1px solid !important;
    font-size: 16px;
}

.contact-phone-input {
    background-image: url('../images/carbon_phone-filled.png') !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: 5px center !important;
    background-repeat: no-repeat;
    padding-left: 30px !important;
    border: none !important;
    border-bottom: 1px solid !important;
    font-size: 16px;
}

.contact-message-input {
    border: none !important;
    border-bottom: 1px solid !important;
}

.actions-toolbar>.primary .action:last-child,
.actions-toolbar>.secondary .action:last-child {
    border-radius: 9999px;
    background-color: #8CC63F;
    color: #F5F5F5;
    border: none;
    margin-bottom: 20px;
    padding: 16px 120px 16px 120px;
}

.contact-page .actions-toolbar {
    margin: 0 auto;
}

::placeholder {
    color: #BAB7B7 !important;
}

.contact-form-view {
    font-family: 'GeneralSans-Regular';
}

.page-layout-1column .toolbar-products {
    border-bottom: 1px solid #8CC63F80;
    background: #FFFFFF;
}

.product-slider-learn-more:hover {
    cursor: pointer;
}

.listing-learnmore {
    margin-bottom: 40px !important;
}

.product-item-info.type9 .product-item-actions>.action,
.product-item-info.type9 .product-item-actions>.actions-primary .tocart {
    opacity: 1;
    visibility: visible;
}

.item-options dd {
    font-weight: 600;
    color: #3F3C3D;

}

.mobile {
    display: none;
}

/*.product-image-photo.default_image {
    min-height: 242px !important;
    max-height: 242px !important;
}*/


.products.wrapper~.toolbar .pages {
    margin: 0 auto;
}

.pages strong.page,
.pages a.page,
.pages .action {
    border-radius: 9999px;
}

.pages .item .current {
    background-color: #8CC63F;
    color: #FFFFFF;
}

.pages strong.page:hover,
.pages a.page:hover,
.pages .action:hover {
    background-color: #8CC63F;
    color: #FFFFFF !important;
}

.pages .current strong.page {
    background-color: #8CC63F;
    color: #FFFFFF;
}

.contact .actions-toolbar .primary {
    float: none;
    display: block;
    margin: 0 auto;
}

.product-options-wrapper p.required {
    display: none;
}

.product-info-main .product-info-price {
    border: none !important;
}

input[type="text"] {
    border: none !important;
    border-bottom: 1px solid !important;
}

select {
    border: none !important;
    border-bottom: 1px solid !important;
}

.form-address-edit .actions-toolbar .primary {
    display: block;
    float: none;
    margin: 0 auto;
}

.form-edit-account .speevers-account input::placeholder {
    color: #3F3C3D !important;
}

.form-edit-account .password-input-field::placeholder {
    color: #3F3C3D !important;
}

.page-header.type2 .block-search input {
    border-bottom: none !important;
}

button:hover {
    background-color: #8CC63F !important;
}

.cart-summary-helpful-links {
    list-style: none;
    padding: 0;
    margin-top: 25px;
}

.cart-summary-helpful-links li a {
    color: #3F3C3D;
}

/*.products-crossell .product-image-photo.default_image {
    max-width: unset !important;
    max-height: unset !important;
}*/

.block .crossell {
    width: 100%;
}

.block.crosssell {
    width: 100%;
    float: none;
}

.block .crossell .block-title {
    margin-bottom: 20px;
    background: rgba(140, 198, 63, 0.3);
    padding: 16px 30px 16px 30px;
}

.block .block-title {
    margin-bottom: 20px;
    background: rgba(140, 198, 63, 0.3);
    padding: 16px 30px 16px 30px;
}

.crossell .title {
    margin-bottom: 20px;
    background: rgba(140, 198, 63, 0.3);
    padding: 16px 30px 16px 30px;
}

#block-crosssell-heading {
    font-size: 12px;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
}

.prod-desc-tips-ttl {
    text-align: center;
    text-transform: uppercase;
    background: #e1eec6;
    padding: 13px 0;
    color: #3F3C3D;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
    font-size: 12px;
    width: 100%;
    margin: 0 auto;
}

/*12-may*/
.product-description-main,
.tips-list-main {
    width: 88.8%;
    margin: 0 auto;
    padding: 40px 0px;
}

.key_features li:before {
    width: 5px;
    height: 5px;
    background-color: #000;
    position: absolute;
    left: 0px;
    top: 16px;
    content: "";
    border-radius: 100%;
}

ul.key_features li {
    position: relative;
    padding-left: 19px;
}

ul.key_features {
    margin-left: 15px !important;
    display: block;
}

.product-description-main p {
    font-size: 16px;
    font-weight: 400;
    color: rgba(14, 32, 40, 1);
    line-height: 1.8;
}

.porto-info-list li,
.product.description ul li {
    font-size: 16px;
}

.product-options-wrapper .swatch-option.text {
    border-radius: 25px;
    padding: 12px 40px !important;
    margin-left: 0 !important;
    color: #3F3C3D;
    font-weight: 500;
    border: 1px solid #3F3C3D;

}

.product-options-wrapper .swatch-option.text:hover {
    border: 1px solid #3F3C3D !important;
    color: #fff;
    background: #3F3C3D;
}

.product-options-wrapper .swatch-option.text.selected {
    color: #fff;
    background: #3F3C3D;
}

.product-options-wrapper .swatch-attribute-label {
    font-weight: 700;
    display: block;
    font-size: 16px !important;
    color: #3F3C3D !important;
    text-transform: unset;
}

.product-options-wrapper .swatch-attribute-options {
    display: block;
    padding-left: 0;
}

.product-options-wrapper .swatch-option.text:focus {
    box-shadow: unset;
}

.product-options-wrapper .swatch-attribute {
    background: #eef7e2;
    padding: 0 10px;
    margin-bottom: 20px;
}

.best-selling-section .highlite-products {
    background: none;
}

/*.highlite .product-item-info .product-image-photo.default_image{
	max-height: unset !important;
    min-height: unset !important;
}*/

/* 23 jun */
.category-top-content {
    background: url(../images/cat-bg.svg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    padding-block: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.category-top-content .breadcrumbs ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.category-top-content .breadcrumbs ul li {
    margin: 0 !important;
}

.category-top-content .breadcrumbs ul li a {
    font-family: 'GeneralSans-Regular', 'PT Sans Caption', 'Helvetica';
    color: #fff;
    font-weight: 400;
    font-size: 12px;
}

.category-top-content .breadcrumbs ul li strong {
    font-family: 'GeneralSans-Regular', 'PT Sans Caption', 'Helvetica';
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: normal;
}

.category-top-content .breadcrumbs ul li {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.category-top-content .breadcrumbs ul li:not(:last-child)::after {
    content: "";
    background: url(../images/white-breadcrumb-arrow.svg);
    background-repeat: no-repeat;
    background-size: 100% 80%;
    width: 10px;
    height: 14px;
    background-position: center;
}

.category-top-content .category-description-main h2 {
    font-weight: 400;
    font-size: 28px;
    line-height: 100%;
    font-family: 'Luckiest Guy', sans-serif;
    color: #fff;
    margin-bottom: 10px;
}

.category-top-content .category-description-main p {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #fff;
}

.category-top-content .category-description-main {
    display: flex;
}

.category-top-content .category-description-left {
    position: relative;
    width: 50%;
    z-index: 1;
}

.category-top-content .category-description-main .category-description-right {
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.category-top-content .category-description-main .category-description-right img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: top left;
}

.category-top-content .category-description-main p:last-child {
    margin: 0;
}

.category-top-content .category-description {
    padding-block: 70px 95px;
    margin: 0 auto;
    max-width: 88.88%;
}

.category-top-content .breadcrumbs {
    margin: 0 auto;
    max-width: 88.88%;
}

/* Footer Start */

.footer-top .row {
    align-items: center;
}

.footer-top-section-social {
    align-items: center;
}

.footer-top-section-social p {
    margin: 0;
}

.footer-top .custom-block:before,
.footer-top .custom-block:after {
    display: none;
}

.footer-top {
    padding-bottom: 30px;
}

.footer {
    padding-block: 48px 0;
}

.footer-middle {
    margin: 0 auto;
    border-block: 1px solid #9F9D9E !important;
    padding-block: 30px !important;
}

.footer-middle>.container::after {
    display: none;
}

.footer_about_us {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 425px;
}

.footer_about_us .footer_about_us_left {
    width: 160px;
}

.footer_about_us_right {
    width: Calc(100% - 180px);
}

.footer_about_us_right h4 {
    font-size: 18px;
    color: #8cc63f;
    font-family: "Luckiest Guy", cursive;
    font-weight: 400;
}

.footer_about_us_right p {
    font-family: 'GeneralSans-Regular', 'PT Sans Caption', 'Helvetica';
    font-size: 12px;
    line-height: 1.6;
}

.footer_about_us_right a {
    text-align: center;
    background: radial-gradient(181.64% 1039% at 45.25% 55.56%, #8CC63F 0%, #01C97D 100%);
    padding: 8px 16px;
    width: 100%;
    display: block;
    border-radius: 300px;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-weight: 600;
}

.footer-customer-service .widget-title {
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
}

.footer-customer-service .custom-html-widget ul li a {
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-size: 16px;
}

.footer-customer-service .custom-html-widget ul.mobile_socials {
    flex-direction: row;
    display: none;
}

.footer-customer-service .custom-html-widget ul {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-customer-service .custom-html-widget>a {
    color: #8CC63F;
    font-size: 16px;
    line-height: 100%;
    text-decoration: underline;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    margin-bottom: 10px;
    display: inline-block;
}

.footer-customer-service .custom-html-widget>p {
    line-height: 1.3;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-size: 12px;
}

.contact_footer>h3 {
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    font-weight: 700;
    font-size: 16px !important;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.4;
    cursor: pointer;
}

#contact-form-footer :is(input, textarea) {
    color: #fff !important;
    background-image: none !important;
    background: transparent;
    padding: 0 0 12px 0 !important;
    font-size: 16px;
    border-bottom: 1px solid #9F9D9E !important;
}

#contact-form-footer :is(input, textarea)::placeholder {
    color: #9F9D9E !important;
}

#contact-form-footer .control {
    flex-wrap: wrap;
    margin-bottom: 0;
}

#contact-form-footer .fieldset.row {
    margin-bottom: 0;
}

#contact-form-footer button.action.submit {
    background: #898788;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    text-transform: capitalize;
    font-size: 14px !important;
    margin: 0;
    width: 100%;
    padding: 10px 20px;
}

.footer-bottom {
    padding-block: 30px;
}

.footer-bottom .custom-block.f-right,
.footer-bottom address {
    padding-block: 0;
}

.footer-bottom>.container {
    align-items: center;
}

.footer-bottom address {
    order: 0;
    flex: unset;
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-size: 14px;
}

.footer-bottom .bottom-privacy-link {
    order: 1;
}

.footer-bottom .bottom-privacy-link a {
    font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
    font-size: 14px;
    text-decoration: underline;
}

.cms-index-index .page.messages {
    display: block !important;
}

.footer .widget-title {
    cursor: pointer;
}

/* Footer End */

.cms-page-view .page-main{
    width: 88.88%;
    margin: 0 auto !important;
}
.customer-account-logoutsuccess .page-main{
    width: 88%;
    margin: 0 auto !important;
}
.cms-page-view h1.page-title {
    font-size: 48px !important;
    font-family: "Luckiest Guy", cursive;
    font-weight: 400;
    line-height: 48px;
    color: #8CC63F;
    text-transform: uppercase;
}

.cms-page-view .column.main h2 {
    font-size: 36px;
    font-family: "Luckiest Guy", cursive;
    font-weight: 400;
    line-height: 36px;
    color: #8CC63F;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 40px;
}

.cms-page-view .column.main p,
.cms-page-view .column.main ul li {
    line-height: 25.6px;
    font-size: 18px;
    color: #000000;
    font-family: 'GeneralSans-Regular';
    font-weight: 400;
    line-height: 24.3px;
}

.cms-page-view .column.main ul {
    margin-bottom: 1.25rem;
}

.form.create.account .actions-toolbar .primary {
    text-align: center !important;
}

/* Abous us new start */
.cms-clicknplay-intro .breadcrumbs, .cms-clicknplay-intro-new .breadcrumbs {
    display: none !important;
}

.juggling-modular-title {
    font-weight: 400 !important;
    font-size: 56px !important;
    line-height: 100% !important;
    color: #fff !important;
    margin: 0 0 15px 0 !important;
}

.juggling-modular-description p {
    font-weight: 500 !important;
    font-size: 18px !important;
    font-family: 'GeneralSans-Medium' !important;
    line-height: 140% !important;
    color: rgb(255 255 255 / 80%) !important;
}

.juggling-modular-description p:last-child {
    margin-bottom: 0 !important;
}

.modular-btns-title {
    font-family: 'GeneralSans-Medium';
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
    color: rgb(255 255 255 / 80%);
}

.modular-btns-wrapper .pagebuilder-button-primary {
    font-family: 'GeneralSans-Medium';
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-transform: capitalize;
    text-decoration: underline;
    text-underline-position: under;
    color: #fff;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    margin: 0;
    line-height: 1.4 !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}

.modular-btns-wrapper .pagebuilder-button-primary:hover {
    color: #fff !important;
    background: transparent !important;
    border: none !important;
}

.modular-btns-wrapper {
    flex-direction: column !important;
    display: flex !important;
    gap: 10px;
}

.modular-btns-wrapper .pagebuilder-button-primary::after {
    content: "";
    background: url(../images/arrow-link.svg) no-repeat center;
    width: 11px;
    display: block;
    height: 11px;
    background-size: 100%;
}

.juggling-modular-video .modular-video-element,
.juggling-modular-video .modular-video-element .pagebuilder-video-inner,
.juggling-modular-video .modular-video-element .pagebuilder-video-wrapper,
.juggling-modular-video .modular-video-element .pagebuilder-video-container {
    height: 100%;
}

/* section2 */
.juggling-prop-section.direction-ltr .juggling-prop-image {
    text-align: right;
}

.juggling-prop-section.direction-ltr .juggling-prop-media {
    justify-content: flex-end !important;
}

.juggling-prop-title {
    font-weight: 400 !important;
    font-size: 64px !important;
    line-height: 100% !important;
    color: #fff !important;
    margin: 0 0 15px 0 !important;
}

.juggling-prop-description {
    margin-bottom: 20px !important;
}

.juggling-prop-description p {
    font-family: 'GeneralSans-Medium' !important;
    line-height: 140% !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    color: rgb(255 255 255 / 80%) !important;
}

.juggling-prop-description p:last-child {
    margin-bottom: 0 !important;
}

.juggling-prop-btns-wrapper {
    align-items: center !important;
}

.juggling-prop-btns-wrapper .pagebuilder-button-primary {
    border: 1px solid #8CC63F !important;
    background-color: #8CC63F;
    padding: 14px 64px !important;
    font-size: 16px;
    line-height: 21.6px;
    text-align: center !important;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    border-radius: 9999px;
    color: #FFFFFF;
    font-weight: 600 !important;
    text-transform: capitalize !important;
}

.juggling-prop-btns-wrapper .pagebuilder-button-primary:hover {
    color: #3F3C3D !important;
    background: #F5F5F5 !important;
    border-color: #F5F5F5 !important;
}

.juggling-prop-section.direction-rtl .juggling-prop-image {
    text-align: left;
}

.juggling-prop-section.direction-rtl .juggling-prop-media {
    justify-content: flex-start !important;
}

.juggling-prop-section .juggling-prop-media .juggling-prop-image img {
    height: 100% !important;
    object-fit: cover;
    width: 100% !important;
}

.bg-gradient-orange-bottom-left {
    background: radial-gradient(59.61% 65.7% at 0% 100%, #F37021 -20%, #000000 100%) !important;
}

.bg-gradient-green-bottom-right {
    background: radial-gradient(70.16% 69.38% at 100% 100%, #BED901 -40%, #000000 80%) !important;
}

.bg-gradient-low-orange-bottom-left {
    background: radial-gradient(32.61% 69.7% at 0% 100%, #F37021 -100%, #000000 100%) !important;
}

.bg-gradient-low-orange-bottom-right {
    background: radial-gradient(32.61% 69.7% at 100% 100%, #F37021 -100%, #000000 100%) !important;
}

.bg-gradient-orange-bottom-right {
    background: radial-gradient(64.16% 99.38% at 100% 100%, #F37021 -60%, #000000 100%) !important;
}

/* what is click */
.what-is-click-play-image img {
    width: 100%;
}

.what-is-click-play-title {
    font-weight: 400 !important;
    font-size: 48px !important;
    line-height: 100% !important;
    color: #fff !important;
    margin: 0 0 15px 0 !important;
}

.what-is-click-play-description p {
    font-family: 'GeneralSans-Regular' !important;
    line-height: 140% !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: rgb(255 255 255 / 80%) !important;
}

.what-is-click-play-description p:last-child {
    margin-bottom: 0 !important;
}

.what-is-click-play-description {
    margin-bottom: 50px;
}

.what-is-click-play-row::before {
    content: "";
    background: radial-gradient(44.4% 39.72% at 50% 50%, #bed9018f -100%, #000000 100%);
    position: absolute;
    z-index: 0;
    top: 0;
    left: 50%;
    height: 60%;
    width: 60%;
    transform: translateX(-50%);
}

.what-is-click-play-row .pagebuilder-column-group {
    z-index: 1;
}

.what-is-click-play-row {
    position: relative;
}

/* how it works */
.how-it-works-title {
    font-weight: 400 !important;
    font-size: 56px !important;
    line-height: 100% !important;
    color: #fff !important;
    margin: 0 0 15px 0 !important;
}

.how-it-works-description p {
    font-family: 'GeneralSans-Medium' !important;
    line-height: 140% !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    color: rgb(255 255 255 / 80%) !important;
}

.how-it-works-description p:last-child {
    margin-bottom: 0;
}

/* click play cat */
.click-play-cat-title {
    font-weight: 400 !important;
    font-size: 48px !important;
    line-height: 100% !important;
    color: #fff !important;
    margin: 0 0 15px 0 !important;
}

.click-play-cat-description p {
    font-family: 'GeneralSans-Regular' !important;
    line-height: 140% !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: rgb(255 255 255 / 80%) !important;
}

.click-play-cat-description p:last-child {
    margin-bottom: 0 !important;
}

.click-play-cat-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 60px;
}

.click-play-cat-wrapper .click-play-cat-group {
    width: Calc(50% - 15px);
}

.click-play-cat-wrapper .click-play-cat-group .click-play-cat-items {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.click-play-cat-wrapper .click-play-cat-group .click-play-cat-items .click-play-cat-item {
    width: Calc(33.33% - 20px);
}

.click-play-cat-group .click-play-cat-heading {
    font-family: 'Luckiest Guy';
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.click-play-cat-group.build .click-play-cat-heading {
    color: #C25A1A;
}

.click-play-cat-group.customize .click-play-cat-heading {
    color: #709E32;
}

.click-play-cat-wrapper .click-play-cat-group .click-play-cat-items .click-play-cat-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.click-play-cat-wrapper .click-play-cat-group .click-play-cat-items .click-play-cat-item .click-play-cat-label {
    text-underline-position: under;
    font-family: 'GeneralSans-Medium';
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-style: solid;
    color: #fff;
    margin-bottom: 0 !important;
}

.click-play-cat-wrapper .click-play-cat-group .click-play-cat-items .click-play-cat-item:hover .click-play-cat-label {
    text-decoration: none;
    opacity: 0.8;
}

.click-play-cat-wrapper .click-play-cat-group .click-play-cat-items .click-play-cat-item>img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
}

/* ready to use */
.ready-to-use-title {
    font-weight: 400 !important;
    font-size: 56px !important;
    line-height: 100% !important;
    color: #fff !important;
    margin: 0 0 15px 0 !important;
}

.ready-to-use-description p {
    font-family: 'GeneralSans-Medium' !important;
    line-height: 140% !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    color: rgb(255 255 255 / 80%) !important;
}

.ready-to-use-description {
    margin-bottom: 20px;
}

.ready-to-use-description p:last-child {
    margin-bottom: 0;
}

.ready-to-use-btns-wrapper .pagebuilder-button-primary {
    border: 1px solid #8CC63F !important;
    background-color: #8CC63F;
    padding: 14px 64px !important;
    font-size: 16px;
    line-height: 21.6px;
    text-align: center !important;
    font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    border-radius: 9999px;
    color: #FFFFFF;
    font-weight: 600 !important;
    text-transform: capitalize !important;
}

.ready-to-use-btns-wrapper .pagebuilder-button-primary:hover {
    color: #3F3C3D !important;
    background: #F5F5F5 !important;
    border-color: #F5F5F5 !important;
}

/* help */
.pagebuilder-column.form-col {
    max-width: 846px;
    margin-inline: auto;
}

h2.help-section-title {
    font-weight: 400 !important;
    font-size: 48px !important;
    line-height: 100% !important;
    color: #fff !important;
}

.help-section-description p {
    font-family: 'GeneralSans-Regular' !important;
    line-height: 140% !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: rgb(255 255 255 / 80%) !important;
}

.help-section-description p:last-child {
    margin-bottom: 0;
}

.help-section-form-group {
    position: relative;
}

.help-section-form .icon {
    padding: 0px;
    min-width: 20px;
}

.help-section-form-group label.help-section-label {
    position: absolute;
    left: 0px;
}

.help-section-form-group input,
.help-section-form-group textarea {
    padding-left: 30px !important;
    margin-bottom: 40px;
}

.help-section-form input,
.help-section-form textarea {
    background-color: transparent !important;
}

.help-section-form-group input#help-email,
.help-section-form-group input#help-phone,
.help-section-form-group textarea {
    border-bottom: 1px solid #BAB7B7 !important;
}

.help-section-form textarea {
    min-height: 100px;
    padding-left: 0px !important;
}

.help-section-form button.help-section-submit-button {
    max-width: 330px;
    width: 100%;
    background-color: #8CC63F;
    border-radius: 9999px;
    color: #fff;
    height: 54px;
    display: block;
    margin: 0 auto;
}

.blurb_box_wrapper {
    display: flex;
    gap: 20px;
}

.blurb_box_content h2 {
    font-family: General Sans;
    font-weight: 600;
    font-size: 20px !important;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #fff !important;
    font-family: 'GeneralSans-Medium' !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.blurb_box_content p {
    font-family: 'GeneralSans-Regular' !important;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
    color: #fff !important;
}
.cms-clicknplay-intro .page-bottom .homepage-services, .cms-clicknplay-intro-new .page-bottom .homepage-services {
    display: none !important;
}
.cms-clicknplay-intro .homepage-services, .cms-clicknplay-intro-new .homepage-services{
	color:#fff;
}
.cms-clicknplay-intro .homepage-services .homepage-service-item p, .cms-clicknplay-intro-new .homepage-services .homepage-service-item p{
	color:#fff;
}

/* help end */
/* about us new end */
.minicart-wrapper .product.actions .secondary a.action.delete span {
    visibility: hidden;
    display: unset !important;
}

.minicart-wrapper .action.close {
    display: block !important;
}

.minicart-wrapper .action.close:hover {
    background: none !important;
}

.action-primary.action-accept {
    font-size: 1em;
    background: #8cc63f;
}
.checkout-index-index .opc-block-shipping-information .shipping-information {
  padding: 22px;
}
.contact-index-index .form.contact fieldset.fieldset {
  margin-bottom: 0;
}
.contact-index-index .contact_footer .form.contact fieldset.fieldset {
  margin-bottom: 32px;
}
.form.contact .field-recaptcha{
	margin-bottom:32px;
}
.cap_container{
	text-align:left;
}
.bots_text{
	margin-bottom:5px;
	font-family: 'GeneralSans-Regular', 'PT Sans Caption', 'Helvetica';
    font-size: 14px;
    line-height: 1.6;
	display:block;
}
.shipping-customs-disclaimer {
  font-size: 12px;
  color: #777;
  line-height: 1.35;
  font-style: italic;
  margin-top: 10px;
  margin-bottom: 0;
}
.checkout-index-index .table-checkout-shipping-method{
	width:100%;
}
@media only screen and (max-width: 1280px) {
    .work-content {
        width: auto;
    }

    .infinite-content {
        width: auto;
    }

    .juggling-content {
        width: auto;
    }

    .collection-content {
        width: auto;
    }

    .ready-content {
        width: auto;
    }


}

@media only screen and (max-width: 1315px) {
    .homepage-banner-item {
        margin-left: 0;
    }
}

@media only screen and (max-width:820px) {
    .amprot-swatch-option {
        padding: 10px 30px 10px 30px;
    }
}


@media only screen and (max-width: 767px) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .header-top-message {
        display: none;
    }

    .cdz-navigation .cdz-horizontal-menu .groupmenu {
        background: #FFFFFF;
    }

    .cdz-menu .item.level-top>.groupmenu-drop {
        border: none;
        background: rgba(140, 198, 63, 0.01);
    }

    /*.minicart-item-second-row {
        display: none;
    }*/

    #bundle-slide {
        margin: 0 auto;
        display: block;
    }

    .bundle-options-wrapper {
        width: 100% !important;
    }

    .box-tocart .fieldset {
        text-align: center;
    }

    .bundle-info .box-tocart .actions {
        margin-top: 10px;
    }

    .box-tocart .actions {
        margin-top: 10px !important;
    }

    .page-header.type2 .block-search input {
        border-bottom: none !important;
    }

    .intro-menu-link {
        right: 0;
    }

    .search-area .block.block-search {
        position: absolute !important;
    }

    .about-us h1 {
        font-size: 24px;
        line-height: 24px;
    }

    .about-us p {
        font-size: 14px;
        line-height: 22.4px;
    }

    .charichature {
        order: 1;
    }

    .text-charicature {
        order: 2;
    }

    .form-address-edit .address-btn {
        padding: 0;
    }

    /*.product-image-photo.default_image {
        max-height: 166px !important;
        min-height: 166px !important;
    }*/

    .best-selling-section #featured-products {
        width: 100%;
    }

    .best-selling-section .highlite {
        width: 100%;
        min-height: unset;
    }

    .bundle-config-logo {
        display: none;
    }

    #bundleSummary .box-tocart .field.qty {
        min-width: 160px;
    }

    .minicart-wrapper.active .block-minicart {
        width: 100%;
    }

    .intro-desktop {
        background-image: url('../images/hero-img-mobile.png');
        height: 740px;
        background-position: center;
        background-size: cover;
    }

    .juggling-kit {
        background: none;
        background: url('../images/mobile-vector-fix.png');
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .infinite-kit {
        background: none;
        background: url('../images/mobile-vector-fix.png');
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .infinite {
        width: 100%;
        min-height: 790px;
    }

    .work-kit {
        background: none;
        background: url('../images/mobile-vector-fix.png');
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .work {
        width: 100%;
        min-height: 790px;
    }

    .juggling-collection {
        background: none;
        background: url('../images/mobile-vector-fix.png');
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .ready-to-use {
        background: none;
        background: url('../images/mobile-vector-fix.png');
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .juggling {
        width: 100%;
        min-height: 790px;
    }

    .ready-use {
        width: 100%;
        min-height: 790px;
    }

    .juggling-content {
        width: auto;
    }

    .infinite-content {
        width: auto;
    }

    .work-content {
        width: auto;
    }

    .collection-content {
        width: auto;
    }

    .ready-content {
        width: auto;
    }

    .work .video-wrapper {
        float: none;
        clear: both;
        text-align: center;
    }

    .clickplay {
        display: block !important;
    }

    .clickplay-content {
        padding-top: 110px;
    }

    .clickplay h1 {
        font-size: 28px;
        line-height: 28px;
    }

    .clickplay p {
        font-size: 14px;
    }

    .introduction h1 {
        font-size: 24px;
        line-height: 24px;
    }

    .introduction p {
        font-size: 14px;
        line-height: 18.9px;
    }

    /*.highlite {

        min-height: 778px;
    }*/


    .service-block-intro {
        min-height: 778px;
    }

    /* change order on the introduction page for columns*/
    .juggling-col-content {
        order: 1;
    }

    .juggling-col-image {
        order: 0;
    }

    .work-col-content {
        order: 1;
    }

    .work-col-image {
        order: 0;
    }

    .ready-col-content {
        order: 1;
    }

    .ready-col-image {
        order: 0;
    }

    /* end change order */

    .about-us {
        margin: 0 auto;
    }

    .about-content {
        width: 100%;
    }

    .about-element {
        margin-top: 20px;
    }

    .about-banner {
        background: none;
    }

    .mobile .item-info {
        display: inline-block;
        width: 100%;
    }

    .cart.table-wrapper .product-item-name+.item-options {
        display: block;
    }

    .cart.table-wrapper .col {
        text-align: left;
    }

    .cart.table-wrapper .actions-toolbar {
        margin-top: 10px;
    }

    .qty-checkout .input-text.qty {
        text-align: center;
    }

    .qty-checkout .control {
        display: block;
        text-align: center;
    }

    .price-including-tax .price,
    .price-excluding-tax .price {
        font-weight: 600;
        font-size: 16px;
        color: #3F3C3D;
    }

    .mobile-td {
        display: block;
        width: 100%;
    }


    .amprot-swatch-option .input-text.qty {
        text-align: center;
    }

    .product-item-details {
        margin: 0;
    }

    .cart .table.items .col.qty {
        width: 50%;
        float: left;
        padding-top: 0;
    }

    .cart.table-wrapper .product-item-name>a,
    .cart.table-wrapper .product-item-name>a:hover {
        font-size: 14px;
    }

    .contact-form-view {
        margin-top: 30px;
    }

    .missingpage-title {
        font-size: 28px;
        padding: 5px
    }

    .missingpage-content {
        text-align: left;
        font-size: 16px;
        font-family: 'GeneralSans-Regular';
        margin-top: 20px;
        margin-bottom: 40px;
        padding: 5px;
    }

    .logo {
        max-width: unset !important;
    }

    .highlite .product-item-info .product-item-details .price-box .price,
    .highlite .product-item-info .product-item-details .product-item-actions .tocart,
    .highlite .product-item-name a {
        font-size: 14px;
    }
	.search-area .block.block-search{
		top:43px !important;
		z-index:7;
	}
}

.banner-item-content-button:visited {
    color: #F5F5F5;
}

.account-sidebar-mobile {
    display: none;
}

.sidebar-navigation-dropdown-mobile {
    display: none;
}

.mobile-menu-bar {
    display: none;
}

.account-nav .nav > li > a::before, .account-nav .nav > li > strong::before{
	position:unset !important;
	margin-right:10px;
}
.account-nav .nav li strong, .account-nav .nav li a{
	padding-left:4px !important;
}
@media only screen and (max-width: 1400px) {

    .qty.field .input-text.qty,
    .col.qty .input-text.qty {
        width: 30.5%;
        padding: 10px 10px 10px 10px;
    }

    .qty.field .qty-changer>a,
    .col.qty .qty-changer>a {
        border: none;
    }

    .box-tocart .action.tocart {
        min-width: 230px;
        max-width: 330px;
    }
}

@media only screen and (max-width: 1024px) {
    .speevers-auth-title {
        margin-top: 13%;
    }



    .form.create.account {
        width: 90%;
    }

    .form.password.forget {
        margin: 0 auto;
        max-width: 90%;
    }

    .form-login {
        width: 90%;
    }

    #block-customer-login-heading {
        font-size: 24px;
    }

    .title-note {
        font-size: 14px;
    }

    .abs-login-block-title,
    .amazon-validate-container .block .block-title,
    .login-container .block .block-title,
    .fieldset.create>.legend {
        margin-top: 10%;
    }

    .login-container .block .actions-toolbar>.primary .action,
    .login-container .block .actions-toolbar>.secondary .action {
        width: auto;
    }

    .juggling-modular-title,
    .juggling-prop-title,
    .how-it-works-title,
    .what-is-click-play-title,
    .click-play-cat-title,
    .ready-to-use-title {
        font-size: 36px !important;
    }

    .click-play-cat-wrapper .click-play-cat-group {
        width: 100%;
    }
}



@media only screen and (max-width: 600px) {
    body {
        font-size: 14px;
    }

    .services-block-intro {
        min-height: 600px;
    }

    .form-login {
        width: 90%;
    }

    #block-customer-login-heading {
        font-size: 24px;
    }

    .title-note {
        font-size: 14px;
    }

    .abs-login-block-title,
    .amazon-validate-container .block .block-title,
    .login-container .block .block-title,
    .fieldset.create>.legend {
        margin-top: 10%;
    }

    .login-container .block .actions-toolbar>.primary .action,
    .login-container .block .actions-toolbar>.secondary .action {
        width: auto;
    }

    .footer-top-section-social {
        display: none;
    }

    .footer-customer-service {
        margin: auto;
        text-align: center;
    }

    .footer-quick-links {
        margin: auto;
        text-align: center;
    }

    .footer .widget {
        margin-left: 0 !important;
    }

    .widget .contact-info {
        text-align: center;
    }

    .widget-title {
        text-align: center;
    }

    .footer-middle {
        margin: 0 auto;
        margin-top: 20px;
    }

    .footer-payment-methods-label {
        display: none;
    }

    .footer-top .custom-block {
        text-align: center;
    }

    .footer-top-section-logo {
        margin: auto;
    }

    .category-banners-item {
        width: 64px;
    }

    .category-banner-item-title {
        font-size: 12px;
        color: #3F3C3D;
    }

    .homepage-slider-speevers {
        width: 100%;
        margin: auto;
    }

    .homepage-banners {
        display: block;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    .homepage-banner-item {
        margin: 0 auto !important;
        margin-left: 20px;
        margin-right: 20px;
        background: #e1eec6;
        min-height: 500px;
        border-radius: 3%;
        position: relative;
    }

    .banner-item-content-description {
        text-wrap: balance;
    }


    /* homepage services */
    .homepage-services {
        margin-top: 100px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
        gap: 80px;
        min-height: 64px;
        color: #3F3C3D;
        margin-bottom: 80px;
        align-content: center;
    }

    .service-logo {
        float: left;
        margin-right: 15px;
    }

    .homepage-service-item {
        min-width: 275px;
    }

    .homepage-service-item p {
        font-size: 20px;
        line-height: 28px;
        text-transform: capitalize;
        margin-top: 7px;
        font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
        font-weight: 600;

    }

    .homepage-service-item span {
        font-family: 'GeneralSans-Medium', 'PT Sans Caption', 'Helvetica';
        font-size: 16px;
        line-height: 22.4px;
        display: block;
        font-weight: 400;
        margin-top: -20px;
    }

    .product-slider-learn-more {
        display: block;
        width: 138px;
        height: 36px;
        border-radius: 9999px;
        padding-top: 7px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        background-color: #8CC63F;
        color: #F5F5F5;
        font-size: 16px;
        line-height: 21.6px;
        text-align: center;
        font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica';
    }

    .filterproducts {
        margin: auto
    }

    .products-slider.owl-carousel .product-item {
        width: 138px;
    }

    .section-title {
        font-size: 28px;
        line-height: 28px;
    }

    /*reviews section*/
    .owl-carousel .owl-nav {
        top: 110% !important;
        width: 20% !important;
        left: 40% !important;
    }

    /*best selling section */
    .best-selling-section {
        background: rgba(242, 248, 232);
    }

    .desktop {
        display: none;
    }

    .banner-item-content-button :visited {
        color: #FFFFFF;
    }

    a:visited {
        color: #FFFFFF;
    }

    .service-logo {
        float: none;
    }

    .homepage-service-item {
        text-align: center;
    }


    .account-sidebar-mobile {
        display: block;
        position: absolute;
        top: 120px;
        background-color: #8CC63F;
        width: 100vw;
        margin-left: -6%;
        margin-right: -6%;
        text-align: center;
        height: 44px;
        color: #F5F5F5;
        align-items: center;
        z-index: 30;
    }

    .sidebar-navigation-dropdown-mobile {
        display: none;
        position: absolute;
        left: 0;
        width: 100%;
        background-color: white;
        border: 1px solid #ccc;
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
        color: #3F3C3D;

        top: 160px;
        z-index: 31;
    }

    .custom-speevers-myaccount .sidebar.sidebar-main {
        position: inherit !important;
    }

    .account-sidebar-mobile .my-account-mobile-menu {
        border: none;
        background-color: #8CC63F;
        color: #ffffff;
        font-size: 14px;

    }

    .active-mobile-nav {
        display: block;
    }

    .sidebar-navigation-dropdown-mobile ul li {
        padding: 5px;
        text-align: center;
    }

    .sidebar-navigation-dropdown-mobile ul li a {
        color: #3F3C3D;
    }

    .mobile-sidebar {
        order: 0 !important;
    }

    .column .main {
        order: 1 !important;
    }
}

@media only screen and (max-width: 991px) {
    .nav-sections {
        position: relative;
        left: 0;
        width: 100%;
        max-height: none;
        height: auto !important;
    }

    .cdz-menu .item.level-top {
        text-align: center;
        min-height: 40px;
        align-content: center;
    }

    .cdz-menu .item.level-top>.menu-link {
        border: none;
    }

    .page-header.type2 .nav-sections {
        background: #F5F5F5;
    }

    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link {
        background-color: #ffffff
    }

    .speevers-view-all {
        display: none !important;
    }

    .speevers-menu-drop-container h3 {
        display: none;
    }

    .speevers-menu-drop-container {
        padding-top: 0;
    }

    black-item .open {
        background-color: rbga(140, 198, 63, 1);
    }

    .menu-link {
        text-transform: uppercase;
    }

    .cdz-horizontal-menu .groupmenu li.open>a.menu-link {
        background: rgba(140, 198, 63, 0.1);
        font-weight: 600;
        text-transform: uppercase;
        font-family: 'GeneralSans-Semibold';
        color: #3F3C3D;
    }

    .speevers-nav-items {
        flex-direction: column;
    }

    .category-img-nav {
        width: 48px;
        height: 48px;
        border-radius: 12px;
    }

    .cat-img-link {
        float: left;
    }

    .cdz-horizontal-menu .groupmenu li.level1 {
        margin: 0;
    }

    .groupmenu-drop .speevers-menu-drop-container {
        padding-top: 0;
    }

    .speevers-menu-drop-container .menu-link {
        text-align: left;
        margin-left: 70px;
        font-size: 14px;
        font-weight: 500;
    }

    header.page-header .nav-sections-item-title {
        width: 100%;
        background-color: #8CC63F;
    }

    header.page-header .nav-sections-item-title .active {
        background-color: #8CC63F;
    }

    .menu-contentnav-sections {
        display: none;
    }

    .active-test-menu {
        display: block;
    }

    .mobile-menu-bar {
        display: block;
        background: rgba(63, 60, 61, 1);
        text-align: center;
        height: 43px;
    }

    .mobile-menu-nav-toggle {
        border: none !important;
        background: none !important;
        color: #fff !important;
        text-transform: uppercase;
        font-size: 14px;
        font-family: 'GeneralSans-Semibold', 'PT Sans Caption', 'Helvetica' !important;
        font-weight: 500 !important;
        height: 43px;
    }

    .mobile-menu-nav-toggle::after {
        content: "\e81c";
        font-family: 'porto-icons';
        font-size: 12px;
        margin-left: 5px;
    }

    .modular-juggling-props-menu .dropdown-toggle {
        display: none;
    }

    .cdz-horizontal-menu .groupmenu li.level1 {
        width: 100%;
    }

    .intro-menu-link {
        border-radius: 9999px;
        padding: 10px 40px 10px 40px;
        background-color: #8CC63F;
        align-items: center;
        margin-top: 20px;
        position: relative;
    }

    .intro-menu-link .menu-link {
        align-items: center;
        color: #ffffff;
        margin-top: 0;
        ;
    }

    .intro-menu-link .menu-link span {
        color: #FFFFFF;
        font-size: 14px;
    }

    .block.block-search {
        display: none;
    }

    .block.block-search .show {
        position: absolute;
        top: 0;
        /* right: 181px; */
        width: 205px;
        left: -80px;
        /* margin-top: 8px; */
        /* width: 100%; */
        border: none;
        /* border-color: inherit; */
        z-index: 30;
    }

    .search-toggle-icon .open {
        display: none;
    }

    .search-area .block.block-search {
        background-color: #FFFFFF !important;
    }

    .mobile-view {
        display: block;
        width: 350px;
        height: 568px;
    }

    .desktop-view {
        display: none;
    }

    .homepage-banner-item-content {
        position: absolute;
        top: 48px;
        width: 280px;
        text-align: center;
    }

    .reviews-section .item {
        flex: 1 0 100%;
    }

    .footer_about_us {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .footer_about_us_right a {
        max-width: 240px;
    }

    .pagebuilder-column-group {
        flex-wrap: wrap;
    }

    .pagebuilder-column {
        width: 100% !important;
    }

    .click-play-cat-wrapper .click-play-cat-group .click-play-cat-items .click-play-cat-item {
        width: 100%;
    }

    .direction-ltr .pagebuilder-column-group {
        flex-direction: column-reverse;
    }

    .direction-ltr .pagebuilder-column-group .pagebuilder-column {
        width: 100% !important;
    }

    .click-play-cat-wrapper .click-play-cat-group .click-play-cat-items .click-play-cat-item>img {
        max-width: 300px;
        text-align: center;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 770px) {
    .footer-bottom>.container>* {
        text-align: center !important;
    }

    .category-top-content .category-description-left {
        width: 100%;
    }

    .category-top-content .category-description-main {
        flex-wrap: wrap;
    }

    .category-top-content .category-description-main .category-description-right {
        left: 50%;
        transform: translateX(-50%);
        height: 70%;
        width: 100%;
        top: -50px;
    }

    /*.category-top-content .category-description-main .category-description-right img{
        height: 500px;
    }*/
    .category-top-content .category-description {
        padding-block: 200px 20px;
        z-index: 1;
        position: relative;
        max-width: 100%;
        padding-inline: 6.11%;
    }

    .category-top-content .category-description-main .category-description-right img {
        object-position: bottom right;
    }

    .category-top-content .breadcrumbs {
        z-index: 2;
        position: relative;
    }

    .category-top-content .category-description-main h2 {
        font-size: 20px;
    }

    .category-top-content .category-description-main p {
        font-size: 11px;
    }

    .category-top-content .breadcrumbs ul li a,
    .category-top-content .breadcrumbs ul li strong {
        font-size: 8px;
    }

    .category-top-content .breadcrumbs ul li:not(:last-child)::after {
        height: 8px;
        width: 5px;
    }
}

@media screen and (max-width:600px) {
    .footer_about_us {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .footer_about_us_right a {
        max-width: 240px;
    }

    .footer_about_us .footer_about_us_left {
        display: none;
    }

    .footer_about_us_right {
        width: 100%;
        text-align: center;
    }

    .footer_about_us_right a {
        max-width: 100%;
    }

    .footer-customer-service .custom-html-widget ul.mobile_socials {
        display: flex;
        justify-content: center;
    }

    .footer-bottom>.container {
        justify-content: center;
        flex-direction: column;
        gap: 10px;
    }

    .footer-bottom address {
        margin: 0;
    }

    .footer-bottom .bottom-privacy-link {
        display: none;
    }

    .pagebuilder-column {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .what-is-click-play-row,
    .click-play-cat-row,
    .help-section-row,
    .three-csm-blurbs-footer
     {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .click-play-cat-group.customize {
    margin-top: 50px;
}
}
@media only screen and (max-width: 560px) {
    .layout-fullwidth .header.content {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .header-main .header-left {
        min-width: 24% !important;
    }

    .page-header.type2 .header-contact>* {
        margin-left: 2px !important;
    }

    .page-header.type2 .header-contact .my-account {
        padding: 2px !important;
    }
    .click-play-cat-wrapper .click-play-cat-group .click-play-cat-items .click-play-cat-item{
        align-items: center;
    }
}
@media only screen and (max-width: 480px){
        .juggling-modular-title, .juggling-prop-title, .how-it-works-title, .what-is-click-play-title, .click-play-cat-title, .ready-to-use-title,
h2.help-section-title
         {
        font-size: 24px !important;
    }
    .juggling-prop-content,
    .how-it-works-content,
    .ready-to-use-content
     {
    padding-block: 80px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
  .block-search {
    max-width: unset !important;
  }
  .search-area.show-icon-tablet a.search-toggle-icon .open {
       display: none;
  }
  button.action.search:hover{
	  background-color: unset !important
  }
  .search-area.show-icon-tablet a.search-toggle-icon.open{
	display:none;
  }
}