body,
html {
    height: 100%;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: black;
    line-height: 1.48;
}

*,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

ul {
    padding: 0;
    list-style-type: none;
}

a {
    color: inherit;
    text-decoration: none !important;
}

a:hover,
a:focus {
    color: var(--first);
}

.td {
    text-decoration: none !important;
}

.fw1 {
    font-weight: 300;
}

.fw2 {
    font-weight: 500;
}

.fw3 {
    font-weight: 700;
}

.fw4 {
    font-weight: 600;
}

.fw5 {
    font-weight: 800;
}

.us {
    user-select: none;
}

.pointer {
    cursor: pointer;
}

.inline {
    display: inline-block;
}

.flex {
    display: flex;
}

.jc {
    justify-content: center;
}

.jcb {
    justify-content: space-between;
}

.jce {
    justify-content: flex-end;
}

.ai {
    align-items: center;
}

.fwrap {
    flex-wrap: wrap;
}

.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.trans {
    transition: 0.3s ease
}

.fs10 {
    font-size: 10px
}

.fs11 {
    font-size: 11px
}

.fs12 {
    font-size: 12px
}

.fs13 {
    font-size: 13px
}

.fs14 {
    font-size: 14px
}

.fs16 {
    font-size: 16px
}

.fs17 {
    font-size: 17px
}

.fs18 {
    font-size: 18px
}

.fs19 {
    font-size: 19px
}

.fs20 {
    font-size: 20px
}

.fs22 {
    font-size: 22px
}

.fs24 {
    font-size: 24px
}

.fs26 {
    font-size: 26px
}

.fs28 {
    font-size: 28px
}

.fs15 {
    font-size: 15px
}

.fs30 {
    font-size: 30px !important
}

.fs40 {
    font-size: 40px !important
}

.fs50 {
    font-size: 50px !important
}

.fs45 {
    font-size: 45px !important
}

.br100 {
    border-radius: 100px !important
}

.br10 {
    border-radius: 10px
}

.br5 {
    border-radius: 5px
}

.m0 {
    margin: 0 !important
}

.mb0 {
    margin-bottom: 0
}

.mt0 {
    margin-top: 0px
}

.m10 {
    margin: 10px 0;
}

.m15 {
    margin: 15px 0;
}

.m20 {
    margin: 20px 0;
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mt30 {
    margin-top: 30px
}

.mt35 {
    margin-top: 35px
}

.mt40 {
    margin-top: 40px
}

.mt45 {
    margin-top: 45px
}

.mt50 {
    margin-top: 50px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.pt0 {
    padding-top: 0
}

.ml5 {
    margin-left: 5px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml15 {
    margin-left: 15px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml5 {
    margin-left: 5px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml20 {
    margin-left: 20px !important
}

:root {
    --first: #5CB235;
    /*ffbf00*/
    --second: #8BC34A;
    --third: #1aaf1a;
    --four: #D81B60;
    --five: #1E88E5;
}

.cwhite {
    color: white !important;
}

.cfirst {
    color: var(--first);
}

.csecond {
    color: var(--second)
}

.cfirst2 {
    color: #44971e;
}

.w100 {
    width: 100%;
}

.ov {
    overflow: hidden;
}

.mainul {
    display: flex;
    justify-content: flex-end;
}

.header {
    position: relative;
    box-shadow: 0 8px 13px rgb(0 0 0 / 15%);
    z-index: 99;
}

.logo-main {
    width: 176px;
    margin: 21px 0 0;
}

.main-link {
    display: block;
    padding: 17px 19px;
    border-right: 1px solid gainsboro;
    color: #4f4f4f;
    transition: 0.3s ease;
    height: 100%;
}

.main-link:hover,
.main-link:focus {
    background: #dfdfdf;
    color: black;
}

.mainul LI {
    display: inline-block;
    margin: 0 -2px;
    vertical-align: bottom;
}

.headIcon {
    display: block;
    font-size: 21px;
    margin: auto;
    text-align: center;
    margin: 0 0 7px;
    transition: 0.3s ease;
}

.main-link:hover .headIcon {
    transform: translate(0, -6px);
}

.main-link span {
    font-weight: 500;
    display: flex;
    align-items: center;
}

.headBtn {
    color: black;
}

.logBtn {
    background: #ebebeb;
}

.signBtn {
    background: #24580b;
    color: white;
}

.signBtn:hover,
.signBtn:focus {
    background: #2b6411;
    color: white;
}

.homeSlider {
    background-color: #468628 !important;
    padding: 100px 0;
    color: white;
    background: url(../img/sliderback.png) no-repeat;
    background-size: cover;
    overflow: hidden;
    background-position: right;
}

.homeSlider .head {
    font-size: 62px;
}

.homeSlider .desc {
    margin: 20px 0 50px;
    max-width: 500px;
}

.btn1 {
    background: #3a3a3a;
    color: white !important;
    border: none !important;
    outline: none !important;
    user-select: none;
}

.btn1:hover,
.btn1:focus {
    background: #000000;
    color: white !important;
}

.btn2 {
    background: var(--first);
    color: #1c4907 !important;
    border: none !important;
    outline: none !important;
    font-weight: 500;
}

.btn2:hover,
.btn2:focus {
    background: #90df6c;
    color: #1c4907 !important;
}

.hslidBtn {
    padding: 18px 48px;
    font-weight: 500;
    font-size: 16px;
}

.hsBox {
    display: block;
    text-align: center;
    width: 260px;
    padding: 34px 20px;
    background: oklab(1 0 0 / 0.06);
    margin: 15px 15px;
    border-radius: 7px;
    border: 1px solid lch(90 24.46 81.79 / 0.56);
    border-bottom: 5px solid lch(90 24.46 81.79 / 0.56);
    font-size: 18px;
    transition: 0.3s ease;
    color: white !important;
}

.header {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(235, 235, 235, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(235, 235, 235, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(235, 235, 235, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(235, 235, 235, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(235, 235, 235, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(235, 235, 235, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
}

.hsBox img {
    height: 70px;
    display: block;
    margin: 0 auto 15px;
    transition: 0.25s ease;
}

.hsBox:hover {
    background: oklab(1 0 0 / 0.26);
    box-shadow: 0 3px 15px hsl(0deg 0% 0% / 20%);
}

.homSlidFlex {
    border-radius: 10px;
    overflow: hidden;
}

.inflex {
    display: inline-flex;
}

.hsBox:hover img {
    transform: translateY(-5px);
}

.homInfoBox {
    background: #3a3a3a;
    color: white;
    padding: 19px 0;
}

.btnpad1 {
    padding: 10px 20px !important
}

.hsStats {
    margin: 36px 0 50px;
}

.singleStat {
    border-right: 1px solid white;
    padding: 0 22px;
}

.singleStat .val {
    font-weight: 400;
    font-size: 33px;
    line-height: 1.2;
}

.singleStat .txt {
    font-size: 17px;
}

.hsStats .singleStat:nth-child(1) {
    padding-left: 0;
}

.hsStats .singleStat:nth-last-child(1) {
    border: none;
}

.padder1 {
    padding: 70px 0px;
}

.bg1,
.hsec1Box {
    background: rgba(242, 239, 237, 1);
    background: -moz-linear-gradient(left, rgba(242, 239, 237, 1) 0%, rgba(235, 233, 232, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242, 239, 237, 1)), color-stop(100%, rgba(235, 233, 232, 1)));
    background: -webkit-linear-gradient(left, rgba(242, 239, 237, 1) 0%, rgba(235, 233, 232, 1) 100%);
    background: -o-linear-gradient(left, rgba(242, 239, 237, 1) 0%, rgba(235, 233, 232, 1) 100%);
    background: -ms-linear-gradient(left, rgba(242, 239, 237, 1) 0%, rgba(235, 233, 232, 1) 100%);
    background: linear-gradient(to right, rgba(242, 239, 237, 1) 0%, rgba(235, 233, 232, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2efed', endColorstr='#ebe9e8', GradientType=1);
}

.cgray {
    color: #545454
}

.hsec1Flex {}

.hsec1Flex .hsec1Box {
    width: 440px;
    display: flex;
    padding: 17px 25px;
    font-size: 17px;
    align-items: center;
    margin: 24px 23px 0;
    border-radius: 7px;
    /* box-shadow: 0 2px 8px rgb(0 0 0 / 10%); */
    margin-left: 0;
}

.hsec1Flex .fa-check {
    margin-right: 20px;
    border-radius: 100px;
    background: var(--first);
    width: 40px;
    height: 40px;
    justify-content: center;
}

.lineBtn {
    border-bottom: 1px solid;
    padding-bottom: 3px;
}

.lineBtn:hover,
.lineBtn:focus {
    color: #74a55d;
}

.hsec2Box {
    text-align: center;
    background: white;
    padding: 40px 30px;
    border-radius: 7px;
    border: 2px solid transparent;
    transition: 0.3s ease;
}

.hsec2Box .imgback {}

.hsec2Box .imgback img {
    width: 70px;
}

.hsec2Box h2 {
    font-size: 21px;
    margin: 29px 0 10px;
}

.hsec2Btn {
    margin: 27px 0 0;
}

.hsec2Box:hover {
    border: 2px solid var(--first);
}

.hsec2Box img {
    transition: 0.25s ease
}

.hsec2Box:hover img {
    transform: translateY(-10px);
}

.person1 {
    background: url(../img/person1.png) no-repeat;
    background-size: contain;
    width: 440px;
    height: 350px;
    position: absolute;
    transform: translate(-30px, -5px);
}

.homRecCont {
    display: flex;
    width: 100%;
    align-items: center;
}

.homRecCont .col1,
.homRecCont .col2,
.homRecCont .col3,
.homRecCont .col4,
.homRecCont .col5 {
    margin-right: 25px;
}

.homRecCont .col1 {
    width: 16%;
}

.homRecCont .col2 {
    width: 21%;
}

.homRecCont .col3 {
    width: 16%;
}

.homRecCont .col4 {
    width: 18%;
}

.homRecCont .col5 {
    width: 21%;
}

.homRecCont .data {
    font-size: 15px;
}

.homRecCont .status i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--first);
    width: 23px;
    height: 23px;
    border-radius: 100px;
    margin-right: 11px;
    font-size: 12px;
}

.homRecCont .status {
    display: flex;
    align-items: center;
}

/*
.homRecCont .status{
	display: inline-block;
	background: #ffe76f;
	border-radius: 6px;
	padding: 5px 12px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 500;
}
*/
.homRecCont .payImg {
    width: 88px;
}

.homRecCont .head {
    font-size: 14px;
    margin: 0 0 14px;
    padding: 8px 19px;
    color: #545454;
    background: rgb(220 220 220 / 39%);
    border-radius: 7px;
    display: flex !important;
    align-items: center;
}

.tabecCont {
    margin: 25px 0 0;
    background: white;
    padding: 40px 40px;
    border-radius: 7px;
}

.tabRecRow {
    padding: 16px 0;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 18px;
}

.homRecCont div:nth-last-child(1) {
    margin-right: 0 !important;
}

.homRecCont .head i {
    margin-right: 9px;
    font-size: 16px;
}

.tabecCont .homRecCont:nth-last-child(1) {
    margin-bottom: 0;
}

.tabecCont .tabRecRow:nth-last-child(1) {
    border: none;
}

.footer {
    background: #212121 url(../img/footerback.png) no-repeat;
    color: #959595;
    background-size: cover;
    padding: 50px 0;
}

.footLogo {
    width: 190px;
}

.footSocial a {
    font-size: 16px;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    background: hsl(0deg 0% 50.2% / 14.9%);
    margin-right: 11px;
    align-items: center;
    justify-content: center;
    display: flex;
    transition: 0.3s ease;
}

.footSocial a:hover,
.footSocial a:focus {
    background: var(--first);
    color: black;
}

.footLink a {
    display: inline-block;
    margin: 3px 0;
}

.footSocial {}

.footer .head {
    font-size: 19px;
    font-weight: 600;
    position: relative;
    margin: 0 0 27px;
    color: #5CB235;
}

.footer .head::before {
    content: "";
    display: block;
    position: absolute;
    width: 60px;
    height: 2px;
    background: #5CB235;
    bottom: -5px;
}

.paymentsFoot {
    margin: 40px 0 0;
}

.paymentsFoot .cont {
    background: #3a3a3a;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    margin: 0 11px 12px 0;
    opacity: 0.8;
}

.paymentsFoot img {
    height: 18px;
}

.btFoot,
.bg2 {
    background: #5CB235;
}

.block1 {
    background: white;
    padding: 40px 40px;
    border-radius: 7px;
}

.block2 {
    background: #f1f1f1;
    padding: 30px 30px;
    border-radius: 7px;
    border: 1px solid lightgrey;
}

.contLbl {}

.inpCont {
    display: block;
    width: 100%;
    padding: 12px 13px;
    outline: none !important;
    border: 2px solid #dbdbdb;
    border-radius: 5px;
    transition: 0.3s ease;
    margin: 0 0 24px;
    padding-left: 45px;
}

.textarea1 {
    max-width: 100%;
    min-width: 100%;
    min-height: 150px;
    max-height: 500px;
}

.contactBlock {}

.contBtn {
    padding: 14px 40px;
    max-width: 170px;
    width: 100%;
}

.inpCont:hover,
.inpCont:focus {
    border-color: var(--first);
}

.inpBack {
    position: relative;
}

.inpBack i {
    position: absolute;
    top: 20px;
    left: 19px;
    color: gray;
}

.sticky {
    position: sticky;
    top: 20px;
}

.contSpecBox {
    padding: 40px 40px;
    background: #fff7de url(../img/btcimg1.png) no-repeat;
    margin-left: 30px;
    border-radius: 7px;
    border: 1px solid #eacf7d;
    background-size: 280px;
    transition: 0.3s ease;
    background-position: 363px 186px;
}

.contSpecBox:hover {
    background-position: 343px 166px;
}

.arrowList {}

.arrowList li {
    background: url(../img/arrow1.png) no-repeat 0;
    background-size: 21px;
    padding: 10px 0;
    padding-left: 35px;
}

.moneySlider {
    background: url(../img/moneySlider.png) no-repeat 0;
    background-size: contain;
    width: 660px;
    height: 510px;
    left: -10px;
    top: 54px;
}

.dropdownLi {
    position: relative;
}

.dropdownUl {
    position: absolute;
    background: white;
    display: flex;
    flex-wrap: wrap;
    width: 220px;
    border-radius: 7px;
    transform: translate(0px, 10px);
    z-index: 9;
    padding: 10px 0;
    box-shadow: 0 5px 7px hsl(19.53deg 100% 16.86% / 18%);
    overflow: hidden;
    display: none;
}

.dropdownUl a {
    display: flex;
    align-items: center;
    padding: 9px 20px;
    transition: 0.3s ease;
    width: 100%;
    color: #545454;
}

.dropdownUl img {
    height: 19px;
    margin-right: 12px;
}

.dropdownUl li {
    width: 100%;
}

.dropdownUl a:hover,
.dropdownUl a:focus {
    background: #dfdcdc;
    color: #2c2c2c;
}

.copyFoot {
    background: #202020;
    padding: 10px 0;
    color: #898989;
    border-top: 1px solid #3c3c3c;
}

.paymentsFoot .cont:hover {
    opacity: 1;
}

.topHeadAdBox {
    background: #3A3A3A;
    padding: 12px 0;
}

.bars {
    display: none;
    z-index: 10;
    right: 20px;
    top: 20px;
}

.bars span {
    display: block;
    width: 20px;
    height: 2px;
    background: #919191;
    margin: 5px 0;
}

.tableBack {
    overflow: auto;
    padding-bottom: 12px;
}

.cgray2 {
    color: #a3a3a3;
}

.inp1 {
    width: 100%;
    padding: 9px 10px;
    outline: none !important;
    border: 2px solid #e7e7e7;
    border-radius: 5px;
    margin: 0 0 18px;
    transition: 0.3s ease;
}

.inp1:hover,
.inp1:focus {
    border: 2px solid var(--first);
}

.btnpad2 {
    padding: 13px 10px;
}

.lbl1 {
    margin: 0 0 6px;
}

.form-check-input {
    width: 21px;
    height: 21px;
    margin-right: 15px;
    box-shadow: none !important
}

.form-check-input:checked[type=checkbox] {
    background-color: var(--first);
    border-color: var(--first) !important;
}

.bg3 {
    background: #e7e7e7;
}

.logSocialBtn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 13px;
    color: white !important;
    font-weight: 400;
    font-size: 15px;
    border-radius: 5px;
    transition: 0.3s ease;
}

.social-fb {
    background: #385899;
    margin-right: 18px;
}

.social-google {
    background: #F20000;
}

.social-fb:hover {
    background: #24417c;
}

.social-google:hover {
    background: #bf0303;
}

.logregPage .block1 {
    border: 1px solid #dddddd;
    box-shadow: 0 0 12px rgb(0 0 0 / 8%);
}

.logBtnPad {
    padding: 12px 23px;
}

.underline {
    text-decoration: underline !important;
}

.ptcslider {
    padding: 70px 0;
    background: #d96400 url(../img/ptcback.png) no-repeat;
    background-size: cover;
    color: white;
}

.ptcslider h2 {
    font-size: 56px;
    line-height: 1.25;
}

.ptcslider .desc {
    margin: 20px 0 40px;
}

.ptcimg1 {
    background: url(../img/ptcimg1.png) no-repeat;
    height: 113px;
    width: 100%;
    background-size: contain;
    max-width: 394px;
}

.ptcsliderimg {
    background: url(../img/ptcsliderimg.png) no-repeat;
    height: 633px;
    width: 560px;
    background-size: contain;
    transform: translate(-70px, -39px);
}

.partPtcBox {
    padding: 30px 0;
}

.partPtcBox img {
    height: 25px;
    margin: 0 26px;
}

.ptcAdClickBox {
    background: rgb(245 145 51);
    padding: 14px 18px;
    border-radius: 12px;
    transform: translate(-121px, 50px);
    z-index: 1;
}

.ptcAdClickBox .top {}

.ptcAdClickBox .bottom {
    font-size: 40px;
    line-height: 1;
    margin: 6px 0 0;
}

.ptcSec1Box1 {
    background: var(--first);
    text-align: center;
    padding: 40px 30px;
    border-radius: 10px;
}

.ptcSec1Box1 a {
    background: white;
    padding: 9px 20px;
    border-radius: 100px;
}

.ptcSec1Box1 p {
    margin: 10px 0 40px;
}

.ptcSec1Box1 a:hover {
    background: #c97b07;
    color: white !important;
}

.ptcS1RightBox {
    margin: 0px 0px -10px;
    padding: 30px 29px;
    border-radius: 8px;
    margin-left: 10px;
}

.ptcS1RightBox .imgBack {
    margin-right: 22px;
    transform: translate(0, 4px);
}

.ptcS1RightBox .imgBack img {
    width: 33px;
}

.ptcS1RightBox .head {
    font-size: 17px;
    font-weight: 500;
}

.ptcS1RightBox .desc {
    color: #8d8d8d;
    margin: 11px 0 0;
}

.ptcStatLand {
    padding: 22px 0 0;
    border-top: 2px solid gainsboro;
}

.ptcStatLand .head1 {
    font-size: 15px;
    font-weight: 400;
}

.ptcStatLand .data {
    font-size: 25px;
    margin: 8px 0 0;
}

.ptcSec2Box {
    padding: 40px 50px;
    background: white;
    border-radius: 8px;
    margin: 0 14px;
}

.ptcSec2Box .head {
    font-size: 32px;
}

.ptcSec2Box p {
    margin: 10px 0 40px;
    max-width: 390px;
}

.ptcSec2Box .btnpad1 {
    padding: 11px 40px;
}

.ptcSec2Box2 {
    background: #ffbf00;
}

.ptcSec2 {
    background: #ff7c00 url(../img/emonback.png) no-repeat center;
    background-size: cover;
}

.acccDropdowb {}

.ofop {
    object-fit: cover;
    object-position: center;
}

.cgreen {
    color: var(--third)
}

.cred {
    color: #fb3838;
}

.userTopImg {
    width: 40px;
    height: 40px;
}

.accIconDown {
    right: -13px;
    top: 23px;
    background: #f6f6f6;
    padding: 6px;
    border: 1px solid #cbcbcb;
    border-radius: 100px;
    color: darkgrey;
    font-size: 9px;
}

.sidebarUl {}

.sidebarUl li {
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sidebarUl a {
    display: block;
    padding: 11px 23px;
    color: #6a6a6a;
    width: 100%;
}

.sidebarUl .head {
    font-weight: 600;
    font-size: 18px;
    margin: 30px 0 10px;
    padding: 0 9px;
}

.leftSidebarCont {
    background: white;
    padding: 28px 20px;
    border-radius: 7px;
    border: 1px solid #d7d7d7;
    transition: 0.3s ease;
}

.mt0 {
    margin-top: 0 !important
}

.adStatMenu {}

.adStatMenu span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 20px;
    background: #646464;
    border-radius: 7px;
    color: white;
    margin: 0 2px;
}

.bggreen {
    background: var(--third) !important;
}

.bgorange {
    background: var(--first) !important;
}

.accRightCont {
    background: white;
    padding: 20px 20px;
    border-radius: 7px;
    border: 1px solid #d7d7d7;
    border-bottom: 5px solid #d9d9d9;
}

.accProfLeftFlex img {
    width: 50px;
    height: 50px;
    border-radius: 11px;
    margin-right: 17px;
}

.sideBtn1 {
    padding: 9px 11px;
    border-radius: 5px;
}

.btn3 {
    background: #d93939;
    color: white !important;
    user-select: none;
    outline: none;
    border: none !important;
}

.btn3:hover,
.btn3:focus {
    background: #bf1616;
}

.btn4 {
    border: 1px solid;
    padding: 3px 11px;
    border-radius: 25px;
    background: transparent;
}

.btn4:hover,
.btn4:focus {
    color: gray;
}

.widget-head {
    font-size: 19px;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 12px;
}

.accFlxStat {
    margin: 30px 0 0;
}

.accFlxStat img {
    width: 50px;
    margin-right: 15px;
}

.accFlxStat .txt1 {}

.accFlxStat .val {
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 11px;
}

.staMiniLink {
    font-size: 13px;
    color: gray;
}

.h100 {
    height: 100%;
}

.table tr:hover {
    background: #f1f1f1;
}

.table th,
.table th p {
    font-weight: 500;
    padding: 9px 4px 6px;
}

.table td,
.table td p {
    font-weight: 400;
    font-size: 14px;
}

.memberAccBox {
    font-size: 13px;
    padding: 2px 7px;
    border-radius: 100px;
}

.mem-basic {
    background: #dddddd;
}

.mem-one {
    background: #ffec67;
}

.mem-two {
    background: #83ffba;
}

.mem-three {
    background: #714eff;
    color: white;
}

.statFlex1 {
    padding: 10px 0;
    border-bottom: 1px solid gainsboro;
}

.tag {
    background: #6c6c6c;
    padding: 2px 9px;
    font-size: 13px;
    color: white !important;
    border-radius: 100px;
}

.tag1 {
    background: #5CB235;
}

.accRightCont .statFlex1:nth-last-child(1) {
    border: none;
}

.summflag1 {
    width: 22px;
    margin-right: 7px;
}

.sidebar-head {
    margin: 15px 0px 10px;
    font-size: 17px;
    font-weight: 500;
    padding: 14px 31px;
    background: rgb(58 58 58);
    border: none;
    border-radius: 4px;
    color: white;
    background: rgba(112, 112, 112, 1);
    background: -moz-linear-gradient(left, rgba(112, 112, 112, 1) 0%, rgba(74, 74, 74, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(112, 112, 112, 1)), color-stop(100%, rgba(74, 74, 74, 1)));
    background: -webkit-linear-gradient(left, rgba(112, 112, 112, 1) 0%, rgba(74, 74, 74, 1) 100%);
    background: -o-linear-gradient(left, rgba(112, 112, 112, 1) 0%, rgba(74, 74, 74, 1) 100%);
    background: -ms-linear-gradient(left, rgba(112, 112, 112, 1) 0%, rgba(74, 74, 74, 1) 100%);
    background: linear-gradient(to right, rgba(112, 112, 112, 1) 0%, rgba(74, 74, 74, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#4a4a4a', GradientType=1);
    width: 100%;
}

.sideUYserBack {
    text-align: center;
}

.personsideimg {
    height: 90px;
    width: 90px;
    border-radius: 100px;
}

.sideUYserBack .head {
    font-size: 21px;
    margin: 22px 0 11px;
    font-weight: 500;
}

.sideUYserBack .mail {
    color: #a7a7a7;
}

.dashflexTop1 i {
    background: #ece9e8;
    height: 50px;
    font-size: 24px;
    width: 52px;
    border-radius: 7px;
    color: #4a4a4a;
}

.sidebarUl li:nth-last-child(1) {
    border: none !important;
}

.sidebarUl a:hover {
    color: black;
}

.sidebarUl .amt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 22px;
    background: #646464;
    border-radius: 100px;
    color: white !important;
    padding: 0;
    margin: 0 2px;
    margin-right: 15px;
}

.sidebarUl li:hover {
    background: #e7e7e7;
}

.sticky {
    position: sticky;
    top: 20px;
}

.menuMobBack {
    display: none;
    padding: 12px 23px;
    background: white;
    margin: 0 0 20px;
    color: gray;
}

.sidebarLogo {
    width: 150px;
}

.sideBarCloseBtn {
    font-size: 18px;
    color: #979797;
    padding: 23px;
    background: gainsboro;
}

.mobSideTop {
    padding-left: 15px;
    display: none;
}

.mobDashMenu-show {
    left: 0 !important;
}

.padder2 {
    padding: 50px 0px;
}

.padder3 {
    padding: 30px 0px;
}

.headTaolLeft {
    padding: 40px 20px;
    background: #edebe9;
    text-align: center;
    border-radius: 9px;
    min-height: 350px;
}

.headtailcoin {
    background: url(../img/headtailcoin.png) no-repeat;
    background-size: contain;
    height: 200px;
    width: 200px;
    margin: 0 0 20px;
}

.coinflipmaintxt {
    font-weight: bold;
    font-size: 37px;
    color: #ffe67c;
    text-shadow: 0 2px #5CB235;
    user-select: none;
}

.headtailcoin-flip {
    transform: rotateX(0deg);
    animation-name: headtailcoin-flip;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-duration: 1s;
}

@keyframes headtailcoin-flip {
    0% {
        transform: rotateX(0deg);
    }

    50% {
        transform: rotateX(360deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

.coinHtOpt {
    background: url(../img/headtailcoin.png) no-repeat;
    background-size: contain;
    height: 80px;
    width: 80px;
    margin: auto;
}

.coinHtOpt span {
    color: white;
    font-size: 31px;
    font-weight: 800;
    text-shadow: 0 2px #874702;
}

.coinHBack .txt2 {
    font-size: 16px;
    margin: 11px 0 0;
    font-weight: 400;
    color: #c18414;
}

.coinHBack {
    text-align: center;
    padding: 30px 40px;
    border: 2px dashed #e7e7e7;
    border-radius: 7px;
    cursor: pointer;
    user-select: none;
    width: 100%;
}

.coinFlipWonTxt {
    font-weight: bold;
    font-size: 27px;
    display: none;
}

.wonFlipTxt {
    color: orange;
}

.loseFliptxt {
    color: #ff4141;
}

.coinHBack:hover,
.coinHBack-active {
    border: 2px solid #ffbf00;
}

.flipScreen,
.flipcoinscreen {
    display: none
}

.htarrow {
    height: 20px;
    opacity: 0.5;
    margin: 40px 0 0;
    animation-name: htarrow;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}

@keyframes htarrow {
    0% {
        transform: translate(-20px, 0px);
    }

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

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

.selectScreen,
.flipcoinscreen {
    padding: 0 50px;
}

.flipanimsample {
    transform: rotate(270deg);
    width: 100px;
    margin: 0 0 20px;
}

.flipCoinBtn {
    border: 1px solid #ff6a00;
    padding: 6px 0;
    background: var(--first);
    color: #af3f09;
    transition: 0.25s ease;
}

.flipCoinBtn:hover,
.flipCoinBtn:focus {
    background: #dda90d;
}

.flipCoinBtn:disabled {
    background: #efefef;
    border: 1px solid #cfcfcf;
    color: #bfbfbf;
}

.disableFlip {
    display: none;
    background: white;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    opacity: 0.4;
}

.coinflipmaintxt {
    display: none;
}

.offerBack {
    background: #ebe9e896;
    padding: 17px 17px;
    border-radius: 6px;
    border: 1px solid lightgrey;
    margin: 20px 0 0;
}

.offerBack img {}

.offerBtn {
    text-align: center;
    background: #ff8100;
    padding: 8px 4px;
    color: white !important;
    transition: 0.3s ease;
}

.offerBtn:hover {
    background: black !important;
}

.iframeOffers {
    width: 100%;
    height: 760px;
}

.iframeLink {
    display: none;
}

#iframeBlock {
    display: none;
}

.clixgridBack {}

.clixgridCont {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    background: url(../img/clixgridback1.jpg);
    background-size: cover;
    background-position: center;
    border: 1px solid #b9b9b9;
}

.clixgridbox {
    width: 5%;
    height: 30px;
    border: 1px solid hsl(0deg 0% 0% / 17%);
}

.clixgridbox:hover {
    background: rgb(255 255 255 / 43%);
}

.cgblock2 {
    padding: 25px 20px;
    width: 28%;
}

.cgflexouter .visited {
    background: #0003;
}

.cgshareopt {
    padding: 20px 0 0;
    border-top: 2px solid gainsboro;
    margin: 20px 0 0;
}

.cgshareopt .flex a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    border-radius: 100px;
    border: 1px solid black;
    margin-left: 13px;
}

.cgshareopt .flex a:hover {
    background: var(--first);
    color: black !important;
}

.vaultimg {
    background: url(../img/vaultimg.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 320px;
}

.vaultPad {}

.vaultblock {
    background: #43464b url(../img/ironbg.jpg);
    color: white;
    padding: 30px 48px;
    border-radius: 6px;
    background-size: cover;
}

.vaultInp:disabled,
.vaultInp {
    width: 100%;
    padding: 0 20px;
    font-size: 40px;
    text-align: center;
    border: none !important;
    outline: none !important;
    border-radius: 7px;
    letter-spacing: 10px;
    margin: 14px 0 30px;
    opacity: 1 !important;
    background: #919191 !important;
}

.vaultnmbrBack {}

.vaultnmbrBack .nmbr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    font-size: 22px;
    background: white;
    color: black;
    margin: 7px 7px;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: inset 0 0px 6px black, 0 2px 0 #1e1e1e;
}

.vault2back {
    background: url(../img/vault1.png) no-repeat;
    background-size: contain;
    width: 360px;
    height: 300px;
    margin: auto;
}

.vaultHandle {
    background: url(../img/vaulthandle.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    left: 60px;
    top: 60px;
}

.vaultinp1 {
    width: 100%;
    text-align: center;
    cursor: pointer;
    padding: 9px 10px;
    font-size: 21px;
    border: none;
    outline: none;
    background: #ededed;
    border-radius: 7px;
    margin: 0 4px;
    color: #2a2a2a;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(176, 176, 176, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(176, 176, 176, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(176, 176, 176, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(176, 176, 176, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(176, 176, 176, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(176, 176, 176, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b0b0b0', GradientType=0);
}

.vaultinp1:hover {
    background: #bfbfbf;
}

.vaultselBack {
    padding: 0 58px;
    position: absolute;
    bottom: 90px;
    width: 100%;
}

.crackBtn {
    right: 60px;
    top: 72px;
    font-size: 17px;
    padding: 5px 18px;
    border: none;
    outline: none !important;
    background: #38ab94;
    color: white;
    border-radius: 6px;
}

.crackBtn:hover {
    background: #1e8772;
}

.handleAnimate {
    animation-name: handleAnimate;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 5s;
}

@keyframes handleAnimate {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(345deg);
    }

    100% {
        transform: rotate(0);
    }
}

.giftsBack {
    background: url(../img/giftback.png);
    background-size: contain;
    background-color: purple;
    color: white;
}

.mjback {}

.advertSlider {
    min-height: 560px;
    background: gainsboro url(../img/advslidback.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.advertSlider .inner {
    padding: 40px 48px;
    background: rgb(42 41 41 / 85%);
    border-bottom: 7px solid var(--first);
    box-shadow: 0 0 42px rgb(0 0 0 / 20%);
    color: white;
}

.ptcAdSlidBtn {
    padding: 15px 23px;
}

.advSlidSelect {
    padding: 14px 19px;
    border: none;
    margin: 10px 0 20px;
    border: 1px solid #cbcbcb;
    outline: none !important;
}

.advSlidSelect:focus {
    border: 1px solid var(--first);
    ;
}

.grad1 {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(235, 235, 235, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(235, 235, 235, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(235, 235, 235, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(235, 235, 235, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(235, 235, 235, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(235, 235, 235, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
}

.advbox1 {
    padding: 21px 15px;
    background: rgb(82 106 118 / 8%);
    border: 1px solid hsl(0deg 0% 77.25%);
    border-radius: 7px;
    padding-left: 30px;
    margin: 20px 0 0;
}

.widget-head2 {
    background: #3A3A3A;
    border-radius: 8px;
    padding: 13px 21px;
    font-size: 22px;
    font-weight: 500;
    color: #e9e9e9;
}

.advImg1 {
    width: 60px;
    transition: 0.3s ease;
    margin-right: 26px;
}

.advbox1 .head {
    font-size: 18px;
    margin: 0 0 15px;
    font-weight: 500;
}

.advbox1 .desc {
    color: #a3a3a3;
    font-size: 13px;
    max-width: 250px;
}

.advInp2 {
    padding: 9px 8px;
    margin: 0 0 11px;
    outline: none !important;
}

.btnpad3 {
    padding: 8px 10px;
}

.advbox1:hover .advImg1 {
    transform: translate(6px, -0px);
}

select {
    background-image: url(../img/selectArrow.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: 95%;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.widget-head3 {
    background: #e7e7e7;
    border-radius: 8px;
    padding: 13px 21px;
    font-size: 19px;
    font-weight: 500;
    color: #2c2c2c;
}

.block3 {
    background: white;
    padding: 19px;
    border-radius: 6px;
}

/* PTC Ads start  */
.ptcBox {
    display: flex;
    padding: 14px 18px;
    border: 1px solid #dfdfdf;
    border-bottom: 3px solid #dfdfdf;
    border-radius: 7px;
    margin: 0 0 20px;
    justify-content: space-between;
    transition: 0.25s ease;
}

.ptcBox .img1 {
    height: 36px;
    width: 100%;
    margin: 3px 0 0;
    filter: grayscale(1);
    object-fit: contain;
}

.ptcBox .img1:hover {
    filter: none;
}

.ptcBox .title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 15px;
    font-weight: 500;
    color: #303030;
}

.ptcBox .flex {
    align-items: center;
}

.ptcBox .desc {
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #a3a3a3;
    padding-right: 3px;
}

.ptcBox .amtBack {
    background: #4CAF50;
    border-radius: 6px;
    color: white;
    align-items: center;
    justify-content: center;
    height: 31px;

    display: flex;
    padding-right: 8px;
    padding-left: 8px;
}

.ptcBox .coin11 {
    height: 13px;
}

.ptcBox .time {
    text-align: right;
    margin: 12px 0 0;
}

.ptcBox .inner1 {
    width: 56px;
    margin-right: 18px;
}

.ptcBox .cont1 {}

.ptcBox:hover {
    background: #e7e7e7;
}

.ptcvisited {
    opacity: 0.5 !important;
    background: white !important;
}

.ptcvisited .amtBack {
    background: #d3d3d3 !important;
    color: #4c4c4c;
}

.fixedPtcCont .amtBack {
    background: var(--first);
    color: black;
}

.fixedPtcCont .img1 {
    filter: none;
}

.ptcvisited .img1 {
    filter: grayscale(1) !important;
}

.adStyle2 .amtBack {
    background: var(--four);
}

.adStyle2 .img1 {
    filter: grayscale(1);
}

.adStyle2 .coin11 {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.adStyle3 .amtBack {
    background: var(--five);
}

.adStyle3 .img1 {
    filter: grayscale(1);
}

.adStyle3 .coin11 {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

/* PTC Ads end  */
/* micro jobs Single start  */
.microjobSingle {}

.microjobSingle .head1 {
    font-size: 25px;
    font-weight: 400;
}

.microjobSingle .desc {
    font-size: 15px;
    background: #f4f4f4;
    margin: 22px -30px;
    padding: 40px 30px;
}

.microjobSingle .status {
    background: gainsboro;
    margin: 3px 0 0;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 14px;
    color: #525050;
    margin-left: 10px;
    height: 30px;
}

.mjviewFlex1 {
    margin: 20px 0 0;
}

.mjviewFlex1 .flex {
    margin-right: 30px;
    background: #ededed;
    padding: 5px 8px;
    color: #424242;
    border-radius: 5px;
}

.mjviewFlex1 i {
    margin-right: 9px;
}

.mjBtn {
    padding: 15px 26px;
    font-size: 15px;
    border-radius: 5px;
    font-weight: 500;
    background: #4caf50;
    color: white !important;
    user-select: none;
    border: none !important;
    outline: none;
    padding-left: 20px;
}

.mjBtn:hover {
    background: #3c973f;
}

.mjsocial {
    display: flex;
}

.mjsocial a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 100px;
    margin-right: 7px;
    background: #e5e5e5;
    color: #424242;
}

.mjsocial i {
    margin: 0 !important;
}

.mjsocial a:hover {
    background: var(--first);
    color: black !important;
}

.mjviewCommBox {
    padding: 30px 30px;
    background: #f4f4f4;
    margin: 25px 0 0;
    border-radius: 8px;
}

.mjvTxtarea {
    margin: 9px 0 10px;
    padding: 20px 20px;
    max-width: 100%;
    min-width: 100px;
    min-height: 180px;
    max-height: 400px;
    outline: none;
    border: 1px solid #d9d9d9 !important;
    border: none;
    border-left: 5px solid gainsboro !important;
    transition: 0.3s ease;
}

.mjvTxtarea:focus {
    border: 1px solid #4caf50 !important;
    border-left: 5px solid #4caf50 !important;
}

.completeBtn {
    background: #4caf50;
    padding: 10px 20px;
    border-radius: 7px;
    color: white;
    font-weight: 500;
}

.completeBtn-active {
    background: #b3b3b3 !important;
    cursor: no-drop;
}

.mjvamt {
    color: #4caf50;
}

.completeBtn:hover {
    background: #329136;
}

.overtxt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* micro jobs Single end  */
/* play games start  */
.gameTopBox {
    overflow: hidden;
    border-radius: 9px;
    height: 410px;
    display: block;
    position: relative;
}

.gamethumb1 {
    width: 100%;
    height: 100%;
    transition: 0.3s ease;
}

.gamebtn1 {
    background: #4CAF50;
    padding: 12px 26px;
    border-radius: 100px;
    font-size: 15px;
    font-weight: 500;
    color: white !important;
    transition: 0.25s ease;
}

.game1inner {
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    color: white;
    background: #000000bf;
    padding: 110px 30px 30px;
}

.game1Head {
    font-size: 25px;
}

.gameicon1 {
    position: absolute;
    right: 40px;
    top: -30px;
    width: 120px;
    border-radius: 10px;
}

.game1inner {
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 78%, rgba(0, 0, 0, 0.82) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(78%, rgba(0, 0, 0, 0.82)), color-stop(100%, rgba(0, 0, 0, 0.82)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 78%, rgba(0, 0, 0, 0.82) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 78%, rgba(0, 0, 0, 0.82) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 78%, rgba(0, 0, 0, 0.82) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 78%, rgba(0, 0, 0, 0.82) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

.gamebtn1:hover,
.gamebtn1:focus {
    background: #2a8d2e;
}

.gameTopBox:hover .gamethumb1 {
    transform: scale(1.05);
}

.gameSearBack {}

.gamesearInp {
    border: none;
    outline: none;
    font-size: 15px;
    padding: 0 19px;
    width: 280px;
    border: 1px solid #d93939;
    border-radius: 100px;
    margin-right: 12px;
}

.gamesearInp:hover,
.gamesearInp:focus {}

.gameserBtn {
    border-radius: 100px;
    border: none;
    outline: none;
    padding: 8px 20px;
}

.morgamBox {
    position: relative;
    text-align: center;
    margin: 20px 0 0;
    background: #e7e7e7;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
}

.mgthumb {
    height: 160px;
    transition: 0.3s ease;
}

.mgname {
    color: #3e3e3e !important;
    font-weight: 400;
}

.mgInner {
    padding: 11px 12px;
    padding-left: 17px;
}

.moreGamBtn {
    background: #4caf50;
    color: white !important;
    border-radius: 5px;
    padding: 2px 8px;
}

.pagination {
    background: #e7e7e7;
    padding: 10px;
    border-radius: 7px;
}

.pagination a {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 11px;
    background: white;
    border-radius: 60px;
    margin-right: 10px;
    color: #4a4a4a;
}

.pagination a:hover {
    background: #cfcfcf;
    color: #141414;
}

.pagination .current {
    background: var(--first) !important;
    color: white !important;
}

.morgamBox:hover img {
    transform: scale(1.1);
}

.moreGamBtn:hover {
    background: #2a8d2e;
}

.morgamBox:hover {
    background: #ddd9d9;
}

.gamecatsearch {
    width: 170px;
}

/* play games end  */
/* game single start  */
.gameFrame {
    width: 100%;
    height: 460px;
}

.gamecontrolBack {}

.gameright .cont {
    padding: 5px 10px;
    text-align: center;
    background: white;
    border-radius: 5px;
    user-select: none;
    cursor: pointer;
    border-radius: 6px;
    margin-left: 7px;
    color: #727272;
}

.gameright .cont p {
    font-size: 12px;
}

.gameright .cont:hover {
    color: black;
}

.gameBox2 {
    height: 100px;
    display: block;
    margin: 20px 0 0;
    border-radius: 7px;
    overflow: hidden;
}

.gameBox2 .thumb1 {
    width: 100%;
    height: 100%;
}

.gameBox2 .name {
    bottom: 0;
    z-index: 1;
    width: 100%;
    color: white;
    text-align: center;
    padding: 22px 0 8px;
    opacity: 0;
    transition: 0.3s ease;
}

.gameBox2:hover .name {
    opacity: 1;
}

.gameBox2 .name {
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.71) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.71)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.71) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.71) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.71) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.71) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

/* game single end  */
/* micro jobs start  */
.microjobBox {
    display: block;
    border: 1px solid #dfdfdf;
    border-bottom: 3px solid #dfdfdf;
    border-radius: 7px;
    margin: 0 0 20px;
    transition: 0.25s ease;
    overflow: hidden;
}

.microjobBox .inner1 {
    border-bottom: 1px solid #d9d9d9;
    padding: 13px 20px !important;
}

.microjobBox .inner {
    padding: 20px 20px;
}

.microjobBox .cat {
    background: #e7e7e7;
    color: #606060;
    padding: 4px 10px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
}

.microjobBox .title {
    font-size: 20px;
    margin: 0 0 12px;
    color: #303030;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.microjobBox .desc {
    font-size: 12px;
    margin: 0 0 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #a3a3a3;
}

.microjobBox .amtBackb {
    font-size: 16px;
    background: #4caf50;
    color: white;
    padding: 3px 9px;
    border-radius: 5px;
}

.microjobBox .amtBackb img {
    width: 16px;
    margin-right: 11px;
}

.microjobBox .posted {
    margin: 20px 0 0;
    color: #a3a3a3;
}

.microjobBox .posted img {
    border-radius: 100px;
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.microjobIcon {
    font-size: 120px;
    top: 78%;
    left: 57%;
    opacity: 0.07;
    user-select: none;
    color: black !important;
    transition: 0.3s ease;
}

.microjobBox:hover .microjobIcon {
    transform: translate(0px, -20px);
    opacity: 0.2;
}

.microjobBox:hover,
.microjobBox:focus {
    border: 1px solid #4caf50;
}

.micjobVisited {
    opacity: 0.4;
}

.micjobVisited .amtBackb {
    background: #d3d3d3 !important;
    color: gray;
}

.micjobVisited .inner1 img {
    filter: grayscale(1);
}

.micjobVisited .microjobIcon {
    transform: none !important;
    opacity: 0.12 !important;
}

/* micro jobs end  */
.dashlbl1 {
    margin: 0 0 5px;
    font-weight: 400;
    color: #7c7c7c;
}

.dashinp1 {
    width: 100%;
    padding: 9px 10px;
    border: 1px solid #cdcdcd;
    outline: none !important;
    border-radius: 4px;
    margin: 0 0 20px;
}

.dashinp1:hover,
.dashinp1:focus {
    border: 1px solid var(--first);
}

.dashppFlex {}

.dashppFlex img {
    width: 86px;
    height: 86px;
    border-radius: 8px;
}

.hr1 {
    opacity: 0.15;
}

.dashinp1 {
    background-position: 96%;
    background-size: 8px;
}

.profTabBack {
    overflow: hidden;
    border-radius: 7px;
}

.profTabBack span {
    background: #eaeaeb;
    padding: 9px 14px;
    cursor: pointer;
    user-select: none;
    transition: 0.25s ease;
    color: #767676;
}

.profTabBack .active {
    background: #d7d7d7 !important;
    color: #242424 !important;
}

.profTabBack span:hover {
    background: #dfdfdf;
}

.textarea1 {
    max-width: 100%;
    min-width: 100%;
    min-height: 100px;
    max-height: 500px;
}

/* alerts start  */
.alert {
    padding: 11px 17px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 11px 15px;
    padding-left: 39px;
}

.alert-info {
    color: #208da3;
    border: 1px solid #afdae3;
    background-image: url(../img/alert-info2.png);
}

.alert-primary {
    color: #5c77a0;
    border: 1px solid #9bb9e7;
    background-image: url(../img/alert-primary.png);
}

.alert-secondary {
    color: #6d727b;
    border: 1px solid #b9bcc4;
    background-image: url(../img/alert-secondary.png);
}

.alert-danger {
    color: #ae535b;
    border: 1px solid #d1a6aa;
    background-image: url(../img/alert-danger.png);
}

.alert-warning {
    color: #8d762c;
    border: 1px solid #bdaa6e;
    background-image: url(../img/alert-warning.png);
}

/* alerts end  */
/* badge start  */
.badge {
    padding: 8px 10px;
    font-size: 13px !important;
    font-weight: 500 !important;
    border-radius: 5px;
}

.badge-info {
    background: #e1e1e1;
}

.badge-primary {
    background: #e1e1e1;
    color: #555353;
}

.badge-success {
    background: #1aaf1a;
    color: white;
}

.badge-danger {
    background: #fb3838;
    color: white;
}

.badge-warning {
    background: #dfaf00;
    color: white;
}

/* badge end  */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid var*--first;
    -webkit-text-fill-color: black;
    -webkit-box-shadow: none;
    transition: background-color 5000s ease-in-out 0s;
}

.pagination2 {
    display: flex;
}

.pagination2 a {
    border-radius: 100px;
    border: 1px solid #bdbdbd;
    color: gray;
    margin-right: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}

.pagination2 a:hover {
    border: 1px solid #878787;
    color: black;
}

.pagination2 .current {
    background: var(--first);
    color: white;
}

.table tr:nth-child(odd) {
    background: #f1f1f1;
}

.depFlex {}

.depFlex img {
    height: 20px;
}

.depFlex input {
    display: none;
}

.depFlex label {
    padding: 10px 14px;
    margin: 0 12px 13px 0;
    border-radius: 6px;
    border: 1px solid #dfdfdf;
    cursor: pointer;
    user-select: none;
}

.depFlex label:hover,
.debBtnactive {
    background: #ffffff;
    border: 1px solid #4caf50 !important;
}

.btn5 {
    background: #4caf50;
    color: white !important;
    border: none !important;
    outline: none !important;
    user-select: none;
    cursor: pointer;
}

.btn5:hover,
.btn5:focus {
    background: #329136;
}

.refLinkInp {
    width: 100%;
    padding: 10px 16px;
    font-size: 16px;
    background: none;
    border: none;
    color: #8b4d00;
}

.refLinkBox {
    background: orange;
    color: white;
    border-radius: 6px;
    overflow: hidden;
}

.refLinkBox,
.grad3 {
    background: rgba(230, 192, 39, 1);
    background: -moz-linear-gradient(top, rgba(230, 192, 39, 1) 0%, rgba(248, 80, 50, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230, 192, 39, 1)), color-stop(100%, rgba(248, 80, 50, 1)));
    background: -webkit-linear-gradient(top, rgba(230, 192, 39, 1) 0%, rgba(248, 80, 50, 1) 100%);
    background: -o-linear-gradient(top, rgba(230, 192, 39, 1) 0%, rgba(248, 80, 50, 1) 100%);
    background: -ms-linear-gradient(top, rgba(230, 192, 39, 1) 0%, rgba(248, 80, 50, 1) 100%);
    background: linear-gradient(to bottom, rgba(230, 192, 39, 1) 0%, rgba(248, 80, 50, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6c027', endColorstr='#f85032', GradientType=0);
}

.refLinkBox .head {
    font-size: 27px;
}

.copyLinkBtn {
    background: #f3bc31;
    padding: 8px 15px;
    border: none;
    outline: none;
    margin: 5px;
    border-radius: 6px;
    font-weight: 500;
    color: white;
    font-weight: 600;
}

.copyLinkBtn:hover,
.copyLinkBtn:focus {
    background: #e5ae23;
}

.refLinkFlex {
    border: 1px solid white;
    margin: 20px 0 0;
    color: orange;
    max-width: 520px;
    border-radius: 7px;
    background: #ffe7c6;
    box-shadow: 0 3px 12px rgb(163 42 10 / 24%);
}

.rebBanLink {
    width: 100%;
    padding: 10px 13px;
    border: 1px solid #c9c9c9;
    background: #f3f3f3;
    border-radius: 4px;
    outline: none !important;
}

.txtreflink {
    max-width: 100%;
    min-width: 100%;
    max-height: 140px;
    min-height: 90px;
    overflow: hidden;
}

.regBack1 {
    background: url(../img/regBack1.png);
    padding: 43px 48px;
    background-size: 170px;
}

.megaphone1 {
    right: 100px;
    width: 180px;
    bottom: -40px;
}

.memtable {
    width: 100%;
    text-align: center;
    background: white;
}

.memtable .mname {
    font-size: 23px;
    margin: 0px 0 4px;
    font-weight: 600;
}

.memtable .desc {
    font-weight: 400;
}

.memtable .headRow {}

.memtable .headRow th {
    padding: 28px 10px;
    background: #00ffd0;
    color: white;
}

.memtable .txt1 {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.memtable .txt2 {}

.memtable .txt2 img {
    height: 14px;
}

.mempriceBack {
    padding: 34px 0;
}

.memtable td {
    padding: 12px 24px;
    border-right: 2px solid #efefef;
}

.memtable .price {
    font-size: 44px;
    color: #979797;
}

.memtable .tag {
    border-radius: 5px;
    margin: 10px 0 0;
    display: inline-block;
    background: #b9b9b9;
}

.memtable .tag2 {
    background: #009688;
}

.memtable .tag3 {
    background: #ffb300;
}

.memtable .tag4 {
    background: #5e35b1;
}

.memtable .tag5 {
    background: #C2185B;
}

.memtable .sign {
    font-size: 26px;
    margin-right: 7px;
    color: #a3a3a3;
}

.memtable .amt {
    font-size: 39px;
    margin-right: 3px;
}

.memtable .time {
    font-size: 13px;
    color: #6e6e6e;
}

.mempriceBack .flex {
    align-items: center;
    justify-content: center;
}

.memtable tr:nth-child(odd) {
    background: #efefef;
}

.meminfoTop {
    opacity: 0.2;
    cursor: pointer;
    user-select: none;
}

.meminfobox {
    width: 270px;
    text-align: left;
    background: white;
    padding: 20px 20px;
    left: 95%;
    top: 4px;
    font-size: 13px;
    border-radius: 7px;
    /* box-shadow: 0 4px 8px rgb(0 0 0 / 12%); */
    border: 1px solid #dbdbdb;
    color: #747474;
    display: none;
    user-select: none;
}

.meminfoTop:hover {
    opacity: 0.4;
}

.memBtn1 {
    padding: 10px 51px;
    border-radius: 8px;
    margin: 20px 0;
    width: 100%;
}

.memtable tr:nth-last-child(1) {
    background: #efefef;
    border-top: 1px solid #d5d5d5;
}

.memtable tr:nth-last-child(1) td {
    border-right: 2px solid hsl(0deg 0% 43.31% / 15%);
}

.memtable tr td:nth-child(4) {
    border-right: 2px solid rgb(255, 179, 0) !important;
    border-left: 3px solid rgb(255, 179, 0) !important;
    background: rgb(255 179 0 / 9%);
}

.mempopular {
    background: #D50000;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    padding: 6px 0;
    top: -28px;
    font-size: 12px;
    border-radius: 9px 9px 0 0;
}

.accPage {
    padding: 90px 0;
}

.memBlock {
    overflow: auto;
    padding-top: 70px;
}

.currMember {}

.contestHeader {
    text-align: center;
    padding: 80px 0 100px;
    color: white;
    color: #393F4B;
    /* overflow: hidden; */
}

.contestHeader .head {
    background: url(../img/ribbon12.png) no-repeat;
    background-size: contain;
    width: 530px;
    height: 180px;
    margin: auto;
    padding-top: 55px;
    color: #393F4B;
    font-size: 34px;
}

.contestPad {
    padding: 70px 0;
}

.trophy1 {
    left: -170px;
    height: 409px;
    bottom: -146px;
}

.trophy12 {
    right: -130px;
    height: 319px;
    bottom: -136px;
}

.timerCont {
    margin: 40px 0 0;
    position: absolute;
    left: 0;
    right: 0;
    transform: translate(0, 10px);
}

.timerCont .time1 {
    font-size: 50px;
    line-height: 1;
}

.timerCont .time2 {
    font-size: 16px;
}

.timerCont .cont {
    margin: 0 6px;
    padding: 12px 16px;
    background: white;
    border-radius: 6px;
    box-shadow: 0 2px 3px hsl(45deg 40% 19.61% / 25%);
}

.timerCont #seconds {
    color: #e15e5e;
}

.contestPad .block2 {}

.contRight {
    padding-left: 30px;
}

.contstPrizBox {
    text-align: center;
    padding: 20px 30px;
    border-radius: 5px;
    margin: 15px 0 0;
    width: 100%;
}

.hide {}

.memerCont {}

.memFlex1 {
    flex-wrap: wrap;
}

.memMainBox {
    position: relative;
}

.memMainBox .name {
    font-size: 19px;
    font-weight: 500;
}

.memMainBox {
    border: 1px solid #b9b9b9;
    padding: 30px 32px;
    border-radius: 9px;
    overflow: hidden;
    margin: 0 0 23px;
}

.memMainBox .sign {
    font-size: 23px;
    margin-right: 4px;
    color: #A3A39C;
}

.memMainBox .cost {
    font-size: 52px;
    margin-right: 1px;
    font-weight: 500;
}

.memMainBox .time {
    font-size: 16px;
    color: #a3a3a3;
}

.memlist1 {
    margin: 0 0 23px;
    text-align: left;
}

.memlist1 li {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 8px 0;
    background-repeat: no-repeat !important;
    background-size: 13px;
    padding-left: 24px;
    background-position: 0 5px;
    color: #484848;
}

.meminfoBtn {}

.buymemBtn {
    text-align: center;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 5px;
    background: #7E57C2;
    width: 100%;
    color: white !important;
    font-weight: 400;
    transition: 0.25s ease;
}

.memMainBox .amtFlex {
    align-items: center;
}

.memstyle1 .name {
    color: #009688;
}

.memstyle1 .cost {
    color: #009688;
}

.memstyle1 li {
    background-image: url(../img/memtick1.png);
}

.memstyle1 .buymemBtn {
    background: #009688;
}

.memstyle1 {
    border: 1px solid #009688;
    border-bottom: 2px solid#009688;
    background: #ebf7f6;
}

.memstyle2 .name {
    color: #BF360C;
}

.memstyle2 .cost {
    color: #BF360C;
}

.memstyle2 li {
    background-image: url(../img/memtick2.png);
}

.memstyle2 .buymemBtn {
    background: #BF360C;
}

.memstyle2 {
    border: 1px solid #BF360C;
    border-bottom: 2px solid #BF360C;
    background: #fdf8f7;
}

.memstyle3 .name {
    color: #7E57C2;
}

.memstyle3 .cost {
    color: #7E57C2;
}

.memstyle3 li {
    background-image: url(../img/memtick3.png);
}

.memstyle3 .buymemBtn {
    background: #7E57C2;
}

.memstyle3 {
    border: 1px solid #7E57C2;
    border-bottom: 2px solid #7E57C2;
    background: #f5f2fa;
}

.memstyle4 .name {
    color: #C2185B;
}

.memstyle4 .cost {
    color: #C2185B;
}

.memstyle4 li {
    background-image: url(../img/memtick4.png);
}

.memstyle4 .buymemBtn {
    background: #C2185B;
}

.memstyle4 {
    border: 1px solid #C2185B;
    border-bottom: 2px solid #C2185B;
    background: #fdf6f8;
}

.memstyle5 .name {
    color: #039BE5;
}

.memstyle5 .cost {
    color: #039BE5;
}

.memstyle5 li {
    background-image: url(../img/memtick5.png);
}

.memstyle5 .buymemBtn {
    background: #039BE5;
}

.memstyle5 {
    border: 1px solid #039BE5;
    border-bottom: 2px solid #039BE5;
    background: rgb(3 155 229 / 7%);
}

.memstyle6 .name {
    color: #6D4C41;
}

.memstyle6 .cost {
    color: #6D4C41;
}

.memstyle6 li {
    background-image: url(../img/memtick+.png);
}

.memstyle6 .buymemBtn {
    background: #6D4C41;
}

.memstyle6 {
    border: 1px solid #6D4C41;
    border-bottom: 2px solid #6D4C41;
    background: rgb(109 76 65 / 5%);
}

.memMainBox .subtitle {
    font-size: 12px;
    margin: 2px 0 10px;
    color: #707070;
}

.memMainBox .popTag {
    background: #FFEB3B;
    color: #662f00;
    width: 160px;
    text-align: center;
    padding: 6px 0;
    top: 24px;
    right: -40px;
    transform: rotate(45deg);
    font-size: 12px;
}

.memMainBox:hover .buymemBtn {
    transform: translate(0, -4px);
}

.buymemBtn:hover {
    box-shadow: 0 7px 8px rgb(0 0 0 / 20%);
}

.payBoxContainer {
    display: flex;
    font-variant: flex-w;
    flex-wrap: wrap;
}

.PayBox2 {
    padding: 7px 9px;
    border: 1px solid #dfdfdf;
    border-bottom: 3px solid #dfdfdf;
    border-radius: 7px;
    margin: 0 0 20px;
    transition: 0.25s ease;
    display: block;
    width: 18%;
    margin: 0 9px 16px;
}

.payImg2 {}

.payTitle2 {
    font-size: 13px;
    font-weight: 500;
}

.payDesc {
    font-size: 11px;
    color: #727272;
    margin: 7px 0 0;
    line-height: 1.3;
}

.payCredFlex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px 8px;
    background: #d81b60;
    color: white;
    border-radius: 5px;
    font-size: 13px;
    margin: 10px 0 0;
}

.payTimer1 {}

.payMon2 {}

.payImgBack {
    text-align: center;
    background: #f1f1f1;
    margin: 0 0 13px;
}

@media screen and (max-width: 992px) {
    .hide {
        display: none;
    }

    .block992,
    .bars {
        display: block
    }

    .hide992,
    .footer .head::before {
        display: none
    }

    .bannAd,
    .cgblock2 {
        width: 100%;
    }

    .tac,
    .copyFoot {
        text-align: center;
    }

    .footSocial,
    .paymentsFoot {
        justify-content: center;
    }

    .mb10_ {
        margin-bottom: 10px
    }

    .mb15_ {
        margin-bottom: 15px
    }

    .mb20_ {
        margin-bottom: 20px
    }

    .mb30_ {
        margin-bottom: 30px
    }

    .mb40_ {
        margin-bottom: 40px
    }

    .mt10_,
    .footSocial {
        margin-top: 10px
    }

    .mt15_ {
        margin-top: 15px
    }

    .mt20_ {
        margin-top: 20px
    }

    .mt30_ {
        margin-top: 30px
    }

    .mt40_ {
        margin-top: 40px
    }

    .fs24_ {
        font-size: 24px !important
    }

    .fs28_ {
        font-size: 28px !important
    }

    .fs30_ {
        font-size: 30px !important
    }

    .fs35_ {
        font-size: 35px !important
    }

    .mainul {
        padding: 16px 0;
        border-top: 1px solid gainsboro;
        display: none;
    }

    .mainul li {
        display: block;
    }

    .main-link {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 8px 10px;
        border: none;
    }

    .menuMobBack {
        display: flex;
    }

    .headIcon {
        margin-right: 21px;
        transform: none !important;
    }

    .logo-main {
        width: 156px;
        margin: 17px 0;
    }

    .headBtn {
        margin: 10px 0 0;
    }

    .homeSlider {
        padding: 60px 0 0;
        background-position: right;
    }

    .homeSlider .head {
        font-size: 40px;
    }

    .table {
        width: max-content
    }

    .hsStats {
        flex-wrap: wrap;
        margin: 18px 0 20px;
    }

    .singleStat {
        border: none !important;
        width: 50%;
        padding: 14px 00;
    }

    .singleStat .val {
        font-size: 30px;
    }

    .moneySlider {
        position: static;
        width: 300px;
        height: 300px;
        margin: 50px auto 0;
    }

    .person1 {
        position: static;
        transform: none;
        margin: 60px 00 0;
        width: 100%;
    }

    .regBack1 {
        padding: 27px 34px;
    }

    .hsec1Flex .hsec1Box,
    .hsec2Box {
        margin: 20px 0 0;
    }

    .tabecCont {
        padding: 27px 22px;
    }

    .block1 {
        padding: 27px 22px;
    }

    .contSpecBox {
        margin: 30px 0 0;
        padding: 29px 29px;
    }

    .btnfull {
        display: block;
        width: 100%;
        text-align: center;
        justify-content: center;
        max-width: 100%;
    }

    .homRecCont .col1,
    .homRecCont .col2,
    .homRecCont .col3,
    .homRecCont .col4,
    .homRecCont .col5 {
        width: 100%
    }

    .tabRecRow {
        padding: 9px 0;
        padding-left: 18px;
    }

    .homRecCont .data {
        font-size: 14px;
    }

    .homRecCont .head {
        font-size: 14px;
    }

    .footer .head {
        border-top: 1px solid #3e3e3e;
        padding: 20px 0 3px;
        margin: 20px 0 20px;
    }

    .ptcslider h2 {
        font-size: 44px;
    }

    .ptcsliderimg {
        position: static;
        width: 100%;
        transform: translate(-0, 13px);
        margin: 20px 0 0;
        height: 358px;
        background-position: center;
    }

    .ptcimg1 {}

    .ptcAdClickBox {
        transform: translate(6px, 70px);
    }

    .ptcAdClickBox .bottom {
        font-size: 29px;
    }

    .ptcslider {
        padding-bottom: 0;
    }

    .partPtcBox img {
        height: 22px;
        margin: 15px 16px;
        align-items: center;
    }

    .ptcSec2Box {
        padding: 30px 35px;
    }

    .footer {
        text-align: center;
    }

    .sidebar-head {
        padding: 11px 25px;
    }

    .sidebarUl a {
        padding: 10px 20px;
    }

    .mobSideTop {
        display: flex;
        background: white;
        border: 1px solid #d7d7d7;
    }

    .accRightCont {
        border-bottom: 3px solid #d9d9d9;
        overflow-y: auto;
    }

    .mobDashMenu {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: -110%;
        z-index: 9999;
        background: white;
        transition: 0.3s ease;
        box-shadow: 0 0 62px rgb(0 0 0 / 25%);
        overflow: scroll;
    }

    .leftSidebarCont {
        margin: 0;
        padding: 15px 17px;
    }

    .sideUYserBack {
        display: flex;
        text-align: left;
    }

    .personsideimg {
        height: 60px;
        width: 60px;
        margin-right: 13px;
    }

    .sideUYserBack .head {
        margin: 0 0 6px;
    }

    .clixgridbox {}

    .clixgridCont {
        width: 100%;
    }

    /* ptc media start  */
    .ptcBox {
        padding: 12px 11px;
    }

    .ptcBox .img1 {
        height: 26px;
    }

    /* ptc media end  */
    /* game single media start  */
    .gameright .cont p {
        display: none;
    }

    .gameright .cont {
        width: 100%;
        margin: 10px 3px 0;
    }

    /* game single media end  */
    .contRight {
        padding: 0
    }

    .contestHeader .head {
        width: 100%;
        padding: 38px 0 0;
        font-size: 26px;
        height: 131px;
    }

    .timerCont .time1 {
        font-size: 31px;
    }

    .contestHeader {
        padding: 40px 0 80px;
    }

    .timerCont {
        margin: 20px 0 0;
    }

    .widget-head2 {
        display: block
    }

    .accIconDown {
        right: 18px;
    }

    .dropdownUl {
        width: 100%
    }
}

/*  media 992  */