.elementor .ap-project-loop-grid{grid-template-columns:repeat(3, 1fr);grid-auto-rows:auto;gap: 40px 24px; & .elementor-heading-title { font-size: 20px; line-height: 28px; font-weight: 400; color: #BFA794; margin: 0; } & img { width: 100%; height: auto; aspect-ratio: 11 / 10; object-fit: cover; display: block; }\n}.elementor .ap-filter-label{font-family:var(--ap-font);font-weight:400;font-size:20px;color:var(--ap-navy);line-height:20px;}.elementor .ap-filter-button{width:auto;color:var(--ap-navy);cursor:pointer;padding-block-start:14px;padding-block-end:14px;padding-inline-start:17px;padding-inline-end:17px;border-width:1px;border-color:var(--ap-tan);border-style:solid;background-color:transparent;transition:background-color 0.2s;&.e-tab-base:hover, &.e-tab-base:focus-visible, &.e-tab-base.e--selected { background-color: var(--ap-tan); border-color: var(--ap-tan); } &.e-tab-base:focus { border-color: var(--ap-tan); }\n}.elementor .ap-project-arrow{width:30px;height:30px;flex:0 0 auto;cursor: default; & .cls-2 { stroke-width: 3px; r: 44.5px; transition: stroke 0.2s; } & .cls-3, & .cls-4 { stroke-width: 4.5px; transition: stroke 0.2s; }\n}.elementor .ap-project-meta{padding:0px;display:flex;flex-direction:row;gap:16px;justify-content:space-between;align-items:flex-start;}.elementor .ap-project-card{width:100%;padding:0px;display:flex;flex-direction:column;gap:16px;& .elementor-heading-title { transition: color 0.2s; } &:hover .elementor-heading-title, &:focus-visible .elementor-heading-title { color: var(--ap-navy); } &:hover .ap-project-arrow .cls-2, &:hover .ap-project-arrow .cls-3, &:hover .ap-project-arrow .cls-4, &:focus-visible .ap-project-arrow .cls-2, &:focus-visible .ap-project-arrow .cls-3, &:focus-visible .ap-project-arrow .cls-4 { stroke: var(--ap-navy); }\n}