@font-face {
  font-family: "Montserrat";
  src: url("../assets/fonts/Montserrat-variable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/Inter-variable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "icons";
  src: url("../assets/icons/icons.ttf") format("truetype"), url("../assets/icons/icons.woff") format("woff"), url("../assets/icons/icons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=vs-icon-],
[class*=" vs-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icons" !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;
}

.vs-icon-reportpad-with-checkmark-medium:before {
  content: "\e98f";
}

.vs-icon-jump-link:before {
  content: "\e98e";
}

.vs-icon-internal-link:before {
  content: "\e988";
}

.vs-icon-bx-link-external:before {
  content: "\e94d";
}

.vs-icon-browser_updated:before {
  content: "\e963";
}

.vs-icon-menu_book1:before {
  content: "\e964";
}

.vs-icon-campaign:before {
  content: "\e965";
}

.vs-icon-newsmode:before {
  content: "\e966";
}

.vs-icon-note_alt:before {
  content: "\e967";
}

.vs-icon-system_update_alt:before {
  content: "\e968";
}

.vs-icon-groups:before {
  content: "\e969";
}

.vs-icon-lab_profile:before {
  content: "\e96a";
}

.vs-icon-calendar_clock:before {
  content: "\e96b";
}

.vs-icon-x:before {
  content: "\e96c";
}

.vs-icon-twitter:before {
  content: "\e96c";
}

.vs-icon-hyperlink:before {
  content: "\e989";
}

.vs-icon-link:before {
  content: "\e989";
}

.vs-icon-chain1:before {
  content: "\e989";
}

.vs-icon-anchor:before {
  content: "\e98a";
}

.vs-icon-link4:before {
  content: "\e98a";
}

.vs-icon-key:before {
  content: "\e97a";
}

.vs-icon-password:before {
  content: "\e97a";
}

.vs-icon-unlock:before {
  content: "\e97a";
}

.vs-icon-login:before {
  content: "\e97a";
}

.vs-icon-log-in:before {
  content: "\e97a";
}

.vs-icon-link2:before {
  content: "\e987";
}

.vs-icon-check-alt:before {
  content: "\e93f";
}

.vs-icon-checkmark:before {
  content: "\e93f";
}

.vs-icon-tick:before {
  content: "\e93f";
}

.vs-icon-pen:before {
  content: "\e984";
}

.vs-icon-quill:before {
  content: "\e985";
}

.vs-icon-embed:before {
  content: "\e982";
}

.vs-icon-file-text:before {
  content: "\e97b";
}

.vs-icon-copy1:before {
  content: "\e940";
}

.vs-icon-duplicate:before {
  content: "\e940";
}

.vs-icon-files:before {
  content: "\e940";
}

.vs-icon-pages:before {
  content: "\e940";
}

.vs-icon-papers:before {
  content: "\e940";
}

.vs-icon-documents:before {
  content: "\e940";
}

.vs-icon-linkedin:before {
  content: "\e93d";
}

.vs-icon-brand:before {
  content: "\e93d";
}

.vs-icon-social:before {
  content: "\e93d";
}

.vs-icon-loop:before {
  content: "\e93a";
}

.vs-icon-repeat:before {
  content: "\e93a";
}

.vs-icon-player:before {
  content: "\e93a";
}

.vs-icon-reload:before {
  content: "\e93a";
}

.vs-icon-refresh:before {
  content: "\e93a";
}

.vs-icon-update:before {
  content: "\e93a";
}

.vs-icon-synchronize:before {
  content: "\e93a";
}

.vs-icon-arrows:before {
  content: "\e93a";
}

.vs-icon-cancel-circle:before {
  content: "\e937";
}

.vs-icon-close:before {
  content: "\e937";
}

.vs-icon-remove:before {
  content: "\e937";
}

.vs-icon-delete:before {
  content: "\e937";
}

.vs-icon-shrink:before {
  content: "\e930";
}

.vs-icon-collapse:before {
  content: "\e930";
}

.vs-icon-minimize:before {
  content: "\e930";
}

.vs-icon-contract:before {
  content: "\e930";
}

.vs-icon-enlarge:before {
  content: "\e92f";
}

.vs-icon-expand:before {
  content: "\e92f";
}

.vs-icon-maximize:before {
  content: "\e92f";
}

.vs-icon-fullscreen:before {
  content: "\e92f";
}

.vs-icon-facebook1:before {
  content: "\e901";
}

.vs-icon-instagram:before {
  content: "\e902";
}

.vs-icon-discord:before {
  content: "\e903";
}

.vs-icon-reddit:before {
  content: "\ead8";
}

.vs-icon-linkedin1:before {
  content: "\eaca";
}

.vs-icon-twitter1:before {
  content: "\eb3e";
}

.vs-icon-youtube:before {
  content: "\e904";
}

.vs-icon-ad-alert:before {
  content: "\e905";
}

.vs-icon-ad-audit:before {
  content: "\e906";
}

.vs-icon-ad-check:before {
  content: "\e939";
}

.vs-icon-ad-coin:before {
  content: "\e908";
}

.vs-icon-explore-reports:before {
  content: "\eae3";
}

.vs-icon-link11:before {
  content: "\e927";
}

.vs-icon-chain:before {
  content: "\e927";
}

.vs-icon-url:before {
  content: "\e927";
}

.vs-icon-uri:before {
  content: "\e927";
}

.vs-icon-anchor1:before {
  content: "\e927";
}

.vs-icon-twitter11:before {
  content: "\e909";
}

.vs-icon-pinterest:before {
  content: "\e90a";
}

.vs-icon-telegram:before {
  content: "\e90b";
}

.vs-icon-vimeo:before {
  content: "\e90c";
}

.vs-icon-soundcloud:before {
  content: "\e90d";
}

.vs-icon-spotify:before {
  content: "\e90e";
}

.vs-icon-dribbble:before {
  content: "\e90f";
}

.vs-icon-behance:before {
  content: "\e910";
}

.vs-icon-github:before {
  content: "\e911";
}

.vs-icon-ok:before {
  content: "\e912";
}

.vs-icon-vk:before {
  content: "\e913";
}

.vs-icon-vkontakte:before {
  content: "\e913";
}

.vs-icon-xing:before {
  content: "\e914";
}

.vs-icon-linkedin11:before {
  content: "\e915";
}

.vs-icon-twitch:before {
  content: "\e916";
}

.vs-icon-flickr:before {
  content: "\e917";
}

.vs-icon-snapchat:before {
  content: "\e918";
}

.vs-icon-medium:before {
  content: "\e919";
}

.vs-icon-weibo:before {
  content: "\e91a";
}

.vs-icon-wechat:before {
  content: "\e91b";
}

.vs-icon-tumblr:before {
  content: "\e91c";
}

.vs-icon-reddit1:before {
  content: "\e91d";
}

.vs-icon-bloglovin:before {
  content: "\e91e";
}

.vs-icon-feed:before {
  content: "\e91f";
}

.vs-icon-rss:before {
  content: "\e91f";
}

.vs-icon-chevron-up:before {
  content: "\e920";
}

.vs-icon-chevron-down:before {
  content: "\e921";
}

.vs-icon-chevron-left:before {
  content: "\e922";
}

.vs-icon-chevron-right:before {
  content: "\e923";
}

.vs-icon-arrow-up:before {
  content: "\e924";
}

.vs-icon-arrow-down:before {
  content: "\e925";
}

.vs-icon-arrow-left:before {
  content: "\e926";
}

.vs-icon-arrow-right:before {
  content: "\e928";
}

.vs-icon-chevrons-up:before {
  content: "\e929";
}

.vs-icon-chevrons-down:before {
  content: "\e92a";
}

.vs-icon-chevrons-left:before {
  content: "\e92b";
}

.vs-icon-chevrons-right:before {
  content: "\e92c";
}

.vs-icon-bookmark:before {
  content: "\e931";
}

.vs-icon-x1:before {
  content: "\e932";
}

.vs-icon-website:before {
  content: "\e933";
}

.vs-icon-user:before {
  content: "\e944";
}

.vs-icon-calendar:before {
  content: "\e945";
}

.vs-icon-list1:before {
  content: "\e946";
}

.vs-icon-tags:before {
  content: "\e947";
}

.vs-icon-comments:before {
  content: "\e948";
}

.vs-icon-folder:before {
  content: "\e949";
}

.vs-icon-caret-up:before {
  content: "\e950";
}

.vs-icon-caret-down:before {
  content: "\e951";
}

.vs-icon-caret-left:before {
  content: "\e952";
}

.vs-icon-caret-right:before {
  content: "\e953";
}

.vs-icon-bars:before {
  content: "\e954";
}

.vs-icon-search1:before {
  content: "\e955";
}

.vs-icon-edit:before {
  content: "\e956";
}

.vs-icon-eye:before {
  content: "\e957";
}

.vs-icon-clock-o:before {
  content: "\e958";
}

.vs-icon-code:before {
  content: "\e983";
}

.vs-icon-home:before {
  content: "\e976";
}

.vs-icon-list:before {
  content: "\e92e";
}

.vs-icon-link1:before {
  content: "\e92d";
}

.vs-icon-assignment_turned_in:before {
  content: "\e94b";
}

.vs-icon-bxl-facebooksvg:before {
  content: "\e94c";
}

.vs-icon-bxl-instagram-altsvg:before {
  content: "\e98d";
}

.vs-icon-bxl-linkedin-squaresvg:before {
  content: "\e94e";
}

.vs-icon-diversity_1:before {
  content: "\e94f";
}

.vs-icon-find_in_page:before {
  content: "\e959";
}

.vs-icon-twitter-x:before {
  content: "\e95a";
}

.vs-icon-github1:before {
  content: "\e95b";
}

.vs-icon-manufacturing:before {
  content: "\e95c";
}

.vs-icon-monitoring:before {
  content: "\e95d";
}

.vs-icon-news:before {
  content: "\e95e";
}

.vs-icon-notifications_active:before {
  content: "\e95f";
}

.vs-icon-psychology:before {
  content: "\e960";
}

.vs-icon-Reddit:before {
  content: "\e961";
}

.vs-icon-youtube1:before {
  content: "\e962";
}

.vs-icon-access_time:before {
  content: "\e96d";
}

.vs-icon-security:before {
  content: "\e97c";
}

.vs-icon-filter_none:before {
  content: "\e96e";
}

.vs-icon-timer:before {
  content: "\e96f";
}

.vs-icon-https:before {
  content: "\e97d";
}

.vs-icon-lock_outline:before {
  content: "\e97e";
}

.vs-icon-swap_vert:before {
  content: "\e977";
}

.vs-icon-trending_neutral:before {
  content: "\e970";
}

.vs-icon-copyright:before {
  content: "\e978";
}

.vs-icon-menu_book:before {
  content: "\e971";
}

.vs-icon-auto_stories:before {
  content: "\e972";
}

.vs-icon-north:before {
  content: "\e973";
}

.vs-icon-south_west:before {
  content: "\e98c";
}

.vs-icon-west:before {
  content: "\e974";
}

.vs-icon-facebook:before {
  content: "\e975";
}

.vs-icon-check_circle:before {
  content: "\e942";
}

.vs-icon-content_copy:before {
  content: "\e93e";
}

.vs-icon-link3:before {
  content: "\e93c";
}

.vs-icon-insert_link:before {
  content: "\e93c";
}

.vs-icon-error_outline:before {
  content: "\e934";
}

.vs-icon-error:before {
  content: "\e935";
}

.vs-icon-external-link:before {
  content: "\e986";
}

.vs-icon-download:before {
  content: "\e979";
}

.vs-icon-copy:before {
  content: "\e943";
}

.vs-icon-search:before {
  content: "\e938";
}

.vs-icon-check-circle:before {
  content: "\e936";
}

.vs-icon-access_time1:before {
  content: "\e900";
}

.vs-icon-query_builder:before {
  content: "\e900";
}

.vs-icon-schedule:before {
  content: "\e900";
}

.vs-icon-checkmark1:before {
  content: "\e941";
}

.vs-icon-tick1:before {
  content: "\e941";
}

.vs-icon-warning:before {
  content: "\e907";
}

.vs-icon-chain1111:before {
  content: "\e98b";
}

.vs-icon-link111:before {
  content: "\e98b";
}

.vs-icon-file-code-o:before {
  content: "\e97f";
}

.vs-icon-lock:before {
  content: "\e980";
}

.vs-icon-shield:before {
  content: "\e981";
}

.vs-icon-envelope:before {
  content: "\e94a";
}

.vs-icon-facebook-square:before {
  content: "\e93b";
}



:root {
  font-size: 1em;
  --site-width: 1400px;
  --left-sidebar-width: 300px;
  --right-sidebar-width: 250px;
  --single-content-width: 1400px;
}

html {
  scroll-padding-top: 130px;
  scroll-behavior: smooth;
  touch-action: manipulation;
  font-feature-settings: "rlig" 1, "calt" 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}



.admin-bar #masthead {
  top: 32px;
}
.admin-bar .adr-mobile-nav {
  top: calc(32px + var(--header-margin));
}
.admin-bar .archives-wrapper .section-title {
  top: calc(32px + var(--header-margin));
}

@media screen and (width < 782px) {
  .admin-bar #masthead {
    top: 46px;
  }
  .admin-bar .adr-mobile-nav {
    top: 121px;
  }
}
body.search-no-results {
  background-color: #fff;
}

.vs-container-site,
#page,
.site-inner {
  width: 100%;
  height: 100%;
}

.site-content {
  margin-top: var(--header-margin);
}

.site-primary {
  margin-top: var(--header-margin);
}

.debug {
  position: fixed;
  top: 10rem;
  left: 0;
  z-index: 5000;
  background-color: rgb(168, 194, 218);
  padding: 2rem;
}

.vs-icon-check-alt {
  color: #22aa22;
}

.hide {
  opacity: 0;
  visibility: hidden;
  display: none;
}

button.adr-heading-link:disabled {
  opacity: 1;
  color: #242222;
}

#adr-overlay {
  position: fixed;
  z-index: 999;
  inset: 0;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.329);
}

img.post-thumbnail,
img.featured-image {
  background-color: #f5f5f5;
}

img.wp-smiley,
img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

:root {
  --level-1-header-height: 42px;
}

.purple {
  background: linear-gradient(100deg, #CB2383, #8324AD);
  transition: 0.3s ease-in-out;
}
.purple:hover {
  box-shadow: 0 0 6px #e647a1;
}

.green {
  background: linear-gradient(100deg, #325CD5, #398B65);
  transition: 0.3s ease-in-out;
}
.green:hover {
  box-shadow: 0 0 6px #398B65;
}

.new-label {
  background: linear-gradient(90deg, #4ba704 0%, #05aa1e 100%), #42BB18;
  color: #fff;
  -webkit-text-fill-color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  letter-spacing: 0.2px;
  vertical-align: middle;
  text-transform: uppercase;
}

.adr-categories-wrapper {
  width: 100%;
}

#adr-categories-container {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  overflow: auto;
  scrollbar-width: none;
}
#adr-categories-container .home-btn {
  text-decoration: none;
  font-size: 1.2rem;
  min-width: 2.4rem;
  min-height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #6b6b6b;
  border: 1px solid transparent;
  transition: 0.3s ease-in-out;
}
#adr-categories-container .home-btn:hover {
  border: 1px solid #2242B2;
  color: #2242B2;
}
#adr-categories-container .home-btn.active-category {
  background-color: #2242B2;
  color: #fff;
}
#adr-categories-container .adr-category .category-text {
  display: block;
  font-size: 0.813em;
  letter-spacing: -0.25px;
  font-weight: 500;
  padding: 8px 16px;
  border-radius: 4px;
  line-height: 1;
  border: 1px solid rgba(0, 0, 0, 0.1529411765);
  color: #6B6B6B;
  transition: 0.3s ease-in-out;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}
#adr-categories-container .adr-category .category-text:hover {
  border: 1px solid #2242B2;
  color: #2242B2;
}
#adr-categories-container .adr-category.active-category .category-text {
  background-color: #2242B2;
  color: #fff;
  border: 1px solid transparent;
}

.post-meta .sm-container {
  margin-top: 12px;
}
.post-meta .sm-container .sm-share {
  display: flex;
  align-items: center;
  gap: 12px;
}
.post-meta .sm-container .sm-share a i {
  font-size: 1rem;
}
.post-meta .sm-container .sm-share i {
  color: #616161;
  font-size: 1.125rem;
  cursor: pointer;
}
.post-meta .sm-container .sm-share .vs-icon-reddit {
  font-size: 1.5rem;
}

.sm-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 0.813rem;
  color: #616161;
  font-weight: 500;
  letter-spacing: -0.2px;
}
.sm-container button {
  outline: none;
  border: none;
  background-color: transparent;
}
.sm-container .sm-share {
  display: flex;
  align-items: center;
  gap: 16px;
}
.sm-container .sm-share a,
.sm-container .sm-share i {
  text-decoration: none;
  color: #616161;
  cursor: pointer;
  font-size: 1rem;
}
.sm-container .sm-share a i,
.sm-container .sm-share i i {
  font-size: 1rem;
}
.sm-container .sm-share .vs-icon-reddit {
  font-size: 1.5rem;
}
.sm-container .msg-container {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #161515;
  font-size: 0.75rem;
  padding: 4px;
  border-radius: 4px;
}
.sm-container .msg-container.msg-success i {
  color: #22aa22;
}

#toc-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: calc(100% - 160px);
}
#toc-container .toc-h1 + .toc-h2, #toc-container .toc-h1 + .toc-h2 ~ .toc-h2 {
  padding-left: 1rem;
}
#toc-container .toc-h1 + .toc-h2 + .toc-h3, #toc-container .toc-h1 + .toc-h2 + .toc-h3 ~ .toc-h3, #toc-container .toc-h1 + .toc-h2 ~ .toc-h2 + .toc-h3, #toc-container .toc-h1 + .toc-h2 ~ .toc-h2 + .toc-h3 ~ .toc-h3 {
  padding-left: 1.5rem;
}
#toc-container .toc-h1 + .toc-h2 + .toc-h3 + .toc-h4, #toc-container .toc-h1 + .toc-h2 + .toc-h3 + .toc-h4 ~ .toc-h4, #toc-container .toc-h1 + .toc-h2 + .toc-h3 ~ .toc-h3 + .toc-h4, #toc-container .toc-h1 + .toc-h2 + .toc-h3 ~ .toc-h3 + .toc-h4 ~ .toc-h4, #toc-container .toc-h1 + .toc-h2 ~ .toc-h2 + .toc-h3 + .toc-h4, #toc-container .toc-h1 + .toc-h2 ~ .toc-h2 + .toc-h3 + .toc-h4 ~ .toc-h4, #toc-container .toc-h1 + .toc-h2 ~ .toc-h2 + .toc-h3 ~ .toc-h3 + .toc-h4, #toc-container .toc-h1 + .toc-h2 ~ .toc-h2 + .toc-h3 ~ .toc-h3 + .toc-h4 ~ .toc-h4 {
  padding-left: 2rem;
}
#toc-container .toc-h2 + .toc-h3, #toc-container .toc-h2 + .toc-h3 ~ .toc-h3 {
  padding-left: 1rem;
}
#toc-container .toc-h2 + .toc-h3 + .toc-h4, #toc-container .toc-h2 + .toc-h3 + .toc-h4 ~ .toc-h4, #toc-container .toc-h2 + .toc-h3 ~ .toc-h3 + .toc-h4, #toc-container .toc-h2 + .toc-h3 ~ .toc-h3 + .toc-h4 ~ .toc-h4 {
  padding-left: 1.5rem;
}
#toc-container .toc-h3 + .toc-h4, #toc-container .toc-h3 + .toc-h4 ~ .toc-h4 {
  padding-left: 1rem;
}
#toc-container .adr-toc-head {
  font-size: 16px;
  font-weight: 600;
  color: #3D3737;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#toc-container .toc-list-items {
  list-style-type: none;
  overflow-y: auto;
  padding-right: 1.2rem;
  transition: 0.3s ease-in-out;
}
#toc-container .toc-list-items::-webkit-scrollbar {
  background-color: transparent;
  width: 4px;
  border-radius: 3px;
}
#toc-container .toc-list-items::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 3px;
}
#toc-container .toc-list-items:hover::-webkit-scrollbar-thumb {
  background-color: #e2e2e2;
}
#toc-container .toc-list-items:hover::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.0196078431);
}
#toc-container .toc-list-items li.current-heading a {
  font-weight: 600;
  color: #2242B2;
}
#toc-container .toc-list-items li a {
  font-size: 15px;
  font-weight: 500;
  color: #3D3D3D;
  text-decoration: none;
  display: block;
  padding-block: 8px;
}
#toc-container ol ol,
#toc-container ol ul,
#toc-container ul ol,
#toc-container ul ul {
  list-style: none;
  padding-left: 8px;
}

.read-progress-block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.read-progress-block .scroll-progress {
  width: 100%;
  height: 4px;
  background-color: #E2E2E2;
}
.read-progress-block .scroll-progress .scroll-progress-inner {
  height: 100%;
  width: 27%;
  background-color: #487CAC;
}

.read-time {
  display: flex;
  gap: 12px;
  align-items: center;
  color: #5A5A5A;
  font-size: 0.75em;
  line-height: 1;
  font-weight: 500;
}
.read-time i {
  font-size: 1em;
}

.nw-subscribe .nw-email.error {
  border: 1px solid #ff9090;
}

.nw-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.nw-container .nw-header {
  font-size: 1em;
  color: #2B2525;
  letter-spacing: -0.25px;
  font-weight: 600;
}
.nw-container .nw-content {
  margin-top: 1rem;
  line-height: 1.65;
  font-size: 0.875em;
  font-weight: 400;
  letter-spacing: -0.1px;
}
.nw-container .nw-subscribe {
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
  gap: 0.5rem;
}
.nw-container .nw-submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  cursor: pointer;
}
.nw-container .nw-submit-btn i {
  color: #fff;
}
.nw-container .nw-email {
  width: 100%;
  padding: 8px 16px;
  border: 1px solid rgba(0, 0, 0, 0.1529411765);
  border-radius: 8px;
  font-size: 0.813em;
  font-weight: 400;
  line-height: 1.6;
  outline: 1px solid rgba(0, 0, 0, 0.1176470588);
}
.nw-container .nw-submit-btn {
  width: 100%;
  background-color: #2C384F;
  border-radius: 8px;
  font-size: 0.875em;
  line-height: 1.6;
  outline: none;
  border: none;
  padding: 8px;
  font-weight: 400;
  color: #fff;
  transition: 0.3s ease-in-out;
}
.nw-container .nw-submit-btn:hover {
  background-color: #274272;
}

.sidebar-subscribe-form {
  padding: 1rem;
  border-radius: 12px;
  background-color: #E9F5FF;
}
.sidebar-subscribe-form .nw-header {
  color: #0d6cb4;
  font-weight: 650;
  line-height: 1.5;
}
.sidebar-subscribe-form .nw-content {
  font-weight: 500;
  color: #505050;
  letter-spacing: -0.25px;
  margin-top: 0.5rem;
}
.sidebar-subscribe-form .nw-email {
  border: none;
}
.sidebar-subscribe-form .nw-submit-btn {
  background-color: #0d6cb4;
  color: #fff;
  font-weight: 500;
}
.sidebar-subscribe-form .nw-submit-btn .spinner-form > div {
  background-color: rgba(255, 255, 255, 0.8);
}

.nw-submit-btn {
  cursor: pointer;
}

.nw-msg {
  margin-top: 0.5rem;
  display: block;
  font-size: 0.813em;
  color: #ff1f1f;
  font-weight: 600;
  line-height: 1.5;
  overflow: hidden;
  max-height: 0;
  transition: 0.3s ease-in-out;
}
.nw-msg.visible {
  display: block;
}
.nw-msg .mc_error_msg {
  color: #e71616;
}
.nw-msg .mc_success_msg {
  font-weight: 500;
  color: #148014;
}

.site-footer .mc_error_msg,
.hero-section .mc_error_msg {
  color: #ff0d0d;
}
.site-footer .mc_success_msg,
.hero-section .mc_success_msg {
  color: #0af50a;
}

.left-sidebar,
.right-sidebar {
  min-width: 250px;
  width: 250px;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 80vh;
  position: sticky;
  top: 130px;
  background-color: #fff;
}

.left-sidebar {
  width: 300px;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  padding: 2rem;
  border: 1px solid rgba(0, 0, 0, 0.0823529412);
  border-radius: 8px;
}

.right-sidebar {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

#comments {
  margin-top: 3rem;
  width: 100%;
  background-color: rgba(191, 209, 241, 0.0745098039);
  border-radius: 8px;
  padding: 1rem 1.6rem;
}
#comments .comments-title {
  font-size: 1.75em;
}
#comments ol,
#comments ul {
  list-style: none;
}
#comments ol li,
#comments ul li {
  margin-top: 2rem;
  padding-left: 2rem;
}
#comments ol li article .comment-author,
#comments ul li article .comment-author {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
#comments ol li article .comment-metadata,
#comments ul li article .comment-metadata {
  margin-top: 0.5rem;
  font-size: 0.875em;
}
#comments ol li article .comment-metadata .edit-link .comment-edit-link,
#comments ul li article .comment-metadata .edit-link .comment-edit-link {
  padding: 3px 5px;
  margin-left: 0.3rem;
  border-radius: 5px;
}
#comments ol li article .comment-content,
#comments ul li article .comment-content {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#respond {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-top: 2rem;
  background-color: rgba(191, 209, 241, 0.0745098039);
  padding: 32px;
}

.comment-reply-title {
  font-weight: 700;
  line-height: 2;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.comment-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.comment-form textarea {
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.1529411765);
  font-size: 1em;
  padding: 6px 8px;
  border-radius: 8px;
  max-width: 100%;
  max-height: 20rem;
}
.comment-form input {
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.1529411765);
  font-size: 1em;
  padding: 6px 8px;
  border-radius: 8px;
}
.comment-form input[type=submit] {
  border: none;
  outline: none;
  padding: 8px 16px;
  color: #fff;
  cursor: pointer;
}
.comment-form .comment-form-comment,
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.adr-categories-widget {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.adr-categories-widget .widget-title {
  font-size: 0.875em;
  font-weight: 700;
}
.adr-categories-widget .cat-items {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  row-gap: 10px;
  max-width: 100%;
}
.adr-categories-widget .cat-items .cat-item {
  width: -moz-fit-content;
  width: fit-content;
}
.adr-categories-widget .cat-items a {
  display: flex;
  padding: 8px 12px;
  text-decoration: none;
  color: #4A4A4A;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.25px;
  transition: 0.3s ease-in-out;
  border-radius: 99px;
  background-color: #ebebeb;
  white-space: nowrap;
  text-align: center;
}
.adr-categories-widget .cat-items a:hover {
  background-color: #4A4A4A;
  color: #fff;
}

.btn-scroll-to-top {
  position: fixed;
  bottom: 30px;
  z-index: 8;
  right: 30px;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1176470588);
  cursor: pointer;
  transform: translateY(100px);
  transition: 1s cubic-bezier(0.36, -0.42, 0.03, 1.65);
}
.btn-scroll-to-top i {
  font-size: 1.4rem;
  color: #2B2525;
  transition: 0.3s ease-in-out;
}
.btn-scroll-to-top.show {
  transform: translateY(0);
}
.btn-scroll-to-top:hover {
  transition: 0.3s ease-in-out;
  background-color: #0d6cb4;
}
.btn-scroll-to-top:hover i {
  color: #fff;
}

.tooltip-msg {
  position: fixed;
  transition: 0.3s ease-in-out;
  background-color: #1b1b1b;
  color: #d1d1d1;
  z-index: 99;
  border-radius: 4px;
  padding: 4px 6px;
  font-size: 0.75em;
  font-weight: 400;
  width: -moz-fit-content;
  width: fit-content;
  max-width: calc(100vw - 100px);
  line-height: 1.5;
  pointer-events: none;
  opacity: 0;
  animation: fade-in-tooltip 0.3s ease-in-out forwards;
}
@keyframes fade-in-tooltip {
  100% {
    opacity: 1;
  }
}

.page-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  color: #151927;
  font-weight: 300;
  padding-inline: 5rem;
  padding-block: 2rem 6rem;
}
.page-404 h3 {
  margin-top: 2rem;
  font-size: 1.4rem;
  letter-spacing: -0.5px;
}
.page-404 p {
  font-weight: 500;
}
.page-404 a {
  color: #0033a0;
}

.content-not-found {
  padding-top: 0;
}
.content-not-found p {
  line-height: 1.7;
  letter-spacing: -0.25px;
}

.search-title-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 0;
}
.search-title-container .search-top-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-title-container .icon-count-wrapper {
  display: flex;
  align-items: center;
  font-size: 1em;
  gap: 8px;
  color: #5c5c5c;
}
.search-title-container .icon-count-wrapper i {
  font-size: 1em;
}
.search-title-container .adr-close-search {
  font-size: 0.875em;
  color: rgb(85, 26, 139);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.search-title-container .adr-close-search:hover {
  color: #0033a0;
}
.search-title-container .search-results-option {
  font-size: 0.938em;
}

#adr-toast-banner {
  position: fixed;
  left: 0;
  width: 100%;
  top: -120px;
  height: 80px;
  font-size: 0.813em;
  line-height: 1.6;
  font-size: 0.938em;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  transition: 0.3s ease-in-out;
  box-shadow: -4px 4px 5px rgba(0, 0, 0, 0.1176470588);
  background-color: rgba(0, 0, 0, 0.9098039216);
  animation: slide-in 0.5s ease-in-out forwards;
  transition: 0.5s ease-in-out;
}
#adr-toast-banner.error {
  color: #D91A1A;
}
#adr-toast-banner.error i {
  font-size: 1.6rem;
}
#adr-toast-banner.success {
  color: #4abd14;
}
#adr-toast-banner.success i {
  font-size: 1.4rem;
}
#adr-toast-banner strong {
  font-weight: 550;
}
#adr-toast-banner .close-toast {
  outline: none;
  border: none;
  background-color: transparent;
  font-size: 0.875em;
  cursor: pointer;
  color: #a8a8a8;
  line-height: inherit;
  text-decoration: underline;
}
#adr-toast-banner.hide-toast {
  transform: translateY(-100%);
}

.ft-sub-form-wrapper {
  width: 100%;
  position: relative;
  background-color: #1D4360;
}
.ft-sub-form-wrapper .ft-subscribe-form {
  width: var(--site-width);
  display: flex;
  flex-direction: row;
  margin: auto;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-block: 2.5rem;
}
.ft-sub-form-wrapper .sub-lhs {
  display: flex;
  gap: 2rem;
  align-items: center;
  width: 60%;
}
.ft-sub-form-wrapper .nw-content {
  color: #fff;
  font-size: 1rem;
  line-height: 1.65;
  letter-spacing: 0;
  font-weight: 450;
  margin-top: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2549019608);
  padding-left: 1.8rem;
}
.ft-sub-form-wrapper .nw-content span {
  color: #00F10A;
}
.ft-sub-form-wrapper .nw-email {
  width: 18rem;
  border-radius: 99px;
}
.ft-sub-form-wrapper .nw-submit-btn {
  width: 10rem;
  padding-inline: 24px;
  background-color: #0d6cb4;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 99px;
  transition: 0.3s ease-in-out;
}
.ft-sub-form-wrapper .nw-submit-btn:hover {
  background-color: #2987ce;
}
.ft-sub-form-wrapper .nw-submit-btn .spinner-form > div {
  background-color: rgba(255, 255, 255, 0.5254901961);
}
.ft-sub-form-wrapper .nw-subscribe {
  margin-top: 0;
  flex-direction: row;
}
.ft-sub-form-wrapper .nw-msg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  background-color: #122639;
  text-align: center;
}
.ft-sub-form-wrapper .nw-msg .msg-content {
  text-align: center;
  margin: auto;
  padding: 16px;
  font-size: 14px;
}
.ft-sub-form-wrapper .droid-logo {
  text-align: center;
  vertical-align: middle;
}
.ft-sub-form-wrapper .droid-logo-img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 3rem;
  width: 5rem;
}

.urvanov-syntax-highlighter-syntax {
  border-radius: 8px 8px 0 0;
}
.urvanov-syntax-highlighter-syntax.crayon-theme-powershell-admindroid {
  background-color: #f8f8f8 !important;
}
.urvanov-syntax-highlighter-syntax .crayon-language {
  color: #161515 !important;
}
.urvanov-syntax-highlighter-syntax .crayon-button.urvanov-syntax-highlighter-wrap-button {
  background-color: transparent;
}
.urvanov-syntax-highlighter-syntax .crayon-button.urvanov-syntax-highlighter-wrap-button.crayon-pressed {
  background-color: #e4e4e4;
}
.urvanov-syntax-highlighter-syntax .crayon-button.urvanov-syntax-highlighter-wrap-button.crayon-pressed .urvanov-syntax-highlighter-button-icon {
  background-position: 0 -112px !important;
}
.urvanov-syntax-highlighter-syntax .crayon-button:active .urvanov-syntax-highlighter-button-icon {
  background-position: 0 -16px !important;
}
.urvanov-syntax-highlighter-syntax .crayon-button .urvanov-syntax-highlighter-button-icon {
  height: 100% !important;
  cursor: pointer;
}
.urvanov-syntax-highlighter-syntax .crayon-toolbar {
  height: 28px !important;
  background: #f7f7f7 !important;
  padding-inline: 1rem !important;
}
.urvanov-syntax-highlighter-syntax .crayon-pre {
  background-color: #000;
}
.urvanov-syntax-highlighter-syntax .crayon-pre .crayon-line {
  padding-left: 12px;
  color: #dcdcdc !important;
}
.urvanov-syntax-highlighter-syntax .crayon-nums {
  display: none;
}
.urvanov-syntax-highlighter-syntax .urvanov-syntax-highlighter-main {
  overflow: auto !important;
  padding: 0.5rem !important;
  background-color: #012456 !important;
}
.urvanov-syntax-highlighter-syntax .urvanov-syntax-highlighter-main::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  padding: 2px;
  background: #f5f5f7;
}
.urvanov-syntax-highlighter-syntax .urvanov-syntax-highlighter-main::-webkit-scrollbar-corner {
  background-color: transparent;
}
.urvanov-syntax-highlighter-syntax .urvanov-syntax-highlighter-main::-webkit-scrollbar-thumb {
  background-color: #d1d1d1;
  box-shadow: none;
  border: none;
  border-radius: 1rem;
  height: 2px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border: 2px solid #f5f5f7;
}
.urvanov-syntax-highlighter-syntax .urvanov-syntax-highlighter-main::-webkit-scrollbar-thumb:hover {
  box-shadow: none;
  border: 2px solid #f5f5f7;
  background-color: #b3b3b3;
}
.urvanov-syntax-highlighter-syntax .urvanov-syntax-highlighter-main::-webkit-scrollbar-track {
  border: none;
}

@keyframes slide-in {
  100% {
    top: 0;
  }
}
.scroll-items-container {
  position: relative;
}
.scroll-items-container button {
  outline: none;
  border: none;
  cursor: pointer;
}
.scroll-items-container button i {
  font-size: 1.4rem;
}
.scroll-items-container button:hover {
  color: #fff;
  background-color: #293045;
}
.scroll-items-container .scroll-btn {
  position: absolute;
  margin-block: auto;
  width: 2.4rem;
  height: 2.4rem;
  background-color: #fff;
  color: #293045;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2588235294);
  transition: all 0.3s ease-in-out;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
}
.scroll-items-container .scroll-btn.visible {
  visibility: visible;
  opacity: 1;
}
.scroll-items-container .scroll-btn.scroll-btn-left {
  left: -8px;
}
.scroll-items-container .scroll-btn.scroll-btn-right {
  right: -8px;
}
.scroll-items-container button:disabled {
  opacity: 0;
  pointer-events: none;
  cursor: not-allowed;
}

@media (pointer: coarse) {
  .scroll-btn {
    display: none;
  }
}
#masthead {
  width: 100%;
  background-color: #fdfdfd;
  position: fixed;
  height: var(--header-margin);
  top: 0;
  left: 0;
  z-index: 10;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1019607843);
  transition: 0.3s ease-in-out;
}

.menu-toggle-btn {
  display: none;
  margin-left: 0.5rem;
}

.navbar-visible .adr-mobile-nav {
  min-height: calc(100vh - var(--header-margin));
  overflow-y: auto;
}

.adr-mobile-nav {
  position: fixed;
  top: var(--header-margin);
  left: 0;
  width: 100%;
  overflow-y: auto;
  max-height: 0;
  min-height: 0;
  overflow: hidden;
  background-color: #fdfdfd;
  border-top: 1px solid rgba(0, 0, 0, 0.062745098);
  z-index: 100;
  transition: 0.8s cubic-bezier(0.49, -0.13, 0.04, 1.31);
}
.adr-mobile-nav .mobile-nav-wrapper {
  padding: 2rem;
}
.adr-mobile-nav .mobile-nav-menus {
  margin-top: 2rem;
}
.adr-mobile-nav::-webkit-scrollbar {
  width: 0.25rem;
  background-color: rgba(0, 0, 0, 0.0901960784);
}
.adr-mobile-nav::-webkit-scrollbar-thumb {
  width: 0.25rem;
  background-color: #cacaca;
  border-radius: 2px;
}
.adr-mobile-nav .nav-up {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.adr-mobile-nav .mobile-cta-texts {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  position: sticky;
  bottom: 0;
  width: 100%;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.4588235294);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  padding-block: 1rem;
  gap: 8px;
  z-index: 20;
  display: none;
}
.adr-mobile-nav .nav-site {
  display: flex;
  white-space: nowrap;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 1rem;
  padding-top: 1.6rem;
}
.adr-mobile-nav .nav-site .nav-item {
  padding-right: 0.5rem;
  border-right: 1px solid rgba(0, 0, 0, 0.1019607843);
  padding-left: 0.5rem;
  color: #365BBB;
  font-size: 0.85rem;
  background: none;
}
.adr-mobile-nav .search-form {
  width: 70%;
  height: 2.8rem;
  gap: 10px;
  border: 1px solid rgba(0, 0, 0, 0.0823529412);
  border-radius: 8px;
  overflow: hidden;
  margin: auto;
}
.adr-mobile-nav .search-form .vs-input-group {
  width: 100%;
  height: 100%;
}
.adr-mobile-nav .search-form .vs-input-group input {
  width: 100%;
  height: 100%;
  padding-left: 1.4rem;
  font-size: 0.95rem;
}
.adr-mobile-nav .search-form .search-submit-btn {
  width: 4rem;
  height: 100%;
  font-size: 1rem;
  border-radius: 0;
  background-color: #0a417c;
  color: #fff;
}
.adr-mobile-nav .search-form .search-submit-btn i {
  color: #fff;
}
.adr-mobile-nav .accordian {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}
.adr-mobile-nav .menu-container {
  width: 100%;
  flex-direction: column;
  border-bottom: 1px solid rgba(0, 0, 0, 0.062745098);
  margin-bottom: 0.5rem;
}
.adr-mobile-nav .menu-container .site-solutions-links {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  padding-block: 1rem;
  padding-right: 0;
  width: 100%;
}
.adr-mobile-nav .menu-container .site-promotion-banner {
  border-radius: 2rem;
  padding-block: 4rem;
}
.adr-mobile-nav .menu-container .categories-menu {
  grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
}
.adr-mobile-nav .menu-container .categories-banner {
  padding-bottom: 2rem;
}
.adr-mobile-nav .menu-container .categories-banner .promotion-text {
  margin-top: 3rem;
}
.adr-mobile-nav .menu-container .categories-banner::after {
  opacity: 1;
}
.adr-mobile-nav .menu-container .series-nav-menu {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  margin-bottom: 1rem;
}
.adr-mobile-nav .howto-nav-section {
  padding-block: 0;
  flex-direction: column-reverse;
  padding-bottom: 2rem;
}
.adr-mobile-nav .howto-nav-section .howto-posts {
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}
.adr-mobile-nav .howto-nav-section .howto-posts .title {
  display: none;
}
.adr-mobile-nav .howto-nav-section .posts {
  margin-top: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.adr-mobile-nav .howto-nav-section .howto-text {
  padding-bottom: 1rem;
}
.adr-mobile-nav .item {
  font-size: 0.875em;
  padding: 14px;
  padding-inline: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.062745098);
  display: block;
  color: #2c2c2c;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}
.adr-mobile-nav .item:hover {
  background-color: rgba(207, 207, 207, 0.1019607843);
}
.adr-mobile-nav .acc-toggle-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  outline: none;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  padding-block: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  font-weight: 500;
}
.adr-mobile-nav .capabilities-menu {
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.top-navbar {
  width: 100%;
  height: 100%;
  max-height: 100%;
}
.top-navbar .menu-toggle-btn {
  outline: none;
  border: none;
  font-size: 1.25em;
  background-color: transparent;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  color: #423d3d;
  cursor: pointer;
}
.top-navbar .menu-toggle-btn:hover {
  background-color: rgba(104, 104, 104, 0.062745098);
}
.top-navbar .logo {
  display: flex;
  gap: 12px;
}
.top-navbar .logo .divider {
  width: 1px;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.1254901961);
}
.top-navbar .logo a {
  font-size: 1.2em;
  font-weight: 500;
  letter-spacing: -0.5px;
  white-space: nowrap;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(114deg, #3F4D6F 5.15%, #4B6195 80.8%);
  background-clip: text;
  -webkit-background-clip: text;
}
.top-navbar a {
  text-decoration: none;
}
.top-navbar .cta-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.top-navbar .cta-container .btn-cta {
  padding: 10px 16px;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
.top-navbar .cta-container .btn-cta.primary-btn {
  background: none;
  color: #b32c8c;
  padding: 9px 16px;
  border: 1px solid #b32c8c;
  font-weight: 530;
}
.top-navbar .cta-container .btn-cta.primary-btn:hover {
  box-shadow: none;
  background-color: #b32c8c;
  color: #fff;
}
.top-navbar .cta-container .btn-cta.secondary-btn {
  background: linear-gradient(100deg, #CB2383, #8324AD);
  transition: 0.3s ease-in-out;
}
.top-navbar .cta-container .btn-cta.secondary-btn:hover {
  box-shadow: 0 0 6px #e647a1;
}

.primary-nav-container {
  height: 100%;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
}

.nav-level {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cta-pre-text {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 470;
}

.downlaod_link {
  text-decoration: underline;
  margin-left: 0.35rem;
  white-space: nowrap;
  color: #0d6cb4;
  transition: 0.3s ease-in-out;
  font-weight: 470;
}
.downlaod_link:hover {
  color: #083353;
}

.nav-level-1 {
  width: 100%;
  background-color: #F0F8FF;
  background: linear-gradient(90deg, #D9E0EA 0%, #E6F6FF 32.5%, #E8EAFF 64.5%, #D5EEFA 100%);
  height: var(--level-1-header-height);
  border-bottom: 1px solid rgba(0, 0, 0, 0.062745098);
}
.nav-level-1 .nav-contents {
  display: flex;
  align-items: center;
  margin: auto;
  font-size: 13px;
  font-weight: 470;
  letter-spacing: -0.25px;
}
.nav-level-1 .downlaod_link {
  text-decoration: underline;
}
.nav-level-1 .cta-container {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 1rem;
  padding-left: 0.2rem;
  border-left: 1px solid rgba(0, 0, 0, 0.1529411765);
}
.nav-level-1 .nav-item-wrap {
  padding: 6px 10px;
  border-radius: 8px;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.nav-level-1 .nav-item-wrap:hover, .nav-level-1 .nav-item-wrap[data-state=open] {
  background-color: rgba(23, 173, 218, 0.1450980392);
}
.nav-level-1 .nav-item-name {
  color: #131212;
  line-height: 1;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
}
.nav-level-1 .nav-item-name i {
  font-weight: 600;
}
.nav-level-1 .dropdown-items-container {
  top: 40px;
}

.nav-level-2 {
  width: var(--site-width);
  margin: auto;
  height: 65px;
}

.primary-nav .search-form .vs-input-group {
  width: 22rem;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
}
.primary-nav .nav-links {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  transition: 0.5s ease-in-out;
  overflow: hidden;
}
.primary-nav .nav-item-wrap {
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.primary-nav .nav-item-wrap:hover .nav-item, .primary-nav .nav-item-wrap[data-state=open] .nav-item {
  background-color: #EDEDED;
}
.primary-nav .nav-item-wrap:hover .dropdown-items-container, .primary-nav .nav-item-wrap[data-state=open] .dropdown-items-container {
  visibility: visible;
  opacity: 1;
}
.primary-nav .nav-item {
  display: flex;
  align-items: center;
  gap: 4px;
  line-height: 1;
  font-size: 14px;
  font-weight: 550;
  color: #131212;
  padding: 10px 1rem;
  border-radius: 8px;
  transition: 0.3s ease-in-out;
  cursor: pointer;
  white-space: nowrap;
}
.primary-nav .nav-item:hover {
  background-color: #EDEDED;
}
.primary-nav .nav-item i {
  font-weight: 600;
}

.cta-pre-text {
  height: 16px;
  max-height: 16px;
}

.animated-texts-container {
  line-height: inherit;
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
  transition: 0.5s ease-in-out;
  display: flex;
  flex-direction: column;
}
.animated-texts-container .animated-text {
  overflow: hidden;
  white-space: nowrap;
  transition: 0.5s ease-in-out;
  display: block;
  text-align: center;
  font-weight: 600;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(130deg, #CB2383, #8324AD);
  background-clip: text;
  -webkit-background-clip: text;
}

.dropdown-items-store {
  display: none;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}

.nav-item-wrap.nav-visible .dropdown-items-container {
  min-height: 200px;
  box-shadow: 1px 20px 14px 4px rgba(0, 0, 0, 0.16);
  border-top: 1px solid rgba(0, 0, 0, 0.0823529412);
  pointer-events: all;
}
.nav-item-wrap.nav-visible .menu-container {
  opacity: 1;
}
.nav-item-wrap.nav-visible .menu-container.solutions-menu .site-promotion-banner::before {
  animation: bg-move-in 1s cubic-bezier(0.45, 0, 0, 1.07);
}
.nav-item-wrap.nav-visible .menu-container .heading,
.nav-item-wrap.nav-visible .menu-container .howto-text .title {
  opacity: 0;
  animation: fade-in-from-left 500ms ease-in-out forwards;
}
.nav-item-wrap.nav-visible .menu-container .sub-heading,
.nav-item-wrap.nav-visible .menu-container .howto-text .desc {
  opacity: 0;
  animation: fade-in-from-left 500ms 50ms ease-in-out forwards;
}
.nav-item-wrap.nav-visible .menu-container .launch-demo-btn,
.nav-item-wrap.nav-visible .menu-container .explore-btn {
  opacity: 0;
  animation: fade-in-from-left 600ms 100ms ease-in-out forwards;
}
.nav-item-wrap.nav-visible .menu-container .categories-banner::before {
  animation: rotate 1s cubic-bezier(0.41, -0.01, 0.35, 1.34);
}
.nav-item-wrap.nav-visible .menu-container .categories-banner::after {
  animation: fade-in-from-right 1s cubic-bezier(0.4, 0, 0.28, 1.23);
}
.nav-item-wrap.nav-visible .menu-container .post-item {
  opacity: 0;
  animation: fade-in-from-left 300ms ease-in-out forwards;
}
.nav-item-wrap.nav-visible .menu-container .post-item:nth-child(1n) {
  animation-delay: 50ms;
}
.nav-item-wrap.nav-visible .menu-container .post-item:nth-child(2n) {
  animation-delay: 100ms;
}
.nav-item-wrap.nav-visible .menu-container .post-item:nth-child(3n) {
  animation-delay: 150ms;
}
.nav-item-wrap.nav-visible .menu-container .post-item:nth-child(4n) {
  animation-delay: 200ms;
}
.nav-item-wrap.nav-visible .menu-container .post-item:nth-child(5n) {
  animation-delay: 250ms;
}
.nav-item-wrap.nav-visible .nav-category-link {
  opacity: 0;
  animation: fade-in-from-left 250ms ease-in-out forwards;
}
.nav-item-wrap.nav-visible .series-nav-menu .nav-category-link {
  animation: fade-in-from-top 200ms ease-in-out forwards;
}
.nav-item-wrap.nav-visible .capabilities-menu .capability-item {
  opacity: 0;
  animation: fade-in-from-top 200ms ease-in-out forwards;
}
.nav-item-wrap.nav-visible .capability-item:nth-child(1n) {
  animation-delay: 50ms;
}
.nav-item-wrap.nav-visible .nav-category-link:nth-child(1n) {
  animation-delay: 50ms;
}
.nav-item-wrap.nav-visible .capability-item:nth-child(2n) {
  animation-delay: 100ms;
}
.nav-item-wrap.nav-visible .nav-category-link:nth-child(2n) {
  animation-delay: 100ms;
}
.nav-item-wrap.nav-visible .capability-item:nth-child(3n) {
  animation-delay: 150ms;
}
.nav-item-wrap.nav-visible .nav-category-link:nth-child(3n) {
  animation-delay: 150ms;
}
.nav-item-wrap.nav-visible .capability-item:nth-child(4n) {
  animation-delay: 200ms;
}
.nav-item-wrap.nav-visible .nav-category-link:nth-child(4n) {
  animation-delay: 200ms;
}
.nav-item-wrap.nav-visible .capability-item:nth-child(5n) {
  animation-delay: 250ms;
}
.nav-item-wrap.nav-visible .nav-category-link:nth-child(5n) {
  animation-delay: 250ms;
}
.nav-item-wrap.nav-visible .capability-item:nth-child(6n) {
  animation-delay: 300ms;
}
.nav-item-wrap.nav-visible .nav-category-link:nth-child(6n) {
  animation-delay: 300ms;
}
.nav-item-wrap.nav-visible .capability-item:nth-child(7n) {
  animation-delay: 350ms;
}
.nav-item-wrap.nav-visible .nav-category-link:nth-child(7n) {
  animation-delay: 350ms;
}
.nav-item-wrap.nav-visible .capability-item:nth-child(8n) {
  animation-delay: 400ms;
}
.nav-item-wrap.nav-visible .nav-category-link:nth-child(8n) {
  animation-delay: 400ms;
}
.nav-item-wrap.nav-visible .capability-item:nth-child(9n) {
  animation-delay: 450ms;
}
.nav-item-wrap.nav-visible .nav-category-link:nth-child(9n) {
  animation-delay: 450ms;
}
.nav-item-wrap.nav-visible .capability-item:nth-child(10n) {
  animation-delay: 500ms;
}
.nav-item-wrap.nav-visible .nav-category-link:nth-child(10n) {
  animation-delay: 500ms;
}

.dropdown-items-container {
  position: absolute;
  top: var(--header-margin);
  left: 0;
  z-index: 100;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  max-height: 0;
  cursor: default;
  pointer-events: none;
  background-color: #fdfdfd;
}

.menu-container {
  width: var(--site-width);
  margin: auto;
  display: flex;
}
.menu-container .site-solutions-links {
  display: grid;
  grid-template-columns: repeat(2, 200px);
  gap: 6px;
  padding-block: 2rem;
  padding-right: 2rem;
  width: -moz-fit-content;
  width: fit-content;
}
.menu-container .categories-menu {
  grid-template-columns: repeat(2, 325px);
  gap: 12px;
  row-gap: 1.6rem;
  height: -moz-fit-content;
  height: fit-content;
  padding-block: 2rem 3rem;
}
.menu-container .categories-menu .nav-category-link {
  color: #1086B9;
  color: #1D1A1A;
  font-size: 14px;
  font-weight: 550;
  padding-block: 14px;
  gap: 1rem;
  max-height: 68px;
  background-color: #fdfdfd;
}
.menu-container .categories-menu .nav-category-link:hover {
  background-color: #d8f3ff;
}
.menu-container .categories-menu .nav-category-link:hover .category-icon {
  background-color: #f3fbff;
}
.menu-container .categories-menu .category-icon {
  font-size: 1.8rem;
  color: #1b60af;
  background-color: #def5ff;
  --_dim: 3rem;
  width: var(--_dim);
  height: var(--_dim);
  min-width: var(--_dim);
  min-height: var(--_dim);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.3s ease-in-out;
}
.menu-container .series-nav-menu {
  grid-template-columns: repeat(3, minmax(300px, 1fr));
  width: 100%;
  padding-right: 0;
  gap: 2rem;
  border-radius: 8px;
  padding-bottom: 3rem;
}
.menu-container .series-nav-menu .nav-category-link {
  flex-direction: column;
  align-items: flex-start;
  white-space: wrap;
  gap: 8px;
}
.menu-container .series-nav-menu .title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.45;
  color: #030f1b;
  letter-spacing: -0.25px;
}
.menu-container .series-nav-menu .title span {
  font-weight: 500;
  color: #1a79b8;
  font-size: 14px;
  white-space: nowrap;
}
.menu-container .series-nav-menu .description {
  font-size: 14px;
  color: #5f5f5f;
  line-height: 1.5;
  font-weight: 450;
  letter-spacing: 0;
}
.menu-container .nav-category-link {
  font-size: 13px;
  font-weight: 500;
  color: #474747;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  text-decoration: none;
  white-space: nowrap;
  transition: 0.3s ease-in-out;
}
.menu-container .nav-category-link:hover {
  background-color: #EBF5FF;
}
.menu-container .site-promotion-banner {
  flex-grow: 1;
  min-height: 100%;
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
  margin-bottom: 1rem;
  padding-left: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding-left: 4rem;
  padding-right: 2rem;
  position: relative;
  background-color: #f6f6f6;
  overflow: hidden;
}
.menu-container .categories-banner {
  background: #E1F2FF;
  background-position: 150% 2rem;
  background-size: contain;
  align-items: flex-end;
  padding-bottom: 2.5rem;
  overflow: hidden;
  box-shadow: inset -10px 0px 16px rgba(0, 0, 0, 0.062745098);
}
.menu-container .categories-banner::after {
  content: "";
  background: url("../assets/images/usage-and-adoption.webp") no-repeat;
  width: 19rem;
  height: 15rem;
  background-size: contain;
  position: absolute;
  right: -5rem;
  z-index: 0;
}
.menu-container .categories-banner::before {
  content: "";
  background: url("../assets/images/O365-Auditing.png") no-repeat;
  width: 19.5rem;
  height: 19.5rem;
  background-size: contain;
  position: absolute;
  top: -10.5rem;
  left: -5rem;
}
.menu-container .categories-banner .promotion-text {
  color: #205781;
  -webkit-backdrop-filter: unset;
          backdrop-filter: unset;
  margin-top: 6rem;
}
.menu-container .categories-banner .promotion-text .heading span {
  color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(to right, #8f0cec, #1140e9);
  background-clip: text;
  -webkit-background-clip: text;
}
.menu-container .categories-banner .promotion-text .sub-heading {
  width: 22rem;
  font-weight: 500;
  color: #367a9e;
  font-size: 15px;
}
.menu-container .categories-banner .promotion-text .sub-heading span {
  color: #00517E;
  font-weight: 500;
}
.menu-container .categories-banner .promotion-text .cta {
  margin-top: 0.5rem;
  background-color: #4F7ACD;
}
.menu-container .promotion-text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 1rem;
  margin-top: 1rem;
  padding-block: 2rem 1rem;
  line-height: 1.5;
  letter-spacing: -0.25px;
  z-index: 2;
}
.menu-container .promotion-text .heading {
  width: 22rem;
  font-size: 18px;
  font-weight: 700;
}
.menu-container .promotion-text .heading span {
  color: #25AF6D;
}
.menu-container .promotion-text .sub-heading {
  width: 20rem;
  font-size: 1rem;
  font-weight: 400;
  color: #929292;
}
.menu-container .promotion-text .launch-demo-btn {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 10px 1rem;
  padding-left: 1.2rem;
  background-color: #258C23;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 64px;
  color: #fff;
  margin-top: 1rem;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}
.menu-container .promotion-text .launch-demo-btn i {
  font-weight: 500;
}
.menu-container .promotion-text .launch-demo-btn:hover {
  gap: 0.6rem;
}

.solutions-menu .site-promotion-banner .promotion-text {
  z-index: 2;
}
.solutions-menu .site-promotion-banner .demo-video {
  width: 26rem;
  height: auto;
  position: absolute;
  right: 3rem;
  top: 23%;
  z-index: 0;
  transition: 0.3s ease-in-out;
  display: block;
  line-height: 0;
  aspect-ratio: 16/9;
}

.howto-nav-section {
  padding-block: 2rem;
}

.howto-nav .howto-text {
  padding-block: 2rem;
  letter-spacing: -0.25px;
}
.howto-nav .howto-text .title {
  font-size: 18px;
  color: #20211F;
  font-weight: 600;
}
.howto-nav .howto-text .title span {
  color: #25AF6D;
}
.howto-nav .howto-text .desc {
  font-size: 14px;
  line-height: 1.75;
  color: #848484;
  font-weight: 450;
  margin-top: 1rem;
  width: 20rem;
}
.howto-nav .explore-btn {
  font-size: 14px;
  color: #fff;
  border-radius: 64px;
  text-decoration: none;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #258C23;
  transition: 0.3s ease-in-out;
  padding: 12px 1rem;
  padding-left: 1.4rem;
}
.howto-nav .explore-btn:hover {
  background-color: #31a72f;
}

.howto-posts {
  flex-grow: 1;
  letter-spacing: -0.25px;
  border-left: 1px solid rgba(0, 0, 0, 0.062745098);
  padding-left: 3rem;
  margin-left: 3rem;
  padding-block: 1rem;
}
.howto-posts .title {
  font-size: 1rem;
  font-weight: 600;
  color: #787878;
}
.howto-posts .posts {
  display: grid;
  grid-template-columns: repeat(2, minmax(300px, 1fr));
  gap: 1rem;
  margin-top: 2rem;
}
.howto-posts .post-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-decoration: none;
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.062745098);
  transition: 0.3s ease-in-out;
  position: relative;
}
.howto-posts .post-item:hover {
  border-color: rgba(0, 156, 96, 0.6352941176);
}
.howto-posts .post-item .count {
  position: absolute;
  top: 6px;
  right: 8px;
  border: 1px solid rgba(0, 0, 0, 0.0901960784);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 550;
  padding: 2px 8px;
  color: #498593;
}
.howto-posts .post-item .category {
  font-size: 11px;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  background-color: #1E3243;
  border-radius: 18px;
  padding: 4px 12px 4px 8px;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 400;
  letter-spacing: 0.35px;
}
.howto-posts .post-item .m365-icon {
  width: 0.95rem;
  height: 0.95rem;
}
.howto-posts .post-item .post-title {
  font-size: 1rem;
  font-weight: 650;
  color: #13162e;
  line-height: 1.35;
}

.capabilities-menu {
  display: grid;
  padding-block: 2rem;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: 165px;
  cursor: default;
}
.capabilities-menu .capability-item {
  background-color: #F5F5F5;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border-radius: 8px;
  gap: 12px;
  border: 1px solid transparent;
  text-decoration: none;
  transition: 0.3s ease-in-out;
  position: relative;
}
.capabilities-menu .capability-item i {
  position: absolute;
  bottom: 0.8rem;
  right: 0.8rem;
  font-size: 2.2rem;
}
.capabilities-menu .capability-item:nth-child(1) {
  background-color: rgba(8, 177, 185, 0.1);
}
.capabilities-menu .capability-item:nth-child(1) .post-title {
  color: #08B1B9;
}
.capabilities-menu .capability-item:nth-child(1) i {
  color: rgba(8, 177, 185, 0.3);
}
.capabilities-menu .capability-item:nth-child(2) {
  background-color: rgba(24, 203, 130, 0.1);
}
.capabilities-menu .capability-item:nth-child(2) .post-title {
  color: #18CB82;
}
.capabilities-menu .capability-item:nth-child(2) i {
  color: rgba(24, 203, 130, 0.3);
}
.capabilities-menu .capability-item:nth-child(3) {
  background-color: rgba(37, 153, 232, 0.1);
}
.capabilities-menu .capability-item:nth-child(3) .post-title {
  color: #2599E8;
}
.capabilities-menu .capability-item:nth-child(3) i {
  color: rgba(37, 153, 232, 0.3);
}
.capabilities-menu .capability-item:nth-child(4) {
  background-color: rgba(205, 152, 42, 0.1);
}
.capabilities-menu .capability-item:nth-child(4) .post-title {
  color: #CD982A;
}
.capabilities-menu .capability-item:nth-child(4) i {
  color: rgba(205, 152, 42, 0.3);
}
.capabilities-menu .capability-item:nth-child(5) {
  background-color: rgba(179, 104, 255, 0.1);
}
.capabilities-menu .capability-item:nth-child(5) .post-title {
  color: #B368FF;
}
.capabilities-menu .capability-item:nth-child(5) i {
  color: rgba(179, 104, 255, 0.3);
}
.capabilities-menu .capability-item:nth-child(6) {
  background-color: rgba(154, 134, 255, 0.1);
}
.capabilities-menu .capability-item:nth-child(6) .post-title {
  color: #9A86FF;
}
.capabilities-menu .capability-item:nth-child(6) i {
  color: rgba(154, 134, 255, 0.3);
}
.capabilities-menu .capability-item:nth-child(7) {
  background-color: rgba(236, 92, 188, 0.1);
}
.capabilities-menu .capability-item:nth-child(7) .post-title {
  color: #EC5CBC;
}
.capabilities-menu .capability-item:nth-child(7) i {
  color: rgba(236, 92, 188, 0.3);
}
.capabilities-menu .capability-item:hover {
  border-color: rgba(113, 166, 209, 0.5960784314);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.062745098);
}
.capabilities-menu .post-title {
  font-size: 1rem;
  font-weight: 600;
}
.capabilities-menu .desc {
  font-size: 14px;
  line-height: 1.65;
  color: #1f1e1e;
  letter-spacing: -0.15px;
  font-weight: 500;
}

.search-form {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
}
.search-form.searchbar-visible .vs-input-group {
  max-width: 22vw;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.137254902);
  border-color: rgba(0, 0, 0, 0.2);
  padding-right: 0.55rem;
}
.search-form input,
.search-form button {
  outline: none;
  border: none;
  background-color: transparent;
}
.search-form .vs-input-group {
  border-radius: 8px;
  display: flex;
  align-items: center;
  background-color: transparent;
  height: 100%;
  border: 1px solid transparent;
  transition: 0.3s ease-in-out;
}
.search-form .vs-input-group .input-clear-btn {
  color: #818181;
  cursor: pointer;
}
.search-form .search-field {
  width: 100%;
  padding: 8px 14px;
}
.search-form .search-submit-btn {
  background-color: rgba(247, 247, 247, 0.7725490196);
  height: 2.4rem;
  width: 2.4rem;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.5s ease-in-out;
}
.search-form .search-submit-btn i {
  font-weight: 600;
  font-size: 1rem;
  color: #181717;
  transition: 0.3s ease-in-out;
}
.search-form .search-submit-btn:hover {
  background-color: rgba(36, 134, 209, 0.4039215686);
}
.search-form .search-field:not(:valid) ~ .input-clear-btn {
  visibility: hidden;
}
.search-form:has(.search-field:is(:valid)) .search-submit-btn {
  background-color: #2486d1;
}
.search-form:has(.search-field:is(:valid)) .search-submit-btn i {
  color: #fff;
  font-weight: 500;
}

.m365-icon {
  width: 2.2rem;
  height: 2.2rem;
  display: inline-block;
  vertical-align: middle;
}
.m365-icon.azure::before {
  content: url("../assets/images/m365-icons/azure.svg");
}
.m365-icon.exchange::before {
  content: url("../assets/images/m365-icons/exchange.svg");
}
.m365-icon.email::before {
  content: url("../assets/images/m365-icons/email.svg");
}
.m365-icon.sharepoint::before {
  content: url("../assets/images/m365-icons/sharepoint.svg");
}
.m365-icon.onedrive::before {
  content: url("../assets/images/m365-icons/onedrive.svg");
}
.m365-icon.teams::before {
  content: url("../assets/images/m365-icons/teams.svg");
}
.m365-icon.yammer::before {
  content: url("../assets/images/m365-icons/yammer.svg");
}
.m365-icon.powerbi::before {
  content: url("../assets/images/m365-icons/powerbi.svg");
}
.m365-icon.stream::before {
  content: url("../assets/images/m365-icons/stream.svg");
}

@media screen and (width < 1450px) {
  .solutions-menu .site-promotion-banner .demo-video {
    opacity: 0.2;
  }
}
@media screen and (width < 1400px) {
  .solutions-menu .site-promotion-banner::before {
    opacity: 0.05;
  }
  .menu-container .categories-banner::after {
    opacity: 0.05;
  }
}
@media screen and (width > 1150px) {
  .adr-mobile-nav {
    display: none;
  }
}
@media screen and (width < 1150px) {
  .menu-toggle-btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nav-level-1 .cta-container {
    display: none;
  }
  .nav-level-2 .search-form {
    display: none;
  }
  .primary-nav-container {
    display: none;
  }
  .solutions-menu .site-promotion-banner::before {
    opacity: 1;
  }
  .solutions-menu .site-promotion-banner .demo-video {
    opacity: 1;
  }
}
@media screen and (width < 1300px) {
  .menu-container .categories-banner {
    padding-left: 2rem;
    padding-bottom: 1rem;
    padding-right: 1rem;
  }
  .menu-container .categories-banner .promotion-text {
    text-wrap: wrap;
  }
  .menu-container .categories-banner .promotion-text .sub-heading {
    width: 100%;
  }
  .menu-container .categories-banner .heading {
    width: 100%;
  }
}
@media screen and (width < 930px) {
  .solutions-menu .site-promotion-banner .demo-video {
    opacity: 0.2;
  }
}
@media screen and (width < 900px) {
  .adr-mobile-nav .menu-container .promotion-text {
    margin-top: 0;
    padding-block: 0;
  }
  .adr-mobile-nav .menu-container .categories-banner {
    padding-top: 8rem;
    padding-bottom: 3rem;
  }
  .adr-mobile-nav .menu-container .categories-banner .promotion-text {
    margin-top: 0;
  }
  .adr-mobile-nav .menu-container .categories-menu {
    row-gap: 8px;
  }
}
@media screen and (width < 800px) {
  .adr-mobile-nav .solutions-menu .site-promotion-banner::before {
    background: none;
  }
}
@media screen and (width < 750px) {
  .adr-mobile-nav .search-form {
    width: 100%;
  }
  .adr-mobile-nav .menu-container .categories-banner::after {
    opacity: 0.05;
  }
}
@media screen and (width < 600px) {
  .top-navbar .logo a {
    font-size: 1rem;
  }
  .top-navbar .cta-container .btn-cta {
    font-size: 13px;
  }
  .adr-mobile-nav .menu-container .site-promotion-banner {
    padding: 3rem;
  }
  .adr-mobile-nav .menu-container .categories-banner {
    padding-top: 8rem;
    padding-bottom: 3rem;
  }
  .adr-mobile-nav .site-promotion-banner .demo-video {
    display: none;
  }
}
@media screen and (width < 550px) {
  .top-navbar .cta-container .btn-cta {
    display: none;
  }
}
@media screen and (width < 450px) {
  .adr-mobile-nav .mobile-nav-wrapper {
    padding: 1rem;
    padding-top: 2rem;
  }
  .adr-mobile-nav .menu-container .site-promotion-banner {
    padding: 2rem 2.4rem;
  }
  .adr-mobile-nav .menu-container .site-promotion-banner .promotion-text .heading {
    width: 100%;
  }
  .adr-mobile-nav .menu-container .site-promotion-banner .promotion-text .sub-heading {
    width: 100%;
  }
  .adr-mobile-nav .menu-container .categories-menu {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .adr-mobile-nav .menu-container .categories-banner {
    padding-left: 2rem;
    padding-bottom: 2rem;
    padding-top: 8rem;
  }
  .adr-mobile-nav .menu-container .categories-banner .promotion-text .heading {
    width: -moz-fit-content;
    width: fit-content;
  }
  .adr-mobile-nav .menu-container .categories-banner .promotion-text .sub-heading {
    width: -moz-fit-content;
    width: fit-content;
  }
  .adr-mobile-nav .mobile-cta-texts {
    display: flex;
  }
  body {
    --header-margin: 65px;
  }
  .top-navbar .nav-level-1 {
    display: none;
  }
}
.home .site-primary {
  width: 100%;
}
.home .site-primary .main-content {
  width: 100%;
  margin-top: -5rem;
  position: relative;
  z-index: 2;
}

.author .page-header-wrapper {
  width: 100%;
  background-color: #f6fbfc;
  margin-bottom: 2rem;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.0745098039);
}
.author .page-header-wrapper .page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-block: 4rem;
}
.author .page-header-wrapper .page-header .page-title {
  font-size: 1.85rem;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #07262D;
}
.author .page-header-wrapper .page-header .page-title span {
  font-size: 1rem;
  font-weight: 500;
  color: #5A5F60;
  letter-spacing: -0.25px;
}
.author .page-header-wrapper .author-icon {
  font-size: 4rem;
  color: rgba(28, 27, 31, 0.0666666667);
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}

:root {
  --angle: 0deg;
}

@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: true;
}
.hero-container {
  width: 100%;
  background-color: #0D2B3C;
  color: #fff;
  letter-spacing: 0px;
  font-weight: 300;
  line-height: 1.5;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.hero-container::before {
  content: var(--hex-bg-url);
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  position: absolute;
  left: -63px;
  top: -123px;
  transform: rotate(203deg);
  opacity: 0.15;
  z-index: 0;
}
.hero-container::after {
  content: var(--hex-bg-url);
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  position: absolute;
  right: -31px;
  bottom: -101px;
  transform: rotate(383deg);
  z-index: 0;
  opacity: 0.4;
}
.hero-container .hero-section {
  width: var(--site-width);
  margin: auto;
  padding-block: 8rem;
  padding-block-end: 13rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 4;
  position: relative;
}
.hero-container .site-info-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.hero-container .site-name {
  color: #98B1C8;
  font-size: 16px;
  letter-spacing: -0.25px;
  font-weight: 400;
}
.hero-container .site-desc {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1.5;
  --content: "";
  --lu-start-gradient: #2274ff;
  --lu-end-gradient: #0cddd7;
  --ft-start-gradient: oklch(67.3% 0.266 25.39);
  --ft-end-gradient: oklch(85.82% 0.201 91.19);
  --sc-start-gradient: #A2E21A;
  --sc-end-gradient: #0FF35D;
}
.hero-container .site-desc .animated-gradient-text-background {
  position: relative;
}
.hero-container .site-desc .animated-gradient-text-background .animated-text-gradient-foreground {
  background-image: linear-gradient(90deg, var(--grad-start), var(--grad-end));
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  font-weight: 800;
  position: relative;
  z-index: 1;
}
@keyframes fade-fg-1 {
  0%, 16%, 100% {
    opacity: 1;
  }
  33%, 83% {
    opacity: 0;
  }
}
@keyframes fade-bg-1 {
  0%, 16%, 100% {
    opacity: 0;
  }
  25%, 91% {
    opacity: 1;
  }
}
@keyframes fade-fg-2 {
  0%, 100% {
    opacity: 0;
  }
  33%, 50% {
    opacity: 1;
  }
  16%, 66% {
    opacity: 0;
  }
}
@keyframes fade-bg-2 {
  0%, 100% {
    opacity: 1;
  }
  33%, 50% {
    opacity: 0;
  }
  25%, 58% {
    opacity: 1;
  }
}
@keyframes fade-fg-3 {
  0%, 50%, 100% {
    opacity: 0;
  }
  66%, 83% {
    opacity: 1;
  }
}
@keyframes fade-bg-3 {
  0%, 58%, 91%, 100% {
    opacity: 1;
  }
  66%, 83% {
    opacity: 0;
  }
}
.hero-container .site-desc-secondary {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #A0BCD7;
  line-height: 1.65;
}
.hero-container .scripts-cta-banner {
  width: 420px;
  padding: 2rem;
  background-color: rgba(36, 148, 101, 0.1019607843);
  box-shadow: 0 0 16px rgba(65, 228, 130, 0.2);
  border: 1px solid rgba(50, 199, 110, 0.6431372549);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 2;
  position: relative;
}
.hero-container .scripts-cta-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 2px;
  background: conic-gradient(from var(--angle), rgba(168, 239, 255, 0.1), #55ff80 0.1turn, #61ff89 0.15turn, rgba(168, 239, 255, 0.1) 0.25turn);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  animation: borderRotate 8000ms linear infinite forwards;
}
@keyframes borderRotate {
  100% {
    --angle: 360deg;
  }
}
.hero-container .banner-info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.hero-container .sc-title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  color: #42E97B;
}
.hero-container .sc-desc {
  font-weight: 500;
  font-size: 14px;
  color: #e7f8ef;
}
.hero-container .sc-desc span {
  font-size: 16px;
  font-weight: 800;
  margin-left: 4px;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, #A2E21A -4.55%, #0FF35D 89.39%);
  background-clip: text;
  -webkit-background-clip: text;
}
.hero-container .sc-cta {
  color: #0F4327;
  padding: 12px 16px;
  border: 1px solid #31b867;
  border-radius: 6px;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #42E97B;
  line-height: 1;
  text-decoration: none;
  font-weight: 650;
  font-size: 14px;
  box-shadow: 0 0 8px rgba(47, 173, 102, 0.2392156863);
  margin-top: 12px;
  outline: none;
  line-height: 1.4;
  transition: 0.3s ease-in-out;
}
.hero-container .sc-cta:hover {
  box-shadow: 0 0 8px rgba(47, 173, 102, 0.6039215686);
}
.hero-container .sc-cta:hover i {
  margin-left: 8px;
}
.hero-container .sc-cta i {
  line-height: 1;
  margin-left: 4px;
  font-weight: 600;
  vertical-align: middle;
  transition: 0.3s ease-in-out;
}

.section.recent-posts {
  padding: 2rem;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: var(--site-width);
  margin: auto;
  border-radius: 0.5rem;
  box-shadow: 0 4px 22px rgba(240, 106, 28, 0.0901960784), 0 8px 8px rgba(115, 42, 170, 0.0941176471);
}
.section.recent-posts .view-more {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.section.recent-posts .view-more span {
  font-size: 1.25em;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #0C4266;
  line-height: 1;
  display: block;
}
.section.recent-posts .view-more .view-all-btn {
  display: flex;
  align-items: center;
  font-size: 0.9em;
  gap: 8px;
  text-decoration: none;
  color: #494949;
  padding: 8px 16px;
  border: 1px solid rgba(0, 0, 0, 0.1529411765);
  border-radius: 8px;
  transition: 0.2s ease-in-out;
}
.section.recent-posts .view-more .view-all-btn:hover {
  background-color: #194475;
  color: #f5f5f5;
}
.section.recent-posts .adr-scrollable-container {
  display: flex;
  gap: 1rem;
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}
.section.recent-posts .related-posts-2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(375px, 1fr));
}

.categories-wrapper-container {
  width: 100%;
  padding-block: 2rem;
  background: url("../assets/images/categories-bg.png") no-repeat;
  background-blend-mode: multiply;
  background-size: contain;
}
.categories-wrapper-container .categories-container {
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4rem;
}
.categories-wrapper-container .categories-container .section-title {
  text-align: center;
  font-size: 2em;
  font-weight: 700;
  letter-spacing: -1.35px;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(to right, #4035C1, #3A126D);
  background-clip: text;
  -webkit-background-clip: text;
}
.categories-wrapper-container .category-items {
  margin-top: 2rem;
  display: flex;
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(3, minmax(330px, 360px));
  grid-template-rows: 200px 100px 200px;
  grid-auto-flow: row;
  grid-template-areas: "cat1 cat2 cat3" "cat4 cat2 cat6" "cat4 cat5 cat6";
}
.categories-wrapper-container .category-item:nth-child(1) {
  grid-area: cat1;
}
.categories-wrapper-container .category-item:nth-child(2) {
  grid-area: cat2;
}
.categories-wrapper-container .category-item:nth-child(3) {
  grid-area: cat3;
}
.categories-wrapper-container .category-item:nth-child(4) {
  grid-area: cat4;
}
.categories-wrapper-container .category-item:nth-child(5) {
  grid-area: cat5;
}
.categories-wrapper-container .category-item:nth-child(6) {
  grid-area: cat6;
}
.categories-wrapper-container .category-item:nth-child(7) {
  grid-area: cat7;
}
.categories-wrapper-container .category-item:nth-child(8) {
  grid-area: cat8;
}
.categories-wrapper-container .category-item {
  background-color: #1D324A;
  border-radius: 8px;
  padding: 1.2rem 2rem;
  padding-bottom: 1.4rem;
  color: #fff;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  transition: 0.3s ease-in-out;
  gap: 1rem;
}
.categories-wrapper-container .category-item .category-title {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #EDEDED;
}
.categories-wrapper-container .category-item .category-title i {
  font-size: 3em;
  color: #5E8AA7;
  transition: 0.3s ease-in-out;
}
.categories-wrapper-container .category-item:hover {
  background-color: #1A416C;
  box-shadow: 0 1px 32px rgba(25, 69, 119, 0.2549019608), 2px 2px 32px rgba(26, 69, 120, 0.2549019608), 1px 1px 4px #194475;
}
.categories-wrapper-container .category-item:hover i {
  color: #b9efff;
}
.categories-wrapper-container .category-item .category-desc {
  font-size: 0.85rem;
  font-weight: 300;
  color: #ededed;
  line-height: 1.5;
}
.categories-wrapper-container .howto-card {
  padding: 2rem;
  padding-bottom: 3rem;
  position: relative;
}
.categories-wrapper-container .howto-card:hover .howto-link {
  transform: scale(1.1);
}
.categories-wrapper-container .howto-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: url("../assets/images/grid-lines.png");
  background-repeat: repeat-y;
  background-size: contain;
}
.categories-wrapper-container .howto-card .category-title {
  font-size: 1.4rem;
  font-weight: 600;
  color: #07E2AE;
}
.categories-wrapper-container .howto-card .category-title .howto-link {
  display: none;
}
.categories-wrapper-container .howto-card .card-footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.categories-wrapper-container .howto-card .category-desc {
  width: 17rem;
  line-height: 1.7;
  font-weight: 400;
}
.categories-wrapper-container .howto-card .howto-link {
  font-size: 2rem;
  min-width: 4.2rem;
  min-height: 4.2rem;
  background-color: #135397;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-in-out;
}
.categories-wrapper-container .col {
  width: 350px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: 0.3s ease-in-out;
  cursor: move !important;
}

.section.grid-posts-wrapper {
  width: 100%;
  margin-top: 1rem;
}
.section.grid-posts-wrapper .section-title {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -1px;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(to right, #4035C1, #3A126D);
  background-clip: text;
  -webkit-background-clip: text;
  margin-bottom: 1.6rem;
}
.section.grid-posts-wrapper .section-desc {
  font-size: 1rem;
  font-weight: 430;
  letter-spacing: -0.25px;
  line-height: 1.5;
  margin-bottom: 2rem;
  color: #10151E;
}
.section.grid-posts-wrapper.section-ep .section-title {
  margin-bottom: 0.8rem;
}
.section.grid-posts-wrapper .grid-posts-container {
  width: var(--site-width);
  margin: auto;
}
.section.grid-posts-wrapper .ep-posts-container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(24, minmax(0, 1fr));
  grid-template-rows: repeat(2, 320px);
  grid-auto-rows: 320px;
  gap: 12px;
}
.section.grid-posts-wrapper .card-3 {
  grid-column: span 7/span 7;
}
.section.grid-posts-wrapper .card-3:first-child, .section.grid-posts-wrapper .card-3:last-child {
  grid-column: span 10/span 10;
}
.section.grid-posts-wrapper .card-3 a {
  position: relative;
  background: linear-gradient(to top, #000000, #101010, rgba(30, 28, 28, 0.76), rgba(30, 31, 35, 0.62));
}
.section.grid-posts-wrapper .card-3 a:hover .post-thumbnail {
  filter: saturate(100%);
}
.section.grid-posts-wrapper .card-3 .post-thumbnail {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  filter: saturate(70%);
}

.home .archives-wrapper {
  scroll-margin-top: -50px;
}

.archives-wrapper {
  width: 100%;
  margin-block: 4rem;
}
.archives-wrapper .archive-posts {
  width: var(--site-width);
  margin: auto;
  position: relative;
}
.archives-wrapper .section-title {
  position: sticky;
  top: var(--header-margin);
  padding-block: 1rem;
  background-color: #f5f5f5;
  margin-top: 4rem;
  margin-bottom: 1rem;
  z-index: 1;
}
.archives-wrapper .posts-container-wrapper {
  width: 100%;
}
.archives-wrapper .archive-sidebar-wrapper {
  width: 100%;
}

.posts-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 1rem;
  overflow: hidden;
  width: 100%;
  transition: 1s ease-in-out;
  overflow: visible;
}

.buttons-container {
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 3rem;
  display: none;
  gap: 4px;
}
.buttons-container .btn {
  padding: 8px 18px;
  border-radius: 64px;
  border: none;
  outline: none;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.buttons-container .btn-1 {
  background-color: #1f58d3;
  color: #fff;
}
.buttons-container .btn-1:hover {
  background-color: #1659eb;
}
.buttons-container .btn-2 {
  color: #1f58d3;
  font-weight: 500;
  text-underline-offset: 4px;
  text-decoration: underline;
  background-color: transparent;
}

.two-col {
  grid-template-columns: repeat(auto-fit, minmax(350px, 450px));
}

.single-col {
  grid-template-columns: repeat(auto-fit, minmax(350px, 500px));
}

.archive .archives-wrapper,
.search .archives-wrapper {
  margin-top: 0;
}
.archive .section-title,
.search .section-title {
  margin-top: 0;
}
.archive .page-header,
.search .page-header {
  padding-block: 3rem 2rem;
  width: var(--site-width);
  margin: auto;
}
.archive .page-title,
.search .page-title {
  font-size: 1.625em;
  font-weight: 700;
  letter-spacing: -1px;
  color: #09202D;
}
.archive .archive-description,
.search .archive-description {
  margin-top: 1rem;
  font-size: 1em;
}

.search .archives-wrapper {
  margin-top: 1rem;
}

.search-no-results .page-header {
  padding-bottom: 0;
}

.vs-container {
  position: relative;
}

.main-content {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

#primary {
  width: 100%;
}

.crp_related {
  width: var(--site-width);
  width: 100%;
  margin: auto;
  padding-block: 4rem 0;
}
.crp_related .crp-title {
  font-size: 1.25em;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #19516b;
}
.crp_related ul {
  margin-top: 1.6rem;
  list-style: none;
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
.crp_related ul li {
  padding-bottom: 12px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1176470588);
  transition: 0.3s ease-in-out;
}
.crp_related ul li:hover {
  background-color: #fff;
  box-shadow: 2px 2px 8px rgba(36, 36, 36, 0.1568627451);
}
.crp_related ul .crp_link {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #2E2B2B;
  text-decoration: none;
}
.crp_related ul figure {
  width: 100%;
  height: inherit;
}
.crp_related ul figure img {
  aspect-ratio: 40/21;
  -o-object-fit: cover;
     object-fit: cover;
}
.crp_related ul .crp_thumb {
  width: 100%;
  height: inherit;
  border-radius: 4px 4px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.crp_related ul .crp_title {
  font-size: 15px;
  font-weight: 540;
  padding-inline: 8px;
}
.crp_related ul .crp_title,
.crp_related ul .crp_excerpt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  text-align: center;
}
.crp_related ul .crp_excerpt {
  font-size: 0.875em;
  font-weight: 400;
  letter-spacing: -0.25px;
  line-height: 1.5;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}

.series-wrapper {
  width: 100%;
  padding-block: 4rem 6rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
  background: radial-gradient(#152619, #0D1012);
  background: #fff;
  color: #737373;
}
.series-wrapper .series-container {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
}
.series-wrapper .section-header {
  width: 100%;
  width: 1024px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.series-wrapper .section-title {
  font-size: 1.5em;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.series-wrapper .section-title span {
  color: #0d7c2d;
}
.series-wrapper .view-all {
  color: #4E4E4E;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  font-size: 1em;
  padding: 8px 16px;
  border-radius: 8px;
  transition: 0.3s ease-in-out;
}
.series-wrapper .view-all i {
  font-size: 0.813em;
}
.series-wrapper .view-all:hover {
  background-color: #c0f0d9;
}
.series-wrapper .series-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  display: none;
  position: absolute;
  right: 2.8rem;
  top: 1.6rem;
  z-index: 4;
  background-color: rgba(255, 255, 255, 0.0901960784);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 8px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.0823529412);
  overflow: hidden;
}
.series-wrapper .series-nav .scroll-btn {
  position: static;
  transform: translateY(0);
  visibility: visible;
  box-shadow: none;
  opacity: unset;
  background-color: transparent;
}
.series-wrapper .series-nav .status {
  font-size: 13.5px;
  color: #f8f8f8;
}
.series-wrapper .series-nav .arrow {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  outline: none;
  border: none;
  color: #fff;
  color: #fff;
  font-size: 1em;
}
.series-wrapper .series-nav .arrow i {
  font-weight: 500;
}
.series-wrapper .series-nav .arrow:disabled {
  opacity: 0.2;
  pointer-events: none;
  cursor: not-allowed;
}
.series-wrapper .series-nav .arrow:hover {
  background-color: #28744f;
  box-shadow: -1px 1px 10px rgba(19, 20, 19, 0.2039215686);
}
.series-wrapper .series-slider {
  width: 100%;
  display: flex;
  gap: 2rem;
  overflow: hidden;
  margin: auto;
  position: relative;
}
.series-wrapper .series-slider::-webkit-scrollbar {
  display: none;
}
.series-wrapper .series-items {
  min-width: var(--site-width);
  width: var(--site-width);
  display: flex;
  margin: auto;
  gap: 2rem;
  position: relative;
  border-radius: 1rem;
  perspective: 200px;
  transform-style: preserve-3d;
}
.series-wrapper .series-item {
  width: 800px;
  height: 400px;
  max-width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: none;
  border-top-color: transparent;
  border-right-color: transparent;
  padding: 2rem;
  padding-top: 3rem;
  border-radius: 1rem;
  transition: 1s cubic-bezier(0.53, 0.05, 0, 0.99);
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  z-index: 2;
  box-shadow: none;
  cursor: pointer;
}
.series-wrapper .series-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.75) 20%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
}
.series-wrapper .series-item.active {
  z-index: 3;
}
.series-wrapper .series-item:not(.active) .si-meta {
  opacity: 0.2;
}
.series-wrapper .series-item .series-item-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  top: 0;
  left: 0;
}
.series-wrapper .series-item .si-label {
  font-size: 0.75em;
  font-weight: 300;
  line-height: 1.5;
  color: #fff;
  background-color: #3d813d;
  padding: 4px 8px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 4px;
  display: none;
}
.series-wrapper .series-item .si-meta {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: #fff;
  z-index: 2;
  transition: 1s ease-in-out;
}
.series-wrapper .series-item .si-title {
  font-size: 1.2em;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 1.5;
  color: #fff;
}
.series-wrapper .series-item .si-desc {
  font-size: 15px;
  line-height: 1.6;
}
.series-wrapper .series-item .si-cta {
  margin-top: 0.5rem;
  padding: 6px 16px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.15px;
  color: #070606;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
  color: #fff;
  background-color: #087e06;
  line-height: 1.5;
  border: 1px solid transparent;
  transition: 0.3s ease-in-out;
}
.series-wrapper .series-item .si-cta i {
  font-size: 0.875em;
}
.series-wrapper .series-item:hover .si-cta {
  background-color: #2a9c13;
  box-shadow: -1px 1px 10px rgba(62, 170, 75, 0.2588235294);
}

.series-page-wrapper {
  display: flex;
  width: var(--site-width);
  margin: auto;
  position: relative;
}
.series-page-wrapper .lhs-sidebar {
  min-width: 300px;
  max-width: 300px;
  position: sticky;
  top: 90px;
  padding-top: 3rem;
  padding-right: 2rem;
  height: 100vh;
  border-right: 1px solid rgba(0, 0, 0, 0.0666666667);
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.series-page-wrapper a {
  text-decoration: none;
}
.series-page-wrapper .home-link {
  font-size: 0.875em;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #555555;
  width: -moz-fit-content;
  width: fit-content;
}
.series-page-wrapper .series-links-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.series-page-wrapper .series-links-wrapper .widget-title {
  text-transform: uppercase;
  color: #555555;
  font-size: 0.875em;
}
.series-page-wrapper .series-links-wrapper .series-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.series-page-wrapper .series-item {
  font-size: 0.875em;
  font-weight: 480;
  color: #262626;
  padding: 12px 16px;
  border-radius: 8px;
  line-height: 1.8;
  cursor: pointer;
  margin-bottom: 8px;
}
.series-page-wrapper .series-item:first-child {
  margin-block: 8px;
}
.series-page-wrapper .series-item.active-category {
  font-weight: 600;
  background-color: #d5e8ff;
  color: #1360b9;
}
.series-page-wrapper .series-item.active-category:hover {
  background-color: #d5e8ff;
}
.series-page-wrapper .series-item:hover {
  background-color: rgba(47, 127, 219, 0.0823529412);
}
.series-page-wrapper .series-posts-wrapper {
  padding-top: 3rem;
  padding-left: 3rem;
  padding-bottom: 4rem;
  width: 100%;
}
.series-page-wrapper .series-page-header {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.series-page-wrapper .series-page-header .archive-description {
  margin-top: 0;
}
.series-page-wrapper .series-dropdown {
  border: 1px solid rgba(0, 0, 0, 0.1921568627);
  padding: 6px 8px;
  border-radius: 8px;
  gap: 14px;
  cursor: pointer;
  position: relative;
  display: none;
  transition: 0.3s ease-in-out;
}
.series-page-wrapper .dropdown-active {
  border-color: #297bd8;
  color: #04172c;
  background-color: #ffffff;
}
.series-page-wrapper .dropdown-active .series-dropdown-items {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3294117647);
}
.series-page-wrapper .series-dropdown-items {
  position: absolute;
  right: 0;
  top: 130%;
  width: -moz-fit-content;
  width: fit-content;
  max-height: 0;
  overflow: hidden;
  z-index: 10;
  background-color: #fff;
  border-radius: 8px;
  padding-inline: 8px;
  transition: 0.3s ease-in-out;
}
.series-page-wrapper .series-main {
  font-size: 0.85rem;
  width: 10rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.series-page-wrapper .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.series-page-wrapper .label {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 0.85em;
  font-weight: 400;
  letter-spacing: 0;
  background: linear-gradient(to right, #4b8ad8, #2566E7);
  color: #fff;
  padding: 6px 12px;
  border-radius: 4px;
}
.series-page-wrapper .sort-option {
  font-size: 0.75em;
  font-weight: 450;
}
.series-page-wrapper .sort-option i {
  font-size: 0.875em;
}
.series-page-wrapper .page-title {
  font-size: 2em;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(to right, #11427C, #2566E7);
  background-clip: text;
  -webkit-background-clip: text;
}
.series-page-wrapper .page-desc {
  font-size: 1em;
}
.series-page-wrapper .posts-container {
  width: 100%;
  margin-top: 2rem;
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.series-page-wrapper .posts-container .card-4 .post-thumbnail {
  width: 100%;
  max-height: inherit;
}

.article a {
  text-decoration: none;
  color: #000;
  letter-spacing: -0.25px;
  display: flex;
}
.article a:hover .post-title {
  text-decoration-color: rgb(94, 94, 94);
}
.article a:hover .post-thumbnail {
  opacity: 1;
}
.article .post-meta {
  display: flex;
  flex-direction: column;
}
.article .post-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  transition: 0.3s ease-in-out;
}
.article .read-time {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 0.8rem;
  line-height: 1;
}
.article .read-time i {
  font-size: 1rem;
  line-height: 1;
}
.article .date {
  font-size: 0.8rem;
}
.article .post-thumbnail {
  transition: 0.3s ease-in-out;
  border-radius: 8px;
  opacity: 0.95;
}
.article .author {
  display: flex;
  align-items: center;
  gap: 8px;
  width: -moz-fit-content;
  width: fit-content;
}
.article .post-excerpt {
  line-height: 1.85;
  font-size: 0.95rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
.article .date-read-time {
  white-space: nowrap;
}
.article .post-category {
  font-size: 0.75rem;
  text-decoration: none;
  color: #505255;
  line-height: 1;
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: -moz-fit-content;
  width: fit-content;
  transition: 0.3s ease-in-out;
}
.article .post-category:hover {
  border: 1px solid #2242B2;
  color: #fff;
  background-color: #2242B2;
}

.card-recent-1 {
  width: 100%;
}
.card-recent-1 a {
  gap: 3rem;
  width: 100%;
  align-items: center;
  padding: 6px 8px;
  border-radius: 8px;
  transition: 0.3s ease-in-out;
  border: 1px solid transparent;
}
.card-recent-1 a:hover {
  transform: translateY(-5px);
  background-color: rgba(0, 71, 204, 0.062745098);
}
.card-recent-1 a:hover .post-title {
  text-decoration-color: #4630b7;
}
.card-recent-1 .post-thumbnail {
  width: 610px;
  height: auto;
  transition: 0.3s ease-in-out;
}
.card-recent-1 .post-title {
  color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(to right, #4035C1, #3A126D);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 1.8em;
  letter-spacing: -1px;
  line-height: 1.5;
  font-weight: 700;
  text-decoration-thickness: 2px;
}
.card-recent-1 .post-excerpt {
  line-height: 1.85;
  font-size: 0.95rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
.card-recent-1 .date-read-time {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.85rem;
  gap: 1.6rem;
}
.card-recent-1 .date span {
  font-weight: 600;
}
.card-recent-1 .post-meta {
  color: #504F4F;
  gap: 1rem;
}
.card-recent-1 .read-time {
  position: relative;
}
.card-recent-1 .read-time::after {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #727272;
  position: absolute;
  right: -1rem;
}

.card-recent-2 a {
  flex-direction: column;
  padding: 8px;
  padding-bottom: 1rem;
  gap: 1rem;
  border-radius: 8px;
  border: 1px solid transparent;
  transition: 0.3s ease-in-out;
}
.card-recent-2 a:hover {
  transform: translateY(-5px);
  background-color: rgba(0, 71, 204, 0.062745098);
}
.card-recent-2 a:hover .post-title {
  color: #1a3ac7;
  text-decoration-color: #3b60fd;
}
.card-recent-2 .post-thumbnail {
  width: 100%;
  height: auto;
  transition: 0.3s ease-in-out;
}
.card-recent-2 .post-meta {
  gap: 1rem;
  padding-inline: 8px;
}
.card-recent-2 .post-title {
  font-size: 1.15em;
  color: #2E2B2B;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.25px;
}
.card-recent-2 .post-excerpt {
  line-clamp: 2;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  font-size: 0.9em;
}

.card-3 a {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 8px;
  padding: 2rem;
  color: #fff;
  transition: box-shadow 0.3s ease-in-out;
}
.card-3 a:hover {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5215686275);
}
.card-3 a:hover .post-title {
  text-decoration-color: rgba(255, 255, 255, 0.7529411765);
}
.card-3 .post-meta {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.card-3 .post-title {
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: -0.25px;
  line-height: 1.5;
  text-decoration: underline;
  transition: 0.3s ease-in-out;
  text-decoration-color: transparent;
  text-underline-offset: 4px;
}
.card-3 .date-read-time {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  font-weight: 300;
  letter-spacing: 0;
}
.card-3 .date-read-time .read-time {
  color: #fff;
  font-weight: 300;
}
.card-3 .date-read-time .humanized-date {
  display: flex;
  align-items: center;
  font-size: 0.85rem;
  gap: 6px;
}
.card-3 .date-read-time .humanized-date i {
  font-size: 1.1rem;
}

.card-4 a {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
  padding: 8px;
  padding-bottom: 1rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.062745098);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.0196078431);
  border-radius: 8px;
  transition: 0.3s ease-in-out;
}
.card-4 a:hover {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1882352941);
}
.card-4 .date-read-time {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.85rem;
  gap: 1.6rem;
}
.card-4 .date {
  display: flex;
  align-items: center;
  font-size: 0.83rem;
  gap: 6px;
  color: #504F4F;
}
.card-4 .date i {
  font-size: 17px;
}
.card-4 .post-thumbnail {
  width: 100%;
  height: auto;
  aspect-ratio: 565/297;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-4 .post-meta {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-inline: 8px;
}
.card-4 .post-title {
  font-size: 1.125em;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-weight: 600;
  color: #201f1f;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  min-height: 54px;
}
.card-4 .post-excerpt {
  font-size: 0.875em;
  letter-spacing: -0.25px;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  color: #504F4F;
}
.card-4 .humanized-date {
  display: flex;
  align-items: center;
  gap: 8px;
  vertical-align: middle;
  color: #5A5A5A;
}
.card-4 .humanized-date i {
  font-size: 1.2rem;
}

.card-ep a {
  width: 100%;
  padding: 2rem;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.0823529412);
  transition: 0.3s ease-in-out;
}
.card-ep a:hover {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2078431373);
  transform: translateY(-5px);
}
.card-ep a:hover .post-title {
  text-decoration-color: #000;
}
.card-ep .post-meta {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.card-ep .date-read-time {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.3;
  font-size: 0.813rem;
}
.card-ep .date-read-time .read-time {
  font-weight: 500;
  font-size: 0.775rem;
}
.card-ep .date-read-time .humanized-date {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 400;
  line-height: 1.3;
}
.card-ep .date-read-time i {
  line-height: 1;
  font-size: 1rem;
}
.card-ep .post-title {
  font-size: 1.125em;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-weight: 600;
  color: #201f1f;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  min-height: 54px;
  margin-top: 0.5rem;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: transparent;
  transition: 0.3s ease-in-out;
}
.card-ep .post-excerpt {
  font-size: 0.875em;
  letter-spacing: -0.25px;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  color: #504F4F;
}

.single-post .site-content,
.single-post .site-primary {
  width: 100%;
  background-color: #fff;
}
.single-post .post-header-wrapper {
  width: 100%;
  background-color: #f7faff;
  padding-block: 3rem;
}
.single-post .post-header {
  display: flex;
  width: var(--site-width);
  margin: auto;
  align-items: center;
  gap: 2rem;
}
.single-post .post-thumbnail {
  width: 820px;
  height: auto;
  /*max-height: 450px;*/
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 1rem;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2509803922);
}
.single-post .post-meta {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.single-post .post-meta .entry-title {
  letter-spacing: -1.5px;
  font-size: 2em;
  line-height: 1.5;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(to right, #11427C, #2566E7);
  background-clip: text;
  -webkit-background-clip: text;
}
.single-post .post-meta .post-categories {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
}
.single-post .post-meta .post-categories .post-category {
  font-size: 0.75em;
  text-decoration: none;
  color: #182170;
  line-height: 1;
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 99px;
  border: 1px solid #32579E;
  transition: 0.3s ease-in-out;
}
.single-post .post-meta .post-categories .post-category:hover {
  background-color: #32579E;
  color: #fff;
}
.single-post .date-read-time {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  color: #5A5A5A;
  font-size: 0.825rem;
  margin-top: 4px;
}
.single-post .has-posted-date {
  position: relative;
  cursor: pointer;
}
.single-post .has-posted-date:hover .posted-date-wrap {
  opacity: 1;
  visibility: visible;
}
.single-post .visible-hover {
  position: absolute;
  top: -330%;
  left: 0;
}
.single-post .posted-date-wrap {
  padding: 8px 12px;
  background-color: #fff;
  border-radius: 6px;
  font-weight: 550;
  white-space: nowrap;
  font-size: 13px;
  box-shadow: -1px 1px 8px rgba(0, 0, 0, 0.2549019608);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s ease-in-out;
}
.single-post .posted-date-wrap .info-title {
  font-weight: 500;
  margin-bottom: 4px;
  font-size: 12px;
}
.single-post .published-date {
  font-size: 0.825rem;
}
.single-post .humanized-date {
  color: #5A5A5A;
}
.single-post .humanized-date span {
  font-weight: 600;
}
.single-post .read-time {
  display: flex;
  gap: 8px;
  font-size: 0.925em;
  align-items: center;
}
.single-post .read-time i {
  font-size: 1.5em;
}
.single-post .humanized-date {
  font-size: 0.95em;
}
.single-post .author {
  margin-top: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #535353;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.875em;
  font-weight: 600;
}
.single-post .author:hover {
  color: #1c3b8a;
}
.single-post .author i {
  font-size: 0.875em;
}
.single-post .vs-container-sidebar {
  width: calc(var(--site-width) + 160px);
  margin: auto;
  background-color: #fff;
  padding-block: 4rem;
  padding-top: 3rem;
  display: flex;
  justify-content: center;
  gap: 5rem;
  position: relative;
}
.single-post #primary {
  flex: 1;
  width: 10%;
}
.single-post #primary img {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #f8f8f8;
}
.single-post #main,
.single-post article {
  width: 100%;
}

.single-post .entry-content > *:last-child {
  margin-bottom: 0;
}
.single-post .entry-content > *:first-child {
  margin-top: 0;
}
.single-post .entry-content > .wp-block-title,
.single-post .entry-content > .title-container {
  margin-top: 1.6rem;
  margin-bottom: 0.25rem;
}
.single-post .entry-content p + h2,
.single-post .entry-content p + header h2,
.single-post .entry-content p + h3,
.single-post .entry-content p + h4,
.single-post .entry-content ul + h2,
.single-post .entry-content ul + header h2,
.single-post .entry-content ul + h3,
.single-post .entry-content ul + h4,
.single-post .entry-content ol + h2,
.single-post .entry-content ol + header h2,
.single-post .entry-content ol + h3,
.single-post .entry-content ol + h4,
.single-post .entry-content table + h2,
.single-post .entry-content table + header h2,
.single-post .entry-content table + h3,
.single-post .entry-content table + h4,
.single-post .entry-content blockquote + h2,
.single-post .entry-content blockquote + header h2,
.single-post .entry-content blockquote + h3,
.single-post .entry-content blockquote + h4,
.single-post .entry-content form + h2,
.single-post .entry-content form + header h2,
.single-post .entry-content form + h3,
.single-post .entry-content form + h4 {
  margin-top: 2.4rem;
}
.single-post .entry-content p + .title-container,
.single-post .entry-content ul + .title-container,
.single-post .entry-content ol + .title-container,
.single-post .entry-content table + .title-container,
.single-post .entry-content .wp-block-table + .title-container,
.single-post .entry-content blockquote + .title-container,
.single-post .entry-content form + .title-container,
.single-post .entry-content .wp-block-image + .title-container {
  margin-top: 2.4rem;
}
.single-post .entry-content .wp-block-title + ul,
.single-post .entry-content .wp-block-title + ol {
  margin-top: 0px;
}
.single-post .entry-content .title-container + ul,
.single-post .entry-content .title-container + ol {
  margin-top: 0px;
}
.single-post .entry-content p + ul,
.single-post .entry-content p + ol {
  margin-top: -8px;
}
.single-post .entry-content p {
  margin-top: 0;
}
.single-post .entry-content .title-h3 + .title-h3 {
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: 0.75rem;
}
.single-post .entry-content .title-h2 + .title-h3 {
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: 0.75rem;
}
.single-post .alert {
  background-color: #fbeaea;
  color: #201717;
  border-left-color: #dc3232;
  font-style: normal;
}
.single-post .warning {
  background-color: #fefcea;
  color: #464646;
  border-left-color: #eed33d;
  font-style: normal;
}

.single-post article blockquote.wp-block-quote {
  border-left: 5px solid #3366c8;
  background-color: #f5f5f5;
  margin: 16px 0;
  padding: 1rem 2rem;
  font-size: inherit;
  font-style: italic;
  border-radius: 0 8px 8px 0;
  overflow-wrap: anywhere;
  font-weight: 500;
  color: #3f3f3f;
}
.single-post article blockquote.wp-block-quote p:first-child {
  font-size: inherit;
  margin-top: 0;
  margin-bottom: 0;
}
.single-post article blockquote.wp-block-quote > * {
  margin-top: 0;
}
.single-post article blockquote.wp-block-quote.is-layout-flow {
  padding: 1rem 2rem;
}

.single-post article ul,
.single-post article ol {
  padding-left: 2.4rem;
}
.single-post article li {
  margin-block: 4px;
}
.single-post article li:first-child {
  margin-top: 0;
}
.single-post article li:last-child {
  margin-bottom: 0;
}
.single-post article li:only-child {
  margin-block: 0;
}


.single-post article .title-container .adr-heading-link {
  display: inline-flex;
  gap: 4px;
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 0.813rem;
  padding-inline: 12px;
  padding-left: 0;
  cursor: pointer;
  transition: 0.2s ease-in-out;
  position: relative;
  margin: 0;
}
.single-post article .title-container .adr-heading-link i {
  font-size: 1.1rem;
}
.single-post article .copied-success-msg {
  position: absolute;
  top: -225%;
  left: 30%;
  z-index: 100;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.5215686275);
  padding: 4px 8px;
  border-radius: 8px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  color: #f7faff;
  animation: fade-in 0.35s ease-in-out;
  white-space: nowrap;
  pointer-events: none;
}
.single-post article .copied-success-msg::before {
  content: "";
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgba(0, 0, 0, 0.5215686275);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
}
.single-post article a[href^="#"]::after {
  content: " \e98e";
  font-family: "icons" !important;
}
.single-post article img {
  max-width: 100%;
  height: auto;
  border-radius: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.single-post article img.alignleft, .single-post article img.alignright {
  margin-bottom: 16px;
}
.single-post article .more-link {
  display: inline-block;
  text-transform: uppercase;
  margin-top: 6px;
}
.single-post article .is-style-cnvs-paragraph-callout {
  font-size: 20px;
}
.single-post article .alignnone {
  max-width: 100%;
}
.single-post article .alignleft {
  float: none;
  margin-right: 0;
}
.single-post article .alignleft + * {
  margin-top: 0;
}
.single-post article .alignright {
  float: none;
  margin-left: 0;
  text-align: right;
}
.single-post article .alignright + * {
  margin-top: 0;
}
.single-post article .aligncenter {
  display: block;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  text-align: center;
}
.single-post article .aligncenter .wp-caption-text {
  text-align: center;
}
.single-post article code {
  overflow: auto;
}
.single-post article b,
.single-post article strong {
  font-weight: bold;
}
.single-post article span {
  display: inline;
}
.single-post article pre {
  padding: 1rem;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.0196078431);
  font-size: 0.938em;
}
.single-post article embed,
.single-post article iframe,
.single-post article object,
.single-post article video {
  max-width: 100%;
}
.single-post article table,
.single-post article .wp-block-table {
  border-radius: 5px;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 2rem;
  width: 100%;
  background-color: transparent;
  word-break: initial;
  word-wrap: normal;
  overflow-x: auto;
}
.single-post article table td,
.single-post article .wp-block-table td {
  padding: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1529411765);
  text-align: start;
  vertical-align: top;
  line-height: 1.75;
  font-size: 15px;
}
.single-post article table td p,
.single-post article .wp-block-table td p {
  margin-bottom: unset;
}
.single-post article table.is-style-stripes tr:nth-child(even),
.single-post article .wp-block-table.is-style-stripes tr:nth-child(even) {
  background-color: #f3f3f3;
}
.single-post article p:has(> img.emoji) {
  text-align: left;
}
.single-post article p:has(> img),
.single-post article p:has(iframe) {
  max-width: 100%;
  text-align: center;
}
.single-post article figure {
  max-width: 100%;
  height: auto;
}
.single-post article figure img {
  cursor: pointer;
}
.single-post article figure figcaption {
  font-size: 0.875em;
  line-height: 1;
  font-style: italic;
  font-weight: 500;
  text-align: center;
  color: #6d6d6d;
}
.single-post article .wp-block-image :where(figcaption) {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.single-post article .wp-block-image figcaption {
  text-align: center !important;
}
.single-post article .wp-block-image.alignleft,
.single-post article .wp-block-image .alignleft {
  float: left;
  margin-right: 0;
}
.single-post article .wp-block-image .alignleft {
  margin: 0.5em 2em 0.5em 0;
}
.single-post article .wp-block-image.alignright,
.single-post article .wp-block-image .alignright {
  float: none;
  margin-left: 0;
}
.single-post article .wp-block-quote:not(.is-large),
.single-post article .wp-block-quote:not(.is-style-large) {
  position: relative;
  font-size: italic;
  padding: 15px;
  line-height: 2;
}
.single-post .post-prev-next {
  margin-block: 3rem;
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  width: 100%;
}
.single-post .post-prev-next .link-item {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 75%;
  height: -moz-fit-content;
  height: fit-content;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: 0.3s ease-in-out;
}
.single-post .post-prev-next .link-item:hover .arrow-container {
  background-color: #1889e6;
}
.single-post .post-prev-next .link-item:hover .post-title-container {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1529411765);
}
.single-post .post-prev-next .link-item .post-title-container {
  padding-top: 8px;
  padding-bottom: 12px;
  padding-inline: 1.4rem;
  background-color: #E6F0F5;
  border-radius: 8px;
  color: #0E62A5;
  transition: 0.3s ease-in-out;
}
.single-post .post-prev-next .link-item .arrow-container {
  padding-inline: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0672C7;
  width: 45px;
  height: 45px;
  overflow: hidden;
  border-radius: 50%;
  transition: 0.3s ease-in-out;
}
.single-post .post-prev-next .link-item .arrow-container i {
  color: #fff;
  font-size: 1.5rem;
}
.single-post .post-prev-next .link-item span {
  font-size: 0.8rem;
  color: #2f2f2f;
  font-weight: 550;
}
.single-post .post-prev-next .link-item.next-link {
  margin-left: auto;
  flex-direction: row-reverse;
}
.single-post .post-prev-next .link-item.prev-link {
  margin-right: auto;
}
.single-post .post-prev-next .entry-title {
  font-size: 0.93rem;
  font-weight: 550;
  letter-spacing: -0.25px;
  margin-top: 0.5rem;
  line-height: 1.6;
}
.single-post .meta-tags {
  margin-top: 2rem;
  padding-top: 1.6rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1529411765);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  row-gap: 10px;
}
.single-post .meta-tags a[rel=tag] {
  font-size: 13px;
  text-decoration: none;
  padding: 6px 8px;
  line-height: 1;
  border: 1px solid rgba(14, 97, 165, 0.3137254902);
  color: #0E62A5;
  font-weight: 500;
  border-radius: 1rem;
  transition: 0.3s ease-in-out;
}
.single-post .meta-tags a[rel=tag]:hover {
  background-color: #0E62A5;
  color: #fff;
}
.single-post .left-sidebar .read-time {
  font-size: 0.8em;
}
.single-post .left-sidebar .read-time i {
  font-size: 1.2em;
}
.single-post .viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.7);
}
.single-post .viewer-title {
  color: #fff;
  font-size: 12.5px;
  opacity: 1;
}
.single-post .viewer-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.single-post .viewer-footer {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.single-post .viewer-toolbar > ul {
  margin-top: 0.5rem;
}
.single-post .viewer-toolbar > ul > li {
  background-color: rgba(0, 0, 0, 0.5254901961);
}
.single-post .viewer-toolbar > ul > li:focus {
  box-shadow: none;
}
.single-post .viewer-toolbar > ul > li:active {
  transform: scale(0.9);
}
.single-post .viewer-toolbar > ul > .viewer-large {
  height: 50px;
  width: 50px;
}
.single-post .viewer-toolbar > ul > .viewer-large::before {
  margin: 13.5px;
}
.single-post .viewer-toolbar > ul > li + li {
  margin-left: 0.5rem;
}

.wp-block-media-text {
  box-sizing: border-box;
  /*!rtl:begin:ignore*/
  direction: ltr;
  /*!rtl:end:ignore*/
  display: grid;
  grid-template-columns: 50% 1fr;
  grid-template-rows: auto;
}

.wp-block-media-text.has-media-on-the-right {
  grid-template-columns: 1fr 50%;
}

.wp-block-media-text.is-vertically-aligned-top > .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top > .wp-block-media-text__media {
  align-self: start;
}

.wp-block-media-text.is-vertically-aligned-center > .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center > .wp-block-media-text__media,
.wp-block-media-text > .wp-block-media-text__content,
.wp-block-media-text > .wp-block-media-text__media {
  align-self: center;
}

.wp-block-media-text.is-vertically-aligned-bottom > .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-bottom > .wp-block-media-text__media {
  align-self: end;
}

.wp-block-media-text > .wp-block-media-text__media {
  /*!rtl:begin:ignore*/
  grid-column: 1;
  grid-row: 1;
  /*!rtl:end:ignore*/
  margin: 0;
}

.wp-block-media-text > .wp-block-media-text__content {
  direction: ltr;
  /*!rtl:begin:ignore*/
  grid-column: 2;
  grid-row: 1;
  /*!rtl:end:ignore*/
  padding: 0 8%;
  word-break: break-word;
}

.wp-block-media-text.has-media-on-the-right > .wp-block-media-text__media {
  /*!rtl:begin:ignore*/
  grid-column: 2;
  grid-row: 1;
}

.wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
  /*!rtl:begin:ignore*/
  grid-column: 1;
  grid-row: 1;
}

.wp-block-media-text__media img,
.wp-block-media-text__media video {
  height: auto;
  max-width: unset;
  vertical-align: middle;
  width: 100%;
}

.wp-block-media-text.is-image-fill > .wp-block-media-text__media {
  background-size: cover;
  height: 100%;
  min-height: 250px;
}

.wp-block-media-text.is-image-fill > .wp-block-media-text__media > a {
  display: block;
  height: 100%;
}

.wp-block-media-text.is-image-fill > .wp-block-media-text__media img {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.wp-block-spacer {
  clear: both;
}

.spinner2 {
  margin: 32px auto 0;
  width: 70px;
  text-align: center;
  display: none;
}
.spinner2.spinner-form {
  margin: auto auto;
}
.spinner2.show {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: auto;
}

.series-posts-wrapper .spinner2.show,
.posts-container-wrapper .spinner2.show {
  height: 50vh;
}

.spinner2 > div {
  width: 12px;
  height: 12px;
  background-color: #51657c;
  border-radius: 100%;
  display: inline-block;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  animation-fill-mode: both;
}

.spinner2 .bounce1 {
  animation-delay: -0.32s;
}

.spinner2 .bounce2 {
  animation-delay: -0.16s;
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
#adr-posts-reload-btn {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-top: 3rem;
  cursor: pointer;
}
#adr-posts-reload-btn p i {
  font-size: 0.75em;
}

.site-footer {
  width: 100%;
}

.main-footer {
  width: 100%;
  background-color: #09202D;
}
.main-footer .main-footer-wrapper {
  width: var(--site-width);
  margin: auto;
  padding-block: 2.6rem;
  display: flex;
  justify-content: space-between;
  color: #E3E3E3;
  gap: 3rem;
}
.main-footer .site-links-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  width: 100%;
}
.main-footer .site-links {
  display: grid;
  grid-template-columns: 170px 200px 260px;
  gap: 4rem;
}
.main-footer .col {
  display: flex;
  flex-direction: column;
}
.main-footer .col-title {
  font-size: 1em;
  font-weight: 550;
}
.main-footer .col-primary {
  gap: 2.2rem;
  flex-direction: column;
}
.main-footer .col-list {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.main-footer .col-list .col-item-link {
  color: #cacaca;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: -0.25px;
  padding-block: 6px;
  font-size: 0.875em;
  line-height: 1.5;
  text-underline-offset: 4px;
  transition: 0.3s ease-in-out;
  text-decoration: underline;
  text-decoration-color: transparent;
}
.main-footer .col-list .col-item-link:hover {
  color: #fff;
  text-decoration-color: #fff;
}
.main-footer .col-list .col-item-link.btn-cta {
  align-self: flex-end;
  display: flex;
  align-items: center;
  padding-bottom: 2px;
  border-bottom: 1px solid #cacaca;
}
.main-footer .col-list .col-item-link.btn-cta:hover {
  color: #fff;
  text-decoration-color: transparent;
  border-bottom-color: #fff;
}
.main-footer .adr-site-info .title {
  font-size: 28px;
  font-weight: 300;
  letter-spacing: -0.25px;
}
.main-footer .adr-site-info .parent-site-logo {
  width: 11rem;
  height: auto;
}
.main-footer .adr-site-info .desc {
  font-size: 1rem;
  white-space: nowrap;
  font-weight: 300;
  line-height: 2;
  color: #DDD;
  margin-top: 0.25rem;
}
.main-footer .m-lhs {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: flex-start;
}
.main-footer .m-rhs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.main-footer .adr-sm-wrapper,
.main-footer .social-links-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}
.main-footer .adr-sm-wrapper a,
.main-footer .social-links-wrap a {
  min-width: 2.4rem;
  min-height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: 0.3s ease-in-out;
  border-radius: 50%;
}
.main-footer .adr-sm-wrapper a:hover,
.main-footer .social-links-wrap a:hover {
  background-color: rgba(255, 255, 255, 0.0941176471);
}
.main-footer .adr-sm-wrapper .sm-icon,
.main-footer .adr-sm-wrapper i,
.main-footer .social-links-wrap .sm-icon,
.main-footer .social-links-wrap i {
  color: #BEBEBE;
  font-size: 1.25rem;
  text-decoration: none;
}
.main-footer .nw-container {
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  width: 22rem;
}
.main-footer .nw-container .nw-header {
  color: #E3E3E3;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: -0.25px;
  line-height: 1.6;
}
.main-footer .nw-container .nw-content {
  font-size: 13.5px;
  line-height: 1.5;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.main-footer .nw-container .nw-subscribe {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.main-footer .nw-container .nw-subscribe .nw-email {
  min-width: 250px;
  max-width: 250px;
  outline: none;
  border: none;
  background-color: #fff;
  color: #727272;
  padding: 8px 16px;
  line-height: 1.6;
  border-radius: 8px;
  font-size: 0.875em;
}
.main-footer .nw-container .nw-submit-btn {
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 16px;
  background-color: #163460;
  color: #fff;
  font-size: 0.875em;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -0.25px;
  outline: none;
  border: none;
  border-radius: 8px;
  transition: 0.3s ease-in-out;
}
.main-footer .nw-container .nw-submit-btn:hover {
  background-color: #1b5074;
}
.main-footer .adr-nwl-wrapper {
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.main-footer .adr-nwl-wrapper .nw-title {
  font-size: 1em;
  font-weight: 500;
  letter-spacing: -0.25px;
  line-height: 1.6;
}
.main-footer .adr-nwl-wrapper .nw-desc {
  font-size: 13.5px;
  line-height: 1.5;
  letter-spacing: -0.15px;
  font-weight: 400;
}
.main-footer .adr-nwl-wrapper .subscribe-form {
  display: flex;
  gap: 8px;
  align-items: center;
}
.main-footer .adr-nwl-wrapper .subscribe-form .nw-email {
  outline: none;
  border: none;
  background-color: #fff;
  color: #727272;
  padding: 8px 16px;
  line-height: 1.6;
  width: 250px;
  border-radius: 8px;
  font-size: 0.875em;
}
.main-footer .adr-nwl-wrapper .subscribe-form .nw-submit {
  padding: 8px 16px;
  background-color: #163460;
  color: #fff;
  font-size: 0.875em;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -0.25px;
  outline: none;
  border: none;
  border-radius: 8px;
}
.main-footer .contact {
  font-size: 1em;
}
.main-footer .contact p {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 0.5rem;
  font-size: 0.875em;
}
.main-footer .contact a {
  color: #9B9B9B;
  font-weight: 500;
}
.main-footer .partner-logo {
  width: -moz-fit-content;
  width: fit-content;
}
.main-footer .ms-partner-logo {
  width: 200px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 44/29;
}

.footer-bottom {
  width: 100%;
  background-color: #09202D;
}
.footer-bottom .footer-bottom-wrapper {
  width: var(--site-width);
  padding: 2rem 3rem;
  border-top: 1px solid rgba(255, 255, 255, 0.0901960784);
  color: #fff;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.footer-bottom .footer-bottom-wrapper span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.813em;
  font-weight: 300;
}
.footer-bottom .footer-bottom-wrapper .frhs {
  display: flex;
  gap: 1rem;
}
.footer-bottom .footer-bottom-wrapper a {
  text-decoration: none;
  color: #9B9B9B;
  font-size: 0.813em;
}
.footer-bottom .footer-bottom-wrapper a:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.4784313725);
  padding-right: 1rem;
}
.footer-bottom .footer-bottom-wrapper a:hover {
  text-decoration: underline;
}

.adr-banner-container {
  width: 100%;
  background-color: #E3EEEF;
  padding-block: 2rem;
  position: relative;
  overflow: hidden;
}
.adr-banner-container::before {
  content: var(--hex-bg-url);
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  bottom: -7px;
  left: -257px;
  transform: rotate(114deg);
  opacity: 0.5;
}
.adr-banner-container::after {
  content: var(--hex-bg-url);
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  bottom: -75px;
  right: -126px;
  transform: rotate(66deg) scaleY(-1);
  z-index: 1;
  opacity: 0.5;
}
.adr-banner-container .adr-banner {
  width: var(--site-width);
  margin: auto;
  display: flex;
  justify-content: center;
  gap: 8rem;
  align-items: center;
}
.adr-banner-container .tl-lhs {
  width: 27rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.adr-banner-container .bann-name {
  color: #0d6cb4;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: -0.15px;
  font-weight: 550;
  width: -moz-fit-content;
  width: fit-content;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(130deg, #CB2383, #8324AD);
  background-clip: text;
  -webkit-background-clip: text;
}
.adr-banner-container .bann-title {
  font-size: 26px;
  font-weight: 750;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(130deg, #CB2383, #8324AD);
  background-clip: text;
  -webkit-background-clip: text;
  letter-spacing: -0.5px;
  line-height: 1.5;
}
.adr-banner-container .bann-desc {
  font-size: 1rem;
  color: #626262;
  letter-spacing: -0.15px;
  line-height: 1.6;
  font-weight: 450;
}
.adr-banner-container .cta-container {
  display: flex;
  gap: 8px;
}
.adr-banner-container .cta {
  text-decoration: none;
  font-size: 1rem;
  font-weight: 500;
  padding: 1rem 2rem;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
  max-height: 46px;
  white-space: nowrap;
  transition: 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.adr-banner-container .cta i {
  font-size: 1.1rem;
}
.adr-banner-container .filled {
  background: linear-gradient(130deg, #CB2383, #8324AD);
  color: #fff;
}
.adr-banner-container .filled::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(103.79deg, #2E82C5 9.76%, #0070C8 93.19%);
  opacity: 0;
  z-index: -1;
  transition: 0.5s ease-in-out;
  mix-blend-mode: color-dodge;
}
.adr-banner-container .filled:hover {
  box-shadow: 2px 2px 16px rgba(166, 42, 147, 0.4196078431);
}
.adr-banner-container .filled:hover::before {
  opacity: 0.4;
}
.adr-banner-container .outline {
  border: 1px solid #a62a94;
  color: #a62a94;
  font-weight: 600;
  transition: 0.5s ease-in-out;
}
.adr-banner-container .outline:hover {
  border-color: #d519ba;
  color: #d519ba;
  box-shadow: 2px 2px 16px rgba(223, 49, 197, 0.4039215686);
}
.adr-banner-container .tl-rhs {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-block: 2rem;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 150px);
  grid-template-rows: repeat(16, 1rem);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: stretch;
}
.adr-banner-container .feature-item:nth-child(1) {
  grid-area: 3/1/10/2;
}
.adr-banner-container .feature-item:nth-child(2) {
  grid-area: 10/1/15/2;
}
.adr-banner-container .feature-item:nth-child(3) {
  grid-area: 2/2/7/3;
}
.adr-banner-container .feature-item:nth-child(4) {
  grid-area: 7/2/12/3;
}
.adr-banner-container .feature-item:nth-child(5) {
  grid-area: 12/2/17/3;
}
.adr-banner-container .feature-item:nth-child(6) {
  grid-area: 1/3/6/4;
}
.adr-banner-container .feature-item:nth-child(7) {
  grid-area: 6/3/11/4;
}
.adr-banner-container .feature-item:nth-child(8) {
  grid-area: 11/3/16/4;
}
.adr-banner-container .feature-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  gap: 1rem;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 550;
  color: #0E3085;
  line-height: 1.55;
  text-wrap: wrap;
  letter-spacing: -0.25px;
  position: relative;
  text-align: center;
  background-color: rgba(235, 242, 243, 0.1647058824);
  border-radius: 1rem;
  box-shadow: -2px -2px 4px rgba(39, 147, 225, 0.05), 2px 2px 5px rgba(24, 101, 216, 0.15);
  background: rgba(235, 242, 243, 0.1098039216);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  border: 1px solid rgba(178, 208, 229, 0.7058823529);
  transition: 0.5s ease-in-out;
}
.adr-banner-container .feature-item i {
  color: transparent;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(103.79deg, #2E82C5 9.76%, #0070C8 93.19%);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 2.6rem;
}
.adr-banner-container .feature-item:hover {
  box-shadow: 2px 2px 16px rgba(86, 182, 238, 0.4431372549);
  color: #3c7ac5;
}
.adr-banner-container .label {
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  position: absolute;
  top: -6px;
  right: -4px;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: #0d6cb4;
  letter-spacing: 0.5px;
}
.adr-banner-container .item-dummy {
  min-height: 1rem;
}
.adr-banner-container .col-1 .feature-item:first-child {
  padding-block: 3rem;
}
.adr-banner-container .free-tool-banner {
  width: -moz-fit-content;
  width: fit-content;
}
.adr-banner-container .droid-logo-img {
  width: 42px;
  height: 28px;
  -o-object-fit: contain;
     object-fit: contain;
}
.adr-banner-container .banner-contents {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #1b1a1a;
}
.adr-banner-container .banner-contents p {
  line-height: 1.6;
  text-align: left;
}
.adr-banner-container .banner-contents span {
  font-size: 12px;
  padding: 2px 4px;
  background-color: #1d7a1d;
  color: #fff;
  font-weight: 500;
  border-radius: 4px;
  margin-left: 4px;
}

.disable-scroll {
  overflow: hidden;
}
.disable-scroll #adr-overlay {
  visibility: visible;
  opacity: 1;
  z-index: 15;
  background-color: rgba(0, 0, 0, 0.329);
}

#adr-nw-success-container {
  position: fixed;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  background: #050A0C;
  z-index: 2000;
  width: 48rem;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  padding: 3rem 5rem;
  padding-bottom: 4rem;
  border-radius: 16px;
  border: 2px solid rgba(255, 255, 255, 0.1);
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease-in-out;
}
#adr-nw-success-container .bg-img {
  position: absolute;
  mix-blend-mode: screen;
  height: 100%;
  opacity: 0.3;
}
#adr-nw-success-container .bg-img.bg-img-1 {
  top: -131px;
  rotate: 224deg;
  left: -91px;
}
#adr-nw-success-container .bg-img.bg-img-2 {
  bottom: -190px;
  rotate: 239deg;
  right: -100px;
  transform: scale(-1, -1);
  z-index: -1;
}
#adr-nw-success-container.hide {
  opacity: 0;
}
#adr-nw-success-container .nw-icon-container {
  width: 5rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 4rem;
}
#adr-nw-success-container .nw-icon-container i {
  font-size: 4.5rem;
  color: #fff;
}
#adr-nw-success-container .nw-header h1 {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -1px;
  white-space: nowrap;
  color: #13CF42;
}
#adr-nw-success-container .nw-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 16px;
  gap: 32px;
}
#adr-nw-success-container .nw-desc {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 2rem;
}
#adr-nw-success-container .nw-desc h2 {
  font-weight: 600;
  letter-spacing: -0.25px;
  font-size: 18px;
  color: #F1F1F1;
}
#adr-nw-success-container .nw-desc p {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 150%;
  color: #B4B4B4;
}
#adr-nw-success-container .nw-continue-btn {
  display: flex;
  padding: 14px 25px;
  align-items: center;
  gap: 8px;
  border-radius: 48px;
  cursor: pointer;
  margin-top: 8px;
  color: #5B5B5B;
  font-size: 16px;
  font-weight: 450;
  line-height: 1;
  letter-spacing: 0;
  color: #FCFCFC;
  background: #009D3F;
}
#adr-nw-success-container .nw-continue-btn i {
  font-size: 16px;
  color: #5B5B5B;
  color: #fff;
}
#adr-nw-success-container .nw-continue-btn:hover, #adr-nw-success-container .nw-continue-btn:active, #adr-nw-success-container .nw-continue-btn:focus {
  border-color: transparent;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1725490196);
}
#adr-nw-success-container .nw-continue-btn:hover i, #adr-nw-success-container .nw-continue-btn:active i, #adr-nw-success-container .nw-continue-btn:focus i {
  color: #fff;
}

@media screen and (width < 900px) {
  #adr-nw-success-container {
    width: 38rem;
    padding-top: 2rem;
  }
}
@media screen and (width < 700px) {
  #adr-nw-success-container {
    width: 90%;
    padding-inline: 2.6rem;
  }
}
@media screen and (width < 700px) {
  #adr-nw-success-container {
    width: 90%;
    padding-inline: 2.6rem;
  }
}
@media screen and (width < 550px) {
  #adr-nw-success-container .nw-header h1 {
    font-size: 26px;
  }
}
@media screen and (width < 450px) {
  #adr-nw-success-container .nw-header h1 {
    font-size: 22px;
  }
  #adr-nw-success-container .nw-text {
    margin-top: 0;
  }
}
@keyframes fade-in-from-left {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fade-in-from-right {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes fade-in-from-top {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-in-from-bottom {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes rotate {
  0% {
    transform-origin: 50% 50%;
    transform: rotate(30deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes bg-move-in {
  0% {
    opacity: 0;
    top: 100%;
  }
  25% {
    opacity: 1;
  }
}
@media screen and (width < 1600px) {
  .single-post .vs-container-sidebar {
    width: 100%;
    padding-inline: 3%;
  }
}
@media screen and (width < 1500px) {
  body {
    --site-width: 90%;
  }
  .single-post .featured-image {
    width: 85%;
  }
  .single-post .post-thumbnail {
    width: 100%;
  }
  .adr-banner-container::before {
    transform: rotate(96deg) scaleX(-1);
    bottom: 163px;
    left: -457px;
  }
  .adr-banner-container:after {
    bottom: -155px;
    right: -326px;
  }
}
@media screen and (width < 1350px) {
  .main-footer .main-footer-wrapper {
    flex-direction: column-reverse;
    gap: 0;
  }
  .main-footer .site-links {
    grid-template-columns: 1fr 1fr 2fr 0.5fr;
  }
  .main-footer .site-links-wrap {
    border-top: 1px solid rgba(255, 255, 255, 0.0745098039);
  }
  .main-footer .col-primary {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (width < 1280px) {
  .section.recent-posts {
    gap: 1.6rem;
  }
  .card-recent-1 a {
    width: 100%;
    gap: 2rem;
  }
  .card-recent-1 figure.post-thumbnail {
    min-width: 50%;
  }
  .card-recent-1 figure.post-thumbnail img.post-thumbnail {
    width: 100%;
    height: 280px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .card-recent-1 .post-title {
    font-size: 1.5em;
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }
  .card-recent-1 .post-excerpt {
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }
  .card-recent-1 .author {
    font-size: 0.85rem;
  }
  .categories-wrapper-container {
    padding-block: 1rem;
  }
  .categories-wrapper-container .category-items {
    grid-template-columns: repeat(2, minmax(0, 390px));
    grid-template-rows: repeat(4, minmax(225px, 1fr));
    grid-template-areas: "cat1 cat1" "cat2 cat3" "cat4 cat5" "cat6 cat6" "cat8 cat8";
  }
  .section.grid-posts-wrapper .card-3 {
    grid-column: span 12/span 12;
  }
  .section.grid-posts-wrapper .card-3:first-child, .section.grid-posts-wrapper .card-3:last-child {
    grid-column: span 12/span 12;
  }
  .two-col {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }
  .single-post .post-header-wrapper {
    padding-block: 2.4rem;
    padding-bottom: 3rem;
  }
  .single-post .post-header {
    flex-direction: column-reverse;
  }
  .single-post .vs-container-sidebar {
    padding-block: 3rem;
    padding-inline: 5%;
  }
  .single-post #primary {
    width: calc(100% - (250px + 5rem));
  }
  .main-footer .adr-site-info .desc {
    white-space: wrap;
  }
  .main-footer .site-links-wrap {
    flex-direction: column;
    margin-top: 0;
    align-items: flex-start;
  }
  .main-footer .site-links {
    margin-top: 2.5rem;
  }
  .left-sidebar {
    display: none;
  }
  .ft-sub-form-wrapper .nw-subscribe {
    flex-direction: column;
  }
  .ft-sub-form-wrapper .nw-email {
    width: 20rem;
    border-radius: 8px;
  }
  .ft-sub-form-wrapper .nw-submit-btn {
    width: 100%;
    border-radius: 8px;
  }
}
@media screen and (width < 1150px) {
  .hero-container::before {
    top: -250px;
    left: -200px;
    opacity: 0.2;
  }
  .hero-container::after {
    right: -280px;
    bottom: -400px;
    opacity: 0.2;
  }
  .hero-container .hero-section {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    padding-block: 3rem;
    padding-block-end: 8rem;
  }
  .hero-container .site-info-container {
    margin: auto;
    text-align: center;
    padding-bottom: 2rem;
  }
  .hero-container .banner-info {
    width: 24rem;
  }
  .hero-container .scripts-cta-banner {
    flex-direction: row;
    width: 90%;
    margin: auto;
    justify-content: space-between;
    align-items: center;
    gap: 5rem;
  }
  .hero-container .sc-cta {
    margin-top: 0;
    min-width: 252px;
  }
  .adr-banner-container {
    text-align: center;
  }
  .adr-banner-container .adr-banner {
    gap: 1rem;
    flex-direction: column;
  }
  .adr-banner-container .cta-container {
    justify-content: center;
  }
  .adr-banner-container .tl-lhs {
    align-items: center;
  }
  .adr-banner-container .tl-rhs {
    grid-template-columns: repeat(4, minmax(150px, 160px));
    grid-template-rows: 150px;
    grid-template-areas: "ft1 ft2 ft3 ft4" "ft5 ft7 ft8 ft6";
  }
  .adr-banner-container .feature-item:nth-child(1) {
    grid-area: ft1;
  }
  .adr-banner-container .feature-item:nth-child(2) {
    grid-area: ft2;
  }
  .adr-banner-container .feature-item:nth-child(3) {
    grid-area: ft3;
  }
  .adr-banner-container .feature-item:nth-child(4) {
    grid-area: ft4;
  }
  .adr-banner-container .feature-item:nth-child(5) {
    grid-area: ft5;
  }
  .adr-banner-container .feature-item:nth-child(6) {
    grid-area: ft6;
  }
  .adr-banner-container .feature-item:nth-child(7) {
    grid-area: ft7;
  }
  .adr-banner-container .feature-item:nth-child(8) {
    grid-area: ft8;
  }
  .adr-banner-container .feature-item:nth-child(9) {
    grid-area: ft9;
  }
  .single-post .featured-image {
    width: 90%;
  }
  .page-404 {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
  .page-404 img {
    width: 90%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media screen and (width < 1100px) {
  .series-wrapper .section-header {
    width: var(--site-width);
  }
  .series-wrapper .series-container {
    width: 90%;
  }
}
@media screen and (width < 1024px) {
  .single-post .post-meta {
    padding-inline: 1rem;
  }
  .single-post .featured-image {
    width: 100%;
  }
  .main-footer .site-links {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (width < 1000px) {
  .hero-container .scripts-cta-banner {
    width: 100%;
  }
  .card-recent-1 a {
    flex-direction: column;
    gap: 1rem;
  }
  .card-recent-1 a .post-thumbnail {
    width: 100%;
  }
  .card-recent-1 a .post-thumbnail img.post-thumbnail {
    height: auto;
  }
  .series-wrapper .series-nav {
    display: flex;
  }
  .series-page-wrapper .series-posts-wrapper {
    padding-top: 2rem;
  }
  .single-post #primary {
    min-width: 100%;
  }
  .single-post .vs-container-sidebar {
    flex-direction: column;
    padding-inline: 4rem;
  }
  .single-post .right-sidebar {
    width: 100%;
  }
  .page-404 {
    text-align: center;
    letter-spacing: -0.25px;
    padding-inline: 2rem;
  }
  .page-404 h3 {
    letter-spacing: -0.75px;
    line-height: 1.5;
  }
  .page-404 p {
    line-height: 1.6;
  }
  .ft-sub-form-wrapper .ft-subscribe-form {
    flex-direction: column;
    gap: 1.5rem;
  }
  .ft-sub-form-wrapper .sub-lhs {
    flex-direction: column;
    gap: 1rem;
  }
  .ft-sub-form-wrapper .nw-content {
    border-left: none;
    padding-left: 0;
    text-align: center;
    width: 28rem;
  }
  .ft-sub-form-wrapper .nw-email {
    width: 24rem;
  }
}
@media screen and (width < 810px) {
  .hero-container .scripts-cta-banner {
    width: -moz-fit-content;
    width: fit-content;
    flex-direction: column;
    gap: 1.8rem;
    align-items: center;
    text-align: center;
  }
  .series-page-wrapper .lhs-sidebar {
    display: none;
  }
  .series-page-wrapper .series-posts-wrapper {
    padding-left: 0;
  }
  .series-page-wrapper .series-page-header {
    padding-inline: 1rem;
  }
  .series-page-wrapper .series-dropdown {
    display: flex;
    align-items: center;
  }
  .main-footer .main-footer-wrapper {
    gap: 2rem;
  }
  .main-footer .site-links {
    grid-template-columns: repeat(1, 1fr);
  }
  .main-footer .col-primary {
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    gap: 2rem;
  }
  .btn-scroll-to-top {
    bottom: 25px;
    right: 20px;
    width: 3rem;
    height: 3rem;
  }
}
@media screen and (width < 768px) {
  .section.recent-posts {
    font-size: 0.875rem;
  }
  .categories-wrapper-container .categories-container {
    padding-inline: 3rem;
  }
  .categories-wrapper-container .category-items {
    grid-template-columns: 100%;
    grid-template-rows: repeat(6, minmax(200px, 1fr));
    grid-template-areas: "cat1" "cat2" "cat3" "cat4" "cat5" "cat6" "cat7" "cat8";
  }
  .categories-wrapper-container .howto-card {
    padding: 2rem;
    gap: 2rem;
  }
  .categories-wrapper-container .howto-card .category-title {
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  .categories-wrapper-container .howto-card .category-title .howto-link {
    display: flex;
    font-size: 2rem;
    color: #fff;
  }
  .categories-wrapper-container .howto-card .category-desc {
    width: 100%;
  }
  .categories-wrapper-container .howto-card .howto-link {
    display: none;
  }
  .section.grid-posts-wrapper .ep-posts-container {
    grid-template-rows: 280px;
    grid-auto-rows: 280px;
  }
  .section.grid-posts-wrapper .card-3 {
    grid-column: span 24/span 24;
  }
  .section.grid-posts-wrapper .card-3:last-child, .section.grid-posts-wrapper .card-3:first-child {
    grid-column: span 24/span 24;
  }
  .posts-container .card-4 .post-thumbnail {
    max-height: unset;
  }
  .single-post .vs-container-sidebar {
    padding-inline: 3rem;
    padding-block: 2rem;
  }
  .single-post .post-meta .entry-title {
    letter-spacing: -1px;
    font-size: 1.6em;
  }
  .adr-banner-container .tl-rhs {
    grid-template-columns: repeat(3, 150px);
    grid-auto-rows: 150px;
    grid-template-areas: "ft1 ft2 ft3" "ft4 ft5 ft7" "ft8 ft6 ft6";
  }
  .adr-banner-container::before {
    opacity: 0;
  }
}
@media screen and (width < 700px) {
  .hero-container .site-desc br {
    display: none;
  }
}
@media screen and (width < 600px) {
  body {
    --site-width: 95%;
  }
  .nav-level-2 {
    padding-inline: 1rem;
  }
  .adr-mobile-nav {
    width: 100%;
  }
  .hero-container .hero-section {
    padding-inline: 1.4rem;
  }
  .hero-container .site-info-container br {
    display: none;
  }
  .hero-container .banner-info {
    width: 100%;
  }
  .section.recent-posts {
    padding: 1rem;
    font-size: 0.875rem;
  }
  .section.recent-posts .related-posts-2 {
    display: grid;
    grid-template-columns: 1fr;
  }
  .card-recent-1 a {
    font-size: 0.75rem;
    gap: 0.5rem;
  }
  .card-recent-1 .post-title {
    line-clamp: 3;
    -webkit-line-clamp: 3;
  }
  .card-recent-1 .post-excerpt {
    font-size: 0.875rem;
  }
  .card-recent-1 .post-meta {
    gap: 0.75rem;
  }
  .card-recent-1 .author {
    margin-top: 0.35rem;
  }
  .card-recent-2 a {
    gap: 0.75rem;
  }
  .card-recent-2 .post-title {
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }
  .card-recent-2 .post-excerpt {
    font-size: 1em;
  }
  .card-recent-2 .post-thumbnail {
    width: 100%;
  }
  .card-recent-2 .post-meta {
    gap: 0.75rem;
  }
  .categories-wrapper-container .categories-container {
    padding: 2rem;
    padding-inline: 2rem;
    font-size: 0.95em;
  }
  .categories-wrapper-container .categories-container .section-title {
    font-size: 1.7em;
  }
  .categories-wrapper-container .category-items {
    margin-top: 1.6rem;
  }
  .series-wrapper {
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-bottom: 2rem;
  }
  .series-wrapper .series-container {
    gap: 1.6rem;
  }
  .series-wrapper .section-header {
    padding-inline: 1rem;
  }
  .series-wrapper .section-title {
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .series-wrapper .section-title span {
    font-size: 1.4em;
  }
  .series-wrapper .series-item {
    max-width: 100%;
  }
  .series-wrapper .series-item::after {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.75) 20%, rgba(0, 0, 0, 0.664) 100%);
  }
  .series-wrapper .series-items {
    width: 100%;
  }
  .series-wrapper .series-slider {
    padding-block: 0.5rem;
  }
  .section.grid-posts-wrapper {
    padding-inline: 1rem;
  }
  .section.grid-posts-wrapper .editors-picks {
    margin-top: 3rem;
  }
  .card-ep a {
    padding: 1rem;
  }
  .card-ep .post-meta {
    gap: 0.75rem;
  }
  .card-ep .post-title {
    font-size: 1em;
    vertical-align: middle;
    line-clamp: unset;
    -webkit-line-clamp: unset;
  }
  .card-ep .date-read-time .read-time {
    font-size: 1em;
  }
  .card-ep .date-read-time .read-time i {
    font-size: 1.3em;
  }
  .card-3 a {
    padding: 1.4rem;
  }
  .card-3 .post-title {
    font-size: 1.15rem;
    font-weight: 600;
  }
  .card-3 .date-read-time .humanized-date {
    font-size: 0.8rem;
  }
  .archives-wrapper {
    margin-top: 2rem;
  }
  .archives-wrapper .section-title {
    margin-top: 1.6rem;
    margin-bottom: 0.5rem;
    padding-inline: 0.5rem;
    padding-block: 1rem;
  }
  .posts-container {
    padding-inline: 0.5rem;
  }
  .archive .page-title,
  .search .page-title {
    font-size: 1.25em;
    letter-spacing: -0.5px;
  }
  .archive .archive-description,
  .search .archive-description {
    line-height: 1.6;
  }
  .archive .page-header,
  .search .page-header {
    padding-inline: 1rem;
    padding-block: 2rem 0rem;
  }
  .archive .section-title,
  .search .section-title {
    margin-top: 1rem;
    padding-block: 1rem;
  }
  .author .page-header-wrapper .page-header {
    padding-block: 3rem;
  }
  .author .page-header-wrapper .page-header .page-title {
    flex-direction: column;
    align-items: flex-start;
  }
  .search .archives-wrapper {
    margin-top: 2rem;
  }
  .single-post .post-header-wrapper {
    padding-block: 2rem;
  }
  .single-post .vs-container-sidebar {
    padding-block: 1.6rem;
    padding-inline: 2rem;
    font-size: 0.95rem;
  }
  .single-post .post-prev-next .link-item {
    width: 100%;
    max-width: 100%;
  }
  .main-footer .main-footer-wrapper {
    padding-inline: 1rem;
    gap: 3rem;
  }
  .main-footer .site-links {
    gap: 2rem;
    font-size: 1.1rem;
  }
  .footer-bottom .footer-bottom-wrapper {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
  }
  .ft-sub-form-wrapper .sub-lhs {
    width: calc(100% - 3rem);
  }
  .ft-sub-form-wrapper .nw-content {
    width: 100%;
  }
  .ft-sub-form-wrapper .nw-email {
    width: 100%;
  }
  .ft-sub-form-wrapper .nw-subscribe {
    width: calc(100% - 3rem);
  }
  .page-404 {
    padding-inline: 2rem;
  }
  .page-404 img {
    width: 100%;
  }
  .page-404 h3 {
    margin-top: 0.5rem;
  }
}
@media screen and (width < 550px) {
  .adr-banner-container .tl-rhs {
    grid-template-columns: repeat(3, 135px);
    grid-template-rows: repeat(3, 135px);
    gap: 12px;
  }
  .adr-banner-container .feature-item {
    font-size: 1rem;
  }
  .adr-banner-container .feature-item i {
    font-size: 1.8rem;
  }
}
@media screen and (width < 500px) {
  .hero-container .site-desc {
    text-align: left;
  }
  .hero-container .site-desc-secondary {
    text-align: left;
  }
  .adr-banner-container .tl-lhs {
    width: 100%;
    padding-inline: 1.5rem;
    gap: 1.5rem;
  }
  .adr-banner-container .bann-title {
    font-size: 22px;
  }
  .adr-banner-container .cta {
    padding: 8px 1rem;
    font-size: 14px;
  }
  .adr-banner-container .cta i {
    font-size: 1rem;
  }
  .adr-banner-container .bann-desc {
    font-size: 14px;
  }
  .adr-banner-container .tl-rhs {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    grid-template-rows: initial;
    grid-auto-rows: unset;
    align-items: unset;
    width: 90%;
    grid-template-areas: unset;
    gap: 8px;
  }
  .adr-banner-container .feature-item {
    flex-direction: row;
    padding-block: 0.8rem;
    white-space: nowrap;
    grid-area: unset !important;
    justify-content: flex-start;
    font-size: 15px;
    border-radius: 6px;
  }
  .adr-banner-container .feature-item .label {
    font-size: 8px;
  }
  .adr-banner-container .free-tool-banner p {
    text-align: center;
  }
}
@media screen and (width < 450px) {
  .hero-container .hero-section {
    padding-inline: 1rem;
  }
  .hero-container .sc-cta {
    width: -moz-fit-content;
    width: fit-content;
    min-width: unset;
    text-align: center;
  }
  .posts-container {
    grid-template-columns: 1fr;
  }
  .single-post .vs-container-sidebar {
    padding-inline: 2rem;
    padding-block: 1.6rem;
  }
  .main-footer .nw-container {
    width: 100%;
  }
  .main-footer .nw-container .nw-subscribe {
    flex-direction: column;
    width: 100%;
  }
  .main-footer .nw-container .nw-subscribe .nw-email {
    width: 100%;
    min-width: unset;
    max-width: unset;
  }
  .main-footer .nw-container .nw-subscribe .nw-submit-btn {
    width: 100%;
  }
}
@media screen and (width < 400px) {
  .main-footer .social-links-wrap {
    gap: 0;
  }
}
@media (pointer: coarse) {
  .single-post article .title-container .adr-heading-link {
    visibility: visible;
    opacity: 1;
  }
}/*# sourceMappingURL=style.css.map */