.portfolio-v2{background:#050505;position:relative;overflow:hidden;padding-top:80px;padding-bottom:130px}.portfolio-v2::before{content:'';position:absolute;top:0;left:0;right:0;height:300px;background:radial-gradient(ellipse at top,rgba(211,47,46,.08) 0,transparent 70%);pointer-events:none;z-index:1}.portfolio-v2 .sec-title-2{font-size:clamp(40px, 8vw, 85px);font-weight:950;line-height:.95;letter-spacing:-1px;color:#fff!important;text-transform:uppercase;margin-bottom:0;text-shadow:0 0 80px rgba(211,47,46,.2)}.portfolio-v2 .service__top-text p{font-size:18px;line-height:1.8;color:rgba(255,255,255,.5);font-weight:300;border-left:2px solid var(--primary);padding-left:25px;margin-top:30px;max-width:800px}.service-v3{background:#050505;padding-top:50px}.service__list-2{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;position:relative;z-index:5}@media (max-width:1200px){.service__list-2{grid-template-columns:repeat(2,1fr)}}.service__list-2>a{text-decoration:none!important;display:block;height:100%}.service__item-2{position:relative;padding:60px 40px;background:linear-gradient(145deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%);border:1px solid rgba(255,255,255,.06);border-radius:20px;aspect-ratio:1/1;overflow:hidden;transition:.6s cubic-bezier(.165, .84, .44, 1);display:flex;flex-direction:column;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.service__item-2::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(211,47,46,.15) 0,transparent 60%);opacity:0;transition:opacity .5s}.service__item-2::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--primary),transparent);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.165, .84, .44, 1)}.service__item-2:hover{transform:translateY(-15px);background:linear-gradient(145deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.02) 100%);border-color:rgba(211,47,46,.3);box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 40px rgba(211,47,46,.1)}.service__item-2:hover::before{opacity:1}.service__item-2:hover::after{transform:scaleX(1)}.service__item-2>div{position:relative;z-index:5;text-align:center}.service__name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:90px;font-weight:900;letter-spacing:-3px;color:#fff;opacity:.035;text-transform:uppercase;white-space:nowrap;pointer-events:none;transition:.6s;z-index:-1}.service__item-2:hover .service__name{opacity:.08;transform:translate(-50%,-60%) scale(1.1);color:var(--primary)}.service__title-2{font-family:Kanit,sans-serif;font-size:26px;font-weight:700;color:#fff;margin-bottom:20px;transition:.4s}.service__item-2:hover .service__title-2{color:var(--primary);transform:scale(1.05)}.service__item-2 div p:not(.service__name){font-size:15px;line-height:1.8;color:rgba(255,255,255,.5);margin:0;transition:.4s;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.service__item-2:hover div p:not(.service__name){color:rgba(255,255,255,.8)}@media (max-width:767px){.portfolio-v2{padding-top:120px;padding-bottom:50px}.portfolio-v2 .sec-title-2{font-size:clamp(32px, 10vw, 42px);letter-spacing:0}.portfolio-v2 .service__top-text p{font-size:15px;padding-left:15px}.service__list-2{grid-template-columns:1fr;gap:20px}.service__item-2{padding:40px 25px}.service__name{font-size:60px}.service__title-2{font-size:22px}}