body {
  font-family: 'Segoe UI', Arial, sans-serif;
  background: #161d3a;
  color: #e5e5e5;
  margin: 0;
  padding: 0;
}

header {
  background: linear-gradient(to right, #1f3580, #0e1731);
  color: #fff;
  padding: 1.5rem 0.5rem;
  text-align: center;
  box-shadow: 0 4px 8px rgba(17, 34, 64, 0.15);
}

h1{
    color: #ffd600;
}
nav ul li a:hover { background: #0e1731; }

.partican{
    display: flex;
    gap: 15px;
}
.register img{
    max-width: 240px;
    margin-top: 40px;
    padding-left: 100px;
}
.loginimg img{
     max-width: 300px;
     margin-top: 50px;
}
@media (max-width:600px){
    .partican{
    display: block;
    gap: 15px;
}
.partican img{
    max-width: 100%;
}
.register img{
    padding-left: 10px;
}
}
main {
  max-width: 100%;
  margin-top: 60px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: linear-gradient(135deg,#23286c 60%, #2d3656 100%);
  border-radius: 12px;
  box-shadow: 0 6px 12px rgba(17,34,64,0.18);
}
section { 
    padding: 0px 20px;
}

h2, h3 { color: #ffd600; }
h2 { font-size: 2em; margin-bottom: 1em; }
h3 { font-size: 1.25em; margin-bottom: 0.8em; }

@media (max-width: 700px) {
  nav ul {
    flex-direction: column;
    align-items: center;
  }
  h1{
    color: #ffd600;
    font-size: 22px;
}
p{
      font-size: 15px;
}
h2{
   font-size: 19px; 
}
  
}
table {
  width: 100%;
  border-collapse: collapse;
  background: #222753;
  margin-bottom: 1.2em;
  border-radius: 8px;
  overflow: hidden;
}
th, td { padding: 1em 1em; 
}
th {  color: #ffd600;
 }
td { color: #fffbe5; border-bottom: 1px solid #262b4a; 
}

/*ol, ul {*/
/*  background: #192040;*/
/*  border-radius: 7px;*/
/*  padding: 16px 32px;*/
/*  color: #ffd600;*/
/*  font-size: 1em;*/
/*  margin-bottom: 1em;*/
/*}*/
ol,ul{
    padding: 0;
}
ol li, ul li {
color: #fffbe5;
margin-bottom: 0.8em;
font-size: 14px;
margin-left: 12px;
    
}
.banner img{
    width: 100%;
    height: 700px;
    object-fit: cover;
    object-position: top;
}
@media (max-width:768px){
    .banner img{
    width: 100%;
    height:310px;
    object-fit: cover;
    object-position: top;
}
}
footer {
  background: #131531;
  color: #ffd600;
  text-align: center;
  padding: 1.1em 0;
  border-top: 2px solid #ffd600;
}
.footer-links a {
  color: #ffd600;
  margin: 0 0.7em;
  text-decoration: none;
  font-weight: 500;
}
.footer-links a:hover { color: #fff; }
.fixed{
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 99;
}
@media (max-width: 600px) {
  table, th, td { padding: 0.5em 0.2em; }
  header h1 { font-size: 1.4em; }
}
 
  /* Header styles */
  .main-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: #fff; /* You can change background color */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: relative;
  }

  /* Brand styles */
  .brand h1 {
    font-size: 1.5em;
    font-weight: 700;
    color: #ccc014; /* Or your preferred color */
  }

  /* Navigation styles */
  .nav-container {
    display: flex;
    align-items: center;
  }

  /* Navigation links */
  .nav-links {
    list-style: none;
    display: flex;
    gap: 20px;
  }

  .nav-links li a {
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    padding: 8px 12px;
    transition: color 0.3s;
  }

  .nav-links li a:hover {
    color: #007bff; /* Primary accent color */
  }

  /* Hamburger styles */
  .hamburger {
    display: none;
    font-size: 1.5em;
    background: none;
    border: none;
    cursor: pointer;
  }
.hamburger i{
    color: white;
}
.mybtn a{
    
    color: #000;
    background: #ffd600;
    padding: 9px 20px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin-right: 8px;

}
  /* Responsive styles */
  @media (max-width: 768px) {
    /* Hide the full nav links on small screens */
    .nav-links {
      position: absolute;
      top: 60px;
      right: 0px;
      background-color: #1a185acc;
      flex-direction: column;
      width: 200px;
      padding: 10px 20px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
      display: none; /* Hidden by default */
    }

    /* Show the minibar menu */
    .nav-container.active .nav-links {
      display: flex;
    }

    /* Show hamburger icon */
    .hamburger {
      display: block;
    }
  }
  @media (max-width:540px){
      .mybtn a {
    color: #000;
    background: #ffd600;
    padding: 4px 8px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 11px;
    font-weight: 600;
    display: inline-block;
    margin-right: 8px;
}
 .brand h1 {
    font-size: 12px;
    font-weight: 700;
    color: #ccc014; /* Or your preferred color */
  }
  }
  
  @media (max-width:365px){
      .mybtn a {
    color: #000;
    background: #ffd600;
    padding: 4px 7px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 7px;
    font-weight: 600;
    display: inline-block;
    margin-right: 8px;
}
 .brand h1 {
    font-size: 9px;
    font-weight: 700;
    color: #ccc014; /* Or your preferred color */
  }
  }
.text-white{
  color: #fff !important;
}
.text-warning{
  color: #ffd600 !important;
}
.text-primary{
  color: #0d6efd !important;
}
.text-secondary{
  color: #ccc014 !important;
}
.text-success{
  color: #198754 !important;
}
.text-danger{
  color: #dc3545 !important;
}
.text-dark{
  color: #000 !important;
}
.bg-dark{
  background-color: #000!important;
}
.bg-light{
  background-color: #fff!important;
}
.bg-primary{
  background-color: #ffd600!important;
}
.bg-secondary{
  background-color: #ccc014!important;
}
.bg-success{
  background-color: #0d6efd!important;
}
.bg-danger{
  background-color: #dc3545!important;
}
.bg-warning{
  background-color: #ffc107!important;}
  .bg-info{
    background-color: #17a2b8!important;
  }
  .bg-light{
    background-color: #f8f9fa!important;
  }
  .bg-dark{
    background-color: #343a40!important;
  }
  .bg-white{
    background-color: #fff!important;
  }
  .bg-transparent{
    background-color: transparent!important;
  }
  .unlist{
    list-style: none;
  }
  .text-center{
    text-align: center;
  }
  .p-0{
    padding: 0;
  }
  .m-0{
    margin: 0;
  }
  .p-1{
    padding: 1rem;
  }
  .p-2{
    padding: 2rem;
  }
  .p-3{
    padding: 3rem;
  }
  .p-4{
    padding: 4rem;}
    .p-5{
      padding: 5rem;
    }
    .m-1{
      margin: 1rem;
    }
    .m-2{
      margin: 2rem;
    }
    .m-3{
      margin: 3rem;
    }
    .m-4{
      margin: 4rem;
    }
    .m-5{
      margin: 5rem;
    }
    .m-auto{
      margin: auto;
    }
    .mt-auto{
      margin-top: auto;
    }
    .mb-auto{
      margin-bottom: auto;}
      .kwg-faq-wrapper {
  padding: 60px 0;
}
.kwg-faq-row {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: 44px;
  flex-wrap: wrap;
}
.kwg-faq-card {
  background:#3a3967a6;
  border-radius: 22px;
  color: #fff;
  box-shadow: 0 6px 36px 0 rgba(43,72,124,0.14), 0 2px 7px 0 rgba(90,120,180,0.13);
  width: 340px;
  min-height: 225px;
  padding: 32px 26px 16px 26px;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
.kwg-faq-stars {
  color: #FFD600;
  font-size: 1.35em;
  margin-bottom: 8px;
  letter-spacing: 2px;
}
.kwg-faq-title {
  font-size: 1.13em;
  font-weight: 700;
  margin-bottom: 10px;
  color: #fff;
  letter-spacing: 0.2px;
}
.kwg-faq-text {
  font-size: 1em;
  color: #efeafd;
  line-height: 1.5;
  margin-bottom: 0;
}
.kwg-keyword {
  font-weight: bold;
  color: #FFD600;
}
@media (max-width: 1100px) {
  .kwg-faq-row { gap: 20px; }
  .kwg-faq-card { width: 95vw; max-width: 355px; }
}
@media (max-width: 850px) {
  .kwg-faq-row { flex-direction: column; align-items: center; }
}
.kwg-testimonial-wrapper {
  /* background: linear-gradient(90deg,#7e55db 0%, #8d64de 100%); */
  padding: 60px 0;
}
.kwg-testimonial-row {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: 44px;
  flex-wrap: wrap;
}
.kwg-testimonial-card {
  background: #211f55d1;
  border-radius: 22px;
  color: #fff;
  box-shadow: 0 6px 36px 0 rgba(43,72,124,0.14), 0 2px 7px 0 rgba(90,120,180,0.13);
  max-width: 340px;
  min-height: 225px;
  padding: 32px 26px 16px 26px;
  display: flex;
  flex-direction: column;
}
.kwg-testimonial-stars {
  color: #FFD600;
  font-size: 1.35em;
  margin-bottom: 8px;
  letter-spacing: 2px;
}
.kwg-testimonial-user {
  font-size: 16px;
  color: #FFD600;
  margin-bottom: 7px;
}
.kwg-testimonial-text {
  font-size: 15px;
  color: #efeafd;
  line-height: 1.5;
}
.kwg-keyword {
  font-weight: bold;
  color: #FFD600;
}
@media (max-width: 1100px) {
  .kwg-testimonial-row { gap: 20px; }
  .kwg-testimonial-card {/* width: 95vw; *//* max-width: 355px; */}
}
@media (max-width: 850px) {
  .kwg-testimonial-row { flex-direction: column; align-items: center; }
}
.kwg-faq-accordion-wrapper {
  /* background: linear-gradient(90deg,#7e55db 0%, #8d64de 100%); */
  padding: 48px 0 44px 0;
}
.kwg-faq-accordion {
  max-width: 1000px;
  margin: 0 auto;
}
.kwg-faq-accordion-item {
  background: #1c1b4d;
  border-radius: 18px;
  box-shadow: 0 4px 24px rgba(43,72,124,0.12), 0 2px 7px 0 rgba(90,120,180,0.09);
  margin-bottom: 20px;
  overflow: hidden;
}
.kwg-faq-accordion-title {
  width: 100%;
  text-align: left;
  background: none;
  color: #fff;
  font-size: 1.09em;
  font-weight: bold;
  padding: 18px 22px;
  border: none;
  cursor: pointer;
  outline: none;
  display: block;
}
.kwg-faq-accordion-title:hover, .kwg-faq-accordion-title:focus {
  background: #321f62;
}
.kwg-faq-accordion-content {
  display: none;
  color: #efeafd;
  font-size: 1em;
  padding: 0 22px 22px 22px;
}
.kwg-keyword {
  font-weight: bold;
  color: #FFD600;
}

/* Style all links */
a {
    color: #FFD700;
    text-decoration: none;
    font-weight: bold;
}

/* But exclude header and footer links */
header a,
footer a,
nav a,
.header a,
.footer a,
.navigation a {
    color: inherit; /* Keep their original color */
    font-weight: inherit;
}

/* Hover effect for content links only */
main a:hover,
.content a:hover,
article a:hover {
    color: #FFC700;
    text-decoration: underline;
}