.text-color-rdu-red{
    color: #bf0000 !important;
}
.text-color-rdu-green{
    color: #006600 !important;
}
.rdu-green-bar{
    width: 100px !important; 
    border-bottom: 6px solid #006600 !important; 
}
.rdu-red-bar{
    width: 100px !important; 
    border-top: 6px solid #bf0000 !important; 
}
/* .white-black-text{
    color: #fff;
    text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
} */
.divider-home{
  background-color: #006600;
}
.span-gray{
    color: #a2a2a2;
	display: inline-block;
}
.span-gray-2{
  color: #a2a2a2;
display: inline-block;
font-size: smaller;
}
.pyroban-text{
  letter-spacing: -2px !important;
	font-weight: 800 !important;
	color: 	#e4051f !important;
}
.email{
    text-decoration: none;
}
/* Bottom left text */
.bottom-left {
  position: absolute;
  color: white;
  bottom: 280px;
  left: 160px;
  font-size: 72px;
  font-weight: 300;
  text-shadow: 5px 5px #0000006c;
}
.bottom-left span{
  color: #a2a2a2;
  font-weight: 500;
}
.text-strip{
	border-bottom:1px solid #a2a2a2;
	width: 85px;
	display: inline-block;
	margin: 20px;
}
.about-us-main-image{
    width: 100% !important;
}
.about-us-image{
    width: 400px;
    box-shadow: 0 8px 13px rgba(0, 0, 0, 0.486);
}
/* .team-card{

} */

@media only screen and (max-width: 576px) {
    .about-us-image{
        width: 300px;
    }
  }
/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
  
  /* The actual popup (appears on top) */
  .popup .popuptext {
    visibility: hidden;
    width: 400px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -200px;
  }
  
  /* Popup arrow */
  .popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  /* Toggle this class when clicking on the popup container (hide and show the popup) */
  .popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
  }
  
  /* Add animation (fade in the popup) */
  @-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
  }
  
  @keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
  }


  /* button in homepage */

.btn-home{
	position: relative;
	color: rgb(0, 0, 0);
	font-size: 12px;
	font-family: "montserrat";
	text-decoration: none;
  width: 60%;
	margin: 30px 0;
	border: 2px solid black;
	padding: 14px 60px;
	transition: 1.5s all ease;
	letter-spacing: 5px;
	font-weight: 800;
	text-transform: uppercase;
	box-shadow: 0 5px 25px rgb(0, 0, 0,.7);
}

.btn-home::before{
	background: black;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
	transition: all 0.6s ease;
	opacity:70%;
}
  
.btn-home::before{
	width: 0%;
	height: 100%;
}
  
.btn-home:hover::before{
	width: 100%;
}
.btn-home:hover{
	color: white;
}