:root{--bg-color:#000000;--bg-dark:#000000;--bg-card:#1b1b1b;--text-color-rgb:255,255,255;--text-color:#ffffff;--accent-teal-rgb:0,255,213;--accent-teal:#00ffd5;--accent-pink-rgb:250,52,99;--accent-pink:#bf4252;--accent-orange:#FFB800;--black-rgb:0,0,0}[data-theme=light]{--bg-color:#FFF8F0;--bg-dark:#FFF8F0;--bg-card:#ffffff;--text-color-rgb:22,22,22;--text-color:#161616;--accent-teal-rgb:0,168,139;--accent-teal:#00a88b;--accent-pink-rgb:250,52,99;--accent-pink:#bf4252;--black-rgb:255,248,240;--black:#ffffff}.techNew{background-color:var(--bg-dark);color:var(--text-color);padding:100px 0;font-family:Inter,sans-serif}.techNew .container{max-width:1320px;margin:0 auto;padding:0 20px}.techNew__grid{display:grid;grid-template-columns:repeat(3,1fr);border-radius:4px;overflow:hidden}@media(max-width:991px){.techNew__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.techNew__grid{grid-template-columns:1fr}}.techCard{position:relative;display:flex;align-items:flex-end;height:207px;padding:24px 32px;overflow:hidden;cursor:default}.techCard:after{right:0;top:0;height:100%;width:1px;background:linear-gradient(0deg,rgba(var(--text-color-rgb),.2) 30%,transparent)}.techCard:after,.techCard:before{content:"";position:absolute;transition:opacity .5s ease;z-index:2}.techCard:before{left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(var(--text-color-rgb),.2) 30%,transparent)}.techCard:nth-child(2):before,.techCard:nth-child(5):before{background:linear-gradient(90deg,rgba(var(--text-color-rgb),.2) 30%,rgba(var(--text-color-rgb),.2) 100%)}.techCard:first-child:before,.techCard:nth-child(4):before{background:linear-gradient(270deg,rgba(var(--text-color-rgb),.2) 30%,transparent)}.techCard:nth-child(3n):after{opacity:0}.techCard:nth-child(4):after,.techCard:nth-child(5):after{background:linear-gradient(0deg,rgba(var(--text-color-rgb),.2) 30%,rgba(var(--text-color-rgb),.2) 100%)}.techCard:nth-child(7):after,.techCard:nth-child(8):after{background:linear-gradient(180deg,rgba(var(--text-color-rgb),.2) 30%,transparent)}.techCard:nth-child(7):before,.techCard:nth-child(8):before,.techCard:nth-child(9):before{opacity:0}.techCard__bg{position:absolute;top:0;left:0;object-fit:cover;z-index:1;opacity:0}.techCard__bg,.techCard__content{width:100%;height:100%;transition:transform .5s ease}.techCard__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;position:relative;z-index:2}.techCard__text{gap:16px;flex-direction:column}.techCard__icon,.techCard__text{display:flex;transition:transform .5s ease}.techCard__icon{width:64px;height:64px;align-items:center;justify-content:center;background-color:rgba(var(--text-color-rgb),.08);border-radius:50%;flex-shrink:0;color:var(--text-color)}.techCard__icon svg{width:36px;height:36px;transition:transform .5s ease}.techCard__description{display:flex;flex-direction:column;align-items:flex-start;width:100%;font-size:16px;line-height:22px;color:rgba(var(--text-color-rgb),.6);margin-bottom:-44px;transition:transform .5s ease;opacity:0}.techCard__title{font-size:18px;font-weight:600;color:var(--text-color);margin:0;line-height:1.3;transition:transform .5s ease}.techCard:hover .techCard__bg{opacity:1}.techCard:hover .techCard__icon{height:44px;width:44px}.techCard:hover .techCard__icon svg{width:24px;height:24px}.techCard:hover .techCard__text{flex-direction:row;align-items:center}.techCard:hover .techCard__description{margin-bottom:0;opacity:1}.techCard:hover .techCard__content{justify-content:space-between}