/*==================================================
PROCESS
==================================================*/

.process-section{

    position:relative;

    padding:130px 0;

    overflow:hidden;

    background:#0b0b0b;

}

.process-section::before{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    left:-300px;

    top:-300px;

    border-radius:50%;

    background:radial-gradient(circle,#d4af3720,transparent 70%);

}

.process-section::after{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    right:-300px;

    bottom:-300px;

    border-radius:50%;

    background:radial-gradient(circle,#ffd9e820,transparent 70%);

}

.process-wrapper{

    position:relative;

    display:flex;

    flex-direction:column;

    gap:30px;

}

.process-wrapper::before{

    content:"";

    position:absolute;

    left:42px;

    top:25px;

    width:2px;

    height:calc(100% - 50px);

    background:linear-gradient(#D4AF37,transparent);

}

.process-card{

    position:relative;

    display:flex;

    align-items:flex-start;

    gap:30px;

    padding:30px;

    border-radius:28px;

    background:rgba(255,255,255,.04);

    backdrop-filter:blur(20px);

    border:1px solid rgba(255,255,255,.08);

    transition:.45s;

}

.process-card:hover{

    transform:translateX(12px);

    border-color:#D4AF37;

    box-shadow:0 20px 60px rgba(212,175,55,.12);

}

.process-number{

    width:84px;

    height:84px;

    min-width:84px;

    border-radius:50%;

    background:linear-gradient(135deg,#FFD9E8,#D4AF37);

    color:#111;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:26px;

    font-weight:700;

    font-family:'Space Grotesk',sans-serif;

    position:relative;

    z-index:2;

}

.process-content{

    flex:1;

}

.process-content h4{

    color:#fff;

    font-size:28px;

    margin-bottom:12px;

    font-family:'Space Grotesk',sans-serif;

}

.process-content p{

    color:#bdbdbd;

    line-height:1.8;

    margin:0;

}

.process-section .theme-btn{

    margin-top:40px;

}

@media(max-width:991px){

    .process-section{

        padding:90px 0;

    }

    .process-wrapper{

        margin-top:60px;

    }

}

@media(max-width:768px){

    .process-wrapper::before{

        left:34px;

    }

    .process-card{

        gap:18px;

        padding:22px;

    }

    .process-number{

        width:68px;

        height:68px;

        min-width:68px;

        font-size:20px;

    }

    .process-content h4{

        font-size:22px;

    }

}

@media(max-width:576px){

    .process-card{

        flex-direction:column;

        text-align:center;

        align-items:center;

    }

    .process-wrapper::before{

        display:none;

    }

}