@import url("https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap");

:root {
   --body-font: "Rubik", sans-serif;
   --body-color: #000000;
   --qr52-color: #f7f4ff;
   --hover-color: #09f363;
}

.chart-style {
   border-style: groove;
   border-radius: 15px;
   background: radial-gradient(circle at 1.8% 4.8%, rgb(17, 23, 58) 0%, rgb(58, 85, 148) 90%);
}

.only-stats {
   position: relative;
   top: -236px;
}

.chart-title {
   background: linear-gradient(109.6deg, rgb(129 44 44) 32.4%, rgb(137, 30, 47) 98.8%);
   height: 50px;
   padding-top: 11px;
   margin-top: -24px;
   margin-bottom: 11px;
   font-weight: 900;
   border-bottom: solid;
   opacity: 0.8;
}

html {
   scroll-behavior: smooth;
}

.collapsing {
   transition: 0.3s;
}

.login-styling {
   padding: 4px 13px;
   font-weight: 600;
   color: var(--bs-white);
   border: 4px solid #ffffff;
   background-image: linear-gradient(147deg, #4def93 0%, #625656 74%);
   margin-left: 7px;
}

body {
   font-family: var(--body-font);
   background: black;
   font-size: 18px;
   line-height: 30px;
   padding: 0;
   margin: 0;
   font-weight: 400;
   overflow-x: hidden;
   zoom: 0.8;
}

/* section,
footer {
  overflow-x: hidden;
} */

h1,
h2,
h3,
h4,
h5,
h6 {
   padding: 0;
   margin: 0;
}

h1,
h1 > a,
h2,
h2 > a,
h3,
h3 > a,
h4,
h4 > a,
h5,
h5 > a,
h6,
h6 > a {
   font-family: var(--body-font);
   color: var(--bs-white);
   font-weight: 600;
   text-transform: initial;
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
}

h1 > a:hover,
h2 > a:hover,
h3 > a:hover,
h4 > a:hover,
h5 > a:hover,
h6 > a:hover {
   color: var(--body-color);
}

a,
a:focus,
a:hover {
   text-decoration: none;
   outline: none;
   color: var(--qr52-color);
}

img {
   max-width: 100%;
   height: auto;
}

.max-un {
   max-width: unset;
}

.d-rtl {
   direction: rtl;
}

ul,
ol {
   padding: 0;
   margin: 0;
   list-style: none;
}

.ecwid-overlay {
   z-index: 1000000;
   width: 10000em;
   height: 10000em;
   position: absolute;
   left: 0px;
   top: 0px;
}

input:focus,
textarea:focus {
   outline: none;
   box-shadow: none;
   border: 1px solid #b0baf1;
}

button {
   border: none;
   cursor: pointer;
}

input,
textarea {
   padding: 10px 20px;
   color: #1e266d;
   width: 100%;
   font-family: var(--body-font);
   height: 50px;
   background: #f5faff;
   border: 1px solid #eef1ff;
   border-radius: 5px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

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

input[type="checkbox"] {
   width: initial;
   height: initial;
}

select {
   padding: 10px 20px;
   border: none;
   cursor: pointer;
   outline: none;
}

textarea {
   min-height: 150px;
   resize: none;
}

span {
   display: inline-block;
}

.table thead th,
.table td,
.table th {
   border: none;
}

.d-grid {
   display: grid !important;
}

.b-none {
   border: none !important;
}

.ovf-unset {
   overflow-x: unset !important;
}

iframe {
   border: 0;
   width: 100%;
}

.shadow-none {
   box-shadow: none;
}

.verified-position {
   position: relative;
   left: -2px;
   top: -2px;
}

h1,
h1 > a {
   font-size: 76px;
   line-height: 98.8px;
   margin-top: -18px;
}

h2,
h2 > a {
   font-size: 57px;
   line-height: 74.1px;
   margin-top: -12px;
}

h3,
h3 > a {
   font-size: 43px;
   line-height: 55.9px;
   margin-top: -8px;
}

h4,
h4 > a {
   font-size: 32px;
   line-height: 41.6px;
   margin-top: -7px;
}

h5,
h5 > a {
   font-size: 33px;
   line-height: 31.2px;
   margin-top: -5px;
}

h6,
h6 > a {
   font-size: 18px;
   line-height: 23.4px;
   margin-top: -3px;
}

table thead tr th {
   font-size: 18px;
   line-height: 30px;
}

a {
   display: inline-block;
   color: var(--qr52-color);
   font-weight: 400;
   font-size: 18px;
   line-height: 30px;
}

p,
span,
li,
label {
   margin: 0;
   font-family: var(--body-font);
   font-size: 18px;
   font-weight: 400;
   color: var(--qr52-color);
   line-height: 30px;
}

.section-text {
   margin-bottom: 34px;
}

.section-header {
   margin-bottom: 55px;
}

.sub-title {
   color: var(--hover-color);
   margin-bottom: 30px;
}

.title {
   font-weight: 700;
   margin-bottom: 16px;
}

.xnltmadhnia {
   font-size: 26px;
   line-height: 36px;
   margin-top: -7px;
}

.nltmadhnia {
   font-size: 30px;
   line-height: 36px;
   margin-top: -2px;
}

.mdr {
   font-size: 16px;
   line-height: 22px;
}

.display-none {
   visibility: hidden;
}

.z-1 {
   z-index: 1;
}

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

.mt-60 {
   margin-top: 60px;
}

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

.mt-80 {
   margin-top: 80px;
}

.pt-120 {
   padding-top: 120px;
}

@media (max-width: 991px) {
   .pt-120 {
      padding-top: 60px;
   }

   .mb-60 {
      margin-bottom: 40px;
   }

   .mt-60 {
      margin-top: 40px;
   }

   .mb-80 {
      margin-bottom: 60px;
   }

   .mt-80 {
      margin-top: 60px;
   }

   .header-section {
      box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
      background: radial-gradient(circle at 1.8% 4.8%, rgb(17, 23, 58) 0%, rgb(58, 85, 148) 90%);
   }
}

@media (max-width: 575px) {
   .pt-120 {
      padding-top: 50px;
   }
}

.vk-or-ti {
   padding-bottom: 120px;
}

@media (max-width: 991px) {
   .vk-or-ti {
      padding-bottom: 85px;
   }
}

@media (max-width: 575px) {
   .vk-or-ti {
      padding-bottom: 85px;
   }
}

*::-webkit-scrollbar-track {
   background: #fffeff;
}

*::-webkit-scrollbar {
   width: 6px;
}

*::-webkit-scrollbar-button,
*::-webkit-scrollbar-thumb {
   background-color: #3c52a4;
}

.scrollToTop {
   position: fixed;
   bottom: 0;
   right: 30px;
   width: 45px;
   height: 45px;
   background: lightgreen;
   border-radius: 5px;
   color: #fff;
   line-height: 45px;
   font-size: 20px;
   text-align: center;
   z-index: 9;
   transition: all 1s;
   transform: translateY(100%);
}

.scrollToTop.active {
   bottom: 30px;
   transform: translateY(0%);
   color: var(--body-color);
}

.scrollToTop:hover {
   color: var(--body-color);
}

.benefits-sector {
   background-color: #000000;
   background-image: url(../images/service-background.webp);
   background-repeat: no-repeat;
   background-position: right -48% bottom 20%;
}

.benefits-sector .bi-d {
   border-bottom: 2px solid #ffffff;
   margin-bottom: 30px;
   padding-bottom: 30px;
}

#n-pending-style,
#b-pending-style {
   background-color: white;
   color: black;
   padding: 0px 7px;
   border: 1.5px solid #13ada6;
   border-radius: 5px;
   line-height: 24px;
   margin-left: 0px;
   font-size: 16px;
}
.hidden {
   display: none;
}

.benefits-image-style {
   margin-right: 14px;
   margin-top: 28px;
}

.main-area ul li:hover {
   background-color: rgb(25, 123, 189);
}

.scrollToTopLeft {
   position: fixed;
   bottom: 0;
   left: 30px;
   width: 45px;
   height: 45px;
   background: lightgreen;
   border-radius: 5px;
   color: #fff;
   line-height: 45px;
   font-size: 20px;
   text-align: center;
   z-index: 9;
   cursor: pointer;
   transition: all 1s;
   transform: translateY(100%);
}

.scrollToTopLeft.active {
   bottom: 30px;
   transform: translateY(0%);
   color: var(--body-color);
}

.scrollToTopLeft:hover {
   color: var(--body-color);
}

.icon-svg {
   position: relative;
}

.icon-svg img {
   opacity: 1;
   position: absolute;
}

.icon-svg svg {
   position: absolute;
   stroke-dashoffset: 1500;
   stroke-dasharray: 1500;
   transform: scale(1);
   transition: transform 0.3s, fill 0.5s;
   opacity: 0;
   visibility: hidden;
}

.icon-svg:hover svg {
   visibility: visible;
   opacity: 1;
   stroke-dashoffset: 0;
   fill: transparent;
   transition: transform 0.3s, fill 0.5s, stroke-dashoffset 6s;
}

.icon-svg:hover img {
   opacity: 0;
   visibility: hidden;
}

.accordion-noltmadhnia-button:focus {
   box-shadow: none;
}

.animated {
   animation-duration: 1s;
   animation-fill-mode: both;
}

@keyframes fadeInDown {
   from {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
   }

   to {
      opacity: 1;
      transform: none;
   }
}

.fadeInDown {
   animation-name: fadeInDown;
}

.password-icon {
   position: relative;
   left: 4px;
}

.single-input input::placeholder {
   color: white;
}

.cmn-btn-login {
   padding: 9px 30px;
   background: darkred;
   color: var(--bs-white);
   border: 4px solid;
   width: 102%;
   transition: 0.3s;
}

.cmn-btn {
   padding: 9px 30px;
   font-weight: 400;
   text-align: center;
   background: #15244e;
   color: var(--bs-white);
   border: 4px solid;
   transition: 0.3s;
}

.cmn-btn:hover {
   background: #254e15;
}

.customer-cmn-btn {
   padding: 9px 30px;
   font-weight: 400;
   text-align: center;
   background: #15244e;
   color: var(--bs-white);
   border: 4px solid;
   transition: 0.3s;
}

#crypto-payment-btn-tab:hover + #pay-with-card-tab,
#pay-with-card-tab:hover + #crypto-payment-btn-tab {
   background: #254e15;
}

.cmn-btn.second {
   border: transparent;
   background-image: linear-gradient(294deg, #715e28 74%, #836d2d 74%);
}

.alt-btn {
   padding: 15px 30px;
   border: 1px solid #5e549a;
   border-radius: 10px;
   transition: 0.3s;
}

.alt-btn:hover {
   background: var(--bg-color);
   border-color: var(--bg-color);
}

@keyframes spin {
   from {
      transform: rotate(0deg);
   }

   to {
      transform: rotate(360deg);
   }
}

@keyframes zoomInOut {
   0% {
      transform: scale(1, 1);
   }

   50% {
      transform: scale(1.5, 1.5);
   }

   100% {
      transform: scale(1, 1);
   }
}

@keyframes ripple2Ani {
   0% {
      transform: translate(0px, 0px);
   }

   33% {
      transform: translate(-5px, -5px);
   }

   66% {
      transform: translate(5px, 5px);
   }

   100% {
      transform: translate(0px, 0px);
   }
}

@keyframes rippleAni {
   0% {
      transform: translate(0px, 0px);
   }

   33% {
      transform: translate(5px, -5px);
   }

   66% {
      transform: translate(-5px, 5px);
   }

   100% {
      transform: translate(0px, 0px);
   }
}

.header-section {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 999;
}

.header-section.header-fixed {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 999;
   box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
   background: radial-gradient(circle at 1.8% 4.8%, rgb(17, 23, 58) 0%, rgb(58, 85, 148) 90%);
}

.header-section .navbar-toggler {
   padding-right: 0;
   display: none;
   border: none;
}

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

.header-section .navbar-toggler i {
   color: var(--hover-color);
}

.header-section .navbar {
   padding: 20px 15px;
}

.header-section .navbar .navbar-collapse .navbar-nav .nav-item .nav-link,
.header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-item {
   font-weight: 500;
   padding: 0 10px;
   color: var(--qr52-color);
   text-transform: uppercase;
   font-weight: 600;
   transition: 0.3s;
   font-family: "Rubik";
}

.header-section .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover,
.header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-item:hover {
   color: var(--hover-color);
   transition: 0.3s;
}

.header-section .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,
.header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-item.active {
   color: var(--hover-color);
}

.header-section .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle {
   margin-right: 15px;
   background: transparent;
}

.header-section .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
   position: absolute;
   content: "\0043";
   border: none;
   font-family: "arafat font";
   font-weight: 400;
   font-size: 14px;
}

.header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
   background-color: #000000;
}

.header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a {
   display: block;
   padding: 5px 15px;
   transition: 0.3s;
}

.header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:hover {
   background: var(--hover-color);
   transition: 0.3s;
   color: var(--body-color);
}

.header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropend .dropdown-menu {
   margin-left: 20%;
}

.header-section .navbar .navbar-collapse .pick-info {
   margin-left: 48px;
}

.header-section .navbar .navbar-collapse .pick-info .search-icon {
   border-right: 1px solid #7e6de9;
   margin-right: 20px;
   padding-right: 20px;
}

.header-section .navbar .navbar-collapse .pick-info .login {
   background: transparent;
   color: var(--bs-white);
}

.header-section .navbar .navbar-collapse .pick-info .cmn-btn {
   margin-left: 15px;
}

.header-section .nav-item.main-navbar .main-menu {
   position: absolute;
   top: 110%;
   left: 50%;
   transform: translateX(-50%);
   min-width: 180px;
   background: #1f2340;
   box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.25);
   opacity: 0;
   visibility: hidden;
   transition: 0.3s;
   z-index: 999;
}

.header-section .nav-item.main-navbar .main-menu .sub-navbar {
   position: relative;
}

.header-section .nav-item.main-navbar .main-menu .sub-navbar .sub-menu {
   visibility: hidden;
   position: absolute;
   opacity: 0;
   right: -80%;
   top: 0;
}

.header-section .nav-item.main-navbar .main-menu .sub-navbar:hover .sub-menu {
   opacity: 1;
   visibility: visible;
}

.header-section .nav-item.main-navbar:hover .main-menu {
   opacity: 1;
   visibility: visible;
   top: 30px;
}

.header-section.user-dashboard .navbar-collapse .pick-info {
   position: relative;
}

.header-section.user-dashboard .navbar-collapse .pick-info .search-icon {
   margin-right: 0;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item {
   margin-left: 20px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item .active-dot {
   position: relative;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item .active-dot::before {
   position: absolute;
   content: "";
   width: 8px;
   height: 8px;
   right: 0;
   top: 5px;
   border-radius: 50%;
   background: #eb5757;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item .cart-btn {
   position: relative;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item .cart-btn .items {
   position: absolute;
   top: 0;
   right: -6px;
   width: 15px;
   height: 15px;
   background: #ff96a5;
   font-weight: bold;
   border-radius: 50%;
   font-size: 10px;
   line-height: 6px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #2f007f;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.user-area .user-btn {
   cursor: pointer;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.user-area .user-btn .user-profile img {
   border-radius: 50%;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.user-area .user-btn .name-area {
   font-weight: bold;
   margin-left: 8px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.user-area .user-btn i {
   color: var(--bs-white);
   margin-left: 8px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.setting-area .settings-btn {
   cursor: pointer;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.setting-area .head-area {
   margin-bottom: 20px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.setting-area .main-area {
   padding-bottom: 15px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.setting-area .nice-select {
   border-radius: 10px;
   background-color: transparent;
   border-color: transparent;
   display: flex;
   align-items: center;
   width: 100%;
   border: 1px solid transparent;
   height: initial;
   padding: 0;
   border-radius: 10px;
   border: 1px solid #483f90;
   background: #312977;
   padding: 15px 20px;
   margin-bottom: 15px;
}

.title-index-profiles {
   font-size: 43px;
   line-height: 55.9px;
   margin-top: -8px;
   font-weight: 600;
   margin-bottom: 19px;
   text-align: center;
}

.title-index {
   font-size: 57px;
   line-height: 74.1px;
   margin-top: -12px;
   font-weight: 600;
}

.title-login {
   font-size: 47px;
   line-height: 74.1px;
   margin-top: -12px;
   font-weight: 600;
}

.included-item {
   font-size: 33px;
   line-height: 31.2px;
   margin-top: -5px;
   font-weight: 600;
}

.title-index-footer {
   font-size: 57px;
   line-height: 74.1px;
   margin-top: -12px;
   font-weight: 600;
   margin-bottom: 23px;
}

.text-menu {
   font-size: 18px;
   line-height: 23.4px;
   margin-top: -3px;
   font-weight: 900;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.setting-area .nice-select::after {
   height: 10px;
   margin-top: -5px;
   pointer-events: none;
   position: absolute;
   right: 20px;
   width: 10px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.setting-area .nice-select .list {
   width: 100%;
   background: var(--body-color);
   border: 1px solid #483f90;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.setting-area .nice-select .list .option {
   background: transparent;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.setting-area .nice-select .list .option:hover {
   color: var(--hover-color);
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.setting-area .nice-select .list .focus {
   background-color: transparent;
   color: var(--hover-color);
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.notifications-area .notifications-btn {
   cursor: pointer;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.notifications-area .img-area img {
   border-radius: 50px;
   margin-right: 20px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.notifications-area .main-area {
   padding: 20px;
   width: 365px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.notifications-area .main-area p {
   margin-top: 10px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.notifications-area .main-area .time-area {
   color: #e2d7ff;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.notifications-area .main-area button {
   background: transparent;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.notifications-area .main-area a {
   align-items: initial;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.notifications-area .main-area .left span {
   width: 28px;
   height: 28px;
   background: #c2a9ff;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #070044;
   margin-left: 10px;
   border-radius: 26px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.massage-area {
   cursor: pointer;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.massage-area button {
   padding: 0;
   display: inline-block;
   background: transparent;
   border: none;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.massage-area button:focus {
   outline: none;
   border: none;
   box-shadow: none;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.cart-area .cart-btn {
   cursor: pointer;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.cart-area .dropdown-items {
   position: relative;
   border: 1px solid #776ae1;
   border-radius: 10px;
   margin-bottom: 15px;
   padding: 15px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.cart-area .dropdown-items button {
   position: absolute;
   right: -20px;
   top: -15px;
   background: transparent;
   display: inline-block;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.cart-area .dropdown-items button img {
   width: 50%;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.cart-area .cmn-btn {
   margin-top: 30px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item .main-area {
   position: absolute;
   top: 50px;
   width: 350px;
   right: 0;
   padding: 30px;
   box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.25);
   border-radius: 20px;
   transform: translateY(150px);
   opacity: 0;
   transition: 0.3s;
   visibility: hidden;
   background: #000;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item .main-area.active {
   transform: translateY(0px);
   transition: 0.3s;
   opacity: 1;
   visibility: visible;
   background: linear-gradient(109.6deg, rgb(129 44 44) 32.4%, rgb(137, 30, 47) 98.8%);
}

.profile-title-style {
   font-weight: 700;
   font-size: 26px;
   line-height: 31.2px;
   margin-top: -2px;
   margin-right: 15px;
}

.payment-title-item {
   font-weight: 600;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item .main-area .head-area .img-area img {
   margin-right: 20px;
   border-radius: 50%;
   border: 5px solid #13ada6;
   position: relative;
   top: -7px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item .main-area .head-area .text-area h5 {
   margin-bottom: 15px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item .main-area .head-area .text-area img {
   margin-right: 10px;
}

.text-area-benefits {
   margin-bottom: 10px;
}

.heading-benefits {
   padding-bottom: 9px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item .main-area ul li {
   margin-top: 5px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item .main-area ul li.border-area {
   border-top: 4px solid #fff;
   margin-top: 15px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item .main-area ul li a {
   display: flex;
   align-items: center;
   padding: 15px 20px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item .main-area ul li a img {
   margin-right: 15px;
}

.banner-section .overlay {
   background-image: url(../images/header-image.webp);
   background-repeat: no-repeat;
   background-position: right bottom -1px, top;
   position: relative;
   background-size: 100%;
}

.banner-section .overlay .shape-area img {
   position: absolute;
}

.banner-section .overlay .shape-area .obj-1 {
   left: 10%;
   top: calc(30%);
   animation: ripple2Ani 4s linear infinite;
}

.banner-section .overlay .shape-area .obj-2 {
   right: 10%;
   top: calc(35%);
   animation: rippleAni 3s linear infinite;
}

.banner-section .overlay .shape-area .obj-3 {
   left: 35%;
   bottom: calc(50%);
   animation: ripple2Ani 3s linear infinite;
}

.profile-border {
   border-radius: 30px;
   border: ridge;
}

.cmn-btn-status-on {
   background: #0f5b15;
   color: white;
   padding: 9px 30px;
   border-radius: 5px;
   margin-top: 3px;
   height: 46px;
   box-shadow: 17px 29px 16px rgba(0, 28, 25, 12.1);
   font-weight: 600;
   border: 2px solid white;
   max-width: -webkit-fill-available;
}

.cmn-btn-status-off {
   background: #820e0e;
   color: white;
   padding: 9px 30px;
   border-radius: 5px;
   margin-top: 3px;
   height: 46px;
   box-shadow: 17px 29px 16px rgba(0, 28, 25, 12.1);
   font-weight: 600;
   border: 2px solid white;
   max-width: -webkit-fill-available;
}

.banner-section .overlay .banner-content {
   padding: 207px 0 118px;
}

.banner-section .overlay .banner-content .container {
   position: relative;
}

.banner-section .overlay .banner-content .container .light-area img {
   position: absolute;
   top: -160px;
}

.banner-section .overlay .banner-content .container .light-area .light-1 {
   right: 0;
   animation: spin 30s linear infinite;
}

.banner-section .overlay .banner-content .container .light-area .light-2 {
   left: 0;
   animation: zoomInOut 10s linear infinite;
}

.banner-section .overlay .banner-content .cmn-btn {
   margin-right: 45px;
}

.banner-section .overlay .banner-content .bottom-area {
   display: flex;
   align-items: center;
   justify-content: center;
}

.banner-section .overlay .banner-content .bottom-area .popupvideo {
   width: 30px;
   height: 30px;
   background: #58b463;
   border-radius: 50%;
   display: grid;
   align-items: center;
   justify-content: center;
   position: relative;
}

.banner-section .overlay .banner-content .bottom-area .popupvideo::before,
.banner-section .overlay .banner-content .bottom-area .popupvideo::after {
   position: absolute;
   content: "";
   background: #58b463;
   opacity: 0.2;
   border-radius: 50%;
}

.mdr-button {
   padding: 5px 10px;
   border: none;
   cursor: pointer;
   color: white;
   border-radius: 5px;
   font-weight: bold;
}

.on {
   background-color: green;
}

.off {
   background-color: red;
}

.banner-section .overlay .banner-content .bottom-area .popupvideo::before {
   width: 65px;
   height: 65px;
}

.banner-section .overlay .banner-content .bottom-area .popupvideo::after {
   width: 45px;
   height: 45px;
}

.banner-section.inner-banner .banner-content .main-content .breadcrumb-area {
   margin-top: 10px;
}

.cutomer-area-head.dashboard-user .top-content {
   border-radius: 20px;
   padding: 40px 30px;
   background-color: #7ed6df;
   background-image: linear-gradient(134deg, #19554a 0%, #056957 74%);
}

.cutomer-area-head.dashboard-user .top-content .single-input .nice-select {
   background: #000000;
   margin-bottom: 30px;
}

.banner-section.inner-banner .banner-content .main-content .breadcrumb-area .breadcrumb li {
   display: flex;
   align-items: center;
   color: var(--qr52-color);
}

.cutomer-area-head .nice-select .list {
   background: #262829;
   border: 4px solid #1e1c1c;
}

.cutomer-area-head .nice-select .list .option {
   background: transparent;
}

.cutomer-area-head.dashboard-user .top-content .single-input input {
   background-color: #cd520d;
   border: none;
   border-radius: 10px;
   color: white;
}

.banner-section.terms .overlay {
   background-repeat: no-repeat;
   background-position: top;
   background-image: url(../images/images-tipster-banner.webp), url(../images/images-about-bg.png);
}

.banner-section.about .overlay {
   background-image: url(../images/images-about-banner.png), url(../images/images-about-bg.png);
   background-repeat: no-repeat, no-repeat, no-repeat;
   background-position: right, right bottom -1px, top;
   background-size: contain;
}

.banner-section.about .overlay .banner-content {
   padding: 232px 0 245px;
}

.banner-section.about .shape-area .obj-1 {
   left: 10%;
   top: initial;
   bottom: calc(20%);
}

.banner-section.about .shape-area .obj-2 {
   right: 4%;
}

.banner-section.about .shape-area .obj-3 {
   left: 10%;
   bottom: calc(60%);
}

.banner-section.all-tips .overlay {
   background-image: url(../images/images-tipster-banner.webp);
   background-repeat: no-repeat;
   background-position: bottom right, right bottom -1px, top;
   background-size: 100%, 100%, 100%;
}

.banner-section.all-tips.basket .overlay.basket-overlay {
   background-image: url(../images/images-tipster-banner-basketbrain.webp);
   background-repeat: no-repeat;
   background-position: right bottom 15px, right bottom -1px, top;
   background-size: 100%, 100%, 100%;
}

.membership {
   justify-content: space-between;
   background-color: rgb(125 41 55);
   display: flex;
}

.banner-section.all-tips .overlay .banner-content {
   padding: 232px 0 245px;
}

.banner-section.all-tips .overlay .shape-area .obj-1 {
   left: 10%;
   top: initial;
   bottom: calc(20%);
}

.banner-section.all-tips .overlay .shape-area .obj-2 {
   display: none;
}

.banner-section.all-tips .overlay .shape-area .obj-3 {
   left: 10%;
   bottom: calc(60%);
}

.banner-section.match-betting.noltmadhnia .overlay {
   background-image: url(../images/images-tipster-banner.webp);
   background-repeat: no-repeat;
   background-position: top;
   background-size: contain;
}

.banner-section.match-betting .overlay {
   background-image: url(../images/images-tipster-banner-basketbrain.webp);
   background-repeat: no-repeat;
   background-position: top;
   background-size: contain;
}

.banner-section.match-betting .overlay .banner-content {
   padding: 195px 0 120px;
   text-align: center;
}

.banner-section.match-betting .overlay .banner-content .head-area h5 {
   color: #5ac4ff;
   margin: 20px 0 40px;
}

.banner-section.match-betting .overlay .shape-area .obj-1 {
   left: 10%;
   top: initial;
   bottom: calc(20%);
}

.banner-section.match-betting .overlay .shape-area .obj-2 {
   right: 4%;
}

.banner-section.match-betting .overlay .shape-area .obj-3 {
   left: 10%;
   bottom: calc(60%);
}

.clear-filter {
   border: 4px solid #ffff;
   border-radius: 10px;
   color: var(--qr52-color);
   width: 100%;
   padding: 15px 0;
   text-align: center;
   margin-top: 40px;
   background: #254e15;
   height: 64px;
   margin-top: 3px;
}

.banner-section.match-betting .overlay .sports {
   display: flex;
   margin-bottom: 20px;
   gap: 15px;
}

/* SHARED STYLING for both sides */
.pick-details,
.grade-pick {
   flex: 1;
   min-width: 300px;
   padding: 20px;
   background-color: #111;
   border-radius: 12px;
   border: 2px solid #ccc;
   color: white;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

/* LEFT SIDE */
.pick-details h6 {
   margin-bottom: 10px;
   font-size: 16px;
   font-weight: 500;
   font-family: "Rubik", sans-serif;
   border-bottom: 1px solid #333;
   padding-bottom: 5px;
}

.pick-label {
   color: #00ffe7; /* neon cyan */
   border-bottom: 1px solid #00ffe7;
   padding-bottom: 2px;
   margin-right: 8px;
}

/* RIGHT SIDE */
.grade-pick input[type="text"] {
   width: 100%;
   padding: 12px;
   font-size: 16px;
   text-align: center;
   margin-bottom: 20px;
   border-radius: 8px;
   border: 1px solid #888;
   background-color: #222;
   color: white;
}

/* BUTTONS */
.grade-pick button {
   width: 100%;
   margin-bottom: 10px;
   padding: 12px;
   font-size: 15px;
   font-weight: bold;
   border-radius: 8px;
   border: none;
   cursor: pointer;
   transition: 0.2s ease;
}

.grade-pick button[value="loss"],
.grade-pick button[value="half_loss"] {
   background-color: #eb6379;
   color: white;
}

.grade-pick button[value="push"] {
   background-color: #6ad2eb;
   color: white;
}

.grade-pick button[value="half_win"],
.grade-pick button[value="win"] {
   background-color: #82daca;
   color: white;
}

.grade-pick button:hover {
   opacity: 0.85;
}

.grade-pick input[type="text"] {
   width: 100%;
   padding: 12px;
   font-size: 16px;
   text-align: center;
   margin-bottom: 20px;
   border-radius: 8px;
   border: 1px solid #888;
   background-color: #ffffff;
   color: rgb(0, 0, 0); /* input text color */
}

/* Make placeholder text white too */
.grade-pick input::placeholder {
   color: rgb(0, 0, 0);
   opacity: 1; /* ensures full visibility */
}

.banner-section.match-betting .overlay .sports .single .logo-area {
   display: flex;
   border-radius: 10px;
   background-color: #35af5f;
   border: 4px solid #ffffff;
   padding: 20px;
   justify-content: center;
   flex-wrap: nowrap;
   align-items: center;
   mix-blend-mode: hard-light;
}

.banner-section.match-betting .overlay .sports .vs h3 {
   margin-top: 0;
   text-transform: uppercase;
   color: var(--hover-color);
}

.banner-section.match-betting .overlay .sports .mid-area .countdown {
   margin-top: 10px;
}

.banner-section.match-betting .overlay .sports .mid-area .countdown h5 span {
   color: #ff96a5;
   font-size: inherit;
   font-weight: 500;
   text-transform: uppercase;
}

.banner-section.tipster-profile .overlay {
   background-image: url(../images/images-tipster-banner.webp);
   background-repeat: no-repeat;
   background-position: right bottom 15px, right bottom -1px, top;
   background-size: 100%, 100%, 100%;
   mix-blend-mode: hard-light;
}

.banner-section.tipster-profile.basket .overlay.basket-overlay {
   background-image: url(../images/images-tipster-banner-basketbrain.webp), url(../images/basketbrain-image-top.png);
   background-repeat: no-repeat;
   background-position: right bottom 15px, right bottom -1px, top;
   background-size: 100%, 100%, 100%;
   mix-blend-mode: hard-light;
}

.banner-section.tipster-profile .overlay .banner-content {
   padding: 189px 0 375px;
}

.banner-section.tipster-profile .overlay .shape-area .obj-1 {
   left: 10%;
   top: initial;
   bottom: calc(20%);
}

.banner-section.tipster-profile .overlay .shape-area .obj-2 {
   right: 4%;
}

.banner-section.tipster-profile .overlay .shape-area .obj-3 {
   left: 10%;
   bottom: calc(60%);
}

.name-title {
   display: flex;
   justify-content: space-between;
}

.left-content-name {
   flex: 1;
   text-align: left;
   margin-top: 2px;
}

.right-content-name {
   text-align: center;
   text-transform: uppercase;
   background-color: #254e15;
   border-radius: 5px;
   width: 106px;
   height: 28px;
   margin-bottom: 14px;
}

.hr-separate {
   margin-block-start: 0.5px;
   border-style: inset;
   border-width: 1px;
   width: 808px;
}

.hr-separate2 {
   margin-block-start: 6.9px;
   border-style: inset;
   border-width: 1px;
   width: 808px;
}

.smooth-scroll-link {
   color: #d7d31e;
}

.fixture {
   margin-top: -3px;
   font-size: 26px;
   line-height: 41.6px;
   margin-top: -7px;
   font-weight: 600;
}

.pick-style {
   margin-top: 10px;
   float: left;
   padding-right: 4px;
}

.pick-style-archive {
   margin-top: 10px;
   padding-right: 4px;
}

.d-inline-block {
   font-size: 16px;
}

.tip-pick-style {
   font-size: 16px;
}

.odds-style {
   font-size: 16px;
}

.labels-style {
   padding-top: 9px;
}

.stake-style {
   background-color: #072a4a;
   font-size: 14px;
   margin: -2px 0px 0 0;
   padding: 0px 7px;
   border-radius: 12px;
   text-transform: uppercase;
}

.type-match-style {
   background-color: #493d03;
   margin: -2px -1px 0 0;
   font-size: 14px;
   padding: 0px 7px;
   border-radius: 12px;
   text-transform: uppercase;
}

.bookmarker-style {
   background-color: #4e4b4b;
   margin: -2px -10px 0 0;
   font-size: 14px;
   padding: 0px 7px;
   border-radius: 12px;
   text-transform: uppercase;
}

.game-status-style {
   margin: -2px 6px 0 0;
   font-size: 16px;
   padding: 1px 10px;
}

.editable-text-box {
   color: white;
   height: 240px;
   padding-top: 23px;
}

.sport-style {
   position: relative;
   top: 5px;
   font-size: 14.1px;
   color: darkgray;
}

.like-row {
   display: flex;
   justify-content: space-between;
}

.like-box {
   position: relative;
   top: 8px;
   font-size: 14.1px;
   display: inline-block;
   padding: 0px 20px;
   background-color: #3498db;
   color: #fff;
   border: none;
   border-radius: 5px;
}

.like-box:hover {
   background-color: #2980b9;
}

.like-count {
   position: relative;
   top: 8px;
   font-size: 14.1px;
   display: inline-block;
   padding: 0px 20px;
   background-color: #3498db;
   color: #fff;
   border: none;
   border-radius: 5px;
}

.banner-section.tipster-profile.basketbrain .banner-content {
   padding: 195px 0 375px;
}

.banner-section.tipster-profile.create .overlay {
   position: relative;
   z-index: 1;
}

.banner-section.tipster-profile.create .overlay::before,
.banner-section.tipster-profile.create .overlay:after {
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   top: 0;
   z-index: -1;
}

.add-customer {
   margin-top: 33px;
}

.filter-customer {
   margin-top: -9px;
}

.banner-section.tipster-profile.create .overlay::after {
   background-repeat: no-repeat;
   background-position: left bottom -1px;
}

.banner-section.tipster-profile.create .overlay .banner-content {
   padding: 222px 0 233px;
}

.banner-section.tipster-profile.create.post-tips .overlay {
   z-index: 0;
}

.banner-section.tipster-profile.create.post-tips .banner-content {
   padding: 170px 0 300px;
}

.banner-section.contact .overlay .banner-content {
   padding: 202px 0 380px;
}

.banner-section.contact .overlay .shape-area .obj-1 {
   left: 10%;
   top: initial;
   bottom: calc(20%);
}

.banner-section.contact .overlay .shape-area .obj-2 {
   right: 10%;
   top: 15%;
}

.banner-section.contact .overlay .shape-area .obj-3 {
   left: 10%;
   bottom: calc(60%);
}

.payment-crypto-title {
   border-radius: 5px;
   padding: 10px 32px;
   margin-bottom: 10px;
   background: #254e15;
   width: 149%;
   display: block;
   border-radius: 13px;
}

.sidebar-title {
   margin-bottom: 20px;
   padding: 9px 30px;
   font-weight: 600;
   background: #254e15;
   border-radius: 13px;
}

.img-area img[src="images/market.png"] {
   margin-right: 15px;
}

.img-area img[src="images/season-break.png"] {
   margin-right: 15px;
}

.banner-section.user-dashboard .overlay {
   background-image: url(../images/images-user-dashboard-banner.avif);
   background-repeat: no-repeat;
   background-position: bottom;
   background-size: 100%;
}

.banner-section.support-help .overlay {
   background-image: url(../images/images-support-banner.png);
   background-repeat: no-repeat;
   background-position: bottom right, right bottom -1px;
   background-size: auto;
}

.banner-section.support-help .overlay .banner-content {
   padding: 265px 340px;
}

.banner-section.support-help .overlay .banner-content h1 {
   display: none;
}

.log-reg .modal-content {
   background: #254e15;
   border-radius: 10px;
   padding: 30px;
}

.log-reg .modal-content .modal-header {
   border: none;
}

.log-reg .modal-content .modal-body {
   padding: 0;
}

.log-reg .modal-content .form-area .single-input {
   display: flex;
   align-items: center;
   border-radius: 10px;
   border: 4px solid #fff;
   padding: 15px 30px;
   margin-bottom: 20px;
   background: darkred;
}

.log-reg .modal-content .form-area .single-input input {
   background: transparent;
   padding: 0;
   border: none;
   color: var(--bs-white);
   height: initial;
}

.log-reg .modal-content .form-area .single-input img {
   margin-right: 20px;
}

.log-reg .modal-content .form-area .forget .checkbox-wrapper {
   display: block;
   position: relative;
   padding-left: 30px;
   cursor: pointer;
   display: flex;
   align-items: center;
}

.log-reg .modal-content .form-area .forget .checkbox-wrapper input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
}

.log-reg .modal-content .form-area .forget .checkbox-wrapper input:checked ~ .checkmark:after {
   display: block;
   background-image: url(../images/icon-check-box.png);
   background-repeat: no-repeat;
   width: 13px;
   height: 10px;
   background-position: center;
}

.log-reg .modal-content .form-area .forget .checkbox-wrapper .checkmark {
   position: absolute;
   left: 0;
   height: 20px;
   width: 20px;
   background-color: #312977;
   border-radius: 5px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.log-reg .modal-content .form-area .forget .checkbox-wrapper .checkmark::after {
   content: "";
   position: absolute;
   display: none;
   background-image: unset;
}

.log-reg .modal-content .form-area .forget a {
   color: var(--hover-color);
}

.log-reg .modal-content .form-area .cmn-btn {
   border-radius: 10px;
   width: 100%;
   margin-top: 30px;
}

.log-reg .modal-content .or::before,
.log-reg .modal-content .or::after {
   position: absolute;
   content: "";
   background: var(--bs-white);
   height: 1px;
   width: 45%;
}

.log-reg .modal-content .or::before {
   left: 0;
}

.log-reg .modal-content .or::after {
   right: 0;
}

.log-reg .modal-content .reg-with {
   margin-bottom: 30px;
}

.log-reg .modal-content .reg-with a {
   width: 100%;
   border-radius: 10px;
   background: #4469b7;
   border-color: transparent;
   border-color: transparent;
}

.log-reg .modal-content .reg-with a:hover {
   background: transparent;
   border-color: #8b84c3;
}

.log-reg .modal-content .reg-with a.second {
   background: transparent;
   border-color: #8b84c3;
}

.log-reg .modal-content .reg-with a.second:hover {
   background: #4469b7;
   border-color: transparent;
}

.log-reg .modal-content .bottom-area button {
   background: transparent;
   justify-content: center;
   color: var(--bs-white);
   display: block;
}

.log-reg .modal-content .bottom-area button.active {
   display: none;
}

.log-reg .modal-content .bottom-area span {
   color: var(--hover-color);
}

.log-reg .modal-content .regMod .single-input {
   margin-bottom: 0;
   margin-top: 20px;
}

.log-reg .modal-content .regMod .joining {
   margin-top: 20px;
}

.log-reg .modal-content .regMod .or {
   margin-top: 20px;
}

.sidebar-archive-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 3px solid #e2e2e2;
   margin-bottom: 33px;
}

.title-archive {
   margin: 0;
}

.left {
   order: 1;
}

.middle {
   order: 2;
}

.right {
   order: 3;
}

.main-content-bookmarker {
   padding: 40px;
   background-color: #072443;
   border: 4px solid #fff;
   padding-bottom: 8%;
}

.footer-section {
   background-image: url(../images/images-footer-bg.webp);
   background-repeat: no-repeat;
   background-position: bottom;
   background-size: 110% 65%;
}

.footer-section .contact-info {
   background-repeat: no-repeat, no-repeat;
   background-position: left bottom, right bottom;
   background-color: #393549;
   border: 4px solid #ffff;
   padding: 80px 260px;
}

.footer-section .menu-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.footer-section .menu-item .footer-link {
   display: flex;
}

.footer-section .menu-item .footer-link li {
   padding-right: 20px;
   margin-right: 20px;
   border-right: 1px solid #7876d5;
}

.footer-section .menu-item .footer-link li:last-child {
   padding: 0;
   margin: 0;
   border: none;
}

.footer-section .menu-item .footer-link li a:hover {
   color: var(--hover-color);
   transition: 0.3s;
}

.footer-section .copyright {
   padding: 30px;
   margin-top: 30px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   align-content: space-around;
   flex-wrap: wrap;
   flex-direction: column;
   background-color: #393549;
   border: 4px solid #ffff;
}

.footer-section .copyright .copy-area a {
   color: var(--hover-color);
}

.footer-section .copyright .copy-area .auth {
   color: #ff96a5;
}

.footer-section .copyright .social-link a {
   width: 35px;
   height: 35px;
   border: 1px solid #3a3878;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: 20px;
   transition: 0.3s;
}

.footer-section .copyright .social-link a i {
   color: #ffffff;
   transition: 0.3s;
   font-size: 34px;
}

.footer-section .copyright .social-link a:hover {
   background: #ec0427;
   border-color: #ec0427;
}

.footer-section .copyright .social-link a:hover i {
   color: var(--bs-white);
}

.history-stats .pick-area .img-area {
   margin-right: 30px;
}

.history-stats .pick-area h4 {
   margin-bottom: 5px;
}

.history-stats .pick-area h4 span {
   color: inherit;
   font-size: inherit;
   font-weight: inherit;
   font-weight: inherit;
}

.history-stats .pick-area p {
   color: #ffffff;
}

.history-stats.about {
   position: relative;
}

.history-stats.about::before {
   position: absolute;
   content: "";
   top: 0;
   width: 90%;
   height: 100%;
   border-radius: 10px;
   left: 5%;
   background-image: linear-gradient(0deg, #070044 0%, #3d2fac 99%);
   z-index: -1;
}

#numbers {
   background-color: #393549;
}

#get-style {
   background-color: #393549;
}

.footer-center {
   text-align: center;
}

.index-imgage-area {
   display: block;
   margin: 0 auto;
}

.pending-picks-push {
   background-color: #3351d6;
   color: white;
}

.pending-picks-win {
   background-color: #19cc64;
   color: white;
}

.pending-picks-loss {
   background-color: #f02b4c;
   color: white;
}

.single-item .rank {
   background-image: url(../images/images-rank-bg.png);
   background-repeat: no-repeat;
   position: absolute;
   top: -6px;
   left: calc(15%);
   width: 50px;
   height: 55px;
   text-align: center;
   display: inline-grid;
   align-items: center;
}

.single-item .rank .rank-title {
   display: block;
   font-size: 12px;
   text-transform: uppercase;
   margin-bottom: -15px;
}

.single-item .rank span {
   margin-left: 12px;
   line-height: 10px;
}

.faqs-section {
   position: relative;
}

.faqs-section::before {
   position: absolute;
   content: "";
   width: 100%;
   background: #000000;
   height: 60%;
   top: 0;
   left: 0;
   z-index: -1;
}

.faqs-section .section-header a {
   color: var(--hover-color);
}

.faqs-section .accordion-noltmadhnia {
   margin-bottom: -20px;
   padding-bottom: 45px;
}

.faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item {
   margin-bottom: 20px;
   background: #112359;
   border-radius: 10px;
   border: none;
}

.faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-header {
   position: relative;
   display: flex;
   align-items: center;
}

.faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-header::after {
   position: absolute;
   left: 20px;
   z-index: 3;
   width: 30px;
   height: 30px;
   margin-left: auto;
   content: "";
   background-image: url(../images/icon-faq-icon.png);
   background-repeat: no-repeat;
}

.faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-button {
   padding: 20px;
   padding-left: 70px;
   background: #112359;
   border-radius: 10px;
   font-size: 30px;
   font-weight: inherit;
   color: inherit;
   border: none;
   justify-content: center;
}

.faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-button::after {
   flex-shrink: 0;
   width: 20px;
   height: 20px;
   content: "";
   background-image: url(../images/icon-minus.png);
   background-repeat: no-repeat;
   background-size: 20px;
   position: absolute;
   right: 30px;
   transition: all ease 0.3s;
}

.faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-button::before {
   content: "";
   position: absolute;
   right: 25px;
   width: 30px;
   height: 30px;
   background: #112359;
   border-radius: 5px;
}

.faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-button.collapsed::after {
   width: 20px;
   height: 20px;
   content: "";
   background-image: url(../images/icon-plus.png);
   background-repeat: no-repeat;
   background-size: 20px;
   transform: rotate(-90deg);
   transition: all ease 0.3s;
}

.faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-collapse {
   border: none;
}

.faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-collapse .accordion-noltmadhnia-body {
   padding: 0 20px;
   text-align: center;
}

.faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-collapse .accordion-noltmadhnia-body p {
   padding: 20px 0;
   border-top: 1px solid #ffffff;
}

.faqs-section.support {
   background-image: url(../images/images-faq-bg.png);
   background-repeat: no-repeat;
   background-position: top;
   background-size: 100% 60%;
}

.faqs-section.support .nav {
   margin-bottom: 40px;
}

.faqs-section.support .nav .cmn-btn {
   background: transparent;
   border-color: #ffffff;
   margin: 0 10px;
}

.faqs-section.support .nav .cmn-btn.active {
   background: var(--bg-color);
   border-color: transparent;
}

.faqs-section.support h3 {
   margin-bottom: 30px;
   text-align: center;
}

.faqs-section.support.faqs {
   background-image: unset;
}

.faqs-section.support.faqs::before {
   display: none;
}

.faqs-section.support.faqs .faq-box ul {
   margin-bottom: -20px;
}

.faqs-section.support.faqs .faq-box ul li {
   position: relative;
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}

.faqs-section.support.faqs .faq-box ul li a h5 {
   margin-top: 0;
}

.faqs-section.support.faqs .faq-box ul li a::after,
.faqs-section.support.faqs .faq-box ul li a::before {
   content: "";
   position: absolute;
}

.faqs-section.support.faqs .faq-box ul li a::after {
   right: 15px;
   width: 20px;
   height: 20px;
   background-image: url(../images/icon-right-arrow-sec.png);
   background-repeat: no-repeat;
   background-size: 18px;
}

.faqs-section.support.faqs .faq-box ul li a::before {
   left: 20px;
   z-index: 3;
   width: 30px;
   height: 30px;
   margin-left: auto;
   background-image: url(../images/icon-faq-icon.png);
   background-repeat: no-repeat;
}

.testimonials .single-slide {
   padding: 40px 30px;
   background: #1d1566;
   border-radius: 10px;
   margin: 0 15px;
}

.testimonials .single-slide .profile-area {
   margin-top: 24px;
}

.testimonials .single-slide .profile-area .img-area {
   margin-right: 20px;
}

.testimonials .single-slide .profile-area .img-area img {
   border-radius: 50%;
}

.testimonials .single-slide .profile-area .text-area h6 {
   margin-top: 0;
}

.testimonials .single-slide .profile-area .text-area .mdr {
   color: #ff96a5;
   margin-top: 5px;
}

.testimonials.partners {
   margin-top: 45px;
}

.about-us .section-area .para-area {
   margin-top: 25px;
}

.what-we-do {
   position: relative;
   overflow-x: initial;
}

.what-we-do::before {
   position: absolute;
   content: "";
   width: 100%;
   height: 120%;
   background: #2d0572;
   z-index: -1;
   top: 0;
}

.all-tips-content .sidebar .content-wrapper .single-sidebar {
   border-radius: 10px;
   padding: 40px 30px;
   margin-bottom: 30px;
   background: #000;
   border-style: solid;
   border-color: white;
}

.all-tips-content .sidebar .single-sidebar.tipster {
   padding-bottom: 20px;
}

.all-tips-content .sidebar .single-sidebar .title-area {
   margin-bottom: 30px;
   padding-bottom: 5px;
}

.all-tips-content .sidebar .single-sidebar .date-single {
   margin-bottom: 20px;
}

.all-tips-content .sidebar .single-sidebar .date-single.end {
   margin-bottom: 0;
}

.all-tips-content .sidebar .single-sidebar .single-input {
   border: 4px solid #ffff;
   border-radius: 10px;
   display: flex;
   align-items: center;
   background: #254e15;
}

.all-tips-content .sidebar .single-sidebar .single-input img {
   margin-left: 20px;
}

.all-tips-content .sidebar .single-sidebar .single-input input {
   border: none;
   border-radius: 10px;
   color: var(--bs-white);
   background: #254e15;
}

.all-tips-content .sidebar .single-sidebar .btn-area {
   border: 4px solid #ffff;
   border-radius: 10px;
   color: var(--qr52-color);
   width: 100%;
   padding: 15px 0;
   text-align: center;
   margin-top: 17px;
   background: #254e15;
}

.all-tips-content .sidebar .single-sidebar .btn-area.view {
   margin-top: 20px;
}

.all-tips-content .sidebar .single-sidebar .checkbox-single {
   position: relative;
   padding-left: 40px;
   margin-bottom: 20px;
   cursor: pointer;
   user-select: none;
}

.all-tips-content .sidebar .single-sidebar .checkbox-single .checkbox-area input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
}

.all-tips-content .sidebar .single-sidebar .checkbox-single .checkbox-area .checkmark {
   position: absolute;
   top: 0;
   left: 0;
   height: 20px;
   width: 20px;
   border-radius: 5px;
   border: 4px solid #fff;
}

.all-tips-content .sidebar .single-sidebar .checkbox-single .checkbox-area .checkmark::after {
   content: "";
   position: absolute;
   display: none;
}

.all-tips-content .sidebar .single-sidebar .checkbox-single .checkmark::after {
   left: 4px;
   top: 3px;
   width: 54px;
   height: 52px;
   background-image: url(../images/icon-check.png);
   background-repeat: no-repeat;
}

.all-tips-content .sidebar .single-sidebar .checkbox-single input:checked ~ .checkmark {
   border: 1px solid var(--hover-alt-color);
}

.all-tips-content .sidebar .single-sidebar .checkbox-single input:checked ~ .checkmark:after {
   display: block;
}

.all-tips-content .sidebar .single-sidebar .checkbox-single .item-title i {
   color: #6e62d4;
   font-size: 14px;
   margin: 0 2px;
}

.all-tips-content .sidebar .single-sidebar .checkbox-single .item-title i.full {
   color: #f59b00;
}

.all-tips-content .sidebar .single-sidebar .checkbox-single .item-title img {
   margin-right: 10px;
}

.all-tips-content .sidebar .single-sidebar .nice-select {
   border-radius: 10px;
   background-color: var(--body-color);
   border-color: transparent;
   display: flex;
   align-items: center;
   width: 100%;
   height: 50px;
}

.all-tips-content .sidebar .single-sidebar .nice-select::after {
   height: 10px;
   margin-top: -5px;
   pointer-events: none;
   position: absolute;
   right: 20px;
   width: 10px;
}

.all-tips-content .sidebar .single-sidebar .nice-select .list {
   width: 100%;
   background: var(--body-color);
   border: 1px solid #483f90;
}

.all-tips-content .sidebar .single-sidebar .nice-select .list .option {
   background: transparent;
}

.all-tips-content .sidebar .single-sidebar .nice-select .list .option:hover {
   color: var(--hover-color);
}

.all-tips-content .sidebar .single-sidebar .nice-select .list .focus {
   background-color: transparent;
   color: var(--hover-color);
}

.all-tips-content .pick-info .heading-area {
   padding: 30px;
   margin-bottom: 40px;
   background: #254e15;
   border: 4px solid #fff;
}

.all-tips-content .pick-info .heading-area h4 span {
   color: var(--hover-color);
   font-size: inherit;
   font-weight: inherit;
}

.all-tips-content .pick-info .heading-area .bottom-item {
   margin-top: 30px;
}

.all-tips-content .pick-info .heading-area .bottom-item .single-input {
   border-radius: 10px;
   background-color: var(--body-color);
}

.all-tips-content .pick-info .heading-area .bottom-item .nice-select {
   border-radius: 10px;
   background-color: var(--body-color);
   border-color: transparent;
   display: flex;
   align-items: center;
   width: 100%;
   border: 1px solid #483f90;
   height: 50px;
}

.all-tips-content .pick-info .heading-area .bottom-item .nice-select::after {
   height: 10px;
   margin-top: -5px;
   pointer-events: none;
   position: absolute;
   right: 20px;
   width: 10px;
}

.all-tips-content .pick-info .heading-area .bottom-item .nice-select .list {
   width: 100%;
   background: var(--body-color);
   border: 1px solid #483f90;
}

.all-tips-content .pick-info .heading-area .bottom-item .nice-select .list .option {
   background: transparent;
}

.all-tips-content .pick-info .heading-area .bottom-item .nice-select .list .option:hover {
   color: var(--hover-color);
}

.all-tips-content .pick-info .heading-area .bottom-item .nice-select .list .focus {
   background-color: transparent;
   color: var(--hover-color);
}

.all-tips-content .pick-info .single-item {
   padding: 30px;
   border: 4px solid #fff;
   margin-top: 30px;
   background-image: linear-gradient(147deg, #000000 0%, #000000 100%);
}

.all-tips-content .pick-info .single-item .left,
.all-tips-content .pick-info .single-item .top-area {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.all-tips-content .pick-info .single-item .top-area {
   border-bottom: 1px solid #5e549a;
   margin-bottom: 20px;
   padding-bottom: 20px;
}

.all-tips-content .pick-info .single-item .top-area .left .time-left {
   color: #ffb2bd;
   background: #331c76;
   padding: 5px 20px;
   margin-left: 30px;
   border-radius: 15px;
}

.all-tips-content .pick-info .single-item .top-area .right {
   display: flex;
   align-items: center;
   border: 1px solid #00ebd5;
   border-radius: 10px;
   padding: 5px 15px;
}

.all-tips-content .pick-info .single-item .top-area .right .mdr {
   color: #00ebd5;
   margin-left: 5px;
}

.all-tips-content .pick-info .single-item .mid-area h5 {
   margin-bottom: 30px;
}

.all-tips-content .pick-info .single-item .mid-area .sports .vs h4 {
   margin-top: 0;
   text-transform: uppercase;
   color: var(--hover-color);
}

.all-tips-content .pick-info .single-item .mid-area .btn-area {
   margin-top: 30px;
}

.pagination {
   border-radius: 40px;
   padding: 20px;
   display: inline-flex;
   flex-wrap: wrap;
   background: #000;
}

.pagination .page-item .page-link {
   border-radius: 50%;
   background: #6a0707;
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--bs-white);
   border: none;
   font-weight: bold;
   margin: 0 8px;
}

.pagination .page-item .page-link.active,
.pagination .page-item .page-link:hover {
   background-image: linear-gradient(147deg, #4def93 0%, #625656 74%);
}

.pagination .page-item .page-link.previous {
   margin-right: 20px;
}

.pagination .page-item .page-link.next {
   margin-left: 20px;
}

.ui-datepicker.ui-widget-content {
   background-color: var(--body-color);
   border: 1px solid #483f90;
}

.ui-datepicker .ui-datepicker-header {
   background: var(--body-color);
   border: 1px solid #483f90;
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-button,
.ui-datepicker .ui-button.ui-state-disabled:hover,
.ui-datepicker .ui-button.ui-state-disabled:active {
   border: 1px solid #483f90;
   background: var(--body-color);
   text-align: center;
   color: var(--qr52-color);
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
   background: var(--bg-color);
   border: 1px solid #483f90;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
   background: transparent !important;
   border: none;
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active,
.ui-datepicker a.ui-button:active,
.ui-datepicker .ui-button:active,
.ui-datepicker .ui-button.ui-state-active:hover {
   background: var(--hover-alt-color);
   border-color: var(--hover-alt-color);
}

.cutomer-area-content .all-items {
   width: 100% !important;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.cutomer-area-content .single-item {
   flex: 0 0 calc(100% / 3 - 15px);
   max-width: calc(100% / 3 - 15px);
   background-image: linear-gradient(147deg, #000000 0%, #04619f 74%);
   border-radius: 20px;
   margin-bottom: 30px;
   transition: 0.5s;
}

.cutomer-area-content .single-item .first-area .profile-area .w-100 {
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   border: none;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}

.cutomer-area-content .single-item .first-area .profile-area .profile-pic {
   border-radius: 50%;
   border: 7px solid #000000;
}

.customers-profile img {
   border-radius: 50%;
   border: 7px solid #000000;
}

.cutomer-area-content .single-item .first-area .profile-area .profile {
   transform: translateY(-50px);
   display: inline-block;
   position: relative;
}

.single-item .first-area .profile-area .profile .gold {
   position: absolute;
   bottom: 5px;
   right: 5px;
   border-radius: 50%;
   border: 3px solid #b73b27;
}

.single-item .first-area .name-area {
   border-bottom: 3px solid #2f99ab;
   margin: -41px 0 35px;
   padding-bottom: 13px;
}

.single-item .first-area .name-area img {
   margin-left: 10px;
}

.single-item .first-area .sub-heading::after {
   position: absolute;
   content: "";
   width: 1px;
   height: 20px;
   background-color: #5e67bd;
   left: calc(50%);
}

.single-item .first-area .sub-heading .img-area {
   margin-right: 5px;
}

.cutomer-area-content .single-item .mid-area .roi-profit {
   display: flex;
   justify-content: space-around;
   align-items: center;
   text-align: center;
}

.cutomer-area-content .single-item .mid-area .roi-profit h6 {
   margin-bottom: 5px;
}

.cutomer-area-content .single-item .mid-area .roi-profit .roi h6 {
   color: var(--hover-color);
}

.cutomer-area-content .single-item .mid-area .roi-profit .profit::before,
.cutomer-area-content .single-item .mid-area .roi-profit .profit::after {
   position: absolute;
   content: "";
   top: 0;
   width: 1px;
   height: 100%;
   background: #404190;
}

.cutomer-area-content .single-item .mid-area .roi-profit .profit::before {
   left: calc(-50%);
}

.cutomer-area-content .single-item .mid-area .roi-profit .profit::after {
   right: calc(-50%);
}

.cutomer-area-content .single-item .mid-area .roi-profit .profit h6 {
   color: var(--hover-color);
}

.cutomer-area-content .single-item .mid-area .roi-profit .rate h6 {
   color: var(--hover-color);
}

.cutomer-area-content .single-item .mid-area .about-user {
   display: none;
}

.cutomer-area-content .single-item .last-area {
   padding-bottom: 30px;
}

.cutomer-area-content .single-item .last-area .last-top {
   border-style: solid;
   border-width: 3px;
   border-color: #ffffff;
   border-radius: 10px;
   text-align: center;
   padding: 15px 10px;
   margin: 14px 40px;
   background-image: linear-gradient(315deg, #2b4162 0%, #12100e 74%);
}

.cutomer-area-content .single-item .last-area .last-top h6 {
   margin-bottom: 25px;
}

.cutomer-area-content .single-item .last-area .last-top .single-payment-radio:hover input ~ .checkmark {
   background-color: transparent;
}

.cutomer-area-content .single-item .last-area .last-top .single-payment-radio .amount {
   color: var(--hover-color);
   margin-left: 5px;
}

.cutomer-area-content .single-item .last-area .last-top .single-payment-radio .checkmark {
   position: absolute;
   left: 15px;
   height: 15px;
   width: 15px;
   background-color: transparent;
   border: 1px solid var(--bs-white);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.cutomer-area-head .btn-area i {
   font-size: 30px;
   background-color: #ffeaa7;
   background-image: linear-gradient(96deg, #cba732 0%, #3b3b3b 74%);
   border-radius: 5px;
   min-width: 50px;
   min-height: 50px;
   color: var(--bs-white);
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   margin-left: 20px;
}

.cutomer-area-content .single-item .last-area .last-top .single-payment-radio .checkmark::after {
   content: "";
   position: absolute;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: var(--bs-white);
}

.cutomer-area-content .single-item .last-area .last-top .single-payment-radio input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
}

.cutomer-area-content .single-item .last-area .last-top .single-payment-radio input:checked ~ .checkmark {
   background-color: transparent;
   border: 1px solid var(--hover-color);
}

.cutomer-area-content .single-item .last-area .last-top .single-payment-radio input:checked ~ .checkmark::after {
   display: block;
   background: var(--hover-color);
}

.cutomer-area-content .single-item .last-area .last-top .cmn-btn {
   margin-top: 20px;
}

.cutomer-area-content .single-item .last-area .last-bottom {
   display: flex;
   justify-content: center;
}

.cutomer-area-content .single-item .last-area .last-bottom .tips {
   display: inline-flex;
   align-items: center;
   border: 1px solid #00ebd5;
   margin-right: 30px;
   border-radius: 10px;
   padding: 5px 25px;
   background-image: linear-gradient(315deg, #130f40 0%, #000000 74%);
   border-color: transparent;
}

.cutomer-area-content .single-item .last-area .last-bottom .tips img {
   margin-right: 5px;
}

.cutomer-area-content .single-item .last-area .last-bottom .cmn-btn {
   border-radius: 10px;
   padding: 5px 25px;
   background-image: linear-gradient(315deg, #130f40 0%, #000000 74%);
   border-color: transparent;
   font-size: 16px;
}

.active-expired {
   gap: 16px;
   width: 142%;
   display: flex;
}

.cutomer-area-content .single-item.list {
   flex: 0 0 100%;
   max-width: 100%;
   display: flex;
   justify-content: space-around;
}

.customers-profile {
   display: flex;
   justify-content: center;
   padding-bottom: 17px;
}

.cutomer-area-content .single-item.list .items {
   width: 100%;
}

.cutomer-area-content .single-item.list .first-area {
   border-top-left-radius: 20px;
   border-bottom-left-radius: 20px;
   background-image: linear-gradient(337deg, #406f6f 0%, #1e081e 74%);
}

.cutomer-area-content .single-item.list .first-area .sub-heading {
   margin-bottom: 0;
   padding-bottom: 0;
   border-color: transparent;
}

.cutomer-area-content .single-item.list .first-area .profile-area .w-100 {
   border-top-right-radius: unset;
}

.cutomer-area-content .single-item.list .mid-area {
   padding: 20px 30px;
}

.cutomer-area-content .single-item.list .mid-area .roi-profit .profit::before {
   left: calc(-50%);
}

.cutomer-area-content .single-item.list .mid-area .roi-profit .profit::after {
   right: calc(-50%);
}

.cutomer-area-content .single-item.list .mid-area .about-user {
   border-top: 1px solid #404190;
   margin-top: 20px;
   padding-top: 20px;
   display: block;
   text-align: center;
}

.cutomer-area-content .single-item.list .mid-area .about-user h5 {
   margin-bottom: 10px;
}

.cutomer-area-content .single-item.list .last-area {
   padding-bottom: 20px;
}

.cutomer-area-content .single-item.list .last-area .last-top {
   padding: 20px 10px;
   margin: 20px 10px;
}

.cutomer-area-content .pagination {
   margin-top: 40px;
}

.cutomer-area-content.dashboard {
   margin-top: 40px;
}

.cutomer-area-content.dashboard .single-item {
   flex: initial;
   max-width: initial;
}

.cutomer-area-content.dashboard .single-item .last-area .last-top .payment-zone {
   margin-bottom: 30px;
}

.cutomer-area-content.dashboard .single-item .last-area .last-top .buy {
   background: transparent;
   border: 1px solid #5e549a;
   color: var(--hover-color);
   width: 80%;
   margin: auto;
   margin-top: 30px;
}

.cutomer-area-content.dashboard .single-item .last-area .last-top p {
   margin-top: 15px;
}

.cutomer-area-content.dashboard .single-item .last-area .last-top .single-payment-radio {
   justify-content: space-between;
   padding: 10px 40px;
   padding-right: 20px;
}

.cutomer-area-content.dashboard .single-item .last-area .last-bottom a:hover {
   background: transparent;
   border-color: #7867de;
}

.tipster-profile-content {
   margin-top: -461px;
   transform: translateZ(0px);
}

.tipster-profile-content .profile-banner-area .main-content {
   position: relative;
   background-color: #2d2c2c;
}

.tipster-profile-content .profile-banner-area .main-content .rank {
   background-image: url(../images/images-rank-bg-second.png);
   background-repeat: no-repeat;
   position: absolute;
   top: -6px;
   left: calc(45%);
   width: 65px;
   height: 70px;
   text-align: center;
   display: inline-grid;
   align-items: center;
}

.tipster-profile-content .profile-banner-area .main-content .rank .rank-title {
   display: block;
   text-align: center;
   text-transform: uppercase;
   margin-bottom: -15px;
   margin-left: 15px;
}

.tipster-profile-content .profile-banner-area .main-content .rank h5 {
   margin-left: 15px;
   line-height: 10px;
}

.tipster-profile-content .profile-banner-area .main-content .top-area {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 0 30px;
}

.tipster-profile-content .profile-banner-area .main-content .top-area .profile {
   margin-top: -80px;
   display: inline-block;
   position: relative;
}

.tipster-profile-content .profile-banner-area .main-content .top-area .profile .profile-pic {
   border-radius: 50%;
   border: 5px solid mediumspringgreen;
}

.tipster-profile-content .profile-banner-area .main-content .top-area .profile .gold {
   position: absolute;
   bottom: 5px;
   right: 5px;
}

.user-info {
   display: flex;
   flex-direction: column;
   align-items: center;
}

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

.tipster-profile-content .profile-banner-area .main-content .top-area .user-info {
   margin-left: 20px;
   margin-top: 20px;
}

.tipster-profile-content .profile-banner-area .main-content .top-area .user-info .top {
   margin-bottom: 15px;
}

.tipster-profile-content .profile-banner-area .main-content .top-area .user-info h5 {
   margin-right: 15px;
}

.tipster-profile-content .profile-banner-area .main-content .top-area .btn-area {
   margin-top: -11px;
   margin-right: -17em;
}

.tipster-profile-content .profile-banner-area .main-content .top-area .btn-area .cmn-btn {
   background: #5ac4ff;
   color: #2f007f;
   border: none;
   border-radius: 6px;
   height: 45.5px;
}

.tipster-profile-content .profile-banner-area .main-content .top-area .btn-area .cmn-btn.follow {
   background: #c2a9ff;
   margin-left: 15px;
}

.tipster-profile-content .profile-banner-area .main-content .mid-area {
   display: flex;
   justify-content: space-between;
   text-align: center;
   margin: 40px 30px;
}

.tipster-profile-content .profile-banner-area .main-content .mid-area .single {
   border-radius: 10px;
   padding: 10px 0 5px;
   width: 100%;
   margin: 0 12px;
   border-top: outset;
   background: black;
}

.tipster-profile-content .profile-banner-area .main-content .mid-area h6 {
   color: var(--hover-color);
   margin-bottom: 10px;
}

.knp {
   margin-bottom: 10px;
   font-weight: bolder;
   margin-top: -6px;
   height: 21px;
   color: mediumspringgreen;
}

.tipster-profile-content .profile-banner-area .main-content .main-tabs {
   border: none;
   padding-bottom: 20px;
}

.button-customers {
   max-width: fit-content;
   display: flex;
   justify-content: flex-end;
}

.tipster-profile-content .profile-banner-area .main-content .main-tabs .nav-item .nav-link {
   display: flex;
   align-items: center;
   text-transform: capitalize;
   border: none;
   color: var(--bs-white);
   padding: 0;
   margin: 0 30px;
}

.tipster-profile-content .profile-banner-area .main-content .main-tabs .nav-item .nav-link.active {
   background: transparent;
   position: relative;
   transition: all 0.3s;
}

.tipster-profile-content .profile-banner-area .main-content .main-tabs .nav-item .nav-link.active::after {
   position: absolute;
   content: "";
   width: 112%;
   height: 3px;
   background: #04ff00;
   left: 0;
   bottom: -20px;
   transition: all 0.3s;
}

.tipster-profile-content .profile-banner-area .main-content .main-tabs .nav-item .nav-link span {
   background: #000000;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 10px;
}

.tipster-profile-content .main-tab-content .date-area {
   color: var(--hover-color);
   margin: 40px 0 30px;
}

.tipster-profile-content .main-tab-content .nav-tabs {
   border: none;
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
   flex-direction: row;
   width: max-content;
}

.tipster-profile-content .main-tab-content .nav-tabs .cmn-btn {
   border: 4px solid #ffffff;
   margin-right: 111px;
   margin-bottom: 20px;
}

.tipster-profile-content .main-tab-content .nav-tabs .cmn-btn.active {
   border: 4px solid #fff;
   background: #254e15;
}

.tipster-profile-content .main-tab-content .pick-area {
   border: 4px solid white;
   padding: 20px;
   margin-bottom: 20px;
   display: flex;
   justify-content: space-between;
   background-image: linear-gradient(86deg, #000000 0%, #000000 74%);
}

.tipster-profile-content .main-tab-content .pick-area .match-info .flag {
   margin-bottom: 15px;
}

.tipster-profile-content .main-tab-content .pick-area .match-info .flag p {
   margin-left: 5px;
   color: #b2b4e1;
}

.tipster-profile-content .main-tab-content .pick-area .text-blue .match-info span {
   color: #3498db;
   margin-top: 10px;
}

.tipster-profile-content .main-tab-content .pick-area .pick-info span {
   background-color: #428bca;
   border-radius: 20px;
   padding: 5px 20px;
   margin-bottom: 15px;
   font-weight: 700;
   font-size: 14px;
}

.tipster-profile-content .main-tab-content .pick-area .pick-info .right-top {
   justify-content: flex-end;
}

.tipster-profile-content .main-tab-content .pick-area .pick-info .right-top img {
   margin-right: 10px;
}

.tipster-profile-content .main-tab-content .pick-area .pick-info .logo-area {
   border-radius: 25px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 15px 20px;
}

.tipster-profile-content .main-tab-content .pick-area .pick-info .logo-area.text {
   padding: 10px 20px;
   margin-top: 15px;
}

.tipster-profile-content .main-tab-content .pagination {
   margin-top: 40px;
}

.tipster-profile-content .main-tab-content .sidebar .single-box {
   border-style: solid;
   border-color: white;
   padding: 25px 20px;
   background: #000;
}

.tipster-profile-content .main-tab-content .sidebar h6 {
   margin-bottom: 20px;
}

.tipster-profile-content .main-tab-content .sidebar .subscribe {
   border-bottom: 1px solid #645bb4;
   margin-bottom: 29px;
   padding-bottom: 9px;
}

.tipster-profile-content .main-tab-content .sidebar .btn-area {
   margin-top: 20px;
}

.tipster-profile-content .main-tab-content .sidebar .btn-area a {
   width: 100%;
   border-radius: 10px;
}

.tipster-profile-content .main-tab-content .sidebar .subscribers span {
   color: #84d3ff;
}

.tipster-profile-content .main-tab-content .sidebar .subscribers h5 {
   margin-top: 0;
}

.tipster-profile-content .main-tab-content .sidebar .single-sidebar .text-area {
   margin-bottom: 15px;
}

.tipster-profile-content .main-tab-content .sidebar .single-payment-radio {
   position: relative;
   display: flex;
   align-items: center;
   margin-bottom: 10px;
   background: #254e15;
}

.tipster-profile-content .main-tab-content .sidebar .single-payment-radio img {
   margin-left: 5px;
}

.tipster-profile-content .main-tab-content .sidebar .single-payment-radio:hover input ~ .checkmark {
   background-color: transparent;
}

.tipster-profile-content .main-tab-content .sidebar .single-payment-radio .amount {
   color: var(--hover-color);
   margin-left: 5px;
}

.tipster-profile-content .main-tab-content .sidebar .single-payment-radio .checkmark {
   position: absolute;
   left: 20px;
   height: 15px;
   width: 15px;
   background-color: transparent;
   border: 1px solid var(--bs-white);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.tipster-profile-content .main-tab-content .sidebar .single-payment-radio .checkmark::after {
   content: "";
   position: absolute;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: var(--bs-white);
}

.tipster-profile-content .main-tab-content .sidebar .single-payment-radio input {
   position: absolute;
   opacity: 0;
   cursor: text;
}

.tipster-profile-content .main-tab-content .sidebar .single-payment-radio input:checked ~ .title-item {
   color: var(--hover-color);
}

.tipster-profile-content .main-tab-content .sidebar .single-payment-radio input:checked ~ .checkmark {
   background-color: transparent;
   border: 1px solid var(--hover-color);
}

.tipster-profile-content .main-tab-content .sidebar .single-payment-radio input:checked ~ .checkmark::after {
   display: block;
   background: var(--hover-color);
}

.tipster-profile-content .main-tab-content .statistics-single {
   border-radius: 20px;
   padding: 20px 30px;
   margin-bottom: 30px;
   background: #254e15;
   border-bottom: groove;
   width: 151%;
}

.tipster-profile-content .main-tab-content .statistics-single.apex {
   padding-left: 15px;
}

.tipster-profile-content .main-tab-content .statistics-single.apex .head-area {
   padding-left: 20px;
}

.tipster-profile-content .main-tab-content .statistics-single.apex .head-area .cmn-btn {
   margin-left: 15px;
   margin-right: 5px;
}

.tipster-profile-content .main-tab-content .statistics-single .head-area {
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
}

.tipster-profile-content .main-tab-content .statistics-single .nice-select {
   background-color: transparent;
   border: 4px solid #cbbe24;
   border-radius: 25px;
   display: flex;
   align-items: center;
   width: 15%;
   height: 50px;
}

.tipster-profile-content .main-tab-content .statistics-single .nice-select::after {
   height: 10px;
   margin-top: -5px;
   pointer-events: none;
   position: absolute;
   right: 20px;
   width: 10px;
}

.tipster-profile-content .main-tab-content .statistics-single .nice-select .list {
   width: 100%;
   background: var(--body-color);
   border: 1px solid #483f90;
}

.tipster-profile-content .main-tab-content .statistics-single .nice-select .list .option {
   background: transparent;
}

.tipster-profile-content .main-tab-content .statistics-single .nice-select .list .option:hover {
   color: var(--hover-color);
}

.tipster-profile-content .main-tab-content .statistics-single .nice-select .list .focus {
   background-color: transparent;
   color: var(--hover-color);
}

.tipster-profile-content .main-tab-content .statistics-single .table {
   text-align: center;
   margin-top: 20px;
}

.tipster-profile-content .main-tab-content .statistics-single .table tbody {
   background: black;
   border-block-style: none;
}

.tipster-profile-content .main-tab-content .statistics-single .table tbody .title-item {
   padding: 15px;
   text-transform: uppercase;
   border-radius: 23px;
   background: #254e15;
   font-weight: 700;
}

.tipster-profile-content .main-tab-content .statistics-single .table th {
   font-weight: 500;
}

.tipster-profile-content .main-tab-content .statistics-single .table th,
.tipster-profile-content .main-tab-content .statistics-single .table td {
   color: var(--bs-white);
}

.tipster-profile-content .main-tab-content .follow-single .first-area .profile-area .w-100 {
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
}

.tipster-profile-content .main-tab-content .follow-single .first-area .profile-area .profile-pic {
   border-radius: 50%;
   border: 4px solid #221a62;
}

.tipster-profile-content .main-tab-content .follow-single .first-area .profile-area .profile {
   transform: translateY(-50px);
   display: inline-block;
   position: relative;
}

.tipster-profile-content .main-tab-content .follow-single .first-area .profile-area .profile .gold {
   position: absolute;
   bottom: 5px;
   right: 5px;
}

.tipster-profile-content .main-tab-content .follow-single .first-area .name-area {
   margin-top: -30px;
}

.tipster-profile-content .main-tab-content .follow-single .first-area .name-area img {
   margin-left: 10px;
}

.tipster-profile-content .main-tab-content .follow-single .first-area .sub-heading {
   position: relative;
   margin: 20px 0 25px;
}

.tipster-profile-content .main-tab-content .follow-single .first-area .sub-heading::after {
   position: absolute;
   content: "";
   width: 1px;
   height: 20px;
   background-color: #5e67bd;
   left: calc(50%);
}

.tipster-profile-content .main-tab-content .follow-single .first-area .sub-heading .img-area {
   margin-right: 5px;
}

.tipster-profile-content .main-tab-content .follow-single .btn-area a {
   border-radius: 10px;
   padding: 6px 30px;
}

.contact-us .main-content .cmn-btn {
   margin-top: 40px;
}

.profit-tips-support .single-item {
   text-align: center;
}

.profit-tips-support .single-item .img-area {
   width: 120px;
   height: 120px;
   margin: 0 auto;
   background: #000000;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 30px;
}

.profit-tips-support .social-link a {
   width: 35px;
   height: 35px;
   border: 1px solid #3a3878;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: 20px;
   transition: 0.3s;
}

.profit-tips-support .social-link a i {
   color: #5ac4ff;
   transition: 0.3s;
}

.profit-tips-support .social-link a:hover {
   background: #ff96a5;
   border-color: #ff96a5;
}

.profit-tips-support .social-link a:hover i {
   color: var(--bs-white);
}

.profiles-section ul li {
   display: flex;
   align-items: center;
   margin-bottom: 15px;
}

.profiles-section ul li p {
   margin-top: 0;
   padding-left: 10px;
}

.profiles-section .cmn-btn {
   margin-top: 20px;
}

.dashboard-button {
   display: flex;
   justify-content: center;
   padding-top: 23px;
}

.btn-dashboard {
   padding: 9px 30px;
   font-weight: 400;
   text-align: center;
   background: #15244e;
   color: var(--bs-white);
   border: 4px solid;
   transition: 0.3s;
   text-transform: uppercase;
}

.btn-dashboard:hover {
   background: #16359c;
}

.error-section h4 {
   margin: 50px 0 40px;
}

.cutomer-area-head .active-expired .cmn-btn.active {
   border: 1px solid white;
   background: radial-gradient(circle at 1.8% 4.8%, rgb(17, 23, 58) 0%, rgb(58, 85, 148) 90%);
}

.privacy-content {
   overflow-x: initial;
}

.privacy-content .top-wrapper {
   margin-top: -7px;
   margin-bottom: -7px;
}

.privacy-content .top-wrapper h4 {
   text-transform: uppercase;
   margin-bottom: 30px;
}

.privacy-content .top-wrapper p {
   margin-bottom: 30px;
}

.privacy-content .top-wrapper ul {
   margin-bottom: 20px;
}

.privacy-content .top-wrapper ul li {
   margin-bottom: 10px;
}

.privacy-content .safe-data {
   margin: 55px 0;
}

.privacy-content .safe-data ul {
   list-style-type: decimal;
   margin-left: 18px;
}

.privacy-content .safe-data ul li {
   padding-left: 15px;
}

.privacy-content .safe-data ul li::marker {
   font-weight: bold;
}

.privacy-content .cookies {
   margin-bottom: -36px;
}

.privacy-content.terms .safe-data {
   margin-bottom: -23px;
}

.post-tips-area .main-content {
   padding: 40px;
   background-color: #072443;
   border: 4px solid #fff;
   padding-bottom: 2%;
}

.post-tips-area .main-content .head-area {
   display: flex;
   justify-content: space-between;
   margin-bottom: 30px;
}

.post-tips-area .main-content .head-area .right {
   padding: 15px;
   border: 1px solid #6980ba;
   border-radius: 20px;
   background: transparent;
}

.post-tips-area .main-content .head-area .right img {
   margin-right: 10px;
}

.post-tips-area .main-content .top-content {
   padding: 40px 30px;
   background: rgba(45, 35, 123, 0.5);
   border: 1px solid #6980ba;
   border-radius: 20px;
}

.post-tips-area .main-content .top-content .sports {
   display: flex;
   justify-content: space-around;
   padding: 10px;
}

.post-tips-area .main-content .top-content .sports .count-down h5 {
   color: #ff96a5;
}

.post-tips-area .main-content .top-content .sports .vs h1 {
   margin-top: 0;
   text-transform: uppercase;
   color: var(--hover-color);
}

.post-tips-area .form-parameters h5 {
   border-bottom: 1px solid #6c71e1;
   margin-bottom: 30px;
   padding-bottom: 30px;
}

.post-tips-area .form-parameters .single-input input,
.post-tips-area .form-parameters .single-input textarea {
   border-radius: 10px;
   margin-bottom: 30px;
   background: linear-gradient(109.6deg, rgb(129 44 44) 32.4%, rgb(137, 30, 47) 98.8%);
   color: var(--bs-white);
   border: 4px solid;
   transition: 0.3s;
   margin-bottom: 30px;
}

.post-tips-area .form-parameters .single-input .nice-select {
   background: linear-gradient(109.6deg, rgb(129 44 44) 32.4%, rgb(137, 30, 47) 98.8%);
   color: var(--bs-white);
   border: 4px solid;
   transition: 0.3s;
   margin-bottom: 30px;
}

.post-tips-area .form-parameters .btn-area {
   display: flex;
   justify-content: space-between;
   margin-top: 30px;
}

.post-tips-area .form-parameters .nice-select {
   border-radius: 10px;
   border-color: transparent;
   display: flex;
   align-items: center;
   width: 81%;
   border: 5px solid #ffffff;
   height: 50px;
   background-color: #182f49;
}

.post-tips-area .form-parameters .nice-select::after {
   height: 10px;
   margin-top: -5px;
   pointer-events: none;
   position: absolute;
   right: 20px;
   width: 10px;
}

.post-tips-area .form-parameters .nice-select .list {
   width: 100%;
   border: 4px solid #fff;
   background: linear-gradient(109.6deg, rgb(129 44 44) 32.4%, rgb(137, 30, 47) 98.8%);
}

.post-tips-area .form-parameters .nice-select .list .option {
   background: transparent;
}

.post-tips-area .form-parameters .nice-select .list .option:hover {
   color: var(--hover-color);
}

.post-tips-area .form-parameters .nice-select .list .focus {
   background-color: transparent;
   color: var(--hover-color);
}

.post-tips-area .modal-dialog {
   max-width: 100%;
}

.post-tips-area .modal-dialog .modal-content {
   background: transparent;
}

.post-tips-area .modal-dialog .modal-content .form-parameters .title {
   margin-bottom: 40px;
}

.post-tips-area .modal-dialog .modal-content .single-input {
   text-align: start;
}

.post-tips-area .modal-dialog .modal-content .btn-area {
   justify-content: center;
}

.post-tips-area .modal-dialog .modal-content .btn-area .cmn-btn {
   margin: 0 15px;
}

.post-tips-area.main-box {
   transform: translateZ(0px);
   margin-top: -225px;
}

.post-tips-area.main-box .main-content button span {
   color: var(--bs-white);
}

.chart-section-style {
   margin-top: -272px;
   margin-bottom: -98px;
}

.chart-section-style form .form-content button {
   padding: 0;
   min-width: 50px;
   min-height: 50px;
}

.chart-section-style .cus-mar {
   margin-bottom: -20px;
}

.chart-section-style .single-item {
   padding: 42px 40px;
   border-radius: 20px;
   text-align: center;
}

.chart-section-style .single-item h5 {
   margin: 40px 0 25px;
}

.single-payment-radio2 {
   border-radius: 5px;
   padding: 10px 32px;
   margin-bottom: 10px;
   background: linear-gradient(109.6deg, rgb(6, 2, 2) 32.4%, rgb(137, 30, 47) 98.8%);
   border: solid;
   width: 102%;
}

@media (max-width: 1799px) {
   .footer-section {
      background-size: 190% 65%;
   }

   .banner-section.support-help .overlay {
      background-size: 25%, auto;
   }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
   .header-section.user-dashboard .navbar-collapse .pick-info .single-item.user-area .user-btn .name-area {
      display: none;
   }

   .header-section.user-dashboard .navbar-collapse .pick-info .single-item {
      margin-left: 15px;
   }

   .header-section .navbar .navbar-collapse .pick-info .search-icon {
      padding-right: 15px;
   }

   .header-section.user-dashboard .navbar .navbar-collapse .pick-info {
      margin-left: 10px !important;
   }

   #subscribe2 {
      margin-right: -41px;
   }

   .tipster-profile-content .profile-banner-area .main-content .top-area .btn-area {
      margin-right: -2em;
   }
}

@media (max-width: 1499px) {
   .history-stats.about::before {
      width: 100%;
      left: 0;
   }

   .profit-tips-support {
      background-position: bottom;
   }
}

@media (max-width: 1399px) {
   .profiles-section .img-area img {
      max-width: 90%;
   }

   .banner-section.tipster-profile .overlay .shape-area .obj-3 {
      display: none;
   }
}

@media (max-width: 1199px) {
   h1,
   h1 > a {
      font-size: 57px;
      line-height: 68.4px;
   }

   h2,
   h2 > a {
      font-size: 43px;
      line-height: 51.6px;
   }

   .banner-section .overlay .banner-content {
      padding: 220px 0 110px;
   }

   .banner-section.inner-banner .overlay .banner-content {
      padding: 215px 0 100px;
   }

   .banner-section.contact .overlay .banner-content {
      padding: 215px 0 350px;
   }

   .banner-section.tipster-profile.basketbrain .banner-content {
      padding: 195px 0 350px;
   }

   .banner-section.tipster-profile .overlay .banner-content {
      padding: 147px 0 350px;
   }

   .banner-section .overlay .banner-content .container .light-area img {
      width: 20%;
   }

   .banner-section .overlay .shape-area .obj-1,
   .banner-section .overlay .shape-area .obj-2 {
      width: 5%;
   }

   .banner-section .overlay .shape-area .obj-3 {
      width: 3%;
   }

   .history-stats .cus-mar {
      margin-bottom: -30px;
   }

   .history-stats .pick-area {
      margin-bottom: 30px;
   }

   .footer-section .contact-info {
      padding: 60px 160px;
   }

   .banner-section .overlay .shape-area .obj-3 {
      bottom: calc(35%);
   }

   .banner-section.inner-banner .overlay .shape-area .obj-1,
   .banner-section.inner-banner .overlay .shape-area .obj-3 {
      display: none;
   }

   .history-stats .pick-area {
      justify-content: center;
   }

   .banner-section.all-tips .overlay {
      background-size: 40%, 100%, 100%;
   }

   .profiles-section .img-area {
      text-align: center;
      margin-top: 40px;
   }

   .profiles-section .img-area img {
      max-width: 60%;
   }

   .header-section .navbar .navbar-collapse .navbar-nav .nav-item .nav-link,
   .header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-item {
      font-size: 16px;
   }

   .banner-section.contact .overlay {
      background-size: 50%, 100%, 0;
   }

   .cutomer-area-content .single-item .last-area .last-top .payment-zone {
      display: grid !important;
      background: #221a62;
   }

   .cutomer-area-content .single-item .mid-area {
      padding: 0 15px;
   }

   .cutomer-area-content .single-item .mid-area .roi-profit .profit::before {
      left: calc(-35%);
   }

   .cutomer-area-content .single-item .mid-area .roi-profit .profit::after {
      right: calc(-35%);
   }

   .post-tips-area .main-content .top-content .sports {
      display: grid;
   }

   .post-tips-area .main-content .top-content .sports .mid-area {
      margin: 30px 0;
   }

   .post-tips-area .main-content .top-content .sports .single {
      justify-content: center;
   }

   .banner-section.support-help .overlay {
      background-size: 0, auto;
   }

   .tipster-profile-content .main-tab-content .statistics-single.apex .head-area {
      display: grid;
   }

   .tipster-profile-content .main-tab-content .statistics-single.apex .head-area h5 {
      margin-bottom: 20px;
   }

   .tipster-profile-content .main-tab-content .statistics-single.apex .head-area .cmn-btn {
      margin-left: 0;
      margin-right: 15px;
   }

   .tipster-profile-content .main-tab-content .statistics-single .table {
      width: 130%;
   }
}

@media (max-width: 575px) {
   h1,
   h1 > a {
      font-size: 40px;
      line-height: 46px;
      margin-top: -7px;
   }

   h2,
   h2 > a {
      font-size: 30px;
      line-height: 36px;
      margin-top: -6px;
   }

   h3,
   h3 > a {
      font-size: 24px;
      line-height: 28px;
      margin-top: -5px;
   }

   h4,
   h4 > a {
      font-size: 18px;
      line-height: 22px;
      margin-top: -3px;
   }

   a,
   p,
   span,
   li,
   .cmn-btn,
   thead tr th,
   tbody tr th,
   tbody tr td,
   input,
   label,
   textarea,
   h6,
   h6 > a {
      font-size: 15px;
      line-height: 19px;
   }

   .section-header {
      margin-top: -5px;
      margin-bottom: 30px;
   }

   .mobcenter {
      text-align: center;
   }

   .title {
      margin-bottom: 15px;
   }

   .xnltmadhnia {
      font-size: 18px;
      line-height: 25.5px;
   }

   .nltmadhnia {
      font-size: 16px;
      line-height: 22.4px;
   }

   .header-section .navbar {
      padding: 6px 15px;
   }

   .banner-section.inner-banner .overlay .banner-content,
   .banner-section .overlay .banner-content {
      padding: 180px 0 80px;
   }

   .banner-section.support-help .overlay .banner-content {
      padding: 220px 300px;
   }

   .banner-section.tipster-profile.basketbrain .banner-content {
      padding: 190px 0 330px;
   }

   .banner-section.contact .overlay .banner-content {
      padding: 200px 0 340px;
   }

   .banner-section.tipster-profile.create .overlay .banner-content {
      padding: 170px 0 70px;
   }

   .banner-section.tipster-profile .overlay .banner-content {
      padding: 147px 0 350px;
   }

   .banner-section.tipster-profile.create.post-tips .banner-content {
      padding: 180px 0 280px;
   }

   .banner-section .overlay {
      background-size: 101%;
      margin-top: -18%;
   }

   .index-imgage-area {
      position: relative;
      top: 35px;
   }

   .banner-section .img-area {
      background-size: 274%, 245%;
      margin-top: -67px;
   }

   .faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-button::before {
      width: 30px;
      height: 30px;
   }

   .faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-button::after,
   .faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-button.collapsed::after {
      width: 15px;
      height: 15px;
      background-size: 100%;
      right: 25px;
      position: absolute;
   }

   .faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-button::before,
   .faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-button.collapsed::before {
      right: 18px;
   }

   .faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-button {
      padding: 15px;
      padding-right: 60px;
   }

   .faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-collapse .accordion-noltmadhnia-body p {
      padding: 15px 0;
   }

   .faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-collapse .accordion-noltmadhnia-body {
      padding: 0 15px;
   }

   .faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-header::after {
      display: none;
   }

   .footer-section .menu-item ul li:nth-child(1),
   .footer-section .menu-item ul li:nth-child(2),
   .footer-section .menu-item ul li:nth-child(4) {
      display: none;
   }

   .all-tips-content .pick-info .single-item .mid-area .sports {
      display: grid;
      justify-content: center;
   }

   .all-tips-content .pick-info .single-item .mid-area .sports .vs {
      margin: 15px auto;
   }

   .profiles-section ul li img {
      width: 4%;
   }

   /* .header-section.user-dashboard .navbar .navbar-collapse .pick-info {
		
	} */

   .contact-us .main-content img {
      width: 60%;
   }

   .chart-section-style .single-item {
      padding: 52px 20px;
   }
}

@media (max-width: 480px) {
   .ecsp .ecsp-SingleProduct-v2 .ecsp-Product .ec-Product-512598675 {
      margin-bottom: 100px;
   }

   body {
      zoom: 1;
   }

   input[type="datetime-local"] {
      display: -webkit-inline-box;
      display: inline-block;
      width: -webkit-fill-available;
   }

   .included-item {
      font-size: 22px;
      line-height: 31.2px;
      margin-top: -5px;
      font-weight: 600;
   }

   .active-expired {
      width: auto;
      display: flex;
      justify-content: center;
   }

   .footer-section .contact-info {
      padding: 45px 15px;
   }

   .footer-section .contact-info form .form-group input {
      padding: 0 15px;
   }

   .all-tips-content .pick-info .single-item .top-area {
      justify-content: center;
   }

   .all-tips-content .pick-info .single-item .top-area .left {
      display: grid;
   }

   .all-tips-content .pick-info .single-item .top-area .left .time-left {
      margin-left: 0;
      margin-top: 10px;
      text-align: center;
   }

   .all-tips-content .pick-info .single-item .top-area .right {
      justify-content: center;
   }

   .all-tips-content .pick-info .single-item .mid-area h5 {
      text-align: center;
   }

   .all-tips-content .pick-info .single-item {
      padding: 20px 15px;
   }

   .contact-section .bg-area {
      padding: 30px 15px;
   }

   .contact-section .bg-area .col-6 {
      width: 100%;
   }

   .contact-section .form-content .single-input {
      margin-top: 20px;
   }

   .faqs-section.support .nav {
      margin-top: -15px;
   }

   .faqs-section.support .nav li {
      margin-top: 15px;
   }

   .chart-section-style form .form-content {
      padding: 15px;
   }

   .chart-section-style form {
      padding: 30px 20px;
   }

   .cutomer-area-content .pagination {
      margin-top: 20px;
   }

   .pagination .page-item .page-link {
      width: 30px;
      height: 30px;
      margin: 0 5px;
   }

   .pagination .page-item .page-link.next {
      margin-left: 10px;
   }

   .pagination .page-item .page-link.previous {
      margin-right: 10px;
   }

   .post-tips-area .main-content .head-area {
      display: grid;
   }

   .post-tips-area .main-content .head-area h4 {
      order: 1;
      margin-top: 30px;
   }

   .post-tips-area .main-content {
      padding: 30px 20px;
   }

   .post-tips-area .main-content .top-content .sports .single .logo-area {
      width: 80px;
      height: 80px;
      margin-right: 20px;
   }

   .post-tips-area .form-parameters .btn-area {
      display: grid;
      justify-content: center;
   }

   .post-tips-area .form-parameters .btn-area .second {
      margin-bottom: 20px;
   }

   .post-tips-area .modal-dialog .modal-content .btn-area {
      display: grid;
      margin-top: -10px;
   }

   .post-tips-area .modal-dialog .modal-content .btn-area .cmn-btn {
      margin-top: 15px;
   }

   .post-tips-area .modal-dialog .modal-content .form-parameters {
      padding: 30px 20px;
   }

   .chart-section-style .single-item .img-area img {
      width: 45%;
   }

   .chart-section-style .single-item h5 {
      margin: 30px 0 20px;
   }

   .tipster-profile-content .profile-banner-area .main-content .top-area {
      margin: 9em 62px;
   }

   .tipster-profile-content .profile-banner-area .main-content .top-area .profile {
      max-width: 133px;
      position: absolute;
      top: 15.2%;
      left: 50%;
      transform: translate(-50%, -50%);
   }

   .tipster-profile-content .profile-banner-area .main-content .top-area .profile .gold {
      width: 20%;
   }

   .tipster-profile-content .profile-banner-area .main-content .top-area .user-info {
      margin-left: 12px;
      position: absolute;
      top: 33%;
      left: 50%;
      transform: translate(-50%, -50%);
   }

   .tipster-profile-content .profile-banner-area .main-content .top-area .btn-area .cmn-btn-status-on {
      margin-top: 12px;
      position: absolute;
      top: 46%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: fit-content;
   }

   .tipster-profile-content .profile-banner-area .main-content .top-area .btn-area .cmn-btn-status-off {
      margin-top: 4px;
      position: absolute;
      top: 51%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: fit-content;
   }

   #subscribe2 {
      margin-top: 4px;
      position: absolute;
      top: 58%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding-top: 13px;
   }

   .tipster-profile-content .profile-banner-area .main-content .top-area .btn-area .cmn-btn.follow {
      margin-left: 0;
   }

   .tipster-profile-content .profile-banner-area .main-content .mid-area .single {
      flex: 0 0 calc(100% / 2 - 15px);
      max-width: calc(100% / 2 - 15px);
      margin: initial;
      margin-bottom: 15px;
   }
}

.tipster-profile-content .main-tab-content .statistics-single.apex .head-area .cmn-btn {
   margin-bottom: 10px;
}

.tipster-profile-content .main-tab-content .statistics-single {
   padding: 20px 15px;
}

.faqs-section.support.faqs .faq-box ul li a::after {
   background-size: 15px;
}

.faqs-section.support.faqs .faq-box ul li a::before {
   display: none;
}

.faqs-section.support.faqs .faq-box ul li a {
   padding-left: 20px;
}

.banner-section .overlay .banner-content {
   padding: 180px 0 50px;
}

.header-section.user-dashboard .navbar-collapse .pick-info .single-item.notifications-area .main-area,
.header-section.user-dashboard .navbar-collapse .pick-info .single-item .main-area {
   width: 285px;
   padding: 30px 20px;
}

.tipster-profile-content .main-tab-content .sidebar .single-payment-radio {
   border-radius: 13px;
   padding: 10px 32px;
   width: 149%;
}

.tipster-profile-content .main-tab-content .sidebar .single-payment-radio input {
   position: absolute;
   opacity: 0;
   cursor: text;
   font-size: 10px;
}

.tipster-profile-content .main-tab-content .nav-tabs {
   border: none;
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
   flex-direction: row;
   width: max-content;

   .header-section.user-dashboard .navbar-collapse .pick-info .single-item.user-area .user-btn .name-area {
      display: none;
   }
}

@media (max-width: 375px) {
   .history-stats .col-6 {
      width: 100% !important;
   }

   .history-stats .pick-area .img-area {
      width: 25%;
   }

   .tipster-profile-content .main-tab-content .sidebar .single-payment-radio {
      width: 102%;
   }
}

.text-blue {
   color: #3498db;
}

.pie-chart {
   max-width: 250px;
   margin-left: auto;
   margin-right: auto;
   cursor: pointer;
}

.crypto-copy {
   display: flex;
   flex-direction: column;
}

.copy-status {
   display: none;
   position: absolute;
   top: 30%;
   left: calc(52% + 12px);
   transform: translateY(-93%);
   background: radial-gradient(circle at 1.8% 4.8%, rgb(17, 23, 58) 0%, rgb(58, 85, 148) 90%);
   color: #fff;
   border-radius: 5px;
   white-space: nowrap;
   font-size: 12px;
   height: 29px;
   width: 24%;
}

.copy-icon:hover + .copy-status {
   display: inline;
}

.copy-icon {
   background-image: url("../images/copy-icon.png");
   width: 20px;
   height: 20px;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   cursor: pointer;
}

.copy-icon-font {
   font-size: 17px;
   word-wrap: break-word;
   max-width: 231px;
   padding-top: 9px;
}

#payment-methods {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
}

@media (max-width: 375px) {
   .tipster-profile-content .main-tab-content .sidebar .single-payment-radio {
      width: 102%;
   }
}

@media (min-width: 481px) and (max-width: 844px) {
   #payment-methods {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
   }

   .tipster-profile-content .main-tab-content .sidebar .single-payment-radio {
      width: 100%;
   }

   .payment-crypto-title {
      width: 100%;
   }

   .tipster-profile-content .main-tab-content .nav-tabs .cmn-btn {
      border: 4px solid #ffffff;
      margin-right: 0px;
      margin-bottom: 20px;
   }
}

@media (min-width: 845px) and (max-width: 991px) {
   #payment-methods {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
   }

   .tipster-profile-content .main-tab-content .sidebar .single-payment-radio {
      width: 100%;
   }

   .payment-crypto-title {
      width: 100%;
   }

   .tipster-profile-content .main-tab-content .nav-tabs .cmn-btn {
      border: 4px solid #ffffff;
      margin-right: 0px;
      margin-bottom: 20px;
   }
}

@media (min-width: 992px) and (max-width: 1199px) {
   #payment-methods {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
   }

   .tipster-profile-content .main-tab-content .sidebar .single-payment-radio {
      width: 153%;
   }

   .payment-crypto-title {
      width: 153%;
   }

   .tipster-profile-content .main-tab-content .nav-tabs .cmn-btn {
      border: 4px solid #ffffff;
      margin-right: -87px;
      margin-bottom: 20px;
   }
}

@media (min-width: 1200px) and (max-width: 1399px) {
   #payment-methods {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
   }

   .tipster-profile-content .profile-banner-area .main-content .top-area .btn-area {
      margin-right: -9em;
   }

   #subscribe2 {
      margin-right: -18px;
   }

   .tipster-profile-content .main-tab-content .nav-tabs .cmn-btn {
      border: 4px solid #ffffff;
      margin-right: -99px;
      margin-bottom: 20px;
   }
}

@media (max-width: 414px) {
   .tipster-profile-content .main-tab-content .sidebar .single-payment-radio {
      width: 102%;
   }

   #pay-with-card-tab {
      flex-basis: calc(50% - 14px);
   }

   #subscribe-button2 {
      position: relative;
      width: 100%;
   }
}

@media (max-width: 991px) {
   h1,
   h1 > a {
      font-size: 57px;
      line-height: 68.4px;
      margin-top: -12px;
   }

   h2,
   h2 > a {
      font-size: 43px;
      line-height: 51.6px;
      margin-top: -8px;
   }

   h3,
   h3 > a {
      font-size: 32px;
      line-height: 38.4px;
      margin-top: -7px;
   }

   h4,
   h4 > a {
      font-size: 24px;
      line-height: 28px;
      margin-top: -5px;
   }

   h5,
   h5 > a {
      font-size: 18px;
      line-height: 22px;
      margin-top: -3px;
   }

   h6,
   h6 > a,
   table thead tr th,
   a,
   p,
   span,
   li {
      font-size: 15px;
      line-height: 22px;
   }

   .section-header {
      margin-top: -8px;
      margin-bottom: 40px;
   }

   .ipadcenter {
      text-align: center;
      height: 48px;
   }

   .title {
      margin-bottom: 20px;
      text-align: center;
   }

   .xnltmadhnia {
      font-size: 20px;
      line-height: 28px;
   }

   .nltmadhnia {
      font-size: 18px;
      line-height: 25.5px;
   }

   .header-section .navbar-toggler {
      display: inline-block;
   }

   .footer-section .copyright .copy-area p {
      text-align: center;
   }

   .header-section .navbar .navbar-brand {
      margin-top: -5px;
      width: 35%;
   }

   .header-section .navbar .navbar-brand img {
      max-width: 180px;
   }

   .header-section .navbar .navbar-collapse .navbar-nav {
      margin: 2px 0;
      overflow-y: auto;
      margin-bottom: 10px;
   }

   .header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropend .dropdown-menu {
      left: 60px;
   }

   .header-section .nav-item.main-navbar .main-menu .sub-navbar .sub-menu {
      right: 0;
   }

   .header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu.show {
      display: inline-block;
      margin-left: 97px;
   }

   .header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
      display: none;
   }

   .header-section .navbar .navbar-collapse .navbar-nav .nav-item {
      padding: 8px 0;
   }

   .header-section .nav-item.dropdown .dropdown-menu {
      position: initial;
   }

   .header-section .navbar .navbar-collapse .pick-info .lang {
      display: none !important;
   }

   .header-section .navbar .navbar-collapse .pick-info {
      margin-left: 2px;
      margin-top: 0%;
   }

   .banner-section.support-help .overlay .banner-content {
      padding: 240px 300px;
   }

   .header-section.user-dashboard .navbar .navbar-collapse.collapsing {
      display: none;
   }

   .header-section.user-dashboard .navbar-collapse .pick-info .single-item .main-area {
      max-height: 430px;
      overflow: scroll;
   }

   .header-section.user-dashboard .navbar-collapse .pick-info .single-item.notifications-area .main-area a {
      padding: 15px 0;
   }

   .footer-section .menu-item {
      display: grid;
      justify-content: center;
      text-align: center;
   }

   .footer-section .menu-item .logo {
      margin-bottom: 30px;
   }

   .footer-section .menu-item .footer-link li {
      padding-right: 10px;
      margin-right: 10px;
   }

   .banner-section.about .overlay {
      background-size: 50%, 100%;
   }

   .what-we-do .section-area,
   .about-us .section-area {
      margin-top: 40px;
   }

   .what-we-do .col-lg-5 img {
      width: 50%;
   }

   .about-us .col-lg-5 img {
      width: 50%;
   }

   .all-tips-content .pick-info .heading-area .bottom-item .single-input {
      margin-top: 20px;
   }

   .banner-section.tipster-profile .overlay {
      background-size: 0, 100%, 100%;
   }

   .banner-section.tipster-profile.create .overlay .banner-content {
      padding: 222px 0 120px;
   }

   .cutomer-area-content .single-item.list {
      display: grid;
      flex: 0 0 calc(100% / 2 - 15px);
      max-width: calc(100% / 2 - 15px);
      border-radius: 20px;
   }

   .cutomer-area-content .single-item.list .first-area .profile-area .w-100 {
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
   }

   .cutomer-area-content .single-item.list .first-area .sub-heading {
      margin-bottom: 15px;
   }

   .banner-section.match-betting .overlay .sports .vs {
      width: 90px;
      height: 90px;
      margin: 0 60px;
   }

   .banner-section.tipster-profile.create.post-tips .banner-content {
      padding: 200px 0 290px;
   }

   .post-tips-area .main-content .head-area {
      align-items: center;
   }

   .tipster-profile-content .profile-banner-area .main-content .top-area .profile,
   .tipster-profile-content .profile-banner-area .main-content .top-area .btn-area {
      margin-top: 0;
   }

   .tipster-profile-content .profile-banner-area .main-content .rank {
      left: initial;
      right: 20px;
   }

   .tipster-profile-content .profile-banner-area .main-content .top-area {
      padding-top: 20px;
      display: grid;
   }

   .tipster-profile-content .profile-banner-area .main-content .top-area .btn-area {
      margin-top: 25px;
      margin-left: 18px;
   }

   .tipster-profile-content .profile-banner-area .main-content .mid-area {
      display: flex;
      margin-bottom: 15px;
      align-items: baseline;
      margin-top: 6px;
   }

   .tipster-profile-content .profile-banner-area .main-content .mid-area .single {
      flex: 0 0 calc(100% / 3 - 15px);
      max-width: calc(100% / 3 - 15px);
      margin-bottom: 15px;
   }

   .tipster-profile-content .profile-banner-area .main-content .main-tabs .nav-item .nav-link.active::after {
      bottom: -5px;
   }

   .tipster-profile-content .main-tab-content .sidebar {
      margin-top: 40px;
   }

   .single-side-area {
      margin-top: 40px;
   }

   .tipster-profile-content .main-tab-content .statistics-single {
      max-width: -webkit-fill-available;
      overflow: hidden;
   }

   .top {
      flex-direction: column;
   }

   .profile-title-style {
      margin-bottom: 10px;
      font-size: 18px;
   }

   .verified-position {
      display: flex;
      align-items: center;
      flex-direction: row;
      margin-left: -16px;
   }
}

@media (max-width: 1999px) {
   .tipster-profile-content {
      margin-top: -365px;
   }
}

@media (max-width: 767px) {
   .banner-section .overlay .banner-content {
      padding: 200px 0 100px;
   }

   .history-stats .pick-area .img-area {
      width: 35%;
   }

   .button-customers {
      display: none;
   }

   .faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-button {
      padding-right: 15%;
   }

   .banner-section.inner-banner.terms .overlay .banner-content {
      padding: 170px 0 60px;
   }

   .footer-section .copyright {
      display: grid;
      justify-content: center;
   }

   .footer-section .copyright .copy-area {
      order: 1;
      margin-top: 20px;
   }

   .footer-section .copyright .social-link {
      justify-content: center;
   }

   .footer-section .copyright .social-link a {
      margin: 0 10px;
   }

   .banner-section.about .overlay {
      background-size: 0, 100%;
   }

   .profit-tips-support .cus-mar {
      margin-bottom: -40px;
   }

   .profit-tips-support .cus-mar .single-item {
      margin-bottom: 40px;
   }

   .banner-section.all-tips .overlay {
      background-size: 100%, 100%, 100%;
   }

   .all-tips-content .pick-info .single-item .top-area {
      display: grid;
   }

   .all-tips-content .pick-info .single-item .top-area .left {
      margin-bottom: 20px;
   }

   .cutomer-area-content .single-item.list .mid-area {
      padding: 20px 15px;
   }

   .cutomer-area-content .single-item .mid-area .roi-profit .profit::before,
   .cutomer-area-content .single-item .mid-area .roi-profit .profit::after {
      display: none;
   }

   .banner-section.match-betting .overlay .sports {
      display: grid;
      justify-content: center;
   }

   .banner-section.match-betting .overlay .sports .vs {
      margin: auto;
   }

   .banner-section.match-betting .overlay .sports .mid-area {
      margin: 30px 0;
   }

   .tipster-profile-content .profile-banner-area .main-content .main-tabs .nav-item .nav-link {
      margin-bottom: 25px;
   }

   .tipster-profile-content .profile-banner-area .main-content .main-tabs {
      padding-bottom: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

   .tipster-profile-content .main-tab-content .pick-area {
      display: grid;
   }

   .tipster-profile-content .main-tab-content .pick-area .pick-info {
      margin-top: 30px;
   }
}

#pay-with-card-tab {
   flex-basis: calc(50% - 14px);
}

.tipster-profile-content .profile-banner-area .main-content .top-area .profile .gold {
   position: absolute;
   bottom: 5px;
   right: 5px;
   height: 36px;
   width: 34px;
}

#subscribe-button2 {
   position: relative;
   width: 100%;
}

@media (max-width: 375px) {
   .copy-status {
      display: none;
      position: absolute;
      top: 31%;
      left: calc(51% + 12px);
      transform: translateY(-93%);
      background: radial-gradient(circle at 1.8% 4.8%, rgb(17, 23, 58) 0%, rgb(58, 85, 148) 90%);
      color: #fff;
      border-radius: 5px;
      white-space: nowrap;
      font-size: 12px;
      height: 21px;
      width: 26%;
   }

   .copy-status {
      width: 31%;
   }
}

@media (min-width: 375px) and (max-width: 444px) {
   .copy-icon-font {
      font-size: 13px;
      word-wrap: break-word;
      max-width: 176px;
      padding-top: 9px;
   }

   .copy-status {
      display: none;
      position: absolute;
      top: 31%;
      left: calc(51% + 12px);
      transform: translateY(-93%);
      background: radial-gradient(circle at 1.8% 4.8%, rgb(17, 23, 58) 0%, rgb(58, 85, 148) 90%);
      color: #fff;
      border-radius: 5px;
      white-space: nowrap;
      font-size: 12px;
      height: 21px;
      width: 26%;
   }
}

@media screen and (min-width: 10px) and (max-width: 1400px) {
   .benefits-sector {
      background-image: none;
   }
}

@media (min-width: 992px) and (max-width: 1400px) {
   .benefits-sector .bi-d {
      text-align: center;
      width: 195%;
   }
}

@media (max-width: 480px) {
   .title-index-profiles {
      font-size: 30px;
   }

   .title-index {
      font-size: 30px;
   }

   .center-description {
      text-align: center;
   }

   .title-index-footer {
      font-size: 30px;
   }

   #payment-methods {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
   }

   .tipster-profile-content .main-tab-content .nav-tabs .cmn-btn {
      border: 4px solid #ffffff;
      margin-right: -3px;
      margin-bottom: 20px;
   }

   .tipster-profile-content .main-tab-content .sidebar .single-payment-radio {
      width: 101%;
   }

   .payment-crypto-title {
      width: 101%;
   }

   .name-title {
      align-items: center;
      flex-direction: column-reverse;
   }

   .match-info {
      text-align: center;
   }

   .left-content-name {
      font-size: 13.5px;
   }

   .tipster-profile-content .main-tab-content .pick-area {
      padding: 2%;
   }

   .right-content-name {
      padding-top: 3px;
      font-size: 13px;
   }

   .hr-separate {
      width: 100%;
   }

   .hr-separate2 {
      width: 100%;
   }

   .fixture {
      margin-top: -8px;
   }

   .pick-style {
      float: none;
      display: inline-block;
   }

   .tip-pick-style {
      font-size: 13px;
   }

   .odds-style {
      font-size: 13px;
   }

   .labels-style {
      padding-bottom: 10px;
      display: inline-flex;
      align-items: flex-end;
      gap: 6px;
   }

   .stake-style {
      font-size: 12px;
      height: 26px;
   }

   .type-match-style {
      font-size: 12px;
      height: 26px;
   }

   .bookmarker-style {
      font-size: 12px;
      height: 26px;
   }

   .d-inline-block {
      font-size: 12px;
   }

   .like-row {
      padding-bottom: 20px;
   }

   .game-status-style {
      font-size: 12px;
      vertical-align: bottom;
   }

   .editable-text-box {
      color: white;
      height: 240px;
      padding-top: 23px;
   }

   .sport-style {
      font-size: 11.1px;
   }

   .mid-area .mdr {
      font-size: 12px;
   }

   .tipster-profile-content .main-tab-content .statistics-single .nice-select {
      width: 45%;
   }

   .tipster-profile-content .main-tab-content .statistics-single .table tbody .title-item {
      padding: 8px;
      font-size: 13.5px;
   }
}

@media (max-width: 1399px) {
   .name-title {
      align-items: center;
      flex-direction: column-reverse;
   }

   .match-info {
      text-align: center;
      width: 100%;
   }

   .left-content-name {
      font-size: 13.5px;
   }

   .tipster-profile-content .main-tab-content .pick-area {
      padding: 2%;
   }

   .right-content-name {
      font-size: 13px;
   }

   .hr-separate {
      width: 100%;
   }

   .hr-separate2 {
      width: 100%;
   }

   .fixture {
      margin-top: -8px;
   }

   .pick-style {
      float: none;
      display: inline-block;
   }

   .tip-pick-style {
      font-size: 13px;
   }

   .odds-style {
      font-size: 13px;
   }

   .labels-style {
      padding-bottom: 10px;
      display: inline-flex;
      align-items: flex-end;
      gap: 6px;
      position: relative;
      top: -1px;
   }

   .stake-style {
      font-size: 12px;
      height: 26px;
      padding-top: 0px;
   }

   .type-match-style {
      font-size: 12px;
      height: 26px;
      padding-top: 0px;
   }

   .bookmarker-style {
      font-size: 12px;
      height: 26px;
      padding-top: 0px;
   }

   .d-inline-block {
      font-size: 12px;
   }

   .like-row {
      padding-bottom: 20px;
   }

   .game-status-style {
      font-size: 12px;
      vertical-align: bottom;
      position: relative;
      top: 5px;
   }

   .editable-text-box {
      color: white;
      height: 240px;
      padding-top: 23px;
   }

   .sport-style {
      font-size: 11.1px;
   }
}

@media (max-width: 576px) {
   .footer-section .menu-item .footer-link {
      display: none;
   }

   .footer-section .menu-item .footer-link li {
      display: none;
   }
}

@media (max-width: 991px) {
   .name-title {
      align-items: center;
      flex-direction: column-reverse;
      margin-top: -1px;
   }

   .match-info {
      text-align: center;
      width: 100%;
   }

   .left-content-name {
      font-size: 13.5px;
      margin-top: -10px;
   }

   .tipster-profile-content .main-tab-content .pick-area {
      padding: 2%;
   }

   .right-content-name {
      padding-top: 3px;
      font-size: 13px;
   }

   .hr-separate {
      width: 100%;
      margin-bottom: 22px;
   }

   .hr-separate2 {
      width: 100%;
   }

   .fixture {
      margin-top: -8px;
      font-size: 20px;
   }

   .pick-style {
      float: none;
      display: inline-block;
   }

   .tip-pick-style {
      font-size: 13px;
   }

   .odds-style {
      font-size: 13px;
   }

   .labels-style {
      padding-bottom: 10px;
      display: inline-flex;
      align-items: flex-end;
      gap: 6px;
      position: relative;
      top: -1px;
   }

   .stake-style {
      font-size: 12px;
      height: 26px;
      padding-top: 1px;
   }

   .type-match-style {
      font-size: 12px;
      height: 26px;
      padding-top: 1px;
   }

   .bookmarker-style {
      font-size: 12px;
      height: 26px;
      padding-top: 1px;
   }

   .d-inline-block {
      font-size: 12px;
   }

   .like-row {
      padding-bottom: 20px;
   }

   .game-status-style {
      font-size: 12px;
      vertical-align: bottom;
      position: relative;
      top: -1px;
   }

   .editable-text-box {
      color: white;
      height: 240px;
      padding-top: 23px;
   }

   .sport-style {
      font-size: 11.1px;
   }
}

@media (min-width: 445px) and (max-width: 991px) {
   .copy-status {
      display: none;
      position: absolute;
      top: 31%;
      left: calc(51% + 12px);
      transform: translateY(-93%);
      background: radial-gradient(circle at 1.8% 4.8%, rgb(17, 23, 58) 0%, rgb(58, 85, 148) 90%);
      color: #fff;
      border-radius: 5px;
      white-space: nowrap;
      font-size: 12px;
      height: 21px;
      width: 26%;
   }

   .copy-icon-font {
      font-size: 18px;
      word-wrap: break-word;
      max-width: 364px;
      padding-top: 9px;
   }
}

@media (max-width: 480px) {
   .cutomer-area-content .single-item.list,
   .cutomer-area-content .single-item {
      flex: 51 0 calc(56% - 1.5px);
      max-width: calc(105% - -1.5px);
   }
}

@media (min-width: 480px) and (max-width: 767px) {
   .cutomer-area-content .single-item.list,
   .cutomer-area-content .single-item {
      flex: 0 0 calc(84% - 30.5px);
      max-width: calc(49% - -1.5px);
   }
}

@media (min-width: 481px) and (max-width: 991px) {
   .tipster-profile-content .profile-banner-area .main-content .top-area .profile .gold {
      position: absolute;
      bottom: 5px;
      right: 5px;
      width: 32px;
   }

   #subscribe-button2 {
      position: relative;
      width: 100%;
   }

   .tipster-profile-content .profile-banner-area .main-content .top-area .profile {
      max-width: 133px;
      position: absolute;
      top: 15.2%;
      left: 50%;
      transform: translate(-50%, -50%);
   }

   .tipster-profile-content .profile-banner-area .main-content .top-area {
      padding-top: 20px;
      display: grid;
      height: 358px;
   }

   .tipster-profile-content .profile-banner-area .main-content .top-area .user-info .top {
      margin-bottom: 15px;
      position: absolute;
      top: 34%;
      left: 52%;
      transform: translate(-50%, -50%);
      padding-top: 13px;
   }

   .tipster-profile-content .profile-banner-area .main-content .top-area .user-info img {
      margin-right: 15px;
   }

   .tipster-profile-content .profile-banner-area .main-content .top-area .btn-area .cmn-btn-status-on {
      margin-top: 12px;
      position: absolute;
      top: 45%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: fit-content;
   }

   .tipster-profile-content .profile-banner-area .main-content .top-area .btn-area .cmn-btn-status-off {
      margin-top: 4px;
      font-size: 13.5px;
      position: absolute;
      top: 45%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding-top: 13px;
   }

   #subscribe2 {
      margin-top: 4px;
      position: absolute;
      top: 57%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding-top: 18px;
   }

   @media (max-width: 480px) {
      .cutomer-area-head {
         margin-top: -54%;
      }

      .banner-section.user-dashboard .overlay {
         visibility: hidden;
      }

      .active-expired {
         width: auto;
         display: flex;
         justify-content: center;
      }

      .profile-title-style {
         font-size: 20px;
      }

      .cutomer-area-head .btn-area i {
         display: none;
      }

      .cutomer-area-content .all-items {
         justify-content: center;
      }
   }

   @media (min-width: 481px) and (max-width: 575px) {
      .active-expired {
         width: auto;
         display: flex;
         justify-content: center;
      }
   }

   @media (min-width: 576px) and (max-width: 767px) {
      .active-expired {
         width: 335%;
         justify-content: center;
      }
   }

   @media (min-width: 768px) and (max-width: 990px) {
      .active-expired {
         width: 191%;
         display: flex;
      }
   }

   @media (min-width: 991px) and (max-width: 1199px) {
      .active-expired {
         width: 191%;
         display: flex;
      }
   }

   @media (min-width: 1199px) and (max-width: 1399px) {
      .active-expired {
         width: 191%;
         display: flex;
      }
   }

   @media (max-width: 991px) {
      .benefits-image-style {
         margin-top: 4px;
      }
   }
}