#term-product {
		margin-top: 50px;
	}
	.title {
		width: 100%;
		font-size: 18px;
		font-weight: 700;
	}
	.detail {
		width: 100%;
		font-size: 16px;
		font-weight: 400;
		color: #444;
		margin: 30px  0;
	}
	.list { 
		width: 100%;
	}
	.item {
		width:calc(100%  / 4 );
		min-height: 360px;
		text-align:center;
		border:1px solid #edf2f8;
		border-radius: 20px;
		margin:20px;
		overflow: hidden;
	}
	.item ul{
		min-height: 130px;
	}
	.last item {
		margin-right:0;
	}
	#case-product {
		margin-top:50px;
	}
	.largebtnG {
		width: 160px;
		background-color: #444;
		border: 1px solid #444;
		height: 20px;
		padding: 19px 50px;
		color: white;
		text-align: center;
		font-size: 14px;
		font-weight: 600;
		margin-right: 10px;
		border-radius: 20px;
		cursor: pointer;
		box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
	}
	.largebtnG:hover {
		background-color: white;
		color: #444;
	}
	.largebtnB {
		width: 160px;
		background-color: #3b7def;
		border: 1px solid #3b7def;
		height: 20px;
		padding: 19px 50px;
		color: white;
		text-align: center;
		font-size: 14px;
		font-weight: 600;
		margin-right: 10px;
		border-radius: 20px;
		cursor: pointer;
		box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
	}
	.largebtnB:hover {
		background-color: white;
		color: #3b7def;
	}

	.btnG_default {
		width: 90px;
		background-color: #444;
		border: 1px solid #444;
		height: 20px;
		padding: 9px 20px;
		color: white;
		text-align: center;
		font-size: 14px;
		font-weight: 600;
		margin-right: 10px;
		border-radius: 5px;
		cursor: pointer;
	}
	.btnG_default:hover {
		background-color: white;
		color: #444;
	}
	.btnB_default {
		width: 90px;
		background-color: #3b7def;
		border: 1px solid #3b7def;
		height: 20px;
		padding: 9px 20px;
		color: white;
		text-align: center;
		font-size: 14px;
		font-weight: 600;
		margin-right: 10px;
		border-radius: 5px;
		cursor: pointer;
	}
	.btnB_default:hover {
		background-color: white;
		color: #3b7def;
	}
	ul {
		padding-inline-start: 30px;
	}
	li {
		text-align: left;
		font-size: 14px;
		color: #444;
		margin-bottom: 10px;
	}
	P {
		margin: 0;
    		padding: 10;
    		font-size: 18px;
    		font-weight: 700;
    		color: white;
	}
	.c1 { 
		border-color: #56b1ff;
	}
	.c1>p { 
		color: #56b1ff;
	}
	.c2 { 
		border-color: #0f3d9c;
	}
	.c2>p { 
		color: #0f3d9c;
	}
	.c3 { 
		border-color: #ff7e00;
	}
	.c3>p { 
		color: #ff7e00;
	}
	.c4 { 
		border-color: #e52e2e;
	}
	.c4>p { 
		color: #e52e2e;
	}
	.c5 { 
		border-color: #8bc34a;
	}
	.c5>p { 
		color: #8bc34a;
	}
	.c6 { 
		border-color: #009688;
	}
	.c6>p { 
		color: #009688;
	}
	.c7 { 
		border-color: #9c27b0;
	}
	.c7>p { 
		color: #9c27b0;
	}
	.c8 { 
		border-color: #ff5722;
	}
	.c8>p { 
		color: #ff5722;
	}