.h-8{padding-left:.5rem;padding-right:.5rem}.v-8{padding-top:.5rem;padding-bottom:.5rem}.p-8{padding:.5rem}.p-12{padding:12px}.v-12{padding-top:12px;padding-bottom:12px}.h-12{padding-left:12px;padding-right:12px}.p-16{padding:1rem}.v-16,header{padding-top:1rem;padding-bottom:1rem}.h-16,header nav .link{padding-left:1rem;padding-right:1rem}.p-32{padding:2rem}.v-32{padding-top:2rem;padding-bottom:2rem}.h-32{padding-left:2rem;padding-right:2rem}.v-100,.support,.about,.who,.services,.community,.goals,.testimonial,.contact,.sub,.products{padding-top:100px;padding-bottom:100px}.mt-50{margin-top:50px}.mr-10{margin-right:10rem}.ms-10{margin-left:10rem}@media (max-width: 600px){.v-100,.support,.about,.who,.services,.community,.goals,.testimonial,.contact,.sub,.products{padding-top:80px;padding-bottom:80px}}.brand-color{color:#000}.btn{display:flex;align-items:center;font-weight:500;padding:8px 16px;border-radius:50px}.btn.btn-icon{padding:0;height:50px;width:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;border:1px solid #dbdbdb}.btn.btn-icon-trans{background:none;border:none}.btn.btn-primary{background:#148EE1!important;font-size:.9rem}.btn.btn-secondary{background:white;color:#000;font-weight:500}.product{background:#1d1d1d;border-radius:24px;padding:50px 40px;text-align:center;position:relative;max-width:900px;margin:0 auto;color:#fff;overflow:hidden;box-shadow:0 2px 5px #b8b7b759;transition:all .3s cubic-bezier(.5,.01,.21,1)}.product:hover{cursor:pointer;transform:translateY(-10px)}.product:hover .thumb{transform:scale(1.2)}.product h3{font-size:30px;font-weight:700;margin:1.5rem 0;letter-spacing:-.5px}.product p{max-width:600px;margin:0 auto 40px;color:#c7c7c7;font-size:16px;line-height:1.5}.product .product-preview{width:100%;max-width:800px;border-radius:20px;margin:0 auto;display:block}.product .thumb-container{height:240px;position:relative;overflow:hidden}.product .thumb{position:absolute;height:100%;width:100%;left:0;top:0;background-size:cover;background-position:center;border-radius:5px;transition:all .5s cubic-bezier(.5,.01,.21,1)}.product .title{font-size:1.2rem;color:#000;margin-bottom:4px;font-weight:500}.product .meta{height:160px;padding:16px 8px;display:flex;flex-direction:column;justify-content:space-between}.circle{border-radius:50%;width:15px;height:15px;margin-right:auto;margin-left:auto}.circle.outline{border:5px solid #ffffff}.circle.center{width:30px;height:30px;position:relative}.circle.small{position:absolute;-webkit-animation:expand 1.5s linear infinite;animation:expand 1.5s linear infinite}.circle.small:before{content:"";width:40px;height:5px;background-color:#fff}.circle.small:first-of-type{top:-40px;left:-40px}.circle.small:nth-of-type(2){top:-40px;right:-40px}.circle.small:nth-of-type(3){bottom:-40px;left:-40px}.circle.small:nth-of-type(4){bottom:-40px;right:-40px}.small-dot-container{position:absolute;top:0;left:0;height:100%;width:100%;-webkit-animation:rotating 3s linear infinite;animation:rotating 3s linear infinite}.small-dot-container .small-dot{position:absolute;border-radius:50%;width:10px;height:10px;background-color:#fff}.small-dot-container .small-dot:first-of-type{top:-30px;left:-30px}.small-dot-container .small-dot:nth-of-type(2){top:-30px;right:-30px}.small-dot-container .small-dot:nth-of-type(3){bottom:-30px;left:-30px}.small-dot-container .small-dot:nth-of-type(4){bottom:-30px;right:-30px}.line-container{position:absolute;top:0;left:0;height:100%;width:100%}.line-container .line{position:absolute;width:23px;height:5px;background:#ffffff;background:-webkit-linear-gradient(left,transparent 50%,#ffffff 50%);background:linear-gradient(to right,transparent 50%,#ffffff 50%);background-size:200% 100%;background-position:left bottom;-webkit-animation:bgColor 1.5s linear infinite;animation:bgColor 1.5s linear infinite}.line-container .line:first-of-type{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:-8px;left:-18px}.line-container .line:nth-of-type(2){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:-16px;right:-26px}.line-container .line:nth-of-type(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);bottom:-8px;left:-18px}.line-container .line:nth-of-type(4){-webkit-transform:rotate(45deg);transform:rotate(45deg);bottom:-16px;right:-26px}#snapask-logo{position:absolute;bottom:16px;right:16px;width:60px}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes expand{0%{-webkit-transform:scale(0);transform:scale(0)}25%{-webkit-transform:scale(1);transform:scale(1)}75%{-webkit-transform:scale(1);transform:scale(1)}85%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes expand{0%{-webkit-transform:scale(0);transform:scale(0)}25%{-webkit-transform:scale(1);transform:scale(1)}75%{-webkit-transform:scale(1);transform:scale(1)}85%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes bgColor{0%{background-position:left bottom}25%{background-position:right bottom}75%{background-position:right bottom}to{background-position:left bottom}}@keyframes bgColor{0%{background-position:left bottom}25%{background-position:right bottom}75%{background-position:right bottom}to{background-position:left bottom}}.anim-c{display:inline-block;overflow:hidden}.anim-c .anim-t{display:inline-block;transform:translateY(-105%)}.anim-opacity{transform:translateY(20px);opacity:0}body{overflow-x:hidden;font-family:Tajawal,sans-serif;background-color:#fff;color:#161616}a{color:inherit;text-decoration:none}p{font-size:1rem;color:#525252}p.bold{font-weight:600}h1,h2,h3,h4,h5,h6{font-family:Tajawal,sans-serif;font-style:normal;font-weight:600;transition:all .5s ease-out}h1.normal,h2.normal,h3.normal,h4.normal,h5.normal,h6.normal{font-family:Tajawal,sans-serif;font-weight:400;font-style:normal}h1{font-size:4.4rem;margin-bottom:24px;overflow:hidden}h1 .text{transform:translateY(100%)}h2{font-size:3rem;margin-bottom:2rem}h3{font-size:2.5rem}.flex-one{flex:1}.mobile-only,.mobile-only-flex{display:none!important}.text-link{display:flex;margin-top:24px}.text-link .link-icon{border:2px solid #FFFFFF;color:#fff;height:25px;width:25px;border-radius:5px;display:flex;align-items:center;justify-content:center;margin-right:12px}.text-link .link-icon i{font-size:.9rem}.text-link .link-text{font-weight:600;color:#fff;text-decoration:underline}.banner{position:relative;height:130vh;display:flex;align-items:last baseline;justify-content:flex-start}.banner h1{font-size:4rem;line-height:5rem;margin-bottom:1.5rem}.banner img{height:45%;margin-bottom:2rem}.banner .content{width:50%;margin-left:5%;max-width:100%;color:#fff;margin-bottom:15rem}.banner .content i{font-size:16px}.banner .content .btn-icon{border:none;height:40px;width:40px}.banner .content p{margin-bottom:2.5rem;color:#d7d5d5;font-size:1.2rem}.banner .content .point{display:flex;align-items:center;background:rgba(255,255,255,.114);border-radius:50px;padding:8px 16px;margin-right:12px;margin-bottom:12px;font-size:.8rem}.banner .content .point i{margin-right:8px}.banner .bg{position:absolute;top:0px;left:0px;right:0px;bottom:0px;height:100%;width:100%;background:url(/img/banner.png);background-size:cover;background-position:center}.banner .overlay{position:absolute;top:0px;left:0px;right:0px;bottom:0px;height:100%;width:100%;background:linear-gradient(to right,#1f8dd7,#ffffff);background:none}header{position:fixed;top:0px;left:0px;width:100%;background:#fff;z-index:100;box-shadow:0 2px 20px -15px #fff}header .container{display:flex;align-items:center;justify-content:space-between}header .sub{padding:.5rem 2rem;font-size:.8rem;background:#ff5e00;background:#2b2b2b;background:#420cb0;color:#fff}header .sub .link{margin-right:1.5rem;font-weight:500}header .main{display:flex;align-items:center;padding:.5rem 1.5rem}header .logo{height:46px}header nav .link{font-size:1rem;color:#000;align-items:center;font-weight:500}header nav .link.active{color:#148EE1;font-weight:600}header nav .link:hover{color:#148EE1}.border-y{border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb}.border-light{border-left:1px solid #8d8888c7!important;border-right:1px solid #8d8888c7!important}.support{text-align:center}.support .col-md-4{padding:24px 50px}.support .icon{margin-bottom:1rem}.about{position:relative;min-height:300px;background-color:#f6f6f6}.about h2{text-align:center}.about .about-image{height:430px;background:url(/img/about.png);background-size:cover;background-position:center;border-radius:20px}.about .about-card{background:#FFFFFF;position:relative;padding:20px;color:#525252;border-radius:20px;min-height:440px}.about .about-decor{position:absolute;top:0px;left:0px;right:0px;bottom:0px;height:100%;width:100%;background:#010018;height:400px}.about .container{position:relative}.who{background:linear-gradient(180deg,#FFFFFF,#eef7fd);text-align:center}.who img{background-size:cover;background-position:center;border-radius:20px}.services-section{position:relative;width:100%;padding:5rem 0;display:flex;justify-content:center;align-items:center}.center-image{width:420px;height:auto;border-radius:18px;overflow:hidden;z-index:2}.center-image img{width:100%;display:block;border-radius:18px}.service-tag{position:absolute;background:#148EE1;color:#fff;padding:10px 20px;border-radius:30px;font-size:16px;display:flex;align-items:center;gap:8px;white-space:nowrap;z-index:3;box-shadow:0 4px 10px #00000026}.service-tag .icon-chk{color:#fff;font-size:20px;font-variation-settings:"FILL" 1,"wght" 600}.tag-1{top:20%;left:4%}.tag-2{top:45%;left:10%}.tag-3{bottom:2%;left:37%}.tag-4{top:20%;right:7%}.tag-5{top:45%;right:5%}.shape{position:absolute;width:16px;height:16px;border-radius:4px;opacity:.7}.shape-blue{background:#0000FF;left:20%;top:65%;transform:rotate(45deg)}.shape-yellow{background:#FF9B00;left:85%;top:35%;transform:rotate(45deg)}.shape-red{background:#ED1C24;left:75%;top:6%;transform:rotate(45deg)}.items{background:#0D1E3A;padding:1rem;width:100%}.items h5{text-transform:uppercase;align-items:center;margin:0}.logo-row{display:flex;align-items:center;justify-content:center;gap:3rem;padding:2rem 0}.logo-item{position:relative;padding-right:1rem;margin-right:1rem}.logo-item:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background-color:#e0e0e0}.logo-item img{max-height:60px;width:auto;object-fit:contain;display:block}.services .service{background:#F6F6F6;color:#425062;border-radius:20px;padding:14px;margin-right:14px;min-height:80vh}.services .service h6{font-weight:700;color:#1a1a1a;margin-top:3rem}.services .service .icon{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.services .service .icon img{height:auto}.services .service .ms-check-list{list-style:none;margin:0;padding:0;font-size:.9rem;color:#3f4b56}.services .service .ms-check-list li{display:flex;align-items:start;gap:.75rem;padding:.35rem 0}.services .service .ms-check-list .material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24;font-size:12px;color:#fff;background-color:#0b84ff;border-radius:50%;padding:4px;display:inline-flex}.community .card{background:#FFFFFF;border:1px solid #e2e2e2;border-radius:25px;padding:20px}.community .card .icon{margin-bottom:2rem}.community .card h6{font-size:.9rem}.community .col-md-3,.community .col-md-4{padding-right:0!important}.goals{background-color:#f6f6f6}.goals img{width:13%}.goals h4{text-transform:uppercase}.partners{background:linear-gradient(180deg,#FFFFFF,#F6F6F6)}.testimonial img{height:50px;padding:0 10px}.contact .contact-form{border-radius:24px;margin:2rem 2rem 0 0}.contact .contact-form label{font-size:.8rem;font-weight:600}.contact .contact-form .form-control{background:#FFFFFF;border:1px solid #dfe0e1;border-radius:6px;margin:10px 0}.contact .contact-form .btn{margin-top:1rem;font-size:1rem;width:100%;text-align:center;display:block!important}.social-icons{display:flex;gap:1.2rem}.social-icons .icon{width:48px;height:48px;background:#f6f6f6;border-radius:50%;display:flex;align-items:center;justify-content:center}.social-icons i{font-size:20px;color:#111}.form-control::placeholder{font-size:.8rem}.color{height:25px;width:25px;margin-right:.5rem}.color.active{border:2px solid white;box-shadow:2px 2px 10px -5px #000}.text-light{color:gray!important}.sub{background-color:#062c46;font-size:.8rem}.sub h3{color:#fff}.sub p{color:#f5f5f5;font-size:.8rem;font-weight:500}.sub .btn-primary{padding:7px 45px!important;font-size:.9rem}.sub .btn-secondary{padding:7px 40px!important;font-size:.9rem}.sub button{justify-items:end}.full-img{width:100vw}.options{display:flex}.options .option{padding:.5rem 1rem;border:1px solid #dbdbdb;border-radius:4px;margin-right:.5rem}.options .option.active{border:1px solid black;font-weight:600}.heading-alt{text-transform:none;font-weight:400;font-style:italic;color:#609973}.dot{height:5px;width:5px;margin:0 .7rem;background:#cccccc;border-radius:50%}@keyframes loadu{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.p-basic{padding:3rem}.h-font{font-family:"",serif;font-family:Playfair Display,serif}.tp{padding-top:5rem;padding-bottom:5rem}.m-side{margin:0 .2rem}.content-width{padding:0 2rem;margin:auto}.p-width{max-width:700px;margin:auto}.c-flex{align-items:center;display:flex;align-items:flex-start;justify-content:space-between}.c-flex .caption{width:100px;margin-right:3rem;flex-shrink:0;font-size:.8rem;font-weight:600;color:green}.gap{height:50px}.icon{height:75px;width:75px;border:8px solid #f2f2f2;border-radius:50px;display:flex;align-items:center;justify-content:center}.icon .sub-icon{height:60px;width:60px;background-color:#fff;box-shadow:2px 2px 5px -4px #000;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon img{width:65%}.icon.dark{background:rgba(0,0,0,.147);color:#fff}.v-divider{min-height:30px;width:2px;border-right:1px solid #dbdbdb;margin:0 1rem}.thumb-max{height:500px;background-size:cover;background-position:center}.content{position:relative;z-index:1}.main{padding:5rem 0;text-align:center}.why{background:#f2f2f2}.why .feature{background:white;max-width:1300px;margin:auto}.why .feature-content{padding:5rem}.why .feature-thumb{width:100%;height:400px;margin:auto;background-size:cover;background-position:center}@keyframes scroll-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scroll-arrow-anim{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}footer{color:#000;background-color:#f5f5f5;padding:3rem 0 2rem}footer .input-group{background:#3f6791;padding:5px;border-radius:30px}footer .btn-primary{background:linear-gradient(to right,#4283FF,#284F99)!important;border:none;border-radius:14px}footer .form-control{background:#3f6791;color:#fff!important;border:1px solid #3f6791;border-radius:14px}footer .form-control:focus{background:#3f6791}footer .title{font-size:1.8rem;font-weight:400;color:#fff}footer .contact{font-size:1.2rem;color:#fff}footer .contact-list{display:flex}footer hr{margin:2rem 0}footer .address{width:300px;margin-right:3rem}footer .link{display:block;margin:.7rem 0;font-size:.9rem}footer .links{width:300px}footer .divider{margin:0 1rem;height:5px;width:5px;background:#424242;border-radius:50%}footer .social-links{display:flex;align-items:center;margin-left:auto}footer .social{margin-left:2rem;height:100px;width:100px;background:#2c2c2c;display:flex;align-items:center;justify-content:center}footer .social img{height:40px;width:40px}footer .copy{display:flex;align-items:center;justify-content:space-between;font-size:.9rem}footer h5{margin-bottom:20px}@media (max-width: 1000px){.banner .bg{background-image:url(/img/banner.png)}.banner .content{width:100%;margin-left:0;padding:32px 20px;padding-top:70px!important}.banner .overlay{background:linear-gradient(to bottom,#002975b6,rgba(0,0,0,.137))}}@media (max-width: 768px){.services-section{flex-direction:column}.service-tag{position:static;margin:8px 0;width:fit-content}.shape{display:none}.center-image{width:90%}.logo-row{flex-wrap:wrap;gap:2rem}.logo-item{margin-right:0;padding-right:0}.logo-item:not(:last-child):after{display:none}.logo-item img{max-height:45px}.community .card{margin-bottom:1rem}.support .col-md-4{padding:20px 24px}.full-img{width:100vw}.about-card,.about-image{margin-bottom:10px}.services-section,.support,.community{padding:2rem 0}.services .service{min-height:50vh}}@media (max-width: 500px){.mobile-only{display:block!important}.mobile-only-flex{display:flex!important}.c-flex .caption{margin-bottom:1rem}h1{font-size:2.5rem;line-height:2.5rem}.p-width{max-width:none;margin:none;padding:0 1rem}.content-width{padding:1rem}.banner{height:auto}.banner .content{padding:32px 20px}.banner .content h1{font-size:3rem;line-height:3.5rem}.p-basic{padding:1.2rem}header .logo{height:30px}header .btn-icon{color:#fff}header nav{position:fixed;top:0px;bottom:0px;left:0px;width:100vw;height:100vh;background:#302f2f;z-index:1000;display:flex;flex-direction:column;padding:1.5rem 1rem;transform:translate(-100%)}header nav .btn-icon{margin-left:.5rem;margin-bottom:2rem;color:#fff}header nav .link{font-size:1.5rem;display:inline-block;padding:.5rem 1rem}header .sub{display:none!important}header .main .link{display:none}header:after{height:20px;width:100%;top:93%}.banner .content{padding-top:130px}.banner .scroll-down{height:130px;width:130px}.about .content{padding:.2rem}.about .img{height:20%}.about .c-flex{flex-direction:column}.about .facilities .point{padding:2rem 1rem}.about .facilities .point .text{font-size:.9rem}.rooms .room{margin-top:1rem}.responsive-flex{flex-direction:column}footer .title{margin-bottom:2rem}footer .col-6,footer .col-md-3{margin-top:20px}}