/* TAGLINE */
body .taglineoverlay {
  bottom: 150px;

  &>.fixed {
    text-transform: uppercase;
    font-size: calc(var(--fs2) - 3px);
  }

  &>.taglines .tagline .taglineinner .title {
    font-family: var(--font-cursive);
    font-size: calc(var(--fs0) + 60px);
  }
}

/* WELCOME */
body section.homewelcome.mod_lefttabs_welcome {
  &>div.Welcome {
    --welcome-max-width: 990px;

    &>div.WelcomeFlex {
      padding-left: min(var(--welcome-max-width) / 2.78, 36%);
      min-height: calc(var(--welcome-max-width) / 2.78);
      padding-right: 0;

      &>.ItemImage {
        width: 36%;
        left: 0;
        right: auto;
      }

      &>h3.Title {
        padding-right: 0;
        padding-left: 50px;
        margin-top: 60px;
      }

      &>.ItemContent {
        padding-right: 0;
        padding-left: 50px;
      }

      &>.LinkWrapper {
        padding-right: 0;
        padding-left: 50px;
      }
    }
  }

  &::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: var(--starleft);
    background-position: 0% 75%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 330px;
    height: 100%;
  }
}




/* Schols Bloq */
section.SchoolsBloq {
  max-width: 1400px;
  margin: 0 auto;
  padding-top: 30px !important;
  --visitsite: "Visit Site";

  --schools-intro: "Our Trust is made of a small family of schools who work together with shared moral purpose and determination to provide the very best education for their pupils.";

  --schools-gap: clamp(12px, 1.4vw, 24px);
  --schools-colgap: clamp(24px, 5vw, 96px);

  --schools-band-opacity: 0.85;
  --schools-overlay-opacity: 0.75;

  position: relative;
  isolation: isolate;
  container-type: inline-size;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(0, 3.2fr);
  column-gap: var(--schools-colgap);
  row-gap: 40px;
  align-items: center;

  body .typography>&.bloq {
    padding-inline: max(20px, calc((100% - var(--site-max-width)) / 2));
  }

  &::before {
    content: '';
    position: absolute;
    right: 50%;
    transform: translate(50vw, -54%);
    background-image: var(--starright);
    background-position: 100% 75%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 330px;
    height: 600px;
  }

  &>h2.bloqTitle {
    margin: 0;
    text-align: center;
    padding-bottom: 30px;

    &::after {
      content: var(--schools-intro);
      display: block;
      margin: 1rem auto 0;
      font-family: var(--font-normal);
      font-size: calc(var(--fs6) - 3px);
      font-weight: 400;
      line-height: 1.4em;
      letter-spacing: normal;
      text-transform: none;
      color: rgb(var(--grey1));
    }
  }

  &>.Card {
    &>ul {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: var(--schools-gap);

      &>li {
        &:nth-child(3n+1) {
          --school-color: var(--color4);
        }

        &:nth-child(3n+2) {
          --school-color: var(--color3);
        }

        &:nth-child(3n+3) {
          --school-color: var(--color1);
        }

        &:nth-child(1) {
          order: 1;
        }

        &:nth-child(3) {
          order: -1;
        }

        &>.Item {
          container-type: inline-size;
          height: auto;
          aspect-ratio: 1.26 / 1;
          color: #fff;

          &>.ItemBefore {
            inset: 0;
            transition: transform 0.6s ease;

            &>.BackgroundImage {
              display: block;
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: var(--bg-pos, 50% 50%);
              border-radius: 0;
            }
          }

          &>.ItemInner {
            inset: auto 0 0 0;
            height: auto;
            min-height: 38%;
            padding: 11cqw 2.5cqw 6cqw;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            background-color: rgba(var(--school-color), var(--schools-band-opacity));
            transition: min-height 0.4s ease, background-color 0.4s ease;

            &>.LogoImg {
              position: absolute;
              z-index: 1;
              top: 0;
              left: 50%;
              width: 20cqw;
              height: 20cqw;
              padding: 1.2cqw;
              border-radius: 50%;
              background-color: #fff;
              background-origin: content-box;
              background-position: center;
              background-repeat: no-repeat;
              background-size: contain;
              transform: translate(-50%, -50%);
              transition: top 0.4s ease, transform 0.4s ease, width 0.4s ease,
                height 0.4s ease, padding 0.4s ease, background-color 0.3s ease;
            }

            &>.ItemIcon {
              display: none;
            }

            &>.Title {
              margin: 0;
              font-family: var(--font-heading);
              font-weight: 900;
              font-size: clamp(12px, 4.6cqw, 20px);
              line-height: 1.1;
              letter-spacing: 0.035em;
              text-transform: uppercase;
              color: #fff;
              overflow-wrap: normal;
              transition: opacity 0.25s ease;
            }

            &>.ItemContent {
              position: static;
              margin: 0;

              &>.paracontent {
                font-size: 0;
                line-height: 0;
                color: transparent;

                &>.cardBottomLinks {
                  position: static;
                  padding: 0;
                  margin: 0;

                  &>a.ItemTelephone,
                  &>a.ItemEmail {
                    display: none;
                  }

                  &>a:not(.ItemTelephone):not(.ItemEmail) {
                    position: absolute;
                    inset: 0;
                    z-index: 2;
                    padding: 0;
                    font-size: 0;
                    color: transparent;
                    text-decoration: none;

                    &::after {
                      content: var(--visitsite);
                      position: absolute;
                      left: 50%;
                      bottom: 13%;
                      transform: translateX(-50%);

                      padding: var(--button-padding-block) var(--button-padding-inline);
                      border: var(--button-border-thickness) solid rgb(var(--button-border-color-reverse));
                      border-radius: var(--button-border-radius);
                      font-family: var(--button-font-family);
                      font-weight: var(--button-font-weight);
                      font-size: var(--button-font-size);
                      line-height: 1.5;
                      letter-spacing: normal;
                      text-transform: var(--button-text-transform);
                      white-space: nowrap;

                      color: rgb(var(--button-color-reverse));
                      background-color: transparent;
                      transition: background-color 0.2s ease, color 0.2s ease;
                    }

                    &:focus-visible {
                      outline: none;

                      &::after {
                        border-color: rgb(var(--button-border-color-reverse-hover));
                        background-color: rgb(var(--button-background-color-reverse-hover));
                        color: rgb(var(--button-color-reverse-hover));
                      }
                    }
                  }
                }
              }
            }
          }

          &:hover,
          &:focus-within {
            &>.ItemBefore {
              inset: 0;
              transform: scale(1.06);
            }

            &>.ItemInner {
              height: auto;
              min-height: 100%;
              background-color: rgba(var(--school-color), var(--schools-overlay-opacity));

              &>.LogoImg {
                top: 11%;
                width: 56cqw;
                height: 36cqw;
                padding: 0;
                border-radius: 0;
                background-color: transparent;
                transform: translate(-50%, 0);
              }

              &>.Title {
                opacity: 0;
              }
            }
          }

          &:has(a:focus-visible) {
            outline: var(--focus-outline);
            outline-offset: 3px;
          }
        }
      }
    }
  }
}



/* NEWS */
section.DataBloq.mod_overlap_slider {
  --news-full: 4;
  --news-peek: 0.5;
  --news-bleed: 20px;
  --news-card-ratio: 1.39;
  --news-view: calc(100cqw + 2 * var(--news-bleed));
  --news-card-w: calc((var(--news-view) - (var(--news-full) + 1) * var(--SliderGridGap)) / (var(--news-full) + 2 * var(--news-peek)));

  --news-panel-inset: clamp(12px, 1.9vw, 48px);
  --news-panel-radius: clamp(40px, 9vw, 180px);

  --news-all-label: "View All";
  --news-all-width: 140px;
  --news-control-gap: 12px;

  --SliderGridGap: 16px;
  --SliderItemMinWidth: calc(var(--news-card-w) * 0.93);
  --SliderRowHeight: calc(var(--news-card-w) * var(--news-card-ratio));

  container-type: inline-size;

  &::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0 var(--news-panel-inset);
    border-radius: var(--news-panel-radius);
    background-color: rgb(var(--color5));
    pointer-events: none;
  }

  &>h2.bloqTitle {
    margin: 0 auto;
  }

  &>.filterSourceSideBySideButtons {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: var(--hp-bloq-padding);
    max-width: none;
    height: var(--nav-size);
    margin: 0;
    display: flex;
    justify-content: center;

    &>.sourceButtonWrapper {
      display: flex;
      gap: var(--news-control-gap);
      margin: 0;
      padding: 0;

      &>.sourceLink,
      &>.calendarPageLink {
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--news-all-width);
        height: var(--nav-size);
        margin: 0;
        padding: 0 var(--button-padding-inline);
        border: var(--button-border-thickness) solid rgb(var(--button-border-color));
        border-radius: var(--nav-size);
        color: rgb(var(--button-color));
        background-color: transparent;
        transition: background-color 0.2s ease, color 0.2s ease;

        &::before {
          content: var(--news-all-label);
          font-family: var(--button-font-family);
          font-weight: var(--button-font-weight);
          font-size: var(--button-font-size);
          line-height: 1.5;
          letter-spacing: normal;
          text-transform: var(--button-text-transform);
          white-space: nowrap;
        }

        &:hover {
          border-color: rgb(var(--button-border-color-hover));
          background-color: rgb(var(--button-background-color-hover));
          color: rgb(var(--button-color-hover));
        }
      }
    }
  }

  &>div.Slider {
    margin: 40px calc(-1 * (var(--news-bleed) + (1 - var(--news-peek)) * var(--news-card-w))) 0;
    padding-bottom: 100px;
    --nav-color: var(--color3);
    --nav-background-color: var(--grey9);
    --nav-border-color: var(--color3);
    --nav-color-hover: var(--grey10);
    --nav-background-color-hover: var(--color3);
    --nav-border-color-hover: var(--color3);
    --nav-border-radius: 50%;
    --nav-border: var(--nav-border-thickness) solid rgba(var(--nav-border-color), 1);
    --nav-border-hover: var(--nav-border-thickness) solid rgba(var(--nav-border-color-hover), 1);

    &>.nav {
      top: calc(var(--SliderRowHeight) + 60px);
      border-radius: var(--nav-border-radius);
      z-index: 2;

      &.last {
        left: calc(50% - var(--news-all-width) / 2 - var(--news-control-gap) - var(--nav-size));
      }

      &.next {
        right: calc(50% - var(--news-all-width) / 2 - var(--news-control-gap) - var(--nav-size));
      }
    }

    &>.SliderInner>ul>li {
      --news-color: var(--color3);

      &:nth-child(4n+1) {
        --news-color: var(--color3);
      }

      &:nth-child(4n+2) {
        --news-color: var(--color4);
      }

      &:nth-child(4n+3) {
        --news-color: var(--color1);
      }

      &:nth-child(4n+4) {
        --news-color: var(--color2);
      }

      &>.Item {
        container-type: inline-size;
        border-radius: var(--general-border-radius);

        &>.ItemInner {
          padding: 0 6cqw 6cqw;

          &::before {
            transition: 0.4s;
            background: linear-gradient(to bottom,
                rgba(var(--news-color), 0) 63%,
                rgba(var(--news-color), 0.85) 76%,
                rgba(var(--news-color), 1) 100%);
          }

          &>.ItemIcon {
            position: absolute;
            z-index: 1;
            top: 5.6cqw;
            left: 5.6cqw;
            width: 18cqw;
            height: 18cqw;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 0;
            border-radius: 50%;
            background-color: rgb(var(--color2));
            color: rgb(var(--grey10));
            font-size: 7.5cqw;
            font-weight: 900;
            transform: none;
            transition: background-color 0.3s ease, color 0.3s ease;

            &::before {
              content: "\f0a1";
              font-family: "Font Awesome 6 Free";
              font-weight: 900;
            }
          }

          &>.ItemDate {
            display: block;
            margin: 0 0 5cqw;
            font-family: var(--font-heading);
            font-weight: 900;
            font-size: 4.6cqw;
            line-height: 1.1;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            color: rgb(var(--grey10));

            &>d {
              margin-right: 0.3em;
            }

            &>d:last-child {
              display: inline-block;
              width: calc(2ch + 0.08em);
              margin-right: 0;
              overflow: hidden;
              direction: rtl;
              vertical-align: bottom;
              white-space: nowrap;
              font-variant-numeric: tabular-nums;
            }
          }

          &>.Title {
            margin: 0;
            font-family: var(--font-heading);
            font-weight: 900;
            font-size: 7.4cqw;
            line-height: 1.05;
            letter-spacing: 0.045em;
            text-transform: uppercase;
            color: rgb(var(--grey10));
          }

          &>.ItemContent {
            margin: 0;
            font-family: var(--font-normal);
            font-size: clamp(13px, 5.2cqw, 17px);
            line-height: 1.45;
            color: rgb(var(--grey10));
            transition: opacity 0.3s ease;

            &>.paracontent:not(:empty) {
              margin-top: 4cqw;
              min-height: 100px;
            }

            &::after {
              content: var(--readmore);
              display: inline-block;
              margin-top: 6cqw;
              padding: var(--button-padding-block) var(--button-padding-inline);
              border: var(--button-border-thickness) solid rgb(var(--button-border-color-reverse));
              border-radius: var(--button-border-radius);
              font-family: var(--button-font-family);
              font-weight: var(--button-font-weight);
              font-size: var(--button-font-size);
              line-height: 1.5;
              letter-spacing: normal;
              text-transform: var(--button-text-transform);
              white-space: nowrap;
              color: rgb(var(--button-color-reverse));
            }
          }
        }

        &:hover,
        &:focus-within {
          &>.ItemInner {
            &::before {
              background: rgba(var(--news-color), 0.9);
            }

            &>.ItemIcon {
              background-color: rgb(var(--grey10));
              color: rgb(var(--color2));
            }

            &>.ItemContent {
              opacity: 1;
              max-height: none;
            }
          }
        }
      }
    }
  }
}


/* STATS */
section.StatisticsBloq.mod_circles_textonly {
  --stat-size: clamp(120px, 12.4cqw, 180px);
  --stat-ring: calc(var(--stat-size) * 0.045);
  --stat-gap: calc(var(--stat-size) * 0.26);
  --stat-star-size: calc(var(--stat-size) * 0.7);
  --stat-star-opacity: 0.18;
  padding-top: 0;
  padding-bottom: 110px;
  margin-bottom: 50px;
  --stats-heading-star: clamp(280px, 28cqw, 380px);
  --stats-panel-inset: clamp(12px, 1.9vw, 48px);
  --stats-panel-radius: clamp(40px, 9vw, 180px);

  position: relative;
  isolation: isolate;
  container-type: inline-size;
  display: grid;
  grid-template-columns: auto var(--stats-heading-star);
  justify-content: space-between;
  align-items: center;
  column-gap: 40px;
  row-gap: 40px;

  body .typography>&.bloq {
    padding-inline: max(20px, calc((100% - var(--site-max-width)) / 2));
  }

  section.mod_overlap_slider+& {
    --stats-panel-corners: 0 0 var(--stats-panel-radius) var(--stats-panel-radius);
  }

  &::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0 var(--stats-panel-inset);
    border-radius: var(--stats-panel-corners, var(--stats-panel-radius));
    background-color: rgb(var(--color5));
    pointer-events: none;
  }

  &::after {
    display: none;
  }

  &>h2.bloqTitle {
    position: relative;
    grid-column: 2;
    grid-row: 1;
    display: grid;
    place-content: center;
    aspect-ratio: 1;
    margin: 0;
    padding: 0 0 0.1em;
    text-align: center;
    font-size: calc(var(--stats-heading-star) * 0.14);
    line-height: 0.95;
    letter-spacing: 0.05em;

    &>span {
      font-size: 0.5em;
      letter-spacing: normal;
    }

    &>br {
      display: none;
    }

    &::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: 0;
      background: var(--staroutline) center / contain no-repeat;
      pointer-events: none;
    }
  }

  &>div.StatTextOnly {
    grid-column: 1;
    grid-row: 1;

    &>ul {
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
      gap: var(--stat-gap);

      &>li {
        flex: 0 0 var(--stat-size);
        min-width: 0;

        &>.statistic {
          grid-template-columns: minmax(0, 1fr);

          &>.StatImage {
            width: var(--stat-size);
            height: var(--stat-size);
            display: grid;
            place-items: center;
            background-color: var(--stat-color);
            box-shadow: 0 0 0 var(--stat-ring) rgb(var(--grey10));

            &::after {
              display: none;
            }

            &>img {
              width: var(--stat-star-size);
              height: var(--stat-star-size);
              object-fit: contain;
              opacity: var(--stat-star-opacity);
            }
          }

          &>.StatText {
            &>.StatTitle {
              width: max-content;
              margin: calc(var(--stat-size) * 0.2 + var(--stat-ring)) 0 0 50%;
              transform: translateX(-50%);
              font-family: var(--font-heading);
              font-weight: 900;
              font-size: calc(var(--stat-size) * 0.15);
              line-height: 1;
              letter-spacing: 0.06em;
              white-space: nowrap;
            }

            &>.AnimationWrapper {
              left: calc(50% - var(--stat-size) / 2);
              width: var(--stat-size);
              height: var(--stat-size);

              &>.StatFigure {
                width: var(--stat-size);
                height: var(--stat-size);
                padding: calc(var(--stat-size) * 0.08);

                &>.StatNumber {
                  font-family: var(--font-heading);
                  font-weight: 900;
                  font-size: calc(var(--stat-size) * 0.29);
                  line-height: 1;
                  letter-spacing: 0.02em;
                }

                &>.StatPrefix,
                &>.StatSuffix {
                  font-family: var(--font-heading);
                  font-weight: 900;
                  font-size: calc(var(--stat-size) * 0.11);
                }
              }
            }
          }
        }
      }
    }
  }
}

section.DataBloq.mod_overlap_slider:has(+ section.mod_circles_textonly)::before {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}



/* QUOTES SLIDER */
.typography>section.bloq.QuotesBloq.mod_widecircles_slider {
  --quotes-kicker: "Why choose us?";
  --quote-photo: 28cqw;

  --SliderItemMinWidth: 30cqw;
  --SliderGridGap: round(25cqw, 1px);
  --SliderRowHeight: 30cqw;
  --HighDifference: 0px;

  container-type: inline-size;
  padding-inline: max(20px, calc((100% - 1600px) / 2));
  padding-top: 50px;
  &>div.Slider {
    max-width: none;
    margin: 0 -23cqw;
    padding: 0;

    --nav-color: var(--color3);
    --nav-color-hover: var(--grey10);
    --nav-background-color: var(--grey10);
    --nav-background-color-hover: var(--color3);
    --nav-border: 1px solid rgb(var(--color3));
    --nav-border-hover: 1px solid rgb(var(--color3));

    &>.nav {
      z-index: 3;
      top: auto;
      bottom: 0;
      left: auto;
      border-radius: 50%;

      &.next {
        right: 50%;
      }

      &.last {
        right: calc(50% + var(--nav-size) + 8px);
      }
    }

    &>.quoteCounter {
      position: absolute;
      z-index: 3;
      left: calc(50% + 8cqw);
      top: 23cqw;
      width: 6cqw;
      height: 6cqw;
      border-radius: 50%;
      background-color: rgb(var(--color2));
      color: rgb(var(--grey10));
      font-family: var(--font-heading);
      font-weight: 900;
      font-size: 1.3cqw;
      line-height: 1;
      pointer-events: none;

      &[hidden] {
        display: none;
      }

      &::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 1px;
        height: 48%;
        background-color: currentColor;
        transform: translate(-50%, -50%) rotate(40deg);
      }

      &>.quoteCounterCurrent {
        position: absolute;
        right: 54%;
        bottom: 54%;
      }

      &>.quoteCounterTotal {
        position: absolute;
        left: 54%;
        top: 54%;
      }
    }

    &>.SliderInner>ul>li {
      &>.Item {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: none;
        opacity: 0.35;
        overflow: visible;
        pointer-events: none;
        transition: width 0.4s, left 0.4s, transform 0.4s, opacity 0.4s;

        &>.ItemBefore {
          top: 0 !important;
          right: 0;
          bottom: auto !important;
          left: auto !important;
          width: var(--quote-photo);
          height: var(--quote-photo);
          max-height: none;
          border-radius: 50%;
          overflow: hidden;
          opacity: 0;
          transition: opacity 0.4s;

          &>.ItemImage {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 0;
          }
        }

        &>.ItemInner {
          top: 0 !important;
          bottom: 0 !important;
          left: 0 !important;
          width: 32cqw;
          height: auto;
          aspect-ratio: auto;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          padding: 3cqw 0 0;
          text-align: left;
          background-color: transparent;

          &>h3.Title {
            margin: 0;
            padding: 0;
            background-color: transparent;
            font-family: var(--font-heading);
            font-weight: 900;
            font-size: max(24px, 2.1cqw);
            line-height: 1;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            color: rgb(var(--color2));

            &::before {
              content: var(--quotes-kicker);
              display: block;
              margin-bottom: 0.12em;
              font-family: var(--hp-bloq-span-family);
              font-weight: 500;
              font-size: 0.9em;
              letter-spacing: normal;
              text-transform: none;
              color: rgb(var(--color3));
              opacity: 0;
              transition: opacity 0.4s;
            }
          }

          &>.ItemContent {
            display: block;
            width: 100%;
            max-height: none;
            margin: 2cqw 0 0;
            opacity: 1;
            font-family: var(--font-normal);
            font-weight: 400;
            font-size: max(15px, 1.15cqw);
            line-height: 1.5;
            text-align: left;
            color: rgb(var(--grey1));

            &>.paracontent {
              overflow: visible;

              &>.cardBottomLinks {
                position: absolute;
                left: 0;
                bottom: 0;
                width: auto;
                margin: 0;
                padding: 0;
                flex-direction: row;
                opacity: 0;
                transition: opacity 0.4s;

                &>a {
                  margin: 0;
                  padding: var(--button-padding-block) var(--button-padding-inline);
                  border: var(--button-border-thickness) solid rgb(var(--button-border-color));
                  border-radius: var(--button-border-radius);
                  background-color: transparent;
                  color: rgb(var(--button-color));
                  font-family: var(--button-font-family);
                  font-weight: var(--button-font-weight);
                  font-size: var(--button-font-size);
                  line-height: 1.5;
                  text-transform: var(--button-text-transform);

                  &:hover,
                  &:focus-visible {
                    border-color: rgb(var(--button-border-color-hover));
                    background-color: rgb(var(--button-background-color-hover));
                    color: rgb(var(--button-color-hover));
                  }
                }
              }
            }
          }
        }
      }

      &[data-pos-showing]+li>.Item {
        width: 64cqw;
        left: 50%;
        transform: translateX(-50%);
        opacity: 1;
        pointer-events: auto;

        &>.ItemBefore,
        &>.ItemInner>h3.Title::before,
        &>.ItemInner>.ItemContent>.paracontent>.cardBottomLinks {
          opacity: 1;
        }
      }
    }
  }
}



@media only screen and (max-width: 1100px) {
  section.DataBloq.mod_overlap_slider {
    --news-full: 2;
    --news-peek: 0.35;
  }

  section.SchoolsBloq {
    grid-template-columns: minmax(0, 1fr);

    &::before {
      display: none;
    }

    &>h2.bloqTitle {
      font-size: calc(var(--fs1) * 1.4);

      &::after {
        max-width: 52ch;
      }
    }
  }

  @media only screen and (max-width: 1000px) {
  .typography>section.bloq.QuotesBloq.mod_widecircles_slider {
    --quote-photo: min(60cqw, 360px);
    --SliderItemMinWidth: 80cqw;
    --SliderGridGap: round(20cqw, 1px);
    --SliderRowHeight: calc(var(--quote-photo) + 344px);

    &>div.Slider {
      margin: 0 -105cqw;

      &>.nav {
        &.next {
          right: calc(50% - 45cqw);
        }

        &.last {
          right: calc(50% - 45cqw + var(--nav-size) + 8px);
        }
      }

      &>.quoteCounter {
        left: calc(50% - var(--quote-photo) / 4 - 32px);
        top: calc(var(--quote-photo) - 48px);
        width: 64px;
        height: 64px;
        font-size: 14px;
      }

      &>.SliderInner>ul>li {
        &>.Item {
          top: 0 !important;

          &>.ItemBefore {
            display: block;
            left: 50% !important;
            right: auto;
            transform: translateX(-50%);
          }

          &>.ItemInner {
            top: calc(var(--quote-photo) + 24px) !important;
            width: 100%;
            padding-top: 0;

            &>h3.Title {
              font-size: max(24px, 5cqw);
            }

            &>.ItemContent {
              margin-top: 16px;
              font-size: 16px;
            }
          }
        }

        &[data-pos-showing]+li>.Item {
          width: 100% !important;
        }
      }
    }
  }
}

  section.StatisticsBloq.mod_circles_textonly {
    --stat-size: clamp(110px, 17cqw, 160px);
    --stats-heading-star: clamp(240px, 40cqw, 320px);

    grid-template-columns: minmax(0, 1fr);
    justify-items: center;

    &>h2.bloqTitle {
      grid-column: 1;
      grid-row: 1;
    }

    &>div.StatTextOnly {
      grid-row: 2;

      &>ul {
        flex-wrap: wrap;
        justify-content: center;
      }
    }
  }
}


@media only screen and (max-width: 700px) {
  section.DataBloq.mod_overlap_slider {
    --news-full: 1;
    --news-peek: 0.1;
  }

  section.SchoolsBloq>.Card>ul {
    grid-template-columns: minmax(0, 1fr);
    max-width: 440px;
    margin-inline: auto;
  }

  section.StatisticsBloq.mod_circles_textonly {
    --stat-size: clamp(100px, 34cqw, 150px);
    --stat-gap: calc(var(--stat-size) * 0.3);
  }
}

@media (prefers-reduced-motion: reduce) {
  section.SchoolsBloq>.Card>ul>li>.Item {
    &>.ItemBefore {
      transition: none;
    }

    &>.ItemInner {
      transition: none;

      &>.LogoImg {
        transition: none;
      }
    }

    &:hover,
    &:focus-within {
      &>.ItemBefore {
        transform: none;
      }
    }
  }
}