.reports{
	position: relative;
	z-index: 10;
	.container{
		position: relative;
		margin-top: -80px;
		padding: 40px 30px;
		background: #fff;
		@include br2{
			padding: 30px 15px;
		}
		@include br3{
			padding: 30px 0;
			margin-top: -50px;
		}
		strong{
			font-size: 20px;
		}
		.big{
			font: 7rem/1 $K;
			color: #fff;
			font-weight: 600;
			text-align: center;
			@include br3{
				font-size: 5rem;
			}
			div{
				margin: 5px 0;
				display: inline-block;
				padding: 5px 20px 0;
				background: $orange;
			}
		}
		.border{
			margin: 5rem 0;
			border-top: 2px solid $orange;
			border-bottom: 2px solid $orange;
			padding: 2rem 5rem;
			font: 500 30px/1.2 $K;
			@include br2{
				padding: 2rem;
			}
			@include br3{
				padding: 2rem 0;
			}
			.bottom{
				font: 20px $RL;
				margin-top: 20px;
			}
			img{
				margin-right: 20px;
			}
			b{
				font-family: $K;
				font-weight: 700;
			}
			&.border-big{
				font-size: 36px;
				margin: 0 0 5rem;
			}
		}
		.attention{
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			.img{
				padding: 20px;
				width: 15%;
				text-align: center;
				@include br2{
					width: 100%;
				}
			}
			ul{
				column-count: 2;
				padding: 0 30px;
				width: 70%;
				@include br2{
					width: 100%;
					padding: 0 15px;
				}
				@include br3{
					column-count: 1;
					padding: 0 5px;
				}
			}
		}
		.gradient{
			background: linear-gradient(135deg, $orange 0%, $red 100%);
			padding: 1rem 4rem;
			margin-top: 3rem;
			@include br3{
				padding: 1rem 2rem;
			}
			p{
				color: $main-color2;
			}
			a{
				color: #fff;
				text-decoration: underline;
			}
		}
		.action{
			background: $orange;
			color: #fff;
			padding: 1rem 4rem;
			margin-bottom: 5rem;
			@include br2{
				padding: 1rem 2rem;
			}
			h3{
				margin-bottom: 5px;
			}
			.items{
				display: flex;
				flex-wrap: wrap;
				.item{
					width: calc(100%/3);
					padding: 2rem 0;
					@include br2{
						width: 100%;
						padding: 0;
					}
					.img{
						@extend .center-flex;
						height: 140px;
						img{
							max-width: 80px;
						}
					}
					.title{
						font: 18px/1 $RB;
						margin-bottom: 5px;
					}
					.bor{
						border-right: 2px solid rgba(255,255,255,.8);
						padding: 0 3rem;
						height: calc(100% - 140px);
						@include br2{
							border-right: none;
							border-bottom: 2px solid rgba(255,255,255,.8);
							padding: 0 1rem 3rem;
						}
					}
					&:last-child{
						.img{
							img{
								max-width: 120px;
							}
						}
						.bor{
							border-right: none;
							@include br2{
								border-bottom: none;
							}
						}
					}
				}
			}
		}
		.title{
			font: 26px/1 $K;
			margin-bottom: 5px;
		}
		hr{
			width: 100%;
			height: 2px;
			background: $orange;
			margin: 5rem 0;
			@include br3{
				margin: 3rem 0;
			}
		}
		.two{
			ul{
				column-count: 2;
				column-gap: 80px;
				@include br2{
					column-gap: 20px;
				}
				@include br1{
					column-count: 1;
				}
			}
		}	
		.three{
			ul{
				column-count: 3;
				column-gap: 30px;
				li{
					margin-bottom: 15px;
					@include br1{
						margin-bottom: 20px;
						line-height: 1.3;
					}
					@include br2{
						margin-bottom: 10px;
					}
				}
				@include br1{
					column-gap: 20px;
				}
				@include br2{
					column-count: 2;
				}
				@include br3{
					column-count: 1;
				}
			}
		}
	}
}