@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shine{0%{background-position:-100px}40%,to{background-position:300px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-title .highlight{position:relative;display:inline-block}.hero-title .highlight:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#750e3a;transform:scaleX(0);transform-origin:bottom right;transition:transform .5s ease-out}.hero-title .highlight:hover:after{transform:scaleX(1);transform-origin:bottom left}@media screen and (max-width: 768px){.hero-title .highlight:after{transition:transform .3s ease-out}}.hero-text{position:relative;overflow:hidden}.app-download-btn{transition:transform .3s ease}.app-download-btn:hover{transform:translateY(-5px)}.app-download-btn:active{transform:translateY(0)}@media screen and (max-width: 768px){.app-download-btn{transition:transform .2s ease}.app-download-btn:hover{transform:translateY(-3px)}}.icon-wrapper{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background-color:#fafafa;margin:0 auto;transition:all .3s ease}.icon-wrapper img{transition:all .3s ease}.icon-wrapper:hover{background-color:#f0f0f0;box-shadow:0 10px 20px #0000000d}.icon-wrapper:hover img{transform:scale(1.1)}.real-experience-item{transition:all .3s ease}.real-experience-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.real-experience-item .quote{animation:float 3s ease-in-out infinite}.real-experience-item .avatar{transition:all .3s ease}.real-experience-item .avatar:hover{transform:scale(1.1);border-color:#750e3a}.real-experience-item .star{transition:all .3s ease}.real-experience-item .star:hover{transform:scale(1.2) rotate(10deg)}.how-it-works-img{transition:all .5s ease}.step,.step .number-wrapper,.step .text{transition:all .3s ease}.line{transition:all .5s ease}.faq-item{transition:all .3s ease}.faq-item:hover{background-color:#f0f0f0}.faq-item .arrow-icon{transition:all .3s ease}body{font-family:IBM Plex Sans Arabic,sans-serif;min-height:100vh;display:flex;flex-direction:column;background-color:#fff}section h2{color:#0d0206;margin-bottom:48px;font-size:40px;line-height:1;text-align:center}.navbar{padding:24px 0;position:fixed;top:0;left:0;right:0;z-index:2;transition:all .3s ease}.navbar .navbar-brand img{height:34px}@media screen and (max-width: 768px){.navbar{background-color:#fff!important;box-shadow:0 0 10px #0000001a!important;padding:16px 0!important}}.navbar .navbar-nav{gap:38px}@media screen and (max-width: 768px){.navbar .navbar-nav{gap:12px;padding-top:16px}}.navbar .navbar-nav .nav-item{padding:0}.navbar .navbar-nav .nav-item .nav-link{padding:0;font-weight:500;color:#292828;opacity:.5;transition:all .3s ease;font-size:14px}.navbar .navbar-nav .nav-item .nav-link svg{margin-inline-end:4px;fill:#292828}.navbar .navbar-nav .nav-item .nav-link svg path{fill:#292828}.navbar .navbar-nav .nav-item .nav-link.active,.navbar .navbar-nav .nav-item .nav-link:hover{color:#750e3a;opacity:1}.navbar .navbar-nav .nav-item .nav-link.active svg,.navbar .navbar-nav .nav-item .nav-link:hover svg{fill:#750e3a}.navbar .navbar-nav .nav-item .nav-link.active svg path,.navbar .navbar-nav .nav-item .nav-link:hover svg path{fill:#750e3a}.hero{min-height:760px;background:#fafafa;display:flex;align-items:end;position:relative;overflow:hidden}@media screen and (min-width: 768px) and (max-height: 700px){.hero{height:100vh;min-height:620px}.hero .hero-img{width:95%!important;margin-right:auto}}@media screen and (max-width: 768px){.hero{align-items:start;padding-top:120px;padding-bottom:50px}}.hero h1{font-size:38px;font-weight:400;line-height:1.4;color:#0d0206;margin-bottom:16px}@media screen and (max-width: 768px){.hero h1{font-size:28px;text-align:center;margin-bottom:12px}}.hero h1 span{font-weight:700;color:#750e3a}.hero p{font-size:20px;font-weight:400;padding:0;margin-bottom:24px;color:#0d0206}@media screen and (max-width: 768px){.hero p{text-align:center;font-size:18px;margin-bottom:16px}}.hero .download{display:flex;flex-direction:column}@media screen and (max-width: 768px){.hero .download{align-items:center;margin-bottom:20px}}.hero .download span{font-size:16px;color:#0d0206;font-weight:500;margin-bottom:12px}.hero .download .download-links{display:flex;align-items:center;gap:16px}.hero .download .download-links a{text-decoration:none}.hero .download .download-links a img{height:48px}@media screen and (max-width: 768px){.hero .download .download-links a img{height:40px}}.hero .hero-img{width:100%}@media screen and (max-width: 768px){.hero .hero-img{position:absolute;bottom:0;right:0;left:0}}.why-us{padding:64px 0}.why-us .why-us-item{display:flex;flex-direction:column;align-items:center;gap:24px;transition:all .3s ease}.why-us .why-us-item img{height:56px}.why-us .why-us-item:hover{transform:translateY(-10px)}.real-experiences{padding:64px 0}@media screen and (max-width: 768px){.real-experiences{padding:32px 0}.real-experiences .row{gap:16px}}.real-experiences .real-experience-item{background-color:#fafafa;padding:24px 32px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:16px}.real-experiences .real-experience-item .qoute{height:40px;width:40px;margin-bottom:16px}.real-experiences .real-experience-item .content{display:flex;gap:16px;width:100%}.real-experiences .real-experience-item .content .avatar{width:40px;min-width:40px;height:40px;border:2px solid #E9E9E9;border-radius:50%;-o-object-fit:cover;object-fit:cover}.real-experiences .real-experience-item .content .text{padding-top:4px}.real-experiences .real-experience-item .content .text h3{font-size:20px;font-weight:700;color:#292828;padding:0;margin:0}.real-experiences .real-experience-item .content .text .stars{display:flex;gap:4px}.real-experiences .real-experience-item .content .text .stars .star{height:16px;width:16px}.real-experiences .real-experience-item .content .text p{font-weight:500;font-size:16px;color:#0d0206;margin:12px 0 0;padding:0}.how-it-works{padding:64px 0}@media screen and (max-width: 768px){.how-it-works{padding:32px 0}}.how-it-works .steps{display:flex;flex-direction:column;gap:4px}.how-it-works .steps .step{display:flex;align-items:center;gap:16px;cursor:pointer}.how-it-works .steps .step .number-wrapper{width:34px;height:34px;min-width:34px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background-color:#e9e9e9}.how-it-works .steps .step .number-wrapper .number{width:24px;height:24px;color:#a8a5a6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.how-it-works .steps .step .text{font-size:18px;color:#5c595a;font-weight:500}.how-it-works .steps .step.active .number-wrapper{background-color:#fff;border-color:#750e3a}.how-it-works .steps .step.active .number-wrapper .number{background-color:#750e3a;color:#fff}.how-it-works .steps .step.active .text{font-weight:600;color:#0d0206}.how-it-works .steps .line-wrapper{display:flex;align-items:center;justify-content:center;height:32px;width:34px}.how-it-works .steps .line-wrapper .line{width:1.5px;background:#e9e9e9;height:100%}.how-it-works .steps .line-wrapper.active .line{background:#750e3a}.how-it-works .how-it-works-img-wrapper{display:flex;align-items:center;justify-content:center;background-position:center;background-size:contain;background-repeat:no-repeat;height:100%}.how-it-works .how-it-works-img-wrapper img{width:50%}@media screen and (max-width: 768px){.how-it-works .how-it-works-img-wrapper{margin-bottom:40px}}.faq{padding:64px 0}.faq .faq-items{display:flex;flex-direction:column;gap:16px}.faq .faq-items .faq-item{display:flex;flex-direction:column;padding:16px;background-color:#f5f5f5;border-radius:12px;transition:all .3s ease}.faq .faq-items .faq-item .faq-item-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq .faq-items .faq-item .faq-item-header h3{font-size:20px;font-weight:700;color:#0d0206;padding:0;margin:0}.faq .faq-items .faq-item .faq-item-header .arrow-icon{width:40px;height:40px;transition:all .3s ease}.faq .faq-items .faq-item .faq-item-header .arrow-icon svg{width:100%;height:100%}.faq .faq-items .faq-item .faq-item-header .arrow-icon.open{transform:rotate(180deg)}.faq .faq-items .faq-item .faq-item-header .arrow-icon.open svg,.faq .faq-items .faq-item .faq-item-header .arrow-icon.open path{fill:#750e3a}.faq .faq-items .faq-item.open .faq-item-header h3{color:#750e3a}.faq .faq-items .faq-item.open .faq-item-header .arrow-icon{transform:rotate(180deg)}.faq .faq-items .faq-item.open .faq-item-header .arrow-icon svg path,.faq .faq-items .faq-item.open .faq-item-header .arrow-icon svg rect{stroke:#750e3a}.faq .faq-items .faq-item .faq-item-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding-top:0}.faq .faq-items .faq-item .faq-item-content.open{max-height:200px;padding-top:16px}.faq .faq-items .faq-item .faq-item-content p{font-size:16px;font-weight:400;color:#0d0206;padding:0;margin:0}footer{background:#fafafa;padding-top:64px;padding-bottom:32px}@media screen and (max-width: 768px){footer{padding:32px 0}}footer .footer-content{text-align:center;display:flex;flex-direction:column;align-items:center}footer .footer-content h2{font-weight:700;font-size:40px;margin-bottom:16px;color:#0d0206}@media screen and (max-width: 768px){footer .footer-content h2{font-size:32px}}footer .footer-content p{font-weight:500;font-size:20px;line-height:30px;color:#5c595a;padding:0;margin-bottom:24px}@media screen and (max-width: 768px){footer .footer-content p{font-size:18px}}footer .footer-content .download-links{display:flex;gap:16px}footer .footer-content .download-links a{text-decoration:none}footer .footer-content .download-links a img{height:64px}@media screen and (max-width: 768px){footer .footer-content .download-links a img{height:56px}}footer .copyright p{font-weight:500;font-size:16px;color:#a8a5a6;padding:0;margin:0;text-align:center;display:block}