.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: .75rem;
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: .75rem;
}
.dflow {
  display: flow-root !important;
}
.backgr{
  background-color: #faf9f2;
  border-color: black;
  border: 1px;
}
.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
  background-repeat: no-repeat;
  background-position: 1% 10%;
  background-size: cover;

}
.card-cover-move1 {
  animation: moveBackground1 60s infinite linear; /* Animation over 10 seconds, repeating infinitely */

}
@keyframes moveBackground1 {
  0% {
    background-position: 1% 10%;
    background-size: 140%; /* No zoom */
  }
  3% {
    background-position: 5% 15%;
    background-size: 150%; /* Slight zoom-in */
  }
  6% {
    background-position: 10% 20%;
    background-size: 160%; /* More zoom-in */
  }
  9% {
    background-position: 15% 25%;
    background-size: 170%; /* More zoom-in */
  }
  12% {
    background-position: 20% 30%;
    background-size: 180%; /* Zoom-in further */
  }
  15% {
    background-position: 25% 35%;
    background-size: 180%; /* Zoom-in more */
  }
  20% {
    background-position: 25% 30%;
    background-size: 170%; /* Zoom-out slightly */
  }
  21% {
    background-position: 25% 25%;
    background-size: 170%; /* Zoom-out further */
  }
  24% {
    background-position: 20% 20%;
    background-size: 160%; /* Zoom-out */
  }
  27% {
    background-position: 15% 15%;
    background-size: 160%; /* Slight zoom-out */
  }
  30% {
    background-position: 1% 10%;
    background-size: 140%; /* No zoom (reset) */
  }
  100% {
    background-position: 1% 10%;
    background-size: 140%; /* No zoom (reset) */
  }


}

.card-cover-move2 {
  animation: moveBackground2 60s infinite linear; /* Animation over 10 seconds, repeating infinitely */

}
@keyframes moveBackground2 {
  0% {
    background-position: 1% 10%;
    background-size: 140%; /* No zoom */
  }
  30% {
    background-position: 1% 10%;
    background-size: 140%; /* No zoom (reset) */
  }
  33% {
    background-position: 5% 15%;
    background-size: 150%; /* Slight zoom-in */
  }
  36% {
    background-position: 10% 20%;
    background-size: 160%; /* More zoom-in */
  }
  39% {
    background-position: 15% 25%;
    background-size: 170%; /* More zoom-in */
  }
  42% {
    background-position: 20% 30%;
    background-size: 180%; /* Zoom-in further */
  }
  45% {
    background-position: 25% 35%;
    background-size: 180%; /* Zoom-in more */
  }
  50% {
    background-position: 25% 30%;
    background-size: 170%; /* Zoom-out slightly */
  }
  51% {
    background-position: 25% 25%;
    background-size: 170%; /* Zoom-out further */
  }
  54% {
    background-position: 20% 20%;
    background-size: 160%; /* Zoom-out */
  }
  57% {
    background-position: 15% 15%;
    background-size: 160%; /* Slight zoom-out */
  }
  60% {
    background-position: 1% 10%;
    background-size: 140%; /* No zoom (reset) */
  }
  100% {
    background-position: 1% 10%;
    background-size: 140%; /* No zoom (reset) */
  }

}

.card-cover-move3 {
  animation: moveBackground3 60s infinite linear; /* Animation over 10 seconds, repeating infinitely */

}
@keyframes moveBackground3 {
  0% {
    background-position: 1% 10%;
    background-size: 140%; /* No zoom */
  }
  60% {
    background-position: 1% 10%;
    background-size: 140%; /* No zoom (reset) */
  }
  63% {
    background-position: 5% 15%;
    background-size: 150%; /* Slight zoom-in */
  }
  66% {
    background-position: 10% 20%;
    background-size: 160%; /* More zoom-in */
  }
  69% {
    background-position: 15% 25%;
    background-size: 170%; /* More zoom-in */
  }
  72% {
    background-position: 20% 30%;
    background-size: 180%; /* Zoom-in further */
  }
  75% {
    background-position: 25% 35%;
    background-size: 180%; /* Zoom-in more */
  }
  80% {
    background-position: 25% 30%;
    background-size: 170%; /* Zoom-out slightly */
  }
  81% {
    background-position: 25% 25%;
    background-size: 170%; /* Zoom-out further */
  }
  84% {
    background-position: 20% 20%;
    background-size: 160%; /* Zoom-out */
  }
  87% {
    background-position: 15% 15%;
    background-size: 160%; /* Slight zoom-out */
  }

  100% {
    background-position: 1% 10%;
    background-size: 140%; /* No zoom (reset) */
  }


}

.titlep{
  
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.feature-icon-small {
  width: 3rem;
  height: 3rem;
}
.posts{
  padding:0.2em;
  color:black;
  font-size: 1rem;
  font-weight: 600;
}
.firstim {
  padding-right: calc(var(--bs-gutter-x) * 1.9);
  padding-left: calc(var(--bs-gutter-x) * 1.9);
}