.andManyMore{
 font-family:Butler;
 font-size:20px;
 font-weight:600;
 color:#9b0000;
 margin-top:30px;
 margin-bottom:30px;
 display:flex;
 justify-content: center;
 align-items:center;
 gap:10px;
 text-decoration:none;
 }
 .andManyMore i{
 padding-top:4px;
 margin-left:-5px;
 }
  .andManyMore:hover{
 font-family:Butler;
 font-size:20px;
 font-weight:700;
 color:#9b0000;
 display:flex;
 align-items:center;
 gap:10px;
 text-decoration:none;
 }
 
.classLogo{
height:150px;
width:auto;
}
 .ParaText_infrastructure {
  margin-top: 40px;
  font-family: "Gordita", Sans-serif;
  font-size: 16px;
  color:#333333;
  line-height: 30px;
  font-weight: 400;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.ParaText_infrastructure {
  width: 870px;
} 
.ShineStarName{
	background-color:#003728;
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;
	font-weight:300;
	color:#FFFFFF;
	font-family:'Gordita', Sans-serif;
	font-size: 14px;
	text-transform:uppercase;
  }
  
  .heading3 {
    font-family: "Gordita", Sans-serif;
    font-size: 28px;
    font-weight: 500;
    text-transform: none;
	color:#000000;
}	

.heading-title{
    font-family: Butler;
    font-weight: 700;
	font-size:45px;
	line-height:1.3em;
    letter-spacing: 0em;
	color:#000000;
	}
.HeadingBar{
	  width:100px;margin:0 auto;height:3px;border-width:0;background-color:#9b0000;opacity:1
  		   }
		   
 .HeadingBarFull{
		  width:100%;margin:0 auto;height:2px;border-width:0;background-color:#9b0000;opacity:1
			 }		

.paraText{
    text-align: left;
    color:#6E6E6E;
    font-family: "Gordita", Sans-serif;
    font-size: 16px;
    font-weight: 400;
	line-height:30px;
}

@media (min-width: 992px) {
  .col-lg-5th {
    flex: 0 0 20%;
    max-width: 20%;
  }
  
  .col-lg-4th {
    flex: 0 0 25%;
    max-width: 25%;
  }
   .col-lg-3rd {
    flex: 0 0 33.3%;
    max-width: 33.3%;
  }
}
/* ?? Tablet view (between 768px and 991px) */
@media (min-width: 768px) and (max-width: 991px) {

.andManyMore{
 font-family:Butler;
 font-size:18px;
 font-weight:600;
 padding-left:10px;
 margin-top:20px;
 margin-bottom:30px;
 display:flex;
justify-content: center;
 align-items:center;
 gap:10px;
 text-decoration:none;
 }

.andManyMore:hover{
 font-family:Butler;
 font-size:18px;
 font-weight:700;
 padding-left:10px;
 display:flex;
 align-items:center;
 gap:10px;
 text-decoration:none;
 }
 
 .ParaText_infrastructure {
    font-size: 17px;
    line-height: 33px;
    width: 70%;
  }
  .col-md-4th {
    flex: 0 0 25%;
    max-width: 25%;
  }
  
  .col-md-3rd {
    flex: 0 0 33.3%;
    max-width: 33.3%;
  }
.heading-title{
    font-family: Butler;
    font-weight: 700;
	font-size:48px;
	line-height:1.3em;
    letter-spacing: 0em;
	}
	
  .my-container {
    max-width: 100%;
  }
  .HeadingBox {   
    font-size: 35px;
  }
  
  .HeadingBox2 {   
    font-size: 25px;
  }
  .mentor-name {
  font-size: 15px;
   }

}

/* ?? Mobile view (up to 767px) */
@media (max-width: 767px) {

 .andManyMore{
 font-family:Butler;
 font-size:20px;
 font-weight:600;
 margin-top:20px;
 margin-bottom:30px;
 display:flex;
justify-content: center;
 align-items:center;
 gap:10px;
 text-decoration:none;
 }

 .andManyMore:hover{
 font-family:Butler;
 font-size:20px;
 font-weight:700;
 display:flex;
 align-items:center;
 gap:10px;
 text-decoration:none;
 }
 
  .HeadingBox2 {  
    font-size: 25px;
	text-align:center;
  }
  
  .HeadingBox {  
    font-size: 35px;
	text-align:center;
  }
  
   .mentor-name {
  font-size: 15px;
   }
   
     .ParaText_infrastructure {
    font-size: 16px;
    line-height: 30px;
    width: 95%;
    margin-top: 20px;
    padding: 0 25px;
    text-align: center;
  }
}/* CSS Document */

	/* --- Extra small devices (=576px) --- */
@media (max-width: 576px) {

 .heading-title{
    font-family: Butler;
    font-weight: 700;
	font-size:35px;
	line-height:1.5em;
    letter-spacing: 0em;
	}
	
	.ParaText_infrastructure {
    font-size: 15px;   
    margin-top: 20px;
	width: 100%;
    padding: 0 20px;
   
  }
	}