/*@font-face {
font-family: 'Graphik';
src: url('https://demo.sudikshya.com/fonts/Graphik-Regular-Web.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Graphik';
src: url('https://demo.sudikshya.com/fonts/Graphik-Medium-Web.woff2') format('woff2');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Graphik';
src: url('https://demo.sudikshya.com/fonts/Graphik-Semibold-Web.woff2') format('woff2');
font-weight: 600;
font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/

/* Okra Regular */
@font-face {
  font-family: 'Okra';
  src: url('https://demo.sudikshya.com/okrafont/Okra-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
/* Okra Medium */
@font-face {
  font-family: 'Okra';
  src: url('https://demo.sudikshya.com/okrafont/Okra-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
/* Okra Bold */
@font-face {
  font-family: 'Okra';
  src: url('https://demo.sudikshya.com/okrafont/Okra-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}



@import url('https://fonts.googleapis.com/css2?family=Bungee&display=swap');

.userbody {
	position: relative;
	min-height: 100%;
	top: 0px;
}
body {
  background: #111a27;
  font-family: "Proxima Nova Rg", sans-serif;
  color: #fff;
  font-weight: 600;
}
.form-control, .form-control:focus {
  background: #1c2d44;
  color: #fff;
  border: 0;
  padding: 10px 16px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  font-weight: 600;
}
.btn-primary {
  border-radius: 6px;
  background: #1475e1;
  color: #fff;
  padding: 8px 25px;
  display: block;
  margin-left: auto;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
  font-size: 15px;
  font-weight: 700;
  width: 100%;
}
.well {
  background: #152234;
  padding: 20px;
  border-radius: 6px;
  font-weight: 700;
  box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
}
.form-group {
  margin-bottom: 15px;
}

nav.navbarticker {
  height: 56px;
  background: #111a27;
  color: #fff;
  padding: 0;
  box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
  margin-bottom: 20px;
  position: sticky;
  top: 0;
  z-index: 100;
}
nav.navbarticker a.nav-link {
  color: #fff;
  font-weight: 500;
}
button.loginBtnnav {
  padding: 4px 12px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 6px;
  line-height: 1;
  font-weight: 500;
}
.card {
  border: 0;
  border-radius: 6px;
}

.investmentFreq button.active {
  border-color: #151e28 !important;
  background: #F1F4F8;
}
.investmentFreq button {
  border: 1px solid #e2e5e9 !important;
  border-radius: 6px;
  -webkit-box-flex: 1;
  flex-grow: 1;
  color: #2f363f;
  font-size: 12px;
  font-weight: 500;
  padding: 8px;
}
.invstCard {
  padding: 20px 22px;
  width: 352px;
}
.investmentFreq {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-top: 5px;
}

#digital-gold-slide {
  background-color: #FFD700; /* Gold color */
}
#physical-gold-slide {
  background-color: #B8860B; /* Dark goldenrod */
}

.wrapformAdvan {
  background: linear-gradient(284.83deg, rgb(120, 222, 201) 14.08%, rgb(224, 255, 249) 97.69%);
  border-image-source: linear-gradient(284.83deg, rgb(120, 222, 201) 14.08%, rgb(224, 255, 249) 97.69%);
  box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 16px;
  display: flex;
  padding: 1px;
}
.formAdvanamnt {
  background: white;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  border-radius: 6px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.getFollow {
  font-size: 15px;
  color: #595959;
  line-height: 1.2;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.exactfollowCount {
  color: #000;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 5px;
}
span.textFollowersCount {
  color: #0088ea;
  font-size: 25px;
  display: inline-flex;
  align-items: center;
}

.accordion-item {
  margin-bottom: 10px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  border: 1px solid #ffffff10 !important;
  background: #152234;
  color: #ffffff99;
}
.accordion-item h2 button {
  font-size: 14px;
  font-weight: 600;
  padding: 15px;
  background: #152234;
  color: #fff;
}
.accordion-button::after {
  width: 16px;
  height: 16px;
  background-size: cover;
  filter: brightness(0) invert(1);
}
.accordion-button:not(.collapsed) {
  box-shadow: none !important;
  border-bottom: 1px solid #ffffff10;
  background: #172841;
}

section.secInvrow {
  background: #ffffff;
  padding: 50px 0;
}
.invRowcont h2 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #000;
}

.sectionHeadings h2 span {
  color: #0088ea;
}
.sectionHeadings {
  margin-bottom: 50px;
}
.sectionHeadings p {
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #595959;
}
.sectionHeadings h2 {
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}

.invRowcont i {
  background: #0088ea;
  color: #ffffff99;
  height: 40px;
  width: 40px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
section.faqSec {
  padding: 50px 0;
}
img.dividerbtm {
  width: 100%;
  margin-bottom: -50px;
  margin-top: 50px;
  height: 50px;
}

a.navbar-brand {
  margin: 0;
  padding: 0;
}
a.navbar-brand img {
  height: 30px;
}
section.firstSec {
  padding: 50px 0;
}
button.loginBtnnav {
  padding: 12px 20px;
  height: auto;
  background: #1475e1;
  color: #fff;
  border: 0;
}

.topCont p {
  color: #ffffff99;
  font-size: 15px;
}
.topCont h1 {
  font-weight: bold;
}
.topCont ul li img {
  max-width: 30px;
}

.topCont ul li {
  color: #ffffff99;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  font-size: 15px;
}
.topCont ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}
.loginCard {
  background: #152234 /*#0f212e*/;
  border: 0;
  border-radius: 8px;
  width: 100%;
  padding: 40px;
}

span.dividergrad {
  background: linear-gradient(270deg, rgba(21, 30, 40, 0.3) 0%, rgba(255, 255, 255, 0.3) 50.69%, rgba(21, 30, 40, 0.3) 100%);
  display: block;
  height: 2px;
  width: 130px;
  margin-bottom: 20px;
  margin-top: 5px;
}
span.topContSubhed b {
  color: #1475e1;
}

.infinite-scroll-wrapper img {
  width: 100%;
  height: 50px;
  z-index: 1;
  animation: infi-scroll 40s linear infinite;
}
.infinite-scroll-wrapper {
  display: flex;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #111a27 20%, #111a27 70%, transparent);
  gap: 10px;
}
@keyframes infi-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@media (max-width: 567px) {
  .infinite-scroll-wrapper img {
    width: 300%;
    height: 40px;
  }
}


.stepsUs-wrap-item {
  padding-bottom: 50px;
}
.stepsUs-wrap-item .icon {
  position: relative;
  margin-bottom: 26px;
  z-index: 1;
  user-select: none;
  transition: 0.14s ease;
  font-size: 36px;
  color: #1475e1;
  height: 50px;
}
.stepsUs-wrap-item .title {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 600;
}
.stepsUs-wrap-item p.text {
  max-width: 240px;
  color: #ffffff99;
  margin: 0;
}
@media(min-width: 992px) {
  .stepsUs-wrap {
    border-bottom: 1px solid #ffffff10;
    max-width: 1200px;
    margin: auto;
  }
  .col:nth-child(odd) .stepsUs-wrap-item {
    border-bottom: 4px solid #1475e1;
  }
}
section.secondSec {
  padding: 20px 0;
}
section.stepsSec {
  padding: 50px 0;
}
.headingSections {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
  text-align: center;
}
.headingSections span b {
  color: #1475e1;
}
.headingSections h2 {
  margin: 0;
  font-weight: bold;
}

.arrowgrps div:first-child {
  border-right: 1px solid #ffffff10;
}
.arrowgrps div {
  padding: 6px 15px;
  transition: all 250ms ease-in-out;
}
.arrowgrps {
  display: flex;
  border: 1px solid #ffffff10;
  border-radius: 10px;
  margin-left: auto;
  width: fit-content;
}
.arrowgrps div[aria-disabled="true"] {
  opacity: 0.3;
  filter: blur(2px);
  cursor: not-allowed;
}
span.linebogfornav {
  display: block;
  height: 1px;
  background: linear-gradient(45deg, #ffffff10, #ffffff05);
  width: 100%;
  margin-right: 10px;
}
.sliderbelownav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

.video-container {
  width: 100%;
  aspect-ratio: 9 / 16;
  position: relative;
  background: linear-gradient(45deg, #09111c, #152234);
  border-radius: 13px;
  overflow: hidden;
  padding: 5px;
  border: 1px solid #1e2735;
}

.video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Only show play/pause */
.plyr__controls > *:not(button) {
  display: none !important;
}
.plyr--video {
  border-radius: 10px;
}
/* Center play button when paused */
.plyr--paused .plyr__controls {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.plyr--playing .plyr__controls {
  background: linear-gradient(#0000,#000000bf) !important;
}
button.plyr__controls__item.plyr__control {
  margin: auto !important;
}
.plyr__controls {
  padding: 10px !important;
}

.testimonialClienttext p {
  margin: auto 0;
}
.testimonialClienttext {
  font-size: 12px;
  line-height: 1.2;
  padding: 10px;
  color: #ffffff99;
  margin-top: 5px;
}
section.videoTestiSec {
  padding: 60px 0;
}

.allfamepaylogo {
  position: relative;
  background: #152234;
  border: 1px solid #ffffff10;
  border-radius: 15px;
  height: 97px;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
section.paymentSec {
  padding: 60px 0;
}

.headinglogincard h4 b {
  color: #1475e1;
}
.headinglogincard h4 {
  color: #fff;
  font-weight: 600;
}
.headinglogincard p {
  margin: 0;
  color: #ffffff99;
  font-size: 13px;
}
.headinglogincard {
  text-align: center;
  margin-bottom: 25px;
}
.loginCard input.form-control {
  background: #1c2d44;
  color: #fff;
  border: 0;
  padding: 10px 16px;
  margin-bottom: 13px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.loginCard input.form-control::placeholder {
  color: #fff;
}
.googleBtn {
  max-width: 200px;
  margin: 0 auto 20px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.headinglogincard i {
  background: #1475e1;
  font-size: 30px;
  height: 50px;
  width: 50px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.dividerLine span.rightdivIder {
  background: linear-gradient(45deg, #ffffff20, transparent);
  height: 2px;
  display: block;
  width: 100%;
}
.dividerLine span.leftdivIder {
  background: linear-gradient(-45deg, #ffffff20, transparent);
  height: 2px;
  display: block;
  width: 100%;
}
.dividerLine p {
  margin: 0;
}
.dividerLine {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  margin-bottom: 15px;
  gap: 5px;
}


.secContactChild {
  display: flex;
  gap: 15px;
  padding: 15px 20px;
  align-items: center;
  cursor: pointer;
}
.secContactChild > i {
  font-size: 25px;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
}
.secContactChild i {
  color: #0d6efd;
}
.secContact {
  background: #152234;
  border-radius: 10px;
  margin-bottom: 15px;
}
.secContactChild p {
  margin: 0;
  color: #fff;
  font-weight: bold;
}
.secContactChild small {
  color: #ffffff99;
}
.secContactChild a {
  margin-left: auto;
}

.noTickbox {
  text-align: center;
  margin: 30px;
}
.noTickbox p {
  color: #ffffff99;
  margin: 0;
  font-size: 13px;
  font-weight: 400;
}
.noTickbox {
  text-align: center;
  margin: 30px auto;
  max-width: 350px;
}
.noTickbox i {
  font-size: 50px;
  margin-bottom: 15px;
  color: #0d6efd;
}

.modal-content {
  background: #152234;
  border-radius: 12px;
}
.modal-head {
  padding: 15px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ffffff10;
}
.modal-head h4 {
  font-size: 14px;
  font-weight: bold;
}
.modal-head h4 span {
  color: #ffffff99;
  font-weight: 500;
}
.modal-head button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff80 !important;
  opacity: 1;
  margin-right: 10px;
  background: #0d6efd;
}

.tickets-uploader button {
  color: #fff;
}

table {
  color: #fff;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background: #1c2d44;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  color: #fff;
}
table.table {
  color: #fff;
}
table.table-rounder tr td:first-child, table.table-rounder tr th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
table.table-rounder tr td:last-child, table.table-rounder tr th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.table-striped > tbody > tr:hover > td {
  color: #fff;
}

tr.trcat td {
  padding: 0 !important;
}
.catfilte {
  border: 0;
  transition: all 150ms ease-in-out;
  color: #fff;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
  padding: 15px;
  border-radius: 6px;
  background: #1475e1;
}
tr.spacer {
  height: 12px;
}
/*tr.headoptions {
background: #00e701 !important;
color: #000;
font-weight: bold;
}*/
tr.headoptions {
  background: #0e1b2d !important;
  color: #fff;
  font-weight: bold;
}
.idflexserv span {
  margin-right: 10px;
}
.idflexserv {
  display: flex;
  gap: 10px;
}
td, th {
  padding: 10px 15px !important;
  vertical-align: middle;
}

.servnamflex {
  display: flex;
  gap: 10px;
  align-items: center;
}

ul.fundType li button.active, ul.fundType li a.active {
  background: #1475e1 !important;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset, rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
ul.fundType li button, ul.fundType li a {
  background: #1c2d44 !important;
  color: #fff;
  border: 0;
  padding: 10px 16px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  color: #fff !important;
  font-weight: 600;
}

button.payment-button img {
  max-width: 30px;
  border-radius: 10px;
}
/*ul.insidePaymentUL li button {
display: flex;
flex-direction: column;
justify-content: center;
gap: 6px;
font-size: 10px;
align-items: center;
padding: 10px 8px;
border-radius: 10px;
background: #1c2d44;
border: 2px solid transparent;
color: #fff;
min-width: 60px;
font-weight: 500;
height: 80px;
width: 75px;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
transition: all 250ms ease;
}
ul.insidePaymentUL li button.active {
border: 2px solid #0d6efd;
}*/

ul.insidePaymentUL li button {
  display: flex;
  justify-content: center;
  gap: 6px;
  font-size: 12px;
  align-items: center;
  padding: 2px 5px;
  border-radius: 0;
  background: #152234;
  border: 1px solid #ffffff20;
  color: #fff;
  min-width: 60px;
  transition: all 250ms ease;
  font-weight: bold;
  padding-right: 10px;
  border-radius: 8px;
}
ul.insidePaymentUL li button.active {
  background: #1475e130;
  color: #1475e1;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
}

ul.insidePaymentUL {
  padding: 0;
  list-style: none;
  display: flex;
  gap: 10px;
  overflow: auto;
  width: 100%;
}
ul.insidePaymentUL::-webkit-scrollbar {
  display: none;
}
ul.insidePaymentUL li button .paymentIcondiv {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.panel-body {
  background: #1c2d44;
  color: #fff;
  border: 0;
  padding: 10px 16px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2px;
  border-radius: 5px;
}

.paymentMethdets .btmdets {
  font-size: 11px;
  color: #ffffff99;
}
.paymentMethdets .topdets {
  font-weight: bold;
}
.paymentMethdets .topdets b {
  color: #0d6efd;
}
.sidebar {
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background: #152234;
  width: 250px;
  box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
  display: flex;
  flex-direction: column;
}
.sidebarwrap {
  height: -webkit-fill-available;
  overflow: auto;
}
.userWrap {
  margin-left: 250px;
}
footer.footerFul {
  margin-left: 250px;
}
nav.navbarticker.usernav {
  margin-left: 250px;
}

.profIcom i {
  font-size: 20px;
}
.profIcom {
  background: #1475e1;
  display: inline-flex;
  height: 50px;
  width: 50px;
  border-radius: 6px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
}
.sidebarProfile p {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}
.sidebarProfile {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  background: #1c2d44;
  margin: 10px;
  border-radius: 6px;
}
.sidebarProfile small {
  background: #1c2d44;
  color: #fff;
  padding: 2px 10px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  border-radius: 4px;
  border: 1px solid #ffffff10;
  font-weight: bold;
}

ul.sidebarul li a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #ffffff10;
  display: block;
  padding: 8px;
  transition: all 250ms ease;
  border-radius: 5px;
}
ul.sidebarul li:last-child a {
  border: 0;
}
ul.sidebarul {
  padding: 0;
  list-style: none;
  margin: 10px;
  background: #1c2d44;
  border-radius: 6px;
}
ul.sidebarul li a i {
  min-height: 25px;
  min-width: 25px;
  background: #1475e1;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
}
.sidebarProfile p i {
  margin-left: 2px;
  color: #0d6efd;
  font-size: 13px;
}
ul.sidebarul li a:hover, ul.sidebarul li.active a {
  background: #233853;
}

.currenlanggrp button {
  flex: 1;
  padding: 16px;
  font-weight: 600;
  background: #1c2d44;
  color: #fff;
  border: 0;
  border-radius: 5px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  text-shadow: 0 1px 2px #00000059, 0 1px 3px #00000045;
  position: relative;
  overflow: hidden;
}
.currenlanggrp {
  padding: 10px 10px 0;
  display: flex;
  gap: 10px;
}
.currenlanggrp button:after {
  content: '';
  background: #1c2d44;
  height: 200%;
  width: 100%;
  position: absolute;
  z-index: 0;
  filter: blur(60px);
}

.currenlanggrp button span {
  position: relative;
  z-index: 2;
}

@media(max-width: 991.20px) {
  .sidebar {
    display: none;
  }
  nav.navbarticker.usernav {
    margin-left: 0;
  }
  .userWrap {
    margin-left: 0;
  }
  footer.footerFul {
    margin-left: 0;
  }
}
bottombar {
  display: none;
}
.mobBottomul {
  display: none;
}
@media(max-width: 991.20px) {
  bottombar {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    position: fixed;
    bottom: 0;
    z-index: 10;
    padding: 0 20px;
    width: 100%;
    box-shadow: 0 5px 5px #0a1c2766;
    justify-items: center;
    background: #152234;
    height: 68px;
    align-items: center;
  }
  body.userbody {
    padding-bottom: 80px;
  }
  .btmbarwrapbtn {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    align-items: center;
  }
  a.btmbarbtn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
  }
  a.btmbarbtn i {
    font-size: 18px;
    color: #ffffff99;
  }
  .mobBottomul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: fixed;
    bottom: -100%;
    background: #111a27;
    height: 100%;
    width: 100%;
    padding-top: 60px;
    z-index: 1;
    transition: all 250ms ease;
  }
  .mobBottomul.open {
    bottom: 0;
  }
}

ul.tabletoppills li a.nav-link {
  background: #1c2d44;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  line-height: 1;
}
li.search-item form {
  margin: 0;
}

td.ordsrv span button {
  height: 25px;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
td.ordsrv span {
  align-items: center;
  margin-bottom: 5px;
  display: block;
}
td.ordsrv small b {
  color: #fff;
}
td.ordsrv small {
  color: #ffffff99;
}

span.statbadge {
  padding: 4px 10px;
  border-radius: 6px;
  background: #1475e1;
  color: #fff;
  font-weight: 600;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
  margin-right: 5px;
  font-size: 13px;
}
span.Completed.statbadge {
  background: #00e701;
  color: #000;
}
span.Canceled.statbadge {
  background: #dd0000;
}
span.Partial.statbadge {
  background: yellow;
  color: #000;
}
span.Pending.statbadge {
  background: orange;
  color: #000;
}
span.Processing.statbadge {
  background: #00dfff;
  color: #000;
}
span.In.progress.statbadge {
  background: #7a36ff;
}
li.search-item form button.btn {
  border: 0;
  background: #0d6efd;
  color: #fff;
  font-size: 12px;
  width: 40px;
}

.currenwrap a {
  background: #0d6efd;
  color: #fff;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  text-decoration: none;
  padding: 0 10px;
}
.currenwrap {
  display: flex;
  background: #1c2d44;
  padding: 5px;
  border-radius: 6px;
  gap: 10px;
  align-items: center;
}
.maincurren i {
  color: #0d6efd;
  margin-right: 5px;
}
.maincurren {
  line-height: 1;
}
.rightprofnav {
  display: flex;
  align-items: center;
  gap: 10px;
}
/*.profDD .dropdown a {
padding: 0;
background: #1c2d44 !important;
border: 0;
font-size: 17px;
line-height: 1;
min-width: 40px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
}*/
/*.profDD .dropdown > a {
padding: 0;
background: #1c2d44 !important;
border: 0;
font-size: 17px;
line-height: 1;
min-width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px;
border: 2px solid #1475e1;
font-weight: bold;
color: #1475e1;
}*/

.profDD .dropdown a:after {
  display: none;
}

.currenwrap a {
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 14px 10px;
  border-radius: 6px;
  background: #1475e1;
  color: #fff;
  margin-left: auto;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
  font-size: 14px;
  font-weight: 700;
}

.profDD .dropdown ul.dropdown-menu li a i {
  width: 15px;
}
.profDD .dropdown ul.dropdown-menu li a {
  color: #fff;
  text-align: left;
  font-size: 14px;
  height: auto;
  padding: 8px 14px;
  text-decoration: none;
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 600;
}
.profDD .dropdown ul.dropdown-menu {
  right: 0;
  left: auto;
  background: #1c2d44;
  margin-top: 14px;
}

.gender-switch-wrapper {
  display: flex;
  gap: 10px;
  margin: 10px;
  width: fit-content;
}
.gender-btn {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #152234;
  border: 2px solid #1475e1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
div#femaleBtn {
  border-color: #c12e48;
}
.gender-btn.active {
  background-color: #152234;
  color: white;
}
div#femaleBtn.active {
  background: #c12e48;
}
div#maleBtn.active {
  background: #1475e1;
}
.accCards > i {
  min-width: 64px;
  min-height: 64px;
  border-radius: 50%;
  background: #1c2d44;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  color: #1475e1;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accCards {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}
.accCards p {
  margin: 0;
  color: #ffffff99;
  font-size: 14px;
}
.accCards span {
  font-weight: 600;
  font-size: 16px;
}
.settingsTopcard {
  background: #152234;
  padding: 25px;
  border-radius: 6px;
}

.accCards button.chngEmail {
  background: #1475e1;
  border: 0;
  height: 23px;
  width: 23px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-left: 5px;
  margin-bottom: 4px;
}
.well-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin: -20px;
  padding: 20px;
  font-size: 16px;
  position: relative;
  border-bottom: 1px solid #ffffff10;
  margin-bottom: 20px;
}
.well-head i {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 16px;
  background-color: #1475e1;
  color: #fff;
}

.howItwoeks {
  border: 1px solid #ffffff20;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border-radius: 7px;
}
.howItwoeks span {
  font-weight: bold;
}

ul.amountRec li {
  width: 31.9%;
  background: #1c2d44;
  padding: 6px 10px;
  margin: 2px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
ul.amountRec {
  display: flex;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
}
.footerPaywell {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.footerPaywell img {
  max-width: 500px;
  width: 100%;
}

.welcmcard {
  background: #152234;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
  border: 1px solid #1475e1;
}
.welcmcard h5 span i {
  font-size: 14px;
}
.welcmcard p {
  margin: 0;
  color: #ffffff99;
}

.vidPlay img {
  max-width: 100px;
}
.vidPlay {
  height: 150px;
  width: 280px;
  background: #000000;
  border-radius: 10px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vidBacklay {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
  opacity: 0.7;
  filter: blur(1px);
}
.vidPlay a.playbtn {
  height: 40px;
  width: 40px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 10px;
  background: #ffffff30;
  backdrop-filter: blur(20px);
  color: #fff;
}
.welcmcard h5 {
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 5px;
}
.welcmcard h5 span {
  color: #1475e1;
  font-size: 22px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}

.noWelcmcrd {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin: 10px 0;
}
.noWelcmcrd i {
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 15px;
  line-height: 1;
  overflow: hidden;
  user-select: none;
  border-radius: 8px;
  color: #fff;
  background-color: #1475e1;
}
.noWelcmcrd p {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2;
}
.noWelcmcrd small {
  color: #ffffff99;
  line-height: 1;
}

.gridTopno {
  display: flex;
  grid-template-columns: 1.5fr 3fr;
}

@media (max-width: 1192.80px) {
  .gridTopno {
    display: flex;
    flex-direction: column;
    gap: 0 !important;
  }
}
@media (max-width: 767.20px) {
  .welcmcard {
    flex-direction: column;
  }
  .vidPlay {
    width: 100%;
    height: 200px;
  }
}

.filterSocial {
  background: #152234;
  border-radius: 5px;
  border: 1px solid #ffffff;
  margin-bottom: 15px;
}
ul.servFiltr {
  display: flex;
  list-style: none;
  padding: 15px;
  gap: 10px;
  overflow-x: auto;
  margin: 0;
}
ul.servFiltr::-webkit-scrollbar {
  display: none;
}
ul.servFiltr li button {
  background: transparent;
  border: 0;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #ffffff;
}
ul.servFiltr li button i {
  font-size: 18px;
  background: #1c2d44;
  height: 40px;
  width: 40px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: all 250ms ease;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
/*button.CatFltr:hover i, button.CatFltr.active i {
background: #1475e1;
}
button.CatFltr.insta:hover i, button.CatFltr.insta.active i {
background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
button.CatFltr.fb:hover i, button.CatFltr.fb.active i {
background: linear-gradient(45deg, #036ce3, #149ff8);
}
button.CatFltr.tweet:hover i, button.CatFltr.tweet.active i {
background: #00acee;
}
button.CatFltr.yt:hover i, button.CatFltr.yt.active i {
color: #fe0000;
background: #fff;
}
button.CatFltr.spt:hover i, button.CatFltr.spt.active i {
background: #1ed760;
}
button.CatFltr.tt:hover i, button.CatFltr.tt.active i {
background: #000000;
}
button.CatFltr.tele:hover i, button.CatFltr.tele.active i {
background: #29a0da;
}
button.CatFltr.sndcld:hover i, button.CatFltr.sndcld.active i {
background: linear-gradient(180deg, #f89810, #f8320f);
}
button.CatFltr.wbst:hover i, button.CatFltr.wbst.active i {
background: linear-gradient(45deg, #9c27b0, #673ab7);
}
button.CatFltr.lnkin:hover i, button.CatFltr.lnkin.active i {
background: #0078b7;
}
button.CatFltr.dis:hover i, button.CatFltr.dis.active i {
background: #5166f7;
}
button.CatFltr.pin:hover i, button.CatFltr.pin.active i {
background: #e71c22;
}*/
button.CatFltr i, button.CatFltr.active i {
  background: #1475e1;
}
button.CatFltr.insta i, button.CatFltr.insta.active i {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
button.CatFltr.fb i, button.CatFltr.fb.active i {
  background: linear-gradient(45deg, #036ce3, #149ff8);
}
button.CatFltr.tweet i, button.CatFltr.tweet.active i {
  background: #00acee;
}
button.CatFltr.yt i, button.CatFltr.yt.active i {
  color: #fe0000;
  background: #fff;
}
button.CatFltr.spt i, button.CatFltr.spt.active i {
  background: #1ed760;
}
button.CatFltr.tt i, button.CatFltr.tt.active i {
  background: #000000;
}
button.CatFltr.tele i, button.CatFltr.tele.active i {
  background: #29a0da;
}
button.CatFltr.sndcld i, button.CatFltr.sndcld.active i {
  background: linear-gradient(180deg, #f89810, #f8320f);
}
button.CatFltr.wbst i, button.CatFltr.wbst.active i {
  background: linear-gradient(45deg, #9c27b0, #673ab7);
}
button.CatFltr.lnkin i, button.CatFltr.lnkin.active i {
  background: #0078b7;
}
button.CatFltr.dis i, button.CatFltr.dis.active i {
  background: #5166f7;
}
button.CatFltr.pin i, button.CatFltr.pin.active i {
  background: #e71c22;
}

.filterSocialhead i {
  height: 30px;
  width: 30px;
  background: #1475e1;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filterSocialhead h5 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.filterSocialhead {
  display: flex;
  padding: 10px;
  gap: 10px;
  align-items: center;
  border-bottom: 1px solid #ffffff10;
}
.welcmcard a.btn.btn-primary i {
  font-size: 22px;
}

.welcmcard a.btn.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px;
  padding-right: 20px;
  width: 100%;
  text-align: center;
  justify-content: center;
}

ul.servFiltr {
  display: flex;
  list-style: none;
  padding: 15px;
  gap: 10px;
  overflow-x: auto;
  margin: 0;
  height: 0;
  padding: 0;
  transition: all 250ms ease;
}
.filterSocialhead > button i {
  background: transparent;
  padding: 0;
  height: auto;
  width: auto;
}
.filterSocialhead > button {
  display: flex;
  align-items: center;
  background: transparent;
  border: 0;
  padding: 0;
  color: #fff;
  gap: 5px;
  margin-left: auto;
  font-weight: 600;
}
ul.servFiltr.showfilts {
  padding: 15px;
  height: auto;
}

.search-dropdown .input-wrapper .input-wrapper__prepend span {
  color: #1475e1;
}
.search-dropdown .input-wrapper .form-control {
  padding-left: 40px !important;
  border: 1px solid #1475e1;
}
.search-dropdown .input-wrapper .form-control::placeholder {
  color: #fff;
}
.search-dropdown .input-wrapper .input-wrapper__append span {
  color: #fff;
  font-weight: 100;
}
span.select2-dropdown.dropdown-menu.select2-dropdown--below {
  background: #1c2d44;
  padding: 6px;
}
.select2-container--default .select2-results > .select2-results__options, .select2-results__options {
  background: #233853;
  font-size: 14px;
  border-radius: 5px !important;
}
.select2-results__option a {
  padding: 5px !important;
  color: #fff !important;
  border-bottom: 1px solid #ffffff10;
  transition: all 250ms ease;
}
.select2-results__option a:hover {
  background: #ffffff10;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background: #1475e1 !important;
}
.select2-container .select2-selection__id-1 {
  background: #1475e1;
  min-width: 35px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.select2-container--default .select2-results__option[aria-selected=true] .select2-selection__id-1 {
  background: #fff !important;
  color: #1475e1;
}
.select2-results__option:last-child a {
  border: 0;
}
.contactCard h3 {
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: bold;
}
.contactCard p {
  margin: 0;
  color: #ffffff99;
}
.contactCard i {
  background: #1475e1;
  display: inline-flex;
  min-height: 60px;
  min-width: 60px;
  border-radius: 6px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
  font-size: 25px;
}
.contactCard {
  display: flex;
  gap: 10px;
}
.socialmediaCard {
  display: flex;
  flex-direction: column;
  background: #152234;
  margin-bottom: 15px;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #fff;
}

.contactCard:last-child {
  border: 0;
}
.contactCard {
  display: flex;
  gap: 15px;
  border-bottom: 1px solid #ffffff20;
  align-items: center;
  padding: 15px;
}
.gridTopno {
  gap: 15px;
}
.contactCard.whatsappCard i {
  background: linear-gradient(115deg, #38d325, #1ebe42, #128c19);
}
.contactCard.telegramCard i {
  background: linear-gradient(115deg, #2593d3, #1e90be);
}

.contactCard i.careticon {
  min-height: auto;
  min-width: 10px;
  background: transparent;
  font-weight: 200;
  margin-left: auto;
}

td.ordsrv span button.btn-cpy {
  height: 25px !important;
  width: 25px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  min-width: auto !important;
  margin-left: 0;
  padding: 0;
  margin-left: 5px;
}

td.ordlinker a i {
  background: #ffffff;
  padding: 5px;
  font-size: 10px;
  border-radius: 15px;
  margin-right: 2px;
}
td.ordlinker a {
  border: 1px solid #fff;
  padding: 5px;
  border-radius: 25px;
  text-decoration: auto;
  padding-right: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.order-actions a {
  width: 100%;
  border-radius: 5px;
  background: #1475e1;
  color: #fff;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
  border: 0;
  font-weight: 600;
}

.order-actions a.btn-danger {
  background: #dc3545;
}
td.service-des button.btn.btn-primary {
  padding: 2px 10px;
  font-size: 14px;
}

.supportTick {
  background: #152234;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
}
.supportTick .suppHead {
  padding: 15px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  background: #1475e1;
  margin: 10px;
  border-radius: 6px;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
}
.supportTick .suppHead span.tilete {
  text-shadow: 1px 1px 6px #ffffff50;
}
.suppBody {
  padding: 15px;
}

.datetick:before {
  content: '';
  display: block;
  height: 2px;
  width: 100px;
  background: linear-gradient(-45deg, #ffffff20, transparent);
}
.datetick:after {
  content: '';
  display: block;
  height: 2px;
  width: 100px;
  background: linear-gradient(45deg, #ffffff20, transparent);
}
.datetick {
  font-weight: 600;
  text-align: center;
  color: #fff;
  display: flex;
  white-space: nowrap;
  align-items: center;
  gap: 10px;
  justify-content: center;
}

.usermessage .textname span small {
  font-weight: 400;
  color: #ffffff99;
  font-size: 12px;
}
.usermessage .textname span {
  font-weight: 700;
  font-size: 15px;
}
.usermessage {
  width: 70%;
  margin-left: auto;
  background: #1c2d44;
  padding: 15px;
  border-radius: 6px 6px 0px 6px;
}
.usermessage a {
  padding: 2px 5px;
  border-radius: 5px;
  background: #1475e1;
  color: #fff;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
  font-size: 12px;
  text-decoration: none;
}

.usermessage.adminmsg {
  margin-right: auto;
  margin-left: 0;
  background: #111a27;
  border-radius: 6px 6px 6px 0;
}
.sendGrptick {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tickets-uploader {
  background: #1c2d44;
  padding: 6px;
  width: -webkit-fill-available;
  border-radius: 5px;
}

ul.sidebarul li a {
  display: flex;
  align-items: center;
  gap: 5px;
}
ul.sidebarul li a i.caretIconli {
  background: transparent;
  margin-left: auto;
  margin-right: 0;
  padding: 0;
}
p.menusubs {
  margin: 0;
  padding: 4px 10px;
  background: #1475e1;
  border-radius: 5px 5px 0 0;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
}
ul.sidebarul li.active a i.caretIconli {
  color: #1475e1;
  font-weight: bold;
}

@media (max-width: 767px) {
  .socialmediaCard {
    padding: 0px;
  }
}
.contactCard.whatsappCard h3 span {
  background: -webkit-linear-gradient(115deg, #38d325, #1ebe42, #128c19);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.contactCard.telegramCard h3 span {
  background: -webkit-linear-gradient(115deg, #2593d3, #1e90be);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.DescSpecs {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.DescSpecschild {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 130px;
}
.DescSpecschild i {
  height: 35px;
  width: 35px;
  background: #1475e1;
  border-radius: 6px;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
}
.DescSpecschild .hetopse {
  font-size: 12px;
  line-height: 1;
  color: #ffffff99;
}
.DescSpecschild span {
  line-height: 1;
  display: block;
  margin-top: 4px;
}
.bottomflexServ {
  padding: 10px;
  background: #1c2d44;
  border-bottom: 1px solid #ffffff10;
}
.topflexServ {
  background: #1c2d44;
  padding: 10px;
  overflow: auto;
}
.topflexServ::-webkit-scrollbar {
  display: none;
}
.descflex {
  border-radius: 5px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2px;
  margin-bottom: 10px;
}
.bottomflexServ .hetopse {
  font-size: 12px;
  color: #ffffff99;
}

.countGrp div span {
  font-weight: bold;
  color: #fff;
}
.countGrp div {
  display: flex;
  justify-content: space-between;
  min-width: 125px;
  align-items: center;
  padding: 3px 8px;
  border-bottom: 1px solid #ffffff10;
  color: #ffffff99;
}
.countGrp {
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: #111a27;
  border-radius: 5px;
}

.paymentStatementtr {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  align-items: stretch;
  gap: 5px;
  background: #1c2d44;
  border-radius: 5px;
  margin-bottom: 10px;
  border: 1px solid #1475e1;
}
.paymentStatementtr > div {
  padding: 10px;
}
.paymentStatementtr .InitialStatement {
  background: #1475e1;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px 0 0 5px;
  font-size: 18px;
  font-weight: 600;
  padding: 0;
}
.paymentStatementtr .btmdets {
  font-size: 12px;
  color: #ffffff99;
  line-height: 1;
  margin-top: 4px;
}
.paymentStatementtr .topdets {
  color: #fff;
  font-weight: bold;
}
.paymentStatementtr .topdets b {
  background: #1475e1;
  color: #fff;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
  padding: 0px 10px;
  display: inline-block;
  border-radius: 4px;
  margin-bottom: 5px;
  font-size: 12px;
  vertical-align: middle;
}
.statementAmount {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: auto;
  justify-content: center;
}
.statementAmount span {
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
  color: #1475e1;
}

.well-header i {
  height: 35px;
  width: 35px;
  background: #ffffff;
  color: #1475e1;
  border-radius: 6px;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
}
.well-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
.well-header {
  display: flex;
  align-items: center;
  background: #1475e1;
  margin: -10px;
  margin-bottom: 15px;
  padding: 6px;
  border-radius: 5px;
  gap: 8px;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
}

.ticketleftCar {
  display: flex;
  flex-direction: column;
}
.ticketleftCar > span {
  color: #ffffff99;
}
.ticketleftCar .toptC b {
  background: #1475e1;
  color: #fff;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
  padding: 0px 10px;
  display: inline-block;
  border-radius: 4px;
  font-size: 12px;
  vertical-align: middle;
}
.ticketleftCar .toptC span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.ticketCard {
  display: flex;
  background: #1c2d44;
  padding: 10px;
  border-radius: 5px;
  gap: 10px;
}
.ticketrightCar {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
}
.ticketrightCar span {
  background: #1475e1;
  color: #fff;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
  padding: 2px 10px;
  display: inline-block;
  border-radius: 4px;
  font-size: 13px;
  vertical-align: middle;
  font-weight: 700;
}
.ticketleftCar span.nowrap {
  margin-top: 5px;
  font-size: 12px;
}
td.subscriptionDets span {
  display: block;
}
td.subscriptionDets {
  min-width: 300px;
}
td.subscriptionDets small {
  color: #ffffff99;
  font-size: 14px;
}
td.subscriptionDets small b {
  color: #1475e1;
}
.order-actions a.btn.btn-sm.btn-primary {
  width: 100%;
  border-radius: 5px;
  background: #1475e1;
  color: #fff;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
  border: 0;
  font-weight: 600;
  padding: 4px 9px;
}

td.subsID {
  line-height: 1.2;
}
td.subsID span {
  color: #ffffff99;
  font-size: 13px;
}
td.subsID div {
  display: block;
  margin-bottom: 5px;
}

.filtheads {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 5px;
  margin: -9px;
  border-right: 1px solid #ffffff;
  padding: 20px;
}

.welcmcard > div {
  width: 100%;
}
.welcmcard a.btn.btn-primary {
  width: fit-content;
  text-align: center;
  justify-content: center;
  white-space: nowrap;
}

body.no-param-style .navbarticker {
  display: none;
}
.navbartopincaseaddfund {
  display: none;
}
body.no-param-style .navbartopincaseaddfund {
  display: flex;
  background: #1475e1;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 0 0 10px 10px;
  gap: 10px;
  align-items: center;
  color: #fff;
}
.navbartopincaseaddfund h3 {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 2px;
}
.navbartopincaseaddfund > i {
  font-size: 25px;
  width: 25px;
}
.navbartopincaseaddfund > i {
  font-size: 18px;
  padding: 5px;
}
.navbartopincaseaddfund span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #ffffff20;
  border: 1px solid #ffffff20;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 12px;
}
.navbartopincaseaddfund span i {
  background: #67ee67;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -5px;
  margin-right: 5px;
  font-size: 14px;
  color: green;
}
body.no-param-style {
  background: #ECECED;
  color: #000;
}
body.no-param-style .well {
  background: #fff;
  padding: 0;
  border-radius: 6px;
  box-shadow: none;
  padding: 10px;
}
body.no-param-style bottombar {
  display: none;
}
body.no-param-style ul.fundType li button {
  border: 1px solid #AEAEAE !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #43444A !important;
  height: 34px !important;
  border-radius: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.no-param-style ul.fundType li button.active {
  background: #1475e1 !important;
  border-color: #1475e1 !important;
  color: #fff !important;
}

body.no-param-style ul.insidePaymentUL li button {
  display: flex;
  justify-content: center;
  gap: 6px;
  font-size: 12px;
  align-items: center;
  padding: 2px 5px;
  border-radius: 0;
  background: #ffffff;
  border: .1rem solid #E3E3E3;
  color: #2b2f35;
  min-width: 60px;
  transition: all 250ms ease;
  font-weight: bold;
  padding-right: 10px;
  border-radius: 0;
  flex-direction: column;
  min-width: 102px;
  height: 87px;
}
body.no-param-style ul.insidePaymentUL li button.active {
  border-bottom: 4px solid #1475e1;
}
body.no-param-style .howItwoeks {
  background: #FCFCFC;
  border: 1px solid #ECECED;
  padding: 15px 10px;
  border-radius: 0;
}
body.no-param-style div#activPayname {
  font-size: 16px;
  font-weight: 600;
  color: #43444A;
}
body.no-param-style .panel-body {
  background: #fcfcfc;
  color: #000;
  border: 1px solid #00000010;
  box-shadow: none;
  border-radius: 0;
}
body.no-param-style label.control-label.entramountlabl {
  font-weight: 700;
  color: #000;
  text-align: left;
  padding: 8px 0;
  font-size: 13px;
}
body.no-param-style ul.amountRec li {
  width: 30%;
  background: #1c2d44;
  padding: 6px 10px;
  margin: 2px;
  text-align: center;
  cursor: pointer;
  min-height: 40px;
  color: #43444A;
  background: #fff;
  border-radius: 0;
  border: 1px solid #AEAEAE;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
body.no-param-style ul.amountRec {
  display: flex;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 4px;
}
body.no-param-style .dividerLine p {
  color: #75767A;
  border: 1px solid #E5E7E8;
  min-width: 30px;
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  font-weight: 400;
  font-size: 14px;
}
body.no-param-style .dividerLine span.leftdivIder, body.no-param-style .dividerLine span.rightdivIder {
  background: #E5E7E8;
  height: 1px;
}

body.no-param-style .amntfld .form-control {
  background: #fff;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 1px solid #00000030;
  padding: 8px;
  color: #778497;
  font-weight: 800;
}
body.no-param-style .amntfld .form-control::placeholder {
  color: #778497;
  font-weight: 800;
}

body.no-param-style .navbartopincaseaddfund a {
  color: #fff;
  font-size: 15px;
  padding: 0 5px;
}
body.no-param-style .sidebar {
  display: none;
}
body.no-param-style .userWrap {
  margin-left: 0;
}
.changeBox div input {
  width: auto;
  background: transparent;
  box-shadow: none;
  padding: 0;
  text-align: right;
  border: 0;
  color: #fff;
  outline: none;
}
.changeBox > div {
  display: flex;
  justify-content: space-between;
  padding: 6px 10px;
  align-items: center;
}
.changeBox div.topline {
  border-bottom: 1px solid #ffffff10;
}
.changeBox {
  background: #1c2d44;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  border-radius: 6px;
  overflow: hidden;
}
.changeBox div.topline input {
  font-weight: 700;
}
.changeBox > div span {
  color: #ffffff99;
}
.changeBox {
  background: #1c2d44;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 12px;
}

.changeBox > div span i {
  background: #1475e1;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  height: 28px;
  width: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin-left: -5px;
  margin-right: 5px;
  color: #fff;
}

.currenwrap span {
  padding: 5px;
}
.currenwrap a.btnNav.Navcurren {
  margin: -5px;
  padding: 20px 10px;
  border-radius: 0 5px 5px 0px;
}


.ordtag {
  display: flex;
  gap: 10px;
}
.inner-circle {
  background: #152234 !important;
}

ul.servFiltr.showfilts {
  padding: 0;
  height: auto;
  margin-bottom: 15px;
}

ul.servFiltr li button {
  padding: 0;
}

@media (max-width: 767px) {
  .welcmcard a.btn.btn-primary {
    width: 100%;
  }
}

.OfferScard h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}
.OfferScard {
  background: #152234;
  padding: 20px;
  box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
  border-radius: 6px;
}

td.ordsrv small {
  white-space: nowrap;
}
.servDets {
  min-width: 229px;
  max-width: 229px;
}
.btn-group.taskbtns a {
  padding: 2px 14px;
  font-size: 13px;
  font-weight: 800;
  border-radius: 15px;
  margin-top: 5px;
  width: 100%;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
}
.order-actions a.spedUpbtn.speedupreq {
  padding: 5px 8px;
  white-space: nowrap;
  border-radius: 20px;
  font-size: 13px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
}

table > tbody > tr {
  background: #1c2d44;
}

.choices__inner {
  background: #FCFCFC !important;
  border: 1px solid #ECECED !important;
}
.choices__list.choices__list--dropdown .choices__list div.undefined {
  padding: 5px;
  border-bottom: 1px solid #ECECED;
  transition: all 0.5s ease;
}
.choices__list--dropdown, .choices__list[aria-expanded] {
  border: 1px solid #ECECED !important;
}
.choices[data-type*=select-one] .choices__input {
  border-bottom: 1px solid #ECECED !important;
}
.choices__list.choices__list--dropdown .choices__list div.undefined:hover {
  background: #eff6ff;
}
.choices__list.choices__list--dropdown .choices__list div.undefined img {
  border-radius: 30px;
}

body.no-param-style .amntfld .form-control {
  background: #fff;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #00000010;
  padding: 10px;
  color: #778497;
  font-weight: 800;
  border-radius: 5px;
}
body.no-param-style label.control-label {
  font-weight: 700;
  color: #000;
  text-align: left;
  padding: 0;
  font-size: 13px;
}

body.no-param-style .paymentStatementtr {
  background: #fcfcfc;
  border: 1px solid #00000010;
  color: #000;
  padding: 5px;
}
body.no-param-style .paymentStatementtr .InitialStatement {
  border-radius: 6px;
  color: #fff;
}
body.no-param-style .paymentStatementtr .topdets {
  color: #000;
}
body.no-param-style .paymentStatementtr .btmdets {
  color: #00000090;
  font-weight: 600;
}
body.no-param-style .statementAmount small {
  font-weight: 600;
}

tr {
  transition: max-height 0.3s ease-in-out;
  overflow: hidden;
}


.servnamflex div b {
  background: #1475e1;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
  min-width: 35px;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 700;
}
.servnamflex a {
  background: #20bb20;
  color: #ffffff;
  padding: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 25px;
  font-size: 12px;
  height: 25px;
  width: 25px;
}
.servPrcs small {
  font-weight: 600;
  color: #ffffff99;
}
.servPrcs span {
  font-weight: 600;
  font-size: 16px;
}
.servPrcs {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.quantityWrapchild span {
  color: #ffffff99;
}
.quantityWrapchild {
  background: #152234;
  border-radius: 5px;
  padding: 4px 10px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
  font-weight: bold;
  gap: 10px;
}
.quantityWrapchild span i {
  font-size: 12px;
  margin-right: 2px;
  color: #1475e1;
  margin-left: -3px;
}

.idflexserv span {
  display: flex;
  margin: auto;
}
.idflexserv {
  gap: 0;
}
ul.nav.nav-pills.nav-fill.tabletoppills.servfills li {
  flex: 1;
}

form.searachForm {
  display: flex;
  align-items: center;
  gap: 8px;
}
button.dropdown-toggle.searchFiltr {
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 16px;
  padding: 0;
}
button.dropdown-toggle.searchFiltr:after {
  display: none;
}
.serviWrap {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

footer {
  background-color: #111a27;
  padding-top: 60px;
  padding-bottom: 30px;
  font-size: 14px;
  box-shadow: #0003 0 -4px 6px -1px, #0000001f 0 -2px 4px -1px;
  margin-bottom: -50px;
  margin-top: 50px;
}

footer h6 {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 15px;
}

footer p,
footer a {
  color: #a1a1aa;
  text-decoration: none;
  font-weight: 400;
}

footer a:hover {
  color: #fff;
}

.footer-logo {
  height: 30px;
}

.trustpilot {
  height: 20px;
  margin-bottom: 10px;
}

.store-btns img {
  height: 40px;
  margin-right: 10px;
}

.certik {
  height: 30px;
}

.footer-links ul {
  list-style: none;
  padding-left: 0;
}

.footer-links ul li {
  margin-bottom: 8px;
}

.footer-bottom {
  padding-top: 20px;
  font-size: 13px;
}

.social-icons a {
  color: #fff;
  margin-right: 12px;
  font-size: 18px;
}

.footer-legal a {
  color: #a1a1aa;
  margin-left: 20px;
}

.footer-legal a:hover {
  color: #fff;
}

@media (max-width: 768px) {
  .footer-legal {
    flex-direction: column;
    gap: 10px;
    align-items: start !important;
  }
}

a.footer-brand img {
  max-width: 150px;
  margin-bottom: 10px;
}
.footerdivider {
  display: flex;
  height: 1px;
  width: 100%;
  background: #ffffff10;
}

.headfootersup small {
  color: #ffffff99;
  font-size: 10px;
}
.headfootersup span {
  display: block;
  font-weight: 800;
  font-size: 15px;
}
.headfootersup i {
  font-size: 20px;
}
.headfootersup {
  display: flex;
  gap: 10px;
  align-items: center;
  line-height: 1;
  margin-right: 10px;
}
.footercontact {
  display: inline-flex;
  align-items: center;
  background: #152234;
  padding: 10px;
  gap: 5px;
  border: 1px solid #ffffff10;
  border-radius: 5px;
  width: 100%;
}
.footercontact a {
  background: #1475e1;
  color: #fff;
  width: 30px;
  height: 30px;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.footercontact a.wpSupportftr {
  margin-left: auto;
}

.skiptranslate.goog-te-gadget span {
  display: none;
}
.skiptranslate.goog-te-gadget {
  font-size: 0;
}
select.goog-te-combo {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  background: #1c2d44;
  border: 1px solid #ffffff10;
  color: #fff;
}
.skiptranslate iframe {
  display: none;
}
body {
  top: 0 !important;
}

.tutorialWrap {
  margin: -20px 0;
}
.noticeCard a.btn.btn-primary {
  width: fit-content;
  white-space: nowrap;
}
.noticeCard > div {
  width: -webkit-fill-available;
}
.noticeCard {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -18px;
  padding: 10px;
  border-bottom: 1px solid #ffffff10;
  cursor: pointer;
}
.noticeCard small {
  display: block;
  background: #fff;
  width: fit-content;
  color: #000;
  font-weight: 700;
  line-height: 1;
  padding: 4px 6px;
  border-radius: 10px;
  padding-bottom: 2px;
}
.noticeCard p {
  display: block;
  margin: 0;
  margin-top: 5px;
  font-weight: 600;
}
.noticeCard a.watchBtn {
  font-size: 35px;
  margin-right: 15px;
}

.noticeCard:last-child {
  border: 0;
}

.cardStatsno .cardstatsChild i {
  display: flex;
  background: #1475e1;
  height: 45px;
  width: 45px;
  border-radius: 10px;
  margin-right: 10px;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}
.cardStatsno .cardstatsChild {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 120px;
}
.cardStatsno .cardstatsChild p {
  margin: 0;
}
.cardStatsno .cardstatsChild span {
  font-size: 16px;
  font-weight: 900;
}
.cardStatsno {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 30px;
  row-gap: 20px;
  padding: 20px;
  background: #152234;
  border-radius: 7px;
  margin-bottom: 15px;
  box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
  flex-wrap: wrap;
  position: relative;
}
button.btn.btn-primary.btn-Level {
  position: absolute;
  width: fit-content;
  right: 6px;
  top: 6px;
  padding: 4px 6px;
  font-size: 12px;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-transform: uppercase;
  gap: 5px;
  animation: 2s bluePulse infinite linear;
}
button.btn.btn-primary.btn-Level i {
  font-size: 12px;
  margin-right: 0;
}

li.filterDDserv {
  width: fit-content;
  max-width: 200px;
}
li.filterDDserv button span.caret {
  margin-left: auto;
}
li.filterDDserv button {
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 5px;
}
ul.dropdown-menu li a {
  color: #fff;
  border-bottom: 1px solid #ffffff10;
  font-size: 14px;
  padding: 5px 10px;
  transition: all 0.3s ease;
}
ul.dropdown-menu {
  background: #111a27;
  padding: 0;
  overflow: hidden;
}
ul.dropdown-menu li:last-child a {
  border-bottom: 0;
}
ul.dropdown-menu li a:hover {
  background: #ffffff10;
  opacity: 0.8;
  color: #fff;
}
.serviWrap {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 12px;
}
.serviWrap li button {
  background: transparent;
  border: 0;
  padding: 0;
}
.serviWrap li button i {
  height: 35px;
  width: 35px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
}


#tiersModal .modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}

#tiersModal .modal-title {
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: linear-gradient(45deg, #fff, #aaa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#tiersModal .tier-card {
  background: #1c2d44;
  border-radius: 12px;
  padding: 15px;
  height: 100%;
  transition: all 0.3s ease;
}

#tiersModal .tier-card:hover {
  transform: translateY(-5px);
  border-color: #4a9eff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

#tiersModal .tier-card h5 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  padding-bottom: 15px;
}

#tiersModal .tier-card h5::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 2px;
  background: #1475e1;
}

#tiersModal .tier-card h5 small {
  display: block;
  font-size: 0.75rem;
  color: #8c8c8c;
  margin-top: 5px;
  text-transform: none;
}

#tiersModal .tier-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#tiersModal .tier-card ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  font-size: 0.9rem;
  color: #d9d9d9;
}

#tiersModal .tier-card ul li::before {
  content: '\f00c'; /* Unicode for fa-check */
  font-family: 'Font Awesome 5 Pro'; /* or 'Font Awesome 6 Free' depending on your version */
  position: absolute;
  left: 0;
  color: #1475e1;
  font-weight: 700;
}

#tiersModal .tier-card ul li strong {
  color: #4a9eff;
}

#tiersModal .modal-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  #tiersModal .tier-card h5 {
    font-size: 1.3rem;
  }

  #tiersModal .modal-body {
    padding: 20px;
  }
}
#tiersModal .tier-card h5 small b {
  color: #1475e1;
  font-size: x-large;
  vertical-align: middle;
  margin-left: 5px;
}

body.no-param-style ul.fundType li button {
  background: #efefef !important;
  box-shadow: none !important;
  color: #43444A !important;
  border-radius: 6px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  height: auto !important;
}
.choices__inner {
  background: #efefef !important;
  border: none !important;
  border-radius: 7px !important;
}
body.no-param-style .amntfld .form-control {
  background: #efefef !important;
  border: 0 !important;
  padding: 13px;
  border-radius: 7px;
}
body.no-param-style .panel-body {
  background: #efefef;
  border: 0;
  border-radius: 7px;
  padding: 20px;
}

@media (max-width: 767.2px) {
  .welcmcard {
    flex-direction: column;
    background: linear-gradient(180deg, #1475e129, transparent);
    border: 0;
    padding: 20px;
    text-align: center;
    align-items: center;
    margin: -20px -12px;
    margin-bottom: 0;
  }
  .welcmcard a.btn.btn-primary {
    width: fit-content;
    margin: auto;
  }
  .cardStatsno .cardstatsChild {
    width: 100%;
  }
  .cardStatsno {
    margin-top: 30px;
  }
  button.btn.btn-primary.btn-Level {
    top: -10px;
    right: 15px;
  }
}

@keyframes bluePulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(20, 117, 225, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(20, 117, 225, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(20, 117, 225, 0);
  }
}

.linkgrop small {
  color: #ffffff99;
}
.linkgrop small, .linkgrop span {
  font-size: 14px;
}
.linkgrop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ffffff10;
  padding: 10px;
  gap: 10px;
  white-space: nowrap;
}
.linkedIyrt {
  background: #1c2d44;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.motelinks {
  background: #1475e1;
  padding: 2px 10px;
  border-radius: 0 0 6px 6px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
}

.servnamflex {
  min-width: 250px;
}
form#order-form label.control-label {
  font-weight: 700;
  letter-spacing: 1px;
}

.copy-btn {
  border: 0;
  background: #a54646;
  color: #ffffff;
  padding: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 25px;
  font-size: 12px;
  height: 25px;
  width: 25px;
}
.support-box {
  background-color: #152234;
  border-radius: 10px;
  padding: 20px;
  box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.support-box .highlight {
  color: #1475e1;
  font-weight: 800;
}
.footer-box {
  background-color: #1475e1;
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 8px;
  text-align: center;
  font-weight: 600;
  line-height: 1.3;
}
.card-sub {
  font-size: 0.95rem;
  color: #ccc;
}
.badge-custom {
  font-size: 0.85rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  color: #ffffff99;
  background: #1c2d44;
  padding: 4px 10px;
  border-radius: 30px;
}
.support-box p.card-sub {
  margin: 0;
}

span#supportStaus:before {
  content: '';
  height: 8px;
  width: 8px;
  display: inline-block;
  background: #ffffff99;
  border-radius: 10px;
}
span#supportStaus {
  color: #fff;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 5px;
  line-height: 1;
  font-weight: 600;
}
span#supportStaus.offline:before {
  background: #992a2a;
}
span#supportStaus.active:before {
  background: #3bb53b;
}

.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
  padding: 10px;
}
.choices__list.choices__list--dropdown .choices__list div.undefined {
  padding: 5px;
  border: 1px solid #ffffff10;
  transition: all 0.5s ease;
  border-radius: 7px;
  margin-bottom: 5px;
  background: #fff;
}
form.searachForm button.btn {
  border: 0;
  background: #0d6efd;
  color: #fff;
  font-size: 12px;
  width: 40px;
}
.choices[data-type*=select-one] .choices__input {
  display: none !important;
}
.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
  background: #efefef;
  margin: 10px 0;
  width: -webkit-fill-available;
  border-radius: 10px;
}

@media (max-width: 991.2px) {
  .mobBottomul.open {
    left: 0;
  }
}
@media (max-width: 991.2px) {
  .mobBottomul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: fixed;
    left: -100%;
    background: #111a27;
    height: 100%;
    width: 68%;
    padding-top: 60px;
    z-index: 1;
    transition: all 250ms ease;
    bottom: 0;
    padding-bottom: 70px;
  }
}

.status-card .status-item:last-child {
  border: 0;
}
.status-card .status-item {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #ffffff10;
}
.status-card {
  background: #152234;
  border-radius: 10px;
}
.status-card .status-item span.status-value {
  font-weight: bold;
}
.status-card span#supportStatus:before {
  content: '';
  height: 8px;
  width: 8px;
  background: #ffffff80;
  display: inline-block;
  border-radius: 10px;
  margin-right: 5px;
}
.status-card.active span#supportStatus:before {
  background: #3bb53b;
}
.status-card.offline span#supportStatus:before {
  background: #992a2a;
}

.ticket-message-right .textname {
  margin-left: auto;
  width: 70%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}
.ticket-message-left .textname {
  margin-right: auto;
  width: 70%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}
.textname small {
  color: #ffffff99;
}
.textname span.Initials {
  background: #1475e1;
  height: 25px;
  display: inline-flex;
  width: 25px;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  margin-right: 3px;
  font-weight: bold;
}
.textname span i {
  color: #1475e1;
  font-size: 12px;
  margin-left: 2px;
}



.ticket-header {
  background: #1475e1;
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  color: white;
  transition: background 0.3s ease;
  margin-bottom: 15px;
}
.btn-outline-light {
  border-color: rgba(255, 255, 255, 0.6);
  color: white;
}
.btn-outline-light:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: white;
}
.ticket-info {
  line-height: 1.4;
}
.main-tick-issue {
  color: #ffffff99;
}
.ticket-header a.btn.btn-outline-light.btn-sm {
  height: 45px;
  width: 45px;
  margin: 0;
  background: #ffffff20;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffffff20;
  border-radius: 7px;
}
.profDD a.btn.btn-secondary.dropdown-toggle {
  background: #1475e1;
  border: 1px solid #ffffff10;
  font-weight: 600;
}
.profDD .dropdown ul.dropdown-menu li a {
  display: flex;
  align-items: center;
}
@media (max-width: 991.2px) {
  .profDD {
    display: none;
  }
  .btmbarwrapbtn .profDD {
    display: block;
  }
}

ul.sidebarul {
  padding: 0;
  list-style: none;
  margin: 10px;
  border-radius: 6px;
  margin-top: 0;
  background: transparent;
}
ul.sidebarul li a {
  border: 0;
  padding: 10px;
  border-radius: 7px;
  margin: 5px 0;
}
ul.sidebarul li a:hover, ul.sidebarul li.active a {
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
  background: #1475e1;
}
ul.sidebarul li a:hover i, ul.sidebarul li.active a i {
  background: #fff;
  color: #1475e1;
}

ul.btmPills li.nav-item {
  flex: 1;
}

.newTopnocard {
  background: linear-gradient(45deg, #1475e1, #1f7ee9);
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1rem;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  position: relative;
}
.topProfdet a.btn.btn-primary {
  width: fit-content;
  background: #ffffff20;
  color: #ffffff99;
  border-radius: 30px;
}
.topProfdet h3 span {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  display: block;
}
.topProfdet h3 {
  margin: 0;
  font-size: 14px;
  color: #ffffff99;
}
.topProfdet {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.statsTopno .cardstatsChild i {
  font-size: 20px;
  margin-right: 10px;
}
.statsTopno .cardstatsChild span {
  font-weight: bold;
  font-size: 16px;
}
.statsTopno .cardstatsChild p {
  margin: 0;
  font-weight: 600;
  color: #ffffff99;
  margin-bottom: 5px;
  font-size: 13px;
}
.statsTopno .cardstatsChild {
  background: #ffffff20;
  padding: 7px 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  border-radius: 7px;
  line-height: 1;
  gap: 10px;
}
.statsTopno {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}


.suppaddfunds a {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
  text-align: end;
  display: block;
}
.suppaddfunds small {
  display: flex;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff99;
  margin-bottom: 6px;
  text-align: end;
}
.suppaddfunds i {
  font-size: 20px;
  background: #ffffff20;
  height: 40px;
  width: 40px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff99;
}
.suppaddfunds {
  display: flex;
  background: linear-gradient(45deg, #1475e1, #1f7ee9);
  border-radius: 8px;
  padding: 12px;
  color: #fff;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
}
img.bannerTop {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 10px;
  border: 2px solid #ffffff10;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset, rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
body.no-param-style .navbartopincaseaddfund {
  position: sticky;
  top: 0;
  z-index: 10000;
}
ul.sidebarul li a {
  background: #1c2d44;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  margin: 8px 0;
  display: flex;
  justify-content: space-between;
}
ul.sidebarul li a i {
  margin-left: 0;
}

@media (max-width: 500px) {
  .linkgrop span {
    max-width: 250px;
    overflow: auto;
  }
}

.dropdownOrdsfilts {
  margin-bottom: 10px !important;
}
.dropdownOrdsfilts button#orderStatusDropdown:after {
  margin-left: auto;
}
.dropdownOrdsfilts button#orderStatusDropdown {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
}
.dropdownOrdsfilts ul.dropdown-menu li a i {
  color: #ffffff99;
  margin-right: 10px;
}
button.btn.btn-primary.btn-Level {
  background: #98c9ff;
  color: #1475e1;
  top: -16px;
  border-radius: 6px;
}
.topProfdet h3 span {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.support-box {
  background: #1475e1;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
  height: auto;
  margin-bottom: 10px;
}
.support-box .highlight {
  color: #ffffff99;
  text-transform: uppercase;
}
.support-box .highlight {
  font-size: 16px;
  margin-bottom: 2px;
}
.support-box p.card-sub {
  font-size: 14px;
  font-weight: 500;
}
.badge-custom {
  background: #ffffff20;
  border: 1px solid #ffffff20;
}

.currenwrap {
  display: flex;
  background: #1c2d44;
  padding: 0px;
  border-radius: 6px;
  gap: 5px;
  height: 32px;
}
.currenwrap a.btnNav.Navcurren {
  padding: 12px 5px;
  border-radius: 0 5px 5px 0px;
  height: 100%;
  margin: 0;
  width: 30px;
}
ul.dropdown-menu li a {
  font-weight: 600;
}
.changeBox div input {
  font-weight: bold;
}
.select2-results__option a {
  padding: 8px !important;
}

.ticket-header h5 {
  font-size: 16px;
}
.ticket-header a.btn.btn-outline-light.btn-sm {
  height: 40px;
  width: 40px;
  color: #fff !important;
}
.ticket-header {
  line-height: 1;
  padding: 10px !important;
}

@media (max-width: 765px) {
  ul.mb-0.nav.nav-pills.nav-fill.gap-2.tabletoppills.servfills{
    flex-direction: column;
  }
  ul.mb-0.nav.nav-pills.nav-fill.gap-2.tabletoppills.servfills li {
    width: 100%;
    max-width: 100%;
  }
}
.noticeCard {
  justify-content: space-between !important;
  padding: 6px 10px;
  flex-direction: row-reverse;
}
.noticeCard > div {
  width: auto;
}
.noticeCard p {
  text-transform: uppercase;
  background: linear-gradient(45deg, #fff, #aaa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.noticeCard small {
  display: none;
}
.noticeCard a.watchBtn {
  font-size: 20px;
  margin-left: 15px;
  line-height: 1;
  margin-right: 0;
}


/* Custom animation keyframes */
@keyframes dropdownFadeInTop {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Apply the animation to Bootstrap 5 dropdowns */
.acc-user .acc-mail {
  color: #ffffff99;
}
.acc-user a.btn.btn-primary {
  padding: 4px;
  margin-top: 8px;
}
.acc-user {
  padding: 10px;
  color: #fff;
  font-size: 14px;
  border-bottom: 1px solid #ffffff10;
}


.profDD .dropdown-menu {
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  display: block; /* needed to allow transition, overridden by Bootstrap */
  pointer-events: none; /* prevent interaction before fully open */
}

.profDD .dropdown .dropdown-menu.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.profDD .dropdown ul.dropdown-menu {
  min-width: 200px;
}

div.profDD-offcanvas {
  background: transparent;
  height: 252px !important;
  padding: 10px;
}
div.profDD-offcanvas .offcanvas-body {
  padding: 0;
  display: flex;
  flex-direction: column;
}
.profDD-offcanvas ul.dropdown-menu.show {
  width: 100%;
  margin: 0;
  margin-bottom: 0;
}

.profDD-offcanvas ul.dropdown-menu.show {
  border-radius: 15px !important;
  border: 1px solid #ffffff20;
}
.profDD .dropdown ul.dropdown-menu li a {
  padding: 10px 15px;
}
a.btmbarbtn {
  outline: none !important;
}



.well.signupformwell {
  padding: 22px 20px;
  margin: 0 5px;
  border-radius: 8px;
}
span.headingSUform {
  font-size: 16px;
  line-height: 1.1;
  margin-bottom: 20px;
  display: block;
  text-transform: uppercase;
  text-align: center;
  display: block;
}
.goofgBtn {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  margin-bottom: 12px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1c2d44;
  border: 1px solid #ffffff20;
}
.goofgBtnMainbtn {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
}
.goofgBtnMainbtn span {
  font-size: 16px;
  line-height: 1;
}
.goofgBtnMainbtn img {
  max-width: 15px;
}
.goofgBtnHidden {
  width: 100%;
  opacity: 0.01;
}
.well.signupformwell .dividerLine {
  margin-bottom: 5px;
}
.alreadysingin {
  background: #1c2d44;
  padding: 18px;
  text-align: center;
  margin: -20px;
  margin-top: 20px;
  border-radius: 0 0 8px 8px;
}
.well.signupformwell .form-control {
  padding: 11px 16px;
}





/* Error Alert Styles */
.eRRalrt.alert {
  padding: 0 35px 0 0;
}
.eRRalrt.fade.show {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 15px;
  flex-direction: column;
  padding: 0;
}
.mainerrdiv {
  background: linear-gradient(45deg, #ff9a9e, #fecfef, #fcb69f); /* New error gradient */
  padding: 10px;
  border-radius: 7px;
  width: 100%;
  color: #000;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

/* Success Alert Styles */
.eRRalrt.sUcconealrt .mainerrdiv {
  background: linear-gradient(45deg, #8fffcb, #2de38f, #b2ffda); /* New success gradient */
  color: #000;
  border-radius: 7px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

/* Alert Button Styles */
button.alertbtnerr {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  width: 100%;
  text-decoration: none;
  line-height: 1.2;
  color: inherit;
  border-radius: 7px;
}
button.alertbtnerr div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  margin-left: auto;
}
button.alertbtnerr div span {
  font-size: 12px;
  font-weight: 500;
  color: #333;
}
button.alertbtnerr div small {
  font-size: 15px;
  font-weight: 700;
}

/* Icon Styles */
.ordeicodiv i {
  min-height: 30px;
  min-width: 30px;
  border-radius: 7px;
  margin-right: 5px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

/* Error icon */
.eRRalrt .ordeicodiv i {
  background: #c62828; /* Slightly new red */
}

/* Success icon */
.eRRalrt.sUcconealrt .ordeicodiv i {
  background: #2e7d32;
}

.ordeicodiv {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  margin-right: auto;
  margin-left: 0 !important;
}

/* Close Button Styles */
.eRRalrt button.btn-close {
  background: #1c2d44;
  opacity: 1;
  padding: 8px;
  border-radius: 7px;
  color: #000;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  border: 0;
  color: #fff;
  font-size: 12px;
}

/* Additional Action Buttons */
.btn-xtra {
  background: #fff;
  opacity: 1;
  padding: 6px;
  border-radius: 7px;
  color: #000;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border: 1px solid #ddd;
  margin-right: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.xtrabtngrp {
  display: flex;
  margin-left: auto;
}

.xtrabtngrp button {
  position: relative !important;
}

/* Collapse Content Styles */
.collapse p {
  margin-bottom: 0;
  color: #333;
  font-size: 14px;
}

button.btn.btn-link.alertbtnerr .caretbtn {
  transform: rotate(180deg);
  height: fit-content !important;
  line-height: 1;
  margin: auto 0;
  transition: all 0.5s ease;
}
button.btn.btn-link.alertbtnerr.collapsed .caretbtn {
  transform: rotate(0deg);
  height: fit-content !important;
  line-height: 1;
  margin: auto 0;
}

.eRRalrt {
  display: flex;
  flex-direction: row-reverse !important;
  gap: 5px !important;
}

a.navbar-brand img {
  height: auto;
  max-width: 120px;
}
a.loginBtnnav {
  padding: 6px 10px;
  height: auto;
  background: #1475e1;
  color: #fff;
  border: 0;
  font-weight: 700;
  border-radius: 5px;
  text-decoration: none;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
}
a.loginBtnnav.LoginbtnNav {
  display: none;
}

.googleBtn.singIngogl {
  display: inline-flex;
  margin: 0;
  border-radius: 14px;
  overflow: hidden;
}

.btnGroupsignIn {
  display: flex;
  gap: 10px;
}
.googleBtn.singIngogl {
  display: inline-flex;
  margin: 0;
  overflow: hidden;
  width: 49px;
  border-radius: 0;
  align-items: center;
  justify-content: center;
}
.loginCard input.form-control {
  border: 1px solid #ffffff10;
}
.loginCard a.forgot-password {
  background: transparent;
  bottom: 0;
  height: 100%;
  top: 0;
  padding: 10px;
  right: 0;
  border-radius: 0 6px 6px 0;
  border-left: 1px solid #ffffff10;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
}
.loginCard input#password {
  padding-right: 130px;
}
.loginCard {
  background: #152234 /*#0f212e*/;
  border: 0;
  border-radius: 8px;
  width: 100%;
  padding: 25px;
}
section.firstSec {
  margin-top: -20px;
  padding: 20px 5px;
}
.rotating-text-container {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff99;
  text-align: center;
}
.rotating-text {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: flex;
  gap: 5px;
}
.text-wrapper {
  position: relative;
  display: inline-block;
  height: 1.2em;
  vertical-align: bottom;
  overflow: hidden;
}
.rotating-word {
  display: inline-block;
  position: absolute;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.5s ease, transform 0.5s ease;
  color: #fff;
  font-weight: 800;
}
.rotating-word.active {
  position: relative;
  opacity: 1;
  transform: translateY(0);
}
.static-text {
  display: inline-block;
}
span.animatedHigh {
  color: #1475e1;
  background: url(https://storage.perfectcdn.com/heheql/9p1p34suh7go29m7.svg);
  background-size: 122%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-text-stroke: 1px #1475e1;
}
.newtopCont h1 img {
  max-width: 25px;
}
.newtopCont h1 {
  text-align: center;
  font-size: 25px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-weight: 900;
  -webkit-text-stroke: 1px #fff;
}

.btnGroupsignIn {
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: stretch;
}
.btnGroupsignIn .googleBtn {
  max-width: 100%;
  margin: 0;
}


.afterBeforeboxcard {
  background: #152234;
  padding: 25px;
  border-radius: 8px;
  padding-bottom: 0;
}
.afterBeforeboxcard ul.nav-tabs {
  border: 0;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  overflow-y: hidden;
  gap: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.afterBeforeboxcard ul.nav-tabs::-webkit-scrollbar {
  display: none;
}
.afterBeforeboxcard ul.nav-tabs li button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  border-radius: 10px;
  color: #fff;
  background: #1c2d44;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.afterBeforeboxcard ul.nav-tabs li button.active {
  background: #1475e1;
  color: #fff;
  border-color: #ffffff20;
}
.afterBeforeboxcard ul.nav-tabs li button:hover {
  border-color: #ffffff10;
}
.afterBeforeboxcard ul.nav-tabs.afterbeforeul {
  display: flex;
  justify-content: center;
  padding-bottom: 10px;
}
.loginCard input.form-control {
  font-size: 12px;
}

.newtopCont h1 {
  text-align: center;
  font-size: 25px;
  text-transform: uppercase !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: 'Okra', sans-serif;
  font-weight: 800;
  -webkit-text-stroke: 0;
}

.bottomHighlights {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.bottomHighlights img {
  max-height: 35px;
}
.bottomHighlights {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  padding: 8px;
  width: fit-content;
  margin: auto;
  margin-top: 15px;
  border-radius: 10px;
}
.cardsSocialgrid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(1, 1fr); /* Default: Mobile */
}

@media (min-width: 600px) {
  .cardsSocialgrid {
    grid-template-columns: repeat(2, 1fr); /* Tablet */
  }
}

@media (min-width: 1000px) {
  .cardsSocialgrid {
    grid-template-columns: repeat(3, 1fr); /* Laptop */
  }
}

.cardsSocial {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  background: #152234;
  padding: 15px;
  border-radius: 8px;
}
.cardsSocial i {
  background: #1475e1;
  min-height: 36px;
  min-width: 36px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
}
.cardsSocial p {
  margin-bottom: 5px;
  font-size: 16px;
}
.cardsSocial small {
  line-height: 1.3;
  color: #ffffff99;
  display: block;
  font-weight: 600;
}
section.thirdSec {
  padding: 50px 10px;
}
.headingSections {
  margin-bottom: 20px;
}
.headingSections span.dividergrad {
  margin: 5px;
}

@media(min-width: 768.20px) {
  .border-right-md {
    border-right: 1px solid #dee2e6;
  }
}
section.secSec {
  padding: 20px 5px;
}
.btnGroupsignIn .goofgBtn {
  background: #fff;
  margin: 0;
  color: #000;
  font-weight: 600;
  height: 36px;
  border-radius: 5px;
}
.btnGroupsignIn .goofgBtn .goofgBtnMainbtn span {
  font-size: 14px;
}
.headingSectionsnew h2 {
  font-family: 'Proxima Nova Rg', sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  font-weight: bolder;
  color: #ffffff;
}
.headingSectionsnew h2 span {
  color: #1475e1;
}
section.secondSec {
  padding: 0;
}
section.thirdSec {
  padding: 25px 10px;
}
.paymentinfoRow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.paymentinfoRow img {
  max-width: 85px;
}
section.paymentSec {
  padding: 20px 0;
}
.cardCTA {
  background: #152234;
  padding: 40px 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 15px;
}
.cardCTA img {
  max-width: 125px;
  margin-bottom: 30px;
}
.cardCTA h3 {
  font-weight: 700;
  margin-bottom: 10px;
}
.cardCTA p {
  color: #ffffff99;
  margin: 0;
}
section.ctaPp {
  padding: 20px 5px 0;
}

.gradient-bgsigin {
  width: 100%;
  height: 200px;
  background: linear-gradient(to right, #1475e1, #0d6efd, #0ea5e9);
  margin-top: -130px;
  clip-path: polygon(0 35%, 100% 0%, 100% 100%, 0% 100%);
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  z-index: 1;
  margin-bottom: -50px;
}
.gradient-bgsigin ul {
  color: #fff;
  list-style: none;
  padding: 10px 18px;
  display: flex;
  gap: 15px;
}
.gradient-bgsigin ul li a {
  color: #fff;
  text-decoration: none;
}
span.text-wrapper {
  background: url(https://storage.perfectcdn.com/heheql/hn7kj1lqe7mkegtp.svg);
  background-size: cover;
  background-position: center;
}
.headingSectionsnew .rotating-text {
  justify-content: center;
  margin-bottom: 15px;
  color: #ffffff99;
}
.headingSectionsnew.bilstype h2 span {
  background: url(https://storage.perfectcdn.com/heheql/2hgfkaqdfh5f6su0.svg);
  background-size: cover;
  background-position: center;
}
/* Instagram */
.cardsSocial.igcard {
  background: linear-gradient(117deg, #c2358433 5.41%, #c235841f 11.39%, #c2358414 44.19%, #c2358412 83.5%);
}
.cardsSocial.igcard i {
  background: url(https://i.imgur.com/1F1ZabO.png) center / cover;
}

/* Facebook */
.cardsSocial.fbcard {
  background: linear-gradient(117deg, #1877f233 5.41%, #1877f21f 11.39%, #1877f214 44.19%, #1877f212 83.5%);
}
.cardsSocial.fbcard i {
  background: #1877F2;
}

/* X/Twitter */
.cardsSocial.xcard {
  background: linear-gradient(117deg, #00000033 5.41%, #0000001f 11.39%, #00000014 44.19%, #00000012 83.5%);
}
.cardsSocial.xcard i {
  background: #000000;
}

/* LinkedIn */
.cardsSocial.licard {
  background: linear-gradient(117deg, #0077b533 5.41%, #0077b51f 11.39%, #0077b514 44.19%, #0077b512 83.5%);
}
.cardsSocial.licard i {
  background: #0077B5;
}

/* YouTube */
.cardsSocial.ytcard {
  background: linear-gradient(117deg, #FF000033 5.41%, #FF00001f 11.39%, #FF000014 44.19%, #FF000012 83.5%);
}
.cardsSocial.ytcard i {
  color: #FF0000;
  background: #fff;
}

/* Telegram */
.cardsSocial.tgcard {
  background: linear-gradient(117deg, #229ED933 5.41%, #229ED91f 11.39%, #229ED914 44.19%, #229ED912 83.5%);
}
.cardsSocial.tgcard i {
  background: #229ED9;
}

/* TikTok */
.cardsSocial.ttcard {
  background: linear-gradient(117deg, #69C9D033 5.41%, #69C9D01f 11.39%, #69C9D014 44.19%, #69C9D012 83.5%);
}
.cardsSocial.ttcard i {
  background: #69C9D0;
}

/* Spotify */
.cardsSocial.sptcard {
  background: linear-gradient(117deg, #1DB95433 5.41%, #1DB9541f 11.39%, #1DB95414 44.19%, #1DB95412 83.5%);
}
.cardsSocial.sptcard i {
  background: #1DB954;
}

.cardsSocial.snapcard {
  background: linear-gradient(117deg, #b9ae1d33 5.41%, #b7b91d1f 11.39%, #b9a61d14 44.19%, #b9a71d12 83.5%);
}
.cardsSocial.snapcard i {
  background: #fbff00;
  text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, -1px -1px 0px #000, 1px -1px 0px #000;
}

.form-control, .form-control:focus {
  font-size: 12px;
}
.descflex {
  font-size: 12px;
}
.DescSpecschild i {
  min-height: 30px;
  min-width: 30px;
  height: 30px;
  width: 30px;
  font-size: 14px;
}
button.btn.btn-primary {
  font-size: 13px;
}
.nav-pills .nav-link {
  font-size: 13px;
  line-height: 1;
}
.navbartopincaseaddfund span {
  width: fit-content;
}
.suppaddfunds small {
  font-size: 11px;
}
.suppaddfunds a {
  font-size: 15px;
}
.DescSpecschild {
  min-width: 100px;
}
a.btn.btn-primary.wp-tbn {
  margin: 0 10px;
  width: -webkit-fill-available;
  margin-top: 10px;
}
.bottomflexServ {
  border-bottom: 0;
  border-top: 1px solid #ffffff10;
}
.tickets-uploader button span {
  font-weight: 700;
}


.form-control .badge.badge-secondary.badge-pill.rounded-pill, .select2-container--default .select2-results > .select2-results__options .badge.badge-secondary.badge-pill.rounded-pill {
  background: linear-gradient(45deg, #1475e1, #1f7ee9);
  border-radius: 4px !important;
  line-height: 1;
  margin-right: 5px;
  vertical-align: middle;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  min-width: fit-content !important;
}
.select2-container--default .select2-results > .select2-results__options .select2-results__option.active .badge.badge-secondary.badge-pill.rounded-pill {
  background: #fff;
}
small.help-block.min-max {
  background: #1475e1;
  padding: 4px 5px;
  display: block;
  margin-top: -2px;
  border-radius: 0 0 5px 5px;
  text-align: center;
  line-height: 1;
}
/*.changeBox div.topline {
justify-content: start;
}
.changeBox div.topline input#charge {
text-align: left;
margin-left: 10px;
}*/
@media(max-width: 1024px) {
  .DescSpecs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.suppBody {
  font-size: 12px;
}
.ticket-header {
  font-size: 12px;
  padding: 6px !important;
}
.ticket-header h5 {
  font-size: 14px;
}
.ticket-header a.btn.btn-outline-light.btn-sm {
  height: 35px;
  width: 35px;
  color: #fff !important;
}
.status-card {
  font-size: 12px;
  border-radius: 7px;
}

/*.changeBox div.topline {
font-weight: 500;
border: 0;
}
.bottomOrdgroup {
display: flex;
align-items: center;
gap: 15px;
}
.bottomOrdgroup button.btn {
width: 50%;
}
.bottomOrdgroup input#charge {
width: fit-content !important;
min-width: 50px !important;
font-family: 'SF Pro Display', sans-serif;
}
.bottomOrdgroup .changeBox div.topline span {
display: flex;
align-items: center;
white-space: nowrap;
}
.bottomOrdgroup .changeBox {
margin: 0 !important;
}
.bottomOrdgroup  .changeBox > div span i {
height: 25px;
width: 25px;
}*/
.btn.btn-primary {
  position: relative;
  overflow: hidden;
}
.btn.btn-primary:after {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -100%;
  background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, .5) 50%, rgba(229, 172, 142, 0));
  transform: rotateZ(60deg) translate(-5em, 7.5em);
  animation: 2s infinite forwards sheen;
}
@keyframes sheen {
  100% {
    transform: rotateZ(70deg) translate(10em,-100em)
  }
}
form#order-form label.control-label {
  font-size: 12px;
}
img.bannerTop {
  border: 2px solid #1475e1;
}

.DescSpecschild .hetopse i {
  height: fit-content;
  width: fit-content;
  display: inline-flex;
  background: transparent;
  padding: 0;
  box-shadow: none;
  min-height: auto;
  min-width: auto;
  margin-right: 4px;
  vertical-align: bottom;   
  color: #1475e1;
}
.DescSpecschild .hetopse {
  margin-bottom: 8px;
}
.select2-container--default .select2-results > .select2-results__options .select2-results__option.active .badge.badge-secondary.badge-pill.rounded-pill {
  background: #fff;
  color: #1475e1;
  line-height: 1;
  vertical-align: baseline;
}
.descflex {
  font-size: 13px;
}
.form-control, .form-control:focus {
  font-size: 14px;
}
ul.currenList li a {
  display: flex;
  gap: 10px;
  text-decoration: none;
  background: #ffffff10;
  padding: 5px 10px;
  color: #fff;
  border-radius: 10px;
}
ul.currenList {
  display: flex;
  padding: 0;
  list-style: none;
  gap: 10px;
}

button.btn.btn-primary.btngrpOrdnew {
  font-size: 14px;
  padding: 10px;
  line-height: 1.2;
}
button.btn.btn-primary.btngrpOrdnew span {
  text-align: left;
  font-size: 12px;
  color: #ffffff99;
}
button.btn.btn-primary.btngrpOrdnew div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
button.btn.btn-primary.btngrpOrdnew p {
  margin: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  text-transform: uppercase;
  white-space: nowrap;
  font-style: italic;
}
button.btn.btn-primary.btngrpOrdnew {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'SF Pro Display', sans-serif;
  padding: 5px;
  padding-right: 16px;
}
button.btn.btn-primary.btngrpOrdnew input#charge {
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: 0;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  text-align: left;
  max-width: 140px;
  margin-left: -2px;
}


ul.listNumb li small {
  line-height: 1;
  color: #00000099;
}
ul.listNumb li p {
  margin: 0;
  line-height: 1;
}
ul.listNumb li span.procNum {
  height: 40px;
  width: 40px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #1475e1;
  margin-right: 10px;
}
ul.listNumb li {
  display: flex;
  align-items: center;
  align-content: flex-start;
}
ul.listNumb {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  gap: 10px;
  margin: 0;
  text-align: left;
}
small.help-block.min-max {
  background: #1c2d44;
  padding: 5px 5px;
  display: block;
  margin-top: -2px;
  border-radius: 0 0 5px 5px;
  text-align: center;
  line-height: 1;
  border-top: 1px solid #ffffff10;
}
.alert {
  padding: 10px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.alert button {
  background: #fff;
  border: 0;
  font-weight: 700;
  font-size: 20px;
  height: 25px;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
button.btn.btn-link.alertbtnerr {
  width: -webkit-fill-available;
  background: transparent;
}
.eRRalrt.fade.show {
  display: block;
}
.xtrabtngrp {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.newtopCont iframe {
  border: 1px solid #ffffff10;
  border-radius: 12px;
  display: flex;
  width: 100%;
  max-width: 560px;
  margin: auto;
  margin-top: 15px;
  box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
}

section.ctaPp {
  position: relative;
  z-index: 2;
}
.topProfdet a.btn.btn-primary:after {
  display: none;
}
.topProfdet a.btn.btn-primary {
  padding: 5px 20px;
}



/* Make all players responsive */
/* Wrapper Animation */
.vidWrap {
  /*animation: 5s fadevid linear;*/
  overflow: hidden;
  padding: 0;
  margin: 0 auto;
  max-width: 100%;
}

/* Fade In Animation */
@keyframes fadevid {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Plyr Styling 
.plyr {
max-width: 560px !important;
margin: auto;
}
.plyr-player {
max-width: 560px;
margin: 0 auto;
aspect-ratio: 16 / 9;
object-fit: cover;
display: block;
border: none;
padding: 0;
}

.plyr--video .plyr__controls {
justify-content: center;
gap: 1rem;
}

.plyr__control--fullscreen {
transition: opacity 0.3s ease;
}

.plyr--paused .plyr__controls {
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.plyr.plyr--paused .plyr__controls button.plyr__controls__item.plyr__control[data-plyr="fullscreen"] {
display: none;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1;
width: -webkit-fill-available;
height: auto;
}*/

.plyr {
  max-width: 560px;
  width: 100%;
  max-height: 320px;
  aspect-ratio: 16 / 9;
}
.plyr {
  max-width: 512px !important;
  margin: auto;
}
.plyr.plyr--paused .plyr__controls button.plyr__controls__item.plyr__control[data-plyr="fullscreen"] {
  display: none;
}
.plyr__poster {
  width: -webkit-fill-available !important;
  margin: -50px;
  height: auto !important;
}
.rotating-text img {
  max-width: 20px;
}

.goofgBtnHidden {
  opacity: 0.01;
  width: auto;
  transform: scale(2.5);
}