@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");



:root {

  --footer-bg: #402400;

  --footer-bar-bg: #2b1b00;

  --footer-white: #ffffff;

}



/***** General CSS *****/

body {

  word-break: break-word;

  font: 15px / 25px "Poppins", sans-serif;

  color: #000;

  background: #f7f7f7;

}



a {

  text-decoration: none;

  color: #000;

  white-space: initial;

}



a:hover,

a:focus {

  text-decoration: none;

  color: #000;

}



a:hover {

  transition: all 0.2s ease-in-out;

}



img {

  object-fit: cover;

  max-width: 100%;

  width: 100%;

}



input:focus,

textarea:focus,

select:focus {

  transition: all 0.5s ease;

  outline: none;

}



select,

input,

textarea {

  appearance: auto;

}



/***** Font Files *****/

@font-face {

  font-family: "Fonts Awesome";

  src: url(../fonts/fontawesome-webfont.eot);

  font-weight: 400;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: "Gondens";

  src: url(../fonts/Gondens.otf);

  font-weight: 400;

  font-display: swap;

  font-style: normal;

}



/***** Custom Classes *****/

select {

  background: #fff url("../images/arrow.png") no-repeat right;

  padding: 0 40px 0 30px;

}



::-webkit-input-placeholder,

::-moz-placeholder,

:-ms-input-placeholder,

:-moz-placeholder {

  color: #000;

}



.noPadding {

  padding: 0;

}



.noLeft {

  padding-left: 0;

}



.noRight {

  padding-right: 0;

}



.centerCol {

  float: none;

  margin: 0 auto;

}



.pt_8,

.pb_8,

.py_8,

.sec {

  padding: 80px 0;

}



.flexRow,

.flexCol {

  display: flex;

  align-items: center;

}



ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

}



/* Headings */

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Gondens";

  text-transform: uppercase;

  margin: 0 0 10px;

}



h1 {

  font-size: 70px;

  line-height: 2;

  color: #fff;

  font-weight: 500;

}



h2 {

  font-size: 49px;

  line-height: 1.9;

  color: #110600;

  font-weight: 500;

}



h3 {

  font-size: 42px;

  line-height: 1.8;

  color: #1d0e00;

  font-weight: 600;

}



h4 {

  font-size: 32px;

  line-height: 1.9;

  color: #fff7d8;

  font-weight: 500;

}



h5 {

  font-size: 23px;

  line-height: 1.2;

  color: #fff;

  font-weight: 500;

}



h6 {

  font-size: 21px;

  color: #1d0e00;

  font-weight: 600;

  font-family: "Poppins", sans-serif;

}



.f-20 {

  font-size: 20px;

  color: #fff;

}



.f-22 {

  font-size: 22px;

}



p {

  font-size: 16px;

  font-weight: 500;

  line-height: 25px;

  color: #000;

  font-family: "Poppins", sans-serif;

}



.subheading {

  color: #1d0e00;

  text-transform: uppercase;

  font-weight: 600;

}



/* Menu */

.nav ul {

  list-style: none;

  text-align: center;

  justify-content: center;

  display: flex;

  align-items: center;

  height: 100%;

}



.nav ul li a {

  text-transform: uppercase;

  transition: all 0.5s;

  position: relative;

  color: #fff;

  font-family: 'Poppins', sans-serif;

  font-weight: 400;

  font-size: 18px;

  padding: 20px 43px;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 1;

}



section.header .nav.stroke {

  position: relative;

  display: block;

  z-index: 1;

}



.nav.stroke ul li a:after,

.nav.fill ul li a:after {

  transition: 0.3s ease-in-out;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  width: 2px;

  content: ".";

  color: transparent;

  background: #fff;

  height: 100%;

  z-index: -1;

}



.nav.stroke ul li a:hover:after {

  width: 100%;

}



.nav.stroke ul li a.active:after {

  width: 100%;

}



.nav.stroke ul li a.active {

  color: #482704 !important;

}



/* Buttons Css Start*/

.theme-btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: fit-content;

  padding: 15px 15px;

  font-size: 21px;

  position: relative;

  z-index: 1;

  transition: 0.3s ease-in-out;

  color: #000;

  text-transform: uppercase;

  font-weight: 400;

}



.theme-btn::before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  content: "";

  transition: 0.3s ease-in-out;

  background-color: #fff7d7;

}



.theme-btn::after {

  background: #4a2800;

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 0;

  z-index: -1;

  content: "";

  transition: 0.3s ease-in-out;

}



.theme-btn:hover::after {

  transition: 0.3s ease-in-out;

  height: 100%;

}



.theme-btn:hover {

  color: #fff;

  transition: 0.3s ease-in-out;

}



.style1::before {

  background: #4a2800;

}



.style1::after {

  background-color: #fff7d7;

}



.style1 {

  color: #fff;

}



.style1:hover {

  color: #1d0e00;

}



/* Buttons Css End*/



/* Loader start */

#loader {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #ffffff;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 9999;

  transition: all 1s ease;

  flex-direction: column;

  gap: 5px;

}



#loader.hide {

  transform: translateY(-100%);

  opacity: 0;

  pointer-events: none;

}



img.loader {

  width: 10vw;

}



/* Loader end */



/* Custom Scrollbar  */

#style-6::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  background-color: #f5f5f5;

}



#style-6::-webkit-scrollbar {

  width: 10px;

  background-color: #f5f5f5;

}



#style-6::-webkit-scrollbar-thumb {

  background-color: #f48a12;

  background-image: -webkit-linear-gradient(45deg,

      rgba(255, 255, 255, 0.2) 25%,

      transparent 25%,

      transparent 50%,

      rgba(255, 255, 255, 0.2) 50%,

      rgba(255, 255, 255, 0.2) 75%,

      transparent 75%,

      transparent);

}



.scrollbar {

  overflow-y: scroll;

}



/* Custom Scrollbar  */



/* Home Page start*/



/* Header */

.hdr_logo a img {
  object-fit: scale-down;
  padding: 20px 0;
  display: block;
  width: 30%;
}



.hdr-btn-box {

  display: flex;

  align-items: center;

  gap: 20px;

  justify-content: end;

}



a.hdr-btn {

  width: 45px;

  height: 45px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #4a2800;

}



a.hdr-btn i {

  color: #fff;

  font-size: 14px;

}



form.hdr-form .form-control {

  margin: 0;

  width: 100%;

  padding-left: 40px;

  height: 50px;

  border: 2px solid #4a2800;

  border-radius: 0;

  font-family: 'Montserrat';

  color: #000;

  font-weight: 500;

}





form.hdr-form .form-control:focus {

  background: transparent;

  color: #000;

}





form.hdr-form .form-control::placeholder {

  color: #000;

}



form.hdr-form {

  position: relative;

  z-index: 1;

  width: 50%;

}



button.hdr-form-btn {

  background: transparent;

  border: none;

  position: absolute;

  top: 0;

  left: 0;

  padding: 0 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100%;

}



section.header .nav.stroke::before {

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 100vw;

  height: 100%;

  z-index: -1;

  background: #4a2800;

  content: '';

}



.nav ul li a:hover {

  color: #482704;

}



/* Header end*/



/* Dropdown Menu Styles */

.nav ul li.dropdown {

  position: relative;

}



.nav ul li.dropdown .dropdown-menu {

  position: absolute;

  top: 100%;

  left: 0;

  background: #4a2800;

  display: flex;

  flex-direction: column;

  min-width: 210px;

  opacity: 0;

  visibility: hidden;

  transition: all 0.3s ease;

  transform: translateY(10px);

  z-index: 9999999999;

  text-align: left;

  border-top: 2px solid #fff;

  padding: 0;

  height: auto;

}



.nav ul li.dropdown:hover .dropdown-menu {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

}



.nav ul li.dropdown .dropdown-menu li {

  width: 100%;

  display: block;

}



.nav ul li.dropdown .dropdown-menu li a {

  padding: 15px 25px;

  justify-content: flex-start;

  font-size: 16px;

  width: 100%;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  height: auto;

}



.nav ul li.dropdown .dropdown-menu li a:after {

  display: none !important;

}



.nav ul li.dropdown .dropdown-menu li a:hover {

  background: #fff;

  color: #482704 !important;

}



.nav ul li.dropdown a i {

  font-size: 12px;

  margin-left: 8px;

}



/* Banner */

.banner_sec {

  position: relative;

  z-index: 1;

}





img.banner-right-img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}



.banner-right {

  position: relative;

  z-index: 1;

  display: flex;

  justify-content: center;

  /* height: 100%; */

}



.banner-right-text::before {

  position: absolute;

  top: 0;

  left: 50%;

  width: 80%;

  height: 100%;

  z-index: -1;

  background-color: rgb(17, 6, 0);

  content: "";

  transform: translateX(-50%);

}



.banner-right-text {

  width: 65%;

  padding: 60px 0;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 20px;

  position: relative;

  z-index: 1;

}



.banner-right-text * {

  margin: 0;

}



img.banner-right-shoe {

  margin: 0 0 -100px 0;

  height: 620px;

  object-fit: contain;

}



img.banner-left-img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}



.banner-left {

  position: relative;

  z-index: 1;

  display: flex;

  justify-content: center;

  height: 100%;

  align-items: end;

  overflow: hidden;

}



.banner-left-text {

  width: 65%;

  padding: 100px 0px 70px 0px;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 20px;

  position: relative;

  z-index: 1;

}



.banner-left-text * {

  margin: 0;

}



img.banner-left-shoe {

  margin: 0 0 -210px 0;

  height: 420px;

}



img.move {

  margin: 0 0 -100px 0;

}



section.banner_sec .col-lg-6 {

  padding: 0;

}



section.banner_sec .f-22 {

  color: #fff;

  letter-spacing: 5px;

  font-weight: 300;

}



/* Banner end*/



/* section start */

span.line {

  display: block;

  width: 3px;

  height: 26px;

  background: #1d0e00;

  transform: rotate(20deg);

}





.line-heading {

  display: flex;

  align-items: center;

  gap: 7px;

}



.line-heading * {

  margin: 0;

}



.right-heading h2 {

  width: fit-content;

  display: inline-block;

}



.right-heading {

  display: flex;

  justify-content: end;

}



/* section end */



/* section start */



img.who-we-img {

  width: 49%;

  height: 480px;

}



.who-we-image {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  margin: 20px 0 0 0;

}



.who-we-text {

  margin: 20px 0 0 0;

}



img.who-we-text-img {

  width: 50%;

  height: 280px;

  margin: 0 0 0 auto;

  display: block;

  object-position: top;

}



.who-we-text p {

  margin: 20px 0;

}



/* section end */



/* section start */



ul.product-list * {

  margin: 0;

}



ul.product-list {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



ul.product-list li {

  display: flex;

  align-items: center;

  gap: 5px;

}



ul.product-list li p {

  font-size: 13px;

  opacity: 0.7;

}



.stars a i {

  font-size: 14px;

  color: #ffc200;

}



/* section end */



/* section start */



.product-card-image {

  position: relative;

  overflow: hidden;

  height: 250px;

}



.product-card-image a {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  visibility: hidden;

  transition: all 0.3s ease-in-out;

}



.product-card-image a.active {

  opacity: 1;

  visibility: visible;

}



div.product-nav-img {

  display: flex;

  gap: 10px;

}



.product-nav-img a {

  width: 50px;

  height: 50px;

  transition: 0.3s;

  padding: 5px;

}



.product-nav-img a:hover,

.product-nav-img a.active {

  border-color: #4a2800;

}



.product-nav-img img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}



.product-card {

  position: relative;

  z-index: 1;

  padding: 10px;

  background: #ffff;

  margin: 20px 0;

  box-shadow: 0 0 20px 0 #00000017;

}





img.product-img {

  height: 100%;

}



.product-card-text {

  padding: 10px 0;

}



.product-box {

  margin: 20px 0;

}





.nav-pills .nav-link {

  font-size: 19px;

  text-transform: uppercase;

  color: #1d0e00;

  padding: 15px;

  border: 1px solid #00000038;

  border-radius: 0;

}



.nav.nav-pills {

  gap: 20px;

  margin: 10px 0;

}



.nav-pills .nav-link.active,

.nav-pills .show>.nav-link {

  color: #fff;

  background-color: #4f2d06;

}





section.built-sec {

  position: relative;

  z-index: 1;

}



img.built-bg {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 90%;

  z-index: -1;

}



section.product-sec {

  padding-bottom: 0;

  background: #f7f7f7;

}



/* section end */





/* section start */

.built-left h2 {

  font-size: 90px;

  margin: 0;

}



.built-text {

  display: flex;

  align-items: center;

  position: relative;

  z-index: 1;

}



.built-left {

  margin: 0 0 0 -40px;

}



.built-image {

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0;

  width: 56%;

  height: 100%;

}



.built-right p {

  margin: 0 0 0 -160px;

}



.built-main-box {

  position: relative;

  z-index: 1;

  padding: 200px 0;

}



.built-left span:nth-child(1) {

  margin: 0 0 0 40px;

}



.built-left span:nth-child(3) {

  margin: 0 0 0 80px;

}



img.built-img {

  height: 99%;

}



.built-left h2 span {

  line-height: 1;

}



.built-text a.theme-btn.style1 {

  position: absolute;

  right: 0;

  bottom: 10px;

}



section.product-design-sec {

  background: #f7f7f7;

}



/* section end */



section.collec-sec {

  background: #fff;

  padding: 80px 0;

  margin: 0 0 80px 0;

}



.slider-for-image img {

  height: 500px;

  width: 100%;

  object-fit: cover;

}



.slider-nav-image img {

  height: 350px;

  width: 100%;

  object-fit: cover;

  cursor: pointer;

  border: 4px solid transparent;

  transition: 0.3s;

}



.banner_navs {

  display: flex;

  justify-content: center;

  gap: 0;

  margin-top: 30px;

}



.button-3d {

  position: relative;

  border: none;

  background: transparent;

  padding: 0;

  cursor: pointer;

  outline-offset: 4px;

  transition: filter 250ms;

  user-select: none;

}



.button-top {

  display: block;

  position: relative;

  padding: 12px 24px;

  border-radius: 8px;

  font-size: 1.1rem;

  color: white;

  background: #4a2800;

  will-change: transform;

  transform: translateY(-4px);

  transition: transform 600ms cubic-bezier(.3, .7, .4, 1);

}



.button-bottom {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border-radius: 8px;

  background: #1d0e00;

  transform: translateY(2px);

}



.button-3d:hover .button-top {

  transform: translateY(-6px);

  transition: transform 250ms cubic-bezier(.3, .7, .4, 1.5);

}



.button-3d:active .button-top {

  transform: translateY(-2px);

  transition: transform 34ms;

}



.button-3d:hover {

  filter: brightness(110%);

}



.button-3d .material-icons {

  font-family: 'Material Icons';

  font-weight: normal;

  font-style: normal;

  font-size: 24px;

  line-height: 1;

  letter-spacing: normal;

  text-transform: none;

  display: inline-block;

  white-space: nowrap;

  word-wrap: normal;

  direction: ltr;

  -webkit-font-smoothing: antialiased;

}





.slider-nav-box {

  height: 100%;

  width: 80%;

  display: block;

  margin: 0px 0 -50px auto;

}



.collection-box {

  position: relative;

  padding: 180px 0 0 0;

}



.collec-heading h2 {

  font-family: 'Poppins';

  font-size: 216px;

  line-height: 1;

  text-transform: capitalize;

  text-align: center;

  font-weight: 400;

}



.collec-heading {

  position: absolute;

  top: 20px;

  left: 0;

}



.collec-heading span:nth-child(2) {

  position: relative;

  z-index: 999;

}





/* section start */

section.contact-sec {

  background: #110600;

  position: relative;

  z-index: 1;

}



.contact-heading h2 {

  color: #fff;

}



.contact-heading p {

  color: #fff;

}





.contact-image {

  position: absolute;

  top: 0;

  left: 0;

  width: 45%;

  height: 100%;

}



img.contact-img {

  height: 100%;

}



button.contact-btn {

  width: 100%;

  height: 60px;

  border: none;

  background: #fff;

  font-size: 20px;

  text-transform: uppercase;

  font-family: 'Poppins';

}



/* section end */







/* refined footer start */

.footer-main {

  background: var(--footer-bg);

  padding: 80px 0 50px;

}



.footer-left-content {

  color: var(--footer-white);

}



.footer-tagline {

  font-size: 35px;

  font-weight: 500;

  font-family: "Poppins", sans-serif;

  margin: 40px 0;

  line-height: 1.1;

  text-transform: uppercase;

  color: #fff;

  font-family: "Gondens";

}



.footer-social-icons {

  display: flex;

  gap: 15px;

  list-style: none;

  padding: 0;

}



.footer-social-icons li a {

  width: 40px;

  height: 40px;

  border: 1px solid rgba(255, 255, 255, 0.3);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--footer-white);

  font-size: 14px;

  transition: all 0.3s ease;

}



.footer-social-icons li:hover a {

  background: var(--footer-white);

  color: var(--footer-bg);

  border-color: var(--footer-white);

}



.footer-info-grid {

  padding-left: 20px;

}



.footer-info-item {

  margin-bottom: 40px;

}



.footer-info-item h6 {

  color: var(--footer-white);

  font-size: 16px;

  font-weight: 600;

  margin-bottom: 15px;

  letter-spacing: 1px;

}



.footer-info-item p {

  color: var(--footer-white);

  font-size: 14px;

  line-height: 1.6;

  opacity: 0.9;

  margin: 0;

  font-weight: 300;

}



.footer-info-item p a {

  color: inherit;

}



.footer-bottom-row {

  margin-top: 20px;

}



.footer-bottom-nav {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 12px;

  list-style: none;

  padding: 0;

  margin: 0;

}



.footer-bottom-nav li a {

  color: var(--footer-white);

  font-size: 13px;

  font-weight: 500;

  letter-spacing: 0.5px;

}



.footer-bottom-nav .separator {

  color: rgba(255, 255, 255, 0.5);

  font-style: normal;

  font-size: 14px;

}



.footer-newsletter {

  padding-bottom: 10px;

}



.newsletter-wrap {

  position: relative;

  display: flex;

  align-items: center;

  border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}



.newsletter-wrap input {

  width: 100%;

  background: transparent;

  border: none;

  color: var(--footer-white);

  padding: 15px 0;

  font-size: 18px;

}



.newsletter-wrap input::placeholder {

  color: rgba(255, 255, 255, 0.7);

}



.newsletter-btn {

  background: transparent;

  color: #fff;

  width: 55px;

  height: 55px;

  border-radius: 50%;

  border: none;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: all 0.3s ease;

  flex-shrink: 0;

  margin-bottom: 10px;

  border: 1px solid #ffffff69;

}



.footer-copyright-bar {

  background: #5c3e1a;

  padding: 20px 0;

}



.footer-copyright-bar p {

  color: var(--footer-white);

  font-size: 13px;

  margin: 0;

  opacity: 0.8;

}



@media (max-width: 991px) {

  .footer-info-grid {

    padding-left: 0;

    margin-top: 50px;

  }



  .footer-tagline {

    font-size: 40px;

  }



  .footer-bottom-row {

    margin-top: 40px;

  }



  .footer-newsletter {

    margin-top: 30px;

  }

}



img.ftr-logo {

  width: 30%;

  filter: brightness(0) saturate(100%) invert(100%) sepia(79%) saturate(2%) hue-rotate(161deg) brightness(104%) contrast(101%);

}



.footer-info-grid .col-sm-6 {

  padding: 0;

}



/* refined footer end */

.banner-slider .slick-slide {

  margin: 0;

}



img.banner-left-shoe1 {

  position: absolute;

  top: 10px;

  left: 0;

  width: 120px;

}



img.banner-left-shoe2 {

  position: absolute;

  bottom: -40px;

  right: -20px;

  width: 140px;

}





/* Home Page end*/



/* Registration Modal Styles */

.modal-overlay {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.85);

  display: none;

  align-items: center;

  justify-content: center;

  z-index: 10000;

  opacity: 0;

  visibility: hidden;

  transition: all 0.5s ease;

  backdrop-filter: blur(8px);

  overflow-y: auto;

  padding: 20px;

}



.modal-overlay.show {

  opacity: 1;

  visibility: visible;

}



.modal-overlay {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(17, 6, 0, 0.85);

  /* Dark Rich Brand Brown */

  z-index: 10000;

  display: none;

  align-items: center;

  justify-content: center;

  padding: 20px;

}



.modal-overlay.show {

  display: flex;

}



.modal-content-wrapper {

  background: #fff;

  width: 100%;

  max-width: 850px;

  padding: 20px;

  position: relative;

  border-radius: 12px;

  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);

  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.modal-header-custom {

  display: flex;

  justify-content: space-between;

  align-items: center;

  border-bottom: 2px solid #4a2800;

  padding-bottom: 15px;

  margin-bottom: 30px;

}



.modal-header-custom h2 {

  margin: 0;

  color: #4a2800;

  font-size: 32px;

}



.close-btn {

  background: none;

  border: none;

  font-size: 35px;

  color: #4a2800;

  cursor: pointer;

  line-height: 1;

}



.modal-form label {

  font-family: 'Poppins', sans-serif;

  font-weight: 600;

  color: #1d0e00;

  margin-bottom: 8px;

  display: block;

  font-size: 14px;

}



.modal-form .form-control {

  border-radius: 0;

  border: 1px solid #ddd;

  padding: 12px 15px;

  font-family: 'Montserrat', sans-serif;

  font-size: 15px;

  transition: all 0.3s;

  height: 50px;

  margin: 0;

  color: #000 !important;

  font-weight: 500 !important;

}



.modal-form .form-control:focus {

  border-color: #4a2800;

  box-shadow: none;

}



.form-row {

  display: flex;

  flex-wrap: wrap;

  margin-right: -15px;

  margin-left: -15px;

}



.form-row>.form-group {

  padding-left: 15px;

  padding-right: 15px;

}



.form-group {

  margin-bottom: 0;

}



.radio-group {

  display: flex;

  flex-direction: column;

  gap: 0;

}



/* Custom Radio Styling */

.radio-container {

  display: block;

  position: relative;

  padding-left: 30px;

  cursor: pointer;

  font-size: 14px;

  user-select: none;

  color: #333;

}



.radio-container input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

}



.checkmark {

  position: absolute;

  top: 2px;

  left: 0;

  height: 18px;

  width: 18px;

  background-color: #eee;

  border-radius: 50%;

  border: 1px solid #ccc;

}



.radio-container:hover input~.checkmark {

  background-color: #ddd;

}



.radio-container input:checked~.checkmark {

  background-color: #4a2800;

  border-color: #4a2800;

}



.checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



.radio-container input:checked~.checkmark:after {

  display: block;

}



.radio-container .checkmark:after {

  top: 5px;

  left: 5px;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: white;

}



/* Custom Checkbox Styling */

.checkbox-container {

  display: block;

  position: relative;

  padding-left: 30px;

  cursor: pointer;

  font-size: 14px;

  user-select: none;

  color: #1d0e00;

  font-weight: 500;

}



.checkbox-container input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

}



.checkbox-mark {

  position: absolute;

  top: 0;

  left: 0;

  height: 20px;

  width: 20px;

  background-color: #eee;

  border: 1px solid #ccc;

}



.checkbox-container:hover input~.checkbox-mark {

  background-color: #ddd;

}



.checkbox-container input:checked~.checkbox-mark {

  background-color: #4a2800;

  border-color: #4a2800;

}



.checkbox-mark:after {

  content: "";

  position: absolute;

  display: none;

}



.checkbox-container input:checked~.checkbox-mark:after {

  display: block;

}



.checkbox-container .checkbox-mark:after {

  left: 7px;

  top: 3px;

  width: 5px;

  height: 10px;

  border: solid white;

  border-width: 0 2px 2px 0;

  transform: rotate(45deg);

}



.modal-footer-custom {

  text-align: right;

  display: flex;

  justify-content: flex-end;

}



@media (max-width: 767px) {

  .modal-content-wrapper {

    padding: 25px 15px;

  }



  .modal-header-custom h2 {

    font-size: 24px;

  }

}





/* InnerPage Aboutus start */

section.inner-banner {

  position: relative;

  z-index: 1;

  height: 500px;

  display: flex;

  align-items: center;

}



section.inner-banner img.banner-left-img {

  object-position: bottom;

}



.inner-banner-content {

  text-align: center;

}



/* InnerPage Aboutus end */



/* InnerPage Login start */



section.login {

  padding: 70px 0px;

}



.login-txt form input {

  width: 100%;

  margin-bottom: 20px;

  outline: none;

  padding: 16px 40px 16px 20px !important;

  color: #000 !important;

  font-weight: 400;

  border: 1px solid #0000002b;

  background: transparent;

  text-transform: capitalize;

  height: auto;

}



.login-txt form input::placeholder {

  color: #000 !important;

  ;

  text-transform: capitalize;

}



.login-txt form input:focus {

  box-shadow: none;

  border: 1px solid #0000002b;

}



.login-txt h3 {

  font-size: 39px;

  text-align: center;

  line-height: 40px;

  margin: 0 0 40px 0;

  font-weight: 200;

  color: #000;

}



.password-box {

  position: relative;

}



.password-box-input input {

  padding: 10px 40px 10px 20px;

}



.password-icon {

  position: absolute;

  top: 50%;

  right: 15px;

  transform: translateY(-50%);

  z-index: 5;

}



.password-icon span {

  color: #000;

  cursor: pointer;

  font-size: 16px;

  display: block;

}



.login-txt {

  padding: 45px 25px 35px;

  background-color: #ffffff;

  box-shadow: 0 0 3px 0 #00000038;

}



.login-txt ul {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin: 20px 0;

}



li.head {

  color: #000;

  font-size: 17px;

  font-weight: 600;

}



.login-txt ul li {

  display: flex;

  gap: 7px;

  font-weight: 500;

  color: #4a2800;

}



.login-txt form button {

  width: 100%;

  color: #fff;

  /* border-radius: 30px; */

  padding: 15px 0px;

  outline: none;

  border: none;

  margin-bottom: 20px;

  background: #4a2800;

  font-size: 17px;

  text-transform: uppercase;

  font-weight: 400;

}



.login-txt ul.justify-content-start {

  gap: 10px;

}



li.head-ex {

  text-decoration: underline;

}



.inner_banner_sec .banner_text h1 {

  font-size: 72px;

}



a.user {

  border-radius: 50%;

  border: 1px solid #c0473f;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 50px;

  height: 50px;

  background: #faf6f0;

}



li.head.head-ex {

  color: #000;

}



.hdr_logo a {

  width: fit-content;

  display: flex;

}



/* InnerPage Login end */



/* InnerPage Cart start */

table.cart-table p {

  margin: 0;

  font-weight: 500;

}



table.cart-table h6 {

  font-size: 19px;

  color: #000;

  font-family: 'Roboto';

  margin: 0;

  text-transform: uppercase;

}



.cart-table-box {

  padding: 50px 0;

}



table.cart-table th,

table.cart-table td {

  padding: 10px;

}



img.cart-img {

  height: 110px;

  border-radius: 10px;

  object-fit: contain;

}



table.cart-table tbody tr td {

  padding: 20px 10px;

}



table.cart-table tbody tr {

  border-bottom: 1px solid #00000045;

}



table.cart-table thead {

  border-bottom: 1px solid #00000045;

}



table.cart-table thead tr p {

  text-transform: uppercase;

}



a.remove {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: #4a2800;

  color: #ffff;

}



.quantity {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 5px;

  padding: 10px 18px;

  background: #4a2800;

  border-radius: 10px;

  width: fit-content;

}



input.cart-value {

  width: 30px;

  background: none;

  border: none;

  color: #ffff;

  font-size: 14px;

  font-family: 'Roboto';

  text-align: center;

}



.quantity span {

  cursor: pointer;

  font-size: 10px;

  color: #fff;

}



.summary-box {

  margin: 90px 0 0 0;

  border: 2px solid #4a2800;

  border-radius: 10px;

}



.summary-heading {

  padding: 15px 21px;

  border-bottom: 2px solid #4a2800;

}



.summary-box h6 {

  color: #000;

  margin: 0;

  font-family: 'Roboto';

  font-size: 20px;

  text-transform: uppercase;

}



ul.total-box {

  padding: 30px 0px 10px 0px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.summary-bottom-box {

  padding: 30px 20px 10px 20px;

}



a.summary-code {

  color: #4a2800;

  font-weight: 500;

  display: flex;

  align-items: center;

  gap: 5px;

}



.theme-btn.style2 {

  width: 100%;

  margin: 10px 0;

  background: #4a2800;

  color: #fff;

}



a.theme-btn.style2:after {

  background: #000;

}



a.theme-btn.style2:hover {

  color: #ffff;

}



ul.smmary-list li p {

  margin: 0;

}



ul.smmary-list li {

  display: flex;

  align-items: center;

  margin: 0 0 10px 0;

  justify-content: space-between;

}



ul.smmary-list {

  padding: 0 20px;

}



.code-box {

  padding: 0 20px 20px 20px;

}



a.summary-code i {

  font-weight: 200;

}



.code-input-box {

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.4s ease;

}



.code-input-box.active {

  max-height: 200px;

}



.code-input-box.active input.form-contro {

  width: 100%;

  height: 50px;

  border-radius: 10px;

  border: 1px solid #00000052;

  padding: 0 10px;

}



.code-input-box form {

  margin: 10px 0 0 0;

}





.code-input-box input {

  border: 1px solid #4a2800;

  color: #4a2800;

}



.code-input-box input::placeholder {

  color: #4a2800;

}



.code-input-box input:focus {

  box-shadow: none;

  color: #4a2800;

  border: 1px solid #4a2800;

}



.code-input-box form button {

  width: 100%;

  border: none;

}



.checkout-btn {

  margin: 20px 0 0 0;

  width: 100%;

}



/* InnerPage Cart end */



/* InnerPage Brands start */

.brands-box h2.f-22 {

  color: #fff;

}



.brands-box {

  margin: 20px 0;

}





.brands-box img.banner-right-shoe {

  object-fit: contain;

  height: 350px;

}



.brands-box img.banner-left-shoe {

  object-fit: contain;

  height: 350px;

}



.brands-box img.move {

  height: 220px;

  object-fit: contain;

}



.brands-box .banner-right-text::before {

  width: 100%;

}



/* InnerPage Brands end */



/* InnerPage Aboutus start */

/* InnerPage Aboutus end */



/* InnerPage Aboutus start */

/* InnerPage Aboutus end */



/* InnerPage Aboutus start */

/* InnerPage Aboutus end */



/* InnerPage Aboutus start */

/* InnerPage Aboutus end */



/* InnerPage Aboutus start */

/* InnerPage Aboutus end */



/* Sidebar Custom Styles Start */

.product-sidebar {

  padding: 30px 20px;

  font-family: 'Poppins', sans-serif;

  background: #fff;

  border-radius: 0;

}



.filter-title {

  font-size: 20px;

  font-weight: 700;

  color: #222;

  margin-bottom: 20px;

  padding-bottom: 15px;

  border-bottom: 2px solid #4a2800;

  display: inline-block;

  text-transform: uppercase;

  letter-spacing: 1px;

  line-height: 2;

}



.filter-group {

  border-bottom: 1px solid #ebebeb;

  padding: 5px 0;

}



.filter-group:last-child {

  border-bottom: none;

}



.filter-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  font-size: 15px;

  font-weight: 600;

  color: #fff;

  cursor: pointer;

  text-transform: capitalize;

  transition: color 0.3s;

  padding: 15px;

  background: #4a2800;

}



.filter-header:hover {

  color: #fff;

}



.filter-header i {

  font-size: 12px;

  color: #fff;

  transition: transform 0.3s ease;

  transform: rotate(-90deg);

}



.filter-header.active i {

  transform: rotate(0deg);

}



.filter-content {

  display: none;

  padding: 10px 0;

  box-shadow: 0 0 20px 0 #00000014;

  border: 1px solid #4a2800;

}



.filter-list {

  list-style: none;

  padding: 0;

  margin: 0;

}



.filter-content li {

  padding: 7px 10px;

  position: relative;

  z-index: 1;

  transition: 0.3s ease-in-out;

}



.filter-list li a {

  font-size: 14px;

  color: #666;

  transition: color 0.2s;

  font-weight: 400;

  transition: 0.3s ease-in-out;

  display: flex;

}



.filter-list li a:hover {

  color: #4a2800;

}



.filter-checkbox {

  display: flex;

  align-items: center;

  margin-bottom: 0;

  padding: 7px 10px;

}



.filter-checkbox input[type="checkbox"] {

  width: 16px;

  height: 16px;

  margin-right: 10px;

  border: 1px solid #ddd;

  border-radius: 2px;

  cursor: pointer;

  appearance: none;

  position: relative;

  background: #fff;

}



.filter-checkbox input[type="checkbox"]:checked {

  background-color: #4a2800;

  border-color: #4a2800;

}



.filter-checkbox input[type="checkbox"]:checked::after {

  content: '\f00c';

  font-family: 'Font Awesome 6 Free';

  font-weight: 900;

  font-size: 10px;

  color: #fff;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.filter-checkbox label {

  font-size: 13px;

  color: #666;

  cursor: pointer;

  font-weight: 400;

}



.price-range-slider {

  position: relative;

  height: 3px;

  background: #eee;

  margin: 30px 20px 20px;

}



.slider-track {

  position: absolute;

  top: 0;

  height: 100%;

  background: #4a2800;

  z-index: 1;

}



.slider-handle {

  position: absolute;

  top: 50%;

  width: 14px;

  height: 14px;

  background: #fff;

  border: 1px solid #4a2800;

  border-radius: 50%;

  margin-top: -7px;

  margin-left: -7px;

  cursor: pointer;

  z-index: 2;

}



.min-handle {

  left: 0;

}



.max-handle {

  right: 0;

}



.price-inputs {

  padding: 10px;

  display: flex;

  justify-content: space-between;

  gap: 15px;

}



.price-field {

  flex: 1;

  display: flex;

  align-items: center;

  border: 1px solid #0a0a0a6e;

  padding: 8px 12px;

  background: #fff;

}



.price-field span {

  font-size: 13px;

  color: #ccc;

}



.price-field input {

  border: none;

  width: 100%;

  font-size: 13px;

  color: #333;

  padding: 0;

  background: transparent;

  margin-left: 5px;

}



.show-more-link {

  display: inline-block;

  font-size: 12px;

  color: #999;

  margin-top: 10px;

  font-weight: 400;

}



.show-more-link:hover {

  color: #4a2800;

}



.color-swatches {

  display: flex;

  flex-wrap: wrap;

  gap: 8px;

  padding: 7px 10px;

}



.color-swatch {

  width: 22px;

  height: 22px;

  border-radius: 50%;

  cursor: pointer;

  border: 1px solid transparent;

  transition: transform 0.2s;

}



.color-swatch:hover {

  transform: scale(1.1);

  border-color: #ddd;

}



.color-swatch.active {

  border-color: #000;

  transform: scale(1.1);

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

}





.size-options {

  display: flex;

  gap: 10px;

  padding: 7px 10px;

}



.size-btn {

  width: 35px;

  height: 35px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid #9b9b9b;

  font-size: 13px;

  color: #666;

  cursor: pointer;

  transition: 0.2s;

  font-weight: 400;

}



.size-btn:hover,

.size-btn.active {

  border-color: #4a2800;

  color: #4a2800;

}



.size-btn.active {

  background-color: #4a2800;

  color: #fff !important;

}



.filter-content li:hover {

  transition: 0.3s ease-in-out;

  background: #4a280040;

  transform: scaleX(0.95);

}



.filter-content li:hover a {

  color: #482704;

  transition: 0.3s ease-in-out;

}





.product-top-bar-right {

  display: flex;

  align-items: center;

  gap: 10px;

}



.product-top-bar-left .subheading {

  font-weight: 500;

  margin: 0;

}



.product-top-bar-right .subheading {

  white-space: nowrap;

  margin: 0;

  font-weight: 500;

}



.product-top-bar-right select.form-control {

  margin: 0;

  background: transparent;

  color: #000;

  appearance: auto;

  height: 50px;

  border: 1px solid #4a2800;

  cursor: pointer;

}



.product-top-bar {

  padding: 10px 20px;

  background: #fff;

}



/* Sidebar Custom Styles End */



/* Product Detail Page Styles Start */

.product-detail-section {

  background: #fff;

  padding: 60px 0;

}



.product-main-display {

  position: relative;

  background: #fdfdfd;

  padding: 0;

  text-align: center;

  margin-bottom: 30px;

}



.discount-badge {

  position: absolute;

  top: 20px;

  right: 20px;

  width: 70px;

  height: 70px;

  background: linear-gradient(135deg, #4a2800, #402400);

  color: #fff7d7;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 700;

  font-size: 18px;

  border-radius: 50%;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

  z-index: 5;

  border: 2px solid #fff7d7;

}



/* Image Pagination */

.image-pagination {

  margin-top: 20px;

  display: flex;

  justify-content: center;

  gap: 8px;

}



.image-pagination .dot {

  width: 8px;

  height: 8px;

  background: #ddd;

  border-radius: 50%;

  cursor: pointer;

}



.image-pagination .dot.active {

  background: #4a2800;

}



/* Variations */

.other-variations {

  margin-bottom: 40px;

}



.variation-title {

  font-size: 14px;

  color: #666;

  font-weight: 600;

  margin-bottom: 15px;

}



.variation-images {

  display: flex;

  gap: 15px;

}



.variation-box {

  width: 100px;

  height: 80px;

  background: #f9f9f9;

  padding: 10px;

  border: 1px solid #eee;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: 0.3s;

}



.variation-box:hover {

  border-color: #4a2800;

}



.variation-box img {

  max-width: 100%;

  max-height: 90px;

  object-fit: contain;

}



/* Tabs */

.product-tabs {

  border-bottom: 1px solid #eee;

  gap: 30px;

}



.product-tabs .nav-link {

  border: none;

  background: none;

  color: #888;

  font-size: 13px;

  font-weight: 600;

  padding: 10px 0;

  border-bottom: 3px solid transparent;

}



.product-tabs .nav-link.active {

  color: #4a2800;

  border-bottom-color: #4a2800;

  background: none;

}



.specs-table {

  width: 100%;

}



.specs-table td {

  padding: 12px 0;

  font-size: 14px;

  color: #444;

  border-bottom: 1px solid #f5f5f5;

}



.specs-table tr:last-child td {

  border-bottom: none;

}



/* Right Panel Info */

.product-info-panel {

  padding-left: 20px;

}



.breadcrumb-list {

  display: flex;

  gap: 5px;

  list-style: none;

  padding: 0;

  margin-bottom: 15px;

}



.breadcrumb-list li {

  font-size: 12px;

  font-weight: 600;

  color: #888;

}



.breadcrumb-list li:not(:last-child)::after {

  content: "/";

  margin-left: 5px;

}



.product-sku-code {

  font-size: 14px;

  color: #666;

  margin-bottom: 10px;

  font-weight: 500;

}



.product-title-large {

  font-size: 38px;

  color: #4a2800;

  font-weight: 500;

  margin-bottom: 15px;

  font-family: "Gondens";

}



.price-rating-row {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 25px;

}



.price-main {

  font-size: 28px;

  color: #4a2800;

  font-weight: 700;

}



.product-rating-box {

  display: flex;

  align-items: center;

  gap: 10px;

}



.rating-stars i {

  color: #ffc200;

  font-size: 14px;

}



.review-count {

  font-size: 13px;

  color: #999;

  font-style: italic;

}



.divider {

  border: 0;

  border-top: 1px solid #eee;

  margin: 25px 0;

}



.product-description {

  font-size: 14px;

  color: #666;

  line-height: 1.6;

  margin-bottom: 30px;

  font-weight: 400;

}



.selection-title {

  font-size: 14px;

  font-weight: 600;

  color: #333;

  margin-bottom: 15px;

}



.selection-row {

  display: flex;

  align-items: center;

  gap: 15px;

  margin-bottom: 20px;

}



.size-dropdown {

  width: 100px;

  height: 40px;

  border: 1px solid #ccc;

  border-radius: 0;

  font-size: 13px;

  color: #333;

}



.select-wrapper {

  position: relative;

}



.size-guide-link {

  font-size: 12px;

  font-weight: 600;

  color: #888;

  margin-left: auto;

  text-decoration: underline;

}



.product-actions {

  display: flex;

  align-items: center;

  gap: 20px;

}



.add-to-cart-btn {

  min-width: 200px;

}



.wishlist-btn {

  height: 50px;

  border: 1px solid #eee;

  padding: 0 20px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 13px;

  color: #4a2800;

  font-weight: 600;

  text-transform: uppercase;

  transition: 0.3s;

}



.wishlist-btn:hover {

  background: #eee;

  color: #000;

}



.delivery-estimate-box .terms-link {

  font-size: 13px;

  color: #666;

}



.delivery-estimate-box .terms-link span {

  text-decoration: underline;

  cursor: pointer;

  color: #4a2800;

}



.variation-box.slick-current {

  border-color: #4a2800;

  background: #f7f7f7;

}



/* Slick Arrows Styling */

.product-detail-section .slick-prev,

.product-detail-section .slick-next {

  width: 40px;

  height: 40px;

  background: #4a2800;

  z-index: 10;

  border-radius: 50%;

  display: flex !important;

  align-items: center;

  justify-content: center;

  transition: 0.3s;

}



.product-detail-section .slick-prev:hover,

.product-detail-section .slick-next:hover {

  background: #2b1b00;

}



.product-detail-section .slick-prev {

  left: -20px;

}



.product-detail-section .slick-next {

  right: -20px;

}



.product-detail-section .slick-prev::before,

.product-detail-section .slick-next::before {

  font-family: "Font Awesome 6 Free";

  font-weight: 900;

  font-size: 16px;

  opacity: 1;

}



.product-detail-section .slick-prev::before {

  content: "\f053";

}



.product-detail-section .slick-next::before {

  content: "\f054";

}



.main-slider-for .item img {

  width: 100%;

  height: auto;

  max-height: 500px;

  object-fit: contain;

}



/* Product Detail Page Styles End */



/* Quantity Refinements */

.quantity span {

  cursor: pointer;

  color: #fff;

  padding: 0 5px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: transform 0.2s;

}



.quantity span:hover {

  transform: scale(1.2);

}



/* InnerPage Checkout start */



form.checkout-form input.form-control {

  border: 1px solid #00000042 !important;

  margin: 0 0px 10px;

  color: #000 !important;

}



form.checkout-form textarea.form-control {

  border: 1px solid #00000042 !important;

  border-radius: 10px !important;

  color: #000 !important;

}



.checkout-box p a {

  opacity: 1;

}



.checkout-box p a:hover {

  color: #000;

}



ul.payment-detail-list li {

  display: flex;

  align-items: center;

  gap: 20px;

  margin: 10px 0;

}



ul.payment-detail-list li img {

  width: 160px;

  height: 80px;

  border-radius: 10px;

}



.payment-detail-box {

  padding: 20px 30px;

  border: 2px solid #2b1501;

  border-radius: 20px;

  margin: 20px 0 0 0;

}



ul.payment-detail-list li h6 {

  color: #000;

  font-family: 'Roboto';

  text-transform: uppercase;

  font-size: 20px;

}



.payment-box {

  width: 90%;

  margin: 0 0 0 auto;

}





.payment-box .code-box {

  padding: 10px 0;

}



.payment-box .code-box .theme-btn.style2 {

  padding: 10px 10px;

  font-size: 13px;

}



.payment-box .code-input-box form {

  margin: 0;

}



ul.payment-list li {

  display: flex;

  align-items: center;

  margin: 10px 0;

  gap: 100px;

}



ul.payment-list li * {

  margin: 0;

}



ul.payment-list li h6 {

  font-family: 'Roboto';

  color: #000;

  font-size: 18px;

  opacity: 0.7;

}



ul.payment-list li h6.black {

  opacity: 1;

}



ul.payment-list li p {

  width: 110px;

}



.payment-type h6 {

  font-family: 'Roboto';

  color: #000;

  font-size: 18px;

}



.payment-type.d-flex {

  gap: 40px;

  align-items: center;

}



.payment-type.d-flex img {

  object-fit: scale-down;

  width: auto;

}



.payment-type.d-flex h6 {

  margin: 0;

}



.payment-type {

  margin: 10px 0;

}



button.theme-btn.style2.order-btn {

  width: fit-content;

}



.payment-box .code-box .theme-btn.style2::before {

  background: #1c0e01;

}





.order-btn {

  width: 100%;

  border: none;

}



button.code-btn {

  width: 100%;

  border: none;

}



/* InnerPage Checkout end */



/* Brand Section Styles */

.brand-category-title {

  font-size: 32px;

  font-weight: 600;

  color: #1d0e00;

  position: relative;

  padding-bottom: 10px;

  text-align: center;

  margin: 20px auto;

  width: fit-content;

}



.brand-category-title::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 90px;

  height: 3px;

  background: #4a2800;

}



.brand-grid {

  margin-bottom: 60px;

  justify-content: center;

}



.brand-box {

  background: #fff;

  border: 1px solid transparent;

  padding: 30px;

  text-align: center;

  transition: all 0.3s ease;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  border-radius: 10px;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

  margin-bottom: 0px;

  align-items: center;

}



.brand-box:hover {

  transform: translateY(-10px);

  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

  border-color: #4a2800;

  transition: all 0.3s ease;

}



.brand-image {

  margin-bottom: 20px;

  width: 100%;

}



.brand-image img {

  max-width: 100%;

  height: 180px;

  object-fit: contain;

}



.brand-box h4 {

  font-size: 19px;

  font-weight: 600;

  color: #1d0e00;

  margin-bottom: 15px;

  text-transform: uppercase;

  font-family: 'Roboto', sans-serif;

}



.brand-box .theme-btn {

  margin-top: 0;

  padding: 10px 20px;

  font-size: 14px;

}



/* Technology Page Styles */

.tech-banner-box {

  position: relative;

  overflow: hidden;

  border-radius: 20px;

  height: 400px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

  z-index: 1;

}



.tech-banner-box img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.5s ease;

  position: relative;

  z-index: -1;

}



.tech-banner-box:hover img {

  transform: scale(1.1);

}



.tech-banner-content {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  padding: 40px;

  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);

  color: #fff;

}



.tech-banner-content h3 {

  color: #fff;

  font-size: 32px;

  margin-bottom: 10px;

  font-weight: 200;

}



.tech-banner-content p {

  font-size: 16px;

  opacity: 0.9;

  margin: 0;

  color: #fff;

}



.tech-card {

  background: #fff;

  border-radius: 20px;

  overflow: hidden;

  transition: all 0.3s ease;

  height: 100%;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);

  border: 1px solid #eee;

}



.tech-card:hover {

  transform: translateY(-10px);

  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);

  border-color: #4a2800;

}



.tech-card-img {

  height: 310px;

  overflow: hidden;

  background: #f9f9f9;

  border-radius: 20px;

}



.tech-card-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  padding: 0;

  border-radius: 20px;

}



.tech-card-body {

  padding: 40px 30px;

  text-align: center;

}



.tech-card-body h4 {

  font-size: 22px;

  font-weight: 600;

  color: #1d0e00;

  margin-bottom: 15px;

  font-family: 'Roboto', sans-serif;

}



.tech-card-body p {

  font-size: 15px;

  color: #666;

  line-height: 1.6;

  margin: 0;

}



.tech-banner-box::before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 0;

  content: '';

  background: #4b26046b;

}



.inner-banner-content h1 span {

  font-family: 'Montserrat';

  line-height: 2;

  font-size: 130px;

}



/* Registration Form Custom CSS */

.modal-form .form-row {

  display: flex;

  flex-wrap: wrap;

  margin-right: -15px;

  margin-left: -15px;

}



.modal-form .form-group {

  margin-bottom: 20px;

  padding-left: 15px;

  padding-right: 15px;

}



.modal-form label {

  display: block;

  margin-bottom: 8px;

  font-weight: 500;

  color: #4a2800;

}



.radio-group {

  display: flex;

  flex-direction: column;

  gap: 10px;

  margin-top: 5px;

}



/* Radio Button Styling */

.radio-container {

  display: block;

  position: relative;

  padding-left: 35px;

  margin-bottom: 12px;

  cursor: pointer;

  font-size: 15px;

  user-select: none;

  line-height: 25px;

}



.radio-container input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

}



.checkmark {

  position: absolute;

  top: 2px;

  left: 0;

  height: 20px;

  width: 20px;

  background-color: #eee;

  border-radius: 50%;

}



.radio-container:hover input~.checkmark {

  background-color: #ccc;

}



.radio-container input:checked~.checkmark {

  background-color: #4a2800;

}



.checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



.radio-container input:checked~.checkmark:after {

  display: block;

}



.radio-container .checkmark:after {

  top: 5px;

  left: 5px;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: white;

}



/* Checkbox Styling */

.checkbox-container {

  display: block;

  position: relative;

  padding-left: 35px;

  margin-bottom: 12px;

  cursor: pointer;

  font-size: 15px;

  user-select: none;

  line-height: 25px;

}



.checkbox-container input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

}



.checkbox-mark {

  position: absolute;

  top: 2px;

  left: 0;

  height: 20px;

  width: 20px;

  background-color: #eee;

}



.checkbox-container:hover input~.checkbox-mark {

  background-color: #ccc;

}



.checkbox-container input:checked~.checkbox-mark {

  background-color: #4a2800;

}



.checkbox-mark:after {

  content: "";

  position: absolute;

  display: none;

}



.checkbox-container input:checked~.checkbox-mark:after {

  display: block;

}



.checkbox-container .checkbox-mark:after {

  left: 7px;

  top: 3px;

  width: 6px;

  height: 11px;

  border: solid white;

  border-width: 0 2px 2px 0;

  transform: rotate(45deg);

}



.banner-slider {

  height: 100%;

}



.banner-slider .slick-list {

  height: 100%;

}



.banner-slider .slick-track {

  height: 100%;

}



.flex-direction-row {

  flex-direction: row;

  flex-wrap: wrap;

}



/* --- AMAZON STYLE PRODUCT DETAIL LAYOUT --- */

.product-detail-section-amazon {

  background: #fff;

  padding: 80px 0;

  color: #0f1111;

  font-family: 'Poppins', sans-serif;

}



.amazon-gallery-wrapper {

  display: flex;

  gap: 20px;

}



.thumbnail-strip {

  display: flex;

  flex-direction: column;

  gap: 10px;

}



.thumb-item {

  width: 58px;

  height: 68px;

  border: 1.5px solid #ddd;

  padding: 3px;

  cursor: pointer;

  border-radius: 4px;

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

  transition: all 0.2s;

}



.thumb-item img {

  max-width: 100%;

  max-height: 100%;

  object-fit: contain;

}



.thumb-item.active,

.thumb-item:hover {

  border-color: #4a2800;

  box-shadow: 0 0 5px rgba(74, 40, 0, 0.3);

}



.main-image-container {

  position: relative;

  flex-grow: 1;

  border: 1px solid #f2f2f2;

  border-radius: 8px;

  padding: 20px;

  display: flex;

  align-items: center;

  justify-content: center;

  min-height: 500px;

  background-color: #fcfcfc;

}



.main-image-container img {

  max-width: 100%;

  max-height: 600px;

  object-fit: contain;

}



.share-btn-amazon {

  position: absolute;

  top: 15px;

  right: 15px;

  background: #fff;

  border: 1px solid #ddd;

  width: 38px;

  height: 38px;

  border-radius: 50%;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

  display: flex;

  align-items: center;

  justify-content: center;

  color: #4a2800;

  cursor: pointer;

  transition: 0.3s;

}



.share-btn-amazon:hover {

  background-color: #4a2800;

  color: #fff;

}



.amazon-brand-link {

  color: #4a2800;

  text-decoration: none;

  font-size: 14px;

  display: block;

  margin-bottom: 5px;

  font-weight: 500;

}



.amazon-brand-link:hover {

  color: #c45500;

  text-decoration: underline;

}



.amazon-product-title {

  font-size: 24px;

  line-height: 32px;

  font-weight: 600;

  margin-bottom: 10px;

  color: #1d0e00;

  font-family: 'Poppins', sans-serif;

  text-transform: none;

}



.amazon-rating-row {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 15px;

}



.rating-value {

  font-size: 14px;

  font-weight: 600;

}



.rating-stars-amazon {

  color: #ffc200;

  font-size: 14px;

}



.amazon-review-count {

  color: #4a2800;

  text-decoration: none;

  font-size: 14px;

}



.amazon-review-count:hover {

  color: #c45500;

  text-decoration: underline;

}



.amazon-divider {

  border: 0;

  border-top: 1px solid #dbdbdb;

  margin: 15px 0;

}



.amazon-price-row {

  display: flex;

  align-items: baseline;

  gap: 8px;

}



.price-label {

  font-size: 14px;

  color: #565959;

}



.amazon-current-price {

  font-size: 28px;

  color: #B12704;

  font-weight: 600;

}



.amazon-return-policy a {

  color: #4a2800;

  text-decoration: none;

  font-size: 14px;

}



.amazon-selection-section .selection-label {

  font-size: 14px;

  margin-bottom: 8px;

  color: #1d0e00;

}



.color-swatches-grid {

  display: flex;

  flex-wrap: wrap;

  gap: 10px;

}



.swatch-item {

  width: 60px;

  min-height: 65px;

  border: 1.5px solid #ddd;

  cursor: pointer;

  padding: 4px;

  border-radius: 6px;

  transition: 0.2s;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: space-between;

  background: #fff;

}



.swatch-item.active,

.swatch-item:hover {

  border-color: #4a2800;

  box-shadow: 0 0 5px rgba(74, 40, 0, 0.2);

  background: #fff7d7;

  /* Theme Light Highlight */

}



.swatch-item img {

  width: 100%;

  height: 35px;

  object-fit: cover;

  border-radius: 4px;

  margin-bottom: 4px;

}



.swatch-price {

  font-size: 11px;

  font-weight: 700;

  color: #111;

  display: block;

}



.size-grid-amazon {

  display: flex;

  flex-wrap: wrap;

  gap: 10px;

}



.size-box {

  min-width: 50px;

  height: 38px;

  border: 1.5px solid #ddd;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 14px;

  cursor: pointer;

  border-radius: 4px;

  padding: 0 12px;

  font-weight: 500;

  transition: 0.2s;

  background-color: #fff;

}



.size-box:hover {

  border-color: #4a2800;

}



.size-box.selected {

  border-color: #4a2800;

  background-color: #fff7d7;

  color: #4a2800;

}



.size-box.out-of-stock {

  border-style: dashed;

  color: #999;

  opacity: 0.6;

  background-color: #f9f9f9;

}



.size-chart-link a {

  color: #4a2800;

  text-decoration: none;

  font-size: 14px;

  font-weight: 500;

}



.amazon-action-row {

  display: flex;

  align-items: center;

  gap: 15px;

}



.amazon-action-row .theme-btn {

  padding: 12px 30px;

  font-size: 15px;

}



.amazon-details-accordion .section-main-title {

  font-size: 19px;

  font-weight: 500;

  margin-bottom: 15px;

  padding-bottom: 8px;

  border-bottom: 2px solid #4a2800;

  color: #1d0e00;

  text-transform: none;

}



.accordion-item-amazon {

  border-bottom: 1px solid #e7e7e7;

}



.accordion-header-amazon {

  padding: 15px 0;

  display: flex;

  justify-content: space-between;

  align-items: center;

  cursor: pointer;

  font-weight: 600;

  font-size: 16px;

  color: #1d0e00;

}



.accordion-header-amazon i {

  font-size: 12px;

  color: #4a2800;

}



.accordion-body-amazon {

  display: none;

  padding-bottom: 20px;

  overflow: hidden;

  /* prevents jerky text during slide */

}



.amazon-action-row {

  display: flex;

  gap: 10px;

}



/* Removed display: block to let jQuery handle slide smoothly */



.highlight-table,

.detail-table {

  display: flex;

  flex-direction: column;

}



.h-row,

.d-row {

  display: flex;

  padding: 10px 0;

  font-size: 14px;

  border-bottom: 1px solid #f2f2f2;

}



.h-row:last-child,

.d-row:last-child {

  border-bottom: none;

}



.h-label,

.d-label {

  width: 160px;

  font-weight: 700;

  color: #1d0e00;

}



.h-value,

.d-value {

  flex: 1;

  color: #333;

}



.about-item .about-title {

  font-size: 16px;

  font-weight: 500;

  margin-bottom: 12px;

  color: #1d0e00;

}



.amazon-bullet-list {

  padding-left: 0;

  margin: 0;

  list-style: none;

}



.amazon-bullet-list li {

  position: relative;

  font-size: 14px;

  margin-bottom: 10px;

  line-height: 22px;

  color: #333;

  padding-left: 20px;

}



.amazon-bullet-list li::before {

  content: "•";

  position: absolute;

  left: 0;

  color: #4a2800;

  font-weight: bold;

  font-size: 18px;

  line-height: 22px;

}



/* --- CUSTOM MODAL STYLES --- */

.custom-modal {

  position: fixed !important;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 10000;

  display: none;

  /* JS will use display: flex */

  align-items: center;

  justify-content: center;

}



.custom-modal.show {

  display: flex !important;

}



.modal-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(17, 6, 0, 0.85);

  /* Dark Rich Brand Brown Overlay */

  z-index: 1;

  /* Changed from -1 to 1 */

}



.custom-modal.show .modal-overlay {

  display: block;

}



.modal-content-wrapper {

  position: relative;

  background: #fff;

  width: 100%;

  max-width: 810px;

  border-radius: 12px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);

  overflow: hidden;

  animation: modalDown 0.3s ease-out;

  z-index: 2;

  /* Ensure content is above overlay */

  overflow-y: auto;

}



.modal-form {

  overflow-y: auto;

  max-height: calc(100vh - 200px);

  padding-right: 10px;

  overflow-x: hidden;

}



.modal-form::-webkit-scrollbar {

  width: 6px;

}



.modal-form::-webkit-scrollbar-thumb {

  background: #ccc;

  border-radius: 10px;

}



@keyframes modalDown {

  from {

    transform: translateY(-50px);

    opacity: 0;

  }



  to {

    transform: translateY(0);

    opacity: 1;

  }

}



.modal-header-custom {

  padding: 20px 25px;

  background: #fcfcfc;

  border-bottom: 1px solid #eee;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.modal-header-custom h4 {

  margin: 0;

  color: #1d0e00;

  font-size: 22px;

  text-transform: none;

}



.close-modal-custom {

  font-size: 30px;

  cursor: pointer;

  color: #666;

  line-height: 1;

}



.close-modal-custom:hover {

  color: #000;

}



.modal-body-custom {

  padding: 25px;

  max-height: 80vh;

  overflow-y: auto;

}



.modal-body-custom h6 {

  color: #1d0e00;

  margin-bottom: 15px;

  font-weight: 700;

}



.size-chart-table {

  width: 100%;

  border-collapse: collapse;

  border: 1px solid #eee;

  border-radius: 8px;

  overflow: hidden;

}



.size-chart-table th {

  background: #f8f9fa;

  color: #1d0e00;

  font-weight: 700;

  padding: 12px;

  text-align: left;

  border-bottom: 2px solid #eee;

  font-size: 14px;

}



.size-chart-table td {

  padding: 12px;

  border-bottom: 1px solid #eee;

  font-size: 14px;

  color: #333;

}



.size-chart-table tr:hover td {

  background-color: #fef8f2;

}



.size-chart-table tr:last-child td {

  border-bottom: none;

}



/* --- RATING TOOLTIP --- */

.rating-tooltip-wrapper {

  position: relative;

  display: flex;

  align-items: center;

  gap: 10px;

  cursor: pointer;

}



.rating-summary-tooltip {

  position: absolute;

  top: 100%;

  left: 0;

  width: 320px;

  background: #fff;

  border: 1px solid #ddd;

  border-radius: 8px;

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);

  padding: 20px;

  z-index: 1000;

  opacity: 0;

  visibility: hidden;

  transform: translateY(10px);

  transition: all 0.3s ease;

}



.rating-tooltip-wrapper:hover .rating-summary-tooltip {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

}



/* Arrow for tooltip */

.rating-summary-tooltip::after {

  content: "";

  position: absolute;

  bottom: 100%;

  left: 30px;

  border-width: 10px;

  border-style: solid;

  border-color: transparent transparent #fff transparent;

}



.rating-summary-tooltip::before {

  content: "";

  position: absolute;

  bottom: 100%;

  left: 30px;

  border-width: 11px;

  border-style: solid;

  border-color: transparent transparent #ddd transparent;

  margin-left: -1px;

}



.tooltip-header .stars-row {

  display: flex;

  align-items: center;

  gap: 5px;

  margin-bottom: 5px;

}



.tooltip-header .stars-row i {

  color: #ffc200;

  /* Theme Gold */

  font-size: 16px;

}



.tooltip-rating-text {

  font-weight: 700;

  font-size: 18px;

  color: #0f1111;

  margin-left: 5px;

}



.global-count {

  font-size: 14px;

  color: #565959;

  margin-bottom: 20px;

}



.rating-bars {

  margin-bottom: 20px;

}



.bar-row {

  display: flex;

  align-items: center;

  gap: 15px;

  margin-bottom: 2px;

}



.star-label {

  width: 45px;

  font-size: 13px;

  color: #007185;

  font-weight: 500;

}



.progress-container {

  flex-grow: 1;

  height: 18px;

  background: #f0f2f2;

  border: 1px solid #ddd;

  border-radius: 4px;

  overflow: hidden;

  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

}



.progress-fill {

  height: 100%;

  background: #ffc200;

  /* Theme Gold instead of Orange */

}



.percentage {

  width: 35px;

  font-size: 13px;

  color: #007185;

  text-align: right;

  font-weight: 500;

}



.tooltip-footer {

  border-top: 1px solid #eee;

  padding-top: 15px;

  text-align: center;

}



.tooltip-footer a {

  color: #4a2800;

  /* Theme Brown */

  font-size: 14px;

  font-weight: 600;

  text-decoration: none;

}



.tooltip-footer a:hover {

  color: #c45500;

  text-decoration: underline;

}



/* --- REVIEWS SECTION --- */

.product-review-section {

  background: #fff;

  border-top: 1px solid #e7e7e7;

}



.prd-det-review-form {

  background: #fff7d7;

  /* Theme Light Highlight */

  padding: 40px;

  border-radius: 12px;

  border: 1px solid #ffe8ab;

}



.prd-review-input {

  margin-bottom: 25px;

}



.prd-review-input label {

  display: block;

  font-weight: 700;

  color: #4a2800;

  margin-bottom: 10px;

  text-transform: uppercase;

  font-size: 14px;

}



.prd-review-input input,

.prd-review-input textarea {

  width: 100%;

  padding: 15px;

  border: 1px solid #ccc;

  border-radius: 6px;

  background: #fff !important;

  font-family: "Poppins", sans-serif;

  font-size: 15px;

  transition: all 0.3s;

  color: #000 !important;

}



.prd-review-input input:focus,

.prd-review-input textarea:focus {

  border-color: #4a2800;

  outline: none;

  box-shadow: 0 0 0 3px rgba(74, 40, 0, 0.1);

}



.prd-review-input textarea {

  height: 120px;

  resize: none;

}



.give-review h4 {

  font-size: 20px;

  color: #4a2800;

  margin-bottom: 20px;

  font-weight: 700;

  text-transform: none;

}



.rating-stars-input {

  display: flex;

  align-items: center;

  gap: 30px;

  flex-wrap: wrap;

}



.rating {

  display: flex;

  flex-direction: row-reverse;

  justify-content: flex-end;

}



.rating input {

  display: none;

}



.rating label {

  cursor: pointer;

  width: 30px;

  height: 30px;

  margin-top: auto;

  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'%3E%3C/polygon%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  transition: .3s;

}



.rating input:checked~label,

.rating label:hover,

.rating label:hover~label {

  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffc200' stroke='%23ffc200' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'%3E%3C/polygon%3E%3C/svg%3E");

}



/* Client Reviews */

.client-review-box {

  background: #fff;

  padding: 30px;

  border-radius: 12px;

  border: 1px solid #eee;

  height: 100%;

  transition: transform 0.3s;

}



.client-review-box:hover {

  transform: translateY(-5px);

  border-color: #ffc200;

}



.client-list-review {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 20px;

}



.client-list-review li:first-child {

  display: flex;

  align-items: center;

  gap: 15px;

}



.client-list-review img {

  width: 60px;

  height: 60px;

  border-radius: 50%;

  object-fit: cover;

  border: 2px solid #ffc200;

}



.client-info h5 {

  font-size: 18px;

  color: #4a2800;

  margin-bottom: 2px;

  text-transform: none;

}



.client-info h6 {

  font-size: 14px;

  color: #666;

  margin: 0;

  text-transform: none;

}



.rating-stars-show i {

  color: #ffc200;

  font-size: 14px;

}



.client-review-box p {

  font-size: 15px;

  line-height: 1.6;

  color: #333;

  margin: 0;

}



section.header {

  position: relative;

  z-index: 999;

}



/* --- END AMAZON STYLE PRODUCT DETAIL --- */



img.banner-left-shoe.hand-shoe {

  height: 620px;

  margin-top: -200px;

}



/* Sub Dropdown Menu */

.nav ul li.dropdown .dropdown-menu li {

  position: relative;

}



.nav ul li.dropdown .dropdown-menu .sub-menu {

  position: absolute;

  top: -2px;

  left: 100%;

  display: flex;

  flex-direction: column;

  min-width: 260px;

  opacity: 0;

  visibility: hidden;

  transition: all 0.3s ease;

  transform: translateY(10px);

  background: #4a2800;

  z-index: 9999999999;

  text-align: left;

  border-top: 2px solid #fff;

  padding: 0;

  height: auto;

}



.nav ul li.dropdown .dropdown-menu li:hover>.sub-menu {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

}



.nav ul li.dropdown .dropdown-menu li a i {

  font-size: 12px;

  color: #fff;

  transition: 0.3s;

}



.nav ul li.dropdown .dropdown-menu li a:hover i {

  color: #482704 !important;

}



.nav.stroke ul li ul a.active {

  color: #fff !important;

}