.btn-primary {
  color: var(--ins-primary-button-text-color) !important;
  background-color: #fff !important;
  border-color: #fff !important;
}

.hero-section-Button {
  border-radius: 8px;
  background: #1eacc9;
  color: #FFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.2px;
}

.hero-section-Description {
  color: #001e41;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  letter-spacing: 0.2px;
}

.hero2-row {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 16px;
}

.contact-Section-L1 {
  display: flex;
  padding: 32px 80px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  background: #F5F5F5;
}

.contact-card {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  background: #FFF;
  border-radius: 8px;
}

.contact-Section-Card-Text {
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.2px;
}

.Contact-card-title {
  color: #004389;
  font-size: 16px;
  font-weight: 600;
}

.hero1-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f0fafb;
}

.hero1-Quick-Links {
  display: flex;
  width: 290px;
  height: 48px;
  padding: 12px 65px 12px 16px;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #E0E0E0;
  color: #001E41;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.2px;
}

.hero-section-card {
  top: 10px;
  padding: 24px;
  gap: 7px;
}

.aiq-l2-side-nav>ul>li a.selectedCategory {
  background-color: #0096AD;
  color: #FFFFFF !important;
}

.aiq-l2-side-nav>ul>li a {
  position: relative;
  display: block;
  padding: 10px;
  color: #002828;
  font-weight: 600 !important;
  text-decoration: none;
  -webkit-transition: all .2s;
  transition: all .2s;
  font-size: 14px;
  border-top: 1px solid var(--bs-gray-200);
  line-height: 1.5;
  letter-spacing: 0.2px;
  border: 1px solid #E0E0E0;
}

.l2-page-articleTitle {
  color: #004983;
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  LETTER-SPACING: 0.2px;
}

.guide {
  font-weight: 600;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0.2px;
  color: #002828;
}

/* 28 May 2025 */
.card-description-truncate {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-title-truncate {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 30 May 2025 */
.footer-container {
  width: 100%;
  background-color: #002828;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
}

.footer-logo {
  margin-bottom: 15px;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 15px;
}

.footer-link {
  color: white;
  text-decoration: none;
  font-size: clamp(16px, 2vw, 20px);
}

.footer-link:hover {
  text-decoration: underline;
  color: #FFFFFF;
}

.footer-divider {
  color: white;
  font-size: clamp(16px, 2vw, 20px);
  display: none;
}


@media (min-width: 768px) {
  .footer-container {
    flex-direction: row;
    padding: 32px 40px;
  }

  .footer-logo {
    margin-bottom: 0;
  }

  .footer-divider {
    display: inline;
  }
}

@media (min-width: 1200px) {
  .footer-container {
    padding: 32px 80px;
    height: 94px;
  }
}

.aiq-quicklinks>li>a {
  /* display: inline-block;*/
  width: 100%;
  background-color: #0096ad;
  color: #F0FAFB;
}

.readme-text {
  color: #0096ad;
}

.navbar-static-top.navbar-inverse {
  background-color: #002828 !important;
}

.header-para-color {
  color: #002828 !important;
}

.aiq-content>h1,
.aiq-content>p {
  color: #002828;
}

.hero-section-Button:hover {
  color: #002828;
}

/* L3-Page Styling */
.l3-kb-theme h1,
.l3-kb-theme h3,
.l3-kb-theme h4 {
  color: #002828 !important;
}

.l3-kb-theme p,
.l3-kb-theme .description,
.l3-kb-theme #content,
.l3-kb-theme #description {
  color: #002828 !important;
}

.l3-kb-theme a {
  color: #0096ad !important;
}

/* .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav .open .dropdown-menu {
    background-color: palegreen !important;
} */

/* ----------------------------------  */
/* changes 12-06-2025
/* ----------------------------------  */

/* li:not(#excludeId) {
  color: red;
} */
.aiq-l2-side-nav>ul>li a {
  background-color: #002828;
  color: white;
}

.aiq-l2-side-nav>ul>li a:hover {
  background-color: #0096AD;
  color: white;
}

#categorySideNav>li>a {
  color: #002828;
}

#categorySideNav>li>a:hover {
  background-color: #0096AD;
  color: white;
}

.aiq-l2-side-nav>ul>li a.selectedCategory.active {
  background-color: #002828;
  color: #ffffff !important;
}

.aiq-center-image>img {
  max-height: 250px;
}

.dropdown-menu-item {
  font-size: 16px;
}


#divPrimaryNavHeader li.nav-item a.nav-link {
  border: none;
  background-color: transparent;
}

#divPrimaryNavHeader {
  background-color: #002828 !important;
}

@media (min-width: 1200px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: auto;
  }
}

/* ----------------------------------  */
/* UAT changes 18-06-2025
/* ----------------------------------  */

/* Scoped General Reset */
.col-sm-9.l3-kb-theme body,
.col-sm-9.l3-kb-theme h1,
.col-sm-9.l3-kb-theme h2,
.col-sm-9.l3-kb-theme h3,
.col-sm-9.l3-kb-theme p,
.col-sm-9.l3-kb-theme ul,
.col-sm-9.l3-kb-theme ol,
.col-sm-9.l3-kb-theme a,
.col-sm-9.l3-kb-theme button {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Scoped Container Styling */
.col-sm-9.l3-kb-theme {
  background-color: #ffffff;
  /* white background */
  padding: 20px;
  font-family: 'Arial', sans-serif;
  line-height: 1.6;
  color: #333;
}

/* Scoped Headings */
.col-sm-9.l3-kb-theme h1,
.col-sm-9.l3-kb-theme h2,
.col-sm-9.l3-kb-theme h3 {
  margin-bottom: 10px;
}

.col-sm-9.l3-kb-theme h1 {
  font-size: 2.1em;
  font-weight: bold;
  color: #002828 !important;
  line-height: 130%;
}

.col-sm-9.l3-kb-theme h2 {
  font-size: 1.4em;
  line-height: 130%;
}

.col-sm-9.l3-kb-theme h3 {
  font-size: 1.2em;
  line-height: 130%;
}

/* Scoped Paragraphs and Links */
.col-sm-9.l3-kb-theme p,
.col-sm-9.l3-kb-theme a {
  margin-bottom: 15px;
  font-size: 1.0em;
  line-height: 115%;
}

.col-sm-9.l3-kb-theme a {
  text-decoration: none;
  transition: color 0.3s ease;
}

/* .col-sm-9.l3-kb-theme a:hover {
  color: #1e5c3a;
} */

/* Scoped Buttons */
.col-sm-9.l3-kb-theme button {
  border: none;
  padding: 10px 20px;
  font-size: 1em;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* .col-sm-9.l3-kb-theme button:hover {
  background-color: #b9fa57;
  color: #000000;
} */

/* Scoped Lists */
.col-sm-9.l3-kb-theme ul,
.col-sm-9.l3-kb-theme ol {
  margin-left: 20px;
  margin-bottom: 15px;
}

.col-sm-9.l3-kb-theme li {
  margin-bottom: 5px;
}

/* Scoped Forms */
.col-sm-9.l3-kb-theme input,
.col-sm-9.l3-kb-theme textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 1em;
}

.col-sm-9.l3-kb-theme input:focus,
.col-sm-9.l3-kb-theme textarea:focus {

  outline: none;
}

/* Scoped Tables */
.col-sm-9.l3-kb-theme table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.col-sm-9.l3-kb-theme th,
.col-sm-9.l3-kb-theme td {
  border: 1px solid #F0FAFB;
  padding: 10px;
  text-align: left;
}

.col-sm-9.l3-kb-theme th {
  background-color: #0096AD;
  color: white;
}

.col-sm-9.l3-kb-theme tr:nth-child(even) {
  background-color: #f2f2f2;
}

/* Scoped Footer */
.col-sm-9.l3-kb-theme footer {
  text-align: center;
  margin-top: 20px;
  font-size: 0.9em;
}

/* Changes 18-06-2025 */

/* Tooltip for Home Card Title */
.card-title-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.custom-tooltip {
  display: none;
  position: absolute;
  top: 100%;
  /* Show below the h2 */
  left: 0;
  margin-top: 4px;
  background-color: white;
  color: black;
  padding: 6px 10px;
  border-radius: 4px;
  z-index: 999;
  white-space: normal;
  max-width: 300px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}

.card-title-wrapper:hover .custom-tooltip {
  display: block;
}

.dropdown-menu>li>a {
  background-color: #0096ad !important;
  border: none;
}

/* .dropdown-menu-item:hover{
  background-color:#12a6bd !important;
} */


/* Changes 19-06-2025 */
.navbar-inverse .navbar-nav .open .dropdown-menu {
  background-color: #0096ad !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
  background-color: #7dcdda !important;
}

.L2-static-text {
  background-color: white !important;
  color: #323132;
  padding: 0rem;
}

/* Changes 25-06-2025 */
.l3-kb-theme>#description {
  line-height: 150%;
  font-weight: bold;
  font-size: 2rem !important;
}

.l3-kb-theme #content p {
  line-height: 180%;
}

.l3-kb-theme #content a {
  text-decoration: underline;
  font-weight: bold;
}

.l3-kb-theme>#content ul {
  margin-left: 15px;
}

.l3-kb-theme>#content li {
  padding-left: 15px;
}

.aiq-related-attachments {
  margin-top: 10px;
}

/* Changes 30-06-2025 */
/* For Search Knowledge Article View */
.page-heading > .container > .page-header > h1{
  color: #323132 !important;
  font-family: Open Sans;
  font-weight: bold;
  font-size: 2.1em;
  line-height: 130%;
}

#content-container #mainContent .knowledge-article .knowledge-article-content{
  color: #323132 !important;
  font-family: Open Sans;
  text-align: justify;
}

#content-container #mainContent .knowledge-article .knowledge-article-content p{
  line-height: 180%;
  margin-bottom: 15px;
  font-size: 1.0em;
}

#content-container #mainContent .knowledge-article .knowledge-article-content h2{
  line-height: 130%;
  margin-bottom: 10px;
  font-size: 1.4em;
}

#content-container #mainContent .knowledge-article .knowledge-article-content a {
  text-decoration: underline;
  font-weight: bold;
}
#content-container #mainContent .knowledge-article .knowledge-article-content ul {
  padding: 0;
  margin-left: 20px;
  margin-bottom: 15px;
}

#content-container #mainContent .knowledge-article .knowledge-article-content ul li {
  padding-left: 15px;
  margin-bottom: 5px;
  font-size: 1.0em;
  line-height: 180%;
}

/* Scoped Tables */
#content-container #mainContent .knowledge-article .knowledge-article-content table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

#content-container #mainContent .knowledge-article .knowledge-article-content th,
#content-container #mainContent .knowledge-article .knowledge-article-content td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
}

#content-container #mainContent .knowledge-article .knowledge-article-content th {
  background-color: #add1b0;
  color: #000000;
}

#content-container #mainContent .knowledge-article .knowledge-article-content tr:nth-child(even) {
  background-color: #f2f2f2;
}

#content-container #content .row #RelatedAttachments h4{
    line-height: 130%;
    font-size: 1.4em;
    margin-bottom: 10px;
    color: #323132 !important;
    font-family: Open Sans;
    font-weight: 400;
}

#content-container #content .row #RelatedAttachments ul,
#content-container #content .row #RelatedAttachments ol{
   font-family: 'Arial', sans-serif;
    line-height: 1.6;
    color: #333;
    font-size: 15px;
    margin-left: 20px;
    margin-bottom: 15px;
}

#content-container #content .row #RelatedAttachments ul li{
    font-size: 1.0em;
    font-family: Open Sans;
    line-height: 180%;
    display: list-item;
    border: none;
    padding-left: 0;
}