@import url(https://fonts.googleapis.com/css2?family=El+Messiri&display=swap);body{overflow-x:hidden;margin-left:0;margin-top:0;scroll-behavior:smooth;scrollbar-width:3px}*{font-family:"El Messiri",garamond,serif}.Header{min-width:100%;overflow-x:hidden;position:relative;display:block}img.layer1{position:relative;z-index:0;margin-left:0}.logo,img.layer1{height:auto;width:100%}.logo{top:0;z-index:1;float:left}.logo,.Textbox{position:absolute}.Textbox{transition:.3s;z-index:2;top:30vw;left:5%;width:28%;height:auto}.TextboxText{text-align:center;top:20%;left:2.3%;position:absolute;font-size:1.65vw;font-weight:700;color:#001242;font-family:"Aref Ruqaa","El Messiri",Georgia,serif;max-width:95%}.mission-container{display:block;position:relative;padding:1%}.mission-title,.ourProjects{top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-image:url(/Basmah-Foundation/static/media/Copy_of_Brush_Stroke.fddb88d8.svg);background-repeat:no-repeat;background-position:50%;color:#001242;background-size:50vw;padding:6vw 0 5vw}.mission-title h1,.ourProjects h1{font-size:4vw}.mission-text{text-align:justify;padding-bottom:5px}.core,.mission-text{font-weight:700;color:#001242;letter-spacing:1px;font-size:1.8vw;margin:0 7vw}.core{text-align:left}.vid{display:block;margin:10% auto;width:70vw;border-radius:5px;border:1vw solid #001242}html{overflow-x:hidden}body{margin:0;padding:0;width:100%;transition:.5}.container{width:100%;max-width:100%;margin:auto}.projectsContainer{width:70%;margin:auto;display:flex;flex-direction:column;flex-wrap:wrap}.projectBox{transition:.5s;background-color:#e4e1ec;width:90%;max-width:100%;margin:5% auto;padding:2vw;display:flex;box-sizing:border-box}.projectBox:hover{box-shadow:0 5px 10px #000;transition:.5s;width:100%;font-size:1.5vw}.picBox{width:25%;position:relative}.descriptionBox{width:65%;display:inline;font-size:1.36vw;transition:.5s;text-align:justify;color:#001242}.descriptionBox,.picBox{padding:0 2%}.projectImg{max-width:100%;border-radius:50%}.projectTitle{font-size:2.4vw;line-height:0;font-weight:bolder}.projectDescription{margin:auto}.StatisticsContainer{padding-bottom:35px}div.ProjectContainer{background-color:#e4e1ec;border-style:inset;color:#001242;text-align:center;margin:auto;padding:.5em;height:auto;width:75%;font-size:1.7vw}img.ProjectContainer{width:100%}.ProjectContainer .imgs-nav{text-align:center}.ProjectTitle{text-transform:uppercase;text-shadow:#001242;border:.2vw inset #001242;width:80%;margin-left:auto;margin-right:auto;font-style:italic}.ProjectsDescription{margin-left:10%;margin-right:10%;text-align:justify}.slideshow-container{max-width:90%;position:relative;margin:auto}.slideshow-container img{max-height:50vh}.slidetext{background-color:#001242;opacity:.7;border-radius:4%;border:.5px solid rgba(61,46,46,.342);font-size:2vw;padding:1% 5%;bottom:5%;width:20%;left:40%;text-align:center}.numbertext,.slidetext{color:#f2f2f2;font-weight:700;position:absolute}.numbertext{font-size:1.5vw;padding:2% 5%;top:0;opacity:.3}.dot{height:1vw;width:1vw;margin:1% .5%;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}.active{background-color:#717171}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@keyframes fade{0%{opacity:.4}to{opacity:1}}@media only screen and (max-width:600px){button{width:1vw;height:1vw;line-height:3vh}.eRmJbc,.khvUfi{width:5vw;height:5vw;min-width:3vw;line-height:2vh}}footer{left:0;width:100%;color:#fff;height:14vw;margin-top:5%;margin-bottom:0;background-color:#001242;overflow-x:hidden}.footerContainer{width:70vw;margin:0 10%;max-width:100%;padding-top:.2vw;padding-bottom:1%}.contactUsTitle{font-size:2.4vw}.socialMedia{display:flex;flex-direction:row;width:140%;margin-top:-1%}.socialMediaCol{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 5%;text-align:center;line-height:0;font-size:1vw}.link{text-decoration:none;color:#fff}.lastLogo{width:8%;margin-right:-10%;margin-top:-3%}.footerLogo{width:100%}@media screen and (max-width:600px){footer{height:-webkit-min-content;height:min-content}.footerContainer{width:80vw}.contactUsTitle{font-size:6vw;margin-bottom:1vw}.socialMedia{flex-direction:column;width:100%;font-size:1.2vw}.socialMediaCol{width:-webkit-max-content;width:max-content;line-height:0;text-align:left}.link{text-decoration:none;color:#fff;line-height:0}.lastLogo{width:20%;position:absolute;right:16%}.socialMediaCol h2{font-size:3vw}}@media only screen and (min-width:350px) and (max-width:400px){.core,.mission-text{font-size:3.5vw}}@media only screen and (max-width:600px){.core,.mission-text{font-size:3vw}}@media only screen and (min-width:600px) and (max-width:768px){.core,.mission-text{font-size:2.5vw}}@media only screen and (min-width:768px) and (max-width:900px){.core,.mission-text{font-size:3vw}}@media only screen and (min-width:992px) and (max-width:1200px){.core,.mission-text{font-size:2.5vw}}@media only screen and (min-width:1200px) and (max-width:1400px){.core,.mission-text{font-size:1.8vw}}@media screen and (min-width:600px) and (max-width:768px){footer{height:-webkit-max-content;height:max-content}.contactUsTitle{font-size:3vw}.socialMedia{width:100%}.socialMediaCol{width:-webkit-max-content;width:max-content;font-size:1.2vw}}@media screen and (max-width:350px){.descriptionBox{font-size:1.9vw;width:100%;text-align:center}.projectsContainer{width:100%;flex-direction:row}.projectBox{box-shadow:0 5px 10px #000;margin:6% auto;padding:5vw;width:40%;display:flex;flex-direction:column}.projectBox:hover{box-shadow:0;transition:.5s;width:40%}.picBox,hr{width:100%}.projectTitle{font-size:2.4vw;line-height:0;overflow-x:visible}.projectDescription{text-align:justify}.slideshow-container img{max-height:20vh}}@media screen and (min-width:350px) and (max-width:480px){.descriptionBox{font-size:1.9vw;width:100%;text-align:center}.projectsContainer{width:100%;flex-direction:row}.projectBox{box-shadow:0 5px 10px #000;margin:6% auto;padding:5vw;width:40%;display:flex;flex-direction:column}.projectBox:hover{box-shadow:0;transition:.5s;width:40%}.picBox,hr{width:100%}.projectTitle{font-size:2.4vw;line-height:0;overflow-x:visible}.projectDescription{text-align:justify}.slideshow-container img{max-height:20vh}}@media screen and (min-width:480px) and (max-width:600px){.descriptionBox{font-size:2.2vw;width:100%;text-align:center}.projectsContainer{width:100%;flex-direction:row}.projectBox{box-shadow:0 5px 10px #000;margin:6% auto;padding:5vw;width:40%;display:flex;flex-direction:column}.projectBox:not(.projectBox):hover{box-shadow:0 5px 10px #000;transition:.5s;width:100%;font-size:1.7vw}.picBox,hr{width:100%}.projectTitle{font-size:2.7vw;line-height:0;overflow-x:visible}.projectDescription{text-align:justify}}@media only screen and (min-width:600px) and (max-width:768px){body{overflow-x:hidden}.projectDescription{font-size:1.8vw}.projectsContainer{width:80%}.projectBox{box-shadow:0 5px 10px #000;width:100%}.projectTitle{font-size:2.4vw;line-height:0}}@media only screen and (min-width:768px) and (max-width:992px){body{overflow-x:hidden}.projectDescription{font-size:1.8vw}.projectBox{box-shadow:0 5px 10px #000;width:100%}.projectTitle{font-size:2.4vw;line-height:0}}@media only screen and (min-width:992px) and (max-width:1200px){body{overflow-x:hidden}.projectsContainer{width:80%}.projectDescription{font-size:1.8vw}.projectBox{box-shadow:0 5px 10px #000;width:100%}.projectTitle{font-size:2.4vw;line-height:0}}@media only screen and (min-width:350px) and (max-width:480px){.Textbox .TextboxText{top:1.68vw;font-size:1.7vw}}@media only screen and (min-width:480px) and (max-width:600px){.Textbox .TextboxText{top:1.65vw;font-size:1.8vw}}@media only screen and (min-width:600px) and (max-width:768px){.Textbox .TextboxText{top:1.6vw}.Header .logo{height:auto}}@media only screen and (min-width:768px) and (max-width:992px){.Header .Textbox{top:30vw}.Textbox .TextboxText{top:2.6vw}}@media only screen and (min-width:992px) and (max-width:1200px){.Header .Textbox{top:30vw;left:8vw}.Textbox .TextboxText{top:2vw}}@media only screen and (min-width:1200px) and (max-width:1400px){.Header .Textbox{top:30vw}.Textbox .TextboxText{top:3vw}}@media only screen and (min-width:1400px){.Header .Textbox{top:30vw}.Textbox .TextboxText{top:2vw}}
/*# sourceMappingURL=main.d246efd9.chunk.css.map */