/* Rolling text container */
.rolling-text {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    word-spacing: -5px;
}

.rolling-text b {
	display: inline-block;
	transform: translateY(-100px); /* Start above */
	animation: rollIn 0.2s forwards; /* Apply the rolling animation */
	animation-delay: calc(0.025s * var(--i) + 1s); /* Delay for each letter */
	opacity: 0; /* Hidden initially */
} 

/* Delay animation using nth-child() */
.rolling-text b:nth-child(1) { animation-delay: 1.025s; }
.rolling-text b:nth-child(2) { animation-delay: 1.05s; }
.rolling-text b:nth-child(3) { animation-delay: 1.075s; }
.rolling-text b:nth-child(4) { animation-delay: 1.1s; }
.rolling-text b:nth-child(5) { animation-delay: 1.125s; }
.rolling-text b:nth-child(6) { animation-delay: 1.15s; }
.rolling-text b:nth-child(7) { animation-delay: 1.175s; }
.rolling-text b:nth-child(8) { animation-delay: 1.2s; }
.rolling-text b:nth-child(9) { animation-delay: 1.225s; }
.rolling-text b:nth-child(10) { animation-delay: 1.25s; }
.rolling-text b:nth-child(11) { animation-delay: 1.275s; }
.rolling-text b:nth-child(12) { animation-delay: 1.3s; }
.rolling-text b:nth-child(13) { animation-delay: 1.325s; }
.rolling-text b:nth-child(14) { animation-delay: 1.35s; }
.rolling-text b:nth-child(15) { animation-delay: 1.375s; }
.rolling-text b:nth-child(16) { animation-delay: 1.4s; }
.rolling-text b:nth-child(17) { animation-delay: 1.425s; }
.rolling-text b:nth-child(18) { animation-delay: 1.45s; }
.rolling-text b:nth-child(19) { animation-delay: 1.475s; }
.rolling-text b:nth-child(20) { animation-delay: 1.5s; }
.rolling-text b:nth-child(21) { animation-delay: 1.525s; }
.rolling-text b:nth-child(22) { animation-delay: 1.55s; }
.rolling-text b:nth-child(23) { animation-delay: 1.575s; }
.rolling-text b:nth-child(24) { animation-delay: 1.6s; }
.rolling-text b:nth-child(25) { animation-delay: 1.625s; }
.rolling-text b:nth-child(26) { animation-delay: 1.65s; }
.rolling-text b:nth-child(27) { animation-delay: 1.675s; }
.rolling-text b:nth-child(28) { animation-delay: 1.7s; }
.rolling-text b:nth-child(29) { animation-delay: 1.725s; }
.rolling-text b:nth-child(30) { animation-delay: 1.75s; }
.rolling-text b:nth-child(31) { animation-delay: 1.775s; }
.rolling-text b:nth-child(32) { animation-delay: 1.8s; }
.rolling-text b:nth-child(33) { animation-delay: 1.825s; }
.rolling-text b:nth-child(34) { animation-delay: 1.85s; }
.rolling-text b:nth-child(35) { animation-delay: 1.875s; }
.rolling-text b:nth-child(36) { animation-delay: 1.9s; }
.rolling-text b:nth-child(37) { animation-delay: 1.925s; }
.rolling-text b:nth-child(38) { animation-delay: 1.95s; }
.rolling-text b:nth-child(39) { animation-delay: 1.975s; }
.rolling-text b:nth-child(40) { animation-delay: 2s; }
.rolling-text b:nth-child(41) { animation-delay: 2.025s; }
.rolling-text b:nth-child(42) { animation-delay: 2.05s; }
.rolling-text b:nth-child(43) { animation-delay: 2.075s; }
.rolling-text b:nth-child(44) { animation-delay: 2.1s; }
.rolling-text b:nth-child(45) { animation-delay: 2.125s; }
.rolling-text b:nth-child(46) { animation-delay: 2.15s; }
.rolling-text b:nth-child(47) { animation-delay: 2.175s; }


/* Keyframes for rolling effect */
@keyframes rollIn {
	0% {
		transform: translateY(-100px);
		opacity: 0;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

@media (max-width: 768px) {
	.show-search-bar {
		display: none;
	}
	.flexa_search {
		padding-left:0px;
		padding-right:0px;
		z-index: 1;
		position:relative;
	}
	#searchMob .input-group {
		width:100%;
	}
}