.text-justify {
          text-align: justify;
      }

      .font-size-5 {
          font-size: 1.2rem;
      }

      @media (max-width: 768px) {
          .font-size-5 {
              font-size: 1rem;
          }
      }

      body {
          margin: 0;
          font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
      }

      #top-logo {
          padding: 30px 10px;
          font-size: 40px;
          font-weight: 800;
          text-align: center;
          text-transform: uppercase;
          background: #fff;
      }

      /* HEADER */
      /* HEADER */
      #header {
          background: #fff;
          position: sticky;
          top: 0;
          z-index: 999;
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.034);
      }

      #toggle-div {
          display: none;
          justify-content: space-between;
          align-items: center;
          padding: 13px 15px;
      }

      #mobile-title {
          display: none;
          font-size: 25px;
          font-weight: 800;
          text-transform: uppercase;
      }

      #menu-btn {
          width: 100%;
          font-size: 32px;
          background: none;
          border: none;
          cursor: pointer;
          padding: 5px 10px;
      }

      #navbar {
          display: flex;
          justify-content: center;
          border-bottom: 1px solid #eee;
          height: auto;
          overflow: hidden;
          transition: max-height 0.5s ease;
      }

      #navbar .nav-item {
          font-size: 18px;
          padding: 15px 30px;
          text-decoration: none;
          color: #000;
      }

      #navbar .nav-item:hover {
          text-decoration: underline;
      }

      #navbar .active-nav-item {
          font-weight: 800;
      }


      /*HEADER MOBILE */

      @media (max-width: 768px) {
          #header {
              position: relative;
          }

          #top-logo {
              display: none;
          }

          #toggle-div {
              display: flex;
              justify-content: center;
              padding: 0px 12px;
          }

          #navbar {
              flex-direction: column;
              max-height: 0;
          }

          #navbar.mobile-nav {
              max-height: 600px;
          }

          #navbar .nav-item {
              border-top: 1px solid #f0f0f0;
              padding: 18px;
              font-size: 16px;
              text-align: center;
          }
      }

      /* body code */
      /* body code */

      .section {
          background-color: rgba(223, 215, 180, 0.116);
      }

      /*FOOTER MOBILE */
      /* ============================================================== */
      /* ============================================================== */
      /* ============================================================== */
      /* ============================================================== */
      /* ============================================================== */
      /* ============================================================== */
      .nav-sub-menu {
          display: none;
          position: relative;
          padding: 0px 0px 10px 0px;
          box-shadow: 0 11px 16px rgb(0 0 0 / 16%);
      }

      .nav-sub-menu-btn {
          color: rgb(0, 4, 245) !important;
      }

      .nav-item-hover {
          cursor: pointer;
      }

      .nav-item-hover:hover .nav-sub-menu {
          display: block;
      }

      .nav-sub-menu {
          list-style-type: none;
          position: absolute;
          background: white;
      }

      .nav-sub-nav-item {
          display: block;
          padding: 12px 30px;
          color: black;
          text-decoration: none;
      }

      .nav-sub-nav-item:hover {
          text-decoration: underline;
      }

      @media (max-width: 768px) {
          .nav-sub-menu {
              display: block;
              position: relative;
              top: 0rem;
              padding: 0px;
              box-shadow: none;
          }

          .nav-sub-menu {
              list-style-type: none;
              background: white;
              padding: 0px 25px;
              margin-bottom: 0px;
              /* for mobile view ke lie */
              overflow: hidden;
              max-height: 0px;
              transition: max-height 0.4s ease;
          }

          .nav-sub-nav-item {
              display: block;
              padding: 15px 30px;
              color: black;
              text-decoration: none;
              text-align: center;
              border: 1px solid #0000000d;
              border-left: 1px solid rgba(0, 0, 0, 0.534);
              border-right: 1px solid rgba(0, 0, 0, 0.534);
          }
      }