.detailedservice-section{position:relative;padding:3rem 2rem;font-family:"Segoe UI",sans-serif;overflow:hidden}.detailedservice-section::before{content:"";position:absolute;top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);background-image:url("/assets/media/images/abstract-techno-background-with-low-poly-design.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-color:rgba(255,255,255,.15);background-blend-mode:overlay;filter:blur(4px);z-index:0;pointer-events:none}.detailedservice-section>*{position:relative;z-index:1}.detailedservice-main-card{display:flex;flex-direction:row;max-width:1100px;margin:0 auto 2rem auto;background-color:rgba(0,0,0,.6);box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden;border-radius:12px;color:#ffffff;transition:transform .4s ease,box-shadow .4s ease}.detailedservice-image{flex:1;min-width:350px;max-width:450px;padding:1rem;display:flex;align-items:center;justify-content:center}.detailedservice-image img{width:100%;height:auto;max-height:100%;object-fit:cover}.detailedservice-content{flex:1.2;padding:3rem 2rem;color:var(--white);text-align:left;display:flex;flex-direction:column;justify-content:center}.detailedservice-content h2{font-size:2.2rem;margin-bottom:1.5rem;position:relative;background:linear-gradient(90deg,#ffffff,var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.detailedservice-content h2::before{content:"";position:absolute;left:0;bottom:0;width:50px;height:4px;background:var(--accent-color);border-radius:2px}.detailedservice-content p{line-height:1.7;font-size:1rem;margin-bottom:1rem;color:var(--white)}.detailedservice-content strong{color:var(--accent-color)}.detailedservice-projects{max-width:1200px;margin:0 auto}.detailedservice-projects h3{font-size:2.5rem;margin-bottom:2rem;position:relative;background:linear-gradient(90deg,#ffffff,var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.detailedservice-projects h3::before{content:"";position:absolute;left:0;bottom:0;width:50px;height:4px;background:var(--accent-color);border-radius:2px}.detailedservice-project-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.detailedservice-project-card{background:rgba(0,0,0,.6);box-shadow:0 12px 35px rgba(0,0,0,.15);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;color:#ffffff}.detailedservice-project-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.25);border-color:var(--accent-color)}.detailedservice-project-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(0,0,0,.12);border-color:var(--accent-color)}.detailedservice-project-card img{width:100%;height:180px;object-fit:cover}.project-info{padding:1.8rem 1.5rem}.project-info h4{color:var(--accent-color);font-size:1.25rem;margin-bottom:.8rem}.project-info p{font-size:1rem;color:var(--grey-text);line-height:1.5}@media (max-width:1440px){.detailedservice-main-card{max-width:1000px}.detailedservice-content{padding:2.5rem 1.8rem}}@media (max-width:1024px){.detailedservice-section{padding:2rem 1.5rem}.detailedservice-main-card{flex-direction:column;padding:1.5rem 0}.detailedservice-image{min-width:unset;max-width:100%;padding:0 1rem;margin-bottom:1.5rem}.detailedservice-content{padding:0 1.5rem 1.5rem 1.5rem}.detailedservice-content h2{font-size:2rem}.detailedservice-projects h3{font-size:2.2rem}.detailedservice-project-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}}@media (max-width:767px){.detailedservice-section{padding:1.5rem 1rem}.detailedservice-main-card{padding:1rem 0}.detailedservice-image{margin-bottom:1rem}.detailedservice-content{padding:0 1rem 1rem 1rem}.detailedservice-content h2{font-size:1.8rem;margin-bottom:1rem}.detailedservice-content p{font-size:.95rem}.detailedservice-projects h3{font-size:2rem;margin-bottom:1.5rem}.detailedservice-project-list{grid-template-columns:1fr;gap:1.5rem}.project-info{padding:1.5rem 1.2rem}.project-info h4{font-size:1.1rem}}@media (max-width:479px){.detailedservice-section{padding:1rem .5rem}.detailedservice-main-card{padding:.8rem 0}.detailedservice-image{padding:0 .5rem}.detailedservice-content{padding:0 .8rem .8rem .8rem}.detailedservice-content h2{font-size:1.5rem}.detailedservice-content p{font-size:.9rem}.detailedservice-projects h3{font-size:1.8rem;margin-bottom:1rem}.project-info{padding:1.2rem 1rem}.project-info h4{font-size:1rem}.project-info p{font-size:.95rem}}