html {scroll-behavior: smooth;}

.gradient-background {
  background: linear-gradient(300deg, #fa0606, #f836d8,  #1b8dcf);
  background-size: 180% 180%;
  animation: gradient-animation 18s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
}

.profile-img {
  height: 100px;
  border-radius: 50%;
}
.dog-phone {border-radius: 9.5%;}
.icon-square {
    width: 3rem;
    height: 3rem;
    border-radius: .75rem;}
.bi {
    vertical-align: -.125em;
    fill: currentColor;
}
.img-rounded {
  border-radius: 50%;
  height:120px;
  width:120px;
}

.container-marketing { margin: 10px 250px 50px 250px;}





@media (max-width: 500px) {
  .container-marketing {margin: 0%;}
  .container .row img {margin: 10px;}
  }