:root{--maincolor: #079bdf;--darkblue: #025c8d;--errortext: #dc3545;--tertiary-border: rgb(218, 218, 218)}@font-face{font-family:Inter;src:url(../images/Inter-Regular-41ab0f70.ttf)}html *,a{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;font-family:Inter}html{overflow-x:hidden}body{position:relative;background-image:url(../images/bg-desktop-hero-image-cfe9ecd0.jpg);background-size:cover;background-repeat:no-repeat}body:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}input[type=radio]{display:none}label:hover{cursor:pointer}.form-control.is-invalid{border-color:#dc3545!important}.navbar{position:relative;background-color:#fff;width:100%;display:flex;height:4em;padding:0 100px;z-index:1000}.icon{display:none}.navbar .content #desktop-logo{position:absolute;top:50%;transform:translateY(-50%);left:2%;height:2em}.navbar .content{width:100%;display:flex;justify-content:center}.navbar .menu-list{display:inline-flex;justify-content:space-evenly;width:100%}.menu-list li a{color:var(--maincolor);font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:500;text-decoration:none}.menu-list li .active,.menu-list li a:hover{font-weight:600;color:var(--darkblue)}.icon.cancel-btn{position:absolute;right:30px;top:20px}.social-media-logo{display:none}.hero-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:110px 0;color:#fff;width:70%;gap:0px}.hero-wrapper h1{font-size:clamp(1rem,3vw,3rem)}.hero-wrapper img{width:80%;padding:10px 5%}.hero-footer{width:70%;padding:10px 0}.hero-headline{display:flex;justify-content:flex-start;align-items:center;width:80%}.hero-headline img{width:50%}.side-component{position:absolute;top:calc(48% - 4em);right:8%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:400px;flex-grow:1}.form{width:100%}.form p.donation-error-feedback{-webkit-text-emphasis-color:var(--errortext);text-emphasis-color:var(--errortext);text-align:center}.btn-next{background-color:var(--darkblue);color:#fff;border:none;width:50%;margin:20px auto;padding:7px;border-radius:25px}.progressbar{width:70%;position:relative;display:none;justify-content:space-between;counter-reset:step;margin-bottom:1em}.progressline{position:absolute;top:50%;transform:translateY(-50%);height:2px;width:100%;background-color:#dcdcdc}.progress-step{width:20px;height:20px;background-color:#dcdcdc;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative}.progress-step:after{content:attr(data-title);position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);text-align:center;width:100px;font-size:.7rem;color:#fff}.progressbar-active{display:flex}.step-active{background-color:var(--darkblue)}.step-2-line{width:33%;background-color:var(--darkblue)}.step-3-line{width:66%;background-color:var(--darkblue)}.step-4-line{width:100%;background-color:var(--darkblue)}.column{display:flex;flex-direction:column;align-items:center;height:100%;padding:25px;width:100%}.head-form{padding:0}.card-header{background-color:var(--tertiary-border);height:50px;width:100%;display:flex}.card-header label{text-align:center;padding-top:15px;width:50%;border:none;background-color:var(--tertiary-border);color:var(--maincolor);font-weight:600}.card-header label.active-gift-type{background-color:#fff;border-top-right-radius:20px;border-top-left-radius:20px}.donation-date{display:flex;flex-direction:column;align-items:center;width:100%}.donation-date div{width:100%;position:relative}.donation-date-text{font-size:.7rem;font-weight:700;margin-top:10px}.donation-date-input{padding:10px 30px;border:1px solid var(--maincolor);border-radius:25px!important;box-sizing:border-box;font-size:16px;color:#666}.input-group{position:relative}.input-group-append{position:absolute;right:5%;z-index:100}.fa-sort-down{font-size:clamp(1rem,1.8vw + .5rem,2rem)}.datepicker{padding:10px!important}.datepicker td{padding:10px}.card-title{font-weight:600;font-size:clamp(.9rem,1.2vw,2.5rem)}.card-body{display:flex;flex-direction:column;padding:50px 25px;gap:20px;color:var(--maincolor)}.donation-error-feedback{color:var(--errortext)!important;text-align:center}.amounts{display:grid;place-items:center;grid-template-columns:1fr 1fr;gap:15px}.amounts label,#other_amount{background-color:var(--maincolor);text-align:center;padding:.5em;border:none;border-radius:50px;color:#fff;width:clamp(125px,100%,150px)}#other_amount{transition:background-color .5s ease}#other_amount::placeholder{color:#fff}#other_amount:focus{outline:2px solid var(--maincolor);background-color:#fff;color:gray}.amounts .active-amount,#other_amount.active-amount{background-color:var(--darkblue);color:#fff}.payments{display:flex;justify-content:space-between;width:100%}.payments label{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:.65rem;font-weight:600;gap:10px;color:var(--maincolor);padding:5px;border-radius:5px;border:none}.payments label:hover,.payments .active-payment-option,.payments label:hover>.icon-container,.active-payment-option>.icon-container{background-color:#dbf1fd}.icon-container{height:60px;border-radius:5px;display:grid;place-items:center;padding:10px;background-color:#ebf8ff}.icon-container img{width:40px}.payments label.disable-hover{pointer-events:none;color:#acacac}.payments label.disable-hover .icon-container{background-color:#e9e9e9}.payments label.disable-hover .icon-container img{filter:grayscale(1);opacity:.5}.personal-info{padding:25px;gap:15px}.personal-info .p-info-input,.other-ways-input{border-radius:50px;border:1px solid var(--maincolor);padding:7px 20px;width:100%}.p-info-input:focus{outline:1.5px solid var(--darkblue)}.input-wrapper{width:100%}.privacy-act-info{font-size:.7rem;color:#9e9e9e}.agree-box label{font-weight:600;font-size:.8rem;gap:10px}.agree-box label a{text-decoration:underline;color:#000;text-underline-offset:2px}.e-wallet-container{display:flex;flex-direction:column;gap:20px;align-items:center;padding:3em 0;width:100%}.e-wallets{border:1px solid var(--maincolor);border-radius:50px;width:100%;height:40px;background-size:contain;background-position:center;background-repeat:no-repeat;transition:all .5s ease-out}.e-wallets img{height:40px}.e-wallets.g-cash{background-image:url(/build/assets/gcash-blue-771b2bb5.png)}.e-wallets.paymaya{background-image:url(/build/assets/maya-blue-08276462.png)}.e-wallets.shopee-pay{background-image:url(/build/assets/shopeepay-blue-16c510b8.png)}.e-wallets.bdo-pay{background-image:url(/build/assets/bdopay-blue-4fc9cbc7.png)}.e-wallets.paypal{background-image:url(/build/assets/paypal-blue-1c4a09cd.png)}.e-wallets.g-cash:hover,.g-cash.active-e-wallet{background-image:url(/build/assets/gcash-white-cc5f352c.png)!important;background-color:var(--maincolor)}.e-wallets.paymaya:hover,.paymaya.active-e-wallet{background-image:url(/build/assets/maya-white-5c5d622e.png);background-color:var(--maincolor)}.e-wallets.shopee-pay:hover,.shopee-pay.active-e-wallet{background-image:url(/build/assets/shopeepay-white-77fb9842.png);background-color:var(--maincolor)}.e-wallets.bdo-pay:hover,.bdo-pay.active-e-wallet{background-image:url(/build/assets/bdopay-white-0cbb5710.png);background-color:var(--maincolor)}.e-wallets.paypal:hover,.paypal.active-e-wallet{background-image:url(/build/assets/paypal-white-9eb5ec28.png);background-color:var(--maincolor)}.gift-received-form .content{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;text-align:center;gap:20px}.gift-received-form .content h1{color:var(--maincolor);font-weight:700}.gift-received-form .content p{color:#acacac;font-weight:500;font-size:.9rem}.gift-received-form .content img{width:50%}.gift-received-form .content .hotline-num{font-size:.7rem}.others-form{gap:20px;color:var(--maincolor);padding-top:50px}.others-form .option-container{display:grid;place-items:center;grid-template-columns:1fr 1fr;gap:20px}.others-form .option-container label{width:120px;height:80px;overflow:hidden;border:1px solid var(--tertiary-border);background-size:80%;background-position:center;background-repeat:no-repeat;border-radius:10px;background-color:#f8f8f8}.option-container .mlhuillier{background-image:url(/build/assets/mlhuillier-logo-3e4b23cb.png)}.option-container .iremit{display:flex;align-items:center;justify-content:center;font-size:clamp(.7rem,1.2vw,1.1rem);font-weight:700;letter-spacing:.4rem;color:var(--maincolor)}.option-container .rd-pawnshop{background-image:url(/build/assets/rd-pawnshop-logo-0ff6c38a.png)}.option-container .seven-eleven{background-image:url(/build/assets/7-eleven-logo-291ad64e.png)}.option-container .bpi-edonate{background-image:url(/build/assets/BPI-eDonate-10b4635a.png)}.option-container .bank-bdo{background-image:url(/build/assets/bdo-logo-46cc111e.png)}.option-container .bank-bpi{background-image:url(/build/assets/BPI-Logo-25532f8d.png)}.option-container .bank-metrobank{background-image:url(/build/assets/metrobank-logo-4ffe98bc.png)}.others-deposit-slip{border:1.5px dashed var(--tertiary-border);border-radius:15px;padding:2em 3em;font-weight:600;font-size:.7rem;color:var(--maincolor)}.others-deposit-slip:hover,.option-container label:hover,.active-other-ways{border:1px solid var(--darkblue)!important;outline:1px solid var(--darkblue);outline-offset:2px}.other-ways-form{gap:20px}.other-ways-form img{width:50%;margin:30px 0}.other-ways-body{padding:0 10px;height:450px;overflow-y:scroll;margin-bottom:10px}.other-ways-body::-webkit-scrollbar{width:5px}.other-ways-body::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:6px}.other-ways-body::-webkit-scrollbar-track{background-color:#f1f1f1}.other-ways-body p{margin-bottom:20px;color:var(--maincolor)}.iremit-form{color:var(--maincolor)}.iremit-form-title{margin:30px 0}.iremit-form h3{font-weight:600}.rd-pawnshop-form img,.seven-eleven-form img{width:35%}.seven-eleven-subletters{margin-bottom:20px}.seven-eleven-subletters p{margin-bottom:0}.online-bank-form{text-align:center;color:var(--maincolor)}.online-bank-container{display:flex;flex-direction:column;gap:20px;align-items:center;padding:1em 0;width:100%}.online-banks{border:1px solid var(--maincolor);border-radius:50px;width:100%;height:40px;background-size:contain;background-position:center;background-repeat:no-repeat}.online-banks.bdo{background-image:url(/build/assets/bdo-logo-46cc111e.png)}.online-banks.bpi{background-image:url(/build/assets/BPI-Logo-25532f8d.png)}.online-banks.metrobank{background-image:url(/build/assets/metrobank-logo-4ffe98bc.png)}.online-banks.unionbank{background-image:url(/build/assets/unionbank-logo-e884a6a8.jpeg)}.online-bank-form .bank-deposit-slip{border:1.5px dashed var(--tertiary-border);border-radius:15px;padding:2em 0;font-weight:600;font-size:.7rem;color:var(--maincolor)}.online-banks:hover,.bank-deposit-slip:hover,.active-online-bank{border:1px solid var(--darkblue)!important;outline:1px solid var(--darkblue);outline-offset:2px}.metrobank-form{gap:20px}.metrobank-form img{width:50%}.metrobank-div{width:100%;text-align:center;color:var(--maincolor)}.metrobank-div h6{font-weight:600}.bpi-form{color:var(--maincolor)}.bpi-upper-div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding-bottom:20px;background-color:#faf8f8;width:400px}.bpi-upper-div h6{font-weight:600}.bpi-form .bpi-upper-div img{width:30%}.bpi-lower-div{font-size:.8rem;margin-top:20px}#instruction{margin-bottom:10px}.bpi-lower-div .bpi-content-div{padding:10px;font-size:.7rem}.bpi-lower-div .bpi-content-div .details{margin-left:10px}.bpi-tab-container ul{list-style:none;display:flex;border-bottom:1px solid gray;margin-top:10px;padding:0}.bpi-tab-container ul li{margin:5px 10px;color:gray}.bpi-tab-container ul .active-tab{color:var(--maincolor);font-weight:600}.bpi-tab-container ul li a{text-decoration:none;color:gray}.bpi-tab.active{color:var(--maincolor);font-weight:700}.bpi-panel{padding:10px}[data-tab-content]{display:none}.active[data-tab-content]{display:block}.unionbank-form{padding:40px;gap:20px}.unionbank-form img{width:50%}.unionbank-form h6{font-weight:600}.unionbank-div{width:100%;text-align:center;color:var(--maincolor)}.bdo-form{padding:40px;gap:20px}.bdo-form h6{font-weight:600}.bdo-form img{width:50%}.bdo-div{width:100%;text-align:center;color:var(--maincolor)}.bank-deposit-slip-p{color:var(--maincolor);font-weight:600}.bank-deposit-slip{width:100%;text-align:center;font-size:clamp(.6rem,1vw,1rem);padding:5rem 0}.bank-deposit-input-date{cursor:pointer}.credit-card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.credit-card-container label{width:90px;height:60px;overflow:hidden;border:1px solid var(--tertiary-border);background-size:80%;background-position:center;background-repeat:no-repeat;border-radius:10px;background-color:#f8f8f8}.credit-card-container label:hover{border:2px solid var(--darkblue)}.credit-card-container .visa{background-image:url(/build/assets/visa-b4321b36.png)}.credit-card-container .mastercard{background-image:url(/build/assets/mastercard-750ac8d2.png)}.credit-card-container .jcb{background-image:url(/build/assets/jcb-8aa64c75.jpg)}.credit-card-container .american-express{background-image:url(/build/assets/american-express-189bb41c.png)}.credit-card-container .cc-bpi{background-image:url(/build/assets/BPI-Logo-25532f8d.png)}.credit-card-container .cc-bdo{background-image:url(/build/assets/bdo-logo-46cc111e.png)}.credit-card-container .cc-metrobank{background-image:url(/build/assets/metrobank-logo-4ffe98bc.png)}.credit-card-container .dragonpay{background-image:url(/build/assets/dragonpay-3671da31.jpg)}.credit-card-container .gcash{background-image:url(/build/assets/gcash-logo-5eba7652.png)}.credit-card-container .cebuana{background-image:url(/build/assets/cebuana-518c6a0a.png)}.credit-card-container .cc-paymaya{background-image:url(/build/assets/paymaya-logo-8cbea473.png)}.credit-card-container label:hover,.active-credit-card{border:1px solid var(--darkblue)!important;outline:1px solid var(--darkblue);outline-offset:2px}.inquiries{font-size:clamp(.65rem,.7vw,.85rem)}.form-step{display:none;background-color:#fff;border-radius:20px;overflow:hidden;width:100%}.form-step-active{display:block}.footer{display:flex;height:7em;width:100vw;align-items:center;padding-left:5%;color:#fff;font-size:1.1rem;position:relative}.top-footer{background-color:#d3e9f4}.img-container{display:flex;justify-content:center;min-width:200px}.footer p{padding-left:3%;margin-right:35vw}.PCNC-logo{height:4em}.PCNC-info{color:var(--maincolor)}.main-footer{background-color:var(--darkblue)}.CBN-logo{height:2.5em}#privacy-notice{color:#fff}#privacy-notice:hover{text-decoration:underline;text-underline-offset:3px}.social-medias{position:absolute;right:5%;display:flex;gap:20px}.social-medias a{background-color:var(--maincolor);padding:20px;border-radius:50%;position:relative}.social-medias img{width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 1399.98px){nav ul li a{font-size:1rem}.hero-wrapper{width:68%;padding:130px 2%;background-size:cover}.hero-wrapper img{width:90%;padding:10px 5%}.hero-footer{width:80%;padding:10px 0}.hero-headline{display:flex;justify-content:flex-start;align-items:center;width:90%}.hero-headline img{width:50%}.side-component{transform:translateY(-55%);gap:15px;max-width:320px;min-width:300px}.card-body{padding:20px;gap:10px}.donation-date-input{padding:5px 20px}.personal-info{gap:5px}.btn-next{margin:10px auto}.progress-step:after{font-size:.55rem}.privacy-act-info{font-size:.6rem}.agree-box label{font-size:.7rem}.gift-received-form .content h1{font-size:2rem}.others-form{gap:10px}.others-form .option-container label{width:100px;height:60px}.online-bank-container,.metrobank-form{gap:10px}.bpi-form{padding:10px 20px}.bpi-upper-div{gap:10px;margin-bottom:0}.bpi-tab-container ul li{font-size:.7rem}.bpi-lower-div{margin-top:10px}.bpi-lower-div b{font-size:.7rem}.unionbank-form{gap:10px}.credit-card-container label{width:70px;height:50px}.personal-info .p-info-input,.btn-next,.online-bank-form,.bpi-upper-div h6,.bpi-upper-div p,.unionbank-form,.metrobank-form *,.bdo-form *,.unionbank-form *{font-size:.8rem}}@media screen and (max-width: 1199px){.navbar .content #desktop-logo{height:1.5em}.hero-wrapper{width:68%;padding:130px 2%;background-size:cover}.hero-wrapper img{width:90%;padding:10px 5%}.hero-footer{width:80%;padding:10px 0}.hero-headline{display:flex;justify-content:flex-start;align-items:flex-start;width:90%}.hero-headline img{width:50%}.side-component{top:45%}.card-body{gap:10px}.amounts label,#other_amount{padding:.4em}.payments label{font-size:.5rem;gap:5px}.bank-deposit-slip{padding:3rem 0}.footer{height:6em}.footer p{font-size:.9rem}.PCNC-logo{height:3em}.CBN-logo{height:2em}.personal-info .p-info-input,.btn-next,.online-bank-form,.bpi-upper-div h6,.bpi-upper-div p,.unionbank-form,.metrobank-form *,.bdo-form *,.unionbank-form *{font-size:.7rem}}@media screen and (max-width: 991.98px){nav{padding:0 50px}.hero-wrapper{width:65%;padding:125px 2%;background-size:cover}.side-component{max-width:300px;min-width:250px}.card-header,.amounts label,#other_amount{font-size:.8rem}.e-wallet-container{gap:10px}.e-wallet-container label,.online-bank-container label{height:30px}.online-bank-form .bank-deposit-slip,.others-form .others-deposit-slip,.bpi-lower-div b,.bpi-tab-container ul li{font-size:.6rem}.others-form .option-container label{width:80px;height:50px}.bdo-form img{width:40%}.footer{height:5em}.footer p{font-size:.8rem}.img-container{min-width:150px}.PCNC-logo{height:2em}.CBN-logo{height:1.5em}.social-medias{gap:10px}.social-medias a{padding:15px}.social-medias img{width:15px;height:15px}.personal-info .p-info-input,.btn-next,.online-bank-form,.bpi-upper-div h6,.bpi-upper-div p,.unionbank-form,.metrobank-form *,.bdo-form *,.unionbank-form *,.active[data-tab-content]{font-size:.6rem}}@media screen and (max-width: 868px){body:before{content:none}nav{padding:0;flex-direction:column}.navbar .content #desktop-logo{left:50%;transform:translate(-50%,-50%)}.hero-wrapper{width:60%;padding:125px 2%;background-size:cover}.icon{display:block;height:50px;width:50px;line-height:50px;border-radius:50%;z-index:9}.icon.cancel-btn{display:none}.icon.menu-btn{position:absolute;top:50%;left:2%;transform:translateY(-50%)}.icon.cancel-btn.show{display:block}.icon.hide{display:none}.navbar .menu-list{position:fixed;top:0;left:0;height:100vh;height:100svh;width:100%;background:var(--maincolor);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:40px 50px;text-align:center;transform:translate(-150%);transition:all .3s ease}.navbar .menu-list.active{transform:translate(0)}.navbar .menu-list li{margin-bottom:40px;padding-bottom:40px;text-align:left;width:100%;border-bottom:1px solid gray}.navbar .menu-list li a{font-size:1.3rem;margin-left:0;height:100%;color:#fff}.social-media-logo{display:flex;width:100%;justify-content:space-between}.navbar-social-media{display:flex;gap:20px}.navbar-social-media a{display:grid;place-items:center;padding:10px;border-radius:50%;background-color:var(--darkblue)}.navbar-social-media img{height:2em}.social-media-logo .navbar-cbn-logo{height:3em}}@media (max-width: 768px){body{background-image:none;background-color:#eff4f7}.navbar .menu-list li{padding-bottom:3vh;margin-bottom:3vh}.hero-wrapper{background-image:url(../images/bg-desktop-hero-image-cfe9ecd0.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;padding:50px 0;gap:20px}.hero-headline{width:90%;display:flex;justify-content:center;align-items:center}.side-component{margin:20px auto;position:static;top:0;transform:translateY(0)}.progress-step:after{color:#000}.side-component .inquiries{color:var(--maincolor)!important}.personal-info .p-info-input,.btn-next,.online-bank-form,.bpi-upper-div h6,.bpi-upper-div p,.unionbank-form,.metrobank-form *,.bdo-form *,.unionbank-form *,.active[data-tab-content]{font-size:.9rem}.datepicker{padding:5px!important}.datepicker td{padding:5px}.other-ways-body{height:auto;overflow-y:auto}.footer{height:5em}.top-footer{display:flex}.img-container{min-width:150px}.PCNC-logo{height:2.5em;width:auto}.CBN-logo{height:1.5em;width:auto}.footer p{margin-right:5vw;font-size:.8rem}.social-medias{display:none}}@media screen and (max-width: 575.98px){.icon.menu-btn,.icon.cancel-btn.show{width:40px;height:40px}.navbar-social-media a img{width:15px;height:15px}.social-media-logo img{width:auto;height:20px}.social-media-logo .navbar-cbn-logo{height:1.7em}.img-container{min-width:100px}.PCNC-logo{height:1.5em}.CBN-logo{height:1em}.footer .PCNC-info{font-size:.7rem}.footer .copyright{font-size:.6rem}}@media screen and (max-width: 390px){.icon.menu-btn,.icon.cancel-btn.show{width:30px;height:30px}.hero-wrapper img{width:100%;padding:5px 5%}.hero-headline{width:100%;display:flex;justify-content:center;align-items:center}.hero-headline img{width:90%}.hero-footer{width:100%;padding:5px 5%}.side-component{width:300px}.navbar-social-media{gap:10px}.navbar-social-media a{background-color:var(--darkblue);padding:10px;border-radius:50%;display:grid;place-items:center}.footer .PCNC-info{font-size:.6rem}}@media screen and (max-width: 320px){.footer .PCNC-info{font-size:.5rem}}