.websites .block_3 {
	min-height: 1700px; padding: 5rem 0 22rem;  scroll-margin-top: 2rem;
	background-image: url('../../../image/module/websites/block_3_bg.png');
	background-repeat: no-repeat; background-position: center -300px;
}
.websites .block_3 h2 {
	margin-bottom: 4rem; text-align: center; line-height: 1; font-size: 3.5rem; font-weight: bold; color: #0c2833;
}
.websites .block_3 .packages .title {display: none;}

.websites .block_3 .packages .products {margin: 0 auto;}
.websites .block_3 .packages .product {border-radius: 20px;}
.websites .block_3 .packages .product .features i {font-weight: bold;}

.websites .block_3 .packages .product:nth-child(1) .header {
	background: linear-gradient(to bottom, #aa8cbb 0%, #f4c3a8 66%);
}
.websites .block_3 .packages .product:nth-child(2) .header {
	background: linear-gradient(to bottom, #aa8cbb 0%, #6a67b7 66%);
}
.websites .block_3 .packages .product:nth-child(3) .header {
	background: linear-gradient(to bottom, #837ccc 16%, #2d46e7 71%);
}

.websites .block_3 .packages .product:nth-child(1) .header .icon {
	background-image: url('../../../image/module/websites/block_3_icon_1.png');
}
.websites .block_3 .packages .product:nth-child(2) .header .icon {
	background-image: url('../../../image/module/websites/block_3_icon_2.png');
}
.websites .block_3 .packages .product:nth-child(3) .header .icon {
	background-image: url('../../../image/module/websites/block_3_icon_3.png');
}

.websites .block_3 .packages .product:nth-child(1) .features i {color: #f2c2a9;}
.websites .block_3 .packages .product:nth-child(2) .features i {color: #9f86ba;}
.websites .block_3 .packages .product:nth-child(3) .features i {color: #3e51e2;}

.websites .block_3 .packages .button.member-login {background-color: #000;}
.websites .block_3 .packages .button.member-login:hover {background-color: var(--green-dark);}
.websites .block_3 .packages .button.purchase {width: 200px; background-color: #000;}
.websites .block_3 .packages .button.purchase:hover {background-color: var(--green-dark);}

@media screen and (min-width: 40em) {
	.websites .block_3 {padding-top: 11rem; scroll-margin-top: -3rem;}

	.websites .block_3 .packages .products {width: fit-content; gap: 3rem;}
	.websites .block_3 .packages .product {width: 380px;}
}