* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
  color: var(--black);
}

:root {
  --danger: #17a8da;
  --secondary: #7C8DB5;
  --indigo: #347AE2;
  --primary: #FF3B30;
  --success: #34C759;
  --warning: #FF9500;
  --black: #000000;
  --white: #FFFFFF;
  --gray: #BABABA;
  --border: #E6EDFF;
  --card-shadow: 0px 4px 25px #0000001A;
}


/* Sidebar */

.sidebar-wrap {
  display: flex;
  width: 100%;
}

.sidebar {
  position: relative;
}

.sidebar .bg-shadow {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 799;
  background: var(--black);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}

.sidebar-inner {
  width: 289px;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 800;
  display: flex;
  flex-direction: column;
  background-color: var(--white);
  box-shadow: var(--card-shadow);
  transition: all 0.4s ease;
}

.main-container {
  padding-left: 289px;
  width: 100%;
  transition: all 0.4s ease;
}

.sidenav-logo {
  padding: 20px 8px;
  display: block;
  text-align: center;
}

.sidenav-logo img {
  width: auto;
  max-height: 131px;
}

.sidenav-menu {
  overflow-y: auto;
  height: 100%;
  list-style: none;
  display: flex;
  flex-direction: column;
  padding: 0 30px 40px;
  margin-bottom: 0;
}

.menu-item {
  padding: 10px 0;
}

.menu-link {
  display: flex;
  gap: 12px;
  padding: 5px 5px;
}

.menu-link svg {
  width: 24px;
  height: 24px;
}

.menu-link svg path {
  fill: var(--secondary);
  transition: all 0.4s ease;
}

.menu-link.logout svg path {
  fill: var(#FF3B30);
}

.menu-link:hover svg path,
.menu-link.active svg path,
.menu-link[aria-expanded="true"] svg path {
  fill: var(--primary);
}

.menu-link .headline {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--secondary);
  transition: all 0.4s ease;
}

.menu-link.logout .headline {
  color: var(#FF3B30);
}

.menu-link:hover .headline,
.menu-link.active .headline,
.menu-link[aria-expanded="true"] .headline {
  color: var(--primary);
}

.dropdown-indicator>.menu-link::after,
.dropdown-indicator .dropdown-toggle::after,
.dropdown-indicator>.menu-link[aria-expanded="true"]::after {
  content: "";
  background-image: url(../images/icon/chevron-down.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  transform: rotate(-180deg);
  transition: all 0.2s ease;
}

.dropdown-indicator>.menu-link:hover::after,
.dropdown-indicator>.menu-link.active::after,
.dropdown-indicator>.menu-link[aria-expanded="true"]::after {
  background-image: url(../images/icon/red-chevron-down.svg);
}

.dropdown-indicator>.menu-link[aria-expanded="false"]::after,
.dropdown-indicator .dropdown-toggle[aria-expanded="false"]::after {
  transform: none;
}

.sidenav-submenu {
  list-style: none;
  padding-left: 36px;
}

.sidenav-submenu .menu-item {
  padding: 0;
}

.sidenav-submenu .headline {
  font-size: 14px;
}

.sidebar-toggle {
  padding: 2px 4px;
  font-size: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black);
  border: 0;
}

.sidebar-toggle i {
  font-size: 20px;
  height: fit-content;
}


/* Dashboard content */

.dashboard-content {
  padding: 45px 30px;
}


/* Dashboard Header */

.dashboard-header {
  margin-bottom: 67px;
}

.dashboard-header .page-title .large-title {
  color: var(--black);
}

.dashboard-header .page-title .body {
  color: var(--secondary);
}

.dashboard-header .header-elements {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 32px;
}

.dashboard-header .seacrh-btn {
  padding: 0;
  border: 0;
}

.dashboard-header .seacrh-btn svg {
  width: 24px;
  height: 24px;
}

.dashboard-header .seacrh-btn svg path {
  fill: var(--black);
}

.dashboard-header .profile {
  display: flex;
  align-items: center;
  gap: 8px;
}

.dashboard-header .profile img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 4px;
}

.dashboard-header .profile .body {
  color: var(--black);
}


/* Report card */

.report-card {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none !important;
  flex: 1;
  transition: all 0.2s linear;
}

.report-card:hover {
  transform: scale(1.04);
}

.report-card .large-title {
  font-weight: 600;
  color: var(--black);
}

.report-card .body {
  color: var(--black);
}

.report-card .icon {
  padding: 10px;
  box-shadow: 0px 2px 10px 0px #7C8DB51F;
  border-radius: 12px;
}

.report-card .icon svg path {
  fill: var(--primary);
}

.report-text {
  display: flex;
  align-items: center;
  gap: 12px;
}

.report-text .amount {
  display: flex;
  gap: 8px;
}

.report-text .amount.up svg path {
  fill: var(--success);
}

.report-text .amount.down svg path {
  fill: var(--danger);
}

.report-text .footnote {
  color: var(--secondary);
}


/* Monthly table */

.monthly-table {
  border-color: var(--border);
}

.monthly-table td,
.monthly-table th {
  padding: 20px 5px;
}

.monthly-table td p,
.monthly-table th p {
  font-weight: 400;
  font-size: 15px;
  color: var(--black);
}

.monthly-table td h6,
.monthly-table th h6 {
  font-weight: 700;
  font-size: 17px;
  color: var(--black);
}

.monthly-table tr:last-child td {
  border-bottom: 0;
}


/* Table */

.table-design th,
.table-design td {
  vertical-align: middle;
  padding: 21px 10px;
  font-size: 12px;
  line-height: 150%;
  color: var(--black);
  border: 0;
  white-space: nowrap;
}

.table-design td {
  padding: 12px 10px;
}

.table-design th {
  font-weight: 500;
  white-space: nowrap;
}

.table-design .row:not(:first-child, :last-child) .col-sm-12 {
  overflow-x: auto;
  margin-bottom: 1rem;
}

.table-design .table {
  margin-bottom: 0.25rem;
}

.table-design.custom-table {
  overflow-x: auto;
  margin-bottom: 1rem;
}

.dataTables_length label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 12px;
  color: var(--black);
}

.dataTables_length label select {
  font-size: 12px;
  color: var(--black);
  width: fit-content;
  padding-right: 25px;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.dataTables_filter label {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 12px;
  color: var(--black);
}

.dataTables_filter label input {
  width: fit-content;
}

.dataTables_info {
  font-size: 12px;
  color: var(--black);
  margin-bottom: 16px;
}

.dataTables_paginate .pagination {
  justify-content: end;
}

.page-link {
  font-size: 12px;
  color: var(--black);
}

.page-item.active .page-link {
  background-color: var(--primary);
  border-color: var(--primary);
}

.table-design .small-text {
  font-size: 10px;
}

.table-design .discription-text-brack {
  white-space: unset;
  width: 265px;
  min-width: 265px;
}

.table-design .body-text-brack {
  white-space: unset;
  width: 447px;
  min-width: 447px;
}


/* Chart CSS */

.analytics-chart .apexcharts-xaxistooltip {
  display: none;
}

.analytics-chart .apexcharts-text tspan {
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  line-height: 150%;
  fill: var(--secondary);
}

.sm-chart .apexcharts-text tspan {
  font-size: 13px;
}


/* Chapter card */

.chapter-card .card-body {
  padding: 20px;
}

.aastha-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.aastha-logo img {
  max-width: 61px;
  width: 100%;
  object-fit: contain;
}

.aastha-logo h5 {
  font-weight: 500;
  font-size: 11px;
  line-height: 131%;
  letter-spacing: 0.355em;
  color: var(--secondary);
}

.chapter-name {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: var(--black);
}

.chapter-card .icon {
  width: 43px;
  height: 43px;
  padding: 10px;
  display: inline-block;
  box-shadow: 0px 2px 10px 0px #7C8DB51F;
  border-radius: 12px;
  border: 0;
  background-color: #FFFFFF;
}

.chapter-card .icon svg path {
  fill: var(--primary);
}


/* Member table */

.members-tools-button {
  display: flex;
  align-items: center;
}

.members-tools-button .icon {
  padding: 5px 9px;
  display: inline-block;
  box-shadow: 0px 2px 10px 0px #7C8DB51F;
  border-radius: 12px;
  border: 0;
  background-color: #FFFFFF;
}

.members-tools-button .icon.text-button {
  width: auto;
  height: auto;
}

.view-more {
  border: 0;
}

.view-more svg {
  width: 28px !important;
  height: 28px !important;
}


/* Gold club */

.parameters-modal .modal-dialog {
  max-width: 394px;
}

.user-data {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.user-data p.caption-medium {
  color: var(--secondary);
}

.created-icon {
  width: 39px;
  height: 39px;
  object-fit: contain;
}

/* Preview */
.preview-wrap {
  padding: 20px;
  background-color: #ece5dd;
  background-image: url(../images/wp-chat-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}

.preview-card {
  border-radius: 5px !important;
  margin-bottom: 6px;
  max-width: 400px;
}

.preview-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: 15px;
  height: 10px;
  background-color: var(--white);
  clip-path: polygon(1% 1%, 99% 1%, 100% 120%);
}

.preview-card .card-header {
  padding: 6px;
  border: 0;
  background-color: var(--white);
}

.preview-card .card-header img {
  border-radius: 3px;
}

.preview-card .card-body {
  padding: 0 12px;
}

.preview-card .card-body .title-1 {
  font-size: 16px;
  margin-bottom: 8px;
}

.preview-card .card-body .body {
  font-size: 14px;
  margin-bottom: 16px;
}

.preview-card .card-footer {
  background-color: var(--white);
  border: 0;
  padding: 0 12px 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  color: var(--secondary);
}

.preview-wrap .card-button {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  max-width: 400px;
}

.preview-wrap .card-button .btn {
  flex-grow: 1;
  flex-basis: 50px;
  justify-content: center;
  border-radius: 5px;
}


/* Massage Chat */

.message-sidebar {
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(124, 141, 181, 0.12) !important;
  border-radius: 10px;
  height: 100%;
  padding: 15px 0;
  max-height: 791px;
  overflow-y: auto;
}

.message-profile {
  padding: 15px 30px;
  border-bottom: 1px solid var(--border);
  transition: all 0.2s;
  cursor: pointer;
}

.message-profile:hover,
.message-profile.active {
  background-color: #0000000f;
}

.message-profile .headline {
  font-size: 17px;
  color: var(--black);
}

.message-profile .footnote {
  font-weight: 500;
  color: var(--secondary);
}

.message-wrapper {
  padding: 30px;
  background-color: #EDEDED;
  box-shadow: 0px 2px 10px rgba(124, 141, 181, 0.12);
  border-radius: 10px;
}

.message-scroll {
  height: 668px;
  overflow-y: auto;
  margin-bottom: 18px;
}

.message-inner {
  padding-right: 8px;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.message-sender {
  display: flex;
  align-items: center;
  gap: 8px;
}

.message-sender input {
  padding: 12px 20px;
}

.message-sender .btn {
  padding-top: 12px;
  padding-bottom: 12px;
}

.msg-box {
  padding: 10px 16px;
  border-radius: 12px !important;
  filter: drop-shadow(0px 2px 10px 0px #7C8DB51F);
  box-shadow: none !important;
  width: fit-content;
  margin-bottom: 12px;
  max-width: 400px;
}

.msg-box.align-left {
  margin-right: auto;
}

.msg-box.align-right {
  margin-left: auto;
}

.msg-box .footnote {
  color: var(--black);
  margin-bottom: 8px;
  display: inline-block;
}

.msg-box .caption-medium {
  color: var(--secondary);
}

.msg-box .footer-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.msg-box .footer-card i {
  color: var(--secondary);
  font-size: 12px;
}

.msg-box .footer-card i.active {
  color: var(--indigo);
}


/* Package Card */

.card.package-card {
  box-shadow: none;
  border: 1px solid #ddd;
  border-radius: 14px;
}

.package-text {
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  flex-wrap: wrap;
}

.package-card .modal-title {
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
}

.package-radio {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.package-wrap {
  position: relative;
}

.package-wrap .package-radio:checked~.package-card {
  border-color: #D12031;
  background-color: #fff7f8;
}


#loader_new {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255) no-repeat center center;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


.error {
  color: red;
}

lottie-player.user-modal-hello {
  height: 120px;
}

/* Sub Nav */
.subnav {
  padding: 16px 0;
  background: var(--primary);
}

.subnav-links {
  display: flex;
  align-items: center;
  gap: 43px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.subnav-links a {
  text-decoration: none;
  color: var(--white);
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
}

.main-nav .navbar-brand,
.main-nav {
  padding: 0;
}

.main-nav a.nav-link {
  color: var(--black) !important;
  padding: 0 5px !important;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
}

.main-nav a.nav-link:hover {
  color: var(--primary) !important;
}

.main-nav .nav-item:not(:last-child) a.nav-link::after {
  content: ' | ';
  padding-left: 5px;
  color: var(--black) !important;
}

.main-nav .navbar-brand {
  max-width: 200px;
}

.main-nav .navbar-brand img {
  width: 100%;
}

.main-nav .navbar-toggler {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

.main-nav .btn-close {
  font-size: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary);
}

.main-nav .offcanvas.offcanvas-end {
  width: 300px;
}

.hero-slider .swiper-slide {
  position: relative;
}

.hero-slider img {
  height: 608px;
  width: 100%;
  object-fit: cover;
}

.hero-slider .swiper-pagination-bullet {
  width: 60px;
  height: 6px;
  border-radius: 0;
  background-color: var(--white);
  border: 1px solid var(--white);
  opacity: 1;
  transform: unset !important;
}

.hero-slider .swiper-pagination-bullet-active {
  background-color: var(--primary);
}

.hero-slider .swiper-horizontal>.swiper-pagination-bullets,
.hero-slider .swiper-pagination-bullets.swiper-pagination-horizontal,
.hero-slider .swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 60px;
}

.hero-slider .slider-contant {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50px;
  margin: auto;
  height: fit-content;
}

.hero-slider .slider-contant h1 {
  font-size: 51px;
  font-weight: 700;
  color: var(--white);
  margin-bottom: 50px;
  max-width: 875px;
}

.hero-slider .slider-contant .btn {
  border-radius: 30px;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: 2.31px;
  padding: 7px 35px;
}

.networking-section {
  padding: 70px 0 40px;
}

.networking-section .fs-35-bold {
  max-width: 479px;
  margin-bottom: 38px;
  margin-top: 21px;
}

.organization-section {
  align-items: center;
}

.organization-section .fs-15 {
  max-width: 491px;
}

.organization-card {
  background-color: #FBFBFB;
  min-height: 161px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.col-sm-6:nth-child(3n-2) .organization-card {
  background-color: #F4F4F4;
}

.organization-card h1 {
  color: var(--primary);
  font-size: 45px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 0em;
  text-align: center;
}

.organization-card p {
  color: #727272;
  max-width: 233px;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
}

.contact-section {
  background: var(--primary);
  padding: 75px 0 85px;
}

.contact-section .btn {
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0em;
  color: var(--primary);
  background: var(--white);
  min-height: 77px;
  min-width: 279px;
  height: fit-content;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-section h2,
.contact-section p {
  color: var(--white);
  max-width: 758px;
}

.benefit-card {
  margin-bottom: 50px;
}

.benefit-card .bg-red-md {
  margin: 0 0 50px;
}

.benefit-card .fs-22-bold {
  margin-bottom: 32px;
}

.benefit-card p {
  max-width: 370px;
}

.benefit-card img {
  max-width: 299px;
  width: 100%;
}

.success-section {
  padding: 39px 0 111px;
}

.success-section h2.fs-35-bold {
  max-width: 259px;
  margin-bottom: 28px;
}

.success-section h6.fs-15 {
  max-width: 271px;
  margin-bottom: 30px;
  font-size: 18px;
}

.success-card img {
  max-width: 223px;
  width: 100%;
}

.success-card h4 {
  font-size: 27px;
  margin: 18px 0 13px;
}

.success-card p {
  font-size: 18px;
  margin-bottom: 30px;
  max-width: 238px;
}

.more-section {
  padding-bottom: 114px;
}

footer {
  padding: 56px 0 62px;
}

.social-links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 34px;
  margin-bottom: 62px;
}

.social-links img {
  max-width: 58px;
}

.footer-links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 23px;
}

.footer-links a {
  color: #727272;
  font-size: 22px;
  font-weight: 400;
  line-height: 35px;
}

.footer-links a:hover {
  color: var(--primary);
}

.footer-links a:not(:last-child)::after {
  content: ' | ';
  padding-left: 23px;
  color: #727272 !important;
}

.buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 696px;
  column-gap: 22px;
  row-gap: 27px;
  margin: 27px auto 159px;
}

.btn.large-btn {
  font-size: 23px;
  font-weight: 700;
  line-height: normal;
  color: var(--white);
  width: 337px;
  border-radius: 50px;
  height: 105px;
  background: var(--primary);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--primary);
  text-wrap: wrap;
}

.btn.large-btn:hover {
  background: var(--white);
  color: var(--primary);
}

/* parsley */

.parsley-error {
  border-color: #f46a6a
}

.parsley-errors-list {
  display: none;
  margin: 0;
  padding: 0
}

.parsley-errors-list.filled {
  display: block
}

.parsley-errors-list>li {
  font-size: 12px;
  list-style: none;
  color: #f46a6a;
  margin-top: 5px
}

.sel2 .parsley-errors-list.filled {
  margin-top: 42px;
  margin-bottom: -60px;
}

.sel2 .parsley-errors-list:not(.filled) {
  display: none;
}

.sel2 .parsley-errors-list.filled+span.select2 {
  margin-bottom: 30px;
}

.sel2 .parsley-errors-list.filled+span.select2 span.select2-selection--single {
  background: #FAEDEC !important;
  border: 1px solid #E85445;
}

/* Saira Font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Saira:ital,wght@0,100..900;1,100..900&display=swap');

/* Quicksand Font */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Roboto:wght@400;500;700&family=Saira:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css?family=Oswald');

/* Anton Font */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:wght@400;500;600;700&family=Sen:wght@400..800&display=swap');



.player-1 {
  /* border-right: 1px solid #fff; */
  /* width: 50%; */
}

.animated_bg .common-nav {
  display: flex;
}

.animated_bg.common-nav {
  display: grid !important;
  gap: 0 !important;
}

/* .player-2 {
  width: 50%;
} */

.animated_bg {
  height: 100vh;
  /* width: 100%; */
  /* background-image: url(../images/main_background.png);
  background-repeat: no-repeat;
  background-size: cover; */
  overflow: hidden;

  /* color: var(--white);
  text-decoration: none;
  background: #EEEEEE1A;
  padding: 24px 22px;
  backdrop-filter: blur(100px);
  gap: 24px;
  border-radius: 24px;
  position: relative;
  cursor: inherit; */
}

.animated_bg .team-card::before {
  height: 100%;
  width: 100%;
}

/* .player_info.team-card::before {
  border: inherit !important;
  background: inherit !important;
} */

/* .animated_bg.common-nav .team-card::before {
  background: none !important;
  border: none !important;
} */

.animated_bg .team-card {
  height: 100%;
  width: 100%;
}

.main-div-player.team-card::before {
  border: none !important;
  background: none !important;
}

/* .inner_section.team-card {
  flex-direction: row !important;
  padding: 0 !important;
} */

.player_info.team-card {
  gap: 0 !important;
  width: 50%;
}

.animated_bg .inner_section {
  align-items: start;
  display: flex;
  -webkit-backdrop-filter: blur(3px);

  /* background: rgba(0, 0, 0, 0.6); */
  width: 100%;
  height: 100%;
  /* border: 1px solid rgb(255, 255, 255); */
}

.name_plate {
  height: auto;
  padding: 10px 50px;
  width: fit-content;
  clip-path: polygon(100% 0, 92% 50%, 100% 100%, 0 100%, 8% 50%, 0 0);
  background: white;
  margin: 0 auto;
}

.name_plate span {
  color: #080527;
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
}

.player_section {
  height: 100%;
  width: 100%;
  display: flex;
}

.player_shape {
  /* width: 400px;
  height: auto; */
  position: relative;
  margin: 0 auto;
}

.player_shape img {
  width: auto;
  height: 250px;
  border-radius: 50%;
}

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
  }

  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}


.player_image {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(15px);
  overflow: hidden;
  animation: shadow-pulse 1s infinite;
}

.player_image img {
  height: 200px;
  width: auto;
}

.player_shape::before {
  position: absolute;
  content: "";
  top: 14px;
  left: 50%;
  width: 220px;
  height: 220px;
  transform: translate(-50%, 0%);
  border-radius: 50%;
  border: 4px solid #fff;
}

.player_name {
  height: auto;
  z-index: 2;
  padding: 20px 60px;
  width: max-content;
  clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 10% 50%, 0 0);
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(192, 255, 189, 1) 55%,
      rgba(255, 255, 255, 1) 100%);
  position: absolute;
  bottom: 70px;
  left: 50%;
  transform: translate(-50%, 10%);
}

.player_name span {
  color: #080527;
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
}

.player_icon {
  width: max-content;
  margin: 0 auto;
  padding: 5px;
  z-index: 1;
  -webkit-backdrop-filter: blur(3px);

  background: rgba(0, 0, 0, 0.6);
  border: 1px solid rgb(255, 255, 255);
  border-top: none;
  margin-bottom: 20px;

  border-radius: 0 0 10px 10px;
}

.player_icon img {
  height: 40px;
  width: auto;
}

.left_section {
  width: 100%;
}

.right_section {
  width: 100%;
}

.business_graph {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgb(255, 255, 255);
  height: 100%;
  padding: 20px;
  padding-bottom: 0;
}

.business_graph h1 {
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  /* padding-bottom: 40px; */
}

#chart-container {
  height: 200px;
  /* width: 800px; */
}

#cricket-container {
  height: 200px;
  width: 100%;
}

#chart2-container {
  height: 200px;
  /* width: 800px; */
}

#cricket2-container {
  height: 200px;
  width: 100%;
}



.traffic_text_div {
  display: grid;
  gap: 5px;
}

.traffic_graph {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.traffic_graph span {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.traffic_graph h1 {
  color: linear-gradient(79deg,
      rgba(255, 144, 248, 1) 0%,
      rgba(144, 238, 255, 1) 100%);
  padding-bottom: 0;
}

.cricket_section {
  display: grid;
  gap: 20px;
  height: 100%;
  width: 60%;
  margin: 20px;
}

.traffic_graph h1 {
  background: linear-gradient(79deg,
      rgba(255, 144, 248, 1) 0%,
      rgba(144, 238, 255, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.traffic_signal_value {
  font-size: 30px;
  font-weight: 800;
  color: #64ff3e;
  text-shadow: 0px 0px 20px rgba(100, 255, 62, 0.43),
    0px 0px 40px rgba(100, 255, 62, 0.43);
}

.new-player-card.three-players .player_image{
  width: 140px;
  height: 140px;
}

.new-player-card.three-players .business-list{
  gap: 8px;
  justify-content: space-between;
}

.new-player-card.three-players .business_graph:not(.cricket_graph){
  padding: 14px;
  gap: 12px;
  min-width: unset;
} 

.new-player-card.two-players .business-title{
  font-size: 18px;
  margin-left: 10px;
}

.new-player-card .player_upper_div{
  padding: 0;
}

.new-player-card .business-list .business-img{
  width: 58px;
  height: 58px;
}

.new-player-card .business-list h5{
  font-size: 16px !important;
}
.new-player-card .business-list p{
  font-size: 13px !important;
}

.new-player-card .traffic_graph {
  text-align: center;
  gap: 12px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.business_text_div {
  display: grid;
  height: 100%;
}

.rupee_icon i {
  font-size: 40px;
  font-weight: bolder;
  padding-right: 10px;
}

.player_upper_div {
  display: flex;
  align-items: start;
  padding-bottom: 20px;
}

.player_info {
  width: 40%;
  height: 100%;
  text-align: center;
}

/* Graph BG CSS 1st Player Start*/

.raphael-group-10-background>rect {
  fill: none !important;
  background: none !important;
}

.raphael-group-159-background>rect {
  fill: none !important;
  background: none !important;
}

.fusioncharts-container>svg {
  background: none !important;
}

.raphael-group-30-canvas {
  display: none;
}

.raphael-group-179-canvas {
  display: none;
}

.raphael-group-126-dataset-Label-group {
  display: none;
}

.raphael-group-255-dataset-Label-group {
  display: none;
}

.raphael-group-31-axisReferenceVisualsBottom {
  display: none;
}

.raphael-group-180-axisReferenceVisualsBottom {
  display: none;
}

.raphael-group-144-dataset-axis>text {
  font-size: 16px !important;
  font-weight: 600;

  padding-top: 160px;
}

.raphael-group-273-dataset-axis>text {
  font-size: 16px;
  font-weight: 600;

  padding-top: 160px;
}

/* 1st Grapgh Column CSS Start */

.raphael-group-88-positive-group-0>path:nth-child(1) {
  fill: #fed780;
}

.raphael-group-88-positive-group-0>path:nth-child(2) {
  fill: #f89420;
}

.raphael-group-88-positive-group-0>path:nth-child(3) {
  fill: #f9c732;
}

.raphael-group-90-positive-group-1>path:nth-child(1) {
  fill: #2494d9;
}

.raphael-group-90-positive-group-1>path:nth-child(2) {
  fill: #012886;
}

.raphael-group-90-positive-group-1>path:nth-child(3) {
  fill: #42b1e2;
}

.raphael-group-92-positive-group-2>path:nth-child(1) {
  fill: #65d1c6;
}

.raphael-group-92-positive-group-2>path:nth-child(2) {
  fill: #129fa5;
}

.raphael-group-92-positive-group-2>path:nth-child(3) {
  fill: #9cfff5;
}

.raphael-group-94-positive-group-3>path:nth-child(1) {
  fill: #fed780;
}

.raphael-group-94-positive-group-3>path:nth-child(2) {
  fill: #f89420;
}

.raphael-group-94-positive-group-3>path:nth-child(3) {
  fill: #f9c732;
}

.raphael-group-96-positive-group-4>path:nth-child(1) {
  fill: #f64f74;
}

.raphael-group-96-positive-group-4>path:nth-child(2) {
  fill: #c5375b;
}

.raphael-group-96-positive-group-4>path:nth-child(3) {
  fill: #f86885;
}

.raphael-group-98-positive-group-5>path:nth-child(1) {
  fill: #2494d9;
}

.raphael-group-98-positive-group-5>path:nth-child(2) {
  fill: #012886;
}

.raphael-group-98-positive-group-5>path:nth-child(3) {
  fill: #42b1e2;
}

.raphael-group-100-positive-group-6>path:nth-child(1) {
  fill: #65d1c6;
}

.raphael-group-100-positive-group-6>path:nth-child(2) {
  fill: #129fa5;
}

.raphael-group-100-positive-group-6>path:nth-child(3) {
  fill: #9cfff5;
}

/* 1st Grapgh Column CSS Start */

/* 2nd Grapgh Column CSS Start */
.raphael-group-237-positive-group-0>path:nth-child(1) {
  fill: #f64f74;
}

.raphael-group-237-positive-group-0>path:nth-child(2) {
  fill: #c5375b;
}

.raphael-group-237-positive-group-0>path:nth-child(3) {
  fill: #f86885;
}

.raphael-group-239-positive-group-1>path:nth-child(1) {
  fill: #fed780;
}

.raphael-group-239-positive-group-1>path:nth-child(2) {
  fill: #f89420;
}

.raphael-group-239-positive-group-1>path:nth-child(3) {
  fill: #f9c732;
}

.raphael-group-241-positive-group-2>path:nth-child(1) {
  fill: #2494d9;
}

.raphael-group-241-positive-group-2>path:nth-child(2) {
  fill: #012886;
}

.raphael-group-241-positive-group-2>path:nth-child(3) {
  fill: #42b1e2;
}

/* 2nd Grapgh Column CSS Start */


/* Graph BG CSS 1st Player End*/

/* Graph BG CSS 2nd Player Start*/

.raphael-group-284-background>rect {
  fill: none !important;
  background: none !important;
}

.raphael-group-435-background>rect {
  fill: none !important;
  background: none !important;
}

.fusioncharts-container>svg {
  background: none !important;
}

.raphael-group-304-canvas {
  display: none;
}

.raphael-group-455-canvas {
  display: none;
}

.raphael-group-401-dataset-Label-group {
  display: none;
}

.raphael-group-532-dataset-Label-group {
  display: none;
}

.raphael-group-305-axisReferenceVisualsBottom {
  display: none;
}

.raphael-group-456-axisReferenceVisualsBottom {
  display: none;
}

.raphael-group-420-dataset-axis>text {
  font-size: 16px;
  font-weight: 600;

  padding-top: 160px;
}

.raphael-group-551-dataset-axis>text {
  font-size: 16px;
  font-weight: 600;

  padding-top: 160px;
}

/* Graph BG CSS 2nd Player End*/

/* 3rd Grapgh Column CSS Start */

.raphael-group-363-positive-group-0>path:nth-child(1) {
  fill: #fed780;
}

.raphael-group-363-positive-group-0>path:nth-child(2) {
  fill: #f89420;
}

.raphael-group-363-positive-group-0>path:nth-child(3) {
  fill: #f9c732;
}

.raphael-group-365-positive-group-1>path:nth-child(1) {
  fill: #2494d9;
}

.raphael-group-365-positive-group-1>path:nth-child(2) {
  fill: #012886;
}

.raphael-group-365-positive-group-1>path:nth-child(3) {
  fill: #42b1e2;
}

.raphael-group-367-positive-group-2>path:nth-child(1) {
  fill: #65d1c6;
}

.raphael-group-367-positive-group-2>path:nth-child(2) {
  fill: #129fa5;
}

.raphael-group-367-positive-group-2>path:nth-child(3) {
  fill: #9cfff5;
}

.raphael-group-369-positive-group-3>path:nth-child(1) {
  fill: #fed780;
}

.raphael-group-369-positive-group-3>path:nth-child(2) {
  fill: #f89420;
}

.raphael-group-369-positive-group-3>path:nth-child(3) {
  fill: #f9c732;
}

.raphael-group-371-positive-group-4>path:nth-child(1) {
  fill: #f64f74;
}

.raphael-group-371-positive-group-4>path:nth-child(2) {
  fill: #c5375b;
}

.raphael-group-371-positive-group-4>path:nth-child(3) {
  fill: #f86885;
}

.raphael-group-373-positive-group-5>path:nth-child(1) {
  fill: #2494d9;
}

.raphael-group-373-positive-group-5>path:nth-child(2) {
  fill: #012886;
}

.raphael-group-373-positive-group-5>path:nth-child(3) {
  fill: #42b1e2;
}

.raphael-group-375-positive-group-6>path:nth-child(1) {
  fill: #65d1c6;
}

.raphael-group-375-positive-group-6>path:nth-child(2) {
  fill: #129fa5;
}

.raphael-group-375-positive-group-6>path:nth-child(3) {
  fill: #9cfff5;
}

/* 3rd Grapgh Column CSS Start */

/* 4th Grapgh Column CSS Start */
.raphael-group-514-positive-group-0>path:nth-child(1) {
  fill: #f64f74;
}

.raphael-group-514-positive-group-0>path:nth-child(2) {
  fill: #c5375b;
}

.raphael-group-514-positive-group-0>path:nth-child(3) {
  fill: #f86885;
}

.raphael-group-516-positive-group-1>path:nth-child(1) {
  fill: #fed780;
}

.raphael-group-516-positive-group-1>path:nth-child(2) {
  fill: #f89420;
}

.raphael-group-516-positive-group-1>path:nth-child(3) {
  fill: #f9c732;
}

.raphael-group-518-positive-group-2>path:nth-child(1) {
  fill: #2494d9;
}

.raphael-group-518-positive-group-2>path:nth-child(2) {
  fill: #012886;
}

.raphael-group-518-positive-group-2>path:nth-child(3) {
  fill: #42b1e2;
}

/* 4th Grapgh Column CSS End */

svg g[pointer-events="bounding-box"] {
  display: none !important;
}

.player_section.player-2 .player_upper_div {
  flex-direction: row-reverse;
}

/* Weclome Page */
.hero-section .main-logo-container {
  width: 260px;
  height: auto;
  object-fit: contain;
  position: fixed;
  bottom: 54px;
  right: 54px;
  z-index: 1;
}

.hero-section .main-logo-container .main-logo {
  width: 100%;
  height: 100%;
}

.countdown-contaienr .hero-section-logo {
  max-width: 440px;

}

.countdown-contaienr .hero-section-logo img {
  height: 100%;
  object-fit: contain;
}

.hero-section-logo {
  height: 195px;
  max-width: 833px;
  margin-bottom: 44px;
}

.hero-section-logo .main-logo {
  width: 100%;
  height: 100%;
  margin: auto;
}

.hero-section .custome-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  z-index: 1;
}

.custome-container .main-title-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 38px;
}

.custome-container .main-title {
  font-family: "Saira", serif;
  font-size: 78px;
  font-weight: 700;
  line-height: 112px;
  background: linear-gradient(101.78deg, rgba(255, 255, 255, 0.6) 19.88%, #FFFFFF 53.03%, rgba(255, 255, 255, 0.6) 90.18%);
  background-size: 350% auto;
  color: transparent;
  background-clip: text;
  animation: text-gradient 2s linear infinite;
}

@keyframes text-gradient {
  0% {
    background-position: 100%;
  }

  100% {
    background-position: 0%;
  }
}

.start-btn {
  padding: 12px 10px 14px 20px;
  background-color: #fff;
  font-family: "Quicksand", serif;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  line-height: 28px;
  border-radius: 50px;
  text-decoration: none;
}

.start-btn:hover {
  color: #000;
}

.start-btn span {
  background-color: #000;
  padding: 5px 8px 7px 8px;
  border-radius: 50px;
  margin: 10px 0 10px 12px;
}

/* Countdown Page */

.hero-section .countdown-msg {
  display: block;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  font-family: "Quicksand", serif;
  margin-top: 38px;
  text-decoration: none;
  pointer-events: none;
}

.countdown-contaienr {
  height: 200px;
  position: relative;
  text-align: center;
  top: 30%;
  transform: translateY(-50%);
  z-index: 1;
}

.nums {
  box-shadow: 0 3px 10px #111;
  border-top: 1px solid #393939;
  display: inline-block;
  height: 200px;
  margin: 0 20px;
  perspective: 1000px;
  position: relative;
  width: 140px;
}

.nums:before {
  border-bottom: 2px solid black;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transform: translate3d(0, -1px, 0);
  top: 50%;
  width: 100%;
  z-index: 1000;
}

.nums:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #2a2a2a;
  border-top: 1px solid black;
  bottom: 0;
  box-shadow: inset 0 15px 50px #202020;
  color: #eeeeee;
  content: "0";
  display: block;
  font-size: 145px;
  font-family: "Anton", serif;
  height: calc(50% - 1px);
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 2px #333;
  width: 100%;
  z-index: 0;
}

.num {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  border-radius: 5px;
  font-size: 145px;
  font-weight: 400;
  font-family: "Anton", serif;
  height: 100%;
  left: 0;
  position: absolute;
  transform: rotateX(0);
  transition: 0.6s;
  transform-style: preserve-3d;
  top: 0;
  width: 100%;
}

.num:before,
.num:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #eeeeee;
  display: block;
  height: 50%;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 2px #333;
  width: 100%;
}

.num:before {
  background: #181818;
  border-radius: 5px 5px 0 0;
  box-shadow: inset 0 15px 50px #111111;
  content: attr(data-num);
  line-height: 1.38;
  top: 0;
  z-index: 1;
}

.num:after {
  background: #2a2a2a;
  box-shadow: inset 0 15px 50px #202020;
  content: attr(data-num-next);
  height: calc(50% - 1px);
  line-height: 0;
  top: 0;
  transform: rotateX(180deg);
}

.nums-one .num:nth-of-type(1) {
  -webkit-animation-name: num-one;
  animation-name: num-one;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  z-index: 10;
}

.nums-ten .num:nth-of-type(1) {
  -webkit-animation-name: num-ten;
  animation-name: num-ten;
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
  -webkit-animation-duration: 100s;
  animation-duration: 100s;
  z-index: 10;
}

.nums-one .num:nth-of-type(2) {
  -webkit-animation-name: num-one;
  animation-name: num-one;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  z-index: 9;
}

.nums-ten .num:nth-of-type(2) {
  -webkit-animation-name: num-ten;
  animation-name: num-ten;
  -webkit-animation-delay: 19s;
  animation-delay: 19s;
  -webkit-animation-duration: 100s;
  animation-duration: 100s;
  z-index: 9;
}

.nums-one .num:nth-of-type(3) {
  -webkit-animation-name: num-one;
  animation-name: num-one;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  z-index: 8;
}

.nums-ten .num:nth-of-type(3) {
  -webkit-animation-name: num-ten;
  animation-name: num-ten;
  -webkit-animation-delay: 29s;
  animation-delay: 29s;
  -webkit-animation-duration: 100s;
  animation-duration: 100s;
  z-index: 8;
}

.nums-one .num:nth-of-type(4) {
  -webkit-animation-name: num-one;
  animation-name: num-one;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  z-index: 7;
}

.nums-ten .num:nth-of-type(4) {
  -webkit-animation-name: num-ten;
  animation-name: num-ten;
  -webkit-animation-delay: 39s;
  animation-delay: 39s;
  -webkit-animation-duration: 100s;
  animation-duration: 100s;
  z-index: 7;
}

.nums-one .num:nth-of-type(5) {
  -webkit-animation-name: num-one;
  animation-name: num-one;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  z-index: 6;
}

.nums-ten .num:nth-of-type(5) {
  -webkit-animation-name: num-ten;
  animation-name: num-ten;
  -webkit-animation-delay: 49s;
  animation-delay: 49s;
  -webkit-animation-duration: 100s;
  animation-duration: 100s;
  z-index: 6;
}

.nums-one .num:nth-of-type(6) {
  -webkit-animation-name: num-one;
  animation-name: num-one;
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  z-index: 5;
}

.nums-ten .num:nth-of-type(6) {
  -webkit-animation-name: num-ten;
  animation-name: num-ten;
  -webkit-animation-delay: 59s;
  animation-delay: 59s;
  -webkit-animation-duration: 100s;
  animation-duration: 100s;
  z-index: 5;
}

.nums-one .num:nth-of-type(7) {
  -webkit-animation-name: num-one;
  animation-name: num-one;
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  z-index: 4;
}

.nums-ten .num:nth-of-type(7) {
  -webkit-animation-name: num-ten;
  animation-name: num-ten;
  -webkit-animation-delay: 69s;
  animation-delay: 69s;
  -webkit-animation-duration: 100s;
  animation-duration: 100s;
  z-index: 4;
}

.nums-one .num:nth-of-type(8) {
  -webkit-animation-name: num-one;
  animation-name: num-one;
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  z-index: 3;
}

.nums-ten .num:nth-of-type(8) {
  -webkit-animation-name: num-ten;
  animation-name: num-ten;
  -webkit-animation-delay: 79s;
  animation-delay: 79s;
  -webkit-animation-duration: 100s;
  animation-duration: 100s;
  z-index: 3;
}

.nums-one .num:nth-of-type(9) {
  -webkit-animation-name: num-one;
  animation-name: num-one;
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  z-index: 2;
}

.nums-ten .num:nth-of-type(9) {
  -webkit-animation-name: num-ten;
  animation-name: num-ten;
  -webkit-animation-delay: 89s;
  animation-delay: 89s;
  -webkit-animation-duration: 100s;
  animation-duration: 100s;
  z-index: 2;
}

.nums-one .num:nth-of-type(10) {
  -webkit-animation-name: num-one;
  animation-name: num-one;
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  z-index: 1;
}

.nums-ten .num:nth-of-type(10) {
  -webkit-animation-name: num-ten;
  animation-name: num-ten;
  -webkit-animation-delay: 99s;
  animation-delay: 99s;
  -webkit-animation-duration: 100s;
  animation-duration: 100s;
  z-index: 1;
}

@-webkit-keyframes num-one {
  0% {
    transform: rotateX(0);
    z-index: 50;
  }

  10% {
    transform: rotateX(-180deg);
    z-index: 50;
  }

  90% {
    transform: rotateX(-180deg);
    z-index: 1;
  }

  90.0001% {
    transform: rotateX(0);
  }

  100% {
    transform: rotateX(0);
  }
}

@keyframes num-one {
  0% {
    transform: rotateX(0);
    z-index: 50;
  }

  10% {
    transform: rotateX(-180deg);
    z-index: 50;
  }

  90% {
    transform: rotateX(-180deg);
    z-index: 1;
  }

  90.0001% {
    transform: rotateX(0);
  }

  100% {
    transform: rotateX(0);
  }
}

@-webkit-keyframes num-ten {
  0% {
    transform: rotateX(0);
    z-index: 50;
  }

  1% {
    transform: rotateX(-180deg);
    z-index: 50;
  }

  90% {
    transform: rotateX(-180deg);
    z-index: 1;
  }

  90.0001% {
    transform: rotateX(0);
  }

  100% {
    transform: rotateX(0);
  }
}

@keyframes num-ten {
  0% {
    transform: rotateX(0);
    z-index: 50;
  }

  1% {
    transform: rotateX(-180deg);
    z-index: 50;
  }

  90% {
    transform: rotateX(-180deg);
    z-index: 1;
  }

  90.0001% {
    transform: rotateX(0);
  }

  100% {
    transform: rotateX(0);
  }
}

/* Teams Page Start */
.teams-page .common-nav {
  display: flex;
  align-items: center;
  padding-block: 32px;
  gap: 12px;
}

.teams-page .common-nav .logo {
  max-height: 52px;
  object-fit: contain;
}

.teams-page .common-nav h2 {
  flex-grow: 1;
  font-family: var(--saira);
  font-size: 28px;
  font-weight: 700;
  line-height: 44.8px;
  color: var(--white);
  text-align: center;
  padding-right: 95px;
  margin: 0;
  text-shadow: 0 0 2px #ffffff8f, 0 0 5px #ffffff80, 0 0 10px #2f81aed6, 0 0 15px #2f81aedb;
  -webkit-animation: blink 1.5s infinite alternate;
  animation: blink 1.5s infinite alternate;
  margin-right: 76px;
}

@keyframes blink {
  100% {
    text-shadow: 0 0 2px #ffffff, 0 0 10px #ffffff, 0 0 14px #2F81AE, 0 0 20px #2F81AE;
  }
}


.teams-page .title {
  color: var(--white);
  margin: 0 auto 34px;
  width: fit-content;
  font-family: var(--saira);
  font-size: 24px;
  font-weight: 600;
  line-height: 35.2px;
  text-align: center;
  /* text-shadow: 0 0 2px #ffffff8f, 0 0 5px #ffffff80, 0 0 10px #2f81aed6, 0 0 15px #2f81aedb;
  -webkit-animation: blink 1.5s infinite alternate;
  animation: blink 1.5s infinite alternate; */
  -webkit-animation: blinkTitle 1s infinite alternate;
  animation: blinkTitle 1s infinite alternate;
}

@keyframes blink {
  100% {
    text-shadow: 0 0 2px #ffffff4f, 0 0 8px #ffffff52, 0 0 16px #2f81ae82, 0 0 24px #2f81ae80;
  }
}

.teams-page .text-effect-wrapper .title {
  margin: 0 auto 34px;
  font-size: 34px;
  font-weight: 800;
  -webkit-animation: blinkTitle 1s infinite alternate;
  animation: blinkTitle 1s infinite alternate;
  font-size: 40px;
}

@keyframes blinkTitle {
  100% {
    scale: 1.15;
  }
}


.team-list {
  flex-grow: 1;
  height: 100%;
  overflow: auto;
  padding-bottom: 18px;
}

.two-players::-webkit-scrollbar,
.sponser-cards::-webkit-scrollbar,
.rules-list::-webkit-scrollbar,
.team-owner::-webkit-scrollbar,
.player-list::-webkit-scrollbar,
.team-list::-webkit-scrollbar {
  width: 4px;
}

.two-players::-webkit-scrollbar-thumb,
.sponser-cards::-webkit-scrollbar-thumb,
.rules-list::-webkit-scrollbar-thumb,
.team-owner::-webkit-scrollbar-thumb,
.player-list::-webkit-scrollbar-thumb,
.team-list::-webkit-scrollbar-thumb {
  background: var(--white);
}

.teams-page .team-card {
  color: var(--white);
  text-decoration: none;
  background: #EEEEEE1A;
  padding: 24px 22px;
  backdrop-filter: blur(100px);
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 24px;
  position: relative;
  cursor: inherit;
  overflow: hidden;
}

.teams-page .team-card::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  border: 1px solid transparent;
  background: linear-gradient(116.07deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)) border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: border 15s ease infinite;
  transition: all 4s ease-in-out;
}

.team-card .card-heading {
  display: flex;
  align-items: center;
  gap: 14px;
}

.team-card .team-logo {
  width: 80px;
  min-width: 80px;
  aspect-ratio: 1/1;
  margin: 2px;
  border-radius: 100%;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.team-card .team-logo::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -2px;
  border-radius: inherit;
  border: 2px solid transparent;
  background: linear-gradient(134.8deg, #D5BF52 7.96%, #FEF2A1 54.22%, #C4AB4C 101.41%) border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.team-card .team-logo img {
  max-width: 52px;
  max-height: 52px;
  object-fit: contain;
  position: relative;
  z-index: 1;
}

.team-card h6 {
  font-family: var(--Quicksand);
  font-size: 22px;
  font-weight: 700;
  line-height: 35.2px;
  color: var(--white);
  margin: 0;
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.team-card .card-body {
  display: flex;
  align-items: center;
  gap: 8px;
}

.team-card .owner {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: end;
}

.team-card .owner div {
  min-width: 1px;
}

.team-card .owner-img {
  width: 52px;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.team-card .lable,
.team-card .name {
  color: var(--white);
  font-family: var(--Quicksand);
  font-size: 18px;
  font-weight: 700;
  line-height: 28.8px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  width: 100%;
}

.team-card .owner,
.team-card .fund {
  width: 50%;
}

.team-card .lable {
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
}

.teams-page .shape-blob {
  border-radius: 30% 50% 20% 40%;
  position: absolute;
  filter: blur(100px);
  z-index: 0;
}

.teams-page .shape-blob.three {
  height: 200px;
  width: 200px;
  right: 10%;
  top: 10%;
  background: linear-gradient(132.98deg, rgba(207, 32, 48, 0.7) 28.43%, rgba(91, 97, 216, 0.7) 49.29%, rgba(207, 32, 48, 0.7) 110.85%);
  animation: transform 1s ease-in-out infinite both alternate, movement_one 2s ease-in-out infinite both;
}

.teams-page .shape-blob.one {
  height: 230px;
  width: 230px;
  left: 0%;
  bottom: 40%;
  transform: rotate(-180deg);
  background: linear-gradient(132.98deg, rgba(159, 28, 235, 0.7) 28.43%, rgba(91, 97, 216, 0.7) 49.29%, rgba(101, 235, 24, 0.7) 110.85%);
  animation: transform 1s ease-in-out infinite both alternate, movement_two 2s ease-in-out infinite both;
}

.teams-page .shape-blob.two {
  height: 200px;
  width: 200px;
  left: 40%;
  bottom: 0%;
  transform: rotate(-180deg);
  background: linear-gradient(132.98deg, rgba(43, 164, 230, 0.55) 28.43%, rgba(92, 62, 188, 0.55) 110.85%);
  animation: transform 2s ease-in-out infinite both alternate, movement_two 3s ease-in-out infinite both;
}

.teams-page .shape-blob.new-two {
  left: -5%;
  bottom: 30%;
}

.teams-page .shape-blob.new-three {
  right: 0;
  bottom: 30%;
}

@keyframes transform {

  0%,
  100% {
    border-radius: 33% 67% 70% 30% / 30% 30% 70% 70%;
  }

  20% {
    border-radius: 37% 63% 51% 49% / 37% 65% 35% 63%;
  }

  40% {
    border-radius: 36% 64% 64% 36% / 64% 48% 52% 36%;
  }

  60% {
    border-radius: 37% 63% 51% 49% / 30% 30% 70% 70%;
  }

  80% {
    border-radius: 40% 60% 42% 58% / 41% 51% 49% 59%;
  }
}


@keyframes movement_one {

  0%,
  100% {
    transform: none;
  }

  50% {
    transform: translate(50%, 20%) rotateY(10deg) scale(1.2);
  }
}

@keyframes movement_two {

  0%,
  100% {
    transform: none;
  }

  50% {
    transform: translate(50%, 20%) rotate(-200deg) scale(1.2);
  }
}

/* Teams Page End */

/* Team Players Page Start */

.team-players {
  overflow-y: scroll;
  scrollbar-width: none;
}

.team-player-header {
  padding: 52px 0;
  display: flex;
  align-items: center;
}

.team-player-logo {
  width: 100px;
  height: 52px;
  object-fit: contain;
}

.team-player-logo .main-logo {
  width: 100%;
  height: 100%;
}

.team-players-title {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  font-family: "Saira", serif;
  line-height: 45px;
  flex-grow: 1;
  text-align: center;
}

.team-name-section {
  padding: 24px 22px;
  border-radius: 24px;
  opacity: 0px;
  background-color: #EEEEEE1A;
  backdrop-filter: blur(100px);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 34px;
  z-index: 1;
}

.team-name-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  border: 1px solid transparent;
  background: linear-gradient(116.07deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)) border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  animation: border 15s ease infinite;
  transition: all 4s ease-in-out;
}

.team-name-section .main-team-owner,
.team-name-section .main-team {
  display: flex;
  align-items: center;
  gap: 14px;
}

.team-name-section .main-team .main-team-logo {
  width: 82px;
  height: 82px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  position: relative;
  backdrop-filter: blur(100px);
}

.team-name-section .main-team .main-team-logo img {
  max-width: 52px;
}

.team-name-section .main-team .main-team-logo::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  border: 2px solid transparent;
  background: linear-gradient(134.8deg, #D5BF52 7.96%, #FEF2A1 54.22%, #C4AB4C 101.41%) border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}

.main-team .main-team-title {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
}

.main-team .main-team-title .main-title {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  font-family: "Quicksand", serif;
  margin-bottom: 0;
  line-height: 35px;
}

.main-team .main-team-title .description {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  font-family: "Quicksand", serif;
  line-height: 28px;
}

.main-team-owner .main-owner-title {
  display: flex;
  align-items: end;
  justify-content: center;
  flex-direction: column;
}

.main-team-owner .main-owner-title .main-title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  font-family: "Quicksand", serif;
  margin-bottom: 0;
  line-height: 28px;
}

.main-team-owner .main-owner-title .description {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  font-family: "Quicksand", serif;
  margin-bottom: 0;
  line-height: 22px;
}

.main-team-owner .main-owner-img {
  width: 52px;
  height: 52px;
  border-radius: 50px;
  object-fit: cover;
}

.main-team-owner .main-owner-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.player-table {
  overflow-x: scroll;
  scrollbar-width: none;
}

.palyer-bid-table {
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid white;
  background: #EEEEEE1A;
  position: relative;
  opacity: 0px;
  backdrop-filter: blur(100px);
  z-index: 1;
}

.palyer-bid-table::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  border: 1px solid transparent;
  background: linear-gradient(116.07deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)) border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  animation: border 15s ease infinite;
  transition: all 4s ease-in-out;
}

.palyer-bid-table tr th,
.palyer-bid-table tr td {
  padding: 18px 22px;
}

.palyer-bid-table tr th {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  font-family: "Quicksand", serif;
  line-height: 28px;
  text-wrap: nowrap;
}

.palyer-bid-table tr td {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  font-family: "Quicksand", serif;
  vertical-align: middle;
  width: fit-content;
  text-wrap: nowrap;
}

.palyer-bid-table .bid-player-img {
  width: 42px;
  height: 42px;
  border-radius: 50px;
  border: 1px solid #fff;
}

.palyer-bid-table .bid-player-img img {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  object-fit: cover;
}

.palyer-bid-table .bid-player-detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6.5px;
}

.table>:not(caption)>*>* {
  border: 1px solid #FFFFFF33;
}

/* Team Players Page End */

/* Players Page Start */
.player-card {
  max-width: 282px;
  width: 100%;
  padding: 14px;
  background: linear-gradient(153.78deg, #E75B57 -1.11%, #E73A36 100%);
  border-radius: 18px;
  position: relative;
  overflow: hidden;
}


.player-card.card2 .player-number,
.player-card.card2 {
  background: linear-gradient(153.78deg, #58B1CF -1.11%, #369156 100%);
}

.player-card.card3 .player-number,
.player-card.card3 {
  background: linear-gradient(153.78deg, #035A99 -1.11%, #353897 100%);
}

.player-card.card4 .player-number,
.player-card.card4 {
  background: linear-gradient(153.78deg, #FD8D03 -1.11%, #F63A00 100%);
}

.player-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(-45deg, #FFFFFF14 25%, transparent 25%, transparent 50%, #FFFFFF14 50%, #FFFFFF14 75%, transparent 75%, transparent);
  background-size: 40px 40px;
  animation: move 2s linear infinite;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 40px 40px;
  }
}

.player-card .playerscard-img {
  mask-image: url(../images/playerscard-bg.png);
  mask-repeat: no-repeat;
  mask-position: top center;
  height: 241px;
  background: var(--white);
  position: relative;
  z-index: 1;
  margin-block: -30px;
}

.player-card .playerscard-img img {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.player-card .player-tags {
  display: flex;
  min-height: 30px;
  gap: 6px;
  max-width: 139px;
  position: relative;
  z-index: 2;
}

.player-card .player-tags .tag {
  display: flex;
  align-items: center;
  gap: 2px;
}

.player-card .player-tags .tag img {
  width: 22px;
  height: 22px;
  border-radius: 100%;
}

.player-card .player-tags .tag span {
  color: var(--white);
  font-family: var(--Quicksand);
  font-size: 11px;
  font-weight: 700;
  line-height: 12.8px;
}

.player-card .player-number {
  color: var(--white);
  font-family: var(--Quicksand);
  font-size: 28px;
  font-weight: 700;
  line-height: 44.8px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(153.78deg, #E75B57 -1.11%, #E73A36 100%);
  border-radius: 5px;
  position: absolute;
  right: 8px;
  bottom: 8px;
}

.player-card .player-name-price {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 32px 0 0 8px;
  position: relative;
  z-index: 2;
}

.player-card .player-name-price span {
  color: var(--white);
  font-family: var(--Quicksand);
  font-size: 16px;
  font-weight: 600;
  line-height: 25.6px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  max-width: 108px;
}

.player-card .player-name-price p {
  color: var(--white);
  font-family: var(--Quicksand);
  font-size: 28px;
  font-weight: 700;
  line-height: 44.8px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.player-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  align-items: start;
  overflow: auto;
  padding-bottom: 18px;
}

/* Players Page End */

/* Team Owner Page Start */
.team-owner {
  height: 100%;
  overflow: auto;
  padding-bottom: 18px;
}

.team-owner .team-card {
  height: 100%;
  min-height: fit-content;
  padding: 0;
}

.teamOwnerSwiper {
  height: 100%;
  width: 100%;
  min-height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.team-owner-slider .team-card {
  margin: auto;
  max-width: 1200px;
}

.teamOwnerSwiper .swiper-wrapper {
  height: fit-content;
}

.team-owner-slider.team-owner .lable {
  text-align: center;
}

.team-owner-slider.team-owner .name {
  font-size: 30px;
  margin-bottom: 4px;
}

.teamowner-card {
  padding: 62px 22px 48px;
  display: flex;
  min-height: fit-content;
  justify-content: center;
  align-items: center;
}

.team-owner .card-heading {
  flex-direction: column;
  gap: 58px;
  width: 100%;
  position: relative;
}

.team-owner .team-logo {
  width: 200px;
  min-width: 200px;
  backdrop-filter: blur(30px);
  background: #FFFFFF66;
}

.team-owner-slider.team-owner .team-logo img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  background-color: #fff;
  border-radius: 100%;
}

.team-owner-slider.team-owner .team-logo {
  width: 230px;
}

.team-owner .team-card h6 {
  font-size: 45px;
  line-height: 83.2px;
  width: 100%;
  text-align: center;
  text-shadow: 0 0 2px #ffffff, 0 0 5px #ffffff, 0 0 7px #2F81AE, 0 0 10px #2F81AE;
  -webkit-animation: blink 1.5s infinite alternate;
  animation: blink 1.5s infinite alternate;
}

.team-owner .team-card .owner {
  justify-content: center;
  gap: 12px;
  width: 100%;
  flex-direction: column;
  align-items: center;
}

.team-owner .owner-img {
  width: 282px;
  aspect-ratio: 282/420;
  border-radius: 14px;
  margin-bottom: 18px;
}

.team-owner .name {
  font-size: 22px;
  font-weight: 700;
  line-height: 35.2px;
}

.team-owner .lable {
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
}

.team-ownerimg {
  position: relative;
}


.two-players .player_animated_div,
.team-owner-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  transition: transform 0.7s linear;
  animation: rotatebg 18s infinite linear;
  width: unset;
}



@keyframes rotatebg {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    filter: drop-shadow(0 0 50px #00a6ff00);
  }

  10% {
    filter: drop-shadow(0 0 50px #00a6ff);
  }

  20% {
    filter: drop-shadow(0 0 50px #00a6ff00);
  }

  30% {
    filter: drop-shadow(0 0 50px #00a6ff);
  }

  40% {
    filter: drop-shadow(0 0 50px #00a6ff00);
  }

  50% {
    filter: drop-shadow(0 0 50px #00a6ff);
  }

  60% {
    filter: drop-shadow(0 0 50px #00a6ff00);
  }

  70% {
    filter: drop-shadow(0 0 50px #00a6ff);
  }

  80% {
    filter: drop-shadow(0 0 50px #00a6ff00);
  }

  90% {
    filter: drop-shadow(0 0 50px #00a6ff);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) rotate(359deg);
    filter: drop-shadow(0 0 50px #00a6ff00);
  }
}

.team-owner .arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 48px;
  gap: 12px;
}

.team-owner .swiper-button-next:after,
.team-owner .swiper-rtl .swiper-button-prev:after,
.team-owner .swiper-button-prev:after,
.team-owner .swiper-rtl .swiper-button-next:after {
  display: none;
}

.twoplayer-arrow {
  position: absolute;
  display: flex;
  gap: 12px;
  right: 120px;
  top: 0;
  bottom: 0;
  margin: auto auto 24px;
  height: fit-content;
}

.twoplayer-arrow .button {
  border: none;
}

.twoplayer-arrow .button,
.team-owner .swiper-button {
  position: unset;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF33;
}

.twoplayer-arrow .right img,
.team-owner .swiper-button.swiper-button-next img {
  rotate: 180deg;
}

.swiper-slide {
  opacity: 0 !important;
  width: fit-content;
}

.swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

/* Team Owner Page End */

/* Rate List Start */
.rate-list-title {
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  font-family: "Saira", serif;
  line-height: 36px;
  margin-bottom: 34px;
}

/* Rate List End */

/* Sponsers Page Start */
.sponser-cards .team-card {
  align-items: center;
  height: 100%;
  gap: 14px;
}

.sponser-cards .name {
  font-size: 22px;
  font-weight: 700;
  line-height: 38.4px;
  margin-bottom: 8px;
  text-align: center;
}

.sponser-cards .team-logo img {
  animation: blinkImg 1.5s infinite alternate;
}

@keyframes blinkImg {
  from {
    transform: scale(0.9);
  }

  to {
    transform: scale(1);
  }
}

.sponser-cards {
  overflow: auto;
}

.sponser-cards .row {
  justify-content: center;
  padding-bottom: 24px;
}

.sponser-cards .title {
  margin-bottom: 8px !important;
}

/* Sponsers Page End */

/* Rules of Auctions Page Start */
.rules-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 14px;
  overflow: auto;
  padding-bottom: 18px;
}

.rules-list .rule {
  display: flex;
}

.rules-list .number {
  width: 56px;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF80;
  backdrop-filter: blur(100px);
  border-radius: 100% 0 0 100%;
  padding: 7px;
}

.rules-list .number span {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: #090707;
  font-family: var(--Quicksand);
  color: var(--white);
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rules-list .text {
  height: fit-content;
  min-height: 56px;
  backdrop-filter: blur(100px);
  background: #EEEEEE1A;
  width: 100%;
  position: relative;
  padding: 13.5px 24px 13.5px 16px;
  clip-path: polygon(0 0, 98.2% 0, 100% 50%, 98.2% 100%, 0 100%, 0% 100%);
}

.rules-list .text p {
  font-family: var(--Quicksand);
  font-size: 18px;
  font-weight: 600;
  line-height: 28.8px;
  color: var(--white);
  margin: 0;
}

/* Rules of Auctions Page End */

/* Two Players Page Start */
.two-players .player_upper_div {
  gap: 24px;
  align-items: unset;
}

.two-players .cricket_section {
  margin: 0;
  height: unset;
}

.two-players .business_graph {
  border: none;
}

.two-players .player_shape {
  margin: 27px auto;
  width: fit-content !important;
}

.two-players .player_icon {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-bottom: 0 !important;
}

.two-players .player_icon img {
  max-height: 72px;
  max-width: 94px;
  width: 100%;
  height: auto;
}

.two-players .player_image {
  position: unset;
  transform: none;
}

.two-players .player_shape::before {
  inset: 0;
  margin: auto;
  transform: unset;
  scale: 1.08;
  width: 100%;
  height: 100%;
  border-width: 2px;
}

.two-players .name_plate span {
  font-family: var(--saira);
  font-size: 22px;
  font-weight: 700;
  line-height: 44.2px;
  color: #000000;
}

/* .two-players .cricket-chart:not(.bar-chart){
  width: 100%;
  max-width: 360px;
  margin: auto;
}

.two-players .cricket-chart:not(.bar-chart) .apexcharts-legend{
  justify-content: center !important;
  margin: auto !important;
  top: 0 !important;
  height: 100%;
} */

.apexcharts-gridline {
  opacity: 0.2 !important;
}

.two-players .business-title {
  font-family: var(--saira);
  font-size: 22px;
  font-weight: 600;
  line-height: 35.2px;
  margin: 0;
}

.two-players .player_info {
  height: unset;
}

.two-players {
  overflow: auto;
  padding-bottom: 18px;
}

.business-list {
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.business-list .one-business {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.business-list .business-img {
  width: 68px;
  height: 68px;
  border-radius: 100%;
  background: #FFFFFF1A;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: blinkIcon 1.5s infinite alternate;
}

@keyframes blinkIcon {
  100% {
    box-shadow: 0 0 14px #2f81ae8e;
  }
}

.business-list .business-img img {
  max-width: 38px;
}

.business-list .business-img::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  border: 1px solid transparent;
  background: linear-gradient(116.07deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)) border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: border 15s ease infinite;
  transition: all 4s ease-in-out;
}

.business-list h5 {
  font-family: var(--Quicksand);
  font-size: 24px;
  font-weight: 700;
  line-height: 38.4px;
  text-align: center;
  margin: 8px auto -2px;
}

.business-list p {
  font-family: var(--Quicksand);
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
  text-align: center;
  margin: 0;
}

.two-players .row>div {
  position: relative;
}

.two-players .row>div:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);
}

.two-players .name_plate {
  padding-block: 0;
}

/* Two Players Page End */
.rules-parent {
  border-radius: 27px;
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
  height: fit-content;
  max-height: 100%;
  padding: 6px;
  width: fit-content;
  margin: auto;
}

@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.rules-img {
  height: fit-content;
  max-height: 100%;
  overflow: auto;
  border-radius: 24px;
}

.rules-img::-webkit-scrollbar {
  width: 0;
}

.rules-img img {
  max-width: 1600px;
  width: 100%;
  object-fit: contain;
  border-radius: 24px;
  z-index: 1;
}

.main-sponser .fund {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: center;
}

.main-sponser .team-card .team-logo {
  width: 452px;
  margin: 0 auto 28px;
  overflow: hidden;
}

.main-sponser .team-card .team-logo img {
  max-width: 80%;
  max-height: 80%;
}

.main-sponser .fund img {
  max-width: 152px;
  max-height: 152px;
  border-radius: 12px;
  background: #e2e2e2;
}

.main-sponser .fund h5 {
  font-size: 38px;
}

.main-sponser .fund p {
  font-size: 22px;
  font-weight: 500;
  text-align: start;
  margin: 0;
}

/* Three players Page Start */
.three-players.two-players .player_upper_div {
  flex-direction: column;
  flex-grow: 1;
  min-width: 1px;
}

.three-players.two-players .player_upper_div>div {
  width: 100%;
}

.three-players.two-players .left_section {
  display: flex;
  gap: 24px;
}

.three-players .business-list {
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}

.three-players .business-list h5 {
  font-size: 18px;
  line-height: 30.4px;
}

.three-players .business_graph:not(.cricket_graph) {
  width: 212px;
  min-width: 212px;
  height: unset;
  margin-bottom: 20px;
}

.three-players .name_plate {
  padding: 0px 30px;
}

.two-players .name_plate span {
  font-size: 18px;
}

.three-players .player_image {
  width: 180px;
  height: 180px;
}

.three-players .player_image img {
  height: 100%;
  width: 100%;
}

.three-players .player_icon img {
  max-height: 52px;
  max-width: 74px;
}

.three-players.two-players .player_icon {
  margin-bottom: 14px !important;
  gap: 14px;
}

.three-players .cricket_graph {
  padding: 12px;
}

.three-players .apexcharts-text.apexcharts-datalabel-value {
  transform: translateY(-8px) !important;
}

.three-players .apexcharts-text.apexcharts-datalabel-label {
  transform: translateY(8px) !important;
}

/* Three players Page End */

/* Trafic Code */
.traffic_signal_value.grey {
  font-size: 30px;
  font-weight: 800;
  color: #b9acac;
  text-shadow: 0px 0px 20px rgba(128, 128, 128, 0.43),
    0px 0px 40px rgba(128, 128, 128, 0.43);
}

.traffic_signal_value.red {
  font-size: 30px;
  font-weight: 800;
  color: red;
  text-shadow: 0px 0px 20px rgba(255, 0, 0, 0.43),
    0px 0px 40px rgba(255, 0, 0, 0.43);
}

.traffic_signal_value.amber {
  font-size: 30px;
  font-weight: 800;
  color: #ffc107;
  text-shadow: 0px 0px 20px rgba(255, 193, 7, 0.43),
    0px 0px 40px rgba(255, 193, 7, 0.43);
}

.traffic_signal_value.green {
  font-size: 30px;
  font-weight: 800;
  color: #64ff3e;
  text-shadow: 0px 0px 20px rgba(100, 255, 62, 0.43),
    0px 0px 40px rgba(100, 255, 62, 0.43);
}

.common-arrow {
  z-index: 10;
}


.text-shine {
  background: linear-gradient(135.34deg, #FCFBE7 15.43%, #FBE67B 38.47%, #FCFBE7 53.36%, #F7D14E 69.97%, #D4A041 86.26%);
  background-image: linear-gradient(45deg, #D4A041, #F7D14E, #fff, #F7D14E, #D4A041);
  /* background-size: 200% auto; */
  background-size: 80% 100%;
  color: #000 !important;
  background-clip: text !important;
  text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-animation: shine 1s infinite alternate !important;
  animation: shine 1s infinite alternate !important;
}

@keyframes shine {

  /* 100% {
    background-position: 100% center;
    } */
  0% {
    background-position: -500% 0;
    scale: 1.15;
  }

  100% {
    background-position: 500% 0;
    scale: .95;
  }
}

.page-link {
  cursor: pointer !important;
  font-size: 18px;
  font-weight: 600;
  border-radius: 18px !important;
  text-align: center;
}

.page-link:hover {
  background-color: #0000001a;
}

/* Sold Animation Start*/

.sold-animate-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sold-animate-div a {
  padding: 20px 40px;
  cursor: pointer;
}

.folder img {
  height: 400px;
}

#container .module#module-01 .folder img#aproved {
  /* opacity: 0; */
  display: none;
}

#container .module#module-01 .stamp {
  height: 887px;
  width: 934px;
  background: url(../images/stamp2.png) no-repeat;
  margin: 0 auto;
  top: -69px;
  left: 214px;
  position: absolute;
  background-size: cover;
  opacity: 0;
  z-index: 25;
  display: none;
}

.sold-out-main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}

.sold-btn.first-click {
  display: none !important;
}

/* Sold Animation End*/

.other-sponsers .team-card .team-logo img {
  animation: unset;
  max-width: 100%;
  max-height: 100%;
}

.other-sponsers .team-card .team-logo::before {
  inset: -4px;
}

.other-sponsers .team-card .team-logo {
  margin: 4px;
  background-color: transparent;
}

.other-sponsers .name {
  line-height: normal;
}

.other-sponsers .team-card .team-logo {
  width: 180px;
  height: 180px;
  max-height: 180px;
  min-width: 180px;
}

.other-sponsers .team-card .team-logo img {
  height: 100%;
  width: 100%;
  border-radius: 100%;
  background: #fff;
  padding: 6px;
}

.other-sponsers .team-card {
  gap: 22px;
  padding: 44px 22px;
}

.bg-blue.welcome-bg,
.bg-dark.welcome-bg {
  background: url(../images/welcome-img1.jpg) no-repeat bottom center /100% 100%;
  /* background: url(../images/welcome-img.png) no-repeat bottom center /100% 100%; */
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
}


.bg-blue.thankyou-bg,
.bg-dark.thankyou-bg {
  background: url(../images/thank-you.png) no-repeat bottom center /100% 100%;
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
}


.welcome-bg .start-btn {
  margin-top: 45vh;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  transition: all .4s ease-in-out;
}

.welcome-bg .start-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  animation: shadow-pulse 1s infinite;
  transition: all .4s ease-in-out;
}

.welcome-bg .start-btn::before {
  content: "";
  position: absolute;
  inset: -4px;
  transition: all .4s ease-in-out;
  background: linear-gradient(115deg, #4fcf70, #fad648, #a767e5, #12bcfe, #44ce7b);
  animation: rainbow-btn 2s linear infinite;
  z-index: -1;
  border-radius: 100px;
}

.welcome-bg .start-btn:hover {
  background-color: var(--black);
  color: var(--white);
  gap: 24px;
}

.welcome-bg .start-btn:hover span {
  background-color: var(--white);
}

.welcome-bg .start-btn span path,
.welcome-bg .start-btn span {
  transition: all .4s ease-in-out;
}

.welcome-bg .start-btn:hover span path {
  fill: var(--black);
}

@keyframes rainbow-btn {
  to {
    background: linear-gradient(0deg, #4fcf70, #fad648, #a767e5, #12bcfe, #44ce7b);
  }
}

.welcome-bg .start-btn span {
  background-color: #000;
  padding: 0;
  border-radius: 100%;
  margin: 0;
  display: flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
}

.common-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 12px;
}

.common-footer img {
  max-height: 82px;
  border-radius: 8px;
}

.anchors-card .team-card {
  padding: 3px;
}

.anchors-card .team-card::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 40%;
  z-index: -1;
  height: 200%;
  background: #40E0D0;
  background: -webkit-linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);
  background: linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);
  animation: glowing01 8s linear infinite;
  transform-origin: center;
  animation: glowing 8s linear infinite;
}

@keyframes glowing {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.anchors-card .teamowner-card {
  width: 100%;
  background-color: #333b5d;
  border-radius: 22px;
}

.teams-link {
  cursor: pointer !important;
}

.pool-one.two-players .player_info {
  padding: 52px 22px 24px;
  /* gap: 38px !important; */
}

/* .pool-one.two-players .name_plate {
  width: 100%;
  padding: 0;
  background: transparent;
  clip-path: none;
}

.pool-one.two-players .name_plate span {
  width: 100%;
  display: block;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 24px;
  color: var(--white);
  text-shadow: 0 0 2px #ffffff8f, 0 0 5px #ffffff80, 0 0 10px #2f81aed6, 0 0 15px #2f81aedb;
  -webkit-animation: blink 1.5s infinite alternate;
  animation: blink 1.5s infinite alternate;
} */

.other-sponsers .team-card .team-logo::after {
  content: '';
  position: absolute;
  inset: 0;
  scale: 1.8;
  margin: auto;
  background: url(../images/team-owner-bg.png) no-repeat bottom center /100% 100%;
  animation: rotatebg2 18s infinite linear;
}

@keyframes rotatebg2 {
  0% {
    rotate: 180deg;
    filter: drop-shadow(0 0 50px #00a6ff00);
  }

  100% {
    filter: drop-shadow(0 0 50px #00a6ff);
  }
}

.border-animation {
  position: relative;
  overflow: hidden;
  border-radius: 23px;
  padding: 2px;
}

.border-animation a {
  background-color: #2d3759 !important;
}

.border-animation::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 20%;
  z-index: -1;
  height: 350%;
  background: #40E0D0;
  background: -webkit-linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);
  background: linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);
  transform-origin: center;
  animation: glowing 8s linear infinite;
}

.apexcharts-canvas {
  height: 100% !important;
  min-height: 240px !important;
}

.point-table .text.team {
  display: flex;
  align-items: center;
  gap: 8px;
}

.point-table .text.team img {
  width: 42px;
  height: 42px;
  object-fit: cover;
  background: #fff;
  border-radius: 100%;
}

.point-table .number {
  min-width: 56px;
}

.point-table .number span,
.point-table .text p {
  font-size: 16px;
  text-align: center;
}

.point-table .total p {
  text-align: center;
  padding: 4px 0;
  border-radius: 30px;
  background-color: var(--black);
  flex-grow: 1;
  max-width: 91px;
}

.point-table .total {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: end;
}

.point-table.rules-list .text:not(:last-child) {
  clip-path: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.point-table .text.team {
  /* width: 22%; */
  width: 85%;
  justify-content: start !important;
}

.point-table .text.team p {
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  text-align: start;
}

.point-table .number {
  width: 1%;
}

.point-table .text {
  width: 15%;
  background: #272d40;
}

.point-table .rule:first-child .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 69px;
  min-height: 69px;
}

.point-table .rule {
  align-items: center;
  max-width: 1152px;
  width: 100%;
  margin: auto;
}

.point-table .rule div {
  min-height: 69px;
}

.point-table .arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

.point-table .arrows a {
  font-family: var(--Quicksand);
  font-size: 15px;
  font-weight: 700;
  line-height: 28.8px;
  color: var(--white);
}

.point-table .arrows a.active,
.point-table .arrows a:hover {
  color: var(--success);
}

.shining-text {
  font-size: 32px;
  color: var(--white);
  font-weight: 700;
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
  text-shadow: 0 0 2px #ffffff, 0 0 5px #ffffff, 0 0 7px #2F81AE, 0 0 10px #2F81AE;
  -webkit-animation: blink 1.5s infinite alternate;
  animation: blink 1.5s infinite alternate;
}

.custom-border-div {
  color: var(--white);
  text-decoration: none;
  background: #EEEEEE1A;
  padding: 24px 22px;
  backdrop-filter: blur(100px);
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 24px;
  position: relative;
  cursor: inherit;
  overflow: hidden;
}

.custom-border-div::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  border: 1px solid transparent;
  background: linear-gradient(116.07deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)) border-box;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: border 15sease infinite;
  transition: all 4sease-in-out;
}

.team-best-div .best-div {
  position: absolute;
  right: 14px;
  top: 14px;
  width: 130px;
  height: auto;
  z-index: 1;
}

.best-filder {
  width: 100%;
  height: auto;
}

.team-best-div {
  position: relative;
}

.best-div {
  text-align: center;
  height: 100%;
}

.team-best-div .team-owner-slider .team-card {
  max-width: 100%;
}

.team-owner-slider.team-owner .manof-series .team-logo {
  width: 180px;
}

.team-owner .manof-series .team-logo {
  min-width: 180px;
}

.manof-series .team-owner-bg {
  max-width: 280px;
}

.team-owner .manof-series .card-heading {
  gap: 0;
  flex-direction: unset !important;
  justify-content: center;
}

.team-owner .manof-series .card-heading h6 {
  padding: 0 24px;
  width: unset;
}

.final-player.team-card {
  gap: 0;
}

.anchors-card .final-player .teamowner-card:not(.manof-series) {
  border-radius: 22px 22px 0 0;
}

.anchors-card .final-player .teamowner-card.manof-series {
  border-radius: 0 0 22px 22px;
  flex-grow: 1;
}

.winner-cup {
  position: absolute;
  bottom: 69%;
  z-index: 0;
  rotate: 23deg;
  left: 65%;
  scale: 0.9;
  margin: auto;
}

.winner-text {
  position: absolute;
  bottom: -18px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.team-owner-slider.team-owner .manof-series .team-logo {
  width: 180px;
  position: relative;
  z-index: 1;
}

.winner-logo {
  width: 220px !important;
}

.best-player .team-logo {
  width: 260px !important;
}

.best-player.team-best-div .best-div {
  width: 180px;
}