/* start video */
#video>div {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
height: 0;
margin-bottom: 2%;
}
#video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* end video */
/* start image collection */
.imagegroup {
display: flex;
justify-content: space-evenly;
align-items: center;
}
.imagegroup img {
width: 30%;
display: block;
margin: 2% auto;
}
/* start how */
.how {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
.how>div {
width: 48%;
align-self:center;
}
.how img {
display: block;
margin: 0 auto;
width: 100%;
}
.use ul li {
padding: 15px;
vertical-align: middle;
}
.im {
display: flex;
}
.im img {
align-self: center;
}
/* start how */
.diagram {
display: flex;
justify-content: space-between;
}
.diagram img {
display: block;
margin: 3% auto;
}
.guide {
width: 18%;
}
.guide p:first-of-type {
font-weight: bold;
text-align: center;
}
.guide li {
margin-bottom: 0;
}
.imz {
width: 35%;
}
.imz img {
width: 100%;
}
@media screen and (max-width: 780px) {
.imz {
order: -1;
}
.diagram {
flex-direction: column;
}
.guide {
width: 100%;
}
.imz {
width: 100%;
}
}
/* Features Styling */
.rowz {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.Features {
flex-basis: 16%;
padding: 10px;
text-align: center;
}
.Features img {
min-width: 75.34px;
}
.FeaturesHeaders {
color:#ff658a;
font-weight: bold;
}
/* Beauty Care Routine */
.Care {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
}
.Tips {
flex-basis: 25%;
padding: 0px;
text-align: center;
}
.btn2 {
color: #843090;
font-size: large;
font-weight: bold;
box-shadow: 0px 2px 2px 2px;
min-width: 120px;
padding: 20px 0px;
text-decoration: underline;
}
.btn2 {
animation-name: line;
animation-duration: 1.5s;
animation-iteration-count: infinite;
transition: ease;
animation-fill-mode: both;
}
@keyframes line {
0% {
text-decoration: underline;
}
100% {
text-decoration: none;
}
}
.arrowz {
border: solid #843090;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
transform: rotate( 135deg );
}
.rightz {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
margin-right: 5px;
}
.BeautyCare {
position: relative;
letter-spacing: 9px;
}
.BeautyCare-block {
position: absolute;
bottom: 44%;
right: 0%;
color: white;
padding: 0px;
}
.Choose {
font-weight: bold;
color: white;
font-size: 2.5vw;
text-align: right;
}
/*grid-code*/
.btn1 {
border: none;
color: white;
font-size: 16px;
border-radius: 10px;
}
.ban img {
display: block;
margin: 0 auto 2%;
width: 100%;
}
.parent {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
gap: 2%;
cursor: pointer;
align-content: center;
}
.parent img {
display: block;
width: 100%;
border-radius: 5%;
margin: 0 auto;
}
.child p:first-of-type {
text-align: center;
}
.card {
transition: .3s;
}
.card:hover {
transform: translatey(-10px);
}
@media only screen and (max-width: 767px) {
.parent::after {
content: "";
height: 7vh;
}
@media screen and (max-width: 700px) {
.Tips {
flex-basis: 50%;
}
.BeautyCare {
position: relative;
letter-spacing: 1px;
}
.BeautyCare-block {
position: absolute;
bottom: 33%;
right: 5%;
color: white;
padding: 0px;
}
.Choose {
font-weight: bold;
color: white;
font-size: 3.5vw;
text-align: right;
}
}
@media screen and (max-width: 700px) {
.Features {
flex-basis: 16%;
padding: 10px;
text-align: center;
}
.Features img {
min-width: 96.34px;
max-width: 75.34px;
}
}
@media screen and (max-width: 700px) {
.how>div {
width: 100%;
}
.im {
order: 1;
}
.im img {
width: 100%;
margin: 3% auto;
}
.use {
line-height: normal;
}
.use ul li {
padding: 5px;
vertical-align: middle;
}
}
@media screen and (max-width: 700px) {
.imagegroup {
flex-direction: column;
display:none;
}
.imagegroup img {
width: 100%;
margin: 2% auto;
}
}
وصف المنتج:
فوائد المنتج:
مواصفات المنتج:
صنع فى انجلترا
مناسب للنباتيين
رائحة فاخرة
خالى من السلفات
خالى من البارابين
خالى من السليكا
إرشادات الاستخدام:
تفاصيل المنتج:
وصف المنتج:
فوائد المنتج:
مواصفات المنتج:
صنع فى انجلترا
مناسب للنباتيين
رائحة فاخرة
خالى من السلفات
خالى من البارابين
خالى من السليكا
إرشادات الاستخدام:
تفاصيل المنتج: