body{padding:0;margin:0;font-size:16px;font-weight:400;font-family:'Poppins',sans-serif}#signup{padding:60px 0}.out .navbar.navbar-default.navbar-static-top{background-size:cover;border:none;padding:10px 0;position:fixed;top:0;left:0;width:100%;background-color:transparent;mix-blend-mode:inherit;z-index:1000;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}.out .navbar.navbar-default.navbar-static-top.fix{background-color:transparent;background-image:none;position:absolute;left:0;right:0;margin:auto}#top-main{background-image:url(https://storage.perfectcdn.com/akvau7/02ec293dzxwac4k6.png);padding:130px 0 0;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;margin:0}.out .navbar-default .navbar-nav>li>a{font-size:18px;font-weight:500;color:#fff}.out .navbar-default .navbar-nav>.active>a,.out .navbar-default .navbar-nav>.active>a:hover,.out .navbar-default .navbar-nav>.active>a:focus{color:#ffc741;background-color:transparent}#top-main h1{font-size:50px;font-weight:600;color:#fbfffd;margin-top:0;margin-bottom:25px}#top-main p{font-size:18px;font-weight:400;color:#fbfffd;line-height:26px;margin-bottom:25px}.out .form-group{position:relative}.out .form-control{background-color:rgba(255,255,255,.75);height:72px;border-radius:10px;border:none;padding-left:75px}.out .component_form_group .form-control{background-color:#d5e5ff;padding-left:10px;box-shadow:none;height:58px}.form-row{margin-left:-15px;margin-right:-15px}.out .form-group span{position:absolute;left:13px;top:50%;transform:translateY(-50%);background-color:#ff9600;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff}.check-wrap{display:flex;justify-content:space-between;margin-bottom:15px}.check-wrap .checkbox{margin:0;color:#fff}.password{color:#fff}.out .btn.btn-primary{background-color:#ff9600;border:none;padding:20px 40px;font-size:16px;font-weight:500;border-radius:10px}#why{padding:80px 0}.main-head{font-size:60px;font-weight:600;color:#000}#why p{font-size:18px;line-height:26px;color:#000}.why-blog{background-color:#fff;box-shadow:0 0 20px 10px rgba(0,0,0,.11);border-radius:20px;padding:15px}.why-blog h3{font-size:20px;font-weight:600;color:#000;margin:35px auto 0;display:flex;align-items:center}.clock-badge,.rocket-badge,.dollar-badge,.safe-badge{width:29px;height:29px;font-size:13px;text-align:center;line-height:29px;border-radius:20px;margin-left:10px}.clock-badge{background-color:rgba(0,211,55,.19);color:#00d337}.rocket-badge{background-color:rgba(28,84,223,.19);color:#1c54df}.dollar-badge{background-color:rgba(253,29,92,.19);color:#fd1d5c}.safe-badge{background-color:rgba(67,190,255,.19);color:#43beff}.why-pic{width:100%}.stats-back{display:block;background-color:#fff;background:linear-gradient(90deg,rgba(109,65,250,1) 0%,rgba(26,186,243,1) 35%,rgba(31,110,230,1) 100%);box-shadow:0 0 20px 10px rgba(0,0,0,.11);border-radius:20px;padding:20px}.stats-back ul{display:flex;justify-content:space-between;padding:0;margin:0;list-style:none}.stats-back ul li{display:flex;align-items:center}.stats-back ul li .stats-icon{width:81px;height:81px;border-radius:10px;line-height:81px;text-align:center;margin-right:15px;color:#fff;font-size:22px}.stats-back ul li:first-child .stats-icon{background-color:#ff9600}.stats-back ul li:nth-child(2) .stats-icon{background-color:#1c54df}.stats-back ul li:nth-child(3) .stats-icon{background-color:#00d337}.stats-content h3{font-size:24px;font-weight:600;margin-bottom:5px;color:#fff}.stats-content p{font-size:18px;font-weight:500;color:#fff;margin:0}#our-serv{padding:70px 0}.serv-list{padding:0;margin:0;list-style:none}.serv-list li{display:flex;align-items:center;padding:25px;border:1px solid #d3d6d5;border-radius:20px;margin-bottom:20px;box-shadow:0 0 20px 10px rgba(0,0,0,.11)}.serv-list li span{min-width:81px;height:81px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:10px;font-size:32px;color:#fff;margin-right:25px}.fb-badge{background-color:#337fff}.ins-badge{background:rgb(252,199,91);background:linear-gradient(315deg,rgba(252,199,91,1) 0%,rgba(217,57,142,1) 50%,rgba(116,68,220,1) 100%)}.twt-badge{background-color:#3cf}.ytb-badge{background-color:red}#grow{background-image:url(https://i.imgur.com/aSwU95X.jpg);padding:0;background-size:cover}#grow .main-head{color:#fff;font-size:55px}#grow p{font-size:18px;color:#fff;font-weight:400;line-height:26px;margin-bottom:40px}.grow-slider .slick-dots{text-align:left;margin-top:25px;position:relative;bottom:auto}.grow-slider .slick-dots li{margin:0}.grow-slider .slick-dots li button::before{color:#fff;opacity:1;font-size:12px}#grow .row{display:flex;align-items:flex-end}.grow-nav{position:relative;margin-top:-60px;text-align:right;background-color:#fff;padding:5px;border-radius:50px;max-width:80px;float:right}.grow-nav .slick-arrow{width:32px;height:32px;background-color:#ff9e13;border:none;border-radius:50px;color:#fff;line-height:32px}.grow-nav .slick-arrow{margin-left:3px}.grow-nav .slick-arrow:first-child{margin-left:0}.cust-nav .slick-arrow{width:32px;height:32px;background-color:#ff9e13;border:none;border-radius:50px;color:#fff}.cust-nav{float:right;margin-top:-70px}#customer-rev{padding:90px 0;overflow:hidden}.cust-box{display:block;background-color:#ff9600;box-shadow:0 0 20px -5px rgba(0,0,0,.24);border-radius:20px;padding:60px 25px;margin:25px 10px}.cust-slider .slick-list{margin-right:-20%}.top-auth{display:flex;align-items:center;margin-bottom:10px}.auth-img{margin-right:15px}.auth-cont h3{font-size:30px;font-weight:600;color:#fff;margin-bottom:10px}.auth-cont h4{font-size:16px;font-weight:400;color:#006eff;margin:0}.cust-box p{font-size:18px;font-weight:400;color:#fff;margin:0}footer{background-image:url(https://i.imgur.com/aSwU95X.jpg);background-size:cover}.footer-main{padding:60px 0;border-bottom:1px solid #fff;background-size:cover}.footer-main img{margin-bottom:20px}.footer-main p{font-size:18px;color:#fff}.footer-social{display:flex;list-style:none;margin:0;background-color:#fff;padding:8px 10px;border-radius:50px;max-width:126px}.footer-social li a{width:32px;height:32px;background-color:#ff9e13;border:none;border-radius:50px;color:#fff;display:block;text-align:center;line-height:32px;margin-right:5px}.widget-title{margin-top:0;font-weight:600;color:#fff;border-bottom:2px solid #ff9e13;margin-bottom:15px;padding-bottom:15px}.foot-nav{padding:0;list-style:none;margin:0}.foot-nav li a{font-size:18px;color:#fff;font-weight:400;line-height:32px;display:block}.footer-main .form-control{padding-left:12px;height:52px;background-color:#fff;border-radius:5px}.btn.btn-secondary{height:52px;padding:0 43px;background-color:#ff9e13;font-size:14px;font-weight:400;color:#000}.footer-main .form-group{margin-bottom:10px}.footer-bottom{padding:15px 0;text-align:center;color:#fff;font-size:14px;font-weight:400}.footer-bottom p{margin-bottom:0}.main{position:relative}.in .navbar-default{border-color:#dadade;background-color:#fff;margin-left:80px;margin-bottom:0;background:linear-gradient(315deg,rgba(85,94,255,1) 15%,rgba(0,110,255,1) 50%,rgba(0,212,255,1) 100%)}.in .navbar-default .navbar-nav.navbar-left-block>li>a{color:#fff;font-size:16px;font-weight:400;padding-top:25px;padding-bottom:25px;border-bottom:2px solid transparent;padding-left:0;padding-right:0;margin-left:15px;margin-right:15px}.in .navbar-default .navbar-nav.navbar-left-block>li>a:hover,.in .navbar-default .navbar-nav.navbar-left-block>li>a:active,.in .navbar-default .navbar-nav.navbar-left-block>li>a:focus,.in .navbar-default .navbar-nav.navbar-left-block>li.active>a,.in .navbar-default .navbar-nav.navbar-left-block>li.active>a:hover,.in .navbar-default .navbar-nav.navbar-left-block>li.active>a:focus{color:#ff9600;background-color:transparent;border-color:#ff9600}.in .navbar-default .navbar-nav li.prof>.dropdown-toggle{display:flex;align-items:center;padding-top:4px;padding-bottom:4px;padding-left:10px}.in .navbar-default .navbar-nav li.prof>.dropdown-toggle .name{font-size:16px;color:#fff;text-transform:capitalize;font-weight:400}.in .navbar-default .navbar-nav li.prof>.dropdown-toggle .ext{font-size:10px;color:#ff9600;font-weight:400}.main{position:relative}.left-bar{width:80px;height:100%;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;padding:15px 10px;flex-direction:column;background-image:url(https://i.imgur.com/nLWC5ui.png);background-size:cover}.left-menu{padding:0;margin:0;list-style:none}.left-menu li a{width:41px;height:41px;display:block;text-align:center;line-height:41px;font-size:16px;color:#fff;border-radius:4px;box-shadow:0 0 30px -9px rgba(0,0,0,.77)}.left-menu li:first-child a{background-color:#ff9600}.left-menu li:nth-child(2) a{background-color:#00d337}.left-menu li:nth-child(3) a{background-color:#fe0000}.left-menu li:last-child a{background-color:#704dfb}.left-menu li{margin-bottom:15px}.left-bar .navbar-brand{float:none;padding:0;height:auto;transform:rotate(-90deg);margin-bottom:60px}.left-bar .navbar-brand img{max-height:110px;max-width:175px;margin:0}.right-cont{padding-top:25px;padding-left:90px;overflow-x:hidden;background:linear-gradient(315deg,rgba(85,94,255,1) 15%,rgba(0,110,255,1) 50%,rgba(0,212,255,1) 100%)}.banner-top{background-image:url(https://i.imgur.com/XzySfM1.png);background-size:100% 100%;margin-bottom:19px;display:flex;justify-content:space-between;padding:25px 30px}.banner-top h3{font-size:24px;margin-bottom:15px;font-weight:600;color:#fff}.banner-top h4{font-size:16px;font-weight:400;color:#fff;margin:0}.banner-top img{margin:-40px 0 -45px 0;width:100%;display:block}.sta-box{display:flex;align-items:flex-end;margin-bottom:19px;padding:20px;border-radius:15px}.sta-box.green{background-color:#d7f4e3}.sta-box.blue{background-color:#d6e6fe}.sta-box.red{background-color:#fad7db}.sta-box.yellow{background-color:#fbecdb}.sta-box .sta-cont h3{font-size:18px;font-weight:400;margin-bottom:10px}.col-sm-3:first-child .sta-box .sta-cont h3{color:#00d337}.col-sm-3:nth-child(2) .sta-box .sta-cont h3{color:#006eff}.col-sm-3:nth-child(3) .sta-box .sta-cont h3{color:#fe0000}.col-sm-3:last-child .sta-box .sta-cont h3{color:#ff9702}.sta-box .sta-cont h4{font-size:30px;font-weight:600;color:#000;margin:0}.sta-pic img{margin:-90px 0 -100px -85px}.sta-cont{min-width:120px}.well2{margin-bottom:19px}.control-label{font-size:16px;font-weight:500;color:#fff;display:block}.well2 .form-control{background-color:#d5e5ff;height:48px;border:none;box-shadow:none;border-radius:6px;font-size:14px;font-weight:400;color:#006eff}.well2 textarea.form-control{height:auto}.panel-body.border-solid.border-rounded{background:#f0f0f4;font-size:14px;font-weight:400;color:#949494;border-radius:6px;border:none}.category-slider{margin-bottom:19px}.category-brand{background-color:#d5e5ff;display:flex;padding:15px 10px;border-radius:4px;margin:0 4px;text-align:center;flex-direction:row;color:#006eff;justify-content:center;white-space:nowrap}.category-brand .media-body{width:auto;display:inline-block}.category-brand .icon{margin-right:10px}.category-slider .slick-arrow{width:53px;height:53px;position:absolute;top:0;background-color:#ff9702;color:#fff;border:none;border-radius:6px;font-size:18px}.category-slider .slick-arrow.left-arrow{left:0}.category-slider .slick-arrow.right-arrow{right:0}.category-slider .slick-list{max-width:91%;margin:auto}.order-stats,.desc-wrap{background-color:#f9ebdb;padding:20px 30px;border-radius:10px;margin-bottom:19px;background:linear-gradient(#fbe5c9,#fbe5c9) padding-box,linear-gradient(to right,#00d4ff,#006eff,#555eff) border-box;border:4px solid transparent}.ordServName h3,.desc-wrap h3{font-size:22px;color:#ff9702;font-weight:500;margin-bottom:5px}.ordServName h2,.desc-wrap h3{font-size:18px;color:#ff9600;font-weight:500;margin-bottom:5px}.ordServName h4,.desc-wrap p{font-size:16px;color:#fff;font-weight:400;margin:0}.ordServName{margin-bottom:25px}.order-list{display:flex;justify-content:space-between;list-style:none;padding:0;margin:0;margin-bottom:10px;}.order-icon{width:32px;height:32px;display:block;text-align:center;line-height:32px;font-size:16px;color:#fff;border-radius:4px;box-shadow:0 5px 30px -5px rgba(0,0,0,.72);margin-bottom:15px}.order-list h3{font-size:16px;font-weight:500;color:#ff9600;margin-bottom:5px}.order-list h4{font-size:14px;margin:0;font-weight:400;background:#006eff;border-radius:15px;position:absolute;width:auto;height:auto;padding:2.5px 5px;}.order-list li:first-child .order-icon{background-color:#00d337}.order-list li:nth-child(2) .order-icon{background-color:#006dfe}.order-list li:nth-child(3) .order-icon{background-color:#fe0000}.order-list li:last-child .order-icon{background-color:#ff9600}.nav-pills li.search{width:70%}.nav-pills li{/*width:100%;*/margin-right:4px}.nav.nav-pills .dropdown{width:100%}.nav.nav-pills .dropdown .btn.btn-primary{width:100%;background-color:#ff9600;border-color:#ff9600;text-align:left;font-size:18px;font-weight:600;line-height:47px}.nav.nav-pills .search .form-control{float:none;height:62px;box-shadow:none;border:none;font-size:16px;font-weight:300;background-color:transparent}.out .nav.nav-pills .search .form-control{padding-left:15px}.out .nav.nav-pills .dropdown .btn.btn-primary{line-height:22px}.nav.nav-pills .search .btn.btn-default{border:none;background-color:transparent;color:#006eff;font-size:18px}.nav.nav-pills .search .input-group{background-color:#f0f0f4;border-radius:4px}.well2 h1{font-size:24px;margin-top:0;margin-bottom:20px;font-weight:600;color:#030302}.in .btn.btn-primary{background-color:#ff9600;border:none;border-radius:4px;font-size:16px;font-weight:600;padding:10px 30px;box-shadow:0 10px 30px -15px rgba(0,0,0,.63)}#terms{padding:60px 0}.term-box.t1{background-color:#dbf9e3}.term-box.t2{background-color:#fff0db}.term-box.t3{background-color:#dbebff}.term-box.t4{background-color:#ffdbdb}.term-box{padding:15px;border-radius:10px;margin-bottom:15px}.term-title span{width:62px;height:62px;display:inline-block;text-align:center;border-radius:6px;line-height:62px;margin-right:10px}.t1 span{background-color:#00d337}.t2 span{background-color:#ff9600}.t3 span{background-color:#006eff}.t4 span{background-color:#fe0000}.term-title{font-size:30px;font-weight:600;color:#000}.term-box p{font-size:18px;font-weight:400;color:#000;margin:0}.ticket-table table{border-collapse:separate;border-spacing:0 10px;margin-bottom:0}.ticket-table .table tbody>tr>td{color:#000;padding:10px 12px;background-color:#ff9600;border:none}.ticket-table table tbody>tr>td:first-child{border-radius:10px 0 0 10px}.ticket-table tbody>tr>td:last-child{border-radius:0 10px 10px 0}.ticket-table table>tbody>tr>td .ticket-h-title{font-size:18px;font-weight:600;color:#fff}.ticket-table table tbody>tr>td .nowrap,.ticket-table table tbody>tr>td a{font-size:16px;font-weight:400;color:#fff8f8;margin:0}.ticket-table .table tbody>tr:nth-child(2n)>td{background-color:#006eff}.table-responsive.api-1{background-color:#fbe3c4;padding:15px;border-radius:15px}.table-responsive.api-2{background-color:#c0daff;padding:15px;border-radius:15px}.api-1 .table,.api-2 .table{border-collapse:separate;border-spacing:0 10px;margin-bottom:0;border:none}.api-1 .table tr td,.api-2 .table tr td,.api-2 .table tr th{padding:10px 12px}.api-1 .table tr td{color:#000;background-color:#ff9600}.api-2 .table tr td,.api-2 .table tr th{color:#fff;background-color:#006eff;border:none}.api-1 .table tr td:first-child,.api-2 .table tr td:first-child,.api-2 .table tr th:first-child{border-radius:10px 0 0 10px}.api-1 .table tr td:last-child,.api-2 .table tr td:last-child,.api-2 .table tr th:last-child{border-radius:0 10px 10px 0}.table-responsive.api-1{background-color:#fbe3c4;padding:20px;border-radius:15px}.resp{position:absolute;right:-104%;padding-left:32px;padding-right:30px;width:95%;background-color:#f0f0f4;border-radius:15px;padding-top:40px;padding-bottom:40px;margin-left:20px;margin-right:50px;margin-top:-210px}.resp pre{border:none;background-color:transparent}@media(max-width:550px){.left-menu li{margin-bottom:5px}.left-menu li a{width:26px;height:26px;line-height:26px;font-size:14px}.left-bar{width:38px}.right-cont{padding-top:20px;padding-left:38px}.left-bar .navbar-brand img{max-height:16px;max-width:95px}.left-bar .navbar-brand{margin-bottom:20px}.in .navbar-default{margin-left:38px}.in .navbar-default .navbar-nav.navbar-left-block>li>a{font-size:14px;padding-top:8px;padding-bottom:8px;border-bottom-width:1px;margin-left:10px;margin-right:10px}.control-label{font-size:14px}.table-responsive{border:none}#top-main{padding:90px 0 0}#top-main h1{font-size:30px;margin-bottom:10px}#top-main p{font-size:14px;line-height:22px;margin-bottom:15px}.out .form-control{height:56px;padding-left:50px}.out .form-group span{left:10px;width:32px;height:32px}.check-wrap{font-size:12px;color:#fff}#top-main{padding:90px 0 0;background-position:center}#top-main h1{font-size:30px;margin-bottom:10px}#top-main p{font-size:14px;line-height:22px;margin-bottom:15px}.out .form-control{height:56px;padding-left:50px}.out .form-group span{left:10px;width:32px;height:32px}.out .btn.btn-primary{padding:12px 25px}#why{padding:40px 0}.main-head{font-size:32px;margin-bottom:10px}#why p{font-size:16px;line-height:22px}.why-blog{margin-bottom:15px}.why-blog h3{font-size:18px;margin:15px auto 0}.stats-back{padding:10px}.stats-back ul{display:block;text-align:center}.stats-back ul li{display:block;margin-top:10px}.stats-back ul li .stats-icon{width:42px;height:42px;line-height:42px;margin-right:auto;color:#fff;font-size:16px;display:block;margin-left:auto;margin-bottom:10px}.stats-content h3{font-size:20px;margin-bottom:0}.stats-content p{font-size:16px}#our-serv{padding:40px 0}.right-img{width:100%}#our-serv .main-head{text-align:center}#our-serv .col-sm-3{text-align:center}.our-img{width:100%}.serv-list li{padding:10px;margin-bottom:10px}.serv-list li span{min-width:52px;height:52px;font-size:18px;margin-right:10px}.serv-list p{font-size:13px;margin:0}#grow .row{display:block}#grow .main-head{font-size:32px;text-align:center}#grow p{font-size:16px;line-height:22px;margin-bottom:15px;text-align:center}#grow .btn.btn-primary{margin:auto;display:block;max-width:174px}.grow-img{width:60%;margin:auto;display:block}.grow-slider .slick-dots{margin-top:10px;text-align:center}#grow{padding:40px 0 0}.grow-nav{display:none}#customer-rev{padding:40px 0}.cust-box{padding:20px 20px;margin:15px 15px}.cust-slider .slick-list{margin-right:0}.footer-main{padding:40px 0;text-align:center}.footer-main p{font-size:16px}.footer-social{margin:0 auto 10px}.foot-nav li a{font-size:16px}.footer-main .form-control{padding-left:12px;height:48px}.btn.btn-secondary{height:48px}footer{background-size:cover}.fix .navbar-collapse{background-color:#2482ed}.navbar-default .navbar-toggle{background-color:#fff}#signup{padding:20px 0}#signup .main-head.text-center{margin-top:0}#signup img{width:100%}.navbar-brand img{display:inline-block;max-width:85%;max-height:51px;margin-top:-1px;vertical-align:middle}.information{color:red}}.right-cont{ padding-bottom: 25px;}

.navbar-default.navbar-static-top.scrolled {
    transition: background-color 0.3s ease !important;
}

.navbar-default.navbar-static-top.scrolled {
    background-color: transparent !important;
}

.navbar-default.navbar-static-top.scrolled {
background: rgb(112,77,251) !important;
background: linear-gradient(218deg, rgba(112,77,251,0.5) 0%, rgba(0,110,255,0.5) 35%, rgba(22,187,243,0.5) 100%) !important;
}

@media (max-width: 768px) {
    body {
        background-attachment: scroll;
        background-size: contain;
    }
}
.order-list h4 {
background: rgb(112,77,251);
background: linear-gradient(218deg, rgba(112,77,251,0.5) 0%, rgba(0,110,255,1) 35%, rgba(22,187,243,0.5) 100%);
  }

.tier-badge.VIP { background-color: #ff9600; }  /* VIP - Goldish */
.tier-badge.Diamond { background-color: #b9f2ff; }  /* Diamond - Light Blue */
.tier-badge.Platinum { background-color: #e5e4e2; }  /* Platinum - Silverish */
.tier-badge.Gold { background-color: #ffd700; }  /* Gold */
.tier-badge.Silver { background-color: #c0c0c0; }  /* Silver */
.tier-badge.New { background-color: #9e9e9e; }  /* New - Gray */


.prof-cont .vip-tier-info {
    margin-top: 10px;
    color: #FFD700;
}

.prof-cont .vip-tier-info .progress-bar, .loyalty-progress .progress-bar {
    background-color: #e0e0e0;
    border-radius: 10px;
    height: 10px;
    overflow: hidden;
}

.prof-cont .vip-tier-info .progress, .loyalty-progress .progress {
    background-color: #FFD700;
    height: 100%;
}

.prof-cont .loyalty-info .progress-bar {
    background-color: #e0e0e0;
}

.prof-cont .loyalty-info .progress {
    background-color: #00FF00;
    height: 100%;
}

/* Fix the backdrop overlay */
.modal-backdrop {
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.5);
}

/* Ensure modal is on top of the backdrop */
.modal {
  z-index: 1050;
}

}

.modal.show {
  opacity: 1;
}

/* Fix the positioning and prevent the black screen from persisting */
.modal-open .modal {
  overflow: hidden;
}

.modal-open .modal-backdrop {
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
}

.mobile-only {
  display: none;
}

@media screen and (max-width: 768px) {
  .mobile-hidden {
    display: none;
  }

  .mobile-only {
    display: block;
    background-color: #ffa726;
    color: white;
    padding: 10px 16px;
    margin: 15px auto 5px;
    border: none;
    border-radius: 8px;
    font-weight: bold;
    width: 90%;
    text-align: center;
  }
}

.mobile-only {
  display: none;
}

@media screen and (max-width: 768px) {
  .mobile-only {
    display: block;
    background-color: #ffa726;
    color: white;
    padding: 10px 16px;
    margin: 15px auto 5px;
    border: none;
    border-radius: 8px;
    font-weight: bold;
    width: 90%;
    text-align: center;
  }

  .mobile-hidden {
    display: none !important;
  }
}

@media (max-width: 768px) {
  #toggleStats {
    display: block;
    width: 90%;
    padding: 12px;
    text-align: center;
    cursor: pointer;
    background-color: #FFA500;
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    z-index: 9999;
    position: relative;
    margin: 0 auto 15px auto;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, transform 0.2s ease;

  }
}

@media (min-width: 769px) {
  #toggleStats {
    display: none;
  }
}


.category-slider .slick-arrow.left-arrow {
    z-index: 1;
}


.sta-box {
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(0, 109, 254, 0.5);
}

#invoiceTableBody tr td {
  vertical-align: middle;
}

#invoiceTableBody .btn-info {
  padding: 4px 10px;
  font-size: 12px;
}

<!-- ROAP -->

/* ================================================================
   SMM Bros — v7 Complete Modernization
   SIDEBAR FIX: background-image: none !important kills original url()
   SELECT FIX: option colors set explicitly
   All styles scoped correctly
   ================================================================ */

:root{
  --o:#ff9600;--od:#e07800;--ol:#ffb347;--og:rgba(255,150,0,0.18);--ogs:rgba(255,150,0,0.08);
  --b:#006eff;--bd:#0051cc;--bl:#4d9fff;--bg:rgba(0,110,255,0.14);
  --g:#00d337;--r:#fe0000;--p:#704dfb;--c:#00cfff;
  --t:all 0.22s cubic-bezier(0.4,0,0.2,1);
  --gl:rgba(255,255,255,0.08);--glb:rgba(255,255,255,0.12);--gld:rgba(255,255,255,0.05);
  --sh:0 8px 32px rgba(0,0,0,0.3);--shh:0 16px 48px rgba(0,0,0,0.45);
}

/* Base */
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:rgba(0,0,0,0.15)}
::-webkit-scrollbar-thumb{background:var(--o);border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:var(--od)}
html{scroll-behavior:smooth}
a,.btn{transition:var(--t) !important}

/* ── PUBLIC PAGES ─────────────────────────────────────────── */
.out .navbar-default.navbar-static-top{transition:var(--t)}
.out .navbar-default.navbar-static-top.scrolled{
  background:rgba(6,12,28,0.93) !important;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  box-shadow:0 2px 24px rgba(0,0,0,0.45) !important;
  border-bottom:1px solid rgba(255,150,0,0.1)
}
.out .navbar-default .navbar-nav>li>a{transition:var(--t);border-radius:30px;padding:7px 14px}
.out .navbar-default .navbar-nav>li>a:hover{background:rgba(255,150,0,0.12) !important;color:#fff !important}

/* Hero */
#top-main{position:relative}
#top-main::after{content:'';position:absolute;inset:0;background:linear-gradient(150deg,rgba(4,9,22,0.44),rgba(0,14,48,0.22));pointer-events:none;z-index:0}
#top-main .container{position:relative;z-index:1}
#top-main h1{font-size:52px !important;font-weight:700 !important;line-height:1.15;text-shadow:0 2px 24px rgba(0,0,0,0.5)}
#top-main h1 b{background:linear-gradient(90deg,#ff9600,#ffd44d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#top-main p{font-size:18px !important;line-height:1.75 !important}
#top-main .form-group .form-control{background:rgba(255,255,255,0.12) !important;border:1.5px solid rgba(255,255,255,0.22) !important;color:#fff !important;border-radius:12px !important;transition:var(--t) !important}
#top-main .form-group .form-control:focus{background:rgba(255,255,255,0.18) !important;border-color:var(--o) !important;box-shadow:0 0 0 3px var(--og) !important;outline:none}
#top-main .form-group .form-control::placeholder{color:rgba(255,255,255,0.45) !important}
#top-main .btn.btn-primary{background:linear-gradient(135deg,#ff9600,#e07800) !important;border:none !important;border-radius:50px !important;padding:14px 40px !important;font-size:16px !important;font-weight:600 !important;box-shadow:0 4px 20px rgba(255,150,0,0.42) !important}
#top-main .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,150,0,0.58) !important}

/* Landing sections */
.why-blog{transition:var(--t);border:1px solid rgba(0,0,0,0.06) !important}
.why-blog:hover{transform:translateY(-8px);box-shadow:0 22px 52px rgba(0,0,0,0.14) !important;border-color:rgba(255,150,0,0.28) !important}
.cust-box{transition:var(--t)}.cust-box:hover{transform:translateY(-5px);box-shadow:0 18px 46px rgba(255,150,0,0.32) !important}
.auth-cont h3{font-size:18px !important}

/* Footer */
footer{background:#05090f !important;background-image:none !important}
.footer-main{background:transparent !important;border-bottom:1px solid rgba(255,255,255,0.07) !important}
.footer-main p{color:rgba(255,255,255,0.7) !important}
.foot-nav li a{transition:var(--t)}.foot-nav li a:hover{color:var(--o) !important;text-decoration:none;padding-left:5px}
.footer-social li a{transition:var(--t)}.footer-social li a:hover{transform:scale(1.15)}
.widget-title{border-bottom-color:var(--o) !important}
.footer-bottom{background:rgba(0,0,0,0.3) !important}
.footer-bottom p{color:rgba(255,255,255,0.45) !important}

/* ================================================================
   INNER DASHBOARD (.in)
   ================================================================ */

/* Inner navbar */
.in .navbar-default{
  background:rgba(5,10,22,0.97) !important;background-image:none !important;
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-bottom:1px solid rgba(255,150,0,0.12) !important;
  box-shadow:0 2px 28px rgba(0,0,0,0.5) !important
}
.in .navbar-default .navbar-nav.navbar-left-block>li>a{
  font-weight:500 !important;border-bottom:2px solid transparent !important;
  transition:var(--t) !important;padding-top:22px !important;padding-bottom:22px !important
}
.in .navbar-default .navbar-nav.navbar-left-block>li>a:hover,
.in .navbar-default .navbar-nav.navbar-left-block>li.active>a,
.in .navbar-default .navbar-nav.navbar-left-block>li.active>a:hover,
.in .navbar-default .navbar-nav.navbar-left-block>li.active>a:focus{
  color:var(--o) !important;border-bottom-color:var(--o) !important;background:transparent !important
}

/* ═══ SIDEBAR — THE DEFINITIVE FIX ═══
   Must kill background-image before setting gradient */
.left-bar{
  background-image:none !important;
  background:linear-gradient(180deg,#060c20 0%,#0a1840 35%,#071030 65%,#060c20 100%) !important;
  border-right:1.5px solid rgba(255,150,0,0.2) !important;
  box-shadow:4px 0 32px rgba(0,0,0,0.6),inset -1px 0 0 rgba(255,150,0,0.06) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important
}
.left-menu li a{transition:var(--t) !important;border-radius:8px !important}
.left-menu li a:hover{transform:scale(1.1);filter:brightness(1.3) !important}
/* Brand logo in sidebar */
.left-bar .navbar-brand{opacity:1 !important}
.left-bar .navbar-brand img{filter:brightness(1.2) drop-shadow(0 0 8px rgba(255,150,0,0.3))}

/* Banner-top */
.banner-top{border-radius:20px !important;box-shadow:0 8px 32px rgba(0,0,0,0.28) !important}
.banner-top h3{font-size:26px !important;font-weight:700 !important}
.banner-top h4{font-size:15px !important;color:rgba(255,255,255,0.85) !important}

/* STAT CARDS */
.in .sta-box{
  background:var(--gl) !important;border:1px solid var(--glb) !important;
  border-radius:16px !important;backdrop-filter:blur(12px);
  box-shadow:var(--sh) !important;transition:var(--t)
}
.in .sta-box.green{border-top:3px solid var(--g) !important}
.in .sta-box.blue{border-top:3px solid var(--b) !important}
.in .sta-box.red{border-top:3px solid var(--r) !important}
.in .sta-box.yellow{border-top:3px solid var(--o) !important}
.in .sta-box:hover{transform:translateY(-5px);box-shadow:var(--shh) !important}
.in .sta-box .sta-cont h3{font-size:11px !important;font-weight:700 !important;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px !important}
.in .col-sm-3:first-child .sta-box .sta-cont h3{color:var(--g) !important}
.in .col-sm-3:nth-child(2) .sta-box .sta-cont h3{color:var(--bl) !important}
.in .col-sm-3:nth-child(3) .sta-box .sta-cont h3{color:var(--r) !important}
.in .col-sm-3:last-child .sta-box .sta-cont h3{color:var(--o) !important}
.in .sta-box .sta-cont h4{font-size:34px !important;font-weight:800 !important;color:#fff !important;margin:0 !important}

/* Category brands */
.in .category-brand{background:var(--gl) !important;border:1px solid var(--glb) !important;color:rgba(255,255,255,0.75) !important;border-radius:10px !important;transition:var(--t) !important}
.in .category-brand:hover{background:var(--o) !important;border-color:var(--o) !important;color:#fff !important;box-shadow:0 4px 16px var(--og) !important;transform:translateY(-2px)}

/* Well2 — order form / addfunds */
.in .well2{background:var(--gl) !important;border:1px solid var(--glb) !important;border-radius:16px !important;backdrop-filter:blur(10px)}

/* ALL form controls in inner */
.in .form-control,.in .well2 .form-control{
  background:rgba(255,255,255,0.07) !important;
  border:1.5px solid rgba(255,255,255,0.12) !important;
  border-radius:10px !important;color:#fff !important;
  font-size:14px !important;transition:var(--t) !important
}
.in .well2 .form-control{height:48px !important}
.in .well2 textarea.form-control{height:auto !important}
.in .form-control:focus,.in .well2 .form-control:focus{
  background:rgba(255,255,255,0.12) !important;
  border-color:var(--o) !important;
  box-shadow:0 0 0 3px var(--og) !important;outline:none
}
.in .form-control::placeholder,.in .well2 .form-control::placeholder{color:rgba(255,255,255,0.35) !important}

/* SELECT FIX — dropdown options visible */
.in select.form-control{background:rgba(8,16,40,0.97) !important;color:#fff !important}
.in select.form-control option{background:#0d1a30 !important;color:#fff !important}
.in .well2 select.form-control{background:rgba(6,12,32,0.98) !important;color:#fff !important}
.in .well2 select.form-control option{background:#0b1528 !important;color:#fff !important}
.panel-body.border-solid.border-rounded{background:var(--gl) !important;color:rgba(255,255,255,0.7) !important;border-radius:8px !important}

/* Add Funds tabs — well2 */
.in .well2 .nav-tabs{border-bottom:1px solid rgba(255,255,255,0.08) !important;margin-bottom:20px}
.in .well2 .nav-tabs>li{margin-bottom:-1px}
.in .well2 .nav-tabs>li>a{
  background:transparent !important;border:none !important;border-bottom:3px solid transparent !important;
  border-radius:0 !important;color:rgba(255,255,255,0.5) !important;
  font-size:14px !important;font-weight:600 !important;
  padding:10px 16px !important;transition:var(--t) !important
}
.in .well2 .nav-tabs>li>a:hover{
  color:#fff !important;background:transparent !important;
  border-bottom-color:rgba(255,150,0,0.4) !important
}
.in .well2 .nav-tabs>li.active>a,
.in .well2 .nav-tabs>li.active>a:hover,
.in .well2 .nav-tabs>li.active>a:focus{
  background:transparent !important;
  border-bottom:3px solid var(--o) !important;
  color:var(--o) !important;font-weight:700 !important
}

/* Desc-wrap tabs (payment gateways) */
.in .desc-wrap h2{color:#fff !important;font-size:18px !important;font-weight:700 !important;margin-bottom:16px !important}
.in .desc-wrap .nav-tabs{border-bottom:1px solid rgba(255,255,255,0.08) !important;margin-bottom:16px}
.in .desc-wrap .nav-tabs>li>a{
  background:var(--gl) !important;border:1px solid var(--glb) !important;
  border-radius:10px !important;color:rgba(255,255,255,0.65) !important;
  margin-right:8px;margin-bottom:4px;transition:var(--t) !important;
  padding:8px 16px !important;font-size:13px !important;font-weight:600 !important
}
.in .desc-wrap .nav-tabs>li.active>a,
.in .desc-wrap .nav-tabs>li.active>a:hover,
.in .desc-wrap .nav-tabs>li.active>a:focus{
  background:linear-gradient(135deg,var(--o),var(--od)) !important;
  color:#fff !important;border-color:transparent !important;
  box-shadow:0 4px 14px var(--og) !important
}
.in .desc-wrap .nav-tabs>li>a:hover{background:rgba(255,150,0,0.12) !important;color:#fff !important;border-color:var(--og) !important}
.in .desc-wrap .tab-content .tab-pane{
  background:rgba(255,150,0,0.07) !important;
  border:1px solid rgba(255,150,0,0.18) !important;
  border-radius:12px !important;padding:16px 20px !important
}
.in .desc-wrap .tab-content .tab-pane p{color:rgba(255,255,255,0.8) !important;margin:0;font-size:14px}

/* Bonus boxes */
.in .add-funds-box{padding:0 !important;margin:0 !important;list-style:none !important;display:flex !important;flex-wrap:wrap !important}
.in .add-funds-box li{
  background:var(--gl) !important;
  border:1px solid var(--glb) !important;
  border-radius:16px !important;backdrop-filter:blur(8px) !important;
  transition:var(--t) !important;padding:24px 20px !important
}
.in .add-funds-box li:hover{transform:translateY(-4px);box-shadow:var(--shh) !important}
.in .add-funds-box li:nth-child(1){border-top:2px solid var(--g) !important}
.in .add-funds-box li:nth-child(2){border-top:2px solid var(--b) !important}
.in .add-funds-box li:nth-child(3){border-top:2px solid var(--r) !important}
.in .add-funds-box li:nth-child(4){border-top:2px solid var(--o) !important}
.in .add-funds-box li p{color:rgba(255,255,255,0.65) !important;font-size:13px !important;margin-bottom:8px !important}
.in .add-funds-box li h3{font-size:40px !important;font-weight:800 !important;margin:0 !important}
.in .add-funds-box li:nth-child(1) h3{color:var(--g) !important}
.in .add-funds-box li:nth-child(2) h3{color:var(--bl) !important}
.in .add-funds-box li:nth-child(3) h3{color:var(--r) !important}
.in .add-funds-box li:nth-child(4) h3{color:var(--o) !important}
.in .add-funds-box li h3 span{
  width:36px !important;height:36px !important;font-size:14px !important;
  border-radius:50% !important;display:inline-flex !important;
  align-items:center !important;justify-content:center !important
}
.in .add-funds-box li:nth-child(1) h3 span{background:var(--g) !important}
.in .add-funds-box li:nth-child(2) h3 span{background:var(--b) !important}
.in .add-funds-box li:nth-child(3) h3 span{background:var(--r) !important}
.in .add-funds-box li:nth-child(4) h3 span{background:var(--o) !important}

/* Steps */
.in .steps-add{padding:0 !important;list-style:none !important;margin:0 !important}
.in .steps-add li{
  background:var(--gl) !important;border:1px solid var(--glb) !important;
  border-radius:10px !important;color:rgba(255,255,255,0.82) !important;
  margin-bottom:8px !important;padding:12px 16px !important;
  font-size:14px !important;display:flex !important;align-items:center
}
.in .steps-add li span{
  background:var(--b) !important;color:#fff !important;
  border-radius:50% !important;width:36px !important;height:36px !important;
  line-height:36px !important;text-align:center !important;
  font-size:18px !important;font-weight:700 !important;
  margin-right:14px !important;flex-shrink:0 !important
}

/* History/invoices tables inside well2 */
.in .well2 .table{border-collapse:separate !important;border-spacing:0 4px !important}
.in .well2 .table thead tr th{
  background:rgba(0,110,255,0.2) !important;color:#fff !important;
  font-size:11px !important;font-weight:700 !important;
  text-transform:uppercase;letter-spacing:1px;border:none !important;
  padding:12px 16px !important
}
.in .well2 .table thead tr th:first-child{border-radius:8px 0 0 8px !important}
.in .well2 .table thead tr th:last-child{border-radius:0 8px 8px 0 !important}
.in .well2 .table tbody tr td{
  background:rgba(255,150,0,0.08) !important;
  color:rgba(255,255,255,0.85) !important;border:none !important;
  padding:12px 16px !important
}
.in .well2 .table tbody tr:hover td{background:rgba(255,150,0,0.14) !important}
.in .well2 .table tbody tr td:first-child{border-radius:8px 0 0 8px !important}
.in .well2 .table tbody tr td:last-child{border-radius:0 8px 8px 0 !important}

/* Tracker */
.in .order-stats,.in .desc-wrap{background:rgba(255,150,0,0.06) !important;border:1px solid rgba(255,150,0,0.18) !important;border-radius:16px !important}
.in .ordServName h3,.in .desc-wrap h3,.in .ordServName h2,.in .desc-wrap h2{color:var(--o) !important}
.in .ordServName h4,.in .desc-wrap p{color:rgba(255,255,255,0.72) !important}
.in .order-icon{border-radius:8px !important;box-shadow:0 4px 14px rgba(0,0,0,0.3) !important}
.in .order-list h3{color:rgba(255,255,255,0.55) !important;font-size:10px !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:1px}
.in .order-list h4{border-radius:50px !important;font-size:10px !important;font-weight:700 !important}

/* Nav pills */
.nav-pills>li>a{border-radius:50px !important;font-size:13px !important;font-weight:500;transition:var(--t) !important}
.nav-pills>li>a:hover{background:rgba(255,150,0,0.14) !important;color:#fff !important}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{background:linear-gradient(135deg,var(--o),var(--od)) !important;color:#fff !important;box-shadow:0 4px 14px var(--og) !important}
.nav.nav-pills .dropdown .btn.btn-primary{border-radius:50px !important;font-weight:600 !important}

/* All inner primary buttons */
.in .btn.btn-primary,.in .btn-primary{background:linear-gradient(135deg,#ff9600,#e07800) !important;border:none !important;border-radius:50px !important;font-weight:700 !important;box-shadow:0 4px 18px var(--og) !important;transition:var(--t) !important}
.in .btn.btn-primary:hover,.in .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,150,0,0.52) !important}
.in .btn-default,.in .btn.btn-default{background:var(--gl) !important;border:1px solid var(--glb) !important;border-radius:50px !important;color:rgba(255,255,255,0.82) !important;transition:var(--t) !important}
.in .btn-default:hover,.in .btn.btn-default:hover{background:rgba(255,255,255,0.14) !important;color:#fff !important}

/* TICKETS — scoped */
.in .ticket-table .table{border-collapse:separate !important;border-spacing:0 8px !important}
.in .ticket-table .table tbody>tr>td{background:rgba(255,150,0,0.1) !important;color:#fff !important;border:none !important;transition:var(--t)}
.in .ticket-table .table tbody>tr>td:first-child{border-radius:10px 0 0 10px !important}
.in .ticket-table .table tbody>tr>td:last-child{border-radius:0 10px 10px 0 !important}
.in .ticket-table .table tbody>tr:hover>td{background:rgba(255,150,0,0.18) !important}
.in .ticket-table .table tbody>tr:nth-child(2n)>td{background:rgba(0,110,255,0.14) !important}
.in .ticket-h-title{font-size:10px !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,0.5) !important}
.in .ticket-table .table tbody>tr>td .nowrap,.in .ticket-table .table tbody>tr>td a{color:#fff !important;font-weight:500 !important}

/* SERVICES TABLE — scoped to .in */
.in .ser-panelgp .table{border-collapse:separate !important;border-spacing:0 6px !important}
.in .ser-panelgp .table tr>td{background:var(--gl) !important;color:rgba(255,255,255,0.85) !important;border:none !important;transition:var(--t)}
.in .ser-panelgp .table tr>td:first-child{border-radius:10px 0 0 10px !important}
.in .ser-panelgp .table tr>td:last-child{border-radius:0 10px 10px 0 !important}
.in .ser-panelgp .table tr:hover>td{background:rgba(255,150,0,0.08) !important}
.in .ser-panelgp .table tr>td h4.ticket-h-title{color:var(--bl) !important;font-size:10px !important;text-transform:uppercase;letter-spacing:1px}
.in .ser-panelgp .table tr>td p.nowrap{color:rgba(255,255,255,0.82) !important}
.badge.gurantee{background:rgba(0,211,55,0.18) !important;color:var(--g) !important;border:1px solid rgba(0,211,55,0.3) !important;border-radius:50px !important;font-size:11px !important;padding:3px 10px !important}
.badge.gurantee.not-gurantee{background:rgba(254,0,0,0.14) !important;color:#ff8888 !important;border-color:rgba(254,0,0,0.24) !important}
.panel-default>.panel-heading>.panel-title>a{font-size:17px !important;font-weight:700 !important}

/* API — scoped to .in */
.in .table-responsive.api-1{background:rgba(0,110,255,0.1) !important;border:1px solid rgba(0,110,255,0.2) !important;background-image:none !important}
.in .api-1 .table tr td{background:rgba(255,150,0,0.1) !important;color:#fff !important}
.in .table-responsive.api-2{background:var(--gl) !important}
.in .api-2 .table tr td,.in .api-2 .table tr th{background:rgba(0,110,255,0.18) !important;color:#fff !important}
.in .resp{background:var(--gl) !important;border:1px solid var(--glb) !important}
.in .resp pre{color:rgba(255,255,255,0.8) !important}

/* ORDERS */
.in .badge.id-badge{border-radius:8px !important;font-size:12px !important}
.in .table-responsive__search .table thead>tr>th{background:rgba(0,110,255,0.22) !important;font-size:10px !important;font-weight:700 !important;letter-spacing:1px;text-transform:uppercase;border-radius:0 !important}
.in .table-responsive__search .table tbody>tr>td{background:rgba(255,150,0,0.07) !important;color:rgba(255,255,255,0.85) !important;border-color:transparent !important}
.in .table-responsive__search .table tbody>tr:hover>td{background:rgba(255,150,0,0.14) !important}
.in .input-group.search-full{background:var(--gl) !important;border:1px solid var(--glb) !important;border-radius:10px !important}
.in .input-group.search-full .form-control{background:transparent !important;color:#fff !important}
.in .input-group.search-full .form-control::placeholder{color:rgba(255,255,255,0.35) !important}

/* ALERTS */
.alert{border-radius:10px !important;border:none !important}
.alert-info{background:rgba(0,110,255,0.1) !important;color:var(--bl) !important;border-left:3px solid var(--b) !important}
.alert-success{background:rgba(0,211,55,0.1) !important;color:#7dff9a !important;border-left:3px solid var(--g) !important}
.alert-warning{background:rgba(255,150,0,0.1) !important;color:#ffcc77 !important;border-left:3px solid var(--o) !important}
.alert-danger{background:rgba(254,0,0,0.1) !important;color:#ff8888 !important;border-left:3px solid var(--r) !important}

/* DROPDOWNS */
.in .dropdown-menu{background:rgba(6,13,30,0.97) !important;background-image:none !important;border:1px solid var(--glb) !important;border-radius:12px !important;box-shadow:0 8px 32px rgba(0,0,0,0.5) !important}
.in .dropdown-menu>li>a{color:rgba(255,255,255,0.82) !important;transition:var(--t) !important;padding:10px 16px !important}
.in .dropdown-menu>li>a:hover{background:rgba(255,150,0,0.14) !important;color:#fff !important}
.in .dropdown-menu .divider{background:rgba(255,255,255,0.08) !important;margin:4px 0}

/* PAGINATION */
.pagination>li>a,.pagination>li>span{background:var(--gl) !important;border-color:rgba(255,255,255,0.1) !important;color:rgba(255,255,255,0.8) !important;transition:var(--t) !important}
.pagination>li>a:hover,.pagination>li>span:hover{background:rgba(255,150,0,0.14) !important;border-color:var(--o) !important;color:#fff !important}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover{background:var(--o) !important;border-color:var(--o) !important}

/* BOTTOM NAV */
.bottom-nav{background:rgba(5,10,22,0.96) !important;background-image:none !important;backdrop-filter:blur(20px);border-top:1px solid rgba(255,150,0,0.2) !important;box-shadow:0 -4px 20px rgba(0,0,0,0.42) !important}
.bottom-nav a{transition:var(--t) !important}
.bottom-nav a:hover,.bottom-nav a.active{color:var(--o) !important}

/* MODALS */
.in .modal-content{background:#0b1528 !important;background-image:none !important;border:1px solid var(--glb) !important;border-radius:16px !important}
.in .modal-header{border-radius:16px 16px 0 0 !important;border-bottom:1px solid rgba(255,255,255,0.08) !important}
.in .modal-footer{background:rgba(255,255,255,0.03) !important;border-top:1px solid rgba(255,255,255,0.08) !important}
.in .modal-body{color:rgba(255,255,255,0.85) !important}

/* GENERIC INNER */
.in .card{background:var(--gl) !important;border:1px solid var(--glb) !important;border-radius:12px !important}
.in .well,.in .well.well-float{background:var(--gl) !important;border:1px solid var(--glb) !important;border-radius:14px !important;color:rgba(255,255,255,0.85) !important}
.in .account-card,.in .ticket-dialog .card{background:var(--gl) !important;border:1px solid var(--glb) !important;border-radius:14px !important}
.in .table>tbody>tr>td{border-color:rgba(255,255,255,0.06) !important}
.in .table>thead>tr>th{border-bottom-color:rgba(255,150,0,0.18) !important}

/* ORDER BADGES */
.in .badge.count-badge{background:var(--g) !important}
.in .badge.quantity-badge,.in .badge.id-badge{background:var(--o) !important}
.in .badge.completed-badge{background:var(--o) !important}
.in .badge.pending-badge{background:var(--b) !important}
.in .badge.inprogress-badge{background:var(--r) !important}
.in .badge.partial-badge{background:var(--p) !important}
.in .badge.canceled-badge{background:#3c3c3c !important}
.in .badge.processing-badge{background:var(--c) !important}

#toggleStats{background:linear-gradient(135deg,var(--o),var(--od)) !important;border-radius:10px !important;box-shadow:0 4px 14px var(--og) !important;font-weight:700 !important}
.term-box{border-radius:14px !important}

/* MOBILE */
@media(max-width:767px){
  #top-main h1{font-size:32px !important}
  #top-main{background-attachment:scroll !important}
  .in .sta-box{margin-bottom:12px}
  .in .well2{padding:16px 14px !important}
  .in .add-funds-box li{max-width:100% !important;flex:0 0 100% !important;margin-right:0 !important}
}
@media(max-width:550px){.banner-top h3{font-size:20px !important}#top-main h1{font-size:28px !important}}