.focus-guard-start,
.focus-guard-end {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  outline: none;
}
.modal {
		display: none;
		position: fixed;
		z-index: 1000;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.6);
		opacity: 0;
		transition: opacity 0.3s ease;
		overflow-y: auto;
}

.modal.show {
		opacity: 1;
}

.modal-content {
		background-color: #fefefe;
		margin: 20px auto;
		padding: 20px;
		border: none;
		border-radius: 8px;
		width: 95%;
		max-width: 1200px;
		position: relative;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		max-height: 90vh;
		overflow: hidden;
}

.modal-close {
		position: absolute;
		right: 15px;
		top: 10px;
		color: #666;
		font-size: 24px;
		font-weight: normal;
		cursor: pointer;
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		transition: all 0.2s ease;
		z-index: 1001;
}

.modal-close:hover {
		background-color: #f0f0f0;
		color: #000;
}

#modal-title {
		font-size: 18px;
		color: #333;
		display: block;
		width: calc(100% - 40px);
		margin-bottom: 15px;
		padding-right: 30px;
		line-height: 1.4;
}

#iframe-container {
		position: relative;
		width: 100%;
		height: 80vh;
		background-color: #f5f5f5;
		border-radius: 4px;
		overflow: hidden;
		margin-top: 10px;
}

iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: none;
		overflow: hidden;
}

@media screen and (max-height: 800px) {
		.modal-content {
				margin: 10px auto;
				padding: 15px;
		}

		#modal-title {
				font-size: 16px;
				margin-bottom: 10px;
		}

		#iframe-container {
				height: 70vh;
		}
}

@media screen and (max-width: 768px) {
		.modal-content {
				width: 90%;
				margin: 10px auto;
				padding: 10px;
		}

		#modal-title {
				font-size: 14px;
		}

		.modal-close {
				right: 10px;
				top: 5px;
		}

		#iframe-container {
				height: 60vh;
		}
}

#OResources div{
	 text-decoration: underline;
}
#OResources div:hover{
	 text-decoration: none;
}

.button-donate-guide P{
    text-transform: none;
}
#page hr{
	margin-bottom:20px;
	margin-top:20px;
}
#buttonGuide{
	text-decoration: underline;
}
#buttonGuide:hover{
	text-decoration:none;
}