/* ---------------------------------------

[Main Stylesheet]

Project: DigiBank - Digital Banking System
Version:  1.0
Primary Use: Digital Banking System

------------------------------------------

[Table of contents]

1. Fonts
2. Reset Css
3. Global Settings
4. Section Styles
5. Colors
6. Margin and Padding
7. Background Overlay
8. Buttons Style
9. Preloader
10. ScrollUp Button

-------------------------------------------*/
/* Google Font */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap");
/* Google Font End */
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  color: rgba(3, 3, 6, 0.9);
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

input {
  outline: none;
}

button {
  border: 0;
  outline: none;
  transition: 0.3s;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

a {
  text-decoration: none;
  color: inherit;
  transition: 0.2s;
}

ul {
  margin: 0;
  padding: 0;
}

input,
textarea {
  outline: none;
}

img {
  max-width: 100%;
}

/* colors */
.black-color {
  color: #030306;
}

.blue-color {
  color: #046494;
}

.primary-color {
  color: #6c3beb;
}

.white-color {
  color: #ffffff;
}

.yellow-color {
  color: #ffc300;
}

.green-color {
  color: #157240;
}

.red-color {
  color: #ed2e2e;
}

/* Backgrounds */
.black-bg {
  background: #030306;
}

.blue-bg {
  background: #046494;
}

.primary-bg {
  background: #6c3beb;
}

.gray-bg {
  background: #d2d3d8;
}

.light-gray-bg {
  background: #f7f7f7;
}

.light-blue-bg {
  background: #bee3db;
}

.dark-blue-bg {
  background: #22223b;
}

.light-yellow-bg {
  background: #f9f2e8;
}

.red-btn {
  background: #ef476f;
}

.site-overlay {
  background-size: cover !important;
  position: relative;
  z-index: 1;
}
.site-overlay::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(95deg, #059dff 15%, #6549d5 45%, #e33fa1 75%, #fb5343) 95%/200% 100%;
  content: "";
  z-index: -1;
  opacity: 0.6;
}

.primary-overlay {
  background-size: cover !important;
  position: relative;
  z-index: 1;
}
.primary-overlay::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #6c3beb;
  content: "";
  z-index: -1;
  opacity: 0.3;
}

/* Section Styles */
.section-style {
  padding: 80px 0;
  position: relative;
  z-index: 1;
}

.site-btn {
  display: inline-block;
  padding: 13px 27px;
  border-radius: 100px;
  color: #030306;
  background: #ffffff;
  font-weight: 700;
  font-size: 13px;
  box-shadow: 0px 0px 2px rgba(0, 48, 73, 0.4);
}
.site-btn svg {
  width: 18px;
  margin-right: 5px;
}

.site-btn-big {
  display: inline-block;
  padding: 14px 24px;
  border-radius: 100px;
  font-weight: 700;
  font-size: 14px;
}
.site-btn-big i {
  margin-right: 5px;
}
.site-btn-big svg {
  margin-right: 3px;
  height: 16px;
  position: relative;
  top: -1px;
}

.site-btn-sm {
  display: inline-block;
  padding: 11px 20px;
  border-radius: 100px;
  font-weight: 700;
  font-size: 12px;
}
.site-btn-sm i {
  margin-right: 5px;
}
.site-btn-sm svg {
  height: 14px;
  position: relative;
  top: -1px;
}

.site-btn-round {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  text-decoration: none;
  color: #ffffff;
  background: #6c3beb;
}
.site-btn-round:hover {
  background: #6c3beb;
  color: #ffffff;
}

.glass-btn {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.2);
}
.glass-btn:hover {
  background: #030306;
  color: #ffffff;
}

.primary-btn {
  color: #ffffff;
  background: #6c3beb;
}
.primary-btn:hover {
  background: #4a1fbb;
  color: #ffffff;
}

.blue-btn {
  background: #046494;
  color: #ffffff;
}
.blue-btn:hover {
  background: #ef476f;
  color: #ffffff;
}

.polis-btn {
  background: #81ef71;
  color: #030306;
}
.polis-btn:hover {
  background: #8cdf45;
  color: #030306;
}

.grad-btn {
  background: linear-gradient(95deg, #059dff 15%, #6549d5 45%, #e33fa1 75%, #fb5343) 95%/200% 100%;
  color: #ffffff;
}

.grad-btn-6 {
  background: linear-gradient(95deg, #059dff 15%, #6549d5 45%, #e33fa1 75%, #fb5343) 95%/200% 100%;
  color: #030306;
}

.black-btn {
  background: #030306;
  color: #ffffff;
}
.black-btn:hover {
  background: #030306;
  color: #ffffff;
}

.red-btn {
  background: #ef476f;
  color: #ffffff;
}
.red-btn:hover {
  background: #046494;
  color: #ffffff;
}

.btn-link {
  color: rgba(3, 3, 6, 0.7);
  position: relative;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.btn-link::after {
  position: absolute;
  content: "";
  height: 2px;
  background: #6c3beb;
  width: 0px;
  transition: 0.3s;
  left: 0;
  bottom: 0px;
}
.btn-link:hover {
  color: #6c3beb;
}
.btn-link:hover::after {
  width: 100%;
}
.btn-link svg {
  margin-right: 5px;
}

/* toTop Button */
#scrollUp {
  background: #6c3beb;
  color: #ffffff;
  right: 30px;
  bottom: 15px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  font-size: 16px;
}
#scrollUp:hover {
  background: #6c3beb;
  color: #ffffff;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: initial;
  }
}
.centered {
  text-align: center;
}

.bg-transparent {
  background: transparent;
}

/* Site Card */
.site-card {
  box-shadow: 0px 0px 2px rgba(3, 3, 6, 0.4);
  margin-bottom: 30px;
  border-radius: 10px;
}
.site-card .site-card-header {
  padding: 15px 20px;
  border-bottom: 1px solid rgba(3, 3, 6, 0.1);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.site-card .site-card-header .title {
  margin-bottom: 0;
  font-size: 20px;
  display: inline-block;
  font-weight: 700;
}
@media (max-width: 500px) {
  .site-card .site-card-header .title {
    font-size: 16px;
  }
}
.site-card .site-card-header .title-small {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
}
.site-card .site-card-header .card-header-links .card-header-link {
  display: inline-block;
  background: #6c3beb;
  border-radius: 50px;
  padding: 5px 20px;
  border: none;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.site-card .site-card-header .card-header-links .card-header-link svg {
  width: 16px;
  margin-right: 5px;
}
.site-card .site-card-header .card-header-links .card-header-link:hover {
  background: #4a1fbb;
}
.site-card .site-card-header .search {
  font-size: 14px;
}
.site-card .site-card-header .search span {
  margin-right: 5px;
}
.site-card .site-card-header .search input {
  width: 200px;
  height: 27px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0 5px;
  background: transparent;
}
.site-card .site-card-body {
  padding: 20px;
}
.site-card .site-card-body .body-title {
  font-size: 16px;
  margin-bottom: 10px;
}
.site-card .site-card-body .paragraph {
  font-size: 14px;
}
@media (max-width: 400px) {
  .site-card .site-card-body {
    padding: 12px;
  }
}

/* site-alert */
.site-alert {
  color: rgba(3, 3, 6, 0.6);
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 0px 2px rgba(84, 104, 255, 0.4);
  margin-bottom: 30px;
  background: rgba(255, 195, 0, 0.1);
  border-radius: 4px;
  padding: 10px 15px;
}
.site-alert .content {
  font-size: 18px;
}
.site-alert .content .icon {
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  background: rgba(255, 195, 0, 0.5);
  color: #030306;
  margin-right: 8px;
  display: inline-block;
}

/* Site Badge */
.site-badge {
  padding: 4px 18px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 700;
  text-transform: capitalize;
  display: inline-block;
}
.site-badge.badge-success {
  background: rgba(21, 114, 64, 0.2);
  color: #157240;
}
.site-badge.badge-failed {
  background: rgba(237, 46, 46, 0.2);
  color: #ed2e2e;
}
.site-badge.badge-pending {
  background: rgba(255, 195, 0, 0.2);
  color: #030306;
}
.site-badge.badge-primary {
  background: rgba(108, 59, 235, 0.2);
  color: #6c3beb;
}

.checkbox-wrapper-15 .cbx {
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

.checkbox-wrapper-15 .cbx span {
  display: inline-block;
  vertical-align: middle;
}

.checkbox-wrapper-15 .cbx span a {
  color: #6c3beb;
}
.checkbox-wrapper-15 .cbx span a:hover {
  color: #030306;
}

.checkbox-wrapper-15 .cbx span:first-child {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #b9b8c3;
  transition: all 0.2s ease;
}

.checkbox-wrapper-15 .cbx span:first-child svg {
  position: absolute;
  z-index: 1;
  top: 7px;
  left: 5px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-15 .cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #6c3beb;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
  transition-delay: 0.2s;
}

.checkbox-wrapper-15 .cbx span:last-child {
  margin-left: 6px;
}

.checkbox-wrapper-15 .cbx span:last-child:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  height: 1px;
  width: 100%;
  background: #b9b8c3;
  transform-origin: 0 0;
  transform: scaleX(0);
}

.checkbox-wrapper-15 .cbx:hover span:first-child {
  border-color: #6c3beb;
}

.checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child {
  border-color: #6c3beb;
  background: #6c3beb;
  animation: check-15 0.6s ease;
}

.checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}

.checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(2.2);
  opacity: 0;
  transition: all 0.6s ease;
}

.checkbox-wrapper-15 .inp-cbx:checked + .cbx span:last-child {
  transition: all 0.3s ease;
}

@keyframes check-15 {
  50% {
    transform: scale(1.2);
  }
}
.custom-tooltip {
  background: #030306;
  color: #ffffff;
  font-weight: 700;
  border-radius: 6px;
  padding: 2px 10px;
  box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.7058823529);
}

/* Custom Scrollbar */
/* Select 2 Custom Css */
.select2-container--default .select2-selection--single {
  background-color: transparent;
  border: 2px solid rgba(3, 3, 6, 0.2);
  border-radius: 6px;
  height: 50px;
}

.select2-container--default .select2-selection--single:focus {
  border: 2px solid rgba(3, 3, 6, 0.5);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #030306;
  line-height: 47px;
  padding-left: 15px;
  font-weight: 600;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
  position: absolute;
  top: 1px;
  right: 8px;
  width: 20px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 2px solid rgba(3, 3, 6, 0.2);
  border-radius: 6px;
  padding: 0 10px;
  height: 40px;
  font-size: 14px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border: 2px solid rgba(3, 3, 6, 0.5);
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
  font-size: 14px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #6c3beb;
}

.select2-container--default .select2-results__option--selected {
  background-color: rgba(94, 63, 201, 0.2);
}

.select2-dropdown {
  border-radius: 6px;
  border: 2px solid rgba(3, 3, 6, 0.2);
}

.select2-dropdown .img-icon {
  width: auto;
  height: 20px;
  margin-right: 5px;
}

@media (max-width: 650px) {
  .mob-650-none {
    display: none;
  }
}

.transfer-top-btns a {
  background: rgba(108, 59, 235, 0.2);
  color: #6c3beb;
  margin-right: 10px;
}
.transfer-top-btns a:last-child {
  margin-right: 0;
}
@media (max-width: 1110px) {
  .transfer-top-btns a {
    margin-bottom: 10px;
  }
  .transfer-top-btns a:last-child {
    margin-bottom: 0;
  }
}
.transfer-top-btns a:hover {
  background: #6c3beb;
  color: #ffffff;
}
.transfer-top-btns a.active {
  background: #6c3beb;
  color: #ffffff;
}

/* Modal Popup */
.popup-body .modal-btn-close {
  position: absolute;
  right: 15px;
  background: transparent;
  color: #030306;
}
.popup-body .modal-btn-close:hover {
  color: #ef476f;
}
.popup-body .popup-body-text {
  padding: 20px;
}
@media (max-width: 500px) {
  .popup-body .popup-body-text {
    padding: 15px;
  }
}
.popup-body .popup-body-text .info-icon {
  margin-bottom: 20px;
  height: 80px;
  width: 80px;
  line-height: 80px;
  text-align: center;
  background: rgba(255, 195, 0, 0.2);
  border-radius: 50%;
  display: inline-block;
  color: #ed2e2e;
}
.popup-body .popup-body-text .info-icon svg {
  height: 30px;
  width: 30px;
}
.popup-body .popup-body-text .info-img {
  text-align: center;
  margin-bottom: 20px;
}
.popup-body .popup-body-text .info-img img {
  width: 80px;
}
.popup-body .popup-body-text .title {
  font-size: 18px;
  margin-bottom: 40px;
  font-weight: 700;
}
.popup-body .popup-body-text p {
  margin-bottom: 30px;
}
.popup-body .popup-body-text .action-btns {
  display: inline-block;
}
.popup-body .popup-body-text .action-btns .site-btn-sm svg {
  height: 16px;
  position: relative;
  top: -1px;
}
.popup-body .popup-body-text .box-input {
  font-size: 14px !important;
  font-weight: 500 !important;
}
.popup-body .popup-body-text .select2-container {
  width: 100% !important;
}
.popup-body .popup-body-text .modal-beneficiary-details .profile-text-data {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed rgba(3, 3, 6, 0.1);
}
.popup-body .popup-body-text .modal-beneficiary-details .profile-text-data:last-child {
  border-bottom: 0px;
}
.popup-body .popup-body-text .modal-beneficiary-details .profile-text-data .attribute {
  font-size: 14px;
  font-weight: 700;
  color: rgba(3, 3, 6, 0.5);
}
.popup-body .popup-body-text .modal-beneficiary-details .profile-text-data .value {
  font-size: 14px;
  font-weight: 700;
}

/* Image Preview */
.wrap-custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 150px;
  text-align: center;
  border: 2px dashed #d2d3d8;
  border-radius: 8px;
}
.wrap-custom-file input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 2px;
  overflow: hidden;
  opacity: 0;
}
.wrap-custom-file label {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  border-radius: 8px;
  transition: transform 0.4s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  -ms-transition: -ms-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  transition: transform 0.4s;
}
.wrap-custom-file label span {
  display: block;
  color: #046494;
  font-size: 14px;
  font-weight: 600;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -ms-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
.wrap-custom-file label .upload-icon {
  width: 40px;
  margin: 0 auto;
  margin-bottom: 15px;
}
.wrap-custom-file label.file-ok {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.wrap-custom-file label.file-ok span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.3rem;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  background-color: rgba(108, 59, 235, 0.5);
}
.wrap-custom-file label.file-ok .upload-icon {
  display: none;
}

/* Multi Level Referral Tree Css */
.hv-wrapper {
  display: flex;
}

.hv-wrapper .hv-item {
  display: flex;
  flex-direction: column;
  margin: auto;
}

.hv-wrapper .hv-item .hv-item-parent {
  margin-bottom: 50px;
  position: relative;
  display: flex;
  justify-content: center;
}

.hv-wrapper .hv-item .hv-item-parent:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 25px;
  bottom: 0;
  left: 50%;
  background-color: rgba(124, 116, 116, 0.7019607843);
  transform: translateY(100%);
}

.hv-wrapper .hv-item .hv-item-children {
  display: flex;
  justify-content: center;
}

.hv-wrapper .hv-item .hv-item-parent:last-child:after {
  display: none;
}

.hv-wrapper .hv-item .hv-item-children .hv-item-child {
  padding: 0 15px;
  position: relative;
}

.hv-wrapper .hv-item .hv-item-children .hv-item-child:before,
.hv-wrapper .hv-item .hv-item-children .hv-item-child:not(:only-child):after {
  content: "";
  position: absolute;
  background-color: rgba(124, 116, 116, 0.7019607843);
  left: 0;
  right: 0;
}

.hv-wrapper .hv-item .hv-item-children .hv-item-child:before {
  left: 50%;
  top: 0;
  transform: translateY(-100%);
  width: 2px;
  height: 25px;
}

.hv-wrapper .hv-item .hv-item-children .hv-item-child:after {
  top: -25px;
  transform: translateY(-100%);
  height: 2px;
  width: 100%;
}

.hv-wrapper .hv-item .hv-item-children .hv-item-child:first-child:after {
  left: 50%;
  width: 50%;
}

.hv-wrapper .hv-item .hv-item-children .hv-item-child:last-child:after {
  width: calc(50% + 1px);
}

.hv-item-parent p {
  font-weight: bold;
  color: #de5454;
}

.management-hierarchy {
  overflow-x: auto;
  margin-bottom: 20px;
}

.management-hierarchy .person {
  text-align: center;
}

.management-hierarchy .person > img {
  height: 50px;
  width: 50px;
  border: 3px solid #5364f1;
  border-radius: 50%;
  overflow: hidden;
  background-color: #ffffff;
}

.management-hierarchy .person > .f-name-l-name {
  height: 50px;
  width: 50px;
  line-height: 43px;
  border: 3px solid #5364f1;
  border-radius: 50%;
  overflow: hidden;
  background-color: #e73667;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: -6px;
}

.management-hierarchy .person > p.name {
  background-color: #5364f1;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
  margin: 0;
  position: relative;
}

.management-hierarchy .person > p.name b {
  color: #ffffff;
}

.body-landing-bg {
  background-color: #FDFBF4;
}

/*----------------------------------------
   Bootstrap customize
-----------------------------------------*/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 30px;
}

.row {
  --bs-gutter-x: 30px;
}

@media (min-width: 1441px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1350px;
  }
}
.custom-container {
  max-width: 1620px;
}

.g-30,
.gx-30 {
  --bs-gutter-x: 30px;
}

.g-30,
.gy-30 {
  --bs-gutter-y: 30px;
}

.g-40,
.gx-40 {
  --bs-gutter-x: 40px;
}

.g-40,
.gy-40 {
  --bs-gutter-y: 40px;
}

.g-50,
.gx-50 {
  --bs-gutter-x: 50px;
}

.g-50,
.gy-50 {
  --bs-gutter-y: 50px;
}

.g-60,
.gy-60 {
  --bs-gutter-y: 60px;
}

/*---------------------------------
/*  Background color
---------------------------------*/
.white-bg {
  background-color: #ffffff;
}

.whiteSmoke-bg {
  background-color: #F5F5F5;
}

/*---------------------------------
/*  Default Spacing
---------------------------------*/
.section-space {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .section-space {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-space {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-space {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-space {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.section-space-top {
  padding-top: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .section-space-top {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-space-top {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-space-top {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-space-top {
    padding-top: 70px;
  }
}

.section-space-bottom {
  padding-bottom: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .section-space-bottom {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-space-bottom {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-space-bottom {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-space-bottom {
    padding-bottom: 70px;
  }
}

.section-title-space {
  margin-bottom: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .section-title-space {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-space {
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-space {
    margin-bottom: 40px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .section-title-space {
    margin-bottom: 35px;
  }
}

.btn-wrapper {
  margin-top: 47px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .btn-wrapper {
    margin-top: 35px;
  }
}

/*----------------------------------------*/
/*  Short codes
/*----------------------------------------*/
.fix {
  overflow: hidden;
}

.z-index-11 {
  z-index: 11;
}

.include-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

p {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}

.text-white-80 {
  color: rgba(255, 255, 255, 0.8);
}

/*----------------------------------------*/
/*  Section Title  
/*----------------------------------------*/
.section-subtitle {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  padding: 8px 17px 9px;
  position: relative;
  z-index: 5;
  border-radius: 30px;
  margin-bottom: 15px;
  background: rgba(255, 219, 134, 0.5);
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.05);
}
.section-subtitle.bg-lightest {
  background: rgba(255, 255, 255, 0.3);
  color: #ffffff;
}
.section-subtitle.bg-gray {
  background: #D6D7D7;
}

.section-title {
  font-size: 44px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .section-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .section-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title {
    font-size: 34px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-title {
    font-size: 32px;
  }
}
@media (max-width: 575px) {
  .section-title {
    font-size: 32px;
  }
}
@media (max-width: 575px) {
  .section-title {
    font-size: 26px;
  }
}

/**=====================
     76. Language CSS start
==========================**/
.language-nav {
  background-color: transparent !important;
  width: 50px !important;
  position: relative;
}
.language-nav .translate_wrapper.active .more_lang {
  display: block;
  position: absolute;
  background-color: #ffffff;
  top: 47px;
  right: 0;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  display: block;
  position: absolute;
  background-color: #ffffff;
  top: 47px;
  right: 0;
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
}
.language-nav .translate_wrapper.active .more_lang .lang:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.language-nav .translate_wrapper.active .more_lang:before {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ffffff;
  content: "";
  top: -7px;
  position: absolute;
  right: 20px;
  z-index: 2;
}
.language-nav .translate_wrapper.active .more_lang:after {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #bdc2c5;
  content: "";
  top: -7px;
  position: absolute;
  right: 20px;
  z-index: 1;
}
.language-nav .current_lang {
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden;
}
.language-nav .current_lang .lang {
  display: inline-flex !important;
}
.language-nav .default-lang-txt {
  margin-left: 8px;
  font-weight: 500;
  font-size: 14px;
}
.language-nav .lang.selected {
  display: none;
}
.language-nav .lang span.lang-txt {
  display: inline-flex;
  margin-left: 8px;
  font-weight: 500;
  font-size: 14px;
  color: rgba(3, 3, 6, 0.7);
}
.language-nav .lang span span {
  color: #999;
  font-weight: 400;
  margin-left: 5px;
}
.language-nav .more_lang {
  transform: translateY(-20px);
  opacity: 0;
  cursor: pointer;
  display: none;
  transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15);
}
.language-nav .more_lang.active {
  opacity: 1;
  transform: translateY(0px);
}
.language-nav .more_lang .lang {
  padding: 10px 20px;
  display: flex !important;
}
.language-nav .more_lang .lang:hover {
  background: #6c3beb;
  color: #ffffff;
}
.language-nav .more_lang .lang:hover span {
  color: #ffffff;
}

li .flag-icon {
  font-size: 16px;
}

/*----------------------------------------*/
/*  Header Style 
/*----------------------------------------*/
.active-sticky {
  position: fixed !important;
  top: 0;
  z-index: 111;
  inset-inline-end: 0;
  inset-inline-start: 0;
  width: 100%;
  background: rgb(255, 255, 255);
  -webkit-animation: fadeInDown 300ms ease-in-out 0s normal none 1 running;
  animation: fadeInDown 300ms ease-in-out 0s normal none 1 running;
  box-shadow: 0px 20px 40px rgba(37, 9, 62, 0.1);
}

.header-action .nice-select.langu-swit.small {
  background: transparent;
  border: 0;
  font-size: 14px;
  font-weight: 700;
  padding-left: 8px;
  padding-right: 26px;
}
.header-action .nice-select.small:after {
  height: 7px;
  width: 7px;
}

.header-transparent {
  position: absolute;
  inset-inline-start: 0;
  margin: auto;
  width: 100%;
  z-index: 99;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area {
    padding: 20px 0;
  }
}
@media (max-width:450px) {
  .header-area {
    padding: 18px 0;
  }
}
.header-area .container {
  max-width: 1920px;
  padding: 0 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .header-area .container {
    padding: 0 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area .container {
    padding: 0 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .container {
    padding: 0 30px;
  }
}
@media (max-width: 575px) {
  .header-area .container {
    padding: 0 15px;
  }
}
.header-area .header-btn-wrap .gradient-btn {
  height: 45px;
}

.header-logo img {
  height: 34px;
}
@media (max-width: 575px) {
  .header-logo img {
    height: 30px;
  }
}
@media (max-width:450px) {
  .header-logo img {
    height: 26px;
  }
}

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

.header-btn-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.header-action {
  display: flex;
  gap: 20px;
  align-items: center;
}
.header-action .quick-use {
  display: flex;
  align-items: center;
  gap: 15px;
}

.bar-icon {
  width: 26px;
  height: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  transition: color 0.2s ease-out;
}
.bar-icon span {
  width: 100%;
  height: 2px;
  background: #030306;
  display: inline-block;
  transition: color 0.2s ease-out;
}
.bar-icon span:nth-child(2) {
  margin-left: 0px;
}
.bar-icon:hover span {
  animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.bar-icon:hover span:nth-child(2) {
  margin-left: 0px;
  animation-delay: 0.1s;
}
.bar-icon:hover span:nth-child(3) {
  animation-delay: 0.2s;
}
.bar-icon.is-black span {
  background: #030306;
}
.bar-icon.is-white span {
  background: #ffffff;
}

.nice-select.lang {
  background: transparent;
  border: 0;
  height: inherit;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  margin-left: 5px;
}
.nice-select.lang:after {
  display: none;
}
.nice-select.lang:focus {
  background-color: transparent;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
/*----------------------------------------*/
/*  Main menu css
/*----------------------------------------*/
.main-menu ul {
  margin-bottom: 0;
}
.main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-inline-end: 25px;
  /* submenu css start */
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-menu ul li {
    margin-inline-end: 30px;
  }
}
.main-menu ul li:last-child {
  margin-inline-end: 0;
}
.main-menu ul li > a {
  display: inline-block;
  color: rgba(3, 3, 6, 0.6);
  padding: 36px 0;
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .main-menu ul li > a {
    padding: 32px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-menu ul li > a {
    padding: 30px 0;
  }
}
.main-menu ul li.has-dropdown > a {
  position: relative;
}
.main-menu ul li.has-dropdown > a::after {
  content: "\f107";
  transform: translateY(1px);
  font-size: 15px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  margin-inline-start: 5px;
  display: inline-block;
  transition: 0.3s;
}
.main-menu ul li.has-mega-menu {
  position: static;
}
.main-menu ul li.megamenu-wrapper {
  position: static;
}
.main-menu ul li .submenu {
  position: absolute;
  top: 110%;
  inset-inline-start: 0;
  min-width: 280px;
  background: #0d0d0d;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  transform-origin: top center;
  padding: 35px 0 6px;
  color: #ffffff;
  border: 1px solid #6c3beb;
  transition: 0.3s;
}
.main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  transform: translateY(-10px);
}
.main-menu ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  inset-inline-end: 25px;
  transform: translateY(-50%) rotate(-90deg);
  color: #737374;
}
.main-menu ul li .submenu li a {
  position: relative;
  z-index: 11;
  color: rgba(3, 3, 6, 0.6);
  font-size: 16px;
  padding: 0 25px;
  padding-inline-start: 30px;
  padding-bottom: 9px;
  width: 100%;
}
.main-menu ul li .submenu li a::before {
  position: absolute;
  content: "";
  left: 25px;
  top: 40%;
  transform: translateY(-50%);
  width: 0px;
  height: 1px;
  background-color: #6c3beb;
  transition: 0.3s;
}
.main-menu ul li .submenu li .submenu {
  inset-inline-start: 100%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.main-menu ul li .submenu li:hover > a {
  color: #6c3beb;
  padding-inline-start: 43px;
}
.main-menu ul li .submenu li:hover > a::before {
  width: 12px;
}
.main-menu ul li .submenu li:hover > a::after {
  color: #6c3beb;
}
.main-menu ul li .submenu li:hover > .submenu {
  transform: translateY(1px);
  visibility: visible;
  opacity: 1;
}
.main-menu ul li:hover > a {
  color: #6c3beb;
}
.main-menu ul li:hover > a::after {
  color: #6c3beb;
}
.main-menu ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  top: 100%;
}

/*----------------------------------------*/
/*  banner Style
/*----------------------------------------*/
.banner-area {
  padding: 108px 0 130px;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  background-image: linear-gradient(100.07deg, #FDFBF4 4.6%, #FFF6D6 102.9%);
}
.banner-area::before {
  position: absolute;
  content: "";
  background: #6c3beb;
  border-radius: 50%;
  width: 320px;
  height: 320px;
  filter: blur(192px);
  right: -40px;
  top: -80px;
  z-index: -1;
  opacity: 70%;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area::before {
    display: none;
  }
}
.banner-area::after {
  position: absolute;
  content: "";
  background: rgba(239, 120, 23, 0.8);
  border-radius: 50%;
  height: 440px;
  width: 440px;
  filter: blur(209px);
  left: -56px;
  top: -82px;
  z-index: -1;
  opacity: 70%;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area::after {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .banner-area {
    padding: 90px 0 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-area {
    padding: 75px 0 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-area {
    padding: 100px 0 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area {
    padding: 115px 0 100px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-area {
    padding: 108px 0 100px;
  }
}
@media (max-width:450px) {
  .banner-area {
    padding: 108px 0 80px;
  }
}

.banner-content .sbu-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  padding: 7px 17px 9px;
  position: relative;
  z-index: 5;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}
.banner-content .title {
  font-size: 70px;
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 1.2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .banner-content .title {
    font-size: 64px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-content .title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-content .title {
    font-size: 46px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-content .title {
    font-size: 46px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-content .title {
    font-size: 38px;
  }
}
@media (max-width: 575px) {
  .banner-content .title {
    font-size: 28px;
  }
}
.banner-content .title span {
  color: #6c3beb;
}
.banner-content .description {
  max-width: 520px;
  margin-bottom: 40px;
  font-weight: 500;
  font-size: 20px;
  color: rgba(3, 3, 6, 0.6);
  line-height: 1.5;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-content .description {
    max-width: 100%;
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .banner-content .description {
    font-size: 18px;
  }
}

.banner-thumb-wrapper {
  position: relative;
}
.banner-thumb-wrapper .user-one {
  position: absolute;
  top: 17%;
  right: 11%;
  border: 2px solid #ffffff;
  border-radius: 50%;
  animation: leftright 2.5s linear forwards infinite alternate;
}
.banner-thumb-wrapper .user-one img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
@media (max-width: 575px) {
  .banner-thumb-wrapper .user-one img {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-thumb-wrapper .banner-thumb {
    text-align: center;
  }
}
.banner-thumb-wrapper .user-two {
  position: absolute;
  bottom: 0;
  left: 13%;
  border: 2px solid #ffffff;
  border-radius: 50%;
  animation: leftright 2.5s linear forwards infinite alternate;
}
.banner-thumb-wrapper .user-two img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
@media (max-width: 575px) {
  .banner-thumb-wrapper .user-two img {
    width: 60px;
    height: 60px;
  }
}
.banner-thumb-wrapper .shape-text {
  position: absolute;
  top: 27%;
  left: -5%;
  background: #ffffff;
  max-width: 184px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 64px;
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: card-bounce;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
}
.banner-thumb-wrapper .shape-text h6 {
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .banner-thumb-wrapper .shape-text h6 {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .banner-thumb-wrapper .shape-text {
    left: 2%;
    top: 40%;
  }
}

.banner-shapes .shape-one {
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 50px;
}
.banner-shapes .shape-two {
  position: absolute;
  top: 10%;
  left: 4%;
  max-width: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-shapes .shape-two {
    top: 18%;
    left: 18px;
    max-width: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-shapes .shape-two {
    max-width: 50px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-shapes .shape-two {
    display: none;
  }
}
.banner-shapes .shape-round {
  background: rgba(108, 59, 235, 0.27);
  width: 864px;
  height: 864px;
  display: inline-block;
  position: absolute;
  right: -230px;
  border-radius: 50%;
  bottom: -220px;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .banner-shapes .shape-round {
    width: 750px;
    height: 750px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-shapes .shape-round {
    width: 650px;
    height: 650px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-shapes .shape-round {
    display: none;
  }
}
.banner-shapes .shape-round-two {
  background: rgba(108, 59, 235, 0.11);
  border-radius: 50%;
  height: 592px;
  width: 592px;
  position: absolute;
  bottom: -85px;
  right: -100px;
  z-index: -1;
}

/*----------------------------------------*/
/*  About Style 
/*----------------------------------------*/
.about-shapes .shapes-one {
  position: absolute;
  top: 25%;
  left: 1%;
  width: 123px;
  -moz-animation: upDown 3s ease-in-out 1s forwards infinite alternate;
  -webkit-animation: upDown 3s ease-in-out 1s forwards infinite alternate;
  animation: upDown 3s ease-in-out 1s forwards infinite alternate;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about-shapes .shapes-one {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-thum-wrap .thumb {
    text-align: center;
  }
}

.about-content {
  margin-right: 80px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content {
    margin-right: 35px;
  }
}

/*----------------------------------------*/
/*  Buttons
/*----------------------------------------*/
.text-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  position: relative;
  font-size: 14px;
}
.text-btn::after {
  position: absolute;
  content: "";
  left: auto;
  bottom: 0;
  background: currentColor;
  width: 0;
  height: 2px;
  transition: 0.3s;
  right: 0;
}
.text-btn:hover {
  color: #6c3beb;
}
.text-btn:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}

.td-primary-btn {
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  color: #ffffff;
  text-transform: capitalize;
  padding: 0 30px;
  font-weight: 600;
  position: relative;
  z-index: 5;
  background: #6c3beb;
  font-size: 14px;
  gap: 5px;
}
.td-primary-btn span svg {
  position: relative;
  width: 20px;
}
.td-primary-btn:hover {
  color: #ffffff;
  background-color: #FF8F00;
}

.gradient-btn {
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  color: #ffffff;
  text-transform: capitalize;
  padding: 0 30px;
  font-weight: 600;
  position: relative;
  z-index: 5;
  background: #FF8F00;
  font-size: 14px;
  gap: 5px;
}
.gradient-btn span svg {
  position: relative;
  width: 20px;
}
.gradient-btn:hover {
  color: #ffffff;
  background-color: #6c3beb;
}

.gradient-btn {
  font-size: 14px;
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 600;
  padding: 0px 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 50px;
  border-radius: 30px;
  position: relative;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  z-index: 5;
  background-position: 100% 100%;
  background-size: 300% 100%;
  background-image: linear-gradient(90deg, rgb(255, 104, 23), rgb(251, 25, 113), rgb(251, 25, 113), rgb(255, 104, 23));
}
.gradient-btn:focus {
  color: #ffffff;
}
.gradient-btn span i {
  position: relative;
  top: 1px;
}
.gradient-btn:hover {
  color: #ffffff;
  background-position: 0 100%;
}

.play-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: #ffffff;
  color: #6c3beb;
  font-size: 20px;
  border-radius: 50%;
  transition: 0.3s;
}
.play-btn:hover {
  background-color: #2D2095;
  color: #ffffff;
}

.video-play .play-btn:before {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  border-style: solid;
  border-color: transparent;
  border-width: 2px;
  width: 110px;
  height: 110px;
  position: absolute;
  backdrop-filter: blur(7.5px);
  content: "";
  z-index: -1;
}

/*----------------------------------------*/
/*  Features css
/*----------------------------------------*/
.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.features-shapes .shape-one {
  position: absolute;
  top: 8%;
  right: -19px;
  max-width: 100px;
}
@media (max-width: 575px) {
  .features-shapes .shape-one {
    display: none;
  }
}

.features-item {
  background: rgba(96, 137, 249, 0.15);
  border-radius: 23px;
  padding: 30px 30px 30px;
  transition: 0.3s;
}
@media (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .features-item {
    padding: 25px 25px 25px;
  }
}
.features-item:hover {
  transform: translateY(-5px);
}
.features-item.is-warning {
  background: rgba(255, 143, 0, 0.1);
}
.features-item.is-warning .icon span {
  background-color: #FF8F00;
}
.features-item.is-info {
  background: rgba(64, 217, 189, 0.15);
}
.features-item.is-info .icon span {
  background-color: #40D9BD;
}
.features-item.is-success {
  background: rgba(129, 239, 113, 0.1);
}
.features-item.is-success .icon span {
  background-color: #81EF71;
}
.features-item.is-purplish {
  background: rgba(108, 59, 235, 0.1);
}
.features-item.is-purplish .icon span {
  background-color: #6c3beb;
}
.features-item.is-danger {
  background: rgba(239, 71, 111, 0.1);
}
.features-item.is-danger .icon span {
  background-color: #EF476F;
}
.features-item .icon {
  margin-bottom: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .features-item .icon {
    margin-bottom: 20px;
  }
}
.features-item .icon span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #6089F9;
  height: 56px;
  width: 56px;
  border-radius: 50%;
  color: #ffffff;
}
.features-item .title {
  margin-bottom: 20px;
  font-size: 24px;
}
@media (max-width: 575px) {
  .features-item .title {
    font-size: 20px;
  }
}
.features-item .thumb img {
  border-radius: 20px;
  width: 100%;
}
.features-item .description {
  margin-bottom: 30px;
  font-weight: 500;
  line-height: 26px;
}

/*----------------------------------------*/
/*  Our solutions css
/*----------------------------------------*/
.our-solutions-area {
  background-color: #2D2095;
}

.our-solutions-shapes .round-glow {
  position: absolute;
  width: 356px;
  height: 356px;
  left: -166px;
  top: 30%;
  background: #EF7817;
  filter: blur(252px);
  z-index: -1;
  opacity: 70%;
}
.our-solutions-shapes .shape-one {
  max-width: 92px;
  position: absolute;
  top: 55px;
  left: 52px;
  z-index: -1;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .our-solutions-shapes .shape-one {
    display: none;
  }
}

.our-solutions-left {
  margin-right: 75px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .our-solutions-left {
    margin-right: 0px;
  }
}
.our-solutions-left .thumb-wrap {
  position: relative;
}
.our-solutions-left .thumb-wrap .mask-shape {
  position: absolute;
  top: -20px;
  left: 20px;
  z-index: -1;
  transform: rotate(346deg);
}
.our-solutions-left .thumb-wrap .thumb {
  -webkit-mask-image: url(../images/solutions/mask.png);
  mask-image: url(../images/solutions/mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  margin-top: 45px;
  width: 824px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .our-solutions-left .thumb-wrap .thumb {
    width: 650px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .our-solutions-left .thumb-wrap .thumb {
    margin: 0 auto;
    width: 150%;
  }
}
.our-solutions-left .content {
  margin-top: 30px;
}
.our-solutions-left .description {
  max-width: 513px;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .our-solutions-left .description {
    max-width: 100%;
  }
}

.our-solutions-right {
  margin-left: 50px;
  display: grid;
  gap: 30px;
  justify-content: end;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .our-solutions-right {
    margin-left: 0;
    justify-content: start;
  }
}

.our-solutions-item {
  background-color: #ffffff;
  padding: 45px 42px 40px;
  border-radius: 30px;
  max-width: 598px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
  .our-solutions-item {
    padding: 35px 32px 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .our-solutions-item {
    padding: 30px 30px 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .our-solutions-item {
    max-width: 100%;
  }
}
.our-solutions-item:nth-child(1) {
  transform: translateX(-100px);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .our-solutions-item:nth-child(1) {
    transform: translateX(0px);
  }
}
.our-solutions-item:nth-child(2) {
  transform: translateX(-50px);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .our-solutions-item:nth-child(2) {
    transform: translateX(0px);
  }
}
.our-solutions-item .content .title-inner {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}
.our-solutions-item .content .title {
  font-size: 24px;
}
@media (max-width: 575px) {
  .our-solutions-item .content .title {
    font-size: 20px;
  }
}
.our-solutions-item .content .title a:hover {
  color: #6c3beb;
}
.our-solutions-item .content .description {
  margin-bottom: 0;
}
.our-solutions-item .content .icon span {
  width: 50px;
  height: 50px;
  background: rgba(108, 59, 235, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

/*----------------------------------------*/
/*  Working css
/*----------------------------------------*/
.work-step-area {
  background-color: #ffffff;
}

.work-step-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .work-step-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
  }
}
@media (max-width:450px) {
  .work-step-grid {
    grid-template-columns: 1fr;
  }
}
.work-step-grid .item {
  position: relative;
  text-align: center;
}
.work-step-grid .item:last-child .arrow-line {
  display: none;
}
.work-step-grid .icon {
  margin-bottom: 20px;
}
.work-step-grid .icon span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: rgba(255, 143, 0, 0.1);
  border-radius: 50%;
}
.work-step-grid .content .title {
  font-size: 20px;
  margin-bottom: 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .work-step-grid .content .title {
    font-size: 18px;
  }
}
.work-step-grid .arrow-line {
  position: absolute;
  right: -70px;
  top: 28%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .work-step-grid .arrow-line {
    width: 150px;
  }
  .work-step-grid .arrow-line svg {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .work-step-grid .arrow-line {
    width: 130px;
  }
  .work-step-grid .arrow-line svg {
    width: 100%;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .work-step-grid .arrow-line {
    display: none;
  }
}

/*----------------------------------------*/
/*  7.28 Price css
/*----------------------------------------*/
.price-item {
  padding: 25px 25px 25px;
  z-index: 5;
  background: #ffffff;
  border-radius: 20px;
  position: relative;
  box-shadow: 0px 0px 32px 0px rgba(108, 59, 235, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .price-item {
    padding: 30px 25px 30px;
  }
}
@media (max-width:450px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .price-item {
    padding: 30px 30px 30px;
  }
}
.price-item::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 6px;
  background: linear-gradient(35deg, #FB5141 0%, #089EFF 100%);
  z-index: -1;
  opacity: 0;
  transition: 0.3s;
}
.price-item.is-active .info-list ul li span {
  background: #6c3beb;
}
.price-item.is-active .info-list ul li i {
  color: #ffffff;
}
.price-item.is-active .pricing-btn {
  color: #ffffff;
}
.price-item.is-active .pricing-btn::after {
  opacity: 1;
}
.price-item .info-list {
  margin-bottom: 30px;
}
.price-item .info-list ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.price-item .info-list ul li.disable {
  opacity: 0.3;
}
.price-item .info-list ul li span {
  width: 24px;
  height: 24px;
  background: rgba(108, 59, 235, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.price-item .info-list ul li:not(:last-child) {
  margin-bottom: 16px;
}
.price-item .info-list ul li i {
  font-size: 14px;
  color: #6c3beb;
}

.price-badge {
  padding: 7px 20px;
  background: #7440F5;
  font-size: 14px;
  color: #ffffff;
  border-radius: 6px 6px 0px;
  position: absolute;
  right: -9px;
  top: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .price-badge {
    font-size: 12px;
  }
}
.price-badge::before {
  position: absolute;
  content: "";
  bottom: -10px;
  right: 0px;
  border-top: 10px solid #481DB2;
  border-right: 10px solid transparent;
}

.price-title h4 {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 16px;
}
.price-title .badge-card {
  margin-left: 3px;
}

.price-value {
  margin-bottom: 25px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
}
.price-value strong {
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
}
@media (max-width:450px) {
  .price-value strong {
    font-size: 35px;
  }
}
.price-value sub {
  font-size: 16px;
  color: #606062;
  position: relative;
  top: -2px;
  margin-left: 3px;
}

.price-top > p {
  border-bottom: 1px solid #6c3beb;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.pricing-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  position: relative;
  border-radius: 30px;
  z-index: 5;
  font-size: 16px;
  font-weight: 600;
  color: rgb(255, 25, 113);
}
.pricing-btn:before, .pricing-btn::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: 30px;
  transition: 0.3s;
}
.pricing-btn::before {
  background: linear-gradient(90deg, rgba(255, 25, 113, 0.1) 0%, rgba(255, 104, 23, 0.1) 100%);
}
.pricing-btn::after {
  background: linear-gradient(90deg, rgb(255, 25, 113) 0%, rgb(255, 104, 23) 100%);
  opacity: 0;
}
.pricing-btn:hover {
  color: #ffffff;
}
.pricing-btn:hover::after {
  opacity: 1;
}
.pricing-btn:hover::before {
  opacity: 0;
}

.pricing-tab.customize-tab .nav-tabs {
  display: flex;
  gap: 10px 15px;
  justify-content: end;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-tab.customize-tab .nav-tabs {
    justify-content: start;
  }
}
.pricing-tab.customize-tab .nav-tabs .nav-link {
  background: rgba(108, 59, 235, 0.15);
  height: 50px;
  padding: 0px 35px;
  border-radius: 10px;
  color: #6c3beb;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
}
.pricing-tab.customize-tab .nav-tabs .nav-link.active {
  background-color: #6c3beb;
  color: #ffffff;
}

/*----------------------------------------*/
/*  Tab
/*----------------------------------------*/
.customize-tab .nav-tabs {
  padding: 0;
  margin: 0;
  border: 0;
}
.customize-tab .nav-tabs .nav-link {
  padding: 0;
  margin: 0;
  border: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*----------------------------------------*/
/* Testimonial css
/*----------------------------------------*/
.swiper.testimonial-active {
  margin: -20px;
  padding: 20px;
}

.testimonial-item {
  padding: 45px 30px 45px;
  background: #ffffff;
  box-shadow: 0px 0px 15px rgba(108, 59, 235, 0.11);
  border-radius: 15px;
  position: relative;
  z-index: 5;
}
@media (max-width:450px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-item {
    padding: 30px 30px;
  }
}
.testimonial-item::before {
  position: absolute;
  content: "";
  height: 151px;
  width: 100%;
  background: #F49E57;
  z-index: -1;
  left: 0;
  bottom: 0;
  clip-path: polygon(0% 34.815%, 44.591% 2.569%, 44.591% 2.569%, 45.66% 1.876%, 46.738% 1.338%, 47.822% 0.953%, 48.91% 0.722%, 50% 0.645%, 51.09% 0.722%, 52.178% 0.953%, 53.262% 1.338%, 54.34% 1.876%, 55.409% 2.569%, 100% 34.815%, 100% 89.933%, 100% 89.933%, 99.953% 91.566%, 99.817% 93.115%, 99.6% 94.559%, 99.309% 95.878%, 98.951% 97.051%, 98.534% 98.058%, 98.065% 98.876%, 97.552% 99.487%, 97.001% 99.868%, 96.42% 100%, 3.58% 100%, 3.58% 100%, 2.999% 99.868%, 2.448% 99.487%, 1.935% 98.876%, 1.466% 98.058%, 1.049% 97.051%, 0.691% 95.878%, 0.4% 94.559%, 0.183% 93.115%, 0.047% 91.566%, 0% 89.933%, 0% 34.815%);
}
.testimonial-item .feedback-quote-wrap {
  margin-bottom: 20px;
}
.testimonial-item .feedback-quote-wrap .feedback__rating-icon span {
  font-size: 14px;
}

.testimonial-content .description {
  color: rgba(3, 3, 6, 0.6);
}

.testimonial-author-thumb-3 {
  max-width: 86px;
  border: 2px solid #F49E57;
  border-radius: 50%;
}
.testimonial-author-thumb-3 img {
  border-radius: 50%;
}

.testimonial-author-info span {
  font-size: 14px;
}

.testimonial-navigation {
  gap: 15px;
}
@media (max-width: 575px) {
  .testimonial-navigation {
    gap: 15px;
    justify-content: center;
    margin-top: 30px;
  }
}
.testimonial-navigation button {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  background: #F0EBFD;
  justify-content: center;
  border-radius: 50%;
  font-size: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 55;
  left: -25px;
}
@media (max-width: 575px) {
  .testimonial-navigation button {
    position: inherit;
    top: inherit;
    transform: inherit;
  }
}
.testimonial-navigation button:hover {
  background-color: #6c3beb;
  color: #ffffff;
  border-color: transparent;
}
.testimonial-navigation .testimonial-button-next {
  left: auto;
  right: -25px;
}
@media (max-width: 575px) {
  .testimonial-navigation .testimonial-button-next {
    position: inherit;
    top: inherit;
    transform: inherit;
  }
}

.testimonial-author {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-direction: column;
  text-align: center;
}

.testimonial-author-info .title {
  font-size: 18px;
  color: #030306;
}
.testimonial-author-info .info {
  font-size: 14px;
  margin-bottom: 0;
  color: rgb(20, 26, 22);
}

.testimonial-item.is-info::before {
  background: #40D9BD;
}
.testimonial-item.is-info .feedback__quote svg * {
  fill: #40D9BD;
}
.testimonial-item.is-info .testimonial-author-thumb-3 {
  border-color: #40D9BD;
}
.testimonial-item.is-danger::before {
  background: #F45C7E;
}
.testimonial-item.is-danger .feedback__quote svg * {
  fill: #F45C7E;
}
.testimonial-item.is-danger .testimonial-author-thumb-3 {
  border-color: #F45C7E;
}

/*----------------------------------------*/
/* Faq css
/*----------------------------------------*/
.faq-shapes .shape-one {
  position: absolute;
  bottom: 50px;
  left: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-shapes .shape-one {
    display: none;
  }
}
.faq-shapes .shape-two {
  position: absolute;
  right: -40px;
  top: 15%;
  max-width: 101px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-shapes .shape-two {
    display: none;
  }
}

.faq-content {
  padding-right: 65px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq-content {
    padding-right: 0;
  }
}

.faq-thumb .thumb-dark {
  display: none;
}

.td-faq .accordion-button {
  font-size: 20px;
  background: #ffffff;
  padding: 25px 30px 25px;
  padding-right: 100px;
  display: inline-block;
  font-weight: 600;
  border-radius: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .td-faq .accordion-button {
    font-size: 20px;
    padding: 20px 80px 20px 25px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .td-faq .accordion-button {
    font-size: 18px;
    padding: 20px 80px 20px 25px;
  }
}
.td-faq .accordion-button:focus {
  box-shadow: none;
}
.td-faq .accordion-button:not(.collapsed) {
  background: #ffffff;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
  border-radius: 0;
  color: #030306;
}
.td-faq .accordion-button:not(.collapsed)::after {
  border-color: transparent;
  background: #6c3beb;
  color: #ffffff;
  content: "\f068" !important;
}
.td-faq .accordion-button::after {
  position: absolute;
  right: 30px;
  content: "+";
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  width: 40px;
  background: #E8E8E8;
  line-height: 40px;
  text-align: center;
  color: #030306;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .td-faq .accordion-button::after {
    right: 25px;
  }
}
.td-faq .accordion-body {
  padding-left: 25px;
  padding-bottom: 15px;
  padding-right: 25px;
  background: #ffffff;
  border-radius: 0 0 10px 10px;
}
.td-faq .accordion-body > P {
  margin-bottom: 0;
}
.td-faq .accordion-item {
  border-radius: 10px;
  overflow: hidden;
  background: transparent;
  box-shadow: 3px 4px 20px rgba(255, 95, 33, 0.08);
  border: 0;
}
.td-faq .accordion-item:not(:last-child) {
  margin-bottom: 20px;
}
.td-faq .accordion-item:not(:first-of-type) {
  border: 0;
}
.td-faq .accordion-item:first-of-type .accordion-button {
  border-radius: 10px 10px 0 0;
}
.td-faq .accordion-item:last-of-type .accordion-button {
  border-radius: 0;
}

.td-faq.style-two .accordion-item {
  background: #ffffff;
  border: 1px solid rgba(3, 3, 6, 0.1);
  backdrop-filter: blur(15px);
  border-radius: 12px;
  box-shadow: none;
  overflow: hidden;
}
.td-faq.style-two .accordion-body {
  padding-top: 0px;
  padding-bottom: 30px;
  background: #f5f5f5;
}
.td-faq.style-two .accordion-button {
  background: #f5f5f5;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .td-faq.style-two .accordion-button {
    font-size: 18px;
  }
}
@media (max-width:450px) {
  .td-faq.style-two .accordion-button {
    padding: 20px 50px 20px 25px;
  }
}
.td-faq.style-two .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.td-faq.style-two .accordion-button:not(.collapsed)::after {
  content: "\f077" !important;
  font-family: "Font Awesome 6 Pro";
  background-color: #6c3beb;
  background-color: transparent;
  color: #030306;
}
.td-faq.style-two .accordion-button::after {
  position: absolute;
  right: 20px;
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  width: 40px;
  background: transparent !important;
}

.td-faq.style-three .accordion-button {
  border-radius: 0;
}
.td-faq.style-three .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.td-faq.style-three .accordion-button:not(.collapsed) .accordion-button {
  border-radius: 10px 10px 0 0 !important;
}
.td-faq.style-three .accordion-button:not(.collapsed):last-of-type .accordion-button {
  border-radius: 0 !important;
}
.td-faq.style-three .accordion-button:not(.collapsed)::after {
  content: "\f077" !important;
}
.td-faq.style-three .accordion-button::after {
  position: absolute;
  right: 20px;
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  width: 40px;
  background: rgba(3, 3, 6, 0.1);
  color: #030306;
}
.td-faq.style-three .accordion-body {
  padding-top: 0px;
  padding-bottom: 30px;
}
.td-faq.style-three .accordion-item {
  box-shadow: none;
  border-radius: 10px;
  overflow: hidden;
}
.td-faq.style-three .accordion-item:last-of-type .accordion-button {
  border-radius: 0px;
}

/*----------------------------------------*/
/*  Experiences css
/*----------------------------------------*/
.experiences-area {
  background-color: #2D2095;
  padding: 120px 0;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .experiences-area {
    padding: 90px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .experiences-area {
    padding: 80px 0;
  }
}
@media (max-width: 575px) {
  .experiences-area {
    padding: 70px 0;
  }
}

.experiences-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}

.experiences-info {
  margin-top: 40px;
}
.experiences-info .list ul {
  display: inline-flex;
  gap: 20px;
  flex-direction: column;
}
.experiences-info .list ul li {
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  background: rgb(87, 77, 170);
  box-shadow: rgba(108, 59, 235, 0.1) 0px 0px 32px;
  border-radius: 10px;
}
@media (max-width: 575px) {
  .experiences-info .list ul li {
    display: none;
  }
}

.experiences-content .description {
  color: rgba(255, 255, 255, 0.8);
  margin-top: 30px;
}

.experiences-thumb {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 44%;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .experiences-thumb {
    position: inherit;
    transform: inherit;
    width: 100%;
  }
}
.experiences-thumb img {
  border-radius: 30px 0px 0 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .experiences-thumb img {
    border-radius: 30px;
  }
}

.experiences-shapes .shape-one {
  position: absolute;
  top: 38px;
  left: 23px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .experiences-shapes .shape-one {
    max-width: 80px;
  }
}
@media (max-width: 575px) {
  .experiences-shapes .shape-one {
    display: none;
  }
}

/*----------------------------------------*/
/*  video css
/*----------------------------------------*/
.video-shapes .shape-one {
  position: absolute;
  top: -2%;
  left: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .video-shapes .shape-one {
    display: none;
  }
}

.video-wrapper {
  position: relative;
  padding: 30px;
  background: linear-gradient(352.56deg, #40D9BD 6%, #3720EC 105.55%);
  border-radius: 20px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .video-wrapper {
    padding: 20px;
  }
}
.video-wrapper .video-thumb {
  position: relative;
  height: 650px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .video-wrapper .video-thumb {
    height: 400px;
  }
}
.video-wrapper .video-thumb::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 15px;
}
.video-wrapper .video-thumb img {
  border-radius: 15px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.video-wrapper .video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-thumb-pattern {
  height: 573px;
  position: relative;
  margin-top: -420px;
  z-index: -1;
  width: 100%;
  background-color: #702FFF;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .video-thumb-pattern {
    height: 520px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .video-thumb-pattern {
    height: 330px;
    margin-top: -230px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .video-thumb-pattern {
    height: 330px;
    margin-top: -230px;
  }
}
@media (max-width:450px) {
  .video-thumb-pattern {
    height: 200px;
    margin-top: -150px;
  }
}

/*----------------------------------------
   Mfp customize
-----------------------------------------*/
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 1280px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 1000px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), xxl {
  .mfp-iframe-holder .mfp-content {
    max-width: 850px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 820px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 750px;
  }
}

.mfp-close {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.mfp-close:hover {
  color: #ffffff;
}
.mfp-close::after {
  position: absolute;
  content: "\f00d";
  height: 100%;
  width: 100%;
  font-family: "Font Awesome 6 Pro";
  font-size: 31px;
  font-weight: 200;
  right: -20px;
  margin-top: -25px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mfp-close::after {
    right: 15px;
    margin-top: -30px;
  }
}

/*----------------------------------------*/
/*  Blog css
/*----------------------------------------*/
.blog-item:hover .blog-thumb img {
  transform: translate(scale(1.1));
}

.blog-thumb {
  overflow: hidden;
}
.blog-thumb img {
  width: 100%;
  transform: translate(scale(1));
  border-radius: 10px;
}

.blog-content {
  background: #ffffff;
  box-shadow: 0px 0px 32px rgba(108, 59, 235, 0.1);
  border-radius: 15px;
  padding: 20px 20px;
  position: relative;
  z-index: 5;
  margin: 0 30px;
  margin-top: -60px;
}
@media (max-width: 575px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-content {
    margin: 0 20px;
    margin-top: -60px;
  }
}

.blog-meta-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.blog-title {
  font-size: 18px;
  margin-bottom: 0;
  line-height: 1.5;
  color: rgb(28, 28, 30);
}
.blog-title a:hover {
  color: #6c3beb;
}

.date-badge {
  display: inline-block;
  background: rgba(108, 59, 235, 0.1);
  border-radius: 18px;
  padding: 3px 10px;
  font-size: 14px;
  font-weight: 600;
}

.blog-link {
  height: 30px;
  width: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #030306;
  border-radius: 50%;
  z-index: 9;
  color: #ffffff;
  font-size: 16px;
}
.blog-link:hover {
  background-color: #6c3beb;
  color: #ffffff;
}

/*----------------------------------------*/
/*  Why Choose CSS
/*----------------------------------------*/
.why-choose-area {
  background: #2D2095;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.why-choose-shapes .shape-one {
  position: absolute;
  top: 90px;
  left: 95px;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .why-choose-shapes .shape-one {
    position: absolute;
    top: 70px;
    left: 65px;
    max-width: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .why-choose-shapes .shape-one {
    top: 7%;
    left: 5%;
    max-width: 66px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .why-choose-shapes .shape-one {
    top: 4%;
    left: 3%;
    max-width: 50px;
  }
}
@media (max-width: 575px) {
  .why-choose-shapes .shape-one {
    display: none;
  }
}
.why-choose-shapes .round {
  position: absolute;
  width: 1022px;
  height: 1022px;
  right: -12%;
  bottom: -160px;
  background: #ECCC70;
  border-radius: 50%;
  z-index: -1;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
  .why-choose-shapes .round {
    width: 950px;
    height: 950px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .why-choose-shapes .round {
    width: 880px;
    height: 880px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .why-choose-shapes .round {
    width: 800px;
    height: 800px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .why-choose-shapes .round {
    display: none;
  }
}

.why-choose-wrapper {
  margin-right: 50px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .why-choose-wrapper {
    margin-right: 0px;
  }
}

.why-choose-content .title {
  color: #ffffff;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 20px;
}
@media (max-width:450px) {
  .why-choose-content .title {
    font-size: 18px;
  }
}
.why-choose-content .description {
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 0;
}

.why-choose-timeline {
  display: flex;
  gap: 30px;
}
@media (max-width: 575px) {
  .why-choose-timeline {
    gap: 20px;
  }
}
.why-choose-timeline:not(:last-child) {
  padding-bottom: 40px;
}
.why-choose-timeline:last-child .timeline-icon::before {
  display: none;
}

.timeline-icon span {
  font-size: 24px;
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #3921EC;
  border-radius: 50%;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .timeline-icon span {
    width: 36px;
    height: 36px;
    font-size: 20px;
  }
}

.timeline-icon {
  position: relative;
  z-index: 5;
}
.timeline-icon:not(:last-child):before {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  border: 1.5px dashed rgba(255, 255, 255, 0.5);
  z-index: -1;
  left: 24px;
  top: 52px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .timeline-icon:not(:last-child):before {
    left: 16px;
    top: 42px;
  }
}

.why-choose-thumb {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 44%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .why-choose-thumb {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .why-choose-thumb {
    width: 55%;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .why-choose-thumb {
    display: none;
  }
}

.why-choose-item.style-two {
  background: #ffffff;
  box-shadow: 0px 0px 32px rgba(108, 59, 235, 0.11);
  border-radius: 30px;
  padding: 40px 40px;
  transition: 0.3s;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .why-choose-item.style-two {
    padding: 30px 30px;
  }
}
@media (max-width:450px) {
  .why-choose-item.style-two {
    padding: 20px 20px;
  }
}
.why-choose-item.style-two:hover {
  transform: translateY(-5px);
}
.why-choose-item.style-two .content .icon {
  margin-bottom: 30px;
}
.why-choose-item.style-two .content .title {
  font-size: 24px;
  margin-bottom: 25px;
}
@media (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .why-choose-item.style-two .content .title {
    font-size: 20px;
  }
}
.why-choose-item.style-two .content .description {
  margin-bottom: 0;
}

/*----------------------------------------*/
/*  Brand css
/*----------------------------------------*/
.brand-main-wrapper {
  display: grid;
  gap: 50px 0;
}

.brand-grid {
  display: flex;
  align-items: center;
  gap: 30px 70px;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-grid {
    display: grid;
    grid-template-columns: auto auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .brand-grid {
    display: grid;
    grid-template-columns: auto auto auto;
  }
}
@media (max-width: 575px) {
  .brand-grid {
    display: grid;
    grid-template-columns: auto;
    text-align: center;
  }
}

.brand-item .thumb .thumb-white {
  display: none;
}
.brand-item .thumb img {
  height: 30px;
  filter: grayscale(1);
  transition: 0.3s;
}
.brand-item .thumb img:hover {
  filter: grayscale(0);
}

/*----------------------------------------*/
/* Newsletter css
/*----------------------------------------*/
.newsletter-wrapper {
  padding: 50px 50px;
  background-color: #6c3beb;
  border-radius: 10px;
  position: relative;
  z-index: 10;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter-wrapper {
    padding: 30px 30px;
  }
}

.newsletter-grid {
  display: grid;
  grid-template-columns: 70% auto;
  place-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .newsletter-grid {
    grid-template-columns: 60% auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter-grid {
    grid-template-columns: 80% auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter-grid {
    grid-template-columns: 66% auto;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .newsletter-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

.newsletter-content .title {
  font-size: 36px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter-content .title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter-content .title {
    font-size: 24px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .newsletter-content .title {
    font-size: 26px;
  }
}
@media (max-width:450px) {
  .newsletter-content .title {
    font-size: 20px;
  }
}
.newsletter-content .description {
  color: #ffffff;
  margin-bottom: 0;
}

/*----------------------------------------*/
/*  6.0 Footer Style
/*----------------------------------------*/
.footer-primary {
  position: relative;
  background-color: #07041B;
  position: relative;
  z-index: 5;
  padding-top: 80px;
}

.footer-shapes .shape-one {
  position: absolute;
  top: 70px;
  left: 50px;
}
.footer-shapes .shape-two {
  position: absolute;
  right: 17px;
  bottom: 10px;
  z-index: -1;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-shapes .shape-two {
    display: none;
  }
}

.footer-logo {
  margin-bottom: 30px;
}

.footer-widget-1-1 {
  max-width: 350px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget-1-1 {
    max-width: 100%;
  }
}

.footer-widget-1-2 {
  padding-left: 20px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget-1-2 {
    padding-left: 0px;
  }
}

.footer-widget-1-3 {
  margin-left: -15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget-1-3 {
    margin-left: -25px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget-1-3 {
    margin-left: 0px;
  }
}

.footer-content .title {
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 20px;
}

.footer-bg {
  background-color: #07041B;
}

.footer-logo img {
  max-width: 191px;
}

.footer-content > P {
  margin-bottom: 30px;
  color: #ffffff;
  max-width: 245px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-content > P {
    width: 100%;
  }
}

.footer-widget-title h5 {
  margin-bottom: 30px;
  font-size: 20px;
  position: relative;
  z-index: 10;
  color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget-title h5 {
    font-size: 18px;
  }
}

.footer-title h4 {
  font-size: 20px;
}

.footer-link ul {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 12px;
}
.footer-link ul li {
  list-style: none;
}
.footer-link ul li a {
  font-size: 14px;
  position: relative;
  font-weight: 700;
  color: #ffffff;
}
.footer-link ul li a:hover {
  color: #6c3beb;
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding: 22px 0;
  gap: 12px 30px;
}
@media (max-width: 575px) {
  .footer-bottom {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.footer-info-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-info-item:not(:last-child) {
  margin-bottom: 20px;
}
.footer-info-item:last-child {
  align-items: start;
}

.footer-info-icon span {
  color: #6c3beb;
}

.footer-info-text span {
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
}
.footer-info-text span a:hover {
  color: #6c3beb;
}
.footer-info-text p {
  color: #737374;
}
.footer-info-text p a:hover {
  color: #6c3beb;
}

.footer-conditions ul {
  display: flex;
  align-items: center;
  gap: 10px 30px;
  flex-wrap: wrap;
}
.footer-conditions ul li {
  list-style: none;
  position: relative;
}
.footer-conditions ul li:not(:last-child):after {
  position: absolute;
  content: "";
  height: 10px;
  width: 1px;
  background: #6c3beb;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
}
.footer-conditions ul li a:hover {
  color: #6c3beb;
}

.footer-social {
  display: flex;
  gap: 13px;
}
.footer-social a {
  color: #07041B;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: #CDCDD1;
  font-size: 16px;
  border-radius: 50%;
}
.footer-social a:hover {
  background-color: #6c3beb;
  color: #ffffff;
  transform: translateY(-3px);
}

.footer-newsletter > p {
  margin-bottom: 35px;
}

.footer-newsletter-input input {
  padding-right: 115px;
  border: 0;
  border-radius: 115px;
  height: 60px;
  background: #ffffff;
  padding-left: 25px;
  width: 100%;
}

.footer-round-btn {
  position: absolute;
  right: 10px;
  height: 40px;
  padding: 0px 21px;
  border-radius: 30px;
  color: #ffffff;
  font-size: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
  z-index: 5;
  background-color: rgb(108, 59, 235);
}
.footer-round-btn:focus {
  color: #ffffff;
}
.footer-round-btn:hover {
  color: #ffffff;
  background-position: 0 100%;
}

.footer-short-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-short-info .info-content p {
  margin-bottom: 0;
}
.footer-short-info .info-content p a:hover {
  color: #6c3beb;
}
.footer-short-info .info-icon span i {
  color: #6c3beb;
  font-size: 20px;
}

.footer-main {
  margin-bottom: 70px;
}

.single-item:not(:last-child) {
  margin-bottom: 30px;
}
.single-item .title {
  color: #ffffff;
  margin-bottom: 10px;
}

.footer-copyright p {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.7);
}
.footer-copyright p a {
  color: #6c3beb;
}
.footer-copyright p a:hover {
  color: #6c3beb;
}

/*----------------------------------------*/
/*  Breadcrumb css
/*----------------------------------------*/
.breadcrumb-area.style-one {
  padding-top: 180px;
  padding-bottom: 150px;
  position: relative;
  z-index: 5;
  overflow: hidden;
  background-color: #F5F5F5;
}
.breadcrumb-area.style-one::before {
  position: absolute;
  content: "";
  background: #6c3beb;
  border-radius: 50%;
  width: 221px;
  height: 221px;
  filter: blur(192px);
  right: 13px;
  bottom: 40px;
  z-index: -1;
  opacity: 50%;
}
.breadcrumb-area.style-one::after {
  position: absolute;
  content: "";
  background: rgba(239, 120, 23, 0.8);
  border-radius: 50%;
  height: 373px;
  width: 373px;
  filter: blur(209px);
  left: -58px;
  bottom: -58px;
  z-index: -1;
  opacity: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-area.style-one {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumb-area.style-one {
    padding-top: 140px;
    padding-bottom: 125px;
  }
}
@media (max-width: 575px) {
  .breadcrumb-area.style-one {
    padding-top: 120px;
    padding-bottom: 70px;
  }
}
.breadcrumb-area.style-one .breadcrumb-shapes .shape-one {
  position: absolute;
  top: 12%;
  left: 2%;
  max-width: 100px;
  -moz-animation: upDown 3s ease-in-out 1s forwards infinite alternate;
  -webkit-animation: upDown 3s ease-in-out 1s forwards infinite alternate;
  animation: upDown 3s ease-in-out 1s forwards infinite alternate;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-area.style-one .breadcrumb-shapes .shape-one {
    max-width: 50px;
  }
}
@media (max-width: 575px) {
  .breadcrumb-area.style-one .breadcrumb-shapes .shape-one {
    display: none;
  }
}
.breadcrumb-area.style-one .breadcrumb-shapes .shape-two {
  position: absolute;
  right: 7%;
  top: 38%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-area.style-one .breadcrumb-shapes .shape-two {
    max-width: 50px;
  }
}
@media (max-width: 575px) {
  .breadcrumb-area.style-one .breadcrumb-shapes .shape-two {
    display: none;
  }
}
.breadcrumb-area.style-one .breadcrumb-shapes .shape-three {
  position: absolute;
  right: 30%;
  transform: translateX(-50%);
  bottom: 15px;
  -moz-animation: shortUPDown 1s ease-in-out 1s forwards infinite alternate;
  -webkit-animation: shortUPDown 1s ease-in-out 1s forwards infinite alternate;
  animation: shortUPDown 1s ease-in-out 1s forwards infinite alternate;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-area.style-one .breadcrumb-shapes .shape-three {
    max-width: 50px;
  }
}
@media (max-width: 575px) {
  .breadcrumb-area.style-one .breadcrumb-shapes .shape-three {
    display: none;
  }
}

.breadcrumb-content .title {
  font-size: 44px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .breadcrumb-content .title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .breadcrumb-content .title {
    font-size: 52px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-content .title {
    font-size: 46px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-content .title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumb-content .title {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .breadcrumb-content .title {
    font-size: 26px;
  }
}
.breadcrumb-content .description {
  font-size: 18px;
  max-width: 600px;
  margin-top: 15px;
  color: rgba(3, 3, 6, 0.7);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumb-content .description {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-content .description {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .breadcrumb-content .description {
    font-size: 16px;
  }
}

.breadcrumb-menu {
  margin-bottom: 25px;
}
.breadcrumb-menu ul {
  display: flex;
  gap: 34px;
  justify-content: center;
}
.breadcrumb-menu ul li {
  list-style: none;
  position: relative;
  line-height: 1;
}
.breadcrumb-menu ul li:last-child span {
  color: #6c3beb;
}
.breadcrumb-menu ul li:not(:last-child)::before {
  display: inline-block;
  content: "\f101";
  position: absolute;
  top: 50%;
  font-family: "Font Awesome 6 Pro";
  transform: translateY(-50%);
  inset-inline-end: -24px;
  font-size: 16px;
}
.breadcrumb-menu ul li.active span {
  color: #6c3beb;
}
.breadcrumb-menu ul li span {
  font-size: 16px;
  font-weight: 500;
}
.breadcrumb-menu ul li span a {
  font-weight: 500;
}
.breadcrumb-menu ul li span a:hover {
  color: #6c3beb;
}

/*----------------------------------------*/
/* Postbox css
/*----------------------------------------*/
.blog-grid-quote {
  padding: 50px 35px 47px;
  box-shadow: 0px 1px 3px rgba(3, 4, 28, 0.1);
  background-color: #F5F5F5;
  border-radius: 8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-grid-quote {
    padding: 60px 30px 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-grid-quote {
    height: calc(100% - 30px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-grid-quote {
    padding: 40px 40px 35px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-grid-quote {
    padding: 35px 25px 30px;
  }
}
.blog-grid-quote-2 {
  border: 1px solid #EAEAEF;
  box-shadow: none;
}
.blog-grid-quote-icon {
  margin-bottom: 20px;
}
.blog-grid-quote-icon span {
  display: inline-block;
  font-size: 24px;
  color: #6c3beb;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 56px;
  border: 2px solid #e5e5e5;
  border-radius: 50%;
}
.blog-grid-quote-icon span svg {
  transform: translateY(-2px);
}
.blog-grid-quote-content span {
  font-size: 14px;
  color: #525258;
  display: inline-block;
  margin-bottom: 15px;
}
.blog-grid-quote-content p {
  font-weight: 700;
  font-size: 21.5px;
  line-height: 1.27;
  color: #030306;
  margin-bottom: 50px;
}
.blog-grid-quote-content cite {
  font-weight: 500;
  font-size: 18px;
  color: #6c3beb;
  font-style: normal;
  position: relative;
  padding-top: 12px;
}
.blog-grid-quote-content cite::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 30px;
  height: 2px;
  background-color: #6c3beb;
}

.basic-pagination {
  margin-top: 50px;
}
.basic-pagination ul {
  display: inline-flex;
  gap: 8px;
}
.basic-pagination ul li {
  display: inline-block;
}
.basic-pagination ul li a, .basic-pagination ul li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  min-height: 44px;
  min-width: 44px;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.basic-pagination ul li a:hover, .basic-pagination ul li a.current, .basic-pagination ul li span:hover, .basic-pagination ul li span.current {
  background: #6c3beb;
  border-color: #6c3beb;
  color: #ffffff;
}
.basic-pagination ul li a.page-numbers {
  padding: 12px 19px;
  line-height: 1.2;
}

.postbox-area .inner-pages-shapes .shape-one,
.about-area .inner-pages-shapes .shape-one,
.rewards-card-area .inner-pages-shapes .shape-one,
.how-it-work-area .inner-pages-shapes .shape-one,
.services-area .inner-pages-shapes .shape-one {
  position: absolute;
  left: 1%;
  top: 5%;
  -moz-animation: upDown 3s ease-in-out 1s forwards infinite alternate;
  -webkit-animation: upDown 3s ease-in-out 1s forwards infinite alternate;
  animation: upDown 3s ease-in-out 1s forwards infinite alternate;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-area .inner-pages-shapes .shape-one,
  .about-area .inner-pages-shapes .shape-one,
  .rewards-card-area .inner-pages-shapes .shape-one,
  .how-it-work-area .inner-pages-shapes .shape-one,
  .services-area .inner-pages-shapes .shape-one {
    display: none;
  }
}
.postbox-area .inner-pages-shapes .shape-two,
.about-area .inner-pages-shapes .shape-two,
.rewards-card-area .inner-pages-shapes .shape-two,
.how-it-work-area .inner-pages-shapes .shape-two,
.services-area .inner-pages-shapes .shape-two {
  position: absolute;
  right: -18%;
  max-width: 400px;
  top: 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-area .inner-pages-shapes .shape-two,
  .about-area .inner-pages-shapes .shape-two,
  .rewards-card-area .inner-pages-shapes .shape-two,
  .how-it-work-area .inner-pages-shapes .shape-two,
  .services-area .inner-pages-shapes .shape-two {
    display: none;
  }
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-wrapper {
    padding-left: 0;
  }
}

.postbox-text p {
  color: rgba(3, 3, 6, 0.6);
  line-height: 26px;
  margin-bottom: 0;
  font-weight: 600;
}
.postbox-text p b {
  color: #333333;
}

.postbox-thumb img {
  border-radius: 10px;
}

.postbox-title h3 {
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-title h3 {
    font-size: 26px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-title h3 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .postbox-title h3 {
    font-size: 24px;
  }
}
@media (max-width:450px) {
  .postbox-title h3 {
    font-size: 20px;
  }
}

.sidebar-wrapper {
  background-color: #F5F5F5;
  padding: 30px 30px;
  border-radius: 10px;
}
@media (max-width:450px) {
  .sidebar-wrapper {
    padding: 20px 20px;
  }
}

.sidebar-widget-title {
  margin-bottom: 25px;
  font-size: 24px;
}
@media (max-width:450px) {
  .sidebar-widget-title {
    font-size: 24px;
  }
}

/*----------------------------------------*/
/*  Recent Post css
/*----------------------------------------*/
.rc-post-item {
  display: flex;
  align-items: start;
  gap: 20px;
  background: #ffffff;
  padding: 12px 12px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.rc-post-item:not(:last-child) {
  margin-bottom: 20px;
}

.rc-post-title {
  font-size: 18px;
  font-weight: 500;
}
@media (max-width:450px) {
  .rc-post-title {
    font-size: 16px;
  }
}
.rc-post-title a:hover {
  color: #6c3beb;
}

.rc-meta p {
  font-size: 13px;
  margin-bottom: 0;
}

.rc-post-thumb {
  min-width: 86px;
}
@media (max-width:450px) {
  .rc-post-thumb {
    min-width: 66px;
  }
}
.rc-post-thumb img {
  border-radius: 10px;
}

.rc-title {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: -0.2px;
  margin-bottom: 2px;
}
.rc-title a:hover {
  color: #ffffff;
}

.rc-meta span {
  font-size: 14px;
  position: relative;
  padding-left: 15px;
}
.rc-meta span::before {
  position: absolute;
  content: "";
  height: 5px;
  width: 5px;
  background: rgba(124, 126, 130, 0.5);
  top: 50%;
  left: 0;
}

/*----------------------------------------*/
/*  Contact css
/*----------------------------------------*/
.contact-card {
  background: #ffffff;
  box-shadow: 0px 0px 32px rgba(108, 59, 235, 0.11);
  border-radius: 30px;
  padding: 35px 35px;
}
.contact-card .content .icon {
  margin-bottom: 20px;
}
.contact-card .content .icon span {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border-radius: 50%;
  font-size: 18px;
  position: relative;
  z-index: 5;
  background-color: #6c3beb;
}
.contact-card .content .title {
  font-size: 24px;
  margin-bottom: 20px;
}
.contact-card .content .description {
  margin-bottom: 0px;
}

.contact-card-shapes .shape-one {
  position: absolute;
  bottom: 50px;
  left: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-card-shapes .shape-one {
    display: none;
  }
}
.contact-card-shapes .shape-two {
  position: absolute;
  right: -18%;
  max-width: 400px;
  top: 20%;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-card-shapes .shape-two {
    display: none;
  }
}

.contact-form-area {
  position: relative;
  z-index: 5;
}
.contact-form-area::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
  z-index: -1;
}

.contact-info {
  margin-top: 30px;
  margin-bottom: 30px;
}
.contact-info .item {
  display: flex;
  gap: 20px;
}
.contact-info .item:not(:last-child) {
  margin-bottom: 25px;
}
.contact-info .item .icon span {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border-radius: 50%;
  font-size: 18px;
  position: relative;
  z-index: 5;
  background-color: #6c3beb;
}
.contact-info .item .content .title {
  font-size: 16px;
  color: #ffffff;
}
.contact-info .item .content .info {
  color: rgba(255, 255, 255, 0.8);
}

.contact-form {
  background: #F5F5F5;
  padding: 40px 40px 40px;
  border-radius: 6px;
  margin-left: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-form {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .contact-form {
    padding: 25px 25px 25px;
  }
}
@media (max-width: 575px) {
  .contact-form .td-primary-btn {
    width: 100%;
  }
}

.contact-input-box {
  margin-bottom: 24px;
}

.contact-input-title label {
  margin-bottom: 5px;
  text-transform: capitalize;
  font-size: 14px;
  color: #1C1C1E;
  display: block;
  font-weight: 500;
}
.contact-input-title label span {
  color: #6c3beb;
}

.contact-input:not(:last-child) {
  margin-bottom: 20px;
}
.contact-input input,
.contact-input select {
  height: 50px;
  border-radius: 6px;
  border: none;
  background: #ffffff;
  width: 100%;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 500;
}
.contact-input textarea {
  height: 140px;
  background: #ffffff;
  color: rgba(124, 126, 130, 0.69);
  border-radius: 6px;
  padding: 15px 20px;
  resize: none;
  width: 100%;
  border: none;
  font-size: 14px;
  font-weight: 500;
}

/*----------------------------------------*/
/*  Tailored css
/*----------------------------------------*/
.tailored-shapes .shape-one {
  position: absolute;
  top: 5%;
  left: 2%;
  width: 123px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tailored-shapes .shape-one {
    display: none;
  }
}
.tailored-shapes .shape-two {
  position: absolute;
  right: -18%;
  max-width: 400px;
  bottom: 10%;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tailored-shapes .shape-two {
    display: none;
  }
}

.tailored-thumb-wrap {
  position: relative;
  margin-right: 85px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tailored-thumb-wrap {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tailored-thumb-wrap {
    margin-right: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tailored-thumb-wrap {
    margin-right: 25px;
  }
}
.tailored-thumb-wrap .thumb img {
  border-radius: 20px;
  width: 100%;
}
.tailored-thumb-wrap .card-item {
  position: absolute;
  right: 0;
  bottom: 20px;
}
@media (max-width: 575px) {
  .tailored-thumb-wrap .card-item {
    right: auto;
    left: 20px;
  }
}
.tailored-thumb-wrap .card-item .item ul li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: 700;
  background: #ffffff;
  box-shadow: rgba(108, 59, 235, 0.1) 0px 0px 32px;
  color: #030306;
  border-radius: 10px;
  width: max-content;
}
@media (max-width: 575px) {
  .tailored-thumb-wrap .card-item .item ul li {
    font-size: 16px;
  }
}
.tailored-thumb-wrap .card-item .item ul li i {
  color: #6c3beb;
  font-size: 20px;
}
.tailored-thumb-wrap .card-item .item ul li:nth-child(1) {
  transform: translateX(-140px);
}
@media (max-width: 575px) {
  .tailored-thumb-wrap .card-item .item ul li:nth-child(1) {
    transform: translateX(0px);
  }
}
.tailored-thumb-wrap .card-item .item ul li:nth-child(2) {
  transform: translateX(-85px);
}
@media (max-width: 575px) {
  .tailored-thumb-wrap .card-item .item ul li:nth-child(2) {
    transform: translateX(0px);
  }
}
.tailored-thumb-wrap .card-item .item ul li:nth-child(2) {
  transform: translateX(-25px);
}
@media (max-width: 575px) {
  .tailored-thumb-wrap .card-item .item ul li:nth-child(2) {
    transform: translateX(0px);
  }
}
.tailored-thumb-wrap .card-item .item ul li:not(:last-child) {
  margin-bottom: 20px;
}

.tailored-info {
  margin-bottom: 30px;
  margin-top: 30px;
  max-width: 360px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tailored-info {
    max-width: 100%;
  }
}
.tailored-info .item {
  display: flex;
  align-items: start;
  gap: 20px;
  margin-bottom: 30px;
}
.tailored-info .item .icon span {
  color: rgb(108, 59, 235);
  font-size: 26px;
}
.tailored-info .item .content h4 {
  font-size: 16px;
  font-weight: 700;
}
.tailored-info .item .content p {
  font-size: 14px;
  margin-bottom: 0;
}

/*----------------------------------------*/
/*  service css
/*----------------------------------------*/
.breadcrumb-area.style-one.style-service {
  padding-top: 100px;
  padding-bottom: 40px;
}

.description.max-518 {
  max-width: 518px;
  margin: 0 auto;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .services-grid {
    grid-template-columns: 1fr;
  }
}

.services-item {
  background: #ffffff;
  box-shadow: 0px 0px 32px rgba(108, 59, 235, 0.11);
  border-radius: 10px;
  padding: 30px 40px 30px;
  position: relative;
  transition: 0.3s;
}
.services-item:hover {
  transform: translateY(5px);
}
@media (max-width: 575px) {
  .services-item {
    padding: 30px 25px 40px 30px;
  }
}
.services-item:nth-child(2)::before {
  background-color: rgb(239, 71, 111);
}
.services-item:nth-child(2) .content .icon span {
  background-color: rgba(239, 71, 111, 0.1);
  color: rgb(239, 71, 111);
}
.services-item:nth-child(3)::before {
  background-color: rgb(34, 124, 157);
}
.services-item:nth-child(3) .content .icon span {
  background-color: rgba(34, 124, 157, 0.1);
  color: rgb(34, 124, 157);
}
.services-item:nth-child(4)::before {
  background-color: rgb(56, 173, 121);
}
.services-item:nth-child(4) .content .icon span {
  background-color: rgba(56, 173, 121, 0.1);
  color: rgb(56, 173, 121);
}
.services-item:nth-child(5)::before {
  background-color: rgb(255, 143, 0);
}
.services-item:nth-child(5) .content .icon span {
  background-color: rgba(255, 143, 0, 0.1);
  color: rgb(255, 143, 0);
}
.services-item:nth-child(6)::before {
  background-color: rgb(238, 108, 77);
}
.services-item:nth-child(6) .content .icon span {
  background-color: rgba(238, 108, 77, 0.1);
  color: rgb(238, 108, 77);
}
.services-item:nth-child(7)::before {
  background-color: rgb(117, 191, 131);
}
.services-item:nth-child(7) .content .icon span {
  background-color: rgba(117, 191, 131, 0.1);
  color: rgb(117, 191, 131);
}
.services-item:nth-child(8)::before {
  background-color: rgb(124, 141, 98);
}
.services-item:nth-child(8) .content .icon span {
  background-color: rgba(124, 141, 98, 0.1);
  color: rgb(124, 141, 98);
}
.services-item:before {
  position: absolute;
  content: "";
  height: 184px;
  width: 10px;
  left: 0;
  background: rgb(96, 137, 249);
  border-radius: 0px 20px 20px 0px;
  top: 50%;
  transform: translateY(-50%);
}
.services-item .content .icon {
  margin-bottom: 20px;
}
.services-item .content .icon span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(96, 137, 249, 0.1);
  height: 56px;
  width: 56px;
  border-radius: 50%;
  color: rgb(96, 137, 249);
  font-size: 20px;
}
.services-item .content .icon span svg * {
  fill: #ffffff;
}
.services-item .content .title {
  font-size: 24px;
  margin-bottom: 20px;
}
.services-item .content .title a:hover {
  color: #6c3beb;
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services-item .content .title {
    font-size: 20px;
  }
}
.services-item .content .description {
  color: rgba(3, 3, 6, 0.6);
  font-weight: 500;
  margin-bottom: 20px;
  color: rgba(3, 3, 6, 0.7);
}
.services-item .content .text-btn {
  font-size: 16px;
}

/*----------------------------------------*/
/*  Meanmenu css
/*----------------------------------------*/
.mean-container {
  margin-bottom: 35px;
}
.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  font-weight: 700;
  display: none !important;
}
.mean-container a.meanmenu-reveal span {
  display: block;
  background: #ffffff;
  height: 3px;
  margin-top: 3px;
}
.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}
.mean-container .mean-nav {
  background: none;
  margin-top: 0;
  float: left;
  width: 100%;
}
.mean-container .mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}
.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}
.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}
.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}
.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}
.mean-container .mean-nav ul li.dropdown-opened > a, .mean-container .mean-nav ul li.dropdown-opened > span {
  color: #ffffff;
}
.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked, .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked {
  background: #ffffff;
  color: #ffffff;
  border-color: transparent;
}
.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked i, .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked i {
  color: #ffffff;
  transform: rotate(90deg);
}
.mean-container .mean-nav ul li.mean-last {
  border-bottom: none;
  margin-bottom: 0;
}
.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
  transition: 0.3s;
}
.mean-container .mean-nav ul li > a > i {
  display: none;
}
.mean-container .mean-nav ul li a, .mean-container .mean-nav ul li span {
  display: block;
  float: left;
  width: 90%;
  padding: 10px 5%;
  margin: 0;
  text-align: left;
  text-decoration: none;
  width: 100%;
  padding: 10px 0;
  color: rgba(255, 255, 255, 0.7);
  border-top: 1px solid rgba(255, 255, 255, 0.079);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.mean-container .mean-nav ul li a:hover, .mean-container .mean-nav ul li span:hover {
  color: #ffffff;
}
.mean-container .mean-nav ul li a:hover i, .mean-container .mean-nav ul li span:hover i {
  color: #ffffff;
}
.mean-container .mean-nav ul li a.mean-expand, .mean-container .mean-nav ul li span.mean-expand {
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: transparent;
  border: none !important;
  font-size: 14px;
  margin-top: 5px;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.079) !important;
  height: 30px;
  width: 30px;
  color: rgba(3, 3, 6, 0.6);
  line-height: 30px;
  top: 0;
  font-weight: 400;
}
.mean-container .mean-nav ul li a.mean-expand:hover, .mean-container .mean-nav ul li span.mean-expand:hover {
  background: #ffffff;
  color: #ffffff;
  border-color: #ffffff;
}
.mean-container .mean-nav ul li a.mean-expand:hover i, .mean-container .mean-nav ul li span.mean-expand:hover i {
  color: #ffffff;
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked, .mean-container .mean-nav ul li span.mean-expand.mean-clicked {
  color: #ffffff;
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover, .mean-container .mean-nav ul li span.mean-expand.mean-clicked:hover {
  background: #ffffff;
  color: #ffffff;
  border-color: #ffffff;
}
.mean-container .mean-nav ul li li a {
  width: 90%;
  padding: 10px 7%;
  text-shadow: none !important;
  visibility: visible;
}
.mean-container .mean-nav ul li li li a {
  width: 80%;
  padding: 10px 12%;
}
.mean-container .mean-nav ul li li li li a {
  width: 70%;
  padding: 10px 17%;
}
.mean-container .mean-nav ul li li li li li a {
  width: 60%;
  padding: 10px 20%;
}
.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
  float: left;
  width: 100%;
  position: relative;
  padding: 4px 0;
  min-height: 42px;
  z-index: 999999;
}
.mean-container .mean-bar, .mean-container .mean-bar * {
  /* Fix for box sizing on Foundation Framework etc. */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*----------------------------------------*/
/* Preloader css
/*----------------------------------------*/
.preloader {
  background: #172622;
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 70px;
  height: 70px;
  margin: auto;
}
.loader .circle {
  position: absolute;
  width: 50px;
  height: 50px;
  opacity: 0;
  transform: rotate(225deg);
  animation-iteration-count: infinite;
  animation-name: orbit;
  animation-duration: 5.5s;
  left: 3px;
  top: -5px;
}
.loader .circle:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  animation: bgg 1500ms ease-in alternate infinite;
}
.loader .circle:nth-child(2) {
  animation-delay: 240ms;
}
.loader .circle:nth-child(3) {
  animation-delay: 480ms;
}
.loader .circle:nth-child(4) {
  animation-delay: 720ms;
}
.loader .circle:nth-child(5) {
  animation-delay: 960ms;
}

@keyframes bgg {
  0% {
    background: rgb(108, 59, 235.3);
  }
  50% {
    background: #6c3beb;
  }
  100% {
    background: #6c3beb;
  }
}
@keyframes orbit {
  0% {
    transform: rotate(225deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  7% {
    transform: rotate(345deg);
    animation-timing-function: linear;
  }
  30% {
    transform: rotate(455deg);
    animation-timing-function: ease-in-out;
  }
  39% {
    transform: rotate(690deg);
    animation-timing-function: linear;
  }
  70% {
    transform: rotate(815deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  75% {
    transform: rotate(945deg);
    animation-timing-function: ease-out;
  }
  76% {
    transform: rotate(945deg);
    opacity: 0;
  }
  100% {
    transform: rotate(945deg);
    opacity: 0;
  }
}
/*----------------------------------------*/
/* Back to top
/*----------------------------------------*/
.backtotop-wrap {
  position: fixed;
  bottom: 30px;
  right: 30px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
  background: #6c3beb;
}
@media (max-width:450px) {
  .backtotop-wrap {
    bottom: 20px;
    right: 20px;
  }
}
.backtotop-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.backtotop-wrap::after {
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  content: "\f062";
  text-align: center;
  line-height: 46px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}
.backtotop-wrap svg path {
  fill: none;
}
.backtotop-wrap svg.backtotop-circle path {
  stroke: #ccc;
  stroke-width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}

.offcanvas-area {
  background: #141a16 none repeat scroll 0 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 340px;
  height: 100%;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.offcanvas-area ::-webkit-scrollbar {
  display: none;
}
@media (max-width:450px) {
  .offcanvas-area {
    width: 100%;
  }
}
.offcanvas-area.info-open {
  opacity: 1;
  transform: translateX(0);
}

.offcanvas-logo a img {
  width: 160px;
}
@media (max-width: 575px) {
  .offcanvas-logo a img {
    width: 150px;
  }
}
@media (max-width: 575px) {
  .offcanvas-logo a img {
    width: 140px;
  }
}

.offcanvas-content {
  padding-bottom: 45px;
}

.offcanva-wrapper {
  position: relative;
  height: 100%;
  padding: 30px 30px;
}

.offcanvas-top {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.079);
}

.offcanvas-title {
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 20px;
}
@media (max-width:450px) {
  .offcanvas-title {
    font-size: 20px;
  }
}

.offcanvas-text p {
  margin-bottom: 25px;
}

.offcanvas-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #030306;
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
  transition: 0.3s;
}
.offcanvas-overlay.overlay-open {
  opacity: 0.6;
  visibility: visible;
}

.sidebar-toggle {
  cursor: pointer;
}

.offcanvas-contact-icon {
  margin-inline-end: 15px;
}

.offcanvas-btn {
  display: flex;
  gap: 15px;
}
.offcanvas-btn .gradient-btn {
  height: 45px;
  padding: 0 25px;
}
.offcanvas-btn .td-primary-btn {
  padding: 0 25px;
}

.offcanvas-close-icon {
  line-height: 1;
  color: #ffffff;
  background: transparent;
}
.offcanvas-close-icon .offcanvas-m-lines {
  position: relative;
  display: block;
  height: 12px;
  width: 33px;
}
.offcanvas-close-icon.animation--flip .offcanvas-m-line.line--1 {
  top: 6px;
  transform: rotate(45deg);
}
.offcanvas-close-icon.animation--flip .offcanvas-m-line.line--3 {
  opacity: 0;
  opacity: 0;
}
.offcanvas-close-icon.animation--flip .offcanvas-m-line.line--2 {
  top: 6px;
  transform: rotate(-45deg);
}
.offcanvas-close-icon .offcanvas-m-line {
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: currentColor;
  transition: top 0.15s ease, transform 0.3s ease;
}
.offcanvas-close-icon .offcanvas-m-line.line--1 {
  top: 0;
}
.offcanvas-close-icon .offcanvas-m-line.line--2 {
  top: 5px;
}
.offcanvas-close-icon .offcanvas-m-line.line--3 {
  bottom: 0;
  bottom: 0;
}
.offcanvas-close-icon:hover .offcanvas-m-line {
  animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
  animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.offcanvas-close-icon:hover .offcanvas-m-line:nth-of-type(2) {
  animation-delay: 0.1s;
}

/*----------------------------------------*/
/*  Privacy Policy css
/*----------------------------------------*/
.single-badge {
  text-align: center;
  border-radius: 15px;
  padding: 20px;
  margin: 0 auto;
  margin-bottom: 30px;
  height: 270px;
  width: 270px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
  position: relative;
  background: #fafaf5;
}
.single-badge .badge {
  margin-bottom: 10px;
}
.single-badge .badge .img {
  width: 80px;
}
.single-badge .content .title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.single-badge .content .description {
  font-size: 14px;
  margin-bottom: 0;
}
.single-badge::before {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 15px;
  content: "";
  background: #030306;
  opacity: 0.8;
  transition: 0.3s;
}
.single-badge::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "\f023";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  color: white;
  font-size: 48px;
  transition: 0.3s;
}
.single-badge.unlocked {
  border: 2px solid rgba(3, 3, 6, 0.1);
}
.single-badge.unlocked::before {
  display: none;
}
.single-badge.unlocked::after {
  display: none;
}
.single-badge.unlocked .tick-badge {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -10px;
  right: -15px;
  background: #95b330;
  color: #ffffff;
}
.single-badge:hover {
  border: 2px solid rgba(3, 3, 6, 0.1);
}
.single-badge:hover::before {
  opacity: 0;
}
.single-badge:hover::after {
  opacity: 0;
}

/*----------------------------------------*/
/*  Timeline css
/*----------------------------------------*/
.how-it-work-area {
  position: relative;
  overflow: hidden;
}
.how-it-work-area .shape-one {
  position: absolute;
  left: 1%;
  top: 32%;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .how-it-work-area .shape-one {
    display: none;
  }
}
.how-it-work-area .shape-two {
  position: absolute;
  right: -18%;
  max-width: 400px;
  top: 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .how-it-work-area .shape-two {
    display: none;
  }
}

.timeline-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-top: 125px;
  gap: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .timeline-item {
    flex-direction: column;
    padding-top: 80px;
  }
}
.timeline-item:nth-child(even) {
  flex-direction: row-reverse;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .timeline-item:nth-child(even) {
    flex-direction: column;
  }
}
.timeline-item:not(:last-child) {
  padding-bottom: 120px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1600px) and (max-width: 1799px) {
  .timeline-item:not(:last-child) {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .timeline-item:not(:last-child) {
    padding-bottom: 100px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .timeline-item:not(:last-child) {
    padding-bottom: 50px;
  }
}
.timeline-item::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  border-left: 2px dashed #777778;
  left: 50%;
  top: 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .timeline-item::before {
    display: none;
  }
}
.timeline-item .content {
  max-width: 480px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .timeline-item .content {
    max-width: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timeline-item .content {
    max-width: 290px;
  }
}
.timeline-item .content .title {
  font-size: 32px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timeline-item .content .title {
    font-size: 24px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .timeline-item .content .title {
    font-size: 20px;
  }
}
@media (max-width:450px) {
  .timeline-item .content .title {
    font-size: 18px;
  }
}
.timeline-item .content .description {
  margin-bottom: 0;
}
.timeline-item .timeline-thumb {
  max-width: 480px;
  height: 320px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .timeline-item .timeline-thumb {
    max-width: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timeline-item .timeline-thumb {
    max-width: 290px;
  }
}
.timeline-item .timeline-thumb img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.timeline-item .timeline-count {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.timeline-item .timeline-count .number {
  width: 74px;
  height: 74px;
  background: #F0EBFD;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 28px;
  font-weight: 700;
  color: #6c3beb;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .timeline-item .timeline-count .number {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
}

/*----------------------------------------*/
/* investment  css
/*----------------------------------------*/
.loan-calculator-area {
  background: #f2f2f2;
}

.calculator-main-wrapper {
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  gap: 35px 60px;
  background: rgba(255, 255, 255, 0.7);
  padding: 60px 50px;
  border-radius: 28px;
  box-shadow: 0px 0px 32px 0px rgba(108, 59, 235, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .calculator-main-wrapper {
    padding: 60px 40px;
    gap: 30px 40px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .calculator-main-wrapper {
    grid-template-columns: 1fr;
    gap: 30px 0;
    padding: 40px 30px;
  }
}
@media (max-width:450px) {
  .calculator-main-wrapper {
    padding: 30px 20px;
  }
}
.calculator-main-wrapper .form-section {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
}
.calculator-main-wrapper .form-section .form-group {
  position: relative;
}
.calculator-main-wrapper .form-section .form-group .select2-search--dropdown {
  padding: 6px 6px;
}
.calculator-main-wrapper .form-section .form-group .select2-results__option {
  padding: 6px 12px;
}
.calculator-main-wrapper .form-section .form-group .select2-container--default .select2-selection--single {
  border: 2px solid #e2e8f0;
  background-color: #ffffff;
}
.calculator-main-wrapper .form-section .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #030306;
  padding-left: 16px;
  font-weight: 500;
  color: #2d3748;
  font-size: 16px;
}
.calculator-main-wrapper .form-section .form-group .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: rgba(108, 59, 235, 0.7);
  background: transparent;
}
.calculator-main-wrapper .form-section .form-group .select2-dropdown {
  border-color: #e2e8f0;
}
.calculator-main-wrapper .form-section label {
  display: block;
  color: #606062;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.calculator-main-wrapper .form-section select,
.calculator-main-wrapper .form-section input {
  width: 100%;
  padding: 0px 20px;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  color: #2d3748;
  font-size: 16px;
  font-weight: 500;
  height: 50px;
}
.calculator-main-wrapper .form-section select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 20px;
  padding-right: 55px;
  cursor: pointer;
  background-color: #ffffff;
}
.calculator-main-wrapper .form-section input {
  background-size: 18px;
  padding-inline-end: 60px;
  appearance: none;
}
.calculator-main-wrapper .form-section select:focus,
.calculator-main-wrapper .form-section input:focus {
  outline: none;
  border-color: #667eea;
  background-color: #ffffff;
}
.calculator-main-wrapper .form-section .input-item {
  position: relative;
}
.calculator-main-wrapper .form-section .input-item .input-currency {
  position: absolute;
  inset-inline-end: 2px;
  top: 50%;
  transform: translateY(-50%);
  background: #f5f5f5;
  border-inline-start: 2px solid #e5e8f2;
  height: calc(100% - 4px);
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  display: inline-flex;
  font-size: 14px;
  font-weight: 500;
  color: #606062;
  padding: 0 10px;
  min-width: 50px;
  border-radius: 0 8px 8px 0;
}
.calculator-main-wrapper .form-section .input-text {
  color: #f56565;
  font-size: 13px;
  font-weight: 600;
  margin-top: 8px;
}
.calculator-main-wrapper .form-section .success-info {
  color: #48bb78;
  font-size: 14px;
  font-weight: 700;
  margin-top: 8px;
}
.calculator-main-wrapper .form-section .investment-btn {
  margin-top: 30px;
}
.calculator-main-wrapper .divider-line {
  height: calc(100% + 0px);
  background: #e2e8f0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .calculator-main-wrapper .divider-line {
    display: none;
  }
}
.calculator-main-wrapper .loan-result-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.calculator-main-wrapper .result-card {
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%);
  backdrop-filter: blur(10px);
  padding: 20px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
}
@media (max-width:450px) {
  .calculator-main-wrapper .result-card {
    flex-direction: column;
    gap: 10px;
  }
}
.calculator-main-wrapper .result-label {
  font-size: 14px;
  color: #606062;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.calculator-main-wrapper .result-value {
  font-size: 24px;
  font-weight: 700;
  color: #667eea;
  margin-bottom: 0;
}
@media (max-width:450px) {
  .calculator-main-wrapper .result-value {
    font-size: 22px;
  }
}
.calculator-main-wrapper .result-amount {
  text-align: center;
  background: linear-gradient(135deg, #fb2267 0%, #fe5b26 100%);
  border-radius: 16px;
  padding: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.calculator-main-wrapper .result-amount .result-label {
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 12px;
}
.calculator-main-wrapper .result-amount .result-value {
  color: #ffffff;
  font-size: 30px;
}
@media (max-width:450px) {
  .calculator-main-wrapper .result-amount .result-value {
    font-size: 26px;
  }
}
.calculator-main-wrapper .installment-title {
  font-size: 18px;
  color: #606062;
  font-weight: 600;
  margin-bottom: 16px;
}
.calculator-main-wrapper .installment-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
@media (max-width:450px) {
  .calculator-main-wrapper .installment-grid {
    grid-template-columns: 1fr;
  }
}
.calculator-main-wrapper .installment-item {
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  padding: 20px;
  text-align: center;
}
.calculator-main-wrapper .installment-item .result-label {
  font-size: 12px;
  margin-bottom: 8px;
}
.calculator-main-wrapper .installment-item .result-value {
  font-size: 22px;
}
@media (max-width:450px) {
  .calculator-main-wrapper .installment-item .result-value {
    font-size: 18px;
  }
}

/*----------------------------------------*/
/*  Rewards css
/*----------------------------------------*/
.rewards-card-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .rewards-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .rewards-card-grid {
    grid-template-columns: 1fr;
  }
}

.rewards-card-item {
  padding: 20px 20px;
  background: rgb(242, 178, 215);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  z-index: 55;
}
.rewards-card-item:nth-child(2) {
  background-color: #81EF71;
}
.rewards-card-item:nth-child(3) {
  background-color: #FF8F00;
}
.rewards-card-item:nth-child(4) {
  background-color: #40D9BD;
}
.rewards-card-item .shape-one {
  position: absolute;
  top: 0px;
  right: 0;
  z-index: -1;
}
.rewards-card-item .shape-two {
  position: absolute;
  bottom: 0;
  z-index: -1;
  left: -6px;
}
.rewards-card-item .content-inner {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.rewards-card-item .content-inner .content .title {
  font-size: 18px;
  margin-bottom: 12px;
}
.rewards-card-item .content-inner .content .info {
  color: rgba(3, 3, 6, 0.7);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 3px;
}
.rewards-card-item .content-inner .content .card-number {
  font-size: 28px;
}
.rewards-card-item .content-inner .icon span {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  background-color: #6C3BEB;
  justify-content: center;
  border-radius: 50%;
  position: relative;
}
.rewards-card-item .content-inner .icon span::before {
  position: absolute;
  content: "";
  width: 52px;
  height: 52px;
  border: 2px solid #6C3BEB;
  border-radius: 50%;
}
.rewards-card-item .btn-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(3, 3, 6, 0.1);
  margin-top: 15px;
}
.rewards-card-item .btn-inner .card-point span {
  font-size: 10px;
  font-weight: 700;
  padding: 6.5px 10px;
  background-color: rgba(0, 0, 0, 0.1);
  color: #030306;
  border-radius: 6px;
}
.rewards-card-item .btn-inner .site-btn {
  padding: 6px 15px 7px;
  border-radius: 6px;
  border: 0;
  margin-top: 12px;
  background-color: #030306;
  color: rgba(255, 255, 255, 0.9);
  font-size: 10px;
  font-weight: 700;
}
.rewards-card-item .btn-inner .site-btn:hover {
  background-color: #6c3beb;
}

.rewards-point-item {
  padding: 35px 40px 40px;
  background: #ffffff;
  border-radius: 10px;
}
@media (max-width: 575px) {
  .rewards-point-item {
    padding: 30px 25px 35px;
  }
}
@media (max-width:450px) {
  .rewards-point-item {
    padding: 25px 20px 30px;
  }
}
.rewards-point-item .title {
  font-size: 30px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rewards-point-item .title {
    font-size: 26px;
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .rewards-point-item .title {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
.rewards-point-item .top-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  flex-wrap: wrap;
  gap: 5px 5px;
}
.rewards-point-item .top-list span {
  color: rgba(3, 3, 6, 0.6);
  font-style: 14px;
  font-weight: 600;
}
.rewards-point-item .list-item {
  padding: 8px 20px;
  background-color: #F5F5F5;
  border-radius: 10px;
  display: grid;
  grid-template-columns: 72% auto;
}
@media (max-width:450px) {
  .rewards-point-item .list-item {
    grid-template-columns: 65% auto;
  }
}
.rewards-point-item .list-item:not(:last-child) {
  margin-bottom: 20px;
}
.rewards-point-item .list-item span {
  font-weight: 600;
  color: #030306;
}

/*----------------------------------------*/
/*  Privacy Policy css
/*----------------------------------------*/
.privacy-policy-content p {
  margin-bottom: 30px;
  color: rgba(3, 3, 6, 0.6);
}
.privacy-policy-content p:last-child {
  margin-bottom: 0;
}
.privacy-policy-content .privacy-item:not(:last-child) {
  margin-bottom: 50px;
}
.privacy-policy-content .info-title {
  margin-bottom: 20px;
  font-size: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .privacy-policy-content .info-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .privacy-policy-content .info-title {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  .privacy-policy-content .info-title {
    font-size: 22px;
  }
}
@media (max-width:450px) {
  .privacy-policy-content .info-title {
    font-size: 20px;
  }
}
.privacy-policy-content .icon-list {
  list-style: none;
}
.privacy-policy-content .icon-list li {
  display: flex;
}
.privacy-policy-content .icon-list li:not(:last-child) {
  margin-bottom: 10px;
}
.privacy-policy-content .icon-list li strong {
  color: #6c3beb;
  font-weight: 500;
}
.privacy-policy-content .icon-list.unordered_list_block > li:not(:last-child) {
  margin-bottom: 14px;
}
.privacy-policy-content .icon-list .list-item-text {
  font-weight: 500;
  color: rgba(3, 3, 6, 0.6);
}
.privacy-policy-content .icon-list .list_item_icon {
  font-size: 14px;
  margin-inline-end: 15px;
  width: 24px;
  height: 24px;
  background: rgba(108, 59, 235, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.privacy-policy-content .link {
  font-size: 16px;
  color: #6c3beb;
  text-decoration: underline;
  font-weight: 500;
}
.privacy-policy-content .author_mail {
  font-size: 21px;
  font-weight: 700;
  line-height: 29px;
  color: #6c3beb;
}
.privacy-policy-content .author_mail:hover {
  text-decoration: underline;
}
.privacy-policy-content .privacy-card {
  padding: 25px 25px;
  background-color: #ffffff;
  border-radius: 10px;
}

/* caches-privacy */
.caches-privacy {
  position: fixed;
  bottom: 30px;
  left: 30px;
  width: 430px;
  border-radius: 8px;
  padding: 30px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 2px rgba(0, 48, 73, 0.8);
  z-index: 80;
}

@media (max-width: 450px) {
  .caches-privacy {
    width: auto;
    padding: 20px;
    left: 20px;
    right: 20px;
  }
}
.caches-privacy .content {
  margin-bottom: 15px;
  color: #000;
}

.caches-privacy .content .title {
  font-size: 20px;
  margin-bottom: 10px;
}

.caches-privacy .content p {
  font-size: 14px;
  margin-bottom: 0;
}

.caches-privacy .content p a {
  color: #6c3beb;
}

.caches-privacy .caches-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.caches-privacy .caches-btn .learn-more {
  font-size: 14px;
  color: #6c3beb;
  font-weight: 700;
}

.caches-privacy .caches-btn .learn-more:hover {
  text-decoration: underline;
}

.caches-privacy .caches-btn .site-btn {
  padding: 8px 20px;
}

/*----------------------------------------*/
/*  reward table css
/*----------------------------------------*/
.reward-table table {
  border-spacing: 0px 20px;
  border-collapse: separate;
  margin-bottom: 0;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .reward-table table {
    min-width: 550px;
  }
}
.reward-table table thead tr th {
  color: rgba(3, 3, 6, 0.6);
  font-size: 14px;
  font-weight: 600;
  border: 0;
  background: transparent;
}
.reward-table table tbody tr td {
  font-weight: 600;
  color: #030306;
  background: #F5F5F5;
  padding: 13px 20px;
  border: 0;
}
.reward-table table tbody tr td:first-child {
  border-radius: 6px 0px 0px 6px;
}
.reward-table table tbody tr td:last-child {
  border-radius: 0px 6px 6px 0px;
}

/*----------------------------------------*/
/*  Animation css
/*----------------------------------------*/
.shortUPDown {
  -moz-animation: shortUPDown 1s ease-in-out 1s forwards infinite alternate;
  -webkit-animation: shortUPDown 1s ease-in-out 1s forwards infinite alternate;
  animation: shortUPDown 1s ease-in-out 1s forwards infinite alternate;
}

@keyframes shortUPDown {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
/* pulse effect animation */
.animate-play {
  animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.upDown {
  -moz-animation: upDown 3s ease-in-out 1s forwards infinite alternate;
  -webkit-animation: upDown 3s ease-in-out 1s forwards infinite alternate;
  animation: upDown 3s ease-in-out 1s forwards infinite alternate;
}

@keyframes upDown {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
  }
}
@keyframes round-shape {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.line-dash-path {
  stroke-dasharray: 4;
  stroke-dashoffset: 350;
  -webkit-animation: line-dash 30s linear forwards infinite;
  animation: line-dash 30s linear forwards infinite;
}

@keyframes line-dash {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes upslide {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-40px);
  }
  60% {
    transform: translateY(-20px);
  }
}
@keyframes leftright {
  0% {
    transform: translateX(-30px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes card-bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-10px);
  }
}
/*----------------------------------------*/
/*  switcher css
/*----------------------------------------*/
.color-switcher {
  flex: 0 0 auto;
}
.color-switcher img {
  width: 18px;
  cursor: pointer;
}
.color-switcher .light-icon {
  display: none;
}
.color-switcher .dark-icon {
  display: block;
}

.dark-theme .light-icon {
  display: block;
}
.dark-theme .dark-icon {
  display: none;
}

@keyframes qode-draw {
  0%, 100% {
    -webkit-clip-path: inset(-2px 0);
    clip-path: inset(-2px 0);
  }
  42% {
    -webkit-clip-path: inset(-2px 0 -2px 100%);
    clip-path: inset(-2px 0 -2px 100%);
  }
  43% {
    -webkit-clip-path: inset(-2px 100% -2px 0);
    clip-path: inset(-2px 100% -2px 0);
  }
}
/* Dark Theme */
.dark-theme {
  color: rgba(255, 255, 255, 0.9);
  background-color: #141a16;
}
.dark-theme .header {
  background-color: #032836;
}
.dark-theme .header .navbar .main-nav .nav-item a.nav-link {
  color: #ffffff;
}
.dark-theme .header .navbar .main-nav .nav-item.dropdown .dropdown-menu {
  background-color: #032836;
}
.dark-theme .header .navbar .main-nav .nav-item.dropdown .dropdown-menu li .dropdown-item {
  color: #ffffff;
}
.dark-theme .header .navbar .header-right-btn .color-switcher {
  color: #ffffff;
}
.dark-theme .header .navbar .header-right-btn .color-switcher svg.light-icon {
  display: inline-block;
}
.dark-theme .header .navbar .header-right-btn .color-switcher svg.dark-icon {
  display: none;
}
.dark-theme .banner .banner-content::before {
  background-color: rgba(255, 255, 255, 0.08);
}
.dark-theme .banner .banner-content h2 {
  color: rgba(255, 255, 255, 0.9);
}
.dark-theme .half-authpage .authOne .auth-contents .logo .no-user-header .language-switcher .langu-swit {
  border: 1px solid rgba(255, 255, 255, 0.1215686275);
  color: #dbdbe9;
  background-color: #172622;
}
.dark-theme .half-authpage .authOne .auth-contents .logo .no-user-header .language-switcher .langu-swit.nice-select .list {
  background-color: #202d36;
}
.dark-theme .half-authpage .authOne .auth-contents .logo .no-user-header .language-switcher .langu-swit.nice-select .list .option {
  background-color: rgba(20, 139, 134, 0.1294117647);
}
.dark-theme .half-authpage .authOne .auth-contents .logo .no-user-header .language-switcher .langu-swit.nice-select .list .option.selected {
  background-color: rgba(20, 139, 134, 0.1294117647);
}
.dark-theme .half-authpage .authOne .auth-contents .logo .no-user-header .language-switcher .langu-swit.nice-select .list .option.focus {
  background-color: rgba(20, 139, 134, 0.1294117647);
}
.dark-theme .half-authpage .authOne .auth-contents .logo .no-user-header .language-switcher .langu-swit.nice-select::after {
  border-bottom: 2px solid #dbdbe9;
  border-right: 2px solid #dbdbe9;
}
.dark-theme .half-authpage .authOne .auth-contents .logo .no-user-header .color-switcher .light-icon {
  display: block;
}
.dark-theme .half-authpage .authOne .auth-contents .logo .no-user-header .color-switcher .dark-icon {
  display: none;
}
.dark-theme .half-authpage .authOne .auth-contents .contents .content form .inputs label {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .half-authpage .authOne .auth-contents .contents .content form .inputs .box-input {
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.dark-theme .half-authpage .authOne .auth-contents .contents .content form .inputs .box-input:focus {
  border: 2px solid rgba(255, 255, 255, 0.6);
}
.dark-theme .half-authpage .authOne .auth-contents .contents .content form .inputs .passo-hide-show {
  filter: invert(1);
}
.dark-theme .half-authpage .authOne .auth-contents .contents .content form .inputs .remem-for p a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .half-authpage .authOne .auth-contents .contents .content form .inputs .input-group .input-group-text {
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .half-authpage .authOne .auth-contents .contents .content form .inputs .input-group .form-control {
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.dark-theme .half-authpage .authOne .auth-contents .contents .content p {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .half-authpage .authOne .auth-contents .contents .content p a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .main-user-dahboard .user-sidebar {
  background-color: #172622;
  border-right: 1px solid rgba(255, 255, 255, 0.0509803922);
}
.dark-theme .main-user-dahboard .user-sidebar .site-logo {
  border-bottom: 1px solid rgba(255, 255, 255, 0.0509803922);
  background-color: #172622;
}
.dark-theme .main-user-dahboard .user-sidebar .user-nav ul li a span {
  color: rgba(255, 255, 255, 0.6);
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header {
  background-color: #172622;
  border-bottom: 1px solid rgba(255, 255, 255, 0.0509803922);
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-left .single-left .site-sidebar-toggle {
  color: #81ef71;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .help-support a {
  color: rgba(255, 255, 255, 0.8);
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .color-switcher .light-icon {
  display: block;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .color-switcher .dark-icon {
  display: none;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .language-switcher .langu-swit {
  border: 1px solid rgba(255, 255, 255, 0.1215686275);
  color: #dbdbe9;
  background-color: #172622;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .language-switcher .langu-swit.nice-select .list {
  background-color: #202d36;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .language-switcher .langu-swit.nice-select .list .option {
  background-color: rgba(20, 139, 134, 0.1294117647);
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .language-switcher .langu-swit.nice-select .list .option.selected {
  background-color: rgba(20, 139, 134, 0.1294117647);
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .language-switcher .langu-swit.nice-select .list .option.focus {
  background-color: rgba(20, 139, 134, 0.1294117647);
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .language-switcher .langu-swit.nice-select::after {
  border-bottom: 2px solid #dbdbe9;
  border-right: 2px solid #dbdbe9;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu {
  background-color: #202d36;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu .user-head-drop-top .names {
  color: rgba(255, 255, 255, 0.8);
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li .dropdown-item span {
  color: rgba(255, 255, 255, 0.8);
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li .dropdown-item:hover {
  background-color: rgba(129, 239, 113, 0.1);
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .user-head-drop-btn {
  background-color: #81ef71;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-dot {
  color: #ffffff;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop {
  box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.4);
  background-color: #172622;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .noti-head {
  background-color: #141a16;
  color: #ffffff;
  box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.4);
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .noti-head span {
  background-color: #81ef71;
  color: #030306;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti::-webkit-scrollbar-thumb {
  background-color: rgba(129, 239, 113, 0.9);
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti::-webkit-scrollbar-track {
  background-color: transparent;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti a {
  color: #ffffff;
  background-color: #172622;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti a:hover {
  background-color: rgba(129, 239, 113, 0.07);
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti a.read {
  background-color: #141a16;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti a.read:hover {
  background-color: rgba(129, 239, 113, 0.07);
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti a .content .main-cont span {
  color: #81ef71;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti a .content .time {
  color: rgba(255, 255, 255, 0.7);
  margin-top: 3px;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .noti-footer a.noti-btn-1 {
  background-color: #6c3beb;
  color: #ffffff;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .noti-footer a.noti-btn-1:hover {
  background-color: #4a1fbb;
  color: #ffffff;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .noti-footer a.noti-btn-2 {
  background-color: #81ef71;
  color: #030306;
}
.dark-theme .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .noti-footer a.noti-btn-2:hover {
  background-color: #8cdf45;
  color: #030306;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .identity-alert {
  border: 2px dashed rgba(237, 46, 46, 0.4);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .identity-alert .contents .content {
  color: rgba(255, 255, 255, 0.6);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .user-referral-card {
  background: #172622;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .single-spec-stat {
  box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.4);
  background-color: #172622;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .single-spec-stat .top .icon {
  box-shadow: 6px 9px 10px 0px rgba(129, 239, 113, 0.1294117647);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .single-spec-stat .text {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .single-spec-stat .bottom .ex-link {
  background-color: #81ef71;
  color: #030306;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .single-user-stat-card {
  box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.4);
  background-color: #172622;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .single-user-stat-card::after {
  color: rgba(113, 200, 86, 0.0509803922);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .description .event-icon {
  background-color: #81ef71;
  color: #030306;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .description .content .title .msg {
  background-color: rgba(129, 239, 113, 0.2);
  color: #81ef71;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .description .content .title a {
  color: #81ef71;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .description .content .date {
  color: rgba(255, 255, 255, 0.5);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-head {
  background-color: #172622;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-head .site-table-col {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .site-pagination {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .site-pagination .page-item .page-link {
  background-color: #141a16;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .site-pagination .page-item.active .page-link {
  background-color: #6c3beb;
  color: #ffffff;
  border-color: #6c3beb;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .site-pagination .page-item .page-link {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .site-pagination .page-item .page-link:hover {
  color: #ffffff;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs label {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .box-input {
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .box-input:focus {
  border: 2px solid rgba(255, 255, 255, 0.6);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .box-textarea {
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .box-textarea:focus {
  border: 2px solid rgba(255, 255, 255, 0.6);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .passo-hide-show {
  filter: invert(1);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .remem-for p a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .input-group {
  border: 0;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .input-group .input-group-text {
  border: 2px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .input-group .form-control {
  border: 2px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .nice-select .list {
  border: 2px solid rgba(255, 255, 255, 0.3);
  background-color: #030306;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .nice-select .list li {
  background-color: #172622;
  color: #ffffff;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .nice-select::after {
  border-bottom: 2px solid #dbdbe9;
  border-right: 2px solid #dbdbe9;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .transaction-success-block {
  background-color: #172622;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .single-badge {
  background-color: #141a16;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box label {
  color: rgba(255, 255, 255, 0.6);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box input {
  background-color: #172622;
  color: #ffffff;
  border-color: hsla(0, 0%, 100%, 0.2);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box input:focus {
  border: 1px solid rgba(129, 239, 113, 0.4);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box input.search {
  color: #ffffff;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box select {
  background-color: #172622;
  color: #ffffff;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box select:focus {
  border: 1px solid rgba(129, 239, 113, 0.4);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box .page-count {
  background-color: #172622;
  color: #ffffff;
  border-color: hsla(0, 0%, 100%, 0.2);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box .page-count:focus {
  border: 1px solid rgba(129, 239, 113, 0.4);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box .page-count.nice-select .list {
  background-color: #202d36;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box .page-count.nice-select .list .option {
  background-color: rgba(20, 139, 134, 0.1294117647);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box .page-count.nice-select .list .option.selected {
  background-color: rgba(20, 139, 134, 0.1294117647);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box .page-count.nice-select .list .option.focus {
  background-color: rgba(20, 139, 134, 0.1294117647);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box .page-count.nice-select::after {
  border-bottom: 2px solid #dbdbe9;
  border-right: 2px solid #dbdbe9;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message {
  background-color: #202d36;
  box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.4);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message .message-footer .email a {
  color: #81ef71;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message .message-attachments .single-attachment .attach a {
  color: #81ef71;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .wrap-custom-file label span {
  color: #ffc300;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .single-action .checkbox-wrapper-15 .cbx .text {
  color: rgba(255, 255, 255, 0.8);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list {
  background-color: #172622;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:first-child {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list .cont .contents a {
  color: #81ef71;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list .cont .contents .time {
  color: rgba(255, 255, 255, 0.6);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .referral-card {
  background: #172622;
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-form-box form .referral-code-input {
  border: 2px solid rgba(255, 255, 255, 0.8);
  color: rgba(255, 255, 255, 0.9);
}
.dark-theme .main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-form-box .info {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .checkbox-wrapper-15 .cbx span a:hover {
  color: #4a1fbb;
}
.dark-theme .site-card {
  box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.4);
  background-color: #172622;
}
.dark-theme .site-card .site-card-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-theme .site-card .site-card-header .card-header-links .card-header-link {
  background-color: #81ef71;
  color: #030306;
}
.dark-theme .site-badge.badge-success {
  background-color: #157240;
  color: #ffffff;
}
.dark-theme .site-badge.badge-failed {
  background-color: #ed2e2e;
  color: #ffffff;
}
.dark-theme .site-badge.badge-pending {
  background-color: #ffc300;
  color: #030306;
}
.dark-theme .site-badge.badge-primary {
  background-color: rgba(129, 239, 113, 0.2);
  color: #81ef71;
}
.dark-theme .green-color {
  color: #81ef71;
}
.dark-theme .select2-container--default .select2-selection--single {
  border-color: hsla(0, 0%, 100%, 0.1);
}
.dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .select2-container--default .select2-selection--single:focus {
  border: 2px solid rgba(255, 255, 255, 0.5);
}
.dark-theme .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 2px solid rgba(255, 255, 255, 0.4);
  background-color: #030306;
  color: #ffffff;
}
.dark-theme .select2-dropdown {
  background-color: #030306;
  border: 2px solid rgba(255, 255, 255, 0.4);
}
.dark-theme .transfer-top-btns a {
  background-color: rgba(129, 239, 113, 0.2);
  color: #81ef71;
}
.dark-theme .transfer-top-btns a:hover {
  background-color: #81ef71;
  color: #030306;
}
.dark-theme .transfer-top-btns a.active {
  background-color: #81ef71;
  color: #030306;
}
.dark-theme .site-table-modal {
  background-color: #172622;
}
.dark-theme .site-table-modal .modal-body .modal-btn-close {
  color: #ffffff;
}
.dark-theme .site-table-modal .modal-body .modal-beneficiary-details .profile-text-data {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
}
.dark-theme .site-table-modal .modal-body .modal-beneficiary-details .profile-text-data .attribute {
  color: rgba(255, 255, 255, 0.5);
}
.dark-theme .site-table-modal .modal-body .popup-body-text .info-icon {
  background-color: rgba(255, 195, 0, 0.1);
  color: #ffc300;
}
.dark-theme .daterangepicker {
  color: #030306;
}
.dark-theme .daterangepicker .calendar-table table {
  color: #030306;
}

.body-landing-bg.dark-theme {
  background-color: #141a16;
}

.dark-theme {
  /* reward dark css */
}
.dark-theme .whiteSmoke-bg {
  background-color: #0c0c0c;
}
.dark-theme .main-menu ul li > a {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .main-menu ul li > a:hover {
  color: #6c3beb;
}
.dark-theme .header-action .nice-select.small .option {
  color: #030306;
}
.dark-theme .active-sticky {
  background: rgb(20, 26, 22);
  border-bottom: 1px solid rgb(29, 44, 49);
}
.dark-theme .active-sticky .default-lang-txt {
  color: rgba(3, 3, 6, 0.3);
}
.dark-theme .section-subtitle {
  background-color: #6c3beb;
}
.dark-theme .bar-icon span {
  background: #ffffff;
}
.dark-theme .banner-area {
  background-color: #172622;
  background-image: none;
}
.dark-theme .banner-content .description {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .banner-content .title {
  color: #ffffff;
}
.dark-theme .section-title {
  color: #ffffff;
}
.dark-theme .banner-content .sbu-title {
  background-color: rgba(255, 255, 255, 0.3);
}
.dark-theme .banner-shapes .shape-round {
  background-color: rgba(129, 239, 113, 0.07);
}
.dark-theme .banner-shapes .shape-round-two {
  background-color: rgba(129, 239, 113, 0.1);
  border-radius: 50%;
  height: 592px;
  width: 592px;
  position: absolute;
  bottom: -85px;
  right: -100px;
  z-index: -1;
}
.dark-theme .banner-thumb-wrapper .shape-text {
  background-color: #2c4839;
}
.dark-theme .banner-thumb-wrapper .user-one,
.dark-theme .banner-thumb-wrapper .user-two {
  border-color: #032836;
}
.dark-theme .features-item .description {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .features-item .title {
  color: #ffffff;
}
.dark-theme .text-btn {
  color: #ffffff;
}
.dark-theme .header-language-item > span {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .our-solutions-area {
  background-color: #172622;
}
.dark-theme .work-step-area {
  background-color: rgb(9, 15, 18);
}
.dark-theme .our-solutions-item {
  background-color: #141a16;
  box-shadow: 0px 6px 15px rgba(255, 143, 0, 0.08);
}
.dark-theme .our-solutions-item .content .icon span {
  background-color: rgba(129, 239, 113, 0.1);
}
.dark-theme .work-step-grid .content .title {
  color: #ffffff;
}
.dark-theme .footer-primary {
  background-color: #172622;
}
.dark-theme .price-item {
  background-color: #172622;
}
.dark-theme .price-value {
  border-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .price-value sub {
  color: rgba(255, 255, 255, 0.6);
}
.dark-theme .why-choose-area {
  background-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .video-wrapper {
  background: linear-gradient(357.03deg, #003049 3.21%, #0B2E3C 100%);
}
.dark-theme .testimonial-item {
  background-color: #032836;
}
.dark-theme .testimonial-content .description {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .work-step-grid .icon span {
  background-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .pricing-tab.customize-tab .nav-tabs .nav-link {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.dark-theme .pricing-tab.customize-tab .nav-tabs .active {
  background-color: #6c3beb;
  color: #ffffff;
}
.dark-theme .experiences-area {
  background-color: #172622;
}
.dark-theme .experiences-info .list ul li {
  background: #003049;
}
.dark-theme .td-faq .accordion-button {
  background-color: #032836;
  color: #ffffff;
}
.dark-theme .td-faq .accordion-button:not(.collapsed) {
  background-color: #032836;
  color: #ffffff;
}
.dark-theme .td-faq .accordion-body {
  background-color: #032836;
  color: #ffffff;
}
.dark-theme .faq-thumb .thumb-dark {
  display: block;
}
.dark-theme .faq-thumb .thumb-normal {
  display: none;
}
.dark-theme .video-wrapper {
  background-color: linear-gradient(357.03deg, #003049 3.21%, #0B2E3C 100%);
}
.dark-theme .video-thumb-pattern {
  background-color: #172622;
}
.dark-theme .why-choose-area {
  background-color: #032836;
}
.dark-theme .timeline-icon span {
  background-color: #141a16;
  color: #ffffff;
}
.dark-theme .timeline-icon span {
  background-color: #6c3beb;
}
.dark-theme .calculator-main-wrapper .form-section .form-group .select2-dropdown {
  border-color: hsla(0, 0%, 100%, 0.1);
  background-color: #162331;
}
.dark-theme .calculator-main-wrapper .form-section .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .loan-calculator-area {
  background: linear-gradient(135deg, #1a2e35 0%, #0f1c26 50%, #1a1f3a 100%);
}
.dark-theme .calculator-main-wrapper .form-section .form-group .select2-container--default .select2-selection--single {
  border-color: hsla(0, 0%, 100%, 0.1);
  background-color: #121c28;
}
.dark-theme .calculator-main-wrapper .form-section .input-item .input-currency {
  border-color: hsla(0, 0%, 100%, 0.1);
  color: rgba(255, 255, 255, 0.7);
  background: rgb(18, 28, 40);
}
.dark-theme .calculator-main-wrapper {
  background: rgba(30, 41, 59, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-theme .calculator-main-wrapper .divider-line {
  background: rgb(46, 58, 70);
}
.dark-theme .calculator-main-wrapper .form-section label {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .calculator-main-wrapper .form-section select,
.dark-theme .calculator-main-wrapper .form-section input {
  color: rgba(255, 255, 255, 0.7);
  background: rgb(18, 28, 40);
  border-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .calculator-main-wrapper .form-section select::placeholder,
.dark-theme .calculator-main-wrapper .form-section input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .calculator-main-wrapper .form-section select:focus,
.dark-theme .calculator-main-wrapper .form-section input:focus {
  border-color: #6c3beb;
}
.dark-theme .calculator-main-wrapper .result-card,
.dark-theme .calculator-main-wrapper .installment-item {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-theme .calculator-main-wrapper .result-card .result-label,
.dark-theme .calculator-main-wrapper .installment-item .result-label {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .calculator-main-wrapper .installment-title {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .blog-link {
  background: #6c3beb;
}
.dark-theme .blog-content {
  background-color: #032836;
}
.dark-theme .blog-title {
  color: #ffffff;
}
.dark-theme .date-badge {
  background-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .td-faq.style-two .accordion-item {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.dark-theme .td-faq.style-two .accordion-button:not(.collapsed)::after {
  color: #ffffff;
}
.dark-theme .brand-item .thumb .thumb-white {
  display: block;
}
.dark-theme .brand-item .thumb .thumb-black {
  display: none;
}
.dark-theme .breadcrumb-area.style-one {
  background: #172622;
}
.dark-theme .breadcrumb-content .description {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .contact-card {
  background: #032836;
}
.dark-theme .contact-form {
  background: #172622;
}
.dark-theme .contact-input-title label {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .contact-input-title label span {
  color: #ed2e2e;
}
.dark-theme .contact-input input {
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.dark-theme .contact-input select {
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.dark-theme .contact-input textarea {
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.dark-theme .td-faq .accordion-button::after {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.dark-theme .why-choose-area-two,
.dark-theme .faq-area-three {
  background-color: #0c0c0c;
}
.dark-theme .why-choose-item.style-two {
  background: #032836;
}
.dark-theme .services-item {
  background: #172622;
}
.dark-theme .services-item {
  background: #172622;
}
.dark-theme .services-item .description {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .blog-grid-quote {
  background-color: #172622;
}
.dark-theme .blog-grid-quote span {
  color: rgba(255, 255, 255, 0.8);
}
.dark-theme .blog-grid-quote p {
  color: #ffffff;
}
.dark-theme .postbox-text p {
  color: rgba(255, 255, 255, 0.6);
}
.dark-theme .postbox-text p b {
  color: #ffffff;
}
.dark-theme .sidebar-wrapper {
  background-color: #172622;
  padding: 30px;
  border-radius: 10px;
}
.dark-theme .rc-post-item {
  background: #141a16;
}
.dark-theme .single-badge.unlocked {
  background-color: #172622;
}
.dark-theme .single-badge.unlocked:hover .content .title {
  color: #ffffff;
}
.dark-theme .single-badge.unlocked:hover .content .description {
  color: #ffffff;
}
.dark-theme .single-badge:hover .content .title {
  color: #030306;
}
.dark-theme .single-badge:hover .content .description {
  color: rgba(3, 3, 6, 0.7);
}
.dark-theme .basic-pagination ul li a,
.dark-theme .basic-pagination ul li span {
  background-color: #172622;
  border-color: transparent;
}
.dark-theme .basic-pagination ul li a:hover,
.dark-theme .basic-pagination ul li span:hover {
  background-color: #6c3beb;
}
.dark-theme .privacy-policy-content p {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .privacy-policy-content .privacy-card {
  background-color: #172622;
}
.dark-theme .privacy-policy-content .icon-list .list-item-text {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .privacy-policy-content .icon-list .list_item_icon {
  background: rgba(255, 255, 255, 0.1);
}
.dark-theme .rewards-point-item {
  background: #032836;
}
.dark-theme .rewards-point-item .list-item {
  background-color: #141a16;
}
.dark-theme .rewards-point-item .list-item span {
  color: rgba(255, 255, 255, 0.8);
}
.dark-theme .rewards-point-item .top-list span {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 600;
}
.dark-theme .brand-item .thumb img {
  filter: contrast(0.5);
}
.dark-theme .reward-table table thead tr th {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  font-weight: 600;
  border: 0;
  background: transparent;
}
.dark-theme .reward-table table tbody tr td {
  background: #141A16;
  color: rgba(255, 255, 255, 0.8);
}

/* RTL mode */
.rtl_mode .half-authpage .authOne .auth-contents .logo .no-user-header .color-switcher {
  margin-left: initial;
  margin-right: 20px;
}
.rtl_mode .half-authpage .authOne .auth-contents .logo .no-user-header .language-switcher .langu-swit {
  padding-left: 30px;
  padding-right: 18px;
}
.rtl_mode .half-authpage .authOne .auth-contents .logo .no-user-header .language-switcher .langu-swit::after {
  right: initial;
  left: 12px;
}
.rtl_mode .half-authpage .authOne .auth-contents .contents .content form .inputs .passo .passo-hide-show {
  right: initial;
  left: 18px;
}
.rtl_mode .half-authpage .authOne .auth-contents .contents .content form .inputs .input-group .input-group-text {
  border-radius: 0;
  border-right: initial;
  border-left: 2px solid rgba(3, 3, 6, 0.2);
}
.rtl_mode .main-user-dahboard .user-sidebar {
  transition: 0.1s;
}
.rtl_mode .main-user-dahboard .user-sidebar .site-logo {
  padding-left: initial;
  padding-right: 20px;
}
.rtl_mode .main-user-dahboard .user-sidebar .user-nav ul li a svg {
  margin-right: initial;
  margin-left: 9px;
}
.rtl_mode .main-user-dahboard .user-sidebar .user-nav ul li a .count-number {
  float: left;
}
.rtl_mode .main-user-dahboard .user-sidebar.nav-unfolded {
  left: initial;
  right: 0;
  transition: 0.1s;
}
.rtl_mode .main-user-dahboard .page-content {
  padding-left: initial;
  padding-right: 330px;
}
@media (max-width: 1450px) {
  .rtl_mode .main-user-dahboard .page-content {
    padding-right: 0;
  }
}
.rtl_mode .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right:last-child {
  margin-left: 0;
}
.rtl_mode .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-dot .number {
  right: initial;
  left: -5px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-header-btn a svg {
  margin-right: initial;
  margin-left: 5px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu .user-head-drop-top .icon {
  margin-right: initial;
  margin-left: 10px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li .dropdown-item svg {
  margin-right: initial;
  margin-left: 5px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li .dropdown-item .verification {
  float: left;
}
.rtl_mode .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .noti-head span {
  margin-left: initial;
  margin-right: 5px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti a .icon {
  margin-right: initial;
  margin-left: 15px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .language-switcher .langu-swit {
  padding-left: 30px;
  padding-right: 18px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .language-switcher .langu-swit::after {
  right: initial;
  left: 12px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-left .single-left .site-sidebar-toggle {
  margin-right: initial;
  margin-left: 15px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .identity-alert .icon {
  margin-right: initial;
  margin-left: 15px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .user-profile-card .badge {
  right: initial;
  left: 15px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .user-profile-card .acc-num span {
  margin-left: initial;
  margin-right: 2px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .user-profile-card .buttons a {
  margin-right: initial;
  margin-left: 10px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .user-profile-card .buttons a svg {
  margin-right: initial;
  margin-left: 7px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .user-profile-card .buttons a.add {
  margin-right: 0;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .user-profile-card .o {
  right: initial;
  left: -100px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .single-spec-stat .top .icon {
  margin-right: initial;
  margin-left: 10px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .single-user-stat-card::after {
  right: initial;
  left: -100px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col {
  padding-left: initial;
  padding-right: 20px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .description .event-icon {
  margin-right: initial;
  margin-left: 15px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .description .content .title .msg {
  margin-left: initial;
  margin-right: 3px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .action .icon-btn {
  margin-left: 10px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .action span {
  margin-left: initial;
  margin-right: 5px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .input-group .input-group-text {
  border-left: initial;
  border-right: 2px solid rgba(3, 3, 6, 0.2);
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .nice-select::after {
  right: initial;
  left: 12px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .plan-card-box .list .single span {
  margin-right: inherit;
  margin-left: 8px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .plan-card-box::after {
  right: initial;
  left: -85px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list .cont .icon {
  margin-right: initial;
  margin-left: 15px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .single-badge.unlocked .tick-badge {
  right: initial;
  left: -15px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-form-box form button {
  right: initial;
  left: 10px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-rules .single-referral-rules .icon.check {
  margin-right: initial;
  margin-left: 10px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-rules .single-referral-rules .icon.cross {
  margin-right: initial;
  margin-left: 10px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box {
  margin-right: initial;
  margin-left: 20px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box input {
  margin-right: initial;
  margin-left: 10px;
}
.rtl_mode .main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .apply-btn svg {
  margin-right: initial;
  margin-left: 5px;
}
.rtl_mode .site-card .site-card-header .card-header-links .card-header-link {
  margin-left: initial;
  margin-right: 10px;
}
.rtl_mode .site-card .site-card-header .card-header-links .card-header-link svg {
  margin-right: initial;
  margin-left: 5px;
}
.rtl_mode .site-btn svg {
  margin-right: initial;
  margin-left: 5px;
}
.rtl_mode .checkbox-wrapper-15 .cbx span:last-child {
  margin-left: initial;
  margin-right: 6px;
}
.rtl_mode .transfer-top-btns a {
  margin-right: initial;
  margin-left: 10px;
}
.rtl_mode .popup-body .modal-btn-close {
  right: initial;
  left: 15px;
}
.rtl_mode .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 7px;
}
.rtl_mode .hv-wrapper .hv-item .hv-item-children .hv-item-child:first-child:after {
  right: 50%;
  width: 50%;
}
.rtl_mode .hv-wrapper .hv-item .hv-item-children .hv-item-child:before {
  left: initial;
  right: 50%;
}
.rtl_mode .banner-shapes .shape-one {
  left: auto;
  right: 50%;
}
.rtl_mode .banner-shapes .shape-two {
  left: auto;
  right: 4%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rtl_mode .banner-shapes .shape-two {
    right: 18px;
  }
}
.rtl_mode .banner-shapes .shape-round-two {
  left: -100px;
  right: auto;
}
.rtl_mode .banner-shapes .shape-round {
  right: auto;
  left: -230px;
}
.rtl_mode .banner-shapes .shape-round-two {
  right: auto;
  left: -100px;
}
.rtl_mode .banner-thumb-wrapper .user-one {
  right: auto;
  left: 11%;
}
.rtl_mode .banner-thumb-wrapper .user-two {
  left: auto;
  right: 13%;
}
.rtl_mode .banner-thumb-wrapper .shape-text {
  left: auto;
  right: -5%;
}
@media (max-width: 575px) {
  .rtl_mode .banner-thumb-wrapper .shape-text {
    right: 2%;
  }
}
.rtl_mode .features-shapes .shape-one {
  right: auto;
  left: -19px;
}
.rtl_mode .our-solutions-shapes .round-glow {
  left: auto;
  right: -166px;
}
.rtl_mode .our-solutions-shapes .shape-one {
  left: auto;
  right: 52px;
}
.rtl_mode .work-step-grid .arrow-line {
  right: auto;
  left: -70px;
}
.rtl_mode .price-value sub {
  margin-left: auto;
  margin-right: 3px;
}
.rtl_mode .price-badge {
  border-radius: 6px 6px 0px 0px;
  right: auto;
  left: -9px;
}
.rtl_mode .price-badge:before {
  right: auto;
  left: 0px;
  border-right: 0;
  border-left: 10px solid transparent;
}
.rtl_mode .experiences-thumb {
  right: auto;
  left: 0;
}
.rtl_mode .experiences-thumb img {
  border-radius: 0px 30px 30px 0px;
}
.rtl_mode .experiences-shapes .shape-one {
  left: auto;
  right: 23px;
}
.rtl_mode .faq-shapes .shape-one {
  left: auto;
  right: 30px;
}
.rtl_mode .faq-shapes .shape-two {
  right: auto;
  left: -40px;
}
.rtl_mode .video-shapes .shape-one {
  left: auto;
  right: 30px;
}
.rtl_mode .why-choose-thumb {
  right: auto;
  left: 0;
}
.rtl_mode .footer-shapes .shape-one {
  left: auto;
  right: 50px;
}
.rtl_mode .footer-shapes .shape-two {
  right: auto;
  left: 17px;
}
.rtl_mode .why-choose-shapes .shape-one {
  left: auto;
  right: 95px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rtl_mode .why-choose-shapes .shape-one {
    right: 65px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rtl_mode .why-choose-shapes .shape-one {
    right: 5%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rtl_mode .why-choose-shapes .shape-one {
    right: 3%;
  }
}
.rtl_mode .why-choose-shapes .round {
  right: auto;
  left: -12%;
}
.rtl_mode .footer-round-btn {
  right: auto;
  left: 10px;
}
.rtl_mode .footer-newsletter-input input {
  padding-left: 115px;
  padding-right: 20px;
}
.rtl_mode .breadcrumb-area.style-one .breadcrumb-shapes .shape-one {
  left: auto;
  right: 2%;
}
.rtl_mode .breadcrumb-area.style-one .breadcrumb-shapes .shape-two {
  right: auto;
  left: 7%;
}
.rtl_mode .breadcrumb-area.style-one .breadcrumb-shapes .shape-three {
  right: auto;
  left: 30%;
}
.rtl_mode .postbox-area .shape-one,
.rtl_mode .about-area .shape-one,
.rtl_mode .how-it-work-area .shape-one,
.rtl_mode .services-area .shape-one {
  left: auto;
  right: 1%;
}
.rtl_mode .postbox-area .shape-two,
.rtl_mode .about-area .shape-two,
.rtl_mode .how-it-work-area .shape-two,
.rtl_mode .services-area .shape-two {
  right: auto;
  left: -18%;
}
.rtl_mode .about-shapes .shapes-one {
  left: auto;
  right: 1%;
}
.rtl_mode .tailored-shapes .shape-one {
  left: auto;
  right: 2%;
}
.rtl_mode .tailored-shapes .shape-two {
  right: auto;
  left: -18%;
}
.rtl_mode .tailored-thumb-wrap {
  margin-left: 75px;
  margin-right: 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rtl_mode .tailored-thumb-wrap {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rtl_mode .tailored-thumb-wrap {
    margin-left: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rtl_mode .tailored-thumb-wrap {
    margin-left: 25px;
  }
}
.rtl_mode .tailored-thumb-wrap .thumb img {
  border-radius: 20px;
  width: 100%;
}
.rtl_mode .tailored-thumb-wrap .card-item {
  position: absolute;
  right: 0;
  bottom: 20px;
}
@media (max-width: 575px) {
  .rtl_mode .tailored-thumb-wrap .card-item {
    right: auto;
    left: 20px;
  }
}
.rtl_mode .tailored-thumb-wrap .card-item .item ul li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: 700;
  background: #ffffff;
  box-shadow: rgba(108, 59, 235, 0.1) 0px 0px 32px;
  color: #030306;
  border-radius: 10px;
  width: max-content;
}
@media (max-width: 575px) {
  .rtl_mode .tailored-thumb-wrap .card-item .item ul li {
    font-size: 16px;
  }
}
.rtl_mode .tailored-thumb-wrap .card-item .item ul li i {
  color: #6c3beb;
  font-size: 20px;
}
.rtl_mode .tailored-thumb-wrap .card-item .item ul li:nth-child(1) {
  transform: translateX(-140px);
}
@media (max-width: 575px) {
  .rtl_mode .tailored-thumb-wrap .card-item .item ul li:nth-child(1) {
    transform: translateX(0px);
  }
}
.rtl_mode .tailored-thumb-wrap .card-item .item ul li:nth-child(2) {
  transform: translateX(-85px);
}
@media (max-width: 575px) {
  .rtl_mode .tailored-thumb-wrap .card-item .item ul li:nth-child(2) {
    transform: translateX(0px);
  }
}
.rtl_mode .tailored-thumb-wrap .card-item .item ul li:nth-child(2) {
  transform: translateX(-25px);
}
@media (max-width: 575px) {
  .rtl_mode .tailored-thumb-wrap .card-item .item ul li:nth-child(2) {
    transform: translateX(0px);
  }
}
.rtl_mode .tailored-thumb-wrap .card-item .item ul li:not(:last-child) {
  margin-bottom: 20px;
}
.rtl_mode .td-faq .accordion-button {
  padding-left: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rtl_mode .td-faq .accordion-button {
    padding: 20px 20px 20px 65px;
  }
}
@media (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rtl_mode .td-faq .accordion-button {
    padding: 20px 20px 20px 65px;
  }
}
.rtl_mode .td-faq .accordion-button::after {
  right: auto;
  left: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rtl_mode .td-faq .accordion-button::after {
    right: auto;
    left: 15px;
  }
}
.rtl_mode .td-faq .accordion-body {
  padding-right: 25px;
  padding-left: 25px;
}
.rtl_mode .contact-form-content {
  margin-left: 75px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rtl_mode .contact-form-content {
    margin-left: 0;
  }
}
.rtl_mode .rewards-card-item .shape-one {
  right: auto;
  left: 0;
  transform: rotate(268deg);
}
.rtl_mode .rewards-card-item .shape-two {
  left: auto;
  right: -6px;
}
.rtl_mode .calculator-main-wrapper .form-section .input-item .input-currency {
  border-radius: 8px 0px 0px 8px;
}

/* Navigation */
.header {
  border-bottom: 1px solid rgba(108, 59, 235, 0.1);
  background: #bee3db;
  position: fixed;
  width: 100%;
  z-index: 2;
}
@media (max-width: 991px) {
  .header {
    position: absolute;
    width: 100%;
    z-index: 2;
    max-height: 450px;
    overflow: auto;
    background: #ffffff;
  }
}
.header .navbar {
  padding: 20px 0;
}
.header .navbar .container-fluid {
  padding: 0 40px;
}
.header .navbar .navbar-brand img {
  height: 40px;
}
.header .navbar .navbar-toggler {
  border: none;
  background: #6c3beb;
  border-radius: 0;
}
.header .navbar .navbar-toggler:focus {
  box-shadow: none;
}
.header .navbar .main-nav .nav-item {
  margin: 0 12px;
}
@media (max-width: 991px) {
  .header .navbar .main-nav .nav-item {
    margin: 5px 0;
  }
}
.header .navbar .main-nav .nav-item a.nav-link {
  color: rgba(3, 3, 6, 0.8);
  position: relative;
  font-weight: 500;
  letter-spacing: -0.5px;
}
.header .navbar .main-nav .nav-item a.nav-link:hover {
  color: #6c3beb;
}
.header .navbar .main-nav .nav-item a.nav-link.active {
  color: #6c3beb;
}
.header .navbar .main-nav .nav-item a.nav-link.dropdown-toggle::after {
  position: absolute;
  border: 0px;
  content: "\e00b";
  font-family: "anticon" !important;
  font-weight: 700;
  top: 50%;
  font-size: 12px;
  transform: translateY(-50%);
  margin-left: 5px;
}
@media (max-width: 991px) {
  .header .navbar .main-nav .nav-item a.nav-link.dropdown-toggle::after {
    margin-left: 0px;
    right: 0;
  }
}
.header .navbar .main-nav .nav-item.dropdown .dropdown-menu {
  padding: 0;
  width: 240px;
  top: 66px;
  border-radius: 3px;
  background: #ffffff;
  margin: 0;
  border: 0;
}
@media (max-width: 991px) {
  .header .navbar .main-nav .nav-item.dropdown .dropdown-menu {
    width: 100%;
    box-shadow: none;
  }
}
.header .navbar .main-nav .nav-item.dropdown .dropdown-menu li {
  margin: 3px;
}
.header .navbar .main-nav .nav-item.dropdown .dropdown-menu li .dropdown-item {
  font-size: 14px;
  padding: 12px 10px 12px 20px;
  color: rgba(3, 3, 6, 0.8);
}
.header .navbar .main-nav .nav-item.dropdown .dropdown-menu li .dropdown-item:hover, .header .navbar .main-nav .nav-item.dropdown .dropdown-menu li .dropdown-item:focus {
  border-radius: 3px;
  background: #6c3beb;
  color: #ffffff;
}
.header .navbar .main-nav .nav-item.dropdown .dropdown-menu li:hover {
  border-radius: 3px;
}
.header .navbar .header-right-btn {
  flex-direction: row;
  justify-content: end;
}
@media (max-width: 991px) {
  .header .navbar .header-right-btn {
    justify-content: start;
  }
}
.header .navbar .header-right-btn .color-switcher {
  color: #030306;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
}
.header .navbar .header-right-btn .color-switcher svg {
  height: 18px;
}
.header .navbar .header-right-btn .color-switcher svg.dark-icon {
  display: inline-block;
}
.header .navbar .header-right-btn .color-switcher svg.light-icon {
  display: none;
}
.header .navbar .site-nice-select {
  color: #030306;
  border: 0;
  border-radius: 50px;
  display: inline-block;
  height: 40px;
}
@media (max-width: 991px) {
  .header .navbar .site-nice-select {
    background: rgba(210, 211, 216, 0.5);
  }
}
.header.sticky-header {
  padding: 0px 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}
.header .dropdown-menu-dark {
  padding-top: 15px;
}

/* Banner Section */
.banner {
  padding: 180px 0 90px 0;
}
@media (max-width: 991px) {
  .banner {
    padding-top: 150px;
  }
}
.banner .banner-content {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  margin-right: 100px;
}
@media (max-width: 1199px) {
  .banner .banner-content {
    margin-right: 0px;
  }
}
@media (max-width: 991px) {
  .banner .banner-content {
    display: block;
    margin-bottom: 50px;
    margin-right: 0px;
  }
}
.banner .banner-content::before {
  position: absolute;
  height: 350px;
  width: 350px;
  border-radius: 50%;
  content: "";
  background: rgba(255, 255, 255, 0.3);
  top: -50px;
  left: -100px;
  z-index: -1;
}
.banner .banner-content h2 {
  font-size: 72px;
  margin-bottom: 20px;
  color: rgba(3, 3, 6, 0.8);
  font-weight: 800;
}
@media (max-width: 991px) {
  .banner .banner-content h2 {
    font-size: 46px;
  }
}
.banner .banner-content h2 span {
  background: linear-gradient(104.04deg, #ff1675 0%, #ff7b01 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.banner .banner-content p {
  font-size: 22px;
}
.banner .banner-content .banner-anchors {
  margin-top: 20px;
}
.banner .banner-content .banner-anchors a {
  margin-right: 15px;
}
.banner .banner-right {
  text-align: right;
  position: relative;
  z-index: 1;
}
.banner .banner-right .banner-img {
  border-radius: 8px;
}
@media (max-width: 757px) {
  .banner .banner-right .banner-img {
    width: 100%;
  }
}
.banner .banner-right .dots {
  height: 200px;
  width: 200px;
  position: absolute;
  top: -60px;
  right: -60px;
  background: url("../images/dots.svg") repeat;
  z-index: -1;
  opacity: 0.5;
}
@media (max-width: 767px) {
  .banner .banner-right .dots {
    right: 0;
  }
}
.banner .banner-content-2 img {
  width: 80px;
  margin-bottom: 20px;
  filter: brightness(0) invert(1);
}
.banner .banner-content-2 h4 {
  color: #ffc300;
  font-size: 18px;
  text-transform: uppercase;
}
.banner .banner-content-2 h2 {
  font-size: 60px;
  margin-bottom: 20px;
}
.banner .banner-content-2 p {
  font-size: 20px;
}
.banner .banner-content-2 .banner-anchors {
  margin-top: 40px;
}
.banner .banner-content-2 .banner-anchors a {
  margin: 0 8px;
}

.half-authpage {
  display: flex;
  flex-direction: row;
  width: 100%;
  min-height: 100vh;
}
.half-authpage .authOne {
  width: 100%;
  height: 100vh;
}
.half-authpage .authOne .auth-contents {
  padding: 50px;
  height: 100%;
}
@media (max-width: 575px) {
  .half-authpage .authOne .auth-contents {
    padding: 25px;
  }
}
.half-authpage .authOne .auth-contents .logo {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.half-authpage .authOne .auth-contents .logo a img {
  height: 30px;
}
@media (max-width: 580px) {
  .half-authpage .authOne .auth-contents .logo a img {
    height: 25px;
  }
}
.half-authpage .authOne .auth-contents .logo .no-user-header {
  display: flex;
  align-items: center;
}
.half-authpage .authOne .auth-contents .logo .no-user-header .language-switcher .langu-swit {
  border: 1px solid rgba(204, 204, 204, 0.4196078431);
  font-weight: 700;
  border-radius: 50px;
  color: #030306;
}
.half-authpage .authOne .auth-contents .logo .no-user-header .language-switcher .langu-swit.nice-select::after {
  height: 7px;
  width: 7px;
  margin-top: -6px;
  border-bottom: 2px solid #030306;
  border-right: 2px solid #030306;
}
.half-authpage .authOne .auth-contents .logo .no-user-header .color-switcher {
  margin-left: 20px;
}
.half-authpage .authOne .auth-contents .logo .no-user-header .color-switcher img {
  width: 18px;
  cursor: pointer;
}
.half-authpage .authOne .auth-contents .logo .no-user-header .color-switcher .light-icon {
  display: none;
}
.half-authpage .authOne .auth-contents .logo .no-user-header .color-switcher .dark-icon {
  display: block;
}
.half-authpage .authOne .auth-contents .contents {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin-top: -20px;
}
@media (max-width: 1199px) {
  .half-authpage .authOne .auth-contents .contents {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .half-authpage .authOne .auth-contents .contents {
    margin-top: 30px;
  }
}
.half-authpage .authOne .auth-contents .contents .content {
  width: 420px;
}
@media (max-width: 767px) {
  .half-authpage .authOne .auth-contents .contents .content {
    width: 100%;
  }
}
.half-authpage .authOne .auth-contents .contents .content .go-back {
  margin-bottom: 25px;
}
.half-authpage .authOne .auth-contents .contents .content .go-back a {
  padding: 5px 14px;
  display: inline-block;
  background: #ef476f;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  border-radius: 100px;
  line-height: 18px;
}
.half-authpage .authOne .auth-contents .contents .content .go-back a svg {
  width: 20px;
  height: 20px;
  position: relative;
  top: -1px;
}
.half-authpage .authOne .auth-contents .contents .content h3 {
  font-size: 26px;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .half-authpage .authOne .auth-contents .contents .content h3 {
    margin-bottom: 30px;
  }
}
.half-authpage .authOne .auth-contents .contents .content .error-message {
  background: rgba(237, 46, 46, 0.1);
  padding: 15px 20px;
  border-radius: 6px;
  margin-bottom: 15px;
}
.half-authpage .authOne .auth-contents .contents .content .error-message p {
  font-size: 12px;
  color: #ed2e2e;
}
.half-authpage .authOne .auth-contents .contents .content .error-message p:last-child {
  margin-bottom: 0;
}
.half-authpage .authOne .auth-contents .contents .content .success-message {
  background: rgba(21, 114, 64, 0.1);
  padding: 15px 20px;
  border-radius: 6px;
  margin-bottom: 15px;
}
.half-authpage .authOne .auth-contents .contents .content .success-message p {
  font-size: 12px;
  color: #157240;
}
.half-authpage .authOne .auth-contents .contents .content .success-message p:last-child {
  margin-bottom: 0;
}
.half-authpage .authOne .auth-contents .contents .content form .inputs {
  margin-bottom: 20px;
}
.half-authpage .authOne .auth-contents .contents .content form .inputs label {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 4px;
  color: rgba(3, 3, 6, 0.6);
}
.half-authpage .authOne .auth-contents .contents .content form .inputs label .required {
  color: #ed2e2e;
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .box-input {
  width: 100%;
  height: 50px;
  border-radius: 6px;
  border: 2px solid rgba(3, 3, 6, 0.2);
  font-size: 16px;
  font-weight: 600;
  padding: 0 15px;
  box-shadow: none;
  background: transparent;
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .box-input:focus {
  border-color: rgba(3, 3, 6, 0.5);
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .passo {
  position: relative;
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .passo .passo-hide-show {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 16px;
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .remem-for {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .remem-for p {
  margin-bottom: 0;
  font-size: 13px;
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .remem-for p a {
  color: #6c3beb;
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .remem-for p a:hover {
  color: #030306;
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .input-otp {
  flex-direction: row;
  column-gap: 15px;
  display: flex;
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .input-otp input {
  height: 75px;
  width: 100%;
  border-radius: 6px;
  outline: none;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  border: 2px solid rgba(3, 3, 6, 0.3);
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .input-otp input:focus {
  border: 2px solid rgba(108, 59, 235, 0.9);
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .input-otp input::-webkit-inner-spin-button {
  display: none;
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .input-otp input::-webkit-outer-spin-button {
  display: none;
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .otpbtn {
  pointer-events: none;
  opacity: 0.5;
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .otpbtn.active {
  background: #6c3beb;
  pointer-events: auto;
  opacity: 1;
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .otpbtn:hover {
  background: #6c3beb;
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .input-group {
  border: 2px solid rgba(3, 3, 6, 0.2);
  border-radius: 6px;
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .input-group .input-group-text {
  box-shadow: none;
  border: 0px;
  height: 48px;
  border-right: 2px solid rgba(3, 3, 6, 0.2);
  padding: 0.375rem 1.25rem;
  background: transparent;
  font-weight: 700;
}
.half-authpage .authOne .auth-contents .contents .content form .inputs .input-group .form-control {
  box-shadow: none;
  height: 48px;
  border: 0px;
  background: transparent;
  font-size: 16px;
  font-weight: 600;
}
.half-authpage .authOne .auth-contents .contents .content p {
  font-size: 13px;
  color: #030306;
}
.half-authpage .authOne .auth-contents .contents .content p a {
  color: #6c3beb;
  font-weight: 600;
}
.half-authpage .authOne .auth-contents .contents .content p a:hover {
  color: #030306;
}
.half-authpage .authOne .auth-banner {
  height: 100%;
  background-size: cover !important;
}
@media (max-width: 1199px) {
  .half-authpage .authOne {
    height: auto;
  }
}
@media (max-width: 1199px) {
  .half-authpage .authOne + .authOne {
    display: none;
  }
}

.main-user-dahboard {
  height: 100vh;
}
.main-user-dahboard .user-sidebar {
  background: #fafaf5;
  height: 100%;
  width: 330px;
  float: left;
  border-right: 1px solid rgba(204, 204, 204, 0.4196078431);
  position: fixed;
  overflow-y: scroll;
  transition: 0.1s;
}
@media (max-width: 1450px) {
  .main-user-dahboard .user-sidebar {
    left: -330px;
  }
}
.main-user-dahboard .user-sidebar.nav-unfolded {
  left: 0;
  z-index: 2;
}
.main-user-dahboard .user-sidebar::-webkit-scrollbar {
  width: 0px;
}
.main-user-dahboard .user-sidebar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 48, 73, 0.3);
}
.main-user-dahboard .user-sidebar::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(0, 18, 25, 0.3);
}
.main-user-dahboard .user-sidebar .site-logo {
  padding-left: 20px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.4196078431);
  height: 80px;
  display: flex;
  align-items: center;
  position: fixed;
  width: 329px;
  z-index: 2;
  background: #fafaf5;
}
.main-user-dahboard .user-sidebar .site-logo .logo {
  color: #030306;
}
.main-user-dahboard .user-sidebar .site-logo .logo img {
  height: 30px;
}
.main-user-dahboard .user-sidebar .user-nav {
  padding: 20px;
  position: relative;
  top: 80px;
}
.main-user-dahboard .user-sidebar .user-nav ul li {
  margin-bottom: 10px;
  display: block;
}
.main-user-dahboard .user-sidebar .user-nav ul li:last-child {
  margin-bottom: 0;
}
.main-user-dahboard .user-sidebar .user-nav ul li a {
  padding: 13px 20px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 800;
  display: block;
}
.main-user-dahboard .user-sidebar .user-nav ul li a svg {
  height: 22px;
  margin-right: 9px;
  position: relative;
  top: -1px;
}
.main-user-dahboard .user-sidebar .user-nav ul li a span {
  color: #030306;
}
.main-user-dahboard .user-sidebar .user-nav ul li a .count-number {
  background: #81ef71;
  padding: 2px 10px;
  border-radius: 50px;
  float: right;
  color: #030306;
  font-size: 11px;
  margin-top: 1px;
}
.main-user-dahboard .user-sidebar .user-nav ul li a:hover {
  background: rgba(3, 3, 6, 0.08);
}
.main-user-dahboard .user-sidebar .user-nav ul li.active a {
  background: #6c3beb;
  color: #ffffff;
}
.main-user-dahboard .user-sidebar .user-nav ul li.active a span {
  color: #ffffff;
}
.main-user-dahboard .user-sidebar .user-nav ul li.logout a {
  color: #ed2e2e;
  background: rgba(237, 46, 46, 0.1);
}
.main-user-dahboard .user-sidebar .user-nav ul li.logout a:hover {
  background: #ed2e2e;
  color: #ffffff;
}
.main-user-dahboard .user-sidebar .user-nav ul li.logout a:hover span {
  color: #ffffff;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 1) a {
  color: #6c3beb;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 1) a:hover {
  background: rgba(108, 59, 235, 0.15);
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 1).active a {
  background: #6c3beb;
  color: #ffffff;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 2) a {
  color: #5f88f9;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 2) a:hover {
  background: rgba(95, 136, 249, 0.15);
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 2).active a {
  background: #5f88f9;
  color: #ffffff;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 3) a {
  color: #ef476f;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 3) a:hover {
  background: rgba(239, 71, 111, 0.15);
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 3).active a {
  background: #ef476f;
  color: #ffffff;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 4) a {
  color: #227c9d;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 4) a:hover {
  background: rgba(34, 124, 157, 0.15);
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 4).active a {
  background: #227c9d;
  color: #ffffff;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 5) a {
  color: #38ad79;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 5) a:hover {
  background: rgba(56, 173, 121, 0.15);
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 5).active a {
  background: #38ad79;
  color: #ffffff;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 6) a {
  color: #ff8f00;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 6) a:hover {
  background: rgba(255, 143, 0, 0.15);
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 6).active a {
  background: #ff8f00;
  color: #ffffff;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 7) a {
  color: #ee6c4d;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 7) a:hover {
  background: rgba(238, 108, 77, 0.15);
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 7).active a {
  background: #ee6c4d;
  color: #ffffff;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 8) a {
  color: #75bf83;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 8) a:hover {
  background: rgba(117, 191, 131, 0.15);
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 8).active a {
  background: #75bf83;
  color: #ffffff;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 9) a {
  color: #718355;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 9) a:hover {
  background: rgba(113, 131, 85, 0.15);
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 9).active a {
  background: #718355;
  color: #ffffff;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 10) a {
  color: #5f88f9;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 10) a:hover {
  background: rgba(95, 136, 249, 0.15);
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 10).active a {
  background: #5f88f9;
  color: #ffffff;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 11) a {
  color: #95b330;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 11) a:hover {
  background: rgba(149, 179, 48, 0.15);
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 11).active a {
  background: #95b330;
  color: #ffffff;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 12) a {
  color: #227c9d;
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 12) a:hover {
  background: rgba(34, 124, 157, 0.15);
}
.main-user-dahboard .user-sidebar .user-nav li:nth-of-type(12n + 12).active a {
  background: #227c9d;
  color: #ffffff;
}
.main-user-dahboard .page-content {
  min-height: 100vh;
  padding-left: 330px;
  transition: 0.1s;
}
@media (max-width: 1450px) {
  .main-user-dahboard .page-content {
    padding-left: 0px;
  }
}
.main-user-dahboard .page-content .main-content .user-part-header {
  background: #fafaf5;
  height: 80px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.4196078431);
  padding: 0 15px;
  position: fixed;
  z-index: 2;
  width: fill-available;
  width: -webkit-fill-available;
  width: -moz-available;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-left .single-left {
  display: flex;
  align-items: center;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-left .single-left .site-sidebar-toggle {
  display: none;
  border-radius: 50%;
  color: #030306;
  text-align: center;
  cursor: pointer;
  margin-right: 15px;
}
@media (max-width: 1450px) {
  .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-left .single-left .site-sidebar-toggle {
    display: inline-block;
  }
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-left .single-left .site-logo-inmobile {
  display: none;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-left .single-left .site-logo-inmobile a img {
  height: 30px;
}
@media (max-width: 1450px) {
  .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-left .single-left .site-logo-inmobile {
    display: inline-block;
  }
}
@media (max-width: 520px) {
  .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-left .single-left .site-logo-inmobile {
    display: none;
  }
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-left .single-left .site-logo-inmobile-icon {
  display: none;
}
@media (max-width: 520px) {
  .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-left .single-left .site-logo-inmobile-icon {
    display: inline-block;
  }
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-left .single-left .site-logo-inmobile-icon a img {
  height: 30px;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-left .single-left .salutation {
  font-size: 16px;
  font-weight: 300;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-left .single-left .salutation strong {
  font-weight: 700;
}
@media (max-width: 1450px) {
  .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-left .single-left .salutation {
    display: none;
  }
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right {
  display: flex;
  align-items: center;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right {
  margin-left: 20px;
}
@media (max-width: 676px) {
  .main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right {
    margin-left: 10px;
  }
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .help-support a {
  color: #030306;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .help-support a svg {
  width: 26px;
  height: 26px;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .color-switcher img {
  width: 18px;
  cursor: pointer;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .color-switcher .light-icon {
  display: none;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .color-switcher .dark-icon {
  display: block;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .language-switcher .langu-swit {
  border: 1px solid rgba(204, 204, 204, 0.4196078431);
  font-weight: 700;
  border-radius: 50px;
  color: #030306;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .language-switcher .langu-swit.nice-select::after {
  height: 7px;
  width: 7px;
  margin-top: -6px;
  border-bottom: 2px solid #030306;
  border-right: 2px solid #030306;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .user-head-drop-btn {
  padding: 3px;
  border-radius: 50px;
  background: #6c3beb;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .user-head-drop-btn .user-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .user-head-drop-btn::after {
  display: none;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu {
  width: 280px;
  padding: 0;
  margin-top: 18px !important;
  border-radius: 10px;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu .user-head-drop-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu .user-head-drop-top .icon {
  margin-right: 10px;
  min-width: 45px;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu .user-head-drop-top .icon img {
  border-radius: 50%;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu .user-head-drop-top .names {
  font-size: 14px;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu .user-head-drop-top .names .name {
  font-weight: 700;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu .user-head-drop-top .names .email {
  font-weight: 300;
  width: 210px;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li .dropdown-item {
  font-size: 14px;
  padding: 15px;
  font-weight: 700;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li .dropdown-item.logout {
  background: rgba(237, 46, 46, 0.2);
  border-radius: 0 0 10px 10px;
  color: #ed2e2e;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li .dropdown-item.logout span {
  color: #ed2e2e;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li .dropdown-item.logout:hover {
  border-radius: 0 0 10px 10px;
  background: #ed2e2e;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li .dropdown-item.logout:hover span {
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li .dropdown-item svg {
  height: 16px;
  margin-right: 5px;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li .dropdown-item span {
  color: #030306;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li .dropdown-item .verification {
  font-size: 11px;
  font-style: italic;
  padding: 3px 12px;
  float: right;
  color: #ffffff;
  font-weight: 700;
  border-radius: 50px;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li .dropdown-item .verification.approved {
  background: #157240;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li .dropdown-item .verification.pending {
  background: #ffc300;
  color: #030306;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li .dropdown-item .verification.rejected {
  background: #ed2e2e;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li .dropdown-item:hover {
  background: rgba(108, 59, 235, 0.1);
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li:first-child {
  border-radius: 10px 10px 0 0;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li:nth-of-type(12n + 1) .dropdown-item {
  color: #ef476f;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li:nth-of-type(12n + 2) .dropdown-item {
  color: #227c9d;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li:nth-of-type(12n + 3) .dropdown-item {
  color: #38ad79;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li:nth-of-type(12n + 4) .dropdown-item {
  color: #718355;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li:nth-of-type(12n + 5) .dropdown-item {
  color: #5f88f9;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li:nth-of-type(12n + 6) .dropdown-item {
  color: #75bf83;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-head-drop .dropdown .dropdown-menu li:nth-of-type(12n + 7) .dropdown-item {
  color: #95b330;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-header-btn a {
  font-size: 12px;
  padding: 10px 20px;
  border-radius: 50px;
  color: #030306;
  background: #81ef71;
  font-weight: 700;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-header-btn a:hover {
  background: #8cdf45;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .user-header-btn a svg {
  width: 16px;
  margin-right: 5px;
  position: relative;
  top: -1px;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-dot {
  position: relative;
  background: transparent;
  color: #030306;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-dot .bell-ringing {
  animation: shaking 2s ease infinite;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-dot .number {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #ed2e2e;
  position: absolute;
  color: #ffffff;
  top: -2px;
  right: -5px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop {
  margin-top: 25px !important;
  width: 360px;
  border: 0px;
  box-shadow: 0px 0px 2px rgba(74, 31, 187, 0.4);
  border-radius: 4px;
  font-size: 14px;
  padding: 12px;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .noti-head {
  background: #ffffff;
  padding: 12px;
  color: #030306;
  border-radius: 4px;
  text-align: center;
  box-shadow: 0px 0px 2px rgba(74, 31, 187, 0.4);
  margin-bottom: 5px;
  font-weight: 700;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .noti-head span {
  margin-left: 5px;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #6c3beb;
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  display: inline-block;
  line-height: 18px;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti {
  max-height: 370px;
  overflow-y: scroll;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti::-webkit-scrollbar {
  width: 5px;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(3, 3, 6, 0.6);
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #ffffff;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 18px 10px;
  color: #030306;
  background: rgba(3, 3, 6, 0.04);
  border-radius: 4px;
  font-weight: 700;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti a:hover {
  background: rgba(108, 59, 235, 0.07);
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti a.read {
  background: #ffffff;
  font-weight: 400;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti a.read:hover {
  background: rgba(108, 59, 235, 0.07);
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti a .icon {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti a .icon svg {
  height: 18px;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti a .content {
  width: 80%;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti a .content .main-cont {
  font-size: 14px;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti a .content .main-cont span {
  color: #6c3beb;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti a .content .time {
  font-size: 12px;
  color: #9b9b9b;
  margin-top: 3px;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti:nth-child(12n+1) a .icon {
  background: rgba(239, 71, 111, 0.1);
  color: #ef476f;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti:nth-child(12n+2) a .icon {
  background: rgba(34, 124, 157, 0.1);
  color: #227c9d;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti:nth-child(12n+3) a .icon {
  background: rgba(56, 173, 121, 0.1);
  color: #38ad79;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti:nth-child(12n+4) a .icon {
  background: rgba(113, 131, 85, 0.1);
  color: #718355;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti:nth-child(12n+5) a .icon {
  background: rgba(238, 108, 77, 0.1);
  color: #ee6c4d;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti:nth-child(12n+6) a .icon {
  background: rgba(117, 191, 131, 0.1);
  color: #75bf83;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti:nth-child(12n+7) a .icon {
  background: rgba(255, 143, 0, 0.1);
  color: #ff8f00;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti:nth-child(12n+8) a .icon {
  background: rgba(95, 136, 249, 0.1);
  color: #5f88f9;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti:nth-child(12n+9) a .icon {
  background: rgba(149, 179, 48, 0.1);
  color: #95b330;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti:nth-child(12n+10) a .icon {
  background: rgba(239, 71, 111, 0.1);
  color: #ef476f;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti:nth-child(12n+11) a .icon {
  background: rgba(34, 124, 157, 0.1);
  color: #227c9d;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .all-noti .single-noti:nth-child(12n+12) a .icon {
  background: rgba(56, 173, 121, 0.1);
  color: #38ad79;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .noti-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-align: center;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .noti-footer a.noti-btn-1 {
  display: inline-block;
  padding: 8px 18px;
  border-radius: 3px;
  background: #6c3beb;
  color: #ffffff;
  font-weight: 700;
  font-size: 11px;
  text-transform: capitalize;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .noti-footer a.noti-btn-1:hover {
  background: #4a1fbb;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .noti-footer a.noti-btn-2 {
  display: inline-block;
  padding: 8px 18px;
  border-radius: 3px;
  background: #81ef71;
  color: #030306;
  font-weight: 700;
  font-size: 11px;
  text-transform: capitalize;
}
.main-user-dahboard .page-content .main-content .user-part-header .nav-wrap .nav-right .single-right .notification-pop .noti-footer a.noti-btn-2:hover {
  background: #8cdf45;
  color: #030306;
}
@media (max-width: 757px) {
  .main-user-dahboard .page-content .main-content .user-part-header {
    padding: 0;
  }
}
.main-user-dahboard .page-content .main-content .page-gap {
  padding: 110px 15px 30px 15px;
  position: relative;
  /* Site pagination */
}
@media (max-width: 767px) {
  .main-user-dahboard .page-content .main-content .page-gap {
    padding: 95px 0px 30px 0px;
  }
}
.main-user-dahboard .page-content .main-content .page-gap .identity-alert {
  padding: 20px;
  border: 2px dashed;
  border-radius: 6px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}
.main-user-dahboard .page-content .main-content .page-gap .identity-alert .icon {
  height: 70px;
  min-width: 70px;
  text-align: center;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
.main-user-dahboard .page-content .main-content .page-gap .identity-alert .icon svg {
  height: 22px;
}
.main-user-dahboard .page-content .main-content .page-gap .identity-alert .contents .head {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}
.main-user-dahboard .page-content .main-content .page-gap .identity-alert .contents .content {
  font-size: 14px;
  color: rgba(3, 3, 6, 0.6);
  font-weight: 700;
}
.main-user-dahboard .page-content .main-content .page-gap .identity-alert .contents .content a {
  color: #38ad79;
  font-weight: 700;
  border-bottom: 2px solid #38ad79;
}
.main-user-dahboard .page-content .main-content .page-gap .identity-alert.not-approved {
  border: 2px dashed rgba(237, 46, 46, 0.4);
  background: rgba(237, 46, 46, 0.1);
}
.main-user-dahboard .page-content .main-content .page-gap .identity-alert.not-approved .icon {
  background: #ed2e2e;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .identity-alert.approved {
  border: 2px dashed rgba(21, 114, 64, 0.4);
  background: rgba(21, 114, 64, 0.1);
}
.main-user-dahboard .page-content .main-content .page-gap .identity-alert.approved .icon {
  background: #157240;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .identity-alert.pending {
  border: 2px dashed rgba(255, 195, 0, 0.6);
  background: rgba(255, 195, 0, 0.1);
}
.main-user-dahboard .page-content .main-content .page-gap .identity-alert.pending .icon {
  background: #ffc300;
  color: #030306;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card {
  background: linear-gradient(42deg, #e9f950 -1.07%, #55f4c4 -1.06%, #bae906 104.1%);
  color: #030306;
  padding: 25px;
  border-radius: 10px;
  margin-bottom: 25px;
  min-height: 200px;
  position: relative;
  overflow: hidden;
  min-height: 270px;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card .title {
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 700;
  color: rgba(3, 3, 6, 0.6);
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card .acc-balance {
  margin-bottom: 25px;
  font-size: 32px;
  font-weight: 700;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card .acc-num {
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 6px;
  background: rgba(3, 3, 6, 0.05);
  padding: 10px 15px;
  border-radius: 6px;
  display: inline-block;
  color: #22223b;
  position: relative;
  z-index: 1;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card .acc-num span {
  margin-left: 2px;
  color: #227c9d;
  cursor: pointer;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card .acc-num span svg {
  height: 15px;
  position: relative;
  top: -1px;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card .last-login {
  font-size: 11px;
  font-weight: 700;
  color: rgba(3, 3, 6, 0.6);
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card .current-member {
  font-size: 14px;
  background: #4a1fbb;
  padding: 0px 20px 0px 0px;
  border-radius: 50px;
  display: inline-block;
  margin-bottom: 20px;
  font-weight: 700;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card .current-member img {
  width: 30px;
  border-radius: 50px;
  margin-right: 5px;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card .buttons {
  margin-top: 25px;
  position: relative;
  z-index: 1;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card .buttons a {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  color: #030306;
  padding: 5px 15px;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px #030306;
  display: inline-block;
  line-height: 25px;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card .buttons a svg {
  width: 16px;
  margin-right: 7px;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card .buttons a.add {
  margin-right: 10px;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card .buttons a:hover {
  box-shadow: inset 0 0 0 3px #030306;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card .o {
  position: absolute;
  font-size: 300px;
  font-weight: 800;
  bottom: -170px;
  right: -100px;
  line-height: initial;
  color: rgba(40, 94, 59, 0.2588235294);
  cursor: default;
  z-index: 0;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card .badge {
  position: absolute;
  right: 15px;
  top: 15px;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card .badge a {
  box-shadow: -10px 10px 10px 0px #528b2e;
  border-radius: 50%;
  transition: 0.3s;
  position: relative;
  z-index: 1;
  display: block;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card .badge a img {
  width: 45px;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card .badge a:hover {
  box-shadow: none;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card.rewards-card {
  background: linear-gradient(95deg, #059dff 15%, #6549d5 45%, #e33fa1 75%, #fb5343) 95%/200% 100%;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card.rewards-card div {
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card.rewards-card .title {
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .user-profile-card.rewards-card .acc-balance {
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .single-spec-stat {
  box-shadow: 0px 0px 2px rgba(3, 3, 6, 0.4);
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 270px;
  background: #fafaf5;
}
.main-user-dahboard .page-content .main-content .page-gap .single-spec-stat .top {
  display: flex;
  align-items: center;
}
.main-user-dahboard .page-content .main-content .page-gap .single-spec-stat .top .icon {
  margin-right: 10px;
  height: 50px;
  width: 50px;
  text-align: center;
  background: linear-gradient(104.04deg, #ff1675 0%, #ff7b01 100%);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 6px 9px 10px 0px rgba(0, 0, 0, 0.2392156863);
  transition: 0.3s;
}
.main-user-dahboard .page-content .main-content .page-gap .single-spec-stat .top .icon svg {
  width: 20px;
}
.main-user-dahboard .page-content .main-content .page-gap .single-spec-stat .top .title {
  font-size: 24px;
  font-weight: 800;
}
.main-user-dahboard .page-content .main-content .page-gap .single-spec-stat .text {
  color: rgba(3, 3, 6, 0.7);
}
.main-user-dahboard .page-content .main-content .page-gap .single-spec-stat .text p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.main-user-dahboard .page-content .main-content .page-gap .single-spec-stat .text p strong {
  font-weight: 700;
}
.main-user-dahboard .page-content .main-content .page-gap .single-spec-stat .bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.main-user-dahboard .page-content .main-content .page-gap .single-spec-stat .bottom .amount {
  font-size: 20px;
  font-weight: 800;
}
.main-user-dahboard .page-content .main-content .page-gap .single-spec-stat .bottom .ex-link {
  background: #046494;
  padding: 4px 18px;
  color: #ffffff;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 700;
  line-height: initial;
  display: inline-block;
}
.main-user-dahboard .page-content .main-content .page-gap .single-spec-stat .bottom .ex-link svg {
  width: 20px;
}
.main-user-dahboard .page-content .main-content .page-gap .single-spec-stat:hover .top .icon {
  box-shadow: none;
}
.main-user-dahboard .page-content .main-content .page-gap .single-user-stat-card {
  box-shadow: 0px 0px 2px rgba(3, 3, 6, 0.4);
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
}
.main-user-dahboard .page-content .main-content .page-gap .single-user-stat-card::after {
  position: absolute;
  content: "O";
  width: 200px;
  height: 200px;
  right: -100px;
  bottom: -20px;
  font-size: 200px;
  font-weight: 800;
  color: rgba(108, 59, 235, 0.1);
}
.main-user-dahboard .page-content .main-content .page-gap .single-user-stat-card .icon {
  margin-bottom: 20px;
}
.main-user-dahboard .page-content .main-content .page-gap .single-user-stat-card .icon img {
  width: 40px;
}
.main-user-dahboard .page-content .main-content .page-gap .single-user-stat-card .number {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 5px;
}
.main-user-dahboard .page-content .main-content .page-gap .single-user-stat-card .title {
  font-size: 16px;
  font-weight: 600;
}
.main-user-dahboard .page-content .main-content .page-gap .table-filter {
  padding: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.main-user-dahboard .page-content .main-content .page-gap .table-filter .filter {
  align-items: center;
  display: flex;
}
.main-user-dahboard .page-content .main-content .page-gap .table-filter .filter select {
  font-weight: 700;
  margin-bottom: 0;
  margin-right: 10px;
  border: 1px solid rgba(210, 211, 216, 0.7);
  width: 100%;
  height: 40px;
}
@media (max-width: 800px) {
  .main-user-dahboard .page-content .main-content .page-gap .table-filter .filter select {
    min-width: 130px;
  }
}
.main-user-dahboard .page-content .main-content .page-gap .table-filter .filter select option {
  font-weight: 500;
}
.main-user-dahboard .page-content .main-content .page-gap .table-filter .filter select:focus {
  box-shadow: none;
  border: 1px solid rgba(108, 59, 235, 0.5);
}
.main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .page-count {
  border: 1px solid rgba(210, 211, 216, 0.7);
  font-weight: 700;
  border-radius: 4px;
  color: #030306;
}
.main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .page-count:focus {
  box-shadow: none;
  border: 1px solid rgba(108, 59, 235, 0.5);
}
.main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .page-count.nice-select .list {
  width: 100%;
}
.main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .page-count.nice-select::after {
  height: 7px;
  width: 7px;
  margin-top: -4px;
  border-bottom: 2px solid #030306;
  border-right: 2px solid #030306;
}
.main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .apply-btn {
  display: inline-block;
  background: #6c3beb;
  border-radius: 3px;
  padding: 4px 20px;
  border: none;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  min-width: 116px;
  height: 40px;
  margin-top: 23px;
}
.main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .apply-btn svg {
  width: 14px;
  margin-right: 5px;
  position: relative;
  top: -1px;
}
.main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .apply-btn:hover {
  background: #046494;
}
.main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box {
  margin-right: 20px;
  width: 240px;
}
.main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box label {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
  color: rgba(3, 3, 6, 0.5);
  display: block;
}
.main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box input {
  height: 40px;
  border: 1px solid rgba(210, 211, 216, 0.7);
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 3px;
  margin-right: 10px;
  width: 100%;
}
.main-user-dahboard .page-content .main-content .page-gap .table-filter .filter .single-f-box input:focus {
  box-shadow: none;
  border: 1px solid rgba(108, 59, 235, 0.5);
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table {
  min-width: 1200px;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents {
  display: table;
  width: 100%;
  font-size: 14px;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list {
  display: table-row;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: 1rem 0.5rem;
  border-bottom: 1px solid rgba(3, 3, 6, 0.1);
  padding-left: 20px;
  font-size: 13px;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .description {
  display: flex;
  align-items: center;
  max-width: 380px;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .description .event-icon {
  height: 45px;
  min-width: 45px;
  border-radius: 50%;
  background: rgba(108, 59, 235, 0.2);
  color: #6c3beb;
  text-align: center;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .description .event-icon svg {
  width: 18px;
  height: 18px;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .description .content {
  font-size: 16px;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .description .content .title {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 14px;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .description .content .title .msg {
  height: 25px;
  width: 25px;
  line-height: 23px;
  background: #6c3beb;
  color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  margin-left: 3px;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .description .content .title .msg svg {
  width: 13px;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .description .content .title a {
  color: #030306;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .description .content .title a:hover {
  color: #6c3beb;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .description .content .date {
  font-size: 12px;
  font-weight: 600;
  color: rgba(3, 3, 6, 0.4);
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .trx {
  font-size: 12px;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .table-icon {
  height: 25px;
  width: auto;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .action {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .action span {
  margin-left: 5px;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .action .icon-btn {
  padding: 6px 14px;
  background: #6c3beb;
  color: #ffffff;
  border-radius: 50px;
  display: flex;
  align-items: center;
  font-weight: 700;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .action .icon-btn svg {
  height: 15px;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .action .icon-btn:hover {
  background: #4a1fbb;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .action .circle-btn {
  height: 35px;
  width: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list .site-table-col .action .circle-btn svg {
  height: 15px;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-list:last-child .site-table-col {
  border-bottom: 0;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-head {
  background: #fafaf5;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .contents .site-table-head .site-table-col {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(3, 3, 6, 0.1);
  color: rgba(3, 3, 6, 0.5);
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table .no-data-found {
  text-align: center;
  padding: 15px 0;
  font-size: 14px;
  font-weight: 500;
}
.main-user-dahboard .page-content .main-content .page-gap .site-custom-table.site-custom-table-sm {
  min-width: 100%;
}
.main-user-dahboard .page-content .main-content .page-gap .site-pagination {
  padding: 15px;
  border-top: 1px solid rgba(210, 211, 216, 0.5);
}
.main-user-dahboard .page-content .main-content .page-gap .site-pagination .page-item {
  margin-right: 7px;
}
.main-user-dahboard .page-content .main-content .page-gap .site-pagination .page-item.active .page-link {
  background: #6c3beb;
  color: #ffffff;
  border-color: #6c3beb;
}
.main-user-dahboard .page-content .main-content .page-gap .site-pagination .page-item .page-link {
  color: #030306;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  width: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.main-user-dahboard .page-content .main-content .page-gap .site-pagination .page-item .page-link:focus {
  outline: none;
  box-shadow: none;
}
.main-user-dahboard .page-content .main-content .page-gap .site-pagination .page-item .page-link svg {
  height: 16px;
}
.main-user-dahboard .page-content .main-content .page-gap .site-pagination .page-item .page-link:hover {
  background: rgba(108, 59, 235, 0.2);
  color: #6c3beb;
  border-color: rgba(108, 59, 235, 0.2);
}
.main-user-dahboard .page-content .main-content .page-gap .steps {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  margin-bottom: 40px;
}
.main-user-dahboard .page-content .main-content .page-gap .steps .single-step {
  padding: 10px 20px;
  border-radius: 6px;
  background: #d2d3d8;
  color: #ffffff;
  font-weight: 700;
  z-index: 1;
  position: relative;
  width: 100%;
  text-align: center;
}
.main-user-dahboard .page-content .main-content .page-gap .steps .single-step.completed {
  background: #6c3beb;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs {
  margin-bottom: 20px;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs label {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 4px;
  color: rgba(3, 3, 6, 0.6);
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs label .required {
  color: #ed2e2e;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .box-input {
  width: 100%;
  height: 50px;
  border-radius: 6px;
  border: 2px solid rgba(3, 3, 6, 0.2);
  font-size: 14px;
  font-weight: 600;
  padding: 0 15px;
  box-shadow: none;
  background: transparent;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .box-input:focus {
  border-color: rgba(3, 3, 6, 0.5);
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .passo {
  position: relative;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .passo .passo-hide-show {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 16px;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .remem-for {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .remem-for p {
  margin-bottom: 0;
  font-size: 13px;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .remem-for p a {
  color: #6c3beb;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .remem-for p a:hover {
  color: #030306;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .input-otp {
  flex-direction: row;
  column-gap: 15px;
  display: flex;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .input-otp input {
  height: 75px;
  width: 100%;
  border-radius: 6px;
  outline: none;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  border: 2px solid rgba(3, 3, 6, 0.3);
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .input-otp input:focus {
  border: 2px solid rgba(108, 59, 235, 0.9);
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .input-otp input::-webkit-inner-spin-button {
  display: none;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .input-otp input::-webkit-outer-spin-button {
  display: none;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .otpbtn {
  pointer-events: none;
  opacity: 0.5;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .otpbtn.active {
  background: #6c3beb;
  pointer-events: auto;
  opacity: 1;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .otpbtn:hover {
  background: #6c3beb;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .input-group {
  border: 2px solid rgba(3, 3, 6, 0.2);
  border-radius: 6px;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .input-group .input-group-text {
  box-shadow: none;
  border: 0px;
  height: 48px;
  border-left: 2px solid rgba(3, 3, 6, 0.2);
  padding: 0.375rem 1.25rem;
  background: transparent;
  font-weight: 600;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .input-group .form-control {
  box-shadow: none;
  height: 48px;
  border: 0px;
  background: transparent;
  font-size: 16px;
  font-weight: 600;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .input-info-text {
  font-size: 11px;
  color: rgba(239, 71, 111, 0.7);
  font-weight: 700;
  margin-left: 3px;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .box-textarea {
  width: 100%;
  border-radius: 6px;
  border: 2px solid rgba(3, 3, 6, 0.2);
  font-size: 16px;
  font-weight: 500;
  padding: 15px;
  box-shadow: none;
  background: transparent;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .box-textarea:focus {
  border-color: rgba(3, 3, 6, 0.5);
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .nice-select {
  margin-bottom: 20px;
  width: 100%;
  display: flex;
  align-items: center;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .nice-select .list {
  width: 100%;
  border: 2px solid rgba(3, 3, 6, 0.3);
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .inputs .nice-select::after {
  height: 7px;
  width: 7px;
  margin-top: -6px;
  border-bottom: 2px solid #030306;
  border-right: 2px solid #030306;
}
.main-user-dahboard .page-content .main-content .page-gap .step-details-form .paragraph {
  font-size: 14px;
  font-weight: 600;
}
.main-user-dahboard .page-content .main-content .page-gap .transaction-success-block {
  text-align: center;
  background: #fafaf5;
  padding: 60px 0;
  border-radius: 6px;
}
.main-user-dahboard .page-content .main-content .page-gap .transaction-success-block .icon {
  height: 80px;
  width: 80px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #ffffff;
  margin-bottom: 50px;
}
.main-user-dahboard .page-content .main-content .page-gap .transaction-success-block .icon svg {
  width: 24px;
}
.main-user-dahboard .page-content .main-content .page-gap .transaction-success-block .headding {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px;
}
.main-user-dahboard .page-content .main-content .page-gap .transaction-success-block .text {
  font-size: 14px;
  margin-bottom: 30px;
}
.main-user-dahboard .page-content .main-content .page-gap .transaction-success-block .trx {
  font-size: 16px;
  margin-bottom: 40px;
  font-weight: 700;
}
.main-user-dahboard .page-content .main-content .page-gap .transaction-success-block.success .icon {
  background: #157240;
}
.main-user-dahboard .page-content .main-content .page-gap .plan-card-box {
  border-radius: 12px;
  padding: 60px 30px 30px 30px;
  color: #030306;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.main-user-dahboard .page-content .main-content .page-gap .plan-card-box::after {
  position: absolute;
  content: "O";
  right: -85px;
  top: -175px;
  font-size: 260px;
  font-weight: 900;
  z-index: -1;
}
.main-user-dahboard .page-content .main-content .page-gap .plan-card-box .name {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 25px;
}
.main-user-dahboard .page-content .main-content .page-gap .plan-card-box .amount {
  font-size: 38px;
  font-weight: 800;
  margin-bottom: 25px;
}
.main-user-dahboard .page-content .main-content .page-gap .plan-card-box .amount span {
  font-size: 14px;
  font-weight: 600;
}
.main-user-dahboard .page-content .main-content .page-gap .plan-card-box .list {
  margin-bottom: 40px;
}
.main-user-dahboard .page-content .main-content .page-gap .plan-card-box .list .single {
  margin-bottom: 25px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
}
.main-user-dahboard .page-content .main-content .page-gap .plan-card-box .list .single span {
  margin-right: 8px;
  height: 20px;
  width: 20px;
  line-height: 18px;
  text-align: center;
  background: #030306;
  display: inline-block;
  color: #ffffff;
  border-radius: 50%;
}
.main-user-dahboard .page-content .main-content .page-gap .plan-card-box .list .single span svg {
  height: 14px;
  width: 14px;
}
.main-user-dahboard .page-content .main-content .page-gap .plan-card-box .plan-card-badge {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 7px 30px;
  background: linear-gradient(104.04deg, #ff1675 0%, #ff7b01 100%);
  color: #ffffff;
  border-radius: 0 0 20px 20px;
  font-size: 13px;
  font-weight: 700;
}
.main-user-dahboard .page-content .main-content .page-gap .row [class*=col]:nth-of-type(12n + 1) .plan-card-box {
  background: #81ef71;
}
.main-user-dahboard .page-content .main-content .page-gap .row [class*=col]:nth-of-type(12n + 1) .plan-card-box::after {
  color: rgba(3, 3, 6, 0.2);
}
.main-user-dahboard .page-content .main-content .page-gap .row [class*=col]:nth-of-type(12n + 2) .plan-card-box {
  background: #40d9bd;
}
.main-user-dahboard .page-content .main-content .page-gap .row [class*=col]:nth-of-type(12n + 3) .plan-card-box {
  background: #ffc300;
}
.main-user-dahboard .page-content .main-content .page-gap .row [class*=col]:nth-of-type(12n + 4) .plan-card-box {
  background: #f2b2d7;
}
.main-user-dahboard .page-content .main-content .page-gap .row [class*=col]:nth-of-type(12n + 5) .plan-card-box {
  background: #ffdb86;
}
.main-user-dahboard .page-content .main-content .page-gap .row [class*=col]:nth-of-type(12n + 6) .plan-card-box {
  background: #b5e2fa;
}
.main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message {
  box-shadow: 0px 0px 2px rgba(4, 100, 148, 0.4);
  background: #fafaf5;
  margin-bottom: 40px;
  padding: 30px;
  width: 65%;
  border-radius: 10px;
  font-size: 14px;
}
@media (max-width: 1024px) {
  .main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message {
    width: 100%;
  }
}
.main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message.admin {
  float: right;
}
.main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message.user {
  float: left;
}
.main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message .logo {
  margin-bottom: 30px;
}
.main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message .logo img {
  width: 40px;
  border-radius: 50%;
}
.main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message .salutation {
  margin-bottom: 20px;
  font-weight: 500;
}
.main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message .message-body {
  font-weight: 500;
}
.main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message .message-body .article {
  margin-bottom: 25px;
}
.main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message .message-footer {
  font-weight: 500;
}
.main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message .message-footer .regards {
  margin-bottom: 10px;
}
.main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message .message-footer .name {
  font-weight: 700;
}
.main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message .message-footer .email a {
  color: #6c3beb;
}
.main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message .message-attachments {
  margin-top: 45px;
}
.main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message .message-attachments .title {
  font-style: italic;
  font-size: 14px;
  margin-bottom: 5px;
}
.main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message .message-attachments .single-attachment .attach a {
  color: #6c3beb;
  font-size: 14px;
  font-weight: 700;
}
.main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message .message-attachments .single-attachment .attach a:hover {
  color: #ed2e2e;
}
.main-user-dahboard .page-content .main-content .page-gap .support-ticket-single-message .message-attachments .single-attachment .attach a svg {
  height: 16px;
  margin-right: 3px;
}
.main-user-dahboard .page-content .main-content .page-gap .add-attachment {
  margin-top: 10px;
  margin-bottom: 10px;
}
.main-user-dahboard .page-content .main-content .page-gap .add-attachment a {
  padding: 8px 16px;
  border-radius: 6px;
  border: 2px solid rgba(34, 124, 157, 0.2);
  color: #ffffff;
  background: #227c9d;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
}
.main-user-dahboard .page-content .main-content .page-gap .add-attachment a svg {
  height: 16px;
  margin-right: 2px;
  position: relative;
  top: -1px;
}
.main-user-dahboard .page-content .main-content .page-gap .single-action {
  margin-bottom: 25px;
}
.main-user-dahboard .page-content .main-content .page-gap .single-action .checkbox-wrapper-15 .inp-cbx {
  display: none;
}
.main-user-dahboard .page-content .main-content .page-gap .single-action .checkbox-wrapper-15 .cbx .text {
  font-size: 12px;
  font-weight: 700;
  color: rgba(3, 3, 6, 0.6);
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list {
  margin-bottom: 20px;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list {
  background: #fafaf5;
  border: 1px solid rgba(3, 3, 6, 0.1);
  border-top: 0;
  padding: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: default;
  transition: 0.2s;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list .cont {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 80%;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list .cont .icon {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list .cont .icon svg {
  height: 18px;
}
@media (max-width: 575px) {
  .main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list .cont .icon {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list .cont {
    width: 100%;
  }
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list .cont .contents {
  font-weight: 700;
  font-size: 14px;
  width: 80%;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list .cont .contents a {
  color: #6c3beb;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list .cont .contents .time {
  color: rgba(3, 3, 6, 0.5);
  font-size: 12px;
  margin-top: 5px;
}
@media (max-width: 575px) {
  .main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list .cont .contents {
    margin-bottom: 15px;
  }
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list .link svg {
  height: 16px;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list .link a {
  display: inline-block;
  font-size: 12px;
  padding: 5px 17px;
  border-radius: 50px;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list .link a svg {
  height: 13px;
  position: relative;
  top: -3px;
}
@media (max-width: 575px) {
  .main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list .link {
    margin-left: 65px;
  }
}
@media (max-width: 575px) {
  .main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list {
    display: block;
  }
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:hover {
  background: rgba(3, 3, 6, 0.05);
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list.read {
  background: rgba(3, 3, 6, 0.05);
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list.read:hover {
  background: rgba(3, 3, 6, 0.05);
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:first-child {
  border: 1px solid rgba(3, 3, 6, 0.1);
  border-radius: 10px 10px 0 0;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:last-child {
  border-top: 0;
  border-radius: 0 0 10px 10px;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 1) .cont .icon {
  color: #6c3beb;
  background: rgba(108, 59, 235, 0.1);
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 1):hover .icon {
  background: #6c3beb;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 1).read .cont .icon {
  background: #6c3beb;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 2) .cont .icon {
  color: #ef476f;
  background: rgba(239, 71, 111, 0.1);
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 2):hover .icon {
  background: #ef476f;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 2).read .cont .icon {
  background: #ef476f;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 3) .cont .icon {
  color: #227c9d;
  background: rgba(34, 124, 157, 0.1);
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 3):hover .icon {
  background: #227c9d;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 3).read .cont .icon {
  background: #227c9d;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 4) .cont .icon {
  color: #38ad79;
  background: rgba(56, 173, 121, 0.1);
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 4):hover .icon {
  background: #38ad79;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 4).read .cont .icon {
  background: #38ad79;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 5) .cont .icon {
  color: #718355;
  background: rgba(113, 131, 85, 0.1);
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 5):hover .icon {
  background: #718355;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 5).read .cont .icon {
  background: #718355;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 6) .cont .icon {
  color: #ee6c4d;
  background: rgba(238, 108, 77, 0.1);
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 6):hover .icon {
  background: #ee6c4d;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 6).read .cont .icon {
  background: #ee6c4d;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 7) .cont .icon {
  color: #75bf83;
  background: rgba(117, 191, 131, 0.1);
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 7):hover .icon {
  background: #75bf83;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 7).read .cont .icon {
  background: #75bf83;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 8) .cont .icon {
  color: #ff8f00;
  background: rgba(255, 143, 0, 0.1);
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 8):hover .icon {
  background: #ff8f00;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 8).read .cont .icon {
  background: #ff8f00;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 9) .cont .icon {
  color: #5f88f9;
  background: rgba(95, 136, 249, 0.1);
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 9):hover .icon {
  background: #5f88f9;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 9).read .cont .icon {
  background: #5f88f9;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 10) .cont .icon {
  color: #95b330;
  background: rgba(149, 179, 48, 0.1);
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 10):hover .icon {
  background: #95b330;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 10).read .cont .icon {
  background: #95b330;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 11) .cont .icon {
  color: #ef476f;
  background: rgba(239, 71, 111, 0.1);
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 11):hover .icon {
  background: #ef476f;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 11).read .cont .icon {
  background: #ef476f;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 12) .cont .icon {
  color: #227c9d;
  background: rgba(34, 124, 157, 0.1);
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 12):hover .icon {
  background: #227c9d;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .notification-list .single-list:nth-of-type(12n + 12).read .cont .icon {
  background: #227c9d;
  color: #ffffff;
}
.main-user-dahboard .page-content .main-content .page-gap .referral-card {
  padding: 60px 40px;
  border-radius: 15px;
  background: linear-gradient(50deg, #d0deff 0%, #fff6d0 100%);
  position: relative;
}
.main-user-dahboard .page-content .main-content .page-gap .referral-card .title {
  font-size: 70px;
  font-weight: 800;
  margin-bottom: 20px;
  line-height: initial;
}
.main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-form-box form {
  position: relative;
  overflow: hidden;
}
.main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-form-box form .referral-code-input {
  outline: none;
  width: 100%;
  height: 60px;
  float: left;
  font-size: 16px;
  padding: 0 20px;
  background: transparent;
  border-radius: 100px;
  border: 2px solid rgba(3, 3, 6, 0.42);
  color: #030306;
  font-weight: 600;
}
.main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-form-box form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  padding: 10px 20px;
  color: #030306;
  background: #81ef71;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 700;
}
.main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-form-box form button svg {
  height: 14px;
}
.main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-form-box .info {
  font-size: 12px;
  margin-left: 10px;
  font-weight: 600;
  color: rgba(3, 3, 6, 0.5);
  margin-top: 8px;
  display: block;
}
.main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-icon {
  max-width: 400px;
}
@media (max-width: 991px) {
  .main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-icon {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-icon {
    max-width: 100%;
  }
}
.main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-rules {
  margin-top: 40px;
}
.main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-rules .single-referral-rules {
  display: flex;
  margin-bottom: 25px;
}
.main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-rules .single-referral-rules:last-child {
  margin-bottom: 0;
}
.main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-rules .single-referral-rules .icon {
  height: 22px;
  width: 22px;
  color: #ffffff;
  background: #157240;
  border-radius: 50%;
  margin-right: 10px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-rules .single-referral-rules .icon svg {
  height: 15px;
}
.main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-rules .single-referral-rules .icon.check {
  background: #157240;
}
.main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-rules .single-referral-rules .icon.cross {
  background: #ed2e2e;
}
.main-user-dahboard .page-content .main-content .page-gap .referral-card .referral-rules .single-referral-rules .contents {
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 767px) {
  .main-user-dahboard .page-content .main-content .page-gap .referral-card {
    padding: 0;
    background: transparent;
  }
  .main-user-dahboard .page-content .main-content .page-gap .referral-card .title {
    font-size: 42px;
  }
}

.frontend-editor-data p {
  background: rgba(253, 183, 92, 0.368627451);
  padding: 10px;
  font-size: 14px;
  border-radius: 6px;
  font-weight: 400;
}

/*# sourceMappingURL=styles.css.map */
