.serv-cbox{border-right:1px solid var(--fourth_color);opacity:0;overflow:hidden;padding:2.5rem;position:relative;transform:translateY(30px);transition:all .4s cubic-bezier(.4,0,.2,1);width:25%}.serv-cbox:last-child{border-right:none}.sactive.serv-cbox{opacity:1;transform:translateY(0)}.serv-line{background:var(--primary_color2);height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:center;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.serv-cbox:hover .serv-line{transform:scaleX(1)}.serv-cbox:hover{background-color:var(--primary_color)}.serv-cbox:hover .serv-subtext{color:var(--third_color)}.serv-cbox:hover .detail-content p{color:hsla(0,0%,100%,.6)}.serv-cbox .serv-text{color:var(--primary_color2);font-size:3.75rem;line-height:1;margin-bottom:.75rem}.serv-subtext{color:var(--primary_color);display:block;font-size:.875rem;font-weight:500;letter-spacing:.025em;line-height:1.25rem;margin-bottom:.25rem}.serv-cbox .detail-content p{color:var(--base_color);font-size:.75rem;line-height:1rem}@media(max-width:1024px){.serv-cbox{padding:2rem;width:50%}.serv-cbox:first-child,.serv-cbox:nth-child(2){border-bottom:1px solid var(--fourth_color)}.serv-cbox:nth-child(2n){border-right:none}.serv-cbox .serv-text{font-size:3rem}}@media(max-width:640px){.serv-cbox{border-bottom:1px solid var(--fourth_color);border-right:none;width:100%}}