.elementor-905 .elementor-element.elementor-element-fc3020d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d9e46b3 */:root {
      --purple: #4c1d95;
      --pink: #db2777;
      --bgA: #f7f0ff;
      --bgB: #fff0f6;
    }


.wrap {
      max-width: 1100px;
      margin: 0 auto;
      gap: 24px;
      display: flex;
      flex-direction: column;
    }



    /* TOP ICON BAR */
    .icon-bar {
      /* background:#fff;
    border-radius:14px;
    padding:28px 22px;
    box-shadow: 0 10px 30px rgba(16,24,40,0.08); */
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
    }



    .icon-right{
      display: block;
      position: absolute;
      top: 300px;
      left: 1130px;
      border: none;
      font-size: 50px;
      color: #7B1957;
    }


    .icon-left{
      display: block;
      position: absolute;
      top: 320px;
      left: -50px;
      border: none;
      font-size: 50px;
      color: #7B1957;

      
    }

    



    .icons-row {
      width: 100%;
      display: flex;
      flex-direction: row !important;
      align-items: center;
      justify-content: space-between;
      /* pushes icons to left & right edges */
      gap: 0;
      padding: 0;
      /* remove side padding */
      margin: 0;
      background: transparent !important;
    }

    .icon-item {
      width: 222px;
      /* increased from 110px */
      height: 79px;
      /* border-radius:18px; */
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: transform .22s, box-shadow .22s, border-color .22s;
      border: 1px solid transparent;
      background: none;
    }

    .icon-item img {
      width: 95%;
      /* increased from 85% */
      height: 95%;
      object-fit: contain;
    }

    /* Active style */
    .icon-item.active {
      transform: scale(1.08);
      /*box-shadow: 0 18px 40px rgba(76, 29, 149, 0.16);*/
      /*border-color: rgba(76, 29, 149, 0.95);*/
      /*background: linear-gradient(180deg, rgba(76, 29, 149, 0.05), rgba(219, 39, 119, 0.02));*/
    }

    /* make active indicator dot under icon row */
    .icon-indicator {
      display: none;
      /* position:absolute;
    left:0; right:0;
    bottom:12px;
    display:flex;
    justify-content:center;
    gap:8px; */
    }

    .icon-indicator button {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      border: none;
      background: #d1d5db;
      transition: all .18s;
    }

    .icon-indicator button.active {
      width: 28px;
      background: var(--purple);
      border-radius: 999px;
    }

    /* CONTENT PANEL */
    .content-panel {
      background: linear-gradient(90deg, var(--purple), var(--pink));
      color: white;
      border-radius: 14px;
      padding: 32px;
      box-shadow: 0 18px 40px rgba(36, 11, 80, 0.12);
    }

    .content-header {
      font-size: 24px;
      font-weight: 800;
      margin-bottom: 12px;
    }

    .section-title {
      font-size: 18px;
      font-weight: 700;
      margin-top: 14px;
      margin-bottom: 8px;
    }

    .challenge-text,
    .results-intro {
      opacity: 0.95;
      line-height: 1.6;
      margin: 0 0 12px 0;
    }

    .results-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-top: 10px;
    }

    .result-card {
      background: white;
      color: #0f172a;
      padding: 16px;
      border-radius: 12px;
      box-shadow: 0 8px 20px rgba(2, 6, 23, 0.06);
      transition: transform .18s, box-shadow .18s;
    }

    .result-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 22px 40px rgba(2, 6, 23, 0.09);
    }

    .result-value {
      font-size: 28px;
      font-weight: 800;
      color: #7B1957;
      margin-bottom: 6px;
       font-family: 'Outfit', sans-serif;
    }

    .result-label {
      color: #7B1957;
      font-weight: 700;
      margin-bottom: 8px;
      display: block;
       font-family: 'Outfit', sans-serif;
    }

    .cta-wrap {
      text-align: center;
      /*margin-top: 18px;*/
    }

    .cta {
      background: white;
      color: #00713D;
      padding: 12px 22px;
      border-radius: 10px;
      font-weight: 700;
      border: 1px solid #00713D;
      cursor: pointer;
      box-shadow: 0 10px 26px rgba(16, 24, 40, 0.09);
    }

    /* responsive */
    @media (max-width:900px) {
      .icons-row {
        gap: 14px;
      }

      .icon-item {
        width: 78px;
        height: 78px;
        border-radius: 14px;
      }

      .result-value {
        font-size: 22px;
      }

      .results-grid {
        grid-template-columns: repeat(1, 1fr);
      }
    }
    .content-panel-inner{
      display: flex;
      justify-content: space-between;
    }

.content-header img {
  width: 260px;
  height: auto;
  display: block;
  margin-bottom: 20px;
}




.slider-container [type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background: none
    ;
    color: #7B1957;
    text-decoration: none;
}




.section-title{
    font-size: 22px;
    font-family: 'Outfit', sans-serif;
}



.challenge-text{
    font-size: 16px !important;
    font-family: 'Outfit', sans-serif;
}




.results-intro{
     font-size: 16px !important;
    font-family: 'Outfit', sans-serif;
}




.cta{
    font-family: 'Outfit', sans-serif;
    font-size: 16px !important;
}



.result-desc{
     font-family: 'Outfit', sans-serif;
}







.slider-container [type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: white;
    color: #00713D;
    text-decoration: none;
}/* End custom CSS */