:root {
     --π: 3.14159;
 }

 .istation_container {
     z-index: 2147483638;

 }

 .progresscar {
     z-index: 2147483638;
     --car-width-px: calc(var(--car-width) * .215px);
     --car-scale: 1;
     position: fixed;
     bottom: -1%;
     left: -4%;
     width: calc(var(--car-width-px)*2);
     height: calc(var(--car-width-px)*1);
     background: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/packet.png") no-repeat center center;
     background-size: 56%;
     --road-length: calc(100vw - var(--car-width-px) * .01);
     transform: translateX(calc(var(--scroll-y-1) * var(--road-length) * 0.9999));
 }

 .banner {
     z-index: 2147483638;
     background: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/bgD.png");
     background-size: cover;
     width: 100vw;
     --size: 100vw;
     position: fixed;
     bottom: 0;
     left: 0;
     --car-width-px: calc(var(--car-width) * 0.6px);
     --height: calc(var(--car-width-px) / 3);
     height: var(--height);
     --banner-length: calc(100vw - var(--car-width-px));
     --road-length: calc(100vw - var(--car-width-px) * 0.1);
     clip-path: polygon(calc((var(--scroll-y-1) * var(--road-length) + 20px)) 108px,
             calc((var(--scroll-y-1) * var(--road-length) + 20px)) 100px,
             calc((var(--scroll-y-1) * var(--road-length) + 20px)) 108px,
             calc((var(--scroll-y-1) * var(--road-length) + 20px)) var(--height),
             0px var(--height),
             0 0,
             calc((var(--scroll-y-1) * var(--road-length) + 20px)) 0);
 }

 .iis_brand_logo {
     --car-width-px: calc(var(--car-width) *0.199px);
     position: fixed;
     bottom: 0;
     left: 5%;
     background: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/acilogo.png") no-repeat center center;
     width: calc(var(--car-width-px) * .7);
     height: calc(var(--car-width-px)*1);
     background-size: 100%;
 }



 .iis_superbrand {
     --car-width-px: calc(var(--car-width) * 0.13px);
     position: fixed;
     bottom: 4%;
     right: 10.5%;
     background: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/superbrand.png") no-repeat center center;
     width: var(--car-width-px);
     height: var(--car-width-px);
     background-size: 100%;
     transform: translateY(calc((1 - clamp(0, (var(--scroll-y-1) - 0.8) / 0.19, 1)) * var(--road-length) * -0.5));
     transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1);
 }

 .iis_pack {
     --car-width-px: calc(var(--car-width) * .24px);
     position: fixed;
     bottom: 0%;
     right: 6.5%;
     background: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/packet.png") no-repeat center center;
     width: calc(var(--car-width-px)*0.6);
     height: calc(var(--car-width-px));
     background-size: 100%;
     opacity: clamp(0, (var(--scroll-y-1) - 0.8) / 0.19, 1);
 }

 .iis_text_2 {
     --car-width-px: calc(var(--car-width) * .2px);
     position: fixed;
     bottom: 0;
     left: 28%;
     background: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/t.png") no-repeat center center;
     width: calc(var(--car-width-px)*6);
     height: calc(var(--car-width-px)*1);
     background-size: 100%;
 }

 .iis_text_3 {
     --car-width-px: calc(var(--car-width) * 0.4px);
     position: fixed;
     bottom: -10.5%;
     right: 5%;
     background: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/t2.png") no-repeat center center;
     width: var(--car-width-px);
     height: calc(var(--car-width-px));
     background-size: 100%;
 }


 @keyframes pulse2 {
     0% {
         transform: scaleX(1);
     }

     50% {
         transform: scale3d(.9, .9, .9);
     }

     to {
         transform: scaleX(1);
     }
 }

 .pulse2 {
     animation-name: pulse2;
     animation-duration: 1s;
     animation-iteration-count: infinite;
 }

 /* @media (min-width: 1821px) {
            .iis_text_2 {
                --car-width-px: calc(var(--car-width) * 1.2px);
                position: fixed;
                bottom: -29.5%;
                left: 31%;
                background: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/t.png") no-repeat center center;
                width: var(--car-width-px);
                height: calc(var(--car-width-px));
                background-size: 100%;
            }
        } */



 /* animation end */
 @media (max-width: 1820px) {
     .progresscar {
         z-index: 2147483638;
         --car-width-px: calc(var(--car-width) * .255px);
         --car-scale: 1;
         position: fixed;
         bottom: -1%;
         left: -6%;
         width: calc(var(--car-width-px)*2);
         height: calc(var(--car-width-px)*1);
         background: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/packet.png") no-repeat center center;
         background-size: 56%;
         --road-length: calc(100vw - var(--car-width-px) * .002);
         transform: translateX(calc(var(--scroll-y-1) * var(--road-length) * 0.9999));
     }

     .banner {
         z-index: 2147483638;
         background: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/bgD.png");
         background-size: cover;
         width: 100vw;
         --size: 100vw;
         position: fixed;
         bottom: 0;
         left: 0;
         --car-width-px: calc(var(--car-width) * 0.6px);
         --height: calc(var(--car-width-px) / 2.5);
         height: var(--height);
         --banner-length: calc(100vw - var(--car-width-px));
         --road-length: calc(100vw - var(--car-width-px) * 0.1);
         clip-path: polygon(calc((var(--scroll-y-1) * var(--road-length) + 20px)) 108px,
                 calc((var(--scroll-y-1) * var(--road-length) + 20px)) 100px,
                 calc((var(--scroll-y-1) * var(--road-length) + 20px)) 108px,
                 calc((var(--scroll-y-1) * var(--road-length) + 20px)) var(--height),
                 0px var(--height),
                 0 0,
                 calc((var(--scroll-y-1) * var(--road-length) + 20px)) 0);
     }

     .iis_brand_logo {
         --car-width-px: calc(var(--car-width) * .23px);
         position: fixed;
         bottom: 0%;
         left: 8%;
         background: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/acilogo.png") no-repeat center center;
         width: calc(var(--car-width-px) * .7);
         height: calc(var(--car-width-px));
         background-size: 100%;
     }



     .iis_superbrand {
         --car-width-px: calc(var(--car-width) * .14px);
         position: fixed;
         bottom: 4.5%;
         right: 11.5%;
         background: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/superbrand.png") no-repeat center center;
         width: var(--car-width-px);
         height: calc(var(--car-width-px));
         background-size: 100%;
         transform: translateY(calc((1 - clamp(0, (var(--scroll-y-1) - 0.8) / 0.19, 1)) * var(--road-length) * -0.5));
         transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1);
     }


     .iis_pack {
         --car-width-px: calc(var(--car-width) * .24px);
         position: fixed;
         bottom: 1%;
         right: 6.5%;
         background: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/packet.png") no-repeat center center;
         width: calc(var(--car-width-px)*0.6);
         height: calc(var(--car-width-px));
         background-size: 100%;

         opacity: clamp(0, (var(--scroll-y-1) - 0.8) / 0.19, 1);
     }





     .iis_text_2 {
         --car-width-px: calc(var(--car-width) * .2px);
         position: fixed;
         bottom: 0;
         left: 28%;
         background: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/t.png") no-repeat center center;
         width: calc(var(--car-width-px)*6);
         height: calc(var(--car-width-px)*1);
         background-size: 100%;
     }

     .iis_text_3 {
         --car-width-px: calc(var(--car-width) * 0.4px);
         position: fixed;
         bottom: -11.5%;
         right: 5%;
         background: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/t2.png") no-repeat center center;
         width: var(--car-width-px);
         height: calc(var(--car-width-px));
         background-size: 100%;
     }

 }

 @media (min-width: 670px) {
     .istation_container {
         width: 640px;
         margin: 0 auto;
         padding: 5em 0;
     }
 }

 @media (max-width: 448px) {
     .banner {
         z-index: 2147483638;
         background-image: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/bgM.png");
         background-repeat: no-repeat;
         background-size: contain;
         width: 100vw;
         --size: 100vw;
         position: fixed;
         bottom: -40px;
         left: 0;
         --car-width-px: calc(var(--car-width) * 1.7px);
         --height: calc(var(--car-width-px) / 2);
         height: var(--height);
         --banner-length: calc(100vw - var(--car-width-px));
         --road-length: calc(100vw - var(--car-width-px) * 0);
         clip-path: polygon(calc((var(--scroll-y-1) * var(--road-length) + 12px)) 108px,
                 calc((var(--scroll-y-1) * var(--road-length) + 12px)) 100px,
                 calc((var(--scroll-y-1) * var(--road-length) + 12px)) 106px,
                 calc((var(--scroll-y-1) * var(--road-length) + 12px)) var(--height),
                 0px var(--height),
                 0 0,
                 calc((var(--scroll-y-1) * var(--road-length) + 12px)) 0);
     }


     .progresscar {
         z-index: 2147483638;
         --car-width-px: calc(var(--car-width) * .555px);
         --car-scale: 1;
         position: fixed;
         bottom: 0%;
         left: -8%;
         width: calc(var(--car-width-px)*1.7);
         height: calc(var(--car-width-px)*1);
         background: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/packet.png") no-repeat center center;
         background-size: 56%;
         --road-length: calc(100vw - var(--car-width-px) * .09);
         transform: translateX(calc(var(--scroll-y-1) * var(--road-length) * 0.999999));
     }



     .iis_brand_logo {
         --car-width-px: calc(var(--car-width) * .57px);
         position: fixed;
         bottom: -2.5%;
         left: 6%;
         background: url(//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/acilogo.png) no-repeat center center;
         width: calc(var(--car-width-px)*.59);
         height: calc(var(--car-width-px));
         background-size: 100%;
         transform: translateY(calc(var(--scroll-y-1) * var(--road-length) * -0.051));
     }



     .iis_text_2 {
         --car-width-px: calc(var(--car-width) * .56px);
         position: fixed;
         bottom: 0px;
         left: 28%;
         background: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/t.png") no-repeat center center;
         width: calc(var(--car-width-px)*2.15);
         height: calc(var(--car-width-px)*1);
         background-size: 100%;
     }




     .iis_text_3 {
         --car-width-px: calc(var(--car-width) * .19px);
         position: fixed;
         bottom: 1px;
         left: 70%;
         background: url("//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/t2.png") no-repeat center center;
         width: calc(var(--car-width-px)*4.2);
         height: calc(var(--car-width-px)*1);
         background-size: 100%;
     }

     .iis_superbrand {
         --car-width-px: calc(var(--car-width) * .5px);
         position: fixed;
         bottom: .5%;
         right: 17%;
         background: url(//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/superbrand.png) no-repeat center center;
         width: calc(var(--car-width-px)*.55);
         height: calc(var(--car-width-px)*1);
         background-size: 100%;
         transform: translateY(calc((1 - clamp(0, (var(--scroll-y-1) - 0.8) / 0.19, 1)) * var(--road-length) * -0.5));
         transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1);
     }

     .iis_pack {
         --car-width-px: calc(var(--car-width) * .55px);
         position: fixed;
         bottom: .5%;
         right: 7%;
         background: url(//showcase.infostation.co/2026/april/aci/salt/footer-scroller/assets/packet.png) no-repeat center center;
         width: calc(var(--car-width-px)*.6);
         height: calc(var(--car-width-px)*1);
         background-size: 100%;

         opacity: clamp(0, (var(--scroll-y-1) - 0.8) / 0.19, 1);
         /* display: none; */
         /* opacity: 0; */
     }

     .iis_logo {
         width: 21px;
         height: 21px;
         position: absolute;
         left: 0px;
         top: -3px;
         display: none;
     }

     .iis_logo img {
         width: 16px;
         height: 16px;
         display: none;
     }


     .iis_close {
         width: 21px;
         height: 21px;
         position: absolute;
         left: 0px;
         top: -3px;
     }

     .iis_close img {
         width: 16px;
         height: 16px;
         position: absolute;

         /* display: none; */
     }
 }


 .fadeIn {
     animation-name: fade;
     animation-duration: 1s;
     animation-timing-function: ease;
     animation-iteration-count: infinite;
 }

 @keyframes fade {
     0% {
         opacity: 1;
     }

     50% {
         opacity: .5;
     }

     100% {
         opacity: 1;
     }
 }


 .isinfo_closeBtn_footer {
     z-index: 2147483638;
     position: absolute;
     top: 1px;
     left: 15px;
     width: 22px;
 }

 .iis_logo {
     width: 21px;
     height: 21px;
     position: absolute;
     left: 0px;
     top: -3px;
     display: none;
 }