/***** RIBBON ****/

@keyframes ribbon-drop {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}

.ribbon {
  overflow: hidden;
  background-color: unset;
  padding: unset;
  --ribbon-background-color: #f5f5f7;
  --ribbon-text-color: #1d1d1f;
  --ribbon-link-color: #06c;
  --ribbon-focus-color: rgba(0, 125, 250, 0.6);
}

.ribbon-content-wrapper {
  text-align: center;
}

.ribbon-content {
  margin-left: auto;
  margin-right: auto;
  width: 980px;
}

@media only screen and (min-width: 1441px) {
  .ribbon-content {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
  }
}

@media only screen and (max-width: 1068px) {
  .ribbon-content {
    margin-left: auto;
    margin-right: auto;
    width: 692px;
  }
}

@media only screen and (max-width: 734px) {
  .ribbon-content {
    margin-left: auto;
    margin-right: auto;
    width: 87.5%;
  }
}

.ribbon-link {
  white-space: nowrap;
}

.ribbon-link:focus {
  text-decoration: underline;
}

.ribbon .ribbon-content-wrapper {
  padding-top: 0.94118em;
  padding-bottom: 0.94118em;
}

.ribbon .ribbon-content {
  font-size: 14px;
  line-height: 1.42859;
  font-weight: 400;
  letter-spacing: -0.016em;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica",
    "Arial", sans-serif;
}

.ribbon .ribbon-content-wrapper {
  background-color: var(--ribbon-background-color);
}

.ribbon .ribbon-content {
  color: var(--ribbon-text-color);
}

.ribbon .ribbon-link:focus {
  outline-color: var(--ribbon-focus-color);
}

.ribbon .ribbon-link {
  color: var(--ribbon-link-color);
}

.ribbon-elevated .ribbon-content-wrapper {
  padding-top: 1.41176em;
  padding-bottom: 1.41176em;
}

.ribbon-elevated .ribbon-content {
  font-size: 17px;
  line-height: 1.47059;
  font-weight: 400;
  letter-spacing: -0.022em;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica",
    "Arial", sans-serif;
}

.ribbon-blue {
  --ribbon-background-color: #0071e3;
  --ribbon-text-color: #fff;
  --ribbon-link-color: #fff;
  --ribbon-focus-color: rgba(255, 255, 255, 0.6);
}

.ribbon-blue .ribbon-content-wrapper {
  background-color: var(--ribbon-background-color);
}

.ribbon-blue .ribbon-content {
  color: var(--ribbon-text-color);
}

.ribbon-blue .ribbon-link:focus {
  outline-color: var(--ribbon-focus-color);
}

.ribbon-blue .ribbon-link {
  color: var(--ribbon-link-color);
}

.ribbon-blue-to-default {
  --ribbon-background-color: #f5f5f7;
  --ribbon-background-color-initial: #0071e3;
  --ribbon-text-color: #1d1d1f;
  --ribbon-text-color-initial: #fff;
  --ribbon-link-color: #06c;
  --ribbon-focus-color: rgba(0, 125, 250, 0.6);
  --ribbon-link-color-initial: #fff;
}

@keyframes animate-background-0071e3-f5f5f7 {
  0% {
    background-color: var(--ribbon-background-color-initial);
  }

  100% {
    background-color: var(--ribbon-background-color);
  }
}

.ribbon-blue-to-default .ribbon-content-wrapper {
  background-color: var(--ribbon-background-color-initial);
  animation: animate-background-0071e3-f5f5f7 1s cubic-bezier(0.42, 0, 0.58, 1)
    1.8s forwards;
}

@media (prefers-reduced-motion) {
  .ribbon-blue-to-default .ribbon-content-wrapper {
    background-color: var(--ribbon-background-color);
    animation: none;
  }
}

@keyframes animate-color-fff-1d1d1f {
  0% {
    color: var(--ribbon-text-color-initial);
  }

  100% {
    color: var(--ribbon-text-color);
  }
}

.ribbon-blue-to-default .ribbon-content {
  color: var(--ribbon-text-color-initial);
  animation: animate-color-fff-1d1d1f 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s
    forwards;
}

@media (prefers-reduced-motion) {
  .ribbon-blue-to-default .ribbon-content {
    color: var(--ribbon-text-color);
    animation: none;
  }
}

.ribbon-blue-to-default .ribbon-link:focus {
  outline-color: var(--ribbon-focus-color);
}

@keyframes animate-color-fff-06c {
  0% {
    color: var(--ribbon-link-color-initial);
  }

  100% {
    color: var(--ribbon-link-color);
  }
}

.ribbon-blue-to-default .ribbon-link {
  color: var(--ribbon-link-color-initial);
  animation: animate-color-fff-06c 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s
    forwards;
}

@media (prefers-reduced-motion) {
  .ribbon-blue-to-default .ribbon-link {
    color: var(--ribbon-link-color);
    animation: none;
  }
}

.ribbon-drop-wrapper {
  animation: ribbon-drop 0.8s cubic-bezier(0.42, 0, 0.58, 1) forwards;
}

@media (prefers-reduced-motion) {
  .ribbon-drop-wrapper {
    animation: none;
  }
}

/***** END RIBBON ****/

.page-overview
  .section-everyone-can-create
  .image-item-teachingcode.dark-image {
  background-image: url("/mideast/education/k12/home/n/images/overview/en/curricula_teaching_code_dark__chs4w8kif8r6_large.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .page-overview
    .section-everyone-can-create
    .image-item-teachingcode.dark-image {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/curricula_teaching_code_dark__chs4w8kif8r6_large_2x.jpg");
  }
}
@media only screen and (max-width: 1068px) {
  .page-overview
    .section-everyone-can-create
    .image-item-teachingcode.dark-image {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/curricula_teaching_code_dark__chs4w8kif8r6_medium.jpg");
  }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .page-overview
    .section-everyone-can-create
    .image-item-teachingcode.dark-image {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/curricula_teaching_code_dark__chs4w8kif8r6_medium_2x.jpg");
  }
}
@media only screen and (max-width: 734px) {
  .page-overview
    .section-everyone-can-create
    .image-item-teachingcode.dark-image {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/curricula_teaching_code_dark__chs4w8kif8r6_small.jpg");
  }
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .page-overview
    .section-everyone-can-create
    .image-item-teachingcode.dark-image {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/curricula_teaching_code_dark__chs4w8kif8r6_small_2x.jpg");
  }
}
.page-overview
  .section-everyone-can-create
  .image-teachingcode-fluid.dark-image {
  background-image: url("/mideast/education/k12/home/n/images/overview/en/curricula_teaching_code_dark__chs4w8kif8r6_large.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .page-overview
    .section-everyone-can-create
    .image-teachingcode-fluid.dark-image {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/curricula_teaching_code_dark__chs4w8kif8r6_large_2x.jpg");
  }
}
@media only screen and (max-width: 1068px) {
  .page-overview
    .section-everyone-can-create
    .image-teachingcode-fluid.dark-image {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/curricula_teaching_code_dark__chs4w8kif8r6_medium.jpg");
  }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .page-overview
    .section-everyone-can-create
    .image-teachingcode-fluid.dark-image {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/curricula_teaching_code_dark__chs4w8kif8r6_medium_2x.jpg");
  }
}
@media only screen and (max-width: 734px) {
  .page-overview
    .section-everyone-can-create
    .image-teachingcode-fluid.dark-image {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/curricula_teaching_code_dark__chs4w8kif8r6_small.jpg");
  }
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .page-overview
    .section-everyone-can-create
    .image-teachingcode-fluid.dark-image {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/curricula_teaching_code_dark__chs4w8kif8r6_small_2x.jpg");
  }
}

.page-overview .section-ipad-and-mac .img-ipad-and-mac {
  background-image: url("/mideast/education/k12/home/n/images/overview/en/products_for_learning_ipad_mac__fz7tk5nreua2_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .page-overview .section-ipad-and-mac .img-ipad-and-mac {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/products_for_learning_ipad_mac__fz7tk5nreua2_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .page-overview .section-ipad-and-mac .img-ipad-and-mac {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/products_for_learning_ipad_mac__fz7tk5nreua2_medium.jpg");
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .page-overview .section-ipad-and-mac .img-ipad-and-mac {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/products_for_learning_ipad_mac__fz7tk5nreua2_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .page-overview .section-ipad-and-mac .img-ipad-and-mac {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/products_for_learning_ipad_mac__fz7tk5nreua2_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .page-overview .section-ipad-and-mac .img-ipad-and-mac {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/products_for_learning_ipad_mac__fz7tk5nreua2_small_2x.jpg");
  }
}

.page-overview .section-ipad-and-mac .lockup-stacked .img-lockup-stacked {
  background-image: url("/mideast/education/k12/home/n/images/overview/en/products_for_learning_ipad_mac__fz7tk5nreua2_large.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .page-overview .section-ipad-and-mac .lockup-stacked .img-lockup-stacked {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/products_for_learning_ipad_mac__fz7tk5nreua2_large_2x.jpg");
  }
}
@media only screen and (max-width: 1068px) {
  .page-overview .section-ipad-and-mac .lockup-stacked .img-lockup-stacked {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/products_for_learning_ipad_mac__fz7tk5nreua2_medium.jpg");
  }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .page-overview .section-ipad-and-mac .lockup-stacked .img-lockup-stacked {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/products_for_learning_ipad_mac__fz7tk5nreua2_medium_2x.jpg");
  }
}
@media only screen and (max-width: 734px) {
  .page-overview .section-ipad-and-mac .lockup-stacked .img-lockup-stacked {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/products_for_learning_ipad_mac__fz7tk5nreua2_small.jpg");
  }
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .page-overview .section-ipad-and-mac .lockup-stacked .img-lockup-stacked {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/products_for_learning_ipad_mac__fz7tk5nreua2_small_2x.jpg");
  }
}

.page-overview .section-ipad-and-mac .tile .image-tile-teachingtools {
  background-image: url("/mideast/education/k12/home/n/images/overview/en/products_for_learning_teaching_tools__fbl30stdm02u_large.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .page-overview .section-ipad-and-mac .tile .image-tile-teachingtools {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/products_for_learning_teaching_tools__fbl30stdm02u_large_2x.jpg");
  }
}
@media only screen and (max-width: 1068px) {
  .page-overview .section-ipad-and-mac .tile .image-tile-teachingtools {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/products_for_learning_teaching_tools__fbl30stdm02u_medium.jpg");
  }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .page-overview .section-ipad-and-mac .tile .image-tile-teachingtools {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/products_for_learning_teaching_tools__fbl30stdm02u_medium_2x.jpg");
  }
}
@media only screen and (max-width: 734px) {
  .page-overview .section-ipad-and-mac .tile .image-tile-teachingtools {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/products_for_learning_teaching_tools__fbl30stdm02u_small.jpg");
  }
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .page-overview .section-ipad-and-mac .tile .image-tile-teachingtools {
    background-image: url("/mideast/education/k12/home/n/images/overview/en/products_for_learning_teaching_tools__fbl30stdm02u_small_2x.jpg");
  }
}