* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Satoshi-Regular";
}



/* =====  Font Family  ===== */

@font-face {
  font-family: "Satoshi-Light";
  src: url(../fonts/Satoshi-Light.otf);

  /*?  Font Weight 300  ?*/
}

@font-face {
  font-family: "Satoshi-Regular";
  src: url(../fonts/Satoshi-Regular.otf);

  /*?  Font Weight 400  ?*/
}

@font-face {
  font-family: "Satoshi-Medium";
  src: url(../fonts/Satoshi-Medium.otf);

  /*?  Font Weight 500  ?*/
}

@font-face {
  font-family: "Satoshi-Bold";
  src: url(../fonts/Satoshi-Bold.otf);

  /*?  Font Weight 700  ?*/
}


@font-face {
  font-family: "integralcf-Regular";
  src: url(../fonts/integralcf-regular.otf);

  /*?  Font Weight 400  ?*/
}

@font-face {
  font-family: "integralcf-Medium";
  src: url(../fonts/integralcf-medium.otf);

  /*?  Font Weight 500  ?*/
}

@font-face {
  font-family: "integralcf-Bold";
  src: url(../fonts/integralcf-bold.otf);

  /*?  Font Weight 700  ?*/
}

@font-face {
  font-family: "integralcf-Extra-Bold";
  src: url(../fonts/integralcf-extrabold.otf);

  /*?  Font Weight 800  ?*/
}



/* =====  Root Variables  ===== */

:root {
  --light-yellow-color: #F2F0F1;
  --search-box-color: #F0F0F0;
  --discount-box-color: #FF33331A;
  --discount-text-color: #FF3333;
  --border-color: #0000001A;
  --light-grey-color: #00000066;
  --dark-grey-color: #00000099;
  --white-color: #fff;
  --black-color: #000;
}



*::selection {
  color: var(--search-box-color);
  background-color: var(--dark-grey-color);
}



/*?===== Start Product Detail Page  =====?*/

/*=====  Start Navbar Section  =====*/

.navbar-brand {
  font-family: "integralcf-Bold";
  font-size: 30px;
  line-height: 38.4px;
}

.nav-link {
  font-size: 15px;
  line-height: 21.6px;
  color: var(--black-color);
}

.nav-link:hover {
  color: var(--black-color);
}

.nav-link:focus {
  color: var(--black-color);
}

.nav-search {
  width: 500px;
  height: 48px;
  padding: 12px 16px;
  border-radius: 62px;
  background-color: var(--search-box-color);
}

.nav-search .search {
  color: var(--light-grey-color);
}

.nav-search input {
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 15px;
  line-height: 21.6px;
  margin-left: 12px;
  width: 100%;
}

.nav-profile {
  display: flex;
  gap: 14px;
  margin-left: 40px;
  align-items: center;
}

.cart,
.profile {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.search {
  font-size: 20px;
  cursor: pointer;
}

.responsive-search {
  display: none;
}

.navbar-toggler {
  background-color: transparent;
  border: none;
  padding: 0 !important;
}

.navbar-toggler-icon {
  color: var(--black-color) !important;
  font-size: 20px;
  outline: none;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-collapse.collapse.show {
  margin: 10px 0;
}

.nav-hr {
  margin: 24px auto;
}

/*=====  End Navbar Section  =====*/



/*=====  Start Banner Section  =====*/

.banner-section {
  background-color: var(--light-yellow-color);
}

.banner-img {
  width: 100%;
}

.banner-star-1 {
  position: absolute;
  top: 270px;
  right: 480px;
  height: 56px;
  width: 56px;
}

.banner-star-2 {
  position: absolute;
  top: 50px;
  right: 10px;
  height: 104px;
  width: 104px;
}

.banner-h1 {
  font-family: "integralcf-Bold";
  font-size: 50px;
  line-height: 64px;
  margin: 103px 0 32px !important;
}

.banner-p {
  font-family: "Satoshi-Regular";
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 32px !important;
}

.banner-btn {
  border-radius: 62px;
  border: 2px solid transparent;
  padding: 15px 67.5px !important;
  background-color: var(--black-color);
  color: var(--white-color);
  font-family: "Satoshi-Medium";
  font-size: 16px;
  line-height: 21.6px;
  transition: all 0.3s;
}

.banner-btn:hover {
  background-color: transparent;
  border: 2px solid var(--black-color);
  color: var(--black-color);
}

.banner-counter {
  margin-top: 48px;
  margin-bottom: 50px;
}

.brand-counter h1,
.product-counter h1,
.customer-counter h1 {
  font-family: "Satoshi-Bold";
  font-size: 30px;
  line-height: 54px;
}

.brand-counter p,
.product-counter p,
.customer-counter p {
  font-size: 10px;
  line-height: 22px;
  color: var(--dark-grey-color);
}

.brand-counter {
  padding: 0px 30px 0px 0px !important;
  border-right: 2px solid var(--border-color) !important;
}

.product-counter {
  padding: 0px 30px 0px 32px !important;
  border-right: 2px solid var(--border-color) !important;
}

.customer-counter {
  padding: 0px 0px 0px 32px !important;
}

.banner-brands {
  background-color: var(--black-color);
  height: 122px;
  align-items: center;
}

.banner-brand-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 20px;
}

.brand-v {
  height: 33.16px;
}

.brand-z {
  height: 38px;
}

.brand-g {
  height: 36px;
}

.brand-p {
  height: 32px;
}

.brand-c {
  height: 33.35px;
}

/*=====  End Banner Section  =====*/



/*=====  Start Arrivals Section  =====*/

#arrivals {
  scroll-behavior: smooth;
  scroll-margin-top: 50px;
}

.arrivals-heading {
  font-family: "integralcf-Bold";
  font-size: 48px;
  line-height: 57.6px;
  text-align: center;
  margin-top: 72px;
}

.arr-row {
  margin: 55px 0 36px;
}

.arrivals-img {
  border-radius: 20px;
  width: 100%;
  aspect-ratio: 1;
}

.product-name a {
  font-family: "Satoshi-Bold";
  font-size: 14px;
  line-height: 27px;
  text-decoration: none;
  color: var(--black-color);
}

.product-rating {
  gap: 13px;
}

.rate-star {
  width: 104px;
  height: 18px;
}

.rate-star-2 {
  width: 80px;
  height: 18px;
}

.rate-p {
  font-size: 14px;
  line-height: 18.9px;
}

.rate-p span {
  color: #666666;
}

.product-price p {
  font-family: "Satoshi-Bold";
  font-size: 20px;
  line-height: 32.4px;
}

.fake-price {
  color: #999999;
  margin: 0 10px;
  font-size: 20px;
  line-height: 32.4px;
  text-decoration-line: line-through;
}

.discount {
  background-color: var(--discount-box-color);
  color: var(--discount-text-color);
  padding: 7px 13.5px;
  font-family: "Satoshi-Medium";
  font-size: 12px;
  line-height: 16.2px;
  border-radius: 64px;
}

.arr-view-btn {
  padding: 15px 80px;
  border-radius: 62px;
  border: 1px solid var(--border-color);
  background-color: transparent;
}

.arrivals-btn a {
  font-family: "Satoshi-Medium";
  font-size: 16px;
  line-height: 21.6px;
  text-decoration: none;
  color: var(--black-color);
}

/*=====  End Arrivals Section  =====*/



/*=====  Start Selling Section  =====*/

.selling-heading {
  margin-top: 64px;
}

.rate-star-3 {
  height: 18px;
  width: 60px;
}

/*=====  End Selling Section  =====*/



/*=====  Start Browse By Dress Section  =====*/

.dress-heading {
  margin-bottom: 64px;
}

.categories-container {
  padding: 70px 84px 76px 64px;
  background-color: #f0f0f0;
  border-radius: 40px;
  margin: 80px auto;
}

.categories-col {
  width: 100%;
  border-radius: 20px;
  height: 280px;
}

.categories-col p a {
  font-family: 'satoshi-bold';
  font-size: 34px;
  color: var(--black-color);
  position: absolute;
  top: 25px;
  left: 36px;
  text-decoration: none;
}

.categories-col1 {
  background-image: url(../images/Frame-1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-bottom: 20px;
}

.categories-col2 {
  background-image: url(../images/Frame-2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-bottom: 20px;
  margin-left: 20px;
}

.categories-col3 {
  background-image: url(../images/Frame-3.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-bottom: 76px;
}

.categories-col4 {
  background-image: url(../images/Frame-4.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-bottom: 76px;
  margin-left: 20px;
}

/*=====  End Browse By Dress Section  =====*/



/*=====  Start Review Section  =====*/

.review-main-heading {
  font-family: "integralcf-Bold";
  font-size: 48px;
  line-height: 57.6px;
  margin: 0 0 40px;
}

.swiper {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.reviewSwiper {
  margin-bottom: 170px;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  height: 100% !important;
  border: 1px solid var(--border-color);
  border-radius: 20px;
  padding: 28px 32px;
}

.review-star {
  width: 138.84px;
  height: 22.58px;
  margin-bottom: 15px;
}

.check-img {
  height: 24px;
  width: 24px;
  margin-left: 4px;
}

.review-heading {
  font-family: "Satoshi-Bold";
  font-size: 20px;
  line-height: 22px;
}

.review-para {
  margin-top: 12px;
  font-size: 16px;
  line-height: 22px;
  color: var(--dark-grey-color);
}

.prev-slide,
.next-slide {
  color: var(--black-color) !important;
  font-size: 24px;
  margin-bottom: 40px;
}

.next-slide {
  margin-left: 16px;
}

/*=====  End Review Section  =====*/



/*=====  Start Offer Section  =====*/

.offer-container {
  background-color: var(--black-color);
  padding: 36px 64px;
  border-radius: 20px;
}

.offer-heading {
  font-family: "integralcf-Bold";
  font-size: 40px;
  line-height: 45px;
  color: var(--white-color);
  margin-top: 7px;
}

.offer-form {
  display: flex;
  flex-direction: column;
  align-items: end;
}

.email {
  border-radius: 62px;
  padding: 11px 16px;
  background-color: var(--white-color);
  border: 2px solid transparent;
  font-family: "Satoshi-Medium";
  font-size: 16px;
  line-height: 21.6px;
  width: 100%;
  align-items: center;
}

.fa-envelope {
  font-size: 16px;
  color: var(--light-grey-color);
  margin-right: 8px;
}

.email input {
  font-size: 16px;
  line-height: 21.6px;
  color: var(--light-grey-color);
  background-color: transparent;
  border: none;
  outline: none;
  margin-bottom: 0 !important;
}

.offer-form-btn {
  border-radius: 62px;
  padding: 12px 0;
  background-color: var(--white-color);
  border: 2px solid transparent;
  font-family: "Satoshi-Medium";
  font-size: 16px;
  line-height: 21.6px;
  width: 100%;
  margin-top: 14px;
  transition: all 0.3s;
}

.offer-form-btn:hover {
  background-color: var(--black-color);
  color: var(--white-color);
  border: 2px solid var(--white-color);
}



.email-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--black-color);
  padding: 30px 55px;
  border-radius: 20px;
  color: #fff;
  row-gap: 25px;
  margin-top: -90px;
}

/*=====  End Offer Section  =====*/



/*=====  Start Footer Section  =====*/

footer {
  background-color: var(--search-box-color);
}

.footer-container {
  margin-top: 42px;
}

.footer-logo {
  font-family: "integralcf-Bold";
  font-size: 33.45px;
  line-height: 40.15px;
}

.footer-para {
  color: var(--dark-grey-color);
  font-size: 14px;
  line-height: 22px;
  margin-top: 25px;
  margin-bottom: 35px !important;
}

.social-media {
  gap: 12px;
}

.icon-div {
  height: 28px;
  width: 28px;
  background-color: var(--white-color);
  border: 1px solid #00000033;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.icon-div:hover {
  background-color: var(--black-color);
  color: var(--white-color);
}

.social-icons {
  font-size: 15px;
}

.footer-ul {
  list-style-type: none;
}

.footer-li-heading {
  font-family: "Satoshi-Medium";
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 3px;
  color: var(--black-color);
  margin-bottom: 26px;
}

.footer-li {
  color: var(--dark-grey-color);
  font-size: 16px;
  line-height: 19px;
  margin-top: 15px;
  cursor: pointer;
}

.footer-hr {
  margin-top: 50px;
  margin-bottom: 20px;
}

.footer-bottom-p {
  color: var(--dark-grey-color);
  font-size: 14px;
  line-height: 18.9px;
  margin-top: 5px;
}

.payment-option {
  margin-bottom: 81.97px;
}

.payment-img {
  width: 55.61px;
  height: 40.03px;
}

/*=====  End Footer Section  =====*/

/*?===== End Product Detail Page  =====?*/





/*?===== Start Product Detail Page  =====?*/

/*=====  Start Breadcrumb Section  =====*/

.breadcrumb-container {
  margin: 24px auto 36px;
}

.breadcrumb-item {
  color: var(--dark-grey-color);
  font-size: 16px;
  line-height: 21.6px;
  margin-right: 12px;
}

.breadcrumb-item a {
  color: var(--dark-grey-color);
  font-size: 16px;
  line-height: 21.6px;
  text-decoration: none;
}

.breadcrumb-item:last-child {
  margin-right: 0;
}

.fa-chevron-right {
  font-size: 16px;
  color: var(--dark-grey-color);
  margin-right: 12px;
}

.text-black {
  color: var(--black-color);
}

/*=====  End Breadcrumb Section  =====*/



/*=====  Start Product Detail Section  =====*/

.product-detail {
  margin-bottom: 80px;
}

.product-side-img {
  width: 100%;
  height: 155px;
  border-radius: 20px;
  background-position: center;
  margin-bottom: 14px;
  cursor: pointer;
  border: 1px solid transparent;
}

.product-side-img:last-child {
  margin-bottom: 0;
}

.product-side-img:hover {
  border: 1px solid var(--black-color);
}

.product-main-img {
  width: 100%;
  border-radius: 20px;
  margin-left: 2px;
}

.product-detail-h1 {
  font-family: "integralcf-Bold";
  font-size: 30px;
  line-height: 48px;
}

.product-detail-h1 span {
  font-size: 45px;
  line-height: 48px;
  font-weight: 700;
}

.p-detail-rating {
  margin: 14px 0 14.29px;
  gap: 16px;
}

.p-detail-rating img {
  width: 139px;
  height: 24.71px;
}

.p-detail-rating p {
  font-size: 16px;
  line-height: 21.6px;
}

.p-detail-price p {
  font-family: "Satoshi-Bold";
  font-size: 32px;
  line-height: 43.2px;
}

.p-detail-price .discount {
  padding: 6px 14px;
  font-family: "Satoshi-Medium";
  font-size: 16px;
  line-height: 21.6px;
  border-radius: 62px;
  display: flex;
  align-items: center;
}

.p-detail-des {
  font-size: 16px;
  line-height: 22px;
  color: var(--dark-grey-color);
  margin: 20px 0 24px;
}

.p-color-section p,
.p-size-section p {
  color: var(--dark-grey-color);
  font-size: 16px;
  line-height: 21.6px;
}

.product-color {
  height: 37px;
  width: 37px;
  border-radius: 50%;
  margin-top: 16px;
}

.color-1 {
  background-color: #4F4631;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.color-2 {
  background-color: #314F4A;
  margin-right: 16px;
}

.color-3 {
  background-color: #31344F;
  margin-bottom: 24px;
}

.fa-check {
  color: var(--white-color);
  font-size: 16px;
}

.size-circles {
  display: flex;
  gap: 12px;
}

.product-size {
  padding: 12px 24px;
  background-color: var(--search-box-color);
  border-radius: 62px;
  margin-top: 16px;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 21.6px;
  color: var(--dark-grey-color);
  transition: all 0.3s;
  cursor: pointer;
}

.product-size:hover {
  background-color: var(--black-color);
  color: var(--white-color);
}

.p-hr {
  margin: 0;
}

.p-item-add {
  margin-top: 24px;
}

.increase-div {
  padding: 14px 20px;
  background-color: var(--search-box-color);
  border-radius: 62px;
}

.fa-minus,
.fa-plus {
  font-size: 24px;
}

.increase-div p {
  font-family: "Satoshi-Medium";
  font-size: 16px;
  line-height: 21.6px;
}

.p-cart-btn {
  padding: 15px 0;
  width: 100%;
  border: 2px solid transparent;
  outline: none;
  background-color: var(--black-color);
  border-radius: 64px;
  font-family: "Satoshi-Medium";
  font-size: 16px;
  line-height: 21.6px;
  color: var(--white-color);
  margin-left: 20px;
  transition: all 0.3s;
}

.p-cart-btn:hover {
  background-color: var(--white-color);
  border: 2px solid var(--black-color);
  color: var(--black-color);
}

/*=====  End Product Detail Section  =====*/



/*=====  Start Product Tab Section  =====*/

.nav-pills .nav-link,
.nav-pills .show>.nav-link {
  color: var(--black-color);
  border-bottom: 1px solid var(--border-color);
  border-radius: 0;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--black-color);
  background-color: transparent;
  border-bottom: 2px solid var(--black-color);
}

.tab-p {
  color: var(--dark-grey-color);
  font-size: 20px;
  line-height: 22px;
}

.tab-p.active {
  font-family: "Satoshi-Medium";
}

.detail-product-p {
  margin-bottom: 5px;
  margin-top: 16px;
  font-family: "Satoshi-Bold";
  font-size: 18px;
  line-height: 32.4px;
}

.detail-product-p-2 {
  margin-top: 32px;
}

.tab-review-h2 {
  font-family: "Satoshi-Bold";
  font-size: 24px;
  line-height: 32.4px;
  margin-top: 15px;
  margin-bottom: 32px;
}

.tab-review-h2 span {
  font-size: 16px;
  line-height: 22px;
  color: var(--dark-grey-color);
}

.tab-review-btn {
  padding: 13px 29.5px;
  background-color: var(--black-color);
  color: var(--white-color);
  border-radius: 62px;
  border: 2px solid transparent;
  margin-top: 8px;
  margin-bottom: 24px;
  font-family: "Satoshi-Medium";
  font-size: 16px;
  line-height: 21.6px;
  transition: all 0.3s;
}

.tab-review-btn:hover {
  background-color: transparent;
  border: 2px solid var(--black-color);
  color: var(--black-color);
}

.review-tab-col {
  margin-bottom: 20.42px;
}

.review-tab-col:nth-last-of-type(-n+2) {
  margin-bottom: 0px;
}

.fifth-review-box {
  margin-bottom: 0px;
}

.review-tab-card {
  border: 1px solid var(--border-color);
  border-radius: 20px;
  padding: 28px 32px;
  height: 100%;
}

.review-tab-rate {
  width: 23%;
  margin-bottom: 15px;
}

.review-tab-name {
  font-family: "Satoshi-Bold";
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 12px !important;
}

.review-tab-p,
.review-tab-date {
  font-size: 16px;
  line-height: 22px;
  color: var(--dark-grey-color);
}

.product-load-more-btn {
  border-radius: 62px;
  border: 1px solid var(--border-color);
  padding: 15px 45px;
  font-family: "Satoshi-Medium";
  font-size: 16px;
  line-height: 21.6px;
  width: fit-content;
  margin-top: 36.42px;
  cursor: pointer;
}

.accordion.accordion-flush {
  margin-top: 16px;
}

.accordion-collapse {
  overflow: hidden;
}

.accordion-body {
  padding: 0 20px 16px 20px;
  font-size: 16px;
}

.accordion-button {
  font-size: 18px;
}

.accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}

.accordion-button:focus {
  border-color: none;
  outline: 0;
  box-shadow: none;
}

.accordion-button:hover {
  color: #0c63e4;
}

/*=====  End Product Tab Section  =====*/



/*=====  Start Related Product Section  =====*/

.related-products {
  margin-top: 64px;
}

.releted-products-row {
  margin-bottom: 160px;
}

.related-products-name {
  font-family: "Satoshi-Bold";
  font-size: 14px;
  line-height: 27px;
  text-decoration: none;
  color: var(--black-color);
}

/*=====  End Related Product Section  =====*/

/*?===== End Product Detail Page  =====?*/





/*?===== Start Category Page  =====?*/

/*=====  Start Category Section  =====*/

.filter-main-div {
  border: 1px solid var(--border-color);
  padding: 20px 24px 143px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.filter-heading h4 {
  font-family: "Satoshi-Bold";
  font-size: 20px;
  line-height: 27px;
}

.fa-sliders {
  font-size: 20px;
  color: var(--light-grey-color);
  transform: rotate(270deg);
}

.filter-products {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.filter-products-sub-div p {
  font-size: 16px;
  line-height: 21.6px;
  color: var(--dark-grey-color);
}

.filter-products-sub-div .fa-chevron-right {
  font-size: 16px;
  color: var(--dark-grey-color);
  margin-right: 0;
}

.filter-color-div {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.filter-color-top h4 {
  font-family: "Satoshi-Bold";
  font-size: 20px;
  line-height: 27px;
}

.filter-color-top .fa-chevron-up {
  color: var(--black-color);
  font-size: 16px;
}

.filter-color-bottom {
  gap: 16px;
}

.filter-color-bottom .d-flex {
  gap: 18px;
  width: 100%;
}

.filter-colors {
  width: 37px;
  aspect-ratio: 1;
  border-radius: 50%;
}

.f-c-green {
  background-color: #00C12B;
  border: 2px solid #00000033;
}

.f-c-red {
  background-color: #F50606;
  border: 1px solid #00000033;
}

.f-c-yellow {
  background-color: #F5DD06;
  border: 1px solid #00000033;
}

.f-c-orange {
  background-color: #F57906;
  border: 1px solid #00000033;
}

.f-c-sblue {
  background-color: #06CAF5;
  border: 1px solid #00000033;
}

.f-c-blue {
  background-color: #063AF5;
  border: 2px solid #00000033;
}

.f-c-purple {
  background-color: #7D06F5;
  border: 1px solid #00000033;
}

.f-c-pink {
  background-color: #F506A4;
  border: 1px solid #00000033;
}

.f-c-white {
  background-color: #fff;
  border: 1px solid #00000033;
}

.f-c-black {
  background-color: #000;
}

.filter-size {
  gap: 8px;
  margin-top: 20px;
}

.filter-size-btn {
  padding: 10px 20px;
  border-radius: 62px;
  color: var(--dark-grey-color);
  background-color: var(--search-box-color);
  border: none;
  outline: none;
  font-size: 14px;
  line-height: 18.9px;
  transition: all 0.3s;
}

.filter-size-btn:hover {
  background-color: var(--black-color);
  color: var(--white-color);
}

.filter-dress-style {
  margin-top: -4px;
}

.filter-apply-btn {
  width: 100%;
  padding: 14.5px 0;
  border-radius: 62px;
  background-color: var(--black-color);
  border: 2px solid transparent;
  color: var(--white-color);
  font-family: "Satoshi-Medium";
  font-size: 14px;
  line-height: 18.9px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.filter-apply-btn:hover {
  border: 2px solid var(--black-color);
  color: var(--black-color);
  background-color: transparent;
}

.category-product-heading {
  font-family: "Satoshi-Bold";
  font-size: 32px;
  line-height: 43.2px;
}

.category-product-name {
  font-family: "Satoshi-Bold";
  font-size: 14px;
  line-height: 27px;
}

.category-rate-star {
  width: 35%;
}

.category-product-col .rate-p {
  font-size: 12px;
  line-height: 18.9px;
}

.category-product-col .product-price {
  font-size: 16px;
  line-height: 32.4px;
  margin-bottom: 36px;
}

/*=====  End Category Section  =====*/

/*?===== End Category Page  =====?*/





/*?===== Start Cart Page  =====?*/

/*=====  Start Cart Product Section  =====*/

.category-breadcrumb {
  margin: 24px auto 24px;
}

.cart-product {
  margin-bottom: 162px;
}

.cart-breadcrumb {
  margin-bottom: 24px;
}

.cart-h1 {
  text-align: left;
  margin: 0 0 24px;
  padding: 0;
}

.cart-card {
  border: 1px solid var(--border-color);
  border-radius: 20px;
  padding: 20px 24px;
}

.cart-product-img {
  width: 124px;
  height: 124px;
  border-radius: 8.66px;
}

.cart-product-data {
  margin-left: 16px;
}

.cart-product-name {
  font-family: "Satoshi-Bold";
  font-size: 16px;
  line-height: 27px;
  margin-top: 3px;
}

.cart-product-size,
.cart-product-color {
  font-size: 14px;
  line-height: 18.9px;
  margin-top: 2px;
}

.cart-product-size span,
.cart-product-color span {
  color: var(--dark-grey-color);
}

.cart-product-price {
  font-family: "Satoshi-Bold";
  font-size: 20px;
  line-height: 32.4px;
  margin: 0px 0 0 16px !important;
}

.fa-trash-can {
  position: absolute;
  top: 0;
  right: 0;
  color: #FF3333;
  cursor: pointer;
}

.cart-increase-div {
  padding: 12px 20px;
  width: 126px;
  height: 44px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.increase-div p {
  font-size: 14px;
  line-height: 18.9px;
}

.cart-increase-div .fa-minus,
.cart-increase-div .fa-plus {
  font-size: 20px;
}

.cart-card hr {
  margin: 24px 0;
}

.cart-order-h3 {
  font-family: "Satoshi-Bold";
  font-size: 20px;
  line-height: 32.4px;
  margin-bottom: 24px;
}

.cart-order-total-div {
  margin-bottom: 20px;
}

.cart-order-p {
  font-size: 16px;
  line-height: 27px;
  color: var(--dark-grey-color);
}

.cart-order-price {
  font-family: "Satoshi-Bold";
  font-size: 16px;
  line-height: 27px;
}

.cart-discount {
  color: #FF3333;
}

.order-hr {
  margin: 20px 0 !important;
}

.cart-promo-code {
  background-color: var(--search-box-color);
  border-radius: 62px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
}

.fa-tag {
  font-size: 20px;
  color: var(--light-grey-color);
  margin-right: 12px;
}

.cart-promo-code input {
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 16px;
  line-height: 21.6px;
  color: var(--light-grey-color);
}

.cart-order-apply-btn {
  background-color: var(--black-color);
  color: var(--white-color);
  border: 2px solid transparent;
  border-radius: 62px;
  padding: 12px 0;
  width: 100%;
  font-family: "Satoshi-Medium";
  font-size: 14px;
  line-height: 21.6px;
  transition: all 0.3s;
}

.cart-order-apply-btn:hover,
.cart-checkout-btn:hover {
  background-color: transparent;
  color: var(--black-color);
  border: 2px solid var(--black-color);
}

.cart-checkout-btn {
  background-color: var(--black-color);
  color: var(--white-color);
  border: 2px solid transparent;
  border-radius: 62px;
  padding: 14px 0;
  width: 100%;
  font-family: "Satoshi-Medium";
  font-size: 14px;
  line-height: 21.6px;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 13px;
}

.cart-checkout-btn .fa-arrow-right.icons {
  font-size: 20px;
  margin-left: 12px;
}

.category-last-hr {
  margin: 32px auto 20px;
}

.category-pagination {
  margin-bottom: 154px;
}

.category-prev-btn,
.category-next-btn {
  padding: 8px 14px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  cursor: pointer;
}

.category-prev-btn p,
.category-next-btn p {
  font-family: "Satoshi-Medium";
  font-size: 14px;
  line-height: 20px;
}

.category-prev-btn .fa-arrow-left,
.category-next-btn .fa-arrow-right {
  font-size: 15px;
}

.number-div {
  gap: 2px;
}

.number-sub-div {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  cursor: pointer;
  font-family: "Satoshi-Medium";
  font-size: 14px;
  line-height: 20px;
}

.first-number-sub-div,
.number-sub-div:hover {
  background-color: var(--search-box-color);
}

/*=====  End Cart Product Section  =====*/

/*?===== End Cart Page  =====?*/


/* =====  Start Media Queries Section  ===== */


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


  /*?  C - Width <= 1400px || B - W >= 1400px xxl :- (Very large Desktops)  ?*/
}

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

  .nav-search {
    width: 335px;
  }

  .category-product-name {
    font-size: 12px;
  }

  /* ********** */

  .category-pagination {
    margin-bottom: 271px;
  }

  /*?  C - Width <= 1200px || B - 1200px to 1400px xl :- (Large Desktops)  ?*/
}

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

  .search {
    display: none;
  }

  .nav-search input {
    margin-left: 0;
  }

  .navbar-brand {
    order: 2;
  }

  .nav-profile {
    order: 3;
  }

  .banner-h1 {
    font-size: 35px;
    line-height: 34px;
  }

  .banner-p {
    font-size: 12px;
  }

  .banner-btn {
    padding: 10px 50px !important;
  }

  .brand-counter h1,
  .product-counter h1,
  .customer-counter h1 {
    font-size: 20px;
  }

  .brand-counter p,
  .product-counter p,
  .customer-counter p {
    font-size: 10px;
  }

  .banner-star-1 {
    top: 170px;
    right: 300px;
  }

  .banner-star-2 {
    top: 0;
    right: -25px;
  }

  .dress-heading {
    font-size: 35px;
  }

  .offer-container {
    padding: 0 8px;
  }

  .reviewSwiper {
    margin-bottom: 202px;
  }

  .email-container {
    padding: 30px 24px;
    margin-top: -160px;
  }

  .offer-heading {
    font-size: 45px;
    margin-bottom: 32px;
    margin-top: 2px;
    line-height: 45px;
  }

  .offer-row {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .offer-row .col-sm-8,
  .offer-row .col-sm-4 {
    width: 95%;
  }

  .offer-form-btn {
    margin: 14px 0 0;
  }

  .footer-logo {
    font-size: 25.45px;
  }

  .footer-para {
    font-size: 12px;
  }

  .footer-li-heading {
    font-size: 12px;
  }

  .footer-li {
    font-size: 12px;
  }

  /* ********** */

  .product-side-div {
    display: flex;
    order: 2;
    margin-top: 12px;
    justify-content: space-between;
    flex-direction: row !important;
  }

  .product-side-div img {
    width: 31%;
    margin-bottom: 0;
  }

  .product-main-div {
    display: flex;
    order: 1;
    padding: 0;
    margin: 0;
  }

  .product-detail-h1 {
    margin-top: 20px;
  }

  .p-detail-rating {
    margin: 12px 0 12px;
  }

  .releted-products-row {
    margin-bottom: 230px;
  }

  /* ********** */

  .cart-product {
    margin-bottom: 230px;
  }

  .apply-btn-col {
    padding-right: 12px !important;
  }

  .category-prev-btn {
    padding: 8px 10px;
  }

  .category-next-btn {
    padding: 8px 14px;
  }

  .category-prev-btn p,
  .category-next-btn p {
    font-size: 12px;
  }

  .number-sub-div {
    height: 36px;
    width: 36px;
  }

  .category-pagination {
    margin-bottom: 340px;
  }

  /*?  C - Width <= 992px || B - 992px to 1200px lg :- (Desktops, Laptops, Large Tablets)  ?*/
}

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

  .responsive-search {
    display: flex;
    font-size: 20px;
    color: var(--black-color);
  }

}

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

  .nav-hr {
    margin: 20px auto;
  }

  .banner-h1 {
    font-size: 36px;
    line-height: 34px;
    margin: 40px 0 20px !important;
  }

  .banner-p {
    font-size: 14px;
    line-height: 20px;
  }

  .banner-btn {
    width: 100% !important;
    font-size: 16px;
    line-height: 21.6px;
  }

  .brand-counter h1,
  .product-counter h1,
  .customer-counter h1 {
    font-size: 24px;
    line-height: 32.4px;
  }

  .brand-counter p,
  .product-counter p,
  .customer-counter p {
    font-size: 12px;
    line-height: 22px;
  }

  .banner-img {
    position: relative;
  }

  .banner-star-1 {
    top: 160px;
    right: 400px;
  }

  .banner-star-2 {
    top: 55px;
    right: -15px;
  }

  .arr-row {
    margin: 32px 0 24px;
  }

  .arrivals-heading {
    margin-top: 50px;
    font-size: 32px;
    line-height: 38.4px;
  }

  .arr-view-btn {
    width: 100%;
    padding: 13.5px auto;
  }

  .selling-heading {
    margin-top: 40px;
  }

  .categories-container {
    padding: 40px 24px 27px;
  }

  .categories-col1 {
    margin-bottom: 16px;
  }

  .categories-col2 {
    margin-bottom: 16px;
    margin-left: 0;
  }

  .categories-col3 {
    margin-bottom: 16px;
  }

  .categories-col4 {
    margin-bottom: 0px;
    margin-left: 0;
  }

  .reviewSwiper {
    margin-bottom: 217px;
  }

  .review-main-heading {
    margin: 0 0 24px !important;
  }

  .swiper-slide {
    padding: 24px;
  }

  .footer-logo {
    font-size: 28.45px;
  }

  .footer-para {
    font-size: 14px;
  }

  .footer-li-heading {
    font-size: 14px;
  }

  .footer-li {
    font-size: 14px;
  }

  .footer-hr {
    margin-top: 40px;
    margin-bottom: 16px;
  }

  .footer-bottom {
    justify-content: center !important;
  }

  .footer-bottom-p {
    margin-top: 0;
  }

  .payment-option {
    margin-bottom: 77.26px;
  }

  /* ********** */

  .product-detail-h1 {
    font-size: 24px;
    line-height: 28px;
  }

  .p-detail-rating img {
    width: 105px;
    height: 18.67px;
  }

  .p-detail-rating p {
    font-size: 14px;
    line-height: 18.9px;
  }

  .p-detail-price p {
    font-size: 24px;
    line-height: 32.4px;
  }

  .p-detail-price .discount {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 18.9px;
  }

  .p-detail-des {
    font-size: 14px;
    line-height: 20px;
  }

  .p-color-section p,
  .p-size-section p {
    font-size: 14px;
    line-height: 18.9px;
  }

  .product-color {
    width: 39.14px;
    height: 39.14px;
  }

  .product-size {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 18.9px;
  }

  .p-cart-btn {
    margin-left: 12px;
  }

  .product-detail {
    margin-bottom: 50px;
  }

  .review-tab-col {
    margin-bottom: 16px;
  }

  .review-tab-col:nth-last-of-type(2) {
    margin-bottom: 16px;
  }

  .tab-p {
    font-size: 16px;
  }

  .tab-review-h2 {
    font-size: 20px;
  }

  .tab-review-h2 span {
    font-size: 14px;
  }

  .tab-review-btn {
    padding: 12px 16px;
    font-size: 12px;
    line-height: 16.2px;
  }

  .review-none {
    display: none;
  }

  .product-load-more-btn {
    margin-top: 20px;
    padding: 14px 36px;
    font-size: 14px;
    line-height: 18.9px;
  }

  .accordion-body {
    font-size: 13px;
  }

  .accordion-button {
    font-size: 15px;
  }

  .releted-products-row {
    margin: 40px 0 50px;
  }

  .related-products {
    margin-top: 50px;
  }

  .releted-products-row {
    margin-bottom: 230px;
  }

  /* ********** */

  .cart-product {
    margin-bottom: 202px;
  }

  .cart-breadcrumb {
    margin: 0 auto;
  }

  .cart-h1 {
    margin: 8px 0 20px;
  }

  .cart-card {
    padding: 14px;
  }

  .order-col .cart-card {
    padding: 20px;
  }

  .cart-product-data {
    margin-left: 14px;
  }

  .cart-product-name {
    font-family: "Satoshi-Bold";
    font-size: 14px;
    line-height: 21.6px;
    margin-top: 0px;
  }

  .cart-product-size,
  .cart-product-color {
    font-size: 12px;
    line-height: 16.2px;
    margin-top: 1px;
  }

  .cart-product-price {
    font-family: "Satoshi-Bold";
    font-size: 20px;
    line-height: 27px;
    margin: 0 0 0 16px !important;
  }

  .cart-increase-div {
    padding: 7.5px 13.5px;
  }

  .cart-increase-div .fa-minus,
  .cart-increase-div .fa-plus {
    font-size: 16px;
  }

  .cart-card hr {
    margin: 16px 0;
  }

  .order-col {
    margin-top: 20px;
  }

  .cart-order-h3 {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 16px;
  }

  .cart-order-p {
    font-size: 14px;
    line-height: 21.6px;
  }

  .cart-order-price {
    font-size: 16px;
    line-height: 21.6px;
  }

  .cart-promo-container {
    padding: 0;
  }

  .cart-promo-row {
    margin: 16px 0 !important;
  }

  .fa-tag {
    font-size: 18px;
    margin-right: 10px;
  }

  .cart-promo-code input {
    font-size: 14px;
    line-height: 18.9px;
  }

  .apply-btn-col {
    padding-right: 0px !important;
  }

  .cart-order-apply-btn {
    font-size: 14px;
    line-height: 18.9px;
  }

  .cart-checkout-btn {
    margin-bottom: 0;
    padding: 12px 0;
    line-height: 18.9px;
  }

  /* ********** */

  .category-breadcrumb {
    margin: 20px auto 4px;
  }

  .category-product-heading {
    margin-bottom: 29px !important;
  }

  .category-product-name {
    font-size: 16px;
  }

  .category-product-col .product-price {
    margin-bottom: 24px;
  }

  .category-last-hr {
    margin: 24px auto 20px;
  }

  .category-pagination {
    margin-bottom: 193px;
  }

  /*?  C - Width <= 768px || B - 768px to 992px md :- (Tablets and small desktops)  ?*/
}

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

  .banner-star-1 {
    top: 185px;
    left: 50px;
  }

  .banner-star-2 {
    top: 30px;
    right: -5px;
  }

  .brand-v {
    height: 20px;
  }

  .brand-z {
    height: 25px;
  }

  .brand-g {
    height: 22px;
  }

  .brand-p {
    height: 20px;
  }

  .brand-c {
    height: 20px;
  }

  .banner-p {
    margin-bottom: 24px !important;
  }

  .product-name a {
    font-size: 20px;
  }

  .rate-p {
    font-size: 16px;
  }

  .banner-counter {
    flex-wrap: wrap;
    margin-top: 20px;
  }

  .review-star {
    width: 118px;
    height: 19.19px;
    margin-bottom: 12px;
  }

  .review-main-heading {
    font-size: 32px;
    line-height: 36px;
  }

  .review-heading {
    font-size: 16px;
  }

  .review-para {
    font-size: 14px;
    margin-top: 8px;
  }

  .offer-heading {
    font-size: 30px;
    line-height: 40px;
  }

  .increase-div {
    padding: 12px 16px;
  }

  /* ********** */

  .review-tab-card {
    padding: 24px;
  }

  .review-tab-rate {
    margin-bottom: 12px;
  }

  .review-tab-name {
    margin-bottom: 8px !important;
  }

  .review-tab-p {
    margin-bottom: 16px !important;
  }

  .related-products-name {
    font-size: 20px;
  }

  .releted-products-row {
    margin-bottom: 202px;
  }

  /* ********** */

  .category-product-name {
    font-size: 14px;
    margin-top: 10px !important;
  }

  .product-rating {
    margin: 4px 0 !important;
  }

  .fake-price {
    margin: 0 5px;
  }

  .discount {
    padding: 9px 8px;
    font-size: 10px;
    line-height: 13.5px;
  }

  /*?  C - Width <= 576px || B - 576px to 768px sm :- (Landscape and Portrait mobiles)  ?*/
}

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

  .banner-counter {
    justify-content: center;
  }

  .product-counter {
    border-right: 0 !important;
  }

  .customer-counter {
    margin-top: 12px;
  }

  .brand-counter {
    padding: 0px 50px 0px 0px !important;
  }

  .product-counter {
    padding: 0px 0px 0px 55px !important;
  }

  .customer-counter {
    padding: 0px 0px 0px 0px !important;
  }

  .banner-star-1 {
    top: 160px;
    left: 15px;
  }

}

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

  .product-size {
    padding: 10px 15px;
  }

  /* ********** */

  .tab-p {
    font-size: 12px;
  }

  /* ********** */

  .accordion-body {
    font-size: 11px;
  }

  .accordion-button {
    font-size: 13px;
  }

  /* ********** */

  .category-product-name {
    font-size: 12px;
  }

  .number-display-none {
    display: none;
  }

}

/* =====  End Media Queries Section  ===== */



/* =====  Start Scrollbar Section  ===== */

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--black-color);
  border-radius: 50px;
  height: 100px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--dark-grey-color);
}

/* =====  End Scrollbar Section  ===== */