.carousel-item {
    display: flex;
    justify-content: center;
}
.carousel-item img {
    margin: 0 10px;
}
.accordion-header h2 {
    font-size: 10px !important; /* Adjust the font size as needed */
}

/* More specific selector with !important */
.accordion-header .accordion-button {
    font-size: 20px !important; /* Adjust the font size as needed */
}
@keyframes slideIn {
0% {
    transform: translateX(100%);
    opacity: 0;
}
50% {
    transform: translateX(0%);
    opacity: 1;
}
100% {
    transform: translateX(0%);
    opacity: 1;
}
}

.animated-text {
display: inline-block;
animation: slideIn 2s ease-out forwards;
}
.choose-section-area .accordian-tabs-area .accordion .accordion-item h2 button {
box-shadow: none;
background: var(--ztc-text-text-1);
transition: all 0.4s;
border-radius: 7px;
color: var(--ztc-text-text-2);
font-family: var(--ztc-family-font1);
font-size: var(--ztc-font-size-font-s16) !important;
font-style: normal;
font-weight: var(--ztc-weight-normal);
line-height: 24px;
}
.gradientstylee{
background: linear-gradient(45deg, #4E2FDA, #FF6347) !important;
}
@media (max-width: 768px) {
strong {
font-size: 2px;
}
}
@media (max-width: 768px) {
.col-lg-10 {
max-width: 99%;
}
strong{
font-size: 24px;
}

.accordion-item.gradientstylee {
max-width: 99%;
}
}

/* For mobile devices (up to 576px) */
@media (max-width: 576px) {
.col-lg-10 {
max-width: 98%;

}
strong{
font-size: 24px;
}

.accordion-item.gradientstylee {
max-width: 98%;
}
}

/* For very small screens (up to 375px) */
@media (max-width: 375px) {
.col-lg-10 {
max-width: 100%;
}
strong{
font-size: 24px;
}

.accordion-item.gradientstylee {
max-width: 100%;
}
}
@media (max-width: 576px) {
.works-header-area strong {
font-size: 2px; /* Adjust this value as needed */
}

/* You can also adjust the font size of the paragraphs if needed */
.works-header-area p {
font-size: 14px;
}
}
@media only screen and (max-width: 600px) {
.f-33 {
font-size: 20px !important; /* Adjust the size as needed */
}
.strongcenterr{
text-align:center;
}
#strongtagg{
font-size: 24px !important;
text-align:center !important;

}
.imagetagg{
position: relative;
left:60px !important;
width: 70% !important; /* Adjust the width for mobile view */
/* margin-top: 0px !important; */
}
.imageetagg{
position: relative;
left:70px !important;
width: 60% !important; /* Adjust the width for mobile view */
/* margin-top: 0px !important; */
}
.alignment {
display: flex;
flex-direction: column-reverse; /* Reverse the order of elements */
}
}