@charset "UTF-8";
img,
legend {
  border: 0;
}

.banner-text h1,
.banner-text p,
.txt-uppercase {
  text-transform: uppercase;
}

.btn-custom,
.newxBox,
.newxBox .newsContent .btn-news,
.search .input-field input {
  transition: 0.3s ease-in-out !important;
}

#mapOutputSidebar,
.content,
.newxBox,
.newxBox .figure,
.secContact .row,
body.loading,
body.modal-open,
svg:not(:root) {
  overflow: hidden;
}

.af-vector,
.bf-vector {
  top: 10%;
  pointer-events: none;
}

.table-bordered,
body,
html {
  overflow-x: hidden;
}

body,
html,
img {
  max-width: 100%;
}

.dd3-content,
.player-info p {
  letter-spacing: 2px;
  font-family: Benzin;
}

.message-list ul li p,
.newxBox .newsContent p {
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

body {
  margin: 0;
  -webkit-font-smoothing: auto;
  font-family: "Open Sans", sans-serif;
  background-color: #00122d;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
  position: relative;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

#checkout-form,
.account .dataTables_wrapper .table td .dropdown-toggle::after,
.avatar-upload .avatar-edit input,
.banner_slider > .owl-dots,
.custom-select select,
.custom_select select,
.dataTables_filter,
.dataTables_filter .dt-input,
.dataTables_info,
.dataTables_length,
.dataTables_paginate,
.dataTables_wrapper .table.not-sort thead th.sorting:not(.sorting_disabled):after,
.dataTables_wrapper .table.not-sort thead th.sorting:not(.sorting_disabled):before,
.drop-area,
.dt-container .dataTables_filter,
.fixture-slider .owl-dots,
.hidden,
.kingcross-slider .owl-dots,
.kingcross-slider .owl-nav,
.leaderBoard .text br,
.league-info .box-info ul li br,
.match-fixture .joined-players-slider .owl-dots,
.messageArea,
.pg-account .footer,
.pg-account .footer-widget,
.player-detail,
.secAbout p br,
.secLeaderBoard .paging_full_numbers .dt-paging-button.first,
.secLeaderBoard .paging_full_numbers .dt-paging-button.last,
.select-hide,
.select-hide_1,
.signup-steps.step-4 h4:before,
.signupPopup .step-2,
.signupPopup .step-3,
.signupPopup .step-4,
[hidden],
a.backtoInbox,
a.sidebarToggle,
ol.dd-list li:nth-child(odd):last-child::before,
template {
  display: none;
}

textarea::-moz-placeholder {
  color: #fff;
}

textarea::placeholder {
  color: #fff;
}

a {
  background-color: rgba(255, 255, 255, 0);
  text-decoration: none !important;
}

a:active,
a:hover {
  outline: 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

.footer-widget ul.social-list li .icon,
svg#svg-filter {
  position: absolute;
  left: 0;
}

.account .u-menu li.have-child,
.avatar-upload,
.ft-dropdown,
.leaderBox,
.mapFilter,
.message_blink a,
.result-faq .dataTables_wrapper .table tbody td,
.search,
ol.dd-list li,
ul.loct-list li {
  position: relative;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
  box-shadow: none !important;
  outline: 0 !important;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

.achvPopup .acv-list,
.dd3-content,
.league-info .signupForm,
.main-league .league-slider,
.modal-body.loginPopup .signupForm,
.modal-body.signupPopup.reportPopup,
.multi-steps .rounds .round .txt,
.step-1 .signupForm,
.trophiesPopup .acv-list,
div#thankyouModal .modal-body.signupPopup,
legend,
td,
th {
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.ft-benzin {
  font-family: Benzin;
}

.clr-white {
  color: #fff;
}

p {
  color: #9ea8b5;
  font-size: 20px;
  line-height: 31.2px;
  font-weight: 400;
}

.ft-44,
section.main-league.Current-league h2 {
  font-size: 44px;
}

::-moz-selection {
  background-color: #f7852f;
  color: #00122d;
}

::selection {
  background-color: #f7852f;
  color: #00122d;
}

.secBanner {
  height: 720px;
  background-size: cover;
}

.secBanner .owl-nav {
  height: auto !important;
}

.competitionmap,
.leaderBoard img,
img.homeLogo {
  border-radius: 16px;
}

header#masthead {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
  padding: 10px 0;
}

.navbar-expand-xl .navbar-nav .nav-link {
  font-weight: 400;
  font-size: 19px;
  line-height: 27px;
  color: #fff;
  transition: 0.3s ease-in-out !important;
}

.footer-widget ul li a:hover,
.navbar-expand-xl .navbar-nav .nav-link:hover {
  color: #fd6d01;
}

.navbar-expand-xl li.nav-item {
  margin-left: 12px;
}

body.pg-inner.pg-account .navbar-expand-xl li.nav-item {
  margin-left: 32px;
}

.navbar-expand-xl li.nav-item:first-child,
.radionBtn:first-child,
.signupForm .input-field .radion.d-block label.radionBtn,
.signupForm .input-field label.radionBtn:first-child,
.walkoverMain .signupForm .input-field label.radionBtn {
  margin-left: 0;
}

.account-link a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  line-height: 27px;
  display: inline-block;
}

.league_data a,
.signupForm label.checkon a span,
.top-message .d-flex .btn-link {
  text-decoration: underline !important;
}

.account-link a.btn-head {
  background: rgba(9, 31, 64, 0.3);
  padding: 8px 24px;
  margin-left: 22px;
}

.account-link {
  margin-left: 50px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.banner-text h1 {
  font-size: 44px;
  color: #fff;
  margin-top: 0;
  margin-bottom: 40px;
}

.banner-text p,
.btn-custom,
.gm-style-iw-d div h3,
.secNews .btn-custom {
  font-size: 22px;
}

.banner-text p {
  color: #fff;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 20px;
}

.banner-text a.btn-custom {
  margin-top: 20px;
  padding: 14px 44px;
  font-size: 18px;
}

.banner-text {
  max-width: 610px;
  padding-right: 80px;
}

.btn-custom {
  color: #fff !important;
  background: #fd6d01;
  padding: 11px 75px;
  border-radius: 8px;
  display: inline-block;
  border: 1px solid #fd6d01 !important;
}

.cancel-footer {
  border: 1px solid #fff !important;
}

#footer_popup .d-flex.justify-content-center {
  justify-content: space-evenly !important;
}

.btn-custom.btn-blue,
.btn-custom:hover {
  background: #00122d;
  border-color: #00122d !important;
}

.upcomingLeagues {
  padding-top: 272px;
  padding-bottom: 152px;
  margin-top: -160px;
  z-index: 1;
}

.upcomingLeagues h2 {
  color: #fff;
  margin-bottom: 40px;
  font-size: 44px;
}

.upcomingLeagues p {
  color: #9ea8b5;
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
}

.secAbout {
  padding-top: 219px;
  padding-bottom: 100px;
  background-size: cover;
}

.leaderBoard,
.secNews {
  padding-top: 100px;
  padding-bottom: 100px;
}

.secAbout h3 {
  font-size: 44px;
  margin-bottom: 40px;
}

.account .main-league.Current-league,
.secAbout .btn-custom {
  margin-top: 40px;
}

.secAbout p {
  padding-right: 60px;
  margin-bottom: 0;
}

.account .signupForm .input-field.al-center,
.account .signupForm .input-field.d-flex,
.leaderBoard .row,
.secAbout .row,
.user_profile .row,
section.about-us .row {
  align-items: center;
}

.secNews {
  background: #000;
}

.account .main-league.Current-league > h4,
.blogs .newsGrids .col-sm-12.col-md-4,
.league-Competition h3.clr-white,
.main-league h3.clr-white,
.secNews h2 {
  margin-bottom: 40px;
}

.blog-inner .text-center p,
.secContact h2,
.secNews .mb-150,
.signupForm .select2-container {
  margin-bottom: 60px;
}

.newxBox {
  background: #00122d;
  border-radius: 16px;
  margin-top: 20px;
}

.compForm,
.leaderBoard .mt-100,
.result-faq {
  margin-top: 60px;
}

.newxBox:hover {
  background: #0f2e5d !important;
}

.newxBox .figure {
  height: 272px;
  width: 100%;
}

.newxBox .figure img {
  -o-object-fit: cover;
  object-fit: cover;
}

.newxBox .newsContent {
  padding: 40px 24px;
  text-align: center;
}

.newxBox .newsContent h4 {
  font-size: 20px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 25px;
  text-align: left;
}

.newxBox .newsContent p {
  font-size: 18px;
  line-height: 24px;
  text-align: left;
}

.newxBox .newsContent .btn-news {
  color: #fff;
  background: #2b486d;
  border-radius: 8px;
  display: inline-block;
  padding: 8px 32px;
  font-size: 20px;
}

.newsGrids {
  margin-bottom: 50px;
}

.leaderBoard {
  background-size: auto;
  background-position: bottom;
  background-repeat: no-repeat;
}

.leaderBox {
  display: flex;
  align-items: center;
  background: linear-gradient(180deg, #00122d 18.14%, #00183d 100%);
  border-radius: 0 0 12px 12px;
  padding: 36px 0 36px 93px;
  margin-left: 16%;
  box-shadow: 0 16px 24px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}

.leaderBox .post {
  background: #0f2e5d;
  border-radius: 8px;
  padding: 8px 20px;
  margin-right: 44px;
}

.leaderBox .post h2 {
  font-size: 24px;
  color: #fff;
  margin: 0;
  font-family: Benzin;
}

.leaderBox .post h2 span {
  font-size: 14px;
  font-family: "Open Sans";
  margin-left: 4px;
}

.leaderBox .figure {
  height: 106px;
  width: 106px;
  border-radius: 100%;
  position: absolute;
  left: -40px;
  top: 11px;
  background: #fff;
}

.leaderBox .txt h4 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 0;
}

.leaderBox .txt p {
  color: #ff7f1e;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
}

.chatBox .pic img,
.leaderBox .figure img,
.message-list ul li .msg-pic img,
.messageArea .msg-head .pic img,
.messagePop .pic img,
header#masthead .headUser-menu .user-pic img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.leaderBox .figure:before {
  content: "";
  height: 115%;
  width: 115%;
  border-radius: 100%;
  background: linear-gradient(180deg, #0a2d5c 0, rgba(255, 255, 255, 0) 63.02%);
  position: absolute;
  top: -7px;
  left: -9px;
  transform: rotate(-90deg);
  z-index: -1;
}

.leaderBoard .mt-100 a.btn-custom {
  padding: 11px 55px;
}

.leaderBoard h2.text-center {
  margin-bottom: 55px;
}

.acv-list,
.leaderBoard .text {
  padding-right: 10px;
}

.secCompetition {
  padding-top: 100px;
  padding-bottom: 100px;
  background: #000;
}

.secCompetition .container > p {
  margin-bottom: 0 !important;
  margin-top: 40px !important;
}

.blog_main_head,
.joinPopup .signupForm .select2-container,
.leaderBoard .text p {
  margin-bottom: 30px;
}

.account .signupForm .select2-container,
.blogs .newsGrids,
.footer-widget .ft-logo,
.leaderBoard .text p:last-child,
.signupForm .input-field.input-dropdown label,
.spcs-left p,
div#signupModal .signup-steps h4,
section.account .col-sm-12.col-md-5.MessageContentBox .messageArea .signupForm .input-field.input-message {
  margin-bottom: 0;
}

.compForm .btns .btn-custom {
  font-size: 18px;
  padding: 16px 18px;
  min-width: 177px;
  text-align: center;
}

.secCompetition h2.text-center {
  margin-bottom: 122px;
}

.search {
  height: 55px;
  border: 4px solid #00122d;
  border-radius: 8px;
}

.search .input-field input {
  width: 100%;
  height: 100%;
  border: none;
  background: 0 0 !important;
  padding: 0 90px 0 33px;
  box-shadow: none;
  outline: 0;
  font-size: 20px;
  color: #9ea8b5;
  font-weight: 500;
}

.search .input-submit input {
  font-size: 0;
  width: 98px;
  height: 55px;
  background: #00122d;
  border-radius: 8px;
  border: none;
}

.search .input-submit .icon {
  color: #fff;
  font-size: 22px;
  position: absolute;
  right: 33px;
  top: 10px;
  pointer-events: none;
}

.search .input-submit {
  position: absolute;
  right: -4px;
  top: -4px;
}

.banner_slider,
.banner_slider .owl-item,
.banner_slider .owl-stage,
.banner_slider > *,
.search .input-field,
.secBanner > * {
  height: 100%;
}

.compForm .btns .btn-custom:first-child {
  margin-right: 6px;
}

.compForm {
  margin-bottom: 46px;
}

.mapFilter .filter {
  padding: 60px 22px 50px 32px;
  background: #00122d;
  position: absolute;
  width: 410px;
  top: 32px;
  left: 32px;
  border-radius: 16px;
}

.mapFilter .filter h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 35px;
  position: relative;
}

ul.loct-list {
  list-style: none;
  padding: 0 10px 0 0;
  margin: 0 0 10px;
}

#mapOutputSidebar {
  overflow-y: scroll;
  height: 400px;
  -webkit-overflow-scrolling: auto;
  -webkit-overflow-scrolling: touch;
}

#mapOutputSidebar::-webkit-scrollbar {
  width: 3px !important;
  webkit-overflow-scrolling: auto;
  -webkit-overflow-scrolling: touch;
  display: block !important;
}

#mapOutputSidebar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

#mapOutputSidebar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #4da841;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

#mapOutputSidebar::-webkit-scrollbar-thumb:window-inactive {
  background: #4da841;
}

#mapOutputSidebar h4 {
  margin: 10px 0 0;
}

ul.loct-list li .btn-custom {
  background: #0f2e5d;
  font-size: 17px;
  padding: 10px 12px;
  border-radius: 7px;
  text-align: center;
  display: block !important;
  width: 65% !important;
}

ul.loct-list li h5 {
  font-size: 17px;
  font-weight: 300;
  padding-right: 15px;
  width: 100%;
}

ul.loct-list li {
  padding: 16px 0 16px 30px;
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

ul.loct-list li .icon {
  position: absolute;
  left: 0;
  top: 19px;
}

.secNewsletter {
  padding-top: 100px;
  padding-bottom: 100px;
  background-size: cover;
  background-position: center;
}

.secNewsletter .news-widget {
  background: rgba(0, 18, 45, 0.56);
  border-radius: 32px;
  padding: 80px 122px 96px;
  text-align: center;
  max-width: 1196px;
  margin: 0 auto;
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
}

.secNewsletter .news-widget h3 {
  margin-bottom: 69px;
}

.secNewsletter .news-widget p {
  margin-bottom: 69px;
  color: #fff;
}

.search.newsletter {
  border: 2px solid #fff;
}

.search.newsletter .input-submit input {
  font-size: 22px;
  line-height: 1;
  width: auto;
  height: 54px;
  background: #fff;
  color: #00122d;
  padding: 14px 62px;
  border: none;
  border-radius: 0 8px 8px 0;
  font-weight: 600;
}

.search.newsletter .input-submit {
  top: -1px;
}

.search.newsletter .input-field input {
  color: #fff;
  font-weight: 400;
}

.ct-form .input-field input,
.ct-form .input-field textarea {
  width: 100%;
  background: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0.75);
  font-size: 20px;
  transition: 0.3s ease-in-out !important;
  font-weight: 300;
  box-shadow: none;
  outline: 0;
}

.search.newsletter:hover .input-field input {
  background: rgba(0, 0, 0, 0.38) !important;
}

.search.newsletter .input-field input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.search.newsletter .input-field input::placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.secContact {
  padding-top: 100px;
  padding-bottom: 100px;
}

.secContact .row {
  padding: 70px 108px 40px;
  background: linear-gradient(261.31deg, #0f2e5d 0, rgba(15, 46, 93, 0.5) 100%);
  border-radius: 32px;
  position: relative;
}

.ct-form .input-field input {
  height: 55px;
  border: 2px solid #9ea8b5;
  border-radius: 8px;
  padding: 0 22px 0 68px;
}

.ct-form .input-field input::-moz-placeholder,
.ct-form .input-field textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.ct-form .input-field input::-moz-placeholder, .ct-form .input-field textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.ct-form .input-field input::placeholder,
.ct-form .input-field textarea::placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.ct-form .input-field textarea {
  padding: 14px 22px 14px 68px;
  border-radius: 8px;
  height: 141px;
  resize: none;
  border: 2px solid #9ea8b5;
}

.ct-form .input-field {
  position: relative;
  margin-bottom: 32px;
}

.ct-form .input-field .icon {
  position: absolute;
  left: 20px;
  top: 14px;
}

.ct-form .input-submit input {
  font-size: 20px;
  color: #fff;
  background: #00122d;
  padding: 16px 75px;
  border: none;
  border-radius: 8px;
  transition: 0.3s ease-in-out !important;
}

.ct-form .input-field .icon.msg {
  top: 18px;
}

.ct-form .input-field input:hover,
.ct-form .input-field textarea:hover {
  background: #00122d;
  border-color: #fff;
}

.ct-form .input-field input:focus,
.ct-form .input-field textarea:focus {
  border-width: 4px;
  background: #00122d;
  border-color: #fff;
}

.footer-widget {
  padding-top: 100px;
  padding-bottom: 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.3019607843);
}

.footer-widget .f-2 {
  padding-left: 45px;
}

.footer-widget h3 {
  color: #9ea8b5;
  font-size: 24px;
  margin-bottom: 40px;
}

.footer p,
.footer-widget p,
.footer-widget ul li a {
  font-size: 18px;
  color: #fff;
}

.footer-widget p {
  line-height: 27px;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.footer-widget ul,
.league-info .box-info ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-widget ul li a {
  font-weight: 300;
  line-height: 29px;
  transition: 0.3s ease-in-out !important;
}

.footer-widget ul.menu li a {
  padding: 0;
  display: inline-block;
  font-size: 20px;
}

.footer-widget ul.menu li a:hover {
  padding-left: 10px;
}

.footer-widget ul.menu li {
  margin-bottom: 12px;
}

.footer-widget ul.ct-list li {
  margin-bottom: 20px;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  position: relative;
  padding-left: 40px;
}

.footer-widget ul.ct-list li .icon {
  position: absolute;
  left: 0;
  top: 0;
}

.footer-widget ul.social-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}

.footer {
  padding: 16px 0;
  background: #0f2e5d;
  text-align: center;
}

.footer p {
  margin: 0;
  font-weight: 400;
  text-transform: capitalize;
}

.account .generalForm.db-tabs h3.clr-white,
.footer-widget .col-sm-12.col-md-3:last-child,
.generalForm .spcs-left {
  padding-left: 40px;
}

.bf-vector {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
}

.af-vector {
  position: absolute;
  right: 0;
  margin: auto;
  transform: rotate(180deg);
}

.leaderBoard .bf-vector {
  top: 0;
}

.leaderBoard .af-vector {
  top: 0;
  transform: scaleX(-1);
}

.secContact .bf-vector {
  transform: rotate(-90deg);
  left: -220px;
  top: 90px;
  opacity: 0.4;
  height: 100px;
}

.league-slider {
  padding-top: 0;
  padding-bottom: 0;
}

.league-box.newxBox {
  background: #052349;
}

.banner_slider .item,
.breadcrumbs {
  background-size: cover;
}

.ct-form .input-submit input:hover,
.league-box.newxBox .btn-news,
.newxBox .newsContent .btn-news:hover,
.pagination ul li a:hover,
.pagination ul li.active a,
.pagination ul li.next a,
.pagination ul li.prev a,
.signupForm .input-btn .btn.btn-blue:hover,
label.btn-custom.btn-blue.active,
ul.loct-list li .btn-custom:hover {
  background: #fd6d01;
}

.upcomingLeagues p.mb-40 {
  margin-bottom: 80px !important;
}

.league-slider .owl-nav,
.signupPopup .step-4 {
  position: static;
}

.owl-carousel .owl-nav button {
  background: #052349 !important;
  color: #fff !important;
  height: 66px;
  width: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 22px !important;
  position: absolute;
  top: 41%;
  left: 6%;
}

.owl-nav button.owl-next {
  right: 6%;
  left: auto;
}

.league-box.newxBox h4 {
  display: flex;
  text-transform: capitalize;
  justify-content: space-between;
  align-items: center;
}

.league-box.newxBox h4 .btnleague {
  border-left: 2px solid;
  padding: 15px 10px 15px 20px;
  margin-left: 5px;
}

#footer_popup ul li,
#term_popup ul li,
#tnc ul li,
#term_popup_change ul li,
.dt-length label,
.league-box.newxBox h4 .btnleague a,
.secLeaderBoard .dataTables_wrapper .table tbody td,
.secLeaderBoard .dataTables_wrapper .table tbody tr td:nth-child(4),
.userProfileleaderboard {
  color: #9ea8b5;
}

.afterBanner {
  position: absolute;
  top: 0;
  left: 0;
}

.banner_slider .owl-item .item {
  height: 100%;
  padding-top: 150px;
  padding-bottom: 100px;
  display: flex;
  align-items: center;
}

.league-box.newxBox .btn-news:hover {
  background: #2b486d;
}

.btn-custom.btn-blue:hover {
  background: #fd6d01;
  border-color: #fd6d01 !important;
}

.signupForm .input-field input,
.signupForm .input-field select,
.signupForm .input-field.input-textarea textarea,
.signupForm .select2-container--default .select2-selection--multiple {
  width: 100%;
  background: #0f2e5d;
  border: 2px solid #3e6aad !important;
  border-radius: 8px;
  height: 53px;
  color: #fff;
  padding: 0 22px 0 45px;
  font-size: 18px;
  box-shadow: none;
  outline: 0;
}

.getintouchphone::-webkit-input-placeholder {
  color: #9ea8b5 !important;
}

.getintouchphone::-moz-placeholder {
  color: #9ea8b5 !important;
}

.getintouchphone:-ms-input-placeholder {
  color: #9ea8b5 !important;
}

.getintouchphone:-moz-placeholder {
  color: #9ea8b5 !important;
}

.signupForm .input-field.input-textarea textarea {
  padding: 18px 22px !important;
  height: 180px !important;
  resize: none;
}

.signupForm .input-field input::-moz-placeholder {
  color: #fff;
}

.signupForm .input-field input::placeholder {
  color: #fff;
}

.signupForm .input-field .icon {
  position: absolute;
  left: 18px;
  top: 13px;
  z-index: 1;
}

.signupForm .input-field {
  position: relative;
  margin-bottom: 24px;
}

.signupForm .input-field.input-dropdown,
.signupForm .input-field.input-file,
.signupForm .input-field.input-radio {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.signupForm .input-field.input-file input {
  width: auto;
  height: auto;
  padding: 0;
}

.signupForm .input-field.input-file label {
  font-size: 18px;
  color: #fff;
  margin: 0;
}

.signupForm .input-field.input-file label .txt {
  display: block;
  font-size: 14px;
  color: #648cc9;
  font-weight: 300;
}

.signupForm .input-field.input-checkbox input,
.signupForm .input-field.input-radio .radion input {
  width: auto;
  height: auto;
}

.signupForm .input-field.input-radio .other {
  position: relative;
  width: 230px;
}

.checkon,
.radionBtn {
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 18px;
  color: #fff;
  margin-left: 25px;
  margin-bottom: 0;
}

.tagline,
.top-message {
  margin-bottom: 24px;
}

.checkon input,
.radionBtn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkon .checkmark,
.radionBtn .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 18px;
  width: 18px;
  background: rgba(255, 255, 255, 0);
  border-radius: 50%;
  border: 1px solid #fff;
}

.checkon .checkmark {
  border-radius: 2px;
  top: 4px;
}

.checkon:hover input ~ .checkmark,
.radionBtn:hover input ~ .checkmark {
  background-color: #ccc;
}

.checkon .checkmark:after,
.radionBtn .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.account .generalForm .signupForm .input-field.input-file,
.account .generalForm .signupForm .input-field.input-radio,
.account .signupForm .input-field.input-radio .radion,
.account .u-menu li.have-child.show .sub-dropdown,
.checkon input:checked ~ .checkmark:after,
.drop-area.show,
.fxt-box .dt-loct .txt span,
.input-field.input-dropdown.custom-select,
.main-league .owl-carousel .owl-nav button.owl-next,
.radionBtn input:checked ~ .checkmark:after,
.reportPopup .custom_select select,
.secLeaderBoard .dataTables_filter,
.secLeaderBoard .dataTables_paginate,
body.loading .overlay {
  display: block;
}

.radionBtn .checkmark:after {
  top: 0 !important;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
}

.checkon input:checked ~ .checkmark {
  background: #fff;
}

.checkon .checkmark:after {
  left: 5px;
  top: 1px;
  width: 6px;
  height: 10px;
  border: solid #133363;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.signupForm .input-field.input-radio .radion {
  display: flex;
  margin-right: 25px;
}

.signupForm .input-field label {
  font-size: 18px;
  color: #fff;
  margin: 0 0 15px;
  position: relative;
  display: block;
}

.signupForm .input-field label.radionBtn {
  margin-left: 20px;
}

.signupForm .input-btn .btn {
  background: #fd6d01;
  color: #fff;
  font-size: 20px;
  padding: 16px;
  border-radius: 8px;
  transition: 0.3s ease-in-out !important;
  min-width: 204px;
  text-align: center;
}

.signupForm .input-btn {
  text-align: center;
  display: flex;
  justify-content: space-between;
}

.signupForm .input-btn .btn.btn-blue,
.signupForm .input-btn .btn:hover {
  background: #0f2e5d;
}

.signupForm {
  margin-top: 44px;
  padding-right: 26px;
}

.division,
.league-map {
  margin-top: 50px;
}

.signupForm .input-field .icon.icon-after {
  left: auto;
  right: 20px;
}

.info-list ul li h4,
.tagline a {
  color: #648cc9;
  font-size: 14px;
}

.tagline {
  text-align: right;
}

.signupForm.login .input-btn .btn {
  padding: 16px 83px;
}

.account-popup .popContent .popBtns .btn {
  border-radius: 8px;
  color: #fff;
  padding: 16px 80px;
  border: none;
  box-shadow: none;
  outline: 0;
  font-size: 20px;
  font-weight: 500;
  margin-right: 8px;
  min-width: 222px;
}

.account-popup .popContent .popBtns {
  border: none;
  background: #00122d;
  border-radius: 12px;
  padding: 4px;
  margin: 0 26px 0 0;
  display: flex;
  justify-content: space-between;
}

.account-popup .popContent .popBtns .btn.active,
.account-popup .popContent .popBtns .btn:hover {
  background: #133263;
}

#tabs nav .nav-tabs a:last-child,
.account .result-faq .dataTables_wrapper .table-bordered,
.account .secLeaderBoard .dataTables_wrapper,
.account .signupForm .input-field.al-center label,
.account-popup .popContent .popBtns .btn:last-child,
.chatBox .signupForm .input-field,
.dd-dragel > .dd3-item > .dd3-content,
.league-info .box-info ul li:last-child,
.result-faq .dataTables_paginate .paginate_button:last-child,
.secLeaderBoard .dataTables_paginate .paginate_button:last-child,
.signupForm .input-field.align-items-center label {
  margin: 0;
}

.signup-steps h4 {
  text-align: center;
  color: #fff;
  font-size: 20px;
  margin-bottom: 84px;
  z-index: 1;
  position: relative;
}

.signupForm .input-field .field {
  position: relative;
  display: block;
}

.league-info .signupForm .input-field label .af-icon,
.signupForm .input-field label .lb-icon,
.signupForm .label .lb-icon {
  position: absolute;
  right: 0;
}

.signupForm .input-field.input-checkbox h5 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 20px;
}

.signupForm .input-field.input-checkbox .chck {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}

.signupForm .input-field.input-checkbox .chck label {
  flex: 0 0 50%;
  max-width: 50%;
  -ms-flex: 0 0 50%;
}

.signupForm .input-btn.center {
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 30px;
}

.signupForm .tags {
  display: flex;
  margin-top: 12px;
}

.signupForm .tags .tag {
  background: #00122d;
  padding: 6px 18px;
  margin-right: 14px;
  color: #648cc9;
  font-size: 16px;
  line-height: 22px;
  border-radius: 20px;
}

.signupForm .tags .tag svg {
  margin-left: 10px;
}

.customScroll .signupForm {
  height: 70vh;
  overflow: hidden;
  overflow-y: scroll;
}

.signupForm .input-field .icon svg {
  color: #638bc7;
}

.signupForm .input-field .field.d-flex select {
  margin-right: 14px;
  padding-left: 22px;
}

.thankyou {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 638px;
}

.signup-steps .thankyou h4 {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
}

.signup-steps .thankyou h5 {
  font-size: 18px;
  color: #7ea5e1;
}

.signup-steps .thankyou .thank-icon {
  font-size: unset;
  color: #648cc9;
  z-index: 1;
  margin-bottom: 20px;
}

.signup-steps .thankyou .txt {
  font-size: 14px;
  color: #fff;
  position: absolute;
  bottom: 24px;
  text-align: center;
}

div#thankyouModal .thnkBg {
  background-size: auto !important;
  background-position: top center !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  background-repeat: no-repeat;
  z-index: 0;
}

div#thankyouModal h4 ~ h5 {
  position: unset !important;
  z-index: 1;
  margin: 5px 0 0;
  color: #fff;
  font-size: 24px !important;
}

div#thankyouModal .thankyou {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 590px;
  padding-top: 30px;
}

.signupForm .input-field .icon:not(.icon-after) {
  pointer-events: none;
}

body:not(.home) header#masthead {
  position: relative;
  background: #00122d;
  z-index: 100;
}

.breadcrumbs {
  padding-top: 133px;
  padding-bottom: 146px;
  background-repeat: no-repeat;
}

.breadcrumbs h4 {
  font-size: 24px;
  color: #ff7f1e;
  line-height: 30px;
  margin-bottom: 4px;
}

.breadcrumbs h2 {
  font-size: 44px;
  line-height: 59px;
}

.breadcrumbs h2.vc_border:after {
  content: "";
  height: 3px;
  width: 164px;
  background: #ff7f1e;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.breadcrumbs h2.vc_border {
  padding-bottom: 10px;
  position: relative;
}

.account .main-league.Current-league:last-child,
.pg-inner section.main-league.Current-league {
  padding-bottom: 0;
}

section.main-league.Current-league h3.clr-white {
  margin-top: 0 !important;
}

.main-league .owl-carousel .owl-nav button {
  color: #274b82 !important;
  background: 0 0 !important;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  height: auto;
  width: auto;
  margin: 0 100px;
  z-index: 1;
}

.db-tabs nav:after,
.league-Competition .search .input-submit input,
.popBtns .btn.active,
.popBtns .btn:hover {
  background: #274b82;
}

.main-league .owl-carousel .owl-nav {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.main-league .owl-carousel .owl-dots .owl-dot {
  width: 24px;
  height: 4px;
  background: #052349;
  margin: 0 6px;
  border-radius: 10px;
  transition: 0.5s ease-in-out !important;
}

.main-league .owl-carousel .owl-dots .owl-dot.active {
  width: 40px;
  background: #274b82;
}

.main-league.Current-league {
  margin-top: -20px;
}

.main-league .owl-carousel .owl-dots {
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  width: auto;
}

.secCompetition.league-Competition {
  background: #00122d;
  padding-top: 100px;
  padding-bottom: 100px !important;
}

.league-Competition .search {
  border-color: #274b82;
}

section.main-league.Current-league {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 100px;
  padding-top: 100px;
}

.top-message .d-flex {
  border: 2px solid #ff7f1e;
  align-items: center;
  padding: 16px 40px;
  border-radius: 8px;
}

.top-message .d-flex p {
  margin: 0;
  color: #ff7f1e;
  font-size: 16px;
  line-height: 22px;
  padding-right: 70px;
}

.top-message .d-flex .btn-link {
  color: #ff7f1e;
}

.league-detail .top-banner {
  height: 400px;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  margin: 0 0 100px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 0 50px;
  position: relative;
}

.league-detail .top-banner:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(35deg, #000, rgba(0, 0, 0, 0.6117647059), transparent, rgba(0, 0, 0, 0.6117647059), #000);
  position: absolute;
  top: 0;
  left: 0;
}

.league-heading-text h4 {
  color: #ff7f1e;
  font-weight: 400;
}

.league-heading-text h2 {
  font-weight: 500;
  font-size: 44px;
}

.league-detail .top-banner h4 {
  color: #ff7f1e;
  font-weight: 400;
  position: relative;
  margin-bottom: 10px;
}

.league-detail .top-banner h2 {
  font-weight: 500;
  font-size: 44px;
  position: relative;
}

.account .generalForm .signupForm .input-field,
.account .messageArea .signupForm .input-field,
.joinPopup.signupPopup .step-1,
.league-detail .txt {
  padding-right: 0;
}

.league-info .box-info {
  padding: 40px 40px 40px 45px;
  background: #051c3e;
  border-radius: 24px;
}

.league-info .box-info ul li {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  position: relative;
  padding-left: 33px;
  margin-bottom: 44px;
}

.league-info .box-info ul li .icon {
  position: absolute;
  left: 0;
  top: 2px;
}

.league-info .checkon input:checked ~ .checkmark {
  background: rgba(255, 255, 255, 0);
  border-color: #5c82bc;
}

.league-info .checkon .checkmark:after {
  border-color: #5c82bc;
}

.league-info .btns .btn-custom,
.ui-datepicker-calendar {
  width: 100%;
  text-align: center;
}

.league-info .btns .btn-custom:hover {
  background: #5e85c0;
}

.league-map {
  background-size: cover;
  padding: 48px 0 48px 48px;
  margin-bottom: 92px;
}

.league-map h3.clr-white {
  margin-bottom: 48px;
  font-weight: 400;
  font-size: 26px;
}

.league-map .map {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.kingcross-slider img {
  max-height: 120px;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}

.league-map .map .figure {
  max-width: 39%;
  flex: 39%;
}

.league-map .map .kingcross-slider {
  max-width: 61%;
  flex: 61%;
  padding-left: 20px;
}

.db-tabs {
  background: #051c3e;
  border-radius: 24px;
  overflow: hidden;
}

.db-tabs nav {
  background: linear-gradient(90deg, #051c3e 0, #0f2e5d 100%);
  padding: 0 50px;
  position: relative;
}

span.af-iconn,
span.af-iconnum {
  top: 22px;
  background-color: #ff7f1e;
  width: 20px;
  font-weight: 900;
}

.db-tabs nav:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.dataTables_wrapper .table tbody tr td:first-child,
.dataTables_wrapper .table tfoot tr th:first-child,
.db-tabs nav .nav-tabs,
.modal-content,
.table-bordered td,
.table-bordered th {
  border: none;
}

.db-tabs nav .nav-tabs .nav-link.disabled {
  opacity: 50%;
  color: #648cc9 !important;
  border: none !important;
}

.db-tabs nav .nav-tabs .nav-item {
  color: #648cc9;
  font-size: 20px;
  padding: 0 0 20px;
  flex: inherit;
  font-weight: 600;
  margin-right: 40px;
  border: none;
  border-bottom: 2px solid transparent !important;
  transition: 0.3s ease-in-out !important;
  position: relative;
}

.db-tabs nav .nav-tabs .nav-item:after {
  width: 0%;
  transition: 1s;
}

.account .fxt-box,
.account .u-menu li a,
.account .u-menu li.have-child .openDrop,
.account-popup,
.filter-dropdowns .ft-dropdown ul,
.pagination ul li a {
  transition: 0.3s ease-in-out !important;
}

.db-tabs nav .nav-tabs .nav-item.active:after,
.db-tabs nav .nav-tabs .nav-item:hover:after {
  content: "";
  display: block;
  background-color: #fff;
  width: 100%;
  height: 2px;
  left: 0;
  transition: 1s;
  position: absolute;
  bottom: 0;
  z-index: 9;
}

.db-tabs nav .nav-tabs .nav-item.active,
.db-tabs nav .nav-tabs .nav-item:hover {
  background: rgba(255, 255, 255, 0);
  border: none;
  color: #fff;
}

.db-tabs nav h3.clr-white {
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: 400;
}

.tab-content {
  padding: 40px 0 56px 56px;
}

.tab-content h4 {
  margin-bottom: 20px;
  font-size: 32px;
}

.dataTables_wrapper .table thead th {
  background: #00122d;
  color: #648cc9;
  font-size: 14px;
  font-weight: 400;
  padding: 18px 16px;
  vertical-align: middle;
  border: none;
  position: relative;
}

.dataTables_wrapper .table tbody td,
.dataTables_wrapper .table tfoot th {
  vertical-align: middle;
  padding: 16px 15px;
  border-left: 1px solid #00122d;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.dataTables_wrapper .table tbody tr td:nth-child(2),
.dataTables_wrapper .table tfoot tr th:nth-child(2),
.dataTables_wrapper .table thead tr th:nth-child(2) {
  min-width: 126px;
  text-align: left;
}

.table-bordered {
  border: none;
  overflow-y: visible;
}

.dataTables_wrapper .table tbody td {
  min-width: 74px;
}

.result-faq .dataTables_wrapper .table tbody tr:first-child td,
.secLeaderBoard .dataTables_wrapper .table tbody tr:first-child td,
.table-striped tbody tr:nth-of-type(odd) {
  background: #0f2a52;
}

.account .fxt-box,
.fxt-box .week,
.fxt-box .withdraw,
.result-faq .card,
.result-faq .dataTables_wrapper .table tbody tr.even td,
.result-faq .dataTables_wrapper .table thead th {
  background: #051c3e;
}

.dataTables_wrapper .table tfoot th {
  background: rgba(255, 62, 62, 0.25);
  font-weight: 400;
}

.table-striped tbody tr.even,
.table-striped tbody tr:nth-of-type(2n) {
  background: #0a2348;
}

.fxt-box .picture {
  height: 80px;
  width: 80px;
  overflow: hidden;
  border-radius: 100%;
  margin: 0 auto 10px;
}

.fxt-box .picture img,
.newxBox .figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.fxt-box .ctn h5 {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

.fxt-box .ctn2 .txt {
  color: #9ea8b5;
  text-align: center;
  display: block;
  padding: 0;
  font-size: 18px;
}

.fxt-box .week {
  font-size: 14px;
  color: #fff;
  padding: 5px 10px;
  border-radius: 20px;
  border: 4px solid #00122d;
  text-align: center;
  display: block !important;
  width: calc(100% - 130px);
  position: relative !important;
  top: -40px;
}

.league-detail .fxt-box .week {
  padding: 5px 10px;
}

.account .fxt-box .ctn1,
.account .fxt-box .ctn3,
.league-detail .fxt-box .ctn1,
.league-detail .fxt-box .ctn3 {
  width: calc(40% - 0px);
}

.account .fxt-box .ctn2.ctn,
.league-detail .fxt-box .ctn2 {
  width: calc(20% - 0px);
  display: grid;
  align-items: center;
}

.fxt-box .withdraw {
  position: absolute;
  font-size: 14px;
  color: #fff;
  padding: 5px 24px;
  border-radius: 20px;
  top: 140px;
  border: 4px solid #00122d;
  left: 38%;
}

.fixture-slider {
  padding-bottom: 30px;
}

.fixture-slider .item {
  padding-top: 20px;
}

.dataTables_wrapper {
  margin-bottom: 40px;
  overflow: hidden;
}

.result-faq .card {
  padding: 30px 24px;
  margin-bottom: 16px;
  border-radius: 10px;
}

.result-faq .card-header {
  padding: 0;
  border: none;
}

.result-faq .card-header .btn-block {
  padding: 0 20px 0 0;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  white-space: break-spaces;
  text-decoration: none;
  position: relative;
}

.result-faq .card-body {
  color: rgba(255, 255, 255, 0.74);
  padding: 20px 0 0;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
}

.popBtns .btn,
span.af-iconn,
span.af-iconnum {
  font-size: 20px;
  color: #fff;
}

.result-faq .card-header .btn-block .icon {
  position: absolute;
  right: 0;
  top: 10px;
}

.achvPopup .achievementBox .acv-list ul li,
.result-faq h3.clr-white,
.trophiesPopup .achievementBox .acv-list ul li {
  margin-bottom: 20px;
}

.generalForm .checkon input:checked ~ .checkmark,
.match-fixture.current-matches .dt-loct,
.modal-content,
.result-faq .dataTables_wrapper .table tbody tr:first-child td {
  background: rgba(255, 255, 255, 0);
}

.result-faq .dataTables_wrapper .table tbody tr td:first-child,
.result-faq .dataTables_wrapper .table tbody tr td:nth-child(2),
.result-faq .dataTables_wrapper .table tfoot tr th:nth-child(2),
.result-faq .dataTables_wrapper .table thead tr th:first-child,
.result-faq .dataTables_wrapper .table thead tr th:nth-child(2),
.result-faq.dataTables_wrapper .table tfoot tr th:first-child {
  min-width: 223px;
  text-align: left;
}

.result-faq .dataTables_wrapper .table tbody td .vc-icon {
  position: absolute;
  left: 31px;
  z-index: 0;
}

span.vc-iconn {
  position: absolute;
  left: 12px;
}

span.af-iconn {
  position: absolute;
  right: 5px;
  text-align: center;
}

span.af-iconnum {
  position: absolute;
  left: 5px;
  display: block;
  text-align: center !important;
}

span.msg-id,
span.msg-id2 {
  top: 16px;
  position: absolute;
}

span.msg-id {
  left: 35px;
}

span.msg-id2 {
  right: 35px;
}

span.CommentIcon {
  position: absolute;
  top: 0;
  right: 0;
  background: #ff7f1e;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100px;
  font-size: 17px;
}

.result-faq .dataTables_wrapper .table tbody td .af-icon {
  position: absolute;
  right: 2px;
  top: 10px;
  width: 22px;
  height: 22px;
}

.nearby-league {
  padding-top: 0;
  padding-bottom: 80px;
  margin: 0;
}

.nearby-league h3.clr-white {
  margin-bottom: 40px;
  font-weight: 400;
}

.nearby-league button {
  position: unset !important;
}

.nearby-league .owl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  gap: 20px;
}

.modal-body,
.modal-body.loginPopup,
.modal-body.signupPopup {
  background: linear-gradient(105.88deg, #274b82 0, #0f2e5d 100%);
  padding: 36px 10px 36px 36px;
  border-radius: 12px;
  overflow: hidden;
}

.modal-body button.close {
  position: absolute;
  right: 18px;
  top: 14px;
  font-weight: 300 !important;
  font-size: 30px;
  color: #fff;
  z-index: 1;
}

.modal-body.loginPopup {
  padding: 36px;
}

.signupPopup .step-1 {
  padding-right: 26px;
}

.popBtns .btn {
  padding: 16px 72px;
  border-radius: 8px;
  min-width: 163px;
}

.modal-body.loginPopup .popBtns,
.signupPopup .popBtns {
  display: flex;
  justify-content: space-between;
  background: #00122d;
  border-radius: 9px;
  overflow: hidden;
  padding: 5px;
  box-shadow: none;
  outline: 0;
}

.secLeaderBoard .admin-table-responsive .dataTables_wrapper .table tbody tr td:nth-child(4),
.secLeaderBoard .admin-table-responsive .dataTables_wrapper .table thead tr th:nth-child(4),
.secLeaderBoard .dataTables_wrapper .table tbody tr td:nth-child(2),
.secLeaderBoard .dataTables_wrapper .table tfoot tr th:nth-child(2),
.secLeaderBoard .dataTables_wrapper .table thead tr th:nth-child(2) {
  min-width: inherit;
}

.chatBox,
.secLeaderBoard .dataTables_wrapper .table tbody tr td:nth-child(2),
.secLeaderBoard .dataTables_wrapper .table tbody tr td:nth-child(4),
.secLeaderBoard .rank-responsive .dataTables_wrapper .table tfoot tr th:nth-child(4) {
  text-align: center;
}

.secLeaderBoard .table-responsive:not(.not-fourth) .dataTables_wrapper .table tbody tr td:nth-child(4),
.secLeaderBoard .table-responsive:not(.not-fourth) .dataTables_wrapper .table tfoot tr th:nth-child(4),
.secLeaderBoard .table-responsive:not(.not-fourth) .dataTables_wrapper .table thead tr th:nth-child(4) {
  min-width: 300px;
  text-align: left;
}

.secLeaderBoard .table-bordered td,
.table-bordered th {
  min-width: 110px;
}

.secLeaderBoard .dataTables_wrapper {
  padding-right: 0;
  margin: 0;
}

.secLeaderBoard .dataTables_wrapper .table thead th {
  background: rgba(15, 46, 93, 0.5);
}

.result-faq .dataTables_paginate,
.secLeaderBoard .dataTables_paginate {
  text-align: center;
  background: #0f2a52;
  padding: 18px 0;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #274b82;
  border-top: 0;
}

.secLeaderBoard .table-bordered {
  margin: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #274b82;
  border-collapse: unset;
  border-bottom: 0;
}

.secLeaderBoard .dataTables_paginate span {
  color: #fff;
}

.result-faq .dataTables_paginate .paginate_button,
.secLeaderBoard .dataTables_paginate .paginate_button {
  color: #9ea8b5;
  font-size: 18px;
  padding: 13px 21px;
  border-radius: 8px;
  margin-right: 14px;
}

.result-faq .dataTables_paginate .paginate_button.current,
.result-faq .dataTables_paginate .paginate_button:hover,
.secLeaderBoard .dataTables_paginate .paginate_button.current,
.secLeaderBoard .dataTables_paginate .paginate_button:hover,
.secLeaderBoard .paging_full_numbers .dt-paging-button.current,
.secLeaderBoard .paging_full_numbers .dt-paging-button:hover {
  background: rgba(39, 75, 130, 0.3);
}

.result-faq .dataTables_paginate .paginate_button.previous:before,
.secLeaderBoard .dataTables_paginate .paginate_button.previous:before {
  content: "\f104";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 24px;
}

.result-faq .dataTables_paginate .paginate_button.next,
.result-faq .dataTables_paginate .paginate_button.previous,
.secLeaderBoard .dataTables_paginate .paginate_button.next,
.secLeaderBoard .dataTables_paginate .paginate_button.previous {
  font-size: 0;
}

.result-faq .dataTables_paginate .paginate_button.next:before,
.secLeaderBoard .dataTables_paginate .paginate_button.next:before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 24px;
}

.dataTables_filter label {
  font-size: 0;
  width: 280px;
  height: 48px;
  display: block;
  position: relative;
}

.dataTables_filter label input {
  width: 100%;
  height: 100%;
  color: #648cc9;
  background: rgba(15, 46, 93, 0.5);
  border-radius: 8px;
  border: none;
  box-shadow: none;
  outline: 0;
  font-size: 16px;
  padding: 0 50px;
}

.secLeaderBoard {
  margin-bottom: 100px;
  overflow-x: scroll;
}

.dataTables_filter label input::-moz-placeholder {
  color: #648cc9;
}

.dataTables_filter label input::placeholder {
  color: #648cc9;
}

.dataTables_filter label:before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 16px;
  color: #648cc9;
  position: absolute;
  left: 19px;
  top: 13px;
}

.joined-players-slider button.owl-next,
.joined-players-slider button.owl-prev {
  top: auto !important;
  bottom: 0 !important;
  width: 66px !important;
  height: 66px !important;
}

.secLeaderBoard .dataTables_filter {
  margin-bottom: 43px;
}

.secLeaderBoard .dataTables_wrapper .table tbody td .pic {
  margin-right: 24px;
  margin-left: 24px;
}

body.pg-account header#masthead .container {
  max-width: 100%;
  padding-right: 15px;
}

.account .u-menu {
  padding: 0;
  list-style: none;
  margin: 0;
}

.account .u-menu li a {
  display: flex !important;
  align-items: center;
  padding: 13px 16px;
  font-size: 16px;
  color: #648cc9;
  position: relative;
  border-radius: 8px;
  gap: 16px;
}

.account .u-menu li,
.reportPopup .signupForm .frames .input-field,
.reportPopup.reportMatchPopup .signupForm .input-field {
  margin-bottom: 16px;
}

.account .u-menu li a:hover,
.account .u-menu li.active a {
  color: #fff;
  background: #0f2e5d;
}

.account .db-tabs {
  border-radius: 0;
  position: relative;
  height: 100%;
  background: rgba(255, 255, 255, 0);
}

.account .row .col-sm-12.col-md-3 {
  height: 100%;
  max-width: 20%;
  padding: 0 24px;
}

.account .row .col-sm-12.col-md-9 {
  max-width: 80%;
  padding: 0;
  flex: 80%;
  border: 3px solid #0f2e5d;
  border-right: 0;
  border-bottom: 0;
}

.account .db-tabs nav {
  padding-left: 146px;
}

.account .btns .btn {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  text-transform: capitalize;
  padding: 8px 16px;
  border: 2px solid #648cc9;
  border-radius: 8px;
  box-shadow: none;
  outline: 0;
  color: #648cc9;
  margin-left: 10px;
}

.account .db-tabs nav .btns {
  margin: 10px 0;
  position: absolute;
  right: 19%;
  bottom: 10px;
}

.account .btns .btn.btn-orange {
  color: #ff7f1e;
  border-color: #ff7f1e;
}

.account .btns .btn:hover {
  background: #648cc9;
  color: #fff;
}

.account .btns .btn.btn-orange:hover {
  color: #fff;
  background: #ff7f1e;
}

.account .signupForm {
  padding-right: 21%;
  margin-top: 0;
}

.account .tab-content {
  padding-left: 146px;
  padding-top: 0;
}

.account .signupForm .input-field.d-flex label {
  max-width: 35%;
  flex: 35%;
  margin-bottom: 0;
}

.account .signupForm .fieldset {
  padding: 40px 0;
  border-bottom: 1px solid #0f2e5d;
}

.account .signupForm .input-field.input-radio .radion .radionBtn {
  margin-left: 0;
  color: #648cc9;
}

.account .signupForm .input-field.input-radio {
  align-items: flex-start;
}

.account .signupForm .input-field input,
.account .signupForm .input-field select,
.account .signupForm .input-field.input-textarea textarea,
.account .signupForm .select2-container--default .select2-selection--multiple {
  padding-left: 22px;
  background: rgba(255, 255, 255, 0);
}

.account .signupForm .input-field.input-dropdown .drop {
  width: 100%;
}

.account .signupForm .input-field {
  padding-right: 30%;
}

.account .signupForm .input-btn {
  justify-content: center;
  padding-right: 20%;
}

.account .signupForm .input-field.input-file {
  padding-right: 0;
  align-items: flex-start;
}

.infoPic {
  background: #051c3e;
  padding: 18px 24px;
  margin-top: 32px;
  font-size: 16px;
  color: #648cc9;
}

.infoPic ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  margin-top: 10px;
}

.infoPic ul li {
  position: relative;
  padding-left: 45%;
  margin: 10px 0;
}

.infoPic ul li strong {
  position: absolute;
  left: 0;
  font-weight: 400;
}

.signupForm .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  width: 190%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.signupForm .input-field.input-dropdown .drop {
  position: relative;
  width: 230px;
  background: rgba(255, 255, 255, 0);
}

.account .avatar-upload .avatar-preview {
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  overflow: hidden;
}

.account .avatar-upload .avatar-preview > div {
  height: 100%;
  background-size: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #051c3e;
}

.signupForm .select2-container--default .select2-selection--multiple .select2-selection__choice {
  position: relative;
  background: #00122d;
  border-radius: 20px;
  border: none;
  font-size: 14px;
  display: flex;
  align-items: center;
  height: 34px;
  color: #436395;
  padding: 0 28px 0 13px;
}

.signupForm .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  height: 34px;
  display: flex;
  overflow: visible;
  position: absolute;
  bottom: -40px;
  left: 0;
}

.signupForm .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border: none;
  right: 7px;
  left: auto;
  top: 6px;
  color: #648cc9 !important;
  background: 0 0 !important;
}

.account .signupForm .input-field .field {
  max-width: 70%;
  flex: 70%;
}

.account .signupForm .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #0f2e5d;
  color: #648cc9;
}

.account .signupForm .input-field select,
.account .signupForm .select2-container--default .select2-selection--multiple,
.signupForm .input-field input.pl-22,
.statstBy-year .top-head.signupForm .input-field select {
  padding-left: 22px;
}

.account .radionBtn .checkmark {
  border-color: #648cc9;
}

.account .radionBtn .checkmark:after,
.sports-message .btn-custom:hover {
  background: #648cc9;
}

.account .signupForm .input-field select[name=nationality] {
  padding-left: 44px;
}

.spcs-left {
  padding-left: 30px;
  margin-bottom: 42px;
}

.account .signupForm .fieldset:last-child {
  border: none;
  padding-bottom: 0;
}

.spcs-left .infoPic > * {
  display: block;
  margin: 10px 0;
}

.spcs-left .infoPic {
  margin-top: 0;
  border-radius: 8px;
}

.account .u-menu li a:hover .icon img,
.account .u-menu li.active a .icon img {
  filter: sepia(1);
}

#loginModalError .signupForm,
.account .secLeaderBoard {
  margin-top: 0;
}

.account .secLeaderBoard .division {
  margin-top: 40px;
  padding-left: 5%;
  padding-right: 9%;
}

.account .db-tabs h3.clr-white {
  padding: 40px;
  background: #051c3e;
  border-bottom: 3px solid #0f2e5d;
  margin: 0;
}

.account .generalForm .avatar-upload .avatar-preview {
  width: 100%;
  height: 240px;
  border-radius: 16px;
  margin-top: 30px;
}

.avatar-upload .avatar-preview > div.galleryPreview img {
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover;
  border: 3px solid #f7852f;
  padding: 5px;
}

.generalForm .spcs-left .signupForm {
  padding-top: 40px;
  padding-right: 40px;
}

.generalForm .signupForm .input-field.input-checkbox .chck {
  -moz-column-count: 1;
  column-count: 1;
}

.generalForm .signupForm .input-field.input-checkbox .chck label {
  color: #447dc9;
  padding-left: 30px;
}

.generalForm .checkon .checkmark {
  border-color: #447dc9;
  background: rgba(255, 255, 255, 0);
  top: 8px;
}

.generalForm .checkon .checkmark:after {
  border-color: #447dc9;
}

.sidebar-form {
  background: #051c3e;
  padding: 40px;
  border-radius: 8px;
  border: 3px solid #0f2e5d;
}

.generalForm .spcs-left .signupForm .col-sm-12.col-md-8 {
  flex: 75%;
  max-width: 75%;
}

.generalForm .spcs-left .signupForm .col-sm-12.col-md-4 {
  max-width: 25%;
  flex: 25%;
  border: none;
}

.account .generalForm .signupForm .input-btn {
  justify-content: center;
  padding-right: 20px;
}

.account .row .col-sm-12.col-md-4 {
  max-width: 25%;
  border: 3px solid #0f2e5d;
  border-bottom: 0;
}

.messagePop .btns .btn.btn-blue,
.messagePop .btns .btn:hover {
  background: rgba(255, 255, 255, 0);
  color: #648cc9;
  border-color: #648cc9;
}

.messagePop .btns .btn,
.messagePop .btns .btn.btn-blue:hover {
  background: #fd6d01;
  border-color: #fd6d01;
  color: #fff;
}

.account .row .col-sm-12.col-md-4 .db-tabs.pg-message {
  margin: 0 -15px;
}

.account .row .col-sm-12.col-md-5 {
  max-width: 55%;
  flex: 55%;
}

.messagePop {
  padding: 64px 65px;
  text-align: center;
  background: #051c3e;
  border: 3px solid #0f2e5d;
  max-width: 708px;
  margin: 120px auto 0;
}

.messagePop .pic {
  width: 128px;
  height: 128px;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto 16px;
}

.fxt-box .dt-loct,
.joined-players-slider .ctn1.ctn.go_to_player_profile {
  width: calc(100% - 0px);
}

.messagePop h3.clr-white {
  font-size: 36px;
  line-height: 49px;
}

.messagePop p {
  font-size: 14px;
  line-height: 22px;
  color: #648cc9;
  font-weight: 400;
}

.messagePop .btns .btn {
  min-width: 221px;
}

.messagePop .btns {
  margin-top: 30px;
}

.account .db-tabs h3.clr-white .icon-plus {
  position: absolute;
  right: 28px;
  top: 34px;
  background: #00122d;
  padding: 5px 9px;
  border-radius: 100%;
}

.message-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 76vh;
  overflow: hidden;
  overflow-y: auto;
}

.message-list ul li {
  padding: 24px 24px 24px 112px;
  position: relative;
  background: linear-gradient(90deg, #00122d 0, rgba(255, 255, 255, 0) 100%);
}

.message-list ul li .msg-pic {
  width: 64px;
  height: 64px;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  left: 24px;
  top: 15px;
}

.message-list ul li h4 {
  color: #9ea8b5;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 12px;
  padding-right: 50px;
}

.message-list ul li p {
  color: #648cc9;
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

.message-list ul li .dt {
  position: absolute;
  right: 24px;
  top: 26px;
  color: #648cc9;
  font-size: 12px;
  font-weight: 600;
}

.message-list ul li .dt .notification {
  background: #274b82;
  border-radius: 100%;
  color: #fff;
  padding: 6px 9px;
  margin-left: 10px;
  font-size: 11px;
  display: none;
}

.messageArea .msg-head {
  position: relative;
  padding-left: 82px;
  padding-bottom: 56px;
  padding-top: 35px;
}

.messageArea .msg-head .pic {
  width: 64px;
  height: 64px;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 22px;
}

.messageArea .msg-head h2 {
  font-size: 30px;
  margin: 0;
  font-weight: 700;
}

.message-txt .timespan {
  text-align: center;
  position: relative;
  padding: 10px 0;
  clear: both;
}

.message-txt .timespan .tm {
  color: #274b82;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  background: #00122d;
  padding: 0 32px;
}

.message-txt .timespan:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #051c3e;
  position: absolute;
  left: 0;
  top: 21px;
  z-index: -1;
}

.message-txt .msg-box {
  background: #0f2e5d;
  padding: 16px 24px;
  margin-bottom: 8px;
  border-radius: 2px 12px 12px;
  display: table;
  color: #fff;
  word-break: break-word;
}

.message-txt .msg-box p {
  margin: 0;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  max-width: 538px;
}

.message-txt .msg-box.snd {
  border-radius: 12px 12px 0;
  background: #eb8625;
  clear: both;
  margin-left: auto;
  font-weight: 700;
}

.message-txt .msg-box.snd p {
  color: #fff;
  text-align: left;
  white-space: pre-line;
}

.message-txt .signupForm {
  padding: 0;
  clear: both;
}

.message-txt .signupForm .input-field {
  padding: 0;
  margin: 0;
}

.message-txt .signupForm .input-field .input-btn {
  position: absolute;
  right: 22px;
  top: 3px;
  padding: 0;
}

.message-txt .signupForm .input-field .input-btn .btn {
  min-width: auto;
  background: rgba(255, 255, 255, 0);
  border: none;
  padding: 10px;
}

.message-txt .signupForm .input-field .input-btn .btn svg {
  transform: rotate(45deg);
  color: #0f2e5d;
}

.account .db-tabs nav h3.clr-white {
  padding: 0;
  background: rgba(255, 255, 255, 0);
  border: none;
  margin-bottom: 20px;
  line-height: 49px;
  font-size: 20px;
}

.account .main-league {
  padding-right: 12%;
}

.account .main-league .owl-carousel .owl-nav button {
  background: #052349 !important;
  color: #fff !important;
  height: 66px;
  width: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 22px !important;
  position: absolute;
  top: 41%;
  left: -17%;
}

.account .main-league .owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -17%;
}

.account .main-league .owl-carousel .owl-dots {
  position: relative;
  text-align: center;
  display: block;
}

.account .fxt-box {
  border: 1px solid rgba(255, 255, 255, 0);
}

.fxt-box .dt-loct {
  border-radius: 8px;
  margin: 10px auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}

.fxt-box .dt-loct div:not(.col-6):not(.row) {
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center;
}

.fxt-box .dt-loct .loct {
  font-size: 14px;
  color: #9ea8b5;
}

.fxt-box .dt-loct .dt {
  font-size: 17px;
  padding: 5px 16px;
  font-weight: 500;
  background: #274b82;
  border-color: #274b82;
  color: #fff;
  border-radius: 8px;
  margin-top: 30px;
}

.account .pg-match-fixture .tab-content {
  padding-left: 0;
}

.match-fixture .fxt-box {
  padding: 0 !important;
  min-height: auto;
}

.match-fixture .joined-players-slider {
  margin-top: 50px;
  padding-bottom: 80px;
}

.joined-players-slider button.owl-prev {
  left: 0;
}

.joined-players-slider button.owl-next {
  left: 80px !important;
  right: auto !important;
}

.match-fixture .fxt-box .ctn h5 {
  min-height: 44px;
}

.match-fixture {
  margin-top: 40px;
  padding-left: 50px;
}

.match-fixture.overdue-matches {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 15.23%, #400000 90.77%);
  padding-top: 40px;
  padding-bottom: 40px;
}

.account .fxt-box:hover {
  border-color: #fff;
}

.account .fxt-box:hover .week {
  transition: 0.3s ease-in-out;
  border-color: #fff;
}

.account .fxt-box .week {
  border: 3px solid #00122d;
  left: 0;
  right: 0;
  display: inline-table;
  margin: 0 auto;
}

.fxt-box .ctn1 {
  position: relative;
  text-align: center;
}

.fxt-box .ctn1 .icon-win,
.fxt-box .ctn3 .icon-win {
  position: absolute;
  background: #ff7f1e;
  height: 26px;
  width: 26px;
  border-radius: 100%;
  overflow: hidden;
  top: 50px;
  right: 0;
}

.fxt-box .ctn1 .icon-win img {
  filter: brightness(0);
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
  width: 100%;
}

.fxt-box .picture.win {
  border: 4px solid green;
}

.fxt-box .dt-loct .txt .loct {
  font-size: 13px;
}

.fxt-box .dt-loct .btns .btn {
  margin: 0;
  padding: 5px 16px;
  font-size: 13px;
  font-weight: 600;
  background: #274b82;
  border-color: #274b82;
  color: #fff;
}

.account .current-matches .fxt-box,
.account .overdue-matches .fxt-box {
  padding-bottom: 100px;
}

.account .result-faq {
  margin-top: 40px;
  padding-left: 10px;
  padding-right: 10px;
}

.account .result-faq h4 {
  font-size: 36px;
}

.account .result-faq .dataTables_wrapper .table tbody tr td:nth-child(3) {
  min-width: 213px;
  text-align: left;
}

.user_profile {
  padding-top: 36px;
  padding-bottom: 36px;
  background-size: cover;
}

.user-information,
.userBox {
  background: rgba(15, 46, 93, 0.5);
}

.userInfo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.userInfo .pic_vc .vector {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: -1;
  width: 100%;
  display: none;
}

.userInfo .pic_vc {
  text-align: center;
  position: relative;
  max-width: 33%;
  flex: 33%;
  z-index: 1;
}

.userInfo .ctn {
  max-width: 67%;
  flex: 67%;
  padding-left: 18px;
}

.userInfo .ctn .btn-custom.btn-blue {
  background: #274b82;
  padding: 8px 24px;
  font-size: 18px;
}

.userInfo .ctn .btn-custom.btn-blue:hover {
  background: #f7852f;
}

.userInfo .ctn h3 {
  font-size: 36px;
  line-height: 1.2;
}

.userInfo .ctn p {
  font-size: 16px;
  line-height: 24px;
  padding-right: 90px;
}

.user_profile .userInfo img {
  border-radius: 100%;
  width: 200px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0px auto;
}

.userBox {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  padding: 24px 0 0 32px;
  border-radius: 12px;
}

.userBox .acv-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-right: 32px;
}

.userBox .acv-top .btn-custom.btn-blue {
  font-size: 14px;
  padding: 4px 14px;
  background: rgba(100, 140, 201, 0.25);
  border-radius: 4px;
  border: none !important;
}

.achievementBox .acv-list ul {
  padding: 0;
  list-style: none;
  margin: 0;
  height: 342px;
  overflow: hidden;
  overflow-y: scroll;
}

.achievementBox.userBox {
  margin-bottom: 32px;
}

.achievementBox .acv-list ul li {
  position: sticky;
  color: #fff;
  margin-bottom: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
  flex-direction: row;
}

.trophiesPopup .achievementBox .acv-list ul li {
  width: 50%;
}

.achievementBox .acv-list ul li .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 30%;
}

.achievementBox .acv-list ul li .icon img {
  border: 0;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 !important;
  width: 100%;
}

.achievementBox .acv-list ul li .txt strong {
  display: block;
  font-weight: 400;
  color: #fff;
}

.achievementBox .acv-list ul li .txt {
  color: #9ea8b5;
  display: inline-block !important;
  margin-top: 5px;
  height: auto !important;
  width: 63%;
}

.league-detail .row .txt p {
  font-size: 18px;
  line-height: 28px;
  padding: 50px;
  margin: 0;
  border-radius: 0 0 12px 12px;
  background-color: #000;
}

.result-faq .row .table tbody tr td {
  font-size: 14px !important;
  text-align: left !important;
  color: #fff;
  width: 40%;
}

td.vcc-1.vcc-2 .text-me {
  text-align: left;
  display: initial;
}

.trophies ul {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  margin: 0;
  gap: 20px;
}

ul.my-acv-list {
  display: inline;
  width: 100%;
}

.account .nestable .col-sm-12.col-md-6.mt-5.btns,
.input-field.price-table .table-responsive tbody tr td:last-child,
.input-field.price-table .table-responsive tbody tr th:last-child {
  text-align: right;
}

ul.my-acv-list li {
  display: inline-block;
  width: 32.33%;
}

#collapsibleNavbar.navbar-collapse.show {
  background: #00122d;
  padding: 12px 15px;
}

.trophies ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-direction: row;
  flex-wrap: wrap;
}

.trophiesBox.userBox {
  padding-bottom: 24px;
}

.filter-btns .btn:last-child,
.trophies ul li:last-child {
  margin-right: 0;
}

.reportPopup .gd-head h4,
.userBox .acv-top h4 {
  font-size: 20px;
  margin: 0;
}

.user-information {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  padding-top: 37px;
  padding-bottom: 42px;
}

.info-list ul {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-between;
  margin: 0;
}

.info-list ul li h3 {
  color: #fff;
  font-size: 18px;
  margin: 0;
}

.stats-snooker {
  padding-top: 105px;
  padding-bottom: 80px;
}

.stats-snooker h2.clr-white.text-center {
  font-size: 48px;
  line-height: 1.3;
  margin-bottom: 80px;
}

.statsBox {
  text-align: center;
  padding: 44px 0;
  background: linear-gradient(360deg, rgba(39, 75, 130, 0.4) 0, rgba(255, 255, 255, 0) 100%);
  border-bottom: 9px solid #1572ff;
  margin-bottom: 83px;
}

.statsBox.box-orange {
  background: linear-gradient(360deg, rgba(253, 109, 1, 0.25) 0, rgba(255, 255, 255, 0) 100%);
  border-color: #ff7f1e;
}

.ft-black .footer-widget,
div#preloader {
  background: #000;
}

.statsBox h1 {
  font-size: 40px;
  line-height: 49px;
}

.statsBox h4,
.statstBy-year .top-head h4 {
  font-size: 24px;
  font-weight: 400;
}

.statsBox h4 {
  margin: 0;
}

.statstBy-year .top-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 40px;
  border-bottom: 2px solid;
}

.statstBy-year {
  background: #051c3e;
  border-radius: 16px;
  padding: 32px;
}

.statstBy-year .top-head.signupForm .input-field {
  width: 30%;
}

.statsBoxYear {
  padding: 20px 32px;
  background: linear-gradient(95.04deg, #0f2e5d 0, rgba(15, 46, 93, 0.42) 100.07%);
  border-radius: 8px;
  margin-bottom: 32px;
}

.statsBoxYear h4 {
  color: #9ea8b5;
  font-size: 16px;
  margin-bottom: 5px;
}

.statsBoxYear h3 {
  color: #fff;
  font-size: 24px;
  margin: 0;
}

.statstBy-year .first {
  padding-bottom: 8px;
  margin-bottom: 40px;
  border-bottom: 2px solid;
}

.dataTables_wrapper .table thead th.sorting:not(.sorting_disabled):before {
  content: "\f0de";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  right: 10px;
  top: 15px;
  pointer-events: none;
}

.dataTables_wrapper .table thead th.sorting:not(.sorting_disabled):after {
  content: "\f0dd";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  right: 10px;
  top: 18px;
  pointer-events: none;
}

.dataTables_wrapper .table thead th.sorting.sorting_asc:not(.sorting_disabled):after,
.dataTables_wrapper .table thead th.sorting.sorting_desc:not(.sorting_disabled):before {
  opacity: 0.5;
}

.btns.filterBtns label,
.dataTables_wrapper .table thead th.sorting,
[data-toggle=popover] {
  cursor: pointer;
}

header#masthead .headUser-menu .user-pic {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  overflow: hidden;
  cursor: pointer;
}

header#masthead .notification-menu {
  position: relative;
  margin-right: 30px;
}

@media (min-width: 320px) and (max-width: 767px) {
  header#masthead .notification-menu {
    position: unset;
  }
  header.div {
    position: relative;
  }
}
header#masthead .notification-menu .user-pic {
  position: relative;
  cursor: pointer;
}

header#masthead .notification-menu .user-pic .fa-bell {
  font-size: 30px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

header#masthead .notification-menu .user-pic .counter {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #ff7f1e;
  color: #fff;
  border-radius: 100%;
  padding: 2px 5px;
  font-size: 12px;
}

header#masthead .headUser-menu .dropdown-user {
  padding: 0;
  list-style: none;
  position: absolute;
  right: 20px;
  top: 45px;
  margin: 0;
  min-width: 198px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out !important;
}

header#masthead .notification-menu .dropdown-user {
  padding: 0;
  list-style: none;
  position: absolute;
  right: 0;
  top: 45px;
  margin: 0;
  min-width: 400px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out !important;
}

header#masthead .notification-menu .dropdown-user .dropdown-user-container {
  max-height: 400px;
  overflow-y: scroll;
}

header#masthead .notification-menu .dropdown-user li:first-child {
  border-radius: 6px 6px 0 0;
}

header#masthead .notification-menu .dropdown-user li:last-child {
  border-radius: 0 0 6px 6px;
}

header#masthead .notification-menu .dropdown-user li {
  font-size: 12px;
  color: #fff;
  background: linear-gradient(145.24deg, #3e6aad 0, #274b82 100%);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  line-height: 15px;
  border-bottom: 1px solid #0f2e5d;
}

header#masthead .notification-menu .dropdown-user li a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  line-height: 15px;
  font-size: 12px;
}

header#masthead .notification-menu .dropdown-user li div {
  margin-left: 10px;
}

header#masthead .notification-menu .dropdown-user li h5 {
  padding: 0;
  font-size: 12px;
  color: #fff;
  line-height: 15px;
  margin-bottom: 0;
  text-align: left;
}

header#masthead .headUser-menu .dropdown-user.show,
header#masthead .notification-menu .dropdown-user.show {
  opacity: 1;
  visibility: visible;
  top: 60px;
}

header#masthead .headUser-menu .dropdown-user li a {
  font-size: 18px;
  color: #fff;
  background: linear-gradient(145.24deg, #3e6aad 0, #274b82 100%);
  display: block;
  padding: 19px 18px;
  line-height: 22px;
  border-bottom: 1px solid #0f2e5d;
}

header#masthead .headUser-menu .dropdown-user li:first-child a {
  border-radius: 6px 6px 0 0;
}

header#masthead .headUser-menu .dropdown-user li:last-child a {
  border-radius: 0 0 6px 6px;
}

header#masthead .headUser-menu .dropdown-user:before,
header#masthead .notification-menu .dropdown-user:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid rgba(255, 255, 255, 0);
  border-right: 8px solid rgba(255, 255, 255, 0);
  border-bottom: 10px solid #345d9a;
  position: absolute;
  top: -9px;
  right: 30px;
}

header#masthead .notification-menu .dropdown-user:before {
  right: 5px !important;
}

header#masthead .headUser-menu:after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  color: #fff;
  font-size: 22px;
  right: 0;
  top: 7px;
}

header#masthead .headUser-menu {
  position: relative;
  padding-right: 30px;
  cursor: pointer;
}

.leaderBoard .btn-custom:hover {
  background: 0 0 !important;
  border-color: #fd6d01 !important;
}

.ft-dropdown ul li,
.wrapper h4 {
  border-bottom: 1px solid #0f2e5d;
}

th.sorting {
  padding-right: 30px !important;
}

.signupForm .select2-container--default .select2-search--inline .select2-search__field::-moz-placeholder {
  color: #fff;
}

.signupForm .select2-container--default .select2-search--inline .select2-search__field::placeholder {
  color: #fff;
}

.signupForm .select2-container--default .select2-search--inline .select2-search__field {
  margin-top: 13px;
  height: 24px;
}

.select2-container--default .select2-results > .select2-results__options {
  background: #0f2e5d;
  color: #fff;
}

.account .signupForm .input-field select,
.account .signupForm .select-selected,
.account .u-menu li .sub-dropdown a:hover,
.account .u-menu li a:hover .nbr,
.multi-steps .rounds .round.completed,
.multi-steps .rounds .round.inprogress {
  background: #00122d;
}

.account .u-menu li a .nbr {
  position: absolute;
  right: 15px;
  top: 10px;
  padding: 4px 7px;
  background: #0f2e5d;
  border-radius: 100%;
  font-size: 13px;
}

.account .u-menu li.have-child .openDrop {
  position: absolute;
  right: 10px;
  top: 4px;
  color: #0d40a6;
  padding: 5px 15px;
  cursor: pointer;
}

.account .u-menu li .sub-dropdown a {
  padding: 12px 16px;
}

.account .u-menu li.have-child:hover .openDrop {
  color: #fff;
}

.account .u-menu li.have-child .sub-dropdown {
  padding: 0 12px 12px;
  list-style: none;
  display: none;
}

.account .u-menu li.have-child.show {
  background: #0f2e5d;
  border-radius: 10px;
}

.account .u-menu li.have-child.show .openDrop {
  color: #fff;
  transform: rotate(-180deg);
}

.account .u-menu li.have-child .sub-dropdown li {
  margin-bottom: 3px;
}

.sports-message p {
  font-size: 17px;
  line-height: 26px;
  padding-right: 80px;
}

.sports-message h4 {
  font-size: 40px;
}

.sports-message .btn-custom {
  padding: 8px 74px;
}

.sports-message {
  padding-left: 20px;
  padding-top: 40px;
}

.secLeaderBoard .dataTables_wrapper .table thead th.sorting:not(.sorting_disabled):before {
  top: 28px;
}

.secLeaderBoard .dataTables_wrapper .table thead th.sorting:not(.sorting_disabled):after {
  top: 31px;
}

.filters {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.ft-dropdown ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}

.ft-dropdown ul li {
  background: linear-gradient(153.68deg, #274b82 36.41%, #0f2e5d 100%);
  padding: 18px 36px 18px 56px;
  color: #fff;
  position: relative;
  cursor: pointer;
}

.ft-dropdown ul li:before {
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 100%;
  border: 2px solid #fff;
  position: absolute;
  left: 16px;
  top: 18px;
}

.ft-dropdown ul li:after {
  content: "";
  height: 12px;
  width: 12px;
  border-radius: 100%;
  background: #fff;
  border: 2px solid #fff;
  position: absolute;
  left: 22px;
  top: 24px;
  opacity: 0;
  visibility: hidden;
}

.ft-dropdown ul li.active:after,
.multi-steps .rounds .round.inprogress:before {
  opacity: 1;
  visibility: visible;
}

.filter-btns .btn {
  padding: 8px 20px;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  background: rgba(15, 46, 93, 0.5);
  border-radius: 8px;
  margin-right: 7px;
  box-shadow: none;
  outline: 0;
}

.filters h4 {
  color: #648cc9;
  font-size: 16px;
  margin-bottom: 0;
  margin-right: 13px;
}

.filters h4 .icon {
  margin-right: 8px;
}

.secLeaderBoard .dataTables_wrapper {
  margin-top: -40px;
}

.secLeaderBoard .division {
  margin-top: 110px;
}

.ft-dropdown ul:before,
.ui-datepicker:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid rgba(255, 255, 255, 0);
  border-right: 8px solid rgba(255, 255, 255, 0);
  border-bottom: 10px solid #345d9a;
  position: absolute;
  top: -7px;
  right: 12px;
}

.ft-dropdown ul li:first-child {
  border-radius: 8px 8px 0 0;
}

.ft-dropdown ul li:last-child {
  border-radius: 0 0 8px 8px;
}

.filter-dropdowns .ft-dropdown ul {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  width: 220px;
  z-index: 9;
}

.filter-dropdowns {
  display: flex;
  justify-content: flex-end;
}

.filter-dropdowns .ft-dropdown ul.show {
  top: 50px;
  display: block;
}

.modal-body.signupPopup.joinPopup {
  padding: 36px 0;
}

.joinPopup.signupPopup .signupForm {
  padding: 0 36px;
  margin-top: 36px;
}

.multi-steps .rounds {
  display: flex;
  justify-content: space-between;
  margin-bottom: 36px;
  position: relative;
  z-index: 1;
}

.multi-steps .rounds .round {
  height: 48px;
  width: 48px;
  border: 3px solid #648cc9;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  color: #648cc9;
  font-weight: 800;
  background: #1d3f72;
}

.multi-steps h4::before {
  left: 0;
}

.multi-steps h4::after,
.multi-steps h4::before {
  content: "";
  height: 3px;
  width: 70px;
  background: #648cc9;
  position: absolute;
  top: 10px;
  right: 0;
  z-index: -1;
}

.multi-steps {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #0f2e5d 100%);
  padding: 36px;
}

.multi-steps h4 {
  margin: 0;
  color: #648cc9;
  font-size: 18px;
}

.multi-steps .rounds:before {
  content: "";
  width: 100%;
  height: 3px;
  background: #648cc9;
  position: absolute;
  top: 22px;
  left: 0;
  z-index: -1;
}

.signupForm .label {
  font-size: 18px;
  color: #fff;
  line-height: 25px;
  margin-bottom: 16px;
  position: relative;
}

.multi-steps .rounds .round:before {
  content: "";
  height: 70px;
  width: 70px;
  border: 3px solid #648cc9;
  border-radius: 100%;
  position: absolute;
  background: #1d3f72;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}

.joinPopup .customScroll .signupForm {
  height: 50vh;
}

.signupForm .input-field.input-radio .radion.c-2 {
  margin-right: 0;
  -moz-column-count: 2;
  column-count: 2;
}

.joinPopup .signupForm .input-field .radion.d-block label.radionBtn,
div#signupModal .avatar-upload .avatar-edit input + label:after {
  font-size: 14px;
}

.joinPopup h3.clr-white.text-center {
  font-size: 20px;
  margin-bottom: 40px;
}

.joinPopup .signupForm .input-field .field input[name=highest_break] {
  width: 98px;
  padding: 0 11px;
  text-align: center;
}

.joinPopup .signupForm .input-field.input-textarea textarea {
  padding: 14px 15px !important;
  font-size: 14px;
  height: 100px !important;
}

.joinPopup .signupForm .input-field textarea::-moz-placeholder {
  color: #648cc9;
}

.joinPopup .signupForm .input-field textarea::placeholder {
  color: #648cc9;
}

.table-responsive {
  display: table;
  margin: 0;
  border-radius: 12px;
  overflow: hidden;
}

.input-field.price-table .table-responsive tbody td,
.table-responsive tbody th {
  color: #648cc9;
  padding: 10px 24px;
  border: none;
  background: #0f2e5d;
}

.table-responsive tbody th {
  background: #00122d;
  font-weight: 400;
}

.input-field.price-table .table-responsive tbody tr th:last-child {
  color: #fff;
  font-weight: 600;
}

.input-field.price-table {
  border: 3px solid #3e6aad;
  border-radius: 12px;
}

.input-field.price-table .table.table-responsive tr {
  border-bottom: 1px solid #274b82;
}

.input-cards .cards {
  padding: 0;
  list-style: none;
  margin: 0;
  display: flex;
  justify-content: space-between;
}

.signupForm .input-field .field input[name=discount_code] {
  width: 50%;
  float: right;
  text-align: center;
  padding-left: 22px;
}

.signupForm .input-field.align-items-center {
  justify-content: space-between;
}

.achvPopup .achievementBox .acv-list ul,
.trophiesPopup .achievementBox .acv-list ul {
  height: auto;
  overflow: visible;
  -moz-column-count: 2;
  column-count: 2;
  padding: 0;
}

.trophiesPopup .achievementBox .acv-list ul {
  -moz-column-count: 3;
  column-count: 3;
}

.achievementBox h3 {
  margin-bottom: 40px;
  font-size: 30px;
}

#achievementModal .modal-dialog,
#trophiesModal .modal-dialog {
  max-width: 1000px;
}

.modal-body.signupPopup.achvPopup,
.modal-body.signupPopup.trophiesPopup {
  padding: 70px 0 20px;
  background: linear-gradient(180deg, #000 17.02%, #000c1f 100%);
}

.achvPopup .achievementBox,
.trophiesPopup .achievementBox {
  height: 500px;
  overflow: hidden;
  overflow-y: scroll;
  padding: 0 60px 0 80px;
}

.achievementBox .acv-list ul.my-acv-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}

.lgt_trophies {
  padding: 40px;
  background: #00122d;
  margin-top: 30px;
  border-radius: 16px;
}

.lgt_trophies h5 {
  margin-bottom: 40px;
  font-size: 24px;
}

.chatBox .pic {
  width: 97px;
  height: 97px;
  border-radius: 100%;
  overflow: hidden;
  padding: 4px;
  margin: 0 auto 30px;
  background: linear-gradient(180deg, #0f2e5d 0, rgba(255, 255, 255, 0) 100%);
}

.gm-style .gm-style-iw-c,
.gm-style-iw-d {
  overflow: visible !important;
}

.chatBox p {
  font-size: 16px;
  color: #648cc9;
  line-height: 24px;
  margin: 0;
}

.chatBox .signupForm {
  margin-top: 43px;
  padding: 0;
  position: relative;
}

.modal-body.signupPopup.chatPopup {
  padding: 30px 16px 16px;
  background: linear-gradient(136.33deg, #274b82 13.06%, #0f2e5d 100%);
}

.chatBox .signupForm .input-submit input {
  font-size: 0;
  padding: 20px;
  background: 0 0 !important;
  border: none;
  box-shadow: none;
  outline: 0;
}

.chatBox .signupForm .input-submit {
  position: absolute;
  right: 6px;
  top: 5px;
}

.chatBox .signupForm .input-submit .icon {
  position: absolute;
  right: 8px;
  color: #fff;
  font-size: 24px;
  transform: rotate(45deg);
  pointer-events: none;
}

.chatBox .signupForm .input-field input::-moz-placeholder {
  color: #648cc9;
}

.chatBox .signupForm .input-field input::placeholder {
  color: #648cc9;
}

.chatBox .signupForm .input-field input {
  color: #648cc9;
  background: #0f2e5d;
}

.account .dataTables_wrapper .table thead th.sorting:not(.sorting_disabled):before {
  top: 20px;
}

.account .dataTables_wrapper .table thead th.sorting:not(.sorting_disabled):after {
  top: 25px;
}

.reportPopup .gd-head {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #0f2e5d 100%);
  padding: 36px 0;
}

.reportPopup .signupForm {
  padding: 0;
  margin-top: 36px;
}

.reportPopup .signupForm .input-field.input-dropdown {
  border-bottom: 2px solid #274b82;
  padding: 0 36px 36px;
  margin-bottom: 36px;
}

.reportPopup .signupForm .input-field {
  margin-bottom: 36px;
  padding: 0 36px;
}

.reportPopup .signupForm .input-field.input-textarea textarea {
  height: 111px !important;
  padding: 15px !important;
  font-size: 16px;
}

.reportPopup .signupForm .input-field.input-textarea textarea::-moz-placeholder {
  opacity: 0.2;
  color: #fff;
}

.reportPopup .signupForm .input-field.input-textarea textarea::placeholder {
  opacity: 0.2;
  color: #fff;
}

.reportPopup .signupForm .input-field.input-textarea textarea::-moz-placeholder {
  color: #fff;
}

.reportPopup .signupForm .input-field.input-textarea textarea:-ms-input-placeholder {
  color: #fff;
}

.reportPopup .signupForm .input-field.input-btn.center {
  margin-top: 0;
  margin-bottom: 36px;
}

.reportPopup .signupForm .input-field.input-dropdown .drop {
  width: 70%;
}

.input-with-thumb .thmb {
  position: relative;
  padding-left: 48px;
}

.input-with-thumb .thmb .img-icon {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  overflow: hidden;
  top: 10px;
  left: 0;
}

.input-with-thumb .thmb.thmb-1 {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 20px;
}

.signupForm .input-with-thumb label {
  margin: 0 0 20px;
  flex: 100%;
}

.input-field.input-with-thumb.d-flex {
  display: flex !important;
  flex-direction: column;
  flex-wrap: nowrap;
}

.signupForm .input-with-thumb input {
  text-align: center;
  padding: 0 10px;
  width: 100% !important;
}

button.btn.btn-addMore {
  background: #051c3e;
  color: #fff;
  padding: 8px 16px 8px 40px;
  font-size: 14px;
  border-radius: 8px;
  position: relative;
  margin-right: 36px;
  margin-bottom: 26px;
  margin-top: 10px;
}

button.btn.btn-addMore svg {
  position: absolute;
  left: 16px;
  top: 11px;
}

.signupForm .frames {
  border-bottom: 2px solid #274b82;
  margin-bottom: 36px;
}

.resultPopup.reportPopup .signupForm .input-field.input-textarea {
  padding-top: 46px;
  border-top: 2px solid #274b82;
}

.signupForm p {
  font-size: 14px;
  line-height: 22px;
  color: #9fbff0;
}

.btns.filterBtns label.btn-custom.btn-blue input {
  width: 0;
  height: 0;
}

.gm-style-iw-d div h3 a {
  display: inline-block;
  text-align: center;
  background: #ff7f1e;
  padding: 2px 20px;
  border-radius: 30px;
  color: #fff;
  margin-top: 6px;
}

.gm-style-iw-d div {
  text-align: center;
  padding: 10px 15px;
  background: linear-gradient(105.88deg, #274b82 0, #0f2e5d 100%);
  border-radius: 8px;
}

.gm-style-iw-d div p {
  margin: 0;
  font-size: 15px !important;
  font-weight: 400;
}

.gm-style-iw-d div h3.mb-0 {
  margin-bottom: 10px !important;
  font-family: Benzin;
  font-weight: 400;
  color: #fff;
}

button.gm-ui-hover-effect {
  background: #ff7f1e !important;
  opacity: 1;
  border-radius: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  top: -12px !important;
  right: -12px !important;
  width: 24px !important;
  height: 24px !important;
  position: absolute !important;
}

.gm-style .gm-style-iw-c {
  padding: 0;
  background: rgba(255, 255, 255, 0);
}

.pagination ul,
.swal2-popup.swal2-modal {
  background: linear-gradient(105.88deg, #274b82 0, #0f2e5d 100%);
}

.gm-style .gm-style-iw-t::after {
  background: #ff7f1e;
  z-index: -1;
  box-shadow: none;
  border: 1px solid #ff7f1e;
}

.gm-ui-hover-effect > span {
  margin: 0 !important;
}

.gm-style-iw-d div h4.mb-0 {
  color: #fff;
  font-size: 16px;
  margin-top: 7px;
}

.map-loader .loader5 {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 10px solid rgba(255, 255, 255, 0);
  border-right: 10px solid rgba(255, 255, 255, 0);
  border-bottom: 10px solid #1967db;
  border-top: 10px solid #fd6d01;
  animation: 1.2s ease-in-out infinite alternate loader5;
}

@keyframes loader5 {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(720deg);
  }
}
.map-loader {
  position: absolute;
  right: 180px;
  top: 0;
}

section.about-us {
  padding-bottom: 100px;
  padding-top: 100px;
}

section.about-us p {
  font-size: 18px;
  line-height: 26px;
  padding-right: 52px;
}

section.about-us h3 {
  margin-bottom: 30px;
  font-size: 44px;
}

.secNews.blogs {
  padding-top: 100px;
  padding-bottom: 60px;
}

.pagination ul {
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 0;
  border-radius: 50px;
  padding: 10px;
}

.pagination {
  justify-content: center;
}

.pagination ul li a {
  color: #fff;
  padding: 8px 18px;
  border-radius: 100%;
  font-size: 22px;
  display: inline-block;
}

.pagination ul li {
  margin: 0 6px;
}

.dropdown-menu {
  background: linear-gradient(114.29deg, #274b82 12.31%, #0f2e5d 152.55%);
}

#loginModalError .signupForm p,
.dropdown-menu .dropdown-item,
.leagueMapList ul li {
  color: #fff;
}

.dropdown-menu .dropdown-item:hover {
  color: #000;
}

header .dropdown-toggle::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 12px;
  border: none;
}

.wrapper:before,
header .dropdown-menu:before {
  width: 0;
  height: 0;
  border-left: 8px solid rgba(255, 255, 255, 0);
  border-right: 8px solid rgba(255, 255, 255, 0);
  content: "";
}

header .dropdown-menu:before {
  border-bottom: 10px solid #214479;
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: auto;
}

section.sec404 {
  padding-top: 100px;
}

section.sec404 h1 {
  font-size: 140px;
  color: #ddd;
  background: linear-gradient(183deg, #fd6d01 36.41%, #0f2e5d 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0);
  font-weight: 600;
  margin-top: 20px;
}

section.sec404 p {
  font-size: 18px;
  line-height: 30px;
  padding: 0 70px;
}

.swal2-popup.swal2-modal {
  color: #fff;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.wrapper {
  position: absolute;
  width: 464px;
  background: linear-gradient(125.35deg, #274b82 45.31%, #1a3c6e 84.58%, #0f2e5d 99.17%);
  border-radius: 8px;
  top: 50px;
  right: 10px;
  z-index: 9;
  padding-bottom: 20px;
}

.slider-track,
input[type=range] {
  width: 100%;
  margin: auto;
  left: 0;
  position: absolute;
}

input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

.slider-track {
  height: 5px;
  top: 28px;
  border-radius: 5px;
}

input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 5px;
}

input[type=range]::-moz-range-track {
  -moz-appearance: none;
  height: 5px;
}

input[type=range]::-ms-track {
  appearance: none;
  height: 5px;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 1.7em;
  width: 1.7em;
  background-color: #3264fe;
  cursor: pointer;
  margin-top: -9px;
  pointer-events: auto;
  border-radius: 50%;
}

input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 1.7em;
  width: 1.7em;
  cursor: pointer;
  border-radius: 50%;
  background-color: #3264fe;
  pointer-events: auto;
  border: none;
}

input[type=range]::-ms-thumb {
  appearance: none;
  height: 1.7em;
  width: 1.7em;
  cursor: pointer;
  border-radius: 50%;
  background-color: #3264fe;
  pointer-events: auto;
}

input[type=range]:active::-webkit-slider-thumb {
  background-color: #fff;
  border: 1px solid #3264fe;
}

.values {
  height: 54px;
  position: relative;
}

.wrapper h4 {
  text-align: center;
  color: #fff;
  font-size: 18px;
  margin: 0;
  padding: 18px 0;
}

.range-bar {
  height: 24px;
  padding-top: 58px;
  position: relative;
  max-width: 90%;
  margin: 0 auto;
}

.values span {
  font-size: 16px;
  padding: 6px 16px;
  color: #fff;
  background: #051c3e;
  border-radius: 8px;
  position: absolute;
  top: 20px;
}

.values span#range1 {
  left: 20px;
}

.values span#range2 {
  right: 20px;
}

.wrapper:before {
  border-bottom: 10px solid #1e4175;
  position: absolute;
  top: -9px;
  right: 13px;
}

.account-popup,
.account-popup .overlay,
div#preloader {
  position: fixed;
  left: 0;
  bottom: 0;
}

.mb-14 {
  margin-bottom: 14px;
}

ul.loct-list::-webkit-scrollbar {
  width: 4px;
}

ul.loct-list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0);
}

ul.loct-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0);
}

ul.loct-list::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0);
}

::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background: #274b82;
}

::-webkit-scrollbar-thumb {
  background: #648cc9;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

@media (min-width: 576px) {
  .container {
    max-width: initial;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
.mt-100 {
  margin-top: 100px;
}

.account-popup {
  top: 0;
  right: 0;
  display: none;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
}

.account-popup.show {
  display: flex;
  opacity: 0;
  visibility: visible;
  animation: 0.2s ease-in-out forwards show;
}
@keyframes show {
  50% {
    opacity: 50%;
  }
  100% {
    opacity: 100%;
  }
}
.account-popup .overlay {
  top: 0;
  right: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.77);
}

.account-popup .popContent,
.popover-body,
h3.popover-header {
  background: linear-gradient(105.88deg, #274b82 0, #0f2e5d 100%);
}

.account-popup .popContent {
  padding: 36px 10px 48px 36px;
  border-radius: 16px;
  width: 536px;
  z-index: 1;
  position: relative;
  overflow: hidden;
}

#tabs nav .nav-tabs {
  border: none;
  background: #00122d;
  border-radius: 12px;
  padding: 7px;
  margin: 0;
}

#tabs nav .nav-tabs a {
  border-radius: 8px;
  color: #fff;
  padding: 16px 76px;
  border: none;
  box-shadow: none;
  outline: 0;
  font-size: 20px;
  font-weight: 500;
  margin-right: 8px;
}

#tabs nav .nav-tabs a.active,
#tabs nav .nav-tabs a:hover {
  color: #fff;
  background: #133263;
}

.avatar-upload .avatar-edit {
  position: absolute;
  z-index: 1;
  top: -10px;
  right: -5px;
}

.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #0f2e5d;
  border: 1px solid rgba(255, 255, 255, 0);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: 400;
  transition: 0.2s ease-in-out;
}

.avatar-upload .avatar-edit input + label:after {
  content: "\f040";
  font-family: FontAwesome;
  color: #fff;
  position: absolute;
  top: 6px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}

.avatar-upload .avatar-preview {
  width: 220px;
  height: 220px;
  position: relative;
  border-radius: 8px;
  border: 3px solid #3e6aad;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  align-items: center;
  justify-content: center;
}

.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100px;
  background-size: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
}

.avatar-upload .avatar-preview > div img {
  width: 100%;
  background: #051c3e;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}

.avatar-upload .avatar-preview *,
.avatar-upload .avatar-preview > div img {
  height: 100% !important;
  min-height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  background-size: cover !important;
}

div#signupModal .avatar-upload .avatar-preview {
  height: 106px;
  width: 230px;
}

div#signupModal .avatar-upload .avatar-preview div#imagePreview {
  background-size: 50px !important;
}

.popover-body,
h3.popover-header {
  color: #fff;
  border-color: #fff !important;
}

.alert-danger.alert.mt-4.text-capitalize ul,
.popover-body ul {
  padding: 0 20px;
}

div.popover {
  border-color: #fff !important;
  box-shadow: 1px 1px 13px rgba(0, 0, 0, 0.5411764706);
}

.bs-popover-auto[x-placement^=right] .arrow::before,
.bs-popover-right .arrow::before {
  border-right-color: #fff !important;
}

.bs-popover-auto[x-placement^=right] .arrow::after,
.bs-popover-right .arrow::after {
  border-right-color: #133363;
}

.alert-danger,
.secContact .alert-danger,
div#signupModal .alert-danger {
  border: 2px solid #ff7f1e;
  color: #ff7f1e;
  padding: 2px 10px;
  line-height: normal;
  background: linear-gradient(105.88deg, #274b82 0, #0f2e5d 100%);
  font-size: 14px;
  margin-top: 15px;
}

.secContact .alert-danger {
  margin: 20px 0 10px !important;
}

div#signupModal .alert-danger {
  margin: -35px 0 10px !important;
}

.alert-success {
  border: 2px solid rgba(255, 255, 255, 0);
  color: #20d22f;
  background: linear-gradient(105.88deg, #274b82 0, #0f2e5d 100%);
}

.CommentIcon img,
table .image,
table img {
  height: 32px;
  width: 32px;
  border-radius: 100%;
}

.alert .close,
.alert .close:focus,
.alert .close:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.75;
}

.account .signupForm .input-field select option,
.note-editable {
  color: #648cc9 !important;
}

.CommentIcon img,
table img {
  -o-object-fit: scale-down;
  object-fit: scale-down;
  background: #00122d;
}

table .image {
  background-color: #00122d !important;
  background-repeat: no-repeat !important;
  background-size: 50% !important;
  background-position: center !important;
  margin: auto 10px auto auto;
  display: inline-block;
  overflow: hidden !important;
}

.galleryPreview img {
  margin: 5px;
}

.dd3-content img,
.select-items div img,
.select-selected img {
  margin-right: 10px;
}

.galleryPreview {
  flex-wrap: wrap;
}

.account .generalForm .avatar-upload .avatar-preview.gal {
  min-height: 240px;
  height: unset;
}

.account .generalForm .avatar-upload .avatar-preview.gal > div {
  min-height: 240px;
}

.custom-select,
.custom_select {
  position: relative;
  padding: 0;
  height: auto;
  border: none;
}

.select-selected:after,
.select-selected_1:after {
  position: absolute;
  content: "";
  top: 27px;
  right: 21px;
  width: 0;
  height: 0;
  border: 5px solid rgba(255, 255, 255, 0);
  border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.select-selected_1.select-arrow-active_1:after {
  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff;
  top: 12px;
}

.select-selected.select-arrow-active:after {
  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff;
  top: 20px;
}

.select-items div,
.select-items_1 div,
.select-selected,
.select-selected_1 {
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 16px;
  padding: 14px 30px;
  border-bottom: 1px solid #3e6aad;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.optionsholder,
.select-items,
.select-items_1 {
  background-color: #0f2e5d;
  border: 2px solid #3e6aad;
}

.select-items,
.select-items_1 {
  position: absolute;
  color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 9;
  margin-top: 50px;
}

.account .secLeaderBoard .division,
.account .secLeaderBoard .division *,
div#signupModal .modal-body.signupPopup {
  overflow: visible;
}

div#signupModal .select-items {
  height: 140px;
}

.optionsholder {
  border-top: 0;
}

.drop.custom-select .optionsholder input.searchdropdown {
  border-radius: 0 !important;
  border-top: none !important;
  border-bottom: none !important;
  font-size: 14px;
  padding-left: 30px;
  position: absolute;
  top: 100%;
  z-index: 9999;
  height: 50px;
  left: 0;
  background: #0f2e5d;
}

.same-as-selected,
.select-items div:hover,
.select-items_1 div:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.select-selected,
.select-selected_1 {
  color: #fff;
  background: #0f2e5d;
  border: 2px solid #3e6aad;
  border-radius: 8px;
  padding-left: 22px;
}

.select-items {
  height: 130px;
  overflow-y: scroll;
}

.select-selected.select-arrow-active,
.select-selected_1.select-arrow-active_1 {
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
}

.account .signupForm .select-items {
  height: 215px;
}

.select-items_1 {
  background: linear-gradient(145.24deg, #3e6aad 0, #274b82 100%);
  border: none;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}

.calendar {
  padding: 8px;
  background: #fff;
  border-radius: 4px;
  font-size: 18px;
  border: 1px solid #333;
  box-shadow: 0 20px 40px rgba(59, 60, 56, 0.05);
}

.ui-datepicker {
  background: linear-gradient(189.17deg, #3765aa 3.81%, #274b82 86.1%);
  border-radius: 15px;
  min-width: 300px;
}

.ui-datepicker-header {
  height: 50px;
  line-height: 50px;
  color: #fff;
  background: #31639c;
  margin-bottom: 10px;
  border-bottom: 1px solid #648cc9;
  border-radius: 8px 8px 0 0;
}

.ui-datepicker-next,
.ui-datepicker-prev {
  width: 20px;
  height: 20px;
  text-indent: 9999px;
  border-radius: 100%;
  cursor: pointer;
  overflow: hidden;
  margin-top: 12px;
}

.ui-datepicker-prev {
  float: left;
  margin-left: 12px;
}

.ui-datepicker-prev:after {
  transform: rotate(45deg);
  margin: -43px 0 0 8px;
}

.ui-datepicker-next {
  float: right;
  margin-right: 12px;
}

.ui-datepicker-next:after {
  transform: rotate(-135deg);
  margin: -43px 0 0 6px;
}

.ui-datepicker-next:after,
.ui-datepicker-prev:after {
  content: "";
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.ui-datepicker-next:hover,
.ui-datepicker-next:hover:after,
.ui-datepicker-prev:hover,
.ui-datepicker-prev:hover:after {
  border-color: #333;
}

.ui-datepicker-title {
  text-align: center;
  font-size: 18px;
}

.ui-datepicker-calendar thead tr th span {
  display: block;
  width: 40px;
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 500;
  color: #648cc9;
}

.ui-state-default {
  display: block;
  text-decoration: none;
  color: #fff;
  line-height: 40px;
  font-size: 14px;
}

.ui-state-default:hover {
  color: #fff;
  background: #31639c;
  border-radius: 50px;
  transition: 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
}

.ui-state-highlight {
  color: #fff;
  background-color: #0f2e5d;
  border-radius: 50px;
  outline: #afcedc dashed 3px;
}

.ui-state-active {
  color: #fff;
  background-color: #31639c;
  border-radius: 50px;
}

.ui-datepicker-unselectable .ui-state-default {
  color: #969494;
  border: 2px solid rgba(255, 255, 255, 0);
}

.custom_date .icon {
  color: #31639c;
  font-size: 20px;
  top: 17px !important;
  pointer-events: none;
}

@media screen and (max-width: 1100px) {
  .afterBanner {
    top: 38px;
  }
  .secBanner {
    height: 800px;
  }
  .banner_slider .owl-item .item {
    padding-top: 195px;
    align-items: flex-end;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .footer-widget ul.social-list li {
    overflow: hidden;
  }
}
@media screen and (max-width: 440px) {
  .popBtns .btn {
    font-size: 16px;
    min-width: inherit;
    padding: 12px 55px;
  }
  .signupForm .input-field input,
  .signupForm .input-field label.radionBtn,
  .signupForm .input-field select,
  .signupForm .input-field.input-checkbox .chck label,
  .signupForm .input-field.input-checkbox label,
  .signupForm .input-field.input-file label,
  .signupForm .input-field.input-textarea textarea,
  .signupForm .select2-container--default .select2-selection--multiple {
    font-size: 15px;
  }
  .signupForm .input-field.input-file label .txt {
    font-size: 12px;
  }
  .checkon .checkmark,
  .radionBtn .checkmark {
    top: 0;
  }
  .signupForm .input-field.input-checkbox .chck {
    -moz-column-count: 1;
    column-count: 1;
  }
  .signupForm .input-btn .btn {
    font-size: 16px;
    min-width: 160px;
    padding: 12px 22px;
  }
  .signupForm .select2-container {
    margin-bottom: 40px;
  }
  .signupForm .input-field label {
    font-size: 16px;
  }
}
@media screen and (max-width: 390px) {
  .avatar-upload .avatar-preview {
    width: 190px;
    height: 190px;
  }
  .popBtns .btn {
    font-size: 15px;
    padding: 12px 44px;
  }
  .modal-body,
  .modal-body.loginPopup,
  .modal-body.signupPopup {
    padding: 30px 5px 30px 20px;
  }
  .signupPopup .step-1 {
    padding-right: 16px;
  }
  .signupForm .input-field.input-dropdown .drop {
    width: 190px;
  }
  .radionBtn .checkmark:after {
    top: 3px;
  }
  .signupForm .input-btn .btn {
    min-width: 145px;
    font-size: 15px;
  }
  .signupForm {
    margin-top: 30px;
  }
  .signup-steps h4 {
    margin-bottom: 70px;
  }
  .popheadspace {
    margin-bottom: 0 !important;
    font-size: 14px;
  }
}
.preloader-square-swapping {
  margin: 30px auto;
  width: 19px;
  height: 19px;
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}

.preloader-square-swapping .cssload-square-part {
  position: absolute;
  width: 19px;
  height: 19px;
  z-index: 1;
  animation: 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate cssload-part-anim;
  -o-animation: 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate cssload-part-anim;
  -ms-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
  -webkit-animation: 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate cssload-part-anim;
  -moz-animation: 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate cssload-part-anim;
}

.preloader-square-swapping .cssload-square-green {
  background: #fd6d01;
  right: 0;
  bottom: 0;
  animation-direction: alternate-reverse;
  -o-animation-direction: alternate-reverse;
  -ms-animation-direction: alternate-reverse;
  -webkit-animation-direction: alternate-reverse;
  -moz-animation-direction: alternate-reverse;
}

.preloader-square-swapping .cssload-square-pink {
  background: #2b486d;
  left: 0;
  top: 0;
}

.preloader-square-swapping .cssload-square-blend {
  background: #75517d;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  animation: 0.92s ease-in infinite blend-anim;
  -o-animation: 0.92s ease-in infinite blend-anim;
  -ms-animation: blend-anim 0.92s ease-in infinite;
  -webkit-animation: 0.92s ease-in infinite blend-anim;
  -moz-animation: 0.92s ease-in infinite blend-anim;
}

@keyframes blend-anim {
  0% {
    transform: scale(0.01, 0.01) rotateY(0);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  }
  50% {
    transform: scale(1, 1) rotateY(0);
    animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  100% {
    transform: scale(0.01, 0.01) rotateY(0);
  }
}
@keyframes cssload-part-anim {
  0% {
    transform: translate3d(-10px, -10px, 0);
  }
  100% {
    transform: translate3d(10px, 10px, 0);
  }
}
div#preloader {
  top: 0;
  right: 0;
  z-index: 9999;
}

.inner-pre {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.clubmap {
  height: 350px;
  width: 400px;
  border-radius: 13px;
}

.dd3-content,
.dd3-handle {
  height: 45px;
  border: 1px solid #0f2e5d;
}

ol ol {
  padding-left: 40px !important;
}

.dd3-content {
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: 300;
  line-height: 30px;
  background: #021742;
  border-radius: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.dd-empty {
  border: 1px dashed #0f2e5d;
  min-height: 100px;
  background-color: #a0bdf7;
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;
}

.dd3-item {
  margin: 10px 0;
}

.dd3-item > button {
  margin-left: 30px;
}

.dd3-content img {
  height: 100%;
  border-radius: 100%;
}

.player-detail {
  font-size: 10px;
  float: right;
  color: #3123f8;
  cursor: pointer;
}

.dd3-handle {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  cursor: move;
  width: 45px;
  text-indent: 70px;
  white-space: nowrap;
  overflow: hidden;
  background-color: #00122d;
  background-image: linear-gradient(180deg, #00127a 10%, #00122d 100%);
  background-size: cover;
  border-radius: 0;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.player-info {
  display: block;
  padding: 20px;
  position: absolute;
  z-index: 10;
  border: 1px solid #0f2e5d;
  background: #021742;
  border-top: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  top: 100%;
  left: 0;
  width: 100%;
}

.player-info p {
  font-size: 12px;
  line-height: 140%;
  margin-bottom: 6px;
}

.player-info a {
  color: #c0642a;
  margin-top: 10px;
  display: inline-block;
}

.player-info p strong {
  font-weight: 500;
}

.dd3-handle:before {
  content: "≡";
  display: block;
  position: absolute;
  left: 0;
  top: 12px;
  width: 100%;
  text-align: center;
  text-indent: 0;
  color: #fff;
  font-size: 25px;
  font-weight: bolder;
}

.dd3-handle:hover {
  background-image: linear-gradient(180deg, #00122d 10%, #00127a 100%);
}

.dd.nestable.draft h3,
.dd.nestable.draft ol li {
  opacity: 60%;
}

ol.dd-list li:nth-child(odd)::before {
  z-index: -1;
  height: 100px;
  width: 627px;
  position: absolute;
  top: 11px;
  left: -29px;
  border: 1px dashed;
  border-right: 0;
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.3490196078);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}

ol.dd-list li:nth-child(2n) {
  margin-bottom: 33px;
  margin-right: 0 !important;
}

ol.dd-list li:nth-child(odd):not(:last-child) {
  margin-bottom: 33px;
}

.dropdown-item.active,
.dropdown-item:hover {
  background: teal !important;
  color: #fff !important;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
  color: #fff !important;
  background-color: #00122d !important;
}

.dataTable .dropdown .dropdown-toggle.btn:not(:disabled):not(.disabled),
.refunded_red td,
body .pickSelectStyle textarea {
  color: #fff !important;
}

.dropdown-toggle.btn:not(:disabled):not(.disabled),
input[type=datetime-local] {
  background: #00122d !important;
  color: #fff !important;
}

::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.dd-list {
  flex-wrap: wrap;
  padding-bottom: 50px;
}

ol.dd-list li.dd-item {
  margin-bottom: 10px !important;
}

.dd.nestable,
.spcs-left.col-md-8 {
  max-width: 100%;
}

.blur-content {
  z-index: 999;
  position: relative;
  pointer-events: none;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
}

.account .result-faq .dataTables_wrapper {
  padding-right: 0;
  border: 1px solid #1b3c6d;
  border-radius: 0 0 16px 16px;
  margin-bottom: 0;
}

.secLeaderBoard .admin-table-responsive .dataTables_wrapper .table tbody tr td:first-child,
.secLeaderBoard .admin-table-responsive .dataTables_wrapper .table thead tr th:first-child {
  min-width: 300px;
  text-align: left;
  position: relative;
  padding-left: 60px;
  padding-right: 40px;
}

.secLeaderBoard .admin-table-responsive .dataTables_wrapper .table tbody tr td:first-child img {
  position: absolute;
  left: 20px;
  top: 19px;
}

.dropdown-menu.show {
  z-index: 99;
}

.secLeaderBoard .region-responsive .dataTables_wrapper .table tbody td,
.secLeaderBoard .region-responsive .dataTables_wrapper .table thead th {
  min-width: 250px;
  text-align: left;
  padding: 16px 24px;
}

.secLeaderBoard .region-responsive .dataTables_wrapper .table tbody tr td:last-child,
.secLeaderBoard .region-responsive .dataTables_wrapper .table thead tr th:last-child {
  min-width: 50px;
  text-align: center;
}

.secLeaderBoard .club-responsive .dataTables_wrapper .table tbody td:last-child,
.secLeaderBoard .club-responsive .dataTables_wrapper .table thead th:last-child,
.secLeaderBoard .dataTables_wrapper .table tbody tr td:nth-child(2),
.secLeaderBoard .discount-responsive .dataTables_wrapper .table tbody tr td:nth-child(2),
.secLeaderBoard .discount-responsive .dataTables_wrapper .table tbody tr td:nth-child(4),
.secLeaderBoard .discount-responsive .dataTables_wrapper .table thead tr th:nth-child(2),
.secLeaderBoard .discount-responsive .dataTables_wrapper .table thead tr th:nth-child(4),
.secLeaderBoard .fixture-responsive .dataTables_wrapper .table tbody tr td:last-child,
.secLeaderBoard .fixture-responsive .dataTables_wrapper .table thead tr th:last-child,
.secLeaderBoard .league-responsive .dataTables_wrapper .table tbody td,
.secLeaderBoard .league-responsive .dataTables_wrapper .table tbody tr td:nth-child(2),
.secLeaderBoard .league-responsive .dataTables_wrapper .table tbody tr td:nth-child(4),
.secLeaderBoard .league-responsive .dataTables_wrapper .table thead th,
.secLeaderBoard .league-responsive .dataTables_wrapper .table thead tr th:nth-child(2),
.secLeaderBoard .league-responsive .dataTables_wrapper .table thead tr th:nth-child(4),
.secLeaderBoard .rank-responsive .dataTables_wrapper .table tbody td:last-child,
.secLeaderBoard .rank-responsive .dataTables_wrapper .table thead th:last-child,
.secLeaderBoard .region-responsive .dataTables_wrapper .table tfoot tr th:nth-child(2),
.secLeaderBoard .region-responsive .dataTables_wrapper .table thead tr th:nth-child(2),
.secLeaderBoard .user-responsive .dataTables_wrapper .table tbody td:last-child,
.secLeaderBoard .user-responsive .dataTables_wrapper .table thead th:last-child {
  min-width: 100px;
}

.secLeaderBoard .club-responsive .dataTables_wrapper .table tbody tr td:nth-child(4),
.secLeaderBoard .club-responsive .dataTables_wrapper .table thead tr th:nth-child(4) {
  min-width: 140px;
  text-align: center;
}

.secLeaderBoard .club-responsive .dataTables_wrapper .table tbody tr td:first-child,
.secLeaderBoard .club-responsive .dataTables_wrapper .table thead tr th:first-child {
  min-width: 300px;
  text-align: left;
  padding: 18px 32px;
}

.secLeaderBoard .club-responsive .dataTables_wrapper .table tbody td,
.secLeaderBoard .club-responsive .dataTables_wrapper .table thead th,
.secLeaderBoard .dataTables_wrapper .table tbody tr td:nth-child(4),
.secLeaderBoard .fixture-responsive .dataTables_wrapper .table tbody tr td:nth-child(4),
.secLeaderBoard .fixture-responsive .dataTables_wrapper .table thead tr th:nth-child(4),
.secLeaderBoard .rank-responsive .dataTables_wrapper .table tfoot tr th:nth-child(4),
.secLeaderBoard .rank-responsive .dataTables_wrapper .table thead tr th:nth-child(4),
.secLeaderBoard .user-responsive .dataTables_wrapper .table tbody td,
.secLeaderBoard .user-responsive .dataTables_wrapper .table tbody tr td:nth-child(2),
.secLeaderBoard .user-responsive .dataTables_wrapper .table tbody tr td:nth-child(4),
.secLeaderBoard .user-responsive .dataTables_wrapper .table thead th,
.secLeaderBoard .user-responsive .dataTables_wrapper .table thead tr th:nth-child(2),
.secLeaderBoard .user-responsive .dataTables_wrapper .table thead tr th:nth-child(4) {
  min-width: 140px;
}

.secLeaderBoard .league-responsive .dataTables_wrapper .table tbody td:last-child,
.secLeaderBoard .league-responsive .dataTables_wrapper .table thead th:last-child {
  min-width: 80px;
}

.secLeaderBoard .league-responsive .dataTables_wrapper .table tbody tr td:first-child,
.secLeaderBoard .league-responsive .dataTables_wrapper .table thead tr th:first-child {
  min-width: 200px;
  text-align: left;
  padding: 18px 22px;
}

.secLeaderBoard .fixture-responsive .dataTables_wrapper .table tbody tr td,
.secLeaderBoard .fixture-responsive .dataTables_wrapper .table thead tr th {
  min-width: 190px;
}

.secLeaderBoard .user-responsive .dataTables_wrapper .table tbody tr td:first-child {
  position: relative;
  padding-left: 70px;
  text-align: left;
}

.secLeaderBoard .user-responsive .dataTables_wrapper .table tbody tr td:first-child .image {
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
}

.league-table-generate .dataTables_wrapper .table tbody tr td:nth-child(2),
.league-table-generate .dataTables_wrapper .table thead tr th:nth-child(2),
.secLeaderBoard .rank-responsive .dataTables_wrapper .table tbody td,
.secLeaderBoard .rank-responsive .dataTables_wrapper .table thead th {
  min-width: 220px;
}

.secLeaderBoard .rank-responsive .dataTables_wrapper .table tbody tr td:first-child {
  text-align: left;
  padding: 18px 22px;
}

.secLeaderBoard .dataTables_wrapper .table tfoot tr th:nth-child(2),
.secLeaderBoard .rank-responsive .dataTables_wrapper .table tbody tr td:nth-child(2),
.secLeaderBoard .rank-responsive .dataTables_wrapper .table thead tr th:nth-child(2) {
  min-width: 120px;
}

.secLeaderBoard .discount-responsive .dataTables_wrapper .table tbody td,
.secLeaderBoard .discount-responsive .dataTables_wrapper .table thead th {
  min-width: 130px;
}

.secLeaderBoard .discount-responsive .dataTables_wrapper .table tbody td:last-child,
.secLeaderBoard .discount-responsive .dataTables_wrapper .table thead th:last-child {
  min-width: 40px;
}

.account .discount-responsive .dataTables_wrapper .table thead th.sorting:not(.sorting_disabled):before,
.account league-responsive .dataTables_wrapper .table thead th.sorting:not(.sorting_disabled):after {
  top: 30px;
}

.account .discount-responsive .dataTables_wrapper .table thead th.sorting:not(.sorting_disabled):after {
  top: 33px;
}

.account league-responsive .dataTables_wrapper .table thead th.sorting:not(.sorting_disabled):before {
  top: 27px;
}

.league-table-generate .dataTables_wrapper {
  zoom: 80%;
  border-radius: 16px;
  overflow: hidden;
  padding: 0;
}

.league-table-generate .dataTables_wrapper .table tbody tr td:not(:nth-child(2)),
.league-table-generate .dataTables_wrapper .table thead tr th:not(:nth-child(2)) {
  min-width: 74px;
}

.result-faq .dataTables_wrapper {
  border-radius: 10px;
  overflow: hidden;
}

.newxBox .newsContent p {
  height: 96px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
}

.fxt-box .ctn h5 {
  text-align: center;
  line-height: 1.4;
}

.result-faq .dataTables_wrapper .table tbody td .pic {
  z-index: 1;
  left: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
}

.result-faq .dataTables_wrapper .table tbody tr td:first-child {
  position: relative;
  text-align: left !important;
  padding-left: 120px;
}

.vcc-1 small {
  display: block;
  font-size: 14px;
  text-align: left;
}

td.vcc-2 {
  padding-left: 120px !important;
}

td.vcc-1.vcc-2 span {
  margin-left: 0;
  display: initial;
  text-align: left;
}

.tooltip-inner {
  width: 100%;
  padding: 20px;
}

.result-faq .dataTables_wrapper .table thead tr th {
  border-left: 2px solid #00122d;
}

.result-faq .dataTables_wrapper .table thead tr th:last-child {
  border-right: none;
}

.result-faq .dataTables_wrapper .table tbody td {
  border-left-width: 2px;
}

.messageArea .message-txt {
  overflow: scroll;
  overflow-x: hidden;
  position: relative;
  padding-right: 10px;
  height: 70vh;
  margin-bottom: 10px;
}

.messageArea .message-txt .signupForm {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 10px;
  background: #00122d;
  padding-bottom: 10px;
}

.message-from-profile,
.new_message,
.password {
  padding-right: 42px !important;
}

.dataTables_scrollBody thead {
  visibility: hidden;
}

.reportsview .secLeaderBoard .table-responsive:not(.not-fourth) .dataTables_wrapper .table tbody tr td:nth-child(4),
.reportsview .secLeaderBoard .table-responsive:not(.not-fourth) .dataTables_wrapper .table tfoot tr th:nth-child(4),
.reportsview .secLeaderBoard .table-responsive:not(.not-fourth) .dataTables_wrapper .table thead tr th:nth-child(4) {
  min-width: initial;
}

.account .messageArea .signupForm .input-btn {
  position: absolute;
  right: 10px;
  padding: 0;
  top: 0;
  bottom: 0;
}

.messageArea .account .signupForm .input-field {
  display: flex;
}

.messageArea {
  height: 100%;
  padding-left: 5%;
  padding-right: 5%;
}

.account .messageArea .signupForm {
  padding-right: 0;
  padding-left: 0;
}

.messageArea .signupForm .input-btn .btn {
  font-size: 20px;
  padding: 0;
  min-width: auto;
  background: rgba(255, 255, 255, 0);
}

.messageArea .signupForm .input-btn .btn:hover {
  background: rgba(255, 255, 255, 0);
}

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

select.leaderBoardSelect {
  margin-right: 5px;
  width: 100%;
  height: 100%;
  color: #648cc9;
  background: rgba(15, 46, 93, 0.5);
  border-radius: 8px;
  border: none;
  box-shadow: none;
  outline: 0;
  font-size: 16px;
  padding: 11px 20px;
}

select.leaderBoardSelect option {
  background: rgba(255, 255, 255, 0.6196078431);
}

.blog-inner {
  padding-top: 100px;
  padding-bottom: 100px !important;
}

.division .dataTables_wrapper .table tbody td,
.division .dataTables_wrapper .table thead th {
  font-size: 15px;
}

.division .dataTables_wrapper .table thead th {
  text-align: center !important;
}

.resultForm .input-field .icon {
  right: 18px;
  left: auto;
  position: absolute;
}

p.score_class {
  font-size: 12px;
  color: #fff;
  margin: 0;
  line-height: 20px;
}

.fxt-box .ctn .icon-win {
  right: 55px !important;
}

.account .fxt-box .dropdown.week {
  width: -moz-max-content;
  width: max-content;
  right: 0;
  position: absolute !important;
  margin-right: 5px;
  padding: 0;
  top: 5px;
  border: none;
}

.fixture-slider .owl-nav button,
.match-fixture .owl-nav button {
  width: 36px;
  height: 36px;
  font-size: 16px !important;
  left: 0;
  top: -15px;
  bottom: 0;
  margin: auto;
  display: inline-block;
}

.fixture-slider .owl-nav button.owl-next,
.match-fixture .owl-nav button.owl-next {
  left: auto;
  right: 0;
}

.fxt-box .dropdown-menu .dropdown-item {
  font-size: 12px;
  color: #fff !important;
  padding: 5px 10px;
}

.update-account.signupForm .avatar-upload .avatar-preview div#imagePreview,
div#imagePreview2 {
  background-size: 48px !important;
}

.account .signupForm .avatar-upload .avatar-edit input + label:after {
  content: "\f040";
  font-family: FontAwesome;
  color: #fff;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 0;
  text-align: center;
  margin: auto;
}

.account .signupForm .avatar-upload .avatar-edit label {
  right: 30px;
  top: 20px;
}

.signupForm .input-field.input-radio .other input[type=text] {
  padding-right: 10px;
  padding-left: 10px;
}

.MessageContentBox input.new_message::-moz-placeholder {
  color: #648cc9 !important;
  font-size: 18px;
  font-weight: 400;
}

.MessageContentBox input.new_message::placeholder {
  color: #648cc9 !important;
  font-size: 18px;
  font-weight: 400;
}

.account .db-tabs.generalForm .alert-danger.alert.mt-4.text-capitalize,
.joinPopup .alert {
  margin-bottom: 10px !important;
  margin-top: 0 !important;
}

.signupPopup.resultPopup.reportPopup .alert-danger.alert,
div#signupModal .signup-steps.step-2 .alert-danger.alert,
div#signupModal .signup-steps.step-3 .alert-danger.alert,
form.validate.form.resultForm10 .alert-danger {
  margin: 0 0 10px !important;
}

.fxt-box .ctn {
  width: calc(50% - 20px);
  padding-bottom: 0;
  position: relative;
}

.account .fxt-box,
.fxt-box {
  border-radius: 16px;
  position: relative;
  min-height: 180px;
  display: flex;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center;
  align-items: stretch !important;
  padding: 20px 0 !important;
}

.league-detail .fxt-box {
  background: #00122d;
}

.input-with-thumb .thmb .img-icon img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 1680px) {
  .secLeaderBoard .league-responsive .dataTables_wrapper .table tbody td,
  .secLeaderBoard .league-responsive .dataTables_wrapper .table tbody tr td:nth-child(2),
  .secLeaderBoard .league-responsive .dataTables_wrapper .table tbody tr td:nth-child(4),
  .secLeaderBoard .league-responsive .dataTables_wrapper .table thead th,
  .secLeaderBoard .league-responsive .dataTables_wrapper .table thead tr th:nth-child(2),
  .secLeaderBoard .league-responsive .dataTables_wrapper .table thead tr th:nth-child(4) {
    min-width: 110px;
  }
  .secLeaderBoard .league-responsive .dataTables_wrapper .table tbody tr td:first-child,
  .secLeaderBoard .league-responsive .dataTables_wrapper .table thead tr th:first-child,
  .secLeaderBoard .user-responsive .dataTables_wrapper .table tbody tr td:nth-child(4),
  .secLeaderBoard .user-responsive .dataTables_wrapper .table thead tr th:nth-child(4) {
    min-width: 150px;
  }
  .secLeaderBoard .fixture-responsive .dataTables_wrapper .table tbody tr td,
  .secLeaderBoard .fixture-responsive .dataTables_wrapper .table thead tr th {
    min-width: 170px;
  }
  .account .secLeaderBoard .division.user-responsive {
    padding-left: 5%;
  }
  .secLeaderBoard .user-responsive .dataTables_wrapper .table tbody tr td:nth-child(2),
  .secLeaderBoard .user-responsive .dataTables_wrapper .table thead tr th:nth-child(2) {
    min-width: 100px;
  }
  .secLeaderBoard .user-responsive .dataTables_wrapper .table tbody tr td:nth-child(4) {
    text-align: center;
  }
  .account .secLeaderBoard .division.discount-responsive {
    padding-left: 7%;
  }
  .messageArea .msg-head {
    padding-bottom: 30px;
    padding-top: 30px;
  }
}
@media screen and (max-width: 1600px) {
  .secLeaderBoard .club-responsive .dataTables_wrapper .table tbody tr td:first-child,
  .secLeaderBoard .club-responsive .dataTables_wrapper .table thead tr th:first-child {
    min-width: 200px;
  }
  .secLeaderBoard .club-responsive .dataTables_wrapper .table tbody tr td:nth-child(2),
  .secLeaderBoard .club-responsive .dataTables_wrapper .table thead tr th:nth-child(2) {
    min-width: 160px;
  }
  .account .secLeaderBoard .division.discount-responsive,
  .account .secLeaderBoard .division.fixture-responsive,
  .account .secLeaderBoard .division.league-responsive {
    padding-left: 5%;
  }
  .messagePop {
    margin-top: 50px;
  }
  .messageArea .message-txt {
    height: 72vh;
  }
}
@media screen and (max-width: 1440px) {
  .league-box.newxBox h4 {
    font-size: 19px;
    line-height: 1.2;
  }
  .account .u-menu li a {
    padding: 11px 16px;
    font-size: 15px;
  }
  .account .u-menu li a .icon {
    left: 14px;
  }
  .account .u-menu li.have-child .openDrop {
    right: 3px;
    font-size: 14px;
  }
  .account .u-menu li.have-child.show .openDrop {
    top: 10px;
  }
  .secLeaderBoard .club-responsive .dataTables_wrapper .table tbody tr td:first-child,
  .secLeaderBoard .club-responsive .dataTables_wrapper .table thead tr th:first-child {
    min-width: 160px;
  }
  .secLeaderBoard .club-responsive .dataTables_wrapper .table tbody td,
  .secLeaderBoard .club-responsive .dataTables_wrapper .table thead th {
    min-width: 130px;
  }
  .secLeaderBoard .club-responsive .dataTables_wrapper .table tbody tr td:nth-child(2),
  .secLeaderBoard .club-responsive .dataTables_wrapper .table thead tr th:nth-child(2) {
    min-width: 140px;
  }
  .account .secLeaderBoard .division.discount-responsive,
  .account .secLeaderBoard .division.league-responsive,
  .account .secLeaderBoard .division.user-responsive {
    zoom: 90%;
  }
  .secLeaderBoard .fixture-responsive .dataTables_wrapper .table tbody tr td,
  .secLeaderBoard .fixture-responsive .dataTables_wrapper .table thead tr th {
    min-width: 150px;
  }
  .newxBox .figure {
    height: 150px;
  }
  .newxBox .newsContent p {
    font-size: 18px;
    line-height: 22px;
    height: 85px;
  }
  .fxt-box .ctn h5 {
    font-size: 14px;
  }
  .messagePop {
    padding: 34px;
  }
  .messagePop .btns .btn {
    font-size: 17px;
    min-width: 180px;
  }
  .messageArea .message-txt {
    height: 70vh;
  }
  .message-list ul li p {
    font-size: 15px;
    line-height: 20px;
  }
  .message-list ul li {
    padding-left: 80px;
  }
  .message-list ul li .msg-pic {
    left: 20px;
    width: 44px;
    height: 44px;
  }
  .account .signupForm .input-field.al-center label {
    font-size: 16px;
    margin-right: 10px;
  }
  .account .signupForm .input-field.d-flex label {
    max-width: 38%;
    flex: 38%;
  }
}
@media screen and (max-width: 1366px) {
  .account .u-menu li a {
    padding: 11px 14px;
    font-size: 14px;
  }
  .account .u-menu li a .icon {
    left: 10px;
  }
  .account .u-menu li.have-child .openDrop {
    right: 9px;
    padding: 5px 0;
    font-size: 13px;
  }
  .secLeaderBoard .dataTables_paginate .paginate_button {
    font-size: 16px;
    padding: 12px 18px;
  }
  .account .secLeaderBoard .division.discount-responsive,
  .account .secLeaderBoard .division.league-responsive,
  .account .secLeaderBoard .division.user-responsive {
    zoom: 60%;
  }
  .account .secLeaderBoard .division.transition-responsive {
    padding-left: 4%;
  }
  .league-box.newxBox .btn-news {
    font-size: 15px;
    padding: 6px 24px;
  }
  .account .fxt-box {
    padding: 32px 24px 40px;
    align-items: flex-start;
  }
  .fixture-slider.owl-carousel {
    zoom: 90%;
  }
  .fxt-box .dt-loct .dt {
    font-size: 15px;
    margin-top: 0;
  }
  .fxt-box .dt-loct .loct,
  .message-txt .msg-box p {
    font-size: 12px;
  }
  .signupForm .input-btn .btn {
    font-size: 16px;
    padding: 12px;
    min-width: 140px;
  }
  .message-list ul li {
    padding: 18px 24px 18px 75px;
  }
  .message-list ul li p {
    margin: 0;
  }
  .messagePop {
    max-width: 600px;
    padding: 24px;
  }
  .messagePop .pic {
    width: 100px;
    height: 100px;
  }
  .messagePop .btns .btn {
    padding: 5px 17px;
    min-width: 120px;
    font-size: 15px;
  }
  .message-txt .msg-box {
    padding: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .messageArea {
    padding-left: 5%;
    padding-right: 5%;
  }
  .message-txt .signupForm .input-field input {
    font-size: 14px;
    height: 44px;
  }
}
@media screen and (max-width: 1280px) {
  .account .secLeaderBoard .division.club-responsive {
    padding-left: 4%;
  }
  .account .secLeaderBoard .division.fixture-responsive {
    zoom: 90%;
  }
  .account .secLeaderBoard .division.admin-table-responsive.not-fourth {
    padding-left: 5%;
  }
  .newxBox .newsContent {
    padding: 20px 15px;
  }
  .league-box.newxBox h4 {
    font-size: 16px;
  }
  .league-box.newxBox h4 .btnleague {
    padding: 10px 10px 10px 20px;
  }
  .messagePop {
    margin-top: 40px;
  }
  .messageArea .message-txt {
    height: 68vh;
  }
  .message-list ul li p {
    font-size: 13px;
    line-height: 18px;
  }
  .message-list ul li h4 {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .message-list ul li .dt {
    top: 20px;
    font-size: 10px;
  }
  .account .db-tabs h3.clr-white {
    padding: 20px;
    font-size: 22px;
  }
  .account .db-tabs h3.clr-white .icon-plus {
    top: 16px;
    right: 20px;
    font-size: 16px;
  }
  .message-txt .signupForm .input-field .input-btn .btn {
    padding: 5px;
  }
  .account .signupForm .input-field.al-center label {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .afterBanner {
    top: -50px;
  }
  .account .secLeaderBoard .division,
  .account .secLeaderBoard .division.league-responsive {
    zoom: 70% !important;
  }
}
@media (max-width: 1024px) {
  .navbar-collapse,
  .navbar-collapse.collapse {
    position: absolute !important;
    top: 56px !important;
    left: 0 !important;
    margin: 0 -15px !important;
    padding: 15px !important;
    background: #00122d !important;
    right: 0 !important;
    z-index: 9;
  }
  header .dropdown-menu:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid rgba(255, 255, 255, 0);
    border-right: 8px solid rgba(255, 255, 255, 0);
    border-bottom: 10px solid #214479;
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    margin: 49px auto auto 50px;
    bottom: 0;
  }
  a.sidebarToggle {
    display: inline-block !important;
    width: 100%;
    text-align: center;
  }
  nav.navbar .account-link {
    display: flex !important;
    width: 100%;
    text-align: center;
  }
  header#masthead .headUser-menu .dropdown-user,
  header#masthead .notification-menu .dropdown-user {
    margin: 10px 0 0;
    min-width: 210px;
  }
  nav.navbar .account-link {
    margin: 0 10px 0 auto;
    max-width: 184px;
  }
  .navbar-toggler {
    order: 3;
  }
  nav.navbar .account-link .headUser-menu {
    max-width: -moz-max-content;
    max-width: max-content;
    float: right;
    margin-right: 20px;
  }
  .sidebar.user-menu.showSidebar.active {
    width: 250px !important;
    max-width: 250px !important;
    margin-right: 0 !important;
    display: inline-block;
    background: #00122d;
    z-index: 99;
    position: relative;
    border: 3px solid #0f2e5d;
    padding: 10px 20px 40px;
    border-left: 0;
    margin-left: -10px;
  }
  a.sidebarToggle {
    color: #fff;
    font-size: 22px;
  }
  .account .sidebar.user-menu .u-menu li.have-child.show .sub-dropdown,
  .sidebar.user-menu li.have-child.active.show ul.sub-dropdown {
    display: none;
  }
  .account .sidebar.user-menu.showSidebar.active .u-menu li.have-child.show .sub-dropdown,
  .sidebar.user-menu.showSidebar.active li.have-child.active.show ul.sub-dropdown,
  .sidebar.user-menu.showSidebar.active ul.u-menu span.txt {
    display: block;
  }
  .account .sidebar.user-menu ul.u-menu li a .txt {
    font-size: 0;
  }
  .account .sidebar.user-menu.showSidebar.active li a,
  .account .sidebar.user-menu.showSidebar.active li a .txt {
    gap: 0;
    justify-content: start;
    padding-left: 10px;
    font-size: 13px;
  }
  .sidebar.user-menu.showSidebar.active li span.openDrop {
    right: 15px !important;
  }
  .account .row .col-sm-12.col-md-3 {
    height: 100%;
    max-width: 90px;
    padding: 0 10px;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .leaderBoard .text p,
  .secAbout p {
    font-weight: 400;
    font-size: 20px;
  }
  .secAbout {
    padding-top: 165px;
    padding-bottom: 105px;
  }
  .secAbout p {
    padding-right: 10px;
  }
  .secContact,
  .secNews {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .leaderBoard {
    padding-top: 75px;
    padding-bottom: 90px;
  }
  .secCompetition {
    padding-top: 75px !important;
    padding-bottom: 88px !important;
  }
  section.main-league.Current-league {
    padding-bottom: 70px !important;
    padding-top: 70px !important;
  }
  .secNewsletter {
    padding-top: 90px;
    padding-bottom: 70px;
  }
  .league-box.newxBox h4,
  .secContact p {
    font-size: 20px;
  }
  .blog-inner .text-center p {
    margin-bottom: 85px;
    font-size: 20px;
  }
  .secContact .row {
    padding: 70px 28px 40px;
  }
  .account .u-menu li a {
    font-size: 18px;
  }
  .blog-inner {
    padding-top: 70px;
    padding-bottom: 70px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .match-fixture,
  .secAbout .btn-custom {
    margin-top: 40px;
  }
  .banner_slider .owl-item .item {
    padding-left: 0;
    padding-top: 129px;
    padding-bottom: 40px;
    align-items: flex-end;
  }
  .secBanner {
    height: 600px !important;
  }
  .secNews h2,
  .upcomingLeagues h2 {
    font-size: 36px;
  }
  section.about-us {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .secAbout {
    padding-top: 126px;
    padding-bottom: 71px;
  }
  .container {
    max-width: 850px;
  }
  .secAbout p {
    padding-right: 10px;
    font-size: 18px;
  }
  .secNews,
  .secNewsletter {
    padding-top: 80px;
    padding-bottom: 75px;
  }
  .secNews .mb-150 {
    margin-bottom: 70px;
  }
  .newsGrids {
    margin-bottom: 65px;
  }
  .leaderBoard {
    padding-top: 75px;
    padding-bottom: 90px;
  }
  .leaderBoard h2.text-center {
    margin-bottom: 60px;
    font-size: 36px;
  }
  .secAbout h3 {
    font-size: 30px;
    margin-bottom: 25px;
  }
  .account .u-menu li a,
  .leaderBoard .text p,
  .secContact p,
  .secNews p,
  .secNewsletter .news-widget p {
    font-size: 18px;
  }
  .secCompetition {
    padding-top: 65px !important;
    padding-bottom: 80px !important;
  }
  section.main-league.Current-league {
    padding-bottom: 148px !important;
    padding-top: 37px !important;
  }
  .secCompetition h2.text-center {
    margin-bottom: 50px;
    font-size: 36px;
  }
  .secNewsletter .news-widget {
    padding: 60px 52px 75px;
  }
  .secContact h2,
  .secNewsletter .news-widget h3 {
    margin-bottom: 30px;
    font-size: 36px;
  }
  .secContact {
    padding-top: 84px;
    padding-bottom: 84px;
  }
  .secContact .row {
    padding: 70px 20px 40px;
  }
  .footer-widget .row {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
  .footer-widget .row .col-sm-12:first-child {
    max-width: 100%;
    flex: 100% !important;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 35px;
  }
  .footer-widget .row .col-sm-12:nth-child(2),
  .footer-widget .row .col-sm-12:nth-child(3) {
    flex: 33% !important;
    max-width: 33%;
    display: inline-block;
  }
  .footer-widget .row .col-sm-12:nth-child(2) {
    padding-left: 15px;
  }
  .footer-widget .row .col-sm-12:nth-child(4) {
    max-width: 33%;
    flex: 33% !important;
    display: inline-block;
    padding-left: 70px;
  }
  .navbar-expand-xl li.nav-item:first-child {
    margin-left: 12px;
  }
  .breadcrumbs h2,
  .breadcrumbs h2.vc_border {
    font-size: 44px;
  }
  .blog-inner p,
  .breadcrumbs h4,
  .league-box.newxBox h4 {
    font-size: 20px;
  }
  .division .dataTables_wrapper .table tbody td {
    font-size: 15px;
  }
  .blog-inner .text-center p {
    margin-bottom: 75px;
  }
  .blog-inner {
    padding-top: 70px;
    padding-bottom: 70px !important;
  }
  .secLeaderBoard {
    overflow-x: scroll;
  }
  .secLeaderBoard::-webkit-scrollbar {
    height: 2px;
  }
  .secLeaderBoard::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0);
  }
  .generalForm .spcs-left .signupForm .col-sm-12.col-md-4 {
    max-width: 50%;
    flex: 50%;
  }
  .fxt-box .ctn .icon-win {
    right: 20px !important;
  }
  .messageArea {
    padding: 0;
  }
  .account .tab-content,
  .match-fixture {
    padding-left: 30px;
    padding-right: 30px;
  }
  .account.messagesPage .row .col-sm-12.col-md-5 {
    max-width: 58.00001%;
    flex: inherit !important;
  }
  .account.messagesPage .row .col-sm-12.col-md-4 {
    flex: 0 0 33.777777%;
    max-width: 33.777777%;
    border: 3px solid #0f2e5d;
    border-bottom: 0;
  }
  .account .tab-content {
    padding-top: 0;
  }
  ul.loct-list li .btn-custom {
    min-width: 175px;
    padding: 8px 20px;
    text-align: center;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  div#signupModal .select-items {
    height: 150px !important;
    margin-top: 40px;
  }
  .alert-danger.alert {
    margin: 15px 0 10px !important;
    padding: 2px 10px;
    font-size: 14px;
    line-height: normal;
  }
  .drop.custom-select .optionsholder input.searchdropdown {
    padding: 0 15px;
    height: 40px;
  }
  .select-items div {
    padding: 10px 20px;
    font-size: 14px;
  }
  .account .u-menu li a {
    padding: 11px 14px;
    font-size: 14px;
    gap: 0 4px;
  }
  .messageArea .message-txt {
    height: 67vh !important;
    margin-bottom: 10px;
  }
  .message-list ul {
    height: 75.3vh;
  }
  .blog-inner {
    padding-top: 80px;
    padding-bottom: 80px !important;
  }
  section.about-us {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .banner-text h1,
  .secNews .mb-150 {
    margin-bottom: 30px;
  }
  .secAbout,
  .secNewsletter {
    background-image: none !important;
  }
  .filter-dropdowns,
  .messageArea .msg-head {
    display: flex;
    display: flex;
    display: flex;
  }
  td.vcc-2 {
    padding-left: 70px !important;
  }
  .result-faq .dataTables_wrapper .table tbody tr td:first-child {
    padding-left: 50px;
  }
  .owl-carousel .owl-nav button {
    height: 46px;
    width: 46px;
  }
  .owl-nav button.owl-next {
    right: 3%;
  }
  .owl-nav button.owl-prev {
    left: 3%;
  }
  .account .signupForm .input-field,
  .banner-text {
    padding-right: 0;
  }
  .banner-text h1 {
    font-size: 32px;
  }
  .banner_slider .owl-item .item,
  .division .tab-content {
    padding-left: 15px;
    padding-right: 15px;
  }
  .afterBanner {
    top: 86px;
  }
  .upcomingLeagues h2 {
    font-size: 35px;
  }
  .secAbout {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .secAbout .btn-custom {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .secNews {
    padding-top: 42px;
    padding-bottom: 53px;
  }
  .leaderBoard,
  .secCompetition,
  .secContact,
  .secNewsletter {
    padding-bottom: 50px;
  }
  p {
    font-size: 18px;
    line-height: 28px;
  }
  .newxBox {
    margin-bottom: 20px;
  }
  .secAbout h3 {
    font-size: 30px;
    margin-bottom: 25px;
  }
  .secContact h2,
  .secNews h2 {
    margin-bottom: 30px;
    font-size: 30px;
  }
  .newsGrids {
    margin-bottom: 40px;
  }
  .af-vector,
  .bf-vector {
    z-index: -1;
  }
  .leaderBoard h2.text-center {
    margin-bottom: 25px;
    font-size: 30px;
    text-align: left !important;
  }
  .leaderBoard {
    padding-top: 44px;
  }
  .secCompetition {
    padding-top: 45px;
  }
  .secCompetition h2.text-center {
    margin-bottom: 0 !important;
    font-size: 30px;
  }
  .search {
    margin-top: 15px;
  }
  .mapFilter .filter {
    width: 100%;
    top: unset;
    left: 0;
    margin-top: 50px;
    position: relative;
    padding-bottom: 60px;
  }
  .filter ul.loct-list li a {
    min-width: 165px;
    padding: 8px 20px;
    text-align: center;
  }
  .competitionmap {
    height: 400px !important;
  }
  .competitionmap > div {
    background-color: transparent !important;
  }
  .secNewsletter .news-widget h3 {
    margin-bottom: 35px;
    font-size: 30px;
  }
  .secNewsletter .news-widget {
    padding: 40px 10px;
    background-color: #000;
  }
  .secNewsletter {
    padding-top: 50px;
    background-color: #0e2c5a;
  }
  .search.newsletter .input-submit input {
    padding: 14px 30px;
  }
  .secContact {
    padding-top: 50px;
  }
  .footer-widget {
    padding-top: 50px;
    padding-bottom: 27px;
  }
  .secContact .row {
    padding: 30px 0 40px;
  }
  .footer-widget .col-sm-12.col-md-3:last-child,
  .footer-widget .f-2 {
    padding-left: 15px;
  }
  .footer p {
    font-size: 16px;
  }
  .navbar-expand-xl li.nav-item:first-child {
    margin-left: 12px;
  }
  section.about-us {
    padding-top: 0;
  }
  .breadcrumbs h2,
  .breadcrumbs h2.vc_border {
    font-size: 32px;
  }
  .btn-custom,
  .league-box.newxBox h4 {
    font-size: 18px;
  }
  .breadcrumbs h4 {
    font-size: 20px;
  }
  #tnc p,
  #term_popup_change p,
  .message-list h4 {
    font-size: 14px;
  }
  .filter-dropdowns {
    width: 100%;
    margin-top: 10px;
  }
  .wrapper.drop-area.show {
    width: 320px;
  }
  .dataTables_filter label {
    width: 100%;
    margin-top: 60px;
  }
  .db-tabs nav .nav-tabs,
  .filters,
  .info-list ul {
    display: block;
  }
  .division .dataTables_wrapper .table tbody td {
    font-size: 15px;
  }
  .blog-inner .ft-benzin {
    margin-bottom: 25px;
    font-size: 28px;
  }
  .blog-inner .text-center p {
    margin-bottom: 100px;
  }
  .blog-inner {
    padding-top: 50px;
    padding-bottom: 50px !important;
  }
  header#masthead .headUser-menu .dropdown-user,
  header#masthead .headUser-menu .dropdown-user.show {
    right: -10px;
  }
  header#masthead .headUser-menu .dropdown-user:before {
    right: 0;
    left: 137px;
  }
  .account .u-menu li a .txt {
    display: none;
  }
  .account .u-menu li.have-child .openDrop {
    right: 2px;
  }
  .account .u-menu li .sub-dropdown a {
    margin: 22px 0 0;
    padding: 0;
  }
  .account .signupForm .input-radio {
    margin-bottom: 0;
  }
  .account .signupForm .input-btn {
    justify-content: center !important;
    padding-right: 0;
  }
  .account .signupForm {
    padding-right: 0;
    padding-left: 20px;
  }
  .infoPic ul li strong {
    position: relative;
  }
  .account .row .col-sm-12.col-md-4,
  .infoPic ul li,
  .messageArea {
    padding: 0;
  }
  .account .db-tabs nav {
    padding: 0 15px !important;
  }
  .account .tab-content {
    padding-left: 10px;
  }
  .secLeaderBoard .division {
    margin-top: 0 !important;
  }
  .secLeaderBoard {
    overflow-x: scroll;
  }
  .secLeaderBoard::-webkit-scrollbar {
    height: 2px;
  }
  .league-slider {
    padding-left: 2%;
  }
  .upcomingLeagues .owl-nav button.owl-prev {
    left: -2%;
    display: none;
  }
  .secLeaderBoard::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0);
  }
  .generalForm .spcs-left .signupForm .col-sm-12.col-md-4 {
    max-width: 100%;
    flex: 100%;
    padding: 0 15px;
  }
  .generalForm .spcs-left .signupForm .col-sm-12.col-md-8 {
    flex: 100%;
    max-width: 100%;
  }
  .account .generalForm .avatar-upload .avatar-preview {
    width: 100%;
    height: 80px;
    margin-top: 20px;
  }
  .achievementBox.userBox,
  .sidebar-form {
    margin-top: 30px;
  }
  .db-tabs nav .nav-tabs .nav-item {
    text-align: left;
    margin-bottom: 12px;
  }
  .account .db-tabs nav .btns {
    position: initial;
  }
  .info-list ul li {
    margin: 30px 0;
  }
  .user-information {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .account .db-tabs h3.clr-white {
    padding: 10px 0;
    font-size: 15px;
    text-align: center;
  }
  .alert-danger {
    margin-top: 10px !important;
  }
  div#signupModal .alert-danger {
    margin: -10px 0 10px !important;
  }
  .account .db-tabs.generalForm .alert-danger.alert.mt-4.text-capitalize {
    margin-bottom: 10px !important;
    margin-top: 0 !important;
  }
  .account .secLeaderBoard .division {
    padding-left: 20px;
    padding-right: 20px;
  }
  .account .row .col-sm-12.col-md-3 {
    height: 100%;
    max-width: 70px;
    padding: 0 6px;
  }
  .profilebuttonset {
    flex-direction: column;
    align-items: start;
    padding-bottom: 0;
  }
  .profilebuttonset div#nav-tab a.nav-item {
    margin: 0 0 15px;
    display: inline-block;
  }
  .profilebuttonset div#nav-tab {
    display: flex !important;
    flex-wrap: nowrap;
    gap: 0 20px;
    flex-direction: row !important;
  }
  .account .row .col-sm-12.col-md-4 .db-tabs.pg-message,
  .secContact .row,
  section.account .update-account.signupForm .input-field.d-flex label {
    margin: 0;
  }
  section.account .update-account.signupForm .input-field.d-flex {
    align-items: center;
  }
  section.account div#nav-tabContent {
    padding-left: 0 !important;
    padding-right: 20px !important;
  }
  .account .u-menu li a {
    padding: 10px 0;
    font-size: 13px;
    gap: 0;
    justify-content: center;
    align-items: center;
    margin: auto;
  }
  .messagesPage .col-sm-12.col-md-4,
  .messagesPage .col-sm-12.col-md-5.MessageContentBox {
    max-width: calc(100% - 70px) !important;
    flex: calc(100% - 70px) !important;
  }
  .messageArea .msg-head h2 {
    font-size: 20px;
    margin: 0;
    font-weight: 600;
  }
  .messageArea .msg-head .pic {
    position: unset;
  }
  .messageArea .msg-head {
    padding: 20px 0;
    align-items: center;
    align-items: center;
    gap: 20px;
  }
  a.backtoInbox {
    color: #fff;
    font-size: 24px;
    display: inline-block;
  }
  section.account.messagesPage,
  section.account.messagesPage div.container-fluid,
  section.account.messagesPage div.row,
  section.account.messagesPage div.row .col-sm-12 {
    min-height: 132.1vh !important;
  }
  .messageArea .message-txt {
    height: 106vh;
    padding-bottom: 0;
  }
  .account .messageArea .signupForm {
    position: relative;
    background: #00122d;
    display: inline-block;
    width: 100%;
    height: 60px;
    margin-bottom: 15px;
  }
  .fxt-box .ctn .icon-win {
    right: 60px !important;
  }
  .account .db-tabs.pg-match-fixture nav {
    padding: 0 15px 15px !important;
  }
  .account .main-league.Current-league {
    margin-top: 40px;
    padding: 0 0 0 40px !important;
  }
  .update-account.signupForm {
    padding: 0 0 0 20px;
  }
  section.account.reportsview tbody tr td:nth-child(4) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    padding: 15px 10px 0;
  }
  .division.table-responsive.fixture-responsive.not-fourth td span.image img {
    -o-object-fit: cover;
       object-fit: cover;
    overflow: hidden;
  }
  .generalForm .spcs-left {
    padding-left: 0;
  }
  .generalForm .spcs-left .signupForm {
    padding-top: 40px;
    padding-right: 20px;
  }
  .match-fixture {
    margin-top: 0;
    padding-left: 25px;
  }
  .userInfo .ctn h3 {
    font-size: 22px;
    line-height: 1.2;
  }
  .statstBy-year .top-head.signupForm .input-field {
    width: 50%;
  }
  .footer-widget h3 {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .leaderBox .post {
    margin-right: 15px;
  }
  .btn-custom {
    padding: 11px 30px;
  }
  .leaderBox {
    justify-content: space-around;
  }
  .btns.text-right {
    text-align: center !important;
  }
  #tnc .btn-custom {
    padding: 5px 15px;
    font-size: 14px;
  }
  #tnc .btn-default {
    font-size: 14px !important;
    padding: 5px 16px !important;
    border-radius: 8px !important;
  }
  #tnc p {
    line-height: 17px;
  }
  #tnc .modal-dialog .tncPopup {
    padding: 15px 10px !important;
  }
  #term_popup_change .btn-custom {
    padding: 5px 15px;
    font-size: 14px;
  }
  #term_popup_change .btn-default {
    font-size: 14px !important;
    padding: 5px 16px !important;
    border-radius: 8px !important;
  }
  #term_popup_change p {
    line-height: 17px;
  }
  #term_popup_change .modal-dialog .tncPopup {
    padding: 15px 10px !important;
  }
  .homeLogo {
    height: 100%;
  }
}
body div.leagueMapList,
body div.leagueMapList div,
body div.leagueMapList ul {
  background: rgba(255, 255, 255, 0);
  padding: 0;
}

@media (min-width: 1025px) and (max-width: 1199px) {
  .navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .navbar-toggler {
    order: 3;
  }
  .navbar-collapse,
  .navbar-collapse.collapse {
    position: absolute !important;
    top: 65px !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 15px !important;
    background: #00122d !important;
    right: 0 !important;
  }
  .account-link {
    display: block !important;
  }
  .leaderBox .post {
    margin-right: 20px;
  }
  ul.loct-list li .btn-custom {
    min-width: 180px !important;
    text-align: center;
    padding: 8px 21px;
  }
  section.about-us {
    padding-bottom: 70px;
    padding-top: 70px;
  }
}
@media (min-width: 320px) and (max-width: 500px) {
  .achievementBox .acv-list ul.my-acv-list {
    flex-direction: column;
  }
  .achievementBox .acv-list ul.my-acv-list li {
    width: 100%;
  }
  #tnc .modal-content {
    max-height: 65vh !important;
  }
  #term_popup_change .modal-content {
    max-height: 65vh !important;
  }
}
.leaderboardTable.table.table.table-striped.table-bordered.dt-table.dataTable.no-footer,
.leaderboardTableparent .dataTables_scrollHeadInner {
  width: 100% !important;
}

.headingsText p {
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  margin: 0 0 20px;
  color: #fff;
}

.tooltip .tooltip-inner {
  background-color: #fff !important;
  color: #000 !important;
  font-weight: 700;
}

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

.footer .footerBottom .policyRow {
  flex-direction: row;
  align-items: center;
  display: flex;
  gap: 5px;
}

.footer .footerBottom .policyRow a {
  display: block;
  color: #fff;
}

.signupForm .input-textarea textarea::-webkit-input-placeholder {
  font-style: italic;
  opacity: 0.5 !important;
}

.signupForm .input-textarea textarea:-moz-placeholder {
  font-style: italic;
  opacity: 0.5 !important;
}

.signupForm .input-textarea textarea::-moz-placeholder {
  font-style: italic;
  opacity: 0.5 !important;
}

.signupForm .input-textarea textarea:-ms-input-placeholder {
  font-style: italic;
  opacity: 0.5 !important;
}

.overlay-design {
  background: rgba(0, 0, 0, 0.4196078431);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 99;
}

.overlay-content {
  z-index: 999;
  width: 22%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 20%;
  bottom: 0;
}

.tab-content {
  padding-right: 56px;
}

.league-table-generate .dataTables_wrapper {
  margin-right: 0 !important;
}

.refunded_red {
  background: #e32121 !important;
}

@media screen and (min-width: 768px) {
  .fixture-slider .owl-nav button.owl-prev {
    left: -45px;
  }
  .fixture-slider .owl-nav button.owl-next {
    right: -45px;
  }
}
.secLeaderBoard .paging_full_numbers .dt-paging-button {
  color: #9ea8b5;
  font-size: 18px;
  padding: 13px 21px;
  border-radius: 8px;
  margin-right: 14px;
  background: rgba(255, 255, 255, 0);
  border: 0;
}

.dt-buttons,
.dt-layout-cell.dt-start .dt-buttons,
.dt-length,
.league_target,
.message_main,
.signupForm span.validateCoup {
  float: right;
}

body .dt-buttons .dt-button.buttons-csv {
  color: #9ea8b5;
  background: rgba(15, 46, 93, 0.5);
  border: 1px solid #9ea8b5;
  border-radius: 6px;
  width: 75px;
  line-height: 35px;
  padding: 0;
}

.dt-search,
.headUser-menu,
.leagure_head_div {
  float: left;
}

.dt-button.buttons-csv {
  float: left;
  margin-right: 15px !important;
}

.dt-length select {
  line-height: 57px;
  height: 36px;
  width: 65px;
  border-radius: 0;
  margin-right: 10px;
}

body .generalForm .signupForm.discount_form .col-sm-12.col-md-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

#loginModalError .row .col-md-6 button {
  width: 100%;
  padding: 10px;
}

#loginModalError .signupForm .input-btn.center {
  margin-top: 35px;
  margin-bottom: 0;
}

span.sender_number {
  color: #9ea8b5;
  font-size: 12px;
  margin-top: 15px;
  display: block;
  text-transform: lowercase;
}

.group_section {
  padding-left: 15px;
  border: 1px solid #0f2e5d;
  padding-top: 13px;
  border-bottom-width: 3px;
}

.gm-style-iw-ch,
.main_mapdata {
  padding: 0 !important;
}

.load_msg_detail_view {
  border-bottom: 1px solid #0f2e5d;
}

.message_main a svg {
  /*color: #add8e67a;*/
  color: rgba(255, 146, 63, 0.7607843137);
  font-size: 30px;
  top: 1px;
  position: relative;
}

.message_bottom a svg {
  top: -5px;
}

.clearboth {
  clear: both;
}

.main_mapdata {
  background: 0 0 !important;
}

.main_mapdata p {
  line-height: 15px;
}

body div.leagueMapList ul {
  text-align: initial;
  list-style: none;
}

body .league_data {
  float: left;
  display: block;
  border: 1px solid #fff;
  border-radius: 0;
  text-align: center;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  width: 90px;
  border-bottom: 0;
  border-right: 0;
  font-size: 12px;
}

.league_data a {
  color: #fff;
  padding: 2px 5px;
  border-radius: 5px;
}

.gm-style .gm-style-iw-tc {
  z-index: -1;
}

.leagueMapList {
  margin-top: 10px;
}

.leagueMapList ul li:last-child .league_data {
  border-bottom: 1px solid #fff !important;
}

.leagueMapList ul li .league_target {
  border-right: 1px solid #fff !important;
  width: 35px;
}

.league_price.league_data {
  width: 50px;
}

.main_mapdata img {
  width: 100px !important;
}

.walkover_red {
  display: block !important;
  font-size: 14px;
  color: red;
  font-weight: 700;
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .banner-text p,
  p {
    line-height: 24px;
  }
  p {
    font-size: 16px;
  }
  .banner_slider .owl-item .item {
    padding-top: 138px;
    padding-bottom: 80px;
    display: flex;
    align-items: center;
  }
  .banner-text h1,
  .secAbout h3,
  .secNews h2 {
    font-size: 34px;
    margin-bottom: 30px;
  }
  .banner-text p {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .newsGrids,
  .secContact h2,
  .secNews .mb-150 {
    margin-bottom: 40px;
  }
  .btn-custom {
    font-size: 18px;
    padding: 11px 50px;
    border-radius: 6px;
  }
  .cancel-terms-and-conditions {
    font-size: 18px !important;
    padding: 11px 50px !important;
    border-radius: 6px !important;
  }
  .secBanner {
    height: 563px;
  }
  section.main-league.Current-league h2 {
    font-size: 34px;
    margin-bottom: 30px !important;
  }
  section.main-league.Current-league {
    padding-bottom: 80px;
    padding-top: 75px;
  }
  .secAbout {
    padding-top: 176px;
    padding-bottom: 80px;
  }
  .secAbout .btn-custom {
    margin-top: 30px;
  }
  .leaderBoard,
  .secNews,
  .secNewsletter {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .leaderBoard h2.text-center,
  .secCompetition h2.text-center {
    font-size: 34px;
  }
  .secCompetition .container > p {
    margin-top: 30px !important;
  }
  .compForm {
    margin-bottom: 42px;
    margin-top: 43px;
  }
  .secCompetition {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .secNewsletter .news-widget h3 {
    margin-bottom: 30px;
    font-size: 34px;
  }
  .secContact h2 {
    font-size: 34px;
  }
  .secContact {
    padding-top: 80px;
    padding-bottom: 81px;
  }
  .footer-widget {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
.message_blink {
  float: left;
  margin-right: 20px;
  margin-top: 10px;
  display: none;
}

.message_blink i {
  font-size: 25px;
  color: #fff;
}

.message_blink a span {
  background: red;
  width: 10px;
  display: block;
  height: 10px;
  border-radius: 14px;
  position: absolute;
  right: -4px;
  top: 1px;
  animation: 1s linear infinite blinker;
}

@keyframes blinker {
  80% {
    opacity: 0;
  }
}
.group_message,
.pickSelectStyle ul {
  display: block !important;
}

.league-detail .fxt-box {
  padding: 20px 10px !important;
}

.league-detail .fxt-box span.week {
  width: calc(100% - 125px);
  top: -35px;
}

.messageArea .msg-head .chat_users a {
  display: inline-block;
  color: #fff;
  margin-top: 15px;
  background-color: #0f2e5d;
  padding: 10px 20px;
  border-radius: 8px;
}

.chat_users .modal .modal-body {
  padding: 20px 50px;
}

.chat_users .modal .modal-body ul {
  list-style-type: decimal !important;
  margin-bottom: 0;
}

.chat_users .modal .modal-dialog {
  height: 100vh !important;
  display: flex;
  align-items: center;
}

.chat_users .modal .modal-body ul li::marker {
  color: #fff;
}

.chat_users .modal .modal-body ul li a {
  background-color: transparent !important;
  font-size: 20px;
  margin-top: 0 !important;
  display: block;
  position: relative;
}

.chat_users .modal .modal-body ul li a:before {
  content: "Chat Now";
  width: auto;
  height: 85%;
  position: absolute;
  top: 5px;
  right: 0;
  background-color: #0f2e5d;
  display: flex;
  align-items: center;
  border-radius: 8px;
  font-size: 14px;
  padding: 10px 18px;
}

.chat_users .modal .modal-body ul li {
  margin-bottom: 15px;
}

@media (min-width: 320px) and (max-width: 767px) {
  section.about-us {
    padding-bottom: 50px;
  }
  .verifyEmailpopup button {
    padding: 16px 15px !important;
  }
  #aboutUS,
  .leaderBoard .text p,
  .secContact .input-btn,
  .secContact h2,
  .secContact p {
    text-align: center;
  }
  .account .row .col-sm-12.col-md-5 {
    max-width: 96%;
    flex: 100%;
    border: 1px solid #0f2e5d;
    margin: 0 auto;
  }
  .account .row .col-sm-12.col-md-4 {
    max-width: 78%;
  }
  .account .row .col-sm-12.col-md-3 {
    max-width: 20%;
  }
  section.main-league.Current-league {
    padding-bottom: 0 !important;
    padding-top: 44px !important;
    margin: 0 !important;
  }
  .secCompetition.league-Competition {
    padding-top: 39px;
    padding-bottom: 50px !important;
  }
  .btns {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
  }
  .account,
  section.league-detail {
    padding-top: 30px;
  }
  section.main-league.Current-league p {
    margin-bottom: 27px !important;
    width: 100%;
  }
  .newsContent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
  }
  .league-heading-text h2 {
    font-size: 24px !important;
    margin-bottom: 44px !important;
    overflow: hidden;
  }
  .league-detail .row .txt p {
    border-radius: 12px;
  }
  .league-heading-text h4 {
    font-size: 18px !important;
    margin-bottom: 20px !important;
  }
  .league-heading-text {
    padding-top: 47px;
  }
  .fxt-box .ctn2.ctn,
  .league-detail > .container .row:nth-child(3) .league-info,
  .trophiesBox.userBox {
    margin-top: 50px;
  }
  .league-detail > .container .row:nth-child(3) .league-info label.checkon {
    margin: 20px 0 30px !important;
    display: flex;
    justify-content: space-between;
    padding: 0 25px !important;
    align-items: center;
  }
  .league-detail > .container .row:nth-child(3) .league-info .btns {
    display: block;
    margin-bottom: 50px;
    margin-top: 0 !important;
  }
  .division .dataTables_wrapper {
    overflow-x: scroll !important;
    zoom: 90%;
  }
  .leaderboardTableparent .dataTables_wrapper {
    overflow: hidden !important;
  }
  .dataTables_wrapper::-webkit-scrollbar {
    height: 5px;
  }
  .upcomingLeagues .owl-nav button.owl-prev {
    left: 35%;
    bottom: -35px;
    top: auto;
    display: block;
  }
  .fixture-slider svg,
  .upcomingLeagues .owl-nav button.owl-next svg,
  .upcomingLeagues .owl-nav button.owl-prev svg {
    position: unset !important;
  }
  .upcomingLeagues .owl-nav button.owl-next {
    top: auto;
    bottom: -35px;
    right: 35%;
  }
  .upcomingLeagues {
    margin-bottom: 28px;
    padding-bottom: 0;
  }
  .nearby-league h3.clr-white {
    margin-bottom: 20px;
  }
  .division {
    margin-top: 0;
  }
  .account-link a {
    font-size: 16px;
    padding: 10px;
    margin: 0;
  }
  .account-link a.btn-head {
    padding: 10px;
    margin: 0;
    display: block !important;
  }
  .banner-text p {
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 23px;
    font-weight: 600;
  }
  section.main-league.Current-league h2 {
    font-size: 30px;
    margin: 0 0 30px !important;
  }
  .breadcrumbs {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #nav-tabContent .input-field label br,
  .match-fixture .joined-players-slider .owl-dots,
  .secBanner h1.ft-benzin,
  section.about-us h3 {
    display: none;
  }
  section.about-us p {
    padding-right: 0;
    text-align: center;
  }
  .achievementBox .acv-list ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  .achvPopup .achievementBox {
    padding: 0 20px;
  }
  .achievementBox h3 {
    font-size: 25px;
  }
  .dataTables_scrollBody::-webkit-scrollbar {
    height: 5px;
  }
  .search .input-field,
  .search.newsletter {
    height: auto !important;
  }
  .leaderBox {
    zoom: 0.7;
    margin-left: 10%;
  }
  .leaderBoard .text {
    padding-right: 0;
    margin-bottom: 50px;
  }
  section.main-league.Current-league h3.clr-white {
    font-size: 30px;
  }
  .league-Competition h3.clr-white {
    font-size: 30px;
    margin-bottom: 0 !important;
  }
  .mapFilter .filter {
    background-color: #052349;
    padding-bottom: 50px;
  }
  .compForm {
    margin-bottom: 52px;
    margin-top: 29px;
  }
  #masthead .navbar {
    position: relative;
  }
  .navbar-brand {
    position: absolute;
    max-width: 120px;
  }
  .league-map h3.clr-white,
  .newsGrids,
  .statsBox {
    margin-bottom: 30px;
  }
  .blog-inner .text-center p,
  section.league-detail > .container > .division > .result-faq {
    margin-bottom: 50px;
  }
  .account .db-tabs nav .btns {
    margin: 5px auto 20px !important;
  }
  .account .db-tabs nav h3.clr-white {
    margin-bottom: 12px;
    line-height: 30px;
    font-size: 22px !important;
    padding-top: 20px;
    text-align: left;
  }
  .tab-content h4 {
    font-size: 24px;
  }
  .db-tabs nav .nav-tabs .nav-item,
  .userInfo .ctn .btn-custom.btn-blue {
    font-size: 14px;
  }
  #nav-tabContent .input-field.d-flex {
    display: flex !important;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  #nav-tabContent .input-field.d-flex label {
    max-width: 100% !important;
    flex: 100% !important;
    margin-bottom: 10px;
  }
  #nav-tabContent .input-field.d-flex span.field {
    max-width: 100% !important;
    flex: 100% !important;
    width: 100% !important;
  }
  #nav-tabContent .input-field.d-flex span.field select,
  #nav-tabContent .input-field.d-flex textarea {
    width: 100% !important;
  }
  #nav-tabContent .input-field label {
    width: 100% !important;
    max-width: 100% !important;
  }
  #nav-tabContent .input-field .chck,
  .validate .fieldset .input-field,
  .validate .fieldset .input-field.input-radio {
    flex-direction: column;
  }
  .validate .fieldset button.btn {
    margin-top: 22px;
  }
  .account .signupForm .input-field.input-file label {
    margin-bottom: 20px;
    font-size: 20px;
  }
  .signupForm .input-btn .btn {
    min-width: 130px;
  }
  .secAbout p {
    padding-right: 0;
  }
  .search .input-submit {
    top: 2px;
    right: 1px;
  }
  .search.newsletter .input-submit input {
    padding: 14px 62px !important;
    font-size: 18px;
    height: 47px;
    border-radius: 8px;
    margin-top: 20px;
  }
  .account .result-faq .dataTables_wrapper,
  .search.newsletter {
    border: 0 !important;
  }
  .search .input-field input {
    border: 2px solid #fff;
    border-radius: 8px;
    height: 55px;
    font-size: 16px;
  }
  .league-info .box-info,
  .secNewsletter .news-widget p {
    margin-bottom: 40px;
  }
  #aboutUS {
    margin-bottom: 23px;
  }
  .leaderBoard h2.text-center {
    text-align: center !important;
  }
  .banner_slider .owl-item .item {
    padding-top: 40px;
    display: flex;
    padding-bottom: 30px !important;
    height: 100%;
    align-items: flex-end;
  }
  .secBanner {
    height: 500px !important;
  }
  .banner_slider .owl-nav button.owl-prev {
    top: auto;
    bottom: 30px;
    left: 35%;
    z-index: 9;
  }
  .banner_slider .owl-nav button.owl-next {
    top: auto;
    bottom: 30px;
    right: 35%;
  }
  header#masthead {
    position: unset;
    background-color: #000;
  }
  .leaderBoard .mt-100 {
    margin-top: 40px;
  }
  .secCompetition .container > p {
    margin-top: 30px !important;
  }
  .search .input-submit input {
    height: 50px;
  }
  .filter ul.loct-list li {
    flex-direction: column;
    align-items: flex-start;
  }
  .filter ul.loct-list li a {
    margin-top: 20px;
  }
  .search.newsletter .input-submit {
    position: unset;
  }
  .footer .footerBottom .policyRow,
  .footer .footerBottom .policyRow.d-flex {
    order: 2;
  }
  .footer .footerBottom {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    gap: 12px;
  }
  .league-box.newxBox .btn-news {
    display: inline-block;
  }
  section.about-us > .container > .row .col-md-6:first-child {
    margin-bottom: 35px;
  }
  .league-Competition .search {
    border: 0;
  }
  .newxBox {
    margin-bottom: 0 !important;
  }
  .league-detail .result-table {
    overflow-x: scroll !important;
    display: inline-block;
  }
  .result-faq .dataTables_wrapper {
    overflow-x: visible;
    margin-bottom: 0;
  }
  .league-detail .result-table::-webkit-scrollbar {
    height: 5px;
  }
  .result-faq {
    margin-top: 43px;
  }
  .league-map {
    background-color: #052349;
    margin-top: 53px !important;
    margin-bottom: 50px;
    padding: 53px 30px 50px;
  }
  .match-fixture .fxt-box .ctn h5 {
    min-height: auto;
  }
  .league-map .map .kingcross-slider {
    max-width: 100%;
    flex: 100%;
    padding-left: 0;
    margin-top: 30px;
  }
  .secLeaderBoard {
    overflow-x: scroll !important;
    margin-bottom: 50px;
    margin-top: 50px;
  }
  .site-header .dropdown-menu a {
    font-size: 20px !important;
  }
  .account .tab-pane .update-form form.form.validate .fieldset:nth-child(6) .input-field.input-checkbox,
  .footer-widget .ft-logo,
  .league-detail .top-banner {
    margin-bottom: 0;
  }
  .footer-widget .ft-logo {
    text-align: center;
  }
  .footer-widget p {
    text-align: center;
  }
  header#masthead .headUser-menu .dropdown-user.show,
  header#masthead .notification-menu .dropdown-user.show {
    z-index: 10 !important;
  }
  header#masthead .headUser-menu .dropdown-user li a {
    font-size: 18px;
    padding: 10px 0 !important;
  }
  .achievementBox .acv-list ul li .icon img,
  .league-box.newxBox h4,
  .messageArea .msg-head .chat_users,
  .newxBox .newsContent h4,
  .newxBox .newsContent p,
  .secNews .newsContent h4,
  .secNews .newsContent p {
    width: 100%;
  }
  .footer-widget .ft-logo img.homeLogo {
    position: relative;
    left: -2px;
    width: 160px;
  }
  .ct-form .input-field input,
  .ct-form .input-field textarea,
  .leaderBox .txt p {
    font-size: 16px;
  }
  .db-tabs nav .nav-tabs .nav-item {
    width: 66px;
    max-width: 66px !important;
    margin: 0 !important;
    display: block !important;
    flex: none !important;
  }
  .league-detail .nav-tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    /*justify-content: space-between !important;*/
    align-items: center !important;
    overflow-x: scroll !important;
    gap: 20px;
    position: relative;
    top: 0;
    z-index: 9;
  }
  .league-detail .nav-tabs::-webkit-scrollbar {
    height: 1px;
  }
  .db-tabs nav {
    padding: 0 15px;
  }
  .message_main {
    width: 100%;
    margin-bottom: 30px;
  }
  .message_main a {
    display: block;
  }
  table td .message_main {
    width: auto;
    margin-bottom: 0px;
  }
  #footer_popup .modal-body h3,
  #footer_popup .modal-body h4,
  #term_popup .modal-body h3,
  #term_popup .modal-body h4,
  .leaderBox .post h2,
  .leaderBox .txt h4,
  .message_main a svg.svg-inline--fa.fa-envelope {
    font-size: 20px;
  }
  .stats-snooker {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .stats-snooker h2.clr-white.text-center {
    font-size: 32px;
    margin-bottom: 30px;
  }
  .statsBox h1 {
    font-size: 32px;
  }
  .statsBox h4 {
    font-size: 19px;
  }
  .statstBy-year {
    margin-top: 26px;
  }
  .statstBy-year .top-head {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .statstBy-year .top-head .input-field {
    width: 100% !important;
    margin-top: 10px;
  }
  .statstBy-year .top-head h4 {
    font-size: 22px;
  }
  .userInfo .pic_vc {
    max-width: 25%;
    flex: 25%;
  }
  .userInfo .ctn {
    max-width: 75%;
    flex: 75%;
    padding-left: 20px;
  }
  .userInfo .ctn h3 {
    font-size: 18px !important;
    margin-bottom: 0;
  }
  .userInfo .ctn p {
    font-size: 14px;
    margin-bottom: 0;
  }
  .joined-players-slider button.owl-next,
  .joined-players-slider button.owl-prev {
    top: 35% !important;
    margin: 0 !important;
    width: 45px !important;
    height: 45px !important;
  }
  .joined-players-slider button.owl-prev {
    left: 0 !important;
  }
  .joined-players-slider button.owl-next {
    right: 0 !important;
    left: auto !important;
  }
  .match-fixture .joined-players-slider {
    margin-top: 0;
    padding-bottom: 0;
  }
  .upcomingLeagues .owl-nav button svg {
    font-size: 16px !important;
  }
  .nearby-league .owl-nav {
    margin-top: 25px !important;
  }
  .achievementBox.userBox {
    padding: 20px 15px !important;
  }
  .account .tab-pane .update-form form.form.validate .fieldset,
  .acv-list,
  .trophiesPopup .achievementBox {
    padding: 0;
  }
  .account nav .nav-tabs {
    display: flex !important;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 30px;
    margin-bottom: 30px;
    overflow-x: scroll;
    justify-content: flex-start;
    gap: 20px;
  }
  .account .db-tabs nav .nav-tabs .nav-item {
    width: 183px !important;
    max-width: -moz-max-content !important;
    max-width: max-content !important;
    margin-bottom: 20px !important;
  }
  .account nav .nav-tabs::-webkit-scrollbar {
    height: 5px;
  }
  .account .btns {
    justify-content: center;
  }
  .match-fixture {
    padding-left: 18px;
    padding-bottom: 0;
    padding-top: 50px;
  }
  .fxt-box .ctn {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .league-detail .ctn {
    padding-bottom: 0 !important;
  }
  .profilebuttonset div#nav-tab {
    margin-top: 10px;
  }
  .profilebuttonset div#nav-tab a {
    width: auto !important;
    max-width: 100% !important;
    font-size: 12px;
  }
  .account .tab-pane .update-form form.form.validate .fieldset:nth-child(3),
  .account .tab-pane .update-form form.form.validate .fieldset:nth-child(5) {
    padding-top: 50px;
    padding-bottom: 72px;
  }
  .account .tab-pane .update-form form.form.validate .fieldset:nth-child(4) {
    padding-top: 50px;
    padding-bottom: 65px;
  }
  .account .tab-pane .update-form form.form.validate .fieldset:nth-child(6),
  .account .tab-pane .update-form form.form.validate .fieldset:nth-child(7) {
    padding-top: 50px;
    padding-bottom: 35px;
  }
  .account .tab-pane .update-form form.form.validate .fieldset:nth-child(8) {
    padding-top: 50px;
  }
  .account .tab-pane .update-form form.form.validate .fieldset:nth-child(8) .input-btn {
    justify-content: center;
    margin-top: 20px;
  }
  .account .fixture-slider .fxt-box {
    padding: 20px !important;
  }
  nav.navbar .account-link {
    margin: 0 5px 0 auto;
    max-width: 200px;
  }
  .gm-style-iw-d > div {
    width: -moz-max-content;
    width: max-content;
  }
  #terms_and_conditions_popup .d-flex {
    justify-content: space-between !important;
  }
  #terms_and_conditions_popup .d-flex button {
    max-width: 148px !important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px !important;
    padding: 12px 0 !important;
  }
  #terms_and_conditions_popup .cancel-terms-and-conditions {
    color: #00122d !important;
  }
  .fixture-slider .owl-nav button.owl-prev {
    left: 30% !important;
    margin: 0;
    top: auto !important;
    bottom: -40px !important;
  }
  .fixture-slider .owl-nav button.owl-next {
    top: auto !important;
    right: 30% !important;
    left: auto !important;
    bottom: -40px !important;
  }
  .fxt-box .week {
    width: calc(100% - 40px) !important;
  }
  .league-detail .fixture-slider .owl-nav button {
    bottom: 35px !important;
  }
  .division .fixture-slider {
    padding-bottom: 100px;
  }
  .account .fxt-box .dropdown.week {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .account .main-league.Current-league {
    padding: 0 0 0 18px !important;
  }
  .account .main-league .league-slider .owl-nav button {
    background: 0 0 !important;
    color: #274b82 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    bottom: 8px !important;
    top: auto !important;
  }
  .account .main-league .league-slider .owl-nav button.owl-prev {
    left: 22px !important;
  }
  .account .main-league .league-slider .owl-nav button.owl-next {
    right: 15px !important;
  }
  #mapOutputSidebar::-webkit-scrollbar {
    width: 2px;
  }
  #mapOutputSidebar {
    height: 300px;
  }
  .messageArea .msg-head .pic {
    width: 21%;
  }
  .messageArea .msg-head h2.clr-white {
    width: 79%;
    font-size: 18px;
    padding-left: 20px;
  }
  .messageArea .msg-head {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
  }
  .messageArea .message-txt {
    height: 50vh;
  }
  .message-list ul li h4 {
    padding: 0 !important;
  }
  .message-list ul {
    height: 30vh;
  }
  .update-account .fieldset .input-btn {
    justify-content: center !important;
  }
  .account .result-faq .dataTables_wrapper table {
    overflow-x: scroll !important;
    display: block;
  }
  .account .result-faq .dataTables_wrapper table::-webkit-scrollbar {
    height: 5px;
  }
  .secLeaderBoard .dataTables_wrapper {
    overflow-x: hidden !important;
  }
  .achievementBox .acv-list ul li {
    gap: 15px;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 13px;
    width: 100%;
  }
  .achievementBox .acv-list ul li .icon {
    width: 30%;
    display: block;
    max-width: 100px;
  }
  .achievementBox .acv-list ul li .txt {
    font-size: 13px !important;
    width: 65%;
  }
  .main-league .owl-carousel .owl-dots {
    bottom: 0;
  }
  .banner-text a.btn-custom {
    adding: 12px 30px;
    font-size: 14px;
    margin-top: 0;
  }
  .cancel-footer {
    padding: 11px 28px !important;
    font-size: 18px !important;
  }
  #footer_popup .modal-body,
  #term_popup .modal-body {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  #footer_popup .modal-body ul,
  #term_popup .modal-body ul {
    padding-left: 25px !important;
  }
  #footer_popup .modal-body h5,
  #term_popup .modal-body h5 {
    font-size: 17px;
  }
  .userInfo {
    display: block;
  }
  .pic_vc {
    max-width: 100% !important;
  }
  .userInfo .ctn {
    margin-top: 20px;
    padding: 0px;
    max-width: 100%;
    text-align: center;
  }
  .user_profile .userInfo img {
    width: 160px !important;
    height: 160px !important;
  }
}
.nameby,
.resultBy {
  position: relative;
  top: -9px;
}

@media (min-width: 768px) and (max-width: 1024px) {
  p {
    font-size: 16px;
    line-height: 27.2px;
  }
  .account .row .col-sm-12.col-md-5 {
    max-width: 66%;
  }
  .account .row .col-sm-12.col-md-9 {
    max-width: calc(100% - 90px);
  }
  .user_profile .row .col-md-8,
  .user_profile > .container > .row .col-md-8 {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .user_profile > .container > .row .col-md-4 {
    flex: 40%;
    max-width: 40%;
  }
  .message-list ul li h4,
  .secAbout p {
    padding-right: 0;
  }
  .banner-text h1 {
    font-size: 34px;
    margin-bottom: 25px;
  }
  .banner-text p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .btn-custom {
    font-size: 18px;
    padding: 11px 40px;
  }
  .banner-text {
    padding-left: 10px;
  }
  section.main-league.Current-league h2 {
    font-size: 30px;
    margin-bottom: 25px !important;
  }
  section.main-league.Current-league p {
    width: 100%;
    max-width: 655px;
    margin: 0 auto 40px !important;
  }
  .league-detail .top-banner {
    margin-bottom: 60px;
  }
  .user_profile .row .col-md-4 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .fxt-box .week {
    width: calc(100% - 120px);
  }
  .tooltip.show {
    left: -70px !important;
    top: -63px !important;
  }
  .fixture-slider .owl-nav button.owl-prev {
    left: 45%;
    top: auto !important;
    bottom: -30px !important;
  }
  .fixture-slider .owl-nav button.owl-next {
    top: auto !important;
    right: 45% !important;
    bottom: -30px !important;
  }
  .league-detail .fxt-box span.week {
    width: calc(100% - 90px);
  }
  .result-faq .dataTables_wrapper .table tbody tr td:first-child {
    padding-left: 30px;
  }
  td.vcc-2 {
    padding-left: 68px !important;
  }
  table#example {
    zoom: 0.9;
  }
  .division div#nav-tab {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll !important;
  }
  .division div#nav-tab a {
    margin: 0;
    display: block;
    width: 37%;
    max-width: 140px;
    flex: none !important;
    font-size: 18px;
  }
  .division div#nav-tab::-webkit-scrollbar {
    height: 5px;
  }
  .main-league .owl-carousel .owl-dots {
    bottom: -70px;
  }
  .main-league .owl-carousel .owl-nav {
    margin-top: 0;
    position: absolute;
    bottom: -80px;
    width: 100%;
  }
  .main-league .alert.alert-danger {
    margin-top: 85px;
  }
  .db-tabs nav .nav-tabs .nav-item {
    font-size: 17px;
    margin-right: 24px;
  }
  header#masthead .headUser-menu .dropdown-user,
  header#masthead .notification-menu .dropdown-user {
    z-index: 11 !important;
  }
  .messageArea .msg-head h2 {
    font-size: 22px;
  }
  .achievementBox .acv-list ul li {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 13px;
  }
  .achievementBox .acv-list ul li .icon {
    width: 30%;
    display: block;
  }
  .achievementBox .acv-list ul li .txt {
    width: 65%;
  }
  .achievementBox .acv-list ul li .icon img {
    width: 100%;
  }
  .achvPopup .achievementBox .acv-list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .achvPopup .achievementBox .acv-list ul li {
    width: 50%;
  }
  .banner-text a.btn-custom {
    padding: 12px 30px;
    font-size: 15px;
  }
  .cancel-footer {
    padding: 11px 40px !important;
  }
  .secAbout .homeLogo {
    height: 100%;
  }
  body .userInfo .pic_vc {
    max-width: 44%;
    flex: 35%;
  }
  body .userInfo .ctn {
    max-width: 53%;
    flex: 53%;
  }
  body .userInfo .ctn h3 {
    font-size: 20px;
  }
  .user_profile .userInfo img {
    width: 200px;
    height: 200px;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .league-detail .top-banner {
    margin-bottom: 70px;
  }
  .achievementBox .acv-list ul li {
    gap: 15px;
  }
  .fxt-box .week {
    width: calc(100% - 112px);
  }
  .tooltip.show {
    left: -76px !important;
    top: -70px !important;
  }
  .fxt-box .ctn .icon-win {
    right: 20px !important;
  }
  .league-detail .fxt-box span.week {
    width: calc(100% - 100px);
  }
  .messageArea .msg-head h2 {
    font-size: 24px;
  }
  .messageArea .msg-head {
    margin-bottom: 20px;
  }
  header#masthead .headUser-menu {
    position: absolute;
    top: 10px;
    right: 60px;
  }
  header#masthead .notification-menu {
    position: absolute;
    top: 20px;
    right: 130px;
  }
  .user_profile > .container > .row .col-md-4 {
    flex: 40%;
    max-width: 40%;
  }
  .user_profile > .container > .row .col-md-8 {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .secBanner {
    height: 620px;
  }
  .banner-text a.btn-custom {
    padding: 12px 30px;
    font-size: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  ul.loct-list li .btn-custom {
    min-width: 180px;
    text-align: center;
  }
  .nearby-league {
    padding-bottom: 82px;
  }
  .league-detail .top-banner {
    margin-bottom: 70px;
  }
  .messageArea .msg-head h2 {
    font-size: 28px;
  }
  .fxt-box .week {
    width: calc(100% - 130px);
  }
  .banner-text a.btn-custom {
    padding: 12px 34px;
    font-size: 16px;
  }
  .secBanner {
    height: 620px;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .banner_slider .owl-item .item {
    padding-top: 40px;
    display: flex;
    padding-bottom: 30px !important;
    height: 100%;
    align-items: flex-end;
    background-image: url(/images/banner-mbl.jpg?a742d8d92b1bde21a7a8261590cd9c1b) !important;
    background-size: cover;
    background-repeat: no-repeat;
  }
  ::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .banner_slider .owl-item .item {
    background-image: url(/images/banner_new.png?9ced44b0b03d36da7bbd6aa3de9916be) !important;
  }
  ::-webkit-scrollbar {
    width: 8px;
  }
}
.leagueMapList .league_target a {
  color: #f76a02;
}

.tooltip-inner {
  max-width: 500px !important;
  margin: 0 auto;
}

#tnc .modal-dialog {
  max-width: 800px;
}

#tnc .modal-dialog .tncPopup {
  padding: 35px;
  max-height: 90vh;
  overflow-y: scroll;
}

#tnc .accept-terms-and-conditions {
  margin-right: 12px;
}

.accept-consent,
.accept-terms-and-conditions {
  padding: 11px 75px !important;
}

#term_popup_change .modal-dialog {
  max-width: 800px;
}

#term_popup_change .modal-dialog .tncPopup {
  padding: 35px;
  max-height: 90vh;
  overflow-y: scroll;
}

#term_popup_change .accept-terms-and-conditions {
  margin-right: 12px;
}

.tncPopup {
  padding: 36px 36px 36px 36px !important;
}

#thankyouModal .signupPopup {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

#thankyouModal .signup-steps .thankyou h4 {
  font-size: 18px;
}

#thankyouModal .signup-steps .thankyou h5 {
  font-size: 18px !important;
}

.resultBy {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.discountValidate {
  background: #3e6aad;
  color: #fff !important;
  border: 0;
  line-height: 46px;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  display: block;
  clear: both;
  width: 50%;
  float: right;
  margin-top: 10px;
}

.discounttext label {
  width: 150px;
}

@media (min-width: 320px) and (max-width: 400px) {
  .discountValidate {
    font-size: 11px;
    line-height: 35px;
  }
  .select_payment label {
    font-size: 14px;
  }
}
body .pickSelectStyle .input-field span span ul {
  width: auto !important;
  text-overflow: initial !important;
  overflow: initial !important;
  margin-top: 65px !important;
}

.pickSelectStyle span ul {
  height: auto !important;
  position: initial !important;
}

.pickSelectStyle .selection .select2-selection {
  height: auto;
  position: initial;
}

body .discount_form textarea {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 18px !important;
  line-height: 50px;
  height: 52px !important;
  margin-top: 0 !important;
  border-radius: 7px;
  margin-left: 0 !important;
  background: #00122d !important;
  border: 1px solid #3e6aad !important;
}

body .pickSelectStyle span.select2-search {
  float: none !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

body .pickSelectStyle .select2-container--default span.select2-selection {
  border: 0 !important;
  padding-left: 0 !important;
}

#iosPopPermission .modal-body {
  padding-right: 20px;
}

#iosPopPermission #requestPermissionBtn {
  font-size: 18px;
  color: #fff !important;
  background: #fd6d01;
  border-radius: 8px;
  display: inline-block;
  border: 0;
  width: 215px;
  padding: 0;
  margin-right: 15px;
  line-height: 50px;
}

#iosPopPermission #deniedPermissionBtn {
  font-size: 18px;
  color: #000 !important;
  background: #fff;
  border-radius: 8px;
  display: inline-block;
  border: 0;
  width: 215px;
  padding: 0;
  margin-right: 15px;
  line-height: 50px;
}

@media (min-width: 320px) and (max-width: 767px) {
  #iosPopPermission .mainpermision {
    display: block !important;
  }
  #iosPopPermission #requestPermissionBtn {
    width: 100%;
    display: block;
    float: none;
    margin-bottom: 15px;
    margin-right: 0;
  }
  #iosPopPermission #deniedPermissionBtn {
    width: 100%;
    display: block;
    float: none;
  }
  .secAbout .homeLogo {
    height: 100%;
  }
}
.flagmainset {
  margin-top: 5px;
  margin-right: 4px;
}

body .flagOptionSet {
  height: 7px;
  padding-bottom: 3px;
  padding-left: 0;
  border: 0;
  margin-right: 0;
  margin-top: 4px;
  display: inline-block !important;
}

.banner_slider .item {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/images/banner_new.webp?fcaf015a020766cc7592fe56b4269516);
}

#footer_popup h3,
#footer_popup h4,
#footer_popup h5,
#term_popup h3,
#term_popup h4,
#term_popup h5,
#tnc h3,
#tnc h4,
#tnc h5,
#term_popup_change h3,
#term_popup_change h4,
#term_popup_change h5 {
  color: #9ea8b5;
  font-weight: 700;
}

#footer_popup .modal-body,
#term_popup .modal-body,
#tnc .modal-body, #term_popup_change .modal-body {
  padding-right: 36px;
}

#footer_popup a,
#term_popup a,
#tnc a,
#term_popup_change a {
  color: #9ea8b5;
  text-decoration: underline !important;
  font-weight: 700;
}

#footer_popup hr,
#term_popup hr,
#tnc hr, #term_popup_change hr {
  background: #9ea8b5;
}

.note-toolbar {
  border-bottom: 1px solid #000;
}

#tnc .modal-content {
  max-height: 90vh;
  overflow-y: auto;
}

#term_popup_change .modal-content {
  max-height: 90vh;
  overflow-y: auto;
}

section.blog-inner .row .txt p {
  background-color: transparent;
  font-size: initial;
  line-height: initial;
  padding: 0;
  border-radius: 0;
  margin: 0;
}

.select2-container--default .select2-results__option--selected {
  background-color: #00122D !important;
  color: #436395 !important;
}

.tooltip_data {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

body td.vcc-1 .tooltip_data .tooltiptext, .tooltiptext {
  width: 540px;
  color: #000;
  text-align: center;
  padding: 16px;
  border-radius: 5px;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  max-height: 160px;
  padding-top: 0px;
  padding-left: 0px;
  display: none;
  z-index: 1000000000000000000000;
}

.tooltiptextInnner {
  width: 540px;
  background-color: rgba(255, 255, 255, 0.9098039216);
  color: #000;
  text-align: center;
  padding: 16px;
  border-radius: 5px;
  z-index: 1;
  max-height: 160px;
  overflow-y: auto;
  font-weight: bold;
  display: block !important;
  line-height: 17px;
  font-size: 13px;
}

body .CommentIcon.tooltip_data .tooltiptext {
  width: 335px;
  transform: translateX(-35%);
}

body .CommentIcon.tooltip_data.tooltipLeftSide .tooltiptext {
  transform: translateX(-98%);
}

body .CommentIcon.tooltip_data .tooltiptextInnner {
  width: 335px;
}

/* Optional: Scrollbar styling for better appearance */
.tooltip_data .tooltiptext::-webkit-scrollbar {
  width: 6px;
}

.tooltip_data .tooltiptext::-webkit-scrollbar-thumb {
  background-color: #274b82; /* White scrollbar thumb */
  border-radius: 3px;
}

.tooltip_data .tooltiptext::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2); /* Dark scrollbar background */
}

@media (min-width: 768px) and (max-width: 1024px) {
  body td.vcc-1 .tooltip_data .tooltiptext {
    transform: translateX(-30%);
  }
  body .CommentIcon.tooltip_data .tooltiptextInnner {
    width: 300px;
  }
  .CommentIcon.tooltip_data .tooltiptext {
    transform: translateX(-34%) !important;
    width: 300px !important;
  }
  .CommentIcon.tooltip_data.tooltipLeftSide .tooltiptext {
    transform: translateX(-97%) !important;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  body td.vcc-1 .tooltip_data .tooltiptext {
    width: 320px;
  }
  body td.vcc-1 .tooltip_data .tooltiptextInnner {
    width: 320px;
    font-size: 11px;
  }
  body .CommentIcon.tooltip_data .tooltiptext {
    font-size: 12px;
    line-height: 15px;
    transform: translateX(-33%);
    width: auto;
  }
  body .CommentIcon.tooltip_data .tooltiptextInnner {
    width: 225px !important;
  }
  body .CommentIcon.tooltip_data.tooltipLeftSide .tooltiptext {
    transform: translateX(-81%);
  }
}
.grecaptcha-badge {
  visibility: hidden;
}

.recapv3 {
  color: #fff;
  text-align: left;
  width: 210px;
  margin: 0px auto;
  margin-top: 15px;
}

.recapv3 label {
  font-size: 0.9em;
  padding-left: 10px;
  font-weight: normal;
}

.recapv3 label a {
  color: #648cc9;
}

.recapv3 label a:hover {
  text-decoration: underline;
}

.recapv3 img {
  width: 28px;
  float: left;
  margin-top: 7px;
}

.leftSide {
  width: auto;
}

.responsiveBlock {
  display: none;
  margin-top: 50px;
}

.responsiveNone {
  display: block;
}

.descpleague_term .responsiveBlock {
  margin-top: 0px;
}

@media (min-width: 320px) and (max-width: 767px) {
  .leftSide {
    width: 210px;
  }
  .responsiveBlock {
    display: block;
  }
  .responsiveNone {
    display: none;
  }
  .divtop {
    margin-top: 50px;
  }
  .top-message .d-flex {
    padding: 7px 15px;
  }
  .top-message .d-flex p {
    padding-right: 0px;
    font-size: 15px;
  }
  .top-message {
    margin-bottom: 0px;
  }
}
.modal-open .modalresult {
  overflow-y: hidden;
}

.descpleague_term .text-container p {
  margin: 0;
  padding: 0;
}

.descpleague_term .text-container .short-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Limits text to 3 lines */
  -webkit-box-orient: vertical;
}

.descpleague_term .expand-link {
  color: blue;
  cursor: pointer;
  text-decoration: underline !important;
}

/*FAQS Page Css Start*/
.faq_video {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 60px 0px 80px;
}

.faq_video:not(.placeholder-hide):after {
  background: url(/images/Video-Placeholder.png?ceb606063b7e2b3c7149389f6f3ab2c4) no-repeat center center;
  background-size: 100% 100%;
  display: inline-block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.faq_video video {
  border-radius: 30px;
  max-height: 500px;
}

.faq_heading h2 {
  color: #fff;
  font-size: 48px;
  text-align: center;
  padding: 80px 0px;
  background: url(/images/faq_shade.png?3d0311b5c10960c727c93a3f1707c37e) no-repeat top;
  margin: 0px;
}

div#accordion {
  margin-top: -20px;
  margin-bottom: 80px;
}

.card-header {
  background: rgb(5, 28, 62);
  background: linear-gradient(90deg, rgb(5, 28, 62) 0%, rgb(15, 46, 93) 100%);
  border: 0px;
  border-bottom: 1px solid #274B82;
  border-radius: 16px !important;
  padding: 0px;
}

#accordion .card {
  background-color: transparent;
  border-radius: 16px;
  margin-bottom: 24px;
}

#accordion h5 button.btn {
  padding: 0px;
  border: 0px;
  color: #fff;
  font-size: 20px;
  font-family: Benzin;
  text-decoration: none;
  font-weight: 400;
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 32px 40px;
  white-space: normal;
  text-align: left;
}

#accordion .card .card-body {
  background-color: #051C3E;
  color: #9EA8B5;
  padding: 32px 40px 40px 40px;
  font-size: 16px;
  line-height: 26px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

#accordion .collapse.show {
  border-top: 1px solid #274B82;
  margin-top: -10px;
}

#accordion .card .card-header .btn:after {
  content: "\f0d8";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  float: right;
}

#accordion .card .card-header .btn.collapsed:after {
  content: "\f0d7";
}

.faq_page_sec h4 {
  font-size: 24px;
  color: #ff7f1e;
  line-height: 30px;
  margin-bottom: 4px;
  text-align: center;
  margin-top: 50px;
}

/*FAQS Responsive*/
@media (min-width: 320px) and (max-width: 767px) {
  .faq_video {
    margin: 40px 0px 40px;
  }
  .faq_heading h2 {
    font-size: 30px;
    padding: 40px 0px;
    background-position: top;
  }
  #accordion h5 button.btn {
    font-size: 13px;
    padding: 25px 20px;
    gap: 10px;
    align-items: center;
  }
  #accordion .card .card-body {
    padding: 25px;
    font-size: 14px;
    line-height: 24px;
  }
  div#accordion {
    margin-bottom: 50px;
  }
}
span.timeMessage {
  font-size: 10px;
  font-weight: 400;
  display: block;
  width: 100%;
  padding-left: 32px;
  margin-top: -4px;
  text-align: right;
  color: #4d1a00;
}

span.reciverText {
  color: #9ea8b5;
}

.msg-box.reciverText span.timeMessage {
  color: #9ea8b5;
}

.message_bottom {
  float: left;
  margin-bottom: 50px;
}

textarea.new_message {
  width: 100%;
  background: #0f2e5d;
  border: 2px solid #3e6aad !important;
  border-radius: 8px;
  height: 53px;
  color: #fff;
  padding: 11px 22px 0 15px;
  font-size: 18px;
  box-shadow: none;
  outline: 0;
}

#terms_and_conditions_popup p {
  color: #fff;
}

#terms_and_conditions_popup span {
  color: #fff;
}

#tnc a, #tnc p, #tnc span, #tnc h4, #tnc h5, #tnc h3, #tnc ul li {
  color: #fff;
}

#term_popup_change a, #term_popup_change p, #term_popup_change span, #term_popup_change h4, #term_popup_change h5, #term_popup_change h3, #term_popup_change ul li {
  color: #fff;
}

@media (min-width: 320px) and (max-width: 767px) {
  body .league-table-generate .message_main {
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 2px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-device-pixel-ratio: 3) {
  #terms_and_conditions_popup .modal-body {
    white-space: pre-line;
  }
}
#terms_and_conditions_popup p {
  line-height: 20px !important;
}

#footer_popup b, #footer_popup a, #footer_popup p, #footer_popup span, #footer_popup h2, #footer_popup h3, #footer_popup h4, #footer_popup h5, #footer_popup h3, #footer_popup ul li, #footer_popup ol li, #footer_popup dd, #footer_popup dt, #footer_popup dl,
#term_popup b, #term_popup a, #term_popup p, #term_popup span, #term_popup h2, #term_popup h3, #term_popup h4, #term_popup h5, #term_popup h3, #term_popup ul li, #term_popup ol li, #term_popup dd, #term_popup dt, #term_popup dl,
#cookie_popup b, #cookie_popup a, #cookie_popup p, #cookie_popup span, #cookie_popup h2, #cookie_popup h3, #cookie_popup h4, #cookie_popup h5, #cookie_popup h3, #cookie_popup ul li, #cookie_popup ol li, #cookie_popup dd, #cookie_popup dt, #cookie_popup dl,
#term_popup_change b, #term_popup_change a, #term_popup_change p, #term_popup_change span, #term_popup_change h2, #term_popup_change h3, #term_popup_change h4, #term_popup_change h5, #term_popup_change h3, #term_popup_change ul li, #term_popup_change ol li, #term_popup_change dd, #term_popup_change dt, #term_popup_change dl,
.tncPopup b, .tncPopup a, .tncPopup p, .tncPopup span, .tncPopup h2, .tncPopup h3, .tncPopup h4, .tncPopup h5, .tncPopup h3, .tncPopup ul li, .tncPopup ol li, .tncPopup dd, .tncPopup dt, .tncPopup dl {
  line-height: 26px;
  font-size: 16px;
  color: #fff;
}

.terms-container .heading-1 {
  font-size: 2em; /* Similar to <h1> */
  font-weight: bold;
  margin-bottom: 0.5em;
  display: block;
}

.terms-container .heading-2 {
  font-size: 1.75em; /* Similar to <h2> */
  font-weight: bold;
  margin-bottom: 0.4em;
  display: block;
}

.terms-container .heading-3 {
  font-size: 1.5em; /* Similar to <h3> */
  font-weight: bold;
  margin-bottom: 0.3em;
  display: block;
}

.terms-container .heading-4 {
  font-size: 1.25em; /* Similar to <h4> */
  font-weight: bold;
  margin-bottom: 0.2em;
  display: block;
}

.terms-container .heading-1,
.terms-container .heading-2,
.terms-container .heading-3,
.terms-container .heading-4 {
  font-weight: bold;
  display: inline; /* Ensures it stays on the same line as the number */
  font-size: inherit; /* Prevents overriding the list style */
  margin-left: 0.5em; /* Adds spacing between the number and text */
  margin-bottom: 1rem;
}

/* Global counter for all numbering */
.terms-container.starter-number {
  counter-reset: mainCounter;
}

.terms-container .letters {
  counter-set: letterCounter 0;
}

/* Main numbered list (1, 2, 3...) */
.terms-container ol.numbered {
  list-style: none;
  padding-left: 1.5em;
}

.terms-container ol.numbered > li {
  counter-increment: mainCounter;
  margin-bottom: 1rem;
}

.terms-container ol.numbered > li::before {
  content: counter(mainCounter) ". ";
  font-weight: bold;
}

/* First nested decimal list (1.1, 1.2...) */
.terms-container ol.numbered ol {
  counter-reset: subCounter;
  list-style: none;
  padding-left: 0 !important;
}

.terms-container ol.numbered ol > li {
  counter-increment: subCounter;
  margin-bottom: 1rem;
}

.terms-container ol > li > ol {
  margin-top: 1rem;
}

.terms-container li h3 + p,
.terms-container ul + p,
.terms-container ul + h3 {
  margin-top: 1rem;
}

.terms-container ol.numbered ol > li::before {
  content: counter(mainCounter) "." counter(subCounter) " ";
  font-weight: bold;
}

/* Second nested decimal list (1.1.1, 1.1.2...) */
.terms-container ol.numbered ol ol {
  counter-reset: thirdCounter;
  list-style: none;
  padding-left: 1.5em;
}

.terms-container ol.numbered ol ol > li {
  counter-increment: thirdCounter;
}

.terms-container ol.numbered ol ol > li::before {
  content: counter(mainCounter) "." counter(subCounter) "." counter(thirdCounter) " ";
  font-weight: bold;
}

/* Lettered list (A, B, C...) - Continues numbering */
.terms-container ol.lettered {
  list-style: none;
  padding-left: 1.5em;
}

.terms-container ol.lettered > li {
  counter-increment: letterCounter !important;
}

.terms-container ol.lettered > li::before {
  content: counter(letterCounter, upper-alpha) ". " !important;
  font-weight: bold;
}

/* Lowercase lettered list (a, b, c...) */
.terms-container ol.lettered.lowercase > li::before {
  content: counter(letterCounter, lower-alpha) ". " !important;
}

/* Manual reset */
.reset {
  counter-reset: mainCounter;
}

.terms-container .table-bordered td,
.terms-container .table-bordered th {
  border: 1px solid #dee2e6 !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}