/* ======================= Navbar start ======================= */
 a.nav-link.scroll-top.activeHover {
    font-weight: 600;
}
 .navbar { box-shadow: 2px 2px 5px rgba(112, 112, 112, 0.795); background: #fff;}
 .navbar-brand1 img { width:160px !important; }
 .colornavbar  { background: #fff; border-bottom: 1px solid #000; box-shadow: 2px 2px 5px rgba(112, 112, 112, 0.795); }
 .navbar .navbar-nav .nav-link { color: #000; padding: 1rem 1.2rem; position: relative; }
 .nav-item a { font-family: 'CormorantGaramond', sans-serif; font-size: 17px; font-weight: 500; }
 .nav-item a>i { margin-left: 5px; }
 .nav-item a:after {
     content: '';
     position: absolute;
     display: block;
     width: 0;
     height: 2px;
     -webkit-transition: width .3s linear;
     transition: width .3s linear;
     background: #fff;
     bottom: 0;
     left: 0;
 }
 .nonscrollheader {
     
     top: 0;
     width: 100%;
     left: 0;
     z-index: 9;
     transform: translateY(-150%);
     transition: all ease-in-out 1s;
 }
 .nav-item:hover a:after { width: 100%; }
 .colornavbar .navbar-nav .nav-link { color: #000 !important; }
 .colornavbar .navbar-brand1 img { filter: invert(0); }
 .colornavbar .nav-item a:after { background: #000; }
 button.navbar-toggler { padding: 0px; border: none; }
 rect.line.line--top { fill: #000; }
 rect.line.line--bottom { fill: #000; }
 .navbar-toggler:focus { box-shadow: unset; }
 .navbar-toggler circle { fill: #fff !important; }
 .navbar-toggler:hover .line--top { width: 12px; x: 30px; transition: 0.2s all;}
 .navbar-toggler:hover .line--bottom { width: 24px; x: 18px; transition: 0.2s all;}
 .colornavbar rect.line.line--top { fill: #fff; }
 .colornavbar rect.line.line--bottom { fill: #fff; }
 .colornavbar .navbar-toggler circle { fill: #000 !important; }
 .colornavbar .navbar-toggler:hover .line--top { width: 12px; x: 30px; transition: 0.2s all;}
 .colornavbar .navbar-toggler:hover .line--bottom { width: 24px; x: 18px; transition: 0.2s all; }
 
 /* ======================= Navbar End ======================= */
 @media only screen and (min-width: 1850px) {
     .nav-item a { font-family: 'CormorantGaramond', sans-serif; font-size: 18px; font-weight: 500; }
 }
 @media only screen and (min-width: 1500px)  and (max-width: 1800px) {
     .nav-item a { font-family: 'CormorantGaramond', sans-serif; font-size: 17px; font-weight: 500; }
 }
 @media only screen and (min-width : 992px) and (max-width: 1200px) {
     .nav-item a { font-family: 'CormorantGaramond', sans-serif; font-size: 14px; font-weight: 500; }
     .navbar .navbar-nav .nav-link { color: #000; padding: 1rem 1rem; position: relative; }
 }
 /* ======================= Tablet Start ======================= */
 @media only screen and ( max-width: 991px ) {
   .navbar-brand { margin-right: 0; padding: 0 1em; }
   /*button.navbar-toggler { margin: 10px 0px; border: 1px solid #000;}*/
   .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: unset; }
   .navbar .navbar-nav .nav-link { color: #000;  border-right: none; margin: 0em 0em; border: none; }
   /* .navbar-collapse { flex-basis: 84%; flex-grow: 1; align-items: center; position: absolute; width: 100%; top: 0px; left: 0px; background: #fff; } */
   /* .navbar-collapse { flex-basis: 84%; flex-grow: 1; align-items: flex-start; position: fixed; width: 80%; top: 0px; left: -50px; background: #fff; height: 100vh; transition: transform 0.3s ease; transform: translateX(-100%); z-index: 999; padding: 1em; } */
   .navbar-collapse { align-items: flex-start; position: fixed; width: 80%; top: 0px; left: 0px; background: #fff; height: 100vh; transition: none; transform: translateX(-100%); z-index: 999; padding: 1em; overflow: hidden; opacity: 1; flex-direction: column; display: flex; animation: fadeInLeftMenu 0.8s ease forwards }
   .navbar-collapse.show { transform: translateX(0); }
   .navbar-nav li { text-align: left; border-bottom: none; }
   .navbar-brand1 { width: 40% !important; }
   /* .navbar-nav { background: #fff;height: 100vh; display: block; align-content: center; } */
   /* .navbar-nav { display: block; align-content: flex-start; padding: 0; margin: 0; width: 100%; } */
   .navbar-nav { display: flex; flex-direction: column; padding: 0; margin: 0; width: 100%; }

   .navbar-toggler { padding: 0; border: none; z-index: 9999; }
   .navbar-brand1 img { width: 100%; }
   /* .nav-item { text-align: left; border-bottom: 1px solid #000 !important; padding: 0.5em 0; } new ========== */
   .nav-item { opacity: 0; transform: translateY(-20px); animation: fadeInMenu 0.7s ease forwards; width: 100%; text-align: left; border-bottom: 1px solid #000 !important; padding: 0.5em 0; }
   .nav-item:last-child { border-bottom: none; }
   /* .nav-item a { font-family: 'CormorantGaramond', sans-serif; font-size: 22px; font-weight: 500;} */
   .nav-item a { font-family: 'CormorantGaramond', sans-serif; font-size: 22px; font-weight: 500; text-decoration: none; color: #000; display: block; padding-left: 10px; } /*new ==========*/
   .nav-item:nth-child(1) { animation-delay: 0.3s; }
   .nav-item:nth-child(2) { animation-delay: 0.4s; }
   .nav-item:nth-child(3) { animation-delay: 0.6s; }
   .nav-item:nth-child(4) { animation-delay: 0.8s; }
   .nav-item:nth-child(5) { animation-delay: 1s; }
   .nav-item:nth-child(6) { animation-delay: 1.2s; }
   .togg-logo {
    display: none;
    text-align: center;
    margin-top: 20px;
   }
   .togg-logo img {
    max-width: 200px;
    height: auto;
    margin-top: -25px;
   }
   .navbar-collapse.navbar-collapse.show .togg-logo {
    display: block;
    animation: fadeInLeftMenu 0.8s ease forwards;
   }
   @keyframes fadeInMenu {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
   }
   @keyframes fadeInLeftMenu {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
   }
   button.navbar-toggler { padding: 0px; border: none; z-index: 99; } 
   .navbar-toggler svg { border: 1px solid #000; border-radius: 50%; }
 }
 /* ======================= Tablet End ======================= */
 /* ======================= Large Mobile Start ======================= */
 @media only screen and (min-width: 480px) and (max-width: 767px) {
     .navbar-brand1 { width: 50% !important; z-index: 99; }
       .navbar-brand1 img { width: 100%; }
     .navbar-toggler svg { width: 40px; height: 40px; }
 }
 /* ======================= Large Mobile End ======================= */
 /* ======================= Small Mobile Start ======================= */
 @media only screen and (min-width: 300px) and (max-width: 480px) {
       .navbar-brand1 { width: 50% !important; z-index: 99; }
       .navbar-brand1 img { width: 100%; }
     .navbar-toggler svg { width: 40px; height: 40px; }
 }
 /* ======================= Small Mobile End ======================= */