body{margin:0; padding:0; background:#ffffff; color: #393d46; font-family: "Public Sans", sans-serif; font-display: swap; font-size: 14px; font-weight: 400; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent;}
.no-scroll {overflow: hidden;}
*, 
::after, 
::before {box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box; padding: 0;margin: 0;outline: none;}

/*
input:focus,
select:focus,
textarea:focus{background-color: #fff;outline: none; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;-webkit-text-fill-color: #000 !important;transition: background-color 5000s ease-in-out 0s;}
input:-moz-autofill {box-shadow: 0 0 0 1000px #ffffff inset !important;}
*/

select{-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:''; cursor: pointer;display:block;border:1px solid #a6a6a6; width:100%;padding:7px;}
a, input, select, textarea, button, svg{transition-duration:1000ms;transition-duration:500ms, 500ms; text-decoration:none; outline: 0; transition: 0.3s;}
textarea{padding: 10px 15px; width: 100%; height: auto;}
input, 
select,
textarea,
button{padding: 0 15px; width: 100%; height: 40px; border:0;outline:none;box-sizing: border-box; text-transform: none;font-size: 14px; font-family: "Public Sans", sans-serif;}

input, 
select,
textarea{color: #393d46;}

input, select, textarea{border:var(--brd-grey)}

::-webkit-input-placeholder{color:#393d46; opacity:10}
:-ms-input-placeholder{color:#393d46; opacity:10}
:-ms-input-placeholder{color:#393d46; opacity:10}
::placeholder{color:#393d46; opacity:10}

input[type='checkbox']{height: auto !important; width: auto !important;-webkit-appearance: radio; border:0;}
input[type='radio']{height: auto !important; width: auto !important;-webkit-appearance: radio; border:0;}

select{background: url(/images/HealthSupp/icon-arrow-down.png) no-repeat center right 10px #fff; background-size:25px; cursor:pointer;}

button {cursor: pointer;text-align: center; color: #ffffff; border: 0;appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none; border: 0; background: none; padding: 0;}

a{color: #000000; text-decoration: none; display: inline-block;}
/*a:hover{color: var(--textBlue);}*/

strong, b{font-weight: 600;}

img{width: 100%; height:auto}
ul,
ul li{list-style: none; padding: 0; margin: 0; box-sizing: border-box;}

img.DesktopBanner{}
img.MobileBanner{display:none;}

#iz-newshub-container {display: none !important;}
.Border_Radius7{border-radius:7px;}

.PT30{padding-top:30px;}
.PB30{padding-bottom:30px;}
.PTB30{padding:30px 0;}

.MT30{margin-top:30px;}
.MB30{margin-bottom:30px;}
.MTB30{margin:30px 0;}

html{font-family: 'Public Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;}

table {border-collapse: collapse;}

.errorPage_Content{text-align:center; padding:30px 0;}
.errorPage_Content h1{color:#000; padding-bottom:20px; text-transform:capitalize !important}
.errorPage_Content strong{font-weight:700;}
.errorPage_Content img{width:400px; margin:0 auto 20px auto; display:block;}
.errorPage_Content span{display:inline-block; width:100%; padding:15px 0; font-size:25px; line-height:25px; color:#111;}
.errorPage_Content p{text-align:center; padding:10px 0; font-size:18px !important;}
.errorPage_Content a{display:inline-block; line-height:40px; background:var(--top-green); border:1px solid var(--top-green); color:#fff; text-transform:uppercase; border-radius:5px; width:130px;font-size: 18px;font-weight: 600;}
.errorPage_Content a.NormalLink{line-height:normal; background:none; border:0; color:var(--siteBlue); text-transform:normal; border-radius:none; width:auto; font-size:18px; font-weight:400; text-decoration:underline;text-transform:none;}

.errorPage_Content.Prd_Unavailable img{width:275px;}

/* ============= flash message ============== */
.float_left {float: left;}
.float_right {float: right;}
.message-div {position: fixed;bottom: 0;right: 0;width: 390px;height: 72px;background: #ffffff;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;-webkit-box-shadow: 1px 1px 6px -3px rgb(0, 0, 0);-moz-box-shadow: 1px 1px 6px -3px rgb(0, 0, 0);box-shadow: 1px 1px 6px -3px rgb(0, 0, 0);text-align: right;margin: 15px;border-top: 0px solid #ffffff;display: table;padding: 0px;z-index: 999999999999999;animation-name: run;-webkit-animation-name: run;animation-duration: .9s;-webkit-animation-duration: .9s;}
.flash_success {border-color: #4cae4c;}
.flash {height: 72px;display: table-cell;vertical-align: middle;text-align: center;}
.flash_box {margin: 0px;width: 72px;height: 72px;background: transparent;-webkit-box-shadow: 1px 1px 6px -3px rgb(0, 0, 0);-moz-box-shadow: 1px 1px 6px -3px rgb(0, 0, 0);box-shadow: 1px 1px 7px -3px rgb(0, 0, 0);color: #fff;text-align: center;display: table;}
.bg_success {background: var(--top-green);}
.bg_error {background: var(--Price);}
.flash_error {border-color: var(--Price);}
.flash_box .flash_icon {vertical-align: middle;height: 75px;width: 100%;display: table-cell;}
.flash_box .flash_icon img{width: 25px;}
.flash_icon span {line-height: 0;font-weight: 600;text-transform: uppercase;margin-right: 0;font-size: 50px;}
.flash_text {text-align: left;width: 270px;height: 65px;display: table-cell;vertical-align: middle;}
.flash_text span {color: #000000;}
.flash_close {width: 30px;height: 65px;display: table-cell;vertical-align: top;text-align: center;cursor: pointer;font-size: 16px;padding-top: 6px; font-weight:700;}
.closeFlashMsg .message-div {right: -50%;animation-name: stop;-webkit-animation-name: stop;animation-duration: .6s;-webkit-animation-duration: .6s;}

.red_clr,
.mandatory_field,
.field_req{color:var(--Price);}
.inline-block{display: inline-block;}
.Flex{display: flex;}
.Flex_Center{display: flex;align-items: center;justify-content: center;}
.Space_Between{justify-content: space-between;}
.Space_Left{justify-content: left;}
.Space_Right{justify-content: right;}
.Align_Center{align-items: center;}
.Align_Left{align-items: left;}
.Align_Right{align-items: right;}

.btn100{width:100px;background-image:var(--top-green); /*border:1px solid var(--top-green);*/ line-height:30px; height:30px; text-align:center; border-radius:5px; display:inline-block; font-size:12px; text-transform:uppercase; color:#fff; font-weight:600;}
.btn120{width:120px;background-image:var(--top-green); border:1px solid var(--top-green); line-height:30px; height:30px; text-align:center; border-radius:5px; display:inline-block;font-size:12px; text-transform:uppercase; color:#fff; font-weight:600;}
.btnAuto{padding:0 15px;background-image:var(--top-green); border:1px solid var(--top-green); line-height:30px; height:30px; text-align:center; border-radius:5px; display:inline-block; text-transform:uppercase; color:#fff; font-weight:600;}
.btnAuto40{padding:0 20px;background-image:var(--top-green); border:1px solid var(--top-green); line-height:40px; height:40px; text-align:center; border-radius:5px; display:inline-block; width:auto;font-size:12px; text-transform:uppercase; color:#fff; font-weight:600;}

.InnerBanner_Div{display:block; margin-bottom:25px;}
.InnerBanner_Div img{display:block;}

.breadcrumb{padding-bottom:25px}
.breadcrumb ul{display:flex; align-content:center;}
.breadcrumb li{position: relative;float: left;font-weight: 500;vertical-align: middle;display: inline-block;text-transform: capitalize; width:auto !important; margin:0 !important;}
.breadcrumb li:last-child:after{display:none;}
.breadcrumb li:last-child a{color:var(--Black);font-weight: 600;}
.breadcrumb li a {color: #555555;margin: 0 10px 0 0;}
.breadcrumb li:after {content: "";background: url(/images/HealthSupp/breadcrumbs-arrow.png) no-repeat 0 0;background-size: 100%;width: 10px;height: 10px;color: #7f7f7f;display: inline-block;font-size: 16px;text-transform: capitalize;vertical-align: middle;padding-right: 10px;margin: -1px 7px 0 0;}

.Page_Container{}

.desktop_image{display: block;}
.mobile_image,
.Mobile_View{display: none;}

.innerbannerDiv{}
.innerbannerDiv img{border-radius:10px;}
.innerbanner_leftDiv{float:left;width:49%}
.valentine_rightBnr{float:right}
.innerbanner_rightDiv{float:right;width:49%}

.wrapper {max-width: 1230px;width: 100%;margin:0 auto; padding:0 15px;}
.Middle_Section{}

/*** DEFAULT CHECKBOX ***/
.lable_content{display:block;position:relative;padding-left:25px;margin-bottom:00;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.lable_content .checkmark{position:absolute;top:0;left:0;background:#fff; border: var(--brd-grey);border-radius: 5px;width: 20px;height: 20px;margin-right: 10px;display: inline-block;vertical-align: middle;cursor: pointer;}
.lable_content .checkmark:after{display:none;content: "";position: absolute;left: 6px;top: 2px;width: 7px;height: 12px;display: none;border: solid var(--top-green);border-width: 0 3px 3px 0;transform: rotate(45deg);}
.lable_content:hover input ~ .checkmark{background-color:#fff;}
.lable_content input{position:absolute;opacity:0;cursor:pointer;z-index: 50;}
.lable_content input:checked ~ .checkmark{background-color:#ffffff;border: 1px solid var(--top-green);}
.lable_content input:checked ~ .checkmark:after{display:block;}
.lable_content .label_text{color: #000000; line-height:20px; padding-left: 5px;}
.lable_content input:checked ~ .label_text,
.lable_content input:checked ~ .label_text a{color: var(--top-green);}

/*** DATE PICKER ***/
.ui-datepicker-month,
.ui-datepicker-year{background: url(/images/HealthSupp/icon-arrow-down.png) no-repeat center right 10px #fff;background-size: 25px;}
.ui-datepicker-month{float:left; padding:0 0 0 10px;}
.ui-datepicker-year{float:right; padding:0 0 0 10px;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {width: 48% !important;}

/*** TOP SCROLL BUTTON ***/
#scroll {position:fixed;right:10px;bottom:60px;cursor:pointer;width:40px;height:40px;background-color:var(--Primary);text-indent:-9999px;display:none;border-radius:50px}
#scroll span {position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-12px;height:0;width:0;border:8px solid transparent;border-bottom-color:#ffffff}
#scroll:hover {background-color:var(--siteGreen);opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";}
#scroll:hover span{border-bottom-color:#000}

/*** OLD COMMON CSS ***/
.common_width {float: left;width: 100%;}
.pageloaderDiv {display: none;}
.pageloaderDiv .overlay_close{padding:0; height:auto;}
.after_pay_bg__black {position: fixed;z-index: 1234567; left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;background-color: #000;background-color: rgba(0, 0, 0, .4);overflow-y: scroll;display: none;transition-timing-function: ease-in;transition: .2s;}
.after-pay-popup {font-family: 'Public Sans', sans-serif;width: 800px;margin: 0 auto;padding: 20px;background: #b2fce4;color: #000;display: table;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 10px;}
.after-pay-popup-close {position: absolute;right: 15px;top: 15px;}
.after-pay-popup-close span {font-size: 28px;line-height: 28px;font-weight: 700;cursor: pointer;}
.after-pay-popup-logo {text-align: center;}
.aftre__body {float: left;width: 100%;}
.after-pay-popup-title {text-align: center;margin-bottom: 10px;}
.after-pay-popup-title h4 {font-size: 28px;line-height: 30px;font-weight: 700;}
.after-pay-popup-title span {display: block;}
.after-pay-popup-body {width: 100%;float: left;}
.after-pay-popup-col {float: left;width: 25%;}
.after_pay_box {text-align: center;padding: 0 10px;}
.after_pay_box img {padding-bottom: 10px;width: 45%;}
.after_pay_box h5 {margin: 0;font-size: 14px;line-height: 20px;font-weight: 600;}
.after-pay-popup-footer {text-align: center;padding-top: 50px;display: block;float: left;width: 100%;}
.after-pay-popup-footer p {margin-bottom: 10px;display: block;text-align: center;font-size: 14px;line-height: 20px;}

.productwaitingloader {width: 100%;float: left;margin: 30px 0;text-align: center; display:flex; justify-content:center;}
.productwaitingloader img {max-width: 100px;}

.Rl_ProBoxDiv {background: #fff;padding: 13px;border: var(--brd-grey);width: 100%;text-align: center;position: relative;}
.Rl_ProBoxDiv a{width:100%;}
.Rl_Proimg {width: 100%;text-align: center;padding: 0 0 15px 0;min-height: 200px;}
.Rl_Proimg img {width: 190px !important;height: 190px !important; display:block; margin:0 auto;}
.Rl_ProName,
.Rl_ProName a {color: #000;font-size: 14px;line-height: 20px;padding: 0 10px;}
.Rl_ProName{height:65px;}
.Rl_ProName a,
.Rl_ProName span{-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;}
.Rl_ShopButton{display: flex;gap: 0;text-transform: uppercase;background: var(--top-green);border-radius: 15px 0 15px 0;align-items: center;justify-content: center;height: 49px;color: #fff;; width:100%;}
.Rl_ShopButton svg{width:35px; height:35px;}
.Rl_ShopButton svg path{fill:#fff;}
.Rl_ProPrice {padding:15px 0 15px 0;display: flex;flex-flow: row wrap; width:100%;}
.Rl_ProPrice strike{color: #909090;padding: 0 8px;}
.Rl_ProPrice span.pro_price_promo{color: var(--Price);font-weight: 700;padding: 0 8px;font-size: 26px; width: 100%;}
.Rl_ProPrice span.pro_price_promo.OOS{font-size:18px;}
.Rl_ProPrice span.OfferPrice{font-size:14px; color:#666; width: 100%; padding-top:5px;display:none;}

.Rlrating {width: 100%;float: left;display:flex; align-items:center; justify-content:center;}
.Reviews_No{font-size:12px; padding-left:10px; color:#6c6c6c; line-height:15px;}
.newProdRating {background: url(/images/HealthSupp/silverstar.png) repeat-x left top; background-size:17px;display: inline-block;height: 17px;text-align: left;vertical-align: top;width: 85px;overflow: hidden;}
.newProdRating-color {background: url(/images/HealthSupp2026/goldstar-1.png) repeat-x left top; background-size:17px;display: inline-block;height: 17px;text-align: left;vertical-align: top;}

.simple-pagination{padding-top: 20px;}
.simple-pagination ul {margin: 20px 0 25px;padding: 0;list-style: none;text-align: center;}
.simple-pagination li {display: inline-block;margin-right: 5px;width: auto !important;list-style: none !important;padding: 0 !important;}
.simple-pagination .active .current {color: #000;background-color: var(--siteGreen);border-color:  var(--siteGreen);}
.simple-pagination li a,
.simple-pagination li span {color: #666;padding: 10px 18px;text-decoration: none;border: var(--brd-grey);background-color: #FFF;box-shadow: 0px 0px 10px 0px #EEE;    border-radius: 5px;}
.simple-pagination li::before,
.list-wrapper li:before {display: none !important;}

.pagination-desktopview,
.pagination-container {width: 100%;float: left;}
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 5px;float: right;width: auto;}
.pagination li:first-child {margin-left: 0;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.pagination li:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.pagination li {position: relative;float: left;padding: 0;margin-left: -2px;line-height: 22px;color: #000 !important;text-decoration: none;background-color: var(--brdgrey);border: 1px solid #d3d3d3;cursor: pointer;}
.pagination li a {color: #000;padding: 10px 16px;display: block;}
.pagination .active, 
.pagination .active:hover {background: var(--siteGreen);padding: 10px 16px; color:#000;}
.pagination-mobileview,
#pagination-container-mobile {display: none;}

.simple-pagination-mobile ul {margin: 20px 0 25px;padding: 0;list-style: none;text-align: center;}
.simple-pagination-mobile li {display: inline-block;margin-right: 5px;}
.simple-pagination-mobile li a,
.simple-pagination-mobile li span {color: #666;padding: 10px 18px;text-decoration: none;border: 1px solid #EEE;background-color: #FFF;box-shadow: 0px 0px 10px 0px #EEE;}
.simple-pagination-mobile .active .current {color: #FFF;background-color: #00abec;border-color: #00abec; font-weight:600}

.popup {position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, .75);width: 100%;height: 100%;display: none;z-index: 123;}

.input_box_error {color: var(--Price);display: block;margin-bottom: 8px;margin-top: -7px;float: left;}
.scroll-to-top {position: fixed;bottom: 150px;right: 15px;width: 40px;height: 40px;line-height: 40px;text-align: center;z-index: 1234;cursor: pointer;border-radius: 50px;background: var(--clr-grey);transition: all 300ms ease;display: none; border:var(--brd-grey);}
.scroll-to-top::after {content: "";border-bottom: 3px solid #000;border-right: 3px solid #000;transform: rotate(225deg);height: 12px;width: 12px;position: absolute;cursor: pointer;right: 0;top: 42%;left: 0;margin: 0 auto;}
.list-wrapper {padding: 10px 0 0px;overflow: hidden;}
.list-wrapper-PaymentPending {padding: 10px 0 0px;overflow: hidden;}
.list-item {background: #FFF;}
.list-item h4 {color: #FF7182;font-size: 18px;margin: 0 0 5px;}
.list-item p {margin: 0;}
.list-item-PaymentPending {background: #FFF;}
.list-item-PaymentPending h4 {color: #FF7182;font-size: 18px;margin: 0 0 5px;}
.list-item-PaymentPending p {margin: 0;}
.list-wrapper li {list-style: none !important;padding: 0 !important;}
.list-wrapper-PaymentPending li {list-style: none !important;padding: 0 !important;}
.list-wrapper-PaymentPending li:before {display: none !important;}

.quantity{display: flex;border: 2px solid var(--clr-grey);border-radius: 20px;overflow: hidden;width: 120px;position: relative;height: 40px;}
.quantity button,
.quantity input{height:38px; line-height:38px; text-align:center !important; padding:0;width:40px; border-radius:unset; heigth:38px;}
.quantity button {background-color: var(--clr-grey);color: #000;border: none;cursor: pointer;font-size: 20px;transition: background-color 0.2s; height:38px;}
.quantity .input-box {font-size: 16px; border:0;}

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
.quantity input[type=number] {-moz-appearance: textfield;}

.quantity span.Loading {width: 40px;height: 100%;background: #eaebef;position: absolute;top: 0;left: 0;right: 0;border-radius: 0px;z-index: 2;margin: 0 auto;}
span.Loading { border-radius: 5px;}
span.Loading img {width: 20px;margin: 8px auto 0 auto;display: block;float: none;}
.green_btn {background: var(--top-green);color: #fff; border:1px solid var(--top-green);}

.related_proTitle {font-size: 20px;font-weight: 600;margin-bottom: 20px;}
/*
.field-validation-error {margin-bottom: 10px;display: block;user-select: none;position: absolute;right: 0;top: -10px;left: 0;width: 94%;background: #ec2529;text-align: center !important;box-shadow: 0 1px 10px #ccc;padding: 5px 0 !important;z-index: 999;transition: all .4s ease-in-out;font-size: 12px;text-transform: capitalize;}
.field-validation-error:after {content: '';position: absolute;bottom: -6px;left: 0;right: 0;margin: 0 auto;width: 0;height: 0;border-top: solid 6px #ec2529;border-left: solid 6px transparent;border-right: solid 6px transparent;}
*/
.field-validation-error {margin-bottom: 0;display: block;user-select: none;position: relative;right: 0;top: 0;left: 0;width: 100%;z-index: 123;transition: all .4s ease-in-out;font-size: 12px;text-transform: capitalize; color:var(--Price);}
.field-validation-error:after {display:none;}

.searchNoresult_text{width:100%;float:left;margin:0;padding:15px 0 0;border-top:var(--brd-grey);}
.searchNoresult_text strong{font-size: 20px;color: var(--siteBlue);}
.searchNoresult_text p{margin-top:10px;text-align: justify;line-height: 22px;}
.searchNoresult_text a{color:var(--Price);}

/*** COMMON POPUP ***/
#food_popup, 
#neomax_food_popup, 
#divForgotModal, 
#divAlertModal, 
#Talentcare_food_popup, 
#Talentcare_food_popupFood {position: fixed;width: 100%;height: 100%;top: 0;left: 0;padding-top: 5%;z-index: 999999;display: none;background-color: rgba(0, 0, 0, .75);}

.food_popup_container {width: 100%;float: none;position: fixed;z-index: 123;}
.foodpopup_contentBody {width: 42%;float: none;display: table;margin: 10px auto;padding: 10px 10px 30px;background: #fff;border: var(--brd-grey);box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);animation-name: animatetop;animation-duration: .4s;border-radius: 8px;position: relative;}
.food_popup_container .close {color: #fff;background:var(--close-bg);padding: 0;border-radius: 100px;float: right;position: absolute;z-index: 123;cursor: pointer;right: -10px;top: -10px; width:30px; height:30px;display: flex;align-items: center;justify-content: center;}
.food_popup_container .close img{width: 23px;height: 24px;}
.food_popup_container .close button{display: flex;align-items: center;justify-content: center;height: 30px;}

.Alert_contentBody {width: 250px;margin-top: 0;padding-top: 35px;padding-bottom: 10px; text-align:center;}
.Alert_contentBody h2,
.Alert_contentBody #alertHead{color:var(--Price);display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 600;}
.Alert_contentBody h2 svg,
.Alert_contentBody #alertHead svg{width:30px; height:30px; margin-right:5px;}
.Alert_contentBody h2 svg path,
.Alert_contentBody #alertHead svg path{fill:var(--Price);}
.alertOK {background: var(--top-green);color: #fff !important;width: 70px !important;height: 35px;line-height: 35px;margin-top: 0;cursor: pointer;border: 0;padding: 0;font-size: 14px; font-weight:600; border-radius:10px; border-radius:5px;}

.bl_check {width: 20px;height: 20px;position: relative;top: 0;left: 0;float: left;cursor: pointer;border-radius: 2px;}
.bl_check input {display: none; border:0;}
.bl_check .chkbox {width: 100%;height: 100%;background-color: #fff;position: relative;overflow: hidden;cursor: pointer;border-radius: 5px;}
.bl_check .checkbox:checked~.chkbox:after {top: -4px;}
.bl_check .chkbox:after {width: 60%;height: 40%;content: '';position: absolute;border-left: 2px solid;border-bottom: 2px solid;border-color: #000;transform: rotate(-45deg) translate3d(0, 0, 0);transform-origin: center center;left: 1px;right: 0;top: 200%;bottom: 5%;margin: auto;}

.Pro_processDiv {float: right; position:relative;}
.Pro_processDiv .steps {padding: 0;margin: 0;list-style: none;display: flex;}
.Pro_processDiv .steps .step:first-child {margin-left: auto}
.Pro_processDiv .steps .step:last-child {margin-right: auto}
.Pro_processDiv .step:last-of-type .step-content {padding-right: 0}
.Pro_processDiv .step-content {box-sizing: content-box;display: flex;align-items: center;flex-direction: column;width: 75px; /*min-width: 5rem;max-width: 5rem;*/padding-top: 10px;padding-right: 0}
.Pro_processDiv .step-circle {position: relative;display: flex;justify-content: center;align-items: center;width: 22px;height: 22px;color: #111;border: 0px solid #ffffff;border-radius: 100%;background-color: var(--clr-grey);;font-size: 12px;}
.Pro_processDiv .step:first-of-type .step-circle::before {display: none}
.Pro_processDiv .step-circle::before,
.Pro_processDiv .steps .step:first-child .step-circle::after {content: "";display: block;position: absolute;top: 50%;left: -2px;width: calc(61px + 10px - 22px);height: 2px;color: #adb5bd;}
.Pro_processDiv .step-circle::before {transform: translate(-100%, -50%);background-color: var(--clr-grey);}

/*** THIS IS FIRST CIRCLE SCRIPT AFTER ACTIVE THIRD CIRCLE ***/
.Pro_processDiv .steps .step:first-child .step-circle::after {transform: translate(0%, 0%);background-color: #fff;display: none;}
.Pro_processDiv .step-text {color: #666;word-break: break-all;margin-top: .25em;font-size: 11px;}
.Pro_processDiv .step-active .step-circle {color: #fff;background: var(--top-green);border-color: var(--top-green);}
.Pro_processDiv .step-active .step-circle::before {color: #02abec;}
.Pro_processDiv .step-active .step-text {color: #fff;}
.Pro_processDiv .step-error .step-circle {color: #fff;background-color: #dc3545;border-color: #dc3545;}
.Pro_processDiv .step-error .step-circle::before {color: #dc3545;}
.Pro_processDiv .step-success .step-circle {color: #fff;background: var(--top-green);border-color: var(--top-green);}
.Pro_processDiv .step-success .step-circle::before {color: #fff;}
.Pro_processDiv .step-success .step-text {color: #fff;}

.cls_Pro_processDiv .Pro_processDiv .step-content {box-sizing: content-box;display: flex;align-items: center;flex-direction: column;width: 75px;padding-top: 10px;padding-right: 0;}

.sa-button-container{display: flex;align-items: center;justify-content: center;}
.sa-button-container button{padding:0 !important; width:100px !important; line-height:40px!important; height: 40px!important;}

.product_content_table,
.product_content_table_2 {border: 1px solid #adb5bd;border-collapse: collapse;margin: 15px 0;padding: 2px;width: 100%;text-align: center;}
.product_content_table_2 {width: 50%;}
.product_content_table tr:first-child {background-color: #f1f1f1;font-weight: bold;}
.product_content_table tr:first-child strong {font-size: 14px;}
.product_content_table tr:first-child td {padding: 8px 10px;}
.product_content_table td{border: 1px solid #adb5bd;padding: 10px;}

.product_content_table td h1,
.product_content_table td h2,
.product_content_table td h3,
.product_content_table td h4,
.product_content_table td h5,
.product_content_table td h6,
.product_content_table td strong,
.product_content_table td b {color: #000000;font-size: 14px;font-weight: bold;display: block;}
.product_content_table strong,
.product_content_table p {margin: 0;}
.product_content_table a { color: #000000; text-decoration: underline;}
.product_content_table td strong{display:inline-block;}

.disclaimer_box{padding-top:20px;font-style:italic;display: inline-block;}
.disclaimer_box span.title{display:inline-block; padding-bottom:10px; font-weight:bold;}
.disclaimer_box p{line-height:20px; padding-bottom:10px;}


.cls_RRP_Band {position: absolute;font-size: 12px;color: #cf1115;border: 1px solid #cf1115;border-radius: 5px;padding: 3px 5px;font-weight: 600;background: #fff;}
.cls_Packproduct_TitleNameDiv .cls_RRP_Band {margin: 0 0 5px;display: table;position: inherit;padding:5px 10px;text-transform: uppercase;}
.cls_Packproduct_PackDetailDiv .cls_RRP_Band {position: inherit;color: #555;border: 0;padding: 0;text-transform: uppercase;}



.signup-Popup{z-index: 999;opacity: 1;overflow: hidden;background: rgba(0,0,0,0.7);position: fixed;height: 100%;width: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.signup-content{position: fixed;z-index: 99;top: 50%;left: 0%;right: 0%;width: 780px;margin: 0 auto;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);-o-transform: translateY(-50%);background: #000;box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;max-height: 94%;overflow: auto;}
.signup-content-inner{background:url(https://www.healthsupplements.com.au/images/banners/popup-bg-12Dec.png) no-repeat center 0 ; background-size:cover;}
.popup-close { position: absolute; top: 20px; right: 20px;}
.popup-close svg{width: 30px;height:30px;color: #fff;cursor: pointer;}
.signup-Popup-inner { padding:25px 20px; color:#fff; text-align:center;}

.signup-btn{width: 20%; text-align: center;}
.signup-btn button{text-decoration: none; font-size: 16px; font-weight:400;	display: inline-block;  padding: 9px 19px; -webkit-appearance: none;  -moz-appearance: none;  border: 1px solid transparent; cursor: pointer;
	-webkit-transition: all .3s; transition: all .3s; line-height: 16px; text-align: center; border-radius: 30px; text-transform: uppercase; transition: all .4s ease-in-out; font-family: 'Sora';
}
.signup-Popup-text{font-size:20px; font-weight:500; margin-top:30px;}
.signup-Popup-get{font-size:30px; font-weight:600; text-transform:uppercase; position:relative; margin:25px 0;}
.signup-Popup-get:after{content:""; position:absolute; top:50%;right:15%; border:1px solid #fff; width:200px;}
.signup-Popup-get:before{content:""; position:absolute; top:50%;left:15%; border:1px solid #fff; width:200px;}
.signup-Popup-offer img {width: 320px; margin: 0 auto; display: block;}
.signup-Popup-order{font-size:30px; font-weight:400; margin-top:25px;}
.signup-Popup-input{margin-top:25px;}
.promo-faqp-input {max-width:400px; margin:0 auto; width: 100%;padding: 9px;outline: none;font-size: 16px;background: #fff;border: 0;font-weight: 400;border-radius:0;}
.signup-Popup-a{margin-top:30px;}
.signup-Popup-btn button {border: 1px solid #fff;border-radius: 0;display: block;font-size: 18px;font-weight: 500;width: 220px;margin: 0 auto; position:relative;}
.signup-Popup-a a{display:block; color :#fff; font-size:20px; font-weight:500; text-transform:uppercase; text-decoration:underline;}
.signup-Popup-content{margin-top:20px;}
.signup-Popup-content p{font-size:16px; font-weight:500; display:block; margin: 10px 0;}

.signup-Popup-btn {position:relative; width: 220px;margin: 30px auto;}
span#btnloaderfstCust {
    position: absolute;
    top: 0;
    margin: 0 auto;
    height: 40px;
    left: 0;
    right: 0;
    background: #000000;
    border: 1px solid #000;
    border-radius: 0;
}

.signup-Popup.successful .signup-content {
  width: 380px;
  border-radius: 10px;
}
.successful .signup-content-inner{background:#fff;}
.successful .signup-Popup-text{color:#000; margin:0;text-align:left;font-size:16px; font-weight:500;}
.successful .popup-close svg{color:#fff; width:25px; height:25px; background:red; padding:5px; border-radius:30px;}
.successful .popup-close {
  position: absolute;
  top: 6px;
  right: 12px;
}
.successful .signup-Popup-inner{padding: 30px;}

@media only screen and (max-width:1000px),(max-width:1199px){
.wrapper{padding: 0 var(--padding15);}
.HomeSlider_Two .owl-carousel .owl-nav button.owl-next{right:0;}
.HomeSlider_Two .owl-carousel .owl-nav button.owl-prev{left:0;}
.signup-content {width: 90%; max-height: 80%;}
}


@media only screen and (max-width:900px),(max-width:999px){
.closeFlashMsg .message-div {right:-130%;}
.float_right{width:70%;}

.errorPage_Content{padding:30px 0;}
.errorPage_Content img{width:50%; margin-bottom:15px;}
.errorPage_Content span{font-size:25px; line-height:25px;}
.errorPage_Content p,
.errorPage_Content a.NormalLink{font-size:16px !important;}

.errorPage_Content.Prd_Unavailable img{width:375px;}

.Scroll_Width{width: max-content;}
.desktop_image,
.Desktop_View{display: none;}
.mobile_image,
.Mobile_View{display: block;}

.after-pay-popup {width: 90%;}

.product_content_table {border: 0px solid #adb5bd;float:left;}


}

@media only screen and (max-width:800px),(max-width:899px){
img.DesktopBanner{display:none;}
img.MobileBanner{display:block; border-radius:10px;}
.InnerBanner_Div.PB30{padding-bottom:20px;}

.pagination-desktopview,
#pagination-container{display:none}
.pagination-mobileview,
#pagination-container-mobile{display:block}
.signup-content {top: 60%;  }
.signup-Popup-text {font-size: 16px;margin-top: 25px;}
.signup-Popup-get {font-size: 24px;margin: 10px 0;}
}

@media only screen and (max-width:700px),(max-width:799px){

}
@media only screen and (max-width: 500px), (max-width: 599px) {
  .signup-content {max-height: 95%;}
  .signup-Popup-get:before,
  .signup-Popup-get:after{content:none;}
  .signup-Popup-offer img {width: 200px;}
  .signup-Popup-order {font-size: 20px;margin-top: 15px;}
  .signup-Popup-btn, 
  .signup-Popup-a {margin-top: 20px;}
  .signup-Popup-a a{font-size: 18px;}
  .signup-Popup-content p {font-size: 14px;margin: 10px 0;text-align: center;}
  .popup-close {position: absolute;top: 15px;right: 10px;}
  }
  @media only screen and (max-width: 400px), (max-width: 499px) {
  .signup-content {  top: 55%;}
  } 
  @media only screen and (max-width: 300px), (max-width: 399px) {
  .signup-Popup-offer img {  width: 150px;}
  }
@media only screen and (max-width:400px),(max-width:499px) {
/*** PADDING / MARGIN / OTHERS ***/
:root{
--padding30: 25px;
--padding40: 30px;
--padding50: 30px;
--padding60: 50px;
--margin30: 25px;
--margin40: 30px;
--margin50: 40px;
--margin60: 30px;

}

.errorPage_Content{padding:10px 0;}
.errorPage_Content h1{font-size:22px;}
.errorPage_Content span{font-size:18px; line-height:normal;}
.errorPage_Content.Prd_Unavailable img{width:70%;}

.Scroll_Container{overflow: scroll hidden;}
.Scroll_Container .product_content_table{width:800px;}

.InnerBanner_Div.PB30{padding-bottom:15px;}
input, select, textarea, button{padding:0 10px;}
p{text-align:justify}

.Pro_processDiv {width:100%;}

.after-pay-popup{width:80%;}
.after-pay-popup {padding: 10px 15px 0;}
.after-pay-popup-title {margin-bottom: 10px;float: left;text-align: center;width: 100%;}
.after-pay-popup-title h4 {font-size: 18px;line-height: 22px;}
.after-pay-popup-col {width: 100%;margin-bottom: 14px;}
.after_pay_box {text-align: left;padding: 0;}
.after_pay_box img {padding-bottom: 0px;padding-right: 10px;width: 50px;display: inline-block;}
.after_pay_box h5 {display: inline-block;width: 80%;vertical-align: middle;float: none;}
.after-pay-popup-footer {padding: 0;}

.closeFlashMsg .message-div{right: -100%;width: 92%;}

.scroll-to-top{bottom:150px; right:5px;}
.breadcrumb{display:none;}
.simple-pagination li a, 
.simple-pagination li span {padding: 7px 12px;}

.Rl_ProName{padding:0;}
.Rl_Proimg {min-height: 140px;}
.Rl_Proimg img {width: 130px !important;height: 130px !important;}
.Rl_ProPrice span.pro_price_promo{font-size:24px;}
.Rl_ShopButton span{width:115px;}

}

@media only screen and (max-width:375px),(max-width:399px){
.simple-pagination li a, 
.simple-pagination li span {padding: 5px 10px;}

}

@media only screen and (max-width:360px){
.Rl_ProName{height:70px;}

}

@media only screen and (max-width:300px),(max-width:320px){
.Rl_Proimg {min-height: 120px;}
.Rl_ProName{height:auto; padding-bottom:10px;}
}