.lower_section_bg{
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)),url('./images/bg8.png') no-repeat;
    background-position: center;
}

footer{
    background: url('./images/bg6.png') no-repeat;
    background-size: cover;

}

@media (max-width:768px) {
    
      .mobile_menu {
        width: 100%;
        background-color: transparent;
        transition: background-color 0.3s ease;
      }
      nav .overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 1;
      }
      
      .menu {
        display: block;
        position: fixed;
        top: 0;
        right: -80vw;
        width: 80vw;
        height: 100%;
        background-color: #fff;
        box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
        z-index: 2;
        overflow-y: auto;
        transition: 0.4s;
      }
      .bar {
        width: 30px;
        height: 3px;
        background-color: #fff;
        margin: 6px 0;
        transition: 0.4s;
      }
      .close .bar{
        background-color: #333;
      }
      .menu ul li a{
          font-size: 14px;
        }
        .menu-open {
            right: 0;
          }
          
        .menu.menu-open ul{
          min-height: 73vh;
        }
      .dropdown{
          left: -200px;
        }
      
      .burger-icon.close .bar:nth-child(1) {
        transform: rotate(-45deg) translate(-5px, 7px);
      }
      
      .burger-icon.close .bar:nth-child(2) {
        opacity: 0;
      }
      
      .burger-icon.close .bar:nth-child(3) {
        transform: rotate(45deg) translate(-5px, -7px);
      }
    .menu ul li{
      margin-bottom: 10px;
    }
    .menu ul li a{
      font-size: 12px;
    }
    .menu.menu-open img{
      max-width: 180px;
    }
    .bar{
      width: 25px;
    }
  
    .mobile_menu img{
      max-width: 180px;
    }
  }