.cleanse-box{
    padding: 9em 0;
}

.cleanse-box .ui-accordion .ui-accordion-content{
	padding: 1em;
}

.cleanse-box-top .cleanse-box-sub {
    color: #CED296;
    font-family: Montserrat;
    font-size: 24.241px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.cleanse-box-top .icons {
    margin-top: 20px;
}

.cleanse-box-top .icons img {
    height: 69px;
    width: 69px;
}

.cleanse-box-top {
    margin-bottom: 4em;
}

.cleanse-box-top .image-content img {
    border: 4px solid var(--color-black);
    border-radius: 10px;
}

.cleanse-box-top .image-content {
    position: relative;
}

.divider-inside-bottom.none,
.divider-inside-top.none {
    visibility: hidden;
}


.cleanse-box-top .image-content img {
    z-index: 2;
    position: relative;
}

.cleanse-box {
    margin-bottom: 0;
}

.cleanse-box .divider-inside-top {
    z-index: 1;
}

/*Cleanse Boxes Background Colors*/

.energy-cleanse-box {
    background-color: #EBF4F7;
}

.immunity-cleanse-box {
    background-color: #f7d557;
}

.immunity-cleanse-box .in-the-box {
    background-color: #FEE15C;
    z-index: 999;
}

.immunity-cleanse-box.cleanse-box:nth-child(odd) .cleanse-box-top .image-content:after {
    height: 32%;
    bottom: -146px;
}


.immunity-cleanse-box .cleanse-box-sub,
.anti-inflammatory-cleanse-box .cleanse-box-sub {
    color: #fff;
}

.anti-inflammatory-cleanse-box,
.anti-inflammatory-cleanse-box .in-the-box {
    background-color: #C46A32;
}


.cleanse-box .individual-faq .faq-heading {
    background-color: transparent;
    color: var(--color-black);
    border-bottom: 1px solid var(--color-black);
    font-family: Gotham;
    font-size: var(--font-size-body);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.cleanse-box span.ui-accordion-header-icon.ui-icon.iconClosed:before {

    color: var(--color-black);
}

.in-the-box {
    border: 4px solid var(--color-black);
    border-radius: 10px;
    align-items: center;
    background: #fff;
    position: relative;
    z-index: 10;
}

.in-the-box h3 {
    color: var(--color-black);
    font-family: Gotham;
    font-size: var(--font-size-secondary-heading);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.in-the-box h4 {
    color: var(--color-black);
    font-family: Gotham;
    font-size: var(--font-size-quartary-heading);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.juices-grid {
    margin-top: 2em;
    row-gap: 2em;
}

.juice-item {
    margin-bottom: 1em;
}

.beginner-cleanse-box .juices-grid .juice-item {
    width: 50%;
}

.juice-item img {
    height: 150px;
	border-radius: 10px;
	object-fit: cover;
}

.organic {
    position: relative;
}

.organic .floating-image {
    position: absolute;
    bottom: -30%;
    transform: rotate(-20.735deg);
    right: -3%;
}

.organic {
    background: var(--color-blue);
}

.cleanse-box .faq-wrapper {
    margin-bottom: 2em;
}

.cleanse-box:nth-child(odd) .cleanse-box-top {
    flex-direction: row-reverse !important;
}

.frequently-asked-questions .question {
    width: 900px;
    display: flex;
    flex-direction: column;
}


/*Cleanse Box Grid*/
.in-the-box.green {
    background-color: var(--color-green);
}

.in-the-box.muted-green {
    background-color: var(--color-green-muted);
}

.in-the-box.blue {
    background-color: var(--color-blue);
}

.in-the-box.white {
    background-color: var(--color-white);
}

.in-the-box.black {
    background-color: var(--color-black);
}

.in-the-box.yellow {
    background-color: #f7d557 !important;
}

.in-the-box.orange {
    background-color: var(--color-orange);
}

.in-the-box.gray {
    background-color: var(--color-gray);
}

.cleanse-box.green {
    background-color: var(--color-green);
}

.cleanse-box.muted-green {
    background-color: var(--color-green-muted);
}

.cleanse-box.blue {
    background-color: var(--color-blue);
}

.cleanse-box.white {
    background-color: var(--color-white);
}

.cleanse-box.black {
    background-color: var(--color-black);
}

.cleanse-box.yellow {
    background-color: #f7d557 !important;
}

.cleanse-box.orange {
    background-color: var(--color-orange);
}

.cleanse-box.gray {
    background-color: var(--color-gray);
}

.cleanse-box.muted-green .cleanse-box-top, .cleanse-box.muted-green .cleanse-box-sub{
    color: var(--color-black)
}

.ingredients {
    margin-top: 10px;
    display: block;
}

/*Responsive CSS*/

/*XS Devices 0 - 767px*/
@media only screen and (max-width: 47.9375em) {
    .in-the-box h3{
        text-align: center;
    }
    .in-the-box {
        padding: 1em;
    }
}
/*Devices 768px in width*/
@media only screen and (min-width: 48em) {
    .in-the-box {
        padding: 1em;
    }
}

/*Devices 1024px in width*/
@media only screen and (min-width: 64em) {
    .cleanse-box:nth-child(even) .cleanse-box-top .image-content:before {
        content: '';
        display: block;
        border: 4px solid;
        position: absolute;
        right: 160px;
        top: 380px;
        width: 70px;
        z-index: 1;
        border-radius: 30px 0 0 0;
        border-color: var(--color-black) transparent transparent var(--color-black);
        height: 10%;
        transform: scale(-1, 1);
    }
    
    .cleanse-box:nth-child(even) .cleanse-box-top .image-content:after {
        content: '';
        display: block;
        z-index: 1;
        width: 4px;
        height: 110%;
        background-color: var(--color-black);
        position: absolute;
        right: 160px;
        top: 420px;
    }
    
    .cleanse-box:nth-child(odd) .cleanse-box-top .image-content:before {
        content: '';
        display: block;
        border: 4px solid;
        position: absolute;
        justify-items: legacy;
        top: 380px;
        width: 70px;
        z-index: 1;
        border-radius: 0 30px 0 0;
        border-color: var(--color-black) var(--color-black) transparent transparent;
        height: 10%;
        transform: scale(-1, 1);
        left: -57px;
    }
    
    .cleanse-box:nth-child(odd) .cleanse-box-top .image-content:after {
        content: '';
        display: block;
        width: 4px;
        height: 75%;
        background-color: var(--color-black);
        position: absolute;
        top: 420px;
        left: -57px;
    }
    .cleanse-box-top .image-content img {
        width: 493px;
        height: 447px;
    }
    .in-the-box {
        padding: 3em;
    }
    .in-the-box h3{
        padding: 1em;
    }
    .cleanse-box .individual-faq .faq-heading,  .cleanse-box .answer {
        max-width: 350px;
    }
}
/*Devices 1200px+ in width*/
@media only screen and (min-width: 75em) {

}