.ser-dropdown .dropdown-toggle {
    width: 107px;
    border-radius: 11px !important;
    border: none;
    background: #190E41 !important;
    display: flex !important;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin-right: 15px !important;
    padding: 12px !important;
}

li {
    list-style: none
}

.ser-dropdown-icon {
    line-height: 1;
    margin-left: 10px
}

.ser-dropdown .dropdown-item:hover {
    background-color: #7936ff
}

.blog-title {
    color: #FFF !important;
    text-decoration: none !important
}

.blog-content {
    margin-bottom: 0 !important
}

.allimages {
    background-image: url(https://i.23robo.info/projects/real-likes/img/all_images1.webp) !important
}

.title-tag-icon {
    background-position: 94px -9px !important;
}

.trademark-img {
    width: 91px;
    flex: 0 0 91px;
    max-width: 91px;
    height: 41px;
    background-position: -2px -11px;
}

.social-box .allimages {
    width: 34px;
    height: 34px
}

.social-box-fb .allimages {
    background-position: -114px -15px;
}

.social-box-yt .allimages {
    background-position: -152px -15px;
}

.social-box-tiktok .allimages {
    background-position: -190px -15px;
}

.social-box-twitter .allimages {
    background-position: -228px -15px;
}

.social-box-instagram .allimages {
    background-position: -266px -15px;
}

.social-box-telegram .allimages {
    background-position: -304px -15px;
}

.social-box-spotify .allimages {
    background-position: -342px -15px;
}

.social-box-twig .allimages {
    background-position: -381px -15px;
}

.social-box-soundcloud .allimages {
    background-position: -420px -15px;
    width: 36px;
    height: 36px;
}

.social-box-linkedin .allimages {
    background-position: -459px -15px;
    width: 36px;
    height: 36px;
}

.social-box-snapchat .allimages {
    background-position: -498px -15px;
    width: 36px;
    height: 36px;
}

.social-box-vk .allimages {
    background-position: -537px -15px;
    width: 36px;
    height: 36px;
}

.allimages.crown-img {
    width: 42px;
    height: 34px;
    background-position: -656px -14px;
}

.allimages.rocket-img {
    width: 44px;
    height: 54px;
    background-position: -726px -3px;
}

.allimages.pennip-img {
    width: 46px;
    height: 50px;
    background-position: -793px -5px;
}

.allimages.sheild-img {
    width: 40px;
    height: 40px;
    background-position: -856px -12px;
}

.advance_box {
    border-radius: 30px;
    border: 1px solid rgba(94, 85, 134, 0.40);
    background: #0D0727;
    padding: 30px;
    min-height: 340px;
    margin-bottom: 20px;
    overflow: hidden;
}

.advantage-box-row1 .advance_box:hover {
    background: #6011FF;
    box-shadow: 40px 44px 161.6px 0px rgba(255, 255, 255, 0.51) inset;
}

.advantage-box-row1 .advance_box:hover .card-wrap-body h4,
.advantage-box-row1 .advance_box:hover .card-wrap-body p {
    color: #fff;
}

.advantage-box-row2 .advance_box {
    min-height: 385px;
}

.card-wrap-body h4 {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 126.05%;
    letter-spacing: -0.96px;
}

.card-wrap-body p {
    color: #9D95B8;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.allimages.successstar {
    width: 30px;
    height: 30px;
    background-position: 68px -8px
}

.handgift {
    width: 51px;
    height: 47px;
    display: block;
    background-position: 484px -7px;
}

.msgheart {
    width: 54px;
    height: 49px;
    display: block;
    background-position: 414px -4px;
}

.face {
    width: 41px;
    height: 56px;
    display: block;
    background-position: 335px -5px;
}

.truck {
    width: 56px;
    height: 45px;
    display: block;
    background-position: 265px -7px;
}

.customer-stars {
    width: 93px;
    height: 17px;
    display: block;
    background-position: 195px -15px;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
ul,
span {
    font-family: 'Satoshi', sans-serif
}

.guest {
    padding: 150px 0 0;
    background: url(https://i.23robo.info/projects/real-likes/img/top_bg.webp) #070317;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center
}

.title-tag {
    border-radius: 33px;
    border: 1px solid #2C234D;
    background: #0F072C;
    box-shadow: 3px 4px 12.3px 0px rgba(255, 255, 255, 0.11) inset;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 7px;
    max-width: 273px;
    margin: 0 auto 20px;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

.title-tag-icon {
    width: 34px;
    height: 34px;
    border-radius: 33px;
    border: none;
    background: #6011FF;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: relative;
    margin-right: 8px;
    box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.25) inset;
}

.main-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 45px
}

.txt {
    color: #9D95B8;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4
}

.trademark {
    display: flex;
    align-items: center;
    align-content: center;
    max-width: 325px;
    margin: 31px auto;
}

.trademark-txt {
    color: #9D95B8;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 0 6px;
}

.trademark-txt span {
    color: #fff;
}

.social-wrap {
    display: flex;
    align-items: center;
    align-content: center;
    padding-bottom: 30px;
    margin: 60px auto 30px;
}

.social-title {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    max-width: 200px;
    margin: 0
}

.social-ul {
    display: flex;
    align-items: center;
    align-content: center;
    list-style: none;
    flex: 0 0 calc(100% - 200px);
    max-width: calc(100% - 200px);
    padding-left: 78px;
    margin: auto;
}

.social-box {
    border-radius: 18px;
    background: #0D0727;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-right: 16px;
    position: relative;
    overflow: hidden
}

.social-box::after {
    content: '';
    width: 62px;
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    border-radius: 18px;
    background: linear-gradient(137deg, #ffffff7a -10.45%, #1e19367a 58.36%)
}

.social-ul li:last-child .social-box {
    margin: 0
}

.social-box::before {
    content: '';
    width: 35px;
    height: 23px;
    border-radius: 35px;
    background: #338CFF;
    filter: blur(17.549999237060547px);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -12px
}

.social-box.social-box-yt::before {
    background-color: red
}

.social-box.social-box-tiktok::before {
    background: #00E6E4
}

.social-box.social-box-twitter::before {
    background: #1CB7EB
}

.social-box.social-box-instagram::before {
    background: #FEC61F
}

.social-box.social-box-telegram::before {
    background: #39B7E4
}

.social-box.social-box-spotify::before {
    background: #10BC4C
}

.social-box.social-box-twig::before {
    background: #8C58E5
}

.social-box.social-box-soundcloud::before {
    background: #FF6F3C
}

.social-box.social-box-linkedin::before {
    background: #00A6F4
}

.social-box.social-box-snapchat::before {
    background: #FFFC21
}

.social-box.social-box-vk::before {
    background: #5FA8F5
}

.rel {
    position: relative
}

.abs {
    position: absolute
}

.angelina-smith-box {
    left: -150px;
    top: 0;
}

.regular-update {
    left: -120px;
    top: 250px;
    transform: translateY(250px);
}

.ser {
    right: -200px;
    top: 250px;
    transform: translateY(100px);
}

.fastest-growing {
    right: -80px;
    top: 0;
}

#top-sec {
    padding: 40px 0 80px;
    position: relative;
    overflow: hidden
}


.title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1.6px;
    background: linear-gradient(180deg, #FFF 0%, #999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
}

#resetpass-sec .title {
    color: #fff;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.why-box-row {
    margin-top: 63px
}

.why-box {
    border-radius: 30px;
    border: 1px solid rgba(94, 85, 134, 0.54);
    background: linear-gradient(180deg, #0F072C 59.5%, rgba(13, 7, 39, 0.00) 100%);
    position: relative;
    padding: 30px;
    overflow: hidden;
}

.why-box::after {
    content: '';
    width: 171px;
    height: 1px;
    background: linear-gradient(to right, #000 0%, #fff 50%, #000 100%);
    position: absolute;
    left: 50px;
    top: 0;
}

.why-box-step {
    min-height: 597px
}

.why-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -.96px;
    background: linear-gradient(90deg, #FFF 0%, #5C5C5C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0
}

.why-box::before {
    content: '';
    width: 374px;
    height: 108px;
    border-radius: 374px;
    opacity: .67;
    background: #3B2081;
    filter: blur(83.30000305175781px);
    position: absolute;
    left: -20px;
    top: -20px;
    z-index: 0;
}

.why-box .why-title,
.why-box .txt,
.why-box img {
    position: relative;
    z-index: 1
}

.why-box-icon {
    width: max-content;
    margin: 0 auto;
    position: relative
}

.why-box-icon::after {
    content: '';
    width: 129px;
    height: 129px;
    background: linear-gradient(90deg, #6011FF 0%, #8B52FF 100%);
    filter: blur(83.30000305175781px);
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: auto
}

.why-box2::before {
    display: none
}

.why-box .btn.btn-primary {
    width: 266px;
    margin: 26px auto 0;
    display: block;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background-color: #070317;
    padding: 12px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 12px 27.1px 0px rgba(255, 255, 255, 0.18) inset;
}

.take-row .btn-with-icon {
    justify-content: space-between;
    margin: unset;
    gap: 4px;
    min-height: 48px;
}

.btn-primary-txt {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.27;
    color: #fff;
    position: relative;
    z-index: 1
}

.why-box .btn.btn-primary::after {
    content: '';
    width: 190px;
    height: 18px;
    border-radius: 190px;
    background: #ffffff8a;
    filter: blur(27.850000381469727px);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -18px;
    z-index: 0
}

.why-box2 .why-title,
.why-box2 .txt {
    text-align: center
}

.why-box2 .txt {
    color: #9D95B8;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4
}

.why-box.why-box2 {
    padding-top: 0
}

.scroll-icon-wrap {
    width: max-content;
    text-align: center;
    margin: 25px auto auto
}

.scroll-icon {
    margin: auto auto 13px
}

.scroll-icon-txt {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0
}

.why-box1-shadow {
    background: #0b0624;
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    right: 0;
    filter: blur(50px);
    bottom: 0;
    opacity: 1;
    z-index: 2
}

.scroll-icon-wrap {
    width: max-content;
    text-align: center;
    margin: 25px auto auto;
    position: relative;
    z-index: 3
}

.why-box1-content .txt {
    margin-bottom: 20px
}

.why-box1-content {
    height: 314px;
    overflow-y: auto;
    scrollbar-width: none
}

#why {
    padding: 30px 0 0;
    position: relative;
    overflow: hidden
}

.why-wave-bg-wrap {
    position: relative
}

.why-wave-bg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: -1
}

.take-row {
    margin-top: 112px
}

.take-box1-outer {
    background: linear-gradient(180deg, #5E5586 0%, #fff0 100%);
    border-radius: 30px;
    overflow: hidden;
    padding: 1px;
    margin-bottom: 31px;
    position: relative
}

.take-box1 {
    background: linear-gradient(180deg, #0D0727 59.5%, #fff0 100%);
    border-radius: 30px;
    padding: 30px;
    position: relative
}

.take-title {
    display: flex;
    align-items: center;
    align-content: center;
    margin: 67px 0 28px
}

.take-title-txt {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.27;
    background: linear-gradient(90deg, #FFF 0%, #999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0
}

.take-title-icon {
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    border: 1px solid #fff3;
    border-radius: 100px;
    margin-left: 10px
}

.take-icon-box {
    background: linear-gradient(118deg, #FFF 2.74%, #1E1936 40.73%);
    padding: 1px;
    width: 83px;
    height: 83px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 24px
}

.take-icon-box-inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    background-color: #0D0727;
    border-radius: 24px;
    position: relative;
    overflow: hidden
}

.take-icon-box-inner::after {
    content: '';
    width: 42px;
    height: 42px;
    border-radius: 42px;
    background-color: #ffffff8a;
    filter: blur(24px);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -15px
}

.take-box1::before {
    content: '';
    width: 65px;
    height: 65px;
    background-color: #fff;
    border-radius: 65px;
    filter: blur(65.69999694824219px);
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 0
}

.take-row .title {
    margin-bottom: 52px
}

.take-box2 .take-icon-box {
    background: #fff0
}

.take-box2 .take-icon-box-inner {
    border-radius: 24px;
    background: linear-gradient(180deg, #6011FF 0%, #8B52FF 100%)
}

.take-box2 {
    background: #8B52FF
}

.take-box2::before {
    width: 891px;
    height: 597px;
    border-radius: 891px;
    background: #0D0727;
    filter: blur(61.54999923706055px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    margin: auto;
    top: auto;
    z-index: 0
}

.take-box2 .take-icon-box,
.take-box2 .take-title,
.take-box2 .take-txt {
    position: relative;
    z-index: 1
}

.take-box1-outer::before {
    content: '';
    width: 171px;
    height: 1px;
    position: absolute;
    left: 40px;
    top: 0;
    z-index: 1;
    background: linear-gradient(90deg, #fff0 0%, #FFF 50%, #fff0 100%)
}

.reach-img-wrap {
    position: relative
}

.reach-img {
    display: block;
    margin: auto;
    position: relative;
    z-index: 1
}

.reach-img-wrap::after {
    content: '';
    width: 321px;
    height: 321px;
    border-radius: 321px;
    background: linear-gradient(90deg, #8B52FF 0%, #6011FF 100%);
    filter: blur(185.39999389648438px);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0
}

#reach {
    padding: 160px 0 80px;
    overflow: hidden
}

.reach-row {
    display: flex;
    align-items: center;
    align-content: center
}

.btn.btn-primary {
    border-radius: 16px;
    border: transparent;
    background: #6011FF;
    padding: 15px 12px;
    color: #FFF !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.27;
    min-width: 266px;
    box-shadow: 7px -7px 22.5px 0px rgba(255, 255, 255, 0.40) inset;
}

.notif_sec tbody tr:not(.cat-name) td {
    background: #1B1343;
}

.reach-row .btn.btn-primary {
    margin-top: 45px
}

.advantage-row {
    margin-top: 140px
}

.advantage-box-outer {
    background: linear-gradient(180deg, #5E5586 0%, #fff0 100%);
    border-radius: 30px;
    overflow: hidden;
    padding: 1px;
    margin-bottom: 31px;
    position: relative
}

.advantage-box-outer::before {
    content: '';
    width: 171px;
    height: 1px;
    position: absolute;
    left: 40px;
    top: 0;
    z-index: 1;
    background: linear-gradient(90deg, #fff0 0%, #FFF 50%, #fff0 100%)
}

.advantage-box {
    background: linear-gradient(180deg, #0D0727 59.5%, #fff0 100%);
    border-radius: 30px;
    padding: 30px 30px 0;
    position: relative
}

.advantage-box::before {
    content: '';
    width: 391px;
    height: 113px;
    border-radius: 391px;
    background: linear-gradient(180deg, #6011FF 0%, #8B52FF 100%);
    filter: blur(147.6999969482422px);
    position: absolute;
    left: 20px;
    top: -10px;
    z-index: 0
}

.advantage-box .title,
.advantage-box .txt,
.advantage-box .advantage-box-img-wrap {
    position: relative;
    z-index: 1
}

.advantage-box .take-title-icon {
    position: absolute;
    right: 20px;
    top: 20px
}

.advantage-box .title {
    font-size: 20px
}

.advantage-box-img-wrap {
    margin-top: 51px
}

.advantage-row .title {
    margin-bottom: 57px
}

.advantage-box .title {
    margin-bottom: 27px
}

.advantage-box .txt {
    min-height: 120px
}

#reach .why-wave-bg {
    top: calc(50% + 220px)
}

.ready-row {
    border-radius: 29px;
    border: 1px solid #5e558666;
    background: #0D0727;
    padding: 24px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden
}

.ready-title {
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0
}

.ready-row .col-sm-6:last-child {
    text-align: right
}

.btn-with-icon {
    display: flex;
    align-items: center;
    align-content: center;
    max-width: 172px;
    margin-left: auto;
    justify-content: space-between
}

.btn.btn-secondary {
    border-radius: 16px;
    background: #6011FF;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.4;
    padding: 16px;
    /* box-shadow: 0px -13px 29.8px 0px rgba(255, 255, 255, 0.46) inset; */
    border: none;
}

.ticket-page tbody tr:not(.cat-name) td {
    background: #1B1343;
}

.ticket-page .frm-box {
    margin-top: 0;
}

.btn-icon {
    line-height: 1
}

.ready-row::before {
    content: '';
    width: 304px;
    height: 68px;
    border-radius: 304px;
    border: 1px solid #0D0727;
    background: #8B52FF;
    filter: blur(84.94999694824219px);
    position: absolute;
    left: 39px;
    top: 50%;
    transform: translateY(-50%)
}

.success-box {
    border-radius: 21px;
    background: linear-gradient(270deg, #6011FF 0%, #8B52FF 100%);
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    padding: 15px;
    max-width: 556px;
    margin: 12px auto
}

.success-txt {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.32px;
    margin: 0
}

#stats {
    padding: 80px 0
}

.stats-title-row {
    padding-top: 28px;
    border-top: 1px solid #362D55;
    margin: 0
}

.stats-title-row .col-sm-12 {
    padding: 0
}

.stats-row {
    padding: 40px 0;
    margin: 28px 0 0;
    border-top: 1px solid #362D55;
    border-bottom: 1px solid #362D55;
    position: relative;
    overflow: hidden
}

.stats-img {
    margin-bottom: 3px
}

.stats-title {
    color: #FFF;
    text-shadow: 0 0 11px #ffffff7d;
    font-family: Satoshi;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6;
    margin: 0 0 3px
}

.stats-txtt {
    color: #8B52FF;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0
}

.stats-box {
    position: relative;
    width: max-content;
    margin: auto
}

.stats-row .col-sm-3 {
    position: relative
}

.stats-row .col-sm-3::after {
    content: '';
    background-color: #362D55;
    height: 80%;
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.stats-row .col-sm-3:last-child::after {
    opacity: 0
}

.stats-row .col-sm-3:first-child .stats-box {
    margin-left: 0
}

.stats-row::after {
    content: '';
    width: 528px;
    height: 89px;
    border-radius: 528px;
    background: linear-gradient(90deg, #8B52FF 0%, #6011FF 100%);
    filter: blur(71.9000015258789px);
    right: 0;
    left: 0;
    margin: auto;
    bottom: -89px;
    z-index: -2;
    position: absolute
}

.happy-img-wrap {
    position: relative
}

.happy-img {
    display: block;
    margin: auto;
    position: relative;
    z-index: 1
}

.happy-img-wrap::after {
    content: '';
    width: 297px;
    height: 297px;
    border-radius: 297px;
    opacity: .66;
    background: linear-gradient(90deg, #8B52FF 0%, #6011FF 100%);
    filter: blur(132.8000030517578px);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}

#happy {
    padding: 80px 0
}

.customer-box-outer {
    border-radius: 25px;
    background: linear-gradient(180deg, #5E5586 0%, #fff0 100%);
    padding: 1px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-bottom: 30px;
}

.customer-box {
    padding: 26px;
    border-radius: 25px;
    background: #0D0727;
    border: 1px solid rgba(94, 85, 134, 0.25);
}

.customer-stars {
    margin-bottom: 25px
}

.customer-txt {
    color: #9D95B8;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #5e558678;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -.28px
}

.customer-infobox-wrap {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin-top: 24px
}

.customer-infobox-left {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex: 0 0 calc(100% - 75px);
    max-width: calc(100% - 75px)
}

.customer-verified {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

.customer-verified-txt {
    color: #9D95B8;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #5e558678;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -.2px;
    margin-left: 5px
}

.customer-infobox-right {
    flex: 0 0 75px;
    max-width: 75px
}

.customer-infobox {
    display: flex;
    align-items: center;
    align-content: center
}

.customer-img-wrap {
    flex: 0 0 32px;
    max-width: 32px
}

.customer-img {
    max-width: 32px;
    border: 1px solid #5e558678;
    border-radius: 11px
}

.customer-infobox-content {
    flex: 0 0 calc(100% - 32px);
    max-width: calc(100% - 32px);
    padding-left: 6px
}

.customer-title {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #5e558678;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.2;
    background: linear-gradient(180deg, #FFF 0%, #999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    margin: 0
}

.customer-infobox-content .customer-txt {
    font-size: 10px;
    margin: 0;
    line-height: 1
}

.customer-box-outer-revert {
    background: linear-gradient(180deg, #5E5586 0%, #fff0 100%)
}

.customer-box-outer-revert .customer-box {
    background: #0D0727;
}

#customer {
    padding: 15px 0;
    background-image: url(https://i.23robo.info/projects/real-likes/img/customer-bg.webp)
}

.customer-row .col-sm-4:nth-child(2) {
    padding-top: 50px
}

.customer-row .col-sm-4:nth-child(3) {
    padding-top: 100px
}

#faq {
    padding-top: 80px;
    padding-bottom: 80px;
}

.faq-row {
    margin-top: 40px
}

.faq-row .panel-default {
    padding: 0;
    box-shadow: none;
    border-radius: 18px;
    border: 1px solid rgba(94, 85, 134, 0.24);
    background-color: #0D0727;
    margin-bottom: 22px;
}

.faq-row .panel-default .panel-heading {
    background-color: #fff0;
    border-color: transparent !important;
    padding: 0
}

.faq-row .panel-title a {
    display: flex;
    align-items: center;
    align-content: center;
    padding: 20px
}

.faq-icon,
.faq-caret {
    line-height: 1
}

.faq-row .panel-title a {
    display: flex;
    align-items: center;
    align-content: center;
    padding: 18px;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    position: relative;
    text-decoration: none !important;
}

.faq-icon {
    margin-right: 5px
}

.faq-caret {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    background-color: #150D3B;
    border: 1px solid rgba(94, 85, 134, 0.13);
    border-radius: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.faq-row .panel-title a[aria-expanded="true"] .faq-caret {
    transform: translateY(-50%) rotateX(-190deg)
}

.faq-row .panel-default .panel-body {
    border-top: 1px solid #5e55863d !important;
    color: #fff;
    font-size: 14px;
    line-height: 1.6
}

footer {
    /* box-shadow: 0 0 140px 0 #6011FF50; */
    background-color: #070317;
    padding: 63px 0 40px;
    /* background-image: url(https://i.23robo.info/projects/real-likes/img/why-wave-bg.webp); */
    background-repeat: no-repeat;
    background-position: top center;
    border-top: 1px solid rgba(36, 36, 36, 0.00);
    position: relative;
    overflow: hidden;
}

.ftr-menu {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    align-content: center;
    align-items: center;
    justify-content: flex-end
}

.ftr-menu li a {
    color: #9D95B8;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.32px;
    padding: 10px 15px;
    border-radius: 14px;
    margin-left: 12px;
    text-decoration: none !important
}

.ftr-menu li a:hover {
    background: linear-gradient(270deg, #8B52FF 0%, #6011FF 100%);
    color: #fff
}

.ftr-top-row {
    border-bottom: 2px solid #5e558652;
    padding-bottom: 50px;
    margin-bottom: 50px
}

.ftr-title {
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -.4px;
    margin-bottom: 22px
}

.ftr-txt {
    color: #9D95B8;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -.28px;
    margin-bottom: 10px
}

.ftr-txt b {
    color: #FFF;
    font-weight: 500
}

.ftr-mid-row {
    display: flex;
    align-content: center;
    align-items: center
}

.ftr-mid-row .btn.btn-secondary {
    min-width: 241px
}

.ftr-btm-row {
    margin-top: 50px;
    border-radius: 18px;
    border: transparent;
    background-color: #0D0727;
    display: flex;
    align-items: center;
    align-content: center;
    padding: 14px;
    height: 56px;
}

.copyright-txt {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -.32px;
    margin: 0
}

.copyright-txt span {
    color: #84889A
}

.ftr-social-wrap {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: start;
    margin-top: 12px;
}

.ftr-social-title {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -.32px;
    margin: 0 12px 0 0
}

.ftr-social-ul {
    display: flex;
    align-items: center;
    align-content: center;
    list-style: none;
    padding: 0;
    margin: 0
}

.ftr-social-ul li a {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.34);
    background: #6011FF;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    box-shadow: 6px -8px 28.4px 0px rgba(255, 255, 255, 0.63) inset;
}

.ftr-social-ul li {
    margin-left: 8px;
    background: linear-gradient(117deg, #ffffff7a 0%, #fff0 39.37%);
    width: 37px;
    height: 37px;
    border-radius: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    overflow: hidden
}

.ftr-social-ul li a::after {
    content: '';
    width: 17.711px;
    height: 17.711px;
    background: #ffffff8a;
    filter: blur(6.699999809265137px);
    position: absolute;
    top: -5px;
    z-index: 0;
    left: 0;
    right: 0;
    margin: auto
}

.guest footer::before {
    content: '';
    position: absolute;
    width: 457.398px;
    height: 595.22px;
    transform: rotate(50.696deg);
    background: #8245FD;
    filter: blur(181.0500030517578px);
    top: -400px;
    opacity: 0.4;
    left: 0;
    right: 0;
    margin: auto;
}

.ftr-menu .btn.btn-secondary {
    max-width: 100%;
}

.ftr-menu li {
    position: relative;
}

.ftr-menu li::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 34px;
    background: #5E5586;
    top: -6px;
    left: 6px;
}

.ftr-menu li:last-child::before {
    display: none;
}

.ftr-mid-row,
.ftr-btm-row {
    position: relative;
    z-index: 1
}

#work {
    padding: 40px 0;
    position: relative;
    background-image: url(https://i.23robo.info/projects/real-likes/img/box-bg.webp);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center
}

.work-box-row {
    margin: 138px 0 100px;
    position: relative
}

.work-box-outer {
    border-radius: 20px;
    background: linear-gradient(180deg, #504876 0%, #fff0 100%);
    padding: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    overflow: hidden
}

.work-box {
    background-color: #09041f;
    border-radius: 20px;
    padding: 19px;
    position: relative
}

.why-box-title-wrap {
    display: flex;
    align-items: center;
    align-content: center
}

.why-box-title-num {
    font-size: 42px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.84px;
    background: linear-gradient(180deg, #A273FE 0%, #6315FE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0
}

.why-box-title {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.32px;
    padding-left: 8px;
    margin: 0
}

.why-box-txt {
    color: #9D95B8;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    margin: 22px 0
}

.whybox-img {
    margin: 50px auto 0;
    display: block
}

.work-box::after {
    content: '';
    width: 171px;
    height: 93px;
    background-color: #ffffff4f;
    filter: blur(57.900001525878906px);
    position: absolute;
    left: 0;
    right: 0;
    top: -70px;
    margin: auto;
    z-index: 0
}

.work-arrow1 {
    left: 0;
    right: 0;
    margin: auto;
    top: -78px;
    z-index: 1
}

.work-arrow2 {
    left: 120px;
    bottom: -80px;
    transform: rotateX(180deg)
}

.work-arrow3 {
    right: 120px;
    bottom: -80px;
    transform: rotateX(180deg)
}

.work-box-row .col-sm-3:nth-child(2n+1) .work-box-outer {
    margin-top: 50px
}

.work-box-row::before {
    content: '';
    width: 764px;
    height: 129px;
    border-radius: 764px;
    background: linear-gradient(90deg, #8B52FF 0%, #6011FF 100%);
    filter: blur(185.39999389648438px);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: -2
}

.guest .navbar-default {
    background: #fff0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 20px
}

.guest .navbar-default .container {
    border-radius: 15px;
    border: 1px solid #1F1839;
    background: #0F072C;
    box-shadow: 6px 8px 12.3px 0px rgba(255, 255, 255, 0.11) inset;
    padding-top: 10px;
    padding-bottom: 10px;
}

.guest .navbar-default .navbar-center li a {
    color: #9D95B8;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    position: relative
}

.guest .navbar-default li.active a {
    background: #fff0
}

.login-frm-wrap {
    max-width: 84%;
    margin: 34px auto;
    position: relative
}

.step-rembember {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.step-rembember .reminder {
    display: flex;
    align-items: center;
    gap: 5px;
    align-content: center
}

.login-frm-wrap .col-sm-5 {
    padding-left: 5px;
    padding-right: 5px
}

.login-frm-wrap .col-sm-2 {
    padding-left: 5px;
    padding-right: 5px
}

.btn-width .btn-tp {
    min-width: 153px;
    min-height: 66px;
    justify-content: space-between;
    display: flex;
    align-items: center
}

.advantage-box-wraps {
    background-image: url(https://i.23robo.info/projects/real-likes/img/sign-left-imgs.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
    border-radius: 25px;
    background-color: #09041F;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 100px 0
}

.advantage-box-wraps .title {
    font-size: 48px
}

.step-signup {
    padding: 0
}

.step-signup li {
    list-style: none;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 28px;
    border: 1px solid #5e55864a;
    background: #140C37;
    width: 455px;
    height: 118px;
    flex-shrink: 0;
    padding: 25px;
    margin-bottom: 20px;
    transition: .3s all linear
}

.advantage-box-wraps .txt {
    padding-bottom: 30px
}

.step-signup li h6 {
    margin: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    background: linear-gradient(180deg, #6011FF 0%, #8B52FF 100%);
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -.72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px
}

.step-signup li p {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.96px;
    margin: 0
}

.step-signup li:hover {
    background: linear-gradient(90deg, #6011FF 0%, #8B52FF 100%)
}

.step-signup li:hover h6 {
    background: #fff;
    color: #0D0727
}

.adv-img {
    padding-bottom: 10px
}

.guest .well {
    background: #fff0;
    border: none
}

#signup-sec .well .title {
    font-size: 34px;
    background: none;
    color: #fff !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: unset;
}

.guest #signup-sec .inpt-icon {
    position: absolute;
    left: 10px;
    top: 58%;
    transform: translateY(-28%);
    z-index: 9
}

.guest .form-control {
    border-radius: 19px;
    border: 1px solid rgba(94, 85, 134, 0.19);
    background: #1B1343;
    padding: 20px;
    min-height: 64px;
    padding-left: 65px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.advantage-box-wraps_hero {
    position: relative;
    overflow: hidden;
    z-index: 9;
    padding: 40px;
    padding-top: 80px;
    padding-bottom: 80px;
    border: 1px solid #5E5586;
    background: transparent;
}

.advantage-box-wraps_hero::before {
    content: '';
    width: 498px;
    height: 498px;
    border-radius: 498px;
    background: linear-gradient(270deg, #8B52FF 0%, #6011FF 100%);
    filter: blur(175.5500030517578px);
    position: absolute;
    z-index: -1;
    top: -200px;
    opacity: 0.4;
}

.form-group {
    position: relative
}

.guest .control-label {
    color: #9D95B8;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.56px;
    padding-bottom: 10px
}

.guest .pull-middle {
    color: #9D95B8;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.56px
}

.guest .pull-middle a {
    color: #7750F6
}

.guest #signup-sec .btn.btn-primary {
    background: #6011FF;
    margin-top: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 7px -7px 22.5px 0px rgba(255, 255, 255, 0.40) inset;
}

.guest #signup-sec .form-inline .form-group {
    width: 100%
}

.step-reset {
    width: 273px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 33px;
    border: 1px solid #1F1839;
    background: #140C37;
    box-shadow: 3px 4px 12.3px 0 #ffffff1c inset;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: auto
}

#resetpass-sec .title {
    font-size: 60px
}

#resetpass-sec .btn.btn-primary {
    width: 100%;
    min-height: 66px
}

.guest #resetpass-sec .inpt-icon {
    position: absolute;
    left: 8px;
    top: 35%;
    transform: translateY(-28%);
    z-index: 9;
}

.guest #resetpass-sec .form-control {
    border-radius: 20px;
    border: 1px solid #2D2648;
    background: #140C37;
    box-shadow: 0 4px 4px 0 #ffffff40 inset
}

#resetpass-sec {
    padding: 50px 0
}

.login-frm-wrap .form-control {
    border-radius: 20px;
    border: 1px solid #2D2648;
    background: #140C37;
    box-shadow: 0 4px 4px 0 #ffffff40 inset;
    min-height: 66px
}

.inpt-icon {
    border-radius: 14px;
    background: linear-gradient(180deg, #8B52FF 0%, #6011FF 100%);
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    /* box-shadow: 0px 5px 12.8px 0px rgba(255, 255, 255, 0.70) inset; */
    /* border: 1px solid rgba(255, 255, 255, 0.24); */
}

.next-btn,
.secondtstep .btn.btn-primary {
    border-radius: 12px;
    background: linear-gradient(180deg, #6011FF 0%, #8B52FF 100%);
    box-shadow: 6px 8px 12.3px 0 #ffffff1c inset;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 106px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
    min-width: 106px
}

.checkbox-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center
}

.have-acc {
    text-align: center
}

.have-acc a {
    color: #9D95B8;
    font-weight: 400;
}

.firststep::after,
.firststep::before {
    content: '';
    width: 280px;
    height: 1px;
    background: linear-gradient(to right, #000 0%, red 50%, #000 100%);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0
}

.navbar-center {
    margin: auto
}

.guest #navbar.collapse {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    align-content: center
}

.right-nav-btn {
    width: 107px;
    border-radius: 11px;
    border: 1px solid #5e55863b;
    background: #1F1353;
    display: flex !important;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin-right: 15px
}

.right-nav-txt {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2
}

.right-nav-icon {
    line-height: 0
}

.right-nav-btn2 {
    background: #6011FF;
    box-shadow: 0px 11px 25px 0px rgba(255, 255, 255, 0.54) inset;
    border: 1px solid rgba(255, 255, 255, 0.24);
}

.g-recaptcha {
    margin: 15px auto 0;
    display: block;
    width: max-content
}

.guest .navbar-default .navbar-center li a:hover::after,
.guest .navbar-default .navbar-center li.active a:hover::after,
.guest .navbar-default .navbar-center li.active a::after {
    content: '';
    width: 73%;
    height: 3px;
    background-color: #6011FF;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -14px
}

.guest .navbar-default .navbar-center li a:hover,
.guest .navbar-default .navbar-center li.active a:hover,
.guest .navbar-default .navbar-center li.active a {
    color: #fff;
    background-color: #fff0
}

.contact-box {
    background: #8B52FF;
    overflow: hidden;
    position: relative;
    border-radius: 30px;
    padding: 30px 15px;
    margin-bottom: 30px;
    min-height: 235px
}

.contact-box::before {
    content: '';
    width: 891px;
    height: 597px;
    border-radius: 891px;
    background: #0D0727;
    filter: blur(61.54999923706055px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    margin: auto;
    top: auto;
    z-index: 0
}

.contact-box-row {
    margin-top: 50px
}

.contact-box-title,
.contact-box-txt {
    position: relative;
    z-index: 1
}

.contact-box-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.27;
    background: linear-gradient(90deg, #FFF 0%, #999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    margin-bottom: 5px
}

#contactus {
    padding: 40px 0 80px
}

#contactus .main-title {
    margin-bottom: 10px
}

.row.blog-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.blog-wrap {
    border-radius: 24px;
    border: 1px solid #2D2648;
    background-color: #0D0727;
    padding: 27px;
    margin-bottom: 20px;
    min-height: 200px
}

.blog-wrap .btn.btn-primary {
    min-width: 150px;
    margin-top: 15px
}

.blog-wrap .ftr-social-wrap {
    justify-content: start;
    margin-top: 20px
}

.blog-row {
    margin-top: 62px
}

.row.abt-row {
    position: relative;
    z-index: 9
}

#about-sec .take-box1 {
    border: 1px solid #5e55868a;
    margin-bottom: 30px
}

.take-box-hero .take-title {
    position: relative;
    margin: 15px 0
}

.take-box-hero .txt.take-txt {
    position: relative;
    z-index: 9
}

.take-box-hero {
    padding: 20px
}

.blog-img-wrap {
    border-radius: 12px
}

.take-box-hero1::before {
    content: '';
    width: 100%;
    height: 500px;
    border-radius: 891px;
    background: #0D0727;
    filter: blur(61.54999923706055px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    margin: auto;
    top: auto;
    z-index: 0
}

#about-sec {
    padding: 50px 0
}

.row.abt-row {
    margin-bottom: 30px
}

.row.abt-row .main-title {
    margin-bottom: 10px
}

.blog-date-wrap {
    display: flex;
    align-items: center;
    align-content: center;
    color: #9D95B8;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -.28px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.single-blog-wrap li {
    position: relative;
}

.single-blog-wrap li::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: linear-gradient(180deg, #6011FF 0%, #8B52FF 100%);
    border-radius: 50px;
    left: -16px;
    top: 6px;
}

.blog-date-icon {
    line-height: 0;
    margin-right: 5px
}

.blog_post_btn .btn.btn-primary {
    min-width: 150px;
}

.blog-content {
    color: #9D95B8;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    height: 55px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 18px
}

.blog-title {
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.blog-btn {
    width: 100%
}

.single-blog-img {
    border-radius: 12px;
    margin-bottom: 80px
}

.single-blog-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    background: linear-gradient(90deg, #FFF 0%, #5C5C5C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    margin-bottom: 24px
}

.single-blog-txt {
    color: #9D95B8;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4
}

.single-blog-txt h1,
.single-blog-txt h2,
.single-blog-txt h3,
.single-blog-txt h4,
.single-blog-txt h5,
.single-blog-txt h6 {
    font-weight: 700;
    line-height: 1.2;
    background: linear-gradient(90deg, #FFF 0%, #5C5C5C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0
}

.ser-cat-ul {
    display: flex;
    list-style: none;
    align-items: center;
    align-content: center;
    margin: 76px auto 20px;
    justify-content: space-between;
    padding: 0
}

.ser-cat-ul li {
    flex: 0 0 14%;
    max-width: 14%
}

.ser-cat-btn {
    display: flex;
    align-items: center;
    align-content: center;
    border-radius: 18px;
    background: linear-gradient(180deg, #F00 0%, #fff0 100%);
    padding: 1px 1px 0;
    text-decoration: none !important
}

.ser-cat-btn-inner {
    display: flex;
    align-items: center;
    align-content: center;
    border-radius: 18px;
    background: #0D0727;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 10px
}

.ser-cat-icon {
    margin-right: 5px;
    position: relative
}

.ser-cat-txt {
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4
}

.ser-cat-btn[data-id="instagram"] {
    background: linear-gradient(180deg, #FBD028 0%, #F83286 50%, #fff0 100%)
}

.ser-cat-btn[data-id="facebook"] {
    background: linear-gradient(180deg, #1877F2 0%, #fff0 100%)
}

.ser-cat-btn[data-id="telegram"] {
    background: linear-gradient(180deg, #039BE5 0%, #fff0 100%)
}

.ser-cat-btn[data-id="tiktok"] {
    background: linear-gradient(180deg, #24F6FA 0%, #D22146 50%, #fff0 100%)
}

.ser-cat-btn[data-id="twitter"] {
    background: linear-gradient(180deg, #03A9F4 0%, #fff0 100%)
}

.ser-cat-btn[data-id="linkedin"] {
    background: linear-gradient(180deg, #007AB9 0%, #fff0 100%)
}

.ser-cat-icon::after {
    content: '';
    width: 23px;
    height: 23px;
    background-color: red;
    filter: blur(10px);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: 0
}

.ser-cat-icon img {
    position: relative;
    z-index: 1
}

.ser-cat-btn[data-id="instagram"] .ser-cat-icon::after {
    background: linear-gradient(180deg, #E7D21F 0%, #D51C8F 50%, #7A1CC8 100%)
}

.ser-cat-btn[data-id="facebook"] .ser-cat-icon::after {
    background: #1877F2
}

.ser-cat-btn[data-id="telegram"] .ser-cat-icon::after {
    background: #039BE5
}

.ser-cat-btn[data-id="tiktok"] .ser-cat-icon::after {
    background: linear-gradient(180deg, #1ECDD0 0%, #D22549 100%)
}

.ser-cat-btn[data-id="twitter"] .ser-cat-icon::after {
    background: #fff
}

.ser-cat-btn[data-id="linkedin"] .ser-cat-icon::after {
    background: #007AB9
}

.ser-search-row .dropdown .dropdown-toggle {
    border-radius: 15px;
    background: #160F34;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
    min-width: unset;
    padding: 23px 15px;
    box-shadow: none;
}

.search-form-group .inpt-icon {
    width: auto;
    height: auto;
    background: #fff0;
    color: #fff
}

.search-form-group .btn.btn-primary {
    min-width: 114px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px
}

.search-form-group .form-control {
    padding-left: 45px;
    background: #160F34;
}

.table {
    border-collapse: separate;
    border-spacing: 0 10px
}

.table thead tr th {
    background: #6011FF;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.28px;
    padding: 15px !important;
    /* box-shadow: 8px -15px 30.1px 0px rgba(255, 255, 255, 0.33) inset; */
}

.table thead tr th:first-child {
    border-radius: 12px 0 0 12px
}

.table thead tr th:last-child {
    border-radius: 0 12px 12px 0
}

.cat-name td {
    border-radius: 15px;
    background: #6011FF;
    padding: 15px !important;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.28px;
    box-shadow: 8px -15px 30.1px 0px rgba(255, 255, 255, 0.33) inset;
}

tbody tr:not(.cat-name) td {
    border-top: 1px solid #2D2648;
    background-color: #0D0727;
    border-bottom: 1px solid #2D2648;
    padding: 15px !important;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.28px;
}

.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
}

tbody tr:not(.cat-name) td:first-child {
    border-left: 1px solid #2D2648;
    border-radius: 12px 0 0 12px
}

tbody tr:not(.cat-name) td:last-child {
    border-right: 1px solid #2D2648;
    border-radius: 0 12px 12px 0
}

.ser-id {
    border-radius: 8px;
    background: #6011FF;
    min-width: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 12px 5px;
    box-shadow: 0px -6px 13.7px 0px rgba(255, 255, 255, 0.51) inset;
}

.rate-per svg {
    margin: 0 5px
}

.rate-per {
    border-radius: 9px;
    background: #1B1343;
    backdrop-filter: blur(12.899999618530273px);
    max-width: unset;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    padding: 12px;
}

.auth .order_page .form-control {
    border: 1px solid rgba(94, 85, 134, 0.34);
    background: #0D0727;
}

.account_sec .nav-tabs .nav-link {
    background-color: #0D0727;
    border: 1px solid rgba(94, 85, 134, 0.34);
}

.account_sec .tab-txt {
    color: #fff;
}

.guest .badge {
    width: 105px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    border-radius: 6px;
    border-radius: 9px;
    background: #1B1343;
    backdrop-filter: blur(12.899999618530273px);
    max-width: 150px;
    min-height: 50px;
}

.badge.gurantee.lifetime {
    background-color: #FF8011
}

.badge.gurantee.nondrop {
    background-color: #15AC2C
}

.badge.gurantee.no-refill {
    background-color: #ff0;
    color: #020912
}

.service-description .btn-primary {
    width: 84px;
    min-width: 44px
}

.service-name {
    min-width: 100%
}

.modal-content {
    border-radius: 15px;
    border: 1px solid #5E5586;
    background: #0D0727;
}

.modal-content .modal-header::before,
.modal-content .modal-header::after {
    display: none
}

.modal-content .modal-header {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between
}

.modal-content .modal-header .close {
    color: #fff;
    opacity: 1
}

.auth {
    background-color: #070317;
    padding: 15px 0 15px 15px;
}

.sidebar {
    position: fixed;
    width: 280px;
    border-radius: 20px;
    background: #0D0727;
    padding: 24px;
    height: calc(100% - 30px);
    z-index: 9999;
    left: 15px;
    top: 15px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    border: 1px solid #1F1839;
}

.sidebar-logo {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between
}

.sidebar-logo .logo img {
    max-width: 100%
}

.sidebar-logo .logo {
    flex: 0 0 calc(100% - 34px);
    max-width: calc(100% - 34px)
}

.profile-wrap {
    border-radius: 14px;
    border: 1px solid #57429F;
    background: #05011A;
    backdrop-filter: blur(12.899999618530273px);
    padding: 12px;
    display: flex;
    align-items: center;
    align-content: center;
}

.profile-left {
    width: 43px;
    height: 43px;
    background: linear-gradient(180deg, #8B52FF 0%, #6011FF 100%);
    border-radius: 43px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.profile-right {
    flex: 0 0 calc(100% - 43px);
    max-width: calc(100% - 43px);
    padding-left: 15px
}

.profile-status-txt {
    display: flex;
    align-items: center;
    align-content: center;
    color: #84889A;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0
}

.profile-status-txt img {
    margin-left: 5px
}

.single-product .quantity.buttons_added {
    border-radius: 6px !important;
    border: none !important;
    background: #F4F7FF !important;
    display: none !important
}

.sidebar-nav {
    padding: 0;
    list-style: none;
    margin: 28px 0
}

.menu-title {
    color: #84889a8f;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: uppercase;
    margin: 16px 0
}

.sidebar-nav li a {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 12px;
    border-radius: 12px;
    text-decoration: none !important;
    color: #9D95B8;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    position: relative;
    margin-top: 10px;
}

.sidebar-nav li a .navbar-icon {
    margin-right: 8px
}

.sidebar-nav li.active a,
.sidebar-nav li.active a:hover,
.sidebar-nav li a:hover,
.sidebar-nav li a:focus {
    background: #6011FF;
    color: #fff;
    box-shadow: 9px -9px 21.9px 0px rgba(255, 255, 255, 0.35) inset;
}

.sidebar-nav li.active a::after,
.sidebar-nav li.active a:hover::after,
.sidebar-nav li a:hover::after,
.sidebar-nav li a:focus::after {
    content: '';
    width: 195px;
    height: 11px;
    background: linear-gradient(90deg, #691EFF 0%, #8B52FF 100%);
    filter: blur(7.699999809265137px);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -2px;
    z-index: 0
}

.inner-warp {
    padding-left: 280px
}

.top-bar .row {
    border-radius: 23px;
    border: 1px solid #1F1839;
    background: #0D0727;
    padding: 15px;
    margin: 0 0 21px;
    display: flex;
    align-items: center;
    align-content: center;
}

.top-left-ul {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
    align-content: center
}

.breadcrumm {
    color: #938DA8;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin-left: 15px
}

.breadcrumm span {
    color: #FFF;
    font-size: 18px;
    font-weight: 500
}

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

.top-right-ul li a {
    border-radius: 18px;
    border: 1px solid #1F1839;
    background: #160D3C;
    padding: 7px;
    display: flex;
    align-items: center;
    align-content: center;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.32px;
    text-decoration: none !important;
    min-width: 50px;
    height: 50px;
    justify-content: center;
    margin-left: 10px;
    backdrop-filter: blur(12.899999618530273px);
}

.currency-symbol {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    border: 1px solid #57429F;
    background: #05011A;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.currency-balance {
    margin: 0 8px
}

.top-right-ul .dropdown-menu {
    padding: 0;
    background-color: #05011a
}

.top-right-ul .dropdown-menu li a {
    background-color: #fff0;
    border: 0;
    padding: 6px 12px;
    font-size: 14px;
    justify-content: flex-start
}

.top-right-ul li a:hover svg path {
    fill: #fff
}

.intro-box {
    border-radius: 26px;
    border: 1px solid #57429F;
    background: #05011A;
    padding: 35px;
    position: relative;
    overflow: hidden
}

.intro-box .btn.btn-secondary {
    margin-left: 0;
    margin-top: 20px
}

.intro-box::after {
    content: '';
    background-image: url(https://i.23robo.info/projects/real-likes/img/box-bg2.webp);
    width: 360px;
    height: 603px;
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0
}

.intro-box::before {
    content: '';
    width: 528px;
    height: 140px;
    border-radius: 528px;
    background: linear-gradient(90deg, #6011FF 0%, #8B52FF 100%);
    filter: blur(118px);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0
}

.intro-box .txt,
.intro-box .btn.btn-secondary,
.intro-title {
    position: relative;
    z-index: 1
}

.intro-box-2 {
    border-radius: 26px;
    border: 1px solid #57429F;
    background: #05011A;
    padding: 35px 25px;
    position: relative;
    overflow: hidden;
    min-height: 240px
}

.intro-box-2::before {
    content: '';
    width: 528px;
    height: 140px;
    border-radius: 528px;
    background: linear-gradient(90deg, #6011FF 0%, #8B52FF 100%);
    filter: blur(118px);
    position: absolute;
    right: -200px;
    top: 50%;
    transform: translateY(-50%)
}

.intro-box-2 .col-sm-6 {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    height: 170px;
    display: flex;
    flex-direction: column
}

.intro-title2 {
    display: flex;
    align-items: center;
    align-content: center;
    margin-bottom: 15px
}

.intro-title2-icon {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background: linear-gradient(180deg, #6011FF 0%, #8B52FF 100%);
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin-right: 5px
}

.intro-title2 {
    display: flex;
    align-items: center;
    align-content: center;
    margin-bottom: 10px;
    color: #9D95B8;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2
}

.intro-txt2 {
    color: #FFF;
    font-size: 34px;
    font-weight: 500;
    line-height: 1.4
}

.intro2-btn-wrap {
    border-radius: 14px;
    border: 1px solid #ffffff1c;
    background: #0D0727;
    padding: 8px;
    display: flex;
    align-items: center;
    align-content: center;
    max-width: 270px
}

.intro2-btn-txt {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2
}

.intro2-btn-wrap .btn.btn-secondary {
    min-width: 99px;
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    padding: 10px;
    border-radius: 10px
}

.intro-box-2::after {
    content: '';
    background-image: url(https://i.23robo.info/projects/real-likes/img/dots-bg.webp);
    width: 744px;
    height: 689px;
    position: absolute;
    right: -440px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0
}

.intro-box-2 .col-sm-6:first-child::after {
    content: '';
    background: #ffffff1f;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.shorcut-row {
    margin-top: 0;
}

.auth .addfunds_Sec {
    padding: 0 0 20px !important;
}

.shorcut-title {
    display: flex;
    align-items: center;
    align-content: center;
    padding-bottom: 18px;
    margin-bottom: 42px;
    border-bottom: 1px solid #2D2648;
    position: relative
}

.shorcut-title-txt {
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4
}

.shorcut-title-icon {
    line-height: 0;
    margin-right: 8px
}

.shorcut-title::after {
    content: '';
    border: 2px solid #8B52FF;
    width: 316px;
    position: absolute;
    bottom: -2px;
    left: 0
}

.shorcut-row .ser-cat-ul {
    margin-top: 0
}

.frm-box {
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 24px;
    border: 1px solid #2D2648;
    background: #0D0727;
}

.nav-tabs .nav-link {
    border-radius: 14px;
    background-color: #1B1343;
    border: 0;
    padding: 15.8px 10px;
    display: flex;
    align-items: center;
    align-content: center;
    margin-right: 5px;
}

.tab-txt {
    color: #9D95B8;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    margin-left: 5px
}

.nav-tabs .nav-link:hover,
.nav-tabs .active .nav-link:hover,
.nav-tabs .active .nav-link,
.nav-tabs .nav-link:focus {
    background: #6011FF;
    box-shadow: 7px -9px 16.4px 0px rgba(255, 255, 255, 0.40) inset;
}

.nav-tabs .nav-link:hover .tab-txt,
.nav-tabs .active .nav-link:hover .tab-txt,
.nav-tabs .active .nav-link .tab-txt,
.nav-tabs .nav-link:focus .tab-txt {
    color: #fff
}

.nav-tabs .nav-link:hover .tab-icon svg path,
.nav-tabs .active .nav-link:hover .tab-icon svg path,
.nav-tabs .active .nav-link .tab-icon svg path,
.nav-tabs .nav-link:focus .tab-icon svg path {
    fill: #fff
}

.nav-tabs {
    border: 0;
    margin-bottom: 38px
}

.auth label {
    color: #9D95B8;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 15px
}

.auth .form-control {
    height: 48px;
    border-radius: 16px;
    background: #1B1343;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.28px;
}

.search-dropdown .input-wrapper__prepend {
    color: #fff
}

.select2-dropdown ul {
    background: #1B1343;
}

.select2-container .select2-dropdown {
    background: #1B1343;
}

.select2-dropdown ul li:hover a,
.select2-dropdown ul li.active:hover a,
.select2-dropdown ul li.active a {
    background-color: #3B2E74;
}

/*.select2-container .select2-selection__id-1 {
    min-height: 30px;
    background: linear-gradient(270deg, #6011FF 0%, #8B52FF 100%);
}*/

.auth .form-control.select2-selection--single {
    display: flex;
    align-items: center;
    align-content: center;
    height: 48px
}

.neworder-btn-row {
    display: flex;
    align-content: flex-end;
    align-items: flex-end
}

.neworder-btn-row .form-group {
    margin-bottom: 0
}

.btn.btn-primary.neworder-btn {
    min-width: unset;
    width: 100%
}

.dash-title {
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 19px
}

.dash-title-txt {
    color: #9D95B8;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2
}

#service_description {
    padding: 23px;
    margin-top: 30px;
    border-radius: 14px;
    background: #1B1343;
}

#service_description .control-label {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2
}

#service_description .panel-body {
    padding: 0;
    border: 0;
    background-color: #fff0;
    color: #9D95B8;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -.28px
}

.auth .form-control#links {
    height: 485px;
    padding: 19px 24px;
}

.search-form-group .form-control {
    height: 65px
}

.intro-title {
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4
}

.intro-box-row {
    margin-bottom: 32px
}

.referal-box {
    border-radius: 23px;
    border: 1px solid #2D2648;
    background: #0D0727;
    padding: 20px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    align-content: center;
}

.referal-box-icon {
    border-radius: 14px;
    border: 1px solid #292D39;
    background: linear-gradient(180deg, #8B52FF 0%, #6011FF 100%);
    width: 74px;
    height: 74px;
    flex: 0 0 74px;
    max-width: 74px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.referal-box-content {
    flex: 0 0 calc(100% - 74px);
    max-width: calc(100% - 74px);
    padding-left: 18px
}

.referal-box-txt {
    color: #9D95B8;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 14px
}

.referal-box-title {
    color: #FFF;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    margin: 0
}

.referal-box-row .col-sm-4:first-child .referal-box .referal-box-title {
    font-size: 13.8px
}

.affiliate-box-ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
    align-content: center;
    justify-content: space-between
}

.affiliate-box-ul li {
    flex: 0 0 calc(50% - 7.5px);
    max-width: calc(50% - 7.5px)
}

.affiliate-box {
    border-radius: 14px;
    border: transparent;
    background-color: #1B1343;
    padding: 8px 8px 8px 20px;
    margin-bottom: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.affiliate-box-value {
    border-radius: 14px;
    background: #05011A;
    min-width: 155px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 58px;
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    border: 1px solid #57429F;
    backdrop-filter: blur(12.899999618530273px);
}

.affiliate-box-label {
    color: #9D95B8;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

.affiliate-box-ul li:last-child {
    flex: 0 0 100%;
    max-width: 100%
}

.available-earning {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    padding: 18px
}

.available-earning .btn.btn-secondary {
    min-width: 219px
}

.available-earning-lable {
    color: #9D95B8;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    display: block
}

.available-earning-value {
    color: #FFF;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
    display: block
}

.auth .form-control#message {
    height: 185px;
    resize: none
}

.auth .faq-row .panel-default {
    border-radius: 14px;
    border: transparent;
    background: #1B1343;
    margin-bottom: 10px;
}

.auth #contactus {
    padding: 0px 0 30px;
}

.auth .faq-row .panel-default .faq-icon {
    display: none
}

.update-status {
    white-space: nowrap;
    background: linear-gradient(90deg, #6011FF 0%, #8B52FF 100%);
    backdrop-filter: blur(12.899999618530273px);
    padding: 12px 15px;
    color: #fff;
    border-radius: 6px
}

.api-box {
    border-radius: 24px;
    border: 1px solid #2D2648;
    background: #0D0727;
    padding: 25px 16px;
    margin-bottom: 20px;
    min-height: 190px;
}

.api-box-icon {
    width: 51px;
    height: 51px;
    border-radius: 14px;
    background: linear-gradient(90deg, #8B52FF 0%, #6011FF 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-bottom: 15px
}

.api-box-title {
    color: #9D95B8;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4
}

.api-box-txt {
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0
}

.api-table-wrap {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.api-table-title {
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 17px
}

.api-table-txt {
    color: #9D95B8;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0
}

.api-table-left {
    flex: 0 0 160px;
    max-width: 160px
}

.api-table-right {
    display: flex;
    align-items: center;
    align-content: center;
    flex: 0 0 calc(100% - 160px);
    max-width: calc(100% - 160px);
    justify-content: flex-end;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: thin
}

.api-table-list {
    padding: 0 0 10px;
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
    align-content: center;
    overflow-x: auto;
    scrollbar-width: thin;
    margin-left: 54px
}

.api-table-label {
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    display: block;
    margin: 0 0 19px;
    text-transform: capitalize
}

.api-table-value {
    color: #9D95B8;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2
}

.example-title {
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 31px
}

.api-box-txt a {
    color: #8B52FF;
}

pre {
    border-radius: 16px;
    border: transparent;
    background: #1B1343;
    padding: 25px;
    color: #9D95B8;
    font-size: 14px;
    .affiliate-box font-weight: 500;
    line-height: 1.6
}

.api-table-content {
    margin-right: 54px
}

.payment-icon-ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: thin;
    padding-bottom: 10px
}

.payment-icon-li {
    padding: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-radius: 18px;
    background: linear-gradient(180deg, #00B6CD 0%, #fff0 100%);
    margin-right: 13px
}

.payment-icon-wrap {
    width: 80px;
    height: 80px;
    border-radius: 18px;
    background-color: #1B1343;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center
}

.payment-icon-li:nth-child(2) {
    background: linear-gradient(180deg, #5F259F 0%, #fff0 100%)
}

.payment-icon-li:nth-child(3) {
    background: linear-gradient(180deg, #16D 0%, #fff0 100%)
}

.payment-icon-li:nth-child(4) {
    background: linear-gradient(180deg, #0099DE 0%, #fff0 100%)
}

.payment-icon-li:nth-child(5) {
    background: linear-gradient(180deg, #F01010 0%, #fff0 100%)
}

.payment-icon-li:nth-child(6) {
    background: linear-gradient(180deg, #036CB5 0%, #fff0 100%)
}

.payment-icon-li:nth-child(7) {
    background: linear-gradient(180deg, #1689FC 0%, #fff0 100%)
}

.payment-icon-li:nth-child(8) {
    background: linear-gradient(180deg, #1C60DD 0%, #fff0 100%)
}

.payment-icon-li:nth-child(9) {
    background: linear-gradient(180deg, #53AE94 0%, #fff0 100%)
}

.payment-icon-li:nth-child(10) {
    background: linear-gradient(180deg, #F7931A 0%, #fff0 100%)
}

.payment-icon-li:nth-child(11) {
    background: linear-gradient(180deg, #547FEF 0%, #fff0 100%)
}

.payment-icon-li:nth-child(12) {
    background: linear-gradient(180deg, #345D9D 0%, #fff0 100%)
}

.payment-icon-li:nth-child(13) {
    background: linear-gradient(180deg, #F00 0%, #fff0 100%)
}

.payment-icon-li:nth-child(14) {
    background: linear-gradient(180deg, #0051FF 0%, #fff0 100%)
}

.payment-icon-li:nth-child(15) {
    background: linear-gradient(180deg, #08C 0%, #fff0 100%)
}

.auto-payment-ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    overflow-x: auto;
    scrollbar-width: thin;
    padding-bottom: 5px
}

.auto-payment-ul li {
    flex: 0 0 100px;
    max-width: 100px
}

.auto-payment-box {
    border-radius: 16px;
    border: transparent;
    background: #1B1343;
    display: flex;
    align-items: center;
    padding: 12px 8px;
    flex-wrap: wrap;
    margin-right: 10px;
    cursor: pointer;
}

.auto-payment-dot {
    width: 15px;
    height: 15px;
    background-color: #32266C;
    border: 1px solid #473891;
    border-radius: 15px;
    margin-right: 4px;
}

.auto-payment-val {
    color: #FFF;
    font-size: 14px;
    font-weight: 500
}

#fund form .btn.btn-primary {
    width: 100%
}

.payment-detail-box {
    border-radius: 14px;
    border: transparent;
    background-color: #1B1343;
    padding: 20px;
    margin-top: 40px
}

.payment-detail-title-wrap {
    display: flex;
    align-items: center;
    align-content: center;
    margin-bottom: 19px
}

.payment-detail-title {
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 0 8px
}

.addfund-faq .faq-caret i {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: #9D95B8;
    font-style: normal;
    font-size: 8px
}

.addfund-faq .faq-caret {
    background: #fff0;
    width: 16px;
    height: 16px;
    border: 1px solid #9D95B8;
    padding: 3px !important
}

.faq-row.addfund-faq .panel-title a[aria-expanded="true"] .faq-caret {
    transform: translateY(-50%) rotateX(0deg)
}

.faq-row.addfund-faq .panel-title a[aria-expanded="true"] .faq-caret i::before {
    content: "\f068"
}

.auto-payment-box.active {
    background: linear-gradient(90deg, #6011FF 0%, #8B52FF 100%)
}

.auto-payment-box.active .auto-payment-dot {
    background-color: #fff;
    border-color: #fff
}

.nav-pills #history-search .btn.btn-primary {
    padding: 0;
    width: auto;
    min-width: unset;
    background: #fff0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px
}

.nav-pills #history-search .form-control {
    padding-left: 35px;
    border: 1px solid rgba(94, 85, 134, 0.34);
}

.nav-pills li a {
    border-radius: 16px;
    border: 1px solid rgba(94, 85, 134, 0.34);
    background-color: #0D0727;
    display: flex;
    align-items: center;
    align-content: center;
    color: #fff;
    padding: 12.3px 15px;
}

.nav-pill-icon {
    line-height: 1;
    margin-right: 2px
}

.nav-pills li.active a,
.nav-pills li.active a:hover,
.nav-pills li a:hover {
    background: linear-gradient(270deg, #8B52FF 0%, #6011FF 100%)
}

.auth.locksidebar .sidebar {
    left: -280px
}

.auth.locksidebar .inner-warp {
    padding-left: 0
}

.order-history-ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap
}

.orderhistory-top {
    display: flex;
    list-style: none;
    margin: 0;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    padding: 15px;
    border-bottom: 1px solid #2D2648;
    gap: 5px
}

.order-history-li {
    flex: 0 0 100%;
    max-width: 100%
}

.orderhistory-wrap {
    border-radius: 15px;
    border: 1px solid #2D2648;
    background-color: #0D0727;
    margin-bottom: 26px;
}

.orderhistory-id {
    border-radius: 10px;
    background: #6011FF;
    min-width: 82px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    min-height: 46px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.32px;
    padding: 0 10px;
    box-shadow: 10px -9px 23.6px 0px rgba(255, 255, 255, 0.44) inset;
}

.orderhistory-link {
    display: flex;
    align-items: center;
    align-content: center;
    border-radius: 10px;
    border: transparent;
    background-color: #1B1343;
    padding: 8px;
}

.orderhistory-link-icon {
    border-radius: 6px;
    background: #291F55;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center
}

.orderhistory-link-content {
    flex: 0 0 calc(100% - 30px);
    max-width: calc(100% - 30px);
    padding-left: 6px
}

.orderhistory-link-txt {
    color: #9D95B8;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.2px;
    display: block
}

.orderhistory-link-anchor {
    color: #FFF !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -.26px;
    text-decoration: none !important
}

.orderhistory-botttom {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 15px;
    gap: 5px
}

.orderhistory-bottom-wrap {
    display: flex;
    align-items: center;
    align-content: center;
    border-radius: 10px;
    border: transparent;
    background-color: #1B1343;
    padding: 8px;
}

.orderhistory-bottom-icon {
    border-radius: 6px;
    background: #291F55;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center
}

.orderhistory-bottom-content {
    flex: 0 0 calc(100% - 30px);
    max-width: calc(100% - 30px);
    padding-left: 6px
}

.orderhistory-bottom-txt {
    color: #9D95B8;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.2px;
    display: block
}

.orderhistory-bottom-title {
    color: #FFF !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -.26px;
    text-decoration: none !important;
    margin: 0
}

.orderhistory-botttom-li-right {
    margin-left: auto
}

.orderhistory-bottom-wrap2 .orderhistory-bottom-icon {
    padding: 0;
    background-color: #fff0;
    width: auto;
    height: auto;
    margin-right: 4px
}

.orderhistory-bottom-wrap2 {
    min-height: 48px
}

.order-again-btn {
    border-radius: 10px !important;
    background-color: #6826DD !important;
    box-shadow: 0 -4px 14.7px 0 #ffffff9e inset;
    min-width: 148px !important;
    max-width: 148px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    gap: 7px;
    padding: 12.3px 12px !important
}

.order-again-btn-icon {
    line-height: 1
}

.order-detail {
    justify-content: space-between;
    display: flex;
    align-items: center;
    align-content: center;
    border-radius: 10px;
    border: 1px solid #2D2648;
    background-color: #160F34;
    padding: 8px;
    margin-bottom: 8px;
    color: #fff
}

.sidebar-ftr a {
    border-radius: 12px;
    background-color: #261C52;
    display: flex;
    align-items: center;
    align-content: center;
    padding: 9px;
    min-height: 53px;
    justify-content: center;
    margin-bottom: 10px;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none !important;
}

.sidebar-ftr a svg {
    margin-right: 2px
}

.sidebar-ftr a[href="/logout"] {
    border-radius: 12px;
    background: #6011FF;
    box-shadow: 8px -17px 36.2px 0px rgba(255, 255, 255, 0.43) inset;
}

.sidebar-ftr {
    margin-top: auto
}

.auth {
    background-color: #070317;
    padding: 15px 0 15px 15px;
}

.copyright {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0
}

.authftr-social {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: flex-end;
    align-items: center;
    align-content: center
}

.authftr-social li a {
    width: 49px;
    height: 49px;
    border-radius: 12px;
    background: linear-gradient(180deg, #6011FF 0%, #8B52FF 100%);
    box-shadow: 6px -10px 15.7px 0px rgba(255, 255, 255, 0.38) inset;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-left: 5px;
}

.auth-ftr .row {
    display: flex;
    align-items: center;
    align-content: center
}

.auth-ftr .container-fluid {
    border-radius: 18px;
    border: 1px solid #1F1839;
    background-color: #0D0727;
    padding: 10px;
    width: calc(100% - 30px);
}

.ticket-message {
    border-radius: 14px !important;
    border: 1px solid #2D2648;
    background-color: #1B1343 !important;
    padding: 20px !important;
    color: #fff
}

.new_welcome {
    border-radius: 26px;
    border: 1px solid #57429F;
    background-color: #05011A;
    backdrop-filter: blur(12.899999618530273px);
    padding: 30px;
    position: relative;
    overflow: hidden;
    background-image: url('https://i.23robo.info/projects/real-likes/img/shdw_new.webp');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
}

.ul_status {
    padding: 0;
    border-radius: 19px;
    background: #0D0727;
    padding: 15px;
}

.full-btn {
    width: 100%;
}

/*.select2-container .select2-selection__id-1 {
    min-width: 63px !important;
}*/

.ul_status-wrap {
    background: linear-gradient(to bottom, rgb(94, 85, 134) 0%, transparent 100%);
    border-radius: 19px;
    padding: 0;
}

.icon {
    margin-right: 10px;
}

.ul_status li {
    display: flex;
    flex-wrap: wrap;
}

.ul_status li h6 {
    color: #9D95B8;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 118%;
    margin: 0;
}

.ul_status li p {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 118%;
    margin: 0;
}

.status_row {
    margin-bottom: 20px;
    margin-top: 20px;
}

.new_welcome .btn.btn-primary {
    margin: 20px auto;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 151px;
    margin-bottom: 0;
}

.new_welcome h4 {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.guest .navbar-right .dropdown .dropdown-toggle {
    min-width: 107px;
    text-align: left;
    border-radius: 11px;
    margin-right: 15px
}

.themesell-dropdown button {
    position: relative
}

.guest .star-id {
    background-color: #0b0522;
    box-shadow: 0 0 0 2px #7937ff
}

.star-id {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #0075ff;
    border-radius: 100px;
    animation: blink-animation .8s steps(5, start) infinite;
    -webkit-animation: blink-animation .8s steps(5, start) infinite
}

.star-id svg {
    width: 13px;
    height: 13px
}

.star-id svg path {
    fill: #fff
}

.guest .navbar-right .dropdown .dropdown-toggle .caret {
    float: right;
    margin-top: 9px
}

.btn .caret {
    margin-left: 0
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid #fff0;
    border-left: 4px solid #fff0
}

@keyframes blink-animation {
    to {
        visibility: hidden
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden
    }
}

@keyframes blink1 {
    to {
        background: linear-gradient(180deg, #6011FF 0%, #8B52FF 100%)
    }

    from {
        background-color: #fff0
    }
}

@-webkit-keyframes blink1 {
    to {
        background: linear-gradient(180deg, #6011FF 0%, #8B52FF 100%)
    }

    from {
        background-color: #fff0
    }
}

.guest .navbar-right .dropdown .dropdown-menu {
    border-radius: 12px !important;
    border: 1px solid #5e55868a;
    background: linear-gradient(180deg, #0D0727 100%, #fff0 100%);
    padding: 5px !important
}

.guest .navbar-right .dropdown .dropdown-menu a {
    display: block;
    width: 100%;
    color: #fff !important;
    font-size: 14px;
    text-decoration: none;
    padding: 3px;
    border-radius: 3px
}

.themesell-dropdown .dropdown-item {
    display: flex !important;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    font-size: 14px !important;
    border-bottom: 1px solid #5e55868a;
    border-radius: 0 !important
}

.themesell-dropdown .dropdown-menu .dropdown-item:last-child {
    border-bottom: 0
}

.blink {
    animation: blink1 .5s infinite;
    -webkit-animation: blink1 .5s infinite
}

#howitswork {
    padding-top: 80px;
    padding-bottom: 150px
}

.row.tab-row .nav-link {
    width: 100%;
    border-radius: 19px;
    border: 1px solid #5e558630;
    background: #160E39;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 15px;
    margin-bottom: 15px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.72px
}

.inpt-icon1 {
    border-radius: 14px;
    background: linear-gradient(180deg, #6011FF 0%, #8B52FF 100%);
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-right: 10px
}

#howitswork .main-title {
    margin-bottom: 20px
}

.row.tab-row {
    padding-top: 50px
}

.row.tab-row .tab-pane .row {
    border-radius: 25px;
    border: 1px solid #5E5586;
    background: linear-gradient(180deg, #0D0727 0%, #fff0 100%);
    padding: 45px;
    position: relative;
    overflow: hidden
}

.row.tab-row .tab-pane .row::before {
    content: '';
    position: absolute;
    width: 550.521px;
    height: 276.049px;
    border-radius: 550.521px;
    background: linear-gradient(270deg, #8B52FF 0%, #6011FF 100%);
    filter: blur(150px);
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
    top: -50px;
    opacity: .6
}

.primary-color {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 102.195%;
    background: linear-gradient(90deg, #FFF 0%, #5C5C5C 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0
}

.hw-text p {
    color: #9D95B8;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.signup-btn {
    width: 172px;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(270deg, #6011FF 0%, #8B52FF 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    margin-top: 20px;
    color: #FFF !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.row.tab-row .nav-item.active .nav-link {
    background: linear-gradient(270deg, #6011FF 0%, #8B52FF 100%)
}

.row.tab-row .nav-item.active .inpt-icon1 {
    background: #120D27
}

.row.tab-row .nav-item {
    width: 100%
}

.auth.daymode {
    background: #FFF
}

.auth.daymode .sidebar {
    border: 1px solid #C7BFE6;
    background: linear-gradient(180deg, #8B52FF 0%, #6011FF 100%)
}

.auth.daymode .menu-title {
    color: #FFF
}

.auth.daymode .profile-wrap {
    border: 1px solid #C7BFE6;
    background: #FFF;
    backdrop-filter: blur(12.899999618530273px)
}

.auth.daymode .profile-status-title {
    color: #000
}

.auth.daymode .sidebar-nav li.active a,
.auth.daymode .sidebar-nav li.active a:hover,
.auth.daymode .sidebar-nav li a:hover,
.auth.daymode .sidebar-nav li a:focus {
    background: #fff;
    color: #130928
}

.auth.daymode .sidebar-nav li.active a::after,
.auth.daymode .sidebar-nav li.active a:hover::after,
.auth.daymode .sidebar-nav li a:hover::after,
.auth.daymode .sidebar-nav li a:focus::after {
    background: #fff0
}

.auth.daymode .sidebar-nav li a {
    color: #fff
}

.sidebar-nav li.active a i,
.sidebar-nav li.active a:hover i,
.sidebar-nav li a:hover i,
.sidebar-nav li a:focus i {
    color: #fff
}

.auth.daymode .sidebar-ftr a {
    background: #ffffff30
}

.auth.daymode .sidebar-ftr a:last-child {
    background: #fff;
    color: #000
}

.auth.daymode .sidebar-ftr a:last-child svg path {
    fill: #6011FF
}

.auth.daymode .top-bar .row {
    border: 1px solid #DAD6EF;
    background: #F1EEFF
}

.auth.daymode .top-left-ul li a {
    color: #7D7094
}

.auth.daymode .top-left-ul li a span {
    color: #130928
}

.auth.daymode .top-left-ul svg path {
    fill: #130928
}

.auth.daymode .top-right-ul li a {
    border: 1px solid #C7BFE6;
    background: #FFF;
    backdrop-filter: blur(12.899999618530273px);
    color: #130928
}

.auth.daymode .currency-symbol {
    background: linear-gradient(180deg, #6826DD 0%, #9E6DF6 100%);
    backdrop-filter: blur(12.899999618530273px);
    border: none
}

.auth.daymode .top-right-ul li a svg path {
    fill: #9783BF
}

.auth.daymode .intro-box-2 {
    background: linear-gradient(90deg, #6011FF 0%, #8B52FF 100%);
    border: none
}

.auth.daymode .intro-title2 {
    color: #fff
}

.auth.daymode .intro2-btn-wrap {
    background: #fff
}

.auth.daymode .intro2-btn-txt {
    color: #130928
}

.auth.daymode .ser-cat-btn-inner {
    background: #E6E2F8
}

.auth.daymode .ser-cat-txt {
    color: #130928
}

.auth.daymode .shorcut-title .shorcut-title-txt {
    color: #130928
}

.auth.daymode .shorcut-title-icon svg path {
    fill: #130928
}

.auth.daymode .frm-box {
    border: 1px solid #DAD6EF;
    background: #F1EEFF
}

.auth.daymode .nav-tabs .nav-link {
    background-color: #fff;
    color: #7D7094
}

.auth.daymode label {
    color: #7D7094
}

.auth.daymode .form-control {
    border: 1px solid #DAD6EF;
    background: #FFF;
    color: #7D7094
}

.auth.daymode .help-block {
    color: #7D7094
}

.select2-container .select2-selection__id-1 {
    min-width: 22px;
    width: 22px;
    height: 22px;
    display: inline-flex
}

.auth.daymode .dash-title {
    color: #130928
}

.auth.daymode #service_description {
    background: #fff;
    border: 1px solid #C7BFE6
}

.auth.daymode .control-label {
    color: #130928 !important
}

.auth.daymode .shorcut-title {
    border-bottom: 1px solid #C7BFE6
}

.auth.daymode .auth-ftr-shadow {
    background: #fff0
}

.auth.daymode .auth-ftr .container-fluid {
    border: 1px solid #C7BFE6;
    background: #F1EEFF
}

.auth.daymode .auth-ftr .container-fluid .copyright {
    color: #130928
}

.auth.daymode .search-dropdown .input-wrapper__prepend span {
    color: #130928
}

.auth.daymode .row.ser-search-row .form-control {
    border: 1px solid #DAD6EF;
    background: #F1EEFF
}

.auth.daymode .search-form-group .inpt-icon {
    color: #130928
}

.table>thead>tr>th {
    border: none
}

.auth.daymode tbody tr:not(.cat-name) td {
    background: #F1EEFF;
    color: #130928;
    border-color: #DAD6EF
}

.auth.daymode tbody tr:not(.cat-name) td .ser-id {
    color: #fff
}

.auth.daymode .cat-name td {
    border: none !important
}

.auth.daymode .modal-content {
    background: #fff;
    border: 1px solid #DAD6EF
}

.auth.daymode .modal-header {
    border-bottom: 1px solid #DAD6EF
}

.auth.daymode .payment-icon-wrap {
    border: 1px solid #DAD6EF;
    background: #F1EEFF
}

.auth.daymode .auto-payment-box {
    border: 1px solid #DAD6EF;
    background: #FFF
}

.auth.daymode .auto-payment-box .auto-payment-val {
    color: #130928
}

.auth.daymode .auto-payment-box .auto-payment-dot {
    border: 1px solid #DAD6EF;
    background: #F1EEFF
}

.auth.daymode .auto-payment-box.active .auto-payment-dot {
    background-color: #05011A;
    border: none !important
}

.auth.daymode .payment-detail-box {
    border: 1px solid #C7BFE6;
    background: #FFF
}

.auth.daymode .payment-detail-title {
    color: #130928
}

.auth.daymode .faq-row .panel-default {
    border: 1px solid #C7BFE6;
    background: #fff
}

.auth.daymode .faq-row .panel-title a {
    color: #130928
}

.auth.daymode .faq-row .panel-default .panel-body {
    color: #130928
}

.auth.daymode .nav-pills li a {
    border: 1px solid #DAD6EF;
    background-color: #F1EEFF;
    color: #130928
}

.auth.daymode .nav-pills li a svg path {
    fill: #130928
}

.auth.daymode .nav-pills li.active a,
.auth.daymode .nav-pills li.active a:hover,
.auth.daymode .nav-pills li a:hover {
    background: linear-gradient(270deg, #8B52FF 0%, #6011FF 100%);
    border: none !important;
    color: #fff !important
}

.auth.daymode .nav-pills li.active a svg path,
.auth.daymode .nav-pills li.active a:hover svg path,
.auth.daymode .nav-pills li a:hover svg path {
    fill: #fff !important
}

.auth.daymode .orderhistory-wrap {
    border: 1px solid #DAD6EF;
    background: #F1EEFF
}

.auth.daymode .orderhistory-link {
    border: 1px solid #DAD6EF;
    background: #FFF
}

.auth.daymode .orderhistory-link-anchor {
    color: #130928 !important
}

.auth.daymode .orderhistory-link-icon {
    background: linear-gradient(90deg, #6011FF 0%, #8B52FF 100%)
}

.auth.daymode .orderhistory-bottom-wrap {
    border: 1px solid #DAD6EF;
    background: #FFF
}

.auth.daymode .orderhistory-bottom-title {
    color: #130928 !important
}

.auth.daymode .orderhistory-top {
    border-color: #C7BFE6
}

.auth.daymode .orderhistory-bottom-icon {
    background: linear-gradient(90deg, #6011FF 0%, #8B52FF 100%)
}

.auth.daymode .referal-box {
    border: 1px solid #DAD6EF;
    background: #F1EEFF
}

.auth.daymode .referal-box-title {
    color: #130928
}

.auth.daymode .referal-box-icon {
    border: none !important
}

.auth.daymode .referal-box-txt {
    color: #7D7094
}

.auth.daymode .referal-box-txt svg path {
    fill: #7D7094
}

.auth.daymode .affiliate-box {
    border: 1px solid #DAD6EF;
    background: #FFF
}

.auth.daymode .affiliate-box-label {
    color: #7D7094
}

.auth.daymode .affiliate-box-value {
    border: 1px solid #DAD6EF;
    background: #F1EEFF;
    color: #130928
}

.auth.daymode .available-earning-value {
    color: #130928
}

.auth.daymode .faq-caret {
    border: 1px solid #DAD6EF;
    background: #F1EEFF
}

.auth.daymode .faq-caret svg path {
    fill: #130928
}

.auth.daymode .api-box {
    border: 1px solid #DAD6EF;
    background: #F1EEFF
}

.auth.daymode .api-box .api-box-txt {
    color: #130928
}

.auth.daymode .api-box-title {
    color: #7D7094
}

.auth.daymode .api-table-title {
    color: #130928
}

.auth.daymode .example-title {
    color: #130928
}

.auth.daymode pre {
    border: 1px solid #DAD6EF;
    background: #FFF;
    color: #7D7094
}

.auth.daymode .api-table-label {
    color: #130928
}

.auth.daymode .api-table-value {
    color: #7D7094
}

.auth.daymode .well {
    border-radius: 14px;
    border: 1px solid #C7BFE6;
    background: #FFF;
    padding: 15px
}

.well {
    border-radius: 14px;
    border: 1px solid #2D2648;
    background: #1B1343;
    padding: 15px
}

.auth.daymode .ticket-page tbody tr:not(.cat-name) td {
    background: #fff
}

.auth.daymode .ticket-message-right .ticket-message {
    background: #fff !important;
    border: 1px solid #C7BFE6;
    color: #130928
}

.auth.daymode .text-muted {
    color: #130928
}

.auth.daymode .top-right-ul .dropdown-menu {
    border: 1px solid #C7BFE6 !important;
    background: #FFF !important
}

.auth.daymode .top-right-ul #currencies-list li a {
    background: #fff0;
    border: none !important
}

.top-right-ul li a.mode {
    min-width: 122px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center
}

.mode-inner {
    width: 56px;
    height: 34px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.nightmode .nightmode-icon {
    border-radius: 12px;
    background: linear-gradient(180deg, #6826DD 0%, #9E6DF6 100%)
}

.daymode .daymode-icon {
    border-radius: 12px;
    background: #f1eeff
}

.daymode .daymode-icon svg,
.daymode .daymode-icon svg path {
    fill: #6213ff !important
}

.nightmode .nightmode-icon svg,
.nightmode .nightmode-icon path {
    fill: #fff
}

.daymode .sidebar-nav li.active a i,
.daymode .sidebar-nav li.active a:hover i,
.daymode .sidebar-nav li a:hover i,
.daymode .sidebar-nav li a:focus i {
    color: #6011FF
}

.daymode .orderhistory-bottom-wrap2 .orderhistory-bottom-icon svg,
.daymode .orderhistory-bottom-wrap2 .orderhistory-bottom-icon svg path {
    fill: #fff
}

.daymode #instruction_instruction .panel-body {
    border-radius: 16px;
    border: 1px solid #DAD6EF;
    background: #fff;
    color: #1B1343
}

#instruction_instruction .panel-body {
    border-radius: 16px;
    border: 1px solid #2D2648;
    background: #1B1343;
    color: #fff
}

.daymode .single-blog-title,
.daymode .single-blog-txt h1,
.daymode.single-blog-txt h2,
.daymode .single-blog-txt h3,
.daymode .single-blog-txt h4,
.daymode .single-blog-txt h5,
.daymode .single-blog-txt h6 {
    color: #691fff;
    -webkit-text-fill-color: #691fff
}

.intro2-btn-wrap {
    position: relative;
    z-index: 1
}

.intro-box .authftr-social {
    justify-content: flex-start;
    position: relative;
    z-index: 1
}

.order-ser-name {
    width: 200px;
    min-width: 200px
}

.order-actions .btn.btn-primary {
    min-width: 105px;
    padding: 10px;
    border-radius: 6px
}

.order-actions {
    width: auto
}

#blog-section {
    padding-bottom: 80px
}

.row.ftr-mid-row .btn-with-icon {
    margin: unset;
    margin-top: 30px
}

/* .social-links {
    margin-left: auto;
    border-radius: 15px;
    border: 1px solid #5e55864a;
    background: #140C37;
    padding: 20px;
    max-width: 200px
} */
.strep_footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.social-links h3 {
    margin-left: 7px;
    margin-bottom: 6px;
}

.social-links li a {
    line-height: 2
}

.mb_row {
    padding-bottom: 20px;
}

.notif_sec h5 {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.notif_sec p {
    color: #fff;
}
.google-login-wrap {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: space-around;
	border-radius: 19px;
	padding: 19px 15px;
	max-width: 100%;
	background: #6011FF;
	box-shadow: 7px -7px 22.5px 0px rgba(255, 255, 255, 0.40) inset;
	min-height: 66px;
}
.google-login {
	color: #FFF;
	font-size: 16px;
	font-weight: 500;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}
.google-login svg {
	width: 20px;
	display: inline-block;
	margin-left: 8px;
}
.google-login-wrap .google-btn {
	margin-bottom: 0;
}
.google-btn {
	position: absolute !important;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 55px;
	width: 100%;
	overflow: hidden;
	opacity: 0;
}
.google-btn iframe {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	margin: auto !important;
	min-height: 66px !important;
	top: -4px !important;
	z-index: 9;
}
.navbar-header .right-nav-btn {
	display:none !important;
}
@media screen and (max-width:1199px) {
    .regular-update {
        right: -36px;
        top: -25px
    }

    .angelina-smith-box {
        left: -65px;
        top: -50px
    }

    br {
        display: none
    }

    .take-box1 {
        padding: 15px
    }

    .ser-cat-ul {
        display: flex;
        margin: 30px auto 20px;
        flex-wrap: wrap
    }

    .ser-cat-txt {
        font-size: 14px
    }

    .ser-cat-btn-inner {
        padding: 6px
    }

    .blog-wrap .btn.btn-primary {
        min-width: 100%
    }

    .inner-warp {
        padding-left: 0
    }

    .frm-box .nav-tabs .nav-link {
        margin-bottom: 10px
    }

    .nav-tabs {
        margin-bottom: 15px
    }

    .intro-box-2 .col-sm-6 {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 15px
    }

    .intro-box-2 .col-sm-6:last-child {
        margin-bottom: 0
    }

    .intro-box-2 .col-sm-6:first-child::after {
        width: 100%;
        height: 1px;
        transform: translateY(-50%)
    }

    .faq-row {
        margin-top: 0
    }

    .auth #contactus .search {
        width: 100%;
        margin-top: 10px
    }
}

@media screen and (max-width:991px) {
    .angelina-smith-box {
        left: -150px;
        top: 0
    }

    .why-box .btn.btn-primary {
        width: 100%;
        min-width: 100%
    }

    .take-box1 {
        min-height: 400px
    }

    .work-box-row .col-sm-3 {
        width: 50%
    }

    .work-arrow2 {
        left: 0
    }

    .work-arrow3 {
        right: 0
    }

    .work-arrow1 {
        top: -100px
    }

    .ftr-mid-row .btn.btn-secondary {
        min-width: 100%
    }

    #reach {
        padding: 100px 0 80px
    }

    .guest .right-nav-btn {
        width: 85px;
        height: 45px;
        margin-right: 5px;
        justify-content: center;
        gap: 5px
    }

    .guest .navbar-default .navbar-center li a {
        padding: 8px
    }

    .social-ul {
        display: flex;
        flex-wrap: wrap
    }

    .ser-cat-ul li {
        flex: 0 0 18%;
        max-width: 18%;
        margin-bottom: 10px
    }

    .ser-cat-ul {
        justify-content: center;
        gap: 5px
    }

    .ser-search-row .dropdown .dropdown-toggle {
        width: 100%;
        min-width: auto;
        padding: 23px 15px
    }

    .blog-wrap {
        padding: 15px
    }

    .intro-box-2 .col-sm-6:first-child .intro2-btn-wrap {
        margin-top: 15px
    }

    .login-frm-wrap {
        max-width: 100%
    }

    .btn-width .btn-tp {
        min-width: 115px
    }

    .social-ul {
        flex: unset;
        max-width: unset
    }

    .social-ul li {
        margin-bottom: 10px
    }

    .guest .navbar-right .dropdown .dropdown-toggle {
        min-width: 100%;
        text-align: left;
        border-radius: 11px;
        margin-right: 22px;
        padding: 10px;
        font-size: 14px
    }

    .ser-dropdown .dropdown-toggle {
        width: 80px;
        margin-left: 5px;
        padding: 8px !important
    }

    .guest .right-nav-btn {
        width: 85px;
        height: 37px;
        margin-right: 5px;
        gap: 5px;
        margin-top: 5px
    }

    #work {
        overflow: hidden
    }

    .guest .navbar-default .navbar-center li a:hover::after,
    .guest .navbar-default .navbar-center li.active a:hover::after,
    .guest .navbar-default .navbar-center li.active a::after {
        display: none
    }

    .guest .navbar-right .dropdown .dropdown-toggle {
        font-size: 14px
    }

    .guest .navbar-right {
        float: right !important;
        margin-right: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media screen and (max-width:767px) {
    .social-ul {
        display: flex;
        flex-wrap: wrap
    }

    .why-box.why-box2 {
        margin-top: 20px
    }

    .take-box1 {
        min-height: auto
    }

    .reach-row {
        display: flex;
        flex-wrap: wrap
    }

    .work-arrow1 {
        top: -108px
    }

    .work-box-row .col-sm-3:nth-child(2n+1) .work-box-outer {
        margin-top: 20px
    }

    .work-box-outer {
        margin-top: 20px
    }

    #stats {
        padding: 0
    }

    .stats-box {
        position: relative;
        width: max-content;
        margin: 25px 0
    }

    .customer-row .col-sm-4:nth-child(2) {
        padding-top: 0
    }

    .customer-row .col-sm-4:nth-child(3) {
        padding-top: 0
    }

    #work {
        overflow: hidden
    }

    .guest footer {
        overflow: hidden
    }

    .stats-row .col-sm-3::after {
        display: none
    }

    .regular-update {
        display: none
    }

    .angelina-smith-box {
        display: none
    }

    .guest #navbar.collapse.in {
        display: block !important
    }

    .guest #navbar.collapse {
        display: none !important
    }

    .guest .navbar-default .navbar-center li a:hover::after,
    .guest .navbar-default .navbar-center li.active a:hover::after,
    .guest .navbar-default .navbar-center li.active a::after {
        width: 80px;
        height: 3px;
        margin: unset;
        bottom: -2px
    }

    .guest .navbar-right {
        display: flex;
        align-items: center;
        margin-left: 10px
    }

    .guest {
        padding: 50px 0 0
    }

    .guest .navbar-default .container {
        border-radius: 10px;
        padding-top: 0;
        padding-bottom: 0
    }

    .ser-cat-ul li {
        flex: 0 0 24%;
        max-width: 24%;
        margin-bottom: 10px
    }

    .ser-search-row .dropdown .dropdown-toggle {
        margin-bottom: 10px
    }

    .table-responsive {
        border: none
    }

    .service-description .btn-primary {
        padding: 10px 12px
    }

    tbody tr:not(.cat-name) td {
        padding: 10px !important
    }

    .ser-id {
        padding: 10px 5px
    }

    .advantage-box-wraps {
        padding: 20px 0
    }

    .single-blog-wrap {
        padding: 40px 0
    }

    .top-bar .row {
        display: flex;
        flex-wrap: wrap
    }

    .top-right-ul li a {
        margin-left: 5px;
        margin-top: 10px
    }

    .intro-box {
        padding: 15px;
        margin-bottom: 10px
    }

    .intro-box-2 {
        padding: 15px;
        min-height: auto
    }

    .top-right-ul li a {
        margin-left: 4px;
        margin-top: 10px;
        padding: 5px;
        border-radius: 10px
    }

    .affiliate-box-value {
        min-width: 50px;
        height: 50px;
        padding: 10px
    }

    .affiliate-box-label {
        font-size: 16px
    }

    .auth #contactus .nav-pills li a {
        margin-bottom: 10px
    }

    .orderhistory-botttom {
        display: flex;
        flex-wrap: wrap
    }

    .orderhistory-botttom-li-right {
        margin-left: unset
    }

    .ftr-menu li::before {
        display: none;
    }

    .ftr-menu {
        flex-wrap: wrap;
    }

    .ftr-menu .btn.btn-secondary {
        max-width: 100%;
        margin-top: 15px;
    }

    .ftr-mid-row {
        display: flex;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .guest .ftr-social-wrap {
        justify-content: start !important;
    }

    .strep_footer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding-top: 20px;
    }

    .social-links {
        padding: 0;
    }

    .row.ftr-mid-row .col-sm-6 {
        width: 100%;
    }

    .copyright-txt {
        font-size: 14px;
    }
}

@media screen and (max-width:575px) {
    .main-title {
        font-size: 32px;
        margin-bottom: 15px
    }

    .orderhistory-bottom-wrap2 {
        min-height: auto;
    }

    .inpt-icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        left: 6px
    }

    .login-frm-wrap .form-control {
        border-radius: 12px;
        min-height: 50px
    }

    .customer-box-outer {
        margin-bottom: 10px
    }

    .next-btn,
    .secondtstep .btn.btn-primary {
        right: 5px;
        height: 38px;
        top: 25px
    }

    .trademark {
        margin: 15px auto
    }

    .social-wrap {
        display: block;
        margin: auto
    }

    .social-title {
        max-width: 100%;
        text-align: center;
        padding-bottom: 15px
    }

    .social-ul {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        max-width: 100%;
        flex: 100%;
        justify-content: center
    }

    .login-frm-wrap {
        max-width: 100%;
        margin: 20px auto
    }

    #top-sec {
        padding: 40px 0 0;
        position: relative;
        overflow: hidden
    }

    .title {
        font-size: 26px
    }

    .why-box-row {
        margin-top: 10px
    }

    .why-box {
        border-radius: 12px;
        padding: 15px
    }

    .why-title {
        font-size: 22px
    }

    .take-row {
        margin-top: 30px
    }

    .take-row .title {
        margin-bottom: 20px;
        text-align: left
    }

    .advantage-row .title {
        text-align: left
    }

    .title {
        text-align: left !important
    }

    .take-title {
        display: flex;
        align-items: center;
        align-content: center;
        margin: 15px 0
    }

    .take-box1-outer {
        border-radius: 15;
        margin-bottom: 15px
    }

    #reach {
        padding: 30px 0 0
    }

    .reach-row .btn.btn-primary {
        margin-top: 10px
    }

    .advantage-row {
        margin-top: 30px
    }

    .advantage-row .title {
        margin-bottom: 20px
    }

    .advantage-box {
        border-radius: 12px;
        padding: 15px
    }

    .advantage-box-img-wrap {
        margin-top: 0
    }

    .advantage-box .txt {
        min-height: auto;
        padding-bottom: 10px
    }

    .advantage-box-outer {
        border-radius: 15px;
        margin-bottom: 15px
    }

    .advantage-box .title {
        margin-bottom: 15px
    }

    .ready-row {
        border-radius: 12;
        padding: 15px;
        position: relative;
        display: flex;
        flex-wrap: wrap
    }

    .row.ready-row .btn.btn-secondary {
        padding: 12px;
        height: 45px;
        margin-top: 10px
    }

    .social-box-twig {
        margin-bottom: 15px
    }

    .ready-row {
        border-radius: 12px;
        padding: 15px 0
    }

    .work-box-row .col-sm-3 {
        width: 100%
    }

    .work-arrow3 {
        display: none
    }

    .stats-row {
        padding-top: 0
    }

    #happy {
        padding-top: 50px;
        padding-bottom: 10px
    }

    .stats-row {
        padding: 0
    }

    #faq {
        padding: 0
    }

    .faq-row {
        margin-top: 0
    }

    .faq-row .panel-title a {
        padding: 12px;
        font-size: 16px
    }

    .ftr-menu li a {
        padding: 10px 12px;
        font-size: 14px;
        margin-left: 0
    }

    .ftr-menu {
        justify-content: start;
        margin-top: 10px
    }

    .ftr-top-row {
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .btn.btn-secondary {
        border-radius: 10px;
        font-size: 14px;
        padding: 10px
    }

    .work-box-outer {
        margin-top: 10px
    }

    .ftr-btm-row {
        margin-top: 20px;
        border-radius: 10px;
        display: block
    }

    .copyright-txt {
        text-align: center
    }

    .ftr-social-wrap {
        display: flex;
        justify-content: center;
        margin-top: 10px
    }

    footer {
        padding: 30px 0 20px
    }

    .ser-cat-ul li {
        flex: 0 0 32%;
        max-width: 32%;
        margin-bottom: 10px;
    }

    .ser-search-row .dropdown .dropdown-toggle {
        padding: 15px;
        border-radius: 15px
    }

    .search-form-group .form-control {
        height: 48px;
        min-height: 48px;
        border-radius: 12px
    }

    .search-form-group .btn.btn-primary {
        min-width: 114px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 5px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px
    }

    .modal-body {
        position: relative;
        padding: 15px;
        white-space: wrap
    }

    .intro-box {
        border-radius: 15px;
        padding: 15px
    }

    .intro-title {
        font-size: 22px;
        margin-bottom: 10px
    }

    .intro-box-row {
        margin-bottom: 10px
    }

    .api-box {
        border-radius: 15px;
        padding: 15px;
        margin-bottom: 10px;
        min-height: auto
    }

    .api-table-title {
        font-size: 20px;
        margin-bottom: 0
    }

    .frm-box {
        border-radius: 15px;
        padding: 15px;
        margin-bottom: 10px
    }

    pre {
        border-radius: 15px;
        padding: 15px
    }

    .example-title {
        margin-bottom: 12px
    }

    #contactus {
        padding: 40px 0 20px
    }

    .api-box-icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        margin-bottom: 10px
    }

    .adv-img img {
        max-width: 50px
    }

    .advantage-box-wraps .title {
        font-size: 30px
    }

    .step-signup li {
        width: 100%;
        padding: 15px;
        margin-bottom: 10px;
        border-radius: 15px;
        height: auto
    }

    .step-signup li p {
        font-size: 18px
    }

    .step-signup li h6 {
        width: 40px;
        height: 40px;
        font-size: 16px
    }

    .advantage-box-wraps .txt {
        padding-bottom: 10px
    }

    #signup-sec .well {
        padding: 0
    }

    .guest .form-control {
        border-radius: 15px;
        padding: 15px;
        padding-left: 60PX;
        min-height: 50px
    }

    .guest #signup-sec .inpt-icon {
        left: 6px;
        top: 61%;
        width: 38px;
        height: 38px
    }

    .advantage-box-wraps {
        padding: 15px
    }

    .btn.btn-primary {
        border-radius: 15px;
        padding: 10px 12px;
        min-width: 100%
    }

    .step-signup {
        padding: 0;
        width: 100%
    }

    #resetpass-sec .title {
        font-size: 30px;
        padding-top: 20px;
        margin-bottom: 10px
    }

    #resetpass-sec {
        padding: 20px 0
    }

    #signup-sec .adv-img img {
        max-width: 100%;
    }

    .guest #resetpass-sec .form-control {
        border-radius: 15px;
        border: 1px solid #2D2648;
        background: #140C37;
        box-shadow: 0 4px 4px 0 #ffffff40 inset
    }

    #signup-sec .advantage-box-wraps {
        margin-bottom: 10px;
    }

    .guest #resetpass-sec .inpt-icon {
        top: 35%;
        width: 38px;
        height: 38px;
        left: 7px;
    }

    #resetpass-sec .btn.btn-primary {
        width: 100%;
        min-height: 50px;
        border-radius: 15px;
        margin-top: 15px
    }

    .guest #resetpass-sec .well {
        min-height: 0;
        padding-bottom: 0
    }

    .contact-box-row {
        margin-top: 10px
    }

    .contact-box {
        border-radius: 15px;
        padding: 15px;
        margin-bottom: 10px;
        min-height: auto
    }

    .contact-box-title {
        font-size: 20px
    }

    .blog-row {
        margin-top: 10px
    }

    .blog-title {
        font-size: 20px
    }

    .blog-wrap {
        margin-bottom: 10px
    }

    .single-blog-img {
        margin-bottom: 0
    }

    .single-blog-title {
        font-size: 25px
    }

    .single-blog-wrap {
        padding: 20px;
        margin-top: 20px;
    }

    .new_welcome h4 {
        font-size: 22px;
    }

    .nav-tabs .nav-link {
        padding: 11.8px 9px;
    }

    .ul_status {
        padding: 12px;
    }

    .ul_status-wrap {
        padding: 0;
    }

    .ul_status li p {
        color: #FFF;
        font-size: 18px;
        margin: 0;
    }

    .new_welcome {
        padding: 20px;
    }

    .step-blog-wrapper {
        padding: 20px
    }

    .take-box1 {
        min-height: auto;
        border-radius: 15px
    }

    .take-title-txt {
        font-size: 24px
    }

    .auth {
        padding: 15px 0
    }

    .intro-box-2 {
        border-radius: 15px
    }

    .intro2-btn-wrap {
        max-width: 100%
    }

    .intro-txt2 {
        font-size: 25px
    }

    .intro-box-2 .col-sm-6:first-child .intro2-btn-wrap {
        margin-top: 30px
    }

    .intro-box-2 .col-sm-6 {
        height: auto
    }

    .breadcrumm span {
        font-size: 16px
    }

    .shorcut-row {
        margin-top: 20px
    }

    .shorcut-title {
        margin-bottom: 20px
    }

    .shorcut-title-txt {
        font-size: 20px
    }

    .dash-title {
        font-size: 20px;
        margin-bottom: 10px
    }

    #service_description {
        padding: 15px;
        margin-top: 15px
    }

    .dropdown-menu {
        min-width: 100%;
        background-color: #1B1343;
        border: 1px solid #2D2648;
        border-radius: 15px
    }

    .auth #contactus {
        padding: 0
    }

    .search-form-group .inpt-icon {
        left: 15px
    }

    .payment-icon-wrap {
        width: 60px;
        height: 60px
    }

    .auto-payment-box {
        border-radius: 15px
    }

    .faq-row .panel-default {
        margin-bottom: 10px
    }

    .payment-detail-box {
        padding: 15px;
        margin-top: 10px
    }

    .payment-detail-title {
        font-size: 20px
    }

    .auth .form-control {
        border-radius: 15px
    }

    .faq-caret {
        width: 30px;
        height: 30px
    }

    .top-bar .row {
        border-radius: 15px
    }

    .nav-tabs .nav-link {
        margin-bottom: 10px
    }

    .referal-box-title {
        font-size: 22px
    }

    .referal-box {
        border-radius: 15px;
        padding: 8px;
        margin-bottom: 10px
    }

    .referal-box-icon {
        width: 55px;
        height: 55px;
        flex: 0 0 55px;
        max-width: 55px
    }

    .affiliate-box-ul li {
        flex: 0 0 calc(100% - 7.5px);
        max-width: calc(100% - 7.5px)
    }

    .affiliate-box {
        margin-bottom: 10px;
        padding: 5px 5px 5px 20px
    }

    .affiliate-box-value {
        font-size: 18px;
        height: auto;
        padding: 10px;
        border-radius: 8px
    }

    .available-earning {
        display: flex;
        padding: 15px;
        flex-wrap: wrap
    }

    .available-earning-value {
        font-size: 22px
    }

    .available-earning .btn.btn-secondary {
        min-width: 100%;
        gap: 5px
    }

    .order-again-btn {
        min-width: 133px !important;
        max-width: 133px;
        padding: 10.3px 10px !important
    }

    .orderhistory-wrap {
        margin-bottom: 10px
    }

    .orderhistory-id {
        min-width: 50px;
        padding: 0 10px
    }

    .auth-ftr .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .copyright {
        font-size: 14px;
        text-align: center
    }

    .authftr-social {
        margin-top: 10px
    }

    .auth-ftr .container-fluid {
        border-radius: 15px;
        position: relative;
        bottom: 0;
        width: calc(100% - 15px)
    }

    .authftr-social li a {
        width: 45px;
        height: 45px
    }

    .auth-ftr {
        position: relative
    }

    .inner-warp {
        padding-bottom: 10px
    }

    .auth-ftr-shadow {
        bottom: -30px
    }

    .top-right-ul {
        display: flex;
        flex-wrap: wrap
    }

    .btn-width .btn-tp {
        min-height: 45px;
        border-radius: 15px !important
    }

    .login-frm-wrap {
        padding: 8px
    }

    .step-rembember {
        padding-top: 10px
    }

    .why-box-step {
        min-height: auto
    }

    #howitswork {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .row.tab-row .nav-link {
        width: 100%;
        border-radius: 15px;
        padding: 6px;
        margin-bottom: 10px;
        font-size: 16px
    }

    .row.tab-row .tab-pane .row {
        border-radius: 15px;
        padding: 15px 15px 0 0
    }

    .primary-color {
        font-size: 25px
    }

    .signup-btn {
        height: 48px;
        border-radius: 15px;
        margin-bottom: 20px
    }

    .row.tab-row {
        padding-top: 10px
    }

    .mode-inner {
        width: 25px;
        border-radius: 5px !important;
        height: auto
    }

    .top-right-ul li a.mode {
        min-width: auto
    }

    .top-right-ul li a {
        font-size: 14px;
        min-width: 26px;
        height: 26px;
        border-radius: 5px
    }

    .top-right-ul li a svg {
        width: 18px
    }

    .currency-symbol {
        width: 16px;
        height: 16px;
        border-radius: 7px;
        font-size: 10px
    }

    .work-arrow2 {
        display: none
    }

    .work-arrow1 {
        display: none
    }

    .work-box-row {
        margin: 20px 0;
        position: relative
    }

    .txt {
        text-align: left
    }

    .why-box2 .why-title,
    .why-box2 .txt {
        text-align: left
    }

    .main-title {
        text-align: left
    }

    .title-tag {
        margin: 0 0 20px
    }

    .advantage-box-wraps {
        align-items: start;
        justify-content: start !important
    }

    .step-reset {
        margin: unset
    }

    /* .nav-pills {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center
    } */
    /* 
    .nav-pills li {
        flex: 0 0 49%;
        max-width: 49%
    } */

    /* .nav-pills li a {
        margin-bottom: 5px !important;
        border-radius: 5px;
        padding: 6px 4px
    } */

    .nav-pills #history-search .btn.btn-primary {
        width: 22px;
        height: 22px;
        font-size: 12px
    }

    .search .form-group {
        margin-bottom: 0
    }

    .orderhistory-top,
    .orderhistory-botttom {
        padding: 7px;
        gap: 3px
    }

    .orderhistory-link {
        border-radius: 5px;
        padding: 4px
    }

    .orderhistory-top .orderhistory-li {
        flex: 0 0 100%;
        max-width: 100%
    }

    .orderhistory-id {
        min-height: 26px;
        font-size: 14px;
        font-weight: 400;
        border-radius: 5px
    }

    .orderhistory-link-anchor {
        font-size: 13px;
        font-weight: 400;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .nav-pills li.search {
        flex: 0 0 100%;
        max-width: 100%
    }

    /* .nav-pills #history-search .form-control {
        height: 36px;
        border-radius: 5px
    } */

    .orderhistory-botttom-li {
        flex: 0 0 100%;
        max-width: 100%
    }

    .nav-pills li a {
        border-radius: 12px;
        padding: 8.3px 15px;
    }

    .orderhistory-bottom-wrap {
        border-radius: 5px;
        padding: 4px
    }

    .ser-cat-btn {
        border-radius: 5px;
    }

    .ser-cat-btn-inner {
        border-radius: 5px;
    }

    .ser-cat-icon img {
        max-width: 25px;
    }

    .order-again-btn {
        margin: auto
    }

    .top-bar .row {
        padding: 5px 0
    }

    .top-bar .row .col-sm-6 {
        padding: 0 6px
    }

    .top-right-ul li a {
        margin-left: 1px;
        margin-top: 5px
    }

    .intro-box-2 {
        margin: 0
    }

    .intro-box-2 .col-sm-6 {
        position: relative;
        z-index: 1
    }

    .intro-box-2 .col-sm-6:first-child .intro2-btn-wrap {
        margin-top: 5px
    }

    .shorcut-title::after {
        width: 50%
    }

    .neworder-btn-row {
        display: block
    }

    .neworder-btn {
        margin-top: 15px;
        border-radius: 12px !important
    }

    .authftr-social li a {
        width: 35px;
        height: 35px;
        border-radius: 5px
    }

    .authftr-social li a svg {
        max-width: 24px
    }

    .copyright {
        font-size: 12px;
        text-align: center
    }

    .auth-ftr-shadow {
        bottom: 0
    }

    .auth {
        padding: 5px 0;
        overflow: unset
    }

    .wrapper {
        overflow-y: unset;
        height: unset
    }

    .sidebar {
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 0 20px 20px 0
    }

    .orderhistory-bottom-wrap2 .orderhistory-bottom-icon {
        width: 30px;
        height: 30px
    }

    .api-table-left,
    .api-table-right {
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: flex-start
    }

    .api-table-right .api-table-list {
        margin-left: 0;
        margin-top: 10px;
        justify-content: flex-start
    }

    .api-table-content {
        margin-right: 20px
    }

    .api-table-label {
        font-size: 16px;
        margin: 0 0 5px
    }

    .order-link {
        max-width: 250px;
        white-space: normal !important
    }

    .order-ser-name {
        white-space: normal !important;
        word-break: break-word
    }

    .guest {
        background-image: none
    }

    .why-wave-bg {
        display: none
    }

    .topsec-content {
        height: 63px;
        overflow-y: auto;
        padding-right: 10px
    }

    .guest .navbar-right li {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px
    }

    .guest .navbar-right li.ser-dropdown .dropdown-toggle {
        width: 100%;
        margin: 0 !important
    }

    .social-box {
        margin-right: 9px
    }

    .guest .navbar-right {
        flex-wrap: wrap;
        width: 100%;
        margin-left: 0
    }

    .social-box-twig {
        margin-bottom: 0
    }

    .social-wrap {
        padding-bottom: 10px
    }

    .fastest-growing {
        display: none;
    }

    .ser {
        display: none;
    }

    .row.take-row .btn-with-icon {
        margin-bottom: 20px;
    }

    .advance_box {
        border-radius: 30px;
        padding: 20px;
        min-height: auto;
    }

    .advantage-box-row2 .advance_box {
        min-height: auto;
    }

    .ftr-menu li::before {
        display: none;
    }

    .ftr-menu {
        flex-wrap: wrap;
    }

    .ftr-menu .btn.btn-secondary {
        max-width: 100%;
        margin-top: 15px;
    }

    .ftr-mid-row {
        display: flex;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .guest .ftr-social-wrap {
        justify-content: start !important;
    }

    .strep_footer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding-top: 20px;
    }

    .social-links {
        padding: 0;
    }

    .copyright-txt {
        font-size: 14px;
    }
.google-login-wrap,
.google-btn,
.google-btn iframe {
	min-height: 45px;
	height: 45px;
	border-radius: 15px;
}
  .google-login-wrap {
	margin-top: 15px;
}
.navbar-header .right-nav-btn {
	margin-left: auto !important;
	float: right;
	display: flex !important;
}
  #navbar .navbar-right li:last-child {
    display: none;
  }
}

.btn-views {
    width: 150px !important;
    margin: 20px auto !important;
    display: flex;
    align-items: center;
    justify-content: center
}

footer .row.ftr-top-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

#top-services {
    padding-top: 80px
}

.countries-sec .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    list-style: none;
    max-height: 480px;
    overflow-y: auto;
    padding-right: 10px;
    scrollbar-width: thin;
    border: 0
}

.countries-sec .nav-tabs .nav-item {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 5px
}

.countries-sec .nav-tabs .nav-item.active .nav-link,
.countries-sec .nav-tabs .nav-item.active .nav-link:hover,
.countries-sec .nav-tabs .nav-item .nav-link:hover,
.countries-sec .nav-tabs .nav-item .nav-link:focus {
    background: linear-gradient(270deg, #6011FF 0%, #8B52FF 100%);
    position: relative
}

.countries-sec .nav-tabs .nav-item .nav-link {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    background-color: #140C37;
    border: 1px solid #5e55864a;
    border-radius: 12px;
    padding: 5px
}

.profile-status-title {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.tab-txt {
    margin-left: 2px;
    color: #9D95B8;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
}

.countries-sec .tab-content {
    background-color: #140C37;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #5e55863d;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.countries-sec .tab-content::before {
    content: '';
    position: absolute;
    width: 550.521px;
    height: 276.049px;
    border-radius: 550.521px;
    background: linear-gradient(270deg, #8B52FF 0%, #6011FF 100%);
    filter: blur(150px);
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    top: -150px;
    opacity: .6
}

.country-title {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.2;
    background: linear-gradient(90deg, #FFF 0%, #5C5C5C 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.country-txt {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    color: #9D95B8
}

.countries-sec .section__head {
    padding-bottom: 30px
}

#top-services {
    overflow: hidden !important
}

.tab-icon {
    line-height: 1;
}

/*.select2-dropdown .badge {
    border-radius: 9px;
    background: linear-gradient(270deg, #6011FF 0%, #8B52FF 100%);
    line-height: 1;
    height: auto;
    min-height: 30px;
}
*/
.auth .nav-tabs>li.active>a,
.auth .nav-tabs>li.active>a:hover,
.auth .nav-tabs>li.active>a:focus {
    border: 0;
}

.auth .form-control#links::placeholder {
    color: rgba(140, 140, 154, 0.47);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.28px;
}

.row.after_service_row .ser-cat-ul {
    margin: 0px auto 20px;
}

.auth .after_serivce_Sec {
    padding: 0 0 20px !important;
}
.select2-container .badge {
	padding: 2px 0;
	display: inline-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	background-color: #742eff;
	min-width: 30px;
}
.select2-container .select2-results__option a {
	color: #fff !important;
}
.google-btn1 {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
	transform: translateY(-50%);
	overflow: hidden;
	opacity: 0;
}