.breadcrumbs {
  margin-bottom: 20px;
}
.pricing-header {
  max-width: 700px;
}
.logo-header img {
  width: 50px;
}
.logo-header p {
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
}
.logo-header p span {
  color: #198754;
}
header form input {
  padding: 10px 15px !important;
  border-radius: 10px 0px 0 10px !important;
  font-size: 16px !important;
}
header form button {
  padding: 10px 15px !important;
  border-radius: 0px 10px 10px 0 !important;
  font-size: 16px !important;
}
.hero {
  background-image: url(./images/cadb97deadc0dcc67acfd2283001172d.png);
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: 100% 20%;
}
.hero h1 {
  font-size: 4em;
  font-family: "Exo 2", sans-serif;
}
.hero h1 span {
  color: #198754;
}
.search-theme input {
  padding: 20px;
  border-radius: 15px 0 0 15px;
  font-size: 24px;
}
.search-theme button {
  padding: 20px 35px;
  border-radius: 0 15px 15px 0;
  font-size: 24px;
}
.subject-table .container {
  padding: 0 15px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
  .subject-table .container {
    height: auto !important;
  }
}
.subject-table .container .show-all-subjects {
  display: none;
}
@media (max-width: 768px) {
  .subject-table .container .show-all-subjects {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-top: -13px;
    padding: 10px;
    margin-bottom: 0;
    cursor: pointer;
    z-index: 999;
  }
  .subject-table .container .show-all-subjects img {
    width: 20px;
    margin-right: 5px;
  }
}
.subject-table .container .subject-table-item {
  margin-bottom: 15px;
  width: 100%;
}
.subject-table .container .subject-table-item h2 {
  font-family: Roboto;
  margin-bottom: 7px;
}
.subject-table .container .subject-table-item a {
  text-decoration: none;
  padding: 10px 22px 12px;
  background: #f8f9fa;
  color: #000;
  font-size: 24px;
  border-radius: 5px;
  margin-bottom: 30px;
  font-weight: 500;
  box-shadow: 0px 2px 10px 0px rgba(34,60,80,0.2);
  width: 32%;
  text-align: center;
}
.subject-table .container .subject-table-item a:hover {
  background: #198754;
  color: #fff;
}
.subject-table .container .subject-table-item a span {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 54px;
}
.subject-table .container .class-table-item a {
  padding: 5px;
  padding-bottom: 10px;
  width: 8%;
  font-size: 36px;
}
.subject-table .container .class-table-item a span {
  font-size: 24px;
}
.one-subject-table .one-subject-table-item {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15%, 1fr));
  gap: 20px;
}
.one-subject-table .one-subject-table-item a {
  width: auto !important;
  margin-bottom: 0 !important;
  position: relative;
  padding-bottom: 20px;
  padding: 0 !important;
}
.one-subject-table .one-subject-table-item a img {
  width: 100%;
}
.one-subject-table .one-subject-table-item a p {
  font-size: 16px !important;
  padding: 0 10px !important;
  padding-bottom: 10px !important;
}
.one-subject-table .one-subject-table-item a .lang-icon {
  width: 30% !important;
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 0;
  line-height: 0;
}
.book {
  box-shadow: 0px 2px 10px 0px rgba(34,60,80,0.2);
  background: #f8f9fa;
  background-image: url(./images/cadb97deadc0dcc67acfd2283001172d.png);
  background-size: 20%;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
img {
  width: 100%;
}
.topics-table .topic-link td a.topic-link:hover {
  text-decoration: none;
}
.topics-table .topic-link td a.btn {
  font-size: 28px;
  line-height: 28px;
}
.topics-table .topic-link td a.btn:hover {
  color: #fff !important;
}
#viewer {
  width: 100%;
/* 80% высоты экрана — идеально, чтобы видеть заголовок и кусок футера */
  height: 80vh;
/* Ограничения, чтобы на огромных или крошечных экранах было ок */
  min-height: 500px;
  max-height: 1000px;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  overflow: hidden;
}
/* На мобилках можно сделать повыше, чтобы удобнее было листать */
@media (max-width: 768px) {
  #viewer {
    height: 90vh;
    min-height: 400px;
  }
}
.topic-link .lang-icon {
  width: 30px;
}
footer {
  background: #f8f9fa;
}
footer img {
  width: 70px;
}
/* Typewriter effect 1 */
.typewriter {
  --caret: currentcolor;
}
.typewriter::before {
  content: "";
  animation: typing 8.5s infinite;
}
.typewriter::after {
  content: "";
  border-right: 1px solid var(--caret);
  animation: blink 0.5s linear infinite;
}
.typewriter.thick::after {
  border-right: 1ch solid var(--caret);
}
.typewriter.nocaret::after {
  border-right: 0;
}
@media (prefers-reduced-motion) {
  .typewriter::after {
    animation: none;
  }
  .typewriter::before {
    content: "developer";
    animation: sequencePopup 12s linear infinite;
  }
@-moz-keyframes sequencePopup {
    0%, 100% {
      content: "быстро";
    }
    25% {
      content: "удобно";
    }
    50% {
      content: "бесплатно";
    }
    75% {
      content: "красиво";
    }
}
@-webkit-keyframes sequencePopup {
    0%, 100% {
      content: "быстро";
    }
    25% {
      content: "удобно";
    }
    50% {
      content: "бесплатно";
    }
    75% {
      content: "красиво";
    }
}
@-o-keyframes sequencePopup {
    0%, 100% {
      content: "быстро";
    }
    25% {
      content: "удобно";
    }
    50% {
      content: "бесплатно";
    }
    75% {
      content: "красиво";
    }
}
@keyframes sequencePopup {
    0%, 100% {
      content: "быстро";
    }
    25% {
      content: "удобно";
    }
    50% {
      content: "бесплатно";
    }
    75% {
      content: "красиво";
    }
}
}
/**/
.pagination-wrapper {
  text-align: center;
}
.pagination-wrapper .page-numbers {
  display: inline-block;
  padding: 8px 16px;
  margin-right: 4px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  text-decoration: none;
  color: #198754; /* твой зеленый цвет */
}
.pagination-wrapper .page-numbers.current {
  background-color: #198754;
  color: #fff;
  border-color: #198754;
}
.pagination-wrapper .page-numbers:hover:not(.current) {
  background-color: #e9ecef;
}
@-moz-keyframes typing {
  0.0000%, 27.3488% {
    content: "";
  }
  1.1395%, 26.2093% {
    content: "б";
  }
  2.2791%, 25.0698% {
    content: "бы";
  }
  4.5581%, 22.7907% {
    content: "быс";
  }
  6.8372%, 20.5116% {
    content: "быст";
  }
  7.9767%, 19.3721% {
    content: "быстр";
  }
  10.2558%, 17.0930% {
    content: "быстро";
  }
  30.7674%, 51.2791% {
    content: "";
  }
  31.9070%, 50.1395% {
    content: "у";
  }
  33.0465%, 49.0000% {
    content: "уд";
  }
  34.1860%, 47.8605% {
    content: "удо";
  }
  35.3256%, 46.7209% {
    content: "удоб";
  }
  36.4651%, 45.5814% {
    content: "удобн";
  }
  37.6047%, 44.4419% {
    content: "удобно";
  }
  54.6977%, 75.2093% {
    content: "";
  }
  55.8372%, 74.0698% {
    content: "бе";
  }
  56.9767%, 72.9302% {
    content: "бес";
  }
  58.1163%, 71.7907% {
    content: "бесп";
  }
  59.2558%, 70.6512% {
    content: "беспл";
  }
  60.3953%, 69.5116% {
    content: "беспла";
  }
  62.5349%, 67.3721% {
    content: "бесплат";
  }
  63.5349%, 67.3721% {
    content: "бесплатн";
  }
  64.5349%, 66.3721% {
    content: "бесплатно";
  }
  78.6279%, 96.8605% {
    content: "";
  }
  79.7674%, 95.7209% {
    content: "кра";
  }
  80.9070%, 94.5814% {
    content: "крас";
  }
  82.0465%, 93.4419% {
    content: "краси";
  }
  83.1860%, 92.3023% {
    content: "красив";
  }
  84.3256%, 91.1628% {
    content: "красиво";
  }
}
@-webkit-keyframes typing {
  0.0000%, 27.3488% {
    content: "";
  }
  1.1395%, 26.2093% {
    content: "б";
  }
  2.2791%, 25.0698% {
    content: "бы";
  }
  4.5581%, 22.7907% {
    content: "быс";
  }
  6.8372%, 20.5116% {
    content: "быст";
  }
  7.9767%, 19.3721% {
    content: "быстр";
  }
  10.2558%, 17.0930% {
    content: "быстро";
  }
  30.7674%, 51.2791% {
    content: "";
  }
  31.9070%, 50.1395% {
    content: "у";
  }
  33.0465%, 49.0000% {
    content: "уд";
  }
  34.1860%, 47.8605% {
    content: "удо";
  }
  35.3256%, 46.7209% {
    content: "удоб";
  }
  36.4651%, 45.5814% {
    content: "удобн";
  }
  37.6047%, 44.4419% {
    content: "удобно";
  }
  54.6977%, 75.2093% {
    content: "";
  }
  55.8372%, 74.0698% {
    content: "бе";
  }
  56.9767%, 72.9302% {
    content: "бес";
  }
  58.1163%, 71.7907% {
    content: "бесп";
  }
  59.2558%, 70.6512% {
    content: "беспл";
  }
  60.3953%, 69.5116% {
    content: "беспла";
  }
  62.5349%, 67.3721% {
    content: "бесплат";
  }
  63.5349%, 67.3721% {
    content: "бесплатн";
  }
  64.5349%, 66.3721% {
    content: "бесплатно";
  }
  78.6279%, 96.8605% {
    content: "";
  }
  79.7674%, 95.7209% {
    content: "кра";
  }
  80.9070%, 94.5814% {
    content: "крас";
  }
  82.0465%, 93.4419% {
    content: "краси";
  }
  83.1860%, 92.3023% {
    content: "красив";
  }
  84.3256%, 91.1628% {
    content: "красиво";
  }
}
@-o-keyframes typing {
  0.0000%, 27.3488% {
    content: "";
  }
  1.1395%, 26.2093% {
    content: "б";
  }
  2.2791%, 25.0698% {
    content: "бы";
  }
  4.5581%, 22.7907% {
    content: "быс";
  }
  6.8372%, 20.5116% {
    content: "быст";
  }
  7.9767%, 19.3721% {
    content: "быстр";
  }
  10.2558%, 17.0930% {
    content: "быстро";
  }
  30.7674%, 51.2791% {
    content: "";
  }
  31.9070%, 50.1395% {
    content: "у";
  }
  33.0465%, 49.0000% {
    content: "уд";
  }
  34.1860%, 47.8605% {
    content: "удо";
  }
  35.3256%, 46.7209% {
    content: "удоб";
  }
  36.4651%, 45.5814% {
    content: "удобн";
  }
  37.6047%, 44.4419% {
    content: "удобно";
  }
  54.6977%, 75.2093% {
    content: "";
  }
  55.8372%, 74.0698% {
    content: "бе";
  }
  56.9767%, 72.9302% {
    content: "бес";
  }
  58.1163%, 71.7907% {
    content: "бесп";
  }
  59.2558%, 70.6512% {
    content: "беспл";
  }
  60.3953%, 69.5116% {
    content: "беспла";
  }
  62.5349%, 67.3721% {
    content: "бесплат";
  }
  63.5349%, 67.3721% {
    content: "бесплатн";
  }
  64.5349%, 66.3721% {
    content: "бесплатно";
  }
  78.6279%, 96.8605% {
    content: "";
  }
  79.7674%, 95.7209% {
    content: "кра";
  }
  80.9070%, 94.5814% {
    content: "крас";
  }
  82.0465%, 93.4419% {
    content: "краси";
  }
  83.1860%, 92.3023% {
    content: "красив";
  }
  84.3256%, 91.1628% {
    content: "красиво";
  }
}
@keyframes typing {
  0.0000%, 27.3488% {
    content: "";
  }
  1.1395%, 26.2093% {
    content: "б";
  }
  2.2791%, 25.0698% {
    content: "бы";
  }
  4.5581%, 22.7907% {
    content: "быс";
  }
  6.8372%, 20.5116% {
    content: "быст";
  }
  7.9767%, 19.3721% {
    content: "быстр";
  }
  10.2558%, 17.0930% {
    content: "быстро";
  }
  30.7674%, 51.2791% {
    content: "";
  }
  31.9070%, 50.1395% {
    content: "у";
  }
  33.0465%, 49.0000% {
    content: "уд";
  }
  34.1860%, 47.8605% {
    content: "удо";
  }
  35.3256%, 46.7209% {
    content: "удоб";
  }
  36.4651%, 45.5814% {
    content: "удобн";
  }
  37.6047%, 44.4419% {
    content: "удобно";
  }
  54.6977%, 75.2093% {
    content: "";
  }
  55.8372%, 74.0698% {
    content: "бе";
  }
  56.9767%, 72.9302% {
    content: "бес";
  }
  58.1163%, 71.7907% {
    content: "бесп";
  }
  59.2558%, 70.6512% {
    content: "беспл";
  }
  60.3953%, 69.5116% {
    content: "беспла";
  }
  62.5349%, 67.3721% {
    content: "бесплат";
  }
  63.5349%, 67.3721% {
    content: "бесплатн";
  }
  64.5349%, 66.3721% {
    content: "бесплатно";
  }
  78.6279%, 96.8605% {
    content: "";
  }
  79.7674%, 95.7209% {
    content: "кра";
  }
  80.9070%, 94.5814% {
    content: "крас";
  }
  82.0465%, 93.4419% {
    content: "краси";
  }
  83.1860%, 92.3023% {
    content: "красив";
  }
  84.3256%, 91.1628% {
    content: "красиво";
  }
}
@-moz-keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@-o-keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}