.b2Left
	width 400px
	.gParrafo
		margin 48px 0px
		
.b2Right
	width calc(100% - 400px)
	padding-left 100px
	grid-gap 28px 36px
	
.b2Item
	flexg(center,space-between)
	&:hover
		figure
			border 1px solid #002346
			background #F0F2F7
			transition all 400ms ease
		// .b2Info
		// 	span
		// 		opacity1()
		// 		height auto
		// 		transition all 400ms ease
		// 		margin-top 12px
	figure
		width 76px
		height 76px
		border-radius 15px
		border 1px solid #E9EDF2
		padding 15px
		transition all 400ms ease
		img
			width 100%

.b2Info
	width calc(100% - 76px)
	padding-left 12px
	p
		margin-bottom 0px
		font-size 15px
		textg(t-400,normal,#002346)
	span
		font-size 14px
		textg(t-700,normal,#FF4141)
		opacity1()
		margin-top 10px
		height auto
		transition all 400ms ease
		display block

@media screen and (max-width 1366px)
	.b2Left
		.gParrafo
			marign 32px 0px
	.b2Right
		padding-left 70px
		
@media screen and (max-width 1024px)
	.b2Left
		max-width 100%
		width 100%
		margin-bottom 40px
		.gParrafo
			margin 24px 0px
		.gButton
			display none
	.b2
		.gButton
			margin auto
			margin-top 40px
	.b2Right
		width 100%
		padding 0
		
@media screen and (max-width 480px)
	.b2Right
		grid-gap 20px
	.b2Item
		flex-direction column
		text-align center
		justify-content flex-start
		p
			padding-left 0
			margin-top 16px
	.b2Info
		width 100%