/* style */
:root{
  --primary-color: #007bff;
  --secondary-color: #61919E;
  --bg-dark: rgb(24, 56, 67);
  
  --head-color: #46707c;
  --dark-color: #262B2C;
  --light-color: #fff;
  --danger-color: #dc3545;
  --success-color: #28a745;
  --warning-color: #ffc107;
  --info-color: #17a2b8;

  --border-radius: 0.25rem;
  --transition: all 0.3s linear;
  --box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  --max-width: 1170px;
  
}

*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 12px;
}

html, body {
  font-family: 'Raleway' ;
  font-size: 16px;
  line-height: 1.6;
  color: #262B2C;

  background: #f4f4f4;
  background-image: url("/assets/bgs/bg.svg"), linear-gradient( 165deg, var(--light-color) 50%, var(--secondary-color) 120%) ;
  background-position: 50% 50%, 0 0;
  background-attachment: fixed; 
  background-repeat: no-repeat; 
  
  
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  overflow-x: hidden;
  
}

a {
  text-decoration: none;
}

ul {
  list-style: none;
}

.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}