:root{--purple-50: hsl(260, 100%, 95%);--purple-300: hsl(264, 82%, 70%);--purple-500: hsl(263, 55%, 52%);--gray-100: hsl(214, 17%, 92%);--gray-200: hsl(0, 0%, 81%);--gray-400: hsl(224, 10%, 45%);--gray-500: hsl(217, 19%, 35%);--white: hsl(0, 0%, 100%);--black: hsl(0, 0%, 7%);--dark-blue: hsl(219, 29%, 14%);--main-font: "Barlow Semi Condensed", Arial, sans-serif;--font-size-base: 13px;--line-height-base: 1.1;--font-weight-500: 500;--font-weight-600: 600;--spacing-50: 4px;--spacing-100: 8px;--spacing-200: 16px;--spacing-300: 24px;--spacing-400: 32px;--spacing-500: 40px}*,*:after,*:before{box-sizing:border-box}html,body{height:100%;margin:0}h1,h2,h3,h4,h5,h6,p,ul,ol,li{margin:0;padding:0}a{color:inherit}button,input,select,option{border:none;padding:0;color:currentColor;font-family:inherit;font-size:inherit;cursor:pointer;appearance:none}ul,ol{list-style:none}button:focus{outline:none}img{display:block;max-width:100%}blockquote{margin:0;padding:0;border:none;quotes:none}blockquote:before,blockquote:after{content:none}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:normal;font-weight:500;src:url(/testimonials-grid-section-main/assets/barlow-semi-condensed-v15-latin_latin-ext-500-MEtJfzxI.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;src:url(/testimonials-grid-section-main/assets/barlow-semi-condensed-v15-latin_latin-ext-600-TKmg9fCL.woff2) format("woff2")}.attribution{padding:24px;font-size:11px;text-align:center;font-family:inherit}.attribution a{color:#3e52a3}.body{display:flex;flex-direction:column;font-family:var(--main-font)}.main{display:flex;flex:1;justify-content:center;align-items:center;background-color:var(--gray-100)}.testimonials-grid{display:grid;grid-template-columns:1fr;grid-template-areas:"daniel" "jonathan" "jeanette" "patrick" "kira";gap:var(--spacing-400);margin-inline:var(--spacing-400);margin-block:73px}.testimonial{border-radius:var(--spacing-100);padding:var(--spacing-400);box-shadow:40px 60px 50px -47px #48556a40;background-color:var(--white);--title-color: var(--gray-500);--text-color: var(--gray-400);--name-color: var(--gray-500);--status-color: var(--gray-400)}.testimonial__title{position:relative;font-family:var(--main-font);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-500);font-weight:var(--font-weight-600);font-size:20px;line-height:1.2;margin-top:var(--spacing-200);color:var(--title-color);z-index:1}.testimonial__text{font-family:var(--main-font);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-500);line-height:1.4;margin-top:var(--spacing-200);color:var(--text-color)}.testimonial--daniel{position:relative;grid-area:daniel;background:var(--purple-500);--title-color: var(--white);--text-color: var(--purple-50);--name-color: var(--white);--status-color: var(--purple-50)}.testimonial--daniel:before{display:none}.testimonial--jonathan{grid-area:jonathan;background:var(--gray-500);--title-color: var(--white);--text-color: var(--gray-100);--name-color: var(--white);--status-color: var(--gray-100)}.testimonial--jeanette{grid-area:jeanette}.testimonial--patrick{grid-area:patrick;background:var(--dark-blue);--title-color: var(--gray-200);--text-color: var(--gray-100);--name-color: var(--white);--status-color: var(--white)}.testimonial--kira{grid-area:kira}.profile{display:flex;align-items:center;gap:var(--spacing-200)}.profile__avatar{width:28px;height:28px;border-radius:50%;overflow:hidden}.profile__image{width:100%;height:100%;object-fit:cover}.profile__name{font-family:var(--main-font);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-500);color:var(--name-color)}.profile__status{margin-top:4px;font-family:var(--main-font);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-500);font-size:11px;color:var(--status-color)}.testimonial--daniel .profile__avatar{outline:2px solid var(--purple-300)}.testimonial--patrick .profile__avatar{outline:2px solid var(--purple-500)}@media (min-width: 768px){.testimonials-grid{grid-template-columns:repeat(2,1fr);grid-template-areas:"daniel daniel" "jonathan jeanette" "patrick patrick" "kira kira";max-width:647px;margin-block:83px}.testimonial--daniel:before{background-image:url(/testimonials-grid-section-main/images/bg-pattern-quotation.svg);width:104px;height:102px;content:"";position:absolute;top:0;right:167px;display:block}}@media (min-width: 1100px){.testimonials-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-300) var(--spacing-400);grid-template-areas:"daniel daniel jonathan kira" "jeanette patrick patrick kira";max-width:1114px}.testimonial--daniel:before{right:60px}}