html{
    scroll-behavior: smooth;
}

body{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
.hmh{
    display: flex;
    height: 100%;
}


@font-face{
font-family:"Iman9";
src: url(384.Font.Farsi/BNaznnBd.ttf);
}


.bo1{
width: 75%;
height: 350vh;
background-color: rgb(172, 193, 202);
}

/* background-color: rgb(4, 180, 180); */

.bo2{
    display: block;
position: fixed;
right: 0;
top: 0;
width: 25%;
height: 100vh;
background-color: rgba(255, 157, 29, 0.817);
}
/* background-color: rgb(255, 157, 29); */
.v1{
    border-radius:100%;
    height: 25%;
    /* background-image: url(astad.jpg);
    background-size: cover; */
    width: 50%;
    text-align: center;
    margin: auto;
    margin-top: 90px;
}

.img1{
      border-radius:100%;
    height: 100%;
    width: 100%;
    text-align: center;
    margin: auto;
}

.v2{
   text-align: center;
   margin: auto;
   margin-left: 40px;
   margin-top: 20%;
}

.ul1{
    direction: rtl;
    list-style: none;
   
}

.li1{
   font-weight: 800;
   font-size: 30px;
   margin-top: 20px;
 
}

.li1:hover{
transform: scale(1.3);
transition: 1s;
color: rgb(3, 79, 61);
}

.asm{
    margin-top: 30vh;
    text-align: right;

    margin-right: 15px;
    font-family: Iman9;
    font-size: 25px;
    font-weight: 900;
    animation: mtn 2s linear 1;
}

.asm1{
    margin-top: 50vh;
    display: flex;
    text-align: right;
    direction: rtl;
    margin-right: 15px;
    font-family: Iman9;
    font-size: 25px;
    font-weight: 900;
    
}
.asm2{
   
    text-align: right;
    direction: rtl;
    margin-right: 15px;
    font-family: Iman9;
    font-size: 25px;
    font-weight: 900;
    
}
.p1{
    line-height: 35px;
    direction: rtl;
    font-family: Iman9;
    font-size: 22px;
     animation: mtn 2s linear 1;
    margin-right: 15px;
    font-weight: 600;
}

.p2{
    line-height: 10px;
    direction: rtl;
    font-family: Iman9;
    font-size: 22px;
     animation: mtn 2s linear 1;
    margin-right: 15px;
    font-weight: 600;
    
}
.p3{
    line-height: 30px;
    direction: rtl;
    font-family: Iman9;
    font-size: 22px;
     animation: mtn 2s linear 1;
    margin-right: 15px;
    font-weight: 600;
    
}
.pm3{

    line-height: 30px;
    direction: rtl;
    font-family: Iman9;
    font-size: 22px;
     animation: mtn 2s linear 1;
    margin-right: 15px;
    font-weight: 1000;
    color: #550202;
    
}

.ww{
    display: flex;
    margin-left: 65.5%;
    animation: mtn 2s linear 1;
}


.tt{
    margin-left: 35px;
}

.re1{
    display: block;
}

.tt:hover{
transform: scale(1.3);
transition: 1s;

}

a{
    color: rgb(36, 37, 38);
    text-decoration: none;
}

@keyframes mtn {
    
0%{
    transform: scale(0);
    color: rgb(35, 155, 230);
}
50%{
    transform: scale(.5);
    color: rgb(12, 96, 149);
}
100%{
    transform: scale(1);
    color: rgb(6, 44, 77);
}

}

.kht{
    border: none;
    border-bottom: 1px solid #000;
    margin: 30px 0;
    margin-top: 30vh;
}


.bott{
    margin-left: 80%;
    font-size: 20px;
    border: 1px solid rgb(71, 70, 70);
    border-radius: 9999px;
    animation: Im1 3s linear infinite;
}

@keyframes Im1 {

    0%{
        background-color: rgb(231, 174, 99);
    }
    
    100%{
        background-color: rgba(55, 158, 226, 0.71);
    }
}





 .form-box {
            max-width: 450px;
            margin: auto;
            background: white;
            padding: 25px;
            border-radius: 12px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }
        input, button {
            width: 100%;
            padding: 12px;
            margin-top: 15px;
            border-radius: 8px;
            border: 1px solid #ccc;
            font-size: 15px;
        }
        button {
            background: #007bff;
            color: white;
            border: none;
            cursor: pointer;
        }
        button:hover {
            background: #005fcc;
        }
        h2 {
            text-align: center;
            margin-bottom: 20px;
        }

        @media(min-width:480px){
            .re1{
                display: none;
            }
    
        }

        .as{
            margin: 15px;
           background-color: rgba(119, 123, 124, 0.126);
           border-radius: 10px;
           
        }
        .as1{
            padding: 1px;
            margin: 15px;
           background-color: rgba(119, 123, 124, 0.126);
           border-radius: 10px;
           
        }

        .as:hover,
        .as1:hover{
            transform: scale(1.01);
            transition: 1.5s;
            background-color: rgba(35, 36, 36, 0.251);
            box-shadow: 5px 5px 10px 0px rgba(37, 36, 36, 0.203);
        }