.colored-text { color: var(--color-accent); } .service--active { display: block !important; }  .glassmorphism-element { backdrop-filter: blur(12px) saturate(120%); -webkit-backdrop-filter: blur(12px) saturate(120%); background: rgba(210, 210, 210, 0.17); overflow: hidden; position: relative;  } .glassmorphism-element::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 2px;  background: linear-gradient( 90deg, rgba(255, 255, 255, 1) 0%, rgb(0 0 0 / 4%) 64% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }  .btn { position: relative; display: inline-flex; justify-content: center; align-items: center; width: fit-content; padding: 6px 6px 6px 25px; font-size: 16px; font-weight: 500; line-height: 1em; text-transform: capitalize; text-decoration: none; border-radius: 100px; cursor: pointer; user-select: none; transition: var(--transition); gap: 10px; overflow: hidden; white-space: nowrap } .btn__icon { position: relative; color: var(--color-white); background-color: var(--color-accent); padding: 15px; border-radius: 100px; z-index: 3; } .btn svg { width: 24px; vertical-align: middle; transition: transform 0.3s ease; } .btn__text { position: inherit; z-index: 2; } .btn__bg { position: absolute; top: 0; left: 0; min-width: 225%; min-height: 225%; aspect-ratio: 1 / 1; border-radius: 50%; transform: translate(-50%, -50%) scale(0); transition: transform 0.5s ease-out; z-index: inherit; } .btn:hover .btn__bg { transform: translate(-50%, -50%) scale(1); } .btn:hover svg { transform: rotate(45deg); }  .btn--primary { background-color: var(--color-primary); color: var(--color-white); border: 1px solid var(--color-primary); } .btn--primary:hover .btn__text { color: var(--color-secondary); } .btn--primary .btn__bg { background: var(--color-white); }  .btn--secondary { background-color: var(--color-white); color: var(--color-secondary); border: 1px solid var(--color-white); } .btn--secondary .btn__bg { background: var(--color-primary); } .btn--secondary:hover .btn__text { color: var(--color-white); }  .badge { position: relative; overflow: hidden; z-index: 1; } .badge::before { content: ''; position: absolute; display: inline-block; width: 7px; height: 7px; left: 20px; top: 50%; transform: translateY(-50%); background-color: var(--color-accent); border-radius: 20px; margin-right: 8px; transition: 0.3s ease all; z-index: -1; } .badge:hover::before { position: absolute; width: 200%; height: 200px; left: 0; }  .limited-texts { display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical; overflow: hidden; transition: all 0.3s ease; } .limited-texts.expanded { -webkit-line-clamp: unset; overflow: visible; } .testimonial__author.invisible { display: none !important; } @media (max-width: 500px) { .header .btn__icon { display: none; } .header .btn { font-size: 14px; padding: 15px; } .header .btn svg { width: 18px; } } @media (min-width: 768px) { .process__item-one, .process__item-two, .process__item-three { position: relative; } .process__item-one::after, .process__item-three::after { content: ''; max-width: 120px; left: 100%; top: 0%; width: 100%; height: 80px; position: absolute; transform: translate(-50%, 0%); background: url('/fenceco/wp-content/uploads/2025/11/process-arrow.png') center center / contain no-repeat; } .process__item-two::after { content: ''; max-width: 120px; left: 100%; top: 0%; width: 100%; height: 80px; position: absolute; transform: translate(-50%, 0%) scaleY(-1); background: url('/fenceco/wp-content/uploads/2025/11/process-arrow.png') center center / contain no-repeat; } }  .cursor { --size: 100px; position: fixed; display: flex; justify-content: center; align-items: center; top: 0; left: 0; text-transform: capitalize; font-size: var(--fs-base); font-weight: 600; text-align: center; color: var(--color-white); background-color: var(--color-accent); width: var(--size); height: var(--size); line-height: 1; text-align: center; border-radius: 100px; pointer-events: none; z-index: 100; opacity: 0; } @media (max-width: 992px) { .cursor { display: none !important; };