/* Global Styles */

:root{
  --primary-color:#121c2e;
  --secondary-color :#1ed6c7;
  --clicked-color : #1e9aca;
  --background:linear-gradient(to right,#1ed6c7,#1e77ca);
  --title-font-size: .813rem;
  --clicked-color : #0e8cb3;
  --font: 'Raleway', sans-serif;
  --font-small: .813rem;
    --smaller-font-size: .713rem;
    --font-medium: .788rem;
    --font-large: .888rem;;
    --container-size: 70px;
    --nav-img-size: 25px;
    /*========== Font weight ==========*/
    --font-medium-weight: 300;
    --font-thin-weight : 100px;
    --font-semi-bold-weight: 500;
    --font-bold-weight: 600;
    --container-Height-size:140px;
    --container-width-size:160px;
  
  }
  
  @media screen and (min-width: 768px) {
    :root {
      --font-small: .944rem;
      --smaller-font-size: .813rem;
      --font-medium: 1rem;
      --font-large: 1.2rem;;
      --container-size: 70px;
      --nav-img-size: 25px;
      --title-font-size: 1rem;
      --container-Height-size:200px;
      --container-width-size:250px;
     
  
    }
    
   
  }
  @font-face {
    font-family: 'FontNormal';
    src: url('assets/font/thin.woff2') format('woff2'),
         url('assets/font/thin.woff') format('woff'),
         url('assets/font/thin.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
/* Footer Styles */

footer{
    background-image: var(--background);
    color: #fff;
    padding: 10px;
    margin: 0;
    bottom: 0;
    text-align: center;
  }
.footer_container{
    margin-inline-start: auto;
    row-gap: 5rem;
    font-family: var(--font) ;
  }
  .grid_footer{
    display: grid;
    gap: 2.5rem;
    padding: 20px;
  }
  .footer_content{
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    row-gap: 2rem;
  }
  .footer_list{
    display: flex;
    font-size: var(--smaller-font-size);
    font-weight: var(--font-medium-weight);
    flex-direction: column;
    justify-content: start;
    text-align: start;
   
  
  }
  .footer_items{
    list-style: none;
    font-weight: var(--font-medium-weight);
    font-family: var(--font);
    font-size: var(--smaller-font-size);
   
  
  }
 

  
.footer__link {
    color: white;
    text-decoration: none;
    list-style: none;
    font-size: var(--smaller-font-size);
    font-weight: var(--font-medium-weight);
    transition: color 0.2s ease;
  
  }
  .footer__link:hover{
    color: var(--primary-color);
  }
  .footer__terms-link{
    color: white;
    text-decoration: none;
    list-style: none;
    font-size: var(--smaller-font-size);
    font-weight: var(--font-medium-weight);
    transition: color 0.2s ease;
  }
  .footer__terms-link:hover{
    color: var(--primary-color);
  }
  .rights{
    color: white;
    text-decoration: none;
    list-style: none;
    margin-top: 10px;
    font-size: var(--smaller-font-size);
    font-weight: var(--font-medium-weight);
    transition: color 0.2s ease;
  }