.awards-page .award-card,
.awards-page .award-card.is-featured {
  display: grid;
  justify-content: normal;
}

.awards-page .awards-reservation-frame {
  margin-top: 120px;
  scroll-margin-top: 24px;
}

.awards-page .awards-reservation-frame .subpage-frame {
  display: block;
  width: 100%;
  height: 1400px;
  padding: 0 10px;
  overflow: hidden;
  border: 0;
}

@media (max-width: 1023px) {
  .awards-page .awards-reservation-frame .subpage-frame {
    height: 1866px;
  }
}

@media (max-width: 760px) {
  .awards-page .awards-reservation-frame {
    margin-top: 80px;
  }
}

.awards-page .award-archive .award-card {
  grid-column: auto !important;
  grid-row: auto !important;
}

.awards-page .awards-articles .article-card-image > p {
  font-family: "Proxima Nova", Arial, sans-serif;
  font-weight: 400;
}

.awards-page .awards-value-card,
.awards-page .awards-value-card.is-green {
  background: var(--soft);
}

.awards-page .awards-value-card:hover,
.awards-page .awards-value-card:focus-within {
  background: var(--pale-green);
}

.awards-page .awards-value-icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  margin-bottom: 28px;
  border-radius: 50%;
  background: #fff;
  transition: background-color .25s ease;
}

.awards-page .awards-value-card .awards-value-icon img {
  box-sizing: content-box;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  background: transparent;
  transition: filter .25s ease;
}

.awards-page .awards-value-card:hover .awards-value-icon,
.awards-page .awards-value-card:focus-within .awards-value-icon {
  background: var(--green);
}

.awards-page .awards-value-card:hover .awards-value-icon img,
.awards-page .awards-value-card:focus-within .awards-value-icon img {
  filter: brightness(0) invert(1);
}

.awards-page .award-card strong {
  font-family: "Magistral", "Arial Black", sans-serif;
}

.awards-page .service-card {
  transition: background-color .22s ease, transform .25s ease, box-shadow .25s ease;
}

.awards-page .service-card > span {
  line-height: 1.2;
}

.awards-page .service-card:hover,
.awards-page .service-card:focus-visible,
.awards-page .service-card:active {
  background: #def0d9;
}

.awards-page .home-final-reserve .privacy-policy {
  display: none;
}

.awards-page .awards-form-tablet-break {
  display: none;
}

.awards-page .home-final-info {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
}

.awards-page .home-final-currency {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 0;
}

.awards-page .award-year-tabs {
  width: 495px;
}

.awards-page .award-year-group h3 {
  position: relative;
  top: -2px;
  font-size: 28px;
  line-height: 1.2;
}

.awards-page .award-card span {
  position: relative;
  top: -6px;
}

.awards-page .award-logo-crop {
  position: relative;
  width: 110px;
  height: 20px;
  justify-self: end;
  overflow: hidden;
}

.awards-page .award-logo-crop img[src*="trust-sravni"] {
  position: absolute;
  top: -57.28%;
  left: -10.44%;
  width: 120.87%;
  max-width: none;
  height: 214.55%;
  object-fit: fill;
}

@media (min-width: 761px) {
  .awards-page .award-logo-crop {
    width: 132px;
    height: 24px;
  }
}

.awards-page .rating-card-main .rating-visual {
  display: block;
}

.awards-page .rating-card-main .rating-ring-one {
  inset: 0;
  width: 160px;
  height: 160px;
}

.awards-page .ratings-intro .section-label {
  font-family: "Manrope", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 2.88px;
  white-space: nowrap;
}

.awards-page .ratings-wide-break {
  display: none;
}

@media (min-width: 1101px) {
  .awards-page .ratings-intro {
    position: relative;
    box-sizing: border-box;
    height: 710px;
    min-height: 710px;
    padding: 0;
  }

  .awards-page .ratings-intro .section-label {
    position: absolute;
    top: 33px;
    left: 33px;
    box-sizing: border-box;
    width: 256px;
    height: 30px;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 2.88px;
  }

  .awards-page .ratings-intro h2 {
    position: absolute;
    top: 71px;
    left: 33px;
    width: 422px;
    margin: 0;
    font-size: 34px;
    line-height: 41px;
  }

  .awards-page .ratings-intro > p {
    position: absolute;
    top: 219px;
    left: 33px;
    width: 422px;
    margin: 0;
    font-size: 18px;
    line-height: 25.2px;
  }

  .awards-page .ratings-intro ul {
    position: absolute;
    top: 341px;
    left: 33px;
    width: 422px;
    height: 336px;
    margin: 0;
    grid-template-rows: repeat(4, 72px);
    gap: 16px;
  }

  .awards-page .ratings-intro li {
    box-sizing: border-box;
    height: 72px;
    min-height: 72px;
    margin: 0;
  }

  .awards-page .rating-card-main {
    padding: 0;
  }

  .awards-page .rating-card-main > strong {
    position: absolute;
    top: 32px;
    left: 32px;
    margin: 0;
    font-size: 28px;
    line-height: 28px;
  }

  .awards-page .rating-card-main > p {
    position: absolute;
    bottom: 24px;
    left: 32px;
    width: 480px;
    max-width: 480px;
    margin: 0;
    font-size: 18px;
    line-height: 25px;
  }

  .awards-page .rating-card-main .rating-visual {
    right: 32px;
    bottom: 32px;
  }

  .awards-page .rating-card:not(.rating-card-main) > p {
    bottom: 17px;
    font-size: 18px;
    line-height: 25.2px;
  }

  .awards-page .ratings-wide-break {
    display: inline;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .awards-page .ratings-intro h2 {
    top: 71px;
  }

  .awards-page .ratings-intro > p {
    top: 174px;
    width: 810px;
  }

  .awards-page .ratings-intro ul {
    top: 264px;
  }

  .awards-page .rating-card-main > p,
  .awards-page .rating-card:not(.rating-card-main) > p {
    font-size: 18px;
    line-height: 25px;
  }
}

@media (min-width: 761px) and (max-width: 1023px) {
  .awards-page .ratings-intro h2,
  .awards-page .ratings-intro > p {
    width: calc(100% - 66px);
  }

  .awards-page .ratings-intro ul {
    width: calc(100% - 66px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 901px) and (max-width: 1023px) {
  .awards-page .ratings-grid {
    grid-template-columns: minmax(0, 1.335fr) repeat(2, minmax(0, 1fr));
  }

  .awards-page .rating-card-main > p {
    width: 330px;
  }
}

@media (min-width: 761px) and (max-width: 900px) {
  .awards-page .ratings-section {
    height: 1111px;
  }

  .awards-page .ratings-grid {
    height: 650px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 224px 193px 193px;
  }

  .awards-page .rating-card-main {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .awards-page .rating-card-main > p {
    width: 430px;
  }

  .awards-page .rating-card:not(.rating-card-main) {
    height: 193px;
    min-height: 193px;
  }

  .awards-page .ratings-grid > .rating-card:nth-child(4) {
    grid-column: 1;
    grid-row: 2;
  }

  .awards-page .ratings-grid > .rating-card:nth-child(2) {
    grid-column: 2;
    grid-row: 2;
  }

  .awards-page .ratings-grid > .rating-card:nth-child(5) {
    grid-column: 1;
    grid-row: 3;
  }

  .awards-page .ratings-grid > .rating-card:nth-child(3) {
    grid-column: 2;
    grid-row: 3;
  }
}

@media (min-width: 761px) and (max-width: 789px) {
  .awards-page .home-final-form {
    height: auto;
    min-height: 738px;
  }
}

@media (min-width: 481px) and (max-width: 607px) {
  .awards-page .ratings-section {
    height: auto;
  }

  .awards-page .ratings-intro {
    position: static;
    box-sizing: border-box;
    height: auto;
    min-height: 713px;
    padding: 40px 16px 17px;
  }

  .awards-page .ratings-intro .section-label {
    position: static;
    display: inline-block;
  }

  .awards-page .ratings-intro h2 {
    position: static;
    width: auto;
    height: auto;
    margin: 12px 0 20px;
    font-size: 30px;
    line-height: 34px;
  }

  .awards-page .ratings-intro > p {
    position: static;
    width: 270px;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
  }

  .awards-page .ratings-intro ul {
    position: static;
    width: auto;
    height: 340px;
    margin-top: 31px;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 72px);
    gap: 16px;
  }

  .awards-page .ratings-intro li {
    width: auto;
    height: 72px;
    min-height: 72px;
    padding: 16px 16px 16px 72px;
    font-size: 16px;
    line-height: 22px;
  }

  .awards-page .ratings-grid {
    height: 550px;
    margin-top: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 242px 144px 144px;
    gap: 10px;
  }

  .awards-page .rating-card-main {
    grid-column: 1 / -1;
    grid-row: 1;
    height: 242px;
    min-height: 242px;
    padding: 12px;
  }

  .awards-page .rating-card-main > strong {
    position: relative;
    top: auto;
    left: auto;
    color: var(--ink);
    font-family: "Magistral", "Arial Black", sans-serif;
    font-size: 23px;
    line-height: 23px;
  }

  .awards-page .rating-card-main > p {
    position: static;
    width: 200px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .awards-page .rating-card-main .rating-visual,
  .awards-page .rating-card-main .rating-ring-one {
    width: 100px;
    height: 100px;
  }

  .awards-page .rating-card-main .rating-visual {
    right: 12px;
    bottom: 12px;
  }

  .awards-page .rating-card:not(.rating-card-main) {
    height: 144px;
    min-height: 144px;
    padding: 12px;
  }

  .awards-page .rating-card:not(.rating-card-main) > img {
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
  }

  .awards-page .rating-card:not(.rating-card-main) > strong {
    top: 12px;
    left: 12px;
    font-size: 23px;
    line-height: 23px;
  }

  .awards-page .rating-card:not(.rating-card-main) > p {
    right: 12px;
    bottom: 12px;
    left: 12px;
    font-size: 14px;
    line-height: 20px;
  }

  .awards-page .ratings-grid > .rating-card:nth-child(2) { grid-column: 1; grid-row: 2; }
  .awards-page .ratings-grid > .rating-card:nth-child(3) { grid-column: 2; grid-row: 2; }
  .awards-page .ratings-grid > .rating-card:nth-child(4) { grid-column: 1; grid-row: 3; }
  .awards-page .ratings-grid > .rating-card:nth-child(5) { grid-column: 2; grid-row: 3; }
}

@media (max-width: 480px) {
  .awards-page .awards-value-icon {
    margin-bottom: 36px;
  }

  .awards-page .home-final-currency > img {
    right: auto;
    left: 50%;
    bottom: -34px;
    width: 392px;
    height: 275px;
    transform: translateX(-50%) scale(1.09);
  }

  .awards-page .rating-card-main > p {
    width: 304px;
    max-width: calc(100% - 24px);
    color: #687082;
  }

  .awards-page .rating-card-main > strong,
  .awards-page .rating-card:not(.rating-card-main) > strong {
    font-family: "Manrope", "Proxima Nova", Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
  }

  .awards-page .rating-card-main .rating-ring-one {
    width: 100px;
    height: 100px;
  }

  .awards-page .award-year-tabs {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
  }

  .awards-page .award-year-tabs button {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .awards-page .award-year-group h3 {
    font-size: 24px;
    line-height: 1.2;
  }
}

@media (max-width: 760px) {
  .awards-page .home-final-form {
    height: auto;
    min-height: 0;
    grid-template-rows: auto 410.817px;
  }

  .awards-page .home-final-info,
  .awards-page .home-final-currency {
    height: 410.817px;
    min-height: 410.817px;
  }
}

@media (min-width: 481px) and (max-width: 760px) {
  .awards-page .awards-form-tablet-break {
    display: block;
  }

  .awards-page .home-final-form {
    height: 1342.48px;
    grid-template-rows: 752.48px 570px;
    gap: 20px;
  }

  .awards-page .home-final-reserve {
    position: relative;
    display: block;
    box-sizing: border-box;
    height: 752.48px;
    min-height: 752.48px;
    padding: 0;
    border-radius: 16px;
  }

  .awards-page .home-final-reserve > * {
    position: absolute;
    right: 24px;
    left: 24px;
    width: auto;
    margin: 0;
  }

  .awards-page .home-final-reserve h2 {
    top: 32px;
    right: auto;
    width: min(484px, calc(100% - 48px));
    font-size: 28px;
    line-height: 33.6px;
  }

  .awards-page .home-final-reserve .tabs { top: 138px; height: 55px; }
  .awards-page .home-final-reserve .field:nth-of-type(1) { top: 223px; height: 43px; min-height: 43px; }
  .awards-page .home-final-reserve .field:nth-of-type(2) { top: 296px; height: 43px; min-height: 43px; }
  .awards-page .home-final-reserve .field:nth-of-type(3) { top: 369px; height: 56px; min-height: 56px; }
  .awards-page .home-final-reserve .field:nth-of-type(4) { top: 455px; height: 50px; min-height: 50px; }
  .awards-page .home-final-reserve > .btn { top: 535px; height: 56px; min-height: 56px; }
  .awards-page .home-final-reserve .agree { top: 621px; min-height: 20px; }

  .awards-page .home-final-reserve .privacy-policy {
    top: 660px;
    display: block;
    color: #162136;
    font-size: 14px;
    line-height: 17px;
    text-decoration: underline;
  }

  .awards-page .home-final-reserve .safe {
    top: 702px;
    height: 18px;
  }

  .awards-page .home-final-info,
  .awards-page .home-final-currency {
    height: 570px;
    min-height: 570px;
  }

  .awards-page .home-final-currency {
    position: relative;
    padding: 32px 20px 0;
    border-radius: 16px;
  }

  .awards-page .home-final-currency h3 {
    width: min(500px, 100%);
    margin: 0 0 30px;
    font-size: 20px;
    line-height: 24px;
  }

  .awards-page .home-final-currency p {
    width: min(500px, 100%);
    font-size: 16px;
    line-height: 19.2px;
  }

  .awards-page .home-final-currency > img {
    position: absolute;
    right: 20px;
    bottom: 0;
    left: 20px;
    width: calc(100% - 40px);
    height: auto;
    aspect-ratio: 568 / 400;
    object-fit: contain;
  }

  .awards-page .award-year-group h3 {
    font-size: 24px;
    line-height: 1.2;
  }

  .awards-page .award-card-grid {
    gap: 12px;
  }

  .awards-page .award-card,
  .awards-page .award-card.is-featured {
    min-height: 121px;
    height: 121px;
    row-gap: 30px;
  }

  .awards-page [data-award-group="2025"] .award-card:nth-child(5),
  .awards-page [data-award-group="2025"] .award-card:nth-child(6) {
    min-height: 141px;
    height: 141px;
  }

  .awards-page .award-year-group + .award-year-group {
    margin-top: 48px;
  }

  .awards-page .awards-articles {
    position: relative;
    display: block;
  }

  .awards-page .awards-articles .news-head h2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 68px;
    margin: 0;
  }

  .awards-page .awards-articles .article-grid {
    position: absolute;
    top: 108px;
    left: 0;
    height: 227.592px;
  }

  .awards-page .awards-articles .news-head .btn {
    position: absolute;
    top: 375.592px;
    left: calc(50% - 81px);
    display: flex;
    width: 162px;
    height: 48px;
    min-height: 48px;
    margin: 0;
  }
}

@media (hover: none) {
  .awards-page .service-card:hover:not(:active) {
    background: #efefef;
  }
}

@media (max-width: 340px) {
  .awards-page .home-final-reserve h2 {
    font-size: 22px;
    line-height: 26px;
  }

  .awards-page .home-final-reserve h2 span {
    margin-top: 2px;
    font-size: 24px;
    line-height: 29px;
  }

  .awards-page .home-final-currency h3,
  .awards-page .home-final-currency p {
    width: 100%;
  }
}

@media (max-width: 607px) {
  .awards-page .award-card span {
    max-height: 58.8px;
    font-size: 13px;
    -webkit-line-clamp: 3;
  }
}

@media (max-width: 520px) and (min-width: 481px) {
  .awards-page [data-award-group="2025"] .award-card:nth-child(6) span {
    max-height: 78.4px;
    -webkit-line-clamp: 4;
  }
}

@media (min-width: 608px) and (max-width: 639px) {
  .awards-page .award-card span {
    max-height: 58.8px;
    font-size: 13px;
    -webkit-line-clamp: 3;
  }
}

@media (min-width: 761px) and (max-width: 790px) {
  .awards-page [data-award-group="2025"] .award-card:nth-child(6) span {
    font-size: 12px;
  }
}

@media (min-width: 640px) and (max-width: 760px) {
  .awards-page [data-award-group="2025"] .award-card:nth-child(6) span {
    max-height: 58.8px;
    -webkit-line-clamp: 3;
  }
}

@media (min-width: 481px) and (max-width: 607px) {
  .awards-page .award-card,
  .awards-page .award-card.is-featured {
    row-gap: 12px;
  }
}

@media (max-width: 480px) {
  .awards-page .awards-articles {
    position: relative;
    display: block;
  }

  .awards-page .awards-articles .news-head h2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 102px;
    margin: 0;
  }

  .awards-page .awards-articles .article-grid {
    position: absolute;
    top: 126px;
    left: 0;
    height: 227.592px;
  }

  .awards-page .awards-articles .news-head .btn {
    position: absolute;
    top: 377.592px;
    left: calc(50% - 81px);
    display: flex;
    width: 162px;
    height: 48px;
    min-height: 48px;
    margin: 0;
  }
}

/* Articles use the same component geometry as the currency page. */
.awards-page .awards-articles {
  position: static;
  display: grid;
  height: auto;
  gap: 24px;
  align-items: initial;
  justify-items: center;
  overflow: visible;
}

.awards-page .awards-articles > .articles-head {
  position: static;
  justify-self: stretch;
  width: 100%;
  height: auto;
  margin: 0 0 40px;
}

.awards-page .awards-articles .article-grid {
  position: static;
  display: grid;
  order: 0;
  width: 100%;
  height: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  padding: 0;
  overflow: visible;
}

.awards-page .awards-articles .article-grid > a {
  display: block;
  width: 100%;
  min-width: 0;
}

.awards-page .awards-articles .article-card {
  position: static;
  box-sizing: border-box;
  display: grid;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  padding: 0;
  gap: 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.awards-page .awards-articles .article-card > img {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 300 / 147;
  border-radius: 16px;
  object-fit: cover;
}

.awards-page .awards-articles .article-card > p {
  width: auto;
  margin: 0;
  padding: 0;
  color: var(--ink);
  font-family: "Proxima Nova", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.awards-page .awards-articles > .btn {
  position: static;
  display: flex;
  order: 0;
  width: auto;
  height: auto;
  min-height: 48px;
  margin: 0;
}

.awards-page .awards-articles .articles-dots {
  display: none;
}

@media (max-width: 640px) {
  .awards-page .awards-articles {
    align-items: start;
    justify-items: stretch;
    overflow: hidden;
  }

  .awards-page .awards-articles > .articles-head {
    margin-bottom: 8px;
  }

  .awards-page .awards-articles .article-grid {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding-bottom: 0;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .awards-page .awards-articles .article-grid::-webkit-scrollbar {
    display: none;
  }

  .awards-page .awards-articles .article-grid > a {
    flex: 0 0 280px;
    width: 280px;
    min-width: 280px;
    scroll-snap-align: start;
  }

  .awards-page .awards-articles .article-card > p {
    max-height: 76px;
    overflow: hidden;
  }

  .awards-page .awards-articles .articles-dots {
    display: flex;
    margin-top: 8px;
  }
}

@media (max-width: 607px) {
  .awards-page .ratings-section,
  .awards-page .ratings-intro {
    height: auto;
  }

  .awards-page .ratings-intro h2 {
    height: auto;
  }
}