@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Square+Peg&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
img {
  max-width: 100%; }

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  padding: 0;
  color: #999999;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%; }

a {
  color: #027e6a;
  text-decoration: none; }

.btn-primary {
  background: linear-gradient(90deg, #246664 0%, #027e6a 50%);
  border-color: #000000;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  border-radius: 18px; }

.btn-outline-primary {
  border-color: #027e6a;
  color: #027e6a;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.38);
  border-radius: 14px;
  background: transparent;
  font-size: 17px; }

section {
  margin-bottom: 20px; }

.g-6, .gy-6 {
  --bs-gutter-y: 4rem; }

.card-shadow-style {
  background: #ffffff;
  border-radius: 18px;
  padding: 10px;
  -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.58);
  -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.58);
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.58);
  border: 1px solid #969998;
  position: relative;
  color: #666; }
  .card-shadow-style strong {
    font-weight: 600; }
  .card-shadow-style h4 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px; }
  .card-shadow-style h3 {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px; }
  .card-shadow-style h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #999999; }
  .card-shadow-style p {
    font-size: 11px;
    margin-bottom: 10px; }

.card-shadow-style.v2 {
  background: #ffffff;
  border-radius: 18px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  border: 0;
  position: relative;
  color: #666;
  background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 7px, transparent 7px) 0% 0%/8px 8px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 7px, transparent 7px) 100% 0%/8px 8px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 7px, transparent 7px) 0% 100%/8px 8px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 7px, transparent 7px) 100% 100%/8px 8px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 16px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 16px) calc(100% - 2px) no-repeat, linear-gradient(transparent 0%, #060606 100%);
  border-radius: 8px;
  padding: 10px;
  box-sizing: border-box;
  min-height: 160px; }
  .card-shadow-style.v2 strong {
    font-weight: 600; }
  .card-shadow-style.v2 h4 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px; }
  .card-shadow-style.v2 h3 {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px; }
  .card-shadow-style.v2 h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #999999; }
  .card-shadow-style.v2 p {
    font-size: 11px;
    margin-bottom: 10px; }

.card-shadow-style.bottom-line {
  margin-bottom: 70px; }
  .card-shadow-style.bottom-line:after {
    content: "";
    background-color: #000;
    position: absolute;
    width: 1px;
    height: 50px;
    bottom: -52px;
    left: 50%;
    display: block; }

.form-btn {
  background: #99ea84;
  background: -moz-linear-gradient(left, #99ea84 0%, #8ede93 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #99ea84), color-stop(100%, #8ede93));
  background: -webkit-linear-gradient(left, #99ea84 0%, #8ede93 100%);
  background: -o-linear-gradient(left, #99ea84 0%, #8ede93 100%);
  background: -ms-linear-gradient(left, #99ea84 0%, #8ede93 100%);
  background: linear-gradient(to right, #99ea84 0%, #8ede93 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ea84', endColorstr='#8ede93', GradientType=1 );
  border: 1px solid #98a198;
  font-weight: 600;
  font-size: 18px;
  padding: 10px;
  color: #ffffff;
  border-radius: 0;
  display: block;
  width: 100%; }
  .form-btn:hover {
    color: #ffffff;
    border: 1px solid #98a198; }

.btn button:active {
  color: #ffffff; }

.btn-green-highlited {
  background: #37bb1a;
  background: -moz-linear-gradient(45deg, #37bb1a 0%, #79ca08 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, #37bb1a), color-stop(100%, #79ca08));
  background: -webkit-linear-gradient(45deg, #37bb1a 0%, #79ca08 100%);
  background: -o-linear-gradient(45deg, #37bb1a 0%, #79ca08 100%);
  background: -ms-linear-gradient(45deg, #37bb1a 0%, #79ca08 100%);
  background: linear-gradient(45deg, #37bb1a 0%, #79ca08 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37bb1a', endColorstr='#79ca08', GradientType=1 );
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  line-height: normal;
  padding: 10px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1); }

.globle-swiper-btn-r {
  position: absolute;
  top: 50%;
  right: -20px;
  font-size: 30px;
  color: #027e6a; }

.globle-swiper-btn-l {
  position: absolute;
  top: 50%;
  left: -20px;
  font-size: 30px;
  color: #027e6a; }

.accordion {
  --bs-accordion-bg:transparent; }

.accordion-button::after {
  color: #027e6a; }

.accordion-button {
  padding: 5px 10px;
  color: #515050; }

.accordion-button:after {
  background-image: url("../images/accordion-btn-down.png");
  height: 12px;
  width: 20px; }

.accordion-button:not(.collapsed):after {
  background-image: url("../images/accordion-btn-down.png"); }

.accordion-button:not(.collapsed) {
  background-color: transparent;
  outline: none;
  border: 0;
  border-width: 0; }

.accordion-body {
  font-size: 12px;
  color: #999999; }
  .accordion-body h4 {
    color: #027e6a;
    font-size: 14px; }
  .accordion-body h2 {
    font-size: 21px; }

.card-pollygon-border-style {
  border-radius: 0px 10px 0 10px;
  padding: 5px;
  border: 1px solid #b7b8b7;
  position: relative;
  color: #666;
  margin-bottom: 10px;
  font-size: 11px; }
  .card-pollygon-border-style h3.card-pollygon {
    color: #027e6a;
    font-size: 20px;
    text-transform: uppercase; }

.card-pollygon-border-style.border-green {
  border: 1px solid #027e6a; }

.login-box .login-box-inner.bg-static-page {
  background: url("../images/patterm.png") no-repeat top left;
  background-size: cover;
  background-color: rgba(255, 255, 255, 0.92); }

.bg-static-page h1 {
  color: #027e6a;
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 20px; }

.bg-static-page h2 {
  color: #666;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px; }

.bg-static-page p {
  line-height: normal; }

.bg-static-page ul {
  list-style: none;
  padding-left: 0; }

.modal-div {
  border: 3px solid #5c9a83;
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 15px;
  background: #63b283;
  width: 42%;
  border-radius: 20px; }
  .modal-div h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 600; }
  .modal-div .prediction-community-select-box {
    display: flex;
    align-items: center;
    justify-content: start;
    color: #fff;
    gap: 10px;
    margin-top: 20px; }
  .modal-div select {
    width: 50%; }
  .modal-div .modal-div-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    color: #fff; }
    .modal-div .modal-div-footer .btn-light-gray {
      padding: 4px 16px;
      border: 1px solid #5c9a83;
      border-radius: 2px;
      font-size: 22px;
      font-weight: 600;
      color: #5c9a83; }

.dashborard-nav {
  position: relative; }

.dashboard-links .navbar-nav .nav-link {
  background: #ffffff !important;
  border-radius: 4px;
  color: #999999;
  font-size: 16px;
  line-height: normal;
  margin-left: 6px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #000;
  padding: 5px 10px;
  display: flex;
  gap: 5px; }

.dashboard-links .navbar-nav .nav-link:hover {
  background: linear-gradient(90deg, #246664 0%, #027e6a 50%) !important;
  color: #ffffff; }

.dashboard-links .navbar-nav .nav-link.active {
  background: linear-gradient(90deg, #246664 0%, #027e6a 50%) !important;
  color: #ffffff; }

.modal-content.v2 {
  border-radius: 0;
  border: 2px solid #666666; }
  .modal-content.v2 .modal-header {
    border: 0; }
  .modal-content.v2 .modal-con-h5 {
    font-size: 18px;
    color: #515050;
    margin-top: 20px; }
  .modal-content.v2 .modal-con-h6 {
    font-size: 12px;
    color: #515050 !important;
    margin-top: 20px; }

.modal-info-box {
  padding: 15px 30px;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px; }

.modal-info-box.green {
  color: #fff;
  background-color: #378f81; }

.modal-info-box.green-light {
  color: #515050;
  background-color: #9edf5e;
  font-weight: 500;
  font-size: 16px; }

.modal-body-img {
  margin-bottom: 20px;
  margin-top: 40px; }

button.btn.btn-primary.btn-modal-v2 {
  border-radius: 0;
  border: 2px solid #515050; }

@media (min-width: 1920px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1600px; } }
.header-main {
  min-height: 120px;
  position: relative; }
  .header-main .header-login {
    position: absolute;
    bottom: -125px;
    z-index: 9;
    left: 0; }
    .header-main .header-login .logo {
      max-width: 252px; }
    .header-main .header-login .select-language {
      margin-top: 0px;
      align-items: center; }
      .header-main .header-login .select-language h4 {
        color: #000000;
        font-size: 18px;
        margin-right: 20px;
        font-weight: 400; }
      .header-main .header-login .select-language a {
        text-align: center;
        display: inline-block;
        color: #afbec6;
        text-decoration: none;
        font-size: 12px; }
      .header-main .header-login .select-language .language-flag {
        margin-left: 10px; }
    .header-main .header-login .nav-login {
      margin-top: 75px; }
      .header-main .header-login .nav-login .nav-link {
        border: 1px solid #999999;
        border-radius: 6px;
        color: #666666;
        padding: 4px 20px;
        font-size: 12px; }
        .header-main .header-login .nav-login .nav-link:hover {
          background: linear-gradient(90deg, #246664 0%, #027e6a 50%);
          color: #ffffff; }
      .header-main .header-login .nav-login .nav-item {
        margin-left: 10px; }
      .header-main .header-login .nav-login .login-nav-btn {
        font-weight: 400;
        font-size: 16px;
        padding: 1px 20px;
        text-transform: uppercase;
        background: linear-gradient(90deg, #246664 0%, #027e6a 50%);
        color: #ffffff;
        box-shadow: 2px -1px 10px -5px rgba(0, 0, 0, 0.75);
        -webkit-box-shadow: 2px -1px 10px -5px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 2px -1px 10px -5px rgba(0, 0, 0, 0.75);
        border: 1px solid #fff; }
  .header-main .btn-login-create {
    z-index: 900; }

.header-main.loginGroup_registration-process {
  min-height: 55px; }
  .header-main.loginGroup_registration-process .header-login {
    bottom: -115px; }
    .header-main.loginGroup_registration-process .header-login .logo {
      max-width: 157px;
      margin-top: -50px; }
    .header-main.loginGroup_registration-process .header-login .select-language h4 {
      color: #76928b;
      margin-right: 10px; }
    .header-main.loginGroup_registration-process .header-login .select-language img {
      height: 26px; }
    .header-main.loginGroup_registration-process .header-login .select-language a {
      color: #76928b; }

.header-main.login-new {
  min-height: 65px; }

.login-box .login-box-inner {
  background: url("../images/login-bg-box.svg") no-repeat top right;
  background-size: cover;
  background-color: white;
  padding: 115px 40px 40px 40px;
  overflow: hidden;
  border-radius: 35px;
  opacity: 95%; }
  .login-box .login-box-inner .login-box-text {
    margin-top: 50px; }
    .login-box .login-box-inner .login-box-text h1 {
      color: #027e6a;
      font-size: 36px;
      margin-bottom: 90px;
      padding-right: 100px;
      font-weight: 400; }
    .login-box .login-box-inner .login-box-text ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .login-box .login-box-inner .login-box-text ul li {
        display: flex;
        align-items: start;
        margin-bottom: 30px; }
        .login-box .login-box-inner .login-box-text ul li button {
          margin-right: 30px;
          min-width: 134px;
          max-width: 134px;
          font-weight: 600;
          font-size: 20px;
          -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.38);
          -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.38);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.38); }
.login-box .login-box-inner.bg-new {
  background: url("../images/login-bg-box.png") no-repeat top right;
  background-size: 100%;
  background-color: #fff; }

.login-content-area .login-content-area-inner {
  background: url("../images/login-page-content-area-bg.png") no-repeat top left;
  background-size: contain;
  background-color: rgba(255, 255, 255, 0.92);
  padding: 40px;
  overflow: hidden;
  border-radius: 30px; }
  .login-content-area .login-content-area-inner .login-content-area-inner-text {
    margin-top: 10px; }
    .login-content-area .login-content-area-inner .login-content-area-inner-text h1 {
      color: #027e6a;
      font-size: 50px;
      margin-bottom: 140px;
      padding-right: 100px; }
    .login-content-area .login-content-area-inner .login-content-area-inner-text p {
      text-align: left; }
    .login-content-area .login-content-area-inner .login-content-area-inner-text p strong {
      font-weight: 600; }
    .login-content-area .login-content-area-inner .login-content-area-inner-text ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .login-content-area .login-content-area-inner .login-content-area-inner-text ul li {
        display: flex;
        align-items: start;
        margin-bottom: 10px; }
        .login-content-area .login-content-area-inner .login-content-area-inner-text ul li button {
          margin-left: 20px;
          max-width: 330px;
          font-weight: 400;
          font-size: 26px;
          text-align: left;
          padding: 20px;
          line-height: 32px;
          border: 1px solid #000;
          -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.38);
          -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.38);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.38); }
    .login-content-area .login-content-area-inner .login-content-area-inner-text .hr-lines {
      position: relative;
      max-width: 80%;
      margin: 0 auto;
      text-align: center;
      font-size: 50px;
      font-weight: 400; }
      .login-content-area .login-content-area-inner .login-content-area-inner-text .hr-lines p {
        text-align: center;
        margin-top: 40px;
        font-size: 24px; }
      .login-content-area .login-content-area-inner .login-content-area-inner-text .hr-lines:before {
        content: " ";
        height: 1px;
        width: 43%;
        background: #666666;
        display: block;
        position: absolute;
        top: 50%;
        left: 0; }
      .login-content-area .login-content-area-inner .login-content-area-inner-text .hr-lines:after {
        content: " ";
        height: 1px;
        width: 43%;
        background: #666666;
        display: block;
        position: absolute;
        top: 50%;
        right: 0; }
.login-content-area .prediction-community {
  margin-top: 20px; }
  .login-content-area .prediction-community h1 {
    font-size: 50px;
    font-weight: 500;
    color: #999999;
    text-align: center;
    margin-bottom: 50px; }
  .login-content-area .prediction-community a.load-more {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    font-size: 24px; }

.prediction-list-box {
  background: #ffffff;
  border-radius: 0 0 40px 40px;
  -webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.28);
  box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.28);
  border: 1px solid #000000;
  overflow: hidden; }
  .prediction-list-box .prediction-thumb img {
    width: 100%; }
  .prediction-list-box .prediction-content-area {
    padding: 15px;
    line-height: normal; }
    .prediction-list-box .prediction-content-area .prediction-content-list h4 {
      text-align: center;
      margin: 0;
      font-size: 14px; }
    .prediction-list-box .prediction-content-area .prediction-content-list p {
      font-size: 11px;
      margin-bottom: 0;
      padding-top: 5px;
      margin-top: 15px;
      border-top: 1px solid #999999; }
      .prediction-list-box .prediction-content-area .prediction-content-list p span {
        text-align: center;
        margin: 0;
        display: block; }
      .prediction-list-box .prediction-content-area .prediction-content-list p .underline {
        text-decoration: underline;
        font-size: 14px;
        font-weight: 500; }
    .prediction-list-box .prediction-content-area .prediction-content-list a {
      color: #000000;
      text-decoration: none;
      font-weight: 400; }

.login-box-text.new-text {
  margin-top: 0px !important; }
  .login-box-text.new-text h2 {
    color: #027e6a;
    font-size: 38px;
    margin-bottom: 0px;
    font-weight: 700;
    text-shadow: 0px 3px 8px white; }
  .login-box-text.new-text p {
    font-size: 33px;
    color: #027e6a;
    padding-left: 75px;
    font-weight: 400;
    text-shadow: 0px 3px 8px white; }

.login-box-first-thing {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center; }
  .login-box-first-thing h2 {
    color: #666;
    font-size: 33px;
    margin-bottom: 0px;
    font-weight: 600; }
  .login-box-first-thing p {
    font-size: 22px;
    color: #666;
    font-weight: 500; }

.first-thing-buttons-box {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .first-thing-buttons-box button.btn.btn-predint-login {
    background: rgba(0, 135, 137, 0.9);
    background: -moz-linear-gradient(left, rgba(0, 135, 137, 0.9) 0%, rgba(54, 161, 147, 0.9) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 135, 137, 0.9)), color-stop(100%, rgba(54, 161, 147, 0.9)));
    background: -webkit-linear-gradient(left, rgba(0, 135, 137, 0.9) 0%, rgba(54, 161, 147, 0.9) 100%);
    background: -o-linear-gradient(left, rgba(0, 135, 137, 0.9) 0%, rgba(54, 161, 147, 0.9) 100%);
    background: -ms-linear-gradient(left, rgba(0, 135, 137, 0.9) 0%, rgba(54, 161, 147, 0.9) 100%);
    background: linear-gradient(to right, rgba(0, 135, 137, 0.9) 0%, rgba(54, 161, 147, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008789', endColorstr='#36a193', GradientType=1 );
    text-align: left;
    font-size: 38px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 16px;
    padding: 10px 20px;
    -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.26);
    box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.26);
    border: 1px solid #ffffff;
    line-height: normal;
    min-height: 100px;
    position: relative;
    width: 45%; }
    .first-thing-buttons-box button.btn.btn-predint-login span {
      font-size: 12px;
      display: block;
      text-transform: uppercase;
      font-weight: 400;
      line-height: normal; }
    .first-thing-buttons-box button.btn.btn-predint-login a.icon {
      position: absolute;
      right: -7px;
      top: -7px;
      background: #000;
      border: 1px solid #fff;
      border-radius: 50px;
      height: 20px;
      width: 20px;
      display: flex;
      justify-content: center;
      align-items: center; }
  .first-thing-buttons-box .and-or {
    line-height: normal;
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #666; }
  .first-thing-buttons-box button.btn.btn-predint-login.small-text {
    font-size: 24px;
    padding: 10px; }

.already-register-box {
  text-align: center;
  width: 100%;
  margin-top: 63px; }
  .already-register-box h2 {
    color: #333333;
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: 500;
    margin-bottom: 10px; }
  .already-register-box button.btn.btn-predint-login.login {
    background: #66cc33;
    background: -moz-linear-gradient(left, #66cc33 0%, #99cc66 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #66cc33), color-stop(100%, #99cc66));
    background: -webkit-linear-gradient(left, #66cc33 0%, #99cc66 100%);
    background: -o-linear-gradient(left, #66cc33 0%, #99cc66 100%);
    background: -ms-linear-gradient(left, #66cc33 0%, #99cc66 100%);
    background: linear-gradient(to right, #66cc33 0%, #99cc66 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66cc33', endColorstr='#99cc66', GradientType=1 );
    font-size: 42px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 16px;
    padding: 10px 20px;
    -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.26);
    box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.26);
    border: 1px solid #ffffff;
    line-height: normal;
    min-height: 100px;
    position: relative;
    text-align: center;
    width: 30%; }

.login-box-text.new-text.center {
  text-align: center;
  margin-bottom: 50px; }
  .login-box-text.new-text.center p {
    padding-left: 0px;
    margin: 0;
    line-height: normal; }

.first-thing-buttons-box.wrap-text {
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px; }

.first-thing-buttons-box.wrap-text button.btn.btn-predint-login {
  text-align: center;
  width: 70%; }

.first-thing-buttons-box.wrap-text button.btn.btn-predint-login.green-btn {
  background: #66cc00;
  background: -moz-linear-gradient(left, #66cc00 0%, #99cc33 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #66cc00), color-stop(100%, #99cc33));
  background: -webkit-linear-gradient(left, #66cc00 0%, #99cc33 100%);
  background: -o-linear-gradient(left, #66cc00 0%, #99cc33 100%);
  background: -ms-linear-gradient(left, #66cc00 0%, #99cc33 100%);
  background: linear-gradient(to right, #66cc00 0%, #99cc33 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66cc00', endColorstr='#99cc33', GradientType=1 ); }

.first-thing-buttons-box.wrap-text .and-or {
  width: 100%;
  font-size: 30px;
  color: #333333;
  margin: 30px 0; }

.card-shadow-style.px-3.v2.no-height.new-login-home {
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.6);
  text-align: left;
  padding: 15px 30px; }
  .card-shadow-style.px-3.v2.no-height.new-login-home h2 {
    font-size: 30px;
    color: #027e6a;
    text-transform: uppercase;
    font-weight: 700; }
  .card-shadow-style.px-3.v2.no-height.new-login-home .login-form-sec {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 50px; }
    .card-shadow-style.px-3.v2.no-height.new-login-home .login-form-sec .item-form-login {
      width: 100%; }
      .card-shadow-style.px-3.v2.no-height.new-login-home .login-form-sec .item-form-login p {
        font-size: 12px; }
      .card-shadow-style.px-3.v2.no-height.new-login-home .login-form-sec .item-form-login a {
        font-weight: 700; }
  .card-shadow-style.px-3.v2.no-height.new-login-home .login-form-sec input.form-control {
    border-radius: 0;
    padding: 10px;
    border: 1px solid #6e6e6d;
    font-size: 18px;
    margin-bottom: 10px; }

.new-administration-container.v3 h1.v3 {
  color: #378f81;
  font-size: 26px;
  font-weight: 700;
  margin: 30px 0 20px; }

.card-shadow-style.v2.club-box.v3 a.icon {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #000;
  border: 1px solid #fff;
  border-radius: 50px;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center; }

.inner-v3-new-comunity {
  width: 36%; }

.new-administration-container.v3 .rule-orm-row .form-label {
  font-size: 16px;
  margin: 0;
  color: #333;
  font-weight: 500;
  margin-bottom: 10px; }

.card-shadow-style.v2.club-box.v3 a {
  font-size: 24px;
  color: #515050;
  font-weight: 700; }

.new-administration-container.v3 .rule-orm-row input, select, textarea {
  margin-bottom: 10px; }

.new-administration-container.v3 h3.card-head-v3 {
  color: #999999;
  font-size: 16px;
  font-weight: 500;
  margin: 0px 0 5px; }

.inner-v3-new-comunity.full-width {
  width: 100%; }

.p-game-status-form {
  display: flex;
  gap: 80px; }

.p-game-status-form .state-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
  gap: 20px;
  color: #666;
  margin-bottom: 15px; }

.card-shadow-style.v2 .p-game-status-form .state-list input {
  border-radius: 4px;
  border: 1px solid #cccccc;
  padding: 5px 5px;
  width: 100%;
  font-size: 16px; }

.upload-sec-v3 {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .upload-sec-v3 .upload-area {
    width: 24%; }
    .upload-sec-v3 .upload-area .upload-with-logo .upload-input {
      width: 100%; }
    .upload-sec-v3 .upload-area small {
      font-size: 14px;
      display: block;
      margin: 10px 0; }
  .upload-sec-v3 .upload-right-img img {
    height: 50px; }

.card-shadow-style.v2.px-3.club-box.v3 .upload-file-box {
  width: 100%; }
  .card-shadow-style.v2.px-3.club-box.v3 .upload-file-box h5 {
    margin-bottom: 10px;
    min-height: auto; }
  .card-shadow-style.v2.px-3.club-box.v3 .upload-file-box .upload-input h6 {
    font-size: 15px;
    color: #999999;
    padding-left: 0; }

.card-shadow-style.v2.club-box.v3 .match-country p {
  font-size: 12px;
  margin-bottom: 0px;
  margin-top: 0px; }

.card-shadow-style.v2.club-box.v3 .match-list-iteam .match-day-list-icon-box {
  margin-left: 4px;
  height: 30px;
  display: flex;
  align-items: center; }

.card-shadow-style.v2.club-box .more-langue-info.v3 {
  position: relative;
  margin-top: 20px; }
  .card-shadow-style.v2.club-box .more-langue-info.v3 p {
    margin: 0;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 12px; }

.setup-select-langua-wrapper .match-list.user-table-2.v3 .match-list-iteam a {
  margin-left: 0px; }

.card-shadow-style.v2.club-box.v3 .rule-setting-form.v3 h3 {
  color: #666666;
  font-size: 20px;
  font-weight: 500; }

.rule-setting-form.v3 .rule-orm-row .form-label {
  font-size: 12px;
  margin: 0;
  color: #939292;
  font-weight: 500;
  margin-bottom: 5px; }

.rule-setting-form.v3 {
  width: 70%; }

.setup-select-langua-wrapper .customize-rule-wrapper.v3 {
  margin-top: 50px; }

.setup-select-langua-wrapper .customize-rule-wrapper.v3 h5 {
  font-size: 12px;
  font-weight: 500;
  margin: 0;
  color: #939292; }

.card-shadow-style.v2.club-box.v3 .customize-rule-wrapper.v3 p {
  font-size: 11px; }

.setup-select-langua-wrapper .customize-rule-wrapper.v3 .form-textarea {
  border: 2px solid #666666;
  width: 100%;
  padding: 10px;
  height: 200px;
  font-size: 16px;
  color: #999999; }

button.btn.btn-dark-green.v2.justify-content-end.full-width {
  width: 100%; }

.login-box.loginGroup_registration-process .login-box-inner {
  padding: 50px 40px 40px 40px; }
  .login-box.loginGroup_registration-process .login-box-inner .signup-form {
    padding: 15px; }
    .login-box.loginGroup_registration-process .login-box-inner .signup-form h2 {
      font-size: 28px;
      color: #027e6a;
      text-transform: uppercase;
      font-weight: 600;
      margin-bottom: 15px; }
    .login-box.loginGroup_registration-process .login-box-inner .signup-form .form-control, .login-box.loginGroup_registration-process .login-box-inner .signup-form .form-check-input {
      border-radius: 0;
      padding: 10px;
      border: 1px solid #6e6e6d;
      font-size: 18px;
      margin-bottom: 10px; }
    .login-box.loginGroup_registration-process .login-box-inner .signup-form .form-check .form-check-input {
      margin-top: 0; }
    .login-box.loginGroup_registration-process .login-box-inner .signup-form .form-check .form-check-label {
      font-size: 11px;
      line-height: normal;
      margin-left: 5px;
      color: #515050; }
      .login-box.loginGroup_registration-process .login-box-inner .signup-form .form-check .form-check-label a {
        color: #cc3333;
        text-decoration: none; }
    .login-box.loginGroup_registration-process .login-box-inner .signup-form .note {
      font-size: 18px;
      color: #515050;
      font-weight: 400;
      line-height: normal; }
      .login-box.loginGroup_registration-process .login-box-inner .signup-form .note span {
        color: #cc3333; }
    .login-box.loginGroup_registration-process .login-box-inner .signup-form .head-with-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 15px; }
      .login-box.loginGroup_registration-process .login-box-inner .signup-form .head-with-link a {
        color: #027e6a;
        font-weight: 500;
        font-size: 18px; }
      .login-box.loginGroup_registration-process .login-box-inner .signup-form .head-with-link h2 {
        margin: 0; }
  .login-box.loginGroup_registration-process .login-box-inner .signup-form-bottom-text {
    margin-top: 25px;
    font-size: 18px;
    color: #666; }
    .login-box.loginGroup_registration-process .login-box-inner .signup-form-bottom-text a {
      color: #027e6a;
      font-weight: 500; }
  .login-box.loginGroup_registration-process .login-box-inner .login-right-img {
    margin-top: 130px;
    position: relative; }

.signup-right-text {
  position: absolute;
  top: -60px;
  left: 100px; }
  .signup-right-text h1 {
    font-size: 37px;
    font-weight: 800;
    background: #000000;
    color: #ffffff;
    padding: 10px; }
  .signup-right-text p {
    font-size: 21px;
    font-weight: 800;
    background: #000000;
    color: #ffffff;
    padding: 3px;
    display: inline-block; }

.choose-language-box {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .choose-language-box select {
    width: 50%; }

.RegistrationProcess3-box {
  margin-top: -26px; }
  .RegistrationProcess3-box .RegistrationProcess3-box-inner {
    background: url("../images/login-bg-box.svg") no-repeat top left;
    background-size: cover;
    background-color: white;
    padding: 10px 40px 40px 40px;
    overflow: hidden;
    border-radius: 30px;
    opacity: 95%;
    position: relative;
    min-height: 655px;
    z-index: 8; }
    .RegistrationProcess3-box .RegistrationProcess3-box-inner h1 {
      font-size: 30px;
      font-weight: 600;
      margin-top: 10px; }
    .RegistrationProcess3-box .RegistrationProcess3-box-inner .login-right-img {
      margin-top: 70px; }
    .RegistrationProcess3-box .RegistrationProcess3-box-inner .search-token-box {
      border: 2px solid #027e6a;
      padding: 8px 12px;
      display: flex;
      align-items: center; }
      .RegistrationProcess3-box .RegistrationProcess3-box-inner .search-token-box img {
        max-width: 16px;
        margin-right: 10px;
        height: 16px; }
      .RegistrationProcess3-box .RegistrationProcess3-box-inner .search-token-box input.form-control {
        border-color: #999999;
        padding: 0;
        border-radius: 0;
        background: #ffffff; }

.RegistrationProcess3-step-1 {
  position: absolute;
  top: 50px; }

.RegistrationProcess3-step-2 {
  position: absolute;
  left: 170px;
  top: -60px;
  z-index: 9; }

.card-shadow-style-con-area {
  padding: 15px; }

.card-shadow-style-con-area-list {
  display: flex;
  justify-content: start;
  margin-top: 5px;
  gap: 15px;
  align-items: center;
  margin-bottom: 10px; }
  .card-shadow-style-con-area-list .contry-year-degtail {
    font-size: 13px;
    min-width: 195px; }
  .card-shadow-style-con-area-list .read-accept {
    font-size: 13px; }
  .card-shadow-style-con-area-list .form-check-input[type=radio] {
    border: 1px solid #6e6e6d; }
  .card-shadow-style-con-area-list .club-name {
    border: 1px solid #b79677;
    min-width: 165px;
    font-size: 16px;
    text-transform: uppercase; }
    .card-shadow-style-con-area-list .club-name span.club-name-left {
      background: #000000;
      color: #ffffff;
      display: inline-block;
      width: 70%;
      border-right: 1px solid #b79677; }
    .card-shadow-style-con-area-list .club-name span.club-name-right {
      display: inline-block;
      color: #000000;
      width: 27%; }
  .card-shadow-style-con-area-list .arrow-down {
    color: #cccccc;
    font-size: 24px;
    line-height: normal; }
  .card-shadow-style-con-area-list .arrow-down.active {
    color: #027e6a; }
  .card-shadow-style-con-area-list .like-thumb a {
    background: #cccccc;
    color: #ffffff;
    padding: 2px 5px; }
  .card-shadow-style-con-area-list .like-thumb a.active {
    background: #027e6a; }

.card-shadow-style-con-area-text {
  margin-top: 30px; }

.accept-button-area {
  display: flex;
  justify-content: end; }
  .accept-button-area .accept-btn p {
    color: #cc3333;
    font-size: 11px;
    text-align: center;
    margin-top: 5px; }

.btn-accept {
  background: linear-gradient(90deg, #246664 0%, #027e6a 50%);
  font-size: 20px;
  font-weight: 600;
  border-radius: 0;
  color: #ffffff;
  padding: 5px 20px;
  text-transform: uppercase; }
  .btn-accept:hover {
    color: #ffffff; }

.seve-setting-btn {
  display: flex;
  justify-content: end;
  margin-top: 70px; }
  .seve-setting-btn .btn {
    width: auto;
    padding: 5px 40px;
    text-transform: uppercase;
    font-size: 20px; }

.RegistrationProcess3-step-hed {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px; }

.step-circle {
  background: #027e6a;
  font-size: 70px;
  font-weight: 600;
  color: #ffffff;
  padding: 10px;
  border-radius: 50%;
  height: 72px;
  width: 72px;
  margin-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.91);
  -moz-box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.91);
  box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.91); }

.step-head-text {
  font-size: 17px;
  color: #999999; }

.RegistrationProcess3-con-area {
  margin-top: -60px; }
  .RegistrationProcess3-con-area .RegistrationProcess3-con-area-inner {
    background: url("../images/patterm.png") no-repeat top left;
    background-size: cover;
    background-color: rgba(255, 255, 255, 0.92);
    padding: 80px 40px 40px 40px;
    overflow: hidden;
    border-radius: 30px;
    position: relative;
    margin-bottom: 70px; }

.heading-login-process-2 {
  font-size: 36px;
  text-align: center;
  color: #ffffff;
  padding: 20px 0; }

.Process2 {
  margin-top: -26px; }
  .Process2 .RegistrationProcess3-box-inner {
    padding-top: 40px; }
    .Process2 .RegistrationProcess3-box-inner .login-right-img {
      margin-top: 0; }

.Process2.v2 {
  margin-top: 0px; }
  .Process2.v2 .RegistrationProcess3-box-inner {
    padding-top: 40px; }
    .Process2.v2 .RegistrationProcess3-box-inner .login-right-img {
      margin-top: 0; }

.RegistrationProcess3-box .RegistrationProcess3-box-inner h1 span {
  color: #027e6a; }

.RegistrationProcess2-steps {
  position: relative;
  margin-top: 20px;
  width: 100%; }
  .RegistrationProcess2-steps .login-process2-step-1 {
    min-width: 34%;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0; }
    .RegistrationProcess2-steps .login-process2-step-1 .card-shadow-style {
      min-height: 105px; }
      .RegistrationProcess2-steps .login-process2-step-1 .card-shadow-style .step1-circle {
        position: absolute;
        bottom: -10px;
        left: -10px; }
    .RegistrationProcess2-steps .login-process2-step-1::after {
      content: "";
      background-color: #027e6a;
      position: absolute;
      width: 52%;
      height: 1px;
      top: 28px;
      left: 102%;
      display: block; }
    .RegistrationProcess2-steps .login-process2-step-1 .select-language {
      margin-top: 10px;
      align-items: center; }
      .RegistrationProcess2-steps .login-process2-step-1 .select-language a {
        text-align: center;
        display: inline-block;
        color: #afbec6;
        text-decoration: none;
        font-size: 12px; }
      .RegistrationProcess2-steps .login-process2-step-1 .select-language .language-flag {
        margin-left: 30px; }
        .RegistrationProcess2-steps .login-process2-step-1 .select-language .language-flag img {
          width: 36px; }
  .RegistrationProcess2-steps .login-process2-step-2 {
    min-width: 47%;
    position: absolute;
    right: 0;
    top: -30px; }
    .RegistrationProcess2-steps .login-process2-step-2 .card-shadow-style {
      background-color: rgba(255, 255, 255, 0.92);
      min-height: 90px;
      padding: 30px 15px 15px 15px; }
      .RegistrationProcess2-steps .login-process2-step-2 .card-shadow-style input {
        border-radius: 0;
        padding: 15px;
        font-size: 18px;
        border-color: #cccccc; }
    .RegistrationProcess2-steps .login-process2-step-2::after {
      content: "";
      background-color: #027e6a;
      position: absolute;
      width: 1px;
      height: 39px;
      bottom: -46px;
      left: 70%;
      display: block; }
    .RegistrationProcess2-steps .login-process2-step-2 .step2-circle {
      position: absolute;
      top: -52px;
      left: 80px; }
  .RegistrationProcess2-steps .login-process2-step-3 {
    min-width: 42%;
    position: absolute;
    right: 0;
    top: 110px; }
    .RegistrationProcess2-steps .login-process2-step-3 .card-shadow-style {
      background-color: rgba(255, 255, 255, 0.92);
      min-height: 90px;
      padding-right: 70px;
      padding-top: 15px;
      padding-left: 15px; }
      .RegistrationProcess2-steps .login-process2-step-3 .card-shadow-style select {
        border-radius: 0;
        padding: 15px;
        font-size: 18px;
        border-color: #cccccc; }
    .RegistrationProcess2-steps .login-process2-step-3 .step3-circle {
      position: absolute;
      top: -25px;
      right: -20px; }
  .RegistrationProcess2-steps .login-process2-step-4 {
    min-width: 46%;
    text-align: left;
    position: absolute;
    left: 0;
    top: 180px; }
    .RegistrationProcess2-steps .login-process2-step-4 .card-shadow-style {
      min-height: 105px; }
      .RegistrationProcess2-steps .login-process2-step-4 .card-shadow-style .step4-circle {
        position: absolute;
        top: 50px;
        right: -36px; }
    .RegistrationProcess2-steps .login-process2-step-4::after {
      content: "";
      background-color: #027e6a;
      position: absolute;
      width: 24%;
      height: 1px;
      top: 10px;
      left: 101%;
      display: block; }
  .RegistrationProcess2-steps .step-circle {
    margin-right: 0; }

.RegistrationProcess3-con-area-inner.for-process-2 {
  overflow: visible;
  min-height: 720px; }

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

.seve-setting-btn.login-Process2 {
  align-items: center;
  justify-content: center;
  gap: 25px; }

.login-process2-step-5 {
  min-width: 100%;
  text-align: left;
  position: absolute;
  left: 0;
  top: -135px;
  z-index: 9; }
  .login-process2-step-5 .card-shadow-style {
    min-height: 105px; }
    .login-process2-step-5 .card-shadow-style .step5-circle {
      position: absolute;
      top: -40px;
      right: 240px; }
  .login-process2-step-5::after {
    content: "";
    background-color: #027e6a;
    position: absolute;
    width: 1px;
    height: 50px;
    top: -56px;
    left: 30%;
    display: block; }

.RegistrationProcess3-box-inner.v2 h1 {
  font-size: 26px;
  font-weight: 700;
  margin-top: 10px; }

.registration-con-v2 {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  display: block; }

.card-shadow-style.v2 h2.hed-regi-v2 {
  font-size: 30px;
  font-weight: 700; }

.logo-group-reg-v2 {
  background: #fff;
  border: 1px solid #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 160px;
  padding: 0px; }

.card-shadow-style.v2 p.reg-v2 {
  font-size: 16px;
  margin-bottom: 10px; }

.rules-select-box.v2 {
  width: 300px; }

.club-name.v2 {
  width: 200px; }

.club-name.v2 .club-name-left {
  text-transform: none; }

.rules-select-box.v2 select {
  border: 0;
  outline: 0;
  position: relative; }

.note-reg-v2 {
  color: #ff0000;
  margin-top: 150px; }
  .note-reg-v2 h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 0; }
  .note-reg-v2 p {
    font-size: 16px;
    font-weight: 500; }

.form-btn.reg-v2 {
  background: linear-gradient(to right, #1ebe29 0%, #36d70a 100%); }

.reg-v2-form-row {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 20px;
  min-height: 60px; }
  .reg-v2-form-row input.form-control {
    border-radius: 0;
    border: 1px solid #515050; }
  .reg-v2-form-row select.form-select {
    border-radius: 0;
    border: 1px solid #515050; }
  .reg-v2-form-row select.form-select.half {
    width: 50%; }
  .reg-v2-form-row input.form-control.half {
    width: 50%; }

.card-shadow-style.v2 h5 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px; }

.no-height {
  min-height: auto !important; }

.input-mandetry {
  position: relative;
  width: 50%; }

.input-mandetry.full-width {
  position: relative;
  width: 100%; }

span.mandetory {
  position: absolute;
  right: 3px;
  bottom: 3px;
  font-size: 11px; }

span.mandetory.red {
  color: #ff0000; }

span.mandetory.gray {
  color: #999999; }

.RegistrationProcess3-box-inner.v2 {
  min-height: 600px;
  background: url("../images/login-bg-new.png") no-repeat top right;
  background-size: 100%;
  background-color: white;
  border-radius: 47px; }

.card-shadow-style.v2 .accordion-section {
  width: 100%; }

.card-shadow-style.v2 h2.accordion-header {
  font-size: 16px;
  color: #515050; }

.card-shadow-style.v2 .accordion-button {
  width: auto;
  background: none;
  box-shadow: none; }

.card-shadow-style.v2 h2.accordian-con-h2 {
  font-size: 11px;
  margin-bottom: 10px; }

.card-shadow-style.v2 h4.accordian-con-h4 {
  font-size: 16px;
  margin-bottom: 10px; }

.card-shadow-style.v2 .accordion-flush .accordion-item {
  border: 0; }

.logo-group-reg-v2.step-3 {
  position: relative;
  margin-top: 60%; }

.save-btn-stet-3 {
  position: absolute;
  bottom: 0; }

.RegistrationProcess3-box-inner.v2.step-3 {
  min-height: inherit; }
  .RegistrationProcess3-box-inner.v2.step-3 .registration-con-v2 {
    top: inherit;
    position: relative; }

.RegistrationProcess3-box-inner.v2.step-4 {
  min-height: inherit; }
  .RegistrationProcess3-box-inner.v2.step-4 .registration-con-v2 {
    top: inherit;
    position: relative;
    margin-top: 100px; }

.join-group-search-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 15px; }
  .join-group-search-header .logo-and-name {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 10px; }
    .join-group-search-header .logo-and-name h1 {
      font-size: 30px;
      font-weight: 700;
      margin: 0; }
    .join-group-search-header .logo-and-name .btn {
      width: auto;
      padding: 5px 10px;
      text-transform: uppercase;
      font-size: 22px;
      font-weight: 700;
      background: #36d70a;
      background: -moz-linear-gradient(-45deg, #36d70a 0%, rgba(30, 190, 41, 0.5) 100%);
      background: -webkit-gradient(left top, right bottom, color-stop(0%, #36d70a), color-stop(100%, rgba(30, 190, 41, 0.5)));
      background: -webkit-linear-gradient(-45deg, #36d70a 0%, rgba(30, 190, 41, 0.5) 100%);
      background: -o-linear-gradient(-45deg, #36d70a 0%, rgba(30, 190, 41, 0.5) 100%);
      background: -ms-linear-gradient(-45deg, #36d70a 0%, rgba(30, 190, 41, 0.5) 100%);
      background: linear-gradient(135deg, #36d70a 0%, rgba(30, 190, 41, 0.5) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36d70a', endColorstr='#1ebe29', GradientType=1 ); }

.join-group-search-banner-join {
  display: flex;
  align-items: start;
  justify-content: space-between; }
  .join-group-search-banner-join .join-group-banner-img-top img {
    width: 80%; }
  .join-group-search-banner-join .btn {
    width: auto;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    background: #36d70a;
    background: -moz-linear-gradient(-45deg, #36d70a 0%, rgba(30, 190, 41, 0.5) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #36d70a), color-stop(100%, rgba(30, 190, 41, 0.5)));
    background: -webkit-linear-gradient(-45deg, #36d70a 0%, rgba(30, 190, 41, 0.5) 100%);
    background: -o-linear-gradient(-45deg, #36d70a 0%, rgba(30, 190, 41, 0.5) 100%);
    background: -ms-linear-gradient(-45deg, #36d70a 0%, rgba(30, 190, 41, 0.5) 100%);
    background: linear-gradient(135deg, #36d70a 0%, rgba(30, 190, 41, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36d70a', endColorstr='#1ebe29', GradientType=1 ); }

p.join-search-disc-text {
  color: #333333;
  font-size: 16px;
  font-weight: 400;
  margin: 30px 0; }

.transparent-border-box {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: -1px -2px 2px -1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px -2px 2px -1px rgba(0, 0, 0, 0.75);
  box-shadow: -1px -2px 2px -1px rgba(0, 0, 0, 0.75);
  border-radius: 6px;
  padding: 30px;
  width: 100%;
  display: block;
  margin: 30px 0px 0px;
  border: 1px solid #246664; }
  .transparent-border-box p {
    color: #333;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400; }

.card-shadow-style.px-3.v2.no-height.game-rule {
  box-shadow: none; }

.card-shadow-style.v2 h2.hed-game-rule {
  font-size: 24px;
  font-weight: 700;
  color: #666666; }

.club-name.v2.game-rule {
  width: 260px;
  margin-bottom: 10px; }

.club-name.v2.game-rule .club-name-left {
  text-transform: uppercase;
  font-size: 20px; }

.rule-con-box {
  margin-top: 20px;
  display: block;
  width: 100%; }
  .rule-con-box h5 {
    margin: 0;
    margin-bottom: 0; }
  .rule-con-box p {
    margin: 0;
    margin-top: 10px;
    font-size: 9px;
    color: #666666; }

.filter-by-1 {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 10px;
  width: 300px;
  margin-bottom: 8px; }
  .filter-by-1 h1 {
    font-size: 16px !important;
    font-weight: 700;
    color: #333333;
    width: 24%; }
  .filter-by-1 .input-block {
    width: 60%; }
    .filter-by-1 .input-block input {
      width: 100%; }
  .filter-by-1 a {
    width: 16px; }
  .filter-by-1 a.icon {
    background: #000;
    border: 1px solid #fff;
    border-radius: 50px;
    height: 16px;
    width: 16px;
    display: flex;
    justify-content: center;
    align-items: center; }

.sorted-by-1 {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 20px;
  padding: 5px 10px; }
  .sorted-by-1 h1 {
    font-size: 16px !important;
    font-weight: 700;
    color: #333333; }
  .sorted-by-1 a {
    font-size: 14px;
    color: #666; }
  .sorted-by-1 a.active {
    text-decoration: underline; }

.transparent-border-box.no-padding {
  padding: 0; }

.sort-by-accordion .accordion-section {
  width: 100%; }
  .sort-by-accordion .accordion-section .accordion-button:after {
    display: none; }
  .sort-by-accordion .accordion-section .accordion-button:not(.collapsed) {
    background-color: #75d1a3;
    color: #333333;
    font-weight: 700; }
  .sort-by-accordion .accordion-section .accordion-body {
    padding: 10px; }

.sort-by-accordion .accordion-flush .accordion-item {
  border: 0; }

.sort-by-accordion .accordion-button {
  background: none;
  box-shadow: none; }

.sort-by-accordion-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  width: 100%; }
  .sort-by-accordion-head a.btn {
    width: auto;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    background: #36d70a;
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #36d70a), color-stop(100%, rgba(30, 190, 41, 0.5)));
    background: linear-gradient(135deg, #36d70a 0%, rgba(30, 190, 41, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#36d70a", endColorstr="#1ebe29", GradientType=1 );
    width: auto;
    border: 1px solid #999999;
    color: #ffffff;
    border-radius: 0; }

.accordion-img-title {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 20px;
  font-size: 22px; }
  .accordion-img-title img {
    width: 50px; }

.sort-by-accordion .accordion-header {
  margin-bottom: 0;
  padding: 5px 0; }

.sort-by-accordion-con {
  display: flex;
  justify-content: left;
  align-items: start;
  gap: 20px; }
  .sort-by-accordion-con img {
    width: 200px; }
  .sort-by-accordion-con .right-con h5 {
    margin: 0;
    margin-bottom: 10px;
    font-size: 14px;
    color: #333333; }
  .sort-by-accordion-con .right-con p {
    margin: 0;
    margin-bottom: 10px;
    font-size: 12px;
    color: #999999; }
  .sort-by-accordion-con .right-con a {
    margin: 0;
    font-size: 12px;
    color: #000; }

a.accordion-more {
  color: #666666;
  font-size: 16px;
  padding: 5px;
  margin-top: 10px; }

.login-box.loginGroup_registration-process.find-match-block {
  margin-top: -90px; }

.filter-by-1.search {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 10px;
  margin-bottom: 8px;
  width: auto; }
  .filter-by-1.search h1 {
    font-size: 16px !important;
    font-weight: 700;
    color: #333333;
    margin: 0;
    padding: 0;
    width: auto; }
  .filter-by-1.search .input-block {
    width: 300px; }
    .filter-by-1.search .input-block input {
      width: 100%; }
  .filter-by-1.search a.icon {
    background: #000;
    border: 1px solid #fff;
    border-radius: 50px;
    height: 16px;
    width: 16px;
    display: flex;
    justify-content: center;
    align-items: center; }

.bottom-link {
  text-align: right;
  width: 100%;
  display: block;
  margin-top: 30px; }

.signup-right-text.for-page-1 {
  position: relative;
  top: inherit;
  left: 40%;
  align-items: center;
  display: block;
  width: 60%;
  margin-bottom: 40px; }
  .signup-right-text.for-page-1 h1 {
    font-size: 37px;
    font-weight: 400;
    padding: 2px;
    margin: 0;
    display: inline-block; }
  .signup-right-text.for-page-1 p {
    font-weight: 400; }

button.btn.btn-primary.page-1 {
  padding: 4px 20px;
  font-size: 12px; }

.login-box.loginGroup_registration-process .login-box-inner.for-page-1 {
  padding: 90px 40px 40px 40px;
  position: relative;
  overflow: visible; }
  .login-box.loginGroup_registration-process .login-box-inner.for-page-1 .login-right-img {
    margin-top: 70px; }

.login-page-1-login-sec {
  position: absolute;
  top: 0px;
  z-index: 9;
  width: 98%; }

.card-shadow-style.login-page-1 {
  margin-top: 15px; }
  .card-shadow-style.login-page-1 a {
    font-weight: 600; }

.login-box.loginGroup_registration-process .login-box-inner .signup-form-bottom-text.login-page-1 {
  margin-top: 5px; }

.card-shadow-style.login-page-1-login {
  margin-top: 0px;
  background-color: rgba(255, 255, 255, 0.92); }

.intro-accordion-outer {
  margin-top: 0px;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #999999;
  padding: 5px;
  margin-top: 15px; }

section.RegistrationProcess3-con-area.for-login-page-1 {
  margin-top: 20px;
  min-height: inherit; }
  section.RegistrationProcess3-con-area.for-login-page-1 .RegistrationProcess3-con-area-inner {
    padding: 40px;
    opacity: 95%;
    margin-bottom: 0; }

.accordion-bottom-text {
  margin-top: 30px; }

.header-login-create-group {
  min-height: 230px; }

.header-login.login-create-group.login-create-group {
  bottom: inherit;
  top: 30px; }

.login-create-group-top-section {
  background: url(../images/header-bg.jpg) no-repeat;
  background-size: cover;
  border-radius: 30px 30px 0 0;
  border: 1px solid #fff;
  margin: 0 4px;
  padding: 20px 20px 30px;
  box-sizing: border-box; }

.btn-login-create .btn-primary {
  border-radius: 4px;
  padding: 4px 15px;
  font-weight: 600; }

.login-create-group-logo img {
  max-height: 150px; }

.login-create-group-name-select-box {
  display: flex;
  align-items: center;
  justify-content: end;
  color: #fff;
  gap: 10px; }
  .login-create-group-name-select-box select {
    max-width: 44%; }

.user-nav-sec {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-right: 30px;
  margin-top: -30px;
  gap: 30px; }

.user-pic {
  position: relative; }

.user-thumb {
  width: 90px;
  height: 90px;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  background: #fff; }

.user-count {
  position: absolute;
  width: 30px;
  height: 30px;
  border: 1px solid #ffe400;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000000;
  color: #ffe400;
  top: 22px;
  right: -12px; }

.user-noti {
  position: absolute;
  width: 25px;
  height: 25px;
  border: 0px solid #ffe400;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffcc00;
  top: -3px;
  right: 5px; }

.noti-list {
  display: flex;
  align-items: start;
  justify-content: flex-start;
  position: relative;
  gap: 5px;
  background: #d4e4ef;
  background: -moz-linear-gradient(45deg, #d4e4ef 0%, rgba(211, 251, 251, 0.28) 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, #d4e4ef), color-stop(100%, rgba(211, 251, 251, 0.28)));
  background: -webkit-linear-gradient(45deg, #d4e4ef 0%, rgba(211, 251, 251, 0.28) 100%);
  background: -o-linear-gradient(45deg, #d4e4ef 0%, rgba(211, 251, 251, 0.28) 100%);
  background: -ms-linear-gradient(45deg, #d4e4ef 0%, rgba(211, 251, 251, 0.28) 100%);
  background: linear-gradient(45deg, #d4e4ef 0%, rgba(211, 251, 251, 0.28) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#d3fbfb', GradientType=1 );
  padding: 5px;
  margin-bottom: 5px; }

.noti-list a.close {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #999999;
  font-size: 20px; }

.noti-list-highlight {
  width: 6px;
  height: 10px;
  background: #ffcc00;
  margin-top: 5px; }

.noti-text {
  color: #333; }

.noti-text p {
  font-style: italic;
  color: #333333;
  font-weight: 600;
  margin: 0; }

.noti-devider {
  width: 100%;
  height: 2px;
  margin: 10px 0 30px;
  background: #ccc;
  position: relative; }

.user-noti-show-icon {
  width: 100%;
  position: absolute;
  top: -15px; }

.user-noti-show-icon a {
  height: 39px;
  width: 39px;
  margin: 0 auto;
  background: url(../images/user-noti-show-bg.png) no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #34877a; }

.user-noti-show-icon a i {
  color: #34877a; }

.dashborard-nav {
  margin-top: -30px; }

.dashboard-btns .btn-primary {
  background: #ffffff;
  border-radius: 4px;
  color: #999999;
  font-size: 16px;
  line-height: normal;
  margin-left: 6px; }

.dashboard-btns .btn-primary:hover {
  background: linear-gradient(90deg, #246664 0%, #027e6a 50%);
  color: #ffffff; }

.dashboard-btns .btn-primary.active {
  background: linear-gradient(90deg, #246664 0%, #027e6a 50%);
  color: #ffffff; }

/*======================== Ricky Css ======================*/
.RegistrationProcess2-steps .RegistrationProcess2-steps-inner {
  position: absolute;
  width: 100%;
  top: 0; }
  .RegistrationProcess2-steps .RegistrationProcess2-steps-inner .community-box .card-shadow-style {
    min-height: 80px; }
    .RegistrationProcess2-steps .RegistrationProcess2-steps-inner .community-box .card-shadow-style .step-circle {
      position: absolute;
      top: -20px;
      left: -15px; }
    .RegistrationProcess2-steps .RegistrationProcess2-steps-inner .community-box .card-shadow-style .title {
      font-size: 18px;
      padding-left: 45px;
      line-height: 20px; }
    .RegistrationProcess2-steps .RegistrationProcess2-steps-inner .community-box .card-shadow-style p {
      font-size: 18px; }
    .RegistrationProcess2-steps .RegistrationProcess2-steps-inner .community-box .card-shadow-style small {
      font-size: 12px;
      display: block;
      margin-top: 10px; }
    .RegistrationProcess2-steps .RegistrationProcess2-steps-inner .community-box .card-shadow-style a {
      font-size: 20px;
      font-weight: 600; }
    .RegistrationProcess2-steps .RegistrationProcess2-steps-inner .community-box .card-shadow-style .form-textarea {
      border: 2px solid #999999;
      width: 100%;
      padding: 10px;
      height: 59px; }

.upload-file-row {
  position: relative; }
  .upload-file-row .step-circle {
    position: absolute;
    top: -47px;
    left: 26%;
    z-index: 9; }

.upload-file-box h5 {
  font-size: 18px;
  min-height: 43px; }
.upload-file-box .upload-input {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 2px solid #999999; }
  .upload-file-box .upload-input input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    opacity: 0; }
  .upload-file-box .upload-input h6 {
    margin: 0;
    padding-left: 10px; }
.upload-file-box .form-textarea {
  border: 2px solid #999999;
  width: 100%;
  padding: 10px;
  height: 100px; }
.upload-file-box small {
  font-size: 12px;
  display: block; }

.competitions-box {
  min-width: 100%;
  text-align: left;
  position: relative;
  left: 0;
  top: -210px;
  z-index: 9; }
  .competitions-box .card-shadow-style .step-circle {
    position: absolute;
    left: -30px;
    top: -20px; }
  .competitions-box .card-shadow-style .competitions-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    padding-left: 30px; }
    .competitions-box .card-shadow-style .competitions-header .title {
      font-size: 18px;
      line-height: 20px; }

.match-list {
  width: 100%; }
  .match-list .title {
    font-size: 18px; }
  .match-list .match-list-iteam {
    border: 2px solid rgba(0, 0, 0, 0.4);
    padding: 8px;
    display: flex;
    align-items: center;
    margin-top: 5px; }
    .match-list .match-list-iteam a {
      margin-left: 78px; }
    .match-list .match-list-iteam h4 {
      margin: 0;
      font-weight: 600;
      font-size: 28px;
      color: #000000; }
    .match-list .match-list-iteam p {
      margin: 0;
      font-size: 14px;
      color: #000000;
      line-height: 17px; }
    .match-list .match-list-iteam.active {
      background-color: #90dace; }

.setting-item th {
  padding: 0 0 0 0;
  font-weight: normal;
  font-size: 20px; }
.setting-item td {
  padding: 0 0 0 0;
  font-size: 13px;
  color: #999999; }

.assigned-users {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 2px; }
  .assigned-users li {
    font-size: 11px;
    width: calc(25% - 2px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #999999; }

ul.assigned-users.edit-user {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 5px; }
  ul.assigned-users.edit-user li {
    font-size: 11px;
    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #999999;
    gap: 5px !important; }

.setup-language {
  position: relative;
  top: -180px; }
  .setup-language .step-circle {
    position: absolute;
    top: -17px;
    right: 42%;
    z-index: 9; }
  .setup-language .border-right {
    border-right: 1px solid #999999; }
  .setup-language .title {
    font-size: 18px;
    line-height: 20px; }
  .setup-language .title2 {
    font-size: 18px;
    line-height: 20px; }

.for-process-2.box-height {
  height: 830px; }

.edit-group-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px; }

.edit-group-list-btn {
  width: 90%; }

.user-nav-sec.new-nav {
  margin-right: 20px;
  margin-left: 20px;
  justify-content: space-between; }
  .user-nav-sec.new-nav #collapseExample {
    position: absolute;
    top: 50px;
    left: 0; }
  .user-nav-sec.new-nav .dashborard-nav {
    margin-top: -10px; }
    .user-nav-sec.new-nav .dashborard-nav .navbar {
      padding: 0; }
  .user-nav-sec.new-nav .dashborard-nav {
    display: flex;
    justify-content: center;
    gap: 5px; }
  .user-nav-sec.new-nav .chat-count {
    background: #F6F6F6;
    border: 1px solid #565656;
    border-radius: 10px;
    height: 45px;
    min-width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .user-nav-sec.new-nav .chat-count .icon-count {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 30px;
      width: 30px;
      background: url(../images/icon-chat-count-deactive.svg) no-repeat;
      position: relative; }
    .user-nav-sec.new-nav .chat-count .icon-count.active {
      background: url(../images/icon-chat-count-active.svg) no-repeat;
      font-size: 16px;
      color: #fff;
      font-weight: 600;
      padding-bottom: 3px; }
  .user-nav-sec.new-nav .chat-count.dashboard-icon {
    min-width: 45px;
    width: auto !important; }
    .user-nav-sec.new-nav .chat-count.dashboard-icon a {
      display: flex;
      align-items: center;
      justify-content: start;
      gap: 5px;
      padding: 5px 10px;
      font-size: 20px;
      color: #000000;
      font-weight: 500;
      border-radius: 10px; }
    .user-nav-sec.new-nav .chat-count.dashboard-icon a:hover {
      background: #d1d1d1; }
  .user-nav-sec.new-nav .chat-count.dashboard-icon.active {
    background: linear-gradient(90deg, #246664 0%, #027e6a 50%) !important;
    color: #ffffff; }
    .user-nav-sec.new-nav .chat-count.dashboard-icon.active svg path {
      stroke: #fff; }
    .user-nav-sec.new-nav .chat-count.dashboard-icon.active a {
      color: #ffffff; }
    .user-nav-sec.new-nav .chat-count.dashboard-icon.active a:hover {
      background: linear-gradient(90deg, #246664 0%, #027e6a 50%) !important;
      color: #ffffff; }
  .user-nav-sec.new-nav .dashboard-links .navbar-nav .nav-link {
    background: #F6F6F6 !important;
    border: 1px solid #565656;
    border-radius: 10px;
    height: 45px;
    min-width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
    margin-left: 0;
    margin-right: 5px;
    color: #000000;
    font-size: 16px; }
    .user-nav-sec.new-nav .dashboard-links .navbar-nav .nav-link span {
      display: none; }
  .user-nav-sec.new-nav .dashboard-links .navbar-nav .nav-link:hover {
    background: #d1d1d1 !important; }
  .user-nav-sec.new-nav .dashboard-links .navbar-nav .nav-link.active {
    background: linear-gradient(90deg, #246664 0%, #027e6a 50%) !important;
    color: #ffffff; }
    .user-nav-sec.new-nav .dashboard-links .navbar-nav .nav-link.active svg path {
      stroke: #fff; }
  .user-nav-sec.new-nav .navbar-nav a.nav-link {
    gap: 10px; }

.user-nav-sec.new-nav .dashborard-nav .navbar {
  padding: 0;
  position: relative; }

.user-nav-sec.new-nav .dashboard-links .navbar-nav .nav-link.active span {
  display: block; }

.notification-new-nav {
  width: 440px;
  height: auto;
  border: 1px solid #707070;
  padding: 10px;
  border-radius: 6px;
  color: #626262;
  position: relative;
  background: #fff;
  margin-bottom: 5px; }
  .notification-new-nav .close-icon {
    position: absolute;
    right: 5px;
    top: 0px; }
    .notification-new-nav .close-icon a i {
      font-size: 20px;
      color: #707070; }
  .notification-new-nav .notification-new-nav-con {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 10px; }
    .notification-new-nav .notification-new-nav-con .notification-new-nav-icon {
      width: auto; }
      .notification-new-nav .notification-new-nav-con .notification-new-nav-icon svg {
        width: 20px;
        height: auto; }
    .notification-new-nav .notification-new-nav-con .notification-new-nav-icon.green svg path {
      fill: #56c55c; }
  .notification-new-nav .notification-new-nav-con-right {
    width: 100%; }
    .notification-new-nav .notification-new-nav-con-right .notification-new-nav-top {
      display: flex;
      justify-content: start;
      align-items: center;
      gap: 5px;
      font-size: 14px;
      margin-bottom: 15px; }
      .notification-new-nav .notification-new-nav-con-right .notification-new-nav-top span {
        border-right: 1px solid #626262;
        padding-right: 5px;
        line-height: normal; }
    .notification-new-nav .notification-new-nav-con-right .User-title-box {
      font-size: 16px;
      text-decoration: underline;
      margin-bottom: 10px; }
    .notification-new-nav .notification-new-nav-con-right .user-msg-box {
      font-size: 18px; }

.RegistrationProcess3-box.dashboard {
  margin-top: -25px; }
  .RegistrationProcess3-box.dashboard .RegistrationProcess3-box-inner {
    background: inherit;
    background-size: cover;
    background-color: rgba(255, 255, 255, 0.95);
    padding: 100px 10px 10px;
    overflow: hidden;
    border-radius: 30px;
    opacity: inherit;
    position: relative;
    z-index: 8; }

.dashboard-3-head {
  display: flex;
  justify-content: start;
  gap: 10px;
  margin-bottom: 20px; }

.coundown-box {
  background: #ffffff;
  display: flex;
  justify-content: start;
  gap: 5px;
  border: 1px solid #999999;
  padding: 0 3px;
  align-items: center; }

.coundown-icon i {
  color: #027e6a;
  font-size: 30px;
  line-height: normal; }

.coundown-con h5 {
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin: 0; }

.coundown-con ul {
  padding: 0;
  margin: 0;
  background: #027e6a;
  text-align: center; }

.coundown-con li {
  display: inline-block;
  list-style-type: none;
  padding: 0;
  text-transform: uppercase;
  border-right: 1px dotted #fff;
  padding: 0 5px; }

.coundown-con li:last-child {
  border-right: 0px dotted #fff; }

.coundown-con li span {
  display: block;
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  line-height: normal; }

.coundown-con .emoji {
  display: none; }

.coundown-con .emoji span {
  padding: 0; }

.dashboard-3-page-head {
  font-size: 42px;
  color: #cccccc;
  line-height: normal; }

.card-pollygon-border-style.select-language {
  display: flex;
  justify-content: start;
  gap: 30px;
  align-items: center; }
  .card-pollygon-border-style.select-language h2 {
    font-size: 20px;
    color: #cccccc;
    min-width: 170px;
    text-transform: uppercase;
    margin: 0; }

.select-language .match-list-iteam {
  margin-top: 0;
  background: #ffffff;
  padding: 4px;
  border: 1px solid #027e6a; }
  .select-language .match-list-iteam p {
    line-height: normal; }

.next-match-team {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  margin-bottom: 5px; }
  .next-match-team .team-color-box {
    border: 1px solid #999999;
    background: #ffffff;
    width: 30px;
    height: 27px;
    overflow: hidden;
    border-radius: 8px; }
    .next-match-team .team-color-box span {
      width: 50%;
      display: inline-block;
      height: 27px; }
    .next-match-team .team-color-box .blue {
      background: #0066cc; }
    .next-match-team .team-color-box .green {
      background: #339900; }
  .next-match-team .team-name {
    font-size: 20px;
    font-weight: 200;
    line-height: normal;
    color: #515050; }
    .next-match-team .team-name p {
      margin: 0; }
  .next-match-team h6 {
    font-size: 20px;
    margin: 0;
    font-weight: 200;
    color: #999999; }

.card-pollygon-border-style.latest-comment {
  padding: 5px 0; }
  .card-pollygon-border-style.latest-comment h3 {
    padding: 0 5px;
    margin: 0; }

.card-pollygon-border-style.latest-comment.next-matchday {
  padding: 5px 0;
  overflow: hidden; }
  .card-pollygon-border-style.latest-comment.next-matchday h3 {
    padding: 0 5px;
    margin: 0; }
  .card-pollygon-border-style.latest-comment.next-matchday h3 span {
    color: #000; }

.comment-box {
  background: #eaede9;
  border-bottom: 2px solid #dcdedc;
  -webkit-box-shadow: inset 0px 7px 5px -1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0px 7px 5px -1px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0px 7px 5px -1px rgba(0, 0, 0, 0.16);
  margin-top: 8px;
  padding: 10px; }

.comment-box-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-size: 10px;
  border-bottom: 1px solid #999999;
  padding-bottom: 5px;
  align-items: center; }
  .comment-box-head i {
    font-size: 18px;
    color: #027e6a; }

.comment-box-head h5 {
  margin: 0;
  font-size: 10px; }

.comment-box-head a {
  font-size: 12px;
  font-weight: 600; }

.comment-box-con {
  display: flex;
  justify-content: space-between;
  gap: 20px; }

.comment-box.with-user {
  margin: 0; }
  .comment-box.with-user .comment-box-con {
    margin-top: 5px; }
    .comment-box.with-user .comment-box-con .comment-box-con-left {
      display: flex;
      gap: 5px;
      justify-content: start;
      align-items: center;
      line-height: normal; }
      .comment-box.with-user .comment-box-con .comment-box-con-left .user-thumb {
        width: 20px;
        height: 20px; }

.comment-box-comment-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  gap: 8px; }
  .comment-box-comment-box textarea {
    border-radius: 0 8px 0 8px;
    border: 1px solid #999999;
    line-height: normal;
    font-size: 14px; }
  .comment-box-comment-box .icon-btn {
    font-size: 40px;
    padding: 0;
    line-height: normal;
    height: 46px; }

.comment-box-con-left .card-shadow-style-con-area-list {
  margin: 0; }

.comment-box-con-left .card-shadow-style-con-area-list .club-name span.club-name-right {
  background: #fff; }

.ranking-snapshot .table th {
  background: transparent;
  color: #999999;
  text-align: left;
  line-height: normal;
  padding-top: 0;
  padding-bottom: 30px; }
  .ranking-snapshot .table th img {
    height: 20px; }

.ranking-snapshot .table td {
  background: transparent;
  text-align: left;
  padding-top: 0;
  padding-bottom: 0; }

.ranking-snapshot .table-hover > tbody > tr:hover > * {
  color: #027e6a; }

.user-pic.my-performance {
  position: absolute;
  top: 10px;
  right: 10px; }
  .user-pic.my-performance .user-thumb {
    width: 60px;
    height: 60px; }

.my-performance-list-block h4 {
  font-size: 18px;
  color: #515050;
  line-height: normal; }

.my-performance-list {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 30px; }

.my-performance-list-box {
  padding: 0px; }

.my-performance-list-box h2 {
  font-size: 20px;
  line-height: normal;
  color: #999999; }

.invite-fnd-block {
  display: flex;
  justify-content: space-between; }

.invite-fnd-block-right {
  padding: 5px; }

.send-invite-icons-row {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 3px;
  margin-bottom: 2px; }

.send-invite-icons-row:last-child {
  margin-bottom: 0px; }

.match-winner-block {
  background: url(../images/match-winner-block-bg.png) no-repeat;
  background-size: cover;
  padding: 26px 10px;
  border: 1px solid #b7b8b7;
  border-radius: 10px;
  position: relative;
  text-align: center;
  min-height: 180px; }

.match-winner-thumb {
  position: relative; }
  .match-winner-thumb img {
    max-width: 166px; }

.match-winnner-top-bar.open-predicts {
  position: inherit;
  display: flex;
  justify-content: start;
  background: none;
  border: 0px solid #999999;
  width: 98%;
  padding: 3px;
  gap: 15px;
  font-size: 11px;
  align-items: center;
  color: #515050; }
  .match-winnner-top-bar.open-predicts span {
    color: #999999;
    font-size: 18px;
    border-left: 1px solid;
    display: block;
    padding-left: 10px; }

.next-matchday-point {
  position: absolute;
  right: 0;
  top: 0;
  background: #db4729;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 68px;
  width: 44px;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  z-index: 10; }

.match-name-detail.open-predicts {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 5px; }
  .match-name-detail.open-predicts h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    color: #515050;
    margin: 0; }
  .match-name-detail.open-predicts p {
    line-height: normal;
    font-size: 9px;
    margin: 0;
    color: #515050;
    font-weight: 700; }

.match-winnner-top-bar {
  position: absolute;
  top: 5px;
  left: 1%;
  display: flex;
  justify-content: start;
  background: #ffffff;
  border: 1px solid #999999;
  width: 98%;
  padding: 3px;
  gap: 15px;
  font-size: 11px;
  align-items: center;
  z-index: 9;
  color: #515050; }

.match-name-detail {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 5px; }
  .match-name-detail h4 {
    font-size: 17px;
    font-weight: normal;
    line-height: normal;
    color: #515050;
    margin: 0; }
  .match-name-detail p {
    line-height: normal;
    font-size: 8px;
    margin: 0;
    color: #515050; }

.match-winner-point {
  position: absolute;
  bottom: 24px;
  left: 44%;
  background: #ffffff;
  padding: 2px 5px;
  font-size: 18px;
  line-height: 16px;
  color: #515050; }

.match-winner-user-name {
  position: absolute;
  bottom: -16px;
  left: 16%;
  background: rgba(255, 255, 255, 0.85);
  padding: 2px 5px;
  font-size: 24px;
  line-height: normal;
  color: #515050;
  min-width: 70%; }

.btn-accept.join-comunity {
  display: block;
  width: 100%;
  border-radius: 8px;
  font-size: 30px;
  margin-top: 10px; }

.card-pollygon-border-style.dashboard-right-sec {
  padding: 5px 0; }

.match-day-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px; }

.dashboard-right-sec .match-list {
  width: 40%; }

.dashboard-right-sec .match-list .match-list-iteam {
  padding: 0 3px;
  background: #ffffff; }
  .dashboard-right-sec .match-list .match-list-iteam p {
    line-height: normal; }

.match-day-head h2 {
  font-size: 40px;
  color: #999999; }

.match-day-list {
  display: flex;
  justify-content: start;
  align-items: start;
  background: #ffffff;
  border: 1px solid #999999;
  border-radius: 8px;
  margin-bottom: 10px;
  gap: 30px;
  overflow: hidden;
  position: relative; }

h6.date {
  font-size: 13px;
  font-weight: 400; }

.name-tema {
  text-align: left; }

.match-day-list.list-justifiy-space {
  justify-content: space-between; }

.match-day-list-item-left {
  padding: 5px;
  min-height: 60px;
  font-size: 13px;
  width: 10%; }
  .match-day-list-item-left strong {
    font-weight: 600; }

.match-day-list-item-center {
  padding: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  gap: 15px;
  min-height: 60px;
  width: 60%; }

.match-day-list-item-center.new {
  padding: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
  gap: 15px;
  min-height: 80px;
  width: 70%;
  color: #212529;
  font-weight: normal;
  font-size: 14px; }

.team-name-with-color-box {
  display: flex;
  gap: 15px;
  justify-content: center;
  align-items: center; }
  .team-name-with-color-box .next-match-team {
    margin-bottom: 0; }

.result-box-new {
  border: 1px solid #999999;
  padding: 2px 2px;
  text-transform: uppercase;
  line-height: 14px;
  width: 100%;
  border-radius: 6px; }

.match-day-list-item-right {
  padding: 5px;
  height: 81px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  color: #ffffff;
  font-weight: 600;
  flex-flow: column;
  text-align: center; }
  .match-day-list-item-right p {
    font-size: 11px;
    margin: 0;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 200; }
    .match-day-list-item-right p strong {
      font-weight: 600; }
  .match-day-list-item-right h3 {
    font-size: 17px;
    line-height: normal;
    margin: 0;
    letter-spacing: 4px; }

.match-day-list-item-right.big {
  min-height: 105px; }

.match-day-list.yellow .match-day-list-item-right {
  background: #ffcc00; }

.match-day-list.user-table-2 {
  border: 1px solid #027e6a; }
  .match-day-list.user-table-2 .match-day-list-item-right {
    background: transparent; }
  .match-day-list.user-table-2 .match-day-list-item-center {
    align-items: center; }
  .match-day-list.user-table-2 .matchday-list-result {
    align-items: center; }

.match-day-list.gray {
  border: 1px solid #027e6a; }
  .match-day-list.gray .match-day-list-item-right {
    background: #515050; }
  .match-day-list.gray .match-day-list-item-center {
    align-items: center; }
  .match-day-list.gray .matchday-list-result {
    align-items: center; }

.match-day-list.green {
  border: 1px solid #00b277; }
  .match-day-list.green .match-day-list-item-right {
    background: #00b277; }
    .match-day-list.green .match-day-list-item-right .match-day-list-item-right-con {
      line-height: normal;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      padding: 0; }
      .match-day-list.green .match-day-list-item-right .match-day-list-item-right-con span {
        font-size: 10px;
        font-weight: normal;
        display: block;
        text-transform: capitalize; }
      .match-day-list.green .match-day-list-item-right .match-day-list-item-right-con .big-text-righ-con {
        font-weight: 700;
        font-size: 18px;
        line-height: 16px; }
        .match-day-list.green .match-day-list-item-right .match-day-list-item-right-con .big-text-righ-con small {
          font-size: 13px;
          color: #000; }
      .match-day-list.green .match-day-list-item-right .match-day-list-item-right-con .big-text-righ-con.big-text {
        font-size: 30px; }
  .match-day-list.green .match-day-list-item-center {
    align-items: center; }
  .match-day-list.green .matchday-list-result {
    align-items: center; }

.match-day-list.red {
  border: 1px solid #e85f63; }
  .match-day-list.red .match-day-list-item-right {
    background: #e85f63; }
  .match-day-list.red .match-day-list-item-center {
    align-items: center; }
  .match-day-list.red .matchday-list-result {
    align-items: center; }

.match-day-list.result-item-center .match-day-list-item-center {
  align-items: center; }
.match-day-list.result-item-center .matchday-list-result {
  align-items: center; }

.match-day-buttons {
  display: flex;
  justify-content: end;
  gap: 8px;
  margin: 15px 0; }

.btn-light-gray {
  background: #ecedec;
  padding: 8px;
  border: 1px solid #999999;
  border-radius: 0px 8px 0px 8px; }
  .btn-light-gray:hover {
    border: 1px solid #999999; }

.btn-light-gray.second {
  background: #d9dad9; }

.btn-light-gray.third {
  background: #7dc8af;
  background: -moz-linear-gradient(left, #7dc8af 0%, #7ec9af 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #7dc8af), color-stop(100%, #7ec9af));
  background: -webkit-linear-gradient(left, #7dc8af 0%, #7ec9af 100%);
  background: -o-linear-gradient(left, #7dc8af 0%, #7ec9af 100%);
  background: -ms-linear-gradient(left, #7dc8af 0%, #7ec9af 100%);
  background: linear-gradient(to right, #7dc8af 0%, #7ec9af 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dc8af', endColorstr='#7ec9af', GradientType=1 );
  color: #ffffff; }

.matchday-list-result {
  display: flex;
  justify-content: start;
  text-align: center;
  align-items: center;
  gap: 5px;
  width: 80%; }
  .matchday-list-result .result-value {
    width: auto; }
    .matchday-list-result .result-value h2 {
      font-size: 20px;
      color: #999999;
      letter-spacing: 5px; }
    .matchday-list-result .result-value p {
      font-size: 16px;
      color: #000000;
      margin: 0; }
      .matchday-list-result .result-value p span {
        background: #000000;
        color: #ffffff;
        padding: 2px; }

.matchday-list-result-full {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  gap: 6px;
  width: auto;
  flex-wrap: wrap; }
  .matchday-list-result-full h2 {
    font-size: 20px;
    color: #999999;
    letter-spacing: 5px;
    border: 1px solid #999999;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px;
    letter-spacing: normal;
    font-weight: 700; }
  .matchday-list-result-full p {
    font-size: 16px;
    color: #999999;
    margin: 0;
    line-height: normal; }

.match-day-list-item-center h5 {
  font-size: 14px;
  line-height: normal;
  margin: 0;
  margin-top: 0px;
  width: 60%; }

.result-value.cuentity {
  display: flex;
  align-items: center;
  gap: 5px; }

.hide-btn .counter button {
  display: none; }

.counter {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  align-items: center; }
  .counter--output {
    font-size: 20px;
    text-align: right;
    padding-bottom: 3px;
    display: flex;
    width: 30px;
    height: 30px;
    border: 1px solid #999999;
    background-color: #ffffff;
    border-radius: 8px;
    margin: 0px 0;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #939393;
    font-weight: 700; }
  .counter input[type=number]::-webkit-inner-spin-button,
  .counter input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .counter--arrow-inc, .counter--arrow-dec {
    width: 15px;
    height: 20px;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: transparent;
    overflow: hidden; }
    .counter--arrow-inc:hover, .counter--arrow-dec:hover {
      color: #008080; }
    .counter--arrow-inc.js-noevent, .counter--arrow-dec.js-noevent {
      pointer-events: none;
      background-color: #e6e6e6;
      border: none; }
    .counter--arrow-inc span, .counter--arrow-dec span {
      color: transparent;
      font-size: 0; }
      .counter--arrow-inc span:before, .counter--arrow-dec span:before {
        display: flex;
        height: 100%;
        font-size: 23px;
        color: #000000;
        transition: opacity ease 0.3s;
        justify-content: center;
        align-items: center;
        content: ""; }
  .counter--arrow-inc span:before {
    transform: rotate(180deg); }

.match-day-list.red .counter--output {
  color: #e85f63; }

.team-name-with-color-box {
  width: 100%;
  justify-content: start; }

.team-name-with-color-box.right-side {
  flex-direction: row-reverse;
  justify-content: end; }

.fact-matchday-points {
  display: flex;
  align-items: start;
  justify-content: space-between; }
  .fact-matchday-points h3 {
    margin: 0; }
  .fact-matchday-points h3 span {
    color: #b20016; }

.facts-matchday-arrow-up-down {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 20px; }
  .facts-matchday-arrow-up-down .arrow-box {
    text-align: center; }

.match-winner-block.big {
  min-height: 280px;
  background: url(../images/match-winner-block-bg-big.jpg) no-repeat;
  background-size: cover;
  padding: 34px 10px;
  margin-bottom: 10px; }
  .match-winner-block.big .match-winnner-top-bar {
    font-size: 20px; }
  .match-winner-block.big .well-done {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 20px;
    color: #027e6a; }
  .match-winner-block.big .match-name-detail h4 {
    font-size: 26px; }
  .match-winner-block.big .match-name-detail p {
    font-size: 11px; }
  .match-winner-block.big .match-winner-thumb img {
    max-width: 260px; }
  .match-winner-block.big .match-winner-point {
    font-size: 26px;
    line-height: 20px;
    bottom: 41px; }
  .match-winner-block.big .match-winner-user-name {
    font-size: 35px;
    line-height: normal; }

.user-profile-setting {
  background: #f2f6ed;
  border: 1px solid #027e6a !important;
  padding: 8px;
  border-radius: 0;
  width: 260px; }

ul.user-profile-list-item {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px; }

ul.user-profile-list-item li {
  margin-top: 5px; }

ul.user-profile-list-item:last-child {
  margin-bottom: 0px; }

.user-pic .dropdown-toggle::after {
  display: none; }

ul.user-profile-list-item .dropdown-item {
  color: #333333;
  font-size: 17px;
  padding: 0;
  font-weight: 600;
  display: flex;
  gap: 5px;
  justify-content: start;
  align-items: center; }

.dropdown-menu.user-profile-setting.show {
  display: block;
  position: absolute;
  right: 0; }

ul.user-profile-list-item .dropdown-item img.icon {
  width: 20px;
  margin-right: 2px; }

ul.user-profile-list-item .dropdown-item.active, .dropdown-item:active {
  color: #515050;
  background-color: transparent;
  font-weight: 600; }

.admin-panel-list ul.user-profile-list-item .dropdown-item {
  color: #ff0000; }

.admin-panel-list ul.user-profile-list-item .dropdown-item.active, .dropdown-item:active {
  color: #ff0000; }

.admin-panel-list h4 {
  color: #ff0000;
  font-size: 17px;
  font-weight: 700;
  padding-left: 25px; }

.full-ranking-btn {
  display: block;
  width: 100%;
  border-radius: 0px 8px 0px 8px;
  margin-top: 10px; }

.big-modal .modal-header .match-name-detail {
  border: 1px solid #027e6a; }

.modal-dialog.big-modal {
  max-width: 50%; }

.invitemodal h4.invitemodal-head {
  font-size: 24px;
  text-transform: uppercase;
  color: #027e6a; }

.send-invitation-container {
  width: 100%; }
  .send-invitation-container h3 {
    font-size: 18px;
    color: #666; }
  .send-invitation-container .send-invitation-email-name-container {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 40px; }
    .send-invitation-container .send-invitation-email-name-container .invitation-email {
      width: 50%; }
    .send-invitation-container .send-invitation-email-name-container label {
      font-size: 11px;
      color: #515050; }
    .send-invitation-container .send-invitation-email-name-container input.form-control {
      border-radius: 0;
      border: 1px solid #515050;
      font-size: 11px;
      margin-bottom: 10px;
      height: 35px; }
    .send-invitation-container .send-invitation-email-name-container .invitation-name {
      width: auto; }
      .send-invitation-container .send-invitation-email-name-container .invitation-name .invitation-name-list {
        display: flex;
        align-items: start;
        gap: 20px;
        margin-bottom: 8px; }
        .send-invitation-container .send-invitation-email-name-container .invitation-name .invitation-name-list input {
          margin: 0; }
        .send-invitation-container .send-invitation-email-name-container .invitation-name .invitation-name-list .btn {
          background: #dc0000;
          height: 37px;
          padding: 5px 35px; }
  .send-invitation-container button.btn.btn-primary.btn-modal-add-more {
    border: 1px solid #515050;
    font-size: 11px;
    padding: 3px 10px;
    border-radius: 30px; }
  .send-invitation-container .send-invitation-green-btn-block {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 15px 0; }
    .send-invitation-container .send-invitation-green-btn-block .btn-green-highlited {
      font-size: 14px; }
    .send-invitation-container .send-invitation-green-btn-block .btn-green-highlited:hover {
      color: #fff; }

.or-line {
  margin-bottom: 20px; }
  .or-line h2 {
    position: relative;
    overflow: hidden;
    font-weight: 700;
    color: #666; }
  .or-line h2:after {
    content: "";
    top: 48%;
    width: 100%;
    margin-left: 10px;
    height: 2px;
    position: absolute;
    background: #333333; }

.generate-Invitation-Link-wrapper {
  width: 100%; }
  .generate-Invitation-Link-wrapper h3 {
    font-size: 18px;
    color: #666;
    margin-bottom: 20px; }
  .generate-Invitation-Link-wrapper .generate-link-box-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin: 10px 0; }
  .generate-Invitation-Link-wrapper .btn-green-highlited {
    font-size: 14px;
    padding: 3px 10px; }
  .generate-Invitation-Link-wrapper .btn-green-highlited:hover {
    color: #fff; }
  .generate-Invitation-Link-wrapper .link-box {
    background: #e8e8e8;
    padding: 10px;
    border-bottom: 1px solid #78004e;
    width: 100%; }
    .generate-Invitation-Link-wrapper .link-box span {
      color: #78004e;
      font-size: 16px; }
    .generate-Invitation-Link-wrapper .link-box a {
      background: #0066cc;
      color: #fff; }

.modal-div.modal-login {
  background-color: rgba(255, 255, 255, 0.92);
  border-radius: 26px;
  padding: 10px;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3);
  border: 1px solid #969998;
  padding: 30px; }
  .modal-div.modal-login h2 {
    font-size: 34px;
    font-weight: 700;
    color: #666666; }
  .modal-div.modal-login .login-con {
    margin-top: 30px; }
    .modal-div.modal-login .login-con h4 {
      font-size: 20px;
      font-weight: 700;
      color: #666666; }
    .modal-div.modal-login .login-con p {
      font-size: 16px;
      color: #666666;
      font-weight: 500; }
  .modal-div.modal-login .signup-form .form-control {
    border-radius: 0;
    padding: 10px;
    border: 1px solid #6e6e6d;
    font-size: 18px;
    margin-bottom: 10px; }
  .modal-div.modal-login .modal-footer-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 50px; }
    .modal-div.modal-login .modal-footer-links a {
      font-size: 16px;
      color: #666666;
      font-weight: 500; }

.modal-div.modal-congratulation {
  background: url(../images/congratulation-bg.png) no-repeat #fff;
  background-size: cover;
  border-radius: 0;
  border: 0;
  min-height: 325px; }
  .modal-div.modal-congratulation h2 {
    font-size: 40px;
    font-weight: 700;
    color: #666666; }
  .modal-div.modal-congratulation .login-con {
    width: 60%;
    margin-top: 55px; }
    .modal-div.modal-congratulation .login-con p {
      font-size: 15px;
      color: #666666;
      font-weight: 400; }

@media all and (max-width: 768px) {
  .coundown-con li {
    font-size: calc(1.125rem * var(--smaller)); }

  .coundown-con li span {
    font-size: calc(3.375rem * var(--smaller)); } }
.joker-img {
  width: 100%;
  text-align: right; }

.header-icons {
  position: absolute;
  top: -17px;
  left: 30px; }
  .header-icons .icon-head-img {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    align-items: center; }
    .header-icons .icon-head-img img {
      width: 35px; }

.match-day-list.white .match-day-list-item-right {
  color: #939393;
  line-height: 16px; }

.match-day-list.white .match-day-list-item-right .big-text-right-con {
  color: #00b277;
  line-height: normal;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0; }

.match-day-list.white .match-day-list-item-right .big-text-right-con small {
  color: #939393 !important; }

.match-day-list.white .match-day-list-item-right .match-day-list-item-right-con .big-text-righ-con.big-text {
  font-size: 30px;
  font-weight: 700; }

.card-shadow-style.v2.w-100.upload-file-box.p-3.d-flex.gap-3.align-items-center a.icon {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center; }

.communication-feed-section {
  width: 100%;
  box-sizing: border-box;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 15px 25px -16px rgba(0, 0, 0, 0.47);
  -webkit-box-shadow: 0px 15px 25px -16px rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 0px 15px 25px -16px rgba(0, 0, 0, 0.47); }
  .communication-feed-section .comment-1-box {
    padding: 20px; }
    .communication-feed-section .comment-1-box a.add-comment {
      color: #292936;
      font-size: 16px;
      font-weight: 600; }
    .communication-feed-section .comment-1-box .add-comment-box {
      padding: 8px 4px;
      background: #fff;
      border: 1px solid #1AA72F;
      border-radius: 8px;
      margin-top: 20px;
      -webkit-box-shadow: 0px 0px 8px 0px rgba(10, 58, 100, 0.15);
      -moz-box-shadow: 0px 0px 8px 0px rgba(10, 58, 100, 0.15);
      box-shadow: 0px 0px 8px 0px rgba(10, 58, 100, 0.15); }
      .communication-feed-section .comment-1-box .add-comment-box .add-comment-text-box {
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        color: #000; }
        .communication-feed-section .comment-1-box .add-comment-box .add-comment-text-box textarea.form-control {
          border: 0;
          outline: none;
          height: 100px;
          padding: 0;
          border-radius: 0; }
        .communication-feed-section .comment-1-box .add-comment-box .add-comment-text-box .form-control {
          padding: 4px 6px; }
      .communication-feed-section .comment-1-box .add-comment-box .add-comment-box-footer {
        border-top: 1px solid #E5E5E5;
        padding-top: 15px;
        margin-top: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .communication-feed-section .comment-1-box .add-comment-box .add-comment-box-footer .add-comment-box-f-icons {
          display: flex;
          align-items: center;
          justify-content: start;
          gap: 12px; }
        .communication-feed-section .comment-1-box .add-comment-box .add-comment-box-footer .add-comment-box-f-send-btn a.send-btn {
          background: #4ABE7E;
          padding: 8px 20px;
          border-radius: 8px; }
  .communication-feed-section hr {
    height: 1px;
    background: #D8D8E4;
    width: 100%; }
  .communication-feed-section .user-comment-box {
    margin-top: 40px; }
    .communication-feed-section .user-comment-box .user-comment-box-top {
      display: flex;
      align-items: center;
      justify-content: start;
      gap: 10px; }
      .communication-feed-section .user-comment-box .user-comment-box-top .user-thumb {
        width: 40px;
        height: 40px;
        border: 1px solid #fff;
        border-radius: 50%;
        overflow: hidden; }
      .communication-feed-section .user-comment-box .user-comment-box-top strong {
        font-size: 18px;
        font-weight: 700;
        color: #000; }
      .communication-feed-section .user-comment-box .user-comment-box-top span {
        font-size: 12px;
        color: #767676; }
    .communication-feed-section .user-comment-box .user-comment-body {
      padding: 15px 0;
      font-size: 16px;
      color: #767676;
      font-weight: normal; }
    .communication-feed-section .user-comment-box .user-comment-footer {
      display: flex;
      align-items: center;
      justify-content: start;
      gap: 15px; }
      .communication-feed-section .user-comment-box .user-comment-footer .user-comment-f-icons {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 8px; }
        .communication-feed-section .user-comment-box .user-comment-footer .user-comment-f-icons a {
          background: #F1F3F2;
          border: 1px solid #E0E0E1;
          border-radius: 3px;
          height: 30px;
          width: 30px;
          display: flex;
          align-items: center;
          justify-content: center; }
          .communication-feed-section .user-comment-box .user-comment-footer .user-comment-f-icons a svg {
            fill: #63637B; }
      .communication-feed-section .user-comment-box .user-comment-footer span.time {
        font-size: 14px;
        color: #C4C4C4;
        font-weight: 500; }
      .communication-feed-section .user-comment-box .user-comment-footer .dropdown-toggle::after {
        display: none; }
  .communication-feed-section .btn-load {
    margin-top: 40px; }
    .communication-feed-section .btn-load button.btn-load-more {
      background: #F2F3F1;
      border: 1px solid #E0E0E1;
      border-radius: 6px;
      font-size: 14px;
      font-weight: 500;
      height: 38px; }

.bar-list-main {
  margin: 18px 0;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  text-align: center; }

.stat-top {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 6px;
  gap: 5%;
  align-items: center; }

.stat-title {
  text-align: center;
  font-size: 13px;
  margin-bottom: 6px;
  color: #444; }

.bar-line-container {
  width: 100%;
  height: 8px;
  background: #e2e4e5;
  border-radius: 20px;
  overflow: hidden;
  position: relative; }

.bar-line-container-left {
  height: 100%;
  background: #d1c904;
  position: absolute;
  right: 50%;
  top: 0;
  border-radius: 20px 0 0 20px; }

.bar-line-container-full {
  height: 100%;
  background: #d1c904;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 20px 0 0 20px; }

.bar-line-container-full {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 20px 0 0 20px; }

.bar-line-container-full.yellow {
  background: #d1c904; }

.bar-line-container-full.red {
  background: #c70005; }

.bar-line-container-right {
  height: 100%;
  background: #04ba7d;
  position: absolute;
  left: 50%;
  top: 0;
  border-radius: 0px 20px 20px 0px; }

.show-hide-btn {
  position: absolute;
  left: 15px;
  bottom: 15px; }

.select-block-full {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center; }

.select-block {
  width: 40%; }

.statistic-nav {
  background: #f3f4f6;
  border-radius: 6px;
  border: 2px solid #fff;
  padding: 3px;
  gap: 3px; }
  .statistic-nav a.nav-link {
    color: #676867;
    font-weight: 500; }
  .statistic-nav a.nav-link:hover {
    background-color: #fff;
    color: #000; }
  .statistic-nav a.nav-link.active {
    background-color: #fff;
    color: #000; }

.statistic-area .facts-matchday-arrow-up-down {
  margin-top: 5px; }
  .statistic-area .facts-matchday-arrow-up-down img {
    height: 54px; }
.statistic-area .card-pollygon-border-style {
  min-height: 150px; }

.user-ranking.ranking-snapshot.statistic-page .table th img {
  height: 16px; }

.user-ranking.ranking-snapshot.statistic-page .table th {
  font-size: 11px;
  padding-bottom: 10px; }

.user-ranking.ranking-snapshot.statistic-page .table td {
  color: #000;
  font-size: 11px; }

.user-ranking.ranking-snapshot.statistic-page .table tr.green td {
  color: #027e6a;
  font-size: 11px; }

.performance-block {
  width: 100%; }

.performance-card {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
  padding: 10px; }

.performance-card.green {
  background: #f0fdf4;
  border: 1px solid #bbf7d0; }

.performance-card-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px; }
  .performance-card-title h5 {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-weight: 600;
    color: #000;
    font-size: 10px; }

.performance-card-body {
  text-align: center; }
  .performance-card-body h2 {
    text-align: center;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px; }
  .performance-card-body p {
    margin: 0;
    font-size: 10px;
    margin-bottom: 5px; }
  .performance-card-body .bar-line-container {
    height: 5px; }
  .performance-card-body .bar-line-container-full {
    left: 0;
    top: 0;
    background: #60a5fa; }
  .performance-card-body .bar-line-container-full.green {
    background: #4ade80; }

.Hit-Rate-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 15px;
  padding: 10px; }

.Hit-Rate-card-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; }
  .Hit-Rate-card-title h5 {
    margin: 0;
    padding: 0;
    font-weight: 600;
    color: #000;
    font-size: 14px; }
  .Hit-Rate-card-title .statistic-nav a.nav-link {
    color: #676867;
    padding: 3px 1rem;
    font-size: 11px;
    border-radius: 4px; }
  .Hit-Rate-card-title .statistic-nav a.nav-link.active {
    background-color: #fff;
    color: #000; }

.Hit-Rate-card-body {
  padding: 0px; }
  .Hit-Rate-card-body .Hit-Rate-chart-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 20px; }
  .Hit-Rate-card-body .Hit-Rate-items-block {
    width: 100%;
    margin-bottom: 5px; }
  .Hit-Rate-card-body .Hit-Rate-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
    background: #f9fafb;
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px; }
    .Hit-Rate-card-body .Hit-Rate-items .item-left {
      display: flex;
      justify-content: flex-start;
      gap: 10px;
      align-items: center; }
      .Hit-Rate-card-body .Hit-Rate-items .item-left .circle-dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ccc; }
      .Hit-Rate-card-body .Hit-Rate-items .item-left .circle-dot.green {
        background: #22c55e; }
      .Hit-Rate-card-body .Hit-Rate-items .item-left .circle-dot.blue {
        background: #3b82f6; }
      .Hit-Rate-card-body .Hit-Rate-items .item-left .circle-dot.red {
        background: #ef4444; }
    .Hit-Rate-card-body .Hit-Rate-items .item-right p {
      color: #999999;
      font-size: 9px;
      font-weight: normal;
      margin: 0; }
  .Hit-Rate-card-body .Hit-Rate-items.highlight {
    background: #eff6ff;
    color: #1e40b4;
    border: 1px solid #bfdbfe;
    min-height: 40px; }

.stats-block {
  display: flex;
  justify-content: space-between;
  color: #027e6a; }
  .stats-block .left
  h4 {
    font-size: 14px;
    font-weight: 600; }
  .stats-block .right {
    font-size: 60px;
    font-weight: 600;
    padding: 5px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #059062;
    border-radius: 6px;
    min-width: 185px; }

.Most-accurately-block {
  width: 100%;
  margin-top: 20px; }
  .Most-accurately-block h4 {
    font-size: 14px;
    font-weight: 600;
    color: #027e6a; }
  .Most-accurately-block .Most-accurately-content {
    width: 100%;
    background: #fff;
    border: 1px solid #059062;
    border-radius: 6px;
    padding: 15px; }
    .Most-accurately-block .Most-accurately-content .title {
      color: #999999;
      font-size: 13px;
      font-weight: 600; }
      .Most-accurately-block .Most-accurately-content .title strong {
        color: #000;
        font-weight: 600; }
      .Most-accurately-block .Most-accurately-content .title p {
        color: #666666;
        margin-bottom: 2px; }
    .Most-accurately-block .Most-accurately-content .con {
      font-size: 12px;
      font-weight: 600;
      color: #027e6a; }
      .Most-accurately-block .Most-accurately-content .con strong {
        font-size: 40px;
        font-weight: 600;
        line-height: normal; }

.statistic-area .match-winner-block.big .match-winnner-top-bar {
  justify-content: space-between;
  color: #666666; }
  .statistic-area .match-winner-block.big .match-winnner-top-bar .match-name-detail p {
    font-size: 11px;
    text-align: left;
    font-weight: 600; }

.statistic-area .match-winner-block.big {
  background: url(../images/match-winner-block-bg-big2.png) no-repeat;
  padding: 50px 10px;
  margin-bottom: 11px;
  min-height: 315px; }
  .statistic-area .match-winner-block.big .match-winner-point {
    left: 47%;
    font-weight: 600;
    color: #666;
    padding: 5px;
    bottom: 20px; }
  .statistic-area .match-winner-block.big .match-winner-user-name {
    bottom: -50px;
    font-size: 24px;
    font-weight: 500;
    color: #666; }

.green-border-box {
  padding: 15px;
  background: #fdfbe9;
  border: 1px solid #059062;
  border-radius: 6px; }

.MaxMustermann-block {
  text-align: center;
  width: 100%;
  margin-bottom: 0px; }
  .MaxMustermann-block .MaxMustermann-top {
    margin-bottom: 20px; }
    .MaxMustermann-block .MaxMustermann-top h2 {
      font-size: 16px;
      color: #000;
      margin-bottom: 2px;
      margin-top: 5px; }
    .MaxMustermann-block .MaxMustermann-top p {
      color: #666666;
      margin-bottom: 2px; }
  .MaxMustermann-block .MaxMustermann-con-list-main {
    width: 100%; }
    .MaxMustermann-block .MaxMustermann-con-list-main .MaxMustermann-con-list-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 10px; }
      .MaxMustermann-block .MaxMustermann-con-list-main .MaxMustermann-con-list-item h5 {
        margin: 0;
        padding: 0;
        font-weight: 500;
        color: #666;
        font-size: 12px; }
      .MaxMustermann-block .MaxMustermann-con-list-main .MaxMustermann-con-list-item h5.bold {
        margin: 0;
        padding: 0;
        font-weight: 600;
        color: #000;
        font-size: 12px; }
      .MaxMustermann-block .MaxMustermann-con-list-main .MaxMustermann-con-list-item .MaxMustermann-con-bar-line {
        width: 20%; }
        .MaxMustermann-block .MaxMustermann-con-list-main .MaxMustermann-con-list-item .MaxMustermann-con-bar-line .stat-top span {
          font-weight: 500; }
        .MaxMustermann-block .MaxMustermann-con-list-main .MaxMustermann-con-list-item .MaxMustermann-con-bar-line .stat-top span.gold {
          color: #e2b520; }
        .MaxMustermann-block .MaxMustermann-con-list-main .MaxMustermann-con-list-item .MaxMustermann-con-bar-line .bar-line-container-full {
          left: 0;
          top: 0; }
        .MaxMustermann-block .MaxMustermann-con-list-main .MaxMustermann-con-list-item .MaxMustermann-con-bar-line .bar-line-container-full.gold {
          background: #e2b520; }
        .MaxMustermann-block .MaxMustermann-con-list-main .MaxMustermann-con-list-item .MaxMustermann-con-bar-line .bar-line-container-full.gray {
          background: #9da3af; }
        .MaxMustermann-block .MaxMustermann-con-list-main .MaxMustermann-con-list-item .MaxMustermann-con-bar-line .bar-line-container-full.gray-l {
          background: #d2d5db; }
        .MaxMustermann-block .MaxMustermann-con-list-main .MaxMustermann-con-list-item .MaxMustermann-con-bar-line .bar-line-container.height5 {
          height: 6px; }

.login-create-group-top-section.bg2 {
  background: url(../images/header-bg-2.jpg) no-repeat;
  background-size: cover; }

.dashboard-3-page-head span {
  font-size: 35px; }

.match-list.user-table-2 {
  width: 27%; }

.match-list.user-table-2 .match-list-iteam {
  padding: 2px; }

.match-list.user-table-2 .match-list-iteam a {
  margin-left: 84px; }

.match-list.user-table-2 .match-list-iteam h4 {
  font-size: 26px; }

.match-list.user-table-2 .match-list-iteam p {
  font-size: 11px;
  line-height: 13px; }

.matchday-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #b7b8b7;
  border-radius: 8px;
  padding: 5px;
  margin-bottom: 8px;
  margin-top: 5px; }
  .matchday-section .prev-box a, .matchday-section .next-box a {
    font-size: 11px;
    line-height: normal;
    display: flex;
    align-items: center; }
    .matchday-section .prev-box a i, .matchday-section .next-box a i {
      font-size: 24px;
      line-height: normal; }
  .matchday-section .match-day-center-con {
    font-size: 11px;
    line-height: normal;
    color: #027e6a;
    text-align: center; }
    .matchday-section .match-day-center-con h4 {
      color: #999999;
      font-size: 22px;
      margin: 0;
      line-height: 16px; }
    .matchday-section .match-day-center-con .up-icon {
      margin-right: 5px; }
    .matchday-section .match-day-center-con .down-icon {
      margin-left: 5px; }

.match-day-list.gray .match-day-list-item-center {
  align-items: center; }

.border-round {
  border-radius: 8px; }

.user-table-2-buttonn-block {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.match-list.with-select-box {
  width: 50%; }
  .match-list.with-select-box .match-list-iteam {
    gap: 5px; }
  .match-list.with-select-box .rules-select-box {
    width: 65%;
    border-left: 1px solid #027e6a; }
    .match-list.with-select-box .rules-select-box select {
      border: 0;
      outline: 0; }

.btn-dark-green {
  background: linear-gradient(90deg, #246664 0%, #027e6a 50%);
  color: #ffffff;
  width: 100%;
  font-size: 21px;
  padding: 4px;
  border: 0; }

.division-table-section {
  margin-top: 20px; }
  .division-table-section .division-btale-head {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .division-table-section .division-btale-head h4 {
      font-size: 21px;
      color: #515050; }
    .division-table-section .division-btale-head .gray-light {
      color: #cccccc; }
  .division-table-section .division-table-box {
    background: #ffffff;
    border: 1px solid #999999;
    padding: 5px; }
    .division-table-section .division-table-box .division-table-box-item {
      font-size: 11px;
      color: #515050;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 15px; }
      .division-table-section .division-table-box .division-table-box-item img {
        width: 15px; }
      .division-table-section .division-table-box .division-table-box-item strong {
        color: #000000; }
      .division-table-section .division-table-box .division-table-box-item .team-name {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 2px; }
        .division-table-section .division-table-box .division-table-box-item .team-name .team-name-con p {
          margin: 0;
          line-height: normal; }
    .division-table-section .division-table-box .division-table-box-item:last-child {
      margin-bottom: 0; }

.result-value input[type="number"] {
  -moz-appearance: textfield; }

.switch-board-right-section {
  margin-bottom: 20px;
  position: relative; }
  .switch-board-right-section .switch-board-right-head {
    display: flex;
    justify-content: start;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 10px; }
    .switch-board-right-section .switch-board-right-head h4 {
      font-size: 26px;
      color: #999999;
      margin: 0; }
    .switch-board-right-section .switch-board-right-head i {
      font-size: 28px;
      color: #515050; }
    .switch-board-right-section .switch-board-right-head span {
      font-size: 13px;
      color: #515050; }
  .switch-board-right-section .switch-board-right-con-box {
    background: #ffffff;
    padding: 10px;
    border: 1px solid #b7b8b7;
    border-radius: 8px;
    color: #515050;
    font-size: 11px; }
  .switch-board-right-section .facts-con {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 40px; }
    .switch-board-right-section .facts-con p {
      margin: 0;
      font-size: 13px;
      line-height: normal; }
  .switch-board-right-section .sb-board-user-profile-con {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 16%;
    margin-bottom: 20px; }
    .switch-board-right-section .sb-board-user-profile-con p {
      margin: 0;
      font-size: 11px;
      line-height: normal;
      min-width: 13%; }
      .switch-board-right-section .sb-board-user-profile-con p a {
        width: 20px;
        height: 20px;
        transform: rotate(45deg); }
      .switch-board-right-section .sb-board-user-profile-con p span {
        color: #e85f63; }
  .switch-board-right-section .sb-board-user-profile-con.user-p3 {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5%;
    margin-bottom: 20px; }
    .switch-board-right-section .sb-board-user-profile-con.user-p3 p {
      margin: 0;
      font-size: 11px;
      line-height: normal;
      min-width: 28%; }
      .switch-board-right-section .sb-board-user-profile-con.user-p3 p a {
        width: 20px;
        height: 20px;
        transform: rotate(45deg); }
      .switch-board-right-section .sb-board-user-profile-con.user-p3 p span {
        color: #e85f63; }
  .switch-board-right-section .sb-board-user-profile-con.gap-mid {
    gap: 10%;
    margin-bottom: 0; }
    .switch-board-right-section .sb-board-user-profile-con.gap-mid p {
      margin-bottom: 20px; }
    .switch-board-right-section .sb-board-user-profile-con.gap-mid .sb-board-up-upload-pic-section {
      width: 59%;
      display: flex;
      justify-content: start;
      align-items: center;
      line-height: normal;
      gap: 4%; }
      .switch-board-right-section .sb-board-user-profile-con.gap-mid .sb-board-up-upload-pic-section p {
        margin-bottom: 0; }
      .switch-board-right-section .sb-board-user-profile-con.gap-mid .sb-board-up-upload-pic-section .user-thumb {
        width: 90px;
        height: 90px; }
  .switch-board-right-section .sb-board-user-profile-con.user-p3.gap-mid {
    gap: 5%; }
  .switch-board-right-section .switch-board-right-con-box.site-setting .site-setting-con {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20%; }
    .switch-board-right-section .switch-board-right-con-box.site-setting .site-setting-con p {
      margin: 0;
      font-size: 13px;
      line-height: normal; }
    .switch-board-right-section .switch-board-right-con-box.site-setting .site-setting-con .sb-site-setting-langueage-block h6 {
      font-size: 13px;
      color: #999999;
      font-weight: 400; }
    .switch-board-right-section .switch-board-right-con-box.site-setting .site-setting-con .sb-site-setting-langueage-block .sb-site-setting-langueage {
      display: flex;
      justify-content: start;
      align-items: center;
      gap: 3px;
      font-size: 11px;
      color: #999999;
      margin-bottom: 5px; }
      .switch-board-right-section .switch-board-right-con-box.site-setting .site-setting-con .sb-site-setting-langueage-block .sb-site-setting-langueage img {
        width: 24px; }
      .switch-board-right-section .switch-board-right-con-box.site-setting .site-setting-con .sb-site-setting-langueage-block .sb-site-setting-langueage input {
        border: 1px solid #999999;
        margin: 0; }
  .switch-board-right-section .switch-board-right-con-box.manageusers-setting .manage-user-tag-head {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
    margin-bottom: 15px; }
    .switch-board-right-section .switch-board-right-con-box.manageusers-setting .manage-user-tag-head i {
      color: #027e6a; }
    .switch-board-right-section .switch-board-right-con-box.manageusers-setting .manage-user-tag-head h6 {
      font-size: 13px;
      font-weight: bold;
      margin: 0; }
  .switch-board-right-section .switch-board-right-con-box.manageusers-setting table th, .switch-board-right-section .switch-board-right-con-box.manageusers-setting td {
    padding-top: 2px;
    padding-bottom: 2px; }
  .switch-board-right-section .switch-board-right-con-box.manageusers-setting table th {
    color: #999999;
    font-size: 13px;
    font-weight: 400;
    padding-bottom: 10px; }
  .switch-board-right-section .switch-board-right-con-box.manageusers-setting .club-name {
    border: 1px solid #b79677;
    min-width: 165px;
    font-size: 11px;
    text-transform: uppercase; }
    .switch-board-right-section .switch-board-right-con-box.manageusers-setting .club-name span.club-name-left {
      background: #000000;
      color: #ffffff;
      display: inline-block;
      width: 70%;
      border-right: 1px solid #b79677; }
    .switch-board-right-section .switch-board-right-con-box.manageusers-setting .club-name span.club-name-right {
      display: inline-block;
      color: #000000;
      width: 27%; }
  .switch-board-right-section .switch-board-right-con-box.manageusers-setting .create-user-con-box {
    background: #027e6a;
    padding: 5px;
    color: #ffffff;
    font-size: 10px; }
    .switch-board-right-section .switch-board-right-con-box.manageusers-setting .create-user-con-box p:last-child {
      margin: 0; }
  .switch-board-right-section .switch-board-right-con-box.manageusers-setting .create-user-botom-action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 15px; }
    .switch-board-right-section .switch-board-right-con-box.manageusers-setting .create-user-botom-action i {
      color: #027e6a; }
  .switch-board-right-section .join-goup-head {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: #999999; }
  .switch-board-right-section .join-group-con-area-items {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 8px;
    margin-top: 5px; }
    .switch-board-right-section .join-group-con-area-items .match-list-iteam {
      padding: 2px;
      display: flex;
      align-items: center;
      gap: 5px;
      margin: 0;
      border: 1px solid #999999; }
      .switch-board-right-section .join-group-con-area-items .match-list-iteam h4 {
        font-size: 16px;
        min-width: 27%; }
      .switch-board-right-section .join-group-con-area-items .match-list-iteam p {
        font-size: 8px;
        line-height: 8px; }
      .switch-board-right-section .join-group-con-area-items .match-list-iteam a {
        margin-left: 40px; }
    .switch-board-right-section .join-group-con-area-items .game-rules {
      border: 1px solid #999999;
      line-height: 10px;
      padding: 2px;
      text-align: center;
      min-height: 24.8px; }
  .switch-board-right-section .archived {
    margin-top: 5px; }
    .switch-board-right-section .archived h4 {
      color: #999999;
      font-size: 11px;
      margin: 0;
      line-height: normal; }
    .switch-board-right-section .archived .match-list-iteam {
      color: #cccccc;
      border: 1px solid #cccccc; }
      .switch-board-right-section .archived .match-list-iteam h4 {
        color: #cccccc; }
      .switch-board-right-section .archived .match-list-iteam p {
        color: #cccccc; }
    .switch-board-right-section .archived .game-rules {
      border: 1px solid #cccccc;
      color: #cccccc; }
  .switch-board-right-section .join-group-sub-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    margin-bottom: 15px; }
    .switch-board-right-section .join-group-sub-head h6 {
      font-size: 13px;
      font-weight: bold;
      margin: 0; }

.quick-user-assignment {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5%; }
  .quick-user-assignment input.search-input {
    padding: 0;
    border-radius: 0;
    border: 1px solid #999999;
    font-size: 11px; }

.quick-user-assignment.create-new {
  min-width: 30%; }

.switch-board-right-section.user3 .facts-con {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 40px; }

.switch-board-right-section.user3 .facts-con p {
  margin: 0;
  font-size: 16px;
  line-height: normal;
  font-weight: 500; }

.button-below-user3 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 20px; }

.button-below-user3-con {
  width: 60%;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap; }

.button-below-user3-con a {
  text-transform: uppercase;
  font-size: 18px; }

.button-below-user3-con a.btn-dark-green {
  background: linear-gradient(90deg, #246664 0%, #027e6a 50%);
  color: #ffffff;
  width: 100%;
  font-size: 18px;
  padding: 10px; }

.button-below-user3-con a.btn-dark-green:hover {
  background: linear-gradient(90deg, #246664 0%, #027e6a 50%);
  color: #ffffff;
  padding: 10px;
  border: 0 !important; }

.switch-board-right-section .switch-board-right-head.user3 {
  align-items: center; }
  .switch-board-right-section .switch-board-right-head.user3 img {
    height: 26px; }

.switch-board-right-con-box.user3 {
  min-height: 87px;
  align-items: center;
  display: flex;
  justify-content: center; }

.global-check .form-check-input {
  background-color: #e8e8e8;
  border: 1px solid #6d6d6d;
  border-radius: 0; }

.global-check label {
  display: inline-block;
  font-size: 11px;
  font-weight: 300;
  color: #515050; }

.user-notification-sec {
  width: 100%;
  margin-top: 15px; }
  .user-notification-sec a {
    color: #333333;
    font-weight: 400; }

.user-noti-list-container {
  display: flex;
  align-items: start;
  justify-content: start;
  margin-bottom: 15px;
  gap: 15px;
  width: 100%;
  color: #333333;
  font-weight: 400; }
  .user-noti-list-container .noti-color-box {
    width: 80px;
    height: 15px; }
  .user-noti-list-container .noti-color-box.yellow {
    background: #ffcc00; }
  .user-noti-list-container .noti-color-box.blue {
    background: #0099ff; }
  .user-noti-list-container .noti-color-box.red {
    background: #ff3333; }
  .user-noti-list-container .user-noti-list-containt {
    width: 60%; }
    .user-noti-list-container .user-noti-list-containt strong {
      font-weight: 600;
      font-style: italic; }
    .user-noti-list-container .user-noti-list-containt span {
      display: inline-block;
      margin-left: 15px;
      width: auto; }

.switch-board-right-section .switch-board-right-con-box.new-form1 {
  background: #f2f2f2; }

.new-form1 .form-label {
  margin-bottom: 5px;
  color: #333;
  font-weight: 500;
  font-size: 13px; }

.new-form1 .form-control {
  font-size: 14px;
  padding: 10px 15px;
  margin-bottom: 20px; }

.new-form1 .form-select {
  padding: 10px 15px;
  margin-bottom: 20px; }

.sb-board-up-upload-pic-section-new-box {
  width: 59%;
  display: flex;
  justify-content: start;
  align-items: center;
  line-height: normal;
  gap: 4%;
  background: #fff;
  padding: 10px;
  border-radius: 0.375rem; }
  .sb-board-up-upload-pic-section-new-box .user-thumb {
    width: 90px;
    height: auto;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    background: #fff; }

.right-user-upload-box {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 10px; }
  .right-user-upload-box .upload-icon-01 i {
    font-size: 30px;
    color: #171717; }

.btn-update {
  background: #4f9758;
  width: 100%;
  padding: 5px 15px;
  text-align: center;
  color: #fff;
  font-weight: 200;
  text-transform: uppercase;
  font-size: 16px; }

.btn-update:hover {
  background: #45864d;
  color: #fff; }

.new-form1 .form-label.color-violet {
  color: #983468; }

.new-form1 .form-control.color-violet {
  color: #983468; }

.ranking-head {
  color: #027e6a;
  font-size: 21px; }

.ranking-snapshot.user-ranking .table th {
  color: #666;
  font-size: 15px;
  font-weight: 400; }
  .ranking-snapshot.user-ranking .table th img {
    height: 28px; }

.ranking-snapshot.user-ranking .table td {
  color: #027e6a;
  font-size: 14px; }
  .ranking-snapshot.user-ranking .table td strong {
    font-weight: 600; }

.ranking-table2 .table th {
  color: #000000;
  font-size: 14px;
  font-weight: 400; }

.ranking-table2 .table td {
  color: #515050;
  font-size: 14px; }
  .ranking-table2 .table td strong {
    font-weight: 600; }

.ranking-table2 .team-name {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 2px; }
  .ranking-table2 .team-name p {
    margin: 0; }

span.text-small {
  font-size: 13px;
  color: #999999; }

.link-small-underline {
  font-size: 11px;
  color: #515050;
  text-decoration: underline; }

.tag-select-section {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px; }

.border-box-round.user-ranking.ranking-snapshot.user-ranking {
  margin-bottom: 40px; }

.round-green-border {
  border-radius: 20px;
  border: 1px solid #027e6a;
  width: 60%;
  font-size: 13px; }

.border-box-round {
  border: 1px solid #b7b8b7;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 8px;
  margin-top: 5px; }
  .border-box-round p.text-end {
    margin: 0;
    font-size: 11px; }

.width-auto {
  width: auto; }

.user-table-2-buttonn-block.from-start {
  align-items: start; }

.right-box-legend h4 {
  font-size: 24px;
  font-weight: 400; }
.right-box-legend .legend-list-container {
  width: 60%;
  margin-left: 40%; }

.legend-list-item {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10%;
  margin-bottom: 5px; }
  .legend-list-item img {
    width: 26px; }
  .legend-list-item .legent-list-color-box {
    width: 26px;
    height: 20px; }
  .legend-list-item .green {
    background: #339900; }
  .legend-list-item .yellow {
    background: #ffcc00; }
  .legend-list-item .black {
    background: #000000; }

.matchday-running-status-block .match-count {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 15px;
  font-size: 17px;
  color: #333333;
  margin-bottom: 5px; }
.matchday-running-status-block .left-right-icons {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 5px; }
  .matchday-running-status-block .left-right-icons a {
    padding: 5px;
    color: #027e6a;
    background: #e1e1e1;
    font-size: 14px;
    line-height: 0; }
.matchday-running-status-block .legend-list-item {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 1%;
  margin-bottom: 20px;
  color: #333;
  font-size: 17px; }

.user-battable-main-section {
  padding: 10px; }

.comment-box-con-left-overall-table {
  display: flex;
  gap: 5px;
  justify-content: start;
  align-items: center;
  line-height: 20px;
  text-align: left; }
  .comment-box-con-left-overall-table .user-thumb {
    width: 20px;
    height: 20px; }

.user-bettable table th {
  background: transparent;
  font-weight: 400; }

.user-bettable table td {
  color: #027e6a;
  position: relative;
  text-align: center;
  height: 60px;
  font-size: 14px; }

.battable-th-item {
  display: flex;
  align-items: end;
  min-height: 115px; }

.user-battable-main-section .next-match-team .team-color-box {
  overflow: hidden; }

.user-battable-main-section .next-match-team .team-name {
  color: #333; }

.battable-score {
  background: #999999;
  color: #ffffff;
  padding: 3px;
  line-height: normal;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 0px; }

.battable-score.black {
  background: #000000; }

.battable-score.green {
  background: #027e6a; }

.next-match-team .team-color-box .red {
  background: #f6010d; }

.next-match-team .team-color-box .yellow {
  background: #e2e504; }

.battable-black-circle-point {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000000;
  border: 1px solid #ffffff;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  top: -5px;
  right: 0;
  color: #ffffff;
  font-size: 16px; }

.battable-black-circle-point.relative {
  position: relative;
  margin: 0 auto;
  margin-top: 5px;
  height: 26px;
  width: 26px; }

.battable-black-circle-point.blue {
  background: #0066cc; }

.battable-black-circle-point.yellow {
  background: #eabf00; }

.battable-black-circle-point.green {
  background: #276155; }

.battable-black-circle-point.green-light {
  background: #29af8e; }

.matchday-section.nex-prev-table.mt-3 {
  border: 0;
  padding: 0; }

.tableFixHead {
  table-layout: fixed;
  border-collapse: collapse; }

.tableFixHead tbody {
  display: block;
  width: 100%;
  overflow: auto;
  height: 300px; }

.tableFixHead thead tr {
  display: block; }

.tableFixHead th,
.tableFixHead td {
  width: 200px; }

.heading-block-sec {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.sort-by-on-off-text {
  color: #515050; }

.sort-by-sec {
  display: flex;
  justify-content: center;
  gap: 5px;
  font-size: 14px; }

.form-switch .form-check-input {
  border: 3px solid #027e6a;
  cursor: pointer; }

.form-check-input:checked {
  background-color: #00b277; }

.division-table-section.tournament-byDate .division-table-box {
  background: #ffffff;
  border: 0px solid #999999;
  padding: 5px;
  border-bottom: 1px solid #7d9303; }

.division-table-section.tournament-byDate .division-btale-head h5 {
  color: #515050;
  font-weight: 600; }

.new-administration-container {
  padding: 0px 15px 15px 15px; }

.card-shadow-style.v2.club-box h3 {
  color: #378f81;
  font-size: 26px;
  font-weight: 700; }
.card-shadow-style.v2.club-box p {
  font-size: 18px;
  margin-bottom: 5px;
  margin-top: 5px; }
.card-shadow-style.v2.club-box a {
  font-size: 20px;
  color: #515050;
  font-weight: 700; }
.card-shadow-style.v2.club-box a span {
  color: #378f81; }
.card-shadow-style.v2.club-box .note {
  font-size: 11px;
  margin-top: 10px; }

.new-administration-container .upload-file-box {
  width: 45%; }
  .new-administration-container .upload-file-box h5 {
    min-height: 30px; }
  .new-administration-container .upload-file-box .upload-with-logo {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 5px; }
  .new-administration-container .upload-file-box .upload-input {
    width: 55%;
    padding: 5px;
    border: 1px solid #cccccc; }
    .new-administration-container .upload-file-box .upload-input input {
      font-size: 15px; }
    .new-administration-container .upload-file-box .upload-input h6 {
      font-size: 15px; }

.new-administration-container .upload-file-box.full-width {
  width: 100%; }

.group-admin-row-right-section {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 30px; }
  .group-admin-row-right-section .state-current-plan-container {
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 55%;
    gap: 15px; }
    .group-admin-row-right-section .state-current-plan-container h5 {
      font-size: 18px;
      color: #515050; }
    .group-admin-row-right-section .state-current-plan-container .grop-state-box {
      width: 60%; }
      .group-admin-row-right-section .state-current-plan-container .grop-state-box .state-list {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 15px;
        gap: 20px; }
        .group-admin-row-right-section .state-current-plan-container .grop-state-box .state-list input {
          border-radius: 4px;
          border: 1px solid #cccccc;
          padding: 5px 5px;
          width: 100%;
          font-size: 13px; }
    .group-admin-row-right-section .state-current-plan-container .current-plan-wrapper {
      width: 40%; }
      .group-admin-row-right-section .state-current-plan-container .current-plan-wrapper .current-plan-img-box {
        padding: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
        border: 1px solid #cccccc;
        background: #ffffff; }

.select-group {
  width: 15%;
  margin-bottom: 15px; }
  .select-group .form-select {
    border: 1px solid #cccccc;
    border-radius: 0; }

.about-goup-sec {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 30px; }
  .about-goup-sec .about-group-head {
    width: 40%; }
  .about-goup-sec .about-group-text-area {
    width: 60%; }
    .about-goup-sec .about-group-text-area .form-textarea {
      border: 2px solid #999999;
      width: 100%;
      padding: 10px;
      height: 100px; }

.heading-box-row {
  width: 100%; }
  .heading-box-row h4 {
    font-size: 18px; }
  .heading-box-row .competitions-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    padding-left: 0px; }
    .heading-box-row .competitions-header input {
      width: 30%;
      border: 1px solid #999999; }
  .heading-box-row .title-matchday {
    margin-bottom: 10px;
    font-size: 18px; }

.matchday-list-wrapper {
  display: flex;
  align-items: start;
  justify-content: start;
  border-right: 1px solid #027e6a; }
  .matchday-list-wrapper .matchday-right-arrow-block {
    position: relative;
    padding: 0 5px;
    min-height: 155px;
    width: 12%; }
    .matchday-list-wrapper .matchday-right-arrow-block i {
      color: #027e6a; }
    .matchday-list-wrapper .matchday-right-arrow-block .arrow-top {
      position: absolute;
      top: 0; }
    .matchday-list-wrapper .matchday-right-arrow-block .arrow-bottom {
      position: absolute;
      bottom: 0; }

.match-list.v2 .match-list-iteam {
  padding: 2px; }
  .match-list.v2 .match-list-iteam .match-day-list-icon-box {
    margin-left: 4px; }
    .match-list.v2 .match-list-iteam .match-day-list-icon-box i {
      font-size: 40px;
      color: #027e6a;
      line-height: normal; }
.match-list.v2 .match-list-iteam:first-child {
  margin: 0; }

.more-langue-info {
  position: absolute;
  bottom: 0; }

.setup-select-langua-wrapper .user-table-2 {
  width: 40%; }
.setup-select-langua-wrapper .match-list.user-table-2 .match-list-iteam a {
  margin-left: 48px; }
.setup-select-langua-wrapper .customize-rule-wrapper {
  margin-top: 100px;
  display: block; }
  .setup-select-langua-wrapper .customize-rule-wrapper h5 {
    font-size: 11px;
    font-weight: 700;
    margin: 0; }
  .setup-select-langua-wrapper .customize-rule-wrapper .form-textarea {
    border: 2px solid #999999;
    width: 100%;
    padding: 10px;
    height: 200px; }
.setup-select-langua-wrapper .bt-bottom {
  text-align: right; }
.setup-select-langua-wrapper .btn-dark-green.v2 {
  width: auto;
  font-size: 21px;
  padding: 4px 20px;
  border: 0;
  font-weight: 700;
  border-radius: 4px; }

.manage-group-member-wrapper {
  width: 100%;
  display: block; }
  .manage-group-member-wrapper h4 {
    margin-bottom: 20px; }
  .manage-group-member-wrapper p {
    font-size: 20px;
    color: #515050;
    font-weight: 60 0; }
  .manage-group-member-wrapper .invite-fnd-block-right {
    padding: 5px;
    display: flex;
    align-items: end; }

.rule-setting-form {
  width: 100%;
  margin-top: 15px; }
  .rule-setting-form h3 {
    font-size: 20px;
    color: #515050;
    font-weight: normal; }
  .rule-setting-form .rule-orm-row {
    margin-bottom: 10px; }
    .rule-setting-form .rule-orm-row .form-label {
      font-size: 11px;
      margin: 0; }
    .rule-setting-form .rule-orm-row .form-control {
      border: 1px solid #cccccc; }

.latest-register-users {
  width: 100%;
  display: block;
  position: relative; }
  .latest-register-users .latest-register-users-head {
    display: flex;
    align-items: baseline;
    justify-content: start;
    gap: 5px; }

.tablev2-box {
  border: 1px solid #515050; }

.table-v2 {
  margin: 0; }
  .table-v2 .user-thumb {
    width: 30px;
    height: 30px;
    border-radius: 0;
    border: 0; }
  .table-v2 th {
    font-size: 13px;
    background: transparent;
    color: #999999; }
  .table-v2 td {
    color: #515050;
    position: relative;
    font-size: 10px;
    font-weight: 600;
    padding: 5px;
    vertical-align: middle; }
  .table-v2 th:last-child {
    text-align: right; }
  .table-v2 td:last-child {
    text-align: right; }

.exiting-group-wrapper {
  display: block;
  width: 100%; }
  .exiting-group-wrapper .exiting-group-filter-top {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
    margin-top: 15px; }

.lague-label {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 3px; }
  .lague-label .label {
    background: #027e6a;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 2px;
    color: #ffffff;
    line-height: 10px; }

.table-icon {
  color: #515050; }

.main-button-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .main-button-bottom .btn-dark-green.v2 {
    width: auto;
    font-size: 21px;
    padding: 4px 20px;
    border: 0;
    font-weight: 700;
    border-radius: 4px; }
  .main-button-bottom .btn-archive {
    background: #ff0000;
    border-radius: 4px;
    color: #ffffff;
    line-height: normal; }
    .main-button-bottom .btn-archive i {
      margin-left: 15px; }

.match-list.v2 .match-list-iteam {
  gap: 3px; }

.card-shadow-style.v2 input, select, textarea {
  font-size: 11px; }

.rule-orm-row .form-label {
  font-size: 11px;
  margin: 0; }

.logo-196x196.height-70 img {
  height: 70px; }

.card-shadow-style.px-3.v2.upload-file-box.min-height-1 {
  min-height: 209px; }

.table-v2 th input {
  margin-bottom: 5px; }

.footer-main .footer-links-area {
  display: flex;
  justify-content: start; }
  .footer-main .footer-links-area ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-right: 30px; }
    .footer-main .footer-links-area ul li {
      margin-bottom: 0px;
      line-height: normal; }
      .footer-main .footer-links-area ul li a {
        font-size: 13px;
        color: #ffffff;
        font-weight: 200; }
        .footer-main .footer-links-area ul li a:hover {
          text-decoration: underline; }
.footer-main .footer-right {
  display: flex;
  justify-content: end;
  color: #ffffff;
  font-size: 14px; }
  .footer-main .footer-right img {
    max-width: 157px;
    margin-top: 0px; }
.footer-main .select-language {
  gap: 10px; }
.footer-main .footer-bottom {
  display: flex;
  justify-content: center;
  color: #ffffff;
  font-size: 14px;
  align-items: center;
  margin-top: 10px; }
  .footer-main .footer-bottom img {
    max-width: 157px; }

@media (max-width: 575.98px) {
  .login-box.loginGroup_registration-process .login-box-inner .signup-form-bottom-text a {
    color: #027e6a;
    font-weight: 500;
    font-size: 14px; }

  .login-box.loginGroup_registration-process .login-box-inner .signup-form-bottom-text a.font-normal {
    color: #027e6a;
    font-weight: 500; }

  .header-main .header-login {
    bottom: inherit; }

  .header-main .header-login .logo {
    max-width: 100%;
    margin: 0 auto;
    text-align: center; }

  .header-main .header-login .logo img {
    height: 120px; }

  .header-main .header-login .nav-login .nav-item {
    margin-left: 0; }

  .header-main .header-login .nav-login .nav-link {
    border: 0 !important;
    border-radius: 0 !important;
    color: #666666;
    padding: inherit !important;
    font-size: 16px !important; }

  .header-main .header-login .nav-login .login-nav-btn {
    margin-top: 30px !important; }

  .login-box .login-box-inner {
    padding: 50px 15px 15px 15px;
    overflow: hidden;
    border-radius: 30px;
    opacity: 95%; }

  .login-box .login-box-inner .login-box-text {
    margin-top: 100px; }

  .login-box .login-box-inner .login-box-text h1 {
    margin-bottom: 50px;
    padding-right: 0px; }

  .login-box .login-box-inner .login-box-text ul li {
    flex-wrap: wrap; }

  .login-box .login-box-inner .login-box-text ul li button {
    margin-right: 0px;
    margin-bottom: 20px; }

  .header-main .header-login .nav-login {
    margin-top: -45px;
    margin-right: -10px; }

  .login-content-area .login-content-area-inner {
    padding: 15px; }

  .login-content-area .login-content-area-inner .login-content-area-inner-text ul li {
    flex-wrap: wrap; }

  .login-content-area .login-content-area-inner .login-content-area-inner-text ul li button {
    margin-left: 0px;
    max-width: 100%;
    font-size: 16px;
    padding: 15px; }

  .login-content-area .login-content-area-inner .login-content-area-inner-text .hr-lines {
    font-size: 22px;
    margin-top: 30px; }

  .login-content-area .login-content-area-inner .login-content-area-inner-text .hr-lines:before {
    width: 35%; }

  .login-content-area .login-content-area-inner .login-content-area-inner-text .hr-lines:after {
    width: 35%; }

  .login-content-area .prediction-community h1 {
    font-size: 30px;
    margin-bottom: 30px; }

  .login-box.loginGroup_registration-process .login-box-inner .signup-form {
    padding: 5px; }

  .header-main.loginGroup_registration-process .header-login .logo {
    max-width: 100%; }

  .header-main.loginGroup_registration-process {
    min-height: 120px; }

  .header-main.loginGroup_registration-process .header-login {
    bottom: -176px; }

  .header-main .header-login .select-language {
    justify-content: center !important; }

  .login-box.loginGroup_registration-process .login-box-inner {
    padding: 70px 15px 15px 15px !important; }

  .login-box.loginGroup_registration-process .login-box-inner .signup-form .form-control, .login-box.loginGroup_registration-process .login-box-inner .signup-form .form-check-input {
    padding: 15px;
    font-size: 12px; }

  .form-btn {
    font-size: 12px;
    padding: 15px; }

  .login-box.loginGroup_registration-process .login-box-inner .signup-form .note {
    font-size: 14px;
    color: #515050;
    font-weight: 400;
    line-height: normal; }

  .login-box.loginGroup_registration-process .login-box-inner .login-right-img {
    margin-top: 30px; }

  .footer-main .footer-right {
    font-size: 11px;
    flex-wrap: wrap;
    justify-content: center; }

  .login-box.loginGroup_registration-process .login-box-inner .login-right-img .signup-right-text {
    top: -44px;
    left: 0; }
    .login-box.loginGroup_registration-process .login-box-inner .login-right-img .signup-right-text h1 {
      font-size: 14px; }
    .login-box.loginGroup_registration-process .login-box-inner .login-right-img .signup-right-text p {
      font-size: 10px; }

  .RegistrationProcess3-box .RegistrationProcess3-box-inner {
    padding: 75px 15px 15px 15px !important; }
    .RegistrationProcess3-box .RegistrationProcess3-box-inner h1 {
      font-size: 18px; }

  .RegistrationProcess3-step-1 {
    top: 20px; }

  .step-circle {
    padding: 10px;
    height: 60px;
    width: 60px;
    margin-right: 10px; }

  .RegistrationProcess3-con-area .RegistrationProcess3-con-area-inner {
    padding: 80px 15px 15px 15px;
    margin-bottom: 30px; }

  .RegistrationProcess3-step-2 {
    left: 10px;
    top: -50px; }

  .card-shadow-style-con-area {
    padding: 0px; }

  .card-shadow-style h4 {
    font-size: 14px; }

  .card-shadow-style-con-area-list {
    gap: 5px;
    flex-wrap: wrap; }

  .btn-accept {
    font-size: 16px;
    padding: 5px 10px; }

  .seve-setting-btn .btn {
    width: 100%;
    font-size: 16px; }

  .RegistrationProcess2-steps .login-process2-step-1, .login-process2-step-2, .login-process2-step-3, .login-process2-step-4, .login-process2-step-5 {
    min-width: 100% !important;
    position: inherit !important;
    top: inherit !important;
    margin-bottom: 50px !important; }

  .RegistrationProcess2-steps .login-process2-step-1::after {
    content: "";
    background-color: #027e6a;
    position: absolute !important;
    width: 1px;
    height: 39px;
    bottom: -46px !important;
    left: 50% !important;
    display: block;
    top: inherit !important; }

  .RegistrationProcess2-steps .login-process2-step-2::after {
    content: "";
    background-color: #027e6a;
    position: absolute !important;
    width: 1px;
    height: 39px;
    bottom: -46px !important;
    left: 50% !important;
    display: block;
    top: inherit !important; }

  .RegistrationProcess2-steps .login-process2-step-3::after {
    content: "";
    background-color: #027e6a;
    position: absolute !important;
    width: 1px;
    height: 39px;
    bottom: -46px !important;
    left: 50% !important;
    display: block;
    top: inherit !important; }

  .RegistrationProcess2-steps .login-process2-step-4::after {
    content: "";
    background-color: #027e6a;
    position: absolute !important;
    width: 1px;
    height: 39px;
    bottom: -46px !important;
    left: 50% !important;
    display: block;
    top: inherit !important; }

  .RegistrationProcess2-steps .login-process2-step-1 .card-shadow-style .step1-circle, .step2-circle, .step3-circle, .step4-circle, .step5-circle {
    position: absolute;
    top: -10px !important;
    left: -10px !important;
    bottom: inherit !important; }

  .RegistrationProcess2-steps .step-circle {
    padding: 1px;
    height: 30px;
    width: 30px;
    margin-right: 0px;
    font-size: 30px; }

  .Process2 .RegistrationProcess3-box-inner .login-right-img {
    display: none; }

  .login-process2-step-5 .card-shadow-style .step5-circle {
    top: -10px !important;
    left: -10px !important;
    bottom: inherit !important; }
    .login-process2-step-5 .card-shadow-style .step5-circle .step-circle {
      padding: 1px;
      height: 30px;
      width: 30px;
      margin-right: 0px;
      font-size: 30px; }

  .login-process2-step-5::after {
    display: none; }

  .RegistrationProcess3-con-area-inner.for-process-2 {
    padding-top: 30px; }

  .heading-login-process-2 {
    font-size: 22px; }

  .seve-setting-btn.login-Process2 {
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap; }

  .login-page-1-login-sec {
    width: 100%;
    position: relative; }

  .signup-right-text.for-page-1 {
    left: 0%;
    width: 100%;
    margin-bottom: 5px; }

  .signup-right-text.for-page-1 h1 {
    font-size: 18px; }

  .signup-right-text p {
    font-size: 10px; }

  .card-shadow-style.login-page-1 {
    margin-bottom: 15px;
    margin-top: 15px; }

  section.RegistrationProcess3-con-area.for-login-page-1 .RegistrationProcess3-con-area-inner {
    padding: 15px; }

  .accordion-section {
    margin-top: 10px; }

  .header-login-create-group {
    min-height: 300px; }

  .login-create-group-logo img {
    max-height: 40px; }

  .dashboard-btns .btn-primary {
    font-size: 9px;
    margin-left: 0px;
    padding: 1px 3px; }

  .user-thumb {
    width: 50px;
    height: 50px; }

  .user-nav-sec {
    margin-right: 12px;
    margin-top: -25px;
    gap: 10px; }

  .login-create-group-name-select-box h2 {
    font-size: 18px; }

  .login-create-group-name-select-box select {
    max-width: 100%;
    padding: 3px 10px; }

  .login-create-group-name-select-box {
    margin-top: 10px; }

  .login-create-group-top-section {
    padding: 10px 20px 20px; }

  .competitions-box {
    top: 50px;
    z-index: 9; }

  .RegistrationProcess3-con-area {
    margin-top: -73px; }

  .community-box {
    margin-bottom: 15px; }

  .RegistrationProcess3-con-area-inner.for-process-2.box-height.for-login-create {
    height: auto;
    padding-bottom: 90px; }

  .Process2.for-login-create .RegistrationProcess3-box-inner {
    min-height: 1670px !important; }

  .setup-language {
    position: relative;
    top: 75px; }

  .competitions-box .card-shadow-style .competitions-header {
    margin-bottom: 20px;
    padding-left: 20px;
    flex-wrap: wrap; }

  .upload-file-row .step-circle {
    top: -18px; }

  .RegistrationProcess2-steps .RegistrationProcess2-steps-inner .community-box .card-shadow-style a {
    font-size: 13px; }

  .RegistrationProcess2-steps .RegistrationProcess2-steps-inner .community-box .card-shadow-style p {
    font-size: 13px; }

  .dashboard-3-head {
    flex-wrap: wrap;
    margin-top: 15px; }

  .card-pollygon-border-style.select-language {
    display: flex;
    justify-content: start;
    gap: 30px;
    align-items: center;
    flex-wrap: wrap; }

  .comment-box-con {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap; }

  .send-invite-icons-row {
    flex-wrap: wrap; }

  .dashboard-right-sec .match-list {
    width: 100%; }

  .match-day-head {
    flex-wrap: wrap; }

  .match-day-list {
    gap: 10px;
    flex-wrap: wrap; }

  .match-day-list-item-left {
    width: 100%;
    text-align: left;
    min-height: inherit; }

  .match-day-list.list-justifiy-space {
    justify-content: start; }

  .match-day-list-item-right {
    padding: 0px;
    height: 44px;
    min-width: 100%;
    margin: 0;
    font-size: 15px; }

  .match-winnner-top-bar {
    gap: 5px;
    flex-wrap: wrap; }

  .match-winner-block.big .match-winnner-top-bar {
    font-size: 16px; }

  .match-winner-block.big .well-done {
    font-size: 16px; }

  .match-winner-block.big {
    min-height: 280px;
    padding: 72px 10px 40px; }

  .match-winner-block.big .match-winner-point {
    left: 36%; }

  .match-winner-block.big .match-winner-user-name {
    left: 10%; }

  .comment-box-comment-box textarea {
    font-size: 11px; }

  .comment-box-comment-box .icon-btn {
    height: 40px; }

  .match-list.user-table-2 {
    width: 100%; }

  .switch-board-right-section .sb-board-user-profile-con {
    gap: 8%; }

  .switch-board-right-section .sb-board-user-profile-con.gap-mid {
    flex-wrap: wrap; }

  .switch-board-right-section .facts-con {
    gap: 15px;
    flex-wrap: wrap; }

  .switch-board-right-section .sb-board-user-profile-con.gap-mid .sb-board-up-upload-pic-section {
    width: 100%; }

  .switch-board-right-section .join-group-sub-head {
    flex-wrap: wrap; }

  .quick-user-assignment.create-new {
    min-width: 100%; }

  .prediction-list-box {
    margin-bottom: 15px; }

  .user-bettable table td {
    font-size: 10px;
    padding: 5px; }

  .comment-box-con-left-overall-table .user-thumb {
    width: 15px;
    height: 15px; }

  .user-table-2-buttonn-block.from-start {
    flex-wrap: wrap; }

  .match-list.with-select-box {
    width: 100%; }

  .round-green-border {
    width: 100%; }

  .match-day-list-item-center {
    width: 100%; }

  .match-day-list-item-center.new {
    width: 100%;
    align-items: start; }

  .team-name-with-color-box {
    flex-wrap: wrap;
    width: 30%;
    gap: 5px; }

  .matchday-list-result-full {
    width: auto;
    justify-content: center;
    flex-wrap: wrap; }

  .counter--output {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin: 15px 0 3px; }

  .matchday-list-result-full p {
    margin: inherit;
    margin-top: -7px; }

  .name-tema {
    text-align: left;
    font-size: 11px;
    min-width: 80%; }

  .team-name-with-color-box.right-side .name-tema {
    text-align: right; }

  .match-day-list-item-center.new .team-color-box {
    width: 40px;
    height: 40px; }

  .match-day-list-item-center.new .team-color-box span {
    height: 40px; }

  .result-value.cuentity {
    gap: 1px; }

  .match-day-list-item-center h5 {
    font-size: 9px; }

  .match-list-iteam .form-control {
    font-size: .6rem; }

  .user-table-2-buttonn-block {
    flex-wrap: wrap; }

  .form-control {
    font-size: .7rem; }

  .modal-div {
    width: 90%; }
    .modal-div h3 {
      font-size: 14px; }
    .modal-div .prediction-community-select-box {
      margin-top: 20px; }
    .modal-div select {
      width: 82%; }
    .modal-div .modal-div-footer {
      gap: 5px; }
      .modal-div .modal-div-footer p {
        font-size: 10px;
        margin: 0; }
      .modal-div .modal-div-footer .btn-light-gray {
        padding: 2px 8px;
        border: 1px solid #5c9a83;
        border-radius: 2px;
        font-size: 14px;
        font-weight: 600;
        color: #5c9a83; }

  .heading-block-sec {
    flex-wrap: wrap; }

  .matchday-section .match-day-center-con h4 {
    font-size: 12px; }

  .matchday-section .prev-box a, .matchday-section .next-box a {
    font-size: 10px; }

  .card-pollygon-border-style.latest-comment.next-matchday h3 {
    font-size: 14px; }

  .next-matchday-point {
    min-height: 60px; }

  .fact-matchday-points {
    align-items: start; }

  .reg-v2-form-row {
    flex-wrap: wrap;
    gap: 10px; }

  .input-mandetry {
    width: 100%; }

  span.mandetory {
    font-size: 11px; }

  .reg-v2-form-row input.form-control.half {
    width: 100%; }

  .reg-v2-form-row select.form-select.half {
    width: 100%;
    font-size: 11px; }

  .RegistrationProcess3-box-inner.v2.step-4 .registration-con-v2 {
    top: inherit;
    margin-top: 0; }

  .RegistrationProcess3-box-inner.v2.step-3 {
    min-height: inherit; }

  .logo-group-reg-v2.step-3 {
    position: relative;
    bottom: inherit;
    margin-top: 20px; }

  .save-btn-stet-3 {
    position: relative;
    bottom: 0;
    margin-top: 20px; }
    .save-btn-stet-3 .btn-accept {
      width: 100%; }

  .logo-group-reg-v2 {
    margin-top: 20px; }

  .select-group {
    width: 100%; }

  .upload-file-box small {
    font-size: 10px; }

  .group-admin-row-right-section {
    flex-wrap: wrap;
    margin-top: 15px; }

  .new-administration-container .upload-file-box {
    width: 100%;
    margin-bottom: 15px; }

  .group-admin-row-right-section .state-current-plan-container {
    width: 100%;
    gap: 10px; }

  .card-shadow-style.v2.club-box a {
    font-size: 18px; }

  .new-administration-container .upload-file-box .upload-with-logo {
    justify-content: center;
    flex-wrap: nowrap; }

  .upload-sec-v3 .upload-area {
    width: 100%; }

  .new-administration-container .upload-file-box .upload-input {
    width: 80%; }

  .more-langue-info {
    position: inherit;
    bottom: 0; }

  .setup-select-langua-wrapper .customize-rule-wrapper {
    margin-top: 20px; }

  .setup-select-langua-wrapper .btn-dark-green.v2 {
    width: 100%;
    font-size: 18px; }

  .lague-label {
    gap: 3px;
    flex-wrap: wrap; }

  .main-button-bottom {
    flex-wrap: wrap;
    gap: 20px; }

  .note-reg-v2 {
    margin-top: 20px; }

  .note-reg-v2 h4 {
    font-size: 16px; }

  .note-reg-v2 p {
    font-size: 12px; }

  .RegistrationProcess3-box-inner.v2.step-4 {
    min-height: inherit; }

  .RegistrationProcess3-box-inner.v2 {
    background: url("../images/login-bg-new.png") no-repeat bottom right;
    background-size: 100%;
    background-color: white; }

  .modal-div.modal-congratulation {
    background-size: contain;
    min-height: 193px; }

  .modal-div.modal-congratulation h2 {
    font-size: 22px; }

  .modal-div.modal-congratulation .login-con {
    width: 60%;
    margin-top: 30px; }

  .modal-div.modal-congratulation .login-con p {
    font-size: 8px; }

  .banner-box img {
    width: 100% !important;
    height: inherit !important; }

  .match-day-list-item-right-con {
    justify-content: space-between !important;
    width: 100%;
    padding: 0 5px !important; }

  .result-value.cuentity button i {
    font-size: 22px; }

  .counter--arrow-inc {
    width: 22px;
    height: 20px;
    overflow: inherit; }

  .hide-btn input.counter--output {
    margin: 0; }

  .counter--arrow-inc, .counter--arrow-dec {
    width: 22px;
    height: 20px;
    overflow: inherit; }

  .match-day-list.green .match-day-list-item-center {
    margin-bottom: 10px; }

  .match-day-list.list-justifiy-space {
    gap: 0; }

  .match-day-list-item-center.new.hide-btn {
    align-items: start; }

  .match-day-list.green .match-day-list-item-right .match-day-list-item-right-con {
    direction: rtl; }

  .match-day-list.green .match-day-list-item-right .match-day-list-item-right-con .big-text-righ-con {
    direction: ltr; }

  .match-day-list.white .match-day-list-item-right .match-day-list-item-right-con .big-text-righ-con {
    direction: ltr; }

  .card-pollygon-border-style {
    border: 0; }
    .card-pollygon-border-style .px-2 {
      padding: 0 !important; }

  .result-box-new {
    width: 67%; }

  .joker-img {
    width: auto; }

  .login-create-group-top-section .mobile-view {
    flex-wrap: wrap; }

  .header-icons {
    position: absolute;
    top: -10px; }
    .header-icons .icon-head-img {
      gap: 10px;
      align-items: center; }
      .header-icons .icon-head-img img {
        width: 20px; }

  .big-text-right-con {
    direction: ltr; }

  .match-day-list.white .match-day-list-item-right .match-day-list-item-right-con {
    direction: rtl;
    display: flex; }

  .match-day-list.white .match-day-list-item-right .match-day-list-item-right-con .big-text-righ-con.big-text {
    font-size: 30px; }

  .offcanvas-body button.btn.btn-primary.page-1 {
    margin-bottom: 10px; }

  .card-shadow-style.login-page-1-login {
    margin-top: 12px; }

  .language-flag {
    width: 33px !important; }

  .language-flag img {
    width: 100% !important; }

  .footer-main.px-4 {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  .footer-main .footer-links-area ul li a {
    font-size: 11px; }

  .footer-main .footer-links-area ul {
    margin-right: 10px; }

  .footer-bottom p {
    font-size: 11px; }

  .select-language {
    gap: 5px !important; }

  .login-box-text.new-text {
    margin-top: 20px !important; }

  .login-box-text.new-text h2 {
    font-size: 18px; }

  .login-box-text.new-text p {
    font-size: 9px;
    padding-left: 14px; }

  .login-box-first-thing h2 {
    color: #666;
    font-size: 16px; }

  .login-box-first-thing p {
    font-size: 10px; }

  .login-box-first-thing {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center; }

  .first-thing-buttons-box {
    flex-wrap: wrap; }

  .first-thing-buttons-box button.btn.btn-predint-login {
    font-size: 22px;
    padding: 10px 10px;
    min-height: 70px;
    width: 100%; }

  .first-thing-buttons-box .and-or {
    width: 100%; }

  .first-thing-buttons-box button.btn.btn-predint-login.small-text {
    font-size: 13px;
    padding: 10px; }

  .first-thing-buttons-box button.btn.btn-predint-login span {
    font-size: 8px; }

  .already-register-box h2 {
    color: #333333;
    font-size: 12px; }

  .already-register-box {
    margin-top: 40px; }

  .already-register-box button.btn.btn-predint-login.login {
    font-size: 22px;
    min-height: 66px;
    width: 100%; }

  .sort-by-accordion-con {
    flex-wrap: wrap; }

  .sorted-by-1 {
    gap: 8px; }

  .first-thing-buttons-box.wrap-text button.btn.btn-predint-login {
    text-align: center;
    width: 100%; }

  .first-thing-buttons-box.wrap-text .and-or {
    margin: 10px 0; }

  .card-shadow-style.px-3.v2.no-height.new-login-home .login-form-sec {
    gap: 10px;
    flex-wrap: wrap; }

  .modal-dialog.big-modal.v2 {
    width: 96%; }

  .modal-dialog.big-modal {
    max-width: 100%; }

  .form-check.mt-4.register-form-checkbox-fix input {
    padding: 8px !important; }

  .filter-by-1 {
    gap: 0px;
    width: 100%;
    flex-wrap: wrap; }

  .filter-by-1 .input-block {
    width: 100%; }

  .join-group-search-header .logo-and-name img {
    width: 35%; }

  .join-group-search-banner-join .btn {
    font-size: 15px; }

  .inner-v3-new-comunity {
    width: 100%; }

  .new-administration-container.v3 h1.v3 {
    font-size: 18px;
    margin: 20px 0 20px; }

  .card-shadow-style.v2.club-box.v3 a {
    font-size: 16px; }

  .about-goup-sec {
    gap: 10px;
    flex-wrap: wrap; }

  .about-goup-sec .about-group-text-area {
    width: 100%; }

  .about-goup-sec .about-group-head {
    width: 100%; }

  .main-button-bottom .btn-dark-green.v2 {
    width: auto;
    font-size: 18px; }

  .upload-sec-v3 {
    flex-wrap: wrap; }

  .switch-board-right-section.user3 .facts-con {
    gap: 10px;
    text-align: center; }

  .button-below-user3-con {
    width: 100%; }

  .button-below-user3-con button.btn-dark-green {
    font-size: 12px;
    padding: 15px; }

  .user-noti-list-container .noti-color-box {
    width: 20px;
    height: 15px; }

  .user-noti-list-container {
    font-size: 11px; }

  .right-user-upload-box {
    justify-content: start; }

  .sb-board-up-upload-pic-section-new-box {
    width: 100%; }

  .user-nav-sec.new-nav .dashborard-nav {
    margin-top: 12px; }

  .user-nav-sec.new-nav button.navbar-toggler {
    display: flex;
    gap: 5px;
    justify-content: center;
    background: #F6F6F6;
    border: 1px solid #565656;
    border-radius: 10px;
    height: 45px;
    align-items: center; }

  .user-nav-sec.new-nav .dashborard-nav .navbar {
    padding: 0;
    position: relative; }

  .user-nav-sec.new-nav {
    align-items: start; }

  .user-nav-sec.new-nav .navbar .container-fluid {
    justify-content: flex-start; }

  button.navbar-toggler:focus {
    box-shadow: none; }

  button.navbar-toggler:focus {
    box-shadow: none; }

  .chat-count.dashboard-icon a span {
    display: none; }

  .user-nav-sec.new-nav .dashboard-links .navbar-nav .nav-link span {
    display: block; }

  .user-nav-sec.new-nav .dashboard-links .navbar-nav .nav-link {
    justify-content: start; }

  .user-nav-sec.new-nav .chat-count.dashboard-icon a {
    padding: 5px 7px; }

  .RegistrationProcess3-box.dashboard {
    margin-top: -25px; }

  .header-login-create-group {
    min-height: 252px !important; }

  .notification-new-nav {
    width: 320px; }

  .show-hide-btn i {
    color: #fff; }

  .big-text-righ-con .gap-mobile-left {
    margin-left: 50px; }

  .statistic-area .card-pollygon-border-style h3.card-pollygon {
    font-size: 16px; }

  .statistic-area .facts-matchday-arrow-up-down img {
    height: 33px; }

  .statistic-nav a.nav-link {
    font-size: 12px;
    padding: 5px 8px; }

  .statistic-area .match-winner-block.big .match-winnner-top-bar {
    font-size: 12px; }

  .statistic-nav {
    flex-wrap: nowrap; }

  .Hit-Rate-card-title .statistic-nav a.nav-link {
    padding: 3px 5px; }

  .statistic-area .match-winner-block.big .match-winner-point {
    left: 38%;
    font-size: 18px; }

  .statistic-area .match-winner-block.big .match-winner-user-name {
    left: 5%;
    min-width: 90%; } }
@media (max-width: 991.98px) {
  .login-box.loginGroup_registration-process .login-box-inner {
    padding: 80px 40px 40px 40px; }

  .footer-main .footer-right {
    margin-top: 5px; }

  .RegistrationProcess2-steps .login-process2-step-1, .login-process2-step-2, .login-process2-step-3, .login-process2-step-4, .login-process2-step-5 {
    min-width: 100% !important;
    position: inherit !important;
    top: inherit !important;
    margin-bottom: 50px !important; }

  .RegistrationProcess2-steps .login-process2-step-1::after {
    content: "";
    background-color: #027e6a;
    position: absolute !important;
    width: 1px;
    height: 39px;
    bottom: -46px !important;
    left: 50% !important;
    display: block;
    top: inherit !important; }

  .RegistrationProcess2-steps .login-process2-step-2::after {
    content: "";
    background-color: #027e6a;
    position: absolute !important;
    width: 1px;
    height: 39px;
    bottom: -46px !important;
    left: 50% !important;
    display: block;
    top: inherit !important; }

  .RegistrationProcess2-steps .login-process2-step-3::after {
    content: "";
    background-color: #027e6a;
    position: absolute !important;
    width: 1px;
    height: 39px;
    bottom: -46px !important;
    left: 50% !important;
    display: block;
    top: inherit !important; }

  .RegistrationProcess2-steps .login-process2-step-4::after {
    content: "";
    background-color: #027e6a;
    position: absolute !important;
    width: 1px;
    height: 39px;
    bottom: -46px !important;
    left: 50% !important;
    display: block;
    top: inherit !important; }

  .RegistrationProcess2-steps .login-process2-step-1 .card-shadow-style .step1-circle, .step2-circle, .step3-circle, .step4-circle, .step5-circle {
    position: absolute;
    top: -10px !important;
    left: -10px !important;
    bottom: inherit !important; }

  .RegistrationProcess2-steps .step-circle {
    padding: 1px;
    height: 30px;
    width: 30px;
    margin-right: 0px;
    font-size: 30px; }

  .Process2 .RegistrationProcess3-box-inner .login-right-img {
    display: none; }

  .login-process2-step-5 .card-shadow-style .step5-circle {
    top: -10px !important;
    left: -10px !important;
    bottom: inherit !important; }
    .login-process2-step-5 .card-shadow-style .step5-circle .step-circle {
      padding: 1px;
      height: 30px;
      width: 30px;
      margin-right: 0px;
      font-size: 30px; }

  .login-process2-step-5::after {
    display: none; }

  .RegistrationProcess3-con-area-inner.for-process-2 {
    padding-top: 30px; }

  .heading-login-process-2 {
    font-size: 22px; }

  .seve-setting-btn.login-Process2 {
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap; }

  .login-page-1-login-sec {
    position: relative; }

  .signup-right-text.for-page-1 {
    width: 62%;
    margin-bottom: 25px;
    margin-top: -52px; }

  .login-box.loginGroup_registration-process .login-box-inner.for-page-1 .login-right-img {
    margin-top: -277px; }

  section.RegistrationProcess3-con-area.for-login-page-1 .RegistrationProcess3-con-area-inner {
    padding: 20px; }

  .login-create-group-logo img {
    max-height: 130px; }

  .login-create-group-top-section {
    padding: 10px 20px 30px; }

  .RegistrationProcess3-con-area.for-login-create {
    margin-top: -70px; }

  .competitions-box {
    top: 25px;
    z-index: 9; }

  .RegistrationProcess3-box .RegistrationProcess3-box-inner h1 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px; }

  .Process2.for-login-create .RegistrationProcess3-box-inner {
    min-height: 884px; }

  .RegistrationProcess2-steps .RegistrationProcess2-steps-inner .community-box .card-shadow-style {
    margin-bottom: 15px; }

  .upload-file-row .step-circle {
    top: -15px; }

  .RegistrationProcess3-con-area-inner.for-process-2.box-height.for-login-create {
    height: auto;
    padding-bottom: 90px; }

  .setup-language {
    position: relative;
    top: 57px; }

  .right-box-legend .legend-list-container {
    width: 65%;
    margin-left: 30%; }

  .user-bettable table th {
    font-size: 13px; }

  .user-bettable table td {
    font-size: 11px; }

  .comment-box-con-left-overall-table .user-thumb {
    width: 15px;
    height: 15px; }

  .dashboard-links .navbar {
    position: absolute;
    top: 0;
    right: 0; }

  .modal-div.modal-congratulation {
    background-size: contain;
    min-height: 193px; }

  .modal-div.modal-congratulation h2 {
    font-size: 22px; }

  .modal-div.modal-congratulation .login-con {
    width: 60%;
    margin-top: 30px; }

  .modal-div.modal-congratulation .login-con p {
    font-size: 8px; }

  .header-login-create-group {
    min-height: 200px; } }
@media (max-width: 1199.98px) {
  .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
    justify-content: flex-end; } }
@media (min-width: 1600px) {
  body {
    font-size: 24px; }

  .header-main {
    min-height: 260px; }

  .header-main .header-login {
    bottom: -200px; }

  .header-main .header-login .nav-login {
    margin-top: 20px; }

  .header-main .header-login .select-language h4 {
    font-size: 24px; }

  .header-main .header-login .select-language a {
    font-size: 14px; }

  .header-main .header-login .nav-login .nav-link {
    padding: 4px 28px;
    font-size: 16px; }

  .header-main .header-login .nav-login .nav-item {
    margin-left: 15px; }

  .header-main .header-login .nav-login .login-nav-btn {
    font-size: 18px;
    padding: 3px 30px; }

  .login-box .login-box-inner .login-box-text ul li button {
    margin-right: 30px;
    min-width: 218px;
    max-width: 218px;
    font-weight: 600;
    font-size: 30px; }

  .login-box .login-box-inner .login-box-text ul li {
    margin-bottom: 50px; }

  .login-box .login-box-inner {
    padding: 175px 40px 40px 40px; }

  .login-box .login-box-inner .login-box-text h1 {
    font-size: 50px;
    margin-bottom: 140px;
    padding-right: 100px; }

  .login-content-area .login-content-area-inner .login-content-area-inner-text {
    margin-top: 30px; }

  .login-content-area .login-content-area-inner .login-content-area-inner-text ul li button {
    margin-left: 30px;
    max-width: 430px;
    font-size: 36px;
    padding: 30px;
    line-height: 42px; }

  .login-content-area .login-content-area-inner .login-content-area-inner-text ul li {
    margin-bottom: 50px; }

  .login-content-area .login-content-area-inner .login-content-area-inner-text .hr-lines {
    max-width: 80%;
    font-size: 60px; }

  .login-content-area .prediction-community {
    margin-top: 50px; }

  .login-content-area .prediction-community h1 {
    font-size: 68px;
    margin-bottom: 70px; }

  .login-content-area .prediction-community .prediction-list-box .prediction-content-area .prediction-content-list h4 {
    font-size: 18px; }

  .login-content-area .prediction-community .prediction-list-box .prediction-content-area {
    padding: 25px; }

  .login-process2-step-5 {
    top: -310px; }

  .RegistrationProcess3-con-area-inner.for-process-2 {
    min-height: 700px; }

  .login-process2-step-5 {
    top: -157px; }

  .RegistrationProcess3-box.dashboard {
    margin-top: 107px; }

  .right-box-legend .legend-list-container {
    width: 90%;
    margin-left: 10%; } }
@media (min-width: 1920px) {
  body {
    font-size: 24px; }

  .header-main {
    min-height: 230px; }

  .header-main .header-login {
    bottom: -200px; }

  .header-main .header-login .nav-login {
    margin-top: 20px; }

  .header-main .header-login .select-language h4 {
    font-size: 24px; }

  .header-main .header-login .select-language a {
    font-size: 14px; }

  .header-main .header-login .nav-login .nav-link {
    padding: 4px 28px;
    font-size: 16px; }

  .header-main .header-login .nav-login .nav-item {
    margin-left: 15px; }

  .header-main .header-login .nav-login .login-nav-btn {
    font-size: 18px;
    padding: 3px 30px; }

  .login-box .login-box-inner .login-box-text ul li button {
    margin-right: 30px;
    min-width: 218px;
    max-width: 218px;
    font-weight: 600;
    font-size: 30px; }

  .login-box .login-box-inner .login-box-text ul li {
    margin-bottom: 50px; }

  .login-box .login-box-inner {
    padding: 175px 40px 40px 40px; }

  .login-box .login-box-inner .login-box-text h1 {
    font-size: 50px;
    margin-bottom: 140px;
    padding-right: 100px; }

  .login-content-area .login-content-area-inner .login-content-area-inner-text {
    margin-top: 30px; }

  .login-content-area .login-content-area-inner .login-content-area-inner-text ul li button {
    margin-left: 30px;
    max-width: 430px;
    font-size: 36px;
    padding: 30px;
    line-height: 42px; }

  .login-content-area .login-content-area-inner .login-content-area-inner-text ul li {
    margin-bottom: 50px; }

  .login-content-area .login-content-area-inner .login-content-area-inner-text .hr-lines {
    max-width: 80%;
    font-size: 60px; }

  .login-content-area .prediction-community {
    margin-top: 50px; }

  .login-content-area .prediction-community h1 {
    font-size: 68px;
    margin-bottom: 70px; }

  .login-content-area .prediction-community .prediction-list-box .prediction-content-area .prediction-content-list h4 {
    font-size: 18px; }

  .login-content-area .prediction-community .prediction-list-box .prediction-content-area {
    padding: 25px; }

  .login-process2-step-5 {
    top: -266px; }

  .RegistrationProcess3-con-area-inner.for-process-2 {
    min-height: 590px; }

  .RegistrationProcess3-box.dashboard {
    margin-top: -26px; }

  .dashboard-btns .btn-primary {
    font-size: 20px; }

  .modal-div h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 600; }

  .already-register-box {
    margin-top: 275px; } }

/*# sourceMappingURL=main.css.map */