.subscription-index-index .subscription-plans {
  background-size: cover;
  background-position: 100% 100%;
}
.subscription-index-index .subscription-plans .bronzediv {
  background: url(../img/abo_bronze_bg.png);
}
.subscription-index-index .subscription-plans .silverdiv {
  background: url(../img/abo_silver_bg.png);
}
.subscription-index-index .subscription-plans .golddiv {
  background: url(../img/abo_gold_bg.png);
}

.subscription-index-index .subscription-plans {
  background-size: cover;
  background-position: 100% 100%;
}

.subscription-index-index .page-main {
  max-width: 100%;
  padding: 0;
}

.subscription-index-index .subscription-category-row a {
  width: auto;
  padding: 16px 20px;
  color: #2b2b2b;
  text-decoration: none;
  font-family: Mont !important;
}

.subscription-index-index .subscription-plans-row {
  padding: 0 5%;
  margin-top: 60px;
}

.subscription-index-index .choosdescdiv .chooseptag {
  color: #2a2c2c;
  font-size: 52px;
  font-weight: 900;
  font-family: Mont !important;
  margin-bottom: 20px;
  text-align: center;
  font-style: italic;
}

.subscription-index-index .choosdescdiv .chooseveloptag {
  font-size: 16px;
  font-weight: 700;
  font-family: Mont !important;
  text-align: center;
  margin-bottom: 16px;
}
.subscription-index-index .choosdescdiv .aboptag {
  font-size: 20px;
  text-align: center;
  font-weight: 700;
  font-family: Mont !important;
}

.subscription-index-index .choosdescdiv .favoriteptag {
  font-size: 16px;
  text-align: center;
}

.subscription-index-index .subscription-plans {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}

.subscription-index-index .subscription-plan-box {
  width: 33%;
  padding: 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.subscription-index-index .subscription-plan-box:last-child {
  margin-right: 0;
}

.subscription-index-index .subscription-plan-box .titlediv p {
  color: #fff;
  font-weight: 900;
  font-family: Mont !important;
  font-size: 24px !important;
  font-style: italic;
}

.subscription-index-index .subscription-plan-box .anchor a {
  background: #fff;
  padding: 16px 20px;
  color: #2a2c2c;
  font-size: 14px;
  font-family: Mont !important;
  text-decoration: none;
  display: block;
  text-align: center;
  font-weight: 900;
  font-style: italic;
}
.subscription-index-index .subscription-plan-box .anchor a .price {
  font-size: 24px;
}
.subscription-index-index .subscription-plan-box .anchor {
  margin-top: 20px;
}
.subscription-index-index .subscription-plan-box .discount-percent {
  margin-top: 8px;
}
.subscription-index-index .subscription-plan-box .discount-percent span {
  display: block;
  background: rgba(246, 246, 246, 0.2);
  padding: 16px 20px;
  color: #fff;
  font-size: 14px;
  font-family: Mont !important;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
}

.subscription-index-index .candiv {
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  border-bottom: 1px solid #f6f6f6;
}

.subscription-index-index .rightdiv,
.subscription-index-index .leftdiv {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.subscription-index-index .rightinnerdiv {
  margin-right: 10px;
  flex: none;
}

.subscription-index-index .rightinnerdiv img {
  width: auto;
  height: 2cap;
}

.subscription-index-index .subscription-plan-box p {
  color: #fff;
  font-size: 16px !important;
  margin-bottom: 0;
  font-family: Mont !important;
}
.subscription-index-index .unit-pack-price {
  margin-top: 16px;
}
.subscription-index-index .subscription-plan-box .subbold {
  color: #fff;
  font-weight: normal;
  font-family: Mont !important;
  font-weight: 700;
}

.subscription-index-index .silverdiv p {
  color: #fff;
}

.subscription-index-index .silverdiv .subbold {
  color: #fff;
}

.subscription-index-index .silverdiv .titlediv p {
  color: #fff;
}

.subscription-index-index .terms-and-conditions {
  margin-top: 64px;
}
.subscription-index-index .terms-and-conditions a {
  color: #2a2c2c !important;
  font-size: 16px;
  font-style: italic;
  font-weight: 700;
}
.subscription-index-index .terms-and-conditions a img {
  width: 24px;
  margin-left: 10px;
  height: auto;
}
.subscription-index-index .subscription-level {
  font-weight: 700;
  width: 100%;
}
@media only screen and (max-width: 900px) {
  .subscription-index-index .subscription-plans {
    flex-wrap: wrap;
  }

  .subscription-index-index .subscription-plan-box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .subscription-index-index .subscription-plan-box .anchor a {
    display: block;
    text-align: center;
  }
}

.subscription-index-index .rues {
  margin-top: 40px;
  display: flex;
  align-items: center;
}

.subscription-index-index .productlist {
  margin-top: 60px;
  padding: 60px 5%;
  background: #f1f2f2;
}

.subscription-index-index .productlist .chooseproddiv .chooseproduct {
  color: #2a2c2c;
  font-size: 52px;
  font-weight: 900;
  font-family: Mont !important;
  margin-bottom: 16px;
  font-style: italic;
}

.subscription-index-index .productlist .chooseproddiv .chooseprod {
  font-size: 20px;
  font-family: Mont !important;
  font-weight: 700;
}

.subscription-index-index .productselection {
  margin-top: 32px;
}

.subscription-index-index .viewallproducts .mainproductdiv {
  display: flex;
  flex-direction: column;
  width: 24%;
  margin-right: 1%;
  margin-bottom: 10px;
  background-color: #ffffff;
  position: relative;
}
.subscription-index-index
  .viewallproducts
  .mainproductdiv.mainproductdiv:nth-child(4n + 4) {
  margin-right: 0;
}

.subscription-index-index .proddetails {
  padding: 24px;
  box-sizing: border-box;
}

.subscription-index-index .sub-product-image .product-image-container {
  width: 100% !important;
  display: block;
  margin-top: 30px;
}

.subscription-index-index
  .sub-product-image
  .product-image-container
  .product-image-wrapper {
  padding: 0 !important;
  height: auto;
}

.subscription-index-index .product-image-photo {
  position: static;
}

.subscription-index-index .sub-product-image img {
  width: 66%;
  height: auto;
}

.subscription-index-index .proddetails {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.subscription-index-index .product.name {
  font-size: 20px !important;
  font-weight: 700;
  font-family: Mont !important;
  color: #2a2c2c !important;
  text-decoration: none;
  margin: 0;
  margin-bottom: 10px;
}
.subscription-index-index .product-listpage-description {
  /* margin-top: auto; */
  margin-bottom: 8px;
}
.subscription-index-index .product-listpage-description p {
  color: #2a2c2c;
  font-size: 16px;
  margin: 0;
  line-height: 24px;
}
.subscription-index-index .product-stick-count {
  /*  margin-top: auto; */
  margin-bottom: 16px;
}
.subscription-index-index .product-stick-count p {
  margin-bottom: 0;
  color: #727878;
  font-size: 16px;
}
.subscription-index-index .neointense-neocooling {
  /* margin-top: auto; */
  margin-bottom: 24px;
}
.subscription-index-index .neointense,
.subscription-index-index .neocoolingdiv {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.subscription-index-index .neointense .first-wrapper,
.subscription-index-index .neocoolingdiv .first-wrapper {
  display: flex;
  align-items: center;
}
.subscription-index-index .neointense .first-wrapper p,
.subscription-index-index .neocoolingdiv .first-wrapper p {
  margin: 0;
  margin-right: 4px;
  color: #444848;
  font-size: 16px;
}
.subscription-index-index .neocoolingdiv {
  margin-top: 6px;
}
.subscription-index-index .sub-product-addtocart .field.qty {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  align-items: center;
}

.subscription-index-index .sub-product-addtocart {
  margin-top: auto;
  width: 100%;
  border-top: 1px solid #d5d6d6;
  display: block;
}

.subscription-index-index .field.qty {
  display: flex;
  justify-content: space-between;
}
.subscription-index-index .qty-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
.subscription-index-index .qty-price .control.price {
  color: #2a2c2c;
  font-size: 16px;
  margin: 0;
  font-weight: 700;
}

.subscription-index-index .control.qty-change {
  border: 1px solid #d5d6d6;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 38%;
  margin-right: 0 !important;
}

.subscription-index-index .input-text.qty {
  font-family: Mont !important;
  color: #2b2b2b;
  font-size: 14px;
  opacity: 1 !important;
  padding: 0;
  border: 0;
  border: none;
  background: none;
  width: 30%;
  text-align: center;
}

.subscription-index-index .qty-change button {
  border: none;
  background: none;
  width: 30%;
  font-weight: 700;
  font-size: 25px;
  color: #2a2c2c;
}

.disclaimerabo {
  margin-bottom: 30px;
}

@media only screen and (max-width: 1024px) {
  .subscription-index-index .viewallproducts .mainproductdiv {
    width: 32.1%;
  }

  .subscription-index-index .viewallproducts .mainproductdiv:nth-child(3n + 3) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 900px) {
  .subscription-index-index .viewallproducts .mainproductdiv {
    width: 100%;
    margin-right: 0 !important;
  }

  .subscription-index-index .viewallproducts .mainproductdiv:nth-child(3n + 3) {
    margin-right: 0;
  }

  .subscription-index-index .subscription-category-row {
    width: 100%;
  }
  .get-and-subscribe {
    top: auto;
    bottom: 30px;
    width: 100%;
    left: auto;
    padding: 0 40px;
    box-sizing: border-box;
  }
  .subscription-index-index .productlist .chooseproddiv .chooseprod {
    font-size: 18px;
    font-family: Mont !important;
  }
}

.subscription-index-index .summerysection {
  width: 100%;
  padding: 20px;
  background: #157ebe;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 48px;
  box-sizing: border-box;
}

.subscription-index-index .summerysection .packschosendiv {
  display: flex;
  width: 25%;
}

.subscription-index-index .summerysection .packschosendiv p {
  color: #fff;
  font-family: Mont !important;
  margin-bottom: 0;
  margin-right: 10px;
  font-weight: 700;
  font-style: italic;
}

.subscription-index-index .summerysection p {
  font-size: 16px;
  margin-bottom: 0;
  font-family: Mont !important;
}

.subscription-index-index .summerysection .btn {
  background: #2a2c2c;
  border-radius: 50px;
  padding: 14px 32px;
  color: #f6f6f6;
  font-size: 14px;
  font-family: Mont !important;
  font-weight: 700;
  border: none;
  font-style: italic;
}

@media only screen and (max-width: 768px) {
  .subscription-index-index .summerysection {
    flex-direction: column;
  }

  .subscription-index-index .subscriptiocheckout.btn {
    margin-top: 20px;
  }

  .subscription-index-index .summerysection .packschosendiv {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.nicotine-group {
  display: none;
}
.nicotine-group.active {
  display: flex;
  flex-wrap: wrap;
}
.select-abo-msg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999999;
}
.select-abo-msg .msg-box {
  background: #fff;
  width: 32vw;
  padding: 4vw;
  margin-left: 30vw;
  margin-top: 35vh;
  text-align: center;
}
.select-abo-msg .msg-box a {
  margin-top: 20px;
  display: inline-block;
}

.subscriptionerrormsg {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  width: 100vw;
  height: 100vh;
  display: none;
  z-index: 99999;
}
.subscriptionerrormsg.show {
  display: block;
}
.subscriptionerrormsg .subscriptionerrormsg-content {
  background: #fff;
  width: 60vw;
  margin-left: 20vw;
  margin-top: 10vh;
  padding: 40px;
}
.subscriptionerrormsg .subscriptionerrormsg-content p {
  color: #000;
  font-size: 16px;
  text-align: center;
}

.subscriptionerrormsg-content {
  text-align: center;
}
.subscriptionerrormsg-content p {
  margin-bottom: 50px;
}

.subscription-calendar h2 {
  margin: 20px 0 !important;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}
.subscription-calendar .ui-datepicker {
  background: #fff !important;
  margin-bottom: 25px;
  border: 1px solid #ddd;
  box-shadow: none;
  padding: 0;
}
.subscription-calendar .ui-datepicker .ui-datepicker-calendar {
  border: none;
}
.subscription-calendar
  .ui-datepicker
  .ui-datepicker-title
  .ui-datepicker-month {
  margin: 0 !important;
}
.subscription-calendar .ui-datepicker .ui-datepicker-title {
  font-weight: 600;
  margin: 10px 0;
}
.subscription-calendar .ui-datepicker .ui-datepicker-calendar th {
  background: none !important;
  border: none;
  text-align: center;
}
.subscription-calendar .ui-datepicker .ui-datepicker-calendar td {
  border: none;
  padding: 5px 0;
}
.subscription-calendar .ui-datepicker .ui-datepicker-calendar .ui-state-active {
  background: #254aa2;
  color: #fff;
}
.subscription-calendar
  .ui-datepicker
  .ui-datepicker-calendar
  .ui-state-active:hover {
  background: #254aa2;
  color: #fff;
}
.subscription-calendar p {
  color: #d1d1d1;
}
.subscription-calendar .ui-datepicker td span,
.ui-datepicker td a {
  border: none !important;
  text-align: center;
}

.subscription-account-subscription .page-title-wrapper {
  margin-top: 0px;
}
.account-subscription-btn {
  margin-top: 30px;
}
.account-subscription-rank {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 20px;
}
.rank-value {
  color: #ffa400;
}
.account-subscription-btn button {
  margin-right: 10px;
}

.subscription-plan-box p {
  font-size: 13px !important;
}

.already-subscribed-message {
  text-align: center;
  margin-top: 50px;
  font-size: 20px;
}

/* VELO SUBSCRIPTION ACCOUNT */

/* VELO SUBSCRIPTION RELATED */

/* VELO SUBSCRIPTION ACCOUNT */

.subscription-account-subscription .page-title-wrapper {
  margin-top: 0px;
}
.account-subscription-btn {
  margin-top: 30px;
}
.account-subscription-rank {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 20px;
}
.rank-value {
  color: #ffa400;
}
.account-subscription-btn button {
  margin-right: 10px;
}

.subscription-plan-box p {
  font-size: 13px !important;
}

.already-subscribed-message {
  text-align: center;
  margin-top: 50px;
  font-size: 20px;
}

.subscription-account-subscription .block-subscription-dashboard-transaction {
  margin-top: 30px;
}
.subscription-account-subscription
  .block-subscription-dashboard-transaction
  .transactions-next
  strong {
  font-size: 16px;
  margin-bottom: 30px !important;
  display: inline-block;
  text-transform: uppercase;
  font-family: Mont;
  font-weight: 700;
}
.subscription-account-subscription
  .block-subscription-dashboard-transaction
  #subscription-transaction-table
  .col.productsandqty
  table {
  background: #f1f4f8;
  padding: 20px;
}
.subscription-account-subscription
  .block-subscription-dashboard-transaction
  .table-transaction-items
  tbody
  tr
  td {
  border-bottom: 1px dotted #ddd;
  padding-top: 20px;
  padding-bottom: 20px;
}

.pausesuccess {
  background: #dff0d8;
  padding: 10px;
  margin-top: 20px;
}
.alreadypause {
  background: #fcf8e3;
  padding: 10px;
  margin-top: 20px;
}
.alreadyunsubscribe {
  background: #fcf8e3;
  padding: 10px;
  margin-top: 20px;
}
.unsubscribesuccess {
  background: #dff0d8;
  padding: 10px;
  margin-top: 20px;
}
.pleasesubscribe {
  background: #fcf8e3;
  padding: 10px;
  margin-top: 20px;
}

.subscription-index-index .page-title-wrapper {
  display: none;
}

.fav-product-container .subrankname-wrapper .subscriptiondetail {
  border: none !important;
}
.fav-product-container .subrankname-wrapper .subscriptiondetail p {
  opacity: 0.3;
}

.fav-product-container .subrankname-wrapper .subscriptiondetail p.activerank {
  opacity: 1;
}

.subscription-product .input-text.qty {
  pointer-events: none;
}

.subscription-product .product-item-description {
  min-height: 80px;
}

@media screen and (max-width: 1280px) {
  .subscription-index-index .choosdescdiv .aboptag br {
    display: none;
  }
}

/*subscription landing page styles*/
@media screen and (max-width: 900px) {
  .subscription-index-index .choosdescdiv .chooseptag {
    font-size: 34px;
    text-align: left;
  }
  .subscription-index-index .choosdescdiv .aboptag,
  .subscription-index-index .choosdescdiv .favoriteptag {
    text-align: left;
  }
  .subscription-index-index .subscription-plans {
    margin-top: 24px;
  }
  .subscription-index-index .terms-and-conditions {
    margin-top: 24px;
  }
  .subscription-index-index .productlist .chooseproddiv .chooseproduct {
    font-size: 34px;
    text-wrap: balance;
  }
  .subscription-index-index .choosdescdiv .aboptag {
    font-size: 18px;
  }
}

.tooltip-parent .neointenseimagetwo-icon,
.tooltip-parent .neocoolingimage-icon {
  width: 16px;
  height: auto;
}
.tooltip-trigger.show + .tooltip-info {
  width: 220px;
  left: -110px;
}
.tooltip-trigger.show + .tooltip-info p {
  color: #fff;
  margin-right: 15px;
}
.tooltip-trigger.show + .tooltip-info .tooltip-close {
  width: 16px;
  position: absolute;
  top: 2px;
  right: 5px;
  -webkit-filter: grayscale(1) invert(1);
  filter: grayscale(1) invert(1);
}
.tooltip-info:after {
  left: 108px !important;
}

@media screen and (max-width: 900px) {
  .tooltip-trigger.show + .tooltip-info {
    left: -82px;
  }
  .tooltip-info:after {
    left: 80px;
  }
}
.list-tags {
  padding: 12px 20px;
  box-sizing: border-box;
}
.list-tag-left {
  display: flex;
}
.subscription-index-index .list-tags .list-tag-box img {
  height: 20px !important;
}

.progress-bar-parent {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  margin-bottom: 5px;
}

.progress-child {
  width: 10%; /* Initial value is 0 */
  background-color: white;
  height: 10px;
  transition: width 0.5s ease; /* Smooth transition for width change */
}

.subscription-level p {
  margin: 0;
  font-size: 14px;
  text-align: left;
}

.subscription-index-index .subscription-addtocart-button {
  padding: 14px !important;
  box-sizing: border-box;
  display: block;
  background: #2a2c2c;
  color: #f6f6f6;
  border: none;
  font-style: italic;
  border-radius: 50px;
  font-size: 14px;
}

@media screen and (max-width: 900px) {
  .subscription-index-index .summerysection .packschosendiv {
    width: 100%;
  }
}

.btn-purple.marketing-preferences {
  color: #eee;
  padding: 8px 12px;
  background-color: #2a2a2c;
  font-weight: 600;
  font-family: mont;
  border-radius: 4px;
  text-decoration: none;
}
.checkout-cart-index .control.qty input {
  padding: 0 !important;
}
@media screen and (max-width: 900px) {
  .select-abo-msg .msg-box {
    width: 80%;
    margin-left: 0;
    margin: 0 auto;
    margin-top: 35vh;
  }
}

/* abo landing page add products start */
.subscription-index-index .summerysection {
  display: flex;
  gap: 10px;
}
.subscription-index-index .summerysection .subscription-buttons-list {
  display: flex;
  align-items: center;
  gap: 10px;
}
.subscription-index-index
  .summerysection
  .subscription-buttons-list
  #subscriptiocheckout {
  margin-top: 0;
}
.subscription-index-index
  .summerysection
  .subscription-buttons-list
  #added-products-btn {
  background: #ffffff;
  padding: 14px 32px;
  border-radius: 50px;
  font-style: italic;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
  gap: 10px;
  align-items: center;
}
.subscription-index-index
  .summerysection
  .subscription-buttons-list
  #added-products-btn
  img {
  width: 15px;
  transition: 0.3s ease-in-out;
}
.subscription-index-index
  .summerysection
  .subscription-buttons-list
  .added-products-btn.active
  img {
  transform: rotate(180deg);
}
.subscription-index-index .added-products-info {
  background: #157ebe;
  border-top: 1px solid #2a2c2c;
  padding: 20px;
  position: relative;
}
.subscription-index-index .added-products-info .no-added-products {
  color: #fff;
  font-size: 14px;
  font-family: Mont;
  font-weight: 600;
}
.subscription-index-index .added-products-info .no-added-products p {
  margin-bottom: 0;
}
.subscription-index-index .added-products-info .owl-carousel:after {
  content: "";
  display: block;
  position: absolute;
  width: 100px;
  top: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(270deg, #157ebe 25%, rgba(21, 126, 190, 0) 100%);
  z-index: 1;
}
.subscription-index-index .added-products-info .owl-carousel .owl-stage {
  display: flex;
}
.subscription-index-index
  .added-products-info
  .owl-carousel
  .owl-stage
  .owl-item {
  background: #fff;
}
.subscription-index-index
  .added-products-info
  .owl-carousel
  .owl-stage
  .owl-item
  > div {
  height: 100%;
}
.subscription-index-index
  .added-products-info
  .owl-carousel
  .owl-stage
  .owl-item
  .add-products-details {
  display: flex;
  align-items: center;
  padding: 15px;
  gap: 20px;
  height: 100%;
  box-sizing: border-box;
}
.subscription-index-index
  .added-products-info
  .add-products-details
  .sub-product-image {
  display: block;
}
.subscription-index-index
  .added-products-info
  .add-products-details
  .sub-product-image
  .product-image-container {
  margin-top: 0;
  display: block;
}
.subscription-index-index
  .added-products-info
  .add-products-details
  .sub-product-image
  .product-image-container
  img {
  width: 100%;
  max-width: 60px;
  height: auto;
  display: block;
  margin: 0;
}
.subscription-index-index
  .added-products-info
  .add-products-details
  .product-item-details {
  display: flex;
  flex-direction: column;
}
.subscription-index-index
  .added-products-info
  .add-products-details
  .product-item-details
  .product-item-name {
  color: #2a2c2c;
  font-size: 14px;
  font-family: Mont;
  font-weight: 800;
  margin-bottom: 4px;
}
.subscription-index-index
  .added-products-info
  .add-products-details
  .product-item-details
  .product-stick-count {
  margin-bottom: 4px;
}
.subscription-index-index
  .added-products-info
  .add-products-details
  .product-item-details
  .product-stick-count
  p {
  font-size: 12px;
  font-family: Mont;
  margin-bottom: 0;
  color: #727878;
}
.subscription-index-index
  .added-products-info
  .add-products-details
  .product-item-details
  .product-qty {
  display: flex;
}
.subscription-index-index
  .added-products-info
  .add-products-details
  .product-item-details
  .product-qty
  p {
  font-size: 14px;
  font-family: Mont;
  color: #2a2c2c;
  margin-bottom: 0;
  font-weight: 800;
}
.subscription-index-index .added-products-info .owl-nav {
  position: absolute;
  top: 33%;
  transform: translate(0, -50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 999999999;
}
.subscription-index-index .added-products-info .owl-nav button {
  background: #2a2c2c !important;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subscription-index-index .added-products-info .owl-nav button span {
  color: #fff;
  font-size: 30px !important;
}
.subscription-index-index .added-products-info .owl-nav .owl-prev {
  position: absolute;
  left: -15px;
}
.subscription-index-index .added-products-info .owl-nav .owl-next {
  position: absolute;
  right: 8px;
}
.subscription-index-index .added-products-info .owl-nav .owl-prev.disabled {
  visibility: hidden;
}
.subscription-index-index .added-products-info .owl-nav .owl-next.disabled {
  visibility: hidden;
}
.subscription-index-index .subscription-offer {
  background: #00a1da;
  padding: 14px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.subscription-index-index
  .subscription-offer
  .subscription-offer-description
  p {
  color: #fff;
  font-family: Mont;
  margin-bottom: 0;
  font-size: 12px;
  font-family: Mont;
  font-weight: 600;
}
.subscription-index-index .subscription-offer .subscription-monthly-package {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.subscription-index-index .subscription-offer .subscription-monthly-package p {
  color: #fff;
  font-family: Mont;
  margin-bottom: 0;
  font-size: 12px;
  font-family: Mont;
  font-weight: 600;
}
.subscription-index-index
  .subscription-offer
  .subscription-monthly-package
  .subscriptiocheckout {
  background: #2a2c2c;
  border-radius: 50px;
  padding: 14px 32px;
  color: #f6f6f6;
  font-size: 14px;
  font-family: Mont !important;
  font-weight: 400;
  border: none;
  font-style: italic;
  width: 100%;
}
@media only screen and (max-width: 900px) {
  .subscription-index-index .subscription-offer {
    flex-wrap: wrap;
    gap: 10px;
  }
  .subscription-index-index .summerysection {
    flex-direction: row;
  }
  .subscription-index-index .subscription-offer .subscription-monthly-package {
    width: 100%;
  }
  .subscription-index-index
    .summerysection
    .packschosendiv
    .progress-bar-parent {
    display: none;
  }
  .subscription-index-index .summerysection .packschosendiv {
    width: auto;
  }
  .subscription-index-index
    .subscription-offer
    .subscription-monthly-package
    .subscriptiocheckout {
    margin-top: 0 !important;
  }
}
.subscription-index-index .blue-summerysection-parent {
  transition: 0.4s ease-in-out;
  padding: 0;
}
.subscription-index-index .blue-summerysection-parent.top {
  position: fixed;
  bottom: 0;
  z-index: 999999;
  width: 100%;
  left: 0;
  box-sizing: border-box;
}

.subscription-index-index .page-footer {
  padding: 0 0 120px !important;
}

@media only screen and (max-width: 900px) {
  .subscription-index-index .page-footer {
    padding: 0 0 200px !important;
  }
  .subscription-index-index .added-products-info .owl-carousel:after {
    content: "";
    display: block;
    position: absolute;
    width: 100px;
    top: -1px;
    right: -10px;
    height: 100%;
    background: linear-gradient(
      270deg,
      #157ebe 25%,
      rgba(21, 126, 190, 0) 100%
    );
    z-index: 1;
  }
}

.subscription-index-index .subscription-offer .subscription-offer-description p .subbold {
  font-weight: 800;
}
.subscription-monthly-package .subbold {
  font-weight: 800;
}
.subscription-index-index .subscription-offer{
  align-items: center;
}
.subscription-offer-description-row {
  display: flex;
  gap:8px;
  align-items: center;
}
.subscription-offer-description-para {
  display: block;
}
.subscription-index-index .subscription-offer .subscription-offer-description p {
  align-self: end;
}

/* abo landing page add products end */

.popup-unsubscription {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999999999;
    background-color: rgba(0, 0, 0, 0.7);
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-unsubscription .parentdiv-unsubscription {
    width: 30%;
}
.popup-unsubscription .parentdiv-unsubscription .childdiv-right-unsubscription {
    text-align: center;
}
.popup-unsubscription .parentdiv-unsubscription .childdiv-right-unsubscription a {
    color: #fff;
    font-size: 24px;
    display: inline-block;
    text-decoration: none;
    line-height: 1;
    font-family: 'Mont' !important;
    font-weight: 700;
}
.popup-unsubscription .parentdiv-unsubscription .unsubscription-innerdiv {
    background-color: #fff;
    margin-top: 24px;
}
.popup-unsubscription .parentdiv-unsubscription .unsubscription-innerdiv .childdiv-left-unsubscription-content .title-unsubscription {
    text-align: center;
    font-size: 18px;
    text-decoration: underline;
    font-family: 'Mont' !important;
    margin-bottom: 0;
    font-weight: 700;
    color: #fff;
}
.popup-unsubscription .parentdiv-unsubscription .unsubscription-innerdiv .childdiv-left-unsubscription-content .content-unsubscription {
    margin-top: 16px;
    margin-bottom: 0;
	text-align: center;
}
.popup-unsubscription .parentdiv-unsubscription .unsubscription-innerdiv .childdiv-left-unsubscription-content .content-unsubscription .contentspan {
    font-family: 'Mont' !important;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.popup-unsubscription .parentdiv-unsubscription .unsubscription-innerdiv .childdiv-right-unsubscription-content {
    padding: 20px;
    box-sizing: border-box;
}
.popup-unsubscription .parentdiv-unsubscription .unsubscription-innerdiv .childdiv-right-unsubscription-content .childinnerdiv-right {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 4%;
}
.popup-unsubscription .parentdiv-unsubscription .unsubscription-innerdiv .childdiv-right-unsubscription-content .childinnerdiv-right button {
    background-color: #fe5000 !important;
    padding: 12px;
    box-sizing: border-box;
    border: none;
    width: 46%;
    text-align: center;
    font-size: 16px;
    font-family: 'Mont' !important;
    font-weight: 700;
}
 
@media only screen and (max-width: 1280px) {
    .popup-unsubscription .parentdiv-unsubscription {
        width: 40%;
    }
}
@media only screen and (max-width: 900px) {
    .popup-unsubscription .parentdiv-unsubscription {
        width: 90%;
    }
}
.popup-unsubscription .parentdiv-unsubscription .unsubscription-innerdiv .childdiv-left-unsubscription-content {
    padding: 30px 16px;
    box-sizing: border-box;
    background-color: #fe5000 !important;
}
.popup-unsubscription .parentdiv-unsubscription .unsubscription-innerdiv .childdiv-right-unsubscription-content .childinnerdiv-right .acceptsubscription {
    background-color: #fe5000 !important;
    border: 2px solid #fe5000 !important;
    color: #fff;
}
.popup-unsubscription .parentdiv-unsubscription .unsubscription-innerdiv .childdiv-right-unsubscription-content .childinnerdiv-right .rejectsubscription {
    color: #fe5000 !important;
    background-color: #fff !important;
    border: 2px solid #fe5000 !important;
}