html {
    scroll-behavior: smooth;
}

.nav-scroll,
.list-menu-scroll {
    background-color: rgb(255, 255, 255) !important;
}

.nav-scroll .text-gray-100,
.list-menu-scroll .text-gray-100,
.nav-scroll .text-gray-200,
.list-menu-scroll .text-gray-200 {
    color: #000;
}

.nav-scroll .text-gray-100:hover,
.list-menu-scroll .text-gray-100:hover,
.nav-scroll .text-gray-200:hover,
.list-menu-scroll .text-gray-200:hover {
    color: #d76c00 !important;
}

.nav-scroll .app,
.list-menu-scroll .app {
    --transition-duration: 400ms;
    --text: #444;
}

.active-menu {
    color: #fbbf24 !important;
    border-top: 2px solid #fbbf24;
    border-bottom: 2px solid #fbbf24;
}



@media (min-width: 1000px) {

    .list-menu-scroll {
        background-color: transparent !important;
    }
}


/* css home  */
.custom-shape-divider-bottom-1678769477 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1678769477 svg {
    position: relative;
    display: block;
    width: calc(188% + 1.3px);
    height: 115px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1678769477 .shape-fill {
    fill: #fff;
}



.custom-shape-divider-top-1678769550 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-top-1678769550 svg {
    position: relative;
    display: block;
    width: calc(188% + 1.3px);
    height: 115px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-1678769550 .shape-fill {
    fill: #fff;
}
/* end css home */

/* css profil  */
.wave-top {
    width: 100%;
    line-height: 0;
    transform: rotate(180deg);
}

.wave-top svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 144px;
}

.wave-top .shape-fill {
    fill: #fff;
}

.wave-bottom .shape-fill {
    fill: #fff;
}

.bg-pat {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='40' height='20'%3E%3Cpath fill='%239C92AC' fill-opacity='0.15' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z'%3E%3C/path%3E%3C/svg%3E");
}
/* end css profile */


/* detail product */
.scroll{
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
/* iOS devices */
@supports (-webkit-overflow-scrolling: touch) {
    .scroll {
        -webkit-overflow-scrolling: touch;
    }
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.scroll-behavior-smooth{
    scroll-behavior: smooth;
}
.snap {
    scroll-snap-type: var(--scroll-snap-direction) var(--scroll-snap-constraint);
}
.snap-y {
    --scroll-snap-direction: y;
}
.snap-x {
    --scroll-snap-direction: x;
}
.snap-mandatory {
    --scroll-snap-constraint: mandatory;
}
.snap-start {
    scroll-snap-align: start;
}

  input[type='number']::-webkit-inner-spin-button,
  input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .custom-number-input input:focus {
    outline: none !important;
  }

  .custom-number-input button:focus {
    outline: none !important;
  }
/* end css detail product */