.main-charter p, .charter-body p
{

padding:0px;
}

.sticky_div {
  position: sticky;
  top: 0;
  background-color: #ffffff;
  border-bottom: 1px solid #b4b4b4;
}
.sticky_div2 {
  position: sticky;
  top: 0;
  background-color: #ffffff;
  
}

.modal {
	display: none;
	position: fixed;
	top: 10px;
	left: 10px;
	width: 95%;
	height: 95%;
	background: #ffffff;
	overflow: scroll;
	scrollbar-width: thin;
    scrollbar-color: #374785 #C6CDDD;
	padding: 20px;
	
}

.modal.active {
	display: block;
}

.modal::-webkit-scrollbar {
    width: 5px;
}

.modal::-webkit-scrollbar-track {
    background: #C6CDDD;
}



.modal-btn-close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	background: transparent;
	border: 1px solid #95AADE;
	box-sizing: border-box;
	border-radius: 4px;
	display: flex;
	align-items: right;
	justify-content: center;
	cursor: pointer;
}
.content_zone
{
	width: 80%;
	padding: 10px;
}

.content_zone p
{
	border-bottom: 1px solid #efefef;
}
mark {
  background: #78a1ff;
}
.nolink
{
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 100%;
display: flex;
align-items: center;
color: #000000;
text-decoration: none;
border-bottom: 1px solid #EAEEF3;
padding-bottom: 10px;
}
.eventp
{
font-weight: 400;
font-size: 14px;

color: #000000;
text-decoration: none;
text-transform: uppercase;
padding-left: 20px;
}
.timep
{
font-weight: 600;
font-size: 14px;
align-items: center;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
border-radius: 9px;
padding: 3px;
margin-left: 20px;
border: 1px solid #24305E;
background-color: #AAABBB;
}