@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap";html{font-size:62.5%}*{box-sizing:border-box;padding:0;margin:0}body{margin:0;font-family:Tajawal,sans-serif;font-size:1.5rem}a{text-decoration:none;color:#000;cursor:pointer}h1,h2,h3{font-family:Cairo,sans-serif;text-transform:capitalize}h2{font-size:2.5rem;font-weight:800;margin-bottom:40px}h2,h3{color:#1f4263}@media screen and (min-width: 768px){h2{font-size:4rem}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.logo{display:contents}.logo-svg{width:80px;height:80px}@media screen and (min-width: 768px){.logo-svg{width:100px;height:100px}}.nav{display:flex;justify-content:end;padding:0 2rem;position:relative;height:80px;border-bottom:1px solid #e5e7eb;direction:ltr;font-family:Cairo,sans-serif}.nav__wrapper{display:flex;justify-content:center}.nav__links{display:flex;justify-content:center;align-items:center;list-style-type:none;gap:2rem;flex-grow:1;font-weight:800;font-size:1.4rem}.nav__links a{color:#1f4263}.nav__link{transition:all .2s ease-in-out}.nav__link:hover{transform:translateY(-3px)}@media screen and (min-width: 768px){.nav{height:100px}.nav__links{font-size:1.8rem;gap:3rem}}.call-to-action-btn{display:flex;align-items:center;justify-content:center;margin-top:1.5rem;width:15rem;height:5rem;padding:1rem;font-size:1.6rem;font-family:Cairo,sans-serif;border-radius:10px;color:#fff;background:linear-gradient(-45deg,#1f4263,#25a77d);background-size:400% 400%;animation:gradient 4s ease infinite;cursor:pointer;text-align:center}.call-to-action-btn.full-width{width:100%}.call-to-action-btn :hover{opacity:.9}@media screen and (min-width: 768px){.call-to-action-btn{width:20rem;font-size:2rem;margin-top:4rem}.call-to-action-btn.full-width{width:100%}}.benefits-section{position:relative;background-color:#f9fafb}.benefits-section:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:1.8rem;color:#1f4263;position:absolute;bottom:20px;left:50%;transform:translate(-50%);animation-name:icon-bounce;animation-duration:1.4s;animation-iteration-count:infinite;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}@keyframes icon-bounce{0%,20%,40%,80%,to{bottom:10px}40%{bottom:20px}50%{bottom:10px}60%{bottom:20px}}.benefits-cards{display:flex;justify-content:center;gap:2rem;margin:3rem 0;flex-wrap:wrap}.benefit-card{background:#fff;padding:4rem 2rem;border-radius:16px;box-shadow:0 4px 10px #00000014;max-width:800px;width:100%;text-align:right}.benefit-cta{margin-top:2rem;font-size:1.4rem;font-weight:700;color:#d32f2f;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.benefit-list{list-style:none;padding:0;margin:0;font-size:1.5rem;font-weight:400}.benefit-list li{display:flex;align-items:center;margin:.6rem 0;color:#333}.benefit-list svg{margin-left:8px;color:#22c55e}@media screen and (min-width: 768px){.benefit-list{font-size:1.6rem}.benefits-section:before{font-size:2.2rem}}.section{text-align:center;padding:5rem 1rem}.section-title{margin-bottom:.5rem}.section-subtitle{color:#65758b;margin-bottom:1.5rem;font-weight:500}.section-content{max-width:110rem;margin:auto;margin-top:6rem}@media screen and (min-width: 768px){.section{padding:8rem 2rem}}.hero-section{height:55rem;width:100%;text-align:center;position:relative;z-index:5;padding:0 1rem;display:flex;align-items:center;justify-content:center}.hero-section:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:1.8rem;color:#1f4263;position:absolute;bottom:20px;left:50%;transform:translate(-50%);animation:icon-bounce 1.4s infinite}@keyframes icon-bounce{0%,20%,50%,80%,to{bottom:10px}40%,60%{bottom:20px}}.title-highlight,.hero__subtitle-highlight{background:linear-gradient(135deg,#1f4263,#25a77d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-highlight{font-size:4rem;font-weight:900;animation:bounce-subtle 2s ease-in-out infinite}.hero__subtitle-highlight{margin-top:2rem}.hero__title{font-size:2.6rem;margin-top:7rem;position:relative;z-index:2}.hero__subtitle{margin-top:1rem;margin-bottom:1rem;line-height:1.6;font-weight:400;position:relative;z-index:2;color:#444;font-size:1.8rem}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;overflow:hidden}.bubble-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bubble{position:absolute;padding:10px 20px;border-radius:999px;color:#fff;font-weight:500;opacity:.1;font-size:1.2rem;animation:bubble 6s ease-in-out infinite;box-shadow:0 4px 10px #00000026}@keyframes bubble{0%,to{transform:translate(0);opacity:.4}50%{transform:translate(20px,-40px);opacity:.2}}@media screen and (min-width: 768px){.hero-section{height:calc(100vh - 100px)}.hero-section:before{font-size:2.2rem}.hero__title{font-size:3.5rem}.title-highlight{font-size:5rem}.hero__subtitle{font-size:2rem}.bubble{font-size:1.4rem}}@media screen and (min-width: 1024px){.hero__title{font-size:4.5rem}.title-highlight{font-size:7rem}.hero__subtitle{font-size:2.8rem}.bubble{font-size:1.5rem}}.services-preview{background:#f9fafb}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin:0 auto 30px}.service-card{background:#fff;border-radius:12px;padding:25px 15px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;cursor:pointer}.service-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px #00000026}.service-icon{font-size:32px;color:#1f4263;margin-bottom:15px}.service-name{font-size:16px;font-weight:600;color:#444}.services-btn{background:#1f4263;color:#fff;padding:1.2rem 3.2rem;font-size:15px;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease;font-weight:700;outline:0}.services-btn:hover{background:#204466}@media screen and (min-width: 768px){.services-btn{font-size:18px;padding:1.5rem 4.4rem}}.waitlist-container{display:flex;justify-content:center;align-items:center;padding:1rem;min-height:100vh;background:#f9fafb}.waitlist-card{background:#fff;padding:1.2rem;border-radius:12px;box-shadow:0 4px 20px #0000000f;max-width:600px;width:100%;text-align:center}.waitlist-title{margin-bottom:.5rem}.waitlist-subtitle{color:#65758b;margin-bottom:1.5rem;font-weight:500}.waitlist-form{display:flex;flex-direction:column;gap:2rem;text-align:right}.form-group{display:flex;flex-direction:column;align-items:flex-start}.form-group label{margin-bottom:.8rem;font-weight:500;color:#333;text-align:right;font-size:1.4rem}.form-group input,.form-group select{width:100%;padding:1rem;border-radius:6px;border:1px solid #ddd;font-size:1.4rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.submit-btn{background:linear-gradient(-45deg,#1f4263,#25a77d);background-size:400% 400%;animation:gradient 4s ease infinite;color:#fff;font-weight:800;padding:.5rem;border:none;border-radius:8px;cursor:pointer;transition:opacity .3s;font-size:1.8rem;font-family:Cairo,sans-serif}.submit-btn:hover{opacity:.9}.error{color:#dc2626;font-size:1.2rem;font-weight:500;margin-top:.2rem;height:.8rem}.success-message{margin-top:1rem;color:#059669;font-weight:700;font-size:1.4rem;text-align:center}.checkbox-group{display:flex;gap:1rem}.checkbox-group input{width:auto}.checkbox-group label{font-size:1.4rem;color:#333;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:400}@media screen and (min-width: 768px){.submit-btn{font-size:2.2rem;padding:1rem}.form-group label{font-size:1.5rem}.form-group input,.form-group select{font-size:1.5rem;padding:1rem}.waitlist-card{padding:2rem 2.5rem}.waitlist-container{padding:2rem}}.why-servlinker{padding:5rem 1rem;font-size:1.3rem;font-weight:600}.why-servlinker__title{margin-bottom:0;text-align:end}.problems-container{margin-bottom:0;position:relative}.problems{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.problems--1{padding-top:20rem;position:relative}.problems--1:before{content:"";position:absolute;left:0;top:0;width:50%;height:15rem;border:.4rem solid #1f4263;border-bottom:0;border-left:0;border-top-right-radius:8rem}.problems--1-1:before{display:none}.problem{text-align:center;border:2px solid #1f4263;border-radius:1.6rem;display:flex;align-items:center;gap:.3rem;padding:1rem;position:relative}.problem svg{width:1rem;height:1rem;flex-shrink:0}.problem:before{content:"";position:absolute;border:.4rem solid #1f4263;border-bottom:0;height:4.6rem;top:-5rem;width:56%}.problem--1:before{right:50%;border-left:0;border-top-right-radius:8rem}.problem--2:before{left:50%;border-right:0;border-top-left-radius:8rem}.problem--3:before,.problem--4:before{height:2.2rem;top:-2.2rem;right:50%;width:0;border:.2rem solid #1f4263;border-top:0;border-bottom:0}.solutions-container{display:flex;justify-content:center;margin:6rem 0;position:relative}.solutions-container:before,.solutions-container:after{content:"";position:absolute;top:-6rem;width:25%;height:6rem;border:.4rem solid #1f4263}.solutions-container:before{right:24.6%;border-left:0;border-top:0;border-bottom-right-radius:8rem}.solutions-container:after{left:24.6%;border-right:0;border-top:0;border-bottom-left-radius:8rem}.solutions{padding:1rem;border:.4rem solid #1f4263;border-radius:1.6rem;display:flex;flex-direction:column;gap:1rem;position:relative}.solution{display:flex;align-items:center;gap:.3rem}.why-servlinker__logo{position:absolute;top:-70px;right:50%;transform:translate(50%);width:70px;height:70px}.tag{position:absolute;top:10px;left:0;z-index:10;display:flex;align-items:center;justify-content:center;width:max-content;height:3rem;padding:0 1.5rem;margin:3rem 0;font-size:1.2rem;font-weight:800;color:#d32f2f;border:2px solid #d32f2f;border-radius:30px;text-transform:uppercase}.problems-solutions{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.card{background:#fff;border-radius:16px;box-shadow:0 6px 16px #00000014;padding:25px;flex:1;min-width:300px;max-width:500px;text-align:right}.card-title{margin-bottom:20px;color:#333}.subtitle{margin-bottom:10px;color:#dc2626}.subtitle.success{color:#16a34a}ul{list-style:none;padding:0;margin:0}@media screen and (min-width: 768px){.problem{padding:2rem}.problem svg{width:2rem;height:2rem}.why-servlinker{padding:6rem 2rem;font-size:1.5rem}.why-servlinker__logo{width:80px;height:80px}.tag{font-size:1.4rem}}.home-page{position:relative;z-index:55}.footer-container{width:100%;border-top-left-radius:5rem;border-top-right-radius:5rem;background-color:#1f4263}.footer{max-width:100rem;margin:auto;font-weight:600;color:#fff;padding:2rem;text-align:start}.footer a{color:#fff}.footer__logo{width:8rem;height:8rem}.footer__content{display:flex;flex-direction:column;justify-content:space-between;gap:2rem 4rem}.footer__contact__title{font-size:1.8rem;margin-bottom:1rem;line-height:1.2;color:#fff}.footer__contact__lists{display:flex;flex-direction:column;gap:1rem;direction:ltr}.footer__contact__list{display:flex;align-items:center;gap:.5rem;justify-content:end}.footer__description{max-width:20rem;font-size:1.3rem;line-height:1.5;text-align:start}.footer__logo{order:-1}.footer__copyright{border-top:1px solid #dadbdd;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.4rem;margin-top:3rem}.footer__copyright span{margin-top:2rem}@media screen and (min-width: 768px){.footer{padding:4rem}.footer__contact__title{font-size:2.5rem}.footer__content{flex-direction:row}.footer__logo{order:1}.footer__logo{width:10rem;height:10rem}}.progress-header{display:flex;align-items:center;gap:1rem;justify-content:flex-end;margin-bottom:2rem;font-weight:500;color:#333}.progress-bar{flex:1;height:1.4rem;border-radius:6px;margin-left:1rem;background:#e4e4e7;overflow:hidden}.progress-fill{width:15%;height:100%;background:linear-gradient(-45deg,#1f4263,#25a77d);background-size:400% 400%;animation:gradient 4s ease infinite;border-radius:inherit}.steps-container{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.step-card{flex:1;min-width:200px;padding:1rem;border-radius:12px;background:#f8faff;box-shadow:0 2px 6px #00000014;text-align:center;transition:.3s ease}.step-card span{display:block;margin-top:.5rem;font-size:1.1rem;font-weight:500}.step-circle{width:50px;height:50px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;background:#ddd;color:#fff;font-size:1.2rem}.step-card.done .step-circle{background:#25a77d}.step-card.active{background:#fff;border:2px solid #25a77d;animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #25a77d80;transform:scale(1)}50%{box-shadow:0 0 40px #25a77db3;transform:scale(1.02)}}.step-card.active .step-circle{background:linear-gradient(-45deg,#1f4263,#25a77d);background-size:400% 400%;animation:gradient 4s ease infinite}.step-card.pending .step-circle{background:#bbb}.steps-count{margin-top:1rem;margin-bottom:1rem;font-size:1.4rem;font-weight:600;color:#1f4263}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-counter{font-size:1.4rem;padding:1.2rem 2.5rem;border-radius:1rem;background-color:#f9fafb;position:absolute;top:2rem;left:50%;font-family:Cairo,sans-serif;transform:translate(-50%);z-index:1000;width:max-content;animation:pulse 3s ease-in-out infinite;font-weight:400;display:flex;align-items:center;gap:1rem}.counter-number{font-weight:600}.animated-ping{animation:ping 1s cubic-bezier(0,0,.2,1) 0s infinite normal none running;width:1rem;height:1rem;background-color:#4ade80;border-radius:50%;opacity:1}@keyframes pulse{0%,to{box-shadow:0 0 20px #25a77d80;transform:translate(-50%) scale(1)}50%{box-shadow:0 0 40px #25a77db3;transform:translate(-50%) scale(1.02)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@media screen and (min-width: 768px){.animated-counter{font-size:2rem;padding:1.5rem 3rem}.animated-ping{width:1.2rem;height:1.2rem}}.how-it-works{background:#f9fafb}.how-it-works__title{margin-bottom:.5rem}.how-it-works__subtitle{color:#65758b;margin-bottom:1.5rem;font-weight:500}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}.step-card{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 12px #0000000f;transition:all .3s ease}.step-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0000001a}.step-icon{font-size:2.2rem;margin-bottom:15px}.step-title{font-size:1.8rem;font-weight:600;margin-bottom:10px;color:#1f2937}.step-desc{font-size:1.4rem;color:#6b7280}.quality-box{background:#f3f4f6;border-radius:1.6rem;padding:3rem 1rem;max-width:100rem;margin:50px auto}.quality-title{font-size:2.2rem;font-weight:700;margin-bottom:15px}.quality-desc{font-size:1.5rem;color:#4b5563;margin:0 auto 25px;line-height:1.6}.guarantee-list{display:flex;justify-content:center;gap:25px;flex-wrap:wrap}.guarantee-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}@media screen and (min-width: 768px){.step-icon{font-size:3.2rem}.quality-box{padding:4rem 2rem}}.join-providers{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:4rem 8rem;padding:3rem 2rem;max-width:100rem;margin:50px auto;color:#4b5563}.join-providers .hero__button{width:100%}.join-left,.join-right{flex:1}.join-title{font-weight:700;margin-bottom:.8rem}.join-subtitle,.tools-subtitle{margin-bottom:1.5rem;color:#222}.feature-title{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.feature-desc{font-size:1.4rem}.feature-icon{font-size:1.3rem;width:3rem;height:3rem;background-color:#1f4263;border-radius:1rem;display:flex;justify-content:center;align-items:center}.feature-icon svg{color:#fff}.features{display:flex;flex-direction:column;gap:1.2rem}.feature-item{display:flex;gap:.8rem;align-items:flex-start}.feature-icon{color:#1f4263}.tools-title{font-weight:700;margin-bottom:.6rem;font-size:2rem}.tools-list{list-style:none;padding:0;margin:0}.tools-list li{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem}.check-icon{color:#28a745}.join-providers__btn-1{display:none}@media screen and (min-width: 768px){.join-providers{flex-direction:row}.feature-icon{font-size:1.5rem;width:3.6rem;height:3.6rem}.tools-title{font-size:3rem}.join-providers__btn-2{display:none}.join-providers__btn-1{display:flex}.feature-desc{font-size:1.5rem}.join-subtitle,.tools-subtitle{font-size:1.6rem}}.scroll-to-up{position:fixed;right:10px;cursor:pointer;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:2px solid #25a77d;transition:bottom .5s ease-in-out,opacity .5s ease-in-out,background-color .2s ease-in-out;z-index:101}.scroll-to-up__icon{color:#25a77d}.scroll-to-up:hover .scroll-to-up__icon{transform:translateY(-5px)}.scroll-to-up .scroll-to-up__icon{width:30px;height:30px;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}@media (min-width: 768px){.scroll-to-up{width:50px;height:50px}.scroll-to-up svg{width:40px;height:40px}}