/* =========================
 BUSINESS PATH
 GOLD + GREEN LUXURY STYLE
========================= */


.business-path{


    padding:50px 8%;


    background:


            radial-gradient(
                    circle at 85% 15%,
                    rgba(17,64,44,.12),
                    transparent 35%
            ),


            linear-gradient(
                    135deg,
                    #ffffff,
                    #f4ecdd
            );


    position:relative;

    overflow:hidden;


}




.path-bg{


    position:absolute;


    width:700px;

    height:700px;


    border-radius:50%;


    background:


            radial-gradient(
                    circle,
                    rgba(17,64,44,.18),
                    transparent 65%
            );


    left:-300px;

    bottom:-250px;


    filter:blur(15px);


    animation:pathGlow 10s infinite alternate;


}



@keyframes pathGlow{


    from{

        transform:translateY(0);

    }


    to{

        transform:translateY(40px);

    }


}




.path-container{


    position:relative;

    z-index:2;


}





.path-header{


    text-align:center;


    max-width:900px;


    margin:auto;


}



.path-label{


    color:#c6a96b;


    letter-spacing:6px;


    font-size:15px;


    font-weight:600;


}





.path-header h2{


    font-size:65px;


    font-weight:300;


    line-height:1.5;


    margin:25px 0;


    color:#11402c;


}



.path-header h2 span{


    color:#c6a96b;


    font-weight:800;


}





.path-header p{


    font-size:19px;


    color:#6d6558;


    line-height:40px;


}






/* =========================
 CARDS
========================= */


.path-card{


    background:


            linear-gradient(
                    145deg,
                    rgba(255,255,255,.90),
                    rgba(250,242,225,.75)
            );


    backdrop-filter:blur(25px);


    border-radius:35px;


    padding:35px 25px;


    min-height:260px;


    text-decoration:none;


    color:#222;


    position:relative;


    overflow:hidden;


    border:


            1px solid rgba(17,64,44,.15);


    transition:.6s;



}




.path-card:hover{


    transform:

            translateY(-15px);


    box-shadow:


            0 35px 90px rgba(17,64,44,.20);



    border-color:#c6a96b;


}





.path-card::before{


    content:"";


    position:absolute;


    width:150px;

    height:150px;


    background:#11402c;


    opacity:.08;


    border-radius:50%;


    top:-50px;

    right:-50px;


}




.path-card::after{


    content:"";


    position:absolute;


    bottom:0;

    left:0;


    width:100%;


    height:4px;


    background:


            linear-gradient(
                    90deg,
                    #11402c,
                    #c6a96b
            );


    transform:scaleX(0);


    transition:.5s;


}



.path-card:hover::after{


    transform:scaleX(1);


}






.step-number{


    position:absolute;


    top:20px;


    left:25px;


    font-size:45px;


    font-weight:900;


    color:


            rgba(17,64,44,.15);


}







.path-card i{


    font-size:45px;


    color:#c6a96b;


    margin-top:25px;


    transition:.4s;


}



.path-card:hover i{


    transform:scale(1.15);


    color:#11402c;


}





.path-card h3{


    font-size:22px;


    line-height:35px;


    margin:25px 0 10px;


    color:#11402c;


}





.path-card p{


    color:#777;


    font-size:15px;


}





.arrow{


    position:absolute;


    bottom:25px;


    right:30px;


    font-size:30px;


    color:#c6a96b;


    transition:.4s;


}





.path-card:hover .arrow{


    transform:translateX(-10px);


    color:#11402c;


}






/* =========================
 RESPONSIVE
 بدون تغییر
========================= */


@media(max-width:1200px){

    .path-grid{

        grid-template-columns:repeat(3,1fr);

    }

}



@media(max-width:900px){

    .path-grid{

        grid-template-columns:repeat(2,1fr);

    }


    .path-header h2{

        font-size:45px;

    }

}



@media(max-width:600px){

    .path-grid{

        grid-template-columns:1fr;

    }


    .business-path{

        padding:90px 20px;

    }

}
/* FIX PATH SECTION */

.business-path{
    direction:rtl;
}


.path-container{
    width:100%;
}



.path-header{
    width:100%;
    margin:auto;
}



.path-header h2{
    text-align:center;
}



.path-header p{
    text-align:center;
}



.path-grid{

    width:100%;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

    direction:rtl;

}



.path-card{

    width:100%;

    min-width:0;

}



.path-card h3,
.path-card p{

    text-align:right;

}



@media(max-width:1200px){

    .path-grid{

        grid-template-columns:repeat(3,1fr);

    }

}



@media(max-width:900px){

    .path-grid{

        grid-template-columns:repeat(2,1fr);

    }


}



@media(max-width:600px){

    .path-grid{

        grid-template-columns:1fr;

    }

}