@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap');

:root {
  --max-width: 1100px;
  --border-radius: 12px;
  --font-family:  Poppins, sans-serif;

  --foreground-rgb: 0, 0, 0;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;

  --primary-color: #000;
  --secondary-color:  #575757;
  --tertiary-color : #c8a44e;
  --font-size: 1rem;
  --text-color :  #1a1a1a;
  --white-color : #FFF;

  --primary-glow: conic-gradient(
    from 180deg at 50% 50%,
    #16abff33 0deg,
    #0885ff33 55deg,
    #54d6ff33 120deg,
    #0071ff33 160deg,
    transparent 360deg
  );
  --secondary-glow: radial-gradient(
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0)
  );

  --tile-start-rgb: 239, 245, 249;
  --tile-end-rgb: 228, 232, 233;
  --tile-border: conic-gradient(
    #00000080,
    #00000040,
    #00000030,
    #00000020,
    #00000010,
    #00000010,
    #00000080
  );

  --callout-rgb: 238, 240, 241;
  --callout-border-rgb: 172, 175, 176;
  --card-rgb: 180, 185, 188;
  --card-border-rgb: 131, 134, 135;
}

@media (prefers-color-scheme: dark) {
  :root {
    --foreground-rgb: 255, 255, 255;
    --background-start-rgb: 0, 0, 0;
    --background-end-rgb: 0, 0, 0;

    --primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
    --secondary-glow: linear-gradient(
      to bottom right,
      rgba(1, 65, 255, 0),
      rgba(1, 65, 255, 0),
      rgba(1, 65, 255, 0.3)
    );

    --tile-start-rgb: 2, 13, 46;
    --tile-end-rgb: 2, 5, 19;
    --tile-border: conic-gradient(
      #ffffff80,
      #ffffff40,
      #ffffff30,
      #ffffff20,
      #ffffff10,
      #ffffff10,
      #ffffff80
    );

    --callout-rgb: 20, 20, 20;
    --callout-border-rgb: 108, 108, 108;
    --card-rgb: 100, 100, 100;
    --card-border-rgb: 200, 200, 200;
  }
}

.keen-slider:not([data-keen-slider-disabled]) {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  align-content: flex-start;
  display: flex;
  overflow: hidden;
  position: relative;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  width: 100%;
}

/* .keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
  min-height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
} */

.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {
  flex-direction: row-reverse;
}

.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {
  flex-wrap: wrap;
}

/* .keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
  min-height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
} */

.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {
  flex-direction: row-reverse;
}

.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {
  flex-wrap: wrap;
}

.header-responsive {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 0 !important;
  padding-left: 13px !important;
  max-width: calc(99vw - 1rem);
  overflow-x: auto;
}

.home-search {
  border-radius: 10px 0px 0px 10px !important;
  color: white;
}

.home-search-2 {
  padding-right: 0px !important;
  border-radius: 0px 10px 10px 0px !important;
  color: white;
  width: 35px;
}

.home-search i {
  border: none;
  font-size: 14px;
  /* font-weight: 400; */
  /* product details page design */
}

.seller-msg .want-seller-heading {
  font-weight: 400;
  font-size: 35px;
  line-height: 52px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.seller-msg .want-seller-heading img {
  margin-right: 15px;
}

.seller-msg p {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  text-align: justify;
}

/* .product-detailsHead h1 {
  font-weight: 600;
  font-size: 23px;
  line-height: 34px;
  margin-bottom: 0px;
} */

.addcompare-section {
  align-items: center;
  justify-content: center;
  font-size: 13px;
  width: 100%;
  border-bottom: 1px solid #000000;
}

/* .paragraph-Ctr {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  text-align: justify;
} */

.ratingCtr {
  float: left;
}

.ratingCtr i {
  font-size: 18px;
  margin-left: 5px;
}

.priceSection div:first-child {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
}

/* .priceSection div:nth-child(3) {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  color: #000000;
} */
.priceSection .priceSection-mrp-strike {
  text-decoration: line-through;
}

.priceSection .new-prod {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
}

/* .priceSection .priceSection-mrp-price {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  color: #000000;
} */

.priceSection div:last-child {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.66);
  text-decoration: line-through;
  margin: 5px 0px;
}

.quantityCtr {
  background: #dcd1c2;
  border: 1px solid #ac9a81;
  border-radius: 10px;
}

.quantityCtr .increaseBtn {
  display: inline-block;
  padding: 5px 10px;
  border-right: 1px solid #ac9a81;
  font-size: 14px;
  color: black;
  cursor: pointer;
}

.quantityCtr .qtyValue {
  display: inline-block;
  padding: 5px 20px;
  border-right: 1px solid #ac9a81;
  font-size: 14px;
  color: black;
}

.quantityCtr .decreaseBtn {
  display: inline-block;
  padding: 5px 10px;
  font-size: 14px;
  color: black;
  cursor: pointer;
}

.proddetBottomIcons p {
  font-size: 12px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.8);
  margin: 10px 0px;
}

.seller-msg {
  margin-right: 100px;
}

.productDetailsTab li .active {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  border: none;
  border-bottom: 1px solid #dee2e6 !important;
  /* border-bottom: 1px solid #dee2e6 #dee2e6 #fff !important; */
  color: #000000;
}

.productDetailsTab li .nav-link {
  color: #000000;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: transparent;
}

.specTable tbody tr td {
  background: #ffffff;
  
}

/* .specTable tbody tr .tableLeftSide {
  background: #d9d9d9;
} */

.specTable tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: rgba(0, 0, 0, 0.28);

  /* top and expert card */
  .top-expert-card {
    background: rgba(0, 0, 0, 0.79);
  }

  /* fast selling */
  .fastselling-card {
    min-height: 275px;
  }

  .fastselling-footer {
    height: 60px;
    padding-top: 8px;
  }

  .fastselling-product-wrapper {
    margin-bottom: 25px;
  }
}

/* parallax2 */
.parallax2-content {
  /* padding-top: 33px;
    margin-left: 600px; */
  display: flex;
  margin-top: 33px;
  flex-direction: column;
  /* justify-content: flex-end; */
  /* align-items: flex; */
  text-align: flex-start;
  font-style: normal;
  font-weight: 900;
  font-size: 65px;
}

.parallax2-subcontent {
  padding-top: 20px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
}

.parallax2 {
  display: flex;
}

.parallax2-images {
  padding-top: 196px;
}

.parallax-img1 {
  width: 177px;
}

.parallax2-firstsection {
  width: 245px;
  height: 150px;
  margin-left: 19px;
  margin-bottom: 5px;
}

.navbar-nav a {
  padding: 7px 15px;
  text-decoration: none;
  color: #000 !important;
  font-size: 14px;
  white-space: nowrap;
  font-weight: 500;
}

.navbar-nav a.active {
  /* width: fit-content; */
  /* border-bottom: 3px solid #000; */
  font-weight: 900;
}

.top-cart {
  position: relative;
  /* padding: 4px; */
  /* border: 1px solid black; */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .cart-count-badage.cart-count-badage {
  position: absolute;
  right: -2px;
  top: -1px;
} */

.responsive-bottom {
  position: relative;
  height: 100%;
}

.responsive-icons {
  /* position: absolute; */
  position: relative;
  right: 0;
  left: 0;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  bottom: 0;
}

.responsive-icons ul {
  display: flex;
  align-items: center;
  position: absolute;
  padding: 10px;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: white;
  justify-content: space-around;
}

.responsive-icons ul li {
  list-style: none;
}

.responsive-icons ul li i {
  border: 1px solid black;
  padding: 5px;
  border-radius: 50%;
  color: black;
}

.parallax-wrapper {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  align-items: center;
}

.parallax-title {
  flex: 1 1;
  font-size: 70px;
  font-weight: 700;
  display: flex;
  height: 100%;
  align-items: center;
  margin-bottom: 80px;
  /* line-height: 105px; */
}

.parallax-desc {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 38px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0em;
}

.parallax-desc p {
  text-align: justify;
  color: #d9d9d9 !important;
}

.parallax-explore {
  width: -moz-fit-content;
  width: fit-content;
  gap: 36px;
  border-radius: 10px;
  padding: 11px 26px 10px 27px;
  background-color: black;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.parallax2-subcontent {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}

.cart-desktop {
  position: fixed;
  background-color: #fff;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 1299;
  /* padding: 10px; */
  padding: 12px;
  border-top: 1px solid #ccc;
}

.cart-desktop {
  display: block;
}

.cart-desktop ul {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 0px !important;
  padding-left: 0px !important;
}

.cart-desktop ul li {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin: 0px 5px;
  position: relative;
}

.cart-desktop ul li a {
  display: flex;
  align-items: center;
  font-size: 14px;
  position: relative;
}

/* .cart-desktop ul li img {
  display: flex;
  width: 20px;
  margin-right: 5px;
} */

.cart-desktop ul li i {
  color: black !important;
  border-radius: 50%;
  padding: 4px;
  border: 1px solid black;
}

.MuiSlider-colorPrimary {
  color: #45484a !important;
}

.product-image {
  width: auto;
  max-height: 450px;
  text-align: center;
}

.top-collection {
  height: 250px;
  display: flex;
  justify-content: center;
  /* align-items: center; */
}

.top-collection {
  height: 100%;
  /* width: 100%; */
  display: flex;
  flex-direction: column;
}

.top-collection .product-thumb .product-image {
  height: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.top-collection .product-thumb .product-image img {
  width: 100px;
  height: 100px;
  border-radius: 0px;
}

.product-image img {
  width: auto;
  text-align: center;
}

.keen-slider .thumbnail {
  text-align: center;
}

/* .keen-slider__slide {
  text-align: center;
  border: 1px solid #9e9e9e;
} */

/* .keen-slider__slide img {
  width: auto;
  text-align: center;
} */

/* search-bar */
.search-bar-firstsection {
  color: black;
}

.search-bar-section {
  align-items: center;
}

.search-bar-section img {
  object-fit: contain;
}

/* fast selling */
.home-cateogy-widget .fastselling-footer {
  height: 70px;
  padding-top: 8px;
}

.home-cateogy-widget .fastselling-card {
  max-height: 320px;
}

.home-cateogy-widget .fastselling-product-wrapper {
  margin-bottom: 35px;
}

/* .navbar {
    display: unset !important;
} */

.home-slider-2 {
  position: relative;
}

.main-child {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.main-child-1 {
  height: 100%;
  width: 100%;
  position: relative;
}

.child-1 {
  position: absolute;
  top: 10%;
  right: 20%;
  font-size: 40px !important;
  transform: rotate(-90deg);
  color: black;
  font-size: 17px;
}

.child-2 {
  position: absolute;
  top: 10%;
  right: 30%;
  font-size: 40px !important;
  transform: rotate(-90deg);
  color: black;
  font-size: 15px;
}

.child-3 {
  position: absolute;
  top: 10%;
  right: 40%;
  font-size: 40px !important;
  transform: rotate(-90deg);
  color: black;
  font-size: 15px;
}

.child-4 {
  position: absolute;
  top: 10%;
  right: 50%;
  font-size: 40px !important;
  transform: rotate(-90deg);
  color: black;
  font-size: 15px;
}

.latest-arrival .product-image {
  padding: 0px !important;
}

.latest-arrival .product-thumb {
  overflow: hidden;
  border-radius: 5px;
}

.latest-arrival .product-image a {
  width: 100%;
}

.latest-arrival .product-image img {
  border-radius: 0px;
}

.new-cart-shipping {
  /* width: 100%; */
  border-radius: 5px;
  padding: 27px 27px 27px 27px !important;
  background-color: #F5F5F5;
}

.new-cart-image-div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.new-cart-image-div img {
  /* object-fit: contain; */

  max-height: 400px;
  max-width: 400px;
}

/* Compare */
.compare-button {
  border: none;
  outline: none;
  background-color: transparent;
  color: black !important;
}

.table-comparison {
  max-width: 500px;
  overflow: auto;
}

.table-width-parent {
  /* width: 100%; */
  height: 100%;
}

.table-width-parent th {
  max-width: 25% !important;
  width: 100% !important;
}

.table-width-parent tr {
  display: flex;
  width: 100%;
  height: 100%;
}

.table-width-parent-dark,
.table-secondary {
  background-color: #ccccc429 !important;
}

.table-width-parent-light,
.table-light {
  background-color: #d9d9d9 !important;
}

.table-head {
  max-width: 25% !important;
  /* width: 100% !important; */
  /* background-color: #000; */
}

.new-specTable>th {
  font-size: 18px;
}

.table-width {
  /* background-color: red !important; */
  word-wrap: break-word;
  display: inline-block;
  width: 100%;
  max-width: 33.3%;
  height: 100% !important;
  /* display: flex; */
  /* width: 25%; */
}

.table-width>p {
  height: 100% !important;
}

.comparison .product-thumb .product-image {
  border: 1px solid black;
  display: block;
}

.address-add {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

/* Compare */

/* Footer */




/* .footer-sign-section input::placeholder {
  font-size: 12px;
  height: 100%;
  background-color: red !important;
} */



/* Footer */

.order-img-2 {
  /* max-width: 125px; */
}

.order-img-2 .orders-detail {
  /* max-width: 125px; */
}

.cancel-order-card {
  max-width: 80%;
  width: 100%;
}

.cancel-order {
  padding: 52px 37px 37px 37px;
}

.return-order {
  padding: 0px 37px 37px 37px;
}

.cancel-order button {
  max-width: 274px;
  width: 100%;
}

.cancel-order label {
  color: #000;
  font-size: 14px;
  font-family: Poppins;
  font-weight: 500;
}

.cancel-order input {
  outline: none;
  padding-inline: 10px;
  max-width: 643px;
  max-height: 40px;
  border-radius: 5px;
  background: rgba(217, 217, 217, 0.6);
}

.cancel-order textarea {
  max-width: 643px;
  max-height: 146px;
  border-radius: 5px;
  outline: none;
  padding-inline: 10px;

  background: rgba(217, 217, 217, 0.6);
}

.cancel-order .item-detail {
  color: #000;
  font-size: 14px;
  font-family: Poppins;
  font-weight: 500;
  text-transform: uppercase;
}

.cancel-order-card {
  border-radius: 5px !important;
}

.cancel-order-card .card-header {
  background: #dcd1c2 !important;
  color: #000;
  font-size: 14px;
  font-family: Poppins;
  font-weight: 700;
  padding: 17px 37px 9px 37px;
}

.cancel-order-popup .modal-content {
  border-radius: 10px;
  /* background: #fff5e7 !important; */
  background: white;
  max-width: 449px;
  min-height: 262px;
}

.cancel-order-popup .cancel-order-popup-body .return-title {
  color: #262626;
  font-size: 15px;
  font-family: "Sora",sans-serif;
  font-weight: 600;
  margin-bottom: 37px;
}

.cancel-order-popup .cancel-order-popup-body .cancel-content {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-size: 14px;
  font-family: Poppins;
  margin-bottom: 44px;
}

.cancel-order-popup .cancel-order-popup-body .cancel-content-footer {
  gap: 25px;
}

.cancel-order-popup .cancel-order-popup-body .cancel-button-no {
  max-width: 159px;
  max-height: 40px;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: #E34061;
  border: none;
  color: white;
  font-size: 14px;
  font-family: "Sora",sans-serif;
  font-weight: 700;
}

.cancel-order-popup .cancel-order-popup-body .cancel-button-yes {
  color: white;
  font-size: 14px;
  font-family: "Sora",sans-serif;
  font-weight: 700;
  max-width: 159px;
  max-height: 40px;

  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: #E34061;
  border: none;
}

.myaddress-edit-icon,
.myaddress-span,
.myaddress-default-span {
  padding-inline: 9px;
}

.track-options {
  cursor: pointer !important;
}

/* .check out */
.address-border {
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  color: rgba(217, 217, 217, 1);
  padding: 15px;
}

.address-border p {
  color: #606060;
  font-size: 15px;
  padding-bottom: 10px;
  font-family: Poppins;
}

.address-component-parent {
  gap: 22px;
  margin-bottom: 22px;
}

.billing-check {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.address-component {
  cursor: pointer;
}

.address-component:hover {
  /* border: 1px solid red;
  border-radius: 5px !important; */
}

.address-component .address-component-title {
  color: #000;
  text-align: center;
  font-size: 18px;
  font-family: Poppins;
  margin-bottom: 18px;
}

.small-btn {
  color: #606060;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 9px;
  font-family: Poppins;
  border-radius: 10px;
  background: rgba(204, 204, 196, 0.38);
  padding: 5px 17px 5px 18px;
  cursor: pointer;
  outline: none;
  border: none;
}

.profile-password {
  position: relative;
  background-color: red;
}

.profile-password .password-image-2 {
  position: absolute;
  cursor: pointer;
  right: 5px;
  top: 11px;
  width: 15px;
  height: 15px;
}

.editprofile-button2 {
  background: #ebebeb !important;
  border-radius: 10px;
  width: 159px;
  height: 40px;
  border: none;
  border-radius: 10px;
  padding: 10px 51px 9px 52px;
  color: rgba(38, 38, 38, 1) !important;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700 !important;
  font-size: 14px;
}

.profile-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.search_category {
  display: flex;
  align-items: center;
  gap: 6px;
}



.products-section {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  padding: 30px 5px 30px 5px;
  /* padding-block: 30px; */
}

.products-section-2 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px;
  /* padding: 30px 5px 0px 5px; */
  padding: 0px 5px 0px 5px;
}

.category-title {
  /* height: 100%; */
}

.category-title h5 {
  padding-block: 12px;
  font-weight: 600;
}


/* 
.main-product:hover .product-footer>div {
  display: flex;
} */

.main-product .product-footer>div {
  /* display: flex; */
  justify-content: space-between;
  align-items: flex-end;
  padding: 0px 0px 0px 8px;
}

.main-product .product-footer-section>div {
  /* display: flex; */
  justify-content: space-between;
  align-items: flex-end;
  padding: 0px 0px 0px 0px;
}

.main-product .price-btn {
  min-width: 101px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: #000;
  color: #fff;
  font-size: 14px;
  font-family: Poppins;
  font-weight: 500;
  padding: 6px;
}

.main-product .product-image img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}

/* .sup-title {
  font-family: 11px !important;
  /* color: red !important; */
/* background-color: red; */
/* text-align: center; */
/* } */

.home-para-subtitle {
  color: rgba(0, 0, 0, 0.66);
  font-size: 16px;
  font-family: Poppins;
  margin-bottom: 49px !important;

  /* font-family: 'Poppins, sans-serif'; */
}

.home-about-para {
  text-align: justify;
  flex: 1 1;
}

.home-about-paras {
  display: flex;
  gap: 150px;
}

.overflow-text {
  color: #000;
  display: flex;
  margin: 0px 0px 0px 0px !important;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 50px;
  font-family: Poppins;
}

.submit-button-group {
  gap: 20px;
}

.myaddress-cancel {
  cursor: pointer;
}

.checkout-shipping-group .form-check {
  display: flex;
  gap: 13px;
  margin-bottom: 16px;
}

.checkout-shipping-group .form-check label {
  color: rgba(0, 0, 0, 0.8);
  font-size: 15px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.coupon-input input {
  /* max-width: 647px; */
  height: 42px;
  border-radius: 5px;
  background: rgba(217, 217, 217, 0.36);
  border: 1px solid rgba(0, 0, 0, 0.5) !important;
  /* outline: none !important; */
}

.coupon-input input::placeholder {
  color: #606060;
  font-size: 12px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  /* outline: 1px solid rgba(0, 0, 0, 0.50); */
  /* box-shadow: none; */
}

.myprofile-cursor {
  cursor: pointer;
}

.myprofile-cursor span {
  color: #000 !important;
  font-size: 12px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}


.text-just {
  text-align: justify;
}

.toggle-header {
  height: 41px !important;
  min-width: 140px;
  box-shadow: none !important;
  border: none !important;
  width: 100% !important;
  /* background-color: transparent !important; */
  background-color: #f1f1f1 !important;
  outline: none !important;
  border-radius: 10px 0px 0px 10px !important;
}

.input-group-text {
  padding: 0px !important;
}

.order-options {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.order-options-child {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* .order-options-child-icon {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
} */

.order-options-child-span {
  color: #000;
  font-size: 12px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.header-select {
  font-size: 14px;
}

.search-here {
  font-size: 14px !important;
}

.new-breadcrumb-item {
  color: rgba(0, 0, 0, 0.66);
  font-size: 12px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-top: 1.5px;
}

.breadcrumb-item+.breadcrumb-item::before {
  padding-right: 6px !important;
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: 2px !important;
}

.new-breadcrum-home {
  padding-right: 3px !important;
}

.copy-rights {
  padding-top: 1.1rem !important;
  padding-bottom: 1.1rem !important;
}

.brand-image-border img{
  border-radius: 8px;
}





.dropdown-toggle-new {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.97);
  padding: 2px 41px 1px 14px;
  color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 87px;
  min-height: 21px;
}

.filter-btns {
  gap: 9px;
}

.new-sort {
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}

.edit-icon {
  cursor: pointer;
}

.cart-empty-para-1 {
  font-size: x-large;
  font-weight: 500;
  color: #5e5e5e;
}

.cart-empty-para-2 {
  text-align: center;
  font-size: 400;
  font-weight: 400;
  color: #5e5e5e;
}

.cart-back-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: none !important;
  outline: none !important;
  background-color: rgb(39, 133, 39) !important;
}

.cart-back-button p {
  display: flex;
  height: 20px;
  width: 20px;
}

.cart-back-button p img {
  height: 100%;
  width: 100%;
  color: white;
}

.cart-empty-img {
  height: 150px;
  width: 150px;
  margin-right: 40px;
}

.cart-empty-img img {
  height: 100%;
  width: 100%;
}

.cart-empty-page {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100% !important;
}

.add-to-compare {
  border-bottom: 1px solid black;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 13px;
}

.search-bar .fa-search {
  cursor: pointer;
}

.video-responsive {
  position: relative;
}

.video-responsive iframe {
  top: 10px;
  left: 0;
  width: 100%;
  height: 450px;
}

/* .product-detailsHead .image-thumb {
  max-width: 200px;
  max-height: 200px;
} */

/* .remove-button-1 {
  background-color: red;
  text-align: end;
  width: 100%;
} */


.category-Piano {
  font-size: 24px;
  font-weight: 700 !important;
  margin-bottom: 23px !important;
  font-family: 'sora' !important;
  color: #3b4357 !important;
}

.home-new-begin-category {
  border: 1px solid #D4D9DF !important;
  border-radius: 8px !important;
  text-align: center !important;
  padding: 18px !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-family: 'Sora', sans-serif !important;
  font-size: 14px ;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
}
.search-padding{
  padding: 10px 0px;

}
.search-here-item{
  border: 1px solid #fff !important;
  font-size: 15px !important;
  font-family: 'Sora' !important;
  font-weight: 400 !important;
  padding-left: 0px !important;
  /* padding-right: 10px !important; */
  display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.search-item-box .form-control:focus{
  box-shadow: unset !important;
}
.search-item-box{
  width: 100%;
 
}
.search-from-item{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.search-names-item {
  font-family: 'Sora';
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  color: #3B4357;
  padding-top: 3px;
  width: 100%;
  max-width: 85px;
}
.image-itembg-slider img{
  object-fit: contain;
}
.add-image-magein {
    margin-left: 29px;
    margin-top: 45px;
}
.product-footer-new{
  /* min-height: 51px; */
}

.checkoutbox-accordion{
  background-color: #231F58;
  padding: 20px 35px;
}

.accordion-checkoutnewbox {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  align-items: center !important;
  /* background-color: violet; */
}

.accordion-checkoutnewbox1 {
  background-color: #66638a !important;
  padding: 5px 15px 5px 15px !important;
  border-radius: 6px !important;

}

.accordion-checkoutnewbox2 {
  background-color: white !important;
  padding: 5px 15px 5px 15px !important;
  border-radius: 6px !important;

}
.accordion-checkout-newbox1text {
  font-family: 'Sora', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 25.2px !important;
  text-align: right !important;
  color: #231F58 !important
}
.accordion-checkoutnewtext {
  color: #fff !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 30.24px !important;
  text-align: right !important;
}
.total-pays-items{
  font-family: 'Sora';
  font-size: 12px;
  font-weight: 400;
  line-height: 15.12px;
  color: #3B4357 ;
}
.addaddress-text:focus{
  box-shadow: unset !important;
}
.addaddress-text:focus {
  box-shadow: unset !important;
}

.reviewcart-title {
  font-family: 'Sora';
  font-size: 20px;
  font-weight: 600;
  line-height: 25.2px;
  color: #3B4357;
  margin-top: 10px;

}

.qty-text-item {
  font-family: 'Sora';
  font-size: 11px;
  font-weight: 400;
  line-height: 15.12px;
  color: #3B4357;
}

.qty-text-item span {
  font-family: 'Sora';
  font-size: 11px;
  font-weight: 700;
  line-height: 15.12px;
  color: #3B4357;
}

.productname-item {
  font-family: 'Sora';
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: #3B4357;

}

.amount-total-item span {
  font-family: 'Sora';
  font-size: 12px;
  font-weight: 400;
  line-height: 15.12px;
  text-align: end;
  color: #3B4357;
}

.amount-total-item {
  font-family: 'Sora';
  font-size: 12px;
  font-weight: 600;
  line-height: 15.12px;
  text-align: end;
  color: #3B4357;
}

.order-summary .MuiDialog-paperScrollPaper {
  margin: 0px !important;
  width: 100%;
  border-radius: 0px;
  padding: 16px;
}

.order-summary .MuiDialog-scrollPaper {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.orders-cancel-sections .order-back {
  padding-top: 20px;
  padding-bottom: 20px;
}

.order-back img {
  width: 7px;
  height: 13px;
  object-fit: contain;
}

.order-back span {
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 400;
  line-height: 20.16px;
  color: #000;
}

.order-back {
  border-bottom: 1px solid #D4D9DF;
}

.cancel-ordertitle {
  font-family: 'Sora';
  font-size: 26px;
  font-weight: 600;
  line-height: 40.32px;
  color: #3B4357;
  margin-top: 10px;
}

.order-list .order-text {
  font-family: 'Sora';
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  color: #3B4357;
}

.myorders-price-item {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 600;
  line-height: 22.68px;
  text-align: left;
  color: #3B4357;
  margin-top: 8px;
}

.myorders-price-item span {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 22.68px;
  text-align: left;
  color: #3B4357;

}

.myorders-quantity-item {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 700;
  line-height: 20.16px;
  color: #3B4357;
  margin-top: 6px;
}

.myorders-quantity-item span {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
  color: #3B4357;
}

.reason-ordertitle {
  font-family: 'Sora';
  font-size: 19px;
  font-weight: 600;
  line-height: 27.72px;
  color: #3B4357;
}

.reason-text-item {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #3B4357;
}

.form-control-plaintext {
  border: 1px solid #818694 !important;
  padding: 10px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 22.4px;
  color: #3B4357 !important;
}

.form-control-plaintext::placeholder {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  color: #3B4357;
}

.new-cart-button-item {
  width: 180px;
  background-color: #E34061 !important;
  border-radius: 44px !important;
  height: 40px;
  color: #fff !important;
  font-family: 'Sora';
  font-size: 18px;
  font-weight: 500;
  line-height: 22.68px;
  text-align: center;
}

.new-cart-button-item:focus {
  box-shadow: unset !important;
}

.category-sections .brand-center-slider{
  background-color: transparent !important;
}
.category-sections .home-brands-box{
  background-color: #fff;
  border: unset !important;
}
.category-sections .slick-prev:before{
  left: 12px !important;
  bottom: 13px !important;

}
.category-sections .slick-next:before{
  right: 6px !important;
  bottom: 13px !important;
}

.form-profile-item .form-switch{
  padding-left: 0px !important;
  display: flex;
  gap: 5px;
}
.form-profile-item .form-check-label{
  font-size: 13px !important;
  font-family: 'Sora' !important;
  font-weight: 400 !important;
  color: #3B4357 !important;
}
.form-profile-item .form-check-input:focus{
  box-shadow: unset !important;
  border-color: #9e9999 !important;
  background-image: url("data: image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8' %3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29' /%3e%3c/svg%3e") !important;
}
.form-profile-item .form-switch .form-check-input:checked{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}

.profile-form-item .form-check-inline{
  padding-left: 0px !important;
  display: flex;
  gap: 5px;
}
.profile-form-item .form-check-input:focus {
  box-shadow: unset !important;
  border-color: #9e9999 !important;
}

.custom_btn{
  border-radius: 44px !important;
  opacity: unset !important;
  background-color: #E34061 !important;
  width: 145px !important;
  height: 44px !important;
  color: white !important;
  font-weight: 600 !important;
  font-family: "Sora", sans-serif !important;
  text-transform: capitalize !important;
  font-size: 14px !important;
  border-color: #E34061 !important;
}
/* .checkout-boxitem input:checked{
  background-color: #E34061 !important;
  border-color: #E34061 !important;
} */

.checkout-boxitem .form-check-box{
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: #3B4357 !important;
}

.MuiAutocomplete-noOptions{
  padding: 0px !important;
  border-radius: 10px !important;
}
.MuiAutocomplete-popper .MuiPaper-elevation{
  border-radius: 0px 0px 32px 32px !important;
}

.dropdown-menu{
  box-shadow: 0 2px 8px 0 rgba(99, 99, 99, .2) !important;
  border: unset !important;
}
.dropdown-item:focus,
.dropdown-item:hover{
  background-color: #F2F6F8 !important;
  font-family: 'Sora';
  font-size: 13px;
  font-weight: 600;
  line-height: 27px;
  color: #3B4357 !important;
}

.error-rightsection{
  height: 90vh;
}

.heading-section-error h5{
  font-size: 150px;
  font-weight: 700;
}

.error-ooops{
  font-size: 20px;
  font-weight: 600;
  color: #000;
  line-height: normal;
}

.error-text{
  font-size: 16px;
  color: #000;
}
.product-title {
  font-size: 16px;
  color: red;
}

.login-page .wrapper {
  background-color: #000;
  height: 94vh;
  display: flex;
  justify-content: center;
}

.card {
  border-radius: 20px !important;
}
.card-body {
  padding: 1rem 1rem 0rem 1rem;
}

.card-header {
  background: none;
  border: none;
}
.card-footer {
  border-radius: 15px;
  background: none;
  border: none;
}

.title{
  font-weight: bold;
}

.bottom-line p {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #000;
  line-height: 0.1em;
  margin: 10px 0 20px;
}

.bottom-line p span {
  background: #fff;
}

.social-login .btn {
  width: 100%;
  font-size: 14px;
  color: #d4d4d4;
  background-color: #424242;
  text-align: center;
}

.title span{
  float: right;
  padding-right: 25px;
}

.MuiOutlinedInput-input{
  border-radius: 10px;
}
.header-banner {
  background-image: url('/images/banner/categorybanner.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 320px;
  margin-top: -74px;
}

.category-section {
  padding: 24px 0px;
}

.category-Piano {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 23px;
  font-family: 'sora';
  color: #3b4357;
}

.category-Pianotype {
  border: 1px solid #d4d9df;
  border-radius: 8px;
  /* padding: 18px 10px !important; */
  width: 100%;
  gap: 10px;
}

.category-text {
  font-size: 15px;
  font-weight: 500;
  font-family: 'sora';
  color: #3b4357;
  text-align: center;
}

.category-Pianotype:active,
.category-Pianotype:focus {
  border: 1px solid #3b4357;
}

.Piano-Beginners {
  background-color: #00968a;
  border: 1px solid #d4d9df;
  padding: 19px 24px;
  border-radius: 12px;
}

.Keyboards-Beginners {
  background-color: #231f58;
  border: 1px solid #d4d9df;
  padding: 19px 24px;
  border-radius: 12px;
}

.Portable-keyboards {
  background-color: #e34061;
  border: 1px solid #d4d9df;
  padding: 19px 24px;
  border-radius: 12px;
}

.Musical-Keyboards {
  background-color: #f28ba9;
  border: 1px solid #d4d9df;
  padding: 19px 24px;
  border-radius: 12px;
}

.live-musical {
  background-color: #512a96;
  border: 1px solid #d4d9df;
  padding: 19px 24px;
  border-radius: 12px;
}

.KeyboardsPortable {
  background-color: #6b1579;
  border: 1px solid #d4d9df;
  padding: 19px 24px;
  border-radius: 12px;
}

.top_brands {
  padding: 15px 0px;
  background-color: #f2f6f8;
}

.brands-box {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  padding: 28px 0px 12px 0px;
  /* margin: 3px; */
}

.brands-box .brands-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.brands-box img {
  width: 120px;
  height: 26px;
  margin-bottom: 20px;
}

.brands-text p {
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 400;
  line-height: 15.52px;
  text-align: center;
}

/* home new */
.home-topsection {
  padding-top: 20px;
}

/* .homenew-text {
  font-size: 25px !important;
  font-family: 'sora' !important;
  font-weight: 500 !important;
  line-height: normal;
  color: #00968a;
}
.homenew-music {
  font-size: 37px !important;
  font-family: 'sora' !important;
  font-weight: 700 !important;
  color: #00968a;
  margin-top: -10px !important;
} */
.vector-img img {
  width: 40px;
  height: 33px;
}

.guitars-img img {
  width: 85px;
}

.guitars-imgbg img {
  width: 85px;
}

.guitars-imgservice img {
  width: 77px;
}

.home-brands-box img {
  object-fit: contain;
}

/* responsive */
@media screen and (max-width: 599px) {
  .text-tag {
    font-size: 16px !important;
    text-align: center;
    margin-bottom: 10px;
  }

  .music-store-text {
    font-size: 12px;
  }

  .top_seller_title {
    font-size: 16px;
    text-align: center;
  }

  .main-product {
    border-radius: 8px;
  }

  .premium_musical_title {
    font-size: 16px;
    text-align: center;
  }

  .home-brands-box {
    width: 100%;
  }

  .guitar-text {
    font-size: 10px !important;
    font-weight: 400;
    font-family: 'Sora', sans-serif;
    text-align: center;
    color: #3B4357;
    width: 100% !important;
  }

  .login .MuiDialog-paperScrollPaper {
    margin: 0px !important;
    width: 100%;
    border-radius: 24px 24px 0px 0px;
  }

  .login .MuiDialog-scrollPaper {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }

  .guitars-text {
    font-size: 12px !important;
  }

  .guitars-imgbg img {
    width: 84px !important;
  }

  .homenew-text-service-mobile {
    font-size: 13px !important;
  }

  .homenew-music-service-mobile {
    font-size: 21px !important;
  }

  .guitars-imgservice img {
    width: 78px;
  }

  .homenew-text {
    font-size: 18px !important;
    font-family: 'sora' !important;
    font-weight: 500 !important;
    line-height: normal;
    color: #00968a;
  }

  .homenew-music {
    font-size: 27px !important;
    font-family: 'sora' !important;
    font-weight: 700 !important;
    color: #00968a;
    margin-top: -10px !important;
  }
}

@media (min-width: 600px) and (max-width: 899px) {
  .text-tag {
    font-size: 20px !important;
    text-align: center;
    margin-bottom: 10px;
  }

  .top_seller_title {
    font-size: 20px;
    text-align: center;
  }

  .main-product {
    border-radius: 8px;
  }

  .premium_musical_title {
    font-size: 20px;
    text-align: center;
  }

  .home-brands-box {
    width: 100%;
  }

  .guitar-text {
    font-size: 12px !important;
    font-weight: 400;
    font-family: 'Sora', sans-serif;
    text-align: center;
    color: #3B4357;
    width: 100% !important;
  }

  .login .MuiDialog-paperScrollPaper {
    margin: 0px !important;
    width: 100%;
    border-radius: 24px 24px 0px 0px;
  }

  .login .MuiDialog-scrollPaper {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }

  .guitars-imgbg img {
    width: 79px !important;
  }

  .guitars-text {
    font-size: 13px !important;
  }

  .homenew-text-service-mobile {
    font-size: 15px !important;
  }

  .homenew-music-service-mobile {
    font-size: 23px !important;
  }

  .guitars-imgservice img {
    width: 72px;
  }
}

@media (min-width: 900px) and (max-width: 1200px) {
  .text-tag {
    font-size: 20px !important;
  }

  .guitar-text {
    font-size: 12px !important;
    font-weight: 400;
    font-family: 'Sora', sans-serif;
    text-align: center;
    color: #3B4357;
    width: 100% !important;
  }


}

@media (min-width: 900px) and (max-width: 1091px) {
  .guitars-imgbg img {
    width: 66px !important;
  }

  .guitars-text {
    font-size: 11px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1349px) {
  .guitars-imgbg img {
    width: 73px !important;
  }

  .guitars-text {
    font-size: 12px !important;
  }

  .guitars-imgservice img {
    width: 63px;
  }
}


.guitars-text {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Sora', sans-serif;
  text-align: center;
  color: #3B4357;
}

.guitar-text {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Sora', sans-serif;
  text-align: center;
  color: #3B4357;
  width: 140px;
  max-width: 132px;
  margin-top: 7px;
}

.guitars-img {
  display: flex;
  justify-content: center;
}



/* blackfriday start */

.flyer-image {
  margin-block: 10px;
}

.black-friday {
  padding-block: 40px !important;
  
}

.black-friday h2 {
  text-align : center;
  /* color: #fff; */
  font-family: Sora;
  font-weight: 700;
  font-size: 23px;
  line-height: 25.22px;
}

.black-friday .custom-dot {
  width: 17px;
  height: 3px;
  border-radius: 10px;
  background: #ccc;
  cursor: pointer;
  margin: 0 5px;
  /* transition: background 0.3s; */
}

.black-friday .slick-dots li.slick-active .custom-dot {
  background: #000;
}

.black-friday .slider-parent .black-friday-slider {
  background-color: #fff;
  border-radius: 8px;
}

.black-friday .slider-parent .slick-slider .slick-dots {
  width: 100% !important;
}

.black-friday .slider-parent .slick-slider .slick-dots li {
  margin: 0 1px !important;
  /* padding-top: 10px !important; */
  display :content; 
}

.home-border-remove .main-product:hover {
    outline : none !important;
}

@media only screen and (max-width: 600px) {

  .black-friday h2 {
    font-size: 17px;
    /* color: white; */
    /* text-align: center; */
  }

  .black-friday .main-product {
    width : 157px !important;
  }

  .black-friday {
    /* background-image: none !important; */
    padding-block: 20px !important;
  }
  .black-friday .slick-track {
    padding-block: 20px !important;
  }
}

/* blackfriday end */
* {
  box-sizing: border-box;
  padding: 0;
  scrollbar-width: thin;
  margin: 0;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.hide-scroll::-webkit-scrollbar {
  display: 'none';
}

::-webkit-scrollbar-track {
  margin-block: 5px;
  margin-inline: 5px;
}

::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
  border-radius: 100vw;
}

@media (prefers-color-scheme: dark) {
  html {
    color-scheme: dark;
  }
}

body {
  background: #fff;
  margin: 0px;
  font-family: 'Sora', sans-serif !important;
  color: #9e9999;
  letter-spacing: 0em;
  font-family: Poppins;
  font-weight: normal;
  font-size: 14px;
}

header,
section {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: auto;
}

p {
  margin: 0px;
}

hr {
  clear: both;
  border-top: solid #e4e4e4;
  border-width: 1px 0 0;
  margin: 30px 0;
  height: 0;
}

hr.hr--small {
  margin: 15px 0;
}

hr.hr--clear {
  border-top-color: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1a1a1a;
  font-family: Poppins;
  font-weight: normal;
  letter-spacing: 0em;
  margin: 0 0 15px;
  line-height: 1.1;
  text-decoration: none;
  font-weight: inherit;
}

p {
  margin: 0;
  color: rgba(0, 0, 0, 0.5);
}

em {
  font-style: italic;
}

b,
strong {
  font-weight: bold;
}

a {
  text-decoration: unset !important;
}

small {
  font-size: 0.9em;
}

.border-bottom {
  border-color: rgba(255, 255, 255, 0.1);
}

.breadcrumbs {
  padding-top: 20px !important;
}

.breadcrumbs a {
  text-decoration: none;
  color: #353535;
}

.breadcrumbs-singleView {
  /* padding-top: 20px !important; */
}

.breadcrumbs-singleView a {
  text-decoration: none;
  color: #353535;
}

.breadcrumbs-singleView a {
  font-size: 12px;
  font-weight: 400;
  line-height: 17.64px;
  color: #818694;
}

.top-bar,
.top-bar-new {
  background-color: black;
  color: #fff;
  text-align: center;
  display: flex;
  min-height: 35px;
  padding: 7px;
}

.top-bar p,
.top-bar-new p {
  color: #fff;
  font-size: 12px;
}

.header-bar {
  margin: 0px;
  padding: 10px 0px 5px 0px;
}

.top-bar1 .logo img {
  width: 135px;
  height: 50px;
  float: left;
}

.top-bar1 .search-bar {
  margin-left: 45px;
}

.top-bar1 .search-bar input {
  border: 1px solid rgba(212, 217, 223, 0.5) !important;
}

.top-bar1 .search-bar input:focus {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
  border: none !important;
  background: white !important;
  border-radius: 20px 20px 0px 0px;
}

ul#search-container {
  max-height: 350px !important;
  overflow-y: scroll;
  position: relative;
  z-index: 99;
}

.top-bar .search-bar input.form-control,
.top-bar-new .search-bar input.form-control {
  background-color: #d9d9d95c;
  border: 1px solid #d9d9d95c !important;
  border-radius: 7px;
}

.top-bar1 .icon-group {
  width: auto;
  float: right;
}

.top-bar1 .icon-group ul {
  margin: 0 !important;
}

.cart-count-badage {
  position: absolute;
  background-color: rgba(227, 64, 97, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  min-height: 25px;
  min-width: 25px;
  mix-blend-mode: normal;
  font-size: 8px;
  color: #fff;
  top: -12px;
  right: -12px;
  padding: 2px;
}

.shopping-cart-image-portion {
  height: 25px;
  width: 25px;
}

.cart-count-badage a {
  color: #fff;
}

.top-bar1 .icon-group ul {
  list-style: none;
  display: flex !important;
  gap: 25px;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}

.top-bar1 .icon-group ul li {
  cursor: pointer;
}

.top-bar1 .icon {
  width: 25px;
  height: 25px;
}

.top-bar1 i {
  color: #000;
  font-size: 15px;
  text-align: center;
  border-radius: 25px;
  padding: 5px;
}

.top-menu ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.top-menu ul li {
  display: block;
  float: left;
  padding: 0px 15px;
}

.top-item .fa {
  font-size: 21px;
  padding: 4px;
}

.top-item {
  object-fit: contain !important;
  width: 25px;
  height: 25px;
}

.top-item img {
  object-fit: contain !important;
  height: 100%;
  width: 100%;
}

.top-item p {
  margin-top: 2px;
}

.top-nav ul {
  list-style: none;
}

.top-nav .navbar-nav a {
  padding: 7px 3px 7px 0px;
  text-decoration: none;
  color: white !important;
  font-size: 13px;
  white-space: nowrap;
  font-weight: 500;
}

.top-nav .navbar-nav a.active {
  border-bottom: 3px solid #000;
}

.parent ul.dropdown {
  padding: 0px;
  display: none;
}

.top-nav a.parent:hover {
  padding-bottom: 5px;
}

.parent:hover ul.dropdown {
  margin: auto;
  margin-top: 10px;
  display: block;
  position: absolute;
  z-index: 9999;
  background: black;
  padding: 0px;
  transition: all 0.5s ease;
}

ul.dropdown li:hover {
  padding: 4px 10px;
  border-top: 1px solid #d4d4d4;
  transition: all;
  border-bottom: 1px solid #d4d4d4;
}

a.parent:last-child:hover ul.dropdown {
  right: 0;
  position: absolute;
}

ul.dropdown li {
  padding: 5px 10px;
}

.home-slider {
  background-color: #f4f4f4;
  text-align: center;
}

.latest-arrival {
  color: #fff;
}

.alter-native div.text-center:nth-child(even) {
  padding-top: 70px !important;
}

.product-thumb p {
  font-size: 14px;
  font-weight: 400;
}

.product-thumb a {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-decoration: none;
}

.product-thumb .title {
  min-height: 30px;
  padding: 0px 5px;
}

#top-collection {
  margin: 0px;
  padding: 15px 0px 15px 0;
}

#top-collection h5 {
  font-size: 16px;
}

#top-collection .product-thumb {
  border: 2px solid transparent;
}

#top-collection .product-thumb:hover {
  border: 2px solid #fff;
}

#top-collection .product-thumb .explore {
  height: 22px;
}

#top-collection .product-thumb .explore a {
  display: none;
  width: 100%;
  height: auto;
  background: #fff;
  color: #000;
  border: 3px solid #000;
}

#top-collection .product-thumb:hover .explore a {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
  color: #000;
  border: 1px solid #fff;
}

.product-thumb .product-image {
  height: 172px;
  display: flex;
  justify-content: center;
}

.product-thumb .product-image img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}

.tools {
  padding-top: 5px;
}

.tools .price {
  font-size: 14px;
}

.product-thumb .footer {
  background: none;
}

.fast-selling a {
  color: #000;
  text-decoration: unset;
}

.brands .fast-selling .product-wrapper {
  width: 100%;
  background: none;
  min-height: 350px;
  height: 100%;
}

.latest-arrival p.title,
.fast-selling p.title {
  font-size: 22px;
  font-weight: bold;
}

.latest-arrival p.sup-title,
.fast-selling p.sup-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  margin: 10px 0px;
}

.fast-selling .product-wrapper {
  width: 100%;
  background: none;
  min-height: 320px;
  height: 100%;
}

.fast-selling .product-thumb,
.compare-product .product-thumb {
  height: auto;
}

.fast-selling .product-thumb:hover,
.compare-product .product-thumb:hover {
  border: 2px solid #858585;
}

.fast-selling .product-thumb:hover {
  width: 100%;
}

.fast-selling .product-thumb .footer,
.compare-product .product-thumb .footer {
  margin: 15px 0px 10px 0px;
  display: none;
}

.fast-selling .product-thumb .footer p,
.compare-product .product-thumb .footer {
  width: 45%;
  float: left;
  padding: 0px 2px;
}

.fast-selling .product-thumb:hover .footer,
.compare-product .product-thumb:hover .footer {
  display: block;
}

.product-thumb img {
  width: 100%;
}

.related-product .product-image img {
  max-width: 150px;
  height: auto;
  overflow: hidden;
}

.product-thumb .cart-icon {
  color: #000;
  border: 1px solid #000;
  border-radius: 25px;
  text-align: center;
  padding: 7px 10px;
}

.parallax {
  background-image: url('/images/parallax-bg.png');
  min-height: 400px;
  display: flex;
  align-items: center;
}

.parallax2 {
  background-image: url('/images/parallax-bg2.png');
  height: auto;
  padding-bottom: 10px;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-img {
  width: 100%;
  background-image: url('/images/piano.jpg');
  min-height: 670px;
  height: 100%;
  background-size: 100% 100%;
}

.bg-img1 {
  width: 100%;
  background-image: url('/images/guitar.png');
  min-height: 670px;
  height: 100%;
  background-size: 100% 100%;
}

.home-cateogy-widget {
  border-bottom: 1px solid #ececec;
  min-height: 450px !important;
  height: 100%;
}

.home-cateogy-widget .product-wrapper {
  width: 100%;
  background: none;
  min-height: 300px;
  height: 100%;
}

.home-cateogy-widget .product-thumb {
  height: auto;
}

.home-cateogy-widget .product-thumb:hover {
  border: 2px solid #858585;
}

.home-cateogy-widget .product-thumb:hover {
  width: 100%;
}

.home-cateogy-widget .product-thumb .footer {
  margin: 15px 0px 10px 0px;
  display: none;
}

.home-cateogy-widget .product-thumb .footer p {
  width: 45%;
  float: left;
  padding: 0px 2px;
}

.home-cateogy-widget .product-thumb:hover .footer {
  display: block;
}

.sub-categories ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.sub-categories ul li {
  display: inline-block;
  padding: 10px 20px;
  margin: 5px 10px 10px 0px;
  border: 1px solid #222222;
  color: #515151;
  border-radius: 10px;
  cursor: pointer;
}

.sub-categories ul li:hover {
  background-color: #000;
  color: #fff;
}

.product-list .toolbar {
  background: rgba(0, 0, 0, 0.66);
  color: #b60d0d;
  margin: 10px 0px;
}

.product-grid {
  padding: 0px;
  margin: 0px;
}

.product-grid a {
  text-decoration: none;
  color: #000;
}

.sidebar .filter-box {
  margin: 0px;
  padding: 0px;
  color: #000;
  display: block;
}

.sidebar .filter-box .form-check {
  padding-left: 0px !important;
}

.product-grid .product-wrapper {
  width: 100%;
  background: none;
  min-height: 320px;
  height: 100%;
}

.product-grid .product-thumb {
  height: auto;
}

.product-grid .product-thumb:hover {
  border: 1px solid #858585;
}

.product-grid .product-thumb:hover {
  width: 100%;
}

.product-grid .product-thumb .footer {
  margin: 15px 0px 10px 0px;
  display: none;
}

.product-grid .product-thumb .footer p {
  width: 45%;
  float: left;
  padding: 0px 2px;
}

.product-grid .product-thumb:hover .footer {
  display: block;
}

/* ========================Product Detail======================== */

.product-detail {
  height: 100%;
}

.quantity {
  width: auto;
  margin: 0px;
}

.quantity .value-button {
  display: inline-block;
  border: 1px solid #ddd;
  margin-top: -2px;
  width: 75px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  padding: 11px 0;
  background: #eee;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.quantity .value-button:hover {
  cursor: pointer;
}

.quantity #decrease {
  margin-right: -4px;
  border-radius: 8px 0 0 8px;
}

.quantity .input-box {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0px 0px;
  padding: 10px;
  width: 50px;
  height: 50px;
  background-color: #fff;
}

.quantity #increase {
  margin-left: -4px;
  border-radius: 0 8px 8px 0;
}

.quantity #input-wrap {
  margin: 0px;
  padding: 0px;
}

.quantity input#number {
  text-align: center;
  border: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0px 0px;
  padding: 0px 0px;
  width: 50px;
  height: 50px;
}

.quantity input[type='number']::-webkit-inner-spin-button,
.quantity input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.new-cart-button {
  margin-bottom: 15px;
}

.product-detail .stock {
  font-weight: bold;
  color: #0000009c;
}

.product-detail .price {
  color: #000;
}

.quantity p {
  color: #000;
}

.ratings i {
  color: #cecece;
  font-size: 24px;
}

.rating-color {
  color: #060606 !important;
}

.review-count {
  margin: 10px 20px;
}

.product-detail .sale-price {
  font-size: 20px;
}

.product-detail .mrp-price {
  font-size: 16px;
  text-decoration: line-through;
  color: #000000a8;
}

/* Footer */
.footer {
  margin: 0px;
  padding: 0px;
  color: #fff;
  background-color: #000000a8;
}

.footer ul.list-group {
  list-style: none;
  display: block;
  font-size: 14px;
  background-color: none !important;
  color: var(--white-color);
  --bs-list-group-color: var(--white-color);
  --bs-list-group-bg: none !important;
}

.footer li.list-group-item {
  background-color: unset;
  border: unset;
  color: #fff;
}

/* check-out */

.check-out {
  font-family: Poppins;
}

.check-out hr {
  border-top: 1px solid #e4e4e4;
  border-width: 1px 0 0;
  margin: 0px 0;
  height: 0;
  opacity: 100%;
}

.check-out .order-summer-img,
.order-summer-img-ne {
  height: 134px;
  width: 167px;
  margin-right: 10px;
  border: 1px solid lightgray;
}

.check-out .order-summer-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.check-out .custom_btn {
  background-color: #c9ffac;
  color: black;
  font-weight: 700;
  outline: none;
  border: none;
  width: auto;
  height: 40px;
  font-size: 16px;
  border-radius: 10px;
}

.check-out .stepper {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  width: 70%;
}

.check-out .stepper-1.active,
.check-out .stepper-2.active,
.check-out.stepper-3.active {
  color: #000;
  font-weight: 600;

  white-space: nowrap;
}

.check-out .stepper-1 {
  color: #000;
  white-space: nowrap;
  font-size: 15px;
}

.check-out .stepper-2,
.check-out .stepper-3 {
  color: rgba(0, 0, 0, 0.61);
  font-size: 12px;
  white-space: nowrap;
}

.check-out .shipping-total {
  font-size: 16px;
  font-weight: 600;
}

.check-out .shipping-title {
  padding-top: 17px;
}

.shipping-title-new-1 {
  padding-top: 0px !important;
}

.check-out .order-title,
.check-out .shipping-title {
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.check-out .total {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  padding-top: 24.5px;
}

.check-out .shipping-sub-content-total {
  font-size: 14px;
  font-weight: 400;
  color: #262626;
}

.check-out .product {
  font-weight: 400;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #000;
}

.check-out .product .product-name {
  font-size: 18px;
  color: #000;
}

.check-out .product .selling-price {
  font-size: 12px;
  color: #000;
  font-weight: 400;
}

.check-out .product .money {
  font-weight: 700;
  font-size: 14px;
}

.check-out .product .offer {
  font-size: 12px;
  font-weight: 500;
  color: #000000a8;
}

.check-out .quantity {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 500;
}

.check-out .quantity-section {
  height: 28px;
  width: 84px;
  display: flex;
  border-radius: 8.7px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.8);
  background-color: #dcd1c2;
  align-items: center;
  justify-content: space-between;
}

.check-out .quanty-icon-1 {
  cursor: pointer;
  padding: 2px;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  border: 1px solid rgba(197, 188, 173, 1);
  border-right: 0px;
  border-radius: 8.7px 0px 0px 8.7px;
}

.check-out .quanty-icon-2 {
  cursor: pointer;
  width: 28px;
  display: flex;
  border-radius: 0px;
  align-items: center;
  justify-content: center;
  padding: 2px;
  height: 28px;
  border: 1px solid rgba(197, 188, 173, 1);
}

.check-out .quanty-icon-3 {
  cursor: pointer;
  padding: 2px;
  width: 28px;
  border: 1px solid #81818180;

  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  border-left: 0px;
  border-radius: 0px 8.7px 8.7px 0px;
}

.check-out .cart-return {
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 10px;
  cursor: pointer;
  font-weight: 400;
  margin-bottom: 15px;
}

.check-out .remove-button {
  height: 19px;
  border-radius: 10px;
  background-color: #ccccc461;
  font-size: 9px;
  font-weight: 400;
  border: none;
  outline: none;
  padding: 3px 17px 5.65px 18px;
}

.check-out .breadcrumb-item {
  font-size: 12px;
  font-weight: 500;
  text-align: left;
}

.check-out .breadcrumb-item a {
  color: #000000a8;
  text-decoration: none;
}

.check-out .shipping-sub-content {
  font-size: 16px;
  font-weight: 400;
  color: #262626;
}

.check-out .shipping-sub-content-two,
.check-out .shipping-sub-content-one {
  padding: 16px 0px 14px 0px;
}

.check-out .collapse-arrow {
  display: flex;
  align-items: flex-end;
  height: 15px;
  width: 15px;
  border-radius: 0px;
}

.check-out .form-check-box {
  font-size: 14px;
  font-weight: 400;
}

/* check-out */

/* cart page */
.cart .card_12 {
  box-sizing: border-box;
  display: flex;
  min-height: 184px;
  border-radius: 5px;
  background: linear-gradient(0deg, #ccccc4, #ccccc4),
    linear-gradient(0deg, rgba(217, 217, 217, 0.75), rgba(217, 217, 217, 0.75));
  border: 1px solid #ccccc4;
}

.cart .image-cart {
  height: 145px;
  width: 135px;
}

.cart hr {
  border: 2px solid #000;
  border-width: 1px 0 0;
  margin: 0px 0;
  height: 0;
}

.cart .button1 {
  background: #fed580;
  border-color: #fed580;
  outline: none;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  font-size: 16px;
  padding: 8px 12px 8px 13px;
}

.cart .button2 {
  background-color: #c9ffac;
  color: black;
  font-weight: 700;
  outline: none;
  border: none;
  min-width: 159px;
  height: 40px;
  font-size: 16px;
  border-radius: 10px;
  padding: 8px 36px 8px 37px;
}

.cart .remove-button {
  height: 19px;
  border-radius: 10px;
  background-color: #ffffff;
  color: #606060;
  font-size: 9px;
  font-weight: 400;
  border: none;
  outline: none;
}

.mrp-cart {
  text-decoration: line-through;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
  color: rgba(0, 0, 0, 0.66);
}

.cart .proddetails {
  font-family: 'Poppins';
  font-style: normal;
}

.cart .prodname,
.prodname-new {
  font-weight: 400;
  font-size: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: Poppins;
}

.cart .price {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  padding-bottom: 1px;
  line-height: 18px;
}

.cart .amount,
.amount-new {
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  text-align: justify;
  color: rgba(0, 0, 0, 0.61);
  padding-bottom: 5px;
}

.cart .quantity {
  font-family: Poppins;
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-500);
  color: rgba(0, 0, 0, 0.75);
}

.quanity-1 {
  padding-block: 15px;
}

.cart .quantity-section {
  height: 28px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 39px;
  border-radius: 20px !important;
}

.cart .quanty-icon-1 {
  cursor: pointer;
  height: 100%;
  padding: 2px;
  width: 28px;
  display: flex;
  color: rgba(0, 0, 0, 0.5);
  border-radius: 5px 0px 0px 5px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(184 184 184);
  background-color: rgb(245 245 245);
}

.cart .quanty-icon-2 {
  cursor: pointer;
  height: 100%;
  padding: 2px;
  width: 28px;
  color: rgba(0, 0, 0, 0.5);
  display: flex;
  border-radius: 0px;
  border-left: 0px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(184 184 184);
  background-color: rgb(245 245 245);
}

.cart .quanty-icon-3 {
  cursor: pointer;
  height: 100%;
  padding: 2px;
  width: 28px;
  color: rgba(0, 0, 0, 0.5);
  border-left: 0px;
  border-radius: 0px 5px 5px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(184 184 184);
  background-color: rgb(245 245 245);
}

.cart .shipping {
  color: #000000;
  font-weight: 400;
  font-size: 18px;
  padding-bottom: 23px;
}

.cart .subtotal {
  color: #262626;
  font-weight: 400;
  font-size: 16px;
  padding-top: 22px;
}

.cart .subtotal-tax {
  color: #262626;
  font-weight: 400;
  font-size: 16px;
  padding-top: 24px;
  padding-bottom: 20.5px;
}

.cart .total {
  color: #262626;
  font-weight: 600;
  font-size: 16px;
  padding-top: 24.5px;
}

.cart .total-amount1 {
  font-weight: 400;
  font-size: 14px;
  color: #262626;
  padding-top: 24.5px;
  padding-right: 15px;
}

.cart .total-amount {
  font-weight: 400;
  font-size: 14px;
  color: #262626;
  padding-top: 24px;
  padding-right: 15px;
}

.cart .total-amount-tax {
  font-weight: 400;
  font-size: 14px;
  color: #262626;
  padding-top: 24px;
  padding-bottom: 20.5px;
  padding-right: 15px;
}

.cart .cart-total {
  padding-bottom: 24px;
}

.cart .breadcrumb-item {
  font-size: 12px;
  font-weight: 500;
  text-align: left;
}

.cart .breadcrumb-item a {
  color: #000000a8;
  text-decoration: none;
}

.cart-shipping {
  padding-right: 60px;
}

.product-detailsHead .brands-img {
  object-fit: contain;
}

.table-td-line {
  border-color: unset !important;
}

@media only screen and (max-width: 450px) {
  .otp-box input {
    font-size: 12px;
  }

  .new-scroll-text {
    font-size: 10px !important;
  }

  /* Pixels code */

  .new-respo .main-product .product-image-new img,
  .new-respo .main-product-img .product-image-new img {
    object-fit: contain !important;
    width: 100% !important;
    height: 120px !important;
  }

  /* Pixels code */

  .new-respo .main-product .price-btn {
    padding: 1px 4px !important;
    font-size: 10px;
    min-width: 40px;
    height: unset;
  }
}

.status-flex {
  flex-direction: column !important;
}

@media only screen and (max-width: 500px) {
  .status-flex {
    flex-direction: row !important;
    gap: 5px !important;
  }
}

.new-flex i {
  height: 10px;
  width: 12px;
  font-size: 11px;
  padding-left: 1.9px;
}

.new-flex-new {
  align-items: center;
}

@media only screen and (max-width: 770px) {
  .myorders-prodname-new-pexel {
    max-width: 151px !important;
    min-width: 151px !important;
  }

  .new-flex {
    max-width: 50%;
  }

  .search-here {
    /* border-radius: 10px 0 0 10px !important; */
    /* border-right: 0px !important; */
  }

  .my-address-2 {
    font-size: 11px !important;
  }

  #top-collection {
    padding: 0px 0px 0px 0px;
  }

  .home-top-collection-product-thumb {
    gap: 0px !important;
    margin: 4px !important;
  }

  .new-flex {
    flex: 1 2 auto !important;
    display: flex;
    align-items: center;
  }

  .myorders-transit {
    margin-bottom: 0px !important;
    font-weight: 500 !important;
  }

  .order-img-new1 {
    max-height: 140px !important;
    max-width: 160px !important;
  }

  .order-img {
    width: unset !important;
  }

  .my-ordersnew {
    padding: 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .myorders-prodname-new {
    font-size: 16px !important;
  }

  .myorders-quantity {
    text-align: start !important;
  }

  .myorders-price-new {
    font-size: 12px !important;
  }

  .myaddress-span {
    flex: 1 1;
  }

  .myaddress-edit-icon,
  .myaddress-span,
  .myaddress-default-span {
    padding-inline: 4px;
  }

  .myorders-status,
  .myorders-delivery {
    font-size: 12px !important;
    font-weight: 500 !important;
  }

  .myorders-transit {
    font-size: 12px !important;
  }

  .cart-desktop {
    padding: 15px 12px;
  }

  .top-item {
    width: 35px;
    height: 30px;
  }

  .top-cart-1 {
    width: 33px;
    height: 33px;
  }

  .my-profile-layout .myprofile-para-1 {
    font-size: 14px !important;
    font-weight: 800 !important;
  }

  .my-profile-layout .myprofile-para,
  .myprofile-span {
    font-size: 13px !important;
  }

  .profile-section {
    padding: 20px !important;
  }

  .zsiq_theme1.zsiq_floatmain {
    width: 45px !important;
  }

  .parallax-title {
    margin-bottom: 10px !important;
  }

  .zsiq_theme1 .zsiq_flt_rel {
    width: 45px !important;
    height: 45px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .zsiq_theme1 .siqicon:before {
    line-height: 45px !important;
    padding: 1px;
    font-size: 20px !important;
  }

  .quanity-1 {
    padding-block: 1px;
  }

  .remove-btn-1 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: end;
  }

  .bg-img1 {
    display: none;
  }

  .bg-img {
    display: none;
  }

  .stepper-new img {
    width: 39px !important;
  }

  .stepper-1 {
    font-size: 11px !important;
  }

  .product-list .toolbar,
  .new-sort {
    font-size: 10px;
  }

  .dropdown-toggle-split {
    padding-left: 0.1px;
    min-width: 65px;
    padding-right: 0.1px;
  }
}

.order-img-new1 img {
  max-width: 140px !important;
  max-height: 140px !important;
}

.order-img-new1 img {
  border: 1px solid lightgray;
}

@media only screen and (max-width: 700px) {
  .home-top-collection-product-thumb {
    flex-direction: column !important;
    width: 98% !important;
  }

  .topcollectionHeader-new {
    max-width: 97% !important;
    margin: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .new-banner-responsive {
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 576px) {
  .my-profile-layout .outlet .outlet-child-2 {
    margin: 0px !important;
  }

  .logo {
    margin-bottom: 10px;
  }

  .cart .proddetails {
    padding: 0px 0px 15px 18px;
  }

  .home-slider {
    height: auto;
  }
}

@media (min-width: 768px) {
  .home-slider {
    height: auto;
  }
}

@media (max-width: 767px) {
  .navbar-nav .dropdown-item {
    padding-left: 0px !important;
  }

  .parallax2-brands-img1 {
    height: 75px !important;
    object-fit: fill;
  }

  .my-profile-layout .menu-bar .menu-bar-item img,
  .my-profile-layout .menu-bar .menu-bar-item i {
    height: 20px !important;
    width: 20px !important;
    font-size: 18px !important;
  }

  .footer-bottom {
    margin-bottom: 60px;
  }

  .paralexGrapCtr {
    align-items: flex-end;
  }

  .dealsContent {
    margin-right: 0px;
    margin-bottom: 0px;
  }

  .categoryBlockPage .bannerSection {
    padding: 0px !important;
  }

  .categoryBlockPage .imageSection {
    padding: 0px !important;
  }
}

/* cart page */

@media (max-width: 1028px) {
  .my-profile-layout .sidebar {
    width: 100% !important;
  }

  .new-sidebar-2 {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .seller-msg {
    margin-right: 0px !important;
  }

  .home-about-paras {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 50px;
  }

  .my-profile-layout .sidebar {
    text-align: center;
    padding: 0 !important;
  }

  .my-profile-layout .sidebar .menu-bar li a {
    padding: 10px 0px 10px 30px;
  }

  .my-profile-layout .sidebar .breadcrumb {
    display: flex;
    text-align: center;
    background: #000;
  }

  .my-profile-layout .sidebar .breadcrumb .breadcrumb-item {
    display: none;
  }

  .my-profile-layout .sidebar li a img {
    display: none;
  }

  .my-profile-layout .menu-bar li > a.active {
    display: flex;
    flex-direction: column;
  }

  .my-profile-layout .menu-bar li > a.active::after {
    content: '';
    width: 100%;
    border: 1px solid black;
  }

  .parallax-title {
    flex: unset;
    display: flex;
    font-size: 40px;
  }

  .parallax-desc {
    font-size: 16px;
    flex: unset;
  }

  .seller-msg .want-seller-heading {
    font-weight: 400;
    font-size: 17px !important;
  }

  .total-pay-item {
    font-family: 'Sora';
    font-size: 12px;
    font-weight: 400;
    line-height: 15.12px;
    color: #3b4357;
  }

  .total-pay-amout {
    font-family: 'Sora';
    font-size: 16px;
    font-weight: 600;
    line-height: 20.16px;
    color: #3b4357;
  }

  .total-pay-amout span {
    font-family: 'Sora';
    font-size: 16px;
    font-weight: 400;
    line-height: 20.16px;
  }

  .parallax2-content {
    width: 100% !important;
    font-size: 20px;
  }

  .addcompare-section,
  .add-to-compare {
    margin-bottom: 20px;
  }
}

/* cart page */

.relatedproductImg {
  border: 1px solid #ccccc4;
}

.realatedProdHead {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #000000;
}
.relatedProdStatic {
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 27px;
  color: #000000;
}
.footerpricestyle {
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.66) !important;
}

/* header banner style */
.headerBannerCtr {
  background: #f7f0e8;
  height: 65vh;
  margin: 0px 12px;
}

.bannerRightSide {
  background: rgba(155, 121, 76, 0.14);
}

.bannerRightSide {
  padding: 0px;
}

.bannerRightSide img {
  height: 65vh;
  width: 100%;
}

.bannerLeftSide {
  position: absolute;
  bottom: 5%;
  width: 35%;
}

.bannerLeftSide div:first-child {
  font-weight: 400;
  font-size: 47px;
  line-height: 67px;
  color: #000000;
}

.bannerLeftSide div:first-child p,
.bannerLeftSide div:first-child h1 {
  font-weight: 700;
  font-size: 47px;
  line-height: 67px;
  color: #000000;
}

.bannerLeftSide div:first-child h1 {
  margin: 0px 0 15px !important;
}

.bannerLeftSide div:nth-child(2) {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}

.knowmoreBtn {
  color: #fff;
  background: #000000;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 159px;
  height: 45px;
  border-radius: 10px;
}

.knowmoreBtn:hover {
  background: #000000;
}

@media only screen and (max-width: 767px) {
  .bannerLeftSide {
    position: unset;
    width: 100%;
  }

  .bannerRightSide img {
    height: 100% !important;
  }

  .headerBannerCtr {
    background: #f7f0e8;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }

  .knowmoreBtn {
    font-size: 14px;
    padding: 10px 15px;
  }

  .privacyPolicyForm {
    margin: auto;
    width: 100% !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bannerLeftSide {
    position: absolute;
    bottom: 5%;
    width: 50%;
  }

  .bannerRightSide img {
    height: 50vh;
  }

  .headerBannerCtr {
    background: #f7f0e8;
    height: 50vh;
  }
}

.privacyPolicyCtr {
  margin: 20px 15px;
}

.privacyContent {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
}

.privacyPolicyForm {
  margin: auto;
  width: 50%;
}

.order-confrim {
  font-size: 18px !important;
  color: #000;
  min-height: 50vh;
}

.order-confrim .fa {
  font-size: 40px;
  color: green;
}

.topcollectionHeader {
  padding-top: 11px;
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  color: #ffffff;
  text-align: center;
}

.fastfeelingBottom a {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.categoryBlockPage .bannerSection,
.categoryBlockPage .imageSection {
  padding-right: 0px;
  padding-left: 0px;
  margin-top: 4px;
}

.fastselling-footer a {
  font-size: 12px !important;
}

.imageSection h5 {
  padding-left: 20px;
}

.dealsContent {
  float: right;
  margin-right: 15%;
  margin-bottom: 40px;
}

.parallax2-brands-img1 {
  height: 150px;
}

.filterDropdown {
  background: rgba(255, 255, 255, 0.97);
  color: rgba(0, 0, 0, 0.4);
  border-radius: 5px !important;
  padding: 0px 25px;
}

.filterDropdown:hover {
  background: rgba(255, 255, 255, 0.97);
  color: rgba(0, 0, 0, 0.4);
}

.filterDropdown:focus {
  background: rgba(255, 255, 255, 0.97);
  color: rgba(0, 0, 0, 0.4);
}

.filterDropdown span {
  margin-right: 10px !important;
}

.privacyPolicyContainer {
  background: #000000;
  color: white;
  padding: 30px;
}

.privacyPolicyContainer .heaingCtr {
  font-size: 28px;
  font-weight: 700;
}

.privacyPolicyContainer .content {
  color: white;
  font-size: 14px;
}

.collectionBackground {
  background: #000000;
  border-radius: 10px !important;
}

.privacypolicyFormCtr {
  background: white;
  padding: 30px;
  color: black;
}

.sendMailBtn {
  background: black;
  border: none;
  font-size: 14px;
  padding: 8px 25px;
}

.sendMailBtn:hover {
  background: black;
  border: none;
}

.sendMailBtn:focus {
  background: black;
  border: none;
}

.sendMailBtn i {
  margin-right: 10px;
}

@media only screen and (max-width: 1200px) {
  .productPageGallery {
    display: block !important;
  }

  .productPageGallery-1 {
    display: none !important;
  }
}

.productPageGallery-1 {
  display: block;
}

.productPageGallery {
  display: none;
}

/* My Profile */

.my-profile-layout {
  font-family: Poppins;
  height: max-content;
  display: flex;
  padding: 0 !important;
  margin: 0 !important;
}

.my-profile-layout .sidebar {
  height: 100%;
  width: 228px;
  padding: 20px 0 0 21px;
}

.my-profile-layout a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.66);
}

.my-profile-layout .breadcrumb-item img {
  height: 15px;
  width: 15px;
}

.my-profile-layout .breadcrumb-item {
  font-size: 12px;
  font-weight: 500;
}

.my-profile-layout .profile-name {
  font-size: 16px;
  font-weight: 600;
  color: rgba(0, 0, 0, 1);
}

.my-profile-layout ul {
  margin: 0px;
  padding: 0px;
}

.my-profile-layout .menu-bar {
  display: flex;
  flex-direction: column;
}

.my-profile-layout .menu-bar li {
  list-style: none;
}

.my-profile-layout .menu-bar li a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 300;
  color: rgba(0, 0, 0, 1);
  padding: 10px 0px 10px 17px;
}

.my-profile-layout .menu-bar li > a.active {
  border-radius: 35px 0px 0px 35px;
}

.active span {
  color: rgba(38, 38, 38, 1);
  font-weight: 500;
  font-size: 14px;
}

.my-profile-layout .menu-bar .menu-bar-item img,
.my-profile-layout .menu-bar .menu-bar-item i {
  font-size: 12px;
  width: 15px;
  height: 15px;
}

/* Outlet */

.my-profile-layout .outlet {
  background-color: #fffbf8;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  position: relative;
  z-index: 0;
  margin-bottom: 40px !important;
}

.my-profile-layout .outlet .outlet-child-1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 200px;
  border-radius: 10px;
  background-color: #fff5e7;
  z-index: -1;
}

.my-profile-layout .outlet .outlet-child-2 {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  color: black;
}

.my-profile-layout .form-floating > .form-control ~ label::after,
.my-profile-layout
  .form-floating
  > .form-control:not(:placeholder-shown)
  ~ label::after {
  background-color: transparent;
}

.my-profile-layout .profile-link {
  float: right;
  text-decoration: underline;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #606060;
  cursor: pointer;
  margin-bottom: 37px;
}

.my-profile-layout .myprofile-top {
  padding-bottom: 15px;
}

.orders-new .myprofile-top {
  padding-inline: 11px !important;
}

.profile-form {
  padding-bottom: 15px;
}

.my-profile-layout .profile-label {
  margin-bottom: 10px;
  color: #3b4357;
  font-family: 'Sora', sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
}

.my-profile-layout .input-label {
  background: #f3f3f3;
  border-radius: 0px;
}

.input-label-new {
  background: white !important;
}

.my-profile-layout .input-label-password {
  margin-bottom: 3px;
  background: #f3f3f3;
  border-radius: 0px;
}

.my-profile-layout .input-label .is-invalid {
  border: 1px solid #f51616 !important;
}

.my-profile-layout .myprofile-para,
.my-profile-layout .myprofile-para-1 {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  color: #000000;
  cursor: pointer;
}

.my-profile-layout .myprofile-para-1 {
  font-weight: 800;
  font-size: 18px;
  cursor: unset;
}

.my-profile-layout .myprofile-para .icon {
  height: 35px;
  width: 35px;
  margin-right: 2px;
  cursor: pointer;
}

.my-profile-layout .myprofile-span {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
}

.profile-form-password {
  position: relative;
}

.password-image {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* Outlet */

/* My Profile */

/* Order list */

.my-profile-layout .orders {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 20px 54px 20px 54px;
}

.my-profile-layout .orders .orders-list {
  display: flex;
  justify-content: center;
  max-width: 1095px;
  gap: 20px;
  width: 100%;

  flex-direction: column;
}

.my-profile-layout .orders .order-list-item {
  height: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0px 0px 0px 28px;
  background-color: rgba(204, 204, 196, 1);
  border-radius: 5px;
}

.my-profile-layout .orders .order-details {
  width: 368px;
  height: 100%;
  border-radius: 5px;
}

.my-profile-layout .orders .order-summer-img {
  height: 118px;
  width: 153px;
}

.my-profile-layout .orders .order-summer-img img {
  height: 100%;
  width: 100%;
}

.my-profile-layout .outlet-child-section {
  width: 80%;
  padding: 40px 0 0 0;
  max-width: 702px;
}

.my-profile-layout .profile-section {
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  height: 100%;
  width: 100%;
  padding: 47px 47px;
}

.my-profile-layout .changepassword-form {
  position: relative;
}

.my-profile-layout .changepassword-image {
  position: absolute;
  right: 12px;
  top: 50%;
}

.my-profile-layout .changepassword-para {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  color: #000000;
}

.my-profile-layout .editprofile-button1 {
  background: #c1fbbe;
  border-radius: 10px;
  min-width: 159px;
  min-height: 40px;
  border: none;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: rgba(38, 38, 38, 1);
}

.my-profile-layout .editprofile-button2 {
  background: #ebebeb;
  border-radius: 10px;
  width: 159px;
  height: 40px;
  border: none;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
}

/* My Address -Add New Address*/
.my-profile-layout .add-address-section {
  background: #ffffff;
  border: 1px solid #d9d9d9;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  max-width: 865px;
  padding: 20px 20px 0 20px;
}

.addnewaddress-span {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  color: #000000;
}

.my-profile-layout .address-section {
  background: #ffffff;
  border: 1px solid #d9d9d9;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 20px 20px 0 20px;
  margin-bottom: 50px;
  width: 720px;
}

.my-profile-layout .myaddress-span {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
}

.my-profile-layout .myaddress-div {
  margin-left: 74px;
}

.my-profile-layout .myaddress-line {
  margin-top: 34.56px;
  margin-bottom: 0px;
  border: 1px solid rgba(0, 0, 0, 0.28);
  transform: rotate(0.04deg);
}

.my-profile-layout .myaddress-home {
  margin-top: 20.5px;
  flex: 1 1;
}

.my-address-2 {
  flex: 1 1;
  color: #000;
  font-size: 12px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.my-address-2-child {
  margin-top: 20px;
}

.my-address-2 div,
.my-address-2 p {
  cursor: pointer;
  color: #000 !important;
}

.my-address-2 label {
  cursor: pointer;
  color: #000 !important;
}

.my-profile-layout .myaddress-usernamer {
  margin-top: 14px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
}

.my-profile-layout .myaddress-details {
  margin-top: 9px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  color: #000000;
}

.my-profile-layout .myaddress-details-location {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  color: #000000;
}

.my-profile-layout .myaddress-edit {
  margin-top: 45.51px;
}

.my-profile-layout .myaddress-edit-icon {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
}

.my-profile-layout .myaddress-span {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
}

.my-profile-layout .myaddress-default-span {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
}

.my-profile-layout .outlet-child-myaddresssection {
  width: 80%;
  padding: 40px 0 0 0;
  max-width: 965px;
}

.my-profile-layout .outlet-child-addaddresssection {
  width: 80%;
  padding: 40px 0 0 0;
  max-width: 865px;
}

.my-profile-layout .myaddress-line-one {
  border: 1px solid rgba(0, 0, 0, 0.28);
  transform: rotate(0.04deg);
}

/* Order list */
/* My address */

.my-profile-layout .address-label-password {
  background: #f3f3f3;
  border-radius: 0px;
}

/* My Orders */
.myorders-firstpart {
  margin-left: 10px;
}

.myorders-secondpart {
  margin-top: 21px;
}

.myorders-track {
  margin-top: 13px;
  margin-left: 164px;
}

.myorders-prodname {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.8);
  padding-bottom: 6px;
}

.myorders-prodname1 {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.8);
  padding-bottom: 6px;
}

.myorders-quantity {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.75);
  padding-bottom: 8px;
}

.myorders-price {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.61);
}

.myorders-status {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}

.myorders-transit {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #eac06a;
  margin-bottom: 15px;
}

.myorders-delivery {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #eac06a;
  margin-bottom: 15px;
}

.myorders-orderplaced {
  font-family: 'Sora', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: center !important;
  color: #3b4357 !important;
  white-space: nowrap;
}

.myorders-date {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
}

/* sidebar */
.my-profile-layout .sidebar-responsive {
  width: 80px;
  text-align: center;
}

.my-profile-layout .sidebar-responsive .menu-bar li a {
  padding: 10px 0px 10px 30px;
}

.my-profile-layout .sidebar-responsive .breadcrumb {
  display: flex;
  text-align: center;
  background: #000;
}

.my-profile-layout .sidebar-responsive .breadcrumb .breadcrumb-item {
  display: none;
}

.my-profile-layout .sidebar-responsive li a span {
  display: none;
}

.order-img {
  height: 130px !important;
  width: 298px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.order-img .img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}

.my-ordersnew {
  padding: 35px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}

.my-profile-layout .sidebar-responsive .breadcrumb .breadcrumb-item {
  display: none;
}

.trackorder {
  display: none;
}

/* side bar */
/* place Order */

.placeorder-paymentmethod {
  margin-top: 25px;
  margin-bottom: 27px;
}

.card_number {
  margin-left: 13px;
}

/* place order */

/* comparison */
.comparison-product {
  border: 2px solid rgba(0, 0, 0, 0.5);
  height: 275px;
}

.comparison-span {
  background: #000000;
  border-radius: 5px;
  padding: 10px 10px 10px 10px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
}

.comparison-cartspan {
  padding-top: 20px;
  padding-left: 7px;
  padding-right: 7px;
}

.comparison-cart {
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  padding: 4px;
}

.comparison-product1 {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
}

.comparison-sort {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
}

.comparison-filter {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
}

.table-head {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  padding: 13px 28px 15px 45px;
}

.comparison-section {
  margin-bottom: 30px;
  overflow: auto;
  max-width: 100%;
  max-height: 500px;
}

.table-firstrow {
  width: 180px;
  background-color: white !important;
  border-width: 1px 1px 1px 0px;
  border-style: solid;
  border-color: #d9d9d9;
  border-left: none;
}

.table-section {
  background: rgba(204, 204, 196, 0.16);
}

.table-comparison {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.61);
}

.table-heading {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

/* comparison */

.otp-box input {
  border: none;
  border-radius: unset;
  border-bottom: 1px solid #000000;
}

.responsive-tab-parent .nav-item button {
  height: 100%;
}

.top-collection a {
  color: inherit;
}

.outlet-child-section .form-control,
.address-section .form-control {
  font-size: 14px !important;
}

.filter-left {
  overflow-y: auto;
  scrollbar-width: none;
}

.filter-left::-webkit-scrollbar {
  display: none;
}

.myaddress-home-icon {
  padding-left: 5px;
}

.place-out-cart {
  padding-right: 0px !important;
}

.reduce-padding {
  padding-right: 0px !important;
}

.product-thumb-new {
  width: 190px;
}

.relatedproductImg {
  width: 190px;
}

.related {
  border: 1px solid white;
  cursor: pointer;
  border-radius: 5px;
}

.related:hover {
  border: 1px solid black;
}

.related-explore {
  background-color: white;
  padding: 5px;
  border-radius: 0px 0px 5px 5px;
}

.related:hover .related-explore {
  background-color: black;
  outline: 1px solid black;
}

.new-product-details {
  height: 755.328px;
  width: 755.328px;
}

.new-product-details img {
  height: 99%;
  width: 100%;
  object-fit: contain;
}

.cart-shoppingcart {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
  color: rgba(0, 0, 0, 0.75);
}

.cart-items {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
  color: rgba(0, 0, 0, 0.75);
}

.remove-cart {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400px;
  padding-left: 10px;
}

.cart-itemspage-shopping {
  margin-top: 36px;
}

.font-cart {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
}

.cart-quantity {
  padding-left: 24px;
}

.cart-price {
  padding-left: 45px;
}

.cart-product {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.remove-btn-1 {
  cursor: pointer;
  padding-bottom: 5px;
}

.bg-imge {
  width: 35px !important;
  height: 35px;
  margin-top: 73px !important;
}

.bg-placeorderHead h3 {
  font-size: 26px;
  font-weight: bold;
  line-height: 39px;
  font-family: 'Poppins', sans-serif;
  margin-top: 17px !important;
}

.placeorderContent p {
  color: rgba(0, 0, 0, 0.75) !important;
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.cg-box {
  background: #f4f4f4;
  display: flex;
  width: 100%;
  padding: 20px 20px;
}

.cg-address p {
  color: #000;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.payment {
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
  color: #000;
}

.date {
  color: #262626;
  font-size: 14px;
  font-weight: 500;
}

.dateid {
  color: #262626;
  font-size: 14px;
  font-weight: 500;
}

.bg-Continue {
  background: #c9ffac !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 24px;
  border: 1px solid #c9ffac !important;
  width: 100%;
}

.placeorderview p {
  color: rgba(0, 0, 0, 0.75) !important;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}

@media screen and (max-width: 370px) {
  .placeorderContent p {
    font-size: 10px;
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 576px) {
  .my-profile-layout .address-section {
    width: 100% !important;
  }
}

@media screen and (max-width: 370px) {
  .bg-placeorderHead h3 {
    font-size: 13px;
    margin-top: 5px;
  }
}

@media screen and (max-width: 370px) {
  .cg-address p {
    font-size: 11px;
    margin-top: 5px;
  }
}

@media screen and (max-width: 370px) {
  .payment {
    font-size: 12px;
  }
}

@media screen and (max-width: 370px) {
  .date,
  .dateid {
    font-size: 8px;
  }
}

@media screen and (max-width: 430px) {
  .placeorderview p {
    font-size: 13px;
  }
}

@media screen and (max-width: 370px) {
  .placeorderview p {
    font-size: 10px;
  }
}

.cart .prodname {
  padding-block: 13px;
}

@media screen and (max-width: 430px) {
  .bg-Continue {
    font-size: 10px !important;
  }
}

.remove-btn-1 {
  cursor: pointer;
  padding-bottom: 5px;
}

.ratings {
  margin-right: 10px;
}

.ratings i {
  color: #cecece;
  font-size: 14px;
}

.rating-color {
  color: #fbc634 !important;
}

.slick-next {
  right: 5px !important;
}

.slick-prev {
  left: 5px !important;
}

.slick-dots {
  display: flex !important;
  width: 90% !important;
  justify-content: center !important;
  padding-top: 10px !important;
  bottom: 0px !important;
  color: white !important;
}

.product-section .slick-dots {
  bottom: unset !important;
}

.home-top-collection-product-thumb {
  padding-right: 0px !important;
}

.home-top-collection-product-thumb .slick-dots li button:before {
  color: white !important;
}

.product-section .slick-next::before,
.fast-selling-thumb .slick-next::before,
.products-section-2 .slick-next::before,
.new-relatedpro .slick-next::before {
  color: black !important;
}

.product-section .slick-prev::before,
.fast-selling-thumb .slick-prev::before,
.products-section-2 .slick-prev::before,
.new-relatedpro .slick-prev::before {
  color: black !important;
}

.product-section .slick-next,
.new-relatedpro .slick-next {
  right: -20px !important;
  height: 50px;
}

.product-section .slick-prev,
.new-relatedpro .slick-prev {
  left: -20px !important;
  height: 50px;
}

.topcollectionHeader-new {
  border-radius: 10px;
}

.new-link {
  text-decoration: underline !important;
}

.myprofile-top-width {
  max-width: 702px;
}

.margin-auto .main-product-new {
  margin-inline: 1.2px;
  /* margin-inline: auto; */
}

@media (min-width: 320px) and (max-width: 767px) {
  .margin-auto .main-product-new {
    margin-inline: auto !important;
  }
  .commonMargin {
    padding-top: 24px !important;
    padding-bottom: 20px !important;
  }
  .main-products-max {
    max-height: 276px !important;
  }
  .main-product {
    /* max-height: 276px !important; */
    min-height: 276px !important;
  }
  .commonMargin1 {
    padding-top: 24px !important;
    padding-bottom: 0px !important;
  }
  .commonMargin-brands {
    padding-bottom: 24px !important;
    padding-top: 32px !important;
  }
  .preminum-mains > img {
    border-radius: 8px;
  }
  .brand-center-slider {
    padding: 16px !important;
  }
  .brand-center-slider-new {
    padding: 16px !important;
  }
  .premium_musical_title {
    margin-left: 16px !important;
  }
  .card-width-new-section {
    max-width: 223px !important;
    min-height: 276px !important;
  }
  
  /* .swiper-button-prev{
      left:-15px !important
  } */
}

.topcollectionHeader-new {
  flex: 1 1;
  max-width: 49.5%;
}

.home-top-collection-product-thumb {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 10px;
  gap: 10px;
}

.editprofile-button1:disabled,
.custom_btn:disabled {
  cursor: not-allowed;
}

.custom_btn:disabled {
  pointer-events: unset;
}

.search-bar-new {
  width: 100%;
}

.search-bar-close {
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  max-width: 40px;
  align-items: center;
  justify-content: center;
}

.search-bar .fa-times {
  font-size: 20px;
  padding-left: 11px;
}

.profile-section-readonly input {
  background-color: white !important;
}

.ratings {
  display: none;
}

.stepper-new img {
  width: -moz-fit-content;
  width: fit-content;
}

.new-edit-padding {
  padding-right: 15px;
}

.outlet-child-section-5 {
  padding-top: 30px !important;
}

.home-search-2 {
  max-width: 40px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.myaddress-line-two {
  border-color: black !important;
}

.keen-slider__slide img {
  padding: 5px;
  object-fit: contain;
}

.myorders-prodname-new {
  min-width: 151px;
  max-width: 151px !important;
  width: 100% !important;
}

.my-order-0 {
  padding: 2rem;
}

.new-track-1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.new-flex {
  display: flex;
}

.new-track-1 img {
  height: 12px;
  width: 12px;
}

/* Pixel code */
main.responsive-bottom-1 {
  padding-top: 108px;
}

main .top-bar-new {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

.faq-container h2 {
  color: #000;
  font-size: 1.2rem;
  margin: 1.8rem 0 1rem 0;
}

details {
  background-color: #303030;
  color: #fff;
  font-size: 1rem;
  border-bottom: 1px solid #aaa;
  border-radius: 5px;
  margin-bottom: 4px;
}

summary {
  padding: 0.5em 1.3rem;
  list-style: none;
  display: flex;
  justify-content: space-between;
  transition: height 1s ease;
}

summary::-webkit-details-marker {
  display: none;
}

summary:after {
  content: '\002B';
}

details[open] summary {
  margin-bottom: 0.5em;
}

details[open] summary:after {
  content: '\00D7';
}

details[open] div {
  border-bottom: 1px solid #aaa;
  padding: 0.5em 1em;
  background-color: #fff;
  color: #000;
}

@media only screen and (max-width: 768px) {
  .top-bar-text {
    font-size: 11.5px;
  }

  .divide img {
    rotate: 90deg;
    width: 60px !important;
    margin-block: 3rem;
    padding-bottom: 0 !important;
    max-width: 90px !important;
  }
}

@media only screen and (max-width: 920px) {
  main.responsive-bottom-1 {
    padding-top: 108px !important;
  }
}

/* Pixel code */

.fade.modal.show {
  z-index: 100000000 !important;
}

.new-modal-body {
  max-height: 422px !important;
  overflow-y: auto !important;
}

.true-store-title {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 5px;
  color: #3b4357;
  font-family: 'Sora';
}

.true-store-para span {
  font-weight: 500;
  color: black;
  text-decoration: underline;
}

.header-select-new {
  text-transform: capitalize;
}

.new-relatedpro {
  margin-top: 50px;
  max-height: 300px;
  overflow-y: hidden;
}

.navbar {
  padding-bottom: 0.4rem !important;
}

.new-scroll-text {
  white-space: nowrap;
  font-size: 14px;
}

.new-scroll-text-1 {
  white-space: nowrap;
  font-size: 14px !important;
  animation: scroll 20s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}

.scc {
  width: 100vw;
  overflow: hidden;
}

.review-border {
  outline: 1.5px solid rgb(66, 66, 66);
  margin-top: 5px !important;
  border-radius: 5px;
  padding: 5px;
}

.new-flex-new-rating i {
  padding-left: 0px;
  color: rgba(0, 0, 0, 0.66);
}

.p-none {
  pointer-events: none;
}

.main-product-related {
  margin-top: 10px !important;
}

.main-product-related .title {
  font-weight: 300;
  font-size: 13px;
  color: #000;
  display: flex;
  margin: 0px 0px 0px 0px !important;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 50px;
  font-family: Poppins;
  padding: 5px;
}

.star-new svg {
  color: #faaf00 !important;
}

.cursor-pointer {
  cursor: pointer;
}

.time-ago {
  padding-left: 5px;
  font-size: 10px !important;
  font-weight: 400 !important;
  color: rgba(0, 0, 0, 0.8);
}

.pinCodeCtr {
  border-bottom: 1px solid black;
  width: -moz-fit-content;
  width: fit-content;
}

.pinCodeCtr button {
  background: transparent;
  border: none;
}

.pinCodeCtr .MuiInputBase-root {
  font-family: 'Poppins', sans-serif !important;
}

.pinCodeCtr .MuiInputBase-root::before {
  border-bottom: 0px solid transparent !important;
}

.pinCodeCtr .MuiInputBase-root::after {
  border-bottom: 0px solid transparent !important;
}

.cancel-page .new-radio {
  padding-left: 0 !important;
}

.divide img {
  padding-bottom: 10px;
  max-width: 90px !important;
}

.order-tracking {
  background-color: #f7f7f7;
  border-radius: 5px;
  padding-block: 20px;
  margin-block: 20px;
}

/* Pexels */
.myorders-prodname-new-pexel {
  min-width: 400px;
  max-width: 400px;
  width: 100% !important;
  font-size: 14px !important;
}

.myorders-price-new-pexel {
  font-size: 14px !important;
  font-weight: unset;
}

/* Pexels */

.filter-list {
  cursor: pointer;
}

.filter-list span {
  font-size: 16px !important;
}

.filter-list .MuiRating-root {
  color: #000 !important;
}

.filter-list .active1 {
  color: #707070 !important;
}

.filter-list .active1 label,
.filter-list .active1 input,
.filter-list .active1 {
  font-weight: 900;
}

.track-active p,
.track-active section {
  /* font-weight: 800 !important;
  font-size: 13px; */
}

.track-active img {
  height: 30px;
  width: 30px;
}

.priceSection-mrp {
  text-decoration: line-through;
}

.main-product .actual-price {
  padding: 0px 10px;
  font-size: 14px;
  color: #000;
}

.main-product .actual-price-1,
.actual-price-1 {
  display: flex;
  align-items: center;
}

.actual-price-2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.actual-price-fonts {
  font-size: 10px !important;
  min-height: 10px !important;
}

#top-collection .product-thumb:hover .actual-price-fonts {
  display: none;
}

.tools {
  height: 30px !important;
}

.actual-price-fonts1 {
  font-size: 11px !important;
}

.main-product .actual-price,
.actual-price {
  color: #f34444;
  text-decoration: line-through;
  font-weight: 400;
  font-family: 'Sora', sans-serif;
  font-size: '14px';
  white-space: nowrap;
}

.main-product .actual-price .overall_discount_percentage,
.actual-price .overall_discount_percentage {
  color: black;
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
  padding: 0 0 1px 0;
  font-size: inherit;
}

.overall_discount_percentage {
  color: white !important;
  font-weight: 400 !important;
}

.brands-shots-category .overlay {
  position: relative;
}

.brands-shots-category .overlay {
  position: relative;
}

.animatio {
  padding-right: 80px;
}

@media only screen and (max-width: 770px) {
  .animo {
    width: 100% !important;
    font-size: 9px;
  }

  .animo-1 {
    display: none;
  }

  .animo-1,
  .animo-2 {
    font-size: 9px;
    width: 100% !important;
    text-align: center !important;
  }
}

.animo {
  width: 50%;
}

.animo-1,
.animo-2 {
  width: 25%;
  text-align: right;
}

.list-group-item a {
  color: #d9d9d9;
}

.myorders-status-message {
  text-align: justify !important;
}

.keyboards-detail-slider .slick-dots {
  bottom: -55px;
}

.keyboards-detail-slider .slick-dots li button::before {
  font-size: 0;
  width: 12px;
  border-radius: 100%;
  height: 12px;
  background: #fff;
  opacity: 1;
  transition: all 0.3s ease;
}

.keyboards-detail-slider .slick-dots li.slick-active button::before {
  opacity: 1;
  margin-right: 20px;
  transition: all 0.3s ease;
  background: #b5b7ff;
  border-radius: 60px;
  height: 12px;
  width: 33px;
}

.keyboards-detail-slider .slick-dots li.slick-active {
  width: 30px;
  transition: all 0.3s ease;
}

.keyboards-detail-slider .slick-dots li {
  width: 10px;
  transition: all 0.3s ease;
}

.keyboards-detail-slider .arrival-product {
  margin: 0px 10px 15px;
}

.child {
  position: relative;
}

.child:hover ul li {
  display: block;
}

.child ul li {
  display: none;
}

.child ul {
  position: absolute;
  right: -100%;
  top: 0%;
  width: 100%;
}

.szh-menu {
  background-color: black !important;
  color: white !important;
  font-weight: 500 !important;
}

.szh-menu__item {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding-inline: 10px !important;
  font-size: 10px !important;
  font-weight: 500 !important;
}

.szh-menu__item--hover {
  color: white !important;
  background-color: black !important;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

.menu-white {
  white-space: nowrap;

  cursor: pointer;
  font-family: 'Sora', sans-serif;
}

@media only screen and (min-width: 1020px) {
  .menu-white {
    font-size: 13px !important;
    font-weight: 500 !important;
  }

  .szh-menu__item {
    font-size: 13px !important;
    font-weight: 500 !important;
  }
}

/* Navbar */

/* footer */

.footer-category-child,
.footer-category-child:hover {
  color: #d9d9d9;
  font-size: 10px;
  padding: 1px 5px;
}

.footer-category-child:hover {
  color: #fff;
  font-size: 10px;
}

.footer-pointer-new:hover {
  opacity: 350%;
}

.footer-category-child-name {
  color: white;
}

.footer-category-child-border {
  border-right: 1px solid white;
  height: 17px;
}

.divider-style hr {
  height: 13px;
  width: 1.5px;
  margin: 2px 0;
  color: white;
}

.wattsappIcon {
  color: green;
  height: 40px !important;
  width: 40px !important;
}

.text-style {
  position: absolute;
}

.faq {
  font-weight: bold;
}

.footer-pointer {
  cursor: pointer;
}

.mobile-device {
  color: #000;
  font-weight: 500;
  margin-left: 5px;
  text-decoration: underline !important;
  cursor: pointer;
}

.number-style {
  display: flex;
}

.desktop-device {
  margin-left: 5px;
  cursor: pointer;
}

.mobile-device-header {
  color: white !important;
  margin-left: 5px;
  cursor: pointer;
}

.mobile-device-header1 {
  color: #3b4357 !important;
  font-weight: 700;
  text-decoration: none !important;
  margin-left: 5px;
  cursor: pointer;
  font-size: 13px !important;
}

.product-selection-row {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.shop-brands-top {
  background-color: #f9f9f9;
}

.shop-brands h2 {
  padding-top: 20px;
  font-weight: 700;
  font-size: 38px;
  color: #000;
}

.shop-brands1 h2 {
  font-weight: 700;
  font-size: 38px;
  color: #000;
}

.shop-brands-view h2 {
  font-weight: 700;
  font-size: 38px;
  color: #000;
}

.brands-button {
  color: black !important;
  border: 1px solid black !important;
  margin-top: 20px !important;
}

.view-more-style {
  background-color: #303030 !important;
  border: none !important;
}

.view-more-style:focus {
  box-shadow: none !important;
}

.view-more-style:hover {
  background-color: #303030 !important;
}

.faq-title {
  margin-top: 30px;
}

.brands-list1 {
  padding-block: 20px;
  padding-inline: 130px;
}

.brands-shots {
  background-color: white;
  padding: 50px 50px 50px 50px;
  margin-bottom: 50px;
}

.brands-shots ul {
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.brands-shots ul li {
  display: inline-block;
  padding-top: 40px;
  padding-inline: 50px;
  border-right: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

.brands-shots ul li a {
  color: #000000;
}

.brands-shots ul li span {
  display: block;
  margin: 30px 0px 10px;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 20px;
  font-family: 'Mulish', sans-serif;
  color: #000000;
}

.brands-shots ul li:hover span {
  color: #313190;
  transition: all 0.5s ease;
}

.brands-shots ul li:nth-child(4),
.brands-shots ul li:nth-child(8),
.brands-shots ul li:nth-child(12) {
  border-right: 0px;
}

.brands-shots ul li:nth-child(9),
.brands-shots ul li:nth-child(10),
.brands-shots ul li:nth-child(11),
.brands-shots ul li:nth-child(12) {
  border-bottom: 0px;
}

.brands-list-ftntion .nav-tabs,
.brands-list-ftntion .nav-tabs .nav-link.active {
  border: 0px;
  outline: 0px;
  background-color: transparent;
  color: #1a1a1a;
}

.brands-list-ftntion .nav-tabs .nav-link:hover {
  color: #1a1a1a;
}

.brands-list-ftntion .nav-tabs .nav-link {
  border: 0px;
  outline: 0px;
  font-weight: 600;
  font-size: 18px;
  font-family: 'Quicksand', sans-serif;
  padding: 0px 12px;
  position: relative;
  line-height: 22px;
  color: #8d8d8d;
}

.brands-list-ftntion .nav-tabs .nav-link:before {
  position: absolute;
  content: '';
  right: 0;
  top: 3px;
  width: 3px;
  height: 3px;
  background-color: #8d8d8d;
  border-radius: 100%;
}

.brands-intab ul {
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.brands-intab ul li {
  display: inline-block;
  padding-top: 40px;
  padding-inline: 80px;
}

.brands-intab ul li span {
  display: block;
  margin: 30px 0px 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  font-family: 'Mulish', sans-serif;
  color: #000000;
}

.brands-intab ul li:hover span {
  color: #313190;
  transition: all 0.5s ease;
}

.tab-content {
  padding-block: 50px;
}

@media screen and (min-width: 950px) and (max-width: 1120px) {
  .brands-shots ul li:nth-child(2),
  .brands-shots ul li:nth-child(6),
  .brands-shots ul li:nth-child(10) {
    border-right: 0px !important;
  }

  .brands-shots ul li:nth-child(10) {
    border-bottom: 1px solid #d0d0d0;
  }

  .brands-shots ul li:nth-child(11) {
    border-top: 1px solid #d0d0d0;
  }
}

@media screen and (min-width: 1121px) and (max-width: 1220px) {
  .brands-shots ul li:nth-child(2),
  .brands-shots ul li:nth-child(6),
  .brands-shots ul li:nth-child(10) {
    border-right: 0px !important;
  }

  .brands-shots ul li:nth-child(10) {
    border-bottom: 1px solid #d0d0d0;
  }

  .brands-shots ul li:nth-child(11) {
    border-top: 1px solid #d0d0d0;
  }
}

@media screen and (min-width: 1230px) and (max-width: 1510px) {
  .brands-shots ul li:nth-child(3),
  .brands-shots ul li:nth-child(6),
  .brands-shots ul li:nth-child(9) {
    border-right: 0px;
  }

  .brands-shots ul li:nth-child(4),
  .brands-shots ul li:nth-child(8) {
    border-right: 1px solid #d0d0d0;
  }

  .brands-shots ul li:nth-child(12) {
    border-top: 1px solid #d0d0d0;
  }
}

@media screen and (min-width: 600px) and (max-width: 940px) {
  .brands-shots ul li:nth-child(1),
  .brands-shots ul li:nth-child(2),
  .brands-shots ul li:nth-child(3),
  .brands-shots ul li:nth-child(5),
  .brands-shots ul li:nth-child(6),
  .brands-shots ul li:nth-child(7),
  .brands-shots ul li:nth-child(9),
  .brands-shots ul li:nth-child(10),
  .brands-shots ul li:nth-child(11) {
    border-right: 0px;
  }

  .brands-shots ul li:nth-child(10),
  .brands-shots ul li:nth-child(11),
  .brands-shots ul li:nth-child(12) {
    border-top: 1px solid #d0d0d0;
  }
}

.carousel-box-overlay {
  position: relative;
}

.carousel-box-overlay .carousel-caption {
  transition: all 1s !important;
  transform: translateY(-50%) !important;
  top: 50%;
}

.carousel-box-overlay:hover .carousel-caption {
  transition: all 1s;
}

.carousel-box-overlay:hover::before {
  opacity: 1;
  transition: all 1s;
}

.carousel-box-overlay::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #1a1a1ad1, #000000);
  opacity: 0.5;
  z-index: 1;
  transition: all 1s;
}

.brand-box {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

.brand-box img {
  transform: scale(1);
  transition: all 0.3s ease;
}

.brand-box:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease;
}

.carousel-caption {
  text-shadow: 0 0 10px black;
  z-index: 2;
}

.carousel-button-style {
  color: #fff !important;
  border-color: #fff !important;
}

.carousel-name {
  color: #fff;
  font-weight: bold;
}

.brand-list-image {
  object-fit: contain !important;
}

.table-bordered > :not(caption) > * > * {
  border-width: 0 0px;
  border-bottom-width: 0 0px !important;
}

/* Sowmiya */

.keen-slider__slide {
  text-align: center;
  border: none;
}

.keen-slider__slider {
  border: 1px solid #d4d9df;
  padding: 10px;
  margin-left: 4px;
}

.product-list-description {
  border: 1px solid #d4d9df;
  border-radius: 12px;
  padding: 15px;
}

.number-style {
  display: flex;
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #3b4357;
}

.true-store-para span {
  font-weight: 700;
  font-family: 'Sora';
  font-size: 14px;
  line-height: 24px;
  color: #3b4357;
  text-decoration: none;
}

.expert-products-title {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #3b4357;
}

.product-image-review {
  display: flex;
}

.review-options {
  padding-top: 15px;
}

.review-options-title {
  font-weight: 700;
  color: #3b4357 !important;
  font-size: 17px;
  line-height: 25.2px;
}

.product-image-review {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #3b4357;
  padding-block: 5px;
}

.review-contents {
  margin-top: 3px;
  margin-right: 8px;
}

.product-description-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 32.76px;
  color: #3b4357;
  padding-block: 20px 10px;
  font-family: 'Sora';
}

.product-detailsHead h1 {
  font-family: 'Sora';
  font-size: 28px;
  font-weight: 600;
  line-height: 31px;
  color: #3b4357;
}

.priceSection .priceSection-mrp-price {
  font-family: 'Sora';
  font-size: 20px;
  font-weight: 600;
  line-height: 30.24px;
  text-align: left;
  color: #3b4357;
}

.priceSection .priceSection-mrp-price span {
  font-family: 'Sora';
  font-size: 20px;
  font-weight: 400;
  line-height: 30.24px;
  text-align: left;
  color: #3b4357;
}

.paragraph-Ctr {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #3b4357;
  padding-top: 10px;
}

.stock-comments {
  font-size: 16px;
  font-weight: 600;
  line-height: 25.2px;
  color: #00968a;
  margin-top: 10px;
}

.stock-status {
  margin-right: 8px;
}

.cart-button {
  display: flex;
  gap: 12px;
}

.bg-addtocart {
  background: #494949;
  border-radius: 4px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #494949 !important;
}

.cart-button a.btn {
  width: 100%;
  height: auto;
  margin: 10px 0px;
  border-radius: 44px;
  padding: 10px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 25.2px;
  text-align: center;
  font-family: 'Sora';
}

.cart-button a.btn:focus {
  box-shadow: none !important;
}

.bg-buynow {
  background: #e34061;
  border-radius: 44px;

  line-height: 24px;
  border: 1px solid #e34061 !important;
  width: 100%;
  width: 100%;
  height: auto;
  margin: 10px 0px;
  border-radius: 44px;
  padding: 10px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 25.2px;
  text-align: center;
  font-family: 'Sora';
}

.bg-buynow:hover {
  border: 1px solid #e34061 !important;
  background: #e34061;
  border-radius: 44px;

  line-height: 24px;
  border: 1px solid #e34061 !important;
  width: 100%;
  width: 100%;
  height: auto;
  margin: 10px 0px;
  border-radius: 44px;
  padding: 10px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 25.2px;
  text-align: center;
  font-family: 'Sora';
}

.bg-buynow-order {
  background: #e34061;
  border: 1px solid #e34061 !important;
  color: #ffffff;
}

.bg-buynow-order:hover {
  background: #e34061;
  border: 1px solid #e34061 !important;
  color: #ffffff;
}

.close-icon-returnorder {
  color: #e34061;
}

.close-icon-returnorder-button:hover {
  background-color: white;
}

.close-icon-returnorder-button:active {
  background-color: white;
}

.view-icon-status {
  margin-right: 8px;
  margin-left: 5px;
}

.view-icon {
  color: #e34061;
  font-size: 14px;
  font-weight: 600;
  line-height: 20.16px;
  margin-top: 10px;
}

.cart-button-text {
  display: flex;
  justify-content: center;
  width: 100%;
  height: auto;
  margin: 10px 0px;
  border-radius: 44px;
  padding: 12px;
  background-color: #f2f6f8;
  font-size: 15px;
  font-weight: 600;
  line-height: 22.68px;
  text-align: center;
  color: #3b4357;
}

.keen-slider__slide .number-slide1 {
  border: 1px solid #d4d9df;
  padding: 10px;
  margin-left: 4px;
}

.keen-slider__slide {
  padding-inline: 70px;
  padding-block: 10px;
}

.product-specification-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 32.76px;
  color: #3b4357;
  padding-block: 10px 20px;
  font-family: Sora;
  white-space: nowrap;
}

.product-specification-title1 {
  font-size: 20px;
  font-weight: 600;
  line-height: 32.76px;
  color: #3b4357;
  padding-block: 22px 20px;
  font-family: Sora;
  white-space: nowrap;
}

.breadcrumb-item.active {
  font-size: 12px;
  font-weight: 400;
  line-height: 16.64px;
  padding-top: 3px;
  color: #818694;
}

.breadcrumbs a {
  font-size: 12px;
  font-weight: 400;
  line-height: 17.64px;
  color: #818694;
}

.frequently-options-title {
  font-weight: 700;
  color: #3b4357 !important;
  font-size: 17px;
  line-height: 25.2px;
  margin-top: 20px;
}

.product-added-checklist {
  color: #3b4357;
  font-size: 13px;
  font-weight: 400;
  line-height: 20.16px;
  font-family: 'Sora';
}

.product-added-checklist > span {
  font-size: 15px;
  font-weight: 600;
  line-height: 20.16px;
  color: #3b4357;
  font-family: 'Sora';
  padding-left: 7px;
}

.product-selection-list-View {
  padding-left: 0.9rem;
  padding-right: 0.9rem;
}

.product-list-selection {
  display: flex;
  margin-top: 20px;
}

.product-list-selection-image1 {
  border: 1px solid#D4D9DF;
  padding-left: 20px;
  padding-block: 20px 10px;
  display: flex;
  position: relative;
}

.checkbox-label-product {
  margin-top: -25px;
  margin-right: -5px;
}

.product-list-selection-addIcon {
  position: absolute;
  right: 0;
  top: 40%;
  left: 89%;
  z-index: 1;
}

.table-heading-portion {
  background-color: #e1e5e9;
  font-family: Sora;
  font-size: 15px;
  font-weight: 600;
  line-height: 25.2px;
  color: #3b4357;
  border-width: 0px 0 !important;
}

.tableLeftSide-portion {
  background-color: #ffffff;
  border: none;
}

.product-selection-list-View {
  display: flex;
  flex-wrap: wrap;
}

.add-to-cart-button {
  margin-left: 20px;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.68px;
  text-align: center;
  color: #3b4357;
  font-family: 'Sora';
}

.add-to-cart-button span {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 22.68px;
  text-align: center;
  color: #3b4357;
  font-family: 'Sora';
}

.add-to-cart-rupees {
  margin-left: 40px;
}

.al-add-button {
  margin-left: 15px;
}

.add-to-cart-rupees > :nth-child(1) {
  font-size: 16px;
  font-weight: 400;
  line-height: 25.2px;
  color: #3b4357;
  font-family: 'Sora';
}

.ReactModalPortal .ReactModal__Overlay {
  z-index: 1301 !important;
  background-color: #fff;
}

.add-to-cart-rupees > :nth-child(2) {
  font-size: 16px;
  font-weight: 700;
  line-height: 25.2px;
  color: #3b4357;
}

.add-to-cart-Icon {
  margin-left: 20px;
  margin-top: 5px;
  background-color: #494949;
  padding: 5px 10px;
  border-radius: 44px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20.16px;
  color: #ffffff;
  font-family: 'Sora';
  cursor: pointer;
}

.table-border-color-portion:nth-child(odd) {
  background-color: #f2f6f8;
  border-style: hidden !important;
}

.element-title {
  font-size: 15px;
  font-weight: 500;
  line-height: 36px;
  color: #3b4357;
}

.element-value {
  font-size: 15px;
  font-weight: 400;
  line-height: 36px;
  color: #3b4357;
}

.banner-section-brands {
  margin-bottom: 25px;
}

.view-detail-button {
  border: 2px solid #b3b8c7;
  border-radius: 24px;
  font-family: 'Sora';
  font-size: 17px;
  font-weight: 600;
  line-height: 25.2px;
  text-align: center;
  color: #3b4357;
  padding-block: 7px;
}

.product-list-View-carousal {
  padding-block: 20px;
}

.product-list-view-title {
  font-family: 'Sora';
  font-size: 26px;
  font-weight: 700;
  line-height: 25.22px;
  text-align: center;
  padding-bottom: 30px;
  color: #3b4357;
}

.carousal-alignment {
  padding-inline: 70px;
}

.product-title {
  font-family: 'Sora';
  font-size: 30px;
  font-weight: 600;
  line-height: 42.84px;
  text-align: left;
  color: #3b4357;
}

.product-title-price > :nth-child(1) {
  font-family: 'Sora';
  font-size: 20px;
  font-weight: 400;
  line-height: 30.24px;
  text-align: left;
  color: #3b4357;
}

.product-title-price > :nth-child(2) {
  font-family: 'Sora';
  font-size: 20px;
  font-weight: 600;
  line-height: 30.24px;
  text-align: left;
  color: #3b4357;
}

.product_view-icon {
  color: #e34061;
  font-size: 14px;
  font-weight: 600;
  line-height: 20.16px;
  margin-block: 5px;
}

.product-list-description-title {
  font-family: Sora;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #3b4357;
}

.content {
  margin-top: 20px;
}

.product-strike-rate {
  display: flex;
  white-space: nowrap;
  flex-direction: row;
  justify-content: center;
}

.strike-rate-component {
  text-align: center;
  padding-block: 10px;
}

.strike-rate-component > :nth-child(1) {
  font-family: 'Sora';
  font-size: 13px;
  font-weight: 400;
  line-height: 20.16px;
  color: #f34444;
}

.text-display-font {
  font-family: 'Sora';
  font-size: 13px;
  font-weight: 500;
  line-height: 17.64px;
  text-align: left;
  color: #818694;
}

.default-sorting-text {
  font-family: 'Sora';
  font-size: 13px;
  font-weight: 500;
  line-height: 17.64px;
  text-align: right;
  color: #818694;
}

.toolbar-text-itemtoolbar-text-item {
  border-bottom: 1px solid red;
}

.dropdown-item {
  font-family: 'Sora';
  font-size: 13px;
  font-weight: 400;
  line-height: 27px;
  color: #3b4357;
  cursor: pointer;
  padding: 0px 0px 0px 10px !important;
}

.dropdown-item:hover {
  font-weight: bold;
  color: #3b4357;
}

.toolbar {
  padding-top: 3px;
}

.product-detail-page-image {
  border-top: 1px solid #d4d9df;
}

.image-container-component {
  position: relative;
}

.image-component-text {
  position: absolute;
  top: 25%;
  left: 45%;
  font-family: 'Sora';
  font-size: 25px;
  font-weight: 600;
  line-height: 40.32px;
  color: #3b4357;
  text-transform: capitalize;
}

.sidebar .sidebar-title {
  font-family: 'Sora';
  font-size: 17px;
  font-weight: 600;
  line-height: 25.5px;
  color: #3b4357;
  align-items: center;
  padding-left: 0px !important;
}

.sidebar-content-image {
  display: flex;
  flex-direction: row;
}

.image-filter-portion {
  margin-right: 7px;
}

.sidebar {
  padding-top: 8px;
}

.filter-box {
  padding-left: 0.3rem !important;
}

.filter-box .title {
  color: #3b4357;
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 600;
  line-height: 25.5px;
  margin-top: 16px;
}

.sidebar .filter-box .title {
  font-size: 16px;
  font-weight: bold;
  text-transform: capitalize;
}

.filter-list label {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #3b4357;
}

.clear-all {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 25.5px;
  color: rgb(84, 84, 241);
  cursor: pointer;
}

.main-product .product-image-new {
  height: 171px;
  display: flex;
  justify-content: center;
  background-color: white;
}

.main-product .product-image-new img,
.main-product-img .product-image-new img {
  object-fit: contain;
  margin: 2px;
  margin-top: 24px;
  width: 170px;
  height: 171px;
}

.category-banner-titles {
  font-family: 'Sora';
  font-size: 42px;
  font-weight: 700;
  line-height: 54.56px;
  text-align: center;
  color: #ffffff;
}

.category-banner-paras {
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 400;
  line-height: 22.32px;
  text-align: center;
  color: #ffffff;
}

/* Abisha */

.login-heading {
  font-family: 'Sora';
  font-size: 22px;
  font-weight: 600;
  line-height: 30.24px;
  color: #3b4357;
}

.login-label {
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 400;
  line-height: 19.84px;
  text-align: left;
  color: #3b4357;
}

.login-button {
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  color: #ffffff;
  background-color: #e34061;
  border-radius: 35px;
  padding: 8px 45px 8px 45px;
  border: 1px solid #e34061;
}
.requesting-otps {
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  color: #ffffff;
  background-color: #e34061;
  border-radius: 35px;
  padding: 8px 45px 8px 45px;
  border: 1px solid #e34061;
}

.bottom-line1 p {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #818694;
  line-height: 0.1em;
  margin: 20px 0 20px;
}

.bottom-line1 p span {
  background: #fff;
}

.social-login1 .btn {
  width: 100%;
  font-size: 16px;
  color: #3b4357;
  background-color: #fff;
  text-align: center;
  border: 1px solid #3b4357;
  border-radius: 6px;
  padding: 7px;
}

.google--icon {
  margin-right: 5px;
}

.login-account-create {
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 400;
  line-height: 19.84px;
  color: #3b4357;
}

.login-register {
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 400;
  line-height: 19.84px;
  color: #0c66e4;
  cursor: pointer;
}
.register-here {
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 400;
  line-height: 19.84px;
  color: #0c66e4;
  cursor: pointer;
}
.login-verify {
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 400;
  line-height: 19.84px;
  text-align: left;
  color: #3b4357;
}

.login-edit {
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 400;
  line-height: 19.84px;
  text-align: left;
  color: #0c66e4;
}

.login-resend {
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 400;
  line-height: 19.84px;
  text-align: left;
  color: #006ae0;
}

.otp-box1 > input {
  border-radius: 6px;
  border: 1px solid #b3b8c7;
  padding: 14px 10px 14px 10px;
  font-size: 22px;
}

.login-pointer {
  cursor: pointer;
}

.brands-faq-title {
  font-family: 'Sora' !important;
  font-size: 23px;
  font-weight: 700 !important;
  line-height: 25.22px !important;
  text-align: center !important;
  color: #3b4357 !important;
}

.brands-faq-head {
  font-family: 'Sora' !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 22.68px !important;
  color: #3b4357 !important;
}

.brands-faq-head-sub {
  font-family: 'Sora' !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 26px !important;
  color: #3b4357 !important;
  text-align: justify !important;
}

.faq-accordin .css-1elwnq4-MuiPaper-root-MuiAccordion-root {
  box-shadow: none !important;
}

.faq-accordin-sub .css-1elwnq4-MuiPaper-root-MuiAccordion-root {
  box-shadow: none !important;
}

.selected-accordion {
  border: 2px solid #3b4357;
}

.unselected-accordion {
  border: 1px solid #d4d9df;
  border-radius: 8px;
}

.category-text1 {
  font-size: 15px;
  font-weight: 500;
  font-family: 'sora';
  color: #3b4357;
  text-align: center;
  text-transform: capitalize;
  padding: 10px;
}

.home-fast-relative {
  position: relative;
}

.home-fast-button {
  font-family: 'Sora';
  font-size: 10px;
  font-weight: 600;
  line-height: 16.59px;
  text-align: left;
  color: #ffffff;
  background: #f44336;
  /* border: 1px solid #e34061; */
  border-radius: 50%;
  width: 100%;
  padding: 5px 13px 5px 13px;
}

.home-fast-absolute {
  position: absolute;
  top: 0;
  right: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
}

.home-music-cg {
  position: relative;
}

.home-gap-books {
  display: flex;
  gap: 4px;
}

.new-home-books-section {
  background-color: rgba(255, 248, 243, 1);
}

.navbar-brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

.footre-bottamtext {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 17.64px;
  color: #3b4357;
}

.my-order-sec1 {
  background-color: #f2fcf7;
  border-radius: 12px;
  border: 1px solid #3cc179;
  padding: 20px;
}

.my-order-congrats {
  font-family: 'Sora';
  font-size: 21px;
  font-weight: 600;
  line-height: 30.24px;
  color: #3ba069;
}

.spalash-image {
  background-image: url(/images/checkout-new/spalash.png);
}

.my-order-desc {
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  color: #3b4357;
}

.my-order-desc > span {
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
}

.order-information {
  font-family: 'Sora';
  font-size: 19px;
  font-weight: 600;
  line-height: 30.24px;
  text-align: left;
  color: #3b4357;
}

.order-conform-id > h5 {
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 600;
  line-height: 25.2px;
  text-align: left;
  color: #3b4357;
}

.order-conform-id > h6 {
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #3b4357;
}

.order-conform-id > button {
  font-family: 'Sora';
  font-size: 12px;
  font-weight: 600;
  line-height: 17.64px;
  text-align: left;
  color: #000000;
  background-color: #a6e780;
  border-radius: 6px;
  padding: 4px 8px 4px 8px;
  border: 1px solid #a6e780;
}

.order-information-border {
  border-bottom: 1px solid #d4d9df;
}

.order-conform-id > h5 > span {
  font-family: 'Sora';
  font-size: 12px;
  font-weight: 600;
  line-height: 17.64px;
  text-align: left;
  color: #3b4357;
  border-radius: 6px;
  padding: 4px 8px 4px 8px;
  border: 1px solid #818694;
  margin-left: 5px;
}

.my-order-visa {
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  color: #3b4357;
}

.my-order-visa > span {
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #3b4357;
}

.order-table-head {
  background-color: #d4d9df;
}

.order-table-head > tr > th {
  border-bottom: none !important;
  font-family: 'Sora';
  font-size: 13px;
  font-weight: 600;
  line-height: 17.64px;
  color: #3b4357;
}

.order-table-head > tr > th:last-child {
  text-align: right;
}

.order-table-body > tr > td {
  border-bottom: none !important;
}

.order-table-body > tr > td {
  vertical-align: top;
}

.order-table-body > tr > td:nth-child(2) > h5 {
  font-family: 'Sora';
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
  color: #3b4357;
}

.order-table-body > tr > td:nth-child(2) > h6 {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 600;
  color: #3b4357;
}

.order-table-body > tr > td:nth-child(2) > p {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
  color: #3b4357;
  white-space: nowrap;
}

.order-table-body > tr > td:nth-child(2) > p > span:nth-child(1) {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 700;
  line-height: 20.16px;
  color: #3b4357;
  margin-left: 3px;
}

.order-table-body > tr > td:nth-child(2) > p > span:nth-child(2) {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
  color: #3b4357;
  margin-left: 20px;
}

.order-table-body > tr > td:nth-child(2) > p > span:nth-child(3) {
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 700;
  line-height: 20.16px;
  color: #3b4357;
  margin-left: 5px;
}

.order-table-body > tr > td:nth-child(3) > h5 {
  font-family: 'Sora';
  font-size: 18px;
  font-weight: 400;
  line-height: 27.72px;
  color: #3b4357;
}

.order-table-main {
  overflow-x: auto;
}

.continue-shopping-button {
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 600;
  line-height: 22.68px;
  color: #3b4357;
  border-radius: 34px;
  padding: 8px;
  border: 1px solid #b3b8c7;
  background-color: #ffffff;
  width: 50%;
  text-align: center;
  cursor: pointer;
}

.order-summarys {
  font-family: 'Sora';
  font-size: 19px;
  font-weight: 600;
  line-height: 25.2px;
  color: #3b4357;
}

.summary-price,
.summary-price1 {
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: right;
  color: #3b4357;
}

.summary-title,
.summary-title1 {
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #3b4357;
}

.order-conform-invoice {
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 600;
  line-height: 22.68px;
  text-align: center;
  color: #3b4357;
  background-color: #ffffff;
  padding: 11px;
  border-radius: 44px;
  border: 1px solid #b3b8c7;
  white-space: nowrap;
  width: 100%;
  text-align: center;
  cursor: pointer;
}

.order-conform-percentage {
  background-color: #f2fcf7;
  color: #019a55;
  border: 1px solid #3cc179;
  border-radius: 8px;
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 22.68px;
  width: 100%;
  padding: 11px;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
}

.checkout-new-button:focus {
  box-shadow: unset !important;
}

.order-conform-percentage > span {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 700;
  line-height: 22.68px;
  color: #019a55;
}

.order-conform-invoice1 {
  padding: 11px;
  border: 1px solid #b3b8c7;
  border-radius: 34px;
  background-color: #ffffff;
  color: #3b4357;
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 600;
  line-height: 22.68px;
  white-space: nowrap;
  width: 100%;
  text-align: center;
  cursor: pointer;
}

.order-conform-cancel {
  padding: 11px;
  border: 1px solid #b3b8c7;
  border-radius: 34px;
  background-color: #ffffff;
  color: #f34444;
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 600;
  line-height: 22.68px;
  white-space: nowrap;
  width: 100%;
  text-align: center;
  cursor: pointer;
}

.my-profile-title {
  background-image: url(/_next/static/media/profile.04c12e34.png);
  width: 100%;
  background-repeat: no-repeat;
  object-fit: contain;
  height: 90px;
  background-size: cover;
  background-position: center;
}

.my-profile-title > h5 {
  font-family: 'Sora';
  font-size: 29px;
  font-weight: 600;
  line-height: 40.32px;
  text-align: center;
  color: #3b4357;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.my-profile-title > h1 {
  font-family: 'Sora';
  font-size: 29px;
  font-weight: 600;
  line-height: 40.32px;
  text-align: center;
  color: #3b4357;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.my-profile-title-cart {
  background-image: url(/_next/static/media/profile.04c12e34.png);
  width: 100%;
  background-repeat: no-repeat;
  object-fit: contain;
  height: 90px;
  background-size: cover;
  background-position: center;
}

.my-profile-title-cart > h5 {
  font-family: 'Sora';
  font-size: 29px;
  font-weight: 600;
  line-height: 40.32px;
  text-align: center;
  color: #3b4357;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.my-profile-title-cart > h1 {
  font-family: 'Sora';
  font-size: 29px;
  font-weight: 600;
  line-height: 40.32px;
  text-align: center;
  color: #3b4357;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.my-orders-title {
  font-family: 'Sora' !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 30.24px;
  color: #3b4357 !important;
}

.my-order-grid-box {
  border: 1px solid #b3b8c7;
  border-radius: 12px;
}

.my-profile-card {
  border: 1px solid #b3b8c7;
}

.profile-card-details > h5 {
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #000000;
}

.profile-card-details > h6 {
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: #3b4357;
}

.profile-card-details > h4 {
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #0c66e4;
  cursor: pointer;
}

.profile-change-password {
  font-family: 'Sora';
  font-size: 20px;
  font-weight: 600;
  line-height: 30.24px;
  text-align: center;
  color: #3b4357;
}

@media (min-width: 320px) and (max-width: 899px) {
  .my-order-congrats {
    font-size: 15px;
  }
  .card-design-mobile {
    margin-left: 16px !important;
  }
  .order-table-body > tr > td:nth-child(2) > h5 {
    font-size: 12px;
  }

  .order-table-body > tr > td:nth-child(2) > h6 {
    font-size: 12px;
  }

  .order-table-body > tr > td:nth-child(2) > p {
    font-size: 12px;
  }

  .order-table-body > tr > td:nth-child(2) > p > span:nth-child(1) {
    font-size: 12px;
  }

  .order-table-body > tr > td:nth-child(2) > p > span:nth-child(2) {
    font-size: 12px;
  }

  .order-table-body > tr > td:nth-child(2) > p > span:nth-child(3) {
    font-size: 12px;
  }

  .order-table-body > tr > td:nth-child(3) > h5 {
    font-size: 12px;
  }

  .continue-shopping-button {
    width: 100%;
  }

  .my-profile-title > h5 {
    padding-block: 0px;
  }
  .my-profile-title > h1 {
    padding-block: 0px;
  }
}

/* responsive */
@media screen and (max-width: 599px) {
  .piano-titlebg {
    font-size: 12px;
  }

  .swiper-pagination .swiper-pagination-bullet {
    width: 20% !important;
  }

  .homenew-text {
    font-size: 15px !important;
  }

  .homenew-boxbg {
    display: flex;
    justify-content: center;
  }

  .homenew-music {
    font-size: 24px !important;
    text-align: center;
  }

  .home-new-books {
    display: block;
  }

  .about-button {
    display: flex;
    justify-content: center;
  }

  .about-card {
    padding: 10px 18px;
  }

  .category-Piano {
    font-size: 17px !important;
    text-align: center;
  }

  .category-text1 {
    font-size: 10px !important;
  }

  .carousal-alignment {
    padding-inline: 0px !important;
  }

  .product-list-view-title {
    font-size: 16px !important;
    padding-bottom: 10px !important;
  }

  .product-title {
    font-size: 20px !important;
    line-height: 25px;
  }

  .product-title-price > :nth-child(2) {
    font-size: 16px !important;
  }

  .stock-comments {
    font-size: 14px !important;
  }

  .cart-button {
    display: flow-root;
  }
}

@media (min-width: 600px) and (max-width: 899px) {
  .piano-titlebg {
    font-size: 14px;
  }

  .homenew-text {
    font-size: 18px !important;
  }

  .homenew-boxbg {
    display: flex;
    justify-content: center;
  }

  .homenew-music {
    font-size: 28px !important;
    text-align: center;
  }

  .about-button {
    display: flex;
    justify-content: center;
  }

  .about-card {
    padding: 10px 18px;
  }

  .category-Piano {
    font-size: 20px !important;
    text-align: center;
  }

  .category-text1 {
    font-size: 11px !important;
  }

  .carousal-alignment {
    padding-inline: 0px !important;
  }

  .product-list-view-title {
    font-size: 24px !important;
    padding-bottom: 10px !important;
  }

  .product-title {
    font-size: 22px !important;
    line-height: 26px;
  }

  .product-title-price > :nth-child(2) {
    font-size: 16px !important;
  }

  .stock-comments {
    font-size: 14px !important;
  }

  .cart-button {
    display: flex;
  }
}

@media (min-width: 900px) and (max-width: 1500px) {
  .homenew-text {
    font-size: 16px !important;
  }

  .homenew-music {
    font-size: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  main.responsive-bottom-1 {
    padding-top: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .homenew-music-service {
    text-align: center;
  }

  .homenew-boxbg {
    display: flex;
    justify-content: center;
  }
}

@media (min-width: 1400px) and (max-width: 2600px) {
  .product-detailsHead .image-thumb {
    max-width: 740px;
    max-height: 586px;
  }
  .home-orange-secs-new > .slick-list > .slick-track > .slick-slide {
    width: 140px !important;
  }
}

/* Abin */

.header-banner {
  background-image: url('/images/banner/categorybanner.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 320px;
  margin-top: -74px;
}

.category-section {
  padding: 24px 0px;
}

.category-Pianotype {
  border: 1px solid #d4d9df;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  width: 100%;
  gap: 10px;
}
.category-Piano {
  font-size: 20px !important;
}
.category-text {
  font-size: 15px;
  font-weight: 500;
  font-family: 'sora';
  color: #3b4357;
  text-align: center;
}

.category-Pianotype:active,
.category-Pianotype:focus {
  border: 1px solid #3b4357;
}

.Keyboards-Beginners {
  background-color: #231f58;
  border: 1px solid #d4d9df;
  padding: 19px 24px;
  border-radius: 12px;
}

.arrow-image-categoryPiano {
  padding-inline: 7px;
  margin-bottom: 2px;
}

.Portable-keyboards {
  background-color: #e34061;
  border: 1px solid #d4d9df;
  padding: 19px 24px;
  border-radius: 12px;
}

.Musical-Keyboards {
  background-color: #f28ba9;
  border: 1px solid #d4d9df;
  padding: 19px 24px;
  border-radius: 12px;
}

.live-musical {
  background-color: #512a96;
  border: 1px solid #d4d9df;
  padding: 19px 24px;
  border-radius: 12px;
}

.KeyboardsPortable {
  background-color: #6b1579;
  border: 1px solid #d4d9df;
  padding: 19px 24px;
  border-radius: 12px;
}

.top_brands {
  padding: 15px 0px;
  background-color: #f2f6f8;
}

.brands-box {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  padding: 28px 0px 12px 0px;
}

.brands-box .brands-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.brands-box img {
  width: 120px;
  height: 26px;
  margin-bottom: 20px;
}

.brands-text p {
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 400;
  line-height: 15.52px;
  text-align: center;
}

/* home new */
.home-topsection {
  padding-top: 20px;
}

.homenew-text {
  font-size: 22px;
  font-family: 'sora' !important;
  font-weight: 500 !important;
  line-height: normal;
  color: #00968a;
}

.homenew-music {
  font-size: 32px;
  font-family: 'sora' !important;
  font-weight: 700 !important;
  color: #00968a;
  margin-top: 0px !important;
}

.vector-img img {
  width: 40px;
  height: 33px;
}

.music-storeimg {
  width: 45px !important;
  height: 45px !important;
}

.guitars-img img {
  border-radius: 50%;
  width: 110px;
  height: 110px;
  background: linear-gradient(#ffb68d, #fbe19e);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: contain;
}

.guitars-img img {
  width: 110px;
  height: 110px;
}

.guitars-imgbg img {
  width: 85px;
}

.guitars-imgservice img {
  width: 77px;
}

.home-brands-box img {
  object-fit: contain;
}
.home-brands-box-new img {
  object-fit: contain;
}
.form-text-check .MuiTypography-body1 {
  font-family: 'Sora';
  font-size: 14px !important;
  font-weight: 600;
  line-height: 30px;
  color: #3b4357;
}

.table-borderline tr,
td {
  border-color: #d4d9df !important;
}

/* responsive */
@media screen and (max-width: 599px) {
  .text-tag {
    font-size: 16px !important;
    text-align: center;
    margin-bottom: 15px !important;
  }

  .music-store-text {
    font-size: 12px !important;
    white-space: unset !important;
  }

  .custom-next-arrow,
  .custom-prev-arrow {
    display: none !important;
  }

  .custom-next-arrow-new,
  .custom-prev-arrow-new {
    display: none !important;
  }

  .dialog-sizing .modal-body {
    overflow: auto;
    height: 410px !important;
  }

  .top_seller_title {
    font-size: 16px !important;
    text-align: center !important;
  }
  .top_seller_title_new {
    font-size: 16px !important;
    text-align: left !important;
  }
  .main-product {
    border-radius: 8px;
  }

  .premium_musical_title,
  .musician-testi-title {
    font-size: 16px !important;
    text-align: left !important;
  }

  .home-brands-box {
    width: 100%;
  }

  .home-brands-box-new {
    width: 100%;
  }
  .guitar-text {
    font-size: 10px !important;
    font-weight: 400;
    font-family: 'Sora', sans-serif;
    text-align: center;
    color: #3b4357;
    width: 100% !important;
  }

  .login .MuiDialog-paperScrollPaper {
    margin: 0px !important;
    width: 100%;
    border-radius: 24px 24px 0px 0px;
  }

  .login .MuiDialog-scrollPaper {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }

  .guitars-text {
    font-size: 12px !important;
  }

  .guitars-imgbg img {
    width: 84px !important;
  }

  .homenew-text-service-mobile {
    font-size: 13px !important;
  }

  .homenew-music-service-mobile {
    font-size: 21px !important;
  }

  .guitars-imgservice img {
    width: 78px;
  }

  .homenew-text {
    font-size: 15px !important;
    font-family: 'sora' !important;
    font-weight: 500 !important;
    line-height: normal;
    color: #00968a;
  }

  .homenew-music {
    font-size: 24px !important;
    font-family: 'sora' !important;
    font-weight: 700 !important;
    color: #00968a;
    margin-top: -10px !important;
  }

  .home-new-begin-category {
    font-size: 10px !important;
    height: 100%;
    padding: 10px !important;
  }

  .login-heading {
    font-size: 20px !important;
    margin-bottom: 0px !important;
  }

  .enquire-text {
    display: none !important;
  }

  .guitars-img img {
    width: 65px !important;
    height: 65px !important;
  }

  .my-orders-button {
    font-size: 10px !important;
  }

  .my-orders-button:hover {
    font-size: 10px !important;
  }

  .my-orders-button1 {
    font-size: 10px !important;
  }

  .my-orders-button1 {
    width: 150px !important;
  }

  .my-orders-button {
    width: 150px !important;
  }

  .order-information {
    font-size: 17px !important;
    margin-bottom: 0px !important;
  }

  .order-conform-id > h5 {
    font-size: 14px !important;
    margin-bottom: 0px !important;
  }

  .order-conform-id > h6 {
    font-size: 14px !important;
    margin-bottom: 0px !important;
  }

  .order-conform-id > h5 > span {
    font-size: 10px !important;
  }

  .summary-title,
  .summary-price {
    font-size: 16px !important;
    margin-bottom: 0px !important;
  }

  .summary-title1.summary-price1 {
    font-size: 16px !important;
  }

  .container-sticky {
    flex-wrap: unset !important;
    display: unset !important;
  }

  .product-sticky {
    position: unset !important;
    top: unset !important;
    height: unset !important;
    padding-top: unset !important;
    z-index: unset !important;
  }

  .font-letter {
    font-family: 'Sora';
    font-size: 15px;
    font-weight: 400;
    line-height: 20.16px;
    text-align: left;
    cursor: pointer;
    margin-right: 4px;
    margin-left: 4px;
  }

  .category-imgbrand {
    position: unset !important;
    height: 197% !important;
    object-fit: cover !important;
  }

  .login-button {
    font-size: 14px !important;
  }
  .requesting-otps {
    font-size: 14px !important;
  }
  .login-account-create,
  .login-register {
    font-size: 14px !important;
  }
  .login-account-create {
    font-size: 14px !important;
  }
  .login-account-create,
  .register-here {
    font-size: 14px !important;
  }
  .login-account-create {
    font-size: 14px !important;
  }

  .social-login1 .btn {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 599px) {
  .text-tag {
    font-size: 16px !important;
    text-align: center;
    margin-bottom: 15px !important;
  }

  .music-store-text {
    font-size: 12px !important;
    white-space: unset !important;
  }

  .custom-next-arrow,
  .custom-prev-arrow {
    display: none !important;
  }

  .custom-next-arrow-new,
  .custom-prev-arrow-new {
    display: none !important;
  }

  .dialog-sizing .modal-body {
    overflow: auto;
    height: 410px !important;
  }

  .top_seller_title {
    font-size: 16px !important;
    text-align: center !important;
  }
  .top_seller_title_new {
    font-size: 16px !important;
    text-align: left !important;
  }
  .main-product {
    border-radius: 4px;
  }

  .premium_musical_title,
  .musician-testi-title {
    font-size: 16px !important;
    text-align: left !important;
  }

  .home-brands-box {
    width: 100%;
  }
  .home-brands-box-new {
    width: 100%;
  }
  .guitar-text {
    font-size: 10px !important;
    font-weight: 400;
    font-family: 'Sora', sans-serif;
    text-align: center;
    color: #3b4357;
    width: 100% !important;
  }

  .login .MuiDialog-paperScrollPaper {
    margin: 0px !important;
    width: 100%;
    border-radius: 24px 24px 0px 0px;
  }

  .login .MuiDialog-scrollPaper {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }

  .guitars-text {
    font-size: 12px !important;
  }

  .guitars-imgbg img {
    width: 84px !important;
  }

  .homenew-text-service-mobile {
    font-size: 13px !important;
  }

  .homenew-music-service-mobile {
    font-size: 21px !important;
  }

  .guitars-imgservice img {
    width: 78px;
  }

  .homenew-text {
    font-size: 15px !important;
    font-family: 'sora' !important;
    font-weight: 500 !important;
    line-height: normal;
    color: #00968a;
  }

  .homenew-music {
    font-size: 24px !important;
    font-family: 'sora' !important;
    font-weight: 700 !important;
    color: #00968a;
    margin-top: -10px !important;
  }

  .home-new-begin-category {
    font-size: 10px !important;
    height: 100%;
    padding: 10px !important;
  }

  .login-heading {
    font-size: 20px !important;
    margin-bottom: 0px !important;
  }

  .enquire-text {
    display: none !important;
  }

  .guitars-img img {
    width: 80px !important;
    height: 80px !important;
  }

  .my-orders-button {
    font-size: 10px !important;
  }

  .my-orders-button:hover {
    font-size: 10px !important;
  }

  .my-orders-button1 {
    font-size: 10px !important;
  }

  .my-orders-button1 {
    width: 150px !important;
  }

  .my-orders-button {
    width: 150px !important;
  }

  .order-information {
    font-size: 17px !important;
    margin-bottom: 0px !important;
  }

  .order-conform-id > h5 {
    font-size: 14px !important;
    margin-bottom: 0px !important;
  }

  .order-conform-id > h6 {
    font-size: 14px !important;
    margin-bottom: 0px !important;
  }

  .order-conform-id > h5 > span {
    font-size: 10px !important;
  }

  .summary-title,
  .summary-price {
    font-size: 16px !important;
    margin-bottom: 0px !important;
  }

  .summary-title1.summary-price1 {
    font-size: 16px !important;
  }

  .container-sticky {
    flex-wrap: unset !important;
    display: unset !important;
  }

  .product-sticky {
    position: unset !important;
    top: unset !important;
    height: unset !important;
    padding-top: unset !important;
    z-index: unset !important;
  }

  .font-letter {
    font-family: 'Sora';
    font-size: 15px;
    font-weight: 400;
    line-height: 20.16px;
    text-align: left;
    cursor: pointer;
    margin-right: 4px;
    margin-left: 4px;
  }

  .category-imgbrand {
    position: unset !important;
    height: 197% !important;
    object-fit: cover !important;
  }

  .login-button {
    font-size: 14px !important;
  }
  .requesting-otps {
    font-size: 14px !important;
  }

  .login-account-create,
  .login-register {
    font-size: 14px !important;
  }
  .login-account-create {
    font-size: 14px !important;
  }
  .login-account-create,
  .register-here {
    font-size: 14px !important;
  }
  .login-account-create {
    font-size: 14px !important;
  }
  .social-login1 .btn {
    font-size: 14px !important;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .guitars-img img {
    width: 80px !important;
    height: 80px !important;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .text-tag {
    font-size: 20px !important;
    text-align: center;
    margin-bottom: 20px !important;
  }

  .top_seller_title {
    font-size: 20px !important;
    text-align: center !important;
  }
  .top_seller_title_new {
    font-size: 20px !important;
    text-align: left !important;
  }
  .form-check-label-checkbox {
    font-size: 12px !important;
  }

  .main-product {
    border-radius: 8px;
  }

  .premium_musical_title,
  .musician-testi-title {
    font-size: 20px !important;
    text-align: left !important;
  }

  .home-brands-box {
    width: 100%;
  }

  .home-brands-box-new {
    width: 100%;
  }
  .custom-next-arrow,
  .custom-prev-arrow {
    display: none !important;
  }

  .guitar-text {
    font-size: 12px !important;
    font-weight: 400;
    font-family: 'Sora', sans-serif;
    text-align: center;
    color: #3b4357;
    width: 100% !important;
  }

  .login .MuiDialog-paperScrollPaper {
    margin: 0px !important;
    width: 100%;
    border-radius: 24px 24px 0px 0px;
  }

  .login .MuiDialog-scrollPaper {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }

  .guitars-imgbg img {
    width: 79px !important;
    height: 80px !important;
  }

  .guitars-text {
    font-size: 13px !important;
  }

  .homenew-text-service-mobile {
    font-size: 15px !important;
  }

  .homenew-music-service-mobile {
    font-size: 23px !important;
  }

  .guitars-imgservice img {
    width: 72px;
  }

  .home-new-begin-category {
    font-size: 12px !important;
    height: 100%;
    padding: 14px !important;
  }

  .enquire-text {
    display: none !important;
  }

  .container-sticky {
    flex-wrap: unset !important;
    display: unset !important;
  }

  .product-sticky {
    position: unset !important;
    top: unset !important;
    height: unset !important;
    padding-top: unset !important;
    z-index: unset !important;
  }

  .category-imgbrand {
    position: unset !important;
    height: 190% !important;
    object-fit: cover !important;
  }

  .menu-right-span {
    font-size: 11px !important;
  }

  .menu-right-text {
    font-size: 11px !important;
  }

  .menu-right-image {
    max-width: 30px !important;
  }

  .menu-right-content-img {
    max-width: 10px !important;
    height: 10px !important;
    margin-top: 10px !important;
  }

  .font-letter {
    font-family: 'Sora';
    font-size: 13px;
    font-weight: 400;
    line-height: 20.16px;
    text-align: left;
    cursor: pointer;
  }

  .search-names {
    width: 90px !important;
    text-align: center;
  }

  .search-circle1 {
    width: 40px !important;
    height: 40px !important;
    margin-left: 20px;
  }

  .search-names {
    font-size: 10px !important;
  }

  .service-text {
    width: 60px;
    font-size: 12px !important;
  }
}

@media (min-width: 900px) and (max-width: 1200px) {
  .text-tag {
    font-size: 20px !important;
  }

  .search-circle1 {
    width: 60px !important;
    height: 60px !important;
    margin-left: 20px;
  }

  .service-text {
    font-size: 12px !important;
  }

  .music-store-text {
    white-space: unset !important;
  }

  .font-letter {
    font-family: 'Sora';
    font-size: 13px;
    font-weight: 400;
    line-height: 20.16px;
    text-align: left;
    cursor: pointer;
  }

  .guitar-text {
    font-size: 12px !important;
    font-weight: 400;
    font-family: 'Sora', sans-serif;
    text-align: center;
    color: #3b4357;
    width: 100% !important;
  }

  .container-sticky {
    flex-wrap: unset !important;
    display: unset !important;
  }

  .product-sticky {
    position: unset !important;
    top: unset !important;
    height: unset !important;
    padding-top: unset !important;
    z-index: unset !important;
  }

  .menu-right-span {
    font-size: 13px !important;
  }

  .menu-right-text {
    font-size: 12px !important;
  }
}

@media (min-width: 900px) and (max-width: 1091px) {
  .guitars-imgbg img {
    width: 66px !important;
    height: 65px !important;
  }

  .guitars-text {
    font-size: 11px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1299px) {
  .text-tag {
    font-size: 22px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1349px) {
  .guitars-imgbg img {
    width: 73px !important;
    height: 73px !important;
  }

  .guitars-text {
    font-size: 12px !important;
  }

  .guitars-imgservice img {
    width: 63px;
  }
}

@media (min-width: 900px) and (max-width: 1199px) {
  .home-new-begin-category {
    font-size: 12px !important;
    height: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1419px) {
  .menu-right-content-img {
    margin-top: 5px !important;
  }
}

@media (min-width: 1420px) and (max-width: 1500px) {
  .menu-right-content-img {
    margin-top: 10px !important;
  }
}

.img-background {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.guitars-text {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Sora', sans-serif;
  text-align: center;
  color: #3b4357;
}

.Category-title-Filter {
  font-size: 18px;
  font-weight: 400;
  font-family: 'Sora', sans-serif;
  color: #3b4357;
}

.guitar-text {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Sora', sans-serif;
  text-align: center;
  color: #3b4357;
  width: 140px;
  max-width: 132px;
  margin-top: 7px;
}

.guitars-img {
  display: flex;
  justify-content: center;
}

/*Monisha  */

/* Changes in  Header */

main header.header-area {
  position: fixed;
  left: 0;
  top: 0px;
  width: 100%;
  z-index: 1300;
  background: #fff;
}

.top-item1-div span {
  color: white;
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  font-weight: 400;
  margin-top: 2.7px;
}

.top-item1-div-search span {
  color: white;
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.top-item1 img {
  object-fit: contain !important;
  /* width: 17px;
  height: 17px; */
}

.new-class-search {
  border: 1px solid #fff !important;
}

.top-item-search {
  position: absolute;
  right: 43px;
  z-index: 99999;
}

.top-item1-div-search img {
  object-fit: contain !important;
  width: 15px;
  height: 15px;
}

.search-icons {
  border-radius: 0px 10px 10px 0px;
  width: 40px;
  align-items: center;
  justify-content: center;
  padding: 2px;
}

.search-bar input {
  background: rgba(212, 217, 223, 0.5);
  border-radius: 32px;
  height: 37px !important;
  font-family: 'Sora', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

.top-bar1 {
  width: auto;
  margin: 0px;
  padding-top: 15px;
  padding-bottom: 13px;
}

.footer {
  background-color: #231f58 !important;
}

.footer-bottom {
  background-color: #231f58 !important;
}

.footer-bottom p {
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  opacity: 50%;
}

.footer p {
  margin: 0 0 10px 0;
  font-weight: 500;
  font-size: 13px;
  color: var(--white-color);
}

.footer .list-group .list-group-item {
  color: #d9d9d9;
  font-size: 12px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0.5rem 0px;
}

.footer-pointer-new {
  cursor: pointer;
  opacity: 50%;
  font-size: 10px;
}

.footer-pointer {
  cursor: pointer;
  opacity: 50%;
}

.footer-pointer span {
  font-size: 10px;
  line-height: 22px;
}

.footer-sign-up .signup-desc {
  max-width: 291px;
  color: #ffffff;
  text-align: justify;
  font-size: 12px;
  font-family: Poppins;
  font-weight: 400;
}

.top-item-cart1 {
  position: relative;
}

.footer-sign-section {
  display: flex;
  gap: 5px;
}

.footer-sign-section input {
  max-height: 36px;
  width: 100%;
  overflow: hidden;
  border: none;
  outline: none;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px 9px 12px 9px;
  border-radius: 4px;
  background-color: white;
  color: black;
  top: -7px !important;
}

.footer-sign-section input {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.text-light1 {
  position: relative;
  right: -100px;
  color: #ffffff;
}

.footer-sign-section button {
  border-radius: 4px;
  background: #e34061;
  max-width: 95px;
  max-height: 36px;
  border: none;
  outline: none;
  width: 100%;
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.new_design_container {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.musicstore {
  padding: 0px 44px 0px 44px !important;
}

.text-tag {
  font-family: 'Sora', sans-serif !important;
  font-size: 24px;
  font-weight: 800 !important;
  color: #3b4357 !important;
  margin-bottom: 0px;
}

.top_seller_title {
  color: #3b4357;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Sora', sans-serif;
  text-align: left;
}
.top_seller_title_new {
  color: rgba(59, 67, 87, 1);
  font-size: 20px;
  font-weight: 700;
  font-family: 'Sora', sans-serif;
  text-align: left;
  margin-bottom: 24px;
}
.product-image-new1 img {
  object-fit: contain;
  margin: 2px;
  width: 151px;
  height: 127px;
}

.product-image-new1 > div > img {
  object-fit: contain;
  margin: 2px;
  width: 151px;
  height: 127px;
}

.main-product .product-image-new1 {
  width: 100%;
  height: 156px;
  display: flex;
  justify-content: center;
  background-color: transparent;
}

.slick-next:before {
  content: '' !important;
  display: inline-block !important;
  width: 32px !important;
  height: 32px !important;
  background-image: url('/icons/arrow-right.png') !important;
  background-size: cover !important;
  position: relative;
  right: -12px;
  z-index: 9999;
  top: -11px !important;
  opacity: 1 !important;
}

.slick-next {
  right: 13px !important;
  z-index: 100;
}

.slick-prev:before {
  content: '' !important;
  display: inline-block !important;
  width: 32px !important;
  height: 32px !important;
  background-image: url('/icons/arrow-left.png') !important;
  background-size: cover !important;
  position: relative;
  left: -5px;
  z-index: 0 !important;
  top: -11px !important;
  opacity: 1 !important;
}

.slick-prev {
  left: -5px !important;
  z-index: 100;
}

.main-product .product-name {
  font-weight: 400;
  font-size: 14px;
  color: #3b4357;
  display: flex;
  margin: 0px 0px 0px 0px !important;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 50px;
  /* padding-top: 5px; */
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-family: 'Sora', sans-serif;
  text-transform: capitalize;
}

.main-product .product-name-brand {
  font-weight: 600;
  font-size: 14px;
  color: #3b4357;
  display: flex;
  margin: 0px 0px 0px 0px !important;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 50px;
  /* padding-top: 15px; */
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-family: 'Sora', sans-serif;
  text-transform: uppercase;
  line-height: 24px;
}

.main-product .product-name1 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.main-product .product-name1 {
  font-weight: 600;
  font-size: 13px;
  color: #3b4357;
  display: flex;
  margin: 0px 0px 0px 0px !important;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0px 8px 0px 8px;
  font-family: 'Sora', sans-serif;
  line-height: 24px;
}
.product-name-new {
  font-family: 'Sora', sans-serif;
  line-height: 24px;
  font-weight: 700;
  font-size: 14px;
  padding: 0px 8px 0px 8px;
  white-space: nowrap;
  color: #3b4357;
}
.add-sonn-item {
  display: flex;
  justify-content: center;
}

.cont-sont {
  width: 100%;
  height: 20px;
}

.slick-slider {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.main-product-thumb {
  border: 1px solid rgba(212, 217, 223, 1);
}

.main-product:hover {
  outline: 2px solid rgba(0, 0, 0, 0.5) !important;
}

.main-product {
  /* min-height: 305px; */
  min-height: 290px;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: white;
  cursor: pointer;
  border-radius: 2px;
  /* border: 1px solid #D4D9DF !important; */
  padding-bottom: 8px;
}

.music-store-text {
  font-family: 'Sora', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20.16px !important;
  text-align: left !important;
  color: #3b4357 !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
}

.premium_musical_title {
  font-family: 'Sora', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  color: #3b4357;
  text-align: left;
  padding-bottom: 24px;
}

.premium-musical {
  padding-top: 12px;
  padding-bottom: 32px;
  padding-inline: 0px;
  background-image: url('/images/home/premium_background.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.musician-testi {
  padding: 15px 0px;
  background-image: url('/images/home/testi.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.musician-testi-title {
  font-family: 'Sora', sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 25.22px;
  color: #3b4357;
  text-align: center;
}

.home-access-music-card {
  background-image: url('/images/home/premium_background.png');
}

.Piano-Beginners {
  min-height: 100px;
  border: 1px solid #d4d9df;
  padding: 19px 24px;
  border-radius: 12px;
  height: 100%;
}

.Keyboards-Beginners {
  background-color: #231f58;
  border: 1px solid #d4d9df;
  padding: 19px 24px;
  border-radius: 12px;
}

.Portable-keyboards {
  background-color: #e34061;
  border: 1px solid #d4d9df;
  padding: 19px 24px;
  border-radius: 12px;
}

.Musical-Keyboards {
  background-color: #f28ba9;
  border: 1px solid #d4d9df;
  padding: 19px 24px;
  border-radius: 12px;
}

.live-musical {
  background-color: #512a96;
  border: 1px solid #d4d9df;
  padding: 19px 24px;
  border-radius: 12px;
}

.KeyboardsPortable {
  background-color: #6b1579;
  border: 1px solid #d4d9df;
  padding: 19px 24px;
  border-radius: 12px;
}

.piano-titlebg {
  font-size: 18px !important;
  font-family: 'sora' !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  color: #fff;
  margin-bottom: 0px !important;
}

.piano-textbg {
  font-size: 13px !important;
  font-family: 'sora' !important;
  font-weight: 400 !important;
  line-height: 19.6px !important;
  color: #fff1a5;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.piano-amount {
  font-size: 13px !important;
  font-family: 'sora' !important;
  font-weight: 600 !important;
  line-height: 19.6px !important;
  color: #fff1a5;
}

.home-access-background {
  /* background: #231f58; */
  background: transparent;
  /* background-image: url("/images/checkout-new/Base-color.png");
  background-size: cover; */
  /* filter: brightness(0.4); */
  background-position: center;
  /* border: 1px solid #d4d9df; */
  padding: 14px 24px;
  border-radius: 12px;
  display: flex;
  position: relative;
  min-height: 100%;
}

.home-access-secondsec {
  display: flex;
  justify-content: flex-end;
}

.home-access-secondsecdiv {
  display: flex;
}

.swiper-pagination-bullet {
  width: 80px !important;
  height: 5px !important;
  background-color: #fff;
  opacity: 0.5;
  border-radius: 20px !important;
  margin: 0 8px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.swiper-pagination-bullet-active {
  background-color: #000000 !important;
  opacity: 50% !important;
}

.custom-prev-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
}
.custom-next-arrow {
  position: absolute;
  top: 43%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
}
.custom-prev-arrow-new,
.custom-next-arrow-new {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
}

.custom-prev-arrow {
  left: 172px;
  /* bottom: 196px; */
}

.custom-prev-arrow-new {
  left: 172px;
  /* bottom: 163px; */
}

.custom-next-arrow {
  right: 172px;
  /* bottom: 196px; */
}

.custom-next-arrow-new {
  right: 172px;
  /* bottom: 163px; */
}

.home-brands-box .brand-center {
  background: #f2f6f8;
}
.home-brands-box-new .brand-center {
  background: #ffffff;
}
.brand-center-container {
  background-color: white;
}

.brands-box {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  padding: 28px 0px 12px 0px;
}

.brands-box .brands-image {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.brands-box img {
  width: 120px;
  height: 26px;
  margin-bottom: 20px;
}

.brands-text {
  font-family: 'Sora', sans-serif;
  font-size: 12px;
  font-weight: 400;
  /* line-height: 15.52px; */
  text-align: center;
  margin-top: 2px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.home-brands-box {
  display: flex;
  border: 1px solid #d4d9df;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  padding: 10px 16px 10px 16px;
  width: 100%;
  cursor: pointer;
  max-height: 90px;
  height: 90px;
}
.home-brands-box > img {
  object-fit: contain !important;
}
.home-brands-box-new {
  display: flex;
  border: 1px solid #d4d9df;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  padding: 10px 16px 10px 16px;
  width: 100%;
  cursor: pointer;
  background-color: #ffffff;
  min-height: 90px;
  height: 90px;
}

.brand-center-slider {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 12px;
}
.brand-center-slider-new {
  background-color: #f2f6f8;
  padding: 20px;
  border-radius: 12px;
}
.brands-center-slick .slick-prev {
  left: -26px !important;
}

.brands-center-slick .slick-next {
  right: -7px !important;
}

/* home */

.home-topsection {
  padding-top: 20px;
}

.homenew-text-service {
  font-size: 22px !important;
  font-family: 'sora' !important;
  font-weight: 500 !important;
  line-height: normal;
  color: #00968a;
}

.homenew-music-service {
  font-size: 33px !important;
  font-family: 'sora' !important;
  font-weight: 700 !important;
  color: #00968a !important;
  margin-top: -10px !important;
}

.vector-img img {
  width: 40px;
  height: 33px;
}

.home-music-image img {
  width: 90px;
}

.home-music-text p {
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 500;
  line-height: 20.16px;
  text-align: center;
  color: #494949;
}

.more-text {
  position: absolute;
  top: 38px;
  right: 0px;
  z-index: 1000;
  font-family: 'Sora', sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  color: #00968a;
}

.home-music-bg {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 25px;
  padding-right: 25px;
}

.dj-text {
  font-family: 'Sora';
  font-size: 17px;
  font-weight: 700;
  line-height: 39px;
  text-align: left;
  color: #2f2a73;
}

.home-new-begin-card {
  border: 2px solid #d4d9df;
  border-radius: 12px;
  text-align: center;
  padding: 10px 0px 10px 0px;
  font-family: 'Sora', sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  color: '#3B4357';
}

.home-new-begin-card:hover {
  border: 2px solid #3b4357;
  border-radius: 12px;
  text-align: center;
  padding: 10px 0px 10px 0px;
  font-family: 'Sora', sans-serif;
  font-size: 15px;
  font-weight: 600 !important;
  line-height: 16px;
  text-align: center;
  color: #3b4357 !important;
}

.home-new-begin-card1 {
  border: 2px solid #d4d9df;
  border-radius: 12px;
  text-align: center;
  padding: 10px 0px 10px 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-family: 'Sora', sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  color: #3b4357;
  cursor: pointer;
}

.home-new-begin-card1 > p {
  color: #3b4357;
}

.home-new-begin-card1:hover {
  border: 2px solid #3b4357;
  border-radius: 12px;
  text-align: center;
  padding: 10px 0px 10px 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-family: 'Sora', sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  color: '#3B4357' !important;
}

.home-new-begin-category p {
  color: #3b4357 !important;
}

.home-new-begin-category:hover {
  border: 1px solid #3b4357 !important;
  border-radius: 8px;
  text-align: center;
  padding: 18px !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-family: 'Sora', sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  color: '#3B4357' !important;
}

.about-title {
  font-family: 'Sora', sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 39px;
  text-align: left;
  color: #2f2a73;
}

.about-title1 {
  font-family: 'Sora', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
  color: #3b4357;
}

.about-card {
  border: 2px solid #3b4357;
  border-radius: 34px;
  width: 100%;
  padding: 10px 0px 10px 0px;
  max-width: 150px;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 10px;
  cursor: pointer;
}

.about-card p {
  font-family: 'Sora', sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  color: #3b4357 !important;
}

.home-new-books {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}

.home-new-books-button {
  border: 1px solid #494949 !important;
  border-radius: 34px !important;
  color: #3b4357 !important;
  text-transform: capitalize !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 20.16px !important;
  text-align: left;
  max-height: 28px;
}

.css-1e6y48t-MuiButtonBase-root-MuiButton-root {
  padding: 0px 12px 0px 12px !important;
}

.home-new-books-text {
  font-family: 'Sora', sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 32.76px;
  text-align: left;
  color: #2f2a73;
  padding-bottom: 10px;
}

.home-new-books-button:hover {
  border: 1px solid #494949 !important;
  border-radius: 34px !important;
  color: #3b4357 !important;
  text-transform: capitalize !important;
  background-color: #3b4357 !important;
  color: #ffede1 !important;
}

.main-product-new-brand {
  width: 192px !important;
  display: flex;
  flex-direction: column;
  background-color: #f2f6f8;
  cursor: pointer;
  border-radius: 12px;
}

.main-product-new-brand .product-image-new2 {
  width: 190px;
  height: 171px;
  display: flex;
  justify-content: center;
  background-color: transparent;
}

.main-product-new-brand .product-image-new1 {
  width: 190px;
  height: 150px;
  display: flex;
  justify-content: center;
  background-color: transparent;
}

.product-image-new2 img {
  object-fit: contain;
  margin: 2px;
  width: 126px;
  height: 39px;
}

.main-product-new-brand .product-name-brand {
  font-weight: 600;
  font-size: 13px;
  color: #3b4357;
  display: flex;
  margin: 0px 0px 0px 0px !important;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 50px;
  padding: 15px 22px;
  font-family: 'Sora', sans-serif;
}

.home-new-books-section {
  background: linear-gradient(180deg, #fff8f3 29.76%, #ffdbc3 168.99%);
}

.top-item-cart img {
  object-fit: contain !important;
  height: 40px;
  width: 40px;
  padding: 6px;
}

.top-item-cart {
  justify-content: flex-end;
  display: flex;
}

/* mega menu */
/* Mega Menu Styles */

.menu-right-text {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  white-space: nowrap;
}

.menu-right-image {
  width: 37px;
  height: auto;
}

.menu-right-span {
  font-size: 15px;
  font-weight: 500 !important;
}

.menu-left-arrow {
  display: flex;
  gap: 6px;
}

.home-menu-relative {
  position: absolute;
  top: 65px;
  margin-left: 21px;
}

.home-menu-button {
  font-family: 'Sora';
  font-size: 10px;
  font-weight: 600;
  line-height: 16.59px;
  text-align: left;
  color: #ffffff;
  background: #e34061;
  border: 1px solid #e34061;
  border-radius: 2px;
  padding: 0px 6px 0px 5px;
}

.service-section-images {
  border: 1px solid #d4d9df;
  border-radius: 12px;
}

.guitars-text-service {
  font-size: 14px;
  font-weight: 500;
  font-family: 'Sora', sans-serif;
  text-align: center;
  color: #3b4357;
  padding-top: 10px;
}

.guitars-img-service {
  border: 1px solid #d4d9df;
  padding: 15px;
  border-radius: 12px;
}

.radiobtn[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 2px;
  background-clip: content-box;
  border: 2px solid #000000;
  opacity: 0.4;
  border-radius: 50%;
  vertical-align: bottom;
}

.radiobtn[type='radio']:checked {
  background-color: #e34061;
  border: 2px solid #e34061;
  opacity: 1;
}

.radiobtn[type='radio']:checked::-ms-check {
  border: 2px solid #e34061;
  color: #e34061;
  opacity: 1;
}

.menu-parent {
  color: #3b4357 !important;
  font-size: 14px;
  font-weight: 600 !important;
  font-family: 'Sora', sans-serif !important;
}

.menu-list-item {
  padding-left: 0px !important;
}

.menu-list-item1 {
  color: #3b4357 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  font-family: 'Sora', sans-serif !important;
}

.text-overfolw {
  overflow-y: auto;
  height: 100%;
  max-height: 80px !important;
  scrollbar-color: #d4d9df #fff !important;
  scrollbar-width: none !important;
  border-radius: 10px;
  margin-bottom: 8px;
}

.home-banner-img {
  width: 100%;
  height: 38vh;
}

.text-overfolw::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #737272;
  border: 1px solid #000;
}

.mega-menu-column1 {
  margin-top: -10px;
}

.video-content {
  padding-top: 8px !important;
  padding-bottom: 4px !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.canvas {
  color: black;
}

.accordion-res-header {
  font-family: 'Sora', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 25.2px !important;
  text-align: center !important;
  color: #3b4357 !important;
}

.accordion-res-header1 {
  font-family: 'Sora', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.2px;
  text-align: center;
  color: #3b4357;
}

.accordion-menu:before {
  background-color: white !important;
}

.accordion-menu {
  box-shadow: none !important;
}

.menu-image {
  cursor: pointer;
}

.menu-mobile-service {
  margin-top: -56px;
}

.homenew-text-service-mobile {
  font-size: 15px;
  font-family: 'sora';
  font-weight: 500;
  line-height: normal;
  color: #00968a;
}

.homenew-music-service-mobile {
  font-size: 25px;
  font-family: 'sora';
  font-weight: 700;
  color: #00968a;
  margin-top: -10px;
}

.mega-menu-mobile {
  border-radius: 32px;
  border: 1px solid #494949 !important;
  padding: 5px 8px 7px 8px !important;
}

.checkout-new-head {
  font-family: 'Sora', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 22.68px !important;
  text-align: center !important;
  color: #3b4357 !important;
}

.checkout-new-head1 {
  font-family: 'Sora', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 22.68px !important;
  text-align: center !important;
  color: #3b4357 !important;
}

.top-bar1 .icon-group-checkoutnew ul {
  list-style: none;
  display: flex !important;
  gap: 10px;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}

.header-area-checkoutnew {
  position: fixed;
  left: 0;
  top: 0px;
  width: 100%;
  z-index: 1300;
  background: #fff;
  box-shadow: 0px 4px 15px 0px #00000026;
}

.accordion-checkout-new:before {
  background-color: white !important;
}

.accordion-checkout-new {
  box-shadow: none !important;
}

.accordion-checkout-new-summary {
  background-color: #f4f3f8 !important;
  color: #f4f3f8 !important;
  border-radius: 12px !important;
  opacity: unset !important;
  margin-bottom: 10px !important;
}

.accordion-checkout-new-text {
  color: #231f58 !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 30.24px !important;
  text-align: right !important;
}

.accordion-checkout-new-box {
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  align-items: center !important;
}

.accordion-checkout-new-box1 {
  background-color: #231f58 !important;
  padding: 5px 15px 5px 15px !important;
  border-radius: 6px !important;
}

.accordion-checkout-new .accordion-checkout-new-summary.Mui-expanded {
  background-color: #231f58 !important;
  color: white !important;
  border-radius: 12px !important;
  opacity: unset !important;
}

.accordion-checkout-new
  .accordion-checkout-new-summary
  .Mui-expanded
  .accordion-checkout-new-box1 {
  background-color: #66638a !important;
  padding: 5px 15px 5px 15px !important;
  border-radius: 6px !important;
}

.accordion-checkout-new
  .accordion-checkout-new-summary
  .Mui-expanded
  .accordion-checkout-new-box1-text {
  font-family: 'Sora', sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 25.2px !important;
  text-align: right !important;
  color: white !important;
}

.accordion-checkout-new
  .accordion-checkout-new-summary.Mui-expanded
  .accordion-checkout-new-text {
  color: white !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 30.24px !important;
  text-align: right !important;
}

.accordion-checkout-new-box1-text {
  font-family: 'Sora', sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 25.2px !important;
  text-align: right !important;
  color: white !important;
}

.accordion-checkout-new
  .css-sh22l5-MuiButtonBase-root-MuiAccordionSummary-root.Mui-expanded
  .accordion-checkout-new-text
  .accordion-checkout-new-box1-text {
  font-family: 'Sora', sans-serif;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 25.2px !important;
  text-align: right !important;

  color: #231f58 !important;
}

.home-header-menu .MuiMenu-paper {
  top: 54px !important;
  width: 200px !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.home-header-menu .MuiList-padding {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.header-box {
  background-color: #f2f6f8;
  width: 100%;
  padding: 10px 16px;
  border-radius: 8px;
}

@media screen and (max-width: 599px) {
  .video-player-width {
    width: 100% !important;
  }
}

.checkout-payment-text {
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 17.64px;
  text-align: center;
  color: #3b4357;
  align-items: center;
  display: flex;
}

.checkout-new-button {
  border-radius: 44px !important;
  opacity: unset !important;
  background-color: #e34061 !important;
  width: 145px !important;
  height: 44px !important;
  color: white !important;
  font-weight: 600 !important;
  font-family: 'Sora', sans-serif !important;
  text-transform: capitalize !important;
  font-size: 14px !important;
  border-color: #e34061 !important;
}

.checkout-new-button:hover {
  border-radius: 44px !important;
  opacity: unset !important;
  background-color: #e34061 !important;
  width: 145px !important;
  height: 44px !important;
  color: white !important;
  font-weight: 600 !important;
  font-family: 'Sora', sans-serif !important;
  text-transform: capitalize !important;
  font-size: 14px !important;
}

/* abin */
/* / cart / */

.cart-text {
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
  color: #3b4357;
}

.cart .productname {
  font-family: 'Sora', sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 26px;
  color: #3b4357;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.cart .amount-cartbg {
  padding-bottom: 5px;
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22.68px;
  color: #3b4357;
}

.cart .amount-cartbg span {
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.68px;
}

.delete-button {
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #818694;
}

.cart .quanty-icons {
  cursor: pointer;
  height: 100%;
  padding: 2px;
  width: 36px;
  display: flex;
  color: #3b4357;
  border-radius: 8px 0px 0px 8px;
  align-items: center;
  justify-content: center;
  border: 1px solid #d4d9df;
  background-color: #d4d9df;
}

.cart .quanty-iconquantity {
  cursor: pointer;
  height: 100%;
  padding: 2px;
  width: 40px;
  color: #3b4357;
  display: flex;
  border-radius: 0px;
  border-left: 0px;
  align-items: center;
  justify-content: center;
  border: 1px solid #d4d9df;
  background-color: #fff;
  font-size: 16px;
  font-family: 'Sora', sans-serif;
  font-weight: 400;
}

.cart .quanty-iconquantity1 {
  cursor: pointer;
  height: 100%;
  padding: 2px;
  width: 40px;
  color: #3b4357;

  font-size: 16px;
  font-family: 'Sora', sans-serif;
  font-weight: 400;
}

.cart .quanty-iconsbg {
  cursor: pointer;
  height: 100%;
  padding: 2px;
  width: 36px;
  color: #3b4357;
  border-left: 0px;
  border-radius: 0px 8px 8px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d4d9df;
  background-color: #d4d9df;
}

.amount-total span {
  font-family: 'Sora', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #3b4357;
}

.amount-total {
  color: #3b4357;
  font-family: 'Sora', sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.cart-Summary {
  color: #3b4357;
  font-family: 'Sora', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 25.2px;
}

.subtotal-items {
  color: #3b4357;
  font-family: 'Sora', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.total-amount-items span {
  color: #3b4357;
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}

.total-amount-items {
  color: #3b4357;
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
}

.total-items {
  color: #3b4357;
  font-family: 'Sora', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25.2px;
  margin-top: 10px;
}

.total-amount1-items span {
  color: #3b4357;
  font-family: 'Sora', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25.2px;
}

.total-amount1-items {
  color: #3b4357;
  font-family: 'Sora', sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 25.2px;
  margin-top: 10px;
}

.bg-addtocheck {
  background: #e34061;
  border-radius: 44px;
  font-weight: 600;
  font-size: 15px;
  font-family: 'Sora', sans-serif;
  line-height: 24px;
  border: 1px solid #e34061 !important;
  color: #fff !important;
}

.bg-addtocheck,
.bg-buyshopping:focus {
  box-shadow: unset !important;
}

.bg-buyshopping {
  background: #fff;
  border-radius: 44px;
  font-weight: 600;
  font-size: 15px;
  font-family: 'Sora', sans-serif;
  line-height: 24px;
  border: 1px solid #b3b8c7 !important;
  color: #3b4357 !important;
}

.cart-list-description {
  border: 1px solid #d4d9df;
  border-radius: 12px;
  padding: 11px;
}

.Cart-boxbg .cart-store-title {
  font-family: 'Sora', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.16px;
  color: #3b4357;
}

.expert-cart-title {
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #3b4357;
}

.mobile-cart {
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  color: #3b4357;
}

.cart-list-description {
  margin-top: 20px;
}

.quality-buttoncart {
  display: flex;
  height: 35px;
}

.delete-img {
  cursor: pointer;
}

.delete-img img {
  height: 20px;
  width: 19px;
}

.brands-cart-title {
  font-family: 'Sora';
  font-size: 23px;
  font-weight: 700;
  line-height: 25.22px;
  text-align: center;
  color: #3b4357;
}

.catogory-accordin .unselected-accordion {
  box-shadow: none !important;
  border-radius: 8px !important;
}

.unselected-accordion::before {
  background-color: unset !important;
}

.selected-accordion {
  border-radius: 8px !important;
}

.cart-yest {
  font-family: 'Sora';
  font-size: 18px;
  font-weight: 400;
  line-height: 27.72px;
  color: #3b4357;
}

.dalivery-title {
  font-family: 'Sora', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 27.72px;
  color: #3b4357;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.dalivery-box-bg {
  border: 1px solid #d4d9df;
  border-radius: 12px;
}

.dalivery-standard {
  display: flex;
  align-items: center;
  gap: 10px;
}

.table-heading-portion {
  border-color: unset !important;
}

.standard-days {
  font-family: 'Sora', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  color: #3b4357 !important;
}

.standard-days span {
  font-family: 'Sora', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: #3b4357 !important;
}

.arrives-data {
  font-family: 'Sora', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
  color: #818694 !important;
}

.dalivery-free {
  font-family: 'Sora', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 30px !important;
  text-align: right !important;
  color: #3b4357 !important;
}

.dalivery-free span {
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}

.radio-buttons .Mui-checked {
  color: #e34061 !important;
}

.radio-buttons .MuiRadio-colorPrimary:hover {
  background-color: unset !important;
}

.radio-buttons .MuiTypography-body1 {
  font-family: 'Sora', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 30px !important;
}
.radio-buttons-new .MuiTypography-body1 {
  font-family: 'Sora', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.dalivery-standard-add .Mui-checked {
  color: #e34061 !important;
  padding: 0px !important;
}

.dalivery-standard .Mui-checked {
  color: #e34061 !important;
}

.check-box .Mui-checked {
  color: #e34061 !important;
}

.dalivery-standard .MuiRadio-colorPrimary:hover {
  background-color: unset !important;
}

.check-box .MuiCheckbox-colorPrimary:hover {
  background-color: unset !important;
}

.check-box .MuiTypography-body1 {
  font-family: 'Sora', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
  color: #3b4357 !important;
}

.input-dalivery .MuiOutlinedInput-input {
  border: 1px solid #3b4357;
  border-radius: 2px;
}

.lable-dalivery {
  font-family: 'Sora', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 23.68px !important;
  color: #3b4357 !important;
}

.dalivery-add-name {
  font-family: 'Sora', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 25.2px !important;
  color: #3b4357 !important;
}

.dalivery-box-add {
  padding: 3px 8px;
  border: 1px solid #818694;
  border-radius: 6px;
}

.dalivery-box-add .dalivery-text-name {
  font-family: 'Sora', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 15.64px !important;
  color: #3b4357 !important;
  text-transform: capitalize !important;
}

.address-dalivery-box {
  width: 230px;
}

.adress-list-dalivery {
  font-family: 'Sora', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  color: #3b4357 !important;
}

.Landmark-list span {
  font-family: 'Sora', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 25px !important;
  color: #3b4357 !important;
}

.Landmark-list {
  font-family: 'Sora', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  color: #3b4357 !important;
}

.dalivery-display {
  display: flex;
  align-items: center;
  gap: 10px;
}

.dalivery-edit {
  font-family: 'Sora', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 25.2px !important;
  color: #e34061 !important;
  cursor: pointer;
  padding: 0px !important;
}

.dalivery-edit-bill {
  font-family: 'Sora', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 25.2px !important;
  color: #e34061 !important;
  cursor: pointer;
  padding: 0px !important;
}

.dalivery-delete {
  font-family: 'Sora', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 25.2px !important;
  color: #818694 !important;
  cursor: pointer;
}

.addaddress-text {
  font-family: 'Sora', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 22.68px !important;
  color: #3b4357 !important;
  padding: 4px 12px !important;
  width: 139px !important;
  border: 1px solid #b3b8c7 !important;
  border-radius: 34px !important;
}

.cart-itemspage-section {
  display: flex;
  gap: 12px;
}

.shipping-title {
  font-family: 'Sora' !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #3b4357 !important;
}

.accordion-details {
  padding: 8px 0px 0px !important;
}

.check-out-input input {
  height: 40px;
  border-radius: 1px;
  background: #fff;
  border: 1px solid #3b4357 !important;
  font-size: 12px !important;
  font-family: 'Sora' !important;
  font-weight: 400 !important;
  color: #3b4357 !important;
  padding: 12px !important;
}

.check-out-input input::placeholder {
  color: #818694;
  font-size: 12px;
  font-family: 'Sora';
  font-weight: 400;
  line-height: normal;
}

.bg-black-button {
  background-color: #494949 !important;
  border-color: #494949 !important;
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 600;
  line-height: 22.68px;
  color: white !important;
}

.check-out-input .form-control:focus {
  box-shadow: none !important;
}

.product-box-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.check-color-box {
  padding: 0px !important;
}

.check-color-box .Mui-checked {
  color: #e34061 !important;
}

.new-radio input {
  font-size: 16px !important;
  width: 20px !important;
}

.form-rows-return {
  --bs-gutter-x: 0px !important;
}

.Product-order img {
  object-fit: contain;
}

@media screen and (max-width: 576px) {
  .premium-musical {
    background-image: none !important;
    background-color: #bce3d8 !important;
  }
  .my-profile-title > h5 {
    font-size: 24px !important;
  }
  .my-profile-title > h1 {
    font-size: 24px !important;
  }
  .cart-text {
    font-size: 10px !important;
  }

  .cart .productname {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
  }

  .cart .amount-cartbg,
  .cart .amount-cartbg span {
    font-size: 12px !important;
    padding-bottom: 0px !important;
  }

  .cart .quanty-icons {
    width: 20px !important;
    border-radius: 4px 0px 0px 4px !important;
    font-size: 9px !important;
  }

  .cart .quanty-iconquantity {
    width: 20px !important;
    font-size: 12px !important;
  }

  .cart .quanty-iconsbg {
    width: 20px !important;
    border-radius: 0px 4px 4px 0px !important;
    font-size: 9px !important;
  }

  .quality-buttoncart {
    height: 26px;
  }

  .amount-total,
  .amount-total span {
    font-size: 10px !important;
  }

  .delete-img img {
    width: 14px !important;
    height: 15px !important;
  }

  .delete-button {
    font-size: 12px !important;
  }

  .cart-top-bg {
    margin-bottom: 20px !important;
  }

  .cart-top-bg1 {
    margin-bottom: 0px !important;
  }

  .cart-sum {
    margin-top: 10px;
  }

  .cart-Summary {
    font-size: 16px !important;
  }

  .subtotal-items {
    font-size: 14px !important;
    /* margin-bottom: 1px !important; */
  }

  .total-amount-items,
  .total-amount-items {
    font-size: 14px !important;
    margin-bottom: 1px !important;
  }

  .Cart-boxbg .cart-store-title {
    font-size: 13px !important;
  }

  .expert-cart-title {
    font-size: 12px !important;
  }

  .brands-cart-title {
    font-size: 18px !important;
  }

  .cart-yest {
    font-size: 14px !important;
  }

  .form-rows {
    --bs-gutter-x: 0px !important;
  }

  .dalivery-title {
    font-size: 18px !important;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .shipping-label-name {
    font-family: 'Sora' !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 23.68px !important;
    color: #3b4357;
  }

  .product-list-selection {
    display: unset !important;
    width: 100%;
  }

  .product-list-selection-image1 {
    justify-content: center;
  }

  .checkbox-labelproduct {
    position: absolute;
    top: 0px;
    left: 0px;
  }

  .product-list-selection-addIcon {
    left: 49% !important;
    bottom: -14px;
    top: unset !important;
  }

  .add-to-cart-button {
    margin-left: 0px !important;
    margin-top: 11px !important;
  }

  .add-to-cart-Icon {
    height: 37px;
    font-size: 10px !important;
  }

  .shipping-input input::placeholder {
    font-family: 'Sora' !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 19.6px !important;
    color: #818694 !important;
  }

  .form-check-label {
    font-family: 'Sora' !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #3b4357 !important;
  }

  .form-check-box {
    font-family: 'Sora' !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    color: #3b4357 !important;
  }

  .dalivery-standard {
    gap: 4px !important;
  }

  .standard-days {
    font-size: 11px !important;
  }

  .standard-days span {
    font-size: 11px !important;
  }

  .arrives-data {
    font-size: 11px !important;
    line-height: 19px !important;
  }

  .dalivery-free {
    font-size: 10px !important;
  }

  .main-product .product-image-new1 {
    /* width: 160px !important; */
    width: 100% !important;
  }

  .main-product {
    /* width: 170px !important; */
    width: 100% !important;
    max-width: unset !important;
  }

  .product-detailsHead h1 {
    font-size: 20px !important;
    line-height: 27.72px !important;
  }

  .priceSection .priceSection-mrp-price {
    font-size: 18px !important;
  }

  .priceSection .priceSection-mrp-price span {
    font-size: 18px !important;
  }

  .paragraph-Ctr {
    font-size: 12px !important;
  }

  .true-store-title {
    font-size: 16px !important;
  }

  .expert-products-title,
  .number-style {
    font-size: 14px !important;
    display: flow-root;
  }

  .element-title,
  .element-value {
    font-size: 12px !important;
  }

  .showing-home {
    padding-inline: 0px !important;
    margin-bottom: 8px;
  }

  .new-breadcrum-home {
    padding-left: 0px !important;
    color: #818694;
  }

  .breadcrumb-item.active a {
    color: #818694;
  }

  .content,
  .sidebar {
    margin-top: 0px !important;
  }

  .breadcrumb {
    margin-bottom: 3px !important;
  }

  .new-respo .main-product {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    background-color: #fff !important;
    cursor: pointer !important;
    outline: 2px solid #fff;
    text-align: center !important;
  }

  .new-respo .main-product .product-image-new {
    width: 100% !important;
    height: 175px !important;
    display: flex !important;
    justify-content: center !important;
    background-color: #fff !important;
  }

  .product-box-item {
    display: unset !important;
    flex-direction: unset !important;
    justify-content: unset !important;
    height: unset !important;
  }

  .main-product .product-names1 {
    font-size: 16px !important;
    height: unset !important;
    max-height: unset !important;
  }

  .product-names-desc {
    margin-bottom: 0px !important;
  }

  .product-prices {
    font-size: 14px !important;
  }

  .main-product .product-footer > div {
    display: flow-root !important;
  }

  .add-list-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
  }

  .add-text-cart {
    font-family: 'Sora';
    font-size: 12px;
    font-weight: 600;
    line-height: 25.5px;
    text-align: left;
    color: #000;
  }

  .sticky-toolbar {
    top: 6% !important;
  }

  .prev-text-icon,
  .text-field-icon3,
  .text-field-icon2 {
    font-size: 12px !important;
  }

  .new-respo .cartNew {
    height: 40px;
    width: 40px;
  }

  .text-field-icon1 {
    font-size: 12px !important;
    padding: 5px !important;
    margin: 3px !important;
  }

  .brands-faq-title {
    font-size: 16px !important;
  }

  .footerline-item {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
  }

  .view-icon {
    margin-top: 0px !important;
  }

  .cart-button a.btn,
  .bg-buynow {
    margin: 4px 4px !important;
  }

  .cart-button-text {
    margin: 4px 4px 10px 4px !important;
  }

  .review-options-title {
    margin-bottom: 1px !important;
  }

  .new-product-details {
    height: 100% !important;
  }

  .keen-slide2 {
    min-width: 108px !important;
    min-height: 53px !important;
    width: 100% !important;
  }

  .keen-slide2 {
    padding-inline: unset !important;
    padding-block: unset !important;
  }

  .top-item-cart {
    display: flex;
    justify-content: center !important;
    align-items: center;
  }

  .action-button {
    display: flow-root !important;
  }

  .home-banner-img {
    height: 32vh !important;
    object-fit: cover !important;
  }
}

@media (min-width: 577px) and (max-width: 768px) {
  .premium-musical {
    background-image: none !important;
    background-color: #bce3d8 !important;
  }
  .my-profile-title > h5 {
    font-size: 26px !important;
  }
  .my-profile-title > h1 {
    font-size: 26px !important;
  }

  .home-banner-img {
    height: 36vh !important;
    object-fit: cover !important;
  }

  .cart-text {
    font-size: 12px !important;
  }

  .cart .productname {
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
  }

  .cart .amount-cartbg,
  .cart .amount-cartbg span {
    font-size: 13px !important;
    padding-bottom: 0px !important;
  }

  .cart .quanty-icons {
    width: 25px !important;
    border-radius: 8px 0px 0px 8px !important;
    font-size: 10px !important;
  }

  .cart .quanty-iconquantity {
    width: 30px !important;
    font-size: 12px !important;
  }

  .cart .quanty-iconsbg {
    width: 25px !important;
    border-radius: 0px 8px 8px 0px !important;
    font-size: 10px !important;
  }

  .amount-total,
  .amount-total span {
    font-size: 13px !important;
  }

  .cart-top-bg {
    margin-bottom: 20px !important;
  }

  .cart-top-bg1 {
    margin-bottom: 0px !important;
  }

  .cart-sum {
    margin-top: 10px;
  }

  .main-product .product-image-new1 {
    /* width: 191px !important; */
    width: 100% !important;
  }

  .main-product {
    /* width: 190px !important; */
    max-width: unset !important;
  }

  .showing-home {
    /* padding-inline: 0px !important; */
    margin-bottom: 8px;
  }

  .new-breadcrum-home {
    padding-left: 0px !important;
    color: #818694;
  }

  .breadcrumb-item.active a {
    color: #818694;
  }

  .content,
  .sidebar {
    margin-top: 3px !important;
  }

  .breadcrumb {
    margin-bottom: 3px !important;
  }

  .new-respo .main-product {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    background-color: #fff !important;
    cursor: pointer !important;
    outline: 2px solid #fff;
    text-align: center !important;
  }

  .new-respo .main-product .product-image-new {
    width: 100% !important;
    height: 175px !important;
    display: flex !important;
    justify-content: center !important;
    background-color: #fff !important;
  }

  .product-names-desc {
    margin-bottom: 0px !important;
  }

  .product-prices {
    font-size: 14px !important;
  }

  .main-product .product-footer > div {
    display: flow-root !important;
  }

  .add-list-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
  }

  .add-text-cart {
    font-family: 'Sora';
    font-size: 12px;
    font-weight: 600;
    line-height: 25.5px;
    text-align: left;
    color: #000;
  }

  .new-respo .cartNew {
    height: 40px;
    width: 40px;
  }

  .custom-prev-arrow {
    left: 80px !important;
    /* bottom: 20px !important; */
  }

  .popup-brand-alphabet {
    gap: 9px !important;
  }
}

.music-section-sec .slick-track {
  margin-right: unset;
  margin-left: unset;
}
@media (max-width: 500px) {
  .music-section-sec .slick-list {
    padding: 0px 25px 0px 0px !important;
  }
  .music-section-sec .slick-next:before {
    content: '' !important;
    display: inline-block !important;
    width: 32px !important;
    height: 32px !important;
    background-image: url('/icons/arrow-right.png') !important;
    background-size: cover !important;
    position: relative;
    right: 2px !important;
    z-index: 9999;
    top: -11px !important;
    opacity: 1 !important;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .premium-musical {
    background-image: none !important;
    background-color: #bce3d8 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .menu-parent {
    font-size: 10px !important;
  }
  .new-premium-block {
    margin-top: 16px !important;
  }
  .menu-list-item1 {
    font-size: 9px !important;
  }

  .sticky-toolbar {
    top: 21% !important;
  }
}

@media (min-width: 1201px) and (max-width: 1600px) {
  .sticky-toolbar {
    top: 16% !important;
  }
}

@media (min-width: 1601px) and (max-width: 1799px) {
  .sticky-toolbar {
    top: 15% !important;
  }
}

/* @media (min-width: 1800px) and (max-width: 4300px) {

  .sticky-toolbar {
    top: 6.4% !important;
  }
} */
@media (min-width: 900px) and (max-width: 991px) {
  .menu-parent {
    font-size: 8px !important;
  }

  .menu-list-item1 {
    font-size: 8px !important;
  }
}

@media (min-width: 1300px) and (max-width: 1537px) {
  .menu-parent {
    font-size: 11px !important;
  }

  .menu-list-item1 {
    font-size: 10px !important;
  }
}

@media only screen and (min-width: 1601px) {
  .menu-list-item1 {
    font-size: 11px !important;
  }
}

/* @media (min-width: 1500px) and (max-width: 1799px) {
  .sticky-filter {
    position: -webkit-sticky;
    position: sticky;
    top: 32% !important;
    max-height: 55vh !important;
    background-color: #ffffff;
    overflow-y: auto;
  }
} */
/* 
@media only screen and (min-width: 4301px) {
  .sticky-toolbar {
    top: 6.4% !important;
    position: -webkit-sticky;
    position: sticky;

    height: -moz-fit-content;
    height: fit-content;
    background-color: #ffffff;
    z-index: 100;
  }} */

@media only screen and (min-width: 4501px) {
  .sticky-toolbar {
    top: 4.4% !important;
  }

  .sidebar .sidebar-title {
    margin-top: -580px;
  }
}

@media (min-width: 3001px) and (max-width: 4500px) {
  .sticky-toolbar {
    top: 6.4% !important;
  }

  .sidebar .sidebar-title {
    margin-top: -600px;
  }
}

@media (min-width: 2501px) and (max-width: 3000px) {
  .sticky-toolbar {
    top: 9.4% !important;
  }

  .sidebar .sidebar-title {
    margin-top: -600px;
  }
}

@media (min-width: 1800px) and (max-width: 2500px) {
  .sticky-toolbar {
    top: 12.4% !important;
    position: -webkit-sticky;
    position: sticky;

    height: -moz-fit-content;
    height: fit-content;
    background-color: #ffffff;
    z-index: 100;
  }

  .new-tool {
    margin-top: 3px !important;
  }

  .sticky-filter {
    position: -webkit-sticky;
    position: sticky;
    top: 32% !important;
    max-height: 62vh !important;
    background-color: #ffffff;
    overflow-y: auto;
  }
}

/* 
.new-product-design {
  max-width: 97%!important;
  width: 100%!important;
  border-color: white!important;
}

@media (min-width:601px) and (max-width:1600px) {
  .new-product-design {
    max-width: 93.5%!important;
    width: 100%!important;
    border-color: white!important;
  }
  
} */

@media (min-width: 850px) and (max-width: 899px) {
  .menu-parent {
    font-size: 8px !important;
  }

  .menu-list-item1 {
    font-size: 8px !important;
  }
}

@media (min-width: 768px) and (max-width: 849px) {
  .menu-parent {
    font-size: 6.7px !important;
  }

  .menu-list-item1 {
    font-size: 6.7px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1400px) {
  .sticky-filter {
    top: 40% !important;
    max-height: 50vh !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .sticky-toolbar {
    top: 21% !important;
  }
  .new-premium-block {
    margin-top: 16px !important;
  }
  .sticky-filter {
    top: 35% !important;
    max-height: 55vh !important;
  }
}

@media (min-width: 1200px) and (max-width: 1299px) {
  .menu-parent {
    font-size: 11px !important;
  }

  .menu-list-item1 {
    font-size: 9px !important;
  }

  .sticky-toolbar {
    top: 20% !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .menu-hover-border:hover {
    border-bottom: 5px solid white;
    margin-bottom: -9px;
  }

  .menu-hover-border1:hover {
    border-bottom: 5px solid white;
    margin-bottom: -9px;
  }

  .popup-brand-alphabet {
    gap: 9px !important;
  }
}

/* Monisha check out */
.cart-checkout-sub-product {
  display: flex;
  flex-direction: row;
}

.arrow-image-size {
  width: 15px;
}

.home-new-begin-card1 .arrow-image {
  display: none;
}

.home-new-begin-card1:hover .arrow-image {
  display: block;
}

.home-new-begin-category .arrow-image {
  display: none;
}

.home-new-begin-category:hover .arrow-image {
  display: block;
}

.header-welcome {
  font-family: 'Sora';
  font-size: 16px !important;
  font-weight: 400;
  line-height: 23px;
  text-align: left !important;
  color: #3b4357;
}

.header-mobile {
  font-family: 'Sora';
  font-size: 13px;
  font-weight: 400;
  line-height: 20.44px;
  text-align: left;
  color: #818694;
}

.home-my-orders {
  font-family: 'Sora' !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 23px !important;
  text-align: left !important;
  color: #3b4357 !important;
}

.home-logout {
  font-family: 'Sora' !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 23px !important;
  text-align: left !important;
  color: #f34444 !important;
  padding-bottom: 20px !important;
}

.enquire-text {
  color: #3b4357;
}

.pagination-text {
  display: flex;
  justify-content: center;
  align-items: center;
}

.left-arrow-icon {
  margin-right: 5px;
  margin-left: 10px;
  cursor: pointer;
  object-fit: contain;
}

.left-arrow-icon1 {
  margin-left: 5px;
  margin-right: 12px;
  cursor: pointer;
  object-fit: contain;
}

.prev-text-icon {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
  color: #3b4357;
  cursor: pointer;
}

.text-field-icon1 {
  border: 1px solid #818694;
  border-radius: 2px;
  padding: 2px;
  font-family: 'Sora';
  font-size: 14px;
  margin: 10px;
  font-weight: 400;
  line-height: 20.16px;
  padding-inline: 8px;
  color: #3b4357;
  padding: 10px;
  border-radius: 4px;
}

.musical-accordion {
  overflow-y: auto;
  height: 245px;
}

.text-field-icon2 {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
  padding-inline: 8px;
  color: #3b4357;
}

.text-field-icon3 {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  margin-right: 12px;
  line-height: 20.16px;
  padding-inline: 3px;
  color: #3b4357;
}

.paginatiion-first {
  cursor: pointer;
  object-fit: contain;
  margin-right: 7px;
}

.paginatiion-last {
  cursor: pointer;
  object-fit: contain;
}

.horizontal-line {
  border-top: 2px solid #d4d9df;
}

.popup-brand-alphabet {
  display: flex;
  justify-content: flex-start;
  gap: 14px;
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 400;
  line-height: 20.16px;
  text-align: left;
  cursor: pointer;
}

.navbar {
  flex-wrap: wrap !important;
}

.view-all-link {
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 400;
  line-height: 25.5px;
  text-align: left;
  color: #006ae0;
}

.brands-viewall {
  font-family: Sora;
  font-size: 20px;
  font-weight: 600;
  line-height: 25.2px;
  text-align: left;
  color: #3b4357;
}

.view-all-cancel {
  border-radius: 44px;
  background-color: #ffffff;
  border: 1px solid #d4d9df;
  font-family: Sora;
  font-size: 15px;
  font-weight: 600;
  line-height: 22.68px;
  text-align: center;
  color: #3b4357;
  padding: 8px 10px;
  text-transform: capitalize;
  width: 150px;
  min-height: 41px;
}

.view-all-submit {
  border-radius: 44px;
  background-color: #e34061;
  border: 1px solid #d4d9df;
  font-family: Sora;
  font-size: 15px;
  font-weight: 600;
  line-height: 22.68px;
  text-align: center;
  color: #ffffff;
  padding: 8px 10px;
  text-transform: capitalize;
  width: 150px;
  min-height: 41px;
}

.view-all-submit:hover {
  background-color: #e34061;
  border: 1px solid #d4d9df;
  color: #ffffff;
}

.action-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

.brand-label-item {
  color: #3b4357;
  font-family: Sora;
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
  margin-left: 8px;
}

.filtered-Inputs {
  margin-right: 10px;
  margin-top: 20px;
}

.main-product .product-names1 {
  font-family: 'Sora';
  font-size: 17px;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
  color: rgba(59, 67, 87, 1);
  padding: 23px 8px 0px 8px;
  text-transform: capitalize;
  height: 100%;
  max-height: 100px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-names-desc {
  font-family: 'Sora';
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  min-height: 60px;
  text-align: left;
  color: rgba(129, 134, 148, 1);
  padding-inline: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-prices {
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 600;
  line-height: 25.2px;
  padding-top: 7px;
  text-align: center;
  color: #3b4357;
  /* margin-left: 5px; */
  min-height: 10px;
}

.product-prices-amount {
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 600;
  line-height: 25.2px;
  padding-top: 7px;
  text-align: left;
  color: #3b4357;
  margin-left: 5px;
  min-height: 10px;
}

.product-prices-rate {
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 600;
  line-height: 25.2px;
  padding-top: 7px;
  display: flex;
  justify-content: center !important;
  align-items: center;
  color: #3b4357;
  min-height: 10px;
}

.product-prices-strick {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 17.64px;
  text-align: left;
  color: #818694;
  /* margin-left: 5px; */
}

.product-offers {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 600;
  line-height: 20.16px;
  text-align: left;
  color: #e34061;
  margin-top: 5px;
  padding-left: 6px;
  /* min-height: 10px; */
  word-break: break-word; 
  white-space: normal;
  overflow-wrap: break-word;
  display: block;
}

.cancel-icon-filter:hover {
  background-color: unset !important;
}

.filter-search-bar .MuiInputBase-colorPrimary {
  border-radius: 32px !important;
  background: rgba(212, 217, 223, 0.5) !important;
}

.filter-portion-selected > :nth-child(1) {
  color: #3b4357;
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 600;
  line-height: 17.64px;
  padding-inline: 5px;
}

.filter-search-bar {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
  color: #d4d9df;
}

.filter-search-bar .MuiOutlinedInput-notchedOutline {
  border-color: #d4d9df !important;
}

.filter-portion-selected {
  margin-right: auto;
}

.button-container {
  display: flex;
  gap: 12px;
}

.filter-portion-selected > :nth-child(2) {
  color: #3b4357;
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 400;
  line-height: 17.64px;
  text-align: left;
}

.cancel-icon-filter:hover {
  background-color: unset !important;
}

.filter-search-bar {
  background-color: rgba(212, 217, 223, 0.5) !important;
  border-radius: 32px;
}

.input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  border-radius: 32px 32px;
}

.search-drop-main {
  border: 1px solid #ffffff;
  background: #ffffff;
  opacity: 1;
  width: 100%;
  border-radius: 0 0 25px 25px;
  position: relative;
  z-index: 10;
  overflow-y: auto;
}

.search-here:focus {
  border-radius: 25px 25px 0 0 !important;
  background-color: #fff;
}

.search-drop-main > p {
  font-family: 'Sora';
  font-size: 16px;
  font-weight: 400;
  line-height: 22.68px;
  text-align: center;
  color: #3b4357;
  padding-block: 10px;
}

.search-drop-main > h5 {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 600;
  line-height: 17.64px;
  text-align: left;
  color: #3b4357;
  background-color: #f2f6f8;
  padding: 10px 0 10px 15px;
  text-transform: uppercase;
}

.border-title {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 600;
  line-height: 17.64px;
  text-align: left;
  color: #3b4357;
  background-color: #f2f6f8;
  padding: 10px 0 10px 15px;
  text-transform: uppercase;
}

.search-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #f2f6f8;
  border: 1px solid #f2f6f8;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-circle > img {
  flex-shrink: 0;
}

.search-circle1 {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #f2f6f8;
  border: 1px solid #f2f6f8;
  overflow: hidden;
  position: relative;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  /* padding-top: 15px !important; */
  margin-left: 10px;
}

.search-circle > img {
  flex-shrink: 0;
}

.circle-section {
  padding-left: 30px;
  padding-top: 12px;
}

.services-sectionss {
  margin-left: 15px;
}

.search-names {
  font-family: 'Sora';
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  color: #3b4357;
  padding-top: 3px;
  width: 85px;
}

.rectangle-sec-border {
  border: 1px solid #f2f6f8;
  background: #f2f6f8;
  margin-left: 15px;
}

.service-text {
  font-family: 'Sora';
  font-size: 12px;
  font-weight: 600;
  line-height: 20.16px;
  text-align: center;
  color: #3b4357;
  padding-top: 5px;
}

.search-here:focus {
  border: none !important;
}

.search-data-main {
  width: 96%;
  background: #ffffff;
  margin-top: -5px;
}

.product-data-name {
  cursor: pointer;
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 400;
  line-height: 22.68px;
  text-align: left;
  color: #3b4357;
  margin-bottom: 0px;
}

.search-data-main:hover {
  background-color: #f2f6f8;
}

.product-scroll {
  position: relative;
  z-index: 10;
}

.search-bar-form {
  width: 94% !important;
}

.top-item-search {
  position: absolute;
  right: 4px;
  z-index: 99999;
}

.search-data-main {
  width: 100%;
  background: #ffffff;
  margin-top: -5px;
}

.form-control:focus {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
}

.end-saless {
  position: absolute;
  position: absolute;
  top: -7%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-inline: 5px;
  padding-top: 10px;
}

.end-season-btn {
  color: #ffffff;
  font-family: 'Sora';
  font-size: 12px;
  font-weight: 600;
  line-height: 15.12px;
  text-align: left;
  /* background: #e34061; */
  /* Black Friday */
  text-align: center;
  width: 130px;
  background: #bc0209;
  border: 1px solid #bc0209;
  /* Black Friday */
  padding: 8px;
  border-radius: 34px;
}

.form-check-input-checkbox {
  border-radius: 0.25rem;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  margin-left: -1.25rem;
  float: left;
}

.form-check-label-checkbox {
  font-family: Sora;
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
  text-align: left;
  color: #3b4357;
}

.brand-checkbox-popup {
  border-radius: 0.25rem;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  margin-left: -1.25rem;
  float: left;
}

.horizontal-line {
  margin: 0;
  padding: 0;
}

.popup-view-all {
  padding-block: 8px;
}

/* Monisha checkout */
.form-check-input:checked {
  background-color: #e34061 !important;
  border-color: #e34061 !important;
}

.form-check .form-check-input {
  margin-left: 0px !important;
}

.show-all-toggle-button {
  border: none;
  background-color: rgb(227, 64, 97);
  color: white;
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 10px;
  padding: 8px;
  width: 90px;
  border-radius: 5px;
}

.show-all-toggle-button:hover {
  border: none;
  background-color: rgb(227, 64, 97);
  color: white;
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.new-breadcrumb {
  padding-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.discount-word-count {
  gap: 10px;
}

.word-search-format {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.cancel-icon {
  cursor: pointer;
  margin-left: 5px;
  color: black;
}

.cancel-icon:hover {
  color: #3b4357;
}

.discount-word {
  border: 1px solid #b3b8c7;
  border-radius: 34px;
  padding: 3px 12px;
}

.discount-word > span {
  color: #3b4357;
  font-family: 'Sora';
  font-size: 12px;
  font-weight: 500;
  line-height: 15.12px;
  text-align: left;
  text-transform: capitalize;
}

.topbar-login-space {
  padding-left: 4rem;
}

.menu-right-content-img {
  max-width: 12px;
  height: 12px;
  margin-top: 12px;
}

.main-products-max {
  max-height: 290px;
}

.huge-books .main-product {
  border: none !important;
}

.brands-home-new:hover {
  outline: 2px solid #3b4357;
}

.table-heading-portion > tr {
  border-color: none !important;
}

.table-bordered > :not(caption) {
  border-width: none !important;
}

.table-bordered tr td {
  padding: 5px 8px !important;
}

.paragraph-Ctr {
  list-style: none;
  padding-left: 0px !important;
}

.paragraph-Ctr > li::before {
  content: '✓';
  color: #e34061;
  border: 1px solid #e34061;
  border-radius: 100%;
  text-align: center;
  margin-right: 9px;
  padding-inline: 2px;
  font-size: 10px;
  font-weight: 600;
}

.selected {
  border: 2px solid #3b4357;
}

.keen-slider__slide:not(.selected) {
  border: 2px solid #d4d9df;
}

.new-product-details {
  border: none !important;
}

.brand-center {
  background: #f2f6f8 !important;
}

.accordion-checkout-new-summary-newdiv {
  background-color: #231f58 !important;
  color: white !important;
  border-radius: 12px !important;
}

.accordion-checkout-new-text-newdiv {
  color: white !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 30.24px !important;
}

.accordion-checkout-new-box1-newdiv {
  background-color: #66638a !important;
  padding: 5px 10px 5px 10px !important;
  border-radius: 6px !important;
}

.checkout-edit {
  font-family: 'Sora', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22.68px;
  text-align: right;
  color: #ffffff;
}

.sectionmusic {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.1s ease-out;
  z-index: 10000025;
}

.sectionmusic.open {
  max-height: 1000px;
  transition: max-height 0.1s ease-in;
  cursor: pointer;
  z-index: 10000025;
}

.share-btn {
  background: #ffffff;
  border-radius: 34px;
  border: 1px solid #818694;
  width: 25%;
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 600;
  line-height: 15.64px;
  color: #3b4357;
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
}

.share-btn1 {
  background: #ffffff;
  border-radius: 34px;
  border: 1px solid #818694;
  width: 50%;
  color: #3b4357;
  padding: 0;
}

@keyframes slideInFromTop {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

.splash-image {
  animation: slideInFromTop 1s ease-out;
}

.my-orders-button {
  gap: 8px !important;
  border-radius: 34px !important;
  border: 1px 0px 0px 0px !important;
  border: 1px solid #b3b8c7 !important;
  background: white !important;
  color: #3b4357 !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 12px;
  font-weight: 600 !important;
  line-height: 20.16px !important;
  text-align: center !important;
}

.my-orders-button:hover {
  gap: 8px !important;
  border-radius: 34px !important;
  border: 1px 0px 0px 0px !important;
  border: 1px solid #b3b8c7 !important;
  background: white !important;
  color: #3b4357 !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 12px;
  font-weight: 600 !important;
  line-height: 20.16px !important;
  text-align: center !important;
}

.my-orders-button:focus {
  box-shadow: none !important;
}

.my-orders-button:active {
  box-shadow: none !important;
}

.my-orders-button1:focus {
  box-shadow: none !important;
  background-color: white !important;
  border-color: #b3b8c7 !important;
  color: #3b4357 !important;
}

.my-orders-button1:active {
  box-shadow: none !important;
  background-color: white !important;
  border-color: #b3b8c7 !important;
  color: #3b4357 !important;
}

.my-orders-button1 {
  gap: 8px;
  border-radius: 34px;
  border: 1px 0px 0px 0px;
  border: 1px solid #b3b8c7;
  background: white;
  color: #f34444;
  font-family: 'Sora', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20.16px;
  text-align: center;
}

.my-orders-button1:hover {
  gap: 8px;
  border-radius: 34px;
  border: 1px 0px 0px 0px;
  border: 1px solid #b3b8c7;
  background: white;
  color: #f34444;
  font-family: 'Sora', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20.16px;
  text-align: center;
}

.my-orders-status {
  font-family: 'Sora', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 17.64px;
  text-align: left;
  color: #000;
  background-color: #a6e780;
  border-radius: 6px;
  padding: 4px 8px;
  border: 1px solid #a6e780;
}

.my-orders-text {
  font-family: 'Sora', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20.16px;
  text-align: left;
  color: #3b4357;
}

.my-orders-text1 {
  font-family: Sora;
  font-size: 14px;
  font-weight: 600;
  line-height: 20.16px;
  text-align: left;
  color: #3b4357;
}

.my-orders-text-link {
  font-family: 'Sora', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20.16px;
  text-align: left;
  color: var(--color-icon-selected, #0c66e4);
}

.my-orders-text-link1 {
  font-family: Sora;
  font-size: 13px;
  font-weight: 400;
  line-height: 20.16px;
  text-align: left;
  color: #f34444;
}

.sectionmusic {
  display: none;
}

.sectionmusic.open {
  display: block;
}

.menu-right-span:hover {
  border: none;
}

.tab-one .Mui-selected {
  color: #00968a !important;
  font-family: 'Sora', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-align: left !important;
  text-transform: capitalize !important;
}

.MuiTab-root:not(.Mui-selected) {
  font-family: 'Sora', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #3b4357 !important;
  text-transform: capitalize !important;
}

.tab-one .MuiTabs-indicator {
  background: #00968a !important;
}

.my-orders-title {
  border-bottom: none !important;
  font-family: Sora;
  font-size: 13px;
  font-weight: 600;
  line-height: 17.64px;
  color: #3b4357;
  padding: 10px;
}

.orders-title-background {
  background: #d4d9df;
}

.orders-product-name {
  font-family: 'Sora', sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  color: #3b4357;
}

.orders-product-title {
  font-family: 'Sora', sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  color: #3b4357;
}

.orders-product-price {
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #3b4357;
}

.orders-product-name1 {
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #3b4357;
}

.orders-product-name2 {
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20.16px;
  color: #3b4357;
  margin-left: 3px;
}

.orders-product-name3 {
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
  color: #3b4357;
  margin-left: 3px;
}

.orders-product-qty-color {
  font-family: 'Sora', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20.16px;
  color: #3b4357;
  margin-left: 3px;
}

.my-orders-tracking {
  background: #f2f6f8;
  padding: 20px;
  border-radius: 12px;
  width: 89%;
}

.activeStepLabel .MuiStepIcon-root {
  color: #00968a !important;
  width: 20px;
}

.stepper-icon-new {
  color: #00968a !important;
  width: 20px;
}

.MuiStepLabel-label {
  font-family: 'Sora', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: center !important;
  color: #3b4357 !important;
}

.stepp .MuiStepIcon-root {
  color: #b3b8c7 !important;
  width: 14px;
}

.stepp .MuiStepIcon-text {
  fill: none;
}

.cancel-order-back {
  font-family: 'Sora', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.16px;
  text-align: left;
}

.selected {
  border: 2px solid #3b4357;
}

.keen-slider__slide:hover {
  border: 2px solid #3b4357;
}

.search-bar > .MuiAutocomplete-hasPopupIcon .MuiOutlinedInput-root {
  border: none !important;
  padding-right: 0px !important;
}

.search-bar > .MuiAutocomplete-inputRoot {
  padding-right: 0px !important;
}

.search-bar > .MuiAutocomplete-root .MuiOutlinedInput-root {
  padding: 0px !important;
}

.backdrop {
  position: fixed;
  top: 11%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #110e37;
  z-index: 100000;
  display: none;
  opacity: 50%;
}

.backdrop.active {
  display: block;
}

.backdrop.inactive {
  display: none;
}

@media (min-width: 320px) and (max-width: 599px) {
  .orders-product-name {
    text-align: center;
  }

  .orders-product-title {
    font-size: 11px !important;
    margin-bottom: 2px !important;
    line-height: 18px !important;
  }

  .orders-product-qty-color {
    font-size: 11px !important;
  }

  .orders-product-price {
    font-size: 11px !important;
    margin-bottom: 2px !important;
  }

  .orders-product-name1 {
    text-align: center;
  }

  .order-product-qty {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .my-order-status {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .my-orders-status {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .my-orders-text {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .my-orders-text1 {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .my-order-tacking {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .my-orders-title {
    width: 100%;
  }

  .order-cancel-imgs {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .order-list .order-text {
    text-align: center;
  }

  .myorders-price-item {
    text-align: center;
  }

  .my-orders-statuss-btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.MuiStepConnector-lineVertical {
  border-left-style: none !important;
}

.item-detail-return {
  font-family: 'sora', sans-serif;
  font-size: 14px;
}

.item-detail-return1 {
  font-family: 'sora', sans-serif;
  font-size: 18px;
}

.add-cart-tooltip {
  color: #ffffff;
  font-family: 'Sora';
  font-size: 12px;
  font-weight: 500;
  line-height: 25.5px;
  text-align: left;
}

.accordions-selected {
  min-height: 43px !important;
}

.accordions-selected .Mui-expanded {
  margin: 0px !important;
  padding-top: 13px !important;
}

.avatar-imag {
  width: 45px;
  height: 45px;
}

.email-verify {
  padding: 15px !important;
  font-family: 'sora', sans-serif !important;
  border-radius: 20px !important;
}

.disabled-btn {
  background: red;
}

.no-products-found {
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 25px;
}

.dialog-sizing .modal-content {
  border-radius: 15px !important;
  border: unset !important;
}

.dialog-sizing .modal-header {
  border-bottom: unset !important;
  padding: 1rem 1rem 0rem 1rem;
}

.dialog-sizing .modal-body {
  overflow: auto;
  height: 330px;
  scrollbar-width: none;
}

.dialog-sizing .btn-close:focus {
  box-shadow: unset !important;
}

.filter-search-bar .MuiTextField-root {
  color: #d4d9df !important;
}

.cart-recently-view {
  background-image: url('/images/home/top_seller.png');
}

.sectionmusic {
  margin-top: -20px;
}

.menu-hover-border:hover {
  border-bottom: 5px solid white;
  margin-bottom: -8px;
  margin-top: 0px !important;
}

.menu-hover-border1:hover {
  border-bottom: 5px solid white;
  margin-bottom: -8px;
  margin-top: 0px !important;
}

.menu-hover-border {
  border-bottom: 5px solid transparent;
  margin-bottom: -8px;
  margin-top: 0px !important;
}

.menu-hover-border1 {
  border-bottom: 5px solid transparent;
  margin-bottom: -8px;
  margin-top: 0px !important;
}

.menu-hover-border-option {
  border-bottom: 5px solid white;
  margin-bottom: -8px;
  margin-top: 0px !important;
}

.menu-hover-border1-option {
  border-bottom: 5px solid white;
  margin-bottom: -8px;
  margin-top: 0px !important;
}

.KeyboardArrowDownIcon {
  margin-top: -1px;
}

.disabled-btn {
  background-color: red;
}

.checkout-validate button:disabled {
  background-color: #494949 !important;
  border-color: #494949 !important;
}

.discount-border {
  border: 3px solid #818694 !important;
}

.form-brands-main > input {
  border: 2.4px solid rgba(0, 0, 0, 0.6) !important;
}

.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.search-here .MuiAutocomplete-input {
  padding-left: 20px !important;
  font-size: 12px !important;
}

.coming-soon-cart {
  font-family: 'Sora';
  font-size: 14px;
  font-weight: 600;
  line-height: 20.16px;
  text-align: left;
  color: #db2e2e;
  display: flex;
  justify-content: center !important;
  align-items: center;
}

.address-radio span {
  padding: 0px !important;
}

.container-sticky {
  display: flex;
  flex-wrap: wrap;
}

.product-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 20%;
  height: -moz-fit-content;
  height: fit-content;
  padding-top: 10px;
  margin-bottom: 15px;
  background-color: #ffffff;
  z-index: 100;
}

.form-check-input:checked[type='radio'] {
  background-image: none !important;
}

.radio-container {
  width: 200px;
  display: flex;
  align-items: center;
}

.new-radio-button {
  margin-top: -19px !important;
  padding-left: 14px !important;
}

.first-radio .new-radio-button {
  padding-left: 14px !important;
}

.form-brands-main > label {
  padding-top: 4px !important;
}

.cart-count-badage1 {
  background-color: #e34061;
  border-radius: 12px;
  padding: 1px 7px !important;
  color: white;
}

.product-list-images {
  margin-top: 20px;
}

.search-item-box .MuiIconButton-sizeMedium > svg {
  display: none !important;
}

.search-header {
  overflow-y: auto;
  height: 500px;
}

.login-main {
  padding-left: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.promo_banne-img {
  border-radius: 8px !important;
}

.res-servives-main {
  max-height: 350px;
  overflow-y: auto;
}

@media (min-width: 320px) and (max-width: 600px) {
  .alphabet-media {
    padding-left: 10px;
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
  }

  /* .modal-content {
    height: 48vh !important;
    width: 90vw;
    left: 3%;
  } */
}

.paragraph-Ctr > ul {
  list-style: none !important;
  padding-left: 0px !important;
}

.paragraph-Ctr > ul > li {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-left: 28px;
  margin-bottom: 10px;
  height: 100%;
  min-height: 20px;
}

.paragraph-Ctr > ul > li::before {
  content: '';
  background-image: url('/images/collections/static/Group 6962.png');
  position: absolute;
  width: 20px;
  height: 16px;
  top: 12px;
  left: 10px;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
}

.breadrumbs-brandname {
  text-transform: capitalize;
}

.zsiq_float {
  display: none !important;
}

/*  */
.Profilee-item {
  width: 35px;
  height: 35px;
}

.downarrow-profile {
  width: 16px;
  height: 8px;
  cursor: pointer;
}

.arrow-section {
  cursor: pointer;
}

.sticky-toolbar {
  position: -webkit-sticky;
  position: sticky;
  /* top: 18%; */
  height: -moz-fit-content;
  height: fit-content;
  background-color: #ffffff;
  z-index: 100;
  overflow: hidden !important;
}

.sticky-filter {
  position: -webkit-sticky;
  position: sticky;
  top: 45%;
  height: 100%;
  max-height: 53vh;
  background-color: #ffffff;
  overflow-y: auto;
}

/* .fiter-scroll-main {
  height: 100%;
  max-height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
} */

.filter-scroll-main {
  height: 100%;
  max-height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  scroll-behavior: smooth;
  /* Add this property */
}

/* Optional: Hide the scrollbar for webkit browsers */
.filter-scroll-main::-webkit-scrollbar {
  display: none;
}

@media (min-width: 320px) and (max-width: 767px) {
  .sticky-toolbar {
    position: -webkit-sticky;
    position: sticky;
    top: 6%;
    height: -moz-fit-content;
    height: fit-content;
    background-color: #ffffff;
    z-index: 100;
  }
  .new-premium-block {
    margin-top: 16px !important;
  }
}
.home-brands-box {
  display: flex;
  border: 1px solid #d4d9df;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  padding: 10px 16px 10px 16px;
  width: 100%;
  cursor: pointer;
  max-height: 80px;
  height: 80px;
}

.home-brands-box-new {
  display: flex;
  border: 1px solid #d4d9df;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  padding: 10px 16px 10px 16px;
  width: 100%;
  cursor: pointer;
  background-color: #ffffff;
  min-height: 80px;
  height: 80px;
}
.home-orange-sec > button::before {
  top: -25px !important;
  left: 0px !important;
}

/* .response-search-icon{
  background: #E34061;
  border-radius: 20px;
  padding: 3px;
  border: 1px solid  #E34061;
  font-family: 'Sora';
font-size: 13px;
font-weight: 400;
color: #fff;
text-align: end;
}
.search-here-item .MuiAutocomplete-inputRoot{
  padding-right: 2px !important;
} */

@media screen and (max-width: 389px) {
  .main-product {
    width: 100% !important;
    max-width: unset !important;
  }

  .main-product .product-image-new1 {
    width: 100% !important;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .product-prices {
    padding-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .new-swiper-left,
  .new-swiper-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    z-index: 2;
  }

  .new-swiper-left {
    left: -1% !important;
  }

  .new-swiper-right {
    right: -1% !important;
  }
}

@media (min-width: 501px) and (max-width: 899px) {
  .home-testimonial-section-res {
    width: 98% !important;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .sticky-filter {
    position: unset !important;
  }
}

.textfield-placeholder .MuiOutlinedInput-root {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: 'Sora';
  color: #818694 !important;
}

.textfield-placeholder > p {
  margin-left: 0px !important;
  padding-top: 4px !important;
  font-size: 13px !important;
}

.checkout-new-payment {
  padding-top: 26px !important;
}

.cart-product-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 16px;
  gap: 16px;
  /* Adjust the gap as needed */
}

.cart-checkout-value {
  font-family: 'Sora', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: left;
  color: rgba(59, 67, 87, 1);
}

.cart-checkout-total {
  font-family: 'Sora', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 25.2px;
  text-align: left;
  color: rgba(59, 67, 87, 1);
}

.footer-new-change {
  padding-top: 20px;
}

.login .MuiDialog-paperWidthSm {
  max-width: 735px !important;
  scrollbar-width: none !important;
}

@media (min-width: 750px) and (max-width: 1305px) {
  .main-product .product-names1 {
    font-size: 13px !important;
  }

  .product-prices {
    font-size: 13px !important;
  }

  .main-product .product-image-new img,
  .main-product-img .product-image-new img {
    width: 155px;
    height: 158px;
  }

  .top-item-cart img {
    height: 35px;
    width: 35px;
  }

  .swpier-header-main {
    padding-top: 0% !important;
  }

  .premium-mains {
    max-height: 230px !important;
  }
}

.home-fast-wid {
  /* max-width: 98.2% !important; */
  max-width: 95.2% !important;
}

/* .no-scroll {
  overflow-y: hidden!important;
 padding-left: 0px!important;
} */
.swpier-header-main {
  padding-top: 0.6%;
}

.swiper-banner-new {
  padding-top: 1%;
}

@media only screen and (min-width: 1725px) {
  .swpier-header-main {
    padding-top: 0.8% !important;
  }
}

@media (min-width: 900px) and (max-width: 1450px) {
  .swpier-header-main {
    padding-top: 0% !important;
  }

  .custom-next-arrow {
    bottom: 196px !important;
  }

  .custom-prev-arrow {
    /* bottom: 196px !important; */
  }

  .music-store-text {
    font-size: 10px !important;
  }
}

@media (min-width: 1400px) and (max-width: 1700px) {
  .custom-next-arrow {
    bottom: 196px !important;
  }

  .custom-prev-arrow {
    /* bottom: 196px !important; */
  }
}

.cart-seller-new {
  border: 1px solid #d4d9df !important;
}

.premium-mains {
  background-color: rgba(223, 245, 236, 1);
  border-radius: 8px;
  height: 100%;
  min-height: 262px;
}

.preminum-brands {
  color: rgba(0, 0, 0, 1);
  font-weight: 700;
  font-family: 'Sora';
  font-size: 16px;
}

.preminum-bg {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
}

.preminum-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 3.5;
  position: relative;
  object-fit: contain;
}

.preminum-logo > img {
  object-fit: contain;
}

.sidebar-new-filter {
  display: flex;
}

.sidebar-new-filter1 {
  display: none;
}

/* 
@media (min-width: 320) and (max-width: 771) {
  .sidebar-new-filter1{
    display: flex;
  }
  .sidebar-new-filter{
    display: none;
  }
} */

@media (min-width: 768px) and (max-width: 800px) {
  .search-here .MuiAutocomplete-input {
    padding-left: 11px !important;
    font-size: 6.8px !important;
  }
}

@media (min-width: 801px) and (max-width: 925px) {
  .search-here .MuiAutocomplete-input {
    padding-left: 11px !important;
    font-size: 7.8px !important;
  }
}

/* .collapse-table .css-1elwnq4-MuiPaper-root-MuiAccordion-root {
  box-shadow: none!important;
} */

/* .collapse-accordion .-MuiAccordionSummary-content{
  margin-block: 0px!important;
}

.collapse-accordion .Mui-expanded{
  margin-block: 0px!important;
} */

.collapse-table .Mui-expanded {
  /* min-height: 48px!important; */
}

.home-banner-css > div > div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* 
.CookieConsent{
  bottom:"12px"
} */

.cookie_new > div > div {
  flex: unset !important;
}

/* .custom-backdrop > div {
  z-index: 1500 !important;
} */

.cookie_new > div {
  justify-content: center !important;
}

.link-cookie {
  text-decoration: underline !important;
}

.cart-desktop {
  z-index: 100 !important;
}

.cookie_new > div > div {
  flex: unset !important;
  margin: 0px !important;
  padding-block: 5px !important;
}

.cookie_new > div {
  justify-content: center !important;
}

.cookie_new > div {
  padding: 1px;
  background: vara(--ik_pink);
}

.cookie_new button {
  margin: 5px !important;
  border-radius: 25px !important;
}
.CookieConsent {
  align-items: center !important;
}
@media (max-width: 1099px) {
  .cookie_new > div > div {
    font-size: 11px !important;
    padding-block: 0px !important;
  }
  .cookie_new button {
    font-size: 11px !important;
    padding: 0px 7px !important;
    margin: 0px !important;
  }
  .cookie_new > div {
    padding: 7px 15px;
    height: 46px !important;
  }
}

@media (max-width: 356px) and (min-width: 320px) {
  /* .cookie_new button  {
  position: relative !important;
     bottom: 16px !important;
     right: -110px !important;
      padding: 0px 0px !important;
  } */
  .cookie_new > div {
    height: 62px !important;
  }
}

/* @media (max-width: 425px) and (min-width: 376px) {
   .cookie_new button {
  position: relative !important;
     bottom: 17px !important;
     right: -16px !important;
  }
   .cookie_new > div {
  height: 42px !important;
  }
} */
/* .slick-slide-widths{
max-width: 80% !important;
} */

.commonMargin {
  padding-bottom: 24px;
  padding-top: 40px;
}
.commonMargins-fullfil {
  padding-bottom: 49px;
  padding-top: 40px;
}
.commonMargin-brands {
  padding-bottom: 40px;
  padding-top: 40px;
}
.commonMargin1 {
  padding-bottom: 0px;
  padding-top: 40px;
}
.fastselling-border-new {
  border: 1px solid #dadada;
  border-radius: 4px;
}
.fastselling-box-new {
  max-width: 95.2% !important ;
}
.season-sale-new {
  position: absolute;
  top: 0;
  right: 10px;
  margin-block: 10px;
}
.season-sale-new-btn {
  color: #ffffff;
  font-family: 'Sora';
  font-size: 12px;
  font-weight: 600;
  /* line-height: 15.12px; */
  text-align: center;
  background: #bc0209;
  border: 1px solid #bc0209;
  /* Black Friday */
  padding: 5px;
  border-radius: 34px;
}
.home-access-secondsecdiv > img {
  border-radius: 100%;
}

.swiper-button-prev {
  color: #818694 !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 100% !important;
  box-shadow: 0 4px 10px #00000040 !important;
  background: #ffffff !important;
  left: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.swiper-button-prev:after {
  font-size: 9px !important;
  font-weight: 600 !important;
}
.swiper-button-next:after {
  font-size: 9px !important;
  font-weight: 600 !important;
}
.swiper-button-next {
  color: #818694 !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 100% !important;
  box-shadow: 0 4px 10px #00000040 !important;
  background: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.card-width-new-section {
  max-width: 230px !important;
}
.cardwrap {
  display: flex;
  flex-wrap: wrap !important;
}
@media (min-width: 320px) and (max-width: 449px) {
  .card-designs > div > .swiper-wrapper {
    margin-left: 16px !important;
  }
  .timer-section{
    gap:12px !important;
    margin-block: 3px !important;
    }
    .limited-time{
      font-size: 13.5px !important;
    }
}
@media (max-width: 392px) {
  .timer-section{
    flex-direction: column !important;
    justify-content: flex-start;
    align-items: flex-start !important;
    gap:8px !important;
    margin-block: 3px !important;
  }
  .limited-time{
    font-size: 14px !important;
  }
 }
.new-swiper-relative {
  position: relative;
}
.new-swiper-left,
.new-swiper-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  z-index: 2;
}

.new-swiper-left {
  left: -2.5%;
}

.new-swiper-right {
  right: -2.5%;
}
.home-premiums {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
}
.termss-con {
  font-family: 'Sora';
  font-size: 15px;
  font-weight: 400;
  line-height: 19.84px;
  text-align: left;
  color: #3b4357;
}

.stock-comments.preview-file,
.stock-comments.preview-file:hover {
  color: #e34061 !important;
}


/* timer Section */
.timer-section{
display: flex;
align-items: center;
flex-direction: row;
justify-content: flex-start;
gap:18px;
margin-block: 16px;
}
.limited-time{
  font-family: 'sora';
  font-weight: 600;
  font-size: 16px;
  color: rgba(227, 64, 97, 1);
  line-height: 24px;
  white-space: nowrap;
}
.timer-main{
  display: flex;
  gap: 18px;
  font-family: 'sora';
}
.timer-label{
  font-family: 'sora';
  font-size: 6px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  color: rgba(0, 0, 0, 1);
}
.timer-box{
  background-color: rgba(254, 216, 34, 1);
  border-radius: 8px;
  padding-inline: 8px;
  padding-block: 3px;
}
.timer-animate-main{
  position: relative;
  width: 13px;
  height: 25.5px;
  overflow: hidden;
  display: inline-flex;
  font-family: 'sora';
  font-weight: 500;
  font-size: 16px;
  color: rgba(0, 0, 0, 1);
}
.animated-timing{
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-family: 'sora';
  font-weight: 500;
  top: 0; 
}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(/_next/static/media/ajax-loader.0b80f665.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/_next/static/media/slick.25572f22.eot);
    src: url(/_next/static/media/slick.25572f22.eot?#iefix) format('embedded-opentype'), url(/_next/static/media/slick.653a4cbb.woff) format('woff'), url(/_next/static/media/slick.6aa1ee46.ttf) format('truetype'), url(/_next/static/media/slick.f895cfdf.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/**
 * Swiper 11.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 9, 2024
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-feature-settings: ;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          -moz-appearance: none;
       appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}