@charset "UTF-8";
/*!
Theme Name: mojeracun
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mojeracun
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

mojeracun is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
@font-face {
  font-family: "Mont";
  src: url("./font/Mont-Bold.otf");
  font-weight: 800;
}
@font-face {
  font-family: "Mont";
  src: url("./font/Mont-SemiBold.otf");
  font-weight: 700;
}

body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Mont" !important;
}
body a {
  text-decoration: none;
}
body a:hover {
  color: inherit;
}
body .site {
  position: relative;
}

strong {
  font-weight: 800 !important;
}

.btn-custom {
  display: inline-block;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;
  font-style: normal;
  background-color: #FF8D3D;
  padding: 16px 32px;
  border-radius: 8px;
  box-shadow: 0px 4px 8px 0px rgba(41, 63, 56, 0.16), 0px 0px 2px 0px rgba(41, 63, 56, 0.04);
  text-transform: uppercase;
  transition: 0.4s ease;
  border-width: 0;
}
.btn-custom:hover {
  background-color: #FF9E5B;
}
.btn-custom:active {
  background-color: #E06A17;
}

.btn-back {
  display: inline-block;
  font-family: "Mont";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #FF8D3D;
  text-transform: uppercase;
  border: 1px solid #FF8D3D;
  box-shadow: 0px 8px 16px 0px rgba(96, 97, 112, 0.16), 0px 2px 4px 0px rgba(40, 41, 61, 0.04);
  transition: 0.4s ease;
  padding: 8px 60px;
  border-radius: 8px;
  font-family: "Poppins", sans-serif !important;
}
.btn-back:hover {
  font-family: "Mont";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #FF8D3D;
  font-family: "Poppins", sans-serif !important;
}

.site-header {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-top: 20px;
}
@media (min-width: 991px) {
  .site-header {
    padding-top: 32px;
  }
}
@media (max-width: 767px) {
  .site-header {
    padding: 20px 20px;
  }
}
.site-header a {
  font-family: "Mont" !important;
  font-family: "Mont";
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #100F10;
}

footer {
  background-color: #100F10;
  padding: 40px 0;
}
@media (max-width: 767px) {
  footer {
    padding: 100px 0;
  }
}
footer .footer-logo {
  margin-bottom: 20px;
  display: inline-block;
}
@media (min-width: 991px) {
  footer .footer-logo {
    display: none;
  }
}
footer .footer-logo img {
  width: 100%;
}
footer .copyright,
footer .copyright-sm {
  font-family: "Mont";
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: white;
  margin-bottom: 19px;
}
@media (max-width: 767px) {
  footer .copyright,
  footer .copyright-sm {
    margin-top: 40px;
    margin-bottom: 0;
    line-height: normal;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  footer .copyright,
  footer .copyright-sm {
    font-size: 14px;
  }
}
footer .copyright span,
footer .copyright-sm span {
  font-weight: 700;
}
@media (max-width: 767px) {
  footer .copyright {
    display: none;
  }
}
@media (min-width: 991px) {
  footer .copyright-sm {
    display: none;
  }
}
footer .social-icons {
  display: flex;
  gap: 25px;
}
@media (max-width: 767px) {
  footer .social-icons {
    padding-bottom: 15px;
    gap: 15px;
  }
}
footer .social-icons a {
  background-color: white;
  border-radius: 50%;
  padding: 5px;
}
@media (max-width: 767px) {
  footer .social-icons a {
    padding: 3px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  footer .social-icons a {
    padding: 1px 5px;
  }
}
footer .social-icons a img {
  height: auto;
  width: 22px;
  height: 22px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767px) {
  footer .social-icons a img {
    height: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  footer .social-icons a img {
    width: 15px;
    height: 15px;
  }
}
footer .footer-menu-1,
footer .footer-menu-2 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
@media (min-width: 1400px) {
  footer .footer-menu-1,
  footer .footer-menu-2 {
    gap: 14px;
    text-align: left;
  }
}
footer .footer-menu-1 a,
footer .footer-menu-2 a {
  font-family: "Mont";
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  color: white;
}
@media (max-width: 767px) {
  footer .footer-menu-1 a,
  footer .footer-menu-2 a {
    flex: 0 0 100%;
    border-bottom: 0.5px solid #848484;
    padding: 24px 0;
    font-size: 12px;
  }
}
@media (min-width: 1400px) {
  footer .footer-menu-1 a,
  footer .footer-menu-2 a {
    font-family: "Mont";
    font-size: 16px;
    font-weight: 600;
    line-height: 14px;
    color: white;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  footer .footer-menu-1 a,
  footer .footer-menu-2 a {
    font-family: "Mont";
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    color: white;
  }
}
@media (min-width: 767px) {
  footer .footer-menu-1 {
    margin-bottom: 19px;
  }
}

.hero-section {
  position: relative;
}

.hero-section .overlay_img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #4D4D4D 0%, rgba(205, 205, 205, 0.2) 67.14%);
  mix-blend-mode: multiply;
  pointer-events: none;
}
@media (max-width: 767px) {
  .hero-section .overlay_img {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 14.27%, rgba(0, 0, 0, 0.5) 55.88%), lightgray;
  }
}
.hero-section .hero-img {
  /* height: 100vh; */
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
}
/* @media (min-width: 768px) {
  .hero-section .hero-img {
    height: 100%;
  }
} */
@media (max-width: 767px) {
  .hero-section .hero-img {
    -o-object-position: 75% top;
       object-position: 75% top;
  }
}

@media (max-width: 430px) {
  .hero-section .hero-img {
    height: 105vh !important;
  }
}

.hero-section .text-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .hero-section .text-wrapper {
    bottom: 0;
    padding-bottom: 40px;
    /* top: unset; */
    left: unset;
    transform: unset;
    top: 40%;
  }
}
.hero-section .text-wrapper h1 {
  font-family: "Mont";
  font-size: 36px;
  font-weight: 800;
  line-height: normal;
  color: white;
}
@media (min-width: 1110px) {
  .hero-section .text-wrapper h1 {
    font-family: "Mont";
    font-size: 48px;
    font-weight: 800;
    line-height: 64px;
    color: white;
  }
}
@media (min-width: 1200px) {
  .hero-section .text-wrapper h1 {
    width: 70%;
  }
}
@media (min-width: 1110px) and (max-width: 1200px) {
  .hero-section .text-wrapper h1 {
    width: 85%;
  }
}
@media (min-width: 991px) and (max-width: 1110px) {
  .hero-section .text-wrapper h1 {
    width: 70%;
  }
}
@media (min-width: 600px) and (max-width: 991px) {
  .hero-section .text-wrapper h1 {
    font-family: "Mont";
    font-size: 30px;
    font-weight: 800;
    line-height: normal;
    color: white;
    width: 85%;
  }
}
@media (min-width: 200px) and (max-width: 360px) {
  .hero-section .text-wrapper h1 {
    font-size: 28px;
  }
}
.hero-section .text-wrapper p {
  font-family: "Mont";
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: white;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .hero-section .text-wrapper p {
    width: 85%;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .hero-section .text-wrapper p {
    margin-bottom: 13px;
  }
}
@media (min-width: 991px) {
  .hero-section .text-wrapper p {
    margin-bottom: 36px;
  }
}
@media (min-width: 600px) and (max-width: 991px) {
  .hero-section .text-wrapper p {
    font-size: 18px;
  }
}
@media (min-width: 200px) and (max-width: 360px) {
  .hero-section .text-wrapper p {
    font-size: 16px;
  }
}
.hero-section .text-wrapper .btn-custom {
  font-family: "Mont";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: white;
}
@media (min-width: 767px) and (max-width: 991px) {
  .hero-section .text-wrapper .btn-custom {
    padding: 11px 16px;
  }
}

#services {
  padding-top: 56px;
  padding-bottom: 56px;
}
@media (max-width: 767px) {
  #services {
    padding-bottom: 66px;
    padding-top: 70px;
  }
}
@media (min-width: 1000px) {
  #services .row {
    justify-content: space-between;
  }
  #services .row .col-lg-3 {
    width: 24%;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  #services .row {
    justify-content: space-between;
    gap: 35px;
  }
  #services .row .col-md-6 {
    width: 47%;
  }
}
@media (max-width: 767px) {
  #services .card-custom {
    margin-bottom: 20px;
  }
}
@media (min-width: 360px) and (max-width: 767px) {
  #services .card-custom:last-child img {
    -o-object-position: top;
       object-position: top;
  }
}
@media (min-width: 360px) and (max-width: 767px) and (min-width: 415px) and (max-width: 530px) {
  #services .card-custom:nth-child(3) img {
    height: 70%;
    -o-object-position: bottom;
       object-position: bottom;
  }
}
#services h2 {
  padding-bottom: 20px;
  font-family: "Mont";
  font-size: 40px;
  font-weight: 800;
  line-height: 56px;
  color: #13253B;
  text-align: left;
}
@media (min-width: 767px) {
  #services h2 {
    padding-bottom: 56px;
    font-family: "Mont";
    font-size: 40px;
    font-weight: 800;
    line-height: 56px;
    color: #13253B;
    text-align: center;
  }
}
#services .card.popular {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), linear-gradient(207deg, #034EC1 0%, #001AFF 105.56%);
}
#services .card.popular .card-body .card-title {
  white-space: nowrap;
  font-family: "Mont";
  font-size: 32px;
  font-weight: inherit;
  line-height: 40px;
  color: white;
}
#services .card.popular .card-body .card-title p {
  font-weight: 300;
}
#services .card.popular .card-body .card-text {
  font-family: "Mont";
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
  color: white;
}
#services .card.popular .popular-text {
  text-align: left;
  padding: 20px;
  display: flex;
  align-items: flex-end;
  font-family: "Mont";
  font-size: 14px;
  font-weight: 800;
  line-height: 16px;
  color: white;
  text-shadow: 0px 4px 8px rgba(41, 63, 56, 0.16), 0px 0px 2px rgba(41, 63, 56, 0.04);
  letter-spacing: 0.28px;
  position: absolute;
}
#services .card.popular .popular-text img {
  margin-right: 5px;
}
@media (max-width: 767px) {
  #services .card.popular .card-img {
    bottom: -25px;
    height: 100%;
  }
}
#services .card {
  text-align: center;
  cursor: pointer;
  height: 100%;
  border-radius: 16px;
  box-shadow: 0px 8px 16px 0px rgba(96, 97, 112, 0.16), 0px 2px 4px 0px rgba(40, 41, 61, 0.04);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: none;
}
#services .card .card-body {
  padding: 40px 24px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#services .card .card-body .card-title {
  white-space: nowrap;
  padding-top: 69px;
  padding-bottom: 10px;
  font-family: "Mont";
  font-size: 32px;
  font-weight: inherit;
  line-height: 40px;
  color: #100F10;
}
@media (max-width: 767px) {
  #services .card .card-body .card-title {
    padding-top: 26px;
    padding-bottom: 0px;
  }
}
#services .card .card-body .card-text {
  font-family: "Mont";
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
  color: #100F10;
  padding-bottom: 77px;
}
@media (min-width: 250px) and (max-width: 365px) {
  #services .card .card-body .card-text {
    width: 90% !important;
    margin: auto;
  }
}
@media (min-width: 365px) and (max-width: 488px) {
  #services .card .card-body .card-text {
    width: 85%;
    margin: auto;
  }
}
@media (min-width: 488px) and (max-width: 767px) {
  #services .card .card-body .card-text {
    width: 60%;
    margin: auto;
  }
}
@media (min-width: 991px) and (max-width: 1400px) {
  #services .card .card-body .card-text {
    padding-bottom: 26px;
  }
}
@media (min-width: 991px) and (max-width: 1001px) {
  #services .card .card-body .card-text {
    width: 70%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  #services .card .card-body .card-text {
    padding-bottom: 29px;
  }
}
#services .card .card-body .btn-custom {
  padding: 10px 24px;
  color: #100F10;
  width: 75%;
  margin: auto;
}
#services .card .card-img {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
@media (min-width: 400px) and (max-width: 767px) {
  #services .card .card-img {
    height: 70%;
  }
}
@media (min-width: 415px) and (max-width: 530px) {
  #services .card .card-img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.hero-verification {
  background-color: #ceebf6;
  padding: 125px 0 60px 0;
}
@media (min-width: 991px) {
  .hero-verification {
    padding: 152px 0 76px 0;
  }
}
@media (max-width: 767px) {
  .hero-verification {
    height: 80vh;
  }
}
@media (max-width: 767px) {
  .hero-verification .container,
  .hero-verification .row {
    height: 100%;
  }
}
@media (max-width: 767px) {
  .hero-verification .col-hero1 {
    order: 2;
    position: absolute;
    bottom: 0;
  }
}
.hero-verification .row {
  position: relative;
}
@media (max-width: 767px) {
  .hero-verification .col-hero2 {
    order: 1;
    position: absolute;
    right: 7px;
    top: -7px;
  }
}
@media (max-width: 300px) {
  .hero-verification .col-hero2 {
    right: -12px;
  }
}
@media (max-width: 767px) {
  .hero-verification .col-hero2 img {
    width: 40px;
    height: auto;
  }
}
.hero-verification .back-link {
  font-family: "Mont";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #373537;
  height: -moz-fit-content;
  height: fit-content;
}
.hero-verification h2 {
  font-family: "Mont";
  font-size: 40px;
  font-weight: 800;
  line-height: 56px;
  color: #100F10;
}
@media (max-width: 767px) {
  .hero-verification h2 {
    width: 50%;
    line-height: normal;
  }
}
.hero-verification .steps {
  font-family: "Mont";
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  color: #373537;
  text-transform: uppercase;
  padding: 34px 0 16px 0;
  margin: 0;
}
.hero-verification p {
  font-family: "Mont";
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #100F10;
}
.hero-verification img {
  float: right;
}

.verification-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 60px 0;
}
@media (min-width: 991px) {
  .verification-section {
    padding: 80px 0 250px 0;
  }
}
.verification-section .verificationForm {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 24px;
  max-width: 600px;
  width: 100%;
}
.verification-section .verificationForm div.input-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
}
.verification-section .verificationForm div.input-wrapper input {
  width: 100%;
  padding: 13px 16px;
  border-radius: 8px;
  border: 1px solid rgba(17, 17, 19, 0.2);
  font-family: "Mont";
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  color: #111113;
}
.verification-section .verificationForm div.input-wrapper input::-moz-placeholder {
  font-family: "Mont";
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  color: #858085;
}
.verification-section .verificationForm div.input-wrapper input::placeholder {
  font-family: "Mont";
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  color: #858085;
}
.verification-section .verificationForm div.input-wrapper input:focus, .verification-section .verificationForm div.input-wrapper input:active {
  outline: 1px solid #FF8D3D !important;
  background: transparent !important;
}
.verification-section .verificationForm div.input-wrapper label {
  font-family: "Mont";
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  color: #100F10;
  margin-bottom: 4px;
}
.verification-section .verificationForm button.btn-custom {
  padding: 8px 24px;
  border: none;
  font-size: 18px;
  margin-top: 48px;
}
.verification-section .verificationForm button.btn-custom:disabled {
  background: #E6E6E6;
  color: #898989;
}
@media (max-width: 768px) {
  .verification-section .verificationForm button.btn-custom {
    margin-top: 0;
    text-align: center;
  }
}
.verification-section .verificationForm .errorEmail,
.verification-section .verificationForm .errorOib,
.verification-section .verificationForm .errorRacuni {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-family: "Mont";
  font-size: 12px;
  font-weight: 700;
  line-height: 14.4px;
  color: rgba(227, 0, 0, 0.4);
  margin-top: 8px;
}
.verification-section .verificationForm .errorEmail img,
.verification-section .verificationForm .errorOib img,
.verification-section .verificationForm .errorRacuni img {
  margin-right: 3px;
}
.verification-section .verificationForm .oibExpires,
.verification-section .verificationForm .oibExist,
.verification-section .verificationForm .oibCartExist {
  font-family: "Mont";
  font-size: 12px;
  font-weight: 700;
  line-height: 14.4px;
  color: #FF8D3D;
  margin-top: 16px;
}
.verification-section .verificationForm .oibExpires a,
.verification-section .verificationForm .oibExist a {
  color: #100F10;
  text-decoration: underline;
}
.verification-section .checkbox a {
  text-decoration: underline;
  color: #100F10;
}
@media (max-width: 767px) {
  .verification-section .checkbox label::before {
    left: 0;
  }
}

div.checkbox-custom {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
}
div.checkbox-custom input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
div.checkbox-custom label {
  font-family: "Mont";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #100F10;
  width: 85%;
}

.woocommerce-notices-wrapper {
  display: none !important;
}

input.oib {
  background-color: #ffffff;
}

.oib {
  background-image: url("./img/error-orange.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
  background-size: 20px 20px;
}

.error-orange {
  background-image: none;
  background-color: #FFF;
}

.packages {
  padding: 60px 0;
}
@media (min-width: 767px) {
  .packages {
    padding: 80px 0 200px 0;
  }
}
.packages .row {
  gap: 11px;
}
@media (min-width: 767px) and (max-width: 1200px) {
  .packages .row .col-md-4 {
    width: 31%;
  }
}
@media (max-width: 1100px) {
  .packages .price-container {
    position: relative;
    height: 120px;
  }
  .packages .price-container .package-price {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.packages .best-option {
  flex: 1;
  box-shadow: 0px 8px 16px 0px rgba(96, 97, 112, 0.16), 0px 2px 4px 0px rgba(40, 41, 61, 0.04);
  padding: 0;
  border-radius: 16px;
}
@media (max-width: 767px) {
  .packages .best-option {
    order: 1;
    padding: 0;
  }
}
.packages .best-option .best-text {
  background: linear-gradient(72deg, #69A2FA 5.6%, #001AFF 76.96%);
  border-radius: 16px 16px 0px 0px;
}
.packages .best-option .best-text p {
  font-family: "Mont";
  font-size: 20px;
  font-weight: 800;
  line-height: 24px;
  color: white;
  text-align: center;
  padding: 24px 0;
  text-transform: uppercase;
  margin-bottom: 0;
}
.packages .best-option .package-name,
.packages .best-option .package-price,
.packages .best-option .package-subscription {
  text-align: center;
}
.packages .best-option .package-name {
  font-family: "Mont";
  font-size: 32px;
  font-weight: 800;
  line-height: 40px;
  color: #100F10;
}
.packages .best-option .package-price {
  font-family: "Mont";
  font-size: 72px;
  font-weight: 900;
  line-height: 64px;
  color: #FF8D3D;
  margin-top: 36px;
  margin-bottom: 24px;
  white-space: nowrap;
}
@media (min-width: 767px) and (max-width: 1200px) {
  .packages .best-option .package-price {
    font-size: 60px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .packages .best-option .package-price {
    font-size: 50px;
  }
}
@media (min-width: 991px) and (max-width: 1200px) {
  .packages .best-option .package-price {
    font-size: 60px;
  }
}
.packages .best-option .package-subscription {
  font-family: "Mont";
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
  color: #FF8D3D;
  margin-bottom: 36px;
}
.packages .best-option .desc + p {
  font-family: "Mont";
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  color: #100F10;
}
.packages .best-option .btn-custom {
  padding: 8px 60px;
  display: block;
  margin: 0 auto;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  color: white;
  margin-top: 60px;
  margin-top: 60px;
}
@media (max-width: 767px) {
  .packages .best-option .btn-custom {
    width: 100%;
  }
}
.packages .best-option .package-wrapper {
  padding: 70px 40px 143px 40px;
  border-radius: 16px;
}
@media (max-width: 767px) {
  .packages .best-option .package-wrapper {
    padding: 29px 40px 90px 40px;
  }
}
@media (min-width: 767px) and (max-width: 1200px) {
  .packages .best-option .package-wrapper {
    padding: 29px 20px 50px 20px;
  }
}
.packages .standard {
  box-shadow: 0px 2px 4px 0px rgba(40, 41, 61, 0.04), 0px 8px 16px 0px rgba(96, 97, 112, 0.16);
  flex: 1;
  border-radius: 16px;
  background: #FFF7F1;
  height: -moz-min-content;
  height: min-content;
}
@media (max-width: 767px) {
  .packages .standard {
    order: 2;
    padding: 0;
  }
}
.packages .standard .package-wrapper {
  padding: 90px 40px;
  border-radius: 16px;
}
@media (max-width: 1200px) {
  .packages .standard .package-wrapper {
    padding: 32px 40px;
  }
}
@media (min-width: 767px) and (max-width: 1200px) {
  .packages .standard .package-wrapper {
    padding: 29px 20px 50px 20px;
  }
}
.packages .standard .package-name,
.packages .standard .package-price,
.packages .standard .package-subscription {
  text-align: center;
}
.packages .standard .package-name {
  font-family: "Mont";
  font-size: 32px;
  font-weight: 800;
  line-height: 40px;
  color: #100F10;
}
.packages .standard .package-price {
  font-family: "Mont";
  font-size: 70px;
  font-weight: 900;
  line-height: 64px;
  color: #FF8D3D;
  margin-top: 36px;
  margin-bottom: 24px;
  white-space: nowrap;
}
@media (min-width: 767px) and (max-width: 991px) {
  .packages .standard .package-price {
    font-size: 50px;
  }
}
@media (min-width: 991px) and (max-width: 1200px) {
  .packages .standard .package-price {
    font-size: 60px;
  }
}
.packages .standard .package-subscription {
  font-family: "Mont";
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
  color: #FF8D3D;
  margin-bottom: 36px;
}
.packages .standard .desc + p {
  font-family: "Mont";
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  color: #100F10;
}
.packages .standard .btn-custom {
  padding: 8px 60px;
  display: block;
  margin: 0 auto;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  color: white;
  margin-top: 60px;
}
@media (max-width: 767px) {
  .packages .standard .btn-custom {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .packages .col {
    margin-right: 24px;
    margin: 22px 24px;
  }
}
@media (max-width: 340px) {
  .packages .col {
    margin: 22px 10px;
  }
}
.packages .btn-back {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 50px;
}
@media (min-width: 991px) {
  .packages .btn-back {
    margin-top: 100px;
  }
}
@media (max-width: 767px) {
  .packages .btn-back {
    display: none;
  }
}

.card_custom {
  padding-top: 30px;
  padding-bottom: 200px;
  position: relative;
}
@media (max-width: 768px) {
  .card_custom {
    padding-bottom: 60px;
    padding-top: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .card_custom .container {
    max-width: 1000px;
  }
}
.card_custom::before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  background: #FAFBFC;
  width: 40%;
}
@media (max-width: 768px) {
  .card_custom::before {
    display: none;
  }
}
@media (max-width: 768px) {
  .card_custom .product-remove {
    margin-bottom: 20px;
  }
}
.card_custom .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-wrap: wrap;
}
.card_custom .woocommerce-cart-form {
  flex: 0 0 57%;
}
@media (max-width: 768px) {
  .card_custom .woocommerce-cart-form {
    flex: 0 0 100%;
  }
}
.card_custom .woocommerce-cart-form table {
  margin-bottom: 44px;
}
@media (min-width: 768px) {

}
@media (min-width: 768px) and (max-width: 991px) {
  .card_custom .woocommerce-cart-form .cart_item td {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.card_custom .woocommerce-cart-form .product-price,
.card_custom .woocommerce-cart-form .product-subtotal {
  text-align: right;
}

.card_custom .add-services {
  width: 100%;
  padding:  10px 40px 0px 40px;
  flex: 0 0 57%;
  position: relative;
  top: 0;
}
@media (max-width: 768px) {
  .card_custom .add-services {
    flex: 0 0 100%;
    top: 0;
    padding: 0;
  }
}
.card_custom .add-services h4 {
  font-family: "Mont";
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #100F10;
  margin-bottom: 16px;
}
.card_custom .add-services .service-0, .card_custom .add-services .service-1, .card_custom .add-services .service-2, .card_custom .add-services .service-3 {
  border-radius: 8px;
  background: #F9FAFF;
  padding: 32px 24px;
}
@media (max-width: 768px) {
  .card_custom .add-services .service-0, .card_custom .add-services .service-1, .card_custom .add-services .service-2, .card_custom .add-services .service-3 {
    align-items: flex-start;
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 1201px) {
  .card_custom .add-services .service-0, .card_custom .add-services .service-1, .card_custom .add-services .service-2, .card_custom .add-services .service-3 {
    padding: 15px 24px;
  }
}
.card_custom .add-services .service-0 p.service-name, .card_custom .add-services .service-1 p.service-name, .card_custom .add-services .service-2 p.service-name, .card_custom .add-services .service-3 p.service-name {
  font-family: "Mont";
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
  color: #100F10;
  margin-bottom: 0;
}
.card_custom .add-services .service-0 p.service-name strong, .card_custom .add-services .service-1 p.service-name strong, .card_custom .add-services .service-2 p.service-name strong, .card_custom .add-services .service-3 p.service-name strong {
  font-family: "Mont";
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
  color: #100F10;
}
.card_custom .add-services .service-0 p.service-desc, .card_custom .add-services .service-1 p.service-desc, .card_custom .add-services .service-2 p.service-desc, .card_custom .add-services .service-3 p.service-desc {
  font-family: "Mont";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #100F10;
}
@media (max-width: 768px) {
  .card_custom .add-services .service-0 p.service-desc, .card_custom .add-services .service-1 p.service-desc, .card_custom .add-services .service-2 p.service-desc, .card_custom .add-services .service-3 p.service-desc {
    margin-bottom: 20px;
  }
}
.card_custom .add-services .service-0 p.service-price, .card_custom .add-services .service-1 p.service-price, .card_custom .add-services .service-2 p.service-price, .card_custom .add-services .service-3 p.service-price {
  font-family: "Mont";
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
  color: #100F10;
}
@media (min-width: 991px) {
  .card_custom .add-services .service-0 .col-11, .card_custom .add-services .service-1 .col-11, .card_custom .add-services .service-2 .col-11, .card_custom .add-services .service-3 .col-11 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 345px) {
  .card_custom .add-services .service-0 .col-11, .card_custom .add-services .service-1 .col-11, .card_custom .add-services .service-2 .col-11, .card_custom .add-services .service-3 .col-11 {
    flex: 86%;
  }
}
@media (min-width: 991px) {
  .card_custom .add-services .service-0 .col-11 div, .card_custom .add-services .service-1 .col-11 div, .card_custom .add-services .service-2 .col-11 div, .card_custom .add-services .service-3 .col-11 div {
    padding-right: 30px;
  }
}
.card_custom .add-services .hidden-field_0, .card_custom .add-services .hidden-field_1, .card_custom .add-services .hidden-field_2, .card_custom .add-services .hidden-field_3 {
  margin-top: 16px;
}
.card_custom .add-services .hidden-field_0 h5, .card_custom .add-services .hidden-field_1 h5, .card_custom .add-services .hidden-field_2 h5, .card_custom .add-services .hidden-field_3 h5 {
  font-family: "Mont";
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  color: #100F10;
  margin-bottom: 0;
}
.card_custom .add-services .hidden-field_0 h4, .card_custom .add-services .hidden-field_1 h4, .card_custom .add-services .hidden-field_2 h4, .card_custom .add-services .hidden-field_3 h4 {
  font-family: "Mont";
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  color: #100F10;
}
.card_custom .add-services .hidden-field_0 .brojNaloga, .card_custom .add-services .hidden-field_1 .brojNaloga, .card_custom .add-services .hidden-field_2 .brojNaloga, .card_custom .add-services .hidden-field_3 .brojNaloga {
  padding: 7px 16px;
  border-radius: 8px;
  border: 1px solid rgba(17, 17, 19, 0.2);
  width: 100%;
}
.card_custom .add-services .hidden-field_0 .brojNaloga::-moz-placeholder, .card_custom .add-services .hidden-field_1 .brojNaloga::-moz-placeholder, .card_custom .add-services .hidden-field_2 .brojNaloga::-moz-placeholder, .card_custom .add-services .hidden-field_3 .brojNaloga::-moz-placeholder {
  font-family: "Mont";
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  color: #858085;
}
.card_custom .add-services .hidden-field_0 .brojNaloga::placeholder, .card_custom .add-services .hidden-field_1 .brojNaloga::placeholder, .card_custom .add-services .hidden-field_2 .brojNaloga::placeholder, .card_custom .add-services .hidden-field_3 .brojNaloga::placeholder {
  font-family: "Mont";
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  color: #858085;
}
.card_custom .add-services .hidden-field_0 .brojNaloga:focus, .card_custom .add-services .hidden-field_0 .brojNaloga:active, .card_custom .add-services .hidden-field_1 .brojNaloga:focus, .card_custom .add-services .hidden-field_1 .brojNaloga:active, .card_custom .add-services .hidden-field_2 .brojNaloga:focus, .card_custom .add-services .hidden-field_2 .brojNaloga:active, .card_custom .add-services .hidden-field_3 .brojNaloga:focus, .card_custom .add-services .hidden-field_3 .brojNaloga:active {
  outline: 1px solid #FF8D3D !important;
  background: transparent !important;
}
.card_custom .cart-collaterals {
  flex: 0 0 33%;
}
@media (max-width: 768px) {
  .card_custom .cart-collaterals {
    flex: 0 0 100%;
  }
}
.card_custom .cart-collaterals .cart_totals {
  width: 100%;
}
.card_custom .cart-collaterals .cart_totals h2 {
  font-family: "Mont";
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
  color: #100F10;
  margin-bottom: 40px;
}
.card_custom .cart-collaterals .cart_totals .second_title {

  font-family: "Mont";
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #100F10;
  text-transform: uppercase;
  margin-top: 25px;
  padding-top: 0px;
  margin-bottom: 16px;
}
.card_custom .cart-collaterals .cart_totals th,
.card_custom .cart-collaterals .cart_totals td {
  padding-left: 0;
  padding: 0;
}
.card_custom .cart-collaterals .cart_totals tr:not(:last-child) {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card_custom .cart-collaterals .cart_totals th {
  width: 50% !important;
}
.card_custom .cart-collaterals .cart_totals tbody {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
}
.card_custom .cart-collaterals .cart_totals tbody tr {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.card_custom .cart-collaterals table,
.card_custom .cart-collaterals th,
.card_custom .cart-collaterals tr,
.card_custom .cart-collaterals td {
  border: none !important;
  border-color: transparent !important;
}
.card_custom .btn-back {
  padding: 8px 50px;
}
.card_custom .btn-back:hover {
  font-family: "Mont";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #FF8D3D;
}
.card_custom .btn-card-mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: 60px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .card_custom .btn-card-mobile {
    display: none;
  }
}
@media (max-width: 768px) {
  .card_custom .btn-card-mobile .btn-back,
  .card_custom .btn-card-mobile .wc-proceed-to-checkout .checkout-button {
    padding: 8px 44px !important;
  }
}
@media (max-width: 345px) {
  .card_custom .btn-card-mobile .btn-back,
  .card_custom .btn-card-mobile .wc-proceed-to-checkout .checkout-button {
    padding: 8px 30px !important;
  }
}
.card_custom .btn-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 768px) {
  .card_custom .btn-card {
    display: none;
  }
}
.card_custom .btn-card .wc-proceed-to-checkout .checkout-button,
.card_custom .btn-card-mobile .wc-proceed-to-checkout .checkout-button {
  margin-bottom: 0;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: white;
  background-color: #FF8D3D;
  padding: 8px 50px;
  border-radius: 8px;
  box-shadow: 0px 4px 8px 0px rgba(41, 63, 56, 0.16), 0px 0px 2px 0px rgba(41, 63, 56, 0.04);
  text-transform: uppercase;
  transition: 0.4s ease;
}
.card_custom .btn-card .wc-proceed-to-checkout .checkout-button:hover,
.card_custom .btn-card-mobile .wc-proceed-to-checkout .checkout-button:hover {
  background-color: #FF9E5B;
  color: inherit;
}
.card_custom .btn-card .wc-proceed-to-checkout .checkout-button:active,
.card_custom .btn-card-mobile .wc-proceed-to-checkout .checkout-button:active {
  background-color: #E06A17;
  color: inherit;
}
.card_custom table.shop_table {
  border: none;
}
.card_custom a.remove {
  background: #FFE8D8;
  height: 24px;
  width: 24px;
  line-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
}
@media (max-width: 768px) {
  .card_custom a.remove {
    height: 36px;
    width: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .card_custom a.remove {
    margin-right: 10px;
  }
}
.card_custom a.remove img {
  width: auto;
}
@media (max-width: 768px) {
  .card_custom a.remove img {
    height: 23px;
    width: 23px;
  }
}
.card_custom a.remove:hover {
  background: #FFE8D8;
}
.card_custom .product-name {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 768px) {
  .card_custom .product-name {
    display: flex;
    align-items: flex-start;
  }
}
.card_custom thead .product-name,
.card_custom thead .product-price,
.card_custom thead .product-subtotal {
  font-family: "Mont";
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  color: #6B676B;
}
.card_custom tbody .product-name {
  font-family: "Mont";
  font-size: 19px;
  font-weight: 800;
  line-height: 24px;
  color: #2D2D2D;
}
@media (min-width: 768px) and (max-width: 991px) {
  .card_custom tbody .product-name {
    font-size: 16px;
  }
}
.card_custom tbody .product-price,
.card_custom tbody .product-subtotal {
  text-align: right;
  font-family: "Mont";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #100F10;
}
@media (max-width: 768px) {
  .card_custom tbody .product-price,
  .card_custom tbody .product-subtotal {
    font-size: 15px;
  }
}
.card_custom tbody .product-price .price-custom,
.card_custom tbody .product-subtotal .price-custom {
  float: right;
  width: -moz-fit-content;
  width: fit-content;
}
.card_custom tbody .product-price .price-custom .duration,
.card_custom tbody .product-subtotal .price-custom .duration {
  float: right;
}
.card_custom th {
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 24px !important;
  color: #100F10;
}
@media (min-width: 768px) and (max-width: 1201px) {
  .card_custom th {
    font-size: 16px !important;
  }
}
.card_custom td {
  font-weight: 600;
}
@media (max-width: 345px) {
  .card_custom td {
    font-size: 15px !important;
  }
}
.card_custom .order-total td {
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 24px !important;
  color: #100F10;
}
@media (min-width: 768px) and (max-width: 1201px) {
  .card_custom .order-total td {
    font-size: 16px !important;
  }
}
@media (max-width: 345px) {
  .card_custom .order-total td {
    font-size: 15px !important;
  }
}
.card_custom .table_custom td {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
@media (min-width: 768px) and (max-width: 1201px) {
  .card_custom .table_custom td {
    text-align: right;
    font-size: 16px !important;
    width: 68%;
  }
}

.tax_label {
  display: none;
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox]:checked + label:before {
  background: url("img/checked.png") left center no-repeat;
}

.checkbox label {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  cursor: pointer;
  position: relative;
  padding-left: 35px;
  margin-right: 8px;
  font-family: "Mont";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #100F10;
}
.checkbox label:before {
  content: "";
  width: 25px;
  height: 20px;
  position: absolute;
  left: 0;
}
@media (max-width: 768px) {
  .checkbox label:before {
    top: 5px;
    left: -10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .checkbox label:before {
    left: -10px;
  }
}
.checkbox label:before {
  background: url("img/Checkbox.png") left center no-repeat;
}

@media (max-width: 768px) {
  .woocommerce table.shop_table_responsive tr td.product-name::before {
    content: "Naziv";
    font-weight: 700;
    float: left;
    font-family: "Mont";
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #6B676B;
  }
}

@media (max-width: 768px) {
  .woocommerce-cart-form__contents tr td {
    margin-bottom: 32px;
  }
}

@media (max-width: 768px) {
  .woocommerce-page .card_custom table.shop_table_responsive tr td {
    padding: 0;
    border-top: none;
  }
  .woocommerce-page .card_custom table.shop_table_responsive tr td::before {
    font-family: "Mont";
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #6B676B;
  }
  .woocommerce-page .card_custom table.shop_table_responsive tr td.product-name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
  }
  .woocommerce-page .card_custom table.shop_table_responsive tr td.product-name::before {
    position: absolute;
    bottom: 5px;
    right: 25%;
    content: "Naziv";
    font-weight: 700;
    float: left;
    font-family: "Mont";
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #6B676B;
  }
  .woocommerce-page .card_custom table.shop_table_responsive tr td.product-price .price-custom {
    float: left;
  }
  .woocommerce-page .card_custom table.shop_table_responsive tr td.product-subtotal {
    float: left;
  }
  .woocommerce-page .card_custom table.shop_table_responsive tr td.product-price::before {
    content: "Ukupno bez PDV";
    margin-right: 14px;
    float: left;
    font-family: "Mont";
    font-size: 16px;
    font-weight: 600;
    color: #000;
  }
  .woocommerce-page .card_custom table.shop_table_responsive tr td.product-subtotal::before {
    content: "Cijena bez PDV"; 
    margin-right: 14px;
    float: left;
    font-family: "Mont";
    font-size: 16px;
    font-weight: 600;
    color: #000;
  }
  .cart_item
  {
    border-bottom: 1px solid rgba(17, 17, 19, 0.2);
    padding-bottom: 5px;
    padding-top: 10px;
  }

  .card_custom .cart-collaterals .cart_totals h2 {
    font-family: "Mont";
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    color: #100F10;
    margin-bottom: 20px;
  }

  .tax-total-div {
    width: 40% !important;
  }
}

@media (max-width: 768px) {
  .woocommerce .table_custom tr td {
    display: block !important;
  }
}

@media (max-width: 768px) {
  .woocommerce table.shop_table_responsive tr td {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .woocommerce table.shop_table_responsive tr td::before {
    content: attr(data-title);
    font-weight: 700;
    float: left;
    font-family: "Mont";
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    color: #100F10;
  }
}

@media (max-width: 768px) {
  .table_custom tr.order-total td {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .table_custom tr.order-total td::before {
    content: "Ponavljajući ukupni iznos" !important;
    width: 35%;
    text-align: left;
  }
}

@media (max-width: 768px) {
  .woocommerce-page .card_custom table.shop_table_responsive tr td::before {
    content: attr(data-title);
    font-weight: 700;
    float: left;
    font-family: "Mont";
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    color: #100F10;
  }
}

@media (max-width: 768px) {
  .woocommerce table.shop_table_responsive tr.tax-rate td::before {
    content: "PDV";
    font-weight: 700;
    float: left;
    font-family: "Mont";
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    color: #100F10;
  }
}

@media (max-width: 768px) {
  .woocommerce-page table.shop_table_responsive tr.tax-rate td::before {
    content: "PDV";
    font-weight: 700;
    float: left;
    font-family: "Mont";
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    color: #100F10;
  }
}

@media (max-width: 768px) {
  .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
  .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background-color: transparent;
  }
}

.wc-empty-cart-message + p {
  min-height: 50vh;
}

@media (min-width: 767px) and (max-width: 991px) {
  .woocommerce .container {
    max-width: 930px;
  }
}
@media (min-width: 767px) {
  .woocommerce .custom-checkout {
    padding-top: 30px;
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .woocommerce .custom-checkout form {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 180px;
  }
}
.woocommerce .custom-checkout h3 {
  font-family: "Mont";
  font-size: 24px;
  font-weight: 800;
  line-height: 24px;
  color: #100F10;
}
@media (max-width: 767px) {
  .woocommerce .custom-checkout h3 {
    margin-top: 60px;
  }
}
.woocommerce .custom-checkout form .form-row-first,
.woocommerce .custom-checkout form .form-row-last,
.woocommerce .custom-checkout form .woocommerce-page form .form-row-first,
.woocommerce .custom-checkout form .woocommerce-page form .form-row-last {
  width: 100%;
}
.woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper p {
  font-family: "Mont";
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  color: #100F10;
}
.woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper p.administrator-text {
  margin-bottom: 16px;
  font-family: "Mont";
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #100F10;
  margin-top: 48px;
}
.woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper input,
.woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper select {
  width: 100%;
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid rgba(17, 17, 19, 0.2);
}
.woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper input:focus, .woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper input:active {
  outline: 1px solid #FF8D3D !important;
  background: transparent !important;
  border: 1px solid #FF8D3D !important;
}
.woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper select option {
  font-family: "Mont";
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  color: #100F10;
  display: inline-block;
  padding: 16px 12px !important;
}
.woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper select option:hover {
  background: #FFF5EE !important;
}
.woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper select .placeholder {
  font-family: "Mont";
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  color: #858085;
}
.woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper #billing_address_1_field,
.woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper #billing_city_field {
  width: 63%;
  float: left;
}
@media (max-width: 767px) {
  .woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper #billing_address_1_field,
  .woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper #billing_city_field {
    width: 40%;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper #billing_address_1_field,
  .woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper #billing_city_field {
    width: 50%;
  }
}
.woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper #billing_address_2_field,
.woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper #billing_postcode_field {
  width: 33%;
  float: right;
}
@media (max-width: 767px) {
  .woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper #billing_address_2_field,
  .woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper #billing_postcode_field {
    width: 58%;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper #billing_address_2_field,
  .woocommerce .custom-checkout form .woocommerce-billing-fields__field-wrapper #billing_postcode_field {
    width: 50%;
  }
}
.woocommerce .custom-checkout .payment-title {
  font-family: "Mont";
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #100F10;
  margin-bottom: 16px;
  margin-top: 48px;
}
.woocommerce .custom-checkout #payment-id .wc_payment_method {
  border-radius: 8px;
  background: #F7F8FF;
  padding: 32px 24px;
  margin-bottom: 16px;
}
.woocommerce .custom-checkout #payment-id .input-custom + label {
  font-family: "Mont";
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
  color: #373537;
  margin-left: 24px;
}
.woocommerce .custom-checkout #payment-id .payment_custom {
  font-family: "Mont";
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #373537;
}
.woocommerce .custom-checkout #payment-id .payment_custom p {
  margin: 0;
}
@media (max-width: 767px) {
  .woocommerce .custom-checkout .place-order {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}
.woocommerce .custom-checkout .checkout-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 48px;
}
.woocommerce .custom-checkout .checkout-buttons .btn-custom {
  padding: 8px 24px;
  border: none;
  font-family: "Mont";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: white;
}
@media (max-width: 767px) {
  .woocommerce .custom-checkout .checkout-buttons .btn-custom {
    padding: 8px 20px;
    font-size: 16px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .woocommerce .custom-checkout .checkout-buttons .btn-custom {
    padding: 8px 10px;
  }
}
.woocommerce .custom-checkout .checkout-buttons .btn-back {
  font-family: "Mont";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #FF8D3D;
  padding: 8px 73px;
}
@media (max-width: 767px) {
  .woocommerce .custom-checkout .checkout-buttons .btn-back {
    padding: 8px 24px;
    font-size: 16px;
  }
}
@media (min-width: 991px) and (max-width: 1200px) {
  .woocommerce .custom-checkout .checkout-buttons .btn-back {
    padding: 8px 55px;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .woocommerce .custom-checkout .checkout-buttons .btn-back {
    padding: 8px 24px;
  }
}
.woocommerce .custom-checkout #order_review .cart_totals {
  width: 100%;
}
@media (max-width: 767px) {
  .woocommerce .custom-checkout #order_review .cart_totals {
    margin-bottom: 80px;
    margin-top: 45px;
  }
}
@media (min-width: 767px) {
  .woocommerce .custom-checkout #order_review .cart_totals .table_custom td {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
  }
}
@media (min-width: 767px) and (min-width: 767px) and (max-width: 991px) {
  .woocommerce .custom-checkout #order_review .cart_totals .table_custom td {
    text-align: right;
  }
}
.woocommerce .custom-checkout #order_review .cart_totals h2 {
  font-family: "Mont";
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
  color: #100F10;
  margin-bottom: 40px;
}
.woocommerce .custom-checkout #order_review .cart_totals .second_title {
  border-top: 1px solid #100F10;
  font-family: "Mont";
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #100F10;
  text-transform: uppercase;
  margin-top: 25px;
  padding-top: 40px;
  margin-bottom: 16px;
}
.woocommerce .custom-checkout #order_review .cart_totals th,
.woocommerce .custom-checkout #order_review .cart_totals td {
  padding-left: 0;
  padding: 0;
}
.woocommerce .custom-checkout #order_review .cart_totals tr:not(:last-child) {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.woocommerce .custom-checkout #order_review .cart_totals th {
  width: 50% !important;
}
.woocommerce .custom-checkout #order_review .cart_totals tbody {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
}
.woocommerce .custom-checkout #order_review .cart_totals tbody tr {
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  display: flex;
  align-items: center; 
}
.woocommerce .custom-checkout #order_review .cart_totals table,
.woocommerce .custom-checkout #order_review .cart_totals th,
.woocommerce .custom-checkout #order_review .cart_totals tr,
.woocommerce .custom-checkout #order_review .cart_totals td {
  border: none !important;
  border-color: transparent !important;
}
.woocommerce .custom-checkout #order_review .cart_totals td {
  font-weight: 600;
}
.woocommerce .custom-checkout #order_review .cart_totals .order-total td {
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 24px !important;
  color: #100F10;
}
@media (min-width: 767px) and (max-width: 991px) {
  .woocommerce .custom-checkout #order_review .cart_totals .order-total td {
    font-size: 16px !important;
    text-align: right;
  }
}
@media (min-width: 767px) {
  .woocommerce .custom-checkout .custom-col {
    width: 50%;
  }
}
.woocommerce .custom-checkout .required {
  color: #100F10 !important;
}

.woocommerce form .form-row.woocommerce-validated .select2-container {
  border-color: #FF8D3D !important;
}
.woocommerce form .form-row.woocommerce-validated input.input-text {
  border-color: #FF8D3D !important;
}
.woocommerce form .form-row.woocommerce-validated select {
  border-color: #FF8D3D !important;
}

.woocommerce-order-received .hero-verification {
  display: none;
}
.woocommerce-order-received .site-header {
  position: relative;
  left: unset;
  transform: unset;
}

.woocommerce-order {
  padding-top: 70px;
  padding-bottom: 185px;
}
.woocommerce-order .details-custom {
  border-radius: 16px;
  background: #FBFBFB;
  padding: 64px 32px;
}
.woocommerce-order .product-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom: 1px solid #CADCD9;
  margin-bottom: 32px;
  padding-bottom: 32px;
}
.woocommerce-order .product-info h5 {
  margin-bottom: 0;
}
.woocommerce-order .price_ty {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.woocommerce-order .price_ty p {
  font-family: "Mont";
  font-size: 14px;
  font-weight: 800;
  line-height: 32px;
  color: #100F10;
}
.woocommerce-order .price_ty h4 {
  font-family: "Mont";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #100F10;
  text-align: right;
}
.woocommerce-order .last-price h4 {
  font-family: "Mont";
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  color: #100F10;
}
.woocommerce-order .product-title-ty,
.woocommerce-order .product-price-ty {
  font-family: "Mont";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #100F10;
  text-align: right;
}
.woocommerce-order h3 {
  font-family: "Mont";
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #100F10;
  text-transform: uppercase;
  border-top: 1px solid #CADCD9;
  margin-top: 32px;
  padding-top: 32px;
}
.woocommerce-order .order-item {
  text-transform: uppercase;
  font-family: "Mont";
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  color: #333;
}
.woocommerce-order .order-item mark {
  display: block;
  background: transparent;
  text-transform: none;
  font-family: "Mont";
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #514E51;
  margin-top: 4px;
  margin-bottom: 24px;
}
.woocommerce-order .woocommerce-order-overview__status mark {
  color: #004C3F !important;
  border-radius: 8px;
  border: 1px dashed #004C3F;
  background: #00C6A4;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 8px;
}

.woocommerce-notice--success {
  margin-bottom: 50px;
}

.additional-admin-fields,
#different_administrator_data_2_field {
  display: none;
}

.woocommerce form .form-row .optional {
  visibility: hidden !important;
  display: none !important;
}

#different_administrator_data_field .checkbox,
#different_administrator_data_2_field .checkbox {
  display: flex;
}
#different_administrator_data_field .checkbox input,
#different_administrator_data_2_field .checkbox input {
  width: -moz-fit-content;
  width: fit-content;
}

.input-checkbox,
.input-custom.input-radio {
  display: none !important;
}

.input-custom.input-radio:checked + label:before {
  background: url("img/circle_active.png") left center no-repeat;
}

.terms a {
  font-family: "Mont";
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #100F10;
  text-decoration: underline;
}
.terms #accept_terms:checked + label:before,
.terms #extra_checkbox:checked + label:before {
  background: url("img/checked.png") left center no-repeat;
}

.terms #accept_terms + label,
.terms #extra_checkbox + label {
  cursor: pointer;
  position: relative;
  padding-left: 35px;
  margin-right: 8px;
  font-family: "Mont";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #100F10;
}
@media (max-width: 767px) {
  .terms #accept_terms + label,
  .terms #extra_checkbox + label {
    padding-left: 24px;
  }
}
.terms #accept_terms + label:before,
.terms #extra_checkbox + label:before {
  content: "";
  width: 25px;
  height: 20px;
  position: absolute;
  left: 0;
}
@media (max-width: 767px) {
  .terms #accept_terms + label:before,
  .terms #extra_checkbox + label:before {
    left: -10px;
  }
}
.terms #accept_terms + label:before,
.terms #extra_checkbox + label:before {
  background: url("img/Checkbox.png") left center no-repeat;
}

.input-custom.input-radio + label {
  cursor: pointer;
  position: relative;
  padding-left: 35px;
  margin-right: 8px;
  font-family: "Mont";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #100F10;
}
.input-custom.input-radio + label:before {
  content: "";
  width: 25px;
  height: 20px;
  position: absolute;
  left: 0;
}
@media (max-width: 767px) {
  .input-custom.input-radio + label:before {
    left: -10px;
  }
}
.input-custom.input-radio + label:before {
  background: url("img/circle_default.png") left center no-repeat;
}

.checkbox1 label.checkbox.checked:before {
  background: url("img/MinusSquare.png") left center no-repeat !important;
}

.checkbox2 label.checkbox.checked:before {
  background: url("img/PlusSquare.png") left center no-repeat !important;
}

.checkbox1 label.checkbox {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  cursor: pointer;
  position: relative;
  padding-left: 35px;
  margin-right: 8px;
  font-family: "Mont";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #100F10;
}
.checkbox1 label.checkbox:before {
  content: "";
  width: 25px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 5px;
}
.checkbox1 label.checkbox:before {
  background: url("img/PlusSquare.png") left center no-repeat !important;
}

.checkbox2 label.checkbox {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  cursor: pointer;
  position: relative;
  padding-left: 35px;
  margin-right: 8px;
  font-family: "Mont";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #100F10;
}
.checkbox2 label.checkbox:before {
  content: "";
  width: 25px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 5px;
}
.checkbox2 label.checkbox:before {
  background: url("img/MinusSquare.png") left center no-repeat !important;
}

.woocommerce form .form-row .required {
  visibility: hidden;
}

.iti {
  width: 100%;
}

.woocommerce form .form-row.woocommerce-invalid .select2-container {
  border-color: rgba(227, 0, 0, 0.4);
}
.woocommerce form .form-row.woocommerce-invalid input.input-text {
  border-color: rgba(227, 0, 0, 0.4);
}
.woocommerce form .form-row.woocommerce-invalid select {
  border-color: rgba(227, 0, 0, 0.4);
}

.woocommerce form .form-row.woocommerce-invalid label {
  color: rgba(227, 0, 0, 0.4);
}

.woocommerce-error {
  border-top-color: rgba(227, 0, 0, 0.4);
}

.upload-content .header-upload {
  margin: 32px 0;
}
.upload-content .upload-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 200px;
}
.upload-content .upload-wrapper .hero-upload {
  padding-top: 120px;
  padding-bottom: 72px;
  align-self: flex-start;
}
.upload-content .upload-wrapper .hero-upload h2 {
  font-family: "Mont";
  font-size: 40px;
  font-weight: 800;
  line-height: 56px;
  color: #100F10;
}
@media (max-width: 767px) {
  .upload-content .upload-wrapper .hero-upload h2 {
    font-size: 42px;
    line-height: normal;
    margin-bottom: 30px;
  }
}
.upload-content .upload-wrapper .hero-upload p {
  font-family: "Mont";
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #100F10;
}
.upload-content .upload-wrapper #upload-form {
  width: 50%;
  text-align: center;
}
@media (max-width: 767px) {
  .upload-content .upload-wrapper #upload-form {
    width: 100%;
  }
}
@media (min-width: 767px) and (max-width: 1021px) {
  .upload-content .upload-wrapper #upload-form {
    width: 70%;
  }
}
.upload-content .upload-wrapper #upload-form .drag-drop-area {
  text-align: center;
  border-radius: 8px;
  border: 1px solid #B7B4B7;
  background: #F5F5F5;
  padding-top: 35.5px;
  padding-bottom: 35.5px;
}
.upload-content .upload-wrapper #upload-form .drag-drop-area h3 {
  font-family: "Mont";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #858085;
}
.upload-content .upload-wrapper #upload-form .drag-drop-area h3 .browse-link {
  font-family: "Mont";
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #373537;
}
.upload-content .upload-wrapper #upload-form .drag-drop-area p {
  font-family: "Mont";
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  color: #373537;
}
.upload-content .upload-wrapper #upload-form .cloud-img {
  margin-bottom: 40px;
}
.upload-content .upload-wrapper #file-list {
  text-align: left;
}
.upload-content .upload-wrapper #file-list p {
  text-align: left;
  font-family: "Mont";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #100F10;
}
.upload-content .upload-wrapper #file-list h4 {
  font-family: "Mont";
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  color: #373537;
  margin-bottom: 5px;
  margin-top: 20px;
}
.upload-content .upload-wrapper #file-list img {
  cursor: pointer;
  margin-left: 10px;
}
.upload-content .upload-wrapper .browse-link1,
.upload-content .upload-wrapper .submit-upload {
  font-family: "Mont";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: white;
  padding: 8px 80px;
  display: inline-block;
  margin-top: 40px;
  border: none;
}
.upload-content .thank-you-upload {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 270px 0;
}
@media (max-width: 767px) {
  .upload-content .thank-you-upload {
    text-align: center;
    padding: 160px 0;
  }
}
.upload-content .thank-you-upload img {
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 24px;
}
.upload-content .thank-you-upload h2 {
  font-family: "Mont";
  font-size: 48px;
  font-weight: 800;
  line-height: 64px;
  color: #100F10;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .upload-content .thank-you-upload h2 {
    font-size: 35px;
  }
}
.upload-content .thank-you-upload p {
  font-family: "Mont";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #231F15;
}

.dragover {
  filter: brightness(90%);
}/*# sourceMappingURL=style.css.map */

.loader{
  display: none;
  position: fixed; 
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
  z-index: 9999;
}

.overlayVerification {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%; 
  background-color: white; 
  opacity: 0.8; 
  z-index: 9998; 
}

.spinner {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: radial-gradient(farthest-side,#ffffff 100%,#0000) 30% 1px/11px 11px no-repeat,
       radial-gradient(farthest-side,#666666 calc(0%),rgba(70, 70, 70, 1) 0);
  animation: spinner-aur408 1.4s infinite linear;
}

@keyframes spinner-aur408 {
  to {
     transform: rotate(1turn);
  }
} 

.hideShowDiv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

.dugme {
  margin-bottom: 0;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: white;
  background-color: #FF8D3D;
  padding: 8px 50px;
  border-radius: 8px;
  text-transform: uppercase;
  transition: 0.4s ease;
  border-style: none;
  touch-action: manipulation;
}

.service-price-desktop {
  display: block;
}
@media (max-width: 767px) {
  .service-price-desktop {
    display: none;
  }
}

.service-price-mobile {
  display: none;
}
@media (max-width: 767px) {
  .service-price-mobile {
    display: block;
  }
}

.container.upload-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.upload-wrapper {
  text-align: center;
}

.error-title {
  font-size: 100px; 
}

.radio-tile-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; 
  align-items: center; 
  text-align: center; 
}

.radio-tile-group .input-container {
  position: relative;
  height: 3rem;
  width: 17.7rem;
  margin: 0.5rem;
  background-color: #fff; 
}

.radio-tile-group .input-container .radio-button {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
}

.radio-tile-group .input-container .radio-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 2px solid #FF8D3D;
  border-radius: 5px;
  padding: 1rem;
  transition: transform 300ms ease;
}

.radio-tile-group .input-container .radio-tile-label {
  display: inline-block;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;
  font-style: normal;
  color: #FF8D3D;
}

.radio-tile-group .input-container .radio-button:checked + .radio-tile {
  background-color: #FF8D3D;
  border: 2px solid #FF8D3D;
  color: #FF8D3D;
  transform: scale(1.1, 1.1);
  padding: 22px 32px;
  border-radius: 8px;
  box-shadow: 0px 4px 8px 0px rgba(163, 238, 214, 0.16), 0px 0px 2px 0px rgba(41, 63, 56, 0.04);
  text-transform: uppercase;
  transition: 0.4s ease;  
}

.radio-tile-group .input-container .radio-button:checked + .radio-tile .icon svg {
  fill: white;
}

.radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {
  color: white;
}

.payment_method_corvuspay .payment-logos {
  display: flex;
  align-items: center;
  margin-top: 10px; 
}

.payment_method_corvuspay .payment-logos a {
  margin-right: 10px; 
}

.payment_method_corvuspay .payment-logos img.payment-logo {
  width: 80px; 
}

.payment_method_corvuspay .payment-logos img.payment-logo2 {
  width: 180px; 
}

#post-20 > div > div.woocommerce.wp-block-group.alignwide > div.container.custom-checkout > form > div.blockUI.blockOverlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
  z-index: 9999 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.payment-logos {
  display: flex;
  align-items: center;
  margin-top: 14px; 
}

.payment-logo {
  width: 60px;
  height: auto;
  margin: 5px;
}

.payment-logo2 {
  width: 130px;
  height: auto;
  margin: 5px;
}

.payment-logo3 {
  width: 40px;
  height: auto;
  margin: 5px;
}

.payment-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: left; 
  margin-top: 24px;
}

.payment-logo, .payment-logo2, .payment-logo3 {
  margin: 5px;
  flex: 1 1 auto; 
}

.centered-content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 150px;
  padding-bottom: 100px;
}

.centered-content > div {
  max-width: 910px;
  width: 100%;
}

@media (max-width: 768px) {
  .centered-content {
    padding-left: 10%;
    padding-right: 10%;
  }
}

#corvus-success-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
}

.center-message {
  font-family: "Mont", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin-top: 20px;
}




.menu-container {
  display: flex; /* Linkovi se prikazuju vodoravno */
  justify-content: flex-end; /* Poravnava linkove na desni kraj */
  align-items: center; /* Centriranje po visini */
  padding: 0px 10px 10px 10px; /* Smanjen gornji razmak (5px) */
  background-color: transparent; /* Transparentna pozadina */
}

.menu-primary {
  list-style: none; /* Uklanja točkice ispred stavki menija */
  margin: 0;
  padding: 0;
  display: flex; /* Linkovi unutar liste su u horizontalnom redu */
  gap: 10px; /* Razmak između linkova */
}

.menu-primary li {
  margin: 0;
  padding: 0;
}

.menu-primary a {
  text-decoration: none; /* Uklanja podvlačenje linkova */
  color: #000; /* Crna boja teksta */
  font-size: 16px; /* Dodano: Smanjena veličina fonta */
  padding: 5px 10px; /* Unutarnji razmak */
  transition: color 0.3s ease; /* Animacija prilikom hovera */
}

.menu-primary a:hover {
  color: #f46b45; /* Promjena boje teksta na hover */
}

@media (max-width: 768px) {
  .menu-container {
    padding: 20px 5px 10px 5px; /* Povećan top padding na mobilnim uređajima */
  }
}

.cart-page {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; /* Align items at the top */
  flex-wrap: wrap; /* Allow wrapping for responsive design */
  width: 100%;
}

.cart-left {
  flex: 1;
  display: flex;
  flex-direction: column; /* Stack items vertically */
  gap: 20px;
}

.cart-right {
  flex: 0 0 35%; /* Set the width for the right section */
  align-self: flex-start; /* Align to the top */
  background: none; /* Remove background color */
}

.cart-collaterals {
  padding: 20px;
  background-color: transparent; /* Ensure transparent background */
  border-radius: 8px;
}

.cart-items,
.btn-card-mobile {
  width: 100%;
  padding: 10px 40px 10px 40px;

}

/* Add some spacing and alignment for "Pregled košarice" */
.cart-right h2 {
  margin: 0;
  padding: 0 0 10px;
  font-size: 1.5em;
  text-align: left;
}

/* Responsive styles for smaller screens */
@media (max-width: 768px) {
  .cart-right {
    flex: 0 0 35%; /* Set the width for the right section */
    align-self: normal; /* Align to the top */
    background: none; /* Remove background color */
  }

  .cart-page {
    display: flex;
    flex-direction: column; /* Vertikalno slaganje sekcija */
    align-items: stretch; /* Sekcije ispunjavaju širinu */
  }

  .cart-left {
    display: flex; 
    flex-direction: column; /* Omogućava vertikalni raspored elemenata unutar ovog dijela */
  }

  /* Reset padding za mobilne uređaje */
  .cart-items,
  .btn-card-mobile {
    width: 100%;  
    padding: 0;
  }

  .cart-right .cart-collaterals {
    padding: 0;
  }

  /* Uklonite pseudo-element za mobilne uređaje */
  .woocommerce-page .card_custom table.shop_table_responsive tr td.product-name::before {
    content: "";
  }

  .card_custom .cart-collaterals .cart_totals .second_title {
    font-family: "Mont";
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #100F10;
    text-transform: uppercase;
    margin-top: 20px;
    padding-top: 10px;
    margin-bottom: 10px;
}

.woocommerce table.shop_table {
  margin: 0;
  text-align: left;
  width: 100%;
  border-collapse: separate;
  border-radius: 5px;
}
}



#dodatneServices h2 {
  padding-bottom: 30px;
  font-family: "Mont";
  font-size: 40px;
  font-weight: 800;
  line-height: 56px;
  color: #13253B;
  text-align: center;
}




.dodatni-proizvodi {
  margin-top: 30px;
  padding: 20px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.dodatni-proizvodi h2 {
  margin-bottom: 20px;
  font-size: 24px;
  text-align: center;
}

.dodatni-proizvodi ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 0;
}

.dodatni-proizvodi ul li {
  width: calc(33.33% - 10px); /* Tri proizvoda po redu */
  background: white;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: center;
  padding: 15px;
  transition: transform 0.3s ease;
}

.dodatni-proizvodi ul li:hover {
  transform: scale(1.05);
}

.dodatni-proizvodi ul li img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.izaberi-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #f46b45;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.izaberi-button:hover {
  background-color: #d83926;
}










/* Stilizacija sekcije za proizvode */
.services-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Razmak između proizvoda */
  gap: 20px; /* Razmak između redova */
}

/* Stilizacija liste proizvoda */
.services-cards .products {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* Stilizacija pojedinačnih proizvoda */
.services-cards .product {
  flex: 1 1 calc(25% - 20px); /* Četiri proizvoda u redu, s razmakom */
  box-sizing: border-box;
  max-width: calc(25% - 20px); /* Maksimalna širina za četiri proizvoda */
}

/* Ako ima manje proizvoda, zauzimaju odgovarajući prostor */
.services-cards .product:nth-child(1) {
  flex: 1 1 100%;
}

.services-cards .product:nth-child(2),
.services-cards .product:nth-child(3) {
  flex: 1 1 calc(50% - 20px);
}

.services-cards .product:nth-child(4) {
  flex: 1 1 calc(25% - 20px);
}



/* Stilizacija kartice proizvoda */
.product-card {
  background-color: #fff;
  border-radius: 8px;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  height: 300px; /* Visina kartice */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Slika proizvoda */
.product-image {
  position: relative;
  height: 100%; /* Slika zauzima cijeli prostor */
  display: flex;
  align-items: flex-end; /* Ostali elementi idu na dno slike */
  justify-content: center;
}

.product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Pokriva cijeli prostor bez izobličenja */
  position: absolute; /* Slika u pozadini */
  z-index: 1;
}

/* Dugme unutar slike */
.product-image .cart {
  position: relative;
  z-index: 2; /* Dugme preko slike */
  margin-bottom: 10px; /* Razmak od donjeg ruba */
}

.product-image .izaberi-button {
  padding: 10px 20px;
  background-color: #f46b45;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.product-image .izaberi-button:hover {
  background-color: #d83926;
}

/* Detalji proizvoda */
.product-details {
  position: relative;
  z-index: 2;
  margin-top: -50px; /* Naslov i cijena idu ispod slike */
  background-color: rgba(255, 255, 255, 0.9); /* Bijela pozadina za čitljivost */
  padding: 10px;
  border-radius: 0 0 8px 8px;
}

.product-details h3 {
  font-size: 16px;
  margin: 5px 0;
  color: #333;
}

.product-details .price {
  font-size: 14px;
  color: #555;
}


/* Sekcija "Dodatni proizvodi" */
#dodatneServices {
  margin-bottom: 40px;
}

.section-title {
  text-align: center;
  margin-bottom: 30px;
  font-size: 28px;
  color: #333;
}



/* Kartice proizvoda - ista visina za sve */
.card-custom .card {
  height: 350px; /* Postavite visinu koja odgovara gornjim karticama */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 8px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

/* Slika proizvoda */
.product-image {
  height: 70%; /* Slika zauzima 70% visine kartice */
  position: relative;
  overflow: hidden;
}

.product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Slika pokriva prostor bez izobličenja */
}

/* Dugme unutar slike */
.product-image .cart {
  position: absolute;
  bottom: 10px; /* Dugme na dnu slike */
  left: 50%;
  transform: translateX(-50%);
}

/* Dugme "Izaberi" */
.product-image .izaberi-button {
  padding: 8px 16px;
  background-color: #f46b45;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.product-image .izaberi-button:hover {
  background-color: #d83926;
}

/* Detalji proizvoda */
.product-details {
  padding: 10px;
  text-align: center;
  height: 30%; /* Preostali prostor kartice za detalje */
}

.product-details h3 {
  font-size: 16px;
  margin: 5px 0;
  color: #333;
}

.product-details .price {
  font-size: 14px;
  color: #555;
}

#dodatneServices .card-body {
  padding: 40px 24px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#dodatneServices .card .card-body .btn-custom {
  padding: 10px 24px;
  color: #100F10;
  width: 75%;
  margin: auto;
}

#dodatneServices .card {
  text-align: center;
  height: 100%;
  border-radius: 16px;
  box-shadow: 0px 8px 16px 0px rgba(96, 97, 112, 0.16), 0px 2px 4px 0px rgba(40, 41, 61, 0.04);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: none;
}

#dodatneServices .card .card-body .card-title {
  white-space: nowrap;
  padding-top: 69px;
  padding-bottom: 10px;
  font-family: "Mont";
  font-size: 32px;
  font-weight: inherit;
  line-height: 40px;
  color: #100F10;
}

#dodatneServices .card .card-body .card-text {
  font-family: "Mont";
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
  color: #100F10;
  padding-bottom: 77px;
}

#dodatneServices .card .card-img {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

#dodatneServices .services-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  flex-direction: row;
  justify-content: flex-start;
}

.qty-price,
.unit-price {
    padding: 0px;
}

.multiply {
    padding: 0px;
    display: inline-block;
}

.reg-price {
    text-decoration: line-through;
    font-family: "Mont";
    font-size: 50px;
    font-weight: 500;
    line-height: 50px;
    color: #c0c0c0;
    margin-top: 36px;
    margin-bottom: 24px;
    white-space: nowrap;
    text-align: center;
}

.discount-per {
    font-size: 13px;
    color:rgb(255, 0, 0);
    font-weight: 600;
    margin-top: 2px;

    text-align: center;
}

.coupon-form-cart {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width: 768px) {
    .coupon-form-cart {
    margin-top: 20px !important;
    padding: 0px !important;
    }
}


.coupon-form-cart-cont {
    padding-top: 20px;
    border-top: 1px solid rgba(17, 17, 19, 0.2);
}

.coupon-form-cart-nas {
  font-family: "Mont";
  font-size: 24px;
  font-weight: 800;
  line-height: 24px;
  color: #100F10;
  margin-bottom: 20px;
}

.pregledKosarice {
  font-family: "Mont";
  font-size: 24px;
  font-weight: 800;
  line-height: 24px;
  color: #100F10;
  margin-bottom: 25px;
}


.woocommerce-form-coupon_cust {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
    justify-content: center;
}

.input-text_coupon_code {
    padding: 13px 16px;
    border-radius: 8px;
    border: 1px solid rgba(17, 17, 19, 0.2);
    font-family: "Mont";
    font-size: 16px;
    font-weight: 600;
    line-height: 22.4px;
     color: #111113;
}


@media (max-width: 768px) {
    .woocommerce-form-coupon input {
    width: 60% !important;
    }
}


.woocommerce-form-coupon input:focus {
    border: 1px solid #FF8D3D !important;
    outline: none;
}

.woocommerce-form-coupon .button {
    border: none;
    cursor: pointer;
    margin-bottom: 0;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: white !important;
    background-color: #FF8D3D !important; 
    padding: 8px 10px;
    border-radius: 8px;
    text-transform: uppercase;
    transition: 0.4s ease;
}

.woocommerce-form-coupon .button:hover {
    color: #000;
}

.woocommerce-order .product-info2 {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    /* border-bottom: 1px solid #CADCD9; */
    margin-bottom: 32px;
    /* padding-bottom: 32px; */
}

.go-to-cart-link{
  color: #100F10;
  font-weight: 700;
  text-decoration: underline;
}

.coupon-message{
  color: #100F10;
  font-weight: 700;
  font-family: "Mont";
  font-size: 18px;
  text-align: center;
  padding-top: 10px;
}


.button_apply_coupon {
    background-color: #FF8D3D !important;
    color: white !important;
    border: none !important;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 8px;
    padding: 8px 10px;
    transition: 0.4s ease;
}




/*********************************************************
  CUSTOM CHECKOUT – DODATNA PODEŠAVANJA (DODATI NA KRAJ)
**********************************************************/

/* 1) Layout: 2 stupca na desktopu, čist i stabilan */
.container.custom-checkout{
  display: flex;
  gap: 40px;
  align-items: flex-start;
  max-width: 1240px;
  margin: 0 auto;
  padding-left: 12px;
  padding-right: 12px;
}

/* lijevi stupac (forma) širi, rasteže se prirodno */
.container.custom-checkout .woocommerce-checkout{
  flex: 1 1 0;
  min-width: 0;
}

/* desni stupac (Pregled košarice) malo širi + sticky */
.container.custom-checkout .cart-right{
  flex: 0 0 420px;
  position: sticky;
  top: 110px;
}

/* 2) Kritično: makni 50% širine iz starog pravila */
.woocommerce .custom-checkout .custom-col{
  width: 100% !important;
}

/* 3) Kompaktni razmaci u formi i košarici */
.woocommerce .custom-checkout form .form-row{
  margin-bottom: 14px;
}
.woocommerce .custom-checkout #order_review .shop_table td,
.woocommerce .custom-checkout #order_review .shop_table th{
  padding: 8px 0;
  line-height: 1.35;
  vertical-align: top;
  font-size: 16px !important;
}

/* 4) Jedinstvena visina inputa i bolji fokus */
.woocommerce .custom-checkout input.input-text,
.woocommerce .custom-checkout select,
.woocommerce .custom-checkout .select2-selection--single{
  height: 42px;
  border-radius: 8px;
}
.select2-container--default .select2-selection--single{
  border: 1px solid rgba(17,17,19,.2);
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 40px;
}
.woocommerce .custom-checkout input:focus,
.woocommerce .custom-checkout select:focus,
.select2-container--default.select2-container--focus .select2-selection--single{
  border-color: #FF8D3D !important;
  box-shadow: 0 0 0 3px rgba(255,141,61,.15);
  outline: none;
}

/* 5) Kupon: desktop u jednom redu, mob u stupac */
.woocommerce-form-coupon_cust{
  display: flex;
  /* gap: 10px; */
  align-items: stretch;
  justify-content: flex-start;
}
.input-text_coupon_code{
  flex: 1 1 auto;
  height: 42px;
}
.button_apply_coupon{
  height: 42px;
  padding: 0 18px;
}

/* 6) Tipografija i micro UI za “Pregled košarice” desno */
.container.custom-checkout .cart-right h2{
  margin: 0 0 12px 0;
  font-size: 22px;
  line-height: 1.2;
}
.container.custom-checkout .cart-right .shop_table .amount{
  font-weight: 700;
}
.container.custom-checkout .cart-right .order-total .amount{
  font-size: 18px;
}

/* 7) Sitniji redovi u tablicama na desktopu (bolja gustoća) */
@media (min-width: 992px){
  .woocommerce .shop_table tr{
    border: 0;
  }
  .woocommerce .shop_table td, 
  .woocommerce .shop_table th{
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

/* 8) Mobile: jedan stupac, bez sticky-a, uredni razmaci */
@media (max-width: 991px){
  .container.custom-checkout{
    flex-direction: column;
    gap: 24px;
  }
  .container.custom-checkout .cart-right{
    order: 1;
    position: static;
    flex: 1 1 auto;
  }
  .container.custom-checkout .woocommerce-checkout{
    order: 2;
  }
  .woocommerce-form-coupon_cust{
    flex-direction: column;
    gap: 8px;
  }
  .button_apply_coupon{ width: 100%; }
  .woocommerce .custom-checkout #order_review .shop_table td,
  .woocommerce .custom-checkout #order_review .shop_table th{
    font-size: 15px;
  }
}

/* 9) Smanji “vizualnu težinu” alert/grešaka */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message{
  border-radius: 8px;
  border-top-width: 0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
}

/* 10) Primarna CTA u checkoutu – dosljedno */
.woocommerce .custom-checkout .checkout-buttons .btn-custom,
.place-order .button{
  font-family: "Poppins", sans-serif !important;
  text-transform: uppercase;
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(41,63,56,.16), 0 0 2px rgba(41,63,56,.04);
}

/* 11) Sticky offset kada je admin bar vidljiv (WP) */
@media (min-width: 783px){
  body.admin-bar .container.custom-checkout .cart-right{
    top: 142px;
  }
}

/* 12) Fine-tuning kolona adrese (desktop: 2/3 + 1/3, mob: 100%) */
@media (min-width: 992px){
  #billing_address_1_field, #billing_city_field{ width: 66% !important; }
  #billing_address_2_field, #billing_postcode_field{ width: 32% !important; }
}
@media (max-width: 991px){
  #billing_address_1_field, #billing_city_field,
  #billing_address_2_field, #billing_postcode_field{
    width: 100% !important;
    float: none;
  }
}

/* 13) Čitljiviji “small print” i pomoćni tekstovi */
.woocommerce form .form-row .description,
.woocommerce .custom-checkout .payment_custom{
  color: #6B676B;
  font-size: 13px;
  line-height: 1.4;
}

/* 14) Sigurnosne ikone kartica otpornije na raspad layouta */
.payment-logos{
  gap: 6px;
  row-gap: 8px;
}
.payment-logo, .payment-logo2, .payment-logo3{
  flex: 0 0 auto;
}

/* 15) Izravnaj margin-bottom naslova sekcija */
.woocommerce .custom-checkout h3{
  margin-bottom: 12px;
}
.woocommerce .custom-checkout .payment-title{
  margin-top: 36px;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    float: none !important;
    width: 100% !important;
    padding-left: 10px;
}

@media (max-width: 767px) {
    .woocommerce .custom-checkout form {
        position: relative;
        margin-bottom: 20px;
        padding-bottom: 10px !important;
    }
}

@media (max-width: 768px) {
    .input-text_coupon_code {
        width: 100% !important;
        padding: 12px 14px;
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 767px) {
    .woocommerce .custom-checkout .place-order {
      position: static !important;
    }
}

@media (max-width: 767px) {
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    float: none !important;
    width: 100% !important;
    padding-top:  20px;
}
}


/* .cart-right .cart-collaterals {
  padding: 10px;  
} */

.woocommerce table.shop_table {
    border: 0px !important;
    text-align: left;
    width: 100%;
}

#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {
    border-top: 0px !important;
}

.second_title{
  font-family: "Mont";
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #100F10;
  text-transform: uppercase;
  margin-top: 25px;
  padding-top: 0px;
  margin-bottom: 16px;
}

@media (min-width: 992px) {
  .shop_table.shop_table_responsive tbody tr > th {
    text-align: left !important;
    padding: 12px 0 !important;
    white-space: normal;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 24px !important;
    color: #100F10;
  }
}

/* @media (min-width: 992px) {
  .shop_table.shop_table_responsive tbody tr {
    column-gap: unset !important;
    display: grid !important;
    grid-template-columns: 1fr max-content;
    align-items: start;
    
  }
} */

@media (min-width: 992px) {
 .cart-subtotal-th {
    width: 120px;     
  }  }

@media (min-width: 992px) {
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
  float: none !important;
  width: 100% !important;
  padding-left: 10px;
} 

  .tax-total-div-bold {
    font-weight: 700;
  }

}

.woocommerce .custom-checkout #order_review .cart_totals .second_title {
  border-top: 0px solid #100F10 !important;
  font-family: "Mont";
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #100F10;
  text-transform: uppercase;
  margin-top: 25px;
  padding-top: 0px !important;
  margin-bottom: 16px;
}

 .card_custom .cart-collaterals .cart_totals tbody tr {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*
@media (min-width: 992px) {
  .shop_table.shop_table_responsive tbody tr {
    display: grid !important;
    grid-template-columns: 1fr max-content;
    column-gap: 24px;
    align-items: start;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
} */






 .tooltipEracun {
    position: relative;
    display: inline-block;
    cursor: help;
  }

  .tooltipEracun .tooltipEracuntext {
    visibility: hidden;
    width: 220px;
    background: #333;
    color: #fff;
    text-align: center;
    padding: 6px 8px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;

    top: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
  }

   .tooltipEracun .tooltipEracuntext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
  }

  .tooltipEracun:hover .tooltipEracuntext {
    visibility: visible;
    opacity: 1;
  } 

  .packages .standard
 {
  height: auto !important;
}

.side-blurred {
    filter: blur(15px);
    opacity: 0.93;
    pointer-events: none; 
    user-select: none;
    transition: all 0.3s ease-in-out;
}

.side-blurred .btn-custom {
    display: none !important; 
}

@media (max-width: 768px) {
    .side-blurred {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .package-price.center-price {
      padding-top: 36px !important;
      font-size: 60px !important;
      line-height: 22px !important;
    }
}