@charset "UTF-8";
:root {
  --container_width: 1440px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes shimmer {
  100% {
    left: 100%;
  }
}
@keyframes slide-up {
  0% {
    transform: translateY(0%);
  }
  20% {
    transform: translateY(0%);
  }
  25% {
    transform: translateY(-100%);
  }
  45% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(-200%);
  }
  70% {
    transform: translateY(-200%);
  }
  75% {
    transform: translateY(-300%);
  }
  95% {
    transform: translateY(-300%);
  }
  100% {
    transform: translateY(0%);
  }
}
.homeslider {
  padding: 0px;
  margin: 0 auto;
}
@media screen and (min-width: 1800px) {
  .homeslider {
    max-width: 1720px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .homeslider {
    padding: 0px;
  }
}
.homeslider .single-item {
  position: relative;
}
.homeslider .homebanner-slide .swiper-wrapper .swiper-slide {
  max-height: 350px;
}
@media screen and (max-width: 600px) {
  .homeslider .homebanner-slide .swiper-wrapper .swiper-slide {
    height: 200px;
  }
}
.homeslider .homebanner-slide .swiper-wrapper .swiper-slide > a > img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
@media screen and (max-width: 600px) {
  .homeslider .homebanner-slide .swiper-wrapper .swiper-slide > a > img {
    height: 100%;
  }
}
.homeslider .homebanner-slide .swiper-pagination {
  background-color: rgba(0, 0, 0, 0.168627451);
  width: 100%;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  max-width: 100px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.homeslider .homebanner-slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: #fff;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .slider-Category.template {
    padding: 0px;
  }
}

@media screen and (max-width: 767px) {
  .categoryWidget.template {
    padding: 0px;
  }
}
.categoryWidget .templateContainer {
  margin: 0 auto;
  width: 100%;
}
.categoryWidget .templateContainer .categoryTitle {
  margin: 0 auto;
  width: fit-content;
  display: flex;
  align-items: center;
  padding: 0 40px;
  height: 45px;
  background-color: #eeeeee;
  -webkit-border-radius: 0px 0px 40px 40px;
  -moz-border-radius: 0px 0px 40px 40px;
  border-radius: 0px 0px 40px 40px;
}
.categoryWidget .templateContainer .categoryTitle > h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  color: #000000;
}
@media screen and (max-width: 767px) {
  .categoryWidget .templateContainer .categoryTitle > h2 {
    font-size: 16px;
  }
}
.categoryWidget .templateContainer .category-slider {
  position: relative;
  margin: 13px auto;
  max-width: 1284px;
  margin: 0 auto;
}
@media screen and (min-width: 1600px) {
  .categoryWidget .templateContainer .category-slider {
    max-width: 1500px;
  }
}
@media screen and (min-width: 1800px) {
  .categoryWidget .templateContainer .category-slider {
    max-width: min(100vw, 1650px);
    width: 100%;
    margin: 0;
  }
}
@media screen and (min-width: 800px) and (max-width: 999px) {
  .categoryWidget .templateContainer .category-slider {
    padding: 0px 20px;
  }
}
@media screen and (max-width: 767px) {
  .categoryWidget .templateContainer .category-slider {
    padding: 0px 13px;
  }
}
.categoryWidget .templateContainer .category-slider .category-item {
  text-align: center;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 147px;
  margin: 0 auto;
}
@media screen and (min-width: 800px) and (max-width: 999px) {
  .categoryWidget .templateContainer .category-slider .category-item {
    margin-right: 0px;
    width: 162px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1050px) {
  .categoryWidget .templateContainer .category-slider .category-item {
    margin-right: 0px;
    width: 170px;
  }
}
@media screen and (min-width: 1140px) and (max-width: 1393px) {
  .categoryWidget .templateContainer .category-slider .category-item {
    width: 194px;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .categoryWidget .templateContainer .category-slider .category-item {
    margin-right: 0px;
    width: 90px;
  }
}
.categoryWidget .templateContainer .category-slider .category-item img {
  width: 119px;
  height: 119px;
  object-fit: contain;
  border-radius: 50%;
  border: 1px solid #ddd;
  padding: 10px;
  background: #fff;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .categoryWidget .templateContainer .category-slider .category-item img {
    width: 70px;
    height: 70px;
  }
}
.categoryWidget .templateContainer .category-slider .category-item p {
  margin-top: 10px;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
  max-width: 147px;
  font-weight: 600;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  .categoryWidget .templateContainer .category-slider .category-item p {
    width: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    min-width: 80px;
    display: block;
    font-size: 12px;
  }
}
.categoryWidget .category-normal-slider {
  max-width: 1260px;
  margin: 0 auto;
}
@media screen and (min-width: 1600px) {
  .categoryWidget .category-normal-slider {
    max-width: 100%;
    padding: 0 30px;
  }
}
.categoryWidget .category-normal-slider:hover .swiper-button-next {
  display: flex !important;
}
.categoryWidget .category-normal-slider .swiper-button-next {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 45%;
  right: 20px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
  display: none;
}
@media screen and (max-width: 767px) {
  .categoryWidget .category-normal-slider .swiper-button-next {
    top: 50%;
    right: 0;
  }
}
.categoryWidget .category-normal-slider .swiper-button-next.swiper-button-disabled {
  display: none;
}
.categoryWidget .category-normal-slider .swiper-button-next::after {
  content: "\f061";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}
.categoryWidget .category-normal-slider .swiper-button-prev {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 45%;
  right: 0px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
}
@media screen and (max-width: 767px) {
  .categoryWidget .category-normal-slider .swiper-button-prev {
    top: 50%;
  }
}
.categoryWidget .category-normal-slider .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.categoryWidget .category-normal-slider .swiper-button-prev::after {
  content: "\f060";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}

.special-offer-section {
  padding: 40px 50px;
  background: #eaf7fa;
}
@media screen and (max-width: 767px) {
  .special-offer-section {
    padding: 20px;
  }
  .special-offer-section .template {
    padding: 0px;
  }
}
.special-offer-section .special-offer-wrapper {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.special-offer-section .special-offer-wrapper .offer-card {
  flex: 1 1 calc(33.33% - 20px);
  background: #fff;
  border-radius: 0;
  padding: 24px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
}
.special-offer-section .special-offer-wrapper .offer-card h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  color: #000000;
  margin-bottom: 20px;
}
.special-offer-section .special-offer-wrapper .offer-card .product-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 15px;
}
.special-offer-section .special-offer-wrapper .offer-card .product-grid .product-item {
  text-align: center;
  padding: 12px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  max-height: 245px;
  height: 245px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.special-offer-section .special-offer-wrapper .offer-card .product-grid .product-item img {
  max-width: 100%;
  height: 100%;
  margin-bottom: 5px;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.special-offer-section .special-offer-wrapper .offer-card .product-grid .product-item img:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.special-offer-section .special-offer-wrapper .offer-card .product-grid .product-item p {
  margin: 0;
  margin-bottom: 5px;
  width: 100%;
  text-align: start;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
}
.special-offer-section .special-offer-wrapper .offer-card .product-grid .product-item .tag {
  text-align: left;
  width: 100%;
  display: block;
  color: #00a529;
  font-size: 14px;
  font-weight: 600;
}
.special-offer-section .special-offer-wrapper .offer-card .explore {
  align-self: flex-end;
  font-size: 14px;
  font-weight: 600;
  color: #3498db !important;
  text-decoration: none;
  line-height: 100%;
}
.special-offer-section .special-offer-wrapper .offer-card .explore > img {
  margin-left: 12px;
}
.special-offer-section .special-offer-wrapper .offer-card .explore:hover {
  text-decoration: underline;
}
@media (max-width: 992px) {
  .special-offer-section .special-offer-wrapper .offer-card {
    flex: 1 1 calc(50% - 20px);
  }
}
@media (max-width: 600px) {
  .special-offer-section .special-offer-wrapper .offer-card {
    flex: 1 1 100%;
  }
}

.top-sellers {
  padding: 50px;
  border-bottom: 13px solid rgba(238, 238, 238, 0.9333333333);
}
@media screen and (max-width: 767px) {
  .top-sellers {
    padding: 0px;
  }
}
.top-sellers .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.top-sellers .section-header h2 {
  font-size: 24px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  line-height: 100%;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .top-sellers .section-header h2 {
    font-size: 16px;
  }
}
.top-sellers .section-header .view-all {
  font-size: 14px;
  color: #000000;
  font-weight: 600;
  text-decoration: none;
}
.top-sellers .section-header .view-all > img {
  filter: brightness(0) saturate(100%);
}
.top-sellers .section-header .view-all:hover {
  text-decoration: underline;
}
.top-sellers .product-card {
  position: relative;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 0px;
  padding: 15px;
  height: 100%;
  text-align: left;
  transition: box-shadow 0.3s;
}
.top-sellers .product-card > a {
  text-decoration: none;
}
.top-sellers .product-card:hover {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.top-sellers .product-card .badge {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #00a640;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.top-sellers .product-card .badge.danger {
  background-color: #f54545;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
}
.top-sellers .product-card .badge.Exclusive {
  background-color: #0a4b94;
  color: #fff;
  padding: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.top-sellers .product-card .wishlist-icon {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  cursor: pointer;
}
.top-sellers .product-card .product-img {
  width: 100%;
  height: 199px;
  margin-bottom: 37px;
  object-fit: contain;
  margin-top: 17px;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-sellers .product-card .product-img:hover {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.top-sellers .product-card .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-align: start;
  color: #000000;
  margin-bottom: 6px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 245px;
  min-width: 200px;
  width: 140px;
}
@media screen and (min-width: 1300px) and (max-width: 1400px) {
  .top-sellers .product-card .title {
    min-width: 160px;
  }
}
@media screen and (min-width: 320px) and (max-width: 1299px) {
  .top-sellers .product-card .title {
    min-width: auto;
  }
}
.top-sellers .product-card .brand {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #858585;
  margin-bottom: 8px;
}
.top-sellers .product-card .rating {
  font-size: 13px;
  color: #f39c12;
  margin-bottom: 10px;
}
.top-sellers .product-card .rating span {
  color: #000000;
  font-size: 14px;
  line-height: 100%;
  font-weight: 500;
  text-decoration: underline;
  margin-left: 5px;
}
.top-sellers .product-card .price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 600px) {
  .top-sellers .product-card .price {
    flex-wrap: wrap;
  }
}
.top-sellers .product-card .price .AED {
  font-size: 12px;
  font-weight: 600;
  color: #1a1b1b;
  line-height: 100%;
  position: relative;
  bottom: 5px;
}
.top-sellers .product-card .price .new {
  color: #000000;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
}
.top-sellers .product-card .price .old {
  text-decoration: line-through;
  color: #959595;
  line-height: 100%;
  font-size: 14px;
  font-weight: 500;
}
.top-sellers .product-card .price .discount {
  color: #00a529;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}
.top-sellers .product-card .delivery-status {
  margin-bottom: 10px;
}
.top-sellers .product-card .delivery-status > span {
  color: rgb(0, 0, 0);
  font-size: 12px;
  font-weight: 400;
}

.RecentlyViewed .info .price {
  color: #000000 !important;
}
.RecentlyViewed .info .price .discount {
  text-decoration: line-through;
  color: #959595;
  line-height: 100%;
  font-size: 14px;
  font-weight: 500;
}

.mega-deals {
  background: #caebf7;
  padding: 55px 50px;
}
@media screen and (min-width: 320px) and (max-width: 600px) {
  .mega-deals {
    padding: 0px;
  }
}
@media screen and (min-width: 601px) and (max-width: 767px) {
  .mega-deals {
    padding: 30px;
  }
}
.mega-deals .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.mega-deals .section-header h2 {
  font-size: 24px;
  font-weight: 700;
  color: #000000;
  line-height: 100%;
}
.mega-deals .section-header .view-all {
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 4px;
}
.mega-deals .section-header .view-all:hover {
  text-decoration: underline;
}
.mega-deals .deals-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 1200px) {
  .mega-deals .deals-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .mega-deals .deals-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 480px) {
  .mega-deals .deals-grid {
    grid-template-columns: 1fr;
  }
}
.mega-deals .deal-card {
  background: #fff;
  padding: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 360px) {
  .mega-deals .deal-card {
    flex-wrap: wrap;
  }
}
.mega-deals .deal-card:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.mega-deals .deal-card .deal-content {
  flex: 1;
  background-color: #f7f7f7;
  padding: 15px 20px 15px 20px;
  max-width: 300px;
  border-radius: 10px 0px 0px 10px;
}
.mega-deals .deal-card .deal-content .deal-tag {
  background: #00aee4;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 16px;
}
.mega-deals .deal-card .deal-content .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin: 0 0 9px;
  color: #000000;
}
.mega-deals .deal-card .deal-content .price {
  display: flex;
  gap: 4px;
  margin-top: 11px;
}
.mega-deals .deal-card .deal-content .price .new {
  color: #000000;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
}
.mega-deals .deal-card .deal-content .price .old {
  text-decoration: line-through;
  color: #959595;
  font-size: 14px;
  line-height: 100%;
  font-weight: 500;
}
.mega-deals .deal-card .deal-content .price .AED {
  color: #959595;
  font-size: 12px;
  line-height: 100%;
  font-weight: 600;
  display: flex;
  align-items: end;
}
.mega-deals .deal-card .image-wrap {
  flex-shrink: 0;
  width: 35%;
  height: 80px;
  margin: 0 auto;
  text-align: center;
}
.mega-deals .deal-card .image-wrap .product-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.marine-consumables {
  border-bottom: 13px solid #eeeeee;
  padding: 40px 50px;
}
@media screen and (min-width: 240px) and (max-width: 768px) {
  .marine-consumables {
    padding: 40px 8px;
  }
}
.marine-consumables .template .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 27.5px;
}
.marine-consumables .template .section-header h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  color: #000000;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .marine-consumables .template .section-header h2 {
    font-size: 16px;
  }
}
.marine-consumables .template .section-header .explore-more {
  align-self: flex-end;
  font-size: 14px;
  font-weight: 600;
  color: #3498db;
  text-decoration: none;
  line-height: 100%;
}
.marine-consumables .template .section-header .explore-more:hover {
  text-decoration: underline;
}
.marine-consumables .swiper-normal-slider .swiper-wrapper .swiper-slide .item {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 12px;
  margin: 0px 10px;
  height: 100%;
  max-height: 100%;
  display: flex;
  align-items: normal;
  flex-direction: column;
  width: 190px !important;
}
@media screen and (min-width: 240px) and (max-width: 600px) {
  .marine-consumables .swiper-normal-slider .swiper-wrapper .swiper-slide .item {
    width: 100% !important;
  }
}
.marine-consumables .swiper-normal-slider .swiper-wrapper .swiper-slide .item img {
  max-width: 100%;
  height: 177px;
  margin-bottom: 0px;
  width: 166px;
  margin: 0 auto;
  text-align: center;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .marine-consumables .swiper-normal-slider .swiper-wrapper .swiper-slide .item img {
    height: 175px;
    object-fit: cover;
  }
}
.marine-consumables .swiper-normal-slider .swiper-wrapper .swiper-slide .item img:hover {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.marine-consumables .swiper-normal-slider .swiper-wrapper .swiper-slide .item .info .name {
  font-size: 14px;
  color: #000000;
  line-height: 100%;
  margin-top: 0px;
  margin-bottom: 5px;
}
.marine-consumables .swiper-normal-slider .swiper-wrapper .swiper-slide .item .info .price {
  font-size: 14px;
  font-weight: 600;
  color: #006ca5;
  line-height: 100%;
  margin: 0;
}
.marine-consumables .swiper-normal-slider:hover .swiper-button-next {
  display: flex !important;
}
.marine-consumables .swiper-normal-slider .swiper-button-next {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 60%;
  right: 15px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
  display: none;
}
.marine-consumables .swiper-normal-slider .swiper-button-next.swiper-button-disabled {
  display: none;
}
.marine-consumables .swiper-normal-slider .swiper-button-next::after {
  content: "\f061";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}
.marine-consumables .swiper-normal-slider .swiper-button-prev {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 60%;
  left: 16px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
}
.marine-consumables .swiper-normal-slider .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.marine-consumables .swiper-normal-slider .swiper-button-prev::after {
  content: "\f060";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}
.marine-consumables .swiper-normal-slider.offerslider .swiper-wrapper .swiper-slide .info {
  background-color: #eaf7fa;
  text-align: center;
  padding: 7px;
  border-radius: 11px;
  margin-bottom: 12px;
}
.marine-consumables .swiper-normal-slider.offerslider .swiper-wrapper .swiper-slide .info .name {
  margin-bottom: 5px;
  color: #000000;
}
.marine-consumables .swiper-normal-slider.offerslider .swiper-wrapper .swiper-slide .info .offer {
  color: #1a1b1b;
  font-weight: 700;
  line-height: 100%;
  font-size: 14px;
  line-height: 100%;
  margin-bottom: 3px;
}

.brands-section {
  background-color: #f4f4f4;
  padding: 40px 50px;
}
@media screen and (max-width: 767px) {
  .brands-section {
    padding: 30px;
  }
}
.brands-section .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.brands-section .section-header h2 {
  font-size: 24px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  line-height: 100%;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .brands-section .section-header h2 {
    font-size: 16px;
  }
}
.brands-section .section-header .view-all {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  color: #000000;
}
.brands-section .section-header .view-all > img {
  filter: brightness(0) saturate(100%);
}
.brands-section .section-header .view-all:hover {
  text-decoration: underline;
}
.brands-section .brand-slider-wrapper .brand-slider .brand-item {
  background: #fff;
  border-radius: 12px;
  margin: 5px 0px;
  padding: 10px;
  height: 93px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brands-section .brand-slider-wrapper .brand-slider .brand-item img {
  max-height: 100%;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.brands-section .brand-slider-wrapper .brand-slider .brand-item img:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.brands-section .progress {
  height: 6px;
  background-color: #ccc;
  background-image: linear-gradient(to right, #0077b6, #0077b6);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.4s ease;
  border-radius: 4px;
  margin-top: 20px;
  position: relative;
  max-width: 95px;
  margin: 0 auto;
  margin-top: 23px;
}
.brands-section .slider__label {
  position: absolute;
  top: -20px;
  right: 0;
  font-size: 12px;
  color: #333;
}

.banner-section {
  background-color: #fff;
  padding: 50px;
  border-bottom: 13px solid #eeeeee;
}
@media screen and (max-width: 767px) {
  .banner-section {
    padding: 5px;
  }
}

.ask-our-experts {
  padding: 40px 50px;
  background: #f5f5f5;
}
@media screen and (max-width: 767px) {
  .ask-our-experts {
    padding: 5px;
  }
}
.ask-our-experts .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.ask-our-experts .section-header .section-subtitle {
  color: #006ca5;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .ask-our-experts .section-header .section-subtitle {
    font-size: 16px;
  }
}
.ask-our-experts .section-header .section-title {
  font-size: 30px;
  font-weight: 600;
  line-height: 100%;
  color: #000000;
  margin-bottom: 10px;
}
.ask-our-experts .section-header .view-all {
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  font-weight: 500;
}
.ask-our-experts .section-header .view-all > img {
  width: 20px;
  filter: brightness(0) saturate(100%);
}
.ask-our-experts .swiper-experts-slider .swiper-wrapper .swiper-slide .expert-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 0px;
  overflow: hidden;
  margin: 0 0px;
  height: 440px;
}
.ask-our-experts .swiper-experts-slider .swiper-wrapper .swiper-slide .expert-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  -webkit-transform: scale(0.99);
  transform: scale(0.99);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.ask-our-experts .swiper-experts-slider .swiper-wrapper .swiper-slide .expert-card img:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.ask-our-experts .swiper-experts-slider .swiper-wrapper .swiper-slide .expert-card .card-content {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
}
.ask-our-experts .swiper-experts-slider .swiper-wrapper .swiper-slide .expert-card .card-content h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  color: #000000;
  margin: 0 0 14px;
}
.ask-our-experts .swiper-experts-slider .swiper-wrapper .swiper-slide .expert-card .card-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  color: #000000;
  margin-bottom: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 245px;
  min-height: 110px;
}
.ask-our-experts .swiper-experts-slider .swiper-wrapper .swiper-slide .expert-card .card-content .know-more {
  font-size: 14px;
  color: #006ca5;
  text-decoration: none;
  font-weight: 600;
  text-align: end;
  line-height: 100%;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: end;
}
.ask-our-experts .swiper-experts-slider .swiper-wrapper .swiper-slide .expert-card .card-content .know-more > img {
  width: 20px;
  height: auto;
  margin-top: 4px;
  margin-left: 10px;
}
.ask-our-experts .swiper-experts-slider:hover .swiper-button-next {
  display: flex !important;
}
.ask-our-experts .swiper-experts-slider .swiper-button-next {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 60%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
  display: none;
}
.ask-our-experts .swiper-experts-slider .swiper-button-next.swiper-button-disabled {
  display: none;
}
.ask-our-experts .swiper-experts-slider .swiper-button-next::after {
  content: "\f061";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}
.ask-our-experts .swiper-experts-slider .swiper-button-prev {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 60%;
  right: 0px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
}
.ask-our-experts .swiper-experts-slider .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.ask-our-experts .swiper-experts-slider .swiper-button-prev::after {
  content: "\f060";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}

.our-promises {
  background-color: #fff;
  padding: 50px;
}
@media screen and (max-width: 767px) {
  .our-promises {
    padding: 25px;
  }
}
.our-promises .template .section-header > h2 {
  font-size: 30px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  line-height: 100%;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
}
.our-promises .template .grid-card {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 20px;
  padding: 20px;
}
@media screen and (min-width: 800px) and (max-width: 1140px) {
  .our-promises .template .grid-card {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}
.our-promises .template .grid-card .card {
  background-color: #eaf7fa;
  padding: 10px;
  border: 0;
  height: 134px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.our-promises .template .grid-card .card .imgs > img {
  width: 48px;
  height: 48px;
}
.our-promises .template .grid-card .card .contents > span {
  font-weight: 600;
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  color: #000000;
}

.Enquired-sections .template .contents {
  padding: 52px 150px 52px 44px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
  .Enquired-sections .template .contents {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    padding: 0px;
    text-align: center;
  }
}
.Enquired-sections .template .contents .para-content {
  max-width: 461px;
}
@media screen and (max-width: 767px) {
  .Enquired-sections .template .contents .para-content {
    margin: 0 auto;
    margin-bottom: 16px;
  }
}
.Enquired-sections .template .contents .para-content > p {
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 28px;
  line-height: 30px;
  color: #fff;
  font-family: "Inter", sans-serif;
}
@media screen and (max-width: 767px) {
  .Enquired-sections .template .contents .para-content > p {
    font-size: 16px;
    line-height: 22px;
  }
}
.Enquired-sections .template .contents .enquired > p {
  color: #fff;
  font-weight: 500;
  line-height: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center;
}

.top-stories {
  padding: 20px 50px;
  padding-bottom: 84px;
  padding-top: 50px;
}
@media screen and (min-width: 240px) and (max-width: 767px) {
  .top-stories {
    padding: 20px 15px;
  }
}
.top-stories .template .section-header > h2 {
  font-family: "Inter", sans-serif;
  color: #000000;
  font-weight: 600;
  font-size: calc(16px + 2px);
  margin-bottom: 10px;
}
.top-stories .template .section-header .details {
  position: relative;
}
.top-stories .template .section-header .details .add-read-more .deatils-text {
  margin-bottom: 16px;
}
.top-stories .template .section-header .details .add-read-more .deatils-text > span {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: calc(14px);
  line-height: 23px;
  color: #747983;
  position: relative;
}
.top-stories .template .section-header .details .add-read-more .deatils-text .text-sub, .top-stories .template .section-header .details .add-read-more .deatils-text .details-para {
  font-weight: 400;
  font-size: calc(14px);
  line-height: 23px;
  color: #747983;
}
.top-stories .template .section-header .details .add-read-more .deatils-text .super-head {
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 23px;
  font-size: 18px;
  color: #747983;
}
.top-stories .template .section-header .details .add-read-more .read-more-toggle {
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  cursor: pointer;
  color: #006ca5;
  display: flex;
  align-items: center;
  justify-content: end;
}
.top-stories .template .section-header .details .add-read-more .read-more-toggle > i {
  margin-right: 10px;
}
.top-stories .template .section-header .details .toggle-read {
  position: absolute;
  right: 19px;
  top: auto;
  margin-top: 40px;
  text-transform: capitalize;
  font-size: 14px;
  color: #006ca5;
  font-weight: 600;
  cursor: pointer;
}
.top-stories .template .section-header .details .toggle-read::before {
  content: "\f067";
  position: absolute;
  top: 0;
  right: 84px;
  font-family: "Font Awesome 5 Pro";
}
.top-stories .template .section-header .details .expanded .toggle-read::before {
  content: "\f068";
}

.primary-contact .templates .support-footer .support-footer__method .icon {
  padding: 0.5rem;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 1px solid #eeeeee;
  display: flex;
  align-items: center;
  justify-content: center;
}
.primary-contact .templates .support-footer {
  background: #203b64;
  color: #fff;
  padding: 26px 50px;
}
@media screen and (max-width: 767px) {
  .primary-contact .templates .support-footer {
    padding: 26px 25px;
  }
}
.primary-contact .templates .support-footer__content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  max-width: 1440px;
  margin: 0 auto;
}
@media screen and (min-width: 1800px) {
  .primary-contact .templates .support-footer__content {
    max-width: 1720px;
    margin: 0 auto;
  }
}
.primary-contact .templates .support-footer__text {
  flex: 1 1 250px;
}
@media screen and (max-width: 767px) {
  .primary-contact .templates .support-footer__text {
    flex: auto;
  }
}
.primary-contact .templates .support-footer__text h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: #fff;
  margin-bottom: 8px;
}
.primary-contact .templates .support-footer__text p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5411764706);
  line-height: 100%;
  font-weight: 400;
  margin-bottom: 0;
}
.primary-contact .templates .support-footer__methods {
  display: flex;
  justify-content: space-between;
  gap: 31px;
  flex-wrap: wrap;
}
.primary-contact .templates .support-footer__method {
  display: flex;
  align-items: center;
  gap: 20px;
  min-width: 185px;
}
@media screen and (max-width: 767px) {
  .primary-contact .templates .support-footer__method {
    margin: 0 auto;
    min-width: 250px;
    flex: 1;
  }
}
.primary-contact .templates .support-footer__method i {
  font-size: 20px;
  color: #fff;
  padding: 0.5rem;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 1px solid #eeeeee;
  display: flex;
  align-items: center;
  justify-content: center;
}
.primary-contact .templates .support-footer__method strong {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5411764706);
  line-height: 100%;
  font-weight: 500;
}
.primary-contact .templates .support-footer__method p {
  font-size: 16px;
  color: #fff;
  margin-top: 8px;
  line-height: 100%;
  font-weight: 500;
  margin-bottom: 8px;
}
.primary-contact .templates {
  /* Responsive */
}
@media (max-width: 767px) {
  .primary-contact .templates .support-footer__content {
    flex-direction: column;
    align-items: flex-start;
  }
  .primary-contact .templates .support-footer__methods {
    justify-content: flex-start;
    margin: 0 auto;
    flex: 0;
  }
}

.getQuote-Modal .modal-content {
  border-radius: 12px;
  padding: 4px;
  max-width: 647px;
  margin: 0 auto;
}
.getQuote-Modal .modal-content .modal-header {
  border-bottom: none;
  padding-bottom: 12px;
  border-bottom: 1px solid #c0c5ce;
}
.getQuote-Modal .modal-content .modal-header h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 12px;
}
.getQuote-Modal .modal-content .modal-header p {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  margin-left: 3px;
  color: #000000;
}
.getQuote-Modal .modal-content .modal-body {
  padding-top: 24px;
}
.getQuote-Modal .modal-content .modal-body .form-label {
  font-weight: 500;
  line-height: 100%;
  font-size: 14px;
  color: #000000;
}
.getQuote-Modal .modal-content .modal-body .form-control,
.getQuote-Modal .modal-content .modal-body .form-select {
  border-radius: 8px;
  font-size: 14px;
  height: 50px;
}
.getQuote-Modal .modal-content .modal-body .input-group-text {
  background-color: #f8f9fa;
  border-radius: 8px 0 0 8px;
}
.getQuote-Modal .modal-content .modal-body .photo-upload {
  display: flex;
  gap: 10px;
  margin-top: 5px;
}
.getQuote-Modal .modal-content .modal-body .photo-upload .photo-files {
  border: 1px dashed #d9d9d9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 18px;
}
.getQuote-Modal .modal-content .modal-body .photo-upload .photo-btn {
  width: 48px;
  height: 48px;
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  font-size: 24px;
  color: #1c1b1f;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.getQuote-Modal .modal-content .modal-body .photo-upload .photo-btn.dashed {
  border-style: dashed;
}
.getQuote-Modal .modal-content .modal-body .photo-upload .photo-btn input[type=file] {
  display: none;
}
.getQuote-Modal .modal-content .modal-body .photo-upload .photo-btn:hover {
  background: #eee;
}
.getQuote-Modal .modal-content .modal-body textarea {
  resize: none;
  height: auto !important;
}
.getQuote-Modal .modal-content .modal-footer {
  border-top: none;
}
.getQuote-Modal .modal-content .modal-footer .btn {
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.seller-modal {
  border-radius: 12px;
}
.seller-modal .modal-header h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
}
.seller-modal .modal-subtext {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #000000;
  margin-top: 12px;
}
.seller-modal .form-label {
  font-weight: 500;
  line-height: 100%;
  font-size: 14px;
  color: #000000;
}
.seller-modal .form-control,
.seller-modal .form-select {
  border-radius: 8px;
  font-size: 14px;
}
.seller-modal .input-group .form-select {
  border-radius: 8px 0 0 8px;
}
.seller-modal .input-group .form-control {
  border-radius: 0 8px 8px 0;
}
.seller-modal textarea {
  resize: none;
}
.seller-modal .modal-footer {
  border-top: none;
}
.seller-modal .modal-footer .btn {
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.modal .modal-header h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
}

.addAddressModal .modal-content {
  border-radius: 8px;
  overflow: hidden;
}
.addAddressModal .modal-body {
  padding: 0;
}
.addAddressModal .modal-body .search {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
  right: 0;
  left: 0;
  padding: 14px 20px;
  margin: 0 auto;
}
.addAddressModal .modal-body .search .form-control {
  height: 48px;
}
.addAddressModal .modal-body .map-placeholder {
  width: 100%;
  height: 400px;
  border-radius: 6px;
  background-color: #f1f1f1;
}
.addAddressModal .modal-body .locate-btn {
  bottom: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  width: 150px;
  border-radius: 28px;
  text-align: center;
  display: flex;
  color: #000000;
  font-size: 16px;
  padding: 10px;
  line-height: 100%;
  align-items: center;
  justify-content: center;
}
.addAddressModal .modal-footer .btn {
  padding: 8px 20px;
}
.addAddressModal .modal-footer .btn.btn-outline-primary {
  width: 152px;
  margin-right: 22px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.banner-section {
  width: 100%;
}
.banner-section .template {
  width: 100%;
}
.banner-section .template .login-banner {
  background-color: #c9f6ff;
}
@media screen and (max-width: 767px) {
  .banner-section .template .login-banner {
    padding: 20px;
  }
}
.banner-section .template .login-banner .banner-img {
  height: 117px;
  width: auto;
  object-fit: fill;
}
@media only screen and (min-width: 768px) and (max-width: 905px) {
  .banner-section .template .login-banner .first-imgsec > img {
    width: 200px;
    object-fit: initial;
  }
}
@media only screen and (min-width: 905px) and (max-width: 1300px) {
  .banner-section .template .login-banner .first-imgsec > img {
    width: 240px;
    object-fit: initial;
  }
}
@media (max-width: 767.98px) {
  .banner-section .template .login-banner .first-imgsec > img {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
  .banner-section .template .login-banner .second-imgsec > img {
    width: 0;
    object-fit: fill;
  }
}
@media (max-width: 767.98px) {
  .banner-section .template .login-banner .second-imgsec > img {
    display: none;
  }
}
.banner-section .template .login-banner .btn-texts {
  width: 100%;
  text-align: center;
}
.banner-section .template .login-banner .btn-texts > span {
  color: #000000;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media only screen and (min-width: 768px) and (max-width: 1119px) {
  .banner-section .template .login-banner .btn-texts > span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .banner-section .template .login-banner .btn-texts > span {
    font-size: 15px;
  }
}
.banner-section .template .login-banner .login-btn {
  display: flex;
  height: 50px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #006ca5;
  transition: background-color 0.3s ease;
}
@media only screen and (min-width: 768px) and (max-width: 1119px) {
  .banner-section .template .login-banner .login-btn {
    font-size: 15px;
  }
}
@media only screen and (min-width: 827px) and (max-width: 1300px) {
  .banner-section .template .login-banner .login-btn {
    font-size: 14px;
  }
}
@media (max-width: 767.98px) {
  .banner-section .template .login-banner .banner-img {
    height: 40px;
  }
  .banner-section .template .login-banner .login-btn {
    width: auto;
    color: #fff;
  }
}

.deliveryAddressModal .modal-dialog {
  max-width: 795px;
}
@media screen and (min-width: 240px) and (max-width: 600px) {
  .deliveryAddressModal .modal-footer .add-new-address {
    width: 100%;
  }
  .deliveryAddressModal .modal-footer .action {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
  }
  .deliveryAddressModal .modal-footer .action .btn {
    width: 100%;
  }
}
.deliveryAddressModal .custom-drop {
  border-radius: 12px;
  border: 1px solid #d9d9d9;
  background: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.deliveryAddressModal .custom-drop li .dropdown-item {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 11px;
  padding-right: 50px;
  padding-left: 13px;
}
.deliveryAddressModal .custom-drop li .dropdown-item:active {
  background-color: #e9ecef;
}
.deliveryAddressModal .custom-drop li .dropdown-item:focus {
  background-color: #e9ecef;
}
.deliveryAddressModal .custom-drop li .dropdown-item > img {
  width: 24px;
  height: 24px;
  margin-right: 11px;
}
.deliveryAddressModal .modal-header {
  padding: 24px;
}
.deliveryAddressModal .address-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.deliveryAddressModal .address-card {
  position: relative;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.deliveryAddressModal .address-card.active {
  border: 2px solid #006ca5;
}
.deliveryAddressModal .address-card .address-header {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
}
.deliveryAddressModal .address-card .address-header .dropdown-toggle:focus {
  box-shadow: none;
}
.deliveryAddressModal .address-card .address-header .dropdown-toggle:after {
  display: none;
}
.deliveryAddressModal .address-card .address-header .badge {
  font-size: 12px;
  line-height: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 600;
}
.deliveryAddressModal .address-card .address-header .badge.badge-success {
  background-color: #c5eed5;
}
.deliveryAddressModal .address-card .address-body strong {
  font-size: 16px;
  font-family: "Inter", sans-serif;
  line-height: 100%;
  font-weight: 600;
}
.deliveryAddressModal .address-card .address-body .phone {
  font-size: 16px;
  font-family: "Inter", sans-serif;
  line-height: 100%;
  font-weight: 600;
  margin-left: 0.25rem;
}
.deliveryAddressModal .address-card .address-body p {
  margin: 0.5rem 0 0;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  line-height: 100%;
  font-weight: 500;
}
.deliveryAddressModal .address-card .address-options {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.deliveryAddressModal .address-card .address-options i {
  font-size: 1.2rem;
  color: #777;
  cursor: pointer;
}
.deliveryAddressModal .add-new-address button {
  font-weight: 600;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 16px;
  line-height: 100%;
}
.deliveryAddressModal .modal-footer {
  border-top: none;
  display: flex;
  justify-content: space-between;
}

.addnewAddressModal .modal-content {
  border-radius: 12px;
  overflow: hidden;
}
.addnewAddressModal .modal-header {
  border-bottom: none;
  padding-bottom: 0;
  padding: 24px;
}
.addnewAddressModal .modal-header p {
  font-size: 14px;
  color: #000000 !important;
  font-weight: 500;
  line-height: 100%;
  margin-top: 12px;
}
.addnewAddressModal .modal-header .btn-close {
  background: none;
  box-shadow: none;
}
.addnewAddressModal .modal-body {
  padding: 0px;
}
.addnewAddressModal .modal-body .badge-contents {
  background-color: #eaf7fa;
  padding: 10px 24px;
}
.addnewAddressModal .modal-body .badge-contents .location-badge {
  background-color: #fff;
  width: 44px;
  height: 44px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #006ca5;
  font-size: 16px;
  border: 1px solid #d9d9d9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-right: 18px;
}
.addnewAddressModal .modal-body .badge-contents .location-details > p {
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  line-height: 100%;
  margin-bottom: 7px;
}
.addnewAddressModal .modal-body .badge-contents .location-details .text-muted {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #747983;
}
.addnewAddressModal .modal-body .details-contends {
  padding: 24px;
}
.addnewAddressModal .modal-body .details-contends .details {
  position: relative;
}
.addnewAddressModal .modal-body .details-contends .details .namegroups-sec {
  margin-bottom: 19px;
}
.addnewAddressModal .modal-body .details-contends .details .badge-details {
  background-color: #eeeeee;
  padding: 10px;
  margin-bottom: 18px;
}
.addnewAddressModal .modal-body .details-contends .details .badge-details > h4 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 0;
}
.addnewAddressModal .modal-body .details-contends .details .input-groups > label {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #000000;
  margin-bottom: 8px;
}
.addnewAddressModal .modal-body .details-contends .details .AddressLabel {
  margin-top: 18px;
  margin-bottom: 30px;
}
.addnewAddressModal .modal-body .details-contends .details .AddressLabel .input-groups {
  margin-bottom: 8px;
}
.addnewAddressModal .modal-body .details-contends .details .AddressLabel .form-check-inline {
  margin-right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #ddd;
  padding: 10px 35px;
  width: 170px;
  border-radius: 6px;
  width: 170px;
}
.addnewAddressModal .modal-body .details-contends .details .AddressLabel .form-check-inline .form-check-input {
  margin-top: 0;
}
.addnewAddressModal .modal-body .details-contends .details .AddressLabel .form-check-inline .form-check-label {
  font-size: 0.95rem;
  margin-left: 0.25rem;
}
.addnewAddressModal .modal-body .selected-location {
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.addnewAddressModal .modal-body .selected-location .location-info {
  display: flex;
  align-items: center;
}
.addnewAddressModal .modal-body .selected-location .location-info i {
  font-size: 1.5rem;
  color: #0d6efd;
  margin-right: 0.5rem;
}
.addnewAddressModal .modal-body .selected-location .location-info .location-text p {
  margin: 0;
  font-weight: 600;
}
.addnewAddressModal .modal-body .selected-location .location-info .location-text small {
  color: #6c757d;
}
.addnewAddressModal .modal-body .selected-location .change-button {
  border: 1px solid #0d6efd;
  color: #0d6efd;
  background-color: #e7f1ff;
  padding: 0.25rem 0.75rem;
  border-radius: 6px;
  font-size: 0.9rem;
  transition: all 0.3s;
}
.addnewAddressModal .modal-body .selected-location .change-button:hover {
  background-color: #d0e4ff;
}
.addnewAddressModal .modal-body h6 {
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 1rem;
}
.addnewAddressModal .modal-body input.form-control,
.addnewAddressModal .modal-body select.form-select {
  border-radius: 6px;
  padding: 0.75rem;
}
.addnewAddressModal .modal-body .save-button {
  margin-top: 2rem;
}
.addnewAddressModal .modal-body .btn-primary {
  border-radius: 8px;
  font-size: 1rem;
  padding: 0.75rem;
  font-weight: 600;
  background-color: #0d6efd;
  transition: background-color 0.3s;
}
.addnewAddressModal .modal-body .btn-primary:hover {
  background-color: #0b5ed7;
}

.swiper-custom-slider .product-grid {
  gap: 10px;
  margin-bottom: 15px;
}
.swiper-custom-slider .product-grid .product-item {
  text-align: center;
  padding: 12px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  max-height: 245px;
  height: 245px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.swiper-custom-slider .product-grid .product-item img {
  max-width: 100%;
  height: 100%;
  margin-bottom: 5px;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.swiper-custom-slider .product-grid .product-item img:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-custom-slider .product-grid .product-item p {
  margin: 0;
  margin-bottom: 5px;
  width: 100%;
  text-align: start;
  line-height: 100%;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
}
.swiper-custom-slider .product-grid .product-item .tag {
  text-align: left;
  width: 100%;
  display: block;
  color: #00a529;
  font-size: 14px;
  font-weight: 600;
}
.swiper-custom-slider:hover .swiper-button-next {
  display: flex !important;
}
.swiper-custom-slider:hover .swiper-button-next.swiper-button-disabled,
.swiper-custom-slider:hover .swiper-button-prev.swiper-button-disabled {
  opacity: 0.5;
  cursor: auto;
  pointer-events: auto;
}
.swiper-custom-slider .swiper-button-next {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 3px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
  display: none;
}
.swiper-custom-slider .swiper-button-next::after {
  content: "\f061";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}
.swiper-custom-slider .swiper-button-prev {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
}
.swiper-custom-slider .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.swiper-custom-slider .swiper-button-prev::after {
  content: "\f060";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}
.swiper-custom-slider .progress {
  height: 4px;
  background-color: #e0e0e0;
  background-image: linear-gradient(to right, #0077b6, #0077b6);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.3s ease;
  position: relative;
  margin-top: 10px;
}

.slider__label {
  position: absolute;
  top: -20px;
  right: 0;
  font-size: 12px;
  color: #555;
}

.brand-slider .swiper-slide {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.brand-slider:hover .swiper-button-next {
  display: flex !important;
}
.brand-slider .swiper-button-next {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 60%;
  right: 3px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
  display: none;
}
.brand-slider .swiper-button-next.swiper-button-disabled {
  display: none;
}
.brand-slider .swiper-button-next::after {
  content: "\f061";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}
.brand-slider .swiper-button-prev {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 60%;
  right: 0px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
}
.brand-slider .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.brand-slider .swiper-button-prev::after {
  content: "\f060";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}
.brand-slider .brand-item {
  text-align: center;
}

.postRfqPopover {
  width: auto !important;
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Inter", sans-serif !important;
}

b,
strong {
  font-weight: 700 !important;
}

.primary-text {
  color: #006ca5;
}

.template {
  max-width: 1440px;
  margin: 0 auto;
}
@media screen and (min-width: 1800px) {
  .template {
    max-width: 1720px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .template {
    padding: 25px;
  }
}

.text-black {
  color: #000000 !important;
}

.bg-pink {
  background-color: #ef5da8;
}

.light-pink {
  color: #ef5da8;
}

.Enquired-sections {
  background-image: url("../images/slider/Frame91.png");
  background-size: cover;
  width: 100%;
  height: 100%;
  background-position: center;
}

.add-to-cart-btn {
  display: inline-flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 10px;
  background: linear-gradient(90deg, #e1f3ff 0%, #e1f3ff 100%);
  border: 1.5px solid #0496c7;
  border-radius: 4px;
  color: #006ca5;
  font-weight: 600;
  font-size: 16px;
  height: 38px;
  text-align: center;
  justify-content: center;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
  margin-bottom: 12px;
  transition: background-position 0.4s ease, color 0.3s ease, opacity 0.3s ease;
  opacity: 0.9;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .add-to-cart-btn {
    font-size: 13px;
    height: auto;
    padding: 5px 10px;
  }
}
@media screen and (max-width: 767px) {
  .add-to-cart-btn {
    width: auto;
  }
}
.add-to-cart-btn svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.add-to-cart-btn:hover {
  transition: color 0.3s ease, transform 0.3s ease;
  background-position: right center;
  opacity: 1;
  background: linear-gradient(135deg, #e1f3ff, #cce7fb);
}
.add-to-cart-btn:active {
  background-color: #bfe2f4;
}

.btn-outline-secondary {
  background-color: transparent !important;
  color: #000 !important;
}
.btn-outline-secondary:hover {
  background-color: #006ca5 !important;
  border-color: #006ca5 !important;
  color: #fff !important;
}
.btn-outline-secondary:active {
  background-color: #006ca5 !important;
  border-color: #006ca5;
  color: #fff !important;
}

.transparent-btn-primary {
  display: flex;
  height: 38px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #006ca5;
  border-radius: 6px;
  border: 1px solid var(--line-grey-Color, #d9d9d9);
  background: var(--White, #fff);
}

.transparent-btn {
  display: flex;
  height: 38px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  border: 1px solid var(--line-grey-Color, #d9d9d9);
  background: var(--White, #fff);
}

.light-themeBtn {
  display: flex;
  height: 50px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  background: #bbdaea;
  border: 0;
  color: var(--b3, #0496c7);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.light-themeBtn:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transform: translateY(0px);
}

.btn-lights {
  min-width: 222px;
  padding: 15.5px 48px !important;
  cursor: pointer;
  height: 50px;
  background-color: #fff !important;
  color: #000000;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 100% !important;
  position: relative;
}
.btn-lights::after {
  position: absolute;
  background-image: url("../images/icons/arrow.svg");
  width: 50px;
  content: "";
  top: 23px;
  right: 0px;
  height: 10px;
  background-repeat: no-repeat;
}

.read-more {
  color: #006ca5;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  background-color: transparent;
  border: 0;
}
.read-more > i {
  margin-right: 10px;
}

.primary-btn {
  min-width: 130px;
  max-width: 100%;
  padding: 10px 20px !important;
  color: #fff !important;
  background-color: #006ca5 !important;
  border: 1px solid #fff !important;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}
.primary-btn.theme-white {
  background-color: #fff !important;
  color: #006ca5 !important;
  font-weight: 600;
  border: 1px solid #d9d9d9;
}
.primary-btn.btn-arrow {
  position: relative;
  padding-right: 46px !important;
  white-space: nowrap;
}
.primary-btn.btn-arrow:after {
  content: "";
  position: absolute;
  background-image: url("../images/icons/arrow.svg");
  background-repeat: no-repeat;
  background-size: 20px 8px;
  background-position: center;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 8px;
  filter: brightness(0) invert(1);
  right: 14px;
}
.primary-btn.theme-white.btn-arrow:after {
  filter: brightness(0) saturate(100%) invert(29%) sepia(84%) saturate(1300%) hue-rotate(177deg) brightness(92%) contrast(108%);
}

@media (max-width: 767px) {
  .primary-btn,
  .btn-outline-primary,
  .btn.btn-light-cta,
  .btn.btn-ghost {
    min-width: 0;
    max-width: 100%;
    width: auto;
    white-space: normal;
    padding-left: 18px !important;
    padding-right: 40px !important;
    font-size: 14px;
    line-height: 1.2;
    min-height: 50px;
    height: auto;
  }

  .primary-btn.btn-arrow,
  .btn.btn-light-cta.btn-arrow,
  .btn.btn-ghost.btn-arrow {
    padding-right: 42px !important;
  }

  .primary-btn.btn-arrow:after,
  .btn.btn-light-cta.btn-arrow::after,
  .btn.btn-ghost.btn-arrow::after {
    right: 12px;
    width: 18px;
    height: 8px;
    background-size: 18px 8px;
  }

  header .headmain .main-control .controlWidget {
    position: static !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
  }

  header .headmain .main-control .controlWidget > a,
  header .headmain .main-control .controlWidget > button {
    width: calc(50% - 5px);
    min-width: 0;
    white-space: normal;
    padding-left: 14px !important;
    padding-right: 36px !important;
    font-size: 12.5px;
    line-height: 1.2;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  header .headmain .main-control .controlWidget .btn-arrow:after {
    right: 10px;
    width: 18px;
    height: 8px;
    background-size: 18px 8px;
  }
}

@media (max-width: 420px) {
  .sourcing-actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .sourcing-actions > a,
  .sourcing-actions > button,
  .sourcing-actions .primary-btn,
  .sourcing-actions .btn.btn-light-cta,
  .sourcing-actions .btn.btn-ghost {
    width: 100%;
    display: inline-flex;
  }
}

.btn-outline-primary {
  padding: 10px 20px;
  color: #006ca5 !important;
  border: 1px solid #006ca5 !important;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  height: 50px;
}
.btn-outline-primary:hover {
  background-color: transparent !important;
  color: #006ca5 !important;
}

.btn.btn-delete-light {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #1a1b1b;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  gap: 10px;
}
.btn.btn-delete-light > img {
  width: 24px;
  display: flex;
  align-items: center;
  height: 24px;
}
.btn.white-transparentbtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  border: 1px solid #eeeeee;
  padding: 8px 10px;
}
.btn.white-transparentbtn .icon {
  width: 24px;
  height: 24px;
  display: block;
}
.btn.white-transparentbtn .icon > img {
  width: 100%;
  padding: 5px;
  height: 100%;
  object-fit: cover;
}
.btn.btn-outline-white {
  background-color: #fff;
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
}
.btn.btn-outline-white > span {
  color: var(--b4, #006ca5);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.btn:focus {
  outline: none !important;
  box-shadow: none !important;
}
.btn.btn-border {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 10px 20px;
  color: #fff !important;
  cursor: pointer;
  border: 1px solid #fff !important;
}
.btn.btn-transparent {
  background-color: transparent;
  color: #1a1b1b;
  font-weight: 500;
  font-size: 16px;
  line-height: normal;
  border: 1px solid #ddd;
}

.scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 45px;
  height: 45px;
  background-color: #0496c7;
  color: #fff;
  border: none;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 9999;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.scroll-to-top:hover {
  background-color: #006ca5;
}
.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
}

.modal .modal-header .btn-close {
  background-image: none;
  background-color: transparent;
}
.modal .form-control[type=text],
.modal .form-control[type=email],
.modal .form-control[type=password],
.modal select.form-select {
  height: 50px;
  border: 1px solid #d9d9d9;
}

.form-check .form-check-input[type=checkbox] {
  border-radius: 2px;
  width: 16px;
  height: 16px;
}
.form-check .form-check-input[type=checkbox]:focus {
  box-shadow: none !important;
}

.form-check-input[type=checkbox]:checked {
  box-shadow: none !important;
}

.form-check-input:checked {
  background-color: #0496c7 !important;
  border-color: #0496c7 !important;
}

.form-check-input:checked .flip-container {
  perspective: 1000px;
  display: inline-block;
  overflow: hidden;
  height: 30px; /* adjust according to your font-size */
}

.flip-text {
  display: inline-block;
  transition: transform 0.6s;
  transform-origin: center bottom;
}

.flipped {
  transform: rotateX(90deg);
  opacity: 0;
}

.actionModal .modal-dialog {
  max-width: 430px;
}
.actionModal .modal-dialog .modal-content {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.actionModal .modal-body {
  padding: 0px 40px 40px;
}
.actionModal .modal-body .modal-title {
  font-weight: 600;
  line-height: 100%;
  color: #000000;
  font-size: 24px;
  margin-bottom: 32px;
  letter-spacing: 0.5px;
}
.actionModal .modal-body .form-password {
  margin-bottom: 8px;
}
.actionModal .modal-body .form-password .form-control {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  height: 48px;
}
.actionModal .modal-body .form-actions .forgot-password {
  margin-bottom: 24px;
}
.actionModal .modal-body .form-actions .forgot-password .forgot-passwordtxt {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  text-decoration: none;
}
.actionModal .modal-body .form-actions .forgot-password .forgot-passwordtxt:hover {
  text-decoration: underline;
}
.actionModal .modal-body .form-actions .form-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  margin-bottom: 13px;
}
.actionModal .modal-body .form-actions .primary-btn,
.actionModal .modal-body .form-actions .btn-outline-primary,
.actionModal .modal-body .form-actions .divider {
  margin-bottom: 24px;
}
.actionModal .toggle-password {
  position: absolute;
  right: 1rem;
  top: 2.5rem;
  background: none;
  border: none;
  color: #6c757d;
}
.actionModal .btn {
  border-radius: 0.5rem;
  font-weight: 500;
}
.actionModal .btn.toggle-password:focus {
  box-shadow: none;
  outline: none;
}
.actionModal .btn .arrow-img > img {
  margin-left: 10px;
  filter: brightness(0) invert(1);
}
.actionModal .btn.google-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  line-height: 100%;
  height: 48px;
}
.actionModal .divider {
  position: relative;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #797979;
}
.actionModal .divider::before, .actionModal .divider::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 34%;
  height: 1px;
  background: #dee2e6;
}
.actionModal .divider::before {
  left: 0;
}
.actionModal .divider::after {
  right: 0;
}
.actionModal.createAnaccoundmodal .specialOffers-checkbox {
  margin-top: 24px;
  margin-bottom: 32px;
}
.actionModal.createAnaccoundmodal .specialOffers-checkbox > label {
  color: #797979;
  font-size: 14px;
  font-weight: 400;
}
.actionModal.createAnaccoundmodal .alreadyHaveAccount {
  margin-top: 24px;
}
.actionModal.createAnaccoundmodal .alreadyHaveAccount .text {
  font-weight: 400;
  font-size: 14px;
  color: #797979;
}
.actionModal.createAnaccoundmodal .alreadyHaveAccount .text > a {
  color: #006ca5;
  font-size: 14px;
  font-weight: 500;
}
.actionModal.otpmodal .otp-box {
  border-radius: 12px;
}
.actionModal.otpmodal .otp-box .edit-link {
  color: #0d6efd;
  text-decoration: underline;
  cursor: pointer;
}
.actionModal.otpmodal .otp-box .otp-inputgroups {
  margin-bottom: 32px;
}
.actionModal.otpmodal .otp-box .otp-inputgroups.error .otp-inputs {
  margin-bottom: 8px;
}
.actionModal.otpmodal .otp-box .otp-inputgroups.error .otp-inputs .form-control {
  border: 1px solid #e70000;
}
.actionModal.otpmodal .otp-box .otp-inputgroups .otp-inputs {
  gap: 23px;
}
@media screen and (max-width: 767px) {
  .actionModal.otpmodal .otp-box .otp-inputgroups .otp-inputs {
    gap: 9px;
  }
}
.actionModal.otpmodal .otp-box .otp-inputgroups .otp-inputs input {
  width: 70px;
  height: 48px;
  font-size: 24px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}
.actionModal.otpmodal .otp-box .otp-inputgroups .otp-inputs input:focus {
  box-shadow: none;
}
.actionModal.otpmodal .otp-box .otp-inputgroups .otp-inputs .IncorrectOTP {
  color: #e70000;
  font-size: 14px;
  font-weight: 400;
}
.actionModal.otpmodal .otp-box .modal-body .info-text, .actionModal.otpmodal .otp-box .modal-body .text-gmail {
  font-size: 14px;
  font-weight: 400;
  color: #797979;
}
.actionModal.otpmodal .otp-box .modal-body .text-gmail {
  letter-spacing: 0;
}
.actionModal.otpmodal .otp-box .modal-body .Resend {
  margin-bottom: 8px;
}
.actionModal.SetNewPassword .modal-body .confirm-password {
  margin-bottom: 40px;
}

.error {
  color: #890000;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
}

.otpErrorAlert {
  position: fixed;
  display: none;
  bottom: 50px;
  right: 0;
  left: 0;
  z-index: 1000;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 427px !important;
  background-color: #ffeaea;
  border: 1px solid #890000;
  padding: 16px;
}
.otpErrorAlert .error_circle i {
  color: #bb0000;
}
.otpErrorAlert .error_circle > span {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
}
.otpErrorAlert .btn-times {
  border: 0;
  background-color: transparent;
}

.otpSuccessAlert {
  position: fixed;
  display: none;
  bottom: 50px;
  right: 0;
  left: 0;
  z-index: 1000;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 427px !important;
  background-color: #000000;
  border: 1px solid #000000;
  padding: 16px;
}
.otpSuccessAlert .success_circle > i {
  color: #0db12b;
}
.otpSuccessAlert .success_circle > span {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #fff;
}
.otpSuccessAlert .btn-times {
  border: 0;
  background-color: transparent;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .breadcrumb-parent {
    padding: 0px 12px;
  }
  .breadcrumb-parent .breadcrumb-item + .breadcrumb-item {
    padding: 0px;
  }
}
.breadcrumb-parent .breadcrumb {
  display: flex;
  list-style: none;
  padding: 0;
  margin-bottom: 24px;
}
.breadcrumb-parent .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "\f105";
  margin: 0 0px;
  margin-top: 2px;
  font-family: "Font Awesome 5 Pro";
  color: #747983;
  padding: 0;
  width: 16px;
  height: 16px;
  display: flex;
  margin-left: 6px;
  align-items: flex-start;
}
.breadcrumb-parent .breadcrumb .breadcrumb-item a {
  font-weight: 600;
  font-size: 12px;
  text-decoration: none;
  line-height: 100%;
  color: #747983;
  letter-spacing: 0%;
}
.breadcrumb-parent .breadcrumb .breadcrumb-item a.selected-page {
  color: #1a1b1b;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.breadcrumb-parent .breadcrumb .breadcrumb-item.active {
  color: #555;
}

a {
  text-decoration: none !important;
  color: #000000;
}

.add-read-more br {
  margin-bottom: 10px;
  display: block;
  content: "";
}

.add-read-more strong {
  font-weight: 500 !important;
  font-family: "Inter", sans-serif;
  font-size: calc(14px);
  line-height: 23px;
  color: #747983;
  position: relative;
}

.toast.bg-add, .toast.bg-remove {
  background-color: #000000;
  color: #fff;
}
.spinner-overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  z-index: 1050;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.spinner-overlay .dual-spinner {
  width: 3rem;
  height: 3rem;
  border: 7px solid #eeeeee;
  border-right: 7px solid #006ca5;
  border-left: 7px solid #006ca5;
  border-radius: 50%;
  animation: spin 0.75s linear infinite;
}

.badge-sucess {
  color: #2db52f;
}

@media (max-width: 640px) {
  .sm-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.custom-pagination {
  justify-content: center;
}
.custom-pagination .page-item {
  margin: 4px;
  display: flex;
  align-items: center;
}
.custom-pagination .page-item .page-link {
  border-radius: 6px;
  margin: 0 8px;
  color: #333;
  font-size: 14px;
}
.custom-pagination .page-item .page-link:focus {
  outline: none;
  box-shadow: none;
}
.custom-pagination .page-item .page-link > span {
  margin-right: 10px;
}
.custom-pagination .page-item .page-link > span.nextBtn {
  margin-right: 0;
  margin-left: 10px;
}
.custom-pagination .page-item .page-link.prevBtn, .custom-pagination .page-item .page-link.nextBtn {
  border-radius: 5px;
  border: 1px solid #697277;
  display: flex;
  height: 44px;
  padding: 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 1px solid #000;
  color: var(--BLK, #1a1b1b);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.custom-pagination .page-item .page-link.pagenum {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  background: var(--grey2, #eee);
  display: flex;
  width: 48px;
  height: 48px;
  padding: 13px 1px 13px 0;
  justify-content: center;
  align-items: center;
  color: var(--BLK, #1a1b1b);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.custom-pagination .page-item.disabled .page-link {
  display: flex;
  height: 48px;
  padding: 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  color: var(--grey1, #747983);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.custom-pagination .page-item.active .page-link {
  background-color: #006ca5;
  color: #fff;
  border-color: #006ca5;
}
.custom-pagination .page-item.disabled .pagenum {
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 768px) {
  .custom-pagination .page-item .page-link.pagenum {
    padding: 10px 0;
  }
  .custom-pagination .page-item .page-link.prevBtn, .custom-pagination .page-item .page-link.nextBtn {
    align-items: center;
  }
}
@media (max-width: 480px) {
  .custom-pagination .page-item {
    margin: 2px;
    display: flex;
    align-items: center;
  }
  .custom-pagination .page-item.disabled .nextBtn,
  .custom-pagination .page-item.disabled .prevBtn {
    opacity: 0.3;
  }
  .custom-pagination .page-item .page-link {
    margin: 0 4px;
    font-size: 14px;
  }
  .custom-pagination .page-item .page-link.pagenum {
    font-size: 14px;
    padding: 8px 0;
  }
  .custom-pagination .page-item .page-link.prevBtn, .custom-pagination .page-item .page-link.nextBtn {
    width: 48px;
    height: 48px;
  }
  .custom-pagination .page-item .page-link.prevBtn > span, .custom-pagination .page-item .page-link.nextBtn > span {
    margin: 0;
  }
  .custom-pagination .page-item .page-link.prevBtn .Previous-one, .custom-pagination .page-item .page-link.nextBtn .Previous-one {
    display: none;
  }
  .custom-pagination .page-item .page-link.prevBtn .next-one, .custom-pagination .page-item .page-link.nextBtn .next-one {
    display: none;
  }
}

/* Toast wrapper styled like a bottom sheet */
.wishlist-toast-wrapper {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%);
  opacity: 0;
  transition: transform 0.4s ease, opacity 0.3s ease;
  z-index: 1080;
  pointer-events: none;
}
.wishlist-toast-wrapper .toast {
  width: 300px !important;
}
.wishlist-toast-wrapper .toast-body .badge-success {
  color: #0db12b;
  font-size: 20px;
}

/* Show state */
.wishlist-toast-wrapper.show {
  transform: translate(-50%, -20px);
  opacity: 1;
  pointer-events: auto;
}

.form-control:focus,
.form-select:focus {
  outline: none !important;
  border-color: #d9d9d9 !important;
  box-shadow: none !important;
}

.btn-transparent-view {
  display: flex;
  height: 38px;
  width: 100%;
  border: 1px solid #d9d9d9;
  padding: 10px 20px;
  justify-content: center;
  background-color: #fff;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 6px;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.cart-notifications .notification-section .template .notification-template {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 90dvh;
}
.cart-notifications .notification-section .template .notification-template .icon-video {
  width: 78px;
  height: 78px;
}
.cart-notifications .notification-section .template .notification-template .icon-video > img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 600px) {
  .cart-notifications .notification-section .template .notification-template {
    height: 60dvh;
    margin-bottom: 30px;
  }
}
.cart-notifications .notification-section .template .notification-template > h2 {
  color: #000000;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 11px;
}
.cart-notifications .notification-section .template .notification-template > span {
  color: #000000;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 14.5px;
}
@media screen and (max-width: 600px) {
  .cart-notifications .notification-section .template .notification-template > span {
    text-align: center;
  }
}
.cart-notifications .notification-section .template .notification-template .order-id > span {
  color: #000000;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.cart-notifications .notification-section .template .notification-template .actions {
  margin-top: 33.5px;
  display: flex;
  gap: 13px;
  flex-wrap: wrap;
}
.cart-notifications .notification-section .template .notification-template .actions .btn {
  width: 204px;
  height: 50px;
}
@media screen and (max-width: 600px) {
  .cart-notifications .notification-section .template .notification-template .actions .btn {
    width: 100%;
  }
}

.swiper-custom-slider .rating {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.swiper-custom-slider .rating .rating-star > span {
  margin-left: 2px;
  font-size: 12px;
  color: #edaa00;
}
.swiper-custom-slider .rating .rating-star > span.unlike {
  color: #bebebe;
}

.modal .modal-dialog .modal-content .modal-header .btn-close:focus {
  outline: none;
  box-shadow: none;
}

.basic-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.basic-container .checkbox-container {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  width: 100%;
  justify-content: space-between;
}
.basic-container input[type=radio] {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #ddd;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
}
.basic-container input[type=radio]:checked {
  border-color: #d9d9d9;
  background-color: #eee;
}
.basic-container input[type=radio]:checked::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #006ca5;
}
.basic-container input[type=radio]:checked + label {
  color: #006ca5;
}
.basic-container label {
  font-weight: 500;
  cursor: pointer;
  padding-left: 5px;
  font-size: 16px;
  color: #000000;
}

.badge-box {
  padding: 4px 6px;
  height: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .badge-box {
    height: auto;
  }
}
.badge-box > span {
  line-height: 100%;
  display: inline;
  font-weight: 600;
  font-size: 12px;
  text-align: center;
}
.badge-box.warning {
  background-color: #fff4c7;
  color: #000000;
  width: max-content;
}
@media screen and (max-width: 400px) {
  .badge-box.warning {
    width: 100%;
  }
}
.badge-box.skyLightBox {
  background-color: #c9f7ef;
  color: #02367b;
  width: max-content;
}
@media screen and (max-width: 400px) {
  .badge-box.skyLightBox {
    width: 100%;
  }
}
.badge-box.success {
  background-color: rgba(25, 135, 84, 0.5098039216);
  border-color: rgba(25, 135, 84, 0.5098039216);
}
@media screen and (max-width: 400px) {
  .badge-box.success {
    width: 100%;
  }
}
.badge-box.success > span {
  color: #fff;
}
.badge-box.lowestPrice {
  background-color: #ffd8ef;
}
@media screen and (max-width: 400px) {
  .badge-box.lowestPrice {
    width: 100%;
  }
}
.badge-box.lowestPrice span {
  color: #c90076;
}
.badge-box.primary {
  background-color: #d4e6fc;
  border-color: #e9f3ff;
  width: max-content;
}
@media screen and (max-width: 400px) {
  .badge-box.primary {
    width: 100%;
  }
}
.badge-box.primary > span {
  color: #4d8ed7;
}
.badge-box.secondary {
  background-color: #f9f9f9;
  border-color: #f9f9f9;
}
@media screen and (max-width: 400px) {
  .badge-box.secondary {
    width: 100%;
  }
}
.badge-box.secondary > span {
  color: #9c9da3;
}
.badge-box.light-info {
  background-color: #e9deff;
  width: max-content;
}
@media screen and (max-width: 400px) {
  .badge-box.light-info {
    width: 100%;
  }
}
.badge-box.light-info > span {
  color: #521fb6;
}
.badge-box.info {
  background-color: #e3d5f6;
  border-color: #f8f5fc;
  width: max-content;
}
@media screen and (max-width: 400px) {
  .badge-box.info {
    width: 100%;
  }
}
.badge-box.info > span {
  color: #916ee4;
}
.badge-box.light-green {
  background-color: rgb(231, 248, 236);
  border-color: rgb(231, 248, 236);
  width: max-content;
}
@media screen and (max-width: 400px) {
  .badge-box.light-green {
    width: 100%;
  }
}
.badge-box.light-green > span {
  color: rgb(38, 165, 65);
}
.badge-box.dark {
  background-color: rgba(15, 105, 195, 0.38);
  border-color: rgba(15, 105, 195, 0.38);
  width: max-content;
}
@media screen and (max-width: 400px) {
  .badge-box.dark {
    width: 100%;
  }
}
.badge-box.dark > span {
  color: #fff;
}
.badge-box.light {
  background-color: #e9ecef;
  border-color: #e9ecef;
  width: max-content;
}
@media screen and (max-width: 400px) {
  .badge-box.light {
    width: 100%;
  }
}
.badge-box.light > span {
  color: #000000;
}
.badge-box.neutral {
  background-color: rgba(223, 154, 225, 0.42);
  color: rgba(223, 154, 225, 0.42);
  width: max-content;
}
@media screen and (max-width: 400px) {
  .badge-box.neutral {
    width: 100%;
  }
}
.badge-box.neutral > span {
  color: #b63fce;
}

.custom-tooltips {
  opacity: 1 !important;
}
.custom-tooltips .tooltip-arrow::before {
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #fff !important;
}
.custom-tooltips .tooltip-inner {
  background-color: #fff;
  color: #000000;
  font-size: 14px;
  padding: 8px 12px;
  z-index: 100;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  border: 1px solid #d9d9d9;
}

.photos .upload-box {
  width: 90px;
  height: 90px;
  border: 2px dashed #ccc;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.photos .upload-box span {
  font-size: 32px;
  color: #666;
}
.photos .upload-box input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.photos .upload-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}
.photos .upload-box.has-image span {
  display: none;
}
.photos .upload-box.has-image img {
  display: block;
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: rgba(238, 238, 238, 0.9333333333) !important;
  border-color: #006ca5 !important;
  color: #006ca5 !important;
}

.form-check-input[type=checkbox]:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23006CA5' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") !important;
}

@media screen and (min-width: 767px) {
  header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #fff;
  }
}
header .topheader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  background-color: #006ca5;
  width: 100%;
  height: 36px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1071px) {
  header .topheader {
    height: 36px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 767.9px) {
  header .topheader {
    height: auto;
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  header .topheader {
    height: auto;
    padding: 10px;
  }
}
header .topheader .top-contents {
  transition: padding 0.25s ease-in-out;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-inline: auto;
  margin-inline: auto;
  max-width: min(100vw, 1440px);
  width: 100%;
}
@media screen and (min-width: 1800px) {
  header .topheader .top-contents {
    max-width: min(100vw, 1720px);
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  header .topheader .top-contents {
    padding: 0px;
  }
}
@media only screen and (min-width: 1500px) {
  header .topheader .top-contents {
    padding: 0px;
  }
}
header .topheader .top-contents .left-block {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 51%;
}
@media only screen and (min-width: 768px) and (max-width: 1034px) {
  header .topheader .top-contents .left-block {
    min-width: 40%;
  }
}
header .topheader .top-contents .left-block .offer-slider {
  position: relative;
  width: 100%;
  height: 70px;
  overflow: hidden;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .topheader .top-contents .left-block .offer-slider .offer-texts {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
header .topheader .top-contents .left-block .offer-slider .offer-texts.animate {
  animation: slide-up 20s linear infinite;
}
header .topheader .top-contents .left-block .offer-slider .offer-texts .offer-text {
  height: 70px;
  display: flex;
  align-items: center;
}
header .topheader .top-contents .left-block .offer-slider .offer-texts .offer-text .offer-zone {
  white-space: nowrap;
  min-width: 171px;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  header .topheader .top-contents .left-block .offer-slider .offer-texts .offer-text .offer-zone {
    display: inline;
  }
}
@media only screen and (min-width: 767px) and (max-width: 767.9px) {
  header .topheader .top-contents .left-block .offer-slider .offer-texts .offer-text .offer-zone {
    display: inline;
  }
}
@media screen and (max-width: 700px) {
  header .topheader .top-contents .left-block .offer-slider .offer-texts .offer-text .offer-zone {
    display: block;
  }
}
@media only screen and (min-width: 767px) and (max-width: 767.9px) {
  header .topheader .top-contents .left-block .offer-slider {
    height: 26px;
  }
  header .topheader .top-contents .left-block .offer-slider .offer-texts .offer-text {
    font-size: 13px;
    min-width: 113px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 70%;
    margin-top: 1px;
  }
}
@media screen and (max-width: 767px) {
  header .topheader .top-contents .left-block .offer-slider {
    height: 26px;
  }
  header .topheader .top-contents .left-block .offer-slider .offer-texts .offer-text {
    font-size: 13px;
    min-width: 113px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 70%;
    margin-top: 1px;
  }
}
@media screen and (max-width: 700px) {
  header .topheader .top-contents .left-block .offer-slider .offer-texts .offer-text {
    min-width: 280px;
    display: flex;
    align-items: baseline;
    max-width: 100%;
    width: 100%;
    padding-top: 4px;
  }
}
@media screen and (max-width: 767px) {
  header .topheader .top-contents .left-block {
    padding: 0px 10px 5px 10px;
    justify-content: space-between;
    min-width: 215px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), transparent);
    border-radius: 29px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 767.9px) {
  header .topheader .top-contents .left-block {
    padding: 0px 10px 5px 10px;
    justify-content: space-between;
    min-width: 215px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), transparent);
    border-radius: 29px;
  }
}
header .topheader .top-contents .left-block > span {
  color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.3px;
}
@media screen and (max-width: 767px) {
  header .topheader .top-contents .left-block > span {
    font-size: 11px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 767.9px) {
  header .topheader .top-contents .left-block > span {
    font-size: 11px;
  }
}
header .topheader .top-contents .left-block .badge {
  display: inline-block;
  line-height: 100%;
  color: #000000;
  background-color: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: auto !important;
  min-width: auto !important;
  margin-left: 13px;
}
@media screen and (max-width: 767px) {
  header .topheader .top-contents .left-block .badge {
    margin-left: 20px;
    display: initial !important;
    z-index: 100;
  }
}
@media only screen and (min-width: 767px) and (max-width: 767.9px) {
  header .topheader .top-contents .left-block .badge {
    margin-left: 20px;
    display: initial !important;
    z-index: 100;
  }
}
header .topheader .top-contents .right-block {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
@media screen and (max-width: 1800px) {
  header .topheader .top-contents .right-block {
    min-width: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1400px) {
  header .topheader .top-contents .right-block {
    margin: 0 8px;
  }
}
@media screen and (max-width: 767px) {
  header .topheader .top-contents .right-block {
    width: 100%;
    flex: auto;
    justify-content: space-between;
    line-height: 1;
    padding-left: 5px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 767.9px) {
  header .topheader .top-contents .right-block {
    width: 100%;
    flex: auto;
    justify-content: space-between;
    line-height: 1;
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  header .topheader .top-contents .right-block .options {
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 767px) and (max-width: 767.9px) {
  header .topheader .top-contents .right-block .options {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 1800px) {
  header .topheader .top-contents .right-block .options {
    display: flex;
    align-items: center;
  }
}
header .topheader .top-contents .right-block .options .social, header .topheader .top-contents .right-block .options > span {
  color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  line-height: 100%;
  font-size: 16px;
  margin-left: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 826px) {
  header .topheader .top-contents .right-block .options .social, header .topheader .top-contents .right-block .options > span {
    margin-left: 0px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 827px) and (max-width: 1071px) {
  header .topheader .top-contents .right-block .options .social, header .topheader .top-contents .right-block .options > span {
    margin-right: 0px;
    margin-left: 8px;
  }
}
@media screen and (max-width: 767px) {
  header .topheader .top-contents .right-block .options .social, header .topheader .top-contents .right-block .options > span {
    margin-left: 0;
    font-size: 14px;
  }
}
@media screen and (max-width: 395px) {
  header .topheader .top-contents .right-block .options .social, header .topheader .top-contents .right-block .options > span {
    font-size: 12px;
  }
}
@media screen and (max-width: 360px) {
  header .topheader .top-contents .right-block .options .social, header .topheader .top-contents .right-block .options > span {
    font-size: 10px;
  }
}
header .topheader .top-contents .right-block .options .social i, header .topheader .top-contents .right-block .options > span i {
  margin-right: 4px;
}
header .topheader .top-contents .right-block .options .social {
  margin-right: 16px;
  margin-bottom: 0;
}
@media screen and (max-width: 360px) {
  header .topheader .top-contents .right-block .options .social {
    margin-left: 9px !important;
  }
}
@media screen and (max-width: 767px) {
  header .topheader .top-contents .right-block .options .social {
    margin-left: 16px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 827px) and (max-width: 1071px) {
  header .topheader .top-contents .right-block .options .social {
    margin-right: 0px;
    margin-left: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 826px) {
  header .topheader .top-contents .right-block .options .social {
    margin-right: 0px;
  }
}
header .topheader .top-contents .right-block .options .social > img {
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  header .topheader .top-contents .right-block .options .social > img {
    margin-right: 3px;
  }
}
header .topheader .top-contents .right-block .custom-dropdown {
  width: 100px;
  position: relative;
  cursor: pointer;
  border-radius: 6px;
  margin-left: 28px;
}
@media screen and (max-width: 400px) {
  header .topheader .top-contents .right-block .custom-dropdown {
    width: 90px;
  }
}
@media screen and (max-width: 767px) {
  header .topheader .top-contents .right-block .custom-dropdown {
    margin-left: 5px;
  }
}
header .topheader .top-contents .right-block .custom-dropdown:after {
  position: absolute;
  top: 9px;
  content: "";
  border-right: 1px solid #fff;
  height: 26px;
  left: -13px;
}
@media screen and (max-width: 400px) {
  header .topheader .top-contents .right-block .custom-dropdown:after {
    left: -3px;
  }
}
header .topheader .top-contents .right-block .custom-dropdown .selected {
  display: flex;
  align-items: center;
  padding: 10px;
  gap: 10px;
  position: relative;
}
@media screen and (max-width: 767px) {
  header .topheader .top-contents .right-block .custom-dropdown .selected {
    padding: 6px;
  }
}
header .topheader .top-contents .right-block .custom-dropdown .selected > span {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #fff;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
}
header .topheader .top-contents .right-block .custom-dropdown .selected:after {
  position: absolute;
  content: "\f0d7";
  top: 10px;
  font-family: "Font Awesome 5 Pro";
  right: 6px;
  color: #fff;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  header .topheader .top-contents .right-block .custom-dropdown .selected:after {
    right: 18px;
  }
}
@media screen and (max-width: 400px) {
  header .topheader .top-contents .right-block .custom-dropdown .selected:after {
    right: 10px;
  }
}
header .topheader .top-contents .right-block .custom-dropdown .selected img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  header .topheader .top-contents .right-block .custom-dropdown .selected img {
    width: 18px;
  }
}
header .topheader .top-contents .right-block .custom-dropdown .options {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 90%;
  left: 0;
  width: 100%;
  background: white;
  border: 1px solid #ccc;
  border-top: none;
  z-index: 100;
  border-radius: 0 0 6px 6px;
  max-height: 200px;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  header .topheader .top-contents .right-block .custom-dropdown .options {
    left: -6px;
  }
}
header .topheader .top-contents .right-block .custom-dropdown .options .option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  transition: background 0.2s ease;
}
header .topheader .top-contents .right-block .custom-dropdown .options .option:hover {
  background: #f0f0f0;
}
header .topheader .top-contents .right-block .custom-dropdown .options .option img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
header .topheader .top-contents .right-block .custom-dropdown.active .options {
  display: flex;
}
header .headmain {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 15px;
  background-color: #fff;
  position: relative;
  height: 65px;
  transition: padding 0.25s ease-in-out;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-inline: auto;
  margin-inline: auto;
  max-width: min(100vw, 1440px);
  width: 100%;
}
@media screen and (min-width: 1800px) {
  header .headmain {
    max-width: min(100vw, 1720px);
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1034px) {
  header .headmain {
    height: 100%;
    padding: 20px;
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 767px) {
  header .headmain {
    height: auto;
    padding: 0px;
    padding-top: 10px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 767.9px) {
  header .headmain {
    height: auto;
    padding: 0px;
    padding-top: 10px;
  }
}
@media only screen and (min-width: 1500px) {
  header .headmain {
    padding: 0px;
  }
}
@media only screen and (min-width: 900px) and (max-width: 1020px) {
  header .headmain .custom-responsive {
    width: 50%;
  }
}
header .headmain .header-img {
  margin-right: 16px;
}
@media screen and (max-width: 767px) {
  header .headmain .header-img > img {
    width: 150px;
    position: relative;
    bottom: 2px;
  }
}
header .headmain .search-bar {
  display: flex;
  align-items: center;
  max-width: 900px;
  width: 100%;
  background: #fff;
  border-radius: 6px;
  overflow: visible;
  flex: 1;
}
@media screen and (min-width: 1800px) {
  header .headmain .search-bar {
    max-width: min(100vw, 1720px);
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  header .headmain .search-bar {
    display: block;
    padding: 0 10px;
  }
  header .headmain .search-bar > .custom-dropdowns {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 767.9px) {
  header .headmain .search-bar {
    display: block;
    padding: 0 22px;
  }
  header .headmain .search-bar > .custom-dropdowns {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1034px) {
  header .headmain .search-bar {
    flex: 0 100%;
    max-width: 100%;
    width: 100%;
    padding-left: 10px;
  }
}
header .headmain .search-bar .search-input {
  display: flex;
  align-items: center;
  flex: 1;
  background: #f5f5f5;
  border-radius: 6px;
  padding: 10px 14px;
  position: relative;
}
header .headmain .search-bar .search-input .header-search-form {
  display: flex;
  align-items: center;
  flex: 1;
  width: 100%;
  min-width: 0;
}
@media only screen and (min-width: 900px) and (max-width: 1020px) {
  header .headmain .search-bar .search-input {
    margin-right: 0px;
  }
}
header .headmain .search-bar .search-input input {
  flex: 1;
  width: 100%;
  border: none;
  background: transparent;
  font-size: 14px;
  outline: none;
}
header .headmain .search-bar .search-input input::placeholder {
  color: #888;
}
header .headmain .search-bar .search-input .search-icon {
  font-size: 16px;
  color: #000;
  margin-left: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1034px) {
  header .headmain .main-control {
    flex: 1;
    width: 100%;
  }
}
header .headmain .main-control .controlWidget {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 1034px) {
  header .headmain .main-control .controlWidget {
    justify-content: flex-end;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1034px) {
  header .headmain .main-control .controlWidget {
    position: absolute;
    top: 14px;
    right: 8px;
  }
}
header .headmain .main-control .controlWidget .profileCtrl-dropdown {
  width: 263px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  header .headmain .main-control .controlWidget .profileCtrl-dropdown {
    width: auto;
  }
  header .headmain .main-control .controlWidget .profileCtrl-dropdown .append-action {
    display: none;
  }
}
@media only screen and (min-width: 767px) and (max-width: 767.9px) {
  header .headmain .main-control .controlWidget .profileCtrl-dropdown {
    width: auto;
  }
  header .headmain .main-control .controlWidget .profileCtrl-dropdown .append-action {
    display: none;
  }
}
@media only screen and (min-width: 767px) and (max-width: 767.9px) {
  header .headmain .main-control .controlWidget {
    flex-direction: column-reverse;
    align-items: center;
    position: absolute;
    right: 16px;
    top: 17px;
  }
  header .headmain .main-control .controlWidget .cart {
    position: relative;
    bottom: 3px;
    margin-left: 7px;
  }
  header .headmain .main-control .controlWidget .cart > span img {
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  header .headmain .main-control .controlWidget {
    flex-direction: column-reverse;
    align-items: center;
    position: absolute;
    right: 16px;
    top: 17px;
  }
  header .headmain .main-control .controlWidget .cart {
    position: relative;
    bottom: 3px;
    margin-left: 7px;
  }
  header .headmain .main-control .controlWidget .cart > span img {
    width: 20px;
  }
}
header .headmain .main-control .controlWidget .controlBtn {
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
}
@media only screen and (min-width: 900px) and (max-width: 1020px) {
  header .headmain .main-control .controlWidget .controlBtn {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  header .headmain .main-control .controlWidget .controlBtn {
    font-size: 14px;
    margin-top: 14px !important;
    margin-top: 6px;
    width: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: end;
  }
  header .headmain .main-control .controlWidget .controlBtn img {
    width: 20px;
    position: relative;
    bottom: 2px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 767.9px) {
  header .headmain .main-control .controlWidget .controlBtn {
    font-size: 14px;
    margin-top: 14px !important;
    margin-top: 6px;
    width: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: end;
  }
  header .headmain .main-control .controlWidget .controlBtn img {
    width: 20px;
    position: relative;
    bottom: 2px;
  }
}
header .headmain .main-control .controlWidget .controlBtn .fQtext {
  margin-left: 8px;
}
header .headmain .main-control .controlWidget .dropdown .dropdown-toggle {
  background: transparent;
  border: 0;
}
header .headmain .main-control .controlWidget .dropdown .dropdown-toggle:after {
  display: none;
}
header .headmain .main-control .controlWidget .dropdown .dropdown-toggle .profileCtrl {
  display: flex;
  flex-direction: column;
}
header .headmain .main-control .controlWidget .dropdown .dropdown-toggle .profileCtrl .profileTitle {
  padding: 0 15px;
  margin: 0 10px;
  border-right: solid 2px #eeeeee;
  border-left: solid 2px #eeeeee;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  header .headmain .main-control .controlWidget .dropdown .dropdown-toggle .profileCtrl .profileTitle {
    padding: 0px;
    border-left: 0;
    margin: 0px;
  }
}
header .headmain .main-control .controlWidget .dropdown .dropdown-toggle .profileCtrl .profileTitle .profileIcon {
  width: 25px;
  display: flex;
  align-items: center;
  margin-right: 8px;
  height: 25px;
}
@media screen and (max-width: 767px) {
  header .headmain .main-control .controlWidget .dropdown .dropdown-toggle .profileCtrl .profileTitle .profileIcon {
    margin-right: 0;
  }
}
header .headmain .main-control .controlWidget .dropdown .dropdown-toggle .profileCtrl .profileTitle .profileIcon > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  header .headmain .main-control .controlWidget .dropdown .dropdown-toggle .profileCtrl .profileTitle .profileIcon > img {
    width: 20px;
  }
}
header .headmain .main-control .controlWidget .dropdown .dropdown-toggle .profileCtrl .profileTitle .profileLabel {
  display: flex;
  flex-direction: column;
}
header .headmain .main-control .controlWidget .dropdown .dropdown-toggle .profileCtrl .profileTitle .profileLabel .nameLabel {
  font-weight: 600;
  font-size: 16px;
  color: #000000;
}
@media screen and (max-width: 767px) {
  header .headmain .main-control .controlWidget .dropdown .dropdown-toggle .profileCtrl .profileTitle .profileLabel .nameLabel {
    display: none;
  }
}
header .headmain .main-control .controlWidget .dropdown .dropdown-toggle .profileCtrl .profileTitle .profileLabel .label {
  display: block;
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 500;
  color: #747983;
}
header .headmain .main-control .controlWidget .dropdown .dropdown-toggle .profileCtrl .profileTitle .downArrow {
  width: 24px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  header .headmain .main-control .controlWidget .dropdown .dropdown-toggle .profileCtrl .profileTitle .downArrow {
    margin-top: 0px;
  }
}
header .headmain .main-control .controlWidget .dropdown-menu {
  border: 0;
  background-color: transparent;
}
header .headmain .main-control .controlWidget .dropdown-menu .dropdown-content .sidebar {
  width: 260px;
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
header .headmain .main-control .controlWidget .dropdown-menu .dropdown-content .sidebar .profile {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
}
header .headmain .main-control .controlWidget .dropdown-menu .dropdown-content .sidebar .profile .profile-icon {
  font-size: 20px;
  margin-right: 15px;
}
header .headmain .main-control .controlWidget .dropdown-menu .dropdown-content .sidebar .profile .profile-icon > i {
  margin-left: 7px;
}
header .headmain .main-control .controlWidget .dropdown-menu .dropdown-content .sidebar .profile .profile-details .name {
  font-weight: 500;
  font-size: 16px;
}
header .headmain .main-control .controlWidget .dropdown-menu .dropdown-content .sidebar .profile .profile-details .email {
  font-size: 12px;
  color: #747983;
  line-height: 100%;
}
header .headmain .main-control .controlWidget .dropdown-menu .dropdown-content .sidebar .menu {
  list-style: none;
  padding: 0;
}
header .headmain .main-control .controlWidget .dropdown-menu .dropdown-content .sidebar .menu li {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
  line-height: 100%;
  cursor: pointer;
  border-radius: 6px;
  padding: 8px;
  position: relative;
}
header .headmain .main-control .controlWidget .dropdown-menu .dropdown-content .sidebar .menu li > a {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}
header .headmain .main-control .controlWidget .dropdown-menu .dropdown-content .sidebar .menu li:hover {
  background: #f5f5f5;
}
header .headmain .main-control .controlWidget .dropdown-menu .dropdown-content .sidebar .menu li .icon {
  margin-right: 10px;
}
header .headmain .main-control .controlWidget .dropdown-menu .dropdown-content .sidebar .menu li .icon > img {
  width: 17px;
  height: 17px;
}
header .headmain .main-control .controlWidget .dropdown-menu .dropdown-content .sidebar .logout {
  padding: 14px 10px;
  border-top: 1px solid #eee;
  display: flex;
  align-items: center;
  cursor: pointer;
}
header .headmain .main-control .controlWidget .dropdown-menu .dropdown-content .sidebar .logout > a {
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: #000000;
  text-decoration: none;
}
header .headmain .main-control .controlWidget .dropdown-menu .dropdown-content .sidebar .logout .icon {
  margin-right: 10px;
}
header .headmain .main-control .controlWidget .dropdown-menu .dropdown-content .sidebar .logout .icon > img {
  width: 17px;
  height: 17px;
}
header .headmain .main-control .controlWidget .dropdown-menu .dropdown-content .sidebar .logout:hover {
  background: #f5f5f5;
  border-radius: 6px;
}
header .headmain .main-control .controlWidget .cart .CartText {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  line-height: 100%;
  margin-right: 2px;
}
@media screen and (max-width: 767px) {
  header .headmain .main-control .controlWidget .cart .CartText {
    font-size: 15px;
  }
}
header .headmain .main-control .controlWidget .cart .cart-badge {
  background-color: #e70000;
  color: #fff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  min-width: 19px;
  height: 14px;
  font-weight: 500;
  font-size: 10px;
  line-height: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
@media (max-width: 768px) {
  header .headmain {
    flex-direction: column;
    gap: 8px !important;
    z-index: 2;
  }
  header .headmain .search-bar,
  header .headmain .main-control {
    width: 100%;
  }
  header .headmain .main-control .controlWidget {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 768px) and (min-width: 768px) and (max-width: 1020px) {
  header .headmain .main-control .controlWidget {
    justify-content: flex-end;
    margin-right: 10px;
  }
}
@media (max-width: 768px) {
  header .headmain .dropdown-menu {
    position: absolute !important;
    left: 0;
    transform: none !important;
  }
}
header .navbar {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  padding: 0px 22px 0px 0px;
}
@media only screen and (min-width: 997px) and (max-width: 1027px) {
  header .navbar {
    padding: 0px;
  }
}
header .navbar .sidebar-head {
  background-color: #006ca5;
  color: #fff;
  padding: 24px 20px;
}
@media screen and (max-width: 767.99px) {
  header .navbar .sidebar-head {
    padding: 16px 20px;
  }
}
header .navbar .sidebar-head .link {
  color: #fff;
  text-decoration: none;
}
header .navbar .sidebar-head .link .link-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
header .navbar .sidebar-head .link .link-details .login-before {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .navbar .sidebar-head .link .link-details .login-before .signlink {
  margin-left: 14px;
}
header .navbar .sidebar-head .link .link-details .login-img img {
  width: 100px;
  filter: brightness(0) invert(1);
}
header .navbar .sidebar-head .userLog {
  display: flex;
  flex-direction: "column center center";
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  column-gap: 12px;
  flex-direction: row-reverse;
  margin-bottom: 12px;
}
header .navbar .sidebar-head .userLog .close .btn-closes {
  color: #fff;
}
header .navbar .sidebar-head .userLog .icon > i {
  font-size: 21px;
}
header .navbar .sidebar-head .userLog .login-text > h2 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
header .navbar .sidebar-head .userLog .login-text > span {
  margin-top: 4px;
  color: #c0c5ce;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 0;
}
header .navbar .sidebar-head .action-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
  width: 100%;
}
header .navbar .sidebar-head .action-buttons .btn {
  height: 40px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767.5px) {
  header .navbar {
    position: fixed;
    z-index: 1;
    top: 0;
    max-width: 340px;
    height: 100dvh;
  }
}
@media only screen and (min-width: 767px) and (max-width: 767.9px) {
  header .navbar {
    position: fixed;
    z-index: 1;
    top: 0;
    max-width: 340px;
  }
}
header .navbar nav {
  padding: 10px 0px;
  background-color: #fff;
  width: 100%;
  align-items: center;
  height: 45px;
  display: flex;
  padding: 0 calc((100% - 1440px) / 2) 0 calc(calc((100% - 1440px) / 2) - 18px);
  position: relative;
}
@media screen and (min-width: 1800px) {
  header .navbar nav {
    padding: 0 calc((100% - 1720px) / 2) 0 calc((100% - 1720px) / 2 - 20px);
  }
}
@media only screen and (min-width: 767px) and (max-width: 767.5px) {
  header .navbar nav {
    height: 100%;
    display: none;
  }
  header .navbar nav.headernav {
    backdrop-filter: blur(10px);
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
    overflow-y: auto;
    z-index: 1000;
    transform: translateX(-100%) scale(0.8);
    opacity: 0;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s ease;
  }
  header .navbar nav.headernav.d-block {
    transform: translateX(0) scale(1);
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  header .navbar nav {
    height: 100%;
    display: none;
  }
  header .navbar nav.headernav {
    backdrop-filter: blur(10px);
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
    overflow-y: auto;
    z-index: 1000;
    transform: translateX(-100%) scale(0.8);
    opacity: 0;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s ease;
  }
  header .navbar nav.headernav.d-block {
    transform: translateX(0) scale(1);
    opacity: 1;
  }
}
header .navbar nav .menu.swiper-container {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  border: 0;
}
header .navbar nav .menu .main-menu.swiper-wrapper {
  flex: 1;
}
header .navbar nav .menu .menu-item.swiper-slide {
  width: auto !important;
  padding: 0 12px;
  white-space: nowrap;
}
header .navbar nav .menu .arrow-prev,
header .navbar nav .menu .arrow-next {
  flex: 0 0 auto;
  cursor: pointer;
  z-index: 10;
  background: white;
  padding: 18px;
}
header .navbar nav .menu {
  flex: 1;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (max-width: 767.5px) {
  header .navbar nav .menu .menu-option {
    padding: 0 !important;
  }
}
header .navbar nav .menu .swiper-button-prev {
  left: auto;
  margin-left: -9px;
}
header .navbar nav .menu .swiper-button-prev:after {
  font-size: 14px;
  color: #000000;
}
@media screen and (max-width: 767.5px) {
  header .navbar nav .menu .swiper-button-prev {
    display: none;
  }
}
header .navbar nav .menu .swiper-button-next {
  position: absolute;
  right: -10px;
}
@media screen and (max-width: 767.5px) {
  header .navbar nav .menu .swiper-button-next {
    display: none;
  }
}
header .navbar nav .menu .swiper-button-next:after {
  font-size: 14px;
  color: #000000;
}
@media screen and (max-width: 767.5px) {
  header .navbar nav .menu {
    padding: 20px 11px;
    min-height: calc(100% - 400px);
    overflow-y: scroll;
    border: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
  }
}
header .navbar nav .menu .main-menu {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0;
  padding-left: 0;
}
@media screen and (max-width: 767.5px) {
  header .navbar nav .menu .main-menu {
    display: block;
  }
}
header .navbar nav .menu .main-menu .menu-item {
  list-style-type: none;
  padding: 0 16px;
  position: relative;
  width: auto !important;
}
header .navbar nav .menu .main-menu .menu-item.active > a .arrow {
  transform: rotate(180deg);
}
header .navbar nav .menu .main-menu .menu-item.active > a .arrow i {
  margin-left: 0;
  top: 4px;
  position: relative;
}
header .navbar nav .menu .main-menu .menu-item:first-child {
  margin-left: 12px;
}
@media screen and (max-width: 767.5px) {
  header .navbar nav .menu .main-menu .menu-item:first-child {
    margin-left: 0px;
  }
}
@media screen and (max-width: 767.5px) {
  header .navbar nav .menu .main-menu .menu-item {
    margin-bottom: 20px;
    margin-top: 17px;
  }
  header .navbar nav .menu .main-menu .menu-item:first-child {
    margin-top: 0px;
  }
  header .navbar nav .menu .main-menu .menu-item:last-child {
    margin-bottom: 0;
  }
}
header .navbar nav .menu .main-menu .menu-item a {
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  white-space: nowrap;
  padding: 0;
  color: #000000;
  position: relative;
}
header .navbar nav .menu .main-menu .menu-item a:hover {
  color: #3498db;
}
@media screen and (max-width: 767px) {
  header .navbar nav .menu .main-menu .menu-item a {
    z-index: 1000;
    color: #0d0d0e;
  }
}
header .navbar nav .menu .main-menu .menu-item a .arrow {
  transition: transform 0.3s ease;
  display: inline-block;
  width: 15px;
  position: relative;
  top: 3px;
  margin-left: 5px;
}
header .navbar nav .menu .main-menu .menu-item a .arrow i {
  margin-left: 8px;
  font-size: 20px;
}
header .navbar nav .menu .main-menu .menu-item a .arrow.rotate {
  transform: rotate(180deg);
}
header .navbar nav .menu .main-menu .menu-item a .arrow.rotate i {
  margin-left: 0;
  top: 4px;
  position: relative;
}
header .navbar nav .arrow {
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
}
@media screen and (max-width: 767px) {
  header .navbar nav .arrow {
    display: none;
  }
}
header .navbar nav .arrow i {
  color: "#000";
  font-size: 30px;
}
header .navbar nav .arrow.arrow-prev, header .navbar nav .arrow.arrow-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  margin: 2px 0 0 13px;
}
@media screen and (min-width: 768px) {
  header .navbar nav .arrow.arrow-prev, header .navbar nav .arrow.arrow-next {
    display: flex;
  }
}
header .navbar nav .becomeSeller {
  border: 1px solid #006ca5;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  display: flex;
  gap: 10px;
  background-color: transparent;
}
@media screen and (min-width: 756px) and (max-width: 1027px) {
  header .navbar nav .becomeSeller {
    margin-right: 20px;
  }
}
header .navbar nav .becomeSeller:hover {
  background-color: #0496c7;
  border: 1px solid #0496c7;
}
header .navbar nav .becomeSeller:hover > span {
  color: #fff;
}
@media screen and (max-width: 767px) {
  header .navbar nav .becomeSeller {
    margin-left: 20px;
    width: 85%;
    margin-bottom: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
header .navbar nav .becomeSeller > span {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 100%;
  color: #006ca5;
  padding: 6px 11px;
}
@media screen and (max-width: 767px) {
  header .navbar nav .becomeSeller > span {
    padding: 11px;
  }
}

.location-select {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 14px;
  color: #333;
  position: relative;
  cursor: pointer;
  max-width: 167px;
  min-width: 150px;
  margin-right: 12px;
}
@media screen and (max-width: 767px) {
  .location-select {
    min-width: 200px;
    margin-left: 15px;
  }
}
.location-select .location-map {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .location-select .location-map {
    margin-top: 0;
  }
}
.location-select:after {
  position: absolute;
  content: "\f0d7";
  top: 12px;
  font-family: "Font Awesome 5 Pro";
  right: 0px;
  display: flex;
  width: 24px;
  align-items: center;
  justify-content: center;
  color: #000;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .location-select:after {
    top: 0px;
    right: -7px;
  }
}
.location-select .label {
  font-size: 12px;
  color: #888;
  margin-bottom: 2px;
}
@media screen and (max-width: 767px) {
  .location-select .label {
    margin-right: 5px;
  }
}
.location-select .selected-option {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: nowrap;
  gap: 0px;
  background: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  width: 100%;
  min-width: 100%;
}
@media screen and (max-width: 767px) {
  .location-select .selected-option {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
  }
}
.location-select .selected-option i.icon-chevron::before {
  content: "▾";
}
.location-select .selected-option > span {
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}
.location-select .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 4px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  z-index: 10;
}
.location-select .dropdown-menu .option {
  padding: 6px 10px;
}
.location-select .dropdown-menu .option:hover {
  background: #f0f0f0;
}
.location-select.open .dropdown-menu {
  display: block;
}

body.sidebar-opened .main-content,
body.sidebar-opened header .topheader,
body.sidebar-opened header .headmain {
  filter: blur(5px);
  pointer-events: none;
  user-select: none;
  transition: all 0.5s ease;
}

body.sidebar-opened .navbar.customnav {
  z-index: 1000;
}

.main-content,
header .topheader,
header .headmain {
  transition: all 0.5s ease;
}
.main-content .mobilemenu-btn,
header .topheader .mobilemenu-btn,
header .headmain .mobilemenu-btn {
  margin-left: 5px;
  margin-top: 5px;
}
.main-content .mobilemenu-btn .HeaderToggle_bar__mgX1i,
header .topheader .mobilemenu-btn .HeaderToggle_bar__mgX1i,
header .headmain .mobilemenu-btn .HeaderToggle_bar__mgX1i {
  min-width: 26px;
  height: 2px;
  display: block;
  background-color: #000000;
  transition: all 0.3s ease-in-out;
  margin-bottom: 6px;
  margin-left: 10px;
  margin-right: 13px;
}

.mega-submenu {
  display: none;
  border: 1px solid #ddd;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: opacity 0.2s ease, visibility 0.2s ease;
  padding: 0px;
  margin-top: 10px;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  opacity: 0;
  background-color: #fff;
  visibility: hidden;
}
@media screen and (min-width: 767px) and (max-width: 767.99px) {
  .mega-submenu {
    box-shadow: none;
    border: 0;
  }
}
@media screen and (max-width: 767px) {
  .mega-submenu {
    opacity: 0;
    box-shadow: none;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, max-height 0.3s ease, visibility 0.3s ease;
    position: static;
    border: none;
    box-shadow: none;
    width: 250px;
    opacity: 1;
    visibility: visible;
  }
}
.mega-submenu.active {
  gap: 20px;
  display: block;
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 767px) {
  .mega-submenu.active {
    opacity: 1;
    width: 270px;
    visibility: visible;
    max-height: 500px;
  }
}
.mega-submenu .submenu-content {
  display: block;
  gap: 20px;
}
.mega-submenu .submenu-content .column {
  display: block;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .mega-submenu .submenu-content .column .submenu-items li {
    color: #797979;
  }
}
@media screen and (max-width: 767px) {
  .mega-submenu .submenu-content .column .submenu-items ul {
    padding-left: 8px;
  }
}
.mega-submenu .submenu-content .column.single-column > ul {
  padding-left: 8px;
}
@media screen and (max-width: 767.5px) {
  .mega-submenu .submenu-content .column.single-column > ul {
    padding-left: 0px;
  }
}
.mega-submenu .submenu-content .column ul {
  margin-bottom: 0;
  padding-left: 0;
  padding: 0px;
  padding-bottom: 0px;
}
.mega-submenu .submenu-content .column ul:nth-child(1) {
  margin-top: 10px;
  padding-bottom: 8px;
}
.mega-submenu .submenu-content .column ul li {
  list-style: none;
  margin: 5px 0px;
  padding-left: 20px;
  padding-right: 20px;
  width: 200px;
}
.mega-submenu .submenu-content .column ul li.heading {
  font-weight: 600;
  font-size: 14px;
  color: #212121;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0px 13px;
}
.mega-submenu .submenu-content .column ul li.heading > a {
  font-weight: 600;
  font-size: 16px;
  color: #212121 !important;
  margin-bottom: 10px;
  display: flex;
  text-align: left;
  align-items: center;
  gap: 10px;
  margin-bottom: 0px;
}
.mega-submenu .submenu-content .column ul li.heading > a:hover {
  color: #3498db;
  font-weight: 600;
  transform: scale(0.9);
}
.mega-submenu .submenu-content .column ul li.heading .arrow {
  color: #747983;
  font-size: 12px;
  margin: 0px;
  width: 23px;
  position: relative;
  bottom: 0px;
}
@media (max-width: 768px) {
  .mega-submenu .submenu-content .column ul li.heading .arrow {
    display: none;
  }
}
.mega-submenu .submenu-content .column ul li > a {
  text-decoration: none;
  padding: 5px 0;
  color: #666;
  line-height: 15px;
  font-size: 13px;
  transform: scale(0.9);
  transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
}
.mega-submenu .submenu-content .column ul li > a:hover {
  color: #3498db;
  font-weight: 600;
  transform: scale(1.05);
}
.mega-submenu .submenu-content .column .two-column {
  display: flex;
  gap: 10px;
}
@media screen and (min-width: 240px) and (max-width: 767.99px) {
  .mega-submenu .submenu-content .column .two-column {
    flex-direction: column;
    max-height: 500px;
    overflow-y: auto;
    gap: 0;
  }
}
.mega-submenu .submenu-content .column .two-column .submenu-items:nth-child(even) {
  background-color: #f9f9f9;
}
@media screen and (max-width: 767.99px) {
  .mega-submenu .submenu-content .column .two-column .submenu-items:nth-child(even) {
    background-color: transparent;
  }
}
.mega-submenu .submenu-content .column .two-column ul {
  margin-bottom: 0;
  padding-left: 0;
}
.mega-submenu .submenu-content .column .two-column ul li {
  list-style: none;
}
.mega-submenu .submenu-content .column .two-column ul li > a {
  text-decoration: none;
  z-index: 1000;
}

@media only screen and (min-width: 767px) and (max-width: 767.9px) {
  .menu {
    width: 100%;
  }
  .main-menu {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .main-menu .menu-item > a {
    display: flex;
    justify-content: space-between;
    padding: 12px 16px;
    font-weight: bold;
    cursor: pointer;
  }
  .mega-submenus {
    position: static;
  }
  .mega-submenu {
    display: none;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    padding: 0 10px 12px;
  }
  .mega-submenu.active {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  .submenu-content .column {
    flex-direction: column;
  }
  .submenu-content .column ul {
    position: relative;
  }
}
@media only screen and (min-width: 767px) and (max-width: 767.9px) and (max-width: 767px) {
  .submenu-content .column ul {
    padding-left: 8px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 767.9px) {
  .submenu-content .column ul li {
    position: relative;
    color: #797979 !important;
    font-weight: 600 !important;
  }
  .submenu-content .column ul li > a {
    color: #797979 !important;
    font-weight: 600 !important;
  }
  .submenu-content .column ul li > a:hover {
    color: #006ca5 !important;
  }
}
@media (max-width: 767px) {
  .menu {
    width: 100%;
  }
  .main-menu {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .main-menu .menu-item.active .submenu-new .arrow {
    transform: rotate(180deg);
  }
  .main-menu .menu-item > a {
    display: flex;
    justify-content: space-between;
    padding: 12px 16px;
    font-weight: bold;
    cursor: pointer;
  }
  .mega-submenus {
    position: static;
  }
  .mega-submenu {
    display: none;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    padding: 0 10px 12px;
  }
  .mega-submenu.active {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  .submenu-content .column {
    flex-direction: column;
  }
  .submenu-content .column ul {
    position: relative;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .submenu-content .column ul {
    padding-left: 8px;
  }
}
@media (max-width: 767px) {
  .submenu-content .column ul li {
    position: relative;
    color: #797979 !important;
    font-weight: 600 !important;
    list-style: none;
    margin-bottom: 12px;
  }
  .submenu-content .column ul li > a {
    color: #797979 !important;
    font-weight: 600 !important;
  }
  .submenu-content .column ul li > a:hover {
    color: #006ca5 !important;
  }
}
.search-results {
  display: none;
  position: absolute;
  top: 41px;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 4px;
  margin-top: 5px;
  z-index: 1000;
  overflow: hidden;
}
.search-results ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.search-results ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  cursor: pointer;
}
.search-results ul li > a {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  text-decoration: none;
  color: inherit;
}
.search-results ul li:hover {
  background-color: #eaf7fa;
}
.search-results ul li.search-group-title {
  cursor: default;
  background: #f4f8ff;
  border-top: 1px solid #e7edf7;
  border-bottom: 1px solid #e7edf7;
  padding: 8px 10px;
}
.search-results ul li.search-group-title > span {
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
  color: #5c6e86;
}
.search-results ul li.search-empty-state {
  cursor: default;
}
.search-results ul li.search {
  border: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-results ul li.search .history {
  display: flex;
  align-items: center;
}
.search-results ul li.search i,
.search-results ul li.search img {
  border: 0;
  color: #747983;
  display: flex;
  font-size: 16px;
  margin-left: 10px;
  align-items: center;
}
.search-results ul li.search .search-history > img {
  width: 24px;
  height: 24px;
}
.search-results ul li:last-child {
  border-bottom: none;
}
.search-results ul li img,
.search-results ul li i {
  width: 32px;
  border: 1px solid #ddd;
  border-radius: 6px;
  height: 32px;
  font-size: 20px;
}
.search-results ul li .search-media {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.search-results ul li .search-media img,
.search-results ul li .search-media i {
  width: 32px;
  height: 32px;
  border: 1px solid #ddd;
  border-radius: 6px;
  object-fit: cover;
}
.search-results ul li .search-media i {
  font-size: 15px;
  color: #5f6b7a;
}
.search-results ul li .title {
  font-size: 14px;
  line-height: 100%;
  font-weight: 600;
}
.search-results ul li .subtitle {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  margin-top: 6px;
  color: #006ca5;
}

.child-header:has(+ header),
header:has(+ .child-header) {
  display: none;
}

.child-header {
  display: block;
}
@media screen and (min-width: 768.5px) {
  .child-header {
    display: none;
  }
}
.child-header .header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: fixed;
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 8px;
  padding: 20px 15px;
  z-index: 1025;
  left: 0;
  top: 0;
  border-bottom: 1px solid #dedede;
}
.child-header .header-content .first-section > a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #000;
}
.child-header .header-content .first-section {
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.childmobilemenu-btn {
  margin-left: 5px;
  margin-top: 5px;
}
.childmobilemenu-btn .HeaderToggle_bar__mgX1i {
  min-width: 26px;
  height: 2px;
  display: block;
  background-color: #000000;
  transition: all 0.3s ease-in-out;
  margin-bottom: 6px;
  margin-left: 10px;
  margin-right: 13px;
}

.mobile-arrow {
  display: none;
}

@media screen and (max-width: 767.5px) {
  .innersub-list {
    display: none;
  }
  .submenu {
    padding-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .submenu .heading {
    position: relative;
    display: block !important;
    margin-top: 0 !important;
    padding: 0px 6px !important;
  }
  .submenu .heading .mobile-arrow {
    display: block;
    position: absolute;
    right: -40px;
    top: 0;
    font-size: 16px;
    font-weight: 300;
  }
  .submenu .heading.active .mobile-arrow {
    transform: rotate(90deg);
  }
}
@font-face {
  font-family: "Inter";
  src: url("../font/Inter-Regular.woff2") format("woff2"), url("../font/Inter-Regular.woff") format("woff"), url("../font/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../font/Inter/Inter18pt-Medium.woff2") format("woff2"), url("../font/Inter/Inter18pt-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.footer {
  background: #0b254e;
  color: #fff;
  padding: 50px;
}
@media screen and (max-width: 767px) {
  .footer {
    padding: 50px 30px;
  }
}
@media screen and (min-width: 240px) and (max-width: 600px) {
  .footer {
    padding: 50px 12px;
  }
}
.footer .footer__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  .footer .footer__container {
    gap: 8px 4px;
  }
}
@media screen and (max-width: 767px) {
  .footer .footer__container {
    gap: 1rem;
  }
}
.footer .footer__container .footer__column {
  flex: auto;
}
.footer .footer__container .footer__column:nth-child(1) {
  flex: 1 1 362px;
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  .footer .footer__container .footer__column:nth-child(1) {
    flex: 1 1 420px;
  }
}
@media screen and (min-width: 900px) and (max-width: 932px) {
  .footer .footer__container .footer__column:nth-child(1) {
    flex: 1 1 370px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1100px) {
  .footer .footer__container .footer__column:nth-child(1) {
    flex: 1 1 400px;
  }
}
.footer .footer__container .footer__column:nth-child(1) > p {
  max-width: 300px;
}
@media screen and (max-width: 767px) {
  .footer .footer__container .footer__column {
    flex: auto;
    width: 100%;
  }
}
.footer .footer__container .footer__column h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  line-height: normal;
  font-family: "Inter", sans-serif;
  font-style: normal;
  margin-bottom: 18px;
}
.footer .footer__container .footer__column p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}
.footer .footer__container .footer__column ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0px;
}
.footer .footer__container .footer__column ul li {
  margin: 8px 0px;
  line-height: 22px;
  margin-bottom: 14px;
}
@media screen and (max-width: 767px) {
  .footer .footer__container .footer__column ul li {
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
.footer .footer__container .footer__column ul li > a {
  font-size: 16px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  color: #fff !important;
  text-decoration: none;
  cursor: pointer;
}
.footer .footer__container .footer__column ul li span {
  margin-right: 0.5rem;
}
.footer .footer__bottom {
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 1800px) {
  .footer .footer__bottom {
    max-width: 1600px;
  }
}
@media screen and (min-width: 500px) and (max-width: 767px) {
  .footer .footer__bottom .custom-column {
    position: relative;
    width: 245px;
  }
}
.footer .footer__bottom .footer__logo {
  flex: 1 1 362px;
}
.footer .footer__bottom .footer__logo img {
  width: 150px;
}
@media screen and (min-width: 1268px) and (max-width: 1440px) {
  .footer .footer__bottom .col-md-4 {
    flex: 0 0 auto;
    width: 34.343333%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1268px) {
  .footer .footer__bottom .col-md-4 {
    flex: 0 0 auto;
    width: 36.343333%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1199px) {
  .footer .footer__bottom .col-md-4 {
    flex: 0 0 auto;
    width: 39.343333%;
  }
}
.footer .footer__bottom .footer__social p {
  margin-bottom: 20px;
}
.footer .footer__bottom .footer__social ul {
  display: flex;
  gap: 11px;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.footer .footer__bottom .footer__social ul li {
  border: 1px solid #747983;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 13px;
  cursor: pointer;
  width: 34px;
  height: 34px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.footer .footer__bottom .footer__social ul li:hover {
  color: #0af;
}
@media screen and (max-width: 767px) {
  .footer .footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer .footer__bottom .footer__logo {
    flex: 1 1 100%;
    margin-bottom: 1rem;
  }
  .footer .footer__bottom .footer__logo img {
    margin-bottom: 10px;
  }
  .footer .footer__bottom .footer__social {
    width: 100%;
    margin-left: 10px;
  }
}
.footer .footer__column ul {
  display: block;
}
@media only screen and (min-width: 769px) and (max-width: 799px) {
  .footer .footer__column.last-childmenu {
    margin-right: -21px;
  }
}
@media only screen and (min-width: 810px) and (max-width: 839px) {
  .footer .footer__column.last-childmenu {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 864px) and (max-width: 915px) {
  .footer .footer__column.last-childmenu {
    margin-right: -8px;
  }
}
@media only screen and (min-width: 840px) and (max-width: 915px) {
  .footer .footer__column.last-childmenu {
    margin-right: 6px;
  }
}
@media only screen and (min-width: 933px) and (max-width: 998px) {
  .footer .footer__column.last-childmenu {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1035px) {
  .footer .footer__column.last-childmenu {
    margin-right: -7px;
  }
}
.footer .footer__column .footer-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
@media only screen and (min-width: 200px) and (max-width: 767px) {
  .footer .footer__column .footer-toggle {
    cursor: pointer;
    border-bottom: 1px solid #eaf7fa;
    padding-bottom: 14px;
  }
  .footer .footer__column .footer-toggle .toggle-ico {
    display: block !important;
  }
}
.footer .footer__column .footer-toggle h3 {
  margin-bottom: 14px;
}
.footer .footer__column .footer-toggle .toggle-icon {
  font-size: 20px;
  transition: transform 0.3s ease;
}
.footer .footer__column .footer-toggle.open .toggle-icon {
  transform: rotate(90deg);
}
@media (max-width: 767px) {
  .footer .footer__column ul {
    display: none;
  }
  .footer .footer-toggle.open + ul {
    display: block;
  }
}

.footer-bottom {
  background: #0b254e;
  color: #fff;
  padding: 16px 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #375580;
}
.footer-bottom__left, .footer-bottom__center, .footer-bottom__right {
  margin: 0.5rem 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #fff;
}
.footer-bottom__center {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}
.footer-bottom__center a {
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #fff !important;
}
.footer-bottom__center a:hover {
  text-decoration: underline;
  color: #fff;
}
.footer-bottom__right {
  display: flex;
  gap: 29px;
  align-items: center;
}
.footer-bottom__right img {
  height: 28px;
  width: 28px;
}
@media (max-width: 998px) {
  .footer-bottom {
    flex-direction: column;
    text-align: center;
    padding: 16px 13px;
  }
  .footer-bottom__center {
    justify-content: center;
    gap: 8px;
  }
  .footer-bottom__right {
    justify-content: center;
  }
}

.catagorypage .header-section .details .add-read-more {
  font-weight: 400;
  font-size: 12px;
  color: #606060;
  margin-bottom: 0;
}

.catagorypage .homeslider {
  padding: 0px 40px;
}
@media only screen and (min-width: 1504px) and (max-width: 1799px) {
  .catagorypage .homeslider {
    padding: 0px;
    max-width: 1440px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1800px) {
  .catagorypage .homeslider {
    padding: 0px;
  }
}
@media screen and (max-width: 767px) {
  .catagorypage .homeslider {
    padding: 0px;
  }
}
@media screen and (max-width: 767px) {
  .catagorypage .breadcrumb-parent {
    padding: 0px 25px;
  }
}
@media screen and (min-width: 767px) and (max-width: 767.99px) {
  .catagorypage .breadcrumb-parent {
    padding: 0px 44px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1499px) {
  .catagorypage .breadcrumb-parent {
    padding: 0px 44px;
  }
}
@media screen and (max-width: 767px) {
  .catagorypage .breadcrumb-parent .template {
    padding: 0px;
  }
}
.catagorypage .Enquired-sections .template {
  position: relative;
}
@media screen and (max-width: 767px) {
  .catagorypage .Enquired-sections .template .contents {
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .catagorypage .top-stories {
    padding: 20px;
  }
}
.catagorypage .header-section .details {
  padding: 20px 3px;
}
@media only screen and (min-width: 320px) and (max-width: 1490px) {
  .catagorypage .header-section .details {
    padding: 20px 45px;
  }
}
@media only screen and (min-width: 1490px) and (max-width: 1800px) {
  .catagorypage .header-section .details {
    padding: 20px 6px;
  }
}
@media screen and (max-width: 767px) {
  .catagorypage .header-section .details {
    padding: 20px;
  }
}
.catagorypage .header-section .details .readmore-text {
  color: #697277;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
}
.catagorypage .header-section .details .show-less-content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 4.5em;
  line-height: 1.5em;
}
.catagorypage .header-section .details .show-less-content.expanded {
  -webkit-line-clamp: unset;
  max-height: none;
  overflow: visible;
}
.catagorypage .header-section .details .readmore-toggle {
  color: #697277;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  cursor: pointer;
  line-height: normal;
}
.catagorypage .categoryWidget {
  padding: 0px 45px;
}
@media screen and (max-width: 767px) {
  .catagorypage .categoryWidget {
    padding: 0px 20px;
  }
}
@media screen and (max-width: 767px) {
  .catagorypage .categoryWidget .template {
    padding: 0px;
  }
}
.catagorypage .categoryWidget .templateContainer {
  background-color: #eaf7fa;
  padding: 40px 50px;
  margin-bottom: 30px;
  padding: 14px;
}
.catagorypage .categoryWidget .templateContainer .categoryoption-slider {
  max-width: 1440px;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media screen and (min-width: 1800px) {
  .catagorypage .categoryWidget .templateContainer .categoryoption-slider {
    max-width: min(100vw, 100%);
    width: 100%;
  }
}
@media screen and (min-width: 800px) and (max-width: 999px) {
  .catagorypage .categoryWidget .templateContainer .categoryoption-slider {
    padding: 0px 20px;
  }
}
@media screen and (max-width: 767px) {
  .catagorypage .categoryWidget .templateContainer .categoryoption-slider {
    padding: 0px 13px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  .catagorypage .categoryWidget .templateContainer .categoryoption-slider {
    padding: 0px 10px;
  }
}
.catagorypage .categoryWidget .templateContainer .categoryoption-slider .slick-list .category-item {
  width: 154px;
  margin: 0 9px;
  padding: 0px;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  .catagorypage .categoryWidget .templateContainer .categoryoption-slider .slick-list .category-item {
    width: 67px;
  }
}
@media screen and (min-width: 1800px) {
  .catagorypage .categoryWidget .templateContainer .categoryoption-slider .slick-list .category-item {
    width: 180px;
  }
}
.catagorypage .categoryWidget .templateContainer .categoryoption-slider .slick-list .category-item > img {
  width: 149px;
  height: 149px;
  display: flex;
  padding: 8px 7px 8px 8px;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  .catagorypage .categoryWidget .templateContainer .categoryoption-slider .slick-list .category-item > img {
    width: 80px;
    height: 80px;
  }
}
.catagorypage .categoryWidget .templateContainer .categoryoption-slider .slick-list .category-item > p {
  display: flex;
  width: 149px;
  padding: 8px 7px 8px 8px;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0px;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  .catagorypage .categoryWidget .templateContainer .categoryoption-slider .slick-list .category-item > p {
    width: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    min-width: 80px;
    display: block;
  }
}
.catagorypage .categoryWidget .templateContainer .categoryoption-slider .slick-arrow {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .catagorypage .categoryWidget .templateContainer .categoryoption-slider .slick-arrow {
    width: 28px;
    height: 28px;
  }
}
.catagorypage .categoryWidget .templateContainer .categoryoption-slider .slick-arrow.slick-disabled {
  display: none !important;
}
.catagorypage .categoryWidget .templateContainer .categoryoption-slider .slick-arrow:before {
  position: absolute;
  content: "";
  background-image: url("../images/slider/arrow_right_alt.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.catagorypage .categoryWidget .templateContainer .categoryoption-slider .slick-prev {
  left: 0;
  transform: rotate(180deg);
  top: 60px;
}
@media screen and (max-width: 767px) {
  .catagorypage .categoryWidget .templateContainer .categoryoption-slider .slick-prev {
    left: 14px;
    top: 45px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  .catagorypage .categoryWidget .templateContainer .categoryoption-slider .slick-prev {
    left: 0;
    top: 30px;
  }
}
.catagorypage .categoryWidget .templateContainer .categoryoption-slider .slick-next {
  right: 0;
  top: 73px;
}
@media screen and (max-width: 767px) {
  .catagorypage .categoryWidget .templateContainer .categoryoption-slider .slick-next {
    right: 14px;
    top: 59px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  .catagorypage .categoryWidget .templateContainer .categoryoption-slider .slick-next {
    top: 40px;
    right: 0;
  }
}
.catagorypage .categoryWidget .templateContainer .categoryoptions-slider {
  max-width: 1440px;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media screen and (min-width: 1800px) {
  .catagorypage .categoryWidget .templateContainer .categoryoptions-slider {
    max-width: min(100vw, 100%);
    width: 100%;
  }
}
@media screen and (min-width: 800px) and (max-width: 999px) {
  .catagorypage .categoryWidget .templateContainer .categoryoptions-slider {
    padding: 0px 20px;
  }
}
@media screen and (max-width: 767px) {
  .catagorypage .categoryWidget .templateContainer .categoryoptions-slider {
    padding: 0px 13px;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  .catagorypage .categoryWidget .templateContainer .categoryoptions-slider {
    padding: 0px 10px;
  }
}
.catagorypage .categoryWidget .templateContainer .categoryoptions-slider .category-item {
  width: 154px;
  margin: 0 9px;
  padding: 0px;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  .catagorypage .categoryWidget .templateContainer .categoryoptions-slider .category-item {
    width: 67px;
  }
}
@media screen and (min-width: 1800px) {
  .catagorypage .categoryWidget .templateContainer .categoryoptions-slider .category-item {
    width: 180px;
  }
}
.catagorypage .categoryWidget .templateContainer .categoryoptions-slider .category-item.active > a > img {
  border: 2px solid #1289a4;
}
.catagorypage .categoryWidget .templateContainer .categoryoptions-slider .category-item > a > img {
  width: 149px;
  height: 149px;
  display: flex;
  padding: 8px 7px 8px 8px;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.catagorypage .categoryWidget .templateContainer .categoryoptions-slider .category-item > a > img:hover {
  -webkit-transform: scale(0.99);
  transform: scale(0.99);
}
.catagorypage .categoryWidget .templateContainer .categoryoptions-slider .category-item > a > img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  .catagorypage .categoryWidget .templateContainer .categoryoptions-slider .category-item > a > img {
    width: 80px;
    height: 80px;
  }
}
.catagorypage .categoryWidget .templateContainer .categoryoptions-slider .category-item > a > p {
  display: flex;
  width: 149px;
  padding: 8px 7px 8px 8px;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0px;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  .catagorypage .categoryWidget .templateContainer .categoryoptions-slider .category-item > a > p {
    width: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    min-width: 80px;
    display: block;
  }
}
.catagorypage .categoryWidget .templateContainer .categoryoptions-slider:hover .swiper-button-next {
  display: flex !important;
}
.catagorypage .categoryWidget .templateContainer .categoryoptions-slider .swiper-button-next {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 45%;
  right: 20px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
  display: none;
}
@media screen and (max-width: 767px) {
  .catagorypage .categoryWidget .templateContainer .categoryoptions-slider .swiper-button-next {
    top: 50%;
    right: 0;
  }
}
.catagorypage .categoryWidget .templateContainer .categoryoptions-slider .swiper-button-next.swiper-button-disabled {
  display: none;
}
.catagorypage .categoryWidget .templateContainer .categoryoptions-slider .swiper-button-next::after {
  content: "\f061";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}
.catagorypage .categoryWidget .templateContainer .categoryoptions-slider .swiper-button-prev {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 45%;
  right: 0px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
}
@media screen and (max-width: 767px) {
  .catagorypage .categoryWidget .templateContainer .categoryoptions-slider .swiper-button-prev {
    top: 50%;
  }
}
.catagorypage .categoryWidget .templateContainer .categoryoptions-slider .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.catagorypage .categoryWidget .templateContainer .categoryoptions-slider .swiper-button-prev::after {
  content: "\f060";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}
.catagorypage .catagories-filtersection {
  padding: 0px 45px;
}
@media screen and (min-width: 767px) and (max-width: 767.99px) {
  .catagorypage .catagories-filtersection .custom-width-left {
    flex: 0 0 auto;
    width: 35.33333333%;
  }
  .catagorypage .catagories-filtersection .custom-width-right {
    flex: 0 0 auto;
    width: 64.33333333%;
  }
  .catagorypage .catagories-filtersection .full-custom-width {
    width: 100%;
  }
  .catagorypage .catagories-filtersection .filter-section .d-md-none {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .catagorypage .catagories-filtersection {
    padding: 0px;
  }
  .catagorypage .catagories-filtersection .template {
    padding: 0px 25px;
  }
  .catagorypage .catagories-filtersection .filter-section {
    margin-bottom: 19px;
    border: 1px solid #ddd;
  }
  .catagorypage .catagories-filtersection .filter-section .btn:nth-child(1) {
    position: relative;
    border-radius: 0;
  }
  .catagorypage .catagories-filtersection .filter-section .btn:nth-child(1)::after {
    content: "";
    border-right: 1px solid #ddd;
    height: 30px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 7px;
  }
  .catagorypage .catagories-filtersection .filter-section .btn-transparent {
    height: 40px;
    border: 0;
    width: 50%;
    font-size: 15px;
  }
  .catagorypage .catagories-filtersection .filter-section .btn-transparent > span {
    margin-right: 12px;
  }
  .catagorypage .catagories-filtersection .filter-section .btn-transparent.openFilter_catagories {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
  }
  .catagorypage .catagories-filtersection .filter-section .btn-transparent.openFilter_catagories .filer-more {
    position: relative;
  }
  .catagorypage .catagories-filtersection .filter-section .btn-transparent.openFilter_catagories .count-number {
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    background-color: #006ca5;
    position: absolute;
    right: 15px;
    bottom: 6px;
    padding: 0px;
    min-width: 21px;
    min-height: 21px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.catagorypage .catagories-filtersection .categories-Relevance.card {
  border: 0px;
}
@media screen and (max-width: 767px) {
  .catagorypage .catagories-filtersection .categories-Relevance.card .tags-container .head {
    display: none;
  }
}
.catagorypage .catagories-filtersection .categories-Relevance .filter-checkbox {
  display: none;
}
@media (max-width: 768px) {
  .catagorypage .catagories-filtersection .categories-Relevance .filter-checkbox {
    display: inline-block;
    margin-right: 6px;
  }
}
.catagorypage .catagories-filtersection .filter-tags {
  display: flex;
  padding: 14px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
}
@media screen and (min-width: 767px) and (max-width: 767.99px) {
  .catagorypage .catagories-filtersection .filter-tags {
    display: block !important;
  }
}
.catagorypage .catagories-filtersection .filter-tags .tags-container {
  margin-bottom: 19px;
  min-height: 115px;
  overflow: hidden;
  height: 100px;
}
.catagorypage .catagories-filtersection .filter-tags .tags-container.expanded {
  overflow-y: scroll;
  height: 180px;
}
.catagorypage .catagories-filtersection .filter-tags .tags-container.expanded::-webkit-scrollbar {
  width: 6px;
}
.catagorypage .catagories-filtersection .filter-tags .tags-container.expanded::-webkit-scrollbar-track {
  background: transparent;
}
.catagorypage .catagories-filtersection .filter-tags .tags-container.expanded::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}
.catagorypage .catagories-filtersection .filter-tags .tags-container.expanded::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
.catagorypage .catagories-filtersection .filter-tags .tags-container.expanded {
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}
.catagorypage .catagories-filtersection .filter-tags .tags-container.expanded .tag {
  display: block;
}
.catagorypage .catagories-filtersection .filter-tags .tags-container.show-all {
  min-height: 200px;
  overflow: auto;
  height: 200px;
}
.catagorypage .catagories-filtersection .filter-tags .tags-container .tag {
  display: none;
}
.catagorypage .catagories-filtersection .filter-tags .tags-container.show-all .tag {
  display: inline-flex;
}
.catagorypage .catagories-filtersection .filter-tags .tags-container .tag:nth-child(-n+5) {
  display: inline-flex;
  align-items: center;
}
.catagorypage .catagories-filtersection .filter-tags .menu {
  margin-bottom: 19px;
  width: 100%;
}
.catagorypage .catagories-filtersection .filter-tags .menu .head {
  color: #000000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.catagorypage .catagories-filtersection .filter-tags .menu .clear {
  font-weight: 600;
  font-size: 14px;
  color: #006ca5;
  text-decoration: none;
  cursor: pointer;
}
.catagorypage .catagories-filtersection .filter-tags .menu .clear:hover {
  text-decoration: underline;
}
.catagorypage .catagories-filtersection .filter-tags .tag {
  display: flex;
  padding: 2px 4px;
  align-items: flex-start;
  gap: 10px;
  border-radius: 3px;
  background: #d4e4eb;
}
.catagorypage .catagories-filtersection .filter-tags .tag .text {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.catagorypage .catagories-filtersection .filter-tags .tag .remove-tag {
  cursor: pointer;
  color: #797979;
  font-weight: bold;
  font-size: 17px;
}
.catagorypage .catagories-filtersection .filter-tags .show-more {
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
  color: #006ca5;
}
.catagorypage .catagories-filtersection .categories-card {
  display: flex;
  padding: 6px 14px;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  margin-top: 19px;
}
.catagorypage .catagories-filtersection .categories-card.card {
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  margin-bottom: 19px;
}
.catagorypage .catagories-filtersection .categories-card .heading {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.catagorypage .catagories-filtersection .categories-card .radio-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 10px;
}
.catagorypage .catagories-filtersection .categories-card .radio-list .label-text {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.catagorypage .catagories-filtersection .categories-card .radio-list .listing-contents ul {
  margin-top: 23px;
  margin-left: -10px;
}
.catagorypage .catagories-filtersection .categories-card .radio-list .listing-contents ul li {
  color: #697277;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  list-style: none;
  margin-bottom: 19px;
  transition: color 0.3s ease, transform 0.3s ease;
  display: flex;
}
.catagorypage .catagories-filtersection .categories-card .radio-list .listing-contents ul li:hover {
  color: #0496c7;
  transform: translateX(1px);
}
.catagorypage .catagories-filtersection .categories-card .radio-list .checkbox-item {
  cursor: pointer;
  position: relative;
  padding: 10px 0px;
  gap: 10px;
}
.catagorypage .catagories-filtersection .categories-card .radio-list .checkbox-item .items {
  display: flex;
  align-items: center;
  gap: 5px;
}
.catagorypage .catagories-filtersection .categories-card .radio-list input[type=checkbox] {
  display: none;
}
.catagorypage .catagories-filtersection .categories-card .radio-list .custom-checkbox {
  display: inline-block;
  width: 16px;
  border-radius: 50%;
  height: 16px;
  border: 2px solid #747983;
  margin-right: 8px;
  position: relative;
}
.catagorypage .catagories-filtersection .categories-card .radio-list input[type=checkbox]:checked + .custom-checkbox::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background: #006ca5;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.catagorypage .catagories-filtersection .categories-card .radio-list .child-checkbox {
  margin-left: 0px;
  padding-left: 0px;
}
.catagorypage .catagories-filtersection .categories-card .radio-list .child-checkbox .custom-checkbox {
  display: inline-block;
  width: 16px;
  border-radius: 50%;
  height: 16px;
  border: 2px solid #747983;
  margin-right: 8px;
  position: relative;
}
.catagorypage .catagories-filtersection .categories-card .radio-list .child-checkbox input[type=checkbox]:checked + .custom-checkbox::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background: #006ca5;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.catagorypage .catagories-filtersection .price-range {
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  margin-bottom: 19px;
  background: transparent;
  padding: 20px;
  width: 100%;
  border-radius: 8px;
  color: #000000;
  width: 100%;
}
.catagorypage .catagories-filtersection .price-range .price-contents .title {
  display: flex;
  gap: 5px;
  margin-bottom: 15px;
}
.catagorypage .catagories-filtersection .price-range .price-contents .title > h2 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 15px;
}
.catagorypage .catagories-filtersection .price-range .price-contents .title .currency {
  color: var(--grey1, #747983);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.catagorypage .catagories-filtersection .price-range .price-input {
  width: 100%;
  display: flex;
  padding-top: 30px;
}
.catagorypage .catagories-filtersection .price-range .price-input .field {
  display: flex;
  width: 100%;
  height: 45px;
  align-items: center;
}
.catagorypage .catagories-filtersection .price-range .field input {
  width: 100%;
  height: 100%;
  outline: none;
  text-align: center;
  -moz-appearance: textfield;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.catagorypage .catagories-filtersection .price-range input[type=number]::-webkit-outer-spin-button,
.catagorypage .catagories-filtersection .price-range input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.catagorypage .catagories-filtersection .price-range .price-input .separator {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.catagorypage .catagories-filtersection .price-range .slider {
  height: 5px;
  position: relative;
  background: #b6bfd0;
  border-radius: 5px;
}
.catagorypage .catagories-filtersection .price-range .slider .progress {
  height: 100%;
  left: 0;
  right: 16%;
  margin-top: 0;
  position: absolute;
  border-radius: 5px;
  background: #006ca5;
}
.catagorypage .catagories-filtersection .price-range .range-input {
  position: relative;
}
.catagorypage .catagories-filtersection .price-range .range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.catagorypage .catagories-filtersection .price-range input[type=range]::-webkit-slider-thumb {
  height: 22px;
  width: 22px;
  border-radius: 50%;
  border: 1px solid #006ca5;
  background-color: #fff;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.catagorypage .catagories-filtersection .price-range input[type=range]::-moz-range-thumb {
  height: 22px;
  width: 22px;
  border: none;
  border-radius: 50%;
  border: 1px solid #006ca5;
  background: #fff;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.catagorypage .filter-section .filter-card {
  border-radius: 8px;
  border: 1px solid #cdcdcd;
  margin-bottom: 1rem;
  overflow: hidden;
}
.catagorypage .filter-section .filter-card .filter-header {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 14px;
  gap: 10px;
}
.catagorypage .filter-section .filter-card .filter-header > span {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.catagorypage .filter-section .filter-card .filter-header {
  cursor: pointer;
}
.catagorypage .filter-section .filter-card .filter-header.collapsed .toggle-icon {
  transform: rotate(180deg);
}
.catagorypage .filter-section .filter-card .filter-header .toggle-icon {
  background: #f1f9fd;
  border-radius: 50%;
  padding: 4px;
  font-size: 26px;
  transition: transform 0.3s ease;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.catagorypage .filter-section .filter-card .filter-body {
  padding: 0.75rem 1rem;
  max-height: 400px;
  overflow-y: auto;
}
.catagorypage .filter-section .filter-card .filter-body .form-check {
  margin-bottom: 0.5rem;
}
.catagorypage .filter-section .filter-card .filter-body .form-check .form-check-input {
  margin-right: 0.5rem;
  border-radius: 4px;
  cursor: pointer;
}
.catagorypage .filter-section .filter-card .filter-body .form-check .form-check-input:checked {
  background-color: #0496c7 !important;
  border-color: #0496c7 !important;
}
.catagorypage .filter-section .filter-card .filter-body .form-check .form-check-input:focus {
  outline: none;
  box-shadow: none;
  border-color: #d9d9d9;
}
.catagorypage .filter-section .filter-card .filter-body .form-check .form-check-label {
  cursor: pointer;
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.catagorypage .catagories-listitems .heading-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 26px;
  flex-wrap: wrap;
  position: relative;
}
@media screen and (max-width: 767px) {
  .catagorypage .catagories-listitems .heading-section {
    margin-top: 16px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px) {
  .catagorypage .catagories-listitems .heading-section {
    flex-wrap: nowrap;
  }
}
.catagorypage .catagories-listitems .heading-section .text-section {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 860px) and (max-width: 999px) {
  .catagorypage .catagories-listitems .heading-section .text-section {
    flex: none;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1167px) {
  .catagorypage .catagories-listitems .heading-section .text-section {
    max-width: 400px;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  .catagorypage .catagories-listitems .heading-section .text-section {
    margin-bottom: 12px;
    max-width: 70%;
  }
}
.catagorypage .catagories-listitems .heading-section .text-section h4 {
  color: #000000;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media screen and (min-width: 320px) and (max-width: 700px) {
  .catagorypage .catagories-listitems .heading-section .text-section h4 {
    font-size: 16px;
  }
}
.catagorypage .catagories-listitems .heading-section .text-section span {
  color: #747983;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .catagorypage .catagories-listitems .heading-section .text-section span {
    font-size: 13px;
  }
}
.catagorypage .catagories-listitems .heading-section .actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (min-width: 320px) and (max-width: 507px) {
  .catagorypage .catagories-listitems .heading-section .actions {
    justify-content: space-between;
    width: 100%;
    position: absolute;
    bottom: 37px;
  }
}
@media screen and (min-width: 508px) and (max-width: 767px) {
  .catagorypage .catagories-listitems .heading-section .actions {
    bottom: 0px;
    justify-content: space-between;
    width: 100%;
    position: absolute;
  }
}
@media screen and (min-width: 240px) and (max-width: 767px) {
  .catagorypage .catagories-listitems .heading-section .actions .sort-dropdown {
    display: none;
  }
}
.catagorypage .catagories-listitems .heading-section .actions .sort-dropdown .btn {
  display: flex;
  height: 40px;
  align-items: center;
  color: #333;
  font-weight: 500;
  border: 1px solid #eeeeee;
}
.catagorypage .catagories-listitems .heading-section .actions .sort-dropdown .dropdown-menu {
  min-width: 180px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
}
.catagorypage .catagories-listitems .heading-section .actions .sort-dropdown .dropdown-menu .dropdown-item {
  padding: 0.5rem 1rem;
}
.catagorypage .catagories-listitems .heading-section .actions .sort-dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #f1f1f1;
}
.catagorypage .catagories-listitems .heading-section .actions .view-designs {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
}
.catagorypage .catagories-listitems .heading-section .actions .view-designs .btn-grid {
  display: flex;
  width: auto;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.catagorypage .catagories-listitems .heading-section .actions .view-designs .btn-grid:focus {
  box-shadow: none;
}
.catagorypage .catagories-listitems .heading-section .actions .view-designs .btn-grid.selected {
  background-color: #eeeeee;
}
.catagorypage .catagories-listitems .heading-section .actions .view-designs .btn-grid > img {
  width: 24px;
  height: 24px;
}
.catagorypage .catagories-listitems .heading-section .actions .view-designs .btn-split {
  border: 1px solid #ddd;
  border-radius: 0;
}
.catagorypage .catagories-listitems .heading-section .actions .view-designs .btn-split:focus {
  box-shadow: none;
}
.catagorypage .catagories-listitems .heading-section .actions .view-designs .btn-split.selected {
  background-color: #eeeeee;
}
.catagorypage .catagories-listitems .view-sections .listview-divider {
  background-color: #fff;
  padding: 0px 0px;
  margin-bottom: 14px;
  border-bottom: 13px solid #eeeeee;
}
@media only screen and (min-width: 436px) and (max-width: 575px) {
  .catagorypage .catagories-listitems .view-sections .listview-divider .col-sm-6 {
    width: 50%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 575px) {
  .catagorypage .catagories-listitems .view-sections .listview-divider .two-columngrid {
    padding: 0px 4px;
    width: 50%;
  }
  .catagorypage .catagories-listitems .view-sections .listview-divider .two-columngrid.list-view-theme {
    width: 100%;
  }
}
.catagorypage .catagories-listitems .view-sections .list-view-theme .rating {
  display: flex;
  gap: 10px;
  justify-content: normal !important;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
}
.catagorypage .catagories-listitems .view-sections .list-view-theme .product-status {
  transform: translateX(-50%);
  transform: translateY(-50px) !important;
  -webkit-transform: translateY(-50px) !important;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme.col-sm-6 {
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 1171px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .custom-grid {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
}
.catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .form-check {
  position: relative;
  margin-left: 0px;
}
@media screen and (min-width: 1172px) and (max-width: 2000px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .form-check {
    margin-left: 15px;
    position: absolute;
    right: 0px;
    bottom: -16px;
    width: 100%;
  }
}
.catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .product-img {
  margin-bottom: 0px;
}
.catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .catagories-topsection {
  position: absolute;
  display: flex;
  align-items: center;
  justify-self: center;
  top: 0px;
  justify-content: space-between;
  width: 60%;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .catagories-topsection {
    width: 95%;
  }
}
@media screen and (min-width: 599px) and (max-width: 1199px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .catagories-topsection {
    width: 95%;
  }
}
.catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .catagories-topsection .badge,
.catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .catagories-topsection .wishlist-icon {
  position: relative;
}
.catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .title {
  width: 50%;
  min-width: 90%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details .cart-actions {
  width: 100%;
}
.catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details .cart-actions .add-to-cart-btn {
  width: 213px;
}
@media screen and (min-width: 320px) and (max-width: 434px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details .cart-actions .add-to-cart-btn {
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 1171px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details .cart-actions {
    flex-direction: row-reverse;
    justify-content: flex-end !important;
    padding: 0px 20px;
    align-items: end !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 1171px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details .cart-actions .actions {
    display: flex;
    flex-direction: column-reverse;
    padding-left: 10px;
  }
}
.catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details .addinfo-text {
  width: max-content;
}
.catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a {
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-wrap: wrap;
  padding: 10px;
  position: relative;
}
.catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a > div:nth-child(3) {
  flex: 25% 0 0;
  display: block;
}
@media screen and (min-width: 1168px) and (max-width: 1200px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a > div:nth-child(3) {
    display: flex;
    flex: 36% 0 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 1000px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a > div:nth-child(3) {
    display: flex !important;
    gap: 0px !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 1067px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a > div:nth-child(3) {
    flex: 1;
    display: flex;
  }
}
@media screen and (min-width: 1068px) and (max-width: 1168px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a > div:nth-child(3) {
    display: flex;
    flex: 84% 0 0;
  }
}
@media screen and (min-width: 1168px) and (max-width: 1200px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a > div:nth-child(3) {
    display: flex;
    flex: 30% 0 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a > div:nth-child(1) {
    flex: 35% 0 0;
  }
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a > div:nth-child(3) {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 12px;
    flex: auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a .add-to-cart-btn {
    margin-bottom: 0px;
  }
}
.catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a .product-details {
  flex: 45% 0 0;
}
@media screen and (min-width: 200px) and (max-width: 319px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a .product-details {
    flex: 100% 0 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a .product-details {
    flex: 100% 0 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 700px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a .product-details {
    flex: 50% 0 0;
  }
}
@media screen and (min-width: 714px) and (max-width: 767px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a .product-details {
    flex: 68% 0 0;
  }
}
@media screen and (min-width: 910px) and (max-width: 999px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a .product-details {
    flex: 54% 0 0;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1173px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a .product-details {
    flex: 60% 0 0;
  }
}
@media only screen and (min-width: 1173px) and (max-width: 1200px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a .product-details {
    flex: 40% 0 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .catagorypage .catagories-listitems .view-sections .list-view-theme .product-grid .product-card .details > a .product-details {
    flex: 60% 0 0;
  }
}
.catagorypage .catagories-listitems .view-sections .product-grid {
  height: 100%;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card {
  height: calc(100% - 20px);
  position: relative;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 0px;
  padding: 15px;
  text-align: left;
  transition: box-shadow 0.3s;
  margin-bottom: 19px;
}
@media screen and (max-width: 767px) {
  .catagorypage .catagories-listitems .view-sections .product-grid .product-card {
    margin-bottom: 19px;
    padding: 0px;
  }
}
@media screen and (min-width: 320px) and (max-width: 699px) {
  .catagorypage .catagories-listitems .view-sections .product-grid .product-card {
    position: relative;
    padding: 0px 6px;
  }
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .form-check {
  position: relative;
  margin-left: 15px;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .form-check .form-check-input {
  border-radius: 0px;
  border: 1px solid #747983;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .form-check .form-check-input:focus {
  box-shadow: none;
  outline: none;
  border-color: #747983;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card > a {
  text-decoration: none;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .details {
  padding: 10px;
}
@media screen and (min-width: 320px) and (max-width: 699px) {
  .catagorypage .catagories-listitems .view-sections .product-grid .product-card .details {
    padding: 0px;
  }
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .details .sponsored {
  margin-bottom: 8px;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .details .sponsored .Sponsored-text {
  overflow: hidden;
  color: #858585;
  text-overflow: ellipsis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .badge {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #00a640;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .badge.danger {
  background-color: #f54545;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .badge.Exclusive {
  background-color: #2591d4;
  color: #fff;
  padding: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .wishlist-icon {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  cursor: pointer;
}
@media only screen and (min-width: 320px) and (max-width: 575px) {
  .catagorypage .catagories-listitems .view-sections .product-grid .product-card .wishlist-icon {
    font-size: 16px;
  }
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .product-imgs {
  position: relative;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .product-img {
  width: 100%;
  height: 199px;
  margin-bottom: 37px;
  object-fit: contain;
  margin-top: 17px;
  position: relative;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .product-img:hover {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
@media screen and (max-width: 767px) {
  .catagorypage .catagories-listitems .view-sections .product-grid .product-card .product-img {
    margin-bottom: 8px;
    height: 100%;
    margin-top: 40px;
  }
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .product-status {
  width: 90%;
  font-size: 14px;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
  padding: 10px 15px;
  pointer-events: none;
  position: absolute;
  left: 0;
  color: #d23276;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transform: translateY(-70px);
  -webkit-transform: translateY(-70px);
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .product-status.comingsoon {
  color: #388e3c;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-align: start;
  color: #000000;
  margin-bottom: 6px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 245px;
  min-width: 100%;
  width: 140px;
}
@media only screen and (min-width: 320px) and (max-width: 699px) {
  .catagorypage .catagories-listitems .view-sections .product-grid .product-card .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 12px;
  }
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .title:hover {
  color: #0496c7;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .brand {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #858585;
  margin-bottom: 8px;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .rating {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .rating .rating-star > span {
  margin-left: 2px;
  font-size: 12px;
  color: #edaa00;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .rating .rating-star > span.unlike {
  color: #bebebe;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .rating > span {
  color: #000;
  font-size: 14px;
  line-height: 100%;
  font-weight: 500;
  text-decoration: underline;
  margin-left: 5px;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 14px;
  flex-wrap: wrap;
  font-weight: 600;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .catagorypage .catagories-listitems .view-sections .product-grid .product-card .price {
    text-align: center;
    justify-content: normal;
  }
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .price .AED {
  font-size: 12px;
  font-weight: 600;
  color: #1a1b1b;
  line-height: 100%;
  position: relative;
  bottom: 5px;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .catagorypage .catagories-listitems .view-sections .product-grid .product-card .price .AED {
    font-size: 12px;
  }
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .price .new {
  color: #000000;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .catagorypage .catagories-listitems .view-sections .product-grid .product-card .price .new {
    font-size: 15px;
  }
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .price .old {
  text-decoration: line-through;
  color: #959595;
  line-height: 100%;
  font-size: 14px;
  font-weight: 500;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .price .discount {
  color: #00a529;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .delivery-status {
  margin-bottom: 20px;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .delivery-status > span {
  color: rgb(0, 0, 0);
  font-size: 12px;
  font-weight: 400;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .add-to-cart-btn {
  display: inline-flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 10px;
  background: linear-gradient(90deg, #e1f3ff 0%, #e1f3ff 100%);
  border: 1.5px solid #0496c7;
  border-radius: 4px;
  color: #006ca5;
  font-weight: 600;
  font-size: 16px;
  height: 38px;
  text-align: center;
  justify-content: center;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
  margin-bottom: 12px;
  transition: background-position 0.4s ease, color 0.3s ease, opacity 0.3s ease;
  opacity: 0.9;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .catagorypage .catagories-listitems .view-sections .product-grid .product-card .add-to-cart-btn {
    font-size: 13px;
    height: auto;
    padding: 5px 10px;
  }
}
@media screen and (max-width: 767px) {
  .catagorypage .catagories-listitems .view-sections .product-grid .product-card .add-to-cart-btn {
    width: auto;
  }
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .add-to-cart-btn svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .add-to-cart-btn:hover {
  transition: color 0.3s ease, transform 0.3s ease;
  background-position: right center;
  opacity: 1;
  background: linear-gradient(135deg, #e1f3ff, #cce7fb);
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .add-to-cart-btn:active {
  background-color: #bfe2f4;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .addinfo-text {
  background-color: #e9deff;
  padding: 4px;
  height: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .catagorypage .catagories-listitems .view-sections .product-grid .product-card .addinfo-text {
    margin-bottom: 0px;
    position: relative;
    bottom: 5px;
  }
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .addinfo-text > span {
  color: #521fb6;
  line-height: 100%;
  display: inline;
  font-weight: 600;
  font-size: 12px;
  text-align: center;
}
@media screen and (max-width: 500px) {
  .catagorypage .catagories-listitems .view-sections .product-grid .product-card .addinfo-text > span {
    font-size: 11px;
  }
}
@media screen and (max-width: 330px) {
  .catagorypage .catagories-listitems .view-sections .product-grid .product-card .addinfo-text > span {
    font-size: 10px;
  }
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .addinfo-text.lowestPrice {
  background-color: #ffd8ef;
}
.catagorypage .catagories-listitems .view-sections .product-grid .product-card .addinfo-text.lowestPrice > span {
  color: #c90076;
}
.catagorypage .catagories-listitems .view-sections .product-grid .form-check > label {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #000000;
}
.catagorypage .catagories-listitems .view-sections .custom-paginations {
  padding: 50px 10px;
}
.catagorypage .our-promises {
  padding: 50px 0px;
  border-top: 1px solid #747983;
}
@media screen and (max-width: 767px) {
  .catagorypage .our-promises {
    padding: 30px 0px;
  }
  .catagorypage .our-promises .template .section-header {
    margin-bottom: 35px;
  }
  .catagorypage .our-promises .grid-card {
    padding: 0px;
  }
}
.catagorypage .custom-pagination {
  padding: 50px 10px;
}
@media screen and (min-width: 767px) and (max-width: 767.99px) {
  .catagorypage .bottom-sheet .d-md-none {
    display: none !important;
  }
  .catagorypage .bottom-sheet .sheet-header {
    display: none;
  }
  .catagorypage .bottom-sheet .sheet-footer {
    display: none;
  }
}
@media (max-width: 767px) {
  .catagorypage .bottom-sheet {
    position: fixed;
    bottom: -100%;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 9999;
    transition: bottom 0.3s ease;
    max-height: 100vh;
    overflow-y: auto;
    border-radius: 0;
    padding: 0px 0px;
  }
  .catagorypage .bottom-sheet.bottomclear-sheet {
    border: 1px solid #ddd;
  }
  .catagorypage .bottom-sheet.bottomclear-sheet .basic-container .info-text > h2 {
    color: #000000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #000000;
    margin-bottom: 0px;
  }
  .catagorypage .bottom-sheet .categories-Relevance {
    border: 1px solid #ddd;
    padding: 2px;
    width: 90%;
    margin: 0 auto;
  }
  .catagorypage .bottom-sheet .hide {
    display: none;
  }
  .catagorypage .bottom-sheet.show {
    bottom: 0;
  }
  .catagorypage .bottom-sheet .filtermenu-parent {
    background-color: #eaf7fa;
    height: calc(100vh - 70px);
    overflow: auto;
  }
  .catagorypage .bottom-sheet .filtermenu-parent .filtermenu > ul {
    padding: 0px;
  }
  .catagorypage .bottom-sheet .filtermenu-parent .filtermenu > ul > li {
    padding: 12px;
    list-style: none;
    justify-content: space-between;
    display: flex;
    align-items: center;
  }
  .catagorypage .bottom-sheet .filtermenu-parent .filtermenu > ul > li .count {
    width: 24px;
    height: 24px;
    font-size: 13px;
    background-color: #006ca5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
  }
  .catagorypage .bottom-sheet .filtermenu-parent .filtermenu > ul > li > a {
    color: #000000;
  }
  .catagorypage .bottom-sheet .filtermenu-parent .filtermenu > ul > li.selected {
    background-color: #fff;
  }
  .catagorypage .bottom-sheet .filtermenu-parent .filtermenu > ul > li.selected > a {
    color: #006ca5;
  }
  .catagorypage .bottom-sheet .card.filter-tags {
    border: 0;
    padding: 0px 20px;
    padding-bottom: 50px;
  }
  .catagorypage .bottom-sheet .card.categories-card {
    padding: 15px 20px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 19px;
  }
  .catagorypage .bottom-sheet .price-range {
    padding: 10px 20px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 19px;
  }
  .catagorypage .bottom-sheet .filter-collpase {
    padding: 0px 20px;
    padding-bottom: 50px;
  }
  .catagorypage .bottom-sheet-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9998;
    display: none;
  }
  .catagorypage .bottom-sheet-overlay.show {
    display: block;
  }
  .catagorypage .bottom-sheet-overlay.clearFiltersheet-overlay.show {
    display: block;
    z-index: 10000;
    height: calc(100% - 293px);
  }
}
@media screen and (max-width: 767px) and (max-width: 363px) {
  .catagorypage .bottom-sheet-overlay.clearFiltersheet-overlay.show {
    height: calc(100% - 317px);
  }
}
@media (max-width: 767px) {
  .catagorypage .sheet-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    border-bottom: 1px solid #ddd;
    padding: 15px;
    position: sticky;
    top: 0;
    background: white;
    z-index: 1000;
  }
  .catagorypage .sheet-header .clearFilter {
    background-color: transparent;
    border: 0;
    cursor: pointer;
  }
  .catagorypage .sheet-header > span {
    color: #747983;
    font-size: 16px;
    font-weight: 500;
  }
  .catagorypage .sheet-header .close-btn {
    background: none;
    border: none;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
  }
  .catagorypage .sheet-footer {
    align-items: stretch;
    background-color: rgba(0, 0, 0, 0);
    border: 0 solid black;
    box-sizing: border-box;
    display: flex;
    flex-basis: auto;
    flex-shrink: 0;
    list-style: none;
    margin: 0px;
    min-height: 0px;
    min-width: 0px;
    padding: 0px;
    text-decoration: none;
    z-index: 0;
    background-color: #fff;
    position: sticky;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    height: 70px;
    border: 1px solid #ddd;
    padding: 10px;
    justify-content: space-between;
    align-items: center;
  }
  .catagorypage .sheet-footer .btn-filter {
    background-color: #006ca5;
    color: #fff;
    width: 150px;
    height: 50px;
  }
  .catagorypage .sheet-footer .product-found > span {
    font-size: 14px;
    color: #697277;
  }
  .catagorypage .sheet-footer .product-found > p {
    font-size: 14px;
    color: #000000;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 768px) {
  .catagorypage .sheet-header {
    display: none;
  }
  .catagorypage .sheet-footer {
    display: none;
  }
}

.compare-productoption {
  position: fixed;
  bottom: 20px;
  right: 80px;
  z-index: 999;
}

.campare-product {
  display: none;
}

.campare-product {
  position: relative;
  z-index: 1001;
}
.campare-product .btn-compare {
  background-color: #006ca5;
  color: #fff;
  padding: 10px 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  display: flex;
  width: auto;
  height: 50px;
  padding: 10px 22px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  right: 5px;
  bottom: 8px;
}
.campare-product .btn-compare .count {
  display: flex;
  width: 20px;
  height: 20px;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #000000;
  border-radius: 50%;
  background: #fff;
  color: #1a1b1b;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* Show on hover */
.btn-compare:hover + .campare-product-list,
.campare-product-list:hover {
  display: block;
}

/* Remove All button hidden by default */
#removeAllBtn {
  display: none;
}

/* Show Remove All only when hovering the drawer */
.campare-product-list:hover #removeAllBtn {
  display: inline-block;
}

.campare-product-list {
  display: none;
  position: absolute;
  bottom: 0px;
  right: 0;
  min-width: 100%;
  background: #fff;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
  padding: 0px;
  border-radius: 8px;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.campare-product-list .box-content {
  position: relative;
}
.campare-product-list .box-content .img-box {
  width: 134px;
  padding: 14px 15px;
}
.campare-product-list .box-content .img-box > img {
  width: 100%;
  margin-bottom: 26px;
}
.campare-product-list .box-content .img-box > p {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 30px;
}
.campare-product-list .box-content .close-btn {
  position: relative;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  padding: 10px;
}
.campare-product-list.visible {
  display: block;
}
.campare-product-list .box-footer {
  display: flex;
  align-items: center;
  justify-content: inherit;
  padding: 10px;
}
.campare-product-list .box-footer .btn-compare {
  background-color: #006ca5;
  color: #fff;
  padding: 10px 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  display: flex;
  width: 170px;
  height: 50px;
  padding: 10px 22px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.campare-product-list .box-footer .btn-compare .count {
  display: flex;
  width: 20px;
  height: 20px;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #000000;
  border-radius: 50%;
  background: #fff;
  color: #1a1b1b;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.campare-product-list .removeAllBtn {
  color: #1a1b1b;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 150px;
}

@media screen and (max-width: 767px) {
  .product-details-page .stable-height-wrapper .product-details-content {
    visibility: visible !important;
  }
}
.product-details-page .product-details {
  padding: 0px 16px;
  margin-top: 21px;
}
@media screen and (min-width: 768px) and (max-width: 1030px) {
  .product-details-page .product-details .custom-grid-one {
    flex: 0 0 auto;
    width: 50.66666667%;
  }
  .product-details-page .product-details .custom-grid-two {
    flex: 0 0 auto;
    width: 47.333333%;
  }
}
@media screen and (min-width: 767px) and (max-width: 991px) {
  .product-details-page .product-details .custom-grid-two {
    display: flex !important;
  }
}
@media screen and (max-width: 600px) {
  .product-details-page .product-details {
    padding: 0px;
  }
}
@media screen and (max-width: 767px) {
  .product-details-page .product-details .template {
    padding: 2px 0px;
  }
}
.product-details-page .product-details .product-grid-gallery {
  position: sticky;
  top: 170px;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  margin-bottom: 120px;
}
@media only screen and (min-width: 767px) and (max-width: 767.9px) {
  .product-details-page .product-details .product-grid-gallery {
    position: relative;
    top: 0px;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 767px) {
  .product-details-page .product-details .product-grid-gallery {
    position: relative;
    top: 0px;
    margin-bottom: 0px;
  }
}
.product-details-page .product-details .product-gallery {
  display: flex;
  gap: 0px;
  align-items: flex-start;
}
.product-details-page .product-details .product-gallery .mySwiper {
  height: 452px;
  position: relative;
}
.product-details-page .product-details .product-gallery .mySwiper.thumbs {
  border: 1px solid #d9d9d9;
  position: relative;
  margin: initial;
  border-radius: 6px;
}
.product-details-page .product-details .product-gallery .mySwiper.thumbs .swiper-button-next {
  position: sticky;
  top: 0;
  border-radius: 6px 6px 0px 0px;
  height: 32px;
  background: #d3d8e3;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.product-details-page .product-details .product-gallery .mySwiper.thumbs .swiper-button-next:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  color: #1c1b1f;
  transform: rotate(180deg);
}
.product-details-page .product-details .product-gallery .mySwiper.thumbs .swiper-button-prev {
  position: sticky;
  bottom: 0;
  height: 32px;
  border-radius: 0px 0px 6px 6px;
  background: #d3d8e3;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.product-details-page .product-details .product-gallery .mySwiper.thumbs .swiper-button-prev:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  color: #1c1b1f;
}
.product-details-page .product-details .product-gallery .mySwiper.thumbs .swiper-wrapper {
  position: relative;
}
.product-details-page .product-details .product-gallery .mySwiper .swiper-slide {
  opacity: 1;
  cursor: pointer;
  margin-bottom: 0px !important;
  height: 87px !important;
  display: flex;
  align-items: normal;
  justify-content: center;
  position: relative;
}
.product-details-page .product-details .product-gallery .mySwiper .swiper-slide.play-icon {
  position: relative;
}
.product-details-page .product-details .product-gallery .mySwiper .swiper-slide.play-icon::before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
  background-image: url("../images/icons/play.svg");
  top: 27%;
  width: 34px;
  height: 34px;
  color: var(--b2, #04bade);
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-details-page .product-details .product-gallery .mySwiper .swiper-slide.swiper-slide-thumb-active {
  border: 1.584px solid var(--b4, #006ca5);
  background: #fff;
}
.product-details-page .product-details .product-gallery .mySwiper img {
  width: 100%;
  border-radius: 0px;
  border-top: 1px solid #d9d9d9;
}
.product-details-page .product-details .product-gallery .mySwiper .thumbs-prev,
.product-details-page .product-details .product-gallery .mySwiper .thumbs-next {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 25px;
  height: 25px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.product-details-page .product-details .product-gallery .mySwiper .thumbs-prev.thumbs-prev,
.product-details-page .product-details .product-gallery .mySwiper .thumbs-next.thumbs-prev {
  top: 0;
}
.product-details-page .product-details .product-gallery .mySwiper .thumbs-prev.thumbs-next,
.product-details-page .product-details .product-gallery .mySwiper .thumbs-next.thumbs-next {
  bottom: 0;
}
.product-details-page .product-details .product-gallery .mySwiper2 {
  width: 100%;
  height: 438px;
  position: relative;
}
@media screen and (min-width: 240px) and (max-width: 399px) {
  .product-details-page .product-details .product-gallery .mySwiper2 {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 240px) and (max-width: 399px) {
  .product-details-page .product-details .product-gallery .mySwiper2 {
    width: 100%;
  }
}
.product-details-page .product-details .product-gallery .mySwiper2.main {
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}
.product-details-page .product-details .product-gallery .mySwiper2 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  cursor: crosshair;
}
.product-details-page .product-details .product-gallery .mySwiper2 .lens {
  position: absolute;
  width: 180px;
  height: 180px;
  pointer-events: none;
  display: none;
  z-index: 10;
  background-color: transparent !important;
}
@media screen and (max-width: 767px) {
  .product-details-page .product-details .product-gallery .mySwiper2 .lens {
    display: none !important;
  }
}
.product-details-page .product-details .product-gallery .mySwiper2 .lens::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHZpZXdCb3g9IjAgMCAyIDIiPjx0aXRsZT5waXhlbDwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9Ii4wNSIgZD0iTTAgMGgydjJIMHoiLz48cGF0aCBmaWxsPSIjOGRhY2RhIiBkPSJNMCAwaDF2MUgweiIvPjwvZz48L3N2Zz4=) repeat;
  background-blend-mode: multiply;
  background-color: transparent !important;
  z-index: 2;
  opacity: 0.6;
}
.product-details-page .product-details .product-gallery .product-thumbaction {
  margin-top: 13px;
}
.product-details-page .product-details .main-gallery {
  position: relative;
}
@media screen and (min-width: 240px) and (max-width: 991px) {
  .product-details-page .product-details .main-gallery .zoom-preview {
    display: none !important;
  }
}
.product-details-page .product-details .main-gallery .status {
  position: absolute;
  z-index: 2;
  width: 95%;
}
@media screen and (min-width: 240px) and (max-width: 500px) {
  .product-details-page .product-details .main-gallery .status {
    width: 90%;
  }
}
.product-details-page .product-details .main-gallery .status .catagories-topsection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px;
}
.product-details-page .product-details .main-gallery .status .catagories-topsection .badge {
  background: #00a640;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.product-details-page .product-details .main-gallery .status .catagories-topsection .wishlist-icon {
  color: #747983;
  width: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  font-size: 26px;
}
.product-details-page .product-details .main-gallery .status .catagories-topsection .wishlist-icon > span {
  font-size: 26px;
}
.product-details-page .product-details .main-gallery .product-thumbaction .action .action-option {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 13px;
}
@media screen and (min-width: 240px) and (max-width: 600px) {
  .product-details-page .product-details .main-gallery .product-thumbaction .action .action-option {
    flex-wrap: wrap;
  }
}
.product-details-page .product-details .main-gallery .product-thumbaction .action .action-option .primary-btn {
  height: 50px;
  width: 50%;
  padding: 0 !important;
  border-radius: 6px;
}
.product-details-page .product-details .main-gallery .product-thumbaction .action .action-option .primary-btn:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transform: translateY(0px);
}
.product-details-page .product-details .main-gallery .product-thumbaction .action .action-option .primary-btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 240px) and (max-width: 400px) {
  .product-details-page .product-details .main-gallery .product-thumbaction .action .action-option .primary-btn {
    width: 100%;
  }
}
@media screen and (min-width: 400px) and (max-width: 742px) {
  .product-details-page .product-details .main-gallery .product-thumbaction .action .action-option .primary-btn {
    width: 48%;
  }
}
.product-details-page .product-details .main-gallery .product-thumbaction .action .action-option .btn-outline-primary {
  width: 50%;
  border-radius: 6px;
  padding: 0 !important;
  position: relative;
}
.product-details-page .product-details .main-gallery .product-thumbaction .action .action-option .btn-outline-primary:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transform: translateY(0px);
}
.product-details-page .product-details .main-gallery .product-thumbaction .action .action-option .btn-outline-primary:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 240px) and (max-width: 400px) {
  .product-details-page .product-details .main-gallery .product-thumbaction .action .action-option .btn-outline-primary {
    width: 100%;
  }
}
@media screen and (min-width: 400px) and (max-width: 742px) {
  .product-details-page .product-details .main-gallery .product-thumbaction .action .action-option .btn-outline-primary {
    width: 48%;
  }
}
.product-details-page .product-details .main-gallery .product-thumbaction .action .share .btn-share {
  background-color: #eeeeee;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  color: #1a1b1b;
}
.product-details-page .product-details .main-gallery .product-thumbaction .action .share .btn-share:hover {
  background-color: #00ad57;
  color: #fff;
}
.product-details-page .product-details .main-gallery .product-thumbaction .action .share .btn-share:hover > span svg {
  filter: brightness(0) invert(1);
}
.product-details-page .product-details .main-pagecontents {
  padding-left: 35px;
  position: relative;
}
@media screen and (min-width: 748px) and (max-width: 1050px) {
  .product-details-page .product-details .main-pagecontents {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents {
    padding-left: 0px;
  }
}
.product-details-page .product-details .main-pagecontents .top-section {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 4px;
  flex-wrap: wrap;
}
@media screen and (min-width: 1060px) and (max-width: 1091px) {
  .product-details-page .product-details .main-pagecontents .top-section {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .top-section {
    margin-top: 20px;
  }
}
.product-details-page .product-details .main-pagecontents .top-section .right-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
@media screen and (min-width: 1060px) and (max-width: 1091px) {
  .product-details-page .product-details .main-pagecontents .top-section .right-block {
    gap: 25px;
  }
}
@media screen and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .top-section .right-block {
    gap: 20px;
  }
}
.product-details-page .product-details .main-pagecontents .top-section .right-block .form-check {
  font-weight: 600;
  font-size: 12px;
  text-decoration: none;
  line-height: 100%;
  color: #747983;
  letter-spacing: 0%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.product-details-page .product-details .main-pagecontents .top-section .right-block .form-check > label {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.product-details-page .product-details .main-pagecontents .top-section .right-block .form-check-input[type=checkbox] {
  border-radius: 0px;
  margin-top: 0;
  width: 16px;
  height: 16px;
}
.product-details-page .product-details .main-pagecontents .top-section .right-block .form-check-input[type=checkbox]:focus {
  outline: none;
  border-color: #d9d9d9;
  box-shadow: none;
}
.product-details-page .product-details .main-pagecontents .top-section .right-block .share > a {
  color: #000000;
  display: flex;
  align-items: center;
}
.product-details-page .product-details .main-pagecontents .top-section .right-block .share > a > span {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-right: 6px;
}
.product-details-page .product-details .main-pagecontents .top-section .right-block .share > a > span > i {
  font-size: 18px;
  width: 24px;
  color: #747983;
  height: 24px;
}
.product-details-page .product-details .main-pagecontents .details-section .heading {
  color: #0496c7;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
}
.product-details-page .product-details .main-pagecontents .details-section > h2 {
  margin: 12px 0px;
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  color: #000000;
}
.product-details-page .product-details .main-pagecontents .details-section .rating-section {
  margin-bottom: 25px;
}
.product-details-page .product-details .main-pagecontents .details-section .rating-section .star-rating {
  display: flex;
  gap: 5px;
}
.product-details-page .product-details .main-pagecontents .details-section .rating-section .star-rating .star {
  color: #ccc;
  cursor: pointer;
  transition: color 0.2s;
}
.product-details-page .product-details .main-pagecontents .details-section .rating-section .star-rating .star.active path {
  fill: #edaa00 !important; /* Override inline SVG fill */
  stroke: #edaa00; /* Optional: Change stroke color too */
}
.product-details-page .product-details .main-pagecontents .details-section .rating-section .star-rating .active-text {
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.product-details-page .product-details .main-pagecontents .details-section .rating-section .star-rating .active-text.bg-very-good {
  color: var(--G1, #00a529);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
.product-details-page .product-details .main-pagecontents .details-section .rating-section .star-rating .reviews-count {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #000000;
  margin-left: 10px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #000;
  line-height: 1px;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info {
  color: #1a1a1a;
  font-size: 14px;
  display: flex;
  flex-direction: column;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .price-info {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .price-info .currency {
  font-weight: bold;
  color: #1a1b1b;
  font-size: 16px;
  line-height: 100%;
  position: relative;
  bottom: 6px;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .price-info .update-price {
  color: #000000;
  font-size: 24px;
  line-height: 100%;
  font-weight: 700;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .price-info .original-price {
  text-decoration: line-through;
  color: #959595;
  font-size: 18px;
  line-height: 100%;
  font-weight: 500;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .price-info .discount {
  background: #00a640;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  font-family: "Inter", sans-serif;
  padding: 5px 11px;
  border-radius: 3px;
  background: var(--G1, #00a529);
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .price-info .info-icon {
  font-size: 15px;
  color: #747983;
  cursor: pointer;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .stock-info {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 22px;
  color: #c10000;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .stock-info .stock-icon {
  font-size: 16px;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .stock-info .stock-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #697277;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .delivery-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 7.5px;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .delivery-info .delivery-icon {
  font-size: 16px;
  color: #007bff;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .delivery-info .delivery-text {
  color: #1a1b1b;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .delivery-info .separator {
  color: #ccc;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .delivery-info .shipping {
  display: flex;
  align-items: center;
  gap: 4px;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .delivery-info .shipping .free {
  color: #00a529;
  font-size: 14px;
  margin: 0px 6px;
  font-weight: 600;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .delivery-info .shipping .shipping-cost {
  color: #747983;
  text-decoration: line-through;
  font-size: 14px;
  font-weight: 600;
  color: var(--grey1, #747983);
  font-style: normal;
  line-height: normal;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .delivery-info .shipping .info-icon {
  margin-left: 6px;
  font-size: 15px;
  color: #747983;
  cursor: pointer;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .order-cutoff {
  font-size: 12px;
  color: #697277;
  margin-bottom: 10px;
  font-weight: 400;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .view-details a {
  color: #006ca5;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
}
.product-details-page .product-details .main-pagecontents .details-section .product-info .view-details a:hover {
  text-decoration: underline;
}
@media (max-width: 600px) {
  .product-details-page .product-details .main-pagecontents .details-section .product-info {
    font-size: 13px;
  }
  .product-details-page .product-details .main-pagecontents .details-section .product-info .price-info {
    flex-wrap: wrap;
  }
  .product-details-page .product-details .main-pagecontents .details-section .product-info .delivery-info {
    align-items: center;
  }
  .product-details-page .product-details .main-pagecontents .details-section .product-info .shipping {
    flex-wrap: wrap;
  }
}
.product-details-page .product-details .main-pagecontents .product-options {
  display: flex;
  justify-content: initial;
  gap: 112px;
  font-size: 14px;
  margin-top: 31px;
  max-width: 672px;
}
@media screen and (min-width: 595px) and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .product-options .custom-grid {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1040px) {
  .product-details-page .product-details .main-pagecontents .product-options .custom-grid {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 240px) and (max-width: 621px) {
  .product-details-page .product-details .main-pagecontents .product-options {
    gap: 10px;
  }
}
@media screen and (min-width: 620px) and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .product-options {
    gap: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1045px) {
  .product-details-page .product-details .main-pagecontents .product-options {
    gap: 40px;
  }
}
@media screen and (min-width: 1045px) and (max-width: 1265px) {
  .product-details-page .product-details .main-pagecontents .product-options {
    gap: 50px;
  }
}
@media screen and (min-width: 240px) and (max-width: 1044px) {
  .product-details-page .product-details .main-pagecontents .product-options {
    flex-wrap: wrap;
  }
}
.product-details-page .product-details .main-pagecontents .product-options .colors,
.product-details-page .product-details .main-pagecontents .product-options .sizes {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 342px;
}
@media screen and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .product-options .colors,
  .product-details-page .product-details .main-pagecontents .product-options .sizes {
    padding-right: 0px;
    max-width: 310px;
    margin-bottom: 16px;
  }
}
.product-details-page .product-details .main-pagecontents .product-options label {
  font-weight: 600;
  font-size: 16px;
  color: #747983;
}
.product-details-page .product-details .main-pagecontents .product-options .color-list {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.product-details-page .product-details .main-pagecontents .product-options .color-list .color-radio.disabled .color-circle {
  opacity: 0.3;
  position: relative;
}
.product-details-page .product-details .main-pagecontents .product-options .color-list .color-radio input {
  display: none;
}
.product-details-page .product-details .main-pagecontents .product-options .color-list .color-radio .color-circle {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: var(--color);
  border: 2px solid transparent;
  cursor: pointer;
  display: inline-block;
  transition: border 0.2s ease;
  position: relative;
}
.product-details-page .product-details .main-pagecontents .product-options .color-list .color-radio input:checked + .color-circle {
  position: relative;
  border: 1px solid #000000;
}
.product-details-page .product-details .main-pagecontents .product-options .color-list .color-radio input:checked + .color-circle:after {
  position: absolute;
  content: "";
  border: 3px solid #ffffff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.product-details-page .product-details .main-pagecontents .product-options .size-header {
  display: flex;
  align-items: center;
  gap: calc(100% - 104px);
  transition: width 0.2s ease;
  margin-bottom: 20px;
}
.product-details-page .product-details .main-pagecontents .product-options .size-header .size-chart {
  font-size: 14px;
  font-weight: 400;
  color: #006ca5;
  border-bottom: 1px solid #006ca5;
}
.product-details-page .product-details .main-pagecontents .product-options .size-header .size-chart:hover {
  text-decoration: underline;
}
.product-details-page .product-details .main-pagecontents .product-options .size-list {
  display: flex;
  gap: 10px;
  margin-bottom: 16px;
}
.product-details-page .product-details .main-pagecontents .product-options .size-list .grid-two {
  display: flex;
  gap: 10px;
}
.product-details-page .product-details .main-pagecontents .product-options .size-list .size-radio input {
  display: none;
}
.product-details-page .product-details .main-pagecontents .product-options .size-list .size-radio .size-box {
  padding: 8px 16px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: white;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s;
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-details-page .product-details .main-pagecontents .product-options .size-list .size-radio .size-box.not-available {
  border: 2px dashed #f0f0f0;
  color: #f0f0f0;
}
@media screen and (min-width: 595px) and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .product-options .size-list .size-radio .size-box {
    width: 55px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1290px) {
  .product-details-page .product-details .main-pagecontents .product-options .size-list .size-radio .size-box {
    width: 65px;
  }
}
@media screen and (min-width: 1121px) and (max-width: 1200px) {
  .product-details-page .product-details .main-pagecontents .product-options .size-list .size-radio .size-box {
    width: 64px;
  }
}
@media screen and (min-width: 1041px) and (max-width: 1120px) {
  .product-details-page .product-details .main-pagecontents .product-options .size-list .size-radio .size-box {
    width: 52px;
  }
}
@media screen and (min-width: 321px) and (max-width: 360px) {
  .product-details-page .product-details .main-pagecontents .product-options .size-list .size-radio .size-box {
    width: 100%;
  }
}
@media screen and (max-width: 320px) {
  .product-details-page .product-details .main-pagecontents .product-options .size-list .size-radio .size-box {
    width: 60px;
  }
}
.product-details-page .product-details .main-pagecontents .product-options .size-list .size-radio input:checked + .size-box {
  border: 1.5px solid #006ca5;
}
.product-details-page .product-details .main-pagecontents .product-options .size-list .size-radio.disabled .size-box {
  color: #ccc;
  background-color: #f9f9f9;
  border: 1px solid #eee;
  cursor: not-allowed;
}
@media screen and (min-width: 620px) and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .product-options {
    flex-direction: row;
  }
}
.product-details-page .product-details .main-pagecontents .product-type {
  margin-bottom: 25px;
}
.product-details-page .product-details .main-pagecontents .product-type > label {
  color: #747983;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  margin-bottom: 10px;
}
.product-details-page .product-details .main-pagecontents .product-type .form-select {
  height: 48px;
  max-width: 350px;
}
.product-details-page .product-details .main-pagecontents .protection-plan {
  margin-bottom: 27px;
}
.product-details-page .product-details .main-pagecontents .protection-plan .section-title {
  font-size: 16px;
  color: #747983;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}
.product-details-page .product-details .main-pagecontents .protection-plan .plan-options {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
@media screen and (min-width: 360px) and (max-width: 600px) {
  .product-details-page .product-details .main-pagecontents .protection-plan .plan-options {
    flex-wrap: nowrap;
  }
}
.product-details-page .product-details .main-pagecontents .protection-plan .plan-options .plan-option input {
  display: none;
}
.product-details-page .product-details .main-pagecontents .protection-plan .plan-options .plan-option .option-box {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px 16px;
  cursor: pointer;
  transition: all 0.2s;
  background-color: #fff;
  width: 170px;
  height: 58px;
}
@media screen and (min-width: 240px) and (max-width: 400px) {
  .product-details-page .product-details .main-pagecontents .protection-plan .plan-options .plan-option .option-box {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 871px) {
  .product-details-page .product-details .main-pagecontents .protection-plan .plan-options .plan-option .option-box {
    width: 145px;
  }
}
.product-details-page .product-details .main-pagecontents .protection-plan .plan-options .plan-option .option-box .details > p {
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}
.product-details-page .product-details .main-pagecontents .protection-plan .plan-options .plan-option .option-box .custom-radio {
  width: 16px;
  height: 16px;
  border: 2px solid #999;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
.product-details-page .product-details .main-pagecontents .protection-plan .plan-options .plan-option .option-box .price {
  font-weight: 700;
  color: #747983;
  font-size: 14px;
  line-height: 100%;
}
.product-details-page .product-details .main-pagecontents .protection-plan .plan-options .plan-option .option-box .price .price-details {
  margin-left: 5px;
  color: #000000;
}
.product-details-page .product-details .main-pagecontents .protection-plan .plan-options .plan-option input:checked + .option-box {
  border: 1px solid #006ca5;
}
.product-details-page .product-details .main-pagecontents .protection-plan .plan-options .plan-option input:checked + .option-box .custom-radio {
  border-color: #006ca5;
}
.product-details-page .product-details .main-pagecontents .protection-plan .plan-options .plan-option input:checked + .option-box .custom-radio::after {
  content: "";
  position: absolute;
  top: 2px;
  width: 8px;
  height: 8px;
  background-color: #006ca5;
  border-radius: 50%;
  text-align: center;
  display: block;
  margin: 0 auto;
  align-self: center;
  right: 0;
  left: 0;
}
.product-details-page .product-details .main-pagecontents .protection-plan .plan-options .plan-option input:checked + .option-box .price {
  color: #000;
}
.product-details-page .product-details .main-pagecontents .price-plan {
  border-bottom: 1px solid #d9d9d9;
  padding: 20px 0px;
  border-top: 1px solid #d9d9d9;
  margin-bottom: 27px;
}
.product-details-page .product-details .main-pagecontents .price-plan .badge-details {
  position: relative;
}
.product-details-page .product-details .main-pagecontents .price-plan .badge-details > img {
  width: 100%;
  height: 55px;
}
@media screen and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .price-plan .badge-details > img {
    height: 55px;
  }
}
.product-details-page .product-details .main-pagecontents .price-plan .badge-details > span {
  position: absolute;
  width: 100%;
  right: 0;
  left: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 19px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 940px) {
  .product-details-page .product-details .main-pagecontents .price-plan .badge-details > span {
    font-size: 13px;
    padding: 7px;
    top: 8px;
    text-align: center;
  }
}
.product-details-page .product-details .main-pagecontents .price-plan > img {
  width: 100%;
}
.product-details-page .product-details .main-pagecontents .price-plan .plan-details {
  margin-top: 16px;
}
.product-details-page .product-details .main-pagecontents .price-plan .plan-details .feature-checkboxes > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding-left: 6px;
}
@media screen and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .price-plan .plan-details .feature-checkboxes > ul {
    gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  .product-details-page .product-details .main-pagecontents .price-plan .plan-details .feature-checkboxes > ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
.product-details-page .product-details .main-pagecontents .price-plan .plan-details .feature-checkboxes > ul > li {
  color: var(--gry3, #697277);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  position: relative;
  list-style: none;
  line-height: normal;
}
.product-details-page .product-details .main-pagecontents .price-plan .plan-details .feature-checkboxes > ul > li i {
  font-size: 14px;
}
.product-details-page .product-details .main-pagecontents .price-plan .plan-details .feature-checkboxes > ul > li:before {
  content: "";
  display: inline-block;
  background-color: #00c8e1;
  border-color: #00c8e1;
  border: 1px solid #04bade;
  box-shadow: 0 0 0 4px rgba(4, 186, 222, 0.3);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 9px;
  transition: background-color 0.2s ease;
}
@media screen and (min-width: 240px) and (max-width: 350px) {
  .product-details-page .product-details .main-pagecontents .price-plan .plan-details .feature-checkboxes > ul > li:before {
    width: 8px;
    height: 8px;
  }
}
@media (max-width: 600px) {
  .product-details-page .product-details .main-pagecontents .price-plan .feature-checkboxes {
    flex-direction: column;
    align-items: flex-start;
  }
}
.product-details-page .product-details .main-pagecontents .product-details-view {
  padding: 7px 16px;
}
@media (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .product-details-view {
    padding: 7px 0px;
  }
}
.product-details-page .product-details .main-pagecontents .product-details-view h4 {
  font-weight: 600;
  margin-bottom: 18px;
  font-size: 16px;
  color: #747983;
}
.product-details-page .product-details .main-pagecontents .product-details-view ul {
  padding-left: 0;
  margin-bottom: 0;
}
.product-details-page .product-details .main-pagecontents .product-details-view ul li {
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000000;
  font-weight: 500;
  font-size: 14px;
  position: relative;
}
.product-details-page .product-details .main-pagecontents .product-details-view ul li:before {
  content: "";
  width: 9px;
  height: 9px;
  background-color: #d9d9d9;
  color: #d9d9d9;
  border-radius: 50%;
}
.product-details-page .product-details .main-pagecontents .product-details-view ul li .info-icon {
  font-size: 14px;
  border: 1px solid #888;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
  color: #666;
  font-weight: bold;
}
.product-details-page .product-details .main-pagecontents .product-details-view ul a {
  color: #006ca5;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  margin-left: 20px;
}
.product-details-page .product-details .main-pagecontents .product-details-view .info-group {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}
.product-details-page .product-details .main-pagecontents .product-details-view .info-group .column {
  flex: 1 1 45%;
  min-width: 250px;
}
.product-details-page .product-details .main-pagecontents .product-details-view .seller-info {
  margin-top: 27px;
}
.product-details-page .product-details .main-pagecontents .product-details-view .seller-info .seller-name {
  color: #006ca5;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
}
.product-details-page .product-details .main-pagecontents .product-details-view .seller-info ul {
  margin-top: 8px;
}
.product-details-page .product-details .main-pagecontents .product-details-view .description {
  margin-top: 24px;
}
.product-details-page .product-details .main-pagecontents .product-details-view .description > p {
  line-height: 22px;
  font-weight: 400;
  font-size: 14px;
}
@media (max-width: 600px) {
  .product-details-page .product-details .main-pagecontents .product-details-view .info-group {
    flex-direction: column;
  }
}
.product-details-page .product-details .main-pagecontents .specification-details {
  border: 1px solid #eee;
  border-radius: 6px;
  margin-bottom: 31px;
}
.product-details-page .product-details .main-pagecontents .specification-details > h2 {
  font-size: 22px;
  font-weight: 600;
  line-height: 100%;
  color: #000000;
  padding: 20px;
  margin-bottom: 0px;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion {
  width: 100%;
  overflow: hidden;
  background: #fff;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item {
  border: 0;
  display: block;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item.hidden {
  display: none;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-header {
  width: 100%;
  background: #f2f6f7;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border: 0;
  border-bottom: 1px solid #ccdee3;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-header .icon {
  font-size: 18px;
  background-color: #ffffff;
  border: 1px solid #e4eff2;
  border-radius: 50%;
  width: 34px;
  color: #1c1b1f;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content {
  padding: 16px;
  display: none;
  background: #fff;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table {
  width: 100%;
  font-size: 14px;
  color: #333;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table .specs-row {
  display: table-row;
  padding: 8px 0;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table .specs-row .specs-label,
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table .specs-row .specs-value {
  display: table-cell;
  padding: 8px 12px;
  vertical-align: top;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table .specs-row .specs-label {
  color: var(--grey1, #747983);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table .specs-row .specs-value {
  color: var(--BLK, #1a1b1b);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 768px) {
  .product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table .specs-row {
    display: block;
    padding: 12px 0;
  }
  .product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table .specs-row .specs-label,
  .product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table .specs-row .specs-value {
    display: block;
    width: 100%;
    padding: 4px 0;
  }
  .product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table .specs-row .specs-label {
    color: #1a1b1b;
  }
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-wrapper {
  overflow-x: auto;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  color: #1a1b1b;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table th,
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table td {
  padding: 12px 16px;
  text-align: left;
  vertical-align: top;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table th {
  color: var(--grey1, #747983);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table td {
  color: var(--BLK, #1a1b1b);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table tr:not(:last-child) {
  border-bottom: 1px solid #f2f2f2;
}
@media (max-width: 768px) {
  .product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table th,
  .product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table td {
    display: block;
    width: 100%;
  }
  .product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table th {
    margin-top: 12px;
  }
  .product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table td {
    margin-bottom: 12px;
  }
  .product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item .accordion-content .specs-table tr {
    display: flex;
    align-items: baseline;
    vertical-align: middle;
    border-bottom: none;
  }
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item.active .accordion-content {
  display: block;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-item.active .accordion-header .icon {
  content: "−";
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .see-more {
  padding: 16px;
  text-align: left;
}
.product-details-page .product-details .main-pagecontents .specification-details .accordion .see-more a {
  color: #006ca5;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
@media (max-width: 600px) {
  .product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-content .row {
    flex-direction: column;
  }
  .product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-content .row strong,
  .product-details-page .product-details .main-pagecontents .specification-details .accordion .accordion-content .row span {
    width: 100%;
  }
}
.product-details-page .product-details .main-pagecontents .bundle-section {
  background: #eaf6fa;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 31px;
}
.product-details-page .product-details .main-pagecontents .bundle-section h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-items {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
@media screen and (min-width: 240px) and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .bundle-section .bundle-items {
    gap: 2px;
  }
}
@media screen and (min-width: 240px) and (max-width: 532px) {
  .product-details-page .product-details .main-pagecontents .bundle-section .bundle-items {
    flex-direction: column;
  }
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-items .bundle-card {
  background: #fff;
  border-radius: 8px;
  padding: 12px;
  width: calc(28.5714285714% - 5px);
  box-shadow: 0 0 0 transparent;
  transition: box-shadow 0.3s;
}
@media screen and (min-width: 240px) and (max-width: 532px) {
  .product-details-page .product-details .main-pagecontents .bundle-section .bundle-items .bundle-card {
    width: 100%;
    margin: 12px 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1030px) {
  .product-details-page .product-details .main-pagecontents .bundle-section .bundle-items .bundle-card {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1040px) and (max-width: 1389px) {
  .product-details-page .product-details .main-pagecontents .bundle-section .bundle-items .bundle-card {
    width: calc(28.5714285714% - 10px);
    margin: 0 auto;
  }
}
@media screen and (min-width: 532px) and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .bundle-section .bundle-items .bundle-card {
    width: 130px;
  }
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-items .bundle-card .check-img {
  border: 1px solid #d9d9d9;
  position: relative;
  border-radius: 7px;
  height: 173px;
}
@media screen and (min-width: 533px) and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .bundle-section .bundle-items .bundle-card .check-img {
    height: 123px;
  }
}
@media screen and (min-width: 240px) and (max-width: 533px) {
  .product-details-page .product-details .main-pagecontents .bundle-section .bundle-items .bundle-card .check-img {
    height: 100%;
    display: flex;
  }
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-items .bundle-card .check-img img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: contain;
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-items .bundle-card .compare-details {
  margin-top: 9px;
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-items .bundle-card .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
  width: 130px;
  font-size: 14px;
  font-weight: 400;
  text-align: start;
}
@media screen and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .bundle-section .bundle-items .bundle-card .title {
    width: auto;
  }
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-items .bundle-card .details {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-items .bundle-card .price {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #000000;
  margin-bottom: 0px;
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-items .bundle-card .select-box {
  margin-top: 8px;
  transform: scale(1.2);
  accent-color: #006ca5;
  position: absolute;
  right: 10px;
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-items .plus {
  font-size: 24px;
  font-weight: bold;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #c8e1e6;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .bundle-section .bundle-items .plus {
    width: 23px;
    font-size: 16px;
    height: 23px;
  }
}
@media screen and (min-width: 1040px) and (max-width: 1389px) {
  .product-details-page .product-details .main-pagecontents .bundle-section .bundle-items .plus {
    width: 30px;
    height: 30px;
    font-size: 14px;
    margin: 0 auto;
  }
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-summary {
  margin-top: 20px;
  padding: 13px 20px 17px 20px;
  background: #d8eef3;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-summary .add-to-cart > img {
  filter: invert(1);
  margin-left: 10px;
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-summary .summary-text {
  display: flex;
  align-items: center;
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-summary .summary-text .count-itemone {
  margin-left: 10px;
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-summary .summary-text .count-itemone .Total {
  color: #000000;
  text-overflow: ellipsis;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
@media screen and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .bundle-section .bundle-summary .summary-text .count-itemone {
    margin-left: 4px;
  }
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-summary .summary-text .count-itemone .item-count {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}
@media screen and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .bundle-section .bundle-summary .summary-text .count-itemone .item-count {
    font-size: 13px;
  }
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-summary .summary-text .count-itemone > p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-summary .summary-text .count-itemone .Equal {
  width: 24px;
  font-size: 24px;
  display: block;
  margin: 0 9px;
  text-align: center;
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-summary .summary-text .action-calc {
  width: 24px;
  font-size: 24px;
  margin: 0 9px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .bundle-section .bundle-summary .summary-text .action-calc {
    width: 12px;
  }
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-summary .add-to-cart {
  background: #006ca5;
  color: #fff;
  border: none;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 14px;
  border-radius: 6px;
  cursor: pointer;
  height: 50px;
  margin-top: 10px;
  transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
}
.product-details-page .product-details .main-pagecontents .bundle-section .bundle-summary .add-to-cart:hover {
  background: #006ca5, 50%;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
  .product-details-page .product-details .main-pagecontents .bundle-section .bundle-items {
    justify-content: space-around;
  }
  .product-details-page .product-details .main-pagecontents .bundle-section .bundle-summary {
    flex-direction: column;
    align-items: flex-start;
  }
  .product-details-page .product-details .main-pagecontents .bundle-section .bundle-summary .add-to-cart {
    width: 100%;
  }
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews {
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 27px 0px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews > h2 {
  color: #000000;
  font-size: 22px;
  font-weight: 600;
  line-height: 100%;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .heading-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0px 20px;
  flex-wrap: wrap;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .heading-section > h2 {
  font-size: 22px;
  font-weight: 600;
  line-height: 100%;
  color: #000000;
  margin-bottom: 23px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .right-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .right-section .form-select {
  width: 50%;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
}
@media screen and (min-width: 1030px) and (max-width: 1130px) {
  .product-details-page .product-details .main-pagecontents .ratingAndReviews .right-section .form-select {
    width: 130px;
  }
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .right-section .form-select:focus {
  box-shadow: none;
  outline: none;
  border-color: #d9d9d9;
}
@media screen and (max-width: 400px) {
  .product-details-page .product-details .main-pagecontents .ratingAndReviews .right-section .form-select {
    width: 100%;
  }
}
@media screen and (min-width: 401px) and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .ratingAndReviews .right-section .form-select {
    width: 164px;
    font-size: 13px;
  }
}
@media screen and (min-width: 1198px) and (max-width: 2000px) {
  .product-details-page .product-details .main-pagecontents .ratingAndReviews .right-section .form-select {
    width: 200px;
  }
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .right-section .btn-outline-primary {
  height: 40px;
  font-weight: 600;
  transition: transform 0.2s ease;
  position: relative;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .right-section .btn-outline-primary:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transform: translateY(0px);
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .right-section .btn-outline-primary:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 768px) and (max-width: 836px) {
  .product-details-page .product-details .main-pagecontents .ratingAndReviews .right-section .btn-outline-primary {
    font-size: 14px;
  }
}
@media screen and (min-width: 836px) and (max-width: 999px) {
  .product-details-page .product-details .main-pagecontents .ratingAndReviews .right-section .btn-outline-primary {
    font-size: 15px;
  }
}
@media screen and (max-width: 400px) {
  .product-details-page .product-details .main-pagecontents .ratingAndReviews .right-section .btn-outline-primary {
    width: 100%;
    font-size: 11px;
  }
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 55px;
  padding: 0px 20px;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details {
    gap: 25px;
  }
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details .rating {
  width: 104px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details .rating .count {
  display: flex;
  align-items: center;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details .rating .count > h2 {
  font-size: 32px;
  line-height: 100%;
  font-weight: 600;
  color: #000000;
  margin-bottom: 0;
  margin-left: 8px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details .rating .count > span {
  margin-left: 8px;
  font-size: 17px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details .rating .details {
  margin-top: 15px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details .rating .details > p {
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  color: #747983;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details .rating-progress .ratings {
  color: #999;
  width: 260px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details .rating-progress .ratings .rating-row {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details .rating-progress .ratings .rating-row .star {
  text-align: center;
  display: flex;
  color: #000000;
  margin-right: 8px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details .rating-progress .ratings .rating-row .progress-bar-bg {
  flex-grow: 1;
  background-color: #e0e0e0;
  border-radius: 4px;
  height: 6px;
  margin: 0 10px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details .rating-progress .ratings .rating-row .progress-bar-bg {
    flex-grow: 0.8;
  }
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details .rating-progress .ratings .rating-row .progress-bar-bg .progress-bar-fill {
  height: 100%;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details .rating-progress .ratings .rating-row .progress-bar-bg .progress-bar-fill.five-star {
  width: 82%;
  background-color: #28a745;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details .rating-progress .ratings .rating-row .progress-bar-bg .progress-bar-fill.four-star {
  width: 25%;
  background-color: #28a745;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details .rating-progress .ratings .rating-row .progress-bar-bg .progress-bar-fill.three-star {
  width: 6%;
  background-color: #28a745;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details .rating-progress .ratings .rating-row .progress-bar-bg .progress-bar-fill.two-star {
  width: 20%;
  background-color: #f0ad4e;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details .rating-progress .ratings .rating-row .progress-bar-bg .progress-bar-fill.one-star {
  width: 12%;
  background-color: #dc3545;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-details .rating-progress .ratings .rating-row .count {
  width: 30px;
  font-weight: 500;
  text-align: right;
  font-size: 14px;
  line-height: 22px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .images-upload {
  margin-top: 33px;
  padding: 0px 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .images-upload > h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  color: #697277;
  margin-bottom: 16px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .images-upload .image-gallery {
  gap: 4px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .images-upload .image-gallery .thumb {
  position: relative;
  flex: 0 0 auto;
  width: 73px;
  height: 73px;
  border: 1px solid #d9d9d9;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .images-upload .image-gallery .thumb img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 4px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .images-upload .image-gallery .thumb.overlay-box .overlay {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: 600;
  line-height: 25px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .product-details-page .product-details .main-pagecontents .ratingAndReviews .images-upload .image-gallery .thumb {
    height: 100%;
    width: calc(25% - 4px);
  }
}
@media (max-width: 480px) {
  .product-details-page .product-details .main-pagecontents .ratingAndReviews .images-upload .image-gallery .thumb {
    height: 100%;
    width: calc(33.3333333333% - 4px);
  }
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box {
  padding: 20px 0px;
  border-bottom: 1px solid #ddd;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .heading-box {
  display: inline-flex;
  align-items: center;
  margin-bottom: 9px;
  padding: 0px 20px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .heading-box > h2 {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #000000;
  margin-bottom: 0px;
  margin-left: 12px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .heading-box .badge {
  background-color: #00a529;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  display: inline-flex;
  align-items: center;
  height: 22px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .heading-box .badge > i {
  font-size: 12px;
  margin-left: 6px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .heading-box .badge.Average {
  background-color: #edaa00;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .heading-box .badge.low {
  background-color: #f54545;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .para {
  padding: 0px 20px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .para > span {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #000000;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .customers-photos {
  padding: 0px 20px;
  margin: 12px 0px;
  cursor: pointer;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .customers-photos .images-upload {
  border: 0;
  margin: 0;
  padding: 0;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .customers-photos .img-class {
  position: relative;
  flex: 0 0 auto;
  width: 73px;
  height: 73px;
  border: 1px solid #d9d9d9;
  align-items: center;
  justify-content: center;
  padding: 3px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .customers-photos .img-class > img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 4px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .rating-footer {
  padding: 0px 20px;
  margin-top: 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .rating-footer .left-block {
  display: flex;
  align-items: center;
  gap: 18px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .rating-footer .left-block > span {
  color: #747983;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 12px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .rating-footer .left-block > span > strong {
  margin-right: 4px;
  font-weight: 600;
  line-height: 22px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .rating-footer .left-block .certified-badge {
  background-color: #ebeaea;
  border-radius: 15px;
  padding: 0px 8px;
  font-size: 12px;
  line-height: 22px;
  color: #1a1b1b;
  font-weight: 500;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .rating-footer .left-block .certified-badge > i {
  color: #0496c7;
  margin-right: 5px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .rating-footer .like-badge {
  border: 1px solid #d9d9d9;
  border-radius: 15px;
  height: 22px;
  display: flex;
  align-items: center;
  padding: 0px 8px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .rating-footer .like-badge .liked-count {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .rating-footer .like-badge .liked-count .btn-count {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  color: #747983;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .rating-footer .like-badge .liked-count .btn-count.liked > i {
  color: #006ca5;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .rating-footer .like-badge .liked-count .btn-count > span {
  margin-right: 6px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .rating-footer .like-badge .liked-count .count {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  color: #747983;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .rating-box .rating-footer .like-badge > span {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  color: #747983;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .footer-section {
  padding: 20px;
  padding-bottom: 0px;
}
.product-details-page .product-details .main-pagecontents .ratingAndReviews .footer-section > a {
  font-size: 14px;
  line-height: 100%;
  font-weight: 600;
  color: #006ca5;
}
.product-details-page .product-details .main-pagecontents .protection-text {
  padding: 30px;
  text-align: center;
}
.product-details-page .product-details .main-pagecontents .protection-text > i {
  color: #747983;
  font-size: 20px;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .product-details-page .product-details .main-pagecontents .protection-text > i {
    margin-right: 0px;
  }
}
.product-details-page .product-details .main-pagecontents .protection-text > span {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #747983;
}
.product-details-page .breadcrumb-parent {
  padding: 0px 40px;
}
@media screen and (max-width: 767px) {
  .product-details-page .breadcrumb-parent {
    padding: 0px;
  }
}
.product-details-page .breadcrumb-parent .breadcrumb {
  margin-bottom: 15px;
}
@media screen and (min-width: 767px) and (max-width: 1026px) {
  .product-details-page .breadcrumb-parent .breadcrumb {
    margin-bottom: 12px;
  }
}
.product-details-page .breadcrumb-parent .breadcrumb .breadcrumb-item:last-child {
  position: relative;
}
.product-details-page .breadcrumb-parent .breadcrumb .breadcrumb-item:last-child > a {
  width: 150px;
  color: #1a1b1b;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  top: 2px;
}
@media screen and (min-width: 240px) and (max-width: 600px) {
  .product-details-page .breadcrumb-parent .breadcrumb .breadcrumb-item:last-child > a {
    width: 100px;
  }
}
.product-details-page .info-strip-section {
  padding: 0px 16px;
}
@media screen and (min-width: 400px) and (max-width: 700px) {
  .product-details-page .info-strip-section {
    padding: 0px;
  }
}
.product-details-page .info-strip-section .info-strip {
  background-color: #d1f5fb;
  border-radius: 8px;
  border-bottom: 3px solid #04bade;
  padding: 17px 0px;
}
@media screen and (min-width: 240px) and (max-width: 600px) {
  .product-details-page .info-strip-section .info-strip {
    flex-direction: row !important;
    align-items: center !important;
  }
}
.product-details-page .info-strip-section .info-strip .info-item {
  color: #003366;
}
@media screen and (min-width: 240px) and (max-width: 600px) {
  .product-details-page .info-strip-section .info-strip .info-item {
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-bottom: 0 !important;
  }
}
.product-details-page .info-strip-section .info-strip .info-item .icon-wrapper {
  width: 40px;
  height: 40px;
  background-color: white;
  border: 1px solid #04bade;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-details-page .info-strip-section .info-strip .info-item .icon-wrapper img {
  width: 20px;
  height: 20px;
}
.product-details-page .info-strip-section .info-strip .info-item .info-Quality {
  margin-left: 15px;
}
@media screen and (min-width: 200px) and (max-width: 600px) {
  .product-details-page .info-strip-section .info-strip .info-item .info-Quality {
    margin-top: 5px;
    margin-left: 0px;
  }
}
.product-details-page .info-strip-section .info-strip .info-item .info-Quality strong {
  color: #02367b;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
}
.product-details-page .info-strip-section .info-strip .info-item .info-Quality span {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #02367b;
}
.product-details-page .product-related-slide .top-sellers .product-card {
  height: 100%;
}
.product-details-page .product-related-slide .form-check {
  position: relative;
  margin-left: 15px;
}
.product-details-page .product-related-slide .form-check > label {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #000000;
}
.product-details-page .product-related-slide .form-check .form-check-input {
  border-radius: 0px;
  border: 1px solid #747983;
}
.product-details-page .product-related-slide .form-check .form-check-input:focus {
  box-shadow: none;
  outline: none;
  border-color: #747983;
}
.product-details-page .related-product {
  padding: 0px;
}
.product-details-page .related-product .top-sellers .product-card {
  height: 100%;
}
.product-details-page .related-product .top-sellers .product-card .discount {
  font-size: 13px;
}
.product-details-page .related-product .top-sellers .product-card .badge-contents {
  margin-bottom: 6px;
}
.product-details-page .related-product .related-product-slider {
  padding: 0px 20px;
  border-bottom: 13px solid #eeeeee;
  padding-bottom: 37px;
  padding-top: 30px;
}
@media screen and (max-width: 767px) {
  .product-details-page .related-product .related-product-slider {
    padding: 0px;
  }
}
@media screen and (max-width: 767px) {
  .product-details-page .related-product .related-product-slider {
    padding-top: 0px;
  }
}
.product-details-page .related-product .add-to-cart-btn {
  display: inline-flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 10px;
  background: linear-gradient(90deg, #e1f3ff 0%, #e1f3ff 100%);
  border: 1.5px solid #0496c7;
  border-radius: 4px;
  color: #006ca5;
  font-weight: 600;
  font-size: 16px;
  height: 38px;
  text-align: center;
  justify-content: center;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
  margin-bottom: 12px;
  transition: background-position 0.4s ease, color 0.3s ease, opacity 0.3s ease;
  opacity: 0.9;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .product-details-page .related-product .add-to-cart-btn {
    font-size: 13px;
    height: auto;
    padding: 5px 10px;
  }
}
@media screen and (max-width: 767px) {
  .product-details-page .related-product .add-to-cart-btn {
    width: auto;
  }
}
.product-details-page .related-product .add-to-cart-btn svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.product-details-page .related-product .add-to-cart-btn:hover {
  transition: color 0.3s ease, transform 0.3s ease;
  background-position: right center;
  opacity: 1;
  background: linear-gradient(135deg, #e1f3ff, #cce7fb);
}
.product-details-page .related-product .add-to-cart-btn:active {
  background-color: #bfe2f4;
}
.product-details-page .related-product .addinfo-text {
  background-color: #e9deff;
  padding: 4px;
  height: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .product-details-page .related-product .addinfo-text {
    margin-bottom: 0px;
    position: relative;
    bottom: 5px;
  }
}
.product-details-page .related-product .addinfo-text > span {
  color: #521fb6;
  line-height: 100%;
  display: inline;
  font-weight: 600;
  font-size: 12px;
  text-align: center;
}
@media screen and (max-width: 500px) {
  .product-details-page .related-product .addinfo-text > span {
    font-size: 11px;
  }
}
.product-details-page .related-product .addinfo-text.lowestPrice {
  background-color: #ffd8ef;
}
.product-details-page .related-product .addinfo-text.lowestPrice > span {
  color: #c90076;
}
.product-details-page .our-promises {
  padding: 50px 0px;
}
@media screen and (max-width: 767px) {
  .product-details-page .our-promises {
    padding: 0px 0px;
  }
  .product-details-page .our-promises .section-header {
    margin-bottom: 15px;
  }
  .product-details-page .our-promises .grid-card {
    padding: 0px;
  }
}

.popover {
  max-width: 670px !important;
  width: calc(100% - 50px);
  border-radius: 7px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 20px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
  .popover {
    max-width: 400px !important;
  }
}
@media screen and (max-width: 767px) {
  .popover {
    width: auto;
  }
}
@media screen and (min-width: 240px) and (max-width: 600px) {
  .popover {
    left: auto !important;
  }
}
.popover .popover-header {
  background-color: transparent;
  border-bottom: 0;
  padding: 0;
  color: var(--BLK, #1a1b1b);
  font-size: 14px;
  font-style: normal;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 12px;
}
.popover .popover-body {
  padding: 0;
}
.popover .popover-body ul.shipping-policy {
  padding-left: 0;
  margin: 0;
}
.popover .popover-body ul.shipping-policy li {
  color: var(--BLK, #1a1b1b);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  list-style: none;
  position: relative;
  font-family: "Inter", sans-serif;
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
}
.popover .popover-body ul.shipping-policy li::before {
  content: "";
  color: #d9d9d9;
  border-radius: 50%;
  margin-right: 8px;
  border: 5px solid #d9d9d9;
  background-color: #d9d9d9;
  display: flex;
  position: relative;
  top: 6px;
}

.rate-review.modal {
  padding: 0px;
}
.rate-review.modal .modal-content {
  border-radius: 8px;
}
.rate-review.modal .modal-header {
  padding: 24px;
}
.rate-review.modal .modal-header .btn-close {
  cursor: pointer;
}
.rate-review.modal .modal-header .btn-close:focus {
  outline: none;
  box-shadow: none;
}
.rate-review.modal .modal-body {
  padding: 0px;
}
.rate-review.modal .modal-body .product-info {
  background: #eaf7fa;
  padding: 10px 24px;
}
.rate-review.modal .modal-body .product-info img {
  border: none;
  background-color: white;
  display: flex;
  width: 69px;
  height: 69px;
  padding: 6px 6px 5px 6px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
}
.rate-review.modal .modal-body .product-info .heading .heading-details {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #000000;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 2px;
  max-width: 600px;
}
@media screen and (min-width: 240px) and (max-width: 360px) {
  .rate-review.modal .modal-body .product-info .heading .heading-details {
    max-width: 120px;
    font-size: 14px;
  }
}
@media screen and (min-width: 361px) and (max-width: 479px) {
  .rate-review.modal .modal-body .product-info .heading .heading-details {
    max-width: 200px;
  }
}
@media screen and (min-width: 480px) and (max-width: 599.9px) {
  .rate-review.modal .modal-body .product-info .heading .heading-details {
    max-width: 250px;
  }
}
@media screen and (min-width: 900px) and (max-width: 991.9px) {
  .rate-review.modal .modal-body .product-info .heading .heading-details {
    max-width: 300px;
  }
}
@media screen and (min-width: 600px) and (max-width: 900px) {
  .rate-review.modal .modal-body .product-info .heading .heading-details {
    max-width: 300px;
  }
}
.rate-review.modal .modal-body .product-info .heading .heading-details .text-deatils {
  color: var(--grey1, #747983);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.rate-review.modal .modal-body .inner-body {
  padding: 24px;
}
.rate-review.modal .modal-body .inner-body .Rate-product {
  margin-top: 24px;
}
.rate-review.modal .modal-body .inner-body .Rate-product .form-label {
  color: #1a1b1b;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 28px;
}
.rate-review.modal .modal-body .inner-body .Rate-product .rating-section {
  margin-bottom: 25px;
}
.rate-review.modal .modal-body .inner-body .Rate-product .rating-section .star-rating {
  display: flex;
  gap: 5px;
}
.rate-review.modal .modal-body .inner-body .Rate-product .rating-section .star-rating .star {
  color: #ccc;
  cursor: pointer;
  transition: color 0.2s;
}
.rate-review.modal .modal-body .inner-body .Rate-product .rating-section .star-rating .star.active path {
  fill: #0496c7 !important; /* Override inline SVG fill */
  stroke: #0496c7; /* Optional: Change stroke color too */
}
.rate-review.modal .modal-body .inner-body .Rate-product .rating-section .star-rating .active-text {
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.rate-review.modal .modal-body .inner-body .Rate-product .rating-section .star-rating .active-text.bg-very-good {
  color: var(--G1, #00a529);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
.rate-review.modal .modal-body .inner-body .Rate-product .rating-section .star-rating .reviews-count {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #000000;
  margin-left: 10px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #000;
  line-height: 1px;
}
.rate-review.modal .modal-body .inner-body .ReviewDescription .form-control {
  margin-bottom: 18px;
}
.rate-review.modal .modal-body .inner-body .ReviewDescription .form-control:focus {
  box-shadow: none;
  outline: none;
  border-color: #959595;
}
.rate-review.modal .modal-body .inner-body .ReviewDescription .main-heading {
  color: var(--BLK, #1a1b1b);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: block;
  margin-bottom: 28px;
}
.rate-review.modal .modal-body .inner-body .ReviewDescription .inputlabel-text {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 8px;
}
.rate-review.modal .modal-body .inner-body .ReviewTitle {
  margin-bottom: 18px;
}
.rate-review.modal .modal-body .inner-body .ReviewTitle .form-label {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 8px;
  line-height: 140%;
}
.rate-review.modal .modal-body .inner-body .ReviewTitle .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #959595;
}
.rate-review.modal .modal-body .inner-body .photos {
  margin-bottom: 8px;
}
.rate-review.modal .modal-body .inner-body .photos .form-label {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.rate-review.modal .modal-body .inner-body .photos .upload-box {
  width: 70px;
  height: 70px;
  border: 1px dashed #ccc;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  font-size: 1.5rem;
  color: #333;
}
.rate-review.modal .modal-body .inner-body .photos .upload-box input[type=file] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.rate-review.modal .modal-body .inner-body .submit-form {
  display: block;
}
.rate-review.modal .modal-body .inner-body .submit-form .submit-otp .arrow-img > img {
  margin-left: 10px;
  filter: brightness(0) invert(1);
}
.rate-review .rating .star {
  font-size: 1.5rem;
  color: #ddd;
  cursor: pointer;
}
.rate-review .rating .star.active {
  color: #f7b500;
}
.rate-review .rating .rating-text {
  font-weight: 600;
}
.rate-review .btn-primary {
  border-radius: 6px;
  padding: 0.5rem 1.5rem;
  font-weight: 500;
}

.product-gallery-container {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  flex-wrap: wrap; /* allows wrapping on smaller screens */
}

.swiper.mySwiper2 {
  flex: 1 1 400px;
}

@media screen and (max-width: 991px) {
  .image-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .image-modal .swiper {
    max-width: 100%;
  }
  .image-modal .modalSwiper .swiper-pagination {
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .image-modal .modal-content {
    position: relative;
    width: 100%;
    max-width: 900px;
    height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .image-modal img {
    width: 100%;
    height: auto;
  }
  .image-modal .close-modal {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 40px;
    color: #000000;
    cursor: pointer;
    z-index: 10000;
  }
}
@media screen and (min-width: 992px) {
  .image-modal {
    display: none !important;
  }
}

.zoom-preview {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 90%;
  height: 75vh;
  background: #fff;
  display: flex;
  align-items: baseline;
  justify-content: start;
  margin-top: 25px;
  border-radius: 6px;
  border: 1px solid #ccc;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .zoom-preview {
    display: none !important;
  }
}

.zoom-preview .zoom-inner {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-repeat: no-repeat;
  background-size: 200%; /* zoom level */
  background-position: center;
}

.ViewDetailsModal {
  font-size: 20px;
  font-weight: 500;
  padding: 0 30px 18px;
  border-bottom: 1px solid #f0f0f0;
}
.ViewDetailsModal .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 16px;
  font-weight: 600;
}
.ViewDetailsModal .modal-dialog .modal-content .modal-body .delivery-info {
  color: #212121;
  margin-bottom: 1rem;
}
.ViewDetailsModal .modal-dialog .modal-content .modal-body .delivery-info .delivery-header {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 0.25rem;
  color: #747983;
}
.ViewDetailsModal .modal-dialog .modal-content .modal-body .delivery-info .delivery-time {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.ViewDetailsModal .modal-dialog .modal-content .modal-body .delivery-info .delivery-time .date {
  font-weight: 600;
  font-size: 16px;
}
.ViewDetailsModal .modal-dialog .modal-content .modal-body .delivery-info .delivery-time .separator {
  color: #9e9e9e;
}
.ViewDetailsModal .modal-dialog .modal-content .modal-body .delivery-info .delivery-time .delivery-cost {
  font-weight: 500;
  font-size: 16px;
  color: #00a529;
}
.ViewDetailsModal .modal-dialog .modal-content .modal-body .delivery-info .delivery-time .delivery-cost .currency {
  font-size: 0.9em;
  margin-left: 0.15rem;
}
.ViewDetailsModal .modal-dialog .modal-content .modal-body .delivery-info .delivery-time .delivery-cost .currency > span {
  font-size: 14px;
  color: #858585;
  text-decoration: line-through;
  font-weight: 600;
  margin-left: 8px;
}
.ViewDetailsModal .modal-dialog .modal-content .modal-body .delivery-info .delivery-time .delivery-cost .currency > span > small {
  font-size: 12px;
}
.ViewDetailsModal .modal-dialog .modal-content .modal-body .delivery-info .delivery-note {
  font-size: 14px;
  color: #757575;
}
.ViewDetailsModal .modal-dialog .modal-content .modal-body .delivery-info .details-text {
  margin-top: 16px;
}
.ViewDetailsModal .modal-dialog .modal-content .modal-body .delivery-info .details-text .heading {
  font-weight: 600;
  color: #697277;
  font-size: 14px;
  margin-bottom: 10px;
}
.ViewDetailsModal .modal-dialog .modal-content .modal-body .delivery-info .details-text > p {
  font-weight: 500;
  color: #000000;
  font-size: 14px;
}

.fancybox__container .fancybox__caption {
  padding: 0;
  margin: 0;
  background: #fff;
  color: #000;
  height: 500px;
  width: 50%;
}
.fancybox__container .fancybox__caption .fancybox-custom-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .image-preview {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .image-preview > img {
  width: 100%;
  height: 100%;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .review-panel {
  padding: 20px;
  border-left: 1px solid #eee;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .review-panel .review-panel {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #212121;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .review-panel .review-panel .rating-box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .review-panel .review-panel .rating-box .rating {
  background-color: #388e3c;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 6px;
  border-radius: 3px;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .review-panel .review-panel .rating-box strong {
  font-size: 15px;
  font-weight: 500;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .review-panel .review-panel .review-text {
  margin: 10px 0;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .review-panel .review-panel .review-meta {
  font-size: 12px;
  color: #878787;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .review-panel .review-panel .review-meta .author {
  font-weight: 500;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .review-panel .review-panel .review-meta .time {
  margin-left: 8px;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .review-panel .review-panel .vote-box {
  font-size: 13px;
  margin: 6px 0;
  color: #666;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .review-panel .review-panel .certified {
  font-size: 12px;
  color: #2874f0;
  font-weight: 500;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .rating-box {
  margin-bottom: 8px;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .rating-box .badge {
  background-color: #00a529;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  display: inline-flex;
  align-items: center;
  height: 22px;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .rating-box > strong {
  display: inline-block;
  padding-left: 12px;
  padding-top: 3px;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .review-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #000000;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .details .review-meta {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #697277;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .details .vote-box {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #697277;
}
.fancybox__container .fancybox__caption .fancybox-custom-row .certified {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #000000;
  margin-top: 10px;
}
.fancybox__container .fancybox__thumbs .carousel__slide .fancybox__thumb {
  width: 80%;
}
.fancybox__container .fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  border: 3px solid #006ca5;
}
.fancybox__container .fancybox__content {
  display: none !important;
}

.customGridModal .modal-dialog {
  min-width: 980px;
  min-height: 650px;
  max-width: 980px;
}
@media screen and (max-width: 767px) {
  .customGridModal .modal-dialog {
    min-width: 100%;
    padding: 6px;
    margin: 0px;
  }
}
.customGridModal .modal-dialog .modal-content .modal-header {
  position: relative;
  padding: 30px 23px 20px 23px !important;
}
.customGridModal .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}
.customGridModal .modal-dialog .modal-content .modal-header .btn-close {
  font-size: 20px;
}
.customGridModal .modal-dialog .modal-content .modal-header .btn-close:focus {
  outline: none;
  box-shadow: none;
}
.customGridModal .modal-dialog .modal-content .modal-body {
  padding: 20px;
  max-height: 553px;
  overflow: auto;
  padding-bottom: 50px;
}
.customGridModal .modal-dialog .modal-content .modal-body .gallery-images {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0px 40px;
  flex-wrap: wrap;
  justify-content: left;
}
.customGridModal .modal-dialog .modal-content .modal-body .gallery-images > a {
  width: 118px;
  height: 118px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
}
.customGridModal .modal-dialog .modal-content .modal-body .gallery-images > a > img {
  width: 100%;
  margin: 0 !important;
  height: 100%;
  max-width: 100% !important;
}
.customGridModal .modal-dialog .modal-content .modal-body .gallery-images > img {
  width: 150px;
  height: 150px;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .customGridModal .modal-dialog .modal-content .modal-body .gallery-images > img {
    width: 100%;
    height: 100%;
  }
}

.out-stock-page {
  margin-top: 35px;
}
.out-stock-page .details > h2 {
  color: #ff5e5e;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 7px;
}
.out-stock-page .details > span {
  color: var(--gry3, #697277);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.notify-modal .modal-header {
  border: 0;
}
.notify-modal .modal-header > button:focus {
  box-shadow: none;
  outline: none;
}
.notify-modal .modal-body .notify > h2 {
  font-size: 16px;
  font-weight: 600;
  color: #858585;
  padding: 0px 17px;
}
.notify-modal .modal-body .input-groups {
  padding: 10px 20px;
}
.notify-modal .modal-body .input-groups > label {
  margin-bottom: 8px;
}
.notify-modal .modal-body .input-groups .form-control:focus,
.notify-modal .modal-body .input-groups .form-select:focus {
  outline: none;
  box-shadow: none;
  border-color: #d9d9d9;
}
.notify-modal .modal-body .form-footer {
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: end;
}
.notify-modal .modal-body .form-footer > button .arrow-img > img {
  filter: brightness(0) invert(1);
}

.size-chart-modal .modal-title {
  font-weight: 600;
}
.size-chart-modal .size-chart-table th,
.size-chart-modal .size-chart-table td {
  text-align: center;
  vertical-align: middle;
}
.size-chart-modal .size-chart-table th {
  background-color: #f8f9fa;
}
.size-chart-modal ul {
  padding-left: 1rem;
}
.size-chart-modal ul li {
  margin-bottom: 0.5rem;
}
.size-chart-modal .right-sideSection > h6 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 14px;
}
.size-chart-modal .right-sideSection > ul li {
  font-size: 14px;
  line-height: normal;
  font-weight: 500;
  color: #747983;
}
.size-chart-modal .right-sideSection > p {
  font-size: 16px;
  line-height: normal;
  color: #1a1b1b;
  font-weight: 500;
}
.size-chart-modal .right-sideSection .image-details {
  width: 250px;
  height: 250px;
}
.size-chart-modal .right-sideSection .image-details > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.size-chart-modal .modal-body {
  padding: 30px;
}
.size-chart-modal .modal-body .spec-table thead tr > th {
  font-size: 16px;
}
.size-chart-modal .modal-body .spec-table tbody tr td {
  font-size: 14px;
}
.size-chart-modal .modal-header {
  z-index: 1000;
  background-color: #fff;
}

.reviewModal .modal-dialog {
  max-width: 900px;
}
.reviewModal .modal-header {
  border: 0;
  padding: 0px;
}
.reviewModal .modal-header .row {
  width: 98%;
}
.reviewModal .modal-header .img-headerbg {
  background-color: #000000;
}
.reviewModal .modal-header .btn-closes {
  display: flex;
  align-items: center;
  padding: 20px 10px;
}
.reviewModal .modal-header .btn-closes .btn-close:focus {
  outline: none;
  box-shadow: none;
}
.reviewModal .modal-body .certified .certified-badge {
  background-color: #ebeaea;
  border-radius: 15px;
  padding: 0px 8px;
  font-size: 12px;
  line-height: 22px;
  color: #1a1b1b;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.reviewModal .modal-body .certified .certified-badge > i {
  color: #0496c7;
  margin-right: 5px;
}
.reviewModal .modal-body .image-preview .image-preview-card {
  background: #000000;
  padding: 20px;
}
.reviewModal .mySwiperThumbs .swiper-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.reviewModal .mySwiperThumbs .swiper-wrapper .swiper-slide {
  padding: 0px;
  height: 100% !important;
  border: 1px solid #ddd;
  width: 100px !important;
}
.reviewModal .swiper-vertical > .swiper-wrapper {
  flex-direction: row;
}
.reviewModal .swiper {
  height: auto;
}
.reviewModal .review-panel {
  user-select: text;
  max-height: 80vh;
  overflow-y: auto;
}
.reviewModal .review-panel .review-meta {
  margin: 6px 0px;
}
.reviewModal .review-panel .liked-count {
  display: inline-flex;
  align-items: center;
  justify-content: normal;
  margin: 6px 0px;
  gap: 10px;
  border: 1px solid #d9d9d9;
  border-radius: 24px;
  padding: 0px 15px;
}
.reviewModal .review-panel .liked-count .btn-count {
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
  color: #747983;
  display: flex;
  align-items: center;
  height: 24px;
  justify-content: flex-start;
  padding: 0;
}
.reviewModal .review-panel .liked-count .btn-count.liked > i {
  color: #006ca5;
}
.reviewModal .review-panel .liked-count .btn-count > span {
  font-size: 13px;
  margin-right: 6px;
}
.reviewModal .review-panel .liked-count .count {
  font-size: 14px;
}
.reviewModal .swiper-slide {
  padding: 30px;
  height: 400px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reviewModal .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mySwipergrid .swiper-button-next {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 3px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
}
.mySwipergrid .swiper-button-next.swiper-button-disabled {
  display: none;
}
.mySwipergrid .swiper-button-next::after {
  content: "\f061";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}
.mySwipergrid .swiper-button-prev {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
}
.mySwipergrid .swiper-button-prev::after {
  content: "\f060";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}

.seller-modal .modal-body {
  padding: 1.5rem;
}
.seller-modal .modal-body .seller-info .seller-name {
  font-weight: 600;
  font-size: 16px;
}
.seller-modal .modal-body .seller-info .seller-name .badge {
  color: #fff;
  background-color: #006ca5;
}
.seller-modal .modal-body .seller-info .seller-desc,
.seller-modal .modal-body .seller-info .seller-duration,
.seller-modal .modal-body .seller-info .contact-seller {
  font-size: 14px;
}
.seller-modal .modal-body .seller-info .contact-seller {
  color: #006ca5;
  text-decoration: none;
}
.seller-modal .modal-body .seller-info .contact-seller:hover {
  text-decoration: underline;
}
.seller-modal .modal-body .seller-info .seller-note {
  font-size: 16px;
}
.seller-modal .modal-body .circular-progress-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: sans-serif;
}
.seller-modal .modal-body .circular-progress-wrapper .circular-progress {
  position: relative;
  width: 80px;
  height: 80px;
}
.seller-modal .modal-body .circular-progress-wrapper .circular-progress .progress-ring {
  transform: rotate(-90deg);
  width: 100%;
  height: 100%;
}
.seller-modal .modal-body .circular-progress-wrapper .circular-progress .progress-ring-bg,
.seller-modal .modal-body .circular-progress-wrapper .circular-progress .progress-ring-value {
  fill: none;
  stroke-width: 8;
  r: 36;
  cx: 40;
  cy: 40;
}
.seller-modal .modal-body .circular-progress-wrapper .circular-progress .progress-ring-bg {
  stroke: #e6e6e6;
}
.seller-modal .modal-body .circular-progress-wrapper .circular-progress .progress-ring-value {
  stroke: #00a529;
  stroke-linecap: round;
  stroke-dasharray: 226.2;
  stroke-dashoffset: 226.2;
  transition: stroke-dashoffset 1s ease;
}
.seller-modal .modal-body .circular-progress-wrapper .circular-progress .progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-size: 16px;
  color: #000000;
}
.seller-modal .modal-body .circular-progress-wrapper .progress-label {
  text-align: center;
  margin-top: 0.5rem;
}
.seller-modal .modal-body .circular-progress-wrapper .progress-label p {
  margin: 0;
  font-size: 14px;
  line-height: 1.2;
}
.seller-modal .modal-body .circular-progress-wrapper .progress-label .details-link {
  color: #006ca5;
  text-decoration: none;
  font-size: 0.85rem;
}
.seller-modal .modal-body .circular-progress-wrapper .progress-label .details-link:hover {
  text-decoration: underline;
}

.size-chart-table {
  margin-bottom: 1rem;
}
.size-chart-table .table {
  font-size: 14px;
}
.size-chart-table .table th,
.size-chart-table .table td {
  vertical-align: middle;
  padding: 0.75rem;
  white-space: nowrap;
}
.size-chart-table .table thead {
  background-color: #f8f9fa;
  font-weight: 600;
}
.size-chart-table .table tbody tr:nth-child(even) {
  background-color: #fafafa;
}
@media (max-width: 576px) {
  .size-chart-table .table th,
  .size-chart-table .table td {
    font-size: 13px;
    padding: 0.5rem;
  }
}

.compare-productoption {
  position: fixed;
  bottom: 20px;
  right: 80px;
  z-index: 999;
}

.campare-product {
  display: none;
}

.campare-product {
  position: relative;
  z-index: 1001;
}
.campare-product .btn-compare {
  background-color: #006ca5;
  color: #fff;
  padding: 10px 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  display: flex;
  width: auto;
  height: 50px;
  padding: 10px 22px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  right: 5px;
  bottom: 8px;
}
.campare-product .btn-compare .count {
  display: flex;
  width: 20px;
  height: 20px;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #000000;
  border-radius: 50%;
  background: #fff;
  color: #1a1b1b;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* Show on hover */
.btn-compare:hover + .campare-product-list,
.campare-product-list:hover {
  display: block;
}

/* Remove All button hidden by default */
#removeAllBtn {
  display: none;
}

/* Show Remove All only when hovering the drawer */
.campare-product-list:hover #removeAllBtn {
  display: inline-block;
}

.campare-product-list {
  display: none;
  position: absolute;
  bottom: 0px;
  right: 0;
  min-width: 100%;
  background: #fff;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
  padding: 0px;
  border-radius: 8px;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.campare-product-list .box-content {
  position: relative;
}
.campare-product-list .box-content .img-box {
  width: 134px;
  padding: 14px 15px;
}
.campare-product-list .box-content .img-box > img {
  width: 100%;
  margin-bottom: 26px;
}
.campare-product-list .box-content .img-box > p {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 30px;
}
.campare-product-list .box-content .close-btn {
  position: relative;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  padding: 10px;
}
.campare-product-list.visible {
  display: block;
}
.campare-product-list .box-footer {
  display: flex;
  align-items: center;
  justify-content: inherit;
  padding: 10px;
}
.campare-product-list .box-footer .btn-compare {
  background-color: #006ca5;
  color: #fff;
  padding: 10px 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  display: flex;
  width: 170px;
  height: 50px;
  padding: 10px 22px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.campare-product-list .box-footer .btn-compare .count {
  display: flex;
  width: 20px;
  height: 20px;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #000000;
  border-radius: 50%;
  background: #fff;
  color: #1a1b1b;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.campare-product-list .removeAllBtn {
  color: #1a1b1b;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 150px;
}

@media (max-width: 767.98px) {
  .collapse.show-mobile {
    display: block; /* force open */
    visibility: visible !important;
    height: auto !important;
  }
}
.service-parentpage .service-header-container {
  margin-bottom: 50px;
}
@media screen and (max-width: 1050px) {
  .service-parentpage .service-header-container .template {
    padding: 0px;
  }
}
.service-parentpage .service-header-container .template .service-banner {
  position: relative;
}
.service-parentpage .service-header-container .template .service-banner > img {
  width: 100%;
}
@media screen and (max-width: 1050px) {
  .service-parentpage .service-header-container .template .service-banner > img {
    width: 100%;
    height: 500px;
    object-fit: cover;
  }
}
.service-parentpage .service-header-container .template .service-banner .caption-text {
  padding: 86px;
  padding-top: 50px;
  padding-right: 0;
  position: absolute;
  top: 0;
  max-width: 583px;
}
@media screen and (max-width: 560px) {
  .service-parentpage .service-header-container .template .service-banner .caption-text {
    padding-left: 30px;
    padding-top: 90px;
  }
}
@media screen and (min-width: 561px) and (max-width: 1050px) {
  .service-parentpage .service-header-container .template .service-banner .caption-text {
    padding-left: 40px;
    padding-top: 100px;
  }
}
.service-parentpage .service-header-container .template .service-banner .caption-text .heading > h2 {
  color: #fff;
  font-size: 40px;
  font-style: normal;
  margin-bottom: 22px;
  font-weight: 600;
  line-height: normal;
}
@media screen and (max-width: 560px) {
  .service-parentpage .service-header-container .template .service-banner .caption-text .heading > h2 {
    font-size: 30px;
  }
}
.service-parentpage .service-header-container .template .service-banner .caption-text .action-button .transparent-btn-primary {
  display: flex;
  height: 50px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 560px) {
  .service-parentpage .service-header-container .template .service-banner .caption-text .action-button .transparent-btn-primary {
    padding: 10px 10px;
  }
}
.service-parentpage .service-header-container .template .service-banner .caption-text .text-caption > p {
  color: #fff;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 33px;
  margin-bottom: 32px;
}
.service-parentpage .deatils-section {
  padding: 0px 40px;
  margin-bottom: 61px;
}
@media screen and (max-width: 767px) {
  .service-parentpage .deatils-section {
    margin-bottom: 0;
    padding: 0px 0px;
  }
}
.service-parentpage .deatils-section .grid-container {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(386px, 1fr));
}
@media screen and (max-width: 767px) {
  .service-parentpage .deatils-section .grid-container {
    grid-template-columns: 1fr;
  }
}
.service-parentpage .deatils-section .grid-container .grid-box {
  background-color: #f0f0f0;
  padding: 26px 45px;
  align-items: center;
}
.service-parentpage .deatils-section .grid-container .grid-box .logo {
  width: 73px;
  height: 73px;
  margin-bottom: 35.2px;
}
.service-parentpage .deatils-section .grid-container .grid-box .logo > img {
  width: 100%;
  height: 100%;
}
.service-parentpage .deatils-section .grid-container .grid-box .details > h2 {
  color: #000000;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 18px;
}
.service-parentpage .deatils-section .grid-container .grid-box .details .details-content {
  padding-bottom: 54px;
}
.service-parentpage .deatils-section .grid-container .grid-box .details .details-content > span {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
}
.service-parentpage .two-column .theme-two {
  max-width: 1440px;
  margin: 0 auto;
}
.service-parentpage .two-column .theme-two .flex-box {
  display: flex;
  padding: 50px 50px;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 71px;
  padding-top: 0px;
}
.service-parentpage .two-column .theme-two .img-details {
  max-width: 518px;
}
.service-parentpage .two-column .theme-two .img-details > p {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
}
.service-parentpage .two-column.img-two-column {
  margin-bottom: 61px;
  padding: 40px;
}
@media screen and (max-width: 767px) {
  .service-parentpage .two-column.img-two-column {
    padding: 0px;
  }
}
.service-parentpage .two-column.img-two-column .img-content {
  height: 100%;
}
.service-parentpage .two-column.img-two-column .img-content > img {
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}
.service-parentpage .two-column.img-two-column .img-details {
  padding-left: 0px;
  display: flex;
  flex-direction: column;
  max-width: 600px;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
  height: 100%;
}
.service-parentpage .two-column.img-two-column .img-details > p {
  padding-left: 70px;
  display: flex;
  flex-direction: column;
  max-width: 600px;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .service-parentpage .two-column.img-two-column .img-details > p {
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .service-parentpage .two-column.img-two-column .img-details > p {
    padding-left: 0;
  }
}
.service-parentpage .service-templates {
  display: flex;
  padding: 50px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  background: #eaf7fa;
}
@media screen and (max-width: 767px) {
  .service-parentpage .service-templates {
    padding: 10px;
  }
}
.service-parentpage .service-templates .serviceHead > h2 {
  color: #000;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 34px;
}
.service-parentpage .service-templates .card-template {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) and (max-width: 940px) {
  .service-parentpage .service-templates .card-template {
    flex: 0 0 auto;
    width: 50%;
  }
}
.service-parentpage .service-templates .card {
  padding: 0px;
  flex-direction: row;
  height: 100%;
  width: 100%;
  display: block;
}
.service-parentpage .service-templates .card .card-body {
  flex-direction: column;
  padding: 0px;
  display: flex;
}
.service-parentpage .service-templates .card .card-body > img {
  width: 100%;
  height: 100%;
}
.service-parentpage .service-templates .card .card-body .card-caption {
  display: flex;
  height: 100%;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.service-parentpage .service-templates .card .card-body .card-caption > h2 {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 35px;
  margin-bottom: 23px;
}
.service-parentpage .service-templates .card .card-body .card-caption > p {
  color: #000;
  font-size: 14px;
  margin-bottom: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
}

@media screen and (max-width: 767px) {
  .cartmain-page .cart-template .template {
    padding: 7px;
  }
}
.cartmain-page .cart-template .cart-items .template {
  padding: 0px 40px;
}
@media screen and (max-width: 767px) {
  .cartmain-page .cart-template .cart-items .template {
    padding: 0px;
  }
  .cartmain-page .cart-template .cart-items .template.heading-temp {
    padding: 0px 10px;
  }
}
.cartmain-page .cart-template .cart-items .template .breadcrumb-parent {
  margin-top: 8.5px;
}
.cartmain-page .cart-template .cart-items .template .breadcrumb-parent .template {
  padding: 0px;
}
.cartmain-page .cart-template .cart-items .template .breadcrumb-parent .template .breadcrumb .breadcrumb-item.last-items > a {
  color: #1a1b1b;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.cartmain-page .cart-template .cart-items .template .heading > h2 {
  color: #000000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.cartmain-page .cart-template .cart-items .template .heading > h2 > span {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.cartmain-page .cart-template .cart-items .template .right-section {
  padding: 0px 0px;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item {
  gap: 19px;
  width: 100%;
  display: flex;
  padding: 30px 10px;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0px;
  background-color: #fff;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .first-group {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media screen and (min-width: 360px) and (max-width: 404px) {
  .cartmain-page .cart-template .cart-items .template .right-section .cart-item .first-group {
    gap: 10px;
  }
}
@media screen and (max-width: 360px) {
  .cartmain-page .cart-template .cart-items .template .right-section .cart-item .first-group {
    display: flex;
    flex-direction: column;
  }
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-image {
  display: flex;
  width: 138px;
  gap: 17px;
  height: 138px;
  padding: 6px 0px 6px 0px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
@media screen and (max-width: 600px) {
  .cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-image {
    width: 138px;
    height: auto;
  }
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-image img {
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-image .quantity-control {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  display: flex;
  width: 138px;
  justify-content: space-between;
  align-items: center;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-image .quantity-control button {
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 10px;
  background-color: #e4e4e4;
  color: #747983;
  border: 0;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-image .quantity-control span {
  padding: 0 0.75rem;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details {
  flex: 1 1 300px;
}
@media screen and (max-width: 767px) {
  .cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details {
    flex: 1 1 240px;
  }
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .brand {
  color: #747983;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 0;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .name-brand {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 6px;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .sold-by {
  color: var(--grey1, #747983);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 10px;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .price-section {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .price-section .price {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .price-section .price .details {
  color: #747983;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .price-section .price .details-price {
  color: #747983;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: line-through;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .price-section .discount {
  color: #00a529;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .exchange-box {
  border-radius: 24px;
  background: #c9f7ef;
  display: inline-flex;
  padding: 5px 11px;
  align-items: center;
  gap: 5px;
  margin-top: 12px;
}
@media screen and (max-width: 447px) {
  .cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .exchange-box {
    display: inline-block;
  }
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .exchange-box .first-label {
  color: var(--b5, #02367b);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .exchange-box .line {
  color: #60bead;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .exchange-box .last-label {
  color: var(--b5, #02367b);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .coupon {
  margin-top: 0.5rem;
  font-size: 0.9rem;
}
@media screen and (max-width: 360px) {
  .cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .coupon {
    flex-direction: row;
    display: flex;
    align-items: baseline;
  }
}
@media screen and (min-width: 361px) and (max-width: 500px) {
  .cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .coupon {
    display: flex;
    flex-direction: column;
    align-items: baseline;
  }
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .coupon .coupon-text {
  color: #006ca5;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .coupon .returninfo-box {
  display: inline-flex;
  padding: 5px 9px;
  align-items: center;
  gap: 5px;
  border-radius: 24px;
  background: #fff4c7;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 447px) {
  .cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .coupon .returninfo-box {
    display: inline-block;
  }
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .coupon .applied {
  color: #00a529;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .coupon .applied > span {
  color: #00a529;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .out-of-stock {
  padding: 8px 0px;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .out-of-stock .outof-textlabel {
  color: #ff6060;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .actions .wishlist-btn {
  display: flex;
  height: 38px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  background: #fff;
  color: #1a1b1b;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (min-width: 360px) and (max-width: 404px) {
  .cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .actions .wishlist-btn {
    font-size: 14px;
    white-space: nowrap;
  }
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .actions .remove-btn {
  display: flex;
  height: 38px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  background: #fff;
  color: #1a1b1b;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (min-width: 360px) and (max-width: 404px) {
  .cartmain-page .cart-template .cart-items .template .right-section .cart-item .item-details .actions .remove-btn {
    font-size: 14px;
    white-space: nowrap;
  }
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .delivery {
  align-self: flex-start;
  font-size: 0.9rem;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .delivery .delivery-label .first {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .delivery .delivery-label .second {
  color: var(--grey1, #747983);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .delivery .delivery-label .line-price {
  color: var(--grey1, #747983);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: line-through;
}
.cartmain-page .cart-template .cart-items .template .right-section .cart-item .delivery .delivery-label .free {
  color: #00a529;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.cartmain-page .cart-template .cart-items .template .right-section .checkout-option {
  position: sticky;
  top: 0px;
  bottom: 0;
  background: #fff;
  padding: 20px;
}
.cartmain-page .cart-template .cart-items .template .checkout-option {
  position: sticky;
  bottom: 0;
  display: flex;
  padding: 20px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  background-color: #fff;
  align-self: stretch;
  border-top: 1px solid var(--line-grey-Color, #d9d9d9);
  border-bottom: 1px solid var(--line-grey-Color, #d9d9d9);
}
.cartmain-page .cart-template .cart-items .template .checkout-option .btn {
  display: flex;
  width: 281px;
  height: 50px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .cartmain-page .cart-template .cart-items .template .checkout-option .btn {
    width: 100%;
  }
}
.cartmain-page .cart-template .right-side {
  padding: 0;
  border-right: 1px solid #d9d9d9;
}
.cartmain-page .cart-template .left-side {
  position: sticky;
  top: 130px;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}
.cartmain-page .cart-template .left-side .coupons-section {
  padding: 6px 27px;
  max-width: 442px;
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .cartmain-page .cart-template .left-side .coupons-section {
    padding: 6px 10px;
  }
}
@media screen and (max-width: 767px) {
  .cartmain-page .cart-template .left-side .coupons-section {
    max-width: 100%;
  }
}
@media screen and (min-width: 769px) and (max-width: 921px) {
  .cartmain-page .cart-template .left-side .coupons-section {
    padding: 6px 6px;
  }
}
@media screen and (max-width: 600px) {
  .cartmain-page .cart-template .left-side .coupons-section {
    padding: 6px 6px;
  }
}
.cartmain-page .cart-template .left-side .coupons-section > h2 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  padding: 18px 0px;
  line-height: normal;
}
.cartmain-page .cart-template .left-side .coupons-section .Coupons-badge {
  border-radius: 9px;
  border: 1px solid #c0efff;
  background: #f3fcff;
  padding: 10px;
}
.cartmain-page .cart-template .left-side .coupons-section .Coupons-badge .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cartmain-page .cart-template .left-side .coupons-section .Coupons-badge .content .icon {
  margin-left: 2.5px;
}
.cartmain-page .cart-template .left-side .coupons-section .Coupons-badge .content .heading {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.cartmain-page .cart-template .left-side .coupons-section .Coupons-badge .content .right-content .btn {
  display: flex;
  height: 38px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details {
  padding: 10px 0px;
  gap: 10px;
  margin: 0px 6px;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details > h2 {
  color: #000000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 18px 0px;
  border-bottom: 1px solid rgba(221, 221, 221, 0.8666666667);
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable {
  margin-bottom: 0;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table {
  width: 100%;
  border: 0;
  margin-top: 10px;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tbody {
  border-bottom: 1px dashed #bebebe;
  padding-bottom: 0px;
  display: block;
  width: 100%;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tbody tr {
  border: 0;
  width: 100%;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tbody tr td {
  width: 50%;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tbody tr td.heading {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tbody tr td.value {
  text-align: end;
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tbody tr td.value.text-green {
  color: #00a529;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tbody tr td.value.text-fees {
  color: #747983;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tbody tr td.value.text-fees .price {
  text-decoration-line: line-through;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tbody tr td.value.text-fees .green-text {
  color: var(--G1, #00a529);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot {
  width: 100%;
  display: block;
  border-bottom: 1px dashed #bebebe;
  padding: 7px 0px;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot tr {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
}
@media screen and (min-width: 768px) and (max-width: 1141px) {
  .cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot tr {
    flex-direction: column;
    align-items: end;
    gap: 9px;
  }
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot tr td.total {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot tr td.total > span {
  color: var(--grey1, #747983);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 5px;
}
@media screen and (min-width: 769px) and (max-width: 921px) {
  .cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot tr td.total > span {
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  .cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot tr td.total > span {
    font-size: 12px;
  }
}
@media screen and (max-width: 600px) {
  .cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot tr td.total > svg {
    width: 15px;
  }
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot tr td.total-price {
  color: #1a1b1b;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media screen and (max-width: 600px) {
  .cartmain-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot tr td.total-price {
    font-size: 15px;
  }
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .order-text {
  padding: 14px 10px;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .order-text > p {
  color: #00a529;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0px;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .checkBox-text {
  margin-bottom: 10px;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .checkBox-text .form-check .form-check-input:focus {
  box-shadow: none;
  border-color: #d9d9d9;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .checkBox-text .form-check .form-check-label {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  margin-left: 2px;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .input-groups .btn-outline-primary {
  width: auto;
  margin: 0 auto;
  display: block;
  height: auto;
}
@media screen and (max-width: 767px) {
  .cartmain-page .cart-template .left-side .coupons-section .price-details .input-groups .btn-outline-primary {
    height: 100%;
    width: 100%;
  }
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .input-groups .btn-outline-primary > span {
  color: var(--b4, #006ca5);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .secure-text {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-top: 17px;
}
.cartmain-page .cart-template .left-side .coupons-section .price-details .secure-text .text-box > span {
  color: var(--grey1, #747983);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
}
@media screen and (max-width: 500px) {
  .cartmain-page .swiper-custom-slider .swiper-slide {
    width: auto !important;
  }
}
.cartmain-page .swiper-custom-slider .product-card .price {
  flex-wrap: wrap;
}
.cartmain-page .swiper-custom-slider .product-card .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cartmain-page .swiper-custom-slider .product-card .product-img {
  margin-bottom: 0px;
  margin-top: 0px;
}
@media screen and (max-width: 767px) {
  .cartmain-page .swiper-custom-slider .product-card .product-img {
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
  }
}
.cartmain-page .swiper-custom-slider .movetocart {
  margin-top: 24px;
}
.cartmain-page .swiper-custom-slider:hover .swiper-button-next {
  display: flex !important;
}
.cartmain-page .swiper-custom-slider .swiper-button-next {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 3px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
  display: none;
}
.cartmain-page .swiper-custom-slider .swiper-button-next.swiper-button-disabled {
  display: none;
}
.cartmain-page .swiper-custom-slider .swiper-button-next::after {
  content: "\f061";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}
.cartmain-page .swiper-custom-slider .swiper-button-prev {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
}
.cartmain-page .swiper-custom-slider .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.cartmain-page .swiper-custom-slider .swiper-button-prev::after {
  content: "\f060";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}
.cartmain-page .new-section {
  padding: 0px 20px;
  border-bottom: 13px solid #eeeeee;
  padding-bottom: 37px;
  padding-top: 30px;
}

.applycoupon .modal-dialog {
  max-width: 675px;
}
.applycoupon .applycoupon-modal .modal-header {
  display: flex;
  padding: 20px;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  border-top: 1px solid #eeeded;
  border-bottom: 1px solid #eeeded;
}
.applycoupon .applycoupon-modal .modal-header > h2 {
  color: #000000;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.applycoupon .applycoupon-modal .modal-header .btn-close:focus {
  outline: none;
  box-shadow: none;
}
.applycoupon .applycoupon-modal .modal-body {
  padding: 0;
}
.applycoupon .applycoupon-modal .modal-body .coupon-input {
  display: flex;
  padding: 20px;
  position: relative;
  align-items: flex-start;
  gap: 10px;
  background-color: #eaf7fa;
  align-self: stretch;
  position: relative;
}
.applycoupon .applycoupon-modal .modal-body .coupon-input .form-control {
  display: flex;
  height: 48px;
  padding: 10px 20px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  color: #797979;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.applycoupon .applycoupon-modal .modal-body .coupon-input .btn-Check {
  position: absolute;
  right: 20px;
  z-index: 10;
  top: 30px;
  border: 0 !important;
  color: #006ca5;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}
.applycoupon .applycoupon-modal .modal-body .empty-space {
  display: flex;
  height: 60px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  background: #f6f6f6;
}
.applycoupon .applycoupon-modal .coupon-input {
  display: flex;
  gap: 10px;
  margin-bottom: 1rem;
}
.applycoupon .applycoupon-modal .coupon-input input.form-control {
  flex: 1;
}
.applycoupon .applycoupon-modal .coupon-input button {
  white-space: nowrap;
}
.applycoupon .applycoupon-modal .coupon-list {
  padding: 4px 0px 0px 0px;
  max-height: 483px;
  overflow: auto;
}
.applycoupon .applycoupon-modal .coupon-list .coupon-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px;
  border-bottom: 1px solid #ddd;
}
.applycoupon .applycoupon-modal .coupon-list .coupon-item:last-child {
  margin-bottom: 0px;
  border-bottom: 0;
}
.applycoupon .applycoupon-modal .coupon-list .coupon-item .input-groups {
  padding: 0px 24px 24px;
}
.applycoupon .applycoupon-modal .coupon-list .coupon-item .input-groups .form-check-input {
  margin-right: 0.75rem;
}
.applycoupon .applycoupon-modal .coupon-list .coupon-item .input-groups .form-check-input:focus {
  outline: none;
  box-shadow: none;
  border-color: #d9d9d9;
}
.applycoupon .applycoupon-modal .coupon-list .coupon-item .input-groups .form-check-label {
  display: flex;
  flex-direction: column;
}
.applycoupon .applycoupon-modal .coupon-list .coupon-item .input-groups .form-check-label .badge {
  margin-bottom: 14px;
  display: flex;
  padding: 11px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100px;
  border-radius: 5px;
  border: 1px dashed #04bade;
  color: #0496c7;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
.applycoupon .applycoupon-modal .coupon-list .coupon-item .input-groups .form-check-label .details > h5 {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 11px;
}
.applycoupon .applycoupon-modal .coupon-list .coupon-item .input-groups .form-check-label .details > p {
  color: #697277;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 0;
}
.applycoupon .applycoupon-modal .coupon-list .coupon-item .input-groups .form-check-label .details > small {
  color: #697277;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 0;
}
.applycoupon .applycoupon-modal .modal-footer {
  border-top: 1px solid #d9d9d9;
  display: flex;
  padding: 18px 24px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.applycoupon .applycoupon-modal .modal-footer .text-muted > p {
  color: #697277;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 4px;
}
.applycoupon .applycoupon-modal .modal-footer .text-muted > p > strong {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.applycoupon .applycoupon-modal .modal-footer .primary-btn {
  display: flex;
  width: 129px;
  height: 50px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.Cartcheckout-page .cart-template .breadcrumb-parent {
  margin-top: 8.5px;
}
@media screen and (max-width: 767px) {
  .Cartcheckout-page .cart-template .breadcrumb-parent {
    padding: 0px;
  }
}
.Cartcheckout-page .cart-template .breadcrumb-parent .template .breadcrumb .breadcrumb-item.last-items > a {
  color: #1a1b1b;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details {
  border: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  gap: 10px;
  align-self: stretch;
  margin-bottom: 13px;
}
@media screen and (max-width: 600px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .box-container {
    flex-direction: column;
    position: relative;
  }
}
@media screen and (max-width: 600px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .box-container .login-viewdetails .details-text {
    flex-direction: column;
    margin-bottom: 10px;
  }
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .box-container .change-option {
    position: absolute;
    right: 0;
  }
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .box-container .details-info {
    flex-direction: column;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .box-container .change-option {
  display: none;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .box-container.completed .change-option {
  display: block;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .accordion-button {
  padding: 0;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .accordion-button .badge-round {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 3px 8px 3px 8px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #daf6ff;
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 500;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .accordion-button::after {
  display: none;
}
@media screen and (max-width: 600px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details {
    flex-wrap: wrap;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-viewdetails {
  display: flex;
  gap: 18px;
}
@media screen and (max-width: 600px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-viewdetails {
    width: 100%;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-viewdetails .icon {
  background-color: #00a529;
  display: flex;
  width: 24px;
  height: 24px;
  padding: 2px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-viewdetails .icon > svg {
  filter: invert(0);
}
@media screen and (max-width: 600px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-viewdetails .details-text {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-viewdetails .details-text > h4 {
  color: #697277;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-viewdetails .details-text .details-info {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
@media screen and (max-width: 399px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-viewdetails .details-text .details-info {
    flex-direction: column;
    align-items: end;
  }
}
@media screen and (max-width: 767px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-viewdetails .details-text .details-info {
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-viewdetails .details-text .details-info .name {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-viewdetails .details-text .details-info .phone {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media screen and (max-width: 600px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .change-option {
    width: 100%;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .change-option .btn-outline-primary {
  display: flex;
  cursor: pointer;
  height: 38px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 340px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .change-option .btn-outline-primary {
    width: 80px;
  }
}
@media screen and (max-width: 600px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .change-option .btn-outline-primary {
    margin-left: auto;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container .login-row {
  padding: 0px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
@media screen and (min-width: 240px) and (max-width: 999px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container .login-row {
    flex-direction: column;
    padding: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container .login-row {
    flex-direction: column;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container .login-form {
  background: #fff;
  padding: 0;
  border-radius: 6px;
  flex: 1;
}
@media screen and (min-width: 560.5px) and (max-width: 999px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container .login-form {
    width: 100%;
    padding-left: 40px;
  }
}
@media screen and (min-width: 650px) and (max-width: 1199px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container .login-form {
    flex: auto;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container .login-form .small {
  font-size: 13px;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container .login-form .small > a {
  color: #2591d4;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container .login-form h6 {
  font-weight: 500;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container .login-form .form-control {
  border-radius: 0;
  border: none;
  font-size: 14px;
  padding: 8px 0px;
  border-bottom: 2px solid #ddd;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container .login-form .form-control:focus {
  box-shadow: none;
  border-color: #2874f0;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container .login-form .btn-login {
  height: 50px;
  background: #ff6600;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container .login-form .btn-login:hover {
  background: #ff6600, 5%;
}
@media screen and (min-width: 240px) and (max-width: 560px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container .login-benefits {
    padding-left: 5px;
    width: 100%;
  }
}
@media screen and (min-width: 560.5px) and (max-width: 999px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container .login-benefits {
    width: 100%;
    padding-left: 40px;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container .login-benefits h6 {
  font-weight: 500;
  font-size: 13px;
  color: #878787;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container .login-benefits ul li {
  font-size: 14px;
  color: #333;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container .login-benefits ul li .icon > svg {
  filter: invert(26%) sepia(93%) saturate(1327%) hue-rotate(179deg) brightness(91%) contrast(101%);
}
@media screen and (max-width: 360px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container.continue-checkout .login-row .continue-step1 {
    font-size: 15px;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container.continue-checkout .login-row .details-form {
  flex: 1;
}
@media screen and (min-width: 998.5px) and (max-width: 1200px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container.continue-checkout .login-row .details-form {
    width: 80%;
    flex: auto;
  }
}
@media screen and (min-width: 240px) and (max-width: 560px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container.continue-checkout .login-row .details-form {
    padding-left: 5px;
    width: 100%;
  }
}
@media screen and (min-width: 560.5px) and (max-width: 999px) {
  .Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container.continue-checkout .login-row .details-form {
    width: 100%;
    padding-left: 40px;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container.continue-checkout .login-row .details-form .details-box {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container.continue-checkout .login-row .details-form .details-box > label {
  font-weight: 500;
  font-size: 14px;
  color: #878787;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container.continue-checkout .login-row .details-form .details-box .details {
  font-size: 14px;
  color: #333;
  font-weight: 600;
  margin-bottom: 0;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container.continue-checkout .login-row .details-form .option-box > a {
  color: #2591d4;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container.continue-checkout .captioninfotext {
  padding: 0px 40px;
}
.Cartcheckout-page .cart-template .cart-items .template .login-box-details .login-container.continue-checkout .captioninfotext > p {
  margin-bottom: 0;
  margin-top: 16px;
  font-weight: 500;
  font-size: 14px;
  color: #878787;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .address-item {
  position: relative;
  padding: 16px 20px;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .address-content {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
@media screen and (max-width: 319px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .address-content {
    flex-direction: column;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .address-content .form-check-label .first-label {
  margin-bottom: 25.5px;
  display: flex;
}
@media screen and (max-width: 319px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .address-content .form-check-label .first-label {
    flex-direction: column;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 400px) and (max-width: 900px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .address-content .form-check-label .first-label {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 850px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .address-content .form-check-label .first-label {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 320px) and (max-width: 500px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .address-content .form-check-label .first-label {
    flex-direction: column;
    gap: 10px;
  }
}
@media screen and (min-width: 320px) and (max-width: 400px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .address-content .form-check-label .first-label .contain-info {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    align-items: baseline;
  }
}
@media screen and (min-width: 400px) and (max-width: 500px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .address-content .form-check-label .first-label .contain-info {
    display: flex;
    margin-top: 10px;
    gap: 9px;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .address-content .form-check-label .first-label .number {
  color: #1a1b1b;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .address-content .form-check-label .first-label > strong {
  color: #1a1b1b;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 6px;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .address-content .form-check-label .first-label .badge {
  border-radius: 3px;
  background: #ebebeb;
  padding: 4px 9px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #000000;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-left: 8px;
  margin-right: 8px;
}
@media screen and (max-width: 319px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .address-content .form-check-label .first-label .badge {
    margin: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 850px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .address-content .form-check-label .first-label .badge {
    margin: 0px;
  }
}
@media screen and (min-width: 320px) and (max-width: 500px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .address-content .form-check-label .first-label .badge {
    margin-left: 0px;
    width: 70px;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .address-content .content {
  display: flex;
  gap: 19px;
}
@media screen and (max-width: 319px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .address-content .content {
    gap: 10px;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .address-content .content .form-check {
  align-self: baseline;
  accent-color: #006ca5;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .actions {
  margin-top: 16px;
  padding: 0px 43px;
}
@media screen and (max-width: 340px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .actions {
    padding: 0px 10px;
  }
}
@media screen and (max-width: 320px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .actions {
    padding: 0px;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .actions .Deliver-options {
  display: none;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .actions .primary-btn {
  width: 204px;
  height: 50px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .address-item.selected {
  background-color: #eaf7fa;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .address-item .btn-sm {
  display: flex;
  height: 38px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  border: 1px solid var(--line-grey-Color, #d9d9d9);
  background: var(--White, #fff);
  color: var(--b4, #006ca5);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .address-item label {
  cursor: pointer;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item {
  gap: 19px;
  width: 100%;
  display: flex;
  padding: 30px 10px;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0px;
  background-color: #fff;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item {
    justify-content: right;
    flex-wrap: wrap;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-image {
  display: flex;
  width: 138px;
  gap: 19px;
  height: 138px;
  padding: 6px 0px 6px 0px;
  justify-content: normal;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
@media screen and (min-width: 320px) and (max-width: 449.9px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-image {
    margin: 0 auto;
    width: 200px;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-image img {
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-image .quantity-control {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  display: flex;
  width: 138px;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-image .quantity-control button {
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 10px;
  background-color: #e4e4e4;
  color: #747983;
  border: 0;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-image .quantity-control span {
  padding: 0 0.75rem;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  gap: 30px;
}
@media screen and (min-width: 240px) and (max-width: 649px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details {
    gap: 30px;
  }
}
@media screen and (min-width: 649px) and (max-width: 660px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details {
    gap: 50px;
  }
}
@media screen and (min-width: 900.5px) and (max-width: 1020px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details {
    gap: 50px;
  }
}
@media screen and (min-width: 790px) and (max-width: 969px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details {
    flex: 1 1 200px;
  }
}
@media screen and (min-width: 795px) and (max-width: 900px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details {
    flex: 1 1 200px;
  }
}
@media screen and (max-width: 767px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details {
    flex: 1 1 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 790px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details {
    flex: 1 1 184px;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .brand {
  color: #747983;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 0;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .name-brand {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 6px;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .sold-by {
  color: var(--grey1, #747983);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 10px;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .price-section {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .price-section .price {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  gap: 5px;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .price-section .price .details {
  color: #747983;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .price-section .price .details-price {
  color: #747983;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: line-through;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .price-section .discount {
  color: #00a529;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .exchange-box {
  border-radius: 24px;
  background: #c9f7ef;
  display: inline-flex;
  padding: 5px 11px;
  align-items: center;
  gap: 5px;
  margin-top: 12px;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .exchange-box .first-label {
  color: var(--b5, #02367b);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .exchange-box .line {
  color: #60bead;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .exchange-box .last-label {
  color: var(--b5, #02367b);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .coupon {
  margin-top: 0.5rem;
  font-size: 0.9rem;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .coupon .coupon-text {
  color: #006ca5;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .coupon .returninfo-box {
  display: inline-flex;
  padding: 5px 9px;
  align-items: center;
  gap: 5px;
  border-radius: 24px;
  background: #fff4c7;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .coupon .applied {
  color: #00a529;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .coupon .applied > span {
  color: #00a529;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .out-of-stock {
  padding: 8px 0px;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .out-of-stock .outof-textlabel {
  color: #ff6060;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .actions .wishlist-btn {
  display: flex;
  height: 38px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  background: #fff;
  color: #1a1b1b;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .item-details .actions .remove-btn {
  margin-top: 10px;
  display: flex;
  height: 38px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  background: #fff;
  color: #1a1b1b;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .delivery {
  align-self: auto;
  width: 100%;
  display: flex;
  align-items: end;
  flex-direction: column;
  justify-content: end;
}
@media screen and (min-width: 240px) and (max-width: 660px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .delivery {
    align-items: flex-start;
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  .Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .delivery {
    align-items: flex-start;
    margin-top: 20px;
  }
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .delivery .delivery-label .first {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .delivery .delivery-label .second {
  color: var(--grey1, #747983);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .delivery .delivery-label .line-price {
  color: var(--grey1, #747983);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: line-through;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .cart-item .delivery .delivery-label .free {
  color: #00a529;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Cartcheckout-page .cart-template .cart-items .template .right-section .checkout-option {
  position: sticky;
  top: 0px;
  bottom: 0;
  background: #fff;
  padding: 20px;
}
.Cartcheckout-page .cart-template .cart-items .template .checkout-option {
  position: sticky;
  bottom: 0;
  display: flex;
  padding: 20px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  background-color: #fff;
  align-self: stretch;
  border-top: 1px solid var(--line-grey-Color, #d9d9d9);
  border-bottom: 1px solid var(--line-grey-Color, #d9d9d9);
}
.Cartcheckout-page .cart-template .cart-items .template .checkout-option .btn {
  display: flex;
  width: 281px;
  height: 50px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media (max-width: 600px) {
  .Cartcheckout-page .cart-template .cart-items .template .cart-item {
    flex-direction: column;
  }
  .Cartcheckout-page .cart-template .cart-items .template .cart-item .item-image,
  .Cartcheckout-page .cart-template .cart-items .template .cart-item .item-details,
  .Cartcheckout-page .cart-template .cart-items .template .cart-item .delivery {
    flex: 1 1 100%;
  }
  .Cartcheckout-page .cart-template .cart-items .template .cart-item .actions {
    flex-direction: column;
  }
}
.Cartcheckout-page .cart-template .right-side {
  padding-right: 24px;
  border-right: 1px solid #d9d9d9;
}
@media screen and (max-width: 767px) {
  .Cartcheckout-page .cart-template .right-side {
    padding-right: 0px;
    border-right: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .Cartcheckout-page .cart-template .right-side {
    width: 60%;
  }
}
.Cartcheckout-page .cart-template .right-side .cart-items {
  padding: 0px 20px;
}
@media screen and (max-width: 767px) {
  .Cartcheckout-page .cart-template .right-side .cart-items {
    padding: 0px;
  }
}
@media screen and (max-width: 767px) {
  .Cartcheckout-page .cart-template .right-side .cart-items .template {
    padding: 0px;
  }
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item {
  margin: 13px 0px;
  border: 1px solid #d9d9d9;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 20px;
  border-bottom: 1px solid #eeeeee;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .accordion-header.completed .icon {
  background-color: #00a529;
  display: flex;
  width: 24px;
  height: 24px;
  padding: 2px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .accordion-header.completed .btn-outline-primary {
  display: flex;
  height: 38px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  visibility: visible;
  pointer-events: auto;
}
@media screen and (max-width: 340px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .accordion-header.completed .btn-outline-primary {
    width: 80px;
  }
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .accordion-header.completed .accordion-button {
  pointer-events: none;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .accordion-header.active {
  color: #fff !important;
  border: 1px solid #0496c7;
  background: #0496c7;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .accordion-header.active .badge-round {
  background-color: #fff;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .accordion-header.active .accordion-button {
  color: #fff !important;
  border: 1px solid #0496c7;
  background: #0496c7;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .accordion-header.active .accordion-button:focus {
  outline: none;
  box-shadow: none;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .accordion-header .btn-outline-primary {
  display: flex;
  height: 38px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  visibility: hidden;
  pointer-events: none;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .accordion-header .accordion-button {
  display: flex;
  padding: 16px 0px;
  gap: 10px;
  align-self: stretch;
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #697277;
  box-shadow: none;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: transparent;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .accordion-header .accordion-button:focus {
  outline: none;
  box-shadow: none;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .accordion-header .accordion-button:after {
  display: none;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .accordion-header .accordion-button .badge-round {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 3px 8px 3px 8px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #daf6ff;
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 500;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .cart-summary .cart-item {
  padding: 30px 20px;
  align-items: flex-start;
  justify-content: flex-start;
}
@media screen and (min-width: 240px) and (max-width: 660px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .cart-summary .cart-item {
    flex-wrap: wrap;
  }
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .cart-summary .cart-item .cart-options-group {
  display: flex;
  align-items: flex-start;
  gap: 25px;
}
@media screen and (min-width: 450px) and (max-width: 650px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .cart-summary .cart-item .cart-options-group {
    align-items: normal;
    gap: 15px;
    width: 30%;
  }
}
@media screen and (min-width: 320px) and (max-width: 450px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .cart-summary .cart-item .cart-options-group {
    align-items: normal;
    gap: 15px;
    flex-direction: column;
    width: auto;
  }
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .cart-summary .checkout-option span {
  color: #1a1b1b;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .cart-summary .openbox {
  max-width: 308px;
  display: flex;
  gap: 12px;
  margin-top: 28px;
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .cart-summary .openbox {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .cart-summary .openbox {
    max-width: 100%;
  }
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .cart-summary .openbox .text-para > span {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 8px;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .cart-summary .openbox .text-para .more {
  margin-top: 8px;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .cart-summary .openbox .text-para .more > a {
  color: var(--b4, #006ca5);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section {
  background: #fff;
  padding: 0;
  border-radius: 8px;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section h4 {
  margin-bottom: 1rem;
  color: #0077b6;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card {
  display: flex;
  border-bottom: 1px solid #ddd;
  padding: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #fff;
  align-items: baseline;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card.selected {
  background: #eaf7fa;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content {
  display: flex;
  align-items: start;
  flex-direction: column;
  flex: 1;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content input[type=radio] {
  margin-right: 17px;
  align-self: baseline;
  height: 40px;
  accent-color: #006ca5;
}
@media screen and (max-width: 767px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content input[type=radio] {
    margin-right: 10px;
  }
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content img {
  width: 40px;
  height: auto;
  align-self: baseline;
  margin-right: 1rem;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .pay {
  display: flex;
  align-items: center;
  gap: 0px;
}
@media screen and (min-width: 320px) and (max-width: 420px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .pay {
    gap: 20px;
  }
}
@media screen and (min-width: 240px) and (max-width: 360px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .pay {
    flex-direction: column;
    width: 100%;
  }
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .pay .payment-options {
  display: flex;
  align-self: self-start;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .pay .info-details {
  display: flex;
  gap: 8px;
  flex-direction: row;
  max-width: 650px;
  flex-wrap: wrap;
}
@media screen and (min-width: 601px) and (max-width: 767px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .pay .info-details {
    max-width: 350px;
  }
}
@media screen and (min-width: 768px) and (max-width: 810px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .pay .info-details {
    max-width: 200px;
    flex-direction: column;
  }
}
@media screen and (min-width: 810px) and (max-width: 954px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .pay .info-details {
    max-width: 300px;
    flex-direction: column;
  }
}
@media screen and (min-width: 320px) and (max-width: 500px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .pay .info-details {
    max-width: 200px;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 500px) and (max-width: 600px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .pay .info-details {
    max-width: 350px;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .pay .info-details .account-details {
    flex-direction: column;
    display: flex;
  }
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .pay .info-details .account-details > span {
  color: var(--grey1, #747983);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .pay .info-details .info-contents {
  display: flex;
  gap: 16.5px;
}
@media screen and (min-width: 320px) and (max-width: 600px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .pay .info-details .info-contents {
    flex-direction: column;
  }
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .pay .info-details .emi-info {
  margin-bottom: 0;
  color: var(--BLK, #1a1b1b);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info {
  padding-left: 85px;
  align-items: center;
  justify-content: space-between;
  display: flex;
  margin-top: 18px;
  flex-direction: column;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info {
    padding-left: 0px;
  }
}
@media screen and (min-width: 320px) and (max-width: 631px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info {
    padding-left: 0px;
  }
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info .info-details {
  margin-bottom: 16.5px;
  display: flex;
  gap: 10px;
}
@media screen and (min-width: 320px) and (max-width: 631px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info .info-details {
    flex-direction: column;
  }
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info .info-details > strong {
  color: #1a1b1b;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-right: 8px;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info .info-details span {
  color: var(--grey1, #747983);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info .emi-options .emi-text {
  margin-bottom: 16px;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info .emi-options .emi-text > span {
  color: var(--BLK, #1a1b1b);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info .emi-options .options > label input[type=radio] {
  margin-right: 8px;
  height: auto;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info .emi-options label {
  display: block;
  margin-bottom: 7px;
  color: var(--BLK, #1a1b1b);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info .emi-options .offer {
  margin-bottom: 17px;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info .emi-options .offer > span {
  color: var(--G1, #00a529);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info .emi-options .offer .icon {
  margin-left: 2.5px;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info .emi-options .offer a {
  color: var(--b4, #006ca5);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info .cta {
  display: flex;
  gap: 11px;
  margin-top: 22px;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info .cta .ccv {
  display: flex;
  text-align: center;
  width: 124px;
  height: 50px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  border: 1px solid var(--line-grey-Color, #d9d9d9);
  background: #fff;
}
@media screen and (max-width: 600px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info .cta .ccv {
    width: 100%;
  }
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info .cta .ccv:focus-visible {
  outline: none;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info .cta .continue-btn {
  width: 204px;
  height: 50px;
}
@media screen and (max-width: 600px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content .info .cta .continue-btn {
    width: 100%;
  }
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .other-options label {
  display: flex;
  padding: 0.8rem;
  border-radius: 0px;
  align-items: baseline;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .other-options label .info {
  color: var(--BLK, #1a1b1b);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
  margin-bottom: 9.5px;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .other-options label .details {
  color: var(--grey1, #747983);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .other-options label input {
  margin-right: 17px;
  accent-color: #006ca5;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .other-options label span {
  display: block;
  font-size: 0.8rem;
  color: #555;
  margin-top: 0.3rem;
}
@media (max-width: 480px) {
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section {
    padding: 0.8rem;
  }
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content {
    flex-direction: column;
  }
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .payment-card .card-content img {
    margin-bottom: 0.5rem;
  }
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .cta {
    flex-direction: column;
  }
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .cta .ccv,
  .Cartcheckout-page .cart-template .right-side .accordion .accordion-item .payment-section .cta .continue-btn {
    width: 100%;
  }
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-collapse .accordion-body {
  padding: 0px;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-collapse .accordion-body .address-item-action .viewAddress {
  display: flex;
  padding: 10px 20px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-bottom: 1px solid #d9d9d9;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-collapse .accordion-body .address-item-action .viewAddress > a {
  color: #006ca5;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-collapse .accordion-body .address-item-action .viewAddress > a .icon {
  color: #006ca5;
  margin-left: 3.5px;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-collapse .accordion-body .address-item-action .AddnewAddress {
  display: flex;
  padding: 10px 20px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-collapse .accordion-body .address-item-action .AddnewAddress > a {
  color: #006ca5;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.Cartcheckout-page .cart-template .right-side .accordion .accordion-collapse .accordion-body .address-item-action .AddnewAddress > a .icon {
  color: #006ca5;
  margin-left: 3.5px;
}
.Cartcheckout-page .cart-template .left-side {
  position: sticky;
  top: 130px;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}
@media screen and (max-width: 400px) {
  .Cartcheckout-page .cart-template .left-side {
    padding: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .Cartcheckout-page .cart-template .left-side {
    width: 40%;
  }
}
.Cartcheckout-page .cart-template .left-side .coupons-section {
  padding: 6px 27px;
  max-width: 442px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .Cartcheckout-page .cart-template .left-side .coupons-section {
    padding: 6px 10px;
  }
}
@media screen and (max-width: 767px) {
  .Cartcheckout-page .cart-template .left-side .coupons-section {
    padding: 0px;
    max-width: 100%;
  }
}
.Cartcheckout-page .cart-template .left-side .coupons-section > h2 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  padding: 18px 0px;
  line-height: normal;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .Coupons-badge {
  border-radius: 9px;
  border: 1px solid #c0efff;
  background: #f3fcff;
  padding: 10px;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .Coupons-badge .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .Coupons-badge .content .left-content {
  display: flex;
  align-items: center;
  gap: 6px;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .Coupons-badge .content .left-content .icon {
  margin-left: 2.5px;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .Coupons-badge .content .left-content .heading .text > p {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0px;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .Coupons-badge .content .left-content .heading .text > span {
  color: #00a529;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 400px) {
  .Cartcheckout-page .cart-template .left-side .coupons-section .Coupons-badge .content .right-content {
    margin-left: auto;
  }
}
.Cartcheckout-page .cart-template .left-side .coupons-section .Coupons-badge .content .right-content .btn {
  display: flex;
  height: 38px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: var(--b4, #006ca5);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details {
  padding: 10px 0px;
  gap: 10px;
  margin: 0px 6px;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details > h2 {
  color: #000000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 18px 0px;
  border-bottom: 1px solid rgba(221, 221, 221, 0.8666666667);
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable {
  margin-bottom: 0;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table {
  width: 100%;
  border: 0;
  margin-top: 10px;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tbody {
  border-bottom: 1px dashed #bebebe;
  padding-bottom: 0px;
  display: block;
  width: 100%;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tbody tr {
  border: 0;
  width: 100%;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tbody tr td {
  width: 50%;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tbody tr td.heading {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tbody tr td.value {
  text-align: end;
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tbody tr td.value.text-green {
  color: #00a529;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tbody tr td.value.text-fees {
  color: #747983;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tbody tr td.value.text-fees .price {
  text-decoration-line: line-through;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tbody tr td.value.text-fees .green-text {
  color: var(--G1, #00a529);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot {
  width: 100%;
  display: block;
  border-bottom: 1px dashed #bebebe;
  padding: 7px 0px;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot tr {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
}
@media screen and (min-width: 768px) and (max-width: 1141px) {
  .Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot tr {
    flex-direction: column;
    align-items: end;
    gap: 9px;
  }
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot tr td.total {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot tr td.total .info-icon {
  margin: 5px;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot tr td.total > span {
  color: var(--grey1, #747983);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 8px;
}
@media screen and (max-width: 400px) {
  .Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot tr td.total > span {
    font-size: 12px;
    margin-left: 4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot tr td.total > span {
    font-size: 14px;
  }
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot tr td.total-price {
  color: #1a1b1b;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media screen and (max-width: 340px) {
  .Cartcheckout-page .cart-template .left-side .coupons-section .price-details .price-detailsTable > table tfoot tr td.total-price {
    font-size: 15px;
  }
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .order-text {
  padding: 14px 10px;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .order-text > p {
  color: #00a529;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0px;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .checkBox-text {
  margin-bottom: 10px;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .checkBox-text .form-check .form-check-input:focus {
  box-shadow: none;
  border-color: #d9d9d9;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .checkBox-text .form-check .form-check-label {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  margin-left: 2px;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .input-groups .btn-outline-primary {
  width: 100%;
  padding: 10px;
  height: 40px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .input-groups .btn-outline-primary > svg {
  flex: none;
}
@media screen and (max-width: 767px) {
  .Cartcheckout-page .cart-template .left-side .coupons-section .price-details .input-groups .btn-outline-primary {
    height: 100%;
  }
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .input-groups .btn-outline-primary > span {
  color: var(--b4, #006ca5);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .secure-text {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-top: 17px;
}
.Cartcheckout-page .cart-template .left-side .coupons-section .price-details .secure-text .text-box > span {
  color: var(--grey1, #747983);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
}
.Cartcheckout-page .swiper-custom-slider .product-card .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.Cartcheckout-page .swiper-custom-slider .product-card .product-img {
  margin-bottom: 0px;
  margin-top: 0px;
}
.Cartcheckout-page .swiper-custom-slider .movetocart .btn-transparent-view {
  margin-top: 20px;
}
.Cartcheckout-page .swiper-custom-slider:hover .swiper-button-next {
  display: flex !important;
}
.Cartcheckout-page .swiper-custom-slider .swiper-button-next {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 3px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
  display: none;
}
.Cartcheckout-page .swiper-custom-slider .swiper-button-next.swiper-button-disabled {
  display: none;
}
.Cartcheckout-page .swiper-custom-slider .swiper-button-next::after {
  content: "\f061";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}
.Cartcheckout-page .swiper-custom-slider .swiper-button-prev {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
}
.Cartcheckout-page .swiper-custom-slider .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.Cartcheckout-page .swiper-custom-slider .swiper-button-prev::after {
  content: "\f060";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}
.Cartcheckout-page .new-section {
  padding: 0px 20px;
  border-bottom: 13px solid #eeeeee;
  padding-bottom: 37px;
  padding-top: 30px;
}

.contact-page .top-section {
  background-color: #eaf7fa;
  padding: 20px 10px;
  margin-bottom: 37px;
}
@media screen and (min-width: 240px) and (max-width: 767px) {
  .contact-page .top-section {
    padding: 20px 0px;
  }
  .contact-page .top-section .template {
    padding: 15px;
  }
}
.contact-page .top-section .contact-options .contact-view {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 75px;
  flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
  .contact-page .top-section .contact-options .contact-view {
    gap: 40px;
  }
}
.contact-page .top-section .contact-options .contact-view .contact-item .contact-media {
  display: flex;
  gap: 15px;
}
@media screen and (min-width: 240px) and (max-width: 600px) {
  .contact-page .top-section .contact-options .contact-view .contact-item .contact-media {
    gap: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.contact-page .top-section .contact-options .contact-view .contact-item .icon-box {
  background: #fff;
  border-radius: 12px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  width: 40px;
  height: 40px;
}
.contact-page .top-section .contact-options .contact-view .contact-item .label {
  color: #6c757d;
  font-size: 14px;
  font-weight: 500;
  text-align: justify;
}
@media screen and (min-width: 240px) and (max-width: 600px) {
  .contact-page .top-section .contact-options .contact-view .contact-item .label {
    font-size: 11px;
    text-align: center;
  }
}
.contact-page .top-section .contact-options .contact-view .contact-item .label > p {
  margin-bottom: 0;
  color: #000000;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
@media screen and (min-width: 240px) and (max-width: 767px) {
  .contact-page .top-section .contact-options .contact-view .contact-item .label > p {
    font-size: 11px;
  }
}
.contact-page .inner-section {
  border-bottom: 1px solid #eeeeee;
}
.contact-page .inner-section .template .contact-form {
  margin-bottom: 56px;
}
.contact-page .inner-section .template .contact-form > h2 {
  color: #000000;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: normal;
}
.contact-page .inner-section .template .contact-form > p {
  margin-bottom: 0;
  color: #000000;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.contact-page .inner-section .template .contact-form-section {
  margin-bottom: 81px;
}
.contact-page .inner-section .template .contact-form-section .contact-form-input {
  display: flex;
  width: 554px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}
@media screen and (min-width: 240px) and (max-width: 767px) {
  .contact-page .inner-section .template .contact-form-section .contact-form-input {
    width: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1156px) {
  .contact-page .inner-section .template .contact-form-section .contact-form-input {
    width: 100%;
    margin: 0 auto;
    padding: 0px 30px 0px 0px;
  }
}
.contact-page .inner-section .template .contact-form-section .contact-form-input .input-groups {
  margin-bottom: 18px;
}
@media screen and (min-width: 240px) and (max-width: 767px) {
  .contact-page .inner-section .template .contact-form-section .contact-form-input .input-groups {
    margin-bottom: 12px;
  }
}
.contact-page .inner-section .template .contact-form-section .contact-form-input .input-groups > label {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 8px;
}
.contact-page .inner-section .template .contact-form-section .contact-form-input .input-groups textarea.form-control {
  display: flex;
  height: 98px;
  min-width: 240px;
  align-items: flex-start;
  align-self: stretch;
}
.contact-page .inner-section .template .contact-form-section .contact-form-input .input-groups .form-control {
  height: 48px;
  padding: 12px 16px;
}
.contact-page .inner-section .template .contact-form-section .contact-form-input .input-groups .form-select {
  width: 100%;
  max-width: 100%;
  height: 48px;
  padding: 0px 40px 0px 16px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: right 16px center;
  background-size: 14px 12px;
}
.contact-page .inner-section .template .contact-form-section .contact-form-input .input-groups .input-group {
  width: 100%;
  display: flex;
  align-items: stretch;
}
.contact-page .inner-section .template .contact-form-section .contact-form-input .input-groups .input-group .form-select {
  flex: 0 0 92px;
  width: 92px;
  max-width: 92px;
}
@media screen and (max-width: 767px) {
  .contact-page .inner-section .template .contact-form-section .contact-form-input .input-groups .input-group .form-select {
    flex-basis: 88px;
    width: 88px;
    max-width: 88px;
  }
}
.contact-page .inner-section .template .contact-form-section .form-heading {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1086px) {
  .contact-page .inner-section .template .contact-form-section .custom-widththeme {
    flex: 0 0 auto;
    width: 100%;
  }
}

.Product-listing-page .our-promises {
  border-bottom: 1px solid #d9d9d9;
}

.compare-productoption {
  position: fixed;
  bottom: 20px;
  right: 80px;
  z-index: 999;
}

.campare-product {
  display: none;
}

.campare-product {
  position: relative;
  z-index: 1001;
}
.campare-product .btn-compare {
  background-color: #006ca5;
  color: #fff;
  padding: 10px 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  display: flex;
  width: auto;
  height: 50px;
  padding: 10px 22px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  right: 5px;
  bottom: 8px;
}
.campare-product .btn-compare .count {
  display: flex;
  width: 20px;
  height: 20px;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #000000;
  border-radius: 50%;
  background: #fff;
  color: #1a1b1b;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* Show on hover */
.btn-compare:hover + .campare-product-list,
.campare-product-list:hover {
  display: block;
}

/* Remove All button hidden by default */
#removeAllBtn {
  display: none;
}

/* Show Remove All only when hovering the drawer */
.campare-product-list:hover #removeAllBtn {
  display: inline-block;
}

.campare-product-list {
  display: none;
  position: absolute;
  bottom: 0px;
  right: 0;
  min-width: 100%;
  background: #fff;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
  padding: 0px;
  border-radius: 8px;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.campare-product-list .box-content {
  position: relative;
}
.campare-product-list .box-content .img-box {
  width: 134px;
  padding: 14px 15px;
}
.campare-product-list .box-content .img-box > img {
  width: 100%;
  margin-bottom: 26px;
}
.campare-product-list .box-content .img-box > p {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 30px;
}
.campare-product-list .box-content .close-btn {
  position: relative;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  padding: 10px;
}
.campare-product-list.visible {
  display: block;
}
.campare-product-list .box-footer {
  display: flex;
  align-items: center;
  justify-content: inherit;
  padding: 10px;
}
.campare-product-list .box-footer .btn-compare {
  background-color: #006ca5;
  color: #fff;
  padding: 10px 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  display: flex;
  width: 170px;
  height: 50px;
  padding: 10px 22px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.campare-product-list .box-footer .btn-compare .count {
  display: flex;
  width: 20px;
  height: 20px;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #000000;
  border-radius: 50%;
  background: #fff;
  color: #1a1b1b;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.campare-product-list .removeAllBtn {
  color: #1A1B1B;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 150px;
}

@media (max-width: 767.98px) {
  .collapse.show-mobile {
    display: block; /* force open */
    visibility: visible !important;
    height: auto !important;
  }
}
.compare-detailspage .content-of-page {
  border-top: 0;
}
.compare-detailspage .content-of-page .comparecard-first {
  display: grid;
  grid-template-columns: 310px repeat(4, minmax(220px, 1fr));
  gap: 100px;
  background: #fff;
  border-bottom: 1px solid #d9d9d9;
}
.compare-detailspage .content-of-page .comparecard-first .selected-info {
  display: flex;
  min-width: 310px;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  width: 310px;
}
.compare-detailspage .content-of-page .comparecard-first .selected-info > h2 {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 12px;
}
.compare-detailspage .content-of-page .comparecard-first .selected-info > span {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 500;
}
.compare-detailspage .content-of-page .comparecard-first .flexbox-content {
  display: flex;
  align-items: center;
}
.compare-detailspage .content-of-page .comparecard-first .flexbox-content .product-card {
  display: flex;
  padding: 20px 20px 29px 20px;
  align-items: flex-start;
  flex-direction: column;
  gap: 12px;
  flex: 1 0 0;
}
.compare-detailspage .content-of-page .comparecard-first .flexbox-content .product-card .title {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 500;
  margin-bottom: 6px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 245px;
  min-width: 200px;
  width: 140px;
}
.compare-detailspage .content-of-page .comparecard-first .flexbox-content .product-card .product-img {
  margin-bottom: 0px;
  margin-top: 0px;
}
@media screen and (max-width: 767px) {
  .compare-detailspage .content-of-page .comparecard-first .flexbox-content .product-card .product-img {
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
  }
}
.compare-detailspage .content-of-page .comparecard-first .flexbox-content .product-card .price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 600px) {
  .compare-detailspage .content-of-page .comparecard-first .flexbox-content .product-card .price {
    flex-wrap: wrap;
  }
}
.compare-detailspage .content-of-page .comparecard-first .flexbox-content .product-card .price .AED {
  font-size: 12px;
  font-weight: 600;
  color: #1a1b1b;
  line-height: 100%;
  position: relative;
  bottom: 5px;
}
.compare-detailspage .content-of-page .comparecard-first .flexbox-content .product-card .price .new {
  color: #000000;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
}
.compare-detailspage .content-of-page .comparecard-first .flexbox-content .product-card .price .old {
  text-decoration: line-through;
  color: #959595;
  line-height: 100%;
  font-size: 14px;
  font-weight: 500;
}
.compare-detailspage .content-of-page .comparecard-first .flexbox-content .product-card .price .discount {
  color: #00a529;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}
.compare-detailspage .content-of-page .comparecard-first .flexbox-content .product-card .close-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper {
  overflow-x: auto;
  border: 1px solid #d9d9d9;
  border-top: 0;
  margin-bottom: 26px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid {
  background: #fff;
}
@media screen and (max-width: 767px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-grid .label-col {
    position: sticky;
    left: 0;
    z-index: 100;
    background: white;
    min-width: 130px;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 767px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-grid {
    grid-template-columns: 230px repeat(4, minmax(220px, 1fr));
    gap: 22px;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid .label-col {
  padding: 20px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid .rating-cell {
  padding: 20px 24px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid .rating-cell .rating {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 25.5px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid .rating-cell .rating .rating-star > span {
  margin-left: 2px;
  font-size: 12px;
  color: #edaa00;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid .rating-cell .rating .rating-star > span.unlike {
  color: #bebebe;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid .rating-cell .rating > span {
  color: #000;
  font-size: 14px;
  line-height: 100%;
  font-weight: 500;
  text-decoration: underline;
  margin-left: 5px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid .rating-cell .btn-outline-primary {
  width: 178px;
  margin-bottom: 29px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid .rating-cell .txt-info > span {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid .rating-cell .txt-info > span .text-green {
  color: #00a529;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list {
  border-bottom: 1px solid rgba(217, 217, 217, 0.8509803922);
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list.at-top {
  overflow-y: auto;
  position: fixed;
  padding-top: 30px;
  margin: auto;
  background: #fff;
  z-index: 6;
  top: 125px;
  width: 100%;
  max-width: 1436px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list.at-top {
    top: 0px;
    position: relative;
    padding-top: 0px;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list.at-top .product-card .close-icon {
  display: none;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list .product-card {
  position: relative;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list .product-card .product-img {
  position: sticky;
  top: 0;
  z-index: 10;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list .product-card .product-img.hide {
  opacity: 0;
  height: 0;
  transform: scale(0.95);
  pointer-events: none;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list .label-col .selected-info {
  display: flex;
  min-width: 310px;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  width: 310px;
}
@media screen and (max-width: 767px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list .label-col .selected-info {
    min-width: auto;
    width: auto;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list .label-col .selected-info > h2 {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 12px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list .label-col .selected-info > span {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 500;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list .product-card {
  display: flex;
  padding: 20px 20px 29px 20px;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  flex: 1 0 0;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list .product-card .title {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 500;
  margin-bottom: 6px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 245px;
  min-width: 200px;
  width: 140px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list .product-card .product-img {
  margin-bottom: 0px;
  margin-top: 0px;
}
@media screen and (max-width: 767px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list .product-card .product-img {
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list .product-card .price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 600px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list .product-card .price {
    flex-wrap: wrap;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list .product-card .price .AED {
  font-size: 12px;
  font-weight: 600;
  color: #1a1b1b;
  line-height: 100%;
  position: relative;
  bottom: 5px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list .product-card .price .new {
  color: #000000;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list .product-card .price .old {
  text-decoration: line-through;
  color: #959595;
  line-height: 100%;
  font-size: 14px;
  font-weight: 500;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list .product-card .price .discount {
  color: #00a529;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.first-list .product-card .close-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.second-list .label-col {
  border-right: 1px solid #d9d9d9;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.second-list .label-col.two-label {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.second-list .label-col.two-label > span {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.second-list .rating-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #d9d9d9;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.second-list .rating-cell:last-child {
  border-right: 0;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.empty-cell {
  background-color: #eaf7fa;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.empty-cell .label-col {
  border-right: 1px solid #d9d9d9;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.empty-cell .label-col > span {
  color: #006ca5;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.empty-cell .empty-col-cell {
  border-right: 1px solid #d9d9d9;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .label-col {
  border-right: 1px solid #d9d9d9;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .label-col > span {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .list-content {
  padding: 24px 20px;
  border-right: 1px solid #d9d9d9;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .list-content > span {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card {
  position: relative;
  border-radius: 0px;
  padding: 15px;
  text-align: left;
  transition: box-shadow 0.3s;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .details {
  padding: 10px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .product-img {
  width: 100%;
  height: 199px;
  margin-bottom: 37px;
  object-fit: contain;
  margin-top: 17px;
  position: relative;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .product-img:hover {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
@media screen and (max-width: 767px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .product-img {
    margin-bottom: 8px;
    height: 100%;
    margin-top: 40px;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-align: start;
  color: #000000;
  margin-bottom: 6px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 245px;
  min-width: 100%;
  width: 140px;
}
@media only screen and (min-width: 320px) and (max-width: 699px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 12px;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .title:hover {
  color: #0496c7;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .brand {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #858585;
  margin-bottom: 8px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .rating {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 29px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .rating .rating-star > span {
  margin-left: 2px;
  font-size: 12px;
  color: #edaa00;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .rating .rating-star > span.unlike {
  color: #bebebe;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .rating > span {
  color: #000;
  font-size: 14px;
  line-height: 100%;
  font-weight: 500;
  text-decoration: underline;
  margin-left: 5px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 14px;
  flex-wrap: wrap;
  font-weight: 600;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .price {
    text-align: center;
    justify-content: normal;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .price .AED {
  font-size: 12px;
  font-weight: 600;
  color: #1a1b1b;
  line-height: 100%;
  position: relative;
  bottom: 5px;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .price .AED {
    font-size: 12px;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .price .new {
  color: #000000;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .price .new {
    font-size: 15px;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .price .old {
  text-decoration: line-through;
  color: #959595;
  line-height: 100%;
  font-size: 14px;
  font-weight: 500;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .price .discount {
  color: #00a529;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .delivery-status {
  margin-bottom: 23px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .delivery-status > span {
  color: rgb(0, 0, 0);
  font-size: 12px;
  font-weight: 400;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .add-to-cart-btn {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 50px;
  color: #fff;
  gap: 0.5rem;
  padding: 10px;
  background: #006ca5;
  border: 1.5px solid #0496c7;
  border-radius: 4px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  justify-content: center;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
  margin-bottom: 12px;
  transition: background-position 0.4s ease, color 0.3s ease, opacity 0.3s ease;
  opacity: 0.9;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .add-to-cart-btn {
    font-size: 13px;
    height: auto;
    padding: 5px 10px;
  }
}
@media screen and (max-width: 767px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .add-to-cart-btn {
    width: auto;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-grid.list-details .product-grid .product-card .add-to-cart-btn svg {
  width: 16px;
  height: 16px;
  filter: invert(0);
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure {
  overflow-x: auto;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table {
  border: 1px solid rgba(217, 217, 217, 0.8509803922);
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr.stripped-bg {
  background-color: #eaf7fa;
  z-index: 100;
  position: relative;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr.stripped-bg td {
  padding: 0;
  background-color: #eaf7fa !important;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr.stripped-bg td .label-col span {
  color: #006ca5;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr:first-child {
  border-bottom: 1px solid rgba(217, 217, 217, 0.8509803922);
  width: 100%;
  background: #fff;
  z-index: 1000;
  border-right: 1px solid rgba(221, 221, 221, 0.8666666667);
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr:first-child td {
  border: 0;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr:first-child .product-card {
  padding: 20px 0px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr:first-child .product-card.scroll-top .close-icon {
  display: none;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr:first-child .product-card a .product-img.hide {
  display: none;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td {
  border: 1px solid rgba(217, 217, 217, 0.8509803922);
  border-bottom: 0;
  border-top: 0;
  vertical-align: baseline;
  padding-top: 20px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td:first-child {
  width: 310px;
  max-width: 310px;
  min-width: 310px;
  left: -2px;
  background-color: #fff;
  position: sticky;
  z-index: 100;
}
@media screen and (max-width: 767px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td:first-child {
    position: sticky;
    top: 0;
    left: -2px;
    z-index: 1;
    background-color: #fff;
    border-right: 1px solid rgba(217, 217, 217, 0.8509803922);
    width: 145px;
    min-width: 145px;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td:first-child .label-col .selected-info {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
@media screen and (max-width: 767px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td:first-child .label-col .selected-info {
    min-width: auto;
    width: auto;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td:first-child .label-col .selected-info > h2 {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 12px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td:first-child .label-col .selected-info > span {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 500;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card {
  position: relative;
  border-radius: 0px;
  padding: 15px;
  text-align: left;
  transition: box-shadow 0.3s;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .details {
  padding: 10px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .product-img {
  width: 100%;
  height: 199px;
  margin-bottom: 37px;
  object-fit: contain;
  margin-top: 17px;
  position: relative;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .product-img:hover {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
@media screen and (max-width: 767px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .product-img {
    margin-bottom: 8px;
    height: 100%;
    margin-top: 40px;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-align: start;
  color: #000000;
  margin-bottom: 6px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 245px;
  min-width: 100%;
  width: 140px;
}
@media only screen and (min-width: 320px) and (max-width: 699px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 12px;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .title:hover {
  color: #0496c7;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .brand {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #858585;
  margin-bottom: 8px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .rating {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 29px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .rating .rating-star > span {
  margin-left: 2px;
  font-size: 12px;
  color: #edaa00;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .rating .rating-star > span.unlike {
  color: #bebebe;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .rating > span {
  color: #000;
  font-size: 14px;
  line-height: 100%;
  font-weight: 500;
  text-decoration: underline;
  margin-left: 5px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 14px;
  flex-wrap: wrap;
  font-weight: 600;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .price {
    text-align: center;
    justify-content: normal;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .price .AED {
  font-size: 12px;
  font-weight: 600;
  color: #1a1b1b;
  line-height: 100%;
  position: relative;
  bottom: 5px;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .price .AED {
    font-size: 12px;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .price .new {
  color: #000000;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .price .new {
    font-size: 15px;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .price .old {
  text-decoration: line-through;
  color: #959595;
  line-height: 100%;
  font-size: 14px;
  font-weight: 500;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .price .discount {
  color: #00a529;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .delivery-status {
  margin-bottom: 23px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .delivery-status > span {
  color: rgb(0, 0, 0);
  font-size: 12px;
  font-weight: 400;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .add-to-cart-btn {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 50px;
  color: #fff;
  gap: 0.5rem;
  padding: 10px;
  background: #006ca5;
  border: 1.5px solid #0496c7;
  border-radius: 4px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  justify-content: center;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
  margin-bottom: 12px;
  transition: background-position 0.4s ease, color 0.3s ease, opacity 0.3s ease;
  opacity: 0.9;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .add-to-cart-btn {
    font-size: 13px;
    height: auto;
    padding: 5px 10px;
  }
}
@media screen and (max-width: 767px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .add-to-cart-btn {
    width: auto;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td.details-view .product-card .add-to-cart-btn svg {
  width: 16px;
  height: 16px;
  filter: invert(0);
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .list-details.two-heading {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 60px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .product-card {
  display: flex;
  padding: 20px 20px 29px 20px;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  flex: 1 0 0;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .product-card .title {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 500;
  margin-bottom: 6px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 245px;
  min-width: 200px;
  width: 140px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .product-card .product-img {
  margin-bottom: 0px;
  margin-top: 0px;
}
@media screen and (max-width: 767px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .product-card .product-img {
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .product-card .price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 600px) {
  .compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .product-card .price {
    flex-wrap: wrap;
  }
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .product-card .price .AED {
  font-size: 12px;
  font-weight: 600;
  color: #1a1b1b;
  line-height: 100%;
  position: relative;
  bottom: 5px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .product-card .price .new {
  color: #000000;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .product-card .price .old {
  text-decoration: line-through;
  color: #959595;
  line-height: 100%;
  font-size: 14px;
  font-weight: 500;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .product-card .price .discount {
  color: #00a529;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .product-card .close-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .label-col {
  padding: 20px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .label-col > span {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .list-content {
  padding: 24px 20px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .list-content > span {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .rating-cell {
  padding: 20px 24px;
  text-align: center;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .rating-cell .rating {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 25.5px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .rating-cell .rating .rating-star > span {
  margin-left: 2px;
  font-size: 12px;
  color: #edaa00;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .rating-cell .rating .rating-star > span.unlike {
  color: #bebebe;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .rating-cell .rating > span {
  color: #000;
  font-size: 14px;
  line-height: 100%;
  font-weight: 500;
  text-decoration: underline;
  margin-left: 5px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .rating-cell .btn-outline-primary {
  width: 178px;
  margin-bottom: 29px;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .rating-cell .txt-info > span {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.compare-detailspage .content-of-page .tablegrid-contents .comparison-wrapper-tableview .table-structure table tbody tr td .rating-cell .txt-info > span .text-green {
  color: #00a529;
}

.product-itemlist {
  position: relative;
  vertical-align: top;
  transition: all 0.3s ease;
}
.product-itemlist.fade-out {
  opacity: 0;
  transform: scale(0.95);
}
.product-itemlist .product-card {
  border-radius: 10px;
  background: #fff;
  transition: all 0.3s ease;
}
.product-itemlist .close-icon {
  border: none;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  color: #777;
}
.product-itemlist .close-icon:hover {
  color: #000;
}
.product-itemlist.empty-slot {
  vertical-align: bottom !important;
}
.product-itemlist.empty-slot .placeholder-card {
  padding: 20px !important;
  border-radius: 10px;
  background: #fff;
  padding: 16px;
  text-align: center;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
}
.product-itemlist.empty-slot .placeholder-card .image-box {
  width: 100%;
  height: 160px;
  background: #f3f3f3;
  border-radius: 8px;
  margin-bottom: 16px;
}
.product-itemlist.empty-slot .placeholder-card .title {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  margin-bottom: 12px;
  text-align: start;
  padding: 0px 4px;
  margin: 0;
  width: 100% !important;
}
.product-itemlist.empty-slot .placeholder-card .select-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.product-itemlist.empty-slot .placeholder-card .select-group .custom-select {
  position: relative;
}
.product-itemlist.empty-slot .placeholder-card .select-group .custom-select select {
  width: 100%;
  padding: 8px 2px;
  font-size: 14px;
  color: #444;
  border: none;
  border-bottom: 1px solid #ddd;
  background: #fff;
  appearance: none;
  outline: none;
  cursor: pointer;
}
.product-itemlist.empty-slot .placeholder-card .select-group .custom-select::after {
  content: "▾";
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 20px;
  color: #555;
}

.business-card {
  background-color: #006ca5;
  max-width: 900px;
  margin: 0 auto;
}
.business-card .card-header {
  padding-top: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 0px;
  height: 210px;
  position: sticky;
  top: 0;
  z-index: 0;
}
@media screen and (min-width: 320px) and (max-width: 375px) {
  .business-card .card-header {
    gap: 40px;
  }
}
@media screen and (min-width: 376px) and (max-width: 400px) {
  .business-card .card-header {
    display: flex;
    align-items: center;
    justify-content: normal;
    gap: 80px;
    padding: 0px;
    height: 210px;
  }
}
.business-card .card-header .profile {
  margin-top: 23px;
  background-image: url(../images/Banner/union.svg);
  background-repeat: no-repeat;
  background-size: 206px;
  width: 100%;
  height: 90%;
  display: flex;
  align-items: center;
  background-position: -15px 21px;
}
.business-card .card-header .profile .profile-picture {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 164px;
  height: 164px;
  margin-top: 8px;
}
.business-card .card-header .profile .profile-picture > img {
  width: 123px;
  border-radius: 50%;
  height: 123px;
  object-fit: cover;
}
.business-card .card-header .profile-logo {
  margin-top: 35px;
  margin-right: 30px;
}
@media screen and (min-width: 320px) and (max-width: 375px) {
  .business-card .card-header .profile-logo {
    margin-right: 20px;
  }
}
@media screen and (min-width: 401px) and (max-width: 800px) {
  .business-card .card-header .profile-logo {
    margin-right: 40px;
  }
}
.business-card .box-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 22px 22px 0px 0px;
  background: #fff;
}
.business-card .box-content .line {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.business-card .box-content .line > span {
  width: 41px;
  height: 5px;
  border-radius: 30px;
  background: var(--line-grey-Color, #d9d9d9);
}
.business-card .box-content .content-details {
  padding: 0px 16px 0px 16px;
}
.business-card .box-content .content-details h2 {
  color: var(--BLK, #1a1b1b);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0px;
}
.business-card .box-content .content-details .detail > span {
  color: var(--BLK, #1a1b1b);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.business-card .box-content .content-details .details-list > span {
  color: var(--gry3, #697277);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.business-card .box-content .contact-options {
  padding: 0px 16px 0px 16px;
  width: 100%;
}
.business-card .box-content .contact-options .save-contact-options {
  background-color: #006ca5;
  display: flex;
  padding: 16px 10px;
  justify-content: space-around;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 12px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.business-card .box-content .contact-options .save-contact-options .between {
  color: #fff;
}
.business-card .box-content .contact-options .save-contact-options .save-contact {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.business-card .box-content .contact-options .save-contact-options .save-contact .icon {
  margin-left: 3.5px;
}
.business-card .box-content .contact-options .save-contact-options .save-contact .text {
  color: var(--White, #fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.business-card .box-content .contact-options .save-contact-options .share-options {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.business-card .box-content .contact-options .save-contact-options .share-options .icon {
  margin-left: 3.5px;
}
.business-card .box-content .contact-options .save-contact-options .share-options .text {
  color: var(--White, #fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.business-card .box-content .Qrcode-options {
  padding: 0px 16px 0px 16px;
  width: 100%;
}
.business-card .box-content .Qrcode-options .btn-Qr-code {
  display: flex;
  height: 49px;
  padding: 16px 10px;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  background: var(--grey2, #eee);
  margin-bottom: 10px;
}
.business-card .box-content .Qrcode-options .btn-Qr-code .btn-Qr-code {
  display: flex;
  align-items: center;
}
.business-card .box-content .Qrcode-options .btn-Qr-code .btn-Qr-code .icon {
  margin-left: 3.5px;
}
.business-card .box-content .Qrcode-options .btn-Qr-code .btn-Qr-code .text {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.business-card .box-content .media-options {
  border-top: 1px solid #d9d9d9;
  padding: 0px 8px 0px 8px;
  border-bottom: 8px solid #d9d9d9;
  width: 100%;
}
.business-card .box-content .media-options .social-icon {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-top: 1px solid #d9d9d9;
  margin-bottom: 10px;
}
.business-card .box-content .media-options .social-icon h2 {
  color: var(--BLK, #1a1b1b);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
}
.business-card .box-content .media-options .social-icon .icon {
  display: flex;
  align-items: center;
  gap: 12.2px;
}
.business-card .box-content .media-options .social-icon .icon .media {
  display: flex;
  width: 50px;
  padding: 13px 13px 13px 13px;
  justify-content: center;
  align-items: center;
  border-radius: 130px;
  border: 1px solid var(--line-grey-Color, #d9d9d9);
  background: #fff;
  height: 50px;
}
@media screen and (max-width: 320px) {
  .business-card .box-content .media-options .social-icon .icon .media {
    width: 33px;
    height: 33px;
  }
}
@media screen and (min-width: 321px) and (max-width: 400px) {
  .business-card .box-content .media-options .social-icon .icon .media {
    width: 40px;
    height: 40px;
  }
}
.business-card .box-content .media-options .social-icon .icon .media.tiktok:hover {
  background-color: #000;
}
.business-card .box-content .media-options .social-icon .icon .media.tiktok:hover a:hover svg path {
  fill: #fff;
}
.business-card .box-content .media-options .social-icon .icon .media.linked-in:hover {
  background-color: #0077b5;
}
.business-card .box-content .media-options .social-icon .icon .media.linked-in:hover a:hover svg path {
  fill: #fff;
}
.business-card .box-content .media-options .social-icon .icon .media.Whatsapp:hover {
  background-color: #4fcc5d;
}
.business-card .box-content .media-options .social-icon .icon .media.Whatsapp:hover a:hover svg path {
  fill: #fff;
}
.business-card .box-content .media-options .social-icon .icon .media.insta:hover {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.business-card .box-content .media-options .social-icon .icon .media.insta:hover a:hover svg path {
  fill: white; /* on hover, turn white */
}
.business-card .box-content .media-options .social-icon .icon .media.youtube:hover {
  background: white;
}
.business-card .box-content .media-options .social-icon .icon .media.youtube:hover a:hover svg path {
  fill: #ed3833;
}
.business-card .box-content .media-options .social-icon .icon .media.facebook:hover {
  background: #29487d;
}
.business-card .box-content .media-options .social-icon .icon .media.facebook:hover a:hover svg path {
  fill: #fff;
}
.business-card .box-content .about-discriptions {
  padding: 10px 16px 24px 16px;
  border-bottom: 10px solid #d9d9d9;
}
.business-card .box-content .about-discriptions > h2 {
  color: var(--BLK, #1a1b1b);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 11px;
}
.business-card .box-content .about-discriptions .text-box > span {
  color: var(--BLK, #1a1b1b);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.business-card .box-content .Quicklinks {
  padding: 10px 16px 24px 16px;
  border-bottom: 10px solid #d9d9d9;
  width: 100%;
}
.business-card .box-content .Quicklinks > h2 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}
.business-card .box-content .Quicklinks .href-link .link-item {
  border-radius: 10px !important;
  margin-bottom: 6px;
}
.business-card .box-content .Quicklinks .href-link .link-item .link-button {
  display: flex;
  height: 64px;
  padding: 10px 20px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  align-self: stretch;
  border-radius: 10px !important;
  background: #f6f6f6;
}
.business-card .box-content .Quicklinks .href-link .link-item .link-button.collapsed:after {
  transform: rotate(270deg);
  width: 24px;
  height: 24px;
}
.business-card .box-content .Quicklinks .href-link .link-item .link-button:after {
  transform: rotate(360deg);
  width: 24px;
  color: #006ca5;
  height: 24px;
}
.business-card .box-content .Quicklinks .href-link .link-item .link-button:focus {
  box-shadow: none;
  outline: none;
}
.business-card .box-content .Quicklinks .href-link .link-item .link-button .icon {
  margin-right: 3.5px;
}
.business-card .box-content .Quicklinks .href-link .link-item .link-button .text {
  color: var(--BLK, #1a1b1b);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.business-card .box-content .Quicklinks .href-link .view-more {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-top: 20.5px;
  padding-right: 12px;
}
.business-card .box-content .Quicklinks .href-link .view-more > a {
  color: var(--b3, #0496c7);
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.business-card .box-content .contact-info {
  padding: 10px 16px 24px 16px;
  border-bottom: 10px solid #d9d9d9;
  width: 100%;
  margin-bottom: 6px;
}
.business-card .box-content .contact-info > h2 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}
.business-card .box-content .contact-info .conatct-box {
  margin-bottom: 6px;
  width: 100%;
  display: flex;
  height: 64px;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 10px;
  background: #f6f6f6;
}
.business-card .box-content .contact-info .conatct-box .social-icons .icon {
  margin-right: 3.5px;
}
.business-card .box-content .contact-info .conatct-box .social-icons .text {
  color: var(--BLK, #1a1b1b);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.business-card .box-content .contact-info .conatct-box .social-icons .text .icontext {
  color: var(--gry3, #697277);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.business-card .box-content .locations {
  padding: 10px 16px 24px 16px;
  border-bottom: 10px solid #d9d9d9;
  width: 100%;
}
.business-card .box-content .locations > h2 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}
.business-card .box-content .locations .locations-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  border: 1px solid #d9d9d9;
  margin-bottom: 10px;
  border-radius: 10px;
}
.business-card .box-content .locations .locations-box .map {
  width: 100%;
}
.business-card .box-content .locations .locations-box .map-captions {
  background: var(--grey2, #eee);
  display: flex;
  width: 100%;
  padding: 13px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  height: 95px;
}
.business-card .box-content .locations .locations-box .map-captions > h2 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 8px;
}
.business-card .box-content .locations .locations-box .map-captions > span {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.business-card .box-content .service {
  width: 100%;
}
.business-card .box-content .service > h2 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}
.business-card .box-content .product-box {
  width: 100%;
}
.business-card .box-content .product-box > h2 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}
.business-card .footer {
  display: flex;
  padding: 20px 13px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  background-color: #fff;
}
.business-card .footer .heading {
  margin-bottom: 16px;
}
.business-card .footer .heading > h2 {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.business-card .footer .heading > span {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.business-card .footer .link {
  display: flex;
  align-items: center;
  gap: 20px;
}
.business-card .footer .link .options > a {
  color: var(--b4, #006ca5);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.business-card .icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 18px;
  transition: transform 0.2s ease;
}
.business-card .icon.link {
  background: #f1f1f1;
  color: #333;
}
.business-card .icon.whatsapp {
  background: transparent;
}
.business-card .icon.facebook {
  background: #1877f2;
}
.business-card .icon.messenger {
  background: #0084ff;
}
.business-card .icon.gmail {
  background: #ea4335;
}
.business-card .icon.more {
  background: #e0e0e0;
  color: #333;
}

.qrModal .modal-dialog {
  max-width: 100%;
  height: 100dvh;
  margin: 0px;
}
.qrModal .modal-content.qr-modal-content {
  background-color: #006ba6;
  border: none;
  border-radius: 0;
  padding: 1.5rem 1rem;
  text-align: center;
  height: 100dvh;
  gap: 136px;
}
.qrModal .modal-content.qr-modal-content .modal-header {
  background-color: transparent;
  border-bottom: none;
  padding: 22px 0px;
}
.qrModal .modal-content.qr-modal-content .modal-header .modal-title {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
}
.qrModal .modal-content.qr-modal-content .modal-header .btn-close {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  filter: invert(0);
  font-weight: 600;
}
.qrModal .modal-content.qr-modal-content .modal-header .btn-close > svg {
  filter: invert(0);
  font-weight: 600;
}
.qrModal .modal-content.qr-modal-content .modal-body {
  padding-top: 1rem;
}
.qrModal .modal-content.qr-modal-content .modal-body .qr-box {
  background-color: #ffffff;
  border-radius: 30px;
  width: 286px;
  height: 286px;
  flex-shrink: 0;
  padding: 18px;
}
.qrModal .modal-content.qr-modal-content .modal-body .qr-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.qrModal .modal-content.qr-modal-content .modal-body .instruction-text {
  margin-top: 1rem;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.5;
}

.share-options {
  cursor: pointer;
}
.share-options .dropdown-toggle::after {
  display: none;
}

.share-panel {
  width: 100%;
  max-width: 244px;
  background: #fff;
  border-radius: 0px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  padding: 20px;
  border: 1px solid #e6e6e6;
}
@media (max-width: 480px) {
  .share-panel {
    border-radius: 18px;
  }
}

.share-header {
  display: flex;
  align-items: center;
  justify-content: normal;
  padding: 12px;
  gap: 10px;
  border-bottom: 1px solid #e5e5e5;
}
.share-header span {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: -4%;
  color: #1a1b1b;
}
.share-header .close-btn {
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  line-height: 1;
}

.share-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  padding: 18px 0 0;
  margin: 0;
  list-style: none;
}
@media (max-width: 360px) {
  .share-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.share-list .share-item:hover {
  color: #000;
}

.share-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #333;
  font-size: 13px;
}
.share-item .label {
  margin-top: 6px;
}
.share-item:hover .icon {
  transform: scale(1.05);
}

.share-button .share-btn {
  width: 56px;
  height: 56px;
  border-radius: 80px;
  background-color: #fff;
  border-width: 1px;
  position: absolute;
  z-index: 100;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 600px) {
  .share-button .share-btn {
    width: 40px;
    height: 40px;
  }
  .share-button .share-btn > img {
    width: 23px;
  }
}
.share-button .share-btn:after {
  display: none;
}

@media screen and (max-width: 767px) {
  .about-page .about-template > .template {
    padding: 0px;
  }
}
.about-page .about-template .about-banner {
  position: relative;
  padding-bottom: 50px;
  background-image: url("../images/Banner/about.png");
  display: flex;
  width: 100%;
  height: 312px;
  background-size: cover;
  padding: 40px 50px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  flex-shrink: 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .about-page .about-template .about-banner {
    height: 312px;
    width: 100%;
    background-position: 60% 50%;
    padding: 40px 25px;
  }
}
.about-page .about-template .about-banner .banner {
  width: 100%;
  height: 100%;
}
.about-page .about-template .about-banner .banner > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-page .about-template .about-banner .caption-text {
  position: absolute;
  top: 0;
  height: 312px;
  width: 670px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 15px;
  padding: 0px 0px 0px 70px;
}
@media screen and (max-width: 767px) {
  .about-page .about-template .about-banner .caption-text {
    padding: 0px;
    width: auto;
    position: relative;
  }
}
.about-page .about-template .about-banner .caption-text > h2 {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #fff;
  font-size: 40px;
}
@media screen and (max-width: 767px) {
  .about-page .about-template .about-banner .caption-text > h2 {
    font-size: 24px;
  }
}
.about-page .about-template .about-banner .caption-text .para > p {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--White, #fff);
  line-height: 22px;
  font-weight: 400;
}
.about-page .about-section-two {
  padding-top: 70px;
}
@media screen and (max-width: 767px) {
  .about-page .about-section-two {
    padding-top: 0px;
  }
}
.about-page .about-section-two .mobile-viewbanner > img {
  width: 100%;
  height: 100%;
}
.about-page .about-section-two .about-frame {
  position: relative;
}
.about-page .about-section-two .about-frame .shape-2 {
  position: absolute;
  top: 0;
  z-index: 0;
}
@media screen and (min-width: 768.5px) and (max-width: 1000px) {
  .about-page .about-section-two .about-frame .shape-2 {
    top: -20px;
  }
}
.about-page .about-section-two .about-frame .shape-2 > img {
  width: 90%;
  height: 100%;
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 768.5px) and (max-width: 1000px) {
  .about-page .about-section-two .about-frame .shape-2 > img {
    width: 80%;
  }
}
@media screen and (min-width: 240px) and (max-width: 767px) {
  .about-page .about-section-two .about-frame .shape-2 > img {
    width: 60%;
  }
}
.about-page .about-section-two .about-frame .about-frame {
  position: relative;
  display: flex;
  overflow: hidden;
  justify-content: center;
}
.about-page .about-section-two .about-frame .image-class {
  position: relative;
  width: 100%;
  max-width: 670px;
  overflow: visible;
  height: 580px;
  margin-bottom: 98px;
}
@media screen and (max-width: 767.5px) {
  .about-page .about-section-two .about-frame .image-class {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 999.5px) {
  .about-page .about-section-two .about-frame .image-class {
    max-width: 400px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .about-page .about-section-two .about-frame .image-class {
    max-width: 460px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1300px) {
  .about-page .about-section-two .about-frame .image-class {
    max-width: 540px;
  }
}
@media screen and (min-width: 2000px) and (max-width: 2500px) {
  .about-page .about-section-two .about-frame .image-class {
    max-width: 800px;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1463px) {
  .about-page .about-section-two .about-frame .image-class {
    max-width: 570px;
  }
}
@media screen and (min-width: 3000px) and (max-width: 4900px) {
  .about-page .about-section-two .about-frame .image-class {
    max-width: 1340px;
  }
}
.about-page .about-section-two .about-frame .image-class img {
  width: 100%;
  height: 100%;
  margin-bottom: 98px;
  object-fit: cover;
  position: relative;
  padding-left: 170px;
  z-index: 3;
  margin-left: 2px;
  right: 0px;
  overflow: hidden;
  bottom: -2px;
}
@media screen and (max-width: 767.5px) {
  .about-page .about-section-two .about-frame .image-class img {
    padding-left: 0px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .about-page .about-section-two .about-frame .image-class img {
    padding-left: 70px;
    margin-left: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999.5px) {
  .about-page .about-section-two .about-frame .image-class img {
    padding-left: 70px;
  }
}
@media screen and (min-width: 2000px) and (max-width: 2500px) {
  .about-page .about-section-two .about-frame .image-class img {
    padding-left: 277px;
  }
}
@media screen and (min-width: 3000px) and (max-width: 4900px) {
  .about-page .about-section-two .about-frame .image-class img {
    padding-left: 650px;
  }
}
.about-page .about-section-two .about-frame .image-class::before {
  content: "";
  position: absolute;
  top: -147px;
  width: 100%;
  height: 100%;
  background: #04bade;
  z-index: 1;
  width: 145.5px;
  height: 175%;
  transform: rotate(-236.327deg);
  flex-shrink: 0;
  right: 58%;
}
@media screen and (max-width: 767.5px) {
  .about-page .about-section-two .about-frame .image-class::before {
    top: 117px;
    width: 142.5px;
    height: 100%;
    transform: rotate(-236.327deg);
    flex-shrink: 0;
    right: 50%;
  }
}
@media screen and (min-width: 767px) and (max-width: 835.5px) {
  .about-page .about-section-two .about-frame .image-class::before {
    right: calc(100% + 10px);
  }
}
@media screen and (min-width: 835px) and (max-width: 999.5px) {
  .about-page .about-section-two .about-frame .image-class::before {
    right: calc(100% - 13px);
    top: -149px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .about-page .about-section-two .about-frame .image-class::before {
    right: 84.5%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1300px) {
  .about-page .about-section-two .about-frame .image-class::before {
    right: 72%;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1463px) {
  .about-page .about-section-two .about-frame .image-class::before {
    right: 68%;
  }
}
@media screen and (min-width: 2000px) and (max-width: 2500px) {
  .about-page .about-section-two .about-frame .image-class::before {
    right: 48.5%;
  }
}
@media screen and (min-width: 3000px) and (max-width: 4900px) {
  .about-page .about-section-two .about-frame .image-class::before {
    content: "";
    top: -665px;
    width: 100%;
    height: 100%;
    background: #04bade;
    z-index: 1;
    width: 145.5px;
    height: 288%;
    transform: rotate(-236.327deg);
    flex-shrink: 0;
    right: 49%;
  }
}
.about-page .about-section-two .about-frame .image-class::after {
  content: "";
  position: absolute;
  left: 25px;
  top: 662px;
  width: 100%;
  height: 100%;
  background: #006ca5;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 30% 100%);
  z-index: 0;
  width: 754.84px;
  height: 149.49px;
  transform: rotate(135.673deg);
}
@media screen and (max-width: 767.5px) {
  .about-page .about-section-two .about-frame .image-class::after {
    left: 0px;
    top: 90%;
    width: 100%;
    height: 144.49px;
    padding: 102px;
  }
}
@media screen and (min-width: 767px) and (max-width: 835px) {
  .about-page .about-section-two .about-frame .image-class::after {
    left: calc(100% - 667px);
  }
}
@media screen and (min-width: 835px) and (max-width: 999.5px) {
  .about-page .about-section-two .about-frame .image-class::after {
    left: -250px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .about-page .about-section-two .about-frame .image-class::after {
    left: -40%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1300px) {
  .about-page .about-section-two .about-frame .image-class::after {
    left: -20%;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1463px) {
  .about-page .about-section-two .about-frame .image-class::after {
    left: -80px;
  }
}
@media screen and (min-width: 2000px) and (max-width: 2500px) {
  .about-page .about-section-two .about-frame .image-class::after {
    padding-left: 150px;
    left: 150px;
  }
}
@media screen and (min-width: 3000px) and (max-width: 4900px) {
  .about-page .about-section-two .about-frame .image-class::after {
    left: 52%;
  }
}
.about-page .about-section-two .about-details {
  position: relative;
}
.about-page .about-section-two .about-details .para-sections {
  padding-top: 30px;
  display: flex;
  width: 100%;
  max-width: 479px;
  flex-direction: column;
  align-items: flex-start;
  gap: 90px;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .about-page .about-section-two .about-details .para-sections {
    max-width: 340px;
    padding-left: 69px;
  }
}
@media screen and (min-width: 240px) and (max-width: 767.5px) {
  .about-page .about-section-two .about-details .para-sections {
    width: 100%;
    padding: 35px;
    max-width: 100%;
    gap: 50px;
  }
}
.about-page .about-section-two .about-details .our-story > h4 {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: 24px;
  margin-bottom: 15px;
}
.about-page .about-section-two .about-details .our-story > p {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 400;
  line-height: 22px;
}
.about-page .about-section-two .about-details .icon-badge {
  position: absolute;
  top: 60%;
  right: 0;
  opacity: 0.7;
  z-index: 0;
  bottom: 0;
}
@media screen and (min-width: 240px) and (max-width: 599.5px) {
  .about-page .about-section-two .about-details .icon-badge {
    display: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 767.5px) {
  .about-page .about-section-two .about-details .icon-badge {
    top: 0;
  }
}
.about-page .our-values {
  background-color: #eaf7fa;
  display: flex;
  padding: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  z-index: 3;
  position: relative;
}
@media screen and (min-width: 240px) and (max-width: 767px) {
  .about-page .our-values {
    padding: 15px;
  }
}
.about-page .our-values .our-values-templates {
  margin-bottom: 30px;
  padding: 0px 81px;
}
@media screen and (min-width: 240px) and (max-width: 1000px) {
  .about-page .our-values .our-values-templates {
    padding: 0px;
  }
}
.about-page .our-values .our-values-templates > h2 {
  color: var(--b4, #006ca5);
  text-align: center;
  font-size: 24px;
  margin-bottom: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 91.667% */
}
.about-page .our-values .our-values-templates .card-templates {
  display: flex;
  gap: 20px;
  flex-direction: row;
}
@media screen and (min-width: 240px) and (max-width: 767px) {
  .about-page .our-values .our-values-templates .card-templates {
    flex-direction: column;
  }
}
.about-page .our-values .our-values-templates .card-templates .card {
  display: flex;
  padding: 30px;
  border: 0;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
}
.about-page .our-values .our-values-templates .card-templates .card .icon {
  margin-bottom: 25px;
}
.about-page .our-values .our-values-templates .card-templates .card .details-content {
  padding-bottom: 56px;
}
.about-page .our-values .our-values-templates .card-templates .card .details-content > h2 {
  color: #000000;
  font-size: 18px;
  font-style: normal;
  margin-bottom: 9px;
  font-weight: 500;
  line-height: 22px;
}
.about-page .our-values .our-values-templates .card-templates .card .details-content > p {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}
.about-page .customer-reviews .review-tamplates {
  padding: 125px 0px 47px 131px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .about-page .customer-reviews .review-tamplates {
    padding: 125px 0px 47px 40px;
  }
}
@media screen and (min-width: 240px) and (max-width: 767px) {
  .about-page .customer-reviews .review-tamplates {
    padding: 0px;
  }
}
.about-page .customer-reviews .review-tamplates .icon-card .icon {
  margin-bottom: 25px;
  height: auto;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .about-page .customer-reviews .review-tamplates .icon-card .details {
    margin-bottom: 25px;
  }
}
.about-page .customer-reviews .review-tamplates .icon-card .details > h2 {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.about-page .customer-reviews .review-tamplates .icon-card .details > span {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.about-page .customer-reviews .review-tamplates .review-slider-card .swiper-slide {
  width: auto !important;
}
.about-page .customer-reviews .review-tamplates .review-slider-card .card {
  display: flex;
  width: 390px;
  height: 100%;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  flex-shrink: 0;
}
.about-page .customer-reviews .review-tamplates .review-slider-card .card .details {
  display: flex;
  gap: 55px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}
.about-page .customer-reviews .review-tamplates .review-slider-card .card .details .para > span {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.about-page .customer-reviews .review-tamplates .review-slider-card .card .details .name-details > p {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0px;
}
.about-page .customer-reviews .review-tamplates .review-slider-card .card .details .name-details > span {
  color: var(--grey1, #747983);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.about-page .customer-reviews .review-tamplates .review-slider-card .review-sliderbox:hover .swiper-button-next {
  display: flex !important;
}
.about-page .customer-reviews .review-tamplates .review-slider-card .review-sliderbox .swiper-button-next {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 25%;
  right: 20px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
  display: none;
}
@media screen and (max-width: 767px) {
  .about-page .customer-reviews .review-tamplates .review-slider-card .review-sliderbox .swiper-button-next {
    top: 50%;
    right: 0;
  }
}
.about-page .customer-reviews .review-tamplates .review-slider-card .review-sliderbox .swiper-button-next.swiper-button-disabled {
  display: none;
}
.about-page .customer-reviews .review-tamplates .review-slider-card .review-sliderbox .swiper-button-next::after {
  content: "\f061";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}
.about-page .customer-reviews .review-tamplates .review-slider-card .review-sliderbox .swiper-button-prev {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 25%;
  right: 0px;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2509803922);
}
@media screen and (max-width: 767px) {
  .about-page .customer-reviews .review-tamplates .review-slider-card .review-sliderbox .swiper-button-prev {
    top: 50%;
  }
}
.about-page .customer-reviews .review-tamplates .review-slider-card .review-sliderbox .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.about-page .customer-reviews .review-tamplates .review-slider-card .review-sliderbox .swiper-button-prev::after {
  content: "\f060";
  position: absolute;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #0a0a0a;
}

.dashboardpage .breadcrumb-parent .breadcrumb {
  padding: 0px 14px;
  margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
  .dashboardpage .breadcrumb-parent .breadcrumb {
    padding: 0px;
  }
}
@media screen and (max-width: 767px) {
  .dashboardpage .inner-dashboard .template {
    padding: 0px 0px;
  }
}
@media screen and (max-width: 767px) {
  .dashboardpage .breadcrumb-parent nav .breadcrumb {
    margin-bottom: 24px;
  }
}
.dashboardpage .box-content {
  margin-bottom: 21px;
}
.dashboardpage .box-content .profile-box {
  margin-top: 21px;
  display: flex;
  padding: 10px;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  align-self: stretch;
  border-radius: 9px;
  background: #f3f3f3;
}
.dashboardpage .box-content .profile-box .details > h6 {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: 18px;
  margin-bottom: 2px;
}
.dashboardpage .box-content .profile-box .details > small {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #606060;
}
.dashboardpage .box-content .profile-box .avatar {
  display: flex;
  width: 38px;
  height: 38px;
  padding: 8px 3px 8px 4px;
  justify-content: center;
  align-items: center;
  color: white;
  background: #009884;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.dashboardpage .nav-pills .nav-link {
  border-radius: 7px;
  margin-bottom: 5px;
  display: flex;
  padding: 14px 10px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 500;
}
.dashboardpage .nav-pills .nav-link.logout-link {
  border: 1px solid #d9d9d9;
}
.dashboardpage .nav-pills .nav-link.logout-link:hover {
  background-color: #006ca5;
  color: #fff;
}
.dashboardpage .nav-pills .nav-link.logout-link:hover > a {
  color: #fff;
}
.dashboardpage .nav-pills .nav-link.logout-link:hover .icon {
  filter: invert(1);
}
.dashboardpage .nav-pills .nav-link > a {
  color: #000000;
}
.dashboardpage .nav-pills .nav-link:focus-visible {
  outline: none;
}
.dashboardpage .nav-pills .nav-link.active {
  background-color: #e7f2f5;
  color: #006ca5;
}
.dashboardpage .nav-pills .nav-link.active svg path {
  fill: #006ca5;
}
.dashboardpage .sidebar {
  position: sticky;
  top: 170px;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  margin-bottom: 120px;
  background: #fff;
  z-index: 1;
}
@media screen and (max-width: 767.5px) {
  .dashboardpage .sidebar {
    display: none;
  }
  .dashboardpage .sidebar .nav {
    display: none;
  }
  .dashboardpage .sidebar .box-content .profile-box {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .dashboardpage .sidebar {
    width: 30%;
    flex: 0 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .dashboardpage .sidebar {
    position: relative;
    top: 0;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .dashboardpage .content-tab {
    width: 70%;
    flex: 0 0 auto;
    padding: 10px !important;
  }
}
@media screen and (min-width: 240px) and (max-width: 767px) {
  .dashboardpage .content-tab.common-space {
    margin-top: 30px;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details {
  max-width: 851px;
  margin: 0 auto;
  margin-left: 56px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details.order-card-pane {
  margin-left: 0px;
}
@media screen and (max-width: 1000px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details {
    margin-left: 0px;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .profile-details {
  display: flex;
  margin-bottom: 24px;
  flex-wrap: wrap;
  padding: 10px 20px;
  justify-content: space-between;
  align-items: center;
  margin-top: 21px;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 9px;
  border: 1px solid var(--line-grey-Color, #d9d9d9);
  background: var(--White, #fff);
}
@media screen and (max-width: 400px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .profile-details > .btn-outline-secondary {
    flex: auto;
    max-width: 100px;
    margin-left: auto;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .profile-details .profile-box {
  display: flex;
  padding: 10px;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .profile-details .profile-box .details > h6 {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: 18px;
  margin-bottom: 2px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .profile-details .profile-box .details > small {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #606060;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .profile-details .profile-box .avatar {
  display: flex;
  width: 38px;
  height: 38px;
  padding: 8px 3px 8px 4px;
  justify-content: center;
  align-items: center;
  color: white;
  background: #009884;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .heading {
  color: #000;
  font-size: 18px;
  font-style: normal;
  margin-bottom: 0px;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 20px;
  border-bottom: 3px solid var(--grey2, #eee);
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details {
  padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .personal-details {
    padding-bottom: 50px;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .personal-info {
  margin-bottom: 27px;
  border-bottom: 2px solid #eeeeee;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .personal-info h2 {
  margin-top: 24px;
  color: #747983;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 27px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .personal-info .personal-form {
  display: flex;
  width: 722px;
  flex-direction: column;
  align-items: flex-start;
  gap: 28px;
  padding-bottom: 37px;
}
@media screen and (max-width: 1160px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .personal-info .personal-form {
    width: 100%;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .personal-info .personal-form .input-groups {
  margin-bottom: 21px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .personal-info .personal-form .input-groups > label {
  margin-bottom: 8px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .personal-info .personal-form .input-groups .form-control {
  height: 48px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .gender-selection {
  display: flex;
  gap: 10px;
  margin-top: 28px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .gender-selection .form-check-custom {
  display: flex;
  align-items: center;
  padding: 12px 24px;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #fff;
  transition: all 0.3s ease;
  cursor: pointer;
  gap: 10px;
  height: 48px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .gender-selection .form-check-custom .form-check-input {
  margin-right: 12px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .gender-selection .form-check-custom:hover {
  border-color: #006ca5;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .gender-selection .form-check-custom .form-check-label {
  font-weight: 500;
  font-size: 16px;
}
@media (max-width: 576px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .gender-selection {
    flex-direction: column;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details {
  border-bottom: 3px solid var(--grey2, #eee);
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details h2 {
  color: #747983;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 27px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form {
  display: flex;
  width: 722px;
  flex-direction: column;
  align-items: flex-start;
  gap: 28px;
  padding-bottom: 37px;
}
@media screen and (max-width: 1000px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form {
    width: 100%;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form .account-formdetails {
  width: 100%;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form .account-formdetails .input-groups > label {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form .account-formdetails .input-groups .form-control:disabled,
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form .account-formdetails .input-groups .form-control[readonly] {
  background-color: transparent;
  border: 0;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form .account-formdetails .input-groups > label {
  margin-bottom: 8px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form .account-formdetails .input-groups .account-info {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 11px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form .account-formdetails .input-groups .account-info .email-input {
  border: none;
  background: transparent;
  flex: 1;
  font-size: 16px;
  padding: 0;
  color: #333;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form .account-formdetails .input-groups .account-info .email-input:focus {
  box-shadow: none;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form .account-formdetails .input-groups .account-info .change-link {
  color: #006ca5;
  font-weight: 500;
  white-space: nowrap;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form .account-formdetails .input-groups .account-info .change-link:hover {
  text-decoration: underline;
}
@media (max-width: 576px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form .account-formdetails .input-groups .account-info {
    align-items: flex-start;
    gap: 0.5rem;
  }
  .dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form .account-formdetails .input-groups .account-info .email-input {
    width: 100%;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form .account-formdetails .action-groups {
  margin-top: 28px;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form .account-formdetails .action-groups .btn {
  height: 50px;
  border-radius: 6px !important;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form .account-formdetails .action-groups .btn-outline-primary {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form .account-formdetails .action-groups .btn-outline-primary:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transform: translateY(0px);
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form .account-formdetails .action-groups .btn-outline-danger {
  padding: 0px 24px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .personal-details .account-details .account-form .account-formdetails .action-groups .btn-outline-danger:hover svg path {
  fill: #fff;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .faq-details .heading-text {
  color: #000;
  font-size: 18px;
  font-style: normal;
  margin-bottom: 0px;
  font-weight: 700;
  line-height: normal;
  margin-top: 24px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .faq-details .faq-contents {
  border-radius: 13px;
  padding: 10px;
  margin-top: 13px;
  border: 1px solid var(--line-grey-Color, #d9d9d9);
}
.dashboardpage .content-tab .tab-content .tab-pane-details .faq-details .faq-contents .custom-accordion .accordion-item:last-child .accordion-header {
  border-bottom: 0;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .faq-details .faq-contents .custom-accordion .accordion-item {
  border: none;
  margin-bottom: 10px;
  border-radius: 0px;
  overflow: hidden;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .faq-details .faq-contents .custom-accordion .accordion-item .accordion-header:last-child {
  border-bottom: 0;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .faq-details .faq-contents .custom-accordion .accordion-item .accordion-header {
  border-bottom: 1px solid var(--line-grey-Color, #d9d9d9);
}
.dashboardpage .content-tab .tab-content .tab-pane-details .faq-details .faq-contents .custom-accordion .accordion-item .accordion-header .accordion-button {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background-color: transparent;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .faq-details .faq-contents .custom-accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .faq-details .faq-contents .custom-accordion .accordion-item .accordion-header .accordion-button::after {
  background-image: none;
  content: "+";
  color: #1c1b1f;
  padding-bottom: 5px;
  font-size: 24px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 1px solid var(--line-grey-Color, #d9d9d9);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .faq-details .faq-contents .custom-accordion .accordion-item .accordion-header .accordion-button.collapsed::after {
  content: "+";
}
.dashboardpage .content-tab .tab-content .tab-pane-details .faq-details .faq-contents .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  content: "−";
}
.dashboardpage .content-tab .tab-content .tab-pane-details .faq-details .faq-contents .custom-accordion .accordion-item .accordion-collapse {
  border-radius: 0px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body {
  background: var(--grey2, #eee);
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding: 1rem;
  max-height: 200px;
  overflow-y: auto;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body::-webkit-scrollbar {
  width: 6px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body::-webkit-scrollbar-track {
  background: transparent;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body {
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .top-sections {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 21px;
  border-bottom: 1px solid #ddd;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .top-sections .order-drop {
  display: flex;
  align-items: center;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .top-sections .order-drop .dropdown {
  position: relative;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .top-sections .order-drop .dropdown .dropdown-toggle {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: 14px;
  font-weight: 500;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .top-sections .order-drop .dropdown .dropdown-toggle:after {
  content: "\f107";
  width: 20px;
  height: 10px;
  font-family: "Font Awesome 5 Pro";
  border: 0;
  position: absolute;
  top: 10px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .top-sections .order-drop .order-set > span {
  color: var(--grey1, #747983);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .top-sections .details-heading h2 {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 0px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-menu {
  border-bottom: 1px solid #d9d9d9;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-menu .nav {
  margin: 14px 0px;
  border-radius: 11px;
  background: #e7f2f5;
  display: inline-flex;
  flex-wrap: nowrap;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-menu .nav .nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}
@media screen and (max-width: 767px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-menu .nav .nav-item {
    display: flex;
    padding: 0px;
    align-items: center;
    justify-content: center;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-menu .nav-pills .nav-link {
  border-radius: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 1px;
}
@media screen and (min-width: 320px) and (max-width: 400px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-menu .nav-pills .nav-link {
    padding: 6px;
  }
}
@media screen and (min-width: 320px) and (max-width: 350px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-menu .nav-pills .nav-link {
    padding: 5px !important;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-menu .nav-pills .nav-link {
    margin-right: 0;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-menu .nav-pills .nav-link.active {
  border-radius: 9px;
  background: #fff;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-weight: 600;
}
@media screen and (max-width: 360px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-menu .nav-pills .nav-link.active {
    padding: 10px 5px;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 1rem;
  padding: 20px 0px;
  align-items: flex-start;
  align-self: stretch;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 19.5px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-header .id-spot {
  border-radius: 3px;
  background: #f1f1f1;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-header .id-spot > p {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: 11px;
  margin-bottom: 0px;
  padding: 4px 8px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-header .delivery {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-header .delivery > span {
  color: #5c5c5c;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body {
  display: flex;
  gap: 14px;
  justify-content: space-between;
}
@media screen and (max-width: 820px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body {
    width: 100%;
  }
}
@media screen and (max-width: 460px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body {
    flex-direction: column;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body .link {
  width: initial;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body .productlinks {
  display: flex;
  align-items: center;
  gap: 14px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body .productlinks .qty-details > p {
  margin-bottom: 0px;
  color: #000000;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body .product {
  display: flex;
  width: 74px;
  height: 74px;
  padding: 4px 4px 5px 5px;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  border: 1px solid var(--line-grey-Color, #d9d9d9);
  background: #fff;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body .order-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body .order-info .order-title {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  line-height: 20px;
  font-weight: 500;
  max-width: 252px;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 245px;
  min-width: 175px;
  width: 100px;
}
@media screen and (max-width: 460px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body .order-info .order-title {
    min-width: 190px;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body .order-info .details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body .order-info .details {
    display: block;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body .order-info .details .qty-details {
  display: flex;
  align-items: center;
  gap: 38px;
}
@media screen and (max-width: 600px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body .order-info .details .qty-details {
    gap: 9px;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body .order-info .details > p {
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body .order-info .details .order-price {
  color: var(--b4, #006ca5);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body .order-info .action-groups {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  justify-content: end;
}
@media screen and (max-width: 460px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body .order-info .action-groups {
    justify-content: right;
    margin-right: 30px;
  }
}
@media screen and (max-width: 400px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body .order-info .action-groups {
    display: block;
  }
}
@media screen and (max-width: 400px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .order-tabs .order-card .order-body .order-info .action-groups > button {
    width: 100%;
    margin-bottom: 10px;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .heading > h2 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  margin-bottom: 0px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .heading .btn-outline-primary {
  height: 38px;
  font-weight: 600;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .address-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 13px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .address-card {
  position: relative;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .address-card.active {
  border: 2px solid #006ca5;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .address-card .address-header {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .address-card .address-header .dropdown-toggle:focus {
  box-shadow: none;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .address-card .address-header .dropdown-toggle:after {
  display: none;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .address-card .address-header .badge {
  font-size: 12px;
  line-height: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #000000;
  font-weight: 600;
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 3px;
  background: #ebebeb !important;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .address-card .address-header .badge.badge-success {
  background-color: #c5eed5 !important;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .address-card .address-body strong {
  font-size: 16px;
  font-family: "Inter", sans-serif;
  line-height: 100%;
  font-weight: 600;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .address-card .address-body .phone {
  font-size: 16px;
  font-family: "Inter", sans-serif;
  line-height: 100%;
  font-weight: 600;
  margin-left: 0.25rem;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .address-card .address-body p {
  margin: 0.5rem 0 0;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  line-height: 100%;
  font-weight: 500;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .address-card .address-options {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .address-card .address-options i {
  font-size: 1.2rem;
  color: #777;
  cursor: pointer;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .add-new-address button {
  font-weight: 600;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 16px;
  line-height: 100%;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .dropdown-menu li a {
  padding: 5px 10px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .address-tabdetails .dropdown-menu li a:active {
  box-shadow: none;
  background-color: #f5f5f5;
  color: #000;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails .heading > h2 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  margin-bottom: 0px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails .heading .btn-outline-primary {
  height: 38px;
  font-weight: 600;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .offer-card {
  position: relative;
  margin-top: 13px;
  padding: 18px;
  border-radius: 8px;
  border: 1px solid var(--line-grey-Color, #d9d9d9);
  display: flex;
  align-items: flex-start;
  gap: 19px;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .offer-card {
    flex-wrap: wrap;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .offer-card.expired::after {
  background-color: rgba(0, 0, 0, 0.41);
  width: 100%;
  height: 100%;
  display: flex;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.99;
  border-radius: 4px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .offer-card .card-img {
  display: flex;
  width: 120px;
  padding: 15px 2px 18px 2px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 9px;
  border: 1px solid var(--line-grey-Color, #d9d9d9);
}
@media screen and (min-width: 320px) and (max-width: 900px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .offer-card .card-img {
    align-self: auto;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .offer-card .card-img .product-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 5px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .offer-card .offer-details {
  font-size: 14px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .offer-card .offer-details .details-head {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .offer-card .offer-details .purchase-info {
  color: var(--gry3, #697277);
  font-size: 14px;
  font-style: normal;
  max-width: 175px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 14px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .offer-card .offer-details .code-info {
  display: flex;
  align-items: center;
  color: var(--gry3, #697277);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .offer-card .offer-details .code-info .offer-code {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .offer-card .offer-details .code-info .copy-btn {
  background: none;
  border: none;
  color: #fff;
  margin-left: 8px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .offer-card .offer-details .expiry-info {
  color: #ccc;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .offer-card .offer-details .expiry-info.expired {
  color: #f1433f;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .offer-card .offer-details .view-products {
  color: #006ca5;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .offer-card .offer-details .view-products:hover {
  text-decoration: underline;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .offer-card .help-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #00aeef;
  background: transparent;
  border: none;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .view-morebtn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  cursor: pointer;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .tabdetails.coupons-details .view-morebtn .btn-outline-primary {
  display: flex;
  align-items: center;
  border: 0 !important;
  gap: 10px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .savecard-tabs .listed-cards {
  margin-top: 15px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .savecard-tabs .listed-cards .payment-card {
  margin-bottom: 19px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .savecard-tabs .listed-cards .payment-card .card-content {
  gap: 16px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .savecard-tabs .listed-cards .payment-card .card-content .details > h6 {
  color: var(--BLK, #1a1b1b);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .savecard-tabs .listed-cards .payment-card .card-content .details > p {
  color: var(--grey1, #747983);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .savecard-tabs .listed-cards .payment-card .card-image {
  width: 50px;
  height: 50px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .savecard-tabs .listed-cards .payment-card .card-image > img {
  width: 100%;
  height: 100%;
  padding: 3px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .savecard-tabs .listed-cards .payment-card .payment-logo {
  width: 40px;
  height: auto;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .savecard-tabs .listed-cards .payment-card h6 {
  font-size: 1rem;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .savecard-tabs .listed-cards .payment-card .payment-actions .transparent-btn-primary {
  font-weight: bold;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .savecard-tabs .listed-cards .payment-card .payment-actions button {
  min-width: 80px;
  padding: 0.375rem 0.75rem;
}
@media (max-width: 576px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .savecard-tabs .listed-cards .payment-card {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .dashboardpage .content-tab .tab-content .tab-pane-details .savecard-tabs .listed-cards .payment-card .payment-actions {
    width: 100%;
    justify-content: flex-start;
  }
  .dashboardpage .content-tab .tab-content .tab-pane-details .savecard-tabs .listed-cards .payment-card .payment-actions button {
    width: auto;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .savecard-tabs .faq-details {
  margin-top: 51px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .ChangePassword-tabs .change-form {
  margin-top: 21px;
  max-width: 350px;
}
@media screen and (max-width: 600px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .ChangePassword-tabs .change-form {
    width: 100%;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .ChangePassword-tabs .change-form .input-groups {
  margin-bottom: 22px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .ChangePassword-tabs .change-form .input-groups > label {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 8px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .ChangePassword-tabs .change-form .input-groups .form-control {
  color: #797979;
  height: 48px;
  font-size: var(--sds-typography-body-size-medium);
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .ratingAndReviews {
  margin-top: 21px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box {
  padding: 20px 0px;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 320px) and (max-width: 412px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box {
    flex-direction: column;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position {
  width: 100%;
}
@media screen and (min-width: 320px) and (max-width: 412px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position {
    padding: 20px;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .heading-box {
  display: inline-flex;
  align-items: center;
  margin-bottom: 9px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .heading-box > h2 {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #000000;
  margin-bottom: 0px;
  margin-left: 12px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .heading-box .badge {
  background-color: #00a529;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  display: inline-flex;
  align-items: center;
  height: 22px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .heading-box .badge > i {
  font-size: 12px;
  margin-left: 6px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .heading-box .badge.Average {
  background-color: #edaa00;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .heading-box .badge.low {
  background-color: #f54545;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .para > span {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #000000;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .rating-footer {
  margin-top: 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .rating-footer .left-block {
  display: flex;
  align-items: center;
  gap: 18px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .rating-footer .left-block > span {
  color: #747983;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 12px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .rating-footer .left-block > span > strong {
  margin-right: 4px;
  font-weight: 600;
  line-height: 22px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .rating-footer .left-block .certified-badge {
  background-color: #ebeaea;
  border-radius: 15px;
  padding: 0px 8px;
  font-size: 12px;
  line-height: 22px;
  color: #1a1b1b;
  font-weight: 500;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .rating-footer .left-block .certified-badge > i {
  color: #0496c7;
  margin-right: 5px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .rating-footer .like-badge {
  border: 1px solid #d9d9d9;
  border-radius: 15px;
  height: 22px;
  display: flex;
  align-items: center;
  padding: 0px 8px;
  margin-bottom: 10px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .rating-footer .like-badge .liked-count {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .rating-footer .like-badge .liked-count .btn-count {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  color: #747983;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .rating-footer .like-badge .liked-count .btn-count.liked > i {
  color: #006ca5;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .rating-footer .like-badge .liked-count .btn-count > span {
  margin-right: 6px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .rating-footer .like-badge .liked-count .count {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  color: #747983;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .rating-footer .like-badge > span {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  color: #747983;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .action-groups {
  display: flex;
  align-items: center;
  gap: 6px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .rating-top-position .action-groups .transparent-btn-primary {
  border-radius: 6px;
  border: 1px solid var(--line-grey-Color, #d9d9d9);
  background: var(--White, #fff);
  width: 71px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .customers-photos {
  padding: 0px 20px;
  cursor: pointer;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .customers-photos .images-upload {
  border: 0;
  margin: 0;
  padding: 0;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .customers-photos .img-class {
  position: relative;
  flex: 0 0 auto;
  width: 73px;
  height: 73px;
  border: 1px solid #d9d9d9;
  align-items: center;
  justify-content: center;
  padding: 3px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .customers-photos .img-class > img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 4px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .images-upload {
  margin-top: 33px;
  padding: 0px 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .images-upload > h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  color: #697277;
  margin-bottom: 16px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .images-upload .image-gallery {
  gap: 4px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .images-upload .image-gallery .thumb {
  position: relative;
  flex: 0 0 auto;
  border-radius: 4px;
  border: 1.324px solid var(--line-grey-Color, #d9d9d9);
  width: 107px;
  height: 107px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .images-upload .image-gallery .thumb img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 4px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .images-upload .image-gallery .thumb.overlay-box .overlay {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: 600;
  line-height: 25px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .images-upload .image-gallery .thumb {
    height: 100%;
    width: fit-content;
  }
}
@media (max-width: 480px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-box .images-upload .image-gallery .thumb {
    height: 100%;
    width: fit-content;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-section .heading {
  color: #000;
  font-size: 18px;
  font-style: normal;
  padding: 20px 0px;
  margin-bottom: 0px;
  font-weight: 700;
  line-height: normal;
  border-bottom: 3px solid var(--grey2, #eee);
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-section .product-review-card {
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  gap: 20px;
  margin-top: 20px;
  align-items: flex-start;
  border-bottom: 1px solid var(--line-grey-Color, #d9d9d9);
  padding-bottom: 20px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-section .product-review-card .img-card {
  border-radius: 4px;
  border: 1.324px solid var(--line-grey-Color, #d9d9d9);
  background: #fff;
  width: 107px;
  height: 107px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-section .product-review-card .product-img {
  width: 80px;
  height: auto;
  border-radius: 4px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-section .product-review-card .product-info .product-title {
  color: var(--grey1, #747983);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-section .product-review-card .product-info .star-rating i {
  color: #fff;
  font-size: 18px;
  margin-right: 4px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-section .product-review-card .product-info button {
  font-weight: 500;
  height: 38px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-section .product-review-card .product-info button:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transform: translateY(0px);
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-section .star-rating {
  display: flex;
  margin-bottom: 21px;
  gap: 5px;
}
@media screen and (max-width: 500px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-section .star-rating {
    gap: 0px;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-section .star-rating .star {
  color: #ccc;
  cursor: pointer;
  transition: color 0.2s;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-section .star-rating .star.active path {
  fill: #0496c7 !important; /* Override inline SVG fill */
  stroke: #0496c7; /* Optional: Change stroke color too */
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-section .star-rating .active-text {
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-section .star-rating .active-text.bg-very-good {
  color: var(--G1, #00a529);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .reviews-tabdetails .rating-section .star-rating .reviews-count {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #000000;
  margin-left: 10px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #000;
  line-height: 1px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails {
  max-width: 851px;
  margin: 0 auto;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .wishlist {
  margin-top: 19px;
}
@media screen and (min-width: 400px) and (max-width: 600px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .wishlist .custom-width {
    width: 50%;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .wishlist .product-card {
  position: relative;
  display: flex;
  margin-bottom: 20px;
  padding: 20px 20px 29px 20px;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  border: 1px solid #d9d9d9;
  margin-bottom: 20px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .wishlist .product-card > a {
  width: 100%;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .wishlist .product-card .product-img {
  z-index: 10;
  margin-bottom: 0px;
  width: 100%;
  margin-top: 0px;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .wishlist .product-card .price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .wishlist .product-card .close-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .wishlist .product-card .price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  flex-wrap: wrap;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .wishlist .product-card .price .AED {
  font-size: 12px;
  font-weight: 600;
  color: #1a1b1b;
  line-height: 100%;
  position: relative;
  bottom: 5px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .wishlist .product-card .price .new {
  color: #000;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .wishlist .product-card .price .old {
  text-decoration: line-through;
  color: #959595;
  line-height: 100%;
  font-size: 14px;
  font-weight: 500;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .wishlist .product-card .price .discount {
  color: #00a529;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .wishlist .product-card .title {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 500;
  margin-bottom: 6px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 245px;
  min-width: 100%;
  width: 140px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .move-cart {
  width: 100%;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .move-cart .transparent-btn {
  padding: 0;
  width: 100%;
  display: inline-flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  padding: 10px;
  background: linear-gradient(90deg, #e1f3ff 0%, #e1f3ff 100%);
  border: 1.5px solid #0496c7;
  border-radius: 4px;
  color: #006ca5;
  font-weight: 600;
  font-size: 16px;
  height: 38px;
  text-align: center;
  justify-content: center;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
  margin-bottom: 12px;
  transition: background-position 0.4s ease, color 0.3s ease, opacity 0.3s ease;
  opacity: 0.9;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .move-cart .transparent-btn {
    font-size: 13px;
    height: auto;
    padding: 5px 10px;
  }
}
@media screen and (max-width: 767px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .move-cart .transparent-btn {
    width: auto;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .move-cart .transparent-btn svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .move-cart .transparent-btn:hover {
  transition: color 0.3s ease, transform 0.3s ease;
  background-position: right center;
  opacity: 1;
  background: linear-gradient(135deg, #e1f3ff, #cce7fb);
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .move-cart .transparent-btn:active {
  background-color: #bfe2f4;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .wishlistPopover {
  background: white;
  border: 1px solid #ccc;
  padding: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 999;
  border-radius: 8px;
}
@media screen and (max-width: 1024px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .wishlistPopover {
    left: auto !important;
    right: 25px;
  }
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .wishlistPopover .btn-group .cancelbtn {
  box-shadow: none;
  border: none;
  padding: 15px 0 0;
  background-color: transparent;
  color: #c2c2c2;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .wish-tabdetails .wishlistPopover .btn-group .removebtn {
  box-shadow: none;
  background-color: transparent;
  border: none;
  color: #ff6161;
  padding: 15px 0 0 30px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .notifications-tabs .offer-card {
  margin-top: 9px;
  display: flex;
  align-items: flex-start;
  border-radius: 0px;
  padding: 12px 16px;
  gap: 19px;
  max-width: 100%;
  border-bottom: 1px solid #d9d9d9;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .notifications-tabs .offer-card.active {
  border-bottom: 1px solid #c5e7ef;
  background: var(--Color-lite, #eaf7fa);
}
.dashboardpage .content-tab .tab-content .tab-pane-details .notifications-tabs .offer-card .offer-icon {
  flex-shrink: 0;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .notifications-tabs .offer-card .offer-icon img {
  width: 20px;
  height: 20px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .notifications-tabs .offer-card .offer-content {
  flex: 1;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .notifications-tabs .offer-card .offer-content h4 {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 700;
  margin-bottom: 7px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .notifications-tabs .offer-card .offer-content p {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 500;
  margin-bottom: 10px;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .notifications-tabs .offer-card .offer-content p a {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 500;
}
.dashboardpage .content-tab .tab-content .tab-pane-details .notifications-tabs .offer-card .offer-content .offer-time {
  color: var(--grey1, #747983);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 480px) {
  .dashboardpage .content-tab .tab-content .tab-pane-details .notifications-tabs .offer-card {
    flex-direction: column;
    align-items: flex-start;
  }
  .dashboardpage .content-tab .tab-content .tab-pane-details .notifications-tabs .offer-card .offer-content h4 {
    font-size: 15px;
  }
  .dashboardpage .content-tab .tab-content .tab-pane-details .notifications-tabs .offer-card .offer-content p {
    font-size: 13px;
  }
  .dashboardpage .content-tab .tab-content .tab-pane-details .notifications-tabs .offer-card .offer-content .offer-time {
    font-size: 11px;
  }
}
.dashboardpage .dashboard-card {
  transition: all 0.3s ease;
  cursor: pointer;
  display: flex;
  height: 100%;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid var(--line-grey-Color, #d9d9d9);
}
@media screen and (max-width: 767px) {
  .dashboardpage .dashboard-card {
    height: 115px;
  }
}
.dashboardpage .dashboard-card .details {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 49px 0px;
}
.dashboardpage .dashboard-card .details .content > h6 {
  color: #000;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
}
.dashboardpage .dashboard-card .details .content > small {
  color: var(--grey1, #747983);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.dashboardpage .dashboard-card .icon {
  font-size: 24px;
}

.popover .coupons-popover {
  position: relative;
  overflow-y: auto;
  max-height: 400px;
}
.popover .coupons-popover::-webkit-scrollbar {
  width: 4px;
}
.popover .coupons-popover::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 10px;
}
.popover .coupons-popover::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 10px;
}
.popover .coupons-popover::-webkit-scrollbar-thumb:hover {
  background-color: #ddd;
}
.popover .coupons-popover .info-details h2 {
  color: var(--BLK, #1a1b1b);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
}
.popover .coupons-popover .info-details span {
  color: var(--BLK, #1a1b1b);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.popover .coupons-popover .terms {
  margin-top: 17px;
}
.popover .coupons-popover .terms h2 {
  color: var(--BLK, #1a1b1b);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 17px;
}
.popover .coupons-popover .popover-terms {
  margin-left: 20px;
}
.popover .coupons-popover .popover-terms li {
  color: var(--BLK, #1a1b1b);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  list-style: disc;
  margin-bottom: 14px;
}
.popover .coupons-popover .popover-terms li::marker {
  color: #9d9d9d;
}

@media screen and (max-width: 767px) {
  .mobile-sidebar {
    padding-left: 25px !important;
    padding-right: 25px !important;
    margin-bottom: 50px;
  }
  .mobile-sidebar .nav .nav-link {
    border-bottom: 1px solid #d9d9d9;
    border-radius: 0;
    padding: 20px;
    position: relative;
  }
  .mobile-sidebar .nav .nav-link:after {
    content: "\f105";
    position: absolute;
    right: 15px;
    color: #4a4848;
    font-family: "Font Awesome 5 Pro";
  }
  .mobile-sidebar .nav .nav-link.logout-link::after {
    display: none;
  }
  .mobile-sidebar .nav .nav-link.border-none {
    border-bottom: 0;
  }
}
.order-detailscontentTab {
  margin-bottom: 30px;
}
.order-detailscontentTab .order-details-section .order-details .order-top-details {
  margin-bottom: 13px;
  gap: 3px;
  padding: 20px 0px 13px 0px;
  border-bottom: 1px solid var(--line-grey-Color, #d9d9d9);
}
@media screen and (max-width: 600px) {
  .order-detailscontentTab .order-details-section .order-details .order-top-details {
    padding-top: 0;
  }
}
.order-detailscontentTab .order-details-section .order-details .order-top-details .top-sections-details {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
@media screen and (min-width: 240px) and (max-width: 640px) {
  .order-detailscontentTab .order-details-section .order-details .order-top-details .top-sections-details {
    align-items: baseline;
    gap: 10px;
  }
}
.order-detailscontentTab .order-details-section .order-details .order-top-details .top-sections-details .info-contents {
  display: flex;
  gap: 6px;
  align-items: center;
}
@media screen and (min-width: 240px) and (max-width: 640px) {
  .order-detailscontentTab .order-details-section .order-details .order-top-details .top-sections-details .info-contents {
    flex-wrap: wrap;
    align-items: baseline;
    margin-bottom: 10px;
  }
}
.order-detailscontentTab .order-details-section .order-details .order-top-details .top-sections-details .info-contents .badge.badge-theme {
  border-radius: 3px;
  background: #f1f1f1;
  color: #000;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.order-detailscontentTab .order-details-section .order-details .order-top-details .top-sections-details .info-contents .details-order {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 700;
  font-size: 18px;
}
.order-detailscontentTab .order-details-section .order-details .action-groups {
  display: flex;
  gap: 11px;
  margin-bottom: 13px;
}
@media screen and (min-width: 768px) and (max-width: 865px) {
  .order-detailscontentTab .order-details-section .order-details .action-groups {
    flex-direction: column;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .order-detailscontentTab .order-details-section .order-details .action-groups {
    flex-direction: column;
  }
}
@media screen and (min-width: 240px) and (max-width: 570px) {
  .order-detailscontentTab .order-details-section .order-details .action-groups {
    flex-direction: column;
  }
}
.order-detailscontentTab .order-details-section .order-details .action-groups .invoice-download {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  height: 38px;
  display: flex;
  align-items: center;
  flex: none;
  transition: transform 0.2s ease;
}
@media screen and (min-width: 240px) and (max-width: 767px) {
  .order-detailscontentTab .order-details-section .order-details .action-groups .invoice-download {
    height: auto;
  }
}
.order-detailscontentTab .order-details-section .order-details .action-groups .invoice-download:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transform: translateY(0px);
}
.order-detailscontentTab .order-details-section .order-details .action-groups .need-help {
  border: 1px solid #d9d9d9 !important;
  padding: 10px 20px;
  height: 38px;
  flex: none;
  display: flex;
  align-items: center;
  transition: transform 0.2s ease;
}
.order-detailscontentTab .order-details-section .order-details .action-groups .need-help:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transform: translateY(0px);
}
@media screen and (min-width: 240px) and (max-width: 767px) {
  .order-detailscontentTab .order-details-section .order-details .action-groups .need-help {
    height: auto;
    justify-content: center;
    padding: 6px 0px;
  }
}
.order-detailscontentTab .order-details-section .order-details .product-summary {
  border-bottom: 1px solid var(--line-grey-Color, #d9d9d9);
}
.order-detailscontentTab .order-details-section .order-details .product-summary .product-info {
  max-width: 75%;
}
.order-detailscontentTab .order-details-section .order-details .product-summary .product-info .heading-content {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 500;
  line-height: 20px;
  font-size: 18px;
  margin-bottom: 12px;
}
.order-detailscontentTab .order-details-section .order-details .product-summary .product-info .text-muted {
  color: var(--gry3, #697277);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 13px;
}
.order-detailscontentTab .order-details-section .order-details .product-summary .product-info .text-sub {
  color: var(--gry3, #697277);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.order-detailscontentTab .order-details-section .order-details .product-summary .product {
  display: flex;
  width: 74px;
  height: 74px;
  padding: 4px 4px 5px 5px;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  border: 1px solid var(--line-grey-Color, #d9d9d9);
  background: #fff;
}
.order-detailscontentTab .order-details-section .order-details .product-summary .product .order-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.order-detailscontentTab .order-details-section .order-details .product-summary .price-details .text-del {
  color: var(--grey1, #747983);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: line-through;
}
.order-detailscontentTab .order-details-section .order-details .product-summary .price-details .text-successtag {
  color: var(--G1, #00a529);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.order-detailscontentTab .order-details-section .order-details .product-summary .price-details .amount-info {
  color: var(--grey1, #747983);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.order-detailscontentTab .order-details-section .order-details .product-summary .price-details .amount-info .contents {
  font-weight: 600;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000;
  padding: 10px;
}
.order-detailscontentTab .order-details-section .order-details .product-summary .price-details .text-muted {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 700;
}
.order-detailscontentTab .order-details-section .order-details .product-summary .price-details del {
  font-size: 0.9rem;
}
.order-detailscontentTab .order-details-section .order-details .product-summary .product-image img {
  border: none;
  border-radius: 0.5rem;
  object-fit: contain;
}
@media (max-width: 576px) {
  .order-detailscontentTab .order-details-section .order-details .product-summary .product-info {
    max-width: 100%;
    margin-bottom: 1rem;
  }
  .order-detailscontentTab .order-details-section .order-details .product-summary .product-image {
    text-align: left;
  }
}
.order-detailscontentTab .order-details-section .order-details .payment-methods > h6 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 18px;
  line-height: normal;
}
.order-detailscontentTab .order-details-section .order-details .payment-methods p {
  color: var(--grey1, #747983);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.order-detailscontentTab .order-details-section .order-details .order-summary > h6 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 18px;
}
.order-detailscontentTab .order-details-section .order-details .order-summary .sub-total {
  margin-bottom: 16px;
}
.order-detailscontentTab .order-details-section .order-details .order-summary .sub-total .total {
  color: var(--grey1, #747983);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.order-detailscontentTab .order-details-section .order-details .order-summary .sub-total .price {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.order-detailscontentTab .order-details-section .order-details .order-summary .info-contents {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.order-detailscontentTab .order-details-section .order-details .order-summary .details {
  margin-bottom: 16px;
}
.order-detailscontentTab .order-details-section .order-details .order-summary .details .text-price {
  color: var(--G1, #00a529);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.order-detailscontentTab .order-details-section .order-details .order-summary .details .text-price .amt {
  color: var(--grey1, #747983);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.order-detailscontentTab .order-details-section .order-details .order-summary .details .text-price .amt .linethrough {
  color: var(--grey1, #747983);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration-line: line-through;
}
.order-detailscontentTab .order-details-section .order-details .order-summary .details .info-text {
  color: var(--grey1, #747983);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.order-detailscontentTab .order-details-section .order-details .order-summary .total-info {
  padding: 20px 0px;
  border-bottom: 1px solid #bebebe;
  border-top: 1px solid #bebebe;
}
.order-detailscontentTab .order-details-section .order-details .order-summary .total-info .amt {
  white-space: nowrap;
  color: var(--BLK, #1a1b1b);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.order-detailscontentTab .order-details-section .order-details .order-summary .total-info .details {
  color: #000;
  font-size: 14px;
  font-style: normal;
  margin-bottom: 0px;
  font-weight: 600;
  line-height: normal;
}
.order-detailscontentTab .order-details-section .order-details .order-summary .total-info .details > span {
  color: var(--grey1, #747983);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.order-detailscontentTab .order-details-section .order-details .order-tracking .timeline {
  position: relative;
  padding-left: 0;
}
.order-detailscontentTab .order-details-section .order-details .order-tracking .timeline .timeline-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.order-detailscontentTab .order-details-section .order-details .order-tracking .timeline .timeline-item .timeline-icon {
  position: relative;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.order-detailscontentTab .order-details-section .order-details .order-tracking .timeline .timeline-item .timeline-icon svg {
  position: relative;
  z-index: 1;
}
.order-detailscontentTab .order-details-section .order-details .order-tracking .timeline .timeline-item .timeline-content {
  flex: 1;
  font-size: 0.95rem;
}
.order-detailscontentTab .order-details-section .order-details .order-tracking .timeline .timeline-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 18px;
  left: 9px;
  width: 2.4px;
  height: calc(100% + 0rem);
  background-color: #00a529;
  z-index: 0;
}
.order-detailscontentTab .order-details-section .order-details .order-tracking .timeline .timeline-item:nth-child(odd)::after {
  background-color: #00a529;
}
.order-detailscontentTab .order-details-section .order-details .order-tracking .timeline .timeline-item:nth-child(even)::after {
  background-color: #00a529;
}
.order-detailscontentTab .order-details-section .order-details .order-tracking .view-details .btn-link {
  color: #006ca5;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
@media (max-width: 576px) {
  .order-detailscontentTab .order-details-section .order-details .order-tracking .timeline-item {
    flex-direction: row;
    align-items: flex-start;
  }
  .order-detailscontentTab .order-details-section .order-details .order-tracking .timeline-item .timeline-content {
    font-size: 0.9rem;
  }
}
.order-detailscontentTab .order-details-section .order-details .carddetail-box {
  display: flex;
  width: 100%;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 33px;
  border-radius: 8px;
  border: 1px solid var(--line-grey-Color, #d9d9d9);
}
.order-detailscontentTab .order-details-section .order-details .carddetail-box .heading {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 12px;
  padding-bottom: 0;
  border: 0;
}
.order-detailscontentTab .order-details-section .order-details .carddetail-box .number {
  color: var(--BLK, #1a1b1b);
  font-size: 14px;
  font-style: normal;
  margin-bottom: 7px;
  font-weight: 500;
  line-height: normal;
}
.order-detailscontentTab .order-details-section .order-details .carddetail-box .address {
  color: var(--BLK, #1a1b1b);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 7px;
  line-height: normal;
}
.order-detailscontentTab .order-details-section .order-details .carddetail-box .name {
  margin-bottom: 7px;
  color: var(--BLK, #1a1b1b);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 7px;
}
.order-detailscontentTab .order-details-section .order-details .rating-product {
  display: flex;
  width: 100%;
  padding: 22px 16px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 25px;
  border-radius: 12px;
  flex-wrap: wrap;
  background: #f6f6f6;
}
.order-detailscontentTab .order-details-section .order-details .rating-product .btn-review {
  background-color: #fff;
  border: 1px solid #d9d9d9;
}
.order-detailscontentTab .order-details-section .order-details .rating-product .btn-review:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transform: translateY(0px);
}
.order-detailscontentTab .order-details-section .order-details .rating-product .rating-section .review-writing {
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.order-detailscontentTab .order-details-section .order-details .rating-product .rating-section .star-rating {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.order-detailscontentTab .order-details-section .order-details .rating-product .rating-section .star-rating .star {
  color: #ccc;
  cursor: pointer;
  transition: color 0.2s;
}
.order-detailscontentTab .order-details-section .order-details .rating-product .rating-section .star-rating .star.active path {
  fill: #0496c7 !important; /* Override inline SVG fill */
  stroke: #0496c7; /* Optional: Change stroke color too */
}
.order-detailscontentTab .order-details-section .order-details .rating-product .rating-section .star-rating .active-text {
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.order-detailscontentTab .order-details-section .order-details .rating-product .rating-section .star-rating .active-text.bg-very-good {
  color: var(--G1, #00a529);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
.order-detailscontentTab .order-details-section .order-details .rating-product .rating-section .star-rating .reviews-count {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #000000;
  margin-left: 10px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #000;
  line-height: 1px;
}
.order-detailscontentTab .order-details-section .order-details .badge {
  font-size: 0.75rem;
  vertical-align: text-top;
}
.order-detailscontentTab .order-details-section .order-details .img-thumbnail {
  border: none;
  border-radius: 0.5rem;
  object-fit: contain;
}
.order-detailscontentTab .order-details-section .order-details .order-status {
  font-size: 0.875rem;
}
.order-detailscontentTab .order-details-section .order-details .rating-stars {
  font-size: 1.25rem;
  color: #ffc107;
  letter-spacing: 2px;
}
.order-detailscontentTab .order-details-section .order-details ul li {
  font-size: 0.9rem;
}
@media (max-width: 576px) {
  .order-detailscontentTab .order-details-section .order-details .img-thumbnail {
    margin-bottom: 1rem;
  }
  .order-detailscontentTab .order-details-section .order-details .rating-stars {
    font-size: 1rem;
  }
}

.order-tracking-modal.modal-content {
  width: 570px;
  max-width: 100%;
  margin: 0 auto;
}
.order-tracking-modal .modal-header h5 {
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
}
.order-tracking-modal .modal-body {
  max-height: 80vh;
  overflow-y: auto;
  padding: 25px;
}
.order-tracking-modal .timeline {
  position: relative;
  margin: 0;
  padding-left: 10px;
  list-style: none;
}
.order-tracking-modal .timeline .timeline-item {
  position: relative;
  margin-bottom: 25px;
  padding-left: 20px;
}
.order-tracking-modal .timeline .timeline-item:last-child {
  margin-bottom: 0;
  /* Remove line after last item */
}
.order-tracking-modal .timeline .timeline-item:last-child::after {
  display: none;
}
.order-tracking-modal .timeline .timeline-item {
  /* Vertical line per li */
}
.order-tracking-modal .timeline .timeline-item::after {
  content: "";
  position: absolute;
  top: 18px;
  left: 11px;
  width: 2px;
  height: 100%;
  background-color: #00b050;
  z-index: 0;
  animation: drawLine 0.9s ease forwards;
}
.order-tracking-modal .timeline .timeline-item {
  /* Green circle */
}
.order-tracking-modal .timeline .timeline-item::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #00b050;
  z-index: 1;
}
.order-tracking-modal .timeline .timeline-item {
  /* Delay animations progressively */
}
.order-tracking-modal .timeline .timeline-item:nth-child(1)::after {
  animation-delay: 0s;
}
.order-tracking-modal .timeline .timeline-item:nth-child(2)::after {
  animation-delay: 0.3s;
}
.order-tracking-modal .timeline .timeline-item:nth-child(3)::after {
  animation-delay: 0.6s;
}
.order-tracking-modal .timeline .timeline-item:nth-child(4)::after {
  animation-delay: 0.9s;
}
.order-tracking-modal .timeline .timeline-item:nth-child(1)::before {
  animation-delay: 0.2s;
}
.order-tracking-modal .timeline .timeline-item:nth-child(2)::before {
  animation-delay: 0.5s;
}
.order-tracking-modal .timeline .timeline-item:nth-child(3)::before {
  animation-delay: 0.8s;
}
.order-tracking-modal .timeline .timeline-item:nth-child(4)::before {
  animation-delay: 1.1s;
}
.order-tracking-modal .timeline .timeline-item .timeline-content {
  position: relative;
  z-index: 2;
  margin-left: 25px;
}
.order-tracking-modal .timeline .timeline-item .timeline-content h6 {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 5px;
}
.order-tracking-modal .timeline .timeline-item .timeline-content h6 .date {
  color: #777;
  font-weight: 400;
  font-size: 13px;
  margin-left: 5px;
}
.order-tracking-modal .timeline .timeline-item .timeline-content p {
  font-size: 13px;
  color: #555;
  margin-bottom: 6px;
}
.order-tracking-modal .timeline .timeline-item .timeline-content p .time {
  display: block;
  color: #888;
  font-size: 12px;
}

/* 🎬 Animation keyframes */
@keyframes drawLine {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}
@keyframes fadeInDot {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.HelpFaq-page .breadcrumb-parent .breadcrumb {
  padding: 0px 10px;
}
@media screen and (max-width: 767px) {
  .HelpFaq-page .breadcrumb-parent .breadcrumb {
    padding: 0px;
  }
}
@media screen and (max-width: 767px) {
  .HelpFaq-page .inner-dashboard .template {
    padding: 0px 0px;
  }
}
.HelpFaq-page .main-headingfaq {
  display: flex;
  margin-bottom: 19px;
  width: 100%;
  height: 40px;
  padding: 20px 0;
  align-items: center;
  gap: 10px;
  border-bottom: 3px solid var(--grey2, #eee);
  flex-shrink: 0;
}
.HelpFaq-page .main-headingfaq > h2 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .HelpFaq-page .breadcrumb-parent nav .breadcrumb {
    margin-bottom: 24px;
  }
}
.HelpFaq-page .box-content {
  margin-bottom: 21px;
}
.HelpFaq-page .box-content .profile-box {
  margin-top: 21px;
  display: flex;
  padding: 10px;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  align-self: stretch;
  border-radius: 9px;
  background: #f3f3f3;
}
.HelpFaq-page .box-content .profile-box .details > h6 {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: 18px;
  margin-bottom: 2px;
}
.HelpFaq-page .box-content .profile-box .details > small {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #606060;
}
.HelpFaq-page .box-content .profile-box .avatar {
  display: flex;
  width: 38px;
  height: 38px;
  padding: 8px 3px 8px 4px;
  justify-content: center;
  align-items: center;
  color: white;
  background: #009884;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.HelpFaq-page .nav-pills .nav-link {
  border-radius: 7px;
  margin-bottom: 5px;
  display: flex;
  padding: 14px 10px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-weight: 500;
}
.HelpFaq-page .nav-pills .nav-link > a {
  color: #000000;
}
.HelpFaq-page .nav-pills .nav-link:focus-visible {
  outline: none;
}
.HelpFaq-page .nav-pills .nav-link.active {
  background-color: #e7f2f5;
  color: #006ca5;
}
.HelpFaq-page .nav-pills .nav-link.active svg path {
  fill: #006ca5;
}
.HelpFaq-page .sidebar {
  position: sticky;
  top: 170px;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  margin-bottom: 120px;
  background: #fff;
  z-index: 1;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .HelpFaq-page .sidebar {
    width: 30%;
    flex: 0 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .HelpFaq-page .sidebar {
    position: relative;
    top: 0;
    margin-bottom: 0px;
  }
}
.HelpFaq-page .sidebar #mobileNav {
  margin-bottom: 15px;
  font-size: 14px;
  height: 50px;
  margin-left: auto;
  margin-bottom: 30px;
  margin-top: 30px;
  min-width: 300px;
  width: 300px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .HelpFaq-page .content-tab {
    width: 70%;
    flex: 0 0 auto;
    padding: 10px !important;
  }
}
.HelpFaq-page .content-tab .tab-content .tab-pane-details {
  max-width: 851px;
  margin: 0 auto;
  margin-left: 56px;
}
.HelpFaq-page .content-tab .tab-content .tab-pane-details.order-card-pane {
  margin-left: 0px;
}
@media screen and (max-width: 1000px) {
  .HelpFaq-page .content-tab .tab-content .tab-pane-details {
    margin-left: 0px;
  }
}
.HelpFaq-page .content-tab .profile-details {
  display: flex;
  margin-bottom: 24px;
  flex-wrap: wrap;
  padding: 10px 20px;
  justify-content: space-between;
  align-items: center;
  margin-top: 21px;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 9px;
  border: 1px solid var(--line-grey-Color, #d9d9d9);
  background: var(--White, #fff);
}
.HelpFaq-page .content-tab .profile-details .profile-box {
  display: flex;
  padding: 10px;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.HelpFaq-page .content-tab .profile-details .profile-box .details > h6 {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: 18px;
  margin-bottom: 2px;
}
.HelpFaq-page .content-tab .profile-details .profile-box .details > small {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #606060;
}
.HelpFaq-page .content-tab .profile-details .profile-box .avatar {
  display: flex;
  width: 38px;
  height: 38px;
  padding: 8px 3px 8px 4px;
  justify-content: center;
  align-items: center;
  color: white;
  background: #009884;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.HelpFaq-page .content-tab .heading {
  color: #000;
  font-size: 18px;
  font-style: normal;
  margin-bottom: 0px;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 20px;
  border-bottom: 3px solid var(--grey2, #eee);
}
.HelpFaq-page .faq-details .heading-text {
  color: #000;
  font-size: 18px;
  font-style: normal;
  margin-bottom: 0px;
  font-weight: 700;
  line-height: normal;
  margin-top: 24px;
}
.HelpFaq-page .faq-details .faq-contents {
  border-radius: 13px;
  padding: 10px;
  margin-bottom: 30px;
  border: 1px solid var(--line-grey-Color, #d9d9d9);
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item:last-child .accordion-header {
  border-bottom: 0;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item {
  border: none;
  margin-bottom: 10px;
  border-radius: 0px;
  overflow: hidden;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-header:last-child {
  border-bottom: 0;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-header {
  border-bottom: 1px solid var(--line-grey-Color, #d9d9d9);
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-header .accordion-button {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background-color: transparent;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-header .accordion-button::after {
  background-image: none;
  content: "+";
  color: #1c1b1f;
  padding-bottom: 5px;
  font-size: 24px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 1px solid var(--line-grey-Color, #d9d9d9);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-header .accordion-button.collapsed::after {
  content: "+";
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  content: "−";
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-collapse {
  border-radius: 0px;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body {
  background: var(--grey2, #eee);
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding: 1rem;
  max-height: 600px;
  overflow: auto;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body .shipping-update {
  padding: 20px 25px;
  border-radius: 8px;
  line-height: 1.6;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body .shipping-update h2 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body .shipping-update ol {
  margin-left: 20px;
  padding-left: 10px;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body .shipping-update ol li {
  margin-bottom: 10px;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body .shipping-update ol li span {
  font-weight: 500;
  color: #0056a6;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body .shipping-update .note {
  margin-top: 20px;
  font-size: 14px;
  background: #eef6fb;
  padding: 15px;
  border-left: 4px solid #0056a6;
  border-radius: 6px;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body .shipping-update .note a {
  color: #0056a6;
  text-decoration: none;
  font-weight: 500;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body .shipping-update .note a:hover {
  text-decoration: underline;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body::-webkit-scrollbar {
  width: 6px;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body::-webkit-scrollbar-track {
  background: transparent;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
.HelpFaq-page .faq-details .faq-contents .custom-accordion .accordion-item .accordion-body {
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}

.sellerpage-header {
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 2;
  top: 0px;
}
.sellerpage-header .help > a {
  color: var(--BLK, #1a1b1b);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
  cursor: pointer;
}
.sellerpage-header .contents {
  display: flex;
  padding: 10px 20px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.sellerpage-header .contents .logo {
  width: 135px;
  height: auto;
}
.sellerpage-header .contents .logo > img {
  width: 100%;
  height: 100%;
}
.sellerpage-header .contents .help > p {
  color: var(--BLK, #1a1b1b);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}

.sellerPage-parent .main-content .hero-section {
  background-image: url("../images/Banner/SellerBanner.png");
  width: 100%;
  height: 537px;
  max-width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 118px 131px 118px 131px;
}
@media screen and (max-width: 767px) {
  .sellerPage-parent .main-content .hero-section.mobile-herosection {
    background-image: url("../images/Banner/banner-sellermb.png") !important;
  }
}
@media screen and (min-width: 1700px) and (max-width: 4000px) {
  .sellerPage-parent .main-content .hero-section {
    height: 700px;
    background-position: 50% 20%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1060px) {
  .sellerPage-parent .main-content .hero-section {
    padding: 118px 30px;
  }
}
@media screen and (max-width: 767px) {
  .sellerPage-parent .main-content .hero-section {
    padding: 120px 70px;
    height: 100%;
  }
}
@media screen and (max-width: 560px) {
  .sellerPage-parent .main-content .hero-section {
    padding: 70px 40px;
    background-position: 63% 20%;
  }
}
@media screen and (min-width: 767px) {
  .sellerPage-parent .main-content .mobile-templates-person {
    display: none;
  }
  .sellerPage-parent .main-content .mobile-templates-person > img {
    width: 100%;
    margin: 0 auto;
  }
}
.sellerPage-parent .main-content .banner-caption {
  position: relative;
  display: flex;
  height: 100%;
  /* align-items: center; */
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .sellerPage-parent .main-content .banner-caption {
    margin-top: 50px;
  }
}
.sellerPage-parent .main-content .banner-caption .heading > h2 {
  color: var(--White, #fff);
  font-size: 40px;
  font-style: normal;
  margin-bottom: 13px;
  font-weight: 600;
  line-height: normal;
}
@media screen and (min-width: 240px) and (max-width: 600px) {
  .sellerPage-parent .main-content .banner-caption .heading > h2 {
    font-size: 28px;
  }
}
.sellerPage-parent .main-content .banner-caption .heading .info-text {
  color: var(--b1, #55e2e9);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  width: 470px;
  line-height: 27px;
  margin-bottom: 22px;
}
@media screen and (min-width: 240px) and (max-width: 600px) {
  .sellerPage-parent .main-content .banner-caption .heading .info-text {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .sellerPage-parent .main-content .banner-caption .heading .info-text {
    width: 100%;
  }
}
.sellerPage-parent .main-content .banner-caption .heading .sub-contents {
  color: var(--White, #fff);
  font-size: 16px;
  font-style: normal;
  width: 498px;
  font-weight: 400;
  line-height: 24px; /* 150% */
  margin-bottom: 42px;
}
@media screen and (max-width: 767px) {
  .sellerPage-parent .main-content .banner-caption .heading .sub-contents {
    width: 100%;
  }
}
.sellerPage-parent .main-content .banner-caption .actions .btn-outline-white {
  height: 65px;
}
@media screen and (min-width: 240px) and (max-width: 600px) {
  .sellerPage-parent .main-content .banner-caption .actions .btn-outline-white {
    height: 48px;
  }
}
.sellerPage-parent .main-content .banner-caption .actions .btn-outline-white:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transform: translateY(0px);
}
.sellerPage-parent .seller-details {
  padding: 80px 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #f9f8f8;
  align-self: stretch;
}
@media screen and (min-width: 768.5px) and (max-width: 1000px) {
  .sellerPage-parent .seller-details {
    padding: 40px;
  }
}
@media screen and (max-width: 767px) {
  .sellerPage-parent .seller-details {
    padding: 20px 20px;
  }
}
.sellerPage-parent .seller-details .heading > h2 {
  margin-bottom: 30px;
  color: var(--b4, #006ca5);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
.sellerPage-parent .seller-details .seller-card {
  padding: 0px 77px;
}
@media screen and (min-width: 768px) and (max-width: 1060px) {
  .sellerPage-parent .seller-details .seller-card {
    padding: 0px 0px;
  }
}
@media screen and (max-width: 767.5px) {
  .sellerPage-parent .seller-details .seller-card {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 560px) {
  .sellerPage-parent .seller-details .seller-card {
    padding: 20px 10px;
  }
}
.sellerPage-parent .seller-details .seller-card .card {
  display: flex;
  padding: 30px;
  border: 0;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
  flex: 1 0 0;
  border-radius: 8px;
  background: var(--White, #fff);
}
.sellerPage-parent .seller-details .seller-card .card .heading-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.sellerPage-parent .seller-details .seller-card .card .heading-icon .arrow {
  display: flex;
  padding: 10px;
  border-radius: 70px;
  background: var(--grey2, #eee);
  align-items: center;
  gap: 10px;
}
.sellerPage-parent .seller-details .seller-card .card .card-info .head > h2 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 9px;
}
.sellerPage-parent .seller-details .seller-card .card .card-info .para > p {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 56px;
}
.sellerPage-parent .seller-contents-info .seller-section {
  padding: 80px 50px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
@media screen and (max-width: 767.5px) {
  .sellerPage-parent .seller-contents-info .seller-section {
    padding: 80px 0px;
  }
}
@media screen and (max-width: 560px) {
  .sellerPage-parent .seller-contents-info .seller-section {
    padding: 40px 25px;
  }
}
.sellerPage-parent .seller-contents-info .seller-section .heading {
  margin-bottom: 30px;
}
.sellerPage-parent .seller-contents-info .seller-section .heading > h2 {
  color: var(--BLK, #1a1b1b);
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
.sellerPage-parent .seller-contents-info .seller-section .content-details {
  padding: 0px 91px;
}
@media screen and (min-width: 768px) and (max-width: 1060px) {
  .sellerPage-parent .seller-contents-info .seller-section .content-details {
    padding: 0px 0px;
  }
}
@media screen and (max-width: 767.5px) {
  .sellerPage-parent .seller-contents-info .seller-section .content-details {
    padding: 20px;
  }
}
.sellerPage-parent .seller-contents-info .seller-section .content-details .card {
  border: 0;
  border-radius: 6px;
  margin-bottom: 29px;
  height: 100%;
}
.sellerPage-parent .seller-contents-info .seller-section .content-details .card .img-icon > img {
  width: 100%;
  border-radius: 8px 8px 0px 0px;
  height: 100%;
}
.sellerPage-parent .seller-contents-info .seller-section .content-details .card .caption {
  display: flex;
  border-radius: 0px 0px 8px 8px;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  background: #f9f8f8;
  height: 100%;
  margin-bottom: 29px;
}
.sellerPage-parent .seller-contents-info .seller-section .content-details .card .caption > h2 {
  margin-bottom: 8px;
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
}
.sellerPage-parent .seller-contents-info .seller-section .content-details .card .caption > p {
  color: var(--gry3, #697277);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 155.556% */
}
.sellerPage-parent .seller-grow {
  position: relative;
  padding: 80px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  background: var(--Color-lite, #eaf7fa);
}
@media screen and (max-width: 560px) {
  .sellerPage-parent .seller-grow {
    padding: 80px 5px;
  }
}
.sellerPage-parent .seller-grow .content-info {
  padding-left: 110px;
}
@media screen and (min-width: 767.5px) and (max-width: 1099px) {
  .sellerPage-parent .seller-grow .content-info {
    padding-left: 40px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 767.5px) {
  .sellerPage-parent .seller-grow .content-info {
    padding: 10px 40px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1700px) and (max-width: 1800px) {
  .sellerPage-parent .seller-grow .content-info {
    padding-left: 125px;
  }
}
.sellerPage-parent .seller-grow .content-info > h2 {
  color: var(--b4, #006ca5);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 14px;
}
.sellerPage-parent .seller-grow .content-info .contant > span {
  color: var(--gry3, #697277);
  font-size: 16px;
  max-width: 420px;
  width: 420px;
  display: block;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .sellerPage-parent .seller-grow .content-info .contant > span {
    width: 100%;
  }
}
.sellerPage-parent .seller-grow .sellerinfo-card .card {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 10px;
  border: 0;
  align-self: stretch;
}
.sellerPage-parent .seller-grow .sellerinfo-card .card > h2 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 9px;
}
.sellerPage-parent .seller-grow .sellerinfo-card .card > span {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.sellerPage-parent .seller-grow .actions {
  margin-top: 30px;
}
.sellerPage-parent .seller-grow .actions .primary-btn {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 10px;
  padding: 10px 20px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.sellerPage-parent .seller-grow .img-theme-position {
  position: relative;
}
.sellerPage-parent .seller-grow .img-theme-position .img-sec {
  display: flex;
  align-items: center;
  position: relative;
  height: 580px;
  width: 90%;
  padding: 40px 67px;
  object-fit: cover;
}
@media screen and (max-width: 560px) {
  .sellerPage-parent .seller-grow .img-theme-position .img-sec {
    height: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 767.5px) {
  .sellerPage-parent .seller-grow .img-theme-position .img-sec {
    padding: 40px;
  }
}
@media screen and (min-width: 768.5px) and (max-width: 1000px) {
  .sellerPage-parent .seller-grow .img-theme-position .img-sec {
    padding: 40px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1125px) {
  .sellerPage-parent .seller-grow .img-theme-position .img-sec {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    width: 90%;
    padding: 130px 0px;
    object-fit: cover;
  }
}
@media screen and (min-width: 1125px) and (max-width: 1270px) {
  .sellerPage-parent .seller-grow .img-theme-position .img-sec {
    padding-right: 0;
  }
}
@media screen and (min-width: 1700px) and (max-width: 4000px) {
  .sellerPage-parent .seller-grow .img-theme-position .img-sec {
    padding-left: 300px;
    width: 94%;
    height: 100%;
  }
}
.sellerPage-parent .seller-grow .img-theme-position .img-sec > img {
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sellerPage-parent .seller-grow .shape {
  position: absolute;
  right: 0px;
  bottom: -80px;
}
@media screen and (min-width: 240px) and (max-width: 560px) {
  .sellerPage-parent .seller-grow .shape {
    right: 0;
  }
}
.sellerPage-parent .seller-grow .shape > img {
  z-index: 0;
  position: relative;
}
@media screen and (min-width: 240px) and (max-width: 767.5px) {
  .sellerPage-parent .seller-grow .shape > img {
    width: 97%;
  }
}
@media screen and (min-width: 767.5px) and (max-width: 1000px) {
  .sellerPage-parent .seller-grow .custom-themewidth {
    flex: 0 0 auto;
    width: 100%;
  }
}

.SellerExpress-offcanvas.offcanvas-end {
  width: 80%;
}
.SellerExpress-offcanvas .offcanvas-header {
  display: flex;
  height: 81px;
  padding: 15 20px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid var(--line-grey-Color, #d9d9d9);
}
.SellerExpress-offcanvas .offcanvas-header > h5 {
  margin-bottom: 0;
  color: var(--BLK, #1a1b1b);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px;
}
@media screen and (max-width: 600px) {
  .SellerExpress-offcanvas .offcanvas-header > h5 {
    font-size: 15px;
  }
}
.SellerExpress-offcanvas .offcanvas-header .btn-close:focus {
  outline: none;
  box-shadow: none;
}
.SellerExpress-offcanvas .offcanvas-body {
  width: 100%;
  padding: 40px 56px 80px 56px;
}
@media screen and (max-width: 600px) {
  .SellerExpress-offcanvas .offcanvas-body {
    padding: 20px;
  }
}
.SellerExpress-offcanvas .offcanvas-body .canvas-checkboxcontrol {
  background-color: #fafafa;
  padding: 16px;
  margin-bottom: 21px;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .SellerExpress-offcanvas .offcanvas-body .canvas-checkboxcontrol {
    padding: 10px;
  }
}
.SellerExpress-offcanvas .offcanvas-body .summary-bar {
  margin-bottom: 21px;
  padding: 10px;
  background-color: #eaf7fa;
}
@media screen and (max-width: 767px) {
  .SellerExpress-offcanvas .offcanvas-body .summary-bar {
    flex-direction: column;
  }
}
.SellerExpress-offcanvas .offcanvas-body .equipment-container .equipment-rows {
  margin-top: 40px;
}
.SellerExpress-offcanvas .offcanvas-body .equipment-container .equipment-rows:nth-child(1) {
  margin-top: 0;
}
@media screen and (max-width: 575px) {
  .SellerExpress-offcanvas .offcanvas-body .equipment-container .equipment-rows .equipmentcustom-padding {
    padding-left: 8px !important;
  }
}
.SellerExpress-offcanvas .offcanvas-body .equipment-container .customcategory-width:nth-child(2) {
  padding: 0px;
}
@media screen and (min-width: 240px) and (max-width: 500px) {
  .SellerExpress-offcanvas .offcanvas-body .equipment-container .customcategory-width:nth-child(2) {
    padding: 0px 14px;
  }
}
.SellerExpress-offcanvas .offcanvas-body .equipment-container .customcategory-width:last-child {
  padding: 0px;
}
@media screen and (max-width: 767px) {
  .SellerExpress-offcanvas .offcanvas-body .equipment-container .customcategory-width:last-child {
    padding: 0px 11px;
  }
}
.SellerExpress-offcanvas .offcanvas-body .equipment-container .customcategory-width:last-child > .form-check {
  margin: 8px 0px;
}
.SellerExpress-offcanvas .offcanvas-body .equipment-container .customcategory-width > .form-check {
  margin: 8px 12px;
  margin-bottom: 14px;
}
.SellerExpress-offcanvas .offcanvas-body .equipment-container .categories-header-container {
  background-color: #eeeeee;
  border-radius: 4px;
  padding: 10px 3px;
  border-radius: 4px;
  max-width: calc(100% - 15px);
  margin: 0 auto;
}
.SellerExpress-offcanvas .offcanvas-body .equipment-container .category {
  background: #f8f9fa;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.SellerExpress-offcanvas .offcanvas-body .equipment-container .category .category-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  color: #6c757d;
}
.SellerExpress-offcanvas .offcanvas-body .equipment-container .category .form-check {
  margin-bottom: 0.4rem;
  padding: 5px 24px;
}
.SellerExpress-offcanvas .offcanvas-body .equipment-container .category .form-check .form-check-input {
  accent-color: #0d6efd;
}
.SellerExpress-offcanvas .offcanvas-body .equipment-container .category .form-check .form-check-label {
  color: #6c757d;
}
.SellerExpress-offcanvas .offcanvas-body .equipment-container .category.active {
  background: #e7f1ff;
}
.SellerExpress-offcanvas .offcanvas-body .equipment-container .category.active .category-header {
  color: #0d6efd;
}
.SellerExpress-offcanvas .offcanvas-body .equipment-container .category.active .form-check-label {
  color: #0d6efd;
}
@media screen and (min-width: 240px) and (max-width: 500px) {
  .SellerExpress-offcanvas .offcanvas-body .equipment-container .customcategory-width {
    flex: 0 0 auto;
    width: 100%;
  }
  .SellerExpress-offcanvas .offcanvas-body .equipment-container .category {
    padding: 0.8rem;
  }
  .SellerExpress-offcanvas .offcanvas-body .equipment-container .category .category-header {
    font-size: 0.9rem;
  }
  .SellerExpress-offcanvas .offcanvas-body .equipment-container .category .form-check-label {
    font-size: 0.85rem;
  }
}
@media screen and (min-width: 501px) and (max-width: 767px) {
  .SellerExpress-offcanvas .offcanvas-body .equipment-container .customcategory-width {
    flex: 0 0 auto;
    width: 50%;
  }
  .SellerExpress-offcanvas .offcanvas-body .equipment-container .category {
    padding: 0.8rem;
  }
  .SellerExpress-offcanvas .offcanvas-body .equipment-container .category .category-header {
    font-size: 0.9rem;
  }
  .SellerExpress-offcanvas .offcanvas-body .equipment-container .category .form-check-label {
    font-size: 0.85rem;
  }
}
.SellerExpress-offcanvas .offcanvas-body .checkbox-controls {
  margin-right: -10px;
}
@media screen and (max-width: 767px) {
  .SellerExpress-offcanvas .offcanvas-body .checkbox-controls {
    margin-left: 14px;
  }
}
.SellerExpress-offcanvas .offcanvas-body .checkbox-controls .btn {
  font-size: 0.9rem;
  border: 1px solid #dcdcdc;
  background-color: #fff;
  color: #2b2b2b;
  transition: all 0.2s ease-in-out;
}
.SellerExpress-offcanvas .offcanvas-body .checkbox-controls .btn:hover {
  background-color: #f8f8f8;
  border-color: #bfbfbf;
}
.SellerExpress-offcanvas .offcanvas-body .checkbox-controls .btn input[type=checkbox] {
  margin-top: 0;
  cursor: pointer;
}
.SellerExpress-offcanvas .offcanvas-body .checkbox-controls .btn span {
  font-size: 1.1rem;
  line-height: 1;
}
.SellerExpress-offcanvas .offcanvas-body .checkbox-controls input[type=checkbox] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.SellerExpress-offcanvas .offcanvas-body .plan-options-container {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.SellerExpress-offcanvas .offcanvas-body .plan-option input {
  display: none;
}
.SellerExpress-offcanvas .offcanvas-body .plan-option .option-box {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px 16px;
  cursor: pointer;
  transition: all 0.2s;
  background-color: #fff;
  width: 170px;
  height: 58px;
}
@media screen and (min-width: 240px) and (max-width: 600px) {
  .SellerExpress-offcanvas .offcanvas-body .plan-option .option-box {
    width: 110px;
    height: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 871px) {
  .SellerExpress-offcanvas .offcanvas-body .plan-option .option-box {
    width: 145px;
  }
}
.SellerExpress-offcanvas .offcanvas-body .plan-option .option-box .details > p {
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}
.SellerExpress-offcanvas .offcanvas-body .plan-option .option-box .price {
  font-weight: 700;
  color: #747983;
  font-size: 14px;
  line-height: 100%;
}
.SellerExpress-offcanvas .offcanvas-body .plan-option .option-box .price .price-details {
  margin-left: 5px;
  color: #000000;
}
.SellerExpress-offcanvas .offcanvas-body .plan-option .option-box .custom-radio {
  width: 17px;
  height: 17px;
  border: 2px solid #ccc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
}
@media screen and (min-width: 1800px) {
  .SellerExpress-offcanvas .offcanvas-body .plan-option .option-box .custom-radio {
    width: 19px;
    height: 18px;
  }
}
.SellerExpress-offcanvas .offcanvas-body .plan-option input:checked + .option-box {
  border: 1px solid #006ca5;
}
.SellerExpress-offcanvas .offcanvas-body .plan-option input:checked + .option-box .custom-radio {
  border-color: #006ca5;
}
.SellerExpress-offcanvas .offcanvas-body .plan-option input:checked + .option-box .custom-radio::after {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #006ca5;
  border-radius: 50%;
  display: block;
}
.SellerExpress-offcanvas .offcanvas-body .section-title {
  color: var(--BLK, #1a1b1b);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
  margin-bottom: 21px;
}
.SellerExpress-offcanvas .offcanvas-body .form-label {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 8px;
}
.SellerExpress-offcanvas .offcanvas-body .form-control {
  display: flex;
  min-width: 240px;
  padding: 11px 16px;
  align-items: center;
  align-self: stretch;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  background: #fff;
  color: #d9d9d9;
}
@media screen and (max-width: 600px) {
  .SellerExpress-offcanvas .offcanvas-body .mobile-groups .form-control {
    min-width: 100px;
  }
}
.SellerExpress-offcanvas .offcanvas-body .form-select {
  padding: 11px 16px;
}
.SellerExpress-offcanvas .offcanvas-body .category-list {
  padding: 16px 8px;
  flex-shrink: 0;
  background: #fafafa;
}
.SellerExpress-offcanvas .offcanvas-body .category-list .category-box .parentbox {
  padding: 10px;
  border-radius: 5px;
  background: var(--grey2, #eee);
}
.SellerExpress-offcanvas .offcanvas-body .category-list .category-box .parentbox .form-check .form-check-label {
  color: var(--BLK, #1a1b1b);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
}
@media screen and (max-width: 600px) {
  .SellerExpress-offcanvas .offcanvas-body .category-list .category-box .parentbox .form-check .form-check-label {
    font-size: 15px;
  }
}
.SellerExpress-offcanvas .offcanvas-body .category-list .category-box .listcheckbox {
  margin-bottom: 0px;
  padding: 10px;
}
.SellerExpress-offcanvas .offcanvas-body .category-list .category-box .custom-checkbox-item {
  border-radius: 5px;
  background: var(--grey2, #eee);
  display: inline-flex;
  cursor: pointer;
}
.SellerExpress-offcanvas .offcanvas-body .category-list .category-box .custom-checkbox-item .checkbox-label {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.SellerExpress-offcanvas .offcanvas-body .category-list .category-box .custom-checkbox-item .checkbox-icon {
  width: 18px;
  height: 18px;
  border: 2px solid #0496c7;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #0496c7;
  background: transparent;
}
.SellerExpress-offcanvas .offcanvas-body .category-list .category-box .custom-checkbox-item .checkbox-icon::before {
  content: "–";
  font-weight: bold;
  line-height: 1;
}
.SellerExpress-offcanvas .offcanvas-body .category-list .category-box .custom-checkbox-item .checkbox-text {
  color: var(--BLK, #1a1b1b);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
}
.SellerExpress-offcanvas .offcanvas-body .category-list .category-box .custom-checkbox-item input:checked + .checkbox-label .checkbox-icon {
  background: #0496c7;
  color: #fff;
  border-color: #0496c7;
}
.SellerExpress-offcanvas .offcanvas-body .selected-summary {
  background-color: var(--Color-lite, #eaf7fa);
}
@media screen and (min-width: 240px) and (max-width: 600px) {
  .SellerExpress-offcanvas .offcanvas-body .selected-summary {
    flex-direction: column;
  }
}
.SellerExpress-offcanvas .offcanvas-body .selected-summary .summary-box > span {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px;
  margin-right: 18px;
}
.SellerExpress-offcanvas .offcanvas-body .selected-summary .summary-box .count .count-1 {
  color: var(--b4, #006ca5);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px;
}
.SellerExpress-offcanvas .offcanvas-body .selected-summary .summary-box .count .count-2 {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
}
.SellerExpress-offcanvas .offcanvas-body .selected-summary .selected-product {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px;
}
.SellerExpress-offcanvas .offcanvas-body .selected-summary .selected-product .selected {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  margin-right: 18px;
  line-height: 23px;
}
.SellerExpress-offcanvas .offcanvas-body .selected-summary .selected-product .count-1 {
  color: var(--b4, #006ca5);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px;
}
.SellerExpress-offcanvas .offcanvas-body .selected-summary .selected-product .text {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
}
.SellerExpress-offcanvas .offcanvas-body .canvas-footer {
  display: flex;
  align-items: center;
  justify-content: end;
}
.SellerExpress-offcanvas .offcanvas-body .canvas-footer .btn-outline-primary {
  border-radius: 6px;
  border: 1px solid var(--gry3, #697277) !important;
  background: var(--White, #fff);
  display: flex;
  height: 50px;
  padding: 10px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.SellerExpress-offcanvas .offcanvas-body .canvas-footer .primary-btn {
  border-radius: 6px;
}

@media screen and (max-width: 767px) {
  .SellerExpress-offcanvas.offcanvas-end {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .common-formseller .mobile-category-block .parent-category .form-check {
    background-color: #eeeeee;
    padding: 10px 44px;
  }
  .common-formseller .mobile-category-block .parent-category .form-check-label {
    font-size: 15px;
  }
}

.brands-section {
  background: #eaf7fa;
  padding: 50px;
  text-align: center;
}
.brands-section .brands-title {
  color: #000;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 24px;
}
.brands-section .brands-search {
  display: flex;
  justify-content: center;
  max-width: 672px;
  margin: 0 auto 37px;
  border: 1px solid #92cedc;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  width: 672px;
  height: 62px;
  padding: 14px 20px;
}
@media screen and (max-width: 767px) {
  .brands-section .brands-search {
    width: 100%;
  }
}
.brands-section .brands-search input {
  flex: 1;
  padding: 0.8rem 1rem;
  border: none;
  outline: none;
  border-radius: 6px;
  background: #fff;
  color: var(--gry3, #697277);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 350px) {
  .brands-section .brands-search input {
    font-size: 13px;
  }
}
.brands-section .brands-search .search-btn {
  background: transparent;
  border: none;
  padding: 0 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brands-section .brands-alphabet {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.brands-section .brands-alphabet button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: #fff;
  font-weight: 500;
  cursor: pointer;
  transition: 0.3s;
}
.brands-section .brands-alphabet button:hover {
  background: #cde6ec;
}
.brands-section .brands-alphabet button.active {
  color: #fff;
  border-radius: 90px;
  background: var(--b3, #0496c7);
}
@media (max-width: 576px) {
  .brands-section {
    padding: 1rem;
  }
  .brands-section .brands-title {
    font-size: 1.2rem;
  }
  .brands-section .brands-search {
    max-width: 100%;
  }
  .brands-section .brands-search input {
    padding: 6px;
    margin-left: 10px;
  }
  .brands-section .brands-alphabet {
    gap: 0.3rem;
  }
  .brands-section .brands-alphabet button {
    width: 32px;
    height: 32px;
    font-size: 0.85rem;
  }
}

.brands-logo-container {
  display: flex;
  padding: 50px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin: 0 auto;
}
.brands-logo-container .logo-grid {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
  padding: 20px;
  width: 100%;
}
@media screen and (max-width: 500px) {
  .brands-logo-container .logo-grid {
    padding: 0px;
  }
}
.brands-logo-container .logo-grid .logo-item {
  position: relative;
  width: 252px;
  height: 139px;
  border-radius: 8px;
  flex: 0 0 calc(20% - 20px);
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid #c5e2ee;
  cursor: pointer;
  flex: 0 0 calc(20% - 20px);
  max-width: calc(20% - 20px);
  box-sizing: border-box;
}
@media screen and (max-width: 520px) {
  .brands-logo-container .logo-grid .logo-item {
    flex: 0 0 calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
}
@media screen and (min-width: 521px) and (max-width: 767.5px) {
  .brands-logo-container .logo-grid .logo-item {
    flex: 0 0 calc(40% - 20px);
    max-width: calc(34% - 20px);
  }
}
@media screen and (min-width: 768px) and (max-width: 930px) {
  .brands-logo-container .logo-grid .logo-item {
    flex: 0 0 calc(25% - 20px);
    max-width: calc(25% - 20px);
  }
}
.brands-logo-container .logo-grid .logo-item .logo-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.brands-logo-container .logo-grid .logo-item .logo-content img {
  max-width: 200px;
  max-height: 108px;
  border-radius: 10px;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 500px) {
  .brands-logo-container .logo-grid .logo-item .logo-content img {
    width: 150px;
  }
}
.brands-logo-container .logo-grid .logo-item .logo-hover {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  padding: 12px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  transition: bottom 0.3s ease;
}
.brands-logo-container .logo-grid .logo-item .logo-hover .arrow {
  font-size: 14px;
}
.brands-logo-container .logo-grid .logo-item .logo-hover .arrow > svg {
  width: 14px;
  height: 14px;
}
.brands-logo-container .logo-grid .logo-item:hover .logo-content {
  background-color: rgba(62, 62, 62, 0.5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  transition: bottom 0.3s ease;
}
.brands-logo-container .logo-grid .logo-item:hover .logo-content img {
  transform: scale(1.05);
}
.brands-logo-container .logo-grid .logo-item:hover .logo-hover {
  bottom: 0;
}

.empty-template {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  align-items: center;
  height: 90vh;
}
@media screen and (max-width: 767px) {
  .empty-template {
    height: 70vh;
  }
}
.empty-template .icon {
  margin-bottom: 21px;
}
.empty-template .info .actions {
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
}
.empty-template .info > h2 {
  color: #000000;
  text-align: center;
  margin-bottom: 10px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.empty-template .info > p {
  color: #000000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.sellerFormpage-header {
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 1000;
  top: 0px;
  height: 68px;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #e8e8e8;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .sellerFormpage-header {
    padding: 0px 10px;
  }
}
.sellerFormpage-header .contents {
  display: flex;
  padding: 10px 20px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
@media screen and (max-width: 767px) {
  .sellerFormpage-header .contents {
    padding: 10px 0px;
  }
}
.sellerFormpage-header .contents .right-section {
  justify-content: space-between;
  align-items: center;
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 360px) {
  .sellerFormpage-header .contents .right-section {
    gap: 10px;
  }
}
.sellerFormpage-header .contents .right-section .logo {
  height: auto;
}
.sellerFormpage-header .contents .right-section .logo > img {
  width: 100%;
  height: 100%;
}
.sellerFormpage-header .contents .right-section .divider {
  position: relative;
}
.sellerFormpage-header .contents .right-section .divider:after {
  content: "";
  border: 1px solid #dfdfdf;
  position: absolute;
  height: 38px;
  top: -19px;
  /* bottom: -19px; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.sellerFormpage-header .contents .right-section .headerCpation > h2 {
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .sellerFormpage-header .contents .right-section .headerCpation > h2 {
    font-size: 16px;
    margin-bottom: 0;
  }
}
.sellerFormpage-header .contents .help > a {
  color: var(--BLK, #1a1b1b);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
  cursor: pointer;
}

@media screen and (min-width: 830px) and (max-width: 985px) {
  .sellerformPage-parent .step-custom-width {
    flex: 0 0 auto;
    width: 30%;
  }
  .sellerformPage-parent .form-custom-width {
    flex: 0 0 auto;
    width: 70%;
  }
}
@media screen and (min-width: 768px) and (max-width: 829px) {
  .sellerformPage-parent .step-custom-width {
    flex: 0 0 auto;
    width: 35%;
  }
  .sellerformPage-parent .form-custom-width {
    flex: 0 0 auto;
    width: 65%;
  }
}
@media screen and (max-width: 600px) {
  .sellerformPage-parent .template {
    padding: 10px;
  }
}
.sellerformPage-parent .sellerForm-progressbar {
  margin-left: 21px;
}
@media screen and (max-width: 767px) {
  .sellerformPage-parent .sellerForm-progressbar {
    margin-left: 0px;
  }
}
.sellerformPage-parent .sellerForm-progressbar .current-step-text {
  color: #0496c7;
  font-weight: 600;
  font-size: 17px;
  margin-left: 10px;
}
.sellerformPage-parent .progress-container {
  border-radius: 10px;
  padding: 15px;
  margin-top: 73px;
  border-radius: 10px;
  background: var(--Color-lite, #eaf7fa);
  max-width: 220px;
  min-height: 79px;
  margin-bottom: 35px;
  display: flex;
  flex-direction: column;
  align-items: normal;
  justify-content: center;
}
@media screen and (min-width: 1800px) {
  .sellerformPage-parent .progress-container {
    max-width: 350px;
  }
}
@media screen and (max-width: 767px) {
  .sellerformPage-parent .progress-container {
    max-width: 100%;
  }
}
.sellerformPage-parent .progress-container .progress-title {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 11px;
}
.sellerformPage-parent .progress-container .progress-title > h2 {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}
.sellerformPage-parent .progress-container .progress-title > span {
  color: var(--b3, #0496c7);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.sellerformPage-parent .progress-container .progress {
  height: 9px;
  background: #e9ecef;
  border-radius: 4px;
}
.sellerformPage-parent .progress-container .progress .progress-bar {
  border-radius: 40px;
  background: var(--b3, #0496c7);
  flex-shrink: 0;
  border-radius: 4px;
  transition: width 0.3s ease;
}
.sellerformPage-parent .step-list {
  position: relative;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .sellerformPage-parent .step-list {
    flex-direction: row;
  }
}
.sellerformPage-parent .step-list .step {
  position: relative;
  display: flex;
  align-items: center;
  color: #6c757d;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  transition: all 0.3s ease;
  padding: 9px 0 17px 7px;
}
@media screen and (max-width: 767px) {
  .sellerformPage-parent .step-list .step .stepText {
    display: none;
  }
}
@media screen and (min-width: 1800px) {
  .sellerformPage-parent .step-list .step {
    font-size: 16px;
  }
}
.sellerformPage-parent .step-list .step span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #d1d5db;
  margin-right: 12px;
  font-weight: 600;
  font-size: 14px;
  color: #747983;
  background-color: #fff;
  z-index: 1;
  transition: all 0.3s ease;
}
@media screen and (min-width: 350px) and (max-width: 369px) {
  .sellerformPage-parent .step-list .step span {
    width: 34px;
    height: 34px;
  }
}
@media screen and (min-width: 300px) and (max-width: 349px) {
  .sellerformPage-parent .step-list .step span {
    width: 28px;
    height: 28px;
  }
}
.sellerformPage-parent .step-list .step::after {
  content: "";
  position: absolute;
  top: 42px;
  left: 26px;
  width: 2px;
  height: calc(100% - 20px);
  background-color: #d1d5db;
  z-index: 0;
}
@media screen and (min-width: 350px) and (max-width: 400px) {
  .sellerformPage-parent .step-list .step::after {
    top: 10px !important;
    left: 50px !important;
  }
}
@media screen and (min-width: 300px) and (max-width: 349px) {
  .sellerformPage-parent .step-list .step::after {
    top: 6px !important;
    left: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .sellerformPage-parent .step-list .step::after {
    content: "";
    position: absolute;
    top: 12px;
    left: 57px;
    width: 1px;
    height: 35px;
    background-color: #d1d5db;
    z-index: 0;
    /* right: 16px; */
    display: block;
    transform: rotate(90deg);
  }
}
.sellerformPage-parent .step-list .step:last-child::after {
  display: none;
}
.sellerformPage-parent .step-list .step .completed-icon {
  position: absolute;
}
.sellerformPage-parent .step-list .step.completed {
  color: #0496c7;
}
.sellerformPage-parent .step-list .step.completed span {
  border-color: #04bade;
  color: #04bade;
  background: #04bade;
}
.sellerformPage-parent .step-list .step.completed::after {
  background-color: #04bade;
}
.sellerformPage-parent .step-list .step.completed .completed-icon {
  position: absolute;
  right: 20px;
  left: 19px;
  z-index: 7;
}
.sellerformPage-parent .step-list .step.completed .completed-icon > svg {
  filter: invert(0);
}
@media screen and (max-width: 767px) {
  .sellerformPage-parent .step-list .step.completed .completed-icon {
    position: absolute;
    right: 0;
    left: -5px;
    z-index: 7;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
  }
}
.sellerformPage-parent .step-list .step.completed .count .count-number {
  display: none;
}
.sellerformPage-parent .step-list .step.active {
  color: #0496c7;
  font-weight: 600;
}
.sellerformPage-parent .step-list .step.active .completed-icon > svg {
  display: none;
}
.sellerformPage-parent .step-list .step.active span {
  border-color: #04bade;
  color: #04bade;
}
.sellerformPage-parent .step-list .step.active::after {
  background-color: #04bade;
}
.sellerformPage-parent .step-list .step:hover {
  color: #04bade;
}
.sellerformPage-parent .step-list .step:hover span {
  border-color: #04bade;
  color: #04bade;
}
.sellerformPage-parent .form-step {
  display: none;
  margin-top: 44px;
  max-width: 827px;
  width: 100%;
  animation: fadeIn 0.4s ease-in-out;
}
@media screen and (max-width: 767px) {
  .sellerformPage-parent .form-step {
    margin-top: 0px;
  }
}
@media screen and (min-width: 1800px) {
  .sellerformPage-parent .form-step {
    max-width: 1080px;
  }
}
.sellerformPage-parent .form-step.active {
  display: block;
}
.sellerformPage-parent .form-step .stepinfo-container {
  display: flex;
  margin-bottom: 26px;
  height: 100%;
  padding: 20px 20px 18px 20px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 8px;
  flex-shrink: 0;
  border-bottom: 2px solid #bde5ed;
  background: linear-gradient(86deg, #eaf7fa 32.62%, #fff 83.93%);
}
.sellerformPage-parent .form-step .stepinfo-container > h4 {
  color: var(--b4, #006ca5);
  font-size: 24px;
  margin-bottom: 0;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .sellerformPage-parent .form-step .stepinfo-container > h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 400px) {
  .sellerformPage-parent .form-step .stepinfo-container > h4 {
    font-size: 18px;
  }
}
.sellerformPage-parent .form-step .stepinfo-container .form-label {
  margin-bottom: 0px;
  color: var(--BLK, #1a1b1b);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.multistep-form .form-step-actions {
  margin-top: 15.5px;
}
.multistep-form .form-step-actions .next-step {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 50px;
  background-color: #d7d7d7;
  color: #747983;
  border: 0;
  width: 145px;
}
.multistep-form .form-step-actions .next-step.active {
  background-color: #006ca5;
  color: #fff;
}
.multistep-form .form-step-actions .next-step.active .icon > img {
  filter: brightness(0) invert(1);
}
.multistep-form .form-step-actions .prev-step {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 128px;
  height: 50px;
  border: 1px solid #697277;
  background-color: transparent;
  color: #1a1b1b;
}
@media screen and (max-width: 375px) {
  .multistep-form .form-step-actions.last-step {
    flex-direction: column;
  }
  .multistep-form .form-step-actions.last-step .prev-step {
    width: 100%;
  }
}
.multistep-form .upload-section {
  margin-top: 1.5rem;
}
.multistep-form .upload-section .front-sideview {
  position: relative;
}
.multistep-form .upload-section .front-sideview .preview-area > img {
  height: 170px;
  margin-bottom: 0;
}
.multistep-form .upload-section .front-sideview .preview-area > iframe {
  height: 170px;
  margin-bottom: 0;
}
.multistep-form .upload-section .front-sideview .remove-btn {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 124px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 40px;
  background: #fff;
  color: #000;
  border: 1px solid #d9d9d9;
  font-size: 16px;
}
@media screen and (max-width: 560px) {
  .multistep-form .upload-section .front-sideview .remove-btn {
    width: auto;
    font-size: 14px;
    gap: 5px;
    right: 5px;
    height: 35px;
  }
}
.multistep-form .upload-section .front-sideview .remove-btn > span > i {
  color: #000;
  margin-bottom: 0;
}
.multistep-form .upload-section .back-sideview {
  position: relative;
}
.multistep-form .upload-section .back-sideview .preview-area > img {
  height: 170px;
  margin-bottom: 0;
}
.multistep-form .upload-section .back-sideview .preview-area > iframe {
  height: 170px;
  margin-bottom: 0;
}
.multistep-form .upload-section .back-sideview .remove-btn {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 124px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 40px;
  background: #fff;
  color: #000;
  border: 1px solid #d9d9d9;
  font-size: 16px;
}
@media screen and (max-width: 560px) {
  .multistep-form .upload-section .back-sideview .remove-btn {
    width: auto;
    font-size: 14px;
    gap: 5px;
    right: 5px;
    height: 35px;
  }
}
.multistep-form .upload-section .back-sideview .remove-btn > span > i {
  color: #000;
  margin-bottom: 0;
}
.multistep-form .upload-section .formlabel > label {
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
  margin-bottom: 6.5px;
}
@media screen and (max-width: 400px) {
  .multistep-form .upload-section .formlabel > label {
    font-size: 17px;
  }
}
@media screen and (min-width: 814px) and (max-width: 1000px) {
  .multistep-form .upload-section .formlabel > label {
    height: 40px;
    align-items: end;
    font-size: 16px;
    display: flex;
  }
}
.multistep-form .upload-section .upload-box {
  position: relative;
  display: block;
  width: 100%;
  border: 1px dashed #ccc;
  border-radius: 12px;
  background: #fff;
  padding: 2rem 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}
.multistep-form .upload-section .upload-box i {
  font-size: 2rem;
  color: #377dff;
  display: block;
  margin-bottom: 0.5rem;
}
.multistep-form .upload-section .upload-box p {
  margin-bottom: 4px;
  font-weight: 500;
  color: #222;
}
.multistep-form .upload-section .upload-box small {
  color: #777;
  font-size: 0.85rem;
}
.multistep-form .upload-section .upload-box:hover {
  background: #f8faff;
  border-color: #ddd;
}
.multistep-form .upload-section .upload-box .file-input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.multistep-form .upload-section .upload-note {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0%;
  margin-top: 8px;
  color: #747983;
}
@media screen and (min-width: 768px) and (max-width: 1068px) {
  .multistep-form .common-formseller.category-section .card-themecustom {
    padding: 20px 15px !important;
  }
  .multistep-form .common-formseller.category-section .card-themecontainer {
    flex: 0 0 auto;
    width: 100%;
  }
  .multistep-form .common-formseller.category-section .SelectAll-card-container {
    flex: 0 0 auto;
    width: 100%;
  }
}
.multistep-form .common-formseller .form-check-input:checked {
  background-color: #006ca5 !important;
  border-color: #006ca5 !important;
}
.multistep-form .common-formseller .text-muted {
  color: #747983 !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0%;
  margin-top: 8px;
}
@media screen and (max-width: 600px) {
  .multistep-form .common-formseller .SelectAll-card {
    flex-wrap: wrap;
  }
}
.multistep-form .common-formseller .SelectAll-card .clear-all-btn > span {
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0%;
}
.multistep-form .common-formseller .SelectAll-card .clear-all-btn > span img {
  margin-bottom: 2px;
  width: 19px;
  height: 19px;
}
.multistep-form .common-formseller .SelectAll-card .clear-all-btn:hover .clear-close {
  filter: brightness(0) invert(1);
}
.multistep-form .common-formseller .equipment-container .form-check-input {
  width: 17px;
  height: 17px;
}
.multistep-form .common-formseller .equipment-container .form-check-input:checked {
  background-color: #006ca5 !important;
  border-color: #006ca5 !important;
}
.multistep-form .common-formseller .equipment-container .child-column .form-check > label {
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  color: #1a1b1b;
}
@media screen and (min-width: 768px) and (max-width: 828px) {
  .multistep-form .common-formseller.TaxInformation-card .custom-themewidth {
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: 10px;
  }
}
.multistep-form .common-formseller.TaxInformation-card .personal-details .title-heading {
  margin-bottom: 26px;
}
.multistep-form .common-formseller.TaxInformation-card .form-heading .form-label {
  margin-top: 3px;
}
.multistep-form .common-formseller.TaxInformation-card .upload-section .input-groups {
  margin-bottom: 5px;
}
.multistep-form .common-formseller.TaxInformation-card .upload-section .input-groups .upload-box {
  padding-top: 10px;
  min-height: 124px;
  padding-bottom: 16px !important;
}
.multistep-form .common-formseller.TaxInformation-card .upload-section .input-groups .upload-box.image-uploaded {
  padding: 0px !important;
}
.multistep-form .common-formseller.TaxInformation-card .upload-section .input-groups .upload-box.image-uploaded small {
  display: none;
}
.multistep-form .common-formseller.TaxInformation-card .upload-section .input-groups .upload-box.image-uploaded .preview-area > img {
  margin-bottom: 0;
}
.multistep-form .common-formseller.TaxInformation-card .upload-section .input-groups .upload-box.pdf-uploaded {
  padding: 0px !important;
}
.multistep-form .common-formseller.TaxInformation-card .upload-section .input-groups .upload-box.pdf-uploaded small {
  display: none;
}
.multistep-form .common-formseller.TaxInformation-card .upload-section .input-groups .upload-box.pdf-uploaded .preview-area > iframe {
  margin-bottom: 0;
}
.multistep-form .common-formseller.TaxInformation-card .upload-section .input-groups .upload-box .remove-btn {
  position: absolute;
  top: 8px;
  right: 25px;
  width: 124px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 40px;
  background: #fff;
  color: #1a1b1b;
  border: 1px solid #d9d9d9;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .multistep-form .common-formseller.TaxInformation-card .upload-section .input-groups .upload-box .remove-btn {
    right: 10px;
  }
}
.multistep-form .common-formseller.TaxInformation-card .upload-section .input-groups .upload-box .remove-btn > span {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.multistep-form .common-formseller.TaxInformation-card .upload-section .input-groups .upload-box .remove-btn > span > i {
  color: #1a1b1b;
  margin-bottom: 0px;
}
.multistep-form .common-formseller.TaxInformation-card .upload-section .input-groups .upload-box small {
  max-width: 224px;
}
.multistep-form .common-formseller.TaxInformation-card .input-groups .form-label {
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0px;
}
@media screen and (max-width: 400px) {
  .multistep-form .common-formseller.TaxInformation-card .input-groups .form-label {
    font-size: 17px;
  }
}
.multistep-form .common-formseller.TaxInformation-card .BankIBAN-section .input-groups {
  margin-top: 20px;
  margin-bottom: 21px;
}
.multistep-form .common-formseller .LegalCompliance-card {
  padding: 6px 19px !important;
}
.multistep-form .common-formseller .LegalCompliance-card .personal-details .title-heading {
  margin-bottom: 26px;
}
.multistep-form .common-formseller .LegalCompliance-card .personal-details .compliance-card {
  background-color: #fff;
  margin-bottom: 11px;
  padding: 20px 61px;
}
@media screen and (max-width: 400px) {
  .multistep-form .common-formseller .LegalCompliance-card .personal-details .compliance-card {
    padding: 20px 40px;
  }
}
.multistep-form .common-formseller .LegalCompliance-card .personal-details .compliance-card .title {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #1a1b1b;
}
.multistep-form .common-formseller .LegalCompliance-card .personal-details .compliance-card .form-check-label {
  margin-left: 18px;
}
@media screen and (max-width: 400px) {
  .multistep-form .common-formseller .LegalCompliance-card .personal-details .compliance-card .form-check-label {
    margin-left: 0px;
  }
}
.multistep-form .common-formseller .LegalCompliance-card .personal-details .compliance-card .description {
  margin-bottom: 0px;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  letter-spacing: 0%;
  color: #747983;
  line-height: 17px;
}
.multistep-form .common-formseller.Agreement-signsection .personal-details .title-heading {
  margin-bottom: 26px;
}
.multistep-form .common-formseller.Agreement-signsection .Digital-Signaturecard {
  position: relative;
  padding-bottom: 16px;
}
.multistep-form .common-formseller.Agreement-signsection .Digital-Signaturecard .flex-header .subheading {
  margin-top: 30px;
  margin-bottom: 7px;
}
.multistep-form .common-formseller .BusinessLocation-section.card {
  padding-bottom: 0px;
}
.multistep-form .common-formseller .BusinessLocation-section .title-heading {
  margin-top: 6px;
}
.multistep-form .common-formseller .BusinessLocation-section .title-heading .form-label {
  margin-bottom: 6px;
}
.multistep-form .common-formseller .PartnershipObjectives-section {
  padding-top: 45px;
}
.multistep-form .common-formseller .PartnershipObjectives-section .title-heading .form-label {
  padding-top: 5px;
}
.multistep-form .common-formseller .Additiona-Informationcard .personal-details .title-heading {
  margin-top: 10px;
}
.multistep-form .common-formseller .Additiona-Informationcard .form-control {
  font-weight: 500;
  font-style: Medium;
  line-height: 25px;
  letter-spacing: 0px;
  font-size: 16px !important;
}
.multistep-form .common-formseller .Additiona-Informationcard .form-control::placeholder {
  color: #b1b1b1;
}
.multistep-form .common-formseller .BusinessDetails-step .card .input-groups {
  margin-bottom: 20px;
}
.multistep-form .common-formseller .BusinessDetails-step .card .input-groups .form-control {
  margin-bottom: 8px;
}
.multistep-form .common-formseller .BusinessDetails-step .card .input-groups .form-text {
  color: #747983;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0%;
}
.multistep-form .common-formseller .BusinessDetails-step .card .input-groups .form-label {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0px;
  margin-bottom: 6.5px;
}
@media screen and (max-width: 400px) {
  .multistep-form .common-formseller .BusinessDetails-step .card .input-groups .form-label {
    font-size: 17px;
  }
}
@media screen and (min-width: 786px) and (max-width: 826px) {
  .multistep-form .common-formseller .BusinessDetails-step .card .input-groups .form-label {
    font-size: 17px;
  }
}
@media screen and (min-width: 767px) and (max-width: 785px) {
  .multistep-form .common-formseller .BusinessDetails-step .card .input-groups .form-label {
    font-size: 16px;
  }
}
.multistep-form .common-formseller .BusinessDetails-step .card .License-row .input-groups .form-label {
  margin-top: 10px;
}
.multistep-form .common-formseller .BusinessDetails-step .card .Company-Websiteurl {
  margin-top: 30px;
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) and (max-width: 828px) {
  .multistep-form .common-formseller .BusinessDetails-step .card .Company-Websiteurl {
    margin: 0px;
  }
}
.multistep-form .common-formseller .address-proof-upload .upload-wrapper {
  min-height: 170px;
  position: relative;
}
.multistep-form .common-formseller .address-proof-upload .upload-wrapper.image-uploaded {
  padding: 0px;
}
.multistep-form .common-formseller .address-proof-upload .upload-wrapper.image-uploaded small {
  display: none;
}
.multistep-form .common-formseller .address-proof-upload .upload-wrapper.image-uploaded .preview-area > img {
  margin-bottom: 0;
}
.multistep-form .common-formseller .address-proof-upload .upload-wrapper.pdf-uploaded {
  padding: 0px;
}
.multistep-form .common-formseller .address-proof-upload .upload-wrapper.pdf-uploaded small {
  display: none;
}
.multistep-form .common-formseller .address-proof-upload .upload-wrapper.pdf-uploaded .preview-area > img {
  margin-bottom: 0;
}
.multistep-form .common-formseller .address-proof-upload .upload-wrapper .remove-btn {
  position: absolute;
  top: 8px;
  right: 25px;
  width: 124px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 40px;
  background: #fff;
  color: #1a1b1b;
  border: 1px solid #d9d9d9;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .multistep-form .common-formseller .address-proof-upload .upload-wrapper .remove-btn {
    right: 10px;
  }
}
.multistep-form .common-formseller .address-proof-upload .upload-wrapper .remove-btn > span {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.multistep-form .common-formseller .address-proof-upload .upload-wrapper .remove-btn > span > i {
  color: #1a1b1b;
  margin-bottom: 0px;
}
.multistep-form .common-formseller .personal-details-card {
  padding-bottom: 0px !important;
}
.multistep-form .common-formseller .personal-details-card .personal-details .title-heading {
  margin-bottom: 26px;
}
.multistep-form .common-formseller .personal-details-card .personal-details .input-groups {
  margin-bottom: 30px;
}
.multistep-form .common-formseller .personal-details-card .input-groups .form-label {
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0px;
}
@media screen and (max-width: 400px) {
  .multistep-form .common-formseller .personal-details-card .input-groups .form-label {
    font-size: 17px;
  }
}
@media screen and (min-width: 786px) and (max-width: 826px) {
  .multistep-form .common-formseller .personal-details-card .input-groups .form-label {
    font-size: 17px;
  }
}
@media screen and (min-width: 767px) and (max-width: 785px) {
  .multistep-form .common-formseller .personal-details-card .input-groups .form-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 828px) {
  .multistep-form .common-formseller .personal-details-card .custom-themewidth {
    flex: 0 0 auto;
    width: 100%;
  }
}
.multistep-form .common-formseller .Ultimate-Beneficial {
  padding-top: 25px !important;
  padding-bottom: 20px;
}
.multistep-form .common-formseller .preview-area img,
.multistep-form .common-formseller .preview-area iframe {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: 10px;
}
.multistep-form .common-formseller .remove-btn {
  margin-top: 10px;
  padding: 6px 12px;
  font-size: 14px;
  border: none;
  border-radius: 5px;
  color: white;
  cursor: pointer;
  z-index: 10;
  position: relative;
  background: transparent;
}
.multistep-form .common-formseller .remove-btn > span > i {
  font-size: 14px;
  color: #006ca5;
}
.multistep-form .common-formseller .preview-area {
  z-index: 10;
  position: relative;
}
@media screen and (max-width: 767px) {
  .multistep-form .common-formseller .compliance-card .form-check-label {
    padding: 0px 12px;
  }
}
.multistep-form .common-formseller .terms-checkbox {
  background-color: #c7eef7;
  padding: 16px 20px;
  border-radius: 6px;
}
.multistep-form .common-formseller .terms-checkbox .form-check-label {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0%;
  color: #006ca5;
  margin-bottom: 9.5px;
}
.multistep-form .common-formseller .terms-checkbox .info-para {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #31707f;
  padding-left: 27px;
  line-height: 17px;
}
.multistep-form .common-formseller .terms-condition-card {
  background-color: #eaf7fa !important;
  border: 1px solid #eaf7fa;
  padding: 24px 22px !important;
}
.multistep-form .common-formseller .terms-condition-card .flex-header .title-heading.subheading > h2 {
  margin-top: 29px;
}
.multistep-form .common-formseller .terms-condition-card .pdf-view-container {
  max-height: 500px;
  overflow: auto;
  padding-right: 10px;
  scrollbar-width: thin;
  scrollbar-color: #77bdcf transparent;
}
.multistep-form .common-formseller .terms-condition-card .white-theme-card {
  background-color: #fff;
  padding: 16px 20px;
  border-radius: 6px;
  margin-bottom: 11px;
}
.multistep-form .common-formseller .terms-condition-card .white-theme-card .details-para > p {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0%;
  color: #747983;
}
.multistep-form .common-formseller .terms-condition-card .white-theme-card .details-para > ul {
  padding-left: 15px;
}
.multistep-form .common-formseller .terms-condition-card .white-theme-card .details-para > ul li {
  list-style: disc;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0%;
  color: #747983;
}
.multistep-form .common-formseller .terms-condition-card .flex-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 31px;
}
.multistep-form .common-formseller .terms-condition-card .flex-header .title-heading {
  margin-bottom: 0;
}
@media screen and (max-width: 550px) {
  .multistep-form .common-formseller .terms-condition-card .flex-header .title-heading {
    margin-bottom: 10px;
  }
}
.multistep-form .common-formseller .terms-condition-card .flex-header .title-heading > h2 {
  font-size: 20px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .multistep-form .common-formseller .terms-condition-card .flex-header .title-heading > h2 {
    font-size: 18px;
  }
}
.multistep-form .common-formseller .summary-bar {
  background-color: #eaf5f9;
  border-radius: 4px;
  font-size: 0.95rem;
  margin-bottom: 38px;
}
.multistep-form .common-formseller .summary-bar .label-bold {
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0%;
  color: #000000;
}
.multistep-form .common-formseller .summary-bar .selected-category-count {
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0%;
  color: #006ca5;
}
.multistep-form .common-formseller .summary-bar .count-total {
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0%;
  color: #000000;
}
.multistep-form .common-formseller .summary-bar .selected-itemslabel {
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0%;
  color: #000000;
}
.multistep-form .common-formseller .summary-bar .summary-item {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0.25rem 0;
}
@media (max-width: 767px) {
  .multistep-form .common-formseller .summary-bar {
    flex-direction: column;
    text-align: start;
    font-size: 0.9rem;
  }
  .multistep-form .common-formseller .summary-bar .summary-item {
    justify-content: center;
  }
}
@media screen and (max-width: 560px) {
  .multistep-form .common-formseller .select-all-btn .form-check {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
}
@media screen and (min-width: 768.5px) and (max-width: 1120px) {
  .multistep-form .common-formseller .select-all-btn .form-check {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 828px) {
  .multistep-form .common-formseller .SelectAll-card-container {
    flex: 0 0 auto;
    width: 100%;
  }
}
.multistep-form .common-formseller .equipment-container .equipment-rows {
  margin-top: 40px;
}
.multistep-form .common-formseller .equipment-container .equipment-rows:nth-child(1) {
  margin-top: 0;
}
@media screen and (max-width: 575px) {
  .multistep-form .common-formseller .equipment-container .equipment-rows .equipmentcustom-padding {
    padding-left: 8px !important;
  }
}
.multistep-form .common-formseller .equipment-container .customcategory-width:nth-child(2) {
  padding: 0px;
}
@media screen and (max-width: 767.5px) {
  .multistep-form .common-formseller .equipment-container .customcategory-width:nth-child(2) {
    padding: 0px 14px;
  }
}
.multistep-form .common-formseller .equipment-container .customcategory-width:last-child {
  padding: 0px;
}
@media screen and (max-width: 767.5px) {
  .multistep-form .common-formseller .equipment-container .customcategory-width:last-child {
    padding: 0px 23px;
  }
}
.multistep-form .common-formseller .equipment-container .customcategory-width:last-child > .form-check {
  margin: 8px 0px;
}
.multistep-form .common-formseller .equipment-container .customcategory-width > .form-check {
  margin: 8px 12px;
  margin-bottom: 14px;
}
.multistep-form .common-formseller .equipment-container .categories-header-container {
  background-color: #eeeeee;
  border-radius: 4px;
  padding: 10px 3px;
  border-radius: 4px;
  max-width: calc(100% - 15px);
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 828px) {
  .multistep-form .common-formseller .equipment-container .categories-header-container {
    margin: 0px;
  }
  .multistep-form .common-formseller .equipment-container .categories-header-container .parent-boxview .form-check-label {
    font-size: 15px;
  }
}
.multistep-form .common-formseller .equipment-container .category {
  background: #f8f9fa;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.multistep-form .common-formseller .equipment-container .category .category-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  color: #6c757d;
}
.multistep-form .common-formseller .equipment-container .category .form-check {
  margin-bottom: 0.4rem;
  padding: 5px 24px;
}
.multistep-form .common-formseller .equipment-container .category .form-check .form-check-input {
  accent-color: #0d6efd;
}
.multistep-form .common-formseller .equipment-container .category .form-check .form-check-label {
  color: #6c757d;
}
.multistep-form .common-formseller .equipment-container .category.active {
  background: #e7f1ff;
}
.multistep-form .common-formseller .equipment-container .category.active .category-header {
  color: #0d6efd;
}
.multistep-form .common-formseller .equipment-container .category.active .form-check-label {
  color: #0d6efd;
}
@media (max-width: 767.5px) {
  .multistep-form .common-formseller .equipment-container .customcategory-width {
    flex: 0 0 auto;
    width: 50%;
  }
  .multistep-form .common-formseller .equipment-container .category {
    padding: 0.8rem;
  }
  .multistep-form .common-formseller .equipment-container .category .category-header {
    font-size: 0.9rem;
  }
  .multistep-form .common-formseller .equipment-container .category .form-check-label {
    font-size: 0.85rem;
  }
}
@media (max-width: 360px) {
  .multistep-form .common-formseller .equipment-container .customcategory-width {
    flex: 0 0 auto;
    width: 100%;
  }
}
.multistep-form .common-formseller .checkbox-controls {
  margin-right: -10px;
}
@media screen and (max-width: 767px) {
  .multistep-form .common-formseller .checkbox-controls {
    margin-left: 14px;
  }
}
.multistep-form .common-formseller .checkbox-controls .btn {
  font-size: 0.9rem;
  border: 1px solid #dcdcdc;
  background-color: #fff;
  color: #2b2b2b;
  transition: all 0.2s ease-in-out;
}
.multistep-form .common-formseller .checkbox-controls .btn:hover {
  background-color: #f8f8f8;
  border-color: #bfbfbf;
}
.multistep-form .common-formseller .checkbox-controls .btn input[type=checkbox] {
  margin-top: 0;
  cursor: pointer;
}
.multistep-form .common-formseller .checkbox-controls .btn span {
  font-size: 1.1rem;
  line-height: 1;
}
.multistep-form .common-formseller .checkbox-controls input[type=checkbox] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.multistep-form .common-formseller .alert-box.warning-box {
  background: #fff8e1;
  border-left: 4px solid #f7c948;
  border-radius: 8px;
  padding: 10px 22px;
  font-size: 15px;
  color: #222;
  line-height: 1.5;
  margin-bottom: 30px;
  margin-top: 30px;
}
.multistep-form .common-formseller .alert-box.warning-box strong {
  display: block;
  font-weight: 600;
  margin-bottom: 2px;
  color: #111;
}
.multistep-form .common-formseller .alert-box.warning-box p {
  margin: 0;
  color: #333;
  font-size: 14px;
}
@media (max-width: 768px) {
  .multistep-form .common-formseller .alert-box.warning-box {
    font-size: 14px;
    padding: 0.9rem 1rem;
  }
}
.multistep-form .common-formseller .title-heading > h2 {
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #1a1b1b;
  margin-bottom: 8px;
}
@media screen and (max-width: 560px) {
  .multistep-form .common-formseller .title-heading > h2 {
    font-size: 18px;
  }
}
.multistep-form .common-formseller .title-heading > p {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 0;
  color: #747983;
  margin-bottom: 16px;
}
@media screen and (max-width: 550px) {
  .multistep-form .common-formseller .title-heading > p {
    margin: 10px 0px;
  }
}
.multistep-form .common-formseller .title-heading.subheading > h2 {
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0%;
}
.multistep-form .common-formseller .info-card-box {
  background-color: #f2f2f2;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 8px 0px;
  margin-bottom: 5px;
  border-radius: 8px;
}
.multistep-form .common-formseller .info-card-box .text-information {
  max-width: 480px;
}
.multistep-form .common-formseller .info-card-box .text-information > p {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0%;
  margin-bottom: 0px;
}
.multistep-form .common-formseller .info-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0%;
}
.multistep-form .common-formseller .input-groups {
  margin-bottom: 10px;
}
.multistep-form .common-formseller .input-groups .captioninfo {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #747983;
  margin-top: 8px;
}
.multistep-form .common-formseller .input-groups.Document-grp .upload-box {
  min-height: 170px;
}
.multistep-form .common-formseller .input-groups.Document-grp .upload-box.image-uploaded {
  padding: 0px;
}
.multistep-form .common-formseller .input-groups.Document-grp .upload-box.image-uploaded small {
  display: none;
}
.multistep-form .common-formseller .input-groups.Document-grp .upload-box.pdf-uploaded {
  padding: 0px;
}
.multistep-form .common-formseller .input-groups.Document-grp .upload-box.pdf-uploaded small {
  display: none;
}
.multistep-form .common-formseller .input-groups.Document-grp .img_groups {
  display: flex;
  align-items: center;
  justify-content: left;
  margin-top: 30px;
}
.multistep-form .common-formseller .input-groups.Document-img {
  display: flex;
  align-items: baseline;
  justify-content: end;
  flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .multistep-form .common-formseller .input-groups.Document-img .img_groups {
    margin-top: 10px;
    margin-bottom: 10px !important;
  }
}
.multistep-form .common-formseller .input-groups.Document-img .img_groups {
  width: 100%;
  height: 200px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  background: #f9f9f9;
  margin-top: 40px;
  position: relative;
}
.multistep-form .common-formseller .input-groups.Document-img .img_groups .btn-delete-light {
  position: absolute;
  right: 90px;
  top: 30px;
}
.multistep-form .common-formseller .input-groups.Document-img #previewImage {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.multistep-form .common-formseller .input-groups.Document-img #pdfFrame {
  width: 100%;
  height: 100%;
  border: none;
}
.multistep-form .common-formseller .form-control,
.multistep-form .common-formseller .form-select {
  height: 65px;
  margin-bottom: 8px;
}
.multistep-form .common-formseller .form-heading .form-label {
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0%;
  display: flex;
  font-style: Medium;
  gap: 5px;
  color: #1a1b1b;
  align-items: center;
}
@media screen and (max-width: 400px) {
  .multistep-form .common-formseller .form-heading .form-label {
    font-size: 17px;
  }
}
.multistep-form .common-formseller .form-heading .form-label .icon {
  margin-left: 3px;
}
.multistep-form .common-formseller .form-heading .form-label .icon > span > i {
  color: #747983;
  font-size: 14px;
}
.multistep-form .common-formseller .form-heading.title-heading .form-label {
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  margin-bottom: 12px;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 400px) {
  .multistep-form .common-formseller .form-heading.title-heading .form-label {
    font-size: 18px;
  }
}
.multistep-form .common-formseller .form-heading.title-heading > span {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #747983;
}
.multistep-form .common-formseller .card {
  display: flex;
  padding: 30px 20px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 11px;
  background: #f9f9f9;
  margin-bottom: 6px;
}
@media screen and (max-width: 600px) {
  .multistep-form .common-formseller .card {
    padding: 30px 15px !important;
  }
}
.multistep-form .common-formseller .card .uploadstatus {
  max-width: 183px;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .multistep-form .common-formseller .card .uploadstatus {
    margin-left: 10px;
  }
}
.multistep-form .common-formseller .card .uploadstatus.sucess {
  background-color: #d1ffdc;
  border-radius: 95px;
  padding: 3px 10px;
  border: 1px solid #afffc3;
}
.multistep-form .common-formseller .card .uploadstatus.sucess .badge {
  display: flex;
  align-items: center;
  gap: 5px;
}
.multistep-form .common-formseller .card .uploadstatus.sucess .badge > span {
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0%;
  color: #00a529;
}
.multistep-form .common-formseller .card .form-contents {
  margin-top: 10px;
}
.multistep-form .common-formseller .card textarea.form-control {
  width: 100%;
  min-height: 143px;
  padding: 10px 14px;
  font-size: 0.95rem;
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  resize: vertical;
  transition: all 0.2s ease-in-out;
}
.multistep-form .common-formseller .card textarea.form-control::placeholder {
  color: #b1b1b1;
}
.multistep-form .common-formseller .card textarea.form-control:focus {
  outline: none;
  border-color: #377dff;
  box-shadow: 0 0 0 3px rgba(55, 125, 255, 0.15);
}
.multistep-form .common-formseller .card textarea.form-control:disabled {
  background-color: #f5f5f5;
  color: #aaa;
  cursor: not-allowed;
}
.multistep-form .common-formseller .card .multiple-select .ts-wrapper {
  min-height: 65px;
}
.multistep-form .common-formseller .card .multiple-select .ts-wrapper.focus .ts-control {
  box-shadow: none;
}
.multistep-form .common-formseller .card .multiple-select .ts-wrapper .ts-control {
  border-radius: 8px;
}
.multistep-form .common-formseller .card .multiple-select .ts-wrapper .ts-dropdown,
.multistep-form .common-formseller .card .multiple-select .ts-wrapper .ts-dropdown.form-control,
.multistep-form .common-formseller .card .multiple-select .ts-wrapper .ts-dropdown.form-select {
  background-color: #fff;
}
.multistep-form .common-formseller .card .multiple-select .ts-wrapper .ts-control {
  min-height: 65px;
  padding: 6px 10px;
  font-size: 0.95rem;
  border: 1px solid #ddd;
  background: #fff;
}
.multistep-form .common-formseller .card .multiple-select .ts-wrapper .item {
  background: #d5e9ef;
  border-radius: 4px;
  color: #1a1b1b;
  font-weight: 500;
  padding: 5px 20px;
  padding-right: 40px !important;
  border-radius: 20px;
  position: relative;
}
.multistep-form .common-formseller .card .multiple-select .ts-wrapper .item .remove {
  position: absolute;
  right: 8px;
  background-color: #2591d4;
  color: #fff;
  border-radius: 50%;
  font-size: 12px;
}
.multistep-form .common-formseller .card .form-selectionNormal {
  margin-top: 20px;
}
.multistep-form .common-formseller .card .form-selectionNormal .caption-text {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #747983;
}
.multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-title {
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0px;
}
@media screen and (max-width: 767px) {
  .multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 412px) {
  .multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-title {
    font-size: 18px;
  }
}
.multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-subtext {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #747983;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  max-width: 440px;
  margin-top: 10px;
}
.multistep-form .common-formseller .card .ubo-section .ubo-card .btn-outline-primary {
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  display: flex;
  align-items: center;
  height: 36px;
  border-radius: 5px;
  width: 120px;
  background-color: #e1f3ff;
}
.multistep-form .common-formseller .card .ubo-section .ubo-card .btn-outline-primary .icon {
  margin-right: 10px;
}
.multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-box .header-badge {
  height: 48px;
  gap: 17px;
  border-radius: 6px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  background-color: #f0f0f0;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 0px;
  justify-content: space-between;
}
.multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-box .header-badge .btn-outline-remove {
  border-color: #858585;
  color: #000000;
}
.multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-box .header-badge .badge {
  background-color: #bbe6f5;
  color: #1a1b1b;
  border-radius: 5px;
  font-weight: 500;
  font-style: Medium;
  padding: 4px 11px;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
}
.multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-box .ubo-number {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0px;
}
.multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-box .ubo-number .text-heading {
  letter-spacing: 1px;
}
.multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-box .badge {
  font-weight: 500;
  padding: 0.4rem 0.75rem;
  border-radius: 6px;
  margin-left: 24px;
}
.multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-box .form-label {
  font-size: 18px;
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0px;
  margin-bottom: 6.5px;
}
@media screen and (max-width: 400px) {
  .multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-box .form-label {
    font-size: 17px;
  }
}
@media screen and (min-width: 786px) and (max-width: 826px) {
  .multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-box .form-label {
    font-size: 17px;
  }
}
@media screen and (min-width: 767px) and (max-width: 785px) {
  .multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-box .form-label {
    font-size: 16px;
  }
}
.multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-box .form-control,
.multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-box .form-select {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 0.95rem;
  padding: 10px 12px;
  transition: all 0.2s ease-in-out;
}
.multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-box .form-control::placeholder,
.multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-box .form-select::placeholder {
  color: #999;
  opacity: 0.8;
}
.multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-box .input-group-text {
  border: 0;
  border-left: none;
  color: #333;
  font-weight: 500;
}
.multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-footer-text {
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0px;
  color: #747983;
}
.multistep-form .common-formseller .card .ubo-section .Percentage-group {
  position: relative;
}
.multistep-form .common-formseller .card .ubo-section .Percentage-group .Percentagetext {
  position: absolute;
  right: 0;
  top: 13px;
  background-color: transparent;
}
@media (max-width: 767px) {
  .multistep-form .common-formseller .card .ubo-section {
    padding: 1rem;
  }
  .multistep-form .common-formseller .card .ubo-section .ubo-card {
    padding: 1.5rem;
  }
  .multistep-form .common-formseller .card .ubo-section .ubo-card .ubo-box {
    padding: 1rem;
  }
  .multistep-form .common-formseller .card .ubo-section .ubo-card .btn-outline-primary {
    font-size: 0.85rem;
  }
}
.multistep-form .common-formseller .form-selectionNormal {
  width: 100%;
}
.multistep-form .common-formseller .form-selectionNormal .form-select {
  height: 65px;
  border-radius: 8px;
}
.multistep-form .captureSign-success {
  display: none;
}
.multistep-form .captureSign-success {
  display: none;
  align-items: center;
  justify-content: space-around;
  gap: 5px;
  background-color: #d1ffdc;
  border-radius: 95px;
  padding: 3px 10px;
  border: 1px solid #afffc3;
}
.multistep-form .captureSign-success > span {
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0%;
  color: #00a529;
}

.success-modal-dialog {
  max-width: 765px !important;
}
@media screen and (max-width: 767px) {
  .success-modal-dialog {
    max-width: 100%;
  }
}
.success-modal-dialog .success-modal {
  border-radius: 1rem;
  border: none;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  position: relative;
  max-width: 765px;
}
.success-modal-dialog .success-modal .btn-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.success-modal-dialog .success-modal .btn-close:hover {
  opacity: 1;
}
.success-modal-dialog .success-modal .icon-container {
  width: 60px;
  height: 60px;
  background-color: #04bade;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.success-modal-dialog .success-modal .icon-container i {
  color: #fff;
  font-size: 16px;
}
.success-modal-dialog .success-modal h5 {
  color: #000;
  font-size: 1.125rem;
}
.success-modal-dialog .success-modal p {
  font-size: 0.95rem;
  line-height: 1.6;
}
.success-modal-dialog .success-modal .btn-primary {
  background-color: #006ca5;
  border: none;
  border-radius: 6px;
  font-weight: 500;
  height: 50px;
}
.success-modal-dialog .success-modal .btn-primary:hover {
  background-color: #006ca5;
  opacity: 0.7;
}
@media (max-width: 576px) {
  .success-modal-dialog .success-modal .modal-body {
    padding: 1.5rem 1rem;
  }
  .success-modal-dialog .success-modal h5 {
    font-size: 1rem;
  }
  .success-modal-dialog .success-modal p {
    font-size: 0.9rem;
  }
}

.signature-wrapper {
  width: 100%;
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 8px;
  margin: 10px 0;
}

.signature-wrapper canvas {
  width: 100%;
  height: 316px;
  display: block;
  cursor: crosshair;
  touch-action: none;
}

#clearBtn {
  border: 1px solid #ddd;
  background: #fff;
  padding: 6px 14px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
}
#clearBtn:hover {
  background: #f3f3f3;
}

@media screen and (min-width: 768px) and (max-width: 768px) {
  .mobile-category-wrapper .mobile-category-block .parent-boxviewbox {
    flex: 0 0 auto;
    width: 100%;
  }
  .mobile-category-wrapper .mobile-category-block .customcategory-width {
    flex: 0 0 auto;
    width: 100%;
  }
}
.mobile-category-wrapper .mobile-category-block .parent-boxview {
  background-color: #eeeeee;
  padding: 10px 33px;
}
.mobile-category-wrapper .mobile-category-block .child-column .form-check {
  padding: 8px 33px;
}

.cms-pagecontants {
  background-color: #f5f5f5;
}
.cms-pagecontants .cmspage-container {
  padding: 40px 20px;
  margin: 0 auto;
  width: 978px;
  min-width: 978px;
  max-width: 1680px;
  background-color: #fff;
}
@media screen and (max-width: 978px) {
  .cms-pagecontants .cmspage-container {
    width: 100%;
    min-width: 100%;
  }
}
.cms-pagecontants .cmspage-container .Heading-text {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
}
.cms-pagecontants .cmspage-container ul li {
  list-style: disc;
  font-size: 14px;
  line-height: 23px;
  color: #747983;
}
.cms-pagecontants .cmspage-container p {
  font-size: 14px;
}

.product-review .Review-container {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.product-review .Review-container .leftcolumn {
  border-left: 1px solid #ddd;
}
.product-review .Review-container .left-column-container {
  padding: 0px;
}
.product-review .Review-container .rightcolumn-container {
  border-left: 1px solid #ddd;
  height: 100%;
}
.product-review .Review-container .rightcolumn-container .review-contents {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .product-review .Review-container .rightcolumn-container .review-contents {
    padding: 20px;
  }
  .product-review .Review-container .rightcolumn-container .review-contents .custom-themewidth {
    flex: 0 0 auto;
    width: 50%;
  }
  .product-review .Review-container .rightcolumn-container .review-contents .custom-themewidthfirst {
    flex: 0 0 auto;
    width: 35%;
  }
}
@media screen and (max-width: 767px) {
  .product-review .Review-container .rightcolumn-container .review-contents {
    padding: 20px;
  }
}
.product-review .Review-container .rightcolumn-container .review-contents .review-box {
  border-right: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .product-review .Review-container .rightcolumn-container .review-contents .review-box {
    border: 0;
  }
}
.product-review .Review-container .rightcolumn-container .review-contents .icon {
  font-size: 25px;
}
.product-review .Review-container .rightcolumn-container .review-contents p {
  font-size: 13px;
  line-height: 1.2;
}
.product-review .Review-container .rightcolumn-container .review-header {
  padding: 20px;
  padding-bottom: 10px;
}
@media screen and (max-width: 492px) {
  .product-review .Review-container .rightcolumn-container .review-header .filterdropdown {
    margin-left: auto;
  }
}
.product-review .Review-container .rightcolumn-container .review-header .filterdropdown .btn-outline-secondary {
  border-radius: 6px;
  padding: 6px 20px;
  border: 1px solid #ddd !important;
}
.product-review .Review-container .rightcolumn-container .review {
  margin-bottom: 35px;
  padding-bottom: 20px;
  padding-left: 30px;
  border-bottom: 1px solid #ddd;
}
.product-review .Review-container .rightcolumn-container .review .discriptions {
  margin-bottom: 20px;
}
.product-review .Review-container .rightcolumn-container .review .discriptions > p {
  font-size: 14px;
  margin-bottom: 0px;
}
.product-review .Review-container .rightcolumn-container .review .review-img {
  width: 80px;
  height: 80px;
  border-radius: 6px;
  object-fit: cover;
}
.product-review .Review-container .rightcolumn-container .review .badge {
  font-size: 0.85rem;
}
.product-review .Review-container .rightcolumn-container .review .review-actions {
  padding: 0px 20px;
}
.product-review .Review-container .rightcolumn-container .review .review-actions i {
  font-size: 1rem;
  cursor: pointer;
  transition: color 0.2s ease;
}
.product-review .Review-container .rightcolumn-container .review .review-actions i:hover {
  color: #0d6efd;
}
.product-review .Review-container .rightcolumn-container .tab-content {
  padding: 20px 0px;
}
.product-review .Review-container .rightcolumn-container .tab-content .overallContainer .rating-bars .progress {
  height: 8px;
  background-color: #f0f0f0;
}
.product-review .Review-container .rightcolumn-container .tab-content .overallContainer .rating-bars span {
  font-size: 0.9rem;
}
@media (max-width: 576px) {
  .product-review .Review-container .rightcolumn-container .tab-content .overallContainer .review .review-img {
    width: 70px;
    height: 70px;
  }
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .review-text {
  position: relative;
  cursor: pointer;
  transition: max-height 0.35s ease;
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .review-text.collapsible {
  max-height: 92px;
  overflow: hidden;
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .review-text.collapsible:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: linear-gradient(to bottom, transparent, #fff);
  pointer-events: none;
  transition: opacity 0.3s;
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .review-text.expanded {
  max-height: 600px;
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .review-text.expanded:after {
  opacity: 0;
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .review-ratingbox {
  padding-bottom: 10px;
  margin-bottom: 0px;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .product-review .Review-container .rightcolumn-container .tab-content .secondtheme .review-ratingbox {
    padding: 20px;
  }
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .review-ratingbox .review-text {
  padding: 20px;
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .review-ratingbox .review-text > p {
  font-size: 15px;
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .review-ratingbox .reviewer-info {
  padding: 0px 20px;
  font-size: 13px;
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .review-ratingbox .feedback > p {
  margin-bottom: 0px;
  font-size: 15px;
  line-height: 1.5;
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .review-ratingbox .review-box {
  padding: 0px 20px;
  margin-bottom: 15px;
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .review-ratingbox .review-box > p {
  font-size: 14px;
  margin-bottom: 0px;
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .circular-rating {
  width: 65px;
  height: 65px;
  position: relative;
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .circular-chart {
  display: block;
  max-width: 100%;
  max-height: 250px;
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .circle {
  fill: none;
  stroke-width: 3.8;
  stroke-linecap: round;
  stroke: #28a745;
  animation: progress 1s ease-out forwards;
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .percentage {
  fill: #28a745;
  font-size: 0.5em;
  text-anchor: middle;
  font-weight: bold;
}
@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .review p {
  font-size: 0.95rem;
  color: #333;
}
.product-review .Review-container .rightcolumn-container .tab-content .secondtheme .review strong {
  color: #212529;
}
@media (max-width: 576px) {
  .product-review .Review-container .rightcolumn-container .tab-content .secondtheme .circular-rating {
    width: 80px;
    height: 80px;
  }
  .product-review .Review-container .rightcolumn-container .tab-content .secondtheme .percentage {
    font-size: 0.45em;
  }
}
.product-review .Review-container .nav-tabs {
  padding: 0px 0px;
}
.product-review .rating-box {
  padding: 20px 0px;
  border-bottom: 1px solid #ddd;
}
.product-review .rating-box .heading-box {
  display: inline-flex;
  align-items: center;
  margin-bottom: 9px;
  padding: 0px 20px;
}
.product-review .rating-box .heading-box > h2 {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #000000;
  margin-bottom: 0px;
  margin-left: 12px;
}
.product-review .rating-box .heading-box .badge {
  background-color: #00a529;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  display: inline-flex;
  align-items: center;
  height: 22px;
}
.product-review .rating-box .heading-box .badge > i {
  font-size: 12px;
  margin-left: 6px;
}
.product-review .rating-box .heading-box .badge.Average {
  background-color: #edaa00;
}
.product-review .rating-box .heading-box .badge.low {
  background-color: #f54545;
}
.product-review .rating-box .para {
  padding: 0px 20px;
}
.product-review .rating-box .para > span {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #000000;
}
.product-review .rating-box .customers-photos {
  padding: 0px 20px;
  margin: 12px 0px;
  cursor: pointer;
}
.product-review .rating-box .customers-photos .images-upload {
  border: 0;
  margin: 0;
  padding: 0;
}
.product-review .rating-box .customers-photos .img-class {
  position: relative;
  flex: 0 0 auto;
  width: 73px;
  height: 73px;
  border: 1px solid #d9d9d9;
  align-items: center;
  justify-content: center;
  padding: 3px;
}
.product-review .rating-box .customers-photos .img-class > img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 4px;
}
.product-review .rating-box .rating-footer {
  padding: 0px 20px;
  margin-top: 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.product-review .rating-box .rating-footer .left-block {
  display: flex;
  align-items: center;
  gap: 18px;
}
.product-review .rating-box .rating-footer .left-block > span {
  color: #747983;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 12px;
}
.product-review .rating-box .rating-footer .left-block > span > strong {
  margin-right: 4px;
  font-weight: 600;
  line-height: 22px;
}
.product-review .rating-box .rating-footer .left-block .certified-badge {
  background-color: #ebeaea;
  border-radius: 15px;
  padding: 0px 8px;
  font-size: 12px;
  line-height: 22px;
  color: #1a1b1b;
  font-weight: 500;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.product-review .rating-box .rating-footer .left-block .certified-badge > i {
  color: #0496c7;
  margin-right: 5px;
}
.product-review .rating-box .rating-footer .like-badge {
  border: 1px solid #d9d9d9;
  border-radius: 15px;
  height: 22px;
  display: flex;
  align-items: center;
  padding: 0px 8px;
}
.product-review .rating-box .rating-footer .like-badge .liked-count {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-review .rating-box .rating-footer .like-badge .liked-count .btn-count {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  color: #747983;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
}
.product-review .rating-box .rating-footer .like-badge .liked-count .btn-count.liked > i {
  color: #006ca5;
}
.product-review .rating-box .rating-footer .like-badge .liked-count .btn-count > span {
  margin-right: 6px;
}
.product-review .rating-box .rating-footer .like-badge .liked-count .count {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  color: #747983;
}
.product-review .rating-box .rating-footer .like-badge > span {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  color: #747983;
}
.product-review .images-upload {
  margin-top: 33px;
  padding: 0px 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.product-review .images-upload > h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  color: #697277;
  margin-bottom: 16px;
}
.product-review .images-upload .image-gallery {
  gap: 4px;
}
.product-review .images-upload .image-gallery .thumb {
  position: relative;
  flex: 0 0 auto;
  width: 73px;
  height: 73px;
  border: 1px solid #d9d9d9;
}
.product-review .images-upload .image-gallery .thumb img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 4px;
}
.product-review .images-upload .image-gallery .thumb.overlay-box .overlay {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: 600;
  line-height: 25px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .product-review .images-upload .image-gallery .thumb {
    height: 100%;
    width: calc(25% - 4px);
  }
}
@media (max-width: 480px) {
  .product-review .images-upload .image-gallery .thumb {
    height: 100%;
    width: calc(33.3333333333% - 4px);
  }
}
.product-review .product-card .details-card {
  margin-bottom: 20px;
  padding: 20px;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .product-review .product-card .details-card {
    border-top: 1px solid #ddd;
  }
}
.product-review .product-card .title-info {
  font-size: 18px;
  margin-bottom: 6px;
  color: #1a1b1b;
}
.product-review .product-card .price-box > h4 {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #212121;
}
.product-review .product-card .productimg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 300px;
  margin: 0 auto;
}
@media screen and (max-width: 900px) {
  .product-review .product-card .productimg {
    width: 200px;
    height: 200px;
  }
}
.product-review .product-card .productimg > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-review .product-card .user-images {
  padding: 20px;
}
.product-review .product-card .user-images > h6 {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  margin-bottom: 15px;
}
.product-review .product-card .user-images .image-gallery {
  gap: 4px;
}
.product-review .product-card .user-images .image-gallery .thumb {
  position: relative;
  flex: 0 0 auto;
  width: 73px;
  height: 73px;
  border: 1px solid #d9d9d9;
}
.product-review .product-card .user-images .image-gallery .thumb img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 4px;
}
.product-review .product-card .user-images .image-gallery .thumb.overlay-box .overlay {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: 600;
  line-height: 25px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .product-review .product-card .user-images .image-gallery .thumb {
    height: 100%;
    width: calc(25% - 4px);
  }
}
@media (max-width: 480px) {
  .product-review .product-card .user-images .image-gallery .thumb {
    height: 100%;
    width: calc(33.3333333333% - 4px);
  }
}
.product-review .product-card .user-images .user-thumb {
  width: 55px;
  height: 55px;
  object-fit: cover;
  padding: 5px;
  border-radius: 0px;
  cursor: pointer;
  border: 1px solid #ddd;
}
.product-review .product-card .user-images .user-thumb.more {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eee;
  font-weight: 600;
  color: #444;
}
.product-review .product-card .user-images .user-thumbMoreView {
  width: 55px;
  height: 55px;
  object-fit: cover;
  padding: 0px;
  border-radius: 0px;
  cursor: pointer;
  position: relative;
}
.product-review .product-card .user-images .user-thumbMoreView .user-thumb {
  background-color: rgba(0, 0, 0, 0.6);
}
.product-review .product-card .user-images .user-thumbMoreView .viewmore {
  top: 13px;
  position: absolute;
  right: 0;
  left: 0px;
  border: 0;
  font-weight: 700;
  background: transparent;
  color: #fff;
}
.product-review .nav-tabs .nav-link {
  color: #555;
  font-weight: 500;
  border: none;
  padding: 0.5rem 1rem;
}
.product-review .nav-tabs .nav-link.active {
  color: #006ca5;
  border-bottom: 2px solid #006ca5;
}
.product-review .nav-tabs .nav-link:focus-visible {
  outline: none;
}
.product-review .rating-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-review .rating-circle .score {
  font-size: 1.25rem;
  font-weight: 600;
  color: #333;
}
@media (max-width: 768px) {
  .product-review .review-header {
    flex-direction: row;
    align-items: flex-start;
  }
  .product-review .review-header .dropdown {
    margin-top: 1rem;
  }
}
@media (max-width: 400px) {
  .product-review .review-header {
    flex-direction: column;
    align-items: start !important;
  }
}

.pagination .page-link {
  padding: 6px 12px;
  color: #000;
  font-weight: 500;
  border: none;
  background: transparent;
}
.pagination .page-link:hover {
  background-color: #f1f1f1;
}
.pagination .page-item.active .page-link {
  background-color: #1a73e8 !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 36px;
  height: 36px;
  text-align: center;
  padding: 6px 0;
}

/*# sourceMappingURL=style.css.map */