.b5Title
	margin-bottom  55px
	
.b5Wrap
	grid-gap 24px

.b5Item
	background #fff
	border-radius 15px
	overflow hidden
	figure
		border-radius 15px
		overflow hidden
		img
			width 100%
	@media screen and (min-width 1025px)
		&:hover
			.b5Info
				.gButton
					background #FF4141
					color #fff
.b5Tags
	flexg(center,flex-start)
	flex-flow row wrap
	grid-gap 8px
	span
		border-radius 100px
		padding 0px 12px
		font-size 13px
		textg(t-300,normal,#002346)
		background #EFF2F6
		height 30px
		flexg(center,center)
		width: fit-content
		&.points
			font-weight bold
			width 30px
			height 30px
			border-radius 50%
		
.b5Info
	 padding 30px
	 .gParrafo
		margin 24px 0px 
		font-size 18px
		color #002346
		linesText(2)
		line-height 1.4
		height 50px
	.gButton
		padding 0px 16px
		width fit-content
		min-width inherit
		i
			margin-left 10px
			font-size 20px
			
.b5Data
	font-size 14px
	textg(t-400,normal,#5F738C)
	p
		margin-bottom 0px
		
	.gButton
		height 40px


@media  screen and (max-width 1024px)
	.b5Info
		padding 30px 20px
	.b5Title
		.gButton
			padding 0px 13px
			
@media  screen and (max-width 480px)
	.b5Title
		justify-content center
		.gTitle
			text-align center
		.gButton
			display none
	.b5
		.gButton
			margin-top 40px