/* ready to ride*/
*{
    /*  */
      font-family: Montserrat;
      box-sizing: border-box;
      
  }
  
  
  .buy-button{
      background-color: #007caa;
      color: white;
        font-weight: bold;
      cursor: pointer;
  }
  
  .divider{
      height: 1rem;
      background-color: #F8F8F8;
  }
  
  .features{
      background-color: #F8F8F8;
  }
  .features>h1{
      color: #007caa;
      font-weight: 600;
      text-transform: uppercase;
  }
  
  
  .feature-icon{
      border: 1px black solid;
      border-radius: 6px;
      
      max-height: 5rem;
  }
  
  .feature-subheader{
      color: #007caa;
      font-weight: bold;
      font-size: 1.4rem;
  
  }
  
  /* .fh-choice{} */
  
  .filter-container{
      position: relative;
      margin-top: 2rem;
      padding: 1rem;
      border: 1px solid   black;
      display: flex;
      align-items: center;
      justify-content: center;
  
  }
  .filter-title{
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: -25%;
      background-color: white;
      font-size: 1rem;
  
      
  }
  
  
  .hero{
      /* max-height: 70vh; */
      width: 100%;
      object-fit: cover;
      height: 40vh;
      object-position: 50% 15%;
  }
  .h1{
      font-size: 7rem!important;
  }
  .h2{
      font-size: 5rem;
  }
  
  h5{
      font-size: 2rem;
      color: #007caa;
      font-weight: bold;
      text-align: center;
  }
  
  .icon{
      max-width: 125px;
      
  }
  
  input{
      width: 4rem;
  }
  
  .model-detail{
      margin-top: 10vh;
      display: flex;
      align-items: center;
      gap: 8rem;
      
  
  }
  .model-detail-image{
      max-width: 35vw;
  }
  
  .more-info{
      border: solid 2px #007caa;
      color: #007caa;
      background-color: white;
      font-weight: bold;
      padding: .2rem;
      /* display: inline-block; */
      width: 10rem;
  }
  
  
  .product-detail>*{
      text-align: left!important;
  }
  .product-detail>h1{
      font-weight: 600;
  }
  .product-detail>h2{
      font-size: 1.5rem;
      font-weight: 300;
      
  }
  
  .product-detail>p{
      font-size: .8rem;
  }
  
  
  .detail{
      font-size: 1.4rem!important;
      font-weight: bold;
  }
  
  .product-row{
      display: flex;
      gap: 4rem;
      
  }
  .product-specs>*{
      line-height: 1rem;
  }
  .product-specs>h5{
      margin-bottom: 2rem;
      line-height: 1.5rem;
  }
  
  .product-specs>p>span{
      font-weight: 900;
  
  }
  
  
    .product-specs>p{
       text-align: center;
    }

  .qty{
      gap: .5rem;
  }
  .rtr-qty{
    text-align: center;  
  }
  .section-header-title {
      /* font-family: 'Raleway', sans-serif; */
      font-weight: bolder;
      color: #007caa;
      border: none;
      font-size: 4rem;
      padding: 0;
  }
  
  .stock-level{
      position: absolute;
      border: 1px solid #007caa;
      color: #007caa;
      background-color: white;
      top: 92%;
      right: 0%;
      padding: .2rem;
  
  }
  .product-stock-level{
      
      border: 1px solid #007caa;
      color: #007caa;
      background-color: white;
      margin-left:1rem;
      padding: .2rem;
      
  
  }
  
  
  .threeway_active {
      background-color: #007CAA;
      color: white;
      
      
  }
  
  .threeway_nav_item {
      display: inline-block;
      padding: 10px;
      width: 150px;
      border: 1px solid #007CAA;
      border-radius: 3px;
      margin-bottom: 5px;
      cursor: pointer;
      text-align: center;
  }
  
  
  .wheel-img{
      /* border: 1px solid darkgrey; */
      margin-bottom: 2rem;
      position: relative;
      width: 20vw;
  }
  
  .support{
      display: none;
  }
  
  .warranty{
      display: none;
  }
  
  .discount{
    text-decoration: line-through!important;
    color: rgb(219, 57, 57)!important;
}
  .pre_order, .back_order{
    /* margin: auto; */
    background-color: #FF9900;
    width: 80%;
    text-align: center;
    border: solid 1px lightslategrey;
    border-radius: 5px;
    padding: .4rem;
    display: none;
    margin-bottom: .5rem;
    width: fit-content;
   
    
    
  }

  
  @media (max-width:956px) {
      p{
          font-size: .6rem;
      }
      h1{
          text-align: center;
          
      }
      h5{
          font-size: 1.3rem;
          text-align: center;
      }
      h2{
          font-size: 2rem!important;
          text-align: center;
          
      }
      .icon{
          max-width: 20vw!important;
      }
      li{
          font-size: 1rem;
      }
      .fh-img{
          max-width: 35vw;
          min-width: 25vw;
          
      }
      .wheel-models{
          width: 35vh;
      }
      .link-button{
          padding: .8rem;
          font-size: .8rem;
      }
      .arrow-white:after{
          height: 2rem;
          width: 2rem;
      }
      .callout-mobile{
          visibility: visible;
      }
      .pre_order{
        width: fit-content;
      }
      
      .chassis-callout-left, .chassis-callout-right, .chassis-callout-bottom{
          visibility: hidden;
      }
      .section-header-title {
          /* font-family: 'Raleway', sans-serif; */
          font-weight: bolder;
          color: #007caa;
          border: none;
          font-size: 3rem;
          padding: 0;
      }
  
      .spoke-img{
          max-width: 80vw;
      }
      .wheel-models{
          max-width: 45vw;
      }
      .model-example{
          display: column;
      }
      .wheel-images{
          display: flex;
          flex-direction: column;
      }
  
      .wheel-img{
          width:60vw;
      }
      
      .stock-level{
          font-size: 1rem;
      }
      .product-specs>a{
          font-size: .8rem!important;
      }
      
      .more-info{
          font-size: .6rem;
      }
      .buy-button{
          background-color: #007caa;
          color: white;
          font-weight: bold;
          font-size: .6rem;
          
      
      }
      .model-detail{
          gap: 2rem;
      }
      .model-detail-image{
          max-width: 60vw;
      }
  
      .product-detail>h1{
          text-align: center!important;
          font-size: 2rem;
      }
      .product-detail>h2{
          font-size: .8rem!important;
          font-weight: 300;
          
      }
      
      .product-detail>p{
          font-size: .6rem;
      }
      
      .detail{
          font-size: .8rem!important;
          font-weight: bold;
      }
     .feature-subheader{
         font-size: 1rem!important;
         font-weight: 800!important;
     }
     feature-icon{
         max-height: 3rem!important;
     }
     th{
         font-size: .8rem;
     }
     
     td{
         font-size: .7rem;
  }
  
  }