.requisicao {
	&__title {
		font-size: 50px;
		color: #0d2645;
	}

	&__wrap {
		padding: 97px 0 165px 0;
		max-width: 1180px !important;

		p {
			font-size: 16px;
			line-height: 22px;
			color: #000;
			margin: 50px 0;
		}
	}

	&__box {
		h2 {
			font-size: 40px;
			font-weight: 400;
			line-height: 50px;
			color: #666666;
		}

		&__items {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 30px 40px;
			margin: 50px 0;
		}

		&__item {
			font-size: 16px;
			text-align: center;
			color: #000;
			border: 1px solid #0d2645;
			background: transparent;
			border-radius: 6px;
			cursor: pointer;
			padding: 40px 0;
			transition: 0.2s;

			&:hover {
				box-shadow: 0px 0px 20px 6px rgba(0, 0, 0, 0.15);
			}

			&.is-selected {
				color: #fff;
				background: #0d2645;
				border: none;
			}
		}
	}

	&__form {
		p {
			font-size: 16px;
			color: #000;
			margin-bottom: 45px;
		}

		&__fields {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 0 40px;
		}

		&__checkbox {
			color: #000;
			margin: 20px 0 75px 0;

			p {
				font-size: 12px;
				line-height: 22px;
				margin-top: 25px;
			}

			&.parsley-error {
				> input {
					border-color: #ed2f59;
				}
			}
		}

		&__checkbox-input {
			flex-shrink: 0;
			display: inline-block;
			position: relative;
			width: 13px;
			height: 13px;
			border-radius: 2px;
			border: 1px solid #ababab;
			cursor: pointer;
			outline: none;
			margin-bottom: 3px;

			&:before {
				content: '';
				position: absolute;
				left: 50%;
				top: 50%;
				width: 13px;
				height: 13px;
				transform: translate(-50%, -50%);
				border-radius: 50%;
			}

			&:checked {
				&:after {
					content: '';
					position: absolute;
					left: 1px;
					top: 2px;
					width: 8px;
					height: 5px;
					border-bottom: 2px solid #ababab;
					border-left: 2px solid #ababab;
					transform: rotate(-45deg);
				}
			}
		}

		&__checkbox-label {
			font-size: 16px;
			margin-left: 5px;
		}
	}

	.form__btn {
		width: 200px;
		height: 60px;
		text-transform: capitalize;
		letter-spacing: normal;
		font-weight: normal;
	}

	@include media-breakpoint-down(md) {
		&__wrap {
			padding-top: 30px;
		}
	}

	@include media-breakpoint-down(sm) {
		&__title {
			font-size: 40px;
		}

		&__box {
			h2 {
				font-size: 30px;
			}

			&__items {
				grid-template-columns: 1fr;
			}
		}

		&__form {
			&__fields {
				grid-template-columns: 1fr;
			}
		}
	}
}
