@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?1lxg44");
  src: url("../fonts/icomoon.eot?1lxg44#iefix") format("embedded-opentype"),
    url("../fonts/icomoon.ttf?1lxg44") format("truetype"),
    url("../onts/icomoon.woff?1lxg44") format("woff"),
    url("../fonts/icomoon.svg?1lxg44#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-pin:before {
  content: "\e900";
}
.icon-email:before {
  content: "\e901";
}
.icon-magnifying-glass:before {
  content: "\e902";
}
.icon-successful:before {
  content: "\e903";
}
.icon-loan:before {
  content: "\e904";
}
.icon-confirmation:before {
  content: "\e905";
}
.icon-smartphone:before {
  content: "\e906";
}
.icon-operation:before {
  content: "\e907";
}
.icon-payment-gateway:before {
  content: "\e908";
}
.icon-tick:before {
  content: "\e909";
}
.icon-diamond:before {
  content: "\e90a";
}
.icon-car:before {
  content: "\e90b";
}
.icon-bank:before {
  content: "\e90c";
}
.icon-house:before {
  content: "\e90d";
}
.icon-payment:before {
  content: "\e90e";
}
.icon-smartphone-1:before {
  content: "\e90f";
}
.icon-telephone:before {
  content: "\e910";
}
.icon-select:before {
  content: "\e911";
}
.icon-bill:before {
  content: "\e912";
}
.icon-growth:before {
  content: "\e913";
}
.icon-briefcase:before {
  content: "\e914";
}
.icon-money-transfer:before {
  content: "\e915";
}
.icon-credit-cards:before {
  content: "\e916";
}
.icon-bank-transfer:before {
  content: "\e917";
}
.icon-audit:before {
  content: "\e918";
}
.icon-portfolio:before {
  content: "\e919";
}
.icon-education:before {
  content: "\e91a";
}
.icon-settings:before {
  content: "\e91b";
}
.icon-quotes:before {
  content: "\e91c";
}
.icon-credibility:before {
  content: "\e91d";
}
.icon-book:before {
  content: "\e91e";
}
.icon-user:before {
  content: "\e91f";
}
.icon-phone-ringing:before {
  content: "\e920";
}
.icon-management:before {
  content: "\e921";
}
.icon-designer:before {
  content: "\e922";
}
.icon-programmer:before {
  content: "\e923";
}
.icon-flowchart:before {
  content: "\e924";
}
.icon-phone:before {
  content: "\e925";
}

/* ------------------------
    Flat Icon
------------------------*/
@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Flaticon.woff") format("woff"),
    url("../fonts/Flaticon.ttf") format("truetype"),
    url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-style: normal;
}

.flaticon-24-hours:before {
  content: "\f100";
}
.flaticon-drawing:before {
  content: "\f101";
}
.flaticon-innovation-1:before {
  content: "\f102";
}
.flaticon-idea:before {
  content: "\f103";
}
.flaticon-alarm-clock:before {
  content: "\f104";
}
.flaticon-broken-link-1:before {
  content: "\f105";
}
.flaticon-broken-link:before {
  content: "\f106";
}
.flaticon-search-1:before {
  content: "\f107";
}
.flaticon-search:before {
  content: "\f108";
}
.flaticon-magnifier:before {
  content: "\f109";
}
.flaticon-cancel:before {
  content: "\f10a";
}
.flaticon-home:before {
  content: "\f10b";
}
.flaticon-map:before {
  content: "\f10c";
}
.flaticon-employee:before {
  content: "\f10d";
}
.flaticon-coffee-cup:before {
  content: "\f10e";
}
.flaticon-pencil:before {
  content: "\f10f";
}
.flaticon-project:before {
  content: "\f110";
}
.flaticon-engine:before {
  content: "\f111";
}
.flaticon-fuel-station:before {
  content: "\f112";
}
.flaticon-factory:before {
  content: "\f113";
}
.flaticon-maintenance:before {
  content: "\f114";
}
.flaticon-industrial-robot:before {
  content: "\f115";
}
.flaticon-gear:before {
  content: "\f116";
}
.flaticon-motor:before {
  content: "\f117";
}
.flaticon-worker:before {
  content: "\f118";
}
.flaticon-oil:before {
  content: "\f119";
}
.flaticon-angle-arrow-down:before {
  content: "\f11a";
}
.flaticon-paper-plane:before {
  content: "\f11b";
}
.flaticon-message:before {
  content: "\f11c";
}
.flaticon-opened-email-envelope:before {
  content: "\f11d";
}
.flaticon-phone-call:before {
  content: "\f11e";
}
.flaticon-online-support:before {
  content: "\f11f";
}
.flaticon-settings:before {
  content: "\f120";
}
.flaticon-networking:before {
  content: "\f121";
}
.flaticon-browser:before {
  content: "\f122";
}
.flaticon-time-management:before {
  content: "\f123";
}
.flaticon-chat-bubble:before {
  content: "\f124";
}
.flaticon-trophy:before {
  content: "\f125";
}
.flaticon-growth:before {
  content: "\f126";
}
.flaticon-innovation:before {
  content: "\f127";
}

/* Showcase New */
.showcasePanelBox {
  width: 100%;
  background: #fff;
  padding: 15px;
  border: 1px solid #d7d7d7;
  margin-bottom: 20px;
  -webkit-box-shadow: 5px 8px 30px 0 rgb(31 35 37 / 8%);
  -moz-box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.08);
  box-shadow: 5px 8px 30px 0 rgb(31 35 37 / 8%);
  border-radius: 10px;
  min-height: 290px;
}
.showcasePanelBox h2 {
  padding: 10px;
  background: #12206e;
  font-size: 18px;
  color: #fff;
  margin: -15px -15px 15px -15px;
  border-radius: 10px 10px 0 0;
}
.showcasePanelBox ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 15px;
}

.showcasePanelBox ul li {
  position: relative;
  padding-left: 25px;
  padding-bottom: 15px;
  position: relative;
  padding-right: 60px;
  line-height: 20px;
}

.showcasePanelBox ul li:after {
  position: absolute;
  left: 0;
  top: 0;
  color: var(--thm-base);
  content: "\f0a9";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
}

.showcasePanelBox ul li span {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 12px;
  border-radius: 5px;
  color: #ffffff;
  background: #eb853d;
  padding: 0.3em 0.6em;
  line-height: 1.3;
  text-transform: capitalize;
}

.showcasePanelBox ul li ul {
  margin-top: 15px;
  margin-bottom: 0;
  margin-right: -60px;
}

table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
  border-collapse: separate !important;
  border-spacing: 0;
  border-bottom: 1px solid #dee2e6 !important;
  border-left: 1px solid #dee2e6 !important;
}
table.dataTable thead tr th {
  border: 0 !important;
  font-size: 14px;
  border-top: 1px solid #dee2e6 !important;
  border-right: 1px solid #dee2e6 !important;
  border-bottom: 1px solid #dee2e6 !important;
  font-weight: 600;
  padding: 0.75rem 10px !important;
  font-size: 14px;
  line-height: 1.8;
}

table.dataTable thead > tr > th {
  color: #089bab;
  background: #eff7f8;
  border-top: 1px solid #dee2e6 !important;
  border-right: 1px solid #dee2e6 !important;
}

table.dataTable tbody tr td {
  font-size: 14px;
}

div.dataTables_wrapper div.dataTables_filter {
  display: inline-block;
  float: right;
  margin-bottom: 10px;
}
div.dataTables_wrapper div.dataTables_paginate {
  display: inline-block;
  float: right;
  margin-top: 10px;
  font-size: 13px;
}
div.dataTables_wrapper div.dataTables_info {
  display: inline-block;
  font-size: 13px;
}
div.dataTables_wrapper .dt-buttons button {
  color: #fff;
  font-size: 13px;
  background-color: #02a9e3;
  cursor: pointer;
  border-color: #0592c3;
}
div.dataTables_wrapper .dt-buttons button:hover {
  background-color: #12206e;
  border-color: #0e1a58;
}
table.dataTable tbody tr td a {
  color: #000;
}
table.dataTable tbody tr td a.btn-2 {
  color: #fff;
  font-size: 13px;
  padding: 7px 10px;
}
table.dataTable thead tr th:last-child,
table.dataTable tbody tr td:last-child {
  text-align: right;
}
table.dataTable thead tr th:last-child {
  padding-right: 40px !important;
}
table.dataTable tbody tr td img {
  width: 100px;
  border: 1px solid #dee2e6 !important;
}
.filterBoxArea {
  font-size: 14px;
  padding: 15px;
  border: 1px solid #d7d7d7;
  margin-bottom: 20px;
  -webkit-box-shadow: 5px 8px 30px 0 rgb(31 35 37 / 8%);
  -moz-box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.08);
  box-shadow: 5px 8px 30px 0 rgb(31 35 37 / 8%);
  border-radius: 10px;
}

.filterBoxArea select {
  font-size: 14px;
}

.filterModal .modal-header .modal-title img {
  width: 50px;
  border: 1px solid #dee2e6;
  padding: 3px;
  margin-right: 10px;
}
.filterModal .modal-header {
  background-color: #02a7e0;
  padding: 8px 8px;
}
.filterModal .modal-header h5 {
  color: #fff;
}

.filterModal .modal-header .btn-close {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #f7f7f7;
  opacity: 1;
  color: #fff;
  border-radius: 50px;
  padding: 10px;
}

.filterModal table tr td {
  font-size: 14px;
}

@media (min-width: 576px) {
  .filterModal .modal-dialog {
    max-width: 700px;
  }
}

/* FAQs design */


        /* Sidebar styles */
        .sidebar {
          width: 200px;
          padding: 20px;
          background-color: #f7f3f3;
          max-height: 100%; /* Limit height to viewport */
          overflow-y: auto; /* Enable scrolling */
          position: fixed;
          top: 0;
          left: 0;
          box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
          transition: transform 0.3s ease;
      }

      .sidebar h1 {
          font-size: 16px;
          margin-bottom: 10px;
      }

      .sidebar a {
          display: block;
          padding: 10px 0;
          color: #141414;
          text-decoration: none;
          font-weight: bold;
          cursor: pointer;
      }

      .sidebar a:hover {
          color: #0056b3;
      }

      /* Active link style */
      .sidebar a.active {
          color: blue; /* Change color of active section */
      }

      /* Main content styles */
      .content {
        padding: 40px 20px;
        width: 100%;
        transition: margin-left 0.3s ease;
      }

      h2 {
          color: #333;
          margin-top: 0;
      }

      .faq-section {
          display: none;
          margin-left: 180px;

      }

      .faq-section.active {
          display: block;
      }

      /* FAQ question styles */
      .faq-question {
          cursor: pointer;
          margin: 10px 0;
          padding: 10px 0;
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-weight: bold;
          border-bottom: 1px solid #ddd;
          width: 500px;
      }

      /* FAQ answer styles */
      .faq-answer {
          display: none;
          padding: 10px 0;
          margin-bottom: 10px;
          border-bottom: 1px solid #ddd;
      }

      .toggle-bar {
          width: 15px;
          height: 2px;
          background-color: black;
          transition: transform 0.3s;
      }

      .open .toggle-bar {
          transform: rotate(90deg);
      }
      .twitter-timeline {
		overflow-y: auto;
		height: 292px !important;
	}