body {
  overflow-x: hidden;
}

.iris_title{
	position:fixed;
	width:110%;
	margin-top: 0px;
	height: auto;
	/* background-color:#491386; */
	background-color:#fff;
	margin-left:-30px !important;
	padding: 12px 0px 12px 30px !important;
	top:0px;
	z-index:998;
}


.cut_table_corner{
	border-top: 1px solid #fff !important;
	border-left: 1px solid #fff !important;
}

.circle_letter2{
	border:2px solid #204EB8;
	padding:0px 5px 0px 5px;
	border-radius: 12px;
}

.circle_letter{
	border:3px solid #298288;
	padding:0px 5px 0px 5px;
	border-radius: 12px;
	font-size:1.6em;
	font-weight:800;
}
.nocircle_letter{
	font-size:1.6em;
	font-weight:800;
}

a:hover {
	text-decoration: none;
}

a {
	text-decoration: underline;
}

.flex-container {
  display: flex;     /* Creates the flex context */
  gap: 16px;         /* Optional: Adds space between the two boxes */
  width: 100%;       /* Makes the container span the full width */
}

.flex-box {
  flex: 1;           /* Shorthand for flex-grow: 1, flex-shrink: 1, flex-basis: 0 */
  padding: 20px;     /* Optional: Internal spacing */
  background: #E6EFF7; /* Optional: For visibility */
  border-radius: 8px; /* Rounds the corners of each item */
}