* {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
   }

   body {
       background: #FEFBF2;
   }

   #mainheader {
       position: sticky;
       top: 0;
       width: 100%;
       z-index: 9999;
   }

   #mainheader .navbar {
       min-height: 52px;
       padding: 0;
       /* background: #FDFCF8 !important; */
   }

   /* =================================
   LOGO
================================= */

   .main-logo {
       width: 60px;
       height: auto;
       display: block;
   }


   /* =================================
   DESKTOP MENU
================================= */

   #navbarNav {
       align-items: center;
   }

   #navbarNav .navbar-nav {
       gap: 26px;
   }

   #navbarNav .nav-link {
       color: #3F4B3B;
       font-family: Figtree;
       font-size: 16px;
       font-weight: 500;
       padding: 8px 10px 2px;
       border-bottom: 2px solid transparent;
   }

   #navbarNav .nav-link:hover ,
   #navbarNav .nav-link.active {
       color: #416441;
       border-bottom: 2px solid #416441;
   }

   /* =================================
   RIGHT BUTTONS
================================= */

   .header-buttons {
       display: flex;
       align-items: center;
       gap: 8px;
   }

   .call-btn {
       height: 34px;
       padding: 0 12px;

       display: flex;
       align-items: center;
       border-radius: 8px;
       border: 1px solid #44633F;
       background: #FDFCF8;

       text-decoration: none;
       color: #44633F;
       font-family: Figtree;
       font-size: 16px;
       font-weight: 500;
   }

   .plan-btn {
       height: 34px;
       padding: 0 12px;

       display: flex;
       align-items: center;

       border-radius: 8px;
       background: #44633F;

       text-decoration: none;
       color: #FFF;
       font-family: Figtree;
       font-size: 16px;
       font-weight: 500;
   }

   .plan-btn:hover {
       background: #345434;
       color: #fff;
   }

   .mobile-header-actions {
       display: none;
   }

   .cfvgbhn {
       filter: brightness(0) invert(1);
       width: 20px;

   }

   /* =================================
   MOBILE
================================= */

   @media (max-width: 991px) {
       .mobile-header-actions {
           display: flex;
           align-items: center;
           gap: 8px;
       }


       #mainheader .navbar {
           min-height: 70px;
           background-color: #F7F4EA !important;
       }

       /* Hamburger */
       .navbar-toggler {
           width: 42px;
           height: 42px;

           padding: 0;

           border: 1px solid #d7d7d7;
           border-radius: 50%;

           display: flex;
           align-items: center;
           justify-content: center;
       }

       .navbar-toggler:focus {
           box-shadow: none;
       }

       .navbar-toggler-icon {
           font-size: 14px;
       }

       /* =================================
       IMPORTANT:
       MENU OVER BANNER
    ================================= */

       #navbarNav {
           position: absolute;

           top: 70px;
           left: 0;
           right: 0;

           width: 100%;

           background: #f7f4ea;

           padding: 8px 20px 15px;

           border-top: 1px solid #eee;
           border-bottom: 1px solid #ddd;

           box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12);

           z-index: 10000;
       }


       #navbarNav .navbar-nav {
           gap: 0;
       }

       #navbarNav .nav-link {
           padding: 8px 0;
           font-size: 14px;
           border-bottom: 1px solid #2b4e3129;
       }

       #navbarNav .nav-item:last-child .nav-link {
           border-bottom: none;
       }


       /* Hide desktop buttons */
       .header-buttons {
           display: none;
       }
   }