#profit-table tr td {
            color: #fff;
        }
        #nav-link{
            color:orange;
        }
       
         .nav-link{
            font-size:28px;
            color:white !important;
        }
         @media(max-width:700px){
        #mainNavbar{
            border:1px solid white;
        }
         }
     .banner-title,  .banner-title{
   font-size: 36px;
   background:linear-gradient(to right, #ff8000,orange,#fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
       @media(max-width:700px){
        #im{
            display:none;
}
}
.appStore, .googlePlay{
    user-select:none;
    -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin:2px;
  transform:scale(1);
 

}
.title{
    font-size:26px !important;
}

.bg-gray-800 {
  background-color: #2f2f2f;
}

.text-white {
  color: #fff;
}

.p-4 {
  padding: 1rem;
}

.flex {
  display: flex;
}

.justify-between {
  justify-content: space-between;
}

.items-center {
  align-items: center;
}

.hidden {
  display: none;
}

.md:flex {
  display: flex;
}

.space-x-4 {
  gap: 1rem;
}

.hover:bg-gray-700 {
  transition: background-color 0.3s ease;
}

.hover:bg-gray-700:hover {
  background-color: #4f4f4f;
}

.p-2 {
  padding: 0.5rem;
}

.rounded {
  border-radius: 0.25rem;
}

.md:hidden {
  display: none;
}

#menu-btn {
  cursor: pointer;
}

#menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #2f2f2f;
  padding: 1rem;
  border-radius: 0.25rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#menu.show {
  display: block;
}

.mega-dropdown {
  position: relative;
}

.dropdown-button {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 99;
  display: none;
}


.dropdown-content .row {
  display: flex;
  flex-wrap: wrap;
  background:black !important;
  justify-content: space-between;
}

.dropdown-content .column {
  flex-basis: 30%;
  padding: 18px;
  width:100%;
  color:#fff;
 
}
.dropdown-content h3 {
  margin-top: 0;
  text-align:center;
  font-size:2em;
}
@media screen and (min-width:1024px){
    .dropdown-content h3{
    font-size:26px
}
}
.dropdown-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.dropdown-content li {
  margin-bottom: 10px;
  text-align:center;
  color:white;
}
@media screen and (min-width:1024px){
#p{
  text-align:left; 
}
}
.dropdown-content a {
  text-decoration: none;
  color: white !important;
  font-weight:10px;
  
}

.dropdown-content a:hover {
  color: #ff8000 !important;
}

.mega-dropdown:hover .dropdown-content {
  display: block;
}

#im{
  position: relative;
  float: right;
}

@media (max-width: 992px) { /* or your desired breakpoint */
  #im {
    display: none;
  }
}