.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-accent); background-color: var(--color-white); 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-accent); color: var(--color-white); border: 1px solid var(--color-accent); } .btn--primary:hover .btn__text { color: var(--color-accent); } .btn--primary:hover .btn__icon { background-color: var(--color-accent) } .btn--primary:hover .btn__icon svg { color: var(--color-white); } .btn--primary .btn__bg { background: var(--color-white); }  .btn--secondary { background-color: var(--color-accent); color: var(--color-white); 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; } .limited-texts.expanded { -webkit-line-clamp: unset; overflow: visible; }  @media (min-width: 1077px) { .process__item-one, .process__item-two, .process__item-three, .process__item-four { position: relative; } .process__item-one::after, .process__item-three::after { content: ''; max-width: clamp(9.5rem, -9.739rem + 18.116vw, 12rem); left: 100%; top: 0%; width: 100%; height: 80px; position: absolute; transform: translate(-50%, 0%); background: url('/wp-content/uploads/2025/11/process-arrow.png') center center / contain no-repeat; } .process__item-two::after, .process__item-four::after { content: ''; max-width: clamp(9.5rem, -9.739rem + 18.116vw, 12rem); left: 100%; top: 0%; width: 100%; height: 80px; position: absolute; transform: translate(-50%, 0%) scaleY(-1); background: url('/wp-content/uploads/2025/11/process-arrow.png') center center / contain no-repeat; } } @media (max-width: 550px) { .header .btn__icon { display: none; } .header .btn { font-size: 14px; padding: 15px; } .header .btn svg { width: 18px; } } @media (max-width: 992px) { .bricks-nav-menu .sub-menu > li > a { white-space: break-spaces; } }