/* Container */
.funky-box-container {
    position: relative;
    z-index: 0;
}

/* Body */
.funky-box-body {
    border-radius: 1.875rem 0;
    background:#29174C !important;
    overflow:hidden;
    position:relative; 
}

.funkybox-row {
    z-index: 44;
}

/* Dots */
.graphic-lilla-dots {
    background-image: url("../../../img/svg/graphic-lilla.svg");
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.graphic-green-dots {
    background-image: url("../../../img/svg/graphic-green.svg");
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.funky-box-dots-t-r-inside,
.funky-box-dots-b-l-inside {
    position: absolute;
    z-index: 1;
    background-image: url('../../../img/svg/icon-dots.svg');
    background-repeat: no-repeat;
    background-size: 73.75rem;
    width: 10.313rem;
    height: 16.75rem;
    overflow: hidden;
}

.funky-box-dots-t-r-outside,
.funky-box-dots-b-l-outside {
    position: absolute;
    z-index: -1;
    width: 9.375rem;
    height: 9.375rem;
}

.funky-box-dots-t-r-outside {
    transform: rotate(180deg);
    top: -1.563rem;
    right: -1.563rem;
}

.funky-box-dots-b-l-outside {
    bottom: -1.563rem;
    left: -1.563rem;
}

.funky-box-dots-t-r-inside {
    background-position: 0.313rem -6.875rem;
    top: 10%;
    left: -0.438rem;
}

.funky-box-dots-b-l-inside {
    background-position: -60.688rem -12.25rem;
    right: 0;
    bottom: -2.813rem;
}

.funky-box-right {
    position: relative;
    min-height: 220px;
    overflow: hidden;
    @media (max-width: 767.98px) {
        display: none;     
    }
}

.funky-box-left { 
    position:relative; 
    z-index:2; 
}

.banner__art{
    display: block;
    position: absolute;
    right: -20%;
    top: -12%;
    max-width: 170%;
    mix-blend-mode: screen;
    pointer-events:none;
    z-index: 0;
    mix-blend-mode:screen; opacity:.9;
}

.funky-box-body::after {
  content:"";
  position:absolute;
  inset:0;
  z-index: 1;
  pointer-events:none;
  background:
    linear-gradient(
      360deg,
      rgba(31,20,66,0.70) 0%,
      rgba(31,20,66,0.55) 18%,
      rgba(31,20,66,0.35) 38%,
      rgba(31,20,66,0.15) 60%,
      rgba(31,20,66,0.00) 100%
    );
}

@media (min-width: 768px){     /* md */
  .banner__art{ right:-62%; top:0%; max-width:130% !important; }
}

@media (min-width: 1024px){    /* lg */
  .banner__art{ right:-24%; top:-20%; max-width:110% !important; }
}

@media (min-width: 1200px){    /* xl */
  .banner__art{ right:-26%; top:-30%; max-width:110% !important; }
}

.funky-box-time-offer-label {
    color: #1B004E;
    width: fit-content;
    font-family: "Inter Variable";
    padding: 10px 19px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    border-radius: 1206.522px;
    background: #B8FFF2;
    box-shadow: 0 0 19.304px 0 #25F5CE, 0 9.652px 28.957px 0 rgba(0, 36, 71, 0.07); 
}