@media only screen and (min-width: 992px) {
  .header-light #mainmenu > li > a {
    color: #fff !important;
  }
}
header.header-mobile.header-light #menu-btn {
  color: #fff !important;
}

.bg-black {
  background-color: #221F1F;
}

.pricing-s1 .m, .pricing-s1 .y {
  font-size: 41px;
}

.owl-item.active.center .feature-box-type-2 {
  background: #ffffff !important;
  color: #8492a6 !important;
}
.owl-item.active.center .feature-box-type-2 h2 {
  color: var(--primary-color) !important;
}
.owl-item.active.center .feature-box-type-2 h4 {
  color: #000000 !important;
}

div.card-header {
  background-color: #ffffff !important;
  font-weight: bold;
  color: black;
  text-transform: uppercase;
  font-size: 14px;
}

.table td, .table th {
  padding: 0.3rem !important;
}

.validation-summary-errors ul {
  list-style: none;
}

.blurry-text {
  color: transparent;
  text-shadow: 0 0 6px #000;
}
.blurry-text:hover {
  color: transparent;
  text-shadow: 0 0 6px #000;
}

span.trend_arrow {
  display: flex;
}

.progress {
  height: 14px;
  border-radius: 6px;
}

.progress-bar {
  background: #1e74fd;
  height: 14px;
  line-height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
}

.circle-progress2 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle-progress2 .inner {
  position: absolute;
  text-align: center;
  font-size: 11px !important;
  line-height: 1.2em;
}
.circle-progress2 .inner h4 {
  margin: 0;
  font-weight: 700;
  font-size: 17px;
}
.circle-progress2 > svg {
  height: 100%;
  display: block;
}

.circle-progress-container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.circle-progress-container .inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 11px !important;
  line-height: 1.2em;
}
.circle-progress-container .inner h4 {
  margin: 0;
  font-weight: 700;
  font-size: 17px;
}
.circle-progress-container svg {
  height: 100% !important;
  width: 100% !important;
  display: block;
}

.progressParent {
  width: 50px;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 0.3rem;
}
.progressParent h6 {
  margin: 0;
  color: #868686;
  font-weight: 400;
  position: absolute;
  top: -15px;
}

.progress-bar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
}

.progressParent .progress-bar p {
  margin: 0;
  position: absolute;
  left: 14px;
  font-size: 17px;
  top: 25px;
  color: #0aa078;
  font-weight: 500;
}

.rounded-left {
  border-bottom-left-radius: 15px !important;
  border-top-left-radius: 15px !important;
}

.rounded-right {
  border-bottom-right-radius: 15px !important;
  border-top-right-radius: 15px !important;
}

@media only screen and (max-width: 600px) {
  #section-testimonial {
    display: none !important;
  }
}
@media only screen and (min-width: 500px) {
  .dropsControllP {
    border-right: 1px solid #dee2e6 !important;
  }
}
@media only screen and (max-width: 500px) {
  .dropsControllP {
    border-bottom: 1px solid #dee2e6 !important;
  }
}
@media only screen and (min-width: 500px) {
  .dropsControll {
    display: flex !important;
  }
}
@media only screen and (max-width: 500px) {
  .dropsControll {
    display: grid !important;
  }
}
.droppingGame {
  height: max-content !important;
}

.matchesDiv {
  padding: 10px !important;
}

.languageItem {
    text-align: left;
}
.languageItem:focus {
  background-color: #212529 !important;
}

.languageSelectedItem {
  color: #ffc107 !important;
}
.languageSelectedItem:hover {
  color: #ffc107 !important;
}
.languageSelectedItem:focus {
  color: #ffc107 !important;
}

.datepicker .left-icon {
  cursor: pointer;
}
.datepicker .left-icon span {
  border-right: none;
  background: white;
}
.datepicker .inputDatePicker {
  cursor: default;
  border-right: none;
  border-left: none;
  text-align: center;
  padding: 0px;
  width: 100px;
  font-weight: bold;
  font-size: 14px;
}
.datepicker .inputDatePicker:focus {
  border-color: lightgray !important;
}
.datepicker .right-icon {
  cursor: pointer;
}
.datepicker .right-icon span {
  border-left: none;
  background: white;
}

.blockDiv {
  margin-bottom: 24px;
}

.blockPar {
  margin-left: 10px;
}

.blockPar-inner {
  margin-left: 40px !important;
}

.blockSpan {
  display: flex;
}

.boldBlack {
  color: #35404e;
  flex-shrink: 0;
}

.blockH6 {
  padding-bottom: 20px;
}

.blockWrap {
  flex-wrap: nowrap;
}

@media only screen and (max-width: 770px) {
  .blockWrap {
    flex-wrap: wrap !important;
  }
}
.gdprBanner {
  position: fixed;
  width: 80%;
  bottom: 2%;
  left: 12%;
  z-index: 5;
  background-color: #221f1f;
  border: none;
}
.gdprBanner .text {
  color: white;
}
.gdprBanner .action {
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
  flex-wrap: wrap;
}
.gdprBanner .action .checkboxes {
  display: flex;
  flex-wrap: wrap;
}
.gdprBanner .action .checkboxes .checkbox {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.gdprBanner .action .checkboxes .textspan {
  color: white;
}
.gdprBanner .action .checkboxes .switch .btn-toggle {
  top: 50%;
  transform: translateY(-50%);
}
.gdprBanner .action .checkboxes .btn-toggle {
  margin: 0 1rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
  color: #6b7381;
  background: #bdc1c8;
}
.gdprBanner .action .checkboxes .btn-toggle:before {
  left: -4rem;
}
.gdprBanner .action .checkboxes .btn-toggle:after {
  right: -4rem;
  opacity: 0.5;
}
.gdprBanner .action .checkboxes .btn-toggle > .handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 22px;
  height: 22px;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
}
.gdprBanner .action .checkboxes .btn-toggle.active {
  transition: background-color 0.25s;
  background-color: #ffc107;
}
.gdprBanner .action .checkboxes .btn-toggle.active > .handle {
  left: 1.6875rem;
  transition: left 0.25s;
}
.gdprBanner .action .checkboxes .btn-toggle.active:before {
  opacity: 0.5;
}
.gdprBanner .action .checkboxes .btn-toggle.active:after {
  opacity: 1;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-sm {
  margin: 0 0.5rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-sm:before {
  text-align: right;
  content: "Off";
  left: -0.5rem;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-sm:after {
  text-align: left;
  opacity: 0;
  content: "On";
  right: -0.5rem;
  opacity: 0.5;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-sm.active {
  transition: background-color 0.25s;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-sm.active:before {
  opacity: 0;
  opacity: 0.5;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-sm.active:after {
  opacity: 1;
  opacity: 1;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-sm.active > .handle {
  left: 1.6875rem;
  transition: left 0.25s;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-sm > .handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-sm.btn-sm:before {
  text-align: right;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-sm.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-sm.btn-sm.active:before {
  opacity: 0;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-sm.btn-sm.active:after {
  opacity: 1;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-lg {
  padding: 0;
  position: relative;
  border: none;
  height: 31px;
  width: 4.5rem;
  border-radius: 2.5rem;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-lg:before {
  left: -5rem;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-lg:after {
  right: -5rem;
  opacity: 0.5;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-lg > .handle {
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  width: 22px;
  height: 22px;
  border-radius: 1.875rem;
  background: #fff;
  transition: left 0.25s;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-lg.active {
  transition: background-color 0.25s;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-lg.active > .handle {
  left: 2.8125rem;
  transition: left 0.25s;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-lg.active:before {
  opacity: 0.5;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-lg.active:after {
  opacity: 1;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-lg.btn-sm:before {
  text-align: right;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-lg.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-lg.btn-sm.active:before {
  opacity: 0;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-lg.btn-sm.active:after {
  opacity: 1;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-xs {
  margin: 0 0;
  padding: 0;
  position: relative;
  border: none;
  height: 1rem;
  width: 2rem;
  border-radius: 1rem;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-xs:before {
  left: 0;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-xs:after {
  right: 0;
  opacity: 0.5;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-xs > .handle {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.75rem;
  background: #fff;
  transition: left 0.25s;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-xs.active {
  transition: background-color 0.25s;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-xs.active > .handle {
  left: 1.125rem;
  transition: left 0.25s;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-xs.active:before {
  opacity: 0.5;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-xs.active:after {
  opacity: 1;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-xs.btn-sm:before {
  text-align: right;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-xs.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-xs.btn-sm.active:before {
  opacity: 0;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-xs.btn-sm.active:after {
  opacity: 1;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-secondary {
  color: #6b7381;
  background: #bdc1c8;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-secondary.active {
  background-color: #ff8300;
}
.gdprBanner .action .checkboxes .btn-toggle:focus,
.gdprBanner .action .checkboxes .btn-toggle.focus,
.gdprBanner .action .checkboxes .btn-toggle:focus.active,
.gdprBanner .action .checkboxes .btn-toggle.focus.active {
  outline: none;
}
.gdprBanner .action .checkboxes .btn-toggle:before,
.gdprBanner .action .checkboxes .btn-toggle:after {
  line-height: 1.5rem;
  width: 4rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
  color: #6b7381;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-sm:before,
.gdprBanner .action .checkboxes .btn-toggle.btn-sm:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.4125rem;
  width: 2.325rem;
  line-height: 1.5rem;
  width: 0.5rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.55rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-xs:before,
.gdprBanner .action .checkboxes .btn-toggle.btn-xs:after {
  display: none;
  line-height: 1rem;
  width: 0;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-lg:focus,
.gdprBanner .action .checkboxes .btn-toggle.btn-lg.focus,
.gdprBanner .action .checkboxes .btn-toggle.btn-lg:focus.active,
.gdprBanner .action .checkboxes .btn-toggle.btn-lg.focus.active {
  outline: none;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-lg:before,
.gdprBanner .action .checkboxes .btn-toggle.btn-lg:after {
  line-height: 2.5rem;
  width: 5rem;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-lg.btn-sm:before,
.gdprBanner .action .checkboxes .btn-toggle.btn-lg.btn-sm:after {
  line-height: 0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.6875rem;
  width: 3.875rem;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-lg.btn-xs:before,
.gdprBanner .action .checkboxes .btn-toggle.btn-lg.btn-xs:after {
  display: none;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-sm:focus,
.gdprBanner .action .checkboxes .btn-toggle.btn-sm.focus,
.gdprBanner .action .checkboxes .btn-toggle.btn-sm:focus.active,
.gdprBanner .action .checkboxes .btn-toggle.btn-sm.focus.active {
  outline: none;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-sm.btn-sm:before,
.gdprBanner .action .checkboxes .btn-toggle.btn-sm.btn-sm:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.4125rem;
  width: 2.325rem;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-sm.btn-xs:before,
.gdprBanner .action .checkboxes .btn-toggle.btn-sm.btn-xs:after {
  display: none;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-xs:focus,
.gdprBanner .action .checkboxes .btn-toggle.btn-xs.focus,
.gdprBanner .action .checkboxes .btn-toggle.btn-xs:focus.active,
.gdprBanner .action .checkboxes .btn-toggle.btn-xs.focus.active {
  outline: none;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-xs.btn-sm:before,
.gdprBanner .action .checkboxes .btn-toggle.btn-xs.btn-sm:after {
  line-height: -1rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.275rem;
  width: 1.55rem;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-xs.btn-xs:before,
.gdprBanner .action .checkboxes .btn-toggle.btn-xs.btn-xs:after {
  display: none;
}
.gdprBanner .action .checkboxes .btn-toggle.btn-secondary:before,
.gdprBanner .action .checkboxes .btn-toggle.btn-secondary:after {
  color: #6b7381;
}
.gdprBanner .action .buttons {
  display: flex;
  justify-content: flex-end;
  align-content: center;
  margin-bottom: 10px;
}
.gdprBanner .action .buttons .learnButton {
  margin-right: 12px;
}

.noborder {
  border: none;
}

.modalColor {
  background-color: #221f1f;
}

.titleColor {
  color: white;
}

.modalReplace {
  top: 30% !important;
}

.grid-col-auto {
  grid-auto-flow: column;
  grid-template-rows: auto;
}

.paymentOptions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

label.radio-card {
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: center;
}
label.radio-card .card-content-wrapper {
  background: #fff;
  border-radius: 5px;
  width: 90%;
  height: 50%;
  padding: 15px;
  display: grid;
  box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);
  transition: 200ms linear;
}
label.radio-card .check-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  border: solid 2px #e3e3e3;
  border-radius: 50%;
  transition: 200ms linear;
  position: relative;
}
label.radio-card .check-icon:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center center;
  transform: scale(1.6);
  transition: 200ms linear;
  opacity: 0;
}
label.radio-card input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
label.radio-card input[type=radio]:checked + .card-content-wrapper {
  box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 2px #3057d5;
}
label.radio-card input[type=radio]:checked + .card-content-wrapper .check-icon {
  background: #3057d5;
  border-color: #3057d5;
  transform: scale(1.2);
}
label.radio-card input[type=radio]:checked + .card-content-wrapper .check-icon:before {
  transform: scale(1);
  opacity: 1;
}
label.radio-card input[type=radio]:focus + .card-content-wrapper .check-icon {
  box-shadow: 0 0 0 4px rgba(48, 86, 213, 0.2);
  border-color: #3056d5;
}
label.radio-card .card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
label.radio-card .card-content img {
  margin-bottom: 10px;
}
label.radio-card .card-content h4 {
  font-size: 16px;
  letter-spacing: -0.24px;
  text-align: center;
  color: #1f2949;
  margin-bottom: 10px;
}
label.radio-card .card-content h5 {
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #686d73;
}

.totalOrganized {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.subscriptionBlock {
  padding: 15px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 2px #3057d5;
  border-radius: 6px;
  margin-bottom: 20px;
}

.subscriptionFeatures {
  padding: 10px;
}
.subscriptionFeatures .subscriptionFeature {
  display: flex;
}

.formButtons {
  display: flex;
  justify-content: space-between;
}
.formButtons .forgotButton {
  display: flex;
  align-items: center;
  color: gray;
}
.formButtons .forgotButton a {
  color: #8492a6;
}

.emptyElementsDiv {
  width: 100%;
  text-align: center;
  padding: 20px;
}
.emptyElementsDiv h4 {
  font-weight: initial;
}

.iconGreen {
  color: green;
  padding: 2.5px 5.7px;
  font-size: 15px !important;
}

@media only screen and (max-width: 650px) {
  .mostBettedP {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 500px) {
  .priceSelectDown {
    flex-direction: column !important;
  }
}
.prediction-thead {
  color: #b1b1b1;
  text-transform: uppercase;
  font-size: 11px;
  background: #efefef;
  text-align: center;
}

.prediction-tbody {
  text-align: center;
}
.prediction-tbody tr .pred-first {
  text-align: left;
  font-size: 15px;
  border-left: none;
  padding: 15px !important;
}
.prediction-tbody tr td {
  padding: 15px 0px !important;
  font-size: 19px;
  border-top: 1px solid #e1e1e1;
  vertical-align: middle;
}
.prediction-tbody .table-light {
  border-top: none;
}

.card-body {
  padding: 0 !important;
}

.divTd {
  border-left: 1px solid #e1e1e1;
  font-size: 16px;
}

.wrap_trend {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wrap_livetrend {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pickerdate {
  display: flex;
}

.partLeft {
  margin-right: -2px;
}
.partLeft span {
  background: white;
}

.partRight {
  margin-left: -2px;
}
.partRight span {
  background: white;
}

.highlights_top {
  background-size: cover;
  width: 100%;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 4px 7px 0 #dbdbdb;
  transition: 0.3s;
  margin-bottom: 10px;
}

.topOption {
  background-size: cover;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0rem 0 1rem 0px;
  padding: 0 1.3rem;
}

.optionTop {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
}
.optionTop img {
  width: 25px;
}

.heading_top {
  padding: 14px;
}

.addMarginLeft20 {
  margin-left: 20%;
}

.input-group-append {
  cursor: pointer !important;
}

#pills-tab {
  display: flex;
  justify-content: center;
  align-items: center;
}

.central_btn {
  margin: 0px 30px 0px 30px;
}

.height118 {
  height: 118px !important;
}

.row-trend {
  padding: 10px 2%;
  border-top: 1px solid #e1e1e1;
}

.trendstyle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  padding-bottom: 3px;
}

.boxStyle {
  padding: 20px;
  gap: 9px;
  border-radius: 10px;
  box-shadow: 0 3px 2px -2px gray;
}

.pricing-s1 .bottom ul li svg {
  margin-right: 14px !important;
  color: #ffc107 !important;
  font-size: small !important;
}

h2.my_p.subheading {
  color: #747474;
  font-weight: normal;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
}

.icon img {
  transition: transform 0.3s ease;
}

.caret-toggle.collapsed .caret-down {
  display: inline;
}

.caret-toggle.collapsed .caret-up {
  display: none;
}

.caret-toggle:not(.collapsed) .caret-down {
  display: none;
}

.caret-toggle:not(.collapsed) .caret-up {
  display: inline;
  transform: rotate(180deg);
}

#rankingsTab {
  border-bottom: none;
}
#rankingsTab button {
  background: transparent;
  border: none !important;
}
#rankingsTab .nav-link.active {
  font-weight: bold;
  border-bottom: 2px solid var(--warning) !important;
}

.datePickPad {
  padding: 0px 0.1rem 0.3rem !important;
}

@media only screen and (max-width: 1176px) {
  .datePickPad {
    padding: 0.2rem 0.2rem !important;
  }
}
@media only screen and (max-width: 925px) {
  .datePickPad {
    padding: 0 !important;
  }
}
@media screen and (max-width: 1200px) {
  .navBarMobile {
    gap: 2rem !important;
  }
}
.matchPlus {
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  background-size: cover !important;
}

@media screen and (max-width: 500px) {
  .tipsTitle {
    line-height: 1.3;
  }
}
.btn-main-color {
  background: var(--primary-color);
  color: #fff;
}

.btn-main-color:hover {
  color: #fff;
  border-color: white;
}

.titleaft:after {
  content: "";
  background-color: var(--primary-color);
  width: 80px;
  height: 10px;
  position: absolute;
  display: block;
  background-repeat: repeat-x;
  margin-top: 60px;
}

@media screen and (max-width: 378px) {
  .titleaft:after {
    margin-top: 120px;
  }
}
@media screen and (max-width: 550px) {
  .starvegas {
    background: #101734 !important;
  }
  .admiralbet {
    background: #002454 !important;
  }
  .vincitubet {
        background: #FFFFFF !important;
    }
  .eplay {
        background: #404145 !important;
    }
  .itemBonus {
    height: 100% !important;
  }
  .itemBonus .picture {
    display: flex !important;
    height: 100% !important;
  }
  .itemBonus img {
    width: 7rem !important;
    height: auto !important;
  }
  .itemBonus div {
    font-size: small;
  }
  .itemBonus p {
    font-size: small;
  }
  .itemBonus .buttonLook {
    padding: 0.5rem !important;
  }
  .itemBonus .rightPart {
    height: 100% !important;
    padding: 1rem 5px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .itemBonus .itemBonusDownPart {
    border-radius: 42px !important;
  }
  .itemBonus .itemBonusDownPart div {
    padding: 0.5rem !important;
  }
}
.itemBonus {
  box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.4);
  border-radius: 1rem;
}
.itemBonus .itemBonusDownPart {
  border: 3px dashed #e3e3e3;
  border-radius: 100px;
}
.itemBonus .itemBonusDownPart .buttonLook {
  background: var(--primary-color);
  color: white;
  border-radius: 100px;
  font-weight: 800;
}

.footer_bottom_part {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.footer_bottom_part .right-footer .iconlist {
  gap: 1rem;
}
.footer_bottom_part .right-footer .iconlist .twit-iconFooter {
  background: var(--primary-color) !important;
  padding: 0.6rem;
  border-radius: 2rem;
}
.footer_bottom_part .right-footer .iconlist .insta-iconFooter {
  background: var(--primary-color) !important;
  padding: 0.6rem;
  border-radius: 2rem;
}

.pilPrimary:active {
  background: var(--primary-color) !important;
  color: white !important;
}

.pilPrimary:focus {
  background: var(--primary-color) !important;
  color: white !important;
}

.pilPrimary:hover {
  background: var(--primary-color) !important;
  color: white !important;
}

.pilsPrimary .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: white !important;
  background: var(--primary-color) !important;
}

.pilsPrimary .text-primary {
  color: var(--primary-color) !important;
}
.pilsPrimary #dropdownTrends {
  background: var(--primary-color) !important;
  border: none;
}

.trendProgressBar {
  width: 100%;
  background-color: #ddd;
  border-radius: 20px;
}

.trendBar {
  height: 14px;
  border-start-start-radius: 29px;
  border-end-start-radius: 29px;
}

@media screen and (max-width: 500px) {
  .teamOrganize {
    flex-direction: row-reverse !important;
    gap: 1rem !important;
  }
  .teamOrganize .teamLeftPart p {
    text-align: start !important;
  }
  .teamOrganize .teamLeftPart .leftTeam {
    display: flex !important;
  }
  .teamOrganize .teamRightPart {
    width: 90% !important;
    background: #f5f5f5 !important;
    border-radius: 1rem !important;
  }
  .teamOrganize .teamRightPart .teamFull {
    display: none !important;
  }
  .teamOrganize .teamRightPart .desktopText {
    display: none !important;
  }
  .teamOrganize .teamRightPart .mobileText {
    display: flex !important;
  }
}
@media screen and (max-width: 540px) {
  #events {
    width: 100%;
  }
  #days {
    width: 100%;
  }
}
@media screen and (max-width: 924px) {
  .trendForm .drop-down {
    width: 30% !important;
  }
}
@media screen and (max-width: 530px) {
  .trendForm .drop-down {
    width: 100% !important;
  }
}
.hoverDropdown:hover > .dropdown-menu {
  display: block;
}

.hoverDropdown .dropdown-item.active, .dropdown-item:active {
  background: var(--primary-color) !important;
}