@font-face {
    font-family: Avenir;
    /* src: url(../asset/Avenir\ Regular.ttf); */
    src: url(../asset/TanerArdali.otf);
    font-display: swap;
}

@font-face {
    font-family: Tahu;
    src: url(../asset/Tahu!.ttf);
    font-display: swap;
}

input::placeholder,
textarea::placeholder {
  overflow: visible;
}

.font-avenir {
    font-family: Avenir;
}
.font-tahu {
    font-family: Tahu;
}

.icon-magnifier {
    background: url(../asset/icon_search.svg);
    height: 20px;
    width: 20px;
    display: block;
    background-repeat: no-repeat;
}
.icon-magnifier-gray {
    background: url(../icon/maginifier.svg);
    height: 20px;
    width: 20px;
    display: block;
    background-repeat: no-repeat;
}
.icon-coupon {
    background: url(../asset/icon_coupon.svg);
    height: 36px;
    width: 36px;
    display: block;
    background-repeat: no-repeat;
}
.icon-love {
    background: url(../asset/icon_love.svg);
    height: 19px;
    width: 21px;
    display: block;
    background-repeat: no-repeat;
}
.icon-love-gold {
    background: url(../icon/love.svg);
    height: 19px;
    width: 21px;
    display: block;
    background-repeat: no-repeat;
}
.icon-cart {
    background: url(../asset/icon_shopping_cart.svg);
    height: 18px;
    width: 18px;
    display: block;
    background-repeat: no-repeat;
}
.icon-cart-gold {
    background: url(../icon/shopping-cart.svg);
    height: 18px;
    width: 18px;
    display: block;
    background-repeat: no-repeat;
}
.icon-user {
    background: url(../icon/icon-user.svg);
    height: 18px;
    width: 18px;
    background-repeat: no-repeat;
}

.icon-user-gold {
    background: url(../icon/icon-user-gold.svg);
    height: 18px;
    width: 18px;
    background-repeat: no-repeat;
}

.icon-open-eye {
    background: url(../icon/eye-open.svg);
    height: 16px;
    width: 19px;
    background-repeat: no-repeat;
}

.icon-close-eye {
    background: url(../icon/eye-close.svg);
    height: 7px;
    width: 19px;
    background-repeat: no-repeat;
}

.icon-marketplace {
    height: 42px;
    width: 42px;
    display: block;
}

.icon-delivered-grey {
    background: url(../icon/delivered-grey.svg);
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
}

.icon-delivered-white {
    background: url(../icon/delivered-white.svg);
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
}

.icon-delivered-gold {
    background: url(../icon/delivered-gold.svg);
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
}

.icon-delivery-grey {
    background: url(../icon/delivery-grey.svg);
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
}

.icon-delivery-white {
    background: url(../icon/delivery-white.svg);
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
}

.icon-delivery-gold {
    background: url(../icon/delivery-gold.svg);
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
}

.icon-payment-grey {
    background: url(../icon/payment-grey.svg);
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
}

.icon-payment-white {
    background: url(../icon/payment-white.svg);
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
}

.icon-payment-gold {
    background: url(../icon/payment-gold.svg);
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
}

.icon-delivery-gold {
    background: url(../icon/delivery-gold.svg);
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
}

.icon-process-grey {
    background: url(../icon/process-grey.svg);
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
}

.icon-process-white {
    background: url(../icon/process-white.svg);
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
}

.icon-process-gold {
    background: url(../icon/process-gold.svg);
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
}

.nikayla-animate-bounce {
    -webkit-animation: nikayla-bounce 1s infinite;
    -moz-animation: nikayla-bounce 1s infinite;
    -o-animation: nikayla-bounce 1s infinite;
    animation: nikayla-bounce 1s infinite;
}
@-webkit-keyframes nikayla-bounce {
    0% {
        transform: translate3d(0, 0, 0);
    }
    25% {
        transform: translate3d(0, -0.1rem, 0);
    }
    50% {
        transform: translate3d(0, -0.2rem, 0);
    }
    75% {
        transform: translate3d(0, -0.1rem, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@-moz-keyframes nikayla-bounce {
    0% {
        transform: translate3d(0, 0, 0);
    }
    25% {
        transform: translate3d(0, -0.1rem, 0);
    }
    50% {
        transform: translate3d(0, -0.2rem, 0);
    }
    75% {
        transform: translate3d(0, -0.1rem, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes nikayla-bounce {
    0% {
        transform: translate3d(0, 0, 0);
    }
    25% {
        transform: translate3d(0, -0.1rem, 0);
    }
    50% {
        transform: translate3d(0, -0.2rem, 0);
    }
    75% {
        transform: translate3d(0, -0.1rem, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes nikayla-bounce {
    0% {
        transform: translate3d(0, 0, 0);
    }
    25% {
        transform: translate3d(0, -0.1rem, 0);
    }
    50% {
        transform: translate3d(0, -0.2rem, 0);
    }
    75% {
        transform: translate3d(0, -0.1rem, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

.nikayla-banner {
    background-size: cover;
    background-position: center;
    background-origin: border-box;
    background-repeat: no-repeat;
}

.footer-curved-underline {
    position: absolute;
    top: -151px;
    left: -5px;
    height: 10rem;
    border: 3px solid;
    border-color: transparent transparent #d3b25d transparent;
    border-radius: 0 0 70% 100%/0 0 10% 5%;
    transform: rotate(1.5deg);
}
.footer-curved-underline-1 {
    width: 114%;
}
.footer-curved-underline-2 {
    width: 110%;
}
.footer-curved-underline-3 {
    width: 110%;
}
.footer-curved-underline-4 {
    width: 110%;
}

.no-tailwind ul {
    list-style-type: disc;
    margin: 1rem;
    padding: 0 1rem;
}

/* summernote html */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Tahu;
}

/* testimony slider */
@media (min-width: 1024px) {
    div#testimony-slider {
        display: flex;
        flex-direction: row;
    }
}