/* SECTION CUSTOM CODES START */
/*Custom Limited Offer*/
.section-two-all{
display: flex;
width: 100%;
}
.section-container{
display: flex;
width: 50%;
}
.section-image{
object-fit: contain;
align-left: flex-start;
width: 50%;
}
.section-text{
width: 100%;
padding: 40px;
}
.section-pricing{
display: inline-flex;
align-items: center;
}
.section-price-box{
flex: 1;
}
.section-type{
padding: 10px 20px 40px 0;
}
.section-big-pricing{
font-size: 26px;
letter-spacing: .4px;
line-height: 1.2;
text-transform: uppercase;
font-weight: 700;
color: red;
margin-right: 10px;
}
.section-small-pricing{
text-decoration: line-through;
font-size: 12px;
}
.section-lo{
color: red;
padding-top: 10px;
}
.section-type h4.fr-heading.-h4{
font-size: 15px;
}
/*For Custom Three-Col Layout*/
	.section-main{
			display: flex;
			flex-wrap: wrap;
	}
	.section-col{
			flex: 33.3%;
			max-width: 33.3%;
			padding: 0 40px;
	}
	.section-caption{
			font-size: 1em;
			padding: 15px 0;
	}
/*For Responsive Three-Col Image/Text Combo*/
.section-contain{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
}
.section-contain.img{
		width: 100%;
		height: auto;
}
.section-wrap{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		max-width: 25rem;
		min-width: 18rem;
		margin: 10px;
		text-align: center;
}
.section-type-three{
padding: 10px 0 30px;
}
.section-text-three{
width: 100%;
padding: 20px;
}
.section-type-three h4.fr-heading.-h4{
		font-size: 14px;
		line-height: 1.5;
		padding: 5px 11px;
		border: 1px solid #000;
		border-radius: 32px;
		background-color: #fff;
		white-space: nowrap;
		color: #000;
		width: fit-content;
		margin: 0 auto;
		font-family: Helvetica Neue, Helvetica, Arial, -apple-system, sans-serif;
}
.section-spacer-up{
		padding-top: 60px;
}
.section-hover-wrap{
		position: relative;
}
.section-hover-middle{
		position: absolute;
}
/*Custom Card Hover*/
@media (hover: hover) and (pointer: fine) {
	.section-image-three{
		width: 100%;
		height: auto;
		opacity: 1;
		display: block;
		transition: .5s ease;
		backface-visibility: hidden;
	}
	.section-hover-middle{
			transition: .5s ease;
			opacity: 0;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-align: center;
	}
	.section-hover-wrap:hover .section-image-three{
			opacity: 0.3;
	}
	.section-hover-wrap:hover .section-hover-middle{
			opacity: 1;
	}
	.section-hover-btn{
			background-color: red;
			padding: 15px 20px;
			border-radius: 20px;
			font-size: 18px;
	}
	.hover-btn-href {
			color: white;
			font-family: Helvetica Neue, Helvetica, Arial, -apple-system, sans-serif;
	}
}
/* NO HOVER EFFECT ON MOBILE */
@media (hover: none) and (pointer: coarse) {
	.section-hover-middle{
		top: 85%;
		left: unset;
		right: 0%;
		transform: none;
	}
	.section-hover-btn{
		background-color: white;
		padding: 5px;
		border-radius: 20px;
		font-size: 12px;
		width: 150px;
		border: 1px solid #dadada;
		margin: 0 20px;
		text-transform: uppercase;
	}
	.hover-btn-href {
			color: #000;
			font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, 'Noto Sans', Roboto, Arial, 'Hiragino Sans', 'Hiragino Kaku Gothic Pro', '\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3', 'Noto Sans CJK JP', Osaka, Meiryo, '\30E1\30A4\30EA\30AA', 'MS PGothic', '\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF', 'Hiragino Sans GB', 'Arial Unicode MS', sans-serif;
	}
}
@media (max-width: 768px){
.section-two-all{
display: block;
width: 100%;
}
.section-container{
width: 100%;
}
.section-type{
padding: 20px 20px 20px 0;
}
.section-type-three{
padding: 10px 20px 30px;
}
.section-type h4.fr-heading.-h4, .section-type-three h4.fr-heading.-h4{
font-size: 12px;
}
.section-contain{
		flex-wrap: wrap;
}
.section-spacer-up{
		padding-top: 0px;
}
.section-image-three{
	width: 100%;
	height: auto;
	opacity: 1;
	display: block;
}
.section-hover-middle{
		top: 85%;
		left: unset;
		right: 0%;
		transform: none;
	}
	.section-hover-btn{
		background-color: white;
		padding: 5px;
		border-radius: 20px;
		font-size: 12px;
		width: 150px;
		border: 1px solid #dadada;
		margin: 0 20px;
		text-transform: uppercase;
	}
	.hover-btn-href {
			color: #000;
			font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, 'Noto Sans', Roboto, Arial, 'Hiragino Sans', 'Hiragino Kaku Gothic Pro', '\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3', 'Noto Sans CJK JP', Osaka, Meiryo, '\30E1\30A4\30EA\30AA', 'MS PGothic', '\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF', 'Hiragino Sans GB', 'Arial Unicode MS', sans-serif;
	}
}
/* SECTION CUSTOM CODES END */