.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }
      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
.bg {
  background-image: url('');
background-repeat: no-repeat; margin-top: -40px;
background-position: center, 0 0, right bottom;
}
.button98 {
        background-color: #f45241;
border-color: white;
color : white; 
        }
.button98:hover
{
border-color: #f45241;
background-color: white;
color: #f45241;
}
.button99 {
        background-color: #00aba6;
border-color: white;
color : white; 
        }
.button99:hover
{
border-color: #00aba6;
background-color: white;
color: #00aba6;
}
.icon-box {
  padding: 30px 20px;
  transition: ease-in-out 0.3s;
  border: 1px solid; 
  border-color: white;
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffffff;
font-size: 90px;
}
.icon-box i {
  font-size: 32px;
  line-height: 1;
  color: #ffffff;
font-size: 54px;
}
.icon-box h3 {
  font-weight: 700;
  margin: 10px 0 0 0;
  padding: 0;
  line-height: 1;
  font-size: 20px;
  line-height: 26px;
  color: #ffffff;
}

.icon-box h3:hover {
  color: #d91717;
  transition: ease-in-out 0.3s;
}
.icon-box:hover {
  border-color: #d91717;
  color: #d91717;
}
.icon-box:hover h3 {
  color: #d91717;
}
.icon-box:hover {
    cursor: pointer;
}

.icon-box:hover .icon2 {
  color: #d91717;
}
        
        .hover-div {
            padding: 10px 10px;
            text-align: center;
            min-height: 350px;
        }
        
        .hover-div {
           
            background: black
            
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            margin: 10px 0px;
        }
        
        .hover-div:hover {
            -webkit-transform: translateY(-20px);
            -ms-transform: translateY(-20px);
            transform: translateY(-20px);
            box-shadow: 0 22px 43px rgba(0, 0, 0, 0.32);
            cursor: pointer;
            border-radius: 5px;
        }
.button100 {
color: white;
background-color: black;
Border-color: white;
Border-radius: 0px;
color : white; 
margin-bottom: 18%;
}
.button100:hover
{
border-color: #d91717;
  color: #d91717;
}
.icon2 {
color: white;
font-size: 120px;
}
.icon2:hover {
color: #d91717;
}
.button101 { background-color: #83c300; border-color: white; } .button101:hover { border-color: #83c300; background-color: white; color: #83c300; } 
.button102 { 
background-color: white; border-color: white; 
} 
.button102:hover {
 border-color: white; 
background-color: white; 
color: #ff9e4e; 
} 
.b1 
{ 
border-color: white; 
background-color: #feee02; 
color: #black; 
} 
.counter-box { 
display: block; 
padding: 40px 20px 37px; 
text-align: center 
} 
.counter-box p { 
margin: 5px 0 0; 
padding: 0; color: black; 
font-size: 18px; 
font-weight: 500 
} 
.counter-box i { 
font-size: 60px; 
margin: 0 0 15px; 
color: black
} 
.counter { 
display: block; font-size: 32px; 
font-weight: 700; 
color: black; 
line-height: 28px 
} 
.icon2 { 
color: white; font-size: 50px; 
} .card-img-top:hover { 
transform: scale(2); 
width: 110%; height: 110%; 
position: absolute; 
} 
.card { 
align: left; display: flex; 
flex-direction: column; 
justify-content: center; 
valign: top; align-items: left; 
text-align: left; background-size: cover; 
background-position: center; color: black; 
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); 
}