.olli-affiliate-page {
  --affiliate-heading-fontsize: 40px;
  --affiliate-normal-fontsize: 18px;
  --affiliate-banner-image: calc(max(min(35vmax, 560px), 340px));
  background: #fff;
  min-height: 80vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%; }
  .olli-affiliate-page .olli-affiliate-page-banner {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative; }
    .olli-affiliate-page .olli-affiliate-page-banner::before {
      background: linear-gradient(to bottom, #F1542E 80%, #F7F7F7 20%);
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .olli-affiliate-page .olli-affiliate-page-banner__header {
      display: flex;
      padding: 80px 20px;
      flex-direction: column;
      align-items: center;
      max-width: 1300px; }
      .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero {
        display: flex;
        align-items: center;
        flex-wrap: wrap-reverse;
        justify-content: space-between;
        gap: 40px;
        width: 100%;
        z-index: 1; }
        .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-grow {
          flex: 1 0 0; }
        .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-image {
          display: flex;
          width: var(--affiliate-banner-image);
          height: var(--affiliate-banner-image);
          justify-content: center;
          align-items: center;
          position: relative; }
          .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-image > div {
            position: absolute;
            top: -80px;
            left: calc((1420px / -2) + (var(--affiliate-banner-image) / 2));
            height: 680px;
            background-image: url("https://file.hstatic.net/200000264521/file/illustration-affiliate-banner-bg_e83e49760600484b9ada3cfe763015f4.svg");
            background-repeat: no-repeat;
            background-position: center;
            width: 1420px; }
          .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-image::after {
            content: "";
            width: 600px;
            height: 600px;
            position: absolute;
            top: 0;
            left: 0;
            /* background-image: url("https://file.hstatic.net/200000264521/file/illustration-affiliate-hero_5ca8f521a35c46c688638e8edc299c06.svg"); */
            background-image: url("https://file.hstatic.net/200000264521/file/graphic.png");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain; }
        .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-text {
          display: flex;
          flex-direction: column;
          gap: 40px;
          width: 100%;
          max-width: 660px;
          z-index: 1; }
          .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-text > div:nth-child(1) {
            display: flex;
            flex-direction: column;
            gap: 20px;
            color: #ffffff; }
            .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-text > div:nth-child(1) > div:nth-child(1) {
              font-size: 48px;
              font-weight: 700;
              line-height: 110%; }
            .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-text > div:nth-child(1) > div:nth-child(2) {
              font-size: 20px;
              font-weight: 400;
              line-height: 120%; }
          .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-text > div:nth-child(2) {
            display: flex;
            gap: 16px; }
      .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__box {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
        column-gap: 90px;
        row-gap: 20px;
        color: #222222;
        padding: 50px 90px;
        width: 100%;
        z-index: 2;
        border-radius: 6px;
        border: 0px solid #F1F1F1;
        background: #FFF;
        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04), 0px 12px 32px 0px rgba(0, 0, 0, 0.08); }
        .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__box > div:nth-child(1) {
          font-size: var(--affiliate-heading-fontsize);
          font-weight: 700; }
        .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__box > div:nth-child(2) {
          font-size: var(--affiliate-normal-fontsize);
          font-weight: 400;
          line-height: 120%; }
  .olli-affiliate-page .olli-affiliate-page-activities {
    display: flex;
    flex-direction: column;
    padding: 0px 20px;
    align-items: center;
    background: #F7F7F7;
    width: 100%; }
    .olli-affiliate-page .olli-affiliate-page-activities > div {
      width: 100%;
      max-width: 1300px;
      display: flex;
      padding: 80px 0px;
      flex-direction: column;
      align-items: center;
      gap: 60px; }
    .olli-affiliate-page .olli-affiliate-page-activities__how-to {
      border-bottom: 1px solid rgba(34, 34, 34, 0.1); }
      .olli-affiliate-page .olli-affiliate-page-activities__how-to .affiliate-activities-groups {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
        grid-auto-rows: minmax(150px, 1fr);
        column-gap: 32px;
        row-gap: 32px;
        width: 100%; }
        .olli-affiliate-page .olli-affiliate-page-activities__how-to .affiliate-activities-groups .affiliate-activities-card {
          display: flex;
          padding: 30px;
          flex-direction: column;
          gap: 30px;
          flex: 1 0 0;
          border-radius: 6px;
          background: #FFF; }
          .olli-affiliate-page .olli-affiliate-page-activities__how-to .affiliate-activities-groups .affiliate-activities-card:hover {
            box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04), 0px 12px 32px 0px rgba(0, 0, 0, 0.08); }
          .olli-affiliate-page .olli-affiliate-page-activities__how-to .affiliate-activities-groups .affiliate-activities-card .activities-card-text {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 20px;
            flex: 1 0 0; }
            .olli-affiliate-page .olli-affiliate-page-activities__how-to .affiliate-activities-groups .affiliate-activities-card .activities-card-text .activities-card-title {
              display: flex;
              flex-direction: column;
              gap: 10px; }
              .olli-affiliate-page .olli-affiliate-page-activities__how-to .affiliate-activities-groups .affiliate-activities-card .activities-card-text .activities-card-title > div:nth-child(1) {
                color: #EF4129;
                font-size: 12px;
                font-weight: 600;
                line-height: 140%;
                text-transform: uppercase; }
              .olli-affiliate-page .olli-affiliate-page-activities__how-to .affiliate-activities-groups .affiliate-activities-card .activities-card-text .activities-card-title > div:nth-child(2) {
                color: #222;
                font-size: 32px;
                font-weight: 600;
                line-height: 120%; }
            .olli-affiliate-page .olli-affiliate-page-activities__how-to .affiliate-activities-groups .affiliate-activities-card .activities-card-text .activities-card-subtitle {
              color: #222;
              font-size: var(--affiliate-normal-fontsize);
              font-weight: 400;
              line-height: 120%; }
          .olli-affiliate-page .olli-affiliate-page-activities__how-to .affiliate-activities-groups .affiliate-activities-card .activities-card-butons {
            display: flex;
            justify-content: space-between;
            align-items: center; }
    .olli-affiliate-page .olli-affiliate-page-activities__conditions .affiliate-conditions-groups {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
      grid-auto-rows: minmax(150px, 1fr);
      column-gap: 20px;
      row-gap: 20px;
      width: 100%; }
      .olli-affiliate-page .olli-affiliate-page-activities__conditions .affiliate-conditions-groups .affiliate-conditions-card {
        display: flex;
        width: 100%;
        padding: 24px;
        gap: 20px;
        flex-shrink: 0;
        border-radius: 6px;
        align-items: center;
        cursor: pointer; }
        .olli-affiliate-page .olli-affiliate-page-activities__conditions .affiliate-conditions-groups .affiliate-conditions-card__avatar {
          width: 64px;
          height: 64px;
          padding: 32px;
          flex-shrink: 0;
          border-radius: 50%;
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain; }
        .olli-affiliate-page .olli-affiliate-page-activities__conditions .affiliate-conditions-groups .affiliate-conditions-card__content {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 10px; }
          .olli-affiliate-page .olli-affiliate-page-activities__conditions .affiliate-conditions-groups .affiliate-conditions-card__content-text {
            color: #222;
            font-size: var(--affiliate-normal-fontsize);
            font-weight: 500;
            line-height: 120%; }
          .olli-affiliate-page .olli-affiliate-page-activities__conditions .affiliate-conditions-groups .affiliate-conditions-card__content-action {
            display: none;
            color: #F1542E;
            text-align: center;
            leading-trim: both;
            text-edge: cap;
            font-size: 16px;
            font-weight: 600;
            line-height: 160%; }
            .olli-affiliate-page .olli-affiliate-page-activities__conditions .affiliate-conditions-groups .affiliate-conditions-card__content-action > div {
              position: relative; }
              .olli-affiliate-page .olli-affiliate-page-activities__conditions .affiliate-conditions-groups .affiliate-conditions-card__content-action > div::after {
                content: "\25BA";
                position: absolute;
                right: -1.5em;
                top: 0px;
                font-size: 10px; }
        .olli-affiliate-page .olli-affiliate-page-activities__conditions .affiliate-conditions-groups .affiliate-conditions-card:hover {
          background: var(--White, #FFF);
          box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04), 0px 12px 32px 0px rgba(0, 0, 0, 0.08); }
          .olli-affiliate-page .olli-affiliate-page-activities__conditions .affiliate-conditions-groups .affiliate-conditions-card:hover .affiliate-conditions-card__content-action {
            display: block; }
  .olli-affiliate-page .olli-affiliate-page-why-olli {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFF;
    width: 100%;
    padding: 0px 20px; }
    .olli-affiliate-page .olli-affiliate-page-why-olli__reasons {
      width: 100%;
      max-width: 1300px;
      display: flex;
      padding: 80px 0px;
      flex-direction: column;
      align-items: center;
      gap: 60px; }
      .olli-affiliate-page .olli-affiliate-page-why-olli__reasons .affiliate-reasons-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        column-gap: 20px;
        row-gap: 20px;
        width: 100%; }
        .olli-affiliate-page .olli-affiliate-page-why-olli__reasons .affiliate-reasons-list__card {
          display: flex;
          width: 100%;
          padding: 30px;
          flex-direction: column;
          gap: 40px;
          border-radius: 6px;
          background: #F7F7F7; }
          .olli-affiliate-page .olli-affiliate-page-why-olli__reasons .affiliate-reasons-list__card .affiliate-reasons-card__avatar {
            width: 48px;
            height: 48px;
            padding: 24px;
            flex-shrink: 0;
            border-radius: 50%;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            padding-left: 2.4px; }
          .olli-affiliate-page .olli-affiliate-page-why-olli__reasons .affiliate-reasons-list__card .affiliate-reasons-card__content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 5px; }
            .olli-affiliate-page .olli-affiliate-page-why-olli__reasons .affiliate-reasons-list__card .affiliate-reasons-card__content > div:nth-child(1) {
              color: #222;
              font-size: 20px;
              font-weight: 600;
              line-height: 120%; }
            .olli-affiliate-page .olli-affiliate-page-why-olli__reasons .affiliate-reasons-list__card .affiliate-reasons-card__content > div:nth-child(2) {
              color: #222;
              font-size: var(--affiliate-normal-fontsize);
              font-weight: 400;
              line-height: 120%; }
    .olli-affiliate-page .olli-affiliate-page-why-olli__box {
      width: calc(min(90vw, 1080px));
      max-width: 1080px;
      padding: 50px 110px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px;
      border-radius: 6px;
      background: #F1542E; }
      .olli-affiliate-page .olli-affiliate-page-why-olli__box > div:nth-child(1) {
        color: #FFF;
        text-align: center;
        font-size: 32px;
        font-weight: 600; }
      .olli-affiliate-page .olli-affiliate-page-why-olli__box > div:nth-child(2) {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px; }
        .olli-affiliate-page .olli-affiliate-page-why-olli__box > div:nth-child(2) > div {
          flex: 1 0 0;
          min-width: fit-content; }
  .olli-affiliate-page .olli-affiliate-page-fqa {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFF;
    width: 100%;
    padding: 0px 20px; }
    .olli-affiliate-page .olli-affiliate-page-fqa__container {
      width: calc(min(90vw, 1080px));
      max-width: 1080px;
      display: flex;
      padding: 80px 0px;
      flex-direction: column;
      align-items: center;
      gap: 60px; }
      .olli-affiliate-page .olli-affiliate-page-fqa__container .panel-group {
        width: 100%; }
        .olli-affiliate-page .olli-affiliate-page-fqa__container .panel-group .panel {
          border: 0;
          border-radius: 0;
          box-shadow: none;
          background: #f5f5f5;
          padding-left: 15px;
          margin-bottom: 10px; }
          .olli-affiliate-page .olli-affiliate-page-fqa__container .panel-group .panel:last-child {
            border-bottom: 0; }
      .olli-affiliate-page .olli-affiliate-page-fqa__container .panel-default > .panel-heading {
        border: 0;
        padding: 20px 15px 15px 0; }
        .olli-affiliate-page .olli-affiliate-page-fqa__container .panel-default > .panel-heading a {
          display: inline-block;
          width: 100%;
          position: relative;
          font-weight: 600;
          font-size: var(--affiliate-normal-fontsize); }
          @media (max-width: 767px) {
            .olli-affiliate-page .olli-affiliate-page-fqa__container .panel-default > .panel-heading a {
              padding-right: 25px; } }
          .olli-affiliate-page .olli-affiliate-page-fqa__container .panel-default > .panel-heading a:before {
            font-family: "Glyphicons Halflings";
            content: "\e082";
            position: absolute;
            right: 0;
            color: #999;
            opacity: 0.5; }
          .olli-affiliate-page .olli-affiliate-page-fqa__container .panel-default > .panel-heading a.collapsed:before {
            content: "\e081"; }
      .olli-affiliate-page .olli-affiliate-page-fqa__container .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: transparent;
        padding-left: 0; }
  .olli-affiliate-page .affiliate-heading {
    display: flex;
    max-width: 860px;
    flex-direction: column;
    align-items: center;
    gap: 20px; }
    .olli-affiliate-page .affiliate-heading > div:nth-child(1) {
      color: #222;
      text-align: center;
      font-size: var(--affiliate-heading-fontsize);
      font-weight: 700; }
    .olli-affiliate-page .affiliate-heading > div:nth-child(2) {
      color: #222;
      text-align: center;
      font-size: var(--affiliate-normal-fontsize);
      font-weight: 400;
      line-height: 120%; }
  .olli-affiliate-page .affiliate-button {
    --btn-init-bg-color: #FFC439;
    --btn-hover-bg-color: #F1542E;
    --btn-init-border-color: #FFC439;
    --btn-hover-border-color: #FFC439;
    --btn-init-text-color: #222222;
    --btn-hover-text-color: #ffffff;
    /* background: var(--btn-init-bg-color); */
    padding: 15px 20px;
    font-size: var(--affiliate-normal-fontsize);
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 1000px;
    position: relative;
    z-index: 1;
    color: var(--btn-init-text-color);
    border: 1px solid var(--btn-init-border-color);
    cursor: pointer;
    height: 40px; }
    .olli-affiliate-page .affiliate-button--white {
      --btn-init-bg-color: #ffffff;
      --btn-hover-bg-color: #B4B4B4;
      --btn-init-border-color: #ffffff;
      --btn-hover-border-color: #ffffff;
      --btn-init-text-color: #222222;
      --btn-hover-text-color: #ffffff; }
    .olli-affiliate-page .affiliate-button--stroke {
      --btn-init-bg-color: transparent;
      --btn-hover-bg-color: #ffffff;
      --btn-init-border-color: #ffffff;
      --btn-hover-border-color: #ffffff;
      --btn-init-text-color: #ffffff;
      --btn-hover-text-color: #222222; }
    .olli-affiliate-page .affiliate-button a {
      color: var(--btn-init-text-color); }
    .olli-affiliate-page .affiliate-button:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--btn-init-bg-color);
      border-radius: 1000px;
      z-index: -2; }
    .olli-affiliate-page .affiliate-button:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0%;
      height: 100%;
      background-color: var(--btn-hover-bg-color);
      transition: all .3s;
      border-radius: 1000px;
      z-index: -1; }
    .olli-affiliate-page .affiliate-button:hover, .olli-affiliate-page .affiliate-button:focus {
      color: var(--btn-hover-text-color);
      border-color: var(--btn-hover-border-color); }
      .olli-affiliate-page .affiliate-button:hover a, .olli-affiliate-page .affiliate-button:focus a {
        color: var(--btn-hover-text-color); }
      .olli-affiliate-page .affiliate-button:hover:before, .olli-affiliate-page .affiliate-button:focus:before {
        width: 100%; }
  .olli-affiliate-page .affiliate-link {
    color: #222;
    font-size: var(--affiliate-normal-fontsize);
    font-weight: 500;
    text-decoration-line: underline;
    cursor: pointer; }
    .olli-affiliate-page .affiliate-link:hover, .olli-affiliate-page .affiliate-link:focus {
      color: #F1542E; }
  @media (max-width: 1170px) and (min-width: 993px) {
    .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero {
      justify-content: center; } }
  @media (max-width: 992px) and (min-width: 479px) {
    .olli-affiliate-page {
      --affiliate-heading-fontsize: 32px;
      --affiliate-normal-fontsize: 16px; }
      .olli-affiliate-page .olli-affiliate-page-banner__header {
        padding: 60px 20px; }
        .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero {
          justify-content: center; }
          .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-image {
            width: 340px;
            height: 320px; }
            .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-image::after {
              width: 340px;
              height: 340px; }
            .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-image > div {
              left: calc((574px / -2) + 160px);
              width: 574px;
              height: 574px;
              background-size: contain; }
          .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-text > div:nth-child(1) > div:nth-child(1) {
            font-size: 40px; }
          .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-text > div:nth-child(1) > div:nth-child(2) {
            font-size: 18px; }
        .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__box {
          gap: 20px;
          padding: 30px;
          grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
          .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__box > div:nth-child(1) {
            font-size: 32px; }
          .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__box > div:nth-child(2) {
            font-size: 16px; }
      .olli-affiliate-page .olli-affiliate-page-activities > div {
        padding: 40px 0px;
        gap: 30px; }
      .olli-affiliate-page .olli-affiliate-page-activities__how-to .affiliate-activities-groups {
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
        grid-auto-rows: auto;
        column-gap: 20px;
        row-gap: 20px; }
        .olli-affiliate-page .olli-affiliate-page-activities__how-to .affiliate-activities-groups .affiliate-activities-card {
          padding: 20px; }
          .olli-affiliate-page .olli-affiliate-page-activities__how-to .affiliate-activities-groups .affiliate-activities-card-text {
            gap: 20px; }
          .olli-affiliate-page .olli-affiliate-page-activities__how-to .affiliate-activities-groups .affiliate-activities-card-title > div:nth-child(2) {
            font-size: 24px; }
      .olli-affiliate-page .olli-affiliate-page-activities__conditions .affiliate-conditions-groups {
        grid-auto-rows: minmax(105px, 1fr);
        row-gap: 0px; }
        .olli-affiliate-page .olli-affiliate-page-activities__conditions .affiliate-conditions-groups .affiliate-conditions-card {
          padding: 15px 10px 15px 10px; }
      .olli-affiliate-page .olli-affiliate-page-why-olli__reasons {
        padding: 40px 0px;
        gap: 30px; }
        .olli-affiliate-page .olli-affiliate-page-why-olli__reasons .affiliate-reasons-list {
          row-gap: 10px; }
          .olli-affiliate-page .olli-affiliate-page-why-olli__reasons .affiliate-reasons-list__card {
            gap: 20px;
            padding: 20px;
            flex-direction: row; }
            .olli-affiliate-page .olli-affiliate-page-why-olli__reasons .affiliate-reasons-list__card .affiliate-reasons-card__avatar {
              width: 32px;
              height: 32px;
              padding: 16px; }
            .olli-affiliate-page .olli-affiliate-page-why-olli__reasons .affiliate-reasons-list__card .affiliate-reasons-card__content {
              justify-content: flex-start; }
      .olli-affiliate-page .olli-affiliate-page-why-olli__box {
        padding: 40px;
        gap: 40px; }
        .olli-affiliate-page .olli-affiliate-page-why-olli__box > div:nth-child(2) {
          width: 80%; }
      .olli-affiliate-page .olli-affiliate-page-fqa__container {
        gap: 30px;
        padding: 40px 0px;
        width: 100%; }
      .olli-affiliate-page .affiliate-heading {
        gap: 10px; }
        .olli-affiliate-page .affiliate-heading > div:nth-child(1), .olli-affiliate-page .affiliate-heading > div:nth-child(2) {
          text-align: left; } }
  @media (max-width: 480px) {
    .olli-affiliate-page {
      --affiliate-heading-fontsize: 32px;
      --affiliate-normal-fontsize: 16px; }
      .olli-affiliate-page .olli-affiliate-page-banner__header {
        padding: 60px 20px; }
        .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero {
          justify-content: center; }
          .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-image {
            width: 340px;
            height: 320px; }
            .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-image::after {
              width: 340px;
              height: 340px; }
            .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-image > div {
              left: calc((574px / -2) + 160px);
              width: 574px;
              height: 574px;
              background-size: contain; }
          .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-text > div:nth-child(1) > div:nth-child(1) {
            font-size: 40px; }
          .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__hero-text > div:nth-child(1) > div:nth-child(2) {
            font-size: 18px; }
        .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__box {
          gap: 20px;
          padding: 30px;
          grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
          .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__box > div:nth-child(1) {
            font-size: 32px; }
          .olli-affiliate-page .olli-affiliate-page-banner__header .affiliate-banner__box > div:nth-child(2) {
            font-size: 16px; }
      .olli-affiliate-page .olli-affiliate-page-activities > div {
        padding: 40px 0px;
        gap: 30px; }
      .olli-affiliate-page .olli-affiliate-page-activities__how-to .affiliate-activities-groups {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
        grid-auto-rows: auto;
        column-gap: 10px;
        row-gap: 10px; }
        .olli-affiliate-page .olli-affiliate-page-activities__how-to .affiliate-activities-groups .affiliate-activities-card {
          padding: 20px; }
          .olli-affiliate-page .olli-affiliate-page-activities__how-to .affiliate-activities-groups .affiliate-activities-card-text {
            gap: 20px; }
          .olli-affiliate-page .olli-affiliate-page-activities__how-to .affiliate-activities-groups .affiliate-activities-card-title > div:nth-child(2) {
            font-size: 24px; }
      .olli-affiliate-page .olli-affiliate-page-activities__conditions .affiliate-conditions-groups {
        grid-auto-rows: auto;
        row-gap: 0px; }
        .olli-affiliate-page .olli-affiliate-page-activities__conditions .affiliate-conditions-groups .affiliate-conditions-card {
          padding: 15px 10px 15px 10px;
          border-bottom: 1px solid rgba(34, 34, 34, 0.08); }
      .olli-affiliate-page .olli-affiliate-page-why-olli__reasons {
        padding: 40px 0px;
        gap: 30px; }
        .olli-affiliate-page .olli-affiliate-page-why-olli__reasons .affiliate-reasons-list {
          row-gap: 10px; }
          .olli-affiliate-page .olli-affiliate-page-why-olli__reasons .affiliate-reasons-list__card {
            gap: 20px;
            padding: 20px;
            flex-direction: row; }
            .olli-affiliate-page .olli-affiliate-page-why-olli__reasons .affiliate-reasons-list__card .affiliate-reasons-card__avatar {
              width: 24px;
              height: 24px;
              padding: 12px; }
            .olli-affiliate-page .olli-affiliate-page-why-olli__reasons .affiliate-reasons-list__card .affiliate-reasons-card__content {
              justify-content: flex-start; }
      .olli-affiliate-page .olli-affiliate-page-why-olli__box {
        padding: 40px;
        gap: 40px; }
        .olli-affiliate-page .olli-affiliate-page-why-olli__box > div:nth-child(2) {
          flex-direction: column; }
      .olli-affiliate-page .olli-affiliate-page-fqa__container {
        gap: 30px;
        padding: 40px 0px;
        width: 100%; }
      .olli-affiliate-page .affiliate-heading {
        gap: 10px; }
        .olli-affiliate-page .affiliate-heading > div:nth-child(1), .olli-affiliate-page .affiliate-heading > div:nth-child(2) {
          text-align: left; } }

.olli-affiliate-policy-page {
  background: #fff;
  min-height: 80vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%; }
  .olli-affiliate-policy-page__container {
    max-width: calc(min(1300px, 100vw - 40px));
    display: flex;
    padding: 40px 0px;
    gap: calc(min(5vw, 130px)); }
    .olli-affiliate-policy-page__container .olli-affiliate-policy-content {
      display: flex;
      padding: 40px 0px;
      flex-direction: column;
      align-items: center;
      gap: 60px;
      flex: 1 0 0; }
      .olli-affiliate-policy-page__container .olli-affiliate-policy-content__header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 0px; }
        .olli-affiliate-policy-page__container .olli-affiliate-policy-content__header > div:nth-child(1) {
          color: #222;
          font-size: 40px;
          font-weight: 700;
          line-height: 110%; }
        .olli-affiliate-policy-page__container .olli-affiliate-policy-content__header > div:nth-child(2) {
          display: flex;
          align-items: center;
          gap: 10px;
          color: #222;
          font-size: 20px;
          font-weight: 400;
          line-height: 156%; }
      .olli-affiliate-policy-page__container .olli-affiliate-policy-content__body {
        display: flex;
        flex-direction: column;
        gap: 60px; }
        .olli-affiliate-policy-page__container .olli-affiliate-policy-content__body .affiliate-policy-section {
          display: flex;
          flex-direction: column;
          gap: 20px;
          color: #222;
          font-size: 18px;
          font-weight: 400;
          line-height: 120%; }
          .olli-affiliate-policy-page__container .olli-affiliate-policy-content__body .affiliate-policy-section > div:nth-child(1) {
            font-size: 32px;
            font-weight: 700;
            line-height: 120%; }
          .olli-affiliate-policy-page__container .olli-affiliate-policy-content__body .affiliate-policy-section__group {
            display: flex;
            flex-direction: column;
            gap: 10px; }
            .olli-affiliate-policy-page__container .olli-affiliate-policy-content__body .affiliate-policy-section__group-items {
              padding-left: 20px;
              display: flex;
              flex-direction: column;
              gap: 10px; }
      .olli-affiliate-policy-page__container .olli-affiliate-policy-content__menu {
        display: none;
        width: 100%; }
        .olli-affiliate-policy-page__container .olli-affiliate-policy-content__menu .panel-group {
          margin-bottom: 0px;
          border-top: 1px solid rgba(0, 0, 0, 0.05);
          box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.03); }
        .olli-affiliate-policy-page__container .olli-affiliate-policy-content__menu .panel.panel-default {
          background-color: #fff;
          border: none;
          box-shadow: none; }
          .olli-affiliate-policy-page__container .olli-affiliate-policy-content__menu .panel.panel-default > .panel-heading {
            background-color: #fff;
            padding: 24px 20px; }
            .olli-affiliate-policy-page__container .olli-affiliate-policy-content__menu .panel.panel-default > .panel-heading a {
              display: flex;
              align-items: center;
              gap: 8px;
              font-size: 20px;
              width: 100%;
              position: relative;
              font-weight: 600;
              line-height: 120%; }
              .olli-affiliate-policy-page__container .olli-affiliate-policy-content__menu .panel.panel-default > .panel-heading a:before {
                font-family: "Glyphicons Halflings";
                content: "\e082";
                position: absolute;
                right: 0;
                color: #999;
                opacity: 0.5; }
              .olli-affiliate-policy-page__container .olli-affiliate-policy-content__menu .panel.panel-default > .panel-heading a.collapsed:before {
                content: "\e081"; }
              .olli-affiliate-policy-page__container .olli-affiliate-policy-content__menu .panel.panel-default > .panel-heading a .panel-title__icon {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 2px; }
        .olli-affiliate-policy-page__container .olli-affiliate-policy-content__menu .olli-affiliate-policy-menu {
          padding: 0px; }
          .olli-affiliate-policy-page__container .olli-affiliate-policy-content__menu .olli-affiliate-policy-menu .menu-support {
            margin-bottom: 0px; }
    .olli-affiliate-policy-page__container .olli-affiliate-policy-menu {
      display: flex;
      flex-direction: column;
      padding: 40px 0px 80px 0px;
      gap: 1px;
      min-width: 310px; }
  @media (max-width: 1200px) {
    .olli-affiliate-policy-page__container {
      gap: 0px;
      max-width: 100vw; }
      .olli-affiliate-policy-page__container > .olli-affiliate-policy-menu {
        display: none; }
      .olli-affiliate-policy-page__container .olli-affiliate-policy-content {
        gap: 40px; }
        .olli-affiliate-policy-page__container .olli-affiliate-policy-content__header {
          padding: 0 20px; }
          .olli-affiliate-policy-page__container .olli-affiliate-policy-content__header > div:nth-child(2) {
            flex-direction: column;
            align-items: flex-start; }
            .olli-affiliate-policy-page__container .olli-affiliate-policy-content__header > div:nth-child(2) > div:nth-child(2) {
              display: none; }
        .olli-affiliate-policy-page__container .olli-affiliate-policy-content__body {
          gap: 30px;
          padding: 0 20px; }
          .olli-affiliate-policy-page__container .olli-affiliate-policy-content__body .affiliate-policy-section > div:nth-child(1) {
            font-size: 24px; }
        .olli-affiliate-policy-page__container .olli-affiliate-policy-content__menu {
          display: block; } }