.uk-section,
.uk-section-default,
.uk-section-primary,
.uk-section-secondary,
.uk-section-muted {
  position: relative; }

.top-section-decoration {
  position: absolute;
  top: 0px;
  z-index: 3; }

.bottom-section-decoration {
  position: absolute;
  bottom: 2px;
  z-index: 3; }

.top-section-decoration.outside-dec {
  transform: translateY(-100%); }

.bottom-section-decoration.outside-dec {
  transform: translateY(100%); }

.top-section-decoration img,
.bottom-section-decoration img {
  width: 100vw; }

.cw-testimonial-slider {
  position: relative;
  z-index: 10; }
  .cw-testimonial-slider .cw-testimonial-slider-item {
    display: flex;
    grid-gap: 60px; }
    .cw-testimonial-slider .cw-testimonial-slider-item .left {
      width: 50%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .cw-testimonial-slider .cw-testimonial-slider-item .left .quote {
        width: 90px; }
      .cw-testimonial-slider .cw-testimonial-slider-item .left .content {
        font-style: italic; }
      .cw-testimonial-slider .cw-testimonial-slider-item .left .title {
        margin-bottom: 0px; }
      .cw-testimonial-slider .cw-testimonial-slider-item .left .sub-title {
        margin-top: 10px; }
    .cw-testimonial-slider .cw-testimonial-slider-item .image {
      width: 50%;
      border-radius: 4px;
      background-size: cover;
      background-repeat: no-repeat; }

.timeline-container {
  display: flex;
  flex-direction: column;
  grid-gap: 100px;
  position: relative;
  z-index: 10; }
  .timeline-container *:not(a) {
    margin: 0;
    padding: 0; }
  .timeline-container .line {
    width: 6px;
    background: linear-gradient(180deg, rgba(55, 46, 66, 0) 0%, #f5c2c2 100px, #f5c2c2 95%, rgba(0, 0, 0, 0) 100%);
    height: 100%;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    z-index: 0; }
  .timeline-container .item {
    display: grid;
    grid-template-columns: 1fr 100px 1fr;
    position: relative;
    align-items: center;
    z-index: 1; }
    .timeline-container .item .image.active {
      background-repeat: no-repeat;
      background-size: cover;
      aspect-ratio: 16/9;
      border-radius: 4px; }
    .timeline-container .item .icon {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100px;
      border-radius: 50%; }
      .timeline-container .item .icon div {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50px;
        aspect-ratio: 1;
        border-radius: 50%;
        color: white;
        font-weight: bold; }
    .timeline-container .item .content {
      display: flex;
      justify-content: center;
      flex-direction: column; }
      .timeline-container .item .content h2 {
        font-size: 36px; }
      .timeline-container .item .content p {
        margin-top: 5px; }
      .timeline-container .item .content .cw-timeline-cta a {
        width: max-content;
        margin-top: 15px; }
        .timeline-container .item .content .cw-timeline-cta a.uk-width-1-1 {
          width: 100%;
          text-align: center; }
  .timeline-container.left_right > div:nth-child(even) .image {
    order: 2; }
  .timeline-container.left_right > div:nth-child(even) .icon {
    order: 1; }
  .timeline-container.left_right > div:nth-child(even) .content {
    order: 0; }
    .timeline-container.left_right > div:nth-child(even) .content * {
      text-align: right; }
  .timeline-container.left_vartical:after {
    right: unset;
    left: 44px; }
  .timeline-container.left_vartical .item {
    grid-template-columns: 100px 1fr; }
    .timeline-container.left_vartical .item .image {
      display: none; }
    .timeline-container.left_vartical .item .icon {
      order: 0; }
    .timeline-container.left_vartical .item .content {
      order: 1; }
      .timeline-container.left_vartical .item .content * {
        text-align: left; }

.timeline-line-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px 60px; }
  .timeline-line-container * {
    padding: 0;
    margin: 0; }
  .timeline-line-container .item {
    width: 100%;
    padding: 30px;
    border: 10px solid transparent;
    border: 1px solid #8e9278;
    aspect-ratio: 1;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
    transition: ease .3s; }
    .timeline-line-container .item:hover, .timeline-line-container .item.active {
      border: 10px solid #8e9278; }
      .timeline-line-container .item:hover .dot-right, .timeline-line-container .item.active .dot-right {
        right: -20px; }
    .timeline-line-container .item.active .image {
      opacity: 0 !important; }
    .timeline-line-container .item.active p {
      opacity: 1 !important; }
    .timeline-line-container .item.active h2, .timeline-line-container .item.active h3 {
      opacity: 0 !important; }
    .timeline-line-container .item:first-of-type .dot:first-of-type {
      display: none; }
    .timeline-line-container .item:last-of-type .dot-right {
      display: none; }
    .timeline-line-container .item .dot {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: #E96C0D;
      position: absolute;
      transition: ease .3s; }
    .timeline-line-container .item .dot-left {
      top: calc(50% - 15px);
      left: -15px; }
    .timeline-line-container .item .dot-right {
      top: calc(50% - 15px);
      right: -15px; }
    .timeline-line-container .item.transition-line:last-of-type:after {
      display: none; }
    .timeline-line-container .item.transition-line:after {
      content: "";
      position: absolute;
      width: 70px;
      height: 6px;
      background-color: #E96C0D;
      top: calc(50% - 3px); }
    .timeline-line-container .item.transition-line.transition-line-left:after {
      left: 0;
      transform: translateX(-100%); }
    .timeline-line-container .item.transition-line.transition-line-right:after {
      right: 0;
      transform: translateX(100%); }
    .timeline-line-container .item .image {
      background-repeat: no-repeat;
      background-position: center;
      background-size: 70%;
      aspect-ratio: 1;
      border-radius: 4px;
      width: 140px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      opacity: 1;
      transition: linear .2s;
      border-radius: 50%;
      padding: 15px; }
    .timeline-line-container .item h2 {
      font-size: 28px;
      text-align: center;
      color: #8e9278 !important;
      transition: ease .3s; }
    .timeline-line-container .item h3 {
      font-size: 20px;
      text-align: center;
      position: absolute;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%);
      color: #8e9278 !important;
      transition: ease .3s; }
    .timeline-line-container .item .expandable-text {
      position: absolute;
      width: calc(100% - 60px);
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%); }
      .timeline-line-container .item .expandable-text p {
        margin-top: 5px;
        text-align: center;
        opacity: 0;
        transition: ease .3s; }
    .timeline-line-container .item.line-left {
      position: relative; }
      .timeline-line-container .item.line-left:before {
        content: "";
        position: absolute;
        width: 110px;
        bottom: calc(50% - 4px);
        right: 60px;
        transform: translateX(100%);
        border: 8px solid #E96C0D;
        border-radius: 50%;
        clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%); }
    .timeline-line-container .item.line-right {
      position: relative; }
      .timeline-line-container .item.line-right:before {
        content: "";
        position: absolute;
        width: 110px;
        bottom: calc(50% - 4px);
        left: 60px;
        transform: translateX(-100%);
        border: 8px solid #E96C0D;
        border-radius: 50%;
        clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%); }

.icon-element-container {
  display: flex;
  grid-gap: 60px;
  align-items: center; }
  @media only screen and (max-width: 1200px) {
    .icon-element-container {
      flex-direction: column;
      justify-content: center;
      grid-gap: 30px; } }
  .icon-element-container > div:first-of-type {
    width: 50%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 30px;
    height: min-content;
    position: relative;
    bottom: 30px; }
    @media only screen and (max-width: 1200px) {
      .icon-element-container > div:first-of-type {
        width: 100%;
        grid-template-columns: repeat(auto-fill, 100px);
        bottom: 0px;
        grid-gap: 15px; } }
    .icon-element-container > div:first-of-type > div {
      justify-self: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
      .icon-element-container > div:first-of-type > div * {
        margin: 0px; }
      .icon-element-container > div:first-of-type > div .title {
        margin: 10px 0px 5px;
        text-align: center; }
      .icon-element-container > div:first-of-type > div p {
        text-align: center; }
      .icon-element-container > div:first-of-type > div .cw-icon {
        width: 100%;
        aspect-ratio: 1;
        background-color: white;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50%;
        cursor: pointer;
        transition: ease .2s; }
        .icon-element-container > div:first-of-type > div .cw-icon:not(.active) {
          border: 2px solid #a8a7b7 !important; }
        .icon-element-container > div:first-of-type > div .cw-icon:hover, .icon-element-container > div:first-of-type > div .cw-icon.active {
          border: 15px solid; }
  .icon-element-container > div:last-of-type {
    width: 50%; }
    @media only screen and (max-width: 1200px) {
      .icon-element-container > div:last-of-type {
        width: 100%; } }
    .icon-element-container > div:last-of-type .cw-icon-slider-item {
      border: 15px solid;
      border-radius: 24px;
      padding: 30px; }
      .icon-element-container > div:last-of-type .cw-icon-slider-item .image {
        width: 200px;
        border-radius: 4px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        aspect-ratio: 1;
        margin: auto; }
      .icon-element-container > div:last-of-type .cw-icon-slider-item .title {
        margin: 30px 0px 5px; }
      .icon-element-container > div:last-of-type .cw-icon-slider-item .sub-title {
        margin: 0px 0px 15px; }
      .icon-element-container > div:last-of-type .cw-icon-slider-item p {
        margin: 0px; }

.cw-flowchart-container {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 500px 1fr;
  grid-template-rows: 500px 1fr;
  grid-gap: 100px;
  border: 10px solid #E96C0D;
  border-radius: 24px;
  padding: 30px; }
  @media only screen and (max-width: 1000px) {
    .cw-flowchart-container {
      grid-template-columns: 1fr;
      grid-gap: 0px;
      grid-template-rows: unset; } }
  .cw-flowchart-container.dark-mode .legend .legend-item {
    background: #ffffff31; }
    .cw-flowchart-container.dark-mode .legend .legend-item:hover {
      background: #ffffff41; }
  .cw-flowchart-container .forced-padding-container {
    padding-bottom: 50px;
    width: 100%;
    height: 100%;
    grid-row-start: 1;
    grid-row-end: 3; }
    @media only screen and (max-width: 1000px) {
      .cw-flowchart-container .forced-padding-container {
        padding-bottom: 100px;
        width: unset;
        grid-row-start: unset;
        grid-row-end: unset;
        justify-self: center; } }
  .cw-flowchart-container .element-sticky-container {
    position: sticky;
    top: 200px;
    width: 500px;
    height: 500px; }
    @media only screen and (max-width: 1000px) {
      .cw-flowchart-container .element-sticky-container {
        position: relative;
        top: 0;
        left: -30px;
        width: 500px;
        height: 500px; } }
    .cw-flowchart-container .element-sticky-container .current-title {
      position: absolute;
      top: calc(30px + 50%);
      left: calc(0px + 50%);
      transform: translateX(-50%) translateY(-50%);
      margin: 0;
      padding: 0;
      line-height: 1;
      text-wrap: nowrap;
      text-align: center;
      width: 100%; }
    .cw-flowchart-container .element-sticky-container .element-container {
      position: relative;
      width: 100%;
      height: 100%;
      transition: ease 1s;
      top: 30px; }
      .cw-flowchart-container .element-sticky-container .element-container:before {
        content: "";
        position: absolute;
        width: calc(100% - 100px);
        height: calc(100% - 100px);
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        border: 10px solid #E96C0D;
        border-radius: 50%;
        z-index: 0; }
      .cw-flowchart-container .element-sticky-container .element-container .step {
        position: absolute;
        border: 10px solid #8E9278;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        background: #f5f5f5;
        cursor: pointer;
        transition: ease .2s; }
        .cw-flowchart-container .element-sticky-container .element-container .step span {
          width: 100%;
          height: 100%;
          transition: ease 1s;
          background-position: center;
          background-size: 70%;
          background-repeat: no-repeat; }
        .cw-flowchart-container .element-sticky-container .element-container .step:hover, .cw-flowchart-container .element-sticky-container .element-container .step.active {
          border-color: #E96C0D; }
        .cw-flowchart-container .element-sticky-container .element-container .step:before {
          content: "";
          position: absolute;
          width: 60px;
          height: 60px;
          top: calc(50% - 17px);
          left: -48px;
          border-radius: 50%;
          z-index: 0;
          background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill='%23E96C0D' fill-rule='evenodd' d='M12.2929,5.292875 C12.6834,4.902375 13.3166,4.902375 13.7071,5.292875 C14.0976,5.683375 14.0976,6.316555 13.7071,6.707085 L8.70711,11.707085 C8.31658,12.097605 7.68342,12.097605 7.29289,11.707085 L2.29289,6.707085 C1.90237,6.316555 1.90237,5.683375 2.29289,5.292875 C2.68342,4.902375 3.31658,4.902375 3.70711,5.292875 L8,9.585765 L12.2929,5.292875 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
          transform: rotate(-112deg); }
  .cw-flowchart-container .legend {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column: 2;
    grid-gap: 30px;
    display: flex;
    flex-direction: column; }
    @media only screen and (max-width: 1000px) {
      .cw-flowchart-container .legend {
        grid-row-start: unset;
        grid-row-end: unset;
        grid-column: unset; } }
    .cw-flowchart-container .legend .legend-item {
      position: relative;
      padding: 15px 15px 15px 30px;
      border-radius: 6px;
      background: white;
      transition: ease .2s;
      cursor: pointer; }
      .cw-flowchart-container .legend .legend-item * {
        margin: 0;
        padding: 0;
        cursor: pointer; }
      .cw-flowchart-container .legend .legend-item:hover {
        background: #f7f7f7; }
      .cw-flowchart-container .legend .legend-item.active .line {
        background-color: #E96C0D !important; }
      .cw-flowchart-container .legend .legend-item .line {
        height: 100%;
        background-color: #8E9278;
        width: 10px;
        border-radius: 6px;
        position: absolute;
        left: 0;
        top: 0;
        transition: ease .6s; }
      .cw-flowchart-container .legend .legend-item h3 {
        margin-bottom: 5px; }
      .cw-flowchart-container .legend .legend-item h4 {
        margin-bottom: 10px; }

/*# sourceMappingURL=utility.css.map */