.circle-wrapper {
  background-image: url("/StaticPages/aipurk/img/rotator/background_white.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.circle-wrapper.dark {
  background-image: url("/StaticPages/aipurk/img/rotator/background_dark.jpg"); }

.container.circle-container {
  /*background-color: rgba(255, 255, 116, 0.45);*/
  padding: 2em 0;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.circle-wrapper.dark .circle-container {
  margin-left: 5%; }

.reasons__left, .reasons__right {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.reasons__left, .reasons__right {
  height: 100%; }

.reasons {
  height: 450px;
  display: flex;
  align-items: center;
  justify-content: center; }

.reasons__bottom, .reasons__top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  z-index: 2; }

.reasons__bottom .reason, .reasons__top .reason {
  flex-direction: column; }

.reasons__left,
.reasons__right {
  width: 25%; }

.reasons__left {
  padding-right: 0px; }

.reasons__left .reason {
  justify-content: flex-end; }

.reasons__right {
  padding-left: 0px; }

.reasons__right .reason {
  flex-direction: row-reverse;
  justify-content: flex-end; }

.reason {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0px 0;
  z-index: 2; }

.reason .bg {
  transition: fill 300ms ease; }

.reason:hover .bg {
  fill: #fff; }

.reason:hover img {
  /*filter: drop-shadow(0px 0 10px rgba(73, 162, 221, 1));*/ }

.reason__title {
  text-align: center;
  font-family: 'geomanist-book', sans-serif;
  font-size: 18px; }

.reason__title span {
  padding: 20px 5px;
  font-weight: bold; }

.reason__title:hover span, .reason__title:active span, .reason__title:active span {
  background: url("/StaticPages/aipurk/img/rotator/underline_blue.png") no-repeat left bottom transparent;
  color: #49a2dd; }

.circle-wrapper.dark .reason__title {
  color: #fff; }

.circle-wrapper.dark .reason__title:hover span,
.circle-wrapper.dark .reason__title:active span,
.circle-wrapper.dark .reason__title:active span {
  background: url("/StaticPages/aipurk/img/rotator/underline_green.png") no-repeat left bottom transparent;
  color: #44c2a5; }

.reason__title--left {
  text-align: right; }

.reason__title--right {
  text-align: left; }

.reason__newline span {
  display: block; }

.reason__icon {
  width: 120px;
  display: flex;
  align-items: center; }

.reason__icon--left {
  justify-content: flex-end; }

.reasons__content {
  min-width: 450px;
  max-width: 450px;
  min-height: 450px;
  max-height: 450px;
  position: relative; }

.reasons__content__text {
  /*background: radial-gradient(ellipse at center, rgba(255, 252, 252, 1) 0%, rgba(255, 255, 255, 0) 70%);*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.reason-text__title {
  font-size: 30px; }

.reason-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10%;
  text-align: center;
  opacity: 0;
  transition: opacity 200ms ease; }

.circle-wrapper.dark .reason-text {
  color: white; }

.reason-text--0 {
  opacity: 1; }

.-hovered .reason-text--0 {
  opacity: 0; }

.rotator {
  position: absolute;
  width: 100%;
  height: 100%; }

.rotator__inner {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../img/rotator/oval_blue.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0; }

.rotator__pointer {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: url("../img/rotator/dot_green.png");
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(0);
  transition: transform 400ms ease;
  opacity: 0; }

.circle-container.blue .rotator__pointer {
  background-image: url("../img/rotator/dot_blue.png"); }

.-hovered .rotator__pointer {
  opacity: 1; }

.-step-0 .rotator__pointer {
  transform: rotate(0deg); }

.reason-text--0 {
  opacity: 1; }

.-step-1 .rotator__pointer {
  transform: rotate(0deg); }

.-step-1 .reason-text--1 {
  opacity: 1; }

.-step-2 .rotator__pointer {
  transform: rotate(-90deg); }

.-step-2 .reason-text--2 {
  opacity: 1; }

.-step-3 .rotator__pointer {
  transform: rotate(-180deg); }

.-step-3 .reason-text--3 {
  opacity: 1; }

.-step-4 .rotator__pointer {
  transform: rotate(90deg); }

.-step-4 .reason-text--4 {
  opacity: 1; }

/*.-step-5 .rotator__pointer {*/
/*transform: rotate(56deg);*/
/*}*/
/*.-step-5 .reason-text--5 {*/
/*opacity: 1;*/
/*}*/
/*.-step-6 .rotator__pointer {*/
/*transform: rotate(80deg);*/
/*}*/
/*.-step-6 .reason-text--6 {*/
/*opacity: 1;*/
/*}*/
/*.-step-7 .rotator__pointer {*/
/*transform: rotate(100deg);*/
/*}*/
/*.-step-7 .reason-text--7 {*/
/*opacity: 1;*/
/*}*/
/*.-step-8 .rotator__pointer {*/
/*transform: rotate(120deg);*/
/*}*/
/*.-step-8 .reason-text--8 {*/
/*opacity: 1;*/
/*}*/
/*.-step-9 .rotator__pointer {*/
/*transform: rotate(-180deg);*/
/*}*/
/*.-step-9 .reason-text--9 {*/
/*opacity: 1;*/
/*}*/
/*.-step-10 .rotator__pointer {*/
/*transform: rotate(0deg);*/
/*}*/
/*.-step-10 .reason-text--10 {*/
/*opacity: 1;*/
/*}*/
.reasons-mobile,
.reasons__header {
  display: none; }

.reason-text__desc {
  max-width: 100%; }

.circle-wrapper.dark .offer-perk {
  color: #fff; }

@media screen and (min-width: 0) and (max-width: 767px) {
  .circle-wrapper.dark .circle-container {
    margin-left: 0; }

  .container.circle-container {
    padding: 0.75em 0;
    margin-left: 0; }

  .reasons {
    height: auto;
    margin: 0;
    flex-direction: column; }

  .reason-text {
    padding: 15px 10%; }

  .reasons__header {
    display: block;
    color: #000 !important;
    padding: 50px 0 0 0;
    margin: 0 !important; }

  .rotator {
    display: none; }

  .reasons__content {
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%; }

  .reasons__center {
    width: 100%; }

  .reasons__left,
  .reasons__right, .reasons__top, .reasons__bottom {
    display: none; }

  .reason-text {
    height: auto; }

  .reasons__content__text {
    position: relative;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 70%); }

  .reasons-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 1em 0; }

  .reasons-mobile .owl-stage {
    display: flex; }

  .reasons-mobile .center .bg {
    fill: #fff; }

  .reasons-mobile .center svg {
    filter: drop-shadow(0px 12px 20px rgba(86, 172, 245, 0.45)); }

  .offer-perk {
    text-align: center; }

  .offer-perk img {
    max-height: 128px; }

  .reasons__content__text {
    background: none; }

  .owl-carousel .owl-stage {
    display: flex;
    align-items: center; }

  .reasons .owl-carousel .owl-item img {
    width: auto;
    margin: auto; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
  .circle-wrapper.dark .circle-container {
    margin-left: 0; }

  .reasons {
    margin: 0; }

  .reasons__content {
    min-width: 353px;
    max-width: 353px;
    min-height: 353px;
    max-height: 353px; }

  .reason-text__title {
    font-size: 30px; }

  .reason-text__desc {
    font-size: 12px; }

  .reasons__left {
    padding-right: 30px; }

  .reasons__right {
    padding-left: 30px; }

  .reason {
    padding: 10px 0; }

  .reason__title {
    font-size: 14px; }

  .reason svg {
    transform: scale(0.8); }

  .reasons .owl-carousel .owl-item img {
    width: auto;
    margin: auto; } }
@media screen and (min-width: 993px) and (max-width: 1200px) {
  .reasons {
    margin: 0; }

  .reasons__content {
    min-width: 416px;
    max-width: 416px;
    min-height: 416px;
    max-height: 416px; }

  .reason-text__title {
    font-size: 32px; }

  .reason-text__desc {
    font-size: 14px; }

  .reasons__left {
    padding-right: 40px;
    width: 26%; }

  .reasons__right {
    padding-left: 40px;
    width: 26%; }

  .reason {
    padding: 10px 0; }

  .reason__title {
    font-size: 16px; }

  .reason svg {
    transform: scale(0.9); }

  .reasons .owl-carousel .owl-item img {
    width: auto;
    margin: auto; } }