:root {
  --darkbg: #040404;
  --darkt: #f0f0f0;
  --lightbg: #fff;
  --lightt: #161616;
  /* custom colors  */
  --black-color-1: #111928;
  --gray-color-1: #6b7280;
  --gray-color-2: #1F1F1F;
  --gray-color-3:#9CA3AF ;
  --nav-a-color :#272727;


  --toggleHeight: 8em;
  /* Reduced height */
  --toggleWidth: 15em;
  /* Reduced width */
  --toggleBtnRadius: 5em;
  /* Reduced button radius */

  --bgColor--night: #423966;
  --toggleBtn-bgColor--night: var(--bgColor--night);
  --mooncolor: #d9fbff;
  --bgColor--day: #9ee3fb;
  --toggleBtn-bgColor--day: var(--bgColor--day);
  --bgColor--gray: #f9fafb;
  --bgColor-black-1:#1F2A37;
  --bgColor-semiwhite: #ededed;
  --bg-nav :#F9F9F9;
}

.bg-gradient-to-r {
    background: linear-gradient(82deg, #800AFF 1.03%, #E762FF 94.87%);
}

.rounded-r-lg {
    border-radius: 0px 8px 8px 0px; /* adjust as needed */
}



body {
  transition: all 0.2s ease-in-out;
  /* background: var(--darkbg); */
  /* color: var(--darkt); */
}

body.light .nav-section{
    background-color:var(--bg-nav) ;
}
body.light .nav-menu-items li a {
    color :var(--nav-a-color);
}
body.light .nav-button{
    color :var(--nav-a-color);
}

/* body.light {
    color: var(--lightt);
} */

body.light .home-banner{
    background-color: white ;
}
body.light .banner-image-sec{
    background-color: white;
}

body.light .banner-input{
    color: var(--gray-color-3);
    background-color: var(--bgColor-semiwhite);
}
body.light .banner-footer-title h6{
    color: var(--lightt);
}
body.light .banner-company-icons img {
    filter: invert(1);
}
body.light .secure-platform-section{
    background-color: white;    
}
body.light .secure-platform-section-title h3{
   color: var( --black-color-1); 
}
body.light .secure-platform-section-desc h5 {
    color: var(--gray-color-1);
}
body.light .platform-card{
    background-color: white;
}
body.light .platform-card h3{
    color:var(--black-color-1);
}
body.light .platform-card p{
    color:var(--gray-color-1);
}
body.light .platform-card-img {
    background-color: #FDE4FF;
}




body.light .testimonials-section {
  background: var(--bgColor--gray);
}
body.light .testimonials-section h3 {
  color: var(--black-color-1);
}
body.light .testimonials-section h6 {
  color: var(--gray-color-1);
}
body.light .test-author-quote{
    color: var(--black-color-1);
}
body.light .test-author{
    color: var(--black-color-1);
}
body.light .test-author-des{

    color: var(--gray-color-1);
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 1.5rem;
    color: var(--gray-color-1);
    transition: color 0.3s ease;
}
body.dark .fill-current-title{
    color: white;
}

body.light .owl-prev .fill-current,
body.light .owl-next .fill-current {
    fill: #26355D; /* Light mode fill color */
}
body.light .fill-current-title {
    fill: var(--black-color-1); 
}
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
    color: #D1D5DB; 
}
/* signup section  */
body.light .signup-section{
    background-color: white;
}
body.light .signup-section-main{
    background-color: var(--bgColor--gray);
}
body.light .signup-privacy{
    color: var(--gray-color-1)
}
body.light .signup-privacy span{
    color: black;
}
body.light #news-subscribe{
    background-color: #F9FAFB;
    color: var(--lightt);
}
body.light .signup-section-main h2{
    color: var(--black-color-1);
}
body.light .signup-section-main small{
    color: var(--gray-color-1);
}
body.light .social-icon{
    fill: var(--gray-color-1);

}
body.light .home-footer{
    background-color: var(--bgColor--gray);
}

body.light .light-mode-invert {
    filter: invert(1);
}
body.light .footer-left-desc p{
    color: var(--gray-color-1);
}
body.light .footer-left-desc span{
    color: var(--black-color-1);
}
body.light .footer-title h6{
    color: var(--black-color-1);
}
.footer-list-items li{
    margin: 16px 0;
}
body.light .footer-list-items li{
    color: var(--gray-color-1);
}
.footer-item{
    margin-bottom: 1rem;
}
.overlay-banner {
    display: none;
}



.tdnn {
  margin: 0 auto;
  /* Change size of toggle with font-size */
  font-size: 30%;
  position: relative;
  height: var(--toggleHeight);
  width: var(--toggleWidth);
  border-radius: var(--toggleHeight);
  transition: all 500ms ease-in-out;
  background: var(--bgColor--night);
  /* Default dark background */
}

.tdnn.day {
  background: #ffbf71;
}

.moon {
  position: absolute;
  display: block;
  border-radius: 50%;
  transition: all 400ms ease-in-out;
  top: 2.25em;
  /* Adjusted top position */
  left: 9em;
  /* Start on the right for dark mode */
  transform: rotate(0deg);
  width: 3.5em;
  /* Adjusted width */
  height: 3.5em;
  /* Adjusted height */
  background: #fff;
  box-shadow: 1.5em 1.5em 0 2.5em #fff inset,
    /* Adjusted shadow sizes */ 0 -2.5em 0 -1.35em #fff,
    1.75em -1.75em 0 -1.5em #fff, 2.5em 0 0 -1.35em #fff,
    1.75em 1.75em 0 -1.5em #fff, 0 2.5em 0 -1.35em #fff,
    -1.75em 1.75em 0 -1.5em #fff, -2.5em 0 0 -1.35em #fff,
    -1.75em -1.75em 0 -1.5em #fff;
}

.sun {
  top: 1.5em;
  /* Adjusted top position */
  left: 1.5em;
  /* Start on the left for light mode */
  transform: rotate(-75deg);
  width: var(--toggleBtnRadius);
  height: var(--toggleBtnRadius);
  background: var(--bgColor--night);
  box-shadow: 1.5em 1.25em 0 0em var(--mooncolor) inset,
    /* Adjusted shadow sizes */ rgba(255, 255, 255, 0.1) 0em -3.5em 0 -2.25em,
    rgba(255, 255, 255, 0.1) 1.5em 3.5em 0 -2.25em,
    rgba(255, 255, 255, 0.1) 1em 6.5em 0 -2em,
    rgba(255, 255, 255, 0.1) 3em 1em 0 -2.05em,
    rgba(255, 255, 255, 0.1) 4em 4em 0 -2.25em,
    rgba(255, 255, 255, 0.1) 3em 6.5em 0 -2.25em,
    rgba(255, 255, 255, 0.1) -2em 3.5em 0 -2.25em,
    rgba(255, 255, 255, 0.1) -0.5em 5em 0 -2.25em;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
  /* Hide scrollbar for Chrome, Safari, and Opera */
}

.hide-scrollbar {
  -ms-overflow-style: none;

  scrollbar-width: none;

  overflow-y: hidden;

  touch-action: pan-y;

  -webkit-overflow-scrolling: touch;
}

.platform-card {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
    0px 1px 2px -1px rgba(0, 0, 0, 0.1);
}

.owl-theme .owl-dots .owl-dot span{
    width: 0;
    height: 0;
}

body.light .mini-footer small{
    color: #6B7280;
}
.custom-hr{
    opacity: 50;
}
body.light .custom-hr{
    color: #E5E7EB;
}
body.light .social-icon img{
    filter: invert(1);
}
/* responsive styles  */

@media (max-width: 1024px) {
    .overlay-banner {
        display: block;
    }
}

@media (min-width: 1024px) {
    body.light .home-banner-section h3{
        color: var(--lightt);
    
    }
    body.light .home-banner-section p{
        color: var(--gray-color-2);
    
    }
    body.light .home-banner-section h6{
        color: var(--lightt);
    
    }
}