/*
    Theme Name: ARTEMAS
    Author:  ARTEMAS
    Author URL: https://artemasdigital.com/
    Description: ---- 2023.
    Document   : Framework
    Created on :  November 10 2023, 12.00 AM
*/
@font-face {
    font-family: 'Krysttal Spears Free';
    src: url('KrysttalSpearsFree-Regular.woff2') format('woff2'),
        url('KrysttalSpearsFree-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 
}


html {
  scroll-behavior: smooth;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

body {
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  font-size: 100%;
  color: var(--textcolor);
  background: var(--maincolor);
  font-family: var(--font-one);
  margin: 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-text-size-adjust: none;
  font-weight: 300;
    background: #F5F3F0 url(../img/bg.png) repeat center center;
	overflow-x: hidden;
}


.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

:focus {
  outline: 0;
}

a,
a:link,
a:visited {
  outline: none;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  color: #fff;
}


img {
  border: none;
  max-width: 100%;
}

ul,
li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 1.2;
  font-family: var(--font-one);
}

p {
  margin: 0;
  line-height: 1.3;
  font-size: 2.2em;
  color: var(--textcolor);
  font-weight: 400;
  font-family: var(--font-one);
}

h1 {
  margin: 0;
  padding: 0;
  color: var(--maincolor);
  line-height: 1;
  font-size: 15em;
  font-weight: normal;
  font-family: var(--font-two);
}

h2 {
  margin: 0;
  padding: 0;
  color: var(--secondmaincolor);
    font-size: 7em;
  line-height: 1.2;
  font-weight: 300;
  font-family: var(--font-two);
}

h3 {
  margin: 0;
  padding: 0;
  color: var(--maincolor);
  font-size: 2.1em;
  line-height: 1.2;
  font-weight: 300;
  font-family: var(--font-one);
}

h4 {
   margin: 0;
  line-height: 0.9;
  font-size: 4.8em;
  color: var(--textcolor);
  font-weight: 400;
  font-family: var(--font-one);
}

.outer:before,
.outer:after,
.container:after,
.container:before,
.container-full:after,
.container-full:before,
.slider-area:after,
.slider-area:before {
  content: " ";
  display: table;
}

.outer:after,
.container:after,
.container-full:after,
.slider-area:after {
  clear: both;
}

.outer {
  width: 100%;
  padding: 0 0;
  margin: 0 auto;
}

:root {
  --font-one: "Italiana", serif;
  --font-three: "Manrope", serif;
  --font-two: 'Krysttal Spears Free';
  --btnradius: 8px;
  --maincolor: #ffffff;
  --maintwocolor: #000000;
  --textcolor: #2F2F2F;
  --secondmaincolor: #898B62;
  --secondcolor: #d3a2a2;
  --maintext: #1E1E1E;
  --basecolor: #262626;
  --commoncolor: #343A36;   
}
 .container {
  margin: 0 auto;
  width: 90%;
  max-width: 1500px;
}
.small-container {
  margin: 0 auto;
  width: 90%;
  max-width: 800px;
}
.p-both {
    padding: 100px 0;
}
.p-both-small {
    padding: 50px 0;
}
.p-top {
    padding: 50px 0 0 0;
}
.p-bottom {
    padding: 0 0 50px 0;
}
.m-both {
    margin: 100px 0;
}
.m-top {
    margin: 50px 0 0 0;
}
.m-bottom {
    margin: 0 0 50px 0;
}
.flex {
    display: flex;
}
.g-20 {
    gap: 20px;
}
.g-50 {
    gap: 50px;
}
.g-100 {
    gap: 100px;
}
.width-100 {
    width: 100%;
}
.text-align-center {
    text-align: center;
}


.flex {
  display: flex;
}
.align-item-center {
    align-items: center;
}
.justify-content-center {
   justify-content: center;
}
.border-top {
    border-top: 1px solid var(--maincolor);
}
.border-bottom {
    border-bottom: 1px solid var(--secondmaincolor);
}
.border-top-green {
    border-top: 1px solid var(--secondmaincolor);
}
.banner {
    width: 100%;
    position: relative;
    height: 110vh;
    min-height: 900px;
    margin: 0 auto;
    //background: url(../img/banner.jpg) no-repeat top center/cover;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.banner-text span {
    display: block;
    text-align: center;
    color: var(--maincolor);
    font-family: var(--font-one);
    font-size: 4.5em;
    padding: 0 0 5px 0;
    text-transform: uppercase;
}
.banner-text h1 {
    line-height: 0;
}
a.btn {
    display: inline-block;
    line-height: 0;
    font-family: var(--font-three);
    color: var(--maincolor);
    text-transform: uppercase;
     font-size: 1.1em;
    font-weight: 500;
    
}
.banner-text a.btn {
    margin: 70px 0 0 0;
    text-align: center;
    display: block;
}
.banner-text {
    margin: 25% 0 0 0;
}
.banner-container {
    width: 90%;
    max-width: 1600px;
    margin: 0 auto;
}
.banner-bottom p {
    color: var(--maincolor);
    font-size: 1.7em;
}
.banner-bottom {
    text-align: center;
    padding: 20px 0 0 0;
    margin: 250px 0 0 0;
}

.border-top {
    border-top: 1px solid var(--maincolor);
}
.two-block-sec h2 {
    color: var(--secondmaincolor);
    font-size: 7em;
    
}
.block-img {
    height: 700px;
    width: 50%;
	justify-content:center;
	position:relative;
}

.block-img a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.block-img strong {
    font-family: var(--font-one);
    color: var(--maincolor);
    font-size: 3.5em;
    font-weight: 400;
    text-transform: uppercase;
    max-width: 325px;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.link {
    max-width: 1600px;
    margin: 0 auto;
    width: 90%;
    padding: 30px 0;
    position: relative;
    z-index: 2;
}
.link ul a {
    font-family: var(--font-one);
    color: var(--maintwocolor);
    font-size: 1.6em;
    text-align: center;
    text-transform: uppercase;
}

.link ul a:hover {
   text-decoration:underline;
}
.text-block-sec p {
    max-width: 900px;
    padding: 10px 0;
}
a.btn.line-btn {
    color: var(--secondcolor);
    border-bottom: 1px solid var(--secondcolor);
    line-height: 1;
}
.left-block {
    width: 50%;
}
.right-block {
    width: 50%;
}
.block-sec img {
    display: block;
    width: 100%;
    height: 900px;
    object-fit: cover;
}
.margin-auto {
    margin: 0 auto;
}
.left-block .block-sec-content {
    max-width: 500px;
    width: 90%;
    margin: 0 auto;
    
}
.padding-both {
    padding: 4rem 10rem 4rem 3rem;
}
.block-sec-content p {
    padding: 0 0 20px 0;
}
strong {
    margin: 0;
    padding: 0;
    color: var(--secondcolor);
    font-size: 6em;
    line-height: 1.2;
    font-weight: 300;
    font-family: var(--font-two)
}
.text-sp {
    transform: translateY(-50px);
}
img.left-shade {
    position: absolute;
    width: 100%;
    right: 0;
    top: -38%;
    width: 250px;
    object-fit: contain;
}
img.right-shade {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -25%;
    width: 300px;
    object-fit: contain;
}
.inner img.right-shade {
    
    bottom: -7%;
    
}
.relative {
    position: relative;
}
.text-sec-block h4 {
    max-width: 1000px;
    margin: 0 auto;
    width: 90%;
    text-transform: uppercase;
}
.product-sec .product-block {
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.product-sec a {
    width: 33.3%;
}
.flex-wrap {
    flex-wrap: wrap;
}
.product-block strong {
    font-family: var(--font-one);
    color: var(--maincolor);
    font-size: 2.5em;
    font-weight: 400;
    text-transform: uppercase;
    max-width: 325px;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.product-sec .text-sp {
    text-align: right;
    width: 100%;
    padding: 0 100px 0 0;
} 
.text-logo {
    width: 5%;
    margin: 0 10px 0 0;
}
.logo-text-block {
    width: 50%;
}
.email-sec input {
    width: 100%;
    background-color: transparent;
    border: 0
}
input.text-email {
   position: relative;
    border-bottom: 1px solid #000;
    padding: 0 0 10px 0;
    font-size: 1.1em;
    font-weight: 600;
    font-family: var(--font-three);
}
.email-sec input.pos-ab {
   position: absolute;
    width: auto;
    right: 0;
    font-weight: 600;
    font-family: var(--font-three);
    background-color: transparent;
    color: #000;
    border-radius: 0;
    bottom: 0;
    font-size: 17px;
    text-transform: uppercase;
    bottom: 50px;
    padding: 0 0 10px 0;
}
.logo-text-block {
    position: relative;
}
.discover {
    background: url(../img/footer-top-banner.jpg) no-repeat center center/cover;
    height: 700px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.discover h4 {
    color: var(--maincolor);
    max-width: 450px;
    margin: 0 auto;
    font-size: 3.5em;
    text-transform: uppercase;
}
.discover strong {
    color: var(--maincolor);
    font-size: 2.5em;
    padding: 10px 0;
}
.discover ul {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.discover ul li a {
    width: 40px;
    height: 40px;
    background-color: var(--maincolor);
    border-radius: 100%;
    display: block;
    padding: 10px;
}
.footer {
    background-color: var(--commoncolor);
}
.footer-logo {
    width: 30%;
}
.footer-nav {
    width: 70%;
    display: flex;
}
.set {
    width: 30%;
}
.footer-nav b {
    font-family: var(--font-three);
    color: var(--maincolor);
    font-size: 1em;
    padding: 0 0 5px 0;
    display: block;
}
.footer-nav li a {
    font-family: var(--font-three);
    color: var(--maincolor);
    font-size: 0.9em;
    padding: 0 0 10px 0;
    display: block;
    font-weight: 400;
}
.bottom-footer {
    padding: 50px 0 0 0;
    border-top: 1px solid #656363;
    margin: 50px 0 0 0;
}
.bottom-footer p {
     font-family: var(--font-three);
    color: var(--maincolor);
    font-size: 1em;
}
.bottom-footer a {
     font-family: var(--font-three);
    color: var(--maincolor);
    font-size: 1em;
}
.banner.half-height {
    height: 40vh;
    min-height: 400px;
}
.inner-text strong {
    font-size: 15em;
}
.story-page .inner-text .text-sp {
    transform: translateY(160px);
}
.story-page .left-block .block-sec-content {
    max-width: 100%;
}
.inner .block-sec-content h3 {
    font-size: 2.6em;
  color: var(--textcolor);
  font-weight: 500;
  font-family: var(--font-one);
    max-width: 500px;
    line-height: 1;
    padding: 0 0 10px 0;
    text-transform: uppercase;
  
} 
.inner .block-sec-content.padding-both {
    padding: 10rem 10rem 10rem 5.5rem ;
    max-width: fit-content;
}
.video-container .video-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
 
}

.video-container video {
  width: 100%;
  height: 900px;
  display: block;
  border-radius: var(--mixed-radius-two);
  object-fit: cover;
}
.video-wrapper {
  background-color: var(--main-bg-color);
  position: relative;
  width: 100%;
  display: block;
}
.play-button-wrapper {
   width: 7%;
    height: auto;
    pointer-events: none;
    margin: 0 0 0 0;
    text-align: left;
}
.play-button-wrapper #circle-play-b {
  cursor: pointer;
  pointer-events: auto;
}
.content-white.inline-block {
   width: 80%;
    text-align: left;
    max-width: 900px;
}
.play-button-wrapper #circle-play-b svg {
  width: 80px;
    height: 80px;
    fill: #fff;
    stroke: #fff;
    cursor: pointer;
    background-color: var(--brand-two-color);
    border-radius: 50%;
}

.video-container {
  position: relative;
}
.video-content {
    width: 100%;
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    text-align: center;
}
.content-white p {
    color: var(--maincolor);
    font-size: 1.8em;
}
.text-sec-block.width-none  h4 {
   margin: 0 0;
    width: 100%;
} 
.sustain-page h1 {
    font-size: 3.7em;
    font-family: var(--font-one);
    text-transform: uppercase;
    max-width: 400px;
}
.inner-text {
    text-align: center;
}
.sustain-page .inner-text strong {
    line-height: 0;
}
.environemt-banner {
    height: 750px;
    background: url(../img/environmenrt%20banner.jpg) no-repeat center center/cover;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-attachment: fixed;
    text-align: center;
}
.environemt-banner strong {
    padding: 0 0 100px 0;
}
.full-width {
    width: 100%;
}
.text-wrap {
    padding: 0 0 0 100px;
}
.sustainability-half .full-width {
    width: 50%;
}
.inner .sustainability-half .block-sec-content.padding-both {
    width: 50%;
}
.sustainability-half .flex {
    flex-direction: row-reverse;
}
.sustainability-half {
    margin: 0 0 200px 0;
}
.sustain-width img {
    width: auto;
    height: auto;
}
.no-reverse {
    flex-direction: inherit!important;
}
.text-logo.sustain-width {
    width: 12%;
}
.header-bg .navbar {
    background-color: var(--commoncolor);
}
.no-bg {
    margin: 200px 0 0 0;
    text-align: center;
}
.no-bg h2 {
    font-size: 10em;
}
.collection-list .flex {
    border-top: 1px solid var(--secondmaincolor);
    padding: 50px 0;
}
.collection-sec-content h3 {
    font-family: var(--font-one);
    color: var(--commoncolor);
    max-width: 300px;
    margin: 0 auto;
    text-transform: uppercase;
    padding: 0 0 20px 0;
}
.collection-sec-content {
    text-align: center;
    padding: 50px 0;
}
.collection-list-block img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.collection-list-block .flex {
    flex-wrap: wrap;
	justify-content:center;
}
.color-list a span {
    border: 1px solid #bababa;
}
.collection-block {
    width: 32.4%;
}
.collection-banner {
    position: relative;
    background: url(../img/detailed-banner.jpg) no-repeat center center/cover;
    height: 90vh;
    min-height: 900px;
}
.detailed-content {
    background-color: var(--maincolor);
    padding: 40px;
}
.detailed-content h3 {
    color: var(--maintext);
    text-transform: uppercase;
    font-size: 2.5em;
}
/* .detailed-content .left-sec b {
    font-family: var(--font-one);
}  */
.deatiled-sec {
   max-width: 1800px;
    width: 90%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -80px;
}
.left-sec {
    width: 29%;
}
.left-sec b {
    font-size: 1.8em;
    font-weight: 400;
	font-family: var(--font-three);
}
.left-sec span {
    font-size: 1.8em;
    color: var(--secondcolor);
    text-decoration: line-through;
	font-family:var(--font-three);
}
.left-sec .flex {
    gap: 20px;
}
.middle-sec {
    width: 50%;
}
.last-sec {
    width: 10%;
    text-align: right;
}
.middle-sec b {
    width: 10%;
}
.color {
    margin: 0 0 20px 0;
}
.color span {
    width: 25px;
    height: 25px;
    background-color: #000;
    display: inline-block;
    border-radius: 100%;
}
.color span:nth-child(1) {
    background-color: #FDDDC3;
}
.color span:nth-child(2) {
    background-color: #507863;
}
.color span:nth-child(3) {
    background-color: #B89A9A;
}
.size-list img {
    max-width: 300px;
}
.size a {
    font-family: var(--font-three);
    color: var(--maintwocolor);
    font-weight: 500;
    margin: 0 0 0 10px;
    text-decoration: underline;
}
button.quantity {
    border: 0;
    border: 1px solid #BFBFBF;
    color: var(--maintwocolor);
    border-radius: 50px;
    background-color: transparent;
    padding: 8px 20px;
    font-family: "Sen", sans-serif;
    font-weight: 400;
    font-size: 1.1em;
}
.size b {
    font-family: "Sen", sans-serif;
}
a.fill-btn {
    background-color: var(--secondcolor);
     padding: 8px 25px;
    border-radius: 50px;
    text-align: center;
    color: var(--maincolor);
    display: inline-block;
     font-family: var(--font-three);
    margin: 20px 0 0 0;
    font-weight: 500;
}
.justify-space-between {
    justify-content: space-between;
}
.sustain-block {
    width: 32.4%;
}
.detailed-content .last-sec form {
    font-size: 1.5em; 
}
.img-sustain {
    background: #fff;
    display: flex;
    justify-content: center;
    border-radius: 100%;
    width: 200px;
    height: 200px;
    padding: 20px;
    align-items: center;
	margin:0 auto;
}
.sustain-block {
    text-align: center;
}
.img-sustain img {
    display: block;
    width: 100%;
    height: 100px;
}
.sustain-block b {
    font-family: var(--font-three);
    font-size: 1.1em;
    display: block;
    padding: 20px 0;
    font-weight: 500;
    max-width: 150px;
    margin: 0 auto;
    text-align: center;
}
.key-highlights h3 {
    color: var(--maintwocolor);
}
.keys-points ul {
    margin: 30px 0 100px 0;
    
}
.keys-points {
     border-top: 1px solid #DDB3B3;
    padding: 50px 0 0 0;
}
.keys-points ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #A7A7A7;
    padding: 0 0 20px 0;
    margin: 0 0 10px 0;
}
.keys-points ul li b {
    color: var(--maintext);
    font-family: var(--font-three);
    font-size: 1.2em;
    font-weight: 400;
    
}
.keys-points ul li span  {
    color: #BE9999;
    font-family: var(--font-three);
    font-size: 1.2em;
    font-weight: 500;
}
.img-set {
    width: 100%;
}
.img-set img {
    width: 100%;
    height: 850px;
    object-fit: cover;
}
.collection-detailed-page .text-sp {
    transform: translateY(-75px);
}
.detail-amount-sec .left-sec {
    width: 50%;
}
.detail-amount-sec .last-sec {
    width: 50%;
}
.detail-amount-sec .left-sec h3 {
 color: var(--maintext);
}
.detail-amount-sec {
    padding: 50px 0;
}
.detail-amount-sec .last-sec a.fill-btn {
    padding: 15px 30px;
    font-weight: 500;
    font-size: 1.6em;
}
.detail-amount-sec .left-sec span {
    color: var(--secondmaincolor);
}
.detail-image-full img {
    width: 100%;
    height: 120vh;
    object-fit: cover;
    display: block;
}
.similar-products .flex {
    justify-content: space-between;
}
.contact span {
    width: 50px;
    height: 50px;
    background-color: #515151;
    border-radius: 100%;
    display: block;
    padding: 0;
    margin: 0 10px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact {
  margin: 30px 0 0 0;
}
.contact a {
    color: #515151;
    font-family: var(--font-three);
    font-weight: 500;
    display: flex;
    align-items: center;
    font-size: 1.5em;
}
.contact {
    padding: 100px 0 0 0;
}
.contact.flex {
    gap: 50px;
}
.contact span svg {
    width: 35px;
    height: 35px;
}
form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.input-group {
    position: relative;
    margin-bottom: 20px;
}

label {
  text-transform: capitalize;
    padding: 0 10% 10px 0;
    font-size: 18px;
    color: #000;
    display: block;
    font-weight: 400;
    transition: all 0.3s ease;
    font-family: var(--font-three);
    position: relative;
}

input, textarea {
    width: 100%;
    padding: 0 0 10px 0;
    border: none;
    border-bottom: 1px solid #000;
    background: transparent;
    outline: none;
    font-size: 22px;
    font-weight: 200;
     font-family: var(--font-three);
    transition: all 0.3s ease-in-out;
    text-transform: lowercase;
}

input::placeholder, textarea::placeholder {
    color: #bbb;
}

input:focus, textarea:focus {
    border-bottom: 1px solid #000;
}

.focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--secondcolor);
    transition: width 0.4s ease;
}

input:focus ~ .focus-border, textarea:focus ~ .focus-border {
    width: 100%;
}

input[type="submit"] {
    background-color: var(--secondcolor);
    padding: 10px 25px;
    font-weight: 500;
    font-size: 1em;
    text-align: center;
    color: var(--maincolor);
    display: inline-block;
    font-family: var(--font-three);
    margin: 20px 0 0 0;
    border: 0;
    border-radius: 50px;
    max-width: 200px;
	cursor:pointer;
 
}

button:hover {
    background-color: #0056b3;
}
textarea:focus .focus-border {
    border-bottom: 0;
}
.contact-form-sec {
    padding: 100px 0; 
}
textarea {
    resize: none;
}
.location {
    padding: 50px 0 0 0;
    border-top: 2px solid var(--secondcolor);
    margin: 80px 0 0 0;
}
.location h5 {
    font-family: var(--font-three);
    width: 30%;
    font-size: 1.4em;
}
.location a {
    color: var(--textcolor);
    width: 70%;
    font-size: 1.9em;
     display: block;
}
.text-align-left {
    text-align: left;
}
.deatiled-sec-block b {
    font-family: var(--font-three);
    font-size: 1.3em;
    display: block;
    padding: 0 0 5px 0;
}
.deatiled-sec-block p {
    font-family: var(--font-three);
    font-size: 1.1em;
    padding: 0 0 40px 0;
    line-height: 1.7;
}
.deatiled-sec-block {
    margin: 30px 0 0 0;
}
.detailed-block-head h2 {
    font-size: 3.5em;
}
.second-conent-sec.detailed-block-head {
    padding: 50px 0 100px 0;
}
.second-conent-sec .text-sec{
    border-top: 1px solid #DDB3B3;
    padding: 50px 0 0 0;
}
.insight-list .collection-block img {
    display: block;
    width: 100%;
    height: 350px;
    object-fit: cover;
}
.insight-list .collection-block p {
    font-family: var(--font-three);
    font-size: 1.1em;
    padding: 0 0 40px 0;
    line-height: 1.7;
}
.insight-list .collection-block h3 {
   max-width: 100%;
    padding: 0 41% 20px 0;
    font-size: 1.7em;
}
.insight-list .collection-sec-content {
    padding: 20px 0 50px 0;
}
.insight-detailed-page .text-block-sec img {
    width: 100%;
    height: 300px;
    object-fit: cover;
        
}
.detailed-block-head {
    margin: 300px 0 0 0;
}
.email-sec span.wpcf7-form-control-wrap {
	font-size: 20px;
    text-transform: capitalize;
} 
.email-sec p {
	position: relative;
}

.link ul a.active {
    color: #000;
    text-decoration: underline;
}
#background {
      transition: background-image 1s ease-in-out, opacity 1s ease-in-out;
      opacity: 1;
    }

/* .home .carousel  {
	width:100%;
    height: 110vh;
    min-height: 900px;
}

.home .carousel-cell  {
	width:100%;
    height: 110vh;
    min-height: 900px;
}

.home .banner-text {
	text-align:center;
}

.home .flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -35px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
} */


#buy {
	
	 scroll-margin-top: 100px;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 15px;
    font-weight: normal;
    display: block;
    padding: 5px 0 0 0;
}
span.woocommerce-Price-amount.amount {
	display: block;
    margin: 0 0 20px 0;
    color: #d3a2a2;
    font-size: 1.3em;
    font-weight: 600;
}
span.woocommerce-Price-amount.amount {
	display: block;
    margin: 0 0 20px 0;
    color: #d3a2a2;
    font-size: 1.5em;
    font-weight: 600;
}
.woocommerce-page .collection-sec-content {
	max-width: 300px;
    margin: 0 auto;
} 
.btn-set-woocommerce {
	display: flex;
    align-items: center;
    justify-content: space-between;
}
a.button.btn.line-btn.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    border: 0;
    background-color: #d6a8a8;
    color: #fff;
    border-radius: 50px;
    max-width: 200px;
    margin: 10px auto;
}
.single-product.woocommerce-page.collection-detailed-page .left-sec span {
	text-decoration: none;
}
a.added_to_cart.wc-forward {
	display: none;
}
.single-product.woocommerce-page.collection-detailed-page .left-sec {
	width: 40%;
}
.single-product.woocommerce-page.collection-detailed-page form.cart {
	width: 60%;
	flex-direction: inherit;
}
.single-product.woocommerce-page.collection-detailed-page .detailed-content {
	display: flex;
	gap: 100px;
} 
.single-product.woocommerce-page.collection-detailed-page .cart-btn button.fill-btn {
	background-color: var(--secondcolor);
    padding: 8px 25px;
    border-radius: 50px;
    text-align: center;
    color: var(--maincolor);
    display: inline-block;
    font-family: var(--font-three);
    margin: 20px 0 0 0;
    font-weight: 500;
	border: 0;
	font-size: 1.2em;
}
/* ==============================
   WooCommerce My Account Page CSS
   Font: Arial, sans-serif
   Author: Jeena Custom Design
   ============================== */



.woocommerce-account .woocommerce {
 display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin: 180px 0 100px 0;
    padding: 0 0;
}

/* Sidebar Navigation */
.woocommerce-MyAccount-navigation {
  flex: 0 0 250px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  padding: 25px 0;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce-MyAccount-navigation li {
  margin: 0;
  border-bottom: 1px solid #f1f1f1;
}

.woocommerce-MyAccount-navigation li:last-child {
  border-bottom: none;
}

.woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 14px 20px;
  color: #333;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
	font-family: 'Arial', sans-serif;
}

.woocommerce-MyAccount-navigation li a:hover,
.woocommerce-MyAccount-navigation li.is-active a {
  background: var(--secondcolor);
  color: #fff;
  border-left: 4px solid #343a36;
}

/* Main Content Area */
.woocommerce-MyAccount-content {
  flex: 1;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  font-size: 15px;
  line-height: 1.6;
}

/* Headings */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  color: #222;
  font-size: 22px;
  margin-bottom: 15px;
  border-bottom: 2px solid var(--secondcolor);
  display: inline-block;
  padding-bottom: 5px;
  font-weight: 700;
}

/* Tables (Orders, Downloads, Addresses) */
.woocommerce table.my_account_orders,
.woocommerce table.shop_table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
}

.woocommerce table th,
.woocommerce table td {
  text-align: left;
  padding: 12px 15px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 15px;
  font-family: 'Arial', sans-serif;
}

.woocommerce table th {
  background: #f7f7f7;
  font-weight: 600;
  color: #333;
}

.woocommerce table td a.button {
  background: var(--secondcolor);
  color: #fff;
  padding: 8px 16px;
  border-radius: 6px;
  text-decoration: none;
  transition: 0.3s ease;
  font-family: 'Arial', sans-serif;
}

.woocommerce table td a.button:hover {
  background: #005f8d;
}

/* Buttons */
.woocommerce-MyAccount-content .button,
.woocommerce-form-login .button,
.woocommerce-form-register .button {
  background: var(--secondcolor);
  color: #fff !important;
  border: none;
  padding: 12px 25px;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Arial', sans-serif;
}

.woocommerce-MyAccount-content .button:hover {
  background: #005f8d;
}

/* Forms */
.woocommerce-MyAccount-content form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.woocommerce-MyAccount-content input,
.woocommerce-MyAccount-content select,
.woocommerce-MyAccount-content textarea {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px;
  font-size: 15px;
  transition: all 0.2s ease;
  font-family: 'Arial', sans-serif;
}

.woocommerce-MyAccount-content input:focus,
.woocommerce-MyAccount-content select:focus,
.woocommerce-MyAccount-content textarea:focus {
  border-color: var(--secondcolor);
  box-shadow: 0 0 0 2px rgba(0,115,170,0.15);
  outline: none;
}

/* Messages */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  border-radius: 6px;
  padding: 15px 20px;
  margin-bottom: 20px;
  font-weight: 500;
  font-family: 'Arial', sans-serif;
}

.woocommerce-message {
  background: #e6f8ec;
  border-left: 4px solid #46b450;
  color: #2f6627;
}

.woocommerce-error {
  background: #fceaea;
  border-left: 4px solid #dc3232;
  color: #8a1c1c;
}

.woocommerce-info {
  background: #eef6fb;
  border-left: 4px solid var(--secondcolor);
  color: #004f75;
}

/* Responsive Design */
@media (max-width: 992px) {
  .woocommerce-account .woocommerce {
    flex-direction: column;
  }

  .woocommerce-MyAccount-navigation {
    flex: 1 1 100%;
  }

  .woocommerce-MyAccount-content {
    flex: 1 1 100%;
  }
}
.woocommerce-MyAccount-content .woocommerce-MyAccount-content a:not(.button) {
	color: #000; 
}
.woocommerce-MyAccount-content span.woocommerce-Price-amount.amount {
	color: #000; 
}
/* Links */
.woocommerce-MyAccount-content a:not(.button) {
  color: var(--secondcolor);
  text-decoration: none;
  transition: 0.3s ease;
}

.woocommerce-MyAccount-content a:not(.button):hover {
  text-decoration: underline;
}
.woocommerce-MyAccount-content  {
	  font-size: 15px;
  font-family: 'Arial', sans-serif;
}
.woocommerce-MyAccount-content strong, .woocommerce-MyAccount-content p, .woocommerce-MyAccount-content a, .woocommerce-MyAccount-content tr, .woocommerce-MyAccount-content td {
	  font-size: 15px;
  font-family: 'Arial', sans-serif;
}
.woocommerce-MyAccount-content strong {
	font-size: 20px;
}
.woocommerce-MyAccount-content a {
font-size: 19px;
	 font-family: 'Arial', sans-serif;
}
.woocommerce-MyAccount-content p {
	margin: 0 0 20px 0;
		font-size: 17px;
}
.wp-block-woocommerce-cart.alignwide {
    margin: 180px 0 50px 0;
}
.woocommerce-page .navbar {
	padding: 1rem 0;
	background-color: var(--secondmaincolor);
} 
th.wc-block-cart-items__header-image span {
    font-size: 2.5em;
}
th.wc-block-cart-items__header-total span {
    font-size: 2em;
}
a.wc-block-components-product-name {
    color: #d3a2a2;
    font-weight: 600;
    font-size: 1.4em;
}
.wc-block-components-formatted-money-amount {
    white-space: nowrap;
    font-size: 1.3em;
}
.wc-block-components-product-details.wc-block-components-product-details li {
    margin-left: 0;
    font-size: 1.2em;
    margin: 0 0 10px 0;
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
	font-size: 0.9em;
}
h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    font-size: 1.5em;
}
.wc-block-components-totals-shipping .wc-block-components-totals-item strong {
    text-transform: uppercase;
	font-size: 20px;
	 font-family: 'Arial', sans-serif;
}
.wc-block-cart__submit {
    margin: 0 0 16px;
    position: relative;
    background-color: var(--secondcolor);
    font-size: 1.3em;
    color: #000;
}
h2.wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title {
    font-family: 'Arial', sans-serif;
    font-size: 1.4em;
    color: #000;
}
.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image), .wc-block-grid__product .wc-block-grid__product-title {
	font-family: var(--font-one);
    color: var(--commoncolor);
    max-width: 250px;
    margin: 0 0 0 0!important;
    text-transform: uppercase;
    padding: 0 0 20px 0;
    font-size: 2em;
    font-weight: 300;
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
	background-color: var(--secondcolor);
    padding: 8px 25px;
    border-radius: 50px;
    text-align: center;
    color: var(--maincolor);
    display: inline-block;
    font-family: var(--font-three);
    margin: 0 0 0 0;
    font-weight: 500;
	font-size: 1.3em
}
.wc-block-grid__products .wc-block-grid__product-image img {
    height: 300px;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
}
.wp-block-woocommerce-checkout {
    container-type: inline-size;
    margin: 150px 0 0 0!important;
    padding-top: 24px;
    width: 100%;
}
.wc-block-components-title.wc-block-components-title {
    border: 0;
    border-radius: 0;
    font-size: 2em;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    word-break: break-word;
    font-family: 'Arial', sans-serif;
}
.wc-block-components-checkout-step__description {
    font-size: 1.2em;
    line-height: 1.2;
    margin: 0 0 16px;
    font-family: 'Arial', sans-serif;
}
.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill, .wc-block-components-form .wc-block-components-text-input.is-active input[type=email], .wc-block-components-form .wc-block-components-text-input.is-active input[type=number], .wc-block-components-form .wc-block-components-text-input.is-active input[type=password], .wc-block-components-form .wc-block-components-text-input.is-active input[type=tel], .wc-block-components-form .wc-block-components-text-input.is-active input[type=text], .wc-block-components-form .wc-block-components-text-input.is-active input[type=url], .wc-block-components-text-input input:-webkit-autofill, .wc-block-components-text-input.is-active input[type=email], .wc-block-components-text-input.is-active input[type=number], .wc-block-components-text-input.is-active input[type=password], .wc-block-components-text-input.is-active input[type=tel], .wc-block-components-text-input.is-active input[type=text], .wc-block-components-text-input.is-active input[type=url] {
	 font-family: 'Arial', sans-serif;
}
.wc-block-components-form .wc-block-components-checkout-step {
	margin: 0 0 20px 0;
}
.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill+label, .wc-block-components-form .wc-block-components-text-input.is-active label, .wc-block-components-text-input input:-webkit-autofill+label, .wc-block-components-text-input.is-active label {
	 font-family: 'Arial', sans-serif;
}
.wc-block-components-radio-control__description-group, .wc-block-components-radio-control__label-group {
	 font-family: 'Arial', sans-serif;
}
.wc-block-components-address-card address .wc-block-components-address-card__address-section {
	 font-family: 'Arial', sans-serif;
}
.wc-block-components-address-card__edit {
	 font-family: 'Arial', sans-serif;
}
.wc-block-components-radio-control-accordion-content {
	 font-family: 'Arial', sans-serif;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
	font-family: 'Arial', sans-serif;
}
.wc-block-checkout__sidebar .wc-block-components-product-name {
	font-family: 'Arial', sans-serif!important;
}
span.wc-block-components-checkbox__label {
	font-family: 'Arial', sans-serif;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
	background-color: var(--secondcolor);
    padding: 8px 25px;
    text-align: center;
    color: var(--maincolor);
    display: flex;
    font-family: var(--font-three);
    margin: 0 0 0 0;
    font-weight: 500;
    font-size: 1.3em;
    border: 0;
}
a.wc-block-components-checkout-return-to-cart-button {
    color: #000;
    font-size: 1.5em;
	font-family: 'Arial', sans-serif;
}
.wc-block-components-totals-wrapper {
	font-family: 'Arial', sans-serif;
    font-size: 1em;
}
.wc-block-components-address-card__edit {

    font-family: 'Arial', sans-serif!important;
   
}
/* === GLOBAL STYLES === */
.woocommerce-order {
  font-family: Arial, sans-serif;
    color: #000;
    background: #fff;
    margin: 200px 0 50px 0;
    padding: 50px;
}

.woocommerce-order .woocommerce {
  max-width: 900px;
  margin: 40px auto;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* === ORDER HEADER === */
.woocommerce-order .woocommerce-order-details__title,
.woocommerce-order .woocommerce-order-details h2 {
  font-size: 1.5rem;
  color: #000;
  border-bottom: 2px solid #000;
  padding-bottom: 10px;
  margin-bottom: 25px;
  margin-top: 20px;
}

/* === ORDER INFO TABLE === */
.woocommerce-order .woocommerce-table--order-details {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}

.woocommerce-order .woocommerce-table--order-details th,
.woocommerce-order .woocommerce-table--order-details td {
  border: 1px solid #ddd;
  padding: 12px 15px;
  text-align: left;
  vertical-align: middle;
  font-size: 0.95rem;
  color: #000;
}

.woocommerce-order .woocommerce-table--order-details th {
  background-color: #f8f8f8;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
}

/* === ORDER TOTALS === */
.woocommerce-order .woocommerce-table--order-details tfoot th,
.woocommerce-order .woocommerce-table--order-details tfoot td {
  font-weight: bold;
  background: #f1f1f1;
  color: #000;
}

/* === ORDER META (Date, ID, etc.) === */
.woocommerce-order .woocommerce-order-overview {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}

.woocommerce-order .woocommerce-order-overview li {
  list-style: none;
  font-size: 0.95rem;
  background: #f8f8f8;
  padding: 10px 15px;
  border-radius: 6px;
  border: 1px solid #e2e2e2;
  color: #000;
}

.woocommerce-order .woocommerce-order-overview strong {
  display: block;
  color: #000;
}

/* === ADDRESS SECTION === */
.woocommerce-order .woocommerce-customer-details {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.woocommerce-order .woocommerce-column {
  flex: 1;
  min-width: 300px;
  background: #fafafa;
  border: 1px solid #e0e0e0;
  padding: 20px;
  border-radius: 8px;
  color: #000;
}

.woocommerce-order .woocommerce-column__title {
  font-size: 1.1rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
}

/* === DOWNLOADS SECTION === */
.woocommerce-order .woocommerce-table--order-downloads {
  margin-top: 20px;
}

.woocommerce-order .woocommerce-table--order-downloads th {
  background-color: #f8f8f8;
  text-transform: uppercase;
  font-size: 0.9rem;
  color: #000;
}

/* === LINK & BUTTONS === */
.woocommerce-order a {
  color: #000;
  text-decoration: underline;
  transition: all 0.2s ease;
	font-size: 1.2em;
}

.woocommerce-order a:hover {
  color: #333;
  text-decoration: none;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  .woocommerce-order .woocommerce-order-overview {
    flex-direction: column;
  }

  .woocommerce-order .woocommerce-column {
    min-width: 100%;
  }

  .woocommerce-order .woocommerce {
    padding: 20px;
  }
}
.woocommerce ul.order_details {
	margin: 20px 0;
	justify-content: flex-start;
}
.woocommerce ul.order_details li {
	text-align: center;
	padding: 20px;
	font-size: 0.9em;
	 font-family: 'Arial', sans-serif!important;
}
.woocommerce ul.order_details li strong {
	display: block;
    font-size: 1.2em;
    text-transform: none;
    line-height: 1.5;
    font-family: 'Arial', sans-serif !important;
}
strong.product-quantity {
    font-size: 2em;
    margin: 0 0 0 20px;
	 font-family: 'Arial', sans-serif !important;
	color: #000;
}
h2.woocommerce-order-details__title {
	 font-family: 'Arial', sans-serif !important;
	 font-size: 2em;
}
.woocommerce-order p {
	 font-family: 'Arial', sans-serif !important;
}
.woocommerce .woocommerce-customer-details .woocommerce-column__title {
    margin-top: 0;
    font-size: 1.4em;
    font-weight: 300;
	 font-family: 'Arial', sans-serif !important;
}
.woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3 {
	 font-family: 'Arial', sans-serif !important;
}
.woocommerce-order span.woocommerce-Price-amount.amount {
	color: #000;
}
p.woocommerce-customer-details--email {
    font-size: 1.3em;
}
.woocommerce-MyAccount-content .woocommerce-message, .woocommerce-error, .woocommerce-info {
	padding: 15px 50px;
}
button.woocommerce-Button.button, a.button.wc-forward, a.woocommerce-button.button.view {
	background-color: var(--secondcolor);
    padding: 8px 25px;
    border-radius: 50px;
    text-align: center;
    color: var(--maincolor);
    display: inline-block;
    font-family: var(--font-three);
    margin: 20px 0 0 0;
    font-weight: 500;
}
.woocommerce-MyAccount-content .woocommerce-info {
	border-left: 0;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
}
.woocommerce .woocommerce-form-login input {
	width: auto;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
	background-color: var(--secondcolor);
    padding: 8px 25px;
    border-radius: 50px;
    text-align: center;
    color: var(--maincolor);
    display: inline-block;
    font-family: var(--font-three);
    margin: 20px 0 0 0;
    font-weight: 500;
	font-size: 0.7em;
}
/* Apply Arial to .woocommerce .woocommerce and all common child elements */
.woocommerce .woocommerce,
.woocommerce .woocommerce h1,
.woocommerce .woocommerce h2,
.woocommerce .woocommerce h3,
.woocommerce .woocommerce h4,
.woocommerce .woocommerce h5,
.woocommerce .woocommerce h6,
.woocommerce .woocommerce p,
.woocommerce .woocommerce a,
.woocommerce .woocommerce span,
.woocommerce .woocommerce li,
.woocommerce .woocommerce div,
.woocommerce .woocommerce ul,
.woocommerce .woocommerce ol,
.woocommerce .woocommerce button,
.woocommerce .woocommerce input,
.woocommerce .woocommerce textarea {
  font-family: Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.woocommerce a.added_to_cart {
	 font-family: Arial, sans-serif !important;
}
.woocommerce.woocommerce-page form.cart button.fill-btn {
	background-color: var(--secondcolor);
    padding: 8px 25px;
    border-radius: 50px;
    text-align: center;
    color: var(--maincolor);
    display: inline-block;
    font-family: var(--font-three);
    margin: 20px 0 0 0;
    font-weight: 500;
	font-size: 0.7em;
	border: 0;
}
p.woocommerce-LostPassword.lost_password a {
    color: #000;
    font-size: 0.5em;
}
.btn-set-woocommerce a {
    display: block;
    width: 100%;
}
a.added_to_cart.wc-forward {
    display: block;
    width: 100%;
    text-align: center;
   color: var(--secondcolor);
}
.btn-set-woocommerce {
	flex-wrap: wrap;
}
.btn-set-woocommerce a.btn.line-btn {
	border-bottom: 0;
} 
.single-product.woocommerce-page .navbar {
    padding: 1rem 0;
    background-color: transparent;
}
/* Wrapper to position the arrow */
.select-wrapper {
  position: relative;
  display: inline-block;
  width: 200px; /* adjust width as needed */
}

/* Style the select box */
.color-select select {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 30px 8px 12px; /* extra right padding for arrow */
  cursor: pointer;
  appearance: none; /* remove default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
}

/* Optional hover/focus */
.color-select select:hover {
  border-color: #888;
}

.color-select select:focus {
  outline: none;
  border-color: #555;
  box-shadow: 0 0 2px rgba(0,0,0,0.3);
}

/* Style the option elements */
.color-select option {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  background-color: #fff;
}
.color-select select {
  position: relative;
  display: inline-block;
  width: 200px; /* adjust as needed */
}

/* Add custom down arrow on wrapper, NOT select */
.color-select select::after {
  content: "▼"; /* down arrow */
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  pointer-events: none; /* allows clicks on select */
  font-size: 12px;
  color: #000;
}
.select-wrapper {
  position: relative;
  display: inline-block;
  width: 200px; /* adjust width as needed */
}
.color-select label {
	width: 100px;
}
/* Add custom down arrow */
.select-wrapper::after {
  content: "▼";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 12px;
  color: #000;
  z-index: 2; /* make sure it’s above select */
}

/* Style the size-select dropdown */
.size-select select {
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 30px 8px 12px; /* space for arrow */
  cursor: pointer;
  appearance: none; /* remove default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  z-index: 1; /* behind arrow */
	max-width: 200px;
}
.size-select label {
	width: 100px;
}
/* Optional hover/focus */
.size-select select:hover {
  border-color: #888;
}

.size-select select:focus {
  outline: none;
  border-color: #555;
  box-shadow: 0 0 2px rgba(0,0,0,0.3);
}

/* Style the option elements */
.size-select option {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  background-color: #fff;
}
ul.wc-item-meta li strong {
    font-family: Arial, sans-serif;
    font-size: 1.2em;
}

ul.wc-item-meta li p {
    font-family: Arial, sans-serif;
    font-size: 1.2em;
}
ul.wc-item-meta li {
    margin: 10px 0
}


table td p {    font-size: 15px!important;
}


table a {    font-size: 15px!important;
}


table strong {    font-size: 15px!important;
}


table bdi {    font-size: 15px!important;
}



table span {    font-size: 15px!important;
}

.woocommerce button.button {
    color: #ffffff !important;
    background: #000000 !important;
    border-radius: 100px !important;
}

/* ===== Modern WooCommerce Form Styling ===== */
.woocommerce form {
  background: #fff;
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}

.woocommerce form:hover {
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08);
}

.woocommerce form label {
  font-weight: 500;
  font-size: 14px;
  color: #333;
  margin-bottom: 6px;
  display: block;
}

.woocommerce form input[type="text"],
.woocommerce form input[type="email"],
.woocommerce form input[type="password"],
.woocommerce form input[type="tel"],
.woocommerce form input[type="number"],
.woocommerce form select,
.woocommerce form textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #e1e4e8;
  border-radius: 10px;
  background: #fafafa;
  font-size: 15px;
  color: #333;
  outline: none;
  transition: all 0.25s ease;
}

.woocommerce form input:focus,
.woocommerce form select:focus,
.woocommerce form textarea:focus {
  border-color: #0073aa;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);
}

.woocommerce form .form-row {
  margin-bottom: 20px;
}

/* ===== Buttons ===== */
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button {
  display: inline-block;
  background: #0073aa;
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 12px 24px;
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  cursor: pointer;
  transition: all 0.3s ease;
}

.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover {
  background: #005f8d;
  box-shadow: 0 4px 10px rgba(0, 115, 170, 0.2);
  transform: translateY(-2px);
}

/* ===== Checkbox & Radio ===== */
.woocommerce form input[type="checkbox"],
.woocommerce form input[type="radio"] {
  accent-color: #0073aa;
}

/* ===== Error Messages ===== */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  border-radius: 10px;
  padding: 14px 18px;
  font-size: 14px;
  background: #f7f9fa;
  border-left: 4px solid #0073aa;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .woocommerce form {
    padding: 20px;
  }

  .woocommerce button.button {
    width: 100%;
  }
}