#hero-overlay {
    background: linear-gradient(to right, rgb(0, 0, 0), rgba(0, 0, 0, 0.811), rgba(0, 0, 0, 0.527));
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 10;
}

.hero-title {
    font-size: 65px !important;
}

.hero-btn {
    background-color: #D75E00;
    color: white;
    border-radius: 50px;
    transition: 0.2s all;
}

.text-primary {
    color: #D75E00;
}

.active-tab:after {
    position: absolute;
    content: "";
    left: 0;
    width: 75%;
    height: 8px;
    border-radius: 50px;
    bottom: -18px;
    left: 15%;
    background-color: #D75E00;
}

.bg-primary {
    background-color: #D75E00 !important;
}

.what-is-sec {
    background-color: #FFFAF5;
}

.service-card {
    border-radius: 25px;
    width: 100%;
    margin: 0 auto !important;
    box-shadow: 1px 1px 42px 0px #0000000a;
}

.valuable-card-check {
    background: #D75E00;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.valuable-card-tag {
    border: 1px solid #D75E00;
    border-radius: 50px;
    color: #D75E00;
    font-weight: 600;
    font-size: 18px;
}

.review-card {
    border-radius: 25px;
    width: 100%;
    margin: 0 auto !important;
    background-color: white;
    box-shadow: 1px 1px 42px 0px #0000000a;

}


.categories {
    gap: 60px;
}

.sec-margin {
    margin-top: 80px;
    margin-bottom: 80px;
}

.scroller {
    overflow: hidden;
    white-space: nowrap;
}

.scroller-inner {
    /* Duplicate content to create the seamless loop */
    display: inline-block;
    will-change: transform;
    animation: scroll-left 40s linear infinite;
    /* Adjust time for speed */
    padding-right: 2rem;
    /* Spacing between the end and start of the loop */
}

.scroller-inner:hover {
    /* Pause on hover for better interaction */
    animation-play-state: paused;
}

.carousel-item-wrapper {
    display: inline-block;
    margin-right: 2rem;
    /* Space between each category item */
}

.cate-card {
    position: relative !important;
    -webkit-transform: translateZ(0);
}

.cate-card div div img {
    width: 100%;
    height: auto;
    border-radius: 15px 0px 15px 0px !important;
    display: block;
}


@keyframes scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        /* Translate by 50% because the content is duplicated */
        transform: translateX(-50%);
    }
}

.bg-orange-light {
    background-color: #F6F5F3;
}

.feature-menu {
    width: 700px !important;
}


.found-card{
    background-color: white;
    border-radius: 20px;
    padding: 50px;
    width: 800px;
    margin: 0 auto;
    margin-bottom: 40px !important;
}

@media screen and (max-width: 600px) {
    .hero-title {
        font-size: 30px !important;
    }

    .hero-video-sec {
        height: 600px !important;
    }
}