<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&amp;display=swap");
@import url("https://fonts.googleapis.com/css2?family=Young+Serif&amp;display=swap");
:root {
  --primaryclr: #165C73;
  --plainclr: #fff;
  --darkclr: #000;
  --borderclr: #cdcdcd;
  --lightbg: #F9F9F9;
  --sitegreen: #007B1B;
  --redclr: #FF3E3E;
  --yellowclr: #E49527;
  --purpleclr: #201266;
  --primaryfont: "Urbanist", sans-serif;
  --secondaryfont: "Young Serif", serif;
}

body,
html {
  overflow-x: hidden;
  font-family: var(--primaryfont) !important;
}

.bg-light-yellow {
  background-color: #FEFFDC;
  background: #FEFFDC;
}

.add-flex-prop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-flex-prop .bdr-left {
  border-top: 1px solid var(--borderclr);
  width: 100%;
}
.add-flex-prop .center {
  width: 100%;
}
.add-flex-prop .bdr-right {
  border-top: 1px solid var(--borderclr);
  width: 100%;
}

.product-title .center {
  width: 42%;
}

.categories-title .center {
  width: 62%;
}

.college-books .center {
  width: 38%;
}

.featured-title .center {
  width: 50%;
}

.latest-product .center {
  width: 54%;
}

.featured .center {
  width: 50%;
}

.latest-blogs .center {
  width: 50%;
}

.heading .center {
  width: 50%;
}

.category-menu .bdr-left,
.category-menu .bdr-right {
  width: 60%;
}
.category-menu .center {
  width: 100%;
}

.payment-multi-options .center {
  width: 50%;
}

.payment-heading .center {
  width: 50%;
}

.welcome .bdr-left,
.welcome .bdr-right {
  width: 35%;
}
.welcome .center {
  width: 100%;
}

.whychoose-us .center {
  width: 58%;
}

.bx-sm {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.btn-theme-one {
  background-color: var(--purpleclr);
  color: var(--plainclr);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  display: inline-block;
  border-radius: 10px;
}
.btn-theme-one:hover, .btn-theme-one:focus {
  background-color: #b958b9;
  color: var(--plainclr);
}

.btn-theme-two {
  background-color: #007B1B;
  color: var(--plainclr);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  display: inline-block;
  border-radius: 10px;
}
.btn-theme-two:hover, .btn-theme-two:focus {
  background-color: #03b329;
  color: var(--plainclr);
}

.red {
  color: var(--redclr) !important;
}

.yellow {
  color: var(--yellowclr) !important;
}

.text-blue {
  color: #6E51FF !important;
}

.headingg-border {
  font-family: var(--secondaryfont);
  position: relative;
  z-index: 100;
}

header .offcanva {
  z-index: 100;
}

header .offcanvas:not(.offcanvas-end):not(.offcanvas-bottom) {
  z-index: 100;
}

.secondary-font {
  font-family: var(--secondaryfont);
}

header {
  border-bottom: 1px solid #efefef;
}
header .user-wrapper {
  position: relative;
}
header .account-dropdown {
  position: absolute;
  top: 100%;
  /* below the icon */
  left: 50%;
  transform: translate(-50%, 10px);
  /* start lower */
  background: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 100;
  align-items: flex-start !important;
  width: 120px;
  gap: 0.1rem !important;
  padding-left: 10px;
}
header .account-dropdown a {
  padding-left: 0 !important;
}
header .account-dropdown a::after {
  content: none !important;
}
header .user-wrapper:hover .account-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
  display: flex;
  flex-direction: column;
  /* slide up smoothly */
}
header .account-dropdown li {
  list-style: none;
  padding: 8px 0;
  position: relative;
}
header .account-dropdown li a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
  position: relative;
  padding-left: 20px;
  display: inline-block;
  transition: color 0.3s;
}
header .account-dropdown li a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0%;
  width: 0;
  height: 2px;
  background: #333;
  transform: translateY(-50%);
  transition: width 0.3s ease;
}
header .account-dropdown li a:hover::before {
  width: 100%;
}
header .account-dropdown li a:hover {
  color: #000;
}

.heading-border {
  position: relative;
  font-family: var(--secondaryfont);
  z-index: 10;
}
.heading-border::after {
  position: absolute;
  content: "";
  width: 60%;
  height: 2px;
  background-color: var(--redclr);
  left: 6px;
  bottom: -4px;
}

.fa-bars::before {
  display: none;
}

header {
  box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}
header .search-results {
  padding: 10px;
  border: 1px solid #c7c7c7;
  background-color: var(--plainclr);
  position: absolute;
  z-index: 999999999;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5411764706);
  border-radius: 5px;
  max-height: 350px;
  overflow: scroll;
  top: 100%;
}
header .close-button:hover {
  color: var(--redclr);
}
header .btn-animation {
  background: #ff6b6b;
  background: linear-gradient(90deg, #ff6b6b 0%, #ff4f4f 100%);
}
header .btn-animation:hover {
  background: #ff4f4f;
  background: linear-gradient(90deg, #ff4f4f 0%, #ff6b6b 100%);
}
header .grid-cols-3 {
  display: flex;
  gap: 1rem;
  align-items: center;
}
header .grid-cols-3 .header-offer {
  border-left: 1px solid var(--borderclr);
  padding-left: 10px;
}
header .grid-cols-3 .phone-call {
  border-left: 1px solid var(--borderclr);
  padding-left: 10px;
}
header .grid-cols-3 .phone-call .call-icon {
  width: 15px;
  height: 15px;
  background-color: var(--plainclr);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
header .grid-cols-3 .phone-call .call-icon i {
  color: var(--theme-color) !important;
}
header .grid-cols-3 span {
  font-size: 12px;
}
header .social-icons ul {
  display: flex;
  gap: 0.4rem;
  justify-content: end;
  align-items: center;
}
header .social-icons ul li a {
  color: var(--plainclr);
  width: 30px;
  display: inline-block;
  position: relative;
  text-align: center;
}
header .social-icons ul li a::after {
  position: absolute;
  right: 0;
  height: 100%;
  width: 2px;
  content: "";
  background-color: var(--borderclr);
}
header .social-icons ul li:last-child a::after {
  display: none;
}
header .top-header .deal {
  background-color: var(--sitegreen);
  color: var(--plainclr);
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px;
  border-radius: 5px;
}
header .top-header .user-icon-mob {
  display: none;
}
header .top-header .rightside ul {
  display: flex;
  align-items: center;
  gap: 1rem;
}
header .top-header .rightside ul .call-icon i {
  font-size: 1.4rem;
}
header .top-header .rightside ul .semi-small {
  font-size: 0.6rem;
}
header .top-header .rightside ul .lil-big {
  font-size: 1rem;
}
header .top-header .rightside ul .second i {
  font-size: 1.3rem;
}
header .top-header .rightside ul .like i {
  font-size: 1.4rem;
}
header .top-header .rightside ul .shop {
  position: relative;
}
header .top-header .rightside ul .shop .items {
  position: absolute;
  top: -12px;
  right: -4px;
  background-color: var(--redclr);
  color: var(--plainclr);
  width: 18px;
  height: 20px;
  padding: 0.1rem;
  border-radius: 50%;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  align-items: center;
  justify-content: center;
}
header .top-header .rightside ul .shop i {
  font-size: 1.4rem;
}
header .top-header .rightside ul li {
  position: relative;
}
header .top-header .rightside ul li a::after {
  position: absolute;
  right: -12px;
  height: 40px;
  top: 0;
  width: 1px;
  content: "";
  background-color: var(--borderclr);
}
header .top-header .rightside ul li:nth-child(3) a::after {
  top: -6px;
}
header .top-header .rightside ul li:last-child a::after {
  display: none;
}
header .top-header .rightside .search-box-mob {
  display: none;
  position: relative;
  min-width: 270px;
}
header .top-header .rightside .search-box-mob input {
  padding: 0.8rem 1.5rem 0.8rem 2rem;
  border-radius: 27px;
}
header .top-header .rightside .search-box-mob .search-icon {
  position: absolute;
  right: 4%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
header .top-header .rightside .search-box-mob .search-icon i {
  font-size: 1rem;
  color: #7c7c7c;
}
header .top-header .rightside .search-box-mob .mike-icon {
  position: absolute;
  left: 4%;
  top: 50%;
  transform: translate(0%, -50%);
  cursor: pointer;
}
header .top-header .rightside .search-box-mob .mike-icon i {
  font-size: 1rem;
  color: #7c7c7c;
}
header .navlinks {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  white-space: nowrap;
  padding-bottom: 5px;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
header .navlinks::-webkit-scrollbar {
  height: 3px;
}
header .navlinks::-webkit-scrollbar-track {
  background: transparent;
}
header .navlinks::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
header .navlinks::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 768px) {
  header .navlinks {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  header .navlinks::-webkit-scrollbar {
    display: none;
  }
}
header .navlinks ul {
  display: flex;
  gap: 0.6rem;
  justify-content: space-between;
}
header .navlinks ul li {
  position: relative;
}
header .navlinks ul li a {
  padding: 0.6rem;
  font-family: var(--secondaryfont);
  font-size: 0.8rem;
  display: inline-block;
  text-align: center;
  width: 100%;
}
header .navlinks ul li a.active {
  background-color: var(--sitegreen);
  color: var(--plainclr);
  border-radius: 4px;
}
header .navlinks ul li a::after {
  position: absolute;
  right: -10px;
  top: 0;
  height: 100%;
  width: 2px;
  content: "";
  background-color: var(--borderclr);
}
header .navlinks ul li:last-child a::after {
  display: none;
}
header .offcanvas .navlinks ul {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
@media (max-width: 1400px) {
  header .grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  header .header-offer {
    display: none;
  }
  header .phone-call {
    display: none;
  }
}
@media (max-width: 767px) {
  header .rightside {
    margin-top: 1rem;
  }
  header .header-top {
    display: none;
  }
  header .top-header .deal {
    display: none;
  }
  header .top-header .user-icon-mob {
    display: block;
  }
  header .top-header .user-icon-mob i {
    font-size: 1.5rem;
  }
  header .top-header .rightside .search-box-mob {
    display: block;
  }
  header .top-header .rightside ul {
    display: none;
  }
}

.show-dropdown {
  opacity: 0;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, -14px);
  width: 100%;
  transition: all 0.3s ease;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
  position: absolute;
  background-color: var(--plainclr);
  padding: 1rem;
}
.show-dropdown h6 {
  font-size: 1.1rem;
  margin-bottom: 0.6rem;
  color: var(--darkclr);
}
.show-dropdown h6 span {
  border-bottom: 1px solid var(--darkclr);
}
.show-dropdown.show-div {
  opacity: 1;
  transform: translate(-50%, -14px);
  pointer-events: auto;
  z-index: 1;
}
.show-dropdown ul li {
  line-height: 28px;
}
.show-dropdown ul li a {
  font-style: italic;
  color: #979797;
}
.show-dropdown ul li a:hover {
  color: var(--primaryclr);
}

.product-section {
  background-color: #f8f8f8;
}
.product-section .product-detail .name {
  color: var(--primaryclr);
  margin-top: 0.4rem;
}
.multi-image-carousel img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.browse-categ {
  background-color: #EFEFEF;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  padding: 1rem 0.2rem;
}
.browse-categ ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.browse-categ ul li {
  width: 100%;
  position: relative;
}
.browse-categ ul li a {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.browse-categ ul li a::after {
  position: absolute;
  right: 0px;
  height: 24px;
  top: 0;
  width: 1px;
  content: "";
  background-color: var(--borderclr);
}
.browse-categ ul li a.active {
  position: relative;
}
.browse-categ ul li a.active::before {
  position: absolute;
  left: 20%;
  height: 2px;
  bottom: 0;
  width: 50%;
  content: "";
  background-color: var(--redclr);
}
.browse-categ ul li:last-child a::after {
  display: none;
}

.college-books .multi-cards {
  padding: 1.6rem;
  box-shadow: -2px 2px 9px 1px rgba(0, 0, 0, 0.6705882353);
  border-radius: 8px;
}
.college-books .gradient-card {
  box-shadow: -2px 2px 9px 1px rgba(0, 0, 0, 0.6705882353);
}
.college-books .gradient-card.one {
  background: #ACBDBC;
}
.college-books .gradient-card.two {
  background: #D3ACAE;
}
.college-books .gradient-card.two h5 {
  color: #520f0c;
}
.college-books .gradient-card.three {
  background: #9BB0DD;
}
.college-books .gradient-card.three h5 {
  color: #10367a;
}
.college-books .gradient-card.four {
  background: #CBCDE4;
}
.college-books .gradient-card.four h5 {
  color: #354495;
}
.college-books .gradient-card.five {
  background: #E4D3D1;
}
.college-books .gradient-card.five h5 {
  color: #95524b;
}
.college-books .gradient-card.six {
  background: #C7A7D2;
}
.college-books .gradient-card.six h5 {
  color: #26214e;
}
.college-books .gradient-card.seven {
  background: #DE9DB2;
}
.college-books .gradient-card.seven h5 {
  color: #7E1D19;
}
.college-books .gradient-card.eight {
  background: #D6C7DB;
}
.college-books .gradient-card.eight h5 {
  color: #5f3672;
}
.college-books .gradient-card.nine {
  background: #CFBAD6;
}
.college-books .gradient-card.nine h5 {
  color: #452b5e;
}
.college-books .gradient-card.ten {
  background: #ADC4CF;
}
.college-books .gradient-card.ten h5 {
  color: #001a43;
}
.college-books .gradient-card.eleven {
  background: #B5DEE0;
}
.college-books .gradient-card.eleven h5 {
  color: #167e85;
}
.college-books .gradient-card.twelve {
  background: #A6C99D;
}
.college-books .gradient-card.twelve h5 {
  color: #0c2b01;
}

.feature-products {
  background-color: var(--lightbg);
}
.feature-products .product-box-3 {
  height: 290px !important;
  padding: 0;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  background-color: #18002E;
  color: var(--plainclr);
  box-shadow: -2px 2px 9px 1px rgba(0, 0, 0, 0.6705882353);
  overflow: hidden;
}
.feature-products .product-box-3 .product-image {
  height: 100% !important;
}
.feature-products .product-box-3 .product-image a {
  height: 100% !important;
}
.feature-products .product-box-3 .product-image img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
  height: 100% !important;
  width: 100% !important;
}
.feature-products .product-box-3 .product-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 1rem;
}
.feature-products .product-box-3 .product-detail a,
.feature-products .product-box-3 .product-detail span,
.feature-products .product-box-3 .product-detail div,
.feature-products .product-box-3 .product-detail h5,
.feature-products .product-box-3 .product-detail h6 {
  color: var(--plainclr);
}
.feature-products .product-box-3 .product-detail .theme-color {
  color: var(--plainclr) !important;
}
.feature-products .product-image a {
  display: inline-block;
  height: 340px;
  width: 220px;
  overflow: hidden;
}

.featured .add-borders {
  position: relative;
}
.featured .add-borders::after {
  position: absolute;
  height: 2px;
  top: 5%;
  width: 100%;
  content: "";
  background-color: var(--borderclr);
}
.featured .add-borders::before {
  position: absolute;
  height: 2px;
  bottom: 4%;
  width: 100%;
  content: "";
  background-color: var(--borderclr);
}
.featured .heading {
  font-size: 1.4rem;
  font-weight: 600;
}
.featured ul {
  padding-left: 1rem;
}
.featured ul li {
  list-style-type: disc;
  display: list-item;
}
.featured img {
  position: relative;
  z-index: 10;
  width: 100%;
}
@media (min-width: 1100px) and (max-width: 1300px) {
  .featured .heading {
    font-size: 1.2rem;
  }
  .featured .desc,
  .featured li,
  .featured p {
    font-size: 0.78rem;
  }
  .featured p {
    margin-bottom: 0.6rem;
  }
}

.latest-blogs .card {
  padding: 1rem;
  background-color: #FEFFDC;
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
}
.latest-blogs .card .card-img {
  height: 300px;
  overflow: hidden;
}
.latest-blogs .card .card-img img {
  width: 100%;
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.latest-blogs .card .cad-data {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.latest-blogs .card .cad-data .title {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0rem;
}
.latest-blogs .card .cad-data a {
  color: var(--redclr);
  margin-bottom: 0.5rem;
}
.latest-blogs .card .card-author {
  border-top: 1px solid var(--borderclr);
  color: var(--purpleclr);
  padding-top: 1rem;
  text-align: center;
  font-weight: 500;
}

.latest-product .card.active {
  transform: scale(1.1);
}

.latest-blogs {
  padding-bottom: 4rem !important;
}
.latest-blogs .card .card-img {
  margin-bottom: 0.6rem;
}
.latest-blogs .card .card-img img {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}
.latest-blogs .blog-web-view {
  /* Optional: remove the ::before bullet icon */
}
.latest-blogs .blog-web-view .slick-dots {
  display: flex !important;
  justify-content: center;
  gap: 4px;
  padding: 0px 0;
  margin-top: 1rem;
}
.latest-blogs .blog-web-view li {
  width: 0px;
  height: 0px;
}
.latest-blogs .blog-web-view li.slick-active {
  width: 40px;
}
.latest-blogs .blog-web-view .slick-dots li button:before {
  opacity: 0.5;
  font-size: 10px;
  color: #fff;
}
.latest-blogs .blog-web-view .slick-dots li button {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #888;
  border: none;
  transition: all 0.3s ease;
  padding: 2px;
}
.latest-blogs .blog-web-view .slick-dots li.slick-active button {
  width: 40px;
  height: 6px;
  border-radius: 30px;
  background-color: var(--redclr);
  padding: 2px;
  /* or your theme color */
}
.latest-blogs .blog-web-view .slick-dots li button:before {
  content: "";
}

.main-footer .text-content {
  color: var(--darkclr);
  font-size: 1.3rem;
}
.main-footer .footer-contain ul li a span:first-child {
  min-width: 120px;
}
.main-footer .social-app {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
.main-footer .social-app .social-media {
  display: flex;
  gap: 0.4rem;
}
.main-footer .social-app .social-media li {
  margin-bottom: 0;
}
.main-footer .social-app .social-media li a {
  width: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  border-radius: 50%;
}
.main-footer .social-app .social-media li a i {
  color: var(--plainclr);
}
.main-footer .social-app .social-media li:nth-child(1) a {
  background-color: #07259D;
}
.main-footer .social-app .social-media li:nth-child(2) a {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.main-footer .social-app .social-media li:nth-child(3) a {
  background-color: var(--darkclr);
}
.main-footer .social-app .social-media li:nth-child(4) a {
  background-color: #E52D27;
}
.main-footer .social-app .social-media li:nth-child(5) a {
  background-color: #D2252D;
}

.browse-categories {
  background-color: var(--lightbg);
}

.featured-cards {
  background-color: var(--lightbg);
}

.publisher-cards {
  background-color: var(--lightbg);
}

.m_banner .banner-contain {
  box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}

.mob-block {
  display: none;
}

@media (max-width: 767px) {
  .featured img,
  .heading-border {
    z-index: -1;
  }
  header .navlinks ul li a::after {
    display: none;
  }
  .heading-border {
    font-family: var(--primaryfont);
  }
  .mob-all {
    margin-top: 1rem;
    font-size: 0.8rem;
  }
  .home-section .ratio_65:nth-of-type(2) {
    display: none;
  }
  .mob-none {
    display: none !important;
  }
  .mob-block {
    display: block !important;
  }
  .mob-block .product-border {
    background-color: var(--lightbg);
    padding: 0.9rem !important;
    box-shadow: -2px 2px 9px 1px rgba(0, 0, 0, 0.6705882353);
  }
  .mob-block .product-box-3 {
    padding: 0;
    position: relative;
    border-radius: 4px;
    background-color: transparent;
    height: auto !important;
    min-height: 100px !important;
    border: none;
  }
  .mob-block .product-box-3 .perc-off {
    position: absolute;
    top: -4px;
    right: 0;
    background-color: var(--redclr);
    color: var(--plainclr);
    padding: 0.2rem;
    width: 28px;
    height: 28px;
    font-size: 0.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mob-block .product-box-3 .product-header .product-image {
    height: auto;
    min-height: 90px;
  }
  .mob-block .product-box-3 .product-header .product-image img {
    border-radius: 4px;
  }
  .mob-block .product-box-3 .flex-change {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .mob-block .product-box-3 .product-footer .product-detail .name,
  .mob-block .product-box-3 .product-footer .product-detail .span-name {
    font-size: 0.7rem;
    margin-top: 0.2rem;
    line-height: 14px;
  }
  .mob-block .product-box-3 .product-footer .product-detail .price {
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.2rem;
  }
  .mob-block .product-box-3 .product-footer .product-detail .price .big,
  .mob-block .product-box-3 .product-footer .product-detail .price .theme-color {
    font-size: 0.7rem;
  }
  .mob-block .product-box-3 .product-footer .product-detail .price .small,
  .mob-block .product-box-3 .product-footer .product-detail .price del {
    font-size: 0.59rem;
    text-decoration: line-through;
    color: #7C7979;
  }
  .mob-block .product-box-3 .product-footer .product-detail h6.theme-color {
    font-size: 0.59rem;
  }
  .mob-block .product-box-3 .product-footer .rating li .feather {
    width: 10px;
  }
  .multi-image-carousel {
    display: none;
  }
  .browse-categ {
    background-color: transparent;
    box-shadow: none;
  }
  .browse-categ ul {
    overflow: auto;
  }
  .browse-categ ul li a {
    min-width: 70px;
    padding: 0.1rem 0.5rem;
  }
  .multi-cards {
    padding: 0.6rem !important;
  }
  .multi-cards .gradient-card {
    padding: 0.6rem !important;
  }
  .multi-cards .gradient-card .text-decoration-none .py-4 {
    padding: 0.4rem !important;
  }
  .multi-cards .gradient-card h5 {
    font-size: 0.7rem;
  }
  .featureproducts .product-box-3 {
    border-radius: 8px;
  }
  .featured {
    border-bottom: 1px solid var(--borderclr);
    padding-bottom: 0.7rem;
    padding-top: 0;
  }
  .featured .mob-block .add-borders::after, .featured .mob-block .add-borders::before {
    display: none;
  }
  .desc,
  .light {
    color: #979797;
  }
  .mob-heading {
    border-bottom: 1px solid #414141;
    margin-bottom: 8px;
  }
  .mobile-menu {
    background-color: var(--plainclr);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
  }
  .mobile-menu a span {
    color: #7C7979 !important;
  }
  .mobile-menu i {
    font-size: 20px !important;
    color: #7C7979 !important;
  }
  .mobile-menu i.fa-book {
    /* color: var(--redclr) !important; */
  }
  .mobile-menu ul li a.active i {
    color: var(--redclr) !important;
  }
  .top-publisher,
  .featured {
    overflow-x: hidden;
  }
  .home-section {
    /* Optional: remove the ::before bullet icon */
  }
  .home-section .slick-dots {
    display: flex !important;
    justify-content: center;
    gap: 4px;
    padding: 10px 0;
  }
  .home-section li {
    width: 0px;
    height: 10px;
  }
  .home-section li.slick-active {
    width: 40px;
  }
  .home-section .slick-dots li button:before {
    opacity: 0.5;
    font-size: 10px;
    color: #fff;
  }
  .home-section .slick-dots li button {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #888;
    border: none;
    transition: all 0.3s ease;
    padding: 2px;
  }
  .home-section .slick-dots li.slick-active button {
    width: 40px;
    height: 6px;
    border-radius: 30px;
    background-color: var(--redclr);
    padding: 2px;
    /* or your theme color */
  }
  .home-section .slick-dots li button:before {
    content: "";
  }
  .product-section {
    background-color: var(--plainclr);
  }
  .browse-categories {
    background-color: var(--plainclr);
  }
  .latest-blogs .card {
    padding: 0.3rem;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
  }
  .latest-blogs .card .card-img {
    height: auto;
    margin-bottom: 0.3rem;
  }
  .latest-blogs .card .card-author {
    font-size: 0.6rem;
    display: none;
  }
  .latest-blogs .card .cad-data {
    gap: 0.5rem;
    text-align: justify;
  }
  .latest-blogs .card .cad-data .title {
    font-size: 0.7rem;
    text-align: left;
  }
  .latest-blogs .card .cad-data a {
    font-size: 0.6rem;
    padding-top: 0.5rem;
    border-top: 1px solid #D5D5D5;
  }
  .latest-blogs .card .cad-data .desc {
    font-size: 0.6rem;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }
  .latest-blogs .slick-dots {
    display: flex !important;
    justify-content: center;
    gap: 4px;
    padding: 10px 0;
    /* Optional: remove the ::before bullet icon */
  }
  .latest-blogs .slick-dots li {
    width: 0px;
    height: 10px;
  }
  .latest-blogs .slick-dots li.slick-active {
    width: 40px;
  }
  .latest-blogs .slick-dots li button:before {
    opacity: 0.5;
    font-size: 10px;
    color: #fff;
  }
  .latest-blogs .slick-dots li button {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #888;
    border: none;
    transition: all 0.3s ease;
    padding: 2px;
  }
  .latest-blogs .slick-dots li.slick-active button {
    width: 40px;
    height: 6px;
    border-radius: 30px;
    background-color: var(--redclr);
    padding: 2px;
    /* or your theme color */
  }
  .latest-blogs .slick-dots li button:before {
    content: "";
  }
}
.product-section-box .custom-nav {
  box-shadow: -2px 2px 9px 1px rgba(0, 0, 0, 0.6705882353);
  border-bottom: none;
}
.product-section-box .custom-nav .nav-item .nav-link {
  border-radius: 0;
  background-color: var(--lightbg);
  border-right: 1px solid #cdcdcd;
  font-family: var(--secondaryfont);
  font-size: 0.9rem;
}
.product-section-box .custom-nav .nav-item .nav-link.active {
  background-color: #007B1B;
  color: var(--plainclr);
}
.product-section-box .custom-nav .nav-item .nav-link.active::after {
  display: none;
}

.product-list-section {
  background-color: var(--lightbg);
}
.product-list-section .product-box-3 {
  box-shadow: -2px 2px 9px 1px rgba(0, 0, 0, 0.6705882353);
}
.product-list-section .product-box-3 .product-detail h5 {
  color: var(--primaryclr);
}

.product-page {
  background-color: var(--plainclr);
}
.product-page .offer-product .lil-text {
  color: #ffb321 !important;
  margin-left: 0.4rem;
}
.product-page .publish-rating {
  align-items: center;
  gap: 0.7rem;
}
.product-page .publish-rating .publishby {
  color: #979797;
}
.product-page .publish-rating .stars i {
  color: #ffb321;
  font-size: 10px;
}
.product-page .publish-rating .stars i.fa-regular {
  color: #D9D9D9;
}
.product-page .add-shadow {
  padding: 0.6rem;
  border-radius: 6px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background-color: var(--lightbg);
}
.product-page .add-shadow .select-package {
  background-color: #FEFFDC;
  box-shadow: -2px 2px 9px 1px rgba(0, 0, 0, 0.6705882353);
  padding: 0.8rem;
  border-radius: 2rem;
  width: 19rem;
  margin: auto;
}
.product-page .feature-list {
  width: 19rem;
  margin: auto;
}
.product-page .feature-list i {
  font-size: 2rem;
}
.product-page .big-text {
  font-size: 1rem;
  margin-right: 0.2rem;
}
.product-page .med-text {
  font-size: 0.8rem;
  text-decoration: line-through;
  margin-right: 0.2rem;
}
.product-page .discount {
  color: var(--redclr);
  font-size: 0.8rem;
}
.product-page .box-rel {
  position: relative;
}
.product-page .box-rel .left-slider-image {
  position: absolute;
  bottom: -4%;
  width: 100%;
}
.product-page .box-rel .left-slider-image .slick-slide {
  width: 102px !important;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.product-page .like-me {
  display: none;
}

.breadcrumb-section {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background-color: #FEFFDC;
}
.breadcrumb-section a,
.breadcrumb-section li {
  color: #4A4A4A !important;
}

.product-right-sidebar img {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 6px;
}

.product-related .product-box-3 {
  box-shadow: none;
}

@media (max-width: 767px) {
  .zoomContainer {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
  }
  .banner-section-bg .bann {
    height: 78px !important;
    min-height: 100px !important;
    -o-object-fit: contain;
       object-fit: contain;
    background-size: contain !important;
  }
  .git.product-section .right-box-contain .name {
    font-size: 1rem;
    color: #3F3F3F;
  }
  .git.product-section .right-box-contain .custom-rate,
  .git.product-section .right-box-contain .product-rating span {
    color: #3F3F3F;
    font-weight: 700;
  }
  .git.product-section .right-box-contain span.light {
    display: none;
  }
  .git .product-main .slider-image {
    padding: 0.8rem;
  }
  .git .data-review p {
    text-align: justify;
    font-size: 0.8rem;
    margin-top: 1rem;
  }
  .git .like-me {
    display: inline-block;
  }
  .git .med-text,
  .git .discount {
    display: none;
  }
  .git .pricing-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .product-section .product-main .slider-image {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    padding: 1.4rem;
  }
  .product-section .product-main .slider-image img {
    height: 325px;
    -o-object-fit: cover;
       object-fit: cover;
    width: 68%;
    margin: auto;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  }
  .product-section .product-left-box {
    margin-bottom: 2rem;
  }
  .product-page .box-rel .left-slider-image {
    bottom: -11%;
  }
  .product-page .box-rel .left-slider-image .slick-slide {
    width: 60px !important;
  }
  .product-page .right-box-contain .name {
    font-size: 1rem;
    text-align: left;
  }
  .product-page .right-box-contain span.light {
    display: none;
  }
  .product-page .pickup-box {
    border-top: 1px solid #ececec;
    margin-top: 1rem;
  }
  footer .main-footer .text-content {
    font-size: 1rem;
  }
  footer .main-footer.footer-contact ul li.footer-number .contact-number h5 {
    font: 0.76rem;
  }
  .product-list-section {
    background-color: transparent;
  }
  .product-list-section .featureproducts .product-border {
    background-color: #FEFFDC;
  }
  .product-section-box .custom-nav .nav-item .nav-link {
    font-size: 0.7rem;
    font-family: var(--primaryfont);
    border-right: none;
    padding: 0.3rem 0.1rem;
  }
  .breadcrumb-section {
    margin-bottom: 1rem;
  }
  .breadcrumb-section .breadcrumb-contain h2,
  .breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item + .breadcrumb-item {
    font-size: 0.87rem;
  }
  header .search-results {
    width: 100%;
    top: 106px;
  }
  header .search-results .list {
    overflow-x: auto;
  }
  header .search-results .list a h6 {
    font-size: 0.69rem;
  }
}
.breadcrumb-section .breadcrumb-contain ol li a {
  color: #5171FF;
}

.login-card {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  background-color: var(--lightbg);
  border-radius: 8px;
  padding: 2rem 1.2rem;
}
.login-card .log-in-box {
  background-color: var(--plainclr);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.login-card .log-in-box .sign-up-box a {
  color: var(--redclr);
}
.login-card .log-in-title .res-sides::before {
  width: 129px;
}
.login-card .log-in-title .res-sides::after {
  width: 129px;
}
.login-card .btn-animation {
  background-color: var(--redclr) !important;
  background: var(--redclr) !important;
}
.login-card .mob-num {
  position: relative;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  border-radius: 20px;
}
.login-card .mob-num .input-group-text {
  position: absolute;
  z-index: 4;
  height: 100%;
  border-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: var(--purpleclr);
  color: var(--plainclr);
  padding: 0.2rem 0.6rem;
  border: none;
  outline: none;
}
.login-card .mob-num input {
  border-radius: 20px !important;
  padding-left: 3.4rem;
  color: #979797;
}
.login-card .mob-num input::-moz-placeholder {
  color: #979797;
}
.login-card .mob-num input::placeholder {
  color: #979797;
}
.login-card .mob-num input:focus {
  outline: none;
  box-shadow: #001a43;
}
.login-card .btn-theme {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  border: none;
  outline: none;
  color: #979797;
  background-color: var(--plainclr);
}
.login-card .btn-theme:hover, .login-card .btn-theme:active {
  background-color: var(--purpleclr);
  color: var(--plainclr);
}
.login-card .password-field input {
  border-radius: 20px !important;
  color: #979797;
  text-align: center;
}
.login-card .password-field input::-moz-placeholder {
  color: #979797;
}
.login-card .password-field input::placeholder {
  color: #979797;
}

.registration {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  background-color: var(--lightbg);
  border-radius: 8px;
  padding: 2rem 1.2rem;
}
.registration .log-in-box {
  background-color: var(--plainclr);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.registration .log-in-box .sign-up-box a {
  color: var(--redclr);
}
.registration .log-in-title .res-sides::before {
  width: 129px;
}
.registration .log-in-title .res-sides::after {
  width: 129px;
}
.registration .btn-animation {
  background-color: var(--redclr) !important;
  background: var(--redclr) !important;
}
.registration .mob-num {
  position: relative;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  border-radius: 20px;
}
.registration .mob-num .input-group-text {
  position: absolute;
  z-index: 4;
  height: 100%;
  border-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: var(--purpleclr);
  color: var(--plainclr);
  padding: 0.2rem 0.6rem;
  border: none;
  outline: none;
}
.registration .mob-num input {
  border-radius: 20px !important;
  padding-left: 3.4rem;
  color: #979797;
}
.registration .mob-num input::-moz-placeholder {
  color: #979797;
}
.registration .mob-num input::placeholder {
  color: #979797;
}
.registration .mob-num input:focus {
  outline: none;
  box-shadow: #001a43;
}
.registration .btn-theme {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  border: none;
  outline: none;
  color: #979797;
  background-color: var(--plainclr);
}
.registration .btn-theme:hover, .registration .btn-theme:active {
  background-color: var(--purpleclr);
  color: var(--plainclr);
}
.registration .signup input {
  border-radius: 20px !important;
  color: #979797;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  font-size: 14px;
}
.registration .signup input::-moz-placeholder {
  color: #979797;
}
.registration .signup input::placeholder {
  color: #979797;
}
.registration .signup input:focus {
  font-size: 14px;
}
.registration .checkbox_animated:after {
  width: 15px;
  height: 15px;
  top: 0px;
}
.registration .sign-up-box a {
  color: var(--redclr);
}

.pages-shadow {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  background-color: var(--lightbg);
  border-radius: 8px;
  padding: 2rem 1.2rem;
  height: 600px;
  margin-top: 1rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #666666 transparent;
}
.pages-shadow::-webkit-scrollbar {
  width: 6px;
}
.pages-shadow::-webkit-scrollbar-track {
  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
  border-radius: 8px;
}
.pages-shadow::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #ff9a9e, #fad0c4);
  border-radius: 8px;
}
.pages-shadow::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, #fcb69f, #ffdde1);
}

.multi-boxes {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.multi-boxes .same-box .btn-active {
  background-color: var(--sitegreen);
  color: var(--plainclr);
}
.multi-boxes .same-box .btn-light-theme {
  background-color: #DFDFDF;
  color: #4A4A4A;
}
.multi-boxes .same-box .btn-light-theme:hover, .multi-boxes .same-box .btn-light-theme:active {
  background-color: var(--sitegreen);
  color: var(--plainclr);
}

.pagination {
  border: 1px solid #DFDFDF;
  border-radius: 4px;
  background-color: var(--lightbg);
}
.pagination .page-item .page-link {
  border: none;
  background-color: var(--lightbg);
  color: #000;
}
.pagination .page-item .page-link:hover {
  color: var(--redclr);
}
.pagination .page-item.bdr {
  border-right: 1px solid #DFDFDF;
}
.pagination .page-item.bdl {
  border-left: 1px solid #DFDFDF;
}
.pagination .red {
  font-size: var(--redclr);
}
.pagination .red.active {
  position: relative;
}
.pagination .red.active::before {
  position: absolute;
  content: "";
  background-color: var(--redclr);
  width: 20px;
  height: 2px;
  bottom: 6px;
  left: 6px;
}

.user-dashboard-section .add-shadow {
  position: sticky;
  top: 4%;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  background-color: var(--lightbg);
  padding: 1rem;
  border-radius: 8px;
}
.user-dashboard-section .user-profile .user-img {
  position: relative;
  width: 160px;
  margin: auto;
}
.user-dashboard-section .user-profile .edit {
  position: absolute;
  right: 30px;
  bottom: -1px;
}
.user-dashboard-section .user-profile .edit a {
  background-color: var(--plainclr);
  color: var(--purpleclr);
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  border: 3px solid transparent;
}
.user-dashboard-section .user-profile .edit a:hover {
  border: 3px solid var(--purpleclr);
}
.user-dashboard-section .nav-link .icon,
.user-dashboard-section .nav-link i,
.user-dashboard-section .nav-link svg,
.user-dashboard-section .nav-link img {
  width: 20px;
  margin-right: 14px;
}
.user-dashboard-section .dashboard-home .total-box .total-contain {
  border-radius: 59px !important;
  position: relative;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px !important;
}
.user-dashboard-section .dashboard-home .total-box .total-contain .circular-img {
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--plainclr);
  height: 80px;
}
.user-dashboard-section .dashboard-home .total-box .total-contain .circular-img img {
  width: 40px !important;
}
.user-dashboard-section .dashboard-home .total-box .total-contain .count-details {
  position: absolute;
  right: 1px;
  width: 184px;
  background: var(--plainclr);
  height: 96%;
  top: 1px;
  border-radius: 59px;
  color: var(--purpleclr);
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-dashboard-section .dashboard-order .table-responsive {
  height: 60rem;
  scrollbar-width: thin;
  /* Firefox */
  scrollbar-color: #ccc transparent;
  /* Firefox */
  /* Smooth scroll behavior */
  scroll-behavior: smooth;
  /* For even tables (2nd, 4th, etc.) */
  /* For odd tables (1st, 3rd, etc.) */
}
.user-dashboard-section .dashboard-order .table-responsive table {
  margin-bottom: 1rem;
  box-shadow: 0 0 8px rgba(34, 34, 34, 0.14);
  border-radius: 8px;
}
.user-dashboard-section .dashboard-order .table-responsive table tr td:nth-child(1) {
  min-width: 140px;
  width: 140px;
  max-width: 140px;
}
.user-dashboard-section .dashboard-order .table-responsive table tr td:nth-child(2) {
  min-width: 140px;
  width: 140px;
  max-width: 140px;
}
.user-dashboard-section .dashboard-order .table-responsive table tr td:nth-child(3) {
  min-width: 160px;
  width: 160px;
  max-width: 160px;
}
.user-dashboard-section .dashboard-order .table-responsive table tr td:nth-child(4) {
  min-width: 130px;
  width: 130px;
  max-width: 130px;
}
.user-dashboard-section .dashboard-order .table-responsive table tr td:nth-child(5) {
  min-width: 140px;
  width: 140px;
  max-width: 140px;
}
.user-dashboard-section .dashboard-order .table-responsive table tr td:nth-child(6) {
  min-width: 140px;
  width: 140px;
  max-width: 140px;
}
.user-dashboard-section .dashboard-order .table-responsive table thead {
  border-radius: 8px;
}
.user-dashboard-section .dashboard-order .table-responsive table tbody {
  border-radius: 8px;
}
.user-dashboard-section .dashboard-order .table-responsive table:nth-of-type(even) {
  background-color: var(--plainclr);
}
.user-dashboard-section .dashboard-order .table-responsive table:nth-of-type(odd) {
  background-color: #FEFFDC;
}
.user-dashboard-section .dashboard-order .table-responsive::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.user-dashboard-section .dashboard-order .table-responsive::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}
.user-dashboard-section .dashboard-order .table-responsive::-webkit-scrollbar-track {
  background: transparent;
}
.user-dashboard-section .product-size li {
  display: block;
}
.user-dashboard-section .product-size li .size-box {
  display: flex;
}
.user-dashboard-section .product-size li .size-box h6:first-child {
  min-width: 100px;
}
.user-dashboard-section .order-view ul li {
  display: block;
  min-width: 90px;
}
.user-dashboard-section .order-view .card {
  background-color: #FEFFDC;
  border-radius: 10px !important;
}
.user-dashboard-section .order-view .card.cs-card ul li {
  border-bottom: 1px dashed #696969;
  margin-bottom: 0.4rem;
}
.user-dashboard-section .order-view .card.cs-card ul li span.first {
  min-width: 110px;
}
.user-dashboard-section .order-view .card.cs-card ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .user-dashboard-section .order-view .card.cs-card ul {
    text-align: left;
  }
  .user-dashboard-section .order-view .card.cs-card ul li {
    display: flex;
  }
}

@media (max-width: 767px) {
  .user-dashboard-section .add-shadow {
    padding: 0;
    box-shadow: none;
  }
  .user-dashboard-section .add-shadow .dashboard-user-name {
    display: none;
  }
  .user-dashboard-section .dashboard-right-sidebar {
    background-color: var(--lightbg);
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }
  .user-dashboard-section .dashboard-home .total-box .total-contain .circular-img {
    height: 44px;
    width: 44px;
  }
  .user-dashboard-section .dashboard-home .total-box .total-contain .circular-img img {
    width: 20px !important;
  }
  .user-dashboard-section .dashboard-home .total-box .total-contain .count-details {
    width: 120px;
  }
  .user-dashboard-section .dashboard-home .total-box .total-contain .total-detail h5 {
    font-size: 1rem !important;
    font-weight: 600 !important;
  }
  .user-dashboard-section .dashboard-left-sidebar {
    background-color: var(--plainclr);
  }
  .user-dashboard-section .dashboard-left-sidebar .profile-box,
  .user-dashboard-section .dashboard-left-sidebar .close-button {
    display: none !important;
  }
  .user-dashboard-section .dashboard-left-sidebar .user-nav-pills {
    margin-top: 0;
  }
  .user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link {
    color: var(--darkclr);
  }
  .user-dashboard-section .nav-link .icon,
  .user-dashboard-section .nav-link i,
  .user-dashboard-section .nav-link svg,
  .user-dashboard-section .nav-link img {
    width: 16px !important;
  }
  .user-dashboard-section .mob-block .boxes-tab-data {
    display: flex;
    justify-content: space-between;
    background-color: var(--plainclr);
    box-shadow: 0 0 8px rgba(34, 34, 34, 0.14);
    border-radius: 8px;
    margin-bottom: 1rem;
    padding: 0.5rem;
  }
  .user-dashboard-section .mob-block .boxes-tab-data .div-two {
    min-width: 100px;
    text-align: right;
  }
  .user-dashboard-section .mob-block .boxes-tab-data .div-two label.success,
  .user-dashboard-section .mob-block .boxes-tab-data .div-one label.success {
    color: #007B1B;
    font-style: italic;
    font-size: 0.7rem;
  }
  .user-dashboard-section .mob-block .boxes-tab-data .div-two label.danger,
  .user-dashboard-section .mob-block .boxes-tab-data .div-one label.danger {
    color: var(--redclr);
    font-style: italic;
    font-size: 0.7rem;
  }
  .user-dashboard-section .mob-block .boxes-tab-data:nth-of-type(odd) {
    background-color: #FEFFDC;
  }
  .user-dashboard-section .pre-next {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    justify-content: flex-end;
  }
  .user-dashboard-section .btn-previous {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    color: #979797;
    background-color: var(--plainclr);
    border: 1px solid #979797;
    border-radius: 10px;
    outline: none;
  }
  .user-dashboard-section .btn-previous:hover {
    background-color: var(--lightbg);
  }
  .user-dashboard-section .dashboard-order h3 {
    text-align: left;
  }
  .user-dashboard-section .dashboard-order .order-view-img-sm {
    width: 80px;
    margin: auto;
  }
}
.rented .checkbox {
  width: 2%;
  float: right;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-color: white;
  border: 1px solid #ccc;
  cursor: pointer;
  box-sizing: border-box;
  margin: 3px 3px 3px 4px;
  height: 20px;
  position: relative;
}
.rented .checkbox:disabled {
  cursor: not-allowed;
  background-color: #e3e3e3;
  border: 1px solid #e3e3e3;
}
.rented .checkbox:checked {
  background-color: black;
}
.rented .checkbox:checked::after {
  content: "✔";
  color: white;
  font-size: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .rented .checkbox {
    width: 7%;
  }
  .rented .checkbox:checked::after {
    font-size: 22px;
  }
}
.rented .cs-height-img {
  width: 230px;
  margin-right: auto;
  border-radius: 8px;
}
.rented .product-size .size-box h6:nth-child(1) {
  min-width: 130px !important;
}
@media (max-width: 767px) {
  .rented .order-view-img-sm {
    width: 80px;
    margin: auto;
  }
  .rented .order-view-img-sm img {
    width: 100%;
  }
}

#RentRetunModal {
  color: #69676A;
}
#RentRetunModal .delivery-address-box {
  /* Tick shows when selected */
}
#RentRetunModal .delivery-address-box .custom-radio {
  display: none;
  /* Hide the native radio circle */
}
#RentRetunModal .delivery-address-box .custom-radio + label {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #ccc;
  background-color: white;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  margin: 5px;
}
#RentRetunModal .delivery-address-box .custom-radio:checked + label::after {
  content: "✔";
  color: white;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#RentRetunModal .delivery-address-box .custom-radio:checked + label {
  background-color: red;
  border-color: red;
}
#RentRetunModal .delivery-address-box .delivery-address-detail li {
  display: block;
  margin-bottom: 0.6rem;
}
#RentRetunModal .delivery-address-box .delivery-address-detail li h6 {
  font-size: 14px;
}
#RentRetunModal .select-floating {
  position: relative;
  background: white;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
#RentRetunModal #payment_method {
  display: none;
  /* hide native dropdown */
}
#RentRetunModal .custom-dropdown-header {
  padding: 12px 16px;
  font-weight: 600;
  font-size: 15px;
  color: #69676A;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#RentRetunModal .custom-dropdown-header::after {
  content: "▼";
  font-size: 12px;
  transition: transform 0.3s ease;
}
#RentRetunModal .custom-dropdown-header.active::after {
  transform: rotate(180deg);
}
#RentRetunModal .custom-dropdown-options {
  display: none;
  background: #fff;
}
#RentRetunModal .custom-dropdown-options.open {
  display: block;
}
#RentRetunModal .option-item {
  padding: 12px 16px;
  background: #fff9dd;
  border-top: 1px dashed #ccc;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
}
#RentRetunModal .option-item input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #999;
  position: relative;
  cursor: pointer;
}
#RentRetunModal .option-item input[type=radio]:checked {
  background-color: green;
  border-color: green;
}
#RentRetunModal .option-item input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background: var(--plainclr);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.cart-view .fisrt-card {
  padding: 2rem;
  background-color: var(--lightbg);
  margin-bottom: 1.2rem;
}
@media (max-width: 767px) {
  .cart-view .fisrt-card {
    padding: 0;
    background: transparent;
    border: none;
    margin-bottom: 2rem;
  }
}
.cart-view .fisrt-card .left {
  width: 80%;
  margin-right: auto;
}
.cart-view .fisrt-card .left img {
  width: 100%;
}
@media (max-width: 767px) {
  .cart-view .fisrt-card .left {
    width: 100%;
  }
  .cart-view .fisrt-card .left .rent-view-img-sm {
    width: 80px;
    margin: auto;
  }
  .cart-view .fisrt-card .left .rent-view-img-sm img {
    width: 100%;
  }
}
.cart-view .fisrt-card ul li {
  display: block;
}
.cart-view .fisrt-card .right .card {
  border-radius: 8px;
}
.cart-view .fisrt-card .right .card.first {
  background-color: #FEFFDC;
  margin-bottom: 4rem;
}
.cart-view .fisrt-card .right .card.two {
  padding: 0.8rem;
}
.cart-view .fisrt-card .right .card.two ul li {
  border-bottom: none;
  padding: 0;
  padding-bottom: 0.6rem;
}
.cart-view .fisrt-card .right .card ul li {
  border-bottom: 1px dashed #ccc;
  padding: 0.5rem;
}
.cart-view .fisrt-card .right .card ul li span:first-child {
  min-width: 132px;
}

.blog-banner-img {
  height: 500px;
  overflow: hidden;
  position: relative;
  border-radius: 1.9rem;
}
.blog-banner-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.blog-banner-img .abs-data {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.blog-banner-img .abs-data .title {
  font-size: 2rem;
  color: var(--plainclr);
  font-family: var(--secondaryfont);
  border-bottom: 1px solid var(--plainclr);
}
.blog-banner-img .abs-data .input-group {
  min-width: 460px;
}
.blog-banner-img .abs-data .input-group .input-group-text {
  background-color: #EFEFEF;
  cursor: pointer;
}
.blog-banner-img .abs-data .input-group input {
  background-color: #EFEFEF;
}
.blog-banner-img .abs-data .input-group input:focus {
  outline: none;
  border: transparent;
}

.multi-boxes select {
  padding: 10px 16px;
  border-radius: 4px;
  background-color: #DFDFDF;
  color: #4A4A4A;
  border: none;
  cursor: pointer;
}

.blogs-page .blog-box {
  padding: 1rem;
  background-color: #FEFFDC;
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
  justify-content: space-between;
}
.blogs-page .blog-box p {
  -webkit-line-clamp: unset;
}
.blogs-page .blog-box .blog-image {
  overflow: hidden;
}
.blogs-page .blog-box .blog-image img,
.blogs-page .blog-box .blog-image a {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}
.blogs-page .blog-box .blog-contain {
  text-align: center;
}
.blogs-page .blog-box .blog-label {
  color: var(--purpleclr);
  text-align: center;
  font-weight: 600;
}
.blogs-page .blog-box .blog-label a,
.blogs-page .blog-box .blog-label span {
  color: var(--purpleclr);
  font-weight: 600;
  font-size: 1rem;
}
.blogs-page .blog-box .blog-button {
  border: none;
  outline: none;
  background-color: transparent;
  color: var(--redclr);
  padding-left: 0;
}
.blogs-page .pagination .page-item .page-link {
  padding: 0.6rem 0.9rem;
}

@media (max-width: 767px) {
  .blog-cards-page {
    background-color: var(--purpleclr);
    margin-bottom: 2rem;
  }
  .blog-cards-page .mob-multi-boxes {
    justify-content: unset;
    gap: 0.9rem;
  }
  .blog-cards-page .mob-multi-boxes select {
    padding: 6px 13px;
    background-color: transparent;
    color: var(--plainclr);
    border: 1px solid var(--plainclr);
  }
  .blog-cards-page .mob-multi-boxes select option {
    color: var(--darkclr);
  }
  .blog-cards-page .mob-multi-boxes .btn-light-theme,
  .blog-cards-page .mob-multi-boxes .btn-active {
    padding: 5px 7px;
  }
  .blog-detail-contain p {
    color: #3F3F3F !important;
  }
}
.blog-details .sharedetails {
  border-top: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
  display: flex;
  justify-content: space-between;
  padding: 1.4rem 0.6rem;
  align-items: center;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}
.blog-details .sharedetails ul li a {
  transition: all 0.3s ease;
}
.blog-details .sharedetails ul li a img {
  transition: all 0.3s ease;
}
.blog-details .sharedetails ul li a:hover img {
  transform: translateY(-4px);
}
.blog-details .left-sidebar-box .accordion-item {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 0 !important;
}
.blog-details .left-sidebar-box .accordion-item .accordion-header {
  padding: 1.2rem;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 1px solid #151515 !important;
}
.blog-details .left-sidebar-box .accordion-item .accordion-collapse {
  padding: 1.2rem;
  background-color: var(--plainclr);
  box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}
.blog-details .left-sidebar-box .accordion-item .accordion-collapse .accordion-body {
  margin-top: 0 !important;
}
.blog-details .left-sidebar-box .accordion-item .accordion-collapse .accordion-body ul {
  counter-reset: item;
  padding-left: 1rem;
  list-style: none;
}
.blog-details .left-sidebar-box .accordion-item .accordion-collapse .accordion-body ul li {
  color: var(--darkclr);
}
.blog-details .left-sidebar-box .accordion-item .accordion-collapse .accordion-body ul li a,
.blog-details .left-sidebar-box .accordion-item .accordion-collapse .accordion-body ul li span,
.blog-details .left-sidebar-box .accordion-item .accordion-collapse .accordion-body ul li h5 {
  color: var(--darkclr);
}
.blog-details .left-sidebar-box .accordion-item .accordion-collapse .accordion-body ul li {
  counter-increment: item;
  position: relative;
  padding-left: 1rem;
  /* space for number on right */
}
.blog-details .left-sidebar-box .accordion-item .accordion-collapse .accordion-body ul li::after {
  content: counter(item) ".";
  position: absolute;
  left: 0;
  top: 0;
  color: #333;
  font-weight: bold;
}
.blog-details .left-sidebar-box .accordion-item .accordion-collapse .accordion-body .category-name h5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-details .left-sidebar-box .moreposts .post-img {
  position: relative;
  min-width: 130px;
}
.blog-details .left-sidebar-box .moreposts .post-img img {
  width: 100%;
  border-radius: 10px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.blog-details .left-sidebar-box .moreposts ul li {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}
.blog-details .left-sidebar-box .moreposts .post-detail {
  width: 100%;
  min-width: 200px;
}
.blog-details .left-sidebar-box .moreposts .post-detail h5 a {
  font-size: 1rem;
  font-weight: 700;
}
.blog-details .left-sidebar-box .moreposts .post-detail p {
  margin-top: 1rem;
  text-align: justify;
}
.blog-details .about-blog-breadcrumb {
  border-bottom: 1px solid #BEBEBE;
  padding: 1.4rem 0.6rem;
  margin-bottom: 2rem;
}
.blog-details .about-blog-breadcrumb ul li {
  font-size: 1.061rem;
}
.blog-details .about-blog-breadcrumb ul li a {
  font-size: 1.061rem;
  color: #3F3F3F;
}
.blog-details .about-blog-breadcrumb ul.second a,
.blog-details .about-blog-breadcrumb ul.second span {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--purpleclr);
}
.blog-details .page-title-blog-details {
  margin-bottom: 2rem;
}
.blog-details .blog-detail-image {
  border-radius: 12px !important;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}

.add-cart ul li {
  display: flex;
  justify-content: space-between;
}
.add-cart .btn-red {
  background-color: #FF3E3E;
  color: var(--plainclr);
}
.add-cart .btn-red:hover, .add-cart .btn-red:focus, .add-cart .btn-red:active {
  background-color: #ed0000;
}
.add-cart .btn-light:hover {
  color: var(--redclr) !important;
}
.add-cart .card-img {
  width: 100%;
  margin-right: auto;
}
.add-cart .card-img img {
  border-radius: 10px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.add-cart .add-shadow-light {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  background: var(--lightbg);
  padding: 1.3rem;
}
@media (max-width: 767px) {
  .add-cart .add-shadow-light {
    padding: 0.6rem;
  }
}
.add-cart .right-side .input-group {
  margin-top: 0.8rem;
  border: 1px dashed var(--redclr);
}
.add-cart .right-side .input-group input {
  border: none;
}
.add-cart .right-side .input-group .input-group-text {
  border: none;
  background-color: var(--plainclr) !important;
  cursor: pointer;
  color: var(--redclr);
}
.add-cart .right-side .card-summary .details ul li {
  margin-bottom: 0.7rem;
}
.add-cart .right-side .card-summary .details .price {
  font-weight: 800;
}
.add-cart .right-side .card-summary .details .price-deduct {
  color: #00C46C;
  font-weight: 800;
}
.add-cart .unset {
  justify-content: unset !important;
  gap: 0.4rem;
  font-weight: 600;
}
.add-cart .unset h5,
.add-cart .unset h4 {
  font-weight: 600;
}
.add-cart .unset .dis {
  text-decoration: line-through;
  color: #7C7979;
}
.add-cart .unset .off {
  color: #FF3E3E;
  font-weight: 600;
}
.add-cart .left .card .card-header {
  background-color: transparent !important;
}
.add-cart .left .card .card-header .checkbox {
  width: 3%;
  float: left;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-color: white;
  border: 1px solid #ccc;
  cursor: pointer;
  box-sizing: border-box;
  margin: 3px 3px 3px 4px;
  height: 27px;
  position: relative;
}
.add-cart .left .card .card-header .checkbox:checked {
  background-color: var(--redclr);
}
.add-cart .left .card .card-header .checkbox:checked::after {
  content: "✔";
  color: white;
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .add-cart .left .card .card-header .checkbox {
    width: 6%;
    height: 18px;
  }
  .add-cart .left .card .card-header .checkbox:checked::after {
    font-size: 22px;
  }
}
.add-cart .left .card .right .name {
  font-size: 1.1rem;
  font-weight: 700;
}
.add-cart .left .card .right ul li {
  margin-bottom: 0.8rem;
}
.add-cart .left .card .right .limited-deal {
  background-color: #ff3f3f;
  color: white;
  display: inline-block;
  padding: 8px 14px;
  min-width: 224px;
  font-size: 17px;
  font-weight: 500;
  -webkit-clip-path: polygon(0% 0, 100% 0, 80% 100%, 0% 100%);
          clip-path: polygon(0% 0, 100% 0, 80% 100%, 0% 100%);
}
.add-cart .left .card .right .qty-left-minus,
.add-cart .left .card .right .qty-right-plus {
  width: calc(26px + 9 * (100vw - 320px) / 1600);
  height: calc(26px + 9 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  background-color: #fff;
  z-index: 0;
  border-radius: 4px !important;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}
.add-cart .left .card .right .qty-right-plus {
  background-color: #FF3E3E !important;
  color: var(--plainclr) !important;
}
.add-cart .left .card .right .qty-rem {
  width: calc(26px + 9 * (100vw - 320px) / 1600);
  height: calc(26px + 9 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  margin-left: 1.4rem;
  z-index: 0;
  border-radius: 4px !important;
}
.add-cart .left .card .right .qty-rem:hover {
  color: var(--redclr);
}
.add-cart .left .card .right .qty-input {
  height: auto;
  background-color: transparent;
  text-align: center;
  font-size: 14px;
  color: rgb(74, 85, 104);
  border-width: initial;
  border-style: none;
  border-color: initial;
  -o-border-image: initial;
     border-image: initial;
  padding: 0px;
  width: 3rem !important;
}
.add-cart .left .card .right .multibtns .btn-sm {
  border: 3px solid var(--plainclr);
}
@media (max-width: 767px) {
  .add-cart .card-img {
    width: 100%;
  }
  .add-cart .left .card .right ul {
    margin-top: 0;
  }
  .add-cart .left .card .right ul li {
    margin-bottom: 0.4rem;
  }
  .add-cart .left .card .right ul li.multibtns {
    margin-top: 1rem;
  }
  .add-cart .left .card .right ul li.unset h5,
  .add-cart .left .card .right ul li.unset span {
    font-size: 0.8rem;
  }
  .add-cart .left .card .right .name {
    font-size: 0.9rem;
    color: #3F3F3F;
  }
  .add-cart .left .card .right .limited-deal {
    font-size: 0.9rem;
    min-width: 180px;
    padding: 8px 15px;
  }
  .add-cart .left .card .right .multibtns .btn-theme-one {
    background-color: #FFE11D;
    padding: 0.2rem 0.5rem;
    color: var(--darkclr);
    border: none;
    font-size: 0.7rem;
  }
  .add-cart .left .card .right .multibtns .btn-theme-two {
    background-color: #FF3E3E;
    padding: 0.2rem 0.5rem;
    font-size: 0.7rem;
    border: none;
  }
  .add-cart .left .card .right .multibtns .move-cart {
    display: none;
  }
  .add-cart .right-side .add-shadow-light {
    background: transparent;
  }
  .add-cart .right-side .card-summary {
    margin-top: 0 !important;
  }
  .add-cart .right-side .log-in-title {
    display: none;
  }
}

.checkout-cart .code-coupon {
  padding: 1.3rem;
  background-color: #FFE44B;
  text-align: center;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.checkout-cart .code-coupon h5 {
  text-align: center;
}
.checkout-cart .btn-red {
  background-color: #FF3E3E;
  color: var(--plainclr);
}
.checkout-cart .btn-red:hover, .checkout-cart .btn-red:focus, .checkout-cart .btn-red:active {
  background-color: #ed0000;
}
.checkout-cart .btn-light:hover {
  color: var(--redclr) !important;
}
.checkout-cart .details ul li {
  margin-bottom: 0.7rem;
}
.checkout-cart .details .price {
  font-weight: 800;
}
.checkout-cart .details .price-deduct {
  color: #00C46C !important;
  font-weight: 800;
}
.checkout-cart .add-shadow-light {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  background: var(--lightbg);
  padding: 1.3rem;
}
@media (max-width: 767px) {
  .checkout-cart .add-shadow-light {
    padding: 0.6rem;
  }
}
.checkout-cart .apply-couponcode .input-group {
  margin-top: 0.8rem;
  border: 1px dashed var(--redclr);
}
.checkout-cart .apply-couponcode .input-group input {
  border: none;
  color: #3F3F3F;
}
.checkout-cart .apply-couponcode .input-group .btn-apply {
  border: none;
  background-color: var(--plainclr) !important;
  cursor: pointer;
  color: var(--redclr);
}
.checkout-cart .summery-box .summery-contain {
  border-bottom: none !important;
}
.checkout-cart .delivery-address-box {
  height: 100%;
  position: relative;
  /* Tick shows when selected */
}
.checkout-cart .delivery-address-box .delivery-option {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.checkout-cart .delivery-address-box .card {
  border-radius: 10px;
}
.checkout-cart .delivery-address-box .card .card-header {
  border-radius: 10px;
}
.checkout-cart .delivery-address-box .edit_address {
  position: absolute;
  bottom: 0;
  right: 0;
}
.checkout-cart .delivery-address-box .custom-radio {
  display: none;
  /* Hide the native radio circle */
}
.checkout-cart .delivery-address-box .custom-radio + label {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #ccc;
  background-color: white;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  margin: 5px;
}
.checkout-cart .delivery-address-box .custom-radio:checked + label::after {
  content: "✔";
  color: white;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.checkout-cart .delivery-address-box .custom-radio:checked + label {
  background-color: red;
  border-color: red;
}
.checkout-cart .delivery-address-box .delivery-address-detail li {
  display: block;
  margin-bottom: 0.6rem;
}
.checkout-cart .delivery-address-box .delivery-address-detail li h6 {
  font-size: 14px;
}
.checkout-cart #shipping_methodes_listss .card-header {
  border: none;
}
.checkout-cart #deliverySection .checkout-box .checkout-title {
  position: relative;
}
.checkout-cart #deliverySection .checkout-box .checkout-title .btn-theme-one {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.checkout-cart #deliverySection .checkout-box .checkout-title input {
  padding-right: 9rem;
  background-color: #FEFFDC;
}
.checkout-cart #deliverySection .checkout-box .checkout-title input:focus {
  outline: none;
  border: none;
}

.payment-multi-options {
  padding: 2.4rem 0;
  margin-bottom: 4rem;
  background-color: var(--lightbg);
}
.payment-multi-options .custom-accordion .accordion-item {
  border: 1px solid #696969;
  border-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  margin-bottom: 1rem;
}
.payment-multi-options .custom-accordion .accordion-item .accordion-button {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  color: #222222;
  padding-left: 2rem;
  cursor: pointer;
}
.payment-multi-options .custom-accordion .accordion-item .accordion-button .form-check-input {
  margin-top: 4px;
}
.payment-multi-options .custom-accordion .accordion-item .accordion-button .custom-form-check {
  padding-left: 0;
}

.wishlist-section .bg-change {
  background-color: var(--lightbg);
}
.wishlist-section .product-box-3 {
  overflow: hidden;
  position: relative;
}
.wishlist-section .product-box-3 .product-header {
  overflow: hidden;
  width: 250px;
  margin: auto;
  padding: 2rem;
}
.wishlist-section .product-box-3 .product-header img {
  height: 100%;
}
.wishlist-section .product-box-3 .product-footer {
  height: 100%;
  display: flex;
  align-items: center;
}
.wishlist-section .product-box-3 .product-footer .product-detail h5.name {
  font-size: 1.2rem;
  color: #414141;
}
.wishlist-section .product-box-3 .product-footer .product-detail .price {
  display: flex;
  margin-top: 1rem;
  gap: 0.7rem;
  align-items: center;
}
.wishlist-section .product-box-3 .product-footer .product-detail .price .theme-color {
  font-size: 1rem;
}
.wishlist-section .product-box-3 .product-footer .product-detail .price .text-sm {
  color: #7C7979;
  text-decoration: line-through;
  font-size: 0.8rem;
}
.wishlist-section .product-box-3 .product-footer .product-detail .price .discount {
  font-size: 1rem;
  color: var(--redclr);
}
.wishlist-section .product-box-3 .product-footer .product-detail .multibtns {
  display: flex;
  gap: 0.8rem;
  margin-top: 1rem;
  align-items: center;
}
.wishlist-section .product-box-3 .product-footer .product-detail .multibtns .btn-sm {
  border: 3px solid var(--plainclr);
}
.wishlist-section .product-box-3 .product-footer .product-detail .multibtns a:hover .fa-share {
  color: #01e401;
}
.wishlist-section .product-box-3 .product-footer .product-detail .multibtns a:hover .fa-trash-can {
  color: var(--redclr);
}
.wishlist-section .product-box-3 .product-footer .product-detail .multibtns i {
  font-size: 1.1rem;
}
.wishlist-section .product-box-3 .product-footer .product-detail .limited-deal {
  margin-top: 1rem;
  background-color: #ff3f3f;
  color: white;
  display: inline-block;
  padding: 8px 24px;
  width: 228px;
  font-size: 1.2rem;
  font-weight: 500;
  -webkit-clip-path: polygon(0% 0, 100% 0, 80% 100%, 0% 100%);
          clip-path: polygon(0% 0, 100% 0, 80% 100%, 0% 100%);
}
@media (max-width: 767px) {
  .wishlist-section .product-box-3 .product-footer .product-detail .limited-deal {
    font-size: 0.9rem;
    width: 180px;
    padding: 8px 15px;
  }
}
.wishlist-section .product-box-3 .product-header-top {
  position: absolute;
  right: 10px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .wishlist-section .add-shadow-mob {
    padding: 0.7rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    background-color: var(--lightbg);
    border-radius: 12px;
  }
  .wishlist-section .product-box-contain {
    margin-top: 0.5rem;
  }
  .wishlist-section .product-box-3 {
    padding: 0.8rem !important;
    overflow: visible;
  }
  .wishlist-section .product-box-3 .product-header {
    width: 180px;
    padding: 0rem;
  }
  .wishlist-section .product-box-3 .product-header .product-image {
    padding: 0px;
    height: auto !important;
  }
  .wishlist-section .product-box-3 .bg-change {
    background-color: var(--plainclr);
    padding: 10px !important;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex;
  }
  .wishlist-section .product-box-3 .product-footer .product-detail {
    display: flex;
    flex-direction: column;
  }
  .wishlist-section .product-box-3 .product-footer .product-detail h5.name {
    font-size: 0.8rem;
    color: var(--purpleclr);
  }
  .wishlist-section .product-box-3 .product-footer .product-detail .span-name {
    font-size: 0.67rem;
  }
  .wishlist-section .product-box-3 .product-footer .product-detail .price {
    gap: 0.4rem;
  }
  .wishlist-section .product-box-3 .product-footer .product-detail .price .theme-color,
  .wishlist-section .product-box-3 .product-footer .product-detail .price .discount {
    font-size: 0.7rem;
  }
  .wishlist-section .product-box-3 .product-footer .product-detail .price .text-sm {
    font-size: 0.6rem;
  }
  .wishlist-section .product-box-3 .product-footer .product-detail .price .discount {
    background-color: var(--redclr);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    color: var(--plainclr);
    font-size: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    position: absolute;
    top: -9px;
    right: -6px;
  }
}

.wallet .blue-top {
  background-color: var(--purpleclr);
  color: var(--plainclr);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
}
.wallet .table-responsive .table {
  box-shadow: 0 0 8px rgba(34, 34, 34, 0.14);
  border-radius: 8px;
}
.wallet .table-responsive .table thead {
  border-radius: 8px;
}
.wallet .table-responsive .table tbody {
  border-radius: 8px;
}
.wallet .table-responsive .table tr td:nth-child(1) {
  min-width: 100px;
  width: 100px;
  max-width: 100px;
}
.wallet .table-responsive .table tr td:nth-child(2) {
  min-width: 160px;
  width: 160px;
  max-width: 160px;
}
.wallet .table-responsive .table tr td:nth-child(3) {
  min-width: 150px;
  width: 150px;
  max-width: 150px;
}
.wallet .table-responsive .table tr td:nth-child(4) {
  min-width: 80px;
  width: 80px;
  max-width: 80px;
}
.wallet .table-responsive .table tr td:nth-child(5) {
  min-width: 80px;
  width: 80px;
  max-width: 80px;
}
.wallet .table-responsive .table tr td:nth-child(6) {
  min-width: 80px;
  width: 80px;
  max-width: 80px;
}
@media (max-width: 767px) {
  .wallet .table-responsive .table &gt; :not(:first-child) {
    border-top: 1px solid #dee2e6;
  }
}
.wallet table:nth-of-type(odd) {
  background-color: #FEFFDC;
}
.wallet table:nth-of-type(even) {
  background-color: var(--plainclr);
}

.profile .profile-detail .profile-name-detail {
  align-items: baseline !important;
}
.profile .profile-detail a {
  padding: 0 !important;
}
.profile .profile-detail a::after {
  background: var(--plainclr) !important;
}
.profile .details-of-profile {
  margin-top: 1.2rem;
}
.profile .details-of-profile .detail-box {
  border: 1px solid #D5D5D5;
  padding: 0.9rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 100%;
}
.profile .details-of-profile .detail-box .icon {
  display: flex;
  min-width: 80px;
}
.profile .details-of-profile .detail-box .icon img {
  width: 50px;
}
.profile .details-of-profile .detail-box .rel-data {
  display: flex;
  flex-direction: column;
}
.profile .details-of-profile .detail-box .rel-data .bold-details {
  font-weight: 600;
}
.profile .bg-change-light {
  background-color: #FEFFDC !important;
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid #D5D5D5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.2rem;
}
.profile .custom-radio {
  display: none;
}
.profile .delivery-address-box ul li {
  display: block;
}
.profile .delivery-address-box .custom-radio + label {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #ccc;
  background-color: white;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  margin: 5px;
}
.profile .delivery-address-box .custom-radio:checked + label {
  background-color: red;
  border-color: red;
}
.profile .delivery-address-box .custom-radio:checked + label::after {
  content: "✔";
  color: white;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.profile .edit-prof .modal-dialog .modal-content {
  background-color: var(--lightbg);
  padding: 2rem;
  border-radius: 20px;
}
.profile .edit-prof .modal-dialog .modal-content .modal-header h2.title {
  font-family: var(--secondaryfont);
}
.profile .edit-prof .modal-dialog .modal-content #UserProfileForm input,
.profile .edit-prof .modal-dialog .modal-content #UserPasswordForm input,
.profile .edit-prof .modal-dialog .modal-content #UpdateAddressForm input,
.profile .edit-prof .modal-dialog .modal-content #editShippingModal input,
.profile .edit-prof .modal-dialog .modal-content #AddNewAddress input {
  border-radius: 28px;
  border: none;
  outline: none;
  color: #979797;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.profile .edit-prof .modal-dialog .modal-content #UserProfileForm input::-moz-placeholder, .profile .edit-prof .modal-dialog .modal-content #UserPasswordForm input::-moz-placeholder, .profile .edit-prof .modal-dialog .modal-content #UpdateAddressForm input::-moz-placeholder, .profile .edit-prof .modal-dialog .modal-content #editShippingModal input::-moz-placeholder, .profile .edit-prof .modal-dialog .modal-content #AddNewAddress input::-moz-placeholder {
  color: #979797;
}
.profile .edit-prof .modal-dialog .modal-content #UserProfileForm input::placeholder,
.profile .edit-prof .modal-dialog .modal-content #UserPasswordForm input::placeholder,
.profile .edit-prof .modal-dialog .modal-content #UpdateAddressForm input::placeholder,
.profile .edit-prof .modal-dialog .modal-content #editShippingModal input::placeholder,
.profile .edit-prof .modal-dialog .modal-content #AddNewAddress input::placeholder {
  color: #979797;
}
.profile .edit-prof .modal-dialog .modal-content #UserProfileForm input:focus,
.profile .edit-prof .modal-dialog .modal-content #UserPasswordForm input:focus,
.profile .edit-prof .modal-dialog .modal-content #UpdateAddressForm input:focus,
.profile .edit-prof .modal-dialog .modal-content #editShippingModal input:focus,
.profile .edit-prof .modal-dialog .modal-content #AddNewAddress input:focus {
  outline: none;
  border: none;
}
.profile .edit-prof .modal-dialog .modal-content #UserProfileForm .form-control[readonly],
.profile .edit-prof .modal-dialog .modal-content #UserPasswordForm .form-control[readonly],
.profile .edit-prof .modal-dialog .modal-content #UpdateAddressForm .form-control[readonly],
.profile .edit-prof .modal-dialog .modal-content #editShippingModal .form-control[readonly],
.profile .edit-prof .modal-dialog .modal-content #AddNewAddress .form-control[readonly] {
  background-color: var(--plainclr);
}
.profile .edit-prof .modal-dialog .modal-content #UserProfileForm .radio-options .radio-group,
.profile .edit-prof .modal-dialog .modal-content #UserPasswordForm .radio-options .radio-group,
.profile .edit-prof .modal-dialog .modal-content #UpdateAddressForm .radio-options .radio-group,
.profile .edit-prof .modal-dialog .modal-content #editShippingModal .radio-options .radio-group,
.profile .edit-prof .modal-dialog .modal-content #AddNewAddress .radio-options .radio-group {
  display: flex;
  gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 0;
}
.profile .edit-prof .modal-dialog .modal-content #UserProfileForm .radio-options .radio-group input[type=radio],
.profile .edit-prof .modal-dialog .modal-content #UserPasswordForm .radio-options .radio-group input[type=radio],
.profile .edit-prof .modal-dialog .modal-content #UpdateAddressForm .radio-options .radio-group input[type=radio],
.profile .edit-prof .modal-dialog .modal-content #editShippingModal .radio-options .radio-group input[type=radio],
.profile .edit-prof .modal-dialog .modal-content #AddNewAddress .radio-options .radio-group input[type=radio] {
  display: none;
}
.profile .edit-prof .modal-dialog .modal-content #UserProfileForm .radio-options .radio-group label,
.profile .edit-prof .modal-dialog .modal-content #UserPasswordForm .radio-options .radio-group label,
.profile .edit-prof .modal-dialog .modal-content #UpdateAddressForm .radio-options .radio-group label,
.profile .edit-prof .modal-dialog .modal-content #editShippingModal .radio-options .radio-group label,
.profile .edit-prof .modal-dialog .modal-content #AddNewAddress .radio-options .radio-group label {
  padding: 5px 25px;
  border-radius: 999px;
  font-family: sans-serif;
  font-weight: 600;
  font-size: 1rem;
  background-color: #f9f9f9;
  color: #777;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.3s ease;
}
.profile .edit-prof .modal-dialog .modal-content #UserProfileForm .radio-options .radio-group label:hover,
.profile .edit-prof .modal-dialog .modal-content #UserPasswordForm .radio-options .radio-group label:hover,
.profile .edit-prof .modal-dialog .modal-content #UpdateAddressForm .radio-options .radio-group label:hover,
.profile .edit-prof .modal-dialog .modal-content #editShippingModal .radio-options .radio-group label:hover,
.profile .edit-prof .modal-dialog .modal-content #AddNewAddress .radio-options .radio-group label:hover {
  opacity: 0.9;
}
.profile .edit-prof .modal-dialog .modal-content #UserProfileForm .radio-options .radio-group input[type=radio]:checked + label,
.profile .edit-prof .modal-dialog .modal-content #UserPasswordForm .radio-options .radio-group input[type=radio]:checked + label,
.profile .edit-prof .modal-dialog .modal-content #UpdateAddressForm .radio-options .radio-group input[type=radio]:checked + label,
.profile .edit-prof .modal-dialog .modal-content #editShippingModal .radio-options .radio-group input[type=radio]:checked + label,
.profile .edit-prof .modal-dialog .modal-content #AddNewAddress .radio-options .radio-group input[type=radio]:checked + label {
  background-color: rgba(255, 0, 0, 0.1);
  color: red;
  box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.2);
}
.profile .edit-prof .modal-dialog .modal-content #UserProfileForm .mob-number,
.profile .edit-prof .modal-dialog .modal-content #UserPasswordForm .mob-number,
.profile .edit-prof .modal-dialog .modal-content #UpdateAddressForm .mob-number,
.profile .edit-prof .modal-dialog .modal-content #editShippingModal .mob-number,
.profile .edit-prof .modal-dialog .modal-content #AddNewAddress .mob-number {
  position: relative;
}
.profile .edit-prof .modal-dialog .modal-content #UserProfileForm .mob-number input,
.profile .edit-prof .modal-dialog .modal-content #UserPasswordForm .mob-number input,
.profile .edit-prof .modal-dialog .modal-content #UpdateAddressForm .mob-number input,
.profile .edit-prof .modal-dialog .modal-content #editShippingModal .mob-number input,
.profile .edit-prof .modal-dialog .modal-content #AddNewAddress .mob-number input {
  width: 100%;
  padding-left: 4rem;
  padding-right: 1.4rem;
  position: relative;
  z-index: 0;
}
.profile .edit-prof .modal-dialog .modal-content #UserProfileForm .mob-number .edit,
.profile .edit-prof .modal-dialog .modal-content #UserPasswordForm .mob-number .edit,
.profile .edit-prof .modal-dialog .modal-content #UpdateAddressForm .mob-number .edit,
.profile .edit-prof .modal-dialog .modal-content #editShippingModal .mob-number .edit,
.profile .edit-prof .modal-dialog .modal-content #AddNewAddress .mob-number .edit {
  position: absolute;
  right: 10px;
  top: 14px;
  color: #979797;
  z-index: 2;
}
.profile .edit-prof .modal-dialog .modal-content #UserProfileForm .mob-number .btn-left-num,
.profile .edit-prof .modal-dialog .modal-content #UserPasswordForm .mob-number .btn-left-num,
.profile .edit-prof .modal-dialog .modal-content #UpdateAddressForm .mob-number .btn-left-num,
.profile .edit-prof .modal-dialog .modal-content #editShippingModal .mob-number .btn-left-num,
.profile .edit-prof .modal-dialog .modal-content #AddNewAddress .mob-number .btn-left-num {
  position: absolute;
  z-index: 3;
  height: 100%;
  top: 0;
  left: 0;
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
  background-color: var(--purpleclr);
  color: var(--plainclr);
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  padding: 0 0.8rem;
}
.profile .edit-prof .modal-dialog .btn-animation {
  background-color: var(--redclr) !important;
  background: var(--redclr) !important;
}
.profile .edit-prof .modal-dialog .btn-close {
  display: none;
}
@media (max-width: 767px) {
  .profile .profile-name-detail {
    display: flex !important;
  }
  .profile .profile-name-detail h3 {
    font-size: 0.9rem !important;
  }
  .profile .profile-detail,
  .profile .profile-about {
    padding: 0 !important;
    border: none !important;
  }
  .profile .details-of-profile .detail-box {
    border: none;
    min-height: 40px;
    padding: 0.3rem;
    border-radius: 0px;
  }
  .profile .details-of-profile .detail-box .bg-success {
    background: #007B1B !important;
  }
  .profile .details-of-profile .detail-box .icon {
    min-width: 50px;
  }
  .profile .details-of-profile .detail-box .icon img {
    width: 32px;
  }
  .profile .bg-change-light {
    padding: 0;
    background-color: transparent !important;
    border-radius: 0;
    border: none;
  }
  .profile .bg-change-light h4 {
    border-bottom: 1px solid #414141;
  }
  .profile .mob-data-profile {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #D5D5D5;
    min-height: 40px;
    align-items: center;
    padding: 0.5rem 0;
  }
  .profile .mob-data-profile:first-child {
    border-top: 1px solid #D5D5D5;
  }
  .profile .mob-data-profile .b-type {
    min-width: 50px;
  }
  .profile .mob-data-profile .b-type .badge {
    background-color: #007B1B;
    color: var(--plainclr);
  }
}

.rented-details .add-border {
  border-bottom: 1px solid #D5D5D5;
  margin-bottom: 1.2rem;
}
.rented-details .card {
  background-color: #FEFFDC;
  border-radius: 10px !important;
}
.rented-details .card ul li {
  display: block;
  border-bottom: 1px dashed #696969;
  margin-bottom: 0.4rem;
}
.rented-details .card ul li span.first {
  min-width: 135px;
}
@media (max-width: 767px) {
  .rented-details .prod-img.mob-block {
    width: 60px;
    margin: auto;
    margin-top: 0.7rem;
  }
  .rented-details .prod-img.mob-block img {
    border-radius: 8px;
  }
}

.rentedpage .table-responsive {
  height: 60rem;
  scrollbar-width: thin;
  /* Firefox */
  scrollbar-color: #ccc transparent;
  /* Firefox */
  /* Smooth scroll behavior */
  scroll-behavior: smooth;
  /* For even tables (2nd, 4th, etc.) */
  /* For odd tables (1st, 3rd, etc.) */
}
.rentedpage .table-responsive table {
  margin-bottom: 1rem;
  box-shadow: 0 0 8px rgba(34, 34, 34, 0.14);
  border-radius: 8px;
}
.rentedpage .table-responsive table tr td:nth-child(1) {
  min-width: 140px;
  width: 140px;
  max-width: 140px;
}
.rentedpage .table-responsive table tr td:nth-child(2) {
  min-width: 140px;
  width: 140px;
  max-width: 140px;
}
.rentedpage .table-responsive table tr td:nth-child(3) {
  min-width: 160px;
  width: 160px;
  max-width: 160px;
}
.rentedpage .table-responsive table tr td:nth-child(4) {
  min-width: 130px;
  width: 130px;
  max-width: 130px;
}
.rentedpage .table-responsive table tr td:nth-child(5) {
  min-width: 140px;
  width: 140px;
  max-width: 140px;
}
.rentedpage .table-responsive table tr td:nth-child(6) {
  min-width: 140px;
  width: 140px;
  max-width: 140px;
}
.rentedpage .table-responsive table thead {
  border-radius: 8px;
}
.rentedpage .table-responsive table tbody {
  border-radius: 8px;
}
.rentedpage .table-responsive table:nth-of-type(even) {
  background-color: var(--plainclr);
}
.rentedpage .table-responsive table:nth-of-type(odd) {
  background-color: #FEFFDC;
}

.about-us-page {
  padding-bottom: 4rem;
}
.about-us-page .about-sec {
  background-color: var(--lightbg);
  padding: 3rem 0;
}
.about-us-page .about-sec .left {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.about-us-page .about-sec .left h2 {
  font-family: var(--secondaryfont);
  color: #414141;
  margin-bottom: 1rem;
}
.about-us-page .about-sec .left p {
  margin-bottom: 0;
  color: #414141;
}
.about-us-page .about-sec .img-right img {
  border-radius: 16px;
  padding: 1rem;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  width: 100%;
}
.about-us-page .who-we-are {
  padding: 3rem 0;
}
.about-us-page .who-we-are .card {
  background-color: var(--lightbg);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  padding: 1.3rem;
  border-radius: 16px;
}
.about-us-page .whychoose-us {
  padding: 3rem 0;
}
.about-us-page .whychoose-us .card {
  text-align: center;
  padding: 3rem;
  width: 95%;
  background-color: var(--lightbg);
  border-radius: 16px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -px;
}
.about-us-page .whychoose-us .card .card-data {
  margin-top: 1rem;
}
.about-us-page .whychoose-us .card .card-data .option {
  font-size: 1.1rem;
  margin-bottom: 0.2rem;
  font-weight: 600;
}
.about-us-page .testimonial-section {
  padding: 3rem 0;
}
.about-us-page .testimonial-section .testimonial-card {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  padding: 3rem;
  text-align: center;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.about-us-page .testimonial-section .testimonial-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}
.about-us-page .testimonial-section .testimonial-card h4 {
  font-weight: 600;
  font-size: 1.25rem;
}
.about-us-page .testimonial-section .testimonial-card .testimonial-text {
  font-size: 0.95rem;
  color: #444;
  margin: 1rem 0;
  line-height: 1.5;
}
.about-us-page .testimonial-section .testimonial-card .testimonial-author {
  font-weight: 500;
  color: #000;
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
}
.about-us-page .testimonial-section .testimonial-card .testimonial-author strong {
  font-weight: 600;
}
.about-us-page .testimonial-section .testimonial-card .stars {
  color: #f5c518;
  font-size: 1.1rem;
}
.about-us-page .next-book {
  background-color: var(--lightbg);
  padding: 3rem 0;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.about-us-page .next-book .left {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.about-us-page .next-book .left h2 {
  font-family: var(--secondaryfont);
}
.about-us-page .next-book .right img {
  border-radius: 16px;
  padding: 1rem;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  width: 100%;
}
@media (max-width: 767px) {
  .about-us-page .welcome .mob-heading {
    border-bottom: none;
    line-height: 28px;
  }
  .about-us-page .who-we-are .who,
  .about-us-page .who-we-are .mission {
    box-shadow: none;
    border: none;
    background-color: var(--plainclr);
  }
  .about-us-page .whychoose-us.mob-block {
    padding: 2rem 0;
  }
  .about-us-page .whychoose-us.mob-block .info-card ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 1.2rem;
  }
  .about-us-page .whychoose-us.mob-block .info-card ul li {
    margin-bottom: 0.5rem;
    line-height: 1.5;
    display: block;
  }
  .about-us-page .whychoose-us.mob-block .info-card ul li.title {
    font-weight: 600;
    margin-bottom: 0.7rem;
    font-size: 1.2rem;
  }
}

.categories-mobile-page {
  background-color: var(--purpleclr);
  color: var(--plainclr);
}
.categories-mobile-page h4 {
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 1.4rem;
}
.categories-mobile-page .head-rel {
  position: relative;
}
.categories-mobile-page .head-rel .backpage {
  position: absolute;
  left: 0;
  top: 0;
}
.categories-mobile-page .head-rel .backpage a {
  color: var(--plainclr);
}
.categories-mobile-page .head-rel .backpage a i {
  font-size: 1.5rem;
}
.categories-mobile-page .multiples {
  height: 100%;
  background-color: #FEFFDC;
  padding: 2rem 0;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}
.categories-mobile-page .multiples .rel-data {
  text-align: center;
}
.categories-mobile-page .multiples .rel-data a {
  color: var(--purpleclr);
  font-weight: 600;
}
.categories-mobile-page .multiples.of-sub-categories {
  padding: 1rem 1.6rem;
}
.categories-mobile-page .multiples .sub-categ {
  border: 1px solid var(--purpleclr);
  display: block;
  position: relative;
  text-align: center;
  font-weight: 600;
  padding: 0.6rem 1rem;
  border-radius: 6px;
  color: var(--purpleclr);
}
.categories-mobile-page .multiples .sub-categ .move-to-sub-sub {
  position: absolute;
  right: 6px;
}
.categories-mobile-page .multiples .sub-categ .move-to-sub-sub i {
  font-size: 1.3rem;
}

.shipping .edit-abs {
  position: absolute;
  top: 0;
  right: 0;
}

.edit-prof .modal-dialog .modal-content {
  background-color: var(--lightbg);
  padding: 2rem;
  border-radius: 20px;
}
.edit-prof .modal-dialog .modal-content .modal-header h2.title {
  font-family: var(--secondaryfont);
}
.edit-prof .modal-dialog .modal-content #UserProfileForm input,
.edit-prof .modal-dialog .modal-content #UserPasswordForm input,
.edit-prof .modal-dialog .modal-content #UpdateAddressForm input,
.edit-prof .modal-dialog .modal-content #editShippingModal input,
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm input,
.edit-prof .modal-dialog .modal-content #AddNewAddress input {
  border-radius: 28px;
  border: none;
  outline: none;
  color: #979797;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.edit-prof .modal-dialog .modal-content #UserProfileForm input::-moz-placeholder, .edit-prof .modal-dialog .modal-content #UserPasswordForm input::-moz-placeholder, .edit-prof .modal-dialog .modal-content #UpdateAddressForm input::-moz-placeholder, .edit-prof .modal-dialog .modal-content #editShippingModal input::-moz-placeholder, .edit-prof .modal-dialog .modal-content #NewShippingAddressForm input::-moz-placeholder, .edit-prof .modal-dialog .modal-content #AddNewAddress input::-moz-placeholder {
  color: #979797;
}
.edit-prof .modal-dialog .modal-content #UserProfileForm input::placeholder,
.edit-prof .modal-dialog .modal-content #UserPasswordForm input::placeholder,
.edit-prof .modal-dialog .modal-content #UpdateAddressForm input::placeholder,
.edit-prof .modal-dialog .modal-content #editShippingModal input::placeholder,
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm input::placeholder,
.edit-prof .modal-dialog .modal-content #AddNewAddress input::placeholder {
  color: #979797;
}
.edit-prof .modal-dialog .modal-content #UserProfileForm input:focus,
.edit-prof .modal-dialog .modal-content #UserPasswordForm input:focus,
.edit-prof .modal-dialog .modal-content #UpdateAddressForm input:focus,
.edit-prof .modal-dialog .modal-content #editShippingModal input:focus,
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm input:focus,
.edit-prof .modal-dialog .modal-content #AddNewAddress input:focus {
  outline: none;
  border: none;
}
.edit-prof .modal-dialog .modal-content #UserProfileForm .selectbox,
.edit-prof .modal-dialog .modal-content #UserPasswordForm .selectbox,
.edit-prof .modal-dialog .modal-content #UpdateAddressForm .selectbox,
.edit-prof .modal-dialog .modal-content #editShippingModal .selectbox,
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm .selectbox,
.edit-prof .modal-dialog .modal-content #AddNewAddress .selectbox {
  position: relative;
}
.edit-prof .modal-dialog .modal-content #UserProfileForm .selectbox select,
.edit-prof .modal-dialog .modal-content #UserPasswordForm .selectbox select,
.edit-prof .modal-dialog .modal-content #UpdateAddressForm .selectbox select,
.edit-prof .modal-dialog .modal-content #editShippingModal .selectbox select,
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm .selectbox select,
.edit-prof .modal-dialog .modal-content #AddNewAddress .selectbox select {
  color: #979797;
}
.edit-prof .modal-dialog .modal-content #UserProfileForm .selectbox::before,
.edit-prof .modal-dialog .modal-content #UserPasswordForm .selectbox::before,
.edit-prof .modal-dialog .modal-content #UpdateAddressForm .selectbox::before,
.edit-prof .modal-dialog .modal-content #editShippingModal .selectbox::before,
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm .selectbox::before,
.edit-prof .modal-dialog .modal-content #AddNewAddress .selectbox::before {
  content: "▼";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.8rem;
  color: #777;
  pointer-events: none;
}
.edit-prof .modal-dialog .modal-content #UserProfileForm .selectbox select.form-control,
.edit-prof .modal-dialog .modal-content #UserPasswordForm .selectbox select.form-control,
.edit-prof .modal-dialog .modal-content #UpdateAddressForm .selectbox select.form-control,
.edit-prof .modal-dialog .modal-content #editShippingModal .selectbox select.form-control,
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm .selectbox select.form-control,
.edit-prof .modal-dialog .modal-content #AddNewAddress .selectbox select.form-control {
  padding-left: 2rem;
  border-radius: 28px !important;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.edit-prof .modal-dialog .modal-content #UserProfileForm .selectbox select.form-control:focus,
.edit-prof .modal-dialog .modal-content #UserPasswordForm .selectbox select.form-control:focus,
.edit-prof .modal-dialog .modal-content #UpdateAddressForm .selectbox select.form-control:focus,
.edit-prof .modal-dialog .modal-content #editShippingModal .selectbox select.form-control:focus,
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm .selectbox select.form-control:focus,
.edit-prof .modal-dialog .modal-content #AddNewAddress .selectbox select.form-control:focus {
  border-color: transparent;
  outline: none;
  border: none;
}
.edit-prof .modal-dialog .modal-content #UserProfileForm .form-control[readonly],
.edit-prof .modal-dialog .modal-content #UserPasswordForm .form-control[readonly],
.edit-prof .modal-dialog .modal-content #UpdateAddressForm .form-control[readonly],
.edit-prof .modal-dialog .modal-content #editShippingModal .form-control[readonly],
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm .form-control[readonly],
.edit-prof .modal-dialog .modal-content #AddNewAddress .form-control[readonly] {
  background-color: var(--plainclr);
}
.edit-prof .modal-dialog .modal-content #UserProfileForm .radio-options,
.edit-prof .modal-dialog .modal-content #UserPasswordForm .radio-options,
.edit-prof .modal-dialog .modal-content #UpdateAddressForm .radio-options,
.edit-prof .modal-dialog .modal-content #editShippingModal .radio-options,
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm .radio-options,
.edit-prof .modal-dialog .modal-content #AddNewAddress .radio-options {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.edit-prof .modal-dialog .modal-content #UserProfileForm .radio-options .radio-group,
.edit-prof .modal-dialog .modal-content #UserPasswordForm .radio-options .radio-group,
.edit-prof .modal-dialog .modal-content #UpdateAddressForm .radio-options .radio-group,
.edit-prof .modal-dialog .modal-content #editShippingModal .radio-options .radio-group,
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm .radio-options .radio-group,
.edit-prof .modal-dialog .modal-content #AddNewAddress .radio-options .radio-group {
  display: flex;
  gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 0;
}
.edit-prof .modal-dialog .modal-content #UserProfileForm .radio-options .radio-group input[type=radio],
.edit-prof .modal-dialog .modal-content #UserPasswordForm .radio-options .radio-group input[type=radio],
.edit-prof .modal-dialog .modal-content #UpdateAddressForm .radio-options .radio-group input[type=radio],
.edit-prof .modal-dialog .modal-content #editShippingModal .radio-options .radio-group input[type=radio],
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm .radio-options .radio-group input[type=radio],
.edit-prof .modal-dialog .modal-content #AddNewAddress .radio-options .radio-group input[type=radio] {
  display: none;
}
.edit-prof .modal-dialog .modal-content #UserProfileForm .radio-options .radio-group label,
.edit-prof .modal-dialog .modal-content #UserPasswordForm .radio-options .radio-group label,
.edit-prof .modal-dialog .modal-content #UpdateAddressForm .radio-options .radio-group label,
.edit-prof .modal-dialog .modal-content #editShippingModal .radio-options .radio-group label,
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm .radio-options .radio-group label,
.edit-prof .modal-dialog .modal-content #AddNewAddress .radio-options .radio-group label {
  padding: 5px 25px;
  border-radius: 999px;
  font-family: sans-serif;
  font-weight: 600;
  font-size: 1rem;
  background-color: #f9f9f9;
  color: #777;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.3s ease;
}
.edit-prof .modal-dialog .modal-content #UserProfileForm .radio-options .radio-group label:hover,
.edit-prof .modal-dialog .modal-content #UserPasswordForm .radio-options .radio-group label:hover,
.edit-prof .modal-dialog .modal-content #UpdateAddressForm .radio-options .radio-group label:hover,
.edit-prof .modal-dialog .modal-content #editShippingModal .radio-options .radio-group label:hover,
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm .radio-options .radio-group label:hover,
.edit-prof .modal-dialog .modal-content #AddNewAddress .radio-options .radio-group label:hover {
  opacity: 0.9;
}
.edit-prof .modal-dialog .modal-content #UserProfileForm .radio-options .radio-group input[type=radio]:checked + label,
.edit-prof .modal-dialog .modal-content #UserPasswordForm .radio-options .radio-group input[type=radio]:checked + label,
.edit-prof .modal-dialog .modal-content #UpdateAddressForm .radio-options .radio-group input[type=radio]:checked + label,
.edit-prof .modal-dialog .modal-content #editShippingModal .radio-options .radio-group input[type=radio]:checked + label,
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm .radio-options .radio-group input[type=radio]:checked + label,
.edit-prof .modal-dialog .modal-content #AddNewAddress .radio-options .radio-group input[type=radio]:checked + label {
  background-color: rgba(255, 0, 0, 0.1);
  color: red;
  box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.2);
}
.edit-prof .modal-dialog .modal-content #UserProfileForm .mob-number,
.edit-prof .modal-dialog .modal-content #UserPasswordForm .mob-number,
.edit-prof .modal-dialog .modal-content #UpdateAddressForm .mob-number,
.edit-prof .modal-dialog .modal-content #editShippingModal .mob-number,
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm .mob-number,
.edit-prof .modal-dialog .modal-content #AddNewAddress .mob-number {
  position: relative;
}
.edit-prof .modal-dialog .modal-content #UserProfileForm .mob-number input,
.edit-prof .modal-dialog .modal-content #UserPasswordForm .mob-number input,
.edit-prof .modal-dialog .modal-content #UpdateAddressForm .mob-number input,
.edit-prof .modal-dialog .modal-content #editShippingModal .mob-number input,
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm .mob-number input,
.edit-prof .modal-dialog .modal-content #AddNewAddress .mob-number input {
  width: 100%;
  padding-left: 4rem;
  padding-right: 1.4rem;
  position: relative;
  z-index: 0;
}
.edit-prof .modal-dialog .modal-content #UserProfileForm .mob-number .edit,
.edit-prof .modal-dialog .modal-content #UserPasswordForm .mob-number .edit,
.edit-prof .modal-dialog .modal-content #UpdateAddressForm .mob-number .edit,
.edit-prof .modal-dialog .modal-content #editShippingModal .mob-number .edit,
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm .mob-number .edit,
.edit-prof .modal-dialog .modal-content #AddNewAddress .mob-number .edit {
  position: absolute;
  right: 10px;
  top: 14px;
  color: #979797;
  z-index: 2;
}
.edit-prof .modal-dialog .modal-content #UserProfileForm .mob-number .btn-left-num,
.edit-prof .modal-dialog .modal-content #UserPasswordForm .mob-number .btn-left-num,
.edit-prof .modal-dialog .modal-content #UpdateAddressForm .mob-number .btn-left-num,
.edit-prof .modal-dialog .modal-content #editShippingModal .mob-number .btn-left-num,
.edit-prof .modal-dialog .modal-content #NewShippingAddressForm .mob-number .btn-left-num,
.edit-prof .modal-dialog .modal-content #AddNewAddress .mob-number .btn-left-num {
  position: absolute;
  z-index: 3;
  height: 100%;
  top: 0;
  left: 0;
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
  background-color: var(--purpleclr);
  color: var(--plainclr);
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  padding: 0 0.8rem;
}
.edit-prof .modal-dialog .modal-footer .btn-animation {
  background-color: var(--redclr);
  background: var(--redclr);
}
.edit-prof .modal-dialog .btn-close {
  display: none;
}

#returnBookForm .btn-animation {
  background-color: var(--redclr);
  background: var(--redclr);
}

.details-page .top-filter-menu .dropdown-menuu {
  display: flex;
  gap: 0.7rem;
}
.details-page .top-filter-menu .dropdown-menuu li a {
  border-radius: 4px;
  padding: 0.3rem 0.5rem;
  background-color: #DFDFDF;
  color: #4A4A4A;
}
.details-page .top-filter-menu .dropdown-menuu li a.active {
  background-color: var(--sitegreen);
  color: var(--plainclr);
}
.details-page .top-filter-menu .dropdown-menuu li a:hover, .details-page .top-filter-menu .dropdown-menuu li a:focus {
  background-color: var(--sitegreen);
  color: var(--plainclr);
}
.details-page .product-list-section {
  background-color: var(--plainclr);
}
.details-page .pagination-wrapper {
  text-align: center;
}
.details-page .pagination-wrapper .custom-pagination {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.details-page .pagination-wrapper .custom-pagination .page-item {
  position: relative;
}
.details-page .pagination-wrapper .custom-pagination .page-item.active .page-link {
  background-color: unset;
  color: var(--redclr);
  border: 1px solid transparent;
  position: relative;
}
.details-page .pagination-wrapper .custom-pagination .page-item.active .page-link::before {
  content: "";
  position: absolute;
  background-color: var(--redclr);
  width: 60%;
  height: 2px;
  bottom: 6px;
  left: 6px;
}
.details-page .pagination-wrapper .custom-pagination .page-item .page-link {
  position: relative;
  font-weight: 700;
}
.details-page .pagination-wrapper .custom-pagination .page-item .page-link::after {
  content: "";
  position: absolute;
  background-color: var(--borderclr);
  width: 1px;
  height: 70%;
  right: -1px;
  top: 6px;
}
.details-page .pagination-wrapper .custom-pagination .page-item .page-link:hover, .details-page .pagination-wrapper .custom-pagination .page-item .page-link:focus {
  background-color: unset;
  color: var(--redclr);
  border: 1px solid transparent;
}
.details-page .pagination-wrapper .custom-pagination .page-item:last-child .page-link::after {
  content: none;
}
@media (max-width: 767px) {
  .details-page .product-list-section {
    background-color: var(--lightbg);
    padding: 0.9rem !important;
    box-shadow: -2px 2px 9px 1px rgba(0, 0, 0, 0.6705882353);
  }
  .details-page .product-box-3 {
    padding: 0;
    position: relative;
    border-radius: 4px;
    background-color: transparent;
    height: auto !important;
    min-height: 100px !important;
    box-shadow: none;
    border: none;
  }
  .details-page .product-box-3 .product-image {
    height: auto;
    min-height: 90px;
  }
  .details-page .product-box-3 .product-image img {
    border-radius: 4px;
  }
  .details-page .product-box-3 .product-footer .product-detail .name,
  .details-page .product-box-3 .product-footer .product-detail .span-name,
  .details-page .product-box-3 .product-footer .product-detail .theme-color,
  .details-page .product-box-3 .product-footer .product-detail del {
    font-size: 0.7rem;
    margin-top: 0.2rem;
    line-height: 14px;
  }
  .details-page .product-box-3 .product-footer .product-detail .product-rating {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .details-page .product-box-3 .product-footer .product-detail .price {
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.2rem;
  }
  .details-page .product-box-3 .product-footer .rating li .feather {
    width: 10px;
  }
}

.product-rating-box svg {
  color: var(--yellowclr);
}
.product-rating-box .product-main-rating {
  margin-bottom: 1rem;
}
.product-rating-box .product-main-rating {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.product-rating-box .product-main-rating h4 {
  font-weight: 600;
  font-size: 1.4rem;
}
.product-rating-box ul li {
  display: block;
}
.product-rating-box ul li .progress {
  width: 100%;
}
.product-rating-box ul li .rating-product {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.product-rating-box ul li .rating-product h5 {
  display: flex;
  align-items: center;
  font-weight: 600;
}
.product-rating-box ul li .rating-product h5 span.first {
  min-width: 10px;
}
.product-rating-box ul li .rating-product h5 svg {
  min-width: 34px;
}
.product-rating-box ul li .rating-product svg {
  color: var(--darkclr);
}
@media (max-width: 767px) {
  .product-rating-box .product-main-rating {
    margin-bottom: 1rem;
  }
  .product-rating-box svg {
    min-width: 14px;
    height: 14px;
  }
  .product-rating-box .product-main-rating h4 {
    font-size: 0.9rem;
  }
  .product-rating-box h5 {
    font-size: 0.8rem;
  }
  .product-rating-box ul li {
    margin-bottom: 0.5rem;
  }
  .product-rating-box ul li .rating-product h5 svg {
    min-width: 14px;
    height: 14px;
  }
}

.pageee {
  width: 300px;
  overflow-x: auto;
  margin: auto;
  overflow-y: hidden;
  border: 1px solid #DFDFDF;
  padding-bottom: 0;
}
.pageee .pagination {
  border: none;
}

.pageee::-webkit-scrollbar {
  height: 6px;
  /* horizontal scrollbar height */
}

.pageee::-webkit-scrollbar-track {
  background: transparent;
}

.pageee::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}

.multibtnss {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.shopping-button {
  font-size: 16px !important;
  background-color: #ececec !important;
}

@media (max-width: 767px) {
  .pageee {
    overflow: scroll;
    display: block !important;
  }
  .multi-boxes {
    overflow: scroll;
  }
  .show-cart {
    position: relative;
  }
  .show-cart .cart-no {
    position: absolute;
    background-color: var(--redclr);
    color: var(--plainclr) !important;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    top: -7px;
    right: 18px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .multibtnss {
    display: flex;
    align-items: unset;
    justify-content: space-between;
    flex-direction: row !important;
  }
  .shopping-button {
    font-size: 14px !important;
  }
  .cart-button ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .cart-button ul li {
    width: auto !important;
  }
  .cart-button ul .btn {
    font-size: 0.8rem !important;
  }
}
@media (max-width: 767px) {
  .categ #product-list {
    background-color: var(--lightbg);
    box-shadow: rgba(0, 0, 0, 0.67) -2px 2px 9px 1px;
    padding: 0.87rem !important;
    border-radius: 10px;
  }
  .categ #product-list .product-box-3 {
    position: relative;
    background-color: transparent;
    padding: 0px;
    border-radius: 4px;
    box-shadow: none;
    border: none;
    min-height: 100px !important;
  }
  .categ #product-list .product-box-3 .product-image {
    height: auto;
    min-height: 90px;
  }
  .categ #product-list .product-box-3 .product-footer .product-detail .name,
  .categ #product-list .product-box-3 .product-footer .product-detail .span-name {
    font-size: 0.7rem;
    margin-top: 0.2rem;
    line-height: 14px;
  }
  .categ #product-list .product-box-3 .product-header .product-image img {
    border-radius: 4px;
  }
  .categ #product-list .product-box-3 .product-footer .product-detail .price .theme-color {
    font-size: 0.7rem;
  }
  .categ #product-list .product-box-3 .theme-color {
    font-size: 0.7rem;
  }
  .categ #product-list .product-box-3 .product-footer .rating li .feather {
    width: 10px;
  }
  .categ #product-list .product-box-3 .product-rating span {
    font-size: 0.7rem;
    line-height: 14px;
  }
  .categ #product-list .product-box-3 .product-rating {
    flex-direction: column;
    align-items: flex-start;
  }
  .categ .multi-boxes {
    gap: 1rem;
  }
  .shop-section .show-button .top-filter-menu .category-dropdown {
    overflow-x: scroll;
  }
}
.checkbox-arrow {
  animation: glowLeft 1.5s infinite ease-in-out;
  filter: drop-shadow(-4px 0 3px rgba(255, 0, 0, 0.6));
}

@keyframes glowLeft {
  0%, 100% {
    transform: translateX(0);
    filter: drop-shadow(-2px 0 2px rgba(255, 0, 0, 0.3));
  }
  50% {
    transform: translateX(-10px);
    filter: drop-shadow(-6px 0 4px rgba(255, 0, 0, 0.8));
  }
}
.btn-animation-book {
  position: fixed;
  top: 100px;
  /* or wherever you want it to start */
  left: 0;
  z-index: 9999;
  font-size: 32px;
  opacity: 0;
  pointer-events: none;
}

.btn-animation-book.active-animation {
  animation: flyBook 1.5s ease-in-out forwards;
}

@keyframes flyBook {
  0% {
    left: 50%;
    top: 50%;
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    left: 50%;
    top: 0%;
    opacity: 1;
    transform: translateX(-50%);
  }
  100% {
    left: 100%;
    opacity: 0;
    transform: translateX(-100%);
  }
}
@media (max-width: 767px) {
  .for-clock-mobile .add-flex-prop {
    justify-content: center;
  }
  .for-clock-mobile .title-flex {
    display: flex;
  }
  .for-clock-mobile .timing {
    margin-top: 0 !important;
  }
  .btn-animation-book {
    bottom: 0px;
    top: auto;
  }
  @keyframes flyBook {
    0% {
      left: 50%;
      bottom: 0%;
      opacity: 1;
      transform: translateX(-50%);
    }
    50% {
      left: 75%;
      bottom: 0%;
      opacity: 1;
      transform: translateX(-25%);
    }
    100% {
      left: 100%;
      bottom: 0%;
      opacity: 0;
      transform: translateX(0%);
    }
  }
}
.breadcrumb-order .green-text {
  color: #007B1B !important;
}
.breadcrumb-order span.green-text {
  margin-top: 0.4rem;
  margin-bottom: 0.6rem;
}
.breadcrumb-order .order-image {
  position: relative;
}
.breadcrumb-order .order-image .bg-thnks {
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.breadcrumb-order .order-contain h2 {
  font-size: 2rem;
}
.breadcrumb-order .order-box {
  width: 360px;
  margin: auto;
}
.breadcrumb-order .order-details li:first-child {
  border-top: 1px solid #D5D5D5;
}
.breadcrumb-order .order-details li {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.2rem 0.1rem;
  margin: 0.2rem 0.1rem;
  border-bottom: 1px solid #D5D5D5;
}
.breadcrumb-order .order-details li .text-red {
  color: var(--redclr);
}
.breadcrumb-order .order-details li h6,
.breadcrumb-order .order-details li a {
  font-size: 1.1rem;
}
.breadcrumb-order .order-details .order-id {
  font-weight: 600;
  color: var(--darkclr);
  font-size: 1.1rem;
}
.breadcrumb-order .order-details .order-no {
  color: #696969;
}
.breadcrumb-order .btn-theme-one {
  color: var(--plainclr) !important;
}

@media (max-width: 767px) {
  .alert-success.animated span,
  .alert-danger.animated span,
  .alert-warning.animated span {
    font-size: 0.7rem !important;
  }
  .alert-success span,
  .alert-danger span,
  .alert-warning span {
    font-size: 0.7rem !important;
  }
  .alert {
    font-size: 0.7rem !important;
  }
}
.for-clock-mobile .heading-border {
  z-index: -1 !important;
}

.footer-contact ul li .footer-number .contact-number {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.footer-contact ul li .footer-number .contact-number .text-content {
  min-width: 12px;
}/*# sourceMappingURL=newStyle.css.map */</pre></body></html>