@font-face {
    font-family: 'ChakraPetch-Bold';
    src: url('../fonts/ChakraPetch-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'ChakraPetch';
    src: url('../fonts/ChakraPetch-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ChakraPetch-SemiBold';
    src: url('../fonts/ChakraPetch-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSans';
    src: url('../fonts/NotoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body {
    padding: 0 !important;
    font-family: 'NotoSans', serif !important;
}
.without-after-element:before {
    content: none !important;
}
.why-us{
    display: none !important;
}

form label.label span, select {
    /* Name */

    font-family: 'NotoSans', serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 22px !important;

    color: #FFFFFF !important;
}

h1, h2, h3, h4, h5, h6, .amtheme-tabs-widget .amtheme-heading {
    font-family: 'ChakraPetch', serif !important;
}
.product-item-info a.product-item-link {
    font-family: 'NotoSans', serif !important;
}
@media (max-width: 768px){
    .bss-onestepcheckout .page-wrapper .checkout-container > #opc-sidebar .opc-block-summary .amtheme-summary-content .items-in-cart .minicart-items-wrapper {
        max-height: unset !important;
    }
    .cms-home .page-main-full-width .columns .column.main .create-your-controller {margin-top:0px !important;}

}
.page-wrapper footer .above [data-content-type="row"] .usps-wrapper .pagebuilder-column-group .usps-item p span {
    color: #03cf62 !important;
}
.pagebuilder-button-primary {
    cursor: pointer !important;
}
/*thank you page*/
.opc-progress-bar.-success{
    display: none !important;
}
.checkout-onepage-success .page-title{
    font-size: 1.9em !important;
}
.checkout-onepage-success .amtypage-page p.text {
    text-align: center !important;
}
.checkout-onepage-success .block.crosssell .block-title{
    padding-inline-start: 5px !important;;
    font-size: 1.8rem !important;;
    font-weight: 700 !important;;
    letter-spacing: .01em !important;;
    line-height: 2rem !important;;
    margin-bottom: 10px !important;
}
.checkout-onepage-success .product-item .product-item-info {
    background: #17191a;
}
.checkout-onepage-success .product-items .product-item-photo::after{background: none!important;}
.checkout-onepage-success .crosssell li.product-item{list-style-type: none;}
/*user menu*/
.account-nav-content ul.items {
    padding: 0 !important;
}
/*print*/
.page-print .logo {
    display: flex;
}
.page-print .logo img{
    width: 200px;
}
/*paypal paypal-review-items*/
.paypal-review-items #details-reload span.product-image-container {
    display: flex !important;
    margin-right: 30px;
}
.paypal-review-items #details-reload span.product-image-wrapper {
    padding: 0 !important;
}
.paypal-review .box-content optgroup {
    background: #2b2d2e !important;
}
.checkout-payment-method .payment-method-title > .label .action-help{
    display: none !important;
}
/*footer header*/
/*.page-wrapper footer .content .pagebuilder-column-group .pagebuilder-column h3*/
/*{*/
/*    font-size: 20px !important;*/
/*}*/
.page-wrapper footer .above .usps-wrapper .pagebuilder-column-group .usps-item::after
{
    background: unset !important;
}
.page-wrapper footer .above [data-content-type="row"] .usps-wrapper .pagebuilder-column-group .usps-item p
{
    line-height: unset !important;
}
.page-wrapper footer .amtheme-newsletter-block{
    max-width: 500px;
}

.page-wrapper footer .bottom .amtheme-payment-methods{
    justify-content: space-between !important;
}
.footer .amtheme-payment-methods .amtheme-payments-list{
    width: 200px !important;
    flex-wrap: nowrap !important;
}

@media screen and (max-width: 800px) {
    .page-wrapper footer .bottom .amtheme-payment-methods{
        justify-content: center !important;
    }
    .column.main.full-width-inner .div-contact-form {
        flex-direction: column !important;
        .left-side > p:last-child {
            text-align: center !important;
        }
        .left-side, .right-side {
            width: 100% !important;
        }
    }
}
/*message box*/
.estimateddeliverydate .message.success {
    background: #03cf62 !important;
}
.amtheme-messages .message.success
{
    background: #03cf62 !important;
}
.message.info a{
    color: yellow !important;
}
.message.info a:hover{
    color: orange !important;
}
/*login box + register box*/
#remember-me-box .tooltip {
    display: none !important;
}
/*header + logo*/
@media (min-width: 768px) and (max-width: 1024px){
    .page-header .logo {
        max-width: 85px !important;
    }
    .header.content {
        justify-content: center;
    }
}
/*.page-wrapper .page-main > .messages*/
/*{*/
/*    margin-top: 10px;*/
/*}*/
/*wish list*/
.form-wishlist-items .wishlist .product-item-info
{
    background: #292A2E !important;
}
.form-wishlist-items .wishlist .product-item-info .product-item-inner
{
    background: #292A2E !important;
    border: none !important;
}
.form-wishlist-items .wishlist .product-item-info .product-item-inner .comment-box
{
    display: none !important;
}
.form-wishlist-items .actions-toolbar
{
    display: none !important;
}
.form-wishlist-items .wishlist .product-item-info .product-item-inner .amtheme-update-box
{
    float: right !important;
    margin-top: 29px !important;
}
.form-wishlist-items .product-item .price-box {
    margin: 0 !important;
    margin-bottom: 20px !important;
    color: #03cf62
}
.form-wishlist-items .wishlist .product-item-info .product-item-inner .comment-box
{
    margin-top: 15px;
}
.form-wishlist-items .wishlist .product-item-info .product-item-inner .-edit {
    display: none !important;
}
.form-wishlist-items .products-grid .product-item-info:hover:after,
.form-wishlist-items .products-grid .product-item-info.-hover:after {
    border: none !important;
    height: calc(100% + 20px);
    left: -10px;
    opacity: 1;
    top: -10px;
    width: calc(100% + 20px);
    background: #292A2E !important;
}
.products-grid .product-item-details .product-item-name {
    font-size: 1.75rem !important;
    text-align: center;
}
/*footer*/
.footer .pagebuilder-column a {
    color: #fff !important;
}
.footer .pagebuilder-column a:hover {
    color: #03cf62 !important;
}
.amtheme-productaside-wrap .active a {
    border-bottom: 3px solid #03cf62 !important;
    height: 33px !important;
}
.am-custom-tab {
    margin-top: 15px !important;
}

.blue-flame-details .detail-title {
    text-align: left !important;
    width: 70% !important;
    margin-bottom: 40px !important;
}
.amtheme-productaside-wrap .details-description-wrapper {
    float: left !important;
    width: 100% !important;
    margin-bottom: 50px !important;
}
.blue-flame-details {
    padding-bottom: 50px !important;
}

.fotorama__nav__frame .fotorama__img {
    max-width: 100% !important;
}
#shopping-cart-table tbody .product-item-name
{
    line-height: 1.1 !important;
    margin-bottom: 15px;
}
#shopping-cart-table tbody .product-item-name a {
    /* h3 */

    font-family: 'ChakraPetch', serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 23px !important;
    text-transform: uppercase !important;

    color: #FFFFFF !important;

    transform: matrix(1, 0, 0.02, 1, 0, 0);
}
#shopping-cart-table tbody .amtheme-inner span.product-image-wrapper {
    height: 140px !important;
    padding-bottom: 0 !important;
}
#shopping-cart-table tbody .amtheme-inner img.product-image-photo {
    bottom: unset !important;
}
.cart-container .crosssell {
    padding-top: 0 !important;
    margin-top: 20px !important;
}
@media (min-width: 768px){
    .page-layout-1column .amtheme-product-info .qty.-without-options {
        margin-top: 0 !important;
    }
}
@media screen and (max-width: 800px) {
    .amtheme-productaside-wrap .product.data.items > .item.title > .switch {
        max-width: unset;
        text-align: left !important;
        font-size: 35px;
        letter-spacing: 0.055em;
        text-transform: uppercase;
        line-height: 1;
        margin-top: 10px;
    }
}
@media only screen and (max-width: 767px)
{
    .checkout-cart-index .cart-container {}
    .amtheme-checkout-contact .checkout-required-label
    {
        margin-left: 50px !important;
    }
}
@media only screen and (max-width: 480px)
{
    #cart-summary {
        margin-inline-end: -10px;
        margin-inline-start: -10px;
        padding-inline-end: 10px;
        padding-inline-start: 10px;
    }

}
/*check out page*/
.cus-paypal-checkout-button {
    transition: transform 0.4s ease-in-out;
    width: 100%;
    border-radius: 5px;
}
.cus-paypal-checkout-button:hover {
    transform: scale(1.1);
    transform-origin: 50% 50%;
}
.checkout-payment-method .checkout-billing-address{
    background: unset !important;
}
/*gift card*/
.bss-giftcard-images .owl-stage{
    width: unset !important;
}
.bss-giftcard-images .owl-stage .owl-item {
    width: unset !important;
}
/*.product-item-name > a,.product-image-wrapper > img{pointer-events: none;}*/
.checkout-cart-index .product-item .product-item-info {background: #17191a;}
.checkout-cart-index #block-bss-giftcard {padding-bottom: 20px}
.checkout-cart-index .bss-gc-actions-toolbar .primary {padding: 6px 16px;}
.checkout-cart-index .bss-gc-actions-toolbar .primary span {font-weight: 500!important;}
.checkout-cart-index .product-items .product-item-photo::after{background: none!important;}
.checkout-cart-index .crosssell li.product-item{list-style-type: none;}
.checkout-cart-index .cart-summary .title::after{
    background: url('../svg/color_mode/light/arrow-bottom.svg') no-repeat 100% / contain;
    content: "";
    height: 20px;
    position: absolute;
    right: 20px;
    width: 20px;
}
.checkout-cart-index .cart-summary .active .title::after{
    background: url('../svg/color_mode/light/arrow-bottom.svg') no-repeat 100% / contain;
    content: "";
    height: 20px;
    position: absolute;
    right: 20px;
    width: 20px;
    transform: rotate(180deg);
}
.checkout-cart-index .cart-summary > .cart-totals .table-wrapper table tbody tr > th .title::after{
    content: unset !important;
    background: unset !important;
}
#checkoutSteps #opc-shipping_method{
    top: unset !important;
}
#checkoutSteps #payment{
    top: unset !important;
}
.bss-onestepcheckout .opc-wrapper #shipping .step-title::before{
    margin: 0 10px 0 0;
    background: transparent !important;
    border: 2px solid #fff;
}
#checkout-step-shipping .addresses{
    margin-top: 20px !important;
}
.modal-popup.modal-slide._inner-scroll._show{
    z-index: 9999 !important;
}
.checkout-index-index .modal-popup .modal-inner-wrap{
    margin-left: unset !important;
    width: 600px !important;
    left: 50% !important;
}


#shipping-new-address-form input, #customer-email-fieldset #customer-email, #billing-new-address-form-billing-address-form-shared input {
    height: 5rem !important;
    padding-top: 25px !important;
}
#shipping-new-address-form input::placeholder, #customer-email-fieldset #customer-email::placeholder, #billing-new-address-form-billing-address-form-shared input::placeholder{
    color: transparent !important;
}
#shipping-new-address-form .amtheme-select-block span {
    height: 5rem !important;
    line-height: 5rem;
}
#billing-new-address-form-billing-address-form-shared select {
    height: 5rem !important;
}

#shipping-new-address-form input:focus ~ .address-floating-label,
#shipping-new-address-form input:not(:focus):valid ~ .address-floating-label,
#customer-email-fieldset input:focus ~ .address-floating-label,
#customer-email-fieldset input:not(:focus):valid ~ .address-floating-label,
#billing-new-address-form-billing-address-form-shared input:focus ~ .address-floating-label,
#billing-new-address-form-billing-address-form-shared input:not(:focus):valid ~ .address-floating-label {
    top: 8px;
    font-size: 11px;
    opacity: 1;
}
#shipping-new-address-form .address-floating-label, #customer-email-fieldset .address-floating-label, #billing-new-address-form-billing-address-form-shared .address-floating-label{
    color: darkgray;
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: 15px;
    transition: 0.2s ease all;
}

#opc-new-shipping-address #shipping-new-address-form .field label {
    display: none !important;
}

.ajax-cart-owl-carousel .owl-nav.disabled {
    display: block !important;
}
/*.ajax-cart-owl-carousel .owl-stage-outer .owl-stage {*/
/*    width: 10000px !important;*/
/*}*/

.amtheme-socials-list
{
    z-index: 1;
}
#bss_ajaxcart_popup .mfp-close
{
    color: #fff !important;
}
@media only screen and (max-width: 767px)
{
    .dominorvid {
        min-height: 50vh !important;
    }

    .amtheme-productinfo-wrap .amtheme-productaside-wrap
    {
        margin-top: 25px !important;
    }
}
/*menu*/
.page-header, .sections.nav-sections, .header.content, .header:before, .header:after {
    background: transparent !important;
}
.nav-before-open.nav-open .sections.nav-sections {
    background: #1e2025 !important;
}
.page-wrapper header .nav-sections .nav-sections-item-content .navigation > ul li.level0.parent > .submenu {
    min-width: 250px !important;
}
.page-wrapper header .nav-sections .nav-sections-item-content .navigation > ul li.level0.parent > .submenu li > a {
    font-size: 1.45rem !important;
}
.page-wrapper header .benefits-container .benefits-wrapper .benefits-item p {
    /*font-family: "Abel", sans-serif !important;*/
    font-size: 1.5rem !important;
    font-weight: unset !important;
}
.page-wrapper header .messages-container p{
    font-size: 1.55rem !important;
}
@media (max-width: 1300px)
{
    .page-wrapper header .nav-sections .nav-sections-item-content .navigation > ul li.level0 > a{
        font-size: 2rem;
    }
}


/* new css code start */

@media only screen and (max-width: 768px) {

    .catalog-product-view .columns .amtheme-product-wrap .amtheme-product-info .product-info-main .product-add-form .box-tocart .fieldset .actions {display:flex;flex-direction:row;position: fixed;bottom:0px;width:auto;z-index:999999999;}

    .nav-before-open.nav-open .sections.nav-sections {
        top: 120px !important;
    }
}

/* new css code end */

/* Sticky Add to Cart button on mobile */
@media (max-width: 767px) {
    .product-add-to-cart {
        position: sticky;
        bottom: 0;
        z-index: 999;
    }
}

[data-content-type="button-item"] .pagebuilder-button-primary {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 18px 44px;
    background: linear-gradient(180deg, #03CF62 0%, #026932 100%) !important;
    border-radius: 20px;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    transition: background 1s ease;
}

[data-content-type="button-item"] .pagebuilder-button-primary:hover {
    border: 1px solid #03cf62 !important;
    box-shadow: unset !important;
    background: linear-gradient(180deg, #03CF62 0%, #026932 0%) !important;
    color: #03cf62 !important;
    span {
        color: #03cf62 !important;
    }
}


a.pagebuilder-button-link:hover {
    span {
        color: #03cf62 !important;
    }
}
[data-content-type="button-item"] .pagebuilder-button-secondary:hover {
    background: linear-gradient(95.83deg, #98cf74 0%, #f3d663 20.31%, #9d6edf 46.35%, #5faff5 78.65000000000001%, #6dca8d 100%) !important;
    background-size: 400% !important;
}
.page-main-full-width{
    background: url('../svg/new-top-bg/new-top-bg.svg') no-repeat top center;
    background-size: auto 1000px;
}

.unleash-title {
    margin: unset !important;
    letter-spacing: unset !important;
    text-transform: unset !important;
    font-family: "ChakraPetch-Bold", sans-serif !important;
    font-style: normal !important;
    font-size: 64px !important;
    line-height: 83px !important;
    color: #FFFFFF !important;
}
.unleash-title span {
    color: #03cf62 !important;
}
.herobanner .pagebuilder-button-primary {
    width: 163px;
    height: 64px;
    padding: 0;

}
.herobanner {
    margin-top: 87px;
}
.herobanner .row-full-width-inner .pagebuilder-column-group .pagebuilder-column h3 {
    /* Take control with precision-engineered PlayStation & Xbox controllers. Designed for performance, built for champions—customize yours today! */
    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    /* or 156% */
    display: flex;
    align-items: center;

    color: #FFFFFF;
    margin-bottom: 30px;
}
.herobanner .row-full-width-inner .pagebuilder-column-group .pagebuilder-column .pagebuilder-button-primary span {
    /* Shop Now! */
    font-family: 'ChakraPetch', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;

    color: #FFFFFF;

}
.byo-link a span {
    /* Build Your Own Controller */
    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    /* identical to box height, or 156% */
    display: flex;
    align-items: center;

    color: #FFFFFF;
}

.byo-link a span::after{
    background: url('../svg/icons/right-arrow.svg') no-repeat;
    content: "";
    /* Arrow Right */
    margin-top: 15px;
    width: 24px;
    height: 24px;
}

.herobanner .row-full-width-inner .pagebuilder-column-group .pagebuilder-column:nth-of-type(2) {
    flex-direction: row !important;
}
.herobanner .row-full-width-inner .pagebuilder-column-group .pagebuilder-column:nth-of-type(2) figure:nth-of-type(1) {
    /* Styles for the first <figure> */
    z-index: 20;
    margin-top: -10%;
}

.herobanner .row-full-width-inner .pagebuilder-column-group .pagebuilder-column:nth-of-type(2) figure:nth-of-type(2) {
    /* Styles for the second <figure> */
    margin-left: -42%;
    z-index: 10;
    margin-top: -14%;
}
/*.featuredlogo_container {*/
/*    display: none !important;*/
/*}*/
.create-your-controller .row-full-width-inner h2 {
    /* Customize your Controller */
    font-family: 'ChakraPetch', serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 62px !important;
    text-align: center !important;
    color: #FFFFFF;
}
.create-your-ctr-hover {
    position: relative !important;
    justify-content: space-evenly !important;
    align-items: center !important;
    cursor: pointer !important;
}
.create-your-ctr-hover:hover {
    .cus-button-section .pagebuilder-button-link {
        text-decoration: none !important;
    }
}
.create-your-controller .row-full-width-inner .pagebuilder-column-group {
    gap: 25px;
    margin-top: 1em;
}


@media (min-width: 1440px), print {
    .herobanner .row-full-width-inner, .create-your-controller .row-full-width-inner, .affiliate .row-full-width-inner, .featured-products .row-full-width-inner,
    .featured-press .row-full-width-inner, .follow-us .row-full-width-inner, .instagram-feed .row-full-width-inner, .featured-accessories .row-full-width-inner,
    .why-us .row-full-width-inner, .unrivalled-customer-service .pagebuilder-column-group, .ps5led-group .pagebuilder-column-group, .aboutus-1 .row-full-width-inner, .aboutus-2 .row-full-width-inner,
    .aboutus-3 .row-full-width-inner, .aboutus-4 .row-full-width-inner, .aboutus-5 .row-full-width-inner, .aboutus-6 .row-full-width-inner, .main-content-with-bg .row-full-width-inner,
    .tsc1 .row-full-width-inner, .tsc2 .row-full-width-inner, .tsc3 .row-full-width-inner, .tsc4 .row-full-width-inner, .tsc5 .row-full-width-inner, .thumbstick-last .row-full-width-inner {
        padding: 0 calc(30px * 2);
    }

}
@media (max-width: 1440px) {
    .row-full-width-inner {
        padding: 10px !important;
    }
}
.unrivalled-customer-service {
    margin-top: 60px;
}
.create-your-controller .row-full-width-inner .pagebuilder-column-group .pagebuilder-column::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.06;
    display: block;
    border-radius: 10px;
}
.title-section {
    margin-top: 10px;
    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    /* identical to box height, or 156% */
    display: flex;
    align-items: center;
    text-align: center;

    color: #FFFFFF;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}
.price-section {
    /* Starts from £79.99 */
    margin-top: 10px;
    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    /* identical to box height, or 100% */
    display: flex;
    align-items: center;
    text-align: center;

    color: #FFFFFF;

    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}
.cus-button-section {
    margin-bottom: 20px;
}
.cus-button-section a {
    /* Customize Now */
    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 16px;
    /* identical to box height, or 100% */
    display: flex;
    align-items: center;
    text-align: center;
    text-decoration-line: underline;

    color: #03CF62;

}
.unri-right {
    padding-left: 20px;
}
.unri-right .unri-top1::before {
    background: url('../svg/icons/ctrler.svg') no-repeat;
    content: "";
    width: 35px;
    height: 30px;
    margin-right: 10px;
}
.unri-right .unri-top1 {
    /* Unrivalled Customer Service */

    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    /* identical to box height, or 140% */
    display: flex;
    align-items: center;

    color: #03CF62;
}
.unri-right h2 {
    /* Support You Can Trust, Service You Deserve */
    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 55px;
    /* or 155% */
    display: flex;
    align-items: center;

    color: #FFFFFF;

}
.unri-right .unri-2 {
    /* We’re committed to providing exceptional customer support at every step. Whether you need help before, during, or after your order, we’ve got you covered! */
    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    /* or 156% */
    display: flex;
    align-items: center;

    color: #FFFFFF;
    margin-bottom: 12px;
}
.unri-right .unri-green-text {
    /* ✅ Expert Assistance - Our technicians are always ready to answer your questions. */

    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    /* identical to box height, or 140% */
    display: flex;
    align-items: center;

    color: #FFFFFF;
    margin-bottom: 20px;
}
.unri-right .unri-green-text span {
    font-family: 'ChakraPetch-SemiBold', serif;
    color: #03CF62;
    font-size: 20px;
}

.unri-right .unri-button a{
    /* Frame 5 */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 18px 44px;
    gap: 10px;

    width: 277px;
    height: 58px;

    border-radius: 20px !important;
    cursor: pointer !important;
    text-transform: uppercase;

    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
}
.featuredlogo_container .as-seen-on::before {
    background: url('../svg/icons/ctrler.svg') no-repeat;
    content: "";
    width: 35px;
    height: 30px;
    margin-right: 10px;
}
.featuredlogo_container .as-seen-on {
    /* As Seen On */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center !important;
    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    /* identical to box height, or 140% */
    color: #03CF62;
}
.featuredlogo_container .title {
    /* Trusted by Gamers, Backed by Experts */

    font-family: 'ChakraPetch', serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 62px !important;
    /* identical to box height, or 155% */
    text-align: center !important;

    color: #FFFFFF !important;
}
.featured-wrapper {
    display: flex;
}

.ps5led-group .ps5led-group-right h2 {
    /* Build Your Own Playstation 5 LED Controller */
    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 62px;
    /* identical to box height, or 207% */
    align-items: center;
    margin-top: 0 !important;
    color: #FFFFFF;
}
.ps5led-group-right {
    padding-left: 20px;
}
.ps5led-group .ps5led-review-line {
    flex-direction: row;
    display: flex;
    align-items: center;
}
.ps5led-group .ps5led-review-line p {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 !important;
}
.ps5led-group .ps5led-review-line p>span::after{
    background: url('../svg/icons/star.svg') no-repeat;
    display: flex;
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.ps5led-group .ps5led-review-line a {
    /* 2 Reviews */

    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 16px;
    /* identical to box height, or 80% */
    display: flex;
    align-items: center;
    margin-left: 80px;

    color: #FFFFFF;
}
.ps5led-group .ps5led-select-option p{
    /* Select Options */
    margin-top: 35px;
    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 16px;
    /* identical to box height, or 73% */
    display: flex;
    align-items: center;

    color: #FFFFFF;
}
.ps5led-group .ps5led-front-shell {
    /* Front Shell */
    margin-top: 20px;
    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    /* identical to box height, or 100% */
    display: flex;
    align-items: center;

    color: #FFFFFF;

}

.ps5led-group .front-shell-items .front-shell-items-1 {
    position: relative;
    background: url('../svg/front-shell/Frame_33.svg') no-repeat top left;
    background-size: contain;
    height: 220px;
    margin-left: -82px;
    margin-top: -40px;
}
.ps5led-group .front-shell-items .front-shell-items-2 {
    position: relative;
    background: url('../svg/front-shell/Frame_34.svg') no-repeat top left;
    background-size: contain;
    height: 73px;
    margin-top: -40px;
}

.ps5led-group-right .unri-button a{
    /* Frame 5 */
    margin-top: 47px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;

    width: 277px;
    height: 58px;

    border-radius: 20px !important;
    cursor: pointer !important;

    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;

    text-transform: none !important;
    padding: 0 !important;

}
.featured-products .row-full-width-inner {
    margin-top: 30px;
    margin-bottom: 100px;
}
.featured-products .row-full-width-inner h2 {
    /* trending designs */
    font-family: 'ChakraPetch', serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 62px !important;
    text-align: center !important;
    text-transform: capitalize !important;

    color: #FFFFFF !important;
    margin-bottom: 30px !important;
    text-shadow: none !important;
}

.featured-products .row-full-width-inner .slick-track {
    width: 20000px !important;
}

.featured-products .row-full-width-inner .slick-slider {
    position: relative; /* Ensure the container is positioned for child absolute elements */
}
#html-body .page-main-full-width .featured-products .row-full-width-inner .product-items .slick-arrow {
    background-color: unset !important;
}
.featured-products .row-full-width-inner .slick-slider .slick-arrow {
    position: absolute !important; /* Position them absolutely inside the `.slick-slider` container */
    bottom: -80px !important;      /* Adjust to move them below the carousel; increase or decrease this value as needed */
    z-index: 100;
    top: unset !important;
    /*transform: translateX(-50%); !* Center the arrows horizontally *!*/
    width: 54px !important;
    height: 54px !important;
    transform: unset !important;
    opacity: 1 !important; /* Ensure the arrows are fully visible */
    display: block !important; /* Make sure arrows are always displayed */
    visibility: unset !important;
}

.featured-products .row-full-width-inner .slick-slider .slick-prev {
    left: 45%; /* Center align the arrows horizontally */
    background: url('../svg/icons/slider-pre.svg') no-repeat 100% / contain !important;
}

.featured-products .row-full-width-inner .slick-slider .slick-next {
    right: 45%; /* Center align the arrows horizontally */
    background: url('../svg/icons/slider-next.svg') no-repeat 100% / contain !important;
}

@media (max-width: 1024px), print {
    .featured-products .row-full-width-inner .slick-slider .slick-prev {
        left: 43%;
    }
    .featured-products .row-full-width-inner .slick-slider .slick-next {
        right: 43%;
    }
}
@media (max-width: 768px), print {
    .new-usp-wrapper .usps-wrapper .pagebuilder-column {
        margin-bottom: 18px;
    }
    .get-reward-wrapper .pagebuilder-column-group:nth-of-type(2) {
        margin-top: -90px;
    }
    .get-reward-wrapper .pagebuilder-column-group .pagebuilder-column {
        margin-bottom: 30px;
    }

    .join-community .pagebuilder-column-group .pagebuilder-column {
        margin-bottom: 30px;
    }
    .join-community .pagebuilder-column-group:nth-of-type(2) {
        margin-top: -26px !important;
    }

    .featured-products .row-full-width-inner .slick-slider .slick-prev {
        left: 40%;
    }
    .featured-products .row-full-width-inner .slick-slider .slick-next {
        right: 40%;
    }
    .bus-and-corp {
        figure {
            height: 440px;
            img {
                height: 100% !important;
            }
        }
    }
    .page-footer .footer.top {
        height: auto !important;
        div {
            margin: unset !important;
            div {
                align-items: center;
            }
        }
        .trusted-by {
            margin-top: 30px !important;
        }

        .amtheme-newsletter-block {
            .amtheme-description .amtheme-text{
                text-align: center !important;
            }
            max-width: unset !important;
            .amtheme-field {
                flex-direction: row !important;

                button {
                    margin: unset !important;
                }
            }
        }
    }
    .page-footer .footer.content {
        margin-top: 50px;

        .pagebuilder-column:nth-of-type(1) {
            align-items: center;
            margin-bottom: 55px;
        }
        .footer-design-ctrl {
            height: auto !important;
        }
        .get-your-cus {
            border-top: unset !important;

        }
        .get-your-cus::after {
            display: none !important;
        }
    }
    .page-wrapper footer .bottom .amtheme-payment-methods {
        flex-direction: column;
        align-items: center;
    }

    .vip-gallery .pagebuilder-column div:nth-of-type(1) {
        display: contents !important;

        svg {
            width: auto !important;
            height: auto !important;
        }
    }
    .rapid1 {
        ul.tabs-navigation li.ui-tabs-active a {
            padding: 15px 0px !important;
        }
    }
    .swatch-opt .swatch-attribute-options.clearfix {
        margin-left: 20px !important;
    }

    .page-main .amtheme-product-wrap {
        padding: 20px !important;
    }
    .amtheme-productinfo-wrap .product-info-model-wrapper .content {
        & #features {
            padding: 20px !important;
            & .row {
                flex-direction: column !important;
                .left-side {
                    display: contents !important;
                }
                .right-side {
                    display: contents !important;
                }
            }
        }
    }
}
@media (max-width: 500px), print {
    .featured-products .row-full-width-inner .slick-slider .slick-prev {
        left: 35%;
    }
    .featured-products .row-full-width-inner .slick-slider .slick-next {
        right: 35%;
    }

    .get-reward-wrapper .pagebuilder-column-group:nth-of-type(2) {
        margin-top: -60px !important;
    }
    .get-reward-wrapper .pagebuilder-column-group .pagebuilder-column.row-1 .follow-the-step{
        padding-left: 10px;
        padding-right: 10px;
    }

    .product-item-details .actions-toolbar {
        margin-left: 0 !important;
        gap: 5px !important;
    }


    #checkout-payment-method-load {
        #mageworx-donation-form div{
            button {
                margin-bottom: 20px !important;
                width: 100% !important;
                margin-left: 0 !important;
            }
        }
    }

    .aboutus-1, .aboutus-3, .aboutus-6 {
        padding: 10px !important;
    }

    .top2 .row-full-width-inner .pagebuilder-column-group:nth-of-type(1) {
        margin-bottom: 0 !important;
    }
    .top2 .row-full-width-inner .pagebuilder-column-group .pagebuilder-column div {
        display: inline-flex !important;
    }
    .row-full-width-inner {
        padding: 10px !important;
    }
}

@media (max-width: 450px), print {
    .amtheme-productinfo-wrap, .cart-container {
        padding: 10px !important;
    }
    .product-item-details .actions-toolbar {
        button, a {
            font-size: 14px !important;
        }
    }
    .footer-design-ctrl {
        padding: 10px !important;
    }
}
/* Optional Styling for Arrow Buttons */
.slick-prev:before, .slick-next:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain; /* Ensure the icon fits well */
}


.featured-products .row-full-width-inner .slick-slide {
    width: 320px !important;
}
.featured-products .row-full-width-inner .slick-slide > div > li {
    max-width: 288px !important;
}
.featured-products .row-full-width-inner .product-image-photo{
    transition: transform .5s !important;
}
.featured-products .row-full-width-inner .slick-slide > div > li > div:hover .product-image-photo {
    transform: scale(1.1);
    transform-origin: 50% 50%;
}
.featured-products .row-full-width-inner .slick-slide > div > li > div .product-item-name {
    /* Dragon Queen Xbox */
    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    /* identical to box height, or 156% */
    text-align: center;

    color: #FFFFFF;
}
.featured-products .row-full-width-inner .slick-slide > div > li > div:hover .product-item-name {
    text-decoration: underline;
}
.featured-products .row-full-width-inner .slick-slide > div > li > div .price-box {
    font-size: 0.75em !important;
    margin-bottom: 12px !important;
}
.featured-products .row-full-width-inner .slick-slide > div > li > div .price-box .price {
    /* £109.99 */
    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    /* identical to box height, or 100% */
    text-align: center;

    color: #FFFFFF;
}

.featured-products .row-full-width-inner .product-items .slick-list .slick-track .slick-slide .product-item {
    position: relative;
    opacity: 1;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.58);
    cursor: pointer;

    :hover {
        .product-shop-now a {
            text-decoration: none !important;
        }
    }
}
.featured-products .row-full-width-inner .product-items .slick-list .slick-track .slick-slide .product-item .product-item-info {
    padding: 10px;
    background: unset;
    align-items: center;
    justify-content: center;
}

.featured-products .row-full-width-inner .product-items .slick-list .slick-track .slick-slide .product-item .product-item-info .product-item-details {
    align-items: center;
}
.featured-products .row-full-width-inner .product-items .slick-list .slick-track .slick-slide .product-item::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    /*background: #fff;*/
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.06;
}
.be-the-first {
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    line-height: 2rem;
    max-width: 100%;
    vertical-align: middle;
    margin-bottom: 10px !important;
}
.product-shop-now {
    margin-bottom: 10px;
}
.product-shop-now a {
    /* Shop Now */
    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    text-decoration-line: underline;

    color: #03CF62 !important;

}
.featured-products .row-full-width-inner .product-item .product-item-name {
    min-height: unset !important;
}
.new-usp-wrapper {
    margin-top: 80px !important;
}
.new-usp-wrapper .usps-wrapper .pagebuilder-column:nth-of-type(1), .new-usp-wrapper .usps-wrapper .pagebuilder-column:nth-of-type(2), .new-usp-wrapper .usps-wrapper .pagebuilder-column:nth-of-type(3) {
    border-right: 1px solid #03CF62;
}
.new-usp-wrapper .usps-wrapper .usps-item img {
    margin-bottom: 10px;
}
.new-usp-wrapper .usps-wrapper .usps-item span {
    /* World Wide Shipping */

    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    text-align: center;

    color: #FFFFFF;
}
.get-reward-wrapper {
    margin-top: 87px;
}
.get-reward-wrapper .row-1 {
    height: 400px;
    padding-top: 75px;
    align-items: center;
    justify-items: center;
    background: url('../svg/new-top-bg/new-top-bg.svg') no-repeat top center;
    background-size: auto 100px;
}
.get-reward-wrapper .row-1 .referral-scheme {
    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;

    color: #03CF62;
}
.get-reward-wrapper .row-1 .referral-scheme::before {
    background: url('../svg/icons/ctrler.svg') no-repeat;
    content: "";
    width: 35px;
    height: 30px;
    margin-right: 10px;
}
.get-reward-wrapper .row-1 h2 {
    /* Get Rewarded for Sharing! */
    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 62px;
    color: #FFFFFF;
}
.get-reward-wrapper .row-1 .follow-the-step p {
    /* Love your custom controller? Invite your friends and earn rewards every time they buy! Follow the steps! */

    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;

    color: #FFFFFF;
}
.get-reward-wrapper .pagebuilder-column-group:nth-of-type(2) {
    margin-top: -130px;
}
.join-community {
    /* Frame 46 */
    margin-top: 87px;
    margin-bottom: 87px;

    box-sizing: border-box;

    /*transform: rotate(-10deg);*/

}
.join-community .join-comunity-row1 {
    height: 480px;
    padding-top: 87px;
    align-items: center;
    justify-items: center;
    background: url('../svg/new-top-bg/new-top-bg.svg') no-repeat top center;
    background-size: auto 100px;
}
.join-community .pagebuilder-column-group:nth-of-type(2) {
    margin-top: -80px;
}
.join-community .join-comunity-row1 .follow-us {
    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;

    color: #03CF62;
}
.join-community .join-comunity-row1 .follow-us span {
    color: #ffffff !important;
}
.join-community .join-comunity-row1 .follow-us::before {
    background: url('../svg/icons/ctrler.svg') no-repeat;
    content: "";
    width: 35px;
    height: 30px;
    margin-right: 10px;
}
.join-community .join-comunity-row1 h2 {
    /* Get Rewarded for Sharing! */
    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 62px;
    color: #FFFFFF;
}
.join-community .join-comunity-row1 .customizing {
    /* Love your custom controller? Invite your friends and earn rewards every time they buy! Follow the steps! */

    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;

    color: #FFFFFF;
    margin-bottom: 45px;
}
.join-community .join-comunity-row1 .inst .pagebuilder-button-primary {
    /* Frame 49 */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 17px 24px;
    gap: 7px;

    width: 170px !important;
    height: 50px !important;

    background: linear-gradient(90deg, #03CF62 0%, #026932 100%) !important;
    border-radius: 10px !important;
}
.join-community .join-comunity-row1 .inst .pagebuilder-button-primary span {
    /* Instagram */

    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;

    color: #FFFFFF;
}
.join-community .join-comunity-row1 .inst .pagebuilder-button-primary::before {
    background: url('../svg/icons/inst.svg') no-repeat;
    content: "";
    width: 28px;
    height: 28px;
    margin-right: 5px;
}

.join-community .join-comunity-row1 .tiktok .pagebuilder-button-primary {
    /* Frame 50 */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 17px 24px;
    gap: 7px;

    width: 170px;
    height: 50px;

    background: #FFFFFF;
    border-radius: 10px;
    margin-left: 15px
}
.join-community .join-comunity-row1 .tiktok .pagebuilder-button-primary span {
    /* Tiktok */

    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;

    color: #03CF62;
}
.join-community .join-comunity-row1 .tiktok .pagebuilder-button-primary::before {
    background: url('../svg/icons/tiktok.svg') no-repeat;
    content: "";
    width: 24px;
    height: 24px;
    /*margin-right: 5px;*/
}
.bus-and-corp {
    padding-top: 40px;
    height: 440px;
    align-items: center;
    justify-content: center !important;

    figure {
        position: absolute;
        z-index: 0;
        width: 100vw !important;
        img {
            width: 100% !important;
        }
    }

    .top-div {
        font-family: 'NotoSans', serif;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;

        color: #03CF62;
    }
    .top-div::before {
        background: url('../svg/icons/ctrler.svg') no-repeat;
        content: "";
        width: 35px;
        height: 30px;
        margin-right: 10px;
    }
    h2 {
        /* Get Rewarded for Sharing! */
        font-family: 'ChakraPetch', serif;
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 62px;
        color: #FFFFFF;
    }
    .power-up {
        /* Love your custom controller? Invite your friends and earn rewards every time they buy! Follow the steps! */

        font-family: 'NotoSans', serif;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 28px;

        color: #FFFFFF;
        margin-bottom: 45px;
    }
    .buttons .pagebuilder-button-primary {
        /* Frame 4 */
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 18px 44px;
        gap: 10px;

        width: 263px;
        height: 64px;

        background: linear-gradient(90deg, #03CF62 0%, rgba(3, 207, 98, 0.3) 50%, rgba(3, 207, 98, 0.75) 100%);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 20px;
    }
    .buttons .pagebuilder-button-primary span {
        /* Get a Custom Quote */

        font-family: 'ChakraPetch', serif;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 28px;

        color: #FFFFFF;
    }
    div, h2 {
        z-index: 20;
    }
}


.footer .get-your-cus {
    /* Heading */

    font-family: 'ChakraPetch', serif !important;
    font-style: normal  !important;
    font-weight: 600  !important;
    font-size: 32px  !important;
    line-height: 38px  !important;
    letter-spacing: -0.006em  !important;

    background: linear-gradient(90deg, #03CF62 0%, #026932 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.footer .footer-design-ctrl {
    /* Text */
    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;

    color: #FFFFFF;
}
.footer .pagebuilder-column-group .pagebuilder-column h3 {
    /* Company */

    font-family: 'ChakraPetch', serif;
    font-style: normal !important;;
    font-weight: 600 !important;;
    font-size: 18px !important;
    line-height: 24px !important;;
    /* identical to box height, or 133% */
    letter-spacing: -0.006em !important;;

    color: #03CF62;
}
.footer .pagebuilder-column-group .pagebuilder-column div ul li span {
    /* Link */
    font-family: 'NotoSans', serif !important;
    font-style: normal !important;;
    font-weight: 500 !important;;
    font-size: 16px !important;;
    line-height: 24px !important;;
    /* identical to box height, or 150% */
    letter-spacing: -0.006em !important;;

    color: #FFFFFF;
}
.footer .pagebuilder-column-group .pagebuilder-column {
    align-self: unset !important;
}
.footer .pagebuilder-column-group .pagebuilder-column .footer-buttons {
    margin-top: 44px;
}
.footer .pagebuilder-column-group .footer-buttons-1 .pagebuilder-button-primary {
    /* Button */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 14px 28px;

    width: 216px;
    height: 52px;

    background: linear-gradient(90deg, #03CF62 0%, #438349 100%);
    /* Shadow/Light/Bottom Right */
    box-shadow: 10px 10px 50px rgba(0, 98, 255, 0.03);
    border-radius: 51px;
}
.footer .pagebuilder-column-group .footer-buttons-1 .pagebuilder-button-primary span {
    /* Text */
    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.006em;

    /* Absolute/White */
    color: #FFFFFF;
}
.footer .pagebuilder-column-group .footer-buttons-1 .pagebuilder-button-primary::before {
    background: url('../svg/icons/start-cus.svg') no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.footer .pagebuilder-column-group .footer-buttons-2 .pagebuilder-button-primary {
    /* Button */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 14px 28px;

    width: 155px;
    height: 52px;

    background: #FFFFFF !important;
    border-radius: 51px;
}
.footer .pagebuilder-column-group .footer-buttons-2 .pagebuilder-button-primary span {
    /* Text */

    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    letter-spacing: -0.006em;

    background: linear-gradient(90deg, #03CF62 0%, #438349 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.footer .pagebuilder-column-group .footer-buttons-2 .pagebuilder-button-primary::before {
    background: url('../svg/icons/call-us.svg') no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.page-footer .content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.page-footer .footer div {
    margin-left: unset !important;
}
.page-footer .footer figure {
    width: 94px;
    height: 99px;
}
.page-footer .footer .trusted-by {
    /* Paragraph */

    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
    color: #FFFFFF;
}

.page-footer .footer.top {
    margin-top: 87px;
    /* Center align the border */
    height: 188px;
    border-bottom: 0.5px solid rgba(3, 207, 98, 0.67);
}
.page-wrapper footer .amtheme-newsletter-block .amtheme-container .amtheme-content .amtheme-description {
    text-align: left !important;
    /* Subscribe Our newsletter for daily news and offers */

    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;

    color: #FFFFFF;
}
.page-wrapper footer .amtheme-newsletter-block .amtheme-container .amtheme-content .amtheme-form .amtheme-field .amtheme-label .amtheme-input {
    height: 50px;
    background: #171819 !important;
    border: none !important;//1px solid #d2d2d2;
}
.page-wrapper footer .amtheme-newsletter-block .amtheme-container .amtheme-content .amtheme-form .amtheme-field .amtheme-label .amtheme-input::placeholder {
    /* Enter your Email here... */

    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;

    color: #FFFFFF;
}
.page-wrapper footer .amtheme-newsletter-block .amtheme-container .amtheme-content .amtheme-form .amtheme-field button {
    background: none !important;
    /* Subscribe */

    font-family: 'NotoSans', serif !important;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    text-transform: uppercase;

    color: #FFFFFF;
}
.page-wrapper footer .amtheme-newsletter-block .amtheme-container .amtheme-content .amtheme-form .amtheme-field button::before {
    /* Frame 67 */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 45px;
    gap: 10px;

    width: 166px;
    height: 51px;

    background: linear-gradient(194.98deg, #03CF62 11.24%, #026932 90.66%);
}
.page-wrapper footer .bottom .logo {
    display: none;
}
.page-footer .footer.bottom {
    padding: 0 !important;
}
.page-footer .content {
    border-bottom: 1px solid #F0F6FF;
}
.page-wrapper footer .bottom {
    border-top: none !important;
    margin-bottom: 30px !important;
}
.page-wrapper footer .bottom .amtheme-socials-list {
    display: none !important;
}
.page-wrapper .amtheme-minifooter-block .copyright{
    /* Copyright Notice */

    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.006em;

    color: #FFFFFF;
}
@media (min-width: 1024px), print {
    .page-wrapper footer .bottom {
        margin: 35px auto 0;
        justify-content: space-between;
        box-sizing: border-box;
        border-top: 1px solid #baff7620;
        padding-top: 0 !important;
    }
}
.header-no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.amtheme-product-info .breadcrumbs .items {
    padding: 0 !important;
    /* Home/ X Controller */
    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: unset !important;
    letter-spacing: unset !important;

    color: #03CF62;
}
.amtheme-product-info .breadcrumbs .items strong{
    text-transform: none !important;
    font-family: 'NotoSans', serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: unset !important;
    letter-spacing: unset !important;
}
.amtheme-product-info .breadcrumbs .items a {
    text-transform: none !important;
    font-family: 'NotoSans', serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: unset !important;
    letter-spacing: unset !important;
}
.amtheme-product-wrap .fotorama__stage__shaft{
    background: url('../svg/new-top-bg/product-bg.svg') no-repeat center center;
    background-size: cover;
}
.page-wrapper .page-main .page-title {
    text-transform: unset !important;

    /* Xbox Series X Controller */
    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 40px;
    line-height: 62px;
    /* identical to box height, or 155% */

    color: #FFFFFF;
}
.amtheme-product-info .product.attribute.overview .value {
    /* X controller that fits your style & gameplay. Choose your model, colors, and performance mods for the perfect gaming experience. */

    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    /* or 150% */

    color: rgba(255, 255, 255, 0.7);
}
.product-info-main .product-add-form .product-options-wrapper .swatch-opt .swatch-attribute.controller_model .swatch-attribute-options {
    flex-direction: column;
}
.product-info-main .product-add-form .product-options-wrapper .swatch-opt .swatch-attribute.colour .swatch-attribute-options {
    flex-direction: row;
}
.swatch-attribute.controller_model .swatch-attribute-options .swatch-option {
    /* Frame 52 */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px 24px;
    gap: 7px;

    width: 100% !important ;
    min-height: 117px !important;
    height: 100% !important;

    background: #FFFFFF !important;
    border-radius: 10px;
}
.swatch-attribute.controller_model .swatch-attribute-options .swatch-option.selected {
    /* Frame 49 */
    background: linear-gradient(90deg, rgba(3, 207, 98, 0.98) 0%, rgba(2, 105, 50, 0.98) 100%) !important;
    border: 1px solid #03CF62;
    box-shadow: 0px 0px 100px #03CF62;
    border-radius: 10px;
}
.swatch-attribute-options .swatch-option.color.selected {
    /* Frame 49 */
    box-shadow: 0px 0px 100px #03CF62;
}
.swatch-attribute-options .swatch-option.color {
    box-sizing: border-box;

    width: 65px !important;
    height: 65px !important;;

    background: #FFFFFF;
    border: 2px solid #FFFFFF;
    border-radius: 15px;
}
.swatch-attribute-options .swatch-option::before {
    display: none !important;
}
.swatch-attribute-options .swatch-option.image img {
    width: 100%;
}
.swatch-attribute-options .price-side span {
    /* $199.99 */
    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 18px;

    color: #03CF62;
}
.swatch-attribute-options .info-side {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.swatch-attribute-options .info-side h2 {
    /* Core */
    font-family: 'ChakraPetch', serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 28px !important;
    color: #03CF62;
    margin-top: 14px !important;
    margin-bottom: 10px !important;
}
.swatch-attribute-options .swatch-option {
    margin-bottom: 28px !important;
}
.swatch-attribute-options .swatch-option.selected .price-side span {
    color: #FFFFFF;
}
.swatch-attribute-options .swatch-option.selected .info-side h2 {
    color: #FFFFFF;
}
.swatch-attribute-options .swatch-option.selected .info-side .info-description span {
    color: #FFFFFF;
}
.swatch-attribute-options .info-side .info-description span {
    text-align: left;
    /* Four Remappable Paddles Adaptive Triggers Interchangeable Thumbsticks */

    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;

    color: #03CF62;
}
.swatch-attribute-options .info-side .info-description {
    padding-left: 13px;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-bottom: 13px;
}
@media (min-width: 1024px), print {
    .page-main .amtheme-product-wrap {
        grid-template-columns: calc(65% - 50px) 35% !important;
        gap: 50px !important;
    }
}
.product-options-wrapper .swatch-attribute .swatch-attribute-label {
    /* Select model */
    display: contents;
    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
}
.product-options-wrapper .swatch-attribute.colour .swatch-attribute-selected-option {
    display: block !important;
    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
}
.amtheme-add-form-bottom .product-info-price .price-wrapper  span {
    /* £199.99 */

    font-family: 'ChakraPetch', serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    line-height: 16px !important;

    color: #FFFFFF !important;
}
.amtheme-product-wrap .fotorama__thumb {
    border: 3px solid #fffff0 !important;
    border-radius: 20px;
}
.amtheme-product-wrap .fotorama__thumb-border {
    /* Frame 145 */
    border: 3px solid #03CF62 !important;
    border-radius: 20px;
    width: 111px !important;
    height: 111px !important;

    /*filter: drop-shadow(0px 0px 115px #03CF62);*/
    /*box-shadow: 0px 0px 115px #03CF62;*/

}
.amtheme-product-wrap .fotorama__nav__frame.fotorama__active div {
    border: unset !important;
}
.fotorama__nav-wrap.fotorama__nav-wrap--horizontal {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
}
.fotorama__nav.fotorama__nav--thumbs {
    align-items: center;
    justify-content: center;
    display: flex;
}
.product-options-bottom .box-tocart button {
    /* Rectangle 12 */

    width: 100% !important;
    height: 59px !important;;

    background: linear-gradient(90deg, #03CF62 0%, #026932 100%) !important;;
    border-radius: 29.5px !important;;
    justify-content: center !important;
}
.product-options-bottom .box-tocart button span {
    /* Add To Cart */
    font-family: 'NotoSans', serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 25px !important;
    /* identical to box height */
    text-transform: unset !important;
    color: #FFFFFF !important;
}

.product-add-form .cart-footer {
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    justify-content: flex-start;
}
.product-add-form .cart-footer h2 {
    width: 100%;
    margin-top: 40px;
    /* Core */
    font-family: 'ChakraPetch', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;

    color: #FFFFFF;
}
.product-add-form .cart-footer .nomargin {
    margin-top: 0 !important;
}
.product-add-form .cart-footer .model-description {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    height: 60px;
}
.product-add-form .cart-footer .model-description .title {
    /* Adaptive Triggers. */
    margin-left: -80px;
    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 28px;

    color: #FFFFFF;
}
.product-add-form .cart-footer .model-description .icon {
    margin-left: -90px;
}
.amtheme-productinfo-wrap .product-info-model-wrapper {
    width: 100%;
}

.amtheme-productinfo-wrap .product-info-model-wrapper .content {
    /* Horizontal menu styling */
    .menu {
        gap: 25px;
        display: flex;
        justify-content: center;
        width: 100%;
        align-items: center;
        height: 76px;
        background: #171819;
    }
    .menu a {
        /* FEATURES */
        font-family: 'ChakraPetch', serif;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 76px !important;
        text-align: center !important;

        color: #FFFFFF;
        width: 150px;
        height: 100%;
        text-decoration: none;
        text-transform: uppercase !important;
        transition: background-color 0.3s;
    }

    .menu a:hover {
        background-color: #575757;
    }


    #features {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        .row {
            align-items: center;
            justify-content: center;
            display: flex;
            width: 100%;
            flex-direction: row;

            h2 {
                /* OPTIMIZED FOR PERFORMANCE PS5 GAMING. */

                font-family: 'ChakraPetch', serif;
                font-style: normal;
                font-weight: 700;
                font-size: 45px;
                line-height: 60px;

                color: #03CF62;
            }
            p {
                /* With three models to choose from, Reflex gives you the best performance experience customized to the types of games you play. */

                font-family: 'NotoSans', serif;
                font-style: normal;
                font-weight: 700;
                font-size: 18px;
                line-height: 28px;

                color: #FFFFFF;
            }

            .left-side {
                width: 50%;

                button {
                    /* Frame 191 */

                    /* Auto layout */
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    padding: 20px 62px;
                    gap: 10px;
                    margin-top: 40px;
                    background: linear-gradient(90deg, #03CF62 0%, #026932 100%);
                    border-radius: 20px;
                }
            }
            .right-side {
                width: 50%;
            }
            svg {
                max-width: 600px;
                max-height: 600px;
            }
        }

    }

    .content.group-content {
        .menu a {
            width: 100%;
            align-items: center;
            justify-content: center;
            display: flex;
            gap: 10px;
        }
        .collapse {
            padding: 60px;
            h2 {
                /* What's in the box */
                font-family: 'ChakraPetch', serif;
                font-style: normal;
                font-weight: 700;
                font-size: 20px;
                line-height: 28px;
                text-transform: uppercase;

                color: #FFFFFF;

                width: 100%;
                margin-top: 80px;
                border-bottom: 1px solid #FFFFFF;
                height: 43px;
                margin-bottom: 30px;
            }
            .row {
                align-items: flex-start;
                display: flex;
                justify-content: center;
                flex-direction: row;
                gap: 50px;

                .row-33 {
                    display: flex;
                    flex-direction: column;
                    gap: 20px;
                    width: 33%;
                    p {
                        /* PlayStation */
                        text-align: left !important;
                        font-family: 'NotoSans', serif;
                        font-style: normal;
                        font-weight: 500;
                        font-size: 18px;
                        line-height: 28px;
                        color: #FFFFFF;
                    }
                    span {
                        /* 5 */

                        font-family: 'ChakraPetch', serif;
                        font-style: normal;
                        font-weight: 600;
                        font-size: 40px;
                        line-height: 28px;

                        color: #FFFFFF;
                    }
                    p.bottom-border {
                        /* Line 7 */
                        /* Compatibility */
                        height: 42px;
                        font-family: 'ChakraPetch', serif;
                        font-style: normal;
                        font-weight: 600;
                        font-size: 20px;
                        line-height: 28px;

                        color: #FFFFFF;
                        border-bottom: 1px solid #FFFFFF;
                    }
                }
            }
        }
    }

    .content h2 {
        margin-top: 0;
    }
}


.page-layout-1column .amtheme-product-info .box-tocart .action.tocart {
    width: 100% !important;
    justify-content: center !important;
}
.page-wrapper header > .content .amtheme-icons-container .minicart-wrapper .block-minicart {
    /* Frame 221 */
    box-shadow: 0px 0px 5px #03CF62;

    /*!* Ellipse 4 *!*/
    /*background: linear-gradient(103.59deg, rgba(3, 207, 98, 0.62) -8.55%, rgba(255, 255, 255, 0.58) 113.9%);*/
    /*filter: blur(250px);*/

}
.page-wrapper header > .content .amtheme-icons-container .minicart-wrapper .block-minicart .amtheme-minicart-content .block-title {
    flex-direction: column;
    display: flex;
    span.text {
        /* main */

        font-family: 'ChakraPetch', serif;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 31px;
        /* identical to box height */

        color: #FFFFFF;
        text-transform: uppercase;
    }
    span:nth-of-type(2) {
        /* 2 Items in Cart */

        font-family: 'NotoSans', serif;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 25px;
        /* identical to box height */
        text-transform: capitalize;
        color: #FFFFFF;
        margin-top: 20px;
    }
}
.minicart-wrapper .block-minicart {
    width: 400px !important;
}
.block.block-minicart .product-item .product-item-name a {
    /* h3 */

    font-family: 'ChakraPetch', serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 23px !important;
    text-transform: uppercase !important;

    color: #FFFFFF;

    transform: matrix(1, 0, 0.02, 1, 0, 0);
}
.product .product-item-details .product-item-pricing .product-info-price .label {
    /* Item total: */
    font-family: 'NotoSans', serif  !important;
    font-style: normal  !important;
    font-weight: 400  !important;
    font-size: 14px  !important;
    line-height: 200%;

    color: rgba(255, 255, 255, 0.7);
}

.block.block-minicart .product-info-price .price {
    /* h3 */

    font-family: 'ChakraPetch', serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 23px !important;
    /* identical to box height */

    color: #03CF62 !important;

    transform: matrix(1, 0, 0.01, 1, 0, 0);
}
.product .product-item-details .product-item-pricing .action.delete {
    /* Remove */
    font-family: 'NotoSans', serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 80.51% !important;

    color: #FFFFFF !important;
}
.content .amtheme-icons-container .minicart-wrapper .block-minicart .amtheme-minicart-content .block-content .subtotal {
    /* SubTotal */
    font-family: 'NotoSans', serif  !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    text-transform: uppercase !important;

    color: rgba(255, 255, 255, 0.7) !important;
}
.content .amtheme-icons-container .minicart-wrapper .block-minicart .amtheme-minicart-content .block-content .subtotal .price {
    /* h3 */
    font-family: 'ChakraPetch', serif  !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 31px !important;

    color: #03CF62 !important;

    transform: matrix(1, 0, 0.01, 1, 0, 0);
}
.block.block-minicart .action.checkout {
    /* Frame 4 */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 18px 44px;
    gap: 10px;

    width: 100%;
    height: 58px;

    background: linear-gradient(180deg, #03CF62 0%, #026932 100%);
    box-shadow: 0px 0px 10px #03CF62;

    /* CHECKOUT */
    font-family: 'ChakraPetch', serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.block.block-minicart .action.viewcart {
    /* View and Edit Cart */

    font-family: 'ChakraPetch', serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 23px !important;
    text-align: center !important;
    letter-spacing: 0.04em !important;

    color: #03CF62;
}

.main-content-with-bg {
    background: url('../svg/new-top-bg/title-bg.svg') no-repeat top center;
    background-size: contain;
}
#maincontent .page-title-wrapper.title-group  {
    height: 300px;
    align-items: center;
    justify-content: center;
    display: flex;

    .page-title-group {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;


        .page-title-shadow {
            /* Cart */
            font-family: 'ChakraPetch', serif !important;
            font-style: normal !important;
            font-weight: 700 !important;
            font-size: 100px !important;
            line-height: 114.3% !important;
            /* or 171px */
            text-align: center !important;
            text-transform: uppercase !important;
            text-shadow: 0px 0px 10px rgba(3, 207, 98, 0.26);
            /*text-shadow: 0px 0px 10px #03CF62;*/
            color: rgb(30, 57, 41) !important;
        }

        .page-title-text {
            /* text */
            position: absolute;
            font-family: 'ChakraPetch', serif !important;
            font-style: normal !important;;
            font-weight: 700 !important;;
            font-size: 45px !important;;
            line-height: 114.3% !important;;
            text-align: center !important;;

            color: #FFFFFF !important;;
        }
    }

}
.cart-container .amtheme-form-wrapper .cart.table-wrapper tbody.product-item {
    /* Frame 1887 */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 9px 35px;
    background: rgba(23, 24, 25, 0.27);
    border-radius: 10px;
    border: none !important;
    margin-bottom: 25px;

    .product-item-details .actions-toolbar {
        margin-left: -20px;
        align-items: center;
        gap: 20px;
        margin-top: 15px !important;

        button, a {
            text-transform: uppercase !important;
            /* EDIT */

            font-family: 'NotoSans', serif !important;
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 28px;
            text-align: center;

            color: #03CF62;
        }
    }
}
.cart.table-wrapper .cart.items.data.table tbody .item-info .item .amtheme-inner .product-item-details .message.success {
    /* Estimated Delivery Date */
    font-family: 'NotoSans', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 166%;

    color: rgba(255, 255, 255, 0.7);
}
.cart.table-wrapper .cart.items.data.table tbody .item-info .subtotal .cart-price .price  {
    /* £64.99 */
    font-family: 'ChakraPetch', serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 31px !important;

    color: #03CF62;

    text-shadow: 0px 0px 20px #03CF62;
}
.cart.table-wrapper .cart.items.data.table tbody .item-info .qty .amtheme-qty-wrap .amtheme-qty-box .amtheme-qty {
    /* 1 */
    font-family: 'NotoSans', serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 25px !important;
    letter-spacing: 0.165em !important;

    color: #FFFFFF !important;
}
.cart.main.actions .amtheme-wrap .action {
    text-transform: uppercase !important;
    font-family: 'NotoSans', serif !important;
    font-style: normal !important;
    font-size: 16px !important;
    line-height: 28px !important;
    text-align: center !important;
    color: #03CF62;
}
.checkout-cart-index .page-main .cart-container .cart-summary {
    /*padding-top: 50px !important;*/

    .checkout.methods .action.checkout {
        /* Frame 4 */
        width: 100%;
        height: 58px;

        background: linear-gradient(180deg, #03CF62 0%, #026932 100%);
        box-shadow: 0px 0px 10px #03CF62;
        border-radius: 6px;

        /* Proceed to checkout */
        font-family: 'ChakraPetch', serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        letter-spacing: 0.04em !important;
        text-transform: uppercase !important;

        color: #FFFFFF;
    }
    .summary.title{
        /* main */
        font-family: 'ChakraPetch', serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 24px !important;
        line-height: 31px !important;
        color: #FFFFFF !important;
    }
    .data.table.totals {
        .totals.sub {
            height: 55px !important;
        }
        .mark, strong {
            /* SubTotal */

            font-family: 'NotoSans', serif !important;
            font-style: normal !important;
            font-weight: 600 !important;
            font-size: 16px !important;
            line-height: 22px !important;
            text-transform: uppercase !important;

            color: rgba(255, 255, 255, 0.7) !important;
        }
        .amount .price {
            /* h3 */

            font-family: 'ChakraPetch', serif !important;
            font-style: normal !important;
            font-weight: 600 !important;
            font-size: 20px !important;
            line-height: 26px !important;

            color: #FFFFFF !important;

            transform: matrix(1, 0, 0.01, 1, 0, 0);
        }
        .amount .price::after {
            background: unset !important;
        }
        .grand.totals {
            .amount .price {
                /* h3 */

                font-family: 'ChakraPetch', serif !important;
                font-style: normal !important;
                font-weight: 600 !important;
                font-size: 28px !important;
                color: #03CF62 !important;

                text-shadow: 0px 0px 20px #03CF62 !important;
                transform: matrix(1, 0, 0.01, 1, 0, 0);
            }
        }
    }

}
.cart-summary .block.bss-giftcard strong {
    /* gIFT cARDS */

    font-family: 'NotoSans', serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    text-transform: uppercase !important;

    color: rgba(255, 255, 255, 0.7) !important;
}
.checkout-index-index .page-title-wrapper {
    width: 100% !important;
    position: relative !important;
}
.opc-wrapper .opc .step-title {
    /* SHIPPING ADDRESS */
    font-family: 'ChakraPetch', serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 31px !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
}
#checkout-step-shipping input {
    /* Frame 2141 */
    background: rgba(23, 24, 25, 0.56) !important;
    border-radius: 6px  !important;

    /* Placeholder */

    font-family: 'NotoSans', serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    text-transform: capitalize !important;

    color: rgba(255, 255, 255, 0.7) !important;
}
.items-in-cart > .title strong span {
    font-family: 'ChakraPetch', serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 31px !important;
    color: #FFFFFF !important;
}
.opc-block-summary .product-item .product-item-name a {
    font-family: 'ChakraPetch', serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 21px !important;
    text-transform: uppercase !important;

    color: #FFFFFF !important;

    transform: matrix(1, 0, 0.02, 1, 0, 0);
}
.opc-block-summary .product-item .product-item-inner > .subtotal .cart-price .price {
    font-family: 'ChakraPetch', serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 26px !important;
    color: #03CF62 !important;
    transform: matrix(1, 0, 0.01, 1, 0, 0);
}
.bss-onestepcheckout .page-wrapper .checkout-container > #opc-sidebar .opc-block-summary .amtheme-summary-content .table-totals .mark  {
    font-family: 'NotoSans', serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.7) !important;
}
.opc-block-summary .table-totals .amount {
    font-family: 'ChakraPetch', serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 26px !important;
    color: #FFFFFF !important;
    transform: matrix(1, 0, 0.01, 1, 0, 0);
}
.bss-onestepcheckout #opc-sidebar .actions-toolbar > .primary {
    /* Frame 4 */

    /* Auto layout */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 58px;

    background: linear-gradient(180deg, #03CF62 0%, #026932 100%);
    box-shadow: 0px 0px 10px #03CF62;
    border-radius: 6px;

}
.bss-onestepcheckout #opc-sidebar .actions-toolbar > .primary > .btn-placeorder {
    /* place order */
    font-family: 'ChakraPetch', serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 23px !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;

    color: #FFFFFF !important;
}
.bss-onestepcheckout #opc-sidebar .actions-toolbar > .primary > .btn-placeorder:hover {
    background: unset !important;
}
@media (min-width: 1440px), print {
    #maincontent .columns .sidebar.sidebar-main {
        width: 400px !important;
    }
    .page-layout-2columns-left .page-main > .columns {
        grid-template-columns: auto calc(100% - 400px - 4%) !important;
    }
}
@media (min-width: 768px) and (max-width: 1439px) {
    #maincontent .columns .sidebar.sidebar-main {
        width: 185px !important;;
    }
    .page-layout-2columns-left .page-main > .columns {
        grid-template-columns: auto calc(100% - 185px - 4%) !important;;
    }
}

#maincontent .columns .sidebar.sidebar-main {
    .content.account-nav-content ul {
        padding: 25px !important;
        gap: 15px !important;
    }
    .account-nav-content .nav.item.current {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px 25px;
        gap: 17px;
        height: 54px;
        background: rgba(23, 24, 25, 0.63);
        border-radius: 6px;

        strong {
            /* main */
            font-family: 'ChakraPetch', serif !important;
            font-style: normal !important;
            font-weight: 700 !important;
            font-size: 16px !important;
            line-height: 21px !important;
            color: #FFFFFF !important;
        }
    }
}
.amtheme-account-actions > .actions-toolbar .primary > .action {
    /* Frame 4 */
    /* SAve */
    font-family: 'ChakraPetch', serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 23px !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;

    color: #FFFFFF !important;
    padding: 18px 44px;
    width: 145px;
    height: 50px;
    background: linear-gradient(180deg, #03CF62 0%, #026932 100%);
    box-shadow: 0px 0px 10px #03CF62;
    border-radius: 6px;
}
.column.main .amtheme-content .amtheme-actions a {
    color: #03cf62 !important;
}
.login-page-bg {

    .login-container .block-content-wrapper .close-modal {
        display: none !important;
    }
    .register-container .block-content-wrapper .close-modal {
        display: none !important;
    }
}
.block.block-customer-login.login-lightbox {
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
    justify-content: center;
    /*padding: 20px !important;*/

    .block-content-wrapper {
        width: 500px !important;

        box-shadow: 0px 0px 10px rgba(3, 207, 98, 0.25) !important;
        border-radius: 3px !important;

        background: rgba(37, 57, 47, 1) !important;

        padding: 25px !important;

        .block-title {
            justify-content: space-between;
            align-items: center;
            display: flex;
            text-align: left !important;
            strong {
                /* main */
                font-family: 'ChakraPetch', serif !important;
                font-style: normal !important;;
                font-weight: 700 !important;;
                font-size: 25px !important;;
                line-height: 32px !important;;
                text-align: center !important;;
                text-transform: uppercase !important;;

                color: #FFFFFF !important;;
            }
            span {
                /* + */
                cursor: pointer;
                font-family: 'Sofia Pro', serif;
                font-style: normal;
                font-weight: 300;
                font-size: 28px;
                line-height: 49.5%;
                /* or 14px */
                letter-spacing: 0.235em;
                text-transform: uppercase;

                color: #FF0101;

                transform: matrix(-0.68, 0.73, -0.68, -0.73, 0, 0);
            }
        }

        .actions-toolbar-footer {
            margin-top: 40px;
            display: flex;
            flex-direction: column;
            align-items: center;

            span {
                /* Don’t have an Account? */
                font-family: 'ChakraPetch', serif;
                font-style: normal;
                font-weight: 700;
                font-size: 16px;
                line-height: 21px;
                /* identical to box height */
                letter-spacing: 0.04em;
                text-transform: uppercase;

                color: #FFFFFF;
            }
            a {
                /* Sign up Now */
                margin-top: 8px;
                font-family: 'NotoSans', serif;
                font-style: normal;
                font-weight: 700;
                font-size: 16px;
                line-height: 22px;
                /* identical to box height */
                text-align: center;
                letter-spacing: 0.04em;
                text-transform: uppercase;

                color: #03CF62;
            }
        }

        .block-content {
            input {
                /* Rectangle */
                height: 50px !important;

                background: rgba(23, 24, 25, 0.7) !important;
                border-radius: 6px !important;

                /* Placeholder */

                font-family: 'NotoSans', serif !important;
                font-style: normal !important;
                font-weight: 600 !important;
                font-size: 16px !important;
                line-height: 28px !important;

                color: #FFFFFF !important;
            }
            fieldset {
                .remember-me {
                    display: flex;
                    justify-content: space-between;
                    label {
                        span {
                            margin-top: -4px !important;
                            display: flex;
                            /* Remember Me */
                            font-family: 'NotoSans', serif !important;
                            font-style: normal !important;
                            font-weight: 600 !important;
                            font-size: 14px !important;
                            line-height: 28px !important;

                            color: rgba(255, 255, 255, 0.7) !important;
                        }
                    }
                    a  {
                        /* Forgot Your Password? */
                        margin-top: -4px;
                        font-family: 'NotoSans', serif !important;
                        font-style: normal  !important;
                        font-weight: 600  !important;
                        font-size: 14px  !important;
                        line-height: 28px  !important;
                        align-items: center  !important;

                        color: #03CF62  !important;

                    }
                }
            }

        }

        .block-content .actions-toolbar {
            margin-top: 0 !important;
            button {
                box-shadow: unset !important;

                backdrop-filter: blur(2px) !important;;
                /* Note: backdrop-filter has minimal browser support */
                border-radius: 6px !important;

                width: 142px !important;
                height: 42px !important;
                /* submit */

                font-family: 'ChakraPetch', serif !important;
                font-style: normal !important;
                font-weight: 700 !important;
                font-size: 16px !important;
                line-height: 16px !important;
                /* identical to box height */
                letter-spacing: 0.04em !important;
                text-transform: uppercase !important;

                color: #FFFFFF !important;


            }
        }


        .form-create-account {
            width: 100% !important;
            max-width: 100% !important;
            margin-bottom: 0 !important;

            input {
                /* Rectangle */
                height: 50px !important;

                background: rgba(23, 24, 25, 0.7) !important;
                border-radius: 6px !important;

                /* Placeholder */

                font-family: 'NotoSans', serif !important;
                font-style: normal !important;
                font-weight: 600 !important;
                font-size: 16px !important;
                line-height: 28px !important;

                color: #FFFFFF !important;
            }
            .name-fields, .password-fields {
                justify-content: space-between;
                display: flex;
                flex-direction: row;

                .field {
                    width: 48% !important;

                }
            }

            .actions-toolbar button {
                /* Frame 4 */

                background: linear-gradient(180deg, #03CF62 0%, #026932 100%);
                backdrop-filter: blur(2px);
                /* Note: backdrop-filter has minimal browser support */
                border-radius: 6px;

                /* create account */
                font-family: 'ChakraPetch', serif !important;
                font-style: normal !important;;
                font-weight: 700 !important;;
                font-size: 16px !important;;
                line-height: 21px !important;;
                /* identical to box height */
                letter-spacing: 0.04em !important;;
                text-transform: uppercase;

                color: #FFFFFF;
            }
            .fieldset.create.info {
                padding-bottom: 0 !important;
            }
            .fieldset.create.account {
                padding-bottom: 10px !important;
                margin-bottom: 10px !important;
            }

        }
    }
}
/* Overlay styles */
#login-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Black with 70% opacity */
    z-index: 999; /* Ensure it sits behind the modal */
}
#login-modal, #register-modal {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    height: 100%;
    overflow: auto;

    background: url('../svg/new-top-bg/loginbox-bg.svg') no-repeat center center !important;
    width: 100% !important;
    max-width: 100% !important;

    align-items: center;
    justify-content: center;
    display: flex;
}
.block.block-new-customer {
    display: none !important;
}
.login-container {
    min-height: 700px !important;
    .block-customer-login {
        border-bottom: none !important;
    }

}
.contact-information {
    margin-top: 70px !important;

    h2 {
        /* h3 */

        font-family: 'ChakraPetch', serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 35px !important;
        line-height: 46px !important;
        text-transform: uppercase !important;

        color: #FFFFFF !important;

        text-shadow: 0px 4px 10px rgba(255, 255, 255, 0.65) !important;
        transform: matrix(1, 0, 0.02, 1, 0, 0) !important;
    }
    h3 {
        /* main */

        font-family: 'ChakraPetch', serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 25px !important;
        line-height: 32px !important;
        /* identical to box height */
        letter-spacing: 0.02em !important;
        text-transform: uppercase !important;

        color: #FFFFFF;
    }
    p {

        font-family: 'NotoSans', serif !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        line-height: 30px !important;

        color: rgba(255, 255, 255, 0.7) !important;
    }
    tr > td {
        /* main */

        font-family: 'ChakraPetch', serif !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 18px !important;
        line-height: 23px !important;
        /* identical to box height */
        text-transform: uppercase !important;

        color: #FFFFFF;
    }
    tr > td:last-child {
        /* main */
        color: #03CF62;
    }
    tr > th {
        /* main */
        font-family: 'ChakraPetch', serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 22px !important;
        line-height: 29px !important;
        /* identical to box height */
        text-align: center !important;

        color: #EDEDED;
    }
}
.div-contact-form {
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
    flex-direction: row !important;
    .left-side {
        width: 50%;
        .icon-contact {
            /* Contact Us */
            font-family: 'NotoSans', serif;
            font-style: normal;
            font-weight: 600;
            font-size: 20px;
            line-height: 28px;
            /* identical to box height, or 140% */
            display: flex;
            align-items: center;

            color: #03CF62;
        }
        .icon-contact::before {
            background: url(../svg/icons/ctrler.svg) no-repeat;
            content: "";
            width: 35px;
            height: 30px;
            margin-right: 10px;
        }

        h2 {
            /* h3 */

            font-family: 'ChakraPetch', serif !important;
            font-style: normal !important;
            font-weight: 700 !important;
            font-size: 35px !important;
            line-height: 46px !important;
            /* identical to box height */
            text-transform: uppercase !important;

            color: #FFFFFF;
        }
        .description {
            /* Enter your details in the form and we’ll call you to discuss your request. Alternatively, you can contact us directly via the contact details. */
            font-family: 'NotoSans', serif;
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 32px;
            /* or 200% */

            color: #FFFFFF;
        }
        .phone-number {
            margin-top: 40px;
            display: flex;
            align-items: center;
            .contact-info {
                margin-left: 10px;
                display: flex;
                flex-direction: column;

                span {
                    /* 27743 387506 (UK) */

                    font-family: 'NotoSans', serif;
                    font-style: normal;
                    font-weight: 600;
                    font-size: 16px;
                    line-height: 32px;

                    color: #FFFFFF;
                }
            }
        }
    }
    .right-side {
        width: 50%;
        form {
            /* Frame 2192 */
            padding: 25px !important;
            background: rgba(23, 24, 25, 0.59);
            border-radius: 10px;

            legend > span {
                /* Drop us a message, and we’ll get back to you promptly. */

                font-family: 'ChakraPetch', serif !important;
                font-style: normal !important;;
                font-weight: 700 !important;;
                font-size: 30px !important;;
                line-height: 48px !important;;
                /* or 160% */
                text-align: center !important;;
                text-transform: capitalize !important;;
                letter-spacing: 0 !important;
                color: #FFFFFF;
            }

            .actions-toolbar {
                button {
                    /* Frame 4 */

                    /* Auto layout */
                    box-shadow: 0px 0px 10px #03CF62 !important;
                    border-radius: 6px;

                    font-family: 'ChakraPetch', serif !important;
                    font-style: normal !important;
                    font-weight: 700 !important;
                    font-size: 16px !important;
                    line-height: 21px !important;
                    /* identical to box height */
                    letter-spacing: 0.04em !important;
                    text-transform: uppercase !important;

                    color: #FFFFFF;
                }
            }
        }
    }
}

.pagebuilder-column-group {
    .pagebuilder-column.right, .pagebuilder-column.left {
        .right-1:before {
            background: url(../svg/icons/ctrler.svg) no-repeat !important;
            content: "" !important;
            width: 35px !important;
            height: 30px !important;
            margin-right: 10px !important;
            color: #03CF62 !important;
        }
        .right-1 {
            /* Who we are */
            display: flex;
            font-family: 'NotoSans', serif !important;
            font-style: normal !important;
            font-weight: 600 !important;
            font-size: 20px !important;
            line-height: 28px !important;
            text-transform: uppercase !important;

            color: #03CF62  !important;
        }

        h2 {
            /* Creating the Most Advanced and Stunning Custom Controllers */
            font-family: 'ChakraPetch', serif !important;
            font-style: normal !important;
            font-weight: 600 !important;
            font-size: 40px !important;
            line-height: 50px !important;
            text-transform: capitalize !important;

            color: #FFFFFF !important;
        }

        p {
            /* "It is our mission to exceed the expectations of our customers by producing the most appealing and innovative controllers on the market." */
            font-family: 'NotoSans', serif !important;
            font-style: normal !important;
            font-weight: 600 !important;
            font-size: 18px !important;
            line-height: 32px !important;
            /* or 178% */

            color: #FFFFFF;

            align-items: center;
            justify-content: flex-start;
            display: flex;
        }


        .right-4 {
            /* ~ JAMES WITT CEO OF CONTROLLER MODZ */

            font-family: 'ChakraPetch', serif  !important;
            font-style: normal  !important;
            font-weight: 700  !important;
            font-size: 20px  !important;
            line-height: 32px  !important;
            /* identical to box height, or 160% */
            text-align: right  !important;

            color: #FFFFFF;

        }
    }
}
.aboutus-3 {
    .pagebuilder-column.left {
        .top1:before {
            background: url(../svg/icons/ctrler.svg) no-repeat !important;
            content: "" !important;
            width: 35px !important;
            height: 30px !important;
            margin-right: 10px !important;
            color: #03CF62 !important;
        }
        .top1 {
            /* Our mission */
            font-family: 'NotoSans', serif !important;
            font-style: normal  !important;
            font-weight: 600  !important;
            font-size: 20px  !important;
            line-height: 28px  !important;
            display: flex  !important;
            text-transform: uppercase;

            color: #03CF62;
        }
        .pagebuilder-button-primary {
            /* Frame 4 */
            margin-top: 30px !important;
            width: 200px !important;
            display: flex;
            justify-content: center;
            background: linear-gradient(180deg, #03CF62 0%, #026932 100%);
            border-radius: 20px;
            /* get in touch! */

            font-family: 'ChakraPetch', serif;
            font-style: normal;
            font-weight: 600;
            font-size: 18px;
            line-height: 28px;
            /* identical to box height, or 156% */
            text-transform: capitalize;

            color: #FFFFFF;
        }
    }
    .pagebuilder-column.right {
        .img1 {
            margin-top: -23%;
        }
        .img2 {
            margin-top: -42%;
        }
    }
}

.aboutus-5 {
    .pagebuilder-column.left {

    }
    .pagebuilder-column.right {
        padding-left: 20px;
        .top1:before {
            background: url(../svg/icons/ctrler.svg) no-repeat !important;
            content: "" !important;
            width: 35px !important;
            height: 30px !important;
            margin-right: 10px !important;
            color: #03CF62 !important;
        }
        .top1 {
            /* Our mission */
            font-family: 'NotoSans', serif !important;
            font-style: normal  !important;
            font-weight: 600  !important;
            font-size: 20px  !important;
            line-height: 28px  !important;
            display: flex  !important;
            text-transform: uppercase;

            color: #03CF62;
        }
        span {
            color: #03CF62 !important;
        }
    }
}

.aboutus-6 {
    .pagebuilder-column.achtop1 {
        justify-content: center !important;
        height: 300px;
        background: url('../svg/new-top-bg/new-top-bg.svg') no-repeat center center;
        div:before {
            background: url(../svg/icons/ctrler.svg) no-repeat !important;
            content: "" !important;
            width: 35px !important;
            height: 30px !important;
            margin-right: 10px !important;
            color: #03CF62 !important;
        }
        div {
            /* Our mission */
            font-family: 'NotoSans', serif !important;
            font-style: normal  !important;
            font-weight: 600  !important;
            font-size: 20px  !important;
            line-height: 28px  !important;
            display: flex  !important;
            text-transform: uppercase;

            color: #03CF62;
        }
        h2 {
            /* Our History of Achievements */
            font-family: 'ChakraPetch', serif !important;
            font-style: normal !important;
            font-weight: 700 !important;
            font-size: 40px !important;
            line-height: 62px !important;
            /* identical to box height, or 155% */
            align-items: center !important;

            color: #FFFFFF;
        }
    }
}
.top2 {
    margin-top: -112px;

    .row-full-width-inner .pagebuilder-column-group {
        margin-bottom: 40px !important;
    }
}

.termscondition .row-full-width-inner {
    h2 {
        /* main */

        font-family: 'ChakraPetch', serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 30px !important;
        line-height: 39px !important;
        /* identical to box height */

        color: #FFFFFF;

        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }

    div > p {
        /* Company Reg. / Organization Number : 07467565, VAT # : GB108728310 */

        font-family: 'NotoSans', serif !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        line-height: 28px !important;
        /* or 175% */

        color: #FFFFFF;
        margin-bottom: 20px;
    }
}
.colla1 .row-full-width-inner, .colla2 .row-full-width-inner {
    .icon:before {
        background: url(../svg/icons/ctrler.svg) no-repeat !important;
        content: "" !important;
        width: 35px !important;
        height: 30px !important;
        margin-right: 10px !important;
        color: #03CF62 !important;
    }
    .icon {
        /* collaborations */
        display: flex;
        font-family: 'NotoSans', serif !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 20px !important;
        line-height: 28px !important;
        text-transform: uppercase;

        color: #03CF62;
    }
    h2 {
        /* main */
        font-family: 'ChakraPetch', serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 35px !important;
        line-height: 46px !important;
        /* identical to box height */
        text-transform: uppercase;

        color: #FFFFFF;

    }
    p {
        /* Are you looking for a completely bespoke controller to promote your brand or give away to employees or partners? Our talented team can design and create a unique controller with large quantities in as little as 4 weeks. We can also create packaging to match your bespoke design, for added WOW factor.Please get in touch if you want to find out more about our Bespoke Controller Service. */
        font-family: 'NotoSans', serif !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 18px !important;
        line-height: 32px !important;
        /* or 178% */

        color: #FFFFFF;
    }
    .pagebuilder-button-primary {
        margin-top: 30px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 18px 44px;
        gap: 10px;
        background: linear-gradient(180deg, #03CF62 0%, #026932 100%);
        border-radius: 20px;
        /* get in touch! */

        width: 206px;
        height: 58px;

        font-family: 'ChakraPetch', serif;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 28px;
        /* identical to box height, or 156% */
        text-transform: capitalize;

        color: #FFFFFF;
    }

    img {
        margin-top: -10%;
    }
}
.colla2 .row-full-width-inner {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    .icon {
        justify-content: center;
    }
}
.colla3 .row-full-width-inner{
    margin-top: 135px;
    height: 440px;
    align-items: center;
    justify-content: center !important;
    display: flex;
    flex-direction: column;

    .icon:before {
        background: url(../svg/icons/ctrler.svg) no-repeat !important;
        content: "" !important;
        width: 35px !important;
        height: 30px !important;
        margin-right: 10px !important;
        color: #03CF62 !important;
    }
    .icon {
        z-index: 20;
        /* collaborations */
        justify-content: center;
        display: flex;
        font-family: 'NotoSans', serif !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 20px !important;
        line-height: 28px !important;
        text-transform: uppercase;

        color: #03CF62;
    }
    h2 {
        /* Custom Controllers for Esports Teams & Businesses */
        font-family: 'ChakraPetch', serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 40px !important;
        line-height: 62px !important;
        text-align: center !important;
        z-index: 20;
        color: #FFFFFF;

    }
    p {
        /* Power up your team with precision-crafted controllers designed for performance. Whether you're an esports organization, content creator, or business, we offer bulk orders, branded designs, and exclusive */
        font-family: 'NotoSans', serif !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 18px !important;
        line-height: 32px !important;
        text-align: center;

        color: #FFFFFF;
    }
    div {
        z-index: 20;
    }
    figure {
        z-index: 0;
        position: absolute !important;
        width: 100vw !important;

        img {
            width: 100% !important;
        }
    }
    .pagebuilder-button-primary {
        /* Frame 4 */

        /* Auto layout */
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 18px 44px;
        gap: 10px;

        width: 263px;
        height: 64px;

        background: linear-gradient(90deg, #03CF62 0%, rgba(3, 207, 98, 0.3) 50%, rgba(3, 207, 98, 0.75) 100%);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 20px;

        /* Get a Custom Quote */
        font-family: 'ChakraPetch', serif;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 28px;
        /* identical to box height, or 156% */

        color: #FFFFFF;

        margin-top: 20px;
    }
}
.no-page-bg {
    background: unset !important;
}
.rapidfirebelow-accorain {
    .downloadbtn {
        /* Rectangle 59 */

        background: #000000 !important;
        border: 1.5px solid #03CF62 !important;
        border-radius: 6px !important;

        span {
            font-family: 'ChakraPetch', serif !important;
            font-style: normal !important;
            font-weight: 700 !important;
            font-size: 13px !important;
            /* identical to box height */
            text-align: center !important;

            color: #FFFFFF;
        }

    }
    .left .download-btn {
        /* Frame 4 */
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 300px;
        height: 58px;
        background: linear-gradient(180deg, #03CF62 0%, #026932 100%);
        border-radius: 20px;

        font-family: 'ChakraPetch', serif;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 28px;
        /* identical to box height, or 156% */
        text-transform: capitalize;

        color: #FFFFFF;

        img {
            top: 0 !important;
        }
    }
}
.rapid1 {
    .pagebuilder-button-primary {
        margin-top: 20px;
        /* Frame 4 */
        width: 206px !important;
        height: 58px !important;
        border-radius: 20px !important;

        /* WATCH VIDEOS */
        font-family: 'ChakraPetch', serif !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 18px !important;
        line-height: 28px !important;
        /* identical to box height, or 156% */
        text-transform: capitalize;

        color: #FFFFFF;
    }

    .tabs-content {
        margin-top: 30px;

        .includemodes-tab {
            .accordionItemHeading.first .text {
                /* main */
                font-family: 'ChakraPetch', serif !important;
                font-style: normal !important;
                font-weight: 700 !important;
                font-size: 24px !important;
                line-height: 31px !important;
                align-items: center !important;

                color: #FFFFFF;
            }
            .accordionItemContent .left {
                text-align: left;
                p {
                    /* This is a demonstration video of our Adjustable Rapid Fire mod that is included on all Razorback MaxFire's. Adjustable rapid fire allows you to specifically set the shots per second that you want to fire. Therefore you're able to increase or decrease the rate of fire depending on what best suits your weapon for the game your playing. *Please note that Rapid Fire will only improve the rate of fire for Semi-Automatic weapons such as pistols. Compatible Consoles Xbox One + S|X, PS4, PS5 */

                    font-family: 'NotoSans', serif !important;
                    font-style: normal !important;
                    font-weight: 600 !important;
                    font-size: 18px !important;
                    line-height: 38px !important;

                    color: rgba(255, 255, 255, 0.7) !important;
                }
                h2 {
                    /* main */
                    font-family: 'ChakraPetch', serif !important;
                    font-style: normal !important;
                    font-weight: 700 !important;
                    font-size: 24px !important;
                    line-height: 31px !important;
                    align-items: center !important;

                    color: #FFFFFF;
                }
            }
        }
    }

    .tab-align-center {
        ul {
            display: flex;
            flex-direction: row;
            justify-content: space-between;

            li {
                a {
                    background: #171819 !important;
                }
                .tab-title {
                    /* POPULAR RAZORBACK GAMES */

                    font-family: 'ChakraPetch', serif !important;
                    font-style: normal !important;
                    font-weight: 700 !important;
                    font-size: 16px !important;
                    line-height: 21px !important;
                    /* identical to box height */
                    text-align: center;

                    color: #FFFFFF;
                }

            }
            .ui-tabs-active {
                /* Frame 21406 */
                a {
                    background: #171819 !important;

                    span {
                        color: #03CF62 !important;
                    }

                    box-shadow: 0px 4px 12px rgba(255, 255, 255, 0.58) !important;
                    border-radius: 6px !important;

                    border-bottom: 3px solid #03CF62 !important;
                }
            }
        }
    }
}
.rapid-last {
    figure {
        z-index: 0;
        position: absolute !important;
        width: 100vw !important;
        left: 0 !important;
        img {
            width: 100% !important;
            max-height: 800px !important;
        }
    }
    .pagebuilder-column-group {
        position: relative !important;
        margin-bottom: 40px;
        .top1 {
            align-items: center;
            margin-top: 10%;
        }

        .icon:before {
            background: url(../svg/icons/ctrler.svg) no-repeat !important;
            content: "" !important;
            width: 35px !important;
            height: 30px !important;
            margin-right: 10px !important;
            color: #03CF62 !important;
        }
        .icon {
            /* How It Works */
            display: flex;
            font-family: 'NotoSans', serif !important;
            font-style: normal !important;
            font-weight: 600 !important;
            font-size: 20px !important;
            line-height: 28px !important;

            color: #03CF62;
        }

        h2 {
            /* Effortless Control. Unmatched Performance */

            font-family: 'ChakraPetch', serif !important;
            font-style: normal !important;
            font-weight: 700 !important;
            font-size: 40px !important;
            line-height: 62px !important;

            color: #FFFFFF;
        }

        p {
            /* Master the game with Razorback Maxfire’s advanced rapid-fire technology and customizable mods. Activate features with simple button combinations and gain a competitive edge instantly */
            font-family: 'NotoSans', serif  !important;
            font-style: normal  !important;
            font-weight: 600  !important;
            font-size: 18px  !important;
            line-height: 28px  !important;
            text-align: center  !important;

            color: #FFFFFF;
        }
    }
}

.tsc1 {
    h1 {
        /* Support Harry's Fight: Controller Modz Stands with TSC Awareness */
        font-family: 'ChakraPetch', serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 28px !important;

        color: #FFFFFF;
    }
    .font-medium {
        /* As some of you are aware, Controller Modz is a family-run business founded by James Witt. We've built our brand on passion, innovation, and a commitment to our community. Today, we want to share a personal journey that has become a driving force behind our mission to make a difference. */
        font-family: 'NotoSans', serif !important;
        font-style: normal !important;
        font-weight: 500 !important;
        font-size: 18px !important;
        line-height: 35px !important;
        /* or 194% */
        text-align: center !important;

        color: #FFFFFF;
    }
}
.tsc2 {
    margin-top: 50px;
    .with-border-image {
        border-radius: 10px;
        overflow: hidden;
    }

    .pagebuilder-column-group .right {
        margin-left: 20px !important;

        .text-over-with-image p {
            /* In Picture : Harry with our family dog, Dexter! */
            color: #03CF62 !important;
        }
    }
}
.tsc3 {
    h2 {
        /* Taking a Stand */

        font-family: 'ChakraPetch', serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 28px !important;
        text-align: center !important;

        color: #FFFFFF;
        margin-bottom: 33px;
    }

    p {
        /* Harry, at twelve, has become a warrior in his fight against TSC. At Controller Modz, we've chosen not to stand on the sidelines. We're committed to turning our personal journey into a force for good. */
        font-family: 'NotoSans', serif !important;
        font-style: normal !important;
        font-weight: 500 !important;
        font-size: 18px !important;
        line-height: 35px !important;
        /* or 194% */
        text-align: center !important;

        color: #FFFFFF;
    }
}
.tsc4 {
    margin-top: 40px;

    .why {
        /* Why Donate to TSA? */
        margin-top: 30px;
        margin-bottom: 30px;
        font-family: 'ChakraPetch', serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 24px !important;
        /* or 27px */

        color: #FFFFFF;
    }
    .pagebuilder-column.right figure {
        border-radius: 10px;
        overflow: hidden;
    }
}
.tsc5 {
    strong {
        /* Your Support Matters */
        font-family: 'ChakraPetch', serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 28px !important;
        /* identical to box height, or 32px */
        text-align: center !important;

        color: #FFFFFF;
    }
    p {
        /* Harry's journey is just beginning, and we invite you to be a part of it. Donate to TSA and stand with us in spreading awareness, supporting families, and contributing to research that holds the key to a brighter future for those affected by TSC. */
        font-family: 'NotoSans', serif !important;
        font-style: normal !important;
        font-weight: 500 !important;
        font-size: 18px !important;
        line-height: 35px !important;
        /* or 194% */
        text-align: center;

        color: #FFFFFF;
    }
    .pagebuilder-button-primary {
        /* Frame 2211 */
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;

        width: 206px;
        height: 58px;

        background: linear-gradient(180deg, #03CF62 0%, #026932 100%);
        border-radius: 20px;

        /* DONATE NOW! */

        font-family: 'ChakraPetch', serif;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 28px;
        text-transform: uppercase;

        color: #FFFFFF;
    }
    .thankyou p{
        /* Thank you, James and Harry x */

        font-family: 'ChakraPetch', serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 20px !important;
        line-height: 28px !important;
        text-transform: capitalize;

        color: #03CF62  !important;
    }
}
.thumbstick-last {
    .row-full-width-inner {
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }
    .row-full-width-inner .pagebuilder-column-group:nth-of-type(1) {
        margin-top: -4%;
        margin-bottom: 50px;
    }
    .row-full-width-inner .pagebuilder-column-group .pagebuilder-column:nth-of-type(1) {
        margin-right: 45px;
    }
}
.page-wrapper header .nav-sections .nav-sections-item-content .navigation > ul li.level0 > a {
    /* BUILD YOUR OWN */
    font-family: 'ChakraPetch', serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 23px !important;

    color: #FFFFFF !important;
}
.amtheme-short-info .product-info-stock-sku .stock.available span:last-child {
    font-family: 'NotoSans', serif !important;
}


#bss_ajaxcart_popup .btn-viewcart {
    justify-content: center;
    display: flex;

    .viewcart {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 18px 44px;
        background: linear-gradient(180deg, #03CF62 0%, #026932 100%) !important;
        border-radius: 20px;
        /*transition: background 0.5s ease; !* Add smooth transition *!*/
        -webkit-transition: background-color 1s;
        -moz-transition: background-color 1s;
        -o-transition: background-color 1s;
        transition: background 1s ease;

        span {
            font-family: 'ChakraPetch', sans-serif !important;
        }
    }
    .viewcart:hover {
        border: 1px solid #03cf62 !important;
        /*color: #03cf62 !important;;*/
        /*box-shadow: 0px 4px 12px rgba(255 255 255 / 58%) !important;*/
        box-shadow: unset !important;
        background: linear-gradient(180deg, #03CF62 0%, #026932 0%) !important;
        color: #03cf62 !important;
        span {
            color: #03cf62 !important;
        }
    }
}
.thumbstick .right {
    /* Frame 2228 */
    padding: 30px;
    background: #000000;
    border-left: 1.5px solid rgba(3, 207, 98, 0.5);
    border-bottom: 1.5px solid rgba(3, 207, 98, 0.5);

    background: url('../svg/new-top-bg/thumbstick-bg.svg') no-repeat center center !important;
}

.full-now {
    max-width: unset !important;
    padding: inherit  !important;;

    .page-title-wrapper {
        justify-content: center;
        display: flex;
    }
    .columns {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
    }
    .full-width-inner {
        padding: 0 calc(30px * 2)  !important;;
        max-width: 1440px;
    }
}
.product.details.product-item-details {
    padding-bottom: 10px !important;

    .product-price-from > span {
        font-size: 1.6em !important;
        font-family: "ChakraPetch", sans-serif !important;
    }
    .price-box .price {
        font-size: 1.6em !important;
        font-family: "ChakraPetch", sans-serif !important;
    }
}

.bss-onestepcheckout .page-wrapper .checkout-container {
    #opc-sidebar .opc-block-summary .amtheme-summary-content .discount-code .payment-option-content #discount-form .actions-toolbar {
        .primary {
            background: unset !important;
            box-shadow: unset !important;
            height: 40px !important;
        }
    }
}
#checkout-payment-method-load {
    overflow: hidden;
    #mageworx-donation-form {
        button {
            span {
                font-family: 'NotoSans', sans-serif !important;
            }
        }
    }
}
#checkout-payment-method-load > .actions-toolbar .primary {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 58px;
    background: linear-gradient(180deg, #03CF62 0%, #026932 100%);
    box-shadow: 0px 0px 10px #03CF62;
    border-radius: 6px;

    span {
        font-family: 'ChakraPetch', serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 23px !important;
        letter-spacing: 0.04em !important;
        text-transform: uppercase !important;
        color: #FFFFFF !important;
    }
}
.page-wrapper header .block-search > .block-content > form > .search .searchsuite-autocomplete .product ul li .qs-option-info .qs-option-title a  {
    font-family: "NotoSans", sans-serif !important;
}
.page-wrapper header .block-search > .block-content > form > .search .searchsuite-autocomplete .product ul li .qs-option-info .qs-option-price .price-box .price  {
    font-family: "NotoSans", sans-serif !important;
}

.h100vh {
    height: 100vh;
}
@media (max-width: 768px), print {
    .h100vh {
        height: unset !important;
    }
}
.page-main.full-now .columns .column.main.full-width-inner {
    min-height: 100vh;

    .amtheme-product-wrap .product.media {
        position: sticky;
        top: 0;
        height: 100vh;
    }
}