*{padding:0; margin:0; box-sizing:border-box;}
body{font-family:'Inter Regular','Tajawal Medium'; color:#404646; overflow-x: hidden;}


.container-main-header{width:100%; background:#fff;}

.main-header{width:100%; max-width:1200px; height:150px; position:relative; display:flex; justify-content:space-between; 
align-items:center; margin:0 auto;}

.logo-header{width:100%; max-width:294px; height:100px; background:url("../imgs/logoANPDP.jpg")center center no-repeat;
 background-size:contain; margin-right:20px;}

.main-tilte-header{text-align:center; padding:20px;}
.main-tilte-header h1{color:#455965; font-family:'Tajawal Bold'; font-size:23px; margin-bottom:8px;}
.main-tilte-header h2{color:#455965; font-family:'Inter Bold'; font-size:20px; text-transform:uppercase;}

.dz-flag{width:100%; max-width:180px; height:120px; 
 background:url("../imgs/dz-flag.png")center center no-repeat; background-size:contain; margin-left:20px;}





a{color:#0d89e9; text-decoration:none; outline:none;}
img{max-width:100%; height:auto;}


@font-face {
  font-family:'Inter Regular';
  src:url("fonts/Inter-Regular.woff2?v=3.19") format("woff2"),
      url("fonts/Inter-Regular.woff?v=3.19") format("woff");
  font-style: normal;
  font-weight:400;
  font-display:swap;
}
@font-face {
  font-family:'Inter Medium';
  src:url("fonts/Inter-Medium.woff2?v=3.19") format("woff2"),
      url("fonts/Inter-Medium.woff?v=3.19") format("woff");
  font-style:normal;
  font-weight:500;
  font-display:swap;
}
@font-face {
  font-family:'Inter SemiBold';
  src:url("fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"),
      url("fonts/Inter-SemiBold.woff?v=3.19") format("woff");
  font-style:normal;
  font-weight:600;
  font-display:swap;	
}
@font-face {
  font-family:'Inter Bold';
  src:url("fonts/Inter-Bold.woff2?v=3.19") format("woff2"),
      url("fonts/Inter-Bold.woff?v=3.19") format("woff");
  font-style:normal;
  font-weight:700;
  font-display:swap;	
}
@font-face {
  font-family:'Inter ExtraBold';
  src:url("fonts/Inter-ExtraBold.woff2?v=3.19") format("woff2"),
      url("fonts/Inter-ExtraBold.woff?v=3.19") format("woff");
  font-style:normal;
  font-weight:800;
  font-display:swap;	
}
@font-face {
    font-family:'Tajawal Regular';
    src: url('fonts/Tajawal-Regular.woff2') format('woff2'),
         url('fonts/Tajawal-Regular.woff') format('woff');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'Tajawal Medium';
    src: url('fonts/Tajawal-Medium.woff2') format('woff2'),
         url('fonts/Tajawal-Medium.woff') format('woff');
    font-weight:500;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'Tajawal Bold';
    src: url('fonts/Tajawal-Bold.woff2') format('woff2'),
         url('fonts/Tajawal-Bold.woff') format('woff');
    font-weight:bold;
    font-style:normal;
    font-display:swap;
}