/* IMPORTS */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900;1000&display=swap');

/* MAJOR CHANGES */
html{
  scroll-behavior: smooth;
}
body {
    background: url(https://cdn.mypanel.link/debacb/rdgtjfndb90ffrit.png);
  	/*url(/public/vendor/i.imgur.com/RFzAoPA.webp)*/
    background-size: auto;
  	background-position: center;
  	padding: 0;
  	font-size: 14px;
}

body.guestbod {
    background: url(/public/vendor/i.imgur.com/SJ5CfVF.webp);
    background-size: contain;
}
.btn-primary {
    padding: 15px 40px;
    font-size: 14px;
    background: linear-gradient(to right, #39ade6, #2072f4);
    border: 2px solid #fff !important;
    border-radius: 40px;
    /*margin: 10px 5px 20px 5px;*/
    box-shadow: rgb(45 144 237 / 50%) 0px 20px 30px;
    font-weight: 500;
}
h1, h2, h3, h4, h5, h6{
  color: #242424;
  font-family: 'Poppins',sans-serif;
}
p, label, a, button, span, div{
  color: #242424;
  font-family: 'Poppins',sans-serif;
}
.row-flex{
  	--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.align-items-center{
  align-items: center;
}
.justify-content-center{
  justify-content: center;
}
.m-0{
  margin: 0 !important;
}
.mb-1{
  margin-bottom: 10px;
}
.mb-2{
  margin-bottom: 20px;
}
.mb-3{
  margin-bottom: 30px;
}
.mb-4{
  margin-bottom: 40px;
}
.mb-5{
  margin-bottom: 50px;
}
.ml0{
  margin-left: 0;
}
.text-align-center{
  text-align: center;
}
.martop {
    padding-top: 125px;
}
.well {
    background: #2b9af220;
    backdrop-filter: blur(30px);
    border-radius: 30px;
    box-shadow: rgb(0 0 0 / 20%) 0px 20px 30px;
    transition: all 0.5s ease-in-out;
    width: 100%;
    overflow: auto;
  	border: 2px solid #2b9af2;
}
.well:hover {
    box-shadow: 0 7px 11px 0 rgb(19 19 19 / 40%), 0 8px 25px 0 rgb(170 170 170 / 39%);
}
.form-control {
    height: auto;
    min-height: 60px;
    border: 1px solid #2885ef;
    border-radius: 35px;
    box-shadow: rgb(45 144 237 / 15%) 0px 20px 30px;
}
/* A <select> does not grow with min-height the way an input does: at height:auto
   its text sat on the bottom edge and was clipped. */
select.form-control {
    height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 58px;
}
ul li a:hover span, ul li a:hover i, .profimgwrap a.profbutn:hover{
  animation-name: rubberBand;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
}

/* Modal */
.modal-backdrop.in {
    z-index: 2147483029;
    backdrop-filter: blur(2px);
    opacity: 1;
    background: #00000050;
}
.modal-open .modal{
    z-index: 2147483039;
}

/* heading */
.subtitle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.subtitle b {
    background: linear-gradient(to right, #39ade6, #2072f4);
    padding: 4px 8px 4px 4px;
    color: #fff;
    transform: rotate(-2deg)skewX(-5deg);
    margin-bottom: 10px;
}
.subtitle b span {
    background: #fff;
    margin-right: 5px;
}
.secheading h2 {
    font-weight: 900;
    color: #242424;
    word-spacing: 10px;
    text-transform: capitalize;
  	margin: 0;
  	text-align: center;
  	font-size: 35px;
}
.secheading h2 span {
    background: linear-gradient(to right, #39ade6, #2072f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.secheading p {
    text-align: center;
    max-width: 600px;
    margin: auto;
    margin-top: 10px;
}

/* USER NAVBAR & GUEST NAVBAR */
nav.usernav {
    background: #fff;
    padding: 15px 15px;
    margin: 10px;
    border-radius: 40px;
    border: 1px solid #00000010;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
nav.usernav .navbar-nav > li > a {
    color: #2072f4;
    font-family: 'Poppins',sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin: 0 5px;
    border: 2px solid transparent;
  	transition: all 0.5s ease-in-out;
}
nav.usernav .navbar-nav > li.active > a, nav.usernav .navbar-nav > li.active > a:hover, nav.usernav .navbar-nav > li.active > a:focus {
    background: linear-gradient(to right, #39ade6, #2072f4);
    color: #fff;
    font-size: 16px;
    border: 2px solid #fff;
    border-radius: 40px;
    box-shadow: rgb(45 144 237 / 50%) 0px 20px 30px;
    font-weight: 500;
}
nav.usernav .navbar-nav > li > a:hover, nav.usernav .navbar-nav > li > a:focus {
    background: #fff;
    color: #242424;
    border-radius: 40px;
}
nav.guestnav {
    background: #fff;
    padding: 15px 15px;
    margin: 10px;
    border-radius: 40px;
    border: 1px solid #00000010;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
nav.guestnav .navbar-nav > li > a {
    color: #2072f4;
    font-family: 'Poppins',sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin: 0 5px;
    border: 2px solid transparent;
  	transition: all 0.5s ease-in-out;
}
nav.guestnav .navbar-nav > li > a:focus{
  background: transparent;
  color: #2072f4;
  outline: none;
}
nav.guestnav .navbar-nav > li.active > a, nav.usernav .navbar-nav > li.active > a:hover, nav.usernav .navbar-nav > li.active > a:focus {
    background: linear-gradient(to right, #39ade6, #2072f4) !important;
    color: #fff;
    font-size: 16px;
    border: 2px solid #fff;
    border-radius: 40px !important;
    box-shadow: rgb(45 144 237 / 50%) 0px 20px 30px;
    font-weight: 500;
}
nav.guestnav .navbar-nav > li > a:hover, nav.usernav .navbar-nav > li > a:focus {
    background: #fff;
    color: #242424;
    border-radius: 40px;
}
button.navbar-toggle {
    background: linear-gradient(to right, #39ade6, #2072f4);
    color: #fff;
    border-radius: 50px;
    box-shadow: 0px 15px 35px -10px #2072f4;
    border: 2px solid #fff;
    float: right;
    height: 52px;
    width: 52px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0;
    padding: 18px;
}

/* FOOTER 
footer {
    padding: 0 0 20px 0;
    margin-top: 90px;
    background: url(/public/vendor/i.imgur.com/WGF74dV.webp);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
  	flex-wrap: wrap;
    filter: contrast(1.1);
}
img.wavedivider{
  	width: 100%;
    margin-bottom: 25px;
  	filter: hue-rotate(15deg);
}
img.upperwavedivider {
    width: 100%;
    filter: hue-rotate(15deg);
    margin-top: -55px;
}
p.copyrighttext {
    margin: 10px 0;
}
a.trustpilotdiv {
    text-decoration: none;
    backdrop-filter: blur(48px);
    display: block;
    background: #ffffff30;
    padding: 10px;
    border-radius: 20px;
    box-shadow: 3px 3px 0px 0px #d7ebe1;
    border: 2px solid #d7ebe1;
    color: #242424;
    cursor: pointer;
}
a.trustpilotdiv p {
    text-align: center;
    margin-bottom: -10px;
}
a.trustpilotdiv img {
    display: block;
    margin: auto;
}
a.trustpilotdiv small {
    text-align: center;
    display: block;
}*/

/* PAGE Sign In */
/* First Section */
.firstsec {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background: url(/public/vendor/i.imgur.com/gfaASQC.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 100px;
  	margin-top: -125px;
}
.topcont {
    margin: 100px 0 !important;
    padding: 20px !important;
    background: #fff !important;
    border-radius: 35px !important;
    border: 1px solid #00000020 !important;
}
.topcont {
    padding: 100px 0;
}
.topcont h1 {
    color: #242424;
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
    text-transform: uppercase;
    font-size: 32px;
}
.topcont h1 big {
    font-weight: 800;
    font-size: 50px;
    background: linear-gradient(to right, #39ade6, #2072f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.topcont h1 span {
    display: inline-block;
    background: linear-gradient(to right, #39ade6, #2072f4);
    padding: 10px;
    color: #fff;
    transform: rotate(-2deg)skewX(-5deg);
    margin: 10px 0 0 0;
}
.topcont p {
    font-family: 'Poppins',sans-serif;
    color: #555;
    margin-top: 25px;
}
.topcont .subheading {
    display: flex;
    align-items: center;
    margin-bottom: -12px;
}
.topcont .subheading i {
    background: #feb9b4;
    padding: 6px;
    color: #ea1e24;
    border-radius: 10px;
    border: 1px solid #ea1e2450;
    margin-right: 10px;
}
.topcont .subheading p {
    margin: 0;
    color: #ea1e24;
    font-size: 13px;
    font-weight: 500;
}
.topcont.loginbox .btn-primary {
    width: 49%;
    font-size: 14px;
    margin: 5px 0;
}
a.btn.btn-primary.signupbtn {
    background: linear-gradient(to right, #1bb929, #00a635);
    box-shadow: rgb(10 173 49 / 30%) 0px 20px 30px;
}
.happycust {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background: #ffffffb8;
    padding: 6px 16px 6px 6px;
    border-radius: 55px;
    margin-top: 10px;
    backdrop-filter: blur(10px);
    border: 2px solid #2b9af2;
}
.happycust img:first-child {
    margin-left: 0;
}
.happycust img {
    max-width: 50px;
    border: 3px solid #ffffff;
    border-radius: 29px;
    margin-left: -10px;
}
.happycust > div > p:first-child {
    font-size: 13px;
    background: linear-gradient(to right, #39ade6, #2072f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.happycust p {
    margin: 0;
    margin-left: 10px;
    color: #242424;
}
.happycust p small {
    margin-left: 5px;
}
.signinfade {
    position: fixed;
    height: 100%;
    width: 0;
    max-width: 400px;
    z-index: 1000000;
    top: 0;
    right: 0;
    background: url(/public/vendor/i.imgur.com/Hh75CDO.jpg);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
    transition: all 0.5s ease-in-out;
    box-shadow: rgb(100 100 111 / 30%) -50px 0px 29px 0px;
}
.signinfade.active{
  width: 100%;
  padding: 25px;
}
.loginbox {
    background: #ffffffb5;
    padding: 16px;
  	margin-bottom: 15px;
    border: 1px solid #ffffff50;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
.loginbox h2 {
    font-family: 'Poppins',sans-serif;
    font-size: 25px;
    font-weight: 700;
}
.loginbox h2 span {
    background: linear-gradient(to right, #39ade6, #2072f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  	font-weight: 800;
  	font-size: 35px;
}
.loginbox form input.form-control {
    height: 55px;
    border-radius: 40px;
    border: 2px solid #2e94ec;
  	padding-left: 60px;
}
.loginbox form .form-group {
    position: relative;
}
.loginbox form .form-group i {
    background: linear-gradient(to right, #39ade6, #2072f4);
    min-height: 45px;
    min-width: 45px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 7.3px;
    left: 7.3px;
}
.loginbox p {
    font-size: 14px;
}
.signinfadeheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 15px 20px;
    margin: -25px;
    margin-bottom: 10px;
  	box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
.signinfadeheader h2 {
    margin: 0;
    font-size: 25px;
    font-weight: 700;
    background: linear-gradient(to right, #39ade6, #2072f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.5;
}
.signinfadeheader button {
    background: linear-gradient(to right, #39ade6, #2072f4);
    border: 2px solid #fff !important;
    border-radius: 40px;
    box-shadow: rgb(45 144 237 / 50%) 0px 20px 30px;
    font-weight: 500;
    height: 48px;
    width: 48px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.mobheroele{
  display: none;
}
.topsecimg{
  display: block;
  width: auto;
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
  z-index: -1;
}
img.chardesk.topsecimg {
    z-index: -2;
}
.firstsec{
  background: none;
}
img.yticon.topsecimg {
  animation: float 4.5s ease-in-out infinite;
}
img.tgicon.topsecimg{
  animation: float 2.5s ease-in-out infinite;
}
img.spticon.topsecimg{
  animation: float 3s ease-in-out infinite;
}
img.igicon.topsecimg{
  animation: float 3.5s ease-in-out infinite;
}
img.fbicon.topsecimg{
  animation: float 2.5s ease-in-out infinite;
}
img.plntdesk.topsecimg {
  left: 0;
  height: 100%;
}
@media (max-width: 991.20px){
  .topsecimg {
    display: block;
    width: auto;
    position: absolute;
    right: 0;
    width: 240%;
    height: auto;
    bottom: 0;
    top: auto;
  }
  img.chardesk.topsecimg {
    position: inherit;
    display: block;
    float: right;
  }
  section.firstsec{
    background: transparent;
  }
}
@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}

/* Marquee Div */
.marqueediv {
    background: linear-gradient(to right, #39ade6, #2072f4);
    padding: 15px;
}
.marqueediv marquee h3 {
    margin: 0;
    color: #fff;
    font-weight: 900;
  	font-size: 35px;
    line-height: 1;
}
.marqueediv marquee h3 i {
    margin: 0 20px;
    color: #000;
  	line-height: 1;
  	font-size: 30px;
}

/* Second Section */
section.scndsec {
    padding: 50px 0;
  	background: #fff;
}
.scndcard {
    display: flex;
    align-items: center;
    padding: 15px;
    background: #ffe5e7;
    margin: 10px 0;
    border-radius: 25px;
}
.scndcard img {
    max-width: 80px;
    border-radius: 16px;
    margin-right: 15px;
}
.scndcard h3 {
    font-weight: 800;
    background: linear-gradient(to right, #bc374e, #cc333f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}
.scndcard p {
    margin: 0;
}
.scndcard.scndyel {
    background: #fff3e1;
}
.scndcard.scndyel h3 {
    background: linear-gradient(to right, #ebb665, #c48f3f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.scndcard.scndblu {
    background: #e7f2ff;
}
.scndcard.scndblu h3 {
    background: linear-gradient(to right, #7da8d6, #409bff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.scndcard.scndgrn {
    background: #ebf5da;
}
.scndcard.scndgrn h3 {
    background: linear-gradient(to right, #98bc59, #92bb4a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Third Section */
section.thrdsec {
    padding: 50px 0;
}
.thrdcard {
    padding: 24px;
    border: 2px solid #2b9af2;
    border-radius: 35px;
    background: url(https://cdn.mypanel.link/debacb/op36xb5urip4lcl6.png);
    box-shadow: 2px 2px 80px -40px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    margin: 50px 0 20px 0;
}
.thrdcard h3 {
    display: block;
    background: linear-gradient(to right, #14b1f8, #2072f4);
    padding: 16px;
    color: #fff;
    margin-top: -58px;
    text-align: center;
    font-weight: 700;
    border: 2px solid #fff !important;
    border-radius: 40px;
    box-shadow: rgb(45 144 237 / 50%) 0px 20px 30px;
}
.thrdcard p {
    font-size: 14px;
    color: #555;
    background: #ffffff99;
    padding: 20px;
    border: 2px solid #2b9af2;
    border-radius: 20px;
    backdrop-filter: blur(65px);
}

/* Fourth Section */
section.frthsec {
    padding: 50px 0;
    background: #fff;
}
ul.nav.nav-pills.stepspill {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
ul.nav.nav-pills.stepspill li {
    width: 100%;
}
ul.nav.nav-pills.stepspill li a {
    display: flex;
    align-items: center;
    background: #eaf6ff;
    border: 2px solid #2b9af2;
    margin: 10px 0;
    border-radius: 20px;
  	transition: all 0.5s ease-in-out;
}
ul.nav.nav-pills.stepspill li a img {
    max-width: 80px;
    margin-right: 10px;
}
ul.nav.nav-pills.stepspill li a h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}
ul.nav.nav-pills.stepspill li a p {
    font-size: 14px;
    font-weight: 400;
    color: #555;
    margin: 0;
    margin-top: 5px;
}
ul.nav.nav-pills.stepspill li.active a {
    background: linear-gradient(to right, #39ade6, #2072f4);
    border: 2px solid #fff;
    box-shadow: rgb(45 144 237 / 50%) 0px 20px 30px;
    font-weight: 500;
}
ul.nav.nav-pills.stepspill li.active a h3 {
    color: #fff;
}
ul.nav.nav-pills.stepspill li.active a p {
    color: #ffffffb5;
}
.tab-content.stepstab-content {
    margin: 10px 0;
    padding: 20px;
}
.tab-content.stepstab-content h3 {
    background: linear-gradient(to right, #39ade6, #2072f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    margin-bottom: 10px;
}
.tab-content.stepstab-content p {
    margin-bottom: 25px;
}

/* Fifth Section */
section.fifthsec {
    padding: 50px 0;
}
.fifthbox {
    background-color: #fff;
    border-radius: 35px;
    overflow: hidden;
    border: 2px solid #2b9af2;
    margin: 20px 0;
}
.fifthbox img {
    width: 100%;
    margin-top: -20px;
}
.fifthbox div p {
    font-size: 14px;
    color: #555;
}
.fifthbox div h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}
.fifthbox div h3 span {
    background: linear-gradient(to right, #39ade6, #2072f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fifthbox div {
    padding: 25px 25px 0 25px;
}

/* Sixth Section */
section.sixthsec {
    background: #fff;
    padding: 50px 0;
}
ul.nav.nav-tabs.servul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border: 0;
  	margin-bottom: 20px;
}
ul.nav.nav-tabs.servul li a img {
    max-width: 50px;
  	margin-right: 10px;
}
ul.nav.nav-tabs.servul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 15px 5px 5px;
    border: 1px solid #00000005;
    border-radius: 20px;
    color: #000;
    margin: 0 10px 10px 0;
}
ul.nav.nav-tabs.servul li.active a {
    background: linear-gradient(to right, #39ade6, #2072f4) !important;
    color: #fff;
    border-color: #fff;
    box-shadow: rgb(45 144 237 / 50%) 0px 20px 30px;
}
ul.nav.nav-tabs.servul li.active a img {
    filter: drop-shadow(2px 2px 10px #00000050);
}
ul.nav.nav-tabs.servul li a.instapill {
    background: #ffd8eb;
}
ul.nav.nav-tabs.servul li a.fbpill {
    background: #d9edff;
}
ul.nav.nav-tabs.servul li a.ytpill {
    background: #ffd7d7;
}
ul.nav.nav-tabs.servul li a.tweetpill {
    background: #ddfdff;
}
ul.nav.nav-tabs.servul li a.tgpill {
    background: #cff4ff;
}
ul.nav.nav-tabs.servul li a.linkpill {
    background: #d4f3ff;
}
.tab-content.servcont h3 {
    background: linear-gradient(to right, #39ade6, #2072f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    font-size: 30px;
}
.tab-content.servcont {
    padding: 50px 10px;
}
.tab-content.servcont a{
  color: #2987ef;
}
.tab-content.servcont a.btn.btn-primary.ml0 {
    color: #fff;
}
img.serimg {
    width: 100%;
}
/* Seventh Section */
section.seventhsec {
    padding: 50px 0;
}
.sefcard {
    padding: 30px;
    background: #fff;
    margin: 20px 0;
    border-radius: 30px;
    border: 2px solid #2b9af2;
}
.sefcard h2 {
    font-weight: 700;
    font-size: 25px;
  	color: #292929;
}
.sefcard h2 span {
    background: linear-gradient(to right, #39ade6, #2072f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
}
.iconlist {
    display: flex;
    align-items: center;
  	margin-top: 30px;
}
.iconlist .icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
    margin-right: 15px;
}
.iconlist .icon i {
    background: linear-gradient(to right, #39ade6, #2072f4);
    color: #fff;
    font-size: 18px;
    border: 2px solid #fff;
    border-radius: 40px;
    box-shadow: rgb(45 144 237 / 50%) 0px 20px 30px;
    font-weight: 500;
    height: 55px;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.iconlist .icon p {
    margin: 0;
    font-weight: 600;
    max-width: 100px;
    line-height: 1.3;
}
.sefcard ul {
    list-style: none;
    padding-left: 15px;
}
.sefcard ul li{
  margin: 10px 0;
}
.sefcard ul li i {
    background: linear-gradient(to right, #39ade6, #2072f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  	margin-right: 10px;
}
.sefcard a {
    color: #2987ef;
}

/* Eight Section */
section.eightsec {
    padding: 50px 0;
    background: #fff;
}
.keycard {
    padding: 20px;
    background: #fff;
    border-radius: 30px;
    border: 2px solid #2b9af2;
    margin-bottom: 75px;
}
.keycard h3 {
    background: linear-gradient(to right, #39ade6, #2072f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    font-size: 22px;
    text-align: center;
}
.keycard p {
    font-size: 14px;
    text-align: center;
}
.keycard img {
    max-width: 128px;
    margin: auto;
    margin-bottom: 15px;
}
.keycard a {
    background: linear-gradient(to right, #39ade6, #2072f4);
    color: #fff;
    font-size: 16px;
    border: 2px solid #fff;
    border-radius: 40px;
    box-shadow: rgb(45 144 237 / 50%) 0px 20px 30px;
    font-weight: 500;
    padding: 10px 20px;
    display: block;
    text-align: center;
    width: fit-content;
    margin: auto;
    margin-top: 25px;
    margin-bottom: -45px;
  	text-decoration: none;
}
.keycard a i {
    margin-left: 10px;
    vertical-align: middle;
}

/* Ninth Section */
section.ninthsec {
    padding: 50px 0;
}
.faq .card-header h5 {
    padding: 16px;
    background: #ffcdcd;
    border-radius: 30px;
    cursor: pointer;
  	font-weight: 400;
}
.faq .card-header h5 span.badge {
    background: #ff6a6a;
    padding: 10px;
    height: 30px;
    width: 30px;
    border-radius: 25px;
    margin-right: 10px;
  	display: inline-flex;
    align-items: center;
    justify-content: center;
}
img.faqimg {
    width: 100%;
}
.faq .card-body p {
    padding: 20px;
    border-radius: 20px;
    background: #fff;
}
.faq .card.faq1 .card-header h5 {
    background: #ffc4c9;
}
.faq .card.faq1 .card-header h5 span.badge {
    background: #c23943;
}
.faq .card.faq2 .card-header h5 span.badge {
    background: #f79639;
}
.faq .card.faq2 .card-header h5 {
    background: #ffd8a0;
}
.faq .card.faq3 .card-header h5 span.badge {
    background: #67a7ec;
}
.faq .card.faq3 .card-header h5 {
    background: #bedafb;
}
.faq .card.faq4 .card-header h5 span.badge {
    background: #99bc5f;
}
.faq .card.faq4 .card-header h5 {
    background: #d8e9ba;
}
.faq .card.faq5 .card-header h5 span.badge {
    background: #a73eff;
}
.faq .card.faq5 .card-header h5 {
    background: #e7caff;
}

/* SIGN UP */
section.firstsec.signuphero {
    background: transparent; /* url(/public/vendor/i.imgur.com/pY6Xvwk.webp) */
  	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  	padding-top: 150px;
  	padding-bottom: 80px;
}
.regiform p.headmain {
    line-height: 1.2;
    margin-bottom: 16px;
    color: #242424;
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
    text-transform: uppercase;
    font-size: 32px;
}
  
.regiform p.headsub {
    font-size: 14px;
    margin-top: -10px;
    color: #24242499;
    margin-bottom: 20px;
}
  
.regiform p.headmain b {
    font-weight: 800;
    font-size: 50px;
    background: linear-gradient(to right, #39ade6, #2072f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.regiform {
  padding: 25px 20px;
  margin-top: 20px;
  background: #fff;
  border-radius: 35px;
}
form.signupform .form-control {
    height: 55px;
    border-radius: 15px;
}
form.signupform button.btn.btn-primary {
    width: 100%;
    margin-bottom: 30px;
}
form.signupform span.pull-right.pull-right-middle {
    margin-top: -27px;
    margin-right: 10px;
}
form.signupform span.pull-right.pull-right-middle a{
    color: #267ff1;
}

/* USER SECTION */
/* Bottom Navbar */
.bottomnav {
    width: 0px;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 2147483019;
    background-color: #fff;
    height: 100%;
  	transition: all 0.5s ease-in-out;
  	box-shadow: rgb(39 15 87 / 10%) 0px 20px 40px;
  	background-image: url(/public/vendor/i.imgur.com/RFzAoPA.webp);
    background-size: cover;
}

.brandlog {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(to right, #39ade6, #2072f4);
    padding: 15px;
    padding-bottom: 100px;
    position: relative;
}
.brandlog:before {
    content: '';
    display: block;
    background: url(/public/vendor/i.imgur.com/LcdBwfN.webp);
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.2;
    z-index: 0;
}
.brandlog div, .brandlog a {
    position: relative;
}
.brandlog img {
    max-width: 150px;
    /*filter: brightness(0)contrast(1)invert(1);*/
  	backdrop-filter: blur(19px);
    padding: 10px;
    border: 1px solid #ffffff20;
    border-radius: 16px;
}
.brandlog a.outbtn {
    font-size: 16px;
    display: inline-flex;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 13px;
    color: #2b9af2;
  	text-decoration: auto;
}
.prof {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  	margin-top: -55px;
}
.prof img {
    max-width: 100px;
    border: 6px solid #fff;
    border-radius: 60px;
}
.profimage{
  	position: relative;
  	margin: 0 4px;
}
.profimage a{
  	position: absolute;
    bottom: 10px;
    right: 0;
    background: linear-gradient(to right, #39ade6, #2072f4);
    height: 25px;
    width: 25px;
    font-size: 15px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    border: 3px solid #fff;
  	text-decoration: auto;
}
.profimgwrap {
    display: flex;
    align-items: center;
    justify-content: center;
  	position: relative;
}
.profimgwrap a.profbutn {
    display: flex;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    background: linear-gradient(to right, #39ade6, #2072f4);
    margin: 0 3px;
    color: #fff;
    border-radius: 50px;
    border: 4px solid #fff;
    text-decoration: auto;
}
.prof p {
    font-weight: 500;
    font-size: 12px;
  	margin: 0;
}
.prof p.profuser {
    color: #2b9af2;
    font-weight: 700;
    font-size: 16px;
    margin: 10px 0 5px 0;
    background: linear-gradient(to right, #39ade6, #2072f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.prof a.balprof {
    background: linear-gradient(to right, #39ade6, #2072f4);
    color: #fff;
    border-radius: 30px;
    font-weight: 500;
    font-size: 12px;
    margin: 0;
    display: flex;
    align-items: center;
    padding: 4px 4px 4px 10px;
  	text-decoration: none;
}
.prof a.balprof i {
    background: #fff;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2b9af2;
}
ul.sidebrlinks {
    list-style: none;
    padding: 20px;
    margin-top: 10px;
    height: 60%;
    overflow: auto;
}
ul.sidebrlinks::-webkit-scrollbar {
  width: 5px;
}
ul.sidebrlinks::-webkit-scrollbar-track {
  background-color: #2b9af230;
}
ul.sidebrlinks::-webkit-scrollbar-thumb {
  background-color: #2b9af2;
  border-radius: 20px;
  background-clip: content-box;
}
ul.sidebrlinks::-webkit-scrollbar-thumb:hover {
  background-color: #2b9af280;
}
ul.sidebrlinks {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    background: #ffffffc9;
    backdrop-filter: blur(25px);
    margin: 10px;
    border-radius: 20px;
}
ul.sidebrlinks li {
    width: 33.3%;
    padding: 10px 6px;
}
ul.sidebrlinks li a {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    text-align: center;
    line-height: 1.2;
    text-decoration: none;
}
ul.sidebrlinks li a i {
    display: flex;
    height: 45px;
    width: 45px;
    align-items: center;
    justify-content: center;
    background: #bcdffb;
    margin: auto;
    margin-bottom: 5px;
    border-radius: 12px;
  	color: #242424;
}
ul.sidebrlinks li.active a i {
    background: linear-gradient(to right, #39ade6, #2072f4);
    color: #fff;
}

nav.usernav{
    padding: 15px;
    background: #fff;
    border-bottom: 1px solid #00000020;
}
nav.usernav .navbar-brand, nav.usernav .navbar-toggle{
  	display: none;
}
nav.usernav.navbar.navbar-default.navbar-fixed-top {
    background-image: url(https://cdn.mypanel.link/debacb/rdgtjfndb90ffrit.png);
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    box-shadow: rgb(0 0 0 / 20%) 0px 20px 30px, rgb(0 0 0 / 8%) 0px -8px 22px;
    border-radius: 0;
  	margin: 0;
}
.profdd button.dropdown-toggle{
    background: transparent;
    border: 0;
}
button.dropdown-toggle img{
	max-width: 48px;
}
.profilecardul {
    display: flex;
    align-items: center;
    padding: 6px;
    margin: 8px;
    margin-bottom: 14px;
    background: linear-gradient(to right, #39ade6, #2072f4);
    border-radius: 50px;
}
.profilecardul img {
    max-width: 40px;
    border: 2px solid #fff;
    border-radius: 50px;
    margin-right: 5px;
}
.profilecardul p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}
ul.profiledropdown {
    border-radius: 35px 35px 20px 20px;
    padding-top: 0;
    overflow: auto;
    right: 0;
    left: auto;
    width: 190px;
    margin-top: 25px;
}
ul.profiledropdown li a{
  	text-align: center;
}
.usernav .navbar-header {
    width: 100%;
  	margin: 0;
}
.dropdown.profdd {
    float: right;
}
.pagebreadcrumb{
  display: none;
  font-size: 14px;
}
p.pagebreadcrumb a span {
    color: #2b9af2;
}
.userwrapper {
    margin: 0;
}
nav.usernav .navbar-brand {
    display: block;
    padding: 0;
    margin-left: -15px;
}
button.sidebarbtn {
    background: linear-gradient(to right, #39ade6, #2072f4);
    color: #fff;
    border-radius: 15px;
    box-shadow: 0px 15px 35px -10px #2072f4;
    border: 2px solid #fff;
    float: right;
    height: 52px;
    width: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-right: -15px;
    margin-left: 10px;
}
button.sidebarbtn .bar {
    display: block;
    height: 2.5px;
    width: 30px;
    background: #fff;
    margin: 2px 0;
    border-radius: 16px;
  	transition: all 0.5s ease-in-out;
  	position: relative;
}
button.sidebarbtn .bar.bartwo {
    width: 15px;
}
button.sidebarbtn.hamtog .bar.barone {
    transform: translateY(6px);
}
button.sidebarbtn.hamtog .bar.barthree {
    transform: translateY(-6px);
}
.bottomnav.sideOpened {
    width: 300px;
}
@media (min-width: 992px){
  .userwrapper {
    margin-left: 0;
  }
  .userwrapper .container{
    width: auto;
  }
  .player-right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .pagebreadcrumb{
    display: inline-block;
    margin: 6px 0 6px 30px;
  }
  nav.usernav.navbar.navbar-default.navbar-fixed-top {
    margin: 0;
    margin-left: 0;
  }
  .bottomnav {
    width: 0;
  }
  nav.usernav .navbar-brand, button.sidebarbtn{
    display: auto;
  }
}

/**
* player
*/
.sidebar-player {
  	display: inherit;
    background: linear-gradient(to right, #39ade6, #2072f4);
    padding: 10px;
    width: -webkit-fill-available;
    position: absolute;
    bottom: 0;
    z-index: 10;
    box-shadow: #2072f41a 0 -20px 40px;
    border-top: 2px solid #fff;
}

.userwrapper .sidebar-player{
  display: inherit;
}

.sidebar-player .control-wrapper {
  margin: 4px -6px 0;
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: space-between;
}

.sidebar-player .control-btn {
  outline: none;
  border: none;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.769);
  background-color: transparent;
  border-radius: 50%;
}

.sidebar-player .control-btn:hover {
  background-color: rgba(255, 255, 255, 0.04);
}

.sidebar-player .control-btn .i-pause {
  display: none;
}

.sidebar-player .a-of-total {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}

.sidebar-player.playing .album-cover {
  animation: rotating 10s linear infinite;
}

.sidebar-player.playing .control-btn .i-play {
  display: none;
}

.sidebar-player.playing .control-btn .i-pause {
  display: flex;
}

.player-content {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 1;
  width: 100%;
}

.album-cover {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transition: 0.14s ease;
}

.album-cover img {
  object-fit: cover;
  max-width: 100%;
  height: 100%;
  border-radius: 50%;
}

.player-right {
  flex: 1;
}

.player-right .song-name {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 600;
  margin-bottom: 0px;
}

.control-btn .i-off {
  display: flex;
}

.control-btn .i-on {
  display: none;
}

.control-btn.enabled .i-off {
  display: none;
}

.control-btn.enabled .i-on {
  display: flex;
}

.autply{
  color: #fff;
  margin-left: -10px;
  margin-right: 10px;
}

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

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

/* NO Page */
h2.greeting {
    color: #555;
}

h2.greeting b {
    color: #ffa100;
}

.greetcard {
    background: url(/public/vendor/i.imgur.com/PYnT7qU.webp);
    background-size: cover;
  	background-repeat: no-repeat;
  	background-position: center;
    padding: 30px;
    border: 2px solid #ffffff;
    border-radius: 30px;
    margin-bottom: 20px;
  	overflow: hidden;
    box-shadow: 0px 15px 35px -10px #2b9af2;
}


.greetcard p {
    color: #ffffffcc;
}

.greetcard p.titlegreet{
  	background: #ffffff20;
    display: inline-block;
    border-radius: 26px;
    padding: 3px 15px;
    border: 1px solid #ffffff20;
}

.greetcard h2 {
    color: #fff;
    font-weight: bold;
}

img.greetimg {
    width: 100%;
    max-width: 200px;
    position: relative;
    bottom: -30px;
    margin: auto;
    display: block;
    margin-top: -90px;
}
img.greetimg {
  width: 142%;
  max-width: 400px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  display: block;
}
img.greetimg.iconmain {
  position: relative;
}
.animnoimg {
  position: relative;
  margin: -50px 0;
}
img.greetimg.icon1{
  animation: float 2s ease-in-out infinite;
}
img.greetimg.icon2{
  animation: float 2.5s ease-in-out infinite;
}
img.greetimg.icon3{
  animation: float 1.8s ease-in-out infinite;
}
@media(max-width: 1199.20px){
  .animnoimg {
    position: relative;
    margin: 0 0 -50px 0;
  }
}

/* NO Form Filters */
ul.servFiltr {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    border: 2px solid #2b9af2;
    border-radius: 30px;
    padding: 10px 5px;
    box-shadow: inset rgb(50 50 93 / 25%) 0px 13px 27px -5px, inset rgb(0 0 0 / 30%) 0px 8px 16px -8px;
}

ul.servFiltr li button {
    padding: 10px;
    margin: 5px;
    border-radius: 37px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    background: linear-gradient(to right, #39ade6, #2072f4);
    color: #fff;
    border: 2px solid #fff;
    font-size: 20px;
    height: 50px;
    width: 50px;
    position: relative;
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
}

ul.servFiltr li button .hot {
    font-size: 10px;
    display: flex;
    background: #ff3434;
  	color: #fff;
    padding: 2px 5px;
    border-radius: 16px;
    position: absolute;
    top: -14px;
    right: -10px;
    border: 2px solid #fff;
    align-items: center;
    margin: 0;
}

ul.servFiltr li button .hot i {
    margin-right: 3px;
}

button.CatFltr.insta {
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}

button.CatFltr.fb {
    background: linear-gradient(45deg, #036ce3, #149ff8);
}

button.CatFltr.tweet {
    background: #00acee;
}

button.CatFltr.yt {
    color: #fe0000;
    background: #fff;
}

button.CatFltr.spt {
    background: #1ed760;
}

button.CatFltr.tt {
    background: #000000;
}

button.CatFltr.tt i {
    filter: drop-shadow(1px 0px 0px #FD3E3E) drop-shadow(-1px -1px 0px #4DE8F4);
}

button.CatFltr.tele {
    background: #29a0da;
}

button.CatFltr.sndcld {
    background: linear-gradient(180deg, #f89810, #f8320f);
}

button.CatFltr.wbst {
    background: linear-gradient(45deg, #9c27b0, #673ab7);
}

button.CatFltr.lnkin {
    background: #0078b7;
}

button.CatFltr.dis {
    background: #5166f7;
}

button.CatFltr.pin {
    background: #e71c22;
}




button.CatFltr.insta i.fab.fa-instagram {
    color: #fff;
    background: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-right: 0;
}

button.CatFltr.fb i{
    background: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-right: 0;
}

button.CatFltr.tweet i.fab.fa-twitter {
    background: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-right: 0;
}

button.CatFltr.yt i.fab.fa-youtube{
    margin-right: 0;
}

button.CatFltr.spt i.fab.fa-spotify{
    background: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-right: 0;
}

button.CatFltr.tt i{
    background: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-right: 0;
}

button.CatFltr.tt i.fab.fa-tiktok {
    background: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-right: 0;
}

button.CatFltr.tele i {
    background: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-right: 0;
}

button.CatFltr.sndcld i.fab.fa-soundcloud {
    background: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-right: 0;
}

button.CatFltr.wbst i {
    background: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-right: 0;
}

button.CatFltr.lnkin i.fab.fa-linkedin-in {
    background: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-right: 0;
}

button.CatFltr.dis i {
    background: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-right: 0;
}

button.CatFltr.pin i.fab.fa-pinterest-p {
    background: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-right: 0;
}

ul.frmpill {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 0px;
}

ul.frmpill li.active a {
    background: linear-gradient(to right, #39ade6, #2072f4);
}

ul.frmpill li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 15px 5px 5px;
    border-radius: 30px;
  	margin: 4px 0;
  	background: #bcdffb;
}

ul.frmpill li a i {
    background: linear-gradient(to right, #39ade6, #2072f4);
    display: inline-flex;
    height: 30px;
    width: 30px;
    border-radius: 40px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
    margin-right: 10px;
    box-shadow: 0px 15px 35px -10px #ff800060;
    border: 2px solid #fff;
  	transition: all 0.5s ease-in-out;
    position: relative;
}

ul.frmpill li.active a i {
    left: -14px;
    border: 4px solid;
}

ul.frmpill li a p {
    margin: 0;
  	font-weight: 400;
    font-size: 14px;
}

ul.frmpill li.active a p {
    color: #fff;
}

div#srcbyID .modal-header, div.servmodal .modal-header{
    background: linear-gradient(to right, #39ade6, #2072f4);
    padding: 10px;
}

div#srcbyID .modal-header h4, div.servmodal .modal-header h4 {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin: 7px;
}

div#srcbyID .modal-header button, div.servmodal .modal-header button {
    background: #fff;
    opacity: 1;
    height: 40px;
    width: 40px;
    border-radius: 10px;
    color: #2b9af2;
}

div#srcbyID .modal-content, div.servmodal .modal-content {
    border-radius: 25px;
    overflow: hidden;
    border: 4px solid #fff;
}

iframe#promoIframe {
    border-radius: 0px 0px 20px 20px;
}

form.servbyid {
    position: relative;
}

form.servbyid input {
    border: 1px solid #00000030;
    padding-right: 55px;
}

form.servbyid button {
    background: linear-gradient(to right, #39ade6, #2072f4);
    height: 50px;
    width: 50px;
    border: 2px solid #fff;
    border-radius: 40px;
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff;
    font-weight: 500;
}

.well.frmhead {
    padding: 20px;
}
.iframupdts {
    border: 1px solid #00000010;
    border-radius: 18px;
    padding: 5px;
    width: 100%;
    height: 950px;
}
.nostat {
    background: #ffffff;
    border-radius: 30px;
    box-shadow: 2px 2px 80px -20px #00000060;
    transition: all 0.5s ease-in-out;
    width: 100%;
    margin: 15px 0;
  	overflow: hidden;
}
.nostat:hover {
    box-shadow: 0 7px 11px 0 rgb(19 19 19 / 40%), 0 8px 25px 0 rgb(170 170 170 / 39%);
}
.nostat .nodet {
    display: flex;
    align-items: center;
    padding: 15px;
}
.nostat .nodet i {
    background: linear-gradient(to right, #39ade6, #2072f4);
    color: #fff;
    border-radius: 15px;
    box-shadow: 0px 15px 35px -10px #2072f4;
    border: 2px solid #fff;
    height: 52px;
    width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-size: 20px;
}
.nostat .nodet p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #777;
}
.nostat .nodet h3 {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
}
.nostat img {
    width: 100%;
}
div#category-drop, div#orders-drop {
    overflow-y: scroll;
    min-height: 350px;
    height: 100%;
    border: 1px solid #2b9af2;
    border-radius: 25px;
    margin: 5px 0;
    box-shadow: rgb(39 15 87 / 10%) 0px 20px 40px;
    background: #fff;
  	padding: 5px;
}

div#category-drop button, div#orders-drop button {
    width: -webkit-fill-available;
    background: #ffffff;
    margin: 2px;
    border: 1px solid #00000020;
    border-radius: 20px;
    min-height: 40px;
    padding: 10px;
    text-align: inherit;
}

button.form-control {
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: space-between;
    height: auto !important;
}

button.form-control:focus {
    border-color: #2885ef;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px #2885ef60;
}

/* Account Page */
section.pagetitle {
    padding: 150px 10px 80px 10px;
    margin-top: -125px;
    background: url(/public/vendor/i.imgur.com/PYnT7qU.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px;
}

section.pagetitle h2 {
    margin-bottom: 10px;
    color: #fff;
    font-weight: 800;
}

section.pagetitle p {
    color: #ffffffdb;
    margin: 0;
}

.well.accntwell {
    padding: 15px;
    margin-top: -50px;
    border-radius: 50px;
  	background: #fff;
}

ul.nav.nav-pills.accntpill {
    margin: 0;
}

ul.nav.nav-pills.accntpill li a {
    margin: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: #555;
    font-size: 14px;
    border: 2px solid #fff;
  	font-weight: 500;
    transition: all 0.3s ease;
}

ul.nav.nav-pills.accntpill li.active a {
    background: linear-gradient(to right, #39ade6, #2072f4);
    color: #fff;
    border-radius: 50px;
    box-shadow: rgb(45 144 237 / 50%) 0px 20px 30px;
    border: 2px solid #fff;
}
ul.nav.nav-pills.accntpill li a i {
    margin-right: 8px;
    font-size: 16px;
}
.border-rounded {
    border: 1px solid #2885ef;
    border-radius: 35px;
    box-shadow: 2px 2px 60px -20px #00000050;
    font-family: 'Poppins',sans-serif;
}

/* Services */
.modal-footer button, .modal-footer a {
    width: 32%;
}
td.service-description button {
    width: 100%;
}
.servwell {
    padding: 0;
    background: transparent;
    box-shadow: none;
    border: none;
    border-radius: 0 !important;
}
td small {
  font-weight: 700;
  color: #000;
}
table.table tbody tr th:first-child, table.table tbody tr td:first-child {
  border-top-left-radius: 15px; /**/
  border-bottom-left-radius: 15px;
}
table.table tbody tr th:last-child, table.table tbody tr td:last-child {
  border-top-right-radius: 15px; /**/
  border-bottom-right-radius: 15px;
}
table.table tbody tr.cattr th:first-child, table.table tbody tr.cattr td:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px; /**/
}
table.table tbody tr.cattr th:last-child, table.table tbody tr.cattr td:last-child{
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px; /**/
}
tr {
  background: #ffffff;
  box-shadow: rgb(39 15 87 / 10%) 0px 20px 40px;
  border-radius: 15px;
}
tr.spacer {
  height: 10px;
  font-size: 0px;
}
tr.cattr {
  background: linear-gradient(to right, #39ade6, #2072f4);
  color: #fff;
  border-radius: 20px;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0px 15px 35px -10px #2072f460;
  border: 2px solid #fff;
  transition: all 0.5s ease-in-out;
}
tr.cattr td div.catwrap {
  padding: 10px;
  color: #fff;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  vertical-align: middle;
  font-size: 14px;
  border: 0 !important;
}
span.servid {
  background: linear-gradient(to right, #39ade6, #2072f4);
  color: #fff;
  border-radius: 15px;
  box-shadow: 0px 15px 35px -10px #2072f460;
  border: 2px solid #fff;
  display: flex;
  height: 55px;
  width: 55px;
  align-items: center;
  justify-content: center;
}
.modal-footer button, .modal-footer a {
  width: 32%;
}

.api-page table.table tr {
    box-shadow: none;
}
button.btn.btn-primary.dropdown-toggle span {
    color: #fff;
}

/* Payments Tab & Pills */
ul.nav.nav-pills.paymethpills {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    margin: 0;
}

ul.nav.nav-pills.paymethpills li a {
    transition: all 0.2s ease;
    border-bottom: 6px solid #00000008;
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.nav.nav-pills.paymethpills li.active a {
    background: transparent;
    border-bottom: 6px solid #2b9af2;
  	border-radius: 0;
}

ul.nav.nav-pills.paymethpills li a img {
    max-width: 100px;
    background: #fff;
    padding: 5px 10px;
    border-radius: 35px;
}

.tab-content.fundcont img {
    max-width: 200px;
    margin-bottom: 5px;
}

.tab-content.fundcont p.cont {
    padding: 15px;
    margin-top: 25px;
    border: 1px solid #00000020;
    border-radius: 15px;
}
label.control-label.paymethlabel {
    display: block;
}
button.paymethbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    border-radius: 30px;
    margin: 4px 0;
    background: #2b9af220;
    border: 2px solid #2b9af2;
    color: #2b9af2;
    font-weight: 600;
    transition: all 0.5s ease-in-out;
}
button.paymethbtn.active {
    background: linear-gradient(to right, #39ade6, #2072f4);
    color: #fff;
    border-color: #fff;
    box-shadow: rgb(45 144 237 / 50%) 0px 20px 30px;
}

/* Orders */
ul.nav.ordpills.nav-pills li.active a i {
    background: #fff;
    color: #2d91ed;
}
ul.nav.ordpills.nav-pills li a i {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    margin-right: 6px;
}
ul.nav.ordpills.nav-pills li a {
    display: flex;
    justify-content: space-between;
    padding: 5px 15px 5px 5px;
    margin: 5px 10px;
}
.ordcard {
  padding: 15px;
  margin: 15px 0;
  background: #fff;
  border-radius: 30px;
  border: 1px solid #00000010;
  box-shadow: rgb(39 15 87 / 10%) 0px 20px 40px;
  min-height: 230px;
  position: relative;
}
.mrotag{
  display: none;
  margin: 0;
  position: absolute;
  top: -12px;
  left: 12px;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 10px;
  background: linear-gradient(to right, #39ade6, #2072f4);
  color: #fff !important;
  border-radius: 15px;
  box-shadow: 0px 15px 35px -10px #ff800060;
  border: 2px solid #fff !important;
}
.toptwo {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  border-bottom: 1px solid #00000010;
  padding: 10px;
  padding-bottom: 10px;
}
.toptwo h4 {
  margin: 0;
  margin-bottom: 5px;
  font-weight: 600;
}
.toptwo small {
  font-weight: 500;
  color: #7d7d7d;
  word-spacing: 5px;
}
.toptwo p {
  display: block;
  background: #00000020;
  border-radius: 20px;
  padding: 2px 20px;
  font-size: 12px;
  font-weight: 500;
}
.servname {
  margin-bottom: 20px;
  font-size: 14px;
  color: #000;
  font-weight: 500;
  padding: 0 10px;
  width: 100%;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 20px;
}
.serlink {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  padding: 0 10px;
}
.serlink i {
  min-height: 25px;
  min-width: 25px;
  font-size: 16px;
  background: linear-gradient(to right, #39ade6, #2072f4);
  color: #fff;
  border-radius: 8px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.serlink a {
  word-break: break-all;
  color: #2072f4;
  text-decoration: underline;
  width: 100%;
  max-height: 34px;
  overflow: hidden;
  font-size: 12px;
}
.servqty{
  margin-bottom: 5px;
  font-size: 12px;
  color: #7d7d7d;
  font-weight: 500;
  padding: 0 10px;
}
.row.servboxrow {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #00000010;
}
.servboxes {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  margin-bottom: 5px;
  font-size: 12px;
  color: #7d7d7d;
  font-weight: 500;
}
.servboxes i {
  min-height: 40px;
  min-width: 40px;
  font-size: 16px;
  background: linear-gradient(to right, #39ade6, #2072f4);
  color: #fff;
  border-radius: 12px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.order-actions a, .order-actions button {
  width: 100%;
  padding: 12px;
  margin-top: 15px !important;
  background: linear-gradient(45deg, #ff7800, #ffa900);
  color: #fff !important;
  border-radius: 15px;
  box-shadow: 0px 15px 35px -10px #ff800060;
  border: 2px solid #fff !important;
}
button.btn.btn-primary.btnreqst {
    width: 100%;
    margin-top: 15px;
}
.Pending{
  background: linear-gradient(45deg, #3971e6, #20c3f4) !important;
  border: 2px solid #fff;
  color: #fff !important;
}
.In{
  background: linear-gradient(45deg, #19ab92, #20f4bf) !important;
  border: 2px solid #fff;
  color: #fff !important;
  height: auto;
}
.Completed{
  background: linear-gradient(45deg, #04be0d, #56d947) !important;
  border: 2px solid #fff;
  color: #fff !important;
}
.Partial{
  background: linear-gradient(45deg, #3b5eff, #9347d9) !important;
  border: 2px solid #fff;
  color: #fff !important;
}
.Processing{
  background: linear-gradient(45deg, #7e3493, #ec39eb) !important;
  border: 2px solid #fff;
  color: #fff !important;
}
.Canceled{
  background: linear-gradient(45deg, #ff5a5a, #ea2e35) !important;
  border: 2px solid #fff;
  color: #fff !important;
}
.ordcard.Pending {
    background: #dbf7ff !important;
}
.ordcard.In {
    background: #c0eee2 !important;
}
.ordcard.Completed {
    background: #d6f4d3 !important;
}
.ordcard.Partial {
    background: #e8d6f9 !important;
}
.ordcard.Processing {
    background: #fbd9fc !important;
}
.ordcard.Canceled {
    background: #ffe1e2 !important;
}
ul.nav.ordpills.nav-pills {
  margin: 0;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background: linear-gradient(to right, #39ade6, #2072f4);
  border-radius: 50px;
}
.nav-pills > li > a {
  min-width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wellnavpill{
  padding: 15px;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
  background: linear-gradient(to right, #39ade6, #2072f4);
  height: 60px;
  border: 0;
  border-radius: 0 50px 50px 0;
  width: 55px;
  color: #fff;
  font-size: 16px;
}
form#history-search {
  margin: 0;
}

/* Earn Money */
section.earnsect {
    max-width: 1000px;
    margin: auto;
    margin-top: -65px;
}
.well.earnwell h3 {
    color: #2b9af2;
    font-weight: 700;
    background: linear-gradient(to right, #39ade6, #2072f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.well.earnwell {
    padding: 40px;
}
p.earnbadge {
    display: inline-flex;
    background: linear-gradient(to right, #39ade6, #2072f4);
    color: #fff;
    padding: 10px 20px;
    border-radius: 25px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-bottom: 25px;
}
p.earnbadge.yt {
    background: #ff6a6a;
}
p.earnbadge.frum {
    background: linear-gradient(to right, #8acf8b, #5ac770);
}
p.earnbadge.blgpst {
    background: linear-gradient(to right, #e6af39, #f4a320);
}
p.earnbadge.qorapst {
    background: linear-gradient(to right, #db4fe6, #963df1);
}

/* Google Language */
.goglang .btn-group.bootstrap-select.fit-width{
  	background: #ffffff50;
    backdrop-filter: blur(21px);
    border-radius: 12px;
    margin: 20px 0px;
    border: 1px solid #00000020;
    width: 100% !important;
    padding: 0;
  	z-index: 1;
  	margin: auto;
}

.goglang button.btn.dropdown-toggle.selectpicker.btn-default {
    background: transparent;
    border: 0;
    padding: 5px;
  	outline: none !important;
    box-shadow: none !important;
}

.goglang span.flag-icon {
    height: 50px;
    width: 50px;
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border-radius: 10px;
    border: 2px solid #fff;
    box-shadow: rgb(45 144 237 / 50%) 0px 20px 30px;
    color: #fff;
    margin-right: 10px;
}

.goglang .dropdown-menu.open{
  	width: 100%;
  	border-radius: 18px;
    padding: 0;
}

.goglang ul.dropdown-menu.inner.selectpicker {
    padding: 10px !important;
  	overflow-x: hidden;
}

.goglang .bootstrap-select.btn-group .dropdown-menu li>a {
    margin: 5px 0;
    box-shadow: none;
    border: 1px solid #00000020;
}

.goglang .bootstrap-select.btn-group .dropdown-menu li>a span.flag-icon {
    height: 30px;
    width: 39px;
}

.goglang .bootstrap-select.btn-group.fit-width .btn .caret{
  	display: none;
}

.goglang .bootstrap-select.btn-group.fit-width .btn .filter-option{
  	overflow: initial;
}

.goog-te-banner-frame.skiptranslate {
  	display: none !important;
} 

body {
  	top: 0px !important; 
}

.goog-logo-link {
  	display:none !important;
}

.trans-section {
  	margin: 100px;
}

.googlang button.btn.dropdown-toggle.selectpicker.btn-default {
    display: none;
}

.googlang .dropdown-menu {
    display: block !important;
    overflow: inherit !important;
    position: relative !important;
    box-shadow: none;
    width: 100%;
    max-height: inherit !important;
  	border-radius: 20px;
    background: #ffffff20;
}

.googlang ul.dropdown-menu.inner.selectpicker {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    position: inherit;
    display: flex !IMPORTANT;
    flex-wrap: wrap;
    max-height: inherit !important;
}

.googlang a {
    border: 1px solid #00000020;
    padding: 5px 10px !important;
    margin: 3px !important;
    border-radius: 20px;
}
.btn-group .dropdown-toggle.btn-default ~ .dropdown-menu {
    background: #fff;
    border: 0;
}
.googlang ul {
    padding: 9px;
}
.googlang ul li a {
    padding: 10px !important;
    background: linear-gradient(10deg, #39ade6, #2072f4);
    color: #fff;
    border: 1px solid #fff;
    box-shadow: 0px 15px 35px -10px #2b9af2;
  	border-radius: 40px;
}
.googlang ul li a span {
    background-color: #fff;
    height: 25px;
    width: 25px;
    border-radius: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

/* Ranking Modal */
.ranktab li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 15px 5px 5px;
    margin: 5px;
}
.ranktab li a i {
    background: linear-gradient(to right, #39ade6, #2072f4);
    min-height: 35px;
    min-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    margin-right: 10px;
    border: 2px solid #fff;
  	color: #fff;
}
.ranktab li a p {
    margin: 0;
    color: #00000099;
    font-size: 12px;
  	font-weight: 500;
}
.ranktab li a h4 {
    margin: 0;
    color: #2a8aeb;
    font-weight: 500;
    font-size: 16px;
}
.ranktab li.active a h4 {
    color: #fff;
}
.ranktab li.active a p {
    color: #ffffff99;
}
ul.dashtablists li.check i {
    display: initial;
}
ul.dashtablists li i {
    margin-right: 6px;
    display: none;
}
ul.dashtablists li {
    text-decoration: line-through;
  	color: #000;
}
ul.dashtablists li.check {
    color: #2a8aeb;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
}
ul.dashtablists {
    list-style: none;
    display: flex;
    padding: 0;
    flex-wrap: wrap;
}
ul.dashtablists li {
    color: #000;
    margin: 10px;
}
.ranknotes, .tab-content.rank-content {
    padding: 15px;
    border: 2px solid #2a8aeb;
    border-radius: 20px;
    margin-top: 25px;
}
.ranknotes h3, .tab-content.rank-content h3 {
    color: #2a8aeb;
    font-weight: 700;
    margin-bottom: 10px;
}
.ranknotes ul li span {
    color: #2a8aeb;
    font-weight: 700;
}
.ranknotes {
    color: #000;
}

/* Icons */

.fs-telegram {
	color: #26a4e3;
}
.fs-eksi {
	color: #81c14b;
}
.fs-apple {
	color: #333333;
}
.fs-yndx {
	color: #c70a0a;
}
.fs-hizli {
	color: #000;
}
.fs-orta {
	color: #008eff;
}
.fs-yavas {
	color: #f24236;
}
.fs-twc {
	color: #1a0dab;
}
.fs-tik {
	color: #000;
}
.fs-zom {
	color: #cb202d;
}
.fs-pt {
	color: #bd081c;
}
.fs-star {
	color: #ff4a26;
}
.fs-yt {
	color: red;
}
.fs-fb {
	color: #4267b2;
}
.fab.fa-facebook{
  	color: #4267b2;
}

.fs-ig i {
	background: linear-gradient(200deg, #d047d1, red, #ff0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: #FFF;
}
.fs-tw {
	color: #1da1f2;
}
.fs-rocket {
	color: #df4b5f;
}
.fs-gp {
	color: #dd4e40;
}
.fs-fsq {
	color: #ffa633;
}
.fs-dm {
	color: #ffda05;
}
.fs-pc {
	color: #41accc;
}
.fs-sc {
	color: #ff5510;
}
.fs-vn {
	color: #00b489;
}
.fs-sp {
	color: #00d856;
}
.fs-snap {
	color: #f8d40d;
}
.fs-ei {
	color: #fffc00;
}
.fab.fa-instagram {
	background: linear-gradient(200deg, #d047d1, red, #ff0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-size: 17px;
	padding: 2.4px;
	border-radius: 5px;
	color: #FFF;
	font-weight: lighter;
	margin-right: 10px;
}
.fab.fa-facebook-square {
	background: #207eff;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}
.fab.fa-youtube {
	background: #ff0042;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}
.fab.fa-twitter {
	background: #1da1f2;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}
.fab.fa-telegram-plane {
	background: #2b9fd2;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 14px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}
.fab.fa-soundcloud {
	background: #ff5836;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}
.fab.fa-spotify {
	background: #62ffa2;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}
.far.fa-star {
	background: #ffe700;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}
.fab.fa-tiktok {
	background: #ff0042;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}
.fab.fa-twitch {
	background: #4b367c;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 14px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}
.fab.fa-pinterest-p {
	background: #ff5858;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}
.fa.fa-music {
	background: #69C9D0;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 14px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}
.fas.fa-globe {
	background: #ff9e5e;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}
.fas.fa-stream {
	background: #ccc;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}
.fab.fa-hotjar {
	background: #ff0000;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}
.fab.fa-periscope {
	background: #e24d3a;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}
.fab.fa-linkedin-in {
	background: #0077b0;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 14px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}
.fab.fa-tumblr {
	background: #1c3764;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}
.fab.fa-dailymotion {
	background: #00c9eb;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}
.fas.fa-magic {
	background: #24CA7A;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}
.fab.fa-vimeo-v {
	background: #00a8e8;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}
.fab.fa-apple {
	background: #313131;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}
.fab.fa-snapchat-ghost {
	background: #FFFC00;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

/* Dark Mode */
body .lightbtn{
  display: none;
}
body .darkbtn{
  display: block;
}
body.darkmode .lightbtn{
  display: block;
}
body.darkmode .darkbtn{
  display: none;
}
body.darkmode {
    background: url(/public/vendor/i.imgur.com/vsYprDc.webp);
    background-color: #12273a;
    background-size: auto;
    background-position: center;
}
body.darkmode .bottomnav {
    background: url(/public/vendor/i.imgur.com/vsYprDc.webp);
    background-color: #12273a;
    background-size: cover;
}
body.darkmode .prof img {
    border: 6px solid #12273a;
}
body.darkmode .profimage a {
    border: 3px solid #12273a;
    color: #12273a;
}
body.darkmode .profimgwrap a.profbutn {
    border-color: #12273a;
}
body.darkmode .brandlog a.outbtn {
    background: #12273a;
}
body.darkmode ul.sidebrlinks {
    background: #00000060;
}
body.darkmode ul.sidebrlinks li a {
    color: #fff;
}
body.darkmode .nostat {
    background: #00000060;
    backdrop-filter: blur(25px);
    box-shadow: 2px 2px 80px -20px #35a4e875;
}
body.darkmode .nostat .nodet h3 {
    color: #fff;
}
body.darkmode .well {
    background: #00000060;
    backdrop-filter: blur(25px);
    box-shadow: 2px 2px 80px -20px #3a98f369;
}
body.darkmode label.control-label, body.darkmode label.control-label span {
    color: #fff;
}
body.darkmode nav.usernav {
    background: #00000060;
    backdrop-filter: blur(25px);
}
body.darkmode p.pagebreadcrumb {
    color: #fff;
}
body.darkmode p.pagebreadcrumb a {
    color: #fff;
}
body.darkmode .tab-content.fundcont p {
    color: #fff;
}
body.darkmode .tab-content.fundcont img {
    background: #fff;
    padding: 5px 15px;
    border-radius: 15px;
}
body.darkmode ul.nav.nav-pills.paymethpills li a img {
    background: #fff;
    padding: 10px 15px;
    border-radius: 10px;
}
body.darkmode ul.nav.nav-pills.accntpill li a {
    color: #fff;
}
body.darkmode tr {
    background: #00000060;
    backdrop-filter: blur(25px);
}
body.darkmode tr.spacer {
    backdrop-filter: none;
    background: transparent;
}
body.darkmode .table > tbody > tr > td, body.darkmode .table > tbody > tr > td > a, body.darkmode .table > tbody > tr > td > span, body.darkmode .table > tbody > tr > td > small {
    color: #fff;
}
body.darkmode tr.cattr {
    background: linear-gradient(to right, #39ade6, #2072f4);
    border-color: transparent;
}
body.darkmode .api-page h4 {
    color: #fff;
}
body.darkmode a.blogtitle, body.darkmode .bloghead h1 {
    color: #fff;
}
body.darkmode .bloggridcont span {
    color: #ffffff99 !important;
}
body.darkmode .profileblog p {
    color: #fff;
}
body.darkmode .profileblog small {
    color: #ffffff99;
}
body.darkmode .well.earnwell p {
    color: #fff;
}
body.darkmode div#srcbyID .modal-content, body.darkmode div.servmodal .modal-content {
    background: #00000060;
    backdrop-filter: blur(100px);
    border: 4px solid #000000;
}
body.darkmode .modal-footer {
    border-color: #000000;
}
body.darkmode .modal-body {
    color: #fff;
}
body.darkmode div#srcbyID .modal-header, body.darkmode div.servmodal .modal-header {
    border-color: #000;
}
body.darkmode div#srcbyID .modal-header button, body.darkmode div.servmodal .modal-header button {
    background: #000;
}
body.darkmode div#srcbyID .modal-header h4, body.darkmode div.servmodal .modal-header h4 {
    color: #000;
}
body.darkmode .nav-pills > li > a {
    color: #fff;
}
body.darkmode .ranktab li a i {
    border: 2px solid #fff;
}
body.darkmode .ranktab li a p {
    color: #ffffff99;
}
body.darkmode .ranktab li a h4 {
    color: #fff;
}
body.darkmode ul.dashtablists li {
    color: #fff;
}
body.darkmode .ranknotes {
    border: 2px solid #000000;
}
body.darkmode .ranknotes {
    color: #fff;
}
body.darkmode .modal-body p {
    color: #fff;
}

/* MEDIA QUERIES */
@media(max-width: 992px){
  /* PAGE Sign In */
  /* First Section */
  section.firstsec {
    /* background: url(/public/vendor/i.imgur.com/TrEi2zf.webp); */
    background-size: cover;
    background-position: center;
  }
  img.mobheroele {
    display: block;
    width: 100%;
  }
  .topcont {
    padding: 20px;
    margin-top: 20px;
    background: #fff;
    border-radius: 35px;
  }
  /* Marquee Div */
  .marqueediv marquee h3 {
    color: #fff;
    font-weight: 700;
  	font-size: 25px;
  }
  .marqueediv marquee h3 i{
    margin: 0 10px;
  }
  /* SIGN UP PAGE */
  section.firstsec.signuphero{
    background: url(/public/vendor/i.imgur.com/TrEi2zf.webp);
    background-size: cover;
    background-position: center;
  }
  /* NEW ORDER PAGE */
  img.greetimg {
    width: 100%;
    max-width: 200px;
    position: relative;
    bottom: -30px;
    margin: auto;
    display: block;
    margin-top: -30px;
  }
  /* ORDERS PAGE */
  .row.row-flex.columnnnt {
    flex-direction: column;
  }
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, .95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.brandlog:before {
    content: '';
    display: block;
    background: url(https://cdn.mypanel.link/debacb/7woq3g12eo29h8sd.png);
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: 0;
}
ul.sidebrlinks {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    background: #ffffff50;
    backdrop-filter: blur(25px);
    margin: 10px;
    border-radius: 30px;
    box-shadow: rgb(0 0 0 / 20%) 0px 20px 30px, rgb(0 0 0 / 8%) 0px -8px 22px;
    border: 1px solid #ffffff99;
}
ul.sidebrlinks li a i {
    display: flex;
    height: 55px;
    width: 55px;
    align-items: center;
    justify-content: center;
    background: #bcdffb;
    margin: auto;
    margin-bottom: 5px;
    border-radius: 12px;
    color: #242424;
    box-shadow: 5px 5px 50px -16px #218ae899;
    border: 1px solid #218ae850;
}
ul.sidebrlinks li a {
    font-weight: 500;
    word-spacing: 2px;
}
.bottomnav {
    background-image: url(https://cdn.mypanel.link/debacb/op36xb5urip4lcl6.png);
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-color: #e2f2ff;
}
.profdet {
    background: linear-gradient(to right, #39ade6, #2072f4);
    padding: 6px 20px;
    border-radius: 20px;
    border: 6px solid #e2f2ff;
}
.prof img {
    border: 6px solid #e2f2ff;
}
.profdet p.profuser {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    margin: 5px 0;
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  	text-align: center;
}
.profdet a.balprof {
    background: #fff;
    color: #000;
    margin-bottom: 8px;
}
.profdet a.balprof i {
    background: linear-gradient(to right, #39ade6, #2072f4);
    color: #fff;
}
.profimage:before {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    background: url(/public/vendor/i.imgur.com/4n8MB2K.webp);
    background-size: cover;
    position: absolute;
    top: 35px;
    left: -18px;
}
.profdet:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    background: url(/public/vendor/i.imgur.com/4n8MB2K.webp);
    background-size: cover;
    position: absolute;
    top: 35px;
    right: -20px;
    transform: rotate(90deg);
}
.longbtns a {
    display: inline-block;
    background: linear-gradient(to right, #39ade6, #2072f4);
    margin: 5px 0px;
    color: #fff;
    border-radius: 50px;
    border: 4px solid #fff;
    text-decoration: auto;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
  	cursor: pointer;
}
ul.sidebrlinks {
    height: 59%;
}
.profimgwrap a.profbutn.instabtn {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%) !important;
}
.profimgwrap a.profbutn.instabtn i {
    margin: 0;
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}
.profimgwrap a.profbutn.fbbtn {
    background: linear-gradient(to right, #00b9ff, #0073ff) !important;
}
.profimgwrap a.profbutn.fbbtn i {
    color: #fff;
}
.profimgwrap a.profbutn.ytbtn {
    background: linear-gradient(45deg, #ff2222, #e60000);
}
.profimgwrap a.profbutn.ytbtn i {
    background: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    margin: 0;
}
.profimgwrap a.profbutn {
    background: linear-gradient(to right, #394be6, #c620f4);
}
body.darkmode .profimgwrap a.profbutn {
    border-color: #e1f1fe;
    background: linear-gradient(45deg, #ff6c00, #d7b614);
}
body.darkmode .prof img {
    border-color: #e2f2ff;
}
body.darkmode .bottomnav {
    background-image: url(https://cdn.mypanel.link/debacb/op36xb5urip4lcl6.png);
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-color: #12273a;
}
body.darkmode .profilecard .top h2, body.darkmode .spentcard .spentdet h2 {
    color: #fff;
}
body.darkmode .profilecard .top p, body.darkmode .spentcard .spentdet p {
    color: #bcdffb;
}
body.darkmode .spentcard, body.darkmode .profilecard {
    background: #00000060;
    backdrop-filter: blur(25px);
    box-shadow: 2px 2px 80px -20px #3a98f369;
}
small.help-block.min-max {
    background: linear-gradient(to right, #39ade6, #2072f4);
    border: 2px solid #fff;
    padding: 3px 10px;
    color: #fff;
    border-radius: 29px;
    text-align: center;
    font-weight: 600;
}
b#span_sh {
    background: linear-gradient(to right, #39ade6, #2072f4);
    border: 2px solid #fff;
    padding: 0px 10px;
    color: #fff;
    border-radius: 29px;
    text-align: center;
    font-weight: 600;
    margin-left: 6px;
    float: right;
}
body.darkmode nav.usernav.navbar.navbar-default.navbar-fixed-top {
    background: url(https://cdn.mypanel.link/debacb/8m29g1k3abt9w3ce.png);
    background-color: #12273a;
}
body.darkmode {
    background: url(https://cdn.mypanel.link/debacb/8m29g1k3abt9w3ce.png);
    background-color: #12273a;
    background-size: auto;
    background-position: center;
}
/*
footer {
    background: url(https://cdn.mypanel.link/debacb/4oqakwr1r0g29cix.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 250px 0 150px 0;
    border-radius: 15% 15% 0 0;
  	overflow: hidden;
}
.userwrapper footer .container {
    width: 100%;
}
.instaicon img {
    max-width: 60px;
    margin-bottom: 6px;
    position: absolute;
    bottom: 70px;
    animation: myfirst 20s linear infinite;
}
.fbicon img {
    max-width: 60px;
    margin-bottom: 6px;
    position: absolute;
    bottom: 70px;
    animation: myfirst 25s cubic-bezier(0, 1.03, 1, -0.63) infinite;
}
.tticon img {
    max-width: 60px;
    margin-bottom: 6px;
    position: absolute;
    bottom: 70px;
    animation: myfirst 25s ease-in-out infinite;
}
.tgicon img {
    max-width: 60px;
    margin-bottom: 6px;
    position: absolute;
    bottom: 70px;
    animation: myfirst 18s ease-in-out infinite;
}
.yticon img {
    max-width: 60px;
    margin-bottom: 6px;
    position: absolute;
    bottom: 70px;
    animation: myfirst 22s ease-in-out infinite;
}*/
/* Animations */
@-moz-keyframes myfirst {
  0% {
    left: -25%;
  }
  100% {
    left: 100%;
  }
}

@-webkit-keyframes myfirst {
  0% {
    left: -25%;
  }
  100% {
    left: 100%;
  }
}

@keyframes myfirst {
  0% {
    left: -25%;
  }
  100% {
    left: 100%;
  }
}
p.copyrighttext {
    background: #00000040;
    padding: 15px;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    border-radius: 18px;
    backdrop-filter: blur(30px);
    box-shadow: 4px 4px 35px 0px #00000040;
    font-weight: 500;
}
ul.footernav {
    background: #00000040;
    padding: 15px;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    border-radius: 18px;
    backdrop-filter: blur(30px);
    box-shadow: 4px 4px 35px 0px #00000040;
    font-weight: 500;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70px;
    margin: 0;
    flex-wrap: wrap;
}
ul.footernav li {
    min-width: 16%;
}
ul.footernav li a {
    color: #fff;
    font-weight: 500;
    margin: 5px 10px;
    display: block;
}

ul.servFiltr.servFilterservpage li button {
    height: 70px;
    width: 70px;
}
ul.servFiltr.servFilterservpage li button i {
    font-size: 24px !important;
}
ul.servFiltr.servFilterservpage li button .hot {
    top: -8px;
}
ul.servFiltr.servFilterservpage li button .hot i {
    font-size: 14px !important;
    margin-right: 7px;
}
body.darkmode li {
    color: #fff;
}

li.active span.step {
    background: #2d91ed;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 25px;
    top: -19px;
    border: 4px solid #fff;
    color: #fff;
    position: absolute;
}
span.step {
    background: #eaf6ff;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 25px;
    top: -18px;
    border: 2px solid #2d91ed;
    color: #2d91ed;
    position: absolute;
    font-weight: 500;
}
ul.nav.nav-pills.stepspill li a {
    padding: 25px 15px 10px 15px;
  	margin: 15px 0;
}
.navbar-default .dropdown-menu.profiledropdown {
    background: url(https://cdn.mypanel.link/debacb/rdgtjfndb90ffrit.png);
    background-color: #fff;
    background-position: center;
}
.navbar-default .dropdown-menu.profiledropdown li a {
    color: #000;
    font-weight: 400;
    border-top: 1px solid #00000010;
}
.navbar-default .dropdown-menu.profiledropdown li a:hover {
    background: transparent;
}
body.darkmode .navbar-default .dropdown-menu.profiledropdown{
  background: url(https://cdn.mypanel.link/debacb/8m29g1k3abt9w3ce.png);
  background-color: #12273a;
  background-position: center;
}
body.darkmode .navbar-default .dropdown-menu.profiledropdown li a{
  color: #fff;
  border-color: #ffffff10;
}
#snackbar {
  visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background: linear-gradient(to right, #39ade6, #2072f4);
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
    border-radius: 50px;
    border: 2px solid #fff;
    box-shadow: 3px 3px 0px 0px #fff;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
.martop.userwrapper {
    /* The emoji tile at full strength read as a sticker sheet behind every
       signed-in page; the same tile at 14% alpha keeps the texture. */
    background: url(/public/vendor/i.imgur.com/p8FuYCJ-faint.webp);
}
.bottomnav:before {
    content: '';
    display: block;
    background: url(/public/vendor/i.imgur.com/p8FuYCJ.png);
    position: absolute;
  	z-index: -1;
    height: 100%;
    width: 100%;
    opacity: 0.8;
    background-position: center;
}
.sidebar-player {
    display: inherit;
    background: linear-gradient(to right, #39ade6, #2072f4);
    padding: 10px;
    width: -webkit-fill-available;
    position: absolute;
    bottom: 0;
    z-index: 10;
    box-shadow: #2072f41a 0 -20px 40px;
    border-top: 2px solid #fff;
    padding-top: 25px;
}
.sidebar-player:before {
    content: '';
    display: block;
    background: url(https://cdn.mypanel.link/debacb/7woq3g12eo29h8sd.png);
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: 0;
}
.longbtns {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -20px;
}
.longbtns a {
    display: inline-block;
    background: linear-gradient(to right, #39ade6, #2072f4);
    margin: 5px 0px;
    color: #fff;
    border-radius: 50px;
    border: 3px solid #fff;
    text-decoration: auto;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}
ul.sidebrlinks {
    height: 57%;
  	position: relative;
    z-index: 1;
}
.col-md-6.cfleftback img {
    width: 100%;
    max-width: 400px;
    margin: auto;
    display: block;
}
.col-md-6.cfleftback {
    background: url(https://cdn.mypanel.link/debacb/edlihbguagzq2wf7.webp);
}
.cfcard {
    background: #fff;
    border-radius: 35px;
    box-shadow: 2px 2px 80px -40px;
  	display: block;
    overflow: hidden;
}
.featgrp {
    display: block;
    padding: 15px;
}
.scndcard {
    border-radius: 20px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, #2b84c620, transparent) !important;
    margin: 10px 0;
}
.scndcard img {
    max-width: 150px;
}
.scndcard h3 {
    margin: 15px 0 5px 0;
    text-align: center;
    background: linear-gradient(to right, #39ade6, #2072f4) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 900;
    text-transform: uppercase;
}
/* Animated */
span.animated {
    position: absolute;
    z-index: 0;
}
span.animated i {
    font-size: 25px !important;
}
.icontainer img {
    max-width: 60px;
  	position: absolute;
}
/* animated icons */
.icon-11, 
.icon-12, 
.icon-13, 
.icon-14, 
.icon-15, 
.icon-16 {
  font-size: 30px;
  opacity: 0.7;
}
.icon-11 {
    top: 14px;
    right: 30%;
    animation: wobble-bottom 2s infinite ease-in-out;
}
.icon-12 {
  top: 60px;
  left: 15px;
  animation: rotateAntiClockWise 4s infinite ease-in-out;
}
.icon-13 {
  bottom: 18px;
  right: 10px;
  animation: float 3s infinite ease-in-out;
}
.icon-14 {
  bottom: 16%;
  left: 35px;
  animation: float 2s infinite ease-in-out;
}
.icon-15 {
  bottom: 30%;
  left: 20%;
  animation: rubberBand 2s infinite ease-in-out;
}
.icon-16 {
    top: 18%;
    right: 60px;
    animation: flip 2s infinite ease-in-out;
}

.animated .fa-whatsapp {
  color: #25d366;
}
.animated  .fa-snapchat-ghost {
  color: #ffea00;
}
.animated .fa-tiktok {
  color: #ee1d52;
}
.animated .fa-linkedin-in {
  color: #0076b2;
}
.animated .fa-pinterest-p {
  color: #bd081c;
}
.animated .fa-youtube {
  color: #e52d27;
}
.animated .fa-twitter {
  color: #55acee;
}
.animated .fa-instagram {
  color: #d50060;
}
.animated .fa-hashtag {
  color: #5941b5;
}
.animated .fa-google-plus-g {
  color: #dc4b3e;
}
.animated .fa-facebook-f {
  color: #3a5a99;
}
.animated .fa-dribbble {
  color: #ea4c89;
}
.animated .fa-behance {
  color: #1d6fed;
}
section{
  position: relative;
  overflow: hidden;
}
/* animated icons */
@-webkit-keyframes wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes rotateAntiClockWise {
   from  {
     transform: rotate(360deg);
  }
  to {
     transform: rotate(0deg);
   }	
}
@keyframes flip {
   0% {
      transform: perspective(400px) rotateY(0);
      animation-timing-function: ease-out;
   }
   40% {
      transform: perspective(400px) translateZ(150px) rotateY(170deg);
      animation-timing-function: ease-out;
   }
   50% {
      transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
      animation-timing-function: ease-in;
   }
   80% {
      transform: perspective(400px) rotateY(360deg) scale(.95);
      animation-timing-function: ease-in;
   }
   100% {
      transform: perspective(400px) scale(1);
      animation-timing-function: ease-in;
   }
} 

.dropdown.profdd button.dropdown-toggle {
    color: #fff;
    border-radius: 15px;
    box-shadow: 0px 15px 35px -10px #2072f4;
    border: 2px solid #fff;
    padding: 0;
    overflow: hidden;
}
ul.nav.nav-pills.paymethpills li a:hover{
  background: transparent;
}
ul.nav.nav-pills.paymethpills li a:hover img{
    animation: rubberBand 1s both;
}
ul.curndropdown-menu {
    display: flex;
    list-style: none;
    padding: 0;
    flex-wrap: wrap;
    align-items: center;
}
ul.curndropdown-menu li a {
    margin: 5px;
    padding: 4px 4px 4px 10px;
    background: linear-gradient(10deg, #39ade6, #2072f4);
    color: #fff;
    border: 1px solid #fff;
    box-shadow: 0px 15px 35px -10px #2b9af2;
    border-radius: 40px;
    display: block;
}
ul.curndropdown-menu li a span {
    background: #fff;
    height: 30px;
    width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    margin-left: 10px;
}

.secheading {
    display: block;
    margin-bottom: 30px;
    background: url(https://cdn.mypanel.link/debacb/sd9ryddznpplm3yi.png);
    background-size: 1150px;
    background-position: center;
    background-repeat: no-repeat;
}
section.scndsec, section.frthsec, section.sixthsec, section.eightsec{
    background: url(https://cdn.mypanel.link/debacb/ya0ix54dadig3w50.png);
    padding: 50px 0;
    background-size: 1520px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center left;
}
img.dividertop {
    width: 100%;
    margin-top: -50px;
    height: 55px;
    margin-bottom: 50px;
}
img.dividerbtm {
    width: 100%;
    margin-bottom: -50px;
    height: 55px;
    margin-top: 50px;
}
@media(max-width: 400px){
  img.greetimg {
    left: -46px !important;
  }
}

/* Mob Bar */
nav.mobbar {
  	display: none;
    padding: 15px 0;
    border: 1px solid #2885ef;
    margin: 8px;
    border-radius: 100px;
    box-shadow: rgb(0 0 0 / 30%) 0px 10px 50px;
    background: #ffffff;
    z-index: 2147483009;
}

nav.mobbar ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

nav.mobbar ul li {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

nav.mobbar ul li a {
    font-size: 10px;
    color: #3283e3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

nav.mobbar ul li a i {
    font-size: 20px;
}

nav.mobbar ul li.neordli{
    font-size: 12px;
    margin-top: 30px;
}

nav.mobbar ul li a.active {
    position: absolute;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -16px;
    background: linear-gradient(to right, #39ade6, #2072f4);
    color: #fff;
    border-radius: 50px;
    font-size: 22px;
    box-shadow: rgb(41 135 239) 0px 5px 50px -10px;
}

@media(max-width: 567px){
  nav.mobbar {
    display: block;
  }
}

.ticket-message-left .ticket-message a {
    color: #fff;
}
ul.pagination {
    background: #fff;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
}

footer {
    width: 100vw;
    bottom: 0px;
    left: 0px;
    padding: 0;
    max-width: 100%;
    margin: 0;
}
footer .container{
  width: 100%;
}
footer div {
  background-color: #2d90ed;
  margin: -5px 0px 0px 0px;
  padding:0px;
  color: #fff;
  text-align:center;
}
svg {
  width:100%;
}
.arrow {
  stroke-width: .3px;
  stroke:yellow;
}
.topball {
  animation: ball 1.5s ease-in-out;
  animation-iteration-count:infinite;
  animation-direction: alternate;
  animation-delay: 0.3s;
  cursor:pointer;
}

.wave {
  animation: wave 3s linear;
  animation-iteration-count:infinite;
  fill: #2d90ed;
}
.drop {
  fill: transparent;
  animation: drop 5s ease infinite normal;
  stroke: #4478e3;
  stroke-width:0.5;
  opacity:.6; 
  transform: translateY(80%);
}
.drop1 {
  transform-origin: 20px 3px;
}
.drop2 {
  animation-delay: 3s;
  animation-duration:3s;
  transform-origin: 25px 3px;
}
.drop3 {
  animation-delay: -2s;
  animation-duration:3.4s;
  transform-origin: 16px 3px;
}
.gooeff {
  	filter: url(#goo);
}
.mb-25{
  margin-bottom: 125px;
}
#wave2 {
  animation-duration:5s;
  animation-direction: reverse;
  opacity: .6
}
#wave3 {
  animation-duration: 7s;
  opacity:.3;
}
@keyframes drop {
  0% {
    transform: translateY(80%); 
    opacity:.6; 
  }
  80% {
    transform: translateY(80%); 
    opacity:.6; 
  }
  90% { 
    transform: translateY(10%) ; 
    opacity:.6; 
  }
  100% { 
    transform: translateY(0%) scale(1.5);  
    stroke-width:0.2;
    opacity:0; 
  }
}
@keyframes wave {
  to {transform: translateX(-100%);}
}
@keyframes ball {
  to {transform: translateY(20%);}
}

.announcekit-widget-floating-badge {
    margin-bottom: 80px;
}
.dLavay {
    margin-bottom: 80px !important;
}

/* Footer */
a.footer-brand img {
    width: 100%;
    max-width: 180px;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ffffff20;
}
footer p {
    display: block;
    text-align: initial;
    color: #fff;
}
h3.footerhead {
    display: block;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
  	margin-top: 40px;
}
h3.footerhead:after {
    content: '';
    display: block;
    height: 2px;
    width: 30px;
    background: #fff;
    margin-top: 6px;
    border-radius: 10px;
}
ul.footerlinks {
    display: block;
    text-align: initial;
    padding-left: 15px;
}
ul.footerlinks li a {
    color: #ffffffd9;
    font-size: 15px;
    margin: 8px 0;
    display: block;
}
img.paymentimg {
    width: 100%;
}
footer div{
  background: transparent;
}
footer {
    padding: 40px;
  	padding-top: 50px;
  	padding-bottom: 0;
    background: linear-gradient(-45deg, #39ade6, #3683ff, #194ed8, #84d6ff);
    background-size: 400% 400% !important;
    animation: gradient 15s ease infinite;
}
a.footer-brand {
    margin-top: 40px;
    display: block;
}
footer p.crtext {
    font-size: 16px;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 22px;
    margin-top: 30px;
    border-top: 1px solid #ffffff50;
    margin-bottom: 0;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.marqueediv marquee h3 img {
    max-width: 220px;
}
.marqueediv marquee h3 {
    display: flex;
    align-items: center;
}

.navbar-inverse.guestnav .navbar-nav > .open > a, .navbar-inverse.guestnav .navbar-nav > .open > a:hover, .navbar-inverse.guestnav .navbar-nav > .open > a:focus{
    background: linear-gradient(to right, #39ade6, #2072f4) !important;
    border: 2px solid #fff;
    border-radius: 50px;
    box-shadow: rgb(45 144 237 / 50%) 0px 20px 30px;
}
.guestnav .navbar-nav > li > .dropdown-menu {
    background: #fff !important;
    border-radius: 25px;
    margin-top: 10px;
}
.guestnav .navbar-nav > li > .dropdown-menu li {
    border-bottom: 1px solid #00000010;
}
.guestnav .navbar-nav > li > .dropdown-menu li a {
    color: #2374f4 !important;
    font-family: 'Poppins',sans-serif !important;
    font-weight: 500;
}
.guestnav .navbar-nav > li > .dropdown-menu li a:hover{
  background: linear-gradient(to right, #39ade6, #2072f4) !important;
  color: #fff !important;
}