.inner-banner figure img {height: 30rem;}
.beauty-inner-bnnr figure:before {content: '';background: #0000004f;position: absolute;inset: 0;}
.inner-banner h1 {font-size: 4rem;}
.about-section-two {background: #f5f5f5;}
.product-section-one {background: #f5f5f5;}
.Categories-main ul li a {background: #fff;border-radius: 0.563rem;padding: 0.875rem 2rem;border: 1px solid #1f1f1f;display: inline-block;min-width: 7.5rem;}
.Categories-main ul li.active a {border: 1px solid #ee4923;background: #ee4923}
.Categories-main ul li.active a {color: #fff;}
.product-section-one figure img {height: 20rem;border-radius: 0.563rem;transition: 0.75s;}
.product-section-one a:hover figure img {transform: scale(1.1);}
.product-section-one figcaption {background: #1f1f1f;padding: 0.67rem 0.5rem 0.5rem;transition: 0.75s;overflow: hidden;display: flex;align-items: center;justify-content: center;min-height: 3.875rem;}
.product-section-one figcaption h4 {font-size: 1.125rem;}
.product-section-one figure {border: 1px solid #1f1f1f;border-radius: 0.563rem;overflow: hidden;}
.product-section-one a:hover figcaption {transform: translateY(100%);}
.new-section-one {position: relative;}
.new-section-one::before {content: '';position: absolute;inset: 0;background: rgb(16 16 16 / 40%)}
.new-section-one figcaption {position: relative;z-index: 1}
.new-section-one figcaption p {padding-right: 10rem}
.new-section-one #wrap, .new-section-two #wrap {overflow: hidden}
.new-section-one .image, .new-section-two .image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;opacity: 0;visibility: hidden;transition: all .5s ease-in-out}
.new-section-one .image img, .new-section-two .image img {width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%}
.new-section-one .container-fluid>ul>li:first-child .image, .new-section-two .container-fluid>ul>li:first-child .image {opacity: 1;visibility: visible}
.new-section-one .link {position: relative;text-align: center;border-right: 1px solid rgb(255 255 255 / 10%);display: flex;flex-direction: column;justify-content: flex-end;padding: 1.2rem;border-radius: 0;line-height: 1.3;transition: 1s;height: 38rem;align-items: center;background: rgb(255 255 255 / 10%)}
.new-section-one .link::before, .new-section-two .link::before {display: none}
.new-section-one .link:hover, .new-section-one .container-item.active .link {background: rgb(255 255 255 / 0%)}
.new-section-one .link h3 {color: rgb(255 255 255 / 40%);transition: 1s;margin: 0}
.new-section-one .link p, .new-section-one .link a {opacity: 0;visibility: hidden;transition: 0.75s;margin: 0}
.new-section-one .link:hover h3,.new-section-one .container-item.active .link h3 {color: #fff}
.new-section-one article {transform: translateY(0);transition: 0.75s;display: flex;flex-direction: column;justify-content: flex-end;gap: 0.75rem}
.new-section-one .container-item.active article {transform: none}
.new-section-one .container-item.active .link+.image, .new-section-two .container-item.active .link+.image, .new-section-one .container-item.active .link p, .new-section-one .container-item.active .link a {opacity: 1;visibility: visible}
#wrap {height: 38rem;}
.new-section-two ul {padding: 2rem;}
.new-section-two ul li {margin-bottom: 2rem;}
.new-section-two ul li:last-child {margin-bottom: 0rem;}
.new-section-two .link {height: auto;display: inline-flex;align-items: flex-end;align-content: flex-end;flex-wrap: wrap;padding: 0;}
.new-section-two .link h3 {transition: 0.75s;color: #fff;margin: 0;font-size: 2.25rem;}
.new-section-two .link:hover article h3, .new-section-two .container-item.active article h3 {color: #ee4923;}
.new-section-two::before {content: '';position: absolute;background: linear-gradient(270deg,rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);right: 0;top: 0;width: 25%;height: 100%;}
.new-section-three {background: #f5f5f5;padding: 10rem 0;}
.new-section-three .main-heading h2 i {font-style: normal;animation: blur-text 10s infinite alternate ease-out;}
@keyframes blur-text {
0% {filter: blur(0px);}
100% {filter: blur(3px);}
}
.product-detail-sec-one figure img {mix-blend-mode: darken;}
.bottle-img-1 img {width: 9rem;}
.bottle-img-1:nth-child(2) img { width: 8rem;}
.bottle-img-1:nth-child(3) img {width: 7rem;}
.product-detail-sec-one table {border: 1px solid #1f1f1f;}
.product-detail-sec-one table tr {border-bottom: 1px solid #1f1f1f;}
.product-detail-sec-one table tr td {border-right: 1px solid #1f1f1f;background: transparent;}
.product-detail-sec-one table tr td:last-child {border-right: 0;text-align: end;width: 50%;}

.product-detail-sec-two {background: #f5f5f5;}
.product-detail-sec-two figure {width: 8rem;margin: 0 auto;}
.question-sticky {width: 30rem;transition: 0.4s ease;transform: translateY(0%);}
.question-sticky.active {transform: translateY(0);}
.question-sticky a {background: #ee4923;padding: 1rem;color: #ffff;}
.question-sticky a svg { width: 1.25rem; height: auto; margin-right: 0.5rem;}
.question-sticky .icon-toggle svg { margin: 0;transition: 0.3s ease;}
.question-sticky.active .icon-toggle svg {transform: rotate(45deg);}
.question-sticky .ask-form form {background: #f5f5f5;padding: 1.25rem;border: 1px solid #ee4923;}
.question-sticky .ask-form {opacity: 0;max-height: 0;overflow: hidden;transition: all 1s ease;}
.question-sticky.active .ask-form {opacity: 1;max-height: 28.6rem;}

#exampleModal .modal-content {padding: 4rem 2rem 3rem;background: #f5f5f5;}

.product-section-one .bottles-list {gap: 2rem 1rem;}
.product-section-one .bottles-list li {width: 18.8%;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}


.privacy-policy-section article ul li {list-style: disc;margin-left: 1rem;margin-bottom: 0.5rem;}
.privacy-policy-section article ul {margin-bottom: 2rem;}
.privacy-policy-section article .main-heading {margin: 1.75rem 0 1rem;}

.wpcf7-checkbox .wpcf7-list-item{display: flex;align-items: start;gap: 0.5rem}
.wpcf7-checkbox span, .wpcf7 form .wpcf7-response-output{margin: 0}
.wpcf7-checkbox input{margin-top: 0.25rem}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{border-color: #ee4923}

@media (min-width: 992px) {
  :root { --left-to-right-nil: polygon(0 0, 0 0, 0 100%, 0 100%); --left-to-right-fil: polygon(0 0, 100% 0, 100% 100%, 0 100%); --right-to-left-nil: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); --right-to-left-fil: polygon(100% 0, 0 0, 0 100%, 100% 100%); --top-to-bottom-nil: polygon(100% 0, 0 0, 0 0, 100% 0); --top-to-bottom-fil: polygon(100% 0, 0 0, 0 100%, 100% 100%); --bottom-to-top-nil: polygon(0 88%, 100% 88%, 100% 100%, 0% 100%); --bottom-to-top-fil: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
  img.wow { clip-path: var(--bottom-to-top-nil); transition: all 2s ease 0.25s; transform: translateY(40%); opacity: 0; }
  img.animated { clip-path: var(--bottom-to-top-fil); transform: translateY(0px); opacity: 1; }


 .trans-anim li {transform: translateY(20%);opacity: 0;transition: 1s;}
  .trans-anim.animated li {transform: none;opacity: 1;}
  .trans-anim li:nth-child(1){transition-delay: 0.2s;}
  .trans-anim li:nth-child(2){transition-delay: 0.4s;}
  .trans-anim li:nth-child(3){transition-delay: 0.6s;}
  .trans-anim li:nth-child(4){transition-delay: 0.8s;}
  .trans-anim li:nth-child(5){transition-delay: 1s;}
  .trans-anim li:nth-child(6){transition-delay: 1.2s;}
  .trans-anim li:nth-child(7){transition-delay: 1.4s;}
  .trans-anim li:nth-child(8){transition-delay: 1.6s;}
  .trans-anim li:nth-child(9){transition-delay: 1.8s;}
  .trans-anim li:nth-child(10){transition-delay: 1.9s;}
  .trans-anim li:nth-child(11){transition-delay: 2s;}
  .trans-anim li:nth-child(12){transition-delay: 2.1s;}
  .trans-anim li:nth-child(13){transition-delay: 2.2s;}
  .trans-anim li:nth-child(14){transition-delay: 2.3s;}
}

@media only screen and (min-width: 1200px) {.container {max-width: 87.84773060029282vw;padding: 0}}

@media only screen and (min-width: 1600px) {html {font-size: 120%;-webkit-text-size-adjust: 100%;}}
 
@media only screen and (min-width: 1825px) {html {font-size: 130%;-webkit-text-size-adjust: 100%;}}
 
@media only screen and (min-width: 2030px) {html {font-size: 160%;-webkit-text-size-adjust: 100%}}
 
@media only screen and (min-width: 2700px) {html {font-size: 200%;-webkit-text-size-adjust: 100%;}}