/** Shopify CDN: Minification failed

Line 14:0 All "@import" rules must come first
Line 16:0 All "@import" rules must come first

**/
@font-face {
    font-family: 'chaneyregular';
    src: url('chaney-regular-webfont.woff2') format('woff2'),
         url('chaney-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* .top-content,
.banner-richtext-abst{
    font-family: "Montserrat", serif !important;
} */
.top-content,
.banner-richtext-abst{
    font-family: "Inter", serif !important;
}
@font-face {
    font-family: 'bn_kragenbold';
    src: url('bnkragen-bold-webfont.woff2') format('woff2'),
         url('bnkragen-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.numberofcard{
    font-family: 'chaneyregular';
}

.top-content,
.st-content{
    font-weight: 500 !important;
}
.top_heading{
    font-weight: 900 !important;
}

.ctd p{
    margin: 0 auto 1rem;
}
.ctd p:last-child{
    margin-bottom: 0;
}

/* #custom-header{
    margin-top:15px;
} */
#custom-header .header{
    padding-block: 22.1px;;
}
.header:not(.drawer-menu).page-width{
    padding-inline: 28px !important;
}

#custom-header .header{
    grid-template-columns: 1fr auto 1fr;
}
#custom-header .header .header__menu-item{
    padding: 0;
}
#custom-header .header__heading-link {
    margin-left: 0 !important;
    margin-right: auto;
}
.section-header{
    position: absolute !important;
    width: 100%;
    top: 4rem;
}


/* {
            "type": "header",
            "content": "Button Styling",
        },
        {
            "type": "color",
            "id": "button_background",
            "label": "Main Color",
            "default": "#1B1A1A"
        },
        {
            "type": "color",
            "id": "button_title_svg",
            "label": "Text/svg Color",
            "default": "#fff"
        },
        {
            "type": "header",
            "content": "Button hover Styling",
        },
        {
            "type": "color",
            "id": "button_hover_background",
            "label": "Main Hover Color",
            "default": "#fff"
        },
        {
            "type": "color",
            "id": "button_hover_title_svg",
            "label": "Text/svg Text Color",
            "default": "#000"
        }, */


        /* <a href="/" class="similar_btn similar_btn-{{ section.id }}">
    <span class="smlr_span smlr_span-{{ section.id }}">
        <svg class="similar_btn_svg similar_btn_svg-{{ section.id }}" width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M1.70925 0.232907V1.00849H6.60112L0.155273 7.44569L0.704167 7.99385L7.15002 1.55665V6.44195L7.92518 6.43903L7.92737 0.232178L1.70925 0.232907Z" fill="{{ section.settings.button_background }}"/>
        </svg>        
    </span>
    <span class="smlr_btn_text smlr_btn_text-{{ section.id }}">Recover now</span>
</a> */

/*   .similar_btn-{{ section.id }}{
        background:{{ section.settings.button_background }};
    }
    .smlr_span-{{ section.id }}{
        background:{{ section.settings.button_title_svg }};
    }
    .smlr_btn_text-{{ section.id }}{
        color:{{ section.settings.button_title_svg }};
    }
    .similar_btn-{{ section.id }}:hover{
        background:{{ section.settings.button_hover_background }};
    }
    .similar_btn-{{ section.id }}:hover .smlr_span-{{ section.id }}{
        background:{{ section.settings.button_hover_title_svg }};
    }
    .similar_btn-{{ section.id }}:hover .smlr_btn_text-{{ section.id }}{
        color:{{ section.settings.button_hover_title_svg }};
    }
    .similar_btn-{{ section.id }}:hover .smlr_span-{{ section.id }} svg path{
        fill:{{ section.settings.button_hover_background }};
    } */
/* button */

.similar_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    gap: 13.91px;
    /* border-radius: 32px; */
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0.01rem;
    line-height: 1.1;
    margin: 0;
    text-align: center;
    transition:.2s linear;
    position: relative;
    background: red;
    min-width: 215px;
    height: 55px;
    font-family: var(--font-heading-family);
    font-weight: 800;
}

.similar_btn .smlr_span{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33px;
    height: 31px;
    /* border-radius: 50%; */
    transition:.1s linear;
    position: absolute;
    left: 13px;
    top: 12px;
    z-index: 1;
    background: #fff;
    position: absolute;
    left: 57px;
}
.similar_btn .smlr_span{
    transition:.1s linear;
    position: absolute;
    left: 13px;
    top: 12px;

}
.smlr_btn_text{
    transition:.1s linear;
    position: absolute;
    left: 57px;
    top: 19px;
}
.similar_btn:hover .smlr_btn_text{
    left: 20px;
    right: auto;
}
.similar_btn:hover .smlr_span{
    transform: translateX(470%);
}
/* end button */









/* announanace bar */
/* end announanace bar */











@media(max-width:989px){
    #custom-header .header{
        grid-template-columns: auto 1fr;
    }
    #custom-header .header .header__heading{
        margin: 0 auto 0 0; 
    }
    #custom-header .header__icon--menu .icon{
        left: auto;
        right: 3rem;
    }
    #custom-header .header__icons {
        margin-right: 3rem;
    }
}
@media(max-width:768px){
    .header__icon .svg-wrapper {
        width: 3rem;
        height: 3rem;
    }
    #custom-header .header {
        padding-block: 11px;
    }
    .header__icon .icon {
        width: 2rem !important;
        height: 2rem !important;
    }
    .header__icons {
        gap: 12px;
    }
    .similar_btn .smlr_span {
        left: 10px;
        top: 8px;
        width: 21px;
        height: 20px;
    }
    .smlr_btn_text {
        left: 37px;
        top: 12px;
        font-size: 11px;
    }
    .similar_btn {
        width: fit-content;
        height: 36px;
        min-width: 156px;
    }
    .similar_btn:hover .smlr_span {
        transform: translate(555%);
    }
    .similar_btn:hover .smlr_btn_text{
        left: 16px;
    }
    #custom-header .header__icon--menu .icon{
        left: auto;
        right: 2rem;
    }
    #custom-header .header__icons {
        margin-right: 2.5rem;
    }
    #custom-header {
        margin-top: -9px;
    }
}
@media(max-width:520px){
    #custom-header .header__heading-link {
        max-width: 116px;
    }
}





/* coloring change header other pages */
.header-colors-changes{
    background: #fff !important;
    border-bottom: 1px solid #0003
}
.header-colors-changes .header__menu-item span{
    color: #000;
}
.header-colors-changes .header__icon .icon path{
    fill: #000;
}
.header-colors-changes .menu_idel{
    display: none !important;
}
/* .header-colors-changes .header__heading-logo {
    filter: invert(1);
} */
/* announanace */
/* .announcement-bar__message{
    min-height: 0;
} */

#utlity-coloring-chang{
    background: #000;
}
#utlity-coloring-chang .announcement-bar span {
    color: #fff;
}
#utlity-coloring-chang{}
#utlity-coloring-chang{}





.stickyHeader {
    position: fixed;
    top: 0;
    width: 100%;
    background: white !important;
    z-index: 1000;
    border-bottom: 1px solid #0005;
    transition: opacity .3s linear;
}
.stickyHeader .header__menu-item span{
  color: #000;
}

/* .stickyHeader .header__heading-logo-wrapper img{
    filter: invert(1) !important;
} */
.stickyHeader .icon-hamburger path,
.stickyHeader .icon-close path{
    fill: #000;
}
@media(max-width:768px){
    .stickyHeader {
        top: 0;
        /* margin-top: 0 !important; */
    }

}
.product-form__input--dropdown{
    position: relative;
}
.product-form__input--dropdown::after{
    display: block;
    content: '';
    position: absolute;
    z-index: 3;
    inset: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}
.product-form__input--dropdown::before{
    display: block;
    content: '';
    position: absolute;
    z-index: 3;
    inset: 0;
    margin: 0 auto;
    width: 26px;
    height: 30px;
    right: 7px;
    top: 48px;
    left: auto;
    background: #fff;
}


#shopify-section-template--24305655152975__main{
    height: 90vh;
}

.cart-count-bubble {
    top: 6px;
}
.seal-subscription-page {
    margin: 160px auto !important;
}
#shopify-section-template--24305655611727__rich_text_BTQ9tx,
.shopify-policy__container{
    padding-top: 150px;
}

@media(max-width:768px){
    #shopify-section-template--24305655611727__rich_text_BTQ9tx,
    .shopify-policy__container{
        padding-top: 120px;
    }
    .cart-count-bubble {
        top: 8px;
        left: 19px;
    }
    .seal-subscription-page {
        margin: 120px auto !important;
    }
}

.product-media-modal__content img{
    max-width: 100%;
}