*{
        margin:0;
        padding:0;
       }
       @font-face {
        font-family: Helvetica;
        src: url('../font/Helvetica.ttf');
        font-weight: normal;
        font-style: normal;
       }
       section{
        overflow-x: hidden !important;
        max-width: 100vw;
       }
       body{
        font-family: Helvetica;
     background: rgb(235,234,229);
 
       }
       nav{
        display: flex;
        justify-content: space-between;
        width: 90vw;
        align-items: center;
        margin: 0 auto;
       }
       nav li{
        margin-left: 30px;
       }

       .our-logo{
        width: 300px;
      }
       li{
        list-style-type: none;
       }
       a{
        text-decoration: none;
       }
       .right-nav{
        display: flex;
     
       }
     
       .right-nav  ul{
        display: flex;
       }
       header{
        padding-top: 40px;
        position: sticky;
        top: 0;
        z-index: 999;
        background:rgb(235,234,229);
       }
       .right-nav a{
        color: rgb(140,140,139);
       }

       .right-nav a.active{
        background: black;
    padding: 6px 20px;
    border-radius: 4px;
    color: #888a8b;
      }
     
    .toggler {
 
            cursor: pointer;
            font-size: 40px;
            display: none;
        }
     

        @media (max-width:772px) {
          .right-nav{
            position: fixed;
            left: 0;
           top: 0;
           width: 60vw;
          transform: translateX(-100vw);
          transition: all 0.8s ease-in-out;
        
           bottom: 0;
           z-index: 9999;
            background: rgb(21,21,23);
          
          }
          .right-nav.active{
            transform: translateX(0);
          }
          
          .right-nav ul{
            display: flex;
            flex-direction: column !important;
            justify-content: center;
           
          }
          .right-nav ul a{
            color: white;
          }
          .right-nav ul li{
            margin-bottom: 20px;
          }
          .toggler{
            display: flex;
          }
        }