nav {
	background: var(--violet);
  margin-left:auto;
  margin-right: 10px;
}  
    /* normal menu css */
    .primary_menu {
      text-align: center;
    }
    .main_menu > ul > li {
        display: inline-block;
        position: relative;
        /*margin: 0 -2px;*/
      }
      .main_menu ul li {
        position: relative;
      }
      
      .main_menu ul li a {
        position: relative;
        margin: 0;
        border: 0px;
        padding: 13px 8px 13px 8px;
        text-decoration: none;
        font-size: 15px;
        font-weight: 500;
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 2px;
        letter-spacing: 0.001rem;
        color:#fff;
      }
      .main_menu ul li a i {
        font-size: 13px;
        line-height: 100%;
        margin-top: 1px;
      }
      .main_menu ul li .active,
      .main_menu ul li:hover > a {
        background:#ef88ad;
        color:#fff;
      }
      /* Normal Dropdown menu */
      .main_menu ul li ul {
        width: 230px;
        background: #fff;
        transition: 0.5s;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
        padding: 0 0 10px;
      }
      

      .main_menu ul li ul > li > a {
        padding: 10px 10px;
        font-weight: 400;
        font-size: 15px;
        text-transform: none;
        color: #333;
        white-space: nowrap;
        letter-spacing: 0.01rem;
        font-family:var(--Primary-font);
        text-wrap: wrap;
      }
 
    .main_menu ul li ul > li > a:hover{background:#ef88ad;color: #fff;}
      
      .main_menu ul li ul li ul {
        left: 100%;
        top: 0;
      }

      .main_menu ul li ul > li > ul > li > a {
        padding: 8px 10px;
        letter-spacing: 0;
      }
      
      /* mega menu css */
      .mega_menu_dropdown {
        position: static !important;
      }
      .mega_menu {
        left: 0;
        right: 0;
        background: #fff;
        display: flex;
        flex-wrap: wrap;
        transition: 0.5s;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
      }
      .mega_menu_item {
        width: 25%;
        padding: 30px 20px;
      }
    
      .mega_menu_item3 {
        width:33.33%;
        padding: 10px 10px;
      }
      .main_menu ul li .mega_menu_item a {
        padding: 10px 0;
        color: #333;
        text-align: left;
        text-transform: none;
      }
      .main_menu ul li .mega_menu_item3 a {
        padding: 10px 0;
        color: #333;
        text-align: left;
        text-transform: none;
      }
      
      .main_menu ul li .mega_menu_item a:hover {
        color: var(--hover-color);
      }
      .mega_menu_item h3 {
        margin-bottom: 15px;
        text-align: left;
      }
      .mega_menu_item img {
        width: 100%;
      }
      
      /* demo_2 css */
      .mega_menu_demo_2 .mega_menu {
        left: 50%;
        transform: translateX(-50%);
        width: 1140px;
      }

      /* demo_3 css */
      .mega_menu_demo_3 .mega_menu {
        left: 50%;
        transform: translateX(-50%);
        width: 940px;
      }
      
      .mobile_btn {
        display: none;
      }
      
      /* responsive css */
      @media (min-width: 992px) and (max-width: 1199.98px) {

        .mega_menu_demo_2 .mega_menu {
          width: 940px;
        }
        .mega_menu_demo_3 .mega_menu {
          width: 640px;
        }
        .main_menu ul li ul {
          width: 150px;
        }
      }
      
      @media (min-width: 768px) and (max-width: 991.98px) {

        .mega_menu_demo_2 .mega_menu {
          width: 700px;
        }
        .mega_menu_demo_3 .mega_menu {
          width: 500px;
        }
        .main_menu ul li a {
          font-size: 15px;
          padding: 20px 16px;
        }
        .main_menu ul li ul {
          width: 150px;
        }
      }
      @media (min-width: 768px) {
        .main_menu ul li ul {
          visibility: hidden;
          opacity: 0;
          position: absolute;
          margin-top: 50px;
          text-align: left;
        }
        .main_menu ul li .mega_menu {
          visibility: hidden;
          opacity: 0;
          position: absolute;
          margin-top: 50px;
        }
        .main_menu ul li:hover > ul {
          visibility: visible;
          opacity: 1;
          margin-top: 0px;
          z-index: 99;
        }
        .main_menu ul li:hover > .mega_menu {
          visibility: visible;
          opacity: 1;
          margin-top: 0;
          z-index: 99;
        }
      }
      
      @media (max-width: 767.98px) {
        .mega_menu_demo_2 .mega_menu,

      
        nav {
          padding:10px 10px;
        }
        .mobile_btn {
          cursor: pointer;
          display: block;
          font-family: 'Line Awesome Free';
          font-weight: 900;
          color:#fff;
          font-size:26px;
          line-height: 100%;
          text-align: right;
        }
      
        .main_menu {
          display: none;
          width: 100%;
        }
      
        .main_menu ul li {
          display: block;
        }
     
        .main_menu ul li a {
          border-bottom: 1px solid #ddd;
        }
        .main_menu ul li ul {
          width: 100%;
        }
        .main_menu ul li ul li ul {
          left: 0;
          top: auto;
        }
      
        .mega_menu .mega_menu_item {
          width: 50%;
        }
        .main_menu ul li ul {
          display: none;
          transition: none;
        }
        .main_menu ul li .mega_menu {
          display: none;
          transition: none;
        }
      
        .mega_menu_demo_2 .mega_menu {
          transform: translateX(0);
        }
      }
      
      @media (max-width: 575.98px) {
        .mega_menu .mega_menu_item {
          width: 100%;
        }
      }