:root{
    --flower-red: #D45C64;
    --stem-green: #84CC94;
    --bee-yellow: #FFE543;
    --soft-green: rgb(235, 242, 241);
    --soft-yellow: rgb(252, 243, 223);
    --soft-transparent: #FFFFFFe0;
    --strong-yellow: rgb(231, 208, 62);
}
p>a, h2>a, h3>a, h4>a {
    color: var(--flower-red);
    text-decoration: none;
    font-weight: 500;
}

.carousel {
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 0 0 !important;
}
.carousel img {
    width: 100%;
}
.carousel .item {
    height:100%;
    padding: 2em;
    margin: 0;
}  
.button {
    background-color: var(--strong-yellow);
}
.textBox {
    background: var(--soft-yellow);
    padding: 1em;
}
.textBox > p {
    margin: 0;
}
.scrollTrigger {
    position: relative; 
}
.scrollTrigger > div {
    background: var(--soft-yellow);
}
.scrollImg {
    position: fixed; 
    transform: translate(-50%, -50%); 
    top: 50%; left: 50%; 
    width: 100%;
    opacity: 0;
}
.scrollLottie {
    position: fixed; 
    transform: translate(-50%, -50%); 
    opacity: 0;
}
#Admin p.Details {
    min-height: 3lh;
}
#wrapper > .color0{ background-color: #fff;}
/* #wrapper > .color1{} */
#wrapper > .color2{ background-color: var(--soft-yellow);}
#wrapper > .color3{ background-color: var(--soft-green);}
#wrapper > .color4{ background-color: var(--bee-yellow);}
#wrapper > .color5{ background-color: var(--stem-green);}
#wrapper > .color6{ background-color: var(--flower-red);}
#wrapper > .color7{ background-color: var(--soft-transparent);}
.icon.color2::before{ background: var(--soft-yellow); }
.icon.color3::before{ background: var(--soft-green); }
.icon.color4::before{ background: var(--bee-yellow); }
.icon.color5::before{ background: var(--stem-green); }
.icon.color6::before{ background: var(--flower-red); }
.icon.color7::before{ background: var(--soft-transparent); }
.icon.color8::before{ background: var(--strong-yellow); }