/*@font-face {*/
/*    font-family: "iran";*/
/*    src: url("fonts/iran-sans.ttf");*/
/*}*/

body {
    background-color: #010a16;
    font-family: 'Times New Roman', serif
}


#HeaderPage{
    background-color: #05162d;
    display: flex;
    justify-content: space-between;

}

/*ForIcon*/
.PP {
    width: 35px;
    height: 4px;
    background-color: #ffffff;
    margin: 7px 0;
}

/*-------------------------------------------------------------------------------------------------------*/

/**/
/*forline*/
/*#HR{*/
/*    text-shadow: 0 0 5px #091528, 0 0 5px #091528,*/
/*    0 0 5px #040e1c, 0 0 5px #ffffff,*/
/*    0 0 5px #ffffff, 0 0 5px #040e1c,*/
/*    0 0 5px #091528, 0 0 5px #ffffff;*/
/*}*/


/*.shiny-line {*/
/*    width: 100%;*/
/*    height: 5px;*/
/*    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.1) 100%);*/
/*    background-size: 200%;*/
/*    animation: shine 3s infinite;*/
/*}*/
/*@keyframes shine {*/
/*    0% { background-position: -100% 0; }*/
/*    100% { background-position: 100% 0; }*/
/*}*/

/**/
/*-------------------------------------------------------------------------------------------------------*/

/*shinyLine*/
.glowing-line {
    width: 100%;
    height: 4px;
    position: relative;
    background: #fff;
    animation: glow 1s infinite alternate;
}

.glowing-line::before, .glowing-line::after {
    content: '';
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.5);
    filter: blur(5px);
    z-index: -1;
    animation: glow 1s infinite alternate;
}
/*-------------------------------------------------------------------------------------------------------*/

/*The shine of photo*/

/*.image-container {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*}*/

/*.image-container img {*/

/*    height: auto;*/
/*    display: block;*/
/*    justify-content: center;*/
/*}*/

/*.shine {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: linear-gradient(120deg, rgba(205,255,255,0) 30%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 70%);*/
/*    transform: translateX(-100%);*/
/*    animation: shine 4.5s ease-in-out infinite;*/
/*}*/

/*@keyframes shine {*/
/*    0% { transform: translateX(-100%); }*/
/*    100% { transform: translateX(100%); }*/
/*}*/

/*-------------------------------------------------------------------------------------------------------*/



.line-container {
    display: flex;
    align-items: center;
    text-align: center;
}
.line {
    flex: 1;
    height: 1px;
    background-color: #ccc;
}

.line {
    width: 100%;
    height: 1px;
    position: relative;
    background: #fff;
    animation: glow 1s infinite alternate;
}
.line::before, .line::after {
    content: '';
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.3);
    filter: blur(5px);
    z-index: -1;
    animation: glow 1s infinite alternate;
}
.text {
    padding: 0 10px;
    font-size: 20px;
    color: #333;
    font-family: 'Arial', sans-serif;
    text-shadow: 5px 5px 5px white;
}



/*For courses shape/////////////////////////////////////////////*/


.teachers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    color: white;
    padding-bottom: 20px;
    font-size: 14px;

}

.teachers::before {
    content: "اساتید : ";
    font-weight: bold;
    margin-left: 5px;
}

.teachers span::after {
    content: "،"; /* ویرگول فارسی */
}

.teachers span:last-child::after {
    content: ""; /* حذف ویرگول آخر */
}

.teachers span {
    white-space: nowrap; /* جلوگیری از شکستن اسم وسط */
}

/*////////////////////////////////////////////////////////////////////////////////////////////*/

ul{
    list-style: none;
}


#highlight{
    text-shadow: 5px 5px 5px white;
    display: inline;
}

.test{
    direction: rtl;
}



/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#imgrespon{
    width: 100%;
    height: 115px;
    border-radius: 3px;
}



/*///////////////////////////////////////////*/
#imgACTING1{
    width: 95%;
    border-radius: 5px;
    height: 260px;
}
#imgACTING{
    width: 95%;
    border-radius: 5px;
    height: 260px;
}
#imgACTING2{
    width: 95%;
    border-radius: 5px;
    height: 240px;
}


#textActing{
    width: 95%;
    direction: rtl;
}

#textNEWS{
    width: 90%;
    direction: rtl;
}


#GRIMimg{
    width: 95%;
    border-radius: 5px;
    height: 230px;
}

#DadgarPicture{
    height: 245px;
    width: 95%;
    border-radius: 5px;
}

#HasanKhaliliFarPic{
    width: 95%;
    border-radius: 5px;
    height: 430px;
}


#AliRezaTavanaPic{
    width: 95%;
    border-radius: 5px;
    height: 330px;
}

#DadgarsPosters{
    width: 100%;
    height: 200px;
}

#MehdiArjmandPic{
    width: 95%;
    border-radius: 5px;
    height: 280px;
}
#NavidFarahMarziPic{
    height: 230px;
    border-radius: 5px;
    width: 95%;
}

#TavanasBooks{
    width: 100%;
    height: 175px;
}

#MahshidAsnaPic{
    width: 95%;
    border-radius: 5px;
}

#TheBestActors{
    height: 125px;
    width: 100%;
    border-radius: 5px;
}
#TheBestActors_NeedToBEFixed{
    height: 125px;
    width: 100%;
    border-radius: 5px;
    margin-top: 14px;
}

/*////////////////////////////////
*/
/*FOR NEWS IN NEWS PAGE---------------*/

#NEWSIMG{
    width: 100%;
    height: 250px;
    border-radius: 5px 5px 0 0 ;
    margin-top: 50px
}

#NEWSIMG2{
    width: 100%;
    height: 360px;
    border-radius: 5px 5px 0 0 ;
    margin-top: 50px
}

#ArticlesIMG{
    height: 240px;
    width: 100%;
    border-radius: 5px 5px 0 0 ;
    margin-top: 50px
}

#ArticlesIMGSS{
    height: 350px;
    width: 100%;
    border-radius: 5px 5px 0 0;
    margin-top: 50px;
}
#Matin{
    height: 520px;
    width: 95%;
    border-radius: 5px;
}

/*//////////////////////////////////////////for IMGs that gonna be different on pc mode*/
@media (min-width: 768px)  {
    #imgACTING{
        height: 580px;
    }
    #imgACTING1{
        height: 520px;
    }
    #imgrespon {
        height: 235px;
    }
    
    #textActing{
        width: 90%;
    }
    #GRIMimg{
        height: 400px;
    }
    #DadgarPicture{
        height: 480px;
    }

    #TavanasBooks{
        height: 340px;
    }

    #DadgarsPosters{
        height: 300px;
    }

    #HasanKhaliliFarPic{
        height: 580px;
    }

    #MehdiArjmandPic{
        height: 580px;
    }
    #AliRezaTavanaPic{
        height: 580px;
    }
    #NavidFarahMarziPic{
        height: 480px;
    }
    #TheBestActors{
        height: 175px;
    }
    #TheBestActors_NeedToBEFixed{
        margin-top: 0;
        height: 175px;
    }
    #NEWSIMG{
        height: 430px;
    }
    #NEWSIMG2{
        height: 580px;
    }
    #ArticlesIMG{
        height: 400px;
    }
    #ArticlesIMGSS{
        height: 500px;
    }
    #Matin{
        height: 800px;
    }


}

/*///////////////////////////////////////////////!**!*/
/*For stars in Article page*/
.shiny-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Space between elements */
}

.shiny-line hr {
    flex-grow: 1;
    height: 4px; /* Thicker border */
    border: none;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,215,0,1) 50%, rgba(255,255,255,0) 100%);
    box-shadow: 0 0 10px rgba(255,215,0,0.7); /* Added glow */
    animation: shine 2s infinite alternate;
}

.shiny-line i {
    color: gold;
    font-size: 20px;
    text-shadow: 0 0 10px gold;
}

@keyframes shine {
    0% {
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,215,0,0.5) 50%, rgba(255,255,255,0) 100%);
    }
    100% {
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,215,0,1) 50%, rgba(255,255,255,0) 100%);
    }
}


/* انیمیشن ظاهر شدن و محو شدن */
@keyframes showThenHide {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    10% {
        opacity: 1;
        transform: translateY(0);
    }
    80% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(10px);
            }
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*for icons if GPS*/
@keyframes float {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}

.map-icons-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px; /* دسکتاپ */
    flex-wrap: wrap;
    margin-top: 40px;
}

.map-icon {
    width: 45px;
    height: 45px;
    transition: transform 0.3s;
    animation: float 3s ease-in-out infinite;
    animation-delay: 0s !important;
}

.map-icon:hover {
    transform: scale(1.15);
}

/* حالت تبلت */
@media (max-width: 991px) and (min-width: 768px) {
    .map-icons-container {
        justify-content: space-evenly;
        gap: 0; /* بی‌نیاز از gap چون space-evenly فضا رو پخش می‌کنه */
    }

    .map-icon {
        width: 50px;
        height: 50px;
    }
}

/* موبایل */
@media (max-width: 767px) {
    .map-icons-container {
        justify-content: center;
        gap: 65px;
    }

    .map-icon {
        width: 50px;
        height: 50px;
    }
}
/*///////////////////////////////*/