/* navbar */
.navlist-child{
    display: flex;
    visibility: hidden;
    translate: 0 10px;
    opacity: 0;
}
.navlist:hover .navlist-child{
    display: flex;
    visibility: visible;
    translate: 0 0;
    opacity: 1;
    transition: all 0.3s ease-in-out ;
}
.points-menu span {
    transition: transform 0.2s ease-out;
}
.points-arrow span:nth-child(1),
.points-arrow span:nth-child(3) {
    transform: translateY(0.25rem);
}
.points-arrow span:nth-child(2) {
    transform: translateY(-0.25rem);
}
/* END navbar */

/* text */
.bg-clip-text{
    -webkit-background-clip: text;
    background-clip: text;
}
.feather-edge {
    box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.3); /* Adjust as needed */
}

.gradient-blue{
    background-image: linear-gradient(to right, #3851A2, #5FB8E7 );
}

/* animation */
#navbar {
    opacity: 0;
    transform: translateY(-50px);
}
.animate-div, #footer{
    opacity: 0;
    transform: translateY(50px);
}

/* HTML: <div class="ribbon">Your text content</div> */
.ribbon {
  font-size: 1em;
  font-weight: bold;
  color: #fff;
}
.ribbon {
  --r: .5em; /* control the ribbon shape (the radius) */
  --c: #FAA31A;

  position: absolute;
  top: 20px;
  left: calc(-1*var(--r));
  line-height: 1.8; 
  padding: 0em 1em calc(2*var(--r));
  border-radius: var(--r) 0 0 var(--r);
  background: 
    radial-gradient(100% 50% at left,var(--c) 98%,#0000 101%)
     100% 0/.5lh calc(100% - 2*var(--r)),
    radial-gradient(100% 50% at right,#0005 98%,#0000 101%) 
     0 100%/var(--r) calc(2*var(--r)),
    conic-gradient(from 90deg at var(--r) calc(100% - 2*var(--r)),#0000 25%,var(--c) 0)
     0 0/calc(101% - .5lh) 100%;
  background-repeat: no-repeat;   
}