/* Hero Section */
    .author-custom-hero-section {
        background: linear-gradient(to right, #1e3c72, #2a5298);
        min-height: 100vh;
        display: flex;
        align-items: center;
    }


    .hero-card {
        max-width: 100%;
        background: transparent;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .hero-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(255, 254, 254, 0.87);
    }

    .hero-img {
        height: 100%;
        object-fit: cover;
        clip-path: inset(10px 20px 30px 40px);
    }

    .author-title {
        font-size: 2rem;
        font-weight: 700;
        color: #2a5298;
    }

    .btn-gradient {
        background: linear-gradient(45deg, #ff6a00, #ee0979);
        color: #fff;
        font-weight: 600;
        border: none;
        transition: 0.3s;
    }

    .btn-gradient:hover {
        background: linear-gradient(45deg, #ee0979, #ff6a00);
        box-shadow: 0 4px 15px rgba(238, 9, 121, 0.5);
    }

    /* Icons */
    .icons {
        margin-top: 25px;
        text-align: center;
    }

    .icons a {
        color: #124463;
        margin: 0 12px;
        font-size: 28px;
        transition: 0.3s;
    }

    .icons a:hover {
        color: #ff0201;
        transform: translateY(-3px) scale(1.1);
    }

    .author-story {
        background: #ffffffff;
    }

    .story-card {
        transition: transform 0.4s ease, box-shadow 0.4s ease;
    }

    .story-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    }

    .author-heading {
        font-size: 2rem;
        font-weight: 700;
        color: #2a5298;
        border-bottom: 2px solid #eee;
        display: inline-block;
        padding-bottom: 8px;
    }

    .story-card p {
        line-height: 1.8;
        color: #4747479c;
        font-size: 1rem;
        margin-bottom: 1.2rem;
    }

    .icons a {
        font-size: 1.5rem;
        margin: 0 10px;
        color: #2a5298;
        transition: all 0.3s ease;
    }

    .icons a:hover {
        color: #ff6a00;
        transform: scale(1.2);
    }