/** Shopify CDN: Minification failed

Line 1214:0 Unexpected "}"
Line 3007:142 "magin-top" is not a known CSS property
Line 3416:44 "magin-top" is not a known CSS property
Line 3516:44 "magin-top" is not a known CSS property
Line 3833:23 Comments in CSS use "/* ... */" instead of "//"
Line 3834:19 Comments in CSS use "/* ... */" instead of "//"

**/
body {
    letter-spacing: normal;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: var(--font-primary);
    font-weight: 350;
    margin-bottom: 15px;
    margin-top: 5px;
    color: var(--brand-primary);
}

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

h2,
.h2 {
    font-size: 24px;
    line-height: 1.5;
}

h3,
.h3 {
    font-size: 20px;
    line-height: 1.2;
}

h4,
.h4 {
    font-family: var(--font-primary);
    font-size: 18px;
    line-height: 1.6;
    font-weight: 325;
    margin-bottom: 15px;
    margin-top: 5px;
}

h5,
.h5 {
    font-size: 18px;
    line-height: 1.6;
}

h6,
.h6 {
    font-size: 16px;
    line-height: 1.25;
}


@media screen and (max-width: 768px) {
    h1,
    .h1 {
        font-size: 20px;
        line-height: 1.5;
    }

    h2,
    .h2 {
        font-size: 18px;
        line-height: 1.75;
    }

    h3,
    .h3{
        font-size: 17px;
        line-height: 1.4;
    }

    h4,
    .h4{
        font-family: var(--font-primary);
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 15px;
        margin-top: 5px;
    }

    h5,
    .h5{
        font-size: 16px;
        line-height: 1.25;
    }

    h6,
    .h6{
        font-size: 14px;
        line-height: 1.5;
    }

}
@media screen and (min-width: 1400px) {

    h1,
    .h1 {
        font-size: 34px;
        line-height: 1.3;
    }

    h2,
    .h2 {
        font-size: 28px;
        line-height: 1.25;
    }

    h3,
    .h3 {
        font-size: 25px;
        line-height: 1.2;
    }
}


p, .paragraph {
    font-family: var(--font-primary);
    font-weight: 325;
    font-size: 14px;
    line-height: 1.5;
    color: var(--brand-primary);
}

small,
.small {
    font-family: var(--font-primary);
    font-weight: 325;
    font-size: 11px;
    line-height: 1.6;
    color: var(--brand-primary);
}
.large {
    font-family: var(--font-primary);
    font-weight: 325;
    font-size: 18px;
    line-height: 1.2;
    color: var(--brand-primary);
}

@media screen and (max-width: 992px) {
    .large {
        font-size: 16px;
        line-height: 1.3;
    }
}

@media screen and (min-width: 1400px) {
    p, .paragraph {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 10px;
        margin-top: 0;
    }

    small,
    .small {
        font-size: 12px;
        line-height: 1.4;
        color: var(--color-base-text);
    }

    .large {
        font-size: 20px;
        line-height: 1.4;
    }
}

a {
    font-family: var(--font-primary);
    font-weight: 325;
    font-size: 14px;
    line-height: 1.5;
    text-decoration: underline;
    color: var(--brand-primary);
    margin-bottom: 10px;
}

a:hover{
    color: var(--brand-secondary);
}

.link {
    font-family: var(--font-primary);
    font-weight: 325;
    font-size: 16px;
    line-height: 1.5;
    text-decoration: underline;
    color: var(--brand-primary);
}

.link:hover{
    color: var(--brand-secondary);
}


@media screen and (max-width: 992px) {
    .link {
        font-size: 14px;
        line-height: 1.5;
    }

}

@media screen and (min-width: 1400px) {
    a{
        font-family: var(--font-primary);
        font-weight: 325;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 10px;
        margin-top: 0;
    }
}

ul, ol {
    padding-left: 20px;
    margin: 10px 0;
}

li{
    font-family: var(--font-primary);
    font-weight: 325;
    font-size: 14px;
    line-height: 1.5;
    color: var(--brand-primary);
    margin-bottom: 10px;
}
@media screen and (min-width: 1440px) {
    li{
        font-family: var(--font-primary);
        font-weight: 325;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 10px;
    }
}
li a {
    color: var(--brand-primary);
}

:root {
    --font-primary: "Gotham Rounded";

    /* Brand colors */
    --brand-primary: #001722;
    --brand-secondary: #57BDBE;
    --brand-tertiary: #bf4f9d;

    /*  Text colors */
    --headline-primary: #414B56;

    --paragraph-primary: var(--brand-primary);
    --paragraph-secondary: #414B56;

    /*  System colors */
    --button-primary: #3F4245;
    --button-primary-text:  var(--color-white);

    --button-secondary: var(--background-turquoise);
    --button-secondary-text:  var(--brand-primary);
    --button-secondary-bordr: var(--brand-primary);

    --button-tertiary: var(--color-white);
    --button-tertiary-text:  var(--color-teal-darker);
    --button-tertiary-bordr: var(--color-teal-darker);

    --button-hover: var(--background-turquoise);
    --button-text-hover: var(--brand-primary);


    --link-color: var(--brand-primary);
    --link-color-hover: var(--brand-secondary);

    /* Border color */
    --border-color: var(--brand-primary);
    --border-secondary-color: #e5e5e5;
    --border-tertiary-color: #d3d6d9;

    /* Background colors */
    --background-white: #FFF;
    --background-black: #000;
    --background-turquoise: #95D6D6;
    --background-light-blue: #EFF9F9;

    --background-divider: #969696;
    --background-overlay: rgba(#888C9A, 0.6);
    --background-save-color: #BF4F9D;
    --background-sale-color: #CB4867;

    /* Field colors */
    --field-text: #676F78;
    --field-placeholder: #ADB2B8;

    --field-border-inactive:  #ADB2B8;
    --field-border-active:  var(--field-text);

    /* State colors */
    --state-success:  #00BC37;
    --state-error:  #FF5942;
    --state-danger:  #FACFBF;
    --state-inactive:  #ADB2B8;
    --state-active:  var(--field-text);

    /* Other colors */
    --color-black: #000;
    --color-white: #fff;
    --color-light-grey: #EFF3F5;
    --color-light-green: #70CACB;
    --color-lime: #84C98F;
    --color-teal-darker: #107273;

    /* Downn theme veriables */
    --color-base-text: var(--brand-primary);
    --color-base-background-1: var(--background-light-blue);
    --color-base-background-2: var(--background-light-blue);
    --color-base-solid-button-labels: var(--button-primary-text);
    --color-base-outline-button-labels: var(--button-secondary-text);
    --color-base-accent-1: var(--brand-primary);
    --color-base-accent-2: var(--brand-secondary);

    /*custom variables*/
    --border-faq-color: #70CACB;
}
.button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 16px;
    padding-right: 16px;
    border: 1px solid transparent;
    font-family: var(--font-primary);
    font-weight: 350;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    text-transform: unset;
    text-decoration: none;
    transition-property: border-color, background-color, color;
    transition-duration: 0.25s;
    transition-timing-function: ease-out;
    min-width: 223px;
    min-height: auto;
    border-radius: 50px;
    letter-spacing: normal;
}

.button--icon-left .button__icon {
    margin-right: 10px;
}

.button--icon-right .button__icon {
    margin-left: 10px;
}

.button--primary{
    background: var(--button-primary);
    color: var(--button-primary-text);
}


.button--primary path {
    fill: var(--button-primary-text);
}

.button--secondary{
    background: var(--background-white);
    color: var(--button-secondary-text);
    border: 1px solid var(--button-secondary-bordr);
}

.button--secondary path {
    fill: var(--button-secondary-text);
}

.button--tertiary{
    background: var(--button-tertiary);
    color: var(--button-tertiary-text);
    border: 1px solid var(--button-tertiary-bordr);
}
.button--tertiary path {
    fill: var(--button-tertiary-text);
}

.button--primary:hover path,
.button--secondary:hover path,
.button--tertiary:hover path {
    fill: var(--button-text-hover);
}

.button--primary:hover,
.button--secondary:hover,
.button--tertiary:hover{
    background: var(--button-hover);
    color: var(--button-text-hover);
    border: 1px solid var(--button-hover);
}


.message{
    color: var(--headline-primary);
    font-weight: 325;
    font-size: 14px;
    line-height: 1.6;
    border-radius: 2px;
    padding: 13px 56px 8px 37px;
    position: relative;
    min-width: 213px;
    display: inline-block;
}

.message__icon {
    position: absolute;
    left: 13px;
    top: 14px;
}

.message--generic {
    background: rgba(0, 162, 225, 0.24);
}

.message-success{
    background: #D9EACD;
}

.message-error{
    background: #FACFBF;
}
input.input {
    width: 320px;
    height: 48px;
    padding: 10px 15px;
    border-radius: 50px;
    border: 1px solid var(--field-placeholder);
    font-family: var(--font-primary);
    color: var(--field-border-active);
    font-weight: 325;
}

input.input::placeholder {
    font-size: 14px;
    line-height: 1.28;
    letter-spacing: 0.2px;
    color: var(--field-placeholder);
    font-weight: 325;
}

input:focus {
    border: 1px solid var(--field-border-active);
    color: var(--field-border-active);
}

input.input.error{
    border: 1px solid var(--state-error);
    position: relative;
}

.label{
    position: relative;
}

.label:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 19px;
}

.label--success-error:after{
    background: var(--state-error);
}

.label--success-text:after{
    background: var(--state-success);
}

.error-message{
    display: block;
    color: var(--state-error);
    font-weight: 325;
    font-size: 11px;
    line-height: 1.63;
}

.input--data{
    text-transform: uppercase;
}

.input[disabled]{
    background: #F8F8F8;
}
.radio[type=radio]:checked+::before {
    background: radial-gradient(var(--brand-primary) 0, var(--brand-primary) 40%,transparent 50%,transparent);
    border-color: var(--brand-primary);
}


.radio[type=radio]+::before {
    content: "";
    position: relative;
    top: 3px;
    display: inline-block;
    vertical-align: baseline;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #969696;
}

.radio[type=radio] {
    display: none;
}

[type=checkbox], [type=radio] {
    padding: 0;
    box-sizing: border-box;
}

.input-radio-group label {
    cursor: pointer;
    font-weight: 325;
    font-size: 14px;
    line-height: 22px;
}

.input-radio-group p{
    font-weight: 325;
    font-size: 11px;
    line-height: 18px;
    margin-left: 28px;
    margin-top: 7px;
}

.input-radio-group {
    margin-bottom: 26px;
}
.input-radio-group--paragraph{
    margin-bottom: 0;
}

.input-radio-group--paragraph--error label{
    color: var(--state-error);
}

.input-radio-group--paragraph--error p{
    color: #C6C6C6;
}


.input-radio-group--paragraph--error .radio[type=radio]:checked+::before{
    background: radial-gradient(var(--state-error) 0, var(--state-error) 40%,transparent 50%,transparent);
    border-color: var(--state-error);
}

.input-radio-group--paragraph--error .radio[type=radio]+::before{
    border: 1px solid var(--state-error);
}
textarea.textarea {
    resize: vertical;
    box-shadow: none;
}

textarea::placeholder {
    font-size: 14px;
    line-height: 1.28;
    letter-spacing: 0.2px;
    color: var(--field-placeholder);
    font-weight: 325;
}


.bn-landing-wrap{padding-top:50px; padding-bottom:50px; text-align: center;}
.container-bn{max-width:1200px; margin:0 auto; padding:0 15px}
.bn-landing-wrap h1{ text-align:center}

ul.calculators-list { display: flex;  list-style: none; margin: 40px -8px 40px; padding: 0; justify-content: center; border-top: 1px solid #D3D6D9; border-bottom: 1px solid #D3D6D9; padding: 30px 0;}
ul.calculators-list li { padding: 0 8px; margin:0;width: 16.66%; text-align: center;}
ul.calculators-list li a {  text-transform: uppercase; font-size:13px;     font-weight: 700; letter-spacing: 1.5px;font-family: Nunito; text-decoration: none; border: 1px solid #D3D6D9;border-radius: 50px;padding: 10px 15px;display: flex;margin: 0;transition: 0.5s ease all;height: 100%;align-items: center;justify-content: center;}
.bn-landing-feat{margin-top:40px}
.landing-feat-row {display: flex; align-items:center; justify-content: space-between;margin-bottom: 60px;flex-wrap: wrap;}
.landing-feat-img { width: 48%;}
.landing-feat-img img { max-width: 100%; width: auto; height: auto; display: block;border-radius: 14px;}
.landing-feat-content { width: 48%;  text-align: center; padding: 25px 15px;}
.landing-feat-content p{margin-bottom:25px;}
.landing-feat-wrap .landing-feat-row:nth-child(even) {flex-direction: row-reverse;}

.bn-calculator-wrap{padding-top:70px;}
.bn-calculator-head{text-align: center; margin-bottom:45px;  border-bottom: 1px solid #D3D6D9; padding-bottom:30px;}

.bmi-calc-wrap h3{text-align:center;}
.bmi-calc-wrap .bg-blue{background: rgba(127,191,190,0.6); margin:30px auto 70px; padding:30px; border-radius:14px;}
.bmi-calc-wrap .form { padding: 30px 0; max-width: 600px;  margin: 0 auto;}
.bg-round-w{background: #fff; border-radius: 14px; margin-bottom:15px; padding:30px; }
.bg-round-w.form-head {  padding: 15px 30px;}


.text-center{text-align:center;}
.bmi-calc-wrap .form label {display: block; text-align:center; margin-bottom: 4px; font-weight: 400; line-height: 20px; text-transform: initial; letter-spacing: initial; cursor: pointer; font-size: 14px;}

.bmi-calc-wrap .form .row { display: flex; flex-wrap:wrap; justify-content: space-between;}

.bmi-calc-wrap .form .row .col-6 {  width: 48%; margin-bottom:20px;}
.bmi-calc-wrap .form .button{margin-top:30px; text-transform: uppercase;}
.text-input { box-sizing: border-box; margin: 0; font-family: inherit !important;overflow: visible; display: block; height: 41px !important;  padding: 10px 12px !important; color: #000 !important; background: rgba(127,191,190,0.6);   border: none !important;  width: 100%; border-radius: 50px;}
.gender-radio { display: flex; align-items: self-end; }
.gender-radio label.container { width: 100%; background: #E3E2E2; transition:0.5s ease all; padding: 10px;margin-bottom: 0; border-radius:20px 0 0 20px;   display: block; position: relative; cursor: pointer;user-select: none;}
.gender-radio>div:last-child  label.container{border-radius:0 20px 20px 0px;}
.gender-radio input {position: absolute; opacity: 0; display:none; left:0}
.gender-radio input:checked~ label.container {background-color: rgba(127,191,190,0.6);}
.gender-radio>div {
    width: 50%;
}
.bg-round-w.form-head .row .col-6 {  margin: 0;}
.form .radio-wrapper .radio-input { display: none;}

.form .radio-wrapper label.radio-label {  margin: 0;  text-align: left; padding-left: 32px;min-height: 28px; line-height: 24px;}

.form .radio-wrapper  label.radio-label:before { content: "";width: 24px;  height: 24px; background: rgba(133,197,200,1); display: block; border-radius: 50%; position: absolute; left: 0; top:0}
.form .radio-wrapper label.radio-label:after{content: "";width: 16px;  height: 16px; background: #fff; display: block; border-radius: 50%; position: absolute; left: 4px; top:4px; opacity:0; visibility:hidden; transition:0.5s ease all;}
.form .radio-wrapper input:checked~ .radio-label:after{opacity:1; visibility:visible}
.form .radio-wrapper {  position: relative;}
div#result {text-align: center;}

.bm-interested_wrap{background:#f3f3f3; padding-top:40px; padding-bottom:40px; text-align:center;}
.bm-interested_wrap ul.calculators-list { display: flex; flex-wrap:wrap;  list-style: none; margin: 40px -8px 40px; padding: 0; justify-content: center; border-top: 1px solid #D3D6D9; border-bottom: 1px solid #D3D6D9; padding: 30px 0;}
.bm-interested_wrap ul.calculators-list li { padding: 0 8px; margin:0;width: 20%; text-align: center;}
.bm-interested_wrap ul.calculators-list li a {  text-transform: uppercase; font-size:13px; transition:0.5s ease all; background: #222121; color:#fff;     font-weight: 700; letter-spacing: 1.5px;font-family: Nunito; text-decoration: none; border: 1px solid #D3D6D9;border-radius: 50px;padding: 10px;display: flex;margin: 0;transition: 0.5s ease all;height: 100%;align-items: center;justify-content: center;}
.bmi-calc-wrap #basalForm { max-width: 100%; padding: 0;}
.bmi-calc-wrap #basalForm .bg-round-w { max-width: 600px;margin-left: auto; margin-right: auto;}
.bm-interested_wrap ul.calculators-list li a:hover{background:#95d6d6}

.form .questions {list-style: none; margin: 0;padding: 0;}

.form .questions li {display: flex;justify-content: space-between; margin-bottom: 15px; text-transform: initial;letter-spacing: initial; cursor: pointer; font-size: 14px; white-space: nowrap; align-items: center;}
.form .questions li input.text-input { min-width: 192px; max-width: min-content; }
.form .questions li label{margin:0; padding-right:21px}
.form .questions li .text-input{margin-left: 0;}
.questions .gender-radio{min-width: 192px;}
.form .buttons {
    display: flex;
    justify-content: space-between;
}

.form .buttons input[type=reset] {
    min-width: auto;
    min-width: 176px;
}

.form .buttons input[type=button] {
    width: 100%;     min-width: auto;
    margin-left: 21px;
}
.wl-answer_wrap{background:#f3f3f3; padding:40px 30px;   border-radius: 14px; margin-bottom:70px;}
.wl-answer_wrap h2{text-align:center;}
.wl-answer_wrap .answers{list-style: none;   padding: 0; }
.wl-answer_wrap .answers li {display: flex;justify-content: space-between; margin-bottom: 15px; text-transform: initial;letter-spacing: initial; cursor: pointer; font-size: 14px; white-space: nowrap; align-items: center;}
.wl-answer_wrap .answers li input.text-input { min-width: 192px; max-width: min-content; background:#f3f3f3; }
.wl-answer_wrap .answers li label{margin:0; text-align:left;}
.wl-answer_wrap .answers li label city{font-weight:400; opacity:0.5; font-size:12px; display:block}
.wl-message {
    border-top: 1px solid #D3D6D9;
    padding: 13px 0;
    margin-top: 25px;
}

.wl-message p {
    font-size: 12px;
    margin: 0;
}
.results.cardio-result {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}

.results.cardio-result>div {
    padding: 0 8px;
    width: 33.33%;
    text-align: center;
    font-size: 13px;
}

.results.cardio-result>div span {
    display: block;
    background: #f3f3f3;
    padding: 15px 10px;
    margin-top: 10px;
    border-radius: 40px;
    font-weight: 400;
}
.cnt{max-width:600px; margin:0 auto;}
.cnt h4{text-align:center; font-weight:400; text-transform: capitalize;}
.calc-container .custom-select {box-sizing: border-box; margin: 0; font-family: inherit;overflow: visible; display: block; height: 41px;  padding: 10px 12px; color: #000; background: #fff;   border: none;  width: 100%; border-radius: 12px;}

.input-group.input-group-lg.dist-select {
    margin-bottom: 22px;
}
.input-group.input-group-lg.time-cnt {background: #fff; display: flex;justify-content: center; align-items: center; border-radius: 12px;}

.input-group.input-group-lg.time-cnt .target-time { height: 40px; border: none;border-radius: 0;width: 40px;font-family: inherit;color: #000; background: #fff;}

.input-group.input-group-lg.time-cnt span.time-info { margin-right: 7%;}

.input-group.input-group-lg.time-cnt span.time-info.seconds { margin: 0;}
.cnt input[type=number]::-webkit-inner-spin-button,
.cnt input[type=number]::-webkit-outer-spin-button {  opacity: 1;}
.goal-pace { background: #f3f3f3; border-radius: 14px; margin-bottom: 70px;padding: 30px;}

.goal-pace .flex {max-width: 600px;margin: 0 auto; display: flex;align-items: center;justify-content: space-between;}

.goal-pace .flex h4 { margin-top: 0; padding: 0 10px;}

.invalid {
    border: 1px solid red;
    background-color: rgba(255, 0, 0, .1);
}

.info {
    display: block;
    color: tomato;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7em;
}
#gender-input.text-input { min-width: 192px; max-width: min-content;  }

.bmroutput-wrap{ background: #f3f3f3; border-radius: 14px; margin-bottom: 70px;padding: 30px;}
.bmroutput-wrap h2{text-align:center;}
.bmroutput-wrap ul{
    display: block;
    max-width: 600px; background:#fff; border-radius:14px; padding:30px;
    margin: 0 auto ;
}
.bmroutput-wrap ul li{list-style:none;display: flex;  justify-content: space-between; align-items:center; margin-bottom:15px;     font-weight: 400;
    line-height: 20px;
    text-transform: initial;
    letter-spacing: initial;
    cursor: pointer;
    font-size: 14px;
}

.bmroutput-wrap ul li div {
    max-width: 190px;
    background: #f3f3f3;
    width: 100%;
    border-radius: 50px;
    height: 41px;
    padding: 10px 15px;
}

.bmi-calc-wrap #macro-calculator-form  { max-width: 100%; padding: 0;}
.bmi-calc-wrap #macro-calculator-form .bg-round-w { max-width: 600px;margin-left: auto; margin-right: auto;}
#macro-calculator-form .questions li>label{width:50%; text-align:left; padding-right:20px;}

.b-type-w {
    display: flex;
    width: 100%;
    /* border-radius: 10px; */
    /* overflow: hidden; */
}

.b-type-w input[type="radio"] {
    display: none;
}

.b-type-w label.label {
    width: 33.33%;
    text-align: center;
    /* font-size: 14px; */
}

.b-type-w label.label .bg  {
    background: #E3E2E2;
    display: block; transition:0.5s ease all;
    padding: 10px 0;
}
.b-type-w label.label:checked, .b-type-w label.label.active  .bg{background-color: #7fbfbe99;}
.questions li .b-type-w label.label span.sub-text {
    background: transparent;
    font-size: 10px;
    white-space: normal !important;
}

.b-type-w label.label:first-child .bg  {
    border-radius: 20px 0 0 20px;
}

.b-type-w label.label:last-child .bg {
    border-radius: 0 20px  20px 0;
}

.b-type-w label.label.middle {
    border: 1px solid #fff;
    border-top: none;
    border-bottom: none;
}
.button-wr {
    display: flex;
    justify-content: space-between;
    max-width: 600px;
    margin: 0 auto 30px;
}
.group.bmroutput-wrap .bg-round-w {
    max-width: 600px;
    margin: 0 auto;
    padding: 30px;
}

.group.bmroutput-wrap .bg-round-w ul.answers {
    padding: 0;
    border-radius: 0;
}
.group.bmroutput-wrap .bg-round-w ul.answers .fiex {
    display: flex;
    justify-content: space-between;
    padding: 0;
    background: transparent;
}

.group.bmroutput-wrap .bg-round-w ul.answers .fiex>div {
    width: 48%;
    background: transparent;
    padding: 0;
}

.group.bmroutput-wrap .bg-round-w ul.answers .fiex>div .text-input {
    background: #f3f3f3; display: block; text-align:center;
}
#TotalText {
    height: 41px;
    border-radius: 50px;
    background: #f3f3f3;
    display: block; padding:10px;
    max-width: 191px;  text-align:center;
    width: 100%; border:none;
}
.group.bmroutput-wrap .buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 22px;
}
.calories-total {
    display: flex;
    margin-top: 20px;
    border-top: 1px solid #D3D6D9;
    padding: 15px 0;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.calories-total .text-input.calories {
    max-width: 191px;
    width: 100%;
    display: block;
    background: #efefef;
}
.bn-calculator-wrap .button--primary {
    background: #212121; text-transform: uppercase;
}

.bn-calculator-wrap .button--primary:hover {
    background: #95d6d6;
}
.p-black::-webkit-input-placeholder{color:#000 !Important}
.p-black::-moz-placeholder{color:#000 !Important}
.p-black:-ms-input-placeholder{color:#000 !Important}
.p-black::-ms-input-placeholder{color:#000 !Important}
.p-black::placeholder{color:#000 !Important}
.results.cardio-result>div {
    border-left: 1px solid rgba(127,191,190,.6);
}

.results.cardio-result>div:first-child {
    border: none;
}
.bmi-calc-wrap select.text-input{background-image:url(/cdn/shop/t/187/assets/down.png?v=1671521014);  appearance:none; background-size: 12px auto;
    background-position: center right;
    background-repeat: no-repeat;
    background-position: 95%; padding-right: 36px !important; }
.form .questions li .b-type-w label {
    padding: 0;
}
@media (max-width: 992px) {
    ul.calculators-list li{width:20%}
    ul.calculators-list li a{font-size:12px; }
    .bn-calculator-wrap {
        padding-top: 0 !important; /*40*/
    }
    .bn-calculator-wrap {
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    ul.calculators-list{flex-wrap:wrap;}
    ul.calculators-list li, .bm-interested_wrap ul.calculators-list li{width:33.33%; margin:5px 0;}

    .landing-feat-img { width: 100%;}
    .landing-feat-content { width: 100%; padding: 25px 0;}
    .landing-feat-row{margin-bottom:30px;}
    .wl-answer_wrap .answers li{white-space: inherit;}
}

@media (max-width: 580px) {
    ul.calculators-list li, .bm-interested_wrap ul.calculators-list li{width:50%;}
    .bmi-calc-wrap .form .row .col-6 {
        width: 100%;
        margin-bottom: 20px;
    }
    .bmi-calc-wrap .form .button { min-width: auto; max-width: 213px;  width: 100%;  display: block;  margin-left: auto; margin-right: auto;}
    .bg-round-w.form-head .row .col-6{margin-bottom:12px;}
    .form .questions li, .wl-answer_wrap .answers li {
        display: block;
        text-align: left;
    }

    .form .buttons {
        flex-direction: column-reverse;
    }

    .form .buttons input[type=button] {
        margin-left: 0;
    }
    .form .questions li label, .wl-answer_wrap .answers li label {
        margin-bottom: 5px;
    }
    .form .questions li input.text-input, .wl-answer_wrap .answers li input.text-input {
        min-width: 100%;
        max-width: 100%;
    }
    .form .questions li .text-input {
        margin-left: 0;
    }
    .results.cardio-result{justify-content: center;}
    .results.cardio-result>div {
        width: 100%;
        margin-bottom:13px;
    }
    .goal-pace .flex{flex-wrap:wrap; text-align:center; justify-content: center;}
    .bmroutput-wrap ul li {
        flex-direction: column;
        width: 100%;
    }
    .button-wr {
        flex-direction: column-reverse;
    }
    .group.bmroutput-wrap .buttons {
        flex-direction: column-reverse;
    }
    .group.bmroutput-wrap .buttons .button {
        margin: 10px auto;
        width: 100%;
    }
    .results.cardio-result>div{border:none}
    .form .questions li label{padding-right:0;}
}

.text-center.mb-40 {
    margin-bottom: 30px;
}

.bn-content h2, .bn-content h3 {
    margin: 30px auto;
}
.bn-content h4{margin-top:30px;}
.bn-content {
    margin: 50px auto 80px;
}


.bn-content table{font-family:var(--font-primary);margin:40px auto;width:100%!important;font-style:normal;font-weight:325; border:.5px solid #D3D6D9; border-collapse:collapse; font-size:14px;line-height:1;color:#414b56;}
.bn-content table tr{}
.bn-content table td{padding:10px;text-align:left; border:.5px solid #D3D6D9;}

.bn-calculator-wrap.conc, .bn-calculator-wrap.nopa {
    padding-top: 0;
}
@media (max-width: 640px) {
    .bn-calculator-head h1 br{display:none}
}
.bn-calculator-head.left {
    text-align: left;
}
.bn-calculator-head.right {
    text-align: right;
}
.rich-text__blocks.left {
    text-align: left;
}
.rich-text__blocks.right {
    text-align: right;
}
.image-with-text-section__content.left h3.image-with-text-section__heading, .image-with-text-section__content.left .image-with-text-section__text {
    text-align: left;
}
.image-with-text-section__content.right h3.image-with-text-section__heading, .image-with-text-section__content.right .image-with-text-section__text {
    text-align: right;
}


@media screen and (min-width: 750px) {
    .background-none .multicolumn-card__image-wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
.footer_newsletter_form .form-control {
    box-sizing: border-box;
    border-radius: 50px;
    padding: 0px 0px 0px 16px;
    height: 50px;
    text-align: left;
    color: rgb(0, 0, 0);
    font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(159, 159, 159);
    width: 100%;
    margin-bottom: 20px;
}
.footer_newsletter_form p{font-size: 16px;
    font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400; margin-bottom:20px; }
.footer_newsletter_form button.button {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.footer_newsletter_form {
    padding-bottom: 30px;
}

.footer_newsletter_form .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer_newsletter_form .row .form-control {
    width: 48%;
}
button.button-wishlist {
    padding: 0;
    background: transparent;
    text-align: center;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.button-wishlist span {
    cursor: pointer;
    font-size: 11px;
    line-height: 18px;
    color: var(--brand-primary);
    padding-right: 3px; font-family: var(--font-primary);
}
.button-wishlist:hover span{color:var(--brand-secondary);
}
button.button-wishlist .icon {
    width: 10px;
    height: auto;
    display: block;
}
button.button-wishlist svg {
    width: 16px;
}
.ProductList.ProductList--grid {
    display: flex;
    flex-wrap: wrap;
}
.product-row .card-wrapper {
    width: calc(33.33% - 24px);
    max-width: calc(33.33% - 24px);
    margin: 12px;
}

/* 21 - 02 - 2023  Spacing adjust*/
@media (max-width: 767px) {
    .multicolumn-card__info {
        padding: 0!important;
    }
    .rich-text__blocks>*+* {
        margin-top: 1rem !important;
    }
    #rich-text-template--14821293162570__9031f256-8a6c-42a1-abba-cc1c3b899b6e .rich-text {
        padding-top: 40px !important;
        padding-bottom: 10px !important;
    }
    #rich-text-template--14821293162570__2e45dd5f-34a6-4916-85cc-ab8f152c5b6e .rich-text {
        padding-top: 10px !important;
        padding-bottom: 20px !important;
    }
    #rich-text-template--14821293162570__587c662a-c348-4d77-bbbe-03f663f690f8 .rich-text {
        padding-bottom: 20px !important;
        padding-top: 30px !important;
    }
    #rich-text-template--14821293162570__fed6ab6a-886a-450d-8b79-100b95b9acca .rich-text {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    #shopify-section-template--14821293162570__15ec7979-6bc6-434e-bd03-b5973d985508 .multicolumn {
        margin-top: 40px !important;
        padding-top: 0 !important;
        margin-bottom: 0px !important;
    }
    .multicolumn .title-wrapper-with-link {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }
    .bmi-calc-wrap .bg-blue {
        margin-bottom: 0 !important;
    }
    .bn-calculator-wrap {
        padding-top: 0 !important; /*40*/
    }
    .image-with-text-section-main .image-with-text-section__content {
        padding-top: 20px !important;
        padding-bottom: 0 !important;
    }
    .bn-calculator-wrap .bn-content {
        margin-top: 0 !important;
    }
    .wl-answer_wrap {
        margin-top: 30px !important;
        margin-bottom: 0 !important;
    }
    .bn-calculator-head {
        margin-bottom: 0 !important;
    }
    .goal-pace {
        margin-top: 30px !important;
        margin-bottom: 10px !important;
    }
    .bmroutput-wrap {
        margin-top: 30px !important;
        margin-bottom: 10px !important;
    }
    .bn-calculator-head + .bmi-calc-wrap {
        margin-top: 30px !important;
    }
    .image-with-text-section__text p {
        font-size: 14px !important;
    }
}



.form .buttons {
    flex-direction: column-reverse;
}

.form .buttons input[type=button] {
    margin-left: 0;
}
.form .questions li label, .wl-answer_wrap .answers li label {
    margin-bottom: 5px;
}
.form .questions li .text-input {
    margin-left: 0;
}
.results.cardio-result{justify-content: center;}
.goal-pace .flex{flex-wrap:wrap; text-align:center; justify-content: center;}
.bmroutput-wrap ul li {
    flex-direction: column;
    width: 100%;
}
.button-wr {
    flex-direction: column-reverse;
}
.group.bmroutput-wrap .buttons {
    flex-direction: column-reverse;
}
.group.bmroutput-wrap .buttons .button {
    margin: 10px auto;
    width: 100%;
}
.results.cardio-result>div{border:none}
.form .questions li label{padding-right:0;}
}

.text-center.mb-40 {
    margin-bottom: 30px;
}

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

.select-dropdown {
    display: none;
}

.collection-row {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.mobile-show {
    display: none;
}

section.product-wrap.colllection-wrap.CollectionMain {
    padding: 40px;
}

.collection-sidebar {
    margin-right: 65px;
    width: 270px;
}

.c-head {
    display: none;
}

div#ProductGridContainer {
    width: calc(100% - 335px);
}

div#AjaxinateContainer {
    display: flex;
    flex-wrap: wrap;
    margin: 10px auto;
    margin-bottom: 2rem;
    margin-left: -1rem;
}

.product-row  .card-wrapper {
    width: calc(33.33% - 24px);
    max-width: calc(33.33% - 24px);
    margin: 12px;
}
.pagination-wrapper{width:100%;}
.collapse-headers {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 325;
    font-size: 12px;
    line-height: 17px;
    color: #001722; cursor:pointer;
    text-transform: capitalize;
    position: relative;
    background: transparent;
    border: none;
    display: block;
    width: 100%;
    text-align: left;
}


.collapse-headers::before { content: ""; width: 14px; height: 2px; background-color: #000; position: absolute; top: 50%;transform: rotate(90deg); right: 0;}
.collapse-headers:after {content: "";width: 14px;height: 2px; background-color: #000; position: absolute;transform: rotate(0deg); top: 50%; right: 0;}
.collapse-headers.active::before{opacity: 0;}
.Collapsible.Collapsible--padded {
    margin: 0;
    padding: 20px 0;
    border-top: 1px solid #e3e3e3;
    position: static;
    width: 100%;
}
.Collapsible__Content {
    margin-top: 15px;
}
.Collapsible__Content .Linklist { padding: 0; margin: 0;list-style: none;}

.Collapsible__Content .Linklist__Item input {display: none;}
.Collapsible__Content .Linklist__Item {margin:7px 0px 6px; vertical-align: top;  line-height: 24px;}
.Collapsible__Content .Linklist__Item label {font-family: var(--font-primary); font-style: normal;font-weight: 325; font-size: 12px;line-height: 17px;color: #000; padding-left: 30px; position:relative;}

.Collapsible__Content .Linklist__Item label:before{/*content:""; display: block; width: 13px; height: 13px; border: 1px solid #95D6D6; border-radius: 50%;position: absolute;left: 0;top: 2px; */ border: 1px solid rgba(0,0,0,.2);
    content:"";  width: 15px;
    height: 15px;
    background: 0 0;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;}
.Collapsible__Content .Linklist__Item input:checked+label:after {
    content: "";
    width: 9px;
    height: 6px;
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    background: 0 0;
    -ms-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 2px;
    left: 3px;
}


.price-range {
    display: flex;
    flex-direction: column-reverse;
}

.price-range__input-group {
    display: flex;
    align-items: center;
    margin-bottom:20px;
}

.price-range__input {
    width: calc(50% - 15px);
    margin-bottom:10px;
}
.Collapsible__Inner {
    width: 100% !important; display:none;
}
.price-range__input input{
    position: relative;
    width: 100%;
    height: 36px;
    float: left;
    margin: 0 ;
    padding: 1px 5px;
    line-height: 24px;
    border: 1px solid #e3e3e3;
    clear: none;
    min-height: auto;
    min-width: auto;
    text-align: center;
}
/* Chrome, Safari, Edge, Opera */
.price-range__input input::-webkit-outer-spin-button,
.price-range__input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.price-range__input input[type=number] {
    -moz-appearance: textfield;
}

.price-range__delimiter {
    float: left;
    font-size: 14px;
    line-height: 1;
    width: 30px;
    text-align: center;
    margin-bottom: 10px;
}

.price-range__range-group {
    position: relative;
    -webkit-margin-after: 30px;
    margin-block-end: 30px;
}



@media not screen and (any-hover: hover) {
    /* On non-touch device the thumb are bigger so we need to adjust the spacing */
    .price-range {
        -webkit-padding-before: 7px;
        padding-block-start: 7px;
    }
}

input{color:inherit;font:inherit;margin:0;}
input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;border-radius:0;}
input::-moz-placeholder{color:inherit;}
input:-ms-input-placeholder{color:inherit;}
input::placeholder{color:inherit;}
body:not(.is-tabbing) input:focus{outline:none;}
.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;}
.range-group{height:2px;
    background:linear-gradient(to right,var(--border-color) var(--range-min),rgba(var(--text-color-rgb),.7) var(--range-min),rgba(var(--text-color-rgb),.7) var(--range-max),var(--border-color) var(--range-max)); border-radius:4px;}
.range-group .range{/*pointer-events:none;*/height:2px;vertical-align:top;}
.range-group .range:last-child{position:absolute;inset-block-start:0;inset-inline-start:0;}
.price-range__range-group{position:relative;-webkit-margin-after:20px;margin-block-end:20px;}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 1px solid #3D4246;
    background: #fff;
    font-weight: 400;
    color: #eb5d0b;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    top: -9px;
}

.ProductList.ProductList--grid {
    display: flex;
    flex-wrap: wrap;
}

/*
* RANGE ELEMENT
* Styling range are pretty complex as each browsers has their own way to do it
*/

/* First we revert the styling of range elements */

.range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; /* Hides the slider so that custom slider can be made */
    width: 100%; /* Specific width is required for Firefox. */
    background: transparent; /* Otherwise white in Chrome */
}

.range::-webkit-slider-thumb {
    -webkit-appearance: none;
}

/* Chrome and Safari */

.range::-webkit-slider-thumb {
    position: relative;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    border: none;
    background: var(--text-color);
    cursor: pointer;
    margin-top: 0px;
    z-index: 1;
}

.range::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: var(--border-color);
    border-radius: 4px;
    border: none;
}

/* Firefox */

.range::-moz-range-thumb {
    height: 10px;
    width: 10px;
    border-radius: 100%;
    border: none;
    background: var(--text-color);
    cursor: pointer;
}

.range::-moz-range-progress,
.range::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    border-radius: 4px;
    border: none;
}

.range::-moz-range-progress {
    background-color: rgba(var(--text-color-rgb), 0.7);
}

.range::-moz-range-track {
    background-color: var(--border-color);
}

/* On non-hover devices, we make the thumb bigger */

@media not screen and (any-hover: hover) {
    .range::-webkit-slider-thumb {
        height: 18px;
        width: 18px;
        margin-top: 0px;
    }

    .range::-moz-range-thumb {
        height: 20px;
        width: 20px;
    }
}

/* Range group (when using double range, we need to rely on some clever trick) */



.range-group .range {
    pointer-events: none;
    height: 2px;
    vertical-align: top;
}

.range-group .range::-webkit-slider-runnable-track {
    background: none;
}

.range-group .range::-webkit-slider-thumb {
    pointer-events: auto;
}

.range-group .range::-moz-range-progress,
.range-group .range::-moz-range-track {
    background: none;
}

.range-group .range::-moz-range-thumb {
    pointer-events: auto;
}

.range-group .range:last-child {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
}

.filter-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

h2.filter-h {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: normal;
}

.filter-hide {
    font-weight: 325;
    font-size: 12px;
    line-height: 17px;
    color: #107273;
    text-decoration: underline;
    cursor: pointer;
}

#main-collection-filters button {
    width: 175px;
    height: 37px;
    border-radius: 50px;
    font-weight: 350;
    font-size: 14px;
    line-height: 22px;
    text-transform: none;
    background: #414B56;
    padding: 8px 0;
    border: navajowhite; cursor:pointer;
    color: #fff;
}
#main-collection-filters button svg {
    position: static;
    width: 16px;
    height: 16px;
    stroke: none;
    vertical-align: top;
    display: inline-block;
}
#main-collection-filters button path {
    fill: #fff;
}
#main-collection-filters button span{
    display: inline-block;
    line-height: 18px;
    vertical-align: top;
    margin-left: 8px;
    color: #fff;}
div#main-collection-filters {
    position: sticky;
    top: 98px;
    z-index: 2;
    background: #fff;
}
@media (max-width: 1299px) {
    div#main-collection-filters {
        top: 93px;
    }
}
.collection-row.slide .collection-sidebar {
    left: -100%;
    width: auto;
    display: none;
}
.collection-row.slide div#ProductGridContainer {
    width: 100%;
}
.filter-hide-m, .collection-sidebar .show-m{display:none}

.footer_newsletter_form .form-control {
    box-sizing: border-box;
    border-radius: 50px;
    padding: 0px 0px 0px 16px;
    height: 50px;
    text-align: left;
    color: rgb(0, 0, 0);
    font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(159, 159, 159);
    width: 100%;
    margin-bottom: 20px;
}
.footer_newsletter_form p{font-size: 16px;
    font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400; margin-bottom:20px; }
.footer_newsletter_form button.button {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.footer_newsletter_form {
    padding-bottom: 30px;
}

.footer_newsletter_form .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer_newsletter_form .row .form-control {
    width: 48%;
}
.close-search{display:none}

p.sc-jNHqnW.khgKBI {
    border-radius: 4px;
    margin-top: 16px;
    padding: 16px;
    font-size: 14px;
    border: 1px solid;
}




/* bariatric page css*/

/* affiliate-program css */




.health-conceners-wrap{ padding-top: 36px;}
.health-conceners-wrap h1 { color: #000; font-size: 48px; line-height: 1.2em;margin-top: 0; text-align: center; font-family: Nunito;font-weight: 900; padding-bottom: 15px;border-bottom: 1px solid #919da9;}
.health-conceners-wrap p{font-family: Nunito; padding:0 50px; text-align: center; margin: 0; margin-bottom:30px;}
.health-conceners-wrap .bg-green {background-color: #eff7f7; font-family: Nunito; margin:35px auto 40px; padding: 20px; padding-top: 20px; text-align: center;}
.health-conceners-wrap .bg-green p { font-family: Nunito; text-align: center; padding:0; margin: 0; margin-bottom:25px}
.health-conceners-wrap .bg-green p:last-child{margin:0}
.tab-teaser{margin-bottom:72px;}
.tab-menu>ul {  list-style: none;  margin: 0; padding: 0; display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center;-ms-flex-pack: center; justify-content: center;}
.tab-menu>ul>li>a { color: #000;width: 100%;font-size: 18px; border-radius: 30px; padding-top: 15px;padding-bottom: 12px;font-family: Nunito;font-weight: 700; display: block;padding: 12px 20px;background: #f0f2f3; text-decoration: none;}
.tab-menu>ul>li {flex: 1 1 0%; text-align: center; margin: 15px;}
.tab-menu>ul>li>a.active, .tab-menu>ul>li>a:hover { color: #fff;background: #4a4a4a;}
.tab-box { display: none; padding:15px;}
.tab-content {background-color: #f6f6f6; padding:1px;}
.tab-content p{font-family: Nunito; padding-left: 50px; padding-right: 50px;margin-bottom: 30px;text-align: left;}

.img-slide  .swiper-slide {
    height: auto;
}
.similar-pro {
    margin-top: 40px;
}

.img-slide .swiper-slide img {
    max-width: 100%;
    height: auto;
    display: block;
}
.similar-pro-slide .swiper-pagination {
    position: relative;
    margin-top: 20px; bottom:auto;
}
.similar-pro-slide .swiper-pagination {
    position: relative;
    margin-top: 20px;
}

.similar-pro-slide .swiper-pagination .page-n.swiper-pagination-bullet {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 4px;
    font-size: 12px;
    border-radius: 2px;
    border: 1px solid transparent;
    background: transparent;
}

.similar-pro-slide .swiper-pagination .page-n.swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 1px solid;
    border: 1px solid #d5ddea;
    font-weight: 700;
}

.similar-pro-slide  .img-slide  .swiper-pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50% !important;
    margin: 3px;
    padding: 0!important;
    min-height: initial!important;
    transition: transform .2s linear;
    border: none;
    opacity: .5;
    min-width: initial;
    box-shadow: initial;
    background-blend-mode: multiply;
    mix-blend-mode: exclusion;
}

.similar-pro-slide  .img-slide  .swiper-pagination-bullet.swiper-pagination-bullet-active { transform: scale(1.4);  opacity: 1;}

.similar-pro-slide  .img-slide .swiper-pagination {
    position: relative; margin:0; bottom:auto;
}
.img-slide {
    margin-bottom: 22px;
}

.similar-pro-slide {
    text-align: center;
}
.similar-pro-slide {
    text-align: center;
}
.similar-pro-slide h3{
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 15px;
    text-transform: initial;}

.similar-pro-slide h3 a {text-decoration: none;color: var(--brand-primary); font-size: 18px;     font-weight: 350; font-family: var(--font-primary);}
.similar-pro-slide .swiper-wrapper{height:auto;}
.similar-pro-slide p { margin-bottom: 15px; font-family: Nunito; font-size: 16px; flex: 1 1 0%; color:rgba(var(--color-foreground), 0.75)}
.similar-pro-slide .button.button--primary { width: 100%; min-width:100%;  background-color: #85c4c8; color: #000; width: 100%; font-size: 16px; border-radius: 30px;  padding-top: 12px; padding-bottom: 12px;font-family: Nunito;}
.similar-pro-slide .button.button--primary:hover{background-color: #4a4a4a; color: #fff;}
.similar-pro-slide .swiper-slide {
    display: flex;
    flex-direction: column;
    height: inherit;
    justify-content: space-between;
}




/* subscribe page css*/
.bn-subscribe-wrap{padding-bottom:49px;}
.subscribe-head { padding: 30px 0 60px; border-bottom: 1px solid #919da9; margin-bottom: 30px; text-align: center;}
.subscribe-head h1 { color: #000; font-family: Nunito;font-size: 48px;margin-bottom: 0; font-weight: 900; line-height: 1.2em; margin-top: 0;text-align: center;}
.subscribe-content{max-width:1120px; padding: 0 15px; margin:0 auto;}
.subscribe-content h3 { font-family: Nunito; font-size: 23px; font-weight: 700; text-align: center;  color: #001722;  margin-bottom: 45px;}
.subscribe-content p {font-family: Nunito;font-size: 16px; margin-top: 0; margin-bottom: 30px; font-weight: 400; line-height: 1.6em; padding-bottom: 10px; padding-left: 10px;}
.subscribe-content .animation h3{font-family: Nunito; font-size: 23px; font-weight: 600;  margin-top: 0; margin-bottom: 25px; padding-top: 10px; padding-bottom:10px;}
.animation:hover {
    animation-name: pf-pulse;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes pf-pulse{
    25% {
        transform: scale(1.1);
    }

    75% {
        transform: scale(.9);
    }

}

.subscribe-content .bg-head {margin-bottom: 25px;  text-align: center;background-color: #e9e9e9; padding-top: 10px; padding-bottom: 10px;}

.subscribe-content .bg-head h4 {  margin: 0; font-size: 23px; font-family: Nunito;font-weight: 600;}
.subscribe-content .bg-gray {padding: 5px 30px 10px 10px;  background-color: #f8f8f8; margin-bottom: 30px;}
.subscribe-content .bg-gray p {  margin: 0; padding: 0;}
.subscribe-content .bg-gray ul { list-style: none;margin: 0;  padding-left: 33px;}
.subscribe-content .bg-gray ul li {font-family: Nunito;font-size: 16px;font-weight: 400;line-height: 1.6em; margin: 0;}
.subscribe-content img{width:100%; display:block; max-width:100%; margin-bottom:25px;}
.subscribe-content img~.bg-gray {
    padding: 30px;
    margin-bottom: 50px;
}

.bn-bariatric-head{ padding: 36px 0 47px; border-bottom: 1px solid #919da9; margin-bottom: 30px;text-align: center;}
.bn-bariatric-head h1{   color: #000;  font-family: Nunito; font-size: 48px; margin-bottom: 0; font-weight: 600;  line-height: 1.2em; margin-top: 0; text-align: center;}
.bn-bariatric-wrap h6 { font-family: Nunito;font-size: 18px;font-weight: 700;text-align: center; margin-bottom: 30px; margin-top: 0;}
.bn-bariatric-row {display: flex;  justify-content: space-between; margin: 0 -15px;}
.bn-bariatric-content { padding: 0 15px;width: 50%;}
.bn-bariatric-img { padding: 0 15px;width: 50%;}
.bn-bariatric-img img {  width: 100%;max-width: 100%; display: block; border-radius: 15px;}
.bn-bariatric-content p { font-family: Nunito; text-align: left; line-height: 27px; margin-top: 0;  margin-bottom: 25px;}
.bn-bariatric-list h6{font-family: Nunito;font-size: 18px;font-weight: 700;text-align: center; margin-bottom: 30px; margin-top: 0;}
.bn-bariatric-list .bn-pro-la-list{margin-top:50px;}
.bn-bariatric-list {  margin-top: 90px;}
.bn-bariatric-list .bn-pro-la-list li {width: 20%;}



.cost-wrap{margin-bottom:77px;}
.bg-head.light-head {background:#f3f3f3}
.bg-head.light-head h2 {font-weight: 325;}
.bg-head.light-head.text-bold h2 {font-weight: 600;}
.bg-head.light-head p{    max-width: 1170px; padding: 0 15px; margin: 27px auto 25px;  text-align: left; line-height: 25px;
    font-family: Nunito;letter-spacing: .3px; padding-bottom: 10px;}
.bg-head.light-head p:last-child{margin-bottom:0}
.cost-wrap h6 { color: #000; font-family: Nunito; font-size: 20px; margin-bottom: 30px;margin-top: 36px; font-weight: 700; text-align: center; border-bottom: 1px solid #919da9; padding-bottom: 30px;}
.cost-wrap  p{    text-align: left; margin-bottom:25px;  line-height: 25px; padding-right: 30px; letter-spacing: .3px;font-family: Nunito;}
.expect-suegery-wrap .row { display: flex; justify-content: space-between;  flex-wrap: wrap;  margin: 0 -15px 60px;}
.expect-suegery-content { width: 50%; padding: 15px;}
.expect-suegery-content p{ text-align: left; margin-bottom:25px;  line-height: 25px; padding-right: 30px; letter-spacing: .3px;font-family: Nunito;}
.expect-suegery-img { width: 50%; padding: 15px;}
.expect-suegery-img img {  max-width: 100%; width: 100%;  display: block; border-radius: 15px;}
.nutritional-gastric-wrap p{text-align: left; margin-bottom:25px;  line-height: 25px; padding-right: 30px; letter-spacing: .3px;font-family: Nunito;}
.nutritional-gastric-wrap .bg-head.light-head { margin-bottom: 36px;}
.nutritional-gastric-wrap { margin-bottom: 76px;}
.container-bn-1170{max-width:1170px; margin:0 auto;}

.gastric-guid-wrap h1 {color: #000;  font-family: Nunito; font-size: 48px;margin-bottom: 0;font-weight: 900;  line-height: 1.2em; margin-top: 0; text-align: center;}

.gastric-guid-wrap { margin-top: 43px;margin-bottom: 80px;}

.gastric-guid-wrap .bn-pro-la-list li { width: 16.66%;  padding: 15px;}

.gastric-guid-wrap p { text-align: center; letter-spacing: .3px; margin-bottom: 25px;}

.gastric-guid-wrap ul.bn-pro-la-list { margin-bottom: 70px;}

.gastric-feat { display: flex; flex-wrap: wrap;  margin: 0 -15px;  align-items: center;}
.gastric-feat .gastric-feat-content {width: 50%; padding: 15px;}
.gastric-feat-img { width: 50%;   padding: 15px;}
.gastric-feat-img img {max-width: 100%; width: 100%;  display: block;  border-radius: 15px;}
.gastric-feat-content h4 {color: #000;  font-family: Nunito; font-size: 20px;margin-bottom:36px; margin-top: 0;  font-weight: 700; padding-bottom: 16px; border-bottom: 1px solid #919da9; }
.gastric-feat-content p { text-align: left;line-height: 25px; padding-right: 30px; letter-spacing: .3px; font-family: Nunito;margin-bottom: 24px;}
.gastric-feat-content li { font-size: 15px; font-family: Nunito;}
.gastric-feat-content p:last-child { margin-bottom: 10px;}

.considerations-gastric-wrap .bg-green { background-color: #eff7f7; font-family: Nunito; margin-top: 35px; padding: 1px 20px;}
.considerations-gastric-wrap .bg-green p { text-align: left;line-height: 25px;padding-right: 30px;letter-spacing: .3px;font-family: Nunito; margin-bottom: 24px;}
.considerations-gastric-wrap .bg-green p:last-child {margin-bottom: 10px;}
.considerations-gastric-wrap { margin-bottom: 84px;}
.sugar-dry-wrap .bg-head.light-head p{margin-top:0; text-align:center}
.gastric-type-wrap h3{color: #000; font-family: Nunito; font-size: 20px; margin-bottom: 0;margin-top: 0;  font-weight: 700; text-align: left;  padding-bottom: 15px;}
.gastric-type-wrap li{font-size:15px; margin-bottom:10px}
.gastric-type-wrap .container-bn { margin-top: 35px;  margin-bottom: 30px;}
.gastric-type-wrap p{    font-family: Nunito;  font-size: 16px;margin-top: 0;  margin-bottom: 16px; line-height: 25px;}
.gastric-type-row {display: flex; margin: 0 ; flex-wrap: wrap;}
.gastric-type-content { width: 50%;  padding: 15px;}
.gastric-type-content h4 {  color: #000; font-family: Nunito; font-size: 20px;  margin-bottom: 0; margin-top: 0; font-weight: 700; padding-bottom: 16px; border-bottom: 1px solid #919da9;margin-bottom: 36px;}
.gastric-type-content ul{padding:10px;}
.gastric-type-wrap { padding-bottom: 29px;}
.gastric-candidate-wrap{margin-bottom:70px;}
.gastric-candidate-wrap .bg-head.light-head{margin-bottom:60px;}
.gastric-candidate-wrap  h4{    color: #000; font-family: Nunito;font-size: 20px;margin-bottom: 40px; margin-top: 0;font-weight: 700;  text-align: center;}
.gastric-candidate-wrap li{font-size:15px;}
.nutritional-gastric-wrap.short-term li {
    font-size: 15px;
}
#comparison-to-procedures .gastric-feat-content li {
    font-size: 16px;
    font-family: var(--font-primary);
    font-weight: 325;
    font-size: 16px;
    line-height: 1.5;
}
.bariatric-guid-wrap  h1 {color: #000;  font-family: Nunito; font-size: 48px;margin-bottom: 0;font-weight: 600;  line-height: 1.2em; margin-top: 0; text-align: center;}

.bariatric-guid-wrap  { margin-top: 43px;margin-bottom: 80px;}

.bariatric-guid-wrap  .bn-pro-la-list li { width: 16.66%; }

.bariatric-guid-wrap  p { text-align: center; letter-spacing: .3px; margin-bottom: 25px;}
.bariatric-guid-wrap  h3{font-family: Nunito; text-align: center; font-size: 22px;  margin-bottom: 15px;  letter-spacing: 1px;font-weight: 600;}

.final-step-wrap  h4 {font-family: Nunito; text-align: center; font-size: 30px; margin-bottom: 0; letter-spacing: 1px; padding-bottom: 20px; padding-top: 0;  font-weight: 600;}
.final-step-row { display: flex; flex-wrap: wrap;}
.final-step { width: 33.33%;   padding: 15px;}
.final-step h3 { color: #000;  font-family: Nunito;font-size: 20px; margin-bottom: 36px; margin-top: 0; font-weight: 600; text-align: center;padding-bottom: 16px; border-bottom: 1px solid #919da9;}
.final-step p {  padding-right: 0;}
#medical-tests-before-wls h3 {    color: var(--brand-primary); font-family: Nunito; text-align: center;font-size: 30px; margin-bottom: 10px;letter-spacing: 1px;padding-bottom: 20px;  padding-top: 0;font-weight: 600;}

.psychological-wrap h3 { font-family: Nunito; text-align: center; font-size: 30px;margin-bottom: 37px; letter-spacing: 1px; padding-bottom: 20px;  padding-top: 10px; font-weight: 600;}
.psychological-row { display: flex; flex-wrap: wrap;}
.single-psychological {width: 25%; padding: 0 15px; text-align: center;}
.single-psychological img { max-width: 100%;height: auto; display: block;   border-radius: 15px;}
.single-psychological p {  font-family: Nunito; font-size: 16px; margin-top: 0; margin-bottom: 16px;line-height: 25px; border-top: 1px solid #919da9;  padding-top: 36px; margin-top: 16px;}
.psychological-wrap { margin-bottom: 90px;}
#pre-surgery-diet .single-psychological p{    font-family: Nunito; font-size: 18px;  margin-bottom: 16px;  line-height: 25px; font-weight: 600;}
.pre-surgery-footer {background-color: #eff7f7; font-family: Nunito;margin-left: 0;margin-right: 0;margin-top: 60px;display: flex;flex-wrap: wrap;}
.pre-surgery-footer .heading { padding: 15px;  width: 42.5%;}
.pre-surgery-footer .pre-surgery-list { padding: 15px; width: 57.5%;}
.pre-surgery-footer .heading h5 { text-align: center;  margin: 0; font-size: 20px; padding-bottom: 20px;letter-spacing: .6px;font-weight: 400; padding-top: 10px;font-family: Nunito;}

.Preparing-footer { background-color: #eff7f7;font-family: Nunito;margin-left: 0;margin-right: 0; margin-top: 20px; margin-bottom:48px; display: flex; flex-wrap: wrap;}

.Preparing-footer .heading { width: 16.6%;  padding: 15px;}

.Preparing-footer .pre-surgery-list {width: 83.4%;  padding: 15px;}

.Preparing-footer .pre-surgery-list p {font-size:16px; color:#000; margin-top:0; margin-bottom: 16px; letter-spacing: normal;}

.Preparing-footer .heading h5 {color: #000; font-family: Nunito; font-size: 20px; margin-bottom: 30px; margin-top: 0; font-weight: 600; text-align: center;}

.medical-wrap p{padding-right:0}
.medical-wrap h4 { color: #000; font-family: Nunito; font-size: 20px;  margin-bottom: 40px;margin-top: 36px; font-weight: 700; text-align: center; border-bottom: 1px solid #919da9; padding-bottom: 23px;}


.psychological-wrap.schedule-wrp h4 { font-family: Nunito; text-align: center; margin-bottom: 37px; padding-bottom: 20px; font-size:18px; letter-spacing: 1px;  padding-top: 10px; }
.psychological-wrap.schedule-wrp .single-psychological{width:20%;}
.appointments-wrap p.text-center {
    text-align: center;
}
.appointments-wrap p{padding: 0 30px;}
.appointments-wrap .pre-surgery-footer{margin-top:47px; margin-bottom:20px;}
.post-nutration-wrap .bg-head.light-head p:first-of-type {
    margin-top: 0;
}


.surgery-stage h4 {color: #000;font-family: Nunito; font-size: 20px;margin-bottom: 0; margin-top: 0;font-weight: 700;text-align: center;padding-bottom: 16px; margin-bottom: 36px;border-bottom: 1px solid #919da9;}
.surgery-stage-row { display: flex; margin:0 -15px; flex-wrap: wrap; align-items: center;}
.surgery-stage-content { width: 50%; padding: 15px;}
.surgery-stage-img {  width: 50%; padding: 15px;}

.surgery-stage-img img {  max-width: 100%;  display: block; width: 100%; border-radius: 15px;}
.surgery-stage-content p { font-family: Nunito; font-size: 16px; margin-bottom: 16px;margin-top: 0; line-height: 25px;}
.surgery-stage-head p { font-family: Nunito; font-size: 16px; margin-top: 0; padding:0; margin-bottom: 21px; line-height: 25px; text-align: center;}

#nutrition-after-surgery .container-bn .surgery-stage:first-of-type .surgery-stage-img {
    margin-top: 24px;
}
#nutrition-after-surgery .container-bn .surgery-stage:nth-of-type(2)  .surgery-stage-row{

    align-items: flex-start;

}
.surgery-table {width: 100%; border: 1px solid rgba(34,36,38,.15); overflow-x: auto;  padding: 10px; font-family: Nunito;}
.surgery-table table th { background: #f9fafb;font-weight: 700; padding: 1em; border: 0.1rem solid rgba(var(--color-foreground), 0.2);text-align: left; min-width: 50px;}
.surgery-table table { width: 100%;}
.surgery-table table td { min-width: 50px;}
.surgery-stage {margin-bottom: 15px;}
.surgery-stage-content.w-100 {
    width: 100%;
}
.bariatric-guid-wrap.postbariatric-guid h3{font-weight:350;}


.bariatric-guid-wrap.bariatricband-guid h1{font-weight:900;}
.bariatric-guid-wrap.bariatricband-guid ul.bn-pro-la-list{margin-bottom:74px;}
.bariatric-guid-wrap.bariatricband-guid ul.bn-pro-la-list li {  margin: 7.5px 0; width: 20%;}
div#band .bg-head.light-head, #much .bg-head.light-head {margin-bottom: 60px;}
#much.nutritional-gastric-wrap p {padding-right:0; letter-spacing:normal}
.nutritional-gastric-wrap.nutritional-gastric-wrap-center p {text-align: center;padding-right: 30px;  padding-left: 30px;}
.nutritional-gastric-wrap  .bg-green { background-color: #eff7f7; font-family: Nunito; margin-top: 57px; padding: 1px 0px 1px  20px;}
.nutritional-gastric-wrap  .bg-green p { margin-bottom: 10px;}

#exercise p {line-height: 25px;  padding-right: 30px;  letter-spacing: .3px; font-family: Nunito; text-align: center;}

.psychological-row.exercise-row {margin:0 -15px; margin-top: 40px;}


.psychological-row.exercise-row .single-psychological {   width: 33.33%; margin-bottom: 40px;}

.psychological-row.exercise-row .single-psychological h3 { font-family: Nunito; text-align: center;font-size: 20px; margin-bottom: 0;letter-spacing: 1px;margin-top: 0; font-weight: 325;  padding: 0;}

.exercise-row  .single-psychological img {  border-radius: 20px; margin-bottom: 30px;}

#exercise .psychological-row.exercise-row .single-psychological p {margin-top: 16px; padding-top: 16px; text-align: left;}
.nutritional-gastric-wrap p.text-center {text-align: center;}
.ship-faq-wrap ul ul{list-style:disc;     padding-left: 20px;
    margin: 10px 0;}
.ship-faq-wrap ul ul li{border:none}

.bariatricSleeve-guid ul.bn-pro-la-list li {  margin: 7.5px 0; width: 16.66%;}
.bariatricSleeve-guid h1{font-weight:900}
#sleeve p {  font-family: 'Gotham Rounded';}
#comparison-to-procedures .gastric-feat-content h4 {text-align: center;}
#comparison-to-procedures .gastric-feat-content li{font-size:16px;}
#comparison-to-procedures .gastric-feat-content ul { padding: 10px; list-style-position: inside;list-style-type: disc; font-family: Nunito;  margin: 0;}
.nutritional-gastric-wrap.short-term h4 { color: #000; font-family: Nunito; font-size: 20px;  margin-bottom: 0; margin-top: 0; font-weight: 700; text-align: center; border-bottom: 1px solid #919da9; padding-bottom: 30px; margin-bottom: 39px;}
.psychological-row.surgery-row .single-psychological { width: 33.33%;}

.psychological-row.surgery-row .single-psychological h3 { font-family: Nunito; text-align: center; font-size: 25px;line-height: 1.2; font-weight: 350; letter-spacing: normal;margin-bottom: 15px; margin-top: 5px;}

.psychological-row.surgery-row .single-psychological p { margin-top: 15px; padding-top: 15px;padding: 15px 30px 0 30px;}
#surgery .gastric-feat-content {width: 65%;}

#surgery .gastric-feat-img { width: 35%;}
.pre-exercise-footer{    background-color: #eff7f7; font-family: Nunito; margin-left: 0; margin-right: 0; margin-top: 20px;  display: flex;  flex-wrap: wrap;}
.pre-exercise-content {width: 50%;padding:  15px;}
.pre-exercise-content h5 {line-height: 25px; padding-left: 30px;  padding-right: 30px; letter-spacing: .3px; font-weight: 700;  font-size: 18px;  text-align: center; font-family: Nunito;}
#exercise .pre-exercise-content p{text-align:left; padding-left:30px;}
.gastric-exercise h3{line-height: 25px; padding-left: 30px; padding-right: 30px;letter-spacing: .3px; font-weight: 700; font-size: 18px; text-align: center;font-family: Nunito;}

#long li {  font-family: Nunito; font-size: 15px;}

.pre-advantage-footer { background-color: #eff7f7; font-family: Nunito;  margin-left: 0; margin-right: 0; margin-top: 20px; display: flex;  flex-wrap: wrap;}

.pre-advantage-content {  width: 50%;  padding: 15px;}
.pre-advantage-content h5 { text-align: left; line-height: 25px;  font-family: Nunito; padding-left: 30px; padding-right: 30px; letter-spacing: .3px;  font-size: 16px;  color: var(--brand-primary);  font-weight: bold;}
.pre-advantage-content p{padding-left:30px;}
.pre-advantage-content li { font-size: 15px;}
#advacntage .bg-head.light-head p, div#advantages-disadvantages .bg-head.light-head p {
    text-align: center;
    margin-top: 0;
}
.sleeve-fo {
    padding: 30px 0;
}

.sleeve-fo p {
    margin-bottom: 0;
}
.product-top-wrap button.button-wishlist {
    justify-content: flex-end;
}
div#post-surgery-diet .gastric-feat-img img {
    max-width: 100px;
    margin: 0 auto;
    display: block;
}

div#post-surgery-diet .gastric-feat-content {
    width: 63%;
}

div#post-surgery-diet .gastric-feat-img {
    width: 36%;
}
div#post-surgery-diet .gastric-feat {
    align-items: flex-start;
}
@media (max-width: 1200px) {
    div#ProductGridContainer {
        width: 100%;
    }
    .collection-row.slide .collection-sidebar{left:0; width: 100%;  display: block;}
    .collection-sidebar {
        margin-right: 0;
        width: 100%;
        position: fixed;
        height: calc(100vh - 93px);
        z-index: 4;
        background: #fff;
        top: 93px;
        left: -100%;
        transition:0.5s ease all;
        padding: 0;
        overflow-y: auto;
        padding-bottom: 120px;
    }
    .CollectionInner__Sidebar.hidden-pocket {
        padding: 0 15px;
    }
    .filter-head {
        display: flex;
        align-items: center;
        height: 40px;
        position: sticky;
        top: 0;
        z-index: 2;
        background: #fff;
    }
    h2.filter-h {
        font-size: 16px;
        line-height: 20px; margin:0;
        text-transform: inherit;
    }
    a.filter-hide {
        margin: 0;
        display: none;
    }
    .filter-hide-m{display:block}
    .filter-hide-m span.boost-pfs-filter-close:before {
        content: "";
        border: solid black;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        left: 15px;
        top: 15px;
        bottom: auto;
        width: auto;
        height: auto;
    }
    .collapse-headers {
        font-size: 16px;
        line-height: 25px;
    }
    .Collapsible.Collapsible--padded{padding: 12px 0;}
    .Collapsible__Content .Linklist__Item label{font-size:14px; line-height:22px;}

    span.boost-pfs-filter-close {
        font-size: 0;
    }

    .collection-sidebar .show-m {
        display: flex;
        justify-content: center;
        background: #ffffff;
        width: 100%;
        position: fixed;
        bottom: 0;
    }

    .collection-sidebar .show-m a {
        margin: 0;
        background: #ffffff;
        border: 1px solid black;
        border-radius: 50px!important;
        max-width: 335px;
        margin: 30px auto;
        font-family: var(--font-primary);
        font-style: normal;
        font-weight: 350;
        font-size: 14px;
        line-height: 48px;
        letter-spacing: .5px;
        color: #3f4245;
        height: 50px;
        width: 100%;
        text-align: center;
        text-decoration: none;
        z-index: 3;
    }
    .filter-hide-m {
        min-width: 65px;
    }



    .filter-head div {
        min-width: 65px;
        display: block !important;
    }
    .new-product-la-wrap h1{font-size:40px;}
    .professional-benefits-img{width:37%}
    .professional-benefits-content{width:63%}
}
@media (max-width: 1200px) {
    .gastric-guid-wrap .bn-pro-la-list li{padding:15px 3px;}
    .bn-pro-la-list{margin-left:-3px; margin-right:-3px;}
}
@media (max-width: 992px) {
    div#product-grid {
        max-width: 700px;
        margin: 0 auto;
    }
    .product-row .card-wrapper {
        max-width: calc(50% - 24px);
        margin: 12px;
        width: calc(50% - 24px);

    }
    .contact-head h1, .page-head h1{font-size:40px;}
    .contact-head, .page-head{padding-bottom:45px; margin-bottom:45px;}
    .contact_row{margin:74px auto 90px;}
    .contact-form{padding:30px;}
    .contact-content-top p{padding:0 10px; margin:0}

    .wls-banner-content h2{font-size:26px;}
    .wls-banner-content p{font-size:20px;}
    .bn-pro-la-list li { width: 33.33%; margin: 5px 0;}
    .single-member{width:50%;}
    .bn-about-jacqui-img { width: 50%;}
    .bn-about-jacqui-content { width: 47%;}
    .bn-about-bariatric-img {width: 48%;}
    .bn-about-bariatric-content { width: 48%;}
    .single-vision{width:50%}
    .wl-Journey-row .item { padding:  15px; width: 50%;}
    .bn-bariatric-list .bn-pro-la-list li, .gastric-guid-wrap .bn-pro-la-list li, .bariatric-guid-wrap .bn-pro-la-list li {
        width: 33.33%;
    }
    .gastric-guid-wrap h1, .bariatric-guid-wrap h1{font-size:40px;}
    .Preparing-footer .heading, .Preparing-footer .pre-surgery-list {width: 50%;}
    .pre-surgery-footer .heading,  .pre-surgery-footer .pre-surgery-list {width: 50%;}
    .single-psychological{width:50%; margin-bottom:40px;}
    .pre-surgery-footer{margin-top:20px;}
    .psychological-wrap.schedule-wrp .single-psychological {
        width: 50%;
    }
    .psychological-wrap.schedule-wrp .single-psychological:last-child{width:100%;}
    .psychological-row.exercise-row .single-psychological{width:50%}
    .psychological-row.exercise-row .single-psychological:last-child{width:100%;}
    .bariatric-guid-wrap.bariatricband-guid ul.bn-pro-la-list li, .bariatricSleeve-guid ul.bn-pro-la-list li{width:33.33%}
    .Preparing-footer{align-items:center}
    #nutrition-after-surgery .container-bn .surgery-stage:first-of-type .surgery-stage-img{margin-top:0}
    table:not([class]){font-size:1.2rem}
}
@media (max-width: 767px) {

    .contact_row{flex-wrap:wrap; margin-top:0}
    .contact-content {width: 100%;}
    .contact-form{width:100%; margin-top:30px;}
    .contact-content-top h3{font-size:18px;}

    .wls-banner-img {width: 100%;}
    .wls-banner-img img { position: relative;}
    .wls-banner-content {width: 100%; padding: 50px 30px;}
    .wls-card {padding: 15px; width: 100%; margin-bottom: 12px;}
    .wls-feat-wrap{padding-bottom:65px;}
    .wls-special-item { width: 50%;}
    .new-product-la-wrap h1{font-size:30px;}
    .product-la-row{padding:40px 0;}
    .product-la-img {width: 100%;}
    .product-la-content {
        width: 100%;
        padding: 30px 0 0;
    }
    .shipping_wrap p{padding-left:10px; padding-right:10px;}
    .page-c .btn-group .button{width:100%; padding:15px 20px;}
    .professional-benefits-img{width:100%}
    .professional-benefits-content{width:100%; padding:15px 35px;}
    .professional-benefits-row {margin-bottom:0; margin-top:0; padding-left:0}
    .professional-benefits-content ul li{font-size:14px;}
    .professional-benefits-content ul li:before{top:2px;}

    .customer.login input.input { max-width: 320px; width: 100%;}

    .customer .button--primary {max-width: 320px; width: 100%;}
    /*   .bariatric-wrap p {
        text-align: center;
        margin-top: 40px;
        font-size: 20px;
        word-break: break-all;
    } */
    .affiliate-program-wrap h1{font-size:30px;}
    .affiliate-how-it-work-content { width: 100%;  margin-bottom: 30px;}
    .affiliate-how-it-work-img { width: 100%;}
    .bn-about-jacqui-img { width: 100%;}
    .bn-about-jacqui-content { width: 100%; margin-top:30px;}
    .bn-about-bariatric-img {width: 100%;}
    .bn-about-bariatric-content { width: 100%; margin-top:30px;}
    .bn-about-purpose-img {width: 100%;}
    .bn-about-purpose-content { width: 100%; margin-bottom:30px;}
    .bn-about-head h1{font-size:30px;}
    .bn-about-jacqui-row-top .bn-about-jacqui-content { width: 100%; margin-top:0; margin-bottom:30px;}

    .bn-community-wrap h1{font-size:30px;}
    .bn-community-row{flex-wrap:wrap; padding-bottom:33px;}
    .bn-community-img{width:100%;}
    .bn-community-content{width:100%; margin-top:30px;}
    .bn-community-single-evenet{width:100%;}
    .health-conceners-wrap h1, .bn-blog-wrap h1{font-size:30px;}
    .tab-content p, .health-conceners-wrap p{padding:0 10px;}

    .bn-blog-row .bn-single-blog{width:100%;}
    .bn-blog-row .bn-single-blog p{text-align:left;}
    .bn-blog-wrap .bg-green, .bn-blog-wrap .bg-green p { text-align: left;}

    .wl-Journey-row .item { padding:  15px; width:100%;}
    .story-form{padding:15px;}
    .story-form-row .w-50 {
        width: 100%;
    }
    .subscribe-content img~.bg-gray{padding:15px;}
    .subscribe-content{padding:0}
    .subscribe-head h1 {font-size: 25px;}
    .bn-bariatric-head h1{font-size:36px;}
    .bn-bariatric-row{flex-wrap:wrap;}
    .bn-bariatric-content{width:100%;}
    .bn-bariatric-img{width:100%; margin-top: 50px;}
    .bn-bariatric-list { margin-top: 60px;}
    .gastric-guid-wrap .bn-pro-la-list li, .bariatric-guid-wrap .bn-pro-la-list li {
        width:50%; padding-top:0; padding-bottom:0;
    }
    .gastric-guid-wrap ul.bn-pro-la-list {
        margin-bottom: 55px;
    }
    .gastric-guid-wrap h1, .bariatric-guid-wrap h1{font-size:36px;}

    .gastric-guid-wrap {
        margin-top: 43px;
        margin-bottom: 40px;
    }
    .gastric-candidate-wrap h4, .cost-wrap h6 {
        font-size: 16px;}
    .gastric-candidate-wrap .bg-head.light-head {
        margin-bottom: 35px;
    }
    .bg-head.light-head h2{font-size:25px;}
    .gastric-type-content {
        width: 100%;
        padding: 15px;
    }
    .gastric-feat-img , .gastric-feat .gastric-feat-content{
        width: 100%;
        padding: 15px;
    }
    .expect-suegery-content, .expect-suegery-img{width:100%;}
    .bariatric-guid-wrap h3{font-size:18px;}
    /*   .expect-suegery-content p, .cost-wrap p, .nutritional-gastric-wrap p{padding-right:0} */
    .Preparing-footer .heading, .Preparing-footer .pre-surgery-list {width: 100%;}
    .Preparing-footer .heading h5 {
        font-size: 16px;
        margin-bottom: 2px;
    }
    div#medical h3{font-size:25px;}
    .psychological-wrap h3{font-size:20px;}
    .pre-surgery-footer .heading,  .pre-surgery-footer .pre-surgery-list {width: 100%;}
    .single-psychological{width:100%;}
    .final-step-wrap h4{font-size:20px;}
    .final-step{width:100%;}
    .bg-head{padding-left:15px; padding-right:15px;}
    .psychological-wrap.schedule-wrp .single-psychological{width:100%;}
    .psychological-wrap {
        margin-bottom: 15px;
    }
    .surgery-stage-content{width:100%; padding-left:15px; padding-right:15px;     margin-bottom: 30px;}
    .surgery-stage-img{width:100%; padding-left:0; padding-right:0;}
    .surgery-stage h4{font-size:16px;}
    .psychological-row.exercise-row .single-psychological{width:100%}
    .bariatric-guid-wrap.bariatricband-guid ul.bn-pro-la-list li, .bariatricSleeve-guid ul.bn-pro-la-list li{width:50%}
    .bariatric-guid-wrap.bariatricband-guid ul.bn-pro-la-list{margin-bottom:40px;}
    .psychological-row.surgery-row .single-psychological{width:100%;}
    #surgery .gastric-feat-content {
        width: 100%;
    }
    #surgery .gastric-feat-img {
        width: 100%;
    }
    .pre-exercise-content {
        width: 100%;
        padding: 15px;
    }
    .pre-advantage-content {
        width: 100%;
        padding: 15px;
    }
    div#post-surgery-diet .gastric-feat-content {
        width: 100%;
    }

    div#post-surgery-diet .gastric-feat-img {
        width: 100%;
    }

}
@media (max-width: 640px) {
    .product-row .card-wrapper {
        max-width: 100%;
        width: 100%;
        margin: 12px 0;
        padding: 10px 0 14px;
    }
    .bn-pro-la-list li{width:100%;}
    .faq_head h1{font-size:30px;}
    .single-member{width:100%;}
    .member-img {
        padding-top: 0;
    }
    .member-img img {
        position: relative;
    }
    .single-vision{width:100%}
    .bn-bariatric-list .bn-pro-la-list li {
        width: 100%;
    }
    .gastric-guid-wrap .bn-pro-la-list li, .bariatric-guid-wrap .bn-pro-la-list li {
        width:100%
    }
    .gastric-guid-wrap h1{font-size:36px;}
    .bariatric-guid-wrap.bariatricband-guid ul.bn-pro-la-list li, .bariatricSleeve-guid ul.bn-pro-la-list li{width:100%}
}


button.button-wishlist {
    padding: 0;
    background: transparent;
    text-align: center;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.button-wishlist span {
    cursor: pointer;
    font-size: 11px;
    line-height: 18px;
    color: var(--brand-primary);
    padding-right: 3px; font-family: var(--font-primary);
}
.button-wishlist:hover span{color:var(--brand-secondary);
}
button.button-wishlist .icon {
    width: 10px;
    height: auto;
    display: block;
}
button.button-wishlist svg {
    width: 16px;
}

/* button.button-wishlist:after {
    content: "";
    font-family: "swym-font";
  font-size: 13px;
      color: #001722 !important;
} */

.pro-notification {
    max-width: 300px;
    background: #fff;
    box-shadow: 0 6px 10px 4px #c7ccce4d;
    position: fixed;
    bottom: -100%; transition:0.5s ease all;
    left: 0;
    z-index: 2;
    padding: 22px 15px;
}
.pro-notification.show{bottom:50px;}
.pro-notification>div{ position: relative;}
.close-noti svg {
    width: 100%;
}
.close-noti {
    max-width: 16px; cursor:pointer;
    position: absolute;
    right: -5px;
    top: -5px;
}
button.button-wishlist svg {
    cursor: pointer;
}


.search__input {
    width: 241px;
    height: 40px;
    padding: 10px 15px 10px 50px!important;
    border-radius: 50px;
    border: 1px solid var(--field-placeholder);
    font-family: var(--font-primary);
    color: var(--field-border-active);
    font-weight: 325;
    font-size: 0.875rem;
}
.search__input.field__input:focus{padding: 10px 15px !important; padding-left: 50px !important;}

@media screen and (max-width: 1420px) and (min-width: 1300px) {
    .header__search{
        margin-right: 0;
    }
    .search__input {
        width: 150px;
        padding: 4px 4px 4px 20px!important;
    }
    .field button.search__button.field__button{
        padding: 0;
        width: 3.4rem;
    }
}

button.search__button.field__button {
    position: absolute;
    background: 0 0;
    border: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    line-height: 0;
    padding: 0 20px;
}

button.search__button.field__button>svg {
    width: auto;
    height: auto;
}
div#WebPixelsManagerSandboxContainer {
    display: none;
}
@media (max-width: 480px){
    .b-type-w label.label .bg{font-size:8px;}
}


div#AjaxinatePagination {
    text-align: center;
}

iframe#podium-bubble {
    bottom: 48px !important;
}






.customer.address {
    padding: 0 5rem;
}

.customer.address a {
    font-size: 1rem;
}

.customer.address hr.hr--small {
    margin: 2rem 0;
    /* border: 1px solid #000; */
}


.add-from .grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 0;
}

.add-from .f-label {
    font-size: 14px;
    display: block;
    margin-bottom: 8px;
}

.add-from .input-full {
    width: 100%;
    height: 48px;
    padding: 10px 15px;
    border-radius: 50px;
    border: 1px solid var(--field-placeholder);
    font-family: var(--font-primary);
    color: var(--field-border-active);
    font-weight: 325;
    margin-bottom: 21px;
    font-size: 16px;
}

.add-from .grid .grid__item{
    padding-bottom: 0;
}

.bariatric-Webinars-wrap h1 {
    color: #000;
    font-family: Nunito;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2em;
    margin-top: 0;
    text-align: center;
    border-bottom: 1px solid #919da9;
    padding: 16px 0;
    margin-bottom: 30px;
}

.bariatric-Webinars-wrap .container-bn {
    max-width: 1170px;
}
.bariatric-Webinars-wrap .light-bg {
    background: #eff7f7;
    text-align: center;
    padding: 15px; margin-bottom:15px;
}

.bariatric-Webinars-wrap .light-bg p {
    font-family: Nunito;
    margin-bottom: 25px;
}
.bariatric-Webinars-wrap .light-bg p:last-child{margin-bottom:0}
.container {
    padding: 0 2.5rem;
}

.webinars-row {
    display: flex;
    flex-wrap: wrap;
    margin: 15px -15px 0;
}

.single-webinars {
    width: 33.33%;
    margin-bottom: 54px;
    padding: 15px;
    text-align: center;
}

.single-webinars .img img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.single-webinars .img {
    margin-bottom: 10px;
    display: block;
}

.single-webinars p {
    font-family: Nunito;
}

.single-webinars .watch {
    text-align: center;
    font-family: var(--font-primary);
    font-weight: 325;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10px;
    text-decoration: underline;
}

.objectives-webinar {
    display: flex;
    margin: 0 -15px;
    flex-wrap: wrap;
}

.objectives-webinar-img {
    width: 41.7%;
    padding: 15px;
}

.objectives-webinar-img img {
    max-width: 100%;
    display: block;
}

.objectives-webinar-content {
    padding: 15px;
    width: 58.3%;
}
.objectives-webinar-content p {
    font-family: Nunito;
}
.container-bn.container-1170 {
    max-width: 1170px;
}
.objectives-webinar-content ul li {
    font-family: Nunito;
    font-size: 15px;
}

.webinar-acc .collapse {
    font-weight: 700;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #ebebeb;
    padding: 15px;
    color: #000;
    background: #eee;
    text-align: center;
    font-family: Nunito;
    font-size: 18px;
    position: relative;
}
.webinar-acc .collapse::before {content: "";width: 11px;height: 3px;background-color: #000;position: absolute;top: 18px;transform: rotate(90deg);right: 12px;}
.webinar-acc .collapse:after {content: "";width: 11px;height: 3px; background-color: #000; position: absolute;transform: rotate(0deg); top: 18px; right: 12px;}
.webinar-acc .collapse.active::before{opacity: 0;}

.webinar-acc .collapse-content {
    padding: 30px 0; display:none; width:100% !important;
}

.webinar-acc .collapse-content p {
    text-align: center;
}

.collapse-content .form-box {
    position: relative;
    transition: box-shadow .25s,-webkit-box-shadow .25s;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
    max-width: 600px;
    margin: 30px auto;
    padding: 30px;
}
.collapse-content .form-box form#ContactForm {
    width: 100%;
    background: transparent;
    padding: 0;
    border-radius: 0;
    text-align: left;
}


.collapse-content .form-box h3 {
    font-size: 26px;
    margin-bottom: 2rem;
    font-weight: 600;
    line-height: 1.5;
    color: #000;
}

.collapse-content .form-box .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.collapse-content .form-box .row .form-group {
    width: 50%;
    margin-bottom: 1.5rem;
    padding: 0 5px;
}

.collapse-content .form-box .row .form-group label {
    display: block;
    margin-bottom: 4px;
    font-weight: 400;
    line-height: 20px;
    text-transform: initial;
    letter-spacing: initial;
    font-size: 14px;
    font-family: Nunito;
}

.collapse-content .form-box .row .form-control {
    width: 100%;
    height: 41px;
    padding: 10px 12px;
    color: #000;
    background-color: #f1f1f1;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);
    border-radius: 20px;
    border: none;
}
.collapse-content .form-box .row textarea.form-control{height:71px;}

.collapse-content .form-box h4 {
    font-size: 19px;
    font-weight: 600;
    width: 100%;
    margin-bottom: 1.5rem;
    margin-top: 0;
}
.collapse-content .form-box .row .form-group.w-100 {
    width: 100%;
}
.collapse-content button.action.submit.button.button--primary {
    background-color: rgba(143,201,202,1);
    font-family: Nunito;
    font-weight:normal;
    color: #000000;
    min-width: 100px;
    padding: 11px 22px;
    border: 1px solid rgba(143,201,202,1);
}
.collapse-content button.action.submit.button.button--primary:hover{box-shadow: 0 3px 8px 0 rgba(0,0,0,.17);
    filter: brightness(110%);}


/* new login page css */
.bn-login-wrapper {
    padding-top: 36px;
}
.bn-login-wrapper h1 {
    color: #000;
    font-size: 33px;
    line-height: 1.2em;
    margin-top: 0;
    text-align: center;
    font-family: Nunito;
    font-weight:700;
    padding-bottom: 15px;
    border-bottom: 1px solid #919da9;
}
.bn-login-wrapper .bg-green {
    background-color: #eff7f7;
    margin: 35px auto 40px;
    padding: 45px 25px;
}
.bn-login-wrapper .bg-green ol{margin:0}
.bn-login-wrapper .bg-green ol li{margin-bottom:10px;}
.bn-login-wrapper .bg-green ol li:last-child{margin-bottom:0}
.shopify-policy__container { margin: 50px auto;}

@media (max-width: 1400px){
    .single-webinars .watch{font-size:14px;}
}
@media (max-width: 992px){
    .customer.address .m-grid>.grid__item {
        max-width: 100%;
        width: 100%;
    }
    .customer.address {
        padding: 0 2rem;
    }
    .bariatric-Webinars-wrap h1{font-size:40px;}
}
@media (max-width: 767px){
    .customer.address .grid__item {
        max-width: 100%;
        width: 100%;
    }
    .customer.address {
        padding: 0 2rem;
    }
    .objectives-webinar-img, .objectives-webinar-content{width:100%;}
    .single-webinars{width:100%; margin-bottom:12px;}
    .single-webinars .watch{font-size:14px;}
    .bariatric-Webinars-wrap h1{font-size:30px;}
    .collapse-content .form-box .row .form-group{width:100%;}
    .collapse-content .form-box{padding:15px;}
    .webinar-acc .collapse:after, .webinar-acc .collapse:before{right:5px;}

    .bn-login-wrapper .bg-green {
        background-color: #eff7f7;
        margin: 35px auto 40px;
        padding: 30px 25px;
    }
}

.jjk {
    margin: 0;
}
@media screen and (min-width: 1300px) {
    .jjk {
        padding-top: 40px;
    }
}
.__pf_9lJetbWn .pf-139_ [data-pf-type="Accordion.Header"], .__pf_9lJetbWn .pf-226_ [data-pf-type="Accordion.Header"], .__pf_9lJetbWn .pf-270_ [data-pf-type="Accordion.Header"] {
    padding-right: 35px !important;
}
#shopify-section-template--14716209594442__1688021030de98336e .apps-section__container{padding:0 !important}



.btn-sec{border: 1px solid #64CCC9; background:#fff; color: #64CCC9;text-align: center;font-size: 16px;font-style: normal;font-weight: 350;text-transform: uppercase;}

/* Recipe listig page css*/
.recipe-listing-banner{/*background:url(recipe-listing-banner.jpg) no-repeat center; background-size:cover; min-height:335px; padding-top:60px; padding-bottom:60px;*/ position:relative}
.recipe-listing-banner h4{color: rgba(255, 255, 255, 0.90);font-family:var(--font-primary);font-size: 16px;font-weight: 325;line-height: normal;text-transform: uppercase; margin-top:0; margin-bottom:10px;}
.recipe-listing-banner h1{font-size: 48px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; color:#fff; margin-top:0; margin-bottom:20px;}
.recipe-listing-banner>img{width:100%; height:auto; display:block;     min-height: 335px;object-fit: cover;}
.recipe-listing-banner .breadcrumbs a {font-size: 14px;font-weight:325; color: #fff;}
.recipe-listing-banner .breadcrumbs span {font-size: 14px;font-weight:350; color: #fff;}
.recipe-listing-banner .container {
    position: absolute;
    left: 0;
    width: 100%;
    top: 60px;
}
.recipe-listing-banner .mobile-show{display:none !important;}

.recipe-listing-wrapper{padding-top:80px;}
.recipe-listing-row{display:flex; justify-content:space-between}
.recipe-sidebar{width:255px;}
.recipe-cat h3 { margin: 0; padding: 20px 0; color: #001722; font-family: Gotham Rounded; font-size: 24px; font-style: normal; font-weight: 350; line-height: normal; text-transform: capitalize;}
.recipe-cat {padding-bottom: 20px; border-bottom: 1px solid rgba(0, 23, 34, 0.20);}
.recipe-cat ul{list-style:none; padding:0; margin:0;}
.recipe-cat ul li{ font-size:16px; margin-bottom:20px; }
.recipe-cat ul li a{display:flex; justify-content:space-between; color: rgba(0, 23, 34, 0.80); text-decoration:none}
.recipe-cat ul li a.active{color: #70CACB; font-weight:350;}
.recipe-cat .recipe-filter{display:flex; flex-wrap:wrap;}
.recipe-cat .recipe-filter li {display: inline-flex; margin-right:10px;}
.recipe-cat .recipe-filter li:last-child{margin-right:0;}
.recipe-cat .recipe-filter li a {text-decoration: none;  color: rgba(0, 23, 34, 0.90); font-weight: 325; font-size: 16px;border-radius: 50px; border: 0.7px solid rgba(0, 23, 34, 0.30);background: #FFF; padding: 7px 10px; display: block;}
.recipe-cat .recipe-filter li a.active{background: #64CCC9; border-color:#64CCC9; color:#fff;}

.c-checkbox input[type="checkbox"] { display: none;}

.c-checkbox .Link{padding-left: 42px; min-height: 22px; cursor:pointer;  margin-bottom: 20px; display: block; position: relative; color: rgba(0, 23, 34, 0.50); font-size: 16px; font-weight: 325; text-transform: capitalize;}
.c-checkbox .Link:before, .check-filter li a:before {content: "";width: 22px; height: 22px;border: 1px solid rgba(0, 23, 34, 0.70);background: #FFF; display: block; position: absolute; left: 0; top: 0;}
.c-checkbox .Link:after, .check-filter li a:after{content:''; width:14px; height:14px; background:url(check.svg)no-repeat center; background-size:cover;  position: absolute;  left:4px; top:4px; opacity:0; visibility:hidden; transition:0.5s ease all; display:block;}
.c-checkbox input:checked+label.Link, .recipe-cat .check-filter li a.active{color:#64CCC9; font-weight: 350;}
.c-checkbox input:checked+label.Link:before, .recipe-cat .check-filter li a.active:before{background: #64CCC9; border-color: #64CCC9;}
.c-checkbox input:checked+label.Link:after, .recipe-cat .check-filter li a.active:after{opacity:1; visibility:visible}
.recipe-cat .check-filter li{margin-bottom: 20px; display: block; position: relative; color: rgba(0, 23, 34, 0.50); font-size: 16px; font-weight: 325; text-transform: capitalize;}
.recipe-cat .check-filter li a{color: rgba(0, 23, 34, 0.50); padding-left: 42px; min-height: 22px;}


.recipe-wrap{width:calc(100% - 255px); padding-left:60px;}
.seach-recipe {max-width: 282px; width: 100%; margin-left: auto; border-radius: 24.5px; border: 1px solid rgba(0, 23, 34, 0.05); background: #FFF; box-shadow: 0px 6px 8px 0px rgba(0, 23, 34, 0.08); padding: 2px 4px; overflow: hidden; margin-bottom: 40px;}
.seach-recipe form{display: flex;}
.seach-recipe input.form-control { width: 100%; height: 36px; border: none; border-radius: 0; color: rgba(0, 23, 34, 0.50);font-size: 12px; font-weight: 325; padding: 5px 15px;}
.seach-recipe button.search { width: 36px;height: 36px; border-radius: 50%; background: #70CACB;border: none;min-width: 36px; color: #fff; display: flex; align-items: center;justify-content: center;}
.seach-recipe button.search svg path {fill: #fff;}

.btn-sec:hover{background: #64CCC9; color:#fff;}

.recipe-test-wrap{margin:120px 0 100px;}
.recipe-test-row{display:flex; flex-wrap:wrap; justify-content:space-between}
.recipe-test-left{width:408px;}
.recipe-test-left h4{color: #64CCC9;font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: uppercase; margin-top:0; margin-bottom:10px;}
.recipe-test-left h2{color: #001722;font-size: 32px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize;margin-top:0;  margin-bottom:30px;}
.recipe-test-left p{color: rgba(0, 23, 34, 0.50); margin-top:0; font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;}
.recipe-test-left .btn-arrow{display:flex; margin-top:40px;}
.recipe-test-left .btn-arrow a{width: 54px;height: 54px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; background:#64CCC9;}
.recipe-test-left .btn-arrow a img{display:block}
.recipe-test-left .btn-arrow a~a{margin-left:20px;}
.recipe-test-right{width:52%}
.recipe-testimonial{margin:0}
.recipe-testimonial .item{ padding:15px 0 15px 20px;    position: relative; }
.recipe-testimonial .item-inner{border-radius: 10px;border: 1px solid rgba(0, 23, 34, 0.05);background: #B8E2E3;box-shadow: 0px 4px 4px -3px rgba(20, 33, 45, 0.07); padding:40px 50px 40px 100px;}
.recipe-testimonial .quote{border-radius: 8px; position:absolute; top:0; left:0; background: #001722; width:70px; height:70px; color: #FFF;font-size: 37.143px;font-style: normal;font-weight: 400;line-height: normal; display: flex; align-items: center; justify-content: center;}
.recipe-testimonial .rating{display:flex; flex-wrap:wrap; margin-bottom:30px;}
.recipe-testimonial .rating span+span{margin-left:5px;}
.recipe-testimonial p{color: #001722;font-size: 24px;font-style: normal;font-weight: 350;line-height: normal; margin-top:0; margin-bottom:30px;}
.recipe-testimonial .meta{color: rgba(0, 23, 34, 0.50);font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: capitalize; margin-bottom:10px;}
.recipe-testimonial h6{color: #001722;font-family: Gotham Rounded;font-size: 16px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize;}
.recipe-blog-footer{margin-bottom:120px}
.recipe-blog-footer h6{color: #64CCC9;font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: uppercase; margin-top:0;; margin-bottom:10px;}
.recipe-blog-footer h2{color: #001722;font-size: 32px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; margin-top:0}

.recipe-blog-footer-row { margin-top: 60px;display: flex;align-items: center; justify-content: space-between;}

.recipe-blog-footer-img { width: 46%;}
.recipe-blog-footer-content {  width: 54%; padding-left: 120px;}
.recipe-blog-footer-img img { max-width: 100%;}
.recipe-blog-footer-content .tag {  border-radius: 12.5px; margin-bottom:20px;  background: #001722; color: rgba(255, 255, 255, 0.80); font-size: 12px;font-weight: 325;   padding: 7px 11px;  display: inline-block;}
.recipe-blog-footer-content h4{color: #001722; font-size: 24px;font-style: normal;font-weight: 350;line-height: normal; margin-top:0; margin-bottom:30px;}
.recipe-blog-footer-content p{color: rgba(0, 23, 34, 0.50);;font-size: 16px;font-style: normal;font-weight: 325;line-height: normal; margin-top:0; margin-bottom:30px;}
.recipe-blog-footer-content a{color: #64CCC9;font-size: 16px;font-style: normal;font-weight: 350;line-height: normal;text-decoration-line: underline;text-transform: uppercase;}

.recipe-testimonial .slick-dots { position: relative; bottom: auto; margin: 0 auto;}

.recipe-testimonial .slick-dots li {width: 10px; height: 10px;background: #B8E2E3; border-radius: 50%; opacity: 0.5;}

.recipe-testimonial .slick-dots li.slick-active { opacity: 1;}

.recipe-testimonial .slick-dots li button { display: none;}

/* Recipe Detail page css*/
/* .recipe-detail-banner{padding-top:50px; padding-bottom:92px; background:url(recipe-detail-banner.jpg)no-repeat center; background-size:cover; text-align:center} */






/* article page css*/

.bn-article-banner-wrap { display: flex; align-items:center;  justify-content: space-between; flex-wrap: wrap; width: 100%; padding-top:50px; padding-bottom:100px;  padding-left: 2.5rem;}
.bn-article-banner-content {width: 38%;}
.bn-article-banner-content .breadcrumbs a,  .bn-article-banner-content .breadcrumbs span { font-size:14px; color: rgba(0, 23, 34, 0.50); font-family: var(--font-primary);}
.bn-article-banner-content .breadcrumbs span{font-weight:350;}
.bn-article-banner-content h4{color:  #001722;font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: uppercase; margin-bottom:20px; margin-top:0}
.bn-article-banner-content h1{color:  #001722;font-family: Gotham Rounded;font-size: 48px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; margin:0;}
.bn-article-banner-img {  width: 60%;}
.bn-article-banner-slide{margin:0;}
.bn-article-banner-slide img {width: 100%; display: block;}
.bn-article-banner-slide .slick-arrow{display:none !important}
.bn-article-banner-img .btn-arrow{display:flex; justify-content:center; margin-top:13px;}
.bn-article-banner-img .btn-arrow a{width: 40px;height: 40px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; background:#64CCC9;}
.bn-article-banner-img .btn-arrow a img{display:block}
.bn-article-banner-img .btn-arrow a~a{margin-left:70px;}


.bn-article-why { background: #eff9f9; padding: 100px 0;}
.bn-article-why-head { text-align: center; margin-bottom: 40px;}
.bn-article-why-head h4 { color:  #001722; font-size: 16px; font-style: normal;font-weight: 325; line-height: normal;text-transform: uppercase; margin: 0; margin-bottom: 16px;}
.bn-article-why-head h2 {margin: 0;color: #001722; font-family: Gotham Rounded; font-size: 32px;font-style: normal; font-weight: 350; line-height: normal;  text-transform: capitalize;}
.bn-article-why-row { display: flex;flex-wrap: wrap; margin: 0 -10px;}
.bn-article-why-row .item { padding: 0 10px; width: 33.33%;}

.bn-article-single-why { background: #fff; border-radius: 8px; border: 1px solid #E8E8E8; background: #FFF;  box-shadow: 3px 8px 8px 0px rgba(0, 23, 34, 0.08); padding: 30px 16px; text-align: center;}
.bn-article-single-why  img {max-width: 186px; width: 100%;  display: block;  border-radius: 13px;  margin: 0 auto 13px;}
.bn-article-single-why h4 { margin: 0;color: #001722; font-size: 16px; font-style: normal; font-weight: 350; line-height: 24px;text-transform: capitalize;margin-bottom: 16px;}
.bn-article-single-why p { color: rgba(0, 23, 34, 0.50); font-size: 16px; font-style: normal;font-weight: 325;  line-height: 22px;  margin: 0;}
.bn-article-v{padding:100px 0}
.bn-article-v-head{margin-bottom:38px;}
.bn-article-v-head h4{margin:0; color:  #001722;font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: uppercase; margin-bottom:20px;}
.bn-article-v-head h2{color: #001722;font-size: 32px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; margin:0; margin-bottom:20px;}
.bn-article-v-head  p{color: rgba(0, 23, 34, 0.50);font-size: 16px;font-style: normal;font-weight: 325;line-height: 22px; margin-bottom:16px; magin-top:0}
.bn-article-v-head .link{margin:0; color: #64CCC9;font-family: Gotham Rounded;font-size: 16px;font-style: normal;font-weight: 350;line-height: 24px; /* 150% */text-decoration-line: underline;text-transform: uppercase;}
.bn-article-video-img{position:relative}
.bn-article-video-img img{width:100%; display:block; border-radius: 8px;}
.bn-article-video-img .icon-play{width:111px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}

.bn-article-recipe-wrap{padding-bottom:100px;}
.bn-recipe-ahead h4{margin:0; color: #001722;font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: uppercase; margin-bottom:16px;}
.bn-recipe-ahead h2{color: #001722;font-size: 32px;font-style: normal;font-weight: 350;line-height: normal; margin:0; text-transform: capitalize;}
.bn-recipe-ahead{margin-bottom:25px;}

.bn-recipe-tag-w {  display: flex;  justify-content: space-between; flex-direction: row-reverse; align-items: center;  margin-bottom: 15px;}

.rec-tags a {border-radius: 110px;border: 1px solid #000; padding: 10px 20px; text-decoration: none; font-size: 16px;  color: #001722; margin-right: 18px; transition: 0.5s ease all;}
.rec-tags {display: flex;align-items: center; flex-wrap:wrap;}
.rec-tags a:hover, .rec-tags a.active {background: #001722; color: #fff;}
.bn-recipe-tag-w .seach-recipe {margin-bottom: 0; margin-left: 0;}
.bn-article-recipe-wrap .recipe-img {padding-top: 60%;}
.bn-article-recipe-wrap .single-recipe-img { margin-bottom: 36px;}
.bn-article-recipe-wrap .single-recipe-list h4 { border-bottom: 1px solid rgba(0, 23, 34, 0.20); padding-bottom: 20px;}
.bn-article-recipe-wrap .single-recipe-list p{color: rgba(0, 23, 34, 0.50);font-size: 16px;font-style: normal;font-weight: 325;line-height: 22px; margin-bottom:20px; }
.bn-article-recipe-wrap .single-recipe-list .button{max-width:281px; min-width: auto;}

.bn-article-featured-wrap { padding: 100px 0;   border-top: 1px solid rgba(0, 23, 34, 0.20); border-bottom: 1px solid rgba(0, 23, 34, 0.20);}
.bn-article-featured-row { display: flex; justify-content: space-between; margin-bottom: 50px; align-items: center;}
.bn-article-featured-content { width: 46%;}
.bn-article-featured-img { width: 46%;  position: relative;}
.bn-article-featured-img img {  width: 100%;  display: block;}
.bn-article-featured-img a.icon-play { position: absolute; text-decoration:none; margin:0; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.bn-article-featured-wrap .bn-article-featured-row:nth-child(even) {flex-direction: row-reverse;}
.bn-article-featured-wrap .bn-article-featured-row:last-child { margin-bottom: 0;}
.bn-article-featured-content h4{color:  #001722;font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: uppercase; margin-bottom:20px; margin-top:0}
.bn-article-featured-content h2{margin-top:0; margin-bottom:20px;}
.bn-article-featured-content h2 a{color: #001722;font-family: Gotham Rounded;font-size: 32px;font-style: normal;font-weight: 350;line-height: 40px; text-decoration:none; text-transform: capitalize; margin:0;}
.bn-article-featured-content p{color: rgba(0, 23, 34, 0.50); margin-top:0; margin-bottom:30px; font-size: 16px;font-style: normal;font-weight: 325;line-height: 22px;}
.bn-article-featured-content .link{margin:0; color:#64CCC9;font-size: 16px;font-style: normal;font-weight: 350;line-height: 24px; /* 150% */text-decoration-line: underline;text-transform: capitalize;}

.bn-article-wrap{padding: 100px 0; display:flex; flex-wrap:wrap; justify-content:space-between;    border-bottom: 1px solid rgba(0, 23, 34, 0.20);}
.bn-article-row{width:48%}
.bn-article-img>a {width: 100%; margin:0; display: block;}
.bn-article-img>a img {width: 100%; margin:0; display: block;}
.bn-article-img { margin-bottom: 40px;}
.bn-article-content h4 { font-size: 16px; font-style: normal; font-weight: 325; line-height: normal;text-transform: uppercase; color: #001722; margin-top: 0;margin-bottom: 20px;}
.bn-article-content h2 {  margin: 0; margin-bottom: 20px;}
.bn-article-content h2 a { color: #001722; font-size: 32px; font-style: normal; font-weight: 350; line-height: 40px;  text-transform: capitalize;  margin: 0;  text-decoration: none;}
.bn-article-content .link {   margin: 0; color:  #64CCC9; font-size: 16px;font-style: normal;font-weight: 350; line-height: 24px;  text-decoration-line: underline; text-transform: capitalize;}


.bn-similar-article { padding: 100px 0;}
.bn-similar-article-head {margin-bottom:40px;}
.bn-similar-article-head h4{font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: uppercase; margin-bottom:16px; margin-top:0}
.bn-similar-article-head h2{font-size: 32px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; margin:0;}
.bn-similar-article-row {display: flex; align-items: center;justify-content: space-between; margin-bottom: 20px;}

.bn-similar-article-img { width: 407px;}
.bn-similar-article-img a {display: block; margin:0}
.bn-similar-article-img a img {width: 100%;height: auto;  display: block;}
.bn-similar-article-content {width: calc(100% - 407px); padding-left: 38px;}
.bn-similar-article-content h4 {color: #001722; font-size: 16px;font-style: normal; font-weight: 350;line-height: 24px; margin-top:0; /* 150% */ text-transform: capitalize; margin-bottom: 20px;}
.bn-similar-article-content h4 a { color: #001722;  margin:0; text-decoration: none;  font-size: 16px;font-style: normal; font-weight: 350;line-height: 24px;}
.bn-similar-article-content p {color: rgba(0, 23, 34, 0.50);font-size: 16px; font-weight: 325;line-height: 22px; margin-top:0; margin-bottom: 20px;}
.bn-similar-article-content .more { color: #64CCC9;  font-size: 16px; font-style: normal; font-weight: 350; line-height: 24px;  margin:0; text-decoration-line: underline;text-transform: capitalize;}



.bn-article-recipe-wrap ul.pagination__list.list-unstyled, .recipe-wrap  ul.pagination__list.list-unstyled{justify-content: flex-end;align-items: center;}

.bn-article-recipe-wrap ul.pagination__list.list-unstyled>li, .recipe-wrap ul.pagination__list.list-unstyled>li  {max-width: inherit;  flex: 0;  color: rgba(0, 23, 34, 0.70); font-family: Gotham Rounded;font-size: 16px; font-style: normal;font-weight: 325; line-height: normal;  text-transform: capitalize; margin-right: 30px; line-height: 1.5; margin-bottom: 0;}

.bn-article-recipe-wrap ul.pagination__list.list-unstyled>li .pagination__item, .recipe-wrap ul.pagination__list.list-unstyled>li .pagination__item {height: auto;color: rgba(0, 23, 34, 0.70); margin: 0;}

.bn-article-recipe-wrap .pagination__item--current:after,  .bn-article-recipe-wrap .pagination__item:hover:after, .recipe-wrap .pagination__item--current:after, .recipe-wrap.recipe-wrap .pagination__item:hover:after  {  display: none;}

.bn-article-recipe-wrap ul.pagination__list.list-unstyled>li:last-child, .recipe-wrap ul.pagination__list.list-unstyled>li:last-child { margin: 0;}

.bn-article-recipe-wrap ul.pagination__list.list-unstyled>li span.pagination__item.pagination__item--current, .recipe-wrap ul.pagination__list.list-unstyled>li span.pagination__item.pagination__item--current {color: #64CCC9;  font-family: Gotham Rounded; font-size: 16px; font-style: normal;  font-weight: 350;  line-height: normal;  text-transform: capitalize;}

.bn-article-recipe-wrap ul.pagination__list.list-unstyled>li .pagination__item-arrow, .recipe-wrap ul.pagination__list.list-unstyled>li .pagination__item-arrow {width: 40px;  height: 40px; background: #64CCC9; display: flex; align-items: center; justify-content: center;color: #fff;border-radius: 50%;}

.bn-article-recipe-wrap .pagination-wrapper, .recipe-wrap .pagination-wrapper {margin: 0;}

.filter-btn{display:none; color: #001722;text-align: center; text-decoration:none; font-size: 16px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize;}

.b-food-nutration-wrap{text-align:center; padding-top:48px;}
.b-food-nutration-wrap span{ display:block;   font-family: Nunito;font-size: 16px;  margin-top: 0;margin-bottom: 15px; font-weight: 400;}
.b-food-nutration-wrap h1{font-size: 30px; font-family: Nunito; font-weight: 700; margin-top: 0;  margin-bottom: 0;  padding-bottom: 12px;}
.b-food-nutration-wrap img{width:100%; height:auto; display:block; border-radius: 30px;}
.w-940{max-width:940px; margin:0 auto}
.b-food-nutration-wrap .bg-light{max-width:910px; margin:30px auto; font-size: 16px; padding:39px 34px; line-height: 1.6em;background-color: #eff7f7; border-radius: 15px;}
.b-food-nutration-wrap .bg-light p{    font-weight: 400; text-align: left; font-family: Nunito; line-height:inherit; margin-bottom:22px}
.b-food-nutration-wrap .bg-light p:last-child{margin:0;}
.w-910{max-width:910px; margin:0 auto;}
.b-food-nutration{margin-bottom:40px;}
.b-food-nutration .heading{font-size: 20px;font-family: Nunito; font-weight: 600;  margin-top: 0;  margin-bottom: 20px; background-color: #ebebeb; text-align: center; padding-top: 10px;  padding-bottom: 10px;  height: auto; border-radius: 30px;}
.b-food-nutration p{font-size: 16px; margin-bottom:22px;  padding: 10px 10px 0 0; text-align: left;  font-weight: 400; font-family: Nunito;}
.b-food-nutration li{font-size: 16px; font-weight: 400; font-family: Nunito;}
.b-food-feat{display:flex; flex-wrap:wrap; margin:0 -15px; justify-content:space-between}
.b-food-content{padding:15px; width:50%;}
.b-food-img {padding:15px; width:50%;}
.b-food-img img{width:100%; height:auto; display:block;     border-radius: 30px;}
.b-food-content p { padding-top: 0;}
.b-food-nutration h4{font-family: Nunito; font-size: 20px; font-weight: 700;  padding: 15px 10px 10px 0;text-align: center;}
.b-food-content h5{font-size: 20px; font-family: Nunito;font-weight: 600;margin-top: 0;margin-bottom: 0;text-align: left; padding-top: 0; padding-bottom: 0; height: auto; border-radius: 15px; color: #51c3c6;}
.b-food-nutration img.left {
    max-width: 440px;
    width: 100%;
    height: auto;
    float: left;
    margin-right: 30px;
    margin-bottom: 15px;
    margin-top:15px;
    border-radius: 30px;
}

.bn-ben  .heading{margin-top:20px;}
.bn-rel-pro .heading{    font-size: 20px;  font-family: Nunito; font-weight: 600; margin: 0 ; background-color: #eff7f7;  text-align: center; padding: 10px 20px;   border-radius: 15px;}
.bn-rel-pro-row{display:flex; flex-wrap:wrap; margin:0 ;}
.bn-rel-4{width:33.33%; padding:15px;}
.bn-rel-4 h3{text-align:center; font-family: Nunito; font-weight: 700;font-size: 18px;}
.bn-rel-slide  .item a { display: block;}

.bn-rel-slide .item a img { max-width: 100%; width: auto; height: auto; display: block;}
.bn-rel-slide  ul.slick-dots { position: relative;   bottom: auto;}

.bn-rel-slide  ul.slick-dots li {  width: 8px;  height: 8px;  background: #000; border-radius: 50%; opacity: 0.5; transition: 0.5s ease all;}
.bn-rel-slide  ul.slick-dots li button{display:none}
.bn-rel-slide  ul.slick-dots li.slick-active { opacity: 1;  transform: scale(1.4);}
.b-food-img-slide {
    padding: 4px; margin:0;
    border: 1px solid #dfdcdc;
}
.b-food-img-slide a { display: block;}
.b-food-img-slide img { max-width: 100%; width: auto; height: auto; display: block;}
.b-food-img-slide .slick-arrow { width: 40px; z-index:2;  height: 40px; position: absolute; font-size: 20px; top: calc(50% - 20px);  border: none; cursor: pointer;-webkit-transition: .35s; transition: .35s; line-height: 1; border-radius: 50%;background: rgba(0,0,0,.4);}
.b-food-img-slide .slick-arrow.slick-prev{left:20px;     top: calc(50% - 40px);    transform: rotate(180deg);}
.b-food-img-slide .slick-arrow.slick-next{right: 20px;}
.b-food-img-slide .slick-arrow:before, .b-food-img-slide .slick-arrow:after{    content: '';
    position: absolute; left:50%;
    background: #fff; width: 1px;
    height: 8px;}
.b-food-img-slide .slick-arrow:before{transform: rotate(45deg);
    top: 19px;}
.b-food-img-slide .slick-arrow:after{    transform: rotate(-45deg);
    top: 14px;}
.b-food-img-slide .slick-arrow:hover{background:#000}
.b-food-img-slide .slick-arrow.slick-disabled {  opacity: 0;}


.ArticleList.Grid.Grid--m {
    display: flex;
    flex-wrap: wrap;
    padding: 0 2.5rem;
}

.ArticleList .Grid__Cell {
    width: 25%;
    margin-bottom: 20px;
}

.ArticleList .card-wrapper.product-card {
    box-shadow: none;
}

.ArticleList h2 {
    color: #001722;
    transition: 0.5s ease all;
    text-decoration: none;
    font-weight: 350;
    font-size: 16px;
}

.ArticleList  .card-information__wrapper {
    height: auto;
}

.ArticleList  .card.card--product {
    margin: 0;
}
.ArticleList .single-recipe-list {
    width: 100%;
    padding: 0 10px;
    margin: 0;
}
.bn-rel-pro {
    clear: both;
}
.b-food-nutration:after, .b-food-nutration:before{content:''; display:table; clear:both;}




.promotinal-banner:before{content:''; width:100%; height:100%; border-radius:8px; background:  rgba(0, 23, 34, 0.50); position:absolute; top:0; left:0 }
.promotinal-banner img{width:100%; height:auto; display:block; border-radius:8px; min-height: 335px;object-fit: cover;}
.promotinal-banner {  position: relative; margin-top:0;}
.promotinal-banner .mobile-show{display:none;}
.promotinal-banner .container {  position: absolute;left: 0; width: 100%; text-align: center; top: 50%;  transform: translateY(-50%);}
.promotinal-banner .breadcrumbs {margin: 0px 0 20px 0;}
.promotinal-banner .breadcrumbs a{color:  #fff; font-size: 14px;}
.promotinal-banner .breadcrumbs span {color:  #fff; font-size: 14px;font-weight: 350;}
.promotinal-banner .breadcrumbs__container { justify-content: center;}
.promotinal-banner h4{color:  #fff;font-size: 16px;font-style: normal;font-weight: 325;line-height: normal;text-transform: uppercase; margin-bottom:20px;}
.promotinal-banner h1{color:  #fff; font-size: 48px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; max-width:464px; margin:0 auto 20px;}
.promotinal-wrap{padding-top:50px;}
.promotinal-head{display:flex; justify-content:space-between; align-items:center}
.promotinal-head h4{color:  rgba(0, 23, 34, 0.50);font-size: 16px;font-style: normal;font-weight: 325;line-height: 22px; margin:0 0 12px;}
.promotinal-head h2{color: #001722;font-size: 32px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; margin:0}
.promotinal-head p{color: rgba(0, 23, 34, 0.50);font-family: Gotham Rounded;font-size: 16px;font-style: normal;font-weight: 325;line-height: 22px;}
.promotinal-head .heading {  width: 28%;}
.promotinal-head .para {  width: 51%;}
.promotinal-row {display: flex;flex-wrap: wrap; margin: 0 -20px; margin-top: 40px;}
.promotinal-row .single-recipe-list{width:25%;}
.promotinal-row .single-recipe-list:nth-child(5n-1), .promotinal-row .single-recipe-list:nth-child(5n-2){width:50%}
.promotinal-row .single-recipe-list:nth-child(5n-1) a.recipe-img, .promotinal-row .single-recipe-list:nth-child(5n-2)  a.recipe-img {
    padding-top: 48%;
}
.promotinal-row  .single-recipe-list h4 a{color:#000;}
.promotinal-row .single-recipe-list .button{max-width:259px; min-width:auto}
.promotinal-adwrap{padding-top:50px; padding-bottom:10px;}
.promotinal-headad{margin-bottom:40px;}
.promotinal-headad h4{color:  rgba(0, 23, 34, 0.50);text-align: center;font-size: 16px;font-style: normal;font-weight: 350;line-height: 24px; text-transform: capitalize; margin:0 0 12px}
.promotinal-headad h2{color:  #001722;text-align: center;font-family: Gotham Rounded;font-size: 32px;font-style: normal;font-weight: 350;line-height: normal;text-transform: capitalize; margin:0}
.promotinal-rowad { display: flex;  flex-wrap: wrap; margin: 0 -20px;}
.promotinal-rowad .single-recipe-list {  width: 25%;}

.promotinal-rowad .rate {display: flex;margin-bottom: 20px; align-items: center;color: #001722;  font-size: 16px;font-style: normal;font-weight: 325;line-height: 22px;}
.promotinal-rowad .rate img {width: 15px; margin: 0 2px; display: block;}
.promotinal-rowad .rate span { margin-left: 3px;}

.promotinal-shwrap{padding-top:50px;}
.promotinal-shrow {  display: flex; justify-content: space-between;}
.single-shop-p { width: 47%;background: #EFF9F9; border-radius: 8px; padding: 20px 70px 20px 20px;}
.single-shop-p .tag{padding:10px 20px; margin-bottom:16px; display:inline-block; background:#001722; border-radius:100px; color: rgba(255, 255, 255, 0.80); font-size: 12px; font-weight: 325;text-transform: capitalize;}
.single-shop-p h3{color: #001722;font-size: 16px;font-style: normal;font-weight: 350;line-height: 24px;text-transform: capitalize; margin:0 0 20px;}
.single-shop-p p{color: rgba(0, 23, 34, 0.50);font-size: 16px;font-style: normal;font-weight: 325;line-height: 22px; margin-bottom:16px;}
.single-shop-p .button{max-width:259px; width:100%; font-size:16px;}
.time-flex {
    background: #EFF9F9;
    border-radius: 8px;
    position: relative;
    margin-top: -93px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px;
}
.date-s {
    min-width: 80px;
    text-align: center;
}


.date-s h4 {
    color: #001722;
    text-align: center;
    font-family: Gotham Rounded;
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: 24px; /* 150% */
    text-transform: capitalize;
    margin-bottom: 6px;
    margin-top: 0;
}

.date-s span {
    background: #fff;
    border-radius: 8px;
    padding: 10px 23px;
    display: inline-block;
    color: #001722;
    text-align: center;
    font-family: Gotham Rounded;
    font-size: 24px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
    text-transform: capitalize;
}

.date-s span i {
    display: block;
    font-family: var(--font-primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 325;
    line-height: 22px;
}

.time_circles >div {
    display: flex;
    flex-direction: column-reverse;
}

.time_circles >div h4 {
    font-size: 12px !important;
    text-align: center;
    font-family: var(--font-primary);
    font-size: 16px !important;
    font-style: normal;
    font-weight: 325;
    line-height: 22px;

}

.time_circles >div span {
    font-size: 24px !important;
    font-weight: 350;
    font-family: var(--font-primary);
}
.time_circles >div:after {
    content: ":";
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.time_circles >div:first-child:after, .textDiv_Days:after {
    display:none;
}

#time {
    display: flex;
    gap: 30px;
    margin: 0 30px;
}
#time .circle{position: relative; top:7px; width: 100px; height: 100px; display: flex; align-items: center;justify-content: center;}
#time .circle:after {
    content: ":";
    font-size: 20px;
    position: absolute;
    left: -17px;
    top: 50%;
    transform: translateY(-50%);
}
#time .circle:first-child::after {
    display:none;
}
#time .circle svg{width: 100px; height: 100px;   position: relative; transform: rotate(270deg);}
#time .circle svg circle{width: 100%; height: 100%; fill: #64CCC9; stroke-width: 2px; stroke: rgba(0, 23, 34, 0.10); transform: translate(5px, 5px);}
#time .circle svg circle:nth-child(2){ stroke: #001722; stroke-dasharray:440; stroke-dashoffset: 440;}
#time div{color: #001722; position: absolute;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
    text-transform: capitalize;}
#time div span{display: block; text-align: center; color: #001722; width: 100%; font-size: 16px;font-style: normal;font-weight: 325;line-height: 22px;}

.bn-professional-por{padding-top:35px;}
.bn-professional-por h1{ color: #000;font-family: Nunito; font-size: 35px; font-weight: 600; line-height: 1.2em; margin-top: 0;text-align:center; border-bottom:1px solid #919da9; padding-bottom:46px;}
.bn-professional-por .blue-box{ background-color: #eff7f7; font-family: Nunito; margin-top:46px; padding:10px 0;}
.bn-professional-por .blue-box p{font-family: Nunito; text-align: center; line-height: 26px; margin-bottom:30px;}
.bn-professional-por .blue-box p:last-child{margin-bottom:0}

.bn-professional-allergens  { padding-top: 46px; text-align: center; padding-bottom: 46px;}
.bn-professional-allergens h2{color: #000; font-family: Nunito; font-size: 30px; font-weight: 600; line-height: 1.2em; margin:0;}
.bn-professional-allergens p{font-family: Nunito; text-align: center; line-height: 26px;font-size: 18px; margin-bottom:10px}
.bn-professional-allergens .button{    background-color: #4a4a4a; color: #fff; font-family: "Nunito Sans";font-weight: 700; font-size: 18px;  padding: 20px 50px;  border-radius: 30px;}
.psychological-row.bn-professional-psy .single-psychological {width: 20%;}

.psychological-row.bn-professional-psy { margin-top: 40px; border-bottom: 1px solid #919da9; padding-bottom: 50px; margin-left: -15px; margin-right: -15px;}

.psychological-row.bn-professional-psy .single-psychological p {  font-size: 18px; letter-spacing: 1px; font-weight: 700;padding-top: 16px;}


@media (max-width:1400px) {
    .promotinal-head .heading {
        width: 37%;
    }
}

@media (max-width:1100px) {
    .recipe-testimonial .item-inner {padding: 40px 50px 40px 62px;}
    .recipe-test-left { width: 45%;}
    .recipe-blog-footer-img {width: 56%;}
    .recipe-blog-footer-content { width: 44%; padding-left: 40px;}
    .bn-similar-article-img { width: 40%;}
    .bn-similar-article-content{width:60%;}
    .surgery-table table th, .surgery-table table td {
        font-size: 16px;
    }

}
@media (max-width:992px) {
    .recipe-sidebar{display:none}
    .recipe-wrap {width: 100%; padding-left: 0;}
    .recipe-testimonial .item-inner { padding: 54px 40px 40px 40px;}
    .recipe-testimonial p{font-size:16px;}
    .recipe-cat ul li a{font-size:16px;}
    .recipe-test-left{width:100%;}
    .recipe-test-right{width:100%; padding:0; margin-top:25px}
    .recipe-test-left .btn-arrow{display:none}

    .recipe-blog-footer-row{flex-wrap:wrap; margin-top:30px;}
    .recipe-blog-footer-img{width:100%;}
    .recipe-blog-footer-content {
        width: 100%;
        padding-left: 0; margin-top:30px;
    }
    .recipe-test-wrap{margin:80px 0 70px;}



    .bn-article-featured-content, .bn-article-featured-img{width:48%;}
    .bn-article-banner-wrap{padding:31px 0 50px;}
    .bn-article-banner-content{width:100%; padding:0 16px 12px;}
    .bn-article-banner-img{width:100%;}
    .bn-article-banner-content .breadcrumbs{magin-top:0; margin-bottom:13px;}
    a.filter-btn { display: block; margin:0;}

    .m-filter { display: flex;align-items: center;margin-bottom: 40px;}
    .m-filter .seach-recipe { margin-bottom: 0;}

    .recipe-listing-row{ position: relative;}
    .recipe-sidebar { position: absolute; display:none; flex-wrap:wrap; border-radius: 24.5px; border: 1px solid rgba(0, 23, 34, 0.05); background:#fff;    box-shadow: 0px 6px 8px 0px rgba(0, 23, 34, 0.08); width: 100%; left: 0; z-index: 4; top: 45px;  padding: 10px 11px;}
    .recipe-sidebar.active{display:flex;}
    .recipe-cat {  display: inline-block; vertical-align:top; width:33.33%;  border: none;  padding: 0 4px 15px;}
    .recipe-cat ul {  position: relative; overflow:hidden; height:0; transition: height 1s ease; }
    .recipe-cat h3 { border-radius: 20px; border: 0.7px solid rgba(0, 23, 34, 0.30); background: #FFF url(filter-arrow.svg) no-repeat center right;     background-position: 95%; font-size: 16px; padding: 10px;  padding-right: 33px;position: relative;}
    .recipe-cat.active ul {display:flex; flex-wrap:wrap; height:auto; padding-top:20px; }
    .recipe-cat ul li {
        margin-bottom: 11px;
        padding: 0 10px;
    }
    .recipe-cat .check-filter li{margin-bottom: 11px;}
    .recipe-cat .check-filter li a {
        padding-left: 31px;
        min-height: 22px;
        position: relative;
    }

    .recipe-cat ul li a {
        margin-bottom: 0;
    }
    .ArticleList .Grid__Cell{width:33.33%}

    .arrow-flex.mobile-show.btn-arrow{display:flex; justify-content:center; margin-top:5px;}
    .arrow-flex.btn-arrow a{width: 54px;height: 54px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; background:#64CCC9;}
    .arrow-flex.btn-arrow a img{display:block}
    .arrow-flex.btn-arrow a~a{margin-left:20px;}
    .bn-article-recipe-wrap {
        padding-bottom: 50px;
    }
    .bn-article-featured-wrap{padding:50px 0}
    .promotinal-row .single-recipe-list:nth-child(5n-1), .promotinal-row .single-recipe-list:nth-child(5n-2), .promotinal-row .single-recipe-list {
        width: 33.33%;
    }
    .promotinal-row .single-recipe-list:nth-child(5n-1) a.recipe-img, .promotinal-row .single-recipe-list:nth-child(5n-2) a.recipe-img {
        padding-top: 100%;
    }
    .promotinal-rowad .single-recipe-list {
        width: 50%;
    }
    #time {
        display: flex;
        gap: 20px;
        margin: 0 20px;
    }
    #time .circle:after{left:-13px;}
    .recipe-wrap .pagination-wrapper{margin-bottom:40px;}
    .psychological-row.bn-professional-psy .single-psychological {width: 50%;}
    .psychological-row.bn-professional-psy .single-psychological:last-child {width: 100%;}
}
@media (max-width:767px) {
    .recipe-listing-banner h1{font-size:30px;}
    .recipe-cat ul li a{font-size:16px;}
    .recipe-test-left h2, .recipe-blog-footer h2{font-size:26px;}
    .recipe-blog-footer h2{font-size:32px;}
    .recipe-testimonial .item-inner {
        padding: 70px 20px 40px;
    }
    .recipe-testimonial .item {padding: 15px 0 15px 10px;}

    .bn-similar-article{padding:50px 0 1px;}
    .bn-similar-article-head{margin-bottom:15px; padding: 0 16px;}
    .bn-similar-article-head h2{font-size:26px}
    .bn-similar-article-row { flex-direction: column-reverse;  margin-bottom: 50px;}
    .bn-similar-article-img { width: 100%;  margin-top: 20px;}
    .bn-similar-article .container{padding:0;}
    .bn-similar-article-content {width: 100%; padding: 0 16px;}
    .bn-similar-article-content h4{margin-bottom:16px;}
    .bn-similar-article-content p{margin-bottom:15px}
    .bn-article-featured .container{padding:0;}
    .bn-article-featured-wrap{padding:50px 0;}
    .bn-article-featured-row{flex-wrap:wrap;}
    .bn-article-featured-content, .bn-article-featured-img{width:100%;}
    .bn-article-featured-content{padding:0 16px 21px;}
    .bn-article-featured-content h4{margin-bottom:16px;}
    .bn-article-featured-content h2 a{font-size:26px; margin-bottom:16px;}
    .bn-article-featured-content p{margin-bottom:16px;}
    .bn-article-row{width:100%; margin-bottom:50px;}
    .bn-article-wrap{padding:50px 0 1px;}
    .bn-article .container{padding:0;}
    .bn-article-row { display: flex; flex-direction: column-reverse;}
    .bn-article-content { padding: 0 16px 20px;}
    .bn-article-img{margin-bottom:0}
    .bn-article-content h4{margin-bottom:15px;}
    .bn-article-content h2 {margin-bottom:15px;}
    .bn-article-content h2 a{font-size:26px;}
    .bn-article-why{padding:50px 0 25px}
    .bn-article-why .container{padding:0 16px;}
    .bn-article-why-head{margin-bottom:27px;}
    .bn-article-why-head h4{margin-bottom:16px;}
    .bn-article-why-head h2{font-size:26px;}
    .bn-article-why-row .item { width: 100%; margin-bottom: 25px;}
    .bn-article-banner-content h4{margin-bottom:11px;}
    .bn-article-banner-content h1{font-size:32px;}
    .bn-article-banner-content .breadcrumbs{magin-top:0; margin-bottom:13px;}
    .bn-article-v{padding:50px 0;}
    .bn-article-v-head,.bn-article-video-img{padding:0 16px;}
    .bn-article-v-head h4{margin-bottom:16px;}
    .bn-article-v-head h2{font-size:26px; margin-bottom:16px;}
    .bn-article-v .container{padding:0;}
    .bn-article-video-img .icon-play{width:50px;}
    .bn-article-recipe-wrap{padding-bottom:50px;}
    .bn-article-recipe-wrap .container{padding:0 16px;}
    .bn-recipe-tag-w {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .bn-recipe-tag-w .seach-recipe{margin-bottom:15px;}
    .bn-recipe-ahead h2{font-size:26px; margin-bottom:15px;}
    .rec-tags a{padding:10px 5px;}

    .bn-article-recipe-wrap ul.pagination__list.list-unstyled, .recipe-wrap  ul.pagination__list.list-unstyled {justify-content: center;align-items: center;}
    .recipe-cat{width:50%}
    .b-food-nutration-wrap .container, .b-food-nutration .container {padding:0 20px;}
    .b-food-content{width:100%;}
    .b-food-img{width:100%;}
    .b-food-nutration .heading { padding: 10px 20px;}
    .bn-rel-4{width:100%;}
    .bn-rel-pro .container {padding: 0 20px;}
    .ArticleList.Grid.Grid--m { padding: 0 10px;}
    .ArticleList .Grid__Cell{width:50%}
    .b-food-nutration img.left{max-width:100%; float:none; margin-right:0;}
    .recipe-blog-footer {
        margin-bottom: 40px;
    }
    .recipe-listing-banner .mobile-show{display:block !important; min-height:inherit; border-radius:8px;}
    .recipe-listing-banner .desk-show{display:none !important;}
    .recipe-listing-banner .container {
        position: relative;
        left: 0;
        width: 100%;
        top: auto;
    }
    .recipe-listing-banner h4{color:#001722}
    .recipe-listing-banner h1 {
        font-size: 32px;
        color: #001722;
    }
    .recipe-listing-banner .breadcrumbs span, .recipe-listing-banner .breadcrumbs a{color:rgba(0, 23, 34, 0.50)}
    .recipe-listing-wrapper{padding-top:40px;}
    .promotinal-head{flex-wrap:wrap;}
    .promotinal-head .heading {  width: 100%;  margin-bottom: 16px;}
    .promotinal-head .para{width:100%;}
    .promotinal-row .single-recipe-list:nth-child(5n-1), .promotinal-row .single-recipe-list:nth-child(5n-2), .promotinal-row .single-recipe-list {
        width: 100%;
    }
    .promotinal-rowad .single-recipe-list {
        width: 100%;
    }
    .promotinal-shrow{flex-wrap:wrap;}
    .single-shop-p{width:100%; padding:20px 30px 20px 20px; margin-bottom:20px;}
    .promotinal-wrap .container, .promotinal-adwrap .container, .promotinal-shwrap .container, .recipe-test-wrap .container{padding:0 20px;}
    .promotinal-banner{padding-top:25px;}
    .promotinal-banner .breadcrumbs__container {
        justify-content: flex-start;
    }

    .promotinal-banner h4{color:#001722}
    .promotinal-banner h1 {
        font-size: 32px;
        color: #001722;
    }
    .promotinal-banner:before{display:none}
    .promotinal-banner .breadcrumbs span, .promotinal-banner .breadcrumbs a{color:rgba(0, 23, 34, 0.50)}
    .promotinal-banner .container { position: relative; padding:0 20px; left: 0; width: 100%; top: auto; transform:none; text-align:left}
    .promotinal-banner .mobile-show {
        display: block; min-height: inherit;
        border-radius: 8px;
    }
    .promotinal-banner .desk-show {
        display: none !important;
    }
    .time-flex{padding:20px; margin-top:-40px;}
    .timer-wrap .container{padding:0 20px;}
    .date-s{display:none}
    .bn-professional-por h1 { font-size: 30px;}
    .bn-professional-allergens p{margin-bottom:1em;}
    .psychological-row.bn-professional-psy .single-psychological{width:100%; margin-bottom: 36px;}
    .psychological-row.bn-professional-psy .single-psychological p {
        padding-top: 36px;
        font-size: 25px;
    }


}
@media (max-width:640px) {
    .bn-article-featured-img a.icon-play { max-width: 50px;}
    .ArticleList .Grid__Cell{width:100%}
    #time .circle, #time .circle svg{width:60px; height:60px;}
    #time .circle svg circle {
        cx: 25px;
        cy: 25px;
        r: 25px;
    }
    #time div{font-size:16px;}
    #time div span{font-size:12px;}
    #time {
        display: flex;
        gap: 9px;
        margin: 0;
    }
    #time .circle:after{display:none}
}

@media (max-width:640px) {
    .surgery-table table td, .surgery-table table th {
        font-size: 15px;
    }
}

/* new css*/
.wishlist__grid.flex.container.product-row.ProductList {
    padding: 0;
}
.product-benefits-slider .swiper-button-prev, .product-benefits-slider .swiper-button-next {
    display: none !important;
}
.main-page-title{font-size:48px}

.recent-articles__element picture {
    padding-top: 56%;
    position: relative;
}

.recent-articles__element picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    max-height: max-content;
}


@media (max-width:992px) {
    div#ProductGridContainer {
        width: 100%;
    }
    section.product-wrap.colllection-wrap.CollectionMain {
        padding: 40px 17px;
    }
    section.product-wrap.colllection-wrap.CollectionMain .container {
        padding: 0;
    }
    .main-page-title{font-size:40px}
}

@media (max-width: 380px){
    input.input {
        width: 100% !important;
    }

}
.collection-swiper .swiper-button-prev,
.collection-swiper .swiper-button-next{
    --swiper-theme-color: #70cacb;
    --swiper-navigation-size: 36px;
}
.collection-swiper .swiper-button-prev {
    left: -40px;
}
.collection-swiper .swiper-button-next{
    right: -40px;
}
.theme-product-reviews{
    margin-right: auto;
    margin-left: auto;
}
.flat_rounded-input::placeholder{
    color: #afafaf;
    font-weight: lighter;
}
.ArticleItem__Title{
    align-self: flex-start;
}
.ArticleItem__Excerpt{
    color: #414b56;
    font-size: 14px;
}
.ArticleItem__Link{
    align-self: flex-end;
    font-size: .9rem;
}


.hover-underline{
    text-decoration: none !important;
}
.hover-underline::after{
    content: "";
    display: block;
    width: 0;
    border-bottom: 1px solid var(--brand-secondary);
    transition: all 0.25s ease-in-out;
}
.hover-underline:hover::after,
.hover-underline.active::after{
    width: 100%;
}

@media (max-width: 750px){
    .collection-swiper .swiper-button-prev,
    .collection-swiper .swiper-button-next{ display: none;}
}

@media (max-width: 640px){
    .template-collection .ProductList.ProductList--grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .8rem;
    }
    .template-collection .product-card-product_benefit svg{
        margin-right:0;
        width:14px;
        height:10px;
    }
    .template-collection .product-card-package_contents{
        font-size:12px;
    }
    .template-collection .subscribe-action-wrapper .subscribe-action-link{
        width: 95%;
        margin: 12px auto;
        padding: 10px 8px;
    }
    .template-collection .add-to-cart-action-link{
        width: 95%;
        margin: 0 auto;
        padding: 10px 8px;
    }
    .template-collection .product-card-product_benefits{
        margin: 0 auto;
        width: 95%;
    }
    .template-collection .subscribe-action-link-label{
        padding-left:2px;
        padding-right:2px;
    }
    .template-collection .product-card-product_benefit {
        margin-bottom: 0;
    }
    .template-collection #shopify-section-template--14716209659978__1643793732a2c11699 .collection-banner{
        padding-top: 12px;
    }
}

.card__inner{
    position: relative;
}
.discount-label {
    display: inline-block;
    background-color: #cdecef;
    color: #222;
    padding: 10px 26px 10px 16px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    position: absolute;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
    bottom: 0;
    left: 0;
    z-index: 1;
}

.discount-label::after {
    content: "";
    position: absolute;
    top: 0;
    right: -20px; /* 控制三角形位置 */
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 20px solid #c7e6e9; /* 同背景色 */
}
.product__media-gallery .discount-label {
    bottom: auto;
    top: 0;
}
.ds_email {
    font-weight: 300;
}
.template-blog.bnspired-stories .bn-article-v .container{
    display: flex;
    flex-direction: column-reverse;
}
.template-blog.bnspired-stories .bn-article-v h2{
    margin-top: 2rem;
}
@media (min-width: 768px){
    .template-blog.bnspired-stories .bn-article-v .container{
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .template-blog.bnspired-stories .bn-article-v h2{
        margin-top: 0;
    }
    .template-blog.bnspired-stories .bn-article-v .bn-article-video-img,
    .template-blog.bnspired-stories .bn-article-v .bn-article-v-head{
        max-width: 48%;

    }
}
.custom-size {
    width: 180px;
    height: 60px;
}

@media (max-width: 600px) {
    .custom-size {
        width: 270px;  // 1.5 times the original width
    height: 90px;  // 1.5 times the original height
    }
}

div[id*="judge_me_reviews_review_widget"]{
    width: 100% !important;
}
#shopify-section-template--19558947258442__1694489061736229c9 {
    display: none !important;
}
.footer_newsletter_form .form-control.lirzRu {
    border-color: red;
}
.image-with-text-section__heading,
.image-with-text-section__text {
    text-align: center;
}
.banner-video {
    position: relative;
}

.code-tips {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    padding: 6px 16px;
    background-color: #ffbf00;
}

.code-tips p {
    margin: 0;
    text-align: center;
    white-space: nowrap;
}

.code-tips p:last-child {
    font-size: 1.4rem;
    color: red;
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    .code-tips {
        left: 68%;
        top: 48%;
        transform: translateX(0) translateY(10px);
    }
}

@media screen and (max-width: 767px) {
    .code-tips {
        display: flex;
        align-items: center;
        color: #fff;
        top: 66%;
        transform: translateX(-50%);
        padding-top: 0;
        padding-bottom: 0;
    }

    .code-tips p:last-child {
        margin-left: 4px;
    }
}