/*
|--------------------------------------------------------------------------
| Word Intelligence — physical desktop density at 85%
|--------------------------------------------------------------------------
|
| Generated from the supplied styles.css. This file reproduces the visual
| density of transform: scale(0.85) by changing actual desktop lengths
| instead of transforming <body>. Fixed overlays therefore remain centred,
| the footer keeps its natural document height, and mobile remains unchanged.
|
| Load this file AFTER styles.css, explore.css, underline.css and any page
| <style> blocks. Do not restore the old body transform block.
|
*/

@media (min-width: 992px) {
  html {
    font-size: 85%;
  }

  html,
  body,
  body.the-body,
  .site-scale-wrapper {
    width: 100% !important;
    margin-bottom: 0 !important;
    transform: none !important;
    transform-origin: initial !important;
    zoom: 1 !important;
  }
}

@media (min-width: 992px) {
:root {
  --menu-border: .85px solid rgba(255, 255, 255, 0.452);
}

body.dark-mode {
  --menu-border: .85px solid rgba(73, 73, 73, 0.337);
}

main {
  margin-left: clamp(8.5px, 4.25vw, 102px);
  margin-right: clamp(8.5px, 4.25vw, 102px);
}

.display label, .display2 label {
  width: 59.5px;
  height: 34px;
  border-radius: 849.15px;
  box-shadow: 8.5px 8.5px 25.5px rgba(0, 0, 0, 0.05) inset;
}

.circle {
  width: 27.2px;
  height: 27.2px;
  border-radius: 85px;
  box-shadow: 8.5px 8.5px 17px rgba(0, 0, 0, 0.05),
    -8.5px -8.5px 25.5px rgba(0, 0, 0, 0.05) inset;
}

svg {
  width: 17px;
}

input[type=checkbox]:checked + .display label {
  box-shadow: 8.5px 8.5px 25.5px rgba(0, 0, 0, 0.3) inset;
}

input[type=checkbox]:checked + .display label .circle {
  box-shadow: 8.5px 8.5px 17px rgba(0, 0, 0, 0.3),
    -8.5px -8.5px 25.5px rgba(0, 0, 0, 0.2) inset;
}

input[type=checkbox]:checked + .display2 label {
  box-shadow: 8.5px 8.5px 25.5px rgba(0, 0, 0, 0.3) inset;
}

input[type=checkbox]:checked + .display2 label .circle {
  box-shadow: 8.5px 8.5px 17px rgba(0, 0, 0, 0.3),
        -8.5px -8.5px 25.5px rgba(0, 0, 0, 0.2) inset;
}

label:active .circle {
  width: 42.5px;
}

.info-bar {
  padding: 8.5px;
}

.info-bar span {
  padding: 0px 25.5px;
}

.header-social-icons {
  gap: 4.25px;
  margin: 0px 8.5px;
}

.header-social-icons a {
  width: 15.3px;
  height: 15.3px;
  font-size: 6.8px;
}

.search-link {
  padding: 1.7px 6.8px;
  border-radius: 17px;
}

.nav-links li.active a {
  border-bottom: 1.7px solid var(--accent-color);
}

.site-header {
  padding-top: 17px;
}

.header-top {
  padding: 0 25.5px;
}

.theme-toggle {
  border-radius: 849.15px;
  padding: 6.8px 10.2px;
  font-size: 15.3px;
}

.user-icon {
  width: 30.6px;
  height: 30.6px;
  font-size: 22.95px;
}

.user-icon i {
  bottom: -4.25px;
}

.logo-container {
  top: -8.5px;
}

.logo-circle {
  padding: 27.2px 14.45px;
  margin-bottom: 6.8px;
}

.logo {
  width: 59.5px;
}

.site-title {
  font-size: 15.3px;
  letter-spacing: 3.4px;
  top: -34px;
}

.nav-menu {
  gap: 25.5px;
  margin-top: -17px;
}

.nav-menu a {
  padding: 4.25px 0;
}

.breadcrumb-bar {
  height: 8.5vh;
  margin: -8.5px 0 0 0;
  padding: 0 5.95vw;
}

.breadcrumbs span {
  margin: 0 2.55px;
}

.search-bar input[type="search"] {
  padding: 10.2px 34px 10.2px 17px;
  border-radius: 42.5px;
  box-shadow: 0 3.4px 6.8px rgba(0, 0, 0, 0.08);
  font-size: 13.6px;
}

.search-bar .search-icon {
  right: 13.6px;
  font-size: 15.3px;
}

.category-widget {
  padding: 17px;
  margin-bottom: 17px;
  border-radius: 8.5px;
  box-shadow: 0 1.7px 3.4px rgba(0, 0, 0, 0.05);
}

.category-list li {
  padding: 10.2px 0;
}

.category-list .see-all {
  padding-top: 8.5px;
}

.most-viewed-widget {
  margin-bottom: 17px;
  padding: 17px;
  border-radius: 8.5px;
  box-shadow: 0 1.7px 3.4px rgba(0, 0, 0, 0.05);
}

.post-meta {
  margin-top: 1.7px;
}

.see-more {
  margin-top: 8.5px;
}

.gallery-grid {
  border-radius: 4.25px;
}

.gallery-grid img {
  height: 68px;
  border-radius: 4.25px;
}

.wrapper {
  border-radius: 8.5px;
  margin-top: 17px;
}

.wrapper header {
  padding: 21.25px 25.5px 8.5px;
}

header .icons span {
  height: 17px;
  width: 17px;
  margin: 0 4.25px;
  line-height: 16.15px;
}

.icons span:last-child {
  margin-right: -8.5px;
}

.calendar {
  padding: 8.5px;
}

.calender-line {
  height: .85px;
  margin: 4.25px 4.25px;
}

.calendar .days {
  margin-bottom: 17px;
}

.calendar .days li {
  margin-top: 10px;
}

.days li::before {
  height: 25.5px;
  width: 25.5px;
}

.calendar-footer {
  border-radius: 10.2px;
  gap: 8.5px;
  max-width: 680px;
}

.date-badge {
  border-radius: 8.5px 0 0 8.5px;
  min-width: 68px;
  min-height: 68px;
}

.date-badge span {
  font-size: 10.2px;
  top: 3.4px;
}

.date-badge strong {
  font-size: 42.5px;
}

.date-details h4 {
  margin: 0 0 0px;
}

.read-now {
  padding: 10.2px 8.5px;
  border-radius: 6.8px;
  font-size: 8.5px;
  margin: 0px 17px 0px 8.5px;
}

.category-grid {
  grid-template-columns: repeat(auto-fit, minmax(119px, 1fr));
  gap: 8.5px;
}

.category-card {
  border-radius: 13.6px;
}

.category-image {
  height: 85px;
}

.post-meta {
  margin-top: 1.7px;
}

.featured-post {
  border-radius: 6.8px;
  box-shadow: 0 1.7px 5.1px rgba(0, 0, 0, 0.05);
}

.featured-post button {
  border-radius: 4.25px;
}

.feature-card {
  border-radius: 13.6px;
}

.text-section .tag {
  padding: 3.4px 8.5px;
  border-radius: 6.8px;
  margin-right: 6.8px;
}

.read-more {
  padding: 8.5px 17px;
  border-radius: 6.8px;
}

.image-section {
  right: 42.5px;
  max-width: 229.5px;
  box-shadow: 0 5.1px 15.3px rgba(0, 0, 0, 0.05);
  border-radius: 10.2px;
}
}

@media (min-width: 992px) {
.blog-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20.4px;
}

.blog-card {
  border-radius: 13.6px;
}

.blog-card:hover {
  transform: translateY(-3.4px);
}

.card-image {
  height: 187px;
}

.read-time {
  padding: 1.7px 6.8px;
  border-radius: 5.1px;
}

.post-card {
  border-radius: 13.6px;
}

.post-card-image {
  height: 187px;
}

.post-card-reads {
  padding: 1.7px 6.8px;
  border-radius: 5.1px;
}

.pagination {
  gap: 8.5px;
  margin: 17px 0;
}

.page-button,
.nav-button {
  width: 34px;
  height: 34px;
  border-radius: 5.1px;
  font-size: 13.6px;
  margin: 0 1.7px;
}

.footer-column {
  min-width: 187px;
}

.footer-quote {
  margin-bottom: 17px;
}

.footer-logo {
  min-width: 170px;
}

.footer-logo img {
  max-width: 93.5px;
  margin-bottom: 8.5px;
}

.footer-logo p {
  margin: 8.5px;
}

.footer-subscribe {
  min-width: 187px;
  padding-right: 34px;
}

.footer-subscribe > * {
  max-width: 212.5px;
}

.footer-subscribe h4 {
  margin-bottom: 8.5px;
}

.subscribe-form {
  max-width: 212.5px;
  margin-bottom: 17px;
}

.subscribe-form input {
  padding: 6.8px 25.5px 6.8px 0;
  margin-bottom: 8.5px;
}

.email-icon {
  top: 6.8px;
}

.subscribe-button {
  padding: 8.5px 17px;
  margin: 12.75px 0 0px 0;
  border-radius: 0px;
  border: .255px solid #ffffff69;
}

.social-icons {
  gap: 4.25px;
  margin: 17px 0;
}

.social-icons a {
  width: 22.1px;
  height: 22.1px;
  font-size: 8.5px;
}

.audio-width {
  border-radius: 10.2px;
}

.audio-player {
  padding: 11.9px 17px;
  max-width: 595px;
  gap: 13.6px;
  box-shadow: 0 1.7px 5.1px rgba(0,0,0,0.05);
}

.play-button {
  width: 25.5px;
  height: 25.5px;
  font-size: 8.5px;
}

.audio-title {
  font-size: 12.75px;
}

.audio-duration {
  font-size: 11.05px;
  margin-top: 1.7px;
}

.cover-image img {
  border-radius: 6.8px;
}

.download-image {
  border-radius: 4.25px;
}

.share-image {
  border-radius: 4.25px;
}

.share-image svg {
  width: 12.75px;
  margin-right: 2.55px;
}

.image-buttons {
  margin-top: 17px;
}

.pagination-scroll-left {
  border-radius: 5.1px;
  font-size: 11.9px;
  margin: 0 1.7px;
}

.pagination-scroll-right {
  border-radius: 5.1px;
  font-size: 11.9px;
  margin: 0 1.7px;
}

.most-read-title {
  padding-bottom: 17px;
}

.cat-subcontent {
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 17px;
}

.featured-card {
  border-radius: 12.75px;
}

.new-badge {
  padding: 4.25px 5.95px;
  border-radius: 8.5px;
  font-size: 8.5px;
}

.nav-menu-about {
  gap: 25.5px;
}

.nav-menu-about p {
  gap: 8.5px;
  padding: 4.25px 7.65px;
  border: 1.7px solid #3f3f3fa9;
  border-radius: 42.5px;
}

.about-explore i {
  padding: 0 4.25px;
}

.logo-circle-about {
  padding: 8.5px 14.45px;
  margin: 0 17px;
}

.logo-container-about {
  top: -8.5px;
}

.logo-about {
  width: 170px;
}

.site-title-about {
  font-size: 34px;
  letter-spacing: 6.8px;
}

.about-slogan {
  font-size: 17px;
  letter-spacing: .85px;
  margin-top: -8.5px;
}

.about-text-body p {
  font-size: 15.3px;
}

.about-anchors h1 {
  padding: 8.5px 2rem;
}

.about-vison {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  border-radius: 17px;
}

.daily-capsules img {
  height: 21.25px;
}
}

@media (min-width: 992px) {
.about-abstract h1 {
  padding: 8.5px 0;
}

.about-abstract p {
  font-size: 15.3px;
}

.glance {
  gap: 34px;
  padding: 42.5px 10%;
}

.glance > div h2 {
  gap: 8.5px;
}

.plus {
  margin-left: 1.7px;
}

.account-icons {
  max-width: 680px;
}

.account-icons a {
  gap: 17px;
  border-radius: 8.5px;
  margin: 0 17px;
}

.page-wrapper {
  max-width: 1020px;
  border-radius: 25.5px;
}

.navbar nav a {
  margin: 0 10.2px;
}

.contact-btn {
  padding: 6.8px 13.6px;
  border-radius: 5.1px;
}

.hero p {
  max-width: 510px;
}

.logo-contact {
  width: 76.5px;
}

.site-title-contact {
  font-size: 19.55px;
  letter-spacing: 4.25px;
  margin: 0 12.75px;
}

.contact-card {
  top: -110.5px;
  border-radius: 17px;
  box-shadow: 0 12.75px 34px rgba(44, 44, 44, 0.068);
}

.contact-info {
  border-radius: 12.75px;
}

.contact-form {
  border-radius: 12.75px;
}

.form-group input,
.form-group textarea {
  padding: 6.8px 0;
}

.send-btn {
  padding: 8.5px 18.7px;
  border-radius: 5.1px;
}
}

@media (min-width: 992px) and (max-width: 1023px) {
.mobile-din {
  gap: 20.4px;
}

.mobile-sidebar {
  left: -1000px;
}

.sidebar-backdrop {
  backdrop-filter: blur(3.4px);
  -webkit-backdrop-filter: blur(3.4px);
}

label .close-sidebar {
  margin-bottom: 17px;
}

.sidebar-nav a {
  margin: 8.5px 0;
  padding: 4.25px;
}

.menu-icon {
  backdrop-filter: blur(5.95px);
  -webkit-backdrop-filter: blur(5.95px);
  padding: 8.5px 14.45px 8.5px 25.5px;
  font-size: 15.3px;
}

.display2 label {
  width: 42.5px;
  height: 24.31px;
}

.display2 .circle {
  width: 19.55px;
  height: 19.55px;
}

.display2 .circle svg {
  width: 13.6px;
}

.account {
  padding: 4.25px;
}

.display label {
  width: 42.5px;
  height: 24.31px;
}

.display .circle {
  width: 19.55px;
  height: 19.55px;
}

.display .circle svg {
  width: 13.6px;
}

.logo-container {
  max-width: 158.1px;
}

.logo-circle {
  padding: 21.25px 11.9px;
}

.logo {
  width: 42.5px;
}

.site-title {
  padding-top: 4.25px;
}

.blog-grid {
  grid-template-columns: repeat(auto-fit, minmax(229.5px, 1fr));
  gap: 20.4px;
}

.feature-card {
  margin-top: 8.5px;
}

.mobile-category {
  border-radius: 13.6px;
}

.category-grid {
  grid-template-columns: repeat(auto-fit, minmax(119px, 1fr));
  gap: 8.5px;
}

.category-items {
  padding: 17px 0;
}

.category-images {
  height: 127.5px;
}

.more-grid {
  grid-template-columns: repeat(auto-fit, minmax(127.5px, 1fr));
  gap: 8.5px;
}

.category-card {
  border-radius: 13.6px;
}

.category-card {
  border-radius: 13.6px;
}

.category-card:hover {
  transform: translateY(-3.4px);
}

.category-image {
  height: 85px;
}

.most-read-title {
  padding-bottom: 17px;
}

.download-sec {
  padding-bottom: 17px;
}

.header-top-about {
  padding: 17px;
}

.logo-container-about {
  top: -8.5px;
}

.logo-about {
  width: 127.5px;
}

.site-title-about {
  font-size: 26.35px;
  letter-spacing: 6.8px;
}

.about-slogan {
  font-size: 15.3px;
  letter-spacing: .85px;
  margin-top: -8.5px;
}

.line-break {
  height: 110.5vh;
}
}

@media (min-width: 992px) and (max-width: 1023px) {
.gallery-grid-mobile {
  grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));
  border-radius: 4.25px;
}

.gallery-grid-mobile img {
  height: 102px;
  border-radius: 4.25px;
}
}

@media (min-width: 992px) {
.comments-title {
  margin-bottom: 8.5px;
}

.comments-box {
  border-radius: 10.2px;
}

.comments-header {
  gap: 8.5px;
  padding-bottom: 8.5px;
}

.comment-item {
  padding: 17px 0;
}

.comment-user {
  gap: 10.2px;
}

.comment-user i {
  width: 38.25px;
  height: 38.25px;
  font-size: 29.75px;
  padding-top: 8.5px;
}

.like-button {
  gap: 5.1px;
  padding: 5.1px 10.2px;
  border-radius: 17px;
}

.comment-text {
  margin-top: 8.5px;
}

.write-comment textarea {
  padding: 10.2px;
  border-radius: 8.5px;
  margin-top: 8.5px;
}

.comment-form {
  margin-top: 17px;
}

.form-group {
  padding: 0 8.5px;
}

.form-group input {
  padding: 10.2px 0;
}

.comment-submit {
  padding: 12.75px;
  border-radius: 5.1px;
  margin-top: 8.5px;
}
}

/*
|--------------------------------------------------------------------------
| Web sidebar breakpoint
|--------------------------------------------------------------------------
|
| 1024px and above:
| Keep the normal left sidebar.
|
| 1023px and below:
| Existing responsive rules change the page to one column.
|
*/

@media (min-width: 1023px) {
  .blog-grid-container {
    grid-template-columns:
      263.5px
      minmax(0, 1fr);
  }

  .blog-grid-container > .sidebar {
    display: flex !important;
  }
}
