body,
html {
font-family: poppins !important;
}
body {
background: url(../images/body-background.png) no-repeat;
background-size: cover;
background-position: bottom center;
}
a:hover,
a:active {
text-decoration: none !important;
}
a {
transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
}
#return-to-top {
position: fixed;
bottom: 20px;
right: 20px;
background: #0087f6;
width: 50px;
height: 50px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 9999;
line-height: 50px;
text-align: center;
color: #fff;
font-size: 25px;
}
#return-to-top i {
color: #fff;
margin: 0;
position: relative;
font-size: 19px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
color: #fff;
top: 5px;
}
nav.nav1 {
display: none;
}
/*----------------------------------------Push Navigation---------------------------------*/
div#menuoverlay {
display: none;
}
a#hamburg {
position: fixed;
top: 0px;
left: 10px;
width: 40px;
height: 40px;
z-index: 9;
text-align: center;
color: white;
display: none;
transition: all ease-out 0.3s;
}
a#hamburg i {
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.nav1 {
transition: all ease-out 0.3s;
display: none;
}
.nav1 a {
color: #000;
}
.nav1 ul {
margin: 0;
padding: 0;
background-color: #303030;
}
.nav1 ul li {
display: inline-block;
position: relative;
padding: 10px 20px !important;
}
.nav1 ul li>a {
display: inline-block;
padding: 10px;
}
.nav1 ul li>a>i {
margin-left: 15px;
transition: all ease-out 0.3s;
-webkit-transition: all ease-out 0.1s;
}
.nav1 ul li ul {
display: none;
position: absolute;
top: 38px;
background: #222;
width: 200px;
text-align: left;
}
.nav1 .search-nav,
.nav1 .title {
display: none;
}
.nav1 ul li ul li {
display: block;
}
.nav1 ul li ul li a {
display: block;
}
.nav1 ul li:hover>a {
color: #000;
text-decoration: none;
}
.nav1 ul li:hover>a>i {
transform: rotateZ(90deg);
-webkit-transform: rotateZ(90deg);
}
.nav1 ul li:hover ul {
display: block;
}
.nav1 span.marrow {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #fff;
float: right;
height: 0;
margin: 8px 0 0 8px;
width: 0;
}
.nav1 ul li.open span.marrow {
border-left: 5px solid transparent;
border-top: 0;
border-right: 5px solid transparent;
border-bottom: 5px solid #fff;
}
@media screen and (max-width: 1024px) {
.slider .item .carousel-caption {
top: 80px;
}
.slider-text h3 {
font-size: 40px;
}
.slider-text p {
font-size: 16px;
margin-bottom: 25px;
}
.slider-text .form-group label {
font-size: 12px;
}
}
.open-menu .nav-cross:before {
content: "X";
position: absolute;
z-index: -1;
font-size: 25px;
}
@media screen and (max-width: 767px) {
.logo-bar nav {
display: none !important;
}
a#hamburg {
display: block;
}
main {
transition: all ease-out 0.3s;
}
.nav1 .row {
margin: 0px;
}
.nav1 {
background-color: #fff;
box-shadow: -2px 0 10px #999 inset;
display: block;
height: 100%;
left: 0;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
transform: translateX(-250px);
-webkit-transform: translateX(-250px);
width: 250px;
}
.nav1 .search-nav,
.nav1 .title {
display: block;
}
.nav1 .search-nav input {
border: 1px solid #2c313f;
background-color: rgba(255, 255, 255, 0.2);
padding: 5px;
width: 100%;
color: #000;
margin: 10px 0;
}
.nav1 .search-nav input[type="submit"] {
background: url("images/search-icon.png") no-repeat scroll center center;
border: 0;
width: auto;
font-size: 0;
height: 16px;
position: absolute;
right: 7px;
top: 8px;
width: 16px;
filter: invert(100%);
}
.nav1 .title {
background: #000;
color: #fff;
font-size: 14px;
margin: 0 -15px;
padding: 6px 15px 6px;
}
.search-nav>form {
position: relative;
}
.nav1 ul {
text-align: left;
background-color: transparent;
}
.nav1 ul li {
display: block;
border-bottom: 1px solid #999;
}
.nav1 ul li a {
display: block;
padding: 10px 0;
}
.nav1 ul li:hover>a {
color: #000;
}
.nav1 ul li a>i {
float: right;
}
.nav1 ul li ul {
display: none;
position: static;
width: 100%;
background-color: transparent;
padding: 0 10px;
}
.nav1 ul li:hover>ul {
display: none;
}
.nav1 ul li:hover>a>i {
transform: rotateZ(0);
-webkit-transform: rotateZ(0);
}
.nav1 ul li.open>a {
background-color: transparent;
}
.nav1 ul li.open>a>i {
transform: rotateZ(90deg);
-webkit-transform: rotateZ(90deg);
}
.nav1 ul li.open>ul {
display: block;
}
div#menuoverlay {
display: block;
visibility: hidden;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: all ease-out 0.3s;
z-index: 1;
opacity: 0;
}
html.open-menu {
overflow: hidden;
}
html.open-menu div#menuoverlay {
visibility: visible;
background: rgba(0, 0, 0, 0.5);
min-height: 100vh;
width: 100% !important;
opacity: 1;
width: calc(-150%);
left: 250px;
}
html.open-menu a#hamburg {
transform: translateX(250px);
-webkit-transform: translateX(250px);
z-index: 999;
}
html.open-menu main {
transform: translateX(250px);
-webkit-transform: translateX(250px);
}
html.open-menu nav.nav1 {
z-index: 3;
transform: translateX(0);
-webkit-transform: translateX(0);
}
.menu-main-menu-container ul ul ul li a {
padding: 5px;
}
ul li.has-subnav .accordion-btn {
color: #000;
font-size: 24px;
width: 20px !important;
float: right;
line-height: inherit !important;
}
.nav1 ul li:last-child {
border: 0;
}
.nav-cross.open>span {
background: #fff;
}
/*---------------------Hamberg Icon --------------------------------------------- */
.nav-cross {
width: 24px;
height: 40px;
position: relative;
margin: 0px auto;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: .5s ease-in-out;
cursor: pointer;
}
.nav-cross span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #fff;
opacity: 1;
left: 0;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: .25s ease-in-out;
}
.open-menu .nav-cross span {
display: none;
}
#nav-icon1 span:nth-child(1) {
top: 0px;
}
#nav-icon1 span:nth-child(2) {
top: 18px;
}
#nav-icon1 span:nth-child(3) {
top: 36px;
}
#nav-icon1.open span:nth-child(1) {
top: 18px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}
#nav-icon1.open span:nth-child(3) {
top: 18px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.nav-cross span:nth-child(1) {
top: 12px;
transform-origin: left center;
-webkit-transform-origin: left center;
}
.nav-cross span:nth-child(2) {
top: 20px;
transform-origin: left center;
-webkit-transform-origin: left center;
}
.nav-cross span:nth-child(3) {
top: 28px;
transform-origin: left center;
-webkit-transform-origin: left center;
}
.nav-cross.open span:nth-child(1) {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
top: 11px;
left: 4px;
}
.nav-cross.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
.nav-cross.open span:nth-child(3) {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
top: 28px;
left: 4px;
}
}
body::-webkit-scrollbar {
width: 8px;
}
.logo a {
display: inline-block;
}
.top-right-nav-btn {
text-align: right;
}
.nav-list {
display: inline-block;
}
.top-btns {
display: inline-block;
}
.top-register-btn {
display: inline-block;
}
.nav-list ul {
margin: 0px;
padding: 0px;
}
.nav-list ul li {
display: inline-block;
font-size: 14px;
margin-right: 30px;
}
.nav-list ul li a {
text-decoration: none;
color: #56677c;
padding-left: 5px;
padding-right: 5px;
position: relative;
}
.nav-list ul li a:hover,
.nav-list ul li a:active,
.nav-list ul li a:focus,
.nav-list ul li.active a {
color: #ffffff;
}
.nav-list ul li a:after {
content: "";
position: absolute;
bottom: -26px;
width: 100%;
height: 2px;
background-color: #0087f6;
left: 0;
visibility: hidden;
}
.nav-list ul li a:hover:after,
.nav-list ul li a:active:after,
.nav-list ul li a:focus:after,
.nav-list ul li.active a:after {
visibility: visible;
}
.top-btns ul {
margin: 0px;
padding: 0px;
}
.top-btns ul li a {
display: inline-block;
width: 45px;
height: 45px;
text-align: center;
line-height: 44px;
background-color: #172538;
border-radius: 10px;
border: 1px solid #253144;
}
.top-btns ul li {
display: inline-block;
margin-left: 10px;
}
.top-register-btn a {
display: inline-block;
width: 110px;
text-decoration: none;
background-color: #0087f6;
color: #fff;
border-radius: 10px;
margin-left: 10px;
font-size: 14px;
height: 45px;
text-align: center;
line-height: 45px;
}
.top-register-btn {
display: inline-block;
}
.searchbox input[type="search"] {
width: 100%;
height: 45px;
border-radius: 10px;
border: 1px solid #253144;
font-size: 14px;
color: #ffff;
padding-left: 40px;
padding-right: 10px;
background: url(../images/search-icon.png) no-repeat #202e42;
background-position: 10px 13px;
}
.logo {
padding-top: 11px;
position: relative;
}
.topbar {
padding-top: 10px;
padding-bottom: 12px;
border-bottom: 1px solid #253144;
}
.top-btns ul li a:hover {
background-color: #0087f6;
}
.top-btns ul li a:hover img {
filter: brightness(0) invert(1);
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.sidebar-info {
padding-top: 60px;
border-right: 1px solid #253144;
height: 100%;
}
.sidebar-nav h3 {
position: relative;
margin: 0px 0px 20px;
font-size: 14px;
color: #56677c;
padding: 15px 45px 15px 30px;
background-color: #162133;
}
body::-webkit-scrollbar-thumb {
background-color: #0087f6;
outline: 1px solid #0087f6;
}
::-moz-selection {
/* Code for Firefox */
color: #fff;
background: #0087f6;
}
::selection {
color: #fff;
background: #0087f6;
}
.sidebar-nav h3 img {
position: absolute;
left: 0;
top: 15px;
}
.count-show {
position: absolute;
right: 15px;
top: 15px;
font-size: 10px;
color: #0087f6;
background-color: #15314e;
padding: 3px 8px;
border-radius: 10px;
}
.logo:after {
content: "";
position: absolute;
width: 1px;
height: 70px;
background-color: #253144;
right: 0;
top: -10px;
}
.sidebar-nav ul {
margin: 0px;
padding: 0px;
}
.sidebar-nav ul li {
display: block;
margin-bottom: 20px;
padding: 5px 30px;
position: relative;
}
.sidebar-nav ul li a {
text-decoration: none;
}
.sidebar-nav ul li a {
display: inline-block;
font-size: 14px;
color: #56677c;
}
.sidebar-nav ul li a img {
position: absolute;
left: 0;
top: 11px;
}
.sidebar-nav ul li a:hover,
.sidebar-nav ul li a:active,
.sidebar-nav ul li a:focus {
color: #0087f6;
}
.sidebar-nav h3:after {
content: "";
position: absolute;
right: -2.5px;
width: 4px;
height: 25px;
background-color: #0087f6;
top: 12px;
}
.sidebar-detail ul {
margin: 0px;
padding: 0px;
}
.sidebar-detail ul li {
display: block;
}
.sidebar-detail ul li a {
text-decoration: none;
padding: 8px 10px 8px 34px;
position: relative;
margin-bottom: 20px;
display: block;
font-size: 14px;
color: #56677c;
border-radius: 8px;
}
.sidebar-detail {
padding: 22px 8px 12px;
background-color: #080f1b;
border-radius: 10px;
margin-right: 10px;
margin-top: 49px;
}
.sidebar-detail ul li a img {
position: absolute;
left: 10px;
top: 11px;
}
.sidebar-detail ul li a:hover,
.sidebar-detail ul li a:active .sidebar-detail ul li a:focus {
background-color: #172030;
}
.main-content-info {
padding-top: 50px;
padding-bottom: 65px;
}
.banner-bx {
background: url(../images/banner-bg.png) no-repeat;
background-size: cover;
padding: 80px 45px;
margin-bottom: 50px;
border: 1px solid #253144;
border-radius: 8px;
box-shadow: 70px 60px 100px -60px rgb(0 135 246 / 60%);
}
.banner-bx h2 {
font-size: 55px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
margin-bottom: 18px;
}
.banner-bx h4 {
margin: 0px;
font-size: 20px;
color: #0087f6;
font-weight: 600;
}
.enjoy-bx h2 {
font-size: 30px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
}
.top-register-btn a:hover,
.top-register-btn a:active,
.top-register-btn a:focus {
background-color: #fff;
color: #0087f6;
}
.searchbox input[type="search"]::-webkit-input-placeholder {
color: #56677c;
opacity: 1;
}
.searchbox input[type="search"]:-moz-placeholder {
color: #56677c;
opacity: 1;
}
.searchbox input[type="search"]::-moz-placeholder {
color: #56677c;
opacity: 1;
}
.searchbox input[type="search"]:-ms-input-placeholder {
color: #56677c;
opacity: 1;
}
.enjoy-bx ul {
margin: 0px;
padding: 0px;
display: inline-block;
width: 100%;
list-style: none;
}
/* .enjoy-bx ul li {
width: 20%;
float: left;
padding-right: 15px;
margin-top: 35px;
} */
.enjoy-bx {
display: inline-block;
width: 100%;
}
.enjoy-bx ul li a {
display: block;
}
.games-box {
position: relative;
}
.games-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px 12px 12px 12px;
background-color: #060c16;
border-radius: 0px 0px 10px 10px;
}
.games-info h3 {
font-weight: 600;
font-size: 14px;
color: #fffeff;
margin-bottom: 5px;
}
.games-info .price-meta {
font-weight: 600;
color: #ffd200;
font-size: 12px;
}
.whyuse-bx {
padding-top: 90px;
display: inline-block;
width: 100%;
}
.whyuse-bx h2 {
text-align: center;
font-size: 42px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
margin-bottom: 82px;
}
.whyuse-bx ul {
padding: 0px;
margin: 0px;
display: inline-block;
width: 100%;
}
.whyuse-bx ul li {
width: 25%;
float: left;
border-bottom: 1px solid #253144;
vertical-align: top;
padding-bottom: 40px;
position: relative;
}
.whyuse-desc h3 {
font-size: 18px;
color: #ffffff;
font-weight: 600;
margin-bottom: 20px;
}
.whyuse-thumb {
margin-left: -42px;
}
.whyuse-desc p {
color: #797e85;
font-size: 14px;
font-weight: 300;
}
.whyuse-bx ul li:after {
content: "";
position: absolute;
bottom: -1px;
width: 100%;
height: 2px;
left: 0;
background-color: #008cff;
visibility: hidden;
}
.whyuse-bx ul li:hover:after,
.whyuse-bx ul li:first-child:after {
visibility: visible;
}
.deals-bx {
margin-top: 85px;
}
.deals-bx h2 {
font-size: 42px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
}
.deals-info {
margin-top: 80px;
padding: 65px 25px 45px;
background-size: 100% 100% !important;
}
.deals-info h3 {
font-size: 30px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
}
.deals-info h4 {
font-size: 18px;
color: #ffd200;
font-weight: 600;
}
.deals-info .price-meta-deals {
font-weight: 600;
color: #fffeff;
font-size: 14px;
}
.btn-deals {
margin-top: 165px;
}
.btn-deals a {
text-decoration: none;
width: 110px;
height: 42px;
text-align: center;
display: inline-block;
font-size: 14px;
color: #0b1320;
background-color: #ffd200;
line-height: 42px;
border-radius: 10px;
font-weight: 600;
}
.deals-info.deals-2 h4 {
color: #28f7ce;
}
.deals-info.deals-2 .btn-deals a {
background-color: #28f7ce;
}
.deals-info.deals-3 h4 {
color: #0078ff;
}
.deals-info.deals-3 .btn-deals a {
background-color: #008cff;
color: #fff;
}
.about-bx {
padding: 116px 0px 140px;
position: relative;
}
.about-bx h2 {
margin-top: 115px;
font-size: 42px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
margin-bottom: 30px;
}
.about-bx p {
font-weight: 300;
color: #797e85;
font-size: 16px;
margin-bottom: 30px;
}
.widget-bx {
padding: 85px 0px 50px;
position: relative;
}
.f-logo a {
display: inline-block;
}
.f-logo p {
display: block;
margin: 25px 0px 0px;
font-weight: 300;
color: #7a7e84;
font-size: 14px;
}
.f-nav h2 {
font-size: 24px;
color: #ffffff;
font-family: oswald;
font-weight: 700;
margin-bottom: 25px;
}
.f-nav ul {
margin: 0px;
padding: 0px;
}
.f-nav ul li {
display: block;
}
.f-nav ul li a {
display: inline-block;
text-decoration: none;
font-weight: 300;
font-size: 14px;
margin-bottom: 5px;
color: #7a7e84;
}
.f-nav ul li a:hover,
.f-nav ul li a:active,
.f-nav ul li a:focus {
color: #0087f6;
}
.copyright-bx p {
margin: 0px;
text-align: center;
font-weight: 300;
color: #7a7e84;
font-size: 16px;
}
.copyright-bx {
border-top: 1px solid #253144;
padding: 30px 0px;
}
.review-bx h2 {
font-size: 42px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
margin-bottom: 48px;
}
.review-detail {
padding: 18px 27px 15px;
background-color: #162637;
border-radius: 15px;
box-shadow: 0px 41px 87px -60px rgb(0 135 246 / 60%);
}
.thumb-bx img {
width: 79px !important;
height: 79px;
border-radius: 100%;
}
.review-title {
position: relative;
padding-left: 95px;
padding-top: 10px;
margin-bottom: 45px;
}
.thumb-bx {
position: absolute;
left: 0;
top: 0;
}
.rating-bx img {
width: auto !important;
display: inline-block !important;
}
.review-title h3 {
font-size: 18px;
color: #ffffff;
font-weight: 500;
margin-bottom: 0px;
line-height: normal;
}
.review-detail p {
color: #797e85;
font-size: 16px;
}
.review-slider .owl-item {
padding-bottom: 70px;
}
.review-slider .owl-item.center .review-detail {
box-shadow: 0px 0px !important;
}
.faq-bx h2,
.sec_title {
text-align: center;
font-size: 42px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
margin-top: 45px;
margin-bottom: 59px;
}
#accordion .card {
margin-bottom: 15px;
background-color: #162637;
}
#accordion .card .card-header {
padding: 0px;
}
#accordion .card .card-header a {
padding: 0px;
display: block;
overflow: hidden;
height: 70px;
font-size: 18px;
color: #fffeff;
text-align: left;
line-height: 70px;
font-weight: 600;
padding-left: 20px;
padding-right: 50px;
border-bottom: 1px solid #253144;
position: relative;
}
#accordion .card .card-body {
font-weight: 300;
color: #797e85;
font-size: 14px;
}
#accordion .card .card-header a:focus {
outline: none !important;
box-shadow: 0px 0px;
}
#accordion .card-header a.btn.collapsed:after {
content: "\f13a";
font-family: 'FontAwesome';
position: absolute;
right: 20px;
color: #0087f6;
font-size: 30px;
top: 0;
}
#accordion .card-header a.btn:before {
content: "\f139";
font-family: 'FontAwesome';
position: absolute;
right: 20px;
color: #0087f6;
font-size: 30px;
}
#accordion .card-header a.btn.collapsed:before {
display: none;
}
.widget-bx:before {
content: "";
position: absolute;
width: 90%;
height: 1px;
background-color: #56677c;
left: 0;
right: 0;
top: 0;
margin: 0 auto;
}
.faq-bx {
margin-bottom: 143px;
}
.enjoy-bx ul li:nth-child(1) {
box-shadow: 0px 41px 87px -60px #8c69fb;
}
.enjoy-bx ul li:nth-child(4) {
box-shadow: 0px 41px 87px -60px #00b679;
}
.ab-thumb {
position: absolute;
top: 0;
left: -190px;
}
.enjoy-bx ul li:nth-child(2) {
box-shadow: 0px 41px 87px -60px #f5c035;
}
.enjoy-bx ul li:nth-child(3) {
box-shadow: 0px 41px 87px -60px #0fd1ff;
}
.enjoy-bx ul li:nth-child(5) {
box-shadow: 0px 41px 87px -60px #a7228f;
}
.faq-bx {
margin-bottom: 55px;
}
.f-nav {
margin-top: 25px;
}
/*dashboard admin css*/
.sid-profile-bx {
position: relative;
}
.sid-profile-bx img {
width: 50px;
height: 50px;
border-radius: 100%;
object-fit: cover;
object-position: top;
position: absolute;
left: 0;
top: 0;
}
.sid-profile-bx {
padding: 10px 0px 10px 55px;
margin-bottom: 22px;
}
.sid-profile-bx h3 {
font-size: 14px;
color: #fffeff;
margin-bottom: 0px;
}
.sid-profile-bx h4 {
font-size: 12px;
color: #56677c;
}
.sidebar-info.inner-dash .sidebar-detail h3 {
font-size: 14px;
color: #56677c;
margin-bottom: 20px;
}
.sidebar-info.inner-dash .sidebar-detail ul li i {
position: absolute;
left: 3px;
top: 12px;
}
.sidebar-info.inner-dash .sidebar-detail ul li a {
padding: 8px 2px 8px 20px;
font-size: 12px;
}
.sidebar-info.inner-dash .sidebar-detail ul li:nth-child(1) a {
background-color: #172030;
}
.purple-color {
color: #6d109a;
}
.yellow-color {
color: #f7e041;
}
.green-color {
color: #01e4a8;
}
.blue-color {
color: #008cff;
}
.red-color {
color: #ff3434;
}
.sky-color {
color: #00baff;
}
.approved-bx {
background: #070d1b;
padding: 25px 30px 15px;
border-radius: 20px;
}
.approved-bx h2 {
font-size: 16px;
color: #fffeff;
font-family: oswald;
margin-bottom: 27px;
}
.approved-bx h2 img {
vertical-align: bottom;
}
.table-app thead tr th {
background-color: #008cff;
border-color: inherit;
border-style: unset !important;
border-width: unset !important;
}
.table-app thead tr th:first-child {
border-radius: 10px 0px 0px 10px;
}
.table-app thead tr th:last-child {
border-radius: 0px 10px 10px 0px;
}
.table-app thead tr th {
color: #ffffff;
font-size: 12px;
font-weight: 400;
}
.table-app tbody {
border: 0px !important;
}
.table-app tbody tr td {
border: 0px !important;
}
.table-app tbody tr {
background-color: #162537;
border-top: 15px solid #070d1b;
}
.table-app tbody tr td:first-child {
border-radius: 10px 0px 0px 10px;
background-color: #162537;
}
.table-app tbody tr td:last-child {
border-radius: 0px 10px 10px 0px;
background-color: #162537;
}
.table-app thead tr {
margin-bottom: 15px;
}
.table-app tbody tr td {
color: #ffffff;
font-weight: 300;
font-size: 12px;
height: 60px;
vertical-align: middle;
}
.bl-check-bx h2 {
font-size: 16px;
color: #fffeff;
font-family: oswald;
margin-bottom: 27px;
}
.bl-check-bx h2 img {
vertical-align: bottom;
}
.balance-alert {
height: 60px;
background-color: #008cff;
text-align: center;
line-height: 60px;
border-radius: 10px;
font-size: 16px;
color: #ffffff;
}
.balance-check-bx {
max-width: 762px;
margin: 45px auto 0px;
background-color: #080f1b;
border-radius: 10px;
padding: 35px 30px 40px;
}
.balance-check-bx h3 {
text-align: center;
font-size: 20px;
color: #fffeff;
font-family: oswald;
margin-bottom: 15px;
}
.balance-check-bx h4 {
font-size: 16px;
color: #ffffff;
text-align: center;
font-weight: 400;
margin-bottom: 22px;
}
.balance-check-bx p {
text-align: center;
color: #75777b;
font-size: 13px;
margin-bottom: 39px;
}
.balance-input {
background-color: #162637;
border-radius: 10px;
padding: 30px 15px 15px;
}
.balance-input h5 {
font-size: 16px;
color: #ffffff;
text-align: center;
}
.balance-input .balance-amount {
font-size: 18px;
color: #008cff;
text-align: center;
}
.balance-input form label {
width: 100%;
text-align: left;
font-size: 12px;
font-weight: 300;
color: #fff;
}
.balance-input form input[type="number"] {
width: 100%;
border: 0px !important;
border-radius: 3px;
height: 32px;
background-color: #080f1b;
color: #fff;
}
.balance-input form {
text-align: center;
}
.balance-input form input[type="submit"] {
margin-top: 10px;
background-color: #008cff;
border-radius: 5px;
border: 0px !important;
font-weight: 300;
font-size: 12px;
color: #ffffff;
padding: 7px 10px;
}
.balance-input form input[type="submit"]:hover,
.balance-input form input[type="submit"]:active,
.balance-input form input[type="submit"]:focus {
background-color: #000;
color: #008cff;
}
.complete-bx {
padding: 48px 120px 60px;
max-width: 768px;
margin: 90px auto 0px;
text-align: center;
background-color: #080f1b;
border-radius: 5px;
}
.complete-bx .sign-com {
margin-bottom: 25px;
}
.complete-bx p {
font-size: 14px;
color: #ffffff;
line-height: normal;
margin-bottom: 37px;
}
.complete-bx a {
display: inline-block;
text-decoration: none;
padding: 10px 22px;
line-height: normal;
background-color: #0087f6;
color: #ffffff;
border-radius: 5px;
font-size: 14px;
}
.complete-bx a:hover {
color: #0087f6;
background-color: #000;
}
.ac-btn a {
text-decoration: none;
text-align: center;
padding: 10px 25px;
line-height: normal;
background-color: #008cff;
border-radius: 5px;
font-size: 12px;
color: #ffffff;
}
.ac-btn a:hover,
.ac-btn a:active,
.ac-btn a:focus {
color: #008cff;
background-color: #000;
}
.ac-btn a {
position: relative;
}
.ac-btn a span.count-chat {
position: absolute;
top: -8px;
right: -17px;
width: 25px;
height: 25px;
background-color: #ff0000;
border-radius: 100%;
line-height: 25px;
font-size: 12px;
color: #ffffff;
}
.dash-myacc {
max-width: 794px;
margin: 0 auto;
}
.dash-myacc h2 {
text-align: center;
font-size: 16px;
color: #fffeff;
font-family: 'oswald';
margin-bottom: 31px;
}
.dash-myacc h2 i {
color: #0087f6;
font-size: 20px;
}
.dash-myacc .dash-acc-bx {
background-color: #080f1b;
border-radius: 20px;
padding: 45px;
}
.dash-myacc .dash-acc-bx h3 {
font-size: 14px;
color: #fffeff;
font-family: 'oswald';
margin-bottom: 12px;
border-bottom: 1px solid #212c3f;
padding-bottom: 15px;
}
.dash-myacc .dash-acc-bx h4 {
font-size: 12px;
color: #fffeff;
font-weight: 400;
}
.dash-myacc .dash-acc-bx h4 a {
color: #fffeff;
text-decoration: none;
}
.dash-myacc .dash-acc-bx form {
margin-top: 27px;
}
.dash-myacc .dash-acc-bx form label {
width: 100%;
display: block;
color: #56677c;
font-size: 12px;
font-weight: 300;
margin-bottom: 15px;
}
.dash-myacc .dash-acc-bx form input[type="number"],
.dash-myacc .dash-acc-bx form input[type="time"] {
width: 100%;
height: 32px;
background-color: #172030;
border: 0px !important;
border-radius: 5px;
color: #fff;
padding: 5px;
font-size: 14px;
}
.cart-pay {
text-align: center;
padding-top: 35px;
padding-bottom: 35px;
margin-bottom: 23px;
background-color: #080f1b;
border-radius: 10px;
}
.cart-pay h2 {
font-size: 24px;
color: #fffeff;
font-family: Oswald;
margin-bottom: 10px;
}
.cart-pay h4 {
margin-bottom: 0px;
font-size: 12px;
font-weight: 300;
color: #ffffff;
}
.payments-icons {
text-align: center;
}
.payments-icon-bx {
background-color: #162637;
height: 125px;
border-radius: 5px;
}
.payments-icon-bx img {
margin-top: 10px;
}
.right-pay-icon {
padding-top: 40px;
}
.pay-game {
margin: 25px 0px;
}
.pay-game a {
display: block;
text-align: center;
text-decoration: none;
background-color: #008afe;
border-radius: 10px;
padding-top: 15px;
padding-bottom: 15px;
line-height: normal;
font-size: 24px;
color: #fffeff;
font-family: Oswald;
}
.pay-list {
background-color: #080f1b;
border-radius: 10px;
padding: 18px 25px;
position: relative;
margin-bottom: 20px;
}
.left-variant {
display: inline-block;
position: relative;
padding-left: 70px;
padding-right: 110px;
}
.left-variant img {
position: absolute;
left: 0;
width: 55px;
}
.left-variant h3 {
font-size: 14px;
color: #ffffff;
margin-bottom: 5px;
font-weight: 300;
}
.left-variant h4 {
margin: 0px;
padding: 10px 15px;
background-color: #2a1723;
border-radius: 5px;
font-size: 12px;
color: #fc4557;
font-weight: 400;
}
.right-variant {
right: 42px;
position: absolute;
top: 27px;
}
.right-variant h5 {
display: inline-block;
vertical-align: middle;
margin-right: 14px;
color: #ffffff;
font-size: 14px;
font-weight: 300;
margin-bottom: 0px;
}
.right-variant a {
display: inline-block;
}
.pg1-info {
padding: 55px 15px 25px;
position: relative;
background-color: #162637;
border-radius: 20px;
}
.pg1-info img {
position: absolute;
right: 17px;
top: 40px;
}
.pg1-info h3 {
font-family: Oswald;
color: #fff;
font-size: 22px;
margin-bottom: 15px;
}
.pg1-info h4 {
font-size: 11px;
color: #ffd200;
padding: 5px 10px;
text-align: center;
display: inline-block;
margin-bottom: 0px;
background-color: #373e2f;
border-radius: 5px;
}
.yellow-pg1-bx {
box-shadow: 5px 45px 50px -42px #ffd200;
}
.green-pg1-bx h4 {
color: #22fdd8;
background-color: #18444e;
}
.green-pg1-bx {
box-shadow: 5px 45px 50px -42px #1ceed8;
}
.blue-pg1-bx h4 {
color: #008cff;
background-color: #133453;
}
.blue-pg1-bx {
box-shadow: 5px 45px 50px -42px #008cff;
}
.red-pg1-bx {
box-shadow: 5px 45px 50px -42px #ff3434;
}
.red-pg1-bx h4 {
color: #ff3434;
background-color: #372837;
}
.withdraw-pg1 {
margin-top: 57px;
margin-bottom: 27px;
padding: 25px 30px;
background-color: #080f1b;
border-radius: 15px;
}
.withdraw-pg1 a.left-link {
text-decoration: none;
padding: 7px 22px;
color: #ffae00;
background-color: #2b2517;
border-radius: 5px;
font-size: 13px;
font-weight: 300;
}
.withdraw-pg1 a.right-link {
float: right;
text-decoration: none;
display: inline-block;
color: #008cff;
padding: 7px 22px;
background-color: #07213b;
border-radius: 5px;
font-size: 13px;
font-weight: 300;
}
.withdaw-dec {
margin-top: 25px;
padding: 25px;
background-color: #162637;
border-radius: 15px;
}
.withdaw-dec h2 {
font-family: 'oswald';
font-size: 16px;
color: #fffeff;
margin-bottom: 10px;
}
.withdaw-dec p {
font-size: 14px;
color: #56677c;
line-height: normal;
}
.booster-bx {
text-align: center;
margin-bottom: 25px;
padding: 18px;
background-color: #080f1b;
border-radius: 15px;
}
.booster-bx h3 {
display: inline-block;
vertical-align: middle;
margin-bottom: 0px;
font-weight: 400;
font-size: 14px;
color: #008cff;
margin-right: 10px;
}
.booster-bx a {
text-decoration: none;
padding: 7px 15px;
line-height: normal;
background-color: #008cff;
border-radius: 5px;
font-size: 14px;
color: #ffffff;
}
.pg1-games {
text-align: center;
}
.pg1-games a {
display: block;
text-decoration: none;
padding: 20px;
font-size: 24px;
font-family: Oswald;
color: #fff;
background-color: #0d3258;
border-radius: 10px;
}
.pg1-icons-bx {
margin-top: 25px;
text-align: center;
background-color: #080f1b;
padding: 30px;
border-radius: 10px;
}
.thakyou-wrap {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.thankyou-txt {
font-size: 24px;
font-weight: 700;
color: #fff;
line-height: 1.4;
}
.thankyou-img {
display: block;
margin: auto auto 25px;
}
.thakyou-content-wrap {
display: flex;
align-content: center;
justify-content: center;
align-items: center;
height: 100%;
}
.blnce-alert {
background-color: #008cff;
border-radius: 10px;
padding: 6px 5px;
color: #fff;
font-size: 16px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
height: 60px;
line-height: 1.4;
margin-bottom: 15px;
}
.warning-box {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
justify-content: flex-start;
background-color: #080f1b;
border-radius: 10px;
margin-bottom: 15px;
height: 60px;
padding: 15px;
box-shadow: 0 10px 10px 0 rgba(66, 112, 236, 5%);
}
.warning-red {
color: #ff0000;
font-weight: 600;
font-size: 16px;
line-height: 1.4;
margin-right: 15px;
font-family: oswald;
}
.warning-txt {
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
color: #fff;
}
.pro-player-link-wrap {
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 75px;
}
.pro-player-link-wrap li {
flex: 0 0 25%;
max-width: 25%;
}
.pro-player-link-wrap li a {
display: block;
text-align: center;
text-decoration: none;
color: #fff;
font-size: 22px;
font-weight: 700;
font-family: 'oswald';
line-height: 1.4;
background-color: #162637;
border-radius: 14px;
padding: 32px 15px;
margin: 0 10px;
}
.pro-player-link-wrap li a:hover,
.pro-player-link-wrap li a:focus,
.pro-player-link-wrap li a.active,
.pro-player-link-wrap li a:focus-visible {
background-color: #0087f6;
}
.dash-acc-label {
color: #ffae00;
font-size: 14px;
background-color: rgba(255, 174, 0, 14%);
padding: 9px 20px;
border-radius: 5px;
width: max-content;
}
.proplayer-box {
background-color: #080f1b;
border-radius: 10px;
padding: 25px;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.order-option-box {
display: flex;
align-content: center;
align-items: center;
margin-bottom: 25px;
}
.order-option-box .form-control {
width: max-content;
background: transparent;
border: 0;
padding: 0;
}
.order-option-box .order-option-id {
font-size: 14px;
font-weight: 700;
color: #fff;
margin: 0 10px 0 0;
line-height: 1.4;
}
.order-option-box select {
background: transparent;
border: 0;
padding: 0;
color: #008cff;
font-size: 14px;
font-weight: 300;
}
.order-option-box select option {
background-color: #000;
color: #0087f6;
}
.piloted-box {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.piloted-txt {
font-size: 14px;
font-weight: 400;
color: #fff;
margin: 0 15px 0 0;
text-decoration: none;
}
.piloted-txt i {
color: #0087f6;
}
a.piloted-txt {
color: #0087f6;
}
.proplayer-box .proplayer-box-left,
.proplayer-box .proplayer-box-right {
flex: 0 0 50%;
max-width: 50%;
}
.order-price {
margin: 0 0 0 auto;
display: block;
width: max-content;
color: #fff;
font-size: 27px;
font-weight: 700;
font-family: 'oswald';
}
.players-order-count {
color: #ffff;
font-size: 14px;
font-weight: 700;
}
.player-profile {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
}
.player-profile .player-level {
font-weight: 700;
color: #fff;
margin: 0 0 0 9px;
font-family: 'oswald';
line-height: 1.4;
font-size: 22px;
}
.player-profile .player-level .player-status {
font-family: 'poppins';
font-weight: 400;
font-size: 18px;
}
.players-order {
margin: 0;
font-size: 16px;
color: #008cff;
}
.proplayer-box-right .btn.btn-primary {
margin-left: auto;
display: block;
width: 180px;
}
.proplayer-title {
font-size: 22px;
font-weight: 700;
color: #fff;
font-family: 'oswald';
margin-bottom: 25px;
line-height: 1.3;
}
.proplayer-box-full {
flex: 0 0 100%;
max-width: 100%;
}
.proplayer-variant-box {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
}
.proplayer-variant-box .btn.btn-primary {
min-width: 115px;
margin-right: 15px;
}
.proplayer-email {
margin: 0;
font-size: 18px;
font-weight: 600;
color: #fff;
}
.proplayer-desc-box {
margin: 25px 0;
}
.proplayer-desc-txt {
margin-bottom: 0;
line-height: 1.4;
font-size: 14px;
color: #fff;
}
.proplayer-desc-txt span {
color: #008cff;
}
.support-btn {
min-width: 150px;
}
.message-notify {
background-color: #172030;
border-radius: 10px;
padding: 12px;
margin-bottom: 20px;
width: 90%;
}
.message-profile {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
}
.message-profile-img {
flex: 0 0 22px;
max-width: 22px;
margin-right: 12px;
}
.message-profile-desc {
flex: 0 0 calc(100% - 34px);
max-width: calc(100% - 34px);
}
.message-profile-txt {
font-size: 14px;
font-weight: 400;
color: #fff;
line-height: 1.4;
border-bottom: 1px solid #008cff;
padding-bottom: 12px;
margin-bottom: 12px;
}
.message-profile-txt.time {
padding-bottom: 0;
border: 0;
text-align: center;
font-weight: 600;
margin-bottom: 0;
}
.message-profile-txt.session {
text-align: center;
}
.message-notify-stream-txt {
margin: 0;
color: #008cff;
font-size: 14px;
font-weight: 600;
display: flex;
align-items: center;
}
.message-notify-stream-txt i {
color: #fff;
font-size: 28px;
margin-right: 10px;
}
.message-box {
background-color: #172030;
border-radius: 10px;
padding: 12px;
margin-bottom: 20px;
}
.message-box-title {
font-size: 14px;
font-weight: 400;
color: #008cff;
margin-bottom: 10px;
line-height: 1.4;
}
.message-box-txt {
font-size: 14px;
color: #fff;
line-height: 1.3;
}
.message-box-date {
font-size: 14px;
font-weight: 400;
color: #008cff;
margin-bottom: 0;
line-height: 1.4;
text-align: right;
}
.message-form .input-group {
background-color: #172030;
border-radius: 100px;
}
.message-form .input-group .form-control {
background-color: transparent;
border: 0;
border-radius: 100px 0 0 100px !important;
height: 45px;
resize: none;
line-height: 33px;
color: rgba(255, 255, 255, 33%);
}
.message-form .input-group .form-control::placeholder {
color: rgba(255, 255, 255, 33%);
}
.message-form #basic-addon1 {
width: 27px;
height: 27px;
border-radius: 100px;
border: 0;
background-color: #0087f6;
text-align: center;
margin-right: 12px;
margin-top: 9px;
color: #000;
}
.message-form .input-group .form-control:focus {
box-shadow: none;
}
.message-wrap-body {
height: 622px;
overflow-y: auto;
}
.works_box .work_box h1 {
font-size: 18px;
color: #ffffff;
font-weight: 600;
margin-bottom: 20px;
}
.works_box .work_box p {
color: #797e85;
font-size: 14px;
font-weight: 300;
}
.works_box .work_box {
background: #162637;
border: 1px solid #0087f6;
padding: 15px;
border-radius: 20px;
position: relative;
}
.works_box .col-md-4 {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.works_box .work_box .box_1:before {
width: 60px;
height: 1px;
border-bottom: 2px dashed #0087f6;
position: absolute;
content: "";
right: -18%;
}
.works_box .work_box .box_1:after {
height: 100px;
width: 0px;
border-right: 2px dashed #0087f6;
content: "";
position: absolute;
right: -18%;
top: 10%;
}
.works_box .work_box .box_1 h1:after {
width: 46px;
height: 1px;
border-bottom: 2px dashed #0087f6;
position: absolute;
content: "";
right: -31%;
bottom: 22%;
}
.works_box .work_box .box_2:before {
width: 60px;
height: 1px;
border-bottom: 2px dashed #0087f6;
position: absolute;
content: "";
right: -18%;
bottom: 12%;
}
.works_box .work_box .box_2:after {
height: 100px;
width: 0px;
border-right: 2px dashed #0087f6;
content: "";
position: absolute;
right: -18%;
top: 10%;
}
.works_box .work_box .box_2 h1:after {
width: 46px;
height: 1px;
border-bottom: 2px dashed #0087f6;
position: absolute;
content: "";
right: -31%;
top: 9%;
}
.works_box .work_box .box_3:before {
width: 60px;
height: 1px;
border-bottom: 2px dashed #0087f6;
position: absolute;
content: "";
left: -18%;
}
.works_box .work_box .box_3:after {
height: 100px;
width: 0px;
border-right: 2px dashed #0087f6;
content: "";
position: absolute;
left: -18%;
top: 10%;
}
.works_box .work_box .box_3 h1:after {
width: 46px;
height: 1px;
border-bottom: 2px dashed #0087f6;
position: absolute;
content: "";
left: -31%;
bottom: 22%;
}
.works_box .work_box .box_4:before {
width: 60px;
height: 1px;
border-bottom: 2px dashed #0087f6;
position: absolute;
content: "";
left: -18%;
bottom: 12%;
}
.works_box .work_box .box_4:after {
height: 100px;
width: 0px;
border-right: 2px dashed #0087f6;
content: "";
position: absolute;
left: -18%;
top: 22%;
}
.works_box .work_box .box_4 h1:after {
width: 46px;
height: 1px;
border-bottom: 2px dashed #0087f6;
position: absolute;
content: "";
left: -31%;
top: 22%;
}
.works_box .work_box .box_1 span {
color: #fff;
background: #0087f6;
width: 30px;
float: left;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
position: absolute;
right: -38%;
bottom: 12%;
}
.works_box .work_box .box_2 span {
color: #fff;
background: #0087f6;
width: 30px;
float: left;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
position: absolute;
right: -38%;
top: -3%;
}
.works_box .work_box .box_3 span {
color: #fff;
background: #0087f6;
width: 30px;
float: left;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
position: absolute;
left: -38%;
bottom: 13%;
}
.works_box .work_box .box_4 span {
color: #fff;
background: #0087f6;
width: 30px;
float: left;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
position: absolute;
left: -38%;
top: 11%;
}
.page-title {
font-size: 60px;
}
.boost_box ul {
padding: 0;
margin: 0;
display: flex;
justify-content: space-between;
list-style: none;
}
.boost_box ul a {
color: #fff;
text-decoration: none;
transition: .5s;
}
.boost_box ul li:hover,
.boost_box ul li.active {
transition: .5s;
background: #0087f6;
}
.boost_box ul li {
transition: .5s;
background: #080f1b;
padding: 10px;
border-radius: 10px;
}
.item_box {
border-radius: 15px;
overflow: hidden;
background: #080f1b;
color: #fff;
width: 100%;
float: left;
margin-bottom: 10%;
}
.item_box .item_banner {
height: 214px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 15px;
background-position: center;
}
.item_box .item_banner h2 {
font-size: 35px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
}
.item_box .item_banner h1 {
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
font-size: 60px;
}
.item_box .item_content {
padding: 15px;
float: left;
width: 100%;
}
.item_box .item_content h4 {
font-size: 18px;
color: #ffffff;
font-weight: 600;
margin-bottom: 20px;
height: 35px;
display: flex;
align-items: center;
}
.item_box .item_content span.item_price {
width: 100%;
float: left;
font-size: 24px;
font-weight: 600;
font-family: 'poppins';
color: #0087f6;
}
.item_box .item_content a {
color: #fff;
text-decoration: none;
padding: 10px;
background: #2c82f6;
float: left;
border-radius: 10px;
font-size: 12px;
margin-top: 10px;
border: 1px solid #2c82f6;
transition: .5s;
}
.item_box .item_content a:hover {
transition: .5s;
background: transparent;
}
.sec_sub_title {
font-size: 30px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
margin-top: 45px;
margin-bottom: 25px;
text-align: left;
}
.accounting_banner .rating_stars {
padding: 0;
margin: 0;
list-style: none;
display: flex;
margin-bottom: 20px;
}
.accounting_banner .rating_stars li {
margin-right: 10px;
font-size: 30px;
color: #fcb040;
}
.accounting_banner .banner_blue_sec {
display: flex;
}
.accounting_banner .banner_blue_sec .box {
display: flex;
align-items: center;
margin-right: 20px;
padding: 10px;
background: #0087f6;
color: #fff;
}
.accounting_banner .banner_blue_sec .box h1,
.accounting_banner .banner_blue_sec .box p {
margin: 0;
}
.accounting_banner .banner_blue_sec .box h1 {
margin-right: 20px;
font-family: 'oswald';
font-size: 30px;
text-shadow: 0px 5px #091d3e99;
}
.accounting_banner {
padding: 20px;
background-size: cover;
border-radius: 15px;
}
.accounting_banner .content h1 {
margin-top: 0;
}
.item_sec h1 {
margin: 10px 0px 30px 0px;
}
.item_sec {
padding: 20px;
background: #080f1b;
margin: 50px 0px;
border-radius: 20px;
color: #fff;
}
.you_get_sec_box {
display: flex;
align-items: center;
color: #fff;
margin-bottom: 20px;
background: #162637;
padding: 20px;
border-radius: 20px;
}
.you_get_sec_box h1 {
margin: 0;
font-size: 25px;
font-family: 'oswald';
}
.you_get_sec_box p {
margin: 0;
}
.you_get_sec_box .content {
margin-left: 10px;
}
.progress_sec .progress_bar {
width: 80%;
margin: 30px auto;
}
.progress_sec .progress_bar h1 {
text-align: center;
font-size: 23px;
color: #fff;
margin-bottom: 20px;
}
.progress_sec .progress_bar ul {
list-style: none;
display: flex;
color: #fff;
justify-content: space-between;
padding: 0;
}
.progress_sec .progress_bar ul li {
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
}
.progress_sec .progress_bar ul li span {
width: 30px;
height: 30px;
background: #0087f6;
text-align: center;
margin-bottom: 20%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100px;
font-family: 'oswald';
font-size: 13px;
position: relative;
z-index: 9999;
}
.progress_sec .progress_bar ul li span:after {
content: "";
background: #2c81f6;
width: 10px;
height: 10px;
position: absolute;
transform: rotate(45deg);
bottom: -12%;
}
.progress_sec {
background: #080f1b;
padding: 20px;
margin: 50px 0px;
border-radius: 20px;
}
.text-progress {
width: 100%;
height: 20px;
background: #ccc;
border-radius: 20px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: flex-start;
}
.text-progress .overlay {
background: #0087f6;
width: 0;
overflow: hidden;
border-radius: 20px;
box-shadow: 10px 0px 10px #00000069;
}
.text-progress span {
width: 100%;
/* float: left; */
height: 20px;
display: block;
border-radius: 20px;
}
.checkbox div {
text-align: center;
}
.checkbox input {
display: block;
opacity: 0;
}
.checkbox label {
position: relative;
width: 48px;
height: 32px;
display: inline-block;
background: #080f1b;
border-radius: 30px;
cursor: pointer;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.checkbox label:after {
content: "";
position: absolute;
left: 5px;
top: 8px;
width: 15px;
height: 15px;
background: #FFF;
border-radius: 50%;
right: 19px;
}
.checkbox input:checked+label {
background: #0087f6;
transition: 1s;
}
.checkbox input:checked+label:after {
left: auto;
right: 5px;
}
.checkbox_btn_sec .checkbox {
display: flex;
align-items: center;
margin-bottom: 20px;
background: #162637;
border-radius: 20px;
height: 80px;
}
.checkbox_btn_sec .checkbox h1 {
margin: 0;
font-size: 20px;
height: fit-content;
color: #fff;
font-family: 'oswald';
}
.checkbox_btn_sec .checkbox_2 {}
.checkbox_btn_sec .checkbox_2 .checkbox {
display: flex;
justify-content: center;
background: #0087f6;
}
.your_order {
background: #0087f6;
padding: 20px;
border-radius: 20px;
}
.your_order h2 {
margin-top: 0;
margin-bottom: 40px;
}
.your_order .dark_bg h1 {
color: #fff;
font-size: 16px;
}
body,
html {
font-family: poppins !important;
}
body {
background: url(../images/body-background.png) no-repeat;
background-size: cover;
background-position: bottom center;
}
a:hover,
a:active {
text-decoration: none !important;
}
a {
transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
}
#return-to-top {
position: fixed;
bottom: 20px;
right: 20px;
background: #0087f6;
width: 50px;
height: 50px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 9999;
line-height: 50px;
text-align: center;
color: #fff;
font-size: 25px;
}
#return-to-top i {
color: #fff;
margin: 0;
position: relative;
font-size: 19px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
color: #fff;
top: 5px;
}
nav.nav1 {
display: none;
}
/*----------------------------------------Push Navigation---------------------------------*/
div#menuoverlay {
display: none;
}
a#hamburg {
position: fixed;
top: 0px;
left: 10px;
width: 40px;
height: 40px;
z-index: 9;
text-align: center;
color: white;
display: none;
transition: all ease-out 0.3s;
}
a#hamburg i {
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.nav1 {
transition: all ease-out 0.3s;
display: none;
}
.nav1 a {
color: #000;
}
.nav1 ul {
margin: 0;
padding: 0;
background-color: #303030;
}
.nav1 ul li {
display: inline-block;
position: relative;
padding: 10px 20px !important;
}
.nav1 ul li>a {
display: inline-block;
padding: 10px;
}
.nav1 ul li>a>i {
margin-left: 15px;
transition: all ease-out 0.3s;
-webkit-transition: all ease-out 0.1s;
}
.nav1 ul li ul {
display: none;
position: absolute;
top: 38px;
background: #222;
width: 200px;
text-align: left;
}
.nav1 .search-nav,
.nav1 .title {
display: none;
}
.nav1 ul li ul li {
display: block;
}
.nav1 ul li ul li a {
display: block;
}
.nav1 ul li:hover>a {
color: #000;
text-decoration: none;
}
.nav1 ul li:hover>a>i {
transform: rotateZ(90deg);
-webkit-transform: rotateZ(90deg);
}
.nav1 ul li:hover ul {
display: block;
}
.nav1 span.marrow {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #fff;
float: right;
height: 0;
margin: 8px 0 0 8px;
width: 0;
}
.nav1 ul li.open span.marrow {
border-left: 5px solid transparent;
border-top: 0;
border-right: 5px solid transparent;
border-bottom: 5px solid #fff;
}
@media screen and (max-width: 1024px) {
.slider .item .carousel-caption {
top: 80px;
}
.slider-text h3 {
font-size: 40px;
}
.slider-text p {
font-size: 16px;
margin-bottom: 25px;
}
.slider-text .form-group label {
font-size: 12px;
}
}
.open-menu .nav-cross:before {
content: "X";
position: absolute;
z-index: -1;
font-size: 25px;
}
@media screen and (max-width: 767px) {
.logo-bar nav {
display: none !important;
}
a#hamburg {
display: block;
}
main {
transition: all ease-out 0.3s;
}
.nav1 .row {
margin: 0px;
}
.nav1 {
background-color: #fff;
box-shadow: -2px 0 10px #999 inset;
display: block;
height: 100%;
left: 0;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
transform: translateX(-250px);
-webkit-transform: translateX(-250px);
width: 250px;
}
.nav1 .search-nav,
.nav1 .title {
display: block;
}
.nav1 .search-nav input {
border: 1px solid #2c313f;
background-color: rgba(255, 255, 255, 0.2);
padding: 5px;
width: 100%;
color: #000;
margin: 10px 0;
}
.nav1 .search-nav input[type="submit"] {
background: url("images/search-icon.png") no-repeat scroll center center;
border: 0;
width: auto;
font-size: 0;
height: 16px;
position: absolute;
right: 7px;
top: 8px;
width: 16px;
filter: invert(100%);
}
.nav1 .title {
background: #000;
color: #fff;
font-size: 14px;
margin: 0 -15px;
padding: 6px 15px 6px;
}
.search-nav>form {
position: relative;
}
.nav1 ul {
text-align: left;
background-color: transparent;
}
.nav1 ul li {
display: block;
border-bottom: 1px solid #999;
}
.nav1 ul li a {
display: block;
padding: 10px 0;
}
.nav1 ul li:hover>a {
color: #000;
}
.nav1 ul li a>i {
float: right;
}
.nav1 ul li ul {
display: none;
position: static;
width: 100%;
background-color: transparent;
padding: 0 10px;
}
.nav1 ul li:hover>ul {
display: none;
}
.nav1 ul li:hover>a>i {
transform: rotateZ(0);
-webkit-transform: rotateZ(0);
}
.nav1 ul li.open>a {
background-color: transparent;
}
.nav1 ul li.open>a>i {
transform: rotateZ(90deg);
-webkit-transform: rotateZ(90deg);
}
.nav1 ul li.open>ul {
display: block;
}
div#menuoverlay {
display: block;
visibility: hidden;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: all ease-out 0.3s;
z-index: 1;
opacity: 0;
}
html.open-menu {
overflow: hidden;
}
html.open-menu div#menuoverlay {
visibility: visible;
background: rgba(0, 0, 0, 0.5);
min-height: 100vh;
width: 100% !important;
opacity: 1;
width: calc(-150%);
left: 250px;
}
html.open-menu a#hamburg {
transform: translateX(250px);
-webkit-transform: translateX(250px);
z-index: 999;
}
html.open-menu main {
transform: translateX(250px);
-webkit-transform: translateX(250px);
}
html.open-menu nav.nav1 {
z-index: 3;
transform: translateX(0);
-webkit-transform: translateX(0);
}
.menu-main-menu-container ul ul ul li a {
padding: 5px;
}
ul li.has-subnav .accordion-btn {
color: #000;
font-size: 24px;
width: 20px !important;
float: right;
line-height: inherit !important;
}
.nav1 ul li:last-child {
border: 0;
}
.nav-cross.open>span {
background: #fff;
}
/*---------------------Hamberg Icon --------------------------------------------- */
.nav-cross {
width: 24px;
height: 40px;
position: relative;
margin: 0px auto;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: .5s ease-in-out;
cursor: pointer;
}
.nav-cross span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #fff;
opacity: 1;
left: 0;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: .25s ease-in-out;
}
.open-menu .nav-cross span {
display: none;
}
#nav-icon1 span:nth-child(1) {
top: 0px;
}
#nav-icon1 span:nth-child(2) {
top: 18px;
}
#nav-icon1 span:nth-child(3) {
top: 36px;
}
#nav-icon1.open span:nth-child(1) {
top: 18px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}
#nav-icon1.open span:nth-child(3) {
top: 18px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.nav-cross span:nth-child(1) {
top: 12px;
transform-origin: left center;
-webkit-transform-origin: left center;
}
.nav-cross span:nth-child(2) {
top: 20px;
transform-origin: left center;
-webkit-transform-origin: left center;
}
.nav-cross span:nth-child(3) {
top: 28px;
transform-origin: left center;
-webkit-transform-origin: left center;
}
.nav-cross.open span:nth-child(1) {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
top: 11px;
left: 4px;
}
.nav-cross.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
.nav-cross.open span:nth-child(3) {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
top: 28px;
left: 4px;
}
}
body::-webkit-scrollbar {
width: 8px;
}
.logo a {
display: inline-block;
}
.top-right-nav-btn {
text-align: right;
}
.nav-list {
display: inline-block;
}
.top-btns {
display: inline-block;
}
.top-register-btn {
display: inline-block;
}
.nav-list ul {
margin: 0px;
padding: 0px;
}
.nav-list ul li {
display: inline-block;
font-size: 14px;
margin-right: 30px;
}
.nav-list ul li a {
text-decoration: none;
color: #56677c;
padding-left: 5px;
padding-right: 5px;
position: relative;
}
.nav-list ul li a:hover,
.nav-list ul li a:active,
.nav-list ul li a:focus,
.nav-list ul li.active a {
color: #ffffff;
}
.nav-list ul li a:after {
content: "";
position: absolute;
bottom: -26px;
width: 100%;
height: 2px;
background-color: #0087f6;
left: 0;
visibility: hidden;
}
.nav-list ul li a:hover:after,
.nav-list ul li a:active:after,
.nav-list ul li a:focus:after,
.nav-list ul li.active a:after {
visibility: visible;
}
.top-btns ul {
margin: 0px;
padding: 0px;
}
.top-btns ul li a {
display: inline-block;
width: 45px;
height: 45px;
text-align: center;
line-height: 44px;
background-color: #172538;
border-radius: 10px;
border: 1px solid #253144;
color: #445367;
text-decoration: none !important;
}
.top-btns ul li a:hover {
color: #fff;
}
.top-btns ul li.dropdown .dropdown-menu li {
width: 100%;
margin: 0;
}
.top-btns ul li.dropdown .dropdown-menu {
width: 100%;
left: 0 !important;
right: 0 !important;
margin: auto !important;
min-width: auto;
background-color: #172538;
}
.top-btns ul li.dropdown .dropdown-menu a {
display: block;
padding: 0;
border-radius: 0;
border-left: 0;
border-right: 0;
}
.top-btns ul li {
display: inline-block;
margin-left: 10px;
}
.top-register-btn a {
display: inline-block;
width: 110px;
text-decoration: none;
background-color: #0087f6;
color: #fff;
border-radius: 10px;
margin-left: 10px;
font-size: 14px;
height: 45px;
text-align: center;
line-height: 45px;
}
.top-register-btn {
display: inline-block;
}
.searchbox input[type="search"] {
width: 100%;
height: 45px;
border-radius: 10px;
border: 1px solid #253144;
font-size: 14px;
color: #ffff;
padding-left: 40px;
padding-right: 10px;
background: url(../images/search-icon.png) no-repeat #202e42;
background-position: 10px 13px;
}
.logo {
padding-top: 11px;
position: relative;
}
.topbar {
padding-top: 10px;
padding-bottom: 12px;
border-bottom: 1px solid #253144;
}
.top-btns ul li a:hover {
background-color: #0087f6;
}
.top-btns ul li a:hover img {
filter: brightness(0) invert(1);
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.sidebar-info {
padding-top: 60px;
border-right: 1px solid #253144;
height: 100%;
}
.sidebar-nav h3 {
position: relative;
margin: 0px 0px 20px;
font-size: 14px;
color: #56677c;
padding: 15px 45px 15px 30px;
background-color: #162133;
}
body::-webkit-scrollbar-thumb {
background-color: #0087f6;
outline: 1px solid #0087f6;
}
::-moz-selection {
/* Code for Firefox */
color: #fff;
background: #0087f6;
}
::selection {
color: #fff;
background: #0087f6;
}
.sidebar-nav h3 img {
position: absolute;
left: 0;
top: 15px;
}
.count-show {
position: absolute;
right: 15px;
top: 15px;
font-size: 10px;
color: #0087f6;
background-color: #15314e;
padding: 3px 8px;
border-radius: 10px;
}
.logo:after {
content: "";
position: absolute;
width: 1px;
height: 70px;
background-color: #253144;
right: 0;
top: -10px;
}
.sidebar-nav ul {
margin: 0px;
padding: 0px;
}
.sidebar-nav ul li {
display: block;
margin-bottom: 20px;
padding: 5px 30px;
position: relative;
}
.sidebar-nav ul li a {
text-decoration: none;
}
.sidebar-nav ul li a {
display: inline-block;
font-size: 14px;
color: #56677c;
}
.sidebar-nav ul li a img {
position: absolute;
left: 0;
top: 11px;
}
.sidebar-nav ul li a:hover,
.sidebar-nav ul li a:active,
.sidebar-nav ul li a:focus {
color: #0087f6;
}
.sidebar-nav h3:after {
content: "";
position: absolute;
right: -2.5px;
width: 4px;
height: 25px;
background-color: #0087f6;
top: 12px;
}
.sidebar-detail ul {
margin: 0px;
padding: 0px;
}
.sidebar-detail ul li {
display: block;
}
.sidebar-detail ul li a {
text-decoration: none;
padding: 8px 10px 8px 34px;
position: relative;
margin-bottom: 20px;
display: block;
font-size: 14px;
color: #56677c;
border-radius: 8px;
}
.sidebar-detail {
padding: 22px 8px 12px;
background-color: #080f1b;
border-radius: 10px;
margin-right: 10px;
margin-top: 49px;
}
.sidebar-detail ul li a img {
position: absolute;
left: 10px;
top: 11px;
}
.sidebar-detail ul li a:hover,
.sidebar-detail ul li a:active .sidebar-detail ul li a:focus {
background-color: #172030;
}
.main-content-info {
padding-top: 50px;
padding-bottom: 65px;
}
.banner-bx {
background: url(../images/banner-bg.png) no-repeat;
background-size: cover;
padding: 80px 45px;
margin-bottom: 50px;
border: 1px solid #253144;
border-radius: 8px;
box-shadow: 70px 60px 100px -60px rgb(0 135 246 / 60%);
}
.banner-bx h2 {
font-size: 55px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
margin-bottom: 18px;
}
.banner-bx h4 {
margin: 0px;
font-size: 20px;
color: #0087f6;
font-weight: 600;
}
.enjoy-bx h2 {
font-size: 30px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
}
.top-register-btn a:hover,
.top-register-btn a:active,
.top-register-btn a:focus {
background-color: #fff;
color: #0087f6;
}
.searchbox input[type="search"]::-webkit-input-placeholder {
color: #56677c;
opacity: 1;
}
.searchbox input[type="search"]:-moz-placeholder {
color: #56677c;
opacity: 1;
}
.searchbox input[type="search"]::-moz-placeholder {
color: #56677c;
opacity: 1;
}
.searchbox input[type="search"]:-ms-input-placeholder {
color: #56677c;
opacity: 1;
}
.enjoy-bx ul {
margin: 0px;
padding: 0px;
display: inline-block;
width: 100%;
}
/* .enjoy-bx ul li {
width: 20%;
float: left;
padding-right: 15px;
margin-top: 35px;
} */
.enjoy-bx {
display: inline-block;
width: 100%;
}
.enjoy-bx ul li a {
display: block;
}
.games-box {
position: relative;
}
.games-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px 12px 12px 12px;
background-color: #060c16;
border-radius: 0px 0px 10px 10px;
}
.games-info h3 {
font-weight: 600;
font-size: 14px;
color: #fffeff;
margin-bottom: 5px;
}
.games-info .price-meta {
font-weight: 600;
color: #ffd200;
font-size: 12px;
}
.whyuse-bx {
padding-top: 90px;
display: inline-block;
width: 100%;
}
.whyuse-bx h2 {
text-align: center;
font-size: 42px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
margin-bottom: 82px;
}
.whyuse-bx ul {
padding: 0px;
margin: 0px;
display: inline-block;
width: 100%;
}
.whyuse-bx ul li {
width: 25%;
float: left;
border-bottom: 1px solid #253144;
vertical-align: top;
padding-bottom: 40px;
position: relative;
}
.whyuse-desc h3 {
font-size: 18px;
color: #ffffff;
font-weight: 600;
margin-bottom: 20px;
}
.whyuse-thumb {
margin-left: -42px;
}
.whyuse-desc p {
color: #797e85;
font-size: 14px;
font-weight: 300;
}
.whyuse-bx ul li:after {
content: "";
position: absolute;
bottom: -1px;
width: 100%;
height: 2px;
left: 0;
background-color: #008cff;
visibility: hidden;
}
.whyuse-bx ul li:hover:after,
.whyuse-bx ul li:first-child:after {
visibility: visible;
}
.deals-bx {
margin-top: 85px;
}
.deals-bx h2 {
font-size: 42px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
}
.deals-info {
margin-top: 80px;
padding: 65px 25px 45px;
background-size: 100% 100% !important;
}
.deals-info h3 {
font-size: 30px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
}
.deals-info h4 {
font-size: 18px;
color: #ffd200;
font-weight: 600;
}
.deals-info .price-meta-deals {
font-weight: 600;
color: #fffeff;
font-size: 14px;
}
.btn-deals {
margin-top: 165px;
}
.btn-deals a {
text-decoration: none;
width: 110px;
height: 42px;
text-align: center;
display: inline-block;
font-size: 14px;
color: #0b1320;
background-color: #ffd200;
line-height: 42px;
border-radius: 10px;
font-weight: 600;
}
.deals-info.deals-2 h4 {
color: #28f7ce;
}
.deals-info.deals-2 .btn-deals a {
background-color: #28f7ce;
}
.deals-info.deals-3 h4 {
color: #0078ff;
}
.deals-info.deals-3 .btn-deals a {
background-color: #008cff;
color: #fff;
}
.about-bx {
padding: 116px 0px 140px;
position: relative;
}
.about-bx h2 {
margin-top: 115px;
font-size: 42px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
margin-bottom: 30px;
}
.about-bx p {
font-weight: 300;
color: #797e85;
font-size: 16px;
margin-bottom: 30px;
}
.widget-bx {
padding: 85px 0px 50px;
position: relative;
}
.f-logo a {
display: inline-block;
}
.f-logo p {
display: block;
margin: 25px 0px 0px;
font-weight: 300;
color: #7a7e84;
font-size: 14px;
}
.f-nav h2 {
font-size: 24px;
color: #ffffff;
font-family: oswald;
font-weight: 700;
margin-bottom: 25px;
}
.f-nav ul {
margin: 0px;
padding: 0px;
}
.f-nav ul li {
display: block;
}
.f-nav ul li a {
display: inline-block;
text-decoration: none;
font-weight: 300;
font-size: 14px;
margin-bottom: 5px;
color: #7a7e84;
}
.f-nav ul li a:hover,
.f-nav ul li a:active,
.f-nav ul li a:focus {
color: #0087f6;
}
.copyright-bx p {
margin: 0px;
text-align: center;
font-weight: 300;
color: #7a7e84;
font-size: 16px;
}
.copyright-bx {
border-top: 1px solid #253144;
padding: 30px 0px;
}
.review-bx h2 {
font-size: 42px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
margin-bottom: 48px;
}
.review-detail {
padding: 18px 27px 15px;
background-color: #162637;
border-radius: 15px;
box-shadow: 0px 41px 87px -60px rgb(0 135 246 / 60%);
}
.thumb-bx img {
width: 79px !important;
height: 79px;
border-radius: 100%;
}
.review-title {
position: relative;
padding-left: 95px;
padding-top: 10px;
margin-bottom: 45px;
}
.thumb-bx {
position: absolute;
left: 0;
top: 0;
}
.rating-bx img {
width: auto !important;
display: inline-block !important;
}
.review-title h3 {
font-size: 18px;
color: #ffffff;
font-weight: 500;
margin-bottom: 0px;
line-height: normal;
}
.review-detail p {
color: #797e85;
font-size: 16px;
}
.review-slider .owl-item {
padding-bottom: 70px;
}
.review-slider .owl-item.center .review-detail {
box-shadow: 0px 0px !important;
}
.faq-bx h2,
.sec_title {
text-align: center;
font-size: 42px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
margin-top: 45px;
margin-bottom: 59px;
}
#accordion .card {
margin-bottom: 15px;
background-color: #162637;
}
#accordion .card .card-header {
padding: 0px;
}
#accordion .card .card-header a {
padding: 0px;
display: block;
overflow: hidden;
height: 70px;
font-size: 18px;
color: #fffeff;
text-align: left;
line-height: 70px;
font-weight: 600;
padding-left: 20px;
padding-right: 50px;
border-bottom: 1px solid #253144;
position: relative;
}
#accordion .card .card-body {
font-weight: 300;
color: #797e85;
font-size: 14px;
}
#accordion .card .card-header a:focus {
outline: none !important;
box-shadow: 0px 0px;
}
#accordion .card-header a.btn.collapsed:after {
content: "\f13a";
font-family: 'FontAwesome';
position: absolute;
right: 20px;
color: #0087f6;
font-size: 30px;
top: 0;
}
#accordion .card-header a.btn:before {
content: "\f139";
font-family: 'FontAwesome';
position: absolute;
right: 20px;
color: #0087f6;
font-size: 30px;
}
#accordion .card-header a.btn.collapsed:before {
display: none;
}
.widget-bx:before {
content: "";
position: absolute;
width: 90%;
height: 1px;
background-color: #56677c;
left: 0;
right: 0;
top: 0;
margin: 0 auto;
}
.faq-bx {
margin-bottom: 143px;
}
.enjoy-bx ul li:nth-child(1) {
box-shadow: 0px 41px 87px -60px #8c69fb;
}
.enjoy-bx ul li:nth-child(4) {
box-shadow: 0px 41px 87px -60px #00b679;
}
.ab-thumb {
position: absolute;
top: 0;
left: -190px;
}
.enjoy-bx ul li:nth-child(2) {
box-shadow: 0px 41px 87px -60px #f5c035;
}
.enjoy-bx ul li:nth-child(3) {
box-shadow: 0px 41px 87px -60px #0fd1ff;
}
.enjoy-bx ul li:nth-child(5) {
box-shadow: 0px 41px 87px -60px #a7228f;
}
.faq-bx {
margin-bottom: 55px;
}
.f-nav {
margin-top: 25px;
}
/*dashboard admin css*/
.sid-profile-bx {
position: relative;
}
.sid-profile-bx img {
width: 50px;
height: 50px;
border-radius: 100%;
object-fit: cover;
object-position: top;
position: absolute;
left: 0;
top: 0;
}
.sid-profile-bx {
padding: 10px 0px 10px 55px;
margin-bottom: 22px;
}
.sid-profile-bx h3 {
font-size: 14px;
color: #fffeff;
margin-bottom: 0px;
}
.sid-profile-bx h4 {
font-size: 12px;
color: #56677c;
}
.sidebar-info.inner-dash .sidebar-detail h3 {
font-size: 14px;
color: #56677c;
margin-bottom: 20px;
}
.sidebar-info.inner-dash .sidebar-detail ul li i {
position: absolute;
left: 3px;
top: 12px;
}
.sidebar-info.inner-dash .sidebar-detail ul li a {
padding: 8px 2px 8px 20px;
font-size: 12px;
}
.sidebar-info.inner-dash .sidebar-detail ul li:nth-child(1) a {
background-color: #172030;
}
.purple-color {
color: #6d109a;
}
.yellow-color {
color: #f7e041;
}
.green-color {
color: #01e4a8;
}
.blue-color {
color: #008cff;
}
.red-color {
color: #ff3434;
}
.sky-color {
color: #00baff;
}
.approved-bx {
background: #070d1b;
padding: 25px 30px 15px;
border-radius: 20px;
}
.approved-bx h2 {
font-size: 16px;
color: #fffeff;
font-family: oswald;
margin-bottom: 27px;
}
.approved-bx h2 img {
vertical-align: bottom;
}
.table-app thead tr th {
background-color: #008cff;
border-color: inherit;
border-style: unset !important;
border-width: unset !important;
}
.table-app thead tr th:first-child {
border-radius: 10px 0px 0px 10px;
}
.table-app thead tr th:last-child {
border-radius: 0px 10px 10px 0px;
}
.table-app thead tr th {
color: #ffffff;
font-size: 12px;
font-weight: 400;
}
.table-app tbody {
border: 0px !important;
}
.table-app tbody tr td {
border: 0px !important;
}
.table-app tbody tr {
background-color: #162537;
border-top: 15px solid #070d1b;
}
.table-app tbody tr td:first-child {
border-radius: 10px 0px 0px 10px;
background-color: #162537;
}
.table-app tbody tr td:last-child {
border-radius: 0px 10px 10px 0px;
background-color: #162537;
}
.table-app thead tr {
margin-bottom: 15px;
}
.table-app tbody tr td {
color: #ffffff;
font-weight: 300;
font-size: 12px;
height: 60px;
vertical-align: middle;
}
.bl-check-bx h2 {
font-size: 16px;
color: #fffeff;
font-family: oswald;
margin-bottom: 27px;
}
.bl-check-bx h2 img {
vertical-align: bottom;
}
.balance-alert {
height: 60px;
background-color: #008cff;
text-align: center;
line-height: 60px;
border-radius: 10px;
font-size: 16px;
color: #ffffff;
}
.balance-check-bx {
max-width: 762px;
margin: 45px auto 0px;
background-color: #080f1b;
border-radius: 10px;
padding: 35px 30px 40px;
}
.balance-check-bx h3 {
text-align: center;
font-size: 20px;
color: #fffeff;
font-family: oswald;
margin-bottom: 15px;
}
.balance-check-bx h4 {
font-size: 16px;
color: #ffffff;
text-align: center;
font-weight: 400;
margin-bottom: 22px;
}
.balance-check-bx p {
text-align: center;
color: #75777b;
font-size: 13px;
margin-bottom: 39px;
}
.balance-input {
background-color: #162637;
border-radius: 10px;
padding: 30px 15px 15px;
}
.balance-input h5 {
font-size: 16px;
color: #ffffff;
text-align: center;
}
.balance-input .balance-amount {
font-size: 18px;
color: #008cff;
text-align: center;
}
.balance-input form label {
width: 100%;
text-align: left;
font-size: 12px;
font-weight: 300;
color: #fff;
}
.balance-input form input[type="number"] {
width: 100%;
border: 0px !important;
border-radius: 3px;
height: 32px;
background-color: #080f1b;
color: #fff;
}
.balance-input form {
text-align: center;
}
.balance-input form input[type="submit"] {
margin-top: 10px;
background-color: #008cff;
border-radius: 5px;
border: 0px !important;
font-weight: 300;
font-size: 12px;
color: #ffffff;
padding: 7px 10px;
}
.balance-input form input[type="submit"]:hover,
.balance-input form input[type="submit"]:active,
.balance-input form input[type="submit"]:focus {
background-color: #000;
color: #008cff;
}
.complete-bx {
padding: 48px 120px 60px;
max-width: 768px;
margin: 90px auto 0px;
text-align: center;
background-color: #080f1b;
border-radius: 5px;
}
.complete-bx .sign-com {
margin-bottom: 25px;
}
.complete-bx p {
font-size: 14px;
color: #ffffff;
line-height: normal;
margin-bottom: 37px;
}
.complete-bx a {
display: inline-block;
text-decoration: none;
padding: 10px 22px;
line-height: normal;
background-color: #0087f6;
color: #ffffff;
border-radius: 5px;
font-size: 14px;
}
.complete-bx a:hover {
color: #0087f6;
background-color: #000;
}
.ac-btn a {
text-decoration: none;
text-align: center;
padding: 10px 25px;
line-height: normal;
background-color: #008cff;
border-radius: 5px;
font-size: 12px;
color: #ffffff;
}
.ac-btn a:hover,
.ac-btn a:active,
.ac-btn a:focus {
color: #008cff;
background-color: #000;
}
.ac-btn a {
position: relative;
}
.ac-btn a span.count-chat {
position: absolute;
top: -8px;
right: -17px;
width: 25px;
height: 25px;
background-color: #ff0000;
border-radius: 100%;
line-height: 25px;
font-size: 12px;
color: #ffffff;
}
.dash-myacc {
max-width: 794px;
margin: 0 auto;
}
.dash-myacc h2 {
text-align: center;
font-size: 16px;
color: #fffeff;
font-family: 'oswald';
margin-bottom: 31px;
}
.dash-myacc h2 i {
color: #0087f6;
font-size: 20px;
}
.dash-myacc .dash-acc-bx {
background-color: #080f1b;
border-radius: 20px;
padding: 45px;
}
.dash-myacc .dash-acc-bx h3 {
font-size: 14px;
color: #fffeff;
font-family: 'oswald';
margin-bottom: 12px;
border-bottom: 1px solid #212c3f;
padding-bottom: 15px;
}
.dash-myacc .dash-acc-bx h4 {
font-size: 12px;
color: #fffeff;
font-weight: 400;
}
.dash-myacc .dash-acc-bx h4 a {
color: #fffeff;
text-decoration: none;
}
.dash-myacc .dash-acc-bx form {
margin-top: 27px;
}
.dash-myacc .dash-acc-bx form label {
width: 100%;
display: block;
color: #56677c;
font-size: 12px;
font-weight: 300;
margin-bottom: 15px;
}
.dash-myacc .dash-acc-bx form input[type="number"],
.dash-myacc .dash-acc-bx form input[type="time"] {
width: 100%;
height: 32px;
background-color: #172030;
border: 0px !important;
border-radius: 5px;
color: #fff;
padding: 5px;
font-size: 14px;
}
.cart-pay {
text-align: center;
padding-top: 35px;
padding-bottom: 35px;
margin-bottom: 23px;
background-color: #080f1b;
border-radius: 10px;
}
.cart-pay h2 {
font-size: 24px;
color: #fffeff;
font-family: Oswald;
margin-bottom: 10px;
}
.cart-pay h4 {
margin-bottom: 0px;
font-size: 12px;
font-weight: 300;
color: #ffffff;
}
.payments-icons {
text-align: center;
}
.payments-icon-bx {
background-color: #162637;
height: 125px;
border-radius: 5px;
}
.payments-icon-bx img {
margin-top: 10px;
}
.right-pay-icon {
padding-top: 40px;
}
.pay-game {
margin: 25px 0px;
}
.pay-game a {
display: block;
text-align: center;
text-decoration: none;
background-color: #008afe;
border-radius: 10px;
padding-top: 15px;
padding-bottom: 15px;
line-height: normal;
font-size: 24px;
color: #fffeff;
font-family: Oswald;
}
.pay-list {
background-color: #080f1b;
border-radius: 10px;
padding: 18px 25px;
position: relative;
margin-bottom: 20px;
}
.left-variant {
display: inline-block;
position: relative;
padding-left: 70px;
padding-right: 110px;
}
.left-variant img {
position: absolute;
left: 0;
}
.left-variant h3 {
font-size: 14px;
color: #ffffff;
margin-bottom: 5px;
font-weight: 300;
}
.left-variant h4 {
margin: 0px;
padding: 10px 15px;
background-color: #2a1723;
border-radius: 5px;
font-size: 12px;
color: #fc4557;
font-weight: 400;
}
.right-variant {
right: 42px;
position: absolute;
top: 27px;
}
.right-variant h5 {
display: inline-block;
vertical-align: middle;
margin-right: 14px;
color: #ffffff;
font-size: 14px;
font-weight: 300;
margin-bottom: 0px;
}
.right-variant a {
display: inline-block;
}
.pg1-info {
padding: 55px 15px 25px;
position: relative;
background-color: #162637;
border-radius: 20px;
}
.pg1-info img {
position: absolute;
right: 17px;
top: 40px;
}
.pg1-info h3 {
font-family: Oswald;
color: #fff;
font-size: 22px;
margin-bottom: 15px;
}
.pg1-info h4 {
font-size: 11px;
color: #ffd200;
padding: 5px 10px;
text-align: center;
display: inline-block;
margin-bottom: 0px;
background-color: #373e2f;
border-radius: 5px;
}
.yellow-pg1-bx {
box-shadow: 5px 45px 50px -42px #ffd200;
}
.green-pg1-bx h4 {
color: #22fdd8;
background-color: #18444e;
}
.green-pg1-bx {
box-shadow: 5px 45px 50px -42px #1ceed8;
}
.blue-pg1-bx h4 {
color: #008cff;
background-color: #133453;
}
.blue-pg1-bx {
box-shadow: 5px 45px 50px -42px #008cff;
}
.red-pg1-bx {
box-shadow: 5px 45px 50px -42px #ff3434;
}
.red-pg1-bx h4 {
color: #ff3434;
background-color: #372837;
}
.withdraw-pg1 {
margin-top: 57px;
margin-bottom: 27px;
padding: 25px 30px;
background-color: #080f1b;
border-radius: 15px;
}
.withdraw-pg1 a.left-link {
text-decoration: none;
padding: 7px 22px;
color: #ffae00;
background-color: #2b2517;
border-radius: 5px;
font-size: 13px;
font-weight: 300;
}
.withdraw-pg1 a.right-link {
float: right;
text-decoration: none;
display: inline-block;
color: #008cff;
padding: 7px 22px;
background-color: #07213b;
border-radius: 5px;
font-size: 13px;
font-weight: 300;
}
.withdaw-dec {
margin-top: 25px;
padding: 25px;
background-color: #162637;
border-radius: 15px;
}
.withdaw-dec h2 {
font-family: 'oswald';
font-size: 16px;
color: #fffeff;
margin-bottom: 10px;
}
.withdaw-dec p {
font-size: 14px;
color: #56677c;
line-height: normal;
}
.booster-bx {
text-align: center;
margin-bottom: 25px;
padding: 18px;
background-color: #080f1b;
border-radius: 15px;
}
.booster-bx h3 {
display: inline-block;
vertical-align: middle;
margin-bottom: 0px;
font-weight: 400;
font-size: 14px;
color: #008cff;
margin-right: 10px;
}
.booster-bx a {
text-decoration: none;
padding: 7px 15px;
line-height: normal;
background-color: #008cff;
border-radius: 5px;
font-size: 14px;
color: #ffffff;
}
.pg1-games {
text-align: center;
}
.pg1-games a {
display: block;
text-decoration: none;
padding: 20px;
font-size: 24px;
font-family: Oswald;
color: #fff;
background-color: #0d3258;
border-radius: 10px;
}
.pg1-icons-bx {
margin-top: 25px;
text-align: center;
background-color: #080f1b;
padding: 30px;
border-radius: 10px;
}
.thakyou-wrap {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.thankyou-txt {
font-size: 24px;
font-weight: 700;
color: #fff;
line-height: 1.4;
}
.thankyou-img {
display: block;
margin: auto auto 25px;
}
.thakyou-content-wrap {
display: flex;
align-content: center;
justify-content: center;
align-items: center;
height: 100%;
}
.blnce-alert {
background-color: #008cff;
border-radius: 10px;
padding: 6px 5px;
color: #fff;
font-size: 16px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
height: 60px;
line-height: 1.4;
margin-bottom: 15px;
}
.warning-box {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
justify-content: flex-start;
background-color: #080f1b;
border-radius: 10px;
margin-bottom: 15px;
height: 60px;
padding: 15px;
box-shadow: 0 10px 10px 0 rgba(66, 112, 236, 5%);
}
.warning-red {
color: #ff0000;
font-weight: 600;
font-size: 16px;
line-height: 1.4;
margin-right: 15px;
font-family: oswald;
}
.warning-txt {
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
color: #fff;
}
.pro-player-link-wrap {
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 75px;
}
.pro-player-link-wrap li {
flex: 0 0 25%;
max-width: 25%;
}
.pro-player-link-wrap li a {
display: block;
text-align: center;
text-decoration: none;
color: #fff;
font-size: 22px;
font-weight: 700;
font-family: 'oswald';
line-height: 1.4;
background-color: #162637;
border-radius: 14px;
padding: 32px 15px;
margin: 0 10px;
}
.pro-player-link-wrap li a:hover,
.pro-player-link-wrap li a:focus,
.pro-player-link-wrap li a.active,
.pro-player-link-wrap li a:focus-visible {
background-color: #0087f6;
}
.dash-acc-label {
color: #ffae00;
font-size: 14px;
background-color: rgba(255, 174, 0, 14%);
padding: 9px 20px;
border-radius: 5px;
width: max-content;
}
.proplayer-box {
background-color: #080f1b;
border-radius: 10px;
padding: 25px;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.order-option-box {
display: flex;
align-content: center;
align-items: center;
margin-bottom: 25px;
}
.order-option-box .form-control {
width: max-content;
background: transparent;
border: 0;
padding: 0;
}
.order-option-box .order-option-id {
font-size: 14px;
font-weight: 700;
color: #fff;
margin: 0 10px 0 0;
line-height: 1.4;
}
.order-option-box select {
background: transparent;
border: 0;
padding: 0;
color: #008cff;
font-size: 14px;
font-weight: 300;
}
.order-option-box select option {
background-color: #000;
color: #0087f6;
}
.piloted-box {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.piloted-txt {
font-size: 14px;
font-weight: 400;
color: #fff;
margin: 0 15px 0 0;
text-decoration: none;
}
.piloted-txt i {
color: #0087f6;
}
a.piloted-txt {
color: #0087f6;
}
.proplayer-box .proplayer-box-left,
.proplayer-box .proplayer-box-right {
flex: 0 0 50%;
max-width: 50%;
}
.order-price {
margin: 0 0 0 auto;
display: block;
width: max-content;
color: #fff;
font-size: 27px;
font-weight: 700;
font-family: 'oswald';
}
.players-order-count {
color: #ffff;
font-size: 14px;
font-weight: 700;
}
.player-profile {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
}
.player-profile .player-level {
font-weight: 700;
color: #fff;
margin: 0 0 0 9px;
font-family: 'oswald';
line-height: 1.4;
font-size: 22px;
}
.player-profile .player-level .player-status {
font-family: 'poppins';
font-weight: 400;
font-size: 18px;
}
.players-order {
margin: 0;
font-size: 16px;
color: #008cff;
}
.proplayer-box-right .btn.btn-primary {
margin-left: auto;
display: block;
width: 180px;
}
.proplayer-title {
font-size: 22px;
font-weight: 700;
color: #fff;
font-family: 'oswald';
margin-bottom: 25px;
line-height: 1.3;
}
.proplayer-box-full {
flex: 0 0 100%;
max-width: 100%;
}
.proplayer-variant-box {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
}
.proplayer-variant-box .btn.btn-primary {
min-width: 115px;
margin-right: 15px;
}
.proplayer-email {
margin: 0;
font-size: 18px;
font-weight: 600;
color: #fff;
}
.proplayer-desc-box {
margin: 25px 0;
}
.proplayer-desc-txt {
margin-bottom: 0;
line-height: 1.4;
font-size: 14px;
color: #fff;
}
.proplayer-desc-txt span {
color: #008cff;
}
.support-btn {
min-width: 150px;
}
.message-notify {
background-color: #172030;
border-radius: 10px;
padding: 12px;
margin-bottom: 20px;
width: 90%;
}
.message-profile {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
}
.message-profile-img {
flex: 0 0 22px;
max-width: 22px;
margin-right: 12px;
}
.message-profile-desc {
flex: 0 0 calc(100% - 34px);
max-width: calc(100% - 34px);
}
.message-profile-txt {
font-size: 14px;
font-weight: 400;
color: #fff;
line-height: 1.4;
border-bottom: 1px solid #008cff;
padding-bottom: 12px;
margin-bottom: 12px;
}
.message-profile-txt.time {
padding-bottom: 0;
border: 0;
text-align: center;
font-weight: 600;
margin-bottom: 0;
}
.message-profile-txt.session {
text-align: center;
}
.message-notify-stream-txt {
margin: 0;
color: #008cff;
font-size: 14px;
font-weight: 600;
display: flex;
align-items: center;
}
.message-notify-stream-txt i {
color: #fff;
font-size: 28px;
margin-right: 10px;
}
.message-box {
background-color: #172030;
border-radius: 10px;
padding: 12px;
margin-bottom: 20px;
}
.message-box-title {
font-size: 14px;
font-weight: 400;
color: #008cff;
margin-bottom: 10px;
line-height: 1.4;
}
.message-box-txt {
font-size: 14px;
color: #fff;
line-height: 1.3;
}
.message-box-date {
font-size: 14px;
font-weight: 400;
color: #008cff;
margin-bottom: 0;
line-height: 1.4;
text-align: right;
}
.message-form .input-group {
background-color: #172030;
border-radius: 100px;
}
.message-form .input-group .form-control {
background-color: transparent;
border: 0;
border-radius: 100px 0 0 100px !important;
height: 45px;
resize: none;
line-height: 33px;
color: rgba(255, 255, 255, 33%);
}
.message-form .input-group .form-control::placeholder {
color: rgba(255, 255, 255, 33%);
}
.message-form #basic-addon1 {
width: 27px;
height: 27px;
border-radius: 100px;
border: 0;
background-color: #0087f6;
text-align: center;
margin-right: 12px;
margin-top: 9px;
color: #000;
}
.message-form .input-group .form-control:focus {
box-shadow: none;
}
.message-wrap-body {
height: 622px;
overflow-y: auto;
}
.works_box .work_box h1 {
font-size: 18px;
color: #ffffff;
font-weight: 600;
margin-bottom: 20px;
}
.works_box .work_box p {
color: #797e85;
font-size: 14px;
font-weight: 300;
}
.works_box .work_box {
background: #162637;
border: 1px solid #0087f6;
padding: 15px;
border-radius: 20px;
position: relative;
}
.works_box .col-md-4 {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.works_box .work_box .box_1:before {
width: 60px;
height: 1px;
border-bottom: 2px dashed #0087f6;
position: absolute;
content: "";
right: -18%;
}
.works_box .work_box .box_1:after {
height: 100px;
width: 0px;
border-right: 2px dashed #0087f6;
content: "";
position: absolute;
right: -18%;
top: 10%;
}
.works_box .work_box .box_1 h1:after {
width: 46px;
height: 1px;
border-bottom: 2px dashed #0087f6;
position: absolute;
content: "";
right: -31%;
bottom: 22%;
}
.works_box .work_box .box_2:before {
width: 60px;
height: 1px;
border-bottom: 2px dashed #0087f6;
position: absolute;
content: "";
right: -18%;
bottom: 12%;
}
.works_box .work_box .box_2:after {
height: 100px;
width: 0px;
border-right: 2px dashed #0087f6;
content: "";
position: absolute;
right: -18%;
top: 10%;
}
.works_box .work_box .box_2 h1:after {
width: 46px;
height: 1px;
border-bottom: 2px dashed #0087f6;
position: absolute;
content: "";
right: -31%;
top: 9%;
}
.works_box .work_box .box_3:before {
width: 60px;
height: 1px;
border-bottom: 2px dashed #0087f6;
position: absolute;
content: "";
left: -18%;
}
.works_box .work_box .box_3:after {
height: 100px;
width: 0px;
border-right: 2px dashed #0087f6;
content: "";
position: absolute;
left: -18%;
top: 10%;
}
.works_box .work_box .box_3 h1:after {
width: 46px;
height: 1px;
border-bottom: 2px dashed #0087f6;
position: absolute;
content: "";
left: -31%;
bottom: 22%;
}
.works_box .work_box .box_4:before {
width: 60px;
height: 1px;
border-bottom: 2px dashed #0087f6;
position: absolute;
content: "";
left: -18%;
bottom: 12%;
}
.works_box .work_box .box_4:after {
height: 100px;
width: 0px;
border-right: 2px dashed #0087f6;
content: "";
position: absolute;
left: -18%;
top: 22%;
}
.works_box .work_box .box_4 h1:after {
width: 46px;
height: 1px;
border-bottom: 2px dashed #0087f6;
position: absolute;
content: "";
left: -31%;
top: 22%;
}
.works_box .work_box .box_1 span {
color: #fff;
background: #0087f6;
width: 30px;
float: left;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
position: absolute;
right: -38%;
bottom: 12%;
}
.works_box .work_box .box_2 span {
color: #fff;
background: #0087f6;
width: 30px;
float: left;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
position: absolute;
right: -38%;
top: -3%;
}
.works_box .work_box .box_3 span {
color: #fff;
background: #0087f6;
width: 30px;
float: left;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
position: absolute;
left: -38%;
bottom: 13%;
}
.works_box .work_box .box_4 span {
color: #fff;
background: #0087f6;
width: 30px;
float: left;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
position: absolute;
left: -38%;
top: 11%;
}
.page-title {
font-size: 60px;
}
.boost_box ul {
padding: 0;
margin: 0;
display: flex;
justify-content: center;
list-style: none;
}
.boost_box ul a {
color: #fff;
text-decoration: none;
transition: .5s;
font-size: 12px;
}
.boost_box ul li:hover,
.boost_box ul li.active {
transition: .5s;
background: #0087f6;
}
.boost_box ul li {
transition: .5s;
background: #080f1b;
padding: 10px;
border-radius: 10px;
margin: 0px 5px;
}
.item_box {
border-radius: 15px;
overflow: hidden;
background: #080f1b;
color: #fff;
width: 100%;
float: left;
margin-bottom: 10%;
}
.item_box .item_banner {
height: 214px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 15px;
background-position: center;
}
.item_box .item_banner h2 {
font-size: 35px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
}
.item_box .item_banner h1 {
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
font-size: 60px;
}
.item_box .item_content {
padding: 15px;
float: left;
width: 100%;
}
.item_box .item_content h4 {
font-size: 18px;
color: #ffffff;
font-weight: 600;
margin-bottom: 20px;
height: 35px;
display: flex;
align-items: center;
}
.item_box .item_content span.item_price {
width: 100%;
float: left;
font-size: 24px;
font-weight: 600;
font-family: 'poppins';
color: #0087f6;
}
.item_box .item_content a {
color: #fff;
text-decoration: none;
padding: 10px;
background: #2c82f6;
float: left;
border-radius: 10px;
font-size: 12px;
margin-top: 10px;
border: 1px solid #2c82f6;
transition: .5s;
}
.item_box .item_content a:hover {
transition: .5s;
background: transparent;
}
.sec_sub_title {
font-size: 30px;
color: #fffeff;
font-family: oswald;
font-weight: 700;
text-shadow: 0px 8px #000;
margin: 45px 0px;
text-align: left;
}
.accounting_banner .rating_stars {
padding: 0;
margin: 0;
list-style: none;
display: flex;
margin-bottom: 20px;
}
.accounting_banner .rating_stars li {
margin-right: 10px;
font-size: 30px;
color: #fcb040;
}
.accounting_banner .banner_blue_sec {
display: flex;
}
.accounting_banner .banner_blue_sec .box {
display: flex;
align-items: center;
margin-right: 20px;
padding: 10px;
background: #0087f6;
color: #fff;
}
.accounting_banner .banner_blue_sec .box h1,
.accounting_banner .banner_blue_sec .box p {
margin: 0;
}
.accounting_banner .banner_blue_sec .box h1 {
margin-right: 20px;
font-family: 'oswald';
font-size: 30px;
text-shadow: 0px 5px #091d3e99;
}
.accounting_banner {
padding: 20px;
background-size: cover;
border-radius: 15px;
}
.accounting_banner .content h1 {
margin-top: 0;
}
.item_sec h1 {
margin: 10px 0px 30px 0px;
}
.item_sec {
padding: 20px;
background: #080f1b;
margin: 50px 0px;
border-radius: 20px;
color: #fff;
}
.you_get_sec_box {
display: flex;
align-items: center;
color: #fff;
margin-bottom: 20px;
background: #162637;
padding: 20px;
border-radius: 20px;
}
.you_get_sec_box h1 {
margin: 0;
font-size: 25px;
font-family: 'oswald';
}
.you_get_sec_box p {
margin: 0;
}
.you_get_sec_box .content {
margin-left: 10px;
}
.progress_sec .progress_bar {
width: 80%;
margin: 30px auto;
}
.progress_sec .progress_bar h1 {
text-align: center;
font-size: 23px;
color: #fff;
margin-bottom: 20px;
}
.progress_sec .progress_bar ul {
list-style: none;
display: flex;
color: #fff;
justify-content: space-between;
padding: 0;
}
.progress_sec .progress_bar ul li {
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
}
.progress_sec .progress_bar ul li span {
width: 33px;
height: 33px;
background: #0087f6;
text-align: center;
/* margin-bottom: 20%; */
margin: auto auto 20% auto;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100px;
font-family: 'oswald';
font-size: 13px;
position: relative;
z-index: 9999;
}
.progress_sec .progress_bar ul li span:after {
content: "";
background: #2c81f6;
width: 10px;
height: 10px;
position: absolute;
transform: rotate(45deg);
bottom: -12%;
}
.progress_sec .progress_bar ul li label {
cursor: pointer;
}
.progress_sec {
background: #080f1b;
padding: 20px;
margin: 50px 0px;
border-radius: 20px;
}
.text-progress {
width: 100%;
height: 20px;
background: #ccc;
border-radius: 20px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: flex-start;
}
.text-progress .overlay {
background: #0087f6;
width: 0;
overflow: hidden;
border-radius: 20px;
box-shadow: 10px 0px 10px #00000069;
}
.text-progress span {
width: 100%;
/* float: left; */
height: 20px;
display: block;
border-radius: 20px;
}
.checkbox div {
text-align: center;
}
.checkbox input {
display: block;
opacity: 0;
}
.checkbox label {
position: relative;
width: 48px;
height: 32px;
display: inline-block;
background: #080f1b;
border-radius: 30px;
cursor: pointer;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.checkbox label:after {
content: "";
position: absolute;
left: 5px;
top: 8px;
width: 15px;
height: 15px;
background: #FFF;
border-radius: 50%;
right: 19px;
}
.checkbox input:checked+label {
background: #0087f6;
transition: 1s;
}
.checkbox input:checked+label:after {
left: auto;
right: 5px;
}
.checkbox_btn_sec .checkbox {
display: flex;
align-items: center;
margin-bottom: 20px;
background: #162637;
border-radius: 20px;
height: 80px;
}
.checkbox_btn_sec .checkbox h1 {
margin: 0;
font-size: 20px;
height: fit-content;
color: #fff;
font-family: 'oswald';
}
.checkbox_btn_sec .checkbox_2 {}
.checkbox_btn_sec .checkbox_2 .checkbox {
display: flex;
justify-content: center;
background: #0087f6;
}
.your_order {
background: #0087f6;
padding: 20px;
border-radius: 20px;
margin-top: 50px;
}
.your_order h2 {
margin-top: 0;
margin-bottom: 40px;
}
.your_order .dark_bg h1 {
color: #fff;
font-size: 14px;
margin: 0;
}
.your_order .light_sec {
color: #0a0f1c;
display: flex;
align-items: center;
overflow: hidden;
justify-content: space-between;
background: #fff;
height: 100px;
padding: 0 10px;
}
.your_order .light_sec img {
width: 62%;
}
.your_order .light_sec h1 {
font-family: 'oswald';
font-size: 18px;
margin: 0;
}
.your_order .dark_bg {
display: flex;
justify-content: center;
margin-bottom: 10px;
height: 45px;
background: #0a0f1c;
align-items: center;
color: #fff;
}
.your_order .col-md-3 .dark_bg:nth-child(2) {
margin: 0;
}
.your_order .dark_bg p {
margin: 0 10px 0px 0px;
}
.your_order .dark_bg span.large_text {
font-size: 30px;
}
.your_order .dark_bg h2 {
margin: 0;
font-size: 28px;
margin-right: 5px;
font-family: 'oswald';
}
.form input.form-control {
position: relative !important;
background: #080f1b;
border-color: #080f1b;
color: #5a5d61;
color: #fff;
border-radius: 100px;
height: 58px;
padding-left: 20px;
}
.form .btn_search {
position: absolute;
top: 25%;
right: 3%;
border: none;
background: transparent;
color: #5a5d61;
}
form.form {
position: relative;
margin: 0px auto 5%;
width: 50%;
}
.form input.form-control::placeholder {
color: #5a5d61;
}
.top_offers .item_box {
margin: 0;
}
/* new styling */
.mytitle {
font-size: 40px;
font-weight: 700;
color: #fff;
margin-bottom: 20px !important;
}
.accounting_banner .rating_stars li {
line-height: 1;
}
.accounting_banner .banner_blue_sec .box p {
font-size: 12px;
font-weight: 500;
margin: 0;
line-height: 1.2;
}
.accounting_banner .banner_blue_sec .box h1 {
font-size: 24px;
line-height: 1.2;
margin-right: 10px;
}
.accounting_banner {
border: 1px solid #223145;
}
.accounting_banner .rating_stars li {
font-size: 24px !important;
line-height: 1 !important;
}
.mytitle.sec_title {
margin-bottom: 20px !important;
}
.accounting_banner1 {
border: 1px solid #223145;
background-color: #101825;
position: relative;
overflow: hidden;
padding: 40px 20px;
}
.accounting_banner1::after {
content: '';
position: absolute;
clip-path: polygon(0 0, 100% 0%, 100% 100%, 40% 100%);
background-color: #0087f6;
height: 100%;
width: 40%;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.accounting_banner1 .valorant-img {
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.item_sec {
margin: 25px 0px;
}
.item_sec h1 {
margin-top: 0;
margin-bottom: 20px;
line-height: 1.3;
}
.you_get_sec_box h1 {
font-size: 18px;
line-height: 1.3;
}
.you_get_sec_box p {
font-size: 16px;
font-weight: 600;
}
.progress_sec .progress_bar h1 {
font-size: 24px;
margin-bottom: 40px;
}
.item_sec p {
font-weight: 500;
}
.progress_sec .progress_bar {
width: 100%;
}
.progress_sec .progress_bar ul,
.progress_sec .progress_bar .text-progress {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.progress_sec .progress_bar ul li {
flex: 0 0 12.5%;
max-width: 12.5%;
}
.progress_sec .progress_bar ul li span::after {
left: 0;
right: 0;
margin: auto;
bottom: -3.3px;
width: 9px;
height: 9px;
}
.progress_bar .text-progress {
background-color: #fff;
height: 10px;
box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 67%);
}
.text-progress .overlay {
border-radius: 100px;
}
.progress_sec {
margin: 50px 0px 95px;
}
.checkbox_btn_sec .checkbox {
border-radius: 8px;
}
.checkbox_btn_sec .checkbox h1 {
font-size: 18px;
}
.your_order .dark_bg {
padding: 11px;
height: auto;
align-items: center;
align-content: center;
}
.your_order .dark_bg h2 {
font-size: 24px;
line-height: 1.2;
}
.your_order .dark_bg h1 {
font-size: 12.09px;
line-height: 1.2;
}
.your_order .dark_bg p {
margin: 0 5px 0px 0px;
font-size: 12px;
line-height: 1;
font-weight: 500;
}
.your_order .dark_bg span.large_text {
font-weight: 500;
line-height: 1;
margin-bottom: -1px;
}
.your_order .dark_bg.align-bottom {
align-content: flex-end;
align-items: flex-end;
}
.whyuse-desc p {
color: rgba(255, 255, 255, 37%);
}
.works_box .sec_title {
margin-top: 80px;
}
.works_box .work_box h1 {
font-size: 16px;
margin-bottom: 15px;
}
.works_box .work_box .box_1 span,
.works_box .work_box .box_2 span,
.works_box .work_box .box_3 span,
.works_box .work_box .box_4 span {
width: 40px;
height: 40px;
}
.work-bnr-wrap img {
display: block;
margin: auto;
}
.works_box .work_box span {
font-size: 18px;
font-weight: 700;
color: #fff !important;
font-family: 'oswald';
text-shadow: 0px 6px rgba(9, 29, 52, 57%);
}
.works_box .work_box span {
font-size: 18px;
font-weight: 700;
color: #fff !important;
font-family: 'oswald';
text-shadow: 0px 6px rgba(9, 29, 52, 57%);
}
.works_box .work_box .box_3 span {
right: -75px;
bottom: -50px;
}
.works_box .work_box .box_1 span {
right: -75px;
bottom: -50px;
}
.works_box .work_box .box_2 span {
right: -75px;
bottom: auto;
top: -50px;
}
.works_box .work_box .box_4 span {
right: -75px;
bottom: auto;
top: -50px;
}
.works_box .work_box .box_1::before,
.works_box .work_box .box_4::before,
.works_box .work_box .box_3::before,
.works_box .work_box .box_2::before,
.works_box .work_box .box_1::after,
.works_box .work_box .box_2::after,
.works_box .work_box .box_3::after,
.works_box .work_box .box_4::after,
.works_box .work_box .box_1 h1::after,
.works_box .work_box .box_2 h1::after,
.works_box .work_box .box_3 h1::after,
.works_box .work_box .box_4 h1::after {
display: none;
}
.works_box .work_box .box_1 span::before,
.works_box .work_box .box_2 span::before,
.works_box .work_box .box_3 span::before,
.works_box .work_box .box_4 span::before {
content: '';
position: absolute;
background-image: url('../images/line-shape.png');
width: 170px;
height: 103px;
}
.works_box .work_box .box_1 span::before {
bottom: 18px;
z-index: -1;
width: 71px;
background-size: 71px 103px;
left: -45px;
}
.works_box .work_box .box_3 span::before {
bottom: 18px;
z-index: -1;
width: 80px;
background-size: 80px 103px;
right: -73px;
transform: rotateY(180deg);
}
.works_box .work_box .box_2 span::before {
bottom: auto;
z-index: -1;
width: 71px;
background-size: 71px 103px;
left: -45px;
transform: rotateY(180deg);
top: 18px;
}
.works_box .work_box .box_4 span::before {
bottom: auto;
z-index: -1;
width: 71px;
background-size: 71px 103px;
right: -72px;
transform: rotate(180deg);
top: 18px;
}
.work-bnr-wrap {
position: relative;
}
.work-bnr-wrap::after {
content: '';
position: absolute;
width: 200px;
height: 200px;
background-color: #0087f6;
bottom: 30px;
left: 0;
right: 0;
margin: auto;
border-radius: 100px;
z-index: -1;
filter: blur(55px);
}
.faq-bx {
margin-top: 80px;
}
.faq-bx #accordion .card .card-header a {
border: 0;
}
.boost_box .page-title {
font-size: 55px;
}
.boost_box form.form {
width: 55%;
}
.boost_box ul a {
font-size: 14px;
}
.boost_box ul li {
margin: 0px 1px;
}
.top_offers {
padding-top: 80px !important;
}
.item_box .item_banner h2 {
font-size: 30px;
text-shadow: 0px 8px rgba(59, 59, 59, 57%);
}
.item_box .item_banner h1 {
text-shadow: 0px 8px rgba(59, 59, 59, 57%);
line-height: 1;
}
.item_box .item_content h4 {
font-size: 16px;
line-height: 1.2;
margin-bottom: 8px;
}
.item_box .item_content a {
display: flex;
align-items: center;
align-content: center;
}
.item_box .item_content a .cart-btn-icon {
margin-right: 7px;
}
.top_offers .item_box {
margin-bottom: 40px;
}
.top_offers {
padding-top: 0 !important;
}
.boost_box .item_box {
margin-bottom: 0;
}
.faq-bx .card {
border-radius: 9px;
}
.sidebar-wrap {
position: fixed;
z-index: 999;
border-right: 1px solid #232f42;
height: 100%;
width: 250px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #0087f6 #080f1b;
}
.side-bar-nav {
margin: 50px 0;
}
.sidebar-logo-wrap {
padding: 0 10px;
text-align: center;
height: 76px;
display: flex;
align-items: center;
align-content: center;
border-bottom: 1px solid #253144;
}
.sidebar-logo-wrap img {
display: block;
margin: auto;
}
.img-responsive {
max-width: 100%;
display: block;
}
body {
/*height: 100vh;*/
}
.side-bar-nav ul {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
list-style: none;
flex-direction: column;
padding: 0;
margin-bottom: 3px;
}
.side-bar-nav ul li.active a,
.side-bar-nav ul li.active a:hover,
.side-bar-nav ul li a:hover {
background-color: rgba(34, 49, 69, 37%);
}
.side-bar-nav ul li {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.game-count {
background-color: rgba(0, 135, 246, 12%);
display: inline-flex;
color: #0087f6;
font-size: 10px;
padding: 2px 10px;
border-radius: 100px;
margin-left: auto;
}
.side-bar-nav ul li a {
padding: 10px 20px;
display: block;
position: relative;
}
.side-bar-nav ul li a {
padding: 10px 20px;
display: block;
position: relative;
color: #56677c;
font-size: 14px;
font-weight: 400;
text-decoration: none;
}
.side-bar-nav ul li a img {
margin-right: 10px;
}
.side-bar-nav ul li.active a::after,
.side-bar-nav ul li.active a:hover::after,
.side-bar-nav ul li a:hover::after {
height: 80%;
width: 3px;
content: '';
position: absolute;
background-color: #0087f6;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.user-sidebar {
padding: 12px;
margin: 15px 15px 30px 15px;
background-color: #080f1b;
list-style: none;
border-radius: 10px;
}
.user-sidebar li a {
display: block;
font-size: 14px;
color: #56677c;
text-decoration: none !important;
padding: 10px 15px;
border-radius: 10px;
margin-bottom: 3px;
}
.user-sidebar li a i {
color: #017ee5;
margin-right: 10px;
}
.user-sidebar li.active a,
.user-sidebar li.active a:hover,
.user-sidebar li a:hover {
background-color: #172030;
}
.page-content {
padding-left: 250px;
}
.topbar-left,
.topbar-right {
flex: 0 0 50%;
max-width: 50%;
}
.form-group {
position: relative;
}
.topbar-search .form-control {
background-color: #202e42;
border: 1px solid #223145;
border-radius: 8px;
height: 40px;
padding-left: 45px;
}
.inpt-icon {
position: absolute;
color: #56677c;
font-size: 18px;
left: 10px;
top: 50%;
transform: translateY(-50%);
}
.topbar {
padding: 15px;
}
.topbar {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
justify-content: space-between;
}
.topbar-right .top-btns {
width: max-content;
margin-left: auto;
display: block;
}
.top-btns ul li.register-btn a {
display: block;
width: 110px;
background-color: #0087f6;
border-color: #0087f6;
color: #fff;
font-weight: 400;
text-decoration: none !important;
}
.top-btns ul li a {
position: relative;
}
.top-btns ul li a .cart-num {
position: absolute;
width: 17px;
height: 17px;
display: flex;
flex-wrap: wrap;
align-items: center;
top: -8px;
left: -8px;
font-size: 12px;
line-height: 1;
background-color: #0087f6;
justify-content: center;
border-radius: 100px;
color: #fff;
}
.top-btns ul li a i {
color: #56677c;
}
.top-btns ul li a:hover i {
color: #fff;
}
.wrapper.toggle .sidebar-wrap {
left: -250px;
}
.wrapper.toggle .page-content {
padding-left: 0;
}
.wrapper.toggle .sidebar-wrap,
.wrapper .sidebar-wrap,
.wrapper.toggle .page-content,
.wrapper .page-content {
transition: 0.3s ease-in-out;
}
.main-content-info {
padding-bottom: 0;
}
#hamburg {
display: none !important;
}
.my-modal .modal-content {
background-color: #080f1b;
border-radius: 0;
border: 1px solid #212c3f;
}
.my-modal .modal-title,
.my-modal .modal-subtitle {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
.my-modal .modal-title {
font-size: 18px;
color: #fff;
}
.my-modal .modal-subtitle {
color: #56677c;
font-size: 12px;
margin-top: 10px;
margin-bottom: 0;
}
.my-modal .modal-header .btn-close {
position: absolute;
color: #fff;
opacity: 1;
background-image: url(../images/modalcross.png);
top: 12px;
right: 12px;
}
.my-modal .modal-header {
flex-wrap: wrap;
border-bottom: 1px solid #212c3f;
}
.modal-txt {
text-align: center;
color: #56677c;
font-size: 12px;
}
.my-modal .modal-body img {
display: block;
margin: auto auto 15px auto;
}
.continue-google {
display: block;
width: max-content;
margin: auto;
}
.login-frm {
padding: 15px;
width: 70%;
margin: auto;
}
.login-frm .form-control::placeholder {
color: #fff;
}
.login-frm .form-control {
background-color: #172030 !important;
border-color: #172030 !important;
height: 40px;
margin-bottom: 15px;
color: #fff;
}
.login-frm .form-control:focus,
.login-frm .form-control:focus-visible,
.login-frm .form-control:visited,
.login-frm .form-control:hover {
background-color: #172030;
border-color: #172030;
outline: none;
color: #fff;
}
.login-frm .btn.btn-primary {
margin: auto;
display: block;
}
.promo-code-wrap {
background-color: #080f1b;
border-radius: 10px;
padding: 18px 25px;
position: relative;
margin-bottom: 20px;
}
.promo-code-wrap .btn.btn-primary {
background: transparent;
border: 0;
text-align: center;
display: block;
margin: auto;
}
.promo-code-wrap .card {
background: transparent;
padding: 0;
text-align: center;
}
.promo-code-wrap .card .form-control {
background-color: #172030;
border-color: #172030;
height: 40px;
margin-bottom: 15px;
color: #fff !important;
}
.cart-btn {
display: block !important;
margin: auto auto 25px;
}
.forget-password {
display: block;
margin: 10px auto auto;
width: max-content;
text-decoration: none !important;
color: #56677c;
font-size: 12px;
}
.forget-password:hover,
.forget-password:focus,
.forget-password:focus-visible {
color: #fff;
}
@media (max-width:550px) {
#hamburg {
display: none !important;
}
.topbar-left,
.topbar-right {
flex: 0 0 100%;
max-width: 100%;
}
.top-btns ul li a {
display: inline-block;
width: 25px;
height: 25px;
text-align: center;
line-height: 22px;
background-color: #172538;
border-radius: 5px;
border: 1px solid #253144;
}
.topbar-right .top-btns {
margin: 15px 0 auto auto;
}
.top-btns ul li a .cart-num {
width: 12px;
height: 12px;
font-size: 8px;
}
.top-btns ul li.register-btn a {
width: calc(100% + 20px);
font-size: 12px;
}
.wrapper.toggle .page-content,
.wrapper .page-content {
padding-left: 0;
}
.sidebar-wrap {
background-color: #080f1b;
}
.top-btns ul li {
display: none;
}
.top-btns ul li.pinner-wrap {
display: block;
}
.wrapper.toggle .top-btns ul li {
display: inline-block;
}
.wrapper.toggle .topbar-right .top-btns {
margin: 15px auto auto auto;
}
}
input[type="range"] {
-webkit-appearance: none;
margin: 0;
width: 100%;
background: transparent;
height: 10px;
outline: none !important;
}
input[type="range"]::-moz-range-progress {
background-color: #0087f6;
height: 10px;
border-radius: 10px;
}
input[type="range"]::-moz-range-track {
background-color: #fff;
height: 10px;
border-radius: 10px;
box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 67%);
}
.range-slider-num-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
justify-content: space-between;
color: #fff;
width: 100%;
margin: auto auto 8px;
}
.range-slider-num-wrap .range-slider-num {
width: 33px;
height: 33px;
background-color: #0087f6;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
border-radius: 100px;
position: relative;
}
.range-slider-num-wrap .range-slider-num::after {
content: '';
background: #2c81f6;
width: 10px;
height: 10px;
position: absolute;
bottom: -3px;
transform: rotate(45deg);
left: 0;
right: 0;
margin: auto;
z-index: 0;
}
/*input[type=range]:focus {*/
/* outline: none;*/
/*}*/
/*input[type=range]::-webkit-slider-runnable-track {*/
/* width: 100%;*/
/* height: 8.4px;*/
/* cursor: pointer;*/
/* box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
/* background: #3071a9;*/
/* border-radius: 1.3px;*/
/* border: 0.2px solid #010101;*/
/*}*/
/*input[type=range]::-webkit-slider-thumb {*/
/* box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
/* border: 1px solid #000000;*/
/* height: 36px;*/
/* width: 16px;*/
/* border-radius: 3px;*/
/* background: #ffffff;*/
/* cursor: pointer;*/
/* -webkit-appearance: none;*/
/* margin-top: -14px;*/
/*}*/
/*input[type=range]:focus::-webkit-slider-runnable-track {*/
/* background: #367ebd;*/
/*}*/
/*input[type=range]::-moz-range-track {*/
/* width: 100%;*/
/* height: 8.4px;*/
/* cursor: pointer;*/
/* box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
/* background: #3071a9;*/
/* border-radius: 1.3px;*/
/* border: 0.2px solid #010101;*/
/*}*/
/*input[type=range]::-moz-range-thumb {*/
/* box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
/* border: 1px solid #000000;*/
/* height: 36px;*/
/* width: 16px;*/
/* border-radius: 3px;*/
/* background: #ffffff;*/
/* cursor: pointer;*/
/*}*/
/*input[type=range]::-ms-track {*/
/* width: 100%;*/
/* height: 8.4px;*/
/* cursor: pointer;*/
/* background: transparent;*/
/* border-color: transparent;*/
/* border-width: 16px 0;*/
/* color: transparent;*/
/*}*/
/*input[type=range]::-ms-fill-lower {*/
/* background: #2a6495;*/
/* border: 0.2px solid #010101;*/
/* border-radius: 2.6px;*/
/* box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
/*}*/
/*input[type=range]::-ms-fill-upper {*/
/* background: #fff;*/
/* border: 0.2px solid #010101;*/
/* border-radius: 2.6px;*/
/* box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
/*}*/
/*input[type=range]::-ms-thumb {*/
/* box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
/* border: 1px solid #000000;*/
/* height: 36px;*/
/* width: 16px;*/
/* border-radius: 3px;*/
/* background: #ffffff;*/
/* cursor: pointer;*/
/*}*/
/*input[type=range]:focus::-ms-fill-lower {*/
/* background: #3071a9;*/
/*}*/
/*input[type=range]:focus::-ms-fill-upper {*/
/* background: #367ebd;*/
/*}*/
.range-slider-wrap.row {
display: flex;
align-items: center;
align-content: center;
flex-wrap: wrap;
margin-top: 50px;
}
.slider-min-val,
.slider-max-val,
.slider-max-val1,
.slider-min-val1 {
display: flex;
align-items: center;
color: #fff;
background: #162637;
border-radius: 5px;
padding: 5px 12px;
min-width: 80px;
margin: auto;
font-size: 14px;
width: max-content;
justify-content: center;
}
.slider-txt {
color: #fff;
font-size: 12px;
}
.ui-widget-content {
background: #162637;
border-color: #162637 !important;
}
.ui-widget-header {
background: #0087f6;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #000;
background: #0087f6;
}
.slider-val-wrap {
text-align: center;
}
.ui-slider-pip {
position: absolute;
color: #fff;
}
.ui-slider-pip .label-txt {
color: #fff;
position: absolute;
top: -45px;
font-size: 16px;
width: max-content;
text-align: center;
left: 50%;
margin: auto;
transform: translateX(-50%);
line-height: 24px;
font-family: poppins !important;
}
.ui-slider-pip .label-num {
font-size: 14px;
color: #fff;
position: absolute;
top: -80px;
background-color: #2c81f6;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 100px;
left: 50%;
transform: translateX(-50%);
}
.swal2-success-circular-line-right,
.swal2-success-circular-line-left,
.swal2-success-fix {
background-color: transparent !important;
}
.swal2-popup {
background: #101825;
color: #fff;
border: 2px solid #223145;
}
.swal2-popup {
background-color: #0a0f1c !important;
border: 1px solid #0087f6 !important;
}
.swal2-popup #swal2-title,
.swal2-popup .swal2-html-container {
color: #fff;
}
.swal2-styled.swal2-confirm {
background-color: #0d6efd !important;
}
.pay-game a:hover {
color: #fff;
}
.btn.btn-primary:focus {
outline: none;
box-shadow: none;
}
#checkout-form .login-frm {
width: 100%;
background-color: #008afe;
}
#checkout-form .login-frm label {
color: #fff;
}
.dash-myacc .dash-acc-bx form input[type="number"].form-control {
background-color: #172030;
border-color: #172030 !important;
color: #fff;
border-radius: 12px;
height: 48px;
appearance: textfield;
}
.dash-myacc .dash-acc-bx form select[name="timezone"] {
background-color: #172030;
border-color: #172030 !important;
color: #fff;
border-radius: 12px;
height: 48px;
width: 100%;
}
#ordersTable_length label,
.dataTables_wrapper label {
color: #fff;
}
#ordersTable_length label select,
.dataTables_wrapper label select {
color: #fff;
}
#ordersTable_length label select option,
.dataTables_wrapper label select option {
background-color: #000;
}
#ordersTable_filter input,
.dataTables_wrapper input {
color: #fff;
}
#ordersTable_info,
.dataTables_wrapper .dataTables_info {
color: #fff !important;
}
#ordersTable,
.dataTables_wrapper table {
border-collapse: separate !important;
border-spacing: 0 12px !important;
}
.table-app #ordersTable tbody tr td {
height: 42px;
}
.ac-btn a:hover {
color: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
background-color: #162537 !important;
color: #fff !important;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.current {
background-color: #008cff !important;
color: #fff !important;
}
.proplayer-box label {
color: #fff;
}
.proplayer-box .form-control {
background-color: #162637 !important;
border-color: #162637 !important;
color: #fff;
}
.proplayer-box .form-group {
margin-bottom: 12px;
}
.item_box .item_banner {
background-size: cover;
}
/* ---------------------- 8-11 (Edit) ------------------------ */
.enjoy-bx ul {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.enjoy-bx ul li {
width: 20%;
height: 250px;
overflow: hidden;
border-radius: 14px;
margin: 10px 20px;
}
.enjoy-bx ul li a {
display: block;
width: 100%;
height: inherit;
}
.games-box {
width: 100%;
height: inherit;
}
.games-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center left;
position: absolute;
}
.games-info h3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.deals-bx .deals-info {
position: relative;
isolation: isolate;
}
.deals-bx .deals-info::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 55%);
top: 0px;
left: 0px;
z-index: -1;
}
.faq-bx .left-faq #accordion {
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: center;
align-items: flex-start;
}
.faq-bx .left-faq #accordion .card {
margin: 0px 6px 15px 6px;
}
.top_offers .item_box .item_banner {
position: relative;
isolation: isolate;
}
.top_offers .item_box .item_banner::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: -1;
left: 0px;
top: 0px;
}
.top_offers .item_box .item_content h4 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.accounting_banner1 .valorant-img {
width: 300px;
height: 300px;
object-fit: cover;
object-position: center left;
}
.accounting_banner1::after {
display: none;
}
/* ---------------------- 8-11 (Edit) ------------------------ */
/* ---------------------- 8-12 (Edit) ------------------------ */
.approved-bx #ordersTable_wrapper tbody td,
.proplayer-box #orderdProdcuts_wrapper tbody td {
background: #162537;
}
.approved-bx #ordersTable_wrapper tbody td .ac-btn {
text-align: center;
}
/* ---------------------- 8-12 (Edit) ------------------------ */
.account-boxes-ul {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
justify-content: space-between;
margin-bottom: 20px;
padding: 0;
list-style: none;
}
.account-boxes-ul li {
flex: 0 0 24%;
max-width: 24%;
}
.account-boxes-ul li a {
background-color: #162637;
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
justify-content: center;
border-radius: 15px;
min-height: 95px;
text-decoration: none;
padding: 12px;
color: #fff;
font-size: 22px;
font-weight: 600;
transition: 0.3s linear;
}
.account-boxes-ul li a:hover,
.account-boxes-ul li a.active {
background-color: #0087f6;
}
.my-nav-tabs {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
list-style: none;
padding: 0;
border-color: #253144 !important;
}
.my-nav-tabs button {
color: #56677c;
font-size: 15px;
background-color: transparent !important;
padding: 15px 0;
margin-right: 15px;
position: relative;
border: 0 !important;
}
.my-nav-tabs button.active,
.my-nav-tabs button.active:hover,
.my-nav-tabs button:hover {
color: #fff !important;
}
.nav-tabs .nav-link.active::after,
.my-nav-tabs button.active:hover::after,
.my-nav-tabs button:hover::after {
content: '';
width: 100%;
height: 3px;
background-color: #0087f6;
position: absolute;
bottom: -1px;
left: 0;
}
.my-tabs-content .table tr td {
background-color: #080f1b;
padding: 12px;
box-shadow: none;
border: 0;
}
.my-tabs-content .table {
border-collapse: separate;
border-spacing: 0 15px;
border: 0;
}
.my-tabs-content .table thead,
.my-tabs-content .table tbody,
.my-tabs-content .table tfoot,
.my-tabs-content .table tr,
.my-tabs-content .table td,
.my-tabs-content .table th {
vertical-align: middle;
}
.date {
font-size: 16px;
font-weight: 400;
color: #fff;
}
.time {
color: #56677c;
font-size: 16px;
font-weight: 400;
}
.information {
color: #0087f6;
font-size: 16px;
line-height: 1.2;
position: relative;
display: block;
padding-left: 18px;
}
.information::after {
content: '';
width: 10px;
height: 10px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background-color: #0087f6;
border-radius: 100px;
}
.ordername {
color: #fff;
font-size: 16px;
display: block;
}
.order-btn {
background-color: rgba(0, 135, 246, 17%);
padding: 10px 12px;
min-width: 105px;
display: block;
width: 105px;
border-radius: 100px;
text-align: center;
text-decoration: none;
margin-top: 10px;
font-size: 12px;
color: #0087f6 !important;
}
.order-btn:hover {
background-color: #fff;
}
.orderdetail {
background-color: rgba(37, 49, 68, 50%);
padding: 12px;
display: block;
border-radius: 12px;
color: #fffeff;
font-size: 12px;
line-height: 1.4;
}
.orderprice {
display: block;
font-size: 16px;
color: #fff;
text-align: right;
}
.order-btn2 {
min-width: 145px;
width: 145px;
display: block;
background-color: #0087f6;
text-align: center;
text-decoration: none;
padding: 10px;
color: #fffeff;
font-size: 16px;
line-height: 1.2;
border-radius: 10px;
margin-top: 5px;
}
.my-tabs-content .table tr td:first-child {
border-radius: 12px 0 0 12px;
}
.my-tabs-content .table tr td:last-child {
border-radius: 0 12px 12px 0;
}
.proplayer-box .order-option-box .form-control {
background-color: transparent !important;
}
.proplayer-box.flex-top {
align-content: flex-start;
align-items: flex-start;
}
.message-profile-txt.time {
color: #fff;
}
.message-form .input-group {
background-color: #162637;
}
.message-form #basic-addon1 i {
color: #fff;
}
.message-form #basic-addon1 {
margin-right: 8px;
margin-left: 5px;
}
.txt1 {
font-size: 14px;
font-weight: 300;
color: #fff;
margin-bottom: 10px;
line-height: 1.4;
}
.price-order {
font-size: 36px;
color: #fff;
font-weight: 600;
margin-bottom: 12px;
line-height: 1.2;
}
.txt2 {
color: #56677c;
font-size: 14px;
line-height: 1.4;
font-weight: 300;
}
.cstm-box {
background-color: #080f1b;
padding: 20px;
border-radius: 10px;
margin-bottom: 20px;
}
.cstm-title {
font-size: 20px;
font-weight: 600;
color: #fff;
line-height: 1.4;
}
.email-txt {
background-color: #0086f5;
width: max-content;
padding: 5px 10px;
border-radius: 5px;
color: #fff;
font-size: 14px;
}
.payment-method-slide {
background-color: #162636;
border-radius: 10px;
padding: 12px;
margin-right: 5px;
min-height: 75px;
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
}
.payment-method-txt {
color: #fff;
font-size: 14px;
font-weight: 600;
margin: 0;
line-height: 1;
margin-top: 7px;
flex: 0 0 100%;
max-width: 100%;
}
.payment-method-slider-wrap {
position: relative;
margin-bottom: 20px;
}
.payment-method-slider-nav .slick-arrow {
width: 45px;
height: 75px;
border: 0;
border-radius: 10px;
background-color: #162636;
color: #fff;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.payment-method-slider {
width: calc(100% - 100px);
margin: auto;
}
.payment-method-slider-nav .slick-arrow.right-arrow {
right: 0;
}
.payment-frm label {
display: block;
color: #56677c;
font-size: 14px;
margin-bottom: 5px;
}
.payment-frm .form-control {
background-color: #0c1826;
border-color: #0c1826;
height: 42px;
margin-bottom: 10px;
resize: none;
color: #56677c;
}
.form-control-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
justify-content: space-between;
}
.form-control-half {
flex: 0 0 49.5%;
max-width: 49.5%;
}
.payment-frm .btn.btn-primary {
background-color: #0086f5;
border-radius: 10px;
padding: 8px;
width: 100%;
font-size: 16px;
font-weight: 600;
}
.payment-method-slider-nav .slick-arrow.slick-disabled {
opacity: 80%;
cursor: no-drop;
}
.user-sidebar2 {
padding: 12px 0;
margin: 15px 15px 30px 15px;
background-color: #080f1b;
list-style: none;
border-radius: 10px;
}
.user-sidebar2-nav {
list-style: none;
padding: 0;
margin: 0;
}
.user-sidebar2-title {
font-size: 14px;
font-weight: 400;
color: #56677c;
padding-left: 10px;
}
.user-sidebar2-nav li a {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
padding: 12px 10px;
color: #56677c;
font-size: 14px;
text-decoration: none;
}
.user-sidebar2-nav li.active a,
.user-sidebar2-nav li.active a:hover,
.user-sidebar2-nav li a:hover,
.user-sidebar2-nav li a:focus {
background-color: #121c2a;
}
.user-sidebar2-nav li a img {
margin-right: 10px;
}
.cstm-box2-title {
color: #fffeff;
font-size: 48px;
text-align: center;
font-weight: 600;
line-height: 1.4;
}
.login-form-wrap {
background-color: #080f1b;
padding: 30px;
width: 70%;
margin: 35px auto;
border-radius: 20px;
}
.login-form label {
color: #fffeff;
font-size: 14px;
font-weight: 300;
margin-bottom: 5px;
}
.login-form .form-group {
margin-bottom: 15px;
}
.login-form .form-control {
background-color: #172030;
border-color: #172030;
}
.remember-ul {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
list-style: none;
padding: 0;
margin-bottom: 15px;
justify-content: space-between;
}
.remember-ul .form-check-label {
margin-bottom: 0;
}
.remember-ul .form-check {
margin-bottom: 0;
}
.remember-ul a {
font-size: 14px;
font-weight: 300;
color: #fff;
line-height: 1.6;
display: block;
}
.login-form .btn.primary-btn {
background-color: #0087f6;
color: #fff;
font-size: 16px;
font-weight: 600;
text-align: center;
width: 100%;
}
.job-page-nav {
border-bottom: 1px solid #253144;
position: absolute !important;
left: 0;
right: 0;
margin: auto;
top: 0;
z-index: 1;
background-color: transparent;
}
.job-page-nav .navbar-nav li a {
font-size: 14px;
font-weight: 400;
color: #fff;
line-height: 1.4;
margin: 0 5px;
}
.job-page-nav .navbar-nav.right-nav li a {
min-width: 109px;
background-color: #0087f6;
text-align: center;
border-radius: 10px;
}
#job-top-sec {
position: relative;
padding: 180px 0 80px;
background-image: url('../images/job-top-sec.png');
background-size: cover;
background-position: right top;
}
.main-title {
font-size: 52px;
color: #fff;
font-weight: 700;
line-height: 1.2;
}
.main-title-sub {
color: #0087f6;
font-size: 20px;
font-weight: 600;
line-height: 1.2;
}
#job-top-sec .btn.btn-primary {
background-color: transparent;
border-color: #fff;
margin-top: 25px;
}
#boosting {
padding: 80px 0;
}
.row.boosting-row {
background-color: #080f1b;
padding: 25px 15px;
border-radius: 20px;
align-items: center;
align-content: center;
overflow: hidden;
}
.boost-img-wrap {
position: relative;
}
.boost-img {
position: absolute;
left: -55px;
top: 50%;
transform: translateY(-50%);
}
.title {
font-size: 42px;
font-weight: 700;
color: #fff;
line-height: 1.4;
margin-bottom: 10px;
}
.txt {
font-size: 14px;
color: rgba(255, 255, 255, 37%);
line-height: 1.6;
}
#whyuse-bx-sec .whyuse-bx {
padding-top: 0;
}
#whyuse-bx-sec {
padding: 80px 0;
}
#member-sec {
padding: 80px 0;
}
.row.member-sec-row {
background-color: #162637;
padding: 25px;
border-radius: 20px;
background-image: url('../images/member-bg.png');
background-position: right top;
background-repeat: no-repeat;
}
.member-frm {
padding: 25px;
border-radius: 20px;
background-color: #0e192650;
}
.member-frm .form-group {
margin-bottom: 20px;
}
.member-frm .form-group .form-control {
background-color: #080e18;
border-color: #080e18;
border-radius: 10px;
color: #fff;
}
.member-frm .form-group .form-control::placeholder {
color: rgba(255, 255, 255, 8%);
}
.member-frm label {
color: #fff;
font-size: 16px;
line-height: 1.2;
margin-bottom: 10px;
}
.member-frm .form-check label {
font-size: 14px;
margin-bottom: 0;
}
.member-frm .form-group .form-check {
width: max-content;
display: flex;
align-items: center;
align-content: center;
position: relative;
padding-left: 30px;
margin-bottom: 12px;
}
.member-frm .form-group .form-check .form-check-input {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
top: 50%;
transform: translateY(-50%);
border-radius: 0;
opacity: 0;
margin: auto;
z-index: 1;
}
.member-frm .form-group .form-check .form-check-icon {
width: 20px;
height: 15px;
background-color: #080e18;
border-radius: 3px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.member-frm .form-group .form-check .form-check-input:checked~.form-check-icon {
background-color: #0087f6;
}
.member-frm .btn.primary-btn {
width: 100%;
background-color: #0087f6;
border-color: #0087f6;
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
padding: 12px 12px;
margin: 20px auto;
}
.cstm-box2-titlesub {
text-align: center;
color: #fff;
}
.team-login-wrap {
padding: 100px 0 0;
}
.step-form .modal-dialog {
max-width: 900px !important;
}
.step-form .modal-body {
height: 250px;
overflow: auto;
}
.step-form h6 {
font-size: 28px;
text-align: center;
font-weight: 600;
}
.step-form p {
text-align: center;
font-size: 16px;
font-weight: 400;
margin: 0;
}
.step-form .col-form-label {
color: #000 !important;
font-weight: 600;
font-size: 18px;
padding-top: 20px;
width: 100% !important;
}
.step-form .form-control {
width: 98%;
background: #fff !important;
border: none;
padding: 11px;
border: 1px solid #cdd1e1 !important;
border-radius: 8px;
}
.step-form select {
width: 98%;
border: 1px solid #cdd1e1 !important;
background: #fff;
padding: 12px;
border-radius: 8px;
}
.step-form .form-text {
text-align: left !important;
}
.step-form .pwraps {
padding-top: 10px;
}
.step-form .pwraps i {
color: #f83838;
}
.step-form .modal-content {
height: 410px;
}
.step-form .wrap-txt {
margin-top: 0.25rem;
font-size: 0.875em;
color: #f83838;
}
/* step form */
#regFormtwo {
background-color: #ffffff;
margin: auto;
padding: 10px;
width: 100%;
}
.step-wraps .modal-dialog {
max-width: 900px !important;
height: 400px !important;
}
.step-wraps .modal-body {
height: 350px;
overflow: auto;
}
#regFormtwo h4 {
text-align: center;
font-size: 20px;
font-weight: 500;
}
#regFormtwo .p-step {
text-align: center;
font-size: 18px;
padding-top: 10px;
padding-bottom: 20px;
}
#regFormtwo label {
font-size: 18px;
font-weight: 600;
padding-bottom: 10px;
}
#regFormtwo .form-control {
padding: 10px;
border: 2px solid #cdd1e1;
border-radius: 8px;
}
#regFormtwo .form-select {
padding: 10px;
border: 2px solid #cdd1e1;
border-radius: 8px;
}
#regFormtwo .form-group {
margin-bottom: 40px;
}
#regFormtwo small {
color: #9195a4 !important;
}
#regFormtwo .sp-one {
color: #f83a3a !important;
}
#regFormtwo p {
color: #9195a4;
}
#regFormtwo i {
margin-right: 5px;
color: #f83a3a;
}
#regFormtwo span {
color: #f83a3a;
}
#regFormtwo .from-group-two {
transform: translateY(-22px);
}
.modal-footer-wrap {
justify-content: space-around !important;
}
.modal-footer-wrap .btn-secondary {
color: #000 !important;
background-color: transparent !important;
border-color: transparent !important;
}
.modal-footer-wrap .btn-primary {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
width: 30%;
padding: 9px;
border-radius: 10px;
}