/*============================================

# Template Name: Betvisa Guide

# Version: 1.0

# Date: 09/01/2024

# Author:

# Author URI:

# Developed By:

# Description: ============================================*/ /*==========f================================== ======== Table of Css Content ========= # Typography # Normalize # Global style # Header Area # Banner Area # Section Area # Footer Area ===================================f=========*/

/* @font-face {

  font-family: rbn-bold;

  src: url("../fonts/RBNo3.1-Bold.otf");

}

@font-face {

  font-family: rbn-light;

  src: url("../fonts/RBNo3.1-Light.otf");

} */



@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');



html {

  scroll-behavior: smooth;

}

:root {

  --pad-section: 30px;

  --heading-font-size: 2.625rem;

  --body-font-size: 1.125rem;

  --font-family: "Poppins", sans-serif;

--body-font-family: "Poppins", sans-serif;

--body-font: "Poppins", sans-serif;

--heading-font: "Poppins", sans-serif;

}

/* :root {

  font-family: "Poppins", sans-serif;

  --header-color: #117c44;

  --font-family: rbn-bold, sans-serif;

  --body-font-family: "Poppins", sans-serif;

  --lato-font: "Lato", sans-serif;

  --body-color: #123ea1;

  --darkbody-color: #0f212f;

  --body-alt-color: #0e2d64;

  --dark-color: #123356;

  --primary-color: #43c7f8;

  --secondary-color: #000;

  --accent-color: #ffe824;

  --white-color: #fff;

  --light-color: #f2f2f2;

  --border-color: #fff;

  --border-rad-5: 5px;

  --font-28: 28px;

  --pad-section: 80px;

  --mid-pad-section: 20px;p

  --heading-lg: 40px;

  --heading-1: 32px;

  --heading-2: 28px;

  --heading-3: 24px;

  --heading-4: 20px;

  --heading-5: 18px;

  --heading-6: 16px;

  --body-font: 16px;

  --heading-lh: 1.4;

  --body-lh: 1.2;

} */

.collapsing {

  transition: 0.3s;

}

html {

  scroll-behavior: smooth;

}

body {

  font-family: var(--font-family);

  background-color: var(--primary-color);

  font-size: 14px;

  line-height: 30px;

  padding: 0;

  margin: 0;

  font-weight: 400;

  overflow-x: hidden;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  padding: 0;

  margin: 0;

}

h1,

h1 > a,

h2,

h2 > a,

h3,

h3 > a,

h4,

h4 > a,

h5,

h5 > a,

h6,

h6 > a {

  font-family: var(--font-family);

  color: var(--bs-white);

  font-weight: 600;

  text-transform: initial;

  transition: all 0.2s;

}

h1 > a:hover,

h2 > a:hover,

h3 > a:hover,

h4 > a:hover,

h5 > a:hover,

h6 > a:hover {

  color: var(--accent-color);

}

a,

a:focus,

a:hover {

  text-decoration: none;

  outline: none;

  color: var(--accent-color);

  transition: all 0.6s; /* font-size: 16px; */

}

img {

  max-width: 100%;

  height: auto;

}

.d-rtl {

  direction: rtl;

}

ul,

ol {

  padding: 0;

  margin: 0;

  list-style: none;

}

input:focus,

textarea:focus {

  outline: none;

  box-shadow: none;

  border: 1px solid #fff;

}

button {

  border: none;

  cursor: pointer;

}

input,

textarea {

  padding: 10px 20px;

  color: var(--bs-white);

  width: 100%;

  font-family: var(--font-family);

  height: 50px;

  background: var(--bg-color);

  border: 2px solid var(--border-color);

}

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

input[type="number"] {

  -moz-appearance: textfield;

}

input[type="password"] {

  font-family: initial;

}

input[type="checkbox"] {

  width: initial;

  height: initial;

}

select {

  padding: 10px 20px;

  border: none;

  cursor: pointer;

  outline: none;

}

textarea {

  min-height: 150px;

  resize: none;

}

span {

  display: inline-block;

}

.table thead th,

.table td,

.table th {

  border: none;

}

.d-grid {

  display: grid !important;

}

.b-none {

  border: none !important;

}

.ovf-unset {

  overflow-x: unset !important;

}

iframe {

  border: 0;

  width: 100%;

}

.shadow-none {

  -webkit-box-shadow: none;

  box-shadow: none;

}

h1.m-none,

h2.m-none,

h3.m-none,

h4.m-none,

h5.m-none {

  margin: 0;

}

table thead tr th {

  font-size: 18px;

  line-height: 30px;

}

a {

  display: inline-block;

  color: var(--secondary-color);

  font-weight: 600;

  font-size: 16px;

  line-height: 24px;

}

p,

span,

li,

label {

  margin: 0;

	/* font-family: var(--font-family); */

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.7rem;

  font-family: var(--body-font-family);

}



span,

li,

label {

  color: var(--secondary-color);

}

.section-text {

  margin-bottom: 34px;

}

.section-header {

  margin-bottom: 55px;

}

.sub-title {

  color: var(--white-color); /* margin-top: 40px; */

  line-height: 40px;

  font-size: 30px;

  text-align: center;

  position: relative;

}

.title {

  font-weight: 700;

  margin-bottom: 14px;

}

.xxlr {

  font-size: 26px;

  line-height: 36px;

  margin-top: -7px;

}

.xlr {

  font-size: 24px;

  line-height: 36px;

  margin-top: -7px;

}

.mdr {

  font-size: 16px;

  line-height: 22px;

}

.z-1 {

  z-index: 1;

}

.mb-30 {

  margin-bottom: 30px;

}

.mt-30 {

  margin-top: 30px;

}

.mb-40 {

  margin-bottom: 40px;

}

.mt-40 {

  margin-top: 40px;

}

.mb-60 {

  margin-bottom: 60px;

}

.mt-60 {

  margin-top: 60px;

}

.mb-80 {

  margin-bottom: 80px;

}

.mt-80 {

  margin-top: 80px;

}

.pt-120 {

  padding-top: 120px;

}

.pb-120 {

  padding-bottom: 120px;

}

*::-webkit-scrollbar-track {

  background: var(--bg-color);

}

*::-webkit-scrollbar {

  width: 6px;

}

*::-webkit-scrollbar-button,

*::-webkit-scrollbar-thumb {

  background-color: var(--accent-color);

}

::placeholder {

  color: rgba(255, 255, 255, 0.6);

  opacity: 1;

}

:-ms-input-placeholder {

  color: rgba(255, 255, 255, 0.6);

}

::-ms-input-placeholder {

  color: rgba(255, 255, 255, 0.6);

}

.scrollToTop {

  position: fixed;

  bottom: 0;

  right: 30px;

  width: 45px;

  height: 45px;

  background-color: var(--hover-color);

  border-radius: 5px;

  color: #fff;

  line-height: 45px;

  font-size: 20px;

  text-align: center;

  z-index: 9;

  cursor: pointer;

  transition: all 1s;

  transform: translateY(100%);

}

.scrollToTop.active {

  bottom: 30px;

  transform: translateY(0%);

}

.preloader {

  position: fixed;

  width: 100%;

  height: 100vh;

  z-index: 99999999;

  overflow: visible;

  background: url(../images/preloader.html) no-repeat center center;

  background-size: 20%;

  background-color: #e5eff1;

}



.color-golden,

span.golden_color {

  color: var(--accent-color);

}



.heading {

  font-size: var(--heading-font-size);

  font-family: var(--heading-font);

  text-align: center;

  text-transform: capitalize;

  margin-bottom: 40px;

  letter-spacing: 1px;

}

.description {

  font-size: var(--body-font-size);

  line-height: 1.5;

  font-family: var(--body-font);

}



/* Header Color */

.header-section {

  padding: 30px 0;

  background: var(--primary-color);

  border-bottom: 1px solid var(--border-color);

}



/* Menu Section */



.header-logo a img {

  width: 150px;

}



.language-text {

  text-transform: uppercase;

  font-weight: 500;

  font-family: var(--body-font);

}

.language_part a:hover {

  color: var(--secondary-color);

}



.selected_language {

  background-color: var(--language-color);

  padding: 5px 10px;

  border-radius: 5px;

  box-shadow: 0 3px 3px 0 rgb(118 118 118 / 40%);

}



.selected_language img {

  width: 25px;

  height: 25px;

}

.sidenav-menu {

  width: 70%;

  display: none;

  background: var(--primary-color);

  height: 100vh;

  position: fixed;

  overflow-y: scroll;

  z-index: 100;

}



.sidenav-menu-wrapper ul li a {

  text-align: center;

  background: var(--secondary-color);

  display: block;

  padding: 15px 0;

  color: #fff;

  font-family: var(--body-font) !important;

}

.sidenav-menu.show {

  display: block;

}



.sidenav-menu li.home.menu-item {

  width: 100%;

  background: var(--secondary-color);

  padding: 10px 20px;

}



.sidenav-menu li.home.menu-item a {

  color: var(--accent-color);

}

.sidenav-menu li.menu-item a {

  font-weight: 500;

  font-size: 16px;

  font-family: var(--body-font-family);

}

.sidenav-menu li.menu-item ul.dropdown-menu img,

.sidenav-menu li.home.menu-item img {

  margin-right: 10px;

}



/* Media query to apply styles for desktop view only */

@media (min-width: 768px) {

  li.menu-item:hover ul.dropdown-menu {

    display: block;

    position: absolute;

    padding: 0 10px;

  }

}



.sidenav-menu li.menu-item ul.dropdown-menu {

  display: block;

  border: 0;

  padding-left: 15px;

}

.sidenav-wrapper {

  padding: 40px;

}

.hide-sidenav {

  position: absolute;

  right: 0;

  top: 0;

  background: var(--accent-color);

  width: 40px;

  height: 40px;

  line-height: 40px;

  vertical-align: middle;

  text-align: center;

  font-size: 30px;

  cursor: pointer;

}

.sidenav-heading {

  margin-bottom: 30px;

}

.sidenav-heading p,

.sidenav-heading p span {

  font-size: 20px;

}

.navigation-wrapper {

  float: right;

}

.navigation-wrapper ul li {

  list-style: none;

}

.navigation-wrapper ul li ul.sub-menu {

  display: none;

}

.navigation-wrapper ul.navbar-nav {

  flex-direction: row;

  gap: 20px;

}

.navigation-menu {

  float: right;

}

.navigation-wrapper ul li a {

  padding: 4px 0;

  color: var(--secondary-color);

  line-height: 30px;

  font-family: var(--body-font-family);

}

.navigation-wrapper ul li.login a,

.navigation-wrapper ul li.register a {

  padding: 4px 20px;

  border-radius: 4px;

  text-align: center;

  color: var(--dark-color); /* font-size: 16px; */

  font-weight: 500; /* text-transform: uppercase; */

  line-height: 30px;

  font-family: var(--body-font);

  box-shadow: 0 2px 2px 2px #00000025;

}

.navigation-wrapper ul li.login a {

  background: var(--login-color);

  color: #fff;

}

.navigation-wrapper ul li.register a {

  background: var(--register-color);

  color: var(--white-color);

}



.navigation-wrapper ul li.login:hover a {

  background: var(--accent-color);

  color: var(--white-color);

  box-shadow: 0 -2px 2px 2px #00000025;

}

.navigation-wrapper ul li.register:hover a {

  background: var(--accent-color);

  color: var(--primary-color);

  box-shadow: 0 -2px 2px 2px #00000025;

}



#sidenav {

  cursor: pointer;

}

.sidenav-menu-wrapper ul {

  list-style: none;

}

.sidenav-menu-wrapper ul li {

  margin: 8px 0;

}

.sidenav-menu-wrapper ul li a {

  font-size: 16px;

}

.sidenav-menu-wrapper ul li.login a,

.sidenav-menu-wrapper ul li.register a {

  font-size: 16px;

  font-weight: 600;

  display: block;

  padding: 15px;

  border-radius: 5px;

  text-align: center;

}

.sidenav-menu-wrapper ul li.login a {

  margin-top: 30px;

  background: var(--login-color);

  color: var(--white-color);

}

.sidenav-menu-wrapper ul li.register a {

  margin-top: 10px;

  background: var(--register-color);

  color: var(--white-color);

}



.navigation-wrapper ul li.menu-item a img {

  display: none;

}



div#languageModal .modal-header {

  justify-content: center;

  text-align: center;

  border: 0;

}

div#languageModal .modal-header .btn-close {

  float: right;

  margin: 0;

  position: absolute;

  top: 14px;

  right: 20px;

  color: var(--secondary-color);

  background: none;

}

div#languageModal .modal-body {

  background-color: var(--background-color);

}

#languageModalLabel {

  color: var(--secondary-color);

}

div#languageModal .modal-content {

  background: var(--primary-color);

  border-radius: 8px;

}

div#languageModal.modal {

  top: 50px;

}

.countrylang {

  text-align: center;

  /* background: var(--body-alt-color); */

  margin-bottom: 20px;

  border-radius: 5px;

  padding: 10px 0px;

}

.countrylang img {

  width: 30px;

  height: 30px;

  margin-bottom: 10px;

}

.countrylang h3 {

  font-size: 16px;

  color: var(--secondary-color);

  margin-bottom: 10px;

  line-height: 30px;

  font-family: var(--font-family);

}

.countrylang .btn-group {

  display: block;

  position: relative;

}



.countrylang .btn-group a.btn {

  display: inline-block;

  position: relative;

  width: 49%;

  background: #424242; /* float: left; */

  border: 10px;

  color: #fff;

}



.countrylang a.btn {

  line-height: 20px !important;

  padding: 5px 20px;

  border: 2px solid transparent;

  font-weight: 600;

  box-shadow: 0 2px 2px 2px #00000025;

}



.countrylang a.btn:hover {

  border: 2px solid var(--accent-color);

}





/* Slider Section */

.slider-section {

  background-color: var(--secondary-color);

}



/* Intro Section */

.introduction-section {

  background-color: var(--primary-color);

  padding: var(--pad-section);

}



/* Service Section */

.services-section {

  background-color: var(--secondary-color);

  padding: var(--pad-section) 0;

}

.service-item {

  text-align: center;

  /* background: #074625; */

  border-radius: 20px;

  margin-bottom: 30px;

  padding: 20px;

  box-shadow: 0px 2px 12px 2px #00000040;

}







.service-item img {

  max-width: 220px;

  margin: 0 auto;

  margin-bottom: 20px;

}



.service-title h3 {

  font-family: var(--body-font);

  padding: 10px;

  border-radius: 20px;

  width: 200px;

  margin: 0 auto;

  text-transform: uppercase;

  font-weight: 600;

  font-size: 18px;

  box-shadow: inset 0px 0px 26px 0px #00000080;

  letter-spacing: 1px;

}

.wave {

  width: 100%;

  height: 140px;

  background-repeat: no-repeat;

  background-size: cover;

}

/* Commision Section */

.commision-section {

  background-color: var(--primary-color);

  padding: var(--pad-section);

}

.com-card {

  height: auto;

  background-size: contain;

  background-repeat: no-repeat;

  text-align: center;

}



.commission_label {

  /* width: 120px; */

  text-align: center;

}

.commission_image img {

  width: 90px;

  height: auto;

}



.commission-wrap .commission-holder {

  display: flex;

  justify-content: space-between;

  width: 100%;

  /* max-width: 1200px; */

  /* overflow-x: scroll; */

}



.com-card {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  background-size: contain;

  background-position: center;

  padding: 20px;

  margin: 10px;

  border-radius: 8px;

  flex: 1;

  position: relative;

  color: white; /* Ensure text is visible over the background image */

}



.commission-wrap .com-card:nth-child(1):after,

.commission-wrap .com-card:nth-child(2):after,

.commission-wrap .com-card:nth-child(3):after {

  content: "-";

  position: absolute;

  right: -15px;

  top: 40%;

  z-index: 999;

  font-size: 50px;

  color: var(--accent-color);

}

.commission-wrap .com-card:nth-child(4):after {

  font-weight: 900;

  content: "=";

  position: absolute;

  right: -20px;

  top: 40%;

  z-index: 999;

  font-size: 35px;

  color: var(--accent-color);

}



.commission_label h4 {

  font-family: var(--body-font);

  font-size: 14px;

}



.icon img {

  width: 70px;

  margin-bottom: 15px;

}



#commision_table table {

  font-family: var(--body-font);

}

#commision_table table tr,

#commision_table table,

#commision_table table th {

  border: 0;

  border-radius: 0;

}



div#commision_table {

  width: 90%;

  margin: 30px auto;

}



div#commision_table td {

  font-weight: 600;

}



#commision_table table tbody tr:last-child td {

  color: var(--accent-color);

}



#commision_table table tbody > tr:nth-child(even) {

  background-color: var(--primary-color);

}



#commision_table table tbody > tr:nth-child(odd) {

  background-color: var(--login-color);

}



#commision_table table thead tr {

  background: var(--secondary-color) !important;

  color: var(--accent-color) !important;

  font-weight: 600;

}



#commision_table table tbody tr:last-child {

  background: var(--secondary-color) !important;

  color: var(--login-color) !important;

}



#commision_table table tbody > tr {

  height: 60px;

}

/*

.commission-wrap .commission-holder {

  display: flex;

  gap: 2rem;

  justify-content: space-evenly;

  align-items: stretch;

  width: 100%;

  margin: 0 auto;

}

.commission-wrap .com-card {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 0.5rem;

  flex-basis: 20%;

  position: relative;

}



.commission-wrap .com-card .icon {

  width: 60px;

  height: 60px;

  display: flex;

  justify-content: center;

  align-items: center;

}



.commission-wrap .com-card h4 {

  font-family: var(--body-font);

  font-size: 14px;

  text-transform: uppercase;

  text-align: center;

  max-width: 80%;

}

 */

/* About Section */

.about-section {

  padding: var(--pad-section) 0;

  background-color: var(--secondary-color);

  border-top: 1px solid var(--border-color);

  border-bottom: 1px solid var(--border-color);

}



.why-item-wrapper {

  position: relative;

}



.why-item {

  border-radius: 15px;

  padding: 30px 0;

  margin-bottom: 60px;

  text-align: center;

  z-index: 3;

  position: relative;

}

.why-item img {

  max-width: 120px;

  margin: 20px auto;

}

.why-title h3 {

  font-family: var(--heading-font);

  margin-right: 40px;

  border-top-right-radius: 30px;

  border-bottom-right-radius: 30px;

  box-shadow: 0 6px 5px rgb(0 0 0 / 50%);

  font-size: 24px;

  text-align: left;

  padding: 10px 20px 10px 10px;

  color: #000;

}

.why-description p {

  color: #fff;

  line-height: 1.5;

  font-family: var(--body-font);

  text-align: left;

  padding: 0 15px;

  font-size: 16px;

}



.bottom-circle {

  content: "";

  background: var(--primary-color);

  width: 140px;

  height: 140px;

  position: absolute;

  z-index: 1;

  left: 24%;

  bottom: -40px;

  border-radius: 100px;

}



/* Registration Section */

.registration-section {

  background-color: var(--secondary-color);

  padding: var(--pad-section) 0;

}



.register_wrapper {

  height: 400px;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 30px 100px;

}



.register-item {

  border: 1px solid var(--accent-color);

  padding: 20px 15px;

  min-height: 200px;

  overflow: hidden;

  border-radius: 20px;

}



.register-title h3 {

  font-size: 24px;

  line-height: 1.7;

  text-align: center;

  font-family: var(--heading-font);

  font-weight: 600;

}



.register-description p {

  font-size: 16px;

  line-height: 1.5;

  color: #fff;

  text-align: center;

  font-family: var(--body-font);

}



/* Affilate Section */

.affilate-section {

  background-color: var(--secondary-color);

}



.affilate_wrapper {

  padding: var(--pad-section) 0;

  background-size: cover;

  background-repeat: no-repeat;

}

.affilate_image_wrapper {

  text-align: right;

}

.affilate_image_wrapper img {

  height: 450px;

}

.button_links {

  top: 50%;

  position: relative;

  left: 10%;

}

.button_links a {

  display: block;

  margin-bottom: 30px;

  background: #fff;

  padding: 15px 0;

  width: 140px;

  text-align: center;

  font-family: var(--body-font);

  border-radius: 5px;

  position: relative;

  box-shadow: 0 2px 2px 2px #00000025;

}



.button_links a.register {

  color: #fff;

}



.button_links {

  top: 30%;

  position: relative;

  left: 10%;

}

/* Slider */



.slider-indicators-round .slider-indicators > *,

.slider-indicators-round.slider-indicators > * {

  background-color: var(--secondary-color);

  border-radius: 0;

}



.slider-indicators > .active {

  background-color: var(--accent-color);

  border-radius: 0;

}



/* Search Section */

.search-section {

  padding: var(--mid-pad-section) 0;

  text-align: center;

  background-color: var(--white-color);

}



.search-section h2 {

  font-family: var(--font-family);

  font-size: var(--heading-lg);

  color: var(--secondary-color);

  font-weight: 900;

}

.descriptions {

  margin: 20px 0;

}

.descriptions p {

  font-size: var(--heading-3);

  font-family: var(--body-font-family);

  color: var(--secondary-color);

  font-weight: 600;

  line-height: var(--body-lh);

}

.search-input {

  width: 75%;

  margin: 0 auto;

}

.search-input input {

  border-radius: 50px;

  border-top-left-radius: 50px !important;

  border-bottom-left-radius: 50px !important;

  background: var(--light-color);

  position: relative;

  z-index: 2;

  padding-left: 40px;

}

.search-input .input-group-append i {

  font-size: 24px;

  line-height: 50px;

  display: block;

  left: 10px;

  position: relative;

}

.input-group-append {

  position: absolute;

  left: 0;

  z-index: 10;

}

.input-group-append button {

  background: var(--accent-color);

  border: none;

  color: var(--body-alt-color);

  font-weight: 600;

}

.input-group .btn {

  position: relative;

  z-index: 2;

  padding: 5px 10px;

  margin-top: 5px;

  margin-right: 5px;

  border-radius: 5px;

  background: var(--dark-color);

  font-weight: 400;

  color: #fff;

} /* End Search Section */

.page-heading {

  background: var(--body-alt-color);

  display: block;

  text-align: center;

  padding: 35px 0px;

  border-radius: var(--border-rad-5);

  margin: 50px 0 0px 0px;

}

.page-heading p,

.page-heading span {

  font-family: var(--font-family);

  font-weight: 600;

  font-size: var(--font-28);

  line-height: 1.2;

}

.bitjili-content h2 {

  font-size: 28px;

  font-family: var(--font-family) !important;

  color: var(--accent-color) !important;

  font-weight: 700 !important;

}

.padding-desktop.bitjili-content {

  padding: 0px 50px;

}

.padding-desktop.bitjili-content.padding-default {

  padding: var(--pad-section) 50px;

}

.bitjili-content h3 {

  font-size: 20px;

  line-height: 60px;

  font-family: var(--font-family) !important;

  color: var(--accent-color) !important;

  font-weight: 700 !important;

}

.bitjili-content p {

  font-family: var(--body-font-family);

  text-align: justify;

  margin: 10px 0;

}

/* .bitjili-content div a {

  color: var(--accent-color);

  border-bottom: 3px solid transparent;

  transition: all 0.2s;

  font-size: 16px;

}

.bitjili-content div a:hover {

  color: var(--accent-color);

  border-bottom: 3px solid var(--accent-color);

} */

/* Faq */

.faq-page .nav-item {

  margin-right: 10px;

}

.faq-page .nav-pills .nav-link {

  background: var(--secondary-color);

  color: var(--white-color);

  font-size: 14px;

  font-family: var(--font-family);

  font-weight: 600;

  padding: 5px 10px;

}



.faq-page .nav-pills .nav-link span {

  transform: skewX(20deg);

  color: var(--white-color);

}

.faq-page .nav-pills .nav-link.active span {

  background-color: var(--secondary-color);

  color: var(--accent-color);

}

.faq-page .nav-pills .nav-link {

  border-radius: 0;

}



li.faq-item {

  line-height: 32px;

}

ul.faq-items {

  padding: 0 40px;

  list-style: circle;

  column-count: 2;

}

ul.faq-items li::marker {

  color: var(--secondary-color);

}

/* Related Section */

.related_wrapper {

  margin: 20px 0 0;

  padding: 60px 0;

  background: var(--accent-color);

}

.related-faqs h2 {

  font-size: 16px;

  margin-bottom: 20px;

  color: var(--body-alt-color);

}

.related-faqs .faq-list p {

  color: var(--body-alt-color);

}

.related-faqs a.faq-item-link {

  color: var(--body-alt-color);

  border-bottom: 3px solid transparent;

  transition: all 0.2s;

  font-size: 16px;

}

.related-faqs ul.faq-items li::marker {

  color: var(--body-alt-color);

}

.related-faqs a.faq-item-link:hover {

  color: var(--light-color);

  border-bottom: 3px solid var(--light-color);

  transition: all 0.2s;

  font-size: 16px;

} /* End Related Section */ /* Topics Section */

.topics-section {

  background-color: var(--white-color);

  padding: var(--mid-pad-section) 0;

  text-align: center;

}

.topic_header_section .heading h3,

.topic_all a {

  font-size: var(--heading-6);

  font-weight: 600;

  font-family: var(--font-family);

  color: var(--secondary-color);

}



.topic_header_section .heading {

  position: relative;

  float: left;

}

.topic_header_section_border {

  background: #000;

  height: 6px;

  position: relative;

  clear: both;

}

.topics-section h2,

.topics-section span {

  font-family: var(--font-family);

  font-size: 48px;

  font-weight: bold;

  margin-bottom: 60px;

  color: var(--accent-color);

}



.topic_all {

  float: right;

  position: relative;

}

div#faq-search-results {

  display: none;

}

body.single-faq {

  background-color: var(--white-color);

}

.single-faq-archive {

  margin: var(--mid-pad-section) 0;

}



.faqs_section {

  padding: var(--mid-pad-section) 0;

}

div#faq-search-results {

  width: 75%;

  background: var(--light-color);

  margin: 0 auto;

  padding: 30px;

  text-align: left;

  position: relative;

  top: -10px;

  border-bottom-right-radius: 18px;

  border-bottom-left-radius: 18px;

  height: 300px;

  overflow-y: scroll;

}

.faq-grid-img {

  width: 50px;

  height: 50px;

  background: var(--light-color);

  margin: 0 auto;

  margin-bottom: 20px;

}

.faq-grid-item {

  /* height: 150px; */

  text-align: center;

  background-color: var(--light-color);

  margin-bottom: 30px;

  padding: 20px;

  border-radius: 12px;

}

.faq-grid-title h4 {

  font-family: var(--font-family);

  font-size: 18px;

  text-align: center;

  color: var(--secondary-color);

  font-weight: 800;

}

.faq-grid-img img {

  padding: 10px 0;

}

.topics_link a {

  background: var(--secondary-color);

  padding: 10px 30px;

  border: 2px solid var(--primary-color);

  color: var(--accent-color);

  font-size: 16px;

  border-radius: 8px;

  margin-top: 20px;

} /* End Topics Section */

.cta-section {

  background-color: var(--accent-color);

  padding: var(--pad-section) 0;

}

.cta-img-holder {

  border: 2px solid var(--primary-color);

  border-radius: 10px;

  overflow: hidden;

  margin-bottom: 20px;

}

.cta-section h3.heading {

  font-size: 24px;

  font-weight: 700;

  color: var(--darkbody-color);

  margin-bottom: 10px;

  padding-left: 15px;

}

.cta-section .description {

  font-size: var(--heading-6);

  line-height: var(--heading-lh);

  color: var(--darkbody-color);

  font-weight: 500;

  margin-bottom: 10px;

  padding: 0 15px;

}

.cta-section a.cta-btn {

  padding: 10px 20px;

  text-align: center;

  width: 100%;



  border: 2px solid var(--dark-color);

  background-color: var(--dark-color);

  margin: 10px 0 0 0;

  border-radius: 8px;

  color: var(--accent-color);

  font-weight: 600;

  font-size: var(--heading-5);

}

.cta-section a.cta-btn:hover {

  color: var(--dark-color);

  border: 2px solid var(--dark-color);

  background-color: var(--accent-color);

}

.cta-section .item.cta-single:hover {

  box-shadow: 0 4px 6px 2px rgb(207 140 140 / 50%);

}



#ctaSlider {

  position: relative;

}

.owl-nav {

  position: relative;

  top: -220px;

  left: 0;

}

.owl-carousel .owl-nav button.owl-prev {

  position: absolute;

  left: -30px;

}

.owl-carousel .owl-nav button.owl-next {

  position: absolute;

  right: -30px;

}



.cta-section .item.cta-single {

  background: #fff;

  padding: 10px;

  border-radius: 10px;

  border-radius: 10px;

  box-shadow: 0 3px 4px 1px rgb(207 140 140 / 50%);

  margin: 5px;

  margin-bottom: 20px;

}



.bitjili-content ul {

  list-style: circle;

  padding-left: 20px;

}



.bitjili-content ul li span {

  /* display: block;/ */

}



.bitjili-content ul li::marker {

  color: var(--golden-color);

  font-weight: 900;

}



.topics-pills-wrapper {

  background-color: var(--accent-color);

  transform: skewX(-20deg);

  padding: 8px;

}



.topics-pills-wrapper ul {

  list-style: none;

}

.heading-wrapper {

  text-align: left;

  margin: 30px auto 0;

  /* background: var(--accent-color); */

  /* width: 50%; */

  /* padding: 10px 40px; */

}

h4.topic-heading {

  /* background: var(--darkbody-color); */

  padding: 10px 0px;

  border-radius: 6px;

  font-size: var(--heading-2);

  line-height: 24px;

}

h4.topic-heading span {

  font-size: 18px;

  line-height: 24px;

  color: var(--secondary-color);

  font-weight: 600;

}

.single-faq .faq-items-lists {

  margin-bottom: 20px;

}

.single-faq h4.topic-heading {

  text-align: center;

}



.single-faq h4.topic-heading span {

  font-size: var(--heading-2);

}



.faq_like_wrapper {

  width: 50%;

  margin: 20px auto;

  text-align: center;

}

.count_heading h3 {

  font-size: var(--heading-2);

  font-weight: 700 !important;

  color: var(--secondary-color) !important;

}

.count_wrapper {

  font-size: 20px;

  font-weight: 800;

}



.like_icon {

  background-image: url("../images/like.png");

  display: inline-block;

  width: 60px;

  height: 60px;

  background-repeat: no-repeat;

  position: relative;

}



.like_para {

  display: inline-block;

  position: relative;

  top: -20px;

}



.pagination_wrapper {

  text-align: center;

}

.pagination_wrapper .pagination {

  display: block;

}

.pagination_wrapper .pagination a {

  background: var(--accent-color);

  padding: 5px 10px;

  border-radius: 30px;

  margin-right: 10px;

}

span.page-numbers.current {

  background: var(--light-color);

  color: var(--secondary-color);

  font-weight: 800;

  padding: 5px 10px;

  border-radius: 25px;

  margin-right: 10px;

}

.faq-items-lists {

  padding: 0 10px;

  margin-bottom: 80px;

}

a.faq-item-link span {

  font-family: var(--body-font-family);

  color: var(--secondary-color);

  border-bottom: 3px solid transparent;

  transition: all 0.2s;

  font-size: 16px;

}

a.faq-item-link span:hover {

  color: var(--accent-color);

  border-bottom: 3px solid var(--accent-color);

  transition: all 0.2s;

  font-size: 16px;

}

div#faq-search-results ul li a {

  color: var(--dark-color);

  margin-bottom: 10px;

}

div#faq-search-results ul li {

  border-bottom: 1px solid var(--dark-color);

} /* Faq Page */

.single-faq-wrapper {

  background: var(--white-color);

} /* End Faq Page */ /*  */

.bitjili-content h2.faq-title {

  margin-bottom: 32px;

}



.bitjili-content a {

  color: var(--accent-color);

}

.bitjili-content h4 {

  font-size: 18px;

  line-height: 24px;

}

.bitjili-content .related-faqs h2 {

  font-size: 18px !important;

  color: var(--white-color) !important;

  font-weight: 700 !important;

  margin-bottom: 20px;

}



/* Footer Area */

footer.footer-wrapper {

  background-color: var(--footer-color);

  color: #fff;

  font-family: var(--body-font);

  padding-top: var(--pad-section);

}

.copyright-section {

  background-color: var(--footer-bottom-color);

  text-align: center;

}



.footer-copyright {

  padding: 30px 0;

}

.footer-logo {

  margin-bottom: 20px;

  text-align: center;

	padding-top: 15px;

}

.footer-logo a img {

  width: 180px;

}

.footer-copyright p {

  font-family: var(--body-font-family);

  font-size: 14px;

  font-weight: 500;

}

.footer-menu-wrapper {

  margin-bottom: 40px;

}

.footer-menu ul {

  flex-direction: row;

  display: flex;

  flex-wrap: wrap;

}

.footer-menu li {

  flex-basis: 25%;

  box-sizing: border-box;

  margin-bottom: 10px;

}

.footer-menu li a {

  color: var(--footer-text-color);

  font-family: var(--body-font-family);

  font-weight: 400;

}

.footer-menu li a:hover {

  color: var(--accent-color);

}

.footer-wrapper-copyright {

  background-color: var(--darkbody-color);

  text-align: center;

  padding: 20px 0;

}

p.copyright {

  /* margin-top: 30px; */

  color: var(--secondary-color);

}

p.social_title {

  /* margin-top: 30px; */

  color: var(--footer-text-color);

  font-family: var(--body-font);

  text-transform: uppercase;

  font-weight: 600;

  text-align: center;

  width: 100%;

  font-size: 18px;

  display: block;

}

.social_wrapper {

  transform: skewX(-20deg);

  border-radius: 20px;

  padding: 15px;

  margin-bottom: 50px;

}



.social_links {

  transform: skewX(20deg);

  text-align: center;

}

.social_links ul {

  margin-top: 10px;

}

.social_links ul li {

  display: inline-block;

  margin-right: 5px;

}

.social_links ul li a {

  margin-right: 5px;

}

.navigation-wrapper#mobile-head {

  display: none;

}

/* navigation-wrapper */

@media (max-width: 768px) {

  .navigation-wrapper {

    display: none;

  }

  .navigation-wrapper#mobile-head {

    display: block;

  }

}



.navigation-wrapper ul li ul.sub-menu {

  display: none;

  position: absolute;

  background: #fff;

  z-index: 100;

  transition: all 0.5s ease;

  height: 0;

  box-shadow: 0 2px 4px 2px rgb(18 51 86 / 50%);

}

.navigation-wrapper ul.navbar-nav li:hover ul.sub-menu {

  display: block;

  opacity: 1;

  height: auto;

  transform: translateY(0);

}



ul.navbar-nav li:hover ul.sub-menu li {

  /* color: var(--golden-color); */

  padding: 8px 35px 8px 15px;

  background-color: var(--secondary-color);

}



li.menu-item.menu-item-has-children > a:after {

  content: "";

  display: inline-block;

  position: relative;

  left: 0;

  margin: 0px 10px;

  border: solid #fff;

  border-width: 0 3px 3px 0;

  display: inline-block;

  padding: 3px;

  transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

}



ul.navbar-nav li ul.sub-menu {

  color: var(--accent-color);

  background: var(--primary-color);

}



.mob {

  display: none;

}



@media (max-width: 768px) {

  .selected_language {

    /* 		width: 200px; */

  }

  .mob {

    display: inline-block;

  }

}



.bitjili-content table tr,

.bitjili-content table td {

  border-color: #fff;

  color: #fff;

}



.single-page {

  padding: var(--pad-section);

}





/* Winona */

.button--affilate {

	overflow: hidden;

	padding: 0;

	-webkit-transition: border-color 0.3s, background-color 0.3s;

	transition: border-color 0.3s, background-color 0.3s;

	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

}

.button--affilate::after {

	content: attr(data-text);

	position: absolute;

	top: 0;

  width: 100%;

  height: 100%;

	left: 0px;

	opacity: 0;

	color: var(--primary-color);

	-webkit-transform: translate3d(0, 25%, 0);

	transform: translate3d(0, 25%, 0);

}

.button--affilate > span {

	display: block;

}

.button--affilate.button--inverted:after {

	color: #fff;

}



.button--affilate.button--inverted:after {

	color: var(--accent-color);

}

.button--affilate.button--accent:after {

	color: var(--accent-color);

  background-color: var(--secondary-color) !important;

}

.button--affilate::after,

.button--affilate > span {

	padding: 1em 2em;

	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

	transition: transform 0.3s, opacity 0.3s;

	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

}

.button--affilate:hover {

	border-color: var(--primary-color) !important;

	background-color: var(--primary-color) !important;

}



.button--affilate:hover::after {

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.button--affilate:hover > span {

	opacity: 0;

	-webkit-transform: translate3d(0, -25%, 0);

	transform: translate3d(0, -25%, 0);

}



.padding-desktop p {

    color: var(--text-color) !important;

	font-family: var(--body-font);

}





/*=========================== new deshi777 css from here================

========================================================================

======================================================================== */



/* =====================================================

   DESHI777 DARK GOLD FINAL STYLE PATCH

   Add this at the VERY BOTTOM of main.css

===================================================== */



/* Base */

html,

body {

  background: #080301 !important;

  color: #fff1c4 !important;

}



body {

  background:

    radial-gradient(circle at top center, rgba(247, 200, 75, 0.10), transparent 34%),

    linear-gradient(180deg, #080301 0%, #140704 45%, #080301 100%) !important;

}



p,

span,

li,

label {

  color: #fff1c4 !important;

}



h1,

h2,

h3,

h4,

h5,

h6,

.heading,

.sub-title,

.title {

  color: #f7c84b !important;

  text-shadow: 0 0 14px rgba(247, 200, 75, 0.22);

}



/* Header */

.header-section {

  background: linear-gradient(180deg, #170904 0%, #080301 100%) !important;

  border-bottom: 1px solid rgba(247, 200, 75, 0.35) !important;

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.65) !important;

  padding: 18px 0 !important;

}



.navigation-wrapper ul li a {

  color: #fff1c4 !important;

}



.navigation-wrapper ul li.login a {

  background: #27313c !important;

  color: #ffffff !important;

  border: 1px solid rgba(247, 200, 75, 0.35) !important;

  border-radius: 8px !important;

}



.navigation-wrapper ul li.register a {

  background: linear-gradient(180deg, #ffe59a 0%, #f7c84b 55%, #9a610b 100%) !important;

  color: #120704 !important;

  border: 1px solid #f7c84b !important;

  border-radius: 8px !important;

  font-weight: 800 !important;

}



.selected_language {

  background: #1b0d05 !important;

  border: 1px solid rgba(247, 200, 75, 0.45) !important;

  border-radius: 8px !important;

}



.language-text {

  color: #fff1c4 !important;

}



/* Slider */

.slider-section {

  background: #050201 !important;

}



/* Introduction */

.introduction-section {

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.11), transparent 50%),

    #080301 !important;

  padding: 35px 0 !important;

}



.introduction-section .container {

  background: linear-gradient(135deg, #1b0d05 0%, #090301 100%) !important;

  border: 1px solid rgba(247, 200, 75, 0.35) !important;

  border-radius: 16px !important;

  padding: 30px 24px !important;

  box-shadow: 0 0 30px rgba(247, 200, 75, 0.14) !important;

}



.introduction-section p {

  color: #fff1c4 !important;

  text-align: center;

}



/* Our Products */

.services-section {

  background:

    radial-gradient(circle at top center, rgba(247, 200, 75, 0.12), transparent 45%),

    linear-gradient(180deg, #100603 0%, #060201 100%) !important;

  padding: 45px 0 !important;

}



.service-item {

  background:

    linear-gradient(145deg, rgba(247, 200, 75, 0.14), rgba(11, 4, 1, 0.98)) !important;

  border: 1px solid rgba(247, 200, 75, 0.35) !important;

  border-radius: 14px !important;

  box-shadow:

    inset 0 0 22px rgba(247, 200, 75, 0.08),

    0 10px 26px rgba(0, 0, 0, 0.6) !important;

  transition: all 0.25s ease;

}



.service-item:hover {

  transform: translateY(-4px);

  border-color: rgba(247, 200, 75, 0.75) !important;

  box-shadow:

    0 0 28px rgba(247, 200, 75, 0.22),

    0 12px 30px rgba(0, 0, 0, 0.7) !important;

}



.service-item img {

  filter: drop-shadow(0 0 16px rgba(247, 200, 75, 0.38));

}



.service-title h3 {

  background: linear-gradient(180deg, #2c1708 0%, #080301 100%) !important;

  color: #f7c84b !important;

  border: 1px solid rgba(247, 200, 75, 0.45) !important;

  box-shadow: inset 0 0 18px rgba(247, 200, 75, 0.14) !important;

}



/* Commission Plan */

.commision-section {

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.12), transparent 48%),

    linear-gradient(180deg, #080301 0%, #120704 100%) !important;

  padding: 45px 0 !important;

}



.com-card {

  background:

    linear-gradient(145deg, rgba(247, 200, 75, 0.14), rgba(11, 4, 1, 0.98)) !important;

  border: 1px solid rgba(247, 200, 75, 0.45) !important;

  border-radius: 14px !important;

  box-shadow:

    inset 0 0 18px rgba(247, 200, 75, 0.08),

    0 8px 22px rgba(0, 0, 0, 0.58) !important;

}



.commission_label h4 {

  color: #fff1c4 !important;

}



.commission-wrap .com-card:nth-child(1):after,

.commission-wrap .com-card:nth-child(2):after,

.commission-wrap .com-card:nth-child(3):after,

.commission-wrap .com-card:nth-child(4):after {

  color: #f7c84b !important;

  text-shadow: 0 0 14px rgba(247, 200, 75, 0.7);

}



/* Commission Table */

div#commision_table {

  border: 1px solid rgba(247, 200, 75, 0.35) !important;

  border-radius: 12px !important;

  overflow: hidden !important;

  box-shadow: 0 0 26px rgba(247, 200, 75, 0.14) !important;

}



#commision_table table thead tr {

  background: #251407 !important;

  color: #f7c84b !important;

}



#commision_table table tbody > tr:nth-child(odd) {

  background: #140804 !important;

}



#commision_table table tbody > tr:nth-child(even) {

  background: #211105 !important;

}



#commision_table table tbody tr:last-child {

  background: linear-gradient(90deg, #3a2208 0%, #8b570d 100%) !important;

}



#commision_table table td,

#commision_table table th {

  color: #fff1c4 !important;

  border-color: rgba(247, 200, 75, 0.18) !important;

}



#commision_table table tbody tr:last-child td {

  color: #f7c84b !important;

}



/* Why Join */

.about-section {

  background:

    radial-gradient(circle at top center, rgba(247, 200, 75, 0.12), transparent 45%),

    linear-gradient(180deg, #120704 0%, #070301 100%) !important;

  border-top: 1px solid rgba(247, 200, 75, 0.28) !important;

  border-bottom: 1px solid rgba(247, 200, 75, 0.28) !important;

  padding: 45px 0 !important;

}



.why-item {

  background:

    linear-gradient(145deg, rgba(247, 200, 75, 0.13), rgba(11, 4, 1, 0.98)) !important;

  border: 1px solid rgba(247, 200, 75, 0.35) !important;

  border-radius: 14px !important;

  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.58) !important;

  margin-bottom: 25px !important;

}



.why-title h3 {

  background: transparent !important;

  color: #f7c84b !important;

  box-shadow: none !important;

  text-align: center !important;

  margin: 0 0 10px 0 !important;

  padding: 0 !important;

}



.why-description p {

  color: #fff1c4 !important;

  text-align: center !important;

}



.bottom-circle {

  display: none !important;

}



/* Registration */

.registration-section {

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.12), transparent 48%),

    linear-gradient(180deg, #080301 0%, #120704 100%) !important;

  padding: 45px 0 !important;

}



.register_wrapper {

  background-color: rgba(8, 3, 1, 0.88) !important;

  background-blend-mode: multiply !important;

  border: 1px solid rgba(247, 200, 75, 0.38) !important;

  border-radius: 18px !important;

  box-shadow: 0 0 30px rgba(247, 200, 75, 0.15) !important;

}



.register-item {

  background: rgba(10, 4, 1, 0.78) !important;

  border: 1px solid rgba(247, 200, 75, 0.45) !important;

  border-radius: 16px !important;

}



/* Affiliate CTA */

.affilate-section {

  background: #080301 !important;

}



.affilate_wrapper {

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.10), transparent 45%),

    linear-gradient(180deg, #120704 0%, #080301 100%) !important;

  background-color: #080301 !important;

  background-blend-mode: multiply !important;

}



.button_links a,

.button_links a.register,

.button_links a.login {

  background: linear-gradient(180deg, #ffe59a 0%, #f7c84b 55%, #9a610b 100%) !important;

  color: #120704 !important;

  border: 1px solid #f7c84b !important;

  border-radius: 8px !important;

  font-weight: 800 !important;

  box-shadow: 0 0 18px rgba(247, 200, 75, 0.32) !important;

}



.button_links a:hover {

  background: #120704 !important;

  color: #f7c84b !important;

}



/* Footer */

footer.footer-wrapper,

.footer-wrapper {

  background:

    radial-gradient(circle at top center, rgba(247, 200, 75, 0.12), transparent 45%),

    linear-gradient(180deg, #160904 0%, #070301 100%) !important;

  border-top: 1px solid rgba(247, 200, 75, 0.35) !important;

}



.social_wrapper {

  background: linear-gradient(145deg, #2a1608 0%, #120704 100%) !important;

  border: 1px solid rgba(247, 200, 75, 0.35) !important;

  border-radius: 14px !important;

  transform: none !important;

  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.48) !important;

}



.social_links {

  transform: none !important;

}



p.social_title {

  color: #f7c84b !important;

}



.footer-menu li a,

.footer-copyright p,

p.copyright {

  color: #fff1c4 !important;

}



.footer-menu li a:hover {

  color: #f7c84b !important;

}



.copyright-section,

.footer-wrapper-copyright {

  background: #070301 !important;

  border-top: 1px solid rgba(247, 200, 75, 0.2) !important;

}



/* Mobile */

@media (max-width: 768px) {

  .header-section {

    padding: 14px 0 !important;

  }



  .service-item {

    margin-bottom: 18px !important;

  }



  .commission-wrap .commission-holder {

    flex-wrap: wrap !important;

    gap: 12px !important;

  }



  .com-card {

    flex: 0 0 calc(50% - 12px) !important;

    margin: 0 !important;

    min-height: 120px !important;

  }



  .commission-wrap .com-card:after {

    display: none !important;

  }



  div#commision_table {

    width: 100% !important;

    overflow-x: auto !important;

  }



  #commision_table table {

    min-width: 720px !important;

  }



  .register_wrapper {

    height: auto !important;

    padding: 24px 14px !important;

  }



  .register-item {

    margin-bottom: 16px !important;

    min-height: auto !important;

  }



  .button_links {

    position: static !important;

    left: auto !important;

    top: auto !important;

    text-align: center !important;

    margin-top: 20px !important;

  }



  .button_links a {

    width: 180px !important;

    margin: 0 auto 14px !important;

  }

}



/* =====================================================

   DESHI777 INTRODUCTION SECTION EXACT CARD FIX

===================================================== */



.deshi-intro-section {

  background: #080301 !important;

  padding: 34px 20px !important;

}



.deshi-intro-section .container {

  max-width: 1450px !important;

  width: 100% !important;

  margin: 0 auto !important;

  padding-left: 15px !important;

  padding-right: 15px !important;

}



.deshi-intro-card {

  width: 100% !important;

  padding: 34px 36px 38px !important;

  border-radius: 18px !important;

  border: 1px solid rgba(247, 200, 75, 0.40) !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.13), transparent 56%),

    linear-gradient(135deg, rgba(64, 35, 11, 0.86) 0%, rgba(15, 6, 2, 0.98) 50%, rgba(51, 28, 9, 0.86) 100%) !important;

  box-shadow:

    inset 0 0 45px rgba(247, 200, 75, 0.10),

    0 0 25px rgba(247, 200, 75, 0.16),

    0 14px 36px rgba(0, 0, 0, 0.58) !important;

  position: relative !important;

  overflow: hidden !important;

}



.deshi-intro-card::before {

  content: "";

  position: absolute;

  inset: 0;

  background:

    radial-gradient(circle at 18% 25%, rgba(247, 200, 75, 0.12), transparent 24%),

    radial-gradient(circle at 82% 35%, rgba(247, 200, 75, 0.10), transparent 26%),

    linear-gradient(90deg, transparent, rgba(247, 200, 75, 0.06), transparent);

  pointer-events: none;

  z-index: 0;

}



.deshi-intro-title,

.deshi-intro-description {

  position: relative !important;

  z-index: 1 !important;

}



.deshi-intro-title {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 14px !important;

  margin: 0 0 20px !important;

  color: #f7c84b !important;

  font-size: 38px !important;

  line-height: 1.2 !important;

  font-weight: 800 !important;

  text-align: center !important;

  text-transform: uppercase !important;

  letter-spacing: 1.5px !important;

  text-shadow:

    0 0 10px rgba(247, 200, 75, 0.48),

    0 2px 8px rgba(0, 0, 0, 0.75) !important;

}



.deshi-title-text {

  color: #f7c84b !important;

  font-size: inherit !important;

  line-height: inherit !important;

  font-weight: inherit !important;

}



.deshi-title-crown {

  color: #c58a26 !important;

  font-size: 18px !important;

  line-height: 1 !important;

  text-shadow: 0 0 8px rgba(247, 200, 75, 0.48) !important;

}



.deshi-title-line {

  width: 115px !important;

  height: 1px !important;

  background: linear-gradient(90deg, transparent, rgba(247, 200, 75, 0.75), transparent) !important;

}



.deshi-intro-description {

  max-width: 1180px !important;

  margin: 0 auto !important;

  text-align: center !important;

}



.deshi-intro-description,

.deshi-intro-description p {

  color: #f1e8dd !important;

  font-size: 17px !important;

  line-height: 1.75 !important;

  font-weight: 500 !important;

  text-align: center !important;

  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.75) !important;

}



.deshi-intro-description p {

  margin: 0 0 13px !important;

}



.deshi-intro-description p:last-child {

  color: #f7c84b !important;

  font-weight: 800 !important;

  margin-bottom: 0 !important;

}



/* Mobile */

@media (max-width: 768px) {

  .deshi-intro-section {

    padding: 22px 12px !important;

  }



  .deshi-intro-card {

    padding: 26px 16px 28px !important;

    border-radius: 14px !important;

  }



  .deshi-intro-title {

    font-size: 28px !important;

    gap: 9px !important;

    margin-bottom: 18px !important;

  }



  .deshi-title-line {

    width: 42px !important;

  }



  .deshi-title-crown {

    font-size: 13px !important;

  }



  .deshi-intro-description,

  .deshi-intro-description p {

    font-size: 14px !important;

    line-height: 1.65 !important;

  }

}



@media (max-width: 480px) {

  .deshi-intro-title {

    font-size: 24px !important;

  }



  .deshi-title-line {

    width: 28px !important;

  }

}





/* =====================================================

   REMOVE OUTSIDE INTRODUCTION BIG BOX

   Keep only inner Deshi777 card

===================================================== */



.introduction-section > .container,

.deshi-intro-section > .container {

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

  border-radius: 0 !important;

  padding: 0 20px !important;

  max-width: 1500px !important;

}



/* Keep only this inner card visible */

.deshi-intro-card {

  max-width: 100% !important;

  margin: 0 auto !important;

  border-radius: 18px !important;

  border: 1px solid rgba(247, 200, 75, 0.40) !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.13), transparent 56%),

    linear-gradient(135deg, rgba(64, 35, 11, 0.86) 0%, rgba(15, 6, 2, 0.98) 50%, rgba(51, 28, 9, 0.86) 100%) !important;

}



/* Mobile */

@media (max-width: 768px) {

  .introduction-section > .container,

  .deshi-intro-section > .container {

    padding: 0 12px !important;

  }

}



/* =====================================================

   DESHI777 INTRO CARD GAP + BORDER GLOW FIX

   Paste at very bottom of main.css

===================================================== */



/* Reduce full intro card height */

.deshi-intro-card {

  padding: 38px 34px 34px !important;

  min-height: auto !important;

  border: 1px solid rgba(247, 200, 75, 0.28) !important;

  border-radius: 18px !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.11), transparent 58%),

    linear-gradient(135deg, rgba(63, 33, 10, 0.88) 0%, rgba(14, 5, 1, 0.98) 52%, rgba(44, 22, 7, 0.88) 100%) !important;

  box-shadow:

    inset 0 0 35px rgba(247, 200, 75, 0.08),

    0 0 24px rgba(247, 200, 75, 0.10),

    0 12px 32px rgba(0, 0, 0, 0.55) !important;

}



/* Border shining parts like reference */

.deshi-intro-card::after {

  content: "";

  position: absolute;

  inset: 0;

  border-radius: 18px;

  pointer-events: none;

  background:

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.75) 12%, transparent 32%) top left / 45% 1px no-repeat,

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.70) 55%, transparent 100%) top right / 45% 1px no-repeat,

    linear-gradient(90deg, rgba(247, 200, 75, 0.75), transparent 28%) bottom left / 38% 1px no-repeat,

    linear-gradient(90deg, transparent 60%, rgba(247, 200, 75, 0.75) 100%) bottom right / 38% 1px no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.65), transparent 35%) top left / 1px 45% no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.65), transparent 35%) top right / 1px 45% no-repeat,

    linear-gradient(180deg, transparent 55%, rgba(247, 200, 75, 0.65) 100%) bottom left / 1px 45% no-repeat,

    linear-gradient(180deg, transparent 55%, rgba(247, 200, 75, 0.65) 100%) bottom right / 1px 45% no-repeat;

  box-shadow:

    inset 0 0 18px rgba(247, 200, 75, 0.08),

    0 0 14px rgba(247, 200, 75, 0.12);

}



/* Title closer to content */

.deshi-intro-title {

  margin: 0 0 18px !important;

}



/* Remove large paragraph gaps */

.deshi-intro-description {

  display: flex !important;

  flex-direction: column !important;

  gap: 8px !important;

}



.deshi-intro-description p {

  margin: 0 !important;

  padding: 0 !important;

  line-height: 1.55 !important;

}



/* Hide empty WYSIWYG blank paragraphs */

.deshi-intro-description p:empty,

.deshi-intro-description p:has(br:only-child) {

  display: none !important;

}



/* Last gold line spacing */

.deshi-intro-description p:last-child {

  margin-top: 4px !important;

  color: #f7c84b !important;

  font-weight: 800 !important;

}



/* Mobile */

@media (max-width: 768px) {

  .deshi-intro-card {

    padding: 26px 16px 26px !important;

  }



  .deshi-intro-title {

    margin-bottom: 14px !important;

  }



  .deshi-intro-description {

    gap: 7px !important;

  }



  .deshi-intro-description p {

    line-height: 1.5 !important;

  }

}



/* =====================================================

   DESHI777 COMMISSION PLAN - FINAL DESIGN

   Paste at very bottom of main.css

===================================================== */



.deshi-commission-section {

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.10), transparent 45%),

    linear-gradient(180deg, #080301 0%, #120704 100%) !important;

  padding: 34px 20px 50px !important;

}



.deshi-commission-section > .container {

  max-width: 1320px !important;

  width: 100% !important;

  margin: 0 auto !important;

  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

}



.deshi-commission-card {

  position: relative;

  overflow: hidden;

  width: 100%;

  padding: 34px 34px 26px;

  border-radius: 18px;

  border: 1px solid rgba(247, 200, 75, 0.28);

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.10), transparent 55%),

    linear-gradient(135deg, rgba(63, 33, 10, 0.84) 0%, rgba(13, 5, 1, 0.98) 52%, rgba(44, 22, 7, 0.84) 100%);

  box-shadow:

    inset 0 0 42px rgba(247, 200, 75, 0.08),

    0 0 24px rgba(247, 200, 75, 0.12),

    0 14px 36px rgba(0, 0, 0, 0.55);

}



.deshi-commission-card::before {

  content: "";

  position: absolute;

  inset: 0;

  background:

    radial-gradient(circle at 15% 15%, rgba(247, 200, 75, 0.12), transparent 23%),

    radial-gradient(circle at 88% 18%, rgba(247, 200, 75, 0.10), transparent 25%),

    linear-gradient(90deg, transparent, rgba(247, 200, 75, 0.05), transparent);

  pointer-events: none;

  z-index: 0;

}



.deshi-commission-card::after {

  content: "";

  position: absolute;

  inset: 0;

  border-radius: 18px;

  pointer-events: none;

  z-index: 1;

  background:

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.70) 12%, transparent 32%) top left / 45% 1px no-repeat,

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.65) 55%, transparent 100%) top right / 45% 1px no-repeat,

    linear-gradient(90deg, rgba(247, 200, 75, 0.70), transparent 30%) bottom left / 40% 1px no-repeat,

    linear-gradient(90deg, transparent 60%, rgba(247, 200, 75, 0.70) 100%) bottom right / 40% 1px no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.55), transparent 36%) top left / 1px 45% no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.55), transparent 36%) top right / 1px 45% no-repeat,

    linear-gradient(180deg, transparent 55%, rgba(247, 200, 75, 0.55) 100%) bottom left / 1px 45% no-repeat,

    linear-gradient(180deg, transparent 55%, rgba(247, 200, 75, 0.55) 100%) bottom right / 1px 45% no-repeat;

}



.deshi-commission-card > * {

  position: relative;

  z-index: 2;

}



/* Title */

.deshi-commission-title {

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;

  gap: 14px !important;

  margin: 0 0 34px !important;

  color: #f7c84b !important;

  font-size: 34px !important;

  line-height: 1.2 !important;

  font-weight: 800 !important;

  text-align: center !important;

  text-transform: uppercase !important;

  letter-spacing: 1.4px !important;

  text-shadow:

    0 0 10px rgba(247, 200, 75, 0.48),

    0 2px 8px rgba(0, 0, 0, 0.75) !important;

}



.deshi-commission-title-text {

  color: #f7c84b !important;

  font-size: inherit !important;

  line-height: inherit !important;

  font-weight: inherit !important;

}



.deshi-commission-title-crown {

  color: #c58a26 !important;

  font-size: 17px !important;

  line-height: 1 !important;

  text-shadow: 0 0 8px rgba(247, 200, 75, 0.45) !important;

}



.deshi-commission-title-line {

  width: 95px !important;

  height: 1px !important;

  background: linear-gradient(90deg, transparent, rgba(247, 200, 75, 0.72), transparent) !important;

}



/* Flow cards */

.deshi-commission-flow {

  margin-bottom: 34px !important;

}



.deshi-commission-section .commission-holder {

  display: grid !important;

  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;

  gap: 44px !important;

  align-items: stretch !important;

  justify-content: center !important;

  width: 100% !important;

  max-width: 1180px !important;

  margin: 0 auto !important;

  overflow: visible !important;

}



.deshi-commission-section .com-card {

  position: relative !important;

  min-height: 185px !important;

  margin: 0 !important;

  padding: 22px 16px !important;

  border-radius: 16px !important;

  border: 1px solid rgba(247, 200, 75, 0.42) !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.09), transparent 58%),

    linear-gradient(145deg, rgba(55, 30, 10, 0.78), rgba(13, 5, 1, 0.96)) !important;

  box-shadow:

    inset 0 0 28px rgba(247, 200, 75, 0.08),

    0 10px 24px rgba(0, 0, 0, 0.48) !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  flex: none !important;

}



.deshi-commission-section .com-card.is-final {

  border-color: rgba(247, 200, 75, 0.78) !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.36), transparent 62%),

    linear-gradient(145deg, rgba(130, 82, 10, 0.82), rgba(13, 5, 1, 0.96)) !important;

  box-shadow:

    inset 0 0 38px rgba(247, 200, 75, 0.24),

    0 0 24px rgba(247, 200, 75, 0.35),

    0 10px 24px rgba(0, 0, 0, 0.52) !important;

}



.deshi-commission-section .commision {

  width: 100%;

  text-align: center;

}



.deshi-commission-section .icon img {

  width: 68px !important;

  height: 68px !important;

  object-fit: contain !important;

  margin: 0 auto 18px !important;

  filter:

    brightness(0)

    saturate(100%)

    invert(78%)

    sepia(89%)

    saturate(1069%)

    hue-rotate(352deg)

    brightness(105%)

    contrast(103%)

    drop-shadow(0 0 12px rgba(247, 200, 75, 0.45)) !important;

}



.deshi-commission-section .commission_label h4 {

  margin: 0 !important;

  color: #f1e8dd !important;

  font-size: 14px !important;

  line-height: 1.35 !important;

  font-weight: 700 !important;

  text-align: center !important;

  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.75) !important;

}



.deshi-commission-section .com-card.is-final .commission_label h4 {

  color: #fff3c4 !important;

}



/* Replace old minus/equal signs with gold arrows */

.deshi-commission-section .commission-holder .com-card::after {

  content: "" !important;

}



.deshi-commission-section .commission-holder .com-card:not(:last-child)::after {

  content: "➜" !important;

  position: absolute !important;

  right: -34px !important;

  top: 50% !important;

  transform: translateY(-50%) !important;

  color: #f7c84b !important;

  font-size: 30px !important;

  line-height: 1 !important;

  text-shadow: 0 0 12px rgba(247, 200, 75, 0.65) !important;

  z-index: 5 !important;

}



/* Table wrapper */

.deshi-commission-table-wrap,

#commision_table {

  width: 100% !important;

  max-width: 1220px !important;

  margin: 0 auto !important;

  border-radius: 12px !important;

  overflow: hidden !important;

  border: 1px solid rgba(247, 200, 75, 0.32) !important;

  background: rgba(8, 3, 1, 0.72) !important;

  box-shadow:

    inset 0 0 24px rgba(247, 200, 75, 0.06),

    0 0 20px rgba(247, 200, 75, 0.10) !important;

}



/* Ninja Table / normal table */

#commision_table table,

#commision_table .ninja_table,

#commision_table .ninja_footable,

#commision_table table.footable,

#commision_table table.foo-table,

#commision_table .foo-table {

  width: 100% !important;

  margin: 0 !important;

  border-collapse: collapse !important;

  border-spacing: 0 !important;

  background: transparent !important;

  color: #f1e8dd !important;

  font-family: var(--body-font), Arial, sans-serif !important;

}



/* Ninja Table header */

#commision_table table thead,

#commision_table table thead tr,

#commision_table .ninja_table thead,

#commision_table .ninja_footable thead {

  display: table-header-group !important;

}



#commision_table table thead tr,

#commision_table .ninja_table thead tr,

#commision_table .ninja_footable thead tr {

  background: rgba(70, 39, 13, 0.82) !important;

}



#commision_table table thead th,

#commision_table .ninja_table thead th,

#commision_table .ninja_footable thead th,

#commision_table table.footable thead th {

  padding: 16px 14px !important;

  color: #f7c84b !important;

  font-size: 14px !important;

  line-height: 1.25 !important;

  font-weight: 800 !important;

  text-transform: uppercase !important;

  text-align: center !important;

  border: 1px solid rgba(247, 200, 75, 0.15) !important;

  background: rgba(70, 39, 13, 0.82) !important;

  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7) !important;

}



/* Ninja Table body */

#commision_table table tbody tr,

#commision_table .ninja_table tbody tr,

#commision_table .ninja_footable tbody tr,

#commision_table table.footable tbody tr {

  height: 48px !important;

  background: rgba(15, 6, 2, 0.90) !important;

}



#commision_table table tbody tr:nth-child(even),

#commision_table .ninja_table tbody tr:nth-child(even),

#commision_table .ninja_footable tbody tr:nth-child(even),

#commision_table table.footable tbody tr:nth-child(even) {

  background: rgba(48, 30, 17, 0.82) !important;

}



#commision_table table tbody td,

#commision_table .ninja_table tbody td,

#commision_table .ninja_footable tbody td,

#commision_table table.footable tbody td {

  padding: 13px 14px !important;

  color: #f1e8dd !important;

  font-size: 14px !important;

  line-height: 1.35 !important;

  font-weight: 700 !important;

  text-align: center !important;

  vertical-align: middle !important;

  border: 1px solid rgba(247, 200, 75, 0.13) !important;

  background: transparent !important;

  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.72) !important;

}



/* First column */

#commision_table table tbody td:first-child,

#commision_table .ninja_table tbody td:first-child,

#commision_table .ninja_footable tbody td:first-child,

#commision_table table.footable tbody td:first-child {

  color: #ffffff !important;

  font-weight: 900 !important;

}



/* Total row */

#commision_table table tbody tr:last-child,

#commision_table .ninja_table tbody tr:last-child,

#commision_table .ninja_footable tbody tr:last-child,

#commision_table table.footable tbody tr:last-child {

  background: linear-gradient(90deg, rgba(123, 78, 10, 0.92), rgba(92, 52, 8, 0.92)) !important;

}



#commision_table table tbody tr:last-child td,

#commision_table .ninja_table tbody tr:last-child td,

#commision_table .ninja_footable tbody tr:last-child td,

#commision_table table.footable tbody tr:last-child td {

  color: #f7c84b !important;

  font-weight: 900 !important;

}



/* Remove Ninja Table extra white/gray styling */

#commision_table .footable-filtering,

#commision_table .footable-paging,

#commision_table .ninja_table_wrapper,

#commision_table .ninja_footable_wrapper {

  background: transparent !important;

  border: 0 !important;

}



#commision_table .footable-filtering {

  display: none !important;

}



/* Mobile */

@media (max-width: 991px) {

  .deshi-commission-section .commission-holder {

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 18px !important;

  }



  .deshi-commission-section .commission-holder .com-card::after {

    display: none !important;

  }



  .deshi-commission-section .com-card {

    min-height: 155px !important;

  }



  .deshi-commission-title {

    font-size: 28px !important;

    gap: 9px !important;

  }



  .deshi-commission-title-line {

    width: 45px !important;

  }



  #commision_table {

    overflow-x: auto !important;

  }



  #commision_table table,

  #commision_table .ninja_table,

  #commision_table .ninja_footable,

  #commision_table table.footable {

    min-width: 760px !important;

  }

}



@media (max-width: 480px) {

  .deshi-commission-section {

    padding: 24px 12px 36px !important;

  }



  .deshi-commission-card {

    padding: 26px 14px 20px !important;

    border-radius: 14px !important;

  }



  .deshi-commission-title {

    font-size: 24px !important;

  }



  .deshi-commission-section .commission-holder {

    grid-template-columns: 1fr !important;

  }

}



/* =====================================================

   DESHI777 COMMISSION TABLE + SECTION FINAL FIX

   Paste at very bottom of main.css

===================================================== */



.deshi-commission-section {

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.10), transparent 45%),

    linear-gradient(180deg, #080301 0%, #120704 100%) !important;

  padding: 34px 20px 48px !important;

}



.deshi-commission-section > .container {

  max-width: 1320px !important;

  width: 100% !important;

  margin: 0 auto !important;

  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

}



.deshi-commission-card {

  position: relative !important;

  overflow: hidden !important;

  padding: 30px 28px 24px !important;

  border-radius: 18px !important;

  border: 1px solid rgba(247, 200, 75, 0.28) !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.10), transparent 55%),

    linear-gradient(135deg, rgba(63, 33, 10, 0.84) 0%, rgba(13, 5, 1, 0.98) 52%, rgba(44, 22, 7, 0.84) 100%) !important;

  box-shadow:

    inset 0 0 42px rgba(247, 200, 75, 0.08),

    0 0 24px rgba(247, 200, 75, 0.12),

    0 14px 36px rgba(0, 0, 0, 0.55) !important;

}



.deshi-commission-card::after {

  content: "";

  position: absolute;

  inset: 0;

  border-radius: 18px;

  pointer-events: none;

  z-index: 1;

  background:

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.70) 12%, transparent 32%) top left / 45% 1px no-repeat,

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.65) 55%, transparent 100%) top right / 45% 1px no-repeat,

    linear-gradient(90deg, rgba(247, 200, 75, 0.70), transparent 30%) bottom left / 40% 1px no-repeat,

    linear-gradient(90deg, transparent 60%, rgba(247, 200, 75, 0.70) 100%) bottom right / 40% 1px no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.55), transparent 36%) top left / 1px 45% no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.55), transparent 36%) top right / 1px 45% no-repeat,

    linear-gradient(180deg, transparent 55%, rgba(247, 200, 75, 0.55) 100%) bottom left / 1px 45% no-repeat,

    linear-gradient(180deg, transparent 55%, rgba(247, 200, 75, 0.55) 100%) bottom right / 1px 45% no-repeat;

}



.deshi-commission-card > * {

  position: relative !important;

  z-index: 2 !important;

}



/* Title */

.deshi-commission-title {

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;

  gap: 14px !important;

  margin: 0 0 28px !important;

  color: #f7c84b !important;

  font-size: 34px !important;

  line-height: 1.2 !important;

  font-weight: 800 !important;

  text-align: center !important;

  text-transform: uppercase !important;

  letter-spacing: 1.4px !important;

  text-shadow:

    0 0 10px rgba(247, 200, 75, 0.48),

    0 2px 8px rgba(0, 0, 0, 0.75) !important;

}



.deshi-commission-title-text {

  color: #f7c84b !important;

}



.deshi-commission-title-crown {

  color: #c58a26 !important;

  font-size: 17px !important;

}



.deshi-commission-title-line {

  width: 95px !important;

  height: 1px !important;

  background: linear-gradient(90deg, transparent, rgba(247, 200, 75, 0.72), transparent) !important;

}



/* Flow cards */

.deshi-commission-flow {

  margin-bottom: 26px !important;

}



.deshi-commission-section .commission-holder {

  display: grid !important;

  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;

  gap: 42px !important;

  max-width: 1180px !important;

  margin: 0 auto !important;

  overflow: visible !important;

}



.deshi-commission-section .com-card {

  position: relative !important;

  min-height: 172px !important;

  margin: 0 !important;

  padding: 20px 14px !important;

  border-radius: 16px !important;

  border: 1px solid rgba(247, 200, 75, 0.42) !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.09), transparent 58%),

    linear-gradient(145deg, rgba(55, 30, 10, 0.78), rgba(13, 5, 1, 0.96)) !important;

  box-shadow:

    inset 0 0 28px rgba(247, 200, 75, 0.08),

    0 10px 24px rgba(0, 0, 0, 0.48) !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

}



.deshi-commission-section .com-card.is-final {

  border-color: rgba(247, 200, 75, 0.78) !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.36), transparent 62%),

    linear-gradient(145deg, rgba(130, 82, 10, 0.82), rgba(13, 5, 1, 0.96)) !important;

  box-shadow:

    inset 0 0 38px rgba(247, 200, 75, 0.24),

    0 0 24px rgba(247, 200, 75, 0.35) !important;

}



.deshi-commission-section .icon img {

  width: 68px !important;

  height: 68px !important;

  object-fit: contain !important;

  margin: 0 auto 16px !important;

  filter:

    brightness(0)

    saturate(100%)

    invert(78%)

    sepia(89%)

    saturate(1069%)

    hue-rotate(352deg)

    brightness(105%)

    contrast(103%)

    drop-shadow(0 0 12px rgba(247, 200, 75, 0.45)) !important;

}



.deshi-commission-section .commission_label h4 {

  margin: 0 !important;

  color: #f1e8dd !important;

  font-size: 14px !important;

  line-height: 1.35 !important;

  font-weight: 700 !important;

  text-align: center !important;

}



.deshi-commission-section .commission-holder .com-card::after {

  content: "" !important;

}



.deshi-commission-section .commission-holder .com-card:not(:last-child)::after {

  content: "➜" !important;

  position: absolute !important;

  right: -33px !important;

  top: 50% !important;

  transform: translateY(-50%) !important;

  color: #f7c84b !important;

  font-size: 30px !important;

  text-shadow: 0 0 12px rgba(247, 200, 75, 0.65) !important;

}



/* Ninja table wrapper */

#commision_table.deshi-commission-table-wrap,

.deshi-commission-table-wrap {

  width: 100% !important;

  max-width: 1220px !important;

  margin: 0 auto !important;

  border-radius: 12px !important;

  overflow: hidden !important;

  border: 1px solid rgba(247, 200, 75, 0.34) !important;

  background: rgba(8, 3, 1, 0.76) !important;

  box-shadow:

    inset 0 0 24px rgba(247, 200, 75, 0.06),

    0 0 20px rgba(247, 200, 75, 0.12) !important;

}



/* Hide Ninja extra controls */

#commision_table .footable-filtering,

#commision_table .footable-paging,

#commision_table .dataTables_filter,

#commision_table .dataTables_length,

#commision_table .dataTables_info,

#commision_table .dataTables_paginate,

#commision_table .nt_edit_link,

#commision_table a[href*="ninja-tables"],

#commision_table a[href*="ninja_table"] {

  display: none !important;

}



/* Table reset */

#commision_table table,

#commision_table .ninja_table,

#commision_table .ninja_footable,

#commision_table table.footable {

  width: 100% !important;

  margin: 0 !important;

  border: 0 !important;

  border-collapse: collapse !important;

  border-spacing: 0 !important;

  background: transparent !important;

  table-layout: fixed !important;

}



/* Force Ninja Table into clean 6-column layout */

#commision_table table thead,

#commision_table table tbody,

#commision_table table tr {

  width: 100% !important;

}



#commision_table table thead,

#commision_table table tbody {

  display: block !important;

}



#commision_table table thead tr,

#commision_table table tbody tr {

  display: grid !important;

  grid-template-columns: 13% 18% 18% 17% 17% 17% !important;

  width: 100% !important;

}



/* Hide extra Ninja columns if any */

#commision_table table th:nth-child(n+7),

#commision_table table td:nth-child(n+7) {

  display: none !important;

}



/* Header */

#commision_table table thead tr {

  background: rgba(70, 39, 13, 0.88) !important;

}



#commision_table table thead th {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  min-height: 58px !important;

  padding: 12px 10px !important;

  color: #f7c84b !important;

  background: rgba(70, 39, 13, 0.88) !important;

  border: 1px solid rgba(247, 200, 75, 0.15) !important;

  text-align: center !important;

  vertical-align: middle !important;

  font-size: 0 !important;

  line-height: 0 !important;

  font-weight: 900 !important;

  text-transform: uppercase !important;

  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.75) !important;

}



#commision_table table thead th > * {

  display: none !important;

}



#commision_table table thead th::after {

  display: block !important;

  color: #f7c84b !important;

  font-size: 14px !important;

  line-height: 1.25 !important;

  font-weight: 900 !important;

  text-align: center !important;

  text-transform: uppercase !important;

}



#commision_table table thead th:nth-child(1)::after {

  content: "LEVEL";

}



#commision_table table thead th:nth-child(2)::after {

  content: "PLAYER WIN LOSS";

}



#commision_table table thead th:nth-child(3)::after {

  content: "15% OPERATION COST";

}



/* Your Ninja column says Payment Fee, but values here are Bonus values */

#commision_table table thead th:nth-child(4)::after {

  content: "BONUS PROMOTIONS";

}



/* Your Ninja column says Bonus, but values here are Payment Fee values */

#commision_table table thead th:nth-child(5)::after {

  content: "2% PAYMENT FEE";

}



#commision_table table thead th:nth-child(6)::after {

  content: "AFFILIATE EARNINGS\A(UP TO 45%)";

  white-space: pre-line;

}



/* Body rows */

#commision_table table tbody tr {

  min-height: 48px !important;

  background: rgba(15, 6, 2, 0.92) !important;

}



#commision_table table tbody tr:nth-child(even) {

  background: rgba(48, 30, 17, 0.86) !important;

}



#commision_table table tbody td {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  min-height: 48px !important;

  padding: 12px 10px !important;

  color: #f1e8dd !important;

  font-size: 14px !important;

  line-height: 1.3 !important;

  font-weight: 700 !important;

  text-align: center !important;

  vertical-align: middle !important;

  background: transparent !important;

  border: 1px solid rgba(247, 200, 75, 0.13) !important;

  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.72) !important;

}



#commision_table table tbody td:first-child {

  color: #ffffff !important;

  font-weight: 900 !important;

}



/* Last column highlight */

#commision_table table thead th:last-child,

#commision_table table tbody td:last-child {

  background: rgba(92, 56, 9, 0.46) !important;

  color: #f7c84b !important;

}



/* Total row */

#commision_table table tbody tr:last-child {

  background: linear-gradient(90deg, rgba(123, 78, 10, 0.96), rgba(92, 52, 8, 0.96)) !important;

}



#commision_table table tbody tr:last-child td {

  color: #f7c84b !important;

  font-weight: 900 !important;

}



/* Remove orange/blue Ninja defaults */

#commision_table table th,

#commision_table table td,

#commision_table table tr {

  box-shadow: none !important;

}



/* Mobile */

@media (max-width: 991px) {

  .deshi-commission-section .commission-holder {

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 18px !important;

  }



  .deshi-commission-section .commission-holder .com-card::after {

    display: none !important;

  }



  .deshi-commission-section .com-card {

    min-height: 155px !important;

  }



  .deshi-commission-title {

    font-size: 28px !important;

    gap: 9px !important;

  }



  .deshi-commission-title-line {

    width: 45px !important;

  }



  #commision_table.deshi-commission-table-wrap {

    overflow-x: auto !important;

  }



  #commision_table table {

    min-width: 760px !important;

  }

}



@media (max-width: 480px) {

  .deshi-commission-section {

    padding: 24px 12px 36px !important;

  }



  .deshi-commission-card {

    padding: 24px 14px 20px !important;

    border-radius: 14px !important;

  }



  .deshi-commission-title {

    font-size: 24px !important;

  }



  .deshi-commission-section .commission-holder {

    grid-template-columns: 1fr !important;

  }

}



/* =====================================================

   DESHI777 COMMISSION SECTION + NINJA TABLE FINAL

   Paste at VERY BOTTOM of main.css

===================================================== */



.deshi-commission-section {

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.10), transparent 45%),

    linear-gradient(180deg, #080301 0%, #120704 100%) !important;

  padding: 34px 20px 48px !important;

}



.deshi-commission-section > .container {

  max-width: 1320px !important;

  width: 100% !important;

  margin: 0 auto !important;

  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

}



.deshi-commission-card {

  position: relative !important;

  overflow: hidden !important;

  padding: 30px 28px 24px !important;

  border-radius: 18px !important;

  border: 1px solid rgba(247, 200, 75, 0.28) !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.10), transparent 55%),

    linear-gradient(135deg, rgba(63, 33, 10, 0.84) 0%, rgba(13, 5, 1, 0.98) 52%, rgba(44, 22, 7, 0.84) 100%) !important;

  box-shadow:

    inset 0 0 42px rgba(247, 200, 75, 0.08),

    0 0 24px rgba(247, 200, 75, 0.12),

    0 14px 36px rgba(0, 0, 0, 0.55) !important;

}



.deshi-commission-card::after {

  content: "";

  position: absolute;

  inset: 0;

  border-radius: 18px;

  pointer-events: none;

  z-index: 1;

  background:

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.70) 12%, transparent 32%) top left / 45% 1px no-repeat,

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.65) 55%, transparent 100%) top right / 45% 1px no-repeat,

    linear-gradient(90deg, rgba(247, 200, 75, 0.70), transparent 30%) bottom left / 40% 1px no-repeat,

    linear-gradient(90deg, transparent 60%, rgba(247, 200, 75, 0.70) 100%) bottom right / 40% 1px no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.55), transparent 36%) top left / 1px 45% no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.55), transparent 36%) top right / 1px 45% no-repeat,

    linear-gradient(180deg, transparent 55%, rgba(247, 200, 75, 0.55) 100%) bottom left / 1px 45% no-repeat,

    linear-gradient(180deg, transparent 55%, rgba(247, 200, 75, 0.55) 100%) bottom right / 1px 45% no-repeat;

}



.deshi-commission-card > * {

  position: relative !important;

  z-index: 2 !important;

}



/* Title */

.deshi-commission-title {

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;

  gap: 14px !important;

  margin: 0 0 28px !important;

  color: #f7c84b !important;

  font-size: 34px !important;

  line-height: 1.2 !important;

  font-weight: 800 !important;

  text-align: center !important;

  text-transform: uppercase !important;

  letter-spacing: 1.4px !important;

  text-shadow:

    0 0 10px rgba(247, 200, 75, 0.48),

    0 2px 8px rgba(0, 0, 0, 0.75) !important;

}



.deshi-commission-title-text {

  color: #f7c84b !important;

}



.deshi-commission-title-crown {

  color: #c58a26 !important;

  font-size: 17px !important;

}



.deshi-commission-title-line {

  width: 95px !important;

  height: 1px !important;

  background: linear-gradient(90deg, transparent, rgba(247, 200, 75, 0.72), transparent) !important;

}



/* Top commission cards */

.deshi-commission-flow {

  margin-bottom: 26px !important;

}



.deshi-commission-section .commission-holder {

  display: grid !important;

  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;

  gap: 42px !important;

  max-width: 1180px !important;

  margin: 0 auto !important;

  overflow: visible !important;

}



.deshi-commission-section .com-card {

  position: relative !important;

  min-height: 172px !important;

  margin: 0 !important;

  padding: 20px 14px !important;

  border-radius: 16px !important;

  border: 1px solid rgba(247, 200, 75, 0.42) !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.09), transparent 58%),

    linear-gradient(145deg, rgba(55, 30, 10, 0.78), rgba(13, 5, 1, 0.96)) !important;

  box-shadow:

    inset 0 0 28px rgba(247, 200, 75, 0.08),

    0 10px 24px rgba(0, 0, 0, 0.48) !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

}



.deshi-commission-section .com-card.is-final {

  border-color: rgba(247, 200, 75, 0.78) !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.36), transparent 62%),

    linear-gradient(145deg, rgba(130, 82, 10, 0.82), rgba(13, 5, 1, 0.96)) !important;

  box-shadow:

    inset 0 0 38px rgba(247, 200, 75, 0.24),

    0 0 24px rgba(247, 200, 75, 0.35) !important;

}



.deshi-commission-section .icon img {

  width: 68px !important;

  height: 68px !important;

  object-fit: contain !important;

  margin: 0 auto 16px !important;

  filter:

    brightness(0)

    saturate(100%)

    invert(78%)

    sepia(89%)

    saturate(1069%)

    hue-rotate(352deg)

    brightness(105%)

    contrast(103%)

    drop-shadow(0 0 12px rgba(247, 200, 75, 0.45)) !important;

}



.deshi-commission-section .commission_label h4 {

  margin: 0 !important;

  color: #f1e8dd !important;

  font-size: 14px !important;

  line-height: 1.35 !important;

  font-weight: 700 !important;

  text-align: center !important;

}



.deshi-commission-section .commission-holder .com-card::after {

  content: "" !important;

}



.deshi-commission-section .commission-holder .com-card:not(:last-child)::after {

  content: "➜" !important;

  position: absolute !important;

  right: -33px !important;

  top: 50% !important;

  transform: translateY(-50%) !important;

  color: #f7c84b !important;

  font-size: 30px !important;

  text-shadow: 0 0 12px rgba(247, 200, 75, 0.65) !important;

}



/* =====================================================

   NINJA TABLE DISPLAY + STYLE ONLY

===================================================== */



#commision_table,

#commision_table.deshi-commission-table-wrap,

.deshi-commission-table-wrap {

  display: block !important;

  visibility: visible !important;

  opacity: 1 !important;

  width: 100% !important;

  max-width: 1220px !important;

  margin: 0 auto !important;

  border-radius: 12px !important;

  overflow: hidden !important;

  border: 1px solid rgba(247, 200, 75, 0.34) !important;

  background: rgba(8, 3, 1, 0.76) !important;

  box-shadow:

    inset 0 0 24px rgba(247, 200, 75, 0.06),

    0 0 20px rgba(247, 200, 75, 0.12) !important;

}



/* Force Ninja wrappers visible */

#commision_table .ninja_table_wrapper,

#commision_table .ninja_footable_wrapper,

#commision_table .footable_parent,

#commision_table .footable-container,

#commision_table .footable,

#commision_table .foo-table {

  display: block !important;

  visibility: visible !important;

  opacity: 1 !important;

  background: transparent !important;

  border: 0 !important;

}



/* Hide only Ninja controls */

#commision_table .footable-filtering,

#commision_table .footable-paging,

#commision_table .dataTables_filter,

#commision_table .dataTables_length,

#commision_table .dataTables_info,

#commision_table .dataTables_paginate,

#commision_table .nt_edit_link {

  display: none !important;

}



/* Table base */

#commision_table table,

#commision_table .ninja_table,

#commision_table .ninja_footable,

#commision_table table.footable,

#commision_table table.foo-table {

  display: table !important;

  visibility: visible !important;

  opacity: 1 !important;

  width: 100% !important;

  min-width: 100% !important;

  margin: 0 !important;

  border: 0 !important;

  border-collapse: collapse !important;

  border-spacing: 0 !important;

  table-layout: fixed !important;

  background: transparent !important;

  color: #f1e8dd !important;

}



/* Table structure */

#commision_table table thead {

  display: table-header-group !important;

}



#commision_table table tbody {

  display: table-row-group !important;

}



#commision_table table tr {

  display: table-row !important;

}



#commision_table table th,

#commision_table table td {

  display: table-cell !important;

}



/* Hide any accidental extra columns */

#commision_table table th:nth-child(n+7),

#commision_table table td:nth-child(n+7) {

  display: none !important;

}



/* Header */

#commision_table table thead tr {

  background: rgba(70, 39, 13, 0.88) !important;

}



#commision_table table thead th {

  height: 58px !important;

  padding: 12px 10px !important;

  color: #f7c84b !important;

  background: rgba(70, 39, 13, 0.88) !important;

  border: 1px solid rgba(247, 200, 75, 0.15) !important;

  text-align: center !important;

  vertical-align: middle !important;

  font-size: 14px !important;

  line-height: 1.25 !important;

  font-weight: 900 !important;

  text-transform: uppercase !important;

  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.75) !important;

}



/* Body */

#commision_table table tbody tr {

  height: 48px !important;

  background: rgba(15, 6, 2, 0.92) !important;

}



#commision_table table tbody tr:nth-child(even) {

  background: rgba(48, 30, 17, 0.86) !important;

}



#commision_table table tbody td {

  height: 48px !important;

  padding: 12px 10px !important;

  color: #f1e8dd !important;

  font-size: 14px !important;

  line-height: 1.3 !important;

  font-weight: 700 !important;

  text-align: center !important;

  vertical-align: middle !important;

  background: transparent !important;

  border: 1px solid rgba(247, 200, 75, 0.13) !important;

  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.72) !important;

}



#commision_table table tbody td:first-child {

  color: #ffffff !important;

  font-weight: 900 !important;

  text-transform: uppercase !important;

}



/* Last column highlight */

#commision_table table thead th:last-child,

#commision_table table tbody td:last-child {

  background: rgba(92, 56, 9, 0.46) !important;

  color: #f7c84b !important;

}



/* Total row */

#commision_table table tbody tr:last-child {

  background: linear-gradient(90deg, rgba(123, 78, 10, 0.96), rgba(92, 52, 8, 0.96)) !important;

}



#commision_table table tbody tr:last-child td {

  color: #f7c84b !important;

  font-weight: 900 !important;

}



/* Remove Ninja defaults */

#commision_table table th,

#commision_table table td,

#commision_table table tr {

  box-shadow: none !important;

}



/* Mobile */

@media (max-width: 991px) {

  .deshi-commission-section .commission-holder {

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 18px !important;

  }



  .deshi-commission-section .commission-holder .com-card::after {

    display: none !important;

  }



  .deshi-commission-section .com-card {

    min-height: 155px !important;

  }



  #commision_table,

  #commision_table.deshi-commission-table-wrap,

  .deshi-commission-table-wrap {

    overflow-x: auto !important;

  }



  #commision_table table,

  #commision_table .ninja_table,

  #commision_table .ninja_footable,

  #commision_table table.footable,

  #commision_table table.foo-table {

    min-width: 760px !important;

  }

}



@media (max-width: 480px) {

  .deshi-commission-section {

    padding: 24px 12px 36px !important;

  }



  .deshi-commission-card {

    padding: 24px 14px 20px !important;

    border-radius: 14px !important;

  }



  .deshi-commission-title {

    font-size: 24px !important;

  }



  .deshi-commission-section .commission-holder {

    grid-template-columns: 1fr !important;

  }

}



/* =====================================================

   DESHI777 COMMISSION SECTION FINAL FIX

   New unique Ninja Table ID: #deshi_ninja_commission_table

   Paste at VERY BOTTOM of main.css

===================================================== */



/* Section */

.deshi-commission-section {

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.10), transparent 45%),

    linear-gradient(180deg, #080301 0%, #120704 100%) !important;

  padding: 34px 20px 48px !important;

}



.deshi-commission-container {

  max-width: 1320px !important;

  width: 100% !important;

  margin: 0 auto !important;

  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

}



/* Main card */

.deshi-commission-card {

  position: relative !important;

  overflow: hidden !important;

  padding: 30px 28px 24px !important;

  border-radius: 18px !important;

  border: 1px solid rgba(247, 200, 75, 0.28) !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.10), transparent 55%),

    linear-gradient(135deg, rgba(63, 33, 10, 0.84) 0%, rgba(13, 5, 1, 0.98) 52%, rgba(44, 22, 7, 0.84) 100%) !important;

  box-shadow:

    inset 0 0 42px rgba(247, 200, 75, 0.08),

    0 0 24px rgba(247, 200, 75, 0.12),

    0 14px 36px rgba(0, 0, 0, 0.55) !important;

}



.deshi-commission-card::after {

  content: "";

  position: absolute;

  inset: 0;

  border-radius: 18px;

  pointer-events: none;

  z-index: 1;

  background:

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.70) 12%, transparent 32%) top left / 45% 1px no-repeat,

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.65) 55%, transparent 100%) top right / 45% 1px no-repeat,

    linear-gradient(90deg, rgba(247, 200, 75, 0.70), transparent 30%) bottom left / 40% 1px no-repeat,

    linear-gradient(90deg, transparent 60%, rgba(247, 200, 75, 0.70) 100%) bottom right / 40% 1px no-repeat;

}



.deshi-commission-card > * {

  position: relative !important;

  z-index: 2 !important;

}



/* Title */

.deshi-commission-title {

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;

  gap: 14px !important;

  margin: 0 0 28px !important;

  color: #f7c84b !important;

  font-size: 34px !important;

  line-height: 1.2 !important;

  font-weight: 800 !important;

  text-align: center !important;

  text-transform: uppercase !important;

  letter-spacing: 1.4px !important;

  text-shadow:

    0 0 10px rgba(247, 200, 75, 0.48),

    0 2px 8px rgba(0, 0, 0, 0.75) !important;

}



.deshi-commission-title-text {

  color: #f7c84b !important;

}



.deshi-commission-title-crown {

  color: #c58a26 !important;

  font-size: 17px !important;

}



.deshi-commission-title-line {

  width: 95px !important;

  height: 1px !important;

  background: linear-gradient(90deg, transparent, rgba(247, 200, 75, 0.72), transparent) !important;

}



/* Top cards */

.deshi-commission-flow {

  margin-bottom: 26px !important;

}



.deshi-commission-section .commission-holder {

  display: grid !important;

  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;

  gap: 42px !important;

  max-width: 1180px !important;

  margin: 0 auto !important;

  overflow: visible !important;

}



.deshi-commission-section .com-card {

  position: relative !important;

  min-height: 172px !important;

  margin: 0 !important;

  padding: 20px 14px !important;

  border-radius: 16px !important;

  border: 1px solid rgba(247, 200, 75, 0.42) !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.09), transparent 58%),

    linear-gradient(145deg, rgba(55, 30, 10, 0.78), rgba(13, 5, 1, 0.96)) !important;

  box-shadow:

    inset 0 0 28px rgba(247, 200, 75, 0.08),

    0 10px 24px rgba(0, 0, 0, 0.48) !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

}



.deshi-commission-section .com-card.is-final {

  border-color: rgba(247, 200, 75, 0.78) !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.36), transparent 62%),

    linear-gradient(145deg, rgba(130, 82, 10, 0.82), rgba(13, 5, 1, 0.96)) !important;

  box-shadow:

    inset 0 0 38px rgba(247, 200, 75, 0.24),

    0 0 24px rgba(247, 200, 75, 0.35) !important;

}



.deshi-commission-section .icon img {

  width: 68px !important;

  height: 68px !important;

  object-fit: contain !important;

  margin: 0 auto 16px !important;

  filter:

    brightness(0)

    saturate(100%)

    invert(78%)

    sepia(89%)

    saturate(1069%)

    hue-rotate(352deg)

    brightness(105%)

    contrast(103%)

    drop-shadow(0 0 12px rgba(247, 200, 75, 0.45)) !important;

}



.deshi-commission-section .commission_label h4 {

  margin: 0 !important;

  color: #f1e8dd !important;

  font-size: 14px !important;

  line-height: 1.35 !important;

  font-weight: 700 !important;

  text-align: center !important;

}



.deshi-commission-section .commission-holder .com-card::after {

  content: "" !important;

}



.deshi-commission-section .commission-holder .com-card:not(:last-child)::after {

  content: "➜" !important;

  position: absolute !important;

  right: -33px !important;

  top: 50% !important;

  transform: translateY(-50%) !important;

  color: #f7c84b !important;

  font-size: 30px !important;

  text-shadow: 0 0 12px rgba(247, 200, 75, 0.65) !important;

}



/* =====================================================

   NEW NINJA TABLE STYLE - NO OLD #commision_table

===================================================== */



#deshi_ninja_commission_table,

#deshi_ninja_commission_table * {

  box-sizing: border-box !important;

}



#deshi_ninja_commission_table {

  width: 100% !important;

  max-width: 1120px !important;

  margin: 0 auto !important;

  padding: 0 !important;

  display: block !important;

  overflow: hidden !important;

  border-radius: 12px !important;

  border: 1px solid rgba(247, 200, 75, 0.34) !important;

  background: rgba(8, 3, 1, 0.76) !important;

  box-shadow:

    inset 0 0 24px rgba(247, 200, 75, 0.06),

    0 0 20px rgba(247, 200, 75, 0.12) !important;

}



/* Ninja wrappers full width */

#deshi_ninja_commission_table > *,

#deshi_ninja_commission_table .ninja_table_wrapper,

#deshi_ninja_commission_table .ninja_footable_wrapper,

#deshi_ninja_commission_table .footable_parent,

#deshi_ninja_commission_table .footable-container {

  width: 100% !important;

  max-width: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  display: block !important;

  background: transparent !important;

  border: 0 !important;

}



/* Actual table */

#deshi_ninja_commission_table table,

#deshi_ninja_commission_table table.footable,

#deshi_ninja_commission_table table.foo-table,

#deshi_ninja_commission_table table.ninja_table {

  width: 100% !important;

  min-width: 100% !important;

  max-width: 100% !important;

  display: table !important;

  table-layout: fixed !important;

  border-collapse: collapse !important;

  border-spacing: 0 !important;

  margin: 0 !important;

  background: transparent !important;

}



/* Correct table structure */

#deshi_ninja_commission_table thead {

  display: table-header-group !important;

}



#deshi_ninja_commission_table tbody {

  display: table-row-group !important;

}



#deshi_ninja_commission_table tr {

  display: table-row !important;

}



#deshi_ninja_commission_table th,

#deshi_ninja_commission_table td {

  display: table-cell !important;

  white-space: normal !important;

  word-break: normal !important;

  vertical-align: middle !important;

}



/* Hide extra columns only */

#deshi_ninja_commission_table th:nth-child(n+7),

#deshi_ninja_commission_table td:nth-child(n+7) {

  display: none !important;

}



/* Header */

#deshi_ninja_commission_table thead tr {

  background: rgba(70, 39, 13, 0.90) !important;

}



#deshi_ninja_commission_table thead th {

  height: 58px !important;

  padding: 12px 10px !important;

  color: #f7c84b !important;

  background: rgba(70, 39, 13, 0.90) !important;

  border: 1px solid rgba(247, 200, 75, 0.16) !important;

  text-align: center !important;

  font-size: 14px !important;

  line-height: 1.25 !important;

  font-weight: 900 !important;

  text-transform: uppercase !important;

  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.75) !important;

}



/* Body rows */

#deshi_ninja_commission_table tbody tr {

  height: 48px !important;

  background: rgba(15, 6, 2, 0.92) !important;

}



#deshi_ninja_commission_table tbody tr:nth-child(even) {

  background: rgba(48, 30, 17, 0.86) !important;

}



/* Body cells */

#deshi_ninja_commission_table tbody td {

  height: 48px !important;

  padding: 12px 10px !important;

  color: #f1e8dd !important;

  background: transparent !important;

  border: 1px solid rgba(247, 200, 75, 0.13) !important;

  text-align: center !important;

  font-size: 14px !important;

  line-height: 1.3 !important;

  font-weight: 700 !important;

  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.72) !important;

}



#deshi_ninja_commission_table tbody td:first-child {

  color: #ffffff !important;

  font-weight: 900 !important;

  text-transform: uppercase !important;

}



/* Last column highlight */

#deshi_ninja_commission_table thead th:last-child,

#deshi_ninja_commission_table tbody td:last-child {

  background: rgba(92, 56, 9, 0.46) !important;

  color: #f7c84b !important;

}



/* Total row */

#deshi_ninja_commission_table tbody tr:last-child {

  background: linear-gradient(90deg, rgba(123, 78, 10, 0.96), rgba(92, 52, 8, 0.96)) !important;

}



#deshi_ninja_commission_table tbody tr:last-child td {

  color: #f7c84b !important;

  font-weight: 900 !important;

}



/* Hide Ninja controls only */

#deshi_ninja_commission_table .footable-filtering,

#deshi_ninja_commission_table .footable-paging,

#deshi_ninja_commission_table .dataTables_filter,

#deshi_ninja_commission_table .dataTables_length,

#deshi_ninja_commission_table .dataTables_info,

#deshi_ninja_commission_table .dataTables_paginate,

#deshi_ninja_commission_table .nt_edit_link {

  display: none !important;

}



/* Mobile */

@media (max-width: 991px) {

  .deshi-commission-section .commission-holder {

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 18px !important;

  }



  .deshi-commission-section .commission-holder .com-card::after {

    display: none !important;

  }



  .deshi-commission-section .com-card {

    min-height: 155px !important;

  }



  #deshi_ninja_commission_table {

    overflow-x: auto !important;

  }



  #deshi_ninja_commission_table table,

  #deshi_ninja_commission_table table.footable,

  #deshi_ninja_commission_table table.foo-table,

  #deshi_ninja_commission_table table.ninja_table {

    min-width: 760px !important;

  }

}



@media (max-width: 480px) {

  .deshi-commission-section {

    padding: 24px 12px 36px !important;

  }



  .deshi-commission-card {

    padding: 24px 14px 20px !important;

    border-radius: 14px !important;

  }



  .deshi-commission-title {

    font-size: 24px !important;

  }



  .deshi-commission-section .commission-holder {

    grid-template-columns: 1fr !important;

  }

}



/* =====================================================

   DESHI777 WHY JOIN SECTION FINAL

   Paste at VERY BOTTOM of main.css

===================================================== */



.deshi-why-section {

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.10), transparent 45%),

    linear-gradient(180deg, #080301 0%, #120704 100%) !important;

  padding: 34px 20px 40px !important;

  border: 0 !important;

}



.deshi-why-container {

  max-width: 1320px !important;

  width: 100% !important;

  margin: 0 auto !important;

  padding: 0 !important;

}



.deshi-why-heading {

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;

  gap: 14px !important;

  margin: 0 0 26px !important;

  color: #f7c84b !important;

  font-size: 34px !important;

  line-height: 1.2 !important;

  font-weight: 800 !important;

  text-align: center !important;

  text-transform: uppercase !important;

  letter-spacing: 1.3px !important;

  text-shadow:

    0 0 10px rgba(247, 200, 75, 0.48),

    0 2px 8px rgba(0, 0, 0, 0.75) !important;

}



.deshi-why-heading-text {

  color: #f7c84b !important;

  font-size: 32px !important;

  font-weight: 600;

}



.deshi-why-heading-crown {

  color: #c58a26 !important;

  font-size: 17px !important;

  line-height: 1 !important;

}



.deshi-why-heading-line {

  width: 95px !important;

  height: 1px !important;

  background: linear-gradient(90deg, transparent, rgba(247, 200, 75, 0.72), transparent) !important;

}



.deshi-why-row {

  row-gap: 18px !important;

}



.deshi-why-item-wrapper {

  margin-bottom: 0 !important;

}



.deshi-why-item {

  position: relative !important;

  overflow: hidden !important;

  min-height: 292px !important;

  padding: 28px 20px 24px !important;

  border-radius: 18px !important;

  border: 1px solid rgba(247, 200, 75, 0.28) !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.10), transparent 55%),

    linear-gradient(135deg, rgba(63, 33, 10, 0.84) 0%, rgba(13, 5, 1, 0.98) 52%, rgba(44, 22, 7, 0.84) 100%) !important;

  box-shadow:

    inset 0 0 32px rgba(247, 200, 75, 0.07),

    0 10px 24px rgba(0, 0, 0, 0.48) !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  justify-content: flex-start !important;

  text-align: center !important;

  transition: all 0.25s ease !important;

}



.deshi-why-item::after {

  content: "";

  position: absolute;

  inset: 0;

  border-radius: 18px;

  pointer-events: none;

  background:

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.70) 12%, transparent 32%) top left / 45% 1px no-repeat,

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.65) 55%, transparent 100%) top right / 45% 1px no-repeat,

    linear-gradient(90deg, rgba(247, 200, 75, 0.70), transparent 30%) bottom left / 40% 1px no-repeat,

    linear-gradient(90deg, transparent 60%, rgba(247, 200, 75, 0.70) 100%) bottom right / 40% 1px no-repeat;

}



.deshi-why-item:hover {

  transform: translateY(-3px) !important;

  border-color: rgba(247, 200, 75, 0.48) !important;

  box-shadow:

    inset 0 0 36px rgba(247, 200, 75, 0.10),

    0 0 18px rgba(247, 200, 75, 0.18),

    0 12px 28px rgba(0, 0, 0, 0.52) !important;

}



.deshi-why-icon-ring {

  width: 86px !important;

  height: 86px !important;

  border-radius: 50% !important;

  border: 2px solid rgba(247, 200, 75, 0.58) !important;

  box-shadow:

    0 0 14px rgba(247, 200, 75, 0.18),

    inset 0 0 14px rgba(247, 200, 75, 0.08) !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  margin: 0 auto 18px !important;

  background: radial-gradient(circle at center, rgba(247, 200, 75, 0.06), transparent 68%) !important;

}



.deshi-why-icon-ring img {

  width: 46px !important;

  height: 46px !important;

  object-fit: contain !important;

  filter:

    brightness(0)

    saturate(100%)

    invert(78%)

    sepia(89%)

    saturate(1069%)

    hue-rotate(352deg)

    brightness(105%)

    contrast(103%)

    drop-shadow(0 0 10px rgba(247, 200, 75, 0.40)) !important;

}



.deshi-why-title {

  width: 100% !important;

  margin-bottom: 10px !important;

}



.deshi-why-title h3 {

  margin: 0 !important;

  padding: 0 !important;

  background: transparent !important;

  color: #f7c84b !important;

  font-size: 18px !important;

  line-height: 1.35 !important;

  font-weight: 800 !important;

  text-align: center !important;

  box-shadow: none !important;

  border: 0 !important;

}



.deshi-why-description {

  width: 100% !important;

}



.deshi-why-description p {

  margin: 0 !important;

  color: #f1e8dd !important;

  font-size: 14px !important;

  line-height: 1.55 !important;

  font-weight: 500 !important;

  text-align: center !important;

  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.72) !important;

}



/* kill old style */

.deshi-why-section .bottom-circle {

  display: none !important;

}



.deshi-why-section .why-title h3 {

  border-radius: 0 !important;

}



@media (max-width: 991px) {

  .deshi-why-item {

    min-height: 270px !important;

    padding: 24px 16px 20px !important;

  }



  .deshi-why-heading {

    font-size: 28px !important;

    gap: 9px !important;

  }



  .deshi-why-heading-line {

    width: 45px !important;

  }

}



@media (max-width: 767px) {

  .deshi-why-section {

    padding: 24px 12px 30px !important;

  }



  .deshi-why-item {

    min-height: 245px !important;

  }



  .deshi-why-icon-ring {

    width: 74px !important;

    height: 74px !important;

    margin-bottom: 14px !important;

  }



  .deshi-why-icon-ring img {

    width: 40px !important;

    height: 40px !important;

  }



  .deshi-why-title h3 {

    font-size: 16px !important;

  }



  .deshi-why-description p {

    font-size: 13px !important;

    line-height: 1.5 !important;

  }

}



@media (max-width: 480px) {

  .deshi-why-heading {

    font-size: 24px !important;

  }



  .deshi-why-heading-line {

    width: 28px !important;

  }

}



/* =====================================================

   DESHI777 REGISTRATION PROCESS FINAL DESIGN

   Paste at VERY BOTTOM of main.css

===================================================== */



.deshi-register-section {

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.08), transparent 46%),

    linear-gradient(180deg, #080301 0%, #120704 100%) !important;

  padding: 34px 20px 48px !important;

  border: 0 !important;

}



.deshi-register-container {

  max-width: 1320px !important;

  width: 100% !important;

  margin: 0 auto !important;

  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

}



/* Main background wrapper */

.deshi-register-wrapper {

  position: relative !important;

  overflow: hidden !important;

  min-height: auto !important;

  height: auto !important;

  padding: 34px 42px 42px !important;

  border-radius: 18px !important;

  border: 1px solid rgba(247, 200, 75, 0.28) !important;

  background-size: cover !important;

  background-repeat: no-repeat !important;

  background-position: center !important;

  background-color: #0b0301 !important;

  box-shadow:

    inset 0 0 45px rgba(247, 200, 75, 0.08),

    0 0 24px rgba(247, 200, 75, 0.12),

    0 14px 36px rgba(0, 0, 0, 0.55) !important;

}



.deshi-register-wrapper::before {

  content: "";

  position: absolute;

  inset: 0;

  z-index: 0;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.10), transparent 55%),

    linear-gradient(180deg, rgba(5, 1, 0, 0.55), rgba(5, 1, 0, 0.76)) !important;

  pointer-events: none;

}



/* partial shining border */

.deshi-register-wrapper::after {

  content: "";

  position: absolute;

  inset: 0;

  z-index: 1;

  border-radius: 18px;

  pointer-events: none;

  background:

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.70) 12%, transparent 32%) top left / 45% 1px no-repeat,

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.65) 55%, transparent 100%) top right / 45% 1px no-repeat,

    linear-gradient(90deg, rgba(247, 200, 75, 0.70), transparent 30%) bottom left / 40% 1px no-repeat,

    linear-gradient(90deg, transparent 60%, rgba(247, 200, 75, 0.70) 100%) bottom right / 40% 1px no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.55), transparent 36%) top left / 1px 45% no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.55), transparent 36%) top right / 1px 45% no-repeat,

    linear-gradient(180deg, transparent 55%, rgba(247, 200, 75, 0.55) 100%) bottom left / 1px 45% no-repeat,

    linear-gradient(180deg, transparent 55%, rgba(247, 200, 75, 0.55) 100%) bottom right / 1px 45% no-repeat;

}



.deshi-register-wrapper > * {

  position: relative !important;

  z-index: 2 !important;

}



/* Heading */

.deshi-register-title {

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;

  gap: 14px !important;

  margin: 0 0 36px !important;

  color: #f7c84b !important;

  font-size: 36px !important;

  line-height: 1.15 !important;

  font-weight: 800 !important;

  text-align: center !important;

  text-transform: uppercase !important;

  letter-spacing: 1.4px !important;

  text-shadow:

    0 0 10px rgba(247, 200, 75, 0.48),

    0 2px 8px rgba(0, 0, 0, 0.75) !important;

}



.deshi-register-title-text {

  color: #f7c84b !important;

  font-size: 30px;

  font-weight: 600;

}



.deshi-register-title-crown {

  color: #c58a26 !important;

  font-size: 17px !important;

  line-height: 1 !important;

  text-shadow: 0 0 8px rgba(247, 200, 75, 0.45) !important;

}



.deshi-register-title-line {

  width: 95px !important;

  height: 1px !important;

  background: linear-gradient(90deg, transparent, rgba(247, 200, 75, 0.72), transparent) !important;

}



/* Row */

.deshi-register-row {

  align-items: stretch !important;

  row-gap: 22px !important;

}



.deshi-register-col {

  position: relative !important;

  display: flex !important;

}



/* arrows between 3 boxes */

.deshi-register-col:not(:last-child)::after {

  content: "➜";

  position: absolute;

  right: -18px;

  top: 50%;

  z-index: 5;

  transform: translateY(-50%);

  color: #f7c84b;

  font-size: 38px;

  line-height: 1;

  text-shadow: 0 0 14px rgba(247, 200, 75, 0.65);

}



.deshi-register-item-wrapper {

  width: 100% !important;

  display: flex !important;

  height: 100% !important;

}



/* Register card */

.deshi-register-item {

  position: relative !important;

  overflow: hidden !important;

  width: 100% !important;

  min-height: 250px !important;

  height: 100% !important;

  padding: 30px 26px 28px !important;

  border-radius: 18px !important;

  border: 1px solid rgba(247, 200, 75, 0.30) !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.08), transparent 58%),

    linear-gradient(135deg, rgba(63, 33, 10, 0.76) 0%, rgba(13, 5, 1, 0.94) 52%, rgba(44, 22, 7, 0.76) 100%) !important;

  box-shadow:

    inset 0 0 30px rgba(247, 200, 75, 0.06),

    0 10px 24px rgba(0, 0, 0, 0.45) !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  justify-content: flex-start !important;

  text-align: center !important;

}



/* partial shining card border */

.deshi-register-item::after {

  content: "";

  position: absolute;

  inset: 0;

  border-radius: 18px;

  pointer-events: none;

  background:

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.78) 22%, transparent 55%) top left / 42% 1px no-repeat,

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.72) 42%, transparent 100%) top right / 42% 1px no-repeat,

    linear-gradient(90deg, rgba(247, 200, 75, 0.66), transparent 36%) bottom left / 34% 1px no-repeat,

    linear-gradient(90deg, transparent 62%, rgba(247, 200, 75, 0.66) 100%) bottom right / 34% 1px no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.54), transparent 40%) top left / 1px 38% no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.54), transparent 40%) top right / 1px 38% no-repeat,

    linear-gradient(180deg, transparent 58%, rgba(247, 200, 75, 0.54) 100%) bottom left / 1px 34% no-repeat,

    linear-gradient(180deg, transparent 58%, rgba(247, 200, 75, 0.54) 100%) bottom right / 1px 34% no-repeat;

}



.deshi-register-top {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 22px !important;

  margin: 0 0 18px !important;

  width: 100% !important;

}



/* number circle */

.deshi-register-number {

  width: 46px !important;

  height: 46px !important;

  min-width: 46px !important;

  border-radius: 50% !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  color: #1a0901 !important;

  font-size: 22px !important;

  line-height: 1 !important;

  font-weight: 900 !important;

  background:

    radial-gradient(circle at 35% 25%, #fff4b0 0%, #f7c84b 45%, #a86a0d 100%) !important;

  border: 1px solid rgba(255, 230, 140, 0.75) !important;

  box-shadow:

    0 0 16px rgba(247, 200, 75, 0.36),

    inset 0 0 8px rgba(255, 255, 255, 0.22) !important;

}



/* icon */

.deshi-register-icon {

  width: 78px !important;

  height: 78px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

}



.deshi-register-icon img {

  width: 76px !important;

  height: 76px !important;

  object-fit: contain !important;

  filter:

    brightness(0)

    saturate(100%)

    invert(78%)

    sepia(89%)

    saturate(1069%)

    hue-rotate(352deg)

    brightness(105%)

    contrast(103%)

    drop-shadow(0 0 12px rgba(247, 200, 75, 0.42)) !important;

}



.deshi-register-item-title {

  width: 100% !important;

  margin: 0 0 12px !important;

}



.deshi-register-item-title h3 {

  margin: 0 !important;

  padding: 0 !important;

  color: #f7c84b !important;

  font-size: 22px !important;

  line-height: 1.25 !important;

  font-weight: 800 !important;

  text-align: center !important;

  text-shadow:

    0 0 8px rgba(247, 200, 75, 0.32),

    0 2px 6px rgba(0, 0, 0, 0.65) !important;

}



.deshi-register-description {

  width: 100% !important;

}



.deshi-register-description p {

  margin: 0 !important;

  color: #f1e8dd !important;

  font-size: 16px !important;

  line-height: 1.45 !important;

  font-weight: 500 !important;

  text-align: center !important;

  text-shadow: 0 2px 7px rgba(0, 0, 0, 0.72) !important;

}



/* kill old styles */

.deshi-register-section .heading {

  margin: 0 !important;

}



.deshi-register-section .register-item {

  margin-bottom: 0 !important;

}



.deshi-register-section .register-title h3 {

  font-family: inherit !important;

}



/* Tablet */

@media (max-width: 991px) {

  .deshi-register-wrapper {

    padding: 30px 24px 34px !important;

  }



  .deshi-register-title {

    font-size: 30px !important;

    margin-bottom: 28px !important;

    gap: 10px !important;

  }



  .deshi-register-title-line {

    width: 52px !important;

  }



  .deshi-register-col:not(:last-child)::after {

    display: none !important;

  }



  .deshi-register-item {

    min-height: 235px !important;

    margin-bottom: 0 !important;

  }

}



/* Mobile */

@media (max-width: 767px) {

  .deshi-register-section {

    padding: 24px 12px 34px !important;

  }



  .deshi-register-wrapper {

    padding: 26px 14px 28px !important;

    border-radius: 14px !important;

  }



  .deshi-register-title {

    font-size: 24px !important;

    margin-bottom: 22px !important;

    gap: 8px !important;

  }



  .deshi-register-title-line {

    width: 28px !important;

  }



  .deshi-register-title-crown {

    font-size: 13px !important;

  }



  .deshi-register-row {

    row-gap: 14px !important;

  }



  .deshi-register-item {

    min-height: auto !important;

    padding: 24px 16px 22px !important;

    border-radius: 14px !important;

  }



  .deshi-register-item::after {

    border-radius: 14px !important;

  }



  .deshi-register-top {

    gap: 16px !important;

    margin-bottom: 14px !important;

  }



  .deshi-register-number {

    width: 40px !important;

    height: 40px !important;

    min-width: 40px !important;

    font-size: 19px !important;

  }



  .deshi-register-icon,

  .deshi-register-icon img {

    width: 62px !important;

    height: 62px !important;

  }



  .deshi-register-item-title h3 {

    font-size: 19px !important;

  }



  .deshi-register-description p {

    font-size: 14px !important;

    line-height: 1.45 !important;

  }

}



@media (max-width: 480px) {

  .deshi-register-title {

    font-size: 21px !important;

  }



  .deshi-register-title-line {

    width: 20px !important;

  }

}



/* =====================================================

   DESHI777 REGISTRATION PROCESS - FINAL FIX

   Removes outside box, fixes icon image, uses ACF arrow image

===================================================== */



.deshi-register-section {

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.08), transparent 46%),

    linear-gradient(180deg, #080301 0%, #120704 100%) !important;

  padding: 30px 20px 46px !important;

  border: 0 !important;

}



.deshi-register-container {

  max-width: 1320px !important;

  width: 100% !important;

  margin: 0 auto !important;

  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

}



/* remove outside big box */

.deshi-register-wrapper,

.registration-section .deshi-register-wrapper,

.register_wrapper.deshi-register-wrapper {

  position: relative !important;

  overflow: visible !important;

  min-height: auto !important;

  height: auto !important;

  padding: 10px 0 0 !important;

  border: 0 !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  background-color: transparent !important;

  background-size: cover !important;

  background-repeat: no-repeat !important;

  background-position: center !important;

  background-blend-mode: normal !important;

}



/* remove previous wrapper border glow */

.deshi-register-wrapper::before,

.deshi-register-wrapper::after {

  display: none !important;

}



/* Heading */

.deshi-register-title {

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;

  gap: 14px !important;

  margin: 0 0 34px !important;

  color: #f7c84b !important;

  font-size: 34px !important;

  line-height: 1.15 !important;

  font-weight: 800 !important;

  text-align: center !important;

  text-transform: uppercase !important;

  letter-spacing: 1.3px !important;

  text-shadow:

    0 0 10px rgba(247, 200, 75, 0.48),

    0 2px 8px rgba(0, 0, 0, 0.75) !important;

}



.deshi-register-title-text {

  color: #f7c84b !important;

}



.deshi-register-title-crown {

  color: #c58a26 !important;

  font-size: 16px !important;

  line-height: 1 !important;

  text-shadow: 0 0 8px rgba(247, 200, 75, 0.45) !important;

}



.deshi-register-title-line {

  width: 95px !important;

  height: 1px !important;

  background: linear-gradient(90deg, transparent, rgba(247, 200, 75, 0.72), transparent) !important;

}



/* Row */

.deshi-register-row {

  align-items: stretch !important;

  row-gap: 22px !important;

}



.deshi-register-col {

  position: relative !important;

  display: flex !important;

}



.deshi-register-item-wrapper {

  width: 100% !important;

  height: 100% !important;

  display: flex !important;

}



/* Card */

.deshi-register-item {

  position: relative !important;

  overflow: hidden !important;

  width: 100% !important;

  min-height: 252px !important;

  height: 100% !important;

  margin: 0 !important;

  padding: 30px 26px 28px !important;

  border-radius: 18px !important;

  border: 1px solid rgba(247, 200, 75, 0.28) !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.08), transparent 58%),

    linear-gradient(135deg, rgba(63, 33, 10, 0.76) 0%, rgba(13, 5, 1, 0.94) 52%, rgba(44, 22, 7, 0.76) 100%) !important;

  box-shadow:

    inset 0 0 30px rgba(247, 200, 75, 0.06),

    0 10px 24px rgba(0, 0, 0, 0.45) !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  justify-content: flex-start !important;

  text-align: center !important;

}



/* shining partial card border */

.deshi-register-item::after {

  content: "";

  position: absolute;

  inset: 0;

  border-radius: 18px;

  pointer-events: none;

  background:

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.78) 22%, transparent 55%) top left / 42% 1px no-repeat,

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.72) 42%, transparent 100%) top right / 42% 1px no-repeat,

    linear-gradient(90deg, rgba(247, 200, 75, 0.66), transparent 36%) bottom left / 34% 1px no-repeat,

    linear-gradient(90deg, transparent 62%, rgba(247, 200, 75, 0.66) 100%) bottom right / 34% 1px no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.54), transparent 40%) top left / 1px 38% no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.54), transparent 40%) top right / 1px 38% no-repeat,

    linear-gradient(180deg, transparent 58%, rgba(247, 200, 75, 0.54) 100%) bottom left / 1px 34% no-repeat,

    linear-gradient(180deg, transparent 58%, rgba(247, 200, 75, 0.54) 100%) bottom right / 1px 34% no-repeat;

}



.deshi-register-top {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 22px !important;

  width: 100% !important;

  margin: 0 0 18px !important;

}



/* Number circle */

.deshi-register-number {

  width: 46px !important;

  height: 46px !important;

  min-width: 46px !important;

  border-radius: 50% !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  color: #1a0901 !important;

  font-size: 22px !important;

  line-height: 1 !important;

  font-weight: 900 !important;

  background:

    radial-gradient(circle at 35% 25%, #fff4b0 0%, #f7c84b 45%, #a86a0d 100%) !important;

  border: 1px solid rgba(255, 230, 140, 0.75) !important;

  box-shadow:

    0 0 16px rgba(247, 200, 75, 0.36),

    inset 0 0 8px rgba(255, 255, 255, 0.22) !important;

}



/* Icon image fix: keep original uploaded icon image */

.deshi-register-icon {

  width: 86px !important;

  height: 86px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

}



.deshi-register-icon img {

  display: block !important;

  width: 86px !important;

  height: 86px !important;

  max-width: 86px !important;

  max-height: 86px !important;

  object-fit: contain !important;

  opacity: 1 !important;

  visibility: visible !important;

  filter: none !important;

  mix-blend-mode: normal !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

}



/* Arrow image from ACF */

.deshi-register-arrow {

  position: absolute !important;

  right: -22px !important;

  top: 50% !important;

  z-index: 8 !important;

  transform: translateY(-50%) !important;

  width: 58px !important;

  height: auto !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  pointer-events: none !important;

}



.deshi-register-arrow img {

  display: block !important;

  width: 58px !important;

  height: auto !important;

  max-width: 58px !important;

  object-fit: contain !important;

  filter: none !important;

  opacity: 1 !important;

  visibility: visible !important;

}



.deshi-register-arrow span {

  color: #f7c84b !important;

  font-size: 38px !important;

  line-height: 1 !important;

  text-shadow: 0 0 14px rgba(247, 200, 75, 0.65) !important;

}



/* remove old CSS arrow if any */

.deshi-register-col::after {

  display: none !important;

  content: none !important;

}



.deshi-register-item-title {

  width: 100% !important;

  margin: 0 0 12px !important;

}



.deshi-register-item-title h3 {

  margin: 0 !important;

  padding: 0 !important;

  color: #f7c84b !important;

  font-size: 22px !important;

  line-height: 1.25 !important;

  font-weight: 800 !important;

  text-align: center !important;

  text-shadow:

    0 0 8px rgba(247, 200, 75, 0.32),

    0 2px 6px rgba(0, 0, 0, 0.65) !important;

}



.deshi-register-description {

  width: 100% !important;

}



.deshi-register-description p {

  margin: 0 !important;

  color: #f1e8dd !important;

  font-size: 15px !important;

  line-height: 1.48 !important;

  font-weight: 500 !important;

  text-align: center !important;

  text-shadow: 0 2px 7px rgba(0, 0, 0, 0.72) !important;

}



/* kill old styles */

.deshi-register-section .heading {

  margin: 0 !important;

}



.deshi-register-section .register-title h3 {

  font-family: inherit !important;

}



.deshi-register-section .register-item {

  margin-bottom: 0 !important;

}



/* Tablet */

@media (max-width: 991px) {

  .deshi-register-section {

    padding: 26px 14px 38px !important;

  }



  .deshi-register-title {

    font-size: 28px !important;

    margin-bottom: 26px !important;

    gap: 9px !important;

  }



  .deshi-register-title-line {

    width: 48px !important;

  }



  .deshi-register-arrow {

    display: none !important;

  }



  .deshi-register-item {

    min-height: 235px !important;

  }

}



/* Mobile */

@media (max-width: 767px) {

  .deshi-register-section {

    padding: 22px 12px 32px !important;

  }



  .deshi-register-wrapper {

    padding: 0 !important;

  }



  .deshi-register-title {

    font-size: 23px !important;

    margin-bottom: 22px !important;

    gap: 7px !important;

  }



  .deshi-register-title-line {

    width: 26px !important;

  }



  .deshi-register-title-crown {

    font-size: 13px !important;

  }



  .deshi-register-row {

    row-gap: 14px !important;

  }



  .deshi-register-item {

    min-height: auto !important;

    padding: 24px 16px 22px !important;

    border-radius: 14px !important;

  }



  .deshi-register-item::after {

    border-radius: 14px !important;

  }



  .deshi-register-top {

    gap: 16px !important;

    margin-bottom: 14px !important;

  }



  .deshi-register-number {

    width: 40px !important;

    height: 40px !important;

    min-width: 40px !important;

    font-size: 19px !important;

  }



  .deshi-register-icon,

  .deshi-register-icon img {

    width: 68px !important;

    height: 68px !important;

    max-width: 68px !important;

    max-height: 68px !important;

  }



  .deshi-register-item-title h3 {

    font-size: 19px !important;

  }



  .deshi-register-description p {

    font-size: 14px !important;

    line-height: 1.45 !important;

  }

}



@media (max-width: 480px) {

  .deshi-register-title {

    font-size: 21px !important;

  }



  .deshi-register-title-line {

    width: 20px !important;

  }

}



/* =====================================================

   REGISTRATION SECTION - COMPACT FINAL FIX

   Remove old arrow, use ACF arrow image, smaller cards

===================================================== */



.deshi-register-section {

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.07), transparent 45%),

    linear-gradient(180deg, #080301 0%, #120704 100%) !important;

  padding: 18px 0 32px !important;

}



.deshi-register-container {

  max-width: 1220px !important;

  width: 100% !important;

  margin: 0 auto !important;

  padding: 0 15px !important;

}



/* remove outside big box */

.deshi-register-wrapper,

.registration-section .deshi-register-wrapper,

.register_wrapper.deshi-register-wrapper {

  padding: 0 !important;

  border: 0 !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  background-color: transparent !important;

  background-size: cover !important;

  background-position: center !important;

  background-repeat: no-repeat !important;

  overflow: visible !important;

}



.deshi-register-wrapper::before,

.deshi-register-wrapper::after {

  display: none !important;

  content: none !important;

}



/* title */

.deshi-register-title {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 12px !important;

  margin: 0 0 24px !important;

  color: #f7c84b !important;

  font-size: 24px !important;

  line-height: 1.1 !important;

  font-weight: 800 !important;

  text-align: center !important;

  text-transform: uppercase !important;

  letter-spacing: 1px !important;

  text-shadow:

    0 0 8px rgba(247, 200, 75, 0.35),

    0 2px 6px rgba(0, 0, 0, 0.65) !important;

}



.deshi-register-title-text {

  color: #f7c84b !important;

}



.deshi-register-title-crown {

  color: #c58a26 !important;

  font-size: 13px !important;

}



.deshi-register-title-line {

  width: 82px !important;

  height: 1px !important;

  background: linear-gradient(90deg, transparent, rgba(247, 200, 75, 0.72), transparent) !important;

}



/* row */

.deshi-register-row {

  align-items: stretch !important;

  row-gap: 18px !important;

}



.deshi-register-col {

  position: relative !important;

  display: flex !important;

}



.deshi-register-item-wrapper {

  width: 100% !important;

  height: 100% !important;

  display: flex !important;

}



/* smaller card like reference */

.deshi-register-item {

  width: 100% !important;

  min-height: 185px !important;

  height: 100% !important;

  padding: 22px 22px 20px !important;

  margin: 0 !important;

  border-radius: 16px !important;

  border: 1px solid rgba(247, 200, 75, 0.28) !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.06), transparent 58%),

    linear-gradient(135deg, rgba(63, 33, 10, 0.72) 0%, rgba(13, 5, 1, 0.94) 52%, rgba(44, 22, 7, 0.72) 100%) !important;

  box-shadow:

    inset 0 0 24px rgba(247, 200, 75, 0.05),

    0 8px 18px rgba(0, 0, 0, 0.42) !important;

  text-align: center !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  overflow: hidden !important;

  position: relative !important;

}



/* shining partial border */

.deshi-register-item::after {

  content: "";

  position: absolute;

  inset: 0;

  border-radius: 16px;

  pointer-events: none;

  background:

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.78) 24%, transparent 58%) top left / 42% 1px no-repeat,

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.72) 42%, transparent 100%) top right / 42% 1px no-repeat,

    linear-gradient(90deg, rgba(247, 200, 75, 0.66), transparent 36%) bottom left / 34% 1px no-repeat,

    linear-gradient(90deg, transparent 62%, rgba(247, 200, 75, 0.66) 100%) bottom right / 34% 1px no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.54), transparent 40%) top left / 1px 38% no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.54), transparent 40%) top right / 1px 38% no-repeat,

    linear-gradient(180deg, transparent 58%, rgba(247, 200, 75, 0.54) 100%) bottom left / 1px 34% no-repeat,

    linear-gradient(180deg, transparent 58%, rgba(247, 200, 75, 0.54) 100%) bottom right / 1px 34% no-repeat;

}



/* top number + divider + icon */

.deshi-register-top {

  width: 150px !important;

  height: 68px !important;

  margin: 0 auto 12px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  gap: 0 !important;

  position: relative !important;

}



/* thin vertical line between number and icon */

.deshi-register-top::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 5px;

  width: 1px;

  height: 58px;

  background: linear-gradient(180deg, transparent, rgba(255, 232, 150, 0.78), transparent);

  box-shadow: 0 0 8px rgba(247, 200, 75, 0.35);

  transform: translateX(-50%);

}



/* number circle */

.deshi-register-number {

  width: 42px !important;

  height: 42px !important;

  min-width: 42px !important;

  border-radius: 50% !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  color: #1a0901 !important;

  font-size: 20px !important;

  font-weight: 900 !important;

  background:

    radial-gradient(circle at 35% 25%, #fff4b0 0%, #f7c84b 45%, #a86a0d 100%) !important;

  border: 1px solid rgba(255, 230, 140, 0.75) !important;

  box-shadow:

    0 0 16px rgba(247, 200, 75, 0.32),

    inset 0 0 8px rgba(255, 255, 255, 0.22) !important;

}



/* uploaded icon image, no yellow filter block */

.deshi-register-icon,

.deshi-register-icon img {

  width: 66px !important;

  height: 66px !important;

  max-width: 66px !important;

  max-height: 66px !important;

}



.deshi-register-icon {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

}



.deshi-register-icon img {

  display: block !important;

  object-fit: contain !important;

  filter: none !important;

  opacity: 1 !important;

  visibility: visible !important;

  mix-blend-mode: normal !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

}



/* title */

.deshi-register-item-title {

  width: 100% !important;

  margin: 0 0 8px !important;

}



.deshi-register-item-title h3 {

  margin: 0 !important;

  padding: 0 !important;

  color: #f7c84b !important;

  font-size: 16px !important;

  line-height: 1.25 !important;

  font-weight: 800 !important;

  text-align: center !important;

  text-shadow:

    0 0 8px rgba(247, 200, 75, 0.30),

    0 2px 6px rgba(0, 0, 0, 0.65) !important;

}



/* description */

.deshi-register-description p {

  margin: 0 !important;

  color: #f1e8dd !important;

  font-size: 12.5px !important;

  line-height: 1.42 !important;

  font-weight: 500 !important;

  text-align: center !important;

  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.68) !important;

}



/* use only ACF uploaded arrow image */

.deshi-register-arrow {

  position: absolute !important;

  right: -25px !important;

  top: 50% !important;

  transform: translateY(-50%) !important;

  z-index: 8 !important;

  width: 58px !important;

  height: 40px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  pointer-events: none !important;

}



.deshi-register-arrow img {

  display: block !important;

  width: 58px !important;

  height: auto !important;

  max-width: 58px !important;

  object-fit: contain !important;

  filter: none !important;

  opacity: 1 !important;

  visibility: visible !important;

}



/* remove all old CSS text arrows */

.deshi-register-arrow span,

.deshi-register-col::after,

.deshi-register-col:not(:last-child)::after,

.deshi-register-section .deshi-register-col::after,

.deshi-register-section .deshi-register-col:not(:last-child)::after {

  display: none !important;

  content: none !important;

}



/* mobile */

@media (max-width: 991px) {

  .deshi-register-arrow {

    display: none !important;

  }



  .deshi-register-item {

    min-height: 190px !important;

  }

}



@media (max-width: 767px) {

  .deshi-register-section {

    padding: 18px 0 28px !important;

  }



  .deshi-register-title {

    font-size: 20px !important;

    gap: 8px !important;

  }



  .deshi-register-title-line {

    width: 24px !important;

  }



  .deshi-register-item {

    min-height: auto !important;

    padding: 20px 16px 18px !important;

    border-radius: 14px !important;

  }



  .deshi-register-item::after {

    border-radius: 14px !important;

  }



  .deshi-register-top {

    width: 132px !important;

    height: 60px !important;

    margin-bottom: 10px !important;

  }



  .deshi-register-top::after {

    height: 50px !important;

  }



  .deshi-register-number {

    width: 38px !important;

    height: 38px !important;

    min-width: 38px !important;

    font-size: 18px !important;

  }



  .deshi-register-icon,

  .deshi-register-icon img {

    width: 58px !important;

    height: 58px !important;

    max-width: 58px !important;

    max-height: 58px !important;

  }



  .deshi-register-item-title h3 {

    font-size: 15px !important;

  }



  .deshi-register-description p {

    font-size: 12px !important;

  }

}



/* =====================================================

   REGISTRATION SECTION - MATCH BOX SIZE + ARROW GAP

   Paste at bottom of main.css

===================================================== */



/* overall width more compact like reference */

.deshi-register-container {

  max-width: 1160px !important;

  padding-left: 12px !important;

  padding-right: 12px !important;

}



.deshi-register-section {

  padding: 18px 0 28px !important;

}



/* row layout */

.deshi-register-row {

  display: flex !important;

  align-items: stretch !important;

  justify-content: center !important;

  gap: 0 !important;

  row-gap: 18px !important;

}



/* each box column */

.deshi-register-col {

  position: relative !important;

  flex: 0 0 33.3333% !important;

  max-width: 33.3333% !important;

  padding-left: 14px !important;

  padding-right: 14px !important;

  display: flex !important;

}



/* card wrapper */

.deshi-register-item-wrapper {

  width: 100% !important;

  display: flex !important;

}



/* box size - smaller like 2nd img */

.deshi-register-item {

  width: 100% !important;

  min-height: 236px !important;

  padding: 24px 20px 18px !important;

  border-radius: 18px !important;

}



/* top icon/number area */

.deshi-register-top {

  width: 126px !important;

  height: 62px !important;

  margin: 0 auto 12px !important;

}



/* thin line between number and icon */

.deshi-register-top::after {

  height: 50px !important;

  top: 6px !important;

}



/* number */

.deshi-register-number {

  width: 40px !important;

  height: 40px !important;

  min-width: 40px !important;

  font-size: 18px !important;

}



/* icon */

.deshi-register-icon,

.deshi-register-icon img {

  width: 58px !important;

  height: 58px !important;

  max-width: 58px !important;

  max-height: 58px !important;

}



/* title */

.deshi-register-item-title {

  margin: 0 0 8px !important;

}



.deshi-register-item-title h3 {

  font-size: 15px !important;

  line-height: 1.25 !important;

}



/* description */

.deshi-register-description p {

  font-size: 12px !important;

  line-height: 1.42 !important;

  max-width: 240px !important;

  margin: 0 auto !important;

}



/* arrow position - exact gap feel like reference */

.deshi-register-arrow {

  right: -25px !important;

  top: 50% !important;

  transform: translateY(-50%) !important;

  width: 44px !important;

  height: 30px !important;

  z-index: 10 !important;

}



.deshi-register-arrow img {

  width: 44px !important;

  max-width: 44px !important;

  height: auto !important;

  display: block !important;

}



/* make sure no old text arrow appears */

.deshi-register-col::after,

.deshi-register-col:not(:last-child)::after,

.deshi-register-arrow span {

  display: none !important;

  content: none !important;

}



/* title area */

.deshi-register-title {

  margin: 0 0 20px !important;

  font-size: 22px !important;

}



.deshi-register-title-line {

  width: 78px !important;

}



/* tablet */

@media (max-width: 991px) {

  .deshi-register-col {

    flex: 0 0 100% !important;

    max-width: 100% !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

  }



  .deshi-register-arrow {

    display: none !important;

  }



  .deshi-register-item {

    min-height: 220px !important;

  }

}



/* mobile */

@media (max-width: 767px) {

  .deshi-register-title {

    font-size: 20px !important;

  }



  .deshi-register-title-line {

    width: 24px !important;

  }



  .deshi-register-item {

    min-height: auto !important;

    padding: 20px 16px 18px !important;

  }



  .deshi-register-top {

    width: 120px !important;

    height: 58px !important;

  }



  .deshi-register-top::after {

    height: 46px !important;

  }



  .deshi-register-description p {

    max-width: 100% !important;

  }

}



/* ==========================================

   REGISTRATION MOBILE - NARROWER BOX + 3 LINES

   Paste at very bottom of main.css

========================================== */



@media (max-width: 767px) {

  .deshi-register-container,

  .registration-section .container {

    width: 100% !important;

    max-width: 100% !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

  }



  .deshi-register-row,

  .registration-section .row {

    width: 100% !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

  }



  .deshi-register-col,

  .registration-section .col-12,

  .registration-section .col-lg-4 {

    width: 100% !important;

    max-width: 100% !important;

    flex: 0 0 100% !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

    display: flex !important;

    justify-content: center !important;

  }



  /* reduce box width */

  .deshi-register-item-wrapper {

    width: 86% !important;

    max-width: 86% !important;

    margin: 0 auto !important;

  }



  .deshi-register-item {

    width: 100% !important;

    max-width: 100% !important;

    min-height: auto !important;

    padding: 20px 16px 18px !important;

    margin: 0 auto !important;

    box-sizing: border-box !important;

  }



  /* title */

  .deshi-register-item-title h3 {

    font-size: 14px !important;

    line-height: 1.25 !important;

    margin-bottom: 8px !important;

  }



  /* make description narrower so it wraps to ~3 lines */

  .deshi-register-description {

    width: 100% !important;

  }



  .deshi-register-description p {

    width: 78% !important;

    max-width: 78% !important;

    margin: 0 auto !important;

    font-size: 12px !important;

    line-height: 1.45 !important;

    text-align: center !important;

    word-break: normal !important;

    overflow-wrap: break-word !important;

  }



  /* top icon area little tighter */

  .deshi-register-top {

    width: 112px !important;

    height: 54px !important;

    margin: 0 auto 10px !important;

  }



  .deshi-register-top::after {

    height: 42px !important;

    top: 6px !important;

  }



  .deshi-register-number {

    width: 36px !important;

    height: 36px !important;

    min-width: 36px !important;

    font-size: 16px !important;

  }



  .deshi-register-icon,

  .deshi-register-icon img {

    width: 52px !important;

    height: 52px !important;

    max-width: 52px !important;

    max-height: 52px !important;

  }

}



@media (max-width: 420px) {

  .deshi-register-item-wrapper {

    width: 84% !important;

    max-width: 84% !important;

  }



  .deshi-register-description p {

    width: 76% !important;

    max-width: 76% !important;

    font-size: 11.5px !important;

    line-height: 1.45 !important;

  }

}



/* ==========================================

   REGISTRATION MOBILE DOWN ARROW FIX

   Show arrow below step 1 and step 2 on mobile

========================================== */



@media (max-width: 767px) {

  .deshi-register-col {

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

  }



  .deshi-register-item-wrapper {

    width: 84% !important;

    max-width: 84% !important;

    margin: 0 auto !important;

  }



  /* show backend arrow on mobile */

  .deshi-register-arrow {

    display: flex !important;

    position: static !important;

    right: auto !important;

    top: auto !important;

    left: auto !important;

    transform: rotate(90deg) !important;

    width: 42px !important;

    height: 42px !important;

    margin: 10px auto 6px !important;

    align-items: center !important;

    justify-content: center !important;

    z-index: 5 !important;

    pointer-events: none !important;

  }



  .deshi-register-arrow img {

    display: block !important;

    width: 42px !important;

    height: auto !important;

    max-width: 42px !important;

    filter: none !important;

    opacity: 1 !important;

    visibility: visible !important;

  }



  .deshi-register-arrow span {

    display: none !important;

  }

}



/* ==========================================

   REGISTRATION SECTION OUTER BORDER + BG IMAGE

========================================== */



.deshi-register-section {

  padding: 26px 0 34px !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.06), transparent 48%),

    linear-gradient(180deg, #090301 0%, #130603 100%) !important;

}



.deshi-register-container {

  max-width: 1240px !important;

  margin: 0 auto !important;

  padding-left: 16px !important;

  padding-right: 16px !important;

}



/* OUTER BIG BOX */

.deshi-register-wrapper,

.register_wrapper.deshi-register-wrapper {

  position: relative !important;

  width: 100% !important;

  padding: 34px 30px 28px !important;

  border: 1px solid rgba(247, 200, 75, 0.26) !important;

  border-radius: 20px !important;

  overflow: hidden !important;

  background-color: #120603 !important;

  background-size: cover !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

  box-shadow:

    inset 0 0 40px rgba(247, 200, 75, 0.03),

    0 0 0 1px rgba(247, 200, 75, 0.04),

    0 12px 30px rgba(0, 0, 0, 0.45) !important;

}



/* dark overlay on background image */

.deshi-register-wrapper::before {

  content: "" !important;

  position: absolute !important;

  inset: 0 !important;

  background:

    linear-gradient(180deg, rgba(10, 3, 1, 0.78) 0%, rgba(18, 6, 3, 0.84) 100%) !important;

  z-index: 0 !important;

}



/* glowing partial border effect */

.deshi-register-wrapper::after {

  content: "" !important;

  position: absolute !important;

  inset: 0 !important;

  border-radius: 20px !important;

  pointer-events: none !important;

  z-index: 1 !important;

  background:

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.72) 22%, transparent 52%) top left / 34% 1px no-repeat,

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.68) 50%, transparent 100%) top right / 34% 1px no-repeat,

    linear-gradient(90deg, rgba(247, 200, 75, 0.64), transparent 36%) bottom left / 28% 1px no-repeat,

    linear-gradient(90deg, transparent 64%, rgba(247, 200, 75, 0.64) 100%) bottom right / 28% 1px no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.48), transparent 38%) top left / 1px 30% no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.48), transparent 38%) top right / 1px 30% no-repeat,

    linear-gradient(180deg, transparent 62%, rgba(247, 200, 75, 0.48) 100%) bottom left / 1px 28% no-repeat,

    linear-gradient(180deg, transparent 62%, rgba(247, 200, 75, 0.48) 100%) bottom right / 1px 28% no-repeat;

}



/* keep content above overlay */

.deshi-register-wrapper > * {

  position: relative !important;

  z-index: 2 !important;

}



/* cards area spacing inside wrapper */

.deshi-register-title {

  margin: 0 0 28px !important;

}



.deshi-register-row {

  margin-left: -10px !important;

  margin-right: -10px !important;

}



.deshi-register-col {

  padding-left: 10px !important;

  padding-right: 10px !important;

}



/* mobile */

@media (max-width: 767px) {

  .deshi-register-container {

    padding-left: 14px !important;

    padding-right: 14px !important;

  }



  .deshi-register-wrapper,

  .register_wrapper.deshi-register-wrapper {

    padding: 22px 14px 20px !important;

    border-radius: 16px !important;

  }



  .deshi-register-wrapper::after {

    border-radius: 16px !important;

  }



  .deshi-register-title {

    margin-bottom: 18px !important;

  }

}



/* =====================================================

   DESHI777 AFFILIATE CTA - BUTTON IMAGE FIX

   Paste at VERY BOTTOM of main.css

===================================================== */



.deshi-affiliate-section {

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.08), transparent 48%),

    linear-gradient(180deg, #080301 0%, #120704 100%) !important;

  padding: 34px 20px 46px !important;

  border-top: 1px solid rgba(247, 200, 75, 0.22) !important;

  border-bottom: 1px solid rgba(247, 200, 75, 0.22) !important;

}



.deshi-affiliate-container {

  max-width: 1320px !important;

  width: 100% !important;

  margin: 0 auto !important;

  padding: 0 !important;

}



.deshi-affiliate-wrapper,

.affilate_wrapper.deshi-affiliate-wrapper {

  position: relative !important;

  overflow: hidden !important;

  min-height: 360px !important;

  padding: 34px 48px 30px !important;

  border-radius: 22px !important;

  border: 1px solid rgba(247, 200, 75, 0.32) !important;

  background-color: #120603 !important;

  background-size: cover !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

  box-shadow:

    inset 0 0 42px rgba(247, 200, 75, 0.08),

    0 0 26px rgba(247, 200, 75, 0.12),

    0 14px 36px rgba(0, 0, 0, 0.55) !important;

}



.deshi-affiliate-wrapper::before {

  content: "";

  position: absolute;

  inset: 0;

  z-index: 0;

  background:

    radial-gradient(circle at 50% 45%, rgba(247, 200, 75, 0.12), transparent 46%),

    linear-gradient(90deg, rgba(8, 3, 1, 0.78), rgba(8, 3, 1, 0.48), rgba(8, 3, 1, 0.78)) !important;

  pointer-events: none;

}



.deshi-affiliate-wrapper::after {

  content: "";

  position: absolute;

  inset: 0;

  z-index: 1;

  border-radius: 22px;

  pointer-events: none;

  background:

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.72) 15%, transparent 36%) top left / 45% 1px no-repeat,

    linear-gradient(90deg, transparent 0%, rgba(247, 200, 75, 0.68) 55%, transparent 100%) top right / 45% 1px no-repeat,

    linear-gradient(90deg, rgba(247, 200, 75, 0.64), transparent 36%) bottom left / 38% 1px no-repeat,

    linear-gradient(90deg, transparent 64%, rgba(247, 200, 75, 0.64) 100%) bottom right / 38% 1px no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.50), transparent 38%) top left / 1px 34% no-repeat,

    linear-gradient(180deg, rgba(247, 200, 75, 0.50), transparent 38%) top right / 1px 34% no-repeat,

    linear-gradient(180deg, transparent 62%, rgba(247, 200, 75, 0.50) 100%) bottom left / 1px 32% no-repeat,

    linear-gradient(180deg, transparent 62%, rgba(247, 200, 75, 0.50) 100%) bottom right / 1px 32% no-repeat;

}



.deshi-affiliate-wrapper > * {

  position: relative !important;

  z-index: 2 !important;

}



/* title */

.deshi-affiliate-title,

.affilate-section .deshi-affiliate-title {

  width: 100% !important;

  margin: 0 0 18px !important;

  padding: 0 !important;

  color: #ffffff !important;

  font-size: 32px !important;

  line-height: 1.15 !important;

  font-weight: 900 !important;

  text-align: center !important;

  text-transform: uppercase !important;

  letter-spacing: 1.4px !important;

  text-shadow:

    0 0 10px rgba(247, 200, 75, 0.38),

    0 3px 8px rgba(0, 0, 0, 0.75) !important;

}



.deshi-affiliate-title span {

  color: #f7c84b !important;

}



/* 3-column layout */

.deshi-affiliate-content {

  display: grid !important;

  grid-template-columns: 36% 31% 33% !important;

  align-items: center !important;

  min-height: 270px !important;

  gap: 10px !important;

}



/* benefits */

.deshi-affiliate-benefits {
  display: flex !important;

  flex-direction: column !important;

  gap: 18px !important;

  justify-content: center !important;

  align-items: flex-start !important;

  padding-left: 16px !important;

}



.deshi-affiliate-benefit-item {

  display: flex !important;

  align-items: center !important;

  gap: 14px !important;

}



.deshi-affiliate-check {

  width: 30px !important;

  height: 30px !important;

  min-width: 30px !important;

  border-radius: 50% !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  color: #160804 !important;

  font-size: 18px !important;

  line-height: 1 !important;

  font-weight: 900 !important;

  background:

    radial-gradient(circle at 35% 25%, #fff4b0 0%, #f7c84b 45%, #a86a0d 100%) !important;

  border: 1px solid rgba(255, 230, 140, 0.75) !important;

  box-shadow:

    0 0 12px rgba(247, 200, 75, 0.35),

    inset 0 0 6px rgba(255, 255, 255, 0.22) !important;

}



.deshi-affiliate-benefit-text {

  color: #f1e8dd !important;

  font-size: 17px !important;

  line-height: 1.35 !important;

  font-weight: 700 !important;

  text-align: left !important;

  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.72) !important;

}



/* middle image */

.deshi-affiliate-image-wrap,

.affilate_image_wrapper.deshi-affiliate-image-wrap {

  text-align: center !important;

  margin: 0 !important;

}



.deshi-affiliate-image-wrap img {

  width: auto !important;

  max-width: 100% !important;

  height: 275px !important;

  object-fit: contain !important;

  filter: drop-shadow(0 0 18px rgba(247, 200, 75, 0.22)) !important;

}



/* buttons wrapper */

.deshi-affiliate-buttons,

.button_links.deshi-affiliate-buttons {

  position: static !important;

  left: auto !important;

  top: auto !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 22px !important;

  margin: 0 !important;

  padding: 0 !important;

}



/* image buttons */

.deshi-affiliate-btn,

.button_links.deshi-affiliate-buttons .deshi-affiliate-btn {

  position: relative !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;



  width: 330px !important;

  height: 74px !important;

  max-width: 100% !important;



  margin: 0 !important;

  padding: 0 76px 0 28px !important;



  border: 0 !important;

  border-radius: 999px !important;



  background-color: transparent !important;

  background-size: 100% 100% !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;



  box-shadow: none !important;

  overflow: visible !important;

  text-align: center !important;

  text-decoration: none !important;

}



/* remove old theme button style */

.deshi-affiliate-btn::before,

.deshi-affiliate-btn::after,

.button_links.deshi-affiliate-buttons a::before,

.button_links.deshi-affiliate-buttons a::after {

  display: none !important;

  content: none !important;

}



.deshi-affiliate-btn span {

  display: block !important;

  opacity: 1 !important;

  transform: none !important;

  padding: 0 !important;

  margin: 0 !important;

  color: inherit !important;

  font-size: 23px !important;

  line-height: 1 !important;

  font-weight: 900 !important;

  text-transform: uppercase !important;

  letter-spacing: 0.5px !important;

  text-align: center !important;

  text-shadow: none !important;

}



.deshi-affiliate-register {

  color: #120603 !important;

}



.deshi-affiliate-login {

  color: #ffffff !important;

}



.deshi-affiliate-btn:hover {

  transform: translateY(-2px) !important;

  filter: brightness(1.08) drop-shadow(0 0 12px rgba(247, 200, 75, 0.22)) !important;

}



/* stop old generic button CSS from overriding */

.button_links a.deshi-affiliate-btn {

  background-color: transparent !important;

  min-width: unset !important;

}



/* mobile */

@media (max-width: 991px) {

  .deshi-affiliate-wrapper,

  .affilate_wrapper.deshi-affiliate-wrapper {

    padding: 30px 24px 32px !important;

  }



  .deshi-affiliate-title {

    font-size: 28px !important;

  }



  .deshi-affiliate-content {

    grid-template-columns: 1fr !important;

    gap: 24px !important;

  }



  .deshi-affiliate-benefits {

    align-items: center !important;

    padding-left: 0 !important;

  }



  .deshi-affiliate-benefit-item {

    width: 100% !important;

    max-width: 520px !important;

  }



  .deshi-affiliate-image-wrap img {

    height: 260px !important;

  }

}



@media (max-width: 767px) {

  .deshi-affiliate-section {

    padding: 26px 12px 34px !important;

  }



  .deshi-affiliate-wrapper,

  .affilate_wrapper.deshi-affiliate-wrapper {

    padding: 24px 14px 28px !important;

    border-radius: 16px !important;

    min-height: auto !important;

  }



  .deshi-affiliate-wrapper::after {

    border-radius: 16px !important;

  }



  .deshi-affiliate-title {

    font-size: 23px !important;

    line-height: 1.25 !important;

    margin-bottom: 22px !important;

    letter-spacing: 0.6px !important;

  }



  .deshi-affiliate-content {

    min-height: auto !important;

    gap: 20px !important;

  }



  .deshi-affiliate-benefits {

    gap: 13px !important;

    align-items: flex-start !important;

    max-width: 320px !important;

    margin: 0 auto !important;

  }



  .deshi-affiliate-check {

    width: 25px !important;

    height: 25px !important;

    min-width: 25px !important;

    font-size: 15px !important;

  }



  .deshi-affiliate-benefit-text {

    font-size: 13px !important;

    line-height: 1.35 !important;

  }



  .deshi-affiliate-image-wrap img {

    height: 230px !important;

  }



  .deshi-affiliate-btn,

  .button_links.deshi-affiliate-buttons .deshi-affiliate-btn {

    width: 260px !important;

    height: 58px !important;

    padding: 0 58px 0 20px !important;

  }



  .deshi-affiliate-btn span {

    font-size: 17px !important;

  }



  .deshi-affiliate-buttons {

    gap: 14px !important;

  }

}



/* =====================================================

   DESHI777 AFFILIATE CTA FINAL BUTTON IMAGE FIX

===================================================== */



.deshi-affiliate-section {

  background: #120603 !important;

  padding: 30px 0 36px !important;

  border-top: 1px solid rgba(247, 200, 75, 0.22) !important;

  border-bottom: 1px solid rgba(247, 200, 75, 0.22) !important;

}



.deshi-affiliate-container {

  max-width: 1280px !important;

  width: 100% !important;

  margin: 0 auto !important;

  padding: 0 18px !important;

}



.deshi-affiliate-wrapper {

  max-width: 1180px !important;

  margin: 0 auto !important;

  padding: 28px 48px 30px !important;

  border-radius: 22px !important;

  border: 1px solid rgba(247, 200, 75, 0.36) !important;

  background-size: cover !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

  background-color: #0b0301 !important;

  box-shadow:

    inset 0 0 42px rgba(247, 200, 75, 0.06),

    0 12px 32px rgba(0, 0, 0, 0.48) !important;

  overflow: hidden !important;

}



/* Title same like reference */

.deshi-affiliate-title {

  margin: 0 0 22px !important;

  padding: 0 !important;

  color: #ffffff !important;

  font-size: 32px !important;

  line-height: 1.15 !important;

  font-weight: 900 !important;

  text-align: center !important;

  text-transform: uppercase !important;

  letter-spacing: 1.1px !important;

  text-shadow:

    0 0 9px rgba(247, 200, 75, 0.32),

    0 3px 8px rgba(0, 0, 0, 0.78) !important;

}



.deshi-affiliate-title .aff-title-gold {

  color: #f7c84b !important;

}



/* Layout */

.deshi-affiliate-content {

  display: grid !important;

  grid-template-columns: 35% 31% 34% !important;

  align-items: center !important;

  gap: 18px !important;

}



/* Benefits */

.deshi-affiliate-benefits {

  display: flex !important;

  flex-direction: column !important;

  gap: 16px !important;

  align-items: flex-start !important;

  justify-content: center !important;

}



.deshi-affiliate-benefit-item {

  display: flex !important;

  align-items: center !important;

  gap: 13px !important;

}



.deshi-affiliate-check {

  width: 30px !important;

  height: 30px !important;

  min-width: 30px !important;

  border-radius: 50% !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  color: #160804 !important;

  font-size: 17px !important;

  line-height: 1 !important;

  font-weight: 900 !important;

  background: radial-gradient(circle at 35% 25%, #fff4b0 0%, #f7c84b 45%, #a86a0d 100%) !important;

  box-shadow: 0 0 13px rgba(247, 200, 75, 0.34) !important;

}



.deshi-affiliate-benefit-text {

  color: #f1e8dd !important;

  font-size: 15.5px !important;

  line-height: 1.35 !important;

  font-weight: 700 !important;

  text-align: left !important;

  text-shadow: 0 2px 7px rgba(0, 0, 0, 0.72) !important;

}



/* Main image */

.deshi-affiliate-image-wrap {

  text-align: center !important;

  margin: 0 !important;

}



.deshi-affiliate-image-wrap img {

  display: block !important;

  width: auto !important;

  max-width: 100% !important;

  height: 255px !important;

  object-fit: contain !important;

  margin: 0 auto !important;

  filter: drop-shadow(0 0 16px rgba(247, 200, 75, 0.20)) !important;

}



/* Buttons wrapper */

.deshi-affiliate-buttons {

  position: static !important;

  left: auto !important;

  top: auto !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 16px !important;

  margin: 0 !important;

  padding: 0 !important;

}



/* Exact uploaded image button */

.deshi-affiliate-img-btn,

.button_links .deshi-affiliate-img-btn {

  position: relative !important;

  display: block !important;

  width: 330px !important;

  max-width: 100% !important;

  height: auto !important;

  margin: 0 !important;

  padding: 0 !important;

  line-height: 0 !important;

  background: transparent !important;

  border: 0 !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  text-decoration: none !important;

  overflow: visible !important;

}



.deshi-affiliate-img-btn img {

  display: block !important;

  width: 100% !important;

  height: auto !important;

  max-width: 100% !important;

  object-fit: contain !important;

  opacity: 1 !important;

  visibility: visible !important;

  filter: none !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

}



/* Text centered on left body of button, not over arrow circle */

.deshi-affiliate-img-btn span {

  position: absolute !important;

  top: 50% !important;

  left: 0 !important;

  width: calc(100% - 68px) !important;

  transform: translateY(-50%) !important;

  display: block !important;

  padding: 0 !important;

  margin: 0 !important;

  text-align: center !important;

  font-size: 20px !important;

  line-height: 1 !important;

  font-weight: 900 !important;

  letter-spacing: 0.4px !important;

  text-transform: uppercase !important;

  pointer-events: none !important;

  opacity: 1 !important;

  text-shadow: none !important;

}



.deshi-affiliate-register-btn span {

  color: #170b02 !important;

}



.deshi-affiliate-login-btn span {

  color: #ffffff !important;

}



/* Kill all old theme button effects */

.deshi-affiliate-img-btn::before,

.deshi-affiliate-img-btn::after,

.button_links .deshi-affiliate-img-btn::before,

.button_links .deshi-affiliate-img-btn::after,

.button--affilate::before,

.button--affilate::after {

  display: none !important;

  content: none !important;

}



.button_links a.deshi-affiliate-img-btn:hover {

  background: transparent !important;

  transform: translateY(-2px) !important;

  filter: brightness(1.05) !important;

}



/* Tablet */

@media (max-width: 991px) {

  .deshi-affiliate-wrapper {

    padding: 26px 24px 30px !important;

  }



  .deshi-affiliate-title {

    font-size: 26px !important;

  }



  .deshi-affiliate-content {

    grid-template-columns: 1fr !important;

    gap: 24px !important;

  }



  .deshi-affiliate-benefits {

    max-width: 520px !important;

    margin: 0 auto !important;

  }



  .deshi-affiliate-image-wrap img {

    height: 245px !important;

  }



  .deshi-affiliate-img-btn {

    width: 310px !important;

  }

}



/* Mobile */

@media (max-width: 767px) {

  .deshi-affiliate-section {

    padding: 22px 0 30px !important;

  }



  .deshi-affiliate-container {

    padding: 0 12px !important;

  }



  .deshi-affiliate-wrapper {

    padding: 22px 14px 26px !important;

    border-radius: 16px !important;

  }



  .deshi-affiliate-title {

    font-size: 22px !important;

    line-height: 1.22 !important;

    margin-bottom: 20px !important;

  }



  .deshi-affiliate-benefits {

    gap: 12px !important;

  }



  .deshi-affiliate-benefit-text {

    font-size: 13px !important;

  }



  .deshi-affiliate-image-wrap img {

    height: 220px !important;

  }



  .deshi-affiliate-img-btn,

  .button_links .deshi-affiliate-img-btn {

    width: 270px !important;

  }



  .deshi-affiliate-img-btn span {

    width: calc(100% - 56px) !important;

    font-size: 16px !important;

  }

}



/* Affiliate background image force fix */

.deshi-affiliate-wrapper,

.affilate_wrapper.deshi-affiliate-wrapper {

  background-size: cover !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

  background-color: #0b0301 !important;

}



/* Make background image visible, not fully black */

.deshi-affiliate-wrapper::before {

  content: "" !important;

  position: absolute !important;

  inset: 0 !important;

  background:

    radial-gradient(circle at center, rgba(247, 200, 75, 0.10), transparent 48%),

    linear-gradient(90deg, rgba(5,1,0,0.18), rgba(5,1,0,0.08), rgba(5,1,0,0.18)) !important;

  pointer-events: none !important;

  z-index: 0 !important;

}



.deshi-affiliate-wrapper > * {

  position: relative !important;

  z-index: 2 !important;

}



/* Title brand highlight same as reference */

.deshi-affiliate-title {

  color: #ffffff !important;

}



.deshi-affiliate-title .aff-title-gold {

  color: #f7c84b !important;

  font-size: inherit !important;

  font-weight: inherit !important;

  letter-spacing: inherit !important;

}



/* =====================================================

   AFFILIATE BG IMAGE FORCE SHOW - REMOVE OVERLAY

===================================================== */



.deshi-affiliate-wrapper,

.affilate_wrapper.deshi-affiliate-wrapper {

  background-image: var(--affiliate-bg-url) !important;

  background-size: 100% 100% !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

  background-color: #090301 !important;

}



/* light chocolate brown overlay on bg image */

.deshi-affiliate-wrapper::before,

.affilate_wrapper.deshi-affiliate-wrapper::before {

  content: "" !important;

  display: block !important;

  position: absolute !important;

  inset: 0 !important;

  z-index: 1 !important;

  background: rgba(55, 22, 8, 0.22) !important;

  pointer-events: none !important;

}



/* keep border glow only */

.deshi-affiliate-wrapper::after,

.affilate_wrapper.deshi-affiliate-wrapper::after {

  pointer-events: none !important;

}



/* keep all content above bg */

.deshi-affiliate-wrapper > *,

.affilate_wrapper.deshi-affiliate-wrapper > * {

  position: relative !important;

  z-index: 2 !important;

}



/* FORCE AFFILIATE BACKGROUND IMAGE */

.deshi-affiliate-wrapper,

.affilate_wrapper.deshi-affiliate-wrapper {

  background-image: var(--affiliate-bg-url) !important;

  background-size: cover !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

}



/* REMOVE DARK BLOCKING OVERLAY */

.deshi-affiliate-wrapper::before,

.affilate_wrapper.deshi-affiliate-wrapper::before {

  display: none !important;

  content: none !important;

  background: none !important;

}



/* =====================================================

   AFFILIATE BG IMAGE FORCE SHOW - FINAL

===================================================== */



.deshi-affiliate-wrapper,

.affilate_wrapper.deshi-affiliate-wrapper {

  background-image: var(--affiliate-bg-url) !important;

  background-size: cover !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

  background-color: transparent !important;

  background-blend-mode: normal !important;

}



/* remove overlay blocking bg image */

.deshi-affiliate-wrapper::before,

.affilate_wrapper.deshi-affiliate-wrapper::before {

  display: none !important;

  content: none !important;

  background: none !important;

}



/* keep border glow only */

.deshi-affiliate-wrapper::after,

.affilate_wrapper.deshi-affiliate-wrapper::after {

  pointer-events: none !important;

}



/* keep content above bg */

.deshi-affiliate-wrapper > *,

.affilate_wrapper.deshi-affiliate-wrapper > * {

  position: relative !important;

  z-index: 2 !important;

}



/* Affiliate section bg image + light chocolate overlay only */

.deshi-affiliate-wrapper,

.affilate_wrapper.deshi-affiliate-wrapper {

  background-image:

    linear-gradient(rgba(18, 6, 2, 0.78), rgba(18, 6, 2, 0.55)),

    var(--affiliate-bg-url) !important;



  background-size: 100% 100%, 100% 100% !important;

  background-position: center center, center center !important;

  background-repeat: no-repeat, no-repeat !important;

  background-blend-mode: normal !important;

}



/*============================footer new css 7 june update ======================

=================================================================================

================================================================================*/



/* ===== Deshi777 Premium Footer - Optimized Final CSS ===== */



/* Base */

footer.footer-wrapper.deshi-footer-wrapper {

  background: #020100 !important;

  padding: 10px 0 0 !important;

  margin: 0 !important;

  color: #fff !important;

}



.deshi-footer-wrapper .deshi-footer-container {

  width: 86% !important;

  max-width: 1320px !important;

  margin: 0 auto !important;

}



.deshi-footer-panel {

  position: relative !important;

  display: flex !important;

  flex-direction: column !important;

  height: 330px !important;

  min-height: 330px !important;

  background-image: var(--deshi-footer-bg-image) !important;

  background-repeat: no-repeat !important;

  background-position: center center !important;

  background-size: 100% 100% !important;

  overflow: hidden !important;

}



/* Top Area */

.deshi-footer-top {

  flex: 1 1 auto !important;

  display: grid !important;

  grid-template-columns: minmax(220px, 1fr) 18px minmax(230px, 0.72fr) 18px minmax(220px, 1fr) !important;

  align-items: center !important;

  column-gap: 10px !important;

  min-height: 188px !important;

  padding: 40px 42px 0 !important;

}



.deshi-footer-col {

  text-align: center !important;

}



.deshi-footer-title {

  margin: 0 !important;

  color: #f2bd36 !important;

  font-family: var(--body-font) !important;

  font-size: 21px !important;

  line-height: 1 !important;

  font-weight: 800 !important;

  text-transform: uppercase !important;

  text-shadow: 0 0 10px rgba(255, 190, 40, 0.25) !important;

}



/* Title Divider */

.deshi-footer-heading-divider {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  margin-top: 8px !important;

}



.deshi-footer-heading-divider img {

  width: 165px !important;

  max-width: 85% !important;

  height: auto !important;

  display: block !important;

}



/* Social / Contact Icons */

.deshi-footer-icon-list {

  list-style: none !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 10px !important;

  margin: 14px 0 0 !important;

  padding: 0 !important;

}



.deshi-footer-icon-list li {

  margin: 0 !important;

  padding: 0 !important;

  line-height: 1 !important;

}



.deshi-footer-icon-list a {

  width: 50px !important;

  height: 50px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  border-radius: 50% !important;

  background: radial-gradient(circle at 35% 30%, rgba(255, 212, 92, 0.08), rgba(0, 0, 0, 0.3) 65%) !important;

  border: 2px solid #c99317 !important;

  box-shadow:

    0 0 18px rgba(255, 188, 38, 0.22),

    inset 0 0 18px rgba(255, 188, 38, 0.06) !important;

  transition: all 0.25s ease !important;

}



.deshi-footer-icon-list a:hover {

  transform: translateY(-3px) !important;

  box-shadow:

    0 0 22px rgba(255, 188, 38, 0.35),

    inset 0 0 18px rgba(255, 188, 38, 0.1) !important;

}



.deshi-footer-icon-list img {

  width: 28px !important;

  height: 28px !important;

  object-fit: contain !important;

  display: block !important;

}



/* Logo Dividers */

.deshi-footer-divider {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  height: 100% !important;

  opacity: 1 !important;

  visibility: visible !important;

  z-index: 3 !important;

}



.deshi-footer-divider img {

  display: block !important;

  width: 90px !important;

  height: 160px !important;

  max-width: none !important;

  object-fit: contain !important;

  opacity: 1 !important;

  filter: drop-shadow(0 0 8px rgba(255, 190, 45, 0.75)) !important;

}



/* Center Logo */

.deshi-footer-brand {

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  text-align: center !important;

}



.deshi-footer-logo {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

}



.deshi-footer-logo img {

  width: 240px !important;

  height: 115px !important;

  max-width: 100% !important;

  object-fit: contain !important;

  filter: drop-shadow(0 0 16px rgba(255, 195, 45, 0.45)) !important;

}



/* Footer Menu */

.deshi-footer-menu-area {

  min-height: 52px !important;

  display: flex !important;

  align-items: flex-start !important;

  justify-content: center !important;

  padding: 33px 12px 0 !important;

  margin: 0 !important;

}



.deshi-footer-menu-list {

  list-style: none !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  flex-wrap: wrap !important;

  gap: 0 !important;

  width: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  transform: translateY(10px) !important;

}



.deshi-footer-menu-list li {

  position: relative !important;

  margin: 0 !important;

  padding: 0 20px !important;

  line-height: 1 !important;

}



.deshi-footer-menu-list li:not(:last-child)::after {

  content: "" !important;

  position: absolute !important;

  right: 0 !important;

  top: 50% !important;

  width: 1px !important;

  height: 24px !important;

  background: linear-gradient(180deg, transparent, #d59a1f, transparent) !important;

  transform: translateY(-50%) !important;

}



.deshi-footer-menu-list li a {

  color: #f4f0e7 !important;

  font-family: var(--body-font-family) !important;

  font-size: 14px !important;

  line-height: 1.2 !important;

  font-weight: 400 !important;

  text-decoration: none !important;

  transition: all 0.2s ease !important;

}



.deshi-footer-menu-list li a:hover {

  color: #ffd55f !important;

  text-shadow: 0 0 10px rgba(255, 196, 49, 0.45) !important;

}



/* Copyright */

.deshi-footer-copy-area {

  position: relative !important;

  min-height: 50px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  text-align: center !important;

  padding: 22px 12px 12px !important;

  margin: 0 !important;

  border-top: 0 !important;

}



.deshi-footer-copy-area::before {

  content: "" !important;

  position: absolute !important;

  top: 20px !important;

  left: 50% !important;

  width: 44% !important;

  height: 1px !important;

  transform: translateX(-50%) !important;

  background: linear-gradient(

    90deg,

    transparent,

    rgba(214, 151, 28, 0.85),

    transparent

  ) !important;

}



.deshi-footer-copy-area p.copyright {

  margin: 8px 0 0 !important;

  color: #d3b06a !important;

  font-family: var(--body-font-family) !important;

  font-size: 12px !important;

  line-height: 1.3 !important;

  font-weight: 400 !important;

}



/* Reset old footer styles inside this footer */

.deshi-footer-wrapper .footer-logo,

.deshi-footer-wrapper .social_wrapper,

.deshi-footer-wrapper .social_links,

.deshi-footer-wrapper .footer-menu-wrapper,

.deshi-footer-wrapper .copyright-section,

.deshi-footer-wrapper .footer-copyright {

  margin: 0 !important;

  padding: 0 !important;

  background: transparent !important;

  transform: none !important;

}



/* Medium laptop */

@media (min-width: 992px) and (max-width: 1366px) {

  .deshi-footer-wrapper .deshi-footer-container {

    width: 90% !important;

    max-width: 1220px !important;

  }



  .deshi-footer-panel {

    height: 300px !important;

    min-height: 300px !important;

  }



  .deshi-footer-logo img {

    width: 205px !important;

    height: 102px !important;

  }



  .deshi-footer-menu-list li {

    padding: 0 16px !important;

  }



  .deshi-footer-menu-list li a {

    font-size: 13px !important;

  }

}



/* Mobile / Tablet */

@media (max-width: 991px) {

  footer.footer-wrapper.deshi-footer-wrapper {

    padding-top: 10px !important;

  }



  .deshi-footer-wrapper .deshi-footer-container {

    width: 94% !important;

    max-width: 560px !important;

    margin: 0 auto !important;

  }



  .deshi-footer-panel {

    height: auto !important;

    min-height: auto !important;

    background-image: var(--deshi-footer-mobile-bg-image) !important;

    background-repeat: no-repeat !important;

    background-position: center top !important;

    background-size: 100% 100% !important;

    padding: 20px 14px 12px !important;

  }



  .deshi-footer-top {

    display: grid !important;

    grid-template-columns: 1fr !important;

    row-gap: 18px !important;

    min-height: auto !important;

    padding: 8px 8px 0 !important;

  }



  .deshi-footer-brand {

    order: -3 !important;

  }



  .deshi-footer-follow {

    order: -2 !important;

  }



  .deshi-footer-contact {

    order: -1 !important;

  }



  .deshi-footer-divider {

    display: none !important;

  }



  .deshi-footer-logo img {

    width: 190px !important;

    height: auto !important;

  }



  .deshi-footer-title {

    font-size: 18px !important;

  }



  .deshi-footer-heading-divider {

    margin-top: 8px !important;

  }



  .deshi-footer-heading-divider img {

    width: 140px !important;

    max-width: 70% !important;

  }



  .deshi-footer-icon-list {

    margin-top: 12px !important;

    gap: 10px !important;

  }



  .deshi-footer-icon-list a {

    width: 48px !important;

    height: 48px !important;

  }



  .deshi-footer-icon-list img {

    width: 28px !important;

    height: 28px !important;

  }



  .deshi-footer-menu-area {

    position: relative !important;

    min-height: auto !important;

    padding: 34px 4px 10px !important;

  }



  .deshi-footer-menu-area::before {

    content: "" !important;

    position: absolute !important;

    top: 14px !important;

    left: 50% !important;

    width: 60% !important;

    height: 1px !important;

    transform: translateX(-50%) !important;

    background: linear-gradient(

      90deg,

      transparent,

      rgba(214, 151, 28, 0.85),

      transparent

    ) !important;

  }



  .deshi-footer-menu-list {

    display: grid !important;

    grid-template-columns: 1fr 1fr !important;

    gap: 9px 8px !important;

    width: 100% !important;

    transform: none !important;

  }



  .deshi-footer-menu-list li {

    padding: 0 !important;

    text-align: center !important;

  }



  .deshi-footer-menu-list li::after,

  .deshi-footer-menu-list li:not(:last-child)::after {

    display: none !important;

  }



  .deshi-footer-menu-list li a {

    font-size: 13px !important;

    line-height: 1.25 !important;

  }



  .deshi-footer-copy-area {

    min-height: auto !important;

    padding: 14px 8px 10px !important;

    border-top: 0 !important;

  }



  .deshi-footer-copy-area::before {

    display: none !important;

  }



  .deshi-footer-copy-area p.copyright {

    font-size: 13px !important;

    line-height: 1.3 !important;

    margin: 0 !important;

  }

}



/* Small mobile */

@media (max-width: 480px) {

  .deshi-footer-wrapper .deshi-footer-container {

    width: 94% !important;

  }



  .deshi-footer-logo img {

    width: 175px !important;

  }



  .deshi-footer-title {

    font-size: 18px !important;

  }



  .deshi-footer-icon-list a {

    width: 50px !important;

    height: 50px !important;

  }



  .deshi-footer-icon-list img {

    width: 28px !important;

    height: 28px !important;

  }



  .deshi-footer-menu-list li a {

    font-size: 13px !important;

  }

}





/*=============== commission plan update================

====================================================== */



/* ===== Commission Plan Connector Fix: - - - = ===== */

.deshi-commission-section .commission-holder .com-card::after {

  display: block !important;

  position: absolute !important;

  right: -28px !important;

  top: 50% !important;

  transform: translateY(-50%) !important;

  z-index: 10 !important;

  color: #ff2b2b !important;

  font-size: 22px !important;

  font-weight: 900 !important;

  line-height: 1 !important;

  text-shadow: none !important;

  background: transparent !important;

}



/* First 3 connectors should be minus */

.deshi-commission-section .commission-holder .com-card:nth-child(1)::after,

.deshi-commission-section .commission-holder .com-card:nth-child(2)::after,

.deshi-commission-section .commission-holder .com-card:nth-child(3)::after {

  content: "-" !important;

}



/* Before final box should be equals */

.deshi-commission-section .commission-holder .com-card:nth-child(4)::after {

  content: "=" !important;

}



/* Final card should have no connector */

.deshi-commission-section .commission-holder .com-card:last-child::after {

  content: "" !important;

  display: none !important;

}



/* Mobile: hide connectors */

@media (max-width: 991px) {

  .deshi-commission-section .commission-holder .com-card::after {

    display: none !important;

  }

}



/* ===== Mobile Commission Plan: keep - - - = and center text ===== */

@media (max-width: 991px) {

  .deshi-commission-section .commission-holder {

    display: flex !important;

    flex-direction: column !important;

    gap: 34px !important;

  }



  .deshi-commission-section .commission-holder .com-card,

  .deshi-commission-section .commission-holder .com-card .commision {

    position: relative !important;

    display: flex !important;

    flex-direction: column !important;
    align-items: center !important;

    justify-content: center !important;

    text-align: center !important;

  }



  .deshi-commission-section .commission-holder .com-card .icon {

    width: 100% !important;

    text-align: center !important;

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    margin: 0 0 14px !important;

  }



  .deshi-commission-section .commission-holder .com-card .commission_label {

    width: 100% !important;

    text-align: center !important;

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

  }



  .deshi-commission-section .commission-holder .com-card .commission_label h4 {

    width: 100% !important;

    max-width: 230px !important;

    margin: 0 auto !important;

    text-align: center !important;

    line-height: 1.35 !important;

  }



  .deshi-commission-section .commission-holder .com-card::after {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    position: absolute !important;

    left: 50% !important;

    right: auto !important;

    top: auto !important;

    bottom: -25px !important;

    transform: translateX(-50%) !important;

    z-index: 20 !important;

    color: #ff2b2b !important;

    font-size: 20px !important;

    font-weight: 900 !important;

    line-height: 1 !important;

    background: transparent !important;

    text-shadow: none !important;

  }



  .deshi-commission-section .commission-holder .com-card:nth-child(1)::after,

  .deshi-commission-section .commission-holder .com-card:nth-child(2)::after,

  .deshi-commission-section .commission-holder .com-card:nth-child(3)::after {

    content: "-" !important;

  }



  .deshi-commission-section .commission-holder .com-card:nth-child(4)::after {

    content: "=" !important;

  }



  .deshi-commission-section .commission-holder .com-card:last-child::after {

    content: "" !important;

    display: none !important;

  }

}



/* ===== Mobile Commission Connector Position Final Fix ===== */

@media (max-width: 991px) {

  .deshi-commission-section .commission-holder {

    display: flex !important;

    flex-direction: column !important;

    gap: 36px !important;

  }



  .deshi-commission-section .commission-holder > .com-card {

    position: relative !important;

    overflow: visible !important;

  }



  .deshi-commission-section .commission-holder > .com-card .commision,

  .deshi-commission-section .commission-holder > .com-card .commission_label,

  .deshi-commission-section .commission-holder > .com-card .commission_label h4 {

    text-align: center !important;

    justify-content: center !important;

    align-items: center !important;

    margin-left: auto !important;

    margin-right: auto !important;

  }



  /* reset all old right-side connector position */

  body .deshi-commission-section .commission-wrap.deshi-commission-flow .commission-holder > .com-card::after,

  body .deshi-commission-section .commission-wrap.deshi-commission-flow .commission-holder > .com-card:after {

    position: absolute !important;

    left: 50% !important;

    right: auto !important;

    top: auto !important;

    bottom: -24px !important;

    transform: translateX(-50%) !important;

    display: block !important;

    width: auto !important;

    height: auto !important;

    color: #ff2b2b !important;

    font-size: 20px !important;

    font-weight: 900 !important;

    line-height: 1 !important;

    background: transparent !important;

    text-shadow: none !important;

    z-index: 99 !important;

  }



  /* after first 3 boxes = minus */

  body .deshi-commission-section .commission-wrap.deshi-commission-flow .commission-holder > .com-card:nth-child(1)::after,

  body .deshi-commission-section .commission-wrap.deshi-commission-flow .commission-holder > .com-card:nth-child(2)::after,

  body .deshi-commission-section .commission-wrap.deshi-commission-flow .commission-holder > .com-card:nth-child(3)::after {

    content: "-" !important;

  }



  /* before final box = equals */

  body .deshi-commission-section .commission-wrap.deshi-commission-flow .commission-holder > .com-card:nth-child(4)::after {

    content: "=" !important;

  }



  body .deshi-commission-section .commission-wrap.deshi-commission-flow .commission-holder > .com-card:last-child::after {

    content: "" !important;

    display: none !important;

  }

}



/* ===== Mobile Commission Connector Color Fix ===== */

@media (max-width: 991px) {

  body .deshi-commission-section .commission-wrap.deshi-commission-flow .commission-holder > .com-card::after,

  body .deshi-commission-section .commission-wrap.deshi-commission-flow .commission-holder > .com-card:after {

    color: #ffd55e !important;

    text-shadow: 0 0 8px rgba(255, 213, 94, 0.55) !important;

  }

}





/* ===== Our Products bottom gap fix ===== */

.services-section {

  padding-bottom: 20px !important;

}



.services-section .row {

  margin-bottom: 0 !important;

}



.services-section .service-item {

  margin-bottom: 24px !important;

}



/* remove empty wave/gap after products section */

.services-section .wave,

.services-section + .wave {

  display: none !important;

  height: 0 !important;

  margin: 0 !important;

  padding: 0 !important;

}



/* ===== Desktop + Mobile Slider Image Fix ===== */



.deshi-slider-section {

  width: 100% !important;

  background: #050201 !important;

  overflow: hidden !important;

}



.deshi-slider-section .swiffy-slider {

  width: 100% !important;

}



.deshi-slider-container,

.deshi-slider-item {

  width: 100% !important;

}



.deshi-slider-link,

.deshi-slider-item picture {

  display: block !important;

  width: 100% !important;

}



.deshi-slider-img {

  display: block !important;

  width: 100% !important;

  height: auto !important;

  object-fit: cover !important;

}



/* Desktop banner */

@media (min-width: 768px) {

  .deshi-slider-img {

    aspect-ratio: 1920 / 500 !important;

  }

}



/* Mobile banner: recommended 750x450 */

@media (max-width: 767px) {

  .deshi-slider-img {

    aspect-ratio: 5 / 3 !important;

    height: auto !important;

    object-fit: cover !important;

  }



  .deshi-slider-section .slider-indicators {

    bottom: 8px !important;

  }



  .deshi-slider-section .slider-indicators button {

    width: 8px !important;

    height: 8px !important;

  }

}



/* ===== Global Font Change: Poppins ===== */

:root {

  --font-family: "Poppins", sans-serif !important;

  --body-font-family: "Poppins", sans-serif !important;

  --body-font: "Poppins", sans-serif !important;

  --heading-font: "Poppins", sans-serif !important;

}



/* Apply Poppins across whole site */

html,

body,

button,

input,

select,

textarea,

a,

p,

span,

li,

label,

div,

section,

article,

header,

footer,

nav,

table,

th,

td,

h1,

h2,

h3,

h4,

h5,

h6,

.heading,

.sub-title,

.title {

  font-family: "Poppins", sans-serif !important;

}



/* Do not break icon fonts */

i,

.fa,

.fas,

.far,

.fab,

[class^="fa-"],

[class*=" fa-"] {

  font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;

}



/* ===== Why Affiliate mobile card gap/text width fix ===== */

@media (max-width: 575px) {

  .about-section .container {

    padding-left: 10px !important;

    padding-right: 10px !important;

  }



  .about-section .row {

    --bs-gutter-x: 14px !important;

    --bs-gutter-y: 18px !important;

  }



  .about-section .row > [class*="col-"] {

    padding-left: 7px !important;

    padding-right: 7px !important;

  }



  .about-section .why-item {

    padding: 18px 8px !important;

    margin-bottom: 18px !important;

  }



  .about-section .why-item img {

    max-width: 78px !important;

    margin: 0 auto 12px !important;

  }



  .about-section .why-title h3 {

    font-size: 16px !important;

    line-height: 1.25 !important;

    margin-bottom: 8px !important;

    padding: 0 2px !important;

  }



  .about-section .why-description p {

    font-size: 13px !important;

    line-height: 1.35 !important;

    padding: 0 2px !important;

    max-width: 100% !important;

    margin: 0 auto !important;

    text-align: center !important;

  }

}



/* ===== Commission icon: use original image color ===== */

.deshi-commission-section .icon img {

  filter: none !important;

  -webkit-filter: none !important;

  mix-blend-mode: normal !important;

  opacity: 1 !important;

}



/* ===================all done above by 7th june ========================

=========================================================================*/







/* ===== DESHI777 Header Menu Down Fix ===== */

@media (min-width: 769px) {



  .header-section {

    padding: 16px 0 14px 0 !important;

  }



  .header-section .navigation-wrapper {

    float: right !important;

    position: relative !important;

    top: 12px !important;

  }



  .header-section .navigation-wrapper ul.navbar-nav {

    display: flex !important;

    align-items: center !important;

    gap: 20px !important;

    margin: 0 !important;

  }



  .header-section .navigation-wrapper ul li.login a,

  .header-section .navigation-wrapper ul li.register a,

  .header-section .selected_language {

    position: relative !important;

    top: 0 !important;

  }

}



/* ===== Move language button slightly down ===== */

@media (min-width: 769px) {

  .header-section .selected_language {

    position: relative !important;

    top: 6px !important;

  }



  .header-section .language_part {

    position: relative !important;

    top: 6px !important;

  }

}



/* ===== Mobile: move Sign Up button closer to language selector ===== */

@media (max-width: 768px) {

  .navigation-wrapper#mobile-head ul li.register {

    position: relative !important;

    left: 35px !important;

  }



  .navigation-wrapper#mobile-head ul li.register a {

    margin-right: 0 !important;

  }

}



/* ===== Mobile: move hamburger icon slightly down ===== */

@media (max-width: 768px) {

  #sidenav {

    position: relative !important;

    top: 20px !important;

  }

}



/* ===== Mobile: move Sign Up + Language selector slightly down ===== */

@media (max-width: 768px) {

  .navigation-wrapper#mobile-head ul li.register {

    position: relative !important;

    top: 10px !important;

  }



  .navigation-wrapper#mobile-head .language_part {

    position: relative !important;

    top: 10px !important;

  }



  .navigation-wrapper#mobile-head .selected_language {

    position: relative !important;

    top: 10px !important;

  }

}



/* ===== Mobile: move language selector slightly down ===== */

@media (max-width: 768px) {

  .header-section .navigation-wrapper#mobile-head .selected_language {

    position: relative !important;

    top: 7px !important;

  }



  .header-section .navigation-wrapper#mobile-head .language_part {

    position: relative !important;

    top: 0 !important;

  }

}



/* ===== Mobile: force language selector down ===== */

@media (max-width: 768px) {

  body .header-section .selected_language {

    transform: translateY(4.5px) !important;

  }



  body .header-section .language_part {

    transform: translateY(4.5px) !important;

  }



  body .header-section .selected_language a {

    transform: translateY(0) !important;

  }

}

/* ===== General Page Template Text Color Fix ===== */

.deshi-general-page .bitjili-content h1,
.deshi-general-page .bitjili-content h2,
.deshi-general-page .bitjili-content h3,
.deshi-general-page .bitjili-content h4,
.deshi-general-page .bitjili-content h5,
.deshi-general-page .bitjili-content h6,
.deshi-general-page .bitjili-content .wp-block-heading,
.deshi-general-page .entry-content h1,
.deshi-general-page .entry-content h2,
.deshi-general-page .entry-content h3,
.deshi-general-page .entry-content h4,
.deshi-general-page .entry-content h5,
.deshi-general-page .entry-content h6,
.deshi-general-page .entry-content .wp-block-heading {
  color: #f7c84b !important;
  text-shadow: 0 0 14px rgba(247, 200, 75, 0.25) !important;
}

.deshi-general-page .bitjili-content p,
.deshi-general-page .bitjili-content .wp-block-paragraph,
.deshi-general-page .bitjili-content li,
.deshi-general-page .entry-content p,
.deshi-general-page .entry-content .wp-block-paragraph,
.deshi-general-page .entry-content li {
  color: #fff1c4 !important;
  opacity: 1 !important;
}

/* ===== General Page Link Color Fix ===== */

.deshi-general-page .bitjili-content a,
.deshi-general-page .entry-content a {
  color: #f7c84b !important;
  font-weight: 700 !important;
}

.deshi-general-page .bitjili-content a:hover,
.deshi-general-page .entry-content a:hover {
  color: #d57f00 !important;
  text-decoration: underline !important;
}

/* ===== Mobile Navbar + Language Arrow Yellow Fix ===== */

/* Mobile hamburger/navbar icon */
#sidenav,
#sidenav i,
#sidenav span,
#sidenav svg,
.navbar-toggler,
.navbar-toggler i,
.navbar-toggler span {
  color: #f7c84b !important;
  fill: #f7c84b !important;
  border-color: #f7c84b !important;
}

/* If hamburger is made with 3 lines */
#sidenav span,
.navbar-toggler span,
.navbar-toggler-icon {
  background-color: #f7c84b !important;
}

/* Language selector text */
.selected_language,
.selected_language .language-text,
.selected_language a,
.selected_language span {
  color: #f7c84b !important;
}

/* Bootstrap dropdown arrow */
.selected_language.dropdown-toggle::after,
.language_part .dropdown-toggle::after,
.language_part a.dropdown-toggle::after {
  border-top-color: #f7c84b !important;
  border-bottom-color: #f7c84b !important;
}

/* If arrow is an icon */
.selected_language i,
.language_part i,
.language_part svg {
  color: #f7c84b !important;
  fill: #f7c84b !important;
}


/*8th june language switcher css*/