.component__text-icon{
  margin-bottom:60px !important;
}
@media screen and (min-width:768px){
  .component__text-icon{
    margin-bottom:80px !important;
  }
}
@media screen and (min-width:1200px){
  .component__text-icon{
    margin-bottom:100px !important;
  }
}

.text-icon{
  display:grid;
  gap:.5rem;
  grid-template-columns:1fr;
}
@media screen and (min-width:576px){
  .text-icon{
    grid-template-columns:1fr 4fr !important;
  }
}

.text-icon__left,.text-icon__right{
  align-items:center;
  display:flex;
  justify-content:center;
}

.text-icon__right{
  flex-direction:column;
  text-align:center;
}
@media screen and (min-width:576px){
  .text-icon__right{
    align-items:start;
    text-align:left;
  }
}

.text-icon__icon{
  color:#15a8f1 !important;
}

.text-icon__body-title{
  font-size:1.2rem;
  font-weight:500;
  margin-bottom:.5rem;
}