.page-title {
  font-size: 25px;
  border: none;
  text-align: center;
}

.page-title-small {
	text-transform: uppercase;
	font-weight: 700;
  font-size: 20px;
  border: none;
  color: #4da6e7;
  text-align: left;
}

.page-content {
  font-size: 12px;
  border: none;
}

.page-link-center {
  font-size: 12px;
  border: none;
  text-align: center;
   margin-left: auto;
  margin-right: auto;
  display: block;
}

.page-list-tick  {
  /* list-style-type: '\2713 '; character for tick */
  list-style-type:none;
}

.page-list-tick li {
  position: relative; /* Needed for positioning the pseudo-element */
  padding-left: 25px; /* Adjust this value for spacing between tick and text */
  margin-bottom: 5px; /* Spacing between list items */
}


.page-list-tick > li::before {
  content: "\2713 "; /* Unicode character for tick */
  color: green; /* Color of the tick */
  position: absolute;
  left: 0;
  top: 0; /* Align with the top of the text */
}

/*
.page-image-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  
}
*/

.page-image-center {
	max-width: 100%;
	max-height: 100vh;
	text-align: center;
	margin: auto;
	display: block;
	
	object-fit: fill; 
}




.div-page {
 max-width: 100%;
  text-align: center;
   margin-left: auto;
  margin-right: auto;
}

.center-horizontal {
 text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.div-container {
  text-align: center;
   margin-left: auto;
  margin-right: auto;

}

.div-container img:first-child {
    object-fit: fill; /* fill , cover , contain , none , scale-down: */
}


.div-container-vertical-items {
 display: flex;
 flex-direction: column; /* Stacks items vertically */
  justify-content: center; /* Centers items horizontally, will not work in display: block */
}

.div-container-vertical-items-center {
 display: flex;
 flex-direction: column; /* Stacks items vertically */
  justify-content: center; /* Centers items horizontally, will not work in display: block */
  align-items: center;   /*  Centers items vertically */
}

/* Arranges items horizontally */
.div-container-items-center {
 display: flex;
  justify-content: center; /* Centers items horizontally, will not work in display: block */
  align-items: center;    /* Centers items vertically */
}

.div-container-items-right {
 display: flex; 
 justify-content: flex-end;
}

.div-container-items-left {
 display: flex;
  justify-content: flex-start; /* Centers items horizontally */
  /*width:fit-content;*/
}


/* Set a style for all buttons */
button {
  background-color: var(--theme-bg-color-dark-blue, #04AA6D);
  color: white;
  margin: 8px 0;
  border: none;
  cursor: pointer;
   border-radius:  15px;
}

button:hover {
  opacity: 0.8;
}