/* start product label */
:root {
--bioderma: #52801f;
}
.grico {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
width: 80%;
color: #006b80 !important;
/* font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif !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: #006b80;
font-weight: bold;
text-align: center;
}
.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: 55vw;
}
.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;
box-shadow: #10d61b8f 0px 0px 4px 4px;
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: #006b80 !important;
/* font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif; */
}
@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: 48%;
}
@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;
/* box-shadow: #11a719 0px 0px 4px 4px; */
color: #006b80 !important;
/* font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif !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;
/* font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif !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;
}
}
Product Description:
Product Benefits:
Responsible for amino acid protein metabolism
Helps in the production of serotonin
50 mg Vitamin B6
100 Capsules
One capsule daily
Free From Information:
How To Use:
Servings Per Container: About 100 | |
---|---|
Ingredient | Amount Per Serving |
Vitamin B6 (as pyridoxine HCl and pryidoxal-5-phosphate) | 50 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:
Responsible for amino acid protein metabolism
Helps in the production of serotonin
50 mg Vitamin B6
100 Capsules
One capsule daily
Free From Information:
How To Use:
Servings Per Container: About 100 | |
---|---|
Ingredient | Amount Per Serving |
Vitamin B6 (as pyridoxine HCl and pryidoxal-5-phosphate) | 50 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: