@font-face {
  font-family: 'shabnam';
  src: url('../font/shabnam/Shabnam.ttf') format('truetype'),
  url(../font/shabnam/Shabnamd.woff)format('woff   ');
 
  font-weight: normal;
  font-style: normal;
}


body{
    height:350vh;
    direction: ltr;
    margin-top:0px;

}


.main-menu{
 
  margin:5px auto;
  float: right;
  text-align: center;
  margin-right: 50px;

}

.main-menu ol li{
list-style: none;
direction:rtl;
text-align: center;
display: inline;
font-size:20px;
margin: 3px;


}

.main-menu ol li a{
padding: 20px 10px;
display: inline-block;
text-decoration: none;
text-align: center;


}

.logo{
    width:30px ;
    height: 20px;
    direction: ltr;
    margin: 25px;

   
}

.logo img{
    direction: rtl;
    width:30px ;
    height: 20px;
    margin: 25px;

}

#v0  p{
      font-size: 110px;
      font-weight: bold;
      color: rgb(19, 16, 16);
      text-align: center;
      margin-top: 20px;
      perspective: 600px;
      letter-spacing: 4px;
      animation: blink 2s infinite;
      border-color: rgb(240, 251, 27);
    }

    @keyframes blink {
      0% { opacity: 1; }
      50% { opacity: 0; }
      100% { opacity: 1; }
    }





#v0 img{
   padding: 15px;
   width:100%;
   height:530px;
   padding-left: 180px;
   padding-right: 30px; 
   margin-right: 110px auto;
   margin-top: 1px;

}

#v0 img:hover{
    border-radius: 30px  10px;
}

#v1 img {

    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height:400px ;


}

#v1 p{
  font-family: 'shabnam';

}


/* 
#v2 img{
   
    float:inline-start ;    
    direction: ltr;
    padding-left: 150px;
    padding-top: 50px;
    text-align: center;
     width:30%;
} */
/* 
#v2 p{
    columns: 5;
    text-align: right;
    padding-top: 30px;
    padding-left: 150px;
    font-size: 21px;
    color: rgb(169, 92, 241);
} */

#v2 img p{
    display: flex;

}

.img-lawyer {
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);

}

.text-lawyer h2 {
    font-size: 6rem;
    align-items: center;
    font-weight: 700;
    color: #4B0082; /* رنگ حرفه‌ای وکیل */
}

.text-lawyer p {
    font-size: 20px;
    line-height: 1.6;
    color: #333;
    text-align: center;
    
}





/* برای تماس تلفنی */
 
#consult-text h1{
    font-size:80px;
    outline-text: #070509;
    color: #0c0613;
    /* text-shadow: none; */
}
.neon-text {
    font-size: 110px;
    color: #241137;
    cursor: pointer;
    text-shadow:
        0 0 5px #c586ff,
        0 0 10px #c586ff,
        0 0 20px #c586ff,
        0 0 40px #c586ff,
        0 0 80px #c586ff,
        0 0 90px #c586ff;
    animation: neonPulse 1.5s infinite alternate;
}

@keyframes neonPulse {
    0% { text-shadow: 0 0 10px #c586ff, 0 0 20px #c586ff, 0 0 40px #c586ff, 0 0 80px #c586ff; }
    50% { text-shadow: 0 0 20px #ff8aff, 0 0 40px #ff8aff, 0 0 80px #ff8aff, 0 0 160px #ff8aff; }
    100% { text-shadow: 0 0 10px #c586ff, 0 0 20px #c586ff, 0 0 40px #c586ff, 0 0 80px #c586ff; }
}

/* شماره تماس نورانی و چشمک زن */
.neon-phone {
    font-size: 120px;
    color: #6b2da5;
    opacity: 0;
    transform: translateY(50px);
    text-shadow:
        0 0 10px #c586ff,
        0 0 20px #c586ff,
        0 0 40px #c586ff,
        0 0 80px #c586ff;
    animation: blinkNeon 1s infinite;
}

@keyframes blinkNeon {
    0%, 49% { opacity: 1; text-shadow: 0 0 10px #c586ff,0 0 20px #c586ff,0 0 40px #c586ff,0 0 80px #c586ff; }
    50%, 100% { opacity: 0.2; text-shadow: 0 0 30px #0b050b,0 0 60px #0f070f,0 0 120px #0f070f,0 0 240px #ff8aff; }
}

/* ورود انیمیشنی شماره تماس */
.enter-animate {
    animation: enterUp 0.8s forwards;
}

@keyframes enterUp {
    0% { transform: translateY(50px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}




#v12 a{

    color:rgb(169, 92, 241);
}

#v12 h2{
    float: right;
}

#sl p{
    display: flex;
      font-family: 'shabnam';

}

#vh h1{
    font-size: 50px;
    text-align: center;
    margin-top: 290px;
    margin-right: 40px;
    color:rgb(201, 110, 250) ;
}
h1{
    font-size: 50px;
    text-align: center;
    margin-top: 300px;
    margin-right: 40px;
    color:rgb(201, 110, 250) ;
}

h3{
    color: rgb(161, 72, 245);
}

#v4{
    clear: both;
    width:23%;
    height:275px;
    padding: 5px;
    margin: 5px;
    float: inline-end;
    background-color: rgb(233, 222, 239);
    border-radius: 5px ;
    text-decoration: none;
   }
  

#v4 img{
  width: 100%; 
  height: 65%; 
  border-radius: 15px;
}

#v4 a h3{
    color: rgb(0, 0, 0);
   text-decoration:display;
   
   
}
#v4 p{
    text-align: right;
    padding-top: 0%;
    margin-top: 0%;
      font-family:'shabnam';

   
}


#v4 h3 {
    text-align: center;
    font-weight: 100px;
    font-size: 30px;
    padding-top: 0px;
    margin-top: 0px;
    color: rgb(161, 72, 245);
    text-decoration: none;
}
#v4 h3 :hover{
    transform: scale(1.20);
    opacity: 1;
    /* border: 4px dotted rgb(248, 9, 208) ; */
 }


#v5{
    width:23%;
    height:275px;
    padding: 5px;
    margin: 5px;
    float: inline-end;
    background-color: rgb(233, 222, 239);
    border-radius: 5px ;
    
   }

#v5 img{
  width: 100%; 
  height: 65%; 
  border-radius: 15px;
}

#v5 a h3{
    color: rgb(0, 0, 0);
   text-decoration:display;
}
#v5 p{
    text-align: right;
    padding-top: 0%;
    margin-top: 0%;
    font-family:'shabnam';

}

#v5 h3 {
    text-align: center;
    font-weight: 100px;
    font-size: 30px;
    padding-top: 0px;
    margin-top: 0px;
}



#v6{
    width:23%;
    height:275px;
    padding: 5px;
    margin: 5px;
    float: inline-end;
    background-color: rgb(233, 222, 239);
    border-radius: 5px ;
   }

#v6 img{
  width: 100%; 
  height: 65%; 
  border-radius: 15px;
}

#v6 a h3{
    color: rgb(0, 0, 0);
   text-decoration:display;
}
#v6 p{
    text-align: right;
    padding-top: 0%;
    margin-top: 0%;
    font-family:'shabnam';

}

#v6 h3 {
    text-align: center;
    font-weight: 100px;
    font-size: 30px;
    padding-top: 0px;
    margin-top: 0px;
}



#v7{
    width:23%;
    height:275px;
    padding: 5px;
    margin: 5px;
    float: inline-end;
    background-color: rgb(233, 222, 239);
    border-radius: 5px ;
   }

#v7 img{
  width: 100%; 
  height: 65%; 
  border-radius: 15px;
}

#v7 a h3{
    color: rgb(0, 0, 0);
   text-decoration:display;
}
#v7 p{
    text-align: right;
    padding-top: 0%;
    margin-top: 0%;
    font-family: 'gandom';

}

#v7 h3 {
    text-align: center;
    font-weight: 100px;
    font-size: 30px;
    padding-top: 0px;
    margin-top: 0px;
}


#v8{
    width:23%;
    height:275px;
    padding: 5px;
    margin: 5px;
    float: inline-end;
    background-color: rgb(233, 222, 239);
    border-radius: 5px ;
   }

#v8 img{
  width: 100%; 
  height: 65%; 
  border-radius: 15px;
}

#v8 a h3{
    color: rgb(0, 0, 0);
   text-decoration:display;
}
#v8 p{
    text-align: right;
    padding-top: 0%;
    margin-top: 0%;
    font-family: 'gandom';

}

#v8 h3 {
    text-align: center;
    font-weight: 100px;
    font-size: 30px;
    padding-top: 0px;
    margin-top: 0px;
}


#v9{
    width:23%;
    height:275px;
    padding: 5px;
    margin: 5px;
    float: inline-end;
    background-color: rgb(233, 222, 239);
    border-radius: 5px ;

   }

#v9 img{
  width: 100%; 
  height: 65%; 
  border-radius: 15px;
}

#v9 a h3{
    color: rgb(0, 0, 0);
   text-decoration:display;
}
#v9 p{
    text-align: right;
    padding-top: 0%;
    margin-top: 0%;
}

#v9 h3 {
    text-align: center;
    font-weight: 100px;
    font-size: 30px;
    padding-top: 0px;
    margin-top: 0px;
}



#v10{
    width:23%;
    height:275px;
    padding: 5px;
    margin: 5px;
    float: inline-end;
    background-color: rgb(233, 222, 239);
    border-radius: 5px ;
   }

#v10 img{
  width: 100%; 
  height: 65%; 
  border-radius: 15px;
}

#v10 a h3{
    color: rgb(0, 0, 0);
   text-decoration:display;
}
#v10 p{
    text-align: right;
    padding-top: 0%;
    margin-top: 0%;
}

#v10 h3 {
    text-align: center;
    font-weight: 100px;
    font-size: 30px;
    padding-top: 0px;
    margin-top: 0px;
}


#v11{
    width:23%;
    height:275px;
    padding: 5px;
    margin: 5px;
    float: inline-end;
    background-color: rgb(233, 222, 239);
    border-radius: 5px ;

   }

#v11 img{
  width: 100%; 
  height: 65%; 
  border-radius: 15px;
}

#v11 a h3{
    color: rgb(0, 0, 0);
   text-decoration:display;
}
#v11 p{
    text-align: right;
    padding-top: 0%;
    margin-top: 0%;
}

#v11 h3 {
    text-align: center;
    font-weight: 100px;
    font-size: 30px;
    padding-top: 0px;
    margin-top: 0px;
}

#v13 h1{
margin-top:110px;
font-size: 60px;
}



#v14 {

    width:390px;
    height:370px;
    padding: 5px;
    margin: 10px auto ;
    float:right;
    background-color: rgb(233, 222, 239);
    border-radius: 50% ;
    margin-right:120px;
    padding:5px;
    flex: display;
}
#v14:hover{
    transform: scale(1.20);
    opacity: 1;
    border: 4px dotted rgb(248, 9, 208) ;
 }

#v14  a img{
    
    margin-top:-20px;
    margin-top:1px;
    border-radius: 40%;
    margin-left: 50px;
}

#v14 a h4{
text-align: center;
font-size: 25px;
}

#v14 a p{
 text-align: center;   
margin-right: 7px;
margin-left: 7px;

}

#v15 {

    width:390px;
    height:370px;
    padding: 5px;
    margin: 10px auto ;
    float:right ;
    background-color: rgb(233, 222, 239);
    border-radius: 50% ;
    padding:5px;
    margin-right: 10px ;
}
#v15:hover{
    transform: scale(1.20);
    opacity: 1;
    border: 4px dotted rgb(248, 9, 208) ;
 }
#v15  a img{
    
    width:75%;
    height:220px;
    border-radius: 40%;
    margin-left:50px;
    
}

#v15 a h4{
text-align: center;
font-size: 25px;
}

#v15 a p{
text-align: center;
margin-right: 7px;
margin-left: 7px;

}


#v16 {

    width:390px;
    height:370px;
    padding: 5px;
    margin: 10px auto;
    float:right;
    background-color: rgb(233, 222, 239);
    border-radius: 50% ;
    padding:5px;
    margin-right: 10px ;
    

}
 #v16:hover{
    transform: scale(1.20);
    opacity: 1;
    border: 4px dotted rgb(248, 9, 208) ;
 }

#v16  a img{
    
    width:75%;
    height:220px;
    border-radius: 40%;
    margin-left:50px;
    
}

#v16 a h4{
text-align: center;
font-size: 25px;
}

#v16 a p{
text-align: center;
margin-right: 7px;
margin-left: 7px;
margin-top: -5ر2px;

}


#v17{
    margin-top: 500px;
    padding-top: 100px;
    margin-left: 10px;
    border: 2px  solid rgb(210, 144, 204);
    background-color: rgb(233, 222, 239);

    width: 99%;
    height: 300px;
    margin-bottom: 0px;
}

#v18{

}
#v18 h1{
    margin-top:120px;
    margin-left: 480px;
    }
    
    #v18 p{
        margin-top: 3px;
        width: 80%;
        padding: 40px;
        margin: 15px;
        margin-right:10px;
        margin-left: 100px;
        justify:50px;
        font-size:22px ;
        justify-right: 20px;
      font-family: 'shabnam';
      text-align: justify;
    }

    #v18 img{
        margin-left: 410px;
    }

    
    #v20 {
      background-color: #0d47a1;
      color: #fff;
      padding: 10px 0;
      text-align: center;
      font-weight: bold;
      font-size: 16px;
    }
    

   #v20 h2{
     font-size:80px;
     color: rgb(255, 59, 196);
     font-weight: 100px;
     margin: 15px auto;
     margin-left:200px;
   }


     #v21 p{
     margin-top: 3px;
        width: 80%;
        padding: 40px;
        margin: 15px;
        margin-right:10px;
        margin-left: 100px;
        justify:50px;
        font-size:22px ;
        justify-right: 20px;
      font-family: 'shabnam';
      text-align: justify;
   }

    #v21 img{
            margin-left: 410px;
            height: 400px;
        }
        

   #v21 h1{
    margin-top: 50px;
   }     



   #v22{

    
   }
   #v23 h1{
margin: 50px auto;
   }

   #v23 img{
    width:60% ;
    height:400px ;
    margin-left: 310px;

   }
#v23 p{
        margin-top: 3px;
        width: 80%;
        padding: 40px;
        margin: 15px;
        margin-right:10px;
        margin-left: 100px;
        justify:50px;
        font-size:22px ;
        justify-right: 20px;
      font-family: 'shabnam';
      text-align: justify;
 background: #e7d8d8;
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(124, 119, 119, 0.05);
  padding: 25px;
  max-width: 900px;
  margin: 40px auto      
     
    }


     #v24 p{
        margin-top: 3px;
        width: 80%;
        padding: 40px;
        margin: 15px;
        margin-right:10px;
        margin-left: 100px;
        justify:50px;
        font-size:22px ;
        justify-right: 20px;
      font-family: 'shabnam';
      text-align: justify;
    }
    #v24 h1{
        margin: 50px auto;

    }

    #v24 img{
    width:60% ;
    height:400px ;
    margin-left: 310px;
    }

    

    #v25 p{
       margin-top: 3px;
        width: 80%;
        padding: 40px;
        margin: 15px;
        margin-right:10px;
        margin-left: 100px;
        justify:50px;
        font-size:22px ;
        justify-right: 20px;
      font-family: 'shabnam';
      text-align: justify;
    }

    #v25 h1{
        margin: 50px auto;

    }

    #v25 img{
    width:60% ;
    height:400px ;
    margin-left: 310px;
    }


 
 #v26{
       width: 70%;
       height: 100px;
       /* background-color: rgb(247, 184, 237); */
       box-shadow:(100, 80, 100, rgb(100, 51, rgb(97, 87, 87)));
       border-radius:20%;
       margin: 50px auto;
       margin-top: -20px;

    }
     
   #v26 h2{
     font-size:70px;
     color: rgb(249, 30, 140);
     margin: 15px auto;
     margin-left:230px;
      animation: blink 2s infinite;
       @keyframes blink {
      0% { opacity: 1; }
      50% { opacity: 0; }
      100% { opacity: 1; }
    }

   }

 

   #v27 h2{
  margin-left:550px;
  font-size:80px;
  color: rgb(196, 145, 244);

   }

   #v27 img{
  margin-left:440px;

   }


   #v27 p{
  margin-top: 3px;
        width: 80%;
        padding: 40px;
        margin: 15px;
        margin-right:10px;
        margin-left: 100px;
        justify:50px;
        font-size:22px ;
        justify-right: 20px;
      font-family: 'shabnam';
      text-align: justify;
   }

#v28 h1{
    font-size:110PX;
    color:red;
    font: 100px;
    margin-top: -60px;
    animation: blink 2s infinite;


}
 @keyframes blink {
      0% { opacity: 1; }
      50% { opacity: 0; }
      100% { opacity: 1; }
    }

   #v28 img{
    
    margin-top: -50px;
     margin-left: 400px;

   }
    
    
    
#v29{

}


#v30 h2{
font-size:120px; 
 margin-top: -50px;
margin-left: 440px;
color: rgb(164, 84, 239);

}

#v30 h6{
font-size:50px; 
margin-top:1px;
margin-left: 440px;
color: rgb(164, 84, 239);
}

#v30 p{
 /* margin-top: 3px; */
        width: 80%;
        padding: 40px;
        margin: 5px;
        margin-right:10px;
        margin-left: 100px;
        justify:50px;
        font-size:22px ;
        justify-right: 20px;
      font-family: 'shabnam';
      text-align: justify; 
   }

   #v30 img{
  margin-left:400px;
  width: 40%; 
  height: 400px; 
  border-radius: 15px;
   }


 
#v31 p{
 /* margin-top: 3px; */
        width: 80%;
        padding: 40px;
        margin: 10px;
        margin-right:10px;
        margin-left: 100px;
        justify:50px;
        font-size:22px ;
        justify-right: 20px;
      font-family: 'shabnam';
      text-align: justify; 
   }   

   #v031 p{
     /* margin-top: 3px; */
        width: 80%;
        padding: 40px;
        margin: 10px;
        margin-right:10px;
        margin-left: 100px;
        justify:50px;
        font-size:22px ;
        justify-right: 20px;
      font-family: 'shabnam';
      text-align: justify;
   }










































   

     footer {
      background-color: #1a237e;
      color: #fff;
      text-align: center;
      padding: 15px 0;
      margin-top: 30px;
    }