.padding-left-30 {
	padding-left: 30px;
}
.padding-right-30 {
	padding-right: 30px;
}

.main-content {
	
	
	margin-top: 60px;
	.main-hr {
		height: 1px;
		background: rgba(0, 0, 0, 1);
	}
	.big-header.margin-top {
		margin-top: clamp(10px, 1.5vw, 31px);
	}
	.big-header {
		color: rgba(31, 31, 31, 1);
		font-size: clamp(40px, 6vw, 100px);
		font-weight: 600;
		line-height: 120%;
		letter-spacing: 0%;
		text-align: right;
		/* max-width: 550px; */
		margin-left: auto;
	}
	.text-right-header {
		text-align: right;
	}
	.big-header.second-text {
		position: relative;
		display: inline-block;
		margin-left: auto;
		
	}
	.advantages-block {
		
		margin-top: clamp(-145px, -8.5vw, 0px);
		
		
		.advantage {
			
			.advantage-wrapper {
				width: clamp(150px, 20vw, 345px);
				height: clamp(95px, 11vw, 185px);
				
				position: relative;
				background: rgba(238, 238, 238, 1);
			}
			
			
			.label {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: 100%;
				.bold {
					color: rgba(31, 31, 31, 1);
					font-size: clamp(18px, 2.2vw, 35px);
					font-weight: 700;
					line-height: 120%;
					letter-spacing: 0%;
					text-align: center;
				}
				.normal {
					color: rgba(31, 31, 31, 1);
					font-size: clamp(16px, 1.6vw, 22px);
					font-weight: 400;
					line-height: 120%;
					letter-spacing: 0%;
					text-align: center;
					margin-top: 8px;
					
					.mobile {
						display: none;
					}
				}
			}
		}
		.advantage.block-2, .advantage.block-3 {
			margin-top: 32px;
		}
	}
	
	
	.main-img {
		width: clamp(325px, 55vw, 900px);
		height: auto;
		position: absolute;
		right: 0px;
	}
		
	.angle-block {
		width: 50%;
		height: 100px;
		background: rgba(31, 31, 31, 1);
		
		margin-top: 50px;
		


		clip-path: polygon(
			0 0,
			calc(100% - 250px) 0,
			100% 100px,
			100% 100%,
			0 100%
		);
	}
	
	.black-block {
		background: rgba(31, 31, 31, 1);
		margin-top: -1px;
		position: relative;
		z-index: 1;
	}
	
	.tariff-header {
		color: rgba(255, 255, 255, 1);
		font-size: clamp(40px, 9vw, 150px);
		font-weight: 600;
		line-height: 120%;
		letter-spacing: 0%;
		text-align: left;
		transform: translateY(-30px);
	}
	
	.tariff-row {
		align-items: stretch;
		padding-bottom: 100px;
		padding-top: 70px;
		
		.tariff-block-1, .tariff-block-3 {
			.tariff-lock-plug {
				width: 100%;
				/* padding-top: 135.3%; */
				height: 100%;
				position: relative;
				background: rgba(36, 36, 36, 1);
				svg {
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
				}
			}
		}
		.tariff-block-2 {
			.tariff-card {
				padding: 0px 40px;
				width: 100%;
				
				.header {
					color: rgba(255, 255, 255, 1);
					font-size: clamp(16px, 2.2vw, 35px);
					font-weight: 700;
					line-height: 120%;
					letter-spacing: 0%;
					text-align: center;
				}
				
				.price {
					margin-top: 20px;
					color: rgba(255, 255, 255, 1);
					font-size: clamp(16px, 2.2vw, 35px);
					font-weight: 300;
					line-height: 120%;
					letter-spacing: 0%;
					text-align: center;
					
					span {
						font-size: clamp(16px, 3.3vw, 50px);
						font-weight: 700;
					}
				}
				.description {
					color: rgba(255, 255, 255, 1);
					font-size: clamp(16px, 1.3vw, 20px);
					font-weight: 400;
					line-height: 130%;
					letter-spacing: 0%;
					text-align: center;
					max-width: 306px;
					margin: 0px auto;
					margin-top: 20px;
				}
				
				.includes-block {
					margin-top: 50px;
					border-top: 1px solid rgba(255, 255, 255, 1);
				}
				.includes-item-row {
					border-bottom: 1px solid rgba(255, 255, 255, 1);
					padding: 10px 0px;
					.item-text-col {
						padding-left: 13px;
					}
					.item-text {
						color: rgba(255, 255, 255, 1);
						font-size: clamp(16px, 1.3vw, 20px);
						font-weight: 400;
						line-height: 120%;
						letter-spacing: 0%;
						text-align: left;
					}
					svg {
						display: block;
					}
				}
				
			}
			.buy-btn {
				margin-top: 60px;
				a {
					cursor: pointer;
					padding: 10px;
					box-sizing: border-box;
					border: 1px solid rgba(255, 255, 255, 1);
					background: rgba(255, 255, 255, 1);
					
					color: rgba(31, 31, 31, 1);
					font-size: 20px;
					font-weight: 500;
					line-height: 120%;
					letter-spacing: 0%;
					text-align: center;
					display: block;
					text-decoration: none;
				}
			}
		}
		
		.tariff-vertical-hr {
			padding: 0px 60px;
			
			.line {
				height: 100%;
				width: 1px;
				background: rgba(255, 255, 255, 1);
			}
		}
	}
	
		
	.reviews-block {
		margin-top: 100px;
		
		.reviews-header {
			color: rgba(31, 31, 31, 1);
			font-size: clamp(40px, 9vw, 150px);
			font-weight: 600;
			line-height: 120%;
			letter-spacing: 0%;
			text-align: left;
		}
		.pc-reviews {
			width: 100%; 
			margin-top: 50px;
		}
		.mobile-reviews {
			display: none;
		}
	}
	
	
}



.quote {
	color: rgba(31, 31, 31, 1);
	font-size: clamp(12px, 1.2vw, 20px);
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0%;
	text-align: left;
	font-style: italic;
	margin-top: 60px;
	
	span {
		font-weight: 700;
	}
	.sns {
		column-gap: 30px;
		margin-top: 50px;
	}
}



.angle-block.first {
	margin-top: 100px;
}










@media (max-width: 770px) {
	.padding-right-30 {
		padding-right: 0px;
	}
	.padding-left-30 {
		padding-left: 0px;
	}
	.main-content {
		margin-top: 30px;
		.main-hr {
			display: none;
		}
		.big-header {
			text-align: center;
			width: 100%;
		}
		.big-header.margin-top {
			margin-top: 0px;
		}
		.text-right-header {
			text-align: left;
		}
		.big-header.second-text {
			padding-left: 170px;
			margin-top: 10px;
		}
		.advantages-block {
			margin-top: clamp(-130px, -9.5vw, 0px);
		}
		
		.main-img-wrapper {
			position: relative;
			text-align: right;
		}
		.main-img {
			position: static;
			margin-right: -20px;
		}
		.angle-block {
			display: none;
			
		}
		.black-block {
			margin-top: -5px;
		}
		.tariff-header {
			text-align: center;
			transform: translateY(0px);
		}
		.tariff-list {
			padding: 30px 0px;
			margin-top: 50px;
		}
		
		.tariff-block-1, .tariff-block-3, .tariff-vertical-hr {
			display: none;
		}
		
		.tariff-row {
			padding: 20px 0px 0px 0px;
			.tariff-block-2 {
				.tariff-card {
					.price {
						margin-top: 10px;
					}
					.description {
						margin-top: 10px;
					}
					.includes-block {
						margin-top: 10px;
					}
					.buy-btn {
						margin-top: 20px;
					}
				}
			}
		}
		
		.reviews-block {
			margin-top: 30px;
			
			.reviews-header {
				text-align: center;
			}
			.pc-reviews {
				display: none;
				margin-top: 50px;
			}
			.mobile-reviews {
				display: block;
				width: 100%; 
				margin-top: 20px;
			}
		}
	}
	
	.quote {
		/* max-width: 179px; */
		margin-left: 0px;
		/* transform: translate(0%, calc(100% + 20px)); */
		width: 100%;
		margin-top: 20px;
		span {
			font-size: 15px;
			font-weight: 600;
		}
		.sns {
			margin-top: 20px;
		}
	}
	
}

@media (min-width: 770px) and (max-width: 1700px) {
	
	.main-content {
		.main-img {
			margin-right: -170px;
		}
		.tariff-row {
			.tariff-block-2 {
				.tariff-card {
					padding: 0px;
				}
			}
		}
	}
	
}

@media (max-width: 1000px) {
	
	.main-content {
		.tariff-row {
			.tariff-vertical-hr {
				padding: 0px 30px;
			}
		}
	}
	
}


@media (max-width: 950px) {
	.main-content {
		.advantages-block {
			.advantage.block-2, .advantage.block-3 {
				margin-top: 10px;
			}
		}
	}
	
}


@media (min-width: 700px) and (max-width: 1000px) {
	
	.main-content {
		.main-img {
			margin-top: 60px;
		}
	}
}
@media (min-width: 1000px) and (max-width: 1250px) {
	
	.main-content {
		.main-img {
			margin-top: 60px;
		}
	}
}