:root{--body-color:#202020;--primary-text-color:#F5F5F5;--secendary-text-color:#dddddd;--box-color:#242424;--brand-color:#FF6B33;--border-radius:20px}body.dark-mode{--body-color:#F9F7F7;--primary-text-color:#131313;--secendary-text-color:#242424;--box-color:#F3F3F3;--brand-color:#fd4e0e}*{padding:0;margin:0;box-sizing:border-box}body{font-family:Lexend,sans-serif;color:var(--primary-text-color);background-color:var(--body-color);text-align:left;position:relative;overflow-x:hidden}.home-rtl{font-family:Tajawal,sans-serif;text-align:right}.switch-button{border-radius:50%;border:none;outline:0;display:grid;place-items:center;width:45px;height:45px;margin-left:10px;border:.5px solid var(--brand-color)}.header{position:fixed;top:0;left:0;background-color:#242424d0;backdrop-filter:blur(10px);width:100%;z-index:100}.dark-mode .header{background-color:#f9f7f7d0;backdrop-filter:blur(10px)}.btn-light-mode{background-color:var(--box-color);color:var(--primaryColor)}html{scroll-behavior:smooth}::selection{color:var(--body-color);background-color:var(--brand-color)}.title{color:var(--primary-text-color);font-size:55px;text-transform:capitalize;font-weight:700;position:relative}.sub-title{color:var(--primary-text-color);font-size:28px;font-weight:700;position:relative;text-transform:capitalize}.unique-text{color:var(--brand-color)}a,a:focus,a:hover{text-decoration:none;color:unset}.logo,.logo:hover{font-size:30px;font-weight:700;text-transform:uppercase;color:var(--brand-color)}.bg-box{background-color:var(--box-color);border-radius:var(--border-radius)}.btn{background-color:var(--brand-color);color:var(--primary-text-color);border-radius:var(--border-radius);padding:10px 20px;font-size:14px;width:fit-content;position:relative;overflow:hidden;display:inline-flex;justify-content:center;text-transform:capitalize;align-items:center;text-align:center;letter-spacing:.5px;outline:0;font-weight:600;cursor:pointer;z-index:1}.btn:hover{color:var(--primary-text-color);background-color:var(--body-color);border:solid 2px var(--brand-color)}.learn-more{text-transform:capitalize;color:var(--brand-color);font-size:20px;font-weight:700;cursor:pointer;border:none;background-color:transparent;display:flex;align-items:center}.learn-more:hover{color:var(--primary-text-color)}.learn-more .bi{font-size:22px;margin-inline:5px}@media (max-width:768px){.btn{padding:6px 18px;font-size:16px}.title{font-size:35px}.title-2{font-size:20px}.pretitle{font-size:14px}p{font-size:14;line-height:28}}p{color:var(--secendary-text-color);font-size:16px;line-height:32px;font-weight:300}ul{list-style:none}img{width:100%;border-radius:var(--border-radius)}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--body-color);z-index:9999}.spinner{position:absolute;top:45%;left:45%;border:16px solid #e6e6e6;border-top:16px solid var(--brand-color);border-radius:50%;width:80px;height:80px;animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#progress{position:fixed;bottom:20px;right:10px;height:70px;width:70px;display:none;place-items:center;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.2);cursor:pointer;z-index:800}#progress-value{display:block;height:calc(100% - 15px);width:calc(100% - 15px);border-radius:50%;display:grid;background-color:var(--body-color);place-items:center;font-size:35px;color:var(--brand-color)}.navbar{z-index:900}.navbar ul li a{font-weight:400;text-transform:capitalize;margin-inline:10px;color:var(--secendary-text-color)}.navbar ul .dropdown-menu{background-color:var(--box-color)!important;color:var(--secendary-text-color)}.navbar ul .dropdown-menu .dropdown-item:hover{background-color:transparent!important}.navbar-toggler i{color:var(--primary-text-color)!important;font-size:32px}.navbar-toggler,.navbar-toggler:active,.navbar-toggler:focus{border:none}.navbar ul li a:hover{color:var(--brand-color)}.hero{margin-top:4rem;min-height:100vh;position:relative;overflow:hidden}.hero .hero-text .title{font-size:50px;line-height:65px}.hero .hero-text .icons .icon{background-color:var(--brand-color);color:var(--body-color);border-radius:50%;margin-inline:5px;width:35px;height:35px;display:flex;justify-content:center;align-items:center}.hero .hero-text .icons i{font-size:20px}.hero .hero-images .hero-img{height:500px}.hero .hero-images .hero-img img{border-radius:var(--border-radius);object-fit:cover;overflow:hidden;width:100%;height:100%}.hero .hero-numbers .box{display:flex;flex-direction:column;align-items:center;justify-content:center}.hero .hero-numbers .box h2{font-size:55px;color:var(--brand-color);font-weight:700;text-align:center}.hero .hero-numbers .box h6{color:var(--secendary-text-color);font-size:18px;font-weight:400}.services .service-title{font-size:50px;color:var(--primary-text-color);font-weight:700;position:relative;width:100%}.services .service-title::before{position:absolute;content:"";top:4rem;background-color:var(--brand-color);width:60px;height:7px;border-radius:var(--border-radius)}.home-rtl .service-title::before{right:0}.about .feature-title .sub-title{position:relative}.about .feature-title .sub-title::after{position:absolute;content:"";width:80px;height:6px;left:0;top:2.5rem;background-color:var(--brand-color);border-radius:var(--border-radius)}.home-rtl .about .feature-title .sub-title::after{display:none}.about .feature-title i{font-size:30px;color:var(--brand-color)}.portfolio img{border-radius:var(--border-radius) var(--border-radius) 0 0;height:450px}.portfolio-icon{font-size:42px;color:var(--brand-color)}.portfolio-single .img img{height:350px}.testimonials h3{font-size:30px;text-transform:capitalize;font-weight:500}.testimonials h6{font-size:16px;text-transform:capitalize;font-weight:300;margin-block:5px;color:var(--secendary-text-color)}.testimonials p{font-size:22px}.testimonials img{width:80px;height:80px;border-radius:50%}.testimonials i{font-size:30px;color:var(--brand-color)}.blog img{height:400px;border-radius:var(--border-radius)}.blog h4{color:var(--secendary-text-color);font-size:22px;text-transform:capitalize;font-weight:400}.blog .blog-title{text-transform:capitalize;font-weight:600;font-size:34px}.blog-single img{height:650px}.blog-single h4{font-size:24px}.blog-single h2{font-size:52px;font-weight:700;color:var(--primary-text-color)}.blog-single p{font-size:18px}.newsletter{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;background-color:#f7f7f7;border-radius:var(--border-radius)}.newsletter .form{display:flex;justify-content:space-between;height:45px;border:2px solid var(--primary-text-color);border-radius:var(--border-radius)}.newsletter .form input{border:0;outline:0;font-size:20px;flex:0.75;padding-left:10px}.newsletter .form button{color:var(--body-color);background-color:var(--primary-text-color);height:100%;flex:0.25;border:0;outline:0}.faq i{font-size:22px;color:var(--primary-text-color)}.faq h5{font-size:26px;font-weight:600;color:var(--primary-text-color)}.faq h4{font-size:22px;font-weight:400}.rotate-icon{transition:transform .3s ease-in-out}.rotate-icon.rotated{transform:rotate(180deg)}.contact i{font-size:35px;color:var(--brand-color)}.contact h5{font-size:20px;font-weight:400;color:var(--secendary-text-color)}.contact .main-form h6{font-size:18px;font-weight:300;color:var(--secendary-text-color)}.contact .main-form input,.contact .main-form textarea{width:100%;padding:15px;border:none;outline:0;background-color:var(--box-color);border-radius:var(--border-radius);color:var(--primary-text-color)}.toast-success{background-color:#0d9700!important;opacity:1!important}.toast-error{background-color:#8b0500!important;opacity:1!important}.toast{border-radius:5px!important;color:#f9f9f9!important;font-family:Outfit,sans-serif;box-shadow:none!important}.footer{background-color:var(--box-color);border-radius:40px 40px 0 0}.footer .box p{color:var(--secendary-text-color);font-weight:400}.footer .box i{color:var(--brand-color);font-size:20px}.footer h4{color:var(--primary-text-color);font-size:16px;font-weight:600}.footer ul{margin:0;padding:0}.footer ul li{margin:1rem 0;color:var(--primary-text-color);cursor:pointer}.footer ul li a{font-size:12px;font-weight:300;text-transform:capitalize;color:var(--primary-text-color)}.footer ul li a i{font-size:10px}.footer .copyrights a,.footer .copyrights p{color:var(--secendary-text-color)}.fzf{height:100vh;display:flex;justify-content:center;align-items:center}.fzf .content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.fzf .content h1{font-size:200px;font-weight:700;color:var(--brand-color)}.fzf .content h2{font-size:65px;font-weight:700;color:var(--primary-text-color)}