*
{
  transition:all 0.3s ease-in-out;
  box-sizing:border-box;
  margin:0px;
  padding:0px;
}

html {
  scroll-behavior: smooth !important;
}

body
{
  background:#000;
  color:#fff;
}

.home-page-banner
{
  display:flex;
  background:url('https://freecricketid.com/media/uploads/homepage_img/Bet%20on%20Every%20Type%20of%20Cricket%20Match%20%20From%20IPL%20to%20World%20Cups%20&%20More.png');
  background-size:cover;
  object-fit:cover;
  position: relative;
  z-index:0;
padding:30px 50px;
}
.home-page-banner>div
{
  width:50%;
  padding:30px;

}

.home-page-banner::after
{
  content:"";
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.9);
  z-index:-1;
}

p
{
	font-size:16px !important;
}

section p, section li
{
	font-size:16px !important;
}
/* ------------home-page-banner left-section-------------- */

.left-section
{
  display:flex;
  flex-direction:column;
  gap:5px;
  justify-content:center;
}

.left-section>h1
{
  font-size:18px;
  color:#fff;
  text-align:left !important;
  font-weight:600;
}
.home-page-banner .left-section>h2
{
  text-align:left !important;
  margin-top:-10px;
}
.home-page-banner .left-section>h5
{
   font-size:20px !important;
   color:#fff;
   text-align:left !important;
}
.left-section>p
{
  font-size:16px !important;
  line-height:25px;
}

.left-section>a
{
  border:3px solid yellow;
  width:250px;
  text-align:center;
  padding:15px;
  font-size:15px;
  text-decoration:none;
  color:#fff;
  border-radius:10px;
  box-shadow:3px 5px 2px rgba(251, 255, 0, 0.5)
}

.left-section>a:hover
{
 box-shadow:0px 0px 5px rgba(251, 255, 0, 0.5);
 transform:scale(1.05);
}

/* ------------home-page-banner left-section-------------- */

/* ------------home-page-banner right-section-------------- */

.home-page-banner>.right-section
{
  display:flex;
  justify-content:center;
  align-items:center;
}

.home-page-banner>.right-section .form-container 
{
  display:flex;
  flex-direction:column;
  gap:20px;
  width:400px;
}

.home-page-banner>.right-section .form-container
{
  padding:20px;
  box-shadow:inset 0px 0px 25px rgba(251, 255, 0, 0.5);
  border-radius:15px;
}
.home-page-banner>.right-section .form-container  h3
{
  text-align:center !important;
  color:yellow;
  font-size:25px;
  margin-bottom:0px !important;

}
.home-page-banner>.right-section .form-container form
{
  display:flex;
  flex-direction:column;
  gap:15px;
}

.home-page-banner>.right-section .form-container  a
{
  width:100%;
  background:yellow;
  text-decoration:none;
  color:#000;
  padding:13px;
  text-align:center;
  font-weight:bold;
  border-radius:15px;
}

.home-page-banner>.right-section .form-container  #whatsapp-btn
{
  background:#00ac47;
  color:#fff;
  font-size:16px;
  font-weight:bold;
}
.home-page-banner>.right-section .form-container  #whatsapp-btn i
{
  font-size:20px;
}

.home-page-banner>.right-section .form-container form input
{
  padding:7px 15px !important;
  border-radius:10px;
  border:none;
  outline:none;
}

.home-page-banner>.right-section .form-container form button
{
  padding:10px;
  border-radius:10px;
  border:none;
  outline:none;
  background:yellow;
  font-size:16px;
  font-weight:bold;
  cursor: pointer;
}

.home-page-banner>.right-section .form-container form .input-row
{
  display:flex;
  background:#fff;
  color:#000;
  display:flex;
  border-radius:10px;
  overflow:hidden;

}

h3
{
	color:yellow !important;
	text-align:left !important;
}

h2
{
	color:yellow !important;
	text-align:center;
	font-weight:500;
}

.home-page-banner>.right-section .form-container form .input-row input
{
  width:100%;
  font-size:14px;
}
/* ---------------number-input---------- */
/* For Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* ---------------number-input---------- */

.home-page-banner>.right-section .form-container form .input-row span
{
  background:#000;
  color:#fff;
  width:60px;
  color:#000;
  background:rgba(5, 5, 5, 0.137);
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:16px;
}


/* ------------home-page-banner right-section-------------- */

/* --------All-heading-section----------- */

.heading-section
{
  display:flex;
  flex-direction:column;
  gap:10px;
  justify-content:center;
  align-items:center;
  padding:50px 100px 20px 100px;
}

.heading-section>h2
{
  font-size:35px;
}

.heading-section>p
{
  font-size:16px;
  text-align:center;
}

section
{
  padding:20px 70px 50px 70px;
}
/* --------All-heading-section----------- */


/* ------------about-section---------- */

.about-section
{
  display:flex;
  gap:20px;
  margin-top:-35px;
  overflow:hidden !important;
  width:100%;
}

.about-section>div
{
  width:50%;
}

.about-section>div ul
{
  padding-left:35px;
  margin-top:15px;
  display:flex;
  flex-direction:column;
  gap:10px;
  list-style:disc;
}
.about-section>div ul li
{
  font-size:16px;
  margin-top:3px;
}


/* -------about-left-section----------- */


.about-section .about-left-section
{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
}
.about-section .about-left-section p
{
  font-size:16px;
}



/* -------------swiper-card-slide------------- */
  .about-right-section
  {
  	display:flex;
  	justify-content:center;
  	align-items:center;
  }
  .about-right-section>img
  {
    width:70%;
    height:100%;
    border-radius:10px;
  }

/* ------------about-section---------- */


/* -------- Feature Cards---------------- */

    .features {
      padding: 4rem 2rem;
      max-width: 1200px;
      margin: 0 auto;
    }

    .features h2 {
      text-align: center;
      font-size: 2.8rem;
      margin-bottom: 3rem;
      color: #ffeb3b;
      text-shadow: 0 0 10px rgba(255, 235, 59, 0.5);
    }

    .feature-grid {
      display: grid;
      grid-template-columns: repeat(2,1fr);
      gap: 2rem;
    }

    .feature-card {
      background: rgba(255, 255, 255, 0.1);
      backdrop-filter: blur(12px);
      border-radius: 20px;
      padding: 2rem;
      text-align: center;
      transition: transform 0.3s, box-shadow 0.3s;
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(255, 235, 59, 0.2);
    }

    .feature-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255, 235, 59, 0.3), transparent);
      transition: 0.6s;
    }

    .feature-card:hover::before {
      left: 100%;
    }

    .feature-card:hover {
      transform: translateY(-15px);
      box-shadow: 0 15px 25px rgba(0, 0, 0, 0.4);
    }

    .feature-card img {
      width: 70px;
      margin-bottom: 1.5rem;
    }

    .feature-card h3 {
      font-size:25px;
      margin-bottom: 1rem;
      color: #ffeb3b;
      text-align:center !important;
    }

    .feature-card p {
      font-size:16px !important;
      color: #e0e0e0;
    }


/* -------- Feature Cards- media-screen--------------- */

@media (max-width: 768px) {
      .features h2 {
        font-size: 2rem;
        font-weight:500;
      }
      .feature-card h3 {
        font-size: 1.4rem;
        font-weight:500;
      }
          .feature-grid 
          {
            grid-template-columns:repeat(1,1fr);
          }
      
    }


/* -------- Feature Cards---------------- */
    

/* -------cta-btn-section---------- */

.cta-section
{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0px !important;
  padding-bottom:50px !important;
}

.cta-section>a
{
    width: 290px;
    padding: 14px;
    border: 3px solid yellow;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 23px;
    box-shadow: 4px 7px 3px rgba(251, 255, 0, 0.5);
    border-radius: 5px;
}

.cta-section>a:hover
{
  background:yellow;
  color:#000;
  transition:all 0.5s ease-in-out;
  border-radius:10px;
  box-shadow:0px 0px 0px rgba(251, 255, 0, 0.5);
}

/* -------cta-btn-section---------- */




/* -----------Register-id----------------- */

.Register-id
{
  display:flex;
  flex-direction:column;
  gap:35px;
  padding:45px;
  margin:50px 100px;
  box-shadow:0px 0px 5px rgba(251, 255, 0, 0.5);
  border-radius:10px;
  margin-bottom:20px !important;
}
.Register-id .register-items
{
  display:flex;
  gap:20px;
  align-items:center;
}

.Register-id .register-items .icon-container 
{
  width:90px;
  height:80px;
  border-radius:15px;
  display:flex;
  justify-content:center;
  align-items:center;
  border:2px solid yellow;
  font-size:45px;
}



.Register-id .register-items .informastion-register h3
{
  font-size:20px;
  margin-bottom:5px;
}

.Register-id .register-items .informastion-register p
{
  font-size:16px;
}



/* ----------Experience-table----------- */

.Experience-table
{
  padding-bottom:20px;
}

.Experience-table table 
   {
      width: 100%;
      border-collapse: collapse;
      font-size: 16px;
      text-align: left;
    }
.Experience-table table  th, td 
 {
      border: 1px solid #ffc700;
      padding: 15px;
      font-size:16px;
    }
.Experience-table table th
  {
      background-color: #ffc700;
      color: #000;
      text-align: center;
    }
.Experience-table table  td 
 {
      color: #fff;
      text-align:center;
 }
/* ------------Experience-table--------------- */



/* ----------Features-section------------ */

.Features-section
{
 box-shadow:0px 0px 5px rgba(251, 255, 0, 0.5);
 margin:20px 80px;
 padding:35px;
 display:flex;
 border-radius:20px;
}

.Features-section>div
{
  width:50%;
}

.Features-section .Features-list>ul
{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
  text-align:left !important;
}

.Features-section .Features-list>ul li
{
 padding:10px 15px;
 border-radius:10px;
 background:yellow;
 color:#000;
 font-weight:600;
 text-align:left !important;
}
.Features-section .Features-list>ul li:hover
{
  background:red;
  color:#fff;
  cursor:pointer;
}
.Features-section .Features-list>ul li span
{
  font-size:25px;
}

/* -----Features-section-list-img-------- */

.Features-section .list-img
{
display:flex;
justify-content:center;
align-items:center;
}

.Features-section .list-img>img
{
  width:85%;
  border-radius:50%;
  height:100%;
}




/* -------------------faq-section----------- */

.setep-section 
{
  display: flex;
  gap: 20px;
  padding:150px;
  justify-content:center;
}

.setep-section > div 
{
  width: 70%;
}

.setep-section > .left-items 
{
  display: flex;
  flex-direction: column;
  gap: 25px;
  max-width:350px;
}

.faqs-accordion
{
  display:flex;
  flex-direction:column;
  gap:25px;
}

/* ------------ Accordion Styling ------------ */

.faqs-accordion-item 
{
  border-radius: 15px;
  background-color: transparent;
}

.faqs-accordion-header 
{
    padding: 15px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    border: 1px solid yellow;
    border-radius: 15px;
    font-size:16px;
    text-align: left;
    color: #fff;
    background-color: rgba(182, 180, 180, 0.05);
}

.faqs-accordion-icon 
{
  font-weight: bold;
  font-size: 20px;
  transition: transform 0.3s ease;
  color: #fff;
}

.faqs-accordion-content 
{
  display: none;
  padding: 15px 20px;
  font-weight: normal;
  color: #fff;
  border-radius: 0 0 15px 15px;
  line-height: 1.6;
  font-size:16px;
}

.faqs-accordion-content.active 
{
  display: block;
}

.faqs-accordion-icon.rotate 
{
  transform: rotate(45deg);
}

/* ------------ Right Section Image ------------ */



/* ------------ Responsive Design ------------ */

@media only screen and (max-width: 768px) {
  .setep-section {
    flex-direction: column;
    padding: 20px;
  }

  .setep-section > div 
  {
    width: 100%;
  }


  /* --------home-banner------------- */

  .home-page-banner
  {
    flex-direction:column;
    padding:30px;
    gap:35px;
  }
  .left-section > h1
  {
    font-size:30px;
  }
  .home-page-banner > div
  {
    width:100%;
    padding:0px;
  }
.left-section > a
{
  width:180px !important;
}
  /* ----------All-heading-section------------ */
  .heading-section
  {
    padding:35px 20px 30px 20px;
  }
p
{
  font-size:16px !important;
}
   .heading-section
   {
    font-size:25px;
   }

   section
   {
    padding:20px;
   }



 /* -----------.about-section-----------   */
 .about-section
 {
  flex-direction:column;
 }
  .about-section>div
  {
    width:100%;
  }

     .about-section .about-right-section img
     {
     	width:100%;
     	height:100%;
     }

  /* -----------features--------- */
.features
{
  padding:20px;
}

/* ----------cta-section------ */

.cta-section
{
  padding:20px !important;
}

/* --------Register-id------------ */

.Register-id
{
  padding:20px;
  margin:20px;
  box-shadow:none;
}
.Register-id .register-items
{
  flex-direction:column;
  border:1px solid yellow;
  padding:20px;
  border-radius:15px;
}
.Register-id .register-items .icon-container
{
  border:none;
  font-size:60px;
}

/* --------------Experience-table---------- */
.Experience-table
{
  padding-top:0px;
  overflow-x: scroll;
}
.Experience-table table th, td
{
  padding:5px !important;
}

/* ---------Features-section------------------ */
.Features-section
{
  padding:20px;
  box-shadow:none;
  margin:0px !important;
  flex-direction:column;
  gap:30px;
}

.Features-section>div
{
  width:100%;
}

}