@media all and (max-width: 414px) {
  .comp-ui-71 {
    background: #fff;
    padding: 60px 20px 40px 20px; }
    .comp-ui-71 .c-column-01 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .comp-ui-71 .c-column-01 .c-container-01 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 72px;
        height: 72px;
        border-radius: 999px;
        background: #E6F4FA; }
        .comp-ui-71 .c-column-01 .c-container-01:before {
          content: '';
          display: block;
          width: 28px;
          height: 28px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2228%22%20viewBox%3D%220%200%2029%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20id%3D%22User%20Account%20%2F%20shopping-cart%22%20clip-path%3D%22url%28%23clip0_10_294%29%22%3E%20%3Cpath%20id%3D%22Vector%22%20d%3D%22M9.25%2026.25C10.2165%2026.25%2011%2025.4665%2011%2024.5C11%2023.5335%2010.2165%2022.75%209.25%2022.75C8.2835%2022.75%207.5%2023.5335%207.5%2024.5C7.5%2025.4665%208.2835%2026.25%209.25%2026.25Z%22%20fill%3D%22%23324780%22%2F%3E%20%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M21.5%2026.25C22.4665%2026.25%2023.25%2025.4665%2023.25%2024.5C23.25%2023.5335%2022.4665%2022.75%2021.5%2022.75C20.5335%2022.75%2019.75%2023.5335%2019.75%2024.5C19.75%2025.4665%2020.5335%2026.25%2021.5%2026.25Z%22%20fill%3D%22%23324780%22%2F%3E%20%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M25%206.12499H5.5925L4.875%202.44999C4.83409%202.24938%204.72413%202.06946%204.56425%201.94156C4.40437%201.81365%204.2047%201.74587%204%201.74999H0.5V3.49999H3.2825L6.625%2020.3C6.66591%2020.5006%206.77587%2020.6805%206.93575%2020.8084C7.09563%2020.9363%207.2953%2021.0041%207.5%2021H23.25V19.25H8.2175L7.5%2015.75H23.25C23.4523%2015.7549%2023.65%2015.6896%2023.8095%2015.5652C23.9691%2015.4408%2024.0805%2015.2649%2024.125%2015.0675L25.875%207.19249C25.9043%207.06267%2025.9036%206.92786%2025.873%206.79834C25.8424%206.66881%2025.7826%206.54798%2025.6982%206.44504C25.6138%206.34211%2025.5071%206.25977%2025.3861%206.20431C25.2651%206.14885%2025.1331%206.12172%2025%206.12499ZM22.55%2014H7.1675L5.9425%207.87499H23.9062L22.55%2014Z%22%20fill%3D%22%23324780%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_10_294%22%3E%20%3Crect%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22white%22%20transform%3D%22translate%280.5%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .comp-ui-71 .c-column-01 .c-container-02 {
        width: 330px;
        margin-top: 24px;
        color: #324780;
        text-align: center;
        font-family: 'Inter';
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; }
      .comp-ui-71 .c-column-01 .c-container-03 {
        width: 300px;
        margin-top: 8px;
        color: #324780;
        text-align: center;
        font-family: 'Inter';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; }
      .comp-ui-71 .c-column-01 .c-container-04 {
        margin-top: 24px;
        border-radius: 8px;
        background: #324780;
        padding: 20px 24px;
        color: #FFF;
        font-family: 'Inter';
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px; }
    .comp-ui-71 .c-column-02 .c-container-01 {
      margin-top: 48px;
      color: #171718;
      font-family: 'Inter';
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      line-height: normal; }
    .comp-ui-71 .c-column-02 .c-container-02 {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 24px; }
      .comp-ui-71 .c-column-02 .c-container-02 .c-item-01 {
        width: 160px;
        padding: 12px 16px;
        border-radius: 8px;
        border: 2px solid #F0F0F2;
        color: #171718;
        text-align: center;
        font-family: 'Inter';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .comp-ui-71 {
    background: #fff;
    padding: 60px 20px 40px 20px; }
    .comp-ui-71 .c-column-01 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .comp-ui-71 .c-column-01 .c-container-01 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 72px;
        height: 72px;
        border-radius: 999px;
        background: #E6F4FA; }
        .comp-ui-71 .c-column-01 .c-container-01:before {
          content: '';
          display: block;
          width: 28px;
          height: 28px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2228%22%20viewBox%3D%220%200%2029%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20id%3D%22User%20Account%20%2F%20shopping-cart%22%20clip-path%3D%22url%28%23clip0_10_294%29%22%3E%20%3Cpath%20id%3D%22Vector%22%20d%3D%22M9.25%2026.25C10.2165%2026.25%2011%2025.4665%2011%2024.5C11%2023.5335%2010.2165%2022.75%209.25%2022.75C8.2835%2022.75%207.5%2023.5335%207.5%2024.5C7.5%2025.4665%208.2835%2026.25%209.25%2026.25Z%22%20fill%3D%22%23324780%22%2F%3E%20%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M21.5%2026.25C22.4665%2026.25%2023.25%2025.4665%2023.25%2024.5C23.25%2023.5335%2022.4665%2022.75%2021.5%2022.75C20.5335%2022.75%2019.75%2023.5335%2019.75%2024.5C19.75%2025.4665%2020.5335%2026.25%2021.5%2026.25Z%22%20fill%3D%22%23324780%22%2F%3E%20%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M25%206.12499H5.5925L4.875%202.44999C4.83409%202.24938%204.72413%202.06946%204.56425%201.94156C4.40437%201.81365%204.2047%201.74587%204%201.74999H0.5V3.49999H3.2825L6.625%2020.3C6.66591%2020.5006%206.77587%2020.6805%206.93575%2020.8084C7.09563%2020.9363%207.2953%2021.0041%207.5%2021H23.25V19.25H8.2175L7.5%2015.75H23.25C23.4523%2015.7549%2023.65%2015.6896%2023.8095%2015.5652C23.9691%2015.4408%2024.0805%2015.2649%2024.125%2015.0675L25.875%207.19249C25.9043%207.06267%2025.9036%206.92786%2025.873%206.79834C25.8424%206.66881%2025.7826%206.54798%2025.6982%206.44504C25.6138%206.34211%2025.5071%206.25977%2025.3861%206.20431C25.2651%206.14885%2025.1331%206.12172%2025%206.12499ZM22.55%2014H7.1675L5.9425%207.87499H23.9062L22.55%2014Z%22%20fill%3D%22%23324780%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_10_294%22%3E%20%3Crect%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22white%22%20transform%3D%22translate%280.5%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .comp-ui-71 .c-column-01 .c-container-02 {
        width: 330px;
        margin-top: 24px;
        color: #324780;
        text-align: center;
        font-family: 'Inter';
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; }
      .comp-ui-71 .c-column-01 .c-container-03 {
        width: 300px;
        margin-top: 8px;
        color: #324780;
        text-align: center;
        font-family: 'Inter';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; }
      .comp-ui-71 .c-column-01 .c-container-04 {
        margin-top: 24px;
        border-radius: 8px;
        background: #324780;
        padding: 20px 24px;
        color: #FFF;
        font-family: 'Inter';
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px; }
    .comp-ui-71 .c-column-02 .c-container-01 {
      margin-top: 48px;
      color: #171718;
      font-family: 'Inter';
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      line-height: normal; }
    .comp-ui-71 .c-column-02 .c-container-02 {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 24px; }
      .comp-ui-71 .c-column-02 .c-container-02 .c-item-01 {
        width: 160px;
        padding: 12px 16px;
        border-radius: 8px;
        border: 2px solid #F0F0F2;
        color: #171718;
        text-align: center;
        font-family: 'Inter';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; } }
@media all and (min-width: 767px) {
  .comp-ui-71 {
    background: #fff;
    padding: 56px 40px 40px 40px; }
    .comp-ui-71 .c-column-01 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .comp-ui-71 .c-column-01 .c-container-01 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 72px;
        height: 72px;
        border-radius: 999px;
        background: #E6F4FA; }
        .comp-ui-71 .c-column-01 .c-container-01:before {
          content: '';
          display: block;
          width: 28px;
          height: 28px;
          background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2228%22%20viewBox%3D%220%200%2029%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20id%3D%22User%20Account%20%2F%20shopping-cart%22%20clip-path%3D%22url%28%23clip0_10_294%29%22%3E%20%3Cpath%20id%3D%22Vector%22%20d%3D%22M9.25%2026.25C10.2165%2026.25%2011%2025.4665%2011%2024.5C11%2023.5335%2010.2165%2022.75%209.25%2022.75C8.2835%2022.75%207.5%2023.5335%207.5%2024.5C7.5%2025.4665%208.2835%2026.25%209.25%2026.25Z%22%20fill%3D%22%23324780%22%2F%3E%20%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M21.5%2026.25C22.4665%2026.25%2023.25%2025.4665%2023.25%2024.5C23.25%2023.5335%2022.4665%2022.75%2021.5%2022.75C20.5335%2022.75%2019.75%2023.5335%2019.75%2024.5C19.75%2025.4665%2020.5335%2026.25%2021.5%2026.25Z%22%20fill%3D%22%23324780%22%2F%3E%20%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M25%206.12499H5.5925L4.875%202.44999C4.83409%202.24938%204.72413%202.06946%204.56425%201.94156C4.40437%201.81365%204.2047%201.74587%204%201.74999H0.5V3.49999H3.2825L6.625%2020.3C6.66591%2020.5006%206.77587%2020.6805%206.93575%2020.8084C7.09563%2020.9363%207.2953%2021.0041%207.5%2021H23.25V19.25H8.2175L7.5%2015.75H23.25C23.4523%2015.7549%2023.65%2015.6896%2023.8095%2015.5652C23.9691%2015.4408%2024.0805%2015.2649%2024.125%2015.0675L25.875%207.19249C25.9043%207.06267%2025.9036%206.92786%2025.873%206.79834C25.8424%206.66881%2025.7826%206.54798%2025.6982%206.44504C25.6138%206.34211%2025.5071%206.25977%2025.3861%206.20431C25.2651%206.14885%2025.1331%206.12172%2025%206.12499ZM22.55%2014H7.1675L5.9425%207.87499H23.9062L22.55%2014Z%22%20fill%3D%22%23324780%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_10_294%22%3E%20%3Crect%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22white%22%20transform%3D%22translate%280.5%29%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E%20"); }
      .comp-ui-71 .c-column-01 .c-container-02 {
        width: 520px;
        margin-top: 32px;
        color: #324780;
        text-align: center;
        font-family: 'Inter';
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px; }
      .comp-ui-71 .c-column-01 .c-container-03 {
        width: 400px;
        margin-top: 8px;
        color: #324780;
        text-align: center;
        font-family: 'Inter';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; }
      .comp-ui-71 .c-column-01 .c-container-04 {
        margin-top: 32px;
        border-radius: 8px;
        background: #324780;
        padding: 20px 24px;
        color: #FFF;
        font-family: 'Inter';
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px; }
    .comp-ui-71 .c-column-02 .c-container-01 {
      margin-top: 32px;
      color: #171718;
      font-family: 'Inter';
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: normal; }
    .comp-ui-71 .c-column-02 .c-container-02 {
      display: flex;
      flex-wrap: wrap;
      gap: 16px 20px;
      margin-top: 32px; }
      .comp-ui-71 .c-column-02 .c-container-02 .c-item-01 {
        width: 205px;
        padding: 12px 24px;
        border-radius: 8px;
        border: 2px solid #F0F0F2;
        color: #171718;
        text-align: center;
        font-family: 'Inter';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal; } }

/*# sourceMappingURL=CompUI-71.css.map */
