.cat-jokes { display: flex; flex-wrap: wrap; gap: 7rem; }
.cat-jokes h2 { color: inherit; position: relative; width: fit-content; text-align: center; margin: 0 auto 4rem;}
.cat-jokes h2::after { content: ''; position: absolute; top: 50%; left: -4rem; width: 5.5rem; height: .25rem; background: linear-gradient(30deg,rgb(251, 146, 60) 0%, rgb(245, 158, 11) 100%); transform: translate(-50%, -50%); border-radius: 8rem;}
.cat-jokes h2::before { content: ''; position: absolute; top: 50%; right: -10rem; width: 5.5rem; height: .25rem; background: linear-gradient(30deg,rgb(251, 146, 60) 0%, rgb(245, 158, 11) 100%); transform: translate(-50%, -50%); border-radius: 8rem;}
 .cat-jokes-boxes { display: flex; flex-wrap: wrap; gap: 2rem; }
.cat-jokes-con { background: var(--whiteColor); padding: 1.5rem 2rem; border-radius: 1rem; box-shadow: 0px 0px 3px 0px rgba(212,175,55,0.75); -webkit-box-shadow: 0px 0px 3px 0px rgba(212,175,55,0.75); -moz-box-shadow: 0px 0px 3px 0px rgba(212,175,55,0.75); }
.cat-jokes-con { width: 31%; }

.question { font-size: 1.2rem;  padding: 0 0 0 3rem; color: var(--textColor);position: relative; font-weight: 600;}
.question::before { content: counter(joke-counter); position: absolute; top: 50%; left: 1rem; width: 2.4rem; height: 2.4rem; background: linear-gradient(30deg,rgb(251, 146, 60) 0%, rgb(245, 158, 11) 100%); transform: translate(-50%, -50%); border-radius: 50%; color: white; display: flex; align-items: center; justify-content: center; font-size: .9rem; counter-increment: joke-counter; font-weight:800; }
.cat-jokes-boxes { counter-reset: joke-counter; }
.answer { background: #FDD75D52; padding: .5rem 1rem !important; margin: 1.5rem 0 0 0 !important; border-radius: .8rem; border-left: 4px solid #FB923CA8; font-weight: 800 !important;}
.cougar-cat-jokes h2::after  {background: linear-gradient(30deg,rgba(244, 114, 182, 1) 0%, rgba(244, 63, 94, 1) 100%); color: #252F3C !important;}
.cougar-cat-jokes h2::before  {background: linear-gradient(30deg,rgba(244, 114, 182, 1) 0%, rgba(244, 63, 94, 1) 100%);}

/* Cougar jokes */
.cougar-cat-jokes .question::before { background: linear-gradient(30deg,rgba(244, 114, 182, 1) 0%, rgba(244, 63, 94, 1) 100%);content: '♡'; font-size: 1.6rem; }
.cougar-cat-jokes .cat-jokes-con { background: #F472B62E; box-shadow: 0px 0px 3px 0px rgb(244,114,182); -webkit-box-shadow: 0px 0px 3px 0px rgb(244,114,182); -moz-box-shadow: 0px 0px 3px 0px rgb(244,114,182);}
.cougar-cat-jokes .answer { background: var(--bgColor);border-left: 4px solid #F472B6; }

/* Lion Jokes */
.lion-cat-jokes .question::before { background: linear-gradient(30deg,rgba(250, 204, 21, 1) 0%, rgba(249, 115, 22, 1) 100%);content: '♕'; font-size: 1.6rem; }  


@media (max-width: 1000px) { 
    .cat-jokes-con { width: 47%; }
}
@media (max-width: 600px) { 
 .cat-jokes-con { width: 100%; }
}