.gb-line-effect-vertical,
.gb-line-effect-horizontal {
position: relative;
display: block; 
width: fit-content; 
}
.gb-line-effect-vertical {
display: flex; 
align-items: center;
padding-right: 20px;
}
.gb-line-effect-vertical::after {
content: "";
position: absolute;
top: 50%; 
transform: translateY(-50%); 
right: 0; 
width: 3px;
height: 100%;
background-color: black; 
}
.gb-line-effect-horizontal {
display: flex;
align-items: center;
padding-right: 40px;
}
.gb-line-effect-horizontal::after {
content: "";
position: absolute;
right: 0;
bottom: 50%;
transform: translateY(50%);
width: 20px;
height: 3px;
background-color: black; 
} .gb-marquee-infinite-scroll {
overflow: hidden;
white-space: nowrap;
position: relative;
width: 100%;
max-width: 100%;
display: block;
} .gb-marquee-infinite-scroll .gb-marquee-wrapper {
display: flex;
white-space: nowrap;
will-change: transform;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform: translateZ(0);
-webkit-transform: translateZ(0);
width: auto;
min-width: 100%;
animation-iteration-count: infinite;
animation-fill-mode: none;
} .gb-marquee-infinite-scroll .gb-marquee-copy {
display: inline-block;
white-space: nowrap;
padding-right: 2em;
flex-shrink: 0;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
} @keyframes marquee-scroll {
0% {
transform: translateX(0) translateZ(0);
}
100% {
transform: translateX(-50%) translateZ(0);
}
} .gb-marquee-infinite-scroll * {
white-space: nowrap !important;
} .gb-marquee-infinite-scroll,
.gb-marquee-infinite-scroll .gb-marquee-wrapper,
.gb-marquee-infinite-scroll .gb-marquee-copy {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}