.orbd-swiper .orbd-container {
    width: 1280px;
}

.orbd-swiper .swiper-slide {
    height: 800px;
}

.orbd-swiper .swiper-slide .orbd-slide-item{
    display: flex;
    align-items: center;
    justify-content: center;
}

.orbd-swiper .swiper-slide .orbd-first-slide {
    background-position: bottom center;
    background: url(https://ghptechpreview.website/aromabakery/wp-content/uploads/2026/01/Frame-1-scaled.webp);
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.orbd-swiper .swiper-slide .orbd-secnd-slide {
    background-position: bottom center;
    background: url(https://ghptechpreview.website/aromabakery/wp-content/uploads/2025/03/hero-03-scaled.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.orbd-swiper .swiper-slide .orbd-third-slide {
    background-position: bottom center;
    background: url(https://ghptechpreview.website/aromabakery/wp-content/uploads/2025/03/hero-04.webp);
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.orbd-first-slide .orbd-container {
    opacity: 0;
}

@keyframes orbdFadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.orbd-animate-once {
    animation: orbdFadeInLeft 0.9s ease-out forwards;
}

.orbd-swiper .swiper-slide-duplicate .orbd-first-slide .orbd-container{
    opacity: 1;
}

/* Reduce Swiper navigation arrow size */
.orbd-swiper .swiper-button-next,
.orbd-swiper .swiper-button-prev {
    width: 30px;       /* default is usually 44px */
    height: 30px;      /* default is usually 44px */
}

/* Adjust the arrow icon inside */
.orbd-swiper .swiper-button-next::after,
.orbd-swiper .swiper-button-prev::after {
    font-size: 20px;   /* default is usually 27px */
}

/* Optional: move arrows closer to slider */
.orbd-swiper .swiper-button-next {
    right: 30px;       /* default is 10-15px */
}

.orbd-swiper .swiper-button-prev {
    left: 30px;
}
.orbd-swiper .swiper-slide h1{
    font-family: "Lora", Sans-serif;
    font-size: 44px;
    font-weight: 600;
    line-height: 55px;
    color: #334D3E;
}

.orbd-swiper .swiper-slide a{
    background-color: #02010100;
    fill: #334D3E;
    color: #334D3E;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #334D3E;
    padding: 12px 24px;
    border-radius: 4px;
}

.orbd-swiper span.swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #334D3E !important;
    opacity: 1 !important;
}

.orbd-swiper span.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #598A6F !important;
}

@media(max-width: 576px){
    .orbd-swiper .swiper-slide{
        height: 500px;
    }
    .orbd-swiper .swiper-slide .orbd-slide-item{
        padding: 0 30px;
    }
    .orbd-swiper .swiper-slide h1{
        font-size: 29px;
        line-height: 39px;
    }
    /* Optional: move arrows closer to slider */
    .orbd-swiper .swiper-button-next {
        right: 0;       /* default is 10-15px */
    }
    
    .orbd-swiper .swiper-button-prev {
        left: 0;
    }
}