/* CSS Index
-----------------------------------
1. Theme default css
2. header
3. slider
4. category
5. main-product
6. product
7. shipping
8. blog
9. shop
10. single-product
11. portfolio
12. about
13. service
14. testimonial
15. question
16. cart
17. checkout
18. contact
19. login
20. single blog
*. footer
*. popup

*/

/* 1. Theme default css */

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

:root {
    --primary-color: #623817;
    --secondary-color: #475161;
    --light-gray-color: #b5b5b5;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    /* font-family: "Figtree", sans-serif; */
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: var(--secondary-color)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Figtree", sans-serif;
    font-weight: normal;
    margin-top: 0px;
    font-style: normal;
    font-weight: 400;
    color: var(--primary-color);
}

/* font-family: 'Rubik', sans-serif; */
/* preloader */
#loader-wrapper  {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #fff;
}

#preloader {
    display: block;
    position: relative;
    left: 50%;
    top: 75%;
    margin: 0;
    /* animation: mover 1s infinite alternate; */
    transform: translate(-50%, -50%);
    text-align: center;

    /* border-top: 3px solid #3498db;
  border-radius: 50%;

  -webkit-animation: spin 3.5s linear infinite; */
    /* Chrome, Opera 15+, Safari 5+ */
    /* animation: spin 3.5s linear infinite; */
    /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.fit-finder-result {
    text-align: center;
    margin: 50px 0;
    position: relative;
}

.fit-finder-result-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.finder-loading {
    animation: spin 5s infinite linear;
    width: 350px;
    margin: 0 0;
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* #loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 5px;
  right: 5px;
  border-top: 3px solid #e74c3c;
  border-radius: 50%;

  -webkit-animation: spin 2.5s linear infinite;
  animation: spin 2.5s linear infinite;
} */

/* #loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  bottom: 15px;
  right: 15px;
  border-top: 3px solid #f9c922;
  border-radius: 50%;

  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
} */

/* @-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
} */

/* @keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
} */

.container-fluid {
    padding-left: 70px;
    padding-right: 70px;
    margin: 0 auto;
}

.container {
    max-width: 1765px;
}

.container-1200 {
    max-width: 1200px;
}

.container-1430 {
    max-width: 1430px;
}

.container-100-parcent {
    margin-left: auto;
    margin-right: auto;
    max-width: 98%;
}

.overflow-hidden {
    overflow: hidden !important;
}

button {
    cursor: pointer;
}

button:disabled,
button[disabled] {
    cursor: default;
}

button.close-btn {
    border: 0;
    background: transparent;
}

.img {
    max-width: 100%;
    transition: all 0.3s ease-out 0s;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.fix {
    overflow: hidden;
}

.position-static {
    position: static !important;
}

a,
.button {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    color: #212529;
    transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
    color: #212529;
    text-decoration: none;
}

a,
button {
    color: #212529;
    outline: medium none;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
    outline: 0;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

h1 {
    font-size: 40px;
    font-weight: 500;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

ul {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none;
}

p {
    font-size: 14px;
    margin-bottom: 15px;
}

hr {
    border-bottom: 1px solid #eceff8;
    border-top: 0 none;
    margin: 30px 0;
    padding: 0;
}

label {
    color: #7e7e7e;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

*::-moz-selection {
    background: #d6b161;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #623817;
    color: #fff;
    text-shadow: none;
}

*::-moz-placeholder {
    color: #555555;
    font-size: 16px;
    opacity: 1;
}

*::placeholder {
    color: #555555;
    font-size: 16px;
    opacity: 1;
}

.theme-overlay {
    position: relative;
}

.theme-overlay::before {
    background: #1696e7 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
}

.separator {
    border-top: 1px solid #f2f2f2;
}

/* button style */

.btn {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #525470;
    display: inline-block;
    line-height: 2.1;
    margin-bottom: 0;
    padding: 10px 20px;
    text-align: center;
    text-transform: capitalize;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
}

.theme-btn {
    background: #623817;
    color: #fff;
    border: 1px solid #623817;
    padding: 10px 20px;
    line-height: 2.1;
}

.theme-btn:hover {
    background: transparent;
    color: #623817;
    border: 1px solid #623817;
}

.theme-btn-2 {
    background: #623817;
    color: #fff;
    font-size: 12px;
    border: 1px solid #623817;
}

.theme-btn-2:hover {
    background: transparent;
    color: #623817;
}

.white-btn {
    background: #fff;
}

.white-btn:hover {
    background: #84b77c;
    color: #fff;
}

.generic-btn,

.continue-data .btn {
    /* height: 55px !important;
  min-width: 174px; */
    border: none;
    text-align: center;
    display: inline-block !important;
    transition: all 0.5s;
    padding: 10px 20px;
    line-height: 25px !important;
}

.black-hover-btn {
    border: 1px solid #623817 !important;
    color: #ffffff !important;
    background-color: #623817 !important;
}

.change-address {
    color: #fff;
}

.back-to-shopping-link:hover .change-address {
    color: #623817;
}

.address-check {
    border: #000 solid thin;
    border-radius: 10px;
}

.active-address {
    border: #623817 solid;
}

.address-check .d-block {
    font-size: 16px;
}

.back-to-shopping-link {
    padding: 0px !important;
    font-size: 12px !important;
    width: auto !important;
    padding: 10px 20px !important;
    background-color: #623817 !important;
    display: flex !important;
    color: #fff;
    border: 1px solid #623817 !important;
    transition: all ease 0.4s;
    margin-top: 20px;
    line-height: 18px !important;
}

.back-to-shopping-link svg {
    fill: #fff !important;
}

.back-to-shopping-link:hover svg {
    fill: #623817 !important
}

.black-hover-btn:hover,

.back-to-shopping-link:hover {
    color: #623817 !important;
    background-color: transparent !important;
}

.transparent-bg-red {
    background-color: transparent;
    color: #252552;
    border-radius: 0;
}

.transparent-bg-red:hover {
    color: #623817 !important;
    background-color: transparent !important;
}

.breadcrumb>.active {
    color: #888;
}

.owl-carousel .owl-nav i {
    font-size: 20px;
}

.owl-carousel .owl-nav div {
    /* background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; */
    /* height: 40px; */
    left: 0px;
    line-height: 40px;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    visibility: visible;
    /* width: 40px; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: 0px;
}

/* .owl-carousel:hover .owl-nav div {
  opacity: 1;
  visibility: visible;
} */

/* .owl-carousel .owl-nav div:hover {
  background: #2b96cc;
  color: #fff;
} */

.d-none-important {
    display: none !important;
}

/* scrollUp */
#scrollUp {
    background: #fff;
    border: 1px solid #ddd;
    height: 60px;
    width: 60px;
    right: 50px;
    bottom: 77px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-size: 20px;
    line-height: 34px;
}

a#scrollUp:hover {
    background-color: #0e2846;
    border-color: #0e2846;
}

a#scrollUp i {
    color: #623817;
    font-size: 34px;
    line-height: 55px;
}

a#scrollUp:hover i {
    color: #fff;
}

#scrollUp:hover {
    background: #444;
}

.visible-sm {
    display: none !important;
}

/* flex */
.flex-20 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

/* background */
.bg-red {
    background-color: #623817;
}

/* border */
.gray-border-top {
    border-top: 1px solid #ebebeb;
}

.gray-border-bottom {
    border-bottom: 0.5px solid #ebebeb !important;
}

.light-red-border-top {
    border-top: 0.5px solid #ef4f4f;
}

.light-gray-border-top {
    border-top: 0.5px solid #333333;
}

/* generic title */
.generic-title h2 {
    font-size: 24px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important; 
    text-transform: uppercase;
} 

.generic-title strong {
    font-size: 18px;
    line-height: 32.4px;
    font-weight: 600;
    color: #623817;
    margin-bottom: 17px;
    display: inline-block;
}

.generic-title p {
    margin-bottom: 0;
    line-height: 1.5;
    /* font-size: 14px; */
}

/* color */
.red-color {
    color: #623817 !important;
}

/* -------------------------- 2. header ----------------------------- */
.home .header {
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s;
    width: 100%;
    z-index: 9;
    height: auto;
}

.header {
    background-color: transparent;
    position: relative;
    left: 0;
    top: 0;
    transition: all 0.5s;
    width: 100%;
    z-index: 9;
    height: auto;
}

.header-nav.header-nav-2 {
    max-width: 1430px;
    margin: auto;
}

/* .header-nav .hidden-md, .header-nav .hidden-md + .position-static, .header-nav .hidden-md + .position-static + div{
  width: 33.33%;
} */
header.header-static {
    transition: all 0.5s;
    /* position: static; */
    /* border-bottom: .0625rem solid #e5e5e5; */
    background: #fff;
    z-index: 9;
}

/* top left search form */
.close-search-popup i {
    line-height: 30px !important;
    padding-right: 4px;
    display: block;
    text-align: center;
}

.top-left-search-form form {
    position: relative;
}

.top-left-search-form form button {
    border: 0;
    color: #fff;
    background-color: transparent;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
}

.top-left-search-form.black-content form button {
    color: #222;
}

.top-left-search-form form input {
    border: 0;
    color: #fff;
    background-color: transparent;
}

.top-left-search-form ::placeholder {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}

.bright-turquoise-content .top-left-search-form ::placeholder {
    color: #222;
}

header.header.black-header-content .top-left-search-form ::placeholder {
    color: #222;
}

.top-left-search-form .product-show-box {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 99;
    display: none;
    padding: 20px 10px;
    width: 240px;
    background-color: #fff;
}

.top-left-search-form .product-reset-btn {
    opacity: 0;
    display: none;
    cursor: pointer;
}

header.home-header ul.white-content>li>a {
    color: #fff;
}

header.home-header .local-show li:hover>a {
    color: #fff !important;
}

/* loading box */
.loading-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 99;
}

.loading-box img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.product-show-box ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.product-show-box .product-show-wrapper {
    position: relative;
}

.search-product-item .search-product-img {
    width: 25%;
    float: left;
}

.search-product-item .product-desc {
    width: 75%;
    padding-left: 8px;
    float: left;
}

.transparent-bg {
    background-color: transparent;
}

.search-product-item .product-desc a {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    padding-left: 0;
    padding-right: 0;
    color: var(--secondary-color);
    padding-bottom: 0;
    line-height: 17px;
}

.search-product-item .product-desc span {
    font-size: 12px;
    line-height: 15.6px;
    font-weight: 500;
    display: sblock;
}

/* logo */

.logo img {
    max-width: 170px;
    transform: translateY(0px);
}

header.header .local-show {
    display: flex;
    flex-direction: row;
}

header.header ul li {
    /* display: inline-block !important; */
    position: relative;
    display: flex;
    align-items: center;
}

header.header ul li a {
    display: inline-block;
    padding: 0 05px;
    padding-bottom: 0;
    text-transform: capitalize;
}

header.header ul li:first-child a {
    padding-left: 0;
}

header.header nav ul li a {
    padding-bottom: 10px;
}

header.header.bright-turquoise-content ul li a:hover span {
    color: #12c1db !important;
}

.header-nav .position-static ul li a {
    padding-left: 20px;
    padding-right: 20px;
}

/* header.header ul li:hover>a {
  color: #623817 !important;
} */

header.header.bright-turquoise-content ul li:hover>a {
    color: #12c1db;
}

/* header.header ul li a:hover {
  color: #623817 !important;
} */

header.header ul li a span {
    position: relative;
    padding-bottom: 5px;
    transition: all 0.5s;
    text-transform: uppercase;
    letter-spacing: 3px;
}

header.header ul li.position-static a span {
    text-transform: none;
    letter-spacing: 0;
}

.header.sticky ul.hidden-md {
    top: 27px !important;
}

header.header ul li i {
    padding-left: 5px;
}

.header .hidden-md li.position-static {
    padding: 0px 16px;
}

header.header ul li a span::after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #ffffff;
    content: "";
    width: 0;
    transition: all 0.5s;
}

header.sticky ul li a span::after {
    background-color: #623817;
}

header.home-header ul li a span::after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background-color: #FFF;
    content: "";
    width: 0;
    transition: all 0.5s;
}

header.header.bright-turquoise-content ul li a span::after {
    background-color: #12c1db;
}

header.header ul li a span::after {
    opacity: 0;
    visibility: hidden;
}

header.header ul li a.active span {
    color: #623817;
}

header.header.bright-turquoise-content ul li a.active span {
    color: #12c1db;
}

header.header ul li a.active span::after {
    opacity: 1;
    width: 100%;
    visibility: visible;
}

header.header ul li:hover a span::after {
    opacity: 1;
    width: 100%;
    visibility: visible;
}

/* header.header ul li a:hover span {
  color: #623817;
} */

header.header.bright-turquoise-content ul li a:hover span {
    color: #12c1db;
}

header.header ul li a {
    line-height: 25px;
    color: var(--secondary-color);
}

.home-header.header .header-right ul li a {
    text-transform: capitalize;
    position: relative;
    padding-left: 0;
    padding-right: 8px;
    color: #fff !important;
    border: solid 1px rgb(255 255 255 / 50%);
    background: transparent;
}

header.header .header-right ul li a i {
    position: relative;
    padding-right: 5px;
}

header.header .header-right ul li i {
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
}

header.header .header-right ul li a:hover i {
    color: #623817;
}

header.header .header-right ul li a span::after {
    display: none;
}

header.header .header-right ul li a span {
    position: absolute;
    right: -8px;
    top: -10px;
    font-size: 11.9px;
    line-height: 11.9px;
    font-weight: 500;
    background: #623817;
    color: #fff;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
}

/* submenu */
header.header .submenu {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 9;
    padding-left: 0;
    opacity: 0;
    visibility: hidden;
    transform-origin: top;
    transform: scaleY(0);
    padding-right: 25px;
    min-width: 270px;
    transition: all 0.5s;
    background-color: #fff;
    border: 1px solid #ddd;
}

header.header .submenu li {
    display: block !important;
}

header.header ul li:hover .submenu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

header.header .submenu li a {
    display: block;
    color: var(--secondary-color);
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 300;
    line-height: 18.34px;
}

header.home-header .mega-menu ul li a {
    color: var(--secondary-color) !important;
    font-size: 16px !important;
    text-transform: capitalize !important;
    font-weight: 300 !important;
}

header.header .submenu.bold-submenu li a {
    font-weight: 500;
}

header.header .submenu li a {
    padding-top: 17px;
    padding-bottom: 0;
    padding-left: 0;
}

header.header .submenu li:last-child a {
    padding-bottom: 17px;
}

/* mega menu */
.mega-menu {
    background-color: #623817 !important;
    position: absolute;
    padding: 0px 0px 0px 0px;
    left: 0;
    background-color: #fff;
    z-index: 9999999;
    border: 1px solid #ddd;
    height: auto;

    /* visibility: hidden; */
    transform: scaleY(0);
    transform-origin: top;
    transition: all .5s;
    top: 100%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);
    min-width: 1200px;
    height: 80vh !important;
    display: none;
}

header.header ul li:hover .mega-menu {

    visibility: visible;
    transform: scaleY(1);
}

.mega-menu ul {
    width: 220px;
    float: left;
    min-height: 335px;
    border-right: 1px solid #ddd;
}

.mega-menu ul:not(:first-child) {
    padding-left: 30px;
}

header.header ul li .mega-menu ul li {
    display: block !important;
}

header.header ul li .mega-menu ul:last-child {
    border-right: 0;
}

.dip-inner-cnt .inner-btn a {
    border: 1px solid #fff !important;
}

header.header ul li .mega-menu ul li a {
    padding-left: 0;
    padding-right: 0;
    display: block;
    padding-bottom: 15px;
    font-size: 14px !important;
    font-weight: 500;
    text-transform: capitalize;
}

/* minicart */

.minicart {
    position: absolute;
    right: 0;
    padding: 25px;
    z-index: 99;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.01);
    min-width: 350px;
    opacity: 0;
    top: 130%;
    transition: all 0.5s;
    background-color: #fff;
    visibility: hidden;
}

.minicart ul li {
    padding-bottom: 15px;
    margin-bottom: 9px;
    line-height: 1;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.minicart-img {
    float: left;
    width: 21.33%;
}

.minicart-desc {
    width: 65%;
    float: left;
    padding-left: 10px;
}

.minicart-desc strong {
    font-size: 16px;
    line-height: 25px;
    color: var(--secondary-color);
    font-weight: 500;
}

.minicart ul li i {
    cursor: pointer;
}

.minicart ul li i:hover {
    color: #623817;
}

.minicart ul li i {
    margin-top: 4px;
}

.header-right ul li:hover .minicart {
    opacity: 1;
    visibility: visible;
    top: 100%;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    border-radius: 5px;
}

/* header right submenu */
.header-right ul li ul.submenu {
    right: 0;
    left: auto;
    min-width: 150px;
    border: none;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);
}

.header-right ul li ul.submenu li a {
    font-weight: 500;
}

/* search popup */

#search-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    overflow-y: auto;
    height: 100%;
    background-color: #fff;
    z-index: 99999999;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
}

.search-title h2 {
    line-height: 36px;
    font-size: 30px;
    margin-bottom: 0;
}

.search-content {
    max-width: 1170px;
    margin: 0 auto;
}

.search-content ul li a {
    display: none;
}

.search-content ul li a {
    font-size: 18px !important;
    line-height: 35px !important;
    font-weight: 500;
    padding: 0 30px !important;
}

.search-content ul li a.active {
    color: #623817;
}

.search-form form {
    position: relative;
    height: 55px;
    border-bottom: 0.5px solid #ddd;
}

.search-form input {
    width: 100%;
    height: 100%;
    line-height: 55px;
    border: none;
    padding-left: 5px;
}

.search-form button {
    position: absolute;
    right: 0;
    height: 100%;
    border: none;
    background-color: transparent;
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    cursor: pointer;
    top: 0;
}

.search-result-list {
    padding: 20px 10px;
    border: 0.5px solid #ddd;
    max-height: 600px;
    border-top: 0;
    overflow-y: auto;
}

header.header ul li .search-result-list ul li {
    display: flex !important;
    flex-direction: row;
    width: 100%;
}

.search-result-list ul li {
    align-items: center;
}

.search-result-img {
    width: 80px;
}

.search-result-desc a.title {
    padding: 0 !important;
    color: var(--secondary-color);
    font-size: 16px !important;
    font-weight: 500;
    line-height: 18.2px !important;
}

.search-result-desc .price {
    font-size: 12px;
    line-height: 15.6px;
    font-weight: 500;
    color: #623817;
}

.search-result-list ul li {
    border-bottom: 0.5px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.close-search-popup i {
    font-weight: 200 !important;
    font-size: 30px !important;
    line-height: 30px;
    position: absolute;
    cursor: pointer;
    right: 55px;
    top: 45px;
}

.close-search-popup i:hover {
    color: #fff;
    background-color: #623817;
}

/* signature */
.founder-name h5 {
    font-size: 14.98px;
    line-height: 26.964px;
    font-weight: 300;
}

.founder-name span {
    font-weight: 600;
}

/* -------------------------- 3. slider -------------------- */
.single-slider {
    background-size: cover;
    background-position: center;
}

.single-slider-inner {
    position: relative;
}

.slider-heading h2 {
    color: var(--secondary-color);
    font-size: 79px;
    line-height: 79px;
}

.slider-heading h2.strong-heading {
    font-weight: 600 !important;
    font-size: 119px;
}

.light-content .slider-heading.small-heading-text h2 {
    font-size: 50px;
    line-height: 55px;
    font-weight: 500;
}

.light-content .slider-heading h2 {
    font-weight: 300;
}

.single-slider-content.white-content .slider-heading h2 {
    animation-delay: 0.5s;
    font-size: 90px;
    color: #fff;
    text-transform: capitalize;
}

.single-slider-inner .single-slider-content {
    position: absolute;
    left: 0;
    top: 10rem;
}

.single-slider-content.style-2.white-content .slider-desc p {
    color: #fff;
}

.single-slider-content.style-2 a {
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    padding-bottom: 4px;
    position: relative;
    color: #fff;
}

.single-slider-content.style-2 a::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    content: "";
}

.single-slider-content.style-2.white-content a {
    color: #fff;
}

.single-slider-content p {
    color: var(--secondary-color);
}

.single-slider-content.style-2 .slider-heading p {
    white-space: nowrap;
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: uppercase;
    padding-left: 0px;
    position: relative;
    width: fit-content;
    margin: 0 auto;
}

.single-slider-content.style-2.white-content .slider-heading p {
    color: rgb(255, 255, 255);
}

.single-slider-content.style-2 .slider-heading p::after,
.single-slider-content.style-2 .slider-heading p::before {
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 1px;
    content: "";
}

.single-slider-content.style-2 .slider-heading p::before {
    right: -60px;
    left: auto;
}

.single-slider-content.style-2.white-content .slider-heading p::after,
.single-slider-content.style-2.white-content .slider-heading p::before {
    background-color: rgb(255, 255, 255);
}

.sticky {
    position: fixed !important;
    top: -65px;
    left: 0;
    width: 100%;
    transition: all 0.5s;
    height: auto;
    background-color: #ffffff;
    /* transform: translateY(-120%);
  transition: transform .3s cubic-bezier(.49, .03, .13, .99); */
}

.black-sticky.sticky {
    background-color: #000000a2;
}

.black-sticky .mean-container a.meanmenu-reveal {
    top: -6px;
    border: 2px solid #fff !important;
}

.white-dot.number-dots .slick-dots li button {
    color: #fff;
}

.home-banner-slider .center-dots .slick-dots {
    display: none !important;
}

.black-sticky .mean-container a.meanmenu-reveal span {
    background-color: #fff !important;
}

.single-slider-inner img {
    height: 100%;
    object-fit: cover;
}

.has-img-animation {
    overflow: hidden;
}

.has-img-animation img {
    animation-name: scaleUpImg;
    animation-duration: 75s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-delay: 0;
}

@keyframes scaleUpImg {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

.roundedAnimation {
    animation-name: roundedText;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes roundedText {
    from {
        -webkit-transform: rotate(0deg) translateX(20px) rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg) translateX(20px) rotate(-360deg);
    }
}

/* ----------------------------- 3. category -------------------------- */

/* category box */
.category-box {
    position: relative;
}

.home-category-sec {
    margin-top: 40px !important;
    margin-bottom: 40px;
}

.home-category-sec {
    margin-top: 40px !important;
}

.home-category-sec .container-fluid,
.last-product-slider .container-fluid {
    padding: 0px 15px !important;
}

/* .home-category-sec .carousel-single-item .product-desc {
 left: 0 !important;
  text-align: left !important;
  background-color: #f2f2f2 !important;
} */

.home-category-sec .carousel-single-item .product-desc .product-desc-top,
.home-category-sec .carousel-single-item .product-desc .product-desc-top .categories {
    margin: 0px 0px 0px 0 !important;
}

.home-category-sec .carousel-single-item .col-12 {
    padding: 0 5px;
}

.last-product-slider .carousel-single-item .col-12 {
    padding: 0 5px;
}

.home-category-sec.category-slider .carousel-single-item .product-img img {
    object-fit: cover;
    object-position: top;
}

#background-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.category-box .category-content {
    position: absolute;
    left: 35px;
    transition: all 0.5s;
    top: 40px;
}

.category-box .category-content a {
    font-size: 19.88px;
    line-height: 23.856px;
    font-weight: 500;
    color: #333333;
    display: inline-block;
    margin-bottom: 7px;
}

.category-box .category-content a:hover {
    color: #623817;
}

.category-box .category-content p {
    color: #7e7e7e;
}

.category-box:hover .category-content {
    top: 50px;
}

.category-right {
    padding: 0 13px;
}

/* ------------------------------ 5. main product ------------------------- */
.main-product .nav {
    justify-content: center;
}

ul.nav.left-tab-link li a {
    text-transform: capitalize;
    color: #999;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    position: relative;
}

ul.nav.left-tab-link li a.active {
    color: var(--secondary-color);
}

ul.nav.left-tab-link li:not(:last-child) {
    margin-right: 40px;
}

.main-product .nav li.nav-item a {
    font-size: 23.94px;
    line-height: 42.75px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #999;
    padding-right: 30px;
    padding-left: 30px;
}

.main-product .nav li.nav-item a.active {
    color: #333;
    cursor: default;
}

/* home widget */
.widget-content h3 {
    color: #333;
    letter-spacing: -1.5px;
    font-size: 30px;
    margin: 0px 0px 9.8px;
    line-height: 36px;
}

.widget-content p {
    color: var(--secondary-color);
    font-weight: 500;
    font-size: 14.98px;
    line-height: 26.964px;
}

.widget-content .home-widget-link {
    font-size: 12.992px;
    line-height: 23.3856px;
    font-weight: 500;
    color: #623817;
    text-decoration: underline;
}

.widget-content .home-widget-link:hover {
    color: #222;
}

/* banner */
.banner-img {
    position: relative;
}

.banner-img::after,
.banner-img::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    width: 100%;
    height: 0;
    opacity: 0.4;
    visibility: visible;
    content: "";
    transition: all 1s;
}

.banner-img::before {
    width: 0;
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.banner-img:hover::after {
    opacity: 0;
    visibility: hidden;
    height: 100%;
}

.banner-img:hover::before {
    opacity: 0;
    visibility: hidden;
    width: 100%;
}

.banner-img.body-banner .banner-content {
    position: absolute;
    left: 30px;
    z-index: 99;
    top: 50%;
    transform: translateY(-50%);
    width: fit-content;
    text-align: center;
}

.banner-img.body-banner .banner-bottom-content {
    position: absolute;
    left: 40px;
    bottom: 40px;
}

.banner-img.body-banner .banner-bottom-content p.light {
    color: var(--secondary-color);
    font-weight: 300;
    font-size: 17.92px;
    line-height: 32.256px;
}

.banner-img.body-banner .banner-bottom-content h2 {
    font-size: 35.98px;
    margin-bottom: 10px;
    color: #333;
    font-weight: 500;
    line-height: 43.176px;
}

.banner-img.body-banner .banner-bottom-content p.top {
    color: #333;
    padding-left: 40px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 16.8px;
}

.banner-img.body-banner .banner-bottom-content p.top::after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 1.5px;
    background-color: #222;
    content: "";
}

.banner-img.body-banner.style-2 .banner-content {
    left: 85px;
}

.banner-img.body-banner.style-2 .banner-content p {
    color: rgb(51, 51, 51);
    font-weight: 500;
    margin-top: 20px;
}

.banner-img.body-banner.style-2 .banner-content a {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
    padding-bottom: 5px;
    pointer-events: visible;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
}

.banner-img.body-banner.style-2 .banner-content a:hover {
    text-decoration: none;
}

.banner-img.body-banner.style-2 .banner-content a::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: var(--secondary-color);
    content: "";
    transition: all 0.5s;
}

.banner-img.body-banner.style-2 .banner-content a:hover::after {
    background-color: #623817;
}

.banner-img.body-banner .banner-content h3 {
    font-size: 2.14em;
    line-height: 1;
    color: rgb(51, 51, 51);
    font-weight: 500;
}

.banner-img.body-banner .banner-content a {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: var(--secondary-color);
    display: inline-block;
}

.banner-img.body-banner .banner-content a:hover {
    color: #623817;
    text-decoration: underline;
}

.banner-top-content {
    position: absolute;
    left: 50px;
    top: 60px;
}

.scaleAnimation {
    animation-name: textScale;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes textScale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

/* ----------------------------- 6. product ------------------------ */
.product-box .product-img {
    position: relative;
     
    border: 1px solid #e5e5e5;
}

.product-box .product-desc {
    margin-top: 8px;
    position: relative;
}

.product-box .product-img .second-img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.5s;
    visibility: hidden;
}

.fix-img-row #myModelViewer {
    height: 550px !important;
}

.product-box .product-img .second-img img {
    transition: all 9s;
}

.product-box .product-img:hover .second-img {
    opacity: 1;
    visibility: visible;
}

.product-box .product-img:hover .second-img img {
    transform: scale(1.2);
}

.product-img .sale {
    position: absolute;
    display: inline-block;
    left: 20px;
    font-size: 12px;
    padding: 2px 10px;
    top: 20px;
    text-transform: capitalize;
}

.product-box .product-img .product-img-link {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    position: absolute;
    color: var(--secondary-color);
    padding: 10px;
    left: 0;
    right: 0;
    bottom: -45px;
    transition: all 0.5s;
    width: 100%;
    background-color: #ffffffde;
}

.product-box.middle-view .product-img .product-img-link {
    display: inline-block;
    width: fit-content;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: inherit;
    transform: translate(-50%, -50%);
    padding-left: 30px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    padding-right: 30px;
    max-width: 160px;
}

.product-box:hover .product-img .product-img-link {
    opacity: 1;
    visibility: visible;
}

.middle-view .wishlist.float-right {
    margin-right: 25px;
}

.product-box:hover.middle-view:hover .product-img .product-img-link {
    bottom: inherit !important;
}

.product-box .product-img .product-img-link:hover {
    color: #623817;
}

.product-box:hover .product-img .product-img-link {
    bottom: 0;
}

.product-box.middle-view .product-desc {
    position: absolute;
    left: 0;
    bottom: 0px;
    opacity: 1;
    padding-bottom: 10px;
    width: 100%;
    padding-left: 35px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    padding-top: 10px;
}

.product-box.middle-view:hover .product-desc {
    opacity: 1;
    visibility: visible;
}

.eright-turquoise-color-hover:hover {
    color: #12c1db !important;
}

.home-category-sec .product-desc-top {
    justify-content: center !important;
}

.product-desc-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    position: relative;
}

.home .header.header-sticky .navbar .navbar-collapse svg {
    fill: #fff !important;
}

.home .header.header-sticky .navbar .navbar-collapse .sr-only {
    display: none;
}

.navbar-collapse .nav-item .nav-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.product-desc-top a {
    display: inline-block;
}

.home-last-carousel .add-to-cart-icon {
    position: absolute;
    right: 0;
    top: 0;
}

.product-desc-top a i {
    font-size: 15px;
    margin-top: 4px;
    font-weight: 500;
}

.product-desc a.product-title {
    color: var(--secondary-color);
    margin-top: 5px;
    display: block;
    line-height: 16.8px;
    font-weight: 500;
    font-size: 15px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;

    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-right: 40px;
}

.product-desc a:hover {
    color: #623817;
}

.price-switcher {
    height: 35px;
    overflow: hidden;
    position: relative;
}

.price-switcher span.price {
    font-size: 16px;
    color: #888;
}

.price-switcher .switcher-item {
    position: absolute;
    transform: translateY(-50%);
    left: 0;
    transition: all 0.5s;
}

.price-switcher .switcher-item:first-child {
    position: absolute;
    left: 0;
    top: 50%;
}

.price-switcher .switcher-item:last-child {
    top: 150%;
}

.product-box:hover .price-switcher .switcher-item:first-child {
    top: -50%;
}

.product-box:hover .price-switcher .switcher-item:last-child {
    top: 50%;
}

.price-switcher a.add-cart {
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 25px;
    padding-bottom: 2px;
}

.price-switcher a.add-cart::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.8px;
    background-color: var(--secondary-color);
    content: "";
}

.price-switcher a.add-cart:hover {
    color: #623817;
}

.price-switcher a.add-cart:hover::after {
    background-color: #623817;
}

.categories a {
    padding-right: 3px;
    position: relative;
}

.categories a:not(:last-child)::after {
    position: absolute;
    right: -3px;
    bottom: 0;
    content: ",";
    font-size: 18px;
}

.owl-carousel.red-nav .owl-nav .owl-next,
.owl-carousel.red-nav .owl-nav .owl-prev {
    /* background-color: #623817; */
    color: #623817;
}

a.load-more {
    display: inline-block;
    font-size: 13px;
    line-height: 23.4px;
    font-weight: 500;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #333;
}

a.load-more:hover {
    color: #623817;
}

/* list product */
.list-product-desc a.title {
    font-size: 23.94px;
    line-height: 28.728px;
    font-weight: 500;
    display: block;
    margin: 0px 0px 8px;
    color: #333333;
    text-transform: capitalize;
}

.list-product-desc .rating {
    margin: 5px 0;
}

.rating i {
    font-size: 12px;
    font-weight: 500;
    color: #dcd1d4;
}

.rating i.active {
    color: #623817;
}

.list-product-desc .price span,
.list-product-desc .price del {
    color: #888;
    font-size: 18px;
    line-height: 32.1429px;
    font-weight: 500;
    padding-left: 10px;
}

.list-product-desc .desc p,
.list-product-desc ul li {
    font-size: 14.98px;
    color: var(--secondary-color);
    line-height: 26.964px;
    font-weight: 300;
}

.quantity-size .quantity-main,

.quantity-size .size-main,

.quantity-main .quantity-title,

.size-main .select-one,

.size-main .quantity-title {
    width: 50%;
}

.quantity-title,

.increase,

.decrease {
    margin-bottom: 0px !important;
}

.quantity-size {
    flex-wrap: wrap;
    justify-content: center;
}

.quantity-size .size-main:nth-child(2n+2) {
    border-left: 1px solid #623817;
}

.quantity-main .increase-decrease {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%;
}

.quantity-size div.size-main:nth-child(2n+1) {
    padding: 16px 16px 16px 0px !important;
}

.quantity-size div.size-main:nth-child(2) {
    border-top: 0px;
    padding: 19px 16px !important;
}

.last-update .cart-title button {
    padding: 10px 0px !important;
}

.list-add-cart-btn {
    height: 44px;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    height: 45px;
    width: 60%;
    display: inline-block;
    color: #ffffff;
    background-color: #623817;
    text-transform: capitalize;
    border: 1px solid #ddd;
    padding: 10px 32px;
    transition: all ease 0.3s;
    width: 100%;
    line-height: 1;
    text-transform: uppercase;
}

.list-add-cart-btn:hover {
    background-color: transparent !important;
    color: #623817 !important;
    border: 1px solid #623817 !important;
}

.transparent-hover-btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    height: 45px;
    width: 60%;
    display: inline-block;
    color: #623817;
    background-color: transparent;
    text-transform: capitalize;
    border: 1px solid #623817 !important;
    /* border-radius: 5px; */
    padding: 0 60px;
}

.transparent-hover-btn:hover {
    background-color: #623817;
    color: #fff;
    border-color: #623817;
}

.list-product-desc a span {
    width: 55px;
    height: 55px;
    display: inline-block;
    text-align: center;
    /* border-radius: 50%; */
    border: 2px solid #ddd;
    background: transparent;
    margin-left: 10px;
    color: var(--secondary-color);
    line-height: 51px;
}

.list-product-desc a span:hover {
    border-color: var(--secondary-color);
}

/* ---------------------- 7. shipping ----------------------------- */

.shipping-price-section .shipping-icon img {
    width: 120px;
}

.shipping-price-section .shipping-desc {
    width: fit-content;
    margin: 0 auto;
    text-align: center;
}

.shipping-price-section p {
    font-size: 15.96px;
    font-weight: 300;
    line-height: 28.728px;
    color: var(--secondary-color);
}

/* product 2 box */

.product-box-2 .product-img {
    position: relative;
}

.product-box-2 img {
    transition: all 0.5s;
}

.product-box-2:hover img {
    filter: brightness(70%);
}

.product-box-2 .product-img a.product-2-link {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
    transform: translate(-50%, -50%);
}

.product-box-2:hover .product-img a.product-2-link {
    opacity: 1;
    visibility: visible;
}

.product-2-desc {
    padding: 13px 0 40px;
}

.product-2-desc span.date {
    color: var(--secondary-color);
    font-size: 13px;
    line-height: 23.2143px;
    font-weight: 500;
    margin: 0px 0px 9px;
}

.product-2-desc h5 a {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    color: #333;
    margin: 5px 0px;
}

.product-2-desc h5 a:hover {
    color: #623817;
}

/* ----------------------- 8. blog -------------------- */

/* blog box */
.blog-box-img {
    position: relative;
    overflow: hidden;
}

.blog-box-img img {
    transition: all 0.5s;
}

.blog-box-img:hover img {
    transform: scale(1.1);
    filter: brightness(85%);
}

.blog-box-img .blog-box-tags {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    background-color: #623817;
    padding: 7px 15px;
}

.blog-box-img .blog-box-tags a {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
}

.blog-box-img .blog-box-tags a:hover {
    text-decoration: underline;
}

.blog-box-img .blog-box-tags a:not(:last-child) {
    margin-right: 3px;
    position: relative;
}

.blog-box-img .blog-box-tags a:not(:last-child)::after {
    position: absolute;
    left: 106%;
    top: 50%;
    transform: translateY(-50%);
    content: ",";
    color: #fff;
    font-size: 16px;
}

.blog-box-desc {
    padding: 25px 15px 0;
    padding-left: 0;
    padding-right: 0;
}

.grid-blog-box .blog-box-desc {
    padding-top: 30px;
}

.blog-box-link a {
    color: #333;
    font-size: 17.92px;
    line-height: 21.504px;
    text-transform: capitalize;
    margin: 0px 0px 15px;
    font-weight: 500;
}

.blog-box-link h3 a {
    font-size: 28px;
    line-height: 33.6px;
    font-weight: 500;
}

.blog-box-link a:hover {
    color: #623817;
    text-decoration: underline;
}

ul.post-entry-data li {
    display: inline-block;
    color: var(--secondary-color);
    font-size: 12px;
    position: relative;
    line-height: 12px;
    padding: 0px 10px 0px 0px;
    margin: 0px 10px 10px 0px;
}

ul.post-entry-data li a {
    color: #444;
}

ul.post-entry-data li a:hover {
    color: #623817;
}

ul.post-entry-data li:not(:last-child) {
    border-right: 1px solid #999;
}

.blog-short-content p {
    font-size: 16px;
    color: var(--secondary-color);
    line-height: 26.964px;
}

.primary-desc .blog-short-content p {
    font-size: 14.98px;
    margin: 0px 0px 14.98px;
    color: var(--secondary-color);
    line-height: 29.96px;
    font-weight: 300;
}

.blog-box-desc.primary-desc ul li {
    color: #888;
    font-style: italic;
}

.blog-box-desc.primary-desc ul li:last-child {
    color: #222;
}

.blog-box-desc a.blog-box-action {
    color: #c91212;
    font-size: 16px;
    position: relative;
    display: inline-block;
    padding-bottom: 2px;
    line-height: 25px;
    font-weight: 500;
}

.blog-box-desc .blog-box-action::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    transition: all 0.5s;
    height: 0.5px;
    background-color: #c91212;
    content: "";
}

.blog-box-desc a.blog-box-action:hover::after {
    width: 100%;
}

.has-breadcrumb-bg {
    min-height: 600px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.has-breadcrumb-bg h2 {
    font-size: 71.96px;
    line-height: 86.352px;
    margin: 0 0 5px;
    color: #333;
    font-weight: 500;
}

.has-breadcrumb-content li.active {
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
}

.has-breadcrumb-content h2.title {
    color: #333;
    font-size: 71.96px;
    margin: 0px 0px 5px;
    line-height: 86.352px;
    font-weight: 500;
}

/* ------------------------ 9. shop ----------------------- */

ol.breadcrumb {
    background: transparent;
}

ol.breadcrumb li a {
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    color: #333e48;
    opacity: 0.6;
}

ol.breadcrumb li a.active {
    opacity: 1;
}

/* widget */

.widget .list a,
.widget .sidebar-list ul li a {
    color: #565d64;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
}

.widget .sidebar-list ul li a {
    padding-left: 15px;
}

.widget .list a:hover,
.widget .sidebar-list ul li a:hover {
    opacity: 1;
}

.widget .list {
    overflow: hidden;
}

.widget .list button {
    background-color: transparent;
    border: none;
    color: #222;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: inline-block;
}

.widget .list button span i {
    font-size: 16px;
    transform: translateY(-5px);
}

.widget .list button.collapsed {
    color: #adadad;
}

/* price filter */

.filter-widget .filter-item {
    margin-bottom: 50px;
}

div#slider-range,
div#slider-range-2 {
    height: 4px;
    background: #623817;
    border: none;
}

.ui-slider-range.ui-corner-all.ui-widget-header {
    background-color: #623817;
}

span.ui-slider-handle.ui-corner-all.ui-state-default {
    background: #623817;
    /* border-radius: 50%; */
    cursor: e-resize;
    transform: translateY(-2px);
    outline: none;
    border: none;
    position: absolute;
}

span.ui-slider-handle.ui-corner-all.ui-state-default::after {
    content: "";
    width: 100%;
    height: 100%;
    /* border-radius: 50%; */
    background-color: #fff;
    transform: scale(0.5);
    position: absolute;
    left: 0;
    top: 0;
}

.filter-form-submit button {
    background: #333333;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    transition: all 0.5s;
    line-height: 25px;
    font-weight: 500;
    padding: 0 24px;
    /* border-radius: 3px; */
    height: 40px;
}

.filter-form-submit button:hover {
    background-color: #623817;
}

.filter-price {
    font-size: 16px;
    color: var(--secondary-color);
    font-weight: 500;
}

.filter-price input {
    background: transparent;
    border: none;
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 33.6px;
    font-weight: 500;
}

ul.color-list li {
    position: relative;
    width: 30px;
    height: 30px;
    /* border-radius: 30px; */
    display: inline-block;
    transition: all 0.3s;
    cursor: pointer;
    border: 1px solid #ddd;
}

ul.color-list li:not(:last-child) {
    margin-right: 15px;
}

ul.color-list li:hover {
    transform: scale(0.8);
}

.widget .size-link a {
    display: inline-block;
    line-height: 32px;
    min-width: 32px;
    min-height: 32px;
    /* border-radius: 50%; */
    font-size: 10px;
    text-transform: uppercase;
    color: #222;
    margin-bottom: 10px;
    text-align: center;
    background-color: #eeeeee;
}

.widget .size-link a {
    margin-right: 15px;
}

.widget .size-link a:hover {
    color: #fff;
    background-color: #623817;
}

/* post */
.widget {
    padding-right: 60px;
}

.widget .post-box ul li:not(:last-child),
.widget .comment-box ul li:not(:last-child) {
    margin-bottom: 30px;
}

.widget .post-box ul li,
.widget .comment-box ul li {
    overflow: hidden;
}

.widget .post-box .post-img,
.widget .comment-box .post-img {
    width: 23.33%;
    float: left;
}

.widget .post-box .post-img-desc,
.widget .comment-box .post-img-desc,
.widget .post-box.comment .post-img-desc {
    width: 60.33%;
    padding-left: 20px;
    float: left;
}

.widget .post-box .post-img-desc a,
.widget .comment-box .post-img-desc a {
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 16.8px;
    font-weight: 500;
}

.widget .post-box.comment .post-img-desc a,
.widget .comment-box .post-img-desc a {
    font-size: 16px;
    color: var(--secondary-color);
    font-weight: 500;
    text-transform: capitalize;
    line-height: 25.2px;
}

.widget .comment .post-img-desc p {
    color: var(--secondary-color);
    font-size: 12.6px;
    line-height: 22.68px;
    font-weight: 300;
}

.widget .comment ul li:not(:last-child) {
    padding-bottom: 21px !important;
    border-bottom: 1px solid #ddd;
    margin-bottom: 21px !important;
}

.widget .post-box .post-img-desc .price {
    color: #888;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
}

.widget .category-list ul {}

.widget .category-list ul li {
    display: inline-block;
}

.widget .category-list ul li {
    margin-bottom: 0;
}

.widget .category-list ul li a {
    color: #777779;
    background: #f5f5f5;
    font-size: 12px;
    font-weight: 500;
    line-height: 21.4286px;
    padding: 5px 12px;
    /* border-radius: 30px; */
    margin: 3.5px 3px;
    display: inline-block;
}

.widget .category-list ul li a:hover {
    color: #fff;
    background-color: #623817;
}

.widget.blog-list .list a {
    color: #999;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    opacity: 1;
}

.widget.blog-list .list a:hover {
    color: #222;
}

.widget .list ul li {
    margin-bottom: 8px;
}

/* search */
.sidebar-search-form form {
    position: relative;
}

.sidebar-search-form form input {
    width: 100%;
    height: 100%;
    /* border-radius: 30px; */
    background-color: #f8f8f8;
    border: 0;
    color: #888;
    font-size: 16px;
    font-weight: 500;
    padding-left: 20px;
    height: 55px;
    width: 100%;
}

.sidebar-search-form ::placeholder {
    color: #888;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
}

.sidebar-search-form button {
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 20px;
    padding-right: 24px;
    height: 100%;
    border: none;
    /* border-radius: 30px; */
    background: transparent;
    color: #222;
}

/* filter */

.filter-heading {
    border-bottom: 1px solid #ebebeb;
}

.filter-shown-item p {
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 25.2px;
    font-weight: 300;
}

.filter-heading {
    position: relative;
}

.filter-heading ul.nav li span {
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 14px;
    font-weight: 500;
}

.shop-filter-tab ul.nav li a {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    margin-top: 3px;
    display: inline-block;
    color: #222;
    opacity: 0.5;
}

.shop-filter-tab ul.nav li a.active {
    opacity: 1;
}

.shop-filter-tab ul.nav li {
    margin-left: 15px;
}

.sorting select,
.filter h6 {
    border: none;
    cursor: pointer;
    outline: none;
    margin-right: 40px;
    width: 170px;
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
}

.filter h6 {
    width: inherit;
    margin-right: 0;
    position: relative;
    padding-right: 20px;
}

.filter h6::after,
.sorting select::after {
    position: absolute;
    right: 0;
    top: 50%;
    font-family: "Font awesome 5 pro";
    color: var(--secondary-color);
    font-size: 20px;
    transform: translateY(-50%);
    content: "\f107";
}

/* filter popup */
.filter-popup {
    position: absolute;
    z-index: 9;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 45px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    height: auto;
}

.filter-popup .widget {
    padding-right: 0;
}

/* ------------------------- 10. single-product ----------------------- */

/* single product */

/* single product top */
.single-product-title h2 {
    font-size: 35.9996px;
    line-height: 43.1995px;
    margin: 0px 0px 10px;
    font-weight: 500;
}

.single-product-price {
    font-weight: 500;
    line-height: 50.4px;
    color: var(--secondary-color);
}

.single-product-desc p,
.single-product-desc ul li {
    font-size: 14.98px;
    line-height: 26.964px;
    color: var(--secondary-color);
    font-weight: 300;
    margin: 0px 0px 14.98px;
}

.single-product .store-left-desc {
    margin-left: 0;
    width: 100%;
}

.single-product .store-left-desc.center {
    margin: 0 auto !important;
}

.product-detail-faq-col .question-collapse #headingOne button {
    border-bottom: none;
}

.product-detail-faq-col .question-collapse button {
    background-color: transparent !important;
    border: solid #f2f2f2;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left: none;
    border-right: none;
    padding-left: 0px !important;
}

.single-product-action ul li,
.single-product-category ul li,
.share-product ul li,
.single-product-tags ul li {
    display: inline-block;
    margin-bottom: 0;
    position: relative;
    padding-right: 5px;
    margin-right: 5px;
}

.single-product-category ul li::after,
.single-product-tags ul li::after {
    position: absolute;
    left: 100%;
    top: 0;
    font-size: 16px;
    color: #222;
    font-weight: 500;
    content: ",";
}

.single-product-category ul li:first-child::after,
.single-product-tags ul li:first-child::after {
    content: "";
}

.single-product-category ul li:last-child::after,
.single-product-tags ul li:last-child::after {
    content: ";";
}

.single-product-action ul li a,
.single-product-category ul li a,
.share-product ul li a.title,
.single-product-tags ul li a,
.single-product-category ul li a.title {
    color: #222;
    font-size: 16px;
    line-height: 25px;
    text-transform: capitalize;
    font-weight: 500;
}

.single-product-action ul li a:hover,
.single-product-category ul li a:hover,
.single-product-tags ul li a:hover {
    color: #623817;
    text-decoration: underline;
}

.single-product-category ul li a.title,
.share-product ul li a.title {
    color: var(--secondary-color);
}

.single-product-action ul li a i {
    padding-right: 10px;
}

.share-product ul li:not(:first-child) a {
    /* border-radius: 50%; */
    width: 40px;
    height: 40px;
    background: #f1f1f1;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #999;
}

/* single product buttom */
.single-product-bottom ul.nav li a {
    color: var(--secondary-color);
    font-size: 14px;
    /* line-height: 35.5px; */
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    padding-bottom: 0px;
    display: inline-block;
    font-weight: 500; 
    text-transform: uppercase;
}

.single-product-bottom ul.nav li a.active {
    
    color: var(--primary-color);
}

.single-product-bottom ul.nav li a.active::after {
    position: absolute;
    left: 0;
    bottom: -18;
    width: 100%;
    height: 1px;
    background-color: #000;
    content: "";
    z-index: 9;
}

.single-product-tab-content h3 {
    color: #333;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
}

.tab-content .single-product-tab-content .title,

#collapse10 .card-body>p,

.check-span,

.return-check p {
    font-size: 12px !important;
    text-transform: capitalize;
}

.single-product-tab-content p {
    font-size: 14px;
    color: var(--secondary-color);
    /* font-weight: 700 !important; */
    margin: 0px 0px;
    line-height: 21px;
}

.single-product-tab-content p+p {
    font-size: 12px !important;
    /* font-weight: 300 !important; */
}

.single-product-tab-content input,
.single-product-tab-content textarea {
    outline: none !important;
    border-radius: 0;
}

.single-product-tab-content input {
    height: 55px;
    max-width: 275px;
    outline: none;
    display: none;
}

.single-product-tab-content label {
    display: block;
    font-size: 14.98px;
    color: var(--secondary-color);
    line-height: 26.964px;
    margin: 0px 10px 7px 0;
}

.single-product-tab-content table tr th {
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
}

.single-product-tab-content table tr td ul li {
    display: inline-block;
    margin: 0;
}

.single-product-tab-content table tr td ul li a {
    font-size: 14.98px;
    line-height: 26.964px;
    font-weight: 300;
    color: #222;
    position: relative;
    padding-right: 3px;
    text-transform: uppercase;
}

.single-product-tab-content table tr td ul li a::after {
    position: absolute;
    right: -3px;
    top: -4px;
    content: ",";
}

.single-product-tab-content table tr td ul li:last-child a::after {
    content: ";";
}

.product-detail h2 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 5px;
}

.product-detail .single-product-price {
    font-size: 15px;
    line-height: 25px;
    font-weight: 300;
}

.product-detail .single-product-title p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

.product-detail .single-product-component h6 {
    display: none;
}

.product-detail .single-product-component form {
    margin-bottom: 10px;
}

.product-detail .single-product-component .color-choose {
    gap: 5px;
}

.product-detail .single-product-component .color-choose .small-color-img {
    width: 32px;
    height: 32px;
    /* border-radius: 4px; */
    border: 1px solid transparent;
}

.product-detail .single-product-component .color-choose .small-color-img img {
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #000000;
}

.product-detail .single-product-component .color-choose .small-color-img:hover {
    /* border: 1px solid #000000; */
    border-radius: 50%;
    cursor: pointer;
}

.product-detail .product-detail-faq-col {
    padding: 40px;
    position: sticky;
    top: 90px;
    /* transform: translate(0, -50%); */
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    height: 100%;
}

/* .product-detail .btn-flex {
  gap: 25px;
} */

.product-detail .btn-flex .quick-quantity:first-child {
    width: 40%;
}

.product-detail .btn-flex .quick-quantity:last-child {
    width: 60%;
}

.product-detail .btn-flex .list-add-cart-btn {
    padding: 10px 14px !important;
    width: 100%;
    height: 40px !important;
    transition: all 0.3s ease-out 0s;
    white-space: nowrap;
}

.product-detail .btn-flex .transparent-hover-btn {
    width: 100%;
    padding: 10px 20px !important;
    height: 46px !important;
    /* line-height: 1; */
    white-space: nowrap;
}

.product-detail .question-collapse button {
    padding: 8px 16px 8px 0px !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.product-detail .card-body {
    padding: 0px !important;
    margin: 5px 0px !important;
}

.product-detail .card-body p {
    font-size: 14px;
}

.form-group input[type="checkbox"] {
    height: inherit;
}

.form-group span.required {
    font-weight: 500;
    font-size: 14.98px;
    line-height: 26.964px;
}

/* review box */
.review-box-img {
    text-align: left !important;
}

.review-box-img img {
    border: 4px solid #ebe9eb;
    /* border-radius: 4px; */
}

.review-box-content {
    border: 1px solid #ebebeb;
    padding: 15px;
    /* border-radius: 4px; */
    margin-bottom: 50px;
}

.star-rating a i {
    font-weight: 300;
    color: #222;
    font-size: 14.98px;
    line-height: 26.964px;
}

.star-rating a:hover i {
    color: #623817;
}

.total-rating {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
}

/* color input */
.single-product-component h6,
.waist-size h6,
.leg-size h6,
.first-guide-chart h6,

.build-part h6 {
    color: #623817;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-transform: capitalize;
}

.single-product-component h6 span,
.waist-size h6 span,
.leg-size h6 span {
    font-weight: 500;
}

.color-input {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    float: left;
}

.color-input label {
    width: 32px;
    margin-bottom: 12px;
    height: 32px;
    /* border-radius: 50%; */
}

.color-input label {
    border: 1px solid #ddd;
}

.color-input span {
    color: var(--secondary-color);
    font-size: 12px;
    line-height: 28px;
    font-weight: 500;
}

.single-product-component .size label {
    min-width: 32px;
    min-height: 32px;
    margin-right: 10px;
    display: inline-block;
    background: #eee;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    color: #222;
    font-size: 10px;
    text-transform: uppercase;
}

.single-product-component .size label.active {
    background-color: #222;
    color: #fff;
}

.has-border-img img {
    transition: all 0.5s;
    border: 1px solid transparent;
}

.has-border-img img:hover {
    border: 1px solid #222;
}

.has-border-img a.active img {
    border: 1px solid #222;
}

/* ------------------------- 11. portfolio --------------------- */
.owl-carousel.small-img .owl-item img {
    object-fit: cover;
}

.portfolio-right h2.title {
    color: #333;
    margin: 0px 0px 20px;
    line-height: 28.7986px;
    font-weight: 500;
    font-size: 23.9988px;
}

.portfolio-right p {
    color: var(--secondary-color);
    margin: 0px 0px 14.98px;
    font-size: 14.98px;
    line-height: 26.964px;
    font-weight: 300;
}

.portfolio-desc-list ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}

.portfolio-desc-list ul li h6 {
    margin-bottom: 0;
    color: var(--secondary-color);
    font-size: 14.98px;
    line-height: 26.964px;
    font-weight: 600;
}

.portfolio-desc-list ul li p {
    margin-bottom: 0;
    font-size: 16px;
    color: var(--secondary-color);
    line-height: 25px;
    font-weight: 500;
}

.portfolio-desc-list a {
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    padding: 0 10px;
    color: #222;
    padding-left: 0;
    margin-right: 10px;
}

.portfolio-desc-list a:hover {
    color: #623817;
}

a.like-wishlist i {
    position: relative;
}

a.like-wishlist i span {
    position: absolute;
    right: -10px;
    top: -6px;
    font-size: 16px;
    font-weight: 600;
}

/* grid product */
.portfolio-grid button {
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 21px;
    background: transparent;
    padding: 5px 20px;
    margin: 0px 0px 0px -1px;
    border: none;
}

/* ---------------------------- 12. about --------------------------- */
.bg-video {
    position: relative;
}

.bg-video a.video-popup {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    display: inline-block;
    width: 55px;
    height: 55px;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align: center;
}

a.video-popup i {
    line-height: 50px;
}

/* --------------------- 13. service --------------------- */
.service-box .service-img {
    margin-bottom: 20px;
}

.service-box h6 {
    color: #333;
    font-weight: 500;
    font-size: 18px;
    line-height: 32.1429px;
    margin: 0px 0px 15px;
}

.service-box p {
    color: var(--secondary-color);
    line-height: 25px;
}

.service-box.service-box-2 {
    padding: 0;
}

/* ------------------------- 14. testimonial --------------- */
.testimonial {
    background-size: cover;
    background-position: center;
}

.by-author {
    padding-top: 10px;
}

.by-author span {
    display: block;
}

.by-author span.author-name {
    display: block;
    color: #fff;
    margin: 10px 0px 0px;
    font-size: 16px;
    line-height: 14px;
    font-weight: 500;
}

.testimonial img {
    width: inherit !important;
    margin: auto;
}

.by-author span.author-byline {
    color: #fff;
    font-size: 16px;
    line-height: 25px;
}

.testimonial-desc blockquote {
    padding: 75px 10px;
    position: relative;
}

.testimonial-desc blockquote::after {
    position: absolute;
    left: 50%;
    top: 0;
    color: #fff;
    transform: translateX(-50%);
    content: "\f10e";
    font-family: 'Font awesome 5 pro';
    font-size: 30px;
}

.testimonial-desc p {
    color: #fff;
    font-size: 29.96px;
    margin: 0px 0px 14.98px;
    font-weight: 300;
    line-height: 53.928px;
}

.testimonial .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -40px;
    position: relative;
    z-index: 99;
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    transition: all .5s;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {

    background-color: #000;
}

/* -------------------------- 14. question ---------------- */

.question-desc h4 {
    color: #333;
    line-height: 21.5998px;
    font-size: 17.9998px;
    margin: 0px 0px 9.8px;
}

/* div#accordionExample>div {
  margin-bottom: 10px;
} */

/* ----------------------- *. footer -------------------------- */
/* newsletter */
.footer-top-wrapper,
.container-1180 {
    width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.footer .checkout-area .country-select {
    margin: 0 auto;
}

.footer .checkout-area select {
    padding: 10px;
    background: transparent;
    color: #fff;
}

.footer .checkout-area select:focus-visible {
    outline: none !important;
}

.footer .checkout-area select option {
    background-color: #0e2846;
    color: #fff;
}

.newsletter h2.title {
    font-size: 24px;
    color: #333;
    line-height: 1.4;
    font-weight: 400;
}

.newsletter p {
    margin-bottom: 14.98px;
}

.newsletter.row-content p {
    color: #333;
    margin: 0px 0px 0px;
}

.newsletter-form form {
    height: 55px;
}

.newsletter.row-content form,
.newsletter-form #mc_embed_shell {
    max-width: 770px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.newsletter-form form input {
    border: none;
    border-radius: 30px;
    width: 370px;
    padding-left: 20px;
}

.newsletter.row-content .newsletter-form form input {
    border-radius: 0;
}

.newsletter-form form ::placeholder {
    color: #999;
    font-size: 16px;
    font-style: italic;
}

.newsletter.row-content .newsletter-form form {
    height: inherit;
}

/* service */
.service-box-content {
    position: relative;
    padding-left: 60px;
    padding-right: 10px;
}

.service-box-content.text-center {
    padding: 0;
}

.service-box-content::after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #99999f;
    font-weight: 2;
    font-family: "Font awesome 5 pro";
    font-size: 35px;
}

.service-box-content.text-center::after {
    left: 50%;
    top: auto;
    bottom: 100%;
    transform: translateX(-50%);
}

.footer-top.red-content .service-box-content::after {
    color: #fff;
}

.service .service-item:nth-child(1) .service-box-content::after {
    content: "\f0ac";
}

.service .service-item:nth-child(2) .service-box-content::after {
    content: "\f879";
}

.service .service-item:nth-child(3) .service-box-content::after {
    content: "\f4c5";
}

.service-box-content:hover::after {
    animation-name: service-animation;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
}

.service-box-content.text-center:hover::after {
    animation-duration: 0s;
}

.service-box-content h4 {
    font-size: 17.92px;
    color: #333;
    margin-bottom: 5px;
    line-height: 32px;
}

.service-box-content p {
    margin-bottom: 0;
    line-height: 19.6px;
    color: var(--secondary-color);
}

.sku {
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 25px;
    margin: 0px 0px 5px;
    text-transform: uppercase;
}

.sku strong {
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 25px;
    padding: 0px 5px;
    font-weight: 500;
}

@keyframes service-animation {
    0% {
        top: -0%;
        opacity: 0;
    }

    100% {
        top: 50%;
        opacity: 1;
    }
}

/* footer bottom */

.footer-item.has-desc h3 {
    color: #ffffff;
}

.footer-item.has-desc .newsletter-form form input {
    border: none;
    border-radius: 2px;
    width: 322px;
    padding-left: 20px;
    height: 100%;
}

.footer-item.has-desc .generic-btn {
    height: 55px;
    min-width: 150px;
    border: none;
    text-align: center;
    display: inline-block !important;
    line-height: 55px !important;
    transition: all 0.5s;
    border-radius: 2px;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: capitalize !important;
}

.footer-item.has-desc .generic-btn:hover {
    color: #000 !important;
    background-color: #fff !important;
}

.footer-item.has-desc .red-hover-btn {
    background-color: #eaeaea;
    color: #c8cacd !important;
}

.footer-item.has-desc p {
    color: #ffffff;
    line-height: 25.2px;
}

.footer-item.has-desc p a {
    color: #ffffff;
    text-decoration: underline;
}

/* footer menu */
.footer-menu ul li {
    margin-bottom: 16px;
}

.footer-menu ul li a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    display: block;
    text-transform: capitalize;
    letter-spacing: 0.3;
    transition: 0.6s all;
}

.footer-menu-2 li span,

.need-cnt-check {
    font-size: 14px !important;
}

.footer .title,

.footer-mobile {
    color: #fff;
    cursor: auto;
    font-size: 14px;
    line-height: 15.5904px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 26px;
}

.footer-menu ul li a:hover {
    color: rgb(255 255 255 / 60%);
    transition: 0.6s all;
}

.footer-menu ul li a.title:hover {
    color: #fff;
}

/* footer subscribe form */
.footer-subscribe-form form {
    height: 55px;
    width: 100%;
    position: relative;
}

.footer-subscribe-form form input {
    width: 100%;
    border: none;
    height: 100%;
    border-radius: 30px;
    color: #777;
    padding-left: 10px;
    background-color: #333333;
}

.footer-subscribe-form form::placeholder {
    color: #777;
    padding-left: 10px;
}

.footer-subscribe-form form button {
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 25px;
    padding-right: 25px;
    height: 100%;
    background-color: red;
    display: block;
    border-top-right-radius: 30px;
    font-size: 13px;
    border-bottom-right-radius: 30px;
}

.footer-help-icon .d-flex svg {
    margin-right: 5px;
}

.footer-help-icon .d-flex a span {
    color: #fff;
    font-weight: 500;
}

/* social links */
.social-links ul li {
    display: inline-block;
}

.social-links ul li a {
    line-height: 25.2px;
    font-size: 16px;
    padding-right: 10px;
}

.social-links ul li a:hover {
    color: #fff;
    text-decoration: underline;
}

.social-links ul li a.red-hover {
    color: #fff;
}

.social-links ul li a.red-hover:hover {
    color: #623817;
}

.copyright {
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    color: #848484;
}

.copyright a:hover {
    text-decoration: underline;
}

/* social icon */
.social-icon li {
    display: inline-block;
}

.social-icon li a {
    color: #848484;
    width: 40px;
    height: 40px;
    border: 2px solid #333;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin-left: 10px;
    margin-bottom: 5px;
}

.social-icon.red-hover ul li a:hover {
    color: #623817;
    border-color: #623817;
}

/* ------------------------ *. popup ----------------------------- */

/* quick view */

/* width */
/* #product-popup ::-webkit-scrollbar {
  width: 4px;
}

/* Track */
/* #product-popup ::-webkit-scrollbar-track {
  background: #f1f1f1;
} */

/* Handle */
/* #product-popup ::-webkit-scrollbar-thumb {
  background: #ddd;
} */

/* Handle on hover */
/* #product-popup ::-webkit-scrollbar-thumb:hover {
  background: #623817;
} */

.product-popup-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    transition: all 0.5s;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
}

.product-popup-container {
    max-width: 900px;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    height: 70%;
    transition: all 0.5s;
    left: 50%;
    top: 50%;
    padding: 30px;
    transform: translate(-50%, -50%);
    z-index: 99999;
    background-color: #fff;
}

.product-popup-container i.fa-times,
.close-search-popup i.fa-times {
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    z-index: 9999;
    line-height: 30px;
    transition: all 0.5s;
    position: absolute;
    right: 5px;
    top: 5px;
}

.product-popup-container i.fa-times:hover,
.close-search-popup i.fa-times:hover {
    background-color: #623817;
    color: #fff;
}

.popup-inner-content {
    position: relative;
}

#product-popup ul.nav li.nav-item {
    width: 80px;
}

.product-content .product-title h2 {
    font-size: 28px;
    color: #222;
    line-height: 33.6px;
    margin-bottom: 5px;
}

.product-content .price,
.product-content a.all-feature {
    color: #623817;
    font-size: 14.98px;
    line-height: 26.964px;
}

.product-content a.all-feature {
    color: #333;
    text-decoration: underline;
}

.product-content a.all-feature:hover {
    color: #623817;
}

.product-content form input[type="number"],
.product-content form input[type="text"] {
    height: 55px;
    border: 1px solid #ddd;
    width: 100px;
    display: block;
    text-align: center;
    float: left;
    margin-right: 5px;
    color: #777;
}

.product-content p,
.product-content ul li,
p.simple-text {
    color: var(--secondary-color);
    margin-bottom: 5px;
    font-weight: 400;
}

.product-content p b {
    font-weight: 500;
}

.total-cart span.cart-count {
    color: #77a464;
    font-size: 12.88px;
    line-height: 23.184px;
    margin: 0px 0px 14.98px;
    font-weight: 300;
    display: inline-block;
}

/* startup view */
.startup-popup-body {
    width: 1030px;
    transition: all 0.5s;
    height: 620px;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    left: 50%;
    top: 50%;
    background-image: url("../img/bg/1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 99999;
    transform: translate(-50%, -50%);
}

.startup-popup-inner {
    position: relative;
}

.startup-popup-main-content {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: fit-content;
    text-align: center;
}

.single-product-top .shop-img img:not(:last-child) {
    margin-bottom: 30px;
}

.startup-popup-main-content h2 {
    font-weight: 600;
    font-size: 35.98px;
    line-height: 43.176px;
    margin: 0px 0px 20px;
}

.startup-popup-main-content p {
    color: var(--secondary-color);
    line-height: 25px;
}

.startup-popup-main-content input[type="text"] {
    width: 100%;
    font-style: italic;
    font-size: 16px;
    color: #999;
    border: none;
    width: 80%;
    margin-left: auto;
    height: 55px;
    line-height: 55px;
    margin-right: auto;
    background-color: transparent;
    display: block;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.startup-popup-main-content ::placeholder {
    color: #999;
    font-size: 13px;
}

.popup-warning {
    position: absolute;
    right: 50px;
    bottom: 45px;
}

/* ------------------------------ 15. question ---------------------- */
.question-collapse button {
    display: block;
    width: 100%;
    text-align: left;
    /* background: #F7F7F7; */
    border: none;
    color: #623817;
    font-size: 20px;
    line-height: 34px;
    font-weight: 400;
    padding: 24px 12px 24px 12px;
    /* border-bottom: 1px solid #623817; */
}

.checkout-information .question-collapse .btn-link.mixitup-control-active,

.checkout-information .collapse.show {
    border-bottom: 1px solid #e5e5e5 !important;
}

/* .checkout-information .question-collapse .btn-link {
  border-bottom: 0px solid #f2f2f2 !important;
} */

#heading11+.collapse.show {
    border-bottom: 1px solid #f2f2f2 !important;
}

.question-collapse button:hover {
    color: #623817;
    background-color: #F7F7F7;
    text-decoration: none;
}

.question-collapse.checkout-collapse+.col-12 {
    background-color: #f9f9f9;
    height: max-content;
    padding: 50px;

}

#collapse11 .card-body,

#collapse10 .card-body,

#collapse13 .card-body {
    padding: 6px 20px 20px 20px !important;
}

.question-collapse button i {
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    color: var(--secondary-color);
}

.question-desc p {
    color: var(--secondary-color);
    line-height: 26.964px;
    margin-bottom: 0;
    font-size: 14.98px;
    font-weight: 300;
    padding: 10px;
    padding-left: 0;
}

/* ------------------------------- 16. cart ----------------------- */
.table-content table {
    background: #ffffff;
    border-color: #eaedff;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
}

.table-2 tr {
    border-left: 1px solid#dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.table-2.no-border tr {
    border-left: 1px solid#dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.table-2 th {
    border-bottom: 1px solid #dee2e6 !important;
}

.table-content table td.product-name {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

.table-content table td.product-name a:hover {
    color: #fe4536;
}

.table-content table td {
    border-top: medium none;
    padding: 20px 10px;
    vertical-align: middle;
    font-size: 16px;
}

.table-content table th,
.table-content table td {
    border-bottom: 1px solid #eaedff;
    border-right: 1px solid #eaedff;
}

.product-quantity input {
    border: none;
    color: #6f7172;
    font-size: 16px;
    font-weight: normal;
    border: 0;
}

.table td,
.table th {
    border-top: 1px solid #eaedff;
}

.product-quantity>input {
    width: 80px;
    border-radius: 3px;
}

.table-content table td.product-subtotal {
    font-size: 16px;
}

.table-content table td .cart-plus-minus {
    float: none;
    margin: 0 auto;
}

.coupon-all {
    margin-top: 50px;
}

.coupon {
    float: left;
}

.look-btn.mobile span {
    display: none !important;
}

.look-btn span {
    display: block !important;
}

@media (max-width: 767px) {

    .single-product-top .shop-img .product-img img {
        width: 90%;
    }
 

    .home-last-carousel .add-to-cart-icon {
        top: 5px;
    }
}

.pop-content-main {
    padding-top: 4rem !important;
}

.home-last-carousel .add-to-cart-icon {
    top: 0px;
}

.last-product-slider .generic-title h2 {
    margin-bottom: 10px !important;
}

.apply-cta-bar .container {
    margin: 0 auto !important;
}

.slick-dots li button {
    margin: 0px !important;
}

.customize-product-sec .customize-detail-col .build-part .row {
    justify-content: space-between;
}

.modal.checkout-modal .modal-dialog {
    min-width: 100vw !important;
}

.checkout-collapse+.col-lg-4 {
    position: relative !important;
    top: 0px !important;
    right: 0px !important;
}

.return-check {
    display: none !important;
}

.bespoke-experience .container {
    width: 100%;
}

/* .look-btn.mobile{
    padding: 0 !important;
    margin: 0 !important;
  } */
.look-btn.mobile span {
    display: none !important;
    /* padding: 0px 20px 0px 0px !important; */
    margin: 0px 20px 20px 0px !important;
}

.look-btn span {
    padding: 15px 0px;
    /* position: absolute;
    top: -3%;
    right: 5%; */
    /* display: none !important; */
}

.returns-main .container-fluid,

.new-arrival .pay_instruction,

.returns-main .text-start {
    padding: 0px !important;
}

/* 25/5/24 css start here  */
.footer-menu ul {
    padding: 0px 0px 20px 0px !important;
}

/* .question-collapse button:active, .accordion .btn-link.mixitup-control-active{
    background-color: transparent !important;
  } */
.question-collapse button:hover {
    background-color: transparent !important;

    ;
}

/* .customize-product-sec .customize-detail-col .container{
    padding: 0px !important;
  }
  .customize-product-sec .question-collapse button{
    padding: 15px 20px !important;
  } */
.bottom-fix-part .container-fluid .col-6+.col-6 {
    display: none;
}

.bottom-fix-part .css-i3450u,

.bottom-fix-part #go-to-summery {
    display: none !important;
}

.single-product-bottom ul.nav li a.active::after {
    position: static;
}

.customize-product-sec .fix-image {
    height: auto !important;
    z-index: 9;
    /* top: 20% !important; */
    position: static !important;
    /* margin-top: 50px !important; */

}

.single-product-bottom {  
    padding-bottom: 80px;
}

.single-product-tab-content .customize-tab-product .row {
    gap: 0px !important;
}

.new-arrival .text-sm-cneter {
    padding: 0px !important;
}

.popup-content-select-size {
    padding: 0px 10px 0px 20px !important;
}

.customize-detail-col .size-boxes ul,

.customize-detail-col .leg-size-boxes ul {
    gap: 14px !important;
}

.shipping-information {
    margin-bottom: 20px;
}

.load-more-main {
    text-align: end;
    margin-bottom: 20px;
    text-align: center;
}

.alter-your-fit .product-box .add-to-cart-icon {
    position: absolute;
    top: -6px;
    right: 0;
}

.alter-your-fit .product-desc-top {
    margin-top: 0px !important;
}

.card-body .MsoNormal {
    margin: 0px 0px 25px 0px !important;
}

@media (max-width: 767px) {
    header.header .local-show.mobile {
        flex-direction: column !important;
    }

    body.home .header .local-show.mobile a,

    body.home .header .local-show.mobile img {
        color: #212529 !important;
        filter: brightness(0) invert(0) !important;
    }

    .local-show.mobile li {
        padding: 10px 25px !important;
    }

    .local-show.mobile li img {
        padding: 0px !important;
    } 

    .customize-detail-col .nav .nav-item {
        display: flex;
        align-items: center;
    }

    .customize-detail-col .nav .nav-item a {
        white-space: nowrap;
    }

    .customize-detail-col .nav .nav-item svg {
        margin-left: 10px;
    }

    .popup-content-select-size {
        padding: 0px 10px 0px 0px !important;
    }

    .tab-pane .single-product-tab-content .title,

    .single-product-tab-content .customize-tab-product,

    .single-product-tab-content .chakra-stack {
        padding: 0px 20px !important;
    }

    .single-product-tab-content .chakra-stack.px-0 {
        padding: 0px 0 !important;
    }

    .single-product-bottom .tab-content {
        padding: 0px 0px 40px 0px !important;
    }

    /* .single-product-bottom .tab-content #desc-tab-3.active.show{
      height: 100px !important;
    } */
    .customize-product-sec .customize-detail-col ul {
        padding: 05px 20px 05px !important;
    }

    .single-product-bottom .nav {
        border-top: 1px solid #623817;
        border-bottom: 1px solid #623817 !important;
    }

    .single-product-bottom .nav-pills {
        z-index: 99;
        justify-content: left !important;
        /* gap: 15px; */
        width: 100%;
        background-color: white;
        overflow-y: scroll;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    } 

    .cart-main {
        padding-bottom: 0px !important;
    }

    .our-recommend h3 {
        padding-bottom: 10px !important;
    }

    .has-breadcrumb-content .container {
        padding: 0px 8px !important;
    }

    /* .shop-img .col-2{
      display: none;
    } */
    .start-design {
        padding: 10px 41px !important;
    }

    .design-main p,

    .tailored h2,

    .center,

    .worldwide p,

    .buttons p,

    .customize-title p,

    .customize-title p,

    .tailored-main p {
        text-align: center;
    }

    .store-experience #mc_embed_signup {
        padding-left: 10px !important;
    }

    .home .new-arrival.home-category-sec {
        padding: 25px 0px !important;
    }

    .home .new-arrival.home-category-sec .container {
        padding: 0px !important;
    }

    .alter-your-fit .product-box .add-to-cart-icon {
        top: 6px !important;
    }

    .alter-your-fit .new-arrival.category-slider .container {
        padding-top: 0px !important;
    }

    .return-top-main .form__submit {
        left: 0 !important;
    }

    .return-top-main input#email {
        margin: 0px 0px 20px 0px !important;
    }

    .return-exchange-form .return-top-main .from-control-1 {
        width: 100% !important;
    }

    .return-exchange-form2 .return-top-main .from-control-1 {
        width: 100% !important;
    }

    .return-top-main .from-control,

    .return-top-main .from-control-1,

    .return-top-main select {
        width: 100% !important;
    }

    .new-arrival.category-slider {
        padding: 0px 0px 0px 0px !important;
    }

    .new-arrival.category-slider .container {
        padding: 46px 0px 0px 15px !important;
    }

    .returns-main h4,

    .pay_instruction .h5-display {
        font-size: 20px !important;
    }

    .page-list-top a {
        font-size: 14px !important;
    }

    .contact-us .newsletter-form {
        padding-left: 10px;
    }

    .shopping-cart .shoping-inside button {
        font-size: 11px !important;
    }

    .quantity-size div.size-main:nth-child(4) {
        padding-left: 16px !important;
    }

    .cart-data .cart-price {
        width: 100px !important;
    }

    .shopping-cart .shoping-inside button {
        padding: 0px !important;
        line-height: 9px;
        margin-bottom: 0px;
    }

    .shopping-cart .shoping-inside button span {
        padding-left: 0px !important;
    }

    .quantity-size .size-main {
        padding: 16px 16px 16px 0px !important;
    }

    .col-lg-12.request,

    .main-service-btn {
        text-align: center !important;
    }

    .first-guide-chart h6 {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }

    .chart-toggle-detail {
        max-width: 45%;
    }

    .shopping-main .shopping-cart {
        padding: 0px;
    }

    .wishlist-area {
        padding: 20px 0px !important;
    }

    .wishlist-area .home-last-carousel {
        margin-top: 20px !important;
    }

    #v-pills-home p {
        margin-bottom: 1rem !important;
    }

    .row.dashboard {
        margin: 20px 0px !important;
    }

    table.table-order thead {
        display: none;
    }

    .cart-main {
        margin-top: 0px !important;
    }

    /* .shop-wrapper .btn{
      max-width: 30% !important;
      margin-left: 70% !important;
    } */
    .shopping-main button {
        line-height: 1.1;
    }

    .cart-colour .cart-title {
        width: 100px !important;
    }

    .cart-colour .cart-price {
        width: 150px !important;
    }

    .cart-title h3 {
        margin: 0px !important;
    }

    .footer-menu ul li {
        text-align: left !important;
        margin-bottom: 10px;
    }

    .shopping-cart .cart-main {
        column-gap: 20px !important;
        align-items: start !important;
    }

    .quantity-size .size-main {
        padding: 0px;
        border-left: 0px !important;
    }

    .quantity-title,

    .increase-decrease,

    .select-one {
        width: 100% !important;
    }

    /* .select-one{
      height: 30px;
      padding: 5px 5px 5px 0px;
    } */
    .quantity-main .increase-decrease {
        width: fit-content !important;
        margin-right: auto;
        /* justify-content: start !important; */
    }

    .quantity-main,

    .size-main {
        flex-direction: row;
    }

    /* .cart-colour .cart-price{
      width: 50%;
    } */
    .shopping-main {
        /* column-gap: 40px; */
        flex-wrap: wrap;
    }

    #collapse11 .card-body {
        padding: 6px 10px 20px 10px;
    }

    .fix-img-row #myModelViewer {
        width: 100% !important;
        height: 260px !important;
        /* top: 20%; */
    }

    .footer-menu ul {
        display: none;
        padding: 0 0 !important;
    }

    .footer-menu ul li:nth-child(2) {
        padding: 0px 0 0 0 !important;
    }

    .footer-menu ul li:last-child {

        padding: 0 0 10px 0 !important;
    }

    /* 25/5/24 Css End here     */
    .testimonial-ratings .slick-prev,

    .testimonial-ratings .slick-next,

    .look-slider .slick-prev,

    .look-slider .slick-next {
        background-color: transparent !important;
    }

    .testimonial-ratings .slick-prev:before,

    .testimonial-ratings .slick-next:before,

    .look-slider .slick-prev,

    .look-slider .slick-next {
        color: #623817 !important;
    }

    .store-time span {
        font-size: 16px !important;
    }

    .store-btn span {
        font-size: 14px !important;
    }

    #mc_embed_shell #mc_embed_signup form {
        margin: 0px !important;
    }

    .footer .footer-bottom {
        padding: 30px 0px 15px 0px !important;
    }

    .carousel-single-item .product-img img {
        object-fit: cover;
    }

    .product-box .add-to-cart-icon {

        height: 30px !important;
        width: 30px !important;
        padding: 2px 0 0 0 !important;

    }

    .bespoke-experience {
        padding: 0px 15px !important;
    }

    .custom-page .main-title h2 {
        font-size: 32px;
        line-height: 1.2;
        font-weight: 500;
    }

    .custom-page .main-title p {
        font-size: 12px;
    }

    .custom-bg .design-main p {
        font-size: 20px;
    }

    .italian-drago p {
        font-size: 15px;
    }

    .suit-title h2,
    .suit-mens-title h2,
    .tailored-main h2,
    .customize-title h2 {
        font-size: 24px;
    }

    .worldwide p,
    .buttons p,
    .tailored-main p {
        font-size: 16px;
    }

    .button-option p,
    .suit-mens-title p,
    .customize-title p {
        font-size: 16px;
    }

    .customize-price p {
        font-size: 16px !important;
    }

    .customize-img img {
        width: 50px;
    }

    .start-design {
        padding: 12px;
    }

    .start-design a .circle {
        display: none;
    }

    .coupon {
        float: none;
    }

    .box-btn {
        display: block !important;

    }

    .page-list-top {

        border-radius: 4px;
    }

    .page-list-top ul li {
        text-align: center;
        padding-bottom: 26px;
        border-bottom: 1px solid #efefef;
    }

    .box-btn {
        text-align: center;
        border: 1px solid #efefef;
        width: 100% !important;
        font-size: 14px;
        margin: 20px 0;
        letter-spacing: 0;
    }

    .box-btn:hover {
        color: #898989 !important;
        background-color: #fff !important;
        border-color: #efefef !important;
        border: 1px solid !important;
    }

    .page-list-top-2 {
        display: none;
    }

    .modal-content_2 {
        overflow: scroll;
        /* height: 400px; */
    }

    .testimonial-ratings .slick-prev {
        left: -28px !important;
    }
    .newsletter p,

    .top-part p.test-desc {
        font-size: 14px !important;
    }

    .newsletter h2.title {
        font-size: 20px !important;
    }

    .testimonial-ratings .slick-next {
        right: -8px !important;
    }

    .look-product p {
        padding: 0px 10px;
        font-size: 14px;
        font-weight: 1.4;
    }

    .btn-primary.focus,
    .btn-primary:focus {
        box-shadow: none !important;
    }

    .cnt-head h2 {
        font-size: 20px;
    }

    .cnt-para p {
        font-size: 16px !important;
        letter-spacing: 0.0375rem;
    }

    .pop-content-main {
        max-width: 280px;
    }

    .product-detail .product-detail-faq-col {
        padding: 0px 15px 0px 15px;
        margin-top: 20px;
    }

    .footer-top.footer-top-2 {
        padding: 0px 50px !important;
    }

    .footer-bottom {
        /* padding-top: 20px; */
        padding: 0px 20px;
    }

    .footer-menu {
        text-align: center;
    }

    .footer-menu li span {
        color: #fff;
    }

    #mc_embed_signup form {
        margin: 0px !important;
    }

    .newsletter.row-content p {
        margin: 0px 0px 30px;
    }

    .generic-title h2 {
        margin-bottom: 0px;
        font-size: 20px !important;
        line-height: 1.4 !important;
    }

    /* .slider div.slide:nth-child(3){
    display: none;
  } */
    .signature {
        padding: 10px 0px 10px 0px !important;
    }

    .welcome {
        margin-top: 10px !important;
    }

    .welcome .new-title p {
        margin-bottom: 10px !important;
    }

    .carousel-single-item .product-box {
        margin-bottom: 0px !important;
    }

    .look-slider-heading h2 {
        font-size: 20px !important;
    }

    .generic-title p {
        font-size: 14px !important;
    }

    /* .new-arrival-carousel {
    margin-top: 45px !important;
  } */

    .product-box .add-to-cart-icon {
        margin: 0 0px 0 0;
        border: 1px solid #000;
        height: 30px;
        width: 30px;
        text-align: center;
        border-radius: 50px;
        padding: 2px 0 0 0;
    }

    .bespoke-experience .container {
        padding: 50px 20px;
    }

    .home-cta-section a.apply-cta {
        line-height: 50px;
        padding: 0px 30px;
    }

    .product-img img {
        object-fit: cover;
    }

    .storeexp-inner-2 {
        border-bottom: 1px solid #e1e1e1;
        padding: 15px 7px !important;
    }

    .alteration-custom-head .input-box input {
        width: 100% !important;
    }

    .new-arrival {
        padding-bottom: 1rem !important;
    }

    .location-generic {
        margin: 20px auto !important;
    }

    .alteration-custom-photo img {
        width: 100%;
    }

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

    /* .alter-your-fit .customer-style:nth-child(3){
    padding: 20px 0px 0px !important;
  } */
    .customer-style p.cta-tag {
        font-size: 13px !important;
    }

    section.new-arrival {
        margin-top: 0 !important;
        padding: 50px 0px !important;
    }

    .generic-title-2 h2 {
        font-size: 45px;
        line-height: 1.3;
    }

    .generic-title-2 p {
        font-size: 16px;
        font-weight: 1.4;
    }
}

#coupon_code {
    height: 57px;
    border: 2px solid #eaedff;
    padding: 0 15px;
    margin-right: 10px;
}

@media (min-width: 576px) and (max-width:767px) {
    .returns-refund-policy .footer .container,

    .refund-policy .footer .container,

    .delivery-policy .footer .container,

    .secure-payments .footer .container,

    .corporate-service .footer .container {
        padding: 0px !important;
    }

    .customize-product-sec .fix-image {
        margin-top: 35px !important;
    }
}

@media (max-width: 575px) {
    .product-one,

    .product-two {
        width: 100% !important;
    }

    .customize-product-sec .fix-image {
        margin-top: 28px !important;
    }

    #fabric .row {
        gap: 0 !important;
    }

    .shopping-total {
        margin-top: 15px !important;
    }

    .privacy-table tr th,

    .privacy-table tr td {
        font-size: 14px !important;
    }

    .privacy-table {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px;
        /* border: 0px !important; */
    }

    /* .privacy-table tr td:nth-child(1){
    width: 50%;
  }
  .privacy-table tr td:nth-child(2){
    width: 50%;
  } */
    .guide-section .care-title h2 {
        font-size: 15px !important;
    }

    .guide-section .care-para a {
        font-size: 10px !important;
    }

    .our-style-sliders .slick-next {
        right: -3% !important;
    }

    .our-style-sliders .slick-prev {
        left: -3% !important;
    }

    .footer-menu ul li {
        justify-content: start !important;
    }

    .footer-menu ul li span {
        text-align: left !important;
        margin-right: 10px;
    }

    .footer-menu-2 li span {
        width: 70px !important;
    }

    /* .look-main.slick-active{
    width: 270px !important;
  } */
    .look-slider {
        margin-left: 0% !important;
        margin-right: 0% !important;
    }
}

@media (max-width: 767px) {
    #accordionExample .customize-tab-product .row {
        column-gap: 25px !important;
    }

    /* .single-product-tab-content .question-collapse button i {
        display: none;
    } */

    .shopping-total {
        padding: 30px 10px !important;
    }

    .cart-body {
        margin-bottom: 35px !important;
    }

    .footer-menu-2 li span {
        width: 80px !important;
        margin-bottom: 10px;
    }

    .header-right.footer-icons {
        padding-top: 5px !important;
    }

    .footer-bottom .footer-bottom-primary {
        padding-bottom: 0px !important;
    }
 
    .store-descr h3 {
        font-size: 20px !important;
    }

    .nav.nav-pills li {
        margin: 0px !important;
    }

    .home .header {
        padding-top: 10px !important;
    }

    .home header.sticky .navbar-brand img {
        filter: brightness(1) invert(0);
    }

    .home-category-sec {
        margin-bottom: 0px;
    }

    .single-slider-inner .slider-link {
        margin-top: 15px !important;
    }

    .single-slider-inner .single-slider-content {
        top: 8rem;
    }

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

    .table td,

    .table th {
        padding: 10px;
        font-size: 14px;
    }

    .returns-main .col-12+.col-12 {
        /* padding: 0px; 
        height: auto;
        overflow: scroll;*/
        margin-bottom: 0;
    }

    /* .single-product-bottom .tab-content{
    padding: 0px 0px !important;
  } */

    .footer-menu ul li {
        justify-content: start;
    }

    #coupon_code {
        margin-bottom: 15px;
    }

    .our-style-sliders .slick-next {
        right: -1% !important;
    }

    .our-style-sliders .slick-prev {
        left: -1% !important;
    }

}

.coupon2 {
    float: right;
}

@media (max-width: 767px) {
    .footer-mobile {
        display: block !important;
        margin-bottom: 0px;
    }

    .footer-plus svg,

    .footer-minus svg {
        width: 14px;
    }

    .footer-menu {
        margin: 0px !important;
    }

    .footer-menu .footer-main {
        padding: 20px 3px 20px 0;
    }

    .footer-menu .col-xl-3,

    .footer-menu-2,

    .footer-menu {
        border-bottom: 1px solid rgba(255, 255, 255, 0.50);
    }

    .footer-bottom .footer-bottom-primary {
        border-bottom: 0px !important;
        padding-bottom: 0px;
    }

    ul.page-nav-main {
        justify-content: start !important;
    }

    .coupon2 {
        float: none;
        margin-top: 15px;
    }
}

.cart-page-total {
    padding-top: 50px;
}

.cart-page-total>h2 {
    font-size: 25px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.cart-page-total>ul {
    border: 1px solid #eaedff;
}

.cart-page-total>ul>li {
    list-style: none;
    font-size: 15px;
    color: #6f7172;
    padding: 10px 30px;
    border-bottom: 1px solid #eaedff;
    font-weight: 500;
}

.cart-page-total ul>li>span {
    float: right;
}

.cart-page-total li:last-child {
    border-bottom: 0;
}

td.product-thumbnail img {
    width: 125px;
}

/* cart widget */
.cart-widget {
    background-color: #F5F5F5;
    padding: 35px 30px;
}

.cart-widget h4 {
    color: #333;
    font-size: 20px;
    line-height: 24px;
}

.cart-widget p {
    font-size: 14.98px;
    color: var(--secondary-color);
    margin: 0px 0px 14.98px;
    font-weight: 300;
    line-height: 26.964px;
}

a.price-calculate {
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    color: #3C3232;
    margin-bottom: 3px;
}

a.price-calculate:hover {
    color: #623817;
    text-decoration: underline;
}

.cart-select {
    position: relative;
    width: 90%;
}

.cart-select::after {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px !important;
    height: 6px;
    background-color: var(--secondary-color);
    clip-path: polygon(0 0, 100% 0, 50% 100%, 0 0);
    content: "";
}

.cart-widget select {
    height: 40px;
    width: 100%;
    appearance: none;
    color: var(--secondary-color);
    padding-left: 10px;
    border: 1px solid #ddd;
    margin: 3px 0;
}

.cart-widget input {
    height: 55px;
    width: 90%;
    border: 1px solid #ddd;
    padding-left: 10px;
    color: var(--secondary-color);
}

.calculate-shipping-box {
    display: none;
}

.cart-widget tr {
    border-bottom: .3px solid #EBEBEB;
}

.cart-widget tbody {
    border: none;
}

.cart-widget strong {
    font-size: 21px;
    line-height: 21px;
    color: var(--secondary-color);
    font-weight: 600;
}

/* -------------------------- 17. Checkout ------------------------- */
.coupon-accordion h3 {
    background-color: #fff1f0;
    border-top: 3px solid #FE4536;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 25px;
    padding: 1em 2em 1em 3.5em;
    position: relative;
    width: auto;
}

.coupon-accordion h3::before {
    content: "\f07b";
    left: 15px;
    top: 13px;
    position: absolute;
    color: #6f7172;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
}

.coupon-accordion span {
    color: #6f7172;
    cursor: pointer;
    transition: .3s;
}

.coupon-accordion span:hover,
p.lost-password a:hover {
    color: #FE4536;
}

.coupon-content {
    border: 1px solid #eaedff;
    display: none;
    margin-bottom: 20px;
    padding: 30px;
}

.coupon-info p.coupon-text {
    margin-bottom: 15px;
}

.coupon-info p {
    margin-bottom: 0;
}

.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
    display: block;
    color: #6f7172;
}

.coupon-info p.form-row-first label span.required,
.coupon-info p.form-row-last label span.required {
    color: red;
    font-weight: 700;
}

.coupon-info p.form-row-first input,
.coupon-info p.form-row-last input {
    border: 1px solid #eaedff;
    height: 45px;
    margin: 0 0 14px;
    max-width: 100%;
    padding: 0 0 0 10px;
    width: 100%;
}

.coupon-info p.form-row input[type="submit"]:hover,
p.checkout-coupon input[type="submit"]:hover {
    background: #FE4536 none repeat scroll 0 0;
}

.coupon-info p.form-row input[type="checkbox"] {
    position: relative;
    top: 2px;
}

.form-row>label {
    margin-top: 15px;
    margin-left: 15px;
    color: #6f7172;
}

.buttons-cart input,
.coupon input[type="submit"],
.buttons-cart a,
.coupon-info p.form-row input[type="submit"] {
    background: #252525 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    padding: 0 15px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

p.lost-password {
    margin-top: 15px;
}

p.lost-password a {
    color: #6f6f6f;
}

p.checkout-coupon input[type="text"] {
    height: 45px;
    padding: 0 15px;
    width: 100%;
    border: 1px solid #eaedff;
    margin-bottom: 15px;
}

.coupon-checkout-content {
    display: none;
}

.checkbox-form h3 {
    border-bottom: 1px solid #eaedff;
    font-size: 26px;
    margin: 0 0 20px;
    padding-bottom: 10px;
    width: 100%;
}

.country-select {
    margin-bottom: 30px;
    position: relative;
}

.country-select label,
.checkout-form-list label {
    color: #6f7172;
    display: block;
    margin: 0 0 5px;
}

.country-select label span.required,
.checkout-form-list label span.required {
    color: red;
}

.country-select select {
    -moz-appearance: none;
    border: 1px solid #eaedff;
    height: 45px;
    padding-left: 10px;
    width: 100%;
    color: #6f7172;
}

.country-select::before {
    content: "\f107";
    right: 15px;
    top: 38px;
    position: absolute;
    color: #6f7172;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
}

.checkout-form-list {
    margin-bottom: 30px;
}

.checkout-form-list label {
    color: #6f7172;
}

.checkout-form-list input[type="text"],
.checkout-form-list input[type="number"],
.checkout-form-list input[type="password"],
.checkout-form-list input[type="email"] {
    background: #ffffff;
    border: 1px solid #eaedff;
    border-radius: 0;
    height: 45px;
    padding: 0 0 0 10px;
    width: 100%;
}

.checkout-form-list input[type="text"]::-moz-placeholder,
.checkout-form-list input[type="password"]::-moz-placeholder,
.checkout-form-list input[type="email"]::-moz-placeholder {
    color: #6f7172;
    opacity: 1;
}

.checkout-form-list input[type="text"]::placeholder,
.checkout-form-list input[type="password"]::placeholder,
.checkout-form-list input[type="email"]::placeholder {
    color: #6f7172;
    opacity: 1;
}

.checkout-form-list input[type="checkbox"] {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 1px;
}

.create-acc label {
    color: #6f7172;
    display: inline-block;
}

.create-account {
    display: none;
}

.ship-different-title h3 label {
    display: inline-block;
    margin-right: 20px;
    color: #6f7172;
}

.order-notes textarea {
    border: 1px solid #eaedff;
    height: 90px;
    padding: 15px;
    width: 100%;
}

.order-notes textarea::-moz-placeholder {
    color: #6f7172;
    opacity: 1;
}

.order-notes textarea::placeholder {
    color: #6f7172;
    opacity: 1;
}

#ship-box-info {
    display: none;
}

.panel-group .panel {
    border-radius: 0;
}

.panel-default>.panel-heading {
    border-radius: 0;
}

.your-order {
    padding: 30px 40px 45px;
    border: 3px solid #eaedff;
}

@media (max-width: 767px) {
    .your-order {
        padding: 15px;
    }
}

.your-order h3 {
    border-bottom: 1px solid #eaedff;
    font-size: 30px;
    margin: 0 0 20px;
    padding-bottom: 10px;
    width: 100%;
}

.your-order-table table {
    background: none;
    border: 0;
    width: 100%;
}

.your-order-table table th,
.your-order-table table td {
    border-bottom: 1px solid #eaedff;
    border-right: medium none;
    color: #6f7172;
    font-size: 16px;
    padding: 15px 0;
    text-align: left;
}

@media (max-width: 767px) {

    .your-order-table table th,
    .your-order-table table td {
        padding-right: 10px;
    }
}

.your-order-table table th {
    border-top: medium none;
    color: #6f7172;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    width: 250px;
}

.panel-body>p {
    color: #222;
}

.your-order-table table .shipping ul li input {
    position: relative;
    top: 2px;
}

.your-order-table table .shipping ul li label {
    color: #6f7172;
}

.your-order-table table .shipping th {
    vertical-align: top;
}

.your-order-table table .order-total th {
    border-bottom: 0;
    font-size: 16px;
}

.your-order-table table .order-total td {
    border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
    background: #F9F9F9;
}

.your-order-table table tr.order-total td span {
    color: #FE4536;
    font-size: 18px;
    font-weight: 500;
}

.payment-method {
    margin-top: 40px;
}

.panel-title>a {
    display: block;
}

.order-button-payment input {
    background: #232323 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    height: 40px;
    margin: 0px 0 0;
    padding: 0;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.order-button-payment input:hover {
    background: #FE4536 none repeat scroll 0 0;
}

.payment-method .btn-link {
    -moz-user-select: none;
    background: no-repeat;
    border: medium none;
    border-radius: 0;
    color: #444;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 0;
    padding: 3px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
}

.payment-method .card {
    background-color: #ffffff;
    border: none;
    border-bottom: 1px solid #eaedff;
    border-radius: 0;
    margin-bottom: 10px;
}

/* .payment-method .accordion .card:first-of-type {
  border: 1px solid #eaedff;
} */

.card-header:first-child {
    border-radius: 0;
}

.payment-method .card-header {
    background-color: #ffffff;
    border-bottom: none;
}

.order-button-payment button {
    width: 100%;
}

/* -------------------- 18. Contact --------------------- */
.contact {
    border: 1px solid #eaedff;
    padding: 20px 10px;
}

.contact-area {
    background-position: center center;
    background-repeat: no-repeat;
}

.contact i {
    background: #623817;
    font-size: 20px;
    height: 50px;
    width: 50px;
    color: #ffffff;
    border-radius: 50%;
    line-height: 50px;
    /* border: 10px solid #fff; */
    /* box-shadow: 0px 16px 32px 0px rgba(206, 226, 255, 0.4); */
    margin-bottom: 20px;
}

.contact h3 {
    font-size: 24px;
    margin-bottom: 15px;
}

.contact p {
    margin: 0;
    padding: 0 50px;
}

.find-your-own {
    margin-top: 40px;
}

@media(min-width: 768px) and (max-width: 1159px) {
    .first-guide-chart.new.denim-content {
        max-width: 810px !important;
    }

    .recommend-product {
        column-gap: 0px !important;
        justify-content: space-between !important;
        /* width: 48%; */
    }

    .product-one,

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

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .contact p {
        padding: 0 10px;
    }

    .single-product-bottom ul.nav li a {
        margin-right: 0px !important;
        padding: 0px 5px;
    }

    .single-product-bottom .tab-content {
        padding: 0px 20px !important;
    }

    .contact-us .footer .container {
        padding: 0px 16px !important;
    }
}

.cart-data .cart-price {
    width: fit-content;
}

.single-product-bottom .container {
    padding: 0px !important;
}

@media only screen and (min-width: 992px) and (max-width: 1148px) {
    .quantity-main .quantity-title {
        width: 55% !important;
    }

    .size-main .quantity-title {
        width: 35% !important;
    }

    .cart-main {
        align-items: start !important;
    }

    .size-main .select-one {
        width: 65% !important;
    }

    .quantity-size div:nth-child(3) {
        padding-right: 0px !important;
    }

    /* .header-nav .hidden-md{
    width: 33.33%;
  }
  .header-nav .hidden-md + .position-static{
    width: 33.33%;
  }
  .header-nav .hidden-md + .position-static + div{
    width: 33.33%;
  } */
    header.header-sticky ul li a {
        font-size: 12px !important;
    }

    header.header ul li a {
        font-size: 14px !important;
    }

    .header-nav .row {
        flex-wrap: nowrap !important;
    }

    header.header .header-right ul li a span {
        left: 8px !important
    }
}

@media (min-width: 768px) {
    .nav.nav-pills .nav-item svg {
        display: none;
    }

    .header-static.sticky .mt-md-4 {
        margin-top: 0px !important;
    }

    .home .sticky .language-select {
        color: #000 !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hidden-md {
        display: none !important;
    }

    #accordionExample .customize-tab-product .row {
        justify-content: space-around;
    }

    .single-product-bottom .tab-content {
        padding: 0px 20px !important;
    }

    .shop-wrapper .home-last-carousel .product-card .product-box.mb-40 {
        margin-bottom: 20px !important;
    }

    .cart-data .cart-price {
        width: 100px !important;
    }

    #mc_embed_signup .mc-field-group {
        width: 100% !important;
    }

    #mc_embed_signup .button {
        margin: 0px !important;
    }

    .home .new-arrival.home-category-sec {
        padding: 50px 0px !important;
        margin: 0px !important;
    }

    .alter-your-fit .product-box .add-to-cart-icon {
        top: -6px !important;
    }

    .location-generic {
        margin: 0px auto 50px auto !important;
    }

    .return-top-main .from-control,

    .return-top-main select,

    .return-top-main .form-control {
        width: 100% !important;
    }

    .return-top-main .from-control-1 {
        width: 50% !important;
    }

    /* .section-title + .return-top-main .form-return{} */
    /* .return-top-main .form__submit{
    left: 0px !important
  } */
    .section-title h4 {
        padding: 0px 15px;
    }

    .cart-main,

    .quantity-size {
        align-items: start !important;
    }

    .quantity-size div.size-main:nth-child(2) {
        padding: 21px 13px !important;
    }

    .shopping-cart .shoping-inside button {
        padding: 0px !important;
    }

    .footer-bottom {
        padding-bottom: 20px !important;
    }

    .footer-icons ul li p {
        text-align: left;
    }

    #fabric .row {
        gap: 0.9rem !important;
    }

    .testimonials .slick-track {
        margin: 0px !important;
    }

    .customize-detail-col .popup-content-select-size .build-part div:first-child {
        gap: 0 !important;
    }

    .navbar .navbar-brand img {
        /* max-width: 120px !important; */
        margin-left: 15px;
    }

    .single-product-tab-content .customize-tab-product .row .col-xl-4 {
        max-width: 30.33% !important;
    }

    .modal.checkout-modal .modal-dialog {
        min-width: 70vw !important;
    }

    header.header .header-right ul li a span {
        left: 8px !important
    }

    .contact p {
        padding: 0 0px;
    }

    .navbar-brand {
        margin-left: auto;
        /* max-width: 100%; */
        width: 30%;
    }

}

.contact-form input {
    background: #ffffff;
    height: 50px;
    width: 100%;
    padding: 0 60px;
    padding-right: 30px;
    border: 0;  
}

.contact-form textarea {   
    height: 80px;
    width: 100%;
    padding: 30px 80px;
    border: 0;
}

.form-box::before {
    position: absolute;
    content: "\f0e0";
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    left: 35px;
    color: #623817; 
    top: 50%; 
    transform: translate(0, -50%); 
}

.user-icon::before {
    content: "\f007";
}

.email-icon::before {
    content: "\f0e0";
}

.phone-icon::before {
    content: "\f095";
    -webkit-transform: translate(0, -50%) scaleX(-1);
    transform:translate(0, -50%) scaleX(-1);
}

.subject-icon::before {
    content: "\f040"
}

.contact-form input::-moz-placeholder,
.contact-form input::placeholder {
    color: #aab5ca;
}

.contact-form textarea::-moz-placeholder,
.contact-form textarea::placeholder {
    color: #aab5ca;
}

.contact-map {
    height: 670px;
    width: 100%;
}

/* ------------------------- 19. Login --------------------- */
.basic-login {
    padding: 90px;
    border: 2px solid #eaedff;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .return-top-main .from-control-1 {
        width: 40.4% !important;
    }

    .basic-login {
        padding: 50px;
    }

    .customize-detail-col .customize-tab-product .row {
        gap: 0px !important;
    }

    .customize-detail-col #fabric .row {
        gap: 1rem !important;
    }

    .customize-detail-col .row.leg-size-images {
        gap: 0.6rem !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .refund-policy .footer .container,

    .delivery-policy .footer .container,

    .returns-refund-policy .footer .container,

    .secure-payments .footer .container,

    .corporate-service .footer .container {
        padding: 0px !important;
    }

    .customize-detail-col .row.leg-size-images {
        gap: 0.6rem !important;
    }

    /* .customize-detail-col .product-desc-2{
    padding: 15px 10px !important;
  } */
    .customize-detail-col .product-desc-2 a.product-title-2 {
        font-size: 9px !important;
    }

    .customize-detail-col .size-boxes ul,

    .customize-detail-col .leg-size-boxes ul {
        gap: 8px !important;
    }

    /* .customize-detail-col .customize-tab-product .row{
    gap: 0px !important;
  } */
    .cart-colour .cart-title,

    .cart-colour .cart-price {
        width: 50% !important;
    }

    .footer-bottom-primary .row .col-lg-4,

    .footer-bottom-primary .row .col-12 {
        padding: 0px !important;
    }

    .quantity-main,

    .quantity-size .size-main {
        flex-direction: row !important;
    }

    .quantity-main div {
        width: 100% !important;
    }

    .shopping-total {
        padding: 40px 10px !important;
    }

    .cart-title h3 {
        margin-bottom: 0px;
    }

    .check-out {
        margin-left: 12px;
        margin-right: 12px;
    }

    .footer-bottom-primary .row {
        margin: 0px !important;
    }

    .basic-login {
        padding: 40px;
    }

    .nav.nav-pills li {
        margin-right: 20px !important;
    }

    .single-product-bottom ul.nav li a {
        font-size: 11px !important;
        text-transform: capitalize;
    }

    .customize-detail-col .nav-item {
        width: 20%;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .footer-menu ul li span {
        text-align: start;
    }

    .basic-login {
        padding: 30px;
    }

    .bottom-fix-part .css-hiihwv .css-glwfyp {
        display: none !important;
    }
}

.basic-login h3 {
    font-size: 30px;
}

.basic-login input {
    width: 100%;
    height: 60px;
    border: 2px solid #eaedff;
    color: #6f7172;
    padding: 0 20px;
    margin-bottom: 20px;
}

.basic-login label {
    color: #222;
    display: block;
}

.basic-login label span {
    color: #fe4536;
}

.login-action input {
    width: inherit;
    height: auto;
}

.login-action label {
    display: inline-block;
    margin-left: 5px;
}

.register-form-sec {
    border-top: 0.0625rem solid #e5e5e5;
}

.register-form-sec .form-col {
    padding: 72px 100px 95px 99.500px !important;
}

.register-form-sec .form-col .generic-title h2 {
    font-weight: 300;
    font-size: 36px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.5px;
    margin-bottom: 32px;
}

.register-form-sec .form-col .generic-title p {
    padding-bottom: 21px;
    line-height: 1;
    border-bottom: solid 1px #e5e5e5;
    margin-bottom: 2.9375rem;
}

.popup-content-login .login-title-box {
    margin-bottom: 64px;
    height: 20px;
}

.popup-content-login .close-line .cc-title-text.cc-login-box {
    display: flex;
    align-items: flex-start;
    height: 20px;
}

.popup-content-login .close-line .cc-title-text.cc-login-box::before {
    content: "";
    display: block;
    background: url(data:image/svg+xml;charset=utf8;base64,IDxzdmcgdmVyc2lvbj0nMS4xJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB4PScwcHgnIHk9JzBweCcgdmlld0JveD0nMCAwIDI0IDI0JyB4bWw6c3BhY2U9J3ByZXNlcnZlJz48cGF0aCBmaWxsPScjMjYyNjI2JyBkPSdNOCA4LjgzM2MyLjA3IDAgMy43NS0xLjY4IDMuNzUtMy43NSAwLTIuMDctMS42OC0zLjc1LTMuNzUtMy43NS0yLjA3IDAtMy43NSAxLjY4LTMuNzUgMy43NSAwIDIuMDcgMS42OCAzLjc1IDMuNzUgMy43NXpNOCA4QzYuMzkgOCA1LjA4MyA2LjY5MyA1LjA4MyA1LjA4M2MwLTEuNjA5IDEuMzA4LTIuOTE2IDIuOTE3LTIuOTE2IDEuNjEgMCAyLjkxNyAxLjMwNyAyLjkxNyAyLjkxNkMxMC45MTcgNi42OTMgOS42MDkgOCA4IDh6bTUuODMzIDYuNjY3Yy40NjEgMCAuODM0LS4zNzMuODM0LS44MzRWMTNjMC0xLjg0MS0xLjQ5My0zLjMzMy0zLjMzNC0zLjMzMy0yLjQwNiAwLTEuODQ5LjQxNi0zLjMzMy40MTYtMS40OCAwLS45My0uNDE2LTMuMzMzLS40MTYtMS44NDEgMC0zLjMzNCAxLjQ5Mi0zLjMzNCAzLjMzM3YuODMzYzAgLjQ2MS4zNzMuODM0LjgzNC44MzRoMTEuNjY2em0wLS44MzRIMi4xNjdWMTNjMC0xLjM3OCAxLjEyMi0yLjUgMi41LTIuNSAyLjIxMyAwIDEuNzUyLjQxNyAzLjMzMy40MTcgMS41ODYgMCAxLjExNy0uNDE3IDMuMzMzLS40MTcgMS4zNzggMCAyLjUgMS4xMjIgMi41IDIuNXYuODMzeicvPjwvc3ZnPg==) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    float: left;
    margin-right: 16px;
    margin-top: 3px;
}

.login-popup .bottom-padding {
    padding-bottom: 56px;
    border-bottom: solid 1px #e5e5e5;
}

.register-form-sec .form-col form input,
.login-popup form input,
.register-form-sec .form-col form select,
.forgot-password-box .form-control {
    transition: all .15s ease-in;
    background: 0 0;
    border: 1px solid #212529;
    font-size: 16px;
    letter-spacing: .0375rem;
    padding: 14px 12px;
    width: 100%;
    margin-bottom: 0;
    height: auto;
    border-radius: 0;
}

.register-form-sec .form-col form select option {
    transition: all .15s ease-in !important;
    background: #fff !important;
    color: #212529 !important;
    font-size: 16px !important;
    padding: 10px 15px !important;
    width: 100% !important;
    border-radius: 0 !important;
}

.register-form-sec .form-col form select:focus-visible {
    outline: 0px !important;
}

.register-form-sec .form-col form .registerbtn,
.forgot-password-box .btn {
    transition: all .15s ease-in;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    border: 1px solid #623817;
    background: #623817;
    line-height: 2.1;
}

.register-form-sec .form-col form fieldset .cc-privacy-consent-title {
    font-size: 16px;
    margin-bottom: 16px;
}

.register-form-sec .form-col form fieldset .cc-privacy-consent-title a {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    text-decoration: underline;
    color: #6f6f6f;
}

.register-form-sec .form-col form fieldset .control {
    gap: 30px;
}

.register-form-sec .form-col form fieldset .control .radio {
    gap: 10px;
    cursor: pointer;
    text-transform: uppercase;
}

.register-form-sec .form-col form fieldset .control .radio input {
    height: 20px;
    width: 20px;
}

.popup-content-login .close-line .cc-login-box {
    text-transform: uppercase;
}

.login-popup .cc-registration-box-container .cc-content-button {
    color: #fff;
    width: 100%;
    text-align: left;
}

.login-popup form .login,
.login-popup .cc-content-button .cc-button-primary {
    transition: all .15s ease-in;
    color: #fff;
    padding: 10px 20px;
    line-height: 2.1;
    text-transform: uppercase;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    display: inline-block !important;
}

.register-form-sec .form-col form .registerbtn:hover,
.login-popup form .login:hover,
.login-popup .cc-content-button .cc-button-primary:hover {
    background: transparent;
    color: #623817;
    /* border-color: #e5e5e5; */
    transition: all .15s ease-in;
}

#message {
    padding-top: 18px !important;
}

#return-reason:focus-visible {
    outline: 0;
}

.return-top-main .from-control,

.return-top-main .from-control-1 {
    padding-top: 16px !important;
}

/* .login-popup .cc-content-button .cc-button-primary{
  border: 1px solid #623817;
} */
.login-popup form .cc-remember-me-container {
    display: flex;
    margin-bottom: 32px;
    justify-content: space-between;
    align-items: center;
}

.customize-product-sec .question-collapse button {
    font-size: 14px !important;
}

.login-popup form .cc-content-checkbox .cc-check-label {
    line-height: 1.375rem;
    padding-left: 1.75rem;
    cursor: pointer;
}

.login-popup form .cc-content-checkbox {
    position: relative;
    display: flex;
    align-items: center;
}

.login-popup form .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.login-popup form .custom-control-label::before {
    width: 20px !important;
    height: 20px !important;
    top: 0 !important;
    left: 0 !important;
    color: #212529;
    background: 0 0 !important;
    border: 1px solid #212529;
    border-radius: 0px;
    outline: 0 !important;
    box-shadow: none !important;
}

.login-popup form .custom-control-label::after {
    width: 12px !important;
    height: 12px !important;
    top: 4px !important;
    left: 4px !important;
    opacity: 1;
    background: #212529;
    padding: 5px;
    outline: 0 !important;
    box-shadow: none !important;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.login-popup form .cc-reset-pwd-button .cc-reset-password-text {
    border: 1px solid transparent;
}

.login-popup form .cc-reset-pwd-button:hover .cc-reset-password-text {
    border-top-color: #212529;
}

.login-popup .cc-registration-box-container {
    padding-top: 56px;
}

.login-popup .cc-registration-box-container .cc-title-text {
    text-transform: uppercase;
}

.login-popup .cc-registration-box-container .cc-description-text {
    padding-top: 16px;
    padding-bottom: 32px;
}

.register-form-sec .forn-opposite {
    padding: 68px 50px 91px 50px;
}

.register-form-sec .forn-opposite .cc-title-text,
.register-form-sec form h2 {
    margin-bottom: 24px;
}

.register-form-sec .forn-opposite .cc-benefits-list .cc-body-text,
.register-form-sec .forn-opposite .content-asset .cc-help-body,
.register-form-sec .forn-opposite .content-asset .js-cs-openinghours,
.register-form-sec .forn-opposite .content-asset .cc-phone-text {
    margin-bottom: 17px;
}

.register-form-sec .form-col form fieldset p {
    font-size: 12px;
}

.register-form-sec .forn-opposite .content-asset .cc-email-text {
    margin-left: 10px;
}

.cc-separator-line {
    background: #e5e5e5;
    height: 1px;
}

.register-form-sec .forn-opposite .cc-help-title {
    margin-top: 48px;
}

.or-divide {
    border-top: 2px solid #eaedff;
    margin: 40px 0;
    text-align: center;
    position: relative;
}

.or-divide span {
    position: absolute;
    left: 0;
    right: 0;
    top: -9px;
    background: #ffffff;
    display: inline-block;
    width: 40px;
    margin: auto;
    line-height: 1;
    font-weight: 500;
}

.knowledge-title p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
}

.recommend-product {
    flex-wrap: wrap;
}

.product-one,

.product-two {
    width: 46%;
    margin-bottom: 20px;
    padding: 0px !important;
}

@media (max-width: 767px) {

    /* .customize-product-sec .fix-image{
    margin-top: 35px !important;
  } */
    .find-your-own {
        margin-top: 0px !important;
    }

    .customize-detail-col .row.leg-size-images {
        gap: 0.5rem !important;
    }

    .footer-menu .title {
        display: none;
    }

    .storeexp-inner p {
        text-align: left;
    }

    /* .footer-menu ul{
    text-align: center;
  } */
    .customize-product-sec .accordion .product-box .product-img {
        width: 100% !important;
    }

    .forgot-login {
        float: none;
    }
}

.forgot-login a {
    color: #fe4536;
}

.forgot-login a:hover {
    color: #84b77c;
}

@media (max-width: 767px) {
    .log-rem {
        float: none;
        margin-bottom: 10px;
        display: block;
    }
}

/* --------------------------------- 20. single blog ------------------------- */
.single-blog-box h3 {
    color: #333;
    font-size: 35px;
    line-height: 42px;
    font-weight: 500;
    margin: 0px 0px 15px;
}

.single-blog-box p {
    color: var(--secondary-color);
    font-size: 14.98px;
    font-weight: 300;
    margin: 0px 0px 14.98px;
    line-height: 29.96px;
}

.single-blog-box blockquote {
    font-style: italic;
    font-size: 16px;
    background: rgba(102, 102, 102, .05);
    border-color: #623817;
    border-left: 3px solid #623817;
    padding: 20px;
    margin: 20px;
}

.category-style-2 {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 20px;
    padding-bottom: 20px;
}

.category-style-2 h6 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 0;
    line-height: 25px;
    font-weight: 500;
    color: var(--secondary-color);
}

.category-style-2 h6 a {
    color: var(--secondary-color);
    padding-left: 3px;
}

.category-style-2 h6 a:hover {
    color: #623817;
}

.social-icon-2 {
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #ebebeb;
}

.social-icon-2 a {
    font-size: 16px;
    line-height: 28.5714px;
    padding: 0px 17.5px;
    font-weight: 500;
    color: gray;
}

.social-icon-2 a:hover {
    color: #623817;
}

h3.show-comment-title {
    color: #333;
    font-size: 17.92px;
    line-height: 21.504px;
    font-weight: 500;
    margin: 0px 0px 35px;
}

.show-comment-box {
    background: #F4F4F4;
    padding: 25px 15px;
    border-radius: 5px;
    position: relative;
}

.show-comment-box::after {
    position: absolute;
    left: -20px;
    top: 30px;
    background-color: #F4F4F4;
    height: 35px;
    width: 20px;
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
    content: "";
}

a.time {
    font-size: 12.6px;
    line-height: 22.5px;
    font-weight: 500;
    color: var(--secondary-color);
}

.author h6 span {
    font-size: var(--secondary-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    padding-left: 10px;
}

a.replay {
    font-size: 12.25px;
    margin: 0px 0px 10px;
    line-height: 18.375px;
    padding: 6px 15px;
    font-weight: 500;
    color: #222;
    background: #fff;
    border-radius: 30px;
    display: inline-block;
}

a.replay:hover {
    color: #fff;
    background-color: #623817;
}

.replay-box h5 {
    font-size: 20.72px;
    line-height: 24.864px;
    margin: 15px 0px;
    font-weight: 500;
    margin-top: 25px;
}

.replay-box form label {
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    margin: 0px 0px 7px;
    padding: 0px 0px 5px;
}

.replay-box textarea,
.replay-box input {
    width: 100%;
    border: 1px solid #ddd;
}

.replay-box input {
    height: 55px;
    padding-left: 10px;
}

.replay-box input[type="checkbox"] {
    display: inline-block !important;
    width: fit-content;
    margin-right: 9px;
    margin-top: 5px;
}

#startup-popup {
    display: none;
}

.sidebar-list {
    display: none;
}

/* 10-01-2024 CSS By RK  */

.new-btn {
    padding: 8px 15px !important;
    background: #F3F3F3;
}

/* product size popup css  */

.product-size-choose {
    padding-left: 40px;
    padding-right: 20px;
}

.close-line i::before {
    font-size: 20px;
}

.size-boxes ul {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(44px, auto));
    grid-gap: 5px;
}

body .leg-size ul li {
    padding-left: 15px !important;
    padding-right: 15px !important;
    min-width: auto !important;
    margin: 0 5px 5px 0 !important;
}

.trouser-size-popup-content .leg-size-boxes ul {

    display: flex !important;
    flex-wrap: wrap;
}

.size-chart-section .chart-main-title {
    gap: 10px;
    margin: 0 0 10px 0;
}

.brand-select-row {
    margin-bottom: 50px;
}

.size-chart-section .chart-main-title h1 {
    font-size: 45px;
    letter-spacing: -.5px;
    line-height: 28px;
    color: #623817;
    font-weight: 500;
    text-transform: capitalize;
}

.size-chart-section .chart-main-title h1 span {
    font-size: 26px;
    letter-spacing: -.3px;
    line-height: 29px;
}

#brand-types option {
    background-color: #623817;
    color: #fff;
}

.size-chart-section .chart-main-title select {
    padding-left: 10px;
    padding-right: 0;
    font-weight: 400;
    font-size: 26px;
    letter-spacing: -.3px;
    line-height: 29px;
    border-style: none none dashed;
    border-bottom: 1px dashed #949fac;
    color: var(--primary-color);
    background-color: #f7f8f8;
    margin-left: 0;
    outline: none;
    padding-bottom: 2px;
    position: relative;
}

.size-chart-section .chart-main-title select option {
    color: #623817;
    background-color: #fff;
    font-size: 16px !important;
    height: 50px;
    border-left: 6px solid #fff;
    outline: none;
    padding-left: 15px;
    letter-spacing: normal;
    padding-right: 50px;
    text-transform: capitalize;
    text-align: left;
}

.inner-brand-type select option {
    padding: 14px 20px;
}

.inner-brand-type select {
    font-weight: 350;
    letter-spacing: unset;
    font-size: 16px !important;
    line-height: 22px;
    color: #212529;
    border-radius: 0;
    background-color: #fff;
    margin: 0;
    border: 1px solid #000 !important;
    position: relative;
    padding: 13px 40px 13px 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 311px;
    border: 1px solid #eaeaea !important;
    transition: border-color .3s cubic-bezier(.645, .045, .355, 1);
}

.inner-brand-type select:focus-visible {
    outline: none;
}

.first-guide-chart .chart-table-one {
    display: flex;
    align-items: center;
    justify-content: center;
}

.first-guide-chart .chart-table-one .chart-one-row td:nth-child(1) {
    text-align: left;
    min-width: 40px;
    width: 250px;
    padding-left: 25px;
}

.first-guide-chart .chart-sub-title {
    display: flex;
    align-items: center;
    height: 50px;
    justify-content: space-between;
    margin-bottom: 15px;
    width: 100%;
}

.first-guide-chart .chart-table-one .chart-one-row,
.first-guide-chart .tab-content .tab-one-row-one {
    background-color: #eaeaea;
    color: #623817;
    height: 48px;
}

.first-guide-chart .chart-table-one .chart-one-row-two,
.first-guide-chart .chart-table-one .chart-one-row-four,
.first-guide-chart .tab-content .tab-one-row-two,
.first-guide-chart .tab-content .tab-one-row-four,
.first-guide-chart .tab-content .tab-one-row-six {
    background-color: #fff;
    color: #623817;
    height: 48px;
}

.first-guide-chart .chart-table-one .chart-one-row-three,
.first-guide-chart .tab-content .tab-one-row-three,
.first-guide-chart .tab-content .tab-one-row-five {
    background-color: #f7f8f8;
    color: #623817;
    height: 48px;
}

.first-guide-chart .chart-table-one .table-heading,
.first-guide-chart .tab-content .table-heading {
    padding-left: 25px;
    text-align: left;
    min-width: 115px;
}

.first-guide-chart {
    max-width: 990px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.first-guide-chart .chart-table-one tr td,
.first-guide-chart .tab-content tr td {
    text-align: center;
    font-size: 14px;
    min-width: 40px;
}

#myNavTabs li,
.myNavTabs li {
    width: 33.33%;
    padding: 0;
}

#myNavTabs.nav-tabs .nav-link,
.myNavTabs.nav-tabs .nav-link {
    outline: none;
    border: none;
}

#myNavTabs li.active,
.myNavTabs li.active {
    border-color: #001E3C;
    color: #fff;
}

.chart-table-one .tab-one-row td,

.tab-pane .chart-one-row td {
    color: #623817;
}

.chart-table-one .table-heading~td,

.tab-pane .table-heading~td {
    color: var(--secondary-color);
}

#myNavTabs li a,
.myNavTabs li a {
    background-color: #fff;
    color: #623817;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    position: relative;
    outline: none;
    border: 1px solid #c6c9cc;
    border-radius: 0px;
    font-weight: 350;
    letter-spacing: unset;
    font-size: 16px;
    line-height: 30px;
}

/* #myNavTabs li:nth-child(2) a,
.myNavTabs li:nth-child(2) a {
  border-left: none;
  border-right: none;
} */

#myNavTabs li a.active::before,
.myNavTabs li a.active::before {
    content: "";
    border-color: #623817 transparent transparent;
    border-style: solid;
    border-width: 5px 8px;
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    top: 100%;
    width: 0;
}

#myNavTabs .nav-link a.active,
.myNavTabs .nav-link a.active {
    background-color: #623817;
    color: #fff;
    border: 1px solid #623817;
}

.nav-tabs .nav-item {
    width: 33.33%;
}

.chart-tabs .nav-tabs .nav-link {
    background-color: #fff;
    color: #623817;
    outline: 1px solid #c6c9cc;
    height: 50px;
    position: relative;
    width: 100%;
    border: none;
    border-radius: 1px !important;
    font-weight: 350;
    letter-spacing: unset;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
}

.chart-tabs .nav-tabs .nav-link.active {
    background-color: #623817;
    color: #fff;
}

.chart-toggle-detail {
    gap: 10px;
}

.chart-toggle-detail .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
    margin: 0;
}

.chart-toggle-detail .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.chart-toggle-detail .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}

.chart-toggle-detail .slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 2px;
    background-color: #623817;
    -webkit-transition: .4s;
    transition: .4s;
}

.chart-toggle-detail input:checked+.slider {
    background-color: #fff;
}

.chart-toggle-detail input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

.chart-toggle-detail input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.chart-toggle-detail .slider.round {
    border-radius: 34px;
}

.chart-toggle-detail .slider.round:before {
    border-radius: 50%;
}

.chart-toggle-detail p {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #623817;
}

.size-boxes ul li,
.leg-size ul li,
.cut-boxes ul li {
    margin-right: 0;
    width: auto;
    height: 44px; 
    border: 1px solid #eaeaea !important;
    color: #623817;
    background-color: #fff;
    transition: all ease 0.3s;
    padding: 0 15px !important;
    font-size: 14px !important;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
}

.cut-boxes ul li a {
    padding-left: 15px;
    padding-right: 15px;
}

.cut-boxes ul li {
    margin: 0 5px 0 0;
}

.size-boxes ul li a {
    color: var(--secondary-color);
}

.size-boxes ul li:hover {
    border-color: #623817;
}

.build-part h5 {
    color: #623817;
}

.size-chart-section .close-line {
    top: 10px;
    position: relative;
    right: 0;
    width: 20px;
    cursor: pointer;
    margin-left: auto;
}

.build-part p a,
.waist-size p a,
.leg-size p a {
    font-size: 14px;
    border-bottom: solid 1px !important;
    color: #623817;
    letter-spacing: 1;
    padding: 0;
    line-height: 1.5;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: initial;
    background-color: initial;
    border-color: initial;
}

/* .leg-size ul li {
  width: 12%;
  padding: 10px;
  background: transparent;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  margin: 0;
  text-align: center;
  cursor: pointer;
} */

.leg-size ul li a {
    color: var(--secondary-color);
}

.size-popup-btns {
    justify-content: space-between;
}

.size-popup-btns .quick-quantity {
    width: 48%;
    margin-bottom: 10px;
}

.size-popup-btns .quick-quantity button {
    width: 100%;
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 16px;
}

.leg-size-images {
    padding: 0px 15px;
}

.leg-size-images .leg-img-box {
    border: 1px solid #f2f2f2;
    padding: 10px 20px;
    cursor: pointer;
}

.leg-size-images .leg-img-box .character {
    color: #623817 !important;
    font-size: 18px !important;
}

.leg-size-images .leg-img-box p {
    font-weight: normal;
    color: var(--secondary-color) !important;
    margin-bottom: 0px;
}

.leg-size-images .leg-img-box.active p {

    color: #fff !important;
}

/* Header */
.local-show li a {
    padding: 4px !important;
}

.local-show li {
    padding: 0 1.5rem 0px 0px !important;
}

.local-show li img {
    height: 15px;
    width: 15px;
}

.home-header .local-show li img,
.home-header .button-list li img {
    filter: invert(1);
}

.button-list li {
    padding: 0px 10px !important;
}

.header-slider .single-slider:after {
    content: "";
    background: rgb(0 0 0 / 40%);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.header-slider .container {
    z-index: 1;
    position: relative;
}

header.home-header ul li a {
    color: #fff;
}

header.home-header ul li a.active span,
header.home-header ul li a:hover span,
header.home-header ul li i {
    color: #fff;
}

header.home-header ul li a.active span::after,
header.home-header ul li:hover a span::after {
    background: #fff;
}

/* header.sticky ul li a span {
  color: #fff !important;
} */

/* header.sticky ul li a.active span,
header.sticky ul li a:hover span,
header.sticky ul li i {
  color: #fff;
} */

/* header.sticky ul li a.active span::after,
header.sticky ul li:hover a span::after {
  background: #fff;
} */

header.home-header ul li .home-header .header-right img {
    filter: invert(1);
}

.black-sticky.sticky .local-show a {
    display: none;
}

.new-btn {
    padding: 10px 20px !important;
    background: #623817;
    color: #fff !important;
    border: 1px solid #623817;
}

header.header ul li a.new-btn:hover {
    background: #623817;
    color: #623817 !important;
}

.category-head .transparent-hover-btn {
    width: 100% !important;
    z-index: 1;
    position: relative;
}

.category-head.has-breadcrumb-bg {
    min-height: 100vh !important;
    position: relative;
}

/* .new-nav{
  height: 100vh;
} */
.category-head:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    background: #2d324152;
}

.category-head.has-breadcrumb-bg h2 {
    font-size: 38px;
    line-height: 38px;
    margin: 0 0 5px;
    color: #ffffff;
    z-index: 1;
}

.category-head.has-breadcrumb-bg p {
    font-size: 15px;
    line-height: 23px;
    font-weight: 500;
    margin: 16px 0 30px;
    color: #ffffff;
    width: 52%;
    text-align: center;
    z-index: 1;
}

.banner-btn-forcely {
    color: #fff !important;
    border-color: #fff !important;
}

.banner-btn-forcely:hover {
    border-color: #623817 !important;
}

.different-hover-cards {
    position: relative;
    z-index: 0;
    background: #000;
    transition: 0.7s all;
}

.different-hover-cards img {
    opacity: 80%;
    display: block !important;
}

.different-content {
    position: absolute;
    height: fit-content;
    width: 100%;
    bottom: -22%;
    left: 0;
    z-index: 1;
    visibility: hidden;
    transition: 0.7s all;
}

.new-hover-cards .new-hover-col {
    overflow: hidden;
}

.new-hover-cards .new-hover-col:hover .different-content {
    bottom: 0%;
    visibility: visible;
    transition: 0.7s all;
}

.different-hover-cards:first-child {
    animation: zoom-fade 0.5s ease forwards;
}

.different-hover-cards:nth-child(2) {
    animation: zoom-fade 1s ease forwards;
}

.different-hover-cards:last-child {
    animation: zoom-fade 1.3s ease forwards;
}

@keyframes zoom-fade {
    0% {
        opacity: 0;
        transform: scale(1);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.different-hover-cards a:hover button {
    text-decoration: underline;
}

/* img same height  */

.category-slider .owl-item {
    height: 355px;
}

.category-slider .owl-item .product-desc,
.category-slider .owl-item .product-desc div {
    height: auto !important;
    margin: 0 auto;
}

.category-slider .owl-item div,
.category-slider .owl-item img {
    height: 100%;
}

.category-slider .owl-item div.second-img {
    width: 100%;
}

/* img same height  */

.category-slider .carousel-single-item .product-img {
    position: relative;
    /* z-index: 0; */
    /* background: #000; */
}

.product-box .product-img:hover .second-img {
    background: #000;
}

.category-slider .carousel-single-item .product-img img,
.product-box .product-img:hover .second-img img {
    /*opacity: 70% !important;*/
}

.category-slider .carousel-single-item .product-img .product-img-link {
    display: none;
}

.category-slider .carousel-single-item .product-desc {
    position: absolute;
    bottom: 0;
    left: 5px;
    text-align: center;
    right: 5px;
    padding: 10px 10px;
}

.category-slider .carousel-single-item .categories a span {
    font-size: 18px;
    text-transform: uppercase;
    color: white;
    text-shadow: 0 0 9px black;
    font-weight: 500;
}

.category-slider .carousel-single-item .wishlist,
.category-slider .carousel-single-item .product-title,
.category-slider .carousel-single-item .price-switcher {
    display: none;
}

.Appointment-section h2 {
    padding-bottom: 10px;
    border-bottom: 1px dotted #242424;
    width: fit-content;
    margin: 0 auto 10px;
}

.application-form .form {
    width: 740px;
    border-top: 1px solid rgba(36, 36, 36, 0.17);
    border-bottom: 1px solid rgba(36, 36, 36, 0.17);
    margin: 40px auto 0;
    padding: 40px 0;
}

.application-form .form .datepicker-trigger {
    float: right;
    width: 200px;
    text-align: center !important;
    color: var(--secondary-color);
    border: 1px solid #000;
    padding: 12px 10px;
    margin-right: 1vw;
    background-image: url(/img/icon/calendar-date-schedule.svg);
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 15px center;
    font-weight: 500;
    line-height: 25.2px;
    font-size: 16px;
    cursor: pointer;
}

.application-form .form .datepicker:after {
    position: absolute;
    height: 100%;
    width: 1px;
    content: "";
    background-color: rgba(36, 36, 36, 0.17);
    top: 0;
    right: 0;
}

.application-form .form .timepicker-trigger {
    float: left;
    width: 200px;
    text-align: center !important;
    color: var(--secondary-color);
    border: 1px solid #000;
    padding: 12px 10px;
    margin-left: 1vw;
    background-image: url(/img/icon/clock.svg);
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 15px center;
    font-weight: 500;
    line-height: 25.2px;
    font-size: 16px;
    cursor: pointer;
}

.application-form .global-form {
    display: flex;
    transition: height 300ms ease-in-out;
    width: 740px;
    margin: 0 auto;
}

.application-form .global-form .col-md-6 {
    padding-left: 10px;
    padding-right: 10px;
}

.global-form .form-row {
    position: relative;
}

.form-row {
    display: inline-block;
    width: 100%;
    margin: 40px 0 0 0;
}

.form-container label {
    color: #242424;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0px 0px 12px;
    display: block;
    text-transform: uppercase;
    line-height: 16px;
}

.form-container input[type=text],
.form-container input[type=password],
.form-container input[type=email],
.form-container input[type=tel],
.form-container textarea {
    border: 1px solid rgba(36, 36, 36, 0.24);
    height: 62px;
    outline: none;
    padding: 23px 20px;
    width: 100%;
}

.form-container textarea {
    height: 154px !important;
    resize: none;
    overflow: auto;
}

.global-form .form-row span.extra {
    position: absolute;
    top: 0;
    right: 0;
    font-style: normal;
    font-size: 10px;
    color: #242424;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 18px;
}

.application-form .global-form .align-button {
    display: flex;
    justify-content: space-between;
    border: 1px solid #DADADA;
    align-items: center;
    height: 62px;
    overflow: hidden;
}

.application-form .global-form .align-button ul {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.application-form .global-form .align-button ul li {
    display: flex;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.application-form .global-form .align-button input[type=radio] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}

.application-form .global-form .align-button ul li span {
    padding: 12px;
    font-weight: 500;
    font-size: 12px;
    color: #AEAEAE;
    letter-spacing: 0;
    text-align: center;
    border-right: 1px solid #DADADA;
    flex: 1 1 auto;
    padding: 21px 0;
    transition: all 200ms ease-in-out;
}

.application-form .global-form .align-button ul li:last-child span {
    border-right: 0px solid #DADADA;
}

.application-form #book-appointment {
    width: fit-content;
    margin: 40px auto 0px !important;
    font-style: normal;
    background-color: #623817;
    font-weight: bold;
    font-size: 11px;
    display: inline-block;
    color: white;
    border-radius: 0;
    border-width: 2px;
    line-height: 16px;
    border-style: solid;
    border-color: #623817;
    letter-spacing: 1.75px;
    text-align: center;
    padding: 15px;
    text-decoration: none;
    min-width: 242px;
    transition: 0.5s all;
}

.application-form #book-appointment svg {
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 8px;
    display: inline-block;
}

.application-form #book-appointment svg path {
    fill: #fff;
}

.application-form #book-appointment:hover {
    background-color: rgb(0, 30, 60, 0.87);
    border-color: transparent;
    transition: 0.5s all;
}

/* Experience of bespoke Slider  */

.top-part {
    border: 1px solid transparent;
    margin: 0;
    padding: 0px 35px;
    min-height: 100%;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.star {
    margin-bottom: 15px;
}

p.test-desc {
    text-align: center;
    margin-bottom: 20px;
    line-height: 34px;
}

.person-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 35px;
}

.testimonial-wrap {
    height: 100% !important;
}

.testimonial-slide {
    height: 100% !important;
}

.our-style-sliders .item {
    height: auto !important;
}

.testimonial-slide.slick-slide.slick-current.slick-active.slick-center {
    transform: scale(1.1);
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.19);
}

.testimonials .slick-track {
    align-items: center;
    display: flex;
    padding: 20px 0;
}

.customize-product-sec .fix-img-row {
    position: relative;
}

.customize-product-sec .fix-image {
    height: 82vh;
    position: sticky;
    top: 0;
    object-fit: contain;
}

.customize-product-sec .accordion .card-body {
    padding: 13px 16px 0px;
    border-top: 1px solid rgb(229, 229, 229);
}

.customize-product-sec .accordion .btn-link.focus,
.customize-product-sec .accordion .btn-link:focus {
    text-decoration: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.btn-link:focus {
    text-decoration: none !important;
}

.customize-product-sec .question-desc p {
    font-size: 13px; 
    font-weight: 400;
    line-height: 1;
}

.customize-product-sec .accordion .product-box .product-img {
    position: relative;
    width: fit-content;
    z-index: 0;
    width: 137px;
}

.customize-product-sec .accordion .product-box .product-img div img {
    object-fit: contain; 
    outline: transparent solid 2px;
    outline-offset: 2px;
    background: rgb(245, 245, 245);
    padding: 0px 5px;
    z-index: 1;
}

.customize-product-sec #collapseFour .product-img a img {
    height: 110px;
}

.customize-product-sec .accordion .product-box {
    margin-bottom: 4px;
    cursor: pointer;
}

.customize-product-sec .accordion .product-box .css-16ka9kk {
    vertical-align: middle;
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: currentcolor;
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 22px;
    fill: currentcolor;
}

.customize-product-sec .accordion .css-kqc34w {
    position: absolute;
    top: 5px;
    right: 0px;
}

.customize-product-sec .color-selection p {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: var(--secondary-color);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    --chakra-line-clamp: 1;
}

/* .product-box .product-box-wrapper{
  display: flex;
  flex-wrap: wrap;
} */
.customize-product-sec .color-selection .price {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #888888;
}

.customize-product-sec .customize-detail-col .row {
    padding: 0px 64px;
}

.customize-product-sec .customize-detail-col ul {
    padding: 15px;
    gap: 25px;
    justify-content: center;
}

.customize-product-sec .single-product-bottom ul.nav li a {
    margin-left: 0px;
}

/* .customize-product-sec .customize-detail-col .container {
  padding: 0px 64px;
} */

.customize-product-sec .question-collapse button,

.single-product-tab-content .title {
    background-color: transparent;
    font-weight: 700;
}

.customize-product-sec .question-collapse button,
.customize-product-sec .question-collapse button:active,
.customize-product-sec .question-collapse button:visited {
    padding: 15px 0px 15px 0px;
}

.customize-product-sec .css-qoh0t1 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 2em;
}

.customize-product-sec .css-wmbf5w {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid rgb(229, 229, 229);
    border-bottom: 1px solid rgb(229, 229, 229);
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.customize-product-sec .css-wmbf5w .chakra-button,
.customize-product-sec .css-139lzih .chakra-button {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: 0px;
    font-weight: 600;
    letter-spacing: 1.4px;
    font-size: 14px;
    text-transform: uppercase;
    padding-top: 22px;
    padding-bottom: 22px;
    height: 2.5rem;
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
    color: #212529;
    background: transparent;
    min-width: 105px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: transparent;
}

.customize-product-sec .css-139lzih {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: none;
    border-bottom: 1px solid rgb(229, 229, 229);
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.customize-product-sec .css-139lzih .chakra-stack {
    width: 70%;
}

.customize-product-sec .css-1kd0tee {
    font-weight: 700;
    color: var(--secondary-color);
}

.customize-product-sec .single-product-tab-content .total-text p {
    text-transform: uppercase !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #000 !important;
}

.customize-product-sec .summery-btns .chakra-stack {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 0.5rem;
    position: relative;
    padding-bottom: 30px;
}

.customize-product-sec .summery-btns .chakra-stack .css-3wfpbo {
    /* min-width: 174px; */
    border: 1px solid #623817;
    text-align: center;
    display: inline-block !important;
    line-height: 18px !important;
    transition: all 0.5s;
    border-radius: 0px;
    padding: 10px 20px;
    font-size: 12px !important;
    font-weight: 500 !important;
    background-color: #623817;
    color: #fff !important;
    /* text-transform: uppercase; */
    transition: 0.5s all;
}

.customize-product-sec .summery-btns .chakra-stack .css-3wfpbo:hover {
    background-color: transparent;
    transition: 0.5s all;
    color: #623817 !important;
}

.customize-product-sec .summery-btns .chakra-stack .css-10jppbk {
    /* min-width: 215px; */
    border: 1px solid #623817;
    text-align: center;
    display: inline-block !important;
    line-height: 18px !important;
    transition: all 0.5s;
    border-radius: 0px;
    font-size: 12px !important;
    padding: 10px 20px;
    font-weight: 500 !important;
    background-color: transparent;
    color: #623817;
    /* text-transform: uppercase; */
    transition: 0.5s all;
}

.customize-product-sec .summery-btns .chakra-stack .css-10jppbk:hover {
    color: #fff;
    /* border-color: rgb(61, 61, 61, 0.87); */
    background-color: #623817;
    transition: 0.5s all;
}

.home-cta-section {
    background-color: #623817;
}

.home-cta-section a.apply-cta {
    /* min-width: 174px; */
    border: 1px solid #f7f7f7;
    text-align: center;
    padding: 10px 20px;
    display: inline-block !important;
    line-height: 18px !important;
    transition: all 0.5s;
    /* text-transform: uppercase !important; */
    transition: 0.5s all;
    color: #623817;
    background-color: #f7f7f7;
    border-radius: 0px !important;
    font-size: 14px;
}

.home-cta-section a.apply-cta:hover {
    color: #f7f7f7;
    background-color: transparent;
    border-color: #f7f7f7;
}

.bottom-fix-part {
    background: rgb(255, 255, 255);
}

.bottom-fix-part .container-fluid {
    padding: 24px 64px !important;
}

.bottom-fix-part .css-hiihwv {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 0.5rem;
}

#product-detail-page .bottom-fix-part .css-hiihwv {
    align-items: baseline;
}

#product-detail-page .product-detail .single-product-price span.offer-price-product {
    color: #623817 !important;
    font-weight: 500 !important;
}

.bottom-fix-part .css-hiihwv h2 {
    line-height: 1.2;
    font-size: 14px;
    text-transform: capitalize;
    color: rgb(29, 29, 29);
    font-weight: 500;
    letter-spacing: 0;
    margin: 0;
}

#product-detail-page .bottom-fix-part .css-hiihwv h2 {
    line-height: 33px;
    font-size: 30px;
    text-transform: capitalize;
    color: rgb(29, 29, 29);
    font-weight: 500;
    letter-spacing: 0;
}

.bottom-fix-part .css-hiihwv .css-glwfyp {
    vertical-align: middle;
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: rgb(0, 0, 0);
    cursor: pointer;
    width: 1.25rem;
    height: 1.25rem;
    fill: currentcolor;
}

.bottom-fix-part .css-gcagio {
    text-transform: capitalize;
    cursor: pointer;
    color: #707070;
    font-size: 16px;
    line-height: 24px;
    margin: 0px !important;
}

.bottom-fix-part .css-mczc25 {
    color: rgb(0, 0, 0);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
}

.bottom-fix-part .css-i3450u {
    display: flex;
    grid-gap: 0;
}

.bottom-fix-part .css-i3450u .chakra-stack {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    gap: 0px;
    min-width: 25%;
}

.bottom-fix-part .css-i3450u .chakra-stack p {
    margin-bottom: 0px;
}

.bottom-fix-part .css-i3450u .chakra-stack .chakra-icon {
    vertical-align: middle;
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: currentcolor;
    margin-bottom: 0px;
    width: 2rem;
    height: 2rem;
    fill: currentcolor;
}

.bottom-fix-part .css-i3450u .chakra-stack .chakra-text {
    font-size: 12px;
    color: #1d1d1d;
    line-height: 18px;
    text-align: center;
}

.bottom-fix-part .css-i3450u .chakra-stack .chakra-text:nth-child(3) {
    font-weight: 500;
    font-size: 11px;
}

.bottom-fix-part #next-step {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    border: 1px solid #623817;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 1px;
    outline-offset: 2px;
    line-height: 0.3;
    border-radius: 0px;
    font-weight: 400;
    letter-spacing: 0px;
    padding-top: 24px;
    padding-bottom: 24px;
    min-width: 2.5rem;
    background: #623817;
    color: #fff;
    width: fit-content;
    padding-inline-start: 2.5rem;
    padding-inline-end: 2.5rem;
    margin-left: 0.5rem;
    font-size: 12px;
    transition: 0.5s all;
}

.bottom-fix-part #next-step:hover {
    background-color: transparent;
    color: #623817 !important;
}

.bottom-fix-part #next-step:focus {
    outline: none;
    box-shadow: none;
}

.bottom-fix-part #go-to-summery {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #623817;
    outline-offset: 2px;
    line-height: 0.3;
    border-radius: 0px;
    font-weight: 500;
    letter-spacing: 1.4px;
    padding-top: 24px;
    padding-bottom: 24px;
    min-width: 2.5rem;
    background: transparent;
    color: #212529;
    width: fit-content;
    text-transform: uppercase;
    padding-inline-start: 2.5rem;
    padding-inline-end: 2.5rem;
    margin-left: 0rem;
    font-size: 16px;
    transition: 0.5s all;
}

#product-detail-page .bottom-fix-part #go-to-summery {
    text-transform: capitalize;
}

.bottom-fix-part #go-to-summery:hover {
    color: #fff;
    background-color: #623817;
    border-color: rgb(38, 38, 38, 0.87);
}

.bottom-fix-part #go-to-summery:focus {
    outline: none;
    box-shadow: none;
}

.fix-white-set {
    position: relative;
    z-index: 0;
}

.fix-white-set .bottom-fix-part {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 999;
}

#product-detail-page {
    position: relative;
}

#product-detail-page .bottom-fix-part {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 8;
    transition: position 0.3s ease, bottom 0.3s ease;

    /* Smooth transition */
}

.bottom-fix-part.sticky-bottom {
    transform: translateY(0);

    /* Ensure it's at the bottom when sticky */
}

.bottom-fix-part.not-sticky {
    transform: translateY(calc(100% - 60px));

    /* Adjust based on the height of your element */
}

.owl-item .product-desc a:hover {
    color: var(--secondary-color);
}

.product-box .wishlist {
    position: absolute;
    top: 15px;
    right: 15px;
}

.product-box .add-to-cart-icon {
    margin: 0 0px 0 0;
    border: 1px solid #000;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 50px;
    padding: 0 0 0;
    z-index: 8;
    margin: 0;
    align-items: center;
    justify-content: center;
    display: flex;
}

.product-box .add-to-cart-icon i {
    font-size: 16px;
    font-weight: 300;
}

.product-box .add-to-cart-icon:hover {
    background-color: #623817;
}

.product-box .add-to-cart-icon:hover i::before {
    color: #fff;
}

.owl-item .product-desc a {
    color: var(--secondary-color);
}

/* product-grid-popup css  */
.color-part {
    position: relative;
}

.home-last-carousel .product-desc .color-select-popup {
    padding: 5px 8px 0 8px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    margin-top: 0px;
    width: 260px;
    height: 110px;
    display: none;
    position: absolute;
    top: auto;
    left: 0;
    bottom: -53px;
}

.home-last-carousel .multiple-colors {
    margin: 10px 0px;
    display: flex;
    position: relative;
}

.home-last-carousel .multiple-colors .owl-stage-outer {
    width: 100% !important;
}

.home-last-carousel .multiple-colors .owl-nav div {
    height: 25px !important;
    line-height: 25px !important;
    width: 25px !important;
}

.home-last-carousel .multiple-colors .owl-prev {
    left: 0;
}

.home-last-carousel .multiple-colors .owl-next {
    right: 0 !important;
}

.home-last-carousel .multiple-colors .product-color {
    padding: 0px 3px;
    cursor: pointer;
}

.home-last-carousel .multiple-colors .product-color img {
    height: 50px;
    object-fit: cover;
    width: 100%;
}

.home-last-carousel .multiple-colors .product-color a {
    text-decoration: none;
}

.home-last-carousel .multiple-colors .product-color img {
    border-bottom: 1px solid transparent;
    transition: .3s all;
}

.home-last-carousel .multiple-colors .product-color:hover img {
    border-bottom: 1px solid #000;
    transition: .3s all;
}

.home-last-carousel .multiple-colors .product-color a p {
    margin: 7px 0px 0px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 14px !important;
    color: var(--secondary-color) !important;
}

.home-last-carousel .owl-item .product-desc a {
    color: var(--secondary-color);
}

.home-last-carousel .owl-item .product-desc-top .categories .product-category span,
.filter-content .product-desc-top .categories .product-category span {
    color: var(--secondary-color) !important;
}

.home-last-carousel .owl-item .product-desc .product-category span,
.filter-content .product-box .product-desc .product-category span {
    color: #575757;
}

.home-last-carousel .owl-nav div {
    opacity: 1 !important;
    visibility: visible !important;
}

.home-last-carousel .owl-nav.disabled {
    display: block !important;
}

.footer .footer-desc .newsletter-form form {
    width: 100%;
    display: flex;
    gap: 2px;
}

.footer-bottom .footer-bottom-primary .align-items-center {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.footer-bottom .footer-bottom-primary {
    padding-bottom: 20px;
    border-bottom: 1px solid #ffffff21;
    margin-bottom: 30px;
}

.footer-bottom .footer-bottom-primary .align-items-center .col-md-6 {
    padding: 0;
}

.popup-container-select-size {
    position: fixed;
    top: 0;
    right: -120%;
    width: 500px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transition: right 0.5s ease-in-out;
    z-index: 999;
    /* Ensure the popup is on top of other elements */
}

.popup-content-select-size .modal {
    position: fixed;
    top: 0;
    right: -100%;
    width: 500px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transition: right 0.5s ease-in-out;
    z-index: 999;
    left: auto;
    max-width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow-y: clip;
}

.popup-content-select-size .modal.fade .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

.size-chart-section .container {
    width: auto;
}

.popup-content-select-size .modal-content {
    border: none;
}

.popup-content-select-size .modal-dialog {
    margin: 0;
}

.popup-content-select-size .modal-body {
    padding: 0;
}

.popup-content-select-size .modal.fade.show {
    right: 0%;
}

.popup-content-select-size {
    padding: 0px 20px 0px 0px;
    text-align: left;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.popup-content-select-size .size-popup-btns {
    gap: 25px;
}

.popup-content-select-size .size-popup-btns .quick-quantity:first-child {
    width: 40%;
}

.popup-content-select-size .size-popup-btns .quick-quantity:last-child {
    width: fit-content;
}

#closePopupBtn-select-size {
    color: var(--secondary-color);
    border: none;
    cursor: pointer;
}

.overlay-select-size {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    /* Adjust the opacity as needed */
    display: none;
    z-index: 998;
    /* Ensure the overlay is below the popup */
}

.popup-container-login {
    position: fixed;
    top: 0;
    right: -100%;
    width: 500px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transition: right 0.5s ease-in-out;
    z-index: 999;
    /* Ensure the popup is on top of other elements */
}

.popup-content-login {
    padding: 40px;
    text-align: left;
    height: 100%;
    overflow: scroll;
}

#closePopupBtn-login {
    color: var(--secondary-color);
    border: none;
    cursor: pointer;
}

.overlay-login {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    /* Adjust the opacity as needed */
    display: none;
    z-index: 998;
    /* Ensure the overlay is below the popup */
}

.popup-content-select-size .build-part,
.popup-content-select-size .leg-size,
.popup-content-select-size .size-popup-btns {
    display: none !important;
}

body .popup-content-select-size .build-part.display-block,
body .popup-content-select-size .leg-size.display-block {
    display: block !important;
}

body .popup-content-select-size .size-popup-btns.display-flex {
    display: flex !important;
    flex-wrap: wrap;
    gap: 15px;
}

.accordion .collapse.show {
    padding: 0;
}

.details-accordion__table tbody tr th,

.details-accordion__table tbody tr td,

.product-detail .card-body {
    padding: 1px 20px 7px 1px;
    color: var(--secondary-color);
    font-size: 14px;
    margin: 25px 0;
    line-height: 26.964px;
    font-weight: 500;
}

.details-accordion__table tbody tr td {
    padding: 1px 1px 7px;
}

.details-accordion__table {
    font-size: 14px;
    line-height: 20px;
    color: var(--secondary-color);
}

.h-950 {
    min-height: 100vh;
}

.hover-text {
    width: 100%;
    color: #fff;
    font-size: 12px;
    margin-left: 10px !important;
    visibility: hidden;
    transition: 0.7s bottom;
}

.product-box:hover .hover-top {
    bottom: 10px !important;
    transition: 0.7s bottom;
}

.hover-top {
    position: absolute;
    bottom: -10px;
    transition: 0.7s bottom;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: start;
}

.product-box:hover .hover-top .hover-text {
    visibility: visible;
    transition: 0.7s bottom;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    margin: 0px !important;
    padding: 10px 0px 0px 0px !important;
}

/* Anchor is positioning context for cart/wishlist badges */
header.header .header-right ul.button-list li a.cart-button,
header.header .header-right ul.button-list li a#wishlistLink,
header.header .header-right.mobile ul.button-list li a.cart-button,
header.header .header-right.mobile ul.button-list li a#wishlistLinkMobile {
    position: relative !important;
    display: inline-block !important;
}

/* Cart & wishlist count badges in header (explicit positioning; beats generic `a span` + breakpoint `left:8px` overrides) */
header.header .header-right ul.button-list li a > #cart-item-count,
header.header .header-right ul.button-list li a > #wishlist-item-count,
header.header .header-right.mobile ul.button-list li a > #cart-item-count-mobile,
header.header .header-right.mobile ul.button-list li a > #wishlist-item-count-mobile {
    position: absolute !important;
    top: -8px !important;
    right: -6px !important;
    left: auto !important;
    bottom: auto !important;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    box-sizing: border-box;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 600;
    text-align: center;
    background: #623817 !important;
    color: #fff !important;
    border-radius: 999px;
    z-index: 3;
}

#scrollUp {
    display: none !important;
}

#mc_embed_signup .mc-field-group {
    padding-bottom: 20px !important;
}

#mc_embed_signup .mc-field-group input {
    border: none !important;
}

#mc_embed_signup input {
    border-radius: 0px !important;
    font-size: 14px !important;
}

#mc_embed_signup input {
    border: 1px solid #623817 !important;
}

#mc_embed_signup {
    width: 100% !important;
}

.optionalParent {
    text-align: center;
    width: 96%;
}

.find-your-own img {
    width: 30px;
}

.border-design {
    border-right: 1px solid #efefef;
}

.text-underline {
    text-decoration: underline;
}

/* a.popup-images img {
    height: 160px;
    object-fit: cover;
    object-position: top;
}
.popup-images{
    width:100% !important;
} */

/* Alter Your Fit */

/* Alter banner start */
.alter-banners {
    background-image: url(../img/alterations/Alterations-hero_D.webp);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    position: relative;
    background-position: center bottom;
}

.generic-title-2 {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translate(-50%);
}

.generic-title-2 h2 {
    font-size: 64px;
    color: #fff;
    font-weight: 200;
    line-height: 80px;
}

.generic-title-2 p {
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.8px;
}

.mw-start .h2-display {
    max-width: 600px;
    font-size: 29px;
    font-weight: 100;
    line-height: 30px;
    color: #212529;
}

/* Alter banner end */

/* alterations tabs section start */

.customer-style p.cta-tag {
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 300;
    color: #2d2e2c;
}

.storeexp-inner-2 {
    border-bottom: 1px solid #e1e1e1;
    padding: 25px 7px;
    width: 67%;
    margin: 0 auto !important;
}

.storeexp-inner-right-2 h5 {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #2d2e2c;
}

.storeexp-inner-right-2 p {
    color: #898989;
    font-size: 14px;
    font-weight: 300;
}

.storeexp-inner-left-2 p {
    font-size: 16px;
    color: #2d2e2c;
    font-weight: 300;
}

ul#myTab {
    display: flex;
    justify-content: center !important;
    align-items: center;
    gap: 22px;
}

.jackets-tabs img {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin-bottom: 8px;
}

.jackets-tabs:hover img {
    border: 1px solid #222;
    transition: all 0.3s ease-in-out;
}

.alterations-tabs-main .nav-tabs {
    border-bottom: 1px solid #dee2e600 !important;
}

.alterations-tabs-main .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    /* color: #49505700; */
    border-color: #fff transparent;
}

.alterations-tabs-main .nav-tabs .nav-link {
    border-color: #fff transparent;
    background-color: #fff;
    color: #2220;
}

.alterations-tabs-main .nav-tabs .nav-link.active {
    color: #000 !important;
}

.alterations-tabs-main .nav-tabs .nav-link:hover {
    color: #222 !important;
    transition: all 0.5s;
}

/* alterations tabs section end */
.store-1-descr {
    position: absolute;
    bottom: 7px;
    left: 20px;
}

.location-generic {
    max-width: 500px;
    margin: 50px auto;
}

.nearest button {
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    padding: 10px 20px;
    /* border-radius: 4px; */
    border: 1px solid #623817;
    background-color: #623817;
    transition: .2s ease-in-out;
    color: #fff;
}

.nearest button:hover {
    color: #623817;
    border-color: #623817;
    background-color: transparent;
}

/* Bespoke-new Page Css Start */
.new-title h2 {
    font-size: 24px;
    line-height: 25px;
    font-weight: 400;
}

.article-title {
    transition: all ease 0.4s;
}

.related-title h2 {
    font-size: 24px;
}

.article-img:hover .article-title {
    opacity: 0.6;
    transition: all ease 0.4s;
}

/* Eye of quality section start  */
.eye-of-quality img,
.second-img img,
.fluid-img img,
.traditional img,
.alive img,
.piacenza-family img,
.piacenza-ettore img,
.persuits img,
.noble-img img {
    width: 100%;
}

.alive-main,
.family {
    overflow: hidden;
    ;
}

/* eye of quality section end  */

/* Signature fabrics section start  */
.signature {
    padding: 30px 0px 30px 0px;
}

.signature-title p span {
    color: #898989 !important;
}

/* signature fabrics section end    */
/* piecenza collection start  */
.new-mens-collection .discover-more a {
    color: white;
    background-color: #2d2e2c;
    padding: 12px 20px;
    border-radius: 4px;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    transition: all ease 0.6s;
}

.discover-more a:hover {
    background-color: #000;
}

.article .container {
    max-width: 90%;
}

.pia-bg img {
    width: 100%;
}

/* responsive css here  */
@media (max-width: 767px) {


    .customize-tab-product {
        margin-bottom: 0px !important;
    }

    .bottom-fix-part a.waist {
        font-size: 12px !important;
        width: 35% !important;
        margin-right: 5px;
    }

    .bottom-fix-part a.advance {
        font-size: 12px !important;
        width: 60% !important;
        margin-left: 10px !important;
    }

    #product-detail-page .bottom-fix-part #go-to-summery {
        padding: 12px 18px !important;
        line-height: 1;
    }

    .product-desc a.product-title,

    .categories a,

    .color-part .product-color-show {
        font-size: 12px !important;

    }

    .apply-cta-bar p {
        margin-bottom: 0px !important;
    }

    /* .categories a{
    font-size: 13px !important;
  }
  .color-part .product-color-show{
    font-size: 13px !important;
  } */
    .new-title p span {
        font-size: 12px;
    }

    .new-title h2 {
        font-size: 24px;
    }

    .luxurious-title h2,
    .knowledge-title h2,
    .sustainable-title h2,
    .signature-title h2,
    .main-collection-title h2,

    .process-head h4,

    .kaihara-denim p,

    .article-title p,

    .article-title h2 {
        text-align: center !important;
    }

    .collection-desc p {
        text-align: start !important;
    }

    .luxurious-title p,
    .knowledge-title p,
    .sustainable-title p {
        font-size: 14px !important;
        text-align: center;
    }

    .process-head h4 {
        font-size: 24px !important;
        line-height: 25px;
    }

    .signature-title p span {
        font-size: 14px !important;
        text-align: center;
    }
}

@media(min-width: 992px) {
    .return-top-main .from-control-1 {
        width: 40.6% !important;
    }

    .fix-path-head img,
    .fix-path-head video {
        display: none;
    }
}

@media(max-width: 991px) {
    .navbar-collapse .navbar-nav .nav-link {
        padding-top: 5px;
        padding-bottom: 5px !important;
    }

    body.home .header.sticky .navbar-toggler svg {
        fill: #623817;
    }

    /* Commented by apurv to show cart item count in mobile view */
    /* header.header ul li a span {
    display: none;
  } */

    body.home .header .navbar-toggler svg {
        fill: #fff;
    }

    /* .header.header-sticky.sticky .navbar svg{
    fill: #fff !important;
  } */
    .customize-product-sec .accordion .product-box .product-img {
        width: 100% !important;
    }

    /* .look-slider-heading h2{
    font-size: 27px !important;
  }
  .newsletter h2.title{
    font-size: 27px !important;
  } */
    .navbar-brand {
        margin-right: 0px !important;
    }

    /*
  .sideNav,
  .sideNav-place,
  .sideNav-boutique {

    width: 100%;
    height: 100vh;
  } */

    .newsletter-form {
        margin: 0px !important;
    }

    .new-arrival {
        padding: 50px 0px !important;
    }

    .home-cta-section {
        padding-left: 5px;
        padding-right: 5px;
    }

    .generic-title-2 h2 {
        font-size: 55px;
        line-height: 1.5;
    }

    .bespoke-experience .container {
        margin: 0px !important;
    }

    .generic-title-2 p {
        font-size: 15px;
        font-weight: 1.4;
    }

    section.new-arrival {
        margin-top: 0 !important;
    }

    /* .footer-menu {
    margin-top: 40px !important;
  } */

    #mc_embed_shell #mc_embed_signup form {
        margin: 0px !important;
    }

    .newsletter.row-content p {
        margin: 0px 0px 15px !important;
    }

    .footer-top.footer-top-2 {
        padding: 50px 0px !important;
    }

    .footer-bottom {
        padding: 20px 0px 30px 0px !important;
    }

    .country-select select {
        width: fit-content;
    }

    .custom-page .main-title h2 {
        font-size: 42px;
        line-height: 1.2;
        font-weight: 500;
    }

    .custom-page .main-title p {
        font-size: 12px;
    }

    .custom-bg .design-main p {
        font-size: 24px;
    }

    .italian-drago p {
        font-size: 15px;
    }

    .suit-title h2,
    .suit-mens-title h2 {
        font-size: 32px;
    }

    .customize-title h2 {
        font-size: 26px;
    }

    .tailored-main h2 {
        font-size: 40px;
    }

    .worldwide p,
    .buttons p,
    .tailored-main p {
        font-size: 20px;
    }

    .button-option p,
    .suit-mens-title p,
    .customize-title p,
    .customize-price p {
        font-size: 16px;
    }

    .customize-price p {
        font-size: 16px;
    }

    .customize-title p {
        font-size: 16px;
    }

    .customize-img img {
        width: 80px;
    }

    .new-title h2 {
        font-size: 24px;
    }

    .process-head h4 {
        font-size: 24px !important;
    }

    .luxurious-title h2,
    .knowledge-title h2,
    .sustainable-title h2,
    .signature-title h2,
    .main-collection-title h2 {
        font-size: 24px !important;
        line-height: 25px !important;
    }
}

.alterations-tabs-main .nav-tabs .nav-item {
    margin-bottom: -1px;
    width: auto;
}

/* Bespoke-new Page Css End   */

/* The Spoke Experience start */
.storeexp-inner {
    justify-content: start !important;
    margin: 0 auto !important;
    width: 70%;
    border-top: 1px solid #efefef;
}

.storeexp-services__column h2.storeexp-services__main-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 25px;
    /* letter-spacing: -0.03em; */
    color: #2d2e2c;
}

.storeexp-inner-right h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 3px;
    color: #2d2e2c;
}

.s.storeexp-inner-right p {
    font-size: 16px;
    line-height: 20px;
}

.storeexp-inner {
    padding: 29px 0px 29px 10px
}

.storeexp-inner-left {
    position: relative;
}

.storeexp-inner-left::after {
    content: "";
    width: 36px;
    height: 36px;
    position: absolute;
    top: 12px;
    left: -9px;
    transform: translateY(-50%);
    border: 1px solid #e1e1e1;
    border-radius: 50%;
}

.storeexp-inner-left i {
    font-family: 'Font Awesome 5 Pro';
    display: flex;
    align-items: center;
    justify-content: center;
}

a.generic-btn2 {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background-color: #623817;
    line-height: 25px;
    text-align: center;
    padding: 10px 20px;
    /* border-radius: 4px; */
    border: 1px solid #623817;
}

/* The Spoke Experience end */

.new-arrival {
    overflow: hidden;
}

.experience1,
.experience2,
.experience3,
.experience4,
.experience5,
.experience6,
.experience7 {
    width: 100%;
    background-attachment: fixed !important;
    height: auto;
    background-repeat: no-repeat !important;
    background-size: 50% !important;
    background-position: left !important;
}

.experience1,
.experience2,
.experience3,
.experience4,
.experience5,
.experience6,
.experience7 {
    padding: 0px;
    min-height: 100vh;
    align-items: center;
    display: flex;
}

.experience1 {
    background: url(/assets/img/store-experience/get-personalised-styling-and-fit-advice.webp);
}

.experience2 {
    background: url(/assets/img/store-experience/the-most-comprehensive-tailoring-program.webp);
    background-position: top left !important;
}

.experience3 {
    background: url(/assets/img/store-experience/skip-the-fitting-room-with-size-passport.webp);
}

.experience4 {
    background: url(/assets/img/store-experience/get-personalised-styling-and-fit-advice-.webp);
}
 

.experience7 {
    background: url(/assets/img/store-experience/worldwide-delivery-and-free-returns.webp);
}

.application-form .global-form .align-button li.active-input {
    background: #623817;
}

.application-form .global-form .align-button li.active-input span {
    color: #fff;
}

/*--------------- bespoke popup page start here  -------------*/

/* model-popup section start  */
.modal-header h5 {
    display: none !important;
    border-radius: 0px !important;
}

.main-modal {
    max-width: 870px !important;
}

.pop-content-main {
    max-width: 80%;
}

.cnt-head h2 {
    font-size: 24px;
    line-height: 1.5;
}

.cnt-para p {
    font-size: 16px !important;
    letter-spacing: 0.0375rem;
}

.country-select,
.language-select,
#currency-selector {
    padding: .875rem 2.5rem .875rem .75rem;
    border-color: #56575b !important;
    font-size: 16px;
    color: #212529 !important;
    background-color: #fff !important;
    opacity: 1 !important;
}

.country-select option,
.language-select option {
    font-size: 16px;
    color: #212529 !important;
    background-color: #fff !important;
}

.pop-btn a {
    padding: 10px 20px;
    background-color: #623817;
    letter-spacing: 1.5px;
    line-height: 2.1 !important;
    border: 1px solid #623817;
    display: inline-block;
    transition: all ease 0.4s;
}

.pop-btn a:hover {
    background-color: transparent;
    color: #623817 !important;
}

.btn-primary:hover {
    background-color: white;
    color: #212529;
    border: 0px;
}

.popup-content h4 {
    color: #333;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 500;
}

.modal-content .close {
    position: absolute;
    right: 10px;
    top: 10px;
    text-shadow: none;
    opacity: 1;
}

.single-product-top .shop-img .nav.nav-pills a img {
    height: 126px;
    object-fit: cover;
    object-position: top;
}

.nav.nav-pills li {
    margin-right: 83px;
}

.single-product-top .shop-img .nav.nav-pills a {
    width: 100%;
}

.single-product-top .shop-img .product-img img {

    object-fit: cover;
    /* object-position: top; */
    width: 100%;
}

/* footer css start*/
.footer-menu-2 li {
    display: flex;
    align-items: start;
}

.footer-menu ul {
    padding-right: 15px;
}

.footer-menu-2 li span {
    width: 26%;
    color: #fff;
}

.footer-menu-2 li sup {
    color: #fff;
    font-size: 50%;
    top: 10px;
    left: 3px;
}

/* payment section start */
.support-tlte h3 {
    border-bottom: 1px solid #efefef;
    font-size: 24px;
    line-height: 34px;
}

.page-list-top ul li {
    padding: 20px 0;
}

.page-list-top a,
.pay_instruction p {
    font-size: 16px;
}

.page-list-top a:hover {
    color: #c6c6c6;
}

.pay_instruction .h5-display {
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 500;
}

.payment-option img {
    width: 50px;
    object-fit: cover;
    height: auto;
    margin-right: 18px;
}

.pay_instruction li {
    list-style: disc;
    font-size: 16px;
}

.box-btn {
    display: none;
}

.page-list-top a.active {
    font-weight: 600 !important;
}

/* Returns & Refunds section start */
.policy-title h2 {
    font-size: 35px;
    font-weight: 500;
}

.return-top-main .from-control-1 {
    width: 40%;
}

/* #other{
  background-color: red !important;
} */
.return-top-main .from-control,

.return-top-main select,

.return-top-main .form-control {
    width: 84%;
}

.footer-icons p,

.footer-help-ico p,

.footer-help-ico p a {
    font-size: 12px !important;
}

.return-top-main .form__submit {
    width: fit-content;
    position: relative;
    left: 35%;
}

.return-top-main .from-control,
.return-top-main .from-control-1,

.return-top-main select {
    color: #555555;
    display: inline-block;
    padding: 12px 14px;
    border-radius: 0;
    border: 1px solid #dddddd;
    line-height: normal;
    resize: none;
    transition: border-color 0.1s ease-in-out;
    background: transparent;
}

.support-tlte li {
    color: #2d2e2c !important;
}

.return-top-main .form__submit {
    display: inline-block;
    padding: 10px 20px;
    line-height: 25px;
    border-radius: 0;
    text-align: center;
    /* letter-spacing: 0.2em; */
    font-size: 14px;
    background-color: #623817;
    border: 1px solid #623817;
    color: #fff;
    transition: all 0.3s ease-out 0s;
}

#return-reason {
    font-size: 15px !important;
}

.return-top-main .form__submit:hover {
    background-color: transparent;
    color: #623817;
}

.from-control.visible {
    line-height: 6px;
}

.return-top-main input#email {
    margin-left: 0px;
}

.section-title+.return-top-main .form-return {
    display: flex;
    gap: 25px;
    /* padding: 0px; */
}

/* Returns & Refunds section end */

/*------------------ Custom page css start here --------------*/

/* welcome page section start  */
.main-title p span,

.suit-title p,

.suit-mens-title p {
    font-size: 14px;
}

.main-title h2,

.suit-title h2,

.suit-mens-title h2,

.tailored-main h2,

.customize-title h2,

.customize-title h2 {
    font-size: 24px !important;
    line-height: 34px !important;
    font-weight: 400 !important
        /* letter-spacing: -1.6px; */
        /* color: #2d2e2c; */
}

/* welcome page section end  */

/* design section start  */
.design-main p,

.worldwide p,

.buttons p,

.customize-title p,

.customize-title p,

.tailored-main p {
    font-size: 14px !important;
    line-height: 1.4em !important;
}

.start-design {
    padding: 10px 41px;
    line-height: 2.1 !important;
    border: 1px solid #623817 !important;
    display: inline-block !important;
    border-radius: 0px !important;
    color: #623817;
    background-color: transparent;
    transition: all ease 0.3s;
}

.start-design a .circle {
    background-image: url(../img/icon/icon-custom-made.svg);
    height: 18px !important;
    width: 18px !important;
    display: inline-block;
    transition: all ease-out 0.4s;
    vertical-align: middle;
    margin-right: 5px;
    display: none;
}

.start-design a,
.appointment a,

.customize-price p {
    font-size: 12px !important;
    line-height: 25px;
}

.start-design:hover a {
    color: #fff;
}

.start-design:hover {
    background-color: #623817;
}

.start-design:hover .circle {
    transform: rotate(360deg);
}

.appointment {
    padding: 10px 20px;
    background-color: #623817;
    transition: all ease 0.6s;
    border-radius: 0px !important;
    border: 1px solid #623817 !important;
    display: inline-block !important;

}

.appointment:hover a {
    color: #623817 !important;
}

.appointment:hover {
    background-color: transparent;
    border: 1px solid #623817;
}

/* design section end  */

/* italian fabrics section start  */
.italian-fabrics {
    height: 87px;
    left: 39%;
    top: 52%;
}

.italian-fabrics .fabrics-abs,
.pearl-abs {
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
}

/* italian fabrics section end  */

/* custom suit section start   */
/* .suit-title p {
  font-size: 15px;
  line-height: 1.2;
  color: #2d2e2c;
} */

.suit-fabric-title p {
    font-size: 12px;
}

.suit-fabric-title p.linen {
    line-height: 1.1 !important;
}

.suit-fabric-title img {
    height: 55px;
    width: 55px;
    object-fit: cover;
}

/* custom suit section start   */

/* wordwide stores section start  */
/* .worldwide p,
.buttons p {
  font-size: 20px;
  line-height: 1.5;
  color: #2d2e2c;
} */

.lapel,
.closure {
    height: 87px;
}

.lapel p,
.closure p {
    font-size: 15px;
}

.lapel {
    left: 73%;
    top: 63%;
}

.closure {
    left: 60%;
    top: 47%;
}

.lapel .lapel-abs,
.multiple-closure,
.shoulder-abs,
.multiple-weistband {
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
}

/* worldwide stores section end   */

/* mother of pearl section start  */
.button-option p,
.shoulder p,
.weistband p {
    font-size: 14px;
}

.mother-pearl {
    height: 87px;
    left: 16%;
    top: 30%;
}

/* mother of pearl section end    */

/* shoulder and weistband section start  */
.shoulder,
.weistband {
    height: 87px;
}

.shoulder {
    left: 30%;
    top: 48%;
}

.weistband {
    left: 38%;
    top: 12%;
}

/* shoulder and weistband section end    */

/* suit section start  */
.suit-mens-title h2 {
    font-size: 32px;
}

/* suit section end    */

/* tailored section start  */
.tailored-main h2 {
    font-size: 40px;
}

.tailored-main p {
    font-size: 20px;
    line-height: 1.4;
}

/* tailored section end  */

/* customize section start  */
.customize-title {
    max-width: 740px;
}

.customize-title h2 {
    font-size: 42px;
}

.customize-title p {
    font-size: 16px;
    color: #2d2e2c !important;
}

.customize-main-row {
    max-width: 930px;
}

.customize-img img {
    width: 80px;
}

.customize-design {
    padding: 12px 37px;
}

.customize-design a {
    font-size: 16px;
}

.main-customize-design .start-design {
    transition: all ease 0.4s;
}

.main-customize-design .start-design:hover {
    border-color: #623817;
}

.customize-price p {
    font-size: 16px;
}

.customize-price .linen {
    font-size: 15px;
}

.tailored {
    overflow: hidden;
}

/* customize section end  */

/* custom made page responsive here  */

/* customer-style section start*/

.product-desc-2 {
    border: 1px solid #eaeaea;
    padding: 10px 10px;
    text-align: center;
}

.product-desc-2 a.product-title-2 {
    font-size: 16px;
    line-height: 1.4em;
    color: var(--secondary-color);
    font-weight: 400;
}

/* customer-style section end */

.service-btn {
    padding: 10px 20px;
    /* border-radius: 4px; */
    line-height: 2.1;
    border-color: #623817 !important;
    transition: all ease 0.6s;
    color: #fff;
    background-color: #623817;
    display: inline-block !important;
}

.service-btn a {
    font-size: 12px;
    color: #fff;
}

.service-btn:hover a {
    color: #623817;
}

.service-btn:hover {
    border: 1px solid #623817 !important;
    background-color: transparent;
    color: #000000;
}

.mini-img img {
    max-width: 90% !important;
}

/* alterations customer made*/
.alteration-custom-inner .alteration-custom-photo img {
    width: 500px;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.alteration-custom-inner .alteration-custom-title h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5em;
    color: #222222;
}

.alteration-custom-inner .alteration-custom-title p {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5em;
    color: #222222;
}

.alteration-custom-head .input-box {
    position: relative;
}

.alteration-custom-head .input-box label {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 11px;
    line-height: 18px;
    color: var(--secondary-color);
    margin: 0;
    max-width: max-content;
    padding: 0 5px;
    position: absolute;
    top: 7px;
    left: 34%;
    background-color: #fff;
}

.alteration-custom-head .input-box input {
    width: 35%;
    background: #ffffff;
    border: 1px solid rgba(125, 155, 93, 0.21);
    border-radius: 8px;
    height: 40px;
    margin-top: 16px;
    padding-left: 16px;
}

.alteration-custom-head .input-box input:focus {
    outline: none;
    border: 2px solid #000;

}

.alteration-custom-head .submit-btn {
    width: 35%;
    /* border-radius: 8px; */
    border: 1px solid #623817;
    background: #623817;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 16px;
    transition: all ease 0.4s;
}

.alteration-custom-head .submit-btn:hover {
    background-color: transparent;
    color: #623817;
}

/* alterations tabs section end */

/* sticky header store experience start */
.page-nav-main-fix {
    position: sticky;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #fff; 
    transition: .3s ease-in-out .05s;
}

ul.page-nav-main {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    margin: 0;
    padding: 10px 15px;
}

.page-nav-items {
    margin: 0 15px;
}

.page-nav__link {
    font-weight: 500;
    color: var(--secondary-color);
    line-height: 16px;
    padding: 10px;
    transition: color .2s ease-in-out;
    white-space: nowrap;
    background: none;
    border: 0;
    font-size: 16px;
}

.page-nav__link:hover {
    color: #2d2e2c;
}

.storeexp-inner {
    justify-content: start !important;
    margin: 0 auto !important;
    width: 44%;
    border-top: 1px solid #efefef;
}

.storeexp-services__column h2.storeexp-services__main-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 25px;
    /* letter-spacing: -0.03em; */
    color: #2d2e2c;
}

.storeexp-inner-right h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 3px;
    color: #2d2e2c;
}

.s.storeexp-inner-right p {
    font-size: 16px;
    line-height: 20px;
}

.storeexp-inner {
    padding: 29px 0px 29px 10px
}

.storeexp-inner-left {
    position: relative;
}

.storeexp-inner-left::after {
    content: "";
    width: 36px;
    height: 36px;
    position: absolute;
    top: 10px;
    left: -11px;
    transform: translateY(-50%);
    border: 1px solid #e1e1e1;
    border-radius: 50%;
}

a.generic-btn2 {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background-color: #623817;
    line-height: 25px;
    text-align: center;
    padding: 10px 20px;
    /* border-radius: 4px; */
    border: 1px solid #623817;
    display: inline-block;
}

a.generic-btn2:hover {
    background-color: transparent;
    color: #623817;
}

.page-nav-main-fix.experience-sticky {
    border-bottom: 1px solid #e1e1e1;
}

/* sticky header store experience end */

html {
    scroll-behavior: smooth;
}

.hidden {
    display: none !important;
}

/* our stores page start here  */

.sidebar-head h2 {
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 11px !important;
}

.translate-bottom h2 {
    font-size: 20px !important;
}

.sidebar-cnt {
    width: 70% !important;
}

/* .sideNav,
.sideNav-place,
.sideNav-boutique {
  position: fixed;
  top: 0;
  right: 0;
  width: 450px;
  height: 100%;
  background-color: #FFF;
  text-align: center;
  transform: translatex(100%);
  transition: transform all ease 3s;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  display: block;
  overflow: scroll;
} */
.sideNav,
.sideNav-place,
.sideNav-boutique {
    position: fixed;
    top: 50%;
    right: 50%;
    width: 450px;
    background-color: #FFF;
    text-align: center;
    transform: translate(50%, -50%) !important;
    transition: transform all ease 3s;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    display: block;
}

.sideNav.open,
.sideNav-place.open,
.sideNav-boutique.open {
    transform: translateX(0%);
    opacity: 1;
    transition: all ease 0.8s;
    visibility: visible;
}

.sideNav .container,
.sideNav-place .container,
.sideNav-boutique .container {
    width: 90% !important;
}

/* close button css here  */
.close-place,
.close-boutique {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: var(--secondary-color);
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    margin-top: 20px;
}

button.close-place,
button.close-boutique {
    padding: 0px;
    background-color: transparent;
    border: 0px;
    appearance: none;
}

body {
    overflow-x: hidden;
}

/* ----------find your fit CSS--------- */

#Tab-1,
#Tab-2,
#Tab-3,
#Tab-4,
#Tab-5,
#Tab-6,
#Tab-7,
#Tab-8,
#Tab-9,
#Tab-10 {
    background-color: #F3F3F3;
}

.header-modal .modal-content .close {
    position: unset;
    align-items: center;
    line-height: 1.4;
}

.btn-yes,
.header-modal .btn {
    background-color: white;
    border: 1px solid #eaeaea;
    padding: 10px 20px;
    line-height: 2.1 !important;
}

.btn-yes:hover,
.header-modal .btn:hover {
    background-color: transparent;
    color: var(--secondary-color);
    border-color: lightgray;
    border: 1px solid #eaeaea;
}

.fullwidthbtn button {
    background-color: var(--primary-color) !important;
    width: 100%;
}

.fullwidthbtn button:hover {
    background-color: #001e3cdb;
}

#backbtn {
    position: relative;
    top: 10px;
    right: 220px;
    text-decoration: none;
}

#backsvg {
    font-size: 12px !important;
}

.size-box:hover {
    background-color: lightgray;
}

.sizechart {
    /* gap: 15px; */
    justify-content: center;
    margin-bottom: 20px;
}

.btn-forth-page {
    padding: 20px 80px;
    background-color: white;
    border: 1px solid lightgray;
}

.btn-forth-page:hover {
    background-color: lightgray;
    color: var(--secondary-color);
}

.next-btn {
    background-color: #001e3c;
    color: white;
    margin: 0% 26%;
}

.next-btn:hover {
    background-color: #001e3cdb;
    color: white;
}

.fifth-tab-card {
    width: 500px;
}

.fifth-tab-img-carosual {
    overflow-x: auto;
}

#flexRadioDefault1 {
    font-size: 25px;
    position: relative;
    left: 20%;
}

.card-body h5 {
    text-decoration: underline;
    text-decoration-color: red;
}

.sizechart-tab8 {
    padding: 5% 20%;
}

.size-box-tab8 {
    padding: 15px;
    background-color: white;
    border: 1px solid gray;
}

.size-box-tab8:hover {
    background-color: lightgray;
}

.siutsupplymain {
    position: relative;
}

.siutsupplyinnerleft,
.insideright {
    background-color: rgb(239 238 239);
}

.rightsidemainpart {
    position: sticky;
    top: 0;
    height: 500px;
    z-index: 1;
    overflow-y: scroll;
    scrollbar-width: none;
}

.forborder:hover {
    border: 1px groove gray;
    border-radius: 8px;
}

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

#innerjackets {
    width: 100%;
    border-radius: 13px;
}

/* Custom CSS for full-height modal */
.modal-full-height {
    height: 100%;
    margin: 0;
}

/* Custom CSS for modal dialog */
.modal-full-height .modal-dialog {
    width: 450px;
    height: 100%;
    margin: 0;
    transition: transform 0.3s ease;
    right: 0;
    /* Position modal on the right side */
}

/* Custom CSS for modal content */
.modal-full-height .modal-content {
    height: 100%;
    border: none;
    border-radius: 0;
}

/* Custom CSS for modal body */
.modal-full-height .modal-body {
    overflow-y: auto;
}

/* Custom CSS for modal slide-out from right */
.modal-slideout.modal-right .modal-dialog {
    transform: translateX(100%);
}

/* Custom CSS for modal animation */
.modal-slideout.show.modal-right .modal-dialog {
    transform: translateX(0);
}

.modal-right {
    left: auto !important;
    padding-right: 0px !important;
}

/* .header-modal .modal-body {
  background: #f7f8f8;
} */

#fitModal .content {
    display: none;
}

/* 19/4/24 css start here  */
#fitModal .content h3 {
    color: var(--secondary-color);
    font-size: 22px;
    text-transform: none;
    /* border-bottom: 2px solid #623817; */
    padding-bottom: 10px;
    padding: 0px !important;

}

#fitModal .content p {
    font-size: 16px;
}

#fitModal .fullwidthbtn .btn,
#fitModal .btn-group-vertical .btn {
    font-size: 14px;
    font-weight: 500 !important;
    letter-spacing: 0px !important;
}

#fitModal .finder-clock {
    height: 170px;
}

#fitModal .modal-body {
    padding: 40px 20px !important;
    overflow: visible;
}

span.back-fit-finder {
    position: absolute;
    top: -36px;
    z-index: 9;
    cursor: pointer;
}

#fitModal .modal-header {
    padding: 10px 20px !important;
    align-items: center;
}

.perfect-size h4 {
    font-size: 26px;
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: none !important;
}

#fitModal .size-box .size-btn {
    margin-right: 0;
    width: auto;
    height: 44px;
    border: 1px solid #eaeaea !important;
    color: #623817;
    background-color: #fff;
    transition: all ease 0.3s;
    padding: 0 14px !important;
    font-size: 14px !important;
}

#fitModal .size-box .size-btn.active,

#fitModal .btn-group-vertical .btn.active {
    background-color: #623817;
    color: #fff;
    border: 1px solid #623817;
}

#fitModal .btn-group-vertical .btn.active:hover {
    background-color: #623817;
    color: #fff;
}

#fitModal .size-box .size-btn:hover,
#fitModal .btn-group-vertical .btn:hover {
   background-color: #623817;
    color: #fff;

}

#fitModal span.text-danger {
    color: #623817 !important;
}

#fitModal .btn-group-vertical {
    width: 100%;
}

#fitModal .btn-group-vertical .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 40px;
    color: #623817;
    transition: all ease 0.3s;
    line-height: 22px !important;
}

.store-descr {
    text-align: start;
}

.store-descr h3 {
    color: var(--primary-color);
}

.store-appo:hover button {
    color: var(--primary-color);
}

#fitModal .sizechart {
    column-gap: 12px;
    justify-content: flex-start;
    margin-bottom: 40px !important;
}

#fitModal .card {
    background-color: transparent !important;
    border: 0px !important;
}

#fitModal .card img {
    border: 1px solid #eaeaea;
}

#fitModal .form-check-input {
    position: absolute;
    bottom: 10px;
    left: 10px;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 1px solid #eaeaea !important;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#fitModal .card-body .card-title {
    margin-bottom: 10px;
    font-size: 16px !important;
    font-weight: 600;
    color: var(--secondary-color);
    display: inline-block;
    border-bottom: 1px solid #623817;
    text-decoration: none !important;
    padding-bottom: 2px;
    text-transform: capitalize;
}

#fitModal .card-body .card-text {
    color: #212529
}

#fitModal .content h3 {
    font-weight: 400 !important;
}

#fitModal .fifth-tab-img-carosual {
    gap: 20px;
}

#fitModal .not-sure {
    justify-content: start !important;
}

#fitModal .not-sure .not-btn {
    padding: 0px 22px !important;
}

#fitModal .fullwidthbtn .btn {
    border-radius: 2px;
    z-index: 999;
    position: relative;
}

#fitModal .size-chart-tab8 .size-boxs-tab8 .size-btn {
    margin-right: 0;
    width: auto;
    height: 44px;
    min-width: 67px;
    border: 1px solid #eaeaea !important;
    color: #623817;
    background-color: #fff;
    transition: all ease 0.3s;
    font-size: 14px !important;
    /* padding: 0px 22px !important; */
    border-radius: 2px;
}

#fitModal .size-boxs-tab8 .size-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

#fitModal .size-chart-tab8 .size-boxs-tab8 .size-btn:hover {
    background-color: #f7f8f8 !important;
}

#fitModal .size-chart-tab8.sizechart {
    justify-content: start !important;
}

#fitModal .size-box {
    margin-top: 12px !important;
}

#fitModal .tshirtSize .form-check-input {
    left: 35px;
}

#fitModal .form-check-input::marker {
    border: 1px solid red !important;
}

.finder-result-block {
    display: flex;
    justify-content: space-between;
    margin: 15px 0 0 0;
    align-items: center;
}

.finder-result-block-left span {
    margin: 0 10px 0 0;
}

.finder-result-body {
    position: absolute;
    top: 0;
    background: #fff;
    /* height: 100%; */
}

.finder-result-inner p {
    text-align: center;
    margin: 15px 0px 40px 0px;
}

.finder-result-block-left img {
    width: 20px;
    cursor: pointer;
}

.fullwidthbtn button.btn-secondary,

.shop-wrapper .btn {
    background: var(--primary-color);
    color: #fff !important;
    border-color: var(--primary-color) !important;
}

.shop-wrapper .btn {
    border: 1px solid #623817;
    transition: all ease 0.4s;
    letter-spacing: 0px;
}

.shop-wrapper .load-more:hover {
    background-color: transparent !important;
    color: var(--primary-color) !important;
}

.fullwidthbtn button.btn-link,
.fullwidthbtn button.btn-link:hover {
    background: transparent !important;
    color: var(--primary-color) !important;
    border: none;
    text-decoration: underline;
    padding: 0;
    width: fit-content;
}

.fincer-result-details {
    position: relative;
}

.finder-waist-pop,
.finder-build-pop,
.finder-leg-pop {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #f7f8f8;
    padding: 10px;
}

.result-close {
    position: absolute;
    right: 10px;
    top: 10px;
    outline: none;
    border: 0;
    background: transparent;
}

.finder-waist-pop-title {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 18px;
    margin: 8px 0;
}

.show-login-pop-content {
    right: 0 !important;
    display: block !important;
}

header.header ul li img {
    width: 15px;

}

.home .hidden-md ul li img,

.home header.header ul li img {
    filter: brightness(0) invert(1);
}

/* 22/4/24 css start here  */

.generic-btn.red-hover-btn {
    border: 1px solid #623817 !important;
    color: #ffffff !important;
    background-color: #623817 !important;
}

.generic-btn.red-hover-btn:hover {
    background-color: transparent !important;
    color: #623817 !important;
}

.minicart .minicart-checkout-links .generic-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 20px;
}

.table-2.no-border tbody tr:nth-child(1) td {
    padding-top: 13px !important;
}

.table-2.no-border tbody tr:nth-child(2) td {
    padding-top: 22px !important;
}

.table-2.no-border tbody tr:nth-child(3) td {
    padding-top: 19px !important;
}

.alteration-custom-inner .alteration-custom-photo img {
    width: 100% !important;
}

/* 22/4/24 css end here  */

/* 25/4/24 css start here  */

.compare-style {
    position: relative;
}

.our-style-sliders .slick-prev {
    position: absolute;
    top: 50%;
    left: 1.5%;
    z-index: 8;
    border: 0px;
    background-color: transparent;
    color: #623817;
    transition: all 0.6s ease 0s;
    opacity: 1;
    font-size: 20px;
    transform: translateY(-50%);
    /* height: 40px;
    width: 40px; */
}

.our-style-sliders .slick-next {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    right: 1.5%;
    font-size: 20px;
    z-index: 8;
    border: 0px;
    background-color: transparent;
    color: #623817;
    transition: all 0.6s ease 0s;
    opacity: 1;
    /* height: 40px;
  width: 40px; */
}

/* .our-style-sliders:hover .slick-prev{
  opacity: 1;
}
.our-style-sliders:hover .slick-next{
  opacity: 1 ;
} */

.shop-btn {
    line-height: 2.1;
    font-size: 12px;
    /* line-height: 1.4; */
    display: block;
    text-align: center;
    padding: 9px 18px;
    margin-top: 20px;
    margin-bottom: 8px;
    border: 1px solid #623817;
    transition: all ease 0.6s;
}

.shop-btn:hover {
    background-color: transparent;
    color: #623817 !important;
}

/* 25/4/24 css end here  */

/* 26/4/24 css start here  */
.sidebar-hours span {
    font-size: 14px;
    color: #898989;
}

.suiting,

.sidebar-para p {
    font-size: 14px !important;
    margin-bottom: 8px !important;
}

.sidebar-hours img {
    width: 18px;
}

.custom-product {
    padding: 30px 0px !important;
    cursor: pointer;
}

.close-place,

.close-boutique,

.close {
    position: absolute;
    right: 10px;
    top: 10px;
    margin-top: 0px !important;
}

/* 26/4/24 css end here  */

/* 30/4/24 css start here  */

/* table tr, table td, table th{
  border: 1px solid #000000;
  padding: 0px 10px;
} */

/* 1/5/24 css start here  */

.slider-link {
    text-align: start !important;
}

.shopping-main button {
    border: 0;
    background: transparent;
}

.shopping-cart .cart-main {
    column-gap: 40px;
    border-top: 1px solid #623817;
}

.shopping-cart .cart-main .cart-img {
    width: 30%;
}

.shopping-cart .cart-main .cart-details {
    width: 70%;
}

.cart-colour .cart-title {
    width: 20%;
}

.cart-colour .cart-price {
    width: 80%;
}

.quantity-size {
    border-top: 1px solid #623817;
    border-bottom: 1px solid #623817;
    padding: 0px;
}

.quantity-size .size-main {
    border-top: 1px solid #623817;
}

.size-main .select-one select {
    border: 0px;
}

.product-details button,

.email-cart button,

.email-cart button+button,

.checkout-price button {
    border: 1px solid #623817;
    background-color: #623817;
    color: #ffffff;
    transition: all ease 0.4s;
    padding: 13px 0px;
}

.product-details button:hover,

.email-cart button:hover,

.email-cart button+button:hover,

.checkout-price button:hover {
    background-color: transparent;
    color: #623817;
}

.recommend-product {
    column-gap: 40px;
}

/*-------------------------- 4/5/24 css start here  ----------------------------*/
.cart-main {
    padding-bottom: 40px;
}

.our-recommend h3 {
    padding-bottom: 30px;
}

.cart-title h3,

.shopping-head h3,

.our-recommend h3 {
    font-size: 15px !important;
    text-transform: capitalize;
}

.cart-title {
    text-transform: capitalize;
}

.our-recommend h3,

.shopping-head h3 {
    font-size: 20px;
}

.email-cart {
    padding: 50px 30px 0px 30px;
    margin: auto;
    width: 80%;
}

.email-cart button {
    max-width: 500px !important;
    height: 40px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-details {
    padding-top: 0px;
}

.product-details .product-price {
    padding: 10px 0px;
}

.product-details .product-subtitle {
    color: #623817;
}

.product-details .product-name,

.product-details .product-subtitle {
    padding-top: 10px;
}

.shopping-total {
    background-color: #F5F5F5;
    padding: 40px 0px;
}

.shopping-total .shopping-content {
    width: 100%;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
}

.shopping-content p {
    margin-bottom: 10px;
}

/* .shopping-content p */
.shopping-main {
    column-gap: 40px;
}

.return,

.shipping,

.security {
    background-color: #fff;
}

.return,

.shipping,

.security {
    padding: 20px 20px;
    margin: 10px 0px;
}

.need-help {
    padding: 20px 20px 20px 0px;
}

.return p,

.shipping .shipping-cnt,

.security p {
    font-size: 12px;
    line-height: 1.2;
}

.check-mail label {
    text-align: left;
    z-index: 2;
    font-size: 14px;
    position: relative;
    margin: 0 auto -20px 20px;
}

.check-mail {
    padding-top: 12px;
    max-width: 320px;
    position: relative;
    margin: 0 auto;
}

.btn.checkout+.checkout-modal .close,

.checkout-modal .btn,

.btn.checkout {
    display: inline-block !important;
    width: auto !important;
}

.shipping-form .shipping {
    padding: 0;
    margin: 0
}

.shipping-form .shipping label {
    display: block;
    font-size: 12px;
    position: relative;
    left: 20px;
    padding: 0px 10px;
}

.shipping-form select {
    width: 100%;
}

.checkout-modal .modal-header h5 {
    display: block !important;
    text-decoration: none;
    text-transform: capitalize;

}

.checkout-modal .modal-body {
    padding: 24px 50px;
}

.checkout-modal .close {
    top: auto;
    right: 30px;
}

.checkout-modal .modal-content {
    height: calc(500px);
    overflow-y: scroll;
}

.shipping-form .shipping input,

.shipping-form select {
    height: 20px !important;
}

/* .shipping-form .shipping .street, .shipping-form .shipping .building{
  height: 25px !important;
} */
.modal.checkout-modal .modal-dialog {
    width: 0px;
    min-width: 40vw;
}

.shipping-form select {
    font-size: 16px !important;
    /* margin-bottom: 10px; */
    height: 44px !important;
}

.shipping-form select:focus-visible {
    border-bottom: 1px solid #623817 !important;
    outline: none;
}

.check-mail input,

.shipping-form .shipping input,

.shipping-form select {
    width: 100%;
    height: 44px;
    /* margin-top: 10px; */
    margin-bottom: 10px;
    padding: 0 15px;
    border: 1px solid #7d7d7d;
    /* -webkit-appearance: none; */
    border-radius: 0;
    border-bottom: 1px solid #623817 !important;
    border: unset;
}

.return .title,

.need-help .need-cnt,

.shipping .title,

.security .title,

.shopping-main button,

.cart-colour .cart-title,

.quantity-main .quantity-title,

.size-main .quantity-title {
    font-size: 14px;
}

.shopping-main .increase-decrease button {
    padding: 1px 6px !important;

}

.shopping-main button {
    font-size: 12px !important;
    padding: 10px 20px !important;
    line-height: 25px;
    height: auto !important;
}

.recommend-product .slick-dots,

.recommend-product .slick-prev,

.recommend-product .slick-next {
    display: none !important;
}

.cart-title button,

.shoping-inside button {
    color: #623817;
    text-decoration: underline;
}

.last-update,

.cart-colour {
    padding: 16px 0px;

    ;
}

.quantity-main {
    padding: 16px 16px 16px 0px;
}

.size-main {
    padding: 16px 16px;
}

.shoping-inside {
    padding-bottom: 30px;
}

/* ------------------------------ 15. question ---------------------- */
/* .question-collapse button,
.question-collapse button:active,
.question-collapse button:visited {
  display: block;
  width: 100%;
  text-align: left;
  background: #F7F7F7;
  border: none;
  color: #333;
  font-size: 14px;
  line-height: 25px;
  font-weight: 500;
  padding: 15px 10px 15px 25px;
} */

.question-collapse button:hover {
    /* color: #001e3c;
  background-color: #F7F7F7; */
    text-decoration: none !important;
}

.question-collapse button i {
    font-size: 14px;
    line-height: 25px;
    font-weight: 200;
    color: var(--light-gray-color);
}

.look-slider-heading {
    margin: 40px auto 10px;
}

.look-main img {
    position: relative;
}

.look-main .look-product {
    position: absolute;
    width: 100%;
}

.look-main .look-product img {
    width: 70%;
    height: 70%;
    margin: 10% auto;
}

.look-slider .slick-next {
    position: absolute;
    z-index: 8;
    top: 45%;
    right: 5%;
    border: 0px;
    background-color: transparent;
    color: #623817;
    font-size: 20px;
    /* height: 30px;
    width: 30px;
    border-radius: 50%; */
}

.look-slider .slick-prev {
    position: absolute;
    z-index: 7;
    top: 45%;
    left: 5%;
    color: #623817;
    border: 0px;
    background-color: transparent;
    font-size: 20px;
    /* height: 30px;
    width: 30px;
    border-radius: 50%; */
}

.slick-initialized .slick-slide {
    height: auto;
}

.look-main .look-product {
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, 0px);
}

.look-product p {
    margin: 0px;
}

/* 6/5/24 css start here  */
.look-slider .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}

.look-btn {
    margin: 5% 0px;
    padding: 15px 0px;
}

.look-btn span,

.guest,

.btn.checkout {
    padding: 16px 20px !important;
    border: 1px solid #623817;
    color: #ffffff !important;
    background-color: #623817;
    transition: all ease 0.6s;
    position: relative;
    font-size: 14px;
    letter-spacing: 0px;
    text-transform: capitalize;
    line-height: 18px !important;
}

.guest a {
    color: #fff;
}

.guest:hover a {
    color: #623817;
}

.look-btn span:hover,

.guest:hover,

.btn.checkout:hover {
    background-color: transparent;
    border: 1px solid #623817;
    color: #623817 !important;
}

.slick-dots li {
    display: block;
}

.slick-dots li button {
    width: 2px;
    height: 1px;
    background-color: #623817;

    /* Change the color as needed */
    margin: 35px 5px 0px 5px;
    padding: 0px !important;
    border: 0px;
    transition: all ease 0.6s;
}

.slick-dots li.slick-active button {
    background-color: #623817;
    width: 8px;
    padding: 0px !important;
}

.look-slider .slick-dots li button {
    color: #EEEAE5 !important;
    background-color: transparent !important;
}

/* 6/5/24 css end here  */

/* 15/5/24 css start here  */
.outfit-section .outfit-main {
    flex-wrap: wrap;
    background-color: #EEEAE5;
}

body.home .header {
    /* background-color: transparent; */
    background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0, rgba(38, 38, 38, .1) 100%);
}

body.home .header a,

body.home .header a span {
    color: #ffffff;
}

body.home .header.sticky {
    background: #ffffff !important;
    padding-bottom: 10px !important;
}

body.home .header .submenu li a {
    color: #212529 !important;
}

body.home .header.sticky a,

body.home .header.sticky a span {
    color: #212529;
}

.header-right #fitButton {
    color: #ffffff !important;
}

/* .header.sticky .hidden-md ul li img,
.header.sticky .header-right ul li img,
header.header ul li img {
  filter: brightness(0) invert(0);
} */

/* 16/5/24 css start here  */
.look-slider {
    margin-left: 5%;
    position: relative;
    overflow: visible;
    margin-right: 5%;
}
/* .look-slider .slick-slide img { 
    height: 350px;
    object-fit: contain;
} */
.look-main-product {
    width: 230px;
    margin: 0 auto;
    position: relative;
}
.header.sticky ul.local-show li a.hide,

.footer-mobile {
    display: none;
}

.header.sticky .header-nav div,

.header.sticky .hidden-md li a {
    align-items: center !important;
}

.header.sticky ul li a.new-btn:hover {
    background: transparent;
    color: #ffffff !important;
}

.header.sticky .header-right #fitButton:hover {
    color: #623817 !important;
}

/* loader css start here  */
.preloaderBg {
    position: fixed;
    z-index: 10;
    top: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
}

.preloader {
    margin: auto;
    background: url("/assets/img/logo/spoke-by-nishit-soni-logo.svg") no-repeat center;
    background-size: 150px;
    width: 300px;
    height: 300px;
}

.preloader2 {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #623817;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    animation: spin 1s ease-in-out infinite;
    position: relative;
    margin: auto;
    top: -280px;
}

@keyframes spin {
    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }
}

/* loader css end here  */

/* 16/5/24 css end here  */

/* 23/5/24 css start here  */
body.home .header-nav .logo {
    filter: brightness(0) invert(1);
}

.header.sticky ul.hidden-md {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

header.header ul li .mega-menu ul li a {
    color: #fff !important;
}

.footer-help-icon ul li p,

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

.size-boxes .waist-number.active,
.leg-size-boxes .leg-number.active,
.length-size-boxes .length-number.active,
.cut-boxes .cut-type.active {
    background-color: #623817;
}

.size-boxes .waist-number.active a,
.leg-size-boxes .leg-number.active a,
.length-size-boxes .length-number.active a,
.cut-boxes .cut-type.active a {
    color: #ffffff;
}

.footer-menu {
    margin-bottom: 30px;
}

/* 23/5/24 css end here  */
/* mega menu */
.mega-menu {
    /* background-color: #623817 !important; */
    position: absolute;
    /* padding: 0px 40px; */
    left: 0;
    background-color: #fff;
    z-index: 9999999;
    border: none;
    height: auto;

    display: none;

    /* opacity: 0;
  visibility: hidden; */
    transform: scaleY(0.9);
    transform-origin: top;
    transition: all .5s;
    top: 100%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);
    min-width: 100%;
    overflow: hidden;
}

.store-descr h3 {
    color: var(--primary-color);
    line-height: 35px !important;
}

.inner-sub-menu {
    background-color: rgba(98, 56, 23, 0.8) !important;
}

.inner-sub-menu .dipinner-sub-menu .dip-inner-img {
    width: 50% !important;
}

.inner-sub-menu .dipinner-sub-menu .dip-inner-img img {
    width: 100% !important;
    position: static !important;
}

.inner-sub-menu .dipinner-sub-menu {
    flex-direction: row-reverse !important;
}

.dipinner-sub-menu {
    background-color: rgba(98, 56, 23, 0.6) !important;
}

.dipinner-sub-menu .dip-inner-cnt {
    background-color: #815f45 !important;
    height: 100%;
    width: 50%;
    padding: 50px 60px 60px !important;
} 

.dip-inner-cnt h5 {
    font-size: 16px !important;
    margin: 0px 0px 20px 0px !important;
    text-transform: capitalize;
}

.dipinner-sub-menu img {
    width: 50% !important;
    z-index: 999;
}

.inner-sub-menu,
.dipinner-sub-menu {
    position: absolute;
    padding: 0px 0px 0px 0px;
    left: 100%;
    background-color: #fff;
    z-index: 9999999;
    border: none;
    height: auto;
    opacity: 1;
    visibility: visible;
    transform: scaleX(1);
    transform-origin: left;
    transition: all .5s;
    top: -30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);
    min-width: 880px;
}

/* .mega-menu .sub-menu li:hover .inner-sub-menu {
  opacity: 1;
  visibility: visible;
  transform: scaleX(1);
} */

.mega-menu .inner-sub-menu li:hover .dipinner-sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleX(1);
}

.inner-btn a {
    border: 1px solid #fff;

}

.sub-menu:hover .inner-sub-menu {
    /* opacity: 1;
  visibility: visible; */
    display: flex;
    transform: scalex();
}

.dip-inner-cnt {
    position: absolute;
    left: 0;
    top: 0;
}

header.header ul li:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.mega-menu ul {
    width: 220px;
    float: left;
    min-height: 335px;
    border-right: 1px solid #ddd;
}

.mega-menu ul:not(:first-child) {
    padding-left: 30px;
}

header.header ul li .mega-menu ul li {
    display: block !important;
}

header.header ul li .mega-menu ul:last-child {
    border-right: 0;
}

.inner-sub-menu .first-ul.child-ul {
    height: 100%;
    background-color: #714b2e !important;
}

.inner-sub-menu .first-ul-main {
    height: 100vh;
    /* transform: translateX(-120px); */
    transition: all ease 1.2s;
}

/* .position-static:hover .first-ul-main{
  transform: translateX(0px);
} */
.header.sticky .view-all a,

.header .view-all a {
    color: #fff !important;
}

.mega-menu .sub-menu {
    /* transform: translateY(-120px); */
    transition: all ease 0.4s;
}

/* .position-static:hover .mega-menu .sub-menu{
  transform: translateY(0px);
} */
header.header ul li .mega-menu ul li a {
    padding-left: 0;
    padding-right: 0;
    display: block;
    padding-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #fff !important;
    text-transform: capitalize;
}

.sub-menu .inner-sub-menu li:hover,

.sub-menu .inner-sub-menu li.active {
    background-color: #815f45 !important;
}

/* .mega-menu .sub-menu .sub-menu-inner-div{
  padding-top: 30px;
} */
.mega-menu .sub-menu {
    /* background-color: #623817cc !important; */
    background-color: #623817 !important;
    padding-left: 0px !important;
    height: 100%;
}

.dipinner-sub-menu {
    margin-right: 40px !important;
    background-color: #623817CC !important;

}

.sub-menu li {
    margin-left: 0px !important;
}

.sub-menu li:hover,

.sub-menu li.active {
    background-color: #714b2e !important;
}

.white-content .mega-menu {
    /* position: absolute; */
    left: -440% !important;
    min-width: 1380px !important;
}

.mega-menu li a {
    padding-left: 10px !important;
}

.sub-menu a {
    padding: 10px 0px !important;
}

.mega-menu li {
    border-left: 3px solid #623817;
    margin-left: 10px;
    transition: all ease 0.6s;
}

.mega-menu li:hover {
    border-left: 3px solid #ffffff !important;
}

.hero-para p {
    max-width: 50%;
}

.inner-sub-menu .inner-btn a:hover {
    border-left: 0.5px solid white !important;
}

.inner-sub-menu .inner-btn a {
    /* border-left: 0.5px solid white !important; */
    padding: 16px 40px !important;
}

.inner-btn {
    /* border: 0.5px solid white !important; */
    display: inline-block;
    /* padding: 10px 20px !important; */
    /* border: 1px solid #623817; */

}

/* .mega-menu ul li .inner-btn a{
  padding: 10px 20px !important;
} */
.dipinner-sub-menu {
    max-height: 520px !important;
}

.inner-sub-menu .inner-ul {
    position: fixed;
    top: -40px;
}

.inner-sub-menu .innermenu-ul {
    position: fixed;
    top: -124px;
}

.dipinner-sub-menu {
    position: fixed;
    top: -51px;
    left: 190px;
}

.inner-sub-menu .first-ul {
    background-color: #623817e6 !important;
}

.dip-inner-cnt {
    background-color: #623817cc !important;
}

.first-ul .dipinner-sub-menu {
    position: fixed;
    top: -35px;
    left: 190px;
    display: flex;
    flex-direction: row-reverse;
}

.innermenu-ul .dipinner-sub-menu {
    position: fixed;
    top: -154px;
    left: 220px;
}

.sub-menu .view-all {
    position: absolute;
    bottom: 20%;

}

.sub-menu .view-all a {
    padding: 0px 0px !important;
    /* padding-left: 0px !important; */
    border-bottom: 1px solid white !important;
    font-size: 14px !important;
}

.sub-menu .view-all a:hover {
    color: #ffffff;
}

.navbar .navbar-brand img {
    max-width: 0px !important;
}

.dropdown .btn {
    font-size: 20px !important;
}

.navbar-nav .dropdown-menu {
    float: left !important;
}

.show>.btn-secondary.dropdown-toggle,

.collapsing>.btn-secondary.dropdown-toggle {
    background-color: #ffffff !important;
    color: black !important;
    border: 0px solid white !important;
}

.btn-secondary:focus {
    box-shadow: none !important;
}

.dipinner-sub-menu img {
    filter: none !important;
}

/* mega menu */
.mega-menu {
    /* background-color: #623817 !important; */
    position: absolute;
    /* padding: 0px 40px; */
    left: 0;
    background-color: #fff;
    z-index: 9999999;
    border: none;
    height: auto;
    /* opacity: 0;
  visibility: hidden; */
    transform: scaleY(0.9);
    transform-origin: top;
    transition: all .5s;
    top: 100%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);
    min-width: 100%;
    overflow: hidden;
    display: none;
}

.inner-sub-menu,
.dipinner-sub-menu {
    /* background-color: #001E3C !important; */
    position: absolute;
    padding: 0px 0px 0px 0px;
    left: 100%;
    background-color: #fff;
    z-index: 9999999;
    border: none;
    height: auto;
    /* opacity: 1;
  visibility: visible; */

    display: flex;

    transform: scaleX(1);
    transform-origin: left;
    transition: all .5s;
    top: 0%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);
    min-width: 950px;
}

/* .mega-menu .sub-menu li:hover .inner-sub-menu {
  opacity: 1;
  visibility: visible;
  transform: scaleX(1);
} */

.mega-menu .inner-sub-menu li:hover .dipinner-sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleX(1);
}

.mega-menu .inner-sub-menu li.active .dipinner-sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scaleX(1) !important;
    display: flex !important;
}

.inner-btn a {
    border: 1px solid white;
}

.sub-menu:hover .inner-sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scalex();
}

.dip-inner-cnt {
    position: absolute;
    left: 0;
    top: 0;
}

header.header ul li:hover .mega-menu {
    /* opacity: 1;
  visibility: visible; */
    display: flex;
    transform: scaleY(1);
}

.mega-menu ul {
    width: 220px;
    float: left;
    min-height: 335px;
    border-right: 1px solid #ddd;
}

.mega-menu ul:not(:first-child) {
    padding-left: 30px;
}

header.header ul li .mega-menu ul li {
    display: block !important;
}

header.header ul li .mega-menu ul:last-child {
    border-right: 0;
}

header.header ul li .mega-menu ul li a {
    padding-left: 0;
    padding-right: 0;
    display: block;
    padding-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #fff !important;
    text-transform: capitalize;
}

/* .sub-menu .inner-sub-menu li:hover {
  background-color: #183250 !important;
} */

.sub-menu li {
    margin-left: 0px !important;
}

.sub-menu li:hover {
    background-color: #714b2e !important;
}

.white-content .mega-menu {
    /* position: absolute; */
    left: -440% !important;
    min-width: 1380px !important;
}

.mega-menu li a {
    padding-left: 10px !important;
}

.sub-menu a {
    padding: 10px 0px !important;
}

.mega-menu li {
    border-left: 3px solid #623817 !important;
    margin-left: 10px;
    transition: all ease 0.6s;
}

.mega-menu li:hover,

.sub-menu .inner-sub-menu li.active,

.sub-menu li.active {
    border-left: 3px solid #ffffff !important;
}

.hero-para p {
    max-width: 50%;
}

.inner-sub-menu .inner-btn a:hover {
    border-left: 0.5px solid white !important;
}

.luxurious-title h2,
.knowledge-title h2,
.sustainable-title h2,
.signature-title h2,
.main-collection-title h2,

.process-head h4 {
    font-size: 24px !important;
    line-height: 34px !important;
    text-transform: capitalize !important;
}

.inner-sub-menu .inner-btn a {
    /* border-left: 0.5px solid white !important; */
    padding: 16px 40px !important;
}

.inner-btn {
    /* border: 0.5px solid white !important; */
    display: inline-block;
}

.dipinner-sub-menu {
    max-height: 520px !important;
}

.inner-sub-menu .inner-ul {
    position: fixed;
    top: -62px;
}

.inner-sub-menu .innermenu-ul {
    position: fixed;
    top: -124px;
}

.dipinner-sub-menu {
    position: fixed;
    top: -30px;
    left: 220px;
    height: 100vh;
    max-height: 100vh !important;
    display: flex;
    flex-direction: row-reverse;
}

.first-ul .dipinner-sub-menu {
    position: fixed;
    top: 0px;
    left: 220px;
    height: 100vh;
    max-height: 100vh !important;
}

.innermenu-ul .dipinner-sub-menu {
    position: fixed;
    top: -100px;
    left: 220px;
}

.sub-menu .view-all {
    position: absolute;
    bottom: 20%;
    border-bottom: 1px solid white !important;
}

.sub-menu .view-all a {
    padding: 0px !important;
}

.sub-menu .view-all a:hover {
    color: #ffffff;
}

.navbar .navbar-brand img {
    max-width: 100px !important;
}

.dropdown .btn {
    font-size: 20px !important;
}

.navbar-nav .dropdown-menu {
    float: left !important;
}

.show>.btn-secondary.dropdown-toggle,

.collapsing>.btn-secondary.dropdown-toggle {
    background-color: #ffffff !important;
    color: black !important;
    border: 0px solid white !important;
}

.btn-secondary:focus {
    box-shadow: none !important;
}

.dipinner-sub-menu img {
    filter: none !important;
}

/* 27/5/24 Css start here  */
.footer-bottom-primary ul li p {
    font-size: 12px !important;
}

/* 27/5/24 Css End here  */

/* 28/5/24 Css start here  */
/* .mega-menu .sub-menu{
  padding-top: 30px;
} */
.mega-menu li a {
    padding: 19px 24px 18px !important;
}

.innermenu-ul.child-ul,

.inner-ul.child-ul {
    height: 100vh;
    background-color: #714b2e;
}

.first-ul.child-ul li,

.innermenu-ul.child-ul li,

.inner-ul.child-ul li {
    border-left: 3px solid #714b2e !important;
}

.first-ul.child-ul li:hover,

.innermenu-ul.child-ul li:hover,

.inner-ul.child-ul li:hover {
    border-left: 3px solid #fff !important;
}

.view-all {
    margin-left: 24px;
}

.dipinner-sub-menu img {
    object-fit: cover !important;
}

/* .chart-main-title {
  max-width: fit-content;
} */

#brands {
    font-size: 20px !important;
}

.dipinner-sub-menu.third-sub .dip-inner-cnt {
    top: -2px;
}

.position-static.shorts .mega-menu .third-sub,

.position-static.shirts .mega-menu .third-sub {
    top: -62px !important
}

/* 28/5/24 Css end here  */

/* 1-6-24 css */

.fa-chevron-right:before,

.fa-angle-right:before,

.slick-next:before {
    content: url(../img/icon/chevron_right_spoke.svg) !important;

}

.fa-chevron-left:before,

.fa-angle-left:before,

.slick-prev:before {
    content: url(../img/icon/chevron_left_spoke.svg) !important;
}

/* .slick-prev, .fa-angle-left {
  transform: rotate(180deg) !important;
} */
.footer-icons ul {
    gap: 20px;
}

/* 4/6/24 Css start here  */
.checkout-price {
    display: contents;
}

.shopping-content p {
    font-size: 12px;
}

.flex-divison {
    padding-bottom: 20px;
}

.tab-content+p,

.flex-divison span {
    font-size: 16px;
}

.subtotal-price h5 {
    font-size: 20px;
    text-transform: capitalize;
}

.checkout-price button {
    height: 56px;
    margin-bottom: 0px;
}

body.home .header.sticky .minicart-checkout-links a {
    color: #fff !important;
}

/* 5/6/24 Css start here  */
.first-guide-chart.mt-40.mb-40 {
    max-width: 810px !important;
}

.first-guide-chart .tab-content .table-heading {
    min-width: 230px !important;
}

.first-guide-chart h6 {
    color: #623817;
}

.tab-pane .table-heading,

.chart-table-one .table-heading {
    color: #000 !important;
}

.leg-size-images .leg-img-box.active {
    background-color: #623817;

    color: #fff !important;
}

/* .modal-part .modal.fade:after{
  content: "";
  position: absolute;
  background-color: #000;
  opacity: 0.5; */
/* height: 100%; */
/* width: 100%; */
/* z-index: -9;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
} */
.modal-dialog {
    max-width: 800px !important;
    margin: 1.75rem auto;
}

.main-modal.modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    max-height: 95%;
}

.build-slider .slide p {
    margin: 10px auto 0;
    max-width: 300px;
    font-size: 16px;
}

.build-slider .slick-dots li {
    display: list-item;
    list-style-type: disc;
    font-size: 40px;
    margin: 0px 5px;
}

.build-slider .slick-dots li.slick-active button,

.build-slider .slick-dots li button {
    background-color: #fff;
    color: #fff;
    width: 0px;
}

.build-slider .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    position: absolute;
    left: 50%;
}

.slider-for .slick-slide {
    width: 100px !important;
}

/* pop up modal display none css  */
.slider-for .slick-slide.slide.hidden#narrow {
    width: 300px !important;
    /* position: absolute !important; */
    left: 18% !important;
    transform: translateX(-50%) !important;
}

button.build-btn {
    display: none;
}

.slider-nav.row .slick-list.draggable {
    padding: 0px 135px !important;
    margin-bottom: 50px;
    margin-top: 35px;
    position: relative;
    left: -80px;
}

.slider-nav.row .slick-track {
    width: auto !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.slider-for .slick-slide.slide.hidden#regular {
    width: 290px !important;
    left: -14% !important;
    transform: translateX(-50%) !important;
}

.build-part .modal-body button.close {
    position: fixed !important;
    left: 93%;
    z-index: 999;
    font-weight: 300;
    font-size: 35px;
    top: 20px;
}

.slider-for .slick-slide.slide.hidden#wide {
    width: 296px !important;
    left: -46.2% !important;
    top: 0px !important;
    transform: translateX(-50%) !important;
}

.build-part .slick-track .btn.slick-slide {
    width: fit-content !important;
    border: 1px solid #623817;
    position: relative;
    padding: 5px 16px;
    display: flex;
    justify-content: center;
    letter-spacing: 0px;
    font-size: 14px;
}

.build-part .modal-header {
    display: none;
}

.btn:focus {
    box-shadow: none;
}

.build-part .btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0) !important;
    letter-spacing: 0px !important;
    border-bottom: 1px solid #623817;
    padding: 0 !important;
}

.build-part .slick-dots li.slick-active button {
    background-color: transparent !important;
    width: 0px !important;
}

.build-part .slick-dots li.slick-active button:before {
    font-size: 15px !important;
    border: 0px solid #623817 !important;
    color: #623817 !important;
    opacity: 1 !important;
}

.build-part .slick-dots li button:before {
    color: #623817 !important;
    opacity: 0.3;
    border: 0px solid !important;
    font-size: 15px !important;
}

.build-part .slick-dots li {
    width: 10px !important;
}

.build-part a.build-popup {
    letter-spacing: 0px !important;
    padding: 0;
}

/* .build-part .modal-body {
  padding: 0px !important;
} */

.build-part .modal-body button+div.row .desc {
    padding: 80px 50px !important;
}

.single-product-bottom .tab-content {

    padding: 0px 64px;
}

#mc_embed_signup .button {
    padding: 10px 20px !important;
    line-height: 25px !important;
    font-family: "Figtree", sans-serif;
    min-width: 0;
    height: 48px !important;
}

.look-slider-heading h2,

.shop-wrapper .widget h4,

.translate-bottom h2,

.section-title h1,

.generic-title h3,

.basic-login h3,

.related-title h2,

.care-title h2,

.register-form-sec .forn-opposite .cc-title-text,

.our-recommend h3,

.shopping-head h3 {
    font-size: 24px !important;
    line-height: 34px !important;
}

.first-guide-chart h6 {
    font-size: 20px;
    line-height: 34px;
}

.returns-main h4,

.pay_instruction .h5-display {
    font-size: 22px !important;
    line-height: 1.2em !important;
}

.page-list-top a.active {
    font-weight: 500;
    color: #623817;
}

body.home .header.sticky .cc-registration-box-container a,

.login-popup form .login,

.new-mens-collection .discover-more a {
    color: #fff !important;
    border: 1px solid #623817 !important;
    border-radius: 0px !important;
    background-color: #623817 !important;
}

body.home .header.sticky .cc-registration-box-container a:hover,

.login-popup form .login:hover,

.new-mens-collection .discover-more a:hover {
    background-color: transparent !important;
    color: #623817 !important;
}

.single-product-tab-content .customize-tab-product .row {
    gap: 1rem;
}

#accordionExample .customize-tab-product .row {
    column-gap: 2rem;
}

.single-product-tab-content .customize-tab-product .row .col-xl-4 {
    padding:10px !important;
    max-width: 20%;
}

#accordionExample .customize-tab-product .row .col-xl-4 {
    max-width: 22%;
}

.single-product-tab-content .customize-tab-product .row .col-xl-4 .product-img img {
    padding: 0;
}

/* .single-product-tab-content .customize-tab-product .row .col-xl-4 .product-img{
  border: 3px solid #000;
} */
.product-desc {
    padding: 0px 5px;
}

#accordionExample .product-box-wrapper {
    display: block !important;
}

#accordionExample .collapse.show,

#accordionExample .collapse.collapsing {
    padding: 0px !important;
}

#accordionExample .col-xl-4 {
    width: 137px;
}

.chakra-stack.summery-btns.css-19ezvis {
    margin-top: 2rem;
}

.returns-main table {
    color: var(--secondary-color);
    border: 1px solid #efefef;
    border-collapse: collapse;
}

.returns-main .click-here,
.returns-main .click-here2 {
    cursor: pointer;
    font-weight: 600;
    transition: all ease 0.4s;
    color: #623817;
}

.returns-main table th {
    border-bottom: 0px !important;
}

.returns-main table th,

.returns-main table td {
    border-top: 1px solid #efefef;
}

.returns-main table thead tr>th,

.returns-main table thead tr>th+th,

.returns-main table tbody tr>td,

.returns-main table tbody tr>td+td {
    border-right: 1px solid #efefef;
    text-align: center;
}

/*------------------- 7/6/24 Css start here  ---------------*/
.new-arrival ul li {
    color: #2d2e2c !important;
}

.dipinner-sub-menu img {
    position: initial !important;
}

/* .new-nav{
  display: none !important;
} */
.header .mobile-menu.visible-sm {
    display: none !important;
}

.new-nav.navbar-light .navbar-toggler {
    color: #623817 !important;
    padding: 0px 0px 0px 0px !important;
    /* font-size: 12px !important; */
    /* background-color: #fff !important; */
    border: 0px solid #623817 !important;
    border-radius: 0px !important;
}

.navbar-light .navbar-toggler-icon {
    background: none;
}

.home .navbar-brand img {
    filter: brightness(0) invert(1);
}

.navbar-collapse img {
    height: 60px;
    width: 137px;
    padding: 16px 25px;
}

.navbar-collapse.collapse,

.navbar-collapse.collapsing {
    height: 105vh !important;
    left: -275px !important;
    max-width: 250px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    position: absolute;
    right: 20px !important;
    top: -9px !important;
    transition: transform .3s cubic-bezier(.645, .045, .355, 1) !important;
    display: block;
    background-color: #fff !important;
}

.navbar-collapse.show,

.navbar-collapse.collapsing {
    display: block;
    transform: translateX(100%);
}

.navbar-collapse.show .nav-item.active,

.navbar-collapse.collapsing .nav-item.active {
    padding: 10px 25px !important;
}

.navbar-collapse.show .nav-item,

.navbar-collapse.collapsing .nav-item {
    padding: 10px 25px !important;
    border-bottom: 1px solid #f7f8f8;
}

.navbar-collapse.show .nav-item a.nav-link,

.navbar-collapse.collapsing .nav-item a.nav-link {
    color: #623817 !important;
}

/* .nav-bar{
    display: none !important;
  } */
/*------------------- 7/6/24 Css End Here  ------------------*/

/*------------------- 8/6/24 Css start here  ----------------*/
.navbar-collapse.show+.close.btn,

.navbar-collapse.collapsing+.close.btn {
    display: block !important;
    top: 50%;
    right: 0px;
    color: #fff;
    font-weight: 400;
    font-size: 45px;
    transform: translate(0px, -50%);
}

/* .new-nav button.close{
  display: none;
} */
/* body.store-experience {
  overflow-x: hidden;
} */
/*
#v-pills-home{
    padding-top: 3.5rem;
    margin-bottom: 2rem;
} */
.feature-box {
    padding: 35px 0px 15px;
    margin-bottom: 20px;
    border: 2px solid #e7e7e7;
}

.feature-box img {
    margin-bottom: 25px;
}

.feature-box-content h3 {
    font-size: 16px;
}

/*------------------- 8/6/24 Css End Here -------------------*/

/* 10/6/24 Css Start Here  */
.dashboard .nav-pills .nav-link.active,

.nav-pills .show>.nav-link {
    background-color: transparent !important;
    color: #623817 !important;
    font-weight: 700 !important;
}

.dashboard .nav-link {
    font-size: 14px;
    transition: all ease 0.4s;
}

.order-table-container .btn,

.continue-data .btn,

.download-table-container .btn,

.address .btn,

.form-footer .btn {
    background-color: #623817 !important;
    color: #fff;
    border: 1px solid #623817;
    transition: all ease 0.4s;
    padding: 10px 20px !important;
    line-height: 18px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.checkout-modal .close {
    font-size: 50px;
    font-weight: lighter;
    background-color: #fff;
}

.prefix select {
    height: auto !important;
    padding-bottom: 0px;
}

.continue-data .btn {
    letter-spacing: 1px;
    font-weight: 400 !important;
}

#v-pills-home p {
    margin-bottom: 3rem !important;
}

.row.dashboard {
    margin-bottom: 5.6rem;
    margin-top: 4.2rem;
}

.form-group .form-control+.form-control {
    margin-top: 16px;
}

.dashboard label,

select,

.dashboard input::placeholder {
    font-size: 12px !important;
}

.order-table-container .btn:hover,

.continue-data .btn:hover,

.download-table-container .btn:hover,

.address .btn:hover,

.form-footer .btn:hover {
    background-color: transparent !important;
    color: #623817 !important;
}

.account-sub-title img {
    width: 30px;
    margin-right: 1rem;
}

.table thead th {
    font-size: 14px;
    border-bottom: 1px solid #dee2e6;
    border-top: 0;
    padding: 13px 10px;
    font-weight: normal;
    background: #623817 !important;
    color: #fff;
    vertical-align: middle;
}

.addresses-content p {
    margin-bottom: 40px !important;
}

.change-password {
    padding: 26px 30px 22px;
    border: 2px solid #e7e7e7;
}

.dashboard-main .container {
    max-width: 1200px !important;
}

.heading h4 {
    margin-bottom: 6px !important;
    font-size: 16px !important;
}

.dashboard h3 {
    margin-top: 0.6rem !important;
    margin-bottom: 1.5rem !important;
    /* font-size: 2.2rem; */
    letter-spacing: -0.01em;
}

.address-box {
    margin-bottom: 29px;
}

.download-table-container p {
    margin-bottom: 39px;
}

.lets-go-content .waist-head h3 {
    margin: 0 !important;
    padding: 0px !important;
}

.modal-header .close {
    padding: 0 !important;
    margin: 0px !important;
}

.fifth-tab-card p {
    font-size: 14px !important;
    line-height: 21px;
}

.step7 .leg-length p {
    margin-top: 20px !important;
}

.finder-result-title:after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #623817;
    margin-top: 15px;
    margin-bottom: 15px;
}

.finder-result-block-left span {
    font-size: 16px;
}

#fitModal .fullwidthbtn .btn.close {
    position: static !important;
    margin-top: 15px !important;
    padding: 16px 40px;
    line-height: 22px !important;
}

.fincer-result-details div:nth-child(1) {
    padding-top: 5px;
}

.finder-result-block-left button {
    font-size: 12px;
    line-height: 16px;
    background-color: #fff;
    border-radius: 50%;
    height: 20px;
    min-width: 20px;
    align-items: center;
    justify-content: center;
    display: flex;
    outline: none;
    cursor: pointer;
    border: 1px solid #c6c9cc;
    transition-property: background-color, border, color;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.645, .045, .355, 1);
}

/* .finder-result-inner h2,

.perfect-size h4,

.btn-group .btn,

#fitModal .fullwidthbtn .btn {
    text-transform: uppercase;
} */

.privacy-table tr th,

.privacy-table tr td {
    padding: 10px;
}

.privacy-table tr th:nth-child(1) {
    border-right: 1px solid #efefef;

    ;
}

.custom-mega-menu {
    background-color: #000;
    color: #fff;
    padding: 10px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.custom-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.custom-sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.custom-sub-menu>li {
    position: relative;
    margin-right: 20px;
}

.custom-sub-menu>li>a {
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    display: block;
}

/* Mega Submenu */
.custom-mega-submenu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.custom-sub-menu li:hover .custom-mega-submenu {
    display: block;
}

.custom-mega-submenu ul {
    list-style: none;
    padding: 20px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.custom-mega-submenu ul li {
    flex: 0 0 calc(33.33% - 20px);
    margin-bottom: 20px;
    text-align: center;
}

.custom-mega-submenu ul li a {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 10px;
    transition: background-color 0.3s ease;
}

.custom-mega-submenu ul li a:hover {
    background-color: #f0f0f0;
}

.second-sub {
    top: -63px !important;
}

.third-sub {
    top: -62px !important;
}

/* 15/6/24 Css Start Here  */
.mce_inline_error {
    text-align: center;
}

#mc-embedded-subscribe-form .required.email {
    border: 1px solid #623817 !important;
    margin-bottom: 20px !important;
    text-indent: 0%;
    padding: 10px 0;
    margin-top: 10px;
}

.footer-menu .title {
    font-weight: 700;
}

.header .hidden-md li a {
    padding: 0px 0 20px 0;
}

.header .hidden-md li {
    padding: 0px 20px 0px 20px;
}

body.home .header.sticky img {
    filter: brightness(1) invert(0) !important;
}

.wishlist i:before {
    color: #623817;
}

.checkout-collapse+.col-lg-4 {
    position: fixed;
    top: 75px;
    right: 10px;
    z-index: 8;
    /* padding: 24px; */
}

.check-title h3 {
    font-size: 18px;
    text-transform: capitalize;
}

.checkout-collapse+.col-4,

.checkout-information .card-header,

#collapseTwo .card-body {
    background-color: #EEEAE5;
}

.checkout-information .checkcart-price {
    font-size: 14px;
    font-weight: 700;
}

#headingTwo+#collapseTwo {
    border: 0px !important;
}

.return-check {
    border-top: 1px solid #623817;
    border-bottom: 1px solid #623817;
}

#headingTwo .btn {
    font-size: 24px;
    color: #623817;
    letter-spacing: 0px;
}

#headingTwo .btn:hover {
    text-decoration: none;
    color: #623817 !important;

}

.single-product-sidebar .accordion div:nth-child(3) {
    margin-bottom: 0px !important;
}

.single-product-sidebar .accordion #headingtwo button,

.single-product-sidebar .accordion #headingThree button {
    border-bottom: 0px !important;
}

/* 22/6/24 Css start here  */
.footer-minus {
    display: none;
}

.home.modal-open {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* background-color: #000; */
    z-index: -9;
}

.modal-slideout+.modal-backdrop {
    z-index: 1040 !important;
}

.modal-part .modal.fade.show {
    z-index: 9999 !important;
}

.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    z-index: 9999;
    width: 90%;
    max-width: 1200px;
    height: 95%;
}

/* Styling for the overlay */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

.close-btn {
    position: absolute;
    right: 20px;
    height: 40px;
    width: 40px;
    background: #fff;
    border-radius: 50%;
}

@media (max-width:500px) {
    .popup {
        width: 100%;
        height: 100%;
    }
}

.antialiased .h-event {
    height: 74vh !important;
}

.mega-menu .inner-btn a {
    font-size: 16px !important;
}

.nav-ul li {
    border-bottom: 1px solid #f7f8f8;
}

.nav-ul li a {
    color: #623817 !important;
    padding: 0px !important;
    height: 60px;
    line-height: 60px !important;
}

.navbar-nav .nav-ul {
    display: none;
}

.fabric-li {
    height: 100% !important;
}

/* .nav-item:hover .nav-ul, .fabric-li:hover .fabric{
  display: block !important;
} */
.nav-item .nav-link .nav-ul li:nth-child(1) {
    display: none !important;
}

.navbar-nav li a {
    font-size: 14px !important;
}

.adv-cust-cate.active .product-box {
    background: #623817;
    color: #fff;
}

.adv-cust-cate.active .product-desc-2 a.product-title-2 {
    color: #fff !important;
}

/* 4/7/24 Css start here  */
.customize-detail-col .nav .nav-item {
    margin: 0px !important;
}

.customize-product-sec .customize-detail-col .build-part .row {
    padding: 0px 0px;
}

.customize-detail-col .leg-size-images {
    padding: 16px 0px !important;
}

.customize-detail-col .leg-size-images {
    margin: 0px 0 0 15px !important;
}

/* .customize-detail-col .leg-size-images .leg-img-box {
    max-width: 31.33% !important;
} */

.customize-product-sec .customize-detail-col .build-part .row .col-7.text-right {
    max-width: 55.33% !important;
}

.customize-detail-col .size-boxes ul,

.customize-detail-col .leg-size-boxes ul {
    padding: 16px 0px !important;
}

.customize-detail-col .customize-tab-product .row {
    gap: 0rem;
}

.single-product-tab-content .build-part .row {
    gap: 1rem;
}

#fabric .row {
    gap: 1rem;
    margin: 0px;
}

.footer-bottom .container-1180 {
    max-width: 1180px !important;
    width: 100% !important;
    margin: 0 auto;
}

.close.btn path {
    fill: #623817;
}

.close.btn:focus {
    outline: none;
    box-shadow: none;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);

    /* Adjust transparency as needed */
    z-index: 0;

    /* Ensure the overlay is on top of other content */
    display: none;

    /* Initially hidden */
}

.close.btn {
    opacity: 1;
}

.compare-style p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;

    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.compare-style ul {
    display: none !important;
}

.book-appointment .new-arrival .container {
    width: 97% !important;
}

#product-detail-page .popup-content-select-size {
    padding: 10px 20px !important;
}

/* 8/7 Css Start Here  */
/* .header.header-sticky.sticky .navbar svg + span.sr-only{
  display: none !important;
} */
/* 8/7 Css End Here  */
.nav-ul,

.fabric-ul {
    display: none;

    /* Hide by default */
}

.nav-ul.active,

.fabric-ul.active {
    display: block;

    /* Show when the 'show' class is added */
}

.rotate {
    transform: rotate(180deg);

    /* Adjust the rotation angle as needed */
    transition: transform 0.3s ease;

    /* Optional: Add transition for smooth animation */
}

.customize-product-sec div#accordionExample>div {
    border-bottom: 1px solid rgb(229, 229, 229);
}

.header .header-right,

.top-left-icon {
    z-index: 9;
    position: relative;
}

.alterations-main .alteration-custom-head div.mb-30.col-lg-12 {
    height: 100%;
}

.load-more-main button {
    line-height: 2.1;
    font-size: 12px;
}

.selected img,

.selected .product-box-wrapper {
    border: 1px solid #623817;

    /* Example style for the selected image */
}

#advance-customization::-webkit-scrollbar {
    display: none;
}

@media screen and (max-width: 600px) {
    .pushNav {
        width: 100%;
        left: -100%;
    }
}

@media screen and (min-width: 601px) {
    .pushNav {
        width: 350px;
        left: -350px;
    }
}

ul.pushNav {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.pushNav {
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
    overflow: hidden;
    background: #fff;
    transition: ease-in-out 0.5s;
}

.pushNav hr {
    border: 1px solid rgb(0 0 0 / 10%);
    margin: 0;
}

li.closeLevel .fa-chevron-left:before {
    content: "\f053" !important;
}

.pushNav,

.pushNav a {
    font-size: 1em;
    font-family: helvetica, sens-serif;
    font-weight: 100;
    color: var(--secondary-color);
    text-decoration: none;
}

.pushNavIsOpen {
    overflow: auto;
    height: 100%;
}

.js-topPushNav.isOpen,

.pushNav_level.isOpen {
    left: 0;
}

.closeLevel,

.openLevel {
    cursor: pointer;
}

.openLevel,

.closeLevel,

.pushNav a {
    padding: 1em 10px;
    display: block;
    text-indent: 20px;
    text-transform: uppercase;
}

.openLevel:hover,

.closeLevel:hover,

.pushNav a:hover {
    background: #623817;
    color: #fff !important;
}

.hdg {
    background-color: #623817;
}

.closeLevel,

closelevel>i {
    font-size: 1em;
    color: #fff;
}

.burger {
    z-index: 999;
    cursor: pointer;
}

.burger i {
    font-size: 3em;
    color: #fff;
}

.screen {
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.pushNavIsOpen .screen {
    height: 100%;
    opacity: 1;
    z-index: 99;
}

.openLevel i:before {
    content: "\f054" !important;
}

.wrapper {
    max-width: 625px;
    color: var(--secondary-color);
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-weight: 100;
    font-size: 1.1em;
    line-height: 1.4em;
}

.wrapper a {
    color: var(--secondary-color);
    text-decoration: none;
}

.wrapper button {
    background-color: #20c270;
    margin: 50px auto;
    display: block;
    padding: 10px 40px;
    border: none;
}

.wrapper button:hover {
    background-color: #18a960;
}

.wrapper button a {
    color: #fff;
    font-size: 2em;
}

.js-closeLevelTop {
    display: flex !important;
    padding: 10px 20px;
}

.size-button a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: row;
    gap: 0.5rem;
    margin-inline-start: 5px;
    margin-inline-end: 5px;
    padding-inline-start: 24px;
    padding-inline-end: 24px;
    background: rgb(239 239 239);
    color: #623817;
    cursor: pointer;
    border-radius: 2em;
    z-index: 10;
    width: fit-content !important;
    height: 32px !important;
    white-space: nowrap;
}

html {
    scroll-behavior: smooth;
}

.size-arrow-left {
    position: absolute;
    top: 50%;
    left: -14px;
}

.size-arrow-right {
    position: absolute;
    top: 50%;
    right: -14px;
}

.bottom-header i {
    display: none !important;
}

.bottom-header li a {
    text-align: center;
}

.bottom-header li:first-child a {
    padding-left: 0px !important;
}

.bottom-header li a {
    letter-spacing: 0;
    padding: 20px 0 !important;
    font-size: 11px !important;
    text-align: center;
    text-indent: 0;
}

.bottom-header li {
    border: none !important;
    width: 33%;
}

.bottom-header {
    position: absolute;
    bottom: 0;
    background: #f3f3f3;
    width: 100%;
    justify-content: space-around;
}

#collapseThree .card-body,

#collapseThreem .card-body {
    height: 60px !important;

    /* Initial collapsed height */
    overflow: hidden;
    transition: height 0.3s ease-in-out;

    /* Smooth transition */
}

#collapseThree .card-body.full-height,

#collapseThreem .card-body.full-height {
    height: auto !important;
    overflow: visible;
    max-height: 100%;
}

#toggleButton {
    text-align: right;
    border: none;
}

.collapse.opencolm {
    display: block;
}

#toggleButtonm {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #623817;
    cursor: pointer;
}

header .pushNav {
    background: #f3f3f3;
}

header>.pushNav>li:nth-child(1),

header>.pushNav>li:nth-child(2),

header>.pushNav>li:nth-child(3),

header>.pushNav>li:nth-child(4),

header>.pushNav>li:nth-child(5),

header>.pushNav>li:nth-child(6),

header>.pushNav>li:nth-child(7),

header>.pushNav>li:nth-child(8),

header>.pushNav>li:nth-child(9) {
    background: #fff;
}

header>.pushNav .pushNav {

    background: #fff
}

#exampleModalLong .modal-dialog {
    margin: 0;
    padding-top: 0;
}

#exampleModalLong .modal-body {
    padding: 0;
}

.product-detail .card-body p span {
    font-family: sans-serif !important;
}

.details-accordion__table tbody tr th,

.details-accordion__table tbody tr td,

.product-detail .card-body {
    font-size: 14px;
}

.modal-backdrop {
    z-index: 9;
}

.change-icon-class i.fa-plus:before {

    content: "\f068";

}

.customize-tab-product .popup-content-select-size {
    height: auto;
    overflow: auto;
}

.navbar-brand,
.middle-logo a {
    margin: 0 auto;
    z-index: 9 !important;
    width: fit-content !important;
}

.popup-container-login {
    z-index: 9999;
}

.feature-box img {
    width: 30px;
}

.main-recommend {
    display: none;
}

.shopping-total .shopping-content {
    position: sticky;
    top: 120px;
}

#page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    /* Ensure loader is on top */
    transition: opacity 0.5s ease;
    /* Fade-out effect */
}

.loader-content {
    text-align: center;
}

/* Logo styling and zoom animation */
.loader-logo {
    width: 150px;
    /* Adjust the size of the logo */
    animation: zoomEffect 1.5s infinite ease-in-out;
    /* Zoom animation */
}

#page-loader.hidden {
    opacity: 0;
    /* Fades out the loader */
    visibility: hidden;
    /* Completely hides the loader after fade-out */
    transition: opacity 0.5s ease, visibility 0s 0.5s;
    /* Smooth transition */
}

/* Keyframe animation for zoom in and zoom out */
@keyframes zoomEffect {
    0% {
        transform: scale(1);
        /* Original size */
    }

    50% {
        transform: scale(1.2);
        /* Zoom in */
    }

    100% {
        transform: scale(1);
        /* Zoom out */
    }
}

.tab-content .tab-pane .product-img .popup-image {
    pointer-events: none;
    text-align: center;
}

.single-product-top .pro-sec:nth-child(odd) .order-2 {
    display: none;
}

.single-product-top .pro-sec:nth-child(odd) .order-1 {
    flex: 100%;
    width: 100%;
    max-width: 100%;
}

.minicart-img img {
    filter: none !important;
    padding-bottom: 10px;
}

.color-part a {
    pointer-events: none;
}

/* .mega-menu {
  display: none !important;
} */
.mob-jan-pro-img .product-img {
    background: #f1eff2;
}

.product-detail-faq-col.mob-details-fixed-when-scroll {
    padding: 0px 5px;
}

.header.sticky .hidden-md li a {
    padding: 0 0 13px 0;
}

/* .header.sticky .hidden-md li .mega-menu {
  margin: 20px 0 0 0;
} */

.wishlist-product-details {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 20px;
}

#main-nav {
    margin: 10px auto;
    width: auto;
    min-height: 50px;
    flex-flow: row nowrap;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: space-around;
}

#main-nav a.cart-button {
    width: 50px;
    min-height: 50px;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    align-content: flex-start;
    justify-content: space-around;
    background: #623817;
    border-radius: 50px;
}

#main-nav a.cart-button span.bag-icon {
    width: 50px;
    height: 50px;
    display: flex;
    margin-bottom: 0;
    z-index: 1;
    text-indent: -999px;
    overflow: hidden;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 40'%3E%3Cpath d='M33.1 10.2h-8V7.9C25 3.5 21.4 0 17 0c-4.4 0-8 3.5-8 7.9v2.3H1c-.5 0-.9.4-.9.9v24.4C0 38 2.1 40 4.6 40h24.7c2.6 0 4.6-2 4.6-4.5V11.1c.1-.5-.3-.9-.8-.9zM10.8 7.9c0-3.4 2.8-6.1 6.2-6.1 3.4 0 6.2 2.7 6.2 6.1v2.3H10.8V7.9zm21.3 27.6c0 1.5-1.2 2.7-2.8 2.7H4.6c-1.5 0-2.8-1.2-2.8-2.7V12H9v1.1c0 .5.4.9.9.9s.9-.4.9-.9V12h12.4v1.2c0 .5.4.9.9.9s.9-.4.9-.9V12h7.1v23.5z'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 40'%3E%3Cpath d='M33.1 10.2h-8V7.9C25 3.5 21.4 0 17 0c-4.4 0-8 3.5-8 7.9v2.3H1c-.5 0-.9.4-.9.9v24.4C0 38 2.1 40 4.6 40h24.7c2.6 0 4.6-2 4.6-4.5V11.1c.1-.5-.3-.9-.8-.9zM10.8 7.9c0-3.4 2.8-6.1 6.2-6.1 3.4 0 6.2 2.7 6.2 6.1v2.3H10.8V7.9zm21.3 27.6c0 1.5-1.2 2.7-2.8 2.7H4.6c-1.5 0-2.8-1.2-2.8-2.7V12H9v1.1c0 .5.4.9.9.9s.9-.4.9-.9V12h12.4v1.2c0 .5.4.9.9.9s.9-.4.9-.9V12h7.1v23.5z'/%3E%3C/svg%3E");
    background: rgba(255, 255, 255, 1);
    transition: all 0.5s linear 0s;
    mask-size: 25px;
    mask-repeat: no-repeat;
    mask-position: center;
}

#main-nav a.cart-button span.bag-count {
    border-radius: 3px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    font-weight: 600;
    height: auto;
    width: auto;
    position: absolute;
    top: 50%;
    z-index: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: all 0.5s linear 0s;
    transform: translate(0, -40%);
}

#main-nav a.cart-button span.bag-label {
    display: block;
    color: rgba(255, 255, 255, 0.6);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 20px;
    width: 80px;
    text-align: center;
    transition: all 0.5s linear 0s;
}

#main-nav a.cart-button:active span.bag-icon,
#main-nav a.cart-button:hover span.bag-icon {
    background: #fff;
}

#main-nav a.cart-button:active span.bag-count,
#main-nav a.cart-button:hover span.bag-count {
    color: #fff;
}

#main-nav a.cart-button:active span.bag-label,
#main-nav a.cart-button:hover span.bag-label {
    color: #fff;
}

body.show-sidebar-cart {
    overflow: hidden !important;
    height: 100% !important;
}

body.show-sidebar-cart #sidebar-cart {
    right: 0;
    visibility: visible;
}

#sidebar-cart {
    background: #fff;
    color: #000;
    padding: 15px 15px 0 15px;
    position: fixed;
    display: block;
    width: 320px;
    height: 100vh;
    z-index: 9999;
    top: 0;
    right: -340px;
    box-shadow: -10px 0 15px rgba(0, 0, 0, 0.1);
    transition: right 0.5s ease-in-out;
}

#sidebar-cart a.close-button {
    height: 16px;
    width: 16px;
    margin: 0 0 15px 0;
    text-decoration: none;
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
}

#sidebar-cart a.close-button span.close-icon {
    width: 13px;
    height: 13px;
    background: rgb(71 81 97);
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M30.3 32c-.5 0-.9-.2-1.2-.5L16 18.4 3 31.5c-.4.3-.8.5-1.3.5s-.9-.2-1.2-.5c-.7-.7-.7-1.8 0-2.4L13.6 16 .5 2.9C-.2 2.2-.2 1.2.5.5.8.2 1.2 0 1.7 0s.9.2 1.2.5l13.1 13 13-13c.7-.7 1.7-.7 2.4 0 .4.3.6.7.6 1.2s-.2.9-.5 1.2L18.4 16l13.1 13.1c.7.7.7 1.8 0 2.4-.3.3-.8.5-1.2.5z'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M30.3 32c-.5 0-.9-.2-1.2-.5L16 18.4 3 31.5c-.4.3-.8.5-1.3.5s-.9-.2-1.2-.5c-.7-.7-.7-1.8 0-2.4L13.6 16 .5 2.9C-.2 2.2-.2 1.2.5.5.8.2 1.2 0 1.7 0s.9.2 1.2.5l13.1 13 13-13c.7-.7 1.7-.7 2.4 0 .4.3.6.7.6 1.2s-.2.9-.5 1.2L18.4 16l13.1 13.1c.7.7.7 1.8 0 2.4-.3.3-.8.5-1.2.5z'/%3E%3C/svg%3E");
    transition: all 0.5s linear;
}

#sidebar-cart a.close-button:active span.close-icon,
#sidebar-cart a.close-button:hover span.close-icon {
    background: #fff;
}

#sidebar-cart h2 {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 1;
    margin: 5px 0 25px 0;
    display: flex;
    justify-content: center;
}

#sidebar-cart h2 span.count {
    color: #ffffff;
    background: #623817;
    padding: 8px;
    margin-left: 6px;
    position: relative;
    top: -1px;
    width: 18px;
    height: 18px;
    border-radius: 50px;
    font-size: 12px;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#sidebar-cart ul.products {
    margin: 0;
    padding: 0 0 15px 0;
    list-style: none;
    height: calc(100vh - 200px);
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    position: relative;
    z-index: 0;
}

#sidebar-cart ul.products:after {
    height: 30px;
    width: 300px;
    z-index: 1;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
}

#sidebar-cart ul.products li.product {
    margin: 0 0 10px 0;
    padding: 10px 0;
    width: 100%;
    min-height: 30px;
    background: #fff;
    border-radius: 3px;
    color: #98989b;
    position: relative;
    z-index: 1;
    display: flex;
    flex-flow: row nowrap;
    transition: all 0.5s linear;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

#sidebar-cart ul.products li.product:active,
#sidebar-cart ul.products li.product:hover {
    background: #fff;
}

#sidebar-cart ul.products li.product:active span.product-details h3,
#sidebar-cart ul.products li.product:hover span.product-details h3 {
    color: #623817 !important;
}

#sidebar-cart ul.products li.product:active img,
#sidebar-cart ul.products li.product:hover img {
    border-color: #d7d7de !important;
}

#sidebar-cart ul.products li.product a.product-link {
    width: 100%;
    color: #354165;
    padding: 10px;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

#sidebar-cart ul.products li.product a.product-link span.product-image {
    display: inline-block;
    padding-right: 10px;
}

#sidebar-cart ul.products li.product a.product-link span.product-image img {
    width: 80px !important;
    height: 100px;
    border: 1px solid #d7d7de;
    transition: all 0.5s linear;
    object-fit: cover;
    object-position: top;
}

#sidebar-cart ul.products li.product a.product-link span.product-details {
    display: inline-block;
    width: 100%;
    min-height: 30px;
    color: #75757a;
}

#sidebar-cart ul.products li.product a.product-link span.product-details h3 {
    margin: 3px 25px 5px 0;
    font-size: 13px;
    font-weight: 500;
    color: #44444a;
    transition: all 0.5s linear;
    line-height: 1.5;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
    z-index: 5px;
    margin-top: 8px;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty,
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.price {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.minus-button,
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.plus-button {
    width: 25px;
    height: 24px;
    border-radius: 3px;
    border: 1px solid #cdcdd1;
    background: #f0f0f9;
    color: #75757a;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    transition: all 0.3s linear;
    display: flex;
    align-items: center;
    justify-content: center;
}

#qty-form-1 {
    display: flex;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.minus-button:active,
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.minus-button:hover,
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.plus-button:active,
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.plus-button:hover {
    color: #fff;
    background: #623817;
    border-color: #623817;
    cursor: pointer;
    outline: none;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.minus-button:focus,
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.plus-button:focus {
    outline: none;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input {
    width: 24px;
    height: 24px;
    text-align: center;
    border: 1px solid #cdcdd1;
    border-radius: 3px;
    margin: 0 2px;
    transition: all 0.5s linear;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input:active,
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input:hover {
    border: 1px solid #623817;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input:focus {
    outline: none;
    border: 1px solid #623817;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input::-webkit-inner-spin-button,
#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

#sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.price {
    color: #000000;
    font-weight: 400;
    font-size: 13px;
    display: inline-flex;
    letter-spacing: 1;
}

#sidebar-cart ul.products li.product a.remove-button {
    height: 16px;
    width: 16px;
    margin: 10px 10px 0 0;
    text-decoration: none;
    position: absolute;
    top: 12px;
    right: 0;
    z-index: 2;
    display: flex;
}

#sidebar-cart ul.products li.product a.remove-button span.remove-icon {
    width: 15px;
    height: 16px;
    background: rgba(117, 117, 122, 0.5);
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 36'%3E%3Cpath fill='currentColor' d='M30.9 2.3h-8.6L21.6 1c-.3-.6-.9-1-1.5-1h-8.2c-.6 0-1.2.4-1.5.9l-.7 1.4H1.1C.5 2.3 0 2.8 0 3.4v2.2c0 .6.5 1.1 1.1 1.1h29.7c.6 0 1.1-.5 1.1-1.1V3.4c.1-.6-.4-1.1-1-1.1zM3.8 32.8A3.4 3.4 0 0 0 7.2 36h17.6c1.8 0 3.3-1.4 3.4-3.2L29.7 9H2.3l1.5 23.8z'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 36'%3E%3Cpath fill='currentColor' d='M30.9 2.3h-8.6L21.6 1c-.3-.6-.9-1-1.5-1h-8.2c-.6 0-1.2.4-1.5.9l-.7 1.4H1.1C.5 2.3 0 2.8 0 3.4v2.2c0 .6.5 1.1 1.1 1.1h29.7c.6 0 1.1-.5 1.1-1.1V3.4c.1-.6-.4-1.1-1-1.1zM3.8 32.8A3.4 3.4 0 0 0 7.2 36h17.6c1.8 0 3.3-1.4 3.4-3.2L29.7 9H2.3l1.5 23.8z'/%3E%3C/svg%3E");
    transition: all 0.5s linear;
}

#sidebar-cart ul.products li.product a.remove-button:active span.remove-icon,
#sidebar-cart ul.products li.product a.remove-button:hover span.remove-icon {
    background: #cc0000;
}

#sidebar-cart div.totals {
    position: absolute;
    bottom: 111px;
    left: 0;
    right: 0;
    height: 80px;
    border-top: 1px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

#sidebar-cart div.totals div.subtotal,
#sidebar-cart div.totals div.shipping,
#sidebar-cart div.totals div.tax {
    padding: 15px;
    text-align: center;
    color: #44444a;
    border-bottom: 1px solid #d7d7de;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#sidebar-cart div.totals div.subtotal span.amount,
#sidebar-cart div.totals div.shipping span.amount,
#sidebar-cart div.totals div.tax span.amount {
    color: #623817;
    margin-left: 10px;
    font-weight: 600;
}

#sidebar-cart div.action-buttons {
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    background: #fff;
    display: flex;
    white-space: nowrap;
    flex-wrap: wrap;
}

#sidebar-cart div.action-buttons a.view-cart-button,
#sidebar-cart div.action-buttons a.checkout-button {
    display: inline-block;
    padding: 10px;
    margin: 20px 15px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    transition: all 0.5s linear;
    width: 100% !important;
    margin: 0 15px 15px 15px !important;
}

#sidebar-cart div.action-buttons a.view-cart-button {
    background: #fff;
    border-color: #623817;
    margin-right: 5px;
    color: #623817;
    width: 80px;
}

#sidebar-cart div.action-buttons a.view-cart-button:active,
#sidebar-cart div.action-buttons a.view-cart-button:hover {
    background: #623817;
    color: #fff;
}

#sidebar-cart div.action-buttons a.checkout-button {
    border-color: #623817;
    background: #623817;
    margin-left: 5px;
    color: #fff;
    width: 200px;
}

#sidebar-cart div.action-buttons a.checkout-button:after {
    content: url("data:image/svg+xml,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z'/%3E%3C/svg%3E");
    width: 20px;
    height: 14px;
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
    position: relative;
    top: -5px;
    z-index: 1;
}

#sidebar-cart div.action-buttons a.checkout-button:active,
#sidebar-cart div.action-buttons a.checkout-button:hover {
    background: #fff;
    border-color: #623817;
    color: #623817;
}

#sidebar-cart-curtain {
    background-color: #000;
    opacity: .8;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
}

.sticky-right-cart {
    position: fixed;
    right: 20px;
    display: flex;
    bottom: 10px;
    z-index: 999;
}

.single-product-price {
    /* border-radius: 12px;
  border: 1px solid #D0D0D0;
  width: initial;
  padding: 9px 15px;
  display: flex;
  justify-content: center;
  white-space: nowrap; */
    padding: 0 0 30px 15px;
}

.height-fix {
    height: 300px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch; /* IMPORTANT for smooth scrolling */
}

.table-fixed thead {
    position: sticky;
    top: 0px;
    width: 100%;
    background: #623817;
    border: solid 1px;
    border-color: inherit;
    color: #fff;
}

.pro-measuring-tips-tabs .pro-measuring-tips-btn {
    padding: 0 20px 0 0;
    font-size: 18px;
    line-height: 14.4px;
    color: #5B5B5BB2;
    white-space: nowrap;
    text-transform: capitalize;
    -webkit-tap-highlight-color: transparent;
    border: none;
}

.pro-measuring-tips-tab img {
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
}

.pro-measuring-tips-text p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 22.4px;
    text-align: left;
    color: #5b5b5b;
}

.ProductUnsure__About.assist {
    border-top: 0px;
    /* background: #FCF9F199; */
    position: relative;
    padding: 40px 0px 16px;
    margin-top: 40px;
    width: 100%;
    margin-bottom: 0px;
}

.ProductUnsure__About.assist .ProductElements__Name {
    color: #151515;
    font-size: 16px;
    line-height: 1.1112;
    text-align: left;
    margin-bottom: 20px;
}

.ProductUnsure__About .contact-links {
    display: flex;
    align-items: center;
    column-gap: 12px;
    flex-wrap: wrap;
}

.ProductUnsure__About .links-item.chat_ {
    color: #333;
    border-color: #8866314D;
    width: auto;
    flex: 2;
    border-radius: 16px;
}



.pro-measuring-tips-tab {
    display: none;
}

.pro-measuring-tips-tab.active {
    display: block;
}

.custom-sizechart-tabs .tab-content {
    display: none;
}

.custom-sizechart-tabs .tab-content.active {
    display: block;
}

.custom-sizechart-tabs .first-guide-chart .tab-content {
    display: block;
}

.custom-sizechart-tabs .product-sizechart-tab-item.active {
    background-color: #eee;
}

.size-chart-section {
    background-color: #f7f8f8;
    padding: 0px 20px 0px 20px !important;
    height: 100%;
    overflow: auto;
}


body .modal .btn.edit-fit-btn {
    padding: 10px 28px
}

@media (max-width:991px) {
    .contact-links.desktop_ .links-text {
        display: none;
    }

    .contact-links.desktop_ .links-icon,
    .contact-links.desktop_ .links-icon svg {
        margin: 0 !important;
    }
}

.size-chart-section .chart-main-title h4 {
    font-size: 16px;
    white-space: nowrap;
}

.product-fitsmart-popup-left {
    margin-bottom: 0;
}

.payment-three button {
    padding: 15px 30px !important;
    background: #623817;
    color: #fff !important;
    border: 1px solid #623817;
    width: auto;
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 1.5;
}

.payment-three button:hover {
    color: #000 !important;
}

.payment-method1 {
    display: grid;
    gap: 14px;
}

.payment-method1 .payment-option {
    width: 100%;
}

.payment-method1 .payment-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.payment-method1 .payment-option label {
         width: 100%;
    align-items: center;
    padding: 18px 22px;
    border: 2px solid #623817;
    border-radius: 16px;
    cursor: pointer;
    background: #fff;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    color: #2d2e2c;
    min-height: 76px;
    box-shadow: 0 12px 24px rgba(0,0,0,0.04);
    position: relative;
}

.payment-method1 .payment-option label:hover {
    background: #f7f2e7;
    transform: translateY(-1px);
}

.payment-method1 .payment-option label::before {
    content: "";
    width: 24px;
    height: 24px;
    border: 2px solid #623817;
    border-radius: 50%;
    display: inline-block;
    background: #fff;
    position: absolute;
}

.payment-method1 .payment-option .payment-option-text {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.payment-method1 .payment-option .payment-option-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    text-align: right;
    margin: 0 0 30px 0;
}

.payment-method1 .payment-option .payment-option-subtext {
    display: block; 
font-size: 14px;
line-height: 1.4;
}
.payment-method1 .payment-option input[type="radio"]:checked + label .payment-option-title{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
    margin: 0 0 30px 0;
}
.payment-method1 .payment-option input[type="radio"]:checked + label {
    background: #623817;
    border-color: #623817;
    color: #fff;
}

.payment-method1 .payment-option input[type="radio"]:checked + label::before {
    background: #fff;
    box-shadow: inset 0 0 0 4px #623817;
    position: absolute;
        top: 15px;
    left: 20px;
}

.payment-method1 .payment-option.payment-option-disabled label {
    opacity: 0.6;
    cursor: not-allowed;
    background: #f5f5f5;
    border-color: #ccc;
}

.payment-method1 .payment-option.payment-option-disabled label::before {
    border-color: #999;
    background: #f5f5f5;
}

.payment-method1 .cod-msg {
    font-size: 14px;
    margin-bottom: 10px;
    color: #d93025;
}

div.page-list-top .nav-link {
    background-color: transparent !important;
    text-align: left;
    font-size: 16px;
    color: #2d2e2c !important;
    font-weight: 400 !important;
    padding: 20px 15px;
}

.support-sec .tab-pane {
    background: transparent !important;
    padding: 20px;
}

.none {
    display: none;
}

.product-category-4 .measuring-shirt,
.product-category-7 .measuring-shirt,
.product-category-1 .measuring-trouser,
.product-category-8 .measuring-blazer {
    display: block;
}

#table-inches ul,
#table-cm ul,
#table-inches2 ul,
#table-cm2 ul,
#table-inches3 ul,
#table-cm3 ul {
    justify-content: center !important;
    margin-bottom: 10px !important;
}

/* .modal-dialog .chart-toggle-detail input:checked+.slider,
.modal-dialog .chart-toggle-detail .slider {
    background-color: #ebebeb;
} */
.content-pop {
    display: none;
}

.content-pop.active {
    display: block;
}

.table-wrapper {
    overflow-x: auto;
    max-width: 100%;
    position: relative;
}

.fixed-column-table {
    border-collapse: separate;
    border-spacing: 0;
    width: max-content;
}

.fixed-column-table th,
.fixed-column-table td {
    white-space: nowrap;
    padding: 8px;
    text-align: center;
    border: 1px solid #ccc;
    background: white;
}

.fixed-column-table th:first-child,
.fixed-column-table td:first-child {
    position: sticky;
    left: 0;
    background-color: #f8f9fa;
    z-index: 9;
}

.fixed-column-table thead th {
    position: sticky;
    top: 0;
    background: #e9ecef;
    z-index: 2;
}

.shirt-size-popup-content .size-boxes ul {
    grid-template-columns: repeat(auto-fit, minmax(80px, auto));
}


.new-width-tabs.myNavTabs li {
    width: 50% !important
}

body .remove-border {
    border: none !important;
}

.h-100 {
    height: 100% !important;
}

.w-100 {
    width: 100% !important;
}

.custom-lan-select {
    padding: 0;
    border: none;
}

/* Hides Google Translate UI and toolbar */
#google_translate_element,
.goog-te-banner-frame,
.goog-te-balloon-frame,
.goog-te-gadget-icon {
    display: none !important;
}

body>.skiptranslate {
    display: none !important;
}

html {
    margin-top: 0px !important;
}

body {
    top: 0 !important;
}

.product-detail .single-product-component .color-choose .small-color-img {
    pointer-events: none;
}

.fixed_height_pop .table-striped thead th:first-child,
.fixed_height_pop .table-striped tbody td:first-child,
.fixed_height_pop .table-striped tbody th {
    position: sticky;
    left: -1px;
    background: #623817;
    z-index: 1;
    white-space: nowrap;
    color: #fff;
}

.fixed_height_pop .table-striped thead th:first-child {
    z-index: 3;
}

.fixed_height_pop {
    height: 300px;
    overflow: auto;

}

/* Sticky header row */
.fixed_height_pop table thead th {
    position: sticky;
    top: 0;
    background: #e0e0e0;
    /* or your desired background */
    z-index: 2;
}

.table-striped td,
.table-striped th {
    text-align: center;
    font-size: 14px;
    min-width: 40px;
}

.size-fit-chart-title {
    font-size: 21px !important;
    margin: 0 0 -6px 0;
}

.size-fit-chart-title span {
    font-size: 14px;
}

.product-img a.popup-image {
    pointer-events: none;
}

.dropdown {
    position: relative;
    display: inline-block;
    font-family: sans-serif;
}

.dropdown-button {
    background-color: white;
    border: 1px solid #ccc;
    padding: 13px 15px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 170px;
    justify-content: space-between;
}

.arrow {
    width: 16px;
    height: 16px;
    transition: transform 0.2s ease;
}

.dropdown-menu {
    display: none;
    position: absolute;
    background-color: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    border: 1px solid #ccc;
    margin-top: 0;
    padding: 0;
    width: 100%;
}

.dropdown-menu .dropdown-item {
    padding: 10px 15px;
    cursor: pointer;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #f0f0f0;
}

.brand-type-content {
    display: none;
    margin-top: 10px;
}

.height-50 {
    height: 50px;
}

.header-right #fitButton {
    font-size: 14px;
}

.color-part {
    display: none;
}

/* .product-box .product-desc {
  position: relative;
} */
.inner-brand-type .dropdown,
.inner-brand-type .dropdown button {
    width: 100%;
}

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

::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* light background */
}

::-webkit-scrollbar-thumb {
    background-color: #623817;
    /* brown scrollbar */
    border-radius: 4px;
    border: 1px solid #c2c2c2;
    /* optional border */
}

.home .language-select {
    background: transparent;
    color: #fff;
}

#language-change-popup .modal-body {
    overflow: auto;
}

.lan-pop-mb0 {
    margin-bottom: 10px !important;
}

.select-page-dropdown {
    margin: 0 !important;
}

.disable-scroll {
    height: 100vh !important;
    overflow: hidden !important;
}

.popup,
#sidebar-cart {
    height: calc(var(--vh, 1vh) * 100);
    overflow-y: auto;
}

.popup-container {
    height: calc(var(--vh, 1vh) * 100);
    overflow-y: auto;
}

.card-body {
    font-size: 14px;
}

#sidebar-cart .totals {
    display: none !important
}

.minicart-body {
    height: 250px;
    overflow: auto;
}

.new-cate-part {
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 4px;
    /* scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;  */
}

.main-part-categ-width {
    width: 309px;
    position: relative;
    display: flex;
    flex: 0 0 auto;
    /* Prevent flex from shrinking */
}

.product-desc .category-title {
    font-size: 26px;
    letter-spacing: -.3px;
    line-height: 29px;
    position: absolute;
    top: 16px;
    left: 12px;
    z-index: 1;
    margin: 0;
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    color: var(--primary-color);
}

.product-desc .readmore-btn {
    position: absolute;
    bottom: 16px;
    left: 16px;
    z-index: 1;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
}

.product-desc .readmore-btn::after {
    content: "";
    display: block;
    width: 99%;
    height: 1px;
    background-color: #000;
}

.new-btn2 {
    padding: 15px 30px !important;
    border: 1px solid #623817 !important;
    color: #ffffff !important;
    background-color: #623817;
    transition: all ease 0.6s;
    position: relative;
    font-size: 14px !important;
    letter-spacing: 0px;
    text-transform: capitalize;
    line-height: 18px;
    width: auto !important;

}

.new-btn2:hover {
    background-color: #fff;
    color: #623817 !important;
    border: 1px solid #623817 !important;
}

.btn-link-new {
    padding: 0;
    border-bottom: 1px solid #000;
    line-height: 1.5;
}

.product-box .pro-category-part-title {
    margin-top: 8px;
    position: static;
}

.pro-category-part-title .category-title {
    font-size: 26px;
    letter-spacing: -.3px;
    line-height: 29px;
    position: absolute;
    top: 16px;
    left: 12px;
    z-index: 1;
    margin: 0;
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    color: var(--primary-color);
}

.pro-category-part-title .readmore-btn {
    position: absolute;
    bottom: 20px;
    left: 16px;
    z-index: 1;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
}

.pro-category-part-title .readmore-btn::after {
    content: "";
    display: block;
    width: 99%;
    height: 1px;
    background-color: #000;
}

.service-btn {
    font-size: 14px;
}

.header.sticky .hidden-md li.position-static a {
    padding: 0;
}

header.header ul.newset li a span {
    letter-spacing: 1px;
}

.payment-method .accordion .btn-link {
    white-space: normal;
    text-align: left;
    line-height: 1.4;
    text-transform: none;
}

.tab-content .fixed_height_pop {
    height: auto;
}

.product-fitsmart-popup-head .fa-times {
    cursor: pointer;
}

select#secure-dropdown.form-control:not([size]):not([multiple]) {
    height: auto !important;
    font-size: 14px !important;
}

.pos-rel {
    position: relative;
}

.cat-nav {
    position: absolute;
    top: 50%;
    z-index: 9;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.home-banner-slider img {
    width: 100%;
}

.home-banner-slider .slick-dots li button {
    height: 10px;
    width: 10px;
    border-radius: 50%;
}

.home-banner-slider .slick-dots {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 1px;
    position: absolute;
    bottom: 10px;
    left: 50%;
}

.mens-lower,
.size-chart-section .content-pop .tab-content .tab-pane {
    user-select: none;
    -webkit-touch-callout: none;
    -html-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.video_add_display {
    margin: 10px 0 0 0;
    display: flex;
    text-align: center;
    width: 100%;
    flex-direction: column-reverse;
    background: #623817;
    color: #fff;
    padding: 15px;
}

.icon-toggle {
    float: right;
    margin-left: 10px;
}

.product-category-5 .shop-img .product-img img {
    height: 500px;
}

.product-category-5 .container.pro-sec {
    display: none;
}


#inner-tab-section h3.inner-tab {
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    padding: 5px 10px;
    border-bottom: 2px solid transparent;
}

#inner-tab-section h3.inner-tab.active {
    border-bottom: 2px solid #007BFF;
    color: #007BFF;
}

#inner-tab-section .inner-content {
    display: none;
}

#inner-tab-section .inner-content.active {
    display: block;
}

#inner-tab-section h3.inner-tab {
    width: 50%;
    text-align: center;
    font-size: 18px;
    color: var(--light-gray-color);
    border-bottom: 2px solid transparent;
}

#inner-tab-section h3.inner-tab.active {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
}

#inner-tab-section .tab-header {
    margin: 30px 0 10px 0;
}

#inner-tab-section .next-btn {
    padding: 6px 12px;
    background-color: transparent;
    color: var(--primary-color);
    border: 1px solid #623817 !important;
    cursor: pointer;
    font-size: 16px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-transform: uppercase;
    border-radius: 12px;
    line-height: 25px;
    height: 45px;
    width: 150px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
    font-weight: 500;
}

#trouser-content-msg {
    pointer-events: none;
}

.payment-method .card-header {
    padding: .75rem 0;
}

#headingOne1 h5 button,
#weddingtabs h5 button,
#sustainabilitytabs h5 button {
    font-weight: bold;
    font-size: 18px;
}

#collapseOne1 .card-body,
#collapseOne2 .card-body,
#collapseOne3 .card-body {
    padding: 0;
}

#collapseOne1 .card-body .card-body,
#collapseOne2 .card-body .card-body,
#collapseOne3 .card-body .card-body {
    padding: 0 10px 10px 10px;
}

#collapseOne1 .card-header,
#collapseOne2 .card-header,
#collapseOne3 .card-header {
    padding: 5px 0;
}

#headingOne2,
#headingOne3 {
    border-top: 0;
}

#collapseOne1,
#collapseOne2,
#collapseOne3 {
    padding: 0 0 0 20px;
}

.size-main .quantity-title,
.size-main .select-one,
.quantity-main .quantity-title,
.cart-colour .cart-title,
.cart-main .cart-colour .cart-price {
    width: fit-content !important;
}

.size-main .select-one,
.quantity-main .increase-decrease,
.cart-main .cart-colour .cart-price {
    margin: 0 0 0 5px;
    text-transform: capitalize;
}

.cart-data .cart-colour {
    align-items: center;
}

#collapseThree #toggleButton {
    padding-top: 0 !important;
}

.add-new-btn-address {
    justify-content: center;
    display: flex;
    align-items: center;
}

.list-buotique {
    width: 100%;
    display: flex;
}

.list-buotique li {
    width: 50%;
    display: inline;
}

.list-buotique .text {
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0 0 0;
}

.new-arrival.category-slider .page-list-top a:hover,
.new-arrival.category-slider div.page-list-top .nav-link:hover {
    color: #623817 !important;
}

.new-arrival.category-slider div.page-list-top .nav-link.active {
    color: #623817 !important;
    font-weight: 600 !important;
}

.mens-lower hr {
    margin-bottom: 0;
}

.generic-title.text-start {
    padding-top: 60px;
}

.checkout-form-list label {
    cursor: inherit;
}

.sale-price-product {
    text-decoration: line-through;
    color: #999;
    margin-right: 5px;
    font-size: 0.8em;
    font-weight: 500;
}

.order-item {
    margin: 0 0 30px 0
}

.order-summary hr {
    border-bottom: 1px solid #e3dfdf;
}

.order-total div {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    color: #623817;
    font-weight: 500;
}

.accordion .new-btn:hover,
.checkout-coupon .new-btn:hover {
    background-color: #fff;
    color: #623817 !important;
}

.accordion .checkout-btns {
    border: 1px solid #623817 !important;
    width: auto;
    font-size: 14px;
    padding: 10px 20px !important;
    display: inline-flex;
    align-items: center;
}

.checkout-coupon input {
    margin: 0 !important
}

.checkout-coupon .new-btn {
    padding: 5px 20px !important;
}

.cart-colour {
    display: none !important;
}

.checkout-information .question-collapse h2 .btn-link,
.guest-checkout-information h2 .btn-link {
    background: #f7f7f7;
    border-bottom: 1px solid #dddddd;
}

.new-link {
    padding: 0;
    color: var(--primary-color) !important;
}

.checkout-collapse .form-control-plaintext {
    min-height: 30px;
    border: none !important;
    border-bottom: 1px solid var(--primary-color) !important;
    padding: 0 !important;
}

.col-md-6:last-child .checkout-form-list {
    margin-bottom: 0;
}

.product-details-collapse {
    display: none;
}

.order-summary {
    position: relative;
}

.product-detils-open .item-details p {
    margin-bottom: 0;
}

.dark-color {
    color: #000
}

.modal-part .modal-dialog.main-modal {
    min-width: 1000px;
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--primary-color) !important;
}

#fitModal .finder-result-body p {
    font-size: 14px;
}

#page-loader2 {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #ffffff;
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

#page-loader2.loader-hidden {
    opacity: 0;
    /* Fades out the loader */
    visibility: hidden;
    /* Completely hides the loader after fade-out */
    transition: opacity 0.5s ease, visibility 0s 0.5s;
    /* Smooth transition */
}

/* Hide class */
.loader-hidden {
    display: none;
}

.loader-bg {
    height: 300px;
}

.selected.product-card-adv img {
    border: none;
}

.header-sticky .hide {
    display: block !important;
}

.header-sticky.sticky .hide {
    display: none !important;
}

.mega-menu {
    top: 140px;
}

.sticky .mega-menu {
    top: 45px;
}

.header.sticky .hidden-md li.position-static a {
    padding: 0 0 20px;
}

.header .inner-sub-menu .innermenu-ul {
    position: fixed;
    top: -62px;
}
body .cart-customization-btn {
    text-decoration: none;
        padding-left: 0 !important;
    padding-right: 0 !important;
}
.order-action .btn-group {
    gap: 5px;
}
.dashboard-main .container .table td, .table th { 
    white-space: nowrap;
}
.quantity-main .increase-decrease {
    width:70px
}
body.suits .customer-style, body.suits .mens-lower .generic-title {
    display: none;
}
body.suits .mens-lower  {
    margin-top:20px
}
.mobmenu-list-sub{
    clear: both;
    display: flex;
    font-size: 12px;
    text-transform: none !important;
    letter-spacing: 0.8 !important;
    padding: 5px 0 0 0;
}
.mobmenu-list-sub:after{
    display: none;
}
.small, small {
    font-size: 100%; 
}
li.primary-color {
    background-color: var(--primary-color) !important; 
}
li.primary-color a{ 
    color: #fff !important;
}
#contact-us-form .error {
    position: absolute;
    bottom: 10px;
}
.the-look-slider-slide {
    align-content: space-between;
    flex-wrap: wrap;
    gap: 0;
    display: flex;
    margin: 10px 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 10px 0 10px;
}
.the-look-slider-slide p {
    margin-bottom: 0;
    font-weight: 400;
    width:100%
}
.order-details-modal .modal-header {
    border-bottom: none !important;
}
.look-new-btn{ 
    font-size: 14px;
    width:100%
}
#contact-us-form label {
    cursor: none;
}
.home-last-carousel .product-card {
    margin-bottom: 0px !important;
    padding: 0 5px !important;
    width: calc(25% - 0) !important;
    max-width: calc(25% - 0) !important;
}
.morereviews-btn {
justify-content: center;
    align-items: center;
    display: flex;
}
.morereviews-btn a {
    background: #623817;
    padding: 10px 20px;
    color: #fff;
    margin: 20px 0 0 0;
    border: 1px solid #623817;
}
.morereviews-btn a:hover {
    background: #fff; 
    color: #623817; 
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child), body .modal .btn {
    border-radius: 0px !important; 
    border-radius: 0px !important;
}

.customized-heading h2 {
    color:var(--secondary-color)
}
.customized-heading h2 button, .customized-heading h2 button:hover{
    font-weight: 500 !important;
    color:var(--secondary-color)
}
.customized-box-new .selected img {
    border:none;
}
.customized-box-new .selected {
    background:var(--primary-color) !important;
}
.customized-box-new .selected p{
    color:#fff !important;
}
.fix-image {
    display: none !important;
}
.product-box .product-img {
    border: none !important;
}
.customized-box-new label{
    background: #f5f5f5;
    border: 1px solid #CFCFCF;
    border-radius: 10px; 
    padding: 10px 10px 0 10px;
    margin: 0 !important;
} 
.bottom-fix-part .container-fluid {
    padding: 10px 64px !important;
    border-top: 1px solid #dddddd;
}
.btn.primary-btn{
     background:var(--primary-color) !important;
     border:1px solid var(--primary-color) !important;
}
#remove_modal .btn, body .modal .btn, body .wishlistpage .btn {
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    color: #fff;
    padding: 12px 15px !important
}
.btn.primary-btn:hover{
     background:#fff !important;
     color:var(--primary-color) !important;
}
#lengthByHeightModal:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000a1;
    z-index: 0;
}
#lengthByHeightModal .modal-dialog {
    position: relative;
    z-index: 1;
}
.the-look-slider-slide p, .the-look-slider-slide span {
    color: #fff !important;
        z-index: 2;
}
.the-look-slider-slide:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 100px;
    width: 100%;
    z-index: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), /* top: transparent */ rgba(0, 0, 0, 0.75) /* bottom: black with 0.75 opacity */);
}
.customize-product-sec .single-product-tab-content .customize-tab-product ul {
    justify-content: start !important;
}
.customize-product-sec .customize-detail-col .leg-size .row {
    padding: 0 !important;
}
.single-product-tab-content a[data-target="#exampleModalCentertips"], .single-product-tab-content a[data-target="#exampleModalCenter"],
.single-product-tab-content a[data-target="#exampleModalCentersize"] {
  display: none;
}
.single-product-tab-content .size-boxes ul {
    display: flex !important;
    flex-wrap: wrap !important;
} 
.single-product-tab-content .hero-class {
        width: 20%;
}
.single-product-tab-content .product-desc-2 {
    border:none
}
.single-product-tab-content .selected .product-box-wrapper {
    border:none !important
}
.product-card-adv .product-box {
    border: 1px solid #fff; 
}
.single-product-tab-content .product-desc {
    padding: 5px 10px !important;
}
.single-product-tab-content {
    margin-top:30px !important;
}
.single-product-tab-content h6 {
    margin-bottom:0 !important;
}
.hero-class.active .product-box-wrapper::after{
    display: none !important   ;
}
#open-login-pop-mob {
background:#f3f3f3
} 
/* .shop-wrapper[data-hero-id="4"], .shop-wrapper[data-hero-id="5"], .shop-wrapper[data-hero-id="7"] {
  display: none !important;
  } */
@media (max-width: 767px) {
    .generic-title h2 {
        margin-bottom: 10px !important;
    }
}
li.has-submenu {
    align-items: flex-start !important;
    padding-top: 5px !important;
    cursor: pointer;
}
.has-submenu ul.simple-submenu{
    position: absolute;
    top: 40px;
    left: 0;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    width: max-content;
    padding: 10px 0 0;
    display: none;
}
.has-submenu:hover ul.simple-submenu{ 
    display: block;
}
header.header li.has-submenu a span { 
    text-transform: capitalize;
    letter-spacing: 0;
    font-weight: 400;
}
header.header li.has-submenu a:hover{
    color: var(--primary-color); 
}
header.header li.has-submenu a{
    padding: 0px 0 10px 0;
}
.question-collapse button#toggleButton {
    pointer-events: all;
}
.need-cnt a {
    color: var(--primary-color) !important; 
}

.payment-method1 .hide-cod {
  display: none;
  color: red;
  margin: 0;
}

/* show when cash is selected */
.payment-method1 #css:checked ~ .hide-cod {
  display: block;
}

/* optional: make it look disabled */
.payment-method1 #css {
  cursor: not-allowed;
}

.payment-method1 label[for="css"] {
  color: gray;
  cursor: not-allowed;
} 
.home header.header ul li.has-submenu span {
    color: #fff !important; 
}
header.header.sticky ul li.has-submenu span, header.header ul li.has-submenu span {
    color: var(--secondary-color) !important; 
}
header.header ul li.has-submenu .simple-submenu span {
    color: var(--secondary-color) !important; 
}
header.sticky li.has-submenu ul li a span::after {
    display: none !important;
}
header.header ul li.has-submenu a:hover span {
    color: var(--primary-color) !important; 
}
.bespoke-experience .testimonial-slide p.test-desc {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.compare-style .product-box-wrapper p {
        min-height: 40px;
}
.home-cta-section.pt-20.pb-20 {
    margin-top: 10px;
}
#fitModal .finder-result-inner .fullwidthbtn .btn {
    line-height: 22px !important;
}
.accordion .card-body p strong, .accordion .card-body p span {
    color: var(--secondary-color) !important;
}
.single-product-tab-content .embroidery-input-box input.form-control {
    display: block !important;
}  
.customized-heading h2 button .selected-value{
    color: var(--secondary-color);
    margin-left: 2px;
    font-weight: 500;
}
.single-product-tab-content .question-collapse button[data-toggle="collapse"]:not(.collapsed) .selected-value  {
color: white;
    margin-left: 2px;
    font-weight: 500;
}
header.header:has(.main-menu-new > li:hover) {
    background-color: #815f45;
}
header.header:has(.main-menu-new > li:hover) .main-menu-new > li:hover > a, header.header:has(.main-menu-new > li:hover) .main-menu-new > li > a,
header.header:has(.main-menu-new > li:hover) ul li a {
    color: #fff;
} 
header.header:has(.main-menu-new > li:hover) .button-list li img , header.header:has(.main-menu-new > li:hover) .local-show img,
header.header:has(.main-menu-new > li:hover) .logo a img {
   filter: brightness(0) invert(1);
}
#custom-made .storeexp-inner {
    width: 270px;
}
#custom-made .storeexp-inner-right p {
    margin-bottom: 0;
}
/* header.header ul li a {
    line-height: 25px;
    color: var(--secondary-color);
} */
 

#all-products .product-box .add-to-cart-icon {
    top: 0px;
    position: absolute;
    right: 0px;
}
#toast-container, #toast-container.toast-top-right {
  bottom:20px !important;
  top: auto !important; 
  padding:0 !important;
  width:auto!important; 
  max-width:fit-content!important;
}
#toast-container .toast{ 
  color:#000; 
  background:#fff !important;
  padding:5px 40px 5px 20px !important;
  max-width:fit-content!important;
  min-width:auto!important;
  white-space:nowrap;
}
#toast-container .toast-close-button { 
  color:#000;
  right:5px;
  top:10px;
  height:10px;
  transform:translate(-50%, 0);
  position:absolute
} 

.text-success.small {
    white-space: nowrap;
}
.question-collapse button#removeCouponBtn {
    font-size: 15px;
    padding: 15px 12px 15px 12px;
    width: fit-content;
}
.question-collapse button#removeCouponBtn:hover {
    text-decoration: underline;
}
.text-success {
    color: var(--primary-color) !important;
}
.checkout-coupon button {
    width: fit-content;
    font-size: 14px;
    border:1px solid var(--primary-color)
}
#customizationQuestionModal .modal-footer .btn-primary {
    background: var(--primary-color);
    padding: 10px 30px !important;
    border: 1px solid var(--primary-color) !important;
}
#customizationQuestionModal .modal-footer .btn-primary:hover {
    background: #fff; 
    color: var(--primary-color) !important;
}
#customizationQuestionModal .modal-footer .btn-secondary {
    background: var(--secondary-color);
    padding: 10px 30px !important;
    border: 1px solid var(--secondary-color) !important;
}
#customizationQuestionModal .modal-footer .btn-secondary:hover {
    background: #fff; 
    color: var(--secondary-color) !important;
}