/*====================================================
PUBLISHING PLANS PAGE
PART-1
Hero Section
====================================================*/

/*====================================================
HERO
====================================================*/

.publishing-hero{

    position:relative;

    overflow:hidden;

}

/*----------------------------------
Breadcrumb
-----------------------------------*/

.publishing-hero .breadcrumb{

    font-size:15px;

}

.publishing-hero .breadcrumb-item a{

    color:var(--body);

    font-weight:500;

}

.publishing-hero .breadcrumb-item.active{

    color:var(--primary-dark);

    font-weight:700;

}

/*----------------------------------
Hero Content
-----------------------------------*/

.publishing-hero .section-title{

    max-width:650px;

}

.publishing-hero .section-description{

    max-width:620px;

    margin:0;

}

/*----------------------------------
Buttons
-----------------------------------*/

.publishing-hero .btn-primary-custom,

.publishing-hero .btn-outline-custom{

    min-width:210px;

}

/*----------------------------------
Hero Image Card
-----------------------------------*/

.publishing-hero .image-box{

    position:relative;

    overflow:hidden;

    background:#ffffff;

    padding:0px;

    border-radius:var(--radius-xl);

    box-shadow:var(--shadow-lg);

}

.publishing-hero .image-box::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

        135deg,

        rgba(255,152,0,.04),

        transparent,

        rgba(255,94,98,.05)

    );

    pointer-events:none;

}

.publishing-hero .image-box img{

    position:relative;

    z-index:2;

    transition:.5s ease;

}

.publishing-hero .image-box:hover img{

    transform:translateY(-10px) scale(1.02);

}

/*----------------------------------
Floating Decorative Glow
-----------------------------------*/

.publishing-hero::before{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    top:-120px;

    right:-120px;

    border-radius:50%;

    background:rgba(255,152,0,.05);

}

.publishing-hero::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    bottom:-120px;

    left:-120px;

    border-radius:50%;

    background:rgba(255,94,98,.05);

}

/*----------------------------------
Animation
-----------------------------------*/

.publishing-hero .section-badge{

    animation:fadeUp .5s ease both;

}

.publishing-hero .section-title{

    animation:fadeUp .7s ease both;

}

.publishing-hero .section-description{

    animation:fadeUp .9s ease both;

}

.publishing-hero .d-flex{

    animation:fadeUp 1.1s ease both;

}

.publishing-hero .image-box{

    animation:zoomIn .8s ease both;

}

/*====================================================
Responsive
====================================================*/

@media(max-width:991px){

    .publishing-hero{

        text-align:center;

    }

    .publishing-hero .section-description{

        margin:auto;

    }

    .publishing-hero .image-box{

        margin-top:45px;

    }

    .publishing-hero .d-flex{

        justify-content:center;

    }

}

@media(max-width:767px){

    .publishing-hero .image-box{

        padding:20px;

        border-radius:24px;

    }

    .publishing-hero .btn-primary-custom,

    .publishing-hero .btn-outline-custom{

        width:100%;

    }

    .publishing-hero .d-flex{

        flex-direction:column;

    }

}

/*====================================================
PUBLISHING PLANS PAGE
PART-2
CTA + Final Polish
====================================================*/


/*====================================================
CTA SECTION
====================================================*/

.publishing-cta-section{

    position:relative;

    overflow:hidden;

    background:var(--gradient-light);

}


/*----------------------------------
CTA BOX
-----------------------------------*/

.publishing-cta-box{

    position:relative;

    overflow:hidden;

    padding:70px;

    border-radius:36px;

    background:var(--gradient-primary);

    box-shadow:var(--shadow-primary);

}


/*----------------------------------
Heading
-----------------------------------*/

.publishing-cta-box .section-title{

    color:#ffffff;

    margin-bottom:22px;

}

.publishing-cta-box .section-title span{

    color:#ffffff;

    background:none;

    -webkit-text-fill-color:#ffffff;

}


/*----------------------------------
Paragraph
-----------------------------------*/

.publishing-cta-box p{

    max-width:720px;

    color:rgba(255,255,255,.96);

    font-size:17px;

    line-height:1.9;

}


/*----------------------------------
Benefits
-----------------------------------*/

.publishing-benefits{

    list-style:none;

    margin:30px 0 0;

    padding:0;

}

.publishing-benefits li{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:16px;

    color:#ffffff;

    font-size:16px;

    font-weight:600;

}

.publishing-benefits li:last-child{

    margin-bottom:0;

}

.publishing-benefits li i{

    font-size:18px;

    color:#ffffff;

}


/*----------------------------------
Buttons
-----------------------------------*/

.publishing-cta-action{

    display:flex;
    flex-direction:column;
    gap:18px;
    align-items:stretch;
    width:280px;
    margin-left:auto;

}

.publishing-cta-action a{

    width:100%;
    justify-content:center;

}


.publishing-cta-action .btn-white-custom{

    min-width:230px;

}

.publishing-cta-action .btn-outline-light-custom{

    min-width:230px;

}


/*----------------------------------
Button Hover
-----------------------------------*/

.publishing-cta-action .btn-white-custom:hover,

.publishing-cta-action .btn-outline-light-custom:hover{

    transform:translateY(-4px);

}


/*----------------------------------
Floating Decoration
-----------------------------------*/

.publishing-cta-box .circle{

    opacity:.45;

}


/*----------------------------------
Animation
-----------------------------------*/

.publishing-cta-box{

    animation:fadeUp .8s ease both;

}


/*====================================================
RESPONSIVE
====================================================*/

@media(max-width:991px){

    .publishing-cta-box{

        padding:50px 35px;

        text-align:center;

    }

    .publishing-benefits{

        display:inline-block;

        text-align:left;

    }

    .publishing-cta-action{

        align-items:center;

        margin-top:35px;

    }

}


@media(max-width:767px){

    .publishing-cta-section{

        padding:70px 0;

    }

    .publishing-cta-box{

        padding:35px 24px;

        border-radius:24px;

    }

    .publishing-cta-box .section-title{

        font-size:30px;

    }

    .publishing-cta-box p{

        font-size:16px;

    }

    .publishing-cta-action{

        width:100%;

    }

    .publishing-cta-action .btn-white-custom,

    .publishing-cta-action .btn-outline-light-custom{

        width:100%;

    }

}


.publishing-hero.section-wrapper .section-title, .publishing-cta-section.section-padding-sm .section-title{
text-align: left;
}