body main.ngcr-archive.ngsr{
position:relative!important;
isolation:isolate!important;
overflow:hidden!important;
background:#000!important;
color:#fff!important;
border-top:7px solid #84c041!important;
padding:144px 24px 86px!important;
}
body main.ngcr-archive.ngsr::before{
content:'';position:absolute;z-index:-1;pointer-events:none;
left:-160px;top:-180px;width:420px;height:420px;
border:70px solid #a6d66b20;border-radius:50%;
}
body main.ngcr-archive.ngsr .ngsr__shell{width:100%;max-width:1240px;margin:0 auto;}
body main.ngcr-archive.ngsr .ngsr__eyebrow{
display:flex;align-items:center;gap:11px;margin:0 0 13px;
color:#a6d66b!important;font:700 12px/1.4 'Proximanova-bold',sans-serif!important;
letter-spacing:.14em!important;text-transform:uppercase;
}
body main.ngcr-archive.ngsr .ngsr__eyebrow::before{content:'';width:27px;height:3px;background:#84c041;}
body main.ngcr-archive.ngsr h1{
color:#fff!important;font:700 clamp(36px,4vw,52px)/1.1 'Proximanova-bold',sans-serif!important;
letter-spacing:-.035em!important;
}
body main.ngcr-archive.ngsr .ngsr__intro{
max-width:710px!important;color:#d2d2d2!important;
font:400 17px/1.56 'Proximanova-regular',sans-serif!important;
}
body main.ngcr-archive.ngsr .ngcr-filters{
background:#fff!important;border:0!important;border-radius:12px!important;
padding:22px!important;
}
body main.ngcr-archive.ngsr .ngcr-filters label{color:#262626!important;}
body main.ngcr-archive.ngsr .ngcr-filters select{
background:#fff!important;color:#262626!important;
}
body main.ngcr-archive.ngsr .ngcr-filters button{
background:#a6d66b!important;border-color:#a6d66b!important;color:#000!important;
border-radius:8px!important;
}
body main.ngcr-archive.ngsr .ngcr-results{color:#d2d2d2!important;}
body main.ngcr-archive.ngsr .ngsr__grid{
display:grid!important;
grid-template-columns:1.13fr 1fr 1fr!important;
gap:17px!important;align-items:stretch!important;
}
body main.ngcr-archive.ngsr .ngsr__card{
display:flex!important;flex-direction:column!important;position:relative;
min-width:0!important;min-height:330px!important;
padding:30px 27px!important;
border:0!important;border-radius:14px!important;
background:#fff!important;box-shadow:none!important;
color:#262626!important;
}
body main.ngcr-archive.ngsr .ngsr__card:nth-child(3n+1){background:#a6d66b!important;}
body main.ngcr-archive.ngsr .ngsr__card:nth-child(3n+2){background:#fff!important;}
body main.ngcr-archive.ngsr .ngsr__card:nth-child(3n){background:#e6efdf!important;}
body main.ngcr-archive.ngsr .ngsr__card::before{
content:'CLIENT EXPERIENCE';display:block;align-self:flex-start;
width:max-content;max-width:100%;margin:0 0 20px;padding:7px 11px;
border:1px solid #26262655;border-radius:30px;
color:#262626;font:700 10px/1.3 'Proximanova-bold',sans-serif;letter-spacing:.1em;
}
body main.ngcr-archive.ngsr .ngsr__card:first-child::before{content:'FEATURED CLIENT EXPERIENCE';}
body main.ngcr-archive.ngsr .ngsr__rating,
body main.ngcr-archive.ngsr .ngsr__stars,
body main.ngcr-archive.ngsr .ngsr__topic{color:#262626!important;}
body main.ngcr-archive.ngsr .ngsr__stars{font-size:21px!important;letter-spacing:1px!important;}
body main.ngcr-archive.ngsr .ngsr__topic{
font:700 11px/1.4 'Proximanova-bold',sans-serif!important;
letter-spacing:.1em!important;text-transform:uppercase!important;
}
body main.ngcr-archive.ngsr .ngsr__summary{
color:#262626!important;
font:400 17px/1.54 'Proximanova-regular',sans-serif!important;
margin:0 0 27px!important;
}
body main.ngcr-archive.ngsr .ngsr__card:first-child .ngsr__summary{
font:700 22px/1.46 'Proximanova-bold',sans-serif!important;
}
body main.ngcr-archive.ngsr .ngsr__person{
margin-top:auto!important;padding-top:18px!important;
border-top:1px solid #26262633!important;
}
body main.ngcr-archive.ngsr .ngsr__avatar{
background:#262626!important;color:#fff!important;
border:1px solid #262626!important;font-family:'Proximanova-bold',sans-serif!important;
}
body main.ngcr-archive.ngsr .ngsr__person h3,
body main.ngcr-archive.ngsr .ngsr__source{color:#262626!important;}
body main.ngcr-archive.ngsr .ngsr__source{
display:inline-flex!important;align-self:flex-start!important;
border:0!important;border-bottom:1px solid #262626!important;
font:700 13px/1.45 'Proximanova-bold',sans-serif!important;
}
body main.ngcr-archive.ngsr .ngcr-pagination a{
background:#fff!important;color:#262626!important;
border:1px solid #ddd!important;border-radius:8px!important;
}
body main.ngcr-archive.ngsr .ngcr-pagination a[aria-current="page"]{
background:#a6d66b!important;border-color:#a6d66b!important;
}
@media(max-width:1120px){
body main.ngcr-archive.ngsr .ngsr__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:700px){
body main.ngcr-archive.ngsr{padding:118px 20px 70px!important;}
body main.ngcr-archive.ngsr .ngsr__grid{grid-template-columns:1fr!important;}
body main.ngcr-archive.ngsr .ngsr__card{min-height:0!important;padding:27px 22px!important;}
body main.ngcr-archive.ngsr .ngcr-filters{padding:18px!important;}
}
body:not(.page-id-166) section.ngsr {
position: relative !important;
isolation: isolate !important;
overflow: hidden !important;
clear: both;
box-sizing: border-box !important;
width: 100% !important;
margin: 0 !important;
padding: 94px 24px 100px !important;
border: 0 !important;
border-top: 7px solid #84c041 !important;
background: #000 !important;
color: #fff !important;
text-align: left !important;
}
body:not(.page-id-166) section.ngsr::before {
content: "" !important;
position: absolute !important;
z-index: -1 !important;
pointer-events: none !important;
left: -160px !important;
top: -180px !important;
width: 420px !important;
height: 420px !important;
border: 70px solid #a6d66b20 !important;
border-radius: 50% !important;
background: transparent !important;
}
body:not(.page-id-166) section.ngsr .ngsr__shell {
width: 100% !important;
max-width: 1240px !important;
margin: 0 auto !important;
}
body:not(.page-id-166) section.ngsr .ngsr__head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 35px !important;
margin: 0 0 34px !important;
text-align: left !important;
}
body:not(.page-id-166) section.ngsr .ngsr__head > div {
flex: 1 1 700px;
min-width: 0;
}
body:not(.page-id-166) section.ngsr .ngsr__eyebrow {
display: flex !important;
align-items: center !important;
gap: 11px !important;
margin: 0 0 13px !important;
color: #a6d66b !important;
font: 700 12px/1.4 'Proximanova-bold', sans-serif !important;
letter-spacing: .14em !important;
text-transform: uppercase !important;
}
body:not(.page-id-166) section.ngsr .ngsr__eyebrow::before {
content: "" !important;
display: block !important;
flex: 0 0 27px !important;
width: 27px !important;
height: 3px !important;
background: #84c041 !important;
}
body:not(.page-id-166) section.ngsr .ngsr__head h2 {
max-width: 680px !important;
margin: 0 0 16px !important;
font: 700 clamp(36px, 4vw, 52px)/1.1 'Proximanova-bold', sans-serif !important;
color: #fff !important;
letter-spacing: -.035em !important;
text-align: left !important;
}
body:not(.page-id-166) section.ngsr .ngsr__intro {
max-width: 710px !important;
margin: 0 !important;
font: 400 17px/1.56 'Proximanova-regular', sans-serif !important;
color: #d2d2d2 !important;
text-align: left !important;
}
body:not(.page-id-166) section.ngsr .ngsr__all {
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: center !important;
min-height: 50px;
max-width: 100%;
margin: 0 !important;
padding: 15px 20px !important;
border: 0 !important;
border-radius: 8px !important;
background: #a6d66b !important;
color: #000 !important;
font: 700 14px/1.45 'Proximanova-bold', sans-serif !important;
text-align: center !important;
white-space: normal !important;
text-decoration: none !important;
transition: transform .2s ease, background .2s ease;
}
body:not(.page-id-166) section.ngsr .ngsr__all:hover {
transform: translateY(-3px);
background: #b5df85 !important;
color: #000 !important;
text-decoration: none !important;
}
body:not(.page-id-166) section.ngsr .ngsr__grid {
display: grid !important;
grid-template-columns: 1.13fr 1fr 1fr !important;
gap: 17px !important;
align-items: stretch !important;
width: 100%;
}
body:not(.page-id-166) section.ngsr .ngsr__grid[data-review-count="1"] {
grid-template-columns: minmax(0, 590px) !important;
}
body:not(.page-id-166) section.ngsr .ngsr__grid[data-review-count="2"] {
grid-template-columns: repeat(2,minmax(0, 1fr)) !important;
max-width: 850px;
}
body:not(.page-id-166) section.ngsr .ngsr__card {
position: relative !important;
display: flex !important;
flex-direction: column !important;
min-width: 0 !important;
min-height: 358px !important;
height: auto !important;
overflow: hidden !important;
padding: 30px 27px !important;
border: 0 !important;
border-radius: 14px !important;
background: #fff !important;
color: #262626 !important;
box-shadow: none !important;
text-align: left !important;
transition: transform .25s ease, box-shadow .25s ease;
}
body:not(.page-id-166) section.ngsr .ngsr__card:hover {
transform: translateY(-5px);
box-shadow: 0 18px 45px #ffffff14 !important;
}
body:not(.page-id-166) section.ngsr .ngsr__card:nth-child(3n+1) {
background: #a6d66b !important;
}
body:not(.page-id-166) section.ngsr .ngsr__card:nth-child(3n+2) {
background: #fff !important;
}
body:not(.page-id-166) section.ngsr .ngsr__card:nth-child(3n) {
background: #e6efdf !important;
}
body:not(.page-id-166) section.ngsr .ngsr__card::before {
content: 'CLIENT EXPERIENCE' !important;
display: block !important;
align-self: flex-start;
width: max-content !important;
max-width: 100% !important;
margin: 0 0 20px !important;
padding: 7px 11px !important;
border: 1px solid #26262655 !important;
border-radius: 30px !important;
background: transparent !important;
color: #262626 !important;
font: 700 10px/1.3 'Proximanova-bold', sans-serif !important;
letter-spacing: .1em !important;
text-transform: uppercase;
white-space: normal;
}
body:not(.page-id-166) section.ngsr .ngsr__card:first-child::before {
content: 'FEATURED CLIENT EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="web_design"] .ngsr__card:first-child::before,
body:not(.page-id-166) section.ngsr[data-review-context="city_core"] .ngsr__card:first-child::before,
body.home section.ngsr .ngsr__card:first-child::before {
content: 'FEATURED WEB DESIGN EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="seo"] .ngsr__card:first-child::before {
content: 'FEATURED SEO EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="ppc"] .ngsr__card:first-child::before {
content: 'FEATURED PPC EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="branding"] .ngsr__card:first-child::before {
content: 'FEATURED BRANDING EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="graphic_design"] .ngsr__card:first-child::before {
content: 'FEATURED GRAPHIC DESIGN EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="hosting"] .ngsr__card:first-child::before {
content: 'FEATURED HOSTING EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="animation"] .ngsr__card:first-child::before {
content: 'FEATURED ANIMATION EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="ecommerce"] .ngsr__card:first-child::before {
content: 'FEATURED ECOMMERCE EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="social"] .ngsr__card:first-child::before {
content: 'FEATURED SOCIAL MEDIA EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="automation"] .ngsr__card:first-child::before {
content: 'FEATURED AUTOMATION EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr .ngsr__rating {
display: flex !important;
align-items: center !important;
flex-wrap: wrap;
gap: 12px !important;
color: #262626 !important;
font: 700 12px/1.4 'Proximanova-bold', sans-serif !important;
}
body:not(.page-id-166) section.ngsr .ngsr__stars {
color: #262626 !important;
font-size: 21px !important;
letter-spacing: 1px !important;
line-height: 1.3 !important;
}
body:not(.page-id-166) section.ngsr .ngsr__topic {
margin: 16px 0 11px !important;
font: 700 11px/1.4 'Proximanova-bold', sans-serif !important;
letter-spacing: .1em !important;
text-transform: uppercase !important;
color: #262626 !important;
}
body:not(.page-id-166) section.ngsr .ngsr__summary {
margin: 0 0 27px !important;
font: 400 17px/1.54 'Proximanova-regular', sans-serif !important;
color: #262626 !important;
overflow-wrap: anywhere;
}
body:not(.page-id-166) section.ngsr .ngsr__card:first-child .ngsr__summary {
font: 700 22px/1.46 'Proximanova-bold', sans-serif !important;
}
body:not(.page-id-166) section.ngsr .ngsr__person {
display: flex !important;
align-items: center !important;
gap: 12px !important;
margin-top: auto !important;
padding-top: 18px !important;
border-top: 1px solid #26262633 !important;
}
body:not(.page-id-166) section.ngsr .ngsr__avatar {
display: grid !important;
place-items: center !important;
flex: 0 0 40px !important;
width: 40px !important;
height: 40px !important;
border: 1px solid #262626 !important;
border-radius: 50% !important;
background: #262626 !important;
color: #fff !important;
font: 700 17px/1 'Proximanova-bold', sans-serif !important;
}
body:not(.page-id-166) section.ngsr .ngsr__person h3 {
margin: 0 !important;
font: 700 16px/1.4 'Proximanova-bold', sans-serif !important;
color: #262626 !important;
}
body:not(.page-id-166) section.ngsr .ngsr__person p {
margin: 3px 0 0 !important;
color: #505050 !important;
font: 400 12px/1.6 'Proximanova-regular', sans-serif !important;
}
body:not(.page-id-166) section.ngsr .ngsr__source {
display: inline-flex !important;
align-self: flex-start !important;
max-width: 100%;
margin-top: 16px !important;
padding: 0 0 3px !important;
border: 0 !important;
border-bottom: 1px solid #262626 !important;
color: #262626 !important;
font: 700 13px/1.45 'Proximanova-bold', sans-serif !important;
text-decoration: none !important;
}
body:not(.page-id-166) section.ngsr .ngsr__source:hover {
color: #262626 !important;
border-bottom-width: 2px !important;
text-decoration: none !important;
}
body:not(.page-id-166) section.ngsr .ngsr__all:focus-visible,
body:not(.page-id-166) section.ngsr .ngsr__source:focus-visible {
outline: 3px solid #a6d66b !important;
outline-offset: 4px !important;
}
body:not(.page-id-166) section.ngsr .ngsr__note {
max-width: 100% !important;
margin: 25px 0 0 !important;
color: #aaa !important;
font: 400 12px/1.6 'Proximanova-regular', sans-serif !important;
} body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] {
padding: 94px 24px 100px !important;
border: 0 !important;
border-top: 7px solid #84c041 !important;
background: #000 !important;
color: #fff !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__shell {
max-width: 1240px !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__head {
align-items: center !important;
margin-bottom: 34px !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__eyebrow {
color: #a6d66b !important;
margin: 0 0 13px !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__head h2 {
color: #fff !important;
font: 700 clamp(36px,4vw,52px)/1.1 'Proximanova-bold',sans-serif !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__intro {
color: #d2d2d2 !important;
line-height: 1.56 !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__all {
color: #000 !important;
padding: 15px 20px !important;
border: 0 !important;
background: #a6d66b !important;
margin: 0 !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__grid {
grid-template-columns: 1.13fr 1fr 1fr !important;
gap: 17px !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__card {
border: 0 !important;
min-height: 358px !important;
padding: 30px 27px !important;
border-radius: 14px !important;
box-shadow: none !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__card:nth-child(1) {
background: #a6d66b !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__card:nth-child(2) {
background: #fff !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__card:nth-child(3) {
background: #e6efdf !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__summary {
color: #262626 !important;
font: 400 17px/1.54 'Proximanova-regular',sans-serif !important;
margin: 0 0 27px !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__card:first-child .ngsr__summary {
font: 700 22px/1.46 'Proximanova-bold',sans-serif !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__source {
color: #262626 !important;
}
@media (max-width:1120px) and (min-width:701px) {
body:not(.page-id-166) section.ngsr .ngsr__grid[data-review-count="3"] {
grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
body:not(.page-id-166) section.ngsr .ngsr__grid[data-review-count="3"] .ngsr__card:first-child {
grid-row: span 2 !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__grid[data-review-count="3"] {
grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width:700px) {
body:not(.page-id-166) section.ngsr,
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] {
padding: 68px 20px 76px !important;
}
body:not(.page-id-166) section.ngsr .ngsr__head,
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__head {
display: block !important;
}
body:not(.page-id-166) section.ngsr .ngsr__all {
display: inline-flex !important;
margin-top: 18px !important;
}
body:not(.page-id-166) section.ngsr .ngsr__grid,
body:not(.page-id-166) section.ngsr .ngsr__grid[data-review-count],
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__grid {
grid-template-columns: minmax(0,1fr) !important;
max-width: none !important;
}
body:not(.page-id-166) section.ngsr .ngsr__card {
grid-row: auto !important;
min-height: 0 !important;
padding: 27px 22px !important;
}
body:not(.page-id-166) section.ngsr .ngsr__card:first-child .ngsr__summary {
font-size: 20px !important;
}
}
@media (prefers-reduced-motion:reduce) {
body:not(.page-id-166) section.ngsr .ngsr__card,
body:not(.page-id-166) section.ngsr .ngsr__all {
transition: none !important;
}
body:not(.page-id-166) section.ngsr .ngsr__card:hover,
body:not(.page-id-166) section.ngsr .ngsr__all:hover {
transform: none !important;
}
} body section.ngsr .ngsr__stars,
body main.ngcr-archive .ngsr__stars,
body.ngm-page--ppc #client-reviews .ngsr__stars,
body .ngh #reviews .ngrv-stars {color:#202124 !important;}
body section.ngsr .ngsr__rating-label,
body main.ngcr-archive .ngsr__rating-label,
body .ngh #reviews .ngrv-rating-label {color:#202124 !important;font-weight:700;}