body{
	font-family: 'Noto Sans JP', 'Noto Sans Thai', sans-serif;
    margin-top:125px;
}


.navbar{
	padding: 0px;

}


.navbar-expand-lg .navbar-nav .nav-link{
	padding: 20px 8px;

}

            #loading-overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(255, 255, 255, 0.9);
                display: flex;
                justify-content: center;
                align-items: center;
                z-index: 9999;
            }

            
    
            .spinner-border {
                width: 3rem;
                height: 3rem;
                color: #007bff;
            }

            

@font-face{font-family:Barlow;src:url(../../assets/fonts/7cHpv4kjgoGqM7E_A8s52Hs.woff2) format('woff2');font-weight:400;font-style:normal;font-display:auto;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face{font-family:Barlow;src:url(../../assets/fonts/7cHpv4kjgoGqM7E_Ass52Hs.woff2) format('woff2');font-weight:400;font-style:normal;font-display:auto;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{font-family:Barlow;src:url(../../assets/fonts/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2');font-weight:400;font-style:normal;font-display:auto;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
.post_carousel_wrapper{overflow:hidden;position:relative;background:#fff;text-align:center
}
.post_carousel_wrapper>.carousel-inner>.carousel-item>a>img,.post_carousel_wrapper>.carousel-inner>.carousel-item>img{opacity:1;width:100%!important;height:auto
}
.post_carousel_caption{left:0;z-index:1;width:100%;text-shadow:none;text-align:center;
}
.post_carousel_caption h1{font-size:45px;font-weight:600;-webkit-animation-delay:1s;animation-delay:1s
}
.post_carousel_caption h2{font-size:28px;letter-spacing:2px;text-transform:uppercase;-webkit-animation-delay:1.5s;animation-delay:1.5s
}
@media only screen and (max-width:480px){.post_carousel_indicators{bottom:-10px}

	.post_carousel_caption h1{font-size:16px;margin:0
	}
.post_carousel_caption h2{font-size:14px;margin:0
}

}
@media (min-width:481px) and (max-width:600px){.post_carousel_indicators{bottom:-10px}

	.post_carousel_caption h1{font-size:25px;margin:0
	}
.post_carousel_caption h2{font-size:20px;margin:0
}

}
@media (min-width:601px) and (max-width:767px){.post_carousel_indicators{bottom:-10px}

	.post_carousel_caption h1{font-size:30px
	}
.post_carousel_caption h2{font-size:30px;margin:0
}

}
.navbar-brand,.navbar-toggler,.navbar-toggler-icon,.post_carousel_caption h1,.post_carousel_caption h2{color:#fff
}
.ps_easeOutCirc .carousel-item{-webkit-transition-timing-function:cubic-bezier(.075,.82,.165,1);transition-timing-function:cubic-bezier(.075,.82,.165,1)
}
.page-footer{background-color:#f3f3f2;padding-top:50px;padding-bottom:10px
}
.page-footer h4{color:#333;font-size:11px;font-weight:700
}
.page-footer p{color:#888;font-size:11px
}
.page-footer .footer-links a,.page-footer .region a{color:#555;font-size:11px
}
.page-footer .footer-links {
    list-style: none;
    padding: 0;
    margin-bottom: 45px;
    word-break: break-all;
    display: flex;          /* Aktifkan flexbox */
    flex-wrap: wrap;        /* Membungkus item ke baris baru */
    gap: 12px 10px;         /* Jarak antar item (vertical horizontal) */
}

.page-footer .footer-links li {
    line-height: 0.5;
    float: none;            /* Hapus float karena sudah pakai flexbox */
    width: calc(33% - 10px); /* 2 kolom (50% lebar - gap) */
}

.page-footer .footer-legal .copyright{margin-right:60px
}
.page-footer .footer-legal .legal-links .item{padding-right:13px;border-right:1px solid #ccc;margin:0 13px 0 0
}
.page-footer .footer-legal .legal-links .item:last-child{border-right:none
}
.page-footer .footer-legal .legal-links .item h5{font-size:11px;margin-top:0;margin-bottom:0
}
.page-footer .region{margin-bottom:20px
}
.page-footer .region img{margin-right:7px
}
#wrapper{padding:36px 15px 20px;box-shadow:0 4px 6px rgba(0,0,0,.1)
}
.navbar-expand-lg .navbar-nav.side-nav{flex-direction:column
}
.card{margin-bottom:15px;border-radius:0;box-shadow:0 3px 5px rgba(0,0,0,.1)
}
.header-top{box-shadow:0 3px 5px rgba(0,0,0,.1)
}
.leftmenutrigger{display:none
}
@media (max-width:992px){

    .nav{margin-top:10px}

    body{
        margin-top: 70px;
    }

	.nav-item{width:100%
	}

}
@media (min-width:992px){

    .leftmenutrigger{display:block;margin:7px 20px 4px 0;cursor:pointer}

	#wrapper{padding:36px 15px 20px
	}
.navbar-nav.side-nav.open{left:0
}
.navbar-nav.side-nav{background:rgba(3,51,122,.8);box-shadow:2px 1px 2px rgba(0,0,0,.1);position:fixed;top:56px;flex-direction:column!important;left:-220px;width:200px;overflow-y:auto;bottom:0;overflow-x:hidden;padding-bottom:40px
}

}
.animate{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;transition:.3s ease-in-out
}
.bg-uolit,.navbar{
    /*background-color:#023887;*/
    background-color:#000000;
}
.nav-link{
    color:#fff;
    font-size:13.9px;
}

@media (max-width:1123px){
    .nav-link{
        font-size:12px;
    }
}

@media (max-width:991px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left:28px;
        font-size:15px;
    }
    
    .margin-mobile{
        margin-bottom: 10px;
    }
}

.nav-link:hover{color:#ddd
}
.gift{width:100%;border:1px solid #e2e2e2;margin:10px 0;padding:10px;position:relative
}
.gift__img{text-align:center;padding:10px;border:none
}
.gift__img img{margin:0 auto;display:block;max-width:100%
}
.gift__details{font-size:14px;font-weight:400;color:grey;line-height:18px;font-style:italic
}
.gift__details p{padding:0;margin-bottom:3px
}
.gift__price-wrap{color:#444;line-height:18px;font-size:15px
}
.gift__normal-price{font-size:15px
}
.gift__normal-price .gift__data{text-decoration:line-through
}
.gift__today-price{font-weight:700;margin-top:5px
}
.gift__today-price .gift__data{color:green;font-size:20px
}
.gift__quantity-left{margin-top:5px
}
.gift__cta-wrap{text-align:center;margin-top:10px
}
.gift__cta{max-width:265px;background-color:#01a8ff;border-radius:5px;display:inline-block;margin:0 auto;font-size:15px;color:#fff;font-weight:700;padding:17px 15px;outline:0;line-height:18px;transition:.3s
}
.gift__cta:hover{background:#3e5062;text-decoration:none;color:#fff
}
.gift__cta-note{font-size:13px;color:#336f25;padding-top:5px;display:block
}
.gift__rating{margin:10px 0 0;text-align:center
}
.gift__rating i{color:gold;font-size:20px;line-height:20px;cursor:pointer
}
.gift__rating-number{font-size:13px;margin-left:4px;line-height:15px;vertical-align:text-top;margin-bottom:3px
}
.no-border{border:none!important
}
.gift--double{margin-top:0;margin-bottom:0
}
.gift--double .gift__bottom{padding:20px
}
@media (min-width:768px){.page-footer .region{margin-bottom:0}

	.gift__img{border:1px solid #e2e2e2
	}
.gift__cta{font-size:18px
}

}

.font-title{font-weight:600;
}
.font-title-size-sm{font-size:12px;
}
.font-title-size-md{font-size:13px;
}
.font-title-size-lg{font-size:16px;
}
.font-title-size-xl{font-size:20px;
}
.item-news{height:250px;position:relative
}
.item-news-list{
   height:280px;position:relative 
}

    .logo-text {
        font-size: 1.5rem;
        font-weight: 700;
        color: #fff;
        margin: 0;
    }
    
    /* Ensure proper spacing */
    .navbar-toggler {
        border: none;
        padding: 0.25rem;
    }
    

.container-navbar{
    margin-top: 1.2em;
    margin-bottom: 0.3em;
}

    @media (max-width: 991px) {
        .navbar-brand {
            padding-top: 0;
            padding-bottom: 0;
        }
        .container-navbar{
            margin-top: 1em;
            margin-bottom: 1em;
        }
    }

.shadow-custom {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .5);}

.menu_catgeory_name{
    font-size: 12px;
}

.img-list-bottom{
    width: 300px;
}

@media only screen and (max-width:991px){
    .img-list-bottom{
        width: 100%;
    }
}

    .carousel-image-container {
        width: 100%;
        height: 500px;
        position: relative;
        overflow: hidden;
    }
    
    .carousel-fixed-height {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    
    /* Caption styling */
    .carousel-caption {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0px;
        display: flex;
        background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
        padding: 20px;
        text-align: center;
    }
    
    .caption-content {
        max-width: 800px;
        width: 100%;
        color: white;
    }
    
    /* Text styling */
    .font-title-size-xl {
        font-size: 1.8rem;
        font-weight: bold;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    }
    
    .carousel-caption h5 {
        font-size: 1.2rem;
        margin-top: 15px;
        margin-bottom: 25px;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    }
    
    /* Responsive adjustments */
    @media (max-width: 768px) {
        .carousel-image-container {
            height: 300px;
        }
        
        .font-title-size-xl {
            font-size: 1.2rem;
        }
        
        .carousel-caption h5 {
            font-size: 1rem;
        }
    }

.display-0, .display-1, .display-2, .display-3, .display-4{
    line-height: 20px;
}

    .gift__img {
        height: 150px;
        overflow: hidden;
    }
    .gift__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    
    /* Responsive height */
    @media (max-width: 576px) {
        .gift__img {
            height: 150px;
        }
    }

a:hover{
    text-decoration: none;
}

.ads {
    max-width: 98%;
    float: none;
    overflow-x: auto;
    /* Untuk browser Webkit (Chrome, Safari) */
    scrollbar-width: thin;          /* Firefox */
    scrollbar-color: #888 #f1f1f1;  /* Firefox */
}

/* Untuk browser Webkit */
.ads::-webkit-scrollbar {
    height: 1px;               /* Tinggi scrollbar horizontal */
}

.ads::-webkit-scrollbar-track {
    background: #f1f1f1;       /* Warna track */
}

.ads::-webkit-scrollbar-thumb {
    background: #888;          /* Warna thumb */
    border-radius: 3px;        /* Membuat ujung scrollbar rounded */
}

.ads::-webkit-scrollbar-thumb:hover {
    background: #555;          /* Warna thumb saat hover */
}

.link_view{
    color: #333;
}

.list-populer-left{
    width: 35px;
    float: left;
    color: #aaa;
}

.list-populer-right{
    width: calc(100% - 35px);
    float: right;
    padding-top: 6px;
}