/* === Bootstrap critical subset (hero only) === */
        /* ===== Bootstrap root defaults (needed) ===== */





        /* Scrollbar width */
        body::-webkit-scrollbar {
          width: 7px;
        }

        /* Scrollbar track */
        body::-webkit-scrollbar-track {
          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        }

        /* Scrollbar thumb */
        body::-webkit-scrollbar-thumb {
          background: #941044;
        }

        .container-fluid {
          width: 100%;
          padding-right: 0.75rem;
          padding-left: 0.75rem;
          margin-right: auto;
          margin-left: auto
        }

        .navbar>.container-fluid {
          display: flex;
          flex-wrap: inherit;
          align-items: center;
          justify-content: space-between;
        }

        .col-lg-12 {
          padding: 0 12px;
        }

        /* ===== Navbar base ===== */
        .navbar {
          position: relative;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: space-between;
        }

        /* ===== Navbar brand ===== */
        .navbar-brand {
          display: flex;
          align-items: center;
          padding-top: .3125rem;
          padding-bottom: .3125rem;
          margin-right: 1rem;
          text-decoration: none;
          white-space: nowrap;
        }

        /* ===== Navbar toggler ===== */
        .navbar-toggler {
          padding: .25rem .75rem;
          font-size: 1.25rem;
          line-height: 1;
          background-color: transparent;
          border: 1px solid transparent;
          border-radius: .25rem;
        }

        /* icon placeholder (prevents CLS) */
        .navbar-toggler-icon {
          display: inline-block;
          width: 1.5em;
          height: 1.5em;
          vertical-align: middle;
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%;
        }

        /* ===== Collapse system ===== */
        .collapse {
          display: none;
        }

        .collapse.show {
          display: block;
        }

        /* ===== Navbar collapse ===== */
        .navbar-collapse {
          flex-basis: 100%;
          flex-grow: 1;
          align-items: center;
        }

        /* ===== Navbar nav ===== */
        .navbar-nav {
          display: flex;
          flex-direction: column;
          padding-left: 0;
          margin-bottom: 0;
          list-style: none;
        }

        /* ===== Nav items ===== */
        .nav-item {
          display: block;
        }

        /* ===== Nav links ===== */
        .nav-link {
          display: block;
          padding: .5rem;
          text-decoration: none;
          white-space: nowrap;
        }

        /* ===== Active state (structure only) ===== */
        .nav-link.active {
          font-weight: 600;
        }

        /* ===== Utilities used ===== */
        .mx-auto {
          margin-right: auto !important;
          margin-left: auto !important;
        }

        .mb-2 {
          margin-bottom: .5rem !important;
        }

        .mb-lg-0 {
          margin-bottom: 0 !important;
        }

        /* ===== Dropdown base (layout only) ===== */
        .dropdown {
          position: relative;
        }

        .dropdown-menu {
          position: absolute;
          top: 100%;
          left: 0;
          z-index: 1000;
          display: none;
          min-width: 10rem;
          padding: .5rem 0;
          margin: 0;
          list-style: none;
        }

        .dropdown-menu.show {
          display: block;
        }

        .dropdown-item {
          display: block;
          width: 100%;
          padding: .25rem 1rem;
          text-decoration: none;
          white-space: nowrap;
        }

        /* ===== Button base (used by dropdown) ===== */
        .btn {
          display: inline-block;
          font-weight: 400;
          line-height: 1.5;
          text-align: center;
          vertical-align: middle;
          cursor: pointer;
          border: 1px solid transparent;
          padding: .375rem .75rem;
          font-size: 1rem;
          border-radius: .25rem;
        }

        /* ===== Responsive: navbar-expand-xl ===== */
        @media (min-width:1200px) {
          .navbar-expand-xl {
            flex-wrap: nowrap;
            justify-content: flex-start;
          }

          .navbar-expand-xl .navbar-nav {
            flex-direction: row;
          }

          .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
          }

          .navbar-expand-xl .navbar-toggler {
            display: none;
          }
        }


        /* Box sizing */
        *,
        *::before,
        *::after {
          box-sizing: border-box;
        }

        /* Container */
        .container {
          width: 100%;
          padding-right: 12px;
          padding-left: 12px;
          margin-right: auto;
          margin-left: auto;
        }

        /* Breakpoints */
        @media (min-width: 576px) {
          .container {
            max-width: 540px;
          }
        }

        @media (min-width: 768px) {
          .container {
            max-width: 720px;
          }
        }

        @media (min-width: 992px) {
          .container {
            max-width: 960px;
          }
        }

        @media (min-width: 1200px) {
          .container {
            max-width: 1140px;
          }
        }

        @media (min-width: 1400px) {
          .container {
            max-width: 1320px;
          }
        }

        /* Grid */
        .row {
          display: flex;
          flex-wrap: wrap;
          margin-right: -12px;
          margin-left: -12px;
        }

        .col-lg-12 {
          flex: 0 0 auto;
          width: 100%;
        }

        /* Utilities */
        .d-none {
          display: none !important;
        }

        /* Alerts (basic, non-JS) */
        .alert {
          position: relative;
          padding: 1rem 1rem;
          margin-bottom: 1rem;
          border: 1px solid transparent;
          border-radius: 0.375rem;
        }

        .alert-success {
          color: #0f5132;
          background-color: #d1e7dd;
          border-color: #badbcc;
        }





        /* Shared Animations */
        @keyframes rotation {
          0% {
            transform: rotate(0deg);
          }

          100% {
            transform: rotate(360deg);
          }
        }

        @keyframes mover {
          0% {
            transform: translateY(0);
          }

          100% {
            transform: translateY(-10px);
          }
        }

        .sidelogo {
          display: flex;
          align-items: center;
          gap: 5px;
        }

        /* Body & Essential Layout */
        body {
          font-family: "Lato", sans-serif;
          margin: 0;
        }

        /* Navbar Base Styles */
        .navbar {
          padding: 5px 5px !important;
          position: fixed !important;
          top: 0;
          left: 0;
          right: 0;
          z-index: 11;
          background-color: rgba(255, 255, 255, 0.7);
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
          border: 1px solid rgba(255, 255, 255, 0.3);
          min-height: 70px;
        }

        @media (max-width: 1600px) {
          .navbar {
            padding: 10px 5px;
          }
        }

        @media (max-width: 767px) {
          .navbar {
            padding: 10px 5px;
          }
        }

        /* Navbar Brand/Logo */
        .navbar .navbar-brand img {
          width: 100%;
          max-width: 220px;
        }

        @media (max-width: 1024px) {
          .navbar .navbar-brand img {
            width: 100%;
            max-width: 120px;
          }
        }

        /* Navbar Toggler (Mobile Menu Button) */
        .navbar .navbar-toggler {
          border: 0;
          padding: 0;
          box-shadow: none !important;
        }

        .navbar .navbar-toggler .navbar-toggler-icon {
          background-image: url(/users/assets/images/menu.png);
          background-size: 30px;
        }

        /* Navbar Collapse (Mobile Menu Container) */
        @media (max-width: 1024px) {
          .navbar .navbar-collapse {
            background-color: #fff;
            padding: 15px;
            border-radius: 15px;
            margin-top: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
          }
        }

        /* Nav Items */
        .navbar .navbar-nav .nav-item {
          margin: 0 10px;
        }

        @media (max-width: 1650px) {
          .navbar .navbar-nav .nav-item {
            margin: 0px 1px;
          }
        }

        @media (max-width: 1400px) {
          .navbar .navbar-nav .nav-item {
            margin: 0px 3px;
          }
        }

        @media screen and (min-width: 1200px) and (max-width: 1400px) {
          .navbar .navbar-nav .nav-item {
            margin: 0px 1px;
          }
        }

        /* Nav Links */
        .navbar .navbar-nav .nav-item .nav-link {
          font-size: 16px;
          color: #414141;
          font-weight: 400;
        }

        @media (max-width: 1024px) {
          .navbar .navbar-nav .nav-item .nav-link {
            font-size: 16px;
          }
        }

        @media screen and (max-width: 1600px) {
          .navbar .navbar-nav .nav-item .nav-link {
            font-size: 16px;
          }
        }

        @media screen and (min-width: 1200px) and (max-width: 1400px) {
          .navbar .navbar-nav .nav-item .nav-link {
            font-size: 15px;
          }
        }

        .navbar .navbar-nav .nav-item .nav-link.active,
        .navbar .navbar-nav .nav-item .nav-link:hover {
          color: #941044;
        }

        /* Right Side Links Container */
        .navrightlinks {
          display: flex;
          align-items: center;
        }

        @media (max-width: 991px) {
          .navbar .navrightlinks {
            display: flex;
            flex-direction: row;
          }
        }

        .navbar .navrightlinks .navbar-nav {
          gap: 5px;
          margin-right: 5px;
          margin-top: 0px;
        }

        /* Right Side Nav Items (Login/Signup) */
        .navbar .navrightlinks .nav-item {
          margin: 0 5px 0px 0px;
        }

        @media (max-width: 1600px) {
          .navbar .navrightlinks .nav-item {
            margin: 0px 2px 0px 0px;
          }
        }

        @media (max-width: 1400px) {
          .navbar .navrightlinks .nav-item {
            margin: 0px 6px 0px 0px;
          }
        }

        @media screen and (min-width: 1200px) and (max-width: 1400px) {
          .navbar .navrightlinks .nav-item {
            margin: 0px 1px 0px 0px;
          }
        }

        /* Login/Signup Buttons */
        .navbar .navrightlinks .nav-item .nav-link {
          display: flex;
          align-items: center;
          justify-content: center;
          background: linear-gradient(110deg, #FF3C12, #000080);
          color: #ffffff;
          font-weight: 700;
          padding: 7px 10px;
          max-width: 125px;
          min-width: 120px;
          text-align: center;
          border-radius: 50px;
          min-height: 38px;
          font-size: 16px;
          transition: background 0.8s ease-in-out;
        }

        .navbar .navrightlinks .nav-item .nav-link:hover {
          color: #fff;
          background: linear-gradient(110deg, #cc3300, #00004d);
        }

        @media (max-width: 1024px) {
          .navbar .navrightlinks .nav-item .nav-link {
            max-width: 115px;
            min-width: 115px;
            height: 43px;
          }
        }

        @media (max-width: 767px) {
          .navbar .navrightlinks .nav-item .nav-link {
            padding: 8px 10px;
          }
        }

        @media screen and (min-width: 1200px) and (max-width: 1400px) {
          .navbar .navrightlinks .nav-item .nav-link {
            max-width: 115px;
            min-width: 115px;
          }
        }

        /* User Dropdown */
        .dropdown {
          text-align: right;
        }

        .dropdown .dropdown-toggle {
          background-color: rgba(0, 0, 0, 0);
          border: 0;
          width: 80px;
          padding: 0;
          text-align: left;
          background-color: #fff;
          border-radius: 50px;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          margin-right: 10px;
        }

        .dropdown .dropdown-toggle:active {
          background-color: #c7c7c7;
        }

        .dropdown .dropdown-toggle span {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          background: linear-gradient(110deg, #FF3C12, #000080);
          color: #fff;
          width: 42px;
          height: 42px;
          border-radius: 50%;
        }

        .dropdown .dropdown-toggle::after {
          position: absolute;
          content: " ";
          background-image: url(/users/assets/images/dropdownArrowBlack.svg);
          width: 20px;
          height: 20px;
          background-size: 20px;
          background-repeat: no-repeat;
          border: 0;
          top: 11px;
          right: 10px;
        }

        .nav-dropdown>a {
          background: transparent !important;
          box-shadow: none !important;
          margin: 0px !important;
          padding: 0.5rem !important;
        }

        .dropdown.nav-dropdown .dropdown-toggle::after {
          position: absolute;
          content: " ";
          background-image: url(/users/assets/images/dropdownArrowBlack.svg);
          width: 17px;
          height: 17px;
          background-size: 20px;
          background-repeat: no-repeat;
          border: 0;
          top: 12px;
          right: 5px;
        }

        .dropdown .dropdown-menu {
          border: 1px solid #941044;
          box-shadow: 0 4px 30px rgba(238, 168, 134, .5);
          border-radius: 10px;
          padding: 0;
          overflow: hidden;
        }

        .dropdown .dropdown-menu li .dropdown-item {
          color: #414141;
          padding: 10px 15px;
        }

        .dropdown .dropdown-menu li .dropdown-item:focus {
          background-color: rgba(0, 0, 0, 0);
        }

        .google_select select {
          background: linear-gradient(110deg, #FF3C12, #000080);
          border: none;
          padding: 6px 21px;
          height: 38px;
          border-radius: 50px;
          color: white;
          font-size: 16px;
          font-weight: 700;
          outline: none;
        }

        .google_select select option {

          background-color: white !important;
          color: black !important;
        }

        /* Hero Section Styling */
        .heroSection {
          /* background: linear-gradient(rgba(255, 60, 18, 0.25), rgba(0, 0, 128, 0.25)); */
          background: #dadaef;
          padding: 150px 0 48px 0;
          min-height: 500px;
          overflow: hidden;
          position: relative;
          min-height: 100vh;
        }

        .heroBackground {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          z-index: 0;
          pointer-events: none;
        }

        @media (max-width: 1440px) {
          .heroSection {
            padding: 150px 0;
          }
        }

        .heroSection__Content {
          text-align: center;
          position: relative;
          z-index: 1;
        }

        .heroSection__Content h1 {
          font-size: 48px;
          margin-top: 0;
          color: #414141;
          font-weight: 800;
          margin-bottom: 20px;
        }

        @media (max-width: 768px) {
          .heroSection__Content h1 {
            font-size: 36px;
          }
        }

        .heroSection__Content p {
          font-size: 20px;
          line-height: 1.5;
          color: #414141;
          margin-top: 0px;
        }

        @media (max-width: 768px) {
          .heroSection__Content p {
            font-size: 17px;
          }
        }

        .heroSection__Content .Img .homeBanner {
          position: relative;
          z-index: 1;
        }

        .heroSection__Content .Img img {
          width: 100%;
          max-width: 835px;
        }

        .heroSection__Content .Img .star {
          position: absolute;
          animation: rotation 5s linear infinite;
        }

        .heroSection__Content .Img .star.starLeft {
          left: 10%;
        }

        .heroSection__Content .Img .star.starRight {
          right: 7%;
          bottom: 34%;
        }

        .heroSection__Content .Img .plus {
          position: absolute;
          animation: rotation 5s linear infinite;
        }

        .heroSection__Content .Img .plus img {
          width: 100%;
          max-width: 18px;
        }

        .heroSection__Content .Img .plus.plusLeft {
          left: 10%;
          bottom: 20%;
        }

        .heroSection__Content .Img .plus.plusRight {
          right: 22%;
          top: -50px;
        }

        .heroSection__Content .rocketImg {
          position: absolute;
          top: 25%;
          right: 3%;
          animation: mover 1s infinite alternate;
        }

        @media (max-width: 991px) {
          .heroSection__Content .rocketImg {
            top: 49%;
            right: -60px;
          }
        }

        @media (max-width: 768px) {
          .heroSection__Content .rocketImg {
            right: -20px;
          }
        }

        @media (max-width: 767px) {
          .heroSection__Content .rocketImg {
            display: none;
          }
        }

        @media (max-width: 991px) {
          .heroSection__Content .rocketImg img {
            width: 100%;
            max-width: 50%;
          }
        }

        /* Shared Button Styles */
        .btns {
          margin: 30px 0;
          display: flex;
          justify-content: center;
        }

        .btns a {
          width: 230px;
          display: inline-flex;
          font-size: 18px;
          font-weight: 700;
          text-decoration: none;
          justify-content: center;
          border-radius: 50px;
          padding: 10px 0;
          margin: 0 10px;
          transition: all 0.2s ease-in-out;
          color: #000000;
          border: 2px solid #000;
        }

        .btns a:first-child:hover {
          background-color: #000000;
          color: #ffffff;
        }

        @media (max-width: 767px) {
          .btns a:first-child {
            margin-bottom: 10px;
          }
        }