.homepage-container{position:relative;display:flex;flex-direction:column;color:var(--text-md)}.black-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;transition:background-color .3s ease}.homepage-container picture{display:flex;height:85vh;width:100%;margin:0 auto;align-items:center;justify-content:center;position:fixed;top:70px;left:0;z-index:-1;background:var(--btn-primary)}.hp-homepage-cover{width:100%;height:100%;object-fit:cover}.hp-homepage-first-content{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;position:fixed;top:calc(40vh + 70px);left:50%;width:100%;padding:0 20px;max-width:600px;transform:translateX(-50%) translateY(-70%);color:var(--text-dark);z-index:1}.hp-homepage-title-small{font-size:1rem;font-weight:700;margin-bottom:10px;color:#950202}.hp-homepage-title-big{font-size:2.5rem;font-weight:700;margin-bottom:30px;white-space:wrap;color:var(--text-dark)}.cursor-block{display:inline-block;font-size:2.5rem;font-weight:bolder;color:#950202;animation:blink-block .75s step-end infinite}.hp-get-started-btn{width:200px;height:45px;padding:4px;border-radius:16px;background:var(--btn-secondary);cursor:pointer}.hp-get-started-btn,.hp-get-started-btn span{display:flex;align-items:center;justify-content:center}.hp-get-started-btn span{font-size:1.2em;font-weight:700;border-radius:calc(16px - 4px);width:100%;height:100%;color:var(--text-light);background:transparent;transition:background .3s linear,color .3s linear}.hp-get-started-btn:hover span{background:var(--text-light);color:var(--text-md)}.hp-homepage-second{min-height:500px;background:var(--text-light);border-top-left-radius:50px;border-top-right-radius:50px;padding-top:60px;padding-bottom:50px;margin-top:75vh;z-index:2;display:flex;flex-direction:column;align-items:center}.hp-happening-worldwide{width:100%;margin:0 auto;max-width:1300px;padding:0 30px;display:flex;flex-direction:column;row-gap:20px}.hp-happening-worldwide-title{font-size:1.5rem;font-weight:700}.hp-happening-worldwide-filters{display:flex;align-items:center;justify-content:space-between}.hp-filter-container{display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;position:relative}.hp-main-filter{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:3px solid var(--text-md);border-radius:12px;width:200px;cursor:pointer;font-size:1rem;font-weight:600;transition:background .2s linear}.hp-main-filter:hover{background:#b7dddd}.hp-main-filter-icon{display:flex;align-items:center;justify-content:center;font-size:1rem}.hp-filter-option-container{position:absolute;top:30px;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:1;background:var(--text-light);width:200px;border-radius:12px;padding:6px 4px;display:flex;flex-direction:column;transform:translateY(0);opacity:0;transition:transform .2s ease,opacity .2s ease;pointer-events:none}.hp-show-filters{transform:translateY(10%);opacity:1;pointer-events:auto}.hp-filter-option{padding:8px 6px;display:flex;align-items:center;column-gap:12px;font-size:1.05rem;font-weight:500;cursor:pointer;border-radius:8px;transition:background .2s linear}.hp-filter-option:hover{background:#b7dddd}.hp-filter-option-icon{font-size:1.2rem}.hp-filter-option-icon,.hp-page-change-buttons{display:flex;align-items:center;justify-content:center}.hp-page-change-buttons{column-gap:20px}.hp-page-change-buttons button{display:flex;align-items:center;justify-content:center;font-size:1.2rem;padding:8px;background:none;border-radius:50%;border:2px solid var(--text-md);cursor:pointer;transition:background .2s linear}.hp-page-change-buttons button:hover{background:#b7dddd}.hp-page-change-buttons button:disabled{border:2px solid gray;cursor:not-allowed;color:gray}.hp-happening-worldwide-lists{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);align-items:stretch;justify-content:space-between;grid-column-gap:20px;column-gap:20px;grid-row-gap:15px;row-gap:15px}.hp-fundraiser-item{display:flex;align-items:center;justify-content:center;border-radius:12px;max-width:350px;min-width:250px;cursor:pointer;transition:background .2s linear}.hp-first-item{grid-column:1/span 2;grid-row:1/span 2;max-width:610px;min-width:400px}.hp-fundraiser-item a{display:flex;flex-direction:column;row-gap:15px;padding:8px;width:100%;height:100%}.hp-fundraiser-item:hover{background:#e9f4f4}.hp-fundraiser-item:hover .hp-fundraiser-cover-image{transform:scale(1.05)}.hp-fundraiser-image-cont{width:100%;height:150px;border-radius:8px;overflow:hidden;position:relative}.hp-first-item-image-cont{height:422px}.hp-fundraiser-cover-image{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .2s linear}.hp-fundraiser-address{position:absolute;left:10px;bottom:10px;background:var(--text-md);color:var(--text-light);padding:5px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.hp-fundraiser-details{display:flex;flex-direction:column;row-gap:10px;padding:0 10px;flex-grow:1;justify-content:space-between}.hp-fundraiser-title{font-size:1rem;font-weight:700}.hp-details-progress{display:flex;flex-direction:column;row-gap:5px;width:100%}.hp-details-progress-top{width:100%;height:6px;border-radius:10px;background:#dbdada;overflow:hidden}.hp-progress-bar{height:100%;border-radius:10px;background:var(--btn-primary)}.hp-progress-amount{font-weight:700;font-size:.9rem}.hp-homepage-third{width:100%;background:#96bebe;margin:60px auto;padding:100px 0;display:flex;align-items:center;justify-content:center;border-radius:0;transition:width .2s linear,border-radious .2s linear}.hp-homepage-third:hover{width:90%;border-radius:20px}.hp-third-inner{display:flex;flex-direction:column;row-gap:30px;width:100%;max-width:1300px;padding:0 30px}.hp-third-inner-title{font-size:2rem;font-weight:700;max-width:600px;letter-spacing:1px}.hp-third-inner-desc{font-size:1.4rem;font-weight:500;letter-spacing:.5px;max-width:1000px}.hp-homepage-fourth{max-width:1300px;padding:0 30px;width:100%;display:flex;flex-direction:column;row-gap:20px}.hp-fourth-fundraise-list{display:flex;flex-direction:column;justify-content:center}.hp-fourth-fundraise-listitem{display:flex;align-items:center;justify-content:center;width:100%}.hp-fourth-fundraise-listitem a{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:space-between;padding:30px 0}.hp-fourth-seperator{width:100%;height:1px;background:var(--text-md)}.hp-fundraise-listitem-left{display:flex;flex-direction:column;row-gap:12px}.hp-listitem-left-title{font-size:1.8rem;font-weight:700}.hp-listitem-left-desc{font-size:1.2rem;font-weight:500;letter-spacing:.5px}.hp-fundraise-listitem-right{display:flex;align-items:center;justify-content:center;padding:4px;font-size:1.2rem;border-radius:50%;border:2px solid var(--text-md);background:none;color:var(--text-md);transition:background .2s linear,color .2s linear}.hp-fourth-fundraise-listitem a:hover .hp-fundraise-listitem-right{background:var(--text-md);color:var(--text-light)}@keyframes blink-block{50%{opacity:0}}.skeleton-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);align-items:stretch;justify-content:space-between;grid-column-gap:20px;column-gap:20px;grid-row-gap:15px;row-gap:15px;max-width:1250px;width:100%;margin:0 auto}.skeleton{background:var(--text-light);display:flex;row-gap:8px;flex-direction:column;padding:8px;border-radius:12px;max-width:350px;min-width:250px}.first{grid-column:1/span 2;grid-row:1/span 2;max-width:610px;min-width:400px}.image-skeleton{width:100%;height:150px;border-radius:8px;background:#b9b8b8}.image-first{height:422px}.title-skeleton{height:25px;margin-bottom:5px}.progress-skeleton,.title-skeleton{width:100%;border-radius:8px;background:#b9b8b8}.progress-skeleton{height:8px;overflow:hidden;position:relative}.progress-bar-skeleton{width:60%;height:100%;border-radius:8px;background:gray}.amount-skeleton{width:40%;height:15px;border-radius:8px;background:#b9b8b8}