body{

    font-family: "Inter", sans-serif;
  
  }
  
   
  
  .container {
  
    width: min(100%, 1440px);
  
    margin: auto;
  
  }
  
   
  
  /* ----------- header ---------- */
  
   
  
  .burger{
  
    display: none;
  
  }
  
   
  
  header{
  
    background-color: #311500;
  
    padding: 18px 94px;
  
    display: flex;
  
    justify-content: space-between;
  
    align-items: center;
  
  }
  
   
  
  .fa-solid{
  
    color: #C46A2B;
  
    font-size: 60px;
  
  }
  
   
  
  .header-ul{
  
    display: flex;
  
      column-gap: 36px;
  
      align-items: center;
  
  }
  
   
  
  .header-button{
  
  background-color: #C46A2B;
  
   width: 100px;
  
  height: 48px;
  
  border-radius: 32px;
  
  font-weight: 900;
  
  font-style: Black;
  
  font-size: 16px;
  
  line-height: 24px;
  
  letter-spacing: -0.44px;
  
  vertical-align: middle;
  
  text-transform: uppercase;
  
  color: #DEE2EB;
  
  border: none;
  
  }
  
   
  
  .inactive, .active{
  
  font-weight: 500;
  
  font-style: Medium;
  
  font-size: 16px;
  
  line-height: 24px;
  
  letter-spacing: -0.44px;
  
  vertical-align: middle;
  
  text-transform: uppercase;
  
  color: #DEE2EB;
  
  }
  
   
  
  .active{
  
    color: #C46A2B;
  
  }
  
   
  
  /* ------------- section1 ------------- */
  
   
  
   
  
   
  
  .section1{
  
    height: 640px;
  
    background-image: url(../images/cover\ \(2\).png);
  
    background-repeat: no-repeat;
  
    background-position: center;
  
    background-size: cover;
  
    display: flex;
  
    justify-content: center;
  
    /* align-items: center; */
  
  }
  
   
  
  .asect{
  
    display: flex;
  
    column-gap: 20px;
  
    padding-top: 120px;
  
    justify-content: center;
  
  }
  

  
   

   
  
  span{
  
  font-weight: 400;
  
  font-style: Regular;
  
  font-size: 48px;
  
  line-height: 56px;
  
  letter-spacing: 0.1px;
  
  color: #FFFFFF;
  
  }
  
   
  
  .arrow{
  
    width: 56px;
  
    height: 56px;
  
  }
  
   
  
  /* ------------- section2 ------------- */
  
   
  
  .section2{
  
    background-color: #DEE2EB;
  
    padding: 94px;
  
  }
  
   
  
  h1{
  
  font-weight: 700;
  
  font-style: Bold;
  
  font-size: 36px;
  
  line-height: 44px;
  
  letter-spacing: 0%;
  
  color: #311500;
  
  text-align: center;
  
  margin-bottom: 56px;
  
  }
  
   
  
  .articlediv{
  
    display: flex;
  
      column-gap: 20px;
  
      justify-content: center;
  
  }
  
   
  
  .article{
  
    background-color: #311500;
  
    padding: 8px 8px 16px 8px;
  
   
  
  }
  
   
  
  .productdiv{
  
    display: flex;
  
    align-items: center;
  
    column-gap: 127px;
  
    margin-top: 24px;
  
  }
  
   
  
  .sectp{
  
  font-weight: 700;
  
  font-style: Bold;
  
  font-size: 16px;
  
  line-height: 27px;
  
  letter-spacing: 0%;
  
  color: #C46A2B;
  
  }
  
   
  
  /* ------------ footer ----------- */
  
   
  
  footer{
  
    background-color: #311500;
  
    display: flex;
  
    justify-content: space-around;
  
    padding-top: 64px;
  
    padding-bottom: 64px;
  
  }
  
   
  
  .ul1, .ul2, address, .addressdiv{
  
    display: flex;
  
    flex-direction: column;
  
    row-gap: 8px;
  
  }
  
   
  
  .li1, .li2{
  
  font-weight: 400;
  
  font-style: Regular;
  
  font-size: 16px;
  
  line-height: 24px;
  
  letter-spacing: 0%;
  
  color: #D9D9D9;
  
  }
  
   
  
   
  
  .paddress, .atel{
  
  font-weight: 400;
  
  font-style: Regular;
  
  font-size: 16px;
  
  line-height: 24px;
  
  letter-spacing: 0%;
  
  color: #D9D9D9;
  
  }
  
   
  
  .socials{
  
    display: flex;
  
    column-gap: 16px;
  
  }