.client-head{margin-bottom:3rem;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.animate-seg.client-head{opacity:1;transform:translateY(0)}.client-segsection .dis-flex{gap:1rem}.segment-card{align-items:flex-end;background-position:50%;background-size:cover;display:flex;flex:1;min-height:450px;overflow:hidden;padding:2rem;position:relative;transition:flex .5s ease,filter .5s ease}.segment-card:before{background-color:#0006;content:"";inset:0;position:absolute;transition:background .5s cubic-bezier(.4,0,.2,1)}.segment-card:hover{flex:2.5}.stgp:hover .segment-card:not(:hover){flex:0.8;opacity:.7}.segment-card h3{color:var(--third_color);font-size:1.875rem;line-height:2.25rem;margin-bottom:.5rem}.segment-card .seg-content{position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.segment-card .seg-content p{color:#fffc;font-size:.875rem;margin-bottom:1rem}.st-title{position:relative}.segment-card:not(:hover) .seg-content{max-height:0;opacity:0;transform:translateY(2rem)}.segment-card:hover .seg-content{max-height:auto;opacity:1;transform:translateY(0)}.expo-btn{align-items:center;display:flex;gap:.5rem}.expo-btn span{color:var(--primary_color2);display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;line-height:1rem;text-transform:uppercase}.expo-btn span svg{height:12px;width:12px}.segm-btn{left:0;position:absolute;top:0}.segm-btn,.segm-btn a{height:100%;width:100%}.segm-btn a{display:block}@media(max-width:767px){.client-segsection .dis-flex{display:block}.segment-card{margin-bottom:16px;min-height:140px}.segment-card h3{font-size:1.5rem;line-height:1}}