  <!-- Custom styles for this template-->
<style>
.main_body {
    margin: 0;
    font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #858796;
    text-align: left;
    background-color: #fff;
}

.border-left-color1 {
    border-left: .25rem solid #000;
	
}

.box_card{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ccc;
    background-clip: border-box;
    border: 1px solid #000;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-image: linear-gradient(#3366cc, #7c97ce);
	
}


.box_card1 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #3366cc;
    background-clip: border-box;
    border: 1px solid #3366cc;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-image: linear-gradient(#3366cc, #7c97ce);
	
}
.box_card2 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #9F91CC;
    background-clip: border-box;
    border: 1px solid #9F91CC;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-image: linear-gradient(#9F91CC, #9F91CC);
}
.box_card3 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #660099;
    background-clip: border-box;
    border: 1px solid #660099;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-image: linear-gradient(#660099, #9b48c5);
}
.box_card4 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #990066;
    background-clip: border-box;
    border: 1px solid #990066;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-image: linear-gradient(#990066, #ca3197);
}
.box_card777 {
     position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #8fd3f4;
    background-clip: border-box;
    border: 1px solid #8fd3f4;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-image: linear-gradient(#8fd3f4, #00b9f1);
}
.box_card888 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #9F91CC;
    background-clip: border-box;
    border: 1px solid #9F91CC;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-image: linear-gradient(#ad9dd8, #8a7db3);

}
.box_card954 {                                                              
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #00b9f1;
    background-clip: border-box;
    border: 1px solid #00b9f1;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-image: linear-gradient(#f6a3fd, #a76a9c);
}
.box_card2021 {                                                              
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #00b9f1;
    background-clip: border-box;
    border: 1px solid #00b9f1;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-image: linear-gradient(#3366cc, #7c97ce);
}
.box_card2022 {                                                              
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #00b9f1;
    background-clip: border-box;
    border: 1px solid #00b9f1;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-image: linear-gradient(#ff50c5, #ff8797);
}
.box_card2023 {                                                              
    position: relative;
    display: flex;  
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #00b9f1;
    background-clip: border-box;
    border: 1px solid #00b9f1;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
background-image: linear-gradient(135deg, #f83600, #f9d423);
}






.box_card5 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ff0033;
    background-clip: border-box;
    border: 1px solid #ff0033;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-image: linear-gradient(#ff0033, #e25370);
}

.box_card6 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid #7c0000;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background :#7c0000;
	/* background-image: linear-gradient(0deg, rgba(64,82,130,0.7063200280112045) 30%, rgba(0,125,71,0.8071603641456583) 77%); */
}
.box_card7 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid #f86328;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background: #f86328;
    /* background-image: linear-gradient(0deg, rgba(56,104,232,1) 28%, rgba(0,194,255,0.6587009803921569) 79%);  */
	
}
.box_card10 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: transparent;
    border-radius: .35rem;
	background: transparent;
    /* background-image: linear-gradient(0deg, rgba(56,104,232,1) 28%, rgba(0,194,255,0.6587009803921569) 79%);  */
	
}
.box_card8 {
	 position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid #06b0d7;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background:  #06b0d7;
/* background-image: linear-gradient(0deg, rgba(68,116,92,1) 30%, rgba(64,76,108,0.8071603641456583) 77%); */
	
	
}


.box_card9 {
	
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid #ff005d;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background:  #ff005d;
  /* background-image: linear-gradient(0deg, rgba(25,80,228,0.7567401960784313) 30%, rgba(188,0,255,0.9780287114845938) 77%);*/
	
   
}
.box_card11 {
	
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid #488A99;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background:  #488A99;
  /* background-image: linear-gradient(0deg, rgba(25,80,228,0.7567401960784313) 30%, rgba(188,0,255,0.9780287114845938) 77%);*/
	
   
}
.box_card12 {
	
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid #6AB187;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background:  #6AB187;
  /* background-image: linear-gradient(0deg, rgba(25,80,228,0.7567401960784313) 30%, rgba(188,0,255,0.9780287114845938) 77%);*/
	
   
}
.box_card13 {
	
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid #EA6A47;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background:  #EA6A47;
  /* background-image: linear-gradient(0deg, rgba(25,80,228,0.7567401960784313) 30%, rgba(188,0,255,0.9780287114845938) 77%);*/
	
   
}

.box_card14 {
	
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid #484848;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background:  #484848;
  /* background-image: linear-gradient(0deg, rgba(25,80,228,0.7567401960784313) 30%, rgba(188,0,255,0.9780287114845938) 77%);*/
	
   
}

.box_card15 {
	
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid #1C4E80;
    border-radius: .35rem;
	box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background:  #1C4E80;
  /* background-image: linear-gradient(0deg, rgba(25,80,228,0.7567401960784313) 30%, rgba(188,0,255,0.9780287114845938) 77%);*/
	
   
}

.box_card_onroute {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ca3d5b;
    background-clip: border-box;
    border: 1px solid #c43754;
    border-radius: 0.35rem;
    box-shadow: 0 8px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    background-image: linear-gradient(#9b0e2b, #d14462);
}
.box_card_txt { color:#fff; font-size: .9rem;
   
}
.box_card_txt_h { color:#fff; font-size: .9rem; font-weight:bold;   
}
.box-card-body {
    flex: 1 1 auto;
    padding: 0.7rem;
}

.align-items-center {
    align-items: center!important;
}





















  </style>