:root {
    --main-color: #CF0E05;
    --main-color-hover:rgb(182, 24, 16);
}
.kis-btn-once{
    border-radius: 50px;
    padding: 10px 16px;
    background: var(--main-color);
    color: white;
	transition: .3s linear;
}

.kis-btn-once:hover{
    /* border-radius: 50px; */
    /* padding: 10px 16px; */
    background: var(--main-color-hover);
    color: white;
}
.rounded-8{
	border-radius: 8px;
}
.bg-main-color{
    background-color: var(--main-color);
}
.c-main{
	color: var(--main-color);
}
.c-white{
    color: white;
}
.c-grey{
	color: #64747C;
}

a.c-main:hover{
	color: var(--main-color-hover);
}
a.c-white:hover{
	color: #E8E8E8;
}

.dark-background{
	background: #E8E8E8;
}

.trim-1-line{
    -webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
}
.trim-2-line{
    -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
}
.trim-3-line{
    -webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
}

.card-box-p-2{
	border-radius: 8px;
	padding: 30px 16px;
}

.header-block{
	text-align: center;
	margin-bottom: 30px;
}
.header-block h3{
	font-weight: 600;
	font-size: 24px;
}

.fs-7{
	font-size: 14px;
}

.card-box-p-1{
	padding: 4px;
	border-radius: 8px;
	background: white;
	transition: .3s linear;
}
.card-box-p-1:hover{
	background: #F5F8F9;
	box-shadow: 10px 10px 10px 0px #19191B29;


}
.card-box-p-1 .card-box-avata img{
    width: 100%;
    border-radius: 8px;
}
.card-box-p-1 .card-box-info{
	padding: 16px;
}
.card-box-p-1 .card-box-info .card-box-title{
	margin-bottom: 10px;
}
.card-box-p-1 .card-box-info .card-box-title a{
	font-weight: 600;
	font-size: 16px;
	color: black;
}

.card-box-p-1 .card-box-info .card-box-motangan{
	font-size: 14px;
	color: #64747C;
	font-weight: 400;
	margin-block: 10px;
	height: 45px;
}

a.kis-btn-option{
	border-radius: 50px;
	padding: 10px 16px;
	background-color: #f7f8f8;
	color: #64747C;
	display: inline-block;
	transition: .3s linear;
}

a.kis-btn-option:hover,
.card-box-p-1:hover a.kis-btn-option{
	background-color: var(--main-color);
	color: white;
}

@media(min-width: 992px){
	.h-lg-100{
		height: 100%;
	}
}
@media(min-width: 576px){
	.h-sm-100{
		height: 100%;
	}
}

.text-sub{
	font-weight: 400;
    font-size: 14px;
    color: #64747C;
}

.red-img-background{
	background-image: url('../images/bg-red.png');
}