*,
*:after,
*:before {
	box-sizing: border-box;
}
@media only screen and (max-width:900px){
html  {
font-size :15px ;
		}
 
}
@media only screen and (max-width:650px){
html  {
font-size :14px ;
		}
		
}


body{
margin :0 ;
 background: linear-gradient(276deg, rgba(255,255,255,1) 0%, rgba(241,243,240,1) 56.1%);

font-family:Iranian_Sans , sans-serif;

    
}

header {
position: relative;
}
.since {
    text-align: center ;
    position: absolute;
    width: 100% ;
    margin: 0;
    padding: 0 ;
    color: white ;
    transition: all 1s ;
    text-shadow: 1px 1px 2px gray ;
   }

.in__header{

}
.in__header img {
width:100% ;
 box-shadow:4px 4px 12px 0 rgb(0, 0, 0, 0.4);
    margin-bottom: 0.5rem ;
   
}

#container{


}
main {

}
.in__main{
/*position:absolute;
top:80%; */
display:flex ;
justify-content: center ;
    gap:4rem ;
   flex-wrap: wrap;
    margin: 0 0.5rem ;
}
	.contact{
       
	background-color:rgb(243, 230, 230 , 1) ;
	width:425px  ;
	height:400px ;
	border-radius:8px ;
	box-shadow:4px 4px 12px 0 rgb(0, 0, 0, 0.4);
	}
		.ul__contact{
		margin-top: 1.1rem;
		direction:ltr ;
		padding: 0 ;
		
		}
			.contact__ {
			justify-content: flex-start;;
            display: flex;
            align-items: center;
             margin:0 1rem ;
               
			}
			 .contact__ h4{
			font-family:Iranian_Sans ,sans-serif;
			font-size:0.8rem ;
			padding:0.8rem ; 
			margin: 0 ;
             font-weight: 500 ;
                 
			}
			.contact__ i {
			color:crimson;
           
			}
           
		.contact__form {
			    margin-left: 2rem;
				margin-right: 2rem;
				}
			form{
			display :flex ;
			flex-direction:column ;
			padding:0 ;
		
			}
            
				input{
					height:2.5rem ;
					font-family:Iranian_Sans , sans-serif;
					border:0 ;
					outline-color:lightgray ;
					border-radius:4px ;
					direction:ltr ;
					text-align:center;
					font-weight:normal ;
                    font-size: 0.8rem ;
					}
					
				#input2{
					font-family:Iranian_Sans , sans-serif;
                    font-size:0.8rem ;
					border:0 ;
					outline-color:lightgray ;
					border-radius:4px ;
					font-weight:normal ;
					
				}
        
			button.submit{
					align-self:center ;
					width:5rem ;
					font-family:Iranian_Sans , sans-serif;
                     font-size: 0.8rem ;
					border:0 ;
					border-radius:4px ;
					background-color:palevioletred;
					transition:all 0.4s ease 100ms;
                    padding: 0.5rem;
}
					
				
	
		.nav{
    background-color:rgb(243, 230, 230 , 1) ;
	max-width:425px  ;
	height:400px ;
	border-radius:8px ;
	box-shadow:4px 4px 12px 0 rgb(0, 0, 0, 0.4);
		}
			.add{
				margin-top: 1.1rem;
			}
				.in__add{
            justify-content: flex-start;
            display: flex;
            align-items: center;
             margin:0 1rem ;
              
                }
            .in__add i{
                color: crimson ;
                    }
                .in__add h4 {
                margin: 0 ;
                padding: 0 0.8rem 0 0.8rem;
               font-weight: 500 ;
                font-family:Iranian_Sans,sans-serif;
                font-size:0.8rem ;
                }
             #buttonLocation {
              justify-content: center;
                display: flex;
                align-items: center;
                margin:0 1rem ;
                gap:35px ;
                }
                    button.neshan,.balad {
					align-self:center ;
					width:7rem ;
					font-family:Iranian_Sans , sans-serif;
                     font-size: 0.8rem ;
					border:0 ;
					border-radius:4px ;
					background-color:palevioletred;
					transition:all 0.4s ease 100ms;
                    padding: 0.5rem;
                    margin-top: 5px ;
                       
                }
            
	           button:hover {
					opacity:0.8;
                   background-color:plum;
				}
				/*.bottom_text_add{
					font-size:0.6rem ;
					margin:0.5rem 0 0 0 ;
					padding:0 ;
					text-align:center ;
					
				}
                .icon_down_b{
                    display: block;
                    width: 1rem ;
                    height: 1rem ;
                    margin-left: auto ;
                    margin-right: auto;
                     animation: icon_down 0.8s 2s infinite alternate ease ;
                }*/
			
		 .name{
			opacity:0 ;
		 }

			.map {
			display:flex ;
			justify-content:center ;
			}
				iframe {
				margin-top:5% ;
				box-shadow:4px 4px 12px 0 rgb(0, 0, 0, 0.4);
				width :85% ;
				border:0 ;
				height:250px ;
				border-radius:5px ;
				
				}
.video_cont{
   background-color:rgb(243, 230, 230 , 1) ;
	max-width:540px  ;
	max-height:270px ;
	border-radius:8px ;
	box-shadow:4px 4px 12px 0 rgb(0, 0, 0, 0.4);
    margin: 4rem auto;
}
.video{
    width:91%  ;
        margin: 1rem 1.55rem;
	
   
}
.copyright {
    background: linear-gradient(340deg, rgba(255,255,255,1) 0%, rgba(241,243,240,1) 56.1%);
    padding: 0.2rem 0;
    margin: 0;

}
    .copyright h6{
    font-family:Iranian_Sans ,sans-serif ;
     color: gray ; 
    text-align: center;
     font-weight: normal ;
     margin: 0 ;
        padding: 0.3rem;
  }
   .copyright span{ 
       color: red ;
}
@keyframes icon_down {
  0% { transform:translateY(-4px) ;}
    100{transform: :translateY(4px) ;}
}