.hojre-home{
direction:rtl;
background:#FAF9F7;
color:#393E41;
}


.hojre-hero{

text-align:center;
padding:80px 25px;
background:#FFFFFF;
border:1px solid #E0DFDB;
border-radius:25px;
margin-bottom:50px;

}


.hojre-hero h1{

font-size:42px;
line-height:1.7;
color:#393E41;

}


.hojre-hero p{

max-width:700px;
margin:20px auto;
color:#AAAAAA;
font-size:18px;

}


.hojre-actions{

display:flex;
justify-content:center;
gap:15px;
margin-top:30px;

}


.hojre-btn,
.hojre-btn-outline{

padding:14px 30px;
border-radius:12px;
text-decoration:none;

}


.hojre-btn{

background:#FF703D;
color:#fff;

}


.hojre-btn-outline{

background:#fff;
border:1px solid #E0DFDB;
color:#393E41;

}



.hojre-section{

margin:60px 0;

}



.hojre-section h2{

color:#393E41;
font-size:28px;
margin-bottom:25px;

}



.hojre-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;

}



.hojre-card{

background:#fff;
border:1px solid #E0DFDB;
border-radius:18px;
padding:22px;
display:flex;
gap:15px;
align-items:center;
text-decoration:none;
color:#393E41;

}



.hojre-icon{

font-size:32px;

}


.hojre-card span,
.teacher-card span{

color:#AAAAAA;
font-size:14px;

}




.hojre-course-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;

}


.hojre-course{

background:#fff;
border-radius:18px;
overflow:hidden;
text-decoration:none;
color:#393E41;
border:1px solid #E0DFDB;

}


.hojre-course img{

width:100%;
height:160px;
object-fit:cover;

}


.hojre-course h3{

padding:15px;

}





.teacher-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:20px;

}


.teacher-card{

background:#fff;
border:1px solid #E0DFDB;
border-radius:20px;
padding:25px;
text-align:center;
text-decoration:none;
color:#393E41;

}


.teacher-card img{

border-radius:50%;

}




@media(max-width:600px){


.hojre-hero h1{

font-size:28px;

}


.hojre-actions{

flex-direction:column;

}


}

.hojre-section-title{

    width:100%;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:25px;

    margin-bottom:35px;

}


.hojre-section-title span{

    height:1px;

    flex:1;

    max-width:140px;

    background:#FF703D;

    opacity:.35;

}



.hojre-section-title h2{

    margin:0;

    color:#393E41;

    font-size:28px;

    font-weight:700;

    text-align:center;

    white-space:nowrap;

}



@media(max-width:768px){


.hojre-section-title{

    gap:12px;

}


.hojre-section-title span{

    max-width:50px;

}


.hojre-section-title h2{

    font-size:22px;

}


}


/* مسیرهای یادگیری */

.hojre-section:first-of-type .hojre-grid{

    justify-content:center;

}


.hojre-section:first-of-type .hojre-card{

    max-width:240px;

    margin:auto;

    justify-content:center;

    text-align:center;

    border-radius:25px;

    padding:18px 25px;

}

/* مسیرهای یادگیری کوچک */

.hojre-track-grid{

    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    max-width:900px;
    margin:auto;
    gap:16px;

}


.hojre-track-card{

    width:170px;
    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    background:#FFFFFF;

    border:1px solid #E0DFDB;

    border-radius:18px;

    text-decoration:none;

    color:#393E41;

    transition:.25s;

}



.hojre-track-card i{

    font-size:22px;

    color:#FF703D;

}



.hojre-track-card span{

    font-size:16px;

    font-weight:600;

}



.hojre-track-card:hover{

    border-color:#FF703D;

    transform:translateY(-3px);

    box-shadow:0 8px 20px rgba(255,112,61,.12);

}



@media(max-width:600px){


.hojre-track-card{

    width:145px;

    height:62px;

}


.hojre-track-card span{

    font-size:14px;

}


}

.hojre-more-wrap{
    text-align:center;
    margin-top:25px;
}


.hojre-more-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:12px 35px;

    background:#FF703D;

    color:#fff;

    border-radius:30px;

    text-decoration:none;

    font-size:15px;

    transition:.3s;

}


.hojre-more-btn:hover{

    opacity:.85;

    transform:translateY(-2px);

}