* {
  font-family: "Poppins", sans-serif !important;
}
/* css */
html {
  scroll-behavior: smooth;
}
body {
  padding: 0px;
  margin: 0px;
  background-color: #f8f7fd;
}

.carousel header {
    z-index: 0;
}

body.active-modal {
  overflow-y: hidden !important;
}
.react-datepicker {
  padding: 0px 10px !important;
  border-radius: 20px !important;
}
.react-datepicker__header {
  background-color: #fff !important;
  border-bottom: 1px solid #efefef !important;
}

#tsparticles {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1; /* Push behind other elements */
}

/* .react-datepicker__navigation { */
  /* display: none !important; */
/* } */
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  background-color: #321eff !important;
}
.react-datepicker__triangle {
  display: none;
}

.react-datepicker__navigation {
  top: 15px !important;
}
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::after {
  border-bottom-color: white !important;
}
.react-datepicker__header__dropdown {
  display: flex;
  padding: 10px 0px;
  justify-content: space-between;
  font-weight: bold;
}
.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  margin: 0px !important;
  width: 50% !important;
  text-align: left;
}

.sportsBarCards .clr0 {
  color: #321eff;
}

.sportsBarCards .clr1 {
  color: #2d8cff;
}

.sportsBarCards .clr2 {
  color: #af46fa;
}

.sportsBarCards .clr3 {
  color: #faa000;
}

.sportsBarCards .clr4 {
  color: #f03c44;
}

.pdr-15 svg {
  padding-right: 15px;
}

.d-flex {
  display: flex;
  align-items: center;
}

.greenFlag {
  color: #0cb80c;
}

.redFlag{
  color: #F03C44;
}

.yellowFlag {
  color: #faa000;
}

.blueFlag {
  color: #2d8cff;
}

.blackFlag {
  color: #444444;
}

.purpleFlag {
  color: #af46fa;
}
.slide___3-Nqo{
  padding-bottom: 100px !important;
}
::-webkit-scrollbar {
  background: #cecece;
  width: 5px;
  height: 5px;
}

.circlePulse{
  width: 170px;
  margin: auto;
  height: 170px;
  display: flex;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  animation: pulse-animation 2s infinite;
}
.awssld__bullets .awssld__bullets--active{
  background-color: white !important;
}
.awssld__bullets button{
  background: #4f4979 !important;
}
.subContainer{
  width: 1140px;
  margin: auto;
  justify-content: space-between;
  color: var(--white);
  position: relative;
}
.carousel-slide {
  opacity: 0 !important; /* Adjust the desired opacity for inactive slides */
}

.carousel-slide.selected {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgb(240, 60, 68, .8);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
.slick-slide {
  outline: none;
  margin: 20px;
  box-sizing: border-box;
}

.reverseSingle > *:nth-child(2n){
  flex-direction: row-reverse;
}

.swiper-button-prev{
  left: 25% !important;
}
.swiper-button-next{
  right: 25% !important;
}
.swiper {
  overflow: hidden;
  position: relative;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  font-size: 30px !important;
  color: var(--white) !important;
}


.swiper::before,
.swiper::after {
  content: "";
  position: absolute;
  top: 0;
  width: 20%; /* Adjust the width as per your preference */
  height: 100%;
  z-index: 10;
}

.swiper::before {
  left: 40px;
  background: linear-gradient(to left, transparent, #020013) !important;


}

.swiper::after {
  right: 40px;
  background: linear-gradient(to right, transparent, #020013) !important;

  /* transform: scaleX(-1); */
}
.bckButton{
  width: 45px;
  height: 45px;
  border: 1px solid var(--white);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin:20px 0px;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
  }
  
  .modal-content {
    background: white;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  
  .modal button {
    margin: 10px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }
  
  .modal button:first-child {
    background: #4CAF50; /* Green for "Allow" */
    color: white;
  }
  
  .modal button:last-child {
    background: #f44336; /* Red for "Deny" */
    color: white;
  }
  
  #pdf-container iframe{
    width: 100%;
    height: 100vh;
    border: none;
  }

  .slick-track {
    display: flex;
  }

/* width: 60%;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: rgb(240, 60, 68);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  z-index: -1; */