:root {
     --CDS-spacing-xl: 32px;
     --primary-color: #f7c948;
     --CDS-spacing-xxxl: 64px;
     --CDS-type-styles-large-heading-xxs-font-family: Arial, sans-serif;
     --CDS-type-styles-large-heading-xxs-font-size: 0.8rem;
     --CDS-type-styles-large-heading-xxs-font-weight: 700;
     --CDS-type-styles-large-heading-xxs-letter-spacing: 0.02em;
     --CDS-type-styles-large-heading-xxs-line-height: 1.2;
     --CDS-color-semantic-surface-alt: #f3f0ec;
     --CDS-type-styles-large-heading-xxxs-font-size: 12px;
     --CDS-type-styles-large-heading-xxxs-font-family: Arial, sans-serif;
     --CDS-type-styles-large-heading-xxxs-font-weight: 700;
     --CDS-type-styles-large-heading-xxxs-line-height: 120%;
     --CDS-type-styles-large-heading-xxxs-letter-spacing: -0.132px;
     --CDS-type-styles-large-heading-s-font-size: 16px;
     --CDS-type-styles-large-heading-s-font-family: TrustpilotDefaultFont;
     --CDS-type-styles-large-heading-s-font-weight: 700;
     --CDS-type-styles-large-heading-s-line-height: 22px;
     --CDS-type-styles-large-heading-s-letter-spacing: -0.198px;
 }

 @keyframes styles_yellowCircle__u_nmN {
     0% {
         transform: translateX(3px);
     }

     50% {
         transform: translateX(-3px);
     }

     100% {
         transform: translateX(3px);
     }
 }

 @keyframes styles_pinkCircle__APIKx {
     0% {
         transform: translateX(-3px);
     }

     50% {
         transform: translateX(3px);
     }

     100% {
         transform: translateX(-3px);
     }
 }

 @keyframes styles_rotating-slowly___QQ3b {
     0% {
         transform-origin: 50%;
         transform: rotate(-45deg);
     }

     50% {
         transform-origin: 50%;
         transform: rotate(-225deg);
     }

     100% {
         transform-origin: 50%;
         transform: rotate(-405deg);
     }
 }

 .styles_wrapper__rmqpY .styles_figure__ExUdq {
     width: 100%;
     max-width: 400px;
     height: 250px;
     text-align: center;
     position: relative;
     /* margin: var(--CDS-spacing-xl) auto; */
 }

 .styles_diagramFigure__PJtkB .styles_figureSvg__CdDXw {
     display: block;
     height: 100%;
     width: 100%;
     margin: auto;
 }

 .styles_diagramFigure__PJtkB .styles_yellowCircle__u_nmN {
     animation: styles_yellowCircle__u_nmN 30s ease-in-out infinite;
     transform: rotate(.001deg);
     stroke: var(--primary-color);
     stroke-width: 5;
     fill: none;
 }

 .styles_diagramFigure__PJtkB .styles_pinkCircle__APIKx {
     animation: styles_pinkCircle__APIKx 30s ease-in-out infinite;
     transform: rotate(.001deg);
     /* fill: #ffc4d6; */
     fill: #DAA520;
 }

 .styles_diagramFigure__PJtkB .styles_greenCircle__ELYdv {
     /* fill: #b2f8cc; */
     fill: #fff;
 }

 .styles_diagramFigure__PJtkB .styles_arrows__4d18J {
     animation: styles_rotating-slowly___QQ3b 60s linear infinite;
 }

 .styles_diagramFigure__PJtkB .styles_arrowGreen__K7CSQ {
     /* stroke: #31db92; */
     stroke: #DAA520;
 }

 .styles_diagramFigure__PJtkB .styles_arrowPink__X0oYp {
     /* stroke: #f877a0; */
     stroke: #DAA520;
 }

 .styles_diagramFigure__PJtkB .styles_caption___J6hJ {
     color: #000;
     position: absolute;
     top: 50%;
     transform: translate(-50%, -50%);
     left: 50%;
     text-align: center;
     max-width: 150px;
 }

 .styles_wrapper__rmqpY {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     /* background-color: var(--CDS-color-semantic-surface-alt); */
 }

 .styles_wrapper__rmqpY .styles_group__ZkbnJ {
     width: 100%;
     text-align: center;
 }

 .styles_wrapper__rmqpY .styles_group__ZkbnJ .styles_header__gtrI3 {
     text-transform: uppercase;
     margin-bottom: var(--CDS-spacing-xs);
 }

 .styles_diagramFigure__PJtkB .styles_arrowPink__X0oYp .styles_arrowHead__3ppA_ {
     /* fill: #f877a0; */
     fill: #DAA520;
 }

 .styles_diagramFigure__PJtkB .styles_arrowGreen__K7CSQ .styles_arrowHead__3ppA_ {
     /* fill: #31db92; */
     fill: #DAA520;
 }

 .grid {
     margin: 0 auto;
 }

 .grid-item {
     width: 100%;
     margin-top: 20px;
     max-width: 500px;
 }

 .grid-item img {
     max-width: 500px;
     width: 100%;
 }

 /* @media only screen and (min-width: 1024px) { */
     .CDS_Typography_heading-xxs__bedfe1 {
         font-family: var(--CDS-type-styles-large-heading-xxs-font-family), Arial, sans-serif;
         font-size: var(--CDS-type-styles-large-heading-xxs-font-size);
         font-weight: var(--CDS-type-styles-large-heading-xxs-font-weight);
         letter-spacing: var(--CDS-type-styles-large-heading-xxs-letter-spacing);
         line-height: var(--CDS-type-styles-large-heading-xxs-line-height);
     }

     .CDS_Typography_heading-xxxs__bedfe1 {
         font-family: var(--CDS-type-styles-large-heading-xxxs-font-family), Arial, sans-serif;
         font-size: var(--CDS-type-styles-large-heading-xxxs-font-size);
         font-weight: var(--CDS-type-styles-large-heading-xxxs-font-weight);
         letter-spacing: var(--CDS-type-styles-large-heading-xxxs-letter-spacing);
         line-height: var(--CDS-type-styles-large-heading-xxxs-line-height);
     }

     .CDS_Typography_heading-s__bedfe1 {
         font-family: var(--CDS-type-styles-large-heading-s-font-family), Arial, sans-serif;
         font-size: var(--CDS-type-styles-large-heading-s-font-size);
         font-weight: var(--CDS-type-styles-large-heading-s-font-weight);
         letter-spacing: var(--CDS-type-styles-large-heading-s-letter-spacing);
         line-height: var(--CDS-type-styles-large-heading-s-line-height);
         width: 100%;
         max-width: 260px;
         margin: 0 auto;
         margin-bottom:40px;
     }
 /* } */
@media (max-width: 767px){
.grid.w-mob-100 {width: 100% !important;}
}
 @media only screen and (min-width: 768px) {
     .styles_wrapper__ltvsE .styles_diagram__iFcB4 {
         grid-column: 2;
         grid-row: 1/4;
         margin: 0;
         padding: var(--CDS-spacing-xxxl) 0;
     }

     

 }

 @media (max-width: 576px) {
      .grid {
        column-count: 1; /* 1 column on phones */
        column-gap: 10px;
      }
}