@import url(https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Poppins: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&display=swap);:root{--primary-color:#8a38f5;--bg-theme-color:#3d1685;--link-size:80%;--input-bg-color:#8a38f540;--footer-link-size:70%;--box-shadow:0 0 20px var(--primary-color);--big-text:1.3vw;--step--2:clamp(0.8247rem, 0.5526rem + 1.2093vw, 1.52rem);--step--1:clamp(0.9896rem, 0.6333rem + 1.5833vw, 1.9rem);--step-0:clamp(1.1875rem, 0.7228rem + 2.0652vw, 2.375rem);--step-1:clamp(1.425rem, 0.8209rem + 2.6848vw, 2.9688rem);--step-2:clamp(1.71rem, 0.927rem + 3.4799vw, 3.7109rem);--step-3:clamp(2.052rem, 1.0398rem + 4.4986vw, 4.6387rem);--step-4:clamp(2.4624rem, 1.157rem + 5.8016vw, 5.7983rem);--step-5:clamp(2.9549rem, 1.275rem + 7.4662vw, 7.2479rem);--step--s3:clamp(0.334rem, 0.2008rem + 0.5365vw, 0.7rem);--step--s2:clamp(0.434rem, 0.2908rem + 0.6365vw, 0.8rem);--step--s1:clamp(0.5208rem, 0.3333rem + 0.8333vw, 1rem);--step-s0:clamp(0.625rem, 0.3804rem + 1.087vw, 1.25rem);--step-s1:clamp(0.75rem, 0.4321rem + 1.413vw, 1.5625rem);--step-s2:clamp(0.9rem, 0.4879rem + 1.8315vw, 1.9531rem);--step-s3:clamp(1.08rem, 0.5473rem + 2.3677vw, 2.4414rem);--step-s4:clamp(1.296rem, 0.609rem + 3.0535vw, 3.0518rem);--step-s5:clamp(1.5552rem, 0.671rem + 3.9296vw, 3.8147rem);--space-3xs:clamp(0.3125rem, 0.1902rem + 0.5435vw, 0.625rem);--space-2xs:clamp(0.625rem, 0.4049rem + 0.9783vw, 1.1875rem);--space-xs:clamp(0.875rem, 0.5082rem + 1.6304vw, 1.8125rem);--space-s:clamp(1.1875rem, 0.7228rem + 2.0652vw, 2.375rem);--space-m:clamp(1.8125rem, 1.1277rem + 3.0435vw, 3.5625rem);--space-l:clamp(2.375rem, 1.4457rem + 4.1304vw, 4.75rem);--space-xl:clamp(3.5625rem, 2.1685rem + 6.1957vw, 7.125rem);--space-2xl:clamp(4.75rem, 2.8913rem + 8.2609vw, 9.5rem);--space-3xl:clamp(7.125rem, 4.337rem + 12.3913vw, 14.25rem)}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Poppins",sans-serif;padding-top:1rem}.section{padding:2rem 3rem;position:relative;margin:auto;text-align:center;scroll-margin-top:20px}.hero{background-image:url(grid.png);background-position:center;background-size:cover;position:relative;object-fit:contain;padding:2rem 2rem;text-align:center}.nav{width:100%;height:5rem;position:fixed;left:0;top:0;background-color:rgb(245 245 245 / .8);backdrop-filter:blur(30px);display:flex;justify-content:space-between;align-items:start;padding:1rem 3rem;z-index:10;box-shadow:0 0 10px rgb(0 0 0 / .4);transition:transform 0.5s ease-in-out}.nav.top{box-shadow:none;background:#fff0;transition:0.5s ease-in-out}.nav.nav--hidden{transform:translateY(-100%);transition:0.5s ease-in-out}.logo{max-width:90%}.logo-link{max-width:100%}.links{display:flex;gap:1rem}.link{list-style:none;position:relative}.link a{color:#000;text-decoration:none;display:flex;font-weight:500;align-items:center;transition:color 0.5s;font-size:var(--link-size)}.link a:hover{color:var(--primary-color)}.link a i{font-size:1rem}.link:hover .hidden-list{visibility:visible;transition:0.2s ease-in-out;opacity:1;transform:translateY(0%);transform:translateX(-30%)}.hidden-list{visibility:hidden;opacity:0;text-align:center;transform:translateY(-50%);transform:translateX(-30%);position:absolute;align-items:center;padding:10px;margin-top:10px;width:190px;box-shadow:0 0 10px rgb(0 0 0 / .4);background-color:#fff;transition:all 0.2s ease-in-out}.hidden-list::before{content:"";position:absolute;top:-15px;left:50%;transform:translateX(-50%);border-width:9px;border-style:solid;border-color:#fff0 #fff0 #fff #fff0}.hidden-list li{list-style:none;text-align:center}.hidden-list li a{font-weight:300;padding:5px 10px;display:block;text-align:center}.nav-btn{background-color:#000;padding:.8rem 2rem;color:#fff;border-radius:10px;border:#fff0;font-weight:500;font-size:var(--link-size);cursor:pointer}.nav-btn:hover{box-shadow:var(--box-shadow);background-color:#fff;border:1px solid var(--primary-color);color:#000;transition:0.5s}.nav-menu{display:flex;justify-content:space-between;width:65%;align-items:center}.hambuger{display:none;cursor:pointer}.bar{display:block;width:25px;height:3px;margin:5px auto;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background-color:#000;border-radius:10px}.shadow{box-shadow:0 0 500px 140px var(--primary-color);z-index:-1;position:absolute;left:0;top:30%}.downshadow{box-shadow:0 0 300px 140px var(--primary-color);z-index:-1;position:absolute;right:0;bottom:40%}.hero-para{margin-bottom:5rem;opacity:0;transform:translateY(-100%);animation:exit 1.5s ease forwards}.hero-content{width:100%;margin:10rem 0}.hero-text{font-size:400%;margin-bottom:3rem}.hero-text span{background-color:var(--primary-color);color:#fff}.hero-btn{padding:.8rem 2rem;background-color:#000;color:#fff;border-radius:4px;border:none;text-decoration:none;align-items:baseline;transition:box-shadow 0.5s}.hero-btn:hover{box-shadow:var(--box-shadow);background-color:#fff;border:1px solid var(--primary-color);color:#000;transition:0.5s}.pics{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:5rem}.hero-img{max-width:25%}.hero-img:nth-child(1){animation:movementb both;animation-timeline:view()}.hero-img:nth-child(2){animation:stayput both;animation-timeline:view()}.hero-img:nth-child(3){animation:movementf both;animation-timeline:view()}.quick{text-align:center}.weird-text{font-family:"permanent marker",sans-serif;font-weight:400;color:var(--primary-color);font-size:var(--step-0);margin:1rem 0}.quick-heading{font-size:var(--step-2);font-weight:600}.highlights{display:flex;align-items:center;justify-content:center;gap:2rem;padding:var(--space-l)}.number{font-size:var(--step-3);font-weight:600;color:var(--primary-color)}.explain{font-size:var(--step--2)}.recent{background-image:url(grid.png);background-position:center;background-size:cover;position:relative;object-fit:contain;padding:2rem 2rem;text-align:center}.context{margin-bottom:2rem}.recent-heading{font-size:var(--step-2);font-weight:600}.recent-para{font-size:var(--step--2);font-weight:400;padding:1rem 3rem}.videoplayers{display:flex;margin-top:3rem;justify-content:center;gap:1rem;padding:1rem 5rem}.video{aspect-ratio:16/9;width:50%;margin:0 auto}.recent .shadow{top:20%;left:100%;right:0}.recent .downshadow{right:100%}.sbu-heading{font-size:var(--step-s1);font-style:italic;font-weight:300}.trustees{padding:0;margin:0}.trustee-content{position:relative}.trustee-content{position:relative;width:100%;height:180vh;max-width:100vw;margin:6rem auto;text-align:center}.trustee img{width:30%;transition:width 0.2s}.trustee:hover img{width:80%}.trustee:hover .trustee-name{opacity:1;transition:0.2s}.img1{top:10%;left:5%}.img2{top:0%;left:40%}.img3{top:15%;left:75%}.img4{top:30%;left:45%}.img5{top:43%;left:10%}.img6{top:45%;left:75%}.img7{top:60%;left:45%}.img8{top:80%;left:15%}.img9{top:80%;left:75%}.trustee-content div{position:absolute;height:auto;border-radius:8px;object-fit:cover}.trustee-name{font-size:var(--step-s0);font-weight:600;margin-top:.5rem;text-align:center;opacity:0;transition:display 0.5s}.modal{background-color:#fff;display:flex;justify-content:space-between;gap:2rem;align-items:center;padding:var(--space-m);border-top-left-radius:70px;border-top-right-radius:70px;position:fixed;bottom:0;z-index:10;margin:auto;max-width:100%;overflow:hidden;transform:translateY(100%);transition:transform 0.3s ease-in-out}.modal.active{transform:translateY(0)}.modal-body{font-size:var(--step--s2);padding:2rem 5rem}.modal-body .big-para{display:block}.modal-body .small-para{display:none}.modal-body span{color:var(--primary-color);font-weight:500}.modal-header .title{font-size:var(--step-s3);font-weight:500}.modal-header .sub-title{color:var(--primary-color);font-size:var(--step--s2)}.modal .shadow{top:20%;left:0%}.modal .downshadow{bottom:0;right:0}.close-button{background-color:#fff0;border:none;position:absolute;top:10%;right:5%;font-size:var(--step-s1);cursor:pointer;padding:5px}#overlay{position:fixed;opacity:0;top:0;left:0;right:0;bottom:0;background-color:rgb(0 0 0 / .5);pointer-events:none;transition:opacity 0.3s ease-in-out}#overlay.active{overflow-y:none;pointer-events:all;opacity:1}.footer{background-color:var(--bg-theme-color);padding:5rem 3rem;color:#fff}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;text-align:left;align-items:center;margin-bottom:1rem}.send-email{display:flex;flex-direction:column;gap:1rem;margin-right:5rem;align-items:start;text-align:left;width:50%}.logo-and-con{display:flex;gap:1rem;align-items:center;font-style:italic}.logo-and-con img{width:60%}.contactus{font-size:var(--step--s1);opacity:.5;font-weight:200}.email-form{width:100%}.email-form span{display:flex;gap:.5rem;width:100%;margin-bottom:.5rem}.email-form span input{width:50%;padding:15px 10px;border-radius:10px;border:1px solid rgb(255 255 255 / .25);background-color:rgb(255 255 255 / .2);font-size:var(--step--s2);color:#fff}.email-form span input::placeholder{color:rgb(255 255 255 / .7);font-weight:200;font-size:var(--step--s2);font-family:"Poppins",sans-serif}textarea{width:100%;height:120px;padding:10px 7px;border-radius:10px;border:1px solid rgb(255 255 255 / .25);background-color:rgb(255 255 255 / .2);font-size:var(--step--s2);resize:none;margin-bottom:.2rem;color:#fff}textarea::placeholder{color:#ffffffb2;font-family:"Poppins",sans-serif;font-size:var(--step--s2);font-weight:200}.email-form button{width:100%;padding:15px 10px;border-radius:10px;color:var(--bg-theme-color);border:none;font-weight:500;font-family:"poppins",sans-serif}.footer a{color:#fff;text-decoration:none;font-size:var(--footer-link-size)}.footer li{list-style:none;margin-bottom:.5rem;font-weight:400}.col .links .link{font-weight:700}.footer-links{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:50%;margin-top:2rem}.footer-links .links{flex-direction:column;text-align:left}.footer-links .links .link a:hover{color:#000}.footer .link::after{display:none}.contact{width:55%}.col h2{font-size:var(--step-s0);margin-bottom:1rem;font-weight:500}.footer-copywrite{display:flex;justify-content:center;font-weight:300;margin-top:2rem;margin-bottom:0}.footer-copywrite p{font-size:var(--step--s2)}.who-we-are{padding-top:5rem;margin-bottom:4rem;padding:var(--space-l);padding-bottom:0;background-image:url(grid.png)}.who-heading{margin-bottom:1rem}.who-h1{font-size:var(--step--2);position:relative;z-index:1;font-weight:700}.who-h1 svg{position:absolute;top:40%;width:10%;left:45%;z-index:-1}.who-para{font-size:var(--step-s0);font-weight:300;padding:0 4rem}.mission{display:flex;padding:var(--space-l);justify-content:center;align-items:center;margin-bottom:2rem}.mission .shadow{left:50%;box-shadow:0 0 200px 80px var(--primary-color)}.mission-heading{text-align:center;margin-bottom:1rem;display:flex;justify-content:center}.mission-h1{font-size:var(--step--2);position:relative;font-weight:700}.mission-h1 svg{position:absolute;top:30%;width:80%;left:10%;z-index:-1}.mission-para{font-size:var(--step-s0);font-weight:300;padding:1rem 5rem}.vision{padding-bottom:2rem;display:flex;justify-content:center;background-image:url(grid.png)}.vision .downshadow{bottom:0}.vision-heading{text-align:center;margin-bottom:1rem;display:flex;justify-content:center}.vision-h1{font-size:var(--step--1);position:relative;font-weight:700;z-index:1}.vision-h1 svg{position:absolute;top:40%;width:100%;right:0%;left:0;z-index:-1}.vision-para{font-size:var(--step-s1);font-weight:300;padding:1rem 5rem}.vision-images img{width:20rem}.values{display:flex;padding:var(--space-l);justify-content:center;background-image:url(grid.png);align-items:center;padding-bottom:2rem;object-fit:contain;background-position-y:center}.aims-and-objectives{display:flex;padding:var(--space-l);justify-content:center;background-image:url(grid.png);align-items:center;padding-bottom:2rem;object-fit:contain;background-position-y:center}.aims-and-objectives .shadow{bottom:0;box-shadow:0 0 200px 40px var(--primary-color)}.aim-h1{font-size:var(--step--1);position:relative;font-weight:700;z-index:2}.aim-h1 svg{position:absolute;top:50%;width:50%;left:20%;z-index:-1}.get-h1{font-size:var(--step--1);position:relative;font-weight:700;z-index:2}.get-h1 svg{position:absolute;top:60%;width:100%;left:0;z-index:-1}.our-approach{background-image:url(grid.png);background-position-y:center}.our-approach .downshadow{bottom:0}.values-heading{text-align:center;margin-bottom:1rem;display:flex;justify-content:center}.values-h1{font-size:var(--step--1);position:relative;font-weight:700;z-index:2}.values-h1 svg{position:absolute;top:40%;width:80%;right:10%;z-index:-1}.values .shadow{bottom:0%;box-shadow:0 0 200px 40px var(--primary-color)}.values-para{font-size:var(--step-s0);font-weight:300;padding:1rem 5rem}.values-para strong{font-weight:600}.values-images img{width:20rem;transition:scale 1s}.values-images img:hover{scale:1.1}.what-we-do{margin:var(--space-l);display:flex;flex-direction:column;align-items:center}.what-we-do h1{font-size:var(--step-2);position:relative;font-weight:700}.what-we-do h2{font-size:var(--step-s2);margin-top:4rem}.the-next-TS{color:#fff;background-color:var(--bg-theme-color);display:flex;justify-content:space-between}.next{display:flex;padding:var(--space-l);justify-content:space-between;align-items:center;margin-bottom:2rem}.next-heading{text-align:center;margin-bottom:1rem;display:flex;justify-content:center}.focus-areas{padding-bottom:10rem}.next-h1{font-size:var(--step--1);position:relative;font-weight:700}.next-h1 svg{position:absolute;top:65%;width:100%;left:0;z-index:0}.next-para{font-size:var(--step-s0);font-weight:300;padding:1rem 5rem;text-align:left}.next-images img{width:20rem;transition:scale 1s}.next-images img:hover{scale:1.1}.programs{margin:var(--space-l);display:flex;align-items:center}.programs h1 svg{width:60%;top:50%;z-index:-1}.donate{display:flex;flex-direction:column;gap:3rem;padding:var(--space-l);justify-content:center;background-image:url(grid.png);align-items:center;padding-bottom:2rem;padding-top:5rem;object-fit:contain;background-position-y:center}.donate .shadow{left:100%}.donate .downshadow{bottom:0;right:100%}.online-donation{text-align:left;font-size:var(--step-s2);margin-top:1rem}.online-donation-text{display:flex;flex-direction:column;align-items:center;padding:1rem;width:60%;text-align:center}.wire{display:flex;flex-direction:column;align-items:center;padding:1rem;width:60%;text-align:center}.wire-content{display:flex;justify-content:space-between;width:50vw;font-size:var(--step--s1)}.bank{text-align:left}.account{text-align:right}.account i{cursor:pointer}.account-numbers{display:flex;text-align:left;align-items:center;position:relative}.account-numbers p{right:0}.account-numbers .message{display:none;position:absolute;right:-120%;font-weight:300}.online-donation-text p{font-size:var(--step--s1);padding:1rem 5rem}.online-donation-text img{width:25rem;border-radius:20px;aspect-ratio:1/1;object-fit:cover}#partner{padding-bottom:6rem}.mission.vission{display:flex;flex-direction:column;align-items:center;gap:10rem;text-align:center}.different-color{color:var(--primary-color);font-weight:500}@keyframes entryup{from{opacity:-1;transform:translateY(20%);overflow:hidden}to{opacity:1;transform:translateY(0);overflow:hidden}}@keyframes entryleft{from{opacity:-1;scale:0;transform:translateXz(20%)}to{opacity:1;scale:1;transform:translateX(0)}}@keyframes entryright{from{opacity:-1;scale:0;transform:translateX(-100%)}to{opacity:1;scale:1;transform:translateX(0)}}@keyframes exit{to{opacity:1;transform:translateY(0)}}@keyframes movementf{from{transform:translateX(-50%)}to{transform:translateX(40%)}}@keyframes movementb{from{transform:translateX(50%)}to{transform:translateX(-40%)}}@media screen and (max-width:1100px){.nav-menu{width:69%}.link a i{display:none}.logo{width:80%}.link{font-size:.7rem}.hero-img{width:300px}}@media screen and (max-width:768px){.nav{gap:1rem;box-shadow:none;padding:1rem}.link a{font-size:.5rem}.hambuger{display:block}.hero-para{animation-range-start:80%;animation-range-end:95%}.hero-img:nth-child(1){animation-range-start:50%;animation-range-end:95%}.hero-img:nth-child(3){animation-range-start:50%;animation-range-end:95%}.hambuger.active .bar:nth-child(2){opacity:0}.hambuger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hambuger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-menu{position:fixed;left:-100%;color:#000;top:70px;gap:0;z-index:2;flex-direction:column;justify-content:center;background-color:#fff;width:100%;text-align:left;transition:left 0.3s ease-in-out;padding:2rem 0}.links{flex-direction:column}.link a{color:#000}.nav-menu.active{left:0}.link::after{display:none}.link{margin:16px 10px}.recent-para{padding:1rem 0}.hero-text{font-size:32px}.shadow{box-shadow:0 0 100px 70px var(--primary-color);top:20%}.downshadow{box-shadow:0 0 100px 70px var(--primary-color);bottom:20%}.hero-img{max-width:200px}.hero-img:nth-child(2){margin-right:0;max-width:170px;animation-range-start:50%;animation-range-end:95%}.hero-img:nth-child(3){margin-left:0}.hero-content{margin:5rem 0}.highlights{flex-direction:column}.testimonial{flex-direction:column;gap:1rem;border:1px solid var(--primary-color);margin-bottom:1rem}.testimonial-content{margin:0}.testi-para{padding:0}.testimonial-img{max-width:100px}.videoplayers{padding:0 0;flex-direction:column}.video{width:90%}.footer{padding:1rem}.send-email{width:100%;margin:0;align-items:center;text-align:center}.logo-and-con{flex-direction:column}.contact{width:100%;padding-left:1rem}.footer-content{flex-direction:column;text-align:left;align-items:start;gap:2rem}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));text-align:left;gap:2rem}.newsleter{text-align:left}.col h2{font-size:20px}.col a{font-size:10px}.footer li{margin-bottom:.1rem}.footer-content .newsleter img{width:80%}.footer-links .contact li{margin-top:.5rem}@keyframes movementf{from{transform:translateX(-50%);scale:1}to{transform:translateX(-20%);scale:.5}}@keyframes movementb{from{transform:translateX(50%);scale:1}to{transform:translateX(20%);scale:.6}}@keyframes stayput{form{scale:1}to{scale:.5}}.who-we-are{padding-top:5rem}.who-h1 svg{width:20%;left:40%;top:0%}.who-para{padding:0;margin-top:1rem}.mission{flex-direction:column;padding:0}.mission-h1 svg{top:-30%}.mission-heading{margin-bottom:0}.mission-para{padding:0rem}.mission-images img{width:70%}.mission{flex-direction:column;padding:0}.mission-para{padding:1rem}.vision-heading{margin-bottom:0}.vision-h1 svg{top:0%;width:80%}.vision{flex-direction:column;padding:0}.vision-para{padding:1rem}.values{flex-direction:column;padding:0;margin-bottom:1rem;gap:1rem}.values-heading{margin-bottom:0}.values-h1 svg{width:80%;top:0%}.values-h1.p svg{top:30%;right:20%;width:70px}.values{flex-direction:column;padding:0;margin-bottom:1rem;gap:1rem}.values-para{padding:1rem}.vision-para{padding:1rem}.the-next-TS{flex-direction:column;padding:0;margin-bottom:1rem;gap:1rem;padding-top:2rem;padding-bottom:2rem}.programs{flex-direction:column;padding:0;margin-bottom:1rem;gap:1rem;padding-top:2rem}.next-para{padding:1rem}.next-h1 svg{top:60%;width:60%;left:0;z-index:0}.programs h1 svg{width:80%;top:10%;z-index:-1}.trustee-content{margin:3rem 0rem;padding:0}.trustee img{width:50px;transition:width 0.2s}.img1{top:10%;left:10%}.img2{top:0%;left:45%}.img3{top:10%;left:75%}.img4{top:25%;left:45%}.img5{top:40%;left:5%}.img6{top:38%;left:68%}.img7{top:60%;left:49%}.img8{top:80%;left:15%}.img9{top:80%;left:75%}.trustee:hover img{width:90px}.footer-quick-links{display:none}.modal{padding:3rem 1rem;gap:1rem;border-top-left-radius:35px;border-top-right-radius:35px}.modal-header .title{font-size:var(--step-s2);font-weight:500}.modal img{width:100px;border:1.2px solid var(--primary-color);border-radius:5px}.modal-body{font-size:var(--step--s2);padding:1rem 1.5rem}.modal-body .big-para{display:none}.modal-body .small-para{display:block}.link:hover .hidden-list{display:none}.aim-h1 svg{top:30%;width:50%;left:20%;z-index:-1}.get-h1{font-size:var(--step-0);position:relative;font-weight:700;z-index:2}.get-h1 svg{top:30%;left:10%;width:60px}#partner .get-h1 svg{left:40%}.hero{background-image:url(small-grid.png)}.big-vission{font-size:var(--step-0)}.big-vission svg{width:100%;top:10%;left:0}.mission-statement svg{width:50%;top:20%;left:20%}.recent{background-image:url(small-grid.png)}.who-we-are{background-image:url(small-grid.png)}.vision{background-image:url(small-grid.png)}.values{background-image:url(small-grid.png)}.aims-and-objectives{background-image:url(small-grid.png)}.our-approach{background-image:url(small-grid.png)}.donate{background-image:url(small-grid.png)}}