:root{
    --red-color: #ca003d;
    --green-color: #00b086;
    --black-color: #221F1F;

    --primary-color: var(--red-color);
    --secondary-color: var(--green-color);
    --text-color: var(--black-color);

    --fw-black: 900;
}

/* ---------------------- */
/* ----General - Start--- */
/* ---------------------- */
/* General */
.catfish-button,
.button,
a{
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, .navbar-link.is-active{
    color: var(--secondary-color);
}

.catfish-button.is-primary:focus:not(:active), .catfish-button.is-primary.is-focused:not(:active), .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active){
    box-shadow: unset;
}

.catfish-button.is-primary:focus, .catfish-button.is-primary.is-focused, .button.is-primary.is-focused{
    color: var(--secondary-color);
}

.catfish-button:focus:not(:active), .catfish-button.is-focused:not(:active), .button:focus:not(:active), .button.is-focused:not(:active) {
    box-shadow: unset;
  }

.page-title .title,
.block .title,
.step-title h2{
    font-weight: var(--fw-black) !important;
}

li::marker{
    color: var(--primary-color);
}

#phTitle{
    display: none;
}


/* General - End */

/* ---------------------- */
/* Utility Classes -Start */
/* ---------------------- */
.has-height-100{
    height: 100% !important;
}

.remove-border-radius{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.has-text-weight-black{
    font-weight: var(--fw-black) !important;
}

.gap-1{
    gap: .5rem;
}

.gap-2{
    gap: 1rem;
}
.gap-3{
    gap: 1.5rem;
}

.gap-4{
    gap: 2rem;
}

.gap-5{
    gap: 3rem;
}

.gap-6{
    gap: 4rem;
}

.is-flex-basis-50{
    flex-basis: 50%;
}

.is-flex-basis-100{
    flex-basis: 100%;
}

@media screen and (min-width: 1088px) {
    .pl-8{
        padding-left: 8rem !important;
    }

    .ml-8{
        margin-left: 8rem;
    }

    .has-background-only-mobile{
        background-image: unset !important;
    }
}

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


    .has-display-none{
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .is-small-mobile{
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .text-align-mobile{
        text-align: center !important;
    }
}
/* Utility Classes -End*/

/* ---------------------- */
/* Custom Styling - Start */
/* ---------------------- */
h2.has-style-custom-1{
    font-size: 3em !important;
}
h2.has-style-custom-2,
h1.has-style-custom-1{
    font-size: 4.1em !important;
    letter-spacing: 4px;
    font-weight: var(--fw-black);
}

h2.has-style-custom-2::after,
h1.has-style-custom-1::after{
    content: '';
    display: block;
    border: solid 0px #4d9f6e;
    border-left-width: 0px;
    border-left-width: 0px;
    border-left-width: 18rem;
    height: 3px;
    position: absolute;
    bottom: -2rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

h2.has-style-custom-1{
    position: relative;
    margin-bottom: 5rem !important;
}

h2.has-style-custom-1::after{
    content:'';
    display: block;
    border: solid 0px #4d9f6e;
    border-left-width: 8rem;
    height: 4px;
    position: absolute;
    bottom: -3rem;
}

.ict-paragraph.has-style-custom-1{
    font-size: 2em !important;
    margin-top: 5rem;
}

@media screen and (min-width: 1088px){
    .heading-banner-section.has-background-bottom{
        background-position: bottom;
    }
}

@media screen and (min-width: 768px) {
    .heading-banner-section .ict-space:nth-child(3){
        display: none;
    }
}

@media screen and (max-width: 1366px){
    h2.has-style-custom-2,
    h1.has-style-custom-1{
        font-size: 2.8em !important;
    }
}

@media screen and (max-width: 1087px){
    .heading-banner-section h2.has-style-custom-2{
        text-align: center !important;
    }

    .section.heading-banner-section{
        background-size: 80%;
        background-position: right bottom;
    }
}

@media screen and (max-width: 950px){
    h2.has-style-custom-2,
    h1.has-style-custom-1{
        font-size: 2em !important;
    }

    h2.has-style-custom-2,
    h1.has-style-custom-1::after {
        border-left-width: 10rem;
    }
}

@media screen and (max-width: 767px) {
    .heading-banner-section .ict-space:nth-child(1){
        display: none;
    }

    .section.heading-banner-section{
        background-size: 100%;
        background-position: -4rem bottom;
    }

    .About_Us  .section.heading-banner-section{
        background-position: 0rem bottom;
    }

    h2.has-style-custom-1::after{
        left: 50%;
        transform: translateX(-50%);
    }

    .heading-banner-section h2.has-style-custom-2,
    .heading-banner-section h1.has-style-custom-1{
        text-align: center !important;
    }

    h1.has-style-custom-1::after{
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        right: unset;
    }
}

@media screen and (max-width: 475px){
    .heading-banner-section.has-background-contain{
        background-size: 110%;
    }

    .heading-banner-section.has-background-bottom{
        background-position: 200% 100%;
    }
}
/* Custom Styling - End */

/* ---------------------- */
/* ----Module - Start ----*/
/* ---------------------- */
/* Header */

.hide-header {
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
    /* Adjust this transition timing as needed */
    /* Safari updated */
}

.navbar-item a.button{
    background: transparent;
    color: var(--text-color);
}

.ict-navbar .navbar-item .button.is-small{
    padding-left: 1rem;
    padding-right: 1rem;
}

.navbar-item a.button:hover{
    background: #f9f9f9;
    color: var(--text-color);
}

.navbar-item .button i.fa-toolbox{
    font-size: 1.6em !important;
    font-weight: 300;
}

.navbar-item .button:hover i.fa-shopping-cart,
.navbar-item .button:hover i.fa-toolbox{
    font-weight: var(--fw-black);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.my-account-dropdown-link,
.is-shown.login-link{
    color: var(--secondary-color);
}

.logout-link{
    color: var(--secondary-color) !important;
}

.content-field-navbar .navbar-link.my-account-dropdown-link:not(.is-arrowless)::after{
    border-color: var(--secondary-color);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.content-field-navbar .navbar-link.my-account-dropdown-link:hover:not(.is-arrowless)::after,
.content-field-navbar .navbar-link:hover:not(.is-arrowless)::after{
    border-color: var(--secondary-color);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.currency-selector .catfish-select{
    box-shadow: unset;
}

#form-currencyselector{
    display: flex;
    flex-direction: column-reverse;
}

#customerCurrency{
    border: unset;
    border-bottom: 2px solid var(--primary-color);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    height: unset;
}

.navbar-divider.currency-divider{
    display: none;
}

@media screen and (max-width: 1366px) and (min-width: 1281px){
    .navbar-item {
        padding: .5rem 1rem;
    }

}

@media screen and (max-width: 1280px) and (min-width: 1088px){
    .navbar-item {
        padding: .5rem .75rem;
    }
}

@media screen and (max-width: 1135px) and (min-width: 1088px) {
    a.navbar-item, a.navbar-link{
        font-size: 0.825rem;
    } 
}

@media screen and (min-width: 1088px) {
    #main-nav {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    .navbar-menu {
        justify-content: center;
    }

    .navbar-end {
        margin-left: unset;
    }

    .navbar-start {
        margin-right: unset;
        justify-content: center;
    }

    .navbar-dropdown {
        border-top-color: var(--secondary-color);
        top: 100%;
    }

    .is-header-logo {
        height: 4rem;
        margin-bottom: 0rem;
    }

    .navbar-dropdown a.navbar-item:hover {
        background-color: var(--red-color);
        color: white !important;
    }

    .ict-navbar .currency-selector{
        width: auto;
        padding: .25rem .5rem;
    }

    .ict-navbar .currency-selector :not(script){
        text-align: center;
    }

    .navbar-end > .navbar-item:nth-child(4) {
        padding: .75rem .5rem;
    }
}

@media screen and (max-width: 1087px){
    .navbar-menu{
        top: 4.5rem;
    }

    .is-header-logo {
        height: 3.5rem;
        max-height: 4rem !important;
        margin-bottom: 0rem;
    }
}

@media screen and (min-width: 1088px) and (min-width: 768px){
    .navbar {
      height: 5.706em;
    }
}

/* Footer */
.image.dedicated-footer-logo img{
    height: 5rem;
    object-fit: contain;
}

.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;
    text-transform: uppercase;
    font-size: 0.875rem;
}

.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{
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between !important;
}

.ict-dedicated-footer .column:nth-child(1){
    display: flex;
    justify-content: flex-end;
    width: 10%;
}

.ict-dedicated-footer .column:nth-child(2){
    width: 70%;
}

.ict-dedicated-footer .column:nth-child(3){
    width: 20%;
}

.ict-dedicated-footer .column:nth-child(2) .ict-list{
    display: flex !important;
    font-weight: 700;
}

@media screen and (min-width: 1088px) {
    .header-banner{
        top: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: 30;
    }
    
    .navbar.is-fixed-top {
        top: 2.4rem;
    }
}

@media screen and (max-width: 1440px){
    .ict-dedicated-footer .column:nth-child(2){
        width: 70%;
    }
}

@media screen and (min-width: 1281px)  {
    .ict-dedicated-footer-column-3{

        & ul.ict-list {
            flex-wrap: wrap;
        }

        &  li{
            flex: 0 0 20%;
            margin-bottom: .5rem;
            text-align: center;
        }
    }
}

@media screen and (max-width: 1280px) {
    .ict-dedicated-footer .column{
        width: 100% !important;
    }

    .ict-dedicated-footer .column:nth-child(1){
        justify-content: center;
    }

    .ict-dedicated-footer .column:nth-child(2){
        display: flex;
        justify-content: center;
    }

    .ict-dedicated-footer .column:nth-child(3){
        text-align: center;
    }
    
}

@media screen and (max-width: 1087px) {
    .ict-dedicated-footer .columns{
        flex-direction: column-reverse;
        gap: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .ict-dedicated-footer .column:nth-child(2) .ict-list{
        display: block!important;
        text-align: center !important;
    }
    

    .ict-dedicated-footer .column:nth-child(2) .ict-list li{
        margin-bottom: .75rem;
    }
}
/* Homepage */
/* Banner */
@media screen and (min-width: 1088px) {
    .homepage-banner.has-background-right{
        background-position: 80%;
    }
}

@media screen and (max-width: 1087px) {
    .homepage-banner.has-background-default{
        background-image: none !important;
    }

    .homepage-banner .text-align-mobile{
        text-align: center;
    }

    .homepage-banner h2.has-style-custom-1::after{
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
}


/* Service Icon */
.block.service-can-icon .block{
    margin-bottom: 0 !important;
}

.block.service-can-icon .is-inline-block{
    height: 100%;
}

.block.service-can-icon h3.ict-sub-title{
    margin-top: 0;
}

.block.service-can-icon ul.ict-list{
    margin: 0 !important;
}

.block.service-can-icon li a{
    margin: 0;
    color: #fff;
    font-weight: 600;
}

.block.service-can-icon:hover .block li a{
    color: var(--secondary-color);
}

.block.service-can-icon li a:hover{
    color: var(--secondary-color);
}

@media screen and (max-width: 475px) {
    .service-can-icons-block .column{
        flex-direction: column;
        gap: 1.5rem;
        align-items: center !important;
    }
}

/* Steps Box Section */
.steps-block.divider-line-left::after{
    content: "";
    width: 15rem;
    height: 4px;
    background: var(--green-color);
    display: block;
    position: absolute;
    transform: translate(-110%, 5rem);
}

@media screen and (min-width: 1088px){
    .steps-blocks .column{
        padding: 1rem;
    }

    .steps-block{
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 350px;
        width: 375px;
        position: relative;
    }
}

@media screen and (max-width: 1087px) {
    .steps-block{
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 300px;
        width: 325px;
        position: relative;
    }

    .steps-block.divider-line-left::after{
        content: "";
        width: 4px;
        height: 14.4rem;
        top: -110%;
        right: 10%;
    }
}

@media screen and (max-width: 767px) {
    .steps-block.divider-line-left::after{
        height: 16.5rem;
        top: -100%;
    }
}

@media screen and (max-width: 320px) {
    .steps-block.divider-line-left::after{
        height: 20rem;
    }
}

/* Homepage Featured Product */
.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info .add-info {
    background: transparent;
}



.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .cart-item__price, .homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .alternate--prices,
.homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info .description{
    display: none!important;
}

.bestsellers .title{
    font-size: 2.488em;
    font-weight: var(--fw-black);
    text-transform: uppercase;
}

@media screen and (min-width: 1088px) {
    .listWrapper{
        justify-content: center;
    }

    .listItem .product-item--content{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .listItem .product-item--content .product-title{
        width: 70%;
    }
}

@media screen and (max-width: 1087px) {
    .homeFeaturedProductsWrapper .listWrapper .listItem .item-box .catfish-default-product-box .product-item--info{
        background: transparent;
    }
}

@media screen and (max-width: 475px) {
    .homeFeaturedProductsWrapper .listWrapper .listItem{
        width: 100%;
    }
}

/* label Reference Guide Section */
.divider-line-center{
    position: relative;
}

.title.divider-line-center::after{
    content: '';
    display: block;
    border: solid 0px #4d9f6e;
        border-left-width: 0px;
    border-left-width: 10rem;
    height: 8px;
    position: absolute;
    bottom: -2rem;
    left: 50%;
    transform: translateX(-50%);
}

.ict-sub-title.divider-line-right::after{
    content: "";
    width: 25rem;
    height: 2px;
    background: var(--green-color);
    display: block;
    position: absolute;
    bottom: -1rem;
}



@media screen and (max-width: 1087px) {
    .ict-sub-title.divider-line-right::after{
        width: 18rem;
    }
}

@media screen and (min-width: 601px){
    .reference-label-column .ict-sub-title{
        padding-left: 3rem;
    }
}

@media screen and (max-width: 600px) {
    .reference-label-column{
        flex-direction: column;
    }

    .reference-label-column > .block.mb-3-mobile{
        margin-top: 1.5rem ;
        margin-bottom: 1.5rem !important;
    }

    .reference-label-column > .block > .block{
        margin-bottom: 0;
    }

    .ict-sub-title.divider-line-right::after {
        width: 20rem;
        left: 50%;
        bottom: -1.5rem;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
}

/* Bottom Contact Section */
.section.custom-background-image{
    padding-top: 9rem;
    padding-bottom: 12rem;
    background-position: 75% !important;
    background-size: 55% 80% !important;
}

.section.custom-background-image .columns{
    align-items: flex-end;
}

.half-width-box-background::before{
    content: '';
    width: calc(100% - -80%);
    height: calc(100% - -3rem);
    background: var(--primary-color);
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    transform: translateX(-40%);
    top: -1.5rem;
    -webkit-transform: translateX(-40%);
    -moz-transform: translateX(-40%);
    -ms-transform: translateX(-40%);
    -o-transform: translateX(-40%);
}

.section.custom-background-image p{
    position: relative;
    z-index: 1;
}

.section.custom-background-image p a{
    color: white;
}

.contact-button{
    position: absolute;
    right: 0;
    transform: translate(25rem, -75%);
    z-index: 3;
    -webkit-transform: translate(25rem, -75%);
    -moz-transform: translate(25rem, -75%);
    -ms-transform: translate(25rem, -75%);
    -o-transform: translate(25rem, -75%);
}

.contact-button a.button{
    margin-bottom: 0;
}

.half-width-box-background p{
    text-align: right;
}

.contact-button::after{
  content: "";
  width: 20rem;
  height: 2px;
  background: var(--secondary-color);
  display: block;
  position: absolute;
  z-index: 3;
  right: 100%;
}


@media screen and (max-width: 1087px) {
    .section.custom-background-image{
        background-position: 50% !important;
        background-size: 100% 100% !important;
    }

    .contact-button::after{
        width: 14rem;
    }

    .contact-button{
        transform: translate(20rem, -75%);
        -webkit-transform: translate(20rem, -75%);
        -moz-transform: translate(20rem, -75%);
        -ms-transform: translate(20rem, -75%);
        -o-transform: translate(20rem, -75%);
    }

    .contact-button a{
        font-size: 1rem !important;
    }
}

@media screen and (max-width: 1165px) and (min-width: 1088px) {
    .contact-button{
        transform: translate(25rem, -60%);
        -webkit-transform: translate(25rem, -60%);
        -moz-transform: translate(25rem, -60%);
        -ms-transform: translate(25rem, -60%);
        -o-transform: translate(25rem, -60%);
    }
}

@media screen and (max-width: 767px) {
    .section.custom-background-image{
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .half-width-box-background::before {
        width: 100%;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    }

    .half-width-box-background p{
        text-align: center !important;
    }

    .contact-button{
        position: relative;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    }

    .contact-button::after{
        width: 18rem;
        display: none;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        position: initial;
    }
}
/* Modules - End */
/* ---------------------- */
/* -----Pages - Start-----*/
/* ---------------------- */
/* My Account */
.block-account-navigation .title{
    font-weight: 600 !important;
}

.section-title{
    font-weight: 600;
}
/* Login Page */
.login__wrapper{
    height: 100vh;
    overflow: auto;
    background-size: 80%;
    background-position: left center;

    @media screen and (max-width: 1700px) and (min-width: 1088px) {
        background-size: 50%;
    }
}

/* Category Pages */
html.page-topic-topicdetails,
html.page-catalog-category{
    scroll-behavior: smooth;
}

.is-scroll-margin-top{
    scroll-margin-top: 6rem;
}

.section.category-intro-wrapper {
    display: none;
}

.arone-category-page {
    display: flex;
    flex-direction: column;
}

.category-description-wrapper {
    order: 1;
}

.breadcrumb-section {
    order: 2;
}

.category-product-section {
    order: 3;
}

.category-bottomdescription-wrapper {
    order: 4;
}

ul.linked-menu{
    display: flex !important;
    justify-content: space-around;
    gap: 6rem;
    margin-left: 0;
    margin-top: 0;
}

ul.linked-menu li + li{
    margin-top: 0;
}

ul.linked-menu li a{
    border-bottom: 1px solid var(--primary-color);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

ul.linked-menu li:hover a{
    border-bottom: 1px solid var(--secondary-color);
    color: var(--secondary-color);
    text-decoration: unset;
}


.product-one-icon-block .block:nth-child(2){
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
}

@media screen and (max-width: 1112px) and (min-width: 1088px) {
    .two-product-left-breakpoint{

        & .column:nth-child(2){
            justify-content: center;

            & .block:nth-child(1){
                margin-bottom: 1.5rem !important;
            }
        }
    }

    .two-product-right-breakpoint{

        & .column:nth-child(1){
            justify-content: center;

            & .block:nth-child(1){
                margin-bottom: 1.5rem !important;
            }
        }
    }
}


@media screen and (max-width: 1087px) and (min-width: 768px) {
    .two-product-left-breakpoint{

        & .column:nth-child(2){

            & .block:nth-child(1){
                margin-bottom: 1.5rem !important;
            }
        }
    }

    .two-product-right-breakpoint{

        & .column:nth-child(1){
            & .block:nth-child(1){
                margin-bottom: 1.5rem !important;
            }
        }
    }
}

@media screen and (max-width: 432px) {
    .two-product-left-breakpoint{

        & .column:nth-child(2){
            justify-content: center;

            & .block:nth-child(1){
                margin-bottom: 1.5rem !important;
            }
        }
    }

    .two-product-right-breakpoint{

        & .column:nth-child(1){
            justify-content: center;

            & .block:nth-child(1){
                margin-bottom: 1.5rem !important;
            }
        }
    }
}

@media screen and (max-width: 1279px) and (min-width: 1088px){
    .text-to-image-hover{

        & .ict-image{
            display: flex;
            justify-content: center;
        }

        & img{
            width: 75%;
        }
    }
}

@media screen and (min-width: 1088px) {
    .text-to-image-hover {
        position: relative;
        height: 100%;
    }
    
    .text-to-image-hover.product-image-left .is-content-width{
        position: absolute;
        top: 30%;
        left: 0;
        width: 100%;
    }
    
    .text-to-image-hover.product-image-right .is-content-width{
        position: absolute;
        top: 30%;
        left: 0;
        width: 100%;
    }
    
    .text-to-image-hover.product-image-left > .block:nth-child(2){
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 600px;
    }
    
    .text-to-image-hover.product-image-right > .block:nth-child(2){
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 600px;
    }
    
    .text-to-image-hover .is-content-width,
    .text-to-image-hover > .block:nth-child(2){
        transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1), visibility 0.5s cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1), visibility 0.5s cubic-bezier(0.42, 0, 0.58, 1);
        -moz-transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1), visibility 0.5s cubic-bezier(0.42, 0, 0.58, 1);
        -ms-transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1), visibility 0.5s cubic-bezier(0.42, 0, 0.58, 1);
        -o-transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1), visibility 0.5s cubic-bezier(0.42, 0, 0.58, 1);
    }
    
    .text-to-image-hover > .block:nth-child(2) {
        opacity: 0;
        visibility: hidden;
        height: auto;
    }
    
    .text-to-image-hover:hover .block:nth-child(2) {
        opacity: 1;
        visibility: visible;
    }
    
    .text-to-image-hover .is-content-width {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    
    .text-to-image-hover:hover .is-content-width {
        opacity: 0;
        visibility: hidden;
    }
    
    .text-to-image-hover .is-content-width {
        cursor: pointer;
    }
}

@media screen and (max-width: 1087px){
    .text-to-image-hover > .block:nth-child(2){
        display: none;
    }
}

@media screen and (max-width: 767px){
    .has-column-reverse-mobile .columns{
        flex-direction: column-reverse;
    }

    .heading-banner-section.section{
        height: 50vh;
    }

}

@media screen and (max-width: 600px) {
    ul.linked-menu{
        display: flex !important;
        justify-content: space-between;
        gap: 1rem;
    }

    ul.linked-menu li a{
        display: flex;
        text-align: center;
        border-bottom: unset;
        border-bottom: 1px solid var(--primary-color);
    }
}

@media screen and (max-width: 475px){
    .has-column-reverse-mobile .columns{
        flex-direction: column-reverse;
    }
    
    .heading-banner-section.section{
        height: unset;
    }
}

/* Product Landing Pages */
.arone-product-landing-page .details-wrapper .title{
    color: var(--primary-color);
    font-weight: var(--fw-black);
}

.arone-product-landing-page .details-wrapper .enterQuantityBoxLabel{
    font-weight: 600 !important;
    color: var(--text-color);
}

.arone-product-landing-page .attribute label.button,
.arone-product-landing-page .details-wrapper .subtitle{
    font-weight: 500;
}

.arone-product-landing-page .attribute label.button {
    border-color: var(--green-color) !important;
    border-width: 2px !important;
}

.arone-product-landing-page .attribute label.button:hover {
    background-color: rgba(147, 249, 223, 0.1);
}

.arone-product-landing-page .breadcrumb-section {
    margin-top: 3rem;
}

.has-dark-overlay::before{
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.has-dark-overlay p{
    font-size: 1.2rem;
}

/* Product Landing - Image Attribute */
.attribute.name_Rewind .columns {
    margin: -2px;
}

.attribute.name_Rewind  .attribute-item .attribute-value-item {
    max-width: 25% !important;
    width: 100%;
    flex: none;
    overflow: hidden;
}

.attribute.name_Rewind .columns .column {
    padding: .25rem;
}

.arone-product-landing-page .attribute.name_Rewind  input:checked + label.button {
    background: #eee;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
}

.attribute.name_Rewind label.button {
    height: auto !important;
    padding: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border: 2px solid #eee;
    padding: 2px !important;
    border-radius: 10px;
}

.attribute.name_Rewind span.text {
    display: none;
    position: absolute;
    bottom: 1.5rem;
    left: 3%;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 300;
    background-color: transparent;
    color: black;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    font-size: 1rem;
    width: 94%;
    white-space: normal;
}

.attribute.name_Rewind .attributeValueInfo {
    width: 100%;
    margin: 0px;
    padding: 1rem;
}
.arone-product-landing-page .attribute.name_Rewind  input:checked+label.button {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
    background: #00b08654;
}

.attribute.name_Rewind .attributeValueInfo .attribute_image_template img{
    /* top: -.8rem; */
    top: 1rem;
    height: 80%;
}

@media only screen and (min-width: 1088px) {
    .attribute.name_Rewind .attribute-value-item.column {
      max-width: 33.333333% !important;
    }
}

@media screen and (max-width: 767px) {
    .attribute.name_Rewind .columns{
        display: flex;
    }
}

@media screen and (max-width: 475px) {
    .attribute.name_Rewind .attribute-item .attribute-value-item {
        max-width: 50% !important;
    }
}
/* FAQ Accordion */
.faq-accordion{
    position: relative;
}

.faq-accordion::before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(1, 57, 44, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.faq-accordion .button.is-rounded.accordion-title{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0;
    background-color: transparent;
    border: unset;
    color: white;
    border-top: 2px solid var(--secondary-color);
    font-size: 1.2rem;
    font-weight: 700;
}

.faq-accordion .accordion-item.is-active:last-child .accordion-content,
.faq-accordion .accordion-item.is-active:last-child .button .accordion-content,
.faq-accordion .accordion-item:last-child .button.is-rounded.accordion-title{
    border-bottom: 2px solid var(--secondary-color);
}

.faq-accordion .accordion-item.is-active:last-child .button.is-rounded.accordion-title,
.faq-accordion .accordion-item.is-active .accordion-item:last-child .button{
    border-bottom: none;
}

.faq-accordion .accordion-item.is-active .accordion-content{
    padding: 1rem;
    color: white;
    font-size: 1.2rem;
    font-weight: 500;
}

.faq-accordion .accordion-item .accordion-title{
    transition: 0s !important;
    -webkit-transition: 0s !important;
    -moz-transition: 0s !important;
    -ms-transition: 0s !important;
    -o-transition: 0s !important;
}

.faq-accordion .accordion-item .button i{
    position: absolute;
    right: 0;
    color: var(--primary-color) !important;
}

.faq-accordion .ict-accordion .fa-plus::before{
    content: "\f078";
}
.faq-accordion .ict-accordion .fa-minus::before{
    content: "\f077";
}

.faq-accordion .accordion-item .button .accordion-content .ict-sub-title{
    font-weight: 400 !important;
}
/* Multipart Page */
/* Multipart Upload */
.WorkingFolderInfo.notification{
    display: none;
}

.multipart-product {
    background: var(--background-color);
    text-align: center;
}

.multipart-product .multipartUploadContainer{
    align-items: center;
}

.multiPartAttributesContainer .title{
    font-weight: var(--fw-black);
}

.multipart-product  .partHeader--description{
    font-size: 1.2rem;
}

.uploadMultiPartContainer .columns{
    flex-direction: column;
}

.uploadMultiPartContainer > .columns > .column:nth-child(1) {
    display: flex;
    justify-content: center;
}

.multipart-product .uploadMultiPart {
    width: 100%;
}

.inputPartInner .itemSelectorImage{
    padding-top: 70%;
}

.partHeader.description{
    margin-bottom: 1.5rem;
}

.help.required{
    color: inherit;
}

.gobackButton.multiPartButton{
    background: transparent;
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
}

.gobackButton.multiPartButton:hover{
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
    color: white;
}

.loading-overlay .loading-icon:after {
    left: calc(50% - 2.5rem);
}
/* Basket Page */
/* Cart form */
.checkout_message_bottom__wrapper .cart-item-row,
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row{
    border: solid 2px rgba(202, 0, 61, .5) !important;
    background: rgba(225, 253, 246, 0.1) !important
}

.rawAttributeInfo__item .title {
  font-size: .875rem;
  font-weight: 500;
    margin-bottom: 0;
    color: var(--primary-color);
}

.rawAttributeInfo__item .value{
  font-size: .875rem
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--productinfo .summaryShortDescription{
  -webkit-line-clamp: 3;
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--actions .cart--edititem .basketEditButton.design{
    background: transparent;
    border: 2px solid var(--primary-color);
    color: var(--primary-color)
} 

.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--actions .cart--edititem .basketEditButton.design:hover{
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
    color: white;
}  

.cart-footer__container #continueshoppingDummy{
    border: solid 2px rgba(202, 0, 61, .5);
    color: var(--primary-color);
}

.cart tr.cart-item-row td.cart--quantity .quantityChanger{
    box-shadow: none;
    border: 1px solid var(--primary-color);
    color: var(--secondary-color);
}

.rawAttributeInfo{
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

/* Cart Footer */
.cart-footer__container #continueshoppingDummy:hover{
    border: 2px solid var(--primary-color);
    background-color: var(--primary-color);
    color: white;
}

.shoppingcart__wrapper .cart-footer .cart-footer__container{
    border-color: rgba(202, 0, 61, .5);
    border-width: 2px;
}

.cart-total .cart_total_left{
    color: var(--primary-color);
}

/* Coupon -Layout */
#cartTotals{
    
    & h3.cart_total--title{
        display: block !important;
        font-size: 1.333333rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    & .cart_total--subtotal .cart_total_left,
    & .cart_total--subtotal .cart_total_right,
    & .cart_total--shipping .cart_total_left,
    & .cart_total--shipping .cart_total_right{
        padding-bottom: .75rem !important;
    }

    & .cart_total--order-total{
        border-top: 2px solid #CCC;
    }

    & .cart_total--order-total .cart_total_left,
    & .cart_total--order-total .cart_total_right{
        padding-top: .75rem !important;
    }
}

.orderSummaryWrapper .deals{
    & .coupon-box--title{
        font-weight: 700;
    }
    
    & .coupon-box--tooltip{
        display: none;
    }
}

.grid_6.cart-collaterals.column{
    width: 100%;
}

/* Checkout Summary Page */
#opc-confirm_order h3.cart_total--title{
    display: block !important;
    font-size: 1.333333rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

#opc-confirm_order #cartTotals{
    width: 50%;
}

#opc-confirm_order .cart-total{
    width: 100%;
}

#opc-confirm_order .cart-total tbody{
    display: flex;
    flex-direction: column;
    width: 100%;
}

#opc-confirm_order .cart_total--subtotal .cart_total_right,
#opc-confirm_order .cart_total--shipping .cart_total_right,
#opc-confirm_order .cart_total--order-total .cart_total_right{
    text-align: right;
}


@media screen and (min-width: 1472px) {
    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--productinfo{
        flex-grow: 1;
    }

    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--itemtotal,
    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--quantity,
    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--unitprice{
        flex-grow: .3;
    }

    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.productpicture{
        flex-grow: 0;
    }

    .cartform  .cart-item-row{
        position: relative;
    }

    .cartform .cart--actions{
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--actions{
        width: 24.5rem;
    }

    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--actions .cart--actions__buttons{
        flex-direction: row;
    }

    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--actions .cart--edititem{
        flex-direction: row;
        gap: .5rem;
        width: 60%;
        margin-right: 1rem;
    }

    .shoppingcart__wrapper .cartform .cartTableWrapper .cart-item-row .cart--actions__buttons .cart--deleteitem{
        width: 30%;
    }

    .cart--actions__buttons.buttons .basketEditButton,
    .cart--actions__buttons.buttons #deleteCartItem{
        font-size: .825rem;
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .rawAttributeInfo .rawAttributeInfo__item{
        width: 50%;
    }
}

@media screen and (max-width: 1471px){
    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row{
        display: inline-block;
    }

    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.productpicture{
        align-items: center;
    }

    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--quantity,
    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--unitprice{
        width: 50%;
        float: left;
    }

    .rawAttributeInfo .rawAttributeInfo__item{
        flex-grow: 1;
    }
}

@media screen and (max-width: 1087px){
    .checkout_message_bottom__wrapper .cart tbody{
        display: flex;
        justify-content: center;
    }
    .common-buttons.buttons.is-right{
        justify-content: center;
    }
}

.advanced-select .selected-item{
    border-width: 2px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.advanced-select .box{
    border-radius: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    -ms-border-radius: unset;
    -o-border-radius: unset;
}

.advanced-select .collapse-button .bi.bi-chevron-down{
    fill: var(--primary-color);
}

.page-checkout-onepagecheckout #cartTotals{
    border: solid 2px rgba(202, 0, 61, .5) !important;
    border-radius: 10px;
    margin-left: .75rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.one-page-checkout #opc-shipping_method .shipping-options .shipping-options__list .shipping-option-item input:checked + label::after{
    color: var(--secondary-color);
}

#checkout-step-confirm-order .subtitle{
    font-weight: 700;
}

.one-page-checkout #opc-shipping_method .shipping-options{
    background: var(--primary-color);
}

@media screen and (max-width: 1087px) {
    .one-page-checkout .cartTableWrapper .cart tr.cart-item-row{
        width: 75%;
    };

    .one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container .columns{
        justify-content: center;
    }

    #cartTotals{
        margin-left: 0 !important;
    }
}

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

    #cartTotals .cart-total,
    .one-page-checkout .cartTableWrapper .cart tr.cart-item-row{
        width: 100%;
    };

    #cartTotals .cart-total  .cart_total_right{
        text-align: right;
    }
}
/* Topic Pages */
/* Portfolio Page */
.tile.is-parent{
    align-items: flex-end;
}

.tile.is-child .block{
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.tile.is-child .block:hover{
    filter: brightness(.5);
    -webkit-filter: brightness(.5);
}

/* loader */
.page-blog-list .custom-loader,
.page-blog-search .custom-loader,
.Portfolio .custom-loader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    transition: opacity 0.95s, visibility 0.95s;
    -webkit-transition: opacity 0.95s, visibility 0.95s;
    -moz-transition: opacity 0.95s, visibility 0.95s;
    -ms-transition: opacity 0.95s, visibility 0.95s;
    -o-transition: opacity 0.95s, visibility 0.95s;
}

.loader-hidden{
    opacity: 0;
    visibility: hidden;
}

.page-blog-list .custom-loader::after,
.page-blog-search .custom-loader::after,
.Portfolio .custom-loader::after{
    content: '';
    width: 6rem;
    height: 6rem;
    border: 5px solid #ddd;
    border-top-color: var(--primary-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation: loading 2s ease infinite;
    -webkit-animation: loading 2s ease infinite;
}

@keyframes loading {
    from{
        transform: rotate(0turn);
        -webkit-transform: rotate(0turn);
        -moz-transform: rotate(0turn);
        -ms-transform: rotate(0turn);
        -o-transform: rotate(0turn);
    }
    to{
        transform: rotate(2turn);
        -webkit-transform: rotate(2turn);
        -moz-transform: rotate(2turn);
        -ms-transform: rotate(2turn);
        -o-transform: rotate(2turn);
    }
}

@media screen and (max-width: 767px) {
    .tile-image.is-5by4,
    .tile-image.is-4by3,
    .tile-image.is-3by2,
    .tile-image.is-5by3,
    .tile-image.is-16by9,
    .tile-image.is-2by1,
    .tile-image.is-3by1,
    .tile-image.is-4by5,
    .tile-image.is-3by4,
    .tile-image.is-2by3,
    .tile-image.is-3by5,
    .tile-image.is-9by16,
    .tile-image.is-1by2,
    .tile-image.is-1by3{
        padding-top: 100%;
    }
}

/* Contact Us */
.topic-banner-section{
    flex-direction: unset;
}

.contact-info-section .columns{
    gap: 6rem;
}

.contact-info-column .has-list-style-none{
    gap: 1rem;
}

.contact-info-column i{
    font-size: 2rem;
}

@media screen and (max-width: 1087px) {
    .background-image-right.heading-banner-section{
        background-position: right center;
    }
}

@media screen and (max-width: 1149px){
    .contact-info-section .column:nth-child(1) .block .button:nth-child(1){
        margin-right: 0;
    }
}

@media screen and (max-width: 1000px){
    .contact-info-section .is-flex-basis-50{
      flex-basis: 100%;
    }
}

@media screen and (max-width: 900px){
    .contact-info-section .columns{
        gap: 4rem;
    }

    .contact-info-section .column:nth-child(1){
        width: 45%;
    }
}

@media screen and (min-width: 768px) {
    .contact-info-column::before{
        content: '';
        height: 100%;
        width: 2px;
        background: var(--secondary-color);
        position: absolute;
        top: 0;
        left: -3rem;
        transform: translateX(0rem);
        -webkit-transform: translateX(0rem);
        -moz-transform: translateX(0rem);
        -ms-transform: translateX(0rem);
        -o-transform: translateX(0rem);
    }
}

@media screen and (max-width: 767px){
    .contact-info-section .column:nth-child(1){
        width: 100%;
    }

    .contact-info-section .column:nth-child(1) .block .button{
        width: 100%;
    }

    .contact-info-section .columns {
        gap: 0rem;
    }

    .background-image-right.heading-banner-section{
        background-position: -6rem;
        background-size: contain;
    }
}

@media screen and (max-width: 475px){
    .background-image-right.heading-banner-section,
    .Sample_Packs .heading-banner-section{
        background-size: contain;
        background-position: -6rem;
    }

    .background-image-right.heading-banner-section.section {
        height: 45vh;
    }
}

/* About Us */
@media screen and (max-width: 767px){
    .About_Us .heading-banner-section.section{
        background-size: 80%;
    }
}

@media screen and (max-width: 475px){
    .About_Us .heading-banner-section.section{
        background-size: contain;
    }
}
/* Blogs Page */
.news-header .catfish-container{
    display: flex;
    flex-direction: column;
}

.news-header .catfish-container .page-title {
    order: 1;
} 

.news-header .catfish-container .postdate {
    order: 2;
}

.news-header .catfish-container .blogpost__featureimage {
    order: 3;
}

.news-header .catfish-container .postbody {
    order: 4;
}

.page-blog-list h1.title,
.blog-page .blogposts .blogposts-list .post .post-content .post-info .blogdate,
#toggleAdvancedFilters {
    display: none !important;
 }

 .blog-page .blogposts .blogposts-list .post .post-content .post-info .tags{
    visibility: hidden;
}

.page-blog-list .blogsearch__search-inputs {
    width: 70%;
}

.page-blog-list form {
    display: flex;
    justify-content: center;
}

#Keyword {
    box-shadow: unset;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--primary-color);
    margin-top: 1.5rem;
}

#Keyword::placeholder{
    font-size: 1.2rem;
}

/* Seach Button Icon change */
.blogsearch__search-inputs .icon-container{
    position: relative;
}

.blogsearch__search-inputs .icon-container .catfish-button{
    font-size: 0;
    height: 4rem;
    width: 4rem; 
    border-radius: 4px;
    background: transparent;
}

.blogsearch__search-inputs .icon-container .icon{
    position: absolute;
    top: 50%;
    left: 1.2rem;
    transform: translateY(-50%);
    font-size: 2rem;
    font-weight: 500;
    color: var(--primary-color);
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

/* Blog Cards */
.blog.blog-page{
    padding-top: 3rem;
}

.page-blog-list .post.column{
    width: 100%;
}

.page-blog-list .post.column .post-content .post-thumb{
    width: 50%;
}

.blog-page .blogposts {
    margin-top: 8rem;
}

.page-blog-list .post.column .post-content{
    display: flex;
    flex-direction: row-reverse;
    gap: 1rem;
    background: transparent !important;
}

.page-blog-list .post.column:nth-child(even) .post-content{
    flex-direction: row;
}


.blog-page .blogposts .blogposts-list .post .post-content .post-info{
    display: flex;
    width: 60%;
    text-align: center;
    flex-direction: column;
    align-items: center;
}

.blog-page .blogposts .blogposts-list .post .post-content .post-info .blogtitle{
    font-size: 2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 6rem;
    position: relative;
    
}

.blog-page .blogposts .blogposts-list .post .post-content .post-info .blogtitle::before{
    content: "";
    background: var(--secondary-color);
    width: 70%;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: -3rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.page-blog-list .post.column .post-content .post-thumb .image.is-3by2 img{
    object-fit: contain;
}

.blog-page .blogposts .blogposts-list .post .post-content .post-info .is-blog-button{
    font-weight: 600;
    font-size: 1.2rem;
    text-transform: uppercase;
}

@media screen and (min-width: 900px){
    .page-blog-list .blogposts-list.columns{
        gap: 6rem;
    }

    .page-blog-list .post.column .post-content .post-thumb .image.is-3by2{
        padding-top: 80%;
    }

    .blog-page .blogposts .blogposts-list .post .post-content .post-info .blogdetails{
        font-size: 1.2rem;
        text-align: left;
        width: 80%;
    }
}

@media screen and (max-width: 899px){
    .blogposts-list {
        display: flex;
    }

    .page-blog-list .post.column:nth-child(even) .post-content,
    .page-blog-list .post.column .post-content{
        display: flex;
        flex-direction: column;
        gap: 1rem;
        background: transparent !important;
    }

    .page-blog-list .post.column {
        width: 50%;
    }

    .page-blog-list .post.column .post-content .post-thumb {
        width: 100%;
    }

    .blog-page .blogposts .blogposts-list .post .post-content .post-info {
        width: 100%;
    }

    .blog-page .blogposts .blogposts-list .post .post-content .post-info .blogtitle{
        font-size: 1.4em;
        margin-bottom: 3rem;
    }

    .blog-page .blogposts .blogposts-list .post .post-content .post-info .blogtitle::before {
        bottom: -1rem;
    }

    .blog-page .blogposts .blogposts-list .post .post-content .post-info .is-blog-button {
        font-size: .875rem;
    }

    .page-blog-list .post.column .post-content .post-thumb .image.is-3by2 img {
        object-fit: cover;
    }

    .page-blog-list .post.column .post-content .post-thumb .image.is-3by2 {
        padding-top: 100%;
    }
}

@media screen and (max-width: 650px){
    .page-blog-list .post.column {
        width: 100%;
    }
}

/* Blog Page Search*/
.page-blog-search .blogposts-list .post .post-content .post-info .blogtitle{
    font-size: 1.2em !important;
    margin-bottom: 2rem !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: calc(1.2em * 2);
    line-height: 1.2em;
    width: 100% !important; 
}

.page-blog-search .blogposts-list .post .post-content .post-info .blogtitle::before {
    bottom: -1rem !important;
}

.page-blog-search .blogposts-list {
    display: flex;
    flex-wrap: wrap;
}

.page-blog-search .blog-page .blogposts .blogposts-list .post .post-content .post-info {
    width: auto;
}

.page-blog-search  .blogposts .blogposts-list .post .post-content .post-info .blogdetails{
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    height: calc(1.2em * 3);
    line-height: 1.2em;
    width: 100% !important;
    margin: 0 2rem !important;
}

@media screen and (min-width: 900px) {
    .page-blog-search  .blogposts .blogposts-list .post .post-content .post-info .blogdetails {
        font-size: 1rem !important;
    }
}

/* Blog Page */
.blogpost .title.is-3 {
    font-size: 2.488em;
}

.blogpost .blogpost__featureimage{
    margin-bottom: 0;
    padding-top: 30% !important;
}

.related-blogs-component .listWrapper {
    justify-content: center;
}

.related-blogs-component .listItem .picture .image img{
    object-fit: contain !important;
}

.related-blogs-component.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title{
    background: var(--primary-color);
}

.related-blogs-component.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item:hover .product-title{
    background: rgba(255,255,255,.4);
}

.related-blogs-component.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title a{
    color: #fff;
    font-weight: 600;
}

.related-blogs-component.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item:hover .product-title a{
    color: var(--primary-color);
}

.related-blogs-component.homeFeaturedCategoriesWrapper .small-product-item .product-title{
    border-bottom: 5px solid transparent;
}

.related-blogs-component.homeFeaturedCategoriesWrapper .small-product-item:hover .product-title{
    border-bottom: 5px solid var(--primary-color);
}

@media screen and (max-width: 1087px){
    .news-header .catfish-container .page-title{
        margin-top: 1.5rem;
    }
}

@media screen and (min-width: 768px), print {
    .related-blogs-component.homeFeaturedCategoriesWrapper .listWrapper .listItem .small-product-item .category-item .product-title{
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    }
}

/* Artwork Guidelines */
.dieline-template{

    & h3.subtitle{
        margin-bottom: .75rem;
    }

    & table{

        border: 2px solid var(--secondary-color);
    }

    & thead{

        & td{
            background: var(--red-color);
            color: #fff !important;
            border: 2px solid var(--secondary-color);
        }
    }

    & tbody{

        & td{
            border: 1px solid var(--secondary-color);
        }

        & td:first-child{
            color: var(--primary-color);
        }
    }
}
/* Pages - End */

/* Hide Header Dropdown */
.navbar-end .navbar-item.is-hidden-touch + .navbar-item.has-dropdown {
    display: none;
}


.pageflip #pf-dropshadow {
    box-shadow: none!important;
}


/* Delivery Countdown personalisation */

div#delivery-countdown-banner {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding: 1.5rem;
}

div#delivery-countdown-banner:before {
    content: "ESTIMATED TIMELINE";
    width: 100%;
    display: flex;
    justify-content: center;
    font-weight: var(--fw-black) !important;
    font-size: 1.44em;
}

div#delivery-countdown-banner:after {
    content: "*Label art files must be print ready according to our Artwork Guidelines";
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 0.75em;
    text-align:center;
}

div#delivery-countdown-banner > .hero-body {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

/* small fix */
.page-dynamicproduct-editor .catfish-button.is-small, .page-dynamicproduct-editor .button.is-small {
    padding: 0.5rem;
}
.page-dynamicproduct-editor .MEUIFormField .control .meuiNonLayout, 
.page-dynamicproduct-editor .MEUIFormField .control .zoom-button   {
    height:100%;
}
.page-dynamicproduct-editor .AddImageToField span.no-image-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%,-50%);
}
.Script_DynamicUiGeneration_New .fb-background-color-select .colorSelector  {
    min-width: 100%;
}
/* --- CSS Mobile UX ---*/
.Script_DynamicUiGeneration_New .ItemsListBody .itemDetails {
    padding-left: 1rem;
    padding-right: 1rem;
}
.Script_DynamicUiGeneration_New_MobileUX .DynamicUiGeneration-mobile-ui-global {
    position: fixed;
    bottom: 4.5rem;
    z-index: 5;
    max-height: 0px;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px;
    -webkit-transition: max-height 0.15s linear;
    -moz-transition: max-height 0.15s linear;
    -o-transition: max-height 0.15s linear;
    transition: max-height 0.15s linear;
    box-shadow: inset 0px -7px 19px -10px rgba(0,0,0,.2);
}
.Script_DynamicUiGeneration_New_MobileUX .DynamicUiGeneration-mobile-ui-global > .columns {
    padding: 1rem;
    padding-bottom: 2rem;
    margin: 0!important;
}
.Script_DynamicUiGeneration_New_MobileUX .DynamicUiGeneration-mobile-ui-global.is-active {
    max-height:70vh;
}
.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 5;
    background: #fff;
    text-align: center;
    padding:0rem;
    box-shadow: rgba(0,0,0,.3) 0px 0px 10px;
}
.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux > .columns {
    padding: 0px;
    margin: 0px;
}
.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux > .columns > .column {
    padding: 1rem;
    margin: 0px;
    border-bottom: solid 1px #eee;
}
.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .toggle-fieldlist-button {
    border: none;
    background: transparent!important;
}
.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .progress-bar-container {
    display: block;
}
.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .progress-bar {
    position: relative;
    width: 100%;
    height: 1.5rem;
    border-radius: 0.75rem;
}
.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .progress-bar .progress {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    display: block;
    height: 1.5rem;
}
.Script_DynamicUiGeneration_New_MobileUX .select-step-button .field-name {
    max-width: calc(100vw - 10rem)!important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Script_DynamicUiGeneration_New_MobileUX .select-step-button {
    padding: 1rem;
    margin-bottom: -0.5rem;
}
.Script_DynamicUiGeneration_New_MobileUX .column.actions-list {
    overflow: hidden;
    overflow-x: auto;
    border-right: solid 1px #eee;
    box-shadow: inset -7px 0px 26px -13px rgba(0,0,0,.2);
    min-height: 100%;
}
.Script_DynamicUiGeneration_New_MobileUX .column.actions-list.Variable-Input-Container {
    overflow: visible;
    overflow-x: visible;
    text-align: left;
}
.Script_DynamicUiGeneration_New .large-icon-vertical-button {
    padding: 0.5rem;
    height: 4rem;
    width: 4rem!important;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}
.Script_DynamicUiGeneration_New .large-icon-vertical-button span.fill_button {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.Script_DynamicUiGeneration_New .large-icon-vertical-button span.fill_button .check {

}
.Script_DynamicUiGeneration_New .large-icon-vertical-button span.icon {
    display: block;
    margin: 0px!important;    
    height: 1.8rem;
    line-height: 2rem;
    width: 100%;
}
.Script_DynamicUiGeneration_New .large-icon-vertical-button span.icon + .text {
    font-size: 0.75em;
    font-weight: bold;
    padding-top: 0.3rem;
}
.Script_DynamicUiGeneration_New .large-icon-vertical-button span.icon .fa-edit {
    margin-left: 0.2em;
}
.Script_DynamicUiGeneration_New .edit-mode-done-button {
    position: fixed;
    top: calc(50vh - 4rem);
    right: 1rem;
}
.Script_DynamicUiGeneration_New_MobileUX .column.eds-mobile-ux-header {
    position: fixed;
    top: 4rem;
    left: 0px;
    width: 100%;
    z-index: 9;
    padding: 0.5rem;
}
.Script_DynamicUiGeneration_New_MobileUX.EditingMode .column.eds-mobile-ux-header {
    top: 0px;
}
.Script_DynamicUiGeneration_New_MobileUX .column.eds-mobile-ux-header span {
    padding: 0rem 1rem;
    display: inline-block;
}
.Script_DynamicUiGeneration_New_MobileUX .column.eds-mobile-ux-header span.orderNR {
    border-right: solid 1px #fff;
}
.Script_DynamicUiGeneration_New_MobileUX .additionalTargetContainer {
    display: none!important;
}
@media screen and (max-width: 600px) {
    .Script_DynamicUiGeneration_New_MobileUX .meuiDateTimePicker+.dropdown-menu button, 
    .Script_DynamicUiGeneration_New_MobileUX .meuiDateTimePicker+[uib-datepicker-popup-wrap] .uib-datepicker-popup.dropdown-menu button, 
    .Script_DynamicUiGeneration_New_MobileUX [uib-datepicker-popup-wrap] .uib-datepicker-popup.dropdown-menu button {
    border: solid 1px #fff;
    padding: 0.7rem;
    font-size: 1rem;
    min-width: 100%;
    height: 3rem;
    border-radius: 5px;
}
}
.Script_DynamicUiGeneration_New_MobileUX .input.is-danger, 
.Script_DynamicUiGeneration_New_MobileUX .catfish-input.is-danger, 
.Script_DynamicUiGeneration_New_MobileUX .catfish-select.is-danger, 
.Script_DynamicUiGeneration_New_MobileUX .textarea.is-danger, .catfish-textarea.is-danger {
    border-color: #CF4646!important;
    background: #f9dcdc!important;
}
.megaedit-preview #addToBasketButton {
    top: 1rem;
    right: 5rem;
}