body{
    background-image: url(images/55.webp);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;

}
.AsliDiv{

  /*  background-color: antiquewhite; */
    background-color:#031B37;
    width:100%;
   /* height:285vh;*/
    margin: 0%;
  /*  box-shadow:0px -1px 5px 0px;*/
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.4);
    align-items: center;
    text-align: center;
    padding-bottom:3vh;
    padding-top:3vh;
    
}
.headerDiv{
    background-image: url(images/h3.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top right;
    margin: 0%;
    height: 110vh;
    
}

.dowrehaDiv{
    height: 50vh;
    /*display: flex;*/
    flex-flow: column;
   margin-top:-3rem;
   margin-bottom:1rem;
   
}
.moarefiD{
    flex-flow: row; 
    float: right; 
    width:18vw; 
    margin-right:15vw;  
    margin-top:-3rem;
    padding:2rem;
    padding-bottom:1rem;
    border-radius:4.5rem;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px); /* تار کردن محتوای پشت با 10 پیکسل */
    -webkit-backdrop-filter: blur(10px); /* برای سازگاری با مرورگرهای وب‌کیت */
    border: 1px solid rgba(255, 255, 255, 0.3); /* مرز سفید با شفافیت 30% */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* سایه ملایم */
}
.moarefiDPre{
    display:none;
}
.moarefiDP{
    display:block;
 text-align:center; 
 margin-top:-2vh; 
 font-family: 'IranSansNBlack'; 
 font-size: 1.8rem; 
 margin-bottom:2vh; 
 color:#6A7F9F;
  white-space: pre-wrap;
}
.upDiv{
   /* flex-flow: column;  */
    height: 7rem;
    text-align:center;
    width:100%;
   justify-content:center;
   margin-bottom:10vh;
}
.doreP{
   color: white;
/* color:#a3b3ca;*/
    text-align: center;
    text-decoration: none; 
    font-family: 'IranSansNBlack';
    font-size: 1.6rem;
   /* font-weight: bold;*/
    padding: 2.6rem 0.3rem;
}
.dore{
    height: 7rem; /*height: 12rem; */
    width: 12rem;
    border-radius: 4rem;
    background-color:#6A7F9F;
    margin:auto;
   /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/
    transition: 0.5s;
    /* #D9534F   رنگ قرمز روشن */
    margin-top:1.5vh;
    display: flex;
     align-items:center;
     justify-content:center;
     position:relative;
}
.dore:hover{
   /* rotate:360deg ;*/
   /* border-radius: 4rem;*/
   /* background-color: #EFC30E;*/
    box-shadow:0px -1px 7px 0px;
     box-shadow: 0 2px 10px #031B37;
    /* border:1px solid #fff;*/
     margin-top:-0.2rem;
    background-color:#4f6484/*#6A7F9F*/;
}
.doreP:hover{
   /* color:#19315c;*/
}

.galleryMainDiv{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    overflow-x: hidden; /* برای جلوگیری از نمایش اسکرول هنگام جابجایی عکس ها */
   /* background-color: #F0F4F8;*/
    width: 90vw;
    margin: auto;
    position: relative;
    border-radius: 2rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border:0.1rem solid #F0F4F8;
}
.AkhbarP{
    text-align: center;
    vertical-align:middle;
    font-weight: bold;
    margin-top: 0;
    width: 90vw;
    height:15vh;
    line-height:15vh;
    position:relative;
    background-color: #F0F4F8;
    border-top-right-radius: 2rem;
    border-top-left-radius: 2rem;
    padding:0.3rem auto;
    color:#6A7F9F;
    font-size: 2.5rem; 
    font-family:'IranSansBlack';
}
.Abutton{
    width:7vw; 
    height:7vw; 
    background-color:rgba(106,127,159,0.3); 
    margin:auto; 
   
    line-height:7vh;
    border-radius:4.5vw; 
    border:0.1rem solid #F0F4F8; 
  /*  padding:1.9rem 2.3rem;*/
  text-align:center;
  vertical-align:middle;
    transition:0.5s;
    display: flex;
}
.Abutton:hover{
    background-color:rgba(106,127,159,0.7); 
}
.gallery-container {
            width: 80%;
         /*   max-width: 60vw;*/
            height:42vh;
            overflow: hidden; /* این برای پنهان کردن عکس های خارج از کادر خیلی مهمه */
            position: relative;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            border-radius: 2rem;
            background-color: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(10px); /* تار کردن محتوای پشت با 10 پیکسل */
    -webkit-backdrop-filter: blur(10px); /* برای سازگاری با مرورگرهای وب‌کیت */
    border: 1px solid rgba(255, 255, 255, 0.3); /* مرز سفید با شفافیت 30% */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* سایه ملایم */
            padding-top: 0.6rem;
            padding-bottom: 0.6rem;
            margin:auto;
            margin-top:-7vh;
            margin-bottom:3vh;
           /* border:0.6rem solid #6A7F9F; */
        }

        .gallery-wrapper {
            display: flex;
            transition: transform 1s ease-in-out; /* مدت زمان و نوع انیمیشن جابجایی */
          
        }

        .gallery-item {
            min-width: 100%; /* هر آیتم به اندازه عرض کانتینر خودش باشه */
            box-sizing: border-box; /* padding و border جزو عرض حساب بشن */
            display: flex;
           
            justify-content: center;
            align-items: center;
  
        }

        .gallery-item img {
            width: 98%;
            height: auto;
            display: block;
            margin:auto;
            border-radius: 2rem;
        }
.buttonD{
    width: 20vw;
    height: 30vh;
   /* padding:6vh;*/
   text-align:center;
   line-height:30vh;
  
    z-index: 1;
}
.buttonC{
    width:2rem; 
    height:2rem; 
    border-top:0.3rem solid #F0F4F8;
    border-left:0.3rem solid #F0F4F8; 
    border-top-left-radius:0.3rem;
    margin:auto auto; 
    vertical-align:middle;
    position:relative;
}
.roozshomarDiv{
    display:flex; 
    width:100%; 
    justify-content:center; 
    align-items:center; 
    position: relative; 
    margin-top:-8vh; 
    margin-bottom:5vh
}
.roozshDiv{
   /* background-color:#F0F4F855; */
    margin:auto; 
     background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px); /* تار کردن محتوای پشت با 10 پیکسل */
    -webkit-backdrop-filter: blur(10px); /* برای سازگاری با مرورگرهای وب‌کیت */
    border: 1px solid rgba(255, 255, 255, 0.3); /* مرز سفید با شفافیت 30% */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* سایه ملایم */
    border-radius:5rem; 
    width:20rem; 
    height:14rem; 
    padding:1.4rem
}
.roozshP{
    direction:rtl; 
    font-family: 'IranSansNBlack'; 
    font-size: 1.5rem; 
    color:#EFC30E; 
    margin-top:1rem
}
.roozshImg{
    width:10rem
}
.sabtenameDiv{
    height: 45vh;
    width: 90vw;
    margin: auto;
    margin-top:6vh;
    position: relative;
   /* background-color: rgb(88, 131, 168);*/
    border-radius: 2rem;
    flex-flow: row;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    
}
.sabtnameBu{
    display: flex; 
    flex-flow: row;
    margin-left:4rem;
    margin-top: -9vh;
}
.sabtenameTVP{
    color:#F0F4F8; 
    font-size: 2.5rem; 
    font-weight: bold; 
    /*padding:1rem; */
    font-family:'IranSansBlack';
    width:100%;
    border-top-right-radius: 2rem; 
    border-top-left-radius: 2rem; 
   /* border:0.15rem solid #EFC30E; */
    background-color:#EFC30E; 
    height: 17vh;
    line-height:17vh;
    position:relative;
    margin-top:0vh;
}


.tasbitDiv{
    width: 90vw; 
    margin: auto; 
    margin-top: 6vh; 
    position: relative;
    display:flex;
    flex-flow:row;
 /* flex-flow:column;*/
    direction:rtl;
   /* border-radius: 2rem;
    border:0.1rem solid #F0F4F8;*/
}
.tasbit{
    width: 30%; 
    float:right;
    border-radius: 2rem;
    border-bottom-left-radius: 2rem;
    border-top-right-radius: 2rem;
    border:0.1rem solid #F0F4F8;/*#EFC30E;*/
    
}
.tasbitSabtNP{
    width: 100%;
    border-top-left-radius: 2rem; 
    border-top-right-radius: 2rem; 
    background-color:#F0F4F8 ; /*   #EFC30E*/
    height: 17vh;
    line-height:17vh;
    position:relative;
    margin-top:0vh;
    color: #D9534F;/*#F0F4F8; #6A7F9F; */
    font-size: 2.5rem; 
    font-weight: bold; 
  /*  padding:1rem; */
    font-family:'IranSansBlack'
}
.moarefiTasbitP{
 /*   border-top-left-radius: 2rem; 
    border-top-right-radius: 2rem;  
    background-color:#F0F4F8; 
    height: 17vh;
    color:#6A7F9F; 
    text-align:center; 
    width:100%; 
    font-size: 2.5rem; 
    font-weight: bold; 
    padding:1rem; 
    font-family:'IranSansBlack'*/
}

.tarhVelayat{
    height: 30vh;/*height: 40vh;*/
    width: 100%;
  
    float:right;
  /*  background-color: #F0F4F8;*/
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
   /* border-bottom-right-radius: 2rem;*/
}
.sabtenameIMG{
  width:22rem;
  height:22rem;
  margin-left:2rem; 
  margin-top:-17vh;
  z-index:1;
}
.TVsabtnameDisable{
    height: 10vw;
    width: 10vw;
    margin:1.5rem;
    background-color: rgba(25, 25, 25, 0.1);
    backdrop-filter: blur(10px); /* تار کردن محتوای پشت با 10 پیکسل */
    -webkit-backdrop-filter: blur(10px); /* برای سازگاری با مرورگرهای وب‌کیت */
    border: 1px solid rgba(255, 255, 255, 0.2); /* مرز سفید با شفافیت 30% */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* سایه ملایم */
    padding: 20px;
    text-align: center;
    border-radius: 4.5rem;
    float:right;
    transition:0.4s;
    
     display: flex;
     align-items:center;
     justify-content:center;
}
.TVsabtname{
    height: 10vw;
    width: 10vw;
    margin:1.5rem;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px); /* تار کردن محتوای پشت با 10 پیکسل */
    -webkit-backdrop-filter: blur(10px); /* برای سازگاری با مرورگرهای وب‌کیت */
    border: 1px solid rgba(255, 255, 255, 0.5); /* مرز سفید با شفافیت 30% */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* سایه ملایم */
    padding: 20px;
    text-align: center;
    border-radius: 4.5rem;
    float:right;
    transition:0.5s;

     display: flex;
     align-items:center;
     justify-content:center;
}
.TVsabtname2{
    height: 10vw;
    width: 40vw;
    margin:1.5rem;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px); /* تار کردن محتوای پشت با 10 پیکسل */
    -webkit-backdrop-filter: blur(10px); /* برای سازگاری با مرورگرهای وب‌کیت */
    border: 1px solid rgba(255, 255, 255, 0.5); /* مرز سفید با شفافیت 30% */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* سایه ملایم */
    padding: 20px;
    text-align: center;
    border-radius: 4.5rem;
    float:right;
    transition:0.5s;

     display: flex;
     align-items:center;
     justify-content:center;
}
.TVsabtname2:hover{
    margin-top:1vh;
    box-shadow: 0 7px 6px rgba(0, 0, 0, 0.1); /* سایه ملایم */
}
.TVsabtnameP{
    text-align: center;
   white-space: pre-wrap;
    font-family: 'IranSansNBlack';
    font-size: 1.8rem;
   /* font-weight: bold;*/
   /* padding: 3rem 0rem;*/
    color:#F0F4F8;
    width:100%;

}

.MoarefiTarhVelayatDiv{
    width: 90vw;
    margin: auto;
    margin-top: 6vh;
    position: relative;

    border:0.1rem solid #F0F4F8; 
   /* height: 330vh;*/

     height: 45vh;
}
.MoarefiTarhVelayatP{
    border-top-left-radius: 2rem; 
    border-top-right-radius: 2rem;  
    background-color:#F0F4F8; 
    height: 17vh;
    line-height:17vh;
    margin-top:0vh;
    color:#6A7F9F; 
    top:0vh;
    /*margin-right:15vw; */
    text-align:center; 
    width:90vw; 
    position: relative;
    font-size: 2.5rem; 
    font-weight: bold; 
 /*   padding:1rem; */
    font-family:'IranSansBlack'
}
.MoarefiTarhVelayatIMG{
    /* background-color:green;*/
     width:22%; 
     margin-top:-20vh;
     z-index:1;
}
.keywordsDiv{
    width:65%; 

 /* background-color:pink;*/
    display: flex; 
    flex-flow: row;
    float:right;
    direction:rtl;
    padding-right:3rem;
}
.Mkey{
    margin:0.7rem;
    height: 10vw;
    width: 10vw;
    margin-top:-6vh;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px); /* تار کردن محتوای پشت با 10 پیکسل */
    -webkit-backdrop-filter: blur(10px); /* برای سازگاری با مرورگرهای وب‌کیت */
    border: 1px solid rgba(255,255, 255, 0.2); /* مرز سفید با شفافیت 30% */
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1); /* سایه ملایم */
    padding: 20px;
    text-align: center;
    border-radius: 5rem;
    float:right;
    transition:0.5s;
    
    display: flex;
     align-items:center;
     justify-content:center;
}
.Mkey:hover{
    margin-top:-4rem;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4); /* سایه ملایم */
}    
.MTVP{
    color: white;
    text-align: center;
    font-family: 'IranSansNBlack';
    font-size: 1.5rem;
    padding: 2.5rem 0.1rem;
}
.MoarefiTVPTitr{
    color: #D9534F;
    text-align: right;
    vertical-align:middle;
    font-family: 'IranSansNBlack';
    font-size: 2rem;
    padding: 1rem 2.8rem 0rem 0.5rem;
    margin-right:0vw;
    direction:rtl;
}
.MoarefiTVP{
    color: #F0F4F8;
    text-align: right;
    vertical-align:middle;
    font-family: 'IranSansNB';
    font-size: 1rem;
    padding: 0.5rem;
    line-height: 2.5rem;
    direction:rtl;
}


.tasbitSabtNam{
    float:left; 
    margin-right:-1vw; 
margin-bottom:0.7rem;
    height: 5.5vw;
    width: 5.5vw;
    
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px); /* تار کردن محتوای پشت با 10 پیکسل */
    -webkit-backdrop-filter: blur(10px); /* برای سازگاری با مرورگرهای وب‌کیت */
    border: 1px solid rgba(255, 255, 255, 0.3); /* مرز سفید با شفافیت 30% */
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.4); /* سایه ملایم */
    padding: 20px;
    text-align: center;
    border-radius: 3rem;
    float:right;
    transition:0.5s;
}
.tasbitSabtNam:hover{
    margin-right:0vw;
}
.tasbitIMG{
    width:18rem;
    height:18rem;
    margin-top:-2vh; 
    float:left;
    z-index:1;
}
.moarefiTasbit{
    width:75%; /*55vw; */
   /* border:0.1rem solid #F0F4F8;*/
    float:left;
    height: 45vh;
    margin: auto;
    margin-right:1.5vw;
    margin-top:1vh;
    position: relative;
   /* background-color: rgb(88, 131, 168);*/
   /* border-radius: 2rem;*/
    flex-flow: row;
   /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/
}

.madrese{
    width: 65%; 
    border:0.1rem solid #F0F4F8;
    border-radius: 2rem;
  margin-right:4.5vw;
   float:left;
    position: relative;
   /* background-color: rgb(88, 131, 168);*/
    flex-flow: row;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
}
.MMPDiv{
     display: flex;
    flex-flow: row;
     width:50%;
}
.madreseP{
    border-top-left-radius: 2rem; 
    border-top-right-radius: 2rem;  
    background-color:#F0F4F8; 
    height: 17vh;
    color:#6A7F9F;  
    text-align:center; 
    width:100%; 
    font-size: 2.5rem; 
    font-weight: bold; 
  /*  padding:1rem; */
  line-height:17vh;
  position:relative;
  margin-top:0vh;
    font-family:'IranSansBlack';
    
}
.MMP1{
    font-size:1.5rem; 
    color: #D9534F; 
    width: 13rem; 
    text-align: center;
}
.MMP2{
    width: 13rem; 
    margin:auto; 
    margin-top:0vh; 
    text-align: center;
}
.MMP3{
    width: 19rem; 
    border-right:1px solid #F0F4F8;  
    margin-left:-4.7vw; 
    font-size:1.1rem;
    margin-top:0vh;
    white-space: pre-wrap;
}
.MMPt{
    direction:rtl; 
    color:#6A7F9F; 
    font-size:0.9rem; 
    margin-top:0vh;
    text-align:center;
}
.madreseKeyDiv{
    display: flex; 
    flex-flow:row;
    direction:rtl;
    margin-right:-1vw;
}
.Madresekey{
    margin:0.3rem;
    height: 9rem;
    width: 9rem;
    margin-top:-5vh;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px); /* تار کردن محتوای پشت با 10 پیکسل */
    -webkit-backdrop-filter: blur(10px); /* برای سازگاری با مرورگرهای وب‌کیت */
    border: 1px solid rgba(255,255, 255, 0.3); /* مرز سفید با شفافیت 30% */
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3); /* سایه ملایم */
   /* padding: 20px;
    text-align: center;*/
    border-radius: 3.5rem;
    float:right;
    transition:0.5s;
    
    display: flex;
     align-items:center;
     justify-content:center;
}
.Madresekey:hover{
    margin-top:-7vh;
}
.MMP{
    font-size:1rem;
}
.TKP{
    font-size:0.9rem;
    padding: 2rem 0rem;
}
.madreseIMG{
    height: 16rem;
    width: 16rem;
    margin-top:-6.5vh;
    margin-left:-1.3vw;
    z-index:1;
}
.pasokhgooyiDiv{
    width:75px;
    height:10vh;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    float:right;
    margin-left:-5vw;
    margin-bottom:-15vh;
    position: sticky;
    top:50vh;
    right:0;
    z-index: 2;
     
    transition:0.5s;
    display: flex; 
    flex-flow:row;
    overflow-x:hidden;
}
.supportImg{
cursor: pointer;
}
.supportA{
    width:64px; 
    height:25px;
    text-align:center; 
    background-color:#031B37; 
    color:#fff; 
    margin-top:1.2vh; 
    margin-left:0.5vw;
    border-radius:4px;
    text-decoration:none;
    font-family: 'IranSansNB';
    font-size:0.9rem;
    line-height:25px;
}


@media screen and (max-width:767px){
    body{
        background-image: url(images/BGM2.webp);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: 100% 100%;
        padding:0rem;
       
    }
    .headerDiv{
        background-image: url(images/headerM.webp);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: top right;
        margin: 0%;
        height: 110vh;
    
    }
    .AsliDiv{
   
    
}
    .dowrehaDiv{
    height: 40vh;
    /*display: flex;*/
    flex-flow: column;
   margin-top:-3rem;
   margin-bottom:1rem;
   
}
    .moarefiD{
    flex-flow: column; 
    float: right; 
    width:25vw; 
    height:45vh;
    margin-right:3vw;  
    margin-top:-13vh;
    padding:0.2rem; 
    border-radius:2rem;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px); /* تار کردن محتوای پشت با 10 پیکسل */
    -webkit-backdrop-filter: blur(8px); /* برای سازگاری با مرورگرهای وب‌کیت */
    border: 1px solid rgba(255, 255, 255, 0.3); /* مرز سفید با شفافیت 30% */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* سایه ملایم */
}
.moarefiDP{
    display:none;
}
.moarefiDPre{
    display:block;
    text-align:center; 
    line-height: 3.5vh;
    margin-top:1vh; 
    font-family: 'IranSansNBlack'; 
    font-size: 1rem; 
    margin-bottom:0vh; 
    color:#6A7F9F;
}
.upDiv{
padding: 0rem;
margin-top:2vh;
}
.bottomDiv{
    padding: 0.25rem;
}
.doreP{
  /*  color: white;*/
    text-align: center;
    vertical-align:middle;
    font-family: 'IranSansNB';
    font-size: 0.9rem;
    font-weight: normal;
    padding: 2.4rem 0.3rem;
}
.doreP:hover{
  /*  color: white;   */
}
.dore{
    height: 43vw; 
    width: 23vw;
    border-radius: 8.5vw;
    background-color:#6A7F9F;
    margin:auto;
    margin-top:7vh;
   /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/
    transition: 0.5s;
    /* #D9534F   رنگ قرمز روشن */
}
.dore:hover{

    /*box-shadow:0px -1px 7px 0px;*/
     box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    /* border:1px solid #fff;*/
  /*   margin-top:1rem;
     background-color:#6A7F9F/*#6A7F9F*/;
}
.dore:active{
  /*   background-color: rgba(255, 255, 255, 0.6);*/
}

.galleryMainDiv{
    width: 92vw;
    
    margin: auto;
   
}
.AkhbarP{
    width:100%;
    height:12vh;
    line-height:12vh;
    font-size: 2rem; 
    margin-top:0vh;
    
}
.gallery-container {
            width: 94%;
            height:16vh;
            margin-right:-20vw;
            margin-left:-20vw;
            margin-top:-12vh;
            margin-bottom:0vh;
            border-radius: 8vw;
            padding-top: 0.4rem;
            padding-bottom: 0.4rem;
        }
          .gallery-item img {
            width: 98%;
            height: auto;
            display: block;
            border-radius: 2rem;
        }
.buttonD{
    width: 20vw;
    height: 20vh;
    z-index: 1;
    margin:0;
    
    padding:0rem;
}
.Abutton{
    width:16vw; 
    height:16vw; 
    background-color:rgba(106,127,159,0.02); 
    border-radius:2.3rem; 
    border:0.1rem solid #f0f4f859; 
   /* padding:1.3rem 1.8rem;*/
}
.buttonC{
    border-top:0.3rem solid #f0f4f870;
    border-left:0.3rem solid #f0f4f870; 
    border-top-left-radius:0.3rem;
}
.roozshomarDiv{
    margin-top:-10vh; 
    margin-bottom:2vh
}
.roozshDiv{
    border-radius:1.5rem; 
    width:5rem; 
    height:5rem; 
    padding:0.5rem
}
.roozshP{
    font-family: 'IranSansBlack'; 
    font-size: 0.6rem; 
    margin-top:0.3rem
}
.roozshImg{
    width:3rem
}
.sabtenameDiv{
    height: 30vh;
    margin: auto;
}
.sabtenameTVP{
    margin:auto; 
    font-size: 1.3rem; 
   /* padding:1rem 0rem; */
    height: 12vh;
    line-height:12vh;
    font-family:'IranSansBlack'
}
.sabtenameIMG{
  width:45vw;
  height:45vw;
  margin-left:-7vw; 
  margin-top:0vh;
  margin-right:-3vw;
}
.sabtnameBu{
    display: flex; 
    flex-flow: column;
    margin-left:0rem;
    margin-top:-1vh;
    margin-left:-1rem;
    
}
.TVsabtname{
    height: 23.5vw;
    width: 23.5vw;
    margin:2vw;
    margin-top:0vh;
    padding: 0px 0px;
    border-radius: 9vw;
    float:right;
    transition:0.2s;
}
.TVsabtname2{
    height: 40vw;
    width: 47vw;
    margin:2vw;
    margin-top:0vh;
    padding: 0px 0px;
    border-radius: 9vw;
    float:right;
    transition:0.2s;
}
.TVsabtname:hover{
    margin-top:0vh;
    box-shadow: 0 7px 6px rgba(0, 0, 0, 0.1); /* سایه ملایم */
}
.TVsabtname2:active{
    background-color: rgba(255, 255, 255, 0.59);
}
.TVsabtnameDisable{
    height: 23.5vw;
    width: 23.5vw;
    margin:2vw;
    margin-top:0vh;
    padding: 0px;
    border-radius: 9vw;
}
.TVsabtnameP{
    font-size: 0.8rem;
   /* font-weight: bold;*/
    
}

.sabtenameDiv{
    height: 35vh;
    width: 90vw;
    margin: auto;
    margin-top:4vh;
    position: relative;
   /* background-color: rgb(88, 131, 168);*/
    border-radius: 2rem;
    flex-flow: row;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    
}

.MoarefiTarhVelayatDiv{
    width: 90vw;
    margin: auto;
    margin-top: 6vh;
    position: relative;

    border:0.1rem solid #F0F4F8; 
}
.MoarefiTarhVelayatP{
    height: 12vh;
    line-height:12vh;
    font-size: 2rem; 
}
.MoarefiTarhVelayatIMG{
    width:45%; 
    height: 70%;
    margin-top:-2vh;
    z-index:1;
   
}
.upDivMoarefiTV{
    width:100%;
    height: 11vh;
    display:flex;
    flex-wrap: initial; 
    text-align:center;
}
.keywordsDiv{
    width:70%; 
    height: 30vh; 
    display: flex; 
    flex-flow:column;
    float:right;
    padding-right:0rem;
    text-align:center;
    margin-right:0rem;
    margin-left:-4vw;
}
.Mkey{
    margin:0.3rem;
    height: 15vw;
    width: 15vw;
    margin-top:-2vh;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px); /* تار کردن محتوای پشت با 10 پیکسل */
    -webkit-backdrop-filter: blur(10px); /* برای سازگاری با مرورگرهای وب‌کیت */
    border: 1px solid rgba(255,255, 255, 0.3); /* مرز سفید با شفافیت 30% */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* سایه ملایم */
    padding: 20px;
    text-align: center;
    border-radius:10vw;
    float:right;
    transition:0.4s;
}
.Mkey2{
    margin:auto;
    float:none;
}
.Mkey:hover{
    margin-top:-2vh;
    box-shadow: 0 7px 6px rgba(0, 0, 0, 0.1); /* سایه ملایم */
} 
.Mkey:active{
    background-color: rgba(255, 255, 255, 0.6);
} 
.MTVP{
    color: white;
    text-align: center;
    vertical-align:middle;
    font-family: 'IranSansNB';
    font-size: 0.7rem;
    padding: 0.5vw 0vw;
}
.MoarefiTVPTitr{
    color: #D9534F;
    text-align: right;
    vertical-align:middle;
    font-family: 'IranSansNBlack';
    font-size: 1rem;
    padding: 1rem 2.8rem 0rem 0.5rem;
    margin-right:0vw;
    direction:rtl;
}
.MoarefiTVP{
    color: #F0F4F8;
    text-align: right;
    vertical-align:middle;
    font-family: 'IranSansNB';
    font-size: 0.7rem;
    padding: 1rem 2rem 0rem 0.5rem;
    line-height: 2.5rem;
    direction:rtl;
}


.tasbitDiv{
    height:110vh;
    width: 90vw; 
    margin: auto; 
    margin-top: 0vh; 
    position: relative;
    display:flex;
    flex-flow:column;
}
.tasbitSabtNP{
    height: 12vh;
    font-size: 2rem; 
    line-height:12vh;
}
.tasbit{
    width: 90vw; 
    height:45vh;
    float:right;
   /* background-color: blue;*/
    border-radius: 2rem;
   /* border-bottom-left-radius: 2rem;*/
   /* border-top-right-radius: 2rem;*/
    margin:auto;
}
.tasbitSabtNam{
    height: 19vw;
    width: 19vw;
    border-radius:2.8rem;
    float:left; 
    margin-right:0vw; 
    margin-left:0rem;
    margin-top:1vh;
}
.tasbitSabtNam:hover{
    margin-top:1vh;
}
.tasbitIMG{
    width:55vw;
    height:55vw;
    margin-right:4%; 
    margin-top:4vh; 
    float:left;
}
.TKP{
    font-size:0.7rem;
    padding:1rem 0rem;
}
.moarefiTasbitP{
    height: 12vh;
    font-size: 2rem; 
}
.moarefiTasbit{
    width: 90vw; 
    height: 45vh;
    margin-top:4vh;
    margin-right:0vw;
}

.madrese{
    width: 90vw; 
    height: 45vh;
    margin-top:0vh;
    float:none;
    margin-right:0vw;
    display: flex; 
    flex-flow:column;
}
.madreseKeyDiv{
    display: flex; 
    flex-flow:column;
    margin-top:-4vh;
    margin-right:-5vw;
    width: 7.7rem;
    float:right;
    
}
.MMPDiv{
    display: flex; 
    flex-flow:column;
    width: 69%;
    margin-top:-0.2vh;
    
}
.MMP1{
    font-size:1rem; 
    color: #D9534F; 
    width: 100%; 
    text-align: center;
    padding:0rem;
    line-height: 1.7rem;
    margin-right:-1vw;
}
.MMP2{
    width: 100%; 
    margin:auto; 
    margin-top:0vh; 
    text-align: center;
    padding:0rem;
    line-height: 1.7rem;
}
.MMP3{
    line-height: 1.7rem;
    width: 100%; 
    border-top:1px solid #F0F4F8;  
    border-right:0px solid #F0F4F8;  
    margin-left:-4.5vw; 
    font-size:0.8rem;
    padding:0rem;
    padding-top:1vh;
    text-align: center;
}
.MMPt{
    font-size:0.8rem; 
    margin-top:-4vh;
    color:#6A7F9F; 
    width:45vw;
    margin-right:-10vw;
    margin-left:-5vw;
    text-align:right;
}
.MMP{
    font-size:0.8rem;
     width: 100%; 
}
.Madresekey{
    margin:0.7rem;
    height: 24vw;
    width: 24vw;
    margin-top:0.2vh;
    border-radius: 10vw;
    float:right;
    transition:0.5s;
}
.Madresekey:hover{
    margin-top:0.2vh;
}
.Madresekey:active{
    background-color: rgba(255, 255, 255, 0.59);
}
.madreseP{
    height: 12vh;
    font-size: 1.8rem; 
    font-weight: bold; 
  /*  padding:1rem; */
  line-height:12vh;
}
.madreseIMG{
    
    width: 38vw;
    height:29vh;
    margin-right:-9vw;
    margin-left:-4vw;
    background-size: 100% 100%;
}
.pasokhgooyiDiv{
    top:20vh;
}
.supportImg{
    width: 50px;
    height:50px;
    margin-top:12px;
    margin-left:18px;
    margin-right:11px;
}
}