@import"https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background-color:#eee}p{font-family:Inter,Helvetica,sans-serif}h1,h2,h3{font-family:Archivo Narrow,Helvetica,sans-serif}:root{--button-background-color: #337321}.top-header{display:flex;align-items:center;position:relative;height:70%;width:auto}.logo-space{display:flex;align-items:center;justify-content:center;width:370px;height:140px;border-radius:8px}.searchbar-space{display:flex;align-items:center;width:370px;height:30%;margin-left:auto;margin-right:clamp(20px,2vw,80px)}.searchbar-space h1{margin:auto auto auto 5%;font-size:clamp(14px,2vw,24px)}.donate-border{display:flex;justify-content:flex-end;width:10%;height:50%;min-width:160px}.donate-button{display:flex;align-items:center;width:70%;height:100%;background-color:var(--button-background-color);padding:0 5%;border:1px solid #000000;border-radius:20px 0 0 20px;position:relative;cursor:pointer;transition:width .75s ease-in-out,background-color .75s ease-in-out,box-shadow .5s ease-in-out}.donate-button:hover{background-color:#27461f;width:100%;box-shadow:0 0 20px #2fff00bf}.donate-button:hover .donate-text{color:#fff;transition:color 2s ease}.donate-background{margin-left:auto;margin-right:auto;max-width:100%;width:100%;height:80%;display:flex;padding:0,5%;align-items:center;justify-content:center;container-type:inline-size}.donate-text{text-transform:uppercase;color:#000;transition:color .5s ease;font-family:Archivo Narrow;letter-spacing:2px;font-size:clamp(5cqw,20cqw,36cqw);font-weight:800}.bottom-header{height:30%;width:100%;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box}.nav{width:90%;height:100%;justify-content:space-around;background-color:#00599c;border-radius:20px 0 0 20px;font-family:Inter}.nav ul{width:100%;height:100%;display:flex;align-items:center;justify-content:space-around;list-style:none}.nav a{position:relative;text-decoration:none;color:#fff;font-size:15px;transition:text-shadow .3s ease-in-out}.nav a:hover{color:#fff;text-shadow:0 0 8px #8797a4,0 0 12px #000000}.nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:10%;background-color:#004479;box-shadow:0 0 6px 2px #0c92ff;transform:scaleX(0);transform-origin:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.nav a:hover:after{transform:scaleX(1)}.nav-link.active{color:gold}.Logo_OWQ{width:100%;height:auto;max-width:100%;max-height:100%}.Header{height:200px;width:auto}@media (max-width: 920px){.searchbar-space{margin-left:5vw;margin-right:2vw}}@media (max-width: 800px){.donate-border{width:auto;flex:1 0 160px}.searchbar-space{margin-left:5vw;margin-right:2vw}}@media (max-width: 500px){.searchbar-space{display:none}.donate-border{width:40%}}@media (max-width: 400px){.donate-border,.logo-space{flex:0 1 60%}.donate-text{font-size:clamp(5cqw,20cqw,36cqw)}.donate-button:hover{width:90%}}.search-wrapper{position:relative;width:100%;height:100%;z-index:9999}.search-input{width:100%;height:100%;font-size:16px;background-color:#d7d7d7;border:2px solid #000000;border-radius:20px;padding:5% 10%;transition:border-color .3s ease,background-color .3s ease,border-radius .2s ease;caret-color:#333;animation:blink-caret 1s step-end infinite;font-family:Inter}.search-input:hover{border-color:#00599c;background-color:#fff}.search-input.dropdown-open{border-radius:20px}.search-input.dropdown-open:focus{border-bottom-left-radius:0;border-bottom-right-radius:0}.search-input:focus{border-color:#337321;outline:none;background-color:#f9f9f9}.search-dropdown{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#f9f9f9;border:1px solid #337321;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 8px #0000001a;font-family:Inter}.search-item{cursor:pointer;padding:10px;border-bottom:1px solid #cdcdcd}.search-item:last-child{border-bottom:none}.search-item:hover{background-color:#dadada}.search-wrapper:has(.search-input:focus) .search-dropdown{display:block}@keyframes blink-caret{0%,to{caret-color:transparent}50%{caret-color:#333}}.footer{background-color:#00599c;color:#fff;padding:30px 20px 10px;font-family:Segoe UI,sans-serif;position:relative;box-shadow:0 -3px 10px #00000026}.footer-navbar{display:flex;justify-content:left;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:30px;padding-bottom:10px}.footer-navbar button{background-color:transparent;border:none;color:#fff;padding:10px 16px;border-radius:5px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:18px}.spacer{background-color:#fff;height:100px;width:5px;border-radius:20px}.footer-navbar button:hover{background-color:#fff;color:#edb512;transform:scale(1.05)}.footer-main{display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.2);gap:30px;width:calc(100% - 325px)}.footer-left{flex:1;display:flex;gap:20px;align-items:center}.footer-left h3{font-weight:400}.footer-logo{max-width:200px;display:flex;align-items:center;justify-content:center;animation:logoBounce 1s ease-in-out}.footer-logo img{width:100%;height:auto}.footer-logo:hover{animation:pulse .8s ease-in-out infinite}.org-description{font-size:14px;line-height:1.6;color:#f0f0f0;max-width:580px}.donate-box{background-color:#fffd;padding:25px;border-radius:12px;max-width:320px;color:#1c1c1c;display:flex;flex-direction:column;gap:15px;box-shadow:0 4px 12px #0000001a;position:absolute;top:20px;right:20px}.donate-box h3{margin:0;font-size:20px;font-weight:700}#donate-msg-box{width:100%;height:70px;padding:12px;border-radius:10px;border:1px solid #ccc;resize:none;font-size:15px;font-family:inherit;transition:border-color .3s ease}#donate-msg-box:focus{border-color:#53a2da;outline:none}.amount-options{display:flex;flex-wrap:wrap;gap:12px}.amount-btn{background-color:#e0e0e0;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;transition:.3s ease;color:#333;font-weight:600;box-shadow:0 2px 5px #0000001a}.amount-btn:hover{background-color:#cfcfcf;transform:scale(1.1)}.amount-btn.selected{background-color:#edb512;color:#fff;font-weight:700;box-shadow:0 0 8px #edb512}.donate-btn-green{background-color:#337321;color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;font-weight:700;font-size:16px;transition:all .3s ease;box-shadow:0 4px 10px #28a74580}.donate-btn-green:hover{background-color:#27461f;transform:scale(1.05);box-shadow:0 6px 15px #218838b3}.social-media{margin-top:30px;display:flex;justify-content:center;gap:30px;font-size:26px}.social-media a{color:#fff;transition:transform .3s ease,color .3s ease;display:flex;align-items:center;justify-content:center}.social-media a:hover{color:gold;transform:scale(1.4)}.footer-bottom{text-align:center;margin-top:20px;font-size:14px;color:#e0e0e0}@keyframes logoBounce{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}html{scroll-behavior:smooth}@media screen and (max-width: 900px){.footer-main{flex-direction:column;align-items:center;text-align:center;width:100%}.footer-left,.footer-navbar,.donate-box{max-width:100%}.footer-navbar{justify-content:center}.donate-box{display:none}.footer-left{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.spacer{display:none}.social-media{flex-wrap:wrap;gap:20px;font-size:24px}}.cta-card{background-image:url(/assets/background-leafy-muhI3DhA.jpg);background-position:left;width:500px;height:240px;border-radius:1rem;overflow:hidden;font-family:Inter,sans-serif;box-shadow:0 8px 20px #0003;z-index:10;position:absolute;bottom:960px;left:160px}.overlay{background-color:#206113d9;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:1.5rem;text-align:center;z-index:3;position:relative;left:0;bottom:0}.icon{height:60px;margin-bottom:20px;z-index:10}.title{font-size:1.8rem;margin-bottom:1.2rem;font-weight:700;text-shadow:0 8px 10px rgba(0,0,0,.3)}.cta-button{background-color:#fff;color:#4caf50;border:none;padding:.6rem 1.5rem;font-size:1rem;border-radius:2rem;cursor:pointer;font-weight:700;transition:background .3s ease}.cta-button:hover{background-color:#e0f2e9}.second-card{left:780px;bottom:960px}.intro-section{background:linear-gradient(0deg,#045aa1 30%,#eee);padding:3rem 1.5rem;position:relative;overflow:hidden;height:36rem}.intro-container{justify-content:space-between;max-width:1200px;margin:0 auto;position:relative;bottom:-237px;right:5px;flex-wrap:wrap}.intro-text-box{position:relative;z-index:2;background:#fff;padding:2rem;border-radius:1rem;max-width:50%;margin-top:-100px;box-shadow:0 4px 8px #0000001a}.intro-text-box h1{color:#337321;font-size:3rem;margin-bottom:1rem}.intro-text-box p{color:#222;line-height:1.5}.intro-image{height:936px;position:absolute;bottom:-220px;right:-102px;object-fit:contain;z-index:1}.program-card{display:flex;flex-direction:column;align-items:center;width:400px;height:450px;border-radius:1rem;overflow:hidden;background-color:#fff;box-shadow:0 4px 12px #00000026;font-family:Inter,sans-serif}.program-image{width:auto;height:70%;display:flex;justify-content:center;align-items:center}.program-p{width:auto;height:25%;display:flex;margin-left:2%}.program-link{width:auto;height:5%;margin-left:60%}.divider1{border-top:solid 10px #337321;width:800px;position:relative;left:590px;bottom:447px;border-radius:1rem;z-index:1}.divider2{border-top:solid 10px #337321;width:1000px;position:relative;left:570px;bottom:410px;border-radius:1rem;z-index:1}.upcoming-events{background:#00599c;padding:5rem 1.5rem 3rem;position:relative;overflow:hidden;height:1200px}.events-container{display:flex;align-items:flex-end;justify-content:space-between;max-width:1200px;margin:0 auto;position:relative;bottom:-100px;right:5px;flex-wrap:wrap}.events-text-box{position:relative;z-index:2;background:#fff;padding:2rem;border-radius:1rem;max-width:50%;margin-top:-193px;box-shadow:0 4px 8px #0000001a}.events-text-box h1{color:#337321;font-size:3rem;margin-bottom:1rem;text-shadow:0 10px 10px rgba(0,0,0,.1)}.events-text-box p{color:#222;line-height:1.5;text-shadow:0 10px 10px rgba(0,0,0,.1)}.events-image{height:600px;position:absolute;bottom:-400px;right:800px;object-fit:contain;z-index:3}.events-green-box{background-color:#337321;font-family:Inter,sans-serif;width:360px;height:200px;color:#eee;position:relative;left:-260px;bottom:80px;border-radius:1rem;margin-top:-200px;font-size:2.6rem;font-weight:700;padding:1rem 2rem;z-index:1;box-shadow:0 4px 8px #0000001a;cursor:pointer;transition:background-color .3s ease;text-shadow:0 10px 10px rgba(0,0,0,.1)}.events-green-box:hover{background-color:#25641e}.programs-box{background-color:#337321;width:560px;height:80px;color:#eee;position:relative;left:872px;bottom:-100px;border-radius:1rem;font-size:2rem;font-weight:600;padding:1.2rem;padding-right:118px;z-index:1;box-shadow:0 4px 8px #0000001a;transition:background-color .3s ease;cursor:pointer;text-shadow:0 10px 10px rgba(0,0,0,.1);text-decoration:none}.programs-box:hover{background-color:#25641e}.our-programs{color:#eee;font-weight:700;position:relative;left:-852px;bottom:-130px;font-size:4rem;text-shadow:0 10px 10px rgba(0,0,0,.1)}.info-cards{display:flex;flex-direction:row;width:auto;position:relative;height:450px;top:100px;gap:24px;margin-top:2rem}.info-card{width:400px;height:450px;position:relative;left:-855px;top:150px;border-radius:1rem;overflow:hidden;background-color:#fff;box-shadow:0 4px 12px #00000026;font-family:Inter,sans-serif}.info-card2{width:400px;height:450px;position:relative;left:406px;top:-299px;border-radius:1rem;overflow:hidden;background-color:#fff;box-shadow:0 4px 12px #00000026;font-family:Inter,sans-serif}.info-card3{width:400px;height:450px;position:relative;left:65px;top:-299px;border-radius:1rem;overflow:hidden;background-color:#fff;box-shadow:0 4px 12px #00000026;font-family:Inter,sans-serif}.card-image{background-color:#888;color:#fff9;height:200px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.card-text{padding:1rem;color:#222;font-size:.95rem;line-height:1.5}.impact-section{background:linear-gradient(3deg,#00599c,#eee 44%,#206113 86%);overflow:hidden;height:1100px}.our-impact-text{color:#eee;font-weight:700;position:relative;left:50px;bottom:-190px;font-size:4rem;text-shadow:0 10px 10px rgba(0,0,0,.1)}.youth-icon{position:relative;left:50px;bottom:-257px;height:90px}.youth-trained-text{color:#000;font-weight:600;position:relative;left:160px;bottom:-220px;font-size:2rem;text-shadow:0 10px 10px rgba(0,0,0,.3)}.number-trained-text{color:#000;font-weight:600;position:relative;left:158px;bottom:-125px;font-size:3rem;text-shadow:0 10px 10px rgba(0,0,0,.3)}.clock-icon{position:relative;left:490px;bottom:-72px;height:90px}.computer-icon{position:relative;left:900px;bottom:-72px;height:90px}.our-impact-image{position:absolute;left:50px;bottom:45px;width:560px;height:580px;z-index:2;background:#fff;border-radius:1rem;box-shadow:0 4px 8px #0000001a}.our-impact-image img{width:100%;border-radius:1rem}.stats-box{position:absolute;left:600px;bottom:455px;width:710px;height:160px;z-index:1;background:#00599c;padding:2rem;border-radius:1rem;box-shadow:0 4px 8px #0000001a}.stats-box h1{color:#1c1c1c;font-size:1.5rem;position:relative;bottom:20px;text-shadow:0 4px 8px rgba(0,0,0,.2)}.stats-box p{color:#fff;font-size:.9rem;text-shadow:0 4px 8px rgba(0,0,0,.2);margin-right:4rem;font-weight:200;position:relative;bottom:.2rem}.statistics-circle{width:170px;height:170px;position:relative;left:1230px;bottom:-7.5rem;border-radius:50%;background-color:#337321;border:5px solid #ffc107;display:flex;z-index:2;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;font-family:Inter,sans-serif;box-shadow:0 4px 8px #0000001a}.divider{border-top:solid 6px #EEEEEE;width:200px;position:relative;left:0;bottom:11px;border-radius:1rem;z-index:2}.AboutUsBody{background:linear-gradient(0deg,#045aa1 30%,#eee);padding:25px}.image-textbox-container{position:relative;max-width:1000px;height:600px;padding:20px;margin:2% auto 0;border-radius:12px;overflow:hidden;transition:all .6s ease-out;opacity:0;transform:translateY(20px);display:flex;flex-direction:column;align-items:center}.image-textbox-container.animate-in{opacity:1;transform:translateY(0)}.image-textbox-container.animate-out{opacity:0;transform:translateY(20px)}.main-image{width:100%;height:auto;display:block;object-fit:cover;transition:transform .8s ease;border-radius:15px;box-shadow:0 4px 12px #0003}.slide-in-left{transform:translate(0);opacity:1}.slide-out-left{transform:translate(-100px);opacity:0}.text-overlay{position:absolute;bottom:30px;right:40px;max-width:60%;background:#fff;padding:20px;border-radius:15px;font-family:sans-serif;transition:transform .8s ease,opacity .8s ease;box-shadow:0 4px 12px #0003}.text-box-heading-in-itb{font-size:45px}.text-overlay h2{font-size:1.5rem}.text-overlay p{font-size:1rem}.slide-in-right{transform:translate(0);opacity:1}.slide-out-right{transform:translate(100px);opacity:0}@media (max-width: 900px){.text-overlay{position:static;max-width:100%;margin:20px 0 0;padding:16px;box-shadow:none;text-align:center}.image-textbox-container{margin-top:20px;flex-direction:column}.text-overlay h2{font-size:1.25rem}.text-overlay p{font-size:.95rem}.text-box-heading-in-itb{font-size:35px}}@media (max-width: 480px){.text-overlay{padding:14px}.text-overlay h2{font-size:1.1rem}.text-overlay p{font-size:.9rem}.text-box-heading-in-itb{font-size:25px}}.who-section-wrapper{max-width:1000px;margin:60px auto 0;padding:40px 40px 120px;font-family:sans-serif;position:relative}.who-image-container{position:relative;width:100%;border-radius:15px;background-color:wheat}.who-image{width:100%;height:auto;border-radius:15px;display:block;object-fit:cover}.who-textbox{position:absolute;left:30px;bottom:-100px;background:#fff;padding:20px;width:40%;border-radius:15px;box-shadow:0 4px 12px #0003}.who-heading{font-size:34px;color:#000;margin-bottom:10px}.who-paragraph{font-size:14px;color:#000;line-height:1.5}.who-icons{position:absolute;right:30px;bottom:-10px;display:flex;flex-direction:row;gap:10px;width:50%;margin-bottom:10px}.icon-item{display:flex;align-items:center;gap:8px;background:#f0fce9;padding:10px 14px;border-radius:12px;box-shadow:0 2px 6px #0000001a;white-space:nowrap}.icon{font-size:50px;color:#3e7f42}.icon-item span{font-weight:600;color:#3e7f42}@media (max-width: 768px){.who-textbox,.who-icons{position:static;margin-top:20px;width:100%;text-align:center}.who-icons{flex-direction:row;justify-content:center;flex-wrap:wrap}.icon-item{margin:5px}}.headingtext-container{max-width:1000px;margin:2rem auto 0;padding:1.25rem 1.25rem 1.25rem 2rem;font-family:sans-serif}.nameheading-in-heading-text{color:#fefeff;font-size:3rem;font-weight:700;margin-bottom:.75rem}.headingtext-paragraph{font-size:1.25rem;color:#fff;line-height:1.6}@media (max-width: 768px){.nameheading-in-heading-text{font-size:1.5rem;text-align:left}.headingtext-paragraph{font-size:.95rem;text-align:center}.headingtext-container{padding:1rem}}@media (max-width: 480px){.headingtext-container{margin:0;padding:0}.nameheading-in-heading-text{font-size:1.3rem}.headingtext-paragraph{font-size:.9rem}}.statistics-container{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;max-width:1000px;margin:40px auto 0;padding:0 20px}.stat-box{flex:1 1 250px;border-radius:16px;padding:30px 20px;text-align:center;font-family:sans-serif;min-width:200px;box-shadow:0 2px 8px #00000014}.stat-blue{background-color:#0d3d61;color:#fff}.stat-lightblue{background-color:#fff;color:#000}.stat-green{background-color:#27461f;color:#fff}.stat-number{font-size:2rem;font-weight:700;margin-bottom:10px}.stat-label{font-size:1rem;font-weight:500}@media (max-width: 768px){.statistics-container{flex-direction:column;align-items:center}.stat-box{width:100%;max-width:300px}}.cta-container{background-color:#0a66c2;border-radius:16px;padding:30px 20px;max-width:1000px;margin:40px auto 0;text-align:center;font-family:sans-serif;color:#fff}.cta-heading{font-size:1.8rem;font-weight:700;margin-bottom:20px}.cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.cta-button{border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;color:#000}.cta-button.yellow{background-color:#ffdb6e}.cta-button.green{background-color:#337321;border:1px solid white;color:#fff}.cta-button:hover{opacity:.9}@media (max-width: 600px){.cta-heading{font-size:1.4rem}.cta-button{width:100%;max-width:300px}.cta-buttons{flex-direction:column;align-items:center}}.page{background:linear-gradient(to top,#00599c,#eeee);padding-bottom:15vh}.filter-space{width:auto;height:250px;display:none}.top{width:auto;height:24%;display:flex;flex-direction:row;font-size:1.5rem;font-family:Archivo Narrow,Helvetica,sans-serif}.left{width:50%;padding-left:5%;padding-bottom:.5%;display:flex;align-items:end}.right{width:50%;padding-right:2.85%;padding-bottom:.5%;display:flex;justify-content:flex-end;align-items:end}.middle{width:auto;height:26%;display:flex;flex-direction:row}.selector{height:95%;background-color:#00599c;border:2px solid #00599C;border-radius:20px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;font-family:Inter,Helvetica,sans-serif}#age{width:77%}.age-option{color:#fff;cursor:pointer;transition:transform .3s ease-in-out,color .3s ease-in-out}.age-option:hover{color:#edb512;transform:scale(1.1)}.age-option.active{color:gold}#language-dropdown{width:40%}.language-option{display:inline-block;color:#fff;cursor:pointer}.caret-icon{transition:color .3s ease-in-out,transform .3s ease-in-out}.language-option:hover .caret-icon{color:gold;transform:scale(1.2)}.bottom{width:auto;height:50%;display:flex;align-items:center;flex-direction:row;justify-content:space-between;font-family:Archivo Narrow,Helvetica,sans-serif}.subject-option{cursor:pointer;font-size:2rem;transition:transform .3s ease-in-out}.subject-option:hover{transform:scale(1.1)}.subject-option.active{color:#edb512}.subject-option:first-child{margin-left:5%}.subject-option:last-child{margin-right:40%}.card-program{width:93%;display:flex;flex-direction:column}.card-head{width:100%;height:53%}.card-image{width:100%;height:100%;border-radius:12px;background-color:#000}.card-body{width:100%;height:32%;display:flex;flex-direction:column}.program-title{margin-top:1%;margin-left:1%}.spans{display:flex;flex-direction:column;margin-top:auto;margin-left:1%;margin-bottom:1%;font-family:Inter,Helvetica,sans-serif}.card-tail{width:100%;height:15%;display:flex;justify-content:space-between;flex-direction:row}.learn-more-btn{color:#fff;width:33.5%;background-color:#337321;border-radius:6px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-family:Inter,Helvetica,sans-serif}.learn-more-btn:hover{background-color:#27461f;color:gold}.enroll-btn{color:#fff;width:32.5%;background-color:#00599c;border-radius:6px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-family:Inter,Helvetica,sans-serif}.enroll-btn:hover{background-color:#0d3d61;color:gold}.card-space{width:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,592px));grid-auto-rows:45.5vh;gap:4.35rem .2rem;max-width:1816px;justify-content:center}.space{margin:100px auto;padding:0 2% 0 5.5%}.Hero-Banner .main-image{height:70vh;background-color:#33732140}.Hero-Banner .text-overlay{bottom:auto;top:150px;right:50px}@media (min-height: 814px){.Hero-Banner .image-textbox-container{height:fit-content}.Hero-Banner .main-image{max-height:600px}}@media (max-width:855px) and (max-height:855px){.Hero-Banner .image-textbox-container{height:60vw fit-content;background:#000}}@media (min-height: 801px) and (max-width: 900px){.Hero-Banner .image-textbox-container{margin-top:20px;flex-direction:column;height:fit-content}.Hero-Banner .main-image{max-height:700px;object-fit:cover;height:60vw}}@media (max-height: 800px){.Hero-Banner .image-textbox-container{margin-top:20px;flex-direction:column;height:fit-content}}@media (max-width: 435px) and (max-height:276px){.Hero-Banner .main-image{object-position:0px -10vw}}@media (max-width: 234px) and (max-height: 276px){.Hero-Banner .main-image{object-position:0px -1vh}}.hero{background:linear-gradient(to right,#eee 30%,#337321);position:relative;padding:70px 80px}.hero img{width:500px;display:block;border-radius:20px}.heroBox{background-color:#00599c;position:absolute;padding:40px 20px 40px 90px;border-radius:0 20px 20px 0;top:50%;left:580px;transform:translateY(-50%);margin-right:40px}.heroBox h2{font-size:2.5em;color:#fff}.heroBox span{color:#edb512;font-style:italic}.banner{background-color:#00599c;padding:20px 210px;color:#fff}.banner h2{font-size:2.5em;text-align:center}.blocker{background-color:#edb512;width:400px;height:10px;margin:15px auto;border-radius:20px}.donatefeature{display:grid;background-color:#eee;grid-template-columns:repeat(2,1fr);gap:15px;justify-items:center;width:935px;margin:20px auto}@media (max-width: 989px){.hero{padding:70px 0}.hero img{margin:0 auto;width:70%}.heroBox{padding:50px;border-radius:20px;top:80%;left:50%;transform:translate(-50%,-50%);margin:0;width:80%;text-align:center}.banner{padding:20px 15%}.blocker{width:60%}.donatefeature{display:block;width:100%}.donateCard{margin-bottom:10px;max-width:98%}}@media (max-width: 649px){.heroBox{padding:20px}.heroBox h2,.banner h2{font-size:1.8em}}.donateCard{background-color:#edb512;width:460px;padding:15px;border-radius:20px;color:#000}.donateCard h3{padding-bottom:10px;text-align:center;font-size:1.3em}