.section-tags-f {
   padding: 5px 5px 5px 15px;
}

.features-wrapper {
  display: flex;
  gap: 15px;
  flex-direction: column;
  padding: 0;
   width: 100%;
}
.features-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
   width: 100%;
}
.features-cardd{
  padding: 100px;
  border-radius: 40px 20px 40px 20px;
  background: #F3F3F3;
   position: relative;
   z-index: 1;
}
.features-description {
  font-size: 1rem;
  padding: 20px;
  border-radius: 20px;
  background: #F3F3F3;
   text-align: left;
   z-index: 3;
}

.features-title {
  background: #fff;
  color: #202528;
  border-radius: 20px; 
  display: flex; 
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.8rem; 
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  border: 0px solid #fff;
  padding: 7px;
  text-transform: capitalize;
z-index: 3;
}
.features-title span {
   background: #F3F3F3;
   padding: 10px 13px;
   border-radius: 50px;
}
.features-title::after{
  content: '';
  position: absolute;
  top: 0px;
  right: -25px;
  width: 25px;
  height: 50%;
  border-top-left-radius: 50px;
  box-shadow: -15px -15px 0 13px var(--white);
  z-index: -5;
  transition: all .22s ease;
} 
.features-title::before{
  content: '';
  position: absolute;
  left: 0px;
  bottom: -25px;
  width: 50%;
  height: 25px;
  border-top-left-radius: 50px;
   box-shadow: -15px -15px 0 13px var(--white);
  z-index: -5;
  transition: all .22s ease;
} 

.feature-arrow {
   background: #fff;
  border-radius: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 7px;
   z-index: 3;
}
.feature-arrow::after{
  content: '';
  position: absolute;
  top: -25px;
  right: 0px;
  width: 50%;
  height: 25px;
  border-bottom-right-radius: 50px;
  box-shadow: 15px 15px 0 13px var(--white);
  z-index: -1;
  transition: all .22s ease;
} 
.feature-arrow::before{
  content: '';
  position: absolute;
  left: -25px;
  bottom: 0px;
  width: 25px;
  height: 50%;
  border-bottom-right-radius: 50px;
   box-shadow: 15px 15px 0 13px var(--white);
  z-index: -1;
  transition: all .22s ease;
} 
.feature-arrow span {
   background: #000;
   color: #fff;
   display: flex; 
  align-items: center;
  justify-content: center;
   padding: 10px 14px;
   border-radius: 50px;
   z-index: 1;
}
.fea-1 {
   background: #000;
   padding-top: 300px;
}
.fea-hand {
    width: 70px;
    bottom: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.fea-2 {
   background: #888;
}
.order-cardf {
   color: #fff;
   position: absolute;
   top: 20%;
   left: 50%;
   transform: translate(-50%, 50%);
   background: rgb(0,0,0, 0.15);
   backdrop-filter: blur(5px);
   font-size: 2rem;
   font-weight: 900;
   font-family: "Outfit";
   padding: 25px 40px;
   border-radius: 50px;
   background: rgb(255,255,255, 0.15);
   transition: transform 0.3s ease;
}
.order-cardf:hover {
   transform: translate(-50%, 50%) scale(1.3);
   transform-origin: center;
}
.fea-3 {
   padding: 100px 10px;
   background: #000;
}
.fea-wrapper {
   width: 100%;
   height: 100%;
   overflow: hidden;
   border-radius: 40px 20px;
   
}
.api-image {
   width: 100%;
   position: relative;
   z-index: 0;
}