﻿@font-face {
    font-family: "F1";
    font-style: normal;
    font-weight: normal;
    src:url("nassim-regular.eot");
    src:	
		local("‚ò∫"),
    	url("nassim-regular.woff") format("woff"),
		url("nassim-regular.ttf") format("truetype");
}

@font-face {
    font-family: "F1";
    font-style: normal;
    font-weight: bold;
    src:url("nassim-bold.eot");
    src:	
		local("‚ò∫"),
    	url("nassim-bold.woff") format("woff"),
		url("nassim-bold.ttf") format("truetype");
}


body {
    margin:0px;
    padding:0px;
    font-family:Tahoma;
    font-size:8pt;
    direction:rtl;
    text-align: center;
}
.container {
    width: 768px;
  
}

@media (max-width: 768px) {
    .container {
       width: 100%;
    }
}

.ImageOstan
{
    border: none;
    width:100px;
    max-width: 100%;
    
}
.Top_BG
{
    background-image:url('../IMG/TopBG.png');
    background-repeat:repeat-x;
    background-position:center top;
}

.Top_Logo
{
    padding-top:50px;
    margin-bottom:0px;
}
.Botton_BG
{
    height:156px;
    transform: rotate(180deg);
    background-image:url('../IMG/TopBG.png');
    background-repeat:repeat-x;
    background-position:center top;
}
.Botton_Sign
{
    transform: rotate(180deg);    
    padding-bottom:50px;
    margin-top:0px;
}
.Taminmohtava
{
     color: #99CCFF;
     font-size:12pt;
}
h1
{
    padding:0px;
    margin:0px;
    font-family:F1;
    font-size: 18px;
}
h2
{
    padding:0px;
    margin:0px;
    font-family:F1;
    font-size: 14px;
}

a
{
    color: #0055a5;
    text-decoration:none;
}
img{
   max-width:100%;
}

.Taminmohtava
{
     color: #99CCFF;
     font-size:12pt;
}
.grid-head {
    display: grid;
    text-align: center;     
    gap: 1px;
    padding: 0px;
    grid-template-columns:auto 20%;
    
}
.grid-head-item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: #0055a5;
    color:#FFFFFF;
    font-family:F1;
    font-size: 18px;
}
.grid-container {
    display: grid;
    text-align: center;     
    gap: 1px;
    padding: 0px;
    grid-template-columns: 20% auto 20%;
    
}

.grid-item {
    background-color: #e5f3ff;
    display: flex;
    justify-content: center;
    flex-direction: column;
}