@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {font-family:'Inter';color:#444}
a {color:#444;}
a:hover {color:#155CA5;}
ul.MarkupPagerNav li a {font-size:0.8125rem;}
ul.MarkupPagerNav li.active {font-size:0.8125rem;}
.text-small {font-size:0.8125rem;}
.btn {padding:5px 10px; background:#ddd; border-radius:4px}
.btn-confirm-delete {color:#FFF;background:red;font-weight:700}

.off-canvas {background:#fff; padding-left:20px;}
.off-canvas ul:first-of-type {margin-top:40px;}

.topbar {padding:15px 0 15px 0;}
.topbar ul.menu-nav {justify-content:flex-end;}
.topbar button {margin:0;}
.menu-nav a {font-weight:700}
.menu-nav .is-dropdown-submenu {min-width:250px;}
.menu-nav li.is-submenu-item a {font-weight:400; padding:0.5rem;}
.content {padding:20px 0;}
.page-home .content {padding:0;}

.footer {padding:35px 0 35px 0;}
.footer a {font-size:0.875rem;}
.footer p {line-height:1.3;}
.footer h6 {font-weight:700;}
.footer ul {list-style-type:none; margin-left:0;}

.section {padding:20px 0 20px 0; border-bottom:1px solid #ddd;}
.section h5 {text-align:center; font-weight:700; text-transform:uppercase;}
.section h5 .underline {background:#155CA5; width:80px; height:4px; margin:20px auto;}

.section-headline {background:#155CA5; color:#FFF}
.section-headline h1 {font-weight:700; line-height:1.2; margin:10px 0 20px 0;}
.section-mengapa-memilih-kami {background:#E7EEF6;}

iframe.mfp-iframe {border-radius:10px;}

.product-categories .card {margin:10px; padding:15px; text-align: center; background:#E7EEF6; }
.product-categories .card h6 {text-transform:uppercase; font-weight:700; font-size:0.875rem; min-height:50px; padding-top:10px; line-height:1.1}
.product-categories .card-section {padding:0;}

.page-backend .topbar {padding:10px 0 10px 0; border-bottom:1px solid #ddd; margin-bottom:10px;}
.page-backend .topbar h1 {margin:0; padding:0}
.page-backend table th {padding:8px 10px;}
.page-backend table td {font-size:0.9375rem;padding:5px 10px;}
.page-backend table thead th {background:rgb(247.65, 247.65, 247.65);}
.page-backend table tfoot td {padding:0; background:rgb(247.65, 247.65, 247.65);}
.page-backend table.hover tbody tr:hover {background-color:#f6e58d}
.page-backend table.hover:not(.unstriped) tr:nth-of-type(even):hover {background-color:#f6e58d}
.page-backend td i.fa-solid {padding:5px 10px; margin-left:5px; background:#ddd; border-radius:4px}
.page-backend td i.fa-solid:hover {color:#FFF;}

.page-home div.section:last-child {border-bottom:none;}
.page-home div.section div.cell p:last-child {margin-bottom:0;}
.page-home div.section div.cell ul:last-child {margin-bottom:0;}

.page-home .section-mengapa-memilih-kami ul li {list-style-type: none}
.page-home .section-mengapa-memilih-kami ul li:before {font-family: 'Font Awesome 6 Free';content: '\f00c';margin:0 5px 0 -15px;}

.page-product .product-image {background:#E7EEF6; border-left:1px solid #fff;}
.page-product .product-image-others img {border-bottom:1px solid #fff;}
.page-product .other-products .cell {text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; margin-bottom:.9375rem; padding:20px}
.page-product .other-products .cell:last-child {border-right:1px solid #ddd;}
.page-product .other-products h6 {text-transform:uppercase; font-size:0.75rem; margin-top:5px; line-height:1.1}

.is-dropdown-submenu {padding:10px; box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15); border:none;}

.home-slide {display:none;}
.home-slide.slick-initialized {display:block;}
.home-slide {margin:10px 0 0 0; box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15); background:#E7EEF6; }
.home-slide i.fa-arrow-left {position:absolute; top:50%; z-index:998; left:10px; cursor:pointer; color:#ddd;}
.home-slide i.fa-arrow-right {position:absolute; top:50%; z-index:998; right:10px; cursor:pointer; color:#ddd;}
.home-slide table {margin:0; table-layout:fixed; width:100%; border:10px solid #fff;}
.home-slide table tbody {background:transparent}
.home-slide table td h5 {font-weight:400;text-align:left}
.home-slide .slick-dots li button:before {color:#ddd; opacity:1;}
.home-slide .slick-dots li.slick-active button:before {color:#000;}


/* Hide the default dropdown arrow */
.dropdown.menu>li.is-dropdown-submenu-parent > a::after {border-style:none; margin-top:-8px; width:15px;}
.dropdown.menu>li.is-dropdown-submenu-parent > a::after {content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight:400;}

@media screen and (max-width: 39.9375em) {
	.section-headline h1 {margin-top:0; font-size:1.9375rem; text-align:center;}
	.section-headline .cell:first-child {margin-bottom:15px}
	.page-product h1 {margin-top:10px; font-size:1.9375rem;}
	.page-product .other-products .cell:nth-child(even) {border-right:1px solid #ddd;}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.page-product .other-products .cell:nth-child(3) {border-right:1px solid #ddd;}
}