Help with Problem

Hello,
I have made FAQ with HTML,CSS,JS.
everything is working fine but there is a little problem .
when I click on arrow icon to open an answer in de FAQ the arrow is turning very quick to the opposite position.
I tried to fix it with transition and animation CSS but id didn't work.
this is CSS code :

.flex-container-contact-page-section2 {
 
	width:100%;
	margin-left:0;
	padding-left:0;
 
}
 
 
 
.container-faq{
	width:70%;
    margin-left:4%;
	float:left;
 
 
 
 
 
 
}
.container-faq h2 {
	padding:1rem 48px;
 
	 color: #ffd978;
 
}
.accordion {

Hello!

I'm working on a project that will be used strickly offline. It will basically be a "control panel" on a touch screen used to deliver information to and send instruction from an operator to a couple of microcontrollers. I'm relaying this information just in case someone is curious. I don't believe what I am looking for has to do with the actual project.

Can anybody help me with this question?
https://stackoverflow.com/questions/73010932/change-focus-border-on-dx-text-box

Im not sure if i use the classes right

Thanks a lot <3

i just created a website (www.edenjungle.net) login: (nilla)

mobile view of the website is not as expected. im not able to see the text properly and the arrangement are off for the home page. how do i code in css to overcome this only for mobile view.

Hi
We are trying to roll out a new font across a website. It's been built whereby a class like .title-big has the font-family name assigned to it.

Therefore we have a lot of these hardcoded font families within the style sheet. Ideally we'd like ALL the font families to be at the top, so there are less to edit once we go live with the font.

At the top we have new classes like: book, thin, medium, strong, bold.
So where html is like this:
<h3 class="title-big blue">Hello there</h3>

We are changing it to this: