/* src/index.css */
html, body, #root {
  margin: 0;
  padding: 0;
  width: 100vw;
  min-height: 100vh;
  overflow-x: hidden; /* prevent horizontal scrollbars */
  box-sizing: border-box;
  font-size: 62.5%;
  /* font-size: clamp(41.67%, 5vw, 62.5%); */
}

img {
  max-width: 100%;
  height: auto;
  display: block; /* removes bottom space in inline-block images */
}

.mr-image{
  margin-right: 1.2rem;
}

@media (min-width: 1024px) and (max-width: 1920px) {

   /* html {
    font-size: 41.67%
  }

  .responsive-img {
    height: 80%;
    width: 80%;
    object-fit: contain;
    margin-right: 0.1rem;
  }  */

}/* --- FAQ Layout Styling --- */

/* Left panel (Frequently Asked Questions section) */
.faq-sidebar {
    border: none !important;
    box-shadow: none !important;
    background: transparent;
  }
  
  /* Right side container for questions */
  .accordion-group {
    display: flex;
    flex-direction: column;
    gap: 0; /* Removes padding between questions */
  }
  
  /* Each question box */
  .accordion-block {
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin: 0;
  }
  
  /* Question text */
  .accordion-title {
    padding: 12px 16px;
    font-weight: 500;
    cursor: pointer;
  }
  
  /* Answer text */
  .accordion-content {
    /* padding: 12px 16px; */
    border-top: 1px solid #eee;
  }
  .numerical-sub {
    font-size: 1.2rem;
    
}

@media (max-width: 90rem) {
    .numerical-sub {
        font-size: 1rem;
    }
}

.connect-cust-logo {
    width: 28rem;
    height: 2.36rem;
    padding-left: 0;
    &:hover {
        cursor: pointer;
    }
}

@media (max-width: 90rem) {
    .connect-cust-logo {
        width: 19rem;
        height: 1.6rem;
        padding-left: 0rem;
    }
}

.dksh-logo-mobile {
    max-width: 14.9rem;
    max-height: 4.6rem;
    width: 14.9rem;
    &:hover {
        cursor: pointer;
    }
}

 @media (max-width: 90rem) {
    .dksh-logo-mobile {
        width: 9.9rem !important;
        max-width: 9.9rem !important;
        height: 3rem !important;
        padding-right: 0rem;
    }
}

.no-cursor {
    cursor: default !important;
}

/* Thin scrollbar styling (Webkit browsers: Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 6px;              /* thin vertical scrollbar */
  height: 6px;             /* thin horizontal scrollbar */
}

::-webkit-scrollbar-track {
  background: transparent; /* track color */
}

::-webkit-scrollbar-thumb {
  background: #999;        /* thumb color */
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #666;
}

/* Firefox support */
* {
  scrollbar-width: thin;         /* makes it thin */
  scrollbar-color: #999 transparent;
}

.scroll-left {
  direction: rtl;      /* put scrollbar on the left */
  overflow-y: auto;    /* enable vertical scrolling */
}

.scroll-left > * {
  direction: ltr;      /* restore content direction */
}

em.search-results-highlight {
  font-weight: bold;
  font-style: normal; /* removes default italic */
}