@font-face {
  font-family: 'ArnoPro';
  src: url('../fonts/ArnoPro-Regular.otf') format('woff2');
  
  font-style: normal;
}

@font-face {
  font-family: 'ArnoProb';
  src: url('../fonts/fonnts.com-Arno-Pro-Smbd-.otf') format('woff2');
  
  font-style: normal;
}





*{font-family: "Poppins", sans-serif;transition:.3s ease;padding:0;margin:0;box-sizing:border-box;}
img{object-fit:cover;max-width:100%;}
.container{max-width:1230px;}
a{text-decoration:none !important;color: black;}
ul li{list-style:none;}
ul{padding: 0;}
.flexAll{display: flex;justify-content: center;align-items: center;}
p{margin-bottom:0px; }
.box25{width:25%}
.box50{width:50%}
.box20{width:20%}
.box30{width:30%}
.box40{width:40%}
.box75{width:75%}
.box33{width:33%}
.box100{width:100%}
.box62{width:62%}
.text-center{text-align: center;}
figure{margin: 0;}
ul{margin: 0;}
.mb70{margin-bottom: 70px;}
.btn{background-color: #505338;color: white !important;font-size:16px!important;padding:13px 20px 13px 20px;font-size: 15px;font-weight: bold;}
.btn img{margin-left: 20px;}
.menu-button{display: none;}
.close-button{display: none;}
.btn:hover img{transform: rotate(31deg);}





header.home .upper-header { background: #505338;}
header.home .upper-header .row-2{display: flex;justify-content: space-between;align-items: center;}
header .upper-header .row-2 .left .contact-info ul{display: flex;margin: 0;}
header .upper-header .row-2 .left .contact-info ul li{display: flex;padding-right: 15px;align-items: center;margin-left: 10px;padding-top: 10px;padding-bottom: 10px;}

header.home .upper-header .row-2 .left .contact-info ul li a{font-size: 13px;color: white;}
header .upper-header .row-2 .left .contact-info ul li i{margin-right: 10px;color:#fff;font-size: 17px;}
header .upper-header .row-2 .right .icon ul{display: flex;margin: 0;}
header.home .upper-header .row-2 .right .icon ul li{margin-right:5px;padding-top: 10px;padding-bottom: 10px;padding-left:5px;}
header .upper-header .row-2 .right .icon ul li i{color:#fff;    border-radius: 50px;border: 1px solid rgba(255,255,255,0.3);;width: 30px;height: 30px;text-align: center;padding-top: 5px;}
header .lower-header .navigation nav ul li.active a{color:#67421b;font-weight: 600;}

header .lower-header{margin-top: 10px;}
header.home .lower-header .row-2{display: flex;justify-content: space-between;align-items: center;}
header .lower-header .navigation nav ul{display: flex;margin: 0;align-items: center;}
header .lower-header .navigation nav ul li{margin-left:65px;font-weight: 600;}
header .lower-header .navigation nav ul li a{font-size: 15px; line-height: 26px; text-transform: uppercase; color: #000000; font-weight: 400;}
header .lower-header .navigation nav ul li a:hover{color:#67421b}





header.home{position: absolute;width: 100%;z-index: 999;top: 0;left: 0;}





header .lower-header .navigation nav ul li .shiny-cta a{color: #fff;}
:root {
  --shiny-cta-bg: #67421b;
  --shiny-cta-highlight: #505338;
  --gradient-angle: 0deg;
}

@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

.shiny-cta {position: relative;overflow: hidden;cursor: pointer;padding: 12px 22px;font-size: 15px;line-height: 26px;color: #fff;border: 4px solid transparent;border-radius: 10px;

  background:
      linear-gradient(#67421b, #67421b) padding-box,
      conic-gradient(
          from var(--gradient-angle),
          transparent 0%,
          transparent 68%,
          #505338 76%,
          #505338 92%,
          transparent 100%
      ) border-box;

  animation: rotate-line 3s linear infinite;
  transition: 0.3s ease;
}

/* Hover */
.shiny-cta:hover {
  background:
      linear-gradient(#505338, #505338) padding-box,
      conic-gradient(
          from var(--gradient-angle),
          transparent 0%,
          transparent 68%,
          #67421b 76%,
          #67421b 92%,
          transparent 100%
      ) border-box;

  transform: translateY(-2px);
}

.shiny-cta:active {
  transform: translateY(0);
}

@keyframes rotate-line {
  to {
      --gradient-angle: 360deg;
  }
}


header .upper-header,
header .lower-header{
    animation:fadeDown .6s ease both;
}

header .lower-header{animation-delay:.15s;}

@keyframes fadeDown{
    from{opacity:0;transform:translateY(-12px);}
    to{opacity:1;transform:translateY(0);}}

header .navigation li a{transition:.3s ease;}
header .navigation li:hover a{color:#67421b !important;transform:translateY(-2px);}
header .icon li i{transition:.3s ease;}
header .icon li:hover i{background:#fff;color:#505338 !important;transform:translateY(-3px) scale(1.08);}
header .contact-info li a{transition:.3s ease;}
header .contact-info li:hover a{color:#e2c29a !important;}
header .logo img{transition:.4s ease;}
header .logo:hover img{transform:scale(1.04);}
.shiny-cta:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.2);}

header .lower-header .navigation nav ul li .shiny-cta a:hover{color: #fff !important;}


.banner .content{display: flex;position: absolute;top:257px;left:122px;justify-content: space-between;max-width:500px}
.banner figure img{width: 100%;height: 969px;}
.banner .content h4{font-family:"ArnoProb";font-size: 23px;line-height: 51px;text-transform: uppercase;color: #67421b;position: relative;margin-bottom: 20px;}
.banner .content h4::after{position: absolute;content: "";background-image: url(..//images/leaf.png);    width: 87px;height: 20px;top: 13px;left: 219px;}
.banner .content h3{font-size: 95px;text-transform: uppercase;color: #505338;font-weight: bold;font-family:"ArnoProb";    margin: -15px 0;}
.banner .content h3 span{font-size: 95px;text-transform: uppercase;color: #67421b;font-weight: bold;font-family:"ArnoProb";position: relative;margin-bottom: 50px;display: block;}
.banner .content h3 span::after{content: "";background-image: url(..//images/leaf1.png);position: absolute;    width: 451px;height: 20px;left: 0;bottom: -10px;}
.banner .content p{font-size: 15px;line-height: 26px;color: #000;font-weight: 400;font-family: "Poppins";margin-bottom: 30px;}


.bann{background-color: #505338;overflow: hidden;position: relative;z-index: 1;transition: all 1s ease 0s;text-align: center;border-radius: 4px;padding: 14px 50px;display: inline-flex;align-items: center;font-size: 15px;text-transform: uppercase;color: #ffffff;font-weight: 400;}
.bann:focus,
.bann:hover{color: #fff !important;background: #7d978a;}
.bann:before{

  content: "";background: linear-gradient(#000000cc,#67421b);width: 20px;height: 20px;border-radius: 50%;transform: translate(-50%, -50%);position: absolute;         left: 50%;top: -50%;z-index: -1;transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out;}
.bann:focus:before,
.bann:hover:before{width: 340px;height: 200px;top: 50%;transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s;}
@media only screen and (max-width: 767px){.bann{ margin-bottom: 30px; }}


.banner .content a i{    margin-left: 10px;transform: rotate(-35deg);font-size: 17px;}

.banner .content a:hover i{transform: none;}



.banner .content .wrapper > * {
  opacity: 0;animation: bannerUp .8s ease forwards;}

.banner .content h4 {animation-delay: .2s;}

.banner .content h3:nth-of-type(1) {animation-delay: .4s;}

.banner .content h3:nth-of-type(2) {animation-delay: .6s;}

.banner .content p {animation-delay: .8s;}

.banner .content .bann {
  opacity: 0;
  animation: bannerUp .8s ease 1s forwards;
}

@keyframes bannerUp {
  from {
      opacity: 0;
      transform: translateY(30px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}

.banner .owl-item.active figure img {
  animation: bannerZoom 6s ease-out both;
}

@keyframes bannerZoom {
  from {
      transform: scale(1.05);
  }
  to {
      transform: scale(1);
  }
}

.banner .content a i {
  transition: transform .35s ease;
}

.banner .content a:hover i {
  transform: translateX(5px);
}







/* .owl-carousel .owl-item img{display: inline-block;} */
/* .banner .owl-theme .owl-nav button{display: flex;justify-content: space-between;font-size:22px;position: absolute;top:415px;width: 100%;}
.banner .owl-theme .owl-nav button[class*=owl-]{width: 40px;height: 40px;background: white;color: #000000cc;line-height: 0;}
.banner .owl-theme .owl-nav button.owl-prev{left: 10px;}
.banner .owl-theme .owl-nav button.owl-next{right:10px}
.banner .owl-theme .owl-nav button i{margin-left: 13px;margin-top: 9px;} */

.about{padding-top: 30px;padding-bottom: 0px;background: #f5e7d9;}
.about .heading{padding-top: 40px;}
.about .heading h3{font-size: 23px;line-height: 51px;text-transform: uppercase;color: #67421b;font-family: "Arno Pro";position: relative;}
.about .heading h3::after{position: absolute;content: "";background-image: url(..//images/leaf.png);    width: 87px;height: 20px;top: 13px;left: 129px;}
.about .content h2{font-size: 43px;line-height: 47px;color: #505338;font-family: "Arno Pro";margin-bottom: 20px;}
.about .content p{font-size: 15px;line-height: 26px;color: #000;font-weight: 400;margin-bottom: 20px;}
.about .content ul{margin-bottom: 50px;padding-top: 10px;    justify-content: space-between; flex-wrap: wrap;display: flex;}
.about .content ul li{line-height: 29px;margin-bottom: 18px;position: relative;font-size: 15px;color: #000;font-weight: 400;flex: 0 0 50%;padding-left: 30px;}
.about .content ul li::before{content:"";background-image: url(..//images/leaf2.png);    width: 23px;height: 19px;position: absolute;left: -2px;top: 3px;}
.about .content ul li:nth-child(2){padding-left: 50px;}
.about .content ul li:nth-child(4){padding-left: 50px;}
.about .content ul li:nth-child(4)::before{left: 20px;}
.about .content ul li:nth-child(2)::before{left: 20px;}
.about .wrapper {animation: aboutUp .8s ease both;}
.about .col-md-6:nth-child(2) .wrapper {animation-delay: .2s;}

@keyframes aboutUp {
  from {
      opacity: 0;
      transform: translateY(30px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }}

.about .wrapper figure {overflow: hidden;border-radius: 20px;}
.about .wrapper figure img {transition: transform .6s ease;}
.about .wrapper figure:hover img {transform: scale(1.04);}
.about .heading h3 {transition: transform .4s ease;}
.about .heading h3:hover {transform: translateX(5px);}
.about .content h2 {transition: color .4s ease, transform .4s ease;}
.about .content h2:hover {color: #67421b;transform: translateX(5px);}
.about .content ul li {transition: transform .3s ease, color .3s ease;}
.about .content ul li:hover {color: #67421b;transform: translateX(6px);}
.about .content ul li:hover::before { transform: scale(1.15);}
.about .content ul li::before {transition: transform .3s ease;}


.service {background: #f5e7d9;padding: 60px 0;padding-top: 20px;}
.service .wrapper {position: relative;border: 1px solid #bfab97;border-radius: 20px;padding: 80px 25px 30px;}
.service h3 {position: absolute;top: -24px;left: 50%;transform: translateX(-50%);margin: 0;padding: 0 30px;background: #f5e7d9;font-size: 23px;line-height: 40px;white-space: nowrap;text-transform: uppercase;color: #67421b;font-family: "Arno Pro";text-align: center;}
.service h3::after {width: 144px;height: 21px;background-repeat: no-repeat;background-position: center;bottom: -18px;left: 0;right: 0;margin: auto;content: "";position: absolute;background-image: url("../images/serviceleaf.png");}
.service ul { display: flex; justify-content: space-between; text-align: center; margin: 0; padding: 0;}
.service ul li {flex: 0 0 16%;position: relative;list-style: none;}
.service ul li figure {margin: auto;width: 93px;height: 93px;border-radius: 50%;background-color: #e2d2c0;display: flex;align-items: center;justify-content: center;margin-bottom: 18px;}
.service ul li figcaption h4 {font-size: 15px;text-transform: uppercase;color: #000;font-weight: bold;font-family: "Arno Pro";margin-bottom: 10px;}
.service ul li figcaption p {font-size: 14px;line-height: 26px;color: #000000cc;font-weight: 400;font-family: "Poppins";text-align: center;margin: 0;}
.service ul li::after {content: "";position: absolute;width: 1px;height: 240px;background-color: #bfab97;top: -7px;right: -6px;}
.service ul li:nth-child(6)::after {display: none;}
.service ul li figure:hover img {filter: hue-rotate(45deg);}
.service .wrapper {border: 1px solid #bfab97;border-radius: 20px;padding: 80px 25px 30px;}
.service h3 {position: absolute;top: -24px;left: 50%;transform: translateX(-50%);background: #f5e7d9;padding: 0 30px;}

.service ul li {
  animation: serviceUp 0.7s ease both;
  transition: transform 0.35s ease;
}

.service ul li:nth-child(2) { animation-delay: .1s; }
.service ul li:nth-child(3) { animation-delay: .2s; }
.service ul li:nth-child(4) { animation-delay: .3s; }
.service ul li:nth-child(5) { animation-delay: .4s; }
.service ul li:nth-child(6) { animation-delay: .5s; }

@keyframes serviceUp {
  from {
      opacity: 0;
      transform: translateY(25px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}

.service ul li figure {transition: transform .4s ease, box-shadow .4s ease;}

.service ul li:hover {transform: translateY(-5px);}

.service ul li:hover figure {
  transform: scale(1.08);box-shadow: 0 8px 18px rgba(103, 66, 27, .15);}
.service ul li:hover figure img {transform: scale(1.08) rotate(4deg);}
.service ul li figure img {transition: transform .4s ease;}







.products .wrapper figure {width: 79px;min-width: 79px;flex: 0 0 79px}
.products {background: #f5e7d9;padding: 60px 0;padding-top: 0;}
.products .wrapper {background-image: url("../images/productbg.png");background-repeat: no-repeat;background-size: cover;background-position: center;padding: 30px 25px;border-radius: 20px;}
.products .wrapper ul {display: flex;align-items: stretch;margin: 0;padding: 0;}
.products .wrapper ul li {flex: 0 0 25%;display: flex;align-items: center;padding: 0 20px;position: relative;box-sizing: border-box;}
.products .wrapper ul li:not(:last-child)::after {content: "";position: absolute;right: 0;top: 0;width: 1px;height: 140px;background: rgba(255, 255, 255, 0.45);}
.products .wrapper figure {width: 79px;height: 79px;min-width: 79px;flex: 0 0 79px;border-radius: 50%;background-color: #666a4a;display: flex;align-items: center;justify-content: center;margin: 0 20px 0 0;}
.products .wrapper figure img {max-width: 100%;height: auto;}
.products .wrapper figcaption {flex: 1;min-width: 0;}
.products .wrapper ul li h4 {font-size: 20px;line-height: 26px;text-transform: uppercase;color: #fff;font-weight: bold;font-family: "Arno Pro";margin: 0 0 5px;}
.products .wrapper ul li p {font-size: 15px;line-height: 26px;color: #fff;font-weight: 400;font-family: "Poppins";margin: 0;}
.products .wrapper ul li {transition: transform 0.4s ease;}
.products .wrapper ul li figure {transition: all 0.4s ease;}
.products .wrapper ul li figure img {transition: transform 0.4s ease;}
.products .wrapper ul li:hover {transform: translateY(-6px);}
.products .wrapper ul li:hover figure {background: #505338;transform: scale(1.08);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);}
.products .wrapper ul li:hover figure img { transform: scale(1.1) rotate(5deg);}
.products .wrapper ul li:hover h4 {color: #e2d2c0;transition: color 0.3s ease;}




.nailcontent { padding: 60px 0; background: #f5e7d9;padding-top: 0;}
.nailcontent .wrapper {margin-bottom: 40px;}
.nailcontent .wrap {margin-bottom: 40px;}
.nailcontent .wrapper h3 {font-size: 43px;line-height: 47px;color: #505338;font-family: "Arno Pro";margin-bottom: 10px;}
.nailcontent .wrapper p {font-size: 14px;line-height: 26px;color: #000000cc;font-weight: 400;font-family: "Poppins";margin-bottom: 10px;}
.nailcontent .wrap figure {position: relative;overflow: hidden;margin: 0;}
.nailcontent .wrap figure img {width: 100%;height: auto;display: block;}
.nailcontent .wrap figure::after {content: "";position: absolute;top: -20%;left: -100%;width: 45%;height: 140%;
  background: linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,0.35),
      transparent
  );
transform: skewX(-20deg);animation: imageShine 4s ease-in-out infinite;pointer-events: none;}

@keyframes imageShine {
  0% {
      left: -100%;
  }

  45%,
  100% {
      left: 150%;
  }
}


.video {position: relative;width: 100%;height: 500px;background: #000000cc;overflow: hidden;}
.video .wrapper {position: relative;width: 100%;height: 100%;}
.video video {width: 100%;height: 100%;object-fit: cover;opacity: 0.35;display: block;}
.video figcaption {position: absolute;top: 50%;left: 50%;width: 90%;max-width: 600px;transform: translate(-50%, -50%);text-align: center;}
.video-btn {width: 60px;height: 60px;border: 4px solid #fff;border-radius: 50%;background: transparent;color: #fff;font-size: 24px;cursor: pointer;display: flex;align-items: center;justify-content: center;padding-left: 1px;margin: 0 auto 22px;transition: 0.3s ease;}
.video-btn:hover {background: rgba(255,255,255,0.15);transform: scale(1.08);}
.video figcaption h3 {position: relative;margin: 0 0 48px;font-size: 43px;line-height: 47px;color: #fff;font-family: "Arno Pro";text-align: center;}
.video figcaption h3::after {content: "";position: absolute;width: 144px;height: 20px;background: url("../images/videoleaf.png") center / contain no-repeat;left: 50%;bottom: -32px;transform: translateX(-50%);}
.video figcaption p {margin: 0;font-size: 15px;line-height: 26px;color: #fff;font-family: "Poppins";text-align: center;}




.video video {animation: videoZoom 8s ease-out both;}

@keyframes videoZoom {
  from {
      transform: scale(1.08);
  }

  to {
      transform: scale(1);
  }
}

/* Content entrance */
.video figcaption {
  animation: videoContent .9s ease both;
}

@keyframes videoContent {
  from {
      opacity: 0;
      transform: translate(-50%, -45%);
  }

  to {
      opacity: 1;
      transform: translate(-50%, -50%);
  }
}

.video-btn {transition: transform .35s ease, background .35s ease, box-shadow .35s ease;}
.video-btn:hover {transform: scale(1.12);background: rgba(103, 66, 27, .35);box-shadow: 0 0 0 8px rgba(255,255,255,.12);}
.video figcaption h3 {  transition: transform .35s ease;}
.video figcaption h3:hover {  transform: translateY(-3px);}
.video figcaption h3::after { transition: transform .4s ease;}
.video figcaption h3:hover::after { transform: translateX(-50%) scaleX(1.1);}
.video figcaption p {transition: opacity .3s ease;}
.video figcaption:hover p {opacity: .9;}
.video figcaption {animation: videoContent linear both;animation-timeline: view();animation-range: entry 0% cover 35%;}







  .gallery{background:#f5e7d9;padding:0 0 60px;}
.gallery h3{font-size:23px;line-height:40px;text-transform:uppercase;color:#67421b;font-family:"Arno Pro";text-align:center;position:relative;margin:0 0 65px;}
.gallery h3::after{content:"";position:absolute;width:144px;height:21px;bottom:-18px;left:0;right:0;margin:auto;background:url("../images/serviceleaf.png") center no-repeat;}
.gallery ul{display:flex;justify-content:space-between;gap:18px;margin:0;padding:0;}
.gallery ul li{ flex:1; list-style:none; opacity:0; animation:galleryIn .7s ease forwards;}
.gallery ul li:nth-child(2){animation-delay:.1s;}
.gallery ul li:nth-child(3){animation-delay:.2s;}
.gallery ul li:nth-child(4){animation-delay:.3s;}
.gallery ul li:nth-child(5){animation-delay:.4s;}
.gallery ul li:nth-child(1) figure,
.gallery ul li:nth-child(3) figure,
.gallery ul li:nth-child(5) figure{
    height:375px;}

.gallery ul li:nth-child(2) figure,
.gallery ul li:nth-child(4) figure{
    height:183px;}
.gallery ul figure{margin:0 0 12px;position:relative;overflow:hidden;border-radius:0;}
.gallery ul figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .4s ease;}
.gallery ul figure:hover img{transform:scale(1.03);filter:brightness(1.06);}
.gallery ul figure::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.25),
        transparent
    );
    transform:skewX(-20deg);
    transition:left .7s ease;
    pointer-events:none;}

.gallery ul figure:hover::after{ left:130%;}
.gallery ul li{   transition:transform .4s ease;}
.gallery ul li:hover{transform:translateY(-3px);}
.gallery .button{text-align:center;margin-top:0px;position:relative;z-index:2;}
.gallery a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:218px;height:52px;padding:0 25px;font-size:15px;line-height:1;text-transform:uppercase;color:#67421b;font-weight:500;font-family:"Poppins";border:1px solid #bfab97;border-radius:5px;background:#f6e8d9;transition:all .4s ease;}
.gallery a:hover{background:#67421b;color:#fff !important;border-color:#67421b;transform:translateY(-3px);box-shadow:0 8px 18px rgba(103,66,27,.18);}


.gallery a i{
    transition:transform .4s ease;
}

.gallery a:hover i{
    transform:translateX(6px);
}


@keyframes galleryIn{
    from{
        opacity:0;
        transform:translateY(25px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}



  .gallery .wrapper{position: relative;}
  .gallery .backgroundbutton{       position: absolute;left: -6px;right: 0;margin: auto;width: 292px;height: 26px;bottom: 56px;z-index: 999;background: #f5e7d9;border-radius: 15px;}

.gallery ul li:nth-child(3) figure img {width: 100% !important;height: auto !important;object-fit: contain !important;display: block;}









 .testimonial {padding: 55px 0 65px;background: #f6e8d9;}
.testimonial .heading {text-align: center;margin-bottom: 45px;}
.testimonial .heading h2 {position: relative;display: inline-block;margin: 0;padding-bottom: 35px;font-size: 23px;line-height: 30px;color: #67421b;font-family: "Arno Pro";text-transform: uppercase;}
.testimonial .heading h2::after {content: "";position: absolute;width: 144px;height: 20px;left: 50%;bottom: 0;transform: translateX(-50%);background: url("../images/serviceleaf.png") center/contain no-repeat;}
.testimonial-carousel .item {padding: 10px;}
.testimonial .box {position: relative;border: 1px solid #bfab97;border-radius: 20px;padding: 45px 25px 25px;transition: 0.4s ease;}
.testimonial .quote {position: absolute;width: 42px;height: 42px;padding: 10px;top: -1px;left: 30px;background: #505338;border-radius: 0 0 12px 12px;}
.testimonial-content {display: flex;gap: 20px;}
.testimonial-content figure {flex: 0 0 70px;width: 70px;height: 70px;margin: 0;border-radius: 50%;overflow: hidden;}
.testimonial-content figure img {width: 100%;height: 100%;object-fit: cover;}
.testimonial .content {flex: 1;}
.testimonial .content p {margin: 0 0 10px;font-family: "Poppins";font-size: 15px;line-height: 26px;height: 110px;color: #000000cc;}
.testimonial .content h4 {margin: 0 0 5px;font-family: "Arno Pro";font-size: 17px;color: #000000cc;font-weight: bold;}
.testimonial .rate {display: flex;align-items: center;}
.testimonial .rate ul {display: flex;margin: 0 10px 0 0;padding: 0;}
.testimonial .rate li {list-style: none;}
.testimonial .rate li i { color: #f5b51b; font-size: 14px;}
.testimonial .rate span {font-family: "Poppins";font-size: 14px;color: #000000cc;}
.testimonial .box:hover {transform: translateY(-5px);border-color: #67421b;box-shadow: 0 8px 20px rgba(103,66,27,.12);}
.testimonial .owl-dots {margin-top: 20px;text-align: center;}
.testimonial .owl-dots .owl-dot span {width: 16px;height: 16px;margin: 4px;background: transparent;border: 1px solid #bfab97;}
.testimonial .owl-dots .owl-dot.active span {background: #67421b;border-color: #67421b;}
.testimonial-carousel .owl-item.active .box {
  animation: testimonialUp 0.7s ease both;}

@keyframes testimonialUp {
  from {
      opacity: 0;
      transform: translateY(25px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}

.testimonial .box {transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;}
.testimonial .box:hover {transform: translateY(-6px);border-color: #a98d70;box-shadow: 0 10px 25px rgba(103, 66, 27, 0.10);}
.testimonial .box .quote {transition: transform 0.4s ease;}
.testimonial .box:hover .quote {transform: translateY(-3px);}
.testimonial-content figure {transition: transform 0.4s ease;}
.testimonial .box:hover .testimonial-content figure {
  transform: scale(1.05);}
.testimonial .rate li i {transition: transform 0.25s ease;}
.testimonial .box:hover .rate li i {transform: translateY(-2px);}
.testimonial .box:hover .rate li:nth-child(1) i {transition-delay: 0s;}
.testimonial .box:hover .rate li:nth-child(2) i {transition-delay: 0.04s;}
.testimonial .box:hover .rate li:nth-child(3) i { transition-delay: 0.08s;}
.testimonial .box:hover .rate li:nth-child(4) i {transition-delay: 0.12s;}
.testimonial .box:hover .rate li:nth-child(5) i {transition-delay: 0.16s;}








footer{background:#eddfd2;padding:60px 0;overflow:hidden;padding-bottom: 30px;}
footer .row-2{
  display:flex;
  justify-content:space-between;
  align-items:stretch;
}
footer .first{flex:0 0 16%;padding-right:25px;}
footer .second{flex:0 0 17%;padding:5px 25px;border-left:1px solid #bfab97;}
footer .third{flex:0 0 17%;padding:5px 25px;border-left:1px solid #bfab97;}
footer .fourth{flex:0 0 23%;padding:5px 25px;border-left:1px solid #bfab97;}
footer .fifth{flex:0 0 19%;padding:5px 0 5px 25px;border-left:1px solid #bfab97;}
footer .first figure{margin:0 0 25px;}
footer .first figure img{max-width:125px;transition:transform .5s ease;}
footer .first figure img:hover{transform:translateY(-5px);}
footer .qr figure{
  margin:0;}

footer .qr img{
  max-width:115px;
  transition:transform .5s ease,box-shadow .5s ease;}

footer .qr img:hover{
  transform:scale(1.05);
  box-shadow:0 8px 20px rgba(103,66,27,.15);}
footer .heading h3{margin:0 0 12px;font-size:20px;line-height:24px;text-transform:uppercase;color:#000000cc;font-weight:bold;font-family:"Arno Pro";}
footer ul{margin:0;padding:0;list-style:none;}
footer ul li{display:flex;align-items:baseline;}
footer ul li a{font-size:14px;line-height:30px;color:#000000cc;font-weight:400;font-family:"Poppins";text-decoration:none;transition:all .3s ease;}
footer .footer-menu ul li a:hover{color:#67421b;transform:translateX(5px);}
footer .fourth li{justify-content:space-between;padding:6px 0;}
footer .fourth li b,
footer .fourth li p{margin:0;font-size:14px;font-weight:400;color:#000000cc;font-family:"Poppins";}
footer .fifth ul li{ justify-content:flex-start; margin-bottom:14px;}
footer .fifth ul li i{margin-right:10px;color:#000000cc;transition:all .3s ease;}
footer .fifth ul li a{line-height:24px;}
footer .fifth ul li:hover i{color:#67421b;transform:translateX(4px);}
footer .fifth ul li:hover a{color:#67421b;}


footer .second,
footer .third,
footer .fourth,
footer .fifth{
  transition:transform .4s ease;}

footer .second:hover,
footer .third:hover,
footer .fourth:hover,
footer .fifth:hover{
  transform:translateY(-4px);}


/* ENTRY ANIMATION */
footer .first{
  animation:footerLeft .8s ease both;}

footer .second{animation:footerUp .8s .1s ease both;}

footer .third{animation:footerUp .8s .2s ease both;}

footer .fourth{animation:footerUp .8s .3s ease both;}

footer .fifth{animation:footerRight .8s .4s ease both;}


@keyframes footerLeft{
  from{
      opacity:0;
      transform:translateX(-30px);
}
  to{
      opacity:1;
      transform:translateX(0);
}
}

@keyframes footerUp{
  from{
      opacity:0;
      transform:translateY(25px);
  }
  to{
      opacity:1;
      transform:translateY(0);
  }
}

@keyframes footerRight{
  from{
      opacity:0;
      transform:translateX(30px);
  }
  to{
      opacity:1;
      transform:translateX(0);
  }
}


/* MOBILE */
@media(max-width:767px){

  footer .row-2{
      flex-wrap:wrap;
  }

  footer .first,
  footer .second,
  footer .third,
  footer .fourth,
  footer .fifth{
      flex:0 0 100%;
      padding:20px 0;
      border-left:0;
      border-bottom:1px solid #bfab97;
  }

  footer .first{
      padding-top:0;
  }

}

.copyright{background:#3b3e23;}

.copyright .wrapper{display:flex;justify-content:space-between;align-items:center;padding:10px 0;animation:copyIn .6s ease both;}

.copyright .content a{color:#fff;transition:.3s ease;font-size: 14px;}

.copyright .content a:hover{color:#e2c29a;}

.copyright .wrapper .social{ display:flex; gap:8px;}

.copyright .wrapper .social i{color:#fff;border:1px solid #fff;border-radius:50%;padding:7px;transition:.3s ease;}

.copyright .wrapper .social .facebook i{
    padding:7px 10px;
}

.copyright .wrapper .social a:hover i{background:#fff;color:#3b3e23;transform:translateY(-4px) scale(1.08);box-shadow:0 4px 10px rgba(0,0,0,.2);
}

@keyframes copyIn{
    from{opacity:0;transform:translateY(12px);}
    to{opacity:1;transform:translateY(0);}
}





@media (max-width:1024px){

.banner .content{left: 20px;}

.banner figure img{height: 829px;}
.products .wrapper ul li{display: block;text-align: center;}
.products .wrapper figure{margin: auto;margin-bottom: 20px;}


}

@media (max-width:768px){


header .lower-header .navigation nav ul li{margin-left: 23px;}
header .logo img{width: 75px;height: 75px;}

header .lower-header .navigation nav ul li a{font-size: 14px;}
.shiny-cta{padding: 7px 10px}
.banner .content{top: 187px;}
.banner .content h3,.banner .content h3 span{font-size: 70px;}
.banner figure img{height: 630px;}
.about .content h2{font-size: 30px;line-height: 37px;margin-bottom: 10px;}
.about .heading{padding-top: 0;}
.about .heading h3{margin-bottom: 0;}
.service ul{flex-wrap: wrap;}
.service ul li{flex: 0 0 30%;margin-bottom: 50px;}
.products .wrapper ul li p{font-size: 14px;}
.products .wrapper ul li h4{font-size: 16px;}
.products .wrapper ul li:not(:last-child)::after{height: 230px;}
.products .wrapper{padding: 30px 0;}

.products .wrapper ul li{padding: 0 10px; }
.nailcontent .wrapper h3{font-size: 31px;line-height: 37px;}
.testimonial .content p{height: 190px;}
footer .row-2{flex-wrap: wrap;justify-content: normal;;}



footer .row-2 .first{flex: 0 0 28%;margin-bottom: 30px;}
footer .row-2 .second {flex: 0 0 28%;}
footer .row-2 .third{flex: 0 0 28%;}
footer .row-2 .fourth
footer .row-2 .fifth





}