/*
Theme Name: KwgPlay
Author: Anup Kumar
version: 1.0
Description: A simple and elegant WordPress theme for online betting lovers.
Screenshot: screenshot.png
*/
body {
    font-family: 'Segoe UI', Arial, sans-serif;
    background: #f6f6fa;
    margin: 0;
    padding: 0;
    color: #222;
}

.header-bar, .footer-bar {
    background: linear-gradient(90deg, #3c2d98 0%, #a44dd7 100%);
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(60,45,152,0.11);
}

nav {
    margin-bottom: 8px;
    margin-top: 5px;
}
.myblog h2{
    color:#3c2d98 !important;
}
.myblog p{
    color:#2a2352 !important;
}
.myblog h1{
    color: #4a1c74 !important;
}

.nav-link, .footer-link {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    margin: 0 12px;
    font-size: 1.07rem;
    transition: text-decoration 0.2s;
}

.nav-link:hover, .footer-link:hover {
    text-decoration: underline;
}

.top-buttons {
    margin-bottom: 0;
}

.btn {
    display: inline-block;
    padding: 10px 26px;
    border-radius: 24px;
    text-decoration: none;
    font-size: 1rem;
    font-weight: bold;
    margin: 0 8px;
    transition: background 0.2s, opacity 0.2s;
    box-shadow: 0 2px 8px rgba(30,30,50,0.08);
}
.text-white{
    color: #fff !important;
}
.btn.primary {
    background: #a44dd7;
    color: #fff;
}

.btn.secondary {
    background: #3c2d98;
    color: #fff;
}

.btn:hover {
    opacity: 0.90;
}

main {
    max-width: 100%;
    margin: 0px auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 7px 34px rgb(35 50 126 / 10%);
    padding: 0px;
}

.section {
    border-radius: 8px;
    margin-bottom: 30px;
    padding: 28px 22px 22px 22px;
}
.faqmain{
    max-width: 100%;
    padding: 30px;
 
}
.gradient-bg {
    background: linear-gradient(90deg, #3c2d98 0%, #a44dd7 100%);
    color: #fff;
}

.gradient-bg-light {
    background: linear-gradient(90deg, #a44dd7 0%, #d9b4f7 100%);
    color: #fff;
}

.white-bg {
    background: #fff;
    color: #2a2352;
}
.blog {
    background: #fff;
    color: #2a2352;
}
.blog h1{
    color: #3c2d98;
}

h1 {
    font-size: 40px;
    margin-bottom: 10px;
    color: #fff;
    /*text-shadow: 0 2px 14px rgba(60,45,152,0.14);*/
    text-align: center;
}

.gradient-bg-light h2, .white-bg h2 {
    color: #3c2d98;
}

.gradient-bg h2 {
    color: #fff;
}

h2 {
    margin-top: 14px;
    font-size: 1.3rem;
    border-bottom: 1px solid rgba(100,50,200,0.08);
    padding-bottom: 6px;
}

ul {
    margin: 0 0 18px 8px;
    padding-left: 14px;
}

li {
    margin-bottom: 8px;
}

a {
    color: inherit;
}

.footer-bar {
    margin-top: 40px;
    text-align: center;
    font-size: 1.02rem;
    padding-top: 10px;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 -3px 20px rgba(60,45,152,0.08);
}

.footer-bar nav {
    margin-bottom: 8px;
}
.sliderimg{
    width: 100%;
    height: 400px;
    object-fit: cover;
}
 .accordion {
    background: linear-gradient(90deg, #3c2d98 0%, #a44dd7 100%);
    color: #fff;
    cursor: pointer;
    padding: 14px 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: background-color 0.3s ease;
    font-size: 18px;
    margin-bottom: 5px;
  }

  .active, .accordion:hover {
    background-color: #ccc;
  }

  .panel {
    padding: 0 20px 15px 20px;
    background-color: white;
    display: none;
    overflow: hidden;
    font-size: 16px;
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
  }
.top-btn {
position: fixed;
bottom: 20px;
right: 20px;
background: #7d5bbe;
width: 45px;
height: 45px;
color: #fff;
border: none;
font-size: 18px;
border-radius: 50%;
cursor: pointer;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
display: none;
}


#topBtn.show {
display: block;
}
.privacy-main {
    padding: 40px 0;
  }
  .container {
    max-width: 100%;
    margin: auto;
    background: #fff;
    border-radius: 16px;
    /*box-shadow: 0 4px 24px rgba(0,0,0,0.09);*/
    padding: 32px 24px 24px 24px;
  }
  .privacy-main h1 {
    color: #4a1c74;
    text-align: left;
    font-size: 2.3em;
    margin-bottom: 32px;
    letter-spacing: 1px;
  }
  .privacy-main section {
    margin-bottom: 28px;
  }
  .privacy-main h2 {
    font-size: 1.3em;
    color: #7d5bbe;
    border-bottom: 2px solid #eee;
    padding-bottom: 7px;
    margin-top: 24px;
    margin-bottom: 18px;
    letter-spacing: 0.5px;
  }
  .privacy-main ul {
    padding-left: 1.5em;
    margin: 0;
  }
  .privacy-main ul li {
    margin-bottom: 9px;
    color: #3b285c;
    font-size: 1em;
    line-height: 1.6;
  }
 .privacy-main section.contact-info {
    background: #f3f1fa;
    border-radius: 10px;
    padding: 16px 10px;
    margin-bottom: 0;
  }
  /* Two-column responsive */
  .policy-row {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
  }
  .policy-col {
    flex: 1 1 300px;
    min-width: 260px;
    background: #f7f6fa;
    border-radius: 10px;
    padding: 18px 16px;
    margin-bottom: 16px;
    box-shadow: 0 2px 8px rgba(80,48,161,0.04);
  }
  @media (max-width: 800px) {
    .container {padding: 16px 5px;}
    .policy-row {flex-direction: column; gap: 0;}
  }
   .step-cards {
      margin-bottom: 32px;
    }
    .container.step-card {
      background: #fff;
      border-radius: 14px;
      box-shadow: 0 4px 28px rgba(80,48,161,0.06);
      padding: 22px 20px;
      max-width: 100%;
      margin: 0 auto 24px auto;
    }
    .container.for-bg-clr {
      background: #efe8f6;
    }
    .step-cards h1, .step-cards h2 {
      color: #5533a2;
      margin-top: 0;
    }
    .step-cards h1.for-gap {
      margin-bottom: 18px;
      font-size: 2em;
      letter-spacing: 1px;
      text-align: left;
    }
    .step-cards h2 {
      margin-bottom: 12px;
      font-size: 1.17em;
    }
    .step-cards p {
      color: #252150;
      line-height: 1.6;
      margin-top: 7px;
      margin-bottom: 7px;
      font-size: 1em;
    }
    .kwg-list ul {
      margin-top: 0;
      padding-left: 20px;
      margin-bottom: 10px;
    }
    .kwg-list ul li {
      margin-bottom: 7px;
      color: #5533a2;
      font-size: 1em;
    }
/* this is mobile veiw */


@media (max-width:400px){
 .sliderimg{
    width: 100%;
    height: 265px;
    object-fit: cover;
}
h1{
    font-size: 21px;
}
}
.text-center{
    text-align: center;
}
.cbv{
    display: none;
}