:root {
  
  --main-title-color: #004278; 
  --main-body-width: 1280px; 
  --main-body-bg-color: #fff; 
  --main-body-color: #333; 
  --main-body-font-size: 16px ""; 
  --main-section-spacing: 60px; 
  --main-container-pd:16px; 
  --phone-container-pd:16px; 
  --main-svg-color: #333;
  --main-big-font-size:bold 32px ""; 

  
  --main-h1-size:bold 48px "";  
  --main-h1-color:#fff; 
  --main-section-title-color:#004278; 
  --main-section-title-font-size: bold 22px ""; 
  --left-section-title-size:bold 18px "";
  --left-section-bg-color:#ffffff;
  --list-title-size:16px ""; 
  --list-title-h1-size:bold 28px ""; 
  --list-title-h1-color:#004278; 
  --list-item-gap:24px; 

  
  --header-bg-color:#fff; 
  --header-text-color:#fff; 
  --header-svg-color:#fff; 

  
  --main-card-bg-color:#fff; 
  --main-card-title-font-size:bold 18px ""; 
  --main-blog-title-font-size: bold 24px ""; 
  --main-card-content-font-size: 14px ""; 
  --main-card-content-small-color:#a0a3a3; 
  --main-card-content-small-size:12px ""; 
  --main-card-title-line: 2; 
  --main-card-content-line: 3; 

  
  --main-button-color: #fff; 
  --main-button-size: 14px ""; 
  --main-button-hover-color: #f6f7f9; 

  
  --main-border-color: #d3d8e3; 
  --main-border-radius: 12px; 

  
  --detail-hero-text-color:#fff; 

  
  --footer-bg-color:#1d2d53;
  --footer-menu-bg-color:#3c4a6d;
  --footer-text-color: #fff; 

  --bread-text-size: 12px ""; 
  --bread-text-color: #fff; 

  
  --contact-bg-color:#f6f7f9; 

  
  --breakpoint-sm: 576px; 
  --breakpoint-md: 768px; 
  --breakpoint-xl: 1280px;
}

body{
	margin: 0;
	background-color: var(--main-body-bg-color);
}

ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

a{
	text-decoration: none;
	color: currentColor;
}

form{
	margin: 0;
}

.container{
	width: var(--main-body-width);
	max-width: 100%;
	margin: 0 auto;
	font: var(--main-body-font-size);
}

@media screen and (max-width: 1280px) {
  .container {
    padding: 0 var(--main-container-pd);
    box-sizing: border-box;
  }
}

@media screen and (max-width: 576px) {
  .container {
    padding: 0 var(--phone-container-pd);
  }
}

section{
  margin:var(--main-section-spacing) 0 ;
}