.inner-page {
  z-index: 3;
  /* background-image: linear-gradient(#fff, #f2f2f7); */
  margin-top: 72px;
  padding: 40px 16px 120px;
  display: flex;
}
  
.dates-math {
  z-index: 101;
  background-color: #fff;
  border-radius: 24px;
  padding: 32px;
  display: block;
  position: fixed;
  top: auto;
  bottom: 16px;
  left: 16px;
  right: 16px;
  overflow: auto;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .8);
}
.competition .contestTimeLeft {
  margin-bottom: 23px
}
.section-divider {
  width: 100%;
  height: 40px;
  background-color: #dcdcdc;
}

.margin-top-40 {
  margin-top: 40px;
}

.div-block-5 {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.divider-3 {
  width: 100%;
  height: 1px;
  background-color: #dcdcdc;
  margin-top: 80px;
  margin-bottom: 40px;
}

.block {
  padding: 120px 16px;
  position: relative;
}

.side-menu {
  background-color: #fff;
  box-shadow: 0 16px 32px -8px rgba(0, 0, 0, .2);
}

.content {
  text-align: left;
  background-color: #fff;
  padding: 48px 32px;
  display: block;
  box-shadow: 0 16px 32px -8px rgba(0, 0, 0, .2);
}

.div-block-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.side-menu-content {
  text-align: left;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding: 16px;
  display: block;
}

.block .hero-split { width: 46% }
.phases .phases-grid a {
  text-decoration: underline;
  color: blue;
}

.competition.reading .hero-wrapper .hero-split img {
  box-shadow: 28px 28px 60px -8px rgba(0, 0, 0, .3);
}
  
.phases.junius .phases-grid {
  grid-template-columns: 1fr 1fr;
}

.books-shortcut-title {
  color: #0051ff;
  margin-bottom: 0;
  margin-left: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.old-price {
  color: red;
  font-size: 16px;
  line-height: 20px;
  text-decoration: line-through;
}

.sale-details {
  color: #696969;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px
}

.competition.main .price-range-block { 
  padding: 16px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  grid-column-gap: unset;
  grid-row-gap: unset
}

.reading.inner-page { padding: 40px 16px 55px; }
.competition .hero-wrapper {
  margin-bottom: 48px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.competition .price-range-value {
  color: #191919;
  margin-bottom: 0;
  font-size: 20px
}
.competition .hero-split { width: 100% }
.competition .head h1 {
  font-family: Mardoto;
  font-size: 40px;
  font-weight: 900;
  line-height: 56px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #1D1E1F
}

.competition .head p {
  font-family: Mardoto;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #6E7073
}

.contestDaysCont { display: flex; align-items: center }
.contestDaysCont>div {width: 50%}
.contestDaysCont>div:first-child{margin-right: 20px}
.contestDaysCont>div:last-child{margin-left: 20px}
.contestDays .days { display: flex }
.contestDays .days>div:first-child {margin-right: 20px}
.contestDays .days>div p{margin-bottom: 0}
.contestDays .days .dayLabel {
  font-family: Mardoto;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #6E7073
}
.contestDays .days .dayValue span { text-transform: capitalize }
.contestDays .days .dayValue {
  font-family: Mardoto;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000
}
.contestDays { 
  border: 1px solid #E5E7EA;
  border-radius: 24px
}
.contestDays .daysStart {
  padding: 16px 24px;
  border-bottom: 1px solid #E5E7EA
}
.contestDays .daysEnd { padding: 16px 24px }
.price-range-wrapper { margin-bottom: 60px }
.competition .button-group { margin-bottom: 30px }
.competition .head img {border-radius: 24px}


.steps-wrapper {
  display: flex;
}
.steps-wrapper>div{width: 50%}
.phases_steps .step {
  display: flex;
  align-items: center;
  margin-bottom: 35px 
}
.phases_steps {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.phases_steps .step p {margin-bottom: 6px}
.phases_steps .step p:first-child {margin-top: 10px}
.phases_steps .step p:last-child {margin-bottom: 0}
.phases_steps .step img{
  width: 80px;
  max-width: max-content;
  margin-right: 25px
}
.phases_steps .medium-title{margin-bottom: 60px}
.phases_steps>div{ padding-right: 120px }
.phases {background-color: #F7F8FA}

#books{ padding: 80px 16px }

.prizes{
  background: linear-gradient(96.26deg, #50DFFF 0%, #4A6FFF 50%, #F100D1 100%);
}
.prizes .white-text{
  font-family: Mardoto;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.prizes .big-text-white {
  font-family: Mardoto;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.book-tab-content>div:not(:first-child) { display: none;}
.competition .head .medium-p {margin-bottom: 10px}

.contestDaysAndGroupsCont {display: flex }
.contestDaysAndGroupsCont>div{ width: 50% }
.contestDaysAndGroupsCont .contestDaysCont{
  flex-direction: column;
  margin-right: 25px;
}
.contestDaysAndGroupsCont .contestGroupsCont{
  margin-left: 25px;
}
.contestDaysAndGroupsCont .contestDaysCont .contestDays { margin-left: 0}
.contestDaysAndGroupsCont .contestDaysCont>div { width: 100% }
.contestGroups { 
  display: flex;
  justify-content: space-between
}
.contestGroups p {
  background-color: #00BBFF3D;
  padding: 16px 24px 16px 24px;
  border-radius: 24px;
  text-align: center;
  font-family: Mardoto;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000

}
.contestGroups p b{
  font-family: Mardoto;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.contestDesc .medium-p { margin-bottom: 25px}

.competition .sales-badge-label { left: 2px }
.contestTimeLeft span.medium-p {
  margin-bottom: 15px;
  display: block
}

.prizes .alenFond { display: flex; align-items: center; margin-top: 80px }
.prizes .alenFond>div { width: 50% }
.prizes .alenFond>div:first-child { text-align: left }
.prizes .alenFond>div:last-child, .prizes .alenFond>div:last-child p{ text-align: right }
.prizes .alenFond>div:last-child p{ color: #ffffff; opacity: 70%; padding-right: 50px;}

.groupAsue { margin-top: 30px }

@media screen and (max-width: 1199px) and (min-width: 993px) {
  .contestGroups p {
    padding: 8px 16px 8px 16px;
    font-size: 14px;
    line-height: 19px;
  }
  .contestGroups p b {
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (max-width: 992px) {
  .groupAsue{text-align: center}
  .prizes .alenFond>div>img { width: 70% }
  .prizes .alenFond>div:last-child p {
    padding-right: 37px;
    font-size: 14px;
    margin-bottom: 2px;
  }
  .prizes .alenFond>div:last-child img{ width: 50%;}
  .contestTimeLeft span.medium-p { margin: 0 auto }
  .contestDaysAndGroupsCont { flex-direction: column }
  .contestDaysAndGroupsCont>div { width: 100% }
  .contestDaysAndGroupsCont .contestDaysCont { margin-right: 0; margin-bottom: 30px }
  .contestDaysAndGroupsCont .contestGroupsCont { margin-left: 0;}

  .competition .head .medium-p {text-align: center}

  .block .hero-split {
    width: 100%;
    max-width: 100%;
    order: 1;
  }

  .competition .hero-split:first-child {
    margin-bottom: 35px
  }
  .competition .button-group a, .competition .margin-bottom { text-align: center }

  .block .about-us-wrapper .hero-split:first-child { margin-bottom: 30px }
  
  .steps-wrapper { flex-direction: column }
  .steps-wrapper>div{width:100%}
  .phases_steps>div{ 
    padding-right: 0;
    margin-bottom: 22px
  }
  .contestDaysCont { flex-direction: column }
  .contestDaysCont>div{width: 100%}
  .contestDaysCont>div:first-child{margin-right:0}
  .contestDaysCont>div:last-child{margin-left:0}
  .price-range-wrapper {
      grid-template-rows: auto auto auto;
      grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 767px) {
    .prizes .alenFond>div:last-child p {
      padding-right: 21px;
    }
    .block { padding: 60px 16px }
    .competition .head .button-group a { height: auto; padding: 12px 18px }
    .inner-page {
      padding: 40px 16px 50px;
    }

    .medium-title {
      font-size: 33px;
      line-height: 40px
    }
    .medium-p {
      font-size: 18px;
      line-height: 24px;
    }
}

@media screen and (max-width: 560px) {
  .prizes .alenFond>div:last-child p {
    padding-right: 5px;
  }
  .prizes .white-text { 
    font-size: 30px;
    line-height: 38px;
  }
  .reading .phases_progress_img, .main .phases_progress_img { display: none }
  .competition .head h1{
    font-size: 33px;
    line-height: 40px;
  }
  .competition .head p.margin-bottom { margin-bottom: 0 }

  .contestGroups { flex-wrap: wrap }
}

@media screen and (max-width: 479px) {
    .prizes .alenFond { flex-direction: column }
    .prizes .alenFond>div, .prizes .alenFond>div img { width: 100% }
    .prizes .alenFond>div:last-child { text-align: center }
    .prizes .alenFond>div:last-child p {
      text-align: center;
      padding-right: 0;
      margin-bottom: 8px;
      margin-top: 35px;
    }

    .phases.junius .phases-grid {
      grid-template-columns: 1fr;
    }
    .competition .head h1 {
      font-size: 30px;
      line-height: 37px;
    }

    .competition .head p{
      font-size: 14px;
      line-height: 21px;
    }

    .medium-title {
      font-size: 30px;
      line-height: 36px;
    }
    .medium-p {
      font-size: 16px;
      line-height: 23px;
    }
}

@media screen and (max-width: 390px) {
  .contestGroups p {
    padding: 8px 16px 8px 16px;
    font-size: 14px;
    line-height: 19px;
  }
  .contestGroups p b {
    font-size: 16px;
    line-height: 24px;
  }
}