body {
  background: var(--utuawp-gradient-base-green);
  font-family: var(--utuawp-font-family-base);
}

.r7cl5 {
    padding: 0;
    width: unset;
    margin: 0;
}

.main-content {
    margin: 0;
}

.container {
    width: unset;
}

.about-us-first-section {
 max-height: 206px;
}

.about-us-title {
   color: var(--utuawp-color-base-white);
   font-size: var(--utuawp-font-size-base-medium);
   line-height: 125%;
   text-align: center;
   letter-spacing: var(--utuawp-letter-spacing);
   font-family: var(--utuawp-font-family-base);
   padding: var(--utuawp-spacing-md) 0;
}

.about-us-second-chance-card {
  background-color: #F5F5F5;
  padding: var(--utuawp-spacing-sm) var(--utuawp-spacing-xxxs) 37px;
}

.about-us-second-chance-title {
  color: var(--custom-primary-color);
  font-size: var(--utuawp-font-size-xl);
  margin: 0;
  letter-spacing: var(--utuawp-letter-spacing);
}

.about-us-second-chance-paragraph {
  color: var(--utuawp-color-base-grey-400);
  font-size: var(--utuawp-font-size-sm);
  margin: 14px 0 var(--utuawp-spacing-xxxs);
  line-height: var(--utuawp-line-height-lg);
}

.background-about-us > div {
  background-image: url(https://bucket.utua.com.br/img/2023/03/dc80d406-coins-left-2-1.png);
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
}

.background-about-us {
  background: var(--utuawp-gradient-base-orange);
}

.about-us-club-card  > div {
  padding: var(--utuawp-spacing-xl) var(--utuawp-spacing-xxxs);
  background-image: url(https://bucket.utua.com.br/img/2023/03/ba18c4c8-coins-right-2-1.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}

.about-us-club-title {
 margin: 0;
 font-size: var(--utuawp-font-size-lg);
 color: var(--utuawp-color-base-black);
}

.about-us-club-paragraph {
 color: var(--utuawp-color-base-black);
 font-size: var(--utuawp-font-size-sm);
 letter-spacing: var(--utuawp-letter-spacing);
 line-height: var(--utuawp-line-height-lg);
}

html .about-us-club-button {
 background: var(--utuawp-color-base-white);
 padding: var(--utuawp-spacing-nano) 73px;
 border-radius: 100px;
 margin: auto;
 width: 288px;
}

html .about-us-club-button > a {
 color: var(--custom-secondary-color);
 font-size: var(--utuawp-font-size-mobile-default);
 letter-spacing: var(--utuawp-letter-spacing);
 line-height: var(--utuawp-line-height-lg);
 font-weight: var(--utuawp-font-weight-bold);
 background-color: transparent;
 padding: initial;
}

.about-us-third-section-background {
    margin: 0;
    display: flex;
    align-items: stretch;
    max-height: 288px;
    overflow: hidden;
}

.about-us-third-section-background > img {
   width: 100vw;
}

.main-content .content .about-us-third-section-background > img {
    height: 100%;
}

.about-us-work-with-us-first-card {
 background:var(--utuawp-color-base-white);
 padding: var(--utuawp-spacing-xxs) var(--utuawp-spacing-xxxs) 0;
}

.about-us-work-with-us-info {
 background: var(--utuawp-color-base-green-200);
 padding: var(--utuawp-spacing-quarck) var(--utuawp-spacing-nano);
 width: fit-content;
 border-radius: var(--utuawp-border-radius-sm);
 color: var(--custom-primary-color);
 font-weight: var(--utuawp-font-weight-bold);
 line-height: var(--utuawp-line-height-lg);
 font-size: var(--utuawp-font-size-sm);
 margin: 0;
}

.about-us-work-with-us-title {
 margin-block: var(--utuawp-spacing-xxxs) var(--utuawp-spacing-nano);
 font-size: var(--utuawp-font-size-xl);
 color: var(--custom-primary-color);
 font-weight: var(--utuawp-font-weight-bold);
}

.about-us-work-with-us-paragraph {
 font-size: var(--utuawp-font-size-sm);
 color: var(--utuawp-color-base-grey-400);
 margin: 0 0 var(--utuawp-spacing-xxxs);
 line-height: var(--utuawp-line-height-lg);
}

.about-us-work-with-us-description {
 font-size: var(--utuawp-font-size-sm) ;
 color: var(--utuawp-color-base-grey-400);
 line-height: var(--utuawp-line-height-lg);
 font-weight: var(--utuawp-font-weight-bold);
 margin: var(--utuawp-spacing-nano) 0 0;
}

.about-us-work-with-us-second-card {
 background:var(--utuawp-color-base-white);
 padding: var(--utuawp-spacing-xxxs);
}

.about-us-work-with-us-quality-card {
 background: var(--utuawp-color-base-grey-100);
 margin-bottom: var(--utuawp-spacing-nano);
 border-radius: var(--utuawp-border-radius-sm);
}

.about-us-work-with-us-quality-card > div {
 display: flex;
 flex-direction: row;
 align-content: center;
 align-items: center;
}

.about-us-work-with-us-quality-logo {
 margin: 0 0 0 var(--utuawp-spacing-xxxs);
 display: flex;
}

.about-us-work-with-us-quality-title {
 margin: 0;
 padding: 9.5px var(--utuawp-spacing-xxxs);
 font-size: var(--utuawp-font-size-sm);
 line-height: var(--utuawp-line-height-lg);
 font-weight: var(--utuawp-font-weight-bold);
 color: var(--utuawp-color-base-grey-500);
}

.about-us-work-with-us-third-card {
 background:var(--utuawp-color-base-white);
 padding: 0px var(--utuawp-spacing-xxxs) var(--utuawp-spacing-xs);
}

html .about-us-work-with-us-button {
 background: var(--utuawp-color-base-neongreen-300);
 padding: var(--utuawp-spacing-nano) 59.5px;
 border-radius: 100px;
 margin: var(--utuawp-spacing-xxs) auto 0;
}

.about-us-work-with-us-button > a {
 color: var(--utuawp-color-base-neongreen-500);
 font-size: var(--utuawp-font-size-mobile-default);
 letter-spacing: var(--utuawp-letter-spacing);
 line-height: var(--utuawp-line-height-lg);
 font-weight: var(--utuawp-font-weight-bold);
 background-color: transparent;
 padding: initial;
}

.wp-block-button.about-us-work-with-us-button {
    margin: var(--utuawp-spacing-xxs) auto 0;
}

.about-us-sixth-section {
 background: var(--utuawp-color-base-grey-500);
 padding: var(--utuawp-spacing-xxs) var(--utuawp-spacing-xxxs) var(--utuawp-spacing-xs);
}

.about-us-brand-guide-info {
 background: var(--utuawp-color-base-grey-400);
 padding: var(--utuawp-spacing-quarck) var(--utuawp-spacing-nano);
 width: fit-content;
 border-radius: var(--utuawp-border-radius-sm);
 color: var(--utuawp-color-base-grey-50);
 font-weight: var(--utuawp-font-weight-bold);
 line-height: var(--utuawp-line-height-lg);
 font-size: var(--utuawp-font-size-sm);
 margin: 0;
}

.about-us-brand-guide-title {
 margin-block: var(--utuawp-spacing-xxxs) var(--utuawp-spacing-nano);
 font-size: var(--utuawp-font-size-xl);
 color: var(--utuawp-color-base-grey-50);
}

.about-us-brand-guide-description {
 color: var(--utuawp-color-base-grey-300);
 line-height: var(--utuawp-line-height-lg);
 font-size: var(--utuawp-font-size-sm);
}

.about-us-brand-guide-card {
   display:block;
   background: var(--utuawp-color-base-grey-50);
   border-radius: var(--utuawp-border-radius-sm);
   padding: var(--utuawp-spacing-nano);
   margin-block: var(--utuawp-spacing-nano);
}

.about-us-brand-guide-card > div {
   display: flex;
   justify-content: space-between;
}

.about-us-brand-guide-card-info > div {
 display:flex;
 flex-direction: row;
 align-content: center;
 align-items: center;
}

.about-us-brand-guide-card-logo {
 margin: 0;
 display: flex;
 align-items: stretch;
}

.about-us-brand-guide-card-logo > img {
 margin: 0;
 padding: 6px;
 background: var(--utuawp-color-base-grey-100);
 border-radius: var(--utuawp-border-radius-sm);
 margin-right: var(--utuawp-spacing-nano);
}

.about-us-brand-guide-card-title {
 margin: 0;
 font-size: var(--utuawp-font-size-sm);
 font-weight: var(--utuawp-font-weight-bold);
 color: var(--utuawp-color-base-grey-500);
 letter-spacing: var(--utuawp-letter-spacing);
 line-height: 100%;
}

.about-us-brand-guide-card-description {
 margin: 0;
 font-size: var(--utuawp-font-size-xs);
 color: var(--utuawp-color-base-black);
 letter-spacing: -0.01em;
 line-height: var(--utuawp-line-height-lg);
}

.about-us-brand-guide-card-download {
 display: flex;
 align-items: center;
}

.about-us-brand-guide-card-download > div {
  display: flex;
  flex-direction: row;
}

.about-us-brand-guide-card-download-title {
 margin: 0 var(--utuawp-spacing-quarck) 0 0;
 font-size: var(--utuawp-font-size-xs);
 color: var(--utuawp-color-base-grey-400);
 letter-spacing: -0.01em;
 font-weight: var(--utuawp-font-weight-bold);
}

.about-us-brand-guide-card-download-logo {
 margin: 0;
 display: flex;
 align-items: center;
}

.about-us-brand-guide-palet-color {
   background: var(--utuawp-color-base-grey-50);
   border-radius: var(--utuawp-border-radius-sm);
   padding: var(--utuawp-spacing-nano);
   margin-block: var(--utuawp-spacing-nano);
}

.about-us-brand-guide-palet-color-header  > div{
 display: flex;
 align-items: center;
}

.about-us-brand-guide-palet-color-container {
 background: var(--utuawp-color-base-grey-100);
 border-radius: var(--utuawp-border-radius-sm);
 padding: var(--utuawp-spacing-nano) var(--utuawp-spacing-xxxs) var(--utuawp-spacing-xxxs);
 margin: var(--utuawp-spacing-xxxs) 0 0;
}

.about-us-brand-guide-palet-color-box > div {
 display: flex;
 flex-direction: row;
 margin-top: var(--utuawp-spacing-nano);
}

.about-us-brand-guide-palet-color-title {
 margin: 0;
 font-size: 12px;
 font-weight: var(--utuawp-font-weight-bold);
 color: var(--utuawp-color-base-grey-500);
 line-height: 100%;
}

.about-us-brand-guide-palet-color-description {
 margin: 0;
 font-size: 12px;
 color: var(--utuawp-color-base-grey-500);
 line-height: 100%;
}

.about-us-brand-guide-palet-color-card {
 width:115px;
 height:37px;
 border-radius: var(--utuawp-border-radius-nano);
 background: var(--utuawp-color-base-black);
 margin-right: 10px;
}

.about-us-brand-guide-palet-color-card-green {
 background: var(--custom-primary-color);
}

.about-us-brand-guide-palet-color-card-orange {
 background: var(--custom-secondary-color);
}

.about-us-brand-guide-palet-color-card-cream {
 background: #F7F4E9;
}

.about-us-brand-guide-palet-color-card-cyan {
 background: #29C1B9;
}

@media screen and (min-width: 767px) {
    .about-us-title {
        max-width: 340px;
        margin: auto;
        font-size: var(--utuawp-font-size-display);
    }

    .about-us-second-chance-card {
        padding: 50px var(--utuawp-spacing-xxxl) var(--utuawp-spacing-sm);
    }

    .about-us-second-chance-title {
        font-size: var(--utuawp-font-size-base-medium);
    }

    .about-us-second-chance-paragraph {
        font-size: var(--utuawp-font-size-md);
        margin: var(--utuawp-spacing-xxs) 0 0;
    }

    .main-content .content .about-us-third-section-background-first > img {
        height: 100%;
        transform: translateY(-30%);
    }

    .about-us-club-card {
        padding: var(--utuawp-spacing-md) var(--utuawp-spacing-xxxl);
    }

    .background-about-us > div {
      background-image: url(https://bucket.utua.com.br/img/2023/03/600ad644-coins-tablet.png);
      background-size: contain;
      background-position: center;
    }

    .about-us-club-card  > div {
      background-image: none;
      padding: var(--utuawp-spacing-xs) var(--utuawp-spacing-xxxs);
    }

    .about-us-club-title {
        font-size: var(--utuawp-font-size-base-medium);
    }

    .about-us-club-paragraph {
        font-size: var(--utuawp-font-size-md);
    }

    html .about-us-club-button {
        margin: initial;
    }

    .about-us-club-background {
        background-image: url('https://bucket.utua.com.br/img/2023/02/548f7559-group-20.png');
        margin-top: 10px;
        background-position: initial;

    }

    .about-us-work-with-us-first-card {
        padding: var(--utuawp-spacing-xs) var(--utuawp-spacing-xxxl) 0;
    }

    .about-us-work-with-us-info {
        font-size: var(--utuawp-font-size-md);
        margin: 0 auto;
    }

    .about-us-work-with-us-title {
        font-size: var(--utuawp-font-size-base-medium);
        text-align:center;
    }

    .about-us-work-with-us-paragraph {
        font-size: var(--utuawp-font-size-md);
        text-align:center;
    }

    .about-us-work-with-us-description {
        font-size: var(--utuawp-font-size-md);
        text-align:center;
    }

    .about-us-work-with-us-second-card {
        padding: var(--utuawp-spacing-xxs) var(--utuawp-spacing-xxxl) var(--utuawp-spacing-xs);
    }

    .about-us-work-with-us-second-card > div {
        display: grid;
        gap: 8px;
        grid-template-areas:
        "div-1 div-1 div-2 div-2"
        "div-3 div-3 div-4 div-4"
        "div-5 div-5 div-6 div-6"
        ". div-7  div-7 .";
    }

    .about-us-work-with-us-quality-card:nth-child(1) {
        grid-area: div-1;
    }

    .about-us-work-with-us-quality-card:nth-child(7) {
        grid-area: div-7;
    }

    .about-us-work-with-us-quality-card:nth-child(2) {
        grid-area: div-2;
    }

    .about-us-work-with-us-quality-card:nth-child(3) {
        grid-area: div-3;
    }

    .about-us-work-with-us-quality-card:nth-child(4) {
        grid-area: div-4;
    }

    .about-us-work-with-us-quality-card:nth-child(5) {
        grid-area: div-5;
    }

    .about-us-work-with-us-quality-card:nth-child(6) {
        grid-area: div-6;
    }

    .about-us-work-with-us-quality-card > div {
        flex-direction: column;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        justify-items: center;
        justify-self: center;
    }

    .about-us-work-with-us-quality-logo {
        margin: var(--utuawp-spacing-xxxs) 0 var(--utuawp-spacing-nano) var(--utuawp-spacing-xxxs);
    }

    .about-us-work-with-us-quality-title {
        margin: 0 0 var(--utuawp-spacing-xxxs) var(--utuawp-spacing-xxxs);
        padding: 0;
    }

    .about-us-work-with-us-third-card {
        padding: 0px var(--utuawp-spacing-xxxl) var(--utuawp-spacing-md);
    }

    .about-us-sixth-section {
        padding: var(--utuawp-spacing-xs) var(--utuawp-spacing-xxxl) var(--utuawp-spacing-xs);
    }

    .about-us-brand-guide-info {
        font-size: var(--utuawp-font-size-md);
        margin: var(--utuawp-font-size-xxl) auto;
    }

    .about-us-brand-guide-title {
        font-size: var(--utuawp-font-size-base-medium);
        text-align:center;
    }

    .about-us-brand-guide-description {
        font-size: var(--utuawp-font-size-md);
        text-align:center;
    }

    .about-us-brand-category >div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .about-us-brand-guide-card {
        width: 288px;
    }

    .about-us-brand-guide-palet-color {
        display:flex;
        max-width: 288px;
        margin-inline: auto;
        flex-direction: column-reverse;
    }
}

@media screen and (min-width: 1048px) {
    .about-us-title {
        font-size: 64px;
        max-width: 838px;
    }

    .about-us-first-section {
        margin-bottom: var(--utuawp-spacing-md);
    }

    .about-us-second-section > div {
        max-width: 1008px;
        margin:auto;
    }

    .about-us-second-section {
        background: #F5F5F5;
        padding-bottom: var(--utuawp-spacing-sm);
    }

    .about-us-second-chance-card {
        padding: var(--utuawp-spacing-md) 0 var(--utuawp-spacing-lg);
    }

    .about-us-second-chance-card > div {
        max-width: 1008px;
    }

    .about-us-second-chance-title {
        font-size: var(--utuawp-font-size-display);
    }
    .about-us-second-chance-description > div {
        display: flex;
        gap: 50px;
    }

    .about-us-second-chance-paragraph {
        font-size: var(--utuawp-font-size-md);
    }

    .about-us-club-card {
        padding: 0 240px 0;
    }

    .background-about-us {
      border-radius: 20px;
    }

    .background-about-us > div {
        background-image: url(https://bucket.utua.com.br/img/2023/03/3d85d54f-coins-desktop.png);
        background-position: center;
    }

    .about-us-club-card  > div {
      background-image: none;
    }

    .about-us-club-title {
        font-size: var(--utuawp-font-size-display);
        text-align: center;
        margin-bottom: var(--utuawp-spacing-xxs);
    }

    .about-us-club-paragraph {
        margin-block: var(--utuawp-spacing-xxs) !important;
        text-align: center;
    }
    
    html .about-us-club-button {
        padding-inline: 65.5px;
        margin: auto;
        text-align: center;
    }

    .about-us-third-section-background {
        max-height: 416px;
    }

    .main-content .content .about-us-third-section-background-first > img {
        transform: translateY(-25%);
    }

    .about-us-work-with-us-cards {
        background: var(--utuawp-color-base-white);
    }

    .about-us-work-with-us-cards > div {
        max-width: 1008px;
        margin:auto;
    }

    .about-us-work-with-us-first-card {
        padding: var(--utuawp-spacing-xs) var(--utuawp-spacing-xxxl) 0;
    }

    .about-us-work-with-us-info {
        font-size: var(--utuawp-font-size-md);
        margin: 0 auto;
    }

    .about-us-work-with-us-title {
        font-size: var(--utuawp-font-size-base-medium);
        text-align:center;
    }

    .about-us-work-with-us-paragraph {
        font-size: var(--utuawp-font-size-md);
        text-align:center;
    }

    .about-us-work-with-us-description {
        font-size: var(--utuawp-font-size-md);
        text-align:center;
    }

    .about-us-work-with-us-quality-title {
        font-size: var(--utuawp-font-size-md);
    }

    .about-us-sixth-section {
        padding-block: var(--utuawp-spacing-md);
    }

    .about-us-brand-guide-info {
        font-size: var(--utuawp-font-size-sm);
        margin: 0 auto;
    }

    .about-us-brand-guide-card {
        margin-block: 0 var(--utuawp-spacing-xxxs);
    }

    .about-us-bran-guide-options > div {
        display: flex;
        gap: var(--utuawp-spacing-xxxs);
        justify-content: center;
    }

    .about-us-brand-guide-palet-color {
        margin: 0;
    }
}