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

 body {
   font-family: 'Poppins', sans-serif;
 }

 /* Top Bar Styles */
 .top-bar {
   background: #020e2a;
   color: white;
   padding: 1rem 1rem;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 50;
   transition: transform 0.3s ease-in-out;
 }

 .top-bar-content {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 1rem;
   max-width: 1200px;
   margin: 0 auto;
 }

 .support-items,
 .social-media {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 }

 .support-item,
 .social-media-item {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   font-size: 14px;
 }

 .social-media-item a {
   color: white;
   text-decoration: none;
 }

 .social-media-item a:hover {
   color: #facc15;
 }

 .follow-text {
   color: #facc15;
   font-weight: bold;
 }

 .social-media-item i {
   font-size: 16px;
   width: 16px;
   height: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 /* Navbar Styles */
 .navbar {
   background: white;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   padding: 1rem 1.5rem;
   position: fixed;
   top: 50px;
   left: 0;
   width: 100%;
   z-index: 40;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .navbar-logo img {
   max-width: 70px;
   cursor: pointer;
 }

 .nav-links {
   display: flex;
   align-items: center;
   gap: 1.25rem;
   position: relative;
 }

 .nav-item,
 .dropdown-toggle {
   color: black;
   text-decoration: none;
   font-family: 'Poppins', sans-serif;
   cursor: pointer;
 }

 .nav-item:hover,
 .dropdown-toggle:hover {
   color: #facc15;
 }

 .dropdown {
   position: relative;
 }

 .dropdown-menu {
   display: none;
   position: absolute;
   margin-top: 40px;
   left: 0;
   width: 192px;
   background: #facc15;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   z-index: 50;
   overflow: hidden;
 }

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

 .dropdown-item {
   display: block;
   padding: 0.5rem 1rem;
   color: black;
   text-decoration: none;
   font-family: 'Poppins', sans-serif;
   font-size: 11px;
 }

 .dropdown-item:hover {
   background: white;
   color: #facc15;
 }

 .search-container {
   position: relative;
 }

 .search-icon {
   background: #facc15;
   border-radius: 50%;
   padding: 0.75rem;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }

 .search-dropdown {
   display: none;
   position: absolute;
   margin-top: 32px;
   right: 0;
   width: 256px;
   background: #facc15;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   z-index: 50;
   overflow: hidden;
 }

 .search-container.active .search-dropdown {
   display: block;
 }

 .search-form {
   display: flex;
   align-items: center;
   border: 8px solid #facc15;
   background: white;
 }

 .search-form input {
   width: 100%;
   padding: 0.5rem 1rem;
   border: none;
   outline: none;
   font-family: 'Poppins', sans-serif;
 }

 .search-form button {
   background: #020e2a;
   color: white;
   padding: 0.5rem 1rem;
   border: none;
   cursor: pointer;
   font-family: 'Poppins', sans-serif;
 }

 .hamburger {
   display: none;
   cursor: pointer;
   font-size: 1.5rem;
 }

 /* Mobile Menu Styles */
 .mobile-menu {
   display: none;
   position: fixed;
   top: 0;
   right: 0;
   width: 210px;
   background: #020e2a;
   color: white;
   z-index: 1000;
   overflow-y: auto;
   padding: 0 10px;
   padding-bottom: 15px;
   transform: translateX(100%);
   transition: transform 0.3s ease;
   border-radius: 10px;
   padding-left: 20px;
 }

 .mobile-menu.open {
   display: block;
   transform: translateX(0);
 }

 .mobile-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 0.5rem;
   /* padding: 1rem 0; */
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 .close-btn {
   font-size: 1.5rem;
   cursor: pointer;
 }

 .mobile-nav {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 }

 .mobile-nav-item,
 .mobile-dropdown-toggle {
   color: white;
   text-decoration: none;
   font-family: 'Poppins', sans-serif;
   padding: 0.75rem 0 1px 0;
   display: block;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 }

 .mobile-dropdown-toggle {
   display: flex;
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
 }

 .mobile-dropdown-content {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.3s ease;
   padding-left: 1rem;
 }

 .mobile-dropdown.open .mobile-dropdown-content {
   max-height: 500px;
 }

 .mobile-dropdown-item {
   display: block;
   padding: 0.75rem 0 1px 0;
   color: rgba(255, 255, 255, 0.8);
   text-decoration: none;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
   font-size: 11px;
 }

 .mobile-dropdown-item:hover {
   color: #facc15;
 }

 .mobile-dropdown .fa-chevron-down {
   transition: transform 0.3s ease;
 }

 .mobile-dropdown.open .fa-chevron-down {
   transform: rotate(180deg);
 }

 /* Content Styles */
 .content {
   margin-top: 148px;
   padding: 2rem;
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
 }

 .content h1 {
   font-size: 2rem;
   margin-bottom: 1rem;
 }

 .content p {
   font-size: 1rem;
   line-height: 1.6;
   margin-bottom: 1rem;
 }

 /* Responsive Styles */
 @media (min-width: 768px) {
   .top-bar-content {
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
   }

   .support-items,
   .social-media {
     flex-direction: row;
     gap: 1rem;
   }

   .top-bar {
     padding: 1rem 5rem;
   }

   .navbar {
     padding: 1rem 5rem;
   }
 }

 @media (min-width: 1280px) {
   .top-bar {
     padding: 1rem 10rem;
   }

   .navbar {
     padding: 1rem 10rem;
   }
 }

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

   .navbar {
     top: 0;
   }

   .nav-links {
     display: none;
   }

   .hamburger {
     display: block;
   }

   .content {
     margin-top: 80px;
   }
 }

 @media (min-width: 768px) {
   .nav-item {
     font-size: 15px;
   }

   .dropdown-toggle {
     font-size: 15px;
   }
 }

 .navspan {
   color: white;
   text-decoration: none;
   border: black;
 }

 a {
   text-decoration: none;

 }

 .submenu {
   display: none;
   padding-left: 15px;
   border-left: 2px solid #facc15;
   margin: 5px 0;
 }

 .submenu-toggle {
   cursor: pointer;
   position: relative;
 }

 .submenu-toggle::after {
   content: '\f107';
   font-family: 'Font Awesome 6 Free';
   font-weight: 900;
   margin-left: 8px;
   transition: transform 0.3s ease;
 }

 .submenu-toggle.active::after {
   transform: rotate(180deg);
 }

 .submenu.active {
   display: block;
 }

 .all-reviews-reviewer-image img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #FFC107;
  background-color: white;
  object-fit: contain;
}