* {
	box-sizing:border-box !important;
	
}
/*native css manipulate*/
p{
    margin-bottom:0.5rem !important;
}

footer div{
	margin:0 !important;
	padding:0 !important;

}
/*bootstrap css manipulate*/
.btn{
	white-space: nowrap !important;;
}
/*loading*/
.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column;
	align-content: center;
	gap: 2px;
    z-index: 9999;
}

.spinner-border {
    --bs-spinner-border-width: 0.25em;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent;
}

.text-danger {
	--bs-danger-rgb: 220,53,69;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important;
}

/*icon list-item*/
.list .list-item span:first-child{
    margin-right:0.5rem;
}

/*animasi produk img*/

.animated{
    animation:up-down 2s ease-in-out infinite alternate-reverse both;

}


@keyframes up-down{
    0%{
        transform:translateY(0);
    }
    100%{
        transform:translateY(-20px);
    }
}

/*nabar animasi*/
.navbar{
	transition: transform 0.3s ease-in-out;
}

.navbar.hide{
	/*opacity:0.8;*/
	transform: translateY(-100%);
}


/*lps rate Membuat tampilan nav-pills */
.rate-container .nav-pills .nav-link {
    color: #6c757d;
    background: transparent;
    transition: all 0.2s ease;
}
.rate-container .nav-pills .nav-link.active, 
.rate-container .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #0d6efd; /* Anda bisa mengganti ini dengan warna tema utama Anda */
}
.rate-container .table th, 
.rate-container .table td {
    padding: 0.75rem 1rem;
}

/*news-card*/
.news-item{
	padding:0 1rem 1rem 1rem ;
	text-align: justify;
	hyphens: auto;
	/*-webkit-hyphens: auto;
	text-indent: 1.5rem;*/
}
.news-item-img-float,.items-float{
	float:none;
	width:75%;
	margin:auto;
	display:flex;
	justify-content:center;
	min-width:15rem;
}

.news-item-img{
	width:100%;
	display:flex;
	flex-wrap: wrap;
	justify-content:space-evenly;
}
.news-item-img img{
	padding-bottom:1rem;
	max-width: 38vw !important;
	min-width:15rem;
}

.news-item-clear{
	clear:both;
}

.news-item > img{
	width:100%;
	/*max-width:33vw;*/
	min-width:15rem;
	min-height:12rem;
}

.news-body{
	overflow:auto;
}
.news-table{
	padding:0 !important;
}

/* main container */
.management-container,.management-card,.laporan-card,.company-container,.products-container,.report-card, .main-container,.piagamai-container,.news-container,.news-card{
	background-color:#FDEB9E;
	height:100%;
	min-height:75vh;
}
.location-card ,.location-container{
	background-color:#FDEB9E;
	height:50%;
	min-height:50vh;
}

/*management*/
.shareholder-img, .director-img, .commissioner-img {
	min-width:6rem;
	min-height:12rem;
	max-width:8rem;
}

.shareholder-card, .director-card, .commissioner-card {
	align-items: stretch !important;
	 overflow-x: auto;

}

.shareholder-card:hover, .director-card:hover, .commissioner-card:hover {
	transition: 0.8s ease;
 	 transform:scale(110%);
	 box-shadow: 0 4px 8px 0 tomato, 0 6px 20px 0 pink !important;
}

footer,.nav-item .dropdown-menu,.navbar-container{
	background-color:#D9E9CF;
}

.testimoni-container .card{
    background-color:#F2EFDE;
    max-height:45rem;
}
.slideshow-container img{
    width:100%;
    max-height:75vh;
    object-fit:cover;
}
@media(min-width: 768px) {
	.news-item-img-float,.items-float{
		position:relative;float:left;width:40%	
	}
	.news-item > img{
		min-height:15rem;
	}
	.items-float::after{
		content: "";
		clear: both;
		display: table;
	}
	.slideshow-container {
		width:75% !important;
	}
	.shareholder-card > img, .director-card > img, .commissioner-card > img {
		
	}
	.shareholder-img, .director-img, .commissioner-img {
		min-height:18rem;
		max-width:11.5rem;
	}
}	



@media(min-width: 1200px) {
	.shareholder-img, .director-img, .commissioner-img {
		min-height:24rem;
		max-width:17rem;
		
	}
	.shareholder-card > img, .director-card > img, .commissioner-card > img {
		
	}
	.testimoni-container .card{
        max-height:50rem;
    }
    .slideshow-container img{
        width:100%;
        max-height:85vh;
    }
}


.line-clamp{
    -webkit-line-clamp: 7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* Slideshow container */
.testimoni-container,.videoshow-container,.slideshow-container {
  position: relative;
  margin: auto;
   margin-top: 10px;
   width:90%;
}

 
nav .active, .nav-item .dropdown-item:hover,.nav-link:hover {
  background-color: #B6CEB4 !important;
  color:#fff !important;
}

/*video*/
.object-cover {
    object-fit: cover;
}
.rounded-2xl {
    border-radius: 1rem;
}

/*contact style*/
.apply-for-loan .overlay .form-content {
	padding: 30px;
	background: #D9E9CF;
	box-shadow: 0px 12px 24px rgb(47 65 129 / 10%);
	border-radius: 20px;
}

.single-input input:not([type="file"]), .single-input textarea, .single-input select {
	box-shadow: 0px 12px 24px rgb(47 65 129 / 10%);
	padding: 10px 20px;
	color: #1E266D;
	width: 100%;
	/* height: 50px; */
	background: #F5FAFF;
	border: 1px solid #EEF1FF;
	border-radius: 5px;
}

.single-input input[type="file"] {
	box-shadow: 0px 12px 24px rgb(47 65 129 / 10%);
	color: #1E266D;
	width: 100%;
	background: #F5FAFF;
	border: 1px solid #EEF1FF;
	border-radius: 5px;
	/* padding: 10px 20px; */
	height: auto; /* Biarkan menyesuaikan isi */
}

.single-input input:not([type="file"]):focus, .single-input textarea:focus, .single-input input[type="file"]:focus {
	outline: none;
	border-color: #1E266D; /* Sesuaikan dengan warna tema Anda */
	box-shadow: 0px 0px 0px 3px rgba(30, 38, 109, 0.15);
}

.apply-for-loan .overlay .form-content .single-input {
	display: grid;
	margin-bottom: 20px;
}
.single-input textarea {
	min-height: 150px;
	resize: none;
}
.contact-btn {
	padding: 10px 30px 15px;
	font-weight: 500;
	text-align: center;
	transition: 0.3s;
	border-radius: 50px;
}

.single-input input[type="file"]::file-selector-button {
	/* height: 38px; */
	padding: 10px 20px; 
	background: #EEF1FF;
	border: none;
	border-radius: 4px;
	color: #1E266D;
	cursor: pointer;
	margin-right: 10px;
}

.single-input input[type="file"]::-webkit-file-upload-button {
	/* height: 38px; */
	padding: 10px 20px; 
	background: #EEF1FF;
	border: none;
	border-radius: 4px;
	color: #1E266D;
	cursor: pointer;
	margin-right: 10px;
}

/*scrollbar*/

::-webkit-scrollbar{
    width:8px;
	height:8px;
}
::-webkit-scrollbar-track{
    background:#f1f1f1;
}
::-webkit-scrollbar-thumb{
    background:#D9E9CF;
}
::-webkit-scrollbar-thumb:hover{
    background:#B6CEB4;
}

/*datatables*/
table th .dt-column-header{
	text-align: center;
}

div.dt-wrapper{
    padding:0.5rem;
}

div.dt-layout-table,div.dt-layout-full{
    word-wrap:break-word;
    /*background-color:#F2EFDE !important;*/
	background-color:inherit;
}

.dt-scroll-head, .dt-scroll-head{
	/*background: #e2e3e5;*/
	background:none;
}

.confetti {
  position: fixed;
  top: -10px;
  width: 10px;
  height: 10px;
  background: red;
  opacity: 0.7;
  z-index: 4;
  animation: confetti-fall linear infinite;
}

@keyframes confetti-fall {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  100% {
    transform: translateY(100vh) rotate(360deg);
  }
}