/** Shopify CDN: Minification failed

Line 294:36 Unexpected "{"

**/
.classroom-package {
  .sticky.robolink-tabs {
    .page-width {
      max-width: 1400px;
    }
  }
  .add-to-cart-button {
    min-width: 134px;
    display: block;
    width: 134px;
    border-radius: 40px !important;
    padding: 13px 20px;
    font-size: 16px !important;
    background: var(--Red, #C61D45) !important;
    border: 2px solid var(--Red, #C61D45) !important;
    line-height: normal;
    font-style: normal;
  }
  .add-to-cart-button:hover,
  .scroll-to-kit-matcher:hover {
    background: transparent !important;
  }
  .add-to-cart-button:active,
  .scroll-to-kit-matcher:active {
    background: transparent !important;
  }
  .scroll-to-kit-matcher {
    border-radius: 40px !important;
    background: var(--Red, #C61D45);
    padding: 15px 30px;
    border: 2px solid var(--Red, #C61D45) !important;
    background-color: var(--Red, #C61D45) !important;
    text-align: center;
    font-family: Cabin;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .robolink-tabs .tabs li {
    max-width: 100% !important;
  }
  .classroom-packs {
    .classroom-classroom-page-width {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    h3,
    .accessories-price {
      color: white;
      font-weight: 700;
    }
    .robolink-discover-classroom {
      background: linear-gradient(180deg, #05001c, #070322 58.33%, #05001c);
    }
    .btn.arrow {
      padding-left: 60px !important;
      width: 100% !important;
      white-space: nowrap;
      text-decoration: underline;

    }
    .robolink-discover-classroom {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      width: 100%;
    }
    .classroom-text {
      text-align: left;
      margin-top: 10px;
    }
    .classroom-img {
      display: block;
      align-items: flex-start;
      justify-content: flex-start;
      margin-bottom: 5px;
      max-width: 162px !important;
      min-width: 162px !important;
      width: 100% !important;
      height: 100% !important;
    }
    .classroom-layout-grid__left img {
      max-width: 162px;
      min-width: 162px;
      margin-top: 0;
      display: block;
      margin-bottom: 29px;

    }
    .collection-pack {
      margin-top: 90px;
    }
    .course-blue-bg {
      background: linear-gradient(180deg, var(--clr-bg-deep-blue) 0%, #141F57 100%);
      color: #FFF;
    }
    .hyperlinks-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin-top: 20px;
    }

    .left_hyperlinks {
      /* flex: 1; */
      display: flex;
      justify-content: flex-start;
      gap: 10px;
    }
    .jrotc-learn {
      display: flex;
      align-items: center;
      border: 1px solid #3E75FF;
      border-radius: 10px;
      padding: 0 0 0 20px;
      gap: 10px;
    }
    .jrotc-learn p {
      margin: 0;
      font-weight: bold;
      font-size: 16px;
    }
    .jrotc-learn a {
      color: #E21848;
      border-radius: 5px;
      font-size: 16px;
    }
    .classroom-main-kit-matcher {
      padding: 37px 50px;
      display: flex;
      border: 1px solid #BCD1E2;
      border-radius: 4px;
      align-items: center;
      gap: 10px;
    }
    a:hover {
      color: var(--clr-link);
    }

    .classroom-page-width {
      text-align: left !important;
      align-items: left;
    }
    .hero-pictures {
      width: 100%;
      margin-bottom: 20px;
    }
    .hero-img-preview-wrapper {
      width: 100%;
      margin-bottom: 15px;
    }

    .hero-img-preview {
      width: 100%;
      height: auto;
      min-height: 300px;
      background-size: cover;
      background-position: center;
      border-radius: 8px;
    }
    .grid--no-lp {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: flex-start;
    }

    .hover-images {
      width: 54px;
      height: 54px;
      border-radius: 4px;
      overflow: hidden;
      cursor: pointer;
    }

    .hover-images img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    /* Base Layout */

    .accessories-info,
    .accessories-form {
      width: 60%;
    }
    .accessories-title h3 {
      font-weight: 700;
    }
    .accessories-price {
      font-size: 16px;
      font-weight: 400;
    }
    .classroom-layout-grid {
      --grid-gap: 30px;
      --max-column-width: 508px;
      padding: 90px 20px 86px;
      display: grid;
      grid-template-columns: minmax(435px, var(--max-column-width)) minmax(435px, var(--max-column-width));
      gap: var(--grid-gap);
      align-items: start;
      max-width: 1400px;
      /* margin: 0 auto; */
      box-sizing: border-box;
    }
    .classroom-layout-grid__left {
      flex-direction: column;
      width: 440px;
    }

    .classroom-layout-grid__images {
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
      width: 90%;
    }

    .classroom-layout-grid__detail {
      display: flex;
      flex-direction: column;
      gap: 20px;
      height: 100%;
      width: 100%;
      order: 2;
    }
    .hyperlinks {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
      margin: 0 auto;
    }
    .hyperlinks btn arrow {
      padding-left: 60px !important;
    }
    @media (max-width: 950px) {

      .classroom-mobile-container {
        padding: 30px;
      }

      .classroom-main-kit-matcher {
        margin: 0 30px;
      }
      .classroom-layout-grid {
        display: block;
        padding-left: 0;
        padding-right: 0;
      }
      .classroom-layout-grid__left {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
      }


    }
    @media (max-width: 768px) {

      .accessories-info,
      .accessories-form {
        width: 100%;
      }
      .left_hyperlinks {
        flex-direction: column;
      }

      .classroom-layout-grid {

        display: flex;
        flex-direction: column;
        gap: 1.5rem;
      }
      .classroom-layout-grid__left {
        order: 1;
      }

      .classroom-layout-grid__detail {
        order: 2;
      }
    }

    @media (max-width: 1024px) {
      .classroom-classroom-page-width {
        display: block;
      }

      .classroom-layout-grid__left, {
        width: 100% !important;
        margin: 0 auto;
      }
      .classroom-layout-grid__detail {
        margin: 0;
        gap: 72px;
      }

      .classroom-layout-grid__images {
        width: 100%;
        margin: 0 auto;
      }

      .product-detail__images-container {
        max-width: 100%;
      }

      .product-detail__image img {
        width: 100%;
        height: auto;
      }
    }
    @media (max-width: 425px) {
      .hyperlinks {
        display: block;
      }
      .btn.arrow {
        display: flex;
        flex-wrap: wrap;
        white-space: inherit;
      }
    }
    @media only screen and (max-width: 800px) {
      .packs-hyperlinks {
        display: block !important;
      }
      .jrotc-learn {
        flex-direction: column;
        align-items: flex-start;
      }
      .classroom-main-kit-matcher {
        max-width: 80vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .classroom-layout-grid__detail {
        max-width: 100%;
        margin: 0;
        align-items: center;
        gap: 72px;
      }
      .classroom-layout-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding-left: 0;
        padding-right: 0;
      }
      .robolink-discover.classroom {
        width: 100%;
      }
      .product-detail__thumbnails {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;

        gap: 15px;
        margin-left: 0;
        justify-content: flex-start;
      }

      .product-detail__thumbnail {
        /* width: calc(25% - 50px);  */
        margin: 0;
      }
    }
    @media only screen and (max-width: 576px) {
      .robolink-product-accessories:not(.competition-accessories) {
        display: block;
      }
    }
    @media (min-width: 950px) and (max-width: 1000px) {
      .packs-hyperlinks {
        display: block !important;
        margin: 0 !important;
      }
    }
    @media (max-width: 600px) {


      .classroom-layout-grid__left img {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
        /* height: 158px; */
        margin-top: 0;
        display: block;
        object-fit: cover;
      }

      .classroom-layout-grid {
        padding: 70px 0;
      }

      .course-features {
        grid-template-columns: 1fr;
      }

      .feature {
        padding: 0.8rem;
      }

      .accordion-btn {
        padding: 1rem;
      }
    }


    .hyperlinks-container {
      margin-bottom: 50px;
      margin-top: 30px !important;
    }
    .accessories-item {
      padding: 0 !important;
      min-width: 250px;
    }
    .container {
      padding-left: 0;
      padding-right: 0;
    }
    .classroom-main-kit-matcher p {
      margin: 0;
      font-weight: bold;
    }
    .jrotc-learn {
      padding: 13px 16px;
    }
    .classroom-large-row {
      margin-top: 0;
    }
    .course-description p {
      width: 100%;
      margin-top: 20px !important;
    }
    .robolink-discover__video .text,
    .cta-play-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      pointer-events: none;
    }

    .classroom-packs-cover {
      width: 80px;
      pointer-events: auto;
    }
    .robolink-discover__video {
      position: relative;
      width: 100%;
    }

    .video-thumbnail-wrapper img {
      display: block;
      /* width: 100%; */
      height: auto;
    }

    .video-thumbnail-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      pointer-events: none;
      z-index: 1;
    }

    .cta-play-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
    }
    .robolink-discover__video .classroom-packs-cover {
      width: 100%;
      height: 280px;
      object-fit: cover;
      display: block;
    }

    .robolink-discover__video .text img,
    .cta-play-btn {
      width: 101px;
      height: 101px;
      pointer-events: auto;
    }
    .packs-hyperlinks {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      margin: 0 auto;
    }
    @media (max-width: 513px) {
      .robolink-discover__video .classroom-packs-cover {
        height: 21vh;
      }
    }
  }

}