body{overflow-x:hidden;font-family:Tajawal,sans-serif;background-color:#fff;color:#161616;min-height:1000vh;will-change:transform}a{color:inherit;text-decoration:none}p{font-size:1.2rem;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:70vh;display:flex;align-items:center;justify-content:center}.banner h1{font-size:3.5rem;line-height:3.5rem;margin-bottom:1.5rem}.banner img{height:45%;margin-bottom:2rem}.banner .content{width:50%;margin-left:5%;max-width:100%;color:#fff}.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-2.jpg);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:60px}header nav .link{font-size:1.2rem;color:#000;align-items:center;font-weight:500}header nav .link.active{color:#fff;font-weight:600}header nav .link:hover{color:#5bba46}.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-8,header{padding-top:.5rem;padding-bottom:.5rem}.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,.features,.about,.services,.products,.contact,.sub{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,.about,.who,.services,.sub,.products{padding-top:50px;padding-bottom:50px}.features,.contact{padding-top:50px;padding-bottom:70px}}.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:#5bba46!important;border:#5bba46;font-size:.9rem}.btn.btn-secondary{background:white;color:#000;font-weight:500}.loading{display:inline-block;height:20px;width:20px;border:3px solid #ffffff70;border-top:3px solid white;border-right:3px solid white;border-bottom:3px solid white;border-radius:50%;animation:loading .7s linear infinite;flex-shrink:0}.loading.dark{border:3px solid #cfe0ff;border-top:3px solid #305fb8;border-right:3px solid #305fb8;border-bottom:3px solid #305fb8}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@-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}.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;h6 {color: #525252;}}.about .about-image{height:500px;background:url(/img/about-1.jpg);background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:20px}.about .about-card{background:#FFFFFF;position:relative;padding:20px;border-radius:20px;min-height:440px}.about .container{position:relative}.features{background-color:#f2f2f2}.features .col-md-4{margin-top:1.7rem}.feature{background:#FFF;border-radius:24px;padding:50px 40px;position:relative;max-width:900px;margin:0 auto;overflow:hidden;box-shadow:0 2px 5px #b8b7b759;transition:all .3s cubic-bezier(.5,.01,.21,1);h4 {text-align: left; margin-top: 1rem; text-transform: uppercase;}}.product{background:#282568;background:#f2f2f2;background:#5bba46;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);h3 {font-size: 30px; font-weight: 700; margin: 1.5rem 0; letter-spacing: -.5px;} p {max-width: 600px; margin: 0 auto 40px auto; color: #c7c7c7; font-size: 16px; line-height: 1.5;} .product-preview {width: 100%; max-width: 800px; border-radius: 20px; margin: 0 auto; display: block;} .thumb-container {height: 240px; position: relative; overflow: hidden;} .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);} .title {font-size: 1.2rem; color: black; margin-bottom: 4px; font-weight: 500;} .meta {height: 160px; padding: 16px 8px; display: flex; flex-direction: column; justify-content: space-between;}}.product:hover{cursor:pointer;transform:translateY(-10px)}.product:hover .thumb{transform:scale(1.2)}.splide__arrow--prev{left:-3em!important}.splide__arrow--next{right:-2em!important}.center-image{width:420px;height:auto;border-radius:18px;overflow:hidden;z-index:2}.center-image img{width:100%;display:block;border-radius:18px}.contact{background-color:#fff;h4 {margin-bottom: 1.2rem;} p {color: #fff; margin-bottom: 2.5rem;} .contact-form {border-radius: 24px; padding: 2rem;} .address {background-color: #5bba46; border-radius: 24px; padding: 3rem; margin: 2rem; color: #fff;}}.contact .container{border-radius:24px;box-shadow:0 2px 5px #b8b7b759}.contact .contact-form label{font-size:.9rem;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}.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 .sub-icon{height:60px;width:60px;background-color:#5bba46;box-shadow:2px 2px 5px -4px #000;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.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}@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:#fff;background-color:#000;padding:3rem 0 2rem}footer .input-group{background:#3f6791;padding:5px;border-radius:30px}footer .btn-primary{background:linear-gradient(to right,#afda9c,#5bba46)!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:1rem 0;font-size:1rem}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-2.jpg)}.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%}.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:40px}header .btn-icon{color:#000}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;color:#fff}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}.contact .address{margin:0!important}.features .col-md-4{margin-top:1rem}.feature{padding:1.5rem}.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}.responsive-flex{flex-direction:column}footer .title{margin-bottom:2rem}footer .col-6,footer .col-md-3{margin-top:20px}}