/* =========================
   Icon Fonts – Optimized
========================= */

@font-face{
  font-family:"font-icons";
  src:url("fonts/font-icons.woff2") format("woff2"),
  font-weight:normal;
  font-style:normal;
  font-display:swap;

  /* CLS improvement */
  ascent-override:90%;
  descent-override:10%;
  line-gap-override:0%;
  size-adjust:100%;
}

@font-face{
  font-family:"lined-icons";
  src:url("fonts/lined-icons.woff2") format("woff2"),
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Simple-Line-Icons";
  src:url("fonts/Simple-Line-Icons.woff2") format("woff2"),
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}

/* =========================
   Icon Base Classes
========================= */

[class^="icon-"],
[class*=" icon-"],
[class^="icon-line-"],
[class*=" icon-line-"],
[class^="icon-line2-"],
[class*=" icon-line2-"],
.side-header #primary-menu ul > li.sub-menu > a:after,
.docs-navigation ul ul li.current a:after{
  display:inline-block;
  font-family:"font-icons";
  speak:none;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:inherit;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

[class^="icon-line-"], [class*=" icon-line-"]{
  font-family:"lined-icons";
}

[class^="icon-line2-"], [class*=" icon-line2-"]{
  font-family:"Simple-Line-Icons";
}

/* =========================
   Icon Sizes
========================= */

.icon-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-15%;}
.icon-2x{font-size:2em;}
.icon-3x{font-size:3em;}
.icon-4x{font-size:4em;}
.icon-5x{font-size:5em;}

.icon-fw{
  width:1.2857142857em;
  text-align:center;
}

/* =========================
   Icon List
========================= */

.iconlist{
  padding-left:0;
  margin-left:1.75em;
  list-style-type:none;
}

.iconlist li{
  position:relative;
}

.iconlist ul{
  list-style-type:none;
  margin:5px 0 5px 25px;
}

.iconlist > li [class^="icon-"]:first-child,
.iconlist > li [class*=" icon-"]:first-child{
  position:absolute;
  left:-1.75em;
  width:14px;
  text-align:center;
  top:1px;
}

.iconlist.iconlist-large{
  font-size:16px;
}

.iconlist.iconlist-large li{
  margin:4px 0;
}

.iconlist.iconlist-large > li [class^="icon-"],
.iconlist.iconlist-large > li [class*=" icon-"]{
  width:16px;
  margin-right:5px;
}

.iconlist-color li i{
  color:#1abc9c;
  color:var(--themecolor);
}format("woff"), url("fonts/lined-icons.ttf") format("truetype"), url("fonts/lined-icons.svg") format("svg");font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: "Simple-Line-Icons";src: url("fonts/Simple-Line-Icons.eot");src: url("fonts/Simple-Line-Icons.eot?#iefix") format("embedded-opentype"), url("fonts/Simple-Line-Icons.woff") format("woff"), url("fonts/Simple-Line-Icons.ttf") format("truetype"), url("fonts/Simple-Line-Icons.svg#Simple-Line-Icons") format("svg");font-weight: normal;font-style: normal;font-display: swap;}

[class^="icon-"], [class*=" icon-"], [class^="icon-line-"], [class*=" icon-line-"], [class^="icon-line2-"], [class*=" icon-line2-"], .side-header #primary-menu ul > li.sub-menu > a:after, .docs-navigation ul ul li.current a:after {display: inline-block;font-family: "font-icons";speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: inherit;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
[class^="icon-line-"], [class*=" icon-line-"] {font-family: "lined-icons";}
[class^="icon-line2-"], [class*=" icon-line2-"] {font-family: "Simple-Line-Icons";}
.icon-lg {font-size: 1.3333333333333333em;line-height: 0.75em;vertical-align: -15%;}
.icon-2x {font-size: 2em;}
.icon-3x {font-size: 3em;}
.icon-4x {font-size: 4em;}
.icon-5x {font-size: 5em;}
.icon-fw {width: 1.2857142857142858em;text-align: center;}
.iconlist {padding-left: 0;margin-left: 1.75em;list-style-type: none;}
.iconlist li {position: relative;}
.iconlist ul {list-style-type: none;margin: 5px 0 5px 25px;}
.iconlist > li [class^="icon-"]:first-child, .iconlist > li [class*=" icon-"]:first-child {position: absolute;left: -1.75em;width: 1.75em;text-align: center;top: 1px;width: 14px;}
.iconlist.iconlist-large {font-size: 16px;}
.iconlist.iconlist-large li {margin: 4px 0;}
.iconlist.iconlist-large > li [class^="icon-"], .iconlist.iconlist-large > li [class*=" icon-"] {width: 16px;margin-right: 5px;}
.iconlist-color li i {color: #1abc9c;color: var(--themecolor);}
.icon-border {padding: 0.2em 0.25em 0.15em;border: solid 0.08em #eeeeee;border-radius: 0.1em;}
.icon.pull-left {margin-right: 0.3em;}
.icon.pull-right {margin-left: 0.3em;}
.icon-spin {-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;}
@-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(359deg);}}
@keyframes spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}}
.icon-rotate-90 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.icon-rotate-180 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.icon-rotate-270 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform: rotate(270deg);transform: rotate(270deg);}
.icon-flip-horizontal {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform: scale(-1, 1);transform: scale(-1, 1);}
.icon-flip-vertical {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform: scale(1, -1);transform: scale(1, -1);}
.icon-stacked {position: relative;display: inline-block;width: 2em;height: 2em;line-height: 2em;vertical-align: middle;}
.icon-stacked-1x, .icon-stacked-2x {position: absolute;left: 0;width: 100%;text-align: center;}
.icon-stacked-1x {line-height: inherit;}
.icon-stacked-2x {font-size: 2em;}
.icon-inverse {color: #ffffff;}
.icon-type:before {content: "\e600";}
.icon-box1:before {content: "\e601";}
.icon-archive1:before {content: "\e602";}
.icon-envelope2:before {content: "\e603";}
.icon-email:before {content: "\e604";}
.icon-files:before {content: "\e605";}
.icon-printer2:before {content: "\e606";}
.icon-folder-add:before {content: "\e607";}
.icon-folder-settings:before {content: "\e608";}
.icon-folder-check:before {content: "\e609";}
.icon-wifi-low:before {content: "\e60a";}
.icon-wifi-mid:before {content: "\e60b";}
.icon-wifi-full:before {content: "\e60c";}
.icon-connection-empty:before {content: "\e60d";}
.icon-battery-full1:before {content: "\e60e";}
.icon-settings:before {content: "\e60f";}
.icon-arrow-left1:before {content: "\e610";}
.icon-arrow-up1:before {content: "\e611";}
.icon-arrow-down1:before {content: "\e612";}
.icon-arrow-right1:before {content: "\e613";}
.icon-reload:before {content: "\e614";}
.icon-download1:before {content: "\e615";}
.icon-tag1:before {content: "\e616";}
.icon-trashcan:before {content: "\e617";}
.icon-search1:before {content: "\e618";}
.icon-zoom-in:before {content: "\e619";}
.icon-zoom-out:before {content: "\e61a";}
.icon-chat:before {content: "\e61b";}
.icon-clock2:before {content: "\e61c";}
.icon-printer:before {content: "\e61d";}
.icon-home1:before {content: "\e61e";}
.icon-flag2:before {content: "\e61f";}
.icon-meter:before {content: "\e620";}
.icon-switch:before {content: "\e621";}
.icon-forbidden:before {content: "\e622";}
.icon-phone-landscape:before {content: "\e623";}
.icon-tablet1:before {content: "\e624";}
.icon-tablet-landscape:before {content: "\e625";}
.icon-laptop1:before {content: "\e626";}
.icon-camera1:before {content: "\e627";}
.icon-microwave-oven:before {content: "\e628";}
.icon-credit-cards:before {content: "\e629";}
.icon-map-marker1:before {content: "\e62a";}
.icon-map2:before {content: "\e62b";}
.icon-support:before {content: "\e62c";}
.icon-newspaper2:before {content: "\e62d";}
.icon-barbell:before {content: "\e62e";}
.icon-stopwatch1:before {content: "\e62f";}
.icon-atom1:before {content: "\e630";}
.icon-image2:before {content: "\e631";}
.icon-cube1:before {content: "\e632";}
.icon-bars1:before {content: "\e633";}
.icon-chart:before {content: "\e634";}
.icon-pencil:before {content: "\e635";}
.icon-measure:before {content: "\e636";}
.icon-eyedropper:before {content: "\e637";}
.icon-file-settings:before {content: "\e638";}
.icon-file-add:before {content: "\e639";}
.icon-file2:before {content: "\e63a";}
.icon-align-left1:before {content: "\e63b";}
.icon-align-right1:before {content: "\e63c";}
.icon-align-center1:before {content: "\e63d";}
.icon-align-justify1:before {content: "\e63e";}
.icon-file-broken:before {content: "\e63f";}
.icon-browser:before {content: "\e640";}
.icon-windows1:before {content: "\e641";}
.icon-window:before {content: "\e642";}
.icon-folder2:before {content: "\e643";}
.icon-connection-25:before {content: "\e644";}
.icon-connection-50:before {content: "\e645";}
.icon-connection-75:before {content: "\e646";}
.icon-connection-full:before {content: "\e647";}
.icon-list1:before {content: "\e648";}
.icon-grid:before {content: "\e649";}
.icon-stack3:before {content: "\e64a";}
.icon-battery-charging:before {content: "\e64b";}
.icon-battery-empty1:before {content: "\e64c";}
.icon-battery-25:before {content: "\e64d";}
.icon-battery-50:before {content: "\e64e";}
.icon-battery-75:before {content: "\e64f";}
.icon-refresh:before {content: "\e650";}
.icon-volume:before {content: "\e651";}
.icon-volume-increase:before {content: "\e652";}
.icon-volume-decrease:before {content: "\e653";}
.icon-mute:before {content: "\e654";}
.icon-microphone1:before {content: "\e655";}
.icon-microphone-off:before {content: "\e656";}
.icon-book1:before {content: "\e657";}
.icon-checkmark:before {content: "\e658";}
.icon-checkbox-checked:before {content: "\e659";}
.icon-checkbox:before {content: "\e65a";}
.icon-paperclip1:before {content: "\e65b";}
.icon-chat-1:before {content: "\e65c";}
.icon-chat-2:before {content: "\e65d";}
.icon-chat-3:before {content: "\e65e";}
.icon-comment2:before {content: "\e65f";}
.icon-calendar2:before {content: "\e660";}
.icon-bookmark2:before {content: "\e661";}
.icon-email2:before {content: "\e662";}
.icon-heart2:before {content: "\e663";}
.icon-enter:before {content: "\e664";}
.icon-cloud1:before {content: "\e665";}
.icon-book2:before {content: "\e666";}
.icon-star2:before {content: "\e667";}
.icon-lock1:before {content: "\e668";}
.icon-unlocked:before {content: "\e669";}
.icon-unlocked2:before {content: "\e66a";}
.icon-users1:before {content: "\e66b";}
.icon-user2:before {content: "\e66c";}
.icon-users2:before {content: "\e66d";}
.icon-user21:before {content: "\e66e";}
.icon-bullhorn1:before {content: "\e66f";}
.icon-share1:before {content: "\e670";}
.icon-screen:before {content: "\e671";}
.icon-phone1:before {content: "\e672";}
.icon-phone-portrait:before {content: "\e673";}
.icon-calculator1:before {content: "\e674";}
.icon-bag:before {content: "\e675";}
.icon-diamond:before {content: "\e676";}
.icon-drink:before {content: "\e677";}
.icon-shorts:before {content: "\e678";}
.icon-vcard:before {content: "\e679";}
.icon-sun2:before {content: "\e67a";}
.icon-bill:before {content: "\e67b";}
.icon-coffee1:before {content: "\e67c";}
.icon-tv2:before {content: "\e67d";}
.icon-newspaper3:before {content: "\e67e";}
.icon-stack:before {content: "\e67f";}
.icon-syringe1:before {content: "\e680";}
.icon-health:before {content: "\e681";}
.icon-bolt1:before {content: "\e682";}
.icon-pill:before {content: "\e683";}
.icon-bones:before {content: "\e684";}
.icon-lab:before {content: "\e685";}
.icon-clipboard2:before {content: "\e686";}
.icon-mug:before {content: "\e687";}
.icon-bucket:before {content: "\e688";}
.icon-select:before {content: "\e689";}
.icon-graph:before {content: "\e68a";}
.icon-crop1:before {content: "\e68b";}
.icon-heart21:before {content: "\e68c";}
.icon-cloud2:before {content: "\e68d";}
.icon-star21:before {content: "\e68e";}
.icon-pen1:before {content: "\e68f";}
.icon-diamond2:before {content: "\e690";}
.icon-display:before {content: "\e691";}
.icon-paperplane:before {content: "\e692";}
.icon-params:before {content: "\e693";}
.icon-banknote:before {content: "\e694";}
.icon-vynil:before {content: "\e695";}
.icon-truck1:before {content: "\e696";}
.icon-world:before {content: "\e697";}
.icon-tv1:before {content: "\e698";}
.icon-sound:before {content: "\e699";}
.icon-video1:before {content: "\e69a";}
.icon-trash1:before {content: "\e69b";}
.icon-user3:before {content: "\e69c";}
.icon-key1:before {content: "\e69d";}
.icon-search2:before {content: "\e69e";}
.icon-settings2:before {content: "\e69f";}
.icon-camera2:before {content: "\e6a0";}
.icon-tag2:before {content: "\e6a1";}
.icon-lock2:before {content: "\e6a2";}
.icon-bulb:before {content: "\e6a3";}
.icon-location:before {content: "\e6a4";}
.icon-eye2:before {content: "\e6a5";}
.icon-bubble:before {content: "\e6a6";}
.icon-stack2:before {content: "\e6a7";}
.icon-cup:before {content: "\e6a8";}
.icon-phone2:before {content: "\e6a9";}
.icon-news:before {content: "\e6aa";}
.icon-mail:before {content: "\e6ab";}
.icon-like:before {content: "\e6ac";}
.icon-photo:before {content: "\e6ad";}
.icon-note:before {content: "\e6ae";}
.icon-clock21:before {content: "\e6af";}
.icon-data:before {content: "\e6b0";}
.icon-music1:before {content: "\e6b1";}
.icon-megaphone:before {content: "\e6b2";}
.icon-study:before {content: "\e6b3";}
.icon-lab2:before {content: "\e6b4";}
.icon-food:before {content: "\e6b5";}
.icon-t-shirt:before {content: "\e6b6";}
.icon-fire1:before {content: "\e6b7";}
.icon-clip:before {content: "\e6b8";}
.icon-shop:before {content: "\e6b9";}
.icon-calendar21:before {content: "\e6ba";}
.icon-wallet1:before {content: "\e6bb";}
.icon-glass:before {content: "\e6bc";}
.icon-music2:before {content: "\e6bd";}
.icon-search3:before {content: "\e6be";}
.icon-envelope21:before {content: "\e6bf";}
.icon-heart3:before {content: "\e6c0";}
.icon-star3:before {content: "\e6c1";}
.icon-star-empty:before {content: "\e6c2";}
.icon-user4:before {content: "\e6c3";}
.icon-film1:before {content: "\e6c4";}
.icon-th-large1:before {content: "\e6c5";}
.icon-th1:before {content: "\e6c6";}
.icon-th-list1:before {content: "\e6c7";}
.icon-ok:before {content: "\e6c8";}
.icon-remove:before {content: "\e6c9";}
.icon-zoom-in2:before {content: "\e6ca";}
.icon-zoom-out2:before {content: "\e6cb";}
.icon-off:before {content: "\e6cc";}
.icon-signal1:before {content: "\e6cd";}
.icon-cog1:before {content: "\e6ce";}
.icon-trash2:before {content: "\e6cf";}
.icon-home2:before {content: "\e6d0";}
.icon-file21:before {content: "\e6d1";}
.icon-time:before {content: "\e6d2";}
.icon-road1:before {content: "\e6d3";}
.icon-download-alt:before {content: "\e6d4";}
.icon-download2:before {content: "\e6d5";}
.icon-upload1:before {content: "\e6d6";}
.icon-inbox1:before {content: "\e6d7";}
.icon-play-circle2:before {content: "\e6d8";}
.icon-repeat:before {content: "\e6d9";}
.icon-refresh2:before {content: "\e6da";}
.icon-list-alt2:before {content: "\e6db";}
.icon-lock3:before {content: "\e6dc";}
.icon-flag21:before {content: "\e6dd";}
.icon-headphones1:before {content: "\e6de";}
.icon-volume-off1:before {content: "\e6df";}
.icon-volume-down1:before {content: "\e6e0";}
.icon-volume-up1:before {content: "\e6e1";}
.icon-qrcode1:before {content: "\e6e2";}
.icon-barcode1:before {content: "\e6e3";}
.icon-tag3:before {content: "\e6e4";}
.icon-tags1:before {content: "\e6e5";}
.icon-book3:before {content: "\e6e6";}
.icon-bookmark21:before {content: "\e6e7";}
.icon-print2:before {content: "\e6e8";}
.icon-camera3:before {content: "\e6e9";}
.icon-font1:before {content: "\e6ea";}
.icon-bold1:before {content: "\e6eb";}
.icon-italic1:before {content: "\e6ec";}
.icon-text-height1:before {content: "\e6ed";}
.icon-text-width1:before {content: "\e6ee";}
.icon-align-left2:before {content: "\e6ef";}
.icon-align-center2:before {content: "\e6f0";}
.icon-align-right2:before {content: "\e6f1";}
.icon-align-justify2:before {content: "\e6f2";}
.icon-list2:before {content: "\e6f3";}
.icon-indent-left:before {content: "\e6f4";}
.icon-indent-right:before {content: "\e6f5";}
.icon-facetime-video:before {content: "\e6f6";}
.icon-picture:before {content: "\e6f7";}
.icon-pencil2:before {content: "\e6f8";}
.icon-map-marker2:before {content: "\e6f9";}
.icon-adjust1:before {content: "\e6fa";}
.icon-tint1:before {content: "\e6fb";}
.icon-edit2:before {content: "\e6fc";}
.icon-share2:before {content: "\e6fd";}
.icon-check1:before {content: "\e6fe";}
.icon-move:before {content: "\e6ff";}

/* ...rest of your CSS continues exactly same... */