body {
  font-family: Arimo, serif;
  overflow-x: hidden;
}

.hashtag {
  display: inline-flex;
  padding: 3px 7px 5px 12px;
  justify-content: flex-end;
  align-items: center;
  border-radius: 30px;
  background: #FFD700;
  color: #0057B7;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  text-decoration: none;
}

.btn.btn-primary:hover {
  background-color: rgba(0, 87, 183, 0.9);
}

.book-page .header {
  border-bottom: 0.8px solid rgba(0, 0, 0, 0.1);
  background: #F9FAFB;
}
.book-page > .container {
  padding: 48px 0;
}
.book-page > .container .back-btn {
  margin-left: 12px;
}
.book-page > .container .back-btn:hover {
  background-color: #e9ebef;
}
.book-page > .container article .img-block {
  max-width: 375px;
}
.book-page > .container article .img-block img {
  width: 100%;
  border-radius: 12px;
  z-index: 1;
}
.book-page > .container article .powered-by .title {
  color: #4A5565;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  letter-spacing: 0.3px;
  text-transform: uppercase;
  margin-bottom: 12px;
  display: flex;
}
.book-page > .container article .powered-by .publisher {
  display: flex;
  height: 113.6px;
  padding: 16.8px 16.8px 0.8px 16.8px;
  align-items: center;
  align-self: stretch;
  border-radius: 10px;
  border: 0.8px solid #E5E7EB;
  background: linear-gradient(135deg, #F9FAFB 0%, #FFF 100%);
  color: #101828;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  gap: 16px;
}
.book-page > .container article .powered-by .publisher .logo {
  display: flex;
  width: fit-content;
  height: 80px;
  padding: 12px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 0.8px solid #F3F4F6;
  background: #FFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.book-page > .container article .powered-by .publisher .logo img {
  width: auto;
  height: auto;
  max-height: 55px;
  max-width: 82px;
}
.book-page > .container article h1 {
  color: #0A0A0A;
  font-size: 48px;
  line-height: 48px; /* 100% */
}
.book-page > .container article .date {
  padding-left: 20px;
  color: #4A5565;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  background-repeat: no-repeat;
  background-position: left center;
}
.book-page > .container article .tags {
  display: flex;
  gap: 8px;
}
.book-page > .container article .tags a {
  display: flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  height: 22px;
  border-radius: 8px;
  border: 0.8px solid rgba(0, 0, 0, 0);
  background: #ECEEF2;
  color: #030213;
  font-size: 12px;
  line-height: 16px; /* 133.333% */
  text-decoration: none;
}
.book-page > .container article .about-title {
  margin-bottom: 12px;
  color: #0A0A0A;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
}
.book-page > .container article .discount {
  max-width: 100%;
  margin-bottom: 24px;
  display: flex;
  padding: 25px;
  border-radius: 10px;
  border: 1.6px solid #FFD700;
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.2) 0%, rgba(255, 215, 0, 0.1) 100%);
}
.book-page > .container article .discount .discount-amount {
  max-width: 125px;
  max-height: 65px;
  border-radius: 10px;
  background: #FFD700;
  color: #0057B7;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  letter-spacing: 0.3px;
  text-transform: uppercase;
  display: flex;
  padding: 8px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.book-page > .container article .discount .discount-amount span {
  color: #0057B7;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
}
.book-page > .container article .discount .discount-title {
  color: #0A0A0A;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 155.556% */
}
.book-page > .container article .discount .discount-description {
  color: #364153;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.book-page > .container article .discount .discount-description .code-wrap {
  height: 26px;
  padding: 4px 8px;
  border-radius: 4px;
  background: #0057B7;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.book-page > .container article .discount .valid-to {
  color: #4A5565;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}
.book-page > .container article .more {
  width: calc(100% - 117px);
}
.book-page > .container article .more a {
  justify-content: center;
}
.book-page > .container article .more a img {
  margin-right: 12px;
}
@media (max-width: 992px) {
  .book-page > .container article .img-block {
    max-width: 100%;
    width: 100%;
  }
  .book-page > .container article .content-block {
    width: 100%;
  }
}
.book-page .join-challenge-block {
  background: linear-gradient(90deg, #0057B7 0%, rgba(0, 87, 183, 0.9) 100%);
  color: #FFF;
  padding: 64px 0;
}
.book-page .join-challenge-block h2 {
  font-size: 36px;
  margin-bottom: 16px;
}
.book-page .join-challenge-block .description {
  margin-bottom: 16px;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 155.556% */
}
.book-page .join-challenge-block .btn {
  display: flex;
  height: 40px;
  padding: 0 24px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}
.book-page .join-challenge-block .btn-yellow {
  background: #FFD700;
  color: #0057B7;
}
.book-page .join-challenge-block .btn-white {
  color: #000;
  border: 1.6px solid #FFF;
  background: #FFF;
}
@media (max-width: 576px) {
  .book-page .join-challenge-block .buttons {
    display: flex;
    flex-direction: column;
  }
}

.partners-page {
  font-style: normal;
  font-weight: 400;
}
.partners-page h1 {
  margin-top: 64px;
}
.partners-page h2 {
  color: #0A0A0A;
  font-size: 30px;
  line-height: 36px; /* 120% */
}
.partners-page .partners-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  row-gap: 24px;
}
.partners-page .partners-list .partner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  border-radius: 10px;
  border: 0.8px solid #F3F4F6;
  background: #FFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.partners-page .partners-list .partner .img {
  color: #0A0A0A;
  font-size: 36px;
  line-height: 40px; /* 111.111% */
}
.partners-page .partners-list .partner .img img {
  height: 40px;
}
.partners-page .partners-list .partner h3 {
  color: #0A0A0A;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.partners-page .partners-list .partner .excerpt {
  color: #4A5565;
  font-size: 14px;
  line-height: 20px; /* 142.857% */
}
.partners-page .partners-list .partner .btn {
  width: fit-content;
  border-radius: 8px;
  border: 0.8px solid rgba(0, 0, 0, 0.1);
  background: #FFF;
}
.partners-page .become-partner-block {
  border-radius: 10px;
  border: 0.8px solid #F3F4F6;
  background: #FFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  padding: 32px;
}
.partners-page .become-partner-block h3 {
  color: #0A0A0A;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
  margin-bottom: 8px;
}
.partners-page .become-partner-block .description {
  color: #4A5565;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  margin-bottom: 32px;
  max-width: 670px;
}
.partners-page .become-partner-block .wpforms-container {
  width: 100%;
  max-width: 670px;
  margin: 0;
}
.partners-page .become-partner-block .wpforms-container .wpforms-field-label {
  margin-bottom: 8px;
  color: #0A0A0A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 100% */
}
.partners-page .become-partner-block .wpforms-container input, .partners-page .become-partner-block .wpforms-container textarea {
  border-radius: 8px;
  border: 0.8px solid rgba(0, 0, 0, 0);
  background: #F3F3F5;
  display: flex;
  padding: 4px 12px;
  align-items: center;
  align-self: stretch;
  color: #717182;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.partners-page .become-partner-block .wpforms-container button {
  width: 100%;
  border-radius: 8px;
  background-color: #0057B7 !important;
  color: #FFF !important;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 768px) {
  .partners-page .partners-list {
    grid-template-columns: 1fr;
  }
}

.partner-page {
  font-style: normal;
  font-weight: 400;
}
.partner-page .container {
  max-width: 832px;
}
.partner-page .container .back-btn {
  margin-top: 60px;
  margin-left: -12px;
  color: #0057B7;
}
.partner-page .container .back-btn:hover {
  background-color: #e9ebef;
}
.partner-page .container .header {
  background: linear-gradient(135deg, #0057B7 0%, rgba(0, 87, 183, 0.9) 100%);
  font-size: 128px;
  font-style: normal;
  font-weight: 400;
  line-height: 128px; /* 100% */
  padding: 36px 0 60px;
  display: flex;
  height: 224px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 14px 14px 0 0;
}
.partner-page .container .header img {
  max-height: 100%;
}
.partner-page .container .content {
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0 0 14px 14px;
  border: 0.8px solid #E5E7EB;
  background: #FFF;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
.partner-page .container h1 {
  margin-bottom: 32px;
  color: #0A0A0A;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 111.111% */
}
.partner-page .container .date {
  padding-left: 20px;
  color: #4A5565;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  background-repeat: no-repeat;
  background-position: left center;
}
.partner-page .container .tags {
  display: flex;
  gap: 8px;
}
.partner-page .container .tags .tag-name img {
  width: 16px;
  margin-right: 8px;
}
.partner-page .container .tags .tag-name {
  color: #4A5565;
  font-size: 14px;
  line-height: 20px; /* 142.857% */
}
.partner-page .container .tags a {
  display: flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  height: 22px;
  border-radius: 8px;
  border: 0.8px solid rgba(0, 0, 0, 0);
  background: #ECEEF2;
  color: #030213;
  font-size: 12px;
  line-height: 16px; /* 133.333% */
  text-decoration: none;
}
.partner-page .container .partner-books-block {
  margin: 64px 0;
}
.partner-page .container .partner-books-block h2 {
  color: #0A0A0A;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 120% */
}
.partner-page .container .partner-books-block .card .image-box {
  height: 250px;
  min-height: unset;
}

.post-page {
  font-style: normal;
  font-weight: 400;
}
.post-page .container {
  max-width: 832px;
}
.post-page .container .back-btn {
  margin-top: 60px;
  margin-left: -12px;
}
.post-page .container .back-btn:hover {
  background-color: #e9ebef;
}
.post-page .container h1 {
  color: #0A0A0A;
  font-size: 48px;
  line-height: 48px; /* 100% */
}
.post-page .container .date {
  padding-left: 20px;
  color: #4A5565;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  background-repeat: no-repeat;
  background-position: left center;
}
.post-page .container .tags {
  display: flex;
  gap: 8px;
}
.post-page .container .tags .tag-name img {
  width: 16px;
  margin-right: 8px;
}
.post-page .container .tags .tag-name {
  color: #4A5565;
  font-size: 14px;
  line-height: 20px; /* 142.857% */
}
.post-page .container .tags a {
  display: flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  height: 22px;
  border-radius: 8px;
  border: 0.8px solid rgba(0, 0, 0, 0);
  background: #ECEEF2;
  color: #030213;
  font-size: 12px;
  line-height: 16px; /* 133.333% */
  text-decoration: none;
}

.news-page {
  font-style: normal;
  font-weight: 400;
  color: #fff;
}
.news-page .header {
  background: linear-gradient(90deg, #0057B7 0%, rgba(0, 87, 183, 0.9) 100%);
  padding: 80px 0;
}
.news-page .header h1 {
  text-align: center;
  font-size: 36px;
  line-height: 40px; /* 111.111% */
}
.news-page .header .description {
  text-align: center;
  font-size: 16px;
  line-height: 24px; /* 150% */
}
.news-page .news-list {
  padding: 64px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  flex-shrink: 0;
}
.news-page .news-list .news-item:nth-child(even) {
  flex-direction: row-reverse;
}
.news-page .news-list .news-item .image-box {
  width: 100%;
  height: 100%;
  background-size: cover;
  border-radius: 10px;
}
.news-page .news-list .news-item .date {
  padding-left: 20px;
  color: #4A5565;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  background-repeat: no-repeat;
  background-position: left center;
}
.news-page .news-list .news-item h2 {
  color: #0A0A0A;
  font-size: 30px;
  line-height: 36px; /* 120% */
}
.news-page .news-list .news-item .excerpt {
  color: #364153;
  font-size: 16px;
  line-height: 26px; /* 162.5% */
}
.news-page .news-list .news-item .tags {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.news-page .news-list .news-item .tags a {
  text-decoration: none;
  height: 22px;
  color: #030213;
  font-size: 12px;
  line-height: 16px; /* 133.333% */
  border-radius: 8px;
  border: 0.8px solid rgba(0, 0, 0, 0);
  background: #ECEEF2;
  display: flex;
  padding: 2px 9px 3px 9px;
  justify-content: center;
  align-items: flex-end;
  gap: 4px;
}

.books-page {
  font-style: normal;
  font-weight: 400;
  padding: 60px 0;
}
.books-page h1 {
  color: #0A0A0A;
  text-align: center;
  font-size: 36px;
  line-height: 40px; /* 111.111% */
}
.books-page h2 {
  margin-bottom: 16px;
  color: #0A0A0A;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 111.111% */
}
.books-page .description {
  color: #4A5565;
  text-align: center;
  font-size: 16px;
  line-height: 24px; /* 150% */
}
.books-page .books-series-block {
  margin: 50px 0;
}
.books-page .books-series-block h2 {
  font-size: 24px;
  margin-bottom: 0;
}
.books-page .books-series-block .description {
  display: none;
}
.books-page .books-series-block .books-grid {
  padding-top: 20px;
}
.books-page .container .filter .author select {
  width: 280px;
}
.books-page .container .filter .filter-name {
  color: #4A5565;
  font-size: 16px;
  line-height: 24px; /* 150% */
  min-width: fit-content;
}
.books-page .container .filter .filter-icon {
  display: block;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
}
.books-page .container .filter .btn {
  height: 36px;
  padding: 8px 16px;
  border-radius: 8px;
  border: 0.8px solid rgba(0, 0, 0, 0.1);
  background: #FFF;
  color: #0A0A0A;
  text-align: center;
  font-size: 14px;
  line-height: 20px; /* 142.857% */
}
.books-page .container .filter .btn.active {
  background: #0057B7;
  color: #fff;
}
.books-page .container .books-grid .card .btn {
  border-radius: 8px;
  text-align: center;
  font-size: 14px;
  line-height: 20px; /* 142.857% */
}

.main-page h2 {
  margin-bottom: 16px;
  color: #0A0A0A;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 111.111% */
}
.main-page .description {
  width: 100%;
  color: #4A5565;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

.books-grid {
  padding-top: 32px;
  display: grid;
  justify-items: stretch;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 24px;
  flex-shrink: 0;
  align-self: stretch;
  align-items: stretch;
}
.books-grid .card {
  overflow: hidden;
  padding: 0;
  border-radius: 10px;
  border: 0.8px solid #E5E7EB;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.books-grid .card:hover {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.books-grid .card .image-box {
  height: 357px;
  min-height: 357px;
  background-size: cover;
  background-position: center;
}
.books-grid .card .excerpt {
  margin-bottom: 12px;
  color: #6A7282;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}
.books-grid .card .author {
  margin-bottom: 6px;
  color: #4A5565;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}
.books-grid .card h2, .books-grid .card h3 {
  text-align: left;
  margin-bottom: 6px;
  color: #0A0A0A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.books-grid .card .btn {
  border-radius: 8px;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
@media (max-width: 992px) {
  .books-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .books-grid {
    grid-template-columns: 1fr;
  }
}

.recent-news-block {
  margin: 64px 0;
}
.recent-news-block .row {
  margin: 32px 0 0;
  row-gap: 26px;
}
.recent-news-block .row .card {
  cursor: pointer;
  text-decoration: none;
  max-width: 590px;
  width: calc(50% - 12px);
  min-width: 370px;
  border-radius: 10px;
  border: 0.8px solid #F3F4F6;
  background: #FFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.recent-news-block .row .card:hover {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.recent-news-block .row .card .date {
  padding-left: 16px;
  color: #6A7282;
  font-size: 12px;
  line-height: 16px; /* 133.333% */
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 12px;
}
.recent-news-block .row .card h3 {
  margin: 0;
  color: #0A0A0A;
  font-size: 16px;
  line-height: 24px; /* 150% */
}
.recent-news-block .row .card .excerpt {
  color: #4A5565;
  font-size: 14px;
  line-height: 20px; /* 142.857% */
}
.recent-news-block .row .card .image-box {
  height: 332px;
  background-size: cover;
}
@media (max-width: 768px) {
  .recent-news-block .row .card {
    width: 100%;
    max-width: unset;
  }
}

.social-latest-block {
  margin: 64px 0;
}
.social-latest-block .posts {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}
.social-latest-block .posts .post {
  justify-content: space-between;
  justify-items: center;
  display: flex;
  padding: 16px 16px 0 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 10px;
  border: 0.8px solid #F3F4F6;
  background: #FFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.social-latest-block .posts .post .post-content {
  height: calc(100% - 118px);
}
.social-latest-block .posts .post .author {
  height: 42px;
}
.social-latest-block .posts .post .author .author-image img {
  height: 42px;
  border-radius: 50%;
}
.social-latest-block .posts .post .author .author-name {
  color: #0A0A0A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.social-latest-block .posts .post .author .date {
  text-decoration: none;
  color: #6A7282;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}
.social-latest-block .posts .post .post-footer {
  display: flex;
  height: 52px;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  align-self: stretch;
  color: #4A5565;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.social-latest-block .posts .post .post-footer img {
  height: 20px;
}
@media (max-width: 1200px) {
  .social-latest-block .posts {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .social-latest-block .posts {
    grid-template-columns: 1fr;
  }
}

.latest-news-block .container {
  padding: 64px 0;
}
.latest-news-block .container .row {
  display: flex;
  justify-content: center;
  gap: 32px;
  flex-shrink: 0;
  align-self: stretch;
  align-items: stretch;
}
.latest-news-block .container .row .card {
  max-width: 590px;
  width: 48%;
  min-width: 370px;
  border-radius: 10px;
  border: 0.8px solid #F3F4F6;
  background: #FFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.latest-news-block .container .row .card:hover {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.latest-news-block .container .row .card .date {
  padding-left: 20px;
  color: #4A5565;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  background-repeat: no-repeat;
  background-position: left center;
}
.latest-news-block .container .row .card h3 {
  color: #0A0A0A;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 140% */
}
.latest-news-block .container .row .card .excerpt {
  color: #4A5565;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.latest-news-block .container .row .card .image-box {
  height: 332px;
  background-size: cover;
}
.latest-news-block .container .row .card .btn {
  gap: 12px;
  color: #0057B7;
  text-align: center;
  font-size: 14px;
  line-height: 20px; /* 142.857% */
  width: fit-content;
}
.latest-news-block .container .row .card .btn:hover span {
  text-decoration: underline;
}
.latest-news-block .container .row .card .btn img {
  width: 16px;
}

.how-participate-block {
  background: #F9FAFB;
}
.how-participate-block .container {
  padding: 64px 0;
}
.how-participate-block .container .cards {
  row-gap: 32px;
  column-gap: 32px;
  display: grid;
  justify-items: center;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.how-participate-block .container .cards .card {
  max-width: 400px;
  height: 276px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  font-style: normal;
  font-weight: 400;
}
.how-participate-block .container .cards .card.yellow .step-num {
  background-color: #FFD700;
  color: #0057B7;
}
.how-participate-block .container .cards .card.yellow .step-icon {
  background-color: rgba(255, 215, 0, 0.1019607843);
}
.how-participate-block .container .cards .card .step-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(0, 87, 183, 0.1019607843);
  display: flex;
  align-items: center;
  justify-content: center;
}
.how-participate-block .container .cards .card h3 {
  color: #0A0A0A;
  text-align: center;
  font-size: 16px;
  line-height: 24px; /* 150% */
}
.how-participate-block .container .cards .card .description {
  color: #4A5565;
  text-align: center;
  font-size: 14px;
  line-height: 20px; /* 142.857% */
}
.how-participate-block .container .cards .card .step-num {
  position: absolute;
  top: 16px;
  left: 16px;
  display: flex;
  width: 64px;
  height: 64px;
  padding-right: 0;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #0057B7;
  color: #FFF;
  text-align: center;
  font-size: 30px;
  line-height: 36px; /* 120% */
}
.how-participate-block .container .cards .card .arrow {
  width: 32px;
  position: absolute;
  right: -16px;
  top: calc(50% - 16px);
  z-index: 2;
}
@media (max-width: 1200px) {
  .how-participate-block .container .cards {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .how-participate-block .container .cards {
    grid-template-columns: 1fr;
  }
  .how-participate-block .container .cards .card .arrow {
    right: calc(50% - 16px);
    bottom: -16px;
    rotate: 90deg;
    top: auto;
  }
}

.books-recommended-block {
  margin: 64px 0 0;
  background: #F9FAFB;
}
.books-recommended-block .container {
  padding: 64px 0;
}

.books-series-block {
  margin: 64px 0;
}
.books-series-block .container {
  padding: 32px;
  border-radius: 16px;
  border: 0.8px solid #E5E7EB;
}
.books-series-block .container .series {
  color: #0057B7;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.main-slider .n2-ss-slide[data-title=video] .n2-ss-layers-container {
  position: unset !important;
}
.main-slider .n2-ss-slide[data-title=video] .n2-ss-layers-container .n2-ss-layer, .main-slider .n2-ss-slide[data-title=video] .n2-ss-layers-container .n2-ss-section-main-content {
  position: unset !important;
}
.main-slider .n2-ss-slide[data-title=video] .n2-ss-layers-container .n2-ss-layer[data-pm=absolute],
.main-slider .n2-ss-slide[data-title=video] .n2-ss-layers-container .n2_ss_video_player[data-pm=absolute] {
  position: absolute !important;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0 !important;
  width: 100% !important;
  transform: unset !important;
}
.main-slider .nextend-arrow {
  border-radius: 50% !important;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5490196078);
}
@media (max-width: 1140px) {
  .main-slider .n2-ss-slide[data-title=video] .n2-ss-layers-container .n2-ss-layer[data-pm=absolute],
  .main-slider .n2-ss-slide[data-title=video] .n2-ss-layers-container .n2_ss_video_player {
    height: 100% !important;
    position: relative;
  }
  .main-slider .n2-ss-slide[data-title=video] .n2-ss-layers-container .n2-ss-layer[data-pm=absolute] iframe,
  .main-slider .n2-ss-slide[data-title=video] .n2-ss-layers-container .n2_ss_video_player iframe {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    transform: scale(1.5);
  }
}
@media (max-width: 768px) {
  .main-slider .n2-ss-slide[data-title=video] .n2-ss-layers-container .n2-ss-layer[data-pm=absolute] iframe,
  .main-slider .n2-ss-slide[data-title=video] .n2-ss-layers-container .n2_ss_video_player iframe {
    width: 150% !important;
    transform: scale(2.5);
  }
}
@media (max-width: 576px) {
  .main-slider .n2-ss-slide[data-title=video] .n2-ss-layers-container .n2-ss-layer[data-pm=absolute] iframe,
  .main-slider .n2-ss-slide[data-title=video] .n2-ss-layers-container .n2_ss_video_player iframe {
    width: 250% !important;
  }
}

footer {
  background: #101828;
  color: #99A1AF;
  display: flex;
  padding: 48px 32px 0 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex-shrink: 0;
}
footer a {
  display: block;
  margin-top: 8px;
  text-decoration: none;
  color: #99A1AF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
footer .social-icon {
  display: block;
  width: 20px;
  height: 20px;
  max-width: 20px;
}
footer .footer-cols {
  border-bottom: 0.8px solid #1E2939;
}
footer .footer-cols .huri-logo {
  max-width: 253px;
}
footer .footer-cols .subscribe p {
  color: #99A1AF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
footer .footer-cols .subscribe input {
  height: 40px;
  color: rgba(16, 24, 40, 0.5);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 4px;
  border: 1.6px solid #D1D5DC;
  background: #FFF;
  padding: 8px 12px;
}
footer .footer-cols .subscribe input::placeholder {
  color: rgba(16, 24, 40, 0.5);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
footer .footer-cols .subscribe button {
  width: 100%;
  height: 32px;
  padding: 0 12px;
  border-radius: 8px;
  background: #0057B7;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  margin-top: 8px;
}

.navbar {
  height: 64px;
}
.navbar .navbar-brand {
  font-style: normal;
  font-weight: 400;
}
.navbar .navbar-brand .logo-title {
  color: #FFF;
  font-size: 16px;
  line-height: 24px; /* 150% */
  letter-spacing: -0.4px;
}
.navbar .navbar-brand .logo-desc {
  color: #FFF;
  font-size: 12px;
  line-height: 16px; /* 133.333% */
}
.navbar .navbar-brand .logo img {
  height: 40px;
}
.navbar .navbar-nav .menu-item {
  height: 40px;
  border-radius: 4px;
}
.navbar .navbar-nav .menu-item:hover {
  background: rgba(255, 255, 255, 0.2);
}
.navbar .navbar-nav .menu-item a {
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  margin: 6px 16px 10px 16px;
  padding: 0;
}
@media (max-width: 992px) {
  .navbar .navbar-nav {
    background-color: #0057B7;
    position: absolute;
    width: 100%;
    left: 0;
    top: 64px;
  }
  .navbar .container {
    width: 100%;
    max-width: 100%;
  }
}

.share-block {
  position: relative;
}
.share-block .share-btn {
  cursor: pointer;
  border-radius: 8px;
  border: 0.8px solid rgba(0, 0, 0, 0.1);
  background: #FFF;
  display: flex;
  padding: 8.8px 15.375px 11.2px 16.8px;
  justify-content: center;
  align-items: center;
  gap: 15px;
  width: 105px;
}
.share-block .share-btn img {
  width: 15px;
}
.share-block .share-list {
  position: absolute;
  background: #fff;
  display: inline-flex;
  width: 105px;
  height: 200px;
  right: 12px;
  top: 32px;
  justify-content: flex-end;
  z-index: 9;
  flex-direction: column;
  align-content: center;
  border-radius: 8px;
  border: 0.8px solid rgba(0, 0, 0, 0.1);
}
.share-block .share-list a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.share-block .share-list a .social-icon {
  display: block;
  width: 20px;
  height: 20px;
  max-width: 20px;
  cursor: pointer;
}

.grey-icon-calendar {
  background: url("../../img/icons/calendar-grey.svg");
}

.grey-icon-facebook {
  background: url("../../img/icons/fb-grey.svg");
}

.grey-icon-instagram {
  background: url("../../img/icons/inst-grey.svg");
}

.grey-icon-twitter {
  background: url("../../img/icons/twitter-grey.svg");
}

.grey-icon-email {
  background: url("../../img/icons/email-grey.svg");
}

.grey-icon-funnel {
  background: url("../../img/icons/funnel-grey.svg");
}

/*# sourceMappingURL=styles.css.map */
