/* Copy Animation */

:root {
  --white: #ffff;
  --black: rgb(0, 0, 0);
  --primary:rgb(22, 22, 22);
  --red:#913db9;
}

.base-color {
  color: hsl(var(--main)) !important;
}
.header__bottom{
background-color: var(--primary);
}

.copyInput {
  display: inline-block;
  line-height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.copied::after {
  position: absolute;
  top: 8px;
  right: 12%;
  width: 100px;
  display: block;
  content: "COPIED";
  font-size: 1em;
  padding: 5px 5px;
  color: #fff;
  background-color: #FF7000;
  border-radius: 3px;
  opacity: 0;
  will-change: opacity, transform;
  animation: showcopied 1.5s ease;
}

@keyframes showcopied {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  50% {
    opacity: 0.7;
    transform: translateX(40%);
  }

  70% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
  }
}




.cookies-card {
  width: 520px;
  padding: 30px;
  color: #ffffff;
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 999999;
  transition: all .5s;
  background: #002550;
  border-radius: 5px;
}

.cookies-card.hide {
  bottom: -500px !important;
}

.radius--10px {
  border-radius: 10px;
}

.cookies-card__icon {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #6e6f70;
  color: #fff;
  font-size: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.cookies-card__content {
  margin-bottom: 0;
}

.cookies-btn {
  color: #363636;
  text-decoration: none;
  padding: 10px 35px;
  margin: 3px 5px;
  display: inline-block;
  border-radius: 999px;
}

.cookies-btn:hover {
  color: #363636;
}


@media (max-width: 767px) {
  .cookies-card {
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 14px;
    padding: 15px;
  }
}




.hover-input-popup {
  position: relative;
}

.input-popup {
  display: none;
}

.hover-input-popup .input-popup {
  display: block;
  position: absolute;
  bottom: 130%;
  left: 50%;
  width: 280px;
  background-color: #1a1a1a;
  color: #fff;
  padding: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.input-popup::after {
  position: absolute;
  content: '';
  bottom: -19px;
  left: 50%;
  margin-left: -5px;
  border-width: 10px 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #1a1a1a transparent;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.input-popup p {
  padding-left: 20px;
  position: relative;
}

.input-popup p::before {
  position: absolute;
  content: '';
  font-family: 'Line Awesome Free';
  font-weight: 900;
  left: 0;
  top: 4px;
  line-height: 1;
  font-size: 18px;
}

.input-popup p.error {
  text-decoration: line-through;
}

.input-popup p.error::before {
  content: "\f057";
  color: #ea5455;
}

.input-popup p.success::before {
  content: "\f058";
  color: #28c76f;
}



.show-filter {
  display: none;
}

 
@media(max-width:767px) {
  .responsive-filter-card {
    display: none;
    transition: none;
  }

  .show-filter {
    display: block;
  }
}

/* select two */
.selection {
  display: block;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #e5e5e5 !important;
  height: 50px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 50px !important;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px !important;
}

.select2 .dropdown-wrapper {
  display: none;
}

.select2 .dropdown-wrapper {
  display: none;
}

.select2-container:has(.select2-selection--single) {
  width: 100% !important;
}

.form-select.form--control.select2-auto-tokenize {
  display: none;
}

.form-select.form--control.select2-hidden-accessible {
  display: none;
}

label.required:after {
  content: '*';
  color: #dc3545 !important;
  margin-left: 2px;
}

.instructionIcon {
  font-size: 0.8rem !important;
}

/*2024-11-06 start css */
.header .site-logo img {
    width: 85px;
    max-width: 200px;
    padding: 10px 0;
}

.header.menu-fixed .header__bottom {
  background-color:#000;
}
.footer {
  background-color:var(--black);
}
.footer-contact-wrapper, .footer__bottom {
  background-color:var(--primary);
}
.header__top{
background-color:var( --red) !important;
}

.text-center  {
color:var(--black);
}

body .header .main-menu li a:hover {
  color:var(--red) !important;
}

.footer__bottom a {
  color:var(--red) !important;
}

.footer__bottom a:hover {
  text-decoration:underline;
}

body{
color:var(--white);
}
.section-subtitle{
color:var(--red) !important;
}

.section--bg2{
background-color:var(--black);
}
p, li, span {
    color: white;
}
.agent-dashboard__body span{
   color:#000;
}

.brand-section {
  background-color: var(--primary);
  border-bottom: 0;
}

.brand-section h4 {
  color: var(--white);
}

.brand-section img {
  filter: brightness(0) invert(1); 
}

.brand-section + .bg-white {
  background-color:var(--black) !important;
}

  .brand-section + .bg-white .section-title {
    color: var(--white);
  }

  .section-wave-img {
    display: none;
  }

.section-shape {
  background-color: var(--primary);
}

.section-shape .service-card {
  background-color: var(--primary);
}

.section-shape .service-card::before {
  background-color: var(--black);
}

.choose-card p {
  color: var(--primary);
}

.subscribe-section.section--bg2 {
  background-color: #913db9;
}

.subscribe-section::before, .subscription-form .form--control {
  background-color: var(--black);
}

.section--bg {
  background-color: var(--primary);
}

.section--bg .section-title {
  color: var(--white);
}

.blog-card {
  background-color: var(--black);
}

.blog-card  .blog-card__content .blog-title a {
  color:var(--white) !important;
}

.blog-card  .blog-card__content .blog-title a:hover {
  color: var(--red) !important;
}

.blog-card  .blog-card__content p {
  color: rgba(255, 255, 255, 0.5);
}

.blog-card  .blog-card__content a {
  color: var(--red) !important;
}

body .footer-link-list li a:hover {
  color: var(--red) !important;
}
.section-img.bg-img.opacity20 {
    background-color: var(--black) !important;
}
.section-shape-two{
background-color:var(--primary)
}
.btn--dark{
background-color:var(--black) !important;
}
.btn--dark:hover{
background-color:var(--black) !important;
}
.section-title {
color:var(--white);
}
.testimonial-slide-area .content{
background-color:var(--black);
}

section {
    background-color: var(--black);
}
.choose-card {
  background-color: var(--primary)!important;
  border:0;
}
.choose-card p{
color:var(--white)
}
.section-img.bg_img.opacity20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black)!important; 
  z-index: 1;
  pointer-events: none;
}
.title{
color:var(--white)
}
ul.page-breadcrumb li:first-child::before {
  color: red !important;
}

.section-shape, .section-shape-two {
  clip-path:none;
}

.border-top.section-shape-two {
  border-top: 0 !important;
}

.overview-section  + section  {
  background-color: var(--primary);
}

.box-shadow{
border:none;
}
.text--secondary {
  color: var(--white) !important;
}
.text--secondary{
color:var(--white) !important;
}
.form--control{
background-color:var(--black)!important;
  border:none !important;
}
.blog-details-title{
color:var(--white);
}
.blog-post__date{
color:var(--red)
}
.blog-details-content span{
color:var(--white)!important
}
.caption:hover{
color:var(--red);
  cursor: pointer;
}
.post-share li a:hover, .blog-sidebar .s-post__title a:hover {
  color: var(--red) !important; 
}
.s-post__title a {
color:var(--white);
}
.form-group label, .form--control {
  color: var(--white);
}

body .main-menu li.active > a {
  color: var(--red);
}

body .header__bottom .nav-right .btn--base {
  background-color: var(--red) !important;
}

.main-wrapper .documentation-section {
  background-color: var(--primary);
}

.documentation-menu-wrapper .sidebar-menu .menu li.has_child > a {
  color: var(--red);
}

.sidebar-menu .menu li a {
  color: var(--white);
}

.sidebar-menu .drp-menu li.active > a, .sidebar-menu .menu li a:hover {
  color: var(--red);
}

.sidebar-menu .drp-menu li.active::before {
  background-color: var(--red);
}

.sidebar-menu .menu li.has_child > a::before, .doc-section .table th{
  background-color: var(--red);
}

.documentation-section h3, .documentation-section h2, .documentation-section .text--base {
  color: var(--red) !important;
}

.doc-section .table tbody td {
  background-color: var(--primary);
  color: var(--white);
}

.account-wrapper {
  background-color: var(--primary);
}

.account-wrapper .fw-bold {
  color: var(--red) !important;
}

body .account-wrapper .account-form .form-group a {
  color: var(--red) !important;
}

.account-wrapper p {
  color: var(--white);
}

.account-wrapper p a {
  color: var(--red) !important;
}

.account-wrapper .user-account-check label {
  background-color: var(--black);
}

.account-wrapper .user-account-check .form-check-input:checked ~ label i {
  color: var(--red) !important;
}
.footer-contact-card .content a:hover{
color:var(--red);
}
.contact-form-wrapper > div:nth-child(1) h3,
.contact-form-wrapper > div:nth-child(2) h3,
.contact-form-wrapper > div:nth-child(3) h3,
.contact-form-wrapper > div:nth-child(4) h3,
.contact-form-wrapper > div:nth-child(5) h3,
.contact-form-wrapper > div:nth-child(6) h3,
.contact-form-wrapper > div:nth-child(7) h3,
.contact-form-wrapper > div:nth-child(8) h3,
.contact-form-wrapper > div:nth-child(9) h3,
.contact-form-wrapper > div:nth-child(10) h3 {
  color: var(--white) !important;
}
form.account-form .form-group a, .account-form + p a, #introduction p a, section p a, .col-lg-6 .subtitle  {
  color: var(--red) !important;
}
.money-in, .money-out{
color:var(--black)!important;
}
.custom--card .title {
color:var(--black)!important;
}
.bank-card__content{
color:var(--black)!important;
}
.agent-dashboard__body 
  .card.style--two 
  .card-body 
  .register.prevent-double-click 
  .form-group 
  label {
    color: var(--black);
}
.agent-dashboard__body 
  .card.style--two 
  .card-body 
  .register.prevent-double-click 
  .form-group 
  label {
    color: var(--black);
}
.agent-dashboard__body 
  .card.style--two 
  .card-body 
  .register 
  .form-group 
  label {
    color:var(--black);
}
.agent-dashboard__body .card .card-body p {
  color: var(--black);
}
.agent-dashboard__body .mt-5 .mt-4 .card .card-body i{
  color: var(--black);
}
.agent-dashboard .agent-dashboard__body .justify-content-center.mt-5 label{
  color: var(--black);
}

.user-add-row-merchant label
{
    color: var(--black) !important;
}
.select2-container span.select2-results ul.select2-results__options li.select2-results__option{
    color: var(--black) !important;
}