@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;700&display=swap');


:root{

  /* Main Colors */
  --maincolor   : #ffd500;
  --secondcolor : #434342;
  --bgdark      : #2b2a28;

}

html, body {
    width: auto!important;
    overflow-x: hidden!important;
    scroll-behavior: smooth;
}

body{
  font-family: 'Roboto', sans-serif;
  background-color:#1c1b17!important;
  color:white;
}

.fixed-top {
    top: -40px;
    transform: translateY(40px);
    transition: transform 0.3s;
}


.nav-link {
    text-transform: uppercase;
    color: #ffd500!important;
    text-align: center;
    padding: 0.8rem 0rem;
}

.navbar-toggler {
    background: #ffd500;
    color: black!important;
    padding: 1rem 5rem;
    font-weight: 600;
}

.bg_seven01{
  background-color:var(--maincolor);
}

.bg_seven02{
  background-color:var(--secondcolor);
}

.bg_seven03{
  background-color:var(--bdgark);
}

section{
  padding: 2rem 0;
}


.logo_seven{
  width: 130px;
}