.glimpse-of-sportsbaazi {
  position: relative;
  width: 100%;
  background-color: #f7f8f9;
  padding: 84px 0;
  margin-top: 0;
  font-family: 'Montserrat', sans-serif;
  overflow: hidden;
}

.glimpse-heading {
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  color: #22272b;
  margin-bottom: 60px;
}
 .sportsbaazi {
  color: #ef5c48;
}

.gallery-container {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(3, 220px);
  gap: 24px;
  margin: 0 auto;
  max-width: 1272px;
  margin-bottom: 40px;
}

.gallery-item {
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  background: #e0e0e0;
  transition: all 0.3s ease;
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.gallery-item:hover img {
  transform: scale(1.05);
}

.item1 {
  grid-column: 1 / 5;
  grid-row: 1 / 3;
  height: 460px;
}

.item2 {
  grid-column: 5 / 9;
  grid-row: 1 / 3;
  height: 460px;
}

.item3 {
  grid-column: 9 / 13;
  grid-row: 1 / 2;
  height: 220px;
}

.item4 {
  grid-column: 9 / 13;
  grid-row: 2 / 3;
  height: 220px;
}

.item5 {
  grid-column: 1 / 5;
  grid-row: 3 / 4;
  height: 220px;
}

.item6 {
  grid-column: 5 / 13;
  grid-row: 3 / 4;
  height: 220px;
}

.gallery-pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 24px;
}

.gallery-arrow {
  background: #161a1d;
  border: none;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
  font-size: 15px;
  transition: background 0.2s;
}

.gallery-arrow:disabled {
  background: #e0e0e0;
  color: #aaa;
  cursor: not-allowed;
}

.gallery-arrow:hover:not(:disabled) {
  background: #ef5c48;
}

@media (max-width: 1200px) {
  .gallery-grid {
    grid-template-columns: repeat(6, 1fr);
    max-width: 100%;
  }

  .item1, .item2, .item3, .item4, .item5, .item6 {
    grid-column: span 6;
    height: 400px;
  }

  .glimpse-heading {
    font-size: 36px;
  }
}

@media (max-width: 786px) {
  .glimpse-of-sportsbaazi {
    padding: 48px 16px 100px;
    height: 644px;
  }

  .glimpse-heading {
    font-size: 24px;
    font-weight: 800;
    line-height: 36px;
    width: 248px;
    margin: 0 auto 70px;
  }

  .gallery-container {
    max-width: 328px;
    margin: 0 auto;
  }

  .gallery-grid {
    /* padding: 0;
    max-width: 328px; */
    grid-template-rows: repeat(3, 110px); 
    gap: 12px; 
  }

  .image-group {
    position: relative;
    width: 328px;
    height: 434px;
  }

  .gallery-item {
    position: absolute;
    border-radius: 8px;
    overflow: hidden;
    background: #e0e0e0;
  }

  .gallery-item img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    /* display: block; */
  }

  .item1 {
    top: -40px;
    left: 0;
    width: 156px;
    height: 125px;
  }

  .item2 {
    top: -40px;
    left: 172px;
    width: 156px;
    height: 190px;
  }

  .item3 {
    top: 100px;
    left: 0;
    width: 156px;
    height: 125px;
  }

  .item4 {
    top: 165px;
    left: 172px;
    width: 156px;
    height: 202px;
  }

  .item5 {
    top: 240px;
    left: 0;
    width: 156px;
    height: 125px;
  }

  .gallery-pagination {
    gap: 12px;
    margin-top: 14px;
  }

  .gallery-arrow {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }
}

/* top-header-black-background */

/* Reset and base styles */
* {
margin: 0;
padding: 0;
font-family: 'Montserrat', sans-serif;
box-sizing: border-box;
}

body {
margin: 0;
padding-top: 70px;
line-height: normal;
position: relative;
overflow-x: hidden;
}

.decorative-line.new-line1 {
position: absolute;
right: 160px; /* Instead of left */
top: 120px;
width: 32.38px;
height: 207.4px;
background-color: #ffedeb;
border-radius: 67.3px;
transform: rotate(-21.7deg);
transform-origin: 0 0;
z-index: 1;
}

.decorative-line.new-line2 {
position: absolute;
right: 60px;    /* aligned diagonally */
top: 339px;     /* aligned diagonally */
width: 32.38px;
height: 207.4px;
background-color: #ffedeb;
border-radius: 67.3px;
transform: rotate(-21.7deg);
transform-origin: 0 0;
z-index: 1;
}

/* Core Values Styles */
.core-values {
width: 100%;
position: relative;
background-color: #fff;
height: 450px;
overflow: hidden;
box-sizing: border-box;
}
@media (max-width: 768px) {
.core-values {
width: 100%;
position: relative;
background-color: #fff;
height: 620px;
overflow: hidden;
box-sizing: border-box;
}
}

/* Core Values Heading */
.core-values-heading {
position: absolute;
top: 84px;
left: 607px;
right: 607px;
bottom: 416px;
box-sizing: border-box;
}

.heading {
font-size: 36px;
font-family: 'Montserrat', sans-serif;
color: #22272b;
font-weight: 700;
margin: 0;
}

/* Cards Container */
/* Import Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');

/* Header */
.header {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
overflow: hidden;
margin: 0;
padding: 0;
background-color: #1d1c21;
--bs-navbar-padding-x: 0;
--bs-navbar-padding-y: 0.5rem;
--bs-navbar-color: rgba(0, 0, 0, 0.55);
--bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
--bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
--bs-navbar-active-color: rgba(0, 0, 0, 0.9);
--bs-navbar-brand-padding-y: 0.3125rem;
--bs-navbar-brand-margin-end: 1rem;
--bs-navbar-brand-font-size: 1.25rem;
--bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
--bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
--bs-navbar-nav-link-padding-x: 0.5rem;
--bs-navbar-toggler-padding-y: 0.25rem;
--bs-navbar-toggler-padding-x: 0.75rem;
--bs-navbar-toggler-font-size: 1.25rem;
}

.header-container {
display: flex;
max-width: 1320px;
margin: 0 auto;
padding: 0 1rem;
justify-content: space-between;
align-items: center;
background-color: #1d1c21;
}

.header-navbar {
display: flex;
align-items: center;
background-color: #1d1c21;
padding: var(--bs-navbar-padding-y) 0;
}

.navbar-logo-link {
display: flex;
align-items: center;
padding: var(--bs-navbar-brand-padding-y) 0;
margin-right: var(--bs-navbar-brand-margin-end);
text-decoration: none;
}

.header-navbar .navbar-logo {
height: auto;
max-width: 200px;
width: auto;
transition: opacity 0.2s ease-in-out;
}

.navbar-logo-link:hover .navbar-logo {
opacity: 0.9;
}

.header-links {
display: flex;
gap: 42px;
}

/* Black Background Section */

.black-background {
width: 100%;
background-color: #0a090c;
min-height: 782px;
position: relative;
padding: 81px 0 0;
color: #fff;
font-family: 'Montserrat', sans-serif;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
margin-top: -40px;
padding-top: 60px;
}

/* Slider container */
.slider-container {
width: 1287.5px;
max-width: 100%;
position: relative;
margin: 0 auto;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
}

.slider-image {
width: 100%;
max-width: 100%;
height: 423px;
object-fit: cover;
display: block;
border-radius: 8px;
}

/* Explore Jobs Button */
.explore-jobs-cta {
background-color: #e34935;
border: none;
border-radius: 100px;
padding: 10px 32px;
cursor: pointer;
transition: background-color 0.2s ease;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
}

.explore-jobs {
font-size: 20px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
color: #fff;
line-height: 24px;
}

.explore-jobs-cta:hover {
background-color: #f15b48;
}

/* Mission and Vision Section */
.mission-vision {
width: 100%;
background-color: #0a090c;
padding: 44px 84px;
box-sizing: border-box;
margin: 0;
overflow: hidden;
}

.mission-vision-container {
max-width: 1272px;
margin: 0 auto;
display: flex;
gap: 28px;
justify-content: center;
}

.mission-card,
.vision-card {
width: 622px;
height: 266px;
position: relative;
}

.card-content {
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: center;
}

.card-text {
position: absolute;
top: 36px;
left: 0;
width: 100%;
height: 230px;
background-color: #161618;
border: 1px solid #40414a;
border-radius: 24px;
backdrop-filter: blur(100px);
padding: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.card-heading {
font-family: 'Montserrat', sans-serif;
font-size: 32px;
font-weight: 600;
color: #ff9c8f;
text-transform: uppercase;
margin: 0 0 24px;
text-align: center;
}

.card-separator {
width: 264px;
height: 4px;
background: linear-gradient(90deg, rgba(137, 53, 41, 0), #bc4839 50%, rgba(137, 53, 41, 0));
margin: 0 auto 24px;
}

.card-description {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 28px;
font-weight: 300;
color: #fff;
text-align: center;
margin: 0;
max-width: 80%;
}

.card-icon {
position: absolute;
width: 71.6px;
height: 71.6px;
z-index: 2;
}

.mission-card .card-icon {
left: 35px;
top: 0;
}

.vision-card .card-icon {
right: 35px;
top: 0;
}

.vision-card .card-text {
left: 0;
right: 0;
}

/* Perks of working at sportsbaazi Section */
.perks {
position: relative;
width: 100%;
padding: 100px 0;
background: url('../assets/perks.png');  /* Change path if needed */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;
left: 0;
}


.perks-heading {
font-family: 'Montserrat', sans-serif;
font-size: 48px;
color: #ef5c48;
text-align: center;
margin-bottom: 60px;
font-weight: 700 !important;
}

.perks-heading .highlight {
color: #fff;
}

.perks-container {
max-width: 1272px;
margin: 0 auto;
display: flex;
height: 308px;
font-size: 20px;
justify-content: space-between;
/* backdrop-filter: blur(100px); */
border-radius: 24px;
background-color: rgba(255, 255, 255, 0.05);
border: 1px solid #40414a;
padding: 40px;
gap: 20px;
}

.perks-column {
flex: 1;
padding: 0 10px;
min-width: 0;
}

.perk-item {
display: flex;
align-items: center;
margin-bottom: 20px;
font-size: 18px;
font-family: Roboto !important;
line-height: 28px;
position: relative;
min-height: 40px;
padding-left: 56px;
}

.perk-item img {
width: 18px;
height: 18px;
position: absolute;
left: 9px;  /* Adjusted from 12px to 9px for better centering */
top: 50%;
transform: translateY(-50%);
z-index: 2;
}

/* Update the ellipse background */
.perk-item::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px;
background-image: url('https://image.ballebaazi.com/emailer_images/perksCircle.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}

.perk-text {
font-family: 'Roboto';
color: #fff;
}

.highlight-text {
color: #ef5c48;
font-weight: 500;

}

/* Timeline Section */
.timeline-section {
width: 100%;
padding: 0 84px;
box-sizing: border-box;
margin: 0;
background: #0a090c;
overflow: hidden;
}

.timeline-container {
width: 100%;
max-width: 1272px;
/* Adjusted to match the image width */
margin: 0 auto;
border-radius: 24px;
background: linear-gradient(90deg, rgba(10, 9, 12, 0), #1c1919 50%, rgba(10, 9, 12, 0));
height: 620px;
position: relative;
overflow: visible;
/* Changed to visible to ensure no clipping */
padding: 72px 0;
box-sizing: border-box;
}

/*testing*/
.video-wrapper {
background-color: #f5f5f5; /* replace with your GIF's background color */
display: inline-block;
width: fit-content;
padding: 0;
margin: 0;
}

.video-wrapper video {
display: block;
width: 100%;
height: auto;
}


.timeline-heading {
position: absolute;
top: 72px;
left: 50%;
transform: translateX(-50%);
font-family: 'Montserrat', sans-serif;
font-size: 44px;
font-weight: 700;
letter-spacing: 0.05em;
background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #d9d9d9;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
margin: 0;
white-space: nowrap;
}

.timeline-image {
position: absolute;
top: 211px;
left: 50%;
transform: translateX(-50%);
width: 1272px;
height: 172px;
object-fit: contain;
object-position: center;
max-width: 100%;
padding: 0 20px;
box-sizing: content-box;
}

/* Life at SportsBaazi Section */
.life-at-sportsbaazi {
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 182px 0 470px;
position: relative;
background-color: #ffffff;
font-family: 'Montserrat', sans-serif;
color: #22272b;
overflow: hidden;
height: 1300px;
box-sizing: border-box;
}

/* Culture Section */
.culture {
position: absolute;
top: 350px;
left: 0;
width: 1134px;
height: 434px;
background-color: #f7f8f9;
border-radius: 0 24px 24px 0;
padding: 104px 84px 0 84px;
box-sizing: border-box;
}

.culture-body {
font-size: 40px;
font-weight: 800;
margin-bottom: 45px;
}

.culture-heading {
font-family: 'Roboto', sans-serif;
font-size: 20px;
line-height: 28px;
max-width: 681px;
font-weight: 400;
margin-top: -30px;
}

/* Meet the Leaders Section */
.leaders {
color: #f87462;
}

.meetTheLeadersContainer {
position: absolute;
top: 84px;
left: 50%;
transform: translateX(-50%);
text-align: center;
width: 100%;
max-width: 1272px;
padding: 0 24px;
box-sizing: border-box;
}

.name {
position: relative;
line-height: 20px;
font-size: 20px !important;
font-family: Montserrat !important;
font-weight: 700 !important;
margin-top: -15px;
}

.designation {
position: relative;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
font-weight: 500;
text-align: left;
white-space: nowrap;
margin-top: -5px;

}

.details {
position: absolute;
top: 300px;
left: 26px;
width: 197px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 4px;
}

.containerChild {
top: 295px;
width: 18px;
height: 18px;
width: 30px;  
height: 30px;  
object-fit: contain;
z-index: 1;
transition: filter 0.2s ease;
}

.linkedin-circle {
position: absolute;
right: 20px;
top: 285px; 
width: 40px;
height: 40px;
padding: 7px;  
background-color: #fff;
border: 1px solid #0077B5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
z-index: 2;
box-sizing: border-box;  
}

.linkedin-circle:hover {
background-color: #0077B5;
transform: scale(1.1);
}

.linkedin-circle:hover .containerChild {
filter: brightness(0) invert(1);
}

.leader {
width: 370px;
position: relative;
height: 440px;
padding-top: 40px;
overflow: visible;
display: flex;
justify-content: center;
}

.leader .container {
  position: relative;
  width: 100%;
  height: 350px;
  background: transparent; /* Changed to hide container background at top */
  border-radius: 24px;
  overflow: visible; /* Changed to prevent clipping the image */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 0 0 20px 0; /* Retains bottom space */
  margin: 0;
}

.leader .image1Icon {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 300px;
  object-fit: cover;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  /* display: block; */
  border-radius: 16px 16px 0px 0px;
  margin-top: -40px; /* Added to match container's top corners */
}

.leader .backgroundIcon {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 322px;
  background-color: #f87462;
  border-radius: 24px 24px 0 0;
  z-index: 1;
  }

.listOfLeaders {
position: absolute;
top: 226px;
left: 50%;
transform: translateX(-50%);
width: 1272px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 24px;
text-align: center;
font-size: 20px;
padding: 0 24px;
box-sizing: border-box;
}

.meetTheLeaders {
width: 100%;
position: relative;
background-color: #f7f8f9;
min-height: 712px;
overflow: hidden;
text-align: left;
font-size: 54px;
color: #22272b;
font-family: 'Montserrat', sans-serif;
padding: 100px 0;
}

/* Section Heading */
.section-heading {
position: absolute;
top: 140px;
left: 84px;
font-size: 72px;
font-weight: 800 !important;
margin: 0;
z-index: 2;
}

.meetTheLeaders h2 {
font-size: 54px;
font-weight: 800;
margin: 0;
padding: 0;
line-height: 1.2;
display: inline-block;
text-align: center;
}

.sportsbaazi {
color: #f87462;
font-weight: 800;
}

/* Decorative Lines */
.decorative-lines {
position: absolute;
top: 296px;
right: 0;
width: 220.8px;
height: 454.8px;
z-index: 1;
}

.line {
position: absolute;
border-radius: 67.3px;
transform-origin: 0 0;
}

.line-1 {
top: 60.77px;
left: 88.57px;
width: 31.2px;
height: 273.8px;
background-color: #ff9c8f;
transform: rotate(-22.2deg);
}

.line-2 {
top: 224.54px;
left: 98.75px;
width: 29.8px;
height: 247.8px;
background-color: #ffedeb;
transform: rotate(-21.7deg);
}

.line-3 {
top: 11.96px;
left: 0;
width: 32.4px;
height: 207.4px;
background-color: #ffedeb;
transform: rotate(-21.7deg);
}

/* Team Image and Ellipses */
.team-image {
position: absolute;
top: 296px;
right: 166px;
width: 417px;
height: 465px;
object-fit: cover;
z-index: 2;
border-radius: 50%;
box-shadow: 0 0 0 10px #ffedeb, 0 0 0 20px #ffd5d0;
}


/* Decorative Lines */
.decorative-lines {
position: absolute;
top: 296px;
right: 0;
width: 220.8px;
height: 454.8px;
z-index: 1;
}

.line {
position: absolute;
border-radius: 67.3px;
transform-origin: 0 0;
}

.line-1 {
top: 60.77px;
left: 88.57px;
width: 31.2px;
height: 273.8px;
background-color: #ff9c8f;
transform: rotate(-22.2deg);
}

.line-2 {
top: 224.54px;
left: 98.75px;
width: 29.8px;
height: 247.8px;
background-color: #ffedeb;
transform: rotate(-21.7deg);
}

.line-3 {
top: 11.96px;
left: 0;
width: 32.4px;
height: 207.4px;
background-color: #ffedeb;
transform: rotate(-21.7deg);
}

/* Team Image and Ellipses */
.team-image {
position: absolute;
top: 296px;
right: 166px;
width: 417px;
height: 465px;
object-fit: cover;
z-index: 2;
border-radius: 50%;
box-shadow: 0 0 0 10px #ffedeb, 0 0 0 20px #ffd5d0;
}

/* Decorative Elements */
.decorative-elements {
position: relative;
width: 100%;
height: 600px;
margin: 0 auto;
bottom:79px;
}

.ellipse {
position: absolute;
z-index: 1;
}

.ellipse-1 {
top: 100px;
right: 170px;
width: 400px;
height: auto;
}

.ellipse-2 {
bottom: 50px;
right: 100px;
width: 250px;
height: auto;
}

/* Decorative Line */
.decorative-line {
position: absolute;
top: 185px;
right: 70px;
width: 31.2px;
height: 273.8px;
background-color: #ff9c8f;
border-radius: 67.3px 67.3px 67.3px 67.3px;
transform: rotate(-22.2deg);
transform-origin: 0 0;
z-index: 1;
opacity: 0.9;
overflow: hidden;
}

.team-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 400px;
height: 400px;
border-radius: 50%;
border: 15px solid #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
z-index: 2;
object-fit: cover;
}

/* Activities Section */
.activities {
position: absolute;
top: 864px;
left: 84px;
right: 84px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 36px;
z-index: 2;
}

.activity-card {
flex: 1;
max-width: 380px;
border-radius: 24px;
background-color: #f1f2f4;
border: 0.5px solid #dee4ea;
overflow: hidden;
position: relative;
height: 320px;
}

.activity-card.featured {
max-width: 440px;
height: 414px;
}

.activity-image {
width: 100%;
height: 260px;
object-fit: cover;
border-radius: 24px 24px 0 0;
}

.activity-card.featured .activity-image {
height: 354px;
}

.activity-title {
position: absolute;
top: 260px; 
left: 0;
right: 0;
bottom: 0; 
display: flex; 
justify-content: center; 
align-items: center;
font-family: Montserrat !important;
font-size: 20px !important; 
font-weight: 700 !important;
margin: 0;
color: #22272b;
z-index: 1;
}


.activity-title-first {
  position: absolute;
  top: 260px; 
  left: 0;
  right: 0;
  bottom: 0; 
  display: flex; 
  justify-content: center; 
  align-items: center;
  font-size: 20px !important; 
  font-weight: 700 !important;
  margin: 0;
  color: #22272b;
  z-index: 1;
  }

.activity-card.featured .activity-title {
top: 354px; /* Start after the featured image height */
}

/* Growth at SportsBaazi Section */

/* Horizontal scroll for testimonials on desktop */
.testimonials-scroll {
display: flex;
flex-direction: row;
gap: 50px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
padding-bottom: 24px;
padding-right: 100px;
position: relative;
left: 0;
top: 0;
transform: none;
width: 100%;
max-width: 100%;
box-sizing: border-box;
scroll-behavior: smooth;
}

.testimonials-scroll::-webkit-scrollbar {
display: block;
}

.testimonial-card {
scroll-snap-align: start;
flex: 0 0 304px;
margin-left: 0;
}
.testimonial-card {
  scroll-snap-align: start;
  flex: 0 0 304px;
  min-width: 304px;
  box-sizing: border-box;
}
.growth-section {
width: 100%;
min-height: 600px;
background: linear-gradient(269.55deg, #000, rgba(0, 0, 0, 0.9) 50%, rgba(0, 0, 0, 0.85));
color: #fff;
font-family: 'Roboto', sans-serif;
padding: 80px;
box-sizing: border-box;
position: relative;
left: 0;
display: flex;
align-items: center;
justify-content: space-between;
}

.growth-content {
max-width: 1440px;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 170px;
/* Add right padding to create space for testimonials */
box-sizing: border-box;
}

.growth-text {
width: 494px;
height: auto;
flex: none;
}

.growth-heading {
font-size: 36px;
line-height: 48px;
margin-bottom: 12px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}

.growth-body {
font-size: 20px;
line-height: 28px;
margin: 0;
}

.testimonials {
display: flex;
gap: 20px;
position: absolute;
left: 728px;
top: 50%;
transform: translateY(-50%);
}

.testimonial-card {
  width: 304px;
  height: 364px;
  background-color: #252424 !important; 
  border: 0.5px solid #596773;
  border-radius: 24px;
  padding: 34px 0 20px;
  text-align: center;
  position: relative;
  flex-shrink: 0;
  box-sizing: border-box;
  margin-left: 20px;
  opacity: 1; 
  isolation: isolate; 
}

.testimonial-image {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
margin: 0 auto 20px;
display: block;
}

.testimonial-name {
font-size: 24px;
font-weight: 600;
margin: 0 0 4px;
font-family: 'Montserrat', sans-serif;
color: #fff;
}

.testimonial-designation {
font-size: 12px;
font-weight: 300;
color: #fff;
margin: 0 0 16px;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.testimonial-text {
font-size: 14px;
width: 272px;
line-height: 20px;
color: #8590a2;
padding: 0 16px;
margin: 0;
font-family: 'Roboto', sans-serif;
}

/* Gallery Navigation */
.gallery-nav {
display: flex;
justify-content: center;
gap: 20px;
margin: 100px 0 35px 0;
display: none;
}

.nav-arrow {
background: #161a1d;
border: none;
border-radius: 50%;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
}

.nav-arrow:hover {
background: #ef5c48;
}

.arrow-icon {
width: 12px;
height: 12px;
display: block;
}

/* Center the section heading */
.section-title {
text-align: center;
margin-bottom: 40px;
font-size: 2.2rem;
color: #2c3e50;
position: relative;
padding-bottom: 15px;
}

.culture_img {
position: relative;
width: 470px;
height: auto;
z-index: 2;
right: 0px;
left: 700px;
bottom: 424px;
}
.culture_img img {
width: 90%;
height: auto;
border-radius: 12px;
}
.testimonial-slider-dots {
display: flex;
justify-content: center;
margin-top: 16px;
gap: 8px;
}
.testimonial-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: #ddd;
cursor: pointer;
transition: background 0.2s;
display: inline-block;
}
.testimonial-dot.active {
background: #ef5c48;
}
@media screen and (max-width: 768px) {
.testimonial-slider-dots {
 
  display: none
  }
}

/* new added - 17 june */

/* Desktop styles */
.desktop-image {
  display: block;
  position: fixed;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 1272px;
  height: 172px;
  object-fit: contain;
  object-position: center;
  max-width: 100%;
  padding: 0 20px;
  box-sizing: content-box;
}

.mobile-image {
  display: none;
}

@media (max-width: 768px) {
  .culture-heading {
    font-size: 16px;
    line-height: 24px;
    padding: 0 16px;
    text-align: center;
  }
}







/* footer test  */
@import url('https://fonts.googleapis.com/css2?family=Abyssinica+SIL&family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Sansita:ital,wght@0,400;0,700;0,800;0,900;1,400;1,700;1,800;1,900&display=swap');
 
@import url('https://fonts.googleapis.com/css2?family=Abyssinica+SIL&family=Anton&family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Sansita:ital,wght@0,400;0,700;0,800;0,900;1,400;1,700;1,800;1,900&display=swap');

h1,h2,h3,h4,h5,h6{  font-family: "Anton", sans-serif;    font-weight: 500 !important;}
:root {
 --bs-dark-rgb: 23, 22, 27;
}
html, body {
    font-family: "Montserrat", sans-serif;

}
body.home_page{background-color: #141118!important; }
.header,
.footer {
 background: #17161b;
 /* --top: 0px; */
}
.header {
 max-height: 108px;
}
.nav{justify-content: space-between;}

img{ max-width:100%;}
.offcanvas {
 --bs-offcanvas-height: fit-content;
}
.sp_banner{ 
/* background:url( https://image.ballebaazi.com/emailer_images/ballebaazi--1026.png) */
background: url('Web-Banner-7th-Anniversary.jpg')
 no-repeat;background-size: cover;}
.sp_banner .d-flex{align-items: center;justify-content: space-around;}

.player_back{ position:relative;}
.player_back .bd{border:1px solid #ff4619;border-radius: 15px;padding:20px 18px 7px;text-align: center;min-height: 165px;box-shadow: 0px 0px 7px 0px #F45536 inset;}
.player_back .bd:hover{border:1px solid #fff;}
.player_back .bd span{font-size: 12px;font-weight:normal;display: block;color: #979797;}
.player_back .bd h2{font-size: 22px;    margin-top: 6px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase; color:#fff;}
.footer-complaince{
 font-style: italic; margin-top: 20px; text-align: center;
}

.player_back2{ padding:50px  0;}
.player_back2 .bd2{border-radius: 15px;padding: 18px 19px 7px;text-align: center;background:#252128; position:relative; }
.player_back2 .bd2:hover{}
.player_back2 .bd2 span{font-size: 12px;font-weight:normal;display: block;color: #979797;}
.player_back2 .bd2 h2{font-size: 20px;color:#F2F2F2;font-weight: 300!important;}
.player_back2 .bd2 .bg_color{    background: #E95133;width: 100%;    min-height: 169px;}

.sport_area h3{font-size: 114px; color:#fff;    font-family: "Montserrat", sans-serif;
font-weight: 800!important;
line-height: normal; text-align:center}
.sport_area h4{color: #F45536;
font-size:250px;
font-weight: 400;
text-align:center;    line-height: 168px; margin-bottom:30px;}
.sport_area .span_youtube{position:absolute;right: 32px;bottom: 32px;}
.sport_area .bd2{padding:18px;/*width: 528px;height: 428px;overflow: hidden;*/}
.accordion-button {border-bottom: none; color:#fff;background: none;}
.accordion-button{font-size: 16px;
 font-style: normal;
 font-weight: 500;
 line-height: 20px; /* 100% */
 font-family: 'Montserrat';
 margin-right: 16px;
 position: relative;
 left:-12px;
 ;}
.player_back2 video{border-radius: 15px;}

.card{ background:none;}
.faq-card .card-body{ padding:0; background:none; }
.choose_sge span{ display:block; text-align:center; color:#fff;}
.choose_sge{
 background:#1d1b20;
 border:1px solid #333238;
 /* box-shadow: 4px 0px 30.2px 0px rgba(0, 0, 0, 0.25); */
border-radius: 20px;padding: 20px 35px 40px;
}
.choose_sge h3{ font-size:68px; color:#fff;font-weight: 800!important;font-family: "Montserrat", sans-serif;    padding: 20px 0;}
.choose_sge span.sp_heading{font-family: "Anton", sans-serif;font-size: 40px; color:#fff;font-weight: 400;margin-top: 10px;}
.choose_sge span.sp_heading2{color: #F2F2F2;font-family: Montserrat;font-size: 20px;font-weight: 300;}
.bg_img{ background:url(https://image.ballebaazi.com/emailer_images/ballebaazi--1033.png) ; background-size: cover;height:88px; margin-top:70px!important;}
.accordian-item-border{border:none;background: #242128;color:#fff;margin-bottom: 15px;border-radius: 15px!important;padding:18px 30px;}

.sge{ background:#1d1b20;    border-radius: 30px 30px 0 0;}
.sge h2{ color:#fff;font-family: Montserrat; font-size:68px;font-weight: 800!important;    line-height: 68px;line-height: normal;    padding-bottom: 0 !important;}

header .navbar-brand img{ padding:5px 0;}
.header .nav-item .nav-link {
 white-space: nowrap;padding:30px 20px!important;border-radius: 35px;
}
/* .header{max-height: initial;} */
.nav-link:focus,
.nav-link:hover,
.nav-link:focus-visible,
.nav-link[aria-expanded="true"] {
 color:#F45540; 
}
.nav-link:hover{  color:#F45540;  }

.navbar { padding:0;
 --bs-navbar-toggler-icon-bg: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMTFDMCAxMC40NDc3IDAuNDQ3NzE1IDEwIDEgMTBIMjFDMjEuNTUyMyAxMCAyMiAxMC40NDc3IDIyIDExQzIyIDExLjU1MjMgMjEuNTUyMyAxMiAyMSAxMkgxQzAuNDQ3NzE2IDEyIDAgMTEuNTUyMyAwIDExWiIgZmlsbD0iI0Q5RDlEOSIvPgo8cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMiIgcng9IjEiIGZpbGw9IiNEOUQ5RDkiLz4KPC9zdmc+Cg==);
}

.mt-100 {
 margin-top: 100px;
}

.footer {
 padding-top: 30px;
 padding-bottom: 30px; background:#252128;
}
.learn-more a {
 list-style: none; background:#F05637;
 color: #fff;
 text-decoration: none;
 padding: 8px 16px;
 display: inline-block;
 border-radius: 0px 0px 10px 10px;
 font-weight: normal;
 margin-top: 5px;
}
.color-white {
 color: #ffffff;
}

.color-gray {
 color: #545454;
}

.color-dark {
 color: #17161b;
}

.bg-dark {
 background: #17161b;
}

.montserrat {
 font-family: "Montserrat", sans-serif;
 line-height: 100%;
}

.gilroy {
 font-family: "Gilroy", sans-serif;
 line-height: 100%;
}

.regular-14 {
 font-weight: 400;
 font-size: clamp(10px, 1.3vw, 14px); /*10px*/
}

.regular-8 {
 font-weight: 400;
 font-size: clamp(8px, 2vw, 12px); /*8px*/
}

.bold {
 font-weight: 700;
}

.regular-16 {
 font-weight: 400;
 font-size: clamp(12px, 1.3vw, 16px); /* 12px*/
}

.bolder {
 font-weight: 800;
}

.powered-by {
 right: calc(var(--bs-gutter-x) * 0.5);
}

.gap-50 {
 gap: 50px;
}

.gap-64 {
 gap: 64px;
}
.gap-30 {
 gap: 30px;
}

.sitemap-links {
 list-style: none;
 columns: 2;
}
.intro-heading {font-family: "Montserrat", sans-serif;font-size: 68px;font-weight: 800!important;
}
.sitemap-links li:not(:first-child, :last-child) a {
 margin: 16px 0;
}

.header .regular-8 .img-fluid {
 /* width: 40%; */
 height: clamp(25px, 4vw, 42px);
 width: clamp(25px, 4vw, 42px);
}
.mobile-menu {
 padding: 0;
}
.mobile-menu .accordian ul h1 {
 color:#FFF;
 position:relative;
 text-shadow:#000 0px 1px 2px;
 font-size:13px;
 text-transform:uppercase;
 padding:10px;
 margin:0px;
 border-top:1px solid rgba(255,255,255,0.2);
}

.mobile-menu .accordian ul h1 .arrow{
 top:15PX;
 right:5%;
 content:"";
 width: 0; 
 height: 0; 
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;	
 border-top: 5px solid #FFF;
 position:absolute;
}

.mobile-menu .accordian ul h1 .arrow:hover{
 cursor:pointer;
}

.mobile-menu .accordian ul.first-menu{
 padding:0px;
 margin:0px;
 border:1px solid #000;
 background:#292929;
}

.mobile-menu .accordian ul.second-menu{
 padding:0px;
 margin:0px;
 border-top:none !important;
 border:1px solid #000;
 background:#292929;
}

.mobile-menu .accordian ul .menu{
 display:none;
 list-style:none;
 padding:0px;
}
.mobile-menu .accordian ul .menu li{
 padding:10px;
 border-bottom:1px solid rgba(0,0,0,0.8);
 border-top:1px solid rgba(255,255,255,0.1);
}
.mobile-menu .accordian ul .menu li:hover{
 border-bottom:1px solid rgba(0,0,0,0.8);
}
.mobile-menu .accordian ul .menu li a{
 color:#FFF;
 text-shadow:#000 0px 1px 2px;
 font-size:12px;
 text-decoration:none;
}
.mobile-menu .accordian ul .menu li:first-child{
 border-top:1px solid #000;
}
.mobile-menu .accordian ul .menu li:last-child{
 border-bottom:none;
}

.pre{
 width:70%;
  
}

.message-placement{
 margin-top: 12px;
}

@media screen and (min-width: 768px) {
 .sitemap-links {
   columns: 1;
 }

 .pre{
   width:70%;
    
 }
 .sitemap-links li:not(:first-child, :last-child) a {
   margin: 24px 0;
 }
}

@media screen and (max-width: 1024px) {
 .brand-img {
   max-width: 200px;
 }
}

.playNow {
 color: #17161b;
 background: #91ec8e;
 border-radius: 100px;
 padding: clamp(8px, 1.8vw, 22px) clamp(20px, 1.8vw, 30px)
   clamp(8px, 1.7vw, 21px) clamp(20px, 1.8vw, 30px) !important;
 white-space: nowrap;
 text-decoration: none;
 /* padding: 15px 20px 14px 20px !important; */
 line-height: 0;
 margin-left: auto;
}

.pre{
 width:70%;
  
}
.playNow:active,
.playNow:visited {
 color: #17161b;
}

@media screen and (max-width: 767px) {
 .sp_banner .d-flex{align-items: center;justify-content: center;}
 .footer-complaince{
   font-size: 12px;
 }
 .brand-img {
   max-width: 132px;
 }
 .nav-link,
 .nav-link {
   font-size: 22px;
   font-weight: 700;
 }

 .footer-link {
   font-size: 12px;
   font-weight: 400;
 }

 .offcanvas-body .navbar-nav .menu-toggled-block {
   top: auto !important;
 }

.pre{
 width:70%;
  
}
}

.offcanvas-body .navbar-nav .menu-toggled-block {
 top: 79px; background:#1E1E1E;
 font-size: 18px;
 text-align: end;
 /*background: #17161b;*/
 border-radius: 38px;
 border-radius: 0 0 var(--bs-dropdown-border-radius)
   var(--bs-dropdown-border-radius);
 border: none;
}
.menu-toggled-block.show,
.menu-toggled-block.collapsing {
 display: flex;
 padding: 0;
 gap: 16px;
 flex-direction: column;
 text-align: end;
 position: relative;
}

a:not([href="#fantasySports"]) + .menu-toggled-block .dropdown-item {
 display: flex;
 flex-direction: column;
 height: 100%;
}

a:not([href="#fantasySports"])
 + .menu-toggled-block
 .dropdown-item
 div.text-center {
 margin: auto 0;
}






.home_banner{ 
 background:url(https://image.ballebaazi.com/emailer_images/ballebaazi--661.jpg) t
 op center no-repeat!important; background-size:100% 100%;height:776px;}
.four_page ul{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; list-style-type: none;}
.four_page ul li{ padding: 0px 5px 0 5px;}
.four_page ul li a{background: #000;color: #fff;border-radius: 8px;padding: 6px 12px;font-size: 14px;}
.four_page ul li a:hover{background: #f45536;color: #fff;}

.hero-heading.home_heading {
   margin-top:190px!important;
   /* margin-bottom: !important; */
}
.home_heading{ text-transform:uppercase; margin-bottom:105px; white-space: nowrap;overflow: hidden;position: relative;width: 650px; display:flex;}
.home_heading.mob{ display:none;}
.home_heading.mob{ background:url(https://image.ballebaazi.com/emailer_images/ballebaazi--672.png) center no-repeat!important; background-size:100% 100%; }

.home_heading .changebox span {line-height:100px;}
/* .h-220 img{ } */
.changebox{
  margin: 0 40px;
  color: #fff;
  overflow: hidden;
  transition: .5s;
  white-space: nowrap; 
}


@media screen and (min-width: 767px) {

 .regular-md-16 {
   font-weight: 400;
   font-size: clamp(12px, 1.3vw, 16px);
 }
 
.pre{
 width:70%;
  
}
 .menu-toggled-block.show,
 .menu-toggled-block.collapsing {
   padding: 16px;
   flex-direction: row;
   position: fixed;
   left: 0;
   right: 0;
   display: flex;
   justify-content: center;
 }

 .menu-toggled-block.collapsing li,
 .menu-toggled-block li {
   border-radius: 26px;
   background-color: #0a0a0c;
   padding: 20px;
   min-width: 235px;
   min-height: 235px;
 }
 .h-220 {
   height: 235px;
   width: 180px;
 }
}

.grid-image-mobile-red .hero-heading{ padding-top: 20px; margin-bottom: 0;}
.table_list li{font-size: clamp(12px, 2.8vw, 20px);font-weight: 400;line-height: 181%;    font-family: "Montserrat", sans-serif;}
.table_list li a{ color: #000;}
.sportbaazi_inner .bx1{ border-radius:26px;background: #fff; padding:32px; margin-top: 40px}
.sportbaazi_inner .bx1:first-child{margin-top: 0}
.sportbaazi_inner h2{font-size: clamp(18px, 3.5vw, 40px);margin-bottom: clamp(12px, 2.5vw, 34px);    font-weight: 800;}
.navbar-nav li:hover > ul.menu-toggled-block {
 padding: 16px;
 flex-direction: row;
 position: fixed;
 left: 0;
 right: 0;
 display: flex;
 justify-content: center;
 gap: 16px;
}
.sticky-top-1 {
   position: -webkit-sticky;
   position: sticky;
   top: 120px!important;
   text-align: center;
}
.sticky-top-1 img {
 width: 90%;
}
.hero-heading {
   font-size: 49px!important;
   line-height: 49px!important;
}

.hero-left-top{    width: auto!important;}
.input-group-width {
   width: 75%!important;
}

.console-container h2{ font-size:94px;font-weight:700; }
.console-container {
 font-weight:700;
 font-size:94px;
 text-align:left;
 height:200px;
 width:100%;
 display:block;
 color:#fff;
 top:0;
 bottom:0;
 left:0;
 right:0;
 margin:auto;
 text-transform: uppercase;padding-top: 100px;
}


.console-underscore {
  display:inline-block;
 position:relative;
 top:-0.14em;
 left:10px;
}
#text{
 font-size: 94px;
       font-weight: 700;
       color: #fff;    padding-left: 30px;
      
}
.console-underscore{
 color: #fff;
}
#text{
 font-size: 94px;
       font-weight: 700;
       color: #fff;    padding-left: 12px;
      
}
/* #flip div div {background:#;}
#flip div:first-child div {background:#;}
#flip div:last-child div {background:#;} */

@keyframes show {
   0% {margin-top:-270px;}
   5% {margin-top:-180px;}
   33% {margin-top:-180px;}
   38% {margin-top:-90px;}
   66% {margin-top:-90px;}
   71% {margin-top:0px;}
   99.99% {margin-top:0px;}
   100% {margin-top:-270px;}
}

.home_title{ padding-top:60px;}
.mobile_banner{ display:none;}









.download_now{ display:none;}
.download_now a{padding: 10px 20px;font-weight: 600;background: #00d37c;position:fixed;bottom: -1px;text-align: center;color: black;font-size: 18px;text-decoration: none;text-transform: uppercase;left: 0;right: 0;z-index:999;border: none;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.download_now a:hover{background: #f45536;}
.get-link{ width:auto!important;}




ul.tabs {
   margin: 0;
   list-style: none;
   background: #fff;
   border-radius: 25px;
   padding: 10px;
   margin-bottom: 15px;
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
}

ul.tabs li {
   float: left;
   cursor: pointer;
   padding: 6px 21px;
   background-color: #F2F2F2;
   color: #9F9F9F;
   overflow: hidden;
   position: relative;
   border-radius: 25px;
   font-weight: bold;
   margin: 6px 10px 6px 0;
}
ul.tabs li:last-child{ margin-right:0;}

ul.tabs li:hover {
 background-color: #ccc;
 color: #333;
}

ul.tabs li.active {
 color: #17161B;
}

.tab_container {
   width: 100%;
   background: #fff; border-radius: 25px;
}

.tab_content {
 padding: 20px;
 display: none;
}
.accordion-item p.accordian-body-content{padding: 12px 12px;font-size: 20px;font-weight: 400;line-height: 36px; color:#fff; background-color: none;}
.tab_drawer_heading { display: none; }
.fs_img {margin: auto;padding-top: 20px;width: 55%;margin-top: 10px!important;}
.accordion-button {font-weight: 400!important; padding:10px 0; font-size:24px;}
main  p, main  li{line-height: 160%;font-size: 16px;font-weight: 400;font-family: "Montserrat", sans-serif;}
.accordion-button.ps-0:before{ position:absolute; right: 7px;font-size: 30px; content:''; background:url(https://image.ballebaazi.com/emailer_images/ballebaazi--1041.png) no-repeat; width:40px; height:40px;}
.accordion-button::after{ display:none;}
.accordion-button.ps-0.collapsed:before{position:absolute;content:''; background:url(https://image.ballebaazi.com/emailer_images/ballebaazi--1042.png) no-repeat; width:40px; height:40px;}
.btn:hover{transform: translateY(-0.15rem);
   box-shadow: 0 0.25rem 0.75rem rgba(30,34,40,.15);}
.navbar-nav li{ margin-left:10px;}
.winning-row .justify-content-start .d-flex{ margin-right:25px;}	
/*****   start  ******/
.navbar-toggler{background: #ff4619;border-radius: 100%;height:50px;width: 50px;    margin: 10px 0;    display: flex;
   justify-content: center;
   align-items: center;}
.faq-section {
   padding-bottom: 20px!important;
}
.footer 
.footer .nav-link:focus,
.footer .nav-link:hover,
.footer .nav-link:focus-visible,
.footer .nav-link[aria-expanded="true"] {
background: none; color:#F45540;  border-radius: inherit;
}
.footer .nav-link:hover{background: none; color:#F45540;  border-radius:inherit;}
.accordion-button {
   border-bottom: none!important;
}
.accordion-button:not(.collapsed){    color: #fff !important;}

body.home_page #get_link{
   width: 946px;
   margin: auto;
   margin-top: -140px;
   border-radius: 30px 30px 0px 0px;
   background: #000;
   z-index: 9;
   position: absolute;
   left: 0;
   right: 0;
   padding: 15px 45px 15px 45px;}
.download-the-app p{ color:#F2F2F2;font-size: 20px;font-weight: 400;line-height: 36px;}
.download-the-app {
   margin-top: 0 !important;
   margin-bottom: 7px !important;

}
.accordion-button:not(.collapsed) {
   color: #fff !important;}
body.home_page .error, body.home_page .success {
   position: absolute;
   bottom: -5px;
}
.line_bg img{     width: 100%;}
body.home_page #get_link .enter-mobile-number{background: #161618;    color: #CECECE;}
body.home_page #get_link .input-group-text{ background:#1D1D1F!important; color: #F45536!important; border:none!important;}
body.home_page #get_link .get-link:hover, #get_link .get-link:active{ background:#F45536;color:black;    box-shadow: inherit!important;transform: inherit!important;}
body.home_page .faq-card-body{ height:auto; background-color: none;}
body.home_page .faq-card .card-body{overflow-x: inherit;overflow-y: inherit; background-color: none;}
.mob_1{ display:none;}
.sport_area .bd2 button img{border-radius: 15px;}

@media only screen and (max-width: 767px) {
.sp_banner{ 
 /*background:url(
  https://image.ballebaazi.com/emailer_images/ballebaazi--1056.png) 
  no-repeat;background-size: cover;}*/
  background: url('mv.png');
}
.sp_banner .d-flex div{    padding-top: 53px;margin: auto;display: table;}
.sport_area .bd2 {padding: 0;}
.desk_1{ display:none;}
.mob_1{ display: block;}

.player_back2 .bd2:hover{    border: none;}
.player_back2 .bd2{border: none;}
.intro-section-img, #playControl2 button img {
   border-radius: 15px;border: 2px solid #3A3A3A;
}
#playControl, #playControl2{ top:0!important;}
.bg_img {
   background-size: 100% 100%;
   height: 50px;
   margin-top: 70px !important;
}
.accordion-button{font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 100% */

font-family: 'Montserrat';
margin-right: 16px;
position: relative;
left:-8px;
;}

.accordion-item p.accordian-body-content{font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; color:#fff;}
.accordion-button.ps-0.collapsed:before, .accordion-button.ps-0:before{width: 26px;
   height: 26px;
   background-size: 100% 100%;right: -20px;
   top: 16px;}
.mob-headings{font-size: 24px!important;
font-weight: 700!important;line-height: 32px!important; /* 100% */}
.player_back .bd span {font-weight: 300;font-family: Montserrat;}
.sge .line_bg{    width: calc(100% - -24px);
   margin-left: -12px;}
#playControl button img{     border-radius: 15px;}
.player_back2 .col-lg-6{ margin-bottom:24px;}
.player_back2 .col-lg-6:last-child, .player_back .col-lg-4:last-child{ margin-bottom:0;}
.choose_sge span.sp_heading{    font-size: 28px;}
.choose_sge span.sp_heading2{font-size: 12px;}
.choose_sge div.text-center{    border-bottom: 1px solid #333238;
   padding: 15px 0;
   margin-bottom: 15px;}
.choose_sge div.text-center:last-child{ margin:0; padding:0; border:none}
.sge h2{
font-size: 36px;}
.sge .line_bg img{ border-radius:0!important;}
.player_back .col-lg-4{ margin-bottom:24px;}
.player_back .bd{border-radius: 27px;
border: 1px solid #F45536;
background: #242128;

box-shadow: 0px 0px 7px 0px #F45536 inset; padding:24px;}
.player_back .bd h2{margin-top: 13px;font-size: 30px;font-weight: 400 !important;}
.sp_banner{ text-align:center;    background-size: 100% 100%;}
.sp_banner img{ }
.sp_banner .d-flex{    display: block !important;}
.sport_area h3 {font-size: 36px;}
.sport_area h4 {font-size: 96px;    line-height: 96px;}
.choose_sge h3 {font-size: 32px;}
.download_now{ display: block;}
.testimonial-card:first-child {border-bottom: none;}
.brd_b{border-bottom: 1px solid #ffffff!important;}
.footer {padding-bottom: 60px;}
.hero-left-top{    margin-top: 20px!important;}
.card-body::-webkit-scrollbar {width:0px!important;}
.console-container h2{ font-size:36px; margin:auto; display:table;}
.mobile_banner{ display: block;}
.console-container{ height:62px;}
#text{ font-size:36px;}
.console-container{     padding-top: 9px;font-size: 48px;background: #1c1628; }
.grid-image-mobile-red {background-image: url(https://image.ballebaazi.com/emailer_images/ballebaazi--678.png);background-repeat: no-repeat;background-size: cover;text-align: center;}
.four_page ul{ display: block; padding:0;}
.four_page ul li{margin:13px 0;padding: 0 76px;}
.four_page ul li a{ min-width: 162px;display: block;border-radius: 28px;padding: 12px 12px 15px;font-size: 16px;}
.navbar-nav li:hover > ul.menu-toggled-block{ display:block!important;position: inherit;padding: 0;background: transparent;}
.header .nav-item .nav-link {padding: 5px 0;}
.changebox{ margin:0 24px;}
.home_heading {width: auto;margin-top: 172px !important;}
.hero-heading.home_heading {margin-top: 0!important;}
.home_banner{ height:auto}
.home_banner .container{ padding: 0;}
.home_banner .hero-left-top{ padding:0;}
.grid-image-mobile {text-align: center;}
.sports-logo {margin: auto;display: table;}
.hero-heading {font-size: 28px!important;line-height: 28px!important;}
.download-btn{position: absolute;bottom: 8%;left: 15%;right: 0;width: 70%; display:none!important;}
.choose_sge .d-flex{ display:block!important;}
}
html{
  scroll-padding-top: 120px;
}
img{ max-width:100%;}
:root {
  --bs-border-radius-2xl: 26px;
}

body {
  background: #e1e1e1;
}

section p {
  margin-bottom: 16px;
}

.regular-42 {
  font-size: clamp(16px, 3.5vw, 38px);
  font-weight: 400;
}

.regular-22 {
  font-size: clamp(12px, 2.8vw, 20px);
  font-weight: 400;
}

h3 {
  font-size: clamp(12px, 2.8vw, 35px) !important;
}

.weight-800 {
  font-weight: 800;
}

.line-height-181 {
  line-height: 181%;
}

.line-height-120 {
  line-height: 160%;
}

.line-height-122 {
  line-height: 122.5%;
}

.p-32 {
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: clamp(12px, 2vw, 32px);
  padding-right: clamp(12px, 2vw, 32px);
}

.mb-18 {
  margin-bottom: clamp(12px, 2.5vw, 18px);
}

.mb-34 {
  margin-top: clamp(12px, 2.5vw, 34px);
  margin-bottom: clamp(12px, 2.5vw, 34px);
}

.bg-white {
  background-color: #F1F1F1!important;
}

.bg-black h2{ color:#E2E2E2;}
h2 {
  color: #17161b;
}

main p,
main li {
  color: #000000;
}

a {
  text-decoration: none;
}

.mt-105 {
  margin-top: clamp(28px, 5.5vw, 105px);
}
.mb-105 {
  margin-bottom: clamp(28px, 5.5vw, 105px);
}

.bg-dark {
  background: #0a090c;
}

/* Sections */

/* Section 2 */

.section-2 {
  margin-top: clamp(32px, 7.5vw, 128px);
}

/* Section 3 OR CTA section */

.section-cta {
  margin-top: clamp(13px, 2.5vw, 32px);
}

/* faq starts here */
.intro-heading {
  font-weight: 800;
  font-size: 52px;
  line-height: 64px;
  padding: 100px 0px 38px 0px;
}
#see-more-faq {
  margin-top: 41px;
  padding: 18px 64px;
  font-weight: 500;
  border-radius: 300px;
  font-size: clamp(12px, 2.3vw, 22px);
    line-height: clamp(15px, 2.3vw, 27px);
}

@media screen and (max-width: 1024px) {
  .intro-heading {
    font-size: clamp(22px, 2.3vw, 52px);
    line-height: clamp(25px, 2.3vw, 64px);
    padding: 33px 0px 30px 0px;
  }
}

.faq-section {
  padding-bottom: 100px;
}
.faq-card {
  border-radius: 26px;
  padding: 41px 41px 46px 41px;
}
.faq-card .card-body {
  overflow-x: hidden;
  overflow-y: auto;
}
.faq-card-body {
  height: 300px;
}
.accordion-header {
  font-weight: 400;
  font-size: 22px;
  line-height: 27px;
}
.accordian-body-content {
  font-weight: 400;
  font-size: 1rem;
  line-height: 28px;
}
.accordion-button {
  border-bottom: 1px solid gainsboro;
}
.accordion-button:not(.collapsed) {
  color: fff !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-bottom: 1px solid gainsboro;
}
.accordion-button:focus {
  border-color: black;
  box-shadow: none;
  border-bottom: 1px solid gainsboro;
}



.faq-card ::-webkit-scrollbar {
  width: 10px;
}
.faq-card ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.faq-card ::-webkit-scrollbar-thumb {
  background: #0a090c;
}
.faq-card ::-webkit-scrollbar-thumb:hover {
  background: #0a090cc0;
}

.faq-section {
  margin-top: clamp(75px, 48px + 8.4375vw, 210px);
}

/* faq ends here */

/* Hero Section css */

.hero-section {
  background: #17161b;
}
.poppins {
  font-family: Poppins;
}
p {
  margin: 0;
}
.hero-right {
  margin-top: 58px;
  margin-left: auto;
  margin-right: auto;
}
/* .hero-right {
  padding-top: 65px;
} */
.right-bg {
  background-image: url("/assets/images/Grid-1.png");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.download-the-app-sm {
  color: #17161B;
  background: #91ec8e;
  border-radius: 200px;
  padding: 10px;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 25px;
}
.download-the-app-sm:hover,
.download-the-app-sm:active {
  background: #91ec8e !important;
}
.disclaimer {
  padding: 50px 0px 20px 0px;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}
.qr-img {
  max-height: 75px;
  max-width: 75px;
}
.hero-left-top {
  width: fit-content;
  margin-inline: auto;
  margin-top: 58px;
  /* padding: 0px 32px 0px 32px; */
}
.hero-heading {
  font-weight: 300;
  font-size: 58px;
  line-height: 65px;
}
.hero-heading-second {
  font-weight: 800;
}
.download-the-app {
  margin-top: 50px;
  margin-bottom: 22px;
  font-weight: 300;
  font-size: 22px;
}
.input-group-width {
  width: 43%;
}
.left-inp-group {
  border-top-left-radius: 300px;
  border-bottom-left-radius: 300px;
  padding-left: 36px;
  padding-right: 18px;
  background-color: white;
}
.enter-mobile-number {
  border-top-right-radius: 300px;
  border-bottom-right-radius: 300px;
  padding-top: 18px;
  padding-bottom: 18px;
  box-shadow: none !important;
  border: inherit;
}
.get-link {
  padding: 15px 30px;
  font-weight: 800;
  border-radius: 300px;
  box-shadow: none;
  background: #91ec8e;
}
.get-link:hover,
.get-link:active {
  background: #91ec8e !important;
}
.winning-type {
  padding-left: 10px;
  font-weight: 400;
  font-size: 16px;
}
.winning-type-bolder {
  font-weight: 700;
}
.winning-row {
  padding-top: 40px;
  padding-bottom: 20px;
}
/* testimonial ends here */
.relative-underline {
  position: relative;
}
/*.absolute-underline::after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj4KIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI2NyUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI0Y0NTUzNiIgcnk9IjIiIHJ4PSIyIi8+CiAgPHJlY3QgeD0iNzUlIiB5PSIwIiB3aWR0aD0iMjUlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiMwODI4QjQiIHJ5PSIyIiByeD0iMiIvPgo8L3N2Zz4=");
  height: 2px;
  left: 0;
  right: 0;
  bottom: 0;
}*/
.download-btn {
  padding-left: 16px;
  padding-right: 16px;
}
.payText {
  line-height: 18px;
}
.anchor{
  color: #000000;
}
.anchor:hover {
  color: unset;
}
.last-disclaimer {
  margin-top: 24px;
  text-align: center;
}
.last-disclaimer p {
  line-height: 130%;
}
.learn-more a {
  list-style: none;
  color: #fff;
}
.head-h1{
  font-size: clamp(18px, 3.5vw, 40px);
}
.align-center{ text-align:center;}
.four_page{ }

.inner_pages p:last-child{ margin-bottom:0;}
.bg-black p{ color:#fff;}
.listing{ margin-bottom:0;}
.listing li{ margin-bottom:10px;}
.listing li:last-child{ margin-bottom:0;}










@media screen and (max-width: 1024px) {
  .hero-heading {
    font-size: clamp(32px, 2.3vw, 58px);
    line-height: clamp(39px, 2.3vw, 65px);
  }
  .winning-row {
    padding: 30px 0px;
  }
  .winning-type {
    font-size: 9px;
  }
  .enter-mobile-number {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .left-inp-group {
    padding-left: 14px;
    padding-right: 8px;
  }
  .hero-left-top {
    width: auto;
    padding: 0px 32px 0px 32px;
  }
  .hero-left-jeeto {
    font-weight: 800;
    line-height: 21px;
  }
  .download-the-app {
    margin-top: 21px;
    margin-bottom: 8px;
    font-size: 14px;
  }
  .left-inp-group {
    padding-left: 14px;
    padding-right: 8px;
  }
  .enter-mobile-number {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .get-link {
    padding: 6px 14px;
    font-size: 16px;
  }
  .winning-type {
    font-size: 9px;
  }
  .winning-img {
    height: clamp(25px, 4vw, 42px);
    width: clamp(25px, 4vw, 42px);
  }
}

@media screen and (max-width: 767px) {
  .mob-headings {
    font-size: clamp(22px, 5vh, 32px);
    font-weight: 800;
    line-height: 39px;
  }
  .sidemenu-heading {
    margin-bottom: 44px;
  }
  .grow{
    flex-grow: 1;
  }
  .hero-right {
    padding-bottom: 50px;
  }
  .grid-image-mobile {
    background-image: url("/assets/images/grid-inner-page.png");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .winning-type {
    font-size: clamp(7px, 2.3vw, 16px);
    padding-left: 4.5px;
  }
  .winning-type {
    font-size: clamp(7px, 2.3vw, 16px);
    padding-left: 4.5px;
  }

  .winning-row {
    padding: 0px 16px 35px 16px;
  }
  .accordion-item:first-of-type .accordion-button {
    gap: 6px;
  }
  .faq-card{
    padding: 10px 6px 10px 0px;
  }
  .card-body{
    padding-right: 0px;
  }
  .social-img{
    max-width: 24px;
    width: 100%;
  }
  .sports-logo{
    max-width: 124px;
    height: auto;
}
.baazi-logo{
  max-width: 80%;
  height: auto;
}
.rupay-mode{
  max-width: 66px;
  width: 100%;
}
.paytm-mode{
  max-width: 52px;
  width: 100%;
}
.mobi-mode{
  max-width: 74px;
  width: 100%;
}
.visa-mode{
  max-width: 52px;
  width: 100%;
}
.card-mode{
  max-width: 25px;
  width: 100%;
}
.bank-mode{
  max-width: 43px;
  width: 100%;
}
.Iamai{
  max-width: 100px;
  width: 100%;
}
#see-more-faq {
  padding: 12px 40px;
}
.last-disclaimer {
  margin-top: 16px;
}
}

@media screen and (max-width: 425px) {
  .hero-right {
    padding-right: 0px;
  }
  /* .set-mobile-row {
    padding: 0px 16px 0px 16px;
  } */
}

/* new 19 june */

/* Hero Content */
.hero-content {
  width: 100%;
  max-width: 842px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.hero-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
}

h1.main-hero-heading {
  font-size: clamp(36px, 6vw, 64px); 
  font-weight: 800 !important; 
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  margin: 0;
  line-height: normal; 
  letter-spacing: -0.5px; 
  white-space: nowrap; 
  text-align: center;
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
}

.hero-body {
  font-size: 15px;
  line-height: 24px;
  font-family: 'Roboto', sans-serif;
  color: #8590a2;
  margin: 0;
  width: 100%;
  max-width: 842px;
}

@media (max-width: 768px) {
  h1.main-hero-heading {
      font-size: clamp(36px, 5vw, 48px);
      letter-spacing: -0.3px;
      white-space: normal; 
  }
}

.careers {
  position: absolute;
  right: 80px;
  top: 50%;
  transform: translateY(-50%); /* Vertically center */
  text-decoration: none;
  color:  #f87462;
  font-size: 16px;
  font-weight: 500;
}

.careers:hover {
  color:  #f87462;
}