@media (max-width: 991.98px) {
    .navbar {
        width: 100%;
        padding: 10px 20px;
        height: auto;
        
    }

    .navbar-brand img {
        height: 70px;
        width: 140px;
        padding-bottom: 20px;
    }

    .navbar-toggler {
        right: 10px;
        top: 10px;
        position: absolute;
    }

    .navbar-collapse {
        text-align: center;
        background-color: #252a62;
        padding: 15px 0;
        border-radius: 20 20 60px 50px;
    }

    .navbar button {
        width: 100%;
        margin: 10px 0;
    }

    .navbar-nav {
        margin-left: 0;
        width: 100%;
        justify-content: center;
    }

    .nav-item .nav-link {
        margin: 10px 0;
    }
}

@media (max-width: 767.98px) {
    .navbar {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 15px;
        border-radius: 0%;
    }

    .navbar-brand img {
        height: 60px;
        width: 100px;
    }

    .navbar-toggler {
        right: 10px;
        top: 10px;
        margin-top: 6px;
    }

    .navbar-collapse {
        width: 100%;
        text-align: left;
        background-color: #252a62;
        padding: 10px 0;
    }

    .navbar button {
        font-size: 14px;
        width: 11%;
        margin: 0;
    }

    .nav-item .nav-link {
        text-align: center;
        padding: 10px;
    }

}

@media (max-width: 480px) {
    .navbar  .dw-btn {
      padding: 6px 16px;
      font-size: 14px;
      width: 100%;
      height: auto;
      left: 20px;
    }
  
    .navbar  .dw-btn::before {
      width: 100%;
      height: 30px;
    }
  }

/* @media (max-width: 991.98px) {
    .main {
        height: 50vh; 
        background-size: cover;
        padding: 10px;
    }
}

@media (max-width: 767.98px) {
    .main {
        height: 50vh;
        background-size: contain;
        background-position: top;
        padding: 10px;
    }
} */
@media (max-width: 1024px) {
    .main {
        height: 70vh; /* Adjust height for tablets */
    }

    .animated-text {
        font-size: 2.5rem; /* Smaller text size for tablets */
        letter-spacing: 3px; /* Adjust letter spacing */
    }

    .animated-subtext {
        font-size: 1.2rem; /* Smaller subtitle text size */
        margin-top: 15px; /* Adjust margin for tablets */
    }
}

@media (max-width: 768px) {
    .main {
        height: auto; /* Further adjust height for smaller screens */
    }

    .animated-text {
        font-size: 2rem; /* Smaller text size for mobile */
        letter-spacing: 2px; /* Adjust letter spacing */
    }

    .animated-subtext {
        font-size: 1rem; /* Smaller subtitle text size */
        margin-top: 10px; /* Adjust margin for mobile */
    }
}

@media (max-width: 480px) {
    .main {
        height: 50vh; /* Further adjust height for very small screens */
    }

    .animated-text {
        font-size: 1.5rem; /* Even smaller text size for very small screens */
        letter-spacing: 1px; /* Further adjust letter spacing */
    }

    .animated-subtext {
        font-size: 0.8rem; /* Further reduce subtitle text size */
        margin-top: 5px; /* Adjust margin for very small screens */
    }
}



@media(max-width:768px){
    .deal-info img{
  
        text-align: center;
        align-items: center;
        padding: 31px;
    }
}
@media (max-width: 768px) {
    .promo-section {
      flex-direction: column;
      text-align: center;
      padding: 25px 10px;
    }
  
    .promo-content {
      max-width: 100%;
      padding: 5px;
      padding-bottom: 6px;
    }
  
    .promo-image {
      max-width: 100%;
      padding: 50px;
      height: auto;
      align-items: start;
      text-align: start;
    }
  
    .promo-image img {
        height: 180px;
      width: 120%;
      margin: 0 auto;
    }
  
    .promo-stats {
      flex-direction: column;
      align-items: center;
      bottom: -20px;
    }
  }
  @media (max-width: 991.98px) {
    .main-service {
        margin: 1rem auto;
    }
    .service-box {
        width: 200px; /* Adjust width for tablets */ 
    }
}

@media (max-width: 991.98px) {
    .main-service {
        margin: 1rem auto;
        padding: 70px;
        height: 200px;
    }
    
    .service-box {
        width: 60%; 
        height: auto;
    }
}

@media (max-width: 992px) {
    .left, .center, .right, .lefter, .righter {
      width: 60%; 
      margin: 5px 0; 
    }
  }

  @media (max-width: 768px) {
    .all{
    display: inline-flex;
    perspective: 10px;
    transform: perspective(300px) rotateX(20deg);
    will-change: perspective;
    margin-left:  auto;
    transition: all 1.3s ease-out; 
    transform-style: preserve-3d;
    }

    .main-service {
      margin: 1rem auto;
    }
  
    .left, .center, .right, .lefter, .righter {
      width: 70%;
      margin: 1rem 0; 
    }
  }
  
  @media (max-width: 576px) {
    .left, .center, .right, .lefter, .righter {
      width: 70%;
      margin: 1rem 0; 
    }
  }

  @media(max-width:768px){
    .items-section h3{
        font-size: 12px;
        padding: 5px;
    }
  }

  
  @media (max-width: 768px) {
    .features-column {
        margin: 10px 0;
    }

    .feature-item {
        flex-direction: column; /* Stack items vertically on smaller screens */
        align-items: center;
        text-align: center;
    }

    .arrow-icon {
        width: 15px;
        height: 15px;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .why-text span {
        font-size: 14px;
    }

    .why-text p {
        font-size: 12px;
    }

    .main-image {
        width: 80%; /* Adjust width for better fit on smaller screens */
    }
}


@media (max-width: 480px) {
    .feature-item {
        margin-bottom: 0.4rem;
        padding: 5px;
    }

    .arrow-icon {
        width: 5px;
        height: 5px;
    }

    .why-text span {
        font-size: 12px;
    }

    .why-text p {
        font-size: 11px;
    }

    .main-image {
        width: 300px; /* Ensure image fits within screen on very small devices */
        height: 500px;
    }
}

@media (max-width: 768px) {
    .score {
        flex-direction: column;
        text-align: center;
    }
    .score img, .score .sensix {
        margin: 10px 0;
    }
}

@media (max-width: 768px) {
    .main {
        background-size: cover; /* Ensure the background covers the container */
    }

    .main-content {
        padding: 10px; /* Adjust padding for smaller screens */
    }
}

@media (max-width: 576px) {
    .main {
        height: 80vh; /* Adjust height for smaller devices if needed */
    }

    .main-content {
        font-size: 0.9rem; /* Adjust font size for smaller screens */
    }
}

@media (max-width: 768px) {
    .banner h1 {
        font-size: 1.8rem; /* Smaller font size for tablets */
    }

    .about p {
        font-size: 0.9rem; /* Smaller font size for tablets */
    }

    .about img {
        height: 250px; /* Smaller image size for tablets */
        width: 250px; /* Smaller image size for tablets */
    }

    .box1 {
        padding-top: 30px; /* Smaller padding for tablets */
    }

    .box1 h4 {
        font-size: 1.5rem; /* Smaller font size for tablets */
    }

    .box1 p {
        font-size: 0.9rem; /* Smaller font size for tablets */
    }

    .box1 img {
        height: 200px; /* Smaller image size for tablets */
        width: 200px; /* Smaller image size for tablets */
    }
}

@media (max-width: 576px) {
    .banner h1 {
        font-size: 1.9rem;
    }

    .about p {
        font-size: 0.10rem; 
    }

    .banner{
        display: flex;
    }

    .banner img{
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .about img {
        height: 100px; 
        width: 200px;
        text-align: center;
        justify-content: center;
        
    }

    .box1 {
        padding-top: 20px; 
    }

    .box1 h4 {
        font-size: 1.2rem; 
    }

    .box1 p {
        font-size: 1.1rem 
    }

    .box1 img {
        height: 150px; 
        width: 150px; 
    }
}
@media (max-width: 768px) {
    .items-section {
      flex-direction: column;
    }
  
    .item {
      width: 100%;
      margin: 10px 0;
    }
  
    .item img {
      width: 80px;
      height: 80px;
    }
  
    .item h3 {
      font-size: 14px;
    }
  }
 

  @media (max-width: 768px) {
    .wrapper {
      max-width: 90%;
      padding: 15px;
    }
    .wrapper p{
        font-size: 16px;
    }
  
    .accordion {
      font-size: 1rem;
      padding: 1rem 1.5rem;
    }
  
    .accordion i {
      font-size: 1.4rem;
    }
  
    .wrapper h2 {
      font-size: 1.5rem;
    }
  
    .pannel {
      font-size: 1rem;
      padding: 0 1rem 1.5rem 1rem;
    }
  }





@media (max-width: 767px) {
    .main{
        background-size: cover; 
        height: 100vh auto; 
        padding: 120px; 
        width: 100%;
    }
}

@media (max-width: 767px) {
    .getapp {
        padding: 20px;
    }

    .getapp h3 {
        font-size: 28px;
        padding: 10px;
    }

    .win_crore {
        margin: 0;
    }

    .getapp_two img {
        width: 50%;
        margin: 0 50px;
        margin-bottom: 10px;
    }

    .scan img {
        width: 50%;
    }

    .scan p {
        font-size: 18px;
        text-align: center;
    }
}
@media(max-width:767px){
    .getapp .carousel-inner .carousel-item  img{
        height: 250px;
        width: 100%;
         margin: 0 auto;
    }
}


@media (max-width: 767px) {
    .middle h4 {
        font-size: 18px;
    }

    .middle h6 {
        font-size: 16px;
    }

    .middle p {
        font-size: 18px;
        padding: 5px;
    }

    .score span {
        font-size: 28px;
    }

    .score .sensix {
        height: 80px;
        width: 80px;
    }

    .score-img .row > div {
        margin-bottom: 20px;
    }

    .score-img .col-sm-3 {
        margin-bottom: 20px;
    }

    .score-img .col-sm-3:last-child {
        margin-bottom: 0;
    }
}

@media(max-width:767px){
    .middle_content h3{
        text-align: center; /* Center-aligns the text */
        padding: 20px; /* Adds padding around the content */
        max-width: 800px; /* Optional: Limits the width for better readability */
        margin: 0 auto;

    }

    .middle_content h6{
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .score-img .row {
        display: flex;
        flex-wrap: wrap;
    }

    .score-img .col-sm-3 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .score-img h4 {
        font-size: 1.25rem;
    }

    .score-img img.img1 {
        margin-top: 10px;
    }

    .score-img button {
        padding: 8px 16px;
    }
}


@media (max-width: 1024px) {
    .section_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .section_grid {
        grid-template-columns: 1fr;
    }

    .section_card {
        padding: 2rem 1rem;
    }

    .section_card h4 {
        margin-top: 2rem;
        font-size: 1.25rem;
    }

    .section_card p {
        font-size: 0.9rem;
    }

    .section_card img {
        max-width: 80px;
    }

    .section_card h5 {
        font-size: 1rem;
    }

    .section_card h6 {
        font-size: 0.85rem;
    }
}
@media(max-width:700px){
    footer{
        bottom: unset;
    }

    .col{
        flex-basis: 100%;
        
    }
    
    .col:nth-child(2), .col:nth-child(3){
        flex-basis: 100%;
    }
}

@media(max-width: 767px){
.box1 img{
   height: 200px;
   width: 200px;
}

.box1 h4{
    font-size: 19px;
}

.box1 p{
    font-size: 15px;
}

.mission-item img{
    height: 160px;
    width: 160px;
}

.mission-item h3{
    font-size: 18px;
}

.mission-item p{
    font-size: 15px;
}
}

@media (max-width: 768px) {
    .card1 {
        flex-direction: column;
        text-align: center;
    }

    .card1 .row {
        flex-direction: column;
    }

    .card1 .col-sm-6 {
        width: 100%;
    }

    .card1 img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .card1 h5 {
        font-size: 20px;
    }

    .card1 p {
        font-size: 16px;
        padding: 15px;
    }
}

@media (min-width: 769px) {
    .card1 {
        flex-direction: row;
        padding: 40px;
    }

    .card1 .row {
        display: flex;
        flex-direction: row;
    }

    .card1 .col-sm-6 {
        flex: 1;
    }

    .card1 img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 768px) {
    .refund-img h4 {
        font-size: 20px;
    }

    .contest {
        font-size: 14px;
    }

    .contest li, .contest ol li {
        margin-bottom: 8px;
    }

    .contest ol {
        margin-left: 15px;
    }
}

@media (min-width: 768px) {
    .myTabs label {
        width: auto; 
        margin: 10px; 
    }

    .myTabs table {
        width: 70%; 
    }

    .myTabs .tab h4 {
        font-size: 24px; 
    }
}

@media (min-width: 992px) {
    .myTabs {
        padding: 50px; 
    }

    .myTabs table {
        width: 50%; 
    }
}



@media (max-width: 767px) {
    .banner-wrapper{
       margin: 0 auto;
    }
    .parallax .card {
       margin: 90% 0;
      float: none;
    }
    .parallax .card.black-card {
      width: 80%;
    }
    .parallax .card.right.black-card {
      width: 80%;
      margin: 0 90%;
      float: none;
    }

    .parallax img{
        height: auto;
        width: 100%;
    }

    .parallax-1{
        margin: 0 90% ;
    }

    .parallax-1 img{
        width: 100%;
        height: auto;
    }

    .parallax .card{
        height: auto;
        width: 100%;
        margin: 30px;
    }
  }

  @media(max-width:768px){
    .sec-tittle{
        height: auto;
    }
  }
  @media (max-width: 767.98px) {
    .about {
        padding: 20px; /* Increase padding for mobile view */
    }

    .about-image img {
        width: 100%; /* Make the image full width on smaller screens */
        height: auto; /* Maintain aspect ratio */
        border-radius: 50%; /* Optional: round the image fully on mobile */
    }

    .about-content h4 {
        font-size: 1.5rem; /* Reduce font size for mobile */
    }

    .about-content p {
        font-size: 0.875rem; /* Smaller font size on mobile */
        text-align: center; /* Center align text on mobile */
    }
}
@media (max-width: 767.98px) {
    .why-cricket h4 {
        font-size: 1.5rem; /* Reduce font size on mobile */
    }

    .why-cricket ul li {
        font-size: 14px; /* Reduce font size on mobile */
    }

   
}
@media (max-width: 767px) {
    .why-cricket .col-sm-6 {
        margin-bottom: 20px; /* Add space between columns on mobile */
    }

    .video-container {
        height: auto; /* Adjust height for smaller screens */
    }
}
@media (max-width: 768px) {
    .investment-content {
        flex-direction: column; /* Stack items vertically on smaller screens */
        align-items: center; /* Center items horizontally */
    }

    .investment-images, .investment-text {
        max-width: 100%;
        margin-right: 0; /* Remove right margin on smaller screens */
        margin-bottom: 20px; /* Space below each section on mobile */
    }

    .investment-text h1 {
        font-size: 1.5rem; /* Adjust font size for mobile */
        padding-top: 20px; /* Adjust padding for mobile */
    }

    .investment-text p {
        font-size: 0.875rem; /* Adjust font size for mobile */
    }
}

@media (max-width: 767px) {
    .investment-text {
        padding: 15px; /* Reduce padding on smaller screens */
    }

    .investment-text h1 {
        font-size: 1.25rem; /* Smaller font size for mobile */
    }

    .features_list {
        gap: 5px; /* Reduce gap between items on mobile */
    }
}



/*fantasy cricket*/
@media (max-width: 768px) {
    .cricket h2 {
      font-size: 1.5rem; /* Smaller font size on tablets and mobiles */
    }
  
    .cricket p {
      font-size: 0.9rem; /* Slightly smaller text for readability */
    }
  
    .cricket img {
      margin-bottom: 20px; /* Add spacing below image for mobile */
      border-radius: 12% 88% 11% 89% / 71% 45% 55% 29%; /* Adjust border radius for mobile aesthetics */
      width: 100%;
    }
  }
  
  @media (max-width: 576px) {
    .cricket {
      padding: 20px 0; /* Reduce padding on small screens */
    }
  
    .cricket h2 {
      font-size: 1.25rem; /* Further reduce heading size */
    }
  
    .cricket p {
      font-size: 0.85rem; /* Smaller text for compact view */
    }
  }

  @media (max-width: 991.98px) {
    .contact-info, .contact-form {
        flex: 1 1 100%; /* Make each section full-width on tablets */
        margin-right: 0; /* Remove margin between sections */
    }

    .contact-info {
        margin-bottom: 20px; /* Add bottom margin for spacing */
    }
}

@media (max-width: 767.98px) {
    .contact-container {
        padding: 20px; /* Reduce padding on mobile */
    }

    .contact-info h2 {
        font-size: 1.1rem; /* Smaller font size on mobile */
    }

    .contact-info ul li {
        font-size: 14px; /* Smaller font size on mobile */
    }

    .contact-form {
        padding: 20px; /* Reduce padding on mobile */
    }

    .contact-form textarea, .contact-form input, .contact-form button {
        font-size: 12px; /* Smaller font size on mobile */
        padding: 12px; /* Reduce padding on mobile */
    }

    .contact-form button {
        padding: 12px; /* Reduce padding on mobile */
    }
}

@media(max-width: 767px){
    footer{
        width: 100%;
    }
    .underline{
        width: 30%;
    }
    .col ul li{
        text-align: start;
        align-items: start;
        justify-content: start;
    }
}