/* Wajib menambahkan font-display:swap; */
@font-face { font-family: 'Inter'; src: url("../webfonts/fonts/Inter-Regular.ttf"); font-style: normal; font-display: swap; }

@font-face { font-family: 'Inter'; src: url("../webfonts/fonts/Inter-Medium.ttf"); font-weight: 500; font-display: swap; }

@font-face { font-family: 'Inter'; src: url("../webfonts/fonts/Inter-Bold.ttf"); font-weight: bold; font-display: swap; }

@font-face { font-family: 'Inter'; src: url("../webfonts/fonts/Inter-Light.ttf"); font-weight: lighter; font-display: swap; }

@-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); }
  50% { opacity: 0;
    -webkit-transform: translate(-100%); }
  51% { opacity: 1; } }

@-moz-keyframes toRightFromLeft { 49% { -moz-transform: translate(100%); }
  50% { opacity: 0;
    -moz-transform: translate(-100%); }
  51% { opacity: 1; } }

@keyframes toRightFromLeft { 49% { transform: translate(100%); }
  50% { opacity: 0;
    transform: translate(-100%); }
  51% { opacity: 1; } }

* { margin: 0; padding: 0; outline: none; }

a, a:link, a:visited { text-decoration: none; }

body { font-family: "Inter"; font-size: 16px; line-height: 1.8; color: #000000; }

.marketplace img { max-height: 50px; }

header .navbar .navbar-brand img { width: 88px; }

header .navbar.bg-light { background-color: #ffffff !important; }

header .navbar .navbar-nav .nav-item.active .nav-link { color: #ef4823; }

header .navbar .navbar-nav .nav-item .nav-link { font-size: 18px; font-weight: 500; padding-left: 1.5rem; padding-right: 1.5rem; color: #000000; }

header .navbar .navbar-nav .nav-item .nav-link:hover, header .navbar .navbar-nav .nav-item .nav-link:active { color: #ef4823; }

#content #mainBanner .carousel-inner { border-radius: 25px; }

#content #mainBanner .carousel-inner .carousel-item { height: 60vh; min-height: 300px; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.slider-partner { margin: 0px 50px; }

.slider-partner .item .img-wrap { padding: 15px; }

.slider-testimoni .item { transform: scale(0.7); opacity: .7; transition: all .3s ease-in-out; }

.slider-testimoni .item.slick-center { opacity: 1; transform: scale(1); }

.slider-testimoni .img-profile { border-radius: 50%; overflow: hidden; width: 80px; height: 80px; margin: auto; }

.slider-testimoni .img-profile img { width: 100%; }

.slider-testimoni .profile-name { color: #ef4823; font-weight: 500; font-size: 18px; margin: 15px 0; }

.wrapper-slider { position: relative; }

.wrapper-slider .btn-prev, .wrapper-slider .btn-next { position: absolute; top: 50%; width: 40px; height: 30px; background-color: rgba(255, 255, 255, 0.7); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: flex; justify-content: center; align-items: center; padding: 0px; color: #ef4823; }

.wrapper-slider .btn-prev:hover, .wrapper-slider .btn-next:hover { background-color: #ffffff; }

.wrapper-slider .btn-next { right: 0; }

.spacer { padding-top: 70px; padding-bottom: 70px; }

.box-products img { margin-bottom: 15px; }

.box-products .wrap-info { padding: 15px; }

.box-products h2 { font-weight: 500; font-size: 26px; }

.box-products strong { color: #ef4823; font-size: 22px; margin-bottom: 15px; display: block; }

.box-products .btn-pesan { background-color: #25d366; color: #ffffff; border-radius: 20px; }

.primary-title { font-size: 28px; line-height: 2.5rem; font-weight: lighter; }

.primary-title.main-title { font-size: 32px; line-height: 3.2rem; font-weight: 500; }

.primary-title strong { font-weight: bold; color: #ef4823; }

.welcome-title { font-size: 20px; line-height: 3rem; font-weight: lighter; }

.welcome-title strong { font-size: 36px; font-weight: bold; color: #ef4823; }

.img-wrapper img { max-width: 100%; }

#contact-section h3, #contact-section a { color: #ef4823; }

#contact-section h2.tel { font-weight: bold; }

#contact-section h2.tel a { color: #000000; }

.alice-background { background-color: #f0f8ff; }

.floating-wa { position: fixed; bottom: 15px; right: 30px; padding: 7px 20px; background-color: #25d366; width: content-fit; border-radius: 25px; }

.floating-wa:hover { background-color: #128c7e; }

.floating-wa a { color: white; display: block; }

.floating-wa a i { font-size: 25px; margin-right: 5px; }

.floating-wa a span { position: relative; top: -3px; }

.bg-rajungan { background-image: url("../assets/banner/mae-mu-IHFa5s6xaRE-unsplash.png"); background-position: center center; background-repeat: no-repeat; }

.box-shadow { background-color: #ffffff; padding: 30px 40px; box-shadow: 0px 0px 10px 1px rgba(92, 92, 92, 0.5); border-radius: 20px; }

.box-shadow h2 { color: #ef4823; font-weight: bold; font-size: 24px; }

.box-shadow ul { padding-left: 15px; }

footer { padding-top: 50px; background-color: #ef4823; color: #ffffff; }

footer .menu-footer .nav-item { position: relative; }

footer .menu-footer .nav-item .nav-link { color: #ffffff; }

footer .menu-footer .nav-item .nav-link:hover, footer .menu-footer .nav-item .nav-link.active { color: #000000; }

footer .menu-footer .nav-item:after { content: '/'; position: absolute; right: -4px; top: 7px; }

footer .menu-footer li:last-child:after { content: unset; }

/*# sourceMappingURL=style.css.map */