.index1
{
	padding: 0.3em 1em 0.3em 0.5em; 
	margin: 0.9em 0em; 
	color: #000000; 
	background-color:#F7F7F7;
	border-left: 12px solid #BCE55C; 
	border-bottom: 2px #BCE55C solid; 
	font-weight: bold;
}

.index1_green
{
	padding: 0.3em 1em 0.3em 0.5em; 
	margin: 0.9em 0em; 
	color: #000000; 
	background-color:#F7F7F7;
	border-left: 12px solid #00A667; 
	border-bottom: 2px #00A667 solid; 
	font-weight: bold;
}

.index1_blue
{
	padding: 0.3em 1em 0.3em 0.5em; 
	margin: 0.9em 0em; 
	color: #000000; 
	background-color:#F7F7F7;
	border-left: 12px solid #341269; 
	border-bottom: 2px #341269 solid; 
	font-weight: bold;
}

.index2_blue
{
	background-image: linear-gradient(-225deg, #231557 0%, #44107A 29%, #FF1361 67%, #FFF800 100%); 
	color: #fff; 
	margin-top: 30px; 
	margin-bottom: 15px; 
	padding: 13px 20px 13px 20px; 
	border-radius: 20px 20px 20px 1px; 
	font-weight: bold;
}

.index2_green
{
	background-image: linear-gradient(220.55deg, #FFE70B 0%, #27B643 100%); color: #fff; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px 20px 20px 0px;
}

.btn_blue
{
	height: 80px; padding:12px 37px; background-color: #003F74; 
	font-size: 23px; font-weight: bold; color: white; border: 0; border-radius: 30px; text-decoration: none; margin: auto;
}
.btn_blue:hover {
	background:linear-gradient(to bottom, #0B57D0 5%, #0B57D0 100%);
	background-color:#FF6400;
}
.btn_blue:active {
	position:relative;
	top:1px;
}

.btn_red 
{
	height: 80px; padding:12px 37px; background-color: #fa0504; 
	font-size: 23px; font-weight: bold; color: white; border: 0; border-radius: 30px; text-decoration: none; margin: auto;
}
.btn_red:hover {
	background:linear-gradient(to bottom, #FA0504 5%, ##DEDC12 100%);
	background-color:#FF6400;
}
.btn_red:active {
	position:relative;
	top:1px;
}

/* blue gradient */
.btn_blue2 {
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #7892c2 5%, #003F74 100%);
	background-color:#7892c2;
	border-radius:20px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:23px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
	font-weight: bold;
	height: 80px;
}
.btn_blue2:hover {
	background:linear-gradient(to bottom, #003F74 5%, #7892c2 100%);
	background-color:#003F74;
}
.btn_blue2:active {
	position:relative;
	top:1px;
}
 
@media only screen and (max-width: 600px) {
  .btn_blue2 {
    font-size: 23px; /* Decreases font size for mobile devices */
		width: 90%; /* Set width to 90% */
		height: 60px; /* Adjust the height value as needed */	
  }
}