.donate-module__BuGdTW__section{background-color:var(--background);width:100%;padding-top:calc(var(--layout-top-bar-height,0px) + var(--layout-header-desktop-height,72px) + 50px);padding-bottom:3rem}@media (max-width:1023px){.donate-module__BuGdTW__section>div,.donate-module__BuGdTW__donateWrapper{padding-left:1rem!important;padding-right:1rem!important}}@media (max-width:767px){.donate-module__BuGdTW__section{padding-top:calc(var(--layout-top-bar-height,0px) + var(--layout-header-mobile-height,64px) + 30px);padding-bottom:2.75rem}}.donate-module__BuGdTW__pageHeader{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}@media (min-width:1024px){.donate-module__BuGdTW__pageHeader{grid-template-columns:minmax(0,1fr) 32.5rem;align-items:center;column-gap:4.5rem;margin-bottom:2rem;display:grid}}.donate-module__BuGdTW__headerText{flex-direction:column;gap:.5rem;max-width:34rem;display:flex}@media (max-width:1023px){.donate-module__BuGdTW__headerText{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.donate-module__BuGdTW__title{font-weight:700;font-size:var(--title-size);color:#3f3f3f;text-align:left;margin:0;line-height:1.2}@media (min-width:768px){.donate-module__BuGdTW__title{font-size:var(--title-size)}}.donate-module__BuGdTW__titleHighlight{color:var(--color-primary,#008e48)}.donate-module__BuGdTW__subtitle{color:var(--subtitle-color,#4a3320a6);margin:0;font-size:.9375rem;line-height:1.6}.donate-module__BuGdTW__contentGrid{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}@media (min-width:1024px){.donate-module__BuGdTW__contentGrid{grid-template-columns:minmax(0,1fr) 32.5rem;gap:1.25rem 4.5rem}}.donate-module__BuGdTW__contentColumn,.donate-module__BuGdTW__formColumn{flex-direction:column;gap:1.125rem;min-width:0;display:flex}@media (max-width:1023px){.donate-module__BuGdTW__formColumn{background-color:#fff;border-top-left-radius:1.75rem;border-top-right-radius:1.75rem;order:-1;margin-bottom:-2.75rem;margin-left:-1rem;margin-right:-1rem;padding:1.5rem 1rem 2.5rem;box-shadow:0 -4px 20px #00000005}}.donate-module__BuGdTW__card{background-color:#fff;border:1px solid #f0eee9;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 20px #00000005}@media (max-width:1023px){.donate-module__BuGdTW__card{box-shadow:none;background-color:#0000;border:none;border-radius:0;padding:0}}.donate-module__BuGdTW__segmented{background-color:#fff;border:1px solid #f0eee9;border-radius:.875rem;grid-auto-columns:1fr;grid-auto-flow:column;gap:.25rem;padding:.3125rem;display:grid;box-shadow:0 4px 20px #00000005}.donate-module__BuGdTW__segment{color:#4b5563;cursor:pointer;white-space:nowrap;--ripple-color:#008e4840;background-color:#0000;border:none;border-radius:.625rem;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;font-weight:500;transition:background-color .15s,color .15s;position:relative;overflow:hidden}.donate-module__BuGdTW__segment:hover:not(.donate-module__BuGdTW__segmentActive):not(.donate-module__BuGdTW__segmentActiveAccent){background-color:#f3f4f6}.donate-module__BuGdTW__segmentActive{background-color:var(--color-primary,#008e48);color:#fff;--ripple-color:#ffffff59;font-weight:600}.donate-module__BuGdTW__segmentActiveAccent{background-color:var(--color-accent,#e5326f);color:var(--color-accent-contrast,#fff);--ripple-color:#ffffff59;font-weight:600}.donate-module__BuGdTW__segmentedInline{width:100%;min-width:0}.donate-module__BuGdTW__segmentedInline .donate-module__BuGdTW__segment{padding:.5625rem .75rem;font-size:.875rem}.donate-module__BuGdTW__panel{color:#fff;background:linear-gradient(135deg,#0a9c55 0%,#007a3e 100%);border-radius:.875rem;margin-bottom:1.25rem;padding:1.5rem 1.375rem;position:relative;overflow:hidden}.donate-module__BuGdTW__panel:before,.donate-module__BuGdTW__panel:after{content:"";pointer-events:none;background-color:#ffffff12;border-radius:999px;position:absolute}.donate-module__BuGdTW__panel:before{width:9rem;height:9rem;top:-3.5rem;right:-2rem}.donate-module__BuGdTW__panel:after{width:6rem;height:6rem;bottom:-2.5rem;left:-2rem}.donate-module__BuGdTW__panelHeading{margin:0;font-size:1.0625rem;font-weight:700;line-height:1.4;position:relative}.donate-module__BuGdTW__panelText{color:#ffffffe0;margin:.625rem 0 0;font-size:.8125rem;line-height:normal;position:relative}.donate-module__BuGdTW__panelDesktop{display:block}.donate-module__BuGdTW__panelMobile{display:none}@media (max-width:1023px){.donate-module__BuGdTW__panelDesktop{display:none}.donate-module__BuGdTW__panelMobile{display:block}.donate-module__BuGdTW__panelHeading{text-align:center;font-size:1.375rem;line-height:1.4}.donate-module__BuGdTW__panelText{text-align:center;line-height:normal}}.donate-module__BuGdTW__amountGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;display:grid}.donate-module__BuGdTW__amountBtn{color:#374151;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;--ripple-color:#008e4840;background-color:#fff;border:1px solid #f0eee9;border-radius:.625rem;padding:.8125rem .5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;position:relative;overflow:hidden}.donate-module__BuGdTW__amountBtn:hover:not(.donate-module__BuGdTW__amountBtnActive){border-color:var(--color-primary,#008e48);color:var(--color-primary,#008e48)}.donate-module__BuGdTW__amountBtnActive{--ripple-color:#ffffff59;font-weight:700;background-color:var(--color-primary,#008e48)!important;border-color:var(--color-primary,#008e48)!important;color:#fff!important}.donate-module__BuGdTW__formBody{flex-direction:column;gap:1rem;display:flex}.donate-module__BuGdTW__inlineRow{grid-template-columns:8rem 1fr;align-items:center;column-gap:.75rem;display:grid}@media (max-width:639px){.donate-module__BuGdTW__inlineRow{grid-template-columns:7.25rem 1fr;column-gap:.5rem}}.donate-module__BuGdTW__inlineLabel{color:#374151;white-space:nowrap;font-size:.95rem;font-weight:700}.donate-module__BuGdTW__inlineLabel:after{content:":";margin-left:2px}.donate-module__BuGdTW__inlineField{justify-self:stretch;width:100%;min-width:0}.donate-module__BuGdTW__fieldLabel{color:#374151;align-items:center;gap:.25rem;margin-bottom:.5rem;font-size:.95rem;font-weight:700;display:inline-flex}.donate-module__BuGdTW__fieldOptional{color:#9ca3af;font-size:.8125rem;font-weight:400}.donate-module__BuGdTW__required{color:var(--color-accent,#e5326f);font-weight:600}.donate-module__BuGdTW__infoIcon{color:#fff;cursor:pointer;background-color:#3f3f3f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;margin-left:.25rem;padding:0;line-height:1;display:inline-flex;position:relative}.donate-module__BuGdTW__infoIconGlyph{width:.75rem;height:.75rem}.donate-module__BuGdTW__infoTooltip{color:#fff;white-space:normal;pointer-events:none;opacity:0;z-index:10;background-color:#3f3f3f;border-radius:.5rem;width:max-content;max-width:18rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:400;line-height:1.5;transition:opacity .15s;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}.donate-module__BuGdTW__infoTooltip:after{content:"";border:.375rem solid #0000;border-top-color:#3f3f3f;position:absolute;top:100%;left:50%;transform:translate(-50%)}.donate-module__BuGdTW__infoIcon:hover .donate-module__BuGdTW__infoTooltip{opacity:1}.donate-module__BuGdTW__paymentOptions{flex-direction:column;gap:.625rem;margin-top:.625rem;display:flex}.donate-module__BuGdTW__paymentRow{cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;transition:border-color .15s,background-color .15s;display:flex}.donate-module__BuGdTW__paymentRow:hover:not(.donate-module__BuGdTW__paymentRowActive){border-color:#d1d5db}.donate-module__BuGdTW__paymentRowActive{border-color:var(--color-primary,#008e48);background-color:#f0faf4}.donate-module__BuGdTW__paymentLogos{align-items:center;display:flex}.donate-module__BuGdTW__paymentCardLogo,.donate-module__BuGdTW__paymentBkashLogo{object-fit:contain;width:auto;height:1.75rem}.donate-module__BuGdTW__paymentCheck{background-color:var(--color-primary,#008e48);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.donate-module__BuGdTW__paymentCheckIcon{width:1rem;height:1rem}.donate-module__BuGdTW__bankCard{background-color:#fff;border:1px solid #f0eee9;border-radius:1rem;align-items:flex-start;gap:1.25rem;padding:1.5rem;display:flex}.donate-module__BuGdTW__bankLogo{flex-shrink:0;justify-content:center;align-items:center;width:5rem;height:5rem;display:flex}.donate-module__BuGdTW__bankLogoImg{object-fit:contain;width:5rem;height:5rem}.donate-module__BuGdTW__bankRows{flex-direction:column;gap:.375rem;min-width:0;display:flex}.donate-module__BuGdTW__bankRow{gap:.5rem;font-size:.9375rem;line-height:1.5;display:flex}.donate-module__BuGdTW__bankLabel{color:#374151;white-space:nowrap;font-weight:700}.donate-module__BuGdTW__bankValue{color:#111827;font-weight:400}@media (max-width:639px){.donate-module__BuGdTW__bankCard{text-align:center;flex-direction:column;align-items:center}.donate-module__BuGdTW__bankRow{justify-content:center}}.donate-module__BuGdTW__terms{color:#6b7280;text-align:center;margin:.75rem 0 0;font-size:.8125rem;line-height:1.6}.donate-module__BuGdTW__termsLink{color:var(--color-primary,#008e48);text-underline-offset:2px;text-decoration:underline}.donate-module__BuGdTW__termsLink:hover{color:var(--color-primary-hover,#0a644a)}.donate-module__BuGdTW__input{color:#111827;background-color:#f7f8f7;border:1px solid #0000;border-radius:.625rem;outline:none;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s,background-color .15s}.donate-module__BuGdTW__input::placeholder{color:#9ca3af}.donate-module__BuGdTW__input:focus{border:2px solid var(--color-primary,#008e48);box-shadow:none;background-color:#fff}.donate-module__BuGdTW__inputAmount{text-align:center}.donate-module__BuGdTW__inputLocked{color:#6b7280;cursor:not-allowed}.donate-module__BuGdTW__inputLocked:hover{border-color:#0000}.donate-module__BuGdTW__inputError{border-color:var(--color-accent,#e5326f)}.donate-module__BuGdTW__inputError:focus{border-color:var(--color-accent,#e5326f);box-shadow:0 0 0 3px #e5326f1f}.donate-module__BuGdTW__errorText{color:var(--color-accent,#e5326f);margin:.4375rem 0 0;font-size:.8125rem}.donate-module__BuGdTW__submit{background-color:var(--color-primary,#008e48);color:#fff;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-family:inherit;font-size:1rem;font-weight:600;transition:background-color .15s;display:flex}.donate-module__BuGdTW__submit:hover{background-color:var(--color-primary-hover,#0a644a)}.donate-module__BuGdTW__submitIcon{width:1.125rem;height:1.125rem}.donate-module__BuGdTW__success{text-align:center;flex-direction:column;align-items:center;padding:2rem 1rem;display:flex}.donate-module__BuGdTW__successBadge{background-color:var(--color-primary-soft,#e6f4ed);width:3.5rem;height:3.5rem;color:var(--color-primary,#008e48);border-radius:999px;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.donate-module__BuGdTW__successIcon{width:1.75rem;height:1.75rem}.donate-module__BuGdTW__successTitle{color:#111827;margin:0;font-size:1.25rem;font-weight:700}.donate-module__BuGdTW__successText{color:#4b5563;max-width:24rem;margin:.625rem 0 0;font-size:.9375rem;line-height:1.7}.donate-module__BuGdTW__successAgain{border:1px solid var(--color-primary,#008e48);color:var(--color-primary,#008e48);cursor:pointer;background-color:#0000;border-radius:.75rem;margin-top:1.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background-color .15s}.donate-module__BuGdTW__successAgain:hover{background-color:var(--color-primary-soft,#e6f4ed)}.donate-module__BuGdTW__video{aspect-ratio:16/9;cursor:pointer;background-color:#0f172a;border:1px solid #f0eee9;border-radius:1rem;width:100%;padding:0;display:block;position:relative;overflow:hidden}.donate-module__BuGdTW__videoThumb{object-fit:cover;width:100%;height:100%;display:block}.donate-module__BuGdTW__videoOverlay{background-color:#0000001f;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:absolute;inset:0}.donate-module__BuGdTW__video:hover .donate-module__BuGdTW__videoOverlay{background-color:#00000040}.donate-module__BuGdTW__videoPlay{color:#fff;background-color:red;border-radius:.75rem;justify-content:center;align-items:center;width:4.25rem;height:3rem;transition:transform .2s;display:inline-flex;box-shadow:0 6px 20px #0000004d}.donate-module__BuGdTW__video:hover .donate-module__BuGdTW__videoPlay{transform:scale(1.06)}.donate-module__BuGdTW__videoPlayIcon{width:1.5rem;height:1.5rem}.donate-module__BuGdTW__videoFrame{border:none;width:100%;height:100%;display:block}.donate-module__BuGdTW__quote{text-align:center;color:#1f2937;background-color:#f3f4f2;border-radius:.875rem;margin:0;padding:1.375rem 1.5rem;font-size:1rem;font-weight:600;line-height:1.9}@media (max-width:639px){.donate-module__BuGdTW__quote{padding:1.125rem;font-size:.9375rem}}.donate-module__BuGdTW__bodyText{flex-direction:column;gap:1.125rem;display:flex}.donate-module__BuGdTW__paragraph{color:#374151;text-align:justify;margin:0;font-size:.9375rem;line-height:1.9}.donate-module__BuGdTW__featuresHeading{text-align:center;color:#111827;margin:0 0 1.25rem;font-size:1.0625rem;font-weight:700}.donate-module__BuGdTW__featureGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;display:grid}@media (max-width:479px){.donate-module__BuGdTW__featureGrid{grid-template-columns:minmax(0,1fr)}}.donate-module__BuGdTW__featureTile{border:1px solid #f0eee9;border-radius:.75rem;align-items:center;gap:.75rem;min-width:0;padding:.75rem .875rem;display:flex}.donate-module__BuGdTW__featureIcon{background-color:var(--color-primary-soft,#e6f4ed);width:2.25rem;height:2.25rem;color:var(--color-primary,#008e48);border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.donate-module__BuGdTW__featureIconGlyph{width:1.125rem;height:1.125rem}.donate-module__BuGdTW__featureLabel{color:#374151;min-width:0;font-size:.875rem}.donate-module__BuGdTW__whyHeading{color:#111827;align-items:center;gap:.5rem;margin:0 0 .875rem;font-size:1rem;font-weight:700;display:flex}.donate-module__BuGdTW__whyHeadingIcon{width:1.125rem;height:1.125rem;color:var(--color-primary,#008e48);flex-shrink:0}.donate-module__BuGdTW__whyText{color:#374151;text-align:justify;margin:0 0 1.125rem;font-size:.9375rem;line-height:1.9}.donate-module__BuGdTW__checklist{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.donate-module__BuGdTW__checkItem{color:#374151;align-items:flex-start;gap:.625rem;font-size:.9375rem;display:flex}.donate-module__BuGdTW__checkIcon{width:1.125rem;height:1.125rem;color:var(--color-primary,#008e48);flex-shrink:0;margin-top:.1875rem}
.recurring-confirm-drawer-module__9nMT0G__overlay{z-index:2147483647;justify-content:flex-end;display:flex;position:fixed;inset:0}.recurring-confirm-drawer-module__9nMT0G__backdrop{-webkit-backdrop-filter:blur(2px);background-color:#00000073;animation:.2s ease-out recurring-confirm-drawer-module__9nMT0G__fadeIn;position:absolute;inset:0}.recurring-confirm-drawer-module__9nMT0G__drawer{z-index:1;scrollbar-width:thin;scrollbar-color:#d1d5db transparent;background-color:#fff;flex-direction:column;width:100%;max-width:440px;height:100%;animation:.28s cubic-bezier(.16,1,.3,1) recurring-confirm-drawer-module__9nMT0G__slideInRight;display:flex;position:relative;overflow-y:auto;box-shadow:-8px 0 32px #00000026}.recurring-confirm-drawer-module__9nMT0G__drawer::-webkit-scrollbar{width:6px}.recurring-confirm-drawer-module__9nMT0G__drawer::-webkit-scrollbar-track{background:0 0}.recurring-confirm-drawer-module__9nMT0G__drawer::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:9999px}.recurring-confirm-drawer-module__9nMT0G__drawer::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary,#008e48)}.recurring-confirm-drawer-module__9nMT0G__closeBtn{z-index:10;color:#4b5563;cursor:pointer;background-color:#0000000a;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .15s;display:flex;position:absolute;top:1rem;right:1rem}.recurring-confirm-drawer-module__9nMT0G__closeBtn:hover{color:#111827;background-color:#00000014;transform:scale(1.05)}.recurring-confirm-drawer-module__9nMT0G__content{flex-direction:column;gap:1.15rem;padding:1.25rem;display:flex}.recurring-confirm-drawer-module__9nMT0G__headerCard{color:#fff;background-color:#0c8f49;border-radius:1rem;flex-direction:column;gap:.6rem;padding:1.25rem;display:flex;box-shadow:0 4px 14px #0c8f4933}.recurring-confirm-drawer-module__9nMT0G__headerTitle{color:#fff;margin:0;padding-right:2rem;font-size:1.25rem;font-weight:700;line-height:1.4}.recurring-confirm-drawer-module__9nMT0G__headerSubtitle{color:#ffffffeb;margin:0;font-size:.85rem;line-height:normal}.recurring-confirm-drawer-module__9nMT0G__warningBox{align-items:center;gap:.5rem;padding:.25rem .1rem;display:flex}.recurring-confirm-drawer-module__9nMT0G__warningIcon{color:#eab308;flex-shrink:0;width:1.25rem;height:1.25rem}.recurring-confirm-drawer-module__9nMT0G__warningText{color:#1f2937;margin:0;font-size:.875rem;font-weight:600;line-height:normal}.recurring-confirm-drawer-module__9nMT0G__detailsCard{background-color:#f8fafc;border:1px solid #edf2f7;border-radius:.875rem;flex-direction:column;gap:.75rem;padding:1rem 1.2rem;display:flex}.recurring-confirm-drawer-module__9nMT0G__detailRow{justify-content:space-between;align-items:center;font-size:.9rem;line-height:normal;display:flex}.recurring-confirm-drawer-module__9nMT0G__detailLabel{color:#4b5563;font-weight:500}.recurring-confirm-drawer-module__9nMT0G__detailValue{color:#111827;align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.recurring-confirm-drawer-module__9nMT0G__detailValueHighlight{color:#0c8f49;font-weight:700}.recurring-confirm-drawer-module__9nMT0G__gatewayBadge{align-items:center;gap:.35rem;display:inline-flex}.recurring-confirm-drawer-module__9nMT0G__gatewayLogo{object-fit:contain;width:auto;height:1.25rem}.recurring-confirm-drawer-module__9nMT0G__motivationText{color:#4b5563;margin:0;font-size:.825rem;line-height:normal}.recurring-confirm-drawer-module__9nMT0G__consentRow{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.65rem;display:flex}.recurring-confirm-drawer-module__9nMT0G__checkboxInput{accent-color:#0c8f49;cursor:pointer;width:1.1rem;height:1.1rem;margin-top:.2rem}.recurring-confirm-drawer-module__9nMT0G__consentLabel{color:#1f2937;font-size:.85rem;font-weight:600;line-height:normal}.recurring-confirm-drawer-module__9nMT0G__taxRebateLine{color:#4b5563;margin:-.35rem 0 0 1.75rem;font-size:.8rem;line-height:normal}.recurring-confirm-drawer-module__9nMT0G__taxRebateLink{color:#0c8f49;font-weight:600;text-decoration:underline}.recurring-confirm-drawer-module__9nMT0G__actionsRow{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.recurring-confirm-drawer-module__9nMT0G__backBtn{color:#334155;cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:.5rem;flex:1;justify-content:center;align-items:center;height:44px;font-size:.95rem;font-weight:600;transition:all .15s;display:inline-flex}.recurring-confirm-drawer-module__9nMT0G__backBtn:hover{background-color:#e2e8f0}.recurring-confirm-drawer-module__9nMT0G__submitBtn{color:#fff;cursor:pointer;background-color:#0c8f49;border:none;border-radius:.5rem;flex:1.25;justify-content:center;align-items:center;height:44px;font-size:.95rem;font-weight:600;transition:background-color .15s;display:inline-flex}.recurring-confirm-drawer-module__9nMT0G__submitBtn:hover{background-color:#0a7a3e}.recurring-confirm-drawer-module__9nMT0G__submitBtn:disabled{opacity:.6;cursor:not-allowed}.recurring-confirm-drawer-module__9nMT0G__disclaimerText{color:#6b7280;text-align:justify;margin:0;font-size:.75rem;line-height:normal}.recurring-confirm-drawer-module__9nMT0G__disclaimerLink{color:#0c8f49;font-weight:600;text-decoration:underline}@media (max-width:767px){.recurring-confirm-drawer-module__9nMT0G__overlay{align-items:flex-end}.recurring-confirm-drawer-module__9nMT0G__drawer{border-radius:1.25rem 1.25rem 0 0;max-width:100%;height:auto;max-height:90vh;animation:.28s cubic-bezier(.16,1,.3,1) recurring-confirm-drawer-module__9nMT0G__slideUp}}@keyframes recurring-confirm-drawer-module__9nMT0G__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes recurring-confirm-drawer-module__9nMT0G__slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes recurring-confirm-drawer-module__9nMT0G__slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}