/* start product label */
:root {
--bioderma: #3064a0;
}
.grico {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
width: 80%;
color: #0c0b0b !important;
font-weight: bold !important;
}
.gridz {
margin: 0 auto;
display: grid;
grid-template-areas:
"on tw ."
"fr tw fv"
"sx tw .";
row-gap: 15px;
justify-content: flex-start;
align-items: center;
}
.one {
grid-area: on;
}
.two {
grid-area: tw;
background-color: transparent;
position: relative;
margin-bottom: 5%;
width: 15vw;
}
.four {
grid-area: fr;
}
.five {
grid-area: fv;
text-align: center;
}
.six {
grid-area: sx;
}
.two img {
display: block;
width: 100%;
}
.gridz>div p {
font-weight: normal;
margin: 15px;
color: #070707;
font-weight: bold;
}
.one::before,
.four::before,
.six::before {
content: "";
position: absolute;
top: 49%;
left: -0.1rem;
width: 0.5rem;
height: 0.5rem;
border-radius: 100px;
display: block;
background-color: var(--bioderma);
}
.five::before {
content: "";
position: absolute;
top: 49%;
right: -0.1rem;
width: 0.5rem;
height: 0.5rem;
border-radius: 100px;
display: block;
background-color: var(--bioderma);
}
.one,
.five,
.four,
.six {
border-top: 2px solid var(--bioderma);
position: relative;
text-indent: 1em;
width: 20vw;
}
.borderLeft {
border-left: 2px solid var(--bioderma);
position: absolute;
top: 0;
bottom: 0;
height: 33%;
}
.borderRight {
border-right: 2px solid var(--bioderma);
position: absolute;
top: 0;
right: 0;
height: 33%;
}
.five .borderLeft {
opacity: 0;
}
.lion {
color: var(--bioderma);
font-weight: bold;
margin-left: 1em;
}
.bigimage {
display: block;
}
.smallimage {
display: none !important;
}
@media screen and (max-width: 700px) {
.grico {
width: 100%;
}
.gridz {
padding: 10px;
grid-template-areas:
"on tw "
"fr tw "
"fv tw "
"sx tw ";
width: 100%;
}
.five::before {
left: -0.1rem;
right: none;
}
.five {
text-align: left;
}
.five .borderLeft {
opacity: 1;
}
.five .borderRight {
display: none;
}
.one,
.five,
.four,
.six {
width: 70vw;
}
.two {
width: 70vw;
}
}
@media screen and (max-width: 490px) {
.bigimage {
display: none !important;
}
.smallimage {
display: block !important;
}
}
/* Video Styling */
.videoz {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
height: 0;
margin-bottom: 10px;
}
.videoz iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Free From Info */
.freefrom {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
border: solid #ffffff 2px;
border-radius: 25px;
padding: 1%;
align-content: space-around;
margin: 2%;
width: 95%;
}
.feat {
text-align: center;
margin: 1%;
width: 10%;
}
.feat:hover {
transform: scale(1.1);
}
.feat {
transition: all 0.5s ease-in-out;
}
.feat img {
display: block;
width: 100%;
margin-bottom: 10%;
}
.featext {
display: block;
font-weight: 600;
overflow-wrap: normal;
color: #030303 !important;
}
@media (max-width: 767px) {
.feat {
width: 29%;
}
}
/* Product Benefits Styling */
.ProductBenefits {
display: flex;
flex-wrap: wrap;
align-content: space-around;
}
.ProductBenefitsBelow {
text-align: center;
margin: 1%;
width: 47%;
}
@media screen and (max-width: 700px) {
.ProductBenefits>div {
width: 100%;
}
#ProductBenefitsText {
line-height: normal;
}
}
/* Tabel Styling */
.sup {
background-color: #5fda63;
border-color: #5fda63;
border-style: solid;
border-radius: 30px;
color: #006b80 !important;
margin: 2%;
}
.sup table {
vertical-align: middle;
border-radius: 30px;
overflow: hidden;
table-layout: fixed;
background-color: white;
border-collapse: collapse;
box-shadow: none;
}
.captionz {
align-items: flex-end;
padding: 2%;
font-weight: 600;
color: white;
}
.nu1 {
margin-left: 2%;
font-size: 3vw;
white-space: nowrap;
}
.nu2 {
margin-right: 2%;
white-space: nowrap;
float: right;
margin-top: -1%;
font-weight: 900;
font-size: 1.2em !important;
}
.conc {
text-align: left;
text-indent: 0.5em;
}
.sup th {
font-weight: bold;
padding: 2%;
text-align: center;
border-bottom: 6px solid #5fda63;
}
.sup th p {
font-weight: 600;
color: #006b80 !important;
}
.sup tr:first-child th {
border-bottom: 1px solid #5fda63;
}
.sup td {
border-left: none;
border-right: none;
overflow-wrap: normal;
}
.sup td {
padding: 2%;
text-align: center;
vertical-align: middle;
border-bottom: 2px solid #5fda63;
}
.sup tr:last-child td {
border-bottom: none;
}
@media screen and (max-width: 699px) {
.sup {
width: 95%;
}
.nu1 {
font-size: 6vw;
text-align: center;
margin-left: 0%;
}
.nu2 {
float: none;
text-align: center;
font-size: 3.5vw !important;
margin-bottom: 0%;
margin-top: 0%;
}
.sup table {
width: 96%;
margin: 0 auto 10px auto;
}
.sup th {
border-bottom: 4px solid #5fda63;
font-size: 3.5vw;
white-space: nowrap;
}
.sup tr:first-child th p {
font-size: 3vw;
}
.sup th p {
font-weight: 900;
}
.sup table td {
font-size: 3.7vw;
overflow-wrap: normal;
font-weight: 600;
}
.sup table td p {
font-weight: 450;
}
.sup td:nth-child(1) {
text-align: left;
}
.sup th:nth-child(1) {
text-align: left;
}
}
@media screen and (min-width: 700px) {
.sup {
width: 70%;
margin: 0 auto;
}
.sup table {
width: 99%;
margin: 0px 2px 2px 2px;
}
}
.lifeStyle img {
display: block;
margin: 0 auto;
width: 100%;
}
Product Description:
Product Benefits:
Diabetic Care
Nerve Function
Heart Health & Energy Booster
Lemon Flavor
Vitamin B6
100mg
120 ml
2.5ml daily at mealtime
Free From Information:
Indications:
How to use:
Caution & Warnings:
Storage Requirements
Ingredients:
Vitamin B-6 (as pyridoxine hydrochloride)
Servings Per Container: About 48 | |
---|---|
Ingredient | Amount Per Serving |
Calories | 5 |
Total Carbohydrate | 2 g |
Sugar Alcohol | 1 g |
Vitamin B-6 (from pyridoxine hydrochloride) | 100 mg |
Disclaimer:
While Nahdi strives to ensure the accuracy of its product images and information, some
manufacturing changes to
packaging and/or ingredients may be pending update on our site. Although items may occasionally ship with
alternate packaging, freshness is always guaranteed. We recommend that you read labels, warnings and directions
of all products before use and not rely solely on the information provided by Nahdi.
Product Details:
Product Description:
Product Benefits:
Diabetic Care
Nerve Function
Heart Health & Energy Booster
Lemon Flavor
Vitamin B6
100mg
120 ml
2.5ml daily at mealtime
Free From Information:
Indications:
How to use:
Caution & Warnings:
Storage Requirements
Ingredients:
Vitamin B-6 (as pyridoxine hydrochloride)
Servings Per Container: About 48 | |
---|---|
Ingredient | Amount Per Serving |
Calories | 5 |
Total Carbohydrate | 2 g |
Sugar Alcohol | 1 g |
Vitamin B-6 (from pyridoxine hydrochloride) | 100 mg |
Disclaimer:
While Nahdi strives to ensure the accuracy of its product images and information, some
manufacturing changes to
packaging and/or ingredients may be pending update on our site. Although items may occasionally ship with
alternate packaging, freshness is always guaranteed. We recommend that you read labels, warnings and directions
of all products before use and not rely solely on the information provided by Nahdi.
Product Details: