@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Hind+Siliguri:wght@300;400;500;600;700&display=swap');
        body {
            font-family: 'Plus Jakarta Sans', 'Hind Siliguri', sans-serif !important;
            background-color: #faf9f6;
        }
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        .logoName{
            width:8rem ;
        }

        .animate-buy-now {
            animation-name: rsiShaker;
            animation-duration: 1.3s;
            animation-timing-function: cubic-bezier(0.35, 0.06, 0.2, 0.98);
            animation-iteration-count: infinite;
            animation-fill-mode: both;
            }

            @keyframes rsiShaker {

            0%,
            to {
                transform: scaleX(1);
            }

            10%,
            20% {
                transform: scale3d(0.97, 0.97, 0.97) rotate(-1deg);
            }

            30%,
            50%,
            70%,
            90% {
                transform: scale3d(1.03, 1.03, 1.03) rotate(1deg);
            }

            40%,
            60%,
            80% {
                transform: scale3d(1.03, 1.03, 1.03) rotate(-1deg);
            }
            }

.home-carousel-track {
    display: flex;
    width: 300%;
    animation: pustigenCarousel 15s infinite ease-in-out;
}
.home-carousel-slide {
    min-height: 340px;
}
@media (min-width: 768px) {
    .home-carousel-slide {
        min-height: 360px;
    }
}
@keyframes pustigenCarousel {
    0%, 28% { transform: translateX(0); }
    33%, 61% { transform: translateX(-33.333333%); }
    66%, 94% { transform: translateX(-66.666666%); }
    100% { transform: translateX(0); }
}

.home-hero-shell {
    background: #fbf7ea;
    border-bottom: 1px solid #fed7aa;
}
.home-hero-wrap {
    display: flex;
    align-items: stretch;
    gap: 1.25rem;
}
.home-carousel-panel {
    flex: 0 0 65%;
    min-width: 0;
}
.home-carousel-viewport {
    position: relative;
    overflow: hidden;
    height: 290px;
    border-radius: 8px;
    background: #111827;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
}
.home-carousel-track {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 600ms ease;
}
.home-carousel-slide {
    position: relative;
    flex: 0 0 100%;
    min-width: 100%;
    height: 100%;
}
.home-carousel-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-carousel-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,0.08), rgba(0,0,0,0.28) 42%, rgba(0,0,0,0.82));
}
.home-carousel-caption {
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
    max-width: 46%;
    color: white;
    text-align: left;
    font-family: 'Hind Siliguri', 'Plus Jakarta Sans', sans-serif;
}
.home-carousel-caption h2 {
    font-size: clamp(1.75rem, 3.8vw, 3.8rem);
    line-height: 1.05;
    font-weight: 800;
    text-shadow: 0 3px 15px rgba(0,0,0,0.45);
}
.home-carousel-caption p {
    margin-top: 0.75rem;
    font-size: 1rem;
    color: rgba(255,255,255,0.88);
}
.home-carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    /* background: rgba(255,255,255,0.95); */
    color: #f97316;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    transition: all 200ms ease;
}
.home-carousel-arrow:hover {font-size: 2.01rem;}
.home-carousel-arrow-left { left: 0; }
.home-carousel-arrow-right { right: 0; }
.home-carousel-dots {
    position: absolute;
    left: 2.25rem;
    bottom: 1.5rem;
    display: flex;
    gap: 0.55rem;
}
.home-carousel-dots button {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: rgba(255,255,255,0.78);
}
.home-carousel-dots button.active { background: #f97316; }
.home-hero-copy {
    flex: 0 0 calc(35% - 1.25rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0  2rem 0;
    background: #fbf7ea;
}
.home-hero-badge {
    align-self: flex-start;
    display: inline-flex;
    padding: 0.45rem 1rem;
    border-radius: 999px;
    background: #ea580c;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.78rem;
    font-weight: 800;
}
.home-hero-copy h1 {
    margin-top: 1.5rem;
    color: #111827;
    font-size: 2rem;
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -0.05em;
}
.home-hero-copy h1 strong { display: block; color: #ea580c; }
.home-hero-copy p {
    margin-top: .8rem;
    color: #334155;
    font-size: 1.1rem;
    line-height: 1.55;
}
.home-hero-copy button {
    align-self: flex-start;
    margin-top: 1.6rem;
    padding: 0.85rem 1.2rem;
    border-radius: 0.85rem;
    background: #111827;
    color: white;
    font-size: 0.78rem;
    font-weight: 800;
}
@media (max-width: 767px) {
    /* .home-carousel-slide {max-height: 240px;} */
    .home-hero-wrap { flex-direction: column; gap: 0; padding-top: .5rem; }
    .home-carousel-panel, .home-hero-copy { flex: 0 0 100%; width: 100%; }
    .home-carousel-viewport { height: 200px; }
    .home-carousel-caption { right: 1.25rem; max-width: 72%; }
    .home-carousel-caption h2 { font-size: 1.75rem; }
    .home-carousel-arrow { width: 42px; height: 22px; font-size: 1.55rem; }
    .home-hero-copy { padding: 1.5rem 0.25rem 1rem; }
    .home-hero-copy h1 { font-size: 2.rem; }
}
.home-hero-shell .home-carousel-track { animation: none; }
.home-hero-shell .home-carousel-slide { min-height: 0; }