.hero{z-index:1;background-color:#0000;height:100vh;display:flex;position:relative;overflow:hidden}.bg{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.hTitle .small-text{text-align:center;text-shadow:2px 2px 5px #00000080;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#ff7eb3,#7ea7ff);-webkit-background-clip:text;background-clip:text;margin:50px auto;font-size:3.5rem;animation:3s ease-in-out infinite fadeInUp}#tsparticles,.particles{z-index:0;pointer-events:none;width:100%;height:100%;top:0;left:0;position:absolute!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}50%{opacity:1;transform:translateY(-5px)}to{opacity:0;transform:translateY(10px)}}.hTitle{text-align:center;font-size:36px}.custom-text{font-size:1rem;font-weight:700;line-height:1.2}@keyframes gradient-animation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-text{text-transform:uppercase;-webkit-text-fill-color:transparent;text-align:center;background:linear-gradient(90deg,#7ea7ff,#ff758c,#247397,#ff7eb3) 0 0/300%;-webkit-background-clip:text;background-clip:text;margin:20px 0;font-size:4.5rem;font-weight:700;animation:4s infinite gradient-animation}.hero-image{-o-object-fit:contain;object-fit:contain}.hImg{aspect-ratio:1;z-index:2;width:clamp(200px,40vw,500px);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hSection{flex-direction:column;justify-content:space-between;width:50%;height:100%;display:flex}.hTitle{color:pink;margin-top:50px;font-size:100px}.hTitle span{color:#fff;text-align:center;margin:0 auto;font-size:2.5rem;line-height:1.3}.awards{width:30%}.awards p{color:#ddd;margin:16px 0;font-size:14px}.awardList{gap:8px;display:flex}.awardList img{background-color:#fff;border-radius:100%;width:36px;height:36px;padding:8px}.scroll{width:max-content;margin-bottom:50px}.hSection.right{align-items:end}.follow{border-bottom-right-radius:10px;flex-direction:column;gap:12px;margin-right:20px;padding:16px;display:flex;background-color:#2f204e!important}.follow img,.followTextContainer{width:20px;height:20px}.followText{transform-origin:0 0;border-bottom-right-radius:10px;align-items:center;width:max-content;height:100%;padding:0 8px;font-size:12px;display:flex;transform:translateY(-20px);background-color:#dd4c62!important}.bubbleContainer{justify-content:center;padding:10px;display:flex}.bubble{color:#555;border-radius:20px 20px 0;width:300px;height:auto;padding:24px;font-size:18px;background-color:#fff!important}.bubbleContainer img{-o-object-fit:cover;object-fit:cover;background-color:#dd4c62;border:2px solid #fff;border-radius:50%;width:50px;height:50px}.certificate{text-align:center;flex-direction:column;align-items:center;gap:8px;width:20%;font-weight:300;line-height:10px;display:flex;color:#ddd!important}.certificate img{width:100%;height:100%}.contactLink{margin-bottom:50px}.contactButton{position:relative}.circleText{letter-spacing:3px;font-size:20px}.arrow{justify-content:center;align-items:center;width:80px;height:80px;margin:auto;display:flex;position:absolute;inset:0}@media (max-width:1536px){.hTitle{font-size:72px}}@media (max-width:1280px){.bg{height:60%;top:auto;bottom:0}.hImg{height:100%}.hTitle{font-size:88px}.awards{width:60%}.bubbleContainer{width:100%}}@media (max-width:1024px){.bg{height:50%}.hTitle{font-size:72px}}@media (max-width:768px){.hero{flex-direction:column}.gradient-text{margin:20px 0;font-size:2.5rem}.bg{height:60%}.hSection{width:100%}.hTitle .small-text{margin:10px auto;font-size:1.5rem}.hTitle{font-size:36px}.hImg{width:70%;height:auto;top:-300px}.awards{width:100%}.awardList,.hSection.right{justify-content:end}.awardList{justify-content:center;margin:10px auto}.follow,.certificate{display:none}.contactButton svg{width:100px;height:100px}.contactButton circle{r:70}.arrow svg{width:30px;height:30px}}
.services{height:100%;display:flex;overflow:auto}.sSection{flex-direction:column;justify-content:center;width:50%;display:flex}.sTitle{margin-bottom:24px;font-size:88px}.serviceList{flex-direction:column;gap:16px;display:flex}.service{cursor:pointer;background-color:#2f213f;border-radius:20px;align-items:start;gap:16px;width:100%;padding:30px;display:flex}.sSection.right{text-align:right;direction:rtl;flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.sSection.right p{text-align:right;margin-right:0;padding-right:16px;line-height:1.8}.serviceIcon{border-radius:100%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.serviceIcon img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.serviceInfo h2{color:#fff;margin-bottom:8px;font-size:18px;font-weight:500}.serviceInfo h3{font-size:13px;font-weight:300}serviceBtn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:transform .3s;display:flex}.serviceBtn:hover{color:var(--primary);transform:scale(1.2)}.service:first-child .serviceIcon{background-color:#dd4c62}.service:nth-child(2) .serviceIcon{background-color:#025656}.service:nth-child(3) .serviceIcon{background-color:#6c5c0c}.counterList{justify-content:space-between;align-items:center;width:50%;margin-top:24px;display:flex}.counter{flex-direction:column;gap:8px;display:flex}.counter h1{color:#dd4c62;font-size:48px}.counter p{width:120px;font-size:13px}.serviceInfo p{color:#fff;margin:4px 0;font-size:14px;line-height:1.6}@media (max-width:1536px){.service,.counterList{width:70%}}@media (max-width:1280px){.sTitle{font-size:128px}.service{width:100%}}@media (max-width:1024px){.sTitle{font-size:48px}.service,.counterList{width:100%}}@media (max-width:768px){.services{flex-direction:column;justify-content:center;align-items:center;padding:16px}.sSection{width:100%;margin-bottom:16px}.sSection.right{flex-direction:column;align-items:center;display:flex}}.highlightmarketing{color:#ff5733}@keyframes gradient-animation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}
.style-module-scss-module__X8cNma__cardContainer{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0}.style-module-scss-module__X8cNma__cardContainer .style-module-scss-module__X8cNma__card{transform-origin:top;border-radius:25px;flex-direction:column;width:1000px;height:500px;padding:50px;display:flex;position:relative;top:-25%}.style-module-scss-module__X8cNma__cardContainer .style-module-scss-module__X8cNma__card h2{text-align:center;margin:0;font-size:28px}.style-module-scss-module__X8cNma__cardContainer .style-module-scss-module__X8cNma__card .style-module-scss-module__X8cNma__body{gap:50px;height:100%;margin-top:50px;display:flex}.style-module-scss-module__X8cNma__cardContainer .style-module-scss-module__X8cNma__card .style-module-scss-module__X8cNma__body .style-module-scss-module__X8cNma__description{width:40%;position:relative;top:10%}.style-module-scss-module__X8cNma__cardContainer .style-module-scss-module__X8cNma__card .style-module-scss-module__X8cNma__body .style-module-scss-module__X8cNma__description p{text-align:right;direction:rtl;font-size:16px;line-height:1.8}.style-module-scss-module__X8cNma__cardContainer .style-module-scss-module__X8cNma__card .style-module-scss-module__X8cNma__body .style-module-scss-module__X8cNma__description span{align-items:center;gap:5px;display:flex}.style-module-scss-module__X8cNma__cardContainer .style-module-scss-module__X8cNma__card .style-module-scss-module__X8cNma__body .style-module-scss-module__X8cNma__description span a{cursor:pointer;font-size:12px;text-decoration:underline}.style-module-scss-module__X8cNma__cardContainer .style-module-scss-module__X8cNma__card .style-module-scss-module__X8cNma__body .style-module-scss-module__X8cNma__imageContainer{border-radius:25px;width:60%;height:100%;position:relative;overflow:hidden}.style-module-scss-module__X8cNma__cardContainer .style-module-scss-module__X8cNma__card .style-module-scss-module__X8cNma__body .style-module-scss-module__X8cNma__imageContainer .style-module-scss-module__X8cNma__inner{width:100%;height:100%}.style-module-scss-module__X8cNma__cardContainer .style-module-scss-module__X8cNma__card .style-module-scss-module__X8cNma__body .style-module-scss-module__X8cNma__imageContainer img{-o-object-fit:cover;object-fit:cover}@media (max-width:768px){.style-module-scss-module__X8cNma__cardContainer{flex-direction:column}.style-module-scss-module__X8cNma__cardContainer .style-module-scss-module__X8cNma__card{width:90vw;max-width:1000px}.style-module-scss-module__X8cNma__cardContainer .style-module-scss-module__X8cNma__imageContainer{justify-content:center;display:flex;width:100%!important;height:auto!important}.style-module-scss-module__X8cNma__cardContainer .style-module-scss-module__X8cNma__imageContainer img{-o-object-fit:cover;object-fit:cover;border-radius:25px;width:100%;height:auto}.style-module-scss-module__X8cNma__cardContainer .style-module-scss-module__X8cNma__description{display:none}}
.portfolio__categories{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.btn.cat__btn{text-transform:capitalize;transition:var(--bg-primary)}.btn.cat__btn:hover{transform:translateY(0)}.portfolio__projects{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:3rem;min-height:500px;margin-top:3rem;display:grid}.card.portfolio__project{background:var(--color-bg-variant);height:100%;min-height:500px;box-shadow:var(--shadow);border:2px solid var(--color-border);border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:border-color .3s;animation:.8s ease-in forwards animateProject;display:flex}.portfolio__project .project__description{flex-grow:1;max-height:180px;margin-bottom:1rem;overflow-y:auto}.project__description::-webkit-scrollbar{width:5px}.project__description::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}:root[data-theme=dark]{--color-border:#fff}:root[data-theme=light]{--color-border:#000}@keyframes animateProject{0%{opacity:0}to{opacity:1}}.portfolio__project-image{width:100%;max-height:15rem;position:relative;overflow:hidden}.portfolio__project-image img{width:100%;height:auto;transition:transform 10s}.portfolio__project:hover .portfolio__project-image img{transform:translateY(-100%)}.portfolio__project p{margin:.5rem 0 2rem}.portfolio__project-cta{justify-content:center;align-items:center;width:100%;margin-top:1rem;display:flex}.portfolio__project-cta .btn{text-align:center;justify-content:center;align-items:center;width:80%;max-width:200px;padding:.7rem 1rem;display:flex}.portfolio__project:hover .btn.sm.primary{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.border-gradient{background-image:linear-gradient(var(--color-bg-variant),var(--color-bg-variant)),linear-gradient(to right,#3490dc,#f472b6,#38b2ac);background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;animation:3s linear infinite gradient-border}@keyframes gradient-border{0%{background-image:linear-gradient(var(--color-bg-variant),var(--color-bg-variant)),linear-gradient(to right,#3490dc,#f472b6,#38b2ac)}50%{background-image:linear-gradient(var(--color-bg-variant),var(--color-bg-variant)),linear-gradient(to right,#38b2ac,#3490dc,#f472b6)}to{background-image:linear-gradient(var(--color-bg-variant),var(--color-bg-variant)),linear-gradient(to right,#3490dc,#f472b6,#38b2ac)}}@media screen and (max-width:1024px){.portfolio__projects{grid-template-columns:1fr 1fr;gap:2rem}}@media screen and (max-width:600px){.portfolio__projects{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex-direction:row;gap:1.5rem;padding:0 1rem 1rem;overflow-x:auto;display:flex!important}.portfolio__project{scroll-snap-align:start;border-radius:16px;flex:0 0 85%;min-width:280px}.portfolio__projects::-webkit-scrollbar{height:5px}.portfolio__projects::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:10px}}.scroll-buttons{justify-content:space-between;margin:1rem 0;display:none}@media screen and (max-width:600px){.scroll-buttons{display:flex}.scroll-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:1.5rem}}