/* navbar area style  */

.light-mode .light-navbar {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.4) 100%
  );
  border: 1px solid #eeeef2;
  backdrop-filter: blur(134px);
}

.light-mode .nav-light-color {
  color: #030317;
}
.light-mode .light-hide {
  display: none;
}
.light-mode .light-show {
  display: inline;
}

/* hero area style start  */
.light-mode .hero-title {
  color: #030317;
}
.light-mode .light-title{
  color: #ffffff;
}

.light-mode .feature-hero-wrap {
  background: url("images/feature-bg-light-image.png") no-repeat center
    center/cover;
}

.light-mode .secondery-button {
  border: 2px solid rgba(0, 0, 0, 0.1);
  color: #030317;
}

/* integration area style start  */
.light-mode .integration-area {
  background-color: #f3f3f6;
}
.light-mode .single-integration-card {
  background-color: white;
  position: relative;
  display: flex;
  border: 1px solid #f2f4f7;
  flex-direction: column;
  justify-content: end;
  padding: 32px 28px;
  border-radius: 32px;
  z-index: 1;
  overflow: hidden;
  height: 290px;
}

/* Our Trusted Area Style Start */
body.light-mode {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  color: #333;
}
.light-mode .single-categories-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: end;
  /* background: linear-gradient(to right, rgba(6, 5, 41, 1), rgba(3, 3, 23, 1)); */
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  border: 1px solid #EAECF0;
  padding: 32px 28px;
  border-radius: 32px;
  z-index: 1;
  overflow: hidden;
  height: 290px;
}
.light-mode .categories-title {
  color: #030317;
}
.light-mode .categories-description {
  color: #030317;
}

.light-mode .single-categories-card .hide {
  display: block;
}

.light-mode .single-trusted-partner {
  background-color: #f3f3f6;
  border: 1px solid #eaecf0;
}
.light-mode .single-trusted-partner::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px; /* বর্ডারের থিকনেস */
  border-radius: 12px;
  background: #eaecf0;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.light-mode .single-trusted-partner-wrap .hide {
  display: block;
}

.light-mode .trusted-partner-title {
  color: #030317;
}

/* Our Trusted Area Style End */

/* Service Area Style Start  */
.light-mode .small-btn {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  border: none;
}
.light-mode .small-btn .small-btn-text {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  color: #030317;
}

.light-mode .section-title {
  color: #030317;
}
.light-mode .single-service {
  background-color: #fff;
  
}

.light-mode .single-service .hide {
  display: block;
}
.light-mode .single-service .show {
  display: none;
}

.light-mode .service-title {
  color: #030317;
}
.light-mode .service-description {
  color: #101828;
}
.light-mode .single-service {
  border: 1px solid #eaecf0;
}

.light-mode .single-service .light-img {
  position: absolute;
  right: 0px;
  bottom: 0;
  z-index: 999;
  /* mix-blend-mode: Exclusion; */
}

/* Service Area Style End  */

/* Featured Area Style Start  */
.light-mode .single-feature {
  background-color: rgba(243, 243, 246, 1);
  border: 1px solid rgba(234, 236, 240, 1);
}

.light-mode .feature-title {
  color: rgba(3, 3, 23, 1);
}
.light-mode .feature-2 {
  background: url("images/feature-bg-light-image.png") no-repeat center
    center/cover;
}

/* Featured Area Style End  */
.light-mode .section-heading-description {
  color: rgba(16, 24, 40, 1);
}
/* Tab Area Style Start  */
.light-mode .tab-wrap {
  background-color: rgba(242, 241, 253, 1);
  border: 1px solid rgba(206, 205, 249, 1);
}

.light-mode .tab-wrap .tab.active {
  /* background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.2),
    rgba(255, 255, 255, 0.08)
  ); */
  background-color: rgba(255, 255, 255, 1);
}

.light-mode .tab {
  color: rgba(3, 3, 23, 1);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.light-mode .tab-number {
  background-color: rgba(206, 205, 249, 1);
}
.light-mode .tab-text {
  color: rgba(16, 24, 40, 1);
}
.light-mode .tab-highlight {
  color: rgba(30, 24, 207, 1);
}
.light-mode .tab-light-icon {
  display: block;
}
/* Tab Area Style End  */

/* Counter Area Style Start */
.light-mode .counter-box {
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
}

.light-mode .counter-text {
  color: rgba(3, 3, 23, 1);
}
.light-mode .counter-title {
  color: rgba(3, 3, 23, 1);
}

.light-mode .hide {
  display: block;
}

/* Counter Area Style End  */

/* FAQ Area Style Start  */

.light-mode .faq-item {
  background-color: #f3f3f6;
  border: 1px solid #eaecf0;
}
.light-mode .faq-question {
  color: #030317;
}
.light-mode .faq-answer {
  color: #101828;
}

.light-mode .faq-toggle {
  background-color: white;
}

.light-mode .faq-toggle span {
  color: #030317;
}

/* FAQ Area Style End  */

/* Footer Area Style Start */

.light-mode .footer-left-description,
.light-mode .footer-column a,
.light-mode .footer-column p,
.light-mode .footer-bottom p {
  color: #030317;
}

.light-mode .footer-bottom {
  border-top: 1px solid #00000012;
}
.light-mode .footer-column .show {
  display: none;
}
.light-mode .nav-logo-wrap .show {
  display: none;
}
.light-mode .footer-column .hide {
  display: flex;
}
/* Footer Area Style End  */

/* pricing page style start  */
.light-mode .pricing-title {
  color: #030317;
}

.light-mode .pricing-details {
  color: #101828;
}
.light-mode .price {
  color: #030317;
}
.light-mode .price-span {
  color: #101828;
}
.light-mode .pricing-features-wrap h4 {
  color: #030317;
}
.light-mode .price-icon-hide {
  display: inline;
}
.light-mode .price-icon-show {
  display: none;
}
.light-mode .pricing-features li {
  color: rgba(16, 24, 40, 1);
}
.light-mode .single-pricing-cart {
  border: 1px solid #eaecf0;
  background-color: rgba(255, 255, 255, 1);
}

.light-mode .pricing-features-wrap {
  border-top: 1px solid #eaecf0;
}

/* about page style start  */
.light-mode .about-hero-details {
  color: #101828;
}

/* Terms & Condition page style start  */

.light-mode .content-column h5 {
  color: rgba(3, 3, 23, 1);
}
.light-mode .content-column p {
  color: rgba(16, 24, 40, 1);
}
.light-mode .content-column .content-list-wrap ul li {
  color: rgba(16, 24, 40, 1);
}
.light-mode .contact-text {
  color: #101828;
}
.light-mode .contact-text:hover {
  color: orange;
}
.light-mode .contact-show {
  display: none;
}
.light-mode .contact-hide {
  display: inline;
}
.light-mode .terms-shape-show {
  display: none;
}
.light-mode .terms-shape-hide {
  display: inline;
}
.light-mode .terms-description {
  color: #101828;
}

/* contact us page style start  */

.light-mode .form-container {
  background-color: rgba(243, 243, 246, 1);
  border: 1px solid rgba(234, 236, 240, 1);
}
.light-mode .form input,
.light-mode .form select,
.light-mode .form textarea {
  /* width: 100%; */
  padding: 16px;
  border: 1px solid rgba(234, 236, 240, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 16px;
  font-family: "Helvetica Now";
  font-size: 14px;
  line-height: 20px;
  color: rgba(102, 112, 133, 1);
}
.light-mode label {
  color: rgba(3, 3, 23, 1);
}

.light-mode .checkbox-input-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(234, 236, 240, 1);
  border-radius: 15px;
  padding: 7px 10px 7px 16px;
}
.light-mode .form p {
  color: rgba(3, 3, 23, 1);
}
.light-mode .form a {
  color: rgba(3, 3, 23, 1);
}

/* onboarding style start  */
.light-mode .progress-bar-wrap {
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(234, 236, 240, 1);
}
.light-mode .onboarding-content-wrap {
  background: rgba(243, 243, 246, 1);
  padding: 28px;
  border-radius: 16px;
  border: 1px solid rgba(234, 236, 240, 1);
}
.light-mode .step-content h2 {
  color: rgba(3, 3, 23, 1);
}
.light-mode .step-content .label {
  color: rgba(3, 3, 23, 1);
}
.light-mode .onboarding-form-wrap input,
.light-mode .onboarding-form-wrap select {
  width: 100%;
  /* padding: 16px; */
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(234, 236, 240, 1);
  border-radius: 16px;
  /* color: white; */
  /* margin-bottom: 24px; */
}
.light-mode .file-upload-container {
  border: 1px solid rgba(234, 236, 240, 1);
}
.light-mode .upload-btn {
  background-color: rgba(249, 250, 251, 1);
  border: 1px solid rgba(234, 236, 240, 1);
}

.light-mode .step-labels{
  color: #030317;
}
.light-mode .light-text{
  color: #ffffff;
}

@media (max-width: 768px) {
  .light-mode .menu-button{
    background-color: #F2F4F7;
    color: #030317;
  }
  .light-mode .nav-menu {
      background: #1d1515;
      color: white;
      width: 100%;
        left: 0;
  }
  .light-mode .nav-light-color {
    color: #ffffff;
}
}
@media (max-width: 500px) {
  .light-mode .menu-button{
    background-color: #F2F4F7;
    color: #030317;
  }
  .light-mode .nav-menu {
      width: 100%;
      background: #1d1515;
      color: white;
  }
  .light-mode .nav-light-color {
    color: #ffffff;
}
}