@import "https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap";
:root{--yellow:#f5bf23;--black:#111;--white:#fff;--light-color:#666;--light-bg:#eee;--box-shadow:0 .5rem 1rem #0000001a;--border:.1rem solid #0000004d}*{box-sizing:border-box;border:none;outline:none;margin:0;padding:0;font-family:Poppins,sans-serif;text-decoration:none}html{scroll-behavior:smooth;scroll-padding-top:7rem;font-size:62.5%;overflow-x:hidden}html::-webkit-scrollbar{width:1rem}html::-webkit-scrollbar-track{background:0 0}html::-webkit-scrollbar-thumb{background:var(--yellow)}section{padding:5rem 10%}.flex-row{gap:1rem;display:flex}.flex-row .box{flex:1}.heading{color:var(--black);text-transform:capitalize;border-left:1rem solid var(--yellow);margin-bottom:3rem;padding-left:1rem;font-size:3rem}.btn{background:var(--black);color:var(--white);cursor:pointer;text-transform:capitalize;margin-top:1rem;padding:1rem 3rem;font-size:1.7rem;transition:all .2s linear;display:inline-block}.btn:hover{background:var(--yellow);color:var(--black)}@keyframes fadeIn{0%{opacity:0;top:50%}}.header{box-shadow:var(--box-shadow);z-index:1000;background:var(--white);justify-content:space-between;align-items:center;padding:1.5rem 10%;display:flex;position:sticky;top:0;left:0;right:0}.header .logo{color:var(--black);text-transform:capitalize;font-size:2.5rem}.header .logo span{color:var(--yellow)}.header .navbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.header .navbar .nav-links{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.header .navbar .nav-links a{color:var(--black);text-transform:capitalize;margin:0 .5rem;font-size:2rem}.header .navbar .nav-links a:hover{color:var(--yellow)}.header .navbar .nav-auth{border-left:1px solid #0000001a;align-items:center;gap:1rem;margin-left:auto;padding-left:1.5rem;display:flex}.header .navbar .nav-auth .login{color:inherit;text-transform:capitalize;font-size:1.8rem}.header .navbar .nav-auth .login:hover{color:var(--yellow)}.header .navbar .nav-auth .register{background:var(--yellow);color:var(--black);text-transform:capitalize;border-radius:4px;padding:.4rem 1rem;font-size:1.8rem;font-weight:500}.header .navbar .nav-auth .register:hover{filter:brightness(.9)}.header .navbar .separator{opacity:.6;margin:0 1rem;font-size:2rem}.header .icons div{background:var(--light-bg);width:5rem;height:5rem;color:var(--black);cursor:pointer;text-align:center;font-size:2rem;line-height:5rem}.header .icons div:hover{background:var(--black);color:var(--white)}.header .icons div{margin-left:.3rem}.header #menu-btn{display:none}.header .search-form{background:var(--white);width:70rem;box-shadow:var(--box-shadow);align-items:center;gap:1rem;padding:1rem;animation:.2s linear fadeIn;display:none;position:absolute;top:120%;left:50%;transform:translate(-50%)}.header .search-form.active{display:flex}.header .search-form input{background:var(--light-bg);width:100%;color:var(--light-color);padding:1.2rem 1.4rem;font-size:1.6rem}.header .search-form label{color:var(--black);cursor:pointer;margin:0 1rem;font-size:2.5rem}.header .search-form label:hover{color:var(--yellow)}.header .login-form{background:var(--white);width:40rem;box-shadow:var(--box-shadow);text-align:center;padding:2rem;animation:.2s linear fadeIn;display:none;position:absolute;top:120%;left:50%;transform:translate(-50%)}.header .login-form.active{display:block}.header .login-form h3{color:var(--black);text-transform:capitalize;text-transform:uppercase;padding-bottom:1rem;font-size:2.5rem}.header .login-form .box{background:var(--light-bg);width:100%;color:var(--light-color);margin:.7rem 0;padding:1.2rem 1.4rem;font-size:1.6rem}.header .login-form .flex{align-items:center;gap:.5rem;padding-top:1.5rem;padding-bottom:1rem;display:flex}.header .login-form .flex label{color:var(--light-color);cursor:pointer;font-size:1.5rem}.header .login-form .flex a{color:var(--light-color);margin-left:auto;font-size:1.5rem}.header .login-form .flex a:hover{color:var(--yellow);text-decoration:underline}.header .login-form .btn{width:100%}.header .login-form p{color:var(--light-color);padding-top:1.5rem;font-size:1.5rem;line-height:2}.header .login-form p a{color:var(--yellow)}.header .login-form p a:hover{text-decoration:underline}.header .member-form{background:var(--white);width:80rem;box-shadow:var(--box-shadow);text-align:center;padding:2rem;animation:.2s linear fadeIn;display:none;position:absolute;top:120%;left:50%;transform:translate(-50%)}.header .member-form.active{display:block}.header .member-form h3{color:var(--black);text-transform:capitalize;text-transform:uppercase;padding-bottom:1rem;font-size:2.5rem}.header .member-form .box{background:var(--light-bg);width:100%;color:var(--light-color);margin:.7rem 0;padding:1.2rem 1.4rem;font-size:1.6rem}.header .member-form .flex{align-items:center;gap:.5rem;padding-top:1.5rem;padding-bottom:1rem;display:flex}.header .member-form .flex label{color:var(--light-color);cursor:pointer;font-size:1.5rem}.header .member-form .flex a{color:var(--light-color);margin-left:auto;font-size:1.5rem}.header .member-form .flex a:hover{color:var(--yellow);text-decoration:underline}.header .member-form .btn{width:100%}.header .member-form p{color:var(--light-color);padding-top:1.5rem;font-size:1.5rem;line-height:2}.header .member-form p a{color:var(--yellow)}.header .member-form p a:hover{text-decoration:underline}.contact-info{background:var(--white);text-align:center;z-index:1100;width:35rem;height:100%;padding:5rem 2rem 0;display:none;position:fixed;top:0;right:0}.contact-info.active{display:block;box-shadow:0 0 0 100vw #000000b3}.contact-info #close-contact-info{cursor:pointer;color:var(--black);font-size:4rem;position:absolute;top:1rem;right:1.5rem}.contact-info #close-contact-info:hover{transform:rotate(90deg)}.contact-info .info{padding:2rem 0}.contact-info .info i{background:var(--light-bg);width:5rem;height:5rem;color:var(--black);cursor:pointer;text-align:center;font-size:2rem;line-height:5rem}.contact-info .info i:hover{background:var(--black);color:var(--white)}.contact-info .info i{margin-bottom:.5rem}.contact-info .info h3{color:var(--black);text-transform:capitalize;padding:1rem 0;font-size:2rem}.contact-info .info p{color:var(--light-color);font-size:1.5rem;line-height:2}.contact-info .share{border-top:var(--border);margin-top:1rem;padding-top:2rem}.contact-info .share a{background:var(--light-bg);width:5rem;height:5rem;color:var(--black);cursor:pointer;text-align:center;font-size:2rem;line-height:5rem}.contact-info .share a:hover{background:var(--black);color:var(--white)}.contact-info .share a{margin:0 .3rem}.home{padding:0}.home .slide{align-items:center;min-height:60rem;display:flex;position:relative;background-position:50%!important;background-size:cover!important}.home .slide:before{content:"";background:linear-gradient(90deg,var(--white),transparent);width:100%;height:100%;position:absolute;top:0;left:0}.home .slide .content{width:50rem;position:relative}.home .slide .content h3{color:var(--black);text-transform:capitalize;text-transform:uppercase;font-size:6rem}.home .slide .content p{color:var(--light-color);padding:1rem 0;font-size:1.4rem;line-height:2}.home .swiper-button-next,.home .swiper-button-prev{top:initial;bottom:0;left:initial;background:var(--white);width:7rem;height:7rem;font-size:3rem;line-height:7rem;right:0}.home .swiper-button-next:hover,.home .swiper-button-prev:hover{background:var(--yellow)}.home .swiper-button-next:after,.home .swiper-button-prev:after{color:var(--black);font-size:2rem}.home .swiper-button-prev{right:7rem}.about .row{flex-wrap:wrap;align-items:center;gap:3rem;display:flex}.about .row .video{flex:41rem}.about .row .video video{width:100%}.about .row .content{flex:41rem}.about .row .content h3{color:var(--black);text-transform:capitalize;font-size:3.5rem}.about .row .content p{color:var(--light-color);padding:1rem 0;font-size:1.5rem;line-height:2}.about .box-container{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));align-items:flex-end;gap:2rem;margin-top:3rem;display:grid}.about .box-container .box{text-align:center;background:var(--light-bg);padding:3rem 2rem}.about .box-container .box h3{color:var(--black);text-transform:capitalize;font-size:4rem}.about .box-container .box p{color:var(--light-color);padding-top:.5rem;font-size:1.5rem;line-height:2}.mission .row{flex-wrap:wrap;align-items:center;gap:3rem;padding-bottom:1.5rem;display:flex}.mission .row .video{flex:41rem}.mission .row .video video{width:100%}.mission .row .content{flex:41rem}.mission .row .content h3{color:var(--black);text-transform:capitalize;font-size:3.5rem}.mission .row .content h4{color:var(--black);text-transform:capitalize;font-size:2rem}.mission .row .content p{color:var(--light-color);padding:.2rem 0;font-size:1.5rem;line-height:2}.mission .row .content span{font-size:1.5rem;font-weight:700;line-height:3}.org{background:var(--black)}.org .heading{color:var(--white)}.org .row{flex-wrap:wrap;gap:2rem;display:flex}.org .row .content{flex:100%;justify-content:center;align-items:center;display:flex}.org .row .content img{max-width:100%;height:auto}.services{background:var(--light-bg)}.services .box-container{grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));gap:2rem;display:grid}.services .box-container .box{text-align:center;background:var(--white);box-shadow:var(--box-shadow);border:var(--border);padding:3rem}.services .box-container .box:hover img{transform:translateY(-1rem)}.services .box-container .box img{height:7rem;margin-bottom:.5rem;transition:all .2s linear}.services .box-container .box h3{color:var(--black);text-transform:capitalize;padding:1rem 0;font-size:1.7rem}.services .box-container .box p{color:var(--light-color);font-size:1.4rem;line-height:2}.projects{background:var(--black)}.projects .heading{color:var(--white)}.projects .box-container{grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:2rem;display:grid}.projects .box-container .box{cursor:initial}.projects .box-container .box:hover .image img{transform:scale(1.1)}.projects .box-container .box .image{height:40rem;overflow:hidden}.projects .box-container .box .image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:all .2s linear}.projects .box-container .box .content{background:var(--white);justify-content:space-between;display:flex}.projects .box-container .box .content .info{padding:1rem 2rem}.projects .box-container .box .content .info h3{color:var(--black);text-transform:capitalize;font-size:1.7rem}.projects .box-container .box .content .info p{color:var(--light-color);font-size:1.5rem;line-height:2}.projects .box-container .box .content i{background:var(--yellow);width:7.5rem;color:var(--white);cursor:pointer;text-align:center;font-size:3rem;line-height:7.5rem}.reviews .slide p{background:var(--light-bg);color:var(--light-color);margin-bottom:3rem;padding:1.5rem;font-size:1.5rem;line-height:2;position:relative}.reviews .slide p:before{content:"";background:var(--light-bg);width:2rem;height:2rem;position:absolute;bottom:-1rem;left:2rem;transform:rotate(45deg)}.reviews .slide .user{align-items:center;gap:1.5rem;display:flex}.reviews .slide .user img{width:7rem;height:7rem}.reviews .slide .user h3{color:var(--black);text-transform:capitalize;font-size:2rem}.reviews .slide .user .stars{padding-top:.5rem}.reviews .slide .user .stars i{color:var(--yellow);font-size:1.4rem}.pricing{background:var(--light-bg)}.pricing .box-container{grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:2rem;display:grid}.pricing .box-container .box{background:var(--white);text-align:center;border:var(--border);box-shadow:var(--box-shadow);padding:2rem}.pricing .box-container .box i{background:var(--yellow);width:7rem;height:7rem;color:var(--black);border-radius:50%;margin-bottom:2rem;font-size:3rem;line-height:7rem}.pricing .box-container .box h3{color:var(--black);text-transform:capitalize;font-size:2rem;font-weight:400}.pricing .box-container .box .price{color:var(--black);text-transform:capitalize;padding:1rem 0;font-size:5rem}.pricing .box-container .box .price span{font-size:2rem}.pricing .box-container .box .list{padding:1rem 0}.pricing .box-container .box .list p{color:var(--light-color);padding:1rem 0;font-size:1.4rem;line-height:2}.contact{background:var(--black)}.contact .heading{color:var(--white)}.contact .row{flex-wrap:wrap;gap:2rem;display:flex}.contact .row .map{flex:41rem;width:100%}.contact .row form{background:var(--white);flex:41rem;padding:2rem}.contact .row form h3{color:var(--black);text-transform:capitalize;font-size:2.5rem}.contact .row form .box{border-bottom:var(--border);width:100%;color:var(--light-color);margin:.7rem 0;padding:1.5rem 0;font-size:1.6rem}.contact .row form .box:focus{border-color:var(--yellow)}.contact .row form textarea{resize:none;height:15rem}.blogs{background:var(--light-bg)}.blogs .slide{text-align:center}.blogs .slide:hover .image img{transform:scale(1.1)}.blogs .slide .image{width:90%;height:25rem;margin:0 auto -3rem;overflow:hidden}.blogs .slide .image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:all .2s linear}.blogs .slide .content{background:var(--white);padding:5rem 2rem 2rem;box-shadow:0 0 1.5rem #0003}.blogs .slide .content h3{color:var(--black);text-transform:capitalize;font-size:2rem}.blogs .slide .content p{color:var(--light-color);padding:1rem 0;font-size:1.4rem;line-height:2}.logo-container{text-align:center}.logo-container img{pointer-events:none;-webkit-user-select:none;user-select:none;height:10rem}.footer{text-align:center}.footer .links .btn{margin:.5rem}.footer .credit{color:var(--black);text-transform:capitalize;margin-top:2rem;padding-top:1rem;font-size:2rem}.footer .credit span{color:var(--yellow)}@media (max-width:1200px){.header{padding:1.5rem 2rem}section{padding:3rem 5%}}@media (max-width:991px){html{font-size:55%}section{padding:3rem 2rem}.header #menu-btn{display:inline-block}.header .navbar{background:var(--white);border-top:var(--border);border-bottom:var(--border);clip-path:polygon(0 0,100% 0,100% 0,0 0);flex-direction:column;align-items:flex-start;transition:all .2s linear;position:absolute;top:99%;left:0;right:0}.header .navbar.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.header .navbar .nav-links{flex-direction:column;width:100%;display:flex}.header .navbar .nav-links a{margin:.8rem 2rem;display:block}.header .navbar .nav-auth{border-top:var(--border);flex-direction:column;width:100%;margin-top:1rem;padding:2rem;display:flex}.header .navbar .nav-auth .login,.header .navbar .nav-auth .register{text-align:center;width:100%;margin:.4rem 0;padding:.6rem;display:block}}@media (max-width:768px){.header .search-form,.header .login-form{width:90%}.home .slide{justify-content:center}.home .slide .content{text-align:center}.home .slide .content h3{font-size:3rem}}@media (max-width:450px){html{font-size:50%}}.portal{flex-direction:column;height:100vh;display:flex}.portal .portal-header{background:var(--black);height:5rem;color:var(--white);justify-content:space-between;align-items:center;padding:0 2rem;font-size:2rem;display:flex}.portal .portal-header .menu-toggle{cursor:pointer;font-size:2rem;display:none}.portal .portal-body{flex:1;display:flex}.portal .portal-body .portal-menu{background:var(--light-bg);width:15rem;padding:2rem;transition:transform .3s}.portal .portal-body .portal-menu ul{list-style:none}.portal .portal-body .portal-menu ul li{margin:1rem 0}.portal .portal-body .portal-menu ul li a{color:var(--black);font-weight:500;text-decoration:none}.portal .portal-body .portal-menu ul li a:hover{color:var(--yellow)}.portal .portal-body .portal-content{background:var(--white);flex:1;padding:2rem;overflow-y:auto}@media (max-width:768px){.portal-body{flex-direction:column}.portal-body .portal-menu{z-index:1000;background:var(--light-bg);width:70%;max-width:300px;height:calc(100vh - 5rem);position:absolute;top:5rem;left:0;transform:translate(-100%);box-shadow:2px 0 8px #0000001a}.portal-body .portal-menu.open{transform:translate(0)}.portal-header .menu-toggle{display:block}}.dashboard{padding:2rem}.dashboard h2{color:var(--black);text-transform:capitalize;margin-bottom:2rem;font-size:2.5rem}.dashboard .dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:2rem;display:grid}.dashboard .dashboard-cards .card{background:var(--light-bg);box-shadow:var(--box-shadow);text-align:center;border-radius:.5rem;padding:2rem;transition:transform .2s}.dashboard .dashboard-cards .card:hover{transform:translateY(-.5rem)}.dashboard .dashboard-cards .card h3{color:var(--black);text-transform:capitalize;margin-bottom:1rem;font-size:1.8rem}.dashboard .dashboard-cards .card p{color:var(--light-color);font-size:1.4rem;line-height:2}