.osint-title {
    display: flex;
    justify-content: center;
    cursor: default;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;

    /* ADDED to allow bottom-up clipping + collapse */
    position: relative;
    overflow: hidden;
	height: auto;
	transition: height 1.5s ease-in-out;
}

.hr-osint-title {
	margin: 0 auto;
	border-bottom: 3px solid #000000;
	text-align: center;
	box-sizing: border-box;
	width: 0;              /* Initially zero width */
	overflow: hidden;      /* Hide overflow initially */
	transition: width 1.5s ease-in-out; /* Smooth reveal */
  }

.without-notifying-text {
    background: linear-gradient(90deg, rgb(223 101 101) 0%, rgb(233 114 114) 26%, rgba(74, 64, 64, 1) 46%, rgb(93 221 221) 92%, rgb(0 121 151) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #6aaabd;
    text-decoration-color: 1px black;
    /* border-bottom: 3px solid #000000; */
    text-decoration-color: #979797;
    text-decoration-thickness: 1.6px;
    text-underline-offset: 0.07em;
    display: inline-block;
    animation: slideDown 1.7s forwards;
    transform: translateY(-100%);
    opacity: 0;
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%); 
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1; 
    }
}

/* NEW: Keyframes that fade from bottom to top, then collapse the container */
@keyframes fadeUpAndCollapse {
  0% {
    clip-path: inset(0 0 0 0); /* no clipping */
    max-height: 1000px;
    opacity: 1;
  }
  100% {
    clip-path: inset(100% 0 0 0); /* fully clipped from bottom up */
    max-height: 0;  /* container collapses to 0 height */
    opacity: 0;
  }
}

/* Trigger class for the final wipe+collapse */
.slideUpOsint {
	height: 0;
}