@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//brendirajse.ai/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.5.1") format("woff2");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(255,255,255);
	--wd-alternative-color: rgb(255,0,142);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: rgb(255,0,142);
	--btn-default-bgcolor-hover: rgb(255,0,142);
	--btn-accented-bgcolor: rgb(255,0,142);
	--btn-accented-bgcolor-hover: rgb(255,0,142);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: rgba(10,10,10,0);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: #ffffff;
	background-image: none;
}
.page .main-page-wrapper {
	background-color: rgb(8,3,25);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


html {
   background: #080319 !important;	
	scroll-behavior: smooth;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px !important;
}
p {
   color: #ffffffad;	
}
body {
background-image: radial-gradient(80% 50% at 50% -10%, color(xyz 0.077 0.034 0.162 / 0.549), #0000 60%), radial-gradient(60% 40% at 100% 30%, color(xyz 0.126 0.051 0.095 / 0.349), #0000 60%), radial-gradient(50% 40% at 0 60%, color(xyz 0.079 0.034 0.299 / 0.4), #0000 60%);
    background-attachment: fixed;	
}
.page .main-page-wrapper {
    background-color: rgb(8 3 25 / 0%) !important;
    background-image: radial-gradient(80% 50% at 50% -10%, color(xyz 0.077 0.034 0.162 / 0.549), #0000 60%), radial-gradient(60% 40% at 100% 30%, color(xyz 0.126 0.051 0.095 / 0.349), #0000 60%), radial-gradient(50% 40% at 0 60%, color(xyz 0.079 0.034 0.299 / 0.4), #0000 60%);
    background-attachment: fixed;
}
.website-wrapper {
    position: relative;
    background-color: #080319 !important;
}
.grain {
    background-image: radial-gradient(#ffffff0a 1px, #0000 1px);
    background-size: 3px 3px;
}
.grain-two {
background-color: color-mix(in oklab, oklch(18% .06 285) 50%, transparent);
}
* {
   font-family: "Inter", sans-serif !important;	
}
h1, h2, h3, h4, h5, h1 span, h2 span, h3 span, h4 span, h5 span {
	 font-family: "League Gothic", sans-serif !important;
}
h3 {
    text-transform: uppercase;
    font-size: 45px;
    letter-spacing: 2px;
    color: white;
    line-height: 1.2;
    margin-bottom: 30px;
}
.pink {
   color: #ff008e !important;	
}
.yellow {
	 color: #fdd506 !important;
}
a.dugme-sajt:after {
    content: "";
    display: block;
    background-size: cover;
    background-image: url(https://brendirajse.ai/wp-content/uploads/2026/05/right-arrow.png);
    width: 21px;
    height: 10.5px;
    filter: brightness(0) invert(1);
}
.proizvod-outer {
    display: flex;
    align-items: center;
    gap: 75px;
}
.container {
    max-width: 88% !important;
}
.header-red-otr {
    padding: 150px 0px 80px;
}
.proizvod-info {
    max-width: 45%;
}
h1 {
    font-size: 70px;
    text-transform: uppercase;
    line-height: 1.2;
    color: white;
    font-weight: 500;
    margin-bottom: 0px;
    max-width: 525px;
}

h1 span {
    color: #fdd506 !important;
    font-weight: 600;
    letter-spacing: 2px;
}
.ikonice-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 35px 0px;
}
.ikonice-kol {
    width: 25%;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.ikonice-kol img {
    height: 40px;
    width: 55px;
}
.ikonice-kol p {
    text-transform: uppercase;
    color: white;
    font-family: "League Gothic", sans-serif !important;
    font-size: 21px;
    letter-spacing: 1px;
    margin-bottom: 0px;
}
p.headline-p {
    font-size: 20px;
    color: #ffffffb5;
}
p.headline-p b {
    color: white;
}
.dugmici-sajt {
    display: flex;
    align-items: center;
    gap: 25px;
    margin: 40px 0px 10px;
} 
.dugmici-sajt a.dugme-sajt {
	min-width: 400px;
	height: 62px;
	font-size: 20px;
}
a.dugme-sajt {
    box-shadow: 0 0 60px oklch(65% .27 358 / .5), 0 0 120px oklch(65% .27 358 / .25);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: white;
    font-weight: 600;
    font-size: 18px;
    background: #ff008e;
    height: 52px;
    padding: 0px 32px;
    border-radius: 35px;
    position: relative;
    border: 1.5px solid transparent;
}
a.dugme-sajt.przno-dugme {
    box-shadow: none;
    background: transparent;
    border-color: #ff008e;
}
p.preuzmi-pdf {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    color: white;
    font-size: 16px;
    margin-top: 20px;
    max-width: 400px;
    justify-content: center;
}
.preuzmi-pdf span {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #ffffff5c;
    line-height: 1;
}
p.preuzmi-pdf img {
    width: 20px;
}
p.preuzmi-pdf span:last-child {
    border: none;
    padding: 0px;
    margin: 0px;
}
p.logo-p {
    display: flex;
    gap: 10px;
    align-items: center;
    font-family: "League Gothic", sans-serif !important;
    text-transform: uppercase;
    font-size: 24px;
    color: white;
    letter-spacing: 2px;
}
p.logo-p span {
    font-family: "League Gothic", sans-serif !important;
    font-size: 30px;
    color: white;
    line-height: 1;
    background: #ff008e;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
.realnost-red, .sta-rade-red, .s-d-outer, .z-kg-outer, .plan-otr, .put-do-red {
    padding: 80px 0px;
}
p.iznad-h {
    color: #ff008e;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1;
    margin-bottom: 20px;
}
h2 {
    text-transform: uppercase;
    font-size: 70px;
    letter-spacing: 2px;
    color: white;
    line-height: 1.2;
    margin-bottom: 30px;
}
h2 span {
    color: #ff008e;
}
.realnost-otr {
    max-width: 75%;
    margin: auto;
}
p.split-p {
    margin: 0px;
    display: flex;
    gap: 30px;
    align-items: flex-start;
    font-size: 19px;
    color: #ffffffad;
    margin-top: 45px;
}
p.split-p span {
    width: 50%;
}
p.split-p span:last-child {
    display: flex;
    flex-direction: column;
    gap: 15px;
    color: white;
}
p.split-p span:last-child span {
    color: #fdd506;
    text-transform: uppercase;
    font-family: "League Gothic", sans-serif !important;
    font-size: 30px;
    letter-spacing: 1px;
	  font-weight: bold;
}
.center-headline {
    text-align: center;
}
p.under-h2-n {
    font-size: 16px;
    text-align: center;
    max-width: 650px;
    margin: auto;
}
.ikonices-tekst-otr {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    margin-top: 50px;
}
.ikonice-s-tekst-kol {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #100c2a;
    border: 1.3px solid #2e274e;
    border-radius: 12px;
    padding: 25px 20px;
}
.ikonice-bg {
    width: fit-content;
    background-color: 
color-mix(in oklab, oklch(88% .18 95) 15%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    width: 50px;
    height: 50px;
}
.ikonice-bg img {
    width: 30px;
}
.ikonice-s-tekst-kol p {
    margin-bottom: 0px;
    font-family: "League Gothic", sans-serif !important;
    color: white;
    text-transform: uppercase;
    font-size: 25px;
    letter-spacing: 0.2px;
    line-height: 1;
}
.ikonices-tekst-otr .ikonice-s-tekst-kol:nth-child(2) .ikonice-bg, .ikonices-tekst-otr .ikonice-s-tekst-kol:nth-child(4) .ikonice-bg {
    background-color: 
color-mix(in oklab, oklch(65% .27 358) 15%, transparent);
}
.st-inner {
    display: flex;
    align-items: center;
    gap: 75px;
}
.st-tekst {
    width: 55%;
}
.st-slika {
    width: 50%;
}
.st-inner h2 {
    font-size: 90px;
}
.st-inner h2 span {
    color: #fdd506;
}
.checkeri {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.checker-col {
    display: flex;
    align-items: center;
    gap: 15px;
}
.checker-img {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff008e;
    border-radius: 100%;
}
.checker-img img {
    filter: brightness(0) invert(1);
    width: 16px;
}
.checker-col p {
    font-size: 18px;
    color: white;
    margin-bottom: 0px;
}
p.b-ter {
    background-color: 
color-mix(in oklab, oklch(18% .06 285) 60%, transparent);
    padding: 20px 30px;
    margin-top: 35px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: white;
    font-family: "League Gothic", sans-serif !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 35px;
    border-left: 5px solid #fdd506;
    border-radius: 0px 10px 10px 0px;
}
p.b-ter span {
    font-family: "League Gothic", sans-serif !important;
    line-height: 1;
    letter-spacing: 1px;
}
.z-kg-outer h2 {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}
.z-k-g-inner-col {
    width: calc(25% - 20px);
    padding: 25px 30px;
    border: 1.5px solid #2e274e;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.z-k-g-inner {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px;
}
.z-k-g-inner-col img {
    width: 75px;
}
.z-k-g-inner-col p {
    margin-bottom: 0px;
    font-family: "League Gothic", sans-serif !important;
    color: white;
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 0.5px;
    line-height: 1;
}
.plan-in {
    box-shadow: 0 0 60px oklch(65% .27 358 / .5), 0 0 120px oklch(65% .27 358 / .25);
    padding: 60px;
    max-width: 830px;
    margin: auto;
    border-radius: 30px;
}
p.iznad-h.izn-new {
    background: red;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    gap: 8px;
    display: flex;
    align-items: center;
    background: #ff008e45;
    color: white;
    padding: 8px 30px;
    border-radius: 35px;
    border: 1.5px solid #ff008e;
}
p.iznad-h.izn-new img {
    filter: brightness(0) invert(1);
    width: 20px;
}
p.velika-cena {
    text-align: center;
    line-height: 1;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: flex-end;
    font-size: 115px;
    font-family: "League Gothic", sans-serif !important;
    color: #ff008e;
    margin-top: 25px;
}
p.velika-cena span {
    font-family: "League Gothic", sans-serif !important;
    color: white;
    font-size: 40px;
    line-height: 1;
    top: -12px;
    display: block;
    position: relative;
}
p.mali-ino {
    text-align: center;
    margin-top: -20px;
    font-size: 16px;
}
.plan-in .dugmici-sajt {
    justify-content: center;
}
.plan-in p.preuzmi-pdf {
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    margin-bottom: 45px;
}
p.info-skroz-d {
    margin-bottom: 0px;
    text-align: center;
    max-width: 400px;
    font-style: italic;
    font-size: 12px;
    margin: auto;
    margin-bottom: 0px;
}
.site-content {
    margin-bottom: 0px !important;
}
.wd-prefooter {
    padding-bottom: 0px !important;
}
.whb-sticky-real.whb-sticky-prepared.whb-sticked .whb-general-header {
    background: red;
    background: #ff008e08;
    -webkit-backdrop-filter: blur(86.0999984741211px);
    backdrop-filter: blur(71px);
}
.wd-header-cart.wd-design-2 .wd-cart-number, .wd-header-cart.wd-design-5 .wd-cart-number {
    font-size: 11px !important;
    font-weight: bold !important;
}
.footer-container {
    display: none !important;
}
https://brendirajse.ai/korpa/?add-to-cart=57

ul.wd-checkout-steps span {
    font-family: "League Gothic", sans-serif !important;
    font-size: 36px;
    font-weight: 500 !important;
}
.wd-checkout-steps li.step-active {
    color: #ff008e !important;
}
.wd-checkout-steps li span:after {
    background-color: rgb(255 0 142) !important;
}
.woocommerce-cart .cart-content-wrapper>.cart-totals-section .cart-totals-inner {
    border: 2px solid rgb(255 255 255 / 35%);
    border-radius: 20px;
    text-align: center;
}
table :is(tbody,tfoot) th {
    border-bottom: none !important;
}
table th {
    color: white;
}
table td, table td span {
    color: white !important;
}
.cart-totals-inner>h2 {
    font-size: 32px !important;
    padding-inline-start: 0px !important;
    font-weight: 50 !important;
}
tr.cart-subtotal {
    display: none;
}
.cart-content-wrapper>.cart-totals-section .cart-totals-inner .checkout-button {
    height: 52px;
}
td.product-name a {
    color: white;
}
.cart-table-section {
    border: 2px solid rgb(255 255 255 / 35%);
    border-radius: 20px;
    padding: 20px;
}
.woocommerce.cart-content-wrapper {
    padding-bottom: 50px;
}
.woocommerce-additional-fields {
    display: none !important;
}
.checkout-order-review {
    background-color: #ff008e08 !important;
    -webkit-backdrop-filter: blur(86.0999984741211px);
    backdrop-filter: blur(71px);
}
.woocommerce-form-coupon-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
}
form.checkout.woocommerce-checkout {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.woocommerce-checkout .woocommerce {
    max-width: 820px;
    margin: auto;
}
    form.woocommerce-checkout>:is(.customer-details,.checkout-order-review) {
        flex: 0 0 calc(100% - 15px) !important;
        max-width: calc(100% - 15px) !important;
width: 100%;
    }
.website-wrapper :is(.woocommerce-form-coupon-toggle,.woocommerce-form-login-toggle)>div {
    margin-bottom: 0px !important;
}
.woocommerce-form-coupon-toggle {
    width: 100%;
    background: #ff008e9e;
    -webkit-backdrop-filter: blur(86.0999984741211px);
    backdrop-filter: blur(71px);
    border-radius: 10px;
    padding: 10px;
}
form#woocommerce-checkout-form-coupon {
    background-color: #ff008e08 !important;
    -webkit-backdrop-filter: blur(86.0999984741211px);
    backdrop-filter: blur(71px);
    width: 100%;
    max-width: none;
    margin-top: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}
input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select {
    background: #ffffff0d;
    border-radius: 10px;
    height: 50px;
    border: 1.5px solid #ffffff26 !important;
    color: #ffffffb3;
}
form#woocommerce-checkout-form-coupon button {
    width: 100%;
    height: 50px;
}
.woocommerce-billing-fields h3 {
    color: white;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 1px;
}
.woocommerce-billing-fields__field-wrapper label {
    color: white;
    font-size: 16px;
}
.required {
    color: #ff008e !important;
}
.checkout-order-review>.woocommerce-checkout-review-order .wd-table-wrapper {
    background-color: #ffffff0f !important;
    border-radius: 12px !important;
}
h3#order_review_heading {
    font-size: 35px;
    color: white;
    font-weight: 500;
    letter-spacing: 1px;
}
.faq-otr {
    padding: 80px 0px;
}
.faq-lista {
	    max-width: 900px;
    margin: auto;
    margin-top: 50px;
}
.faq-item {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.faq-q {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 30px 30px;
    cursor: pointer;
    transition: opacity 0.3s ease;
}
.faq-q:hover {
    opacity: 0.8;
}
.faq-num {
    font-size: 26px;
    font-weight: 600;
    min-width: 40px;
    color: #ff008e !important;
    font-family: "League Gothic", sans-serif !important;
}
.faq-q h3 {
    margin: 0;
    flex: 1;
    font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
    color: #F8F7FC;
    line-height: 1.3;
}
.faq-toggle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #ff008e;
    position: relative;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}
.faq-toggle:before,
.faq-toggle:after {
    content: "";
    position: absolute;
    background: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
}
.faq-toggle:before {
    width: 14px;
    height: 2px;
}
.faq-toggle:after {
    width: 2px;
    height: 14px;
}
.faq-item.active .faq-toggle:after {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
}
.faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
    padding: 0px 30px 0px 90px;
}
.faq-item.active .faq-a {
    max-height: 500px;
    padding: 0px 30px 30px 90px;
}
.faq-a p {
    color: #D4D4D9;
    margin-bottom: 12px;
    line-height: 1.6;
}
.faq-a p:last-child {
    margin-bottom: 0;
}
.page-balkan-brand-builder .s-d-outer p.iznad-h, .page-balkan-brand-builder .s-d-outer h2 {
    text-align: left;
    max-width: 700px;
}
span.ylw {
    color: #fdd506;
}
p.split-p span span {
    width: 100%;
}
.page-balkan-brand-builder .checker-img {
    border: 1.5px solid #ff008e;
    background: transparent;
}
.page-balkan-brand-builder .checker-img span {
    color: #ff008e;
    font-size: 16px;
    margin-top: -1px;
    text-indent: -1px;
}
.page-balkan-brand-builder .st-tok {
    background-color: #110d2b;
    padding: 30px 35px;
    border-radius: 12px;
    width: 60%;
    border: 1.5px solid #2e274e;
}
p.st-tok-naslov {
    color: #fdd506;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1;
    margin-bottom: 30px;
}
.st-tok p:not(p.st-tok-naslov) {
    margin-bottom: 0px;
    margin-top: 30px;
}
.tok-span-otr span {
    color: white;
    font-family: "League Gothic", sans-serif !important;
    text-transform: uppercase;
    font-size: 20px;
    /* border: 1.5px solid #2e274e; */
}
.tok-span-otr span span {
    border: 1.5px solid #2e274e;
    padding: 7px 15px;
    border-radius: 6px;
    margin-right: 5px;
}
.tok-span-otr img {
    width: 20px;
}
.tok-span-otr {
    display: flex;
    align-items: center;
    gap: 10px;
	  justify-content: center;
}
.tok-span-otr span:last-child span {
    background: #ff008e;
    border-color: #ff008e;
}
.page-balkan-brand-builder .sta-rade-red h2 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.page-balkan-brand-builder .ikonices-tekst-otr {
    flex-wrap: wrap;
}
.page-balkan-brand-builder .ikonice-s-tekst-kol {
    width: 48%;
    position: relative;
}
.page-balkan-brand-builder .ikonice-bg {
    background-color: 
color-mix(in oklab, oklch(65% .27 358) 15%, transparent);
}
.page-balkan-brand-builder .ikonices-tekst-otr .ikonice-s-tekst-kol:nth-child(2) .ikonice-bg, .page-balkan-brand-builder .ikonices-tekst-otr .ikonice-s-tekst-kol:nth-child(4) .ikonice-bg {
    background-color: color-mix(in oklab, oklch(88% .18 95) 15%, transparent);
}
.page-balkan-brand-builder .ikonice-s-tekst-kol p {
    font-size: 35px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.page-balkan-brand-builder .ikonice-s-tekst-kol p span {
    text-transform: none;
    font-size: 16px;
    line-height: 1.7;
    color: #ffffff91;
}
p.broj-vl {
    position: absolute;
    top: 25px;
    right: 20px;
    opacity: 0.2;
}
.uklj-outer {
    background-color: #100c2a;
    border: 1.3px solid #2e274e;
    border-radius: 12px;
    padding: 35px 30px;
    max-width: 98%;
    margin: auto;
    margin-top: 30px;
}
.uklj-outer p.iznad-h {
    color: #fdd506;
}
.smlr-icons-inr {
    background-color: #0b081f;
    border: 1.3px solid #2e274e;
    border-radius: 12px;
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
    width: 19%;
}
.smlr-icons-otr {
    display: flex;
    gap: 2%;
}
.smlr-icons-inr img {
    width: 45px;
}
.smlr-icons-inr p {
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #adabc0;
}
.smlr-icons-inr p span {
    font-family: "League Gothic", sans-serif !important;
    font-size: 22px;
    text-transform: uppercase;
    color: white;
}
.put-do-red-otr h2 {
    max-width: 750px;
}
.put-do-red-otr p:not(p.iznad-h) {
    margin-bottom: 35px;
    font-size: 18px;
    max-width: 700px;
    margin-top: 35px;
    color: white;
}
.put-do-red-otr {
    text-align: center;
}
.put-do-red-otr h2, .put-do-red-otr p:not(p.iznad-h) {
    margin-left: auto;
    margin-right: auto;
}
.put-do-red-otr .tok-span-otr span:nth-child(even) span {
    background: #fdd506;
    color: black;
}
.put-do-red-otr .tok-span-otr span:nth-child(odd) span {
    background: #ff008e;
}
.put-do-red-otr .tok-span-otr img {
    filter: brightness(0) invert(1);
}
.cta-final h2 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.cta-final .dugmici-sajt {
    justify-content: center;
}
.cta-final p.preuzmi-pdf {
    margin-left: auto;
    margin-right: auto;
}
.woocommerce-checkout>.checkout-order-review:before, .woocommerce-order-pay #order_review:before, .woocommerce-checkout>.checkout-order-review:after, .woocommerce-order-pay #order_review:after {
     display: none !important;
}@media (max-width: 576px) {
	.container {
    max-width: 95% !important;
}
.header-red-otr {
    padding: 110px 4% 60px !important;
}
.proizvod-outer {
    flex-direction: column;
    gap: 40px;
}
.proizvod-info {
    max-width: 100%;
}
h1 {
    font-size: 49px;
    line-height: 1.1;
}
.ikonice-kol img {
    height: 35px;
    width: 45px;
}
.ikonice-kol p {
    font-size: 14.5px;
    letter-spacing: 0px;;
}
p.headline-p {
    font-size: 18px;
}
.dugmici-sajt a.dugme-sajt {
    min-width: 0px;
    font-size: 19px;
    width: 100%;
}
p.preuzmi-pdf img {
    width: 15px;
}
p.preuzmi-pdf {
    font-size: 14px;
}
.realnost-red, .sta-rade-red, .s-d-outer, .z-kg-outer, .plan-otr {
    padding: 60px 0px;
}
.realnost-otr {
    max-width: 100%;
    margin: auto;
}
h2 {
    font-size: 44px;
}
p.split-p {
    flex-direction: column;
    gap: 30px;
    font-size: 18px;
    margin-top: 40px;
}
p.split-p span {
    width: 100%;
}
.ikonices-tekst-otr {
    /* flex-direction: column; */
    flex-wrap: wrap;
}
p.under-h2-n {
    font-size: 15px;
}
.ikonice-s-tekst-kol {
    width: 47%;
}
.st-inner {
    flex-direction: column;
    gap: 40px;
}
.st-tekst, .st-slika {
    width: 100%;
}
.st-inner h2 {
    font-size: 50px;
}
.checker-col {
    gap: 10px;
}
.checker-img {
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
}
.checker-img img {
    width: 12px;
}
.checker-col p {
    font-size: 15px;
    line-height: 1.4;
}
.checkeri {
    gap: 18px;
}
p.b-ter {
    padding: 20px 25px;
    font-size: 27px;
}
.z-kg-outer h2 {
    display: block;
}
.z-k-g-inner-col {
    width: calc(50% - 20px);
    padding: 15px 20px;
}
.z-k-g-inner-col img {
    width: 50px;
}
.z-k-g-inner-col p {
    font-size: 19px;
}
.plan-in {
    padding: 30px 20px;
    border-radius: 20px;
}
p.mali-ino {
    font-size: 15px;
}
.plan-in .dugmici-sajt {
    margin-top: 20px;
}
.plan-in p.preuzmi-pdf {
    font-size: 12px;
}
.website-wrapper :is(.woocommerce-form-coupon-toggle,.woocommerce-form-login-toggle)>div p {
    font-size: 13px;
}
form.checkout.woocommerce-checkout {
    margin-top: 30px;
}
.page-title {
    padding: 120px 0px 20px !important;
}
:is(.woocommerce-cart-form__contents,.group_table) td:before, :is(.woocommerce-cart-form__contents,.group_table) td:before, .cart-totals-inner .shop_table_responsive td:before {
    color: white !important;
}
.cart-actions .button[name="update_cart"] {
    margin-top: 5px !important;
}
.coupon.wd-coupon-form {
    padding: 0px !important;
}
button.button {
    height: 52px;
}
}