/* Add custom CSS styles below */ 

.bg-white {
       background-color: rgb(255,195,233)
}
.slide--cat-entry {
    background-color: rgb(255,208,122)
}
.slide--cat-entry h4 {
    color: rgb(255,255,255)
}
.slide--cat-entry i {
    margin-bottom: 1rem;
    display: flex
;
    height: 9rem;
    width: 9rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: #414042;
    background-color: var(--color-primary);
    font-size: 1.875rem;
    line-height: 2.25rem;
    color: #ff6767;
    color: var(--color-primary-reverse);
}
.s-block--features__item p {
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
}
.header-is-dark .header-components {
    border-color: rgba(243, 244, 246, .04);
    --tw-bg-opacity: 1;
    background-color: rgb(112 3 72);
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.bg-inherit {
   background-color: rgb(116,0,74)
}
.header-is-dark .fixed-pinned .inner {
    --tw-bg-opacity: 1;
    background-color: rgb(112 3 72);
}

.store-footer__top {
   background-color: rgb(116,0,74)
}
.store-footer {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(116 0 74);
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}