/*==================================================
PREMIUM PUBLICATION PROCESS
==================================================*/

.publication-process{

padding:100px 0;

background:#ffffff;

position:relative;

overflow:hidden;

}

.process-timeline{

position:relative;

max-width:1200px;

margin:70px auto 0;

}

.process-timeline::before{

content:"";

position:absolute;

left:50%;

top:0;

transform:translateX(-50%);

width:4px;

height:100%;

background:linear-gradient(var(--primary),var(--secondary));

border-radius:50px;

}

.process-item{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:70px;

position:relative;

}

.process-item:nth-child(even){

flex-direction:row-reverse;

}

.process-content{

width:44%;

background:#fff;

padding:35px;

border-radius:24px;

box-shadow:0 20px 50px rgba(0,0,0,.08);

border:1px solid #eef2f7;

transition:.35s;

}

.process-content:hover{

transform:translateY(-10px);

box-shadow:0 30px 60px rgba(15,76,129,.15);

}

.process-content h3{

font-size:28px;

font-weight:700;

color:var(--dark);

margin-bottom:18px;

}

.process-content p{

font-size:16px;

line-height:1.8;

margin-bottom:0;

color:#666;

}

.process-circle{

width:82px;

height:82px;

background:linear-gradient(135deg,var(--primary),var(--secondary));

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

font-weight:800;

position:absolute;

left:50%;

top:50%;

transform:translate(-50%,-50%);

border:8px solid #fff;

box-shadow:0 15px 35px rgba(0,0,0,.15);

z-index:10;

}

.process-badge{

display:inline-flex;

align-items:center;

gap:8px;

padding:8px 16px;

background:#EEF7FF;

color:var(--primary);

border-radius:30px;

font-size:13px;

font-weight:700;

margin-bottom:18px;

text-transform:uppercase;

letter-spacing:.5px;

}

.process-arrow{

position:absolute;

top:50%;

width:40px;

height:3px;

background:var(--primary);

}

.process-item:nth-child(odd) .process-arrow{

right:50%;

margin-right:45px;

}

.process-item:nth-child(even) .process-arrow{

left:50%;

margin-left:45px;

}

@media(max-width:991px){

.process-timeline::before{

left:30px;

transform:none;

}

.process-item,

.process-item:nth-child(even){

flex-direction:row;

padding-left:90px;

margin-bottom:45px;

}

.process-content{

width:100%;

}

.process-circle{

left:30px;

top:40px;

transform:translate(-50%,0);

width:65px;

height:65px;

font-size:22px;

border-width:5px;

}

.process-arrow{

display:none;

}

}

@media(max-width:576px){

.publication-process{

padding:70px 0;

}

.process-content{

padding:25px;

}

.process-content h3{

font-size:22px;

}

.process-content p{

font-size:15px;

}

.process-circle{

width:55px;

height:55px;

font-size:18px;

}

}