@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header{align-items:center;background-color:var(--mainColor);display:flex;height:80px;justify-content:space-between;padding:0 2rem}header,nav a{color:var(--textColor)}nav a{margin:0 2rem;text-decoration:none}nav a:hover{color:var(--secondaryColor)}header .nav-btn{background:transparent;border:none;color:var(--textColor);cursor:pointer;font-size:1.8rem;opacity:0;outline:none;padding:5px;visibility:hidden}@media only screen and (max-width:768px){header .nav-btn{opacity:1;visibility:visible}header nav{align-items:center;background-color:var(--mainColor);display:flex;flex-direction:column;gap:1.5rem;height:80%;justify-content:center;position:absolute;right:0;top:0;-webkit-transform:translateY(-100vh);transform:translateY(-100vh);transition:1s;width:30%;z-index:1}header .responsive_nav{-webkit-transform:none;transform:none}nav .nav-close-btn{position:absolute;right:2rem;top:2rem}}.rapper{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;position:relative;width:100%}.gradient{background-color:#000;left:0;opacity:.4;position:absolute;top:0}.gradient,img{height:100%;width:100%}img{display:block;object-fit:cover}.text{align-items:center;display:flex;flex-direction:column;justify-content:center;left:4rem;position:absolute;top:0}.text p{font-size:3rem;margin-top:2.2rem}.text .quran1,.text p{color:#fff;font-weight:700}.text .quran1{font-family:Times New Roman,Times,serif;font-size:1.5rem}@media (max-width:768px){.text p{font-size:1.5rem}}.wrapperinfo{background:#e0d9d6;border-radius:10px;flex-direction:column;gap:1.5rem;height:71vh;justify-content:flex-start}.account,.wrapperinfo{align-items:center;display:flex}.account{gap:2rem;justify-content:space-between}.account p{color:var(--mainColor);font-size:1.5rem;font-weight:700}.current{align-items:center;display:flex;gap:2rem;justify-content:space-between;padding-left:0}.current p{font-size:1.5rem;left:-10px}.current p,.desc1,.desc2,.desc3{color:var(--mainColor);font-weight:700}.desc1,.desc2,.desc3{font-size:.8rem}.title{font-size:1.5rem;font-weight:700}@media(max-width:760px){.account,.current{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.account p,.current p,.title{font-size:1rem}}.wrapper{align-items:center;background:#e0d9d6;border-radius:10px;display:flex;flex-direction:column;gap:1.5rem;height:71vh}h3{color:var(--mainColor);font-weight:700}.im1-wrapper{align-items:center;display:flex;gap:.2rem;justify-content:center}.quran,.students{border-radius:10px;height:200px;width:200px}.calling{align-items:center;display:flex;gap:.2rem;justify-content:center}.calling img{border-radius:10px;height:200px;width:200px}.calling p{color:var(--mainColor);font-size:1.2rem;font-weight:700}@media(max-width:768px){.calling,.im1-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.calling p{font-size:1rem}.calling img,.quran,.students{border-radius:10px;height:130px;width:130px}}.r-wrapp{align-items:flex-start;background:#e0d9d6;border-radius:10px;display:flex;flex-direction:column;gap:1.5rem;height:71vh;justify-content:flex-start}P{color:var(--mainColor);font-size:1rem;font-weight:700}.card-wrapper{align-items:center;display:flex;gap:1.2rem;justify-content:space-between}footer{background:var(--mainColor);display:flex;height:200px;justify-content:space-around;position:relative;width:100%}h1,h2{color:#fff}.f-container{justify-content:space-between}.f-container,.follow{align-items:center;display:flex}.follow{flex-direction:column;gap:1.2rem;justify-content:center}.icons p{color:#fff;font-size:1.2rem}.message{background-color:#0b4f6c;border:none;color:#fff;height:20px}.fcard{display:flex;flex-direction:column;left:20px;position:absolute;width:30%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{box-sizing:border-box;font-family:Titillium Web,sans-serif;margin:0;padding:0}:root{--mainColor:#29335c;--mainColorLight:#445496;--secondaryColor:#db2b39;--textColor:#eee}
/*# sourceMappingURL=main.fecc4d1f.css.map*/