/* TechNanoIndia Modern FAQ - styles
 * Modern rounded-card FAQ used by antislip.html (and future FAQ sections).
 * Branding: site orange accent (#F4511E). Not Bootstrap.
 */
.tni-faq {
  max-width: 860px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  gap: 12px;
  text-align: left;
}

.tni-faq-item {
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 14px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  -webkit-transition: border-color .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
  transition: border-color .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
  transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
  transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
}

.tni-faq-item:hover {
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 8px 18px rgba(0, 0, 0, 0.10);
          box-shadow: 0 8px 18px rgba(0, 0, 0, 0.10);
  border-color: #F4511E;
}

.tni-faq-item[data-open="true"] {
  border-color: #F4511E;
  -webkit-box-shadow: 0 8px 22px rgba(244, 81, 30, 0.16);
          box-shadow: 0 8px 22px rgba(244, 81, 30, 0.16);
}

.tni-faq-q {
  margin: 0;
  padding: 0;
}

.tni-faq-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 56px;
  margin: 0;
  padding: 16px 18px;
  border: none;
  background: transparent;
  font-family: verdana, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #212121;
  text-align: left;
  cursor: pointer;
  -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out;
  transition: background-color .25s ease-in-out, color .25s ease-in-out;
}

.tni-faq-toggle:hover,
.tni-faq-toggle:focus {
  background: #FFF4EE;
  color: #D84315;
}

.tni-faq-toggle:focus {
  outline: 2px solid #F4511E;
  outline-offset: -2px;
}

.tni-faq-qicon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 22px;
  height: 22px;
  fill: #F4511E;
  -webkit-transition: -webkit-transform .35s ease-in-out;
  transition: -webkit-transform .35s ease-in-out;
  transition: transform .35s ease-in-out;
  transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}

.tni-faq-item[data-open="true"] .tni-faq-qicon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.tni-faq-question {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  line-height: 1.45;
}

.tni-faq-state {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 24px;
  height: 24px;
  -webkit-transition: -webkit-transform .35s ease-in-out;
  transition: -webkit-transform .35s ease-in-out;
  transition: transform .35s ease-in-out;
  transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}

.tni-faq-state .tni-faq-state-minus {
  display: none;
}

.tni-faq-item[data-open="true"] .tni-faq-state {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.tni-faq-item[data-open="true"] .tni-faq-state .tni-faq-state-plus {
  display: none;
}

.tni-faq-item[data-open="true"] .tni-faq-state .tni-faq-state-minus {
  display: inline;
}

.tni-faq-a {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: max-height .38s ease-in-out, opacity .38s ease-in-out;
  transition: max-height .38s ease-in-out, opacity .38s ease-in-out;
}

.tni-faq-content {
  padding: 2px 18px 18px 52px;
  font-family: verdana, sans-serif;
  font-size: 14px;
  color: #616161;
  text-align: justify;
  line-height: 1.7;
}

.tni-faq-content p {
  margin: 0 0 10px 0;
}

.tni-faq-content .hello-p {
  color: #3E2723;
}

.tni-faq-content table,
.tni-faq-content .tab-content {
  width: 100%;
  border-collapse: collapse;
}

.tni-faq-content td {
  padding: 6px 10px;
  border: 1px solid #e0e0e0;
  vertical-align: top;
}

a.tni-faq-toggle.tni-faq-link {
  text-decoration: none;
}

a.tni-faq-toggle.tni-faq-link:visited {
  color: #212121;
}

a.tni-faq-toggle.tni-faq-link:hover,
a.tni-faq-toggle.tni-faq-link:focus {
  color: #D84315;
  text-decoration: none;
}

@media (max-width: 576px) {
  .tni-faq-toggle {
    min-height: 52px;
    padding: 14px 14px;
    gap: 10px;
    font-size: 14px;
  }
  .tni-faq-content {
    padding: 0 14px 14px 40px;
  }
}