/* colors */
/*font family*/
/* breakpoints */
/*transform*/
/*transform*/
/*opacity*/
/*opacity- end*/
.cp-detailCard {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-top: 15rem; }

.cp-discription-card {
  width: 57rem;
  border-radius: 6.4px;
  overflow: hidden;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .cp-discription-card {
      width: auto;
      border-radius: 0;
      box-shadow: none;
      background: transparent;
      overflow: hidden;
      margin-top: 2rem; } }
  .cp-discription-card .card-title {
    margin-bottom: 1.3rem;
    width: 90%; }
    @media only screen and (max-width: 768px) {
      .cp-discription-card .card-title {
        width: 100%; } }
  .cp-discription-card .cost-wrap {
    position: relative; }
    .cp-discription-card .cost-wrap .price {
      display: inline; }
  .cp-discription-card .brnadLogo img {
    width: 17.0rem;
    height: 1.6rem;
    object-fit: cover; }
    .cp-discription-card .brnadLogo img.hero-cycle {
      width: 9.9rem;
      height: 3.66rem;
      margin-bottom: 0.8rem; }
    .cp-discription-card .brnadLogo img.hero-sprint, .cp-discription-card .brnadLogo img.hero-sprint-pro {
      width: 18rem;
      height: 3rem; }
    .cp-discription-card .brnadLogo img.miss-india {
      width: 14rem;
      height: 5rem; }
    .cp-discription-card .brnadLogo img.octane {
      width: 15rem;
      height: 3rem; }
    .cp-discription-card .brnadLogo img.hero-lectro {
      width: 18rem;
      height: 3rem; }
  .cp-discription-card .bike-name {
    font-size: 4.5rem;
    line-height: 4.5rem;
    color: #1e1e1e;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    font-family: "Gotham-Black"; }
    @media only screen and (max-width: 768px) {
      .cp-discription-card .bike-name {
        font-size: 2.8rem;
        line-height: 4rem; } }
  .cp-discription-card .compare input {
    visibility: hidden; }
  .cp-discription-card .originalPrice {
    font-family: "Gotham-Book";
    font-size: 1.6rem;
    line-height: 1.8rem;
    color: #6a6a6a;
    text-decoration: line-through;
    margin-right: 0.8rem; }
  .cp-discription-card .off-price {
    font-family: "Gotham-Bold";
    color: #111326;
    font-size: 1.2rem;
    line-height: 1.8rem; }
  .cp-discription-card .notetext {
    font-family: "Gotham-Book";
    font-size: 1.1rem;
    color: #000000;
    display: block; }
    .cp-discription-card .notetext.typ-mt {
      margin-top: 1rem; }
    .cp-discription-card .notetext .cm-bold {
      font-family: "Gotham-Black"; }
    @media only screen and (max-width: 768px) {
      .cp-discription-card .notetext {
        font-size: 1rem;
        margin-bottom: 1rem; } }
  .cp-discription-card .bike-code {
    font-size: 2.4rem;
    line-height: 2.9rem;
    color: #ffffff;
    opacity: 0.6;
    z-index: 1;
    margin-top: -1.6rem;
    position: relative; }
  .cp-discription-card .star-rating {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: .7rem; }
    .cp-discription-card .star-rating .icon {
      color: #e2e2e2;
      font-size: 1.6rem; }
      .cp-discription-card .star-rating .icon.fill {
        color: #f6c000; }
    .cp-discription-card .star-rating .review-cont {
      color: #d02127;
      font-family: "Gotham-Bold";
      font-size: 1.4rem;
      margin-left: .7rem; }
  .cp-discription-card .btn.btn-link {
    font-size: 1.4rem;
    line-height: 2rem;
    margin-right: 15px; }
    @media only screen and (max-width: 768px) {
      .cp-discription-card .btn.btn-link {
        font-size: 1.2rem; } }
  .cp-discription-card .btn.btn-selection {
    position: absolute;
    right: 0;
    top: 4rem;
    width: auto; }
    @media only screen and (max-width: 768px) {
      .cp-discription-card .btn.btn-selection {
        top: 0; } }
  .cp-discription-card .selection-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    position: relative; }
  .cp-discription-card .snapmint-wrapper-pdp {
    padding: 10px 0px 0; }
  @media only screen and (max-width: 768px) {
    .cp-discription-card .review {
      position: absolute;
      top: 15.6rem;
      left: 4.2rem;
      z-index: 3; } }
  .cp-discription-card .option-list {
    margin-top: 2rem; }
    .cp-discription-card .option-list .typ-brake .r-item.cursor-not-allowed .typ-disabled::after,
    .cp-discription-card .option-list .typ-suspension .r-item.cursor-not-allowed .typ-disabled::after {
      transform: rotate(160deg); }
  .cp-discription-card .label-field {
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: #4a4a4a;
    font-family: "Gotham-Bold";
    margin-bottom: 0.8rem;
    text-transform: uppercase;
    display: block; }
  .cp-discription-card .radio-list {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem; }
    .cp-discription-card .radio-list .r-item {
      margin-right: 1.6rem;
      margin-bottom: 1rem;
      cursor: pointer;
      font-family: "Gotham-Book"; }
      @media only screen and (max-width: 768px) {
        .cp-discription-card .radio-list .r-item {
          margin-right: 1rem; } }
    .cp-discription-card .radio-list .radio-link {
      position: relative;
      padding: 1rem 0.5rem;
      border: 0.8px solid #676767;
      border-radius: 50%;
      text-align: center;
      font-size: 1.2rem;
      line-height: 1.4rem;
      color: #676767;
      width: 4.7rem;
      height: 4.7rem;
      font-family: "Gotham-Bold";
      transition: all 0.5s ease;
      display: inline-block;
      cursor: pointer; }
      .cp-discription-card .radio-list .radio-link .cm-thin {
        font-size: 1rem;
        line-height: .8rem; }
        @media only screen and (max-width: 768px) {
          .cp-discription-card .radio-list .radio-link .cm-thin {
            font-size: 0.9rem; } }
      .cp-discription-card .radio-list .radio-link.active {
        background: #fff7f7;
        color: #bd001c;
        font-family: "Gotham-Bold";
        border: 0.8px solid #bd001c; }
        .cp-discription-card .radio-list .radio-link.active.typ-rect-red {
          border-color: #bd001c !important;
          color: #bd001c !important; }
      .cp-discription-card .radio-list .radio-link.typ-rect {
        min-width: 13.5rem;
        height: 3.2rem;
        border-radius: 8px;
        line-height: 1.2rem; }
      .cp-discription-card .radio-list .radio-link.typ-color {
        padding: 0;
        width: 3.1rem;
        height: 3.1rem;
        border: 0.8px solid transparent; }
        .cp-discription-card .radio-list .radio-link.typ-color .clr {
          background-image: linear-gradient(42deg, #252525 15%, #202021 40%, #10caff 41%, #1fc0ff 63%, #ff2828 63%, #ff2828 88%);
          width: 2.1rem;
          height: 2.1rem;
          border: solid 0.5px #1e1e1e;
          display: inline-block;
          border-radius: 50%;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
        .cp-discription-card .radio-list .radio-link.typ-color.active {
          border: 0.8px solid #bd001c; }
      .cp-discription-card .radio-list .radio-link.typ-disabled {
        pointer-events: none;
        opacity: 0.4;
        font-family: "Gotham-Book";
        cursor: not-allowed;
        position: relative; }
        .cp-discription-card .radio-list .radio-link.typ-disabled::after {
          position: absolute;
          content: '';
          width: 100%;
          height: 1.5px;
          background: #b3b3b3;
          left: 0;
          transform: rotate(145deg);
          top: 50%; }
  .cp-discription-card .price {
    font-size: 3rem;
    line-height: 3rem;
    color: #000000;
    font-family: "Gotham-Black";
    margin-right: 0.8rem; }
    @media only screen and (max-width: 768px) {
      .cp-discription-card .price {
        font-size: 2.1rem;
        line-height: 2.5rem; } }
    .cp-discription-card .price .rupee {
      font-size: 3rem;
      line-height: 3rem;
      font-family: "Gotham-Book";
      vertical-align: top;
      margin-right: .5rem; }
      @media only screen and (max-width: 768px) {
        .cp-discription-card .price .rupee {
          font-size: 1.4rem; } }
  .cp-discription-card .btn-wrap {
    background: #ffffff;
    padding: 1.3rem 2.2rem 1.4rem 4.2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    @media only screen and (max-width: 768px) {
      .cp-discription-card .btn-wrap {
        padding: 0;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
        box-shadow: 0 0 21px 5px #838383; } }
    @media only screen and (max-width: 768px) {
      .cp-discription-card .btn-wrap .act-btn {
        width: 70%; } }
    .cp-discription-card .btn-wrap .act-btn .stock {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      @media only screen and (max-width: 768px) {
        .cp-discription-card .btn-wrap .act-btn .stock {
          -ms-flex-pack: justify;
              justify-content: space-between; }
          .cp-discription-card .btn-wrap .act-btn .stock .btn {
            height: 100%;
            border: none;
            font-size: 1.6rem;
            line-height: 1.6rem;
            padding: 1.1rem 2rem; }
            .cp-discription-card .btn-wrap .act-btn .stock .btn .icon {
              display: none; }
            .cp-discription-card .btn-wrap .act-btn .stock .btn.btn-default {
              font-size: 1.6rem;
              line-height: 1.3rem;
              border-radius: 3.2px;
              min-height: 7.5rem;
              border-radius: 0;
              width: 50%; }
            .cp-discription-card .btn-wrap .act-btn .stock .btn.btn-outline {
              font-size: 1.6rem;
              line-height: 1.3rem;
              border-radius: 3.2px;
              min-height: 7.5rem;
              width: 50%; } }
    .cp-discription-card .btn-wrap .act-btn .outstock {
      display: none; }
    .cp-discription-card .btn-wrap .act-btn.out-stock .outstock {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      @media only screen and (max-width: 768px) {
        .cp-discription-card .btn-wrap .act-btn.out-stock .outstock {
          -ms-flex-pack: justify;
              justify-content: space-between; } }
      @media only screen and (max-width: 768px) {
        .cp-discription-card .btn-wrap .act-btn.out-stock .outstock .btn.btn-outline {
          padding: 0 2.2rem;
          border-radius: 0;
          height: 7.5rem;
          border: 0;
          border-left: 1px solid #e4e4e4; } }
    .cp-discription-card .btn-wrap .act-btn.out-stock .stock {
      display: none; }
    .cp-discription-card .btn-wrap .act-btn .out {
      font-size: 1.2rem;
      line-height: 1.2rem;
      margin-right: 2rem;
      color: #a80000;
      padding: 0.5rem 1rem;
      background: #f1f1f1;
      border-radius: 15px;
      font-family: "Gotham-Medium";
      font-style: italic; }
      @media only screen and (max-width: 768px) {
        .cp-discription-card .btn-wrap .act-btn .out {
          margin-right: 0;
          margin-left: 30px; } }
  .cp-discription-card .btn-outline {
    min-height: 2.6rem;
    min-width: 9.7rem;
    font-size: 1.2rem;
    padding: 0.5rem;
    border-radius: 17px; }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .cp-discription-card .btn-outline {
        position: absolute;
        top: 30px;
        right: 0;
        min-height: 2.4rem;
        min-width: 8rem;
        padding: 0.4rem; } }
    @media only screen and (max-width: 768px) {
      .cp-discription-card .btn-outline {
        position: absolute;
        top: 30px;
        right: 0;
        min-height: 2.4rem;
        min-width: 8rem;
        padding: 0.4rem; } }

.function-tag {
  position: absolute;
  top: 0;
  right: 1rem;
  width: 4rem; }
  .function-tag .btn-outline {
    min-height: 2.6rem;
    min-width: 9.7rem;
    font-size: 1.2rem;
    padding: 0.5rem;
    border-radius: 17px; }
    @media only screen and (max-width: 768px) {
      .function-tag .btn-outline {
        position: absolute;
        top: 12px;
        right: 0; } }
  @media only screen and (max-width: 768px) {
    .function-tag {
      right: 1rem;
      z-index: 10; } }
  .function-tag .tag-list {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .function-tag .tag-item {
    width: 4rem;
    height: 4rem;
    -ms-flex-pack: center;
        justify-content: center;
    background-color: #f5f5f5;
    color: #bd001c;
    border-radius: 50%;
    margin-bottom: 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    cursor: pointer;
    transition: all 0.5s ease; }
    @media only screen and (max-width: 768px) {
      .function-tag .tag-item {
        width: 4.2rem;
        height: 4.2rem; } }
    .function-tag .tag-item .icon {
      font-size: 2.4rem;
      color: #bd001c;
      position: relative;
      z-index: 2; }
      @media only screen and (max-width: 768px) {
        .function-tag .tag-item .icon {
          width: 4.2rem;
          height: 4.2rem;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center; } }
      .function-tag .tag-item .icon.icon-rotate {
        font-size: .9rem; }
      .function-tag .tag-item .icon.icon-share1 {
        width: 4rem;
        height: 4rem;
        background-color: #f5f5f5;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        border-radius: 50%;
        cursor: pointer; }
        @media only screen and (max-width: 768px) {
          .function-tag .tag-item .icon.icon-share1 {
            width: 3.6rem;
            height: 3.6rem; } }
        .function-tag .tag-item .icon.icon-share1.active {
          background: #ffffff; }
  .function-tag .act-btn {
    right: -9px;
    position: absolute; }

.mrp-price {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start; }

.price-flex {
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  -ms-flex-align: start;
      align-items: flex-start; }

.flex-align-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.d-flex {
  display: -ms-flexbox;
  display: flex; }

.cursor-not-allowed {
  cursor: not-allowed !important; }

.outOfStock.not-in-stock {
  position: fixed;
  bottom: 67px;
  left: 0;
  width: 100%;
  z-index: 11;
  text-align: center;
  margin: 0;
  border-radius: 0;
  font-size: 17px; }
  @media (max-width: 768px) {
    .outOfStock.not-in-stock {
      font-size: 14px;
      text-align: left; } }

.cp-discription-card {
  width: unset; }
  @media only screen and (max-width: 768px) {
    .cp-discription-card .card-title {
      margin-bottom: 0; } }
  @media only screen and (max-width: 768px) {
    .cp-discription-card .bike-name {
      font-size: 2.8rem; } }
  @media only screen and (max-width: 768px) {
    .cp-discription-card .originalPrice {
      font-size: 1.4rem; } }
  .cp-discription-card .radio-list .r-item {
    font-family: "Gotham-Book"; }
  .cp-discription-card .radio-list .radio-link.typ-rect {
    min-width: auto;
    width: auto;
    padding: 1rem 1.6rem; }
  @media only screen and (max-width: 768px) {
    .cp-discription-card.typ-adp-cart .star-rating {
      margin-top: 0.8rem;
      margin-bottom: 2rem; } }
  @media only screen and (max-width: 768px) {
    .cp-discription-card.typ-adp-cart .star-rating .icon {
      font-size: 1.2rem; } }
  @media only screen and (max-width: 768px) {
    .cp-discription-card.typ-adp-cart .star-rating .review-cont {
      font-size: 1.2rem; } }

.cp-discription-card .card-title.margin-none {
  margin-bottom: 0rem; }

.cp-discription-card .brnadLogo.mrg-bt {
  margin-bottom: 1.5rem; }

.cp-discription-card .brnadLogo img.hero-sprint {
  width: 28rem; }

.cp-discription-card .star-rating {
  margin-bottom: 2.8rem; }
  @media only screen and (max-width: 768px) {
    .cp-discription-card .star-rating {
      margin-bottom: 2.5rem; } }

.cp-discription-card .price {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: end;
      align-items: flex-end; }
  .cp-discription-card .price .rupee {
    margin-right: 3px;
    font-size: 13px;
    font-weight: 600; }
    @media only screen and (max-width: 768px) {
      .cp-discription-card .price .rupee {
        font-size: 13px;
        font-weight: 600; } }

.cp-discription-card .notetext {
  margin: 0 0rem 0.8rem; }
  .cp-discription-card .notetext.typ-mb-none {
    margin-bottom: 0; }

.cp-discription-card .btn.btn-link.btn-pdp-al {
  position: relative;
  top: 9.7rem;
  margin: 0; }

.cp-discription-card .typ-mt-two {
  margin-top: 4rem; }

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .cp-discription-card .compare-btn-pdp {
    padding: 0.4rem 0.6rem; } }

@media only screen and (max-width: 768px) {
  .cp-discription-card .compare-btn-pdp {
    padding: 0.4rem 0.6rem; } }

.cp-discription-card .compare-btn-pdp .add-item-to-compare {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .cp-discription-card .compare-btn-pdp .add-item-to-compare .icon {
    margin-right: 0.2rem;
    font-weight: bold; }

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .cp-discription-card .compare-btn-pdp .compare-checkbox {
    display: none; } }

@media only screen and (max-width: 768px) {
  .cp-discription-card .compare-btn-pdp .compare-checkbox {
    display: none; } }

.function-tag {
  top: 3.7rem; }
  @media only screen and (max-width: 768px) {
    .function-tag {
      right: 0rem;
      top: 0; } }
  .function-tag .tag-list {
    position: relative;
    right: -0.9rem; }
    @media only screen and (max-width: 768px) {
      .function-tag .tag-list {
        right: 0.3rem; } }
  @media only screen and (max-width: 768px) {
    .function-tag .tag-item {
      width: 3.6rem;
      height: 3.6rem;
      display: -ms-flexbox !important;
      display: flex !important; } }
  .function-tag .tag-item .icon {
    font-size: 2.4rem;
    width: 3.6rem;
    height: 3.6rem; }
    @media only screen and (max-width: 768px) {
      .function-tag .tag-item .icon {
        font-size: 1.9rem; } }
  .function-tag .tag-item.js-close-360view-mobile {
    background-color: #bd001c;
    transition: all 0.5s ease; }
    .function-tag .tag-item.js-close-360view-mobile .icon {
      color: #f5f5f5; }
  .function-tag .cp-360view-mobile {
    display: none;
    position: absolute;
    left: -33rem;
    top: 2rem;
    width: auto;
    height: 26rem;
    transition: all 0.5s ease;
    background: #fff; }
  .function-tag .act-btn {
    top: 13.8rem; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .function-tag .act-btn {
        right: -8px; } }
    .function-tag .act-btn.compare {
      color: #bd001c;
      font-family: "Gotham-Bold";
      font-size: 1.2rem;
      padding: 0.5rem 0.5rem 0.5rem 1.5rem;
      border-radius: 13px;
      border: solid 1px #bd001c;
      cursor: pointer; }
      .function-tag .act-btn.compare .icon {
        font-size: 0.8rem;
        transform: translateY(-50%) rotate(136deg);
        position: absolute;
        left: 8px;
        top: 50%;
        font-weight: 900; }
      .function-tag .act-btn.compare .compare-checkbox {
        display: none; }
      .function-tag .act-btn.compare label {
        cursor: pointer; }

.payu {
  max-width: 300px;
  margin-left: auto;
  margin-right: 70px;
  margin-top: 5.5rem; }

div#payuWidget iframe {
  height: 250px;
  max-width: 280px !important; }

.payu-container {
  background-image: url("../assets/images/payu_banner.jpg");
  padding: 2rem 0rem 4rem 0rem;
  height: 38rem;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 8; }

@media only screen and (max-width: 768px) {
  .payu-container {
    padding: 0rem;
    height: 42.5rem;
    background-image: url("../assets/images/offer-payu_441X560.jpg");
    background-size: cover; }
  .payu {
    max-width: 100%;
    margin: 0;
    padding: 2rem; }
  div#payuWidget iframe {
    margin-top: -1rem;
    max-width: 37rem !important; }
  div#payuWidget {
    margin-top: 1.5rem; }
  .cp-banner {
    margin-bottom: 0; }
    .cp-banner::after {
      bottom: 0rem;
      height: 23rem; }
  .cp-detail-card .feature-list {
    bottom: 1.5rem !important; }
    .cp-detail-card .feature-list .f-list .f-item {
      font-size: 1.2rem !important; }
  .bs-sec.typ-bike-bg.cm-mobile {
    position: absolute;
    padding-bottom: 0;
    z-index: -1; }
    .bs-sec.typ-bike-bg.cm-mobile .bs-radio {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse; }
      .bs-sec.typ-bike-bg.cm-mobile .bs-radio .cp-radio-box .label-field {
        margin-bottom: 1rem;
        margin-top: 1rem; }
      .bs-sec.typ-bike-bg.cm-mobile .bs-radio .cp-radio-box .radio-wrap {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
        .bs-sec.typ-bike-bg.cm-mobile .bs-radio .cp-radio-box .radio-wrap .suitableRider {
          position: absolute;
          bottom: 0.6rem;
          min-width: 32rem; }
    .bs-sec.typ-bike-bg.cm-mobile .size-btn {
      margin-bottom: -4.6rem;
      left: 0; }
      .bs-sec.typ-bike-bg.cm-mobile .size-btn .btn-link {
        font-size: 1rem; } }