MOON
Server: Apache
System: Linux server.netcommlabs.in 3.10.0-1160.83.1.el7.x86_64 #1 SMP Wed Jan 25 16:41:43 UTC 2023 x86_64
User: dermova (1051)
PHP: 5.4.45
Disabled: exec,passthru,shell_exec,system
$ pwd: /home/dermova/public_html/me/turmeric/
Upload Files
File: /home/dermova/public_html/me/turmeric/style.css
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400i,500,500i,600,600i,700&display=swap');
*{box-sizing: border-box; margin:0; padding:0;}
body{background:#fff; overflow-x:hidden;}
@font-face {
font-family: 'Blenda Script Regular';
font-style: normal;
font-weight: normal;
src: local('Blenda Script Regular'), url('Blenda Script.woff') format('woff');
}
@font-face {
font-family: 'Optima Bold';
font-style: normal;
font-weight: normal;
src: local('Optima Bold'), url('OPTIMA_B.woff') format('woff');
}
/* first */
.container.first, .container.nature-feast{position:relative;}
 h3.heading { position: absolute; font-family: 'Blenda Script Regular'; color: #1c8441; top: 62%; left: 9.1%; font-size: 75px; font-weight: 500;     line-height: 72px;}
.container.first img.turmeric {max-width: 525px; position: absolute; top: 81%; left: 8.1%;}
.para_first { margin-left: 9%; font-family: 'IBM Plex Sans', sans-serif; color: #2d2d2d; max-width: 82%; line-height: 28px; font-size: 16.5px; position: absolute; top: 96%; margin-bottom: 80px;}
.container.nature-feast img { position: relative; right: 0; left: 50%; margin-top: 180px; }

/* nature-feast */
.nature-feast h3.heading { top: 34%; }
.nature-feast .para_first { width: 45%; top: 64%; }
ul.para_first li { list-style: inside; }
.mycontainer.gallery {display: flex; justify-content: space-between; flex-wrap: wrap;}
.mycontainer.gallery img { width: 26%; border-radius: 50%; margin: 2% auto 0 auto; cursor: pointer;}
.mycontainer.gallery, .mycontainer.crossgallery, .mycontainer.icon-wash { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1160px; margin: 0 auto; margin-top: 100px; }
.mycontainer.crossgallery span img { max-width: 97px; }
.mycontainer.crossgallery { justify-content: space-evenly; margin-top: 50px;}
.mycontainer.crossgallery span { width: 9%;  text-align: center;}
.mycontainer.crossgallery span a { text-decoration: none; margin-top: 12px; display: block; color: #000000; font-family: 'Optima Bold'; }

/* face-wash */
.container.face-wash { position: relative; }
.container.face-wash h3.heading { color: #ffffff; top: 19%; }
.container.face-wash p.para_first:nth-child(3) { /* display: none; */ max-width: 400px; top: 67%; color: #fff;     margin-left: 16%;}
.container.face-wash p.para_first:nth-child(4) { /* display: none; */ max-width: 400px; top: 77%; color: #fff; right: 0;     margin-right: 18%; }

/* icon-wash */
.mycontainer.icon-wash{margin-top:-15px; padding: 0 40px;}
.mycontainer.icon-wash span { background: #e7ba22; height: 200px; width: 200px; border-radius: 50%; position: relative; margin: 0 auto; text-align: center; }
.mycontainer.icon-wash span img { max-width: 100px;max-height: 102px; margin: 0 auto; margin-top: -18px; }
.mycontainer.icon-wash p.para_first { font-size: 14px; line-height: 20px; margin: 0 auto; text-align: center; position: absolute;  left: 0; right: 0; top: initial; bottom: 22%;}

/* scrub */
.container.scrub { position: relative; }
.container.scrub h3.heading { top: 23%; }
.container.scrub img.drops { position: absolute; max-width: 138px; top: 50%; left: 9.1%; }

/* twop */
.twop { display: flex; max-width: 1140px; justify-content: space-between; margin: 0 auto; position: absolute; top: 86%; left: 0; right: 0; }
.twop p { /* margin-left: 9%; */ font-family: 'IBM Plex Sans', sans-serif; color: #2d2d2d; max-width: 40%; line-height: 27px; font-size: 16px; }
.mycontainer.icon-wash.icon-wash2 { position: absolute; width: 100%; left: 0; right: 0; top: 103%; }

/* masking */
.container.scrub.masking { margin-top: 355px; }
.container.scrub.masking h3.heading { top: -8%; }
.container.scrub.masking img.inner-drop {     max-width: 142px;    max-height: 121px }
.container.scrub.masking img.inner-drop {     max-width: 142px;    max-height: 121px }
.container.scrub.masking .twop p {    max-width: 42%;}
.container.scrub.masking .twop { position: relative; }
.container.scrub.masking img.haldi.mycontainer { position: absolute; max-width: 9%; right: 0; top: -26%; }
.mycontainer.icon-wash.icon-wash2 span img { margin-top: 8px; }
.container.scrub.masking .icon-wash.icon-wash2 span p { font-size: 13px; line-height: 17px; }
.container.scrub.masking .icon-wash.icon-wash2 span:nth-child(1) p {  bottom: 11%; }


.container.scrub.masking.time { margin-top: 230px; }
.container.scrub.masking.time h3.heading { top: 12%; }
.container.scrub.masking.time.container.time .icon-wash2 span { background: #fadd00; }
.container.scrub.masking.time.container.time .icon-wash2  {max-width: 890px;}

/* last */
.container.scrub.masking.last  img.haldi.mycontainer {  top: -62%; }
.container.last h3.heading { top: 0% !important; }
.container.scrub.masking.last { margin-top: 325px; }
.container.scrub.masking.last p.bold_text { position: absolute; top: 27%; left: 9.1%; font-family: 'IBM Plex Sans', sans-serif; color: #2d2d2d; font-size: 22px; font-weight: 500; }
.container.scrub.masking.last ul.list-last { font-family: 'IBM Plex Sans', sans-serif; color: #2d2d2d; max-width: 40%; line-height: 27px; font-size: 16px; position: absolute; top: 45%; list-style: none; left: 9.1%; }
ul.list-last li span.nomber { background: #137b3e; border-radius: 50%; color: #fff; width: 29px; height: 29px; padding: 3px 10px; text-align: center; margin: 0 auto; display: inline-flex; align-items: center; margin-right: 10px; }
ul.list-last li span.boldme {    font-weight: 500;}
.container.scrub.masking.last ul.list-last li { line-height: 42px; }
img.haldi.haldi-bottom.mycontainer { bottom: 0% !important; position: absolute; top: unset !important; left: 15.1%; max-width: 565px !important; }
.container.scrub.masking img.haldi.haldi-side { max-width: 25%; left: 0; top: -14%; }

/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
.container.first .turmeric.mycontainer.cream4 {left: auto;right: 5%;top: 21%; 	max-width: 38%;}

@media only screen and (max-device-width: 700px)
{
	.container.first img.turmeric{top: 82%; max-width: 55%;}
	.para_first { line-height: 20px; font-size: 14.5px; margin-top: 10px; text-align: justify;}
	.container.nature-feast { margin-top: 130px;  }
	.nature-feast .para_first { width: 100%; top: 99%; }
	.nature-feast h3.heading { top: 72%; }
	.container.nature-feast img { left: 50%; right: 0;}
	.twop{padding: 0px 50px;}
	.twop p{line-height: 19px; font-size: 15px;     top: 104%;}
	h3.heading 	{font-size: 24px; line-height: 22px;font-weight: 500;}
	.container.scrub.masking .twop { position: absolute; }
	.container.scrub.masking.time.container.time  .mycontainer.icon-wash.icon-wash2{top: 124%;}
	.container.scrub.masking{margin-top: 306px;}
	.container.scrub.masking.time .twop { top: 105%; }
	.container.scrub.masking.last { margin-top: 413px; }
	.container.scrub.masking.last p.bold_text {top: 31%;}
	img.haldi.haldi-bottom.mycontainer{max-width: 30%!important;}
	.container.scrub.masking.time.container.time .mycontainer.icon-wash.icon-wash2 { top: 136%; }
	.container.scrub.masking.time { margin-top: 355px; }
	.container.scrub.masking .twop {  top: 100%; }
	.container.scrub.masking .mycontainer.icon-wash.icon-wash2 {top: 128%;}
	.mycontainer.gallery{margin-top: 368px; display: block; text-align: center;}
	.mycontainer.gallery img { width: 40%; text-align: center;margin: 2% auto 6px auto;     text-align: center;}
	.mycontainer.crossgallery { display: block; } 
	.mycontainer.crossgallery span { width: 100%;}
	.container.face-wash p.para_first:nth-child(4) {max-width: 400px; top: 97%; color: #423a3a; right: 0; margin-right: 9%; }
	.container.face-wash p.para_first:nth-child(3) {max-width: 400px; top: 129%; color: #252525; margin-left: 9%; margin-right: 9%; }
	.mycontainer.crossgallery span { width: 30%; }
	.mycontainer.crossgallery {display: flex;}
	.mycontainer.crossgallery span a{font-size: 14px;}
	.mycontainer.icon-wash { margin-top: 213px; }
	.mycontainer.icon-wash span{margin-bottom: 26px;}
	.container.scrub img.drops{max-width: 70px;}
	.twop { display: block;     padding: 0 9%; text-align: justify;}
	.twop p{max-width: 100%;}
	.container.scrub.masking { margin-top: 195px; }
	.container.scrub.masking .twop p { max-width: 100%; }
	.container.scrub.masking img.inner-drop {  display: none; }
	.mycontainer.icon-wash span { background: #e7ba22; width: 200px; height: 200px;}
	.mycontainer.icon-wash span img { max-width: 59px;}
	.mycontainer.icon-wash p.para_first { font-size: 14px; line-height: 15px;}
	.container.scrub { position: relative; margin-top: -19px; }
	.mycontainer.icon-wash.icon-wash2{    top: 83%;}
	.container.scrub.masking { margin-top: 1071px; }
	.mycontainer.icon-wash span img { max-width: 80px;      margin-top: 0;}
	.container.scrub.masking.time { margin-top: 581px; }
	.container.scrub.masking .icon-wash.icon-wash2 span p{line-height: 17px;}
	.container.scrub.masking.last { margin-top: 949px; }
	.container.scrub.masking.last p.bold_text { top: 20%; font-size: 15px; width: 55%; }
	.container.scrub.masking.last ul.list-last { font-size: 15px; position: absolute; top: 75%; list-style: none; left: 9.1%; max-width: 100%; }
	.container.scrub.masking.last ul.list-last li { line-height: 33px; font-size: 13px; }
	ul.list-last li span.nomber { font-size: 11px; width: 22px; height: 22px; padding: 3px 8px; }
	.container.scrub.masking.last ul.list-last{    position: relative; max-width: 90%;}
	img.haldi.haldi-bottom.mycontainer{left: 30.1%;}
	.container.scrub.masking .icon-wash.icon-wash2 span:nth-child(1) p {    bottom: 15%;}
	.container.scrub.masking.time {    margin-top: 1160px;}
}	

@media only screen and (min-device-width: 700px) and (max-device-width: 1024px)
{	
	h3.heading{font-size: 48px; font-weight: 500; line-height: 46px;}
	.container.first img.turmeric{max-width: 44%; position: absolute; top: 84%;}
	.nature-feast h3.heading { top: 54%; }
	.nature-feast .para_first { width: 52%; top: 78%; text-align: justify; }
	.mycontainer.gallery{    margin-top: 320px;}
	.container.face-wash p.para_first:nth-child(3){line-height: 17px;     font-size: 14px;     top: 66%;}
	.container.face-wash p.para_first:nth-child(4){line-height: 17px;     font-size: 14px;}
	.twop{padding: 0 7%; text-align: justify;}
	.mycontainer.icon-wash span { background: #e7ba22; /* height: 200px; */ /* width: 200px; */ border-radius: 50%; position: relative; margin: 0 auto; text-align: center; width: 233px; height: 233px; margin: 5px auto; }
	.mycontainer.icon-wash.icon-wash2{top: 126%;}
	.container.scrub.masking { margin-top: 677px; }
	.container.scrub.masking .mycontainer.icon-wash.icon-wash2 { top: 104%;}
	.container.scrub.masking.time { margin-top: 511px; }
	.mycontainer.icon-wash p.para_first{bottom: 33%;}
	.container.scrub.masking.last { margin-top: 500px; }
	img.haldi.haldi-bottom.mycontainer { right: 0; max-width: 50px; max-width: 265px !important; left: 45%; bottom: -129px !important; }
	.container.scrub.masking.last ul.list-last li { line-height: 26px; line-height: 27px; font-size: 14px;  }
	.container.scrub.masking.last ul.list-last  { max-width:60%;}
	.container.scrub.masking.last p.bold_text{    font-size: 19px;}
	img.haldi.haldi-bottom.mycontainer { right: 0; max-width: 50px; max-width: 265px !important; left: 0; bottom: -0 !important; }
	.container.scrub.masking .icon-wash.icon-wash2 span:nth-child(1) p { bottom: 24%;
}
@media only screen and (min-device-width: 900px) and (max-device-width: 1024px)
{ 	.container.scrub.masking { margin-top: 490px; }
	.container.scrub.masking.time, .container.scrub.masking.last { margin-top: 300px; }
	.mycontainer.icon-wash.icon-wash2 { top: 114%; }
}
@ Telegram