/* 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%; } }