/***
====================================================================
Marquee Section
====================================================================
***/

/* Container for the marquee section */
.marquee-section{
padding: 50px 0 !important;
}

/* Main marquee container */
.marquee {
position: relative;
--duration: 30s;
--gap: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
gap: 0;
}

/* Images inside each marquee group */
.marquee-group img{
height:50px !important;
}

/* Flip marquee direction to right */
.marquee.slide-right {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}

/* Flip text inside right-sliding marquee */
.marquee.slide-right .text {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}

/* Flip stroked text inside right-sliding marquee */
.marquee.slide-right .stroke-text {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}

/* Marquee group styling */
.marquee .marquee-group {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
gap: 0;
min-width: 100%;
-webkit-animation: scroll var(--duration) linear infinite;
animation: scroll var(--duration) linear infinite;
}

/* Responsive adjustment for smaller screens */
@media (max-width: 1899.98px) {
.marquee .marquee-group {
gap: 30px;
}
}

/* Common text styling for marquee */
.marquee .text,
.marquee .stroke-text{
text-transform: uppercase !important;
font-family: var(--poppins-font);
}

/* Main text inside marquee */
.marquee .text {
font-size: 48px;
line-height: 1.3;
font-weight: 600;
text-transform: capitalize;
margin: 0 15px;
position: relative;
color: var(--headings-color);
-webkit-text-stroke: 1px var(--headings-color);
}

/* Stroked text with transparent fill */
.marquee .stroke-text {
font-size: 52px;
line-height: 1.3;
font-weight: 600;
text-transform: capitalize;
margin: 0 15px;
position: relative;
color: transparent;
-webkit-text-stroke: 1px #B4B4B4;
}

/* WebKit keyframes for scroll animation */
@-webkit-keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(calc(-100% - var(--gap)));
transform: translateX(calc(-100% - var(--gap)));
}
}

/* Standard keyframes for scroll animation */
@keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(calc(-100% - var(--gap)));
transform: translateX(calc(-100% - var(--gap)));
}
}

/* Second marquee section styling */
.marquee-section-2 {
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 45px 0;
}

/* Dark layout adjustment for second marquee section */
[data-tm-layout=dark] .marquee-section-2 {
border-color: rgb(var(--theme-color-white-rgb), 0.1);
}