main {
    background: linear-gradient(135deg, #CFF7E9 0%, #FFF5D1 100%);
    background-attachment: fixed;
    margin: 0;
    overflow-x: hidden;
}
        /* LAZY SECTION ANIMATION */
.lazy-section {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.6s ease;
}

.lazy-section.loaded {
    opacity: 1;
    transform: translateY(0);
}

@keyframes spinReverse {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.animate-spin-slow-reverse {
    animation: spinReverse 10s linear infinite;
}

/* =========================
MOBILE GLASS MENU
Production Level
========================= */

.menubar-strip{
    position:fixed;
    bottom:5px;
    left:50%;
    transform:translateX(-50%);
    width:92%;
    max-width:500px;

    padding:12px 8px;

    border-radius:22px;

    background:rgba(255,255,255,0.55);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    box-shadow:
        0 8px 25px rgba(0,0,0,0.15),
        inset 0 1px 1px rgba(255,255,255,0.6);

    border:1px solid rgba(255,255,255,0.6);

    z-index:9999;
}

/* MENU LIST */

.menubar-strip ul{
    display:flex;
    justify-content:space-around;
    align-items:center;
    list-style:none;
    margin:0;
    padding:0;
}

/* MENU ITEM */

.menubar-strip ul li{
    flex:1;
    text-align:center;
}

/* LINK */

.menubar-strip ul li a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-decoration:none;

    font-size:11px;
    font-weight:600;

    color:#111;

    transition:all .3s ease;
}

/* ICON CONTAINER */

.menubar-strip ul li figure{

    width:44px;
    height:44px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:14px;

    background:rgba(255,255,255,0.35);

    backdrop-filter:blur(10px);

    margin-bottom:4px;

    transition:all .25s ease;

}

/* ICON */

.menubar-strip ul li img{
    width:22px;
    height:22px;
    transition:all .25s ease;
}

/* HOVER EFFECT */

.menubar-strip ul li:hover figure{
    transform:translateY(-3px);
    background:rgba(0,122,255,0.9);
}

.menubar-strip ul li:hover img{
    filter:brightness(0) invert(1);
}

/* ACTIVE */

.menubar-strip ul li.active figure{
    background:#007aff;
}

.menubar-strip ul li.active img{
    filter:brightness(0) invert(1);
}

/* BODY SPACE */

body{
    padding-bottom:100px;
}

/* Hide bottom menu when mobile navbar is open */

body.scroll-off .menubar-strip{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(-50%) translateY(100px);
    transition:all .3s ease;
}

/* DESKTOP HIDE */

@media (min-width:992px){

    .menubar-strip{
        display:none;
    }

    body{
        padding-bottom:0;
    }

}

.icon-primary {
    --tw-text-opacity: 1;
    color: rgb(58 153 110 / var(--tw-text-opacity, 1));
}

/* Hide Ai Sensy For Mobile*/
@media (max-width: 768px) {
  #wa-widget,
  iframe[id*="df-btn-cont"],
  div[id*="df-btn-cont"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}

.card-content {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.3s ease;
}

.card-content.expanded {
    -webkit-line-clamp: unset;
}

.read-more-btn {
    margin-top: 10px;
    font-weight: 600;
    cursor: pointer;
    display: none;
}