/* buy now css */
.table-container {
   width: 100%;
   }

.full-width-table {
    width: 100%;
    }
    
.bold-text {
   font-size: 0.9rem;
   font-weight: 900;
   }

Span {
   font-size: 2.9rem;
   font-weight: 900;
   color:#ffff00;
   }

.right-align {
   text-align: right;
    }
/* end buy now css */



.image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px; /* Optional: adds space between images */
  }

.image-container-free-trial {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px; /* Optional: adds space between images */
  }
  
.image-container img {
    max-width: 45%; /* Adjust as necessary */
    height: auto; /* Keeps the aspect ratio */
  }

.image-container-free-trial img {
    max-width: 90%; /* Adjust as necessary */
    height: auto; /* Keeps the aspect ratio */
  }

body {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background-color: #121212; /* Dark background for the body */
    color: #e0e0e0; /* Light grey text for good contrast */
}

.xx {
    max-width: 23%;
    height: auto;
}




.full_size_nav, .mobile-friendly-nav {
    background-color: #1f1f1f; /* Slightly lighter dark shade for navigation */
    color: #e0e0e0; /* Light grey text color */
    padding: 10px 20px;
    text-align: center;
}

.full_size_nav a, .mobile-friendly-nav a {
    color: #bb86fc; /* Soft purple color for links */
    margin: 0 10px;
    text-decoration: none;
}

.full_size_nav a:hover, .mobile-friendly-nav a:hover {
    color: #ff9900; /* Shade of orange for hover */
    text-decoration: underline;
}

.mobile-friendly-nav .hamburger {
    background: none;
    border: none;
    color: #e0e0e0; /* Light grey color for menu icon */
    font-size: 24px;
    cursor: pointer;
}

.mobile-friendly-nav .menu {
    display: none;
}

header {
    background-color: #1f1f1f; /* Same as navigation background */
    padding: 20px;
    text-align: center;
}

header h1 {
    color: #bb86fc; /* Soft purple color for header text */
    margin: 0;
}

main {
    padding: 20px;
    background-color: #121212; /* Keeping the same as body background */
}

main h2 {
    color: #bb86fc; /* Soft purple for subtitles */
}

section {
    background-color: #1f1f1f; /* Slightly lighter dark shade for sections */
    margin: 20px 0;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

footer {
    text-align: center;
    padding: 20px;
    background-color: #1f1f1f; /* Same as navigation and section background */
    color: #e0e0e0; /* Light grey text color */
}



section {
    background-color: #1f1f1f; /* Slightly lighter dark shade for sections */
    margin: 20px auto; /* Centers the section and keeps margin on top and bottom */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    max-width: 800px; /* Max width set to 800px */
    width: 100%; /* Ensures it takes up the full width in smaller screens */
    box-sizing: border-box; /* Ensures padding doesn't add to the width */
}















.mobile-friendly-nav .menu { display: none; }
.mobile-friendly-nav .hamburger { display: none; }
.mobile-friendly-nav .menu.expand { display: block;}

@media screen and (max-width: 600px) {
  .mobile-friendly-nav .hamburger {
    display: block;
    cursor: pointer;
  }
  .mobile-friendly-nav .menu {
    width: 100%;
    background: #1f1f1f;
  }
  .mobile-friendly-nav ul {
    list-style: none;
    padding: 0;
  }

}

@media screen and (max-width: 600px) {
    .full_size_nav {
        display: none;
    }
}