:root{
	--cta-primary-color: #02529b;
	--cta-secondary-color: #DC7A09;
	--cta-primary-hover-color: #004274;
	--cta-secondary-hover-color: #e7800b;
}
.cta-link{
	cursor: pointer;
}
.cta-btn-link{
	color: var(--cta-primary-color);
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}
.cta-btn-link:hover{
	color: var(--cta-secondary-color);
}
.cta-btn:not(.cta-btn-link){
	padding: 12px 20px !important;
	border-radius: 8px;
	font-weight: 700;
	text-decoration: none;
	color: #fff !important;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}
.cta-btn-primary {
	background-color: var(--cta-primary-color) !important;
	color: #fff !important;
}
.cta-btn-secondary {
	background-color: var(--cta-secondary-color) !important;
	color: #fff !important;
}
.cta-btn-primary:hover {
	background-color: var(--cta-primary-hover-color) !important;
	color: #fff !important;
}
.cta-btn-secondary:hover {
	background-color: var(--cta-secondary-hover-color) !important;
	color: #fff !important;
}

.lbox-dialog{
	display: none;
	max-width: calc(70vw - 32px);
    width: 706px;
    border: none;
    box-shadow: 0 0 5px 0px black;
    border-radius: 0;
    max-height: 706px;
    overflow: visible;
    outline: none;
    padding: 0;
	transition: 0.3s ease-in-out all;
	min-height: 256px;
	font-size: 16px;
	margin: auto;
	background: white;
}

.lbox-dialog *{
	transition: 0.3s ease-in-out all;
}

.lbox-dialog ul,
.lbox-dialog ol{
	padding-inline-start: 20px;
}

.lbox-dialog .lbox-dialog-title{
	display: flex;
	align-items: center;
	padding: 20px 44px;
	font-size: 28px;
	color: #fff;
	background: var(--cta-primary-color);
	margin-bottom: 0 !important;
}

.lbox-dialog .lbox-dialog-content{
	padding: 28px 44px;
    overflow: auto;
    max-height: 632px;
}
.lbox-dialog .lbox-dialog-content blockquote{
	color: #ffffff !important;
}
.lbox-dialog .lbox-dialog-content h1,
.lbox-dialog .lbox-dialog-content h2,
.lbox-dialog .lbox-dialog-content h3,
.lbox-dialog .lbox-dialog-content h4,
.lbox-dialog .lbox-dialog-content h5,
.lbox-dialog .lbox-dialog-content h6{
	margin: 0;
	margin-bottom: 0.6em;
}

.lbox-dialog-close{
	position: absolute;
    border: 2px solid #ffff;
    outline: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding-bottom: 3px;
    font-weight: bold;
    background: black;
    color: #fff;
    right: -14px;
    top: -14px;
    font-size: 18px;
	z-index: 2000;
	pointer-events: auto;
}

.lbox-dialog::backdrop{
	background: rgba(0,0,0,0.4);
}
.lbox-dialog{
	opacity: 0; 
	transform: scale(0.8); 
	transition: 0.5s ease-in-out all; 
}

.lbox-dialog[open] {
	opacity: 0;
	transform: scale(0.8);
}
.lbox-dialog.opened{
	opacity: 1;
	transform: scale(1);
	display: block;
	pointer-events: auto;
}
.lbox-dialog.closed{
	opacity: 0;
	transform: scale(0.8);
}

.lbox-dialog::backdrop {
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: opacity 0.2s ease;
}

.lbox-dialog[open]::backdrop {
	opacity: 1;
}


@media (max-width: 768px){
	.lbox-dialog{
		max-width: calc(100vw - 32px) !important;
	}
	.lbox-dialog .lbox-dialog-title{
		padding: 20px;
		font-size: 24px;
	}
	.lbox-dialog .lbox-dialog-content{
		padding: 20px;
	}
}

.lbox-dialog-container{
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	z-index: 200000;
	transition: 0.2s ease-in-out all; 
	display: flex;
}

.lbox-dialog-container.opened{
	opacity: 1;
	background: rgba(0, 0, 0, 0.53);
}