.main-banner {
    position: relative;
}

    .main-banner .banner-res {
        width: 100%;
        height: auto
    }

    .main-banner .hero-btn .learn-more-btn {
        width: 200px;
        display: inline-block;
        background:#FF9F1C ; /*linear-gradient(11deg, #d3c939, #fac900);*/
        color: #ffffff;
        border: none;
        padding: 0.8rem 1.5rem;
        border-radius: 25px;
        font-size: 0.95rem;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.25);
        border: 2px solid #fcdada;
    }

    .main-banner .hero-btn {
        width: 100%;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 70%;
        transform: translate(-50%, -50%)
    }
@media only screen and (max-width: 480px) {
    .main-banner .hero-btn .learn-more-btn {
        width: 150px;
        padding: 0.4rem .5rem;
        font-size: 14px;
    }
}