.gsix-promo-section{background:var(--gsix-promo-bg);width:var(--gsix-promo-width);margin:var(--gsix-promo-margin);padding:var(--gsix-promo-pad);box-sizing:border-box}.gsix-promo-inner{max-width:var(--gsix-promo-max);margin:0 auto}.gsix-promo-btn{display:flex;align-items:center;justify-content:center;text-decoration:none;line-height:1;text-align:center}.gsix-promo-grid{display:grid;grid-template-columns:repeat(var(--gsix-promo-cols),minmax(0,1fr));gap:var(--gsix-promo-gap);align-items:var(--gsix-promo-align)}.gsix-promo-item{box-sizing:border-box;overflow:hidden}.gsix-promo-item a{display:block}.gsix-promo-item img{display:block;max-width:100%;box-sizing:border-box}.gsix-promo-hover .gsix-promo-item img{transition:transform .25s ease,filter .25s ease}.gsix-promo-hover .gsix-promo-item:hover img{transform:scale(1.025)}@media(max-width:1024px){.gsix-promo-grid{grid-template-columns:repeat(var(--gsix-promo-cols-tab),minmax(0,1fr))}}@media(max-width:767px){.gsix-promo-grid{grid-template-columns:repeat(var(--gsix-promo-cols-mob),minmax(0,1fr))}.gsix-promo-section{padding-left:12px!important;padding-right:12px!important}.gsix-promo-btn{max-width:100%}}


/* Custom Section Confetti Animation */
.gsix-promo-section {
    position: relative;
    overflow: hidden;
}
.custom-section-confetti-wrapper {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: var(--gsix-confetti-z, 999);
}
.custom-section-confetti-piece {
    position: absolute;
    top: -20px;
    width: var(--gsix-confetti-size, 10px);
    height: calc(var(--gsix-confetti-size, 10px) * 1.4);
    background: var(--confetti-color, #ff6347);
    opacity: .9;
    border-radius: 2px;
    transform: rotate(var(--confetti-rotate, 0deg));
    animation: custom-section-confetti-fall var(--fall-duration, 4s) linear var(--confetti-delay, 0s) infinite;
}
@keyframes custom-section-confetti-fall {
    0% {
        transform: translate3d(0, -20px, 0) rotate(0deg);
        opacity: 1;
    }
    50% {
        transform: translate3d(30px, 50vh, 0) rotate(180deg);
        opacity: .9;
    }
    100% {
        transform: translate3d(-20px, 110vh, 0) rotate(360deg);
        opacity: 0;
    }
}
@media (prefers-reduced-motion: reduce) {
    .custom-section-confetti-piece {
        animation: none;
        display: none;
    }
}

/* Custom Floating Animations */
.cus-anim-box {
    animation: translateDown 2s ease-in-out infinite;
    position: relative;
}
.cus-anim-box-up {
    animation: translateUp 2s ease-in-out infinite;
    position: relative;
}

@keyframes translateDown {
    0% { left: 0; }
    50% { left: 100px; }
    100% { left: 0; }
}

@keyframes translateUp {
    0% { transform: translateY(60px); }
    50% { transform: translateY(-60px); }
    100% { transform: translateY(60px); }
}


/* Custom Section To & Fro Animation Controls */
.gsix-promo-section.cus-tof-enabled .gsix-promo-item {
    position: relative;
    will-change: transform;
}
.gsix-promo-section.cus-tof-left_right .gsix-promo-item {
    animation: customSectionTranslateSide var(--gsix-tof-speed, 2s) ease-in-out infinite;
}
.gsix-promo-section.cus-tof-up_down .gsix-promo-item {
    animation: customSectionTranslateUp var(--gsix-tof-speed, 2s) ease-in-out infinite;
}
.gsix-promo-section.cus-tof-alternate .gsix-promo-item:nth-child(odd) {
    animation: customSectionTranslateSide var(--gsix-tof-speed, 2s) ease-in-out infinite;
}
.gsix-promo-section.cus-tof-alternate .gsix-promo-item:nth-child(even) {
    animation: customSectionTranslateUp var(--gsix-tof-speed, 2s) ease-in-out infinite;
}
@keyframes customSectionTranslateSide {
    0% { transform: translateX(0); }
    50% { transform: translateX(var(--gsix-tof-distance, 100px)); }
    100% { transform: translateX(0); }
}
@keyframes customSectionTranslateUp {
    0% { transform: translateY(var(--gsix-tof-distance, 60px)); }
    50% { transform: translateY(calc(var(--gsix-tof-distance, 60px) * -1)); }
    100% { transform: translateY(var(--gsix-tof-distance, 60px)); }
}
.gsix-promo-section:not(.cus-tof-enabled) .gsix-promo-item {
    animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
    .gsix-promo-section.cus-tof-enabled .gsix-promo-item {
        animation: none !important;
    }
}