:root {
        --color-1: #005288;
        --color-2: #a6192e;
        --color-accent: #ecf8ff;
        --font-fam: "Merriweather", serif;
      }

      body {
        font-family: "Source Sans 3", sans-serif;
        background-image: url("/assets/images/bg.png");
        background-repeat: repeat-x;
        background-color: var(--color-1);
        color: #666 !important;
      }

      .cs-border-dashed {
        border: 1px dashed #666;
      }
      .cs-border-dashed h3,
      .moneyback {
        background-color: #005288;
        color: #fff !important;
      }
      .cs-border-dashed h3.bonus,
      .card-header,
      .offer {
        background-color: #a6192e;
        color: #fff !important;
      }

      .card {
        height: 100%;
      }

      .card,
      .card-header {
        border-radius: 0 !important;
      }

      .card img {
        max-width: 20rem;
      }

      .btn {
        color: #fff;
      }

      .cc {
        max-width: 150px !important;
      }
      .oldprice {
      }
      .price {
        color: #a6192e;
      }
      .ship {
        font-size: 1.5rem;
        color: #a6192e;
      }

      .icon {
        color: #008000;
        width: 16px;
        height: 16px;
      }
      .custom12px {
        padding-top: 12px;
        padding-bottom: 12px;
      }

      .box {
        border: 3px solid var(--color-2);
        max-width: 80%;
        border-radius: 10px;
        width: 700px;
        background-color: var(--color-accent);
      }

      .bold {
        font-weight: bold;
      }

      .stars {
        color: #d4af37;
      }

      .mainHead {
        font-size: 2.8rem;
        color: var(--color-1);
        font-weight: bolder;
        line-height: 2.4rem;
      }

      .mainHead .bigger {
        font-size: 3.5rem;
        color: var(--color-2);
        font-weight: bolder;
      }

      .img-round {
        border-radius: 50%;
      }

      .title {
        font-size: 2.2rem;
      }

      .highlight {
        color: var(--color-2);
        font-weight: bolder;
      }

      ul li,
      p {
        font-size: 1.2rem;
      }

      .review p {
        font-size: 1rem;
      }

      .boxImg {
        width: 100%;
        max-width: 200px;
        border-radius: 10px;
        top: 50%;
        left: 0%;
        transform: translate(-50%, -50%);
      }
      .label {
        background-color: var(--color-2);
        color: #fff;
        display: block;
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding: 0.3rem 0.8rem;
        width: fit-content;
        border-radius: 50px;
      }
      .bonusContent {
        padding-left: calc(100px + 0.5rem);
      }

      .bonusTitle {
        font-size: 1.5rem;
        color: #fff;
        background-color: var(--color-2);
        padding: 0.5rem 1rem;
        border-radius: 5px;
        max-width: 512px;
      }
      .guarantee {
        max-width: 150px;
      }

      .review img {
        margin-bottom: 1rem;
      }
      .img-sm {
        display: none;
      }

      .headline {
        font-size: 1.7rem;
        font-weight: bolder;
        font-family: var(--font-fam);
        line-height: 1.7em;
      }

      .btn-cta:active {
        background-color: var(--color-2) !important;
        border-color: var(--color-2) !important;
      }

      .btn-cta {
        font-size: 1.3rem;
      }

      .desktopOnly {
        display: unset;
      }
      @media (min-width: 768px) {
        .icon {
          width: 32px;
          height: 32px;
        }
      }

      @media (max-width: 768px) {
        .box {
          max-width: 95%;
        }

        .desktopOnly{
          display: block;
        }
        .abs-img {
          display: none;
        }

        .img-sm {
          display: block;
          max-width: 200px;
        }

        .bonusContent {
          padding-left: 0;
        }

        .headline {
          font-size: 1.2rem;
          font-weight: bold;
        }
      }