.winners-bg {
    background-image: url("../../dist/img/past-winners-bg.jpg");
    aspect-ratio: 2 / 0;
    text-align: center;
    background-size: cover;
}

.past-winners .winners-bg {
    aspect-ratio: 2 / 1;
}

.frame {
    width: 266px;
    height: 266px;
    border: 7px solid rgba(202, 202, 202, 0.8);
    border-radius: 42%;
    z-index: 9;
}

.mask1 {
    -webkit-mask-image: url("../../dist/img/frame-mask.png");
    mask-image: url("../../dist/img/frame-mask.png");
    mask-repeat: no-repeat;
    mask-size: 100%;
}

.party-icon {
    position: absolute;
    bottom: -15px;
    right: 10px;
    width: 76px;
    border-radius: 50%;
    border-top: 7px solid rgba(202, 202, 202, 0.8);
    border-left: 7px solid rgba(202, 202, 202, 0.8);
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    pointer-events: none;
    box-sizing: border-box;
    transform: rotate(4deg);
}

.inline-310 {
    inline-size: 310px;
}

.inline-700 {
    inline-size: 700px;
}

.f-8 {
    font-size: 8px;
}

.f-10 {
    font-size: 10px;
}

.f-12 {
    font-size: 12px;
}

.f-14 {
    font-size: 14px;
}

.f-15 {
    font-size: 15px;
}

.image-clip {
    width: 90%;
    height: 160px;
    overflow: hidden;
    margin: auto;
    border-radius: 15px;
}

.submit-artwork {
    padding: 10px 25px !important;
    border-radius: 10px;
    border-right: 1px solid #202020;
    border-bottom: 1px solid #202020;
}

.custom-height {
    height: 120px;
}

.br-10 {
    border-radius: 10px;
}

.kids-nav li {
    cursor: pointer;
}

.kids-nav li:hover {
    background-color: #fff;
    border-radius: 10px;
    color: rgb(190, 21, 27);
    padding: 0 10px;
    transition: 0.3s all;
}

.kids-club-menu {
    position: relative;
    top: 0;
    transition: all 0.5s ease-in;
}

.kids-club-menu.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.custom-height {
    z-index: 0;
    position: relative;
}

.kids-club .inner-page-header {
    margin-top: 0;
}

.inner-page-header.vote-now-bg {
    background-image: url("../../../../uploads/2024/11/votenow-desktop.jpg");
    background-position: center top;
}

.inner-page-header.past-winners-bg {
    background-image: url("../../../../uploads/2024/11/winners-desktop.jpg");
    background-position: center top;
}

.inner-page-header.registeration {
    background-image: url("../../../../uploads/2024/11/registration-desktop.jpg");
    background-position: center top;
}

.kids-club .page-link {
    color: rgba(32, 32, 32, 0.4);
    font-size: 16px;
    padding: 0;
    height: 36px;
    width: 36px;
    background-color: rgba(32, 32, 32, 0.1);
    margin-right: 4px;
    border-radius: 5px;
    border: 0;
}

.kids-club .page-link.active {
    background-color: rgb(190, 21, 27);
    color: #fff;
}

.list-style,
.grid-style {
    background: #f6f8f9;
    padding: 0;
    border: 0;
    height: 32px;
    width: 32px;
}

.winners-carousel .splide__list li button {
    text-wrap-mode: nowrap;
}

.min-h-100 {
    min-height: 100%;
}

/* custom dropdown */
.custom-select {
    position: relative;
    display: inline-block;
}

.custom-select-button {
    width: 200px;
    height: 32px;
    text-align: left;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid #dde2e4;
    background: #fff;
    position: relative;
    font-size: 14px;
    line-height: normal;
}

.custom-select-button.wide {
    width: 250px;
}

.custom-options {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #dde2e4;
    width: 100%;
    list-style: none;
    padding: 0 0 0 10px;
    text-align: left;
    margin: 0;
    border-radius: 0px 0px 5px 5px;
    border-top: 0;
    z-index: 1;
}

.custom-options li {
    padding: 10px;
    cursor: pointer;
}

.custom-options li:hover {
    color: rgb(190, 21, 27);
}

.dropdown-arrow {
    height: 10px;
    position: absolute;
    top: 7px;
    right: 10px;
}

.custom-select.open .custom-options {
    display: block;
}

.text-format,
.custom-options li {
    color: rgba(37, 44, 50, 1);
    font-size: 14px;
    display: block;
    line-height: normal;
}

.text-select-light {
    color: rgba(154, 166, 172, 1);
    padding: 0 3px 0 2px;
}

/* end */

/* registration page */
.inner-page-header.registeration {
    background-image: url("../../../../uploads/2024/11/registration-desktop.jpg");
    margin-top: 6em;
}

.file-label {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    font-size: 16px;
}

.member,
.voter {
    transition: opacity 0.5s ease;
    background-color: #fff;
    color: #202020;
}

.member.selected,
.voter.selected {
    background-color: #fff;
    color: #202020;
}

.voter,
.voter.not-selected,
.member.not-selected {
    opacity: 0.5;
    background-color: #202020;
    color: #fff;
}

.voter:hover,
.member:hover {
    opacity: 1;
}

.selected {
    opacity: 1;
}

.not-selected {
    opacity: 0.5;
}

.voters-area {
    display: none;
}

.member-area.selected {
    display: block;
}

footer {
    background-color: #fff;
    border-radius: 0 !important;
}

/* registeration end */

/* login page */
.inner-page-header.login {
    background-image: url("../../../../uploads/2024/11/login-desktop.jpg");
    margin-top: 6em;
}

.custom-height.login,
.custom-height.register {
    z-index: 9;
    position: relative;
}

/* login page end */

.inner-page-header.contact {
    background-image: url("../../../../uploads/2024/11/contact-desktop.jpg");
}

.inner-page-header.products {
    background-image: url("../../../../uploads/2024/11/products-desktop.jpg");
}

/* common */
.opacity-0 {
    opacity: 0;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-100 {
    opacity: 1;
}

.border-radius-20 {
    border-radius: 20px;
}

.primary-font {
    font-family: "Aeonik";
}

.seperator {
    border-bottom: 0;
    border-right: 1px solid rgba(32, 32, 32, 0.2);
}

.or {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    right: -22px;
    bottom: 50%;
}

.btn-close {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 12px;
    background-color: #C0C0C0 !important;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2218%22 height=%2218%22 viewBox=%220 0 18 18%22 fill=%22none%22%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M3.90301 3.90331C4.06121 3.74531 4.27566 3.65655 4.49926 3.65655C4.72285 3.65655 4.9373 3.74531 5.09551 3.90331L8.99926 7.80706L12.903 3.90331C12.9803 3.82041 13.0734 3.75392 13.1769 3.70781C13.2804 3.66169 13.3921 3.6369 13.5054 3.6349C13.6187 3.6329 13.7312 3.65374 13.8363 3.69617C13.9414 3.73861 14.0368 3.80177 14.1169 3.88189C14.197 3.96202 14.2602 4.05745 14.3026 4.16252C14.3451 4.26758 14.3659 4.38011 14.3639 4.4934C14.3619 4.60669 14.3371 4.71842 14.291 4.82192C14.2449 4.92542 14.1784 5.01857 14.0955 5.09581L10.1918 8.99956L14.0955 12.9033C14.1784 12.9806 14.2449 13.0737 14.291 13.1772C14.3371 13.2807 14.3619 13.3924 14.3639 13.5057C14.3659 13.619 14.3451 13.7315 14.3026 13.8366C14.2602 13.9417 14.197 14.0371 14.1169 14.1172C14.0368 14.1974 13.9414 14.2605 13.8363 14.303C13.7312 14.3454 13.6187 14.3662 13.5054 14.3642C13.3921 14.3622 13.2804 14.3374 13.1769 14.2913C13.0734 14.2452 12.9803 14.1787 12.903 14.0958L8.99926 10.1921L5.09551 14.0958C4.93556 14.2449 4.72401 14.326 4.50542 14.3221C4.28683 14.3183 4.07827 14.2297 3.92368 14.0751C3.76909 13.9205 3.68054 13.712 3.67669 13.4934C3.67283 13.2748 3.75397 13.0633 3.90301 12.9033L7.80676 8.99956L3.90301 5.09581C3.745 4.93761 3.65625 4.72316 3.65625 4.49956C3.65625 4.27597 3.745 4.06152 3.90301 3.90331Z%22 fill=%22white%22/%3E%3C/svg%3E");
    width: 15px;
    height: 15px;
    background-size: auto;
    opacity: 1;
    border-width: 2px !important;
}

.circular-button {
    width: 34px;
    height: 34px;
    background-color: #C0C0C0; /* Or any background color if you need */
    border-radius: 50%; /* Make it circular */
    border: 2px solid white; /* White border */
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2218%22 height=%2216%22 viewBox=%220 0 18 16%22 fill=%22none%22%3E%3Cg clip-path=%22url(%23clip0_1094_2688)%22%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M10.0503 9.00053V11.6655C10.0502 11.7293 10.0705 11.7917 10.1087 11.8455C10.1469 11.8992 10.2015 11.9421 10.266 11.9691C10.3305 11.9961 10.4022 12.0061 10.4728 11.9978C10.5434 11.9896 10.6098 11.9634 10.6644 11.9225L15.9351 7.98853C16.015 7.92894 16.0793 7.85433 16.1235 7.77C16.1676 7.68566 16.1905 7.59367 16.1905 7.50053C16.1905 7.4074 16.1676 7.3154 16.1235 7.23107C16.0793 7.14673 16.015 7.07213 15.9351 7.01253L10.6644 3.07853C10.6098 3.03763 10.5434 3.01151 10.4728 3.00326C10.4022 2.995 10.3305 3.00495 10.266 3.03194C10.2015 3.05892 10.1469 3.10182 10.1087 3.15559C10.0705 3.20937 10.0502 3.27179 10.0503 3.33553V6.00053H8.37525C6.60645 6.00053 4.82202 6.57153 3.63947 7.69253C2.63447 8.64353 1.90975 10.1385 2.17663 12.4155C2.90247 11.3895 3.70088 10.5785 4.63442 10.0025C5.80468 9.27853 7.06093 9.00053 8.37525 9.00053H10.0503ZM6.70025 10.7315C5.40268 11.1275 4.28267 12.0685 3.18163 13.8375C2.93262 14.2375 2.46697 14.5005 1.95553 14.5005C1.33913 14.5005 0.794201 14.1245 0.679185 13.5835C-0.667515 7.23753 4.10735 4.50053 8.37413 4.50053V3.33553C8.37402 2.98669 8.48495 2.64504 8.69392 2.35063C8.90288 2.05623 9.20123 1.82127 9.55399 1.67329C9.90675 1.5253 10.2993 1.47044 10.6856 1.51511C11.072 1.55979 11.4361 1.70216 11.7353 1.92553L17.0082 5.86053C17.2766 6.0609 17.4926 6.31166 17.6408 6.59507C17.789 6.87847 17.8658 7.18759 17.8658 7.50053C17.8658 7.81348 17.789 8.12259 17.6408 8.406C17.4926 8.6894 17.2766 8.94017 17.0082 9.14053L11.7364 13.0755C11.4372 13.2989 11.0731 13.4413 10.6868 13.486C10.3004 13.5306 9.90787 13.4758 9.55511 13.3278C9.20235 13.1798 8.904 12.9448 8.69503 12.6504C8.48607 12.356 8.37514 12.0144 8.37525 11.6655V10.5005C7.78007 10.5005 7.22508 10.5705 6.70025 10.7315Z%22 fill=%22white%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%22clip0_1094_2688%22%3E%3Crect width=%2217.8667%22 height=%2216%22 fill=%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 16px; /* Size to match the SVG dimensions */
    cursor: pointer;
    position: absolute;
    z-index: 9;
    left: 38px;
    top: 37px;
}

.members-details {
    background-color: #383838;
    border: 2px solid #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    margin: -60px auto 0px auto;
    left: 0;
    right: 0;
}

.mid-gray {
    color: #6e7c87;
}

.circular-button-like {
    width: 34px;
    height: 34px;
    background-color: black;
    border-radius: 50%;
    border: 2px solid white;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 viewBox=%220 0 16 16%22 fill=%22none%22%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M3.99999 7.00012L6.93999 1.95912C7.17074 1.56055 7.53628 1.25752 7.97072 1.10465C8.40516 0.951783 8.87991 0.959136 9.30941 1.12538C9.7389 1.29163 10.0949 1.60584 10.3132 2.01137C10.5315 2.41689 10.5977 2.88706 10.5 3.33712L10.25 4.50012L9.92999 6.00012H12.87C13.1783 6.00014 13.4824 6.07142 13.7586 6.20841C14.0347 6.34539 14.2755 6.54437 14.4621 6.78979C14.6486 7.03522 14.7759 7.32045 14.834 7.62321C14.8921 7.92597 14.8795 8.23807 14.797 8.53512L13.918 11.6971C13.6627 12.6172 13.0866 13.4156 12.294 13.948C11.5013 14.4805 10.5443 14.7118 9.59599 14.6001L4.49999 14.0001L3.99999 7.00012ZM9.77099 13.1101L5.90799 12.6551L5.52899 7.35512L8.23699 2.71512C8.2886 2.62605 8.37032 2.55834 8.46743 2.52418C8.56454 2.49003 8.67066 2.49167 8.76666 2.52882C8.86267 2.56596 8.94225 2.63618 8.99108 2.7268C9.03991 2.81743 9.05477 2.92251 9.03299 3.02312L8.46199 5.68612L8.07299 7.50012H12.869C12.9461 7.50007 13.0222 7.51787 13.0913 7.55211C13.1604 7.58636 13.2206 7.63612 13.2673 7.69751C13.314 7.75891 13.3458 7.83026 13.3603 7.906C13.3749 7.98175 13.3717 8.05982 13.351 8.13412L12.472 11.2961C12.3124 11.8709 11.9525 12.3696 11.4574 12.7023C10.9622 13.0349 10.3644 13.1796 9.77199 13.1101H9.77099ZM2.74799 7.44712C2.74276 7.34761 2.71776 7.25015 2.67444 7.16042C2.63112 7.07068 2.57035 6.99048 2.49569 6.9245C2.42103 6.85851 2.33396 6.80806 2.23959 6.7761C2.14521 6.74414 2.04541 6.73131 1.94601 6.73835C1.84662 6.7454 1.74963 6.77217 1.6607 6.81712C1.57177 6.86207 1.49269 6.92429 1.42808 7.00014C1.36347 7.076 1.31462 7.16396 1.28438 7.25891C1.25415 7.35385 1.24314 7.45387 1.25199 7.55312L1.75199 14.5531C1.76945 14.7489 1.86307 14.93 2.01269 15.0574C2.16231 15.1849 2.35598 15.2485 2.55203 15.2346C2.74808 15.2207 2.93085 15.1304 3.06101 14.9831C3.19116 14.8359 3.2583 14.6434 3.24799 14.4471L2.74799 7.44712Z%22 fill=%22white%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    cursor: pointer;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
}

.circular-button-love {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.3451 2.97795L13.2101 3.58695L12.8801 5.08695H14.0381C14.3333 5.08704 14.6248 5.15249 14.8918 5.2786C15.1587 5.40471 15.3944 5.58836 15.582 5.81636C15.7696 6.04435 15.9043 6.31105 15.9766 6.5973C16.0489 6.88354 16.0569 7.18224 16.0001 7.47195L15.7411 8.79295C15.5493 9.76991 15.0002 10.6403 14.2009 11.2339C13.4017 11.8275 12.4097 12.1017 11.4191 12.003C11.1385 12.891 10.5568 13.6533 9.77443 14.1584C8.99201 14.6635 8.05786 14.8798 7.13306 14.77L3.14906 14.297L2.66906 7.94495L5.48206 3.38095C5.68713 3.04788 5.99229 2.78819 6.35389 2.63905C6.71549 2.4899 7.11499 2.45894 7.49524 2.55059C7.8755 2.64225 8.21703 2.85181 8.47097 3.14932C8.72491 3.44682 8.87825 3.81702 8.90906 4.20695L10.3611 1.78895C10.5596 1.45745 10.8697 1.20746 11.2358 1.08372C11.6019 0.959977 12.0001 0.970575 12.359 1.11361C12.718 1.25665 13.0144 1.52279 13.195 1.86439C13.3757 2.20598 13.4289 2.60073 13.3451 2.97795ZM8.96506 7.03795L9.18006 6.66795L11.6471 2.56195C11.6626 2.53622 11.6867 2.51681 11.7151 2.50718C11.7436 2.49755 11.7745 2.49832 11.8025 2.50935C11.8304 2.52039 11.8536 2.54097 11.8678 2.56744C11.882 2.59392 11.8863 2.62457 11.8801 2.65395L11.4151 4.76395L11.0121 6.58695H14.0391C14.1128 6.58706 14.1856 6.60347 14.2523 6.63501C14.3189 6.66656 14.3778 6.71246 14.4246 6.76942C14.4714 6.82638 14.5051 6.89299 14.5231 6.96449C14.5412 7.03598 14.5432 7.11058 14.5291 7.18295L14.2691 8.50395C14.1551 9.08531 13.8384 9.60731 13.3754 9.9769C12.9124 10.3465 12.3332 10.5397 11.7411 10.522L11.9601 9.43195C12.0185 9.14169 12.0118 8.84207 11.9404 8.55472C11.8691 8.26736 11.7347 7.99944 11.5472 7.7703C11.3597 7.54116 11.1236 7.35651 10.8561 7.22969C10.5885 7.10287 10.2962 7.03704 10.0001 7.03695H8.96406L8.96506 7.03795ZM4.55006 12.952L7.30906 13.28C7.93295 13.3538 8.56179 13.1901 9.07044 12.8214C9.57909 12.4526 9.93026 11.9059 10.0541 11.29L10.4881 9.13495C10.5027 9.06237 10.5011 8.98744 10.4832 8.91557C10.4654 8.8437 10.4319 8.77668 10.385 8.71937C10.3381 8.66205 10.2791 8.61587 10.2121 8.58415C10.1452 8.55243 10.0721 8.53597 9.99806 8.53595H6.47606L6.89006 6.70595L7.40506 4.43095C7.42317 4.3494 7.41186 4.26408 7.37312 4.19006C7.33439 4.11605 7.27073 4.05812 7.1934 4.02652C7.11607 3.99491 7.03006 3.99168 6.95057 4.01738C6.87108 4.04308 6.80325 4.09606 6.75906 4.16695L4.20006 8.31795L4.55006 12.953V12.952ZM0.69506 7.65095C0.893287 7.63607 1.08932 7.70049 1.24007 7.83005C1.39083 7.95962 1.48398 8.14374 1.49906 8.34195L1.97706 14.695C1.98521 14.8894 1.91744 15.0795 1.78807 15.2249C1.65869 15.3703 1.47785 15.4597 1.28375 15.4743C1.08965 15.4888 0.897499 15.4273 0.7479 15.3028C0.598302 15.1783 0.502974 15.0005 0.48206 14.807L0.00406045 8.45495C-0.0108249 8.25673 0.0535938 8.0607 0.183162 7.90994C0.31273 7.75918 0.496848 7.66603 0.69506 7.65095Z" fill="white"/></svg>') !important;
}

.circular-button-voted {
    background-color: #be151b;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
    cursor: default;
    pointer-events: none;
}

.circular-button-disabled {
    background-color: #999;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
    cursor: default;
    pointer-events: none;
}

.mt-n10 {
    margin-top: -10px;
}

.clouds {
    position: absolute;
    z-index: 9;
    width: 100%;
    bottom: -4em;
}

.inline-li-buttons li {
    display: inline-block;
    width: 150px;
    cursor: pointer;
}

.inline-li-buttons li:hover {
    opacity: 1;
}

.c-btn.submit-artwork::after {
    border-radius: 0.25rem;
    will-change: transform;
}

.w-137 {
    width: 137px;
}

.bg-grey {
    background-color: rgba(243, 243, 243, 1);
}

.frame.frame-small {
    width: 155px;
    height: 155px;
}

.party-icon.party-icon-small {
    bottom: -10px;
    right: 5px;
    width: 42px;
}

.splide__arrows .splide__arrow--next svg,
.splide__arrows .splide__arrow--prev svg {
    display: none;
}

.splide__arrows .splide__arrow--prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2719%27 height=%2720%27 viewBox=%270 0 19 20%27 fill=%27none%27%3E%3Cpath d=%27M10.2996 19.6998L0.599609 9.9998L10.2996 0.299805L11.6996 1.69981L3.39961 9.9998L11.6996 18.2998L10.2996 19.6998Z%27 fill=%27white%27/%3E%3Cpath d=%27M2 9H19V11H2V9Z%27 fill=%27white%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    left: -2.8em;
}

.splide__arrows .splide__arrow--next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2719%27 height=%2720%27 viewBox=%270 0 19 20%27 fill=%27none%27%3E%3Cpath d=%27M8.70039 19.6998L18.4004 9.9998L8.70039 0.299805L7.30039 1.69981L15.6004 9.9998L7.30039 18.2998L8.70039 19.6998Z%27 fill=%27white%27/%3E%3Cpath d=%27M17 9H0V11H17V9Z%27 fill=%27white%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    right: -2.8em;
}

.splide__arrows .splide__arrow {
    background-color: #be151b;
    opacity: 1;
    width: 32px;
    height: 32px;
    top: 42%;
}

.past-winners .splide__arrow svg {
    display: none;
}

.past-winners .splide__track {
    width: 90%;
    margin: auto;
}

@keyframes translateY {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    25% {
        opacity: 0.75;
    }

    75% {
        opacity: 0.25;
    }

    100% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0;
    }
}

@keyframes translateYBack {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0;
    }

    25% {
        opacity: 0.25;
    }

    75% {
        opacity: 0.75;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.show-menu.sticky {
    animation: translateY 0.5s ease both;
    -webkit-animation: translateY 0.5s ease both;
}

.sticky.scroll-up {
    animation: translateYBack 0.5s ease both;
    -webkit-animation: translateYBack 0.5s ease both;
}

.kids-club-menu.initial-load {
    position: relative !important;
}

header .navbar .nav-link.active {
    padding-left: 20px;
}

@media (max-width: 1400px) {
    .quick-links li:nth-child(n+4) {
        text-wrap-mode: nowrap;
    }
}

@media (max-width: 1200px) {
    .custom-height {
        height: 140px;
    }

    .inner-page-header.products {
        background-image: url("../../../../uploads/2024/11/products-tablet.jpg");
    }

    .inner-page-header.contact {
        background-image: url("../../../../uploads/2024/11/contact-tablet.jpg");
    }

    .inner-page-header.vote-now-bg {
        background-image: url("../../../../uploads/2024/11/votenow-tablet.jpg");
    }

    .inner-page-header.past-winners-bg {
        background-image: url("../../../../uploads/2024/11/winners-tablet.jpg");
    }

    .full-width-bg.kids-club-section {
        background-image: url("../../../../uploads/2024/11/kids-club-bg-tablet.jpg") !important;
    }

    .inner-page-header.login {
        background-image: url("../../../../uploads/2024/11/login-tablet.jpg");
    }

    .inner-page-header.registeration {
        background-image: url("../../../../uploads/2024/11/registration-tablet.jpg");
    }
}

@media (max-width: 992px) {
    .file-label {
        bottom: 60px;
    }

    .vote-now .custom-height,
    .kids-club-main .custom-height,
    .past-winners .custom-height {
        z-index: 99;
    }

    .vote-now .kids-club-menu,
    .kids-club-main .kids-club-menu,
    .past-winners .kids-club-menu {
        display: none;
    }

    .vote-now.overflow-hidden .navbar-expand-lg,
    .kids-club-main.overflow-hidden .navbar-expand-lg,
    .past-winners.overflow-hidden .navbar-expand-lg {
        background: linear-gradient(white 113px, #be151b 113px);
    }

    .vote-now.overflow-hidden #navbarSupportedContent .nav-link,
    .kids-club-main.overflow-hidden #navbarSupportedContent .nav-link,
    .past-winners.overflow-hidden #navbarSupportedContent .nav-link {
        color: #fff;
    }

    .vote-now.overflow-hidden .kcb,
    .kids-club-main.overflow-hidden .kcb,
    .past-winners.overflow-hidden .kcb {
        position: absolute;
        top: 7em;
        left: auto;
        width: auto;
        bottom: auto;
    }

    .vote-now.overflow-hidden .navbar-nav,
    .kids-club-main.overflow-hidden .navbar-nav,
    .past-winners.overflow-hidden .navbar-nav {
        margin-top: 15vh !important;
        padding-left: 10px;
        gap: 2.7vh !important;
    }

    .vote-now.overflow-hidden #navbarSupportedContent .dl,
    .kids-club-main.overflow-hidden #navbarSupportedContent .dl,
    .past-winners.overflow-hidden #navbarSupportedContent .dl {
        background-color: #be151b;
        width: 70%;
        line-height: 0;
        padding: 6px;
        position: absolute;
        /* bottom: 10em; */
        border: 1px solid #fff;
    }

    /*.kcb {*/
    /*    position: absolute;*/
    /*    bottom: 8em;*/
    /*    justify-content: center;*/
    /*    width: 65%;*/
    /*}*/

    /*.dl {*/
    /*    position: absolute;*/
    /*    width: 65%;*/
    /*    bottom: 14em;*/
    /*}*/

    div.navbar-collapse {
        margin-left: 10px;
    }

    header .navbar .nav-link {
        font-size: 28px;
    }

    div.navbar-collapse.show ul.navbar-nav {
        gap: 3vh;
    }

    .clouds {
        bottom: -2em;
    }
}

@media (max-width: 768px) {
    .custom-height {
        height: 130px;
    }

    .inline-700 {
        inline-size: auto;
    }

    .file-label {
        bottom: 50px;
    }

    .seperator {
        border-right: 0;
        border-bottom: 1px solid rgba(32, 32, 32, 0.2);
    }

    .or {
        bottom: -20px;
        left: 47%;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .inner-page-header.products {
        background-image: url("../../../../uploads/2024/11/products-mobile.jpg");
    }

    .inner-page-header.vote-now-bg {
        background-image: url("../../../../uploads/2024/11/votenow-mobile.jpg");
        padding-top: 25%;
        background-position: bottom;
    }

    .inner-page-header.contact {
        background-image: url("../../../../uploads/2024/11/contact-mobile.jpg");
        padding-top: 25%;
        background-position: center;
    }

    .inner-page-header.past-winners-bg {
        background-image: url("../../../../uploads/2024/11/winners-mobile.jpg");
        padding-top: 25%;
    }

    .full-width-bg.kids-club-section {
        background-image: url("../../../../uploads/2024/11/kids-club-bg-mobile.jpg") !important;
    }

    .inner-page-header.login {
        background-image: url("../../../../uploads/2024/11/login-mobile.jpg");
        padding-top: 25%;
    }

    .inner-page-header.registeration {
        background-image: url("../../../../uploads/2024/11/registration-tablet.jpg");
        padding-top: 25%;
    }

    .full-width-bg.kids-club-section h1 {
        padding-bottom: 3rem !important;
    }
}

@media (max-width: 576px) {
    .custom-height {
        height: 120px;
    }

    .kids-club .page-link {
        padding: 7px 0;
    }

    .vote-now.overflow-hidden .kcb,
    .kids-club-main.overflow-hidden .kcb,
    .past-winners.overflow-hidden .kcb {
        top: 9em;
    }

    .custom-select-button.wide,
    .custom-options.wide {
        width: 80%;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 99;
    }

    .inner-page-header.products {
        padding-top: 0;
        background-size: cover;
    }

    .quick-links li:nth-child(-n+3) {
        display: none !important;
    }
}

@media (max-width: 439px) {
    .file-label {
        bottom: 70px;
    }

    .clouds {
        width: 140%;
    }
}

.submit-vote-loggedout {
    padding: 10px 25px !important;
    border-radius: 10px;
    border-right: 1px solid #202020;
    border-bottom: 1px solid #202020;
}

.kids-club .page-link.current {
    background-color: rgb(190, 21, 27);
    color: #fff;
}

.kids-club-menu {
    z-index: 11;
}

.w-160 {
    width: 160px;
}

.image-clip {
    position: relative;
}

.image-clip img {
    min-height: 100%;
    object-fit: cover;
    display: flex;
    object-position: center;
}

.image-clip .voted-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    min-height: auto;
}

.wrapper section.main-landing-large{
    align-items: end;
}

.overlay-dark::before{
    background: linear-gradient(178deg, rgb(255 255 255) 0, rgb(255 255 255 / 50%) 36%, rgb(107 107 107 / 75%) 100%)
}

.kids-club-section::before{
    background-image: unset;
}
#splideVDO h1{
    font-size: 42px;
    line-height:60px;
    margin-bottom: 1.11rem;
}