:root {
  --orange-1: #ff6e40;
  --orange-2: #ffb000;
  --yellow: #fdca22;
  --white-1: #fdfdfd;
  --white-2: #f4f6fa;
  --white-3: #e6e6e7;
  --white-4: #f1f1f7;
  --black-1: #1f1f1f;
  --black-2: #5d5e63;
  --arrow-right-yellow: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8H3.91667M19.6667 8L12.6667 1M19.6667 8L12.6667 15M19.6667 8H7.41667' stroke='%23FDCA22' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --arrow-right-orange: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8H3.91667M19.6667 8L12.6667 1M19.6667 8L12.6667 15M19.6667 8H7.41667' stroke='%23ff6e40' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --arrow-right-white: url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9H4.125M21 9L13.5 1.5M21 9L13.5 16.5M21 9H7.875' stroke='white' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --svg-camera-white: url("data:image/svg+xml,%3Csvg width='26' height='23' viewBox='0 0 26 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 3H19.535L17.8312 0.445C17.74 0.30819 17.6164 0.196004 17.4714 0.118382C17.3264 0.0407602 17.1645 9.87561e-05 17 0H9C8.83554 9.87561e-05 8.67363 0.0407602 8.52864 0.118382C8.38364 0.196004 8.26003 0.30819 8.16875 0.445L6.46375 3H3C2.20435 3 1.44129 3.31607 0.87868 3.87868C0.316071 4.44129 0 5.20435 0 6V20C0 20.7956 0.316071 21.5587 0.87868 22.1213C1.44129 22.6839 2.20435 23 3 23H23C23.7956 23 24.5587 22.6839 25.1213 22.1213C25.6839 21.5587 26 20.7956 26 20V6C26 5.20435 25.6839 4.44129 25.1213 3.87868C24.5587 3.31607 23.7956 3 23 3ZM24 20C24 20.2652 23.8946 20.5196 23.7071 20.7071C23.5196 20.8946 23.2652 21 23 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H7C7.16468 5.00011 7.32683 4.95954 7.47206 4.88191C7.61729 4.80428 7.7411 4.69199 7.8325 4.555L9.535 2H16.4638L18.1675 4.555C18.2589 4.69199 18.3827 4.80428 18.5279 4.88191C18.6732 4.95954 18.8353 5.00011 19 5H23C23.2652 5 23.5196 5.10536 23.7071 5.29289C23.8946 5.48043 24 5.73478 24 6V20ZM13 7C11.9122 7 10.8488 7.32257 9.94436 7.92692C9.03989 8.53127 8.33494 9.39025 7.91866 10.3952C7.50238 11.4002 7.39346 12.5061 7.60568 13.573C7.8179 14.6399 8.34172 15.6199 9.11091 16.3891C9.8801 17.1583 10.8601 17.6821 11.927 17.8943C12.9939 18.1065 14.0998 17.9976 15.1048 17.5813C16.1098 17.1651 16.9687 16.4601 17.5731 15.5556C18.1774 14.6512 18.5 13.5878 18.5 12.5C18.4983 11.0418 17.9184 9.64383 16.8873 8.61274C15.8562 7.58165 14.4582 7.00165 13 7ZM13 16C12.3078 16 11.6311 15.7947 11.0555 15.4101C10.4799 15.0256 10.0313 14.4789 9.76642 13.8394C9.50151 13.1999 9.4322 12.4961 9.56725 11.8172C9.7023 11.1383 10.0356 10.5146 10.5251 10.0251C11.0146 9.53564 11.6383 9.2023 12.3172 9.06725C12.9961 8.9322 13.6999 9.00151 14.3394 9.26642C14.9789 9.53133 15.5256 9.97993 15.9101 10.5555C16.2947 11.1311 16.5 11.8078 16.5 12.5C16.5 13.4283 16.1313 14.3185 15.4749 14.9749C14.8185 15.6313 13.9283 16 13 16Z' fill='%23FDFDFD'/%3E%3C/svg%3E%0A");
  --svg-cart: url("data:image/svg+xml,%3Csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.1875 0.75C0.93886 0.75 0.700403 0.848772 0.524588 1.02459C0.348772 1.2004 0.25 1.43886 0.25 1.6875C0.25 1.93614 0.348772 2.1746 0.524588 2.35041C0.700403 2.52623 0.93886 2.625 1.1875 2.625H1.64875C1.85232 2.62535 2.05025 2.69196 2.21261 2.81475C2.37498 2.93754 2.49297 3.10984 2.54875 3.30562L5.5225 13.7119C5.69069 14.2991 6.04551 14.8157 6.53332 15.1834C7.02112 15.5511 7.61538 15.75 8.22625 15.75H16.7931C17.3553 15.7501 17.9047 15.5817 18.3702 15.2665C18.8358 14.9514 19.1962 14.5039 19.405 13.9819L22.1687 7.07062C22.2824 6.78624 22.3246 6.47835 22.2917 6.17387C22.2589 5.86939 22.152 5.57759 21.9803 5.32399C21.8086 5.07038 21.5775 4.86267 21.307 4.71904C21.0365 4.5754 20.735 4.50019 20.4288 4.5H4.84L4.35062 2.79C4.18286 2.2027 3.82847 1.68597 3.34101 1.31793C2.85356 0.949888 2.25954 0.750533 1.64875 0.75H1.1875ZM7.32625 13.1944L5.37625 6.375H20.4288L17.6631 13.2863C17.5935 13.46 17.4734 13.609 17.3183 13.7139C17.1633 13.8189 16.9804 13.875 16.7931 13.875H8.22625C8.02268 13.8746 7.82475 13.808 7.66239 13.6853C7.50002 13.5625 7.38203 13.3902 7.32625 13.1944ZM8.6875 23.25C9.05684 23.25 9.42257 23.1773 9.7638 23.0359C10.105 22.8946 10.4151 22.6874 10.6762 22.4262C10.9374 22.1651 11.1446 21.855 11.2859 21.5138C11.4273 21.1726 11.5 20.8068 11.5 20.4375C11.5 20.0682 11.4273 19.7024 11.2859 19.3612C11.1446 19.02 10.9374 18.7099 10.6762 18.4488C10.4151 18.1876 10.105 17.9804 9.7638 17.8391C9.42257 17.6977 9.05684 17.625 8.6875 17.625C7.94158 17.625 7.22621 17.9213 6.69876 18.4488C6.17132 18.9762 5.875 19.6916 5.875 20.4375C5.875 21.1834 6.17132 21.8988 6.69876 22.4262C7.22621 22.9537 7.94158 23.25 8.6875 23.25ZM8.6875 21.375C8.43886 21.375 8.2004 21.2762 8.02459 21.1004C7.84877 20.9246 7.75 20.6861 7.75 20.4375C7.75 20.1889 7.84877 19.9504 8.02459 19.7746C8.2004 19.5988 8.43886 19.5 8.6875 19.5C8.93614 19.5 9.1746 19.5988 9.35041 19.7746C9.52623 19.9504 9.625 20.1889 9.625 20.4375C9.625 20.6861 9.52623 20.9246 9.35041 21.1004C9.1746 21.2762 8.93614 21.375 8.6875 21.375ZM16.1875 23.25C16.5568 23.25 16.9226 23.1773 17.2638 23.0359C17.605 22.8946 17.9151 22.6874 18.1762 22.4262C18.4374 22.1651 18.6446 21.855 18.7859 21.5138C18.9273 21.1726 19 20.8068 19 20.4375C19 20.0682 18.9273 19.7024 18.7859 19.3612C18.6446 19.02 18.4374 18.7099 18.1762 18.4488C17.9151 18.1876 17.605 17.9804 17.2638 17.8391C16.9226 17.6977 16.5568 17.625 16.1875 17.625C15.4416 17.625 14.7262 17.9213 14.1988 18.4488C13.6713 18.9762 13.375 19.6916 13.375 20.4375C13.375 21.1834 13.6713 21.8988 14.1988 22.4262C14.7262 22.9537 15.4416 23.25 16.1875 23.25ZM16.1875 21.375C15.9389 21.375 15.7004 21.2762 15.5246 21.1004C15.3488 20.9246 15.25 20.6861 15.25 20.4375C15.25 20.1889 15.3488 19.9504 15.5246 19.7746C15.7004 19.5988 15.9389 19.5 16.1875 19.5C16.4361 19.5 16.6746 19.5988 16.8504 19.7746C17.0262 19.9504 17.125 20.1889 17.125 20.4375C17.125 20.6861 17.0262 20.9246 16.8504 21.1004C16.6746 21.2762 16.4361 21.375 16.1875 21.375Z' fill='white'/%3E%3C/svg%3E%0A");
}
body {
  font-family: Inter !important;
  font-size: 15px;
  color: var(--black-2);
  position: relative;
}
header{
    #fixed-navbar{
        position: fixed;
        z-index: 9;
        width: 100%;
    }
    #bawah-navbar{
        height:82px;
    }
}
body > *:not(header):not(footer) {
  max-width: 1440px;
  margin: 0 auto;
}
a {
  text-decoration: none;
}
p {
  font-size: 15px;
}
h1 {
  font-size: 37px;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--orange-1);
  line-height: 120%;
}
h2 {
  font-size: 29px;
}
h3 {
  font-size: 23px;
}
h4 {
  font-size: 19px;
}
.fs-1 {
  font-size: 37px !important;
}
.fs-2 {
  font-size: 29px !important;
}
.fs-3 {
  font-size: 23px !important;
}
.fs-4 {
  font-size: 19px !important;
}
.fs-body {
  font-size: 15px;
}
.fs-sub {
  font-size: 12px;
}
.fs-small {
  font-size: 10px;
}
.color-orange-1 {
  color: var(--orange-1);
}
.color-orange-2 {
  color: var(--orange-2);
}
.color-yellow {
  color: var(--yellow);
}
.color-white-1 {
  color: var(--white-1);
}
.color-white-2 {
  color: var(--white-2);
}
.color-white-3 {
  color: var(--white-3);
}
.color-black-1 {
  color: var(--black-1);
}
.color-black-2 {
  color: var(--black-2);
}
.color-hover-orange:hover {
  color: var(--orange-1);
}
.bg-orange-1 {
  background-color: var(--orange-1);
}
.bg-orange-2 {
  background-color: var(--orange-2);
}
.bg-yellow {
  background-color: var(--yellow);
}
.bg-white-1 {
  background-color: var(--white-1);
}
.bg-white-2 {
  background-color: var(--white-2);
}
.bg-white-3 {
  background-color: var(--white-3);
}
.bg-black-1 {
  background-color: var(--black-1);
}
.bg-black-2 {
  background-color: var(--black-2);
}
nav.navbar {
  height: 95px;
}
.navbar-nav a.active {
  color: var(--orange-1) !important;
}
.navbar-nav a {
  color: var(--black-1);
  padding: 6px 10px !important;
  font-weight: 500;
  line-height: 1.3em;
}
.navbar-nav a:hover {
  color: var(--orange-1);
}
nav.navbar .dropdown > ul {
    border: unset;
    border-radius:4px;
    background-color:var(--yellow);
    width: max-content;
    
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
}
.submenu a.nav-link {
    font-size: 14px;
    padding: 4px 18px !important;
}
.search-input {
  height: 28px;
  padding: 6px;
  border-color: var(--black-1) !important;
}
.search-input::placeholder {
  color: var(--black-1);
  opacity: 1; /* Firefox */
}

.search-input::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: var(--black-1);
}

.carousel-indicators {
  bottom: -40px;
}
.carousel-indicators button[data-bs-target] {
  background-color: var(--orange-1);
  width: 20px;
  height: 6px;
  border-width: 0px;
  border-radius: 5px;
}
#tentang #divText {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#tentang #divText h1,
#tentang #divText h2,
#tentang #divText h3,
#tentang #divText h4,
#tentang #divText h5,
#tentang #divText h6 {
  color: var(--black-1);
}
#tentang #divText > * {
  margin: 0;
}
#tentang ul {
  padding: 0;
  margin: 0;
}
#tentang ul li:last-child {
  margin: 0;
}
#tentang ul li {
  width:100%;
  font-size: 19px;
  font-weight: 600;
  color: var(--black-1);
  padding: 8px 5px 8px 40px;
  background-color: #f4f6fa;
  color: var(--black-1);
  margin-bottom: 12px;
  border-radius: 7px;
  position: relative;
  /*list-style-position: inside;*/
  display: inline-block;
}
#tentang ul li::before {
  content: "\2022";
  position:absolute;
  top:10px;
  left:14px;
  font-weight: bold;
  font-size: 24px;
  line-height:20px;
}

.shadow-black-60 {
  background: rgba(0, 0, 0, 0.1);
  mix-blend-mode: normal;
}
.shadow-black-60:hover {
  background: rgba(0, 0, 0, 0.0);
  transition: background 1s;
}
.shadow-black-60::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  mix-blend-mode: soft-light;
}
.arrow-right {
  font-family: "Inter";
  font-style: normal;
  /* font-weight: 700; */
  /* font-size: 23px; */
  line-height: 150%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-bottom: 0;
  transition: 0.6s;
}
.arrow-right::after {
  z-index: 1;
  height: 20px;
}
.arrow-right:hover {
  gap: 20px;
  transition: 0.6s;
}
.arrow-right.arrow-yellow > * {
  color: #fdca22;
  z-index: 1;
}
.arrow-right.arrow-yellow::after {
  /* content: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8H3.91667M19.6667 8L12.6667 1M19.6667 8L12.6667 15M19.6667 8H7.41667' stroke='%23FDCA22' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); */
  content: var(--arrow-right-yellow);
}
.arrow-right.arrow-orange > * {
  color: var(--orange-1);
  z-index: 1;
}
.arrow-right.arrow-orange::after {
  /* content: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8H3.91667M19.6667 8L12.6667 1M19.6667 8L12.6667 15M19.6667 8H7.41667' stroke='%23ff6e40' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); */
  content: var(--arrow-right-orange);
}
.arrow-right.arrow-white > * {
  color: #ffffff;
  z-index: 1;
}
.arrow-right.arrow-white::after {
  /* content: url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9H4.125M21 9L13.5 1.5M21 9L13.5 16.5M21 9H7.875' stroke='white' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); */
  content: var(--arrow-right-white);
}
#section-dokter {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}
#section-dokter img {
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25);
  border-radius: 7px;
}
#testimonial img {
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25);
  border-radius: 7px;
}
.frame-testi {
  height: 200px;
  margin-top: 20px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background: unset;
}
#owl-testi.owl-theme .owl-nav [class*="owl-"]:hover {
  background: var(--orange-1);
}
#section-blog {
  font-size: 19px;
}
#section-blog h4 {
  height: 5em;
  padding: 1em;
  margin-bottom: 0;
  transition: color 0.4s;
}
#section-blog .link-artikel:hover h4 {
  color: var(--orange-1);
  transition: color 0.4s;
}
footer {
  background-color: var(--white-2);
}
footer h5 {
  font-size: 15px;
  font-weight: bold;
  color: var(--black-1);
  text-transform: capitalize;
}
footer .navbar-nav a {
  padding-left: 0 !important;
  color: var(--black-2);
}
footer .marketplace a h6 {
  color: var(--black-1);
  font-weight: bold !important;
  font-size: 15px;
}
footer .sosmed a {
  font-size: 33px;
  color: var(--black-1);
}
.owl-carousel li {
  list-style: none;
}
.blog-post h1{
    text-transform:capitalize;
}
.post-content{
    padding:0 12px;
}
.post-content h4 {
    line-height:150%;
    color:var(--black-1);
    font-weight:bold;
}
.blog-post:hover h4 {
    color: var(--orange-1);
}
.post-content .konten-ckeditor h2,
.post-content .konten-ckeditor h3,
.post-content .konten-ckeditor h4 {
  color: var(--black-1);
  margin-bottom: 1em;
}

.page-nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  list-style: none;
  padding: 0;
}

.page-nav ul li > * {
  width: 30px;
  height: 30px;
  background-color: var(--white-3);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white-3);
  border-radius: 2px;
  overflow: hidden;
  color: var(--black-1);
}
.page-nav ul li > *.first,
.page-nav ul li > *.prev,
.page-nav ul li > *.next,
.page-nav ul li > *.last {
  width: 40px;
}
.page-nav ul li a:hover,
.page-nav ul li.active a {
  background-color: var(--yellow);
  color: var(--orange-1);
}
.page-nav ul li.disabled > * {
    color: #b4b4b5;
}
.owl-carousel:not(#owl-testi) .owl-prev,
.owl-carousel:not(#owl-testi) .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.owl-carousel:not(#owl-testi) .owl-prev {
  left: -40px;
}
.owl-carousel:not(#owl-testi) .owl-next {
  right: -40px;
}
.owl-carousel:not(#owl-testi) .owl-prev .arrow-right {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
#owl-related-post.owl-carousel .owl-prev,
#owl-related-post.owl-carousel .owl-next {
  top: 0;
  transform: unset;
}
#owl-produk-gallery.owl-carousel .owl-nav {
  margin: 0;
}
#owl-produk-gallery.owl-carousel .owl-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#owl-produk-gallery.owl-carousel .owl-prev {
  left: 0;
}
#owl-produk-gallery.owl-carousel .owl-next {
  right: 0;
}
.breadcrumb li a {
  color: var(--black-2);
}
.breadcrumb li a::after {
  content: "/";
  padding: 0 4px;
}
.breadcrumb li a:hover {
  color: var(--orange-1);
}
.breadcrumb li:last-child {
  color: var(--black-1);
  font-weight: bold;
}
.blog-post ol,
.blog-post ul {
  padding-left: 1em;
}

.hover-orange > * {
  z-index: 1;
}
.hover-orange::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.4s, background-color 0.4s;
  animation: ease-out;
  z-index: 2;
}
.hover-orange:hover::before {
  opacity: 1;
  background-color: rgba(255, 110, 64, 0.7);
}
.hover-orange.svg-camera-white::after {
  content: var(--svg-camera-white);
  z-index: 2;
  position: absolute;
  top: 110%;
  transform: translateY(-50%);
  transition: top 0.4s;
}
.hover-orange.svg-camera-white:hover:after {
  top: 50%;
}
.svg-cart::after {
  content: var(--svg-cart);
  line-height: 1em;
}
.product-item {
  position: relative;
}
.product-item .sale {
  position: absolute;
  top: 1em;
  left: 0;
  padding: 4px 6px;
  background-color: var(--orange-1);
  color: var(--white-1);
}
#gallery_product .ratio {
  border: 1px solid var(--white-2);
}
#gallery_product .active .ratio {
  border: 1px solid var(--orange-1);
}
.simple-share a {
  color: var(--black-1);
}
.single-product-tab-area .nav.nav-pills .nav-item .nav-link {
  background-color: var(--white-3);
  color: var(--black-2);
  border-radius: 0;
  padding: 0.7em 1.7em;
}
.single-product-tab-area .nav.nav-pills .nav-item .nav-link.active {
  background-color: var(--white-2);
  color: var(--orange-1);
}
.single-product-tab-area .tab-content strong {
  color: var(--black-1);
}
.instagram-media {
  max-width: 320px !important;
  min-width: unset !important;
}
.instagram-media-registered a {
  display: block;
  max-width: 320px;
}
.page-content strong,
.page-content b {
  color: var(--black-1);
}
.ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.ellipsis-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.ellipsis-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}
.ellipsis-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
}
#cat-treeview li {
  margin-bottom: 0.5em;
}
#cat-treeview .form-check-input:checked {
    background-color: var(--orange-1);
    border-color: var(--orange-1);
}
#cat-treeview a {
  color: var(--black-1);
  font-weight: 500;
}
#cat-treeview a:hover, #cat-treeview a.active {
  color: var(--orange-1);
}
#owl-best-treatment.owl-theme .owl-dots .owl-dot.active span {
  opacity: 1;
}
#owl-best-treatment.owl-theme .owl-dots .owl-dot span {
  background-color: var(--orange-1);
  width: 20px;
  height: 6px;
  border-width: 0px;
  border-radius: 5px;
  margin: 5px 4px;
  opacity: 0.6;
}

/* ornamen */
#tentang .container {
  position: relative;
  z-index: 2;
}
#tentang .container::before {
  position: absolute;
  content: url("data:image/svg+xml,%3Csvg width='121' height='125' viewBox='0 0 121 125' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='31' width='94' height='94' rx='10' fill='%23FDCA22'/%3E%3Crect x='74' width='47' height='47' rx='10' fill='%23FDCA22'/%3E%3C/svg%3E%0A");
  top: 0;
  right: 100%;
  transform: translate(2em, -1em);
  z-index: -1;
}
/* ornamen */

.form-serach {
  max-width: 120px;
}

.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 40px;
  background-color: var(--yellow);
  padding: 10px 14px;
  border-radius: 8px;
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.25);
  z-index: 2;
}
.hubungi-kami {
  position: fixed;
  left: 20px;
  bottom: 0;
  z-index: 2;
  background-color: var(--yellow);
  font-weight: bold;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  /*height: 37px;*/
  overflow: hidden;
  transition: transform 0.8s;
  transform: translateY(calc(100% - 37px));
}
.hubungi-kami:hover {
  /*height: auto;*/
  transform :none;
}
.hubungi-kami .head {
  padding: 8px 12px;
  color: var(--black-1);
  display: flex;
  align-items: center;
  line-height: 1em;
  gap: 0.5ch;
}
.hubungi-kami .head::before {
  content: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6156 6.16642H17.5006C17.9427 6.16642 18.3666 6.34202 18.6792 6.65458C18.9917 6.96714 19.1673 7.39106 19.1673 7.83309V11.1664C19.1673 11.6084 18.9917 12.0324 18.6792 12.3449C18.3666 12.6575 17.9427 12.8331 17.5006 12.8331H16.6156C16.4125 14.4442 15.6284 15.9257 14.4104 16.9998C13.1925 18.0738 11.6245 18.6664 10.0007 18.6664V16.9998C11.3267 16.9998 12.5985 16.473 13.5362 15.5353C14.4739 14.5976 15.0006 13.3258 15.0006 11.9998V6.99975C15.0006 5.67367 14.4739 4.4019 13.5362 3.46422C12.5985 2.52654 11.3267 1.99975 10.0007 1.99975C8.67457 1.99975 7.4028 2.52654 6.46512 3.46422C5.52743 4.4019 5.00065 5.67367 5.00065 6.99975V12.8331H2.50065C2.05862 12.8331 1.6347 12.6575 1.32214 12.3449C1.00958 12.0324 0.833984 11.6084 0.833984 11.1664V7.83309C0.833984 7.39106 1.00958 6.96714 1.32214 6.65458C1.6347 6.34202 2.05862 6.16642 2.50065 6.16642H3.38565C3.58901 4.5555 4.37322 3.07415 5.59113 2.00032C6.80904 0.926487 8.37694 0.333984 10.0007 0.333984C11.6244 0.333984 13.1923 0.926487 14.4102 2.00032C15.6281 3.07415 16.4123 4.5555 16.6156 6.16642ZM2.50065 7.83309V11.1664H3.33398V7.83309H2.50065ZM16.6673 7.83309V11.1664H17.5006V7.83309H16.6673ZM6.46732 12.6539L7.35065 11.2406C8.14488 11.7381 9.06346 12.0013 10.0007 11.9998C10.9378 12.0013 11.8564 11.7381 12.6507 11.2406L13.534 12.6539C12.475 13.3174 11.2503 13.6683 10.0007 13.6664C8.75103 13.6684 7.52625 13.3174 6.46732 12.6539Z' fill='%23E53B06'/%3E%3C/svg%3E%0A");
}
.hubungi-kami .wa,
.hubungi-kami .contact-us {
  padding: 8px 12px;
  color: var(--black-1);
  background-color: var(--orange-1);
  display: flex;
  align-items: center;
  line-height: 1em;
  gap: 0.5ch;
}
.hubungi-kami .wa:hover,
.hubungi-kami .contact-us:hover {
  color: var(--yellow);
}
.hubungi-kami .wa::before {
  content: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4373 12.5749C14.1898 12.4507 12.9723 11.8524 12.7456 11.769C12.5181 11.6865 12.3531 11.6457 12.1873 11.894C12.0231 12.1415 11.5481 12.699 11.404 12.864C11.2598 13.0299 11.1148 13.0499 10.8673 12.9265C10.6198 12.8015 9.82146 12.5407 8.87562 11.6974C8.13979 11.0407 7.64229 10.2299 7.49813 9.98153C7.35396 9.73403 7.48312 9.59986 7.60646 9.47653C7.71812 9.3657 7.85479 9.18736 7.97812 9.0432C8.10229 8.8982 8.14312 8.79486 8.22646 8.62903C8.30896 8.46403 8.26812 8.31986 8.20562 8.1957C8.14312 8.07153 7.64813 6.85237 7.44229 6.35653C7.24063 5.87404 7.03646 5.93987 6.88479 5.93154C6.72654 5.92523 6.56817 5.92245 6.40979 5.9232C6.24479 5.9232 5.97646 5.98487 5.74979 6.2332C5.52313 6.4807 4.88313 7.07987 4.88313 8.29903C4.88313 9.51736 5.77063 10.6949 5.89396 10.8607C6.01813 11.0257 7.64062 13.5274 10.1248 14.5999C10.7156 14.8549 11.1765 15.0074 11.5365 15.1207C12.1298 15.3099 12.6698 15.2832 13.0956 15.219C13.5714 15.1482 14.5606 14.6199 14.7673 14.0415C14.9739 13.4632 14.9739 12.9674 14.9114 12.864C14.8498 12.7607 14.6856 12.699 14.4373 12.5749ZM9.91895 18.744H9.91562C8.44043 18.7441 6.99236 18.3475 5.72313 17.5957L5.4223 17.4173L2.3048 18.2357L3.13647 15.1957L2.94063 14.884C2.116 13.5709 1.67975 12.0513 1.6823 10.5007C1.68314 5.95904 5.37896 2.26404 9.92229 2.26404C12.1223 2.26404 14.1906 3.12237 15.7456 4.67904C16.5128 5.44288 17.121 6.35131 17.5348 7.35174C17.9486 8.35216 18.1599 9.42473 18.1564 10.5074C18.1539 15.049 14.4589 18.744 9.91895 18.744ZM16.9298 3.49654C16.0116 2.57231 14.9191 1.83949 13.7157 1.34054C12.5122 0.841597 11.2217 0.586447 9.91895 0.589878C4.45646 0.589878 0.0106379 5.0357 0.00813789 10.4999C0.00813789 12.2465 0.46397 13.9515 1.33147 15.454L-0.0751953 20.5898L5.17896 19.2115C6.63195 20.0031 8.26015 20.418 9.91479 20.4182H9.91895C15.3806 20.4182 19.8273 15.9724 19.8298 10.5074C19.8338 9.20509 19.5796 7.91495 19.0818 6.71156C18.584 5.50817 17.8526 4.41543 16.9298 3.49654Z' fill='%23FDFDFD'/%3E%3C/svg%3E%0A");
}
.hubungi-kami .wa:hover:before {
  content: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4373 12.5749C14.1898 12.4507 12.9723 11.8524 12.7456 11.769C12.5181 11.6865 12.3531 11.6457 12.1873 11.894C12.0231 12.1415 11.5481 12.699 11.404 12.864C11.2598 13.0299 11.1148 13.0499 10.8673 12.9265C10.6198 12.8015 9.82146 12.5407 8.87562 11.6974C8.13979 11.0407 7.64229 10.2299 7.49813 9.98153C7.35396 9.73403 7.48312 9.59986 7.60646 9.47653C7.71812 9.3657 7.85479 9.18736 7.97812 9.0432C8.10229 8.8982 8.14312 8.79486 8.22646 8.62903C8.30896 8.46403 8.26812 8.31986 8.20562 8.1957C8.14312 8.07153 7.64813 6.85237 7.44229 6.35653C7.24063 5.87404 7.03646 5.93987 6.88479 5.93154C6.72654 5.92523 6.56817 5.92245 6.40979 5.9232C6.24479 5.9232 5.97646 5.98487 5.74979 6.2332C5.52313 6.4807 4.88313 7.07987 4.88313 8.29903C4.88313 9.51736 5.77063 10.6949 5.89396 10.8607C6.01813 11.0257 7.64062 13.5274 10.1248 14.5999C10.7156 14.8549 11.1765 15.0074 11.5365 15.1207C12.1298 15.3099 12.6698 15.2832 13.0956 15.219C13.5714 15.1482 14.5606 14.6199 14.7673 14.0415C14.9739 13.4632 14.9739 12.9674 14.9114 12.864C14.8498 12.7607 14.6856 12.699 14.4373 12.5749ZM9.91895 18.744H9.91562C8.44043 18.7441 6.99236 18.3475 5.72313 17.5957L5.4223 17.4173L2.3048 18.2357L3.13647 15.1957L2.94063 14.884C2.116 13.5709 1.67975 12.0513 1.6823 10.5007C1.68314 5.95904 5.37896 2.26404 9.92229 2.26404C12.1223 2.26404 14.1906 3.12237 15.7456 4.67904C16.5128 5.44288 17.121 6.35131 17.5348 7.35174C17.9486 8.35216 18.1599 9.42473 18.1564 10.5074C18.1539 15.049 14.4589 18.744 9.91895 18.744ZM16.9298 3.49654C16.0116 2.57231 14.9191 1.83949 13.7157 1.34054C12.5122 0.841597 11.2217 0.586447 9.91895 0.589878C4.45646 0.589878 0.0106379 5.0357 0.00813789 10.4999C0.00813789 12.2465 0.46397 13.9515 1.33147 15.454L-0.0751953 20.5898L5.17896 19.2115C6.63195 20.0031 8.26015 20.418 9.91479 20.4182H9.91895C15.3806 20.4182 19.8273 15.9724 19.8298 10.5074C19.8338 9.20509 19.5796 7.91495 19.0818 6.71156C18.584 5.50817 17.8526 4.41543 16.9298 3.49654Z' fill='%23FDCA22'/%3E%3C/svg%3E%0A");
}
.hubungi-kami .contact-us::before {
  content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3327 12.6696C17.3323 13.8093 16.9428 14.9146 16.2285 15.8027C15.5143 16.6907 14.5182 17.3082 13.4052 17.553L12.8735 15.958C13.3604 15.8778 13.8234 15.6906 14.2292 15.4099C14.635 15.1292 14.9734 14.7619 15.2202 14.3346H13.166C12.724 14.3346 12.3001 14.159 11.9875 13.8465C11.6749 13.5339 11.4993 13.11 11.4993 12.668V9.33463C11.4993 8.89261 11.6749 8.46868 11.9875 8.15612C12.3001 7.84356 12.724 7.66797 13.166 7.66797H15.6143C15.411 6.05705 14.6268 4.5757 13.4089 3.50187C12.191 2.42803 10.6231 1.83553 8.99935 1.83553C7.37564 1.83553 5.80774 2.42803 4.58983 3.50187C3.37192 4.5757 2.58771 6.05705 2.38435 7.66797H4.83268C5.27471 7.66797 5.69863 7.84356 6.01119 8.15612C6.32375 8.46868 6.49935 8.89261 6.49935 9.33463V12.668C6.49935 13.11 6.32375 13.5339 6.01119 13.8465C5.69863 14.159 5.27471 14.3346 4.83268 14.3346H2.33268C1.89065 14.3346 1.46673 14.159 1.15417 13.8465C0.84161 13.5339 0.666016 13.11 0.666016 12.668V8.5013C0.666016 3.8988 4.39685 0.167969 8.99935 0.167969C13.6018 0.167969 17.3327 3.8988 17.3327 8.5013V12.668V12.6696Z' fill='%23FDFDFD'/%3E%3C/svg%3E%0A");
}
.hubungi-kami .contact-us:hover:before {
  content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3327 12.6696C17.3323 13.8093 16.9428 14.9146 16.2285 15.8027C15.5143 16.6907 14.5182 17.3082 13.4052 17.553L12.8735 15.958C13.3604 15.8778 13.8234 15.6906 14.2292 15.4099C14.635 15.1292 14.9734 14.7619 15.2202 14.3346H13.166C12.724 14.3346 12.3001 14.159 11.9875 13.8465C11.6749 13.5339 11.4993 13.11 11.4993 12.668V9.33463C11.4993 8.89261 11.6749 8.46868 11.9875 8.15612C12.3001 7.84356 12.724 7.66797 13.166 7.66797H15.6143C15.411 6.05705 14.6268 4.5757 13.4089 3.50187C12.191 2.42803 10.6231 1.83553 8.99935 1.83553C7.37564 1.83553 5.80774 2.42803 4.58983 3.50187C3.37192 4.5757 2.58771 6.05705 2.38435 7.66797H4.83268C5.27471 7.66797 5.69863 7.84356 6.01119 8.15612C6.32375 8.46868 6.49935 8.89261 6.49935 9.33463V12.668C6.49935 13.11 6.32375 13.5339 6.01119 13.8465C5.69863 14.159 5.27471 14.3346 4.83268 14.3346H2.33268C1.89065 14.3346 1.46673 14.159 1.15417 13.8465C0.84161 13.5339 0.666016 13.11 0.666016 12.668V8.5013C0.666016 3.8988 4.39685 0.167969 8.99935 0.167969C13.6018 0.167969 17.3327 3.8988 17.3327 8.5013V12.668V12.6696Z' fill='%23FDCA22'/%3E%3C/svg%3E%0A");
}
#tab-promo .active{
    background-color: var(--yellow)!important;
    color: var(--orange-1);
    border-color: var(--yellow)!important;
}
#tab-promo a:hover{
    background-color: var(--white-4);
    border-color: var(--white-4);
}
@media screen and (min-width: 768px) {
    #accordionFooter .accordion-button::after{
        content:none;
    }
}
@media screen and (max-width: 991px) {
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 26px;
  }
  h3 {
    font-size: 22px;
  }
  h4 {
    font-size: 18px;
  }
  .fs-1 {
    font-size: 30px !important;
  }
  .fs-2 {
    font-size: 26px !important;
  }
  .fs-3 {
    font-size: 22px !important;
  }
  .fs-4 {
    font-size: 18px !important;
  }
  #tentang ul li {
    font-size: 16px;
  }
  nav.navbar {
    height: unset;
  }
  nav.navbar li > a {
    border-bottom: 1px solid var(--black-2);
  }
  .navbar-nav .nav-link.active,
  .navbar-nav .nav-link.show {
    color: var(--orange-1);
  }
  nav.navbar .dropdown > ul {
    border: unset;
    margin-left: 10px;
    margin-top: 0;
    padding-top: 0;
    background-color: var(--white-2);
    box-shadow:none;
    width:unset;
  }
  .frame-testi {
    height: 250px;
    margin-top: 20px;
  }

  .page-nav ul li > * {
    font-size: 12px;
    width: 28px;
    height: 28px;
  }
  .page-nav ul li > *.first,
  .page-nav ul li > *.prev,
  .page-nav ul li > *.next,
  .page-nav ul li > *.last {
    width: 32px;
  }
  .single-product-tab-area .nav.nav-pills .nav-item .nav-link {
    padding: 0.5em 1em;
  }
  .btn-beli {
    font-size: 13px;
  }
  .form-serach {
    max-width: unset;
  }
  .back-to-top {
    right: 20px;
  }
  #carouselSlider .title{
      font-size:19px;
  }
    footer .sertifikat img{
        max-width:54px !important;
    }
    footer .marketplace img{
        max-width:28px !important;
    }
    footer .sosmed a {
        font-size: 28px;
        margin-right:6px;
    }
}


@media screen and (max-width: 767px) {
    footer .navbar-nav a {
        padding: 4px 10px !important;
    }
    #bawah-navbar{
        height:80px;
    }
}