@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');
/* =========================================================
   HubSpot Custom Module Stylesheet (module.css)
   Theme: Geometric Balance
   Brand Colors: Orange (#FF6600), Black (#000000), White (#FFFFFF)
========================================================= */
.block-card-container {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  font-family: 'Open sans';
}

.block-card {
flex: 1;
height: 175px;


}

.block-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  color: white;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px;
  background: black;
}

/*.card:hover .card-inner {
  transform: rotateY(180deg);
}*/



}

.block-icon-img{
 display: flex;
 width: 100%;
 justify-content: center;
 align-items: center;
 transform: translateY(15px);
 padding-left: 10px;
}

.block-icon-img img{
 display: flex;
 width: 35px;
 height: 35px; 
}

.block-card-inner h3{
  margin: 0px;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  padding-bottom: 10px;
  color: white;
}



.body-wrapper.hs-content-id-197562519941 .card-front h3 {
  margin-top: 10px;
}

.circle-container{
 display: flex;
 justify-content: center;
  position: relative;
}

.number-circle{
  position: absolute;
  font-weight: 700;
  top: -40px;
  font-size: 40px;
  background:#ff671f;
  text-align: center;
  width: 75px;
  height: 75px;
  padding-top: 5px;
  border-radius: 50%;
  z-index:10;
  color:white;
 
}

@media (max-width: 1000px){
  .card-container{
    justify-content: center;
    gap: 0;


  }
  .card {
    margin: 5px;
  }
  section.features-section.four-columns .card-container {
    flex-wrap: wrap!important;
  }
}


section.block-features-section.four-columns .block-card-container {
  flex-wrap: nowrap;
}

section.block-features-section.four-columns .block-card-container .block-card {
  margin: 8px;
}