/** Shopify CDN: Minification failed

Line 433:1 Expected "*/" to terminate multi-line comment

**/
.antinol-difference {
  margin-top: 6rem;
}

@media screen and (max-width: 749px) {
  .antinol-difference {
    margin-top: 4.6rem;
  }
}

.al-diff,
.al-diff--reverse {
  display        : flex;
  justify-content: space-between;
}

.al-diff>div:first-child,
.al-diff--reverse>div:last-child {
  width: 52vw;
}

.al-diff>div:last-child,
.al-diff--reverse>div:first-child {
  width: 34vw;
}

.al-diff__centric-circles {
  position: relative;
  height  : 50rem;
  width   : 50vw;
}

.al-diff {
  --circles-left-margin: 13rem;
}

.al-diff--reverse {
  --circles-left-margin: 50%;
}

@media screen and (min-width: 1025px) {
  .al-diff--reverse {
    margin-top: -12rem;
  }
}

div.al-diff__centric-circles__shadow {
  display      : block;
  width        : 50vw;
  height       : 55%;
  position     : absolute;
  top          : 50%;
  left         : var(--circles-left-margin);
  transform    : translateX(-50%) translateY(-50%);
  background   : rgba(3, 110, 95, 0.04);
  filter       : blur(100px);
  border-radius: 50%;
}

div.al-diff__centric-circles__circle {
  position     : absolute;
  top          : 50%;
  left         : var(--circles-left-margin);
  transform    : translateX(-50%) translateY(-50%);
  display      : block;
  border-radius: 50%;
}

div.al-diff__centric-circles__circle-1 {
  background: #edf3f3;
  width     : 315px;
  height    : 315px;
}

div.al-diff__centric-circles__circle-2 {
  background: #e4ecee;
  width     : 200px;
  height    : 200px;
}

div.al-diff__centric-circles__circle-3 {
  background: #e4ecee;
  width     : 155px;
  height    : 155px;
}

.al-diff__centric-circles__img {
  position : absolute;
  top      : 50%;
  left     : var(--circles-left-margin);
  transform: translateX(-50%) translateY(-50%);
}

div.al-diff__centric-circles__img-backdrop {
  display      : block;
  width        : 71px;
  height       : 44px;
  position     : absolute;
  box-shadow   : 0px -6px 20px #e3514a;
  border-radius: 50%;
  top          : 50%;
  left         : var(--circles-left-margin);
  transform    : translateX(-50%) translateY(-50%) rotate(153deg);
}

.al-diff__centric-circles__text {
  position   : absolute;
  top        : 50%;
  left       : 20.8rem;
  font-size  : 2rem;
  font-weight: 700;
  max-width  : 27.2rem;
}

.al-diff__centric-circles__text-1 {
  transform: translateY(calc(-100% - 0.2rem));
}

.al-diff__centric-circles__text-2 {
  transform: translateY(0.5rem);
}

.al-diff__centric-circles__line-mobile {
  display: none;
  position: absolute;
}

.al-diff__centric-circles__line-mobile--1 {
  left: calc(50% - 50vw);
  top: 4rem;
  transform: rotate(-2deg);
}

.al-diff__centric-circles__line-mobile--2 {
  top: 12rem;
  right: calc(50% - 50vw);
}

.al-diff__centric-circles__line {
  position: absolute;
  left    : calc(var(--circles-left-margin) + 5.5rem);
  top     : 50%;
  width   : 100px;
}

.al-diff__centric-circles__line--1 {
  -moz-transform   : translateY(calc(-50% - 9rem));
  -webkit-transform: translateY(calc(-50% - 9rem));
  -o-transform     : translateY(calc(-50% - 9rem));
  -ms-transform    : translateY(calc(-50% - 9rem));
  transform        : translateY(calc(-50% - 9rem));
}

.al-diff__centric-circles__line--2 {
  -moz-transform   : translateY(calc(-50%));
  -webkit-transform: translateY(calc(-50%));
  -o-transform     : translateY(calc(-50%));
  -ms-transform    : translateY(calc(-50%));
  transform        : translateY(calc(-50%));
}

.al-diff__centric-circles__line--3 {
  -moz-transform   : translateY(calc(-50% + 9rem)) scale(1, -1) rotate(339deg);
  -webkit-transform: translateY(calc(-50% + 9rem)) scale(1, -1) rotate(339deg);
  -o-transform     : translateY(calc(-50% + 9rem)) scale(1, -1) rotate(339deg);
  -ms-transform    : translateY(calc(-50% + 9rem)) scale(1, -1) rotate(339deg);
  transform        : translateY(calc(-50% + 9rem)) scale(1, -1) rotate(339deg);
}

.al-diff__text {
  display        : flex;
  flex-direction : column;
  justify-content: center;
}

.al-diff__stronger {
  position      : absolute;
  display       : flex;
  flex-direction: column;
  max-width     : 33.3rem;
  gap           : 2.4rem;
  top           : 50%;
  left          : calc(var(--circles-left-margin) + 28rem);
  transform     : translateX(-50%) translateY(-50%);
}

.al-diff__stronger__item {
  display    : flex;
  align-items: center;
  width      : 23rem;
}

.al-diff__stronger__item p:first-child b, .al-diff__stronger__item p:first-child strong {
  font-size: 20px;
  font-weight: bold;
}

.al-diff__stronger__item strong {
  font-weight: bold;
}

.al-diff__stronger__item p {
  margin-top   : 5px;
  margin-bottom: 0;
}

.al-diff__stronger__item p:first-child {
  margin-top   : 0;
  margin-bottom: 0;
}

.al-diff__stronger__item__img-wrapper {
  background     : #FFFFFF;
  color          : rgb(var(--color-base-accent-1));
  box-shadow     : 0 0 1rem rgba(0, 0, 0, 0.15);
  height         : 7.2rem;
  width          : 7.2rem;
  display        : flex;
  justify-content: center;
  align-items    : center;
  margin-right   : 1.6rem;
  border-radius  : 50%;
  flex-shrink    : 0;
  padding        : 0 1.9rem;
}

.al-diff__stronger__item__img-wrapper svg {
  width: 100%;
  height: fit-content;
}

.al-diff__centric-circles__logo {
  position      : absolute;
  display       : flex;
  flex-direction: column;
  top           : 50%;
  left          : calc(var(--circles-left-margin) - 25.5rem);
  transform     : translateY(calc(-50%));
  color         : black;
  font-weight   : 700;
  text-align    : center;
}

.al-diff__centric-circles__logo span {
  margin-top: -0.8rem;
}

@media screen and (max-width: 1250px) {
  .al-diff--reverse {
    --circles-left-margin: 28rem;
  }
}

@media screen and (max-width: 1142px) {
  :root {
    --circles-left-margin: 8rem;
  }

  .al-diff--reverse {
    --circles-left-margin: 21rem;
  }

  .al-diff__centric-circles__line {
    left: calc(var(--circles-left-margin) + 4.5rem);
  }

  .al-diff__stronger {
    left: calc(var(--circles-left-margin) + 26.5rem);
  }

  .al-diff__centric-circles__logo {
    transform : translateY(calc(-50% - 13rem));
    left      : calc(var(--circles-left-margin) - 15.75rem);
    text-align: left;
  }
}

@media screen and (max-width: 1024px) {
  :root {
    --circles-left-margin: 13rem;
  }

  .al-diff--reverse {
    --circles-left-margin: calc(50% - 4rem);
  }

  .al-diff {
    flex-direction: column-reverse;
  }

  .al-diff--reverse {
    flex-direction: column;
  }

  .al-diff>div,
  .al-diff--reverse>div {
    width: 100% !important;
  }

  .al-diff__centric-circles {
    height: 32rem;
  }

  .al-diff__centric-circles__line {
    left: calc(var(--circles-left-margin) + 5.5rem);
  }

  .al-diff__stronger {
    left: calc(var(--circles-left-margin) + 28rem);
  }

  .al-diff__centric-circles__logo {
    left      : calc(var(--circles-left-margin) - 26rem);
    transform : translateY(calc(-50%));
    text-align: center;
  }
}

@media screen and (max-width: 749px) {

  .al-diff--reverse .al-diff__centric-circles {
    height: calc(60vw + 7rem);
  }
  .al-diff--reverse div.al-diff__centric-circles__circle-1 {
    width: 60vw;
    height: 60vw;
  }

  .al-diff--reverse div.al-diff__centric-circles__circle-2 {
    width: 30vw;
    height: 30vw;
  }

  .al-diff__centric-circles__line-mobile {
    display: block;
    width: 50vw;
  }

  .al-diff__centric-circles__line {
    display: none;
  }

  .al-diff {
    --circles-left-margin: 50%;
  }

  .al-diff--reverse {
    --circles-left-margin: 50%;
    padding-bottom: 30rem;
    margin-bottom: 0rem;
  }

  .al-diff__stronger {
    left: 1.6rem;
    top: 75vw;
    transform: none;
  }

  .al-diff__centric-circles__logo {
    left: 50%;
    transform: translateX(-50%);
    top: -1.5rem;
    align-items: center;
  }

  .al-diff__centric-circles__text-1, .al-diff__centric-circles__text-2 {
    transform: translateX(-50%);
    left: 50%;
    width: 90vw;
    text-align: center;
  }

  .al-diff__centric-circles__text-1 {
    top: 1.6rem;
  }

  .al-diff__centric-circles__text-2 {
    top: auto;
    bottom: 1.6rem;
  }

  .al-diff__centric-circles__logo svg {
    width: 19rem;
  }

  .al-diff__centric-circles__logo span {
    width: 90vw;
  }

  .al-diff__centric-circles__line-mobile--1 {
    top: 19vw;
  }

  .al-diff__centric-circles__line-mobile--2 {
    top: 30vw;
  }
}

@media screen and (max-width: 480px) {
  .al-diff__centric-circles__line-mobile--1 {
    top: 22vw;
  }

  .al-diff__centric-circles__line-mobile--2 {
    top: 34vw;
  }
}

/* 
@media screen and (max-width: 620px) {
  .al-diff__centric-circles__line-mobile--1 {
    top: 8rem;
  }

  .al-diff__centric-circles__line-mobile--2 {
    top: 10rem;
  }
} */

/* @media screen and (max-width: 540px) {
  .al-diff__centric-circles__line-mobile--1 {
    top: 9rem;
  }

  .al-diff__centric-circles__line-mobile--2 {
    top: 11rem;
  }
}