:root{
    --green-color: #639C3E; 
    --green-h-color: #578639;
    --grey-color: #EEEEEE;
    --blue-color: #1E1D19;
    --white-color: #fff;
    --light-grey-color: #F7F7F7;
    --linear-custom-color: linear-gradient(90deg, rgb(99, 156, 62) 0%, rgb(135, 189, 75) 15%, rgb(241, 233, 36) 30%, rgb(216, 230, 67) 60%, rgb(180, 226, 111) 80%, rgb(135, 189, 75) 100%);

    /* Primary */
    --Primary-color: var(--green-color);
    --Secondary-color: var(--grey-color);

    /* Hover */
    --Primary-hover-color: var(--green-h-color);

    /* Secondary */
    --Text-color: var(--blue-color);

    /* Border-radius */
    --default-radius: 30px;
}

/* ---------------------- */
/* ----General - Start--- */
/* ---------------------- */
/* General */
.catfish-button,
.button,
a{
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

h2,
.homeFeaturedProductsWrapper .title {
    color: var(--Primary-color) !important;
}

h2.title,
h3.title{
    font-weight: 400;
    text-transform: uppercase;
}

h2.subcategory-title,
.related-products-section h3.title,
h3.title,
.homeFeaturedProductsWrapper .title {
    font-size: 2.488em;
    font-weight: 400 !important;
    text-transform: uppercase;
    color: var(--Primary-color);
}

.ict-buttons .button,
.button.is-primary,
.catfish-button {
    padding-left: 3.625rem;
    padding-right: 3.625rem;
    background-color: var(--Primary-color);
    color: white;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    text-transform: uppercase;
    font-weight: 400;
}

.ict-buttons .button:hover,
.button.is-primary:hover,
.catfish-button:hover {
    background: var(--Primary-hover-color);
    color: var(--white-color);
}

.catfish-button:focus:not(:active), .catfish-button.is-focused:not(:active), .button:focus:not(:active), .button.is-focused:not(:active) {
    box-shadow: unset;
}

img{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
/* General - End */

/* ---------------------- */
/* Utility Classes -Start */
/* ---------------------- */
.has-overlay{
    position: relative;
    z-index: 1;
}

.has-overlay::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background:linear-gradient(140deg, rgba(30,29,25,.9) 20%, rgba(67,96,45,.6) 50%, rgba(99,156,62,0.4) 100%);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.hero.has-overlay .container{
    position: relative;
    z-index: 2;
}

.has-overlay .container{
    position: relative;
    z-index: 2;
}

.title.has-style-custom-1{
    font-size: 3.488em;
}

.ict-paragraph.has-style-custom-1{
    font-size: 1.25em;
}

.has-border-radius img{
    border-radius: var(--default-radius);
    -webkit-border-radius: var(--default-radius);
    -moz-border-radius: var(--default-radius);
    -ms-border-radius: var(--default-radius);
    -o-border-radius: var(--default-radius);
}

@media screen and (max-width: 1087px) {
    .section.has-width-rounded {
        border-radius: 30px;
        box-shadow: inset 0 0 0 1000px rgba(26, 50, 65, .8);
    }

    .section.has-no-bs-inset {
        box-shadow: none;
    }

    .has-text-white-mobile{
        color: var(--white-color) !important;
    }
}

@media screen and (max-width: 768px) {
    .section.is-large{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}
/* Utility Classes -End*/

/* ---------------------- */
/* Custom Styling - Start */
/* ---------------------- */
.button.has-style-custom-1 {
    background-color: var(--white-color) !important;
    color: var(--Primary-green-color) !important;
}

.button.has-style-custom-1:hover {
    background-color: var(--white-color) !important;
}

.section.has-columns-start .container .columns {
    justify-content: start !important;
}

.section.has-columns-end .container .columns {
    justify-content: end !important;
}

.section.has-width-rounded {
    border-radius: 30px;
    width: 90% !important;
    transform: translateX(5%);
    -webkit-transform: translateX(5%);
    -moz-transform: translateX(5%);
    -ms-transform: translateX(5%);
    -o-transform: translateX(5%);
}

.section.is-extralarge {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
    background-size: cover;
}

.section.bottom-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    position: relative;
    top: 5rem;
    background-size: 40% 100% !important;
}

.section.has-max-three-columns .columns .column {
    background-color: var(--light-grey-color);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 3rem !important;
}

.section.has-max-three-columns .container{
    display: inline-block !important;
}

.section.has-max-three-columns .column:nth-child(3n) {
    background-color: var(--Primary-color);
}

@media screen and (min-width: 1441px) {
    .section.has-max-three-columns .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 1709px !important;
    }

    .section.has-max-three-columns .columns {
        display: flex;
        justify-content: space-evenly !important;
    }

    .section.has-max-three-columns .columns .column {
        width: 30%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        max-height: 550px;
        height: 100%;
    }
}

@media screen and (min-width: 1439px){
    .section.has-offset-video .columns .column:nth-child(2){
        margin-right: 8rem;
    }
}

@media screen and (min-width: 1087px) {
    .section.has-max-three-columns .columns .column {
        margin: 1rem;
    }
}

@media screen and (max-width: 1087px) {
    .section.has-width-rounded {
        border-radius: 30px;
        box-shadow: inset 0 0 0 1000px rgba(26, 50, 65, .8);
    }

    .section.has-no-bs-inset {
        box-shadow: none;
    }

    .section.bottom-section {
        background-size: 100% 100% !important;
    }

    .section.is-extralarge {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
        background-size: cover;
    }

    .section.has-max-three-columns .columns .column {
        width: 100%;
        padding: 1.5rem;
        margin: 1rem;
    }

    .section.has-offset-video .column.is-6-tablet{
        width: 100%;
    }
}
/* Custom Styling - End */

/* ---------------------- */
/* ----Module - Start ----*/
/* ---------------------- */
/* Header */
#main-nav{
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

#main-navbar .navbar-item,
#main-navbar .navbar-link {
    font-weight: 400;
}

.navbar-end .navbar-item .buttons .button {
    background-color: transparent;
    color: var(--Secondary-blue-color);
    font-size: 1rem;
    font-weight: 300;
    text-transform: none;
}

.navbar-end .navbar-item .buttons .button.basket-link i,
.navbar-end .navbar-item .buttons .button i{
    font-size: 1.3rem;
    font-weight: 300;
}

.navbar-end .navbar-item .buttons .button.basket-link:hover i,
.navbar-end .navbar-item .buttons .button:hover i{
    font-weight: 700;
}

.navbar-dropdown{
    padding-bottom: 0;
}

.content-field-navbar .navbar-link:not(.is-arrowless)::after{
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.content-field-navbar .navbar-link:hover:not(.is-arrowless)::after{
    border-color: var(--Primary-color)
}

@media screen and (min-width: 1088px) {
    .navbar-dropdown{
        border-top-color: var(--Secondary-color);
        padding-top: 0;
    }

    .navbar-dropdown a.navbar-item{
        padding-top: .75rem;
    }

    .navbar-dropdown a.navbar-item:hover{
        background-color: var(--Primary-color);
        color: var(--white-color)
    }
    
    .navbar-dropdown a.navbar-item:last-child{
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        padding-bottom: .75rem;
    }

    .navbar-dropdown a.navbar-item:last-child{
        padding:  .375rem 1rem 1rem 1rem;
    }
}

@media screen and (max-width: 1087px) {
    .navbar-item .icon i,
    .navbar-search-toggle i.fa-search{
        font-size: 1.333333em;
        font-weight: 400;
    }
}

@media  screen and (max-width: 475px) {
    .is-header-logo {
        height: 2.2rem;
    }
}
/* Footer */
.ict-dedicated-footer {
    padding-top: 12rem;
}

.footer-column-content a,
.ict-dedicated-footer .columns .column .ict-list li a {
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: .3s;
    text-underline-offset: 0.25rem;
}

.footer-column-content a:hover,
.ict-dedicated-footer .columns .column .ict-list li a:hover {
    color: inherit;
    text-decoration: underline !important;
}

.ict-dedicated-footer .columns .ict-dedicated-footer-column-1 .image img {
    object-fit: contain;
}

.ict-dedicated-footer .columns .ict-dedicated-footer-column-1 .footer-column-content li i{
    font-size: 2rem;
}

.ict-dedicated-footer {
    background: var(--blue-color);
}

.ict-dedicated-footer .subtitle {
    font-weight: 700;
}

.ict-dedicated-footer ul li a {
    font-weight: 400;
}

.ict-dedicated-footer ul li a:hover {
    color: var(--Primary-color) !important;
}

@media screen and (max-width: 767px) {
    .ict-dedicated-footer-column-1{
        display: flex;
        justify-content: center;
    }

    .ict-dedicated-footer-column-1 .ict-social-links{
        justify-content: center;
    }

    .container.footer-copyright h4,
    .ict-dedicated-footer .column,
    .ict-dedicated-footer .ict-list li{
        text-align: center;
    }
}

/* Homepage */
/* Banner */
.section.has-width-rounded {
    border-radius: 30px;
    width: 90% !important;
    transform: translateX(5%);
    -webkit-transform: translateX(5%);
    -moz-transform: translateX(5%);
    -ms-transform: translateX(5%);
    -o-transform: translateX(5%);
}

/* Below Midpage Section */
@media screen and (min-width:1088px) {
    .hero.is-halfheight  {
        justify-content: center;
    }

    .section.stretch-first-column .columns {
        margin: 0;
    }

    .section.stretch-first-column .columns .ict-image {
        margin-top: -5rem;
        margin-bottom: -5rem;

    }

    .section.stretch-first-column .columns .ict-image img {
        transform: scale(1.1);
    }

    .section.stretch-first-column {
        overflow: hidden;
    }

}

@media screen and (max-width:1087px) {
    .section.force-fw-columns-tablet .columns .column {
        flex: none;
        width: 100%;
    }

    .hero{
        text-align: center;
        justify-content: center;
    }
}

/* Bottom Section */
.section.bottom-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    position: relative;
    top: 5rem;
    background-size: 40% 100% !important;
}

#Bottom-Section.has-border-linear-gradient {
    display: inline-block;
    z-index: 0;
}



#Bottom-Section.has-border-linear-gradient::before{
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    padding: .2rem;
    border-radius: 30px;
    background: var(--linear-custom-color);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

@media screen and (min-width: 1087px) {
    #Bottom-Section:has(form){
        width: 50% !important;
        transform: translate(50%);
    }
}


@media screen and (max-width: 1087px) {
    .section.bottom-section {
        background-size: 100% 100% !important;
    }

    .section.bottom-section .column,
    .section.bottom-section .column .title{
        color: var(--white-color) !important;
    }

    #Bottom-Section a{
        color: var(--white-color);
        text-decoration: underline var(--Primary-color) 2px;
    }
}

/* Category Cards */
.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item,
.sub-category-grid .listWrapper .item-box{
    border-top: unset;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title a,
.sub-category-grid .listWrapper .item-box .sub-category-item .category-title a{
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
}

.sub-category-grid .listWrapper .item-box .sub-category-item .category-title{
    background: rgba(255,255,255,0.9);
}

.sub-category-grid .listWrapper .item-box .sub-category-item:hover .category-title{
    background: #f9f9f9;
}

@media screen and (min-width: 768px) {
    .homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title,
    .sub-category-grid .listWrapper .item-box .sub-category-item .category-title{
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
    }
}
/* Product Cards */
.homePageCategories,
.homeFeaturedProducts,
.related-products,
.subcategory-with-products-wrapper .product-grid{
    padding-top: 3rem;
}

.listWrapper{
    justify-content: center;
    gap: 1rem;
}

.listWrapper .listItem{
    background-image: var(--linear-custom-color);
    border-image-slice: fill 1;
    border-radius: 30px;
    background-clip: padding-box, border-box;
    background-origin: border-box;
    border-radius: 14px;
    padding: .2rem;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    box-shadow: none;
    transform: translateY(0);
    transition: all .2s cubic-bezier(0, 0, .58, 1);
    -webkit-transition: all .2s cubic-bezier(0, 0, .58, 1);
    -moz-transition: all .2s cubic-bezier(0, 0, .58, 1);
    -ms-transition: all .2s cubic-bezier(0, 0, .58, 1);
    -o-transition: all .2s cubic-bezier(0, 0, .58, 1);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.listWrapper .listItem:hover{
    transform: translateY(-5%);
    box-shadow: rgba(99, 156, 62, .24) 0px 3px 8px;
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -o-transform: translateY(-5%);
}

.listWrapper .listItem .item-box {
    background-color: var(--Secondary-color);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.listWrapper .listItem .item-box .catfish-default-product-box .product-item--info .product-item--content .description,
.listWrapper .listItem .item-box .catfish-default-product-box .product-item--info .addtocart {
    display: none !important;
}

.listWrapper .listItem .item-box .catfish-default-product-box .product-item--info {
    justify-content: center !important;
    align-items: center !important;
    padding-bottom: 1.5rem;
}

.listWrapper .listItem .item-box .catfish-default-product-box .product-item--info .product-item--content {
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
}

.listWrapper .listItem .item-box .catfish-default-product-box .product-item--image img{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.listWrapper .listItem .item-box .catfish-default-product-box .product-item--info .product-item--content .product-title a {
    color: var(--Primary-color) !important;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    display: flex;
}

.listWrapper .listItem .item-box .catfish-default-product-box .product-item--info .add-info .buttons input {
    color: var(--white-color);
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-color: var(--Primary-color);
    font-weight: 400;
}

.listWrapper .listItem .item-box .catfish-default-product-box .product-item--info .add-info .buttons input:hover {
    background: var(--Primary-hover-color);
    color: white;
}

.listWrapper .listItem .alternate--prices .productPrice{
    display: none;
}

@media screen and (min-width: 1088px) {
    .listWrapper .listItem {
        width: 23%;
    }
}

@media screen and (max-width: 1365px ) and (min-width: 1088px) {
    a.navbar-item, .navbar-item a.navbar-link{
        padding-left: .5rem;
        font-size: .925rem;
    }

    .navbar-end .navbar-item,
    .navbar-end .navbar-item .button{
        padding-left: .5rem !important;
        padding-right: .5rem !important;
    }
}

@media screen and (max-width: 1087px) {
    .listWrapper .listItem {
        width: 48%;
    }

    .homepageBelowMidpageSection,
    .homeFeaturedProductsWrapper{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

@media screen and (max-width: 475px) {
    .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info .add-info .buttons input {
        padding-left: 3.625rem;
        padding-right: 3.625rem;
    }

    .listWrapper .listItem {
        width: 100%;
    }
}
/* Modules - End */

/* ---------------------- */
/* -----Pages - Start-----*/
/* ---------------------- */
/* My Account */
.layout--accountPage .block-account-navigation ul li a.active {
    border-radius: 0;
}

/* About Us Page */
.section.has-max-three-columns .columns .column {
    background-color: var(--light-grey-color);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 3rem !important;
}

.section.has-max-three-columns .column .button:hover{
    background-color: var(--green-h-color);
    color: var(--white-color);
}

.section.has-max-three-columns .column:nth-child(3n) {
    background-color: var(--Primary-color);
    color: var(--white-color);
}

.section.has-max-three-columns .column:nth-child(3n) .button{
    background-color: var(--Secondary-color);
    color: var(--blue-color);
}

.section.has-max-three-columns .column:nth-child(3n) .button:hover{
    background-color: var(--blue-color);
    color: var(--Secondary-color);
}

@media screen and (min-width: 1441px) {
    .section.has-max-three-columns .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 1709px !important;
    }

    .section.has-max-three-columns .columns {
        display: flex;
        justify-content: space-evenly !important;
    }

    .section.has-max-three-columns .columns .column {
        width: 30%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        max-height: 550px;
        height: 100%;
    }
}

@media screen and (min-width: 1087px) {
    .section.has-max-three-columns .columns .column {
        margin: 1rem;
    }
}

@media screen and (max-width: 1087px) {
    .section.has-max-three-columns .columns .column {
        width: 100%;
        padding: 1.5rem;
        margin: 1rem;
    }
}

/* FAQ Page */
/* Custom FAQ */
.accordion-item .accordion-title {
    background: transparent;
    border: solid 2px var(--Primary-color);
    color: var(--Primary-color);
    font-weight: 600 !important;
    transition: unset;
    -webkit-transition: unset;
    -moz-transition: unset;
    -ms-transition: unset;
    -o-transition: unset;
}

.ict-accordion .button.is-rounded.accordion-title .fas {
    display: none;
}

.ict-accordion .button.is-rounded.accordion-title:after {
    content: "";
    width: 0.75rem;
    height: 0.75rem;
    border-top: solid 2px var(--Primary-color);
    border-right: solid 2px var(--Primary-color);
    transition: 0.3s;
    transform: rotate(135deg);
    position: absolute;
    right: 1.5rem;
    top: 1rem;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}

.ict-accordion .accordion-item.is-active .button.is-rounded.accordion-title:after {
    transform: rotate(-45deg);
    top: 1.25rem;
}

.ict-accordion .accordion-item.is-active .button.is-rounded.accordion-title {
    border-bottom: 0;
    border-radius: 30px 30px 0 0;
    margin-bottom: 0;
}

.ict-accordion .accordion-item.is-active .accordion-content {
    border: solid 2px var(--Primary-color);
    border-top: 0;
    border-radius: 0 0 30px 30px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.custom-faq-section .columns {
    background: #F7F7F7;
    border-radius: 30px;
    padding: 1rem;
}

.resource-center-accordion:nth-child(2n+1) .columns{
    background: #F7F7F7;
    border-radius: 30px;
    padding: 1rem;
}

/* Product Landing page */
html.page-catalog-product{
    scroll-behavior: smooth;
}

.page-catalog-product .navbar.is-fixed-bottom, .page-catalog-product .navbar.is-fixed-top {
    position: absolute;
}

.section.related-products-section {
    background: transparent !important;
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.arone-product-landing-page .hero-body{
    padding-top: 0rem;
}

.arone-product-landing-page h1.title {
    color: var(--Primary-color) !important;
    font-weight: 700 !important;
    margin-bottom: .5rem;
}

.arone-product-landing-page .attribute select {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-color: var(--Primary-color);
}

.arone-product-landing-page .attribute.type_RadioList input[type="radio"]+label {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border: solid 2px var(--Primary-color);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.arone-product-landing-page select {
    border-color: var(--Primary-color);
}

.arone-product-landing-page .quantity-wrapper input {
    border-color: var(--blue-color);
    border-radius: 30px;
    padding: 1rem;
}

#multiProductCustomProduct input {
    padding-left: 3.625rem;
    padding-right: 3.625rem;
    background-color: var(--Primary-color);
    color: var(--white-color);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    text-transform: uppercase;
    font-weight: 700;
}

#multiProductCustomProduct input:hover {
    background: var(--Primary-hover-color);
    color: var(--white-color);
}

.thumbs.column{
    height: 10rem;
}

.thumbs.column .columns{
    height: 100%;
}

.thumbs .column.product-picture img{
    height: 100%;
    object-fit: cover;
}

.product-details-navigation-section{
    position: sticky;
    z-index: 99;
    background: rgba(238, 238, 238, .0);
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

.product-details-navigation-section.is-active{
    background: #fff;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    border-bottom-color: transparent;
    border-top-color: transparent;
}

.is-scroll-margin-top{
    scroll-margin-top: 6rem;
}

.product-details-navigation-section .block ul{
    display: flex !important;
    align-items: baseline;
    justify-content: center;
    margin-left: 0;
    margin-top: 0;
}

.product-details-navigation-section .block ul li a{
    color: rgba(30, 29, 25, .6);
    font-size: 1.2rem;
    font-weight: 400;
}

.product-details-navigation-section .block ul li.is-active a{
    color: var(--Primary-color);
}

.product-details-navigation-section .block ul li:hover a{
    color: var(--Primary-color);
}

.additional-description-wrapper .ict-accordion .button.is-rounded.accordion-title {
    border-color: transparent;
    padding-left: 1.5rem;
}

.additional-description-wrapper .section:not(.product-specification-section) .ict-accordion .button.is-rounded.accordion-title{
    border-bottom: 1px solid;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.additional-description-wrapper .section:not(.product-specification-section) .ict-accordion .accordion-item:first-child .accordion-title{
    border-top: 1px solid transparent;
}

.additional-description-wrapper .section:not(.product-specification-section) .ict-accordion .accordion-item.is-active .accordion-title{
    border-bottom: unset ;
}

.additional-description-wrapper .section:not(.product-specification-section) .ict-accordion .accordion-item.is-active:first-child .accordion-title{
    border-top: 1px solid ;
}

.additional-description-wrapper .section:not(.product-specification-section) .ict-accordion .accordion-item.is-active .accordion-content{
    border-bottom: 1px solid;
    padding: 1rem;
    border-color: var(--Primary-color);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.additional-description-wrapper .ict-accordion .accordion-item.is-active .accordion-content{
    border: unset;
    padding: 0;
}

.additional-description-wrapper .ict-accordion .button.is-rounded.accordion-title::after {
    left: 0;
}

.product-specification-section h3.subtile{
    margin-bottom: 3rem !important;
}

.paper-stock-materials{
    padding: 1rem;
}

.paper-stock-materials li{
    text-align: left;
}

.product-details-section > .block.is-content-width  .ict-wysiwyg.content:first-child {
    width: 50%;
}

.materials-blocks .accordion-item.is-active .accordion-content {
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
    .materials-blocks .accordion-content > .block{
        width: 25%;
    }
}

@media screen and (max-width: 475px) {
    .page-catalog-product .navbar.is-fixed-bottom, .page-catalog-product .navbar.is-fixed-top {
        position: fixed;
    }
    
}

/* Template Table */
.product-template-table{
    border-color: transparent;
}

.product-template-table .vertical-file-template .icon,
.product-template-table .horizontal-file-template .icon{
    width: 32px;
    height: 32px;
}

.product-template-table thead td{
    border-bottom: 1px solid var(--Secondary-color) !important;
}

.product-template-table a.link{
    margin-right: .25rem;
}

@media screen and (min-width: 1088px){
    .paper-stock-materials{
        width: 25%;
        padding: 1rem;
    }
}

@media screen and (max-width: 767px){
    .product-specification-section{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .product-specification-section .block.is-content-width{
        flex-direction: column;
    }

    .paper-stock-materials{
        width: 50%;
    }
}

@media screen and (min-width: 476px) {
    .product-details-navigation-section .block ul li{
        margin-right: 3rem;
    }
}

@media screen and (max-width: 475px) {
    .product-details-navigation-section {
        display: none;
    }

    .product-specification-section{
        padding-top: 1.5rem !important;
        padding-bottom: 3rem !important;
    }

    .paper-stock-materials{
        width: 100%;
    }
}

/* Category Page */
.category-product-section.section{
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.arone-category-page {
    display: flex;
    flex-direction: column;
}

.arone-category-page .breadcrumb-section {
    order: 1;
}

.arone-category-page .category-description-wrapper {
    order: 2;
}

.arone-category-page .category-subcategory-section {
    order: 3;
}

.arone-category-page .category-product-section {
    order: 3;
    padding-top: 0;
}

.arone-category-page .section.is-small:nth-child(3){
    order: 3;
}

.arone-category-page .subcategory-with-products-wrapper {
    order: 4;
}

.subcategory-title{
    text-align: center;
}

.subcategory-title.title .buttons{
    justify-content: center;
}

.subcategory-title.title .buttons .button{
    background-color: transparent;
    color: var(--Text-color);
    text-decoration: underline;
    text-transform: capitalize;
    padding: 0;
}

.subcategory-title.title .buttons .button:hover{
    color: var(--Primary-color);
}

.subcategory-title.title .buttons .button:focus{
    box-shadow: none;
}

/* Checkout */
.cart-item-row{
    position: relative;
    z-index: 0;
}

.cart-item-row::before {
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    padding: .2rem;
    border-radius: 30px;
    background: var(--linear-custom-color);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

#cartTotals {
    border: 2px solid var(--Secondary-color);
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .continueshoppingbutton{
    border-color: var(--Primary-color);
    color: var(--Primary-color);
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .checkout-buttons__wrapper .continueshoppingbutton:hover{
    border-color: var(--Primary-color);
    background: var(--Primary-color);
    color: var(--white-color);
}

.shoppingcart__wrapper .cart-footer .cart-footer__container .columns .column .deals .coupon-box__wrapper {
    background: url(/0/Handler/CSSOverride/GetImage/120/discount-background.png);
    padding: 2rem;
    border-radius: 30px;
    color: white;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.shoppingcart__wrapper .cart-footer .cart-footer__container .columns .column .deals .coupon-box__wrapper .catfish-input {
    border-radius: 30px;
    padding: 1rem;
    background: transparent;
    color: white;
    border-color: white;
}

.shoppingcart__wrapper .cart-footer .cart-footer__container .columns .column .deals .coupon-box__wrapper .catfish-input:hover {
    border-color: white;
    color: white;
}

.checkout-buttons__wrapper .continueshoppingbutton {
    background: #3C4858;
}

.checkout-buttons__wrapper .continueshoppingbutton:hover {
    background: #2a323d;
}

.shoppingcart__wrapper .cart-footer .cart-footer__container .columns .column#cartTotals {
    background: #f7f7f7;
    padding: 2rem;
    border-radius: var(--default-radius);
    -webkit-border-radius: var(--default-radius);
    -moz-border-radius: var(--default-radius);
    -ms-border-radius: var(--default-radius);
    -o-border-radius: var(--default-radius);
}

.product__quantity input,
.product__quantity select {
    border-radius: 30px;
    border-color: #3C4858;
    padding: 1rem;
}

.shoppingcart__wrapper .cart-footer .cart-footer__container {
    border: none;
    padding: 0;
}

/* ME Loading */
.loadingScreen .ME_loading_hints ul li {
    color: white;
    border-color: white;
    font-size: 1.5rem;
}

.addtoBasketScreen #addtoBasketControlArea,
.addtoBasketScreen #addToBasketScreenMsg,
.addtoBasketScreen .loadingArea__loadScreenStepIndicator,
.addtoBasketScreen .loadScreenStepIndicator,
#loadingArea #addtoBasketControlArea,
#loadingArea #addToBasketScreenMsg,
#loadingArea .loadingArea__loadScreenStepIndicator,
#loadingArea .loadScreenStepIndicator,
.loadingArea #addtoBasketControlArea,
.loadingArea #addToBasketScreenMsg,
.loadingArea .loadingArea__loadScreenStepIndicator,
.loadingArea .loadScreenStepIndicator,
.loadingScreen #addtoBasketControlArea,
.loadingScreen #addToBasketScreenMsg,
.loadingScreen .loadingArea__loadScreenStepIndicator,
.loadingScreen .loadScreenStepIndicator {
    color: var(--white-color);
    font-size: 1.25rem;
}


.loadingScreen .loadingLogo::before {
    content: "";
    background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Color-Logo.png");
    width: 20rem;
    height: 40%;
    position: absolute;
    top: -2rem;
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.loadingScreen .ME_loading_hints {
    margin-top: 3rem;
}

#previewView .preview_close_button {
    background: #1c5e2b;
}

#previewView .preview_close_button:hover {
    background: #2b9142;
}

.megaedit-preview #addToBasketButton {
    right: 10rem !important;
    top: 1rem !important;
    display: block !important;
}

/* Multipart */
/* Temporarily hide product name and replace it with product descrpition title*/
.multiPartAttributesContainer>.title {
    display: none;
}

.multiPartAttributesContainer>.label {
    font-size: 2.074em;
    font-weight: 400;
    margin-bottom: 1.5rem;
}

.uploadMultiPartContainer>.columns {
    display: flex;
    flex-direction: column;
}

.uploadMultiPartContainer .columns>.column:first-child {
    order: 1;
    padding-top: 2rem;
}

.footer-slot-section.block {
    margin: 0;
}

.upload-items-upload.block {
    margin: 0;
}

@media screen and (min-width:1088px) {
    .multipart-container {
        display: flex;
        flex-wrap: wrap;
    }

    .multipart-container>.product-details.block {
        width: 50%;
    }

    .multipart-container>.parts {
        width: 50%;
    }

    .uploadMultiPartContainer .columns>.column {
        width: 100%;
    }

    .uploadMultiPartContainer .columns>.column:last-child {
        padding: 0;
    }

    .uploadMultiPartContainer .preflight_result {
        padding: .75rem;
    }

}

@media screen and (max-width:1087px) {
    .multipart-product .uploadMultiPart,
    .multipart-product .uploadMultiPart .file.is-area {
        max-width: 100% !important;
    }
}

/* CERM orders table */
.estimate-page .cerm-container td.actions-row .buttons .button {
    padding-top: calc(0.375em - 1px);
    padding-bottom: calc(0.375em - 1px);   
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.estimate-page.orders-page .cerm-container .buttons .cf-tooltip:not(:last-child) {
    margin-right: 0.5rem;
}

.estimate-page.orders-page .cerm-container .buttons .cf-tooltip:not(:first-child) {
    margin-left: 0;
}

.product-variant-list .catfish-button {
    padding-left: 1.625rem;
    padding-right: 1.625rem;
}

/* checkout date picker */
.OpcDeliveryDatePicker .datepicker-header select,
.OpcDeliveryDatePicker section.datepicker-table {
    font-family: 'Barlow';
}

.OpcDeliveryDatePicker .datepicker .datepicker-header {
    padding-bottom: 0.875rem;
    margin-bottom: 0.875rem;
    border-bottom: 0px;
}

.OpcDeliveryDatePicker a.pagination-next,
.OpcDeliveryDatePicker a.pagination-previous {
    background-color: #49ba4a;
    border: none;
    color: white;
    border-radius: 30px;
}

.OpcDeliveryDatePicker .datepicker .datepicker-table .datepicker-body .datepicker-row .datepicker-cell.is-selected {
    background-color: #49ba4a;
    color: #fff;
}

.OpcDeliveryDatePicker .datepicker-header select {
    border: none;
    background: transparent;
}

.OpcDeliveryDatePicker .dropdown-content {
    background: var(--Neutral-light-color);
    box-shadow: none;
    border-radius: 20px;
}

.OpcDeliveryDatePicker .datepicker-header .icon {
    color: white!important;
}

.OpcDeliveryDatePicker .pagination-list {
    padding: 0px 15px;
}

.OpcDeliveryDatePicker .datepicker .dropdown-item {
    padding: 1.5rem;
}

.OpcDeliveryDatePicker .select select:focus, .OpcDeliveryDatePicker .select select.is-focused, .OpcDeliveryDatePicker .select select:active, .OpcDeliveryDatePicker .select select.is-active {
    box-shadow: none;
}

.OpcDeliveryDatePicker .column.deliveryDateSelected p:last-child,
.OpcDeliveryDatePicker .column.deliveryDateSelected h4:last-of-type  {
    display: none;
}

/* Contact Us */
.block.contact-block-info .has-list-style-none{
    margin-left: 0;
    margin-top: 0;
}


@media screen and (min-width: 500px) {
    .is-float{
        float: left;
    }
    
    .is-clear{
        clear: both;
    }
    
    .has-50-width{
        width: 50%;
    }
}

/* Pages - End */
.page-customer-addresses .catfish-button{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

/* Hide Quantity Wrapper */
.arone-product-landing-page.hide-quantity .quantity-wrapper {
    display: none;
}