#w2w_event2 { max-width: 450px; padding: 0 0 24px 0 !important; }
#w2w_event2 section { background: #fff; }
#w2w_event2 p { padding: 0 10px; margin-bottom: 16px; }
#w2w_event2 .title1 { font-family: 'DIN Pro Cond'; font-weight: bold; color: var(--Royal-Canin-red); font-size: 22px; line-height: 1.2em; }
#w2w_event2 .title2 { font-family: 'DIN Pro Cond'; font-weight: bold; color: var(--Royal-Canin-red); font-size: 18px; line-height: 1.2em; }
#w2w_event2 .title3 { font-family: 'DIN Pro Cond'; font-weight: bold; color: var(--Royal-Canin-red); font-size: 24px; line-height: 1em; }
#w2w_event2 .title4 { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; color: var(--Royal-Canin-red); font-size: 29px; line-height: 0.9em; }

/* #vet-time option:disabled { display: none; } */
#vet-time span.hide { display: none; }

.mapcontainer { border-radius: 16px; border: 6px solid var(--Royal-Canin-red); width: 100%; max-width: 336px; margin: 0 auto 12px auto; box-sizing: border-box; overflow: hidden; contain: paint; }
.mapcontainer > div { border-radius: 10px; }
.mapcontainer .station { display: none; }
.mapcontainer .station p { margin-bottom: 8px !important; }
.mapcontainer .station .title3 { margin-bottom: 8px !important; }
.mapcontainer .station > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 368px; padding-bottom: 12px; }
.mapcontainer .station > div > div:last-child { margin-top: auto; }
.btn-station { position: relative; font-family: 'DIN Pro Cond'; font-weight: 500; font-size: 14px; line-height: 0.8em; width: 100%; max-width: 100px; height: 60px; border-radius: 8px; border: 1px solid #ebebeb; width: 100px; height: 60px; padding-top: 4px; box-sizing: border-box; overflow: clip; overflow-clip-margin: 1px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.btn-station:before { content: ''; position: absolute; left: -15px; top: -17px; width: 30px; height: 40px; background: var(--Royal-Canin-red); transform: rotate(42.8deg); transform-origin: center; z-index: 1; }
.btn-station:after { content: attr(data-station); position: absolute; left: 3px; top: 3px; font-weight: 900; color: #fff; z-index: 2; }
.btn-station p { margin-bottom: 2px !important; }
.btn-station div:last-child { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; }

.calendar { width: 100%; max-width: 254px; margin: 0 auto 16px auto; }
.calendar p { padding: 0 !important; margin-bottom: 8px !important; }
.calendar > div:first-child { position: relative; min-height: 20px; font-family: 'DIN Pro Cond'; font-weight: bold; color: #fff; font-size: 22px; line-height: 1.2em; background: var(--Royal-Canin-red); border-radius: 16px 16px 0 0; padding: 8px 0 2px 0; }
.calendar > div:first-child:before, .calendar > div:first-child > div:before { content: ''; position: absolute; left: 15px; top: 8px; border-radius: 50%; border: 6px solid #bd0015; z-index: 1; }
.calendar > div:first-child > div:first-child:before { left: 33px; }
.calendar > div:first-child > div:nth-child(2):before { left: auto; right: 15px; }
.calendar > div:first-child > div:nth-child(3):before { left: auto; right: 33px; }
.calendar > div:first-child:after, .calendar > div:first-child > div:after { content: ''; position: absolute; left: 18px; top: -8px; height: 24px; border-radius: 3px; border: 3px solid #2d2323; z-index: 2; }
.calendar > div:first-child > div:first-child:after { left: 36px; }
.calendar > div:first-child > div:nth-child(2):after { left: auto; right: 18px; }
.calendar > div:first-child > div:nth-child(3):after { left: auto; right: 36px; }
.calendar > div:last-child { position: relative; font-weight: 900; font-size: 12px; line-height: 1.3em; border-radius: 0 0 16px 16px; border: 6px solid var(--Royal-Canin-red); }
.calendar > div:last-child > div:first-child { display: inline-block; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='104' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M17.036 1.109c7.525-3.414 12.995 6.116 13.264 9.99 0 0 3.904-13.863 13.254-10.601s9.76 9.174 7.256 16.922c0 0 8.619-1.427 10.807 6.728s-5.38 13.048-12.636 13.659c0 0 5.536 40.71 1.83 66.194H17.036s-4.744-19.303-2.891-62.728c0 0-15.305-1.427-14.074-18.756.811-8.766 12.014-5.097 12.014-5.097s-1.339-13.456 4.951-16.31z' fill='%23f2bb81'/%3E%3Cpath d='M32.642 21.748c3.777.29 5.436 3.496 6.161 5.788.66 2.088 1.989 3.951 3.848 5.151 1.08.697 1.98 1.841 2.017 3.721.066 3.268-1.652 6.224-5.842 7.541-1.952.614-4.691-2.243-7.787-2.476-3.131-.235-5.504 2.313-7.586 1.467-4.394-1.785-6.374-4.816-5.608-8.609.489-2.424 1.798-3.558 3.124-4.066 1.885-.722 3.406-2.145 4.22-3.991.897-2.033 3.058-4.863 7.453-4.525zm12.234-5.623c1.429-3.294.587-6.946-1.879-8.158s-5.624.476-7.052 3.77-.587 6.946 1.879 8.158 5.624-.476 7.052-3.77zm8.541 14.846c2.313-2.019 2.904-5.11 1.32-6.904s-4.745-1.612-7.058.407-2.904 5.11-1.319 6.904 4.745 1.612 7.058-.407zM23.943 20.5c2.593-.751 3.658-4.325 2.377-7.983s-4.421-6.014-7.015-5.263-3.658 4.325-2.377 7.983 4.421 6.014 7.015 5.263zm-8.536 10.919c1.389-1.851.346-5.052-2.33-7.15s-5.972-2.299-7.361-.449-.346 5.052 2.33 7.15 5.972 2.299 7.361.449z' fill='%23fff'/%3E%3C/svg%3E") no-repeat left bottom; background-size: 62px; padding: 10px 0 10px 70px; }

.giftscontainer {
    overflow: hidden;
    cursor: grabbing;
    position: relative;
    touch-action: pan-y;
    font-family: 'DIN Pro Cond' !important; font-weight: 500 !important; font-size: 16px; line-height: 1em;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    margin-bottom: 32px;
}
.giftscontainer .title3 { font-size: 16px !important; font-weight: 900 !important; }
.giftscontainer .remark { line-height: 1em !important; }
.giftscontainer img { -webkit-user-drag: none; user-drag: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.giftscontainer .gifttrack { will-change: transform; transform: translate3d(0, 0, 0); }
.giftscontainer .gifttrack .txt { text-align: left; }
.giftscontainer .gifttrack > div { width: 811px; min-height: 353px; background: url('/web_custom_page/static/src/img/w2w_event2/giftbg.png') no-repeat left center; background-size: cover; padding-top: 6px; padding-left: 24px; white-space: initial; }
.giftscontainer .gifttrack > div > div > div > div:first-child { margin-bottom: 8px; }
.giftscontainer .gifttrack > * { flex: 0 0 auto; }

.pregiftcontainer { gap: 10px; margin-bottom: 8px; }
/*
.pregiftcontainer > div:first-child { text-align: right; }
.pregiftcontainer > div:last-child { text-align: left; }
*/

.yourgift { min-height: 398px; margin: 0 auto 30px auto; }
.yourgift:has(.pregift) { background: url('/web_custom_page/static/src/img/w2w_event2/yourgiftbg1.png') no-repeat center top; background-size: 388px; }
.yourgift:has(.vetbooked) { background: url('/web_custom_page/static/src/img/w2w_event2/yourgiftbg4.png') no-repeat center top; background-size: 388px; }
.yourgift:has(.vetsession) { background: url('/web_custom_page/static/src/img/w2w_event2/yourgiftbg5.png') no-repeat center top; background-size: 388px; }
.yourgift:has(.pregift):has(.vetsession) { background: url('/web_custom_page/static/src/img/w2w_event2/yourgiftbg2.png') no-repeat center top; background-size: 388px; }
.yourgift:has(.pregift):has(.vetsession):has(.vetbooking) { background: url('/web_custom_page/static/src/img/w2w_event2/yourgiftbg3.png') no-repeat center top; background-size: 388px; }

.vetbooking .form-check { margin-bottom: 16px; }
.vetbooking select { background-color: #fff; }
.vetbooking option:disabled { color: var(--grey-2); }
.bookingslot { font-size: 24px; line-height: 1.1em; font-weight: bold; color: #000; }

.reg-page .title4 { font-size: 32px !important; font-weight: 700 !important; }
.booking-confirm-page, .tnc-page { display: none; }
.booking-confirm-page .calendar > div:last-child > div:first-child { background: none; padding: 25px 0; margin-bottom: 14px; }

.tnc-page h2 { padding-left: 24px; padding-right: 24px; }
.tnc-page p { padding-left: 24px !important; padding-right: 24px !important; }
.tnc-page ol { counter-reset: section; text-indent: -1.2em; list-style-type: none; line-height: 1.3em; padding-left: 1.2em; margin: 0; }
.tnc-page li { padding-top: 4px; }
.tnc-page ol > li:before { content: counter(section) ". "; font-weight: 700; counter-increment: section; }
.tnc-page ol ol > li:before { font-weight: 400; }
.tnc-page ul > li { padding-left: 1.7em; }
.tnc-page ol ol { counter-reset: subsection; padding-left: 1.6em; text-indent: -1.6em; }
.tnc-page ol ol > li:before { content: counter(section) "." counter(subsection) " "; counter-increment: subsection; }

#w2w_event2 .title1.stampfull { font-size: 46px; line-height: 0.9em; }
.stampcontainer { width: 100%; max-width: 336px; border-radius: 16px; border: 6px solid var(--Royal-Canin-red); background: url('/web_custom_page/static/src/img/w2w_event2/mapstamp.jpg') no-repeat center center; background-size: cover; margin: 0 auto 16px auto; box-sizing: border-box; overflow: hidden; contain: paint; }
.stampcontainer .mappin:before { content: attr(data-station); position: absolute; width: 30px; height: 55px; font-size: 14px; line-height: 0.8em; font-weight: 900; color: var(--Royal-Canin-red); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='55' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Cg filter='url(%23pinA)'%3E%3Cellipse cx='14.877' cy='41.743' rx='1.225' ry='.788' fill='%23d9d9d9' fill-opacity='.02' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cpath d='M0 14.94c0-3.926 1.525-7.401 3.464-9.624v-.014l.005.008C5.666 2.699 9.514 0 14.826 0c2.568 0 4.517.681 4.517.681l-.045.054c.033-.02.063-.035.09-.047l-.01-.003c3.683 1.185 6.81 3.683 8.686 7.331l.01.01s1.668 2.849 1.668 6.949c0 4.399-1.692 7.54-1.692 7.54-1.31 2.62-3.138 4.88-4.986 7.164-1.779 2.199-3.577 4.422-4.951 7.012-.726 1.338-1.185 2.741-1.779 4.586-.285.855-.657 1.404-1.47 1.404-.743 0-1.098-.327-1.47-1.404l-.003-.011c-.634-1.96-.988-3.057-1.842-4.68-.698-1.245-2.03-3.301-3.34-4.944l-.009.011-.01-.035.019.024.002-.002c-.556-.75-1.183-1.53-1.834-2.34h0c-1.788-2.224-3.755-4.67-4.928-7.341l-.024-.007.006-.031C1.261 21.567 0 18.804 0 14.94z' fill='%23ec001a'/%3E%3Crect x='4.551' y='4.551' width='20.653' height='20.653' rx='10.326' fill='%23fff'/%3E%3Cdefs%3E%3Cfilter id='pinA' x='1.915' y='29.218' width='25.925' height='25.05' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='pinA'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='pinB'/%3E%3CfeMorphology radius='3.20104' operator='dilate' in='SourceAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='4.268'/%3E%3CfeComposite in2='pinB' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0'/%3E%3CfeBlend in2='A'/%3E%3CfeBlend in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat center top; background-size: contain; padding-top: 9px; z-index: 1; }
.stampcontainer .mappin[data-station='1']:before { left: 40px; top: 296px; }
.stampcontainer .mappin[data-station='2']:before { left: 6px; top: 113px; }
.stampcontainer .mappin[data-station='3']:before { left: 0; top: 70px; }
.stampcontainer .mappin[data-station='4']:before { left: 65px; top: 0; }
.stampcontainer .mappin[data-station='5']:before { left: 110px; top: 4px; }
.stampcontainer .mappin[data-station='6']:before { left: 152px; top: 20px; }
.stampcontainer .mappin.on:before { content: ''; width: 42px; height: 42px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Crect x='1.2' y='1.2' width='39.2' height='39.2' rx='19.6' fill='%23fff'/%3E%3Crect x='1.2' y='1.2' width='39.2' height='39.2' rx='19.6' stroke='%23ec001a' stroke-width='2.4'/%3E%3Cpath d='M13.633 31.151c-.038-1.694.509-2.722 1.138-3.909.555-1.043 1.195-2.233 1.455-4.082.464-3.164 3.108-5.297 6.282-5.064 1.28.094 2.529.655 3.714 1.693 1.243 1.067 2.169 1.407 3.145 1.755.71.265 1.445.534 2.321 1.094 1.174.741 1.955 1.752 2.35 2.983.398 1.242.257 2.525-.364 3.625a4.4 4.4 0 0 1-2.302 1.927c-.225.084-.458.147-.704.202-1.008.227-2.021.215-3.089.221l-.206-.006c-2.456-.018-3.546.932-4.806 2.021l-1.829 1.415c-1.374.849-2.925 1.033-4.257.475-1.717-.711-2.813-2.366-2.862-4.357l.014.007zm6.922-10.003c2.318-.827 3.343.046 4.654 1.176 1.071.906 2.257 1.944 4.477 2.349.299.072.595-.131.714-.433a.73.73 0 0 0 .002-.517c-.046-.105-.12-.226-.286-.257-.372-.073-.725-.164-1.064-.284-.032-.026-.072-.037-.112-.048l-.119-.034c-.011.003-.029-.015-.043-.022-1.109-.425-2.15-1.125-3.22-2.176-1.524-1.494-3.752-1.512-4.881-.947l-.207.102c-.27.171-.42.375-.433.559-.009.159.046.37.19.48a.38.38 0 0 0 .336.037l-.007.014zM9.471 12.651c.11-1.345.929-2.424 2.08-2.769 1.078-.309 2.101.071 2.774.445 2.121 1.182 3.853 4.039 3.091 6.758-.275.941-.938 1.646-1.788 1.955-.505.186-1.052.241-1.626.137-2.946-.534-4.76-3.869-4.533-6.536l.003.011zm2.811-.6c.459.045 1.081.11 1.729.635l.004.011c.003.011.018.018.032.026a1.3 1.3 0 0 0 .201.176c.211.209.504.187.683.069.109-.071.179-.19.203-.341.005-.134-.018-.282-.111-.385-.542-.679-1.843-1.44-2.837-1.241-.054.018-.112.024-.174.056-.185.059-.411.18-.429.462-.031.466.215.484.688.536l.011-.003zm8.039 3.154c-1.96-1.919-2.378-5.509-.881-7.659.508-.739 1.237-1.201 2.059-1.297.852-.117 1.713.172 2.444.803 1.913 1.658 2.589 4.516 1.641 6.958-.373.973-1.105 1.724-1.996 2.057l-.076.024c-1.082.371-2.229.054-3.177-.88l-.014-.007zm3.548-4.597c.138-.02.251-.08.328-.213.07-.119.108-.263.077-.397l-.059-.185-.024-.076c-.229-.828-.786-1.514-1.292-1.82a2.09 2.09 0 0 0-.601-.3c-.054-.019-.105-.027-.17-.042-.188-.024-.452-.023-.589.225-.244.402-.035.528.371.782.438.28 1.041.663 1.37 1.651.091.283.368.399.585.365l.003.011zM5.694 22.799a3.07 3.07 0 0 1 .546-2.457c.584-.728 1.467-1.119 2.487-1.085 2.481.094 4.695 2.016 5.129 4.495.156.863-.082 1.805-.618 2.421-.348.412-.772.704-1.233.876-.407.155-.845.211-1.326.173-2.375-.176-4.473-2.038-4.977-4.436l-.007.014zm2.49-1.339c.518-.034 1.235-.083 2.089.52.237.176.527.107.695-.043.102-.093.147-.215.146-.371-.006-.13-.062-.268-.177-.364-.641-.575-2.064-1.117-3.005-.755-.054.017-.109.035-.156.074-.164.089-.376.253-.346.531.053.464.288.448.769.414l-.014-.007zm19.98-3.11c-1.248-2.171-.887-4.978.848-6.687.677-.662 1.556-.991 2.409-.916.817.075 1.557.51 2.063 1.225 1.542 2.149 1.172 5.343-.795 7.115a3.01 3.01 0 0 1-.977.589 2.91 2.91 0 0 1-1.633.115c-.595-.134-1.408-.57-1.919-1.451l.004.011zm4.423-2.655a.51.51 0 0 0 .384-.075.58.58 0 0 0 .214-.345c.133-.86-.197-2.34-1.011-2.932-.05-.044-.093-.066-.151-.096-.173-.089-.418-.178-.637 0-.362.296-.216.489.073.865.228.299.52.686.644 1.259.024.076.024.149.034.218.007.058.013.116.031.17.013.116.015.235.007.358a.54.54 0 0 0 .417.551l-.004.025z' fill='%23e21f26'/%3E%3C/svg%3E"); }
.stampcontainer .mappin[data-station='1'].on:before { margin-top: 30px; }
.stampcontainer .mappin[data-station='2'].on:before { margin-top: 10px;}
.stampcontainer .mappin[data-station='4'].on:before { margin-left: -10px; margin-top: 25px; }
.stampcontainer .mappin[data-station='5'].on:before { margin-left: -10px; margin-top: 25px; }
.stampcontainer .mappin[data-station='6'].on:before { margin-left: -10px; margin-top: 25px; }
.btn-stamp { position: relative; font-family: 'DIN Pro Cond'; font-weight: 500; font-size: 14px; line-height: 0.8em; width: 100%; max-width: 100px; text-align: left; }
.btn-stamp > div:first-child { border-radius: 7px 7px 0 0; background: var(--Royal-Canin-red); font-weight: 900; color: #fff; padding: 3px 5px 2px 5px; }
.btn-stamp > div:last-child { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: start; align-items: start; line-height: 1em; border-radius: 0 0 8px 8px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #ebebeb; padding: 2px 5px 10px 5px; }
.btn-stamp.on > div:last-child { border-color: var(--Royal-Canin-red) !important; }
.btn-stamp.on:before { content: 'STATION 'attr(data-station); position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 14px; line-height: 0.8em; font-weight: 900; color: #fff; border-radius: 8px; background: var(--Royal-Canin-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='47' fill='none' xmlns:v='https://vecta.io/nano'%3E%3Ccircle cx='23.5' cy='23.5' r='23.5' fill='%23fff'/%3E%3Cpath d='M16.642 32.508c-.036-1.612.485-2.592 1.084-3.721.528-.993 1.137-2.126 1.385-3.887.441-3.012 2.959-5.043 5.981-4.822 1.218.09 2.407.624 3.536 1.612 1.183 1.016 2.065 1.34 2.995 1.671.676.252 1.375.509 2.21 1.042 1.118.705 1.861 1.668 2.237 2.84a4.28 4.28 0 0 1-.347 3.451c-.492.855-1.271 1.494-2.191 1.835a5.02 5.02 0 0 1-.671.192c-.96.216-1.924.205-2.941.21l-.196-.006c-2.339-.017-3.376.887-4.576 1.924l-1.741 1.347c-1.308.808-2.784.984-4.053.452-1.635-.677-2.678-2.253-2.725-4.148l.014.007zm6.59-9.524c2.207-.787 3.182.044 4.431 1.119 1.02.863 2.149 1.851 4.263 2.237.285.069.566-.124.68-.412a.69.69 0 0 0 .002-.492c-.044-.1-.115-.215-.273-.244a7.2 7.2 0 0 1-1.013-.27c-.031-.024-.069-.035-.106-.046l-.113-.032c-.01.003-.027-.014-.041-.021-1.056-.405-2.047-1.071-3.066-2.071-1.451-1.422-3.573-1.44-4.647-.901l-.198.098c-.257.162-.4.357-.413.533-.009.151.044.352.181.457a.36.36 0 0 0 .32.035l-.007.014zm-10.553-8.089c.104-1.28.885-2.308 1.98-2.636 1.026-.295 2 .068 2.641.423 2.019 1.126 3.669 3.845 2.943 6.434-.262.896-.893 1.567-1.703 1.861a2.91 2.91 0 0 1-1.548.13c-2.805-.508-4.532-3.683-4.316-6.223l.003.01zm2.676-.572c.437.043 1.029.105 1.646.605l.003.01c.003.01.017.018.031.024.068.07.133.129.191.168a.52.52 0 0 0 .65.066c.104-.068.171-.181.193-.325.005-.127-.017-.269-.106-.366-.516-.647-1.755-1.371-2.701-1.182-.052.017-.107.023-.166.053-.176.057-.391.171-.408.44-.029.444.205.46.656.511l.01-.003zm7.653 3.003c-1.866-1.827-2.264-5.245-.838-7.292.484-.704 1.178-1.144 1.961-1.235.811-.111 1.631.164 2.327.764 1.821 1.578 2.465 4.3 1.563 6.625-.355.926-1.052 1.641-1.9 1.959l-.073.023c-1.031.353-2.123.051-3.025-.838l-.014-.007zm3.378-4.377a.4.4 0 0 0 .312-.203c.067-.113.103-.25.073-.378l-.056-.176-.023-.073c-.218-.788-.748-1.442-1.23-1.733a1.98 1.98 0 0 0-.572-.286c-.051-.018-.1-.025-.161-.04-.179-.023-.43-.022-.561.214-.232.383-.033.503.353.745.417.267.992.632 1.305 1.572a.51.51 0 0 0 .557.348l.003.01zM9.084 24.557c-.173-.825.03-1.691.52-2.34.556-.693 1.397-1.065 2.368-1.033 2.362.09 4.469 1.919 4.883 4.28.149.822-.079 1.718-.588 2.305-.332.392-.735.67-1.174.834-.387.147-.805.201-1.263.164-2.261-.167-4.259-1.941-4.739-4.223l-.007.014zm2.371-1.274c.493-.032 1.176-.079 1.989.495.225.168.502.102.662-.041a.44.44 0 0 0 .138-.353c-.005-.124-.059-.256-.168-.346-.61-.548-1.965-1.063-2.861-.719-.052.017-.104.033-.149.071-.156.084-.358.241-.33.506.05.442.274.427.732.394l-.014-.007zm19.021-2.963c-1.188-2.067-.844-4.739.808-6.367.645-.63 1.482-.944 2.294-.872.778.071 1.482.486 1.964 1.166 1.468 2.046 1.115 5.087-.757 6.774-.285.252-.601.444-.93.561-.491.18-1.026.226-1.555.109-.567-.127-1.341-.543-1.827-1.382l.003.01zm4.211-2.528c.124.029.252 0 .366-.072a.55.55 0 0 0 .204-.328c.127-.818-.188-2.227-.963-2.791-.048-.042-.089-.063-.144-.091-.164-.085-.398-.17-.606 0-.344.282-.205.466.07.824.217.285.495.653.613 1.199.023.073.022.142.032.207a.84.84 0 0 0 .029.162c.013.11.015.224.006.341-.014.279.187.477.397.525l-.004.024z' fill='%23e21f26'/%3E%3C/svg%3E") no-repeat right 1px bottom 1px; background-size: 47px; padding: 3px 5px; }
.btn-stamp.on:after { content: 'COMPLETED'; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 11px; line-height: 1em; font-weight: 900; color: #fff; padding: 14px 5px; }
#finalstationModal h2 { font-weight: 700 !important; }
.finalvalidate h2 { font-size: 28px !important; line-height: 1.3em !important; margin-bottom: 0 !important; }
.finalvalidate h3 { font-size: 20px !important; line-height: 1.3em !important; font-weight: 700 !important; color: var(--Royal-Canin-red); margin-bottom: 16px !important; }

.steps { max-width: 324px; margin: 0 auto 16px auto; }
.steps > div:first-child { border-radius: 16px 16px 0 0; }
.steps > div:last-child { border-radius: 0 0 16px 16px; }
.steps > div { position: relative; background: #ffdbe2; padding: 15px 10px 10px 10px; margin-bottom: 1px; }
.steps > div:not(:last-child):before { content: ''; position: absolute; left: calc(50% - 7px); bottom: -4px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 5px solid var(--Royal-Canin-red); z-index: 3; }
.steps > div:not(:last-child):after { content: ''; position: absolute; left: calc(50% - 7px); bottom: -4px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 5px solid #ffdbe2; -webkit-transform: scale(2); -moz-transform: scale(2); transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); z-index: 2; }
.steps > div:not(:first-child) > div:after { content: ''; position: absolute; left: calc(50% - 7px); top: 1px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 5px solid #fff; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); z-index: 1; }

.confetti { position: fixed; left: 50%; top: -20%; width: 140%; height: 200%; background: url('/web_custom_page/static/src/img/w2w_event2/confetti.png') repeat center top; background-size: 340px; z-index: 10000; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0; -webkit-transform-origin: center top; -moz-transform-origin: center top; transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; }
.confetti.bounce { animation: bounce 5s forwards; }
@keyframes bounce {
    0% { -webkit-transform: translate(-50%, 0) scale(0.8); -moz-transform: translate(-50%, 0) scale(0.8); transform: translate(-50%, 0) scale(0.8); -ms-transform: translate(-50%, 0) scale(0.8); -o-transform: translate(-50%, 0) scale(0.8); opacity: 0; }
    5% { opacity: 1; }
    20% { -webkit-transform: translate(-50%, -100px) scale(0.9); -moz-transform: translate(-50%, -100px) scale(0.9); transform: translate(-50%, -100px) scale(0.9); -ms-transform: translate(-50%, -100px) scale(0.9); -o-transform: translate(-50%, -100px) scale(0.9); }
    80% { -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); }
    100% { -webkit-transform: translate(-50%, 300px); -moz-transform: translate(-50%, 300px); transform: translate(-50%, 300px); -ms-transform: translate(-50%, 300px); -o-transform: translate(-50%, 300px); opacity: 0; }
}

#ep_btn { display: none; }