html {
scroll-behavior: smooth;
}
body{
font-family: 'Roboto', sans-serif; 
overflow-x: hidden;
}
.header{
 background-color: #f8f8f8;  
 height: 800px;
 width: 1920px;
 margin: -7px;   
 }
.container{
max-width: 1440px ;
margin: auto;
width: 1340px;
display: flex;
justify-content: space-between    
}
.nav{
list-style: none;    
padding: 0;
margin: 2;
display: flex; 
cursor: pointer;
    
   
}
.item{
margin-right: 20px  ;  
    
}
.item:last-child{
margin-right: 0px  ;
}
.logo{
font-size: 25px;
font-weight: 800;
padding-left: 20px;
padding-top: 8px;    
    
}
.tel{
font-weight: 800;
font-size: 25px;
text-decoration: none;
color: black;
padding-right: 20px;
padding-top: 8px;    
    
}
.header__text{
max-width: 1440px ;
margin: auto;
width: 1340px;
display: flex;
height: 600px;    
flex-direction: column;    

}
.button{
background-color: #598ea6;
border: 0px;
width: 240px;
height: 50px;
font-size: 18px;
line-height: 160%; 
color: white;
border-radius: 5px;
margin-left: 150px;
margin-top: 22px;    
cursor: pointer;        
}
.header__img{

height: 422px ;
width: 522px;
position: absolute;
left: 55%;
top: 186px;    
}
.img{
height: 422;
width: 522px;    
    
}
.header__title{
 padding-left: 150px;
 padding-top: 140px;    
line-height: 100%;
font-size: 56px; 
margin-bottom:0px;
line-height:  60px;   
}
.header__description{
 padding-left: 150px;
 padding-top: 15px;   
 font-size: 17px;
line-height: 27px;
    
}
#table-2{
width: 70%;
margin-top: 95px;    
}
.table-2-row{
    height: 510px;
    vertical-align: center;
    width: 33%; 
    text-align: center;
}
.tableintable{
    height: 90%;
    width: 90%;
    font-family: sans-serif;
    background-color: #f6f7fb;
}
.tableintable td{
   text-align: left;
    vertical-align: top;
    padding-left: 10px;
    padding-top: 5px;
}
.row-1{
  height: 20px;
  font-size: 15px;
  color: #696969;
  font-weight: bold;
}   
.row-2{
    font-size: 25px;
    height: 50px;
}
.row-3{
   font-size: 15px;  
   color: #696969;
    
/*   height: 180px; */    
}
.row-4{
vertical-align: bottom;
height: 90px;    
} 
#table{
margin-top: 110px;    
    
}
.shadow{
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2), 0px 6px 20px 0px rgba(0,0,0,0.19);   
}
#tablename{
font-size: 24px;
padding-left: 273px; 
margin-top: 110px;    
}
.table__button{
background-color: #598ea6;
position: relative;
left: 50%;
transform: translate(-50%, 0);    
border: 0px;
width: 200px;
height: 40px;
font-size: 18px;
line-height: 160%; 
color: white;
border-radius: 5px;
box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2), 0px 6px 20px 0px rgba(0,0,0,0.19);
cursor: pointer;    
}
#relation{
position: fixed;
height: 200px;
width: 350px;
left:50%;
top: 50%; 
margin-left: -175px;
margin-top: -100px;    
display: none;
background-color: #f6f7fb; 
font-size: 20px; 
font-family: sans-serif; 
z-index: 88;    
}
#menu__img{
margin-left: 325px ;
margin-top: 3px;    
height: 20px;
width: 20px;    
}
#newsname{
font-size: 24px;
padding-left: 273px;
margin-top: 110px;    
}
#news{
margin-top: 95px;
height: 450px;
width: 100%;   
}
#news_table{
border: solid 4px #f6f7fb;
height: 100% ;
width:  55% ;   

}
#news_img{
width: 100%;
height: 100%;
margin-left: 2px;
margin-top: 4px;    
    
}
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #598ea6; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #598ea6 ; 
}
.news_td{
height: 440px;
vertical-align: top;    
}
.top{
margin: -10px;    
background-image: url(QMS-2_1test.jpg);
height: 1000px;
background-repeat: no-repeat;
background-size: cover;    
}