.nav {
    border-bottom: 0.5px solid #e5e3da;
    padding: 18px 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .nav-name {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.5px;
  }
  .nav-links {
    font-size: 12px;
    color: #5f5e5a;
    letter-spacing: 0.4px;
  }
  .nav-links span { margin: 0 12px; }
  .nav-links .active { color: #2C2C2A; font-weight: 500; }
@media (max-width: 720px) {
    .page { margin: 0; border-radius: 0; }
    .nav, .nav-links { display: block; padding: 0; }
    .nav-links { font-size: 11px; padding-top: 8px; }
    .nav-links span { margin: 0 6px; }
  }

/* begin menu by gaurav */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 48px;
    position: relative;
    z-index: 1000;
}

.logo {

}

.nav-links {
    list-style: none;
    display: flex;
}

.nav-links li {
    position: relative;
}

.nav-links a {
    text-decoration: none;
    color: #5f5e5a;
    padding: 10px 15px;
    display: block;
    transition: 0.3s;
}

/* Desktop only hover */
@media (hover: hover) {
    .nav-links > li > a:hover {
        background: #3C5A72;
        color: #fff;
    }
}
@media (hover: hover) {
    .dropdown-menu a:hover {
        background: #3C5A72;
        color: #fff;
    }
}
/* chat gpt css */
.nav-links li ul {
  display: none;
}

.nav-links li.open > ul {
  display: block;
}
/* end chat */
.dropdown-menu {
    display: none;
    position: absolute;
    background: #FBF8F2;
    top: 36px;
    min-width: 177px;
    z-index:1201;
    width:100%
    
}

.dropdown-menu li {
    display: block;
}

@media (min-width: 769px) and (hover: hover) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

.menu-toggle {
    display: none;
    font-size: 26px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .nav-links {
        display: none;
        flex-direction: column;
        width: 100%;
        background: #222;
        position: absolute;
        top: 60px;
        left: 0;
    }
    .nav-links > li > a {
        color: #fff;
    }
    .dropdown-menu a {
    color: #000;
}
.nav-links li.open > a {
    background: #3C5A72;
    color: #fff;
}
    .nav-links li {
        text-align: center;
    }

    .menu-toggle {
        display: block;
    }

    .nav-links.active {
        display: flex;
    }
}


/* end menu css by gaurav */