﻿.all-services-page-container{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;font-family:var(--poppins-font);scroll-behavior:smooth}.all-services-page-container .page1{width:100%;height:95vh;position:relative;overflow:hidden}.page1 .image-text-container{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;padding-left:5%;z-index:2}.page1 .image-container{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;display:flex;justify-content:flex-end;align-items:center;z-index:0}.page1 .image-container img{display:block;width:100%;height:100%}.page1 .text-container{position:relative;color:var(--white);font-family:var(--poppins-font);display:flex;flex-direction:column;width:50%;gap:.8rem;z-index:3}.page1 .text-container .services_text{font-size:1rem;font-weight:500;color:var(--primary-green)}.page1 .text-container h1{font-size:2.7rem;font-weight:700;line-height:3rem}.page1 .text-container .lines-container{display:flex;gap:.4rem;margin-bottom:1rem}.page1 .text-container .lines-container .line1{width:4.5rem;height:.4rem;border-radius:5px;background-color:var(--primary-green)}.page1 .text-container .lines-container .line2{width:1.3rem;height:.4rem;border-radius:5px;background-color:var(--primary-green)}.page1 .text-container p.description{font-size:1rem;font-weight:400;color:var(--white);line-height:1.5rem}.page1 .text-container .button-container button{background-color:var(--primary-green);color:var(--white);font-family:var(--poppins-font);font-size:1rem;font-weight:500;padding:.7rem 2rem;border-radius:13px;border:none;cursor:pointer;transition:.3s ease-in-out}.accent-bar-long,.accent-bar-short{border-radius:10px;background-color:#04e690}.all-services-page-container .page2{width:100%;height:auto}.page2 .text-container{width:100%;height:100%;position:relative;min-height:50vh}.page2 .text-container .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;background:url("../../media/images/services/what_is_angular.webp");z-index:-3}.page2 .text-container .overlay1{top:0;left:0;width:100%;height:100%;position:absolute;background-color:var(--primary-green);opacity:.6;z-index:-2}.page2 .text-container .overlay2{top:0;left:0;width:100%;height:100%;position:absolute;background-color:rgba(0,0,0,.55);z-index:-1}.page2 .text-container .details{width:100%;height:100%;min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;text-align:center}.page2 .text-container .details .content{width:75%;height:auto;display:flex;flex-direction:column;gap:.8rem;color:#fff;font-family:var(--poppins-font);padding-block:3rem}.page2 .text-container .details .content h1{font-size:1.8rem;font-weight:600;line-height:2.2rem}.page2 .text-container .details .content .definition p,.page2 .text-container .details .content .expertise p,.page2 .text-container .details .content .key-features .key-features-list li{font-size:.9rem;font-weight:400;line-height:1.5rem}.page2 .text-container .details .content .key-features .key-features-list{padding:0 1.5rem;margin-top:.3rem;display:flex;flex-direction:column;gap:1rem}.all-services-page-container .seo-services,.all-services-page-container .website-development{background-color:#101010;display:flex;flex-direction:column;align-items:center;padding:80px 60px 36px;width:100%;font-family:var(--poppins-font)}.all-services-page-container .app-development,.all-services-page-container .testing{background-color:#f3f3f3;display:flex;flex-direction:column;align-items:center;padding:80px 60px 36px;width:100%;font-family:var(--poppins-font)}.content-wrapper{display:flex;margin-top:9px;width:100%;max-width:1628px;flex-direction:column}.seo-services .main-title,.website-development .main-title{color:#fff;font:700 60px/60px var(--poppins-font)}.app-development .main-title,.testing .main-title{color:#2e343f;font:700 60px/60px var(--poppins-font)}.subtitle-container{display:flex;margin-top:15px;width:100%;gap:20px}.accent-bars{align-self:start;display:flex;margin-top:4px;gap:10px}.accent-bar-long{width:91px;height:10px}.accent-bar-short{align-self:start;width:20px;height:9px}.seo-services .subtitle-text,.website-development .subtitle-text{color:#fff;flex-grow:1;flex-basis:auto;margin-left:33%;font:500 24px Poppins,sans-serif}.app-development .subtitle-text,.testing .subtitle-text{color:#2e343f;flex-grow:1;flex-basis:auto;margin-left:33%;font:500 24px Poppins,sans-serif}.divider{border:1px solid #3e3d3d;background-color:#3e3d3d;margin-top:38px;height:1px}@media (max-width:1024px){.all-services-page-container .app-development,.all-services-page-container .testing,.all-services-page-container .website-development{padding:50px}.content-wrapper,.divider{max-width:100%!important}.main-title{max-width:100%!important;font-size:40px!important;line-height:44px!important}.subtitle-container{max-width:100%!important;flex-wrap:wrap!important}.subtitle-text{margin:auto!important}}.dashboard{display:flex;align-items:center;margin:0 auto}.main-content{width:100%;flex-grow:1;padding-bottom:20px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.app-development .main-content{padding-top:5%}.app-development .main-content h3{color:var(--primary-green);font-weight:700;font-size:1.5rem}.testing .card-container,.website-development .card-container{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:3rem;padding:7% 0;width:90%}.app-development .card-container,.seo-services .card-container{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;padding:7% 0;width:90%}.seo-services .card,.website-development .card{position:relative;background-color:#101010;border-radius:10px;padding:20px;width:100%;min-width:240px;text-align:left;box-shadow:0 4px 8px #6d6e76;transform:scale(1)}.app-development .card,.testing .card{background-color:#fff;border-radius:10px;padding:20px;width:100%;min-width:240px;text-align:left;box-shadow:0 4px 8px rgba(0,0,0,.2);transform:scale(1)}.card:hover{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;transform:scale(1.1)!important;box-shadow:0 4px 8px rgba(0,0,0,.2),0 0 10px 2px var(--primary-green),0 0 20px 4px #0011fe}.card img{width:50px;margin-bottom:15px}.seo-services .card h3,.website-development .card h3{color:#fff;font-size:1.5rem;margin-bottom:15px}.app-development .card h3,.testing .card h3{color:#2e343f;font-size:1.5rem;margin-bottom:15px}.card ul{list-style:none;padding:0}.seo-services .card ul li,.website-development .card ul li{color:#fff;display:flex;align-items:center;margin-bottom:10px;width:100%}.app-development .card ul li,.testing .card ul li{color:#2e343f;display:flex;align-items:center;margin-bottom:10px;width:100%}.card ul li:hover{color:var(--primary-green)}.card ul li a{color:inherit}.card ul li::before{content:"●";color:#0f6;font-size:1.2rem;margin-right:15px;animation:1s ease-in-out infinite alternate glow}@keyframes glow{from{text-shadow:0 0 5px #0f6,0 0 10px #0f6,0 0 15px #0f6,0 0 20px #0f6}to{text-shadow:0 0 10px #0f6,0 0 20px #0f6,0 0 30px #0f6,0 0 40px #0f6}}@media screen and (width<=1300px){.card-container{grid-template-columns:1fr 1fr!important}}@media screen and (max-width:1200px){.page1 .text-container h1{font-size:2.4rem;font-weight:700;line-height:2.8rem}}@media screen and (min-width:700px) and (max-width:1000px){.page1 .text-container{width:85%}}@media screen and (width<=700px){.card-container{grid-template-columns:1fr!important}}@media screen and (min-width:500px) and (max-width:700px){.page1 .text-container{width:85%}.page1 .text-container h1{font-size:1.8rem;line-height:2.3rem}.page1 .text-container p.description{font-size:1rem;line-height:1.5rem}.page2 .text-container .details .content{padding-block:3rem;height:auto;width:90%}}@media screen and (max-width:500px){.page1 .text-container{width:90%}.page1 .text-container h1{font-size:1.8rem;line-height:2.2rem}.page1 .text-container .button-container button,.page1 .text-container p.description{font-size:.9rem;line-height:1.3rem}.page2 .text-container .details .content h1{font-size:1.5rem}.page2{height:auto}.page2 .text-container .details .content{padding-block:3rem;width:90%}.page2 .text-container .details .content .definition p,.page2 .text-container .details .content .expertise p{font-size:.8rem;font-weight:400;line-height:1.3rem}.page2 .text-container .details .content .key-features .key-features-list{padding:0 1.5rem;margin-top:.3rem;display:flex;flex-direction:column;gap:1rem}.page2 .text-container .details .content .key-features .key-features-list li{font-size:.8rem;font-weight:400;line-height:1.4rem;list-style-type:disc}}@media screen and (width<=400px){.main-title{font-size:2rem!important}.subtitle-text{font-size:1rem!important}.card{min-width:auto!important}}