.hero-mockups-container[data-v-1f06b840]{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:450px;width:100%}.notification-wrapper[data-v-1f06b840]{height:65px;margin-bottom:0;position:relative;width:100%}.notification[data-v-1f06b840]{left:0;margin:0 auto;opacity:0;position:absolute;right:0;transform:translateY(-100%);width:100%;z-index:10}.notification1[data-v-1f06b840]{animation:iosNotificationCycle-1f06b840 15s infinite;animation-delay:0s}.notification2[data-v-1f06b840]{animation:iosNotificationCycle-1f06b840 15s infinite;animation-delay:5s}.notification3[data-v-1f06b840]{animation:iosNotificationCycle-1f06b840 15s infinite;animation-delay:10s}.kanban-wrapper[data-v-1f06b840]{animation:fadeInKanban-1f06b840 1s ease-out 1s forwards;opacity:0;width:100%}@keyframes iosNotificationCycle-1f06b840{0%,20%{opacity:0;transform:translateY(-100%)}25%,30%{opacity:1;transform:translateY(0)}35%,40%{opacity:.9;transform:translateY(-10px)}45%,to{opacity:0;transform:translateY(-100%)}}@keyframes fadeInKanban-1f06b840{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.national-icons-group[data-v-1f06b840]{display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.national-icons-group img[data-v-1f06b840]{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:all .3s ease}.national-icons-group img[data-v-1f06b840]:hover{filter:drop-shadow(0 8px 12px rgba(0,0,0,.2));transform:scale(1.1)}@media (max-width:768px){.national-icons-group[data-v-1f06b840]{gap:.25rem}.group-1[data-v-1f06b840]{top:1rem!important}.group-2[data-v-1f06b840],.group-3[data-v-1f06b840]{bottom:1rem!important}.group-1[data-v-1f06b840],.group-2[data-v-1f06b840],.group-3[data-v-1f06b840]{left:.5rem!important;right:.5rem!important}.group-3[data-v-1f06b840]{left:auto!important;right:.5rem!important}}.national-icons-group[data-v-1f06b840]{animation:floatIcons-1f06b840 6s ease-in-out infinite}.group-2[data-v-1f06b840]{animation-delay:2s}.group-3[data-v-1f06b840]{animation-delay:4s}@keyframes floatIcons-1f06b840{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.slogans-container[data-v-1f06b840]{position:relative;z-index:10}.slogan-item[data-v-1f06b840]{animation:gentleFloat-1f06b840 4s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .3s ease}.slogan-item[data-v-1f06b840]:first-child{animation-delay:0s}.slogan-item[data-v-1f06b840]:nth-child(2){animation-delay:.5s}.slogan-item[data-v-1f06b840]:nth-child(3){animation-delay:1s}.slogan-item[data-v-1f06b840]:nth-child(4){animation-delay:1.5s}.slogan-item[data-v-1f06b840]:nth-child(5){animation-delay:2s}.slogan-item[data-v-1f06b840]:nth-child(6){animation-delay:2.5s}.slogan-item[data-v-1f06b840]:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transform:scale(1.1) translateY(-5px)}@keyframes gentleFloat-1f06b840{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.national-day-hero[data-v-1f06b840]:before{background-image:url(../img/national-day/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";left:0;mix-blend-mode:overlay;opacity:1;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.national-day-hero[data-v-1f06b840]>*{position:relative;z-index:1}@media (max-width:768px){.slogans-container[data-v-1f06b840]{flex-wrap:wrap;gap:.5rem;justify-content:center}.slogan-item[data-v-1f06b840]{margin:.25rem}}@keyframes iosNotificationCycle{0%,20%{opacity:0;transform:translateY(-100%)}40%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(-5px)}80%,to{opacity:0;transform:translateY(-100%)}}.notification-wrapper{position:relative;width:70%}.notification{animation:iosNotificationCycle 9s ease-in-out infinite;opacity:0;position:absolute;top:0;transform:translate(-50%)}.img1{animation-delay:0s}.img2{animation-delay:3s}.img3{animation-delay:6s}@media (max-width:767px){.notification{left:-20%;width:120%!important}}