/*

Theme Name: Przionica

Text Domain: przionica.rs

Version: 1.0

Description: WordPress theme developed for business purposes.

Author: mts-si

Author URI: https://przionica.rs/

Theme URI: https://przionica.rs/

*/

/* Fonts */

@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oswald/Oswald-Regular.woff') format('woff');
}

/* oswald-bold - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/oswald/Oswald-Bold.woff') format('woff');
}

/* oswald-extralight - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/oswald/Oswald-ExtraLight.woff') format('woff');
}

/* oswald-light - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/oswald/Oswald-Light.woff') format('woff');
}

/* oswald-medium - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/oswald/Oswald-Medium.woff') format('woff');
}

/* oswald-semibold - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/oswald/Oswald-SemiBold.woff') format('woff');
}


html {
  scroll-behavior: smooth;
}

body {
  background-color: #fafafa !important;
  font-family: "Oswald", sans-serif !important;
  font-weight: 500 !important;
}

::-moz-selection {
  color: #fff;
  background-color: #c7a17a;
}

::selection {
  color: #fff;
  background-color: #c7a17a;
}

/* resolution end */

/* Back to top start */

#backToTop {
  width: 3rem;
  height: 3rem;
  bottom: 1.25rem;
  right: 1.875rem;
  position: fixed; 
  display: none;
  z-index: 1000;
  background-color: #c7a17a;
  color: #fff;
  border: 0 solid;
  /* border-radius: 1.875rem; */
  font-size: 1.25rem;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.4);
  transition: 0.3s;
  display: none;
}

#backToTop:hover {
  background-color: #000;
  color: #fff;
  border: 0 solid;
  box-shadow: 0 1rem 2rem 0 #000;
  transition: 0.3s;
}

.fa.fa-arrow-up {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Back to top end */

/* Top nav start */
.top-nav {
  background-color: #c7a17a;
  gap: 10%;
  padding: 0.2rem;
}

.top-nav-right-side {
  /* border: 2px solid pink; */
  width: 10%;
  gap: 0.5rem;
  flex-direction: row-reverse;
  height: 1rem;
}

.top-nav-img {
  width: 1rem;
  margin: 0 !important;
}

.marquee {
  width: 85%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  /* border: 1px solid lime; */
  height: 1.5rem;
}

.marquee p {
  margin-top: 0.05rem;
  animation: marquee 10s linear infinite;
  color: #333;
  font-size: 0.9rem;
  font-weight: 500;
  /* border: 2px solid purple; */
}

.marqueeText {

}

@keyframes marquee {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-15%);
  }
}
/* Top nav end */

/* Navbar start */

.logo {
  width: 13.04069rem;
  height: 3rem;
}

.navbar-light {
  background-color: #000 !important;
}

.navbar-light .navbar-nav .nav-link {
  color: #d3d3d3 !important;
  /* font-size: 0.91875rem; */
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.47rem !important;
  text-transform: uppercase !important;
  font-size: 1rem !important;
  font-family: "Oswald", sans-serif !important;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: #c7a17a !important;
}

.navbar-expand-lg .navbar-nav {
  /* align-items: center !important; */
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 3.5rem !important;
}

/* Open dropdown menu on hover */
.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0 !important;
}

.dropdown-menu-end[data-bs-popper] {
  right: unset !important;
  left: unset !important;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
  position: relative;
  color: #c7a17a !important;
  font-weight: 600;
}

/* .nav-link.active .dot {
  position: absolute;
  color: #C7A17A;
  font-size: 2rem;
  top: -1.1rem;
  left: -0.5rem;
  margin-top: 1rem;
  visibility: visible;
}

.nav-link .dot {
  visibility: hidden;
} */

/* Cart */
.nav-item .cart {
  /* background-color: chartreuse; */
  margin-top: 0.3rem;
}

.nav-item {
  list-style: none !important;
}

.nav-item .cart .cart-icon{
  background: url('img/icons/mdi_cart-outline.svg');
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  display: inline-block;
  vertical-align: bottom;
}

.nav-item .cart .items{
  background: #CA2424;
  color: #fff;
  width: 20px;
  height: 25px;
  /* border-radius: 50%; */
  display: inline-block;
  text-align: center;
}

.dropdown-toggle::after {
  display: none !important;
}

.dropdown-toggle.language::after {
  display: inline-block !important;
}

.dropdown-icon {
  position: relative;
  padding-left: 0.5rem;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #1e2125 !important;
  text-decoration: none;
  background-color: #e9ecef !important;
  border-left: 3px solid #c7a17a;
}

.dropdown-item:focus,
.dropdown-item:hover {
  border-left: 3px solid #c7a17a;
}

/* Navbar icon */

.navbar-toggler {
  border: 0 !important;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

.toggler-icon {
  width: 1.875rem;
  height: 0.188rem;
  background-color: #c7a17a;
  display: block;
  transition: all 0.2s;
}

.middle-bar {
  margin: 0.313rem auto;
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
  opacity: 0;
  filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}

.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
  filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}

.navbar-toggler.collapsed .toggler-icon {
  background-color: #c7a17a;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

/* Navbar icon end */ 

/* Navbar end */

/* Hero section start */
.carousel-inner {
  height: 88vh;
}

.carousel-item {
  height: 88vh !important;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.hero-border {
  position: absolute;  /* Pozicioniranje unutar parenta */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centriranje */
  z-index: 10;  /* Da bude iznad slika */
}

.higerZ {
  z-index: 99 !important;
}

.carousel h5 {
  font-size: 4rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 2rem;
  text-transform: uppercase;
  max-width: 50%;
}

.heading-banner span {
  color: #c7a17a;
  
}

.carousel p {
  font-size: 1.7rem;
  font-weight: 300;
  color: #fff;
  max-width: 50%;
  margin-bottom: 4rem;
}

.button-hero {
  /* padding: 1rem; */
  border: 2px solid #fff;
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.6rem 0rem 0.6rem 0rem;
  text-decoration: none;
}

.button-hero p {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
}

.button-hero:hover {
  cursor: pointer;
}
/* Hero section end */

/* Home product start */
#home-product {
  background-color: #fff;
  padding: 3rem 0 3rem 0;
}

.home-product-above-heading {
  font-size: 1.2rem;
  color: #c7a17a;
  font-weight: 300;
  text-align: center;
}

.home-product-heading {
  font-size: 2.5rem;
  color: #343a40;
  font-weight: 700;
  text-transform: uppercase;
  word-wrap: break-word;  
  overflow-wrap: break-word;  
  text-align: center; 
  max-width: 540px; /* Postavite maksimalnu širinu */
}

.gold-line {
  width: 20%;
  height: 0.2rem;
  background-color: #c7a17a;
  margin: 0 auto;
}

.home-product-section-left-side,
.home-product-section-right-side {
  margin-right: 1rem;
}

.home-product-image {
  width: 100%;
}

.home-product-section-icon {
  width: 4rem;
}

.home-product-section-heading {
  font-size: 2.188;
  color: #343a40;
  font-weight: 500;
}

.home-product-section-left-side .home-product-section-heading {
  text-align: right;
}

.home-product-section-right-side .home-product-section-heading {
  text-align: left;
}

.home-product-section-text {
  color: #666666;
  font-size: 1.188rem;
  font-weight: 300;
}

.home-product-section-left-side .home-product-section-text {
  text-align: right;
}

.home-product-section-right-side .home-product-section-text {
  text-align: left;
}

.home-product-holder {
  margin-top: 5rem;
}

/* Mlevenje funkcionalnost */

/* Mlevenje funcionalnost */

/* Home product end */

/* Home Our Proccess start */
#our-proccess-home {
  background-image: url("https://przionica.rs/wp-content/themes/przionica/img/our-proccess-homeV3.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.our-proccess-holder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100% !important;
}

.home-our-proccess-heading {
  text-align: center;
  font-size: 3.5rem;
  font-weight: 500;
  color: #fff;
  max-width: 80%;
}

/* Home Our Proccess end */

/* Home Single out shop Home start */
#single-out-shop-home {
  background-color: #000;
  padding: 3rem 0 3rem 0;
  border-bottom: 0.15rem solid #c7a17a;
}

.single-out-heading {
  font-size: 2.7rem;
  font-weight: 500;
  color: #fff;
}

.single-out-heading.black {
  font-size: 2.7rem;
  font-weight: 500;
  color: #000;
}

.single-out-text {
  font-weight: 300;
  color: #d3d3d3;
  font-size: 1rem;
}

.single-out-text.black {
  font-weight: 300;
  color: #000;
  font-size: 1rem;
}

.btn1 {
  background-color: #c7a17a;
  width: 10rem;
  padding: 0.4rem;
  text-align: center;
  text-decoration: none;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.force-decoration-none {
  text-decoration: none;
}

.btn1 a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.2rem;
}

.btn1 p {
  margin: 0 !important;
  color: #fff;
  font-weight: 500;
}

.product-card {
  position: relative;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: red !important;
}

.product-card img {
  width: 100%;
}

.product-card .card-body {
  background-color: #000;
  border: 0;
}

.home-product-cart-heading {
  font-size: 1.3rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
  margin: 0 !important;
}

.home-product-cart-text {
  font-size: 0.8rem;
  font-weight: 300;
  color: #fff;
  margin: 0 !important;
}

.home-product-cart-price {
  color: #c7a17a;
  font-weight: 300;
  font-size: 1.3rem;
}

.home-product-cart-label {
  padding: 0.3rem;
  background-color: #c7a17a;
  text-align: center;
  width: 10rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.home-product-cart-label p {
  margin: 0 !important;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.7rem;
}

/* Home Single out shop Home end */

/* Single out shop Menu start  */
#single-out-menu-home {
  background-color: #000;
  padding: 3rem 0 3rem 0;
}

.single-out-menu-home-right-side {
  /* background-color: purple; */
  height: 100%;
}

.single-out-menu-arrow:hover {
  cursor: pointer;
}

.slider-single-out-menu-home-right-side {
  /* background-image: url("/img/menu-slider1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 20.5rem !important; */
}

.slider-single-out-menu-home-right-side img {
  width: 85%;
  margin: 0 auto;
}

/* Single out shop Menu end  */

/* News letter section start */
#newsletter {
  background-color: #000;
  padding: 3rem 0 3rem 0;
}

.newsletter-holder {
  display: flex;
}

.news-letter-text {
  font-size: 1.6rem;
  color: #fff;
  font-family: "Oswald", sans-serif !important;;
  font-weight: 500 !important;
}

.newsletter-right-side {
  /* background-color: thistle; */
  display: flex;
  justify-content: space-between !important;
}

.newsletter-input {
  background-color: transparent;
  border: 0.2rem solid #fff;
  width: 20rem;
  padding: 0.3rem;
  height: 3rem !important;
  color: #666666;
}

.newsletter-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  max-height: 3rem !important;
  width: 8rem;
  text-align: center;
  margin-left: 1rem !important;
  /* padding: 2rem !important; */
}

.newsletter-btn p {
  margin: 0 !important;
  font-weight: 700;
  color: #000;
}
/* News letter section end */

/* About page start */
#about-przionica {
  background-color: #000;
  position: relative;
  padding-top: 3rem !important;
  padding-bottom: 15rem !important;
}

.about-heading {
  color: #fff;
  font-size: 1.7rem;
  margin-bottom: 2rem;
}

.about-heading.black {
  color: #000;
}

.about-page-text {
  color: #fff;
  font-size: 1.15rem;
  font-weight: 300;
}

.about-page-text span {
  color: #c7a17a;
}

.about-page-text.black {
  color: #000;
}

.about-banner-image {
  position: absolute;
  bottom: 1rem;
  width: 18rem;
}

.about-tradition {
  background-color: #000;
  border-top: 2px solid #c7a17a;
}

.about-tradition-images { 
  width: 13rem;
  border-top: 0.2rem solid #c7a17a;
  border-left: 0.2rem solid #c7a17a;
  -webkit-box-shadow: 1px 1px 8px 1px rgba(255,255,255,1);
  -moz-box-shadow: 1px 1px 8px 1px rgba(255,255,255,1);
  box-shadow: 1px 1px 8px 1px rgba(255,255,255,1);
}

.about-image-holder {
  /* border: 2px solid red; */
  /* background-color: red; */
  gap: 0.5rem;
}

.topCustom1 {
  margin-top: 6rem;
}

.topCustom2 {
  margin-top: 12rem;
}

#about-package {
  background-color: #fff;
}

.coffee-package-image {
  width: 20rem;
}

#cooperation-section {
  background-color: #000;
}

.list-unstyled a {
  text-decoration: none;
  color: #d3d3d3;
}
/* About page end */

/* Contact page start */
/* Page Header start */
#pages-header {
  background-image: url("https://przionica.rs/wp-content/themes/przionica/img/PageHeader.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.page-heading {
  color: #fff;
  font-weight: 700;
  font-size: 4rem;
  text-transform: uppercase;
}
/* Page Header end */

/* Contact form start */
#contact-przionica {
  background-color: #000;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.question-form-box {
  position: relative;
  /* padding: 3rem; */
  /* border-radius: 2.25rem; */
  /* background: #fff; */
  background-color: #000;
  box-shadow: 0px 1.85185px 3.14815px 0px rgba(0, 0, 0, 0), 0px 8.14815px 6.51852px 0px rgba(0, 0, 0, 0.01),
    0px 20px 13px 0px rgba(0, 0, 0, 0.01), 0px 38.51852px 25.48148px 0px rgba(0, 0, 0, 0.01),
    0px 64.81481px 46.85185px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.02);
  z-index: 10 !important;
}

.question-form.title {
  width: 25.25rem;
  color: #666666;
  font-size: 3.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}

.question-form.sub-title {
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin-top: 2rem;
  margin-bottom: 8rem;
  color: #c7a17a;
}

.question-form.description {
  color: #666666;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  width: 21.0625rem;
}

#question .form-control,
#question .form-select {
  display: flex;
  padding: 1.08rem 1.37875rem 1.08188rem 1.3775rem;
  align-items: flex-start;
  /* border-radius: 0.91875rem; */
  /* border: 1px solid #dbdbdb; */
  color: #666666;
  font-size: 1.05rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 0 !important;
}

#question select.form-select {
  background-image: url(https://webbazzar.rs/mts-si/img/arrow-circle-down.svg);
  background-size: 1.5rem;
}

input[type="file"]::-webkit-file-upload-button {
  display: none;
}

input[type="file"]::file-selector-button {
  display: none;
}

.question-hr {
  margin-top: 2rem;
  background-color: #a0a0a0 !important;
}

.question-box-list a {
  color: #666;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
  text-decoration: none !important;
  margin-right: 3rem;
}

.question-box-list a:hover {
  color: #c7a17a;
}

.question-title {
  color: #1b1b1b;
  text-align: center;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 12rem;
}

.question-title span {
  color: #c7a17a;
  font-size: 4rem;
}

.question-linear-gradient {
  height: 25.71619rem;
  background: linear-gradient(180deg, #fafafa 25%, rgba(250, 250, 250, 0) 100%);
}

#question .container {
  margin-top: -18rem !important;
}

#question .question-row {
  margin-bottom: -8rem;
}
/* Contact form end */
/* Contact page end */

/* Shop page start */

#shop {
  background-color: #fff;
  padding: 3rem 0 3rem 0;
}

.select-holder {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.select-holder .form-select {
  background-color: #000 !important;
  color: #fff !important;
  border-radius: 0 !important;
  width: 30% !important;
  margin-left: auto;
}

.form-select option:checked {
  background-color: c7a17a !important;
}

.form-select option::after {
  background-color: #c7a17a !important;
}

.form-control:focus,
.form-select:focus {
  box-shadow: 0 0 0 0.25rem rgba(199, 160, 122, 0.534) !important;
}

.product-box-holder {
  background-color: #fff;
}

.product-item .card-body {
  padding: 0;
}

.product-box-holder a {
  text-decoration: none;
}

.card-body img {
  width: 100%;
}

.product-item {
  position: relative;
  border: 0 !important;
  /* border: 2px solid red !important; */
}

.product-item-heading {
  font-size: 2rem;
  text-transform: uppercase;
  color: #000;
}

.start-row img {
  width: 1.3rem;
  margin: 0 !important;
}

.product-price-holder {
  gap: 1rem;
}

.product-item-regular-price {
  font-weight: 300;
  color: #c7a17a;
  font-size: 1.5rem;
}

.product-item-regular-price.sale {
  color: #666666;
  text-decoration: line-through;
}

.product-item-label {
  position: absolute;
  background-color: #c7a17a;
  padding: 0.3rem;
  width: 40%;
  top: 0;
  right: 0;
}

.product-item-label p {
  color: #fff;
  margin: 0 !important;
  text-align: center;
}
/* Shop page end */

/* Shop item start  */
#product-item {
  padding: 3rem 0 3rem 0;
}

.product-big-image {
  width: 70%;
}

.product-images img {
  width: 5rem;
}

.product-item-line {
  width: 100%;
  height: 0.01rem;
  background-color: #adb5bd;
}

.product-item-heading {
  font-size: 1.8rem;
  font-weight: 700;
}

.star-and-comments {
  gap: 0.5rem !important;
}

.star-and-comments p {
  margin: 0 !important;
}

.product-user-commnets {
  font-size: 0.9rem;
  font-weight: 300;
  color: #666666;
}

.product-item-price {
  font-size: 2rem;
  font-weight: 400;
  color: #c7a17a;
}

.product-description {
  color: #666666;
  font-weight: 300;
}

.add-to-cart-row {
  gap: 1rem;
}

.add-to-cart-row p {
  margin: 0 !important;
}

.quantity {
  background-color: #FAFAFA !important;
  padding: 0.5rem 1rem;
}

.add-to-cart-symbol {
  font-size: 2rem;
  user-select: none;
  padding: 0 !important;
  margin-top: 0.5rem !important;
}

.add-to-cart-symbol:hover {
  cursor: pointer;
}

.add-to-cart-btn {
  background-color: #c7a17a;
  padding: 0.5rem;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 300;
}

/* Product additional informations start */
.product-additional {
  padding: 3rem 0;
  border-bottom: 1px solid #adb5bd;
  border-top: 1px solid #adb5bd;
  margin-left: auto !important;
  /* border: 1px solid red; */
  width: 100%;
  flex-direction: column;
}

.product-additional p {
  margin: 0;
}

.product-additional-holder {
  gap: 2rem;
  text-align: center;
  border-bottom: 1px solid #adb5bd;
  padding-bottom: 0.5rem;
  width: 60%;
}

.product-additional-text {
  display: flex;
  font-weight: 500;
  color: #666666;
  font-size: 1.475rem;
}

.product-additional-text.active {
  color: #c7a17a;
}

.additional-text {
  display: none;
}

.additional-text.visible {
  display: flex;
}

#additional-informations-box {
  display: none;
}

#additional-informations-box.visible {
  display: table;
}

.product-additional-text:hover {
  cursor: pointer;
}

.additional-text {
  text-align: center;
  margin: 0;
  margin-top: 1.3rem !important;
  font-weight: 300;
  color: #666666;
  max-width: 70%;
}

.table-heading {
  font-weight: 800;
}

.table-text {
  font-weight: 300;
}

/* Product additional informations end */
/* Shop item end */

/* Process start */
#process {
}

.process-holder {
  background-image: url("https://przionica.rs/wp-content/themes/przionica/img/grindingProcess.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 7rem 0 7rem 0;
  position: relative;
  transition: background-image 0.5s ease-in-out;
}

.process-number {
  font-size: 8rem;
  font-weight: 700;
  color: #c7a17a;
  position: absolute;
  top: -1rem;
  right: 2rem;
}

.process-heading {
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

#process-title {
  transition: opacity 0.5s ease, transform 0.5s ease;
  opacity: 1;
  transform: translateX(0); /*Početna pozicija  */
}

#process-title.hidden {
  opacity: 0;
  transform: translateX(-20px); /* Pomera se na gore kada se skriva */
}

.process-line {
  width: 30%;
  background-color: #c7a17a;
  height: 0.1rem;
  margin-bottom: 2rem;
}

.process-text {
  font-size: 1.3rem;
  color: #fff;
  font-weight: 300;
  transition: opacity 0.5s ease, transform 0.5s ease;
  opacity: 1;
  transform: translateX(0); /*Početna pozicija  */
}

.process-text.hidden {
  opacity: 0;
  transform: translateX(-20px); /* Pomera se na gore kada se skriva */
}

.process-list {
  transition: opacity 0.5s ease, transform 0.5s ease;
  opacity: 1;
  transform: translateX(0); /*Početna pozicija  */
}

.process-list.hidden {
  opacity: 0;
  transform: translateX(-20px); /* Pomera se na gore kada se skriva */
}

.process-list-item {
  color: #fff;
  font-weight: 300;
}

.process-list li {
  font-size: 1.2rem;
}

.process-list li::marker {
  color: #c7a17a;
}

.processSmallImg {
  width: 30%;
}

.process-arrows {
  width: 5rem !important;
}

.process-arrows:hover {
  cursor: pointer;
}

.processSmallImg {
  transition: opacity 0.5s ease, transform 0.5s ease;
  opacity: 1;
  transform: translateX(0); /*Početna pozicija  */
}

.processSmallImg.hidden {
  opacity: 0;
  transform: translateX(-20px); /* Pomera se na gore kada se skriva */
}

#arrow-left {
  visibility: visible;
}

#arrow-left.hidden {
  visibility: hidden;
}

#arrow-right {
  visibility: visible;
}

#arrow-right.hidden {
  visibility: hidden;
}

/* Process end */

/* Footer start */

.footer-row {
  margin-top: 7rem !important;
}

.footer-mts-si {
  background-color: #000;
  border-top: 0.2rem solid #c7a17a;
}

.footer-mts-si h5 {
  padding-bottom: 1.5rem;
  color: #fff;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.375rem;
  /* 110% */
}

.footer-mts-si li a,
.footer-mts-si li p {
  display: flex;
  justify-content: start;
  align-items: center;
  color: #d3d3d3;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem !important;
  /* 111.111% */
  text-decoration: none;
}

.footer-mts-si li p span {
  display: flex;
  justify-content: start;
  align-items: center;
  color: #c7a17a;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem !important;
  /* 111.111% */
  text-decoration: none;
}

.footer-mts-si li a:hover {
  color: #c7a17a;
}

.footer-logo {
  width: 100%;
}

.footer-fb {
  mask: url(https://webbazzar.rs/mts-si/img/facebook.svg) no-repeat center / contain;
  -webkit-mask: url(https://webbazzar.rs/mts-si/img/facebook.svg) no-repeat center / contain;
}

.footer-tw {
  mask: url(https://webbazzar.rs/mts-si/img/twitter.svg) no-repeat center / contain;
  -webkit-mask: url(https://webbazzar.rs/mts-si/img/twitter.svg) no-repeat center / contain;
}

.footer-ig {
  mask: url(https://webbazzar.rs/mts-si/img/instagram.svg) no-repeat center / contain;
  -webkit-mask: url(https://webbazzar.rs/mts-si/img/instagram.svg) no-repeat center / contain;
}

.footer-yt {
  mask: url(https://webbazzar.rs/mts-si/img/youtube.svg) no-repeat center / contain;
  -webkit-mask: url(https://webbazzar.rs/mts-si/img/youtube.svg) no-repeat center / contain;
}

.footer-fb,
.footer-tw,
.footer-ig,
.footer-li,
.footer-yt {
  background-color: #fafafa;
  width: 1.9875rem;
  height: 1.6875rem;
}

.footer-fb:hover,
.footer-tw:hover,
.footer-ig:hover,
.footer-li:hover,
.footer-yt:hover {
  background-color: #c7a17a;
}

.footer-tel {
  position: relative;
  z-index: 10;
}

.social-media {
  list-style: none;
  display: flex;
  align-items: center;
  padding: 0 2rem 0 0;
  gap: 1rem;
}

hr {
  background-color: #d9dbe9 !important;
  height: 0.0625rem;
}

.footer-heading-line {
  width: 5rem !important;
  height: 0.2rem;
  background-color: #c7a17a;
}

.text-start,
.text-end {
  color: #fafafa;
}

.copyright-1 {
  text-align: left;
}

.copyright-2 {
  text-align: right;
}

.copyright-1,
.copyright-2 {
  color: #fafafa;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.875rem;
}

.copyright-2 .copyright-link {
  color: #c7a17a;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.875rem;
  text-decoration-line: underline;
}

.copyright-2 .copyright-link:hover {
  color: #fafafa;
}

.social-media li img {
  width: 1rem !important;
}

.social-media li .icon-left {
  margin-left: 0.3rem;
}

/* Footer end */

/* Small devices (landscape phones, 375px and up) */
@media (min-width: 320px) {
  /* Top nav start */
  @keyframes marquee {
    from {
      transform: translateX(100%);
    }
    to {
      transform: translateX(-15%);
    }
  }
  /* Top nav END */
  /* Hero section start */
  .carousel h5 {
    font-size: 2.5rem;
    max-width: 100%;
  }

  .carousel p {
    font-size: 1.2rem;
    max-width: 90%;
  }

  .button-hero {
    width: 50%;
  }
  /* Hero section end */

  .navbar-expand-lg .navbar-nav {
    align-items: baseline !important;
  }

  /* Home product start */
  .home-product-section-left-side .home-product-section-heading,
  .home-product-section-left-side .home-product-section-text {
    text-align: left;
  }

  .home-product-image {
    width: 75%;
  }
  /* Home product end */

  /* Our proccess section start */
  .home-our-proccess-heading {
    font-size: 3rem;
  }
  /* Our procceess section end */

  /* Page Header start */
  #pages-header {
    height: 15vh;
  }

  .page-heading {
    font-size: 2rem;
  }
  /* Page Header end */

  /* Single out shop Menu start  */
  .single-out-menu-arrow {
    width: 2rem;
  }
  /* Single out shop Menu end  */

  /* Contact form start */
  .question-form.title {
    font-size: 1.7rem;
    width: 100%;
  }

  .question-form.sub-title {
    font-size: 1.7rem;
    margin-bottom: 2rem;
  }

  .question-form.description {
    width: 100%;
    margin-bottom: 2rem;
  }
  /* Contact form end */

  /* Shop page start */
  .select-holder .form-select {
    width: 100% !important;
  }
  /* Shop page end */

  /* Shop item start  */
  .product-images img {
    width: 4rem;
  }

  .product-big-image {
    width: 100%;
  }

  .product-item-heading {
    margin-top: 3rem;
  }

  /* Product additional informations start */
  .product-additional-holder {
    width: 100%;
    gap: 1rem;
  }

  .product-additional-text {
    font-size: 1rem;
  }

  .additional-text {
    max-width: 100%;
  }
  /* Product additional informations end */

  .woocommerce div.product form.cart .variations select {
    width: 100% !important;
  }
  /* Shop item end  */

  /* Process start */
  .process-number {
    top: 2rem;
    right: 2rem;
    font-size: 7rem;
    transition: opacity 0.5s ease, transform 0.5s ease;
    opacity: 1;
    transform: translateX(0); /*Početna pozicija  */
  }

  .process-number.hidden {
    opacity: 0;
    transform: translateX(-20px); /* Pomera se na gore kada se skriva */
  }

  .process-right-side {
    margin-top: 3rem;
  }
  /* Process end */
  /* Contact form 7 start */
  [type=submit]:not(:disabled) {
    display: inline-block;
    width: 100%;
    padding: 1.1875rem 3.25rem;
    color: #fafafa;
    text-align: center;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.625rem;
    background-color: #c7a17a;
    -webkit-box-shadow: 0px 22px 25px 0px rgba(0, 0, 0, .15);
    box-shadow: 0px 22px 25px 0px rgba(0, 0, 0, .15);
    text-decoration: none;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    border: rgba(0, 0, 0, 0);
    border-radius: 0 !important;
    margin-top: 0 !important;
  }
  /* Contact form 7 end */

  /* Page About start */
  #about-przionica {
    padding-bottom: 3rem !important;
  }

  .about-banner-image {
    position: relative;
    margin-left: 17%;
    margin-top: 3rem;
    width: 13rem;
  }

  .about-tradition-images {
    width: 6rem;
  }
  /* Page about end */

  /* Page Privacy Policy start */
#privacy-policy-przionica h1, #privacy-policy-przionica h2 {
  color: #c7a17a;
}
  
.epm-page{
    max-width: 980px;
    margin: 0 auto;
    padding: 28px 16px;
    line-height: 1.6;
    color: #111;
  }

  .epm-hero{
    padding: 22px 18px;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 16px;
    background: rgba(0,0,0,.03);
  }
  .epm-hero h1{
    margin: 0 0 10px;
    font-size: 32px;
    line-height: 1.15;
    letter-spacing: -0.02em;
  }
  .epm-subtitle{
    margin: 0 0 14px;
    font-size: 16px;
    opacity: .9;
  }
  .epm-note{
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.10);
    background: #fff;
    font-size: 14px;
  }

  .epm-toc{
    margin: 18px 0 22px;
    padding: 18px;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 16px;
    background: #fff;
  }
  .epm-toc h2{
    margin: 0 0 10px;
    font-size: 18px;
  }
  .epm-toc ul{
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 6px;
  }
  .epm-toc a{
    text-decoration: none;
    border-bottom: 1px dashed rgba(0,0,0,.25);
  }
  .epm-toc a:hover{
    border-bottom-style: solid;
  }

  .epm-content{
    display: grid;
    gap: 14px;
  }

  .epm-card{
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 16px;
    padding: 18px;
  }
  .epm-card h2{
    margin: 0 0 10px;
    font-size: 18px;
    letter-spacing: -0.01em;
  }
  .epm-text{
    margin: 0 0 10px;
  }
  .epm-list{
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 6px;
  }

  .epm-dl{
    margin: 0;
    display: grid;
    gap: 10px;
  }
  .epm-dl > div{
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(0,0,0,.03);
    border: 1px solid rgba(0,0,0,.06);
  }
  .epm-dl dt{
    font-weight: 700;
  }
  .epm-dl dd{
    margin: 0;
  }

  .epm-callout{
    margin-top: 10px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.10);
    background: rgba(0,0,0,.03);
    font-size: 14px;
  }

  @media (max-width: 640px){
    .epm-hero h1{ font-size: 26px; }
    .epm-dl > div{
      grid-template-columns: 1fr;
      gap: 6px;
    }
  }
  /* Page Privacy Policy end */

  /* WooCommerce start */
  /* Single product start */
  .single_variation_wrap {
    display: flex !important;
    flex-direction: column !important;
  }
  /* Single product end */
  /* WooCommerce end */
  /* Translate switcher start */
  .trp-language-switcher .trp-ls-shortcode-current-language {
    /* border: 2px solid lime !important; */
    width: 100px !important;
  }

  .trp-ls-shortcode-language {
    /* border: 2px solid lime !important; */
    width: 100px !important;
  }
  /* Translate switcher end */

  /* Bank logotypes start */
  .bank-logotypes-holder {
    flex-direction: column;
    gap: 2.5rem;  
  }
  /* Bank logotypes end */
}

/* Small devices (landscape phones, 425px and up) */
@media (min-width: 400px) {
  /* Page about start */
  .about-tradition-images {
    width: 8rem;
  }
  /* Page about end */
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  /* Hero section start */
  .carousel h5 {
    font-size: 2.7rem;
    max-width: 70%;
  }

  .carousel p {
    font-size: 1.4rem;
    max-width: 90%;
  }

  .button-hero {
    width: 40%;
  }
  /* Hero section end */
  /* Page Header start */
  #pages-header {
    height: 25vh;
  }

  .page-heading {
    font-size: 4rem;
  }
  /* Page Header end */

  /* Shop page start */
  .select-holder .form-select {
    width: 40% !important;
  }
  /* Shop page end */

  /* Page About start */
  #about-przionica {
    padding-bottom: 12rem !important;
  }

  .about-banner-image {
    position: absolute;
    right: 7rem;
    bottom: 3rem;
  }

  .about-tradition-images {
    width: 10rem;
  }
  /* Page about end */
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
   /* Top nav start */
   @keyframes marquee {
    from {
      transform: translateX(100%);
    }
    to {
      transform: translateX(35%);
    }
  }
  /* Top nav END */
  /* Hero section start */
  .carousel h5 {
    font-size: 3rem;
    max-width: 50%;
  }

  .carousel p {
    font-size: 1.6rem;
    max-width: 90%;
  }

  .hero-border .button-hero {
    width: 30%;
  }
  /* Hero section end */
  /* Our proccess section start */
  .home-our-proccess-heading {
    font-size: 3.5rem;
  }
  /* Our procceess section end */
  /* Single out shop Menu start  */
  .single-out-menu-arrow {
    width: 5rem;
  }
  /* Single out shop Menu end  */

  /* Product start */
  .woocommerce div.product form.cart .variations select {
    width: 60% !important;
  }
  /* Product end */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    align-items: center !important;
  }

  /* Hero section start */
  .carousel h5 {
    font-size: 3rem;
  }

  .carousel p {
    font-size: 1.6rem;
    max-width: 50%;
  }

  .button-hero {
    width: 30%;
  }
  /* Hero section end */

  /* Home product start */
  .home-product-section-left-side .home-product-section-heading,
  .home-product-section-left-side .home-product-section-text {
    text-align: right;
  }

  .home-product-image {
    width: 100%;
  }
  /* Home product end */

  /* Contact form start */
  .question-form.title {
    font-size: 3.25rem;
    width: 25.25rem;
  }

  .question-form.sub-title {
    font-size: 2rem;
    margin-bottom: 8rem;
  }

  .question-form.description {
    width: 21.0625rem;
  }
  /* Contact form end */
  /* Shop page start */
  .select-holder .form-select {
    width: 30% !important;
  }
  /* Shop page end */

  /* Shop item start  */
  .product-images img {
    width: 5rem;
  }

  .product-big-image {
    width: 70%;
  }

  .product-item-heading {
    margin-top: 0rem;
  }

  /* Product additional informations start */
  .product-additional-holder {
    width: 60%;
    gap: 2rem;
  }

  .product-additional-text {
    font-size: 1.475rem;
  }

  .additional-text {
    max-width: 70%;
  }
  /* Product additional informations end */
  /* Shop item end  */

  /* Process start */
  .process-number {
    top: 0rem;
    right: 2rem;
    font-size: 8rem;
  }

  .process-right-side {
    margin-top: 0rem;
  }
  /* Process end */
  /* Contact form 7 start */
  [type=submit]:not(:disabled) {
    display: inline-block;
    width: 18.875rem;
    padding: 1.1875rem 3.25rem;
    color: #fafafa;
    text-align: center;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.625rem;
    background-color: #c7a17a;
    -webkit-box-shadow: 0px 22px 25px 0px rgba(0, 0, 0, .15);
    box-shadow: 0px 22px 25px 0px rgba(0, 0, 0, .15);
    text-decoration: none;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    border: rgba(0, 0, 0, 0);
    border-radius: 0 !important;
    margin-top: 0 !important;
  }
  /* Contact form 7 end */
  /* Translate switcher start */
  .trp-language-switcher .trp-ls-shortcode-current-language {
    /* border: 2px solid orange !important; */
    width: 100px !important;
  }
  /* Translate switcher end */

  /* Bank logotypes start */
  .bank-logotypes-holder {
    flex-direction: row;
    gap: 0rem;  
  }
  /* Bank logotypes end */
}

/* /X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /* Hero section start */
  .carousel h5 {
    font-size: 4rem;
  }

  .carousel p {
    font-size: 1.7rem;
    max-width: 50%;
  }

  .button-hero {
    width: 20%;
  }
  /* Hero section end */
  /* WooCommerce start */
  /* Single product start */
  .single_variation_wrap {
    /* display: flex !important;
    flex-direction: row !important;
    align-items: center !important; */
  }

  .woocommerce div.product form.cart .button {
    margin-top: 1rem !important;
  }
  /* Single product end */
  /* WooCommerce end */
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  /* Page About start */
  .about-banner-image {
    right: 10rem;
  }
  /* Page about end */
}

@media (min-width: 1700px) {
  /* Page About start */
  .about-banner-image {
    right: 20rem;
  }
  /* Page about end */
}

@media (min-width: 1900px) {
}

@media (min-width: 2500px) {
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}

/* !!! !!! !!! */
/* WooCommerce style start */
/* Archive-product start */
.woocommerce-ordering {
  display: flex !important;
}

/* Shop page */
.archive.post-type-archive.post-type-archive-product.logged-in.admin-bar.theme-przionica.woocommerce-shop.woocommerce.woocommerce-page.woocommerce-js.translatepress-sr_RS.customize-support {
  background-color: #fff !important;
}

.woocommerce-ordering .orderby {
  margin-left: auto !important;
}

.woocommerce .woocommerce-result-count {
  text-align: right !important;
  font-family: "Oswald", sans-serif !important;
}

.onsale {
  position: absolute;
  background-color: #c7a17a !important;
  padding: 0.01rem !important;
  width: 40% !important;
  border-radius: 0 !important;
  top: 0;
  left: 0 !important;
  margin: 0 !important;

  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.7rem;
  font-family: "Oswald", sans-serif !important;
}

.woocommerce-loop-product__title {
  font-size: 1.7rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #000 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.home .woocommerce-loop-product__title {
  color: #fff !important;  /*Beli tekst - trenutno zakomentarisano */
}

.woocommerce div.product p.price del, 
.woocommerce div.product span.price del,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount { 
  font-weight: 300 !important;
  color: #666666 !important;
  font-size: 1.5rem !important;
}

.woocommerce ul.products li.product .price {
  color: #666666 !important;
  font-size: 1rem;
}

.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins, 
.woocommerce-Price-amount {
  font-weight: 300 !important;
  color: #c7a17a !important;
  font-size: 1.5rem !important;
}

.price ins {
  text-decoration: none !important;
}

.woocommerce ul.products li.product .price del {
  opacity: 1 !important;
}

.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  display: none !important;
}

.woocommerce div.product form.cart .reset_variations {
  color: #c7a17a;
  text-decoration: none;
  font-family: "Oswald", sans-serif !important;
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
  color: #c7a17a;
  text-decoration: none;
}

.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 {
  background-color: #000 !important;  
  color: #fff !important;
  padding: 0.5rem !important;
  text-decoration: none !important;
}

 .woocommerce-ordering .orderby {
  background-color: #000;
  border: 0;
  outline: 0;
  color: #fff;
  padding: 0.4rem !important;
 }

.woocommerce ul.products li.product .button {
  display: none;
}
/* Archive-product end */

/* Single-product start */
/* Single product background color */
.single-product {
  background-color: #fff !important; /* Izmenite boju po želji */
}

.woocommerce div.product {
  margin-top: 3rem !important;
}

.woocommerce div.product .product_title {
  font-weight: 500 !important;
}

.woocommerce-product-details__short-description {
  color: #666666 !important;
}

.woocommerce span.onsale {
  max-width: 10rem !important;
  text-align: center !important;
  padding: 0.1rem !important;
  top: 0rem !important;
  left: 0rem !important;
  font-family: "Oswald", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
}

.woocommerce div.product form.cart {
  display: flex !important;
  /* justify-content:flex-start !important; */
  flex-direction: column;
  /* align-items: center !important; */
}

.wc-quantity-holder {
  background-color: #fff !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 8rem !important;
}

.woocommerce div.product form.cart div.quantity {
  background-color: #fff;
}

.woocommerce div.product form.cart div.quantity {
  background-color: #fff !important;
}

.woocommerce .quantity .qty {
  background-color: #D9D9D9;
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
  border: 0;
  outline: 0;
  text-align: center;
}

.woocommerce div.product form.cart .button {
  background-color: #c7a17a !important;
  padding: 0.5rem !important;
  color: #fff !important;
  font-size: 0.8rem !important;
  font-weight: 300 !important;
  border-radius: 0 !important;
  padding: 1rem !important;
  font-size: 1.3rem !important;
  text-transform: uppercase !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  font-family: "Oswald", sans-serif !important;
  display: flex;
  justify-content: center;
}

.woocommerce div.product .woocommerce-tabs .panel {
  text-align: center;
}

.posted_in a {
  color: #c7a17a;
  text-decoration: none !important;
}

.woocommerce div.product form.cart .variations select {
  background-color: #000;
  border: 0;
  outline: 0;
  color: #fff;
  padding: 0.4rem !important;
}
/* Single-product end */

/* Cart page start */
.wc-block-cart__submit-container {
  background-color: #c7a17a !important;
}

.wc-block-cart__submit-container a {
  text-decoration: none !important;
  color: #fff;
}

.wc-block-cart__submit-container a:hover {
  color: #fff;
}

.woocommerce-message {
  background-color: #000 !important;
  outline: 0 !important;
  color: #fff !important;
}

.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
  background-color: #c7a17a !important;
  color: #fff;
  border-radius: 0 !important;
}
/* Cart page end */

/* Checkout start */
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
  background-color: #c7a17a !important;
  color: #fff !important;
  border: 0 !important;
  outline: 0 !important;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  border-top: 3px solid  #c7a17a !important;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  background: #000 !important;
}

#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
  color: #fff;
}

.woocommerce-privacy-policy-text p {
  color: #fff;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
  background-color: #c7a17a !important;
}

/* Checkout end */

/* WooCommerce style end */

/* 404 page start */
.holder-404 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.holder-404 h1 {
  font-size: 7rem;
}

.holder-404 img {
  width: 7rem;
}

.heading-404 {
  font-family: "Oswald", sans-serif !important;
}

.btn-404 {
  background-color: #c7a17a;
  padding: 1rem;
  width: 20rem !important;
  margin: 0 auto;
}

.btn-404 a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
}
/* 404 page end */

/* Contact 7 start */
.wpcf7-form input {
  border-radius: 0 !important;
  margin: 0 !important;
}

.wpcf7-form input::placeholder {
  font-family: "Oswald", sans-serif !important;
  font-weight: 500 !important;
}

.wpcf7-form textarea::placeholder {
  font-family: "Oswald", sans-serif !important;
  font-weight: 500 !important;
}

.wpcf7-submit {
  text-transform: uppercase !important;
}
/* Contact 7 end */

/* Translate switcher start */
.trp-ls-shortcode-current-language {
  background-color: #000 !important;
  border: 0 !important;
  outline: 0 !important;
  background-size: 15px 15px, 15px 15px !important;
}

.trp-language-switcher > div {
  background-position: calc(100% - 20px) calc(1em + 0px), calc(100% - 30px) calc(1em + 0px) !important;
  padding-left: 0 !important;
}

.trp-ls-shortcode-disabled-language.trp-ls-disabled-language {
  color: #d3d3d3 !important;
  font-family: "Oswald", sans-serif !important;
  font-weight: 500 !important;
}

.trp-ls-shortcode-disabled-language.trp-ls-disabled-language:hover {
  border-left: 0.2rem solid #c7a17a;
  background-color: #000;
}

.trp-ls-shortcode-language {
  background-color: #000 !important;
  border: 0 !important;
  outline: 0 !important;
}

.trp-ls-shortcode-disabled-language.trp-ls-disabled-language {
  color: #d3d3d3 !important;
}

.trp-language-switcher > div > a {
  color: #d3d3d3 !important;
  font-family: "Oswald", sans-serif !important;
  font-weight: 500 !important;
}

.trp-language-switcher > div > a:hover {
  background-color: #000 !important;
}

.trp-language-switcher > div > a:hover {
  border-left: 0.2rem solid #c7a17a;
}
/* Translate switcher end */

/* Login start */
.wp-core-ui .button-primary {
  background-color: #c7a17a !important;
}
/* Login End */

/* Bank logotypes start */
.bank-logotypes-holder img {
  height: 3rem;
  width: auto;
  object-fit: contain;
  object-position: center;
}

.bank-logotypes-holder img.wider {
  width: 10rem;
}

.bank-logotypes-center {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 1.5rem 2rem;
  border-radius: 0.4rem;
}

.bank-logotypes-center img {
  width: 15rem;
}
/* Bank logotypes end */

/* Checkout Terms Checkbox Styles */
#terms-checkout-wrapper,
#terms-checkout-wrapper-2,
#terms-checkout-wrapper-custom {
  margin: 20px 0;
  padding: 15px;
  border: 1px solid #ddd;
  background: #f9f9f9;
  border-radius: 5px;
}

#terms-checkout-wrapper label,
#terms-checkout-wrapper-2 label,
#terms-checkout-wrapper-custom label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.4;
}

#terms-checkout-wrapper input[type="checkbox"],
#terms-checkout-wrapper-2 input[type="checkbox"],
#terms-checkout-wrapper-custom input[type="checkbox"] {
  margin-right: 10px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

#terms-checkout-wrapper a,
#terms-checkout-wrapper-2 a,
#terms-checkout-wrapper-custom a {
  color: #0066cc;
  text-decoration: underline;
}

#terms-checkout-wrapper a:hover,
#terms-checkout-wrapper-2 a:hover,
#terms-checkout-wrapper-custom a:hover {
  color: #004499;
}

#terms-error,
#terms-error-2,
#terms-error-custom {
  color: #e74c3c;
  font-size: 13px;
  margin-top: 5px;
  display: none;
  font-weight: bold;
}

/* Disabled place order button styling */
#place_order:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  background-color: #ccc !important;
}

#place_order:disabled:hover {
  background-color: #ccc !important;
}
/* Checkout Terms Checkbox Styles End */

#terms-checkout-wrapper, #terms-checkout-wrapper-2, #terms-checkout-wrapper-custom {
  border: none;
}

.woocommerce-privacy-policy-text a {
  color: #c7a17a;
}