@font-face {
  font-family: "Mada";
  src: url(/Style%20Library/GAZTinternet/fonts/SSTArabic/SSTArabic-Light.woff2) format('woff2'), url("/Style%20Library/GAZTinternet/fonts/SSTArabic/SSTArabic-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mada";
  src: url(/Style%20Library/GAZTinternet/fonts/SSTArabic/SSTArabic-Roman.woff2) format('woff2'), url("/Style%20Library/GAZTinternet/fonts/SSTArabic/SSTArabic-Roman.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mada";
  src: url(/Style%20Library/GAZTinternet/fonts/SSTArabic/SSTArabic-Medium.woff2) format('woff2'), url("/Style%20Library/GAZTinternet/fonts/SSTArabic/SSTArabic-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mada";
  src: url(/Style%20Library/GAZTinternet/fonts/SSTArabic/SSTArabic-Medium.woff2) format('woff2'), url("/Style%20Library/GAZTinternet/fonts/SSTArabic/SSTArabic-Medium.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mada";
  src: url(/Style%20Library/GAZTinternet/fonts/SSTArabic/SSTArabic-Bold.woff2) format('woff2'), url("/Style%20Library/GAZTinternet/fonts/SSTArabic/SSTArabic-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


*, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
body{overflow:auto; overflow-x:hidden; margin:0px !important; padding:0px !important; font-family:"Mada"!important; direction:rtl; min-width:425px; color:#404040; font-size:24px; height:100%}
html{height:100%}
.clr{clear:both; display:block}
img{border:0; vertical-align:middle}
a{text-decoration:none; color:#404040}
.main_div{min-height:100%;padding:20px 20px 50px;background-color: #f5f5f5;}
.header{width:100%;max-width:1000px;padding: 5% 0 50px;margin:0 auto;text-align:center;}
.header_logo{width: 471px;max-width: 100%;}
.t_menu_404{color:#0080cb; height:60px; text-align:left; font-size:40px; padding:10px 0 0 20px}
.copyright{text-align:center; color:#404040; padding:0 10px 20px 10px}
.int_body_404_ar{padding:40px; width:100%; max-width:500px; margin:20px auto; ; text-align:right; float:right; width:50%}
.int_body_404_en{padding:40px;width:100%;max-width:500px;margin:20px auto;text-align:left;float:right;width:50%;font-family: Mada;}
.econts{max-width: 1024px;margin:0 auto;border: 1px solid rgba(0, 0, 0, 0.2);background-color: #fff;}
.pnf{font-size:35px;color: #162d59;}
.homelink{font-size:16px; color:#404040; padding-top:20px}
.homelink a:link, .homelink a:visited{
font-size: 1.6rem !important;
    display: inline-block;
    overflow: hidden;
    border-color: #d79a2b !important;
    background-color: #d79a2b !important;
    color: #fff !important;
    height: 60px;
    padding-right: 40px;
    padding-left: 40px;
    border-radius: 3px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 52px;
    white-space: nowrap;
    cursor: pointer;
    margin: 20px 0;border:1px solid;

}
.homelink a:hover{border-color: #d79a2b !important;
    background-color: #fff !important;
    color: #d79a2b !important;transition:all 0.5s ease-out}
.logo img{max-width:200px;}
@media (max-width:1024px){.main_div{background-size:auto 100%}}
@media (max-width:550px){.int_body_404_ar, .int_body_404_en{width:100%; padding:20px}.econts *{text-align:center;}}