@use "../abstracts/variables" as variables;

.firevert-content {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-top: 15px;
	margin-right: 20px;
	width: 100%;
	max-width: calc(100% - 10px);

	@media #{variables.$xxxl} {
		max-width: 1456px;
	}

	&__container {
		background-color: variables.$white;
		border-radius: variables.$border-radius-10;
		border-bottom: 1px solid variables.$border-color;

		& h2 {
			position: relative;
			font-size: 25px;
			line-height: 33px;
			color: variables.$black;
			padding: 20px;
			margin: 0;

			@media #{variables.$xl} {
				padding: 20px 30px 20px;
			}

			&::after {
				content: "";
				display: block;
				width: 100%;
				height: 1px;
				background-color: variables.$border-color;
				position: absolute;
				bottom: 0;
				left: 0;
			}
		}
	}

	&__wrapper {
		padding: 20px;

		@media #{variables.$xl} {
			padding: 20px 30px 30px;
		}
	}

	&__text {
		margin: 0;
		padding: 0;
		font-size: 15px;
		line-height: 20px;
		color: variables.$black;

		&--mb {
			margin-bottom: 20px;
		}
	}

	input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
		padding: 0 12px;
		min-height: 30px!important;
	}
}