@font-face {
    font-family: 'vazir-balck';
    src: url('Vazir-Black.eot');
    src: url('Vazir-Black.eot?#iefix')format('embedded-opentype'),
         url('Vazir-Black.woff2')format('woff2'),
         url('Vazir-Black.woff')format('woff'),
         url('Vazir-Black.ttf')format('truetype');

    font-weight: normal;
    font-style: normal;     
}

body {
margin:0vw;
background-size: auto;
align-content: center;
background-position: center;
align-items: center;
align-self: center;
}

.header img {
    margin-top: 0vw;
    width: 100%;
    height: 14vw;
    margin-left: 0vw;
    float:left;
}

.footer {
    margin-bottom: 0vw ;
    width: 100%;
    color: rgb(56, 55, 55);
    background-color: #c9f7f3;
    border: 0.2vw solid black ;
    float: right;
    
    font-family: vazir-balck;
}

.footer img{
    height: 4.5vw;
    width: 4.5vw;
    float: left;
    margin-left: 16vw;
    margin-top: 0.4vw;
    
}

.footerinf{
    font-family: vazir-balck;
    font-size: 0.6vw;
    float: right;
    text-align: center;
    margin-right: 38vw;
}

.subject {
    margin-right: 7vw;
    background-color: #ffffff59;
    margin-top: 4vw;
    width: 86%;
    box-shadow: 0 1px 3em #020000;
    height: 3vw;
    float: right;
    border: 1px solid rgba(136, 241, 192, 0.671) ;
    font-family: vazir-balck;
    position: center;
    align-items: center;
    align-content: center;
    margin-top: 3vw;
    align-self: center;
   
}

.subject h3{
    font-size:0.8vw;
    color: #0148b3;
    margin-right: 1.5vw;
    font-family: vazir-balck;

}

.look {
    background-color: #ffffff59;
    margin-right: 7vw;
    margin-top: 4vw;
    width: 86%;
    box-shadow: 0 0.1vw 3em #020000;
    height: 33vw;
    margin-bottom: 5vw;
    float: right;
    align-items: center;
    align-content: center;
    align-self: center;
    font-family: vazir-balck;

}
.content-title {
    border-bottom: 0.3vw solid black ;
    font-family: vazir-balck;
    position: center;
    align-items: center;
}
.content h3 {
    text-align: center;
    font-size:1.1vw;
    color: #0148b3;
    font-family: vazir-balck;
    
}
.content p {
    margin-right: 17vw;
    margin-top: auto;
    font-size: 0.9vw;
    font-family: vazir-balck;
    
}
.content-text img {
    width: 15vw;
    height: 26.5vw;
    float: right;
    margin: 0vw;
}

.content h4{
    margin-right: 18vw;
    font-size: 0.8vw;
    font-family: vazir-balck;
    color: #2079ff;
}

.content ul{
    margin-right: 9vw;
    padding-inline: 1vw; 
    font-family: vazir-balck; 
}

.content li{
    padding-inline: 2vw; 
    padding-top: 1vw; 
    font-size: 0.7vw;
    margin-right: 9vw;
    font-family: vazir-balck;
}

.scroll-text{
    background-color: #3c856f;
    color: #ffffff;
    border: 0.1vw solid black ;
    font-size: 0.7vw;
    font-family: vazir-balck;
   
}

.menu{
    background-color: #5cbeba;
    height: 2.2vw;
    font-family: vazir-balck;
}

.menu ul{
    margin: 0;
    font-size: 0.8vw;
    font-family: vazir-balck;
}

.menu li{
    display: inline-block;
    margin-top: 0.5vw;
    padding-right: 2.3vw;
    font-family: vazir-balck;
}

.menu ul a{
    background-color: hsl(175, 81%, 33%);
    text-decoration: none;
    margin-bottom: 2vw;
    color: #ffffff;
    padding: 0.3vw;
    border-radius:0.7vw;
    font-family: vazir-balck;
    
}

.menu ul a:hover{
    background-color:#e7d639;
    color: rgb(71, 35, 35);
}

.menu li:active{
    position: relative;
    top: 0.3vw;
}


.image img{
    width: 80vw;
    height:30vw;
    align-items: center;
    margin-bottom: 4vw;
    float: right;
    margin-right: 10vw;
}



.G-look {
    background-color: #ffffff59;
    margin-right: 20vw;
    margin-top: 6vw;
    width: 60%;
    box-shadow: 0 0.1vw 3em #020000;
    height: 75vw;
    margin-bottom: 7vw;
    float: right;
    align-items: center;
    align-content: center;
    align-self: center;
    font-family: vazir-balck;

}
.G-content-title {
    border-bottom: 0.3vw solid black ;
    font-family: vazir-balck;
    position: center;
    align-items: center;
}
.G-content h3 {
    text-align: center;
    font-size:1.5vw;
    color: #93960e;
    font-family: vazir-balck;
    
}

.G-content-text img {
    width: 59.4vw;
    height: 70vw;
    float: right;
    margin-top: 0%;
}




.D-look {
    background-color: #ffffff59;
    margin-right: 7vw;
    margin-top: 4vw;
    width: 86%;
    box-shadow: 0 0.1vw 3em #020000;
    height: 30vw;
    margin-bottom: 7vw;
    float: right;
    align-items: center;
    align-content: center;
    align-self: center;
    font-family: vazir-balck;

}
.D-content-title {
    border-bottom: 0.3vw solid black ;
    font-family: vazir-balck;
    position: center;
    align-items: center;
}
.D-content h3 {
    text-align: center;
    font-size:1.5vw;
    color: #022f74;
    font-family: vazir-balck;
    
}

.D-content-text img {
    width: 22vw;
    height: 20vw;
    float: right;
    margin-right: 3vw;
}

.D-content p{
    margin-right: 30vw;
    font-size: 1.5vw;
    color: #022f74;
    font-family: vazir-balck;
}

.D-content ul{
    margin-right: 25vw;
    padding-inline: 1vw; 
    font-family: vazir-balck; 
}

.D-content li{
    padding-inline: 2vw; 
    padding-top: 1vw; 
    font-size: 0.8vw;
    margin-right: 9vw;
    font-family: vazir-balck;
}
.D-image img{
    width: 80%;
    height:15vw;
    align-items: center;
    margin-bottom: 4vw;
    float: right;
    margin-right: 5vw;
}



.C-look {
    background-color: #ffffff59;
    margin-right: 7vw;
    margin-top: 4vw;
    width: 86%;
    box-shadow: 0 0.1vw 3em #020000;
    height: 35vw;
    margin-bottom: 7vw;
    float: right;
    align-items: center;
    align-content: center;
    align-self: center;
    font-family: vazir-balck;
}
.C-content-title {
    border-bottom: 0.3vw solid black ;
    font-family: vazir-balck;
    position: center;
    align-items: center;
}
.C-content h3 {
    text-align: center;
    font-size:1.5vw;
    color: #022f74;
    font-family: vazir-balck;
}

.C-content-text img {
    width: 25vw;
    height: 22vw;
    float: left;
    margin-left: 10vw;
    
}

.C-content p{
    margin-right: 20vw;
    font-size: 1.7vw;
    color: #04409b;
    font-family: vazir-balck;
}

.C-content ul{
    margin-right: 2vw;
    padding-inline: 1vw;  
    font-family: vazir-balck;
}

.C-content li{
    padding-inline: 2vw; 
    padding-top: 1vw; 
    font-size: 1vw;
    margin-right: 9vw;
    font-family: vazir-balck;
}

.C-GMap h4 {
    text-align:right;
    font-size:1vw;
    color: #000000;
    font-family: vazir-balck;
    margin-right: 12vw;
    
}

.C-GMap{
    width: 90%;
    height:20vw;
    align-items: center;
    margin-bottom: 4vw;
    float: right;
    margin-bottom: 3vw;
}



.A-look {
    background-color: #ffffff59;
    margin-right: 7vw;
    margin-top: 4vw;
    width: 86%;
    box-shadow: 0 0.1vw 3em #020000;
    height: 30vw;
    margin-bottom: 7vw;
    float: right;
    align-items: center;
    align-content: center;
    align-self: center;
    font-family: vazir-balck;

}
.A-content-title {
    border-bottom: 0.3vw solid black ;
    font-family: vazir-balck;
    position: center;
    align-items: center;
}
.A-content h3 {
    text-align: center;
    font-size:1.5vw;
    color: #022f74;
    font-family: vazir-balck;
    
}

.A-content-text img {
    width: 25vw;
    height: 21vw;
    float: right;
    margin-right: 2vw;
}

.A-content p{
    margin-right: 28vw;
    font-size: 0.9vw;
    color: #000000;
    font-family: vazir-balck;
}
.A-content h4{
    margin-right: 26vw;
    font-size: 0.9vw;
    color: #2f572e;
    font-family: vazir-balck;
    text-align: center;
}
.A-content ul{
    margin-right: 25vw;
    padding-inline: 1vw; 
    font-family: vazir-balck; 
}

.A-content li{
    padding-inline: 2vw; 
    padding-top: 1vw; 
    font-size: 0.8vw;
    margin-right: 9vw;
    font-family: vazir-balck;
}




.P-look {
    background-color: #ffffff59;
    margin-right: 7vw;
    margin-top: 4vw;
    width: 86%;
    box-shadow: 0 0.1vw 3em #020000;
    height: 30vw;
    margin-bottom: 7vw;
    float: right;
    align-items: center;
    align-content: center;
    align-self: center;
    font-family: vazir-balck;

}
.P-content-title {
    border-bottom: 0.3vw solid black ;
    font-family: vazir-balck;
    position: center;
    align-items: center;
}
.P-content h3 {
    text-align: center;
    font-size:1.5vw;
    color: #022f74;
    font-family: vazir-balck;
    
}

.P-content-text img {
    width: 22vw;
    height: 20vw;
    float: right;
    margin-right: 3vw;
}

.P-content p{
    margin-right: 30vw;
    font-size: 1.5vw;
    color: #022f74;
    font-family: vazir-balck;
}

.P-content ul{
    margin-right: 25vw;
    padding-inline: 1vw; 
    font-family: vazir-balck; 
}

.P-content li{
    padding-inline: 2vw; 
    padding-top: 1vw; 
    font-size: 0.8vw;
    margin-right: 6vw;
    font-family: vazir-balck;
}
.P-image img{
    width: 75%;
    height: 95vw;
    align-items: center;
    margin-bottom: 4vw;
    float: right;
    margin-right: 12.5vw;
}